/* 
$Id: style.css,v 1.50 2010/05/27 18:25:58 keithm Exp $

Acceptable Colors:
2010 Color Changes:

999999 DARK GREY (Dark Grey bar borders over and under question, secondary menu titles-h2)
5888AE DARK BLUE (primary menu titles-h1, menu button font color, background color for test buttons, left nav buttons font color)
BFCBE3 MEDIUM BLUE (hightlight color over menu buttons, highlight over glossary quick search, hightlight over left nav buttons)
D9D9D9 LIGHT GREY (color of left nav side bar)
AEAEAE MEDIUM GREY (footer bar)
859BC4 LIGHT BLUE (checkmarks and other thin lines, third menu titles-h3)

also black, white and grays 
*/

body {
	margin: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	background-color: #ffffff;
	background-image:url(../b3/ls2010/images/left-color.gif);
	background-repeat:repeat-y;
	background-position: left;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #5888AE;
	margin: 0px 2px 10px 0px;
	font-size: large;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium;
	color: #999999;
	margin: 4px 2px 0px 0px;
	font-weight: bold;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	color: #859BC4;
	font-size: small;
	margin: 4px 0px 0px 0px;
}

h5 {
	background-color: #D9D9D9;
	font-size: medium;
	padding: 2px;
}

p {
	margin: 9px 0px 9px 0px;
}

a, a:link, a:visited  {
	color: #5888AE;
}

a:hover, a:active {
	color: #F79227;
}

.everything {
	margin: 0px 0px 0px 0px;
	background-image:url(../images/top_background.gif);
	background-repeat:repeat-x;
}

/* 
The following hack deals with the problem of disappearing text in IE. 
For an explination of this hack go to
http://www.positioniseverything.net/explorer/peekaboo.html
and 
http://www.positioniseverything.net/explorer/escape-floats.html
*/
/* Hides from IE-mac \*/
* html .everything {height: 1%;}
/* End hide from IE-mac */

.banner {
	height: 115px;
	background-image:  url(../images/banner.gif);
	background-repeat: no-repeat;
	background-position: top left;
}

.banner_text {
	color: #FFFFFF;
	font-weight: bold;
	text-align: right;
	padding: 95px 10px 0px 0px;
} 

.thin {
	font-weight: normal;
	padding-left: 30px;
}

.printonly {
	display: none;
}

.belowbanner {
	margin: 0px;
}

.navcol {
	float: left;
	margin: 0px;
	padding: 30px 0px 0px 0px;
}

.navcol p {
	color: #ffffff;
	font-size: 9px;
	padding: 26px 3px 6px 10px;
}

.leftnav a, .leftnav a:link, .leftnav a:visited, .youAreHere {
	display: block;
	font-weight: bold;
	font-size: 14px;
	width: 130px;
	margin: 0px;
	color: #5888AE;
	padding: 6px 3px 6px 10px;
	text-decoration: none;
	background-color: #D9D9D9;
}

.leftnav a:hover, .leftnav a:active {
	background-color: #BFCBE3;
	color: #5888AE;
}

#glosssearch {
	width: 139px;
	background-color: #BFCBE3;
	padding: 3px 0px 5px 2px;
	margin: 0px;
	display: none;
	font-size: x-small;	
}

#glosssearch input {
	border: solid #5888AE 1px;
	font-size: 10px;
	width: 136px;
}

#glosssearch a:hover, #glosssearch a:active{
	background: #BFCBE3;
	color: #000000;
}

#glosssearch b {
	color: #5888AE;
	font-size: 12px;
}

/* The following is a hack fix to deal with IE.5x box model. */
* html .leftnav a, * html .leftnav a:link, * html .leftnav a:visited, * html .leftnav a:active, * html .youAreHere {
	width: 143px;
	w\idth: 130px;
}

.youAreHere {
	color: #999999;
}

.loggedin {
	color: #000000;
	padding: 20px 0px 10px 10px;
	font-size: 10px;
}

.whiteText {
	color: #ffffff;
}

.maincol {
	margin: 0px 4px 0px 145px;
	padding: 20px 15px 0px 15px;
}

/* The following is a hack fix to deal with IE.5x box model. */
* html .maincol {
	\width: 100%;
	w\idth: auto;
}

