/* General
 *-------------------------------------------------------------------------------- 
 */
html {
	/*color: #000;*/
	color: #346d86;
	/*background-color: #DEDEDE;*/
	background-color: #a1a1a1;
}

body {
	font-size: 80%;
}
div, p, ul, ol, li, dl, dt, dd, table, input, select, textarea {
	font-family: Verdana, Arial, sans-serif;
}
h1, h2, h3, h4 {
	font-family: Arial, Verdana, sans-serif;
	font-size: 120%;
}
body
{
	/*width: 823px;
	width: auto;
	color: #000;
	background-color: #FFF;
	background-image: url(Images/bg_masthead.gif) ;
	background-repeat: repeat-x;
	margin: 0 auto;
	border: none;
	padding: 0;*/
	margin: 10px 0 50px 0;
	text-align: left;
}

/*a:link, a:visited, a:active {*/
	/*color:#66F;
	text-decoration: none;*/
	/*color: 			#62A5C1;
	text-decoration: 	none;
	font-weight: 		bold;
	cursor:			hand;
}*/

/*a:hover {*/
	/*color:#000;
	text-decoration: underline;*/
	/*text-decoration: 	none;
	color: 			#FFF;
}*/

/* General styles
 *-------------------------------------------------------------------------------- 
 */
#wrapper {
	padding: 1em 2em;
}
div.centered, p.centered
{
	text-align: center;
}

/* Horizontal Topnav
 *-------------------------------------------------------------------------------- 
 */

#topnav_container {
	/*margin-top: 10px;*/
}
#topnav {
}
#topnav table {
	/*width: auto;
	margin: 0 0 0 auto;*/
	color: #FFF;
}

#topnav td {
	font-weight: normal;
	/*letter-spacing: 1px;*/
	width: 20%;
	padding: 0 4px 0 4px;
	/*border-top: 1px solid #FFF;
	border-right: 0 solid #FFF;
	border-bottom: 1px solid #000;
	border-left: 0 solid #FFF;*/
}

#topnav td a:link, #topnav td a:visited, #topnav td a:active {
	/*display: block;
	font-weight: bold;
	color:#66F;
	text-decoration: none;
	padding: 2px  5px;
	text-transform: uppercase;
	text-align: center;*/
	color: 			#62A5C1;
	text-decoration: 	none;
	font-weight: 		bold;
	cursor:			hand;
}

#topnav td a:hover {
	/*display: block;
	font-weight: bold;
	color:#000;
	text-decoration: underline;
	padding: 2px  5px;
	text-transform: uppercase;
	text-align: center;*/
	text-decoration: 	none;
	color: 			#FFF;
}

#topnav .here {
	/*font-weight: bold;
	letter-spacing: 1px;*/
	/* for IE */
	/*width: 17%;
	border-color: #FFF;
	background-color: #FFF;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #000;*/
	text-decoration: 	none;
	color: 			#FFF;
}

#topnav .here a:link, #topnav .here a:visited, #topnav .here a:active {
	/*display: block;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 2px 5px;
	text-transform: uppercase;
	text-align: center;*/
	/*color: 			#62A5C1;*/
	color: 			#FFF;
	text-decoration: 	none;
	font-weight: 		bold;
	cursor:			hand;
}

#topnav .here a:hover {
	/*display: block;
	font-weight: bold;
	color: #000;
	text-decoration: none;
	letter-spacing: 1px;
	padding: 2px 5px;
	text-transform: uppercase;
	text-align: center;*/
	/*text-decoration: 	none;
	color: 			#FFF;*/
}

/* Horizontal Subnav
 *-------------------------------------------------------------------------------- 
 */
#subnav_container {
	border:none;
	margin: 0;
	padding: 0;
}
#subnav {
	margin: 0 0 0 auto;
	font-weight: bold;
	/*text-align: right;*/
}

#subnav ul {
	margin: 0;
	padding: 0;
	margin-top: 4px;
}

#subnav li {
	display: inline;
	list-style: none;
	border-bottom: 2px solid #fff;
	white-space: nowrap;
	line-height: 130%;
}

#subnav li a:link, #subnav li a:visited, #subnav li a:active {
	display: inline ;
	background-color: transparent;
	/*font-size: 88%;*/
	font-size: 80%;
	font-weight: bold;
	/*color:#66F;*/
	color: #62A5C1;
	text-decoration: none;
	padding: 5px;
}

