@charset "UTF-8";

/*******************************************************************************
* style.css
*
* Most of this style was borrowed from: Ruthsarian Layouts, 08.09.2007. Skidoo
* documentation found in this style sheet is either from me or from the borrowed template.  Enjoy!

*  This stylesheet is released into the public domain.
*******************************************************************************/


@import "menu.css";
@import "links.css";

/*
--Keep in mind any additional style can 
--be placed in it's own file and brought into the template as follows

@import "gridview.css";
@import "datagrid.css";
*/


/*******************************************************************************
 * BASIC LAYOUT MECHANICS
 *
 
 * .page-container
 *   - wraps the entire page. use this to set min/max widths and set any margins
 *     or border that wraps the whole layout.
 * .masthead
 *   - top of webpage. a place to put logos and company specific stuff.
 * .breadcrumbs
 *   - directly below the mast-head and is a place to put breadcrumbs.
 * .sub-page-container
 *   - main site contents border 
 * .sub-sub-page-container
 *   - main site content that includes
 * .mainnav
 *   - directly below masthead and is used for the main navigation.
 * .content-container
 *    - container for our 3 column layout.
 *    - It was borrowed from the MSDN (Simple HTML Tables) Template.
 * .content-left
 *    - this is the left column of our 3 column layout.
 *    - use this section to set width and define padding.
 * .content-right
 *    - this is the right column of our 3 column layout.
 *    - use this section to set width and define padding.
 * .content
 *    - this is the main column of our 3 column layout.
 *    - use this section to set width and define padding.
 * .footer
 *   - bottom of your webpage. a place to put copyright and contact information
/*******************************************************************************
 * BASE THEME
 *
 * Setup basic styling for the layout. This will set gutterspace and generate a
 * basic border structure for the layout. Real layout styling belongs in a 
 * separate "theme" stylesheet; leave this stylesheet untouched.
 */

