/************************************ TABLE STYLES ***********************************
Table styles should only define table/td/tr/ alignment,
color, and border properties.  Do not define any text-related 
properties through table/td/tr/ styles. thead/tfoot styles may
include text-related properties.
**************************************************************************************/

/* lightGrid styles should be used as the default table style throughout this application
where visible borders are needed.  In the <table> tag, be sure to include cellspacing="1", 
given that this property cannot be specified in css.  Although no borders are defined,
the cellspacing property gives the appearance of borders by allowing the background color
to be visible between cells that have been assigned a different color.  This technique
reduces the number of styles required to achieve a nice grid appearance.
 */
table.lightGrid
{
background-color:#cccccc;
font-family:Arial;
}
thead.lightGrid{
font-family:Arial;
font-size:12px;
color:#333333;
font-weight:bold;
padding:5px;
}
td.lightGrid
{
  background-color:#ffffff;
  padding:5px;
}

/* The following set of table styles should be used on complex forms with nested
tables and groups of controls.
----------------------
Color key:
#f39f1e=Orange
#7AA2D6=Light Blue
#007dc2=Darker Blue
#96CE95=Sage green
----------------------
*/
/* Level 01 styles are for outermost table*/
table.complexFrmLvl_01{
font-family:Arial;
border:solid 1px #007dc2;
background-color:#EFF9FF;
padding:2px;
}
thead.complexFrmLvl_01{
font-size:12px;
color:#FFFFFF;
background-color:#007dc2;
font-weight:bold;
padding:5px;
border-top:solid 1px #007dc2;
border-bottom:solid 1px #007dc2;
}
td.complexFrmLvl_01{
}
/* Level 02 styles are for tables directly inside level 01*/
table.complexFrmLvl_02{
background-color:#eeeeee;
font-family:Arial;
padding:0px;
border:solid 1px #cccccc;
}
thead.complexFrmLvl_02{
font-size:12px;
color:#ffffff;
background-color:#999999;
font-weight:bold;
}
td.complexFrmLvl_02{
}
td.complexFrmLvl_02 error_text{
color:#ff0000;
font-size:11px;
background-color:#ffff99;
font-weight:bold;
}
/* Wizard Buttons */
table.wizardButtons{
padding:5px;
text-align:center;
margin:10px;
}
td.wizardButtons{
text-align:center;
}
td.commentsBox{
border:solid 1px #CCCCCC;
}
td.commentsBoxTitle{
background-color:#CCCCCC;
}

/************************************ TEXT STYLES ***********************************


**************************************************************************************/
.message_error{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-bottom:1px;
padding-left:3px;
padding-right:3px;
border:solid 1px #ee0000;
color:#ee0000;
font-size:10px;
background-color:#ffffff;
margin-bottom:5px;
}
.message_status{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
border:solid 1px #006600;
color:006600;
font-size:10px;
background-color:#DCEDE1;
margin-bottom:5px;
}
.message_success{
font-family:Verdana, Arial, Helvetica, sans-serif;
padding-left:3px;
border:solid 1px #009900;
color:#009900;
font-size:10px;
background-color:#ffffff;
margin-bottom:5px;
}

