/* RDSI Site Stylesheet
 * Copyright © 2008-2009, Jon Maken
 * Revision: 8:59 AM 2/19/2009
 *
 * TODO refactor and consolidate styles for Phase 2 rollout
 * TODO compress with http://developer.yahoo.com/yui/compressor/ for production
 */

/* Basic Elements */
body {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	font-size: 13px;
	padding: 8px 0px 30px 0px;
	border: 0px;
	color: #888;
	background-color: #FFF; /* #F3F3F3; */
}
noscript { position: absolute; width: 320px; top: 160px; left: 290px; padding: 0 0.5em; font-weight: bold; border: 1px solid #AA7700; color: #880000; background-color: #F3DFAA; z-index: 100 }
a { color: #708090; }
li { list-style-type: circle; }


/* Custom Element Classes */
.center { margin-left: auto; margin-right: auto; }
.left { float: left; }
.right { float: right; }
.todo {
	display: block;
	color: #883333;
	font-weight: bold;
	font-size: 1em;
	margin: 0 0 1em 2em;
	background: transparent url(../Images/bullets/fixme_16x16.gif) no-repeat scroll 3px 1px;
	padding: 2px 0px 2px 20px;
}
.requiredIcon { font-weight: bold; color: #990000; font-size: 0.85em; }
.picLink { display: list-item; list-style-type: none; color: #708090; font-size: 11px; cursor: pointer; }
.picLink:hover { text-decoration: underline; }
.hidden { display: none; }
.border{ border: 1px solid #CCC; }
.numbered li { list-style-type: decimal; }

a.top { color: #94AEBB; /*#B0A07B;*/ font-size: 0.8em; float: right; padding-top: 5px; }
a.top:hover { color: #E0AF3F; }
img.interested { border: 0; width: 60px; height: 28px; margin-top: 10px;  }

/* Overall L&F */
#view { width: 920px; background-color: #fff; }
#header { position: relative; }
#rdsiLogo { width: 130px; height: 60px; border: 0px; margin: 0 0 5px 18px; display: block; }
#content { position: relative; }


/* Main Page */
#mainImage {
	background-image: url(../Images/main/main_920x240.png);
	background-repeat: no-repeat;
	width: 920px;
	height: 240px;
}
#mainContent {
	position: relative;
	padding-top: 0.4em;
	width: 100%;
	height: 320px;
}
.pic_btn {
	display: block;
	position: relative;
	cursor: pointer;
	width: 201px;
	height: 30px;
}

#eis_btn { top: 116px; left: 617px; }
#scm_btn { top: 116px; left: 617px; }
#consult_btn { top: 116px; left: 617px; }


/* Custom Navigation Bar L&F */
#navbar {
	width: 100%;
	height: 25px;
	line-height: 1.8;
	margin-top: 5px;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: transparent url(../Images/buttons/grey_gradient_1x25.png) repeat scroll top left;	
}
#navbar a { text-decoration: none; cursor: pointer; padding: 0; border: 0; margin: 0; }
#navbar div {
	float: left;
	width: 183px;
	color: #666;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	border-right: 1px solid #E0E0E0;
}
#navbar div:hover {
	color: #5A5A5A;
	background: transparent url(../Images/buttons/dkorange_gradient_1x25.png) repeat scroll top left;
}


/* OUTDATED - REMOVE AFTER TESTING!! Main Menu Navigation Bar L&F */
.menuBar {
	margin-top: 5px;
	border-left: 1px solid #DDD;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
	background: transparent url(../Images/buttons/grey_gradient_1x25.png) repeat scroll top left;
	width: 100%;
}
.menuBarItem {
	font-family: Verdana, Arial, sans-serif;
	font-size: 1.0em;
	font-weight: bold;
	color: #666;
	height: 25px;
	width: 184px;
	text-align: center;
	border-right: 1px solid #E0E0E0;
}
.menuBarItemHover { color: #5A5A5A; background: transparent url(../Images/buttons/dkorange_gradient_1x25.png) repeat scroll top left; }


/* Footer widget */
#footer { margin-top: 5px; clear: both; background-color: #FFF; }
#footer span { font-size: 0.8em; }
#footer a { font-size: 0.8em; text-decoration: none; }
#footer a:hover { text-decoration: underline; }


/* Breadcrumb widget */
/* #breadCrumb { margin-bottom: 0.8em; } */
.crumbSep { margin-right: 0.6em; margin-left: 0.6em; color: #666; font-size: 0.8em; }
.crumb { font-size: 0.8em; color: #666; }
a.crumb { text-decoration: none; }
a.crumb:hover { text-decoration: underline; }

/* Widget container */
#widgetContent { width: 210px; float: left; }

/* Popup message container */
#popupMsg {
	position: absolute;
	z-index: 10;
	width: 343px;
	height: 164px;
	top: -198px;
	left: 122px;
	color: #000;
	background: transparent url(../Images/main/popupMsg_343x164_90.png) no-repeat scroll top left;
	font-style: italic;
	padding: 0 0.5em;
	display: none;
}


/* Quicklinks panel */
.quickLinks { position: absolute; right: 0px; top: 0px; width: 140px; }
.quickLinks a {
	color: #999;
	display: block;
	background: transparent url(../Images/bullets/icewhite-arrow.gif) no-repeat scroll left 3px;
	font-size: 0.8em;
	padding: 0 0 0 14px; 
	text-decoration: none;
}
.quickLinks a:hover { text-decoration: underline; }


/* Testimonials panel */
.quotePanel {
	position: relative;
	width: 193px;
	height: 320px;
/*
	width: 200px;
	height: 240px;
	background: #F8F7F7 url(../Images/borders/bottom_200x240.png) no-repeat scroll left top;
*/
	background: transparent url(../Images/bkgnds/box_193x300.png) no-repeat scroll left top;
}
.quoteHead {
	font-family: Verdana;
	color: #777; /*#995050; #B0A07B; */
	line-height: 2.7;
	height: 22px;
	/* background-color: #FCFCFC;  #F0F0F0; */
	font-size: 1.1em;
	font-style: italic;
	font-weight: bold;
	text-align: center;
	margin: 0em;
	border: 0em;
	/* border-bottom: 1px solid #DDD; */
	padding: 0em;
}
.quotePanel p {
	/*width: 96%;*/
	font-size: 0.83em;
	font-style: italic;
	text-align: center;
	padding: 1.3em 4px 0px 4px;
	margin: 0 10px;
}
.quotePanel a {
	position: absolute;
	color: #333399;
	background: transparent url(../Images/bullets/white-arrow.gif) no-repeat scroll center left;
	font-size: 0.8em;
	padding: 0 0 0 12px;
	right: 4px;
}


/* News panel */
.newsPanel { width: 200px; height: 240px; border: 1px solid #DDD; background-color: #FCFCFC; }
.newsItem {
	cursor: pointer;
	color: #808183;
	width: 96%;
	font-size: 0.75em;
	border-bottom: 1px solid #DDD;
	margin: 0 auto;
	/* padding: 0 0 0.5em 0.8em; */
}
.newsItem:hover { background-color: #F9F3F0; }
.newsHead {
	color: #666;
	line-height: 1.6;
	height: 26px;
	/* background: transparent url(../Images/buttons/grey_gradient_1x25.png) repeat scroll top left; */
	background-color: #F0F0F0;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0em;
	border: 0em;
	border-bottom: 1px solid #DDD;
	padding: 0em;
}
.newsTitle { font-weight: bold; }


/* Main Page Capabilities Panel */
#capContent{
	position: relative;
	float: right;
	margin-top: 10px;
	width: 700px;
	height: 240px;
	/* border: 1px solid #CCC; */
}
#cap_1 { }
#cap_2 { left: 234px; }
#cap_3 { left: 468px; }
/* .capDivider { position: absolute; width: 1px; height: 75%; top: 10%; } */
.capDivider { position: absolute; width: 1px; height: 75%; top: 10%; background: transparent url(../Images/main/grey_ddd_1x1.png) repeat-y scroll top left; }
#capDivider_1 { left: 226px; }
#capDivider_2 { left: 460px; }
.capability {
	position: absolute;
	width: 230px;
	height: 240px;
	padding-left: 0.2em;
	padding-right: 0.2em;
}
a.capInfoLink {
	position: absolute;
	display: block;
	/* float: right; */
	top: 65%;
	right: 8%;
	color: #94AEBB; /* #B0A07B; #E0AF3F; */
	font-size: 0.8em;
	/* font-weight: bold; */
}
a.capInfoLink:link { text-decoration: underline; }
a.capInfoLink:visited { text-decoration: underline; }
a.capInfoLink:hover { text-decoration: underline; color: #E0AF3F; }
.subHead {
	color: #6E91AE; /*#315DA0; #0071BC; #B0A07B;*/
	font-size: 1.1em;
	font-weight: bold;
	text-align: left;
	margin: 0 1em 1.1em 0;
	border-bottom: 1px solid #DDD;
}
.subDetail { color: #808183; font-size: 0.9em; }
.subDetail span {
	display: list-item;
	list-style-type: disc;
	list-style-position: outside;
	margin: 0 1.2em 0.5em 1.2em;
/* TODO re-enable for Phase 2 rollout
	cursor: pointer;
*/
}


/* Detail Pages */
#detailMenu { width: 210px; margin: 0.8em 0 0 0; border: 0px; }
.svcsNavBar {
	position: fixed;
	padding-top: 7px;
	font-size: 0.85em;
	width: 193px;
	height: 320px;
	background: transparent url(../Images/bkgnds/box_193x300.png) no-repeat scroll left top;
}
.svcsNavBar .header {
	margin-top: 5px;
	padding: 2px 3px;
	border-top: 1px solid #DDD;
	border-bottom: 1px solid #DDD;
}
.svcsNavBar .header div {
	line-height: 1.9;
	padding-left: 0.5em;
	font-weight: bold;
	color: #6E91AE;
	background-color: #E1EAEF;
}
.svcsNavBar a {
	display: block;
	text-decoration: none;
	color: #777;
	margin-left: 12px;
	line-height: 1.4;
}
.svcsNavBar a:hover { text-decoration: underline; color: #6E91AE; }

.subNavBar {
	position: fixed;
	margin: 0.2em 0 0 9px;
	width: 190px;
}
.subNavBar a {
	display: block;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	color: #666;
	background-color: #f9f9f9;
	line-height: 2;
	height: 25px;
	border-bottom: 1px solid #DDD;
	padding-left: 8px;
	font-size: 0.85em;
}
.subNavBar a:hover {
	/*background: transparent url(../Images/buttons/dkgrey_gradient_1x25.png) repeat-x scroll top left; */
	background-color: #F0F0F0;
	}
.subNavBar .title {
	display: block;
	text-decoration: none;
	font-family: Verdana, Arial, sans-serif;
	font-weight: bold;
	/*background: transparent url(../Images/buttons/grey_gradient_1x25.png) repeat-x scroll top left;*/
	background-color: #F0F0F0;
	color: #666;
	height: 25px;
	padding-left: 8px;
	font-size: 0.9em;
	line-height: 2;
	text-align: center;
	border-bottom: 1px solid #DDD;
}

#detailContent { width: 680px; margin: 0.8em 0 0 0; border: 0px; }
.section { width: 660px; padding: 0 0 12px 0; }
.section .header { 
	display: block; 
	font-size: 1.6em; 
	font-weight: normal; 
	color: #5381A0; /*#315DA0; #0071BC; #B0A07B;*/
}
.section .subHeader {
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #6E91AE; /*#315DA0; #0071BC; #B0A07B; */
	padding-bottom: 3px;;
}
.section p { padding: 0 1em 0 0; font-size: 0.95em; margin: 6px 0 10px 0; }
.section ol, ul { font-size: 0.95em; }
.sectionSummary { width: 86%; margin: 1em auto; }
.sectionPoints { float: left; clear: left; }
.sectionPoints li { color: #6E91AE; line-height: 1.1; }

.egBox {
	position: relative;
	float: right;
	height: 77px;
	width: 240px;
	border-left: 1px solid #EEE;
	border-right: 1px solid #EEE;
	background: transparent url(../Images/bkgnds/eg_bkgnd_1x77.png) repeat-x scroll 0px 0px;
}
.egBox div.examples {
	position: absolute;
	left: 72px;
}
.egBox div.examples div.egHeader {
	margin-top: 6px;
	margin-bottom: 3px;
	color: #666;
	font-weight: bold;
}
.egBox img {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 50px;
	height: 36px;
}

.detailSummary { clear: both;}
.detailSummary div.detailPic { float: left; width: 115px; /* padding-top: 0.3em; */ }
.detailSummary div.detailText { float: left; width: 565px; padding-bottom: 1.3em; /*padding-top: 0.2em; */ }
.detailSummary div.detailText div { width: 96%; margin: 0px auto 0px auto; }
a.header {
	font-family: Verdana, Tahoma, Arial, sans-serif;
	color: #6E91AE; /*#315DA0; #0071BC; #B0A07B;*/
	display: block;
	text-decoration: none;
	font-size: 1.6em;
	font-weight: normal;
	margin-bottom: 0.8em;
}
.detailSummary div.detailText ul a { text-decoration: none; color: #888888; }
.detailSummary div.detailText ul a:hover{ text-decoration: underline; color: #6E91AE; }
.detailSummary p a.moreInfo { color: #94AEBB; /*#B0A07B;*/ font-size: 0.8em; }
.detailSummary p a.moreInfo:hover { color: #E0AF3F; }
.detailSummary p { padding-right: 2em; font-size: 0.95em; }

/* Client Information */
.client { clear: both; margin-bottom: 2em; }
.client .header { display: block; font-size: 1.6em; font-weight: ; color: #6E91AE; /*#315DA0; #B0A07B;*/ }
.client .clientLogo { float: left; border: 0; margin: 6px 6px 6px 0; }
.client p { padding: 0 1.5em 0 0; font-size: 0.95em; }

/* Contact Information */
#contactForm {
	background-color: #E9E9E9;
	width: 520px;
	border-left: 1px solid #DDD;
	border-right: 1px solid #DDD;
	border-bottom: 1px solid #DDD; 
	padding: 0px;
	margin: 0 auto 1em auto;
}
#contactForm table { width: 100%; padding: 0 0 0 8px; }
#contactFormHead {
	background-color: #BBBBBB;
	text-align: center;
	height: 1.6em;
	width: 100%;
	line-height: 1.5;
	font-size: 1.3em;
	font-weight: bold;
	color: #FFF;
}
.contactFormNote {
	text-align: left;
	color: #990000;
	font-size: 10px;
}
#mailTo { padding-top: 0.5em; padding-bottom: 0.5em; }
#subject { padding-top: 1em; }
.contactPanel {
/*
	width: 200px;
	border-bottom: 1px solid #CCCCDD;
	border-top: 1px solid #CCCCDD;
	margin: 2em auto 0 auto;
	padding-top: 15px;
*/
	background: transparent url(../Images/bkgnds/box_193x300.png) no-repeat scroll 0px 0px;
	margin: 0;
	width: 193px;
	height: 320px;
	padding: 13px 0 0 13px;
}
.contactHead {
	color: #666;
	line-height: 1.6;
	height: 26px;
	/* background: transparent url(../Images/buttons/grey_gradient_1x25.png) repeat scroll top left; */
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	margin: 0em;
	border: 0em;
	padding: 0em;
}
.contactItem { margin: 0 0 1.5em 0; font-size: 0.88em; }
.contactTitle { font-weight: bold; color: #5381A0; /*#666699;*/ padding-bottom: .1em; font-size: 1.1em}


/* Summary List styling */
.summaryList { margin-left: 24px; }
.summaryList span {
	display: block;
	background: transparent url(../Images/bullets/plus_11x11.gif) no-repeat scroll 0px 4px;
	padding-left: 19px;
	cursor: pointer;
}
.summaryList span:hover { text-decoration: underline; }
.summaryList div {
	width: 80%;
	margin: 10px 20px;
	padding: 0 4px;
	color: #777;
	background-color: #F9F9F9;
	border: 1px solid #BACADD;
}