* {
	margin: 0;
	padding: 0;
}

body {
background: #F58220;
font-family: "Trebuchet MS" Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
line-height: 17px;
color: #333;
}

a {
text-decoration: none;
color: #F58220;
}
a:hover {
text-decoration: underline;
color: #111;
}

#wrap {
margin: 0 auto;
width: 780px;
background: #fff;
}

#header {
height: 90px;
}
#header h1 { 
font-size: 28px;
letter-spacing: -1px;
padding: 23px 0 0 0px;
color: #F58220;
}
#header h1 a { 
color: #F58220;
text-decoration: none;
font-weight: 100;
letter-spacing: -2px;
}
#header h1 a:hover {
color: #111;
}
#header h2 {
font-size: 19px;
color: #111;
padding: 5px 0 0 20px;
letter-spacing: -1px;
font-weight: 100;
}

#menu {
height: 30px;
line-height: 30px;
background: #000;
}
#menu ul {
list-style-type: none;
padding-left: 20px;
}
#menu ul li {
display: block;
float: left;
}
#menu ul li a {
padding: 0 20px 0 0;
text-decoration: none;
font-weight: 100;
font-size: 14px;
color: #ccc;
}
#menu ul li a:hover {
color: #fff;
text-decoration: none;
}

#content {
padding: 0 20px 20px 20px;
}


.login {
float:left;
width:740px;
text-align:justify;
}

.left {
float: left;
width: 520px;
text-align: justify;
height:auto;
}
.left h2 {
font-size: 18px;
font-weight: 100;
padding: 15px 0 7px 0;
}
.left h2 a {
text-decoration: none;
color: #4174B4;
}
.left h2 a:hover {
color: #111;
}

.right {
float: right;
width: 200px;
margin-top: 10px;
background: #657983;
}
.right h2 {
margin: 10px 0 0 0;
padding-left: 10px;
height: 28px;
line-height: 28px;
color: #fff;
font-size: 13px;
background: #3A454C;
}
.right ul {
padding: 10px 0 15px 20px;
list-style-type: square;
}
.right ul li a {
color: #fff;
text-decoration: none;
font-size: 13px;
font-weight: 100;
}
.right ul li a:hover {
color: #fff;
font-weight: 600;
}

dl {
font:normal 12px/15px Arial;
position: relative;
width: 350px;
}

dl.admin {
font:normal 12px/15px Arial;
position: relative;
width: 550px;
}

dt {
clear: both;
float:left;
width: 130px;
padding: 4px 0 2px 0;
text-align: left;
}
dd {
float: left;
width: 200px;
margin: 0 0 8px 0;
padding-left: 6px;
}

.hint {
display: none;
position: absolute;
right: -180px;
width: 200px;
margin-top: -4px;
border: 1px solid #c93;
padding: 10px 12px;
background: #ffc url(pointer.gif) no-repeat -10px 5px;
}

.hint .hint-pointer {
position: absolute;
left: -10px;
top: 5px;
width: 10px;
height: 19px;
background: url(pointer.gif) left top no-repeat;
}

html, body {
height:100%;
}

#blackout {
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
z-index: 9;
}

#divpopup{
position: fixed;
top: 50%;
left: 50%;
margin-top: -81px; /*half of the height plus a little to the top*/
margin-left: -150px; /*half of the width */
visibility: hidden;
display: none;
border: 1px solid #000;
background-color: #FFF;
color: #333;
padding: 0;
height: 150px;
width: 300px;
z-index: 10;
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#divpop_head{
position:absolute;
top:0;
left:0;
width:100%;
background-color: #999999;
text-align:center;
padding:2px 0;
z-index:-1;
}

#close_pop{
float:right;
text-align:right;
cursor:pointer;
padding-right:10px;
}

#close_pop a{
text-decoration:none;
color: #333;
}

#close_pop a:hover{
color:#FF0000;
}

#pop_content{
clear:both;
padding: 10px;
}




#eblackout {
visibility: hidden;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
display: none;
background-color: #000;
filter: alpha(opacity=80);
-moz-opacity: .8;
opacity: .8;
z-index: 9;
}

#edivpopup{
position: fixed;
top: 50%;
left: 50%;
margin-top: -81px; /*half of the height plus a little to the top*/
margin-left: -150px; /*half of the width */
visibility: hidden;
display: none;
border: 1px solid #000;
background-color: #FFF;
color: #333;
padding: 0;
height: 150px;
width: 300px;
z-index: 10;
font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}
#edivpop_head{
position:absolute;
top:0;
left:0;
width:100%;
background-color: #999999;
text-align:center;
padding:2px 0;
z-index:-1;
}

#eclose_pop{
float:right;
text-align:right;
cursor:pointer;
padding-right:10px;
}

#eclose_pop a{
text-decoration:none;
color: #333;
}

#eclose_pop a:hover{
color:#FF0000;
}

#epop_content{
clear:both;
padding: 10px;
}




.style5 {font-size: 14px}
.style1 {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 14px;
}
.style2 {color: #990000}
.style4 {font-size: 12px}

#footer {
height: 30px;
line-height: 30px;
background: #657983;
text-align: center;
font-size: 11px;
color: #fff;
}
#footer a { color: #fff; }
