/* RESKIN - CF: page body */
BODY
{
    color: #292929;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    
    background-image:    url(reskin_contentBg.jpg);
    background-position: top left;
    background-repeat:   no-repeat;
    
    background-color: #f1efe7;
    margin:  0px;
    padding: 0px;
    text-align: center;
}

/* 
    Sticky footer technique:
    http://ryanfait.com/sticky-footer/ 
*/

    html, body, 
        div.page,
        form.page {
    	height:100%;
    }
    
    html, body {
        /* 
            This takes care of the following unlikely edge case: If someone
            resizes his/her browser to be really, really short -- less 
            than 300 pixels or something -- this ensures that the layout
            doesn't fall apart. 
        */
        min-height: 400px;
    }
    
    div.page,
        form.page {
        
        float: left;
        display: inline; /* This helps IE with floated elements */

        min-width: 100%;
    }

     div.whitebox {
         
        min-height: 100%;
        _height:    100%; /* for IE 6 */
    
        margin: 0px;
        margin-bottom: -70px; /* the bottom margin is the negative value of the footer's height -1px for border */
    }
    
        div.whitebox div.singlecol {
            margin-bottom: 80px; /* Make sure there's enough room for the footer */
        }


    #footer {
        
       /* 
            We're avoiding setting height on this element to prevent
            this element from getting hasLayout (which ends up confusing IE7).
        */
        
        padding-top: 10px;
        
        text-align: left;
    }
    
        div#footer div#footer-element-2-of-2 {
            /* Viewable height is 70px, but we're defining it as 60px here to 
                account for the 10px padding-top due to the CSS box model. */
            min-height: 60px;
            _height:    60px; /* for IE 6 */
        }
        

/* RESKIN - CF: main content container */
.whitebox
{
    /* 
        There used to be padding here -- to leave room for the logo -- but 
        that's now taken care of via a padding-top of 60px on the navbar.
        
        Similarly, the top border is now placed on the navbar as well.
        
        (This is all so that the whitebox element can be set to 100%
        height and not exceed that when rendered due to the CSS box model.)
    */
}

.singlecol
{
    text-align: left;
    padding: 0;
}

    /* This ensures that .singlecol auto-encloses any floated chidlren elements */
    
    /*
        Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
        http://www.tanfa.co.uk/archives/show.asp?var=300
    */

    .singlecol:after {
        content: ".";
        display: block;
        visibility: hidden;
        
        clear: both;
        
        height:      0;
        line-height: 0;
        font-size:   1px;
    }

    .singlecol { display: inline-block; }

    /* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
    * html .singlecol { height: 1%; }

    .singlecol { display: block; }
    /**/ /* end hidden from IE 5 Mac */


    /* 
        If uncommented, this would set up the content area
        so that if it's too wide for the browser, the content
        area woudl get its own horizontal scrollbar.
    */
    /* .singlecol > form {
        max-width: 100%;
        overflow-x: auto;
        overflow-y: hidden;   
    } */

        /*
            Easy Clearing - Tony Aslett, Position is Everything, and Alex Robinson
            http://www.tanfa.co.uk/archives/show.asp?var=300
        */

        .singlecol form:after {
            content: ".";
            display: block;
            visibility: hidden;
            
            clear: both;
            
            height:      0;
            line-height: 0;
            font-size:   1px;
        }

        .singlecol form {
            display: inline-block;
        }

        /* 1st for IE 5-6, hidden from IE 5 Mac */ /*\*/
        * html .singlecol form {
            height: 1%;
        }

        .singlecol form {
            display: block;
        }
        /**/ /* end hidden from IE 5 Mac */
        
	/* -------------------------------------------------------
	   One-Off IE Fixes
	   ------------------------------------------------------- */

	/* 
		This element exists solely to fix this problem 
		in IE7. (No other browser is affected.)
		http://www.brunildo.org/test/iew_shrink_lay.html
	*/

	span.browser-helper
	{
      display: none;
	}

		/* Only IE7 sees this */
         * + html span.browser-helper 
		{
			float: right;
			display: inline;

			width:  0px;
			height: 0px;
		}
    

