body
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    margin: 0px 0px 0px 0px;
    background: url("../../Images/bkg.jpg") repeat-x;
}

h1
{
    color: #4B6722;
    font-family: "Verdana" , "Tahoma" , Arial;
    font-size: 16px;
}

h2
{
    color: #4B6722;
    font-family: "Verdana" , "Tahoma" , Arial;
    font-size: 15px;
}

table.Header
{
    border-bottom: 2px solid #555;
    border-left: 1px solid #555;
    border-right: 2px solid #555;
    border-top: 1px solid #555;
    background-color: White;
    width: 99%;
    margin: 5px;
}

table.ContentTable
{
   border-bottom: 2px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 2px solid #ccc;
   border-top: 1px solid #ccc;
   width:100%;
   position:relative;
   font-family:Verdana;
   padding: 2px 2px 0px 2px;
   background-color: #eee;
}

table.ActionPageContentTable
{
   border-bottom: 2px solid #ccc;
   border-left: 1px solid #ccc;
   border-right: 2px solid #ccc;
   border-top: 1px solid #ccc;
   width:100%;
   position:relative;
   font-family:Verdana;
   padding: 0px 2px 0px 2px;
   background-color: #eee;
}

table.ActionPageContentTable td
{
   padding: 4px 2px 3px 2px;
}

table.SearchTable
{
   border-bottom: 2px solid #555;
   border-left: 1px solid #555;
   border-right: 2px solid #555;
   border-top: 1px solid #555;
   display:block;
   width:100%;
   font-family:Verdana;
   background-color: #ddd;
}

table.SearchTable td
{
    white-space: nowrap;
}

table.ButtonsTable
{
   border-bottom: 2px solid #555;
   border-left: 1px solid #555;
   border-right: 2px solid #555;
   border-top: 1px solid #555;
   width:100%;
   margin: 10, 0, 0, 50;
   position:relative;
   top:-2px;
   font-family:Verdana;
   background-color: #eee;
}

table.ButtonsTable td
{
    white-space: nowrap;
}

table.ButtonsTable input
{
    margin-left: 2px;
    margin-right: 2px;
}

table.Calendar
{
    border: 1px solid gray;
}

table.UpdatedByCreatedByTable
{
    border: 1px solid #00004A;
    background-color: #ddd;
    font-family:Verdana;
    width:100%;
    font-size:11px;
    font-weight:bold;
}

table.UpdatedByCreatedByTable td
{
    padding: 2px 2px 2px 2px;
    white-space: nowrap;
}

table.Filter
{
    background-color: #E9EAC0;
}

table.MainGrid
{
    border-top: 2px solid #bbb;
    border-right: 2px solid #bbb;
    border-left: 2px solid #bbb;
    border-bottom: 5px solid #4B6722;
}

table.MainGrid a
{
    color: #000080;
    font-size: 10px;
}

table.MainGrid td
{
    border:1px solid #bbb;
    padding:3px;
}

table.MainGrid tr
{
    padding:10px;
}

table.MainGrid td a:hover 
{
    color: White;
    background-color: #4B6722;
    padding: 3px 0px 3px 0px;
}

table.MainGrid th
{
    color: White;
    border:1px solid #fff;
    background-color:#4B6722;
    font-size: 10px;
    text-align: center;
    height: 18px;
}

table.MainGrid th a
{
    color:White;
    display:block;
    padding: 3px 0px 3px 0px;
}

table.MainGrid th a:hover
{
    color: #4B6722;
    background-color: White;
    padding: 3px 0px 3px 0px;
}

td.ButtonsRightCell
{
    border-left: 1px solid #59657F;
}

td.HeaderLogin
{
    padding-right: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    color: #555;
    white-space: nowrap;
}

td.NoWrap
{
    white-space: nowrap;
}

td.HeaderLogin a
{
    padding:3px;
    font-size: 11px;
    font-weight:bold;
    text-decoration:none;
    font-family: Verdana, Arial, Sans-Serif;
    color: #fff;
    background-color : #4B6722;
    border: 1px solid #ccc;
}

td.MainHeader
{
    padding-left: 10px;
    font-weight: bold;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 18px;
    color: #555;
    white-space:nowrap;
}

.MainHeaderLabel
{
    font-size: 14px;
    font-weight: bold;
    color: #4B6722;
}

.GridHeaderLabel
{
    font-size: 13px;
    font-weight: bold;
    color: #59657F;
}

td.BottomBorder
{
    height: 30px;
    vertical-align: bottom;
    border-bottom: 1px solid #666;
    font-weight:bold;
    font-size: 11px;
    color: #333;
}