.callout {
	border: 1px solid #5888AE;
	margin: 2px 10px 10px 10px;
	background-color: #859BC4;
	padding: 3px;
}

.callout a, .callout a:link {
    color: #fff;
}

.crosscol {
	clear:both;
	margin: 10px 0px 0px 143px;
	padding: 2px 10px 2px 0px;
	background-color: #AEAEAE;
}

.crosscol a, .crosscol a:link {
    color: #fff;
}

.crosscol a:hover {
    color: #5888AE;
}

.footer {
	float: left;
    padding: 0px 0px 0px 17px;
    font-size: 10px;
}

.fineprint {
	font-size: 10px;
	text-align:right;
    float: right;
}

.tagline {
	font-size: 9px;
	font-style: italic;
	font-family: Georgia, "Times New Roman", Times, serif;
}

/* I don't know why we make the product-specific names.  We should stop.  Red is red. */
.survey_required, .ls2007_survey_required, .ls2006_survey_required, .required { 
	color: red; 
}

.Button {
	background-color: #BFCBE3;
	border: solid #000000 1px;
}

.callout2 {
	border: dotted #999999 2px;
	background-color: #FFFFFF;
    color: #000;
	padding: 3px;
}

.flashcards {
	background-color: #D9D9D9;
	border-right: solid #999999 4px;
	border-bottom: solid #999999 4px;
	width: 50%;
}

.flashcards th {
	background-color: #5888AE;
	color: #FFFFFF;
	font-weight: bold;
    padding: 5px;
}

.flashcards td {
    padding: 5px;
}

.flashcards td p {
    padding: 4px;
}

.fcard-prompt {
    color: #444;
    text-align: center;
}

.fcardTermOf {
	color: #999999;
}

.indivreport {
	font-size: 9px;
}

.indivreport th {
	font-size: 11px;
}

.demoNote {
	margin: 4px 3px 4px 3px; 
	font-size: small; 
	background-color: #BFCBE3; 
	padding-top: 0px; 
	top: 165px;
	left: 204px;
	width: 450px;
	border-top: solid #fff 1px;
	border-left: solid #fff 1px;
	border-right: solid #888888 2px;
	border-bottom: solid #888888 2px;
}

.demoNote h4, .demoNote th {
	color: #ffffff; 
	background-color: #5888AE; 
	font-weight: bold; 
	text-align: center; 
	margin: 0px; 
	padding: 3px 0px 3px 0px;
}

.demoNote p {
	padding: 3px 4px 2px 4px;
}

.tabletop {
	border-top: 2px solid #5888AE;
}

.actmenu_level_1 {
	background-color:#BFCBE3;
}

.actmenu_level_2 {
	background-color:#859BC4;
}

.blueButtons, .question_button {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	border: #000000 solid 1px;
	margin-right: 4px;
	padding-bottom: 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #5888AE;
}

table.qheader, table.qfooter {
	width: 99%;
	background-color: #AEAEAE;	
}

td.qheader, td.qfooter {
	border: none;
	padding : 2px;
	font-weight: bold
}

.qfooter a {
    color: white;
}

.feedbackbox  {
    background-color: White;
	margin: 2px 5px 3px 2px;
    padding: 4px;
    border: 2px dotted #859BC4;
}

.question_button, .review_button {
	background-color: #5888AE;
	color:#FFFFFF;
	border: solid #000000 1px;
}

.question_button {
	height: 18px;
	width: 100px;
	font-size: 10px;
}

.review_button {
	width: 125px;
	font-size: 10px;
}

.review_button[disabled], .question_button[disabled] {
	color: #999;
}

.review, .review_buttons {
	width: 99%;
}

.review_row_highlight {
	background-color: #BFCBE3;
}

.review_row {
	background-color: #FFFFFF;
}

a.question_button, a.question_button:link {
	color: #000000;
	text-decoration: none;
}

#question_button_calculator {
	height: 12px;
	padding-top: 2px;
	border: outset 2px #CCCCCC;
}

#question_button_marked {
    background-color: #FF5C00;
    border-left-color: #5888AE;
    border-right-color: #5888AE;
}