body
{
    font: 14px "Lucida Grande", "Lucida Sans Unicode", Tahoma, Verdana, sans-serif;
    background: #848684 ; /*footer color should also be same color or similiar in color */
    color: #000000;
    /*padding: 0;  padding on the body element when javascript min-width is in use will create problems in IE/Win 6. */
    margin: 15 0px; /* horizontal margins belong on #page-container. vertical margins are not there as well due to small rendering issues in IE/Win 5 when viewport is shorter than webpage */
	/*background-image: url(images/bg.jpg);

}


ul, ol, dl, p 
{
	/* 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:#000000;
	font-size: 140%;
	text-align: center;
	margin-bottom: 0px;
	margin-top: 0px;

}
h2
{
	font-size: 130%;
	margin-bottom: 0px;
}
h3
{
	font-size: 120%;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #666666;
	text-align:left;
}
h4
{
	font-size: 110%;
	color: #646464;
	margin:0;

}
h5
{
	font-size: 100%;
	text-align:left;
}
h6
{
	font-size: 95%;
	text-align: center;
	margin-bottom: 10px;
	margin-top: 0px;
	
}

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, p
{
	vertical-align: top;
	text-align:left;	
}

/*Turns off Borders around Hyperlinked Images*/
img { border : 0px; }


.page-container
{
    min-width: 800px; /*won't allow main container to shrink below 800px;*/
	/*background: #d3d7e2;  can also use image, just make sure it fills entie page.  Test using Vendor Lookup */
    margin: 0 45px; /*horizontal margins here instead of on the body because we're setting min-width on this element. if margins set on body users will see an odd skip in the layout's rendering as it's resized below min-width. (JS-based min-width only.) */
    border: solid px #666666; /* border around the entire layout */
    padding:3px; 
    /* CSS3 tweaks for modern browsers */
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-moz-box-shadow:0 0 5px #666;
	-webkit-box-shadow:0 0 5px #666;	
}


.sub-page-container 
{
    background-color: #ebebeb; 
    border: solid 1px #8B8B8B; 
    margin: 10px 25px 10px 25px;  
}

.sub-sub-page-container 
{
    background-color: #fff; 
    border: solid 1px #8B8B8B; 
    margin: 10px;  
}

.bottom-page-container 
{
    background-color: #ffffff; 
    border: solid 1px #8B8B8B; 
    margin: 10px 25px 10px 25px;  
   
}

.copyright-container
{
    margin: 0px 55px 10px 50px;  
    float:right;
    font-size: .89em;
    
}

.masthead
{
    padding-top: 1px;  /*hack to force the entire masthead to receive the background color */
    border-bottom: solid 1px #8B8B8B; 
    background: #ffffff ;	
    padding:0px;      
     background: url(images/bg_header_a.jpg) repeat-x;/*	masthead background color */
    
   
}
	
.mainnav
{
	
	background: url(images/yellow_grad_bg.jpg) repeat-x;/*	masthead background color */
    /*background-image: url(images/bg_breadcrumb.gif);	 Set #samplemenu in menu.css to same color */
}

.breadcrumb
{
    padding-top: 1px; /* hack to force the entire breadcrumb to receive the background color */
    border-bottom: solid 1px #15466a; 
    background: #f5f5f5;
    font-size: .89em;
}
.footer
{
   /*margin: 0 25px; horizontal margins here instead of on the body because we're setting min-width on this element. if margins set on body users will see an odd skip in the layout's rendering as it's resized below min-width. (JS-based min-width only.) */

    /*margin: 0px 25px 0px 20px;*/
    padding:10px;
	text-align: left;
	font-size: .89em;
	background: url(images/yellow_grad_bg.jpg) repeat-x;/*	masthead background color */
}

/* COLUMNS*/
.content-container
{
    width: 100%;
    margin: 0px 0px 0px 0px;
    table-layout: fixed;
    text-align: left;

}
.content-left
{
    width: 220px;
    padding: 5px;
    vertical-align: top;
   	background-color:#F6F6F6;
    border-right:1px dashed #D0D0BF;
}

.content-left td {
    vertical-align:top;  /* aligns the bullets in the treeview navigation */   
}
  
.content-left a 
{
    font-size: 11px;
}
   
.content-right
{
    width: 200px;
    padding: 5px;
    vertical-align: top;  
    border-left:1px dashed #D0D0BF;
   	background-color:#F6F6F6;

}

.content /*middle column*/
{
    /*padding:top,right, bottom, left;*/
    padding: 20px 25px 20px 25px;
    vertical-align: top;
    background-color:#FFFFFF;
	text-align: left; 
}

.inside
{
    margin: 3px; /* margin, instead of padding, used to induce margin collapse if needed by child elements */
}


/*******************************************************************************
 * HACKS
 *
 * Not all browsers are created equal. Many CSS engines behave differently
 * and can create discrepencies in the rendering of your layout across different
 * browsing platforms. These hacks are aimed to resolve those discrepencies
 * and provide a more consistent look to the layout.
 *
 * CSS hacks work by playing to a bug in the CSS engine or parser for a given 
 * browser. This forces the browser to either apply or ignore a rule that other
 * browsers wouldn't. This lets you apply rules to work around bugs in a specific
 * browser that would otherwise break the layout. 
 *
 * It's important that when you use a CSS hack you do so in a way that is as
 * specific in targeting the problem browser as possible. Some hacks might
 * work for two or three different platforms, but you only need to apply it on
 * one platform. You might find that this hack has no adverse effects on those
 * other two platforms right now, but in a later version the hack might create
 * problems. Save yourself the headache and do as much as you can to narrow
 * the target of a CSS hack as much as possible.
 *
 * COMMON HACKS USED HERE
 *
 * The star-html hack (* html) targets Internet Explorer, both Windows and Mac,
 * for versions 6 and earlier. There is no element higher up in the page
 * than the HTML element. IE seems to think otherwise. Rules applied to any
 * selector that begins with "* html" will be ignored by just about every
 * browser except Internet Explorer. So any selector given below that begins
 * with "* html" is targetted at Internet Explorer.
 *
 * The backslash-star comment hack targets IE/Mac. CSS comments end with an 
 * asterisk and forward slash. Anything after that closing comment mark will
 * be interpreted as as CSS rule. However if you prefix that closing comment
 * mark with a backslash, IE/Mac won't recognize that the comment has been
 * closed, but other browsers will. So any rules that come after the hacked
 * closing comment will be applied by any browser except IE/Mac until a 
 * non-hacked closing comment is found. 
 *
 * With the above two hacks outlined, it's possible to target IE on a specific
 * OS platform. This is important as the CSS and rendering engines for Mac and
 * Windows are completely different and have very different requirements in
 * terms of hacks.
 *
 * You may see other empty comments in wierd places, those are variations on
 * another comment hack to help target specific version of IE/Win (separating
 * IE 5 from IE6 typically). 
 *
 * One other you'll see is a height setting of 0.1%. This is to trigger
 * hasLayout (see reference section below). IE (at least pre-version 7) 
 * will automatically expand a box beyond it's set height if its content
 * is too tall. Setting height to 100% also works, but this can lead to
 * problems where an element that should only be a few pixels tall turns
 * out to be as tall as the rest of the page. By setting it to 0.1% you
 * minimize the chance of elements being set taller than they need to be.
 *
 * WHY USE HACKS?
 *
 * For compatibility sake. Specifics on what each hack does, and why its
 * used, is provided with the rule or ruleset in question. However, the 
 * majority of hacks used have to do with an internal property in IE
 * called hasLayout. The first item in the reference section below has
 * all you could ever want to know, and more, about hasLayout.
 *
 * REFERENCE
 *	http://www.satzansatz.de/cssd/onhavinglayout.html
 *	http://www.communis.co.uk/dithered/css_filters/css_only/index.html
 */

* html .page-container
{
    /* \*/
    height: 0.1%; /* IE/Win 5 needs this to prevent rendering issues if a minimum width is applied to this element and the viewport is sized narrower than it's minimum width. however this breaks IE/Mac so a comment hack is used to hide it. */
    position: relative; /* IE/Mac 5.0 seems to need this. without it any child element with position: relative isn't rendered. */
}

* html .masthead, * html .footer, * html .mainnav, * html .breadcrumb
{
    /* hide from IE/Mac \*/
    height: 0.1%; /* this is to fix an IE 5.0 bug. setting this value forces these elements to contain their child elements, meaning margins will no longer collapse. */
    height: /**/ auto; /* reset for IE/Win 5.5 and later by hiding this rule from 5.0 with the empty comment hack. also hidden from IE/Mac for the same reason. */
}
* html .masthead .inside, * html .footer .inside, * html .mainnav .inside, * html .breadcrumb .inside
{
    margin-top: 0;
    margin-bottom: 0; /* since margins no longer collapse due to previous rules we remove vertical margins from the .inside class */
    margin: /* */ 3px; /* reset for IE 5.5 and later */
}
* html .inside
{
    margin: 3px 0.75em; /* i don't yet understand this bug in IE 5.0 which forces the right column down if the side margins are at a very specific value.if your side column widths are set in EMs, 0.75em seems to work fine. */
    margin: /* */ 3px; /* reset for IE 5.5 and later */
}

/****************************************************************************************
FORM AND FIELDSETS
***************************************************************************************/
.page-container form
{
    margin: 0px 0px; /*adding margins here, will push the banner down*/
    padding: 0px 0px 0px 0px;
}

.content-container fieldset
{
    margin: 10px 0px 20px 0px;
    padding: 0px 10px 10px 20px;
}

/* a nested fieldset */
.content-container fieldset fieldset
{
    margin: 15px 0px 5px 0px;
    padding: 0px 5px 5px 5px;
}

.content-container legend
{
    margin-bottom: 0px;
    padding: 0px 10px 5px 5px;
    color: #666666;
    font-weight: bold;
}

/* a nested legend */
.content-container fieldset fieldset legend
{
    margin-bottom: 0px;
    padding: 0px;
    font-weight: normal;
}

.content-container label
{
    display: inline;
    padding-top: 8px;
}


input { margin:''; background-color : #EEEEEE; border : 1px solid #999999; }

input:focus { background : #EEEEEE }

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

textarea
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color : #EBEBEB; 
}

.checks { 
	background-color : #F4F4F4; 
	border : 1px none;	
		
}

radioButton.checksW { 
	background-color : #FFFFFF; 
	border : 1px none 
}

.formBut { 
	background-color : #cccccc 
}



/*******************************************************************************
* LIST STYLES FOR ENTIRE PAGE
*
* Page Contents (middle, right, left) and footer
* -----------------------------------------------------------------------------
* 
* Style was copied from the MSDN (Simple HTML Tables) example. 
*
* MAIN CONTENT (MIDDLE COLUMN)
*********************************************************************************/
.content ul.list, .content ul.link-list-vertical
{
    margin: 0px 0px 15px 15px;
    padding: 0px;
}

.content ul.list li
{
    list-style: none;
    padding: 2px 0px 2px 12px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
    padding: 2px 0px;
}

.content ul.link-list-vertical li a:link
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li a:visited
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link-visited.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li a:hover
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link-active.gif) no-repeat;
    background-position: 0 .6em;
}