.headerlogo {
	float: left;
	display: inline; /* This helps IE with floated elements */
	
	text-align:left;
}

img {
    border: none;
}

.headerlinks {
	float: right;
	display: inline; /* This helps IE with floated elements */
	
	font-size: 10px;
	text-align: right;
}

.navbar 
{
    padding-top: 57px; /* Leave room for the logo */
    
	text-align: left;
	
    border-top: 3px solid #336699;
}

.leftcol {
	width: 160px;
	float: left;
	display: inline; /* This helps IE with floated elements */
	
	text-align: left;
}

.rightcol {
	float: right;
	display: inline; /* This helps IE with floated elements */
	
	text-align:left;
	width: 780px;
	/* border-left: 1px solid #B22222; */
	padding-left: 5px; 
	background: #FFFFFF;
}


.clsFooter {
	font-size: 10px;
	clear: both;
}

.commonpanel
{
    padding: 0px;
}

.commonpanelarea
{
    width: 192px;
	margin: 0px 0px 0px 0px;
}

.commonpanelheader
{
    background-color: #6699ff; /* was #e2eecd */
    color: #698d73;
    padding: 2px;
    padding-left: 8px;
    margin: 0px;
    background-image: url(/app_themes/default/images/panel/panel-header.gif);
    background-position: left top;
    background-repeat: no-repeat;
    color: #ffffff;
    font-size: 11px;
    font-weight: bold;
}

.commonpanelcontent
{
    padding: 8px;
    padding-top: 5px;
	padding-bottom: 10px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #ffffff;
	width: 174px;
	overflow: hidden;
}

a:link {
color: #336699;
text-decoration: none;
}

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

a:visited {
color: #336699;
text-decoration: none;
}

.smallul{
	margin: 0px;
	padding: 0px;
}

.smallul li{
	list-style-type: none;
}

.userheader
{
    font-size: 11px;
    font-weight: bold;
    color: #dc143c;
    margin-bottom: 10px;
}

.label
{
    text-align:right;
}

.field 
{
    text-align:left;
}

