/*  General Links */

body {
	font-family: Tahoma;
	font-size: 9pt;
}

a:visited {
     color: #12288A;
}

a:link {
     color: #12288A;
}

a:hover {
     color: #993366;
}

.whitetext {
	color: #FFFFFF;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 11pt;
	text-decoration: none;
	padding: 2px;
}
.smalltext {
	font-family: Tahoma;
	font-size: 8pt;
}
.medtext {
	font-family: Tahoma;
	font-size: 9pt;
}
.largetxt {
	color: #333333;
	font-family: Tahoma;
	font-size: 11pt;
	line-height: 13pt;
	font-weight: bold;
}
.bodyheavy {
	font-family: Tahoma;
	font-size: 9pt;
	font-weight: bold;
	text-align: justify;

}
.bodytitle {
	font-family: Tahoma;
	font-size: 10pt;
	line-height: 15pt;
	font-weight: bold;
}

.disabled {
	background: #c0c0c0;
}

.enabled {
	background: #ffffff;
}

.whitetablehead {
	font-family: Tahoma;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: underline;
}
.headertext {
	font-family: Tahoma;
	font-size: 12pt;
	line-height: 12pt;
	font-weight: bolder;
	/*color: #993366;*/
	padding-top: 15px;
	padding-bottom: 15px;
	text-align: center;

}
.medtextjust {
	font-family: Tahoma;
	font-size: 9pt;
	text-align: justify;

}

/*** These classes are for when a form process has completed and the 
     action results are displayed.  These are the action results
     classes. ***/
.forms_res
{
	width: 95%;
	text-align: left;
	margin: 6px 6px 16px 0px;
	padding: 4px 4px 4px 4px;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 11.5pt;
	font-weight: 700;
	background-color: #f0f0f0;
}

.forms_res_img
{
	padding: 2px 12px 2px 2px;
	text-align: left;
	float: left;
}

.forms_res_saved
{
	border: solid 2px darkgreen;	 
}

.forms_res_canceled
{
	border: solid 2px grey;
}

.forms_res_deleted
{
	border: solid 2px darkred;
}

/* *** Float containers fix:
http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
 
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  



/* Administration Home Page Display */

.lpmenu_it
{
	padding: 14px 2px 2px 0px;
	border-bottom-color: #777777;
    border-bottom-style: solid;
    border-spacing: 0px;
    border-width: 1px;
    width: 100%;
}
.lpmenu_title
{
    display: block;
	font-family: Tahoma, Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 18px;
	font-style: normal;
	font-weight: 700;	
	color: #333333;
}
a.lpmenu_title:link,a.lpmenu_title:visited
{	
	text-decoration: none;
}
a.lpmenu_title:hover,a.lpmenu_title:active
{
	text-decoration: underline;
}
.lpmenu_text
{
	font-family: Tahoma, Verdana, Arial, helvetica, Sans-Serif;
	font-size: 13px;
	color: #444444;
	font-weight: 500;
	padding: 4px 4px 4px 4px;
	margin-left: 25px;
	display: block;
}

div.FloatLeftHalfWidth
{
    margin-left: 10px;
    height: 100px;
    width: 45%;
    float: left;
}

/*
    My attempt at creating some nice div style sheets
*/

div.LabelDataWrapper
{
    padding: 2px;
    display: inline-block;
}

div.LabelDataWrapperAlt
{
    padding: 2px;
    display: inline-block;
    background-color: #e8e8e8;
}

div.HeaderFieldLabel
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12pt;
    font-weight: bolder;
    float: left;
    display: block;
    width: 200px;
}

div.HeaderFieldData
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 12pt;
    font-weight: bolder;
    float: left;
    display: block;
    width: 400px;
}

div.FieldLabel 
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;    
    margin-right: 6px;
    float: left;    
    display: block;
    width: 110px;    
}

div.FieldLabelAlign
{    
    text-align: right;
    display: block;
    width: 110px;
}

div.FieldData
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 10pt;
    
    padding-left: 6px;
    float: left;
    display: block;
    width: 350px;
}

/*
    Some style sheet classes for a Report
*/

table.Report
{
    width: 800px;
}

td.ReportHeaderFieldLabelWide
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 11pt;
    font-weight: bolder;
    float: left;
    display: block;
    width: 225px;
    text-align: center;
}

td.ReportHeaderFieldLabelCount
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 11pt;
    font-weight: bolder;
    float: left;
    display: block;
    width: 40px;
    text-align: center;
}