.login_title{
text-align:center;
}
label.complexFrmLvl_01{
color:#007dc2;
font-weight:bold;
font-size:12px;
}
label.complexFrmLvl_02{
color:#007dc2;
font-weight:bold;
width:100%;
}
label.complexFrmLvl_02_Section{
color:#666666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
width:100%;
font-size:9px;
height:11px;
background-color:#cccccc;
padding:1px;
}
label.genericDark{
color:#007dc2;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
label.genericDarkest{
color:#333333;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
}
label.genericDarkwBG{
color:#007dc2;
font-weight:bold;
font-size:12px;
background-color:#eeeeee;
font-family:Arial, Helvetica, sans-serif;
}
label.genericDarkwBrightBG{
color:#007dc2;
font-weight:bold;
font-size:12px;
background-color:#FFFFCC;
font-family:Arial, Helvetica, sans-serif;
padding:2px;
margin-bottom:5px;
}
label.genericDarkLarger{
color:#007dc2;
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
td.sectionHeader_1{
color:#007dc2;
font-weight:bold;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
background-color:#eeeeee;
border:solid 1px #007dc2;
width:100%;
}
label.genericDarkSmaller{
color:#000000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}
label.genericDarkSmallest{
color:#000000;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

label.mediumDark{
color:#333333;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

label.instruction{
color:#333333;
}
label.instruction_small{
color:#333333;
font-size:9px;
}
label.instruction_small_color{
color:#007dc2;
font-size:10px;
font-weight:normal;
}

label.pageInstruction{
color:#333333;
font-family:Arial;
font-weight:normal;
font-size:11px;
text-align:left;
width:100%;
}

label.specialInstruction{
color:#666666;
font-family:Arial;
font-weight:normal;
font-size:10px;
text-align:left;
width:100%;
padding:3px;
}
.docTextHeading1{
color:#007dc2;
font-weight:bold;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}
.docTextHeading2{
color:#007dc2;
font-weight:bold;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
margin-bottom:12px;
}
.docTextHeading3{
color:#007dc2;
font-weight:bold;
margin-bottom:12px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.docTextHeading4{
color:#333333;
font-weight:bold;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
}
.trademark{
font-size:smaller;
}

/***************************************
/* VM Mouse Grid Styles
/***************************************/
.highlightedLeft{ 
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff;
font-weight:bold;
cursor:pointer;
padding:3px;
background-image:url(images/tab_MyRealabHighlightL.gif);
background-repeat:no-repeat;
}
.notHighlightedLeft{
font-family:Geneva, Arial, Helvetica, sans-serif;
cursor:pointer;
font-size:9px;
padding:3px;
background-image:url(images/tab_MyRealabNotHighlightL.gif);
background-repeat:no-repeat;
}
.highlightedRight{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:9px;
color:#ffffff;
font-weight:bold;
cursor:pointer;
padding:3px;
background-image:url(images/tab_MyRealabHighlightR.gif);
background-repeat:no-repeat;
}
.notHighlightedRight{
font-family:Geneva, Arial, Helvetica, sans-serif;
cursor:pointer;
font-size:9px;
padding:3px;
background-image:url(images/tab_MyRealabNotHighlightR.gif);
background-repeat:no-repeat;
}
tbody.mouseColHdrs{
font-size:10px;
background-color:#cccccc;
}
a.buttonLink:link{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#ffffff;
color:#007dc2;
border:solid 1px #007dc2;
padding:2px;
height:24px;
vertical-align:middle;
}
a.buttonLink:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#007dc2;
border:solid 1px #007dc2;
padding:2px;
height:24px;
background-color:#eeeeee;
vertical-align:middle;
}
a.buttonLink:active{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#007dc2;
border:solid 1px #007dc2;
padding:2px;
height:24px;
vertical-align:middle;
}
a.buttonLink:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#007dc2;
border:solid 1px #007dc2;
padding:2px;
height:24px;
vertical-align:middle;
background-color:#ffffff;
}
label.buttonLinkUnavailable{
font-family:Arial, Helvetica, sans-serif;
color:#999999;
font-size:10px;
border:solid 1px #999999;
padding:2px;
height:24px;
vertical-align:middle;
}
/* buttonLinkSmaller designed originally for login page links for "Register" "Forgot Password" */
a.buttonLinkSmaller:link{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#666666;
border:solid 1px #999999;
padding:2px;
background-color:#eeeeee;
vertical-align:middle;
}
a.buttonLinkSmaller:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
border:solid 1px #999999;
padding:2px;
background-color:#eeeeee;
vertical-align:middle;
}
a.buttonLinkSmaller:active{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#999999;
border:solid 1px #999999;
padding:2px;
background-color:#eeeeee;
vertical-align:middle;
}
a.buttonLinkSmaller:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
border:solid 1px #999999;
padding:2px;
background-color:#eeeeee;
vertical-align:middle;
}
label.buttonLinkSmallerUnavailable{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
background-color:#cccccc;
font-size:10px;
/*border:solid 1px #007dc2; */
padding:2px;
vertical-align:middle;
}
/* buttonLinkSmallest designed originally for login page links for "Register" "Forgot Password" */
a.buttonLinkSmallest:link{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
border:solid 1px #cccccc;
padding:1px;
vertical-align:middle;
}
a.buttonLinkSmallest:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
border:solid 1px #cccccc;
padding:1px;
vertical-align:middle;
}
a.buttonLinkSmallest:active{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
border:solid 1px #cccccc;
padding:1px;
vertical-align:middle;
}
a.buttonLinkSmallest:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
border:solid 1px #cccccc;
padding:1px;
vertical-align:middle;
}
label.buttonLinkSmallestUnavailable{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
border:solid 1px #cccccc;
font-size:10px;
/*border:solid 1px #007dc2; */
padding:1px;
vertical-align:middle;
}
a.iconLinkWithText:link{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
background-color:#ffffff;
color:#007dc2;
border:solid 1px #cccccc;
}
a.iconLinkWithText:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#007dc2;
border:solid 1px #cccccc;
background-color:#eeeeee;
}
a.iconLinkWithText:active{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#007dc2;
border:solid 1px #cccccc;
}
a.iconLinkWithText:visited{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#007dc2;
border:solid 1px #cccccc;
background-color:#ffffff;
}
label.iconLinkWithText{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#666666;
width:150px;
line-height:11px;
vertical-align:bottom;
background-color:#eeeeee;
}
td.mouseMenuTitleCell{
font-family:Arial, Helvetica, sans-serif;
border-left:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #cccccc;
font-size:12px;
font-weight:bold;
color:#007dc2;
background-color:#EFF9FF;
vertical-align:top;
}

