@charset "iso-8859-1";

/*******************************************************************************
*   default.css
*
*   Created: 01.17.08 BY PDP
*
*   
******************************************************************************
*  SITE COLORS 
*-------------------------------------------------------------------------------
*  GREENS
*  #018c53 - Main Green. Found within logo, masthhead, links, etc. 
*  #79A57B - Medium Green, used within caledars
*  #CFE2BB - light green. Used in Main Navigation.
*  #A9CA85 - medium green. Used in header and in calendars.
*  #83422a - Brown Accent. Used on links only.

*
*  GREYS
*  1. #7f7f7f drk grey
*  2. #e5e5e5/#EBEBEB light grey
*  3. #666666 drk grey is used on occasion
*
* NOTES
* ------------------------------------------------------------------------------
* Do not add any padding or margins to <#>'s, doing so will throw off template.
* You can however change background or border colors here.

*********************************************************************************/


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
{
	font-size: 150%;
	color: #000000;
}
h2
{
	font-size: 130%;
	color:#7f7f7f;
}
h3
{
	font-size: 120%;
	color:#7f7f7f;
}
h4
{
	font-size: 100%;
	font-weight:bold;
}
h5
{
	font-size: 90%;
}
h6
{
	font-size: 80%;
}

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;
	text-align:left;
}
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: verdena, Arial, Sans-Serif; /*controls text outside page container*/
	background-color: #ffffff;
	color: #000;
}


/*
PAGE LINKS NEED TO BE BELOW THE MAIN NAVIGATION .
*/
a:link, a:visited, a:active {
	color:#83422a;
	}

a:hover {
	text-decoration:none;
	color: #2d7230;
	}


/************************************************************************************************
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: #fff;
    background-color: #dadd6f;
    font-weight: bold;
}

.gridhead
{
    background-color: #e5e5e5;
    color: #ffffff;
}

.gridrow
{
    background-color: #dddddd;
    border: none;
}

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

.gridfoot
{
    background-color: #A2A2A2;
    color: #ffffff;
    font-weight: bold;
}

.gridpage
{
    background-color: #000080;
    color: #ffffff;
    text-align: center;
}


/**********************************************************************************
TABLE STYLES
---------------------------------------------------------------------------------
* Note, dynamically generated items are rendered into tables.  
****************************************************************************/
.table {
	width:100%;
	border:1px solid #D0D0BF;
	border-collapse:collapse;
	}
	
.table td {
	padding:0px;
    vertical-align: top;
	}
	
thead th, tfoot th {
	background-color:#E8E8E8;
	border-bottom:2px solid #D0D0BF;
	border-top:2px solid #D0D0BF;
	padding:10px;
	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: transparent;
}
table.A th
{
    background-color: #F4F4F4;
    color: #666666;
    font-size: 11px;
}

table.A tr
{
    background-color: #999999;
}
table.A tr td
{
    background-color: #FFFFFF;
    color: #666666;
    font-size: 12px;
    
}
table.A tr td.shade
{
    background-color: #F4F4F4;
}

table.A td.label
{
      
    font-weight: bold;
}


table.B
{
    padding: 5px;
}
table.B th
{
    vertical-align: top;
}
table.B tr
{
    vertical-align: top;
}
table.B tr td
{
    font-weight: normal;
    color: #888888;
}

table.C
{
    background-color: #EbEbEb;
}
table.C th
{
    background-color: #EbEbEb;
    color: #646464;
}
table.C th.smallHead
{
    background-color: #FFFFFF;
    color: #646464;
}
table.C tr
{
    background-color: #EbEbEb;
}
table.C tr td
{
    background-color: #EbEbEb;
    color: #888888;
}

table.F
{
    background-color: #9CA6B6;
    border: 1px solid #9CA6B6;
}
table.F th
{
    background-color: #e5e5e5;
    color: #018c53;
    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/system/gry_pattern.gif) repeat-x;
    padding: 5px;
}

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


.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: 11px;
}

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

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;}
    


.divTitle {
    height: 20px;
    background-image: url(/calendar/styles/desert/background_day_today.gif);    
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #000;
    padding-left: 0px;
    
}

.divContents{
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    font-size: .85em;
    background-color: #fff;
    padding:2px;
    text-align: center;
}

.divContents22{
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    font-size: .85em;
    background-color: #fff;
    padding:2px;
    padding-left: 25px;
    padding-right: 25px;
    
}


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


.calendar_selected
{
    background-color: #CFE2BB;
}