body	
{
    background-image:none;
	background-repeat:repeat-x;
	background-color:#505050;
	margin: 0px;
	padding: 0px;
	font-family: helvetica, san-serif;
	line-height: 150%;
	font-size: 11px;
	color: #444444; 
}
#page_body_t
{
    background:#1E1E1E url(../images/layout/page_t.png) repeat-x 0 0;
}
#page_body_b 
{
    background:transparent url(../images/layout/page_b.png) repeat-x scroll 0 100%;
}
#wrapper-b {
    background:#FFFFFF url(../images/layout/wrapper_b.png) repeat-x scroll 0 100%;
}
#wrapper-l {
    background:transparent url(../images/layout/wrapper_l.png) repeat-y scroll 0 0;
}
#wrapper-r {
    background:transparent url(../images/layout/wrapper_r.png) repeat-y scroll 100% 0;
}
#wrapper-bl {
    background:transparent url(../images/layout/wrapper_bl.png) no-repeat scroll 0 100%;
}
#wrapper-br {
    background:transparent url(../images/layout/wrapper_br.png) no-repeat scroll 100% 100%;
    overflow:hidden;
    padding-bottom:110px;
}
.main_body
{
    padding:0px 25px 0px 0px;
}

img
{
	vertical-align: top;
	border: 0px;
}

img.image_float_right
{
	vertical-align: top;
	clear: right;
	float: right;
	border: 0px;
	
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 18px;
}

img.image_float_left
{
	vertical-align: top;
	clear: left;
	float: left;
	border: 0px;

	margin-top: 5px;
	margin-right: 18px;
	margin-bottom: 5px;
	margin-left: 0px;
}

h2 {
	font-size:15pt;
	color:	#6F9ABB;
	line-height:20px;
}

/* Class for drop down menu links */
div.dropDownMenu, div.dropDownMenuOver
{
	float: left;
	height: 20px;
	padding: 5px 12px 0px 18px;
	/*vertical-align: middle;*/
	cursor: pointer;
	
	font-family: Helvetica, san-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
}

div.dropDownMenuOver
{
	color: #000000;
}

div.dropDownMenu a:active, div.dropDownMenu a:link, div.dropDownMenu a:visited, div.dropDownMenu a:hover
{
	font-family: Helvetica, san-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
}

div.dropDownMenu a:hover
{
	color: #000000;
}

div.dropDownMenuBody
{
	position: absolute;
	margin-left: -18px;
	width: 175px;
	height: 89px;
	margin-top: 4px;
	padding-top: 15px;
	color: #FFFFFF;
	background-image: url( '../images/layout/dropmenu_back.jpg' );
	background-position: top left;
	background-repeat: repeat-x;
	background-color: rgb( 145, 170, 193 );
	visibility: hidden;
}

div.dropDownMenuBody a:active, div.dropDownMenuBody a:link, div.dropDownMenuBody a:visited, div.dropDownMenuBody a:hover
{
	float: none;
	height: 18px;
	padding-top: 3px;
	padding-left: 18px;
	padding-right: 0px; /*18px*/
	font-family: Helvetica, san-serif;
	font-size: 10.5px;
	color: #FFFFFF;
	display: block;
	text-decoration: none;
	text-transform: none;
	cursor: pointer;
}

div.dropDownMenuBody a:hover
{
	background-image: url( '../images/layout/dropmenu_item_over.jpg' );
}

/* ID For overlib floating tooltips */
div#overDiv
{
	position: absolute;
	visibility: hidden;
	z-index: 1000;
}