td.ReportHeaderFieldLabel
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 11pt;
    font-weight: bolder;
    float: left;
    display: block;
    width: 75px;
    text-align: center;
}

tr.ReportRow
{
}

tr.ReportRowAlternate
{
    background-color: #e8e8e8;
}

td.ReportFieldLabelWide
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;    
    float: left;    
    display: block;
    width: 225px;
}

td.ReportFieldLabelCount
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;    
    float: left;    
    display: block;
    width: 40px;
    text-align: right;
}

td.ReportFieldLabel 
{
    font-family: Calibri, Tahoma, Arial, Helvetica, Sans-Serif;
    font-size: 9pt;    
    float: left;    
    display: block;
    width: 75px;
    text-align: right;
}

/** ---------------------------- **/
/*** Buttons                    ***/
/** ---------------------------- **/

.formbuttons
{
	font-family: Tahoma;
	font-weight: 500;
	font-size: 10pt;
	color: #222222;
}
.formbutton_default
{
	font-weight: 700;
	font-size: 10.5pt;
	color: #193888;
}
.formbutton_cancel
{
	font-weight: 500;
	font-size: 10pt;
	color: #c90000;
}

/** ---------------------------- **/
/*** Classes for form fields .  ***/
/** ---------------------------- **/

.forms_parent
{
	width: 680px;
	border-top:    solid 1px #cecece;
	border-bottom: solid 1px #cecece;
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 0px 0px;
}

.forms_parent_title
{
	font-family: Tahoma, Tahoma;
	font-size: 14px;
	font-weight: 700;
	color: #102356;
}

.forms_row
{
	width: 100%;
	padding-bottom: 8px;
	border-bottom: solid 1px #333333;
}

/** These are for the common formField control's div tags */
.forms_row_fieldname
{
	width: 200px;
	vertical-align: middle;
	padding: 1px 0px 1px 0px;
	background-color: #fafafa;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
}

.forms_row_fieldname_norm
{
	padding: 2px 0px 2px 5px;
	border-left: solid 1px #666666;
	background-color: #f0f0f0;
}
.forms_row_fieldname_error
{
	padding: 2px 0px 0px 4px;
	border-left: solid 4px #C90000;
}
.forms_row_fieldname_req
{
	padding: 2px 0px 0px 4px;
	border-left: solid 4px #00B700;
}

.forms_row_fieldname_reqind
{
	font-weight: 600;
	font-size: 11px;
	color: #993366;
}

.forms_row_fieldname_errind
{
	padding-right: 3px;
}

.forms_row_fieldname_name
{
	font-size: 12px;
	font-weight: 600;
	font-family: Tahoma, Tahoma;
	width: 100%;
	letter-spacing: 0px;
	color: #666666;
}
.forms_row_name_help
{
	font-family: Tahoma, Tahoma;
	font-size: 10px;
	color: #555555;
	font-weight: 500;
	padding-top: 0px;
	margin-top: 2px;
	padding-left: 6px;
}
.forms_row_fieldname_div
{
	width: 100%;
	height: 0px;
}

/** These are the regular formfield tags. */
.forms_row_name
{
	width: 200px;
	border-left: solid 1px #dddddd;
	padding-left: 7px;
	background-color: #fafafa;
	padding-top: 2px;
	vertical-align: top;
	color: #193888;
	font-size: 13px;
	font-weight: 700;
	font-family: Tahoma, Tahoma;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
}

.forms_row_name_norm
{
	width: 200px;
	border-left: solid 4px #D0D0D0;
	padding-left: 4px;
	background-color: #fafafa;
	padding-top: 2px;
	vertical-align: top;
	color: #000000;
	font-size: 13px;
	font-weight: 700;
	font-family: Tahoma, Tahoma;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
}

.forms_row_name_error
{
	width: 200px;
	border-left: solid 4px #C90000;
	padding-left: 4px;
	background-color: #fafafa;
	padding-top: 2px;
	vertical-align: top;
	color: #000000;
	font-size: 13px;
	font-weight: 700;
	font-family: Tahoma, Tahoma;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
	height: 1px;
}

.forms_row_name_req
{
	width: 200px;
	border-left: solid 4px #00B700;
	padding-left: 4px;
	background-color: #fafafa;
	padding-top: 2px;
	vertical-align: top;
	color: #000000;
	font-size: 13px;
	font-weight: 700;
	font-family: Tahoma, Tahoma;
	border-top: solid 2px #ffffff;
	border-bottom: solid 2px #ffffff;
}

