/* GLOBAL */

body	{	background: #FFFFFF; 
			margin: 0px 0px 0px 0px;
}

p, ul, ol, li, td, tr, a, h1, h2, h3, h4 {
	font-family: verdana, helvetica, arial, sans-serif;
}
	p, ul, ol 	{ font-size: 12px; color: #666666; line-height: 150%;}
	li			{ line-height:160%;}

	a				{ color: #3366CC; text-decoration: none; }
	a:visited		{ color: #3366CC; text-decoration: none; }
	a:hover			{ color: #3366CC; text-decoration: underline; }
	hr				{ color: #999999; height: 1px; }

	.anchor		{ font-size:10px;}

/* start to migrate away from .pageTitle and towards h1, h2, h3, etc */
	h1	{ font-size: 24px; color: #3366CC; font-weight: normal; padding-top: 15px;}
	h2	{ font-size: 18px; color: #3366CC; font-weight: normal; }
	h3	{ font-size: 14px; color: #0066CC; font-weight: bold; padding: 10px 0px 5px 0px;}
	h4	{ font-size: 12px; color: #666666; font-weight: bold; padding: 0px 10px 0px 0px; line-height: 150%;}

	.sub-h1	{ font-size: 22px; color: #3366CC; font-weight: normal; }
	.sub-h2	{ font-size: 16px; color: #3366CC; font-weight: normal; }
	.sub-h3	{ font-size: 13px; color: #0066CC; font-weight: normal; }
	.sub-h4	{ font-size: 12px; color: #666666; font-weight: normal; }

	.text-highlite {
		font-weight: bold;
	}
	.red		{ color: #FF0000; }
	.green		{ color: #009900; }
	.blue		{ color: #000066; }
	.magenta	{ color: #FF0099; }
	.orange		{ color: #FF6600; }
	.bg-bar		{background: #E7F2FE; padding: 4px;}

/* BANNER */

	.logo-left		{ padding: 0px 0px 0px 0px;}
	.logo-right		{ padding: 0px 0px 0px 0px;}
	.bannerArea		{ background: #FFFFFF; }
	.bannerBG		{ background: #6699CC; height: 4px;}

/* MAIN CONTENT */	
	/* deprecated */
	.main 			{ font-size: 12px; color: #666666;}

	.site-border	{ border-right: 4px solid #E7F2FF; }

	.clientArea			{ background: #FFFFFF; padding: 0px 0px 15px 20px; }
	.clientCat			{ font-weight: bold; font-size: 10px; color:#666666; }
	.clientValue		{ font-size: 10px; color:#000000; }
	.content			{ background: #FFFFFF; padding: 15px 10px 15px 10px; border-bottom: 1px solid #999999; width: 100%;}


	.footer				{ font-size: 11px; color: #666666; vertical-align: bottom; padding: 0px 0px 0px 10px;}
	.footer-baseBorder	{ background: #FFFFFF;}
	.legal-copy			{ font-size: 10px; color: #666666; padding: 5px 0px 10px 0px;}
	.disclaimer			{ font-size: 11px; color: #333333}	
	.site-base			{ margin: 1px 0px 0px 0px;}
	
	.note { font-size: 12px; color: #000066; padding: 15px 25px 0px 25px;}
	
	/* deprecated - use h1 */
	.pageTitle { font-size: 24px; padding-top: 15px; line-height: 160%;}
	.title {font-size: 24px; color: #3366CC;}
	.pageSubTitle { font-size: 20px; line-height: 160%;}	
	
	/* deprecated - use h2 */
	.ahead 	{ font-size: 18px; color: #3366CC;}

	/* deprecated - use h3 */
	.section-title {font-size: 14px; color: #0066CC; padding: 10px 0px 10px 0px;}	

	.menupad 			{ padding: 40px 0px 0px 20px; }
	.copy-pad			{ padding-right: 20px;}

/* CALENDER */

	.calender-nullDate		{ background: #EFEFEF;}
	.calender-today			{ background: #E7F2FF;}
	.calender-yesterday		{ }
	.calender-yesterdayd	{ background: #EFEFEF;}
	.calender-active		{ background: #FF0000;}
	.calender-dayDate		{ background: #ffffff; padding: 3px;}

/* DISPLAY TABLE RESULTS */

	/* deprecated - use h3 */
	.displayTitle 		{ font-weight: bold; font-size:12px; color: #FFFFFF; background: #2266AB; padding: 5px 10px 5px 10px;}
	.displaySubTitle 	{ font-weight: bold; font-size:14px; color: #FFFFFF; background: #2266AB; padding: 15px 10px 15px 10px;}

	.displayResults		{ font-size: 11px; color: #666666; padding: 10px 10px 10px 10px;}
	
	.alt				{ font-weight: bold; font-size:11px; color: #666666; background: #E7F2FE;}
	
	.table-ahead 		{ font-weight: bold; font-size:12px; color: #FFFFFF; background: #2266AB; padding: 5px 10px 5px 10px;}
	.knockout			{ font: bold 12px verdana; color: #FFFFFF; background: #2266AB; padding: 2px 0px 2px 0px;}

	.table-bhead 		{ font-weight: bold; font-size:12px; color: #666666; background: #cccccc; padding: 5px 10px 5px 10px;}
	.rowOdd 			{ background: #E7F2FE; font-size: 11px; color: #666666; padding: 10px 10px 10px 10px;}
	
	.rowEven, td.rowEven p, td.rowEven ul, td.rowEven ol, td.rowEven li	{
		background: #FFFFFF; font-size: 11px; color: #666666; padding: 10px 10px 10px 10px;
	}
	td.rowEven li {
			padding: 0px 0px 0px 0px;
			margin-left: 0px;
	}
	.rowOddBold 		{ background: #E7F2FE; font-size: 11px; color: #666666; padding: 10px 10px 10px 10px; font-weight: bold;}
	.rowEvenBold		{ background: #FFFFFF; font-size: 11px; color: #666666; padding: 10px 10px 10px 10px; font-weight: bold;}


/* DISPLAY REPORT TABLES */
	.table-ahead-report		{ font-weight: bold; font-size:11px; text-transform: uppercase; color: #FFFFFF; background: #2266AB; padding: 5px 0px 5px 10px;}
	.rowOdd_report 			{ background: #E7F2FE; font-size: 11px; color: #666666; padding: 5px 0px 5px 10px;}
	.rowEven_report 		{ background: #FFFFFF; font-size: 11px; color: #666666; padding: 5px 0px 5px 10px;}

	.export {font: 10px verdana;}
		.export a:link {color: #FFFFFF; text-decoration: none;}
		.export a:visited {color: #FFFFFF; text-decoration: none;}
		.export a:hover {color: #FFFFFF; text-decoration: none;}


/* LEFT NAVIGATION */

	.navColumn			{ background: #E7F2FF; width:170px; vertical-align: top; }
	.nav-content		{ background: #FFFFFF; padding: 42px 0px 20px 5px; border-left: 1px solid #3366CC; border-bottom: 1px solid #3366CC;}
	.navBox				{ padding: 0px 0px 0px 0px; width:320px; vertical-align: top;}

	.nav-parent { font-weight: bold; font-size:11px; padding: 2px 0px 2px 5px; }
		.nav-parent a:link		{ color: #3366CC; text-decoration: none; }
		.nav-parent a:visited	{ color: #3366CC; text-decoration: none; }
		.nav-parent a:hover		{ color: #3366CC; text-decoration: underline; }

	.nav-child { font-weight: normal; font-size: 10px; padding: 2px 0px 2px 15px; }
		.nav-child a:link		{ font-size: 10px; color: #3366CC; text-decoration: none; }
		.nav-child a:visited	{ font-size: 10px; color: #3366CC; text-decoration: none; }
		.nav-child a:hover		{ font-size: 10px; color: #3366CC; text-decoration: underline; }
	.nav-child-bullet	{ color: #666666; }

	.rightColumn	{ padding: 0px 0px 0px 5px; }

/* QUICK LINKS */

	.q-head { font-weight: bold; font-size: 11px; color: #FFFFFF; background: #E7F2FF; padding: 3px 3px 3px 3px;}
	.q-border	{ padding: 1px 1px 1px 1px; background: #E7F2FF;}
	.q-content { padding: 3px; line-height: 250%; color: #666666;}
	.quicklinks { font-size: 10px; }

/* mostly for SBC sites, or if a "Join a Meeting" floating box is needed */
	.joinbox		{ margin-top: 80px;}
	.joinbox-head	{ padding: 5px; font-size: 11px; font-weight: bold; line-height: 120%;}
	.joinbox-cell	{ padding: 5px 5px 5px 15px; background: #FFFFFF; line-height: 110%;}
	.joinbox-body	{ font-size: 11px; color: #333333;}
		.joinbox-body a:link	{font-size: 11px; color: #333333; text-decoration: none;}
		.joinbox-body a:active	{color: #333333; text-decoration: none;}
		.joinbox-body a:visited {color: #333333; text-decoration: none;}
		.joinbox-body a:hover	{color: #333333; text-decoration: underline;}

	.helpdesk-box		{ padding: 20px 0px 40px 10px; }
	.helpdesk			{ font-size: 11px; color: #333333; line-height: 150%;}
	.helpdesk-bold		{ font-size: 11px; font-weight: bold; color: #3366cc; line-height: 150%;}
	.helpdesk-numbers	{ font-size: 11px; font-weight: normal; color: #333333; line-height: 150%;}
	
	/* FORMS */

	.accountForm	{ margin-left: 15px;}
	.button-off		{ background: #FFFFFF;}
	.button-on		{ background: #FFFFFF;}

	.button-pad {
		padding: 0px 20px 0px 0px;
	}

	.form-pad			{ padding: 0px 0px 0px 10px; }
	.formLabel 			{ font-weight: bold; font-size:12px; color: #666666; padding-left: 10px; padding-right: 10px; line-height: 185%;}
	.formDescription	{ font-weight: normal; font-size:12px; color: #666666; padding-left: 10px; line-height: 160%;}
	.formLabel-sub 		{ font-size: 11px; color: #666666; padding-left: 20px; line-height: 185%; padding-right: 20px;}
	.formlabel-sub-head { font-weight: bold; font-size:11px; color: #666666; padding-left: 10px; line-height: 185%; background: #EFEFEF;}
	.formCaption 		{ font-weight: normal; font-size: 10px; color: #666666; padding-left: 0px; line-height: 120%; }
	.form-note 			{ font-weight: normal; font-size: 10px; color: #666666; line-height: 120%; }
	
	input				{ font-family: verdana, arial, sans-serif; font-size: 12px; color: #000000; background: #E7F2FE; border: 1px solid #666666;}
	input.alt			{ font-size: 12px; color: #666666; background: #FFFFFF; border: 1px solid #666666;}
	input.radio			{ border: 0px; background: #E7F2FF;}
	input.radioWhite	{ border: 0px; background: #FFFFFF;}
	input.checkbox		{ border: 0px; background: #FFFFFF;}

	#field-options		{}
	#field-options input.fieldOptions {border: 1px solid #cccccc; background: #FFFFFF; font-size: 10px; font-weight: normal; padding: 0px 0px 0px 5px;}
	#field-options .optionfield {background: #FFFFFF; padding:2px;}
	
	select			{ font-size: 12px; color: #000000; background: #E7F2FE; border: 1px solid #666666;}
	select.table	{ font-size: 12px; color: #666666; background: #FFFFFF; border: 1px solid #666666;}

	textarea		{ font-family: verdana, arial, sans-serif; font-size: 12px; color: #000000; background: #E7F2FE; border: 1px solid #666666;}
	textarea.table	{ font-size: 12px; color: #666666; background: #FFFFFF; border: 1px solid #666666;}
	
	.table-border	{ background: #CCCCCC; padding: 1px 1px 1px 1px;}
	.table-bg		{ background: #FFFFFF;}
	
	.error			{ font-size: 12px; color: #FF0000;}
	.confirmation	{ font-size: 12px; color: #3366CC; font-weight: bold;}
	.error-alert	{ font-size: 14px; font-weight: bold; color: #FF0000;}
	.success		{ font-size: 16px; color: #FF0000; line-height: 120%; font-weight: bold; margin-bottom: 10px;}
	.success-detail { font-size: 12px; color: #FF0000; font-weight: normal;}

	/* deprecated */
	.alertError 		{ font-size: bold; color: #FF0000;}
	.alertWarning 		{ color: #FF0000; }

/* FAQS */
	.faq-block			{ padding-bottom: 8px; padding-top: 8px; border-top: 1px dotted #cccccc; }
	.faq-links			{ font-size: 11px;}
	.faq-question 		{ font-weight: bold; font-size:12px; color: #666666;}
	.faq-answer 		{ font-size: 11px; line-height: 160%; padding: 0px 0px 0px 50px;}
	
	/* deprecated */
	.faq-subtitle		{ background: #eeeeee; font-size: 12px;color: #333333; vertical-align: top;}	
	.faq-term 			{ font-weight: bold; font-size:12px; padding: 0px 10px 0px 5px; }
	.faq-definition 	{ font-size: 11px; padding: 5px 10px 5px 10px; }


	ul.pdf				{ list-style-image: url(/images/global/pdf_icon.gif);}
	ul.doc				{ list-style-image: url(/images/global/doc_icon.gif);}
	ul.flash            { list-style-image: url(/images/global/flash_icon.gif);}
	ul.excel			{ list-style-image: url(/images/global/icon_excel.gif);}
	ul.word				{ list-style-image: url(/images/global/icon_word.gif);}

/* POPUP LAYER */
	.popUpLayerHead		{ font-size: 10px; background: #EFEFEF; padding: 5px 5px 5px 5px;}
	.popUpLayerBody		{ font-size: 10px; }
	.popupLayerPad		{ background: #FFFFFF; padding: 10px 10px 10px 10px;}



/* MeetMe */
	.table-background	{ background: url(/brand/bt/img/meetme/tableview2006.jpg) no-repeat;}
	.page-title			{ font-weight: bold; font-size:14px;}
	.main-text 			{ font-size: 11 px; color: #666666; line-height: 185%;}

	
	span.menu-body {
		margin: 70px 0px 0px 10px;
	}

	div.menu-title {
		color: #000066;
	}
	
	div.menu-link {
		margin: 5px 0px 0px 0px;
	}

	div.menu-link a {
	}
	
	div.menu-link a, div.menu-link a:link, div.menu-link a:visited, div.menu-link a:active, div#rollCallLink, div#stopMsgLink, div#lockLink, div#dialOutLink, div#muteAllLink, div#callOpLink, div#endConfLink, div#customizeLink  {
		color: #005293;
		text-decoration: none;
		font-weight: normal;
	}

	div.menu-link a:hover {
		color: #005293;
		text-decoration: underline;
		font-weight: normal;
	}

	span.TableInstructions {
		margin: 0px 0px 0px 0px;
		padding: 10px 0px 0px 0px;
	}
	
	span#TableInstructions {
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
	}

/* CALCULATOR */

	.calculator-hr		{ width: 65%; height:1px; color: #CCCCCC; text-align: right; }
	.calculator-inputs	{ width: 120px; font-size: 11px; padding-right: 10px; text-align: right; color: #666666;
						  background: #EFEFEF; border-left: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC;}
	.calculator-button	{
		border-style: inset;
		/*border: 1px solid;*/
		border-color: #cccccc;
		background-color: #EFEFEF;
		text-decoration: none;   
		width: 122px;
		height: 10px;
		text-align: center;
		font-size: 11px;
		/*color: #FFFFFF;*/
		padding: 0px 0px 0px 0px;
	}
	a.textButton	{ cursor: hand; color: #FFFFFF; text-decoration: none;}
	a.textButton	{ cursor: hand; color: #FFFFFF; text-decoration: none;}

/* EMAILS */

	.email-bg {
		background: #F1F8FF;
		padding: 20px 0px 20px 0px;
		border-bottom: 10px solid #176C35; 
	}

	.email-content {
		border: 1px solid #ADC5D7;
		padding: 30px 25px 50px 25px;
		background: #ffffff;
	}

	.footer-items {
		font-size: 11px;
		color:#0066CC;
	}

	.email-kind-regards {
		font-weight: bold;
		color: #DD0000;
	}

	.email-signature {
		font-weight: bold;
		color: #666666;
	}

/* TRAINING */

	div#event-detail {
		border: 1px solid #ccc;
		width: 500px;
	}

	div#event-title {
		font-size: 11px;
		color: #666;
		border-bottom: 1px solid #ccc;
		background: #efefef;
		padding: 5px 0px 5px 5px;
	}

	div#event-description {
		font-size: 11px;
		color: #666;
		padding: 0px 0px 0px 10px;
	}

	div#event-register-form {
		margin: 20px 0px 0px 0px;
	}

	div#registration-steps {
		padding: 15px 0px 0px 0px;
		margin: 0px 0px 0px 10px;
	}

	div.steps {
		font-size: 10px;
		padding: 7px 15px 0px 40px;
		width: 125px;
		height: 35px;
		line-height: 125%;
	}

	div.step-active {
		background: url(/images/global/icon_step-active.jpg) 0 0 no-repeat; 
		color: #666;
	}

	div.step-inactive {
		background: url(/images/global/icon_step-inactive.jpg) 0 0 no-repeat;
		color: #ccc;
	}

	div.step-complete {
		background: url(/images/global/icon_step-complete.jpg) 0 0 no-repeat;
		color: #ccc;
		
	}

	.tiny {
		font-size: 9px;
	}

	div.calendar-date {
		color: #ff0000;
	}

	.selected {
		font-weight: bold;
	}

	div.event-session-times {
		padding: 5px 0px 0px 0px;
		font-size: 9px;
	}

	div#calendar-view {
		width: 700px;
		text-align: left;
		font-size: 11px;
		padding: 0px 0px 5px 0px;
	}

	.session-list {
		padding-left: 0px;
		margin-left: 0px;
		list-style: none;
	}

	.session-list li {
		padding-left: 10px;
	}

	li.session-list  {

	}

	li.event-day {
		padding: 10px 0px 0px 0px;
	}

	tr.title-row {
		background: #efefef;
	}
	.event-report-title {
		padding: 5px 0px 5px 10px;
		vertical-align: top;
		font-size: 11px;
		font-weight: bold;
		color: #666;
		border-bottom: 1px dashed #ccc;
	}

	.event-report-value {
		padding: 5px 0px 5px 0px;
		vertical-align: top;
		font-size: 11px;
		color: #666;
		border-bottom: 1px dashed #ccc;
	}
	div.eventreg-summary {
		padding: 10px;
		border: 1px solid #ccc;
		margin: 0px 0px 0px 80px;
		width: 400px;

	}
	div.rostercount {
		font-size: 11px;
		color: #666;
		padding: 10px 0px 5px 10px;
	}

	div.rostercount-empty {
		font-size: 11px;
		color: #ff0000;
		padding: 10px 0px 5px 10px;		
	}

	.class-full {
		color: #ff0000;
		font-weight: normal;

	}

	acronym {
		border-bottom: 1px dotted !important;
		border-bottom: 1px solid #ccc;
		cursor: help;
	}
