@import url('grid.css');

*{
margin:0px;
padding:0px;
font-size:0.98em
}
html{
background-color:#4F7CBD;
}
body{
background-color:#4F7CBD;
font-family:sans-serif;
font-size:0.8em;
}
a{
color:#FF9326;
}
.buttondiv {

}
.buttondiv input {

}
.messagebox{
	position:relative;
	width:100px;
	margin-right:30px;
	border:1px solid #c93;
	background:#ffc;
	padding:3px;
}
.messageboxok{
	position:relative;
	width:auto;
	margin-right:30px;
	border:1px solid #349534;
	background:#C9FFCA;
	padding:3px;
	font-weight:bold;
	color:#008000;
	
}
.messageboxerror{
	position:relative;
	width:auto;
	margin-right:30px;
	border:1px solid #CC0000;
	background:#F7CBCA;
	padding:3px;
	font-weight:bold;
	color:#CC0000;
}
h2{
letter-spacing: 0.3em;
}
div{
position:relative;
text-align:center;
}
.calendar .pHeader{
border:solid 1px;
}
#calnav{
margin: 0px auto;
position:relative;
z-index:2;
background:#333333 none repeat scroll 0 0;
border-bottom:2px solid #222222;
color:#CCC;
}
#header{
color:#CCC;
}
#headwrap{
padding-top:20px;
padding-bottom:20px;
}
#settingsbox{
display:none;
border:1px solid #fff;
background-color:#202020;
color:#fff;
margin-top:5px;
position:absolute;
box-shadow: -5px 5px 10px #111;
-moz-box-shadow: -5px 5px 10px #111;
-webkit-box-shadow: -5px 5px 10px #111;
}
#helpbox{
display:none;
border:1px solid #fff;
background-color:#202020;
color:#fff;
margin-top:5px;
position:absolute;
box-shadow: -5px 5px 10px #111;
-moz-box-shadow: -5px 5px 10px #111;
-webkit-box-shadow: -5px 5px 10px #111;
}
#calnav #logoutbox #helpbox li{
text-align:left;
margin:0px 20px;
text-indent:1em;
}
#calnav #logoutbox #helpbox h3{
padding:5px 0px;
text-decoration:underline;
}
#calnav #logoutbox #helpbox ul{
margin-bottom:5px;
}
#settings_form{
text-align:left;
line-height:18px;
font-size:1em;
width:200px;
margin:5px;
}
#settingstoggle span{
color:white;
}
#helptoggle span{
color:white;
}
#settings_form span{
height:15px;
}
#settings_form input, #settings_form select {
float:right;
clear:both;
width:100px;
height:15px;
border:0px;
}
.infobox{
margin:5px auto;
padding:20px 50px 30px;
width:500px;
text-align:left;
background-color:white;
border: medium dashed;
}
.infobox h3{
color:red;
font-size:2em;
line-height:2em;
}
.infobox input{

}
#footer{
top:15px;
padding-bottom:15px;
color:#ffffff;
}
h1{
font-size:4em;
}
#calnav div{
}
#loginbox form div{
margin:5px;
line-height:1.2em;
text-align:right;
}
#calnav #navbox{
}
#calnav #loginbox{
}
#calnav #loginbox *{
text-align:right;
}
#logoutbox {
text-align:left;
}
#calnav #logoutbox p{
text-align:right;
}
#addhours *{
position:relative;
font-size:1em;
}
#addhours li{
list-style-type:none;
}
#addhours input{
float:right;
line-height:1.6em;
margin:0px 5px;
}
#addhours label{
float:left;
clear:left;
line-height:1.6em;
margin:2px 5px;
}
#addhours{
width:138px;
height:115px;
padding:5px;
position:absolute;
top:-5000px;
background-color:#353535;
color:#6097e5;
border:1px solid #222;
z-index:2;
visibility:hidden;
}
input[type="submit"]{
top:5px;
}
input[readonly]{
color:gray;
}
.day{
margin:0px;
background:#353535;
border:#202020 1px solid;
color:#FFFFFF;
}
.day.odd{
background:#35353E;
}
.day.even{
background:#3E3535;
}
.dayHeader{
background-color:#202020;
}
.week{
border:none;
}
.calendar{
border: solid 1px;
margin:15px auto 0px;
background-color:#353535;
box-shadow: -5px 3px 10px #222;
-moz-box-shadow: -5px 3px 10px #222;
-webkit-box-shadow: -5px 3px 10px #222;
}
.pHeader{
height:20px;
background-color:#353535;
color:#FFFFFF;
}
#container{
background-color:#4F7CBD;
margin:auto;
}
#props{
color:white;
}
.inOut{
width:100%;
}
.dayrow{
height:100%;
border:none !important;
}
.dayrow.header{
color:#777777;
border:none;
}
.dayrow>div{
border:1px solid #202020;
border-top:none;
}
.dayrow.header div{
background-color:#202020;
border:#353535 1px solid
}
.dayrow div.in{
border-left:none;
}
.dayrow div.type{
border-right:none;
}
.dayrow div{
min-height:1.5em;
height:1.5em;
font-size:1em;
}
.month{
font-size:1.2em;
}
.month:hover{
cursor:pointer;
background-color:#6495ed !important;
}
.Sun>.month{
color:#BBBBBB;
}
.Sat>.month{
color:#BBBBBB;
}
.Sun.odd, .Sat.odd{
background-color:#444451;
}
.Sun.even, .Sat.even{
background-color:#514444;
}
.Sun.odd .dayHeader, .Sat.odd .dayHeader{
background-color:#1B1B25;
}
.Sun.even .dayHeader, .Sat.even .dayHeader{
background-color:#251B1B;
}
.today{
background-color:#FF9326 !important;
color: #FFFFFF !important;
}
.month:hover{
color:white !important;
}
.type:hover{
color:#66BBFF !important;
}
.HK{}
.FD{}
.hour{}
.hour.blank{}
.blank{}
.inputSubmit{}
.calc_label{
text-align:right;
font-weight:bold;
}
.calc_result{
text-align:left;
}
#calculations{
padding:5px 0px;
font-size:1.2em;
}