*{
margin:0;
padding:0;
}
a{
color:#3C6E96;
text-decoration:underline;
}
a:visited,a:active{
color:#3C6E96;
}
a:hover{
color:#B54649;
text-decoration:underline;
}
body{
color:#333333;
font:72% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
p,h1,h2,h3,h4,li,th,td{
color:#333333;
font:100%/170% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
h1{
color:#4581B3;
font:bold 180%/160% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
letter-spacing:-1px;
padding-bottom:1em;
}
h2{
color:#8B0000;
font:140%/160% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding-top:1em;
padding-bottom:1em;
}
h3{
color:#3C6E96;
font:120%/160% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding-bottom:1em;
}
p{
padding-bottom:1em;
}
strong,b{
font-weight:bold;
}
.container{
clear:both;
width:100%;
}
.header{
background:#4581B3;
height:58px;
}
#header{
margin:0 auto;
width:900px;
}
#header li{
display:inline;
}
#header li a{
color:#FFFFFF;
margin:0px 10px;
text-decoration:none;
}
#header li a:hover{
border-bottom:5px solid #FFFFFF;
}
#header li a.current{
border-bottom:5px solid #FFFFFF;
}
#header ul{
list-style-type:none;
padding:0;
}
#content{
margin:0 auto;
padding:30px 0;
text-align:left;
width:900px;
}
#content-left{
float:left;
width:580px;
}
#content-right{
float:right;
width:280px;
}
.box{
border-top:1px solid #4581B3;
border-bottom:1px solid #4581B3;
background:#F3F3F3;
width:560px;
padding:10px;
margin:12px 0 20px 0;
}
.col{
float:left;
padding-top:20px;
width:250px;
}
.footer{
border-top:1px solid #cccccc;
padding:10px 0;
}
#footer{
margin:0 auto;
width:900px;
}
.nav-main{
background:url(../_images/bg-nav-main.png) repeat-x bottom;
border-top:1px solid #999999;
border-bottom:1px solid #999999;
height:36px;
}
hr{
border:1px dotted #999999;
}
img{
border:0px;
}
form fieldset{
background:#eeeeee;
border-color:#CCCCCC;
border-style:solid;
border-width:1px;
margin:0 0 20px 0;
padding:10px;
}
form input[type="text"],
form input[type="password"],
form textarea,
form select{
border-style:solid;
border-color:#CCCCCC;
border-width:1px;
padding-bottom:2px;
}
form legend{
color:#4682B4;
font:100% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
margin:0 5px;
}
table{
border:0;
width:100%;
}
tr{
background:#EEEEEE;
border:0px;
width:100%;
}
th{
background:#4581B3;
border:0px;
color:#FFFFFF;
font:bold 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
line-height:18px;
padding:2px;
}
td{
border:0px;
font:12px/20px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
line-height:18px;
padding:2px;
}
.td{
background:#E7E7E7;
font:12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding:5px;
text-align:left;
}
.th{
background:url(../_images/th-bg.gif) repeat-x bottom;
color:#333333;
font:bold 12px "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
padding:5px;
text-align:left;
}
.clear{
clear:both;
height:0px;
}
ul,.u-lists{
list-style:url(../_images/arrow-list.png);
padding:0 0 16px 30px;
font:100%/160% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
.u-lists li{
padding-bottom:8px;
}
ol,.o-lists{
padding:0 0 16px 30px;
font:100%/160% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
}
.success{
background:url(../_images/icon-success.png) no-repeat;
color:#A40000;
margin:0;
min-height:50px;
padding:0px 20px 20px 50px;
}
.warning{
background:url(../_images/icon-warning.png) no-repeat;
color:#A40000;
margin:0;
min-height:50px;
padding:0px 20px 20px 50px;
}
div.row{
clear:both;
padding-top:6px;
}
div.row span.td1{
float:left;
font:bold 100% "Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
text-align:right;
width:40%;
}
div.row span.td2{
float:right;
text-align:left;
width:58%;
}