.forms_row_value
{
	width: 600px;
	text-align: left;
	border-left: solid 1px #f0f0f0;
	padding-left: 9px;
	padding-bottom: 1px;
	vertical-align: middle;
	border-top: solid 1px #ffffff;
	border-bottom: solid 2px #ffffff;
}

.forms_row_valueerror
{
	font-size: 11px;
	font-weight: 700;
	color: #C90000;
	margin-bottom: 2px;
}

table.forms_buttons
{
}

td.forms_buttonrow
{
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 12px;
}

.forms_inputfield
{
	font-family: Tahoma, Tahoma;
	font-size: 12px;
	padding: 1px 1px 1px 1px;
	font-weight: 700;
	color: #452509;
	margin: 0px; 
}

.forms_inputfieldDisabled
{
	font-family: Tahoma, Tahoma;
	font-size: 12px;
	padding: 1px 1px 1px 1px;
	font-weight: 700;
	color: #452509;
	margin: 0px; 
	background-color: #C0C0C0;
}

.forms_RadioButtonInputField
{
    font-family: Tahoma;
	font-size: 10px;
	padding: 1px 1px 1px 1px;
	font-weight: 700;
	color: #452509;
	margin: 0px; 
	width: 250px;
}

.forms_DropDownListInputField
{
	font-family: Tahoma;
	font-size: 12px;
	border: #777 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: 700;
	color: #452509;
	margin: 0px; 
	width: 120px;
}

.forms_norm
{
	border: #a0a0a0 1px solid;
}
.forms_norm:hover
{
	border: solid 1px #c0c0c0;
}

.forms_err
{
	border: solid 1px #c90000;
	background-color: #ffdddd;
}


.forms_inputfield_small
{
	font-family: Tahoma;
	font-style: italic;
	font-size: 12px;
	border: #777 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: 700;
	color: #452509;
	margin: 0px; 
}

.forms_dropdownlistinputfield_small
{
	font-family: Tahoma;
	font-style: italic;
	font-size: 12px;
	border: #777 1px solid;
	padding: 1px 1px 1px 1px;
	font-weight: 700;
	color: #452509;
	margin: 0px; 
	width: 120px;
}

.forms_checkbox_small
{
	font-family: Tahoma;
	font-size: 10px;
	color: #452509;
	margin: 0px;
	line-height: 12px;
}

.forms_inputfield_small:hover
{
	border: solid 1px #c0c0c0;
}

.forms_inputfield_text
{
	font-family: Tahoma, Tahoma;
	font-size: 12px;
	font-weight: 500;
	color: #452509;
}

/** ---------------------------- **/
/*** Classes for common lists.  ***/
/** ---------------------------- **/


/** The top information section **/
.clc_info_left
{
	border-left: solid 1px #B0B0B0;
	width: 1px;
	height: 17px;
}
.clc_info
{
	margin: 0px;
	padding: 0px 0px 0px 3px;
	border: 0px;
	background-image: url('/images/clc/hdr_bg.png');
	background-repeat: repeat;
	height: 17px;
}
.clc_infoend
{
	margin: 0px;
	padding: 0px;
	border: 0px;
	background-image: url('/images/clc/hdr_end.png');
	background-repeat: no-repeat;
	font-size: 6pt;
}
.clc_end
{
	text-align: right;
	font-size: 8pt;
}


.clc_results
{
	font-family: Tahoma, Tahoma;
	font-size: 8pt;
	font-weight: 500;
	color: #555555;
}

.clc_results_num
{
	font-weight: 600;
}

.clc_navigation
{
	text-align: right;
	padding-right: 8px;
}

