/* webconf.css - For Alpine webconf
 */

/* Default definitions */
body {
	/*background: transparent;*/
	position: absolute;
	background: transparent url("/static/header_body.jpg") no-repeat 5px 5px;
	font-family: Geneva, Arial, Helvetica, San-Serif;
	margin: 0px;
	padding: 0px;
	font-size: small;
	}

p {
	margin: 0px 0px0px 0empx
	}

a {
	text-decoration: none;
	color: #333;
	}

a:link { color: #226;
	}

a:visited {	
	color: #226;
	}

a:hover {
	color: #44C;
	}

a:active {
	}

pre.code {
	border: 1px solid #666;
	background: #f8f8f8;
	padding: .5em;
}
/*----------------------------------------------------------------------------------
 * Logotypes and icons
 *----------------------------------------------------------------------------------
 */
#logo {
	/*background: transparent;*/
	z-index: 15;
	/*margin: 25px 0px 0px 194px;*/
	padding: 50px 0px 0px 0px;
	width: 680px;
	height: 40px;
	position: absolute;
	left: 200px;
	top: 25px;
	vertical-align: bottom;
	text-align: left;
	background: transparent url("/static/alpine.png") no-repeat top left;
}
#logo h2 {
	font-weight: normal;
	font-size: 10pt;
	color: #228;
	text-align: left;
	vertical-align: bottom;
	}


/*----------------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------------
 */
#head {
	background: transparent;
	text-align: right;
	vertical-align: bottom;
	z-index: 10;
	margin: 0px;
	padding: 0px;
	width: 195px;
	height: auto;
	color: #333;
	position: absolute;
	left: 0px;
	top: 160px;
	/*background: transparent url("/static/alpine_logo.png") no-repeat top left;*/
}

#head h1 {
	font-size: 259%;
	color: #33A;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}

#head h2 {
	font-size: 100%;
	font-weight: light;
	float: right;
	}

#head h3 {
	float: right;
	font-size: 90%;
	color: #222;
	}

#head p {
	margin: 0px;
	padding: 0px;
	}

/*----------------------------------------------------------------------------------
 * Left (Main) Menu
 *----------------------------------------------------------------------------------
 */
#mainmenu {
	background: #eee;
	/*display: block;*/
	width: 180px;
	float: left;
	margin: 180px 0px 0px 2px;
	padding: 5px 0px 5px 10px;
	border: 1px #57b solid;
	border-right: none;
	}

#mainmenu h3 {
	color: #448;
	padding: 10px 0px 0px 0px;
	font-weight: normal;
	font-size: 138%;
	margin: 0px 0px 2px 0px;
	}

#mainmenu ul {
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-type: none;
	}
#mainmenu li {
	background-color: inherit;
	padding: 2px 2px 2px 10px;
	}

#mainmenu a:hover {
	display: block;
	text-decoration: underline;
	}
	 
#mainmenu #selected {
	background-color: #fff;
	border: 1px #57b solid;
	border-right: none;
	font-weight: Bold;
	color: #24a;
	}
	

/*----------------------------------------------------------------------------------
 * Submenu ( Horizontal Tabs)
 *----------------------------------------------------------------------------------
 */
#submenu {
	background: transparent;
	position: fixed;
	right: 0px;
	margin: 73px 0px 0px 0px;
	width: 100%;
	}
	
#submenu p {
	display: none;
	}

#submenu h2 {
	font-weight: normal;
	font-size: 10pt;
	color: #228;
	margin: 10px 0px 0px 5px;
	}

#submenu ul {
	margin: 0px 0px 0px 0px;
	list-style: none;
	padding: 0px 20px 0px 20px;
	float: right;
	background: transparent;
	}

#submenu li {
	color: #33A;
	background: #eee;
	display: block;
	font-size: 10pt;
	float: left;
	margin: 0px;
	padding: 7px 7px;
	height: 15px;
	border: 1px #57b solid;
	}

#submenu #selected {
	background: #fff;
	display: block;
	float: left;
	font-weight: Bold;
	font-size: 10pt;
	color: #24a;
	margin: 0px;
	height: 15px;
	padding: 7px 7px;
	border: 3px #57b solid;
	border-bottom: 1px #fff solid;
	}


#submenu a {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px 0px;
	} 

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

/*----------------------------------------------------------------------------------
 * Content
 *----------------------------------------------------------------------------------
 */
#content {
	background: transparent;
	position: absolute;
	left: 5px;
	top: 105px;
	width: 900px;
	float:left;
	color: #333;
	padding: 0px 10px 0px 10px;
	margin: 75px 10px 10px 195px;
	}

#content h1 {
	font-size: 120%;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e0e0e0;
	border-bottom: 2px solid #aaa;
	}
 
#content h2 {
	font-size: 100%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e0e0e0;
	border-bottom: 1px solid #aaa;
	clear: both;
	}

#content h3 {
	font-size: 85%;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #e6e6ff;
	border-bottom: 1px solid #aaa;
	clear: both;
	}	

#content p {
	clear: both;
	}

#content p.error {
	font-size: 120%;
	font-weight: bold;
	background-color: #eee;
	color: #f44;
	}

#content p.warn {
        background-color: #cc4;
        }

#content p.ok {
	font-size: 120%;
	font-weight: bold;
        color: #090;
        }
                                                 
                                        
#content input, textarea  {
	float: left;
	background-color: #fff0f0;
	border: 1px dotted #000;
	}

#content textarea  {
	height: 300px;
	border: 1px dotted #000;
	}


#content input.error {
	background-color: #ffa;
	}	

#content input.button {
	font-family: Geneva, Arial, Helvetica, Serif;
	font-size: 100%;
	font-weight: bold;
	color: #228;
	}

#content th {
	font-weight: inherit;
	color: #228;
	background: #eef;
	}
	
#content a {
	text-decoration: underline;
	color: #449;
	}
	
#content form {
	}

#content dl {
	margin: 0px;
	}
#content dt {
	background-color: none;
	font-size: 110%;
	height: 20px;
	width: 200px;
	margin: 5px 0px 0px 0px;
	padding: 0px;
	float: left;
	border-bottom: 1px solid #ddd;
	/*border-top: 1px solid #ccc;*/
	clear: both;
	font-weight: bold;
	color: #000;
	font-size: 10pt;
	}

#content dd {
	color: #444;
	float: left;
	margin: 5px 0px 0px 5px;
	padding: 0px;
	font-weight: light;
	}
	
#content .grey {
	background-color: #eee;
	}


#content form {
	display: inline;
	}


/*----------------------------------------------------------------------------------
 * footer
 *----------------------------------------------------------------------------------
 */

#footer {
	background: #eee;
	padding: 3px 0px 5px 0px;
	margin: 20px 0px 0px -7px;
	position: relative;
	bottom: 0px;
	font-size: 10pt;
	width: 100%;
	color: #bbb;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}

#footer p{
	padding: 0px;
	margin: 0px;
	font-size: 10pt;
	color: #bbb;
	}