/* webconf.css - For Alpine webconf
 */

/* Default definitions */
body {
	background: url(arctic-back.png) repeat-y 20% 0;
	// background-color: #DAE0EE;
	font-family: Geneva, Arial, Helvetica, San-Serif;
	margin: 0em;
	padding: 0em;
	// padding: 1em 0em 0em 1em;
	font-size: 80%;
	}

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

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

a:link {
	}

a:visited {
	}

a:hover {
	// font-weight: bold;
	// text-decoration: underline;
	}

a:active {
	}
/*----------------------------------------------------------------------------------
 * Header
 *----------------------------------------------------------------------------------
 */
#head {
	padding: 1em 1em 1em 0em;
	background: #dde url(alpine.png) no-repeat 50% 0;
	color: #333; 
	// margin: -1em 0em 0em 0em;
	padding: 1em;
	}

#head h1 {
	font-size: 300%;
	color: #226;
	font-family: Palatino, Times-Roman, Serif;
	font-weight: bold;
	margin: 0em 0em 0em 0em;
	//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-color: #dde;
	width: 20%;
	float: left;
	margin: 2em 0em 0em 0em;
	padding: 0em -1em 0em 1em;
	}

#mainmenu p {
	background-color: #448;
	color: #fc4;
	padding:  0em 0em  0em 1em;
	font-size: 110%;
	font-weight: bold;
	// margin: 0em 0em 0em 0em;
	}

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

#mainmenu a:hover {
	display: block;
	background-color: #eec;
	}
	 
#mainmenu #selected {
	// border: 1px solid #666;
	//border-right: 1px solid #ffd;
	background-color: #ffe;
	}
	

/*----------------------------------------------------------------------------------
 * Submenu ( Horizontal Tabs)
 *----------------------------------------------------------------------------------
 */
#submenu {
	// display: none;
	width: 80%;
	// clear: both;
	display: inline;
	float: right;
	margin: 0em 0em 0em 0em;
	background-color: #dde;
	}
	
#submenu p {
	display: none;
	}

#submenu ul {
	float: left;
	list-style: none;
	display: inline;
	margin: 0 1em 0 1em;
	padding: 0 1em 0 1em;
	}

#submenu li {
	display: inline;
	background-color: #ccd;
	border: 1px solid #666;
	border-bottom: none;
	}

#submenu #selected {
	border: 1px solid #666;
	background: #ffe;
	border-bottom: none;
	// 2px solid #ffd;
	// font-weight: bold;
	}

#submenu a {
	padding: .1em .2em;
	} 

#submenu a:hover {
	display: inline;
	background: #eec;
	padding: 0em .2em;
	}

/*----------------------------------------------------------------------------------
 * Content
 *----------------------------------------------------------------------------------
 */
#content {
	float:left;
	width: 70%;
	color: #333;
	// background-color: #DAE0EE;
	background: url(arctic-upleft.png) no-repeat;
	padding: 2em 0em 3em 3em;
	}

#content h1 {
	font-size: 120%;
	// width: 100%;
	background-color: #eec;
	border-bottom: 2px solid #aa9;
	margin: 1em 0em 1em 0em;
	clear: both;
	}
 
#content h2 {
	font-size: 100%;
	// width: 100%;
	background-color: #eec;
	border-bottom: 1px solid #aa9;
	// margin: 1em 1em 0em 1em;
	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: #faa;
	color: #c00;
	}

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

#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;
	font-size: 90%;
	// font-family: courier-new, courier, sans;
	background-color: #eec;
	margin-top: -0.3em;
	}


#content input.error {
	 background-color: #faa;
	// border: 2px solid #c00;
	// margin: .5em 1em .5em 0em;
	}	

#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 #ccc;
	border-bottom: 1px dotted #ccc;
	width: 20%;
	clear: both;
	}

#content a {
	text-decoration: underline;
	color: #449;
	}
	
#content form {
	padding: 1em 0em;
	}

#content dl {
	margin: 0em;
	}

#content dd {
	color: #c00;
	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;
	}
	
	
	
/*----------------------------------------------------------------------------------
 * footer
 *----------------------------------------------------------------------------------
 */

#footer {
	float: right;
	clear: both;
	text-align: center;
	font-size: 80%;
	width: 70%;	
	color: #666;
	margin: 1em 3em 1em 2em;
	padding: 1em 0em 1em;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}