table.clc
{
	border: 0;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

select.clc_pager
{
	font-size: 7pt;
	font-weight: 600;
	border: solid 1px #777777;
	padding: 0px 0px 0px 0px;
	height: 15px;
}


/**  The list header    **/
tr.clc_head
{
	background-color: #193888;
	font-family: Tahoma, Tahoma;
	font-weight: 500;
	font-size: 10pt;
	background-image: url('/images/clc/head_bg.gif');
}

th.clc_head
{
	padding: 0px 0px 2px 2px;
	color: White;
}
th.clc_head a:link, th.clc_head a:visited
{
	color: White;
	text-decoration: none;
}
th.clc_head a:active, th.clc_head a:hover
{
	color: White;
	text-decoration: underline;
}


/**  The rows    **/
tr.clc_row
{
	vertical-align: top;
	font-size: 8pt;
}

tr.clc_altrow
{
	vertical-align: top;
	font-size: 8pt;
	background-image: url('/images/clc/bg_alt.gif');
}

tr.clc_row td
{
	padding: 4px 0px 5px 2px;
	border-bottom: dotted 1px #193888;
}
tr.clc_altrow td
{
	padding: 4px 0px 5px 2px;
	border-bottom: dotted 1px #193888;
}

/**  The footer   ***/
tr.clc_foot
{
	border-top: solid 1px #193888;
	font-family: Tahoma, Tahoma;
	font-size: 8pt;
	font-weight: 500;
	color: #555555;
}

tr.clc_foot td
{
}


.clc_canceled
{
	color: #999999;
}
.clc_canceledtext
{
	text-decoration: line-through;
}
a.clc_canceled:link, a.clc_canceled:visited
{
	color: #777777;
	text-decoration: underline;
}
a.clc_canceled:hover, a.clc_canceled:active
{
	color: #555555;
	text-decoration: underline;
}


/*** Standard list classes for the gridview control   ***/
.grd_altrow
{
	background-color: #f0f0f0;
	font-size: 11px;
	vertical-align: top;
}
.grd_row
{
	background-color: #ffffff;
	font-size: 11px;
	vertical-align: top;
	padding: 1px;
}

.grd_main
{
	border: none 0px #c0c0c0;
}

.grd_head
{
	background-color: #193888;
	font-family: Tahoma;
	font-style: italic;
	font-weight: 500;
	font-size: 11px;
	color: White;
	padding: 2px;
}

.grd_noresults
{
	border: solid 3px #d0d0d0;
	padding: 6px 6px 6px 6px;
	text-align: center;
	font-family: Tahoma;
	font-style: italic;
	font-size: 13px;
	color: #333333;
}

/** gridview header **/
.gvh_o
{
	border: #000033 2px solid;
	padding: 0px 0px 0px 0px;
	background-color: #00a8cb;
}
.gvh_t
{
	color: White;
	font-family: Tahoma, Tahoma;
	font-size: 12px;
	font-weight: 500;
}
.gvh_ts
{
	color: White;
	font-family: Tahoma, Tahoma;
	font-size: 9px;
	font-weight: 700;
}
input.grd_fld
{
}
select.grd_fld
{
	font-size: 10px;
	font-weight: 700;
	border: solid 1px #333333;
	padding: 0px 0px 0px 0px;
}
.gvh_n
{
	font-weight: 900;
	font-size: 12px;
}
a.gvh_link
{
	font-family:Tahoma, Arial, Helvetica;
	font-size:11px;
	font-weight:900;
}
a.gvh_link:link,a.gvh_link:visited
{
	color:#FFFFFF;
	text-decoration:none;
}
a.gvh_link:hover,a.gvh_link:active
{
	color:#FFFFFF;
	text-decoration:underline;
}

.inlineList_o
{
	padding-top: 2px;
	padding-bottom: 16px;
}
.inlineList_ttl
{
	font-family: Tahoma;
	font-size: 13px;
	color: #F58220;
	font-style: italic;
	font-weight: 700;
}

#menu{ /* CSS class for menu background */
background-image: url('/images/clc/menu_bg.jpg.gif'); 
}

#menu .Item
{
	background-image: url('/images/clc/menu_bg.jpg.gif');
	background-position: top;
	padding: 0px;
}

#menu .ItemSelected, #menu .ItemHover
{ 
  /* CSS class for hovering and selected Menu Item */
  background-image: url('/images/clc/menu_bg.jpg') no-repeat; 
}

/* CSS classes for standard Links, only valid inside the #menu DIV */
#menu a, #menu a:visited
{
  background: transparent ! important;
  display: block;
}

#menu a:hover, #menu a:active, #menu a:focus
{
    background: transparent ! important;
    display: block;
}

.MenuBgImage{
    background:url('../images/clc/menu_bg.jpg'); 
}

.HeaderBgImage{
    background:url('../images/bg.jpg'); 
}

.nameValueRow {
    width: 100%;
}

.nameValueLabel {
    float: left;
    width: 200px;
    text-align: right;
    padding: 2px 7px 2px 0px;
}

.nameValueDisplay {
    float: left;
    width: 450px;
    font-weight: bold;
    padding: 2px 0px 2px 2px;
}