.actmenu a, .actmenu a:link, .actmenu a:visited, .actmenu a:hover, .actmenu a:active {
	display: block;
	width: 120px;
	font-weight: bold;
	color: #5888AE;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	border-bottom: solid #5888AE 1px;
	margin: 0px 20px 2px 5px;
}

.actmenu a:hover, .actmenu a:active {
	background-color: #D9D9D9;
}

.modmenu a, .modmenu a:link, .modmenu a:visited, .modmenu a:hover, .modmenu a:active, .inactive_demo_link {
	display: block;
    width: 100px;
	font-weight: bold;
	color: #5888AE;
	padding: 2px 2px 2px 2px;
	text-decoration: none;
	border-bottom: solid #5888AE 1px;
	margin: 0 0 2px 5px;
}

.modmenu a:hover, .modmenu a:active {
	background-color: #D9D9D9;
}

.begin-mod {
    border-top: solid #859BC4 1px;
}

.modmenu {
    max-width: 600px;
}

.inactive_demo_link {
	color: #777777;
	border-bottom: solid #777777 1px;
}

table.casestudy {
    margin: 8px;
}

.casestudy th {
    padding: 3px 10px 3px 10px;
    background: #859BC4;
    text-align: center;
}

.casestudy td {
    padding: 1px 5px 1px 5px;
    text-align: center;
}

.more_padding td {
    padding: 3px 30px 3px 30px;
}

.rc-home h3 {
    margin: 0px 0px 4px 0px;
    padding-top: 0;
}

.inactive_demo_link_cs {
    color: #777777;
	text-decoration: underline;
}

.rc_links a, .rc_links a:link, .rc_links a:visited {
	display: block;   /* Sets the href to be a block rather than inline */
	
	/* The padding properties adjust the text content within the href block */
	padding: 8px 40px 10px 8px;
 
	text-decoration: none;	   
	
	font-family: Helvetica;
	font-weight:bold;
    font-size: small;
	border: 1px solid rgb(217,217,217);
	-webkit-border-radius: 8px;
    background: url(../images/chevron.png) no-repeat 98% 50%;
    margin: 6px 0px;
}

.rc_links a:hover, .rc_links a:hover {
    background-color: #BFCBE2;
    color: #035692;
}

.styled-table td, .styled-table th {
	border-top: 1px solid #005695;
	border-left: 1px solid #005695;
	padding: 8px;
}

.styled-table {
	border-collapse: collapse;
	border-bottom: 1px solid #005695;
	border-right: 1px solid #005695;
}

.styled-table th {
	background-color: #6E90BF;
	color: #ffffff;
}

.login_box {
    background-color: #2A598C;
    padding: 20px;
    color: #fff;
    max-width: 420px;
}

.login_box h1 {
    font-family: Arial, Helvetica, sans-serif;
    color: #fff;
}

.login_box a, .login_box a:link {
    color: #fff;
}

.login_form {
    background-color: #5d79af;
}

.login_form td {
    padding: 4px 10px;
}

.login_button {
    background-color: #cfd2e5;
    color: #2A598C;
    border: none;
    font-weight: bold;
    padding: 2px 5px;
}

.login_extras {
    list-style: none;
    margin: 0;
    padding: 0 10px;
}

.login_extras li {
    padding: 4px 0;
}

.gls_box, .ehrm_box {
    color: #fff;
    margin: 20px 0;
    padding: 20px;
    max-width: 420px;
    text-align: center;
}

.gls_box {
    background: url(../images/gls_background.gif) no-repeat #7e8d2a;
}

.ehrm_box {
    background-color: #973C46;
}

.gls_box a, .gls_box a:link,
.ehrm_box a, .ehrm_box a:link{
    color: #fff;
}

.callout3 {
    background-color: #2A598C;
    color: #fff;
    padding: 5px;
    margin: 5px;
}

.callout3 h3, .callout3 a, .callout3 a:link {
    color: #fff;
}

.info {
    color: #888;
}

.mobile-icon {
	background-image:url(../images/mobile-icon.jpg);
	background-repeat: no-repeat;
	background-position: 0 5px;
    min-height: 80px;
    padding: 5px 10px 5px 48px;
}

.expired_info {
    color: #5888AE;
    font-size: 10px;
    margin: 20px 0 0 10px;
}