/* Main layout table */
table.main_layout
{
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* Class for the table left edge */
table.main_layout td.page_gutter_top_left
{
	background-position: top right;
	background-image: url( '../images/layout/page_gutter_top_left.jpg' );
	background-color: #DCDCDC;
	background-repeat: no-repeat;
}
table.main_layout td.page_gutter_top_right
{
	background-position: top left;
	background-image: url( '../images/layout/page_gutter_top_right.jpg' );
	background-color: #DCDCDC;
	background-repeat: no-repeat;
}
table.main_layout td.page_gutter_left
{
	background-position: top right;
	background-image: url( '../images/layout/page_gutter_left.jpg' );
	background-color: #DCDCDC;
	background-repeat: repeat-y;
}
table.main_layout td.page_gutter_right
{
	background-position: top left;
	background-image: url( '../images/layout/page_gutter_right.jpg' );
	background-color: #DCDCDC;
	background-repeat: repeat-y;
}
table.main_layout td.page_gutter_bottom
{
	width: 932px;
	height: 18px;
	background-position: top left;
	background-image: url( '../images/layout/page_gutter_bottom.jpg' );
	background-color: #DCDCDC;
	background-repeat: no-repeat;
}


/* Class for the table top row */
table.main_layout td.top_bar
{
	vertical-align: middle;
	/*background-color: #569CBE;*/
	background-color: #6F9ABC;
	height: 25px;
}

/* Class for header table cell */
table.main_layout td.page_header
{
	width: 932px;
	height: 70px;
	padding-left: 198px;
	vertical-align: bottom;
	background-image:url('../images/layout/page_header_customer.jpg');
	font-family: helvetica, san-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	text-align: left;
	background-position: top left;
	background-repeat: no-repeat;
}

table.main_layout td.menu_area
{	/*Total Menu area width is 180px */
	width: 200px;
	padding-top:44px;
	/*background-image: url( '../images/layout/menu_header.jpg' );*/
	background-repeat: no-repeat;
}

td
{
	vertical-align: top;
}

/* Class for the main content table */
table.content
{
}

table.content td
{
	vertical-align: top;
}

table.content td.content_header_small
{	/*Total Width is 716px*/
	height: 18px;
	width: 680px;
	padding: 10px 0px 0px 0px;
	
	font-family: helvetica, san-serif;
	font-size: 14px;
	font-weight: bold;
	/*color: #666666;*/
	color: rgb( 111, 154, 187 );
	
	/*background-image: url( '../images/layout/content_header_small.jpg' );*/
	background-repeat: no-repeat;
}

/* Class for Content Links area */
table.content td.content_links_area
{	/*Total width for content link area is 134px */
	width: 134px;
	padding-top: 0px;
	padding-bottom: 215px;
	background-color: #FFFFFF;
	background-image: url( '../images/layout/content_links_background.jpg' );
	background-position: top left;
	background-repeat: no-repeat;
	vertical-align: top;
}


/* Class for Content Links Styles*/
a.content_link:active, a.content_link:link, a.content_link:visited
{
	/*width set to total 134px */
	width: 112px;
	margin: 4px 0px 4px 0px;
	padding: 2px 4px 0px 18px;
	
	font-family: helvetica, san-serif;
	font-size: 10.5px;
	color: #666666;
	display: block;
	text-decoration: none;
}

a.content_link:hover, a.content_link_over:active, a.content_link_over:link, a.content_link_over:visited, a.content_link_over:hover
{
	/*width set to total 134px */
	width: 112px;
	margin: 4px 0px 4px 0px;
	padding: 2px 4px 0px 18px;
	
	font-family: helvetica, san-serif;
	font-size: 10.5px;
	color: #000000;
	display: block;
	text-decoration: none;
	
	background-image: url( '../images/layout/content_links_bullet.gif' );
	background-position: left;
	background-repeat: no-repeat;
}


/* Class for Main Content area */
table.content td.content_area
{
	vertical-align: top;
	padding: 0px 0px 10px 0px;
}

/* Class for the content area header */
div.content_area_header
{
	font-family: helvetica, san-serif;
	font-size: 15px;
	color: #444444;
}

/*td.content_area h1, td.content_area h2
{
	font-family: helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	color: #666666;
	padding: 0px;
	margin: 0px;
}*/

td.content_area h3, td.content_area h4
{
	font-family: helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #333333;
	padding: 0px;
	margin: 0px;
}


td.content_area p
{
	padding: 0px;
	margin: 8px 0px 2px 0px;
}

/* Class for Side Panel Content */
table.content td.side_panel
{	/*Side Panel is Set to 198px*/
	width: 162px;
	height: 260px;
	padding: 18px;
	vertical-align: top;
	
	color:#000000;
	font-family: helvetica, san-serif;
	font-size: 11px;
	text-align: left;
	
	background-color: rgb(240, 240, 240);
}

td.side_panel table
{
	empty-cells: show;
	border-collapse: collapse;
	margin-bottom: 10px;
	width: 162px;
}

td.side_panel th
{
	height: 30px;
	padding: 0px 10px 0px 10px;
	
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bolder;
	color: #FFFFFF;
	text-align:left;
	
	background-image: url( '../side_panels/images/sidepanel_top.jpg' );
	background-position: top left;
	background-repeat: no-repeat;
}

td.side_panel td
{
	padding: 5px;

	background-color: rgb(226, 226, 226);
}

td.side_panel td.drop_shadow
{
	height: 10px;
	padding: 0px;
	
	background-image: url( '../side_panels/images/sidepanel_dropshadow.jpg' );
	background-position: top left;
	background-repeat: no-repeat;
}

td.side_panel td.bottom
{
	height: 20px;
	padding: 0px;
	
	background-image: url( '../side_panels/images/sidepanel_bottom.jpg' );
	background-position: top left;
	background-repeat: no-repeat;
}

/* =Default Link Styles= */
a:active, a:link, a:visited, a:hover
{
	font-family: helvetica, san-serif;
	font-size: 11px;
	/*color: rgb( 96, 136, 172 );*/
	color: #6f9abc;
	text-decoration: none;
}
/* =============================== */


/* Classes for forms */
div.form_container
{
	padding-top: 30px;
	margin-left: auto;
	margin-right: auto;
}

table.form
{
	border-collapse:collapse;
	font-family: helvetica, san-serif;
	color: #999999;
	font-size: 9px;
	border: 1px solid #C0C0C0;
	background-color: #FFFFFF;
}

table.form td.top_center_left
{
	/*background-image: url( '../images/layout/menu_header.jpg' );*/
	background-position: bottom right;
	height: 30px;
	border-right: 1px solid rgb( 96, 136, 172 );
}

table.form td.middle_center_left
{
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	margin: 0px 20px 20px 20px;
	vertical-align: middle;
	font-size: 9px;
	font-weight: bold;
	text-align: right;
	border-right: 1px solid rgb( 96, 136, 172 );
}

table.form td.middle_center_right
{
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
}

table.form td.bottom_center_left
{
	border-right: 1px solid rgb( 96, 136, 172 );
}

table.form td.top_left, table.form td.top_right, table.form td.middle_left, 
table.form td.middle_right, table.form td.bottom_left, table.form td.bottom_right
{
	background-color: #C0C0C0;
	width: 0px;
	height: 0px;
}

/* CUSTOMER AREA STYLING */

#cust_area_main_panel 
{
    width:462px;
    height:auto;
    padding:7px 20px 0 7px;
    /*background-image:url( '../images/layout/main_panel_fade.jpg' );*/
    background-repeat:no-repeat;
    float:left;
    line-height:normal;
}

.content_area #cust_area_main_panel a:link {
    /*color:rgb(204, 126, 43);*/
    color: #6f9abc;
    text-decoration:underline;
}

