/* reset css*/
html,body,h1,h2,h3,h4,h5,h6,p,address,img,sub,sup,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: normal;font-size: 100%;font-family: inherit;vertical-align: baseline;}
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
ol, ul {list-style: none;}
input, textarea, select { font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 100%; }
body {line-height: 1;font-family: Verdana, "Geneva CE", lucida, sans-serif; font-size: 62.5%; text-align: center;}
sub, sup { position:relative; font-size: 75%; }
sub {top:0.4em;}
sup {bottom:0.4em;}

/* common */
a { color: #737373; }
a:hover { color: #c00 }
.imp { font-weight: bold; color: #c00 }
h3 { color: #c00; font-weight: bold; padding: 0 0 0.5em 0; }
.r { text-align: right; }
.c { text-align: center; }
.l { text-align: left; }
.check { border: none !important }


/* header */
#center { width: 980px; margin: 15px auto; text-align: left; line-height: 1.4 }
#header { height: 130px; background: url(../img/fsk/header.jpg) no-repeat top; border-right: 1px solid #c00; border-left: 1px solid #c00; border-top: 1px solid #c00;}

#menu { width: 980px; overflow: hidden; background: #b00301 url(../img/fsk/menu.gif) repeat-x; margin: 0 0 10px 0;}
#menu ul { float: right;}
#menu li { float: left;}
#menu li a { float: left; font-size: 110%; color: #fff; font-weight: bold; text-decoration: none; text-align: center; text-transform: uppercase; padding: 5px 32px; background: url(../img/fsk/menu-sep.gif) no-repeat top right; }
#menu li a:hover { text-decoration: underline; }

#free { float: left; width: 170px; background: #f1da34 url(../img/fsk/free.gif) no-repeat left;  }
#free a { color: #c00; font-size: 110%; font-weight: bold; text-decoration: none; display: block; padding: 5px 0; width: 170px; text-align: center; background: url(../img/fsk/menu-sep.gif) no-repeat top right;  }

/* content */
#wrap { width: 800px; float: right; color: #737373; font-size: 110% }
.article { border: 1px solid #c00  }
.article h2 { background: #c00808 url(../img/fsk/article-h2.gif) repeat-x; padding: 4px 10px; font-weight: bold; color: #fff }
.article .text { padding: 18px; }

.article label { display: block; text-align: right;}
.article .form td { padding: 0.3em 0.5em; }
.article form { border: 1px solid #737373; margin: 1em 0; padding: 0.5em  }
.article .form input { border: 1px solid #737373; padding: 2px }
.article .form .button { color: #c00; background: #fefef8 url(../img/fsk/button.gif) repeat-x; padding: 4px 10px; cursor: hand; cu\rsor: pointer; }

#user_register { background: url(../img/fsk/form-register.jpg) no-repeat right; }

/* left column */
#col { width: 170px; float: left; color: #737373;}
#col .box, #col1 .box { margin: 0 0 7px 0; border: 1px solid #c60; }
#col .box h2, #col1 .box h2 { color: #fff; font-weight: bold; font-size: 110%; padding: 4px 8px; background: #bf5108 url(../img/fsk/box-h2.gif) repeat-x; }
#col .box .text, #col1 .box .text { padding: 10px; background: url(../img/fsk/box-text.gif) no-repeat bottom left; }
.abc { width: 100%; overflow: hidden; }
.abc li { float: left; text-align: center; padding: 0 2px 0 1px; }
.search ul { border-top: 1px solid #737373; padding: 7px 0 0 0; margin: 7px 0 0 0; }

#col .support { height: 100%; overflow: hidden;}
#col .support .text { background: #f2e483 url(../img/fsk/box-support.jpg) no-repeat left; padding: 5px 5px 0 47px; }
.support p { padding: 0 0 3px 0 }
.support strong { font-size: 110%; color: #c00; }

#boxquery { width: 115px;  }
.search td { vertical-align: top; padding: 0 3px 0 0; }

/* footer */
#footer { background: #c00808 url(../img/fsk/footer.gif) repeat-x; font-size: 110%; width: 980px; overflow: hidden; margin: 15px 0 0 0; clear: both; }
#footer p { float: right; font-weight: bold; padding: 5px 10px; color: #fff }
#footer ul { float: left; }
#footer ul li { float: left; padding: 0 10px; margin: 5px 0 0 0; border-right: 1px solid #fff; }
#footer ul a { color: #fff; display: block; }

/* homepage */
#col1 { width: 186px; float: right; overflow: hidden; }
#col2 { width: 196px; float: right; overflow: hidden; }
#col3 { width: 417px; float: right; overflow: hidden; }

#col1 td { padding: 0 0 4px 0; }
#col1 ul { margin: 7px 0 0 0; padding: 7px 0 0 0; border-top: 1px solid #737373; }

#col2 .box { border: 1px solid #c60; font-size: 110%; margin: 0 10px 0 0; }
#col2 h2 { color: #c60; text-align: center; font-weight: bold; padding: 5px 0; background: url(../img/fsk/col2-h2.gif) repeat-x bottom;}
#col2 ul { padding: 17px 8px; }
#col2 li { background: url(../img/fsk/col2-li.gif) no-repeat left; padding: 2px 0 2px 15px }
#col2 p { text-align: center; background: url(../img/fsk/col2-h2.gif) repeat-x top; padding: 5px 0; }

#intro { margin: 0 10px 10px 0; border: 1px solid #c60; }
#flash { height: 226px; background: url(../img/fsk/flash.jpg) no-repeat center;  }

.topstars { margin: 0 10px 0 0; }
.topstars .text { padding: 9px 8px;}
.topstars ul { width: 100%; overflow: hidden; font-size: 95%;  }
.topstars li { float: left; width: 129px; text-align: center; }

.banner { margin: 0 0 11px 0; }
.banner img { display: block; }