#header {
	border-bottom: #8C8484 1px solid;
	background-color: white;
}

#top-nav {
	border-bottom: #8C8484 1px solid;
	background-color: white;
}

#top-nav li {
	margin:0;
	padding:0;
	list-style-type:none;
	display:inline-block;
	font-size: large;
}

.title {
    font-weight: bold;
}

.subtitle{
    font-size: large;
    color: #cccccc; 
    margin-top: 0px;
}

.title_logo {
	display: block;
	float: left;
}

#main {
	background-color: white;
}



#content {
	background-color: white;
	margin: 5px 0;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
	font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
}



#footer {
	clear: both;
	padding: 1em;
	font-size:x-small;
	background-color: white;
	border-top: #8C8484 1px solid;
}

.clear_floats {
	clear:both;
}

.input {
	border: 1px solid #006;
	background: #ffc;
}

.input:hover {
	border: 1px solid #f00;
	background: #ff6;
}

.button {
     border: 1px solid #f00;
     background: #ccf;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
     
}

.button:hover {
     border: 1px solid #0f0;
     background: #eef;
}
 

.bigtext {
	font-size: xx-large;
}

.start_section{
	margin-top: 0px;
}

.spacer {
	height: 5px;
}

.required label {
    font-weight: bold;
}

.error label {
    color: red;
}

.reqfile_content table {
	width: 100%;
}

.reqfile_content td, .reqfile_content tr {
	margin: 0;
}

 .reqfile_content ul {
 	margin-top: 0;
 	margin-bottom: 0;
 }

.reqfile_content td.line_content {
	font-family: monospace;
	background-color: lightgrey;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 5px;
	padding-bottom: 5px;
	margin-top: 0;
	margin-bottom: 0;
}

.no_upgrade {
	background-color: lightgreen;
}

.in_spec {
	background-color: #FDFD7B;
}

.outside_spec {
	background-color: red;
}



@media handheld, only screen and (max-width: 540px), only screen and (max-device-width: 540px), print {
    /* small size only, and print and handheld */
    
    html, body {

		background: #fff;
		padding: 1px;
		color: #000;
	}
    
    img { 
		max-width: 90%;
	}
	
	a:link, a:visited {
	    text-decoration: underline;
	    color: #0000CC;
    }
    
	a:hover, a:active {
		text-decoration: underline;
		color: #660066;
	}
	
	#header{
		padding: 0;
		text-align: center;
		width: 100%;
	}
	
	.title_logo {
		margin-right: 5px;
		padding-top: 0px;
	}
	
	.title {
	    font-size: x-large;
	    font-weight: bold;
	}
	
	.subtitle {
	    display: none;
	}
	
	#top-nav li {
		padding-right: 0.5em;
	}
	
	#main {
		width: 100%;
	}
	
	#content {
		width: 100%;
	}
	
}

@media (min-width: 540px) and (max-width: 789px) {
	/*mid-size only */
	
}

@media (min-width: 540px) {
	/*From mid-size up to huge */
	
	#header {
		padding-left:10em;
	}
	
	.title {
	    font-size: xx-large;
	    margin-bottom: 2px;
	}
	
	.title_logo {
		margin-right: 10px;
		padding-top: 5px;
	}
	
	#top-nav {
		padding-left:10em;
	}
	
	#top-nav li {
		padding-right: 2em;
	}
	
	#content {
		width: 100%;
	}
	
	label {
		display: block;
		width: 150px;
		float: left;
		margin: 2px 4px 6px 4px;
		text-align: right;
	}
}

@media (min-width: 789px) {
	/*From large size */
	
	#main {
		margin: 0 auto;
	
		/*width: 780px;*/
	}
	
}

@media print {
	
	.subtitle {
	    display: inline;
	}
}