.content ul.link-list-vertical li a:active
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link-active.gif) no-repeat;
    background-position: 0 .6em;
}

/*********************************************************************************
LISTS - IN THE RIGHT OR LEFT COLUMNS
***********************************************************************************/

.content-right ul.list, .content-right ul.link-list-vertical, .content-left ul.list, .content-left ul.link-list-vertical
{
    /*margin:t, r, b, l*/
    margin: 0px 5px 5px 0px;
    padding: 0px;
}

.content-right ul.list li, .content-left ul.list li
{
    list-style: none;
    padding: 2px 0px 2px 0px;
    margin: 0px;
    background: url(images/bullet.gif) no-repeat;
    background-position: 0 .6em;
}

.content-right ul.link-list-vertical li, .content-left ul.link-list-vertical li
{
    list-style: none;
    margin: 0px;
    padding: 2px 0px;
    
}

.content-right ul.link-list-vertical li a:link, .content-left ul.link-list-vertical li a:link
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link.gif) no-repeat;
    background-position: 0 .6em;
    text-decoration: none;

}

.content-right ul.link-list-vertical li a:visited, .content-left ul.link-list-vertical li a:visited
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link-visited.gif) no-repeat;
    background-position: 0 .6em;
    text-decoration: none;

}

.content-right ul.link-list-vertical li a:hover, .content-left ul.link-list-vertical li a:hover
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link-active.gif) no-repeat;
    background-position: 0 .6em;
}

