/* CSS Document */
@media screen {
/* General display properties for the page display 
/* ID Tags: #header, #footer, #body, #navigation, #log, #nav_bar
/* Classes: .log, .icon, .action
*/
body 	{ margin:0; padding:0; background-color: #CCC; }

/* Contains the div properties */
#header { position:fixed; top:0px; height:40px; width:100%; padding-top:3px;
	background-color:#999; border-bottom:1px solid;	border-color:#000; }
#footer { position:fixed; bottom:0px; width:100%; height:20px; padding-top:3px;
	background-color:#999; border-top:1px solid; border-color:#000;
	text-align:center; }
#body 	{ position:absolute; width:80%; margin:0; top:44px; left:20%; min-height:100%; background-color: #FFF; z-index:-2000;}
#nav	{ position:fixed; width:20%; margin:0; top:44px; left:0; background-color: #CCC; z-index:-1000;}

/* Contains the information for the navigation bar properties */
#nav_bar { list-style-type:none; margin:0; padding:0; margin-top:.5in; overflow:hidden;}
#nav_bar li { margin-top:3px; }
#nav_bar li.default { display:block; width:100%; padding:10px; background-color:#FFF; color:#999; }
#nav_bar li.pressed { display:block; width:100%; padding:10px; background-color:#999; color:#FFF; }
#nav_bar li.complete { display:block; width:100%; padding:10px; background-color:#B7FFB7; color:#007500; }


/* Contains the log for the current action in the header */
#log 	{ height:20px; padding-top:8px; padding-right:8px; float:right; }

/* Contains the information for the action icon on hover */
.log 	{ height:20px; padding-top:8px; float:left; }
.icon 	{ padding-left:15px; padding-top:3px; float:left; }
.action { padding-right:15px; padding-top:15px; float:right;}


/* General display properties for any HTML tag 
/* ID Tags: NONE
*/
.padding { padding:1in 15%; }
.bold { font-weight:bold; }
.underlined { text-decoration:underline; }
.center { text-align:center; }
.right { float:right; padding-right:5px;}
.validate { height:1em; }
.hidden { display:none; }

label { display:block; width:35%; float:left; clear:both; margin-bottom:15px; }
input, select, textarea { width:60%; float:left; box-sizing: content-box; -ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; }
.note {float:left; font-size:9px;}
.radio {width:10px; float:left; }
.radio_txt {display:block; float:left; }
.radio_space {width:50px; display:block; float:left; }
#txtActionsOther,#txtCommentsOther {resize:none; height:5em; }
#txtObservations {resize:none; height:10em; }


/* Provides a loading icon */
#loading 	{ width:200px; display:block; margin:0px auto; display:none; }

#submit 	{
	color:#000;
	background-color:#999;
	border: #000 1px solid;
	text-align:center;
	width:40%;
	margin-top:25px;
	margin-left:30%;
	margin-right:30%;
	display:none;
}
}


@media only screen and (max-device-width: 480px) {
body { margin:0; padding:0; background-color: black; overflow-y: scroll; }

#header { display:none; }
#footer { position:inherit; }
#body 	{ position:inherit; width:100%; margin:0; background-color: #FFF; padding-bottom:30px; padding-top:20px; }
#nav	{ position:inherit; width:100%; margin:0; top:44px; height:25px; overflow:hidden; z-index:1000; }

/* Contains the information for the navigation bar properties */
#nav_bar { list-style-type:none; margin:0; padding:0; margin-top:0; }
#nav_bar li { margin-top:0px; width:20%; font-size:8px; text-align:center; height:16px; border-bottom:solid 1px black; }
#nav_bar li.default { display:block; width:20%; padding:8px 0 0 0; background-color:#CCC; color:#000; float:left; }
#nav_bar li.pressed { display:block; width:20%; padding:8px 0 0 0; background-color:#999; color:#FFF; float:left; }
#nav_bar li.complete { display:block; width:20%; padding:8px 0 0 0; background-color:#B7FFB7; color:#007500; float:left;; }

span#log, div.log {
	font-size:9px;	
}

label { display:block; width:100%; float:left; clear:both; margin-bottom:5px; }
input, select, textarea { 
	width:95%; padding:8px; font-family:Verdana, Geneva, sans-serif; font-size:12px;
	float:left; clear:both;
	box-sizing: content-box; }
input, select, textarea { 
	box-shadow:none; border-radius:6px; border:2px #000 solid; -webkit-appearance:none; -moz-appearance:none;  }
input, select, textarea {
	-ms-box-sizing: content-box; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; 
	-webkit-appearance:none; -moz-appearance:none; -ms-appearance:none;  }
input, select, textarea {  -moz-border-radius:6px; -moz-border:2px #000 solid; -webkit-border-radius:6px; -webkit-border:2px #000 solid; }
input:focus, select:focus, textarea:focus { background-color:#333; color:#FFF; outline-width:0; }
input:hover, select:hover, textarea:hover { background-color:#333; color:#FFF; outline-width:0; }
	
.note {float:left; font-size:9px; padding-bottom:15px; }
.padding {
	padding:10px;
	padding-top:0;
}
.no-mobile { display:none; }
.iosfix-input { -webkit-appearance:none; -moz-appearance:none; }

#submit { display:inherit; }
	
}