body{
	margin: 0px;
	color: #32a316;
	font-family: Arial, Sans-Serif;
	font-size: 76%;
	background: white /*url(./Images/Background.gif) */;
}

form
{
    margin: 0;
    padding: 0;
}

/* stupid IE, font sizes should be 1em, not a fixed size */
input,select { font-size: 1em; background-color: White; color: Black; }

.ReportViewer input, .ReportViewer select
{
    background-color: Transparent;   
}

.ReportViewer .PageNumberText
{
    background-color: White;
}

select { width: 159px; }

br.clear
{
    clear: both;
}

a
{
	color:#32a316;
    text-decoration:none;
}

a:hover
{
	color:#32a316;
	text-decoration:underline;
}

#mainMenu a
{
	color:#ffffff; 
	text-decoration:none;
 /*   color: #7FCE76;*/
    text-decoration: none;
    font-family: Arial, Helvetica, sans-serif;
	font-size:1.2em;
	/* zoom: 1.0; */ 
}

#mainMenu a:hover
{
	 color:#a5ff89;
	 text-decoration: underline;
	/* zoom: 1.0; */ 
}

#mainMenu
{
	background-image:url(../../Images/header_middle.gif);
	background-repeat:repeat-x;
	margin:0;
	padding:0;
	background-color:#636162;
}

#TopLabels
{
	float:left;
	/*height:80px;*/
}



#mainheader {
        
       /* margin-right:20em;  don't do this, leads to unnecessary scrollbars in IE */

}

#rightheader 
{
    right:0;
    top:0;
    position:absolute;
    padding:0;
    margin:0;
    height:34px;
}

#maincontent {
        
        padding-left:1em;
        padding-right:1em;
        padding-top:2em; 
        margin-right:5px;    
}
.reports#maincontent
{
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
    margin-right: 0;
}
#maincontent li
{
	list-style:none;
	vertical-align:middle;
	padding-bottom:2px;
}


#leftheader 
{
        left:0;
        /* left margin on mainheader / main content is 20em, hide any overflow */
        width: 22em;
        overflow: hidden;
}

#leftlist 
{
	position:absolute;
    top:0;
    left:0;
    /*font-size:80%;*/
    /*padding-left:1%;*/
    padding-right:0;
    margin-left:0;
    margin-right:0;
    width:75%;
    /* zoom: 1.0; */
}
.wrapperOneNoAuth#leftlist
{
    width: 100%;
}

#leftlist ul
{
	
	color:#ffffff; 
	text-decoration:none;
	list-style:none;
	text-align:center;
	font-size:90%;
	padding-bottom:5px;
		/* zoom: 1.0; */ 
}

#leftlist li
{
	display:inline;
	padding:0 5px 0 5px;
		/* zoom: 1.0; */ 
}

a img{
	border: 0px;
	vertical-align:middle;
}

h1{
	color: #007c38;
	font-size: 2em;
	font-weight: bold;
	border-bottom: #87a5d3 1px solid;
}

h2{
	color: #000;
	font-size: 1.5em;
	font-weight: bold;
}


#Header{
	margin: 0px;
	width: 100%;
}


#IconMenu {
        list-style:none;
        vertical-align:middle;        
	    margin:0;
	    padding-left: 0;
	    font-size:1.2em;
}

#IconMenu  li{
        list-style:none;
        vertical-align:middle;
        margin-bottom: 0.5em;
         
}

#IconMenu  li p{
      
        margin: 0em;
        padding: 0em;
        padding-left: 64px;
        line-height:1;        
        color: #000000;
}

#IconMenu  li a{
      
        margin: 0em;
        padding: 0em;     
        font-size: 1.0em; 
        color: #32a316; 
        font-weight: bold; 
        text-decoration: none;
}

#IconMenu img
{
	margin-right: 1em;
}
#footer
{
	text-align: right;
	margin: 4em;
}

.reports #footer
{
    margin: 0 4em 0 0;
}

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

/* IE7 fix for ChildTabs, without it the margin-left on the first item transfers to the right */
div { zoom: 1; }

.ChildTabs ul{
	margin: 0px;
	padding: 0px 0 0 0px;
	list-style: none;
	color: #000000;
	
	width: 100%;
	border-bottom: solid 1px #007c38;
	overflow: hidden;
}

