/* webconf.css - For Alpine webconf
 */

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

p {
	margin: 0em 0em 0em 0em;
	}

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 {
	margin: 25px 0px 0px 194px;
	padding: 0px 0px 0px 0px;
	width: 680px;
	height: 76px;
//	color: #333;
	position: absolute;
//	border: 1px #0FF solid;
	background: #fff url("/static/alpine.png") no-repeat top left;
}

/*----------------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------------
 */
#head {
//	margin: 0px 0px 0px 200px;
	margin: 0px 0px 0px 0px;
	padding: 163px 0px 0px 70px;
	width: 150px;
//	height: 10px;
	color: #333;
//	border: 1px #0FF solid;
	background: transparent url("/static/alpine_logo.png") no-repeat top left;
//	background: #cff url("/static/alpine.png") no-repeat 100px 50px;
//	background: transparent url("/static/alpine_org.png") no-repeat top left;
	// margin: -1em 0em 0em 0em;
//	padding: 1em;

//	background: #fcf;
//	height: 80px;
//	width: 200px;
//	float: left top;
	position: absolute;
	}

#head h1 {
	font-size: 259%;
	color: #33A;
	// font-family: Palatino, Times-Roman, Serif;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	//float: left;
	// width: 49%;
	}

#head h2 {
//	margin: 0em 0em 0em 0em;
	font-size: 100%;
	font-weight: light;
	float: right;
	width: 30%;
	}

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

#head p {
	// border: 1px inset #ccc;
	// border-top: 1px solid #ccc;
	// border-bottom: 1px solid #ccc;
	}

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

#mainmenu h3 {
	// background-color: #eee;
	color: #448;
	padding: 10px 0px 0px 0px;
	font-weight: normal;
	font-size: 138%;
	margin: 0em 0em .1em 0em;
	}

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

#mainmenu a:hover {
	display: block;
//	background: transparent url("/static/unselected.gif") repeat top left;
//	background-color: #f8f8f8;
//	color: #669;
	text-decoration: underline;
	}
	 
#mainmenu #selected {
	background-color: #fff;
//	border: 1px solid #666;
	border: 1px #57b solid;
	border-right: none;
	font-weight: Bold;
	color: #24a;
	}
	

/*----------------------------------------------------------------------------------
 * Submenu ( Horizontal Tabs)
 *----------------------------------------------------------------------------------
 */
#submenu {
//	width: 75%;
	margin: 73px 10px 0px 195px;
//	height: 60px;
//	font-weight: Bold;
	//background: transparent url(/static/greypx.gif) repeat-x center left;
//	background: #ff0;
//	float: right;
	position: absolute;
	//border: 1px #f00 solid;
	}
	
#submenu p {
	display: none;
	}

#submenu h2 {
	font-weight: normal;
	font-size: 10pt;
	color: #228;
	float: left;
	margin: 10px 0px 0px 5px;
//	margin-top: .2em;
	}

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

#submenu li {
	// display: block;
	// float: left;
	// border: 1px solid #666;
	// padding: .5em 1em .6em 1em;
	// margin: 0em .5em 0em .5em;
	// border-bottom: none;
	color: #33A;
//	background: transparent url("/static/unselected.gif") repeat-x top left;
	background: #eee;
	display: block;
	font-size: 10pt;
	float: left;
	margin: 0px;
	padding: 7px 7px;
	height: 15px;
	border: 1px #57b solid;
//	border-bottom: 1px #fff solid;
	}

#submenu #selected {
	// background: #fff url("/static/selected.gif") repeat-x top left;
	background: #fff;
	display: block;
	float: left;
	font-weight: Bold;
	font-size: 10pt;
	color: #24a;
	margin: 0px;
	height: 15px;
	padding: 7px 7px;
//	border: 1px solid #ccc;
	border: 3px #57b solid;
	border-bottom: 1px #fff solid;
	}


#submenu a {
	display: block;
	float: left;
	margin: 0em;
	padding: 0px 0px;
//	border: 1px solid #ccc;
	
//	border: 1px #57b solid;
//	border-bottom: none;
	// background: #eee;
	} 

#submenu a:hover {
	// color: #226;
//	background: #eee;
	text-decoration: underline;
	}

/*----------------------------------------------------------------------------------
 * Content
 *----------------------------------------------------------------------------------
 */
#content {
	margin: 180px 10px 0px 195px;
//	display: block;
//	display: inline;
	float:left;
//	width: 800px;
	color: #333;
	padding: 0px 0px 0px 10px;
	position: absolute;
	// border-left: #ccc 1px solid;
//	background: #fcc;
//	border: 1px #0F0 solid;
	}

#content h1 {
	font-size: 120%;
	text-align: left;
//	width: 400px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 100%;
	background-color: #eee;
	border-bottom: 2px solid #aaa;
//	margin: 10px 0px 0px 0px;
//	clear: both;
//	display: block;
//	float: right;
	}
 
#content h2 {
	font-size: 100%;
	// width: 100%;
	background-color: #eee;
	border-bottom: 1px solid #aaa;
	// margin: 1em 1em 0em 1em;
	clear: both;
	}	

#content h3 {
	font-size: 100%;
	// width: 100%;
	background-color: #fff;
	border-bottom: 0px solid #eee;
	margin: 0em 0em 0em 0em;
	clear: both;
	}	

#content p {
	// margin: 1em 1em 0em 1em;
	clear: both;
//	padding: .5em 0em .5em 0em;
	}

#content p.error {
	// border: 2px solid #c00;
	// margin: 1em 2em;
	// padding: 1em 0em;
	font-size: 120%;
	font-weight: bold;
	background-color: #eee;
	color: #f44;
	}

#content p.warn {
        // border: 2px solid #cc0;
        // margin: 1em 2em;
        // padding: 1em;
        background-color: #cc4;
        }

#content p.ok {
	font-size: 120%;
	font-weight: bold;
	// border: 2px solid #0c0;
        // margin: 1em 2em;
        // padding: 1em 0em;
        color: #090;
        }
                                                 
                                        
#content input, textarea  {
	float: left;
	width: 600px;
	background-color: #fff0f0;
	border: 1px dotted #000;
//	margin-top: 0px;
	}

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


#content input.error {
	/* yellow snow - bad */
	background-color: #ffa;
	}	

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

#content dt {
	font-size: 110%;
	// font-weight: bold;
	color: #228;
	margin: .7em 1em .5em 0em;
	float: left;
	border-top: 1px dotted #ccf;
	border-bottom: 1px dotted #ccf;
	// background-color: #eef;
	width: 150px;
	clear: both;
	}

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

#content dl {
	margin: 0em;
	}

#content dd {
	color: #444;
	float: left;
	margin: 1em 0em .5em 0em;
	// font-size: 90%;
	font-weight: light;
        // margin: .5em 1em .5em 0em;
        // border-top: 1px dotted #ccc;
        // border-bottom: 1px dotted #ccc;
	}
	
#content .grey {
	background-color: #eee;
	}


#content form {
	display: inline;
	}


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

#footer {
	margin: 50px 0px 20px 0px;
	float: right;
//	position: relative;
//	clear: both;
	text-align: center;
	vertical-align: middle;
	font-size: 10pt;
	width: 100%;	
	color: #bbb;
//	margin: 0 0 0 0;
	padding: 0 0 0 0;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
//	background: #ccf;
	}