td.FormHeader
{
    height: 30px;
    vertical-align: bottom;
    font-weight:bold;
    font-size: 11px;
    color: #333;
}

td.FirstBottomBorder
{
    border-bottom: 1px solid #666;
    font-weight:bold;
    font-size: 11px;
    color: #333;
}

td.ButtonBottom
{
    background-color : #332F86;
}

td.Menu
{
    vertical-align: top;
}

a
{
    color: #4B6722;
}

a.Textlink
{
    font-weight:bold;
    color: #000080;
}

a.ClientLink
{
    font-weight:bold;
    font-style:italic;
    color: #00004A;
}

.UserMessage
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    font-weight: bold;
    color: #980808;
}

input.RightAlignTextbox
{
    text-align: right;
}

input.ReadOnlyTextbox
{
    background-color:#ddd;
}

.AlternatingRowStyle
{
    background-color:red;
}

.ValidationSummary
{
    font-family: Verdana, Sans-Serif;
    font-size: 11px;
    width: 100%;
    font-weight: bold;
    color: #980808;
}

.Validator
{
    font-family: Verdana, Sans-Serif;
    font-size: 13px;
    font-weight: bold;
    color: Red;
}

.InlineValidator
{
    font-family: Verdana, Sans-Serif;
    font-size: 10px;
    font-weight: bold;
    color: #980808;
}

.MainMenuStyle  
{ 
    width: 110px;
	border: 1px;
	height: 50px;
	font-family:Verdana;
    font-size:11px;
    font-weight:bold;
    border: 2px solid #555;
}