.PageTitle
{
    color: #B22222;
    font-size: 180%;
    font-weight: bold;
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

.SubTitle
{
    font-size: 140%;
    font-weight: bold;
    padding: 0px;
    margin-bottom: 5px;
}

select 
{
    z-index: -1;
}



/***** BEGIN - CSS definitions added by Craig Fitzpatrick during re-skinning effort *****/


p.filterCriteria 
{
	margin-left: 0;
	border: 1px #292929 solid;
	background:#cec8ae;
	padding: 5px;
}

table.filterCriteria 
{
	margin-left: 0;
	border: 1px #292929 solid;
	background:#cec8ae;
}

table.filterCriteria td
{
	background: none !important;
	text-align: left !important;
}

table.filterCriteria td.criteriaField
{
	padding: 2px 10px 8px 10px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

table.filterCriteria td.criteriaSubmit
{
	padding: 2px 10px 8px 10px;
}

table.filterCriteria td.criteriaField input, table.filterCriteria td.criteriaField select,
table.filterCriteria td.criteriaField select.filter
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	background: #eef0f0;
	border: 1px #2c5885 solid;
	color: #292929;
}

table.filterCriteria td.criteriaLabel
{
	padding: 8px 9px 0 9px;
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

.descriptorfilter  /* Existing Class */
{
	font-family: Verdana;
	font-size: 11px;
	font-weight: bold;
}

.filter_submit  /* Existing Class */
{
	padding: 0 2px 0 2px;
}

.footer  /* Existing Class */
{
    /* 
        Rather than set the padding here, it's set 
        near the top of file as part of the sticky footer
        technique. 
    */
    
/*  padding: 5px 0 3px 0;*/
}

.clsFooter  /* Existing Class */
{
    /* 
        Rather than set the padding here, it's set 
        near the top of file as part of the sticky footer
        technique. 
    */
    
/*  padding: 10px 0 6px 0;*/
}

.clsFooter  /* Existing Class */
{
    background: #f1efe7 url(reskin_footerBg.jpg) top left no-repeat;
	clear: both;
}

.footer td, .clsFooter td  /* Existing Class */
{
	color: #ffffff;
	font-size: 10px;
	font-family: verdana;
}

.footer img, .clsFooter img  /* Existing Class */
{
	margin-top: 5px;;
}

.footer a:link, .clsFooter a:link, .footer a:visited, .clsFooter a:visited  /* Existing Class */
{
	color: #9ec5e4;
	margin: 0 5px 0 5px;
}

.footer a:hover, .clsFooter a:hover  /* Existing Class */
{
	color: #9ec5e4;
	margin: 0 5px 0 5px;
	text-decoration: underline;
}

.rs_popup .footer a:link, .rs_popup .clsFooter a:link
{
	color: #366ca3;
	margin: 0 5px 0 5px;
}

.rs_popup .footer a:hover, .rs_popup .clsFooter a:hover
{
	color: #bd231d;
	margin: 0 5px 0 5px;
	text-decoration: underline;
}

.singlecol  /* Existing Class */
{
	background: url(reskin_footerBg.jpg) bottom left repeat-x;
}

tr.evenrow  /* Existing Class */
{
	background: #d8d3be;
}

tr.oddrow  /* Existing Class */
{
	background: #e0dccd;
}

.hp_dashboard
{
	border: 1px #7b786b solid;
}

.hp_dashboard td
{
	font-size: 11px;
}

.hp_dashboard th 
{
	background: #cec8ae;
	border-bottom: 1px #7b786b solid;
	text-transform: uppercase;
	font-size: 12px;
}

.hp_dashboard td.archiveLink
{
	background: #cec8ae;
	border-top: 1px #7b786b solid;
	padding: 4px 0 6px 8px;
}

.hp_dashboard td.archiveLink a
{
	color: #1c3855;
	text-decoration: underline;
}

.hp_dashboard td.archiveLink a:hover
{
	color: #941a16;
}

.rs_buttons, .rs_buttons_grid 
{
	text-align: left;
}

.rs_buttons input, .rs_buttons button,
.rs_buttons_grid input, .rs_buttons_grid button
{
	font-size: 12px !important;
	background: #366ca3;
	border: 1px #292929 solid;
	padding: 3px;
	color: #ffffff;
}

.rs_buttons_grid 
{
	padding-top: 20px !important;
}

input.rs_btn, button.rs_btn 
{
	background: #366ca3;
	border: 1px #292929 solid;
	padding: 3px;
	color: #ffffff;
}

.rs_datagrid {
	border-collapse: collapse;
}

.rs_datagrid .graylink {
	font-family: verdana;
	font-size: 11px;
}

.rs_datagrid td {
	font-family: arial;
	font-size: 10px;
	border: 1px #7b786b solid;
	padding: 5px;
	vertical-align: middle;
}

.rs_datagrid .rs_header td {
	background: #cec8ae;
}

.rs_datagrid .rs_header td, .rs_datagrid .rs_header td a {
	font-size: 12px !important;
	font-weight: bold !important;
}

.rs_datagrid td a {
	color: #29537c;
	text-decoration: underline;
}

.rs_datagrid td a:hover {
	color: #bd231d;
}

.rs_datagrid td a:visited {
	color: #29537c;
	text-decoration: underline;
}

.rs_datagrid td input, .rs_datagrid td button {
	font-family: verdana !important;
	font-size: 8px;
}

.rs_datagrid select
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	background: #eef0f0;
	border: 1px #2c5885 solid;
	color: #292929;
}

.rs_datagridNB {
	border-collapse: separate;
	border-spacing: 5px;
}

.rs_datagridNB .graylink {
	font-family: verdana;
	font-size: 11px;
}

.rs_datagridNB td {
	font-family: arial;
	font-size: 10px;
	border: 0;
	padding: 5px;
	vertical-align: middle;
}

.rs_datagridNB .rs_header td {
	background: #cec8ae;
}

.rs_datagridNB .rs_header td, .rs_datagridNB .rs_header td a {
	font-size: 12px !important;
	font-weight: bold !important;
}

.rs_datagridNB td a {
	color: #29537c;
	text-decoration: underline;
}

.rs_datagridNB td a:hover {
	color: #bd231d;
}

.rs_datagridNB td a:visited {
	color: #29537c;
	text-decoration: underline;
}

.rs_datagridNB td input, .rs_datagridNB td button {
	font-family: verdana !important;
	font-size: 8px;
}

.rs_datagridNB select
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	background: #eef0f0;
	border: 1px #2c5885 solid;
	color: #292929;
}