.content_area #cust_area_main_panel a:visited {
    color:rgb(204, 126, 43);
    text-decoration:underline;
}

.content_area #cust_area_main_panel a:hover{
    color:#6F9ABB;
}

.content_area #cust_area_main_panel h1{
    /*
    Viewpoint Blue
    color: #6F9ABB;*/
    color:rgb(204, 126, 43);
    font-size:large;
    font-weight:bolder;
    margin:0 0 3px 0;
}

.content_area #landing_page h4{
    /*
    Viewpoint Blue
    color: #6F9ABB;*/
    color:rgb(204, 126, 43);
    font-size:11pt;
    font-weight:bolder;
    margin:5px 0 8px 0;
}

.content_area #cust_area_main_panel img{
    float:right;
    margin:5px;
}

#left_column_div
{
    position:relative;
    top:95px;
    min-height:150px;
    padding:0;
    float:left;
    width:210px;
    height:180px;
}

#left_column_div img
{
    vertical-align:middle;
}

#right_column_div
{
    position:relative;
    top:15px;
    padding:0 0 0 10px;
    float:right;
    width:235px;
    height:auto;
    border-left:solid 2px #DDD;
}

.content_area #cust_area_main_panel h1
{
    color: rgb(204,126,43);
    font-size:15pt;
    font-weight:bolder;
    margin:0;
}

