/** HTML layout */
body{
background:url(bg.gif) #F4F4F4 repeat-y center top;
margin:0 auto;
width:750px;
font:lighter 12px Georgia,Lucida,Arial,sans-serif;
color:#000000;
}
li{
line-height:160%;
list-style-type:none;
}
h1,h2{
padding-left:4px;
font:bold normal Verdana,Arial,sans-serif;
}
h3,h4{
padding-left:8px;
font:bold 11px Verdana,Arial,sans-serif;
}
a,a:link,a:hover,a:visited,a:active{
font-family:Verdana,Arial,sans-serif;
text-decoration:none;
}
#clearer{
clear:both;
height:1px;
margin-top:-1px;
overflow:hidden;
font-size:0;
}
/** define public box*/
.def_box{
float:left;
width:100%;
overflow:hidden;
background:#FFFFFF;
}
/** right box*/
#content_box{
float:right;
width:98%;
line-height:145%;
font-family:Verdana,Arial,sans-serif;
text-align:left;
margin:0;
padding:5px 10px;
}
#content_box h3,h4{
height:22px;
line-height:22px;
padding-left:5px;
margin:0px;
margin-top:10px;
font-weight:bold;
font-family:Verdana,Arial,sans-serif;
border-left:1px solid #21A4F3;
border-right:1px solid #21A4F3;
color:#FFFFFF;
text-align:center;
}
/**
* title
*/
#content_box #alert{
background:url(alert_s.gif) repeat-x;
border-left:1px solid #F4B274;
border-right:1px solid #F4B274;
}
#content_box #info{
background:url(info_s.gif) repeat-x;
border-left:1px solid #1F9DE8;
border-right:1px solid #1F9DE8;
}
#content_box #error{
background:url(error_s.gif) repeat-x;
border-left:1px solid #EC5E30;
border-right:1px solid #EC5E30;
}
/**
* Content
*/
#content_box #systext{
padding:10px;
padding-top:20px;
padding-left:128px;
line-height:20px;
font-weight:bold;
height:128px;
vertical-align:middle;
}
#content_box .alert{
border:1px solid #F4B274;
border-top:0;
background:url(alert.gif) #FFFFFF 30px 30px no-repeat;
}
#content_box .info{
border:1px solid #1F9DE8;
border-top:0;
background:url(info.gif) #FFFFFF 30px 30px no-repeat;
}
#content_box .error{
border:1px solid #EC5E30;
border-top:0;
background:url(error.gif) #FFFFFF 30px 30px no-repeat;
}
/**
* A
*/
a{
font-weight:bold;
padding-left:8px;
background:url(arrow1.gif) 0px 6px no-repeat;
text-decoration:none;
}
a:hover{
color:#FF0000;
background:url(arrow3.gif) 0px 6px no-repeat;
}
a:link,a:visited{
color:#0000CC;
text-decoration:none;
}
/**
* FORM
*/
form{
margin:15px 0px;
padding:10px;
text-align:center;
border:1px solid #CAAC00;
background:#FFF7C8;
font-weight:bold;
font-size:11px;
}
form .t_input{
width:220px;
height:16px;
font-weight:bold;
font-size:11px;
border:1px #808080 solid;
background:url(input_bg.gif) #FFFFFF repeat-x;
}
form .bnt{
background:url(input_bnt_bg.gif) repeat-x;
border:1px solid #808080;
border-left:3px solid #808080;
height:20px;
line-height:20px;
padding:0px 2px;
font:bold 11px Verdana,Arial,sans-serif;
}
/** Footer */
#footer_box{
margin:0;
padding:10px 0px;
text-align:center;
border-top:#808080 1px solid;
font:bold 11px Verdana,Arial,sans-serif;
height:30px;
}
#copyright{
}
#GS-link,#GS-link a{
color:#CCCCCC;
font-size:10px;
margin-top:5px;
text-decoration:none;
}