* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border:0; outline:0; vertical-align:baseline; background:transparent;}

body {background-color:#575651; color:#404040; font:0.8em/1.5 "arial", sans-serif;}

a {color:#404040;}
a:hover {color:#000;}

h1, h2, h3, h4, h5, h6, p, address, blockquote, table, dl, fieldset {margin:15px 0;}

ul, li{
	margin:5px;
}
.left{
	float:left;	
}
.right{
	float:right;	
}
#wrapper {width:960px; margin:10px auto;padding:20px; overflow:hidden;background:#fff;}
#header {position:relative; height:80px; padding:30px 20px 15px 20px;}
#logo {margin:0;}

#top-nav {position:absolute; top:30px; right:20px; margin:0;} 
#top-nav a{   
    padding: 5px;
    text-decoration:none;
    font:90%/1 "tahoma",sans-serif;
}       
        
#menu {
    position:relative; 
    width:960px; 
    height:30px; 
    background: #0395d8;
    overflow:hidden; 
    font:bold 90%/1 "tahoma",sans-serif;
}
#menu ul {
    margin:0; 
    list-style:none;
}
#menu li {
    display:inline;    	
	margin:0;
	padding:0;
	text-align:center;

}
#menu li a {
    display:block; 
    float:left; 
    padding:10px 20px 17px 18px;    
    background: #0395d8;
    text-decoration:none;
	color: #fff;
}
#menu li a:hover {
    	background: #3566a8;
}
#menu li#menu-active a {
    background: #f56038;
    }        

#footer {background: #f4f4f1;margin-top:5px; padding:10px 20px 20px 18px;}

#preview-top {width:960px; height:5px; margin-top:15px; background:url("../images/preview-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#preview-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/preview-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#preview {position:relative; padding:15px 30px 15px 20px; background:url("../images/preview.gif") 0 0 repeat-y;}

#btns {margin-top:25px; margin-bottom:0;}

#content #content-left {float:left; width:595px; padding:20px;border:1px solid #ededed; overflow: auto;}
#content #content-right {float:right; width:268px; padding:20px; border:1px solid #ededed; overflow: auto;}

#content #content-l1 {float:left; width:268px; padding:20px;border:1px solid #ededed; overflow: auto;margin-right:15px;margin-top:5px;}
#content #content-m1 {float:left; width:268px; padding:20px;border:1px solid #ededed; overflow: auto;margin-top:5px;}
#content #content-r1 {float:right; width:268px;padding:20px;border:1px solid #ededed; overflow: auto;margin-top:5px;}

#content #content-left h4, #cols2 #col-right h4 {margin:0; font-size:100%;}        
#content #content-left .title h2 {display:block;}
#content #content-left .title span {padding-left:10px;}

#content .box {margin-top:15px;}

#content #content-right h4 span {padding-right:10px;}

#content .content-right-text {float:right; width:260px;}
#content .content-right-text p {margin:0;}

#maincontent-top {width:960px; height:5px; margin-top:15px; background:url("../images/maincontent-top.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#maincontent-bottom {width:960px; height:5px; margin-bottom:15px; background:url("../images/maincontent-bottom.gif") 0 0 no-repeat; font-size:0; line-height:0; overflow:hidden;}
#maincontent {background:url("../images/maincontent.gif") 0 0 repeat-y;}

/*
    Form CSS
*/

form legend {
	color: #333;
	padding: 0 0 20px 0;
	text-transform: uppercase;
}

form {
	padding: 0 20px 20px 20px;
}

form, form input, form fieldset textarea, form label {
	font-family: Helvetica, Arial;
	font-size: 15px;
}
form p { position: relative; margin: 10px 0;}
form p label { position: absolute; top: 0; left: 0;}
form p br {display: none;}

form fieldset{
    margin: auto;
    margin-bottom:2em;
    display:block;
}
form input[type=text],form input[type=password],
form textarea {
	display: block;
	padding: 0.5em;
	width: 380px;
	margin: 0 0 1em 0;
    -moz-border-radius:1px;
    -webkit-border-radius:1px;
    
}
form input[type=text]:focus,form input[type=password]:focus,
form textarea:focus {
    border:2px solid #a6d1e2;
    
}

form label {
	width: 380px;
	display: block;
	margin: 5px 5px 5px 6px;
	padding: 0;
}

form input[type=text],form input[type=password],form textarea,
 {
	border: solid 1px #ccc;
}
form label {
	color: #777;
}
.button,form input[type=submit],form a{
	font-family: Helvetica, Arial;
	font-size: 14px;
    padding:0.2em;
    
    border:none;
    margin-right:1em;
    padding:6px;
    text-decoration:none;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background: #f56038;
    color:white;
    font-weight: bold;
    box-shadow: 0 1px 0 white;
    -moz-box-shadow: 0 1px 0 white;
    -webkit-box-shadow: 0 1px 0 white;
    
    
}
.button:hover,form input[type=submit]:hover, form a:hover{
    background: #f84413;
    cursor:  pointer;
    color: white;
}
/**
* Extra CSS
**/

.smaller {font-size:85%;}
.noscreen {display:none;}
.error {color: red;}
.error-box {
    background-color: #333333;
    color: #fff;
    font-size:1.2em;
    width:350px;
    padding:10px;    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}
.required{ color: #999; font-style: italic; font-size: small;}

.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}

/**
Table CSS
**/
#table1
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 500px;
	text-align: left;
	border-collapse: collapse;
}
#table1 th
{
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #b9c9fe;
	border-top: 4px solid #aabcfe;
	border-bottom: 1px solid #fff;
	color: #039;
}
#table1 tbody
{
	background: #e8edff;
}
#table1 td
{
	padding: 8px;
	background: #e8edff; 
	border-bottom: 1px solid #fff;
	color: #669;
	border-top: 1px solid transparent;
}
#table1 tbody tr:hover td
{
	background: #d0dafd;
	color: #339;
}