/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{    
}

a:link
{
    color: #0026FF;
    text-decoration: underline;
}
a:visited
{
    color: #505abc;
}
a:hover
{
    color: #79C498;
    text-decoration: none;
}
a:active
{
    color: #79C498;
}

/*p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}*/

p
{
	color: #000000;
    /*color: #019934;*/
}

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #019934;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    font-size: 1.3em;
}


h3
{
    font-size: 1.2em;
    color: Black;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
/*.page
{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}*/

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 32px !important;
}

/*#main
{
    padding: 30px 30px 15px 30px;
    background-color: #fff;
    margin-bottom: 30px;
    _height: 1px; /* only IE6 applies CSS properties starting with an underscrore */
/*}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}*/

/* TAB MENU   
----------------------------------------------------------*/
ul#menu
{
    /*border-bottom: 1px #0B9444 solid;*/
    padding: 0 0 2px;
    /*position: relative;*/
    margin: 0;
    text-align: left;
}

ul#menu li
{
    display: inline;
    list-style: none;
    padding-left: 0px;
    margin-left: 0px;
}

ul#menu li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}

ul#menu li a
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    background-color: #e8eef4;
    color: #0B9444;
}

ul#menu li a:hover
{
    background-color: #fff;
    text-decoration: none;
}

ul#menu li a:active
{
    background-color: #a6e2a6;
    text-decoration: none;
}

ul#menu li.selected a
{
    background-color: #fff;
    color: #000;
}

/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

/*fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}
*/

fieldset
{
    border: solid 1px #79C498;
}

fieldset label 
{
    display: block;
}

fieldset.inline label
{
    display: inline;   
}

fieldset legend
{
    color: #79C498;
}

/*
fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}


input[type="text"] 
{
    border: 1px solid #CCC;
    background-color:#FFFFFF;
}
*/
.medium-input
{
    width: 240px;
}

.large-input
{
    width: 400px;
}

.multi-line-inpu
{
    width: 500px;
    
}
/*
input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}
*/

/* TABLE
----------------------------------------------------------

table 
{
  border: solid 1px #e8eef4;
  border-collapse: collapse;
}

table td 
{
  padding: 5px;   
  border: solid 1px #e8eef4;
}

table th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #e8eef4; 
  border: solid 1px #e8eef4;   
}*/

/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}

.error
{
    color:Red;
}

#menucontainer
{
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    text-align:right;
    margin:10px;
    /*color:White;*/
}

#logindisplay a:link
{
    /*color: white;*/
    text-decoration: underline;
}

#logindisplay a:visited
{
    /*olor: white;*/
    text-decoration: underline;
}

#logindisplay a:hover
{
    /*color: white;*/
    text-decoration: none;
}

.field-validation-error
{
    color: #ff0000;
    line-height: 3;
}

.input-validation-error
{
    border: 1px solid #ff0000 !important;
    background-color: #ffeeee !important;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

/* Dynamic Data Styles */
table.listview, table.gridview, table.detailstable 
{
    border: 1px solid #0B9444; 
    border-bottom: 3px solid #0B9444;
    border-collapse: collapse;
    font-family: Tahoma, Arial, sans-serif;
    color: #666666;
    font-size: 95%; 

}

table.listview th, table.gridview th, table.detailstable th,
table.listview td, table.gridview td
{
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 10px;
    padding-right: 10px;
    line-height: 1.1em;
}

table.detailstable td
{
    line-height:3;
}

table.gridview
{
    width: 100%;
}

table.detailstable
{
    width: auto;
}

table.gridview th a:link,
table.gridview th a:visited,
table.gridview th a:hover
{
    color: #666666;
    text-decoration: none;
}

table.listview th, table.gridview th, table.detailstable tbody th
{
    background-position: 1px 1px;
    background-repeat: repeat-x;
    background-color: #ffffff;
    font-size: 100%;
    text-align: left;
    line-height: 1.3em;
    color: #666666;
    border-left: 1px solid #0B9444;
    border-right: 1px solid #0B9444;
    border-bottom: 1px solid #0B9444;
}

table.listview td, table.gridview td, table.detailstable td
{
    border-left: none 0px !important;
    border-right: none 0px !important;
    border-bottom: solid 1px #0B9444;
}

table.gridview table td
{
    padding-left: .5em;
    padding-right: .5em;
}

table.gridview td a:link,
table.gridview td a:visited,
table.listview a:link,
table.listview a:visited,
table.detailstable a:link,
table.detailstable a:visited
{
    color: #0B9444;
    text-decoration: none;
    padding-right: 6px;
}

table.gridview td a:hover,
table.detailstable a:hover
{
    color: #79C498;
    text-decoration: underline !important;
}


table.gridview th {
    background-image:url(../DynamicData/Content/Images/header_back.gif) !important;
}


td.bold {
    font-weight:bold;
}

table.detailstable td 
{
    border-left:1px solid #0B9444;
    border-right:1px solid #0B9444;
    vertical-align:top;
}

/* The following modifies the controls in the list table footer */
tr.footer td
{
    background: #8AE2AC;
    height: 1.5em;
}

tr.footer td input[type="text"], 
tr.footer td select
{
    margin: 0 0 0 0;
    line-height: normal;
}


/* Removes border and padding information that a calendar would inherit when embedded inside of a gridview table */
div.ajax__calendar_days table td, div.ajax__calendar_months table td, div.ajax__calendar_years table td 
{
    padding: 0px;
    border: none;
}

/* Ensures the calendar has a high stacking order so it appears on top of other ACT controls, like slider */
div.ajax__calendar_container 
{ 
    line-height: normal;
    position: absolute;
    z-index: 100;
}

/* Bottom hyperlink design*/
div.bottomhyperlink,
div.loginstatus
{
    font-size: 100%;
    margin-top: -3px;
}

div.bottomhyperlink a:link,
div.bottomhyperlink a:visited,
div.loginstatus a:link,
div.loginstatus a:visited
{
    color: #39A867;
    text-decoration: none;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 100%;
    margin-top: -3px;
}

div.bottomhyperlink a:hover,
div.loginstatus a:hover
{
    color: #000099;
    text-decoration: underline !important;
    font-family: Tahoma, Arial, Sans-Serif;
    font-size: 100%;
}

div.loginstatus,
div.loginstatus a:link,
div.loginstatus a:visited
{
    margin-top: 0px;
    text-decoration: underline;
}

div.bottomhyperlink img
{
    position: relative;
    top: 0em;
    padding-right: .4em;
    border: none;
}

/* Modal Container */

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

.modalContainer 
{
    background-color:White; 
    width:70%; 
    border: solid 1px black; 
    padding: 1em;
}

.success
{
    border-color: #FFD530;
    background: #F7FF91;
}

/* link list */
ul.linklist
{
    list-style: none;
}
    
ul.linklist li
{
    margin-bottom: 8px;
    /*color: #019934;*/
}

/* bolded list */
ul.boldlist li
{
	font-weight: bolder;
	/*color: #019934;*/
}