/* @override 
	http://s207122144.online.de/css/timer.css
*/

body{
	font-family: 'Helvetica Neue', 'Arial', 'sans-serif';
	font-size: 125%;
}

input{
	background-color: white ;
	border-color: #777777;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	font-size: 1em;
}

fieldset{
	border: none;
}

h1 {
	font-size: 1.5em;
	margin-bottom: .7em;
	margin-top: 1em;
}

#toggle_work{
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(250,250,250,1)), to(rgba(200,200,200,1)));
}

#reset{
	display: block;
	font-size: .7em;
	margin-top: 1em;
}

a{
	color: #000000;
}

.drawers{
	width: 100%;
	display: none;
	font-size: 0.7em;
}

.drawers_content{
	padding: 10px 0px 10px 0px;
}

.drawers p{
	text-align: left;
	margin: 1em 0;
	padding: 0px 1em 0px 1em;
}

div#main_container{
	text-align: center;
	margin: 0px auto 0px auto;
}

#timer_div{
	padding: 50px 0px 0px 0px;
}

#protocol div{
	-webkit-border-radius: .5em;
	-webkit-moz-radius: .5em;
	border-style: solid ;
	border-width: 3px ;
	-webkit-box-shadow: 0 .1em .2em #444444;
	margin: 1em auto 1em auto;
	padding: 10px;
	width: 50%;
}

.pauseDiv{
	background-color: #bfffbf ;
	border-color: #7fa880 ;
}

.workDiv{
	background-color: #ffb9b6;
	border-color: #ae8785;
}

#settings input, #settings select{
	font-size: 1em;
}

#settings table{
	margin: 0 auto 0 auto;
}

#settings th, #settings td{
	padding: 2px;
}

#settings th{
	text-align: left;
}

#settings td{
	text-align: right;
}

#handles div{
	cursor: pointer;
	display: block;
	float: right;
	font-size: .7em;
	padding: 5px 5px 5px 5px;
	margin: 0px 5px 0px 0px;
	-webkit-border-bottom-left-radius: .3em;
	-webkit-border-bottom-right-radius: .3em;
}

span.small_print{
	font-size: 0.7em;
}

#progress_bar {
	border: 1px solid #444444;
	height: .5em;
	margin: 0 auto 1em auto;
	width: 200px;
}

#progress {
	background-color: #dddddd;
	height: .5em;
	margin: 0 auto;
	width: 0px;
}