.rs_datagridComplex {
	border-collapse: collapse;
}

.rs_datagridComplex .graylink {
	font-family: verdana;
	font-size: 11px;
}

.rs_datagridComplex td {
	font-family: arial;
	font-size: 10px;
	border: 0;
	padding: 5px;
	vertical-align: middle;
}

.rs_datagridComplex td.rs_hasBorder {
	border: 1px #7b786b solid;
}

.rs_datagridComplex td.rs_descrip {
	background: #eae8db;
}

.rs_datagridComplex td a {
	color: #29537c;
	text-decoration: underline;
}

.rs_datagridComplex td a:hover {
	color: #bd231d;
}

.rs_datagridComplex td a:visited {
	color: #29537c;
	text-decoration: underline;
}

.rs_datagridComplex td input, .rs_datagridComplex td button {
	font-family: verdana !important;
	font-size: 8px;
}

.rs_datagridComplex select
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	background: #eef0f0;
	border: 1px #2c5885 solid;
	color: #292929;
}

td.iconCol
{
	text-align: center;
}

td.iconCol a
{
	color: #008000;
	text-decoration: none !important;
}


a.sortlink {
	color: #1c3855 !important;
	font-size: 12px !important;
}
	
a.sortlink:hover {
	COLOR: #941a16 !important;
}

.rs_noborder td, td.rs_noborder
{
	border: 0 !important;
	font-family: Verdana !important;
	font-size: 11px !important;
}

form 
{
	background-color: transparent !important;
	margin: 0;
	padding: 0 !important;
}

#__hifSmartNav body
{
	background-color: transparent !important;
	margin: 0 !important;
}

tr.columnheader td 
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12px;
    COLOR: #292929;
    FONT-STYLE: normal;
    FONT-FAMILY: Arial, Helvetica, sans-serif
}

.frmTable 
{
	border-collapse: collapse;
}

.frmTable td
{
	padding: 2px 5px 2px 5px;
}

table.frmTable tr.rs_header td
{
	background: #cec8ae !important;
	font-weight: bold !important;
	padding: 3px !important;
}

#panelFilter 
{
	background: #cec8ae;
	border: 1px #292929 solid;
	padding: 15x 3px 3px 3px;
	margin: 35px 10px 15px 10px;
}

#panelFilter #tblFilter
{
	margin-bottom: 15px;
}

#panelFilter #tblFilter td
{
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	padding: 2px 3px 2px 3px;
}

#panelFilter #tblFilter td input, #panelFilter #tblFilter td select
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	background: #eef0f0;
	border: 1px #2c5885 solid;
	color: #292929;
}

#panelFilter span button
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background: #366ca3;
    border: 1px #292929 solid;
    color: #ffffff;
    padding: 0 1px 0 1px;
    margin: 0 3px 15px 3px;
}

.rpt3_panelFilter 
{
	background: #cec8ae;
	border: 1px #292929 solid;
	padding: 15x 3px 3px 3px;
	margin: 35px 10px 15px 10px;
}

