body { background: #fff url(../images/body_bg.jpg) repeat-x top left; color: #333; text-align:center; margin:0px; }

body, p, ol, ul, td{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size:   13px;
  line-height: 26px;
}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

a { color: #333; padding: 3px 6px; }
a:visited { color: #666; }
a:hover { color: #000; text-decoration:underline;}

form {padding: 0px; margin:0px;}
table {padding: 0px; margin:0px;}

/*-------------------------------------
	#layout
-----------------------------------------*/
#container {
	background: #fff;
	width: 750px;
	text-align:left;
	margin: 20px auto;
	border: 3px solid #CBC3BA;
	padding: 20px;
}

#navbar {
  border-bottom: 1px solid #black;
  padding: 5px;
  float: right;
}
#login_float{
	float: right;
	background-color: #ffd;
	border: 2px solid #ff6;
	margin: 15px 0px 0px 0px;
}
#login_box{
	width: 250px;
}

#intro {margin: 20px 275px 10px 20px; height: 350px; }
#intro p{ font-size:16px; line-height: 24px; padding:10px;}

#details{margin-top: 40px;}
#details h2 {margin-bottom: 0px; padding-bottom: 0px;text-transform: uppercase; color: #a9a188;}
#details p {text-size: 14px;}

#stopped{padding:10px; margin:20px 10px; border: 1px solid #a9a188; background:#F6F6F6;}
#stopped table{ width: 100%;}

#info{float: right;
	background-color: #ffd;
	border: 2px solid #ff6;
	margin: 15px 0px 0px 0px;
	width: 225px;
	}	
#info p{padding:20px;}

/*-------------------------------------
	#ui
-----------------------------------------*/
#timers{border: 1px solid #ddd; background:#fff;}
#active_timer{ margin:5px 10px; background:#fff; padding: 5px 10px;}

#active_tasks { padding: 2px; width:100%; background: #ffd; border: 2px solid #DEDDCF; }
#active_tasks img{ margin: 8px 0px 0px 0px; }

#start_timer { margin: 20px; background: #fff; }
#start_timer form { margin: 0px; padding: 0px; }
#start_timer input {border: 1px solid #7894C0; margin: 0px; padding: 3px; font-size:15px; font-family:"Times New Roman", Times, serif;}
#start_timer img {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}

.task_desc{width: 73%; border-bottom: 1px solid #ccc;}
.clock {border: 2px solid #33CC00; background-color:#3A5234; color: #fff; text-align:center; padding:3px 6px;}
.button{background: none; border: 0px solid #333; padding: 3px 0px; }
.new_task_description{font-size: 16px;}

/*-------------------------------------
	#misc
-----------------------------------------*/

.form-padding{padding: 15px; margin: 15px;}

.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#ErrorExplanation {
  width: 400px;
  border: 2px solid #red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#ErrorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
}

#ErrorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#ErrorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

.notice {font-size:14px; color: #006600; font-weight:bold; padding:10px; background: #fff; border: 2px solid #060;}