@import url('/includes/default_css/common.css'); 

body {
background-color:#FFF;
color:#6F6F6F;
font-family:Georgia, Palatino, Times New Roman;
font-size:11px;
margin:0;
text-align:center;
}

p {
color:#666;
}

h1 {
color:#C60;
font-family:Georgia, Palatino, Times New Roman;
font-size:16px;
}

h2 {
color:#8aa1b5;
font-family:Georgia, Palatino, Times New Roman;
font-size:13px;
}

#login-err-text {
color:red;
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
font-weight:700;
}

input,select,textarea {
font-family:Verdana, Arial, Helvetica,sans-serif;
font-size:10px;
}

#sys_errors {
background-color:#FFD455;
border:1px solid #999;
left:100px;
padding:5px;
position:absolute;
top:50px;
width:600px;
z-index:500;
}

.flash-close {
display:none;
}

#flash_notice {
background-color:#FFF;
border-left:1px solid #FF7F55;
border-right:1px solid #FF7F55;
margin:0;
padding:4px 15px;
width:398px;
}

#flash_notice label {
color:red;
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
font-weight:700;
}

.input100px {
border:1px solid #999;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
width:100px;
}

.input150px {
border:1px solid #999;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
width:150px;
}

.input200px {
border:1px solid #999;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
width:200px;
}

.input250px {
border:1px solid #999;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
width:250px;
}

.error {
color:red;
font-family:verdana, arial, helvetica, sans-serif;
font-size:11px;
font-weight:700;
}

input.submitbtn {
background-color:#390;
border:1px solid silver;
color:#FFF;
cursor:pointer;
font-family:Verdana, Arial, Helvetica,sans-serif;
font-size:10px;
font-weight:700;
padding:2px 4px;
}

input.addaccess {
background-color:#FFF;
background-image:url(/images/btn_add_accesscode.gif);
background-position:top center;
background-repeat:no-repeat;
border:0;
cursor:pointer;
padding:2px 58px;
}

.textfields {
border:1px solid #CCC;
font-family:Verdana, Arial, Helvetica,sans-serif;
font-size:11px;
}

#menutop {
height:22px;
width:100%;
}

#menutop ul {
list-style:none;
margin:0;
padding:0;
}

#menutop li {
display:inline;
margin:0 2px 0 0;
padding:0;
}

#menutop a {
background:repeat-x;
clear:right;
cursor:pointer;
float:left;
margin:0;
padding:0;
text-decoration:none;
white-space:nowrap;
}

#menutop a:hover {
background:#a4b8cf repeat-x;
}

#menutop a .menutopleftspan {
background:left no-repeat;
display:block;
}

#menutop a .menutoprightspan {
background:right no-repeat;
color:#666;
display:block;
font-family:Georgia, Times New Roman, Times, serif;
font-size:11px;
padding-bottom:4px;
padding-top:4px;
text-align:center;
}

#menutop .current {
background:#8ba1b6 repeat-x;
color:#FFF;
display:block;
font-family:Georgia, Times New Roman, Times, serif;
font-size:11px;
padding-bottom:4px;
padding-top:4px;
text-align:center;
}

#menutop #current a {
background:#8ba1b6 repeat-x;
}

#marketingtools {
height:145px;
}

#marketingtools ul {
font-family:Georgia, Times New Roman, Times, serif;
font-size:10px;
letter-spacing:1px;
list-style:none;
margin:0;
padding:0;
width:263px;
}

#marketingtools li a {
color:#666;
display:block;
padding:7px 0 7px 4px;
text-decoration:none;
width:100%;
}

#marketingtools li a:hover {
background:url(/images/spatraffic/bg_li.jpg) no-repeat 0 50%;
padding:7px 0 7px 4px;
text-decoration:none;
}

#marketingtools li.menucurrent a {
background:url(/images/spatraffic/bg_li.jpg) no-repeat;
border:1px solid red;
padding:7px 0 7px 4px;
text-decoration:none;
}

#marketingtools li.menucaption {
display:block;
}

html>body #marketingtools li a {
width:auto;
}

#marketingtools li a:active,#marketingtools li a:focus {
background:url(/images/spatraffic/bg_li.jpg) no-repeat 0 50%;
padding:7px 0 7px 4px;
text-decoration:none;
}

#logo {
float:left;
height:92px;
margin-top:10px;
padding-top:10px;
width:256px;
}

#container1 {
height:100%;
margin:0 auto;
overflow:hidden;
text-align:left;
width:780px;
}