.content_area #cust_area_main_panel h3
{
    color: rgb(204,126,43);
    font-size:12pt;
    font-weight:bolder;
    margin:0;
}


.content_area #cust_area_main_panel #right_column_div h1{
    color: #6F9ABB;
    font-size:larger;
    font-weight:bolder;
    margin:0;
}

#cust_area_accordion_panel 
{
    border:solid 1px #CCC;
    width:191px;
    height:auto;
    margin:0 0 0 0px;
    /*background-image:url( '../images/layout/accordion_panel_fade.jpg' );
    background-repeat:no-repeat;*/
    float:right;
    
}

.eventHeader img
{
   padding:2px 3px 3px 3px;
}

.eventHeader
{
    background-color:rgb(111,154,188);
    /*background-image:url( '../images/layout/accordion_panel_header.jpg' );
    background-repeat:repeat-x;*/
    color:#FFF; 
    cursor: hand;
    cursor: pointer;
    height:17px;
    padding:5px 3px 5px 2px;
    font-weight: bold;
    text-transform:uppercase;
}



.closedeventHeader{
    color: #FFF;
    background-image:none;
    background-color:rgb(204,126,43);
    /*border-top:solid 1px #DDD;*/
}

.eventContent {
    padding:3px 2px 2px 2px;
    background-image:url( '../images/layout/bevel_white.jpg' );
    background-repeat:repeat-x;
}

.content_area .eventContent h1
{
    color: #333;
    font-size:larger;
    font-weight:bolder;
}

.content_area .eventContent h2
{
    color:rgb(204, 126, 43);
    font-size:9pt;
    font-weight:bold;
    margin:0;
    padding:0;
}

.content_area .eventContent p{
    margin:2px 0 5px 0;
    padding:0;
}


.content_area .eventHeader a:link {
    color:#FFF;
}

.content_area .eventHeader a:visited {
    color:#FFF;
}

.content_area .eventHeader a:hover {
    color:#000;
}

.content_area .eventContent a:link {
    color:#000;
}

.content_area .eventContent a:visited {
    color:#000;
}

.content_area .eventContent a:hover {
    color:rgb(204, 126, 43);
    text-decoration:underline;
}

#cust_area_accordion_panel .openeventContent a:link, a:visited, a:hover
{
    font-weight:bold;
    color:#000;
}

/* END CUSTOMER AREA STYLING */

/* Independent classes */
.header
{
	font-family: helvetica, san-serif;
	font-size: 18px;
	color: rgb( 96, 136, 172 );
	text-transform: lowercase;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 18px;
	padding-left: 0px;
}

.back_button
{
	float: right;
	padding-right: 18px;
}


/* =Classes for Menu Editor table= */
table.menuDisplay
{
	font-family: helvetica, san-serif;
	font-size: 11px;
	color:#888;
	background-color: white;
	padding: 0px;
	border: 1px solid #999999;
}

table.menuDisplay td
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}

/* Classes for the Copyright Div */
div.copyright
{
	padding: 20px 0px 10px 0px;
	text-align: center;
	vertical-align: middle;
	color:#808080;
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
}
div.copyright a:active, a:link, a:visited
{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	/*color:#808080;*/
	color:#6f9abc;
	text-decoration: none;
	font-weight: normal;
}
div.copyright a:hover
{
	font-family: Arial, Helvetica, san-serif;
	font-size: 8pt;
	color:#505050;
	text-decoration: none;
	font-weight: normal;
}