td.mouseMenuDescriptionCell{
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;
border-top:solid 1px #cccccc;
color:#333333;
font-size:10px;
background-color:#EFF9FF;
vertical-align:top;
}
/***************************************
/* Virtual Patient Selection Styles 
/***************************************/
div.boxGroup{
border:solid 1px #999999;
padding:5px;
}
label.boxGroupTitle{
color:#333333;
background-color:#eeeeee;
/* border:solid 1px #cccccc; */
padding:2px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
label.boxGroupAttn{
color:#FF0000;
}


/***************************************
/* Special Styles 
/***************************************/

/* used by showHide(elemId) javascript */
.visibleElement{
visibility:visible;
}
.hiddenElement{
visibility:hidden;
display:none;
}

/* button style */

input.btn{
   color:#007dc2;
   font-family: Arial, Helvetica, sans-serif;
   font-size:95%;
  }
  
.expandImage
{
    background-position:center center;
    background-attachment: fixed;
    background-image: url(images/expand.gif);
    background-repeat: no-repeat;
}
.collapseImage
{
    background-position:center center;
    background-attachment: fixed;
    background-image: url(images/collapse.gif);
    background-repeat: no-repeat;
} 
 
/***************************************
/* Menu Content Styles
/***************************************/

#menuContent p{
margin-bottom:14px;
margin-top:6px;

}

#menuContent h1{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:18px;
margin-bottom:2px;
color:#007dc2;

}
#menuContent h2{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:16px;
margin-bottom:2px;
color:#007dc2;
}
#menuContent h3{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:14px;
margin-bottom:2px;
color:#007dc2;
background-color:#eeeeee;
border-top:solid 1px #007dc2;
border-bottom:solid 1px #007dc2;
padding:3px;
}
#menuContent h4{
font-family:Arial, Helvetica, sans-serif;
text-align:left;
font-size:12px;
margin-bottom:2px;
color:#007dc2;

}
#menuContent h5{
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-size:10px;
margin-bottom:2px;
color:#333333;

}

.refTitle{font-weight:bold;}
.refAuthors{font-weight:bold;} 
.refSource{font-weight:bold;}
a.selectedRef{
font-weight:bold;
border:solid 1px #007dc2;
width:100%;
padding:1px;
font-size:smaller;
background-color:#FFFFEE;
}
a.selectedRef:hover{
font-weight:bold;
border:solid 1px #007dc2;
width:100%;
padding:1px;
font-size:smaller;
background-color:#FFFFEE;
}


/***************************************
/* My Realab Tabs
/***************************************/

td.tabActive{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#007dc2;
border-top:solid 2px #f39f1e ;
border-left:solid 2px #f39f1e;
border-right:solid 2px #f39f1e;
padding:5px;
cursor:pointer;
text-align:center;
}
td.tabInactive{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#666666;
border-bottom:solid 2px #f39f1e;
background-color:#EFF9FF;
padding:5px;
cursor:pointer;
text-align:center;
border-top:solid 1px #cccccc;
border-left:solid 1px #cccccc;
border-right:solid 1px #cccccc;
}
td.betweenTab{
border-bottom:solid 2px #f39f1e;
background-color:#ffffff;
padding:2px;
cursor:pointer;
}
td.contentCell{
border-left:solid 2px #f39f1e;
border-right:solid 2px #f39f1e;
border-bottom:solid 2px #f39f1e;
}

/**** IE 6.5 and lower Select z-index fix *****/
.select-free
	{
		position:absolute; 
		z-index:102;
		overflow:hidden;
	}
			
	.select-free iframe
	{
		display:none;/*sorry for IE5*/
		display/**/:block;/*sorry for IE5*/
		position:absolute;/*must have*/
		top:0;/*must have*/
		left:0;/*must have*/
		z-index:-1;/*must have*/
		width:3000px;/*must have for any big value*/
		height:3000px/*must have for any big value*/;
		filter:mask();/*must have*/
	}

/***************************************
/* Form Elements
/***************************************/
.radioGroup{
border:solid 1px #CCCCCC;
padding:3px;
background-color:#eeeeee;
color:007dc2;
}
.radioCell{
color:007dc2;
vertical-align:top;
}
.checkboxCell{
color:007dc2;
vertical-align:top;
}
.verticalText{
}
/*********************************
Jumplinks
**********************************/
a.jumpLink:link{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
vertical-align:middle;
text-align:center;
outline: none;
}
a.jumpLink:hover{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
vertical-align:middle;
text-align:center;
outline: none;
}
a.jumpLink:active{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
vertical-align:middle;
text-align:center;
outline: none;
}
a.jumpLink:visited{
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:10px;
font-weight:normal;
color:#FFFFFF;
vertical-align:middle;
text-align:center;
outline: none;
}