.MainStaticMenuItemStyle td { text-align:left; border: 3px solid #eee; background-color: #BFB8AA; }
.MainStaticMenuItemStyle a:link, .MainStaticMenuItemStyle a:visited { color: #444; display:block; background-color: #BFB8AA; padding: 3px; }
.MainStaticMenuItemStyle a { color: #444; display:block; background-color: #8AC279; padding: 3px; }

.MainStaticHoverStyle td { text-align:left; border: 0px solid #eee; background-color: #4B6722; }
.MainStaticHoverStyle a:link, .MainStaticHoverStyle a:visited { color: White; display:block; background-color: #4B6722; padding: 6px; }

.MainDynamicMenuItemStyle { font-family: Verdana; font-size: 11px; font-weight: bold; }
.MainDynamicMenuItemStyle td { text-align:left; border: 3px solid #eee; background-color: #BFB8AA; }
.MainDynamicMenuItemStyle a:link, .MainDynamicMenuItemStyle a:visited {	color: #444; display:block; padding: 3px; }

.MainDynamicHoverStyle td { border-style:none; background-color: #BFB8AA;}
.MainDynamicHoverStyle a:link, .MainDynamicHoverStyle a:visited { color: White; background-color: #4B6722; padding: 6px; }

.CalendarButton
{
    background-image: url(../../Images/CalendarPop.GIF); 
    background-color: transparent; 
    background-repeat: no-repeat;  
    background-position: 0px 0px;  
    border: none;           
    cursor: pointer;        
    height: 17px;
    width: 25px;
}

.PopupCalendar .ajax__calendar_container {z-index: 1001;border:1px solid #646464;padding:4px;position:absolute;background-color:#C6E9F2;cursor:default;width:170px;font-size:11px;text-align:center;font-family:arial,verdana,helvetica;}
.PopupCalendar .ajax__calendar_body {height:130px;width:170px;position:relative;overflow:hidden;margin:auto;}
.PopupCalendar .ajax__calendar_days, .ajax__calendar_months, .ajax__calendar_years {top:0px;left:0px;height:139px;width:170px;position:absolute;text-align:center;margin:auto;}
.PopupCalendar .ajax__calendar_container table {font-size:11px; padding:0px;}
.PopupCalendar .ajax__calendar_container td {font-size:11px; padding:0px;}
.PopupCalendar .ajax__calendar_header {height:20px;width:100%;}
.PopupCalendar .ajax__calendar_prev {cursor:pointer;width:15px;height:15px;float:left;background-repeat:no-repeat;background-position:50% 50%;}
.PopupCalendar .ajax__calendar_next {cursor:pointer;width:15px;height:15px;float:right;background-repeat:no-repeat;background-position:50% 50%;}
.PopupCalendar .ajax__calendar_title {cursor:pointer;font-weight:bold;}
.PopupCalendar .ajax__calendar_footer {height:15px;}
.PopupCalendar .ajax__calendar_today {cursor:pointer;padding-top:3px;background-color:White;border:1px solid #646464;}
.PopupCalendar .ajax__calendar_dayname {border:1px solid #66CCFF;height:17px;width:17px;background-color:#66CCFF;color:#FFF;}
.PopupCalendar .ajax__calendar_day {height:17px;width:18px;text-align:right;padding:0 2px;cursor:pointer;}
.PopupCalendar .ajax__calendar_month {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}
.PopupCalendar .ajax__calendar_year {height:44px;width:40px;text-align:center;cursor:pointer;overflow:hidden;}

.PopupCalendar .ajax__calendar_active .ajax__calendar_day {background-color:#FF9966;color:#FFF;}
.PopupCalendar .ajax__calendar_active .ajax__calendar_month {background-color:#FF9966;border:1px solid #000;color:#FFF;}
.PopupCalendar .ajax__calendar_active .ajax__calendar_year {background-color:#FF9966;border:1px solid #000;color:#FFF;}

.PopupCalendar .ajax__calendar_other .ajax__calendar_day {background-color:#F0F8FF;border:1px;border-color:#fff;color:#CCC;}
.PopupCalendar .ajax__calendar_other .ajax__calendar_year {background-color:#F0F8FF;border-color:#fff;color:#CCC;}

.PopupCalendar .ajax__calendar_hover .ajax__calendar_day {background-color:#FF9966;border-color:#000;text-decoration:underline;color:#FFF;}
.PopupCalendar .ajax__calendar_hover .ajax__calendar_month {background-color:#FF9966;border-color:#000;color:#FFF;}
.PopupCalendar .ajax__calendar_hover .ajax__calendar_year {background-color:#FF9966;border-color:#000;color:#FFF;}

.PopupCalendar .ajax__calendar_hover .ajax__calendar_title {text-decoration:underline;}
.PopupCalendar .ajax__calendar_hover .ajax__calendar_today {text-decoration:underline;}

textarea 
{
    font-size:13px;
    font-family: Sans-Serif;
}

.UpdatedByCreatedByLabel
{
    font-weight:normal;
}

.IE8Fix
{
    z-index: 1000;
}

ul.Tabs
{
    list-style-type: none;
    font-family: Verdana;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

ul.Tabs li
{
    float: left;
}

ul.Tabs a
{
    background: url("../../Images/tab_left1.jpg") left center no-repeat;
    text-decoration: none;
    padding-left: 7px;
    padding-top: 5px;
    padding-bottom: 5px;
}

ul.Tabs a span
{
    color: #fff;
    background: url("../../Images/tab_right.jpg") right center no-repeat;
    padding-right: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
} 

ul.Tabs a:hover
{
    background: url("../../Images/tab_selected_left.jpg") left center no-repeat;
    text-decoration: none;
    padding-left: 7px 
}

ul.Tabs a:hover span
{
    color: #4B6722;
    background: url("../../Images/tab_right_selected.jpg") right center no-repeat;
    padding-right: 10px
}

ul.Tabs a.selected
{
    color: #888;
    background: url("../../Images/tab_selected_left.jpg") left center no-repeat;
    text-decoration: none;
    padding-left: 7px;
    cursor:default;
}

ul.Tabs a.selected span
{
    color: #888;
    background: url("../../Images/tab_right_selected.jpg") right center no-repeat;
    padding-right: 10px
} 

ul.Tabs a.selected:hover
{
    color: #888;
    background: url("../../Images/tab_selected_left.jpg") left center no-repeat;
    text-decoration: none;
    padding-left: 7px 
}

ul.Tabs a.selected:hover span
{
    color: #888;
    background: url("../../Images/tab_right_selected.jpg") right center no-repeat;
    padding-right: 10px
}

ul.Tabs a.selectedActive
{
    color: #888;
    background: url("../../Images/tab_selected_left.jpg") left center no-repeat;
    padding-left: 7px;
    text-decoration: underline;
}

ul.Tabs a.selectedActive span
{
    color: #888;
    background: url("../../Images/tab_right_selected.jpg") right center no-repeat;
    padding-right: 10px
} 

ul.Tabs a.selectedActive:hover 
{
    color: #4B6722;
}

ul.Tabs a.selectedActive:hover span
{
    color: #4B6722;
}

@media print 
{
    .MainMenuStyle 
    {
        display: none;
    } 
   
    table.ButtonsTable
    {
        display: none;
    }
    
    span.HeaderLogin
    {
           display: none;
    }
    
    ul.Tabs
    {
           display: none;
    }
 
    td.Menu
    {
        width:0px;
    }
}

@media screen and (max-width : 360px){
 .logo {
    width: 50%;
}
}