/* layout */

*
{
	margin: 0;
	padding: 0;
}

html, body
{
	width: inherit;
	height: 100%;
}

dd
{
	margin-left: 1em;
	margin-bottom: 0.2em;
}

ul
{
	display: inline;
	list-style-type: none;
}

ul.about
{
	list-style-type: disc;
}

li.about
{
	margin-left: 2em;
}

hr,
#submenu h3,
#short-status h3,
#content .settings-block .settings .settings-help h3
{
	display: none;
}

ul.about,
hr.separator
{
	display: block;
}

option
{
	padding-right: 1em;
}

#container
{
	position: relative;
	min-height: 100%;
}

#header
{
	position: relative;
	width: 100%;
	height: 6.2em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#short-status
{
	position: relative;
	line-height: 1.0em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	padding-right: 0.5em;
	padding-left: 0.2em;
	float: right;	
}

.openwrt-title
{
	position: relative;
	float: left;
	top: 0em;
	padding-bottom: 0.5em;
	padding-top: 0.5em;
	padding-left: 1em;
	width: 30em;
	height: 5.5em;
	background: url(/images/openwrt-logo.png) 10px 50%;
	background-repeat: no-repeat;
}

#mainmenu
{
	position: relative;
	float: left;
	width: 100%;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#submenu
{
	position: relative;
	float: left;
	width: 100%;	
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

#mainmenu h3
{
	padding-left: 1em;
	padding-right: 1em;
	display: inline;
}

#mainmenu li
{
	display: inline;
	font-size: 0.9em;
	padding: 0.5em;
	list-style-type: none;
}

#submenu li
{
	display: inline;
	position: relative;
	list-style-type: none;
	padding: 0.4em;	
}


.selected-subcat
{
	border-style: groove;
	border-width: medium;	
	border-bottom-style: hidden;
}

.unselected-subcat
{		
		
	border-style: solid;	
	border-width: thin;			
}


.selected-maincat
{
	border-color: #CCC;	
	border-style: ridge;	
	border-width: medium;	
	background-color: #224054;	
	border-bottom-style: hidden;
	border-top-style: hidden;	
}

#content
{
        padding-top: 0.5em;
        padding-bottom: 1em;
        padding-right: 1em;
        padding-left: 1em;
	clear: both;
}

#content .settings-block .settings
{
	padding-left: 1.5em;
	padding-right: 1em;
	padding-top: 0.1em;
}

#content .settings-block .settings-block-title
{
	padding-bottom: 0.5em;
	padding-top: 0.1em;
	padding-left: 0.4em;
}

#content .settings-block .settings .settings-title
{
	padding-bottom: 0.1em;
	padding-top: 0.1em;
	padding-left: 0.4em;
}

#content .settings-block .settings .settings-content
{
	padding-top: 0.1em;
	margin-left: 1em;
	position: relative;
	float: left;
	width: 58%;
	padding-bottom: 0.1em;
}

#content .settings-block .settings .settings-content select,
#content .settings-block .settings .settings-content input
{
	margin-top: 0.1em;
}

#content .settings-block .settings .settings-help
{
	padding: 0.2em;
	margin-left: 60%;
}

#content .settings-help .more-help
{
	margin-right: 10%;
	text-align: right;
}

.tip
{
	padding-top: 1.0em;
}

#save
{
	position: absolute;
	bottom: 0;
	width: 100%;	
}

/* save button */
#save .page-save div
{	
	float: right;	
	width: 15em;
	height: 1.5em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom:	0.4em;	
}

#save .apply
{
	clear: both;
	width: 100%;
	height: 5em;		
}

/* apply/clear/review area */
#save .apply div
{	
	float: right;
	width: 15em;
	height: 4em;
	padding-right: 1em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

th 
{
	text-align: left;
}

.helpform
{
	position: relative;
	float: left;
 	padding-left: 1em;
 	padding-right: 0.5em;
 	margin-right: 5em; 	
}


#content .settings-block .settings .settings-help .more-help,
#save
{
	text-align: right;
}

#short-status
{
	text-align: left;
}

.helpitem
{
	font-weight: bold;
 	font-size: 0.9em;
}

.helptext
{
 	font-size: 0.6em;
}

.kb
{
	display: inline;
	font-size: 0.8em;
}

.mount-target
{
	display: inline;	
	padding-left: 1em;
	font-weight: normal;
}

.warning
{
	display: inline;
}

.swatch
{
  	display: block;
  	float: right;
  	width: 10px;
  	height: 10px;
  	margin: 0.5em;
  	border: 2px solid #000;
  	cursor: pointer;
}

.packages
{	
	font-size: 0.8em;
	text-align: left;

}

/* font */
body
{
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 1.0em;
}

dt,
#mainmenu a:active,
#submenu a
{
	font-weight: bold;
}

#submenu
{
	font-size: 0.8em;
}

.selected-maincat
{
	font-size: 1.4em;
}

.selected-subcat
{
	font-size: 1.2em;
}


.openwrt-title h1
{
	font-size: 1.4em;
}

#short-status ul
{
	font-size: 0.58em;
}

#mainmenu h3,
#mainmenu li,
#short-status h3
{
	font-size: 0.9em;
}

#mainmenu a,
#submenu a,
#save a
{
	text-decoration: none;
}

#save a:hover
{
	text-decoration: underline;
}

#mainmenu h3
{
	text-transform: uppercase;
}

#save a
{
	font-weight: normal;
	font-size: 1.1em;
}

#categories
{
	font-size: 0.9em;
}

#subcategories
{
	font-size: 0.7em;
}

.webif-name-title
{
	font-weight: bold;
	font-size: 1.0em;
}

.webif-name-subtitle
{
	font-size: 0.8em;
}

.webif-name-version
{
	font-size: 0.8em;
}

.webif-contributors
{
	font-size: 0.7em;
}

#update-available
{
	font-size: 0.9em;
	font-style: italic;
}

#update-unavailable
{
	font-size: 0.9em;
	font-style: italic;
}

#update-error
{
	font-size: 0.9em;
	font-style: italic;
}

.mac-address
{
	font-size: 0.7em;
	display: inline;
}

.progressbar-title
{

}

.progressbar-whole
{
	border: dotted gray;
}

.progressbar-filled
{
	font-size: 0.7em;
}

.progressbar-unfilled
{
	font-size: 0.7em;
}

.mount-target
{
	font-size: 0.8em;
}

.smalltext
{
	font-size: 0.9em;
}

.tip
{
	font-style: italic;
}

.repositories
{
	font-size: 0.6em;
}


#validated-text
{
	font-weight: lighter;
	font-size: 0.7em;
}

#content .settings-block .settings-block-title h2
{
	font-size: 1.1em;
}

#content .settings-block .settings .settings-title h3
{
	font-size: 1.0em;
}