#subnav li a:hover {
	display: inline;
	/*font-size: 88%;*/
	font-size: 80%;
	font-weight: bold;
	/*color: #000;*/
	color: #FFF;
	/*text-decoration: underline;*/
	/*padding: 7px 5px 3px 5px;*/
}
#subnav li .here {
	/*color: #000;*/
	color: #FFF;
}
#subnav li.here a:link, #subnav li.here a:visited, #subnav li.here a:active {
	display: inline ;
	background-color: transparent;
	/*font-size: 88%;*/
	font-size: 80%;
	font-weight: bold;
	/*color:#000;*/
	color: #FFF;
	text-decoration: none;
	padding: 5px;
}
#subnav li.here a:hover {
	display: inline;
	/*font-size: 88%;*/
	font-size: 80%;
	font-weight: bold;
	/*color:#000;*/
	color: #FFF;
	text-decoration: none;
	/*padding: 7px 5px 3px 5px;*/
}
#subnav li.disabled a:link, #subnav li.disabled a:visited, #subnav li.disabled a:active, #subnav li.disabled a:hover {
	display: inline ;
	background-color: transparent;
	/*font-size: 88%;*/
	font-size: 80%;
	font-weight: normal;
	color:#999;
	text-decoration: none;
	padding: 5px;
}


/* Footer
 *-------------------------------------------------------------------------------- 
 */

#footer_container {
	clear: both;
	height: 85px;
	margin: 0;
	padding: 0;
	background-color: #FFF;
	background-image: url(Images/bg_footer.gif);
	text-align: left;
}
#footer_container table {
	width: 100%;
}
#lang_container {
	text-align: center;
}
#lang_container select {
	background-color: #E2E2E2;
	border: 1px solid #66C;
}
#copyright {
	padding-top: 50px;

}
.fwv {
	padding-top: 50px;
}

/*
 * Main content of page
 *-------------------------------------------------------------------------------- 
 */

#main_content, #reboot_content, #warnings_section {
	border: none;
	margin: 0 0 0 auto;
	padding: 0;
	width: auto;
	float: none;
}

/*
 * Main page content is one or more sections, each of which can contain one or more boxes.
 * A section is a container for all the content about one high-level aspect of configuration; 
 * for example: all WAN set-up; all wireless settings.
 * A section has a title, optional introductory text, and can contain one or more boxes.
 */
.section {
	border: none;
	width: auto;
	padding: 0;
}
.section_head {
	/*padding: 0 10px 10px 10%;
	margin: 0;*/
}

/* title of a section */
.section_head h2 {
	/*left: -10%;*/
	margin-right: -10%;
	padding: 5px 0 5px 0;
	color: rgb(238,181,42);
	color: #FF9900;
	font-weight: bold;
	font-size: 190%;
	text-align: left;
	border-bottom: 2px dashed #CC6;
	position:relative;
}

.section_head h4 {
	color: #000;
}

/*
 * Optional explanatory text about the section. 
 */
.section_head p {
	margin: 6px 6px 6px 6px;
	color: #000;
	text-align: left;
}

.section_head ul {
	color: #000;
	text-align: left;
}

.section_head li {
	color: #000;
	text-align: left;
}

/*
 * A box is a container for a group of related controls; for example: all DHCP server settings.
 * A box has an optional title, optional introductory text, optional help tips, 
 * and a main "fieldset" section which contains form controls.
*/

.box {
	padding: 0 10px;
	margin: 10px 0 0 0;
}
/*
 * Clear the floating contents of <box> at bottom.
 * This is necessary to get proper bottom spacing in the presence of floats.
 * This hack forces FF to do what IE does erroneously.
 * IE does not see the hack, because it doesn't implement :after
 */
.box:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
/*
 * The title of a box 
 */ 
.box h3 {
	margin: 0;
	padding: 5px 5px 5px 10px;
	margin: 0 -10px 5px -10px;
	font-weight: bold;
	font-size: 160%;
	color:  rgb(72,186,98);
	text-align: left;
}

.box p {
	color: #000;
	text-align: left;
}


.box ul {
	color: #000;
	text-align: left;
}

.box li {
	color: #000;
	text-align: left;
}


/*
 * Container for box content (primarily controls with their labels) 
 * Form fields must be in a fieldset. A box can contain only one fieldset.
 */

fieldset {
	border: 2px dashed #cc6;
	padding: 5px;
	color: #000;
}
/*
 * Sometimes you need a field set for its other properties,
 * but you don't want it to show.
 */
fieldset.invisible {
	border: none;
	padding: 5px 0;
}
/*
 * Separate lines in a fieldset by enclosing in <p></p>
 */
.box fieldset p {
	clear: both;
	margin: 4px 0 4px 0;
}
/*
 * Clear the floating contents of <p> at bottom.
 * This is necessary to get proper bottom spacing when there are multiline floats.
 * This hack forces FF to do what IE does erroneously.
 * IE does not see the hack, because it doesn't implement :after
 */
.box fieldset p:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.box fieldset br {
	clear: both;
}
/*
 * Use the duple class on labels of simple "label : input" pairs
 */
fieldset label.duple {
	/*display: block;
	float: left;
	width: 40%;
	margin: 1px 8px 4px 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-weight: bold;*/
	display: block; 		/* Force to a block so width and word wrap work */
	float: left;		/* Keep to left of following control */
	margin: 4px 0 4px 0;
	width: 200px;
	padding: 0;
	border: 0;
	text-align: left;
	font-weight: bold;
}