.rpt3_panelFilter  #tblFilter
{
	margin-bottom: 15px;
}

.rpt3_panelFilter  #tblFilter td
{
	text-align: left;
	font-family: Verdana;
	font-size: 11px;
	padding: 2px 3px 2px 3px;
}

.rpt3_panelFilter #tblFilter td input, #panelFilter #tblFilter td select
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	background: #eef0f0;
	border: 1px #2c5885 solid;
	color: #292929;
}

.rpt3_panelFilter span button
{
    FONT-SIZE: 10px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background: #366ca3;
    border: 1px #292929 solid;
    color: #ffffff;
    padding: 0 1px 0 1px;
    margin: 0 3px 15px 3px;
}

.DataGrid {
	border-collapse: collapse;
	margin: 5px 10px 5px 10px;
	width: auto !important;
}

.DataGrid .rptHeader {
	background: #cec8ae;
}

.DataGrid .rptHeader a {
	color: #1c3855 !important;
	font-size: 12px !important;
	text-decoration: underline;
	font-weight: bold;
}
	
.DataGrid .rptHeader a:hover {
	COLOR: #941a16 !important;
}

.DataGrid .rptFooter {
	background: #cec8ae;
}

.DataGrid .rptFooter a {
	color: #1c3855 !important;
	font-size: 12px !important;
	text-decoration: underline;
	font-weight: bold;
}
	
.DataGrid .rptFooter a:hover {
	COLOR: #941a16 !important;
}

.DataGrid .graylink {
	font-family: verdana;
	font-size: 11px;
}

.DataGrid td {
	font-family: arial;
	font-size: 10px;
	border: 1px #7b786b solid;
	padding: 5px;
	vertical-align: middle;
}

.DataGrid td a {
	color: #29537c;
	text-decoration: underline;
}

.DataGrid td a:hover {
	color: #bd231d;
}

.DataGrid td a:visited {
	color: #29537c;
	text-decoration: underline;
}

.DataGrid td input {
	font-family: verdana;
	font-size: 8px;
}

.DataGrid select
{
	font-family: arial;
	font-size: 10px;
	font-weight: normal;
	background: #eef0f0;
	border: 1px #2c5885 solid;
	color: #292929;
}


.CustomPaging 
{
	font-family: Verdana !important;
	font-size: 11px !important;
	TEXT-ALIGN: center;
	width: 800px;
}

.CustomPaging input#btnExport, .CustomPaging input#btnExportZip, .CustomPaging input#btnExportGZip, .CustomPaging input#btnPageSize
{
	font-size: 12px !important;
	font-family: Arial;
	background: #366ca3;
	border: 1px #292929 solid;
	padding: 0px 2px 0 2px;
	color: #ffffff;
}

.CustomPaging input#txtPageSize
{
	font-size: 11px !important;
}

#i_FULLY_RECEIVED 
{
	border: 0 !important;
	background: transparent !important;
}

table#toolbar 
{
	width: 821px !important;
}

.rs_datagridComplex font.columnheader, .rs_datagridComplex a.sortlink
{
	font-size: 11px !important;
}

.rs_rptFrm100 
{
}

body.rs_popup 
{
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background: #f1efe7 url(reskin_popupBg.jpg) top left no-repeat;
    margin: 0px;
    text-align: center;
    color: #292929;
    padding-top: 80px;
}

font.pageheading
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20px;
    FONT-STYLE: normal;
}

.rs_lightAlt 
{
	background: #e0dccd;	
}

.rs_darkAlt 
{
	background: #d8d3be;	
}

input.rs_btnSmall, button.rs_btnSmall 
{
	background: #366ca3;
	border: 1px #292929 solid;
	padding: 1px;
	color: #ffffff;
	font-size: 9px !important;
}

/***** END - CSS definitions added by Craig Fitzpatrick during re-skinning effort *****/