.ChildTabs li
{
	float: left;
	margin: 0px;
	padding: 0 0 0 7px;
	color: #000000;
	text-decoration: none;
	/*border: 1px solid #333;*/
	border-bottom: none;
	background: transparent url(./Images/tableft_blue.gif) no-repeat top left;
}

#maincontent .ChildTabs li
{
    padding-bottom: 0;
    position: relative;
    top: 2px;
}

.ChildTabs li.LinkSelected
{
	background: transparent url(./Images/tableft_grey.gif) no-repeat top left;
}
#maincontent .ChildTabs li.LinkSelected
{
    top: 0;
    margin-bottom: -1px;
}

.ChildTabs li span {
	padding: 0 7px 0 0;
	background: transparent url(./Images/tabright_blue.gif) no-repeat top right;
	float: left;
	display: inline;
}

.ChildTabs li.LinkSelected span {
	background: transparent url(./Images/tabright_grey.gif) no-repeat top right;
}

.ChildTabs input
{
    /*border: none;*/
	/*background-color: Transparent;*/
	border: none black 0px;
	color: white;
	cursor: pointer;
	margin: 0px;
	padding: 0px 8px;
	/*font-size: 12px;*/
	
	background-image: url(./Images/BorderBlack.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.ChildTabs input.LinkButton 
{
    background-color: White;
    color: #007c38;
	/*background: #9dbae4 url(./Images/TabStandard.gif) repeat-x top left;*/
}

.ChildTabs input.LinkButtonSelected
{
    background-color: #7fce76;
	/*background: #9dbae4 url(./Images/TabSelected.gif) repeat-x top left;*/
}

.ChildTabs li.LinkSelected
{
    font-size: 1.3em;
}


.ChildTabs ul li.first
{
    margin-left: 10px;
}


.CalendarImage {
	cursor: pointer;
}

.formlabel, .formlabelwide
{
	float: left;
	text-align: left;
	vertical-align: middle;
	margin-right: 0.5em;
	clear: left;
	margin-top: 2px;
}
.formlabel
{
    width: 10em;
}
.formlabelwide
{
	width: 21em;
}

/* asp.net stupidity puts a span round checkboxes and shifts the class */
span.forminput
{
    float: left;
}

span.forminputSansMargin
{
    float: left;
    margin: 0;
}

span.forminput label, span.forminputSansMargin label
{
    float: none;
}

.KnownAsLabel
{
	font-size: 1.3em;
	color: #007c38; /*#4f96d8;*/
}

.dateinput, .forminput
{
	margin-left: 4.5em;
}


.DetailsFormView .dateinput
{

    margin-left: 0;
}

/*.datectrl { vertical-align: middle; }*/

/* ------------ */


.gridrow td, .gridrowalt td, .gridrowedit td
{
    vertical-align: top;
}

.gridheader th
{
    font-weight: normal;
    text-align: left;
    color: White;
}

.gridheader
{
        font-family: Arial, sans-serif;
        /*font-size: 11pt;*/
        font-weight: bold;
        background-color: #007c38; /*#e49323;*/
}

.gridheader a:link, .gridheader a:visited
{
    color: White;
}
.gridheader a:hover
{
    color: #ffeacd;
}

.gridrow
{
    font-family: Arial, sans-serif;
    background-color: #eaf2fd;
}

.gridrowalt
{
    font-family: Arial, sans-serif;
    background-color: #d1e4ff;
}


.gridrowselected
{
    font-family: Arial, sans-serif;
    color: #FFFFFF;
    background-color: #5c97ec;
}

.gridrowhover
{
    font-family: Arial, sans-serif;
    color: black;
    background-color: #fff9b6;
}

.gridrowedit
{
    font-family: Arial, sans-serif;
    background-color: #CCCCFF;
}

.gridrow, .gridrowalt, .gridrowedit, .gridrowseleted
{
    border-bottom: solid 1px black;
}

/* have to use a class rather than .gridrow input[type="submit"] as IE doesn't understand it */
.gridrow input.SubmitButton, 
.gridrowalt input.SubmitButton,
.gridrowedit input.SubmitButton,
.gridrowselected input.SubmitButton
{
    border: none;
    color: #007C38;
    background-color: Transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 1.0em;
}

.gridrow input.SubmitButton:hover, 
.gridrowalt input.SubmitButton:hover,
.gridrowedit input.SubmitButton:hover,
.gridrowselected input.SubmitButton:hover
{
    text-decoration: underline;
    color: #7FCE76;
}


.gridrow .CommandColumn,
.gridrowalt .CommandColumn,
.gridrowselected .CommandColumn
{
    width: 7em;
    white-space: nowrap;
}
.gridrow .SelectColumn,
.gridrowalt .SelectColumn,
.gridrowedit .SelectColumn,
.gridrowselected .SelectColumn
{
    width: 4em;
}

.gridrowedit .CommandColumn
{
    width: 9em;
    white-space: nowrap;
}

/* css to remove table type formatting */

/* FIXME: not right, we appear to have class="field" on all (nearly all?) labels,
   can't set a width unless they are a block element (float sets block), won't want */
form  label.field {
	width: 20em;

	clear: left;
}

.DetailsFormView label 
{
	width: 10em;
	float: left;
}

.DetailsFormView br
{
	clear: both;
}



/* Login */
.AspNet-Login
{
    width: 18em;
}

.AspNet-Login label
{
    float: left;
    width: 6em;
    clear: left;
    margin-bottom: 0.5em;
}
.AspNet-Login input
{
    float: left;
}
.AspNet-Login-TitlePanel, .AspNet-Login-UserPanel, .AspNet-Login-PasswordPanel,.AspNet-Login-RememberMePanel
{
    margin-bottom: 0.5em;
    clear: both;
}
.AspNet-Login-UserPanel span
{
    float: left;
    width: 2em;
}
.AspNet-Login-PasswordPanel span
{
    float: left;
    width: 2em;
}
.AspNet-Login-RememberMePanel input, .AspNet-Login-RememberMePanel label
{
    float: none;
    width: auto;
}

.AspNet-Login-SubmitPanel
{
    text-align: left;
    clear: both;
    padding-left: 6em;
}
.AspNet-Login-SubmitPanel input
{
    float: none;
    border: none;
    color: #007c38;
    background-color: Transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: 2em;
}

.AspNet-Login-FailurePanel
{
    clear: both;
}

a.AspNet-LoginStatus
{
    color: #007c38;
    background-color: Transparent;
    font-size: 2em;
    /* border:solid 1px #000000; */
}
input.AspNet-LoginStatus
{
    border: none;
    color: #007c38;
    background-color: Transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-size: 2em;
    vertical-align: middle;
}

a.AspNet-LoginStatus:visited
{
    color: #007c38;
    background-color: Transparent;
    font-size: 2em;
    /* border:solid 1px #000000; */
}

.CalendarReport
{
    margin: 0 auto;
    width: 80%;
    padding-top: 1em;
}
.CalendarReport table
{
    border: solid 1px black;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.CalendarReport td, .CalendarReport th
{
    border: solid 1px black;
    padding: 0;
}
.CalendarReport sup
{
	float: right;
}
.CalendarReport .FootImage
{
    float: left;
}
.CalendarReport td
{
    text-align: right;
    vertical-align: top;
}

.CalendarDayLink
{
    display: block;
    width: 100%;
    height: 100%;
    padding: 0;
    margin: 0;
}


.ModalBackground
{
    background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.Progress
{
    text-align: center;
    background-color: White;
    color: #007C38;    
    border: solid 1px black;
    padding: 4px;
}

.ErrorPopup
{
}

.MenuExtra
{
    
}

input.Button, .CalculationWizard .box
{
    border: none;
  /*  background: transparent url(./Images/but_blank.gif) no-repeat top left; */
   background-color : #7fce76;
    color: white;
    padding: 0;
    margin: 0;
    cursor: pointer;
}
input.DisabledButton
{
    cursor: default;
    color: lightgray;
}

.SiteMap
{
    padding-top: 1em;
    font-size: larger;
    display: block;
}

.acronym
{
    border-bottom: none;
    cursor: default;
}

.OrderedLinkList
{
    margin: 0;
    padding: 0;
    list-style: none;
}
.OrderedLinkList input
{
    border: none;
    color: #007C38;
    background-color: Transparent;
    cursor: pointer;
    padding: 0;
    margin: 0;
    font-family: Arial, sans-serif;
    font-size: 1.0em;   
    text-align: left;
}

.DisplayUntilPanel .dateinput
{
    margin: 0;
}

.ResponsibleBodyButton
{
    cursor: pointer;
 /*   float: left;
    padding: 0;
    margin: 2px 2px 0 2px;
    vertical-align: bottom;*/
}

.TimeDropDown
{
    width: 4em;
}


.AspNet-Login em
{
    font-style: normal;
}

input.DummyButton
{
    display: none;
}

.formDivSection
{
	border: solid 1px #007C38;
	width: 600px;
	text-align:left;
}

ul.AccessKeyMenu
{
    text-align: right;
    padding-left: 0;
    margin-left: 1em;
    margin-top: 0;
}
ul.AccessKeyMenu ul
{
    padding-left: 0;
    margin-left: 1em;
}

ul.AccessKeyMenu li
{
    clear: left;
}
ul.AccessKeyMenu .title
{
    float: left;
}

ul.AccessKeyMenu .keylist li
{
    border-bottom: solid 1px #007C38;
}

h2
{
    color: #007C38;
    margin: 0;
    padding: 0;
}

.totalApplied
{
    width: 14em;
    padding-right: 1px;
}

/*rounded corners*/

.wrapperOne .top, .wrapperOneNoAuth .top
{
    background-image: url(../../images/header_top_left.gif);
    background-repeat: no-repeat;
    background-position: left top;
    font-size:7px;
    height:7px;
}
.wrapperOne .top span, .wrapperOneNoAuth .top span
{
    background-image: url(../../images/header_top_right.gif);
    background-repeat: no-repeat;
    background-position: right top;
    display: block;
}

.wrapperOne .bottom, .wrapperOneNoAuth .bottom
{
    background-image: url(../../images/header_bottom_left.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
    margin:0;
    padding:0;
    font-size:7px;
    height:7px;
}
.wrapperOne .bottom span, .wrapperOneNoAuth .bottom span
{
    background-image: url(../../images/header_bottom_right.gif);
    background-repeat: no-repeat;
    background-position: right bottom;
    display: block;
    font-size:7px;
    height:7px;
}

#Main
{
	position:relative;
	padding-top:2em;
}

#breadcrumbs
{
	margin-top:4em;
	position:relative;
}

#pageWrapper
{
	width:770px;
	margin:auto;
}

#Licensee
{float:left;}

#help
{float:right;}



#card_logos ul
{
	list-style:none;
}

#card_logos li
{
	list-style:none;
	display:inline;
}

span.red { font-size: 1.2em; font-weight: bold; color: #AB2616; text-decoration: none; }
span.cost { font-size: 1.2em; }

#rl_info li
{
	list-style:none;
}
#rl_info li
{
	font-weight:bolder;
	list-style:none;
	display:inline;
}

#l_info
{
	float:left;
	width:65%;
	padding-left:10px;
}
#l_info a
{
	font-weight:bolder;
	text-decoration:underline;
}
#l_form
{
	float:left;
	width:30%
}


.CalculationWizard
{
    margin: 0 1em;
}
.CalculationWizard table
{
    width: 100%;
}

.CalculationWizard .calcHeader
{
    border: solid 1px black;
    margin: 4px auto;
    padding: 4px 1em 0em 1em;
    width: 80%;
}
.CalculationWizard .calcHeader h2
{
    text-transform: uppercase;
    text-align: center;
    margin: 0 0 0.5em 0;
    padding: 0;
}
.CalculationWizard .calcHeader p
{
    margin-bottom: 0.5em;
}
.CalculationWizard .box
{
    cursor: default;
    padding: 1px 2px;
}
.CalculationWizard dl
{
    margin: 1em 0;
    padding: 0;
}
.CalculationWizard dt
{
    font-weight: bolder;
    text-align: center;
    position: relative;
    top: 0.75em;
    margin-bottom: -1em;
}
.CalculationWizard dd
{
    border: solid 1px black;
    margin: 0 auto;
    padding: 2em 1em 1em 1em;
    width: 80%;
}