body 
{
    background-color:#4E5B74;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    margin-top:20px;
    margin-bottom:20px;
    width:760px;
    font-family:Century Gothic, Verdana, Tahoma, Arial;
    font-size:14px;
    color:#393939;
}

div.Main
{
    text-align:justify;
    background-color:White;
    min-height:500px;
}

div.Inner
{
    padding:10px;
}

div.Menu
{
    float:left;
}

div.ToDoList, div.UserDetails
{
    padding:0px;
    margin-top:5px;
    width:220px;
}

div.ToDoList table.GridView, div.UserDetails table.GridView
{
    margin-bottom:5px;
}

div.Content
{
    width:490px;
}

div.Content, div.ContentConstrainedHeight
{
    float: right;
    background-color:#E2E5E9;
    padding:10px;
}

div.ContentConstrainedHeight
{
    min-height:543px;
    max-height:543px;
    height:543px;
    width:485px;
    overflow-y:scroll;
}

div.Cleaner
{
    clear:both;
}

div.Footer
{
    color:white;
    font-size:10px;
    text-align:right;

}

div.FooterDark
{
    font-size:10px;
    text-align:center;
}

.TopMenu, .SubMenu
{
    margin-top:0px;
    margin-bottom:5px;
}

.SubMenu
{
    padding-bottom:5px;
    border-bottom:1px dotted #4E5B74;
}

div.Container
{
    margin:5px;
}

table.ControlGroup, table.GridView
{
    width:100%;
    border:1px solid #bcbcbc;
    background-color:#cdcdcd;
    margin:0px 0px 10px 0px;    
    padding:2px;
}

table.AnnualLeave
{
    border:1px solid #bcbcbc;
    background-color:#cdcdcd;
    margin:0px;    
}

table.AnnualLeave th
{
    background:#4E5B74;
    color:White;
}

table.ControlGroup td, table.GridView td
{
    padding:2px;
}

table.ControlGroup td
{
    text-align:center;
    vertical-align:top;
}

table.ControlGroup td[colspan], table.GridView td[colspan]
{
    text-align:left;
}

table.ControlGroup td input, table.ControlGroup td select, table.ControlGroup td textarea
{
    width:223px;
}

table.GridView th
{
    font-weight:bold;
    padding:5px;
}

table.GridView th, table.GridView td
{
    font-size:11px;
    text-align:center;
    padding:2px;
}

table.GridView td input[type="image"]
{
    width:14px !important;
}

input, select, textarea
{
    width:150px;
}

.RadioButtonList input
{
    width:auto !important;
}

textarea.wide
{
    width:480px !important;
    height:150px;
}

input.NarrowButton
{    
    margin:0px 5px;
}

input.NarrowButton
{
    width:95px !important;
}

select.Narrow
{
    width:125px !important;
}

input.Narrow
{
    width:120px !important;
}

input.MoreNarrow
{
    width:85px !important;
}

input.VeryNarrow
{
    width:70px !important;
}

span.NarrowCheckBox input
{
    width:20px !important;
}

.LoginBox
{
	margin: 0 auto; 
	margin-top:200px;
	text-align: left;
	width:250px;
}

.LoginBox input[type='text']
{
    margin-top:5px;
    margin-bottom:5px;
}

.LoginBox input[type='password']
{
    margin-bottom:5px;
}

h1
{
    font-size:20px;
    margin-bottom:20px;
    background-color:#cdcdcd;
    padding:0px 10px;
}

h2
{
    font-size:16px;
    margin-bottom:15px;
    background-color:#d3d3d3;
    padding:0px 10px;    
}

h3, .HeaderRow
{
    font-size:14px;
    margin-bottom:10px;
    background:#4E5B74;
    color:White;    
    padding:2px 5px;  
    margin-top:5px; 
    margin-bottom:1px;
}


h4
{
    font-size:12px;
    margin-bottom:1px;
    background-color:#ababab;
    color:#343434; 
}

h4.none
{
    background-color:transparent;
    color:#393939; 
}

h1, h2, h3, h4
{
    font-weight:normal;
    margin-top:0px; 
}

.HeaderRow:hover, .HeaderRowSelected
{
    background:#0C1D3F;
    font-size:14px;
    margin-bottom:10px;
    color:White;    
    padding:2px 5px;  
    margin-top:5px; 
    margin-bottom:1px;
}

a
{
    text-decoration:none;
    color:#343434;
    border-bottom:1px dotted #676767;
    border-top:1px dotted #676767;
}

a:hover
{
    border-bottom:1px solid #676767;
    border-top:1px solid #676767;  
}

.TopMenuItem
{
    font-size:14px;
    background-color:#bcbcbc;
    line-height:24px;
}

.TopMenuItemSelected
{
    font-size:14px;
    background:#4E5B74;
    color:White;
    line-height:24px; 
}

.AdminMenuItem
{
    font-size:12px;
    background-color:#bcbcbc;
    line-height:18px;  
}

.AdminMenuItemSelected
{
    font-size:12px;
    font-weight:normal;
    background:#4E5B74;
    color:White;
    line-height:18px;       
}

.LoginButton
{
    width:25%;
    margin-right:5px;
}

.ProjectPreview
{
    float:left;
    vertical-align:top;
    display:inline-block;
    width:170px;
    border:1px solid #4E5B74;
    padding:4px;
    margin:3px;
    text-align:left;
    font-size:smaller;
    background:#C9C9CF;
}

.PreviewHeading
{
    text-align:center;
    font-weight:bold;
    display:block;
    background:#4E5B74;
    color:White; 
}

.PreviewLine
{
    margin-top:5px;
    display:block;   
}

.PreviewLink
{
    margin-top:10px;
    font-weight:bold;
    text-align:center;
    display:block;
}

.ErrorText
{
    color:Red;
}

tr.HeaderRow th, tr.HeaderRowLeft th
{
    background:#676767;
    color:White;
}

tr.HeaderRowLeft th
{
    text-align:left !important;
}

.HeaderRow, .HeaderRowLeft
{
    border-bottom:1px dotted white;
}

tr.OddRow, .OddRow
{
    background:#bcbcbc;
}

tr.EvenRow
{
    background:#ababab;
}

table.GridView td.Top
{

}

table.GridView td.Bottom
{
    padding-top:0px;
    padding-bottom:0px;
}

.ToDoFilter input
{
    width:auto !important;
}

.ToDoFilter td
{
    padding:0px !important;
    text-align:left !important;
}

a.ToDoLink
{
    border:0px;
    color:#173348;
}

a.FilePanLink
{
    border:0px;
    font-weight:bold;
}

tr.ToDoOddRow
{
    background:#dedede;
}

tr.ToDoEvenRow
{
    background:#cdcdcd;
}

.ajax__calendar_container, .ajax__calendar_body {
    width:200px !important;
}

.ajax__calendar_today
{
    display:none;
}

h4.SubHeader
{
    font-weight:bold;
    padding:2px;
    border:1px dotted grey;
}