package/webif/files/www/webif.css

/* 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%;
}

#header-title {
	padding-top: 2em;
	padding-bottom: 0.2em;
}

#openwrt-title {
	position: relative;
	float: left;
	left: 1em;
	top: 0.7em;
}

#short-status {
	position: relative;
	right: 1em;
	line-height: 1.2em;
	padding-bottom:	0.2em;
}

#mainmenu,
#submenu {
	position: absolute;
	width: 100%;
	padding-top: 0.2em;
	padding-bottom:	0.2em;
}

#mainmenu
{
	top: 0;
	left: 0;
}

#mainmenu h3 {
	padding-left: 1em;
	float: left;
}

#mainmenu li {
	font-size: 0.9em;
	float: left;
	margin-left: 1.5em;
}

#submenu li {
	float: left;
	margin-left: 1em;
}


#content {
	padding-top: 2em;
	margin-left: 1em;
	padding-bottom: 6em;
}

#content .settings-block {
	margin-bottom: 1.5em;
}

#content .settings-block .settings-block-title {
	margin-bottom: 10px;
}

#content .settings-block .settings {
	clear: both;
	margin-left: 1.5em;
	padding-right: 1em;
}

#content .settings-block .settings-block-title,
#content .settings-block .settings .settings-title {
	padding: 0.2em;
}

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

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

#content .settings-block .settings .settings-help {
	padding: 0.4em;
	padding-top: 1.4em;
	margin-left: 42%;
}

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

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

#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;
}

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

th {
	text-align: left;
}

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

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

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



#openwrt-title h1 {
	font-size: 2.8em;
}


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

#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;
}


/* color */

#header-title,
#submenu,
#submenu a,
#save a,
#save .page-save
{
	color: #fff;
}

#header-title,
#save .apply div {
	background-color: #3D5C7A;
}

#mainmenu {
	color: #C3C4D2;
	background-color: #213242;
}

#mainmenu a {
	color: #C3C4D2;
}

#mainmenu a:hover {
	color: rgb(193,102,90);
}

#submenu,
#save div {
	background-color: #7590AE;
}

#content .settings-block .settings-block-title h2 {
	color: #7590AE;
}

#submenu a:hover {
	color: #FB0;
}

#content .settings-block .settings .settings-title {
	color: #000;
	background-color: #CCC;
}

#save .page-save {
	background-color: #FFF;
}