.content-right ul.link-list-vertical li a:active, .content-left ul.link-list-vertical li a:active
{
    padding: 2px 0px 2px 12px;
    background: url(images/bullet-link-active.gif) no-repeat;
    background-position: 0 .6em;
}

/*********************************************************************************************
LISTS IN THE FOOTER 
**********************************************************************************************/
.footer ul
{
    
    margin-left: 0;
    padding-left: 0;
    display: inline;
}
.footer ul li
{
    margin-left: -5;
    margin-right: 5;
    padding: 5px 10px 5px 10px;
    background: url(images/bullet.gif) no-repeat;
    background-position: 0px 10px;
    display: inline;
}
.footer ul li.first
{
    margin-left: 0;
    margin-right: 0;
    border-left: none;
    list-style: none;
    display: inline;
    background: none;
}

.announcement_title
{
    height: 20px; 
    background: #cccccc url(images/nav_bar.jpg) repeat-x;
    font-size: 13px;
    text-align: left;
    font-weight: bold;
    color: #000;
    padding-left: 0px;  
    font-family:  Candara, Sans-Serif; 
    border-width: 1px;
    border-style: solid;
    border-color: #cecfce;
    
}

.announcement_content
{
    border-width: 1px;
    border-style: solid;
    border-color: #cecfce;
    background-color: #fff;
    padding:2px;
    text-align: left;
    margin-bottom : 10px;
 }

.divTitle {
    height: 20px;
    background: #aac0d0;    
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;      
}


.divContents{
    border-width: 1px;
    border-style: solid;
    border-color: #ccc;
    font-size: .90em;
    background-color: #fff;
    padding:2px;
    text-align: left;
    margin-bottom : 10px;
}


/*DASHBOARD*/
/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#EBEDF1;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:400px;
}

.chart_ben
{
    background-color:#cccccc; 
    border:solid 1px #000000; 
    width: 100px; 
    float:left; 
    padding: 0px; 
    margin: 10px; 
}