/* =============================== */



/* =Form Classes= */
.formText 
{
	font-family: helvetica, san-serif;
	font-size:10px;
	letter-spacing:1.5px;
	color: rgb( 96, 136, 172 );
}

.formField
{
	font-family: helvetica, san-serif;
	font-size: 10px; 
	color: rgb( 96, 136, 172 );
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.button
{
	font-family: helvetica, san-serif;
	font-size: 10px;
	font-weight:bold;
	color: #6F9ABB;
	background-color: #d6dee8;
	border: 1px solid #999999;
	width: 65px;
	height: 18px;
	cursor: pointer;
}

.buttonover
{
	font-family: helvetica, san-serif;
	font-size: 9px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #4D7593;
	border: 1px solid #999999;
	width: 65px;
	height: 18px;
}

.widebutton
{ 	
	font-family: helvetica, san-serif;
	font-size: 9px; 
	font-weight:bold;
	color: #6F9ABB;
	background-color: #d6dee8;
	border: 1px solid #999999;
	width: 110px;
	height: 22px;
	padding-top:2px;
	padding-bottom:2px;
}

.widebuttonover 
{ 
	font-family: helvetica, san-serif;
	font-size: 9px;
	font-weight:bold;
	color: #FFFFFF;
	background-color: #4D7593;
	border: 1px solid #999999;
	width: 110px;
	height: 22px;
	padding-top:2px;
	padding-bottom:2px;
}
.hotelimg
{
    float:right;
}
/* =============================== */


/* =Independant Classes= */
.tiny{ width: 200px; }

.small{ width: 400px; }

.med{ width: 600px; }

.large{ width: 800px; }

.left{ text-align: left; }

.center{ text-align: center; }

.right{ text-align: right; }

.bold{ font-weight: bold; }
/* =============================== */


/* =============================== */
/* LEARNING SERVICES PAGES */

    td.content_area  H1 {font-size:17pt;font-weight:bold;color:rgb(204, 126, 43);padding-top:7px;padding-bottom:7px;margin:0;}
    td.content_area H2 {font-size:13pt;font-weight:bold;color:rgb(0, 61, 121);padding-top:7px;padding-bottom:7px;margin:0;}
   .content_area .tutorialIntroTable H1 {font-size:17pt;font-weight:bold;color:rgb(204, 126, 43);padding-top:10px;padding-bottom:10px;}
   .content_area .tutorialIntroTable H2 {font-size:13pt;font-weight:bold;color:rgb(0, 61, 121);padding-top:0px;padding-bottom:5px;}
   .content_area .tutorialIntroTable td {padding-bottom:5px;}
   .content_area .tutorialIntroTable {border-collapse:collapse;background-color:#FFF;width:650px;}

   .content_area .tutorialContentTable {border-collapse:collapse;margin-left:20px;background-color:#FFF;width:500px;}
   .content_area .tutorialContentTable .course {font-weight:bold;padding:3px;padding-left:0px;text-align:left;}
   .content_area .tutorialContentTable .courseDescription {padding-bottom:3px;text-align:left;}
   .content_area .tutorialContentTable .launch {padding:3px;padding-bottom:3px;text-align:right;}
   .content_area .tutorialContentTable a:link, a:visited {color:#6F9ABC;}
   .content_area .tutorialContentTable a:hover {color:#CC7E2B;text-decoration:underline;}
   
   .content_area .tutorialIntroTable a:link, a:visited {color:#6F9ABC;}
   .content_area .tutorialIntroTable a:hover {color:#CC7E2B;text-decoration:underline;}

   .content_area .pdfTable {border-collapse:collapse;margin-left:20px;background-color:#FFF;width:450px;}
   
   
/* =============================== */
/* Coundown Clock display */
.countdown 
{
    text-align:center;
 }