fieldset label.duple2 {
	display: block; 		/* Force to a block so width and word wrap work */
	float: left;		/* Keep to left of following control */
	margin: 4px 0 4px 0;
	padding: 0;
	border: 0;
	text-align: left;
	font-weight: bold;
}

fieldset p {
	text-align: center;
}

fieldset li {
	text-align: left;
}

fieldset input, fieldset select {
	/*text-align: left;*/
	margin: 0 4px 0 0;
}
.box fieldset .output {
	position: relative;
	top: 1px;
}

/*
 * Help tips related to a box.
 *  -- not used in this style.
 */
.box_tips {
	display: none;
}
/*
 * Divider line (also called "rule") between boxes.
 *  -- not used in this style.
 */
.box_rule {
	display: none;
}

/*
 * Buttons
 */
.button_submit {
	background-color: #66F;
	border-width: 2px;
	border-style: outset;
	border-color: #CCF #33C #33C #CCF; 
	color: #FFF;
	font-weight: bold;
} 
.section_head .button_submit {
	font-size: 100%;
	padding: 5px;
	margin: 0 4px 0 0;
}
fieldset .button_submit {
	font-size: 100%;
	padding: 2px;
	margin: 0 4px 0 0;
}
input[type="button"].disabled {
	background-color: #CCC;
	color: #999;
}
/* 
 * Other miscellaneous styles
 * --------------------------------------------------------------------------------
 */
img {
	display: block;
	border: 0;
}

form {
	margin: 0 auto 0 auto;
}

dt {
	color: #000;
	font-weight: bold;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
}

dd {
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 0;
	text-align: left;
}

dd p {
	color: #000;
	margin-top: 5px;
	margin-bottom: 5px;
}

dd dl {
	color: #000;
	margin-left: 30px;
	text-align: left;
}

span.option {
	font-weight: bold;
}

span.button_ref {
	color: #111;
	background-color: #99CCEE;
	font-size: 9px;
	font-weight: bold;
	white-space: nowrap;
	line-height: 12px;
	margin: 0 2px;
	padding: 0px 4px;
}

code {
	font-family: "Letter Gothic MT", "Lucida Console", "Courier New", Courier, monospace;
	font-weight: bold;
}

div.centered, p.centered, h1.centered {
	text-align: center;
}
/* 
 * Mac IE 5 needs long form to center tables
 */
div.centered table {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

.box_msg {
	color: #13376B;
	background-color: transparent;
	font-weight: bold;
	text-align: left;
}

.box_alert {
	color: #CC0000;
	background-color: transparent;
	font-weight: bold;
}

.rule_details {
}

/*
 * Tables for data arrays
 * --------------------------------------------------------------------------------
 */
.formlisting {
	width: 100%;
	margin-top: 4px;
	color: #000;
}
.formlisting th {
	width: auto;
	padding: 4px 2px 4px 2px;
	background-color: #DEDEDE;
}
.formlisting th + th {
	border-left: 1px solid #FFF;
}
.formlisting td {
	width: auto;
	padding: 2px;
	background-color: #F0F0F0;
}
.formlisting tr.highlight td {
	background-color: #CDF;
}
.formlisting td + td {
	border-left: 1px solid #FFF;
}
.formlisting td.formlist_image {
	width: 2%;
	padding: 0;
	background-color: #FFF;
}
.formlist_image img {
	margin: auto;
}

/* 
 * Table overrides -- must follow classes to be overridden
 * --------------------------------------------------------------------------------
 */

td.centered, th.centered {
	text-align: center;
}

td.bottom, th.bottom {
	vertical-align: bottom;
}

.firmware p {
	
	color: #636466;
	font-family: Arial;
	text-align: left;
	font-size: 12px;
	margin-top: 30px;
	font-weight: bold;
	/*letter-spacing: 0.1pt ;*/
	line-height: 26px ; 
}


/* 
 * Help Section
 * -------------------------------------------------------------------------------- 
 */

.help_example dl {
	background-color: #DFDFDF;
	padding: 0 0 0 4px;
	border: gray;
	border-width: 1px;
	border-style: solid;
}

dd .help_example dl {
	margin-left: 0;
}

.help_screen_shot {
	text-align: left;
}

.help_example dl dl {
	border: 0;
}


p#gloss_index {
	text-align: left;
	margin: 10px 10%;
	font-size: 20px;
}

#gloss_index a:link, #gloss_index a:visited, #gloss_index a:active {
	color: #666666;
	background-color: transparent;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #CCCCCC;
	padding: 0px 6px;
}

#gloss_index a:hover {
	color: #666666;
	background-color: rgb(72,186,98);
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	border: 1px solid #000000;
	padding: 0px 6px;
}