@charset "utf-8";
/* CSS Document */

body {

	font-family: "Times New Roman", Times, serif;
	color:#333;
	margin:0;
	padding:0;
	font-size:12px;
	background:#9bc5dd url(images/cloud.jpg) repeat-x center top;

}

#wrapper {
	width:980px;
	background-color:#f8f8f8;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-top: 20;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#header {
background-color:#FFFFFF;
width:960px;
height:80px;
margin:0 auto;
margin-bottom:5px;
border-bottom:1px solid #ccc;
border-top:1px solid #ccc;
text-align:center;
background-image: url(images/header.jpg);
	background-repeat: no-repeat;
}

#header h2 {
padding:10px;
}

#content {
width:720px;
float:left;
padding:10px;
}

#contentfull {
width:960px;
float:left;
padding:10px;
}

#sidebar {
width:220px;
float:right;
margin-bottom:25px;
}

#sidebar a {
text-decoration:none;
color:#003399;
}

#sidebar li {
list-style:none;
padding-top:5px;
}

#footer {
text-align:center;
clear:both;
width:960px;
height:60px;
border-top:1px solid #ccc;
}

#footer p {
padding:10px;
}

.tablehead
{
	font-weight:bold;
	font-size:14px;
	background-color: #FFFFCC;
}
th {
	background-color: #FFFF99;
}


input#submit {
padding: 4px 20px;
/*give the background a gradient*/
background:#ffae00; /*fallback for browsers that don't support gradients*/
background: -webkit-linear-gradient(top, #ffae00, #d67600);
background: -moz-linear-gradient(top, #ffae00, #d67600);
background: -o-linear-gradient(top, #ffae00, #d67600);
background: linear-gradient(top, #ffae00, #d67600);
border:2px outset #dad9d8;
/*style the text*/
font-family:Andika, Arial, sans-serif; /*Andkia is available at http://www.google.com/webfonts/specimen/Andika*/
font-size:1.1em;
letter-spacing:0.05em;
text-transform:uppercase;
color:#fff;
text-shadow: 0px 1px 10px #000;
/*add to small curve to the corners of the button*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
/*give the button a drop shadow*/
-webkit-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
-moz-box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
box-shadow: rgba(0, 0, 0, .55) 0 1px 6px;
}
/****NOW STYLE THE BUTTON'S HOVER STATE***/
input#submit:hover, input#submit:focus {
border:2px solid #dad9d8;
}
/***FIRST STYLE THE BUTTON***/
input#submit1{
cursor:pointer; /*forces the cursor to change to a hand when the button is hovered*/
padding:5px 25px; /*add some padding to the inside of the button*/
background:#35b128; /*the colour of the button*/
border:1px solid #33842a; /*required or the default border for the browser will appear*/
/*give the button curved corners, alter the size as required*/
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
/*give the button a drop shadow*/
-webkit-box-shadow: 0 0 4px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 4px rgba(0,0,0, .75);
box-shadow: 0 0 4px rgba(0,0,0, .75);
/*style the text*/
color:#f3f3f3;
font-size:1.1em;
}
/***NOW STYLE THE BUTTON'S HOVER AND FOCUS STATES***/
input#gobutton:hover, input#gobutton:focus{
background-color :#399630; /*make the background a little darker*/
/*reduce the drop shadow size to give a pushed button effect*/
-webkit-box-shadow: 0 0 1px rgba(0,0,0, .75);
-moz-box-shadow: 0 0 1px rgba(0,0,0, .75);
box-shadow: 0 0 1px rgba(0,0,0, .75);
}

/* TimeEntry styles */
.timeEntry_control {
	vertical-align: middle;
	margin-left: 2px;
}

input,textarea {
	text-transform:uppercase;
}