#container2 {
float:left;
height:100%;
margin-bottom:25px;
overflow:hidden;
width:780px;
}

#container3 {
margin:0 auto;
text-align:center;
width:780px;
}

#content-header {
margin-left:25px;
}

#bottomnav li {
color:#666;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
list-style:none;
margin:0;
padding:0 5px;
}

#copyright {
color:#999;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
padding:5px;
text-align:center;
}

#content-pic {
float:left;
height:100%;
margin:0;
padding-left:1px;
padding-right:1px;
width:526px;
z-index:-1;
}

#box-menu {
background:url(/images/bg_orange2.jpg) 0 0 no-repeat;
float:right;
height:100%;
margin:0;
padding-right:4px;
width:248px;
}

a.box-menu {
color:#9E5B19;
font-size:10px;
font-weight:700;
}

#box-text1 {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:99px;
line-height:16px;
margin:0;
padding-left:10px;
padding-top:3px;
}

#content-botl {
border-right:1px dashed #FF9428;
float:left;
height:100%;
margin-bottom:10px;
margin-top:10px;
width:527px;
}

#content-text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
margin:0;
padding:15px;
}

#news {
float:right;
height:100%;
margin-top:10px;
width:244px;
}

#news-text {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
margin:0;
padding:10px;
text-align:left;
}

.topic {
color:#FF8000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:700;
}

a.more {
color:#FF8000;
font-size:10px;
font-weight:700;
}

#left-box {
background:url(/images/subnavbg.jpg) top center no-repeat;
border-bottom:1px solid #86A38D;
float:left;
height:24px;
margin:0;
width:100%;
}

#links-news {
margin:0;
}

#links-news ul {
display:block;
list-style-type:none;
margin:5px;
padding:0;
}

#links-news ul li {
display:block;
line-height:20px;
list-style-type:none;
margin:0;
padding:2px;
}

.news-date {
color:#333;
font-size:12px;
font-weight:700;
}

#links-news a {
color:#333;
font-size:10px;
text-decoration:none;
}

#left-nav {
margin-top:5px;
width:100%;
}

.left-nav:after {
clear:both;
content:".";
display:block;
height:0;
visibility:hidden;
}

#left-nav ul {
margin:0;
padding:0;
text-align:left;
width:100%;
}

#left-nav ul li {
display:inline;
}

#left-nav ul li a {
color:#000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
font-style:normal;
padding-left:20px;
text-decoration:none;
}

#col1 {
float:left;
height:auto;
margin-left:5px;
padding:0;
width:425px;
}

#col1-content {
float:left;
height:auto;
padding:5px;
}

#bot-green {
float:left;
height:16px;
margin-bottom:5px;
margin-top:45px;
padding-bottom:3px;
padding-left:3px;
width:510px;
}

#col2 {
float:right;
height:auto;
margin:0;
padding:2px;
text-align:center;
}

#subsection-container {
margin:0;
overflow:hidden;
text-align:left;
width:100%;
}

#subsection-nav {
margin:0 auto;
text-align:left;
width:240px;
}

#subsection-nav ul {
list-style-type:none;
margin-left:0;
padding-left:0;
}

#subsection-nav ul li {
line-height:15px;
list-style-type:none;
margin:1px;
padding:2px;
}

#subsection-nav ul li a {
color:#3C6D91;
display:block;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:15px;
text-decoration:none;
}

#active {
background:url(/images/arrow_blue.gif) 0 0 no-repeat;
}

#section-copy {
margin-left:5px;
padding-left:5px;
width:364px;
}

.section-header {
color:#c60;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
}

.section-copyt {
color:#333;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
line-height:15px;
}

#flash_notice ul,.txt10px {
font-family:verdana, arial, helvetica, sans-serif;
font-size:10px;
}

#menutop a:hover .menutopleftspan,#menutop #current .menutopleftspan {
background:left no-repeat;
}

#menutop a:hover .menutoprightspan,#menutop #current .menutoprightspan {
background:right no-repeat;
color:#FFF;
}

a.sitemap:link,a.sitemap:visited {
color:#666;
text-decoration:none;
}

a.sitemap:hover {
color:#666;
text-decoration:underline;
}

#bottomnav li a:link,#bottomnav li a:visited,#bottomnav li a:active {
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:none;
}

#bottomnav li a:hover {
color:#666;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
text-decoration:underline;
}

#box-text2,#box-text3 {
color:#FFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:99px;
line-height:16px;
margin:0;
padding-left:10px;
padding-top:1px;
}