/* ######################### SITE-WIDE STYLES #################### */
/* ############################################################### */

.error { background: #ffcccc; }

body 
{
	margin: 0;
	padding: 0;
	background: #fff;
	font: 90%/1.2em Verdana;
	color: #444;
}

A 
{
	color: #1d497a;
	font-family: Verdana;
}

A:Hover
{
	text-decoration: none;
}

h1, h2, h3, h4, h5 { color: #1d497a; }
H1 { margin-bottom: 0px; margin-top: 15px; }
H2 { margin-bottom: 0px; margin-top: 15px; }
H3 { margin-bottom: 0px; margin-top: 15px;}
H4 { font-size: 16px; margin-bottom: 0px; margin-top: 15px; }
H5 { font-size: 14px; margin-bottom: 0px; margin-top: 15px; }


ul { margin: 0 0 0 16px; padding: 0; }
ul li { margin-top: 2px; margin-bottom: 4px; }
li ul { margin-left: 15px; }

ol { margin: 0 0 0 30px; padding: 0;}
ol li { margin: 10px 0; padding: 0; }

img { border: 0; }

P		{ line-height: 1.4em; margin: 8px auto 0 0; }
.sub1	{ margin-left: 60px; }
.sub2	{ margin-left: 100px; }
.sub3	{ margin-left: 140px; }
.sub1color	{ margin-left: 60px; color: #000066; }
.sub2color	{ margin-left: 100px; color: #000066; }
.sub3color	{ margin-left: 140px; color: #000066; }

span.new { color: Red; font-style: italic; }

.color  { color: #1d497a; }

.clear { clear: both; }


.pageHeading 
{
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #516270;
	/*background: url(images/pageHeading_bg.gif) 0 -13px repeat-x;*/
	padding: 0 10px 0 10px;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #c2c2dd;
	border-top: 1px solid #c2c2dd;
	border-right: 1px solid #c2c2dd;	
	background: #ecf5f1 url(images/left_drop_shadow.gif) -2px 0 repeat-y;
}

.subHeading
{
	margin: 10px auto 5px 10px;
	font-size: 12px;
	font-weight: bold;
	color: #000066;
}

.ContentWrapper
{
	margin: 0 10px;
	padding: 0;
	border: 0px solid #000;
}

.infoBox
{
	border: 1px solid #333333;
}

.infoBoxHeader
{
	margin: 0;
	background: #d9d3c4;
	padding: 5px;
	color: #333333;
	font-weight: bold;
}
.infoBoxHeader a
{
}
.infoBoxContent
{
	margin: 3px;
	padding: 3px;
}	
.infoBoxFooter
{
	background: #d9d3c4;
	padding: 3px;
}








/* ############################ CONTACT PAGE STYLES ###################### */
/* ####################################################################### */
.contactSectionWrapper
{
	width: 90%;
	margin: 0 auto 15px auto;
}

.contactInfoTab
{
	background: url(/images/backgrounds/bg_grad_silver.gif) repeat-x;
	color: #485b53;
	font-weight: bold;
	font-size: 11px;
	padding: 3px 5px 3px 18px;
	height: 10px;
	line-height: 10px;
	border: 1px solid #eee;
}
.contactInfoText
{
	border: 1px solid #eee;
	/*background: url(images/guis/contact_us_gui/content_bg_gradient.gif) repeat-x;*/
	background: #fffffc;
}

.tableContactInfo
{
	width: 90%;
	margin: 0 auto;
}
.tdContactInfo
{
	padding: 12px;
	vertical-align: top;
}
/* END CONTACT PAGE */


/* ########################## Thai's table style ######################### */
/* ####################################################################### */
.tablePreferenceStyle
{
	border: 1px solid silver;
	width: 500px;
	margin:0 auto;
}
.createUserWizardStyle
{
	margin: 0 auto;
}
/*End of Thai's style*/


/* ######################## STYLES FOR FEATURED PRODUCT SECTIONS #################### */
/* ################################################################################## */
.fpContent 
{
	padding: 5px 5px;
}

.fpContent H5
{
	color: #333333;
	margin-top: 0;
}
.fpContent p.moreInfo
{
	text-align: right;
	margin-right: 15px;
}

.fpContent ul
{
	margin: 5px 0 0 80px; 
	padding: 10px;
	background: #efecec;
	list-style-position: outside;
	list-style: none url(icons/list_bullet.gif);
}

.fpContent ul li
{
	margin-left: 22px;
	padding: 3px;	
}

.fpContent ul li ul
{
	margin-left: 30px;
}
/*	END FEATURED PRODUCT STYLES */


/* ################################# LOGIN BOX STYLES ################################# */
/* #################################################################################### */
.logInOutWrapper
{
	margin: 4px 0;
	padding: 4px 4px;
	border: 1px solid #336699;
	color: #ededed;
	font-size: .9em;
	line-height: 1.25em;
	text-align: left;
	/*background: #4b80aa url(images/login_tile_bg.gif) repeat-x;*/
}

.loginBox
{
	text-align: left;
}
.loginMenu
{
}
.loginMenu a
{
	color: #fff;
}
.logoutBox
{
	text-align: left;
}
.logoutBox .name
{
	font-size: 1.1em;
	font-weight: bold;
}
.logoutBox .agencyName
{
	font-size: .7em;
}
.logoutBox a
{
	text-align: right;
	color: #d8dde8;
	font-size: 10px;
}

/* END LOGIN BOX STYLES */




/* ############################## LOGIN PAGE STYLES ##################################### */
/* ###################################################################################### */
.tableLogin { }
.tableLogin td { vertical-align: top;} 
ul.login 
{
	list-style-type: none;
	margin: 0;
}
ul.login li
{
	padding: 5px;
	font-size: 12px;
	color: #000066;
}
/* END LOGIN PAGE STYLES */



/* TRAINING VIDEOS PAGE STYLES */
table.videoCatList
{ 
	width: 90%;
	margin: 10px;
	background: #eaeaea;
}
table.videoCatList th
{
	background: #333;
	color: #fff;
	padding: 3px;
	text-align: left; 
}
table.videoCatList td
{
	padding: 8px;
}
.videoCatListVideo { height: 100px; width: 100%; border: 1px solid #000;}
.videoCatListTitle { height: 50px; width: 100%; border: 1px solid #000;}

.trainingItem { margin: 15px 0 0 0;}
	.trainingItem .image		{ position: relative; float: left; width: 85px; height: 82px; }
		.trainingItem .image .videoWrapper { position: absolute; top: 0; left: 0; z-index: 90; }
		.trainingItem .image .videoWrapper a { display: block; width: 0; height: 82px; }
		.trainingItem .image .videoThumbnail { position: absolute; top: 10px; left: 0; z-index: 89; }
	.trainingItem .info			{ position:relative; float: left; width: 100%; padding: 0 5px; margin-top: 20px; }
		.trainingItem .title		{float: left; width: 160px; }
		.trainingItem .title a		{ color: #1d497a; font-size: 16px; }
		.trainingItem .description	{ float: left; width: 400px; margin: 0 20px; line-height: 20px; }
		.trainingItem .description	h3 { padding: 0; margin: 0; }		
		.trainingItem .footer		{ margin: 6px 20px; }
			.trainingItem .openMovie	{ float: left; width: 120px; }
			.trainingItem .openPDF		{ float: left; width: 120px; }
	.trainingItem .clear		{ clear: both; }
/* END TRAINING VIDEOS PAGE STYLES */





/* ############################## APPLICATIONS PAGE STYLES #################################### */
/* ############################################################################################ */

#AppTips
{
	 width: 350px; 
	 border: 2px solid #999; 
	 padding: 10px; 
	 background: #ebfae9;
}


/* ############################# BROKER SIGNUP PAGE ########################################## */
/* ########################################################################################### */
ul.features
{
	padding: 0;
}
ul.features li
{
	padding: 4px;
}


/* ############################## HOME PAGE STYLES ############################### */
/* ################################################################################### */
.homeSectionWrapper { margin: 0 0; }
.homeSectionWrapper h2 { font-weight: normal; }
.homeSectionWrapper h2 a { font-weight: normal; text-decoration: none; }
.homeSectionWrapper h3 { font-weight: normal; }
.homeLeftCol { float: left; width: 480px; font-size: .9em; }
.homeLeftCol p.homeGreeting { margin: 0 0 15px 0; }
.homeLeftCol .homeBoxLeft { float: left; width: 225px; margin-right: 15px; }
.homeLeftCol .homeBoxLeft ul { margin: 10px 0; padding: 0; list-style: none;  }
.homeLeftCol .homeBoxLeft ul li { padding: 2px 0; }
.homeLeftCol .homeBoxRight { float: left; width: 225px; }
.homeRightCol { float: right; width: 380px; }
/* END OF NEW HOME-PAGE STYLES */




/* ############################### R2U PAGE STYLES ###################################### */
/* ###################################################################################### */

.r2u_wrapper
{
	margin: 10px 0;
	width: 100%;
	border: 0px solid #000;	
}

.r2u_columnLeft
{
	float: left; width: 30%; border: 0px solid green;
}
.r2u_columnMiddle
{
	float: left; width: 32%; padding: 0 14px;
}
.r2u_columnRight
{
	float: left; width: 33%; border: 0px solid green;
}

.r2u_item
{
	border: 0px solid #888;
	margin: 15px 4px;
}

.r2u_itemHeader
{
	background: #d2dbe4 url(images/guis/r2u_gui/r2u_gui.gif) repeat-x;
	color: #1d497a;
	padding: 2px 4px;
	font-size: 14px;
	border: 1px solid #8ca6c0;
	font-weight: bold;
	cursor: default;
}

.r2u_itemContent
{
	background: #fff;
	border-width: 0 1px 1px 1px;
	border-color: #8ca6c0;
	border-style: solid;
	font-size: 12px;
	padding-bottom: 12px;
	padding-top: 8px;
	padding-left: 4px;
	padding-right: 4px;
}
.r2u_itemContent ul
{
	list-style-type: none;
}
.r2u_itemContent .menu
{
	padding: 0;
	margin: 0;
	list-style: none;
}
.r2u_itemContent .menu li
{
	padding: 4px 4px 4px 0;
	margin: 0;
	border: 1px solid #fff;
}
.r2u_itemContent .menu li a
{
	/*font-size: 12px;*/
}






/* ################################# SEARCH RESULTS PAGE STYLES ################################# */
/* ############################################################################################## */
.searchKeyWordMatchWrapper
{
	background: #ecf5f1;
	padding: 5px 5px;
	margin: 10px 20px;
}
.searchKeyWordMatch 
{
	margin: 10px 20px;
}
.searchKeyWordMatch a
{
	font-size: 12px;
}
.searchKeyWordMatch .heading
{
	font-weight: bold;
}

.searchKeyWordMatch .results
{
	margin: 5px 80px;
}

.searchKeyWordMatch .resultsList { }
.searchKeyWordMatch .resultsList td { padding: 3px; }
/* END SEARCH RESULTS STYLES */



/* ########################### AGENCY ADMIN PAGES ############################################## */
/* ############################################################################################# */

.ConfirmMessage
{
	background: #efdede;
	color: #333;
	margin: 5px 0;
	padding: 10px;
	border: 1px solid #d85a5a;
}

.adminLeft 
{
	border: 0px solid #000; 
	float: left; 
	width: 20%; 
	font-size: .8em;
}

.adminRight 
{
	border: 0px solid #000; 
	float: left; 
	width: 78%; 
	margin-left: 10px;
	font-size: .8em;
}

.adminRight .homeLink
{
	margin: 0 0 10px 0;
}

.adminInfoBox 
{
	border: 1px solid #ecf5f1;
	color: #555;
	margin-bottom: 10px;
}

.adminInfoBox .header
{
	background: #ecf5f1 url(images/guis/user_admin_gui/BoxHeader_bg.gif); 
	color: #516270;
	padding: 2px;
	font-family: Arial;
	font-weight: bold;
}

.adminInfoBox .content
{
	padding: 5px;
	overflow: hidden;
}

.adminInfoBox .content h5
{
	margin: 0;
	padding: 4px;
	background: #f5f5f5;
}

.adminInfoBox .content table.checkboxList
{
	margin: 0;
	padding: 0;
}
.adminInfoBox .content table.checkboxList td
{
	padding: 3px;
	width: 200px;
	border: 0px solid green;
}
.adminInfoBox .content table.checkboxList td input[type=checkbox]
{
	margin-right: 3px;
}


.adminInfoBox .content .item
{
	clear: both;
	margin: 2px 0 8px 0;
	border: 0px solid #444;
}

.adminInfoBox .content .label
{
	float: left;
	width: 25%;
	text-align: right;
	border: 0px solid #999;
	padding: 0;
}
.adminInfoBox .content .field
{
	float: right;
	width: 74%;
	text-align: left;
	border: 0px solid #888;
	padding: 0;
}
.adminInfoBox .content fieldset
{
	border: 1px solid #ddd;
	padding: 0 15px;
}
.adminInfoBox .content fieldset legend
{
	font-weight: bold;
	margin-left: 0;
	margin-bottom: 5px;
	padding-left: 0;
	color: #555;
}

.adminInfoBox .content .field input, select
{
	padding: 0;
	margin: 0;
}

.adminInfoBox .content .field input, select
{
	padding: 0;
	margin: 0;
}

.adminInfoBox .content .clear
{
	clear: both;
}

.adminInfoBox .content .detailsView
{}
.adminInfoBox .content .detailsView .CommandRow
{}
.adminInfoBox .content .detailsView .CommandRow a
{
	border: 1px solid #999;
	padding: 1px 4px 1px 4px;
	background: #eee;
	text-decoration: none;
	font-size: 10px;
}
.adminInfoBox .content .CommandButton
{
	border-width: 0px 1px 1px 0px;
	border-color: #aaa #aaa;
	border-style: solid;
	padding: 1px 4px 3px 4px;
	background: #eee url(/images/backgrounds/bg_grad_silver.gif) repeat-x;
	text-decoration: none;
	color: #1d497a;
}

.adminInfoBox .content .grid
{
	border: 0px solid #000;
	margin: 0;
}
.adminInfoBox .content .grid .gridHeader
{
	background: #eee;
	text-align: left;
	color: #555;
}
.adminInfoBox .content .grid td
{
	padding: 3px;
	border: 0px solid #000;
}
.adminInfoBox .content .grid th
{
	padding: 2px;
	border: 3px solid #fff;
}
.adminInfoBox .content .grid .gridRow
{}
.adminInfoBox .content .grid .gridRow:hover
{
	background: #f1f1f1;
	cursor: pointer;
}
.adminInfoBox .content .grid .gridAlternatingRow
{
	background: #f9f9f9;
	text-align: left;
}
.adminInfoBox .content .grid .gridAlternatingRow:hover
{
	background: #f1f1f1;
	cursor: pointer;	
}
.adminInfoBox .content .grid .gridSelectedRow
{
	background: #ccc;
	text-align: left;
}

.adminInfoBox .noWrap
{
	height: 12px;
	overflow: hidden;
}

.ddlBranches
{
	background: #fff;
	color: #555;
	font-size: 16px;
	border: 1px dashed #aaa;
	margin: 3px 0;
	padding: 0;
}
/* END AGENCY ADMIN PAGES */


/* ############### WEB EX PAGES ###############################
   ############################################################ */
.webexWrapper { }
.webexWrapper ul { margin: 15px 30px; }
.webexWrapper #webexRegistrationForm label { line-height: 24px; }
.webexWrapper input.text { font-size: 18px; }




/* ############## TUSCANO LINKS PAGE ################
   ################################################## */
.tuscanoLinksWrapper { margin-right: 40px; }
.tuscanoLink { clear: both; margin: 20px 0; }
.tuscanoLinkHeader { }
.tuscanoLinkDesc { }
.tuscanoLinkDesc img { float: right; padding: 0 0 15px 40px; border: 0; }


/* ############## FAQ PAGE ################
   ################################################## */
.faq dt { font-weight: normal;
     color: #1d497a;
	 font-family: Verdana;
	 text-decoration: underline;
	 cursor: pointer;
   }
.faq dd { margin-left: 0px; margin-bottom: 18px;}




/* ############ NEWS #################
   ################################### */
.newsItem { }
.newsItem h2 { padding-bottom: 15px; }
.newsItem h2 a { font-weight: normal; text-decoration: none; }
.newsItemInfo { }
.newsItemContent { }
.newsItemSidebar
{
	position: relative;
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
	font-size: .9em;
	line-height: 1.6em;
	width: 25%;
	background: #ecf5f1;
	border: 1px solid #c2c2dd;
	padding: 10px 15px;
}

.newsItemSidebar h1 { font-size: 1.3em; color: #516270; margin: 0; padding: 0; }

.newsList { }
.newsList .pageLinks { text-align: center; font-size: 1em; background: #efefef; padding: 5px 0; }
.newsList .pageLinks a { padding: 0 4px; }
.newsList .pageLinks a.previous { padding-right: 15px; }
.newsList .pageLinks a.next { padding-left: 15px; }
.newsList .pageLinks a.selected { font-size: 1em; font-weight: bold; }
.newsList .newsListItem { margin: 0 0 10px 0; }
.newsList .newsListItem .itemTitle { display: inline; float: left; padding: 4px 0; margin-right: 20px; font-size: 1.2em; }
.newsList .newsListItem .itemTitle a { }
.newsList .newsListItem .itemInfo { display: inline; float: left; padding: 4px 0; font-size: .8em; color: #999; }
.newsList .newsListItem .itemExcerpt { clear: both; }
.newsList .newsListItem .itemExcerpt { }
.newsList .newsListItem .itemExcerpt span.readMore { display: block; font-size: x-small; }

.newsBox { }
.newsBox .newsListItem { margin: 6px 0; }
.newsBox .newsListItem .itemTitle { padding: 0; }
.newsBox .newsListItem .itemTitle a { line-height: 1.4em; text-decoration: none; }
.newsBox .newsListItem .itemTitle a:hover { line-height: 1.4em; text-decoration: underline; }
.newsBox .newsListItem .itemInfo { display: none; }
.newsBox .newsListItem .itemExcerpt { clear: both; }
.newsBox .newsListItem .itemExcerpt { }
.newsBox .newsListItem .itemExcerpt span.readMore { display: block; font-size: x-small; }



/* ################################################################ */
/* ################ RATER LIST STYLES ############################# */
.raterlinks { border: 0px solid #000; margin: 15px 18px 20px 0; width: 200px; height: 175px; float: left; }
/*.raterlinks .raterblock { float: left; width: auto; margin: 5px 0;} */
.raterlinks .raterImage { position: relative; min-height: 75px; }
.raterlinks .raterImage img { position: absolute; bottom: 0; height: 75px; }
.raterlinks .raterTitle { font-size: 1em; margin-top: 5px; }
.raterlinks .raterPrograms { font-size: .7em; margin-top: 5px; }
.raterlinks .raterProducts { font-size: .7em; margin-top: 5px;  }
.raterlinks .raterHost { color: #999; font-size: .7em; margin-top: 5px;  }
.raterlinks .newtext { color: #cc6600; padding-left: 10px; }


/* FIX FOR AJAX CALENDAR CONTROL */
.ajax__calendar_title { width: 140px; margin: auto; }