/*******************************************************************************
*   default.css
*
*   Created: 01.17.08 BY PDP
*
*   
******************************************************************************
*  SITE COLORS 
*-------------------------------------------------------------------------------
*  BLUES
*  1. #003366 - Dark Blue, mostly used in headers 
*  2. #D0E1F2 - Very light blue, used as accent color in header, calendar, etc.
*  3. #3960AB - Bright Blue, used for links and accent colors.
*
*  GREYS
*  1. #7f7f7f drk grey
*  2. #e5e5e5 light grey
*  3. #666666 drk grey is used on occasion
*
*******************************************************************************/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6
{
	/* pixels are used here, rather than ems, because I want a consistent 
	 * margin on the different headings. if I use ems, 1em for an h1 element 
	 * is much larger than 1em on an h6 element. I don't want this.
	 */
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
ul ul, ul ol, ol ul, ol ol
{
	/* kill margins on sub-lists	 */
	margin-top: 0;
	margin-bottom: 0;
}
h1
{
    color:#003366;
	font-size: 160%;
}
h2
{
	font-size: 140%;
}
h3
{
	font-size: 120%;
}
h4
{
	font-size: 100%;
}
h5
{
	font-size: 70%;
}
h6
{
	font-size: 50%;
}

code, pre
{
	/* Make sure we're all using the same monospaced font for CODE
	 * and PRE elements
	 */
	font-family: "Courier New", Courier, monospace;
}
label
{
	/* It's all about the visual feedback. In this case, label 
	 * elements are usually clickable which then set focus on
	 * their target. I want to show that to the user in a manner
	 * they are used to and understand.
	 */
	cursor: pointer;
}
table
{
	/* Some browsers won't carry the font size down into the 
	 * browser like they're suppose to.
	 */
	font-size: 100%;
}
td, th
{
	/* I never like or use the default vertical centering "feature"
	 * provided by tables. 
	 */
	vertical-align: top;
}

body
{
	/* I've seen several comments that setting the base font size to 100.1%
	 * fixes some browser bugs. Which bugs? I don't know. I believe it's
	 * to fix some rounding-error bugs that some browsers (Mozilla) are
	 * prone to. It doesn't hurt anything, so I keep it here.
	 */
	font-size: 100.1%;
	font-family: Verdana, Arial, Helvetica, sans-serif; /*controls text outside page container*/
	background-color: #ebebeb;
	color: #000; 
	background-image: url(/App_themes/default/images/bg.jpg) 
}


/************************************************************************************************
Dynamically generated menus
***********************************************************************************************/

.static_item {
	background: transparent; 
	color: #516BA6; 
	padding: 0;
	font-size: .9em;
	font-weight: bold;
}

.static_selected {
	background: #516BA6; 
	color: #000080;
}
.static_hover {
	color:#FFF; 
	background: transparent;
}

.dynamic_item {
	background: #8799C2; 
	color: #516BA6; 
	padding: 2px 5px 2px 0px;
	border: none;
	font-size: .9em;
}
.dynamic_selected {
	background: #bdc6de; 
	color: #FFFFFF;
}
.dynamic_hover {
	color:#000080; 
	background:#c7c7c7;
}

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work 
Do not combine them, they must remain seperated to work correctly.

PAGE LINKS 
*/
a:link, a:visited, a:active {
	color:#3960AB;
	}

a:hover {
	text-decoration:none;
	}


/************************************************************************************************
FORM Tags
***********************************************************************************************/
input
{
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

select
{
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

textarea
{
    font-size: 8pt;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


/************************************************************************************************
GRIDVIEWS
***********************************************************************************************/

.gridrow_selectable {
	cursor: hand;
}

.gridrow_selected {
	color: #003399;
	background-color:#000080;
	font-weight:bold; 
}

.gridrow_alternate 
{
	background-color:#eee;
	cursor: hand;
}

/************************************************************************************************
CALENDAR EVENTS
***********************************************************************************************/

.cal_event_title {
	font-size: 1.3em;
	font-weight: 600;
	color: #2143A5;	
	background-color:transparent;
	margin-top:1em;
}
	
.cal_archive_heading {
	font-size: 1.1em;
	font-weight:500;
	color: #666;	
	background-color:transparent;
	margin-top:1em;
	margin-left:0;
    padding: .5em 0 0 0px;
	border-bottom: 1px solid #666;
}
.cal_type_heading {
	font-size: 1.1em;
	font-weight:500;
	color: #666;	
	background-color:transparent;
	margin-top:1em;
	margin-left:0;
    padding: .5em 0 0 0px;
}


/**********************************************************************************
TABLE STYLES
---------------------------------------------------------------------------------
* Note, dynamically generated items are rendered into tables.  
****************************************************************************/
	
.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	background-color:#BAD6E1;
	}
	
.table td {
	padding:5px;
	}

thead th, tfoot th {
	
	border-bottom:2px solid #D0D0BF;
	border-top:2px solid #D0D0BF;
	padding:5px;
	font-weight:normal;
	font-variant:small-caps;
	}


/* NOTE
* Try to steer clear of these styles.  They are pretty old and probably shouldn't be used
* They're only included in the style sheet because older HR Express sites use them.
*/
table.A
{
    background-color: #646464;
}
table.A th
{
    background-color: #999999;
    color: #FFFFFF;
    font-size: 11px;
}
table.A th.smallHead
{
    background-color: #999999;
    color: #FFFFFF;
    font-size: 10px;
}
table.A tr
{
    background-color: #999999;
}
table.A tr td
{
    background-color: #FFFFFF;
    color: #888888;
    font-size: 10px;
}
table.A tr td.shade
{
    background-color: #F4F4F4;
}

table.B { background-color : #9CA6B6 }
table.B th { background-color : #9CA6B6; color: #FFFFFF; font-size:11px }
table.B th.smallHead { background-color : #999999; color: #FFFFFF; font-size:10px }
table.B tr { background-color : #9CA6B6 }
table.B tr td { background-color : #FFFFFF; color: #3960AB; font-size:10px; font-weight: normal }
table.B tr td.shade { background-color: #EBEDF1 }

table.C { background-color : #EbEbEb }
table.C th { background-color : #EbEbEb; color: #646464; font-size:11px }
table.C th.smallHead { background-color : #FFFFFF; color: #646464; font-size:10px }
table.C tr { background-color : #EbEbEb }
table.C tr td { background-color : #EbEbEb; color: #888888; font-size:10px }

table.F
{
    background-color: #9CA6B6;
    border: 1px solid #9CA6B6;
}
table.F th
{
    background-color: #e5e5e5;
    color: #3960AB;
    text-align: left;
}
table.F th.smallHead
{
    background-color: #EBEDF1;
    color: #9CA6B6;
    font-weight: bold;
    text-align: center;
}
table.F th.smallHead2
{
    background-color: #FFFFFF;
    color: #9CA6B6;
    font-weight: bold;
}
table.F td.label
{
    background-color: #FFFFFF;
    color: #9CA6B6;
    font-weight: bold;
}
table.F tr
{
    background-color: #9CA6B6;
}
table.F tr td
{
    background-color: #FFFFFF;
    color: #000000;
}
table.F tr td.shade
{
    background-color: #EBEDF1;
}

/*****************************************************************************
* CLASSES
* add as many as you need, but see if you can use one of these before adding any more. 
********************************************************************************/
.clear
{
    clear: both;
}

.button-big
{
    margin-top: 8px;
}

img.photobig, img.photosmall
{
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #CCCCCC;
    background: #E0E0E0 url(../images/bg_photo_frame.gif) repeat-x;
    padding: 8px;
}

img.photosmall
{
    margin-right: 10px;
    margin-bottom: 2px;
    float: left;
}

.searchbox
{
    height: 13px;
    margin: 0px;
    padding: 0px;
    width: 8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #666666;
}

.button-search
{
    height: 18px;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    border-top: 1px solid #CCCCCC;
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-left: 1px solid #CCCCCC;
    background: url(../images/bg-button-search.gif) repeat-x;
    font-size: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #0000FF;
}

.none, .display_none

{
    display: none;
}


.dotDiv
{
    border: 1px dotted #CCCCCC;
    width: 98%;
    margin-right: 4px;
    margin-top: 8px;
    padding: 8px;
    font-size: inherit;
}

.borderDiv
{
    border: 1px outset #CCCCCC;
    width: 408px;
    margin-right: 4px;
    margin-top: 8px;
    padding: 8px;
}

.warningbox
{
    height: 13px;
    margin: 0px;
    padding: 0px;
    width: 8em;
    font-size: 11px;
    color: red;
}

.caption
{
    font-size: 10px;
}

.redAlert
{
    font-size: 10px;
    margin-bottom: 6px;
    color: #FF0000;
    font-weight: 500;
}


.labels {
	font-size: 9pt;
	font-weight: bold;
	letter-spacing: 1;
	padding-top: 10pt;
}

.survey {
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: 1;
	padding-top: 5pt;
}


div.div_wait
{
    position: fixed;
    z-index: 5;
    top: 30%;
    left: 42%;
    visibility: visible;
    width: 150px;
    height: 100px;
    background-color: #FFFFFF;
    text-align: center;
    border-width: 3px;
    border-style: solid;
    color: #000080;
    font-size: 180%;
    font-weight: bold;
    vertical-align: middle;
}

.display_left
{
    float:left;}
    
.instructions {
	background-color: #ffffff;
	
	color: #000000;
}

.subinstructions {
	background-color: #EBEBEB;
	text-align: center;
	color: #000080;
	font-weight: bold;
}

.medinstructions {
	background-color: #000080;
	text-align: center;
	color: #FFFFFF;
	font-weight: 800;
}

p.contenthead {
	display: block;
	/*background-color: #BAD6E1;*/
	background-color: #516BA6;
	color: #FFFFFF;
	font-weight: bold;
	margin: 0px;
	padding: 2px;
}

.float_right {
	clear:right;
	float:right;
	text-align:right;
}

.float_left {
	clear:left;
	float:left;
	text-align:left;
}

.float_center {
	clear:both;
	text-align:center;
	margin-left: auto;
	margin-right:auto;
}

.pad_left_5 { padding-left: 5px; }
.img_pad_right { margin: 0px 16px 0px 0px;}
.img_pad_left { margin: 0px 0px 16px 0px;}
.img_pad_top {margin: 16px 0px 0px 0px;}
.img_caption { background-color: #EAEAEA; font-size: 1em; padding: 2px; font-size: .9em; color: #666666;}
.brown_stroke { border: 1px solid #CD7F31; padding: 1px; }

.rsImage
{
	background-repeat:no-repeat;
	background-position: 50% 50%;
}
.rsImage img
{
	width: 0;
	margin-left: -99999px;
	padding-left: 1px;
}

.dynamicMenuZIndex {
	z-index: 100;
}