.chart_ven
{
    background-color: Blue; 
    border:solid 2px #eee;
    color: white;
}
.catalogDiv {
		float: left;
		border: #CCCCCC 1px solid;
		background-color: #E2DED6;
		padding: 5px;
		margin-left: 5px;
		width: 260px;
	}
.catalogDiv div {
		background-color: #F7F6F3;
		padding: 10px;
	}
	

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

.gridrow_selectable {
	cursor: hand;
}

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

.gridrow_alternate 
{
	background-color:#ebebeb;
	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:0;
	}
	
td.center {
	color : #333333;
	text-align : center
}

td.right {	
	color : #333333;
	text-align : right
}

td.left {	
	color : #333333;
	text-align : left
}

thead th, tfoot th {
	
	/*border-bottom:1px solid #D0D0BF;
	border-top:1px solid #D0D0BF;*/
	padding:5px;
	font-weight:bold;
	font-variant:small-caps;
	}

td.head_01
{
	background-color : #d1d1d1;
	font-weight : bold;
	text-align : center;
	color : #ffffff

}

td.head_02 {
	background-color : #CCCCCC;
	font-weight : bold;
	text-align : center;
	color : #666666
}


table.A { background-color : #646464;  }
table.A th { background-color : #999999; color: #ffffff; font-size:14px }
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:11px; text-align:left;}
table.A tr td.shade { background-color: #F4F4F4 } 
table.A td.HeadC	{ text-align: left; font-weight:bold; }


/*used table B for just about everything */
table.B { background-color : #9CA6B6;}
table.B th { background-color : #9CA6B6; color: #FFFFFF; font-size:10pt; } /*also uses thead style above */
table.B th.smallHead { background-color : #999999; color: #FFFFFF; font-size:9pt;}
table.B tr { background-color : #9CA6B6; }
table.B tr td { background-color : #FFFFFF; color: #000000; font-weight: normal; }
table.B tr td.shade { background-color: #EBEDF1}
table.B tr td.labels { color: #666666; font-weight: bold; font-size: 10pt;} /*same as .labels class */

table.C { background-color : #EbEbEb; text-align:left; }
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; width:auto; padding:8px;}


table.announcement
{
    border-width: 1px;
    border-color:#666666;
    border-style: solid;
}	



/********************************************************************
--> TABS (seperate from menu)
********************************************************************/

div.div_content .tabs 
{
	border-bottom: solid 1px;
	border-color: #808080;
	
}

/* the unselected tabs */
.content .tab 
{
	border: solid 1px;
	text-decoration: none;
	padding: 2px 3px;
	font-weight: bold;
	background: #808080;
	color:#ffffff;
	width:100px;
}

.content .tab:hover {
}

.content .activeTab {
	border: solid 1px;
	text-decoration: none;
	padding: 2px 3px;
	font-weight: bold;
	border-bottom-color: #CCCCCC;
	background: #CCCCCC;
	width:100px;
}

.content .tabarea {
	padding: 1px;
	border: solid 1px;
	border-color: #808080;
	background-color: #CCCCCC;
	margin-bottom: 10px;
}

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

img.photosmall
{
   float: left;
}

img.photosmall_right
{
    margin-top:0px;
    margin-left: 10px;
    margin-bottom: 2px;
    float: right;
}


.searchbox
{
    height: 16px;
    margin: 0px;
    padding: 0px;
    width: 8em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #000000;
    background-color: #ffffff;


}
.button-search
{
    height: 15px;
    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-color: #ffffff; /* 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: 608px;
    margin-right: 4px;
    margin-top: 8px;
    padding: 8px;
}

.caption, .units
{
    font-size: 10px;
}

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


.labels {
	font-size: 10pt;
	font-weight: bold;
	color: #666666;
}

.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: #666666;
    font-size: 180%;
    font-weight: bold;
    vertical-align: middle;
}

.display_left
{
    float:left;}
    
.instructions {
	background-color: #ffffff;
	font-weight: bold;
	font-size: 10px;
	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;
}

/* Use to force browser to start new page when printing */
.break     { page-break-before: always }

.small_but {
	font-size : 8pt;
	background-color : #cccccc;
	color : #000000;
	cursor: hand
}


.dynamicMenuZIndex {
	z-index: 100;
}