html, body { width: 100%;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
ul, li, dl, dt, dd, ol,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
}
ul, ol { list-style: none; }
h1, h2, h3, h4, h5, h6 { line-height: normal; font-family: Arial, Helvetica, sans-serif; }
/* remember to define focus styles! */
/* tables still need 'cellspacing="0"' in the markup */
/**************************************************************************************/
/* CSS page */
div, table { text-align: left; }
img { border: 0px; margin: 0px; vertical-align: middle; }
a:link, a:visited { color: #138DBC; text-decoration: none; outline: 0 }
a:hover { color: #FF6600; text-decoration: none; }
.clear { clear: both; }
.body-color { background-color: #FFFFFF; }
.debug { background-color: #FF0000}
div.W15 { width: 15px; }
div.H5 { height: 5px; } div.H10 { height: 10px; } div.H15 { height: 15px; } div.H20 { height: 20px; } div.H30 { height: 30px; }
.P10 { padding: 10px; }
.P20 { padding: 20px; }
.PL15 { padding-left: 15px; }
.ML0, .cell_L { margin-left: 0px !important; } .MR0, .cell_R { margin-right: 0px !important; } .MO, .cell_LR {margin-left: 0 !important; margin-right: 0 !important}
.MR5 { margin-right: 5px; } .ML5 { margin-left: 5px; } .MB5 { margin-bottom: 5px; }
.MR10 { margin-right: 10px; } .ML10 { margin-left: 10px; } .MB10 { margin-bottom: 10px; }
.MR15 { margin-right: 15px; } .ML10 { margin-left: 15px; } .MB15 { margin-bottom: 15px; }
.MR20 { margin-right: 20px; } .ML20 { margin-left: 20px; }
.P10 { padding: 10px}
.PL10 { padding-left: 10px; } .PR10 { padding-right: 10px; }
.PL15 { padding-left: 15px; } .PR15 { padding-right: 15px; }
.PL20 { padding-left: 20px; } .PR20 { padding-right: 20px; }
.PL30 { padding-left: 30px; } .PR30 { padding-right: 30px; }
.F14 { font-size: 14px !important; }
.v-top { vertical-align: top }
.v-middle { vertical-align: middle; }
.v-bottom { vertical-align: bottom; }
.TC { width: 100%; background-position: 0 0; background-repeat: repeat-x; }
.BC { width: 100%; background-position: 0 100%; background-repeat: repeat-x; }
.ML { width: 100%; background-position: 0 0; background-repeat: repeat-y; }
.MR { width: 100%; background-position: 100% 0; background-repeat: repeat-y; }
.TL { width: 100%; background-position: 0 0; background-repeat: no-repeat; }
.TR { width: 100%; background-position: 100% 0; background-repeat: no-repeat; }
.BL { width: 100%; background-position: 0 100%; background-repeat: no-repeat; }
.BR { background-position: 100% 100%; background-repeat: no-repeat; }
/* Headings */
h1 { font-size:20px; font-weight:normal; line-height:1.3; }
h2 { font-size:18px; font-weight:normal; line-height:1.34; }
h3 { font-size:16px; font-weight:normal; line-height:1.375; }
h4 { font-size:14px; font-weight:bold; }
h5 { font-size:12px; font-weight:bold; }
h6 { font-size:11px; font-weight:bold; }
/* CSS admin menu fix */
.replace-18-db {color: #064664; font-family: "Lucida Grande", "Lucida Sans Unicode", arial, verdana, helvetica, sans-serif;}
.replace-18-lb {color: #6FCAFF}
.replace-18-or {color: #ff4301; font-family: "Lucida Grande", "Lucida Sans Unicode", arial, verdana, helvetica, sans-serif;}
.replace-18-db div,
.replace-18-lb div,
.replace-18-or div {color: #fff; }
/* FONT SIZES */
.news-text { font: 12px/1.60em verdana, helvetica, sans-serif; }
.replacement { vertical-align: baseline }
/* WRAPPERS */
body { background-color: #003E5A; }
body, table, td { font-weight: normal; font: 12px/1.60em verdana, arial, helvetica, sans-serif; text-align: left; color: #333333;}
#body-table { width: 100%; border: 0px none; background: url(images/body_bkg.png) #FFFFFF 0 0 repeat-x; }
td.body-table { width: 100%; border: 0px none; background: url(images/table_bkg.jpg) 50% 57px no-repeat; vertical-align: top; }
#navbar-wrapper { width: 1000px; margin: auto auto; height: 57px; background: url(images/navbar_bot.png) 50% 100% no-repeat; }
#navbar { padding: 0px 6px; height: 57px; }
#header-wrapper { width: 1000px; height: 145px; margin-left: auto; margin-right: auto; }
#body-home #header-wrapper { background-image: url(images/header_home.png); }
#body-page #header-wrapper { background-image: url(images/header_content.png); }
#main-wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
#body-home .main-content { width: 988px; margin: auto auto; }
#body-page .main-content { width: 930px; margin: auto auto; padding-top: 30px; }
.body-header { width: 1000px; margin: auto auto; position: relative; }
.col2-right-layout { width: 988px; }
.col-main { float: left; width: auto; }
.col-right { float: right; width: 260px; }
.col-main:after { display: block; content:"."; clear:both; font-size:0; line-height:0; height:0; overflow:hidden; }
#footer-table { width: 100%; border: 0px none; background: url(images/footer_bkg.png) #003E5A 0 0 repeat-x; }
#footer-table td.footer { width: 100%; border: 0px none; background: url(images/footer_top.png) 50% 0 no-repeat; }
#footer-wrapper { width: 1000px; margin: auto auto; color: #FFFFFF; padding-top: 30px; }
/* CSS Fix menu admin */
#footer-wrapper td,
#footer-wrapper div.forumheader,
#footer-wrapper .fcaption { color: #FFFFFF; }
/* FRONT PAGE */
.latest-theme-img { float:left; margin:0 0px; width:250px; }
.latest-theme-img .actions { padding: 15px 20px 0px }
.latest-theme-text { margin-left: 270px; padding-top: 15px; }
.latest-theme-desc { padding: 15px 0px 15px 15px; }
.latest-theme-text h2 { color:#064664; font-size:22px; font-weight:normal; }
.latest-theme-text .fb-label { font-size: 14px; }
.latest-theme-text .color-01 { color: #333}
/* MAIN CONTENT SHADOW */
#body-home .cont-TL { background-image: url(images/cont_home-TL.png); }
#body-home .cont-TR { background-image: url(images/cont_home-TR.png); }
#body-page .cont-TL { background-image: url(images/cont_page-TL.png); }
#body-page .cont-TR { background-image: url(images/cont_page-TR.png); }
/******** Login Box **********/
.login-wrapper { height: 89px; }
#login-wrapper { width: 290px; height: 89px; ; position: absolute; left: 704px; }
#login-box-wrapper { width: 274px; min-height: 180px; position: absolute; top: 15px; left: 0px; z-index: 2}
#login-wrapper .login-tab { float: right; height: 26px; position: relative; z-index: 4; }
#login-wrapper .corner { width: 8px; height: 8px;}
#login-wrapper .mid { height: 8px; }
#login-wrapper .TL { float: left; background-image: url(images/login-box/login-TL.png); }
#login-wrapper .BL { float: left; background-image: url(images/login-box/login-BL.png); }
#login-wrapper .TC,
#login-wrapper .BC { background-color: #095273; height: 8px; background-image: url(images/login-box/login-MM.png); margin: 0px 8px; width: auto }
#login-wrapper .TR { float: right; background-image: url(images/login-box/login-TR.png); }
#login-wrapper .BR { float: right; background-image: url(images/login-box/login-BR.png); }
#login-wrapper .ML { background-image: url(images/login-box/login-MM.png); background-color: #095273; }
#login-wrapper .MR { background-image: url(images/login-box/login-MM.png); }
#login-wrapper .login-cont { width: 290px; min-height: 154px; position: absolute; top: 25px; left: 0; z-index: 3 }
#login-wrapper .login-cont .TR { background: #095273 url(images/login-box/login-MM.png) 100% 0 repeat-y; }
#login-wrapper .login-form { min-height: 138px; }
#login-wrapper .tab-closed { padding-top: 8px; }
#login-wrapper .login-box-tab-title { color: #81D1FF; text-align: right; line-height: 1; margin: 0px 10px; height: 18px; padding: 0px 22px 0 4px; background: url(images/login-box/login-close.gif) 100% 0 no-repeat; }
#login-wrapper .tab-closed .login-box-tab-title { background: url(images/login-box/login-open.gif) 100% 0 no-repeat; }
#user-box-closed { position: absolute; width: 290px; height: 26px; top: 15px; left: 0px; z-index: 1; }
#login-tab-closed { cursor: pointer; }
#user-box-wrapper { position: absolute; width: 290px; min-height: 180px; top: 15px; left: 0px; z-index: 2}
#login-close { cursor: pointer; }
.new-items { font-size: 11px; color: #81D1FF}
.new-items a:hover { color: #FFF}
/* CUSTOM LOGIN SC */
.custom-login { padding: 5px 16px 0px 16px; color: #81D1FF; font-size: 11px; }
.custom-login-user { padding: 5px 20px 0px 20px; color: #81D1FF; font-size: 11px; }
.custom-login .login-autologin { font-size: 11px; color: #81D1FF; width: 120px; }
.custom-login .autologin { margin: 0px; padding: 0px; vertical-align: middle; margin-right: 3px;}
.custom-login .login-label { font-size: 11px; color: #81D1FF; width: 90px; height: 30px; vertical-align: middle; }
.custom-login .custom-loginc { width: 155px; padding: 3px; border: 1px solid #0F7DAE; background-color: #095273; color: #6FCAFF; vertical-align: middle }
.custom-login .login-button { margin: 0px; padding: 0px; vertical-align: top; }
.custom-login a.custom-loginc-link { color: #81D1FF; text-decoration: underline; font-size: 11px;}
#user-menu { padding: 0px; margin: 0px; list-style: none; line-height: 24px; }
#user-menu li {}
#user-menu li a:link, #user-menu li a:visited {
display: block;
text-align: left;
line-height: 21px;
font-size: 11px; font-weight: bold;
padding-left: 12px;
border-bottom: 0px solid #0B648E;
width: 115px;
w\idth : 100px;
text-transform: none;
margin-left: 5px;
color: #81D1FF;
background: url(images/login-box/login-user-link.gif) 0px 6px no-repeat;
}
#user-menu li a:hover { color: #FFF}
/**********************************/
/* CSS SEARCH */
.search-wrapper { width: 260px; height: 56px; text-align: right }
.search-wrapper .custom-search { float: right; padding: 3px; margin-top: 15px; width: 180px; border: 1px solid #0F7DAE; background-color: #095273; color: #6FCAFF; vertical-align: middle }
.search-wrapper .custom-button { float: right; vertical-align: middle; outline: 0 }
/* FBOX */
#fbox-wrapper { width: 988px; height: 332px; overflow: hidden }
#fbox-wrapper .slider-wrapper { width: 988px; height: 287px; }
#fbox-wrapper .fbox { width: 988px; height: 45px; background-image: url(images/fbox_tabs.png); }
.fb-cont { width: 988px; height: 287px; }
.fb-img { float: right; width: 555px; height: 287px; overflow: hidden }
.fb-text { color: #FFF; width: 370px; margin-left: 40px; margin-right: 555px; padding-top: 20px; }
.fb-text h1 { color: #FFF; }
.fb-text .color-01 {color: #F6C239; font-size: 14px; font-family: Verdana, Geneva, sans-serif; }
.fb-label { line-height: 23px; height: auto; margin-left: 32px;}
.fb-bullet { width: 22px; height: 23px; overflow: hidden}
.fb-label img { vertical-align: bottom; }
.fb-promo { margin-bottom: 7px; }
#showcase-2 { width: 988px; height: 332px; }
#showcase-2 #fader { width: 988px; position: relative; height: 287px; margin: auto auto; background: url(fbox/fb-bkg.jpg) 0 0 no-repeat; overflow: hidden }
#showcase-2 li { float: left; list-style-type: none; width: 988px; height: 287px; }
#showcase-2 a.jump { display: block; width: 19px; }
#showcase-2 a.next { background-image: url(images/artpl_sc_arr-next.gif)}
#showcase-2 a.prev { background-image: url(images/artpl_sc_arr-prev.gif)}
#showcase-2 a.jump:hover { background-position: 0px -50px}
.links dd { display: block; float: left; line-height: 45px; height: 45px; background: url(images/fsnet_fbox_tabs-sep.png) 100% 0 no-repeat}
#showcase-2 a.control { background-image: none; display: block; margin: 0 25px; float: left; height: 45px; line-height: 45px; padding: 0px 15px; color: #6FCAFF; font-size: 16px; font-family:Arial, Helvetica, sans-serif; }
#showcase-2 a.control.active { color: #FFF !important; background: url(images/fb_link_active.png) 0 0 no-repeat; }
/* PROMO BOXES */
#promos { width: 988px; background-image: url(images/promo-box/promo_wrap.gif); }
#promos .boxes-cont { width: 964px; margin: 0px 12px; }
#promos .boxes-cont .TC { width: 964px; background-image: url(images/promo-box/promo_cont-TC.png); }
#promos .boxes-cont .TL { width: 964px; background-image: url(images/promo-box/promo_cont-TL.png); }
#promos .boxes-cont .TR { width: 962px; background-image: url(images/promo-box/promo_cont-TR.png); margin: 0px 1px; }
#promos .promo-boxes { width: 320px; float: left}
#promos .promo-content { padding: 45px 20px 0px 20px; text-align: center; }
#promos .promo-boxes-sep { width: 1px; height: 313px; float: left; background-image: url(images/promo-box/promo_box-sep.png); }
#promos .promo-boxes * { text-align: center; }
#promos .promo-img { min-height: 180px; }
/* HOME TABS */
#tabs-wrapper { width: 680px; }
#tabs-wrapper .scroller { width: 680px; overflow: hidden; }
#tabs-wrapper .content { width: 8000px; }
#tabs-wrapper .slide { width: 680px; height: 370px; float: left; }
#tabs-wrapper .box-tabs .TC { background-image: url(images/home-tabs/bar-TC.png); }
#tabs-wrapper .box-tabs .TL { background-image: url(images/home-tabs/bar-TL.png); }
#tabs-wrapper .box-tabs .TR { background-image: url(images/home-tabs/bar-TR.png); }
#tabs-wrapper .tabs a.carousel-jumper { color: #999999; display: block; float: left; height: 55px; width: 200px; }
#tabs-wrapper .tabs a.carousel-jumper span { color: #999999; display: block; line-height: 55px; font-size: 14px; margin-left: 30px; background: url(images/home-tabs/bar-sep.png) 100% 0 no-repeat; }
#tabs-wrapper .tabs #first { margin-left: 1px; }
#tabs-wrapper .tabs #last span { background-image: none; }
#tabs-wrapper .tabs a.selected { color: #333333; background: url(images/home-tabs/bar-act.png) 0 100% repeat-x; }
#tabs-wrapper .tabs a.selected#first {}
#tabs-wrapper .tabs a.selected#last span { background-image: url(images/home-tabs/bar-sep.png); }
#tabs-wrapper .tabs a.selected span { display: block; line-height: 55px; color: #333333; font-size: 14px; margin-left: 30px; }
#tabs-wrapper .tabs-cont { background-color: #E9E9E9 }
#tabs-wrapper .tabs-cont .TC { background-image: url(images/home-tabs/cont-TC.png); }
#tabs-wrapper .tabs-cont .TL { background-image: url(images/home-tabs/cont-TL.png); }
#tabs-wrapper .tabs-cont .TR { background-image: url(images/home-tabs/cont-TR.png); }
#tabs-wrapper .tabs-cont .BC { background-image: url(images/home-tabs/cont-BC.png); }
#tabs-wrapper .tabs-cont .BL { background-image: url(images/home-tabs/cont-BL.png); }
#tabs-wrapper .tabs-cont .BR { background-image: url(images/home-tabs/cont-BR.png); }
#tabs-wrapper .tabs-cont .ML { background-image: url(images/home-tabs/cont-ML.png); }
#tabs-wrapper .tabs-cont .MR { background-image: url(images/home-tabs/cont-MR.png); }
#tabs-wrapper .tabs-cont .slide-content { padding: 20px; }
#tabs-wrapper .slide .items-cont { padding: 25px 0px 0px 0px; }
#tabs-wrapper .slide .items-cont .item { float: left; width: 200px; height: 190px; text-align: center }
#tabs-wrapper .slide .items-cont h3 a:link,
#tabs-wrapper .slide .items-cont h3 a:visited { font-size: 12px; color: #80DEFF; font-weight: normal }
#tabs-wrapper .slide .items-cont h3 a:hover { color:#FFFFFF }
/* NEWS */
.date-cont { border-right: 1px solid #B7D7E8; padding-right: 10px; padding-bottom: 5px}
.n-day { color: #F87018; height: 32px; line-height: 32px; font-size: 26px; font-weight: normal; }
.n-month { color: #666; line-height: 16px; text-align: right; font-size: 14px }
.news-item { margin-left: 60px; }
.news-item h2 { font-size: 22px; font-weight: normal; color: #064664 }
/* COMMENTS */
.comm-avatar { background-color: #FFF; }
.comm-date { color: #F87018; width: 50px; text-align: center; font-size: 14px; font-weight: bold; padding: 10px 0px 0px}
.comm-item { margin-left: 60px;}
.comm-item .BR { min-height: 100px; }
.comm-cont h3 { font-size: 20px; font-weight: normal; margin-bottom: 10px; }
.comm-cont h3 a { font-weight: normal}
.comm-subject { margin-bottom: 5px; color: #064664 }
.comm-text { margin-bottom: 10px; }
.comm-options { height: 26px; line-height: 26px; padding: 0px 0px 0px 27px; }
.comm-options .reply a { display: block; width: 93px; height: 26px; text-align: center}
.comm-avatar .avatar { width: 50px; height: 50px; overflow: hidden; background: url(images/comments/avatar_50x50.png) 0 0 no-repeat; }
.comm-avatar .avatar img { width: 50px !important; height: 50px !important; }
.comm-avatar .has-avatar { width: 50px; height: 50px; overflow: hidden; background-color: #FFF}
.comments-item table { width: 100% !important; }
/* CSS NEXT PREV */
.nextprev-wrapper { float: left}
.nextprev-wrapper dt,
.nextprev-wrapper dd,
.nextprev-wrapper span,
.nextprev-wrapper a { float: left; display: block; line-height: 22px; height: 22px; font-size: 12px; }
.nextprev-wrapper .cont {}
.nextprev { height: 26px; margin-bottom: 15px }
.nextprev dl { background: url(images/nextprev/np-cap-TC.png) 0 0 repeat-x; }
.nextprev dt,
.nextprev dd,
.nextprev span,
.nextprev a { float: left; display: block; height: 26px; line-height: 26px; font-size: 12px; }
.nextprev .TC { height: 26px; background-image: url(images/nextprev/np-TC.png); }
.nextprev .TR { height: 26px; background-image: url(images/nextprev/np-TR.png); }
.nextprev dt .TC { background-image: url(images/nextprev/np-cap-TC.png); }
.nextprev dt .TL { background-image: url(images/nextprev/np-cap-TL.png); }
.nextprev dt .TR { background-image: url(images/nextprev/np-cap-TR.png); }
.nextprev dt .cont { margin-left: 15px; margin-right: 30px; font-weight: bold; color: #0066CC}
.nextprev dd a.nextprev-item { width: 26px; text-align: center }
.nextprev dd a.jump { padding: 0px 10px; font-weight: bold }
.nextprev dd a:hover,
.nextprev dd a.current { background: url(images/nextprev/np-active.png) 0 0 repeat-x; color: #333; font-weight: bold }
.nextprev dd a.nextprev-last:hover,
.nextprev dd a.last-item { background: url(images/nextprev/np-active-last.png) 100% 0 no-repeat; }
.nextprev .item-sep { width: 1px; background: url(images/nextprev/np-sep.png) 0 0 no-repeat;}
.nextprev .nextprev-first { }
/* MENU AREAS */
.menu-caption img.ico { margin-right: 10px; }
.menu-caption h2 { padding-top: 3px; }
.menu-text { padding-top: 15px; }
.home-menu .menu-text { font-size: 12px; line-height: 1.3em; color: #666666; padding-top: 5px }
.home-menu .menu-text a { }
.center-wrapper .menu-caption { }
.center-wrapper .menu-caption h2 { height: 26px; }
.center-wrapper .menu-text { }
ul.item-list li, ul.bbcode li {
margin-left: 15px; padding-left: 15px; background: url(images/bullet_01.gif) 0 8px no-repeat; line-height: 1.5em; margin-bottom: 5px;
}
/* ROUNDED AREAS */
.rounded-01 { background-color: #EBEBEB }
.rounded-01 .TC { background-image: url(images/rounded-01-TC.png); }
.rounded-01 .BC { background-image: url(images/rounded-01-BC.png); }
.rounded-01 .ML { background-image: url(images/rounded-01-ML.png); }
.rounded-01 .MR { background-image: url(images/rounded-01-MR.png); }
.rounded-01 .TL { background-image: url(images/rounded-01-TL.png); }
.rounded-01 .TR { background-image: url(images/rounded-01-TR.png); }
.rounded-01 .BL { background-image: url(images/rounded-01-BL.png); }
.rounded-01 .BR { background-image: url(images/rounded-01-BR.png); min-height: 278px;}
.rounded-01 .box-content { padding: 20px; }
.rounded-02 .BC { background-image: url(images/rounded-02-BC.png); }
.rounded-02 .BL { background-image: url(images/rounded-02-BL.png); }
.rounded-02 .BR { background-image: url(images/rounded-02-BR.png); min-height: 274px;}
.rounded-03 .BC { background-image: url(images/fsnet_forum_view-BC.png); }
.rounded-03 .BL { background-image: url(images/fsnet_forum_view-BL.png); }
.rounded-03 .BR { background-image: url(images/fsnet_forum_view-BR.png); min-height: 110px; }
.rounded-04 .TC { background-image: url(images/comments/comm-MM.png); }
.rounded-04 .BC { background-image: url(images/comments/comm-MM.png); }
.rounded-04 .ML { background-image: url(images/comments/comm-ML.png); }
.rounded-04 .MR { background-image: url(images/comments/comm-MM.png); }
.rounded-04 .TL { background-image: url(images/comments/comm-TL.png); }
.rounded-04 .TR { background-image: url(images/comments/comm-TR.png); }
.rounded-04 .BL { background-image: url(images/comments/comm-BL.png); }
.rounded-04 .BR { background-image: url(images/comments/comm-BR.png); }
.rounded-04 .comm-cont { padding: 10px 20px 0px 27px}
.rounded-05 .TC { height: 46px; background-image: url(images/fsnet_forum_bar-TC.png); }
.rounded-05 .TL { height: 46px; background-image: url(images/fsnet_forum_bar-TL.png); }
.rounded-05 .TR { height: 46px; background-image: url(images/fsnet_forum_bar-TR.png); }
.rounded-06 { background-color: #EBEBEB }
.rounded-06 .TC { background-image: url(images/rounded-06-TC.png) !important; }
.rounded-06 .BC { background-image: url(images/rounded-06-BC.png) !important; }
.rounded-06 .ML { background-image: url(images/rounded-06-ML.png) !important; }
.rounded-06 .MR { background-image: url(images/rounded-06-MR.png) !important; }
.rounded-06 .TL { background-image: url(images/rounded-06-TL.png) !important; }
.rounded-06 .TR { background-image: url(images/rounded-06-TR.png) !important; }
.rounded-06 .BL { background-image: url(images/rounded-06-BL.png) !important; }
.rounded-06 .BR { background-image: url(images/rounded-06-BR.png) !important; min-height: 160px;}
.rounded-06 .box-content { padding: 20px; }
/******** THEBox **********/
.box-group-3 .box { width: 290px; min-height: 278px; }
.box-group-3 .second { margin-left: 30px; }
.box-head { margin-bottom: 15px; }
.box-head h3 { color: #FF6500; font-size: 20px; font-weight: normal; text-align: center }
.box-head .sep { height: 5px; background-color: #EDEDED }
.box-head-spec { margin: 15px 0 15px 0; }
.box-head-spec h3 { font-size: 18px; font-weight: normal; text-align: center; color: #FF6500; font-family:"Lucida Grande","Lucida Sans Unicode",arial,verdana,helvetica,sans-serif; }
.box-head-spec .sep { height: 5px; background-color: #EDEDED }
.subscr-plan-page { }
.subscr-plan-page .image{ margin-left: 50px; }
.subscr-plan-page .text { width: 600px; margin-right: 50px; }
.subscr-plan-page h3 { color: #01405d; font-weight: bold; line-height: 24px; margin-bottom: 30px }
.subscr-plan-page h3 img{ margin-right: 10px; float: left; margin-bottom: 15px; }
.subscr-plan-page h2 { color: #296a8a; font-size: 24px; font-weight: bold; line-height: 40px; margin-bottom: 20px }
.subscr-price,
.subscr-dur,
.subscr-lic { font-family: "Century Gothic", Arial, sans-serif; text-align: center; }
.subscr-price { color: #FF5400; font-size: 60px; height: 70px; line-height: 60px }
.subscr-price .a1 { font-size: 40px;}
.subscr-dur { color: #666666; font-size: 20px; height: 40px; line-height: 20px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.subscr-lic { color: #333333; height: 70px; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif}
.subscr-lic .a1 { font-size: 20px; line-height: 20px; }
.subscr-lic .a2 { font-size: 36px; line-height: 36px; text-transform: uppercase }
.subscr-url { text-align: center; }
.dev .subscr-lic .a2 { font-size: 30px; line-height: 36px; text-transform: uppercase }
.the-box-page h3 { color: #FF6500; font-size: 20px; font-weight: normal; text-align: center }
.the-box-page .sep { height: 10px; background-color: #EDEDED }
.the-box-page .fieldset { padding: 0px 30px 20px}
.the-box-page .label { font-size: 14px; padding: 10px 0px; vertical-align: middle}
.the-box-page input.input-text { padding: 5px !important; font-size: 14px !important; width: 200px; }
.the-box-page .ebox-left,
.the-box-page .ebox-right { width: 48%; }
.the-box-page .required-info { color: #0096D5; font-size: 12px;}
.the-box-page .ebox-list { width: 100% }
.user-profile { width: 900px; margin: auto auto}
.user-profile .fieldset { }
.user-profile .box-02 .BR { min-height: 110px; }
.user-profile h4 { color: #333; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
.user-profile dt { display: block; width: 120px; float: left; clear: left; font-weight: bold; text-align: right}
.user-profile dd { display: block; float: left; padding-left: 15px}
.user-profile .sep { height: 5px; }
.user-activate .box { width: 400px ;margin: auto auto }
.user-history { width: 930px ; margin: auto auto; min-height: 110px; }
.user-history .box-02 .BR { min-height: 110px; }
.user-history th { font-size: 12px; }
.user-history .BC { background-image: url(images/fsnet_forum_view-BC.png); }
.user-history .BL { background-image: url(images/fsnet_forum_view-BL.png); }
.user-history .BR { background-image: url(images/fsnet_forum_view-BR.png); }
.user-history dt { display: block; width: 170px; float: left; clear: left; font-weight: bold; margin-bottom: 5px}
.user-history dd { display: block; margin-left: 170px; margin-bottom: 5px}
.user-history .sep { height: 5px; }
/* PROFILE TABS */
.profile-tabs { margin-bottom: 40px; }
.profile-tabs dl { background: url(images/pr-tab-bkg.png) 0 51px repeat-x; height: 76px;}
.profile-tabs dd,
.profile-tabs dd a,
.profile-tabs dd span { display: block; height: 76px; font-size: 20px; font-weight: normal; }
.profile-tabs dd { float: left; width: 210px; margin-right: 16px; }
.profile-tabs dd.last { margin-right: 0px; }
.profile-tabs dd.first { margin-left: 21px; }
.profile-tabs dd a:link,
.profile-tabs dd a:visited { background: url(images/pr-tab-TL.png) 0 5px no-repeat; color: #999; }
.profile-tabs dd a.active,
.profile-tabs dd a:hover { background: url(images/pr-tab-act-TL.png) 0 0px no-repeat; color: #01405D}
.profile-tabs dd a span { background: url(images/pr-tab-TR.png) 100% 5px no-repeat; line-height: 56px; margin-left: 10px;}
.profile-tabs dd a:hover span { color: #ff6500; line-height: 56px;}
.profile-tabs dd a.active span { line-height: 50px !important; }
.profile-tabs dd a.active span,
.profile-tabs dd a:hover span { background: url(images/pr-tab-act-TR.png) 100% 0px no-repeat; }
.profile-tabs dd a span img { float: left; position: relative; top: -15px; left: -10px }
.profile-tabs dd a.active span img { float: left; position: relative; top: -25px; left: -10px }
/* PROFILE UPGRADE & RENEW */
.the-box-page h2 { color: #FF6500; font-size: 20px; font-weight: normal; text-align: center }
.the-box-page h4 { color: #666; font-size: 18px; font-weight: normal; }
.ugrade-item { margin-left: 120px; margin-bottom: 20px; }
.ugrade-item .BR { background-image: url(images/comments/comm-BR-nolink.png)}
.ugrade-item .comm-cont { padding: 10px 20px 10px 27px; text-align: center; }
.ugrade-lic { color: #666; font: 20px/1.1em "Trebuchet MS", Arial, Helvetica, sans-serif; text-align: center; margin-bottom: 10px; }
.ugrade-price { width: 100px; font: 45px/1.1em "Century Gothic", Arial, sans-serif; text-align: right; color: #FF5400;}
.ugrade-price .a1 { font-size: 28px;}
.upgrade-link { display: block; font: 16px/1.1em "Century Gothic", Arial, sans-serif; text-align: center; color: #FF5400;}
.renew-item { margin: auto; width: 92%}
.renew-item .BL { background-image: url(images/comments/comm-BL-nolink.png)}
.renew-item .BR { background-image: url(images/comments/comm-BR-nolink.png)}
.renew-item .ML { background-image: url(images/comments/comm-MM.png)}
.renew-item .TL { background-image: url(images/comments/comm-TL-nolink.png)}
.renew-item .comm-cont { padding: 10px 20px 10px 20px; text-align: center; }
.renew-days { display: block; text-align: center; color: #666; font: 18px/1.1em Arial, sans-serif; margin-bottom: 15px; }
.renew-price { display: block; text-align: center; color: #FF5400; font: 26px/1.1em "Century Gothic", Arial, sans-serif; margin-bottom: 15px; }
/* SUBSCRIBE DETAILS PAGE */
.subscribe .fieldset { padding: 0; }
.subscribe dt { display: block; width: 140px; float: left; clear: left; font-weight: bold; text-align: right; margin-bottom: 5px;}
.subscribe dd { display: block; float: left; padding-left: 15px; margin-bottom: 5px;}
.subscribe .task { color: #093}
.subscribe .actions { text-align: right; }
/* CHECKOUT */
.checkout-bar { width: 690px; margin: auto auto }
.checkout-step { width: 130px; text-align: center; float: left;}
.step-sep { width: 150px; height: 128px; float: left; background: url(images/thebox/checkout-sep.png) 0 30px no-repeat; }
.step-sep-dis { width: 150px; height: 128px; float: left; background: url(images/thebox/checkout-sep-dis.png) 0 30px no-repeat; }
/* SUCCESS */
.page-success h1 { color: #FF6500; padding: 25px; }
/*************************/
/******** THEBox Downloads **********/
/* ROOT CATEGORY */
.cat-root-page { padding-top: 30px; }
.cat-root-image { width: 250px; }
.cat-root-image img { }
.cat-root-item { margin-left: 270px; }
.cat-root-item h3 { text-align: left; }
.cat-list-page { }
.cat-list-page .ebox-left { width: 435px; margin: 0 15px 15px; }
.cat-list-image { text-align: center; height: 160px; }
.cat-list-image-spec { text-align: center; height: 230px; }
.box-text-spec { min-height: 80px; padding: 0 20px 20px 20px ; }
.buttons-bar-spec { text-align: center; padding: 10px 0 20px 0; }
.cat-list-page .box-text { min-height: 80px; }
.cat-list-page .fieldset { padding: 0px 30px 20px}
.cat-item-box { width: 250px; float: left; margin: 0px 30px 30px }
.cat-item-box h3 { color: #ff4301; padding-left: 4px; text-transform: uppercase; font-size: 16px; font-weight: bold; margin-bottom: 5px; }
.cat-item-box .actions {padding: 15px 20px 0px}
/* VIEW ITEM */
.item-view-page { position: relative; }
.preview { }
.item-image { width: 460px; }
.mask-big { width: 460px; height: 460px; overflow: hidden; position: relative; }
.mask-img { width: 460px; height: 460px; position:absolute; top: 0px; left: 0px; }
.mask-small { width: 250px; height: 250px; overflow: hidden; position: relative; }
.mask-small-pix { width: 250px; height: 250px; overflow: hidden; background: url(images/pixel.gif) 0 0 repeat; }
.item-info-main { margin-left: 490px}
.item-info-main .actions { padding: 0px 20px; }
.item-view-page dt { font: 18px/1.4em Arial, "Century Gothic", sans-serif; font-weight: normal; color: #01405d; margin: 15px 0px 5px; }
.item-view-page dd { font: 14px/1.4em "Century Gothic", Arial, sans-serif; font-weight: normal; color: #FF6500; margin-left: 30px; padding-left: 15px; }
.item-view-page dd { display: block; background: url(images/bullet_04.png) 0 60% no-repeat; }
.item-view-page dt { display: block; background: url(images/bullet_03_bkg.png) 0 50% no-repeat; padding-left: 30px; }
.item-view-page dd.nobullet { background-image: none; }
.item-view-page .details { margin-left: 30px; }
.free-plugin { margin-left: 320px}
.free-plugin h2 { margin-right: 200px; font: 22px/1.4em Arial, "Century Gothic", sans-serif; font-weight: normal; color: #01405d; }
.details-sep { height: 8px; background-color: #EDEDED; }
.item-navbar ul,
.item-navbar li { margin: 0; padding: 0; line-height: 46px; }
.item-navbar li { display: block; float: left; }
.item-navbar li a { font: 16px/1.4em Arial, "Century Gothic", sans-serif; font-weight: normal; color: #01405d; margin: 0px 30px }
.item-navbar li.active a { font: 18px/1.4em Arial, "Century Gothic", sans-serif; font-weight: normal; color: #01405d; margin: 0px 30px }
.item-navbar li.active a { background: url(images/thebox/item_navbar-active.gif) 0 50% no-repeat; padding-left: 15px; }
.item-banner { background-color: #EDEDED; height: 195px; }
.item-banner .ebox { width: 425px; }
.item-banner .ebox-center { margin: 0px 425px; line-height: 195px; height: 195px; }
.item-banner .ebox .image { line-height: 195px; height: 195px; overflow: hidden; }
.ebox.f-left .banner-text { margin-right: 160px; }
.ebox.f-right .banner-text { margin-left: 160px; }
.item-banner .banner-text h3 { font: 22px/1.4em Arial, "Century Gothic", sans-serif; font-weight: normal; color: #0098d7; margin-bottom: 5px; }
.item-banner .banner-text span {font: 16px/1.4em Arial, "Century Gothic", sans-serif; font-weight: bold; color: #333333; }
.doc-item h2 { font-size: 22px; font-weight: normal; color: #064664 }
.doc-ico { width: 128px; float: left }
.doc-links { width: 180px; float: right }
.doc-text { margin-left: 128px; margin-right: 200px }
.extened-cont { padding: 0 20px; }
.changelog { display: block; line-height: 24px; padding-left: 5px; }
.video-item { width: 405px; float: left; margin: 0px 20px; }
.video-item img { padding: 3px; border: 1px solid #23B3E9; }
.video-item .video-text { margin-left: 150px}
.video-item h2 { font: 14px/1.4em Verdana, sans-serif; font-weight: bold; color: #01405d; }
/* TheBOX INFO PAGES */
.info-page { padding: 0 20px; }
.info-page .intro{ margin-bottom: 20px; }
.info-page h3 { color: #FF6500; font-size: 18px; font-weight: normal; margin-bottom: 5px}
.info-page .q-links h3 { color: #064664; }
.info-page p { padding: 0 15px; margin-bottom: 20px; }
.info-page dl { padding: 0 15px; margin-bottom: 20px; }
.info-page dd { margin-left: 15px; padding-left: 15px; background: url(images/bullet_01.gif) 0 9px no-repeat; line-height: 21px; }
.roadmap-page dt{ display: block; margin-top: 5px; font-weight: bold}
/* BB CODE FSNET */
.extened-cont h3,
#blog-main h3,
.blog-main h3 { color: #FF6500; font-size: 18px; font-weight: normal;}
.bb-date { font-size: 11px; font-weight: bold; color: #FF6500;}
.bb-alt { font-size: 11px; color: #FF6500; }
.bb-strong { font-weight: bold; }
#dl-ajax-container-loader { position: absolute; z-index: 999; top: 200px; left: 50%; margin-left: -101px; border: 1px solid #91DBF9}
#dl-ajax-container-loader .loader-border { background-color: #f2f2f2; width: 200px; padding: 12px 0px}
#dl-ajax-container-loader .loader-image { width: 128px; height: 15px; overflow: hidden; margin: 0 auto}
#dl-ajax-container-loader .loader-image img { vertical-align: top !important;}
/*************************/
/* USER SETTINGS */
.e-profile-page { width: 900px; margin: auto auto}
.e-profile-page dl { margin: 0px 20px; }
.e-profile-page .box-head h3 { text-align: left; margin-bottom: 3px }
/* FORUM */
#forum-wrapper { }
#forum-wrapper .BC { background-image: url(images/fsnet_forum_view-BC.png); }
#forum-wrapper .BL { background-image: url(images/fsnet_forum_view-BL.png); }
#forum-wrapper .BR { background-image: url(images/fsnet_forum_view-BR.png); }
#forum-wrapper .forum-view-header { }
#forum-wrapper .forum-view-header .menu-caption { min-height: 60px; }
#forum-wrapper .forum-view { padding-top: 20px; }
#forum-wrapper .sub-contaner .forum-bar { display: none; }
#forum-wrapper .forum-bar .TC { height: 46px; background-image: url(images/fsnet_forum_bar-TC.png); }
#forum-wrapper .forum-bar .TL { height: 46px; background-image: url(images/fsnet_forum_bar-TL.png); }
#forum-wrapper .forum-bar .TR { height: 46px; background-image: url(images/fsnet_forum_bar-TR.png); }
#forum-wrapper .forum-bar td { vertical-align: middle; height: 46px; font-size: 14px; }
#forum-wrapper .padding { padding: 0px 15px; }
.section-sep { background-color: #EDEDED; height: 9px; width: 100% }
#forum-wrapper .forum-sections .replace, #forum-wrapper .forum-threads .replace { height: 36px; }
#forum-wrapper .forum-sections td { vertical-align: top; padding-bottom: 20px; font-size: 14px; }
#forum-wrapper .forum-threads td { vertical-align: top; padding-bottom: 10px; font-size: 14px; }
#forum-wrapper .forum-sections .section-name { font-size: 18px; font-weight: normal; color: #ff4301; }
#forum-wrapper .forum-name,
#forum-wrapper .thread-name { vertical-align: top; }
#forum-wrapper .forum-name .description { font-size: 12px; }
#forum-wrapper .forum-sections .forum-name { font-size: 16px; }
#forum-wrapper .forum-sections .forum-last-post { font-size: 12px; }
#forum-wrapper .forum-name a,
#forum-wrapper .thread-name a { font-weight: bold; }
#forum-wrapper .forum-name div.smalltext a { font-size: 12px; }
#forum-wrapper .user-list-link a {display: block; padding-left: 28px; color: #1E455D; height: 24px; line-height: 24px; font-size: 16px; font-weight: bold; background: url(images/fsnet_bullet_02.png) 0 50% no-repeat }
.icons { padding-top: 30px; padding-left: 15px; }
.icons td { vertical-align: top; font-size: 14px;}
#forum-wrapper .forum-sections .forum-date,
#forum-wrapper .forum-threads .forum-date { font-size: 12px; }
.forum-title { margin-left: 40px; }
.thread-status { font-weight: bold; }
.forum-nextprev {}
.forum-view .user-info { width: 200px; }
.forum-view .nextprev { }
.forum-view .nextprev-wrapper span { font-size: 11px; }
.forum-view .nextprev-wrapper .cont { margin-right: 10px; }
.forum-view .nextprev-wrapper .item { padding: 0 6px; margin-right: 3px; border: 1px solid #C6DFFF; }
.forum-view .nextprev-wrapper .current { color: #039; background-color: #E6F1FF }
.forum-view .nextprev-wrapper a.jump:link,
.forum-view .nextprev-wrapper a.jump:visited { color: #F60; font-size: 11px !important; }
.forum-view .nextprev-wrapper a:hover { color: #039; background-color: #E6F1FF;}
.poster { vertical-align: top; text-align: center}
.poster a { font-size: 18px; text-decoration: none; font-family: Arial, Gadget, sans-serif}
td form div input { vertical-align: top; }
.forum-view .user-info .spacer { text-align: center; }
.forum-avatar { width: 90px; height: 90px; margin: auto auto; background: url(images/forum-avatar.png) 0 0 no-repeat; overflow: hidden }
.forum-avatar .avatar-bkg { background-color: #FFF; }
.forum-avatar img { width: 90px; height: 90px; }
.forum-nextprev, .forum-nextprev a { font-size: 11px; color: #138DBC}
.breadcrumb { font-size: 11px; }
.ico-posted { width: 128px; float: left; text-align:center; padding: 30px 0px 40px; }
.text-posted { margin-left: 128px; padding: 40px 0px; }
/* CORE OVERRIDE */
input.input-text,
textarea,
select, .tbox, .helpbox {
border-color:#cccccc !important;
}
.message-title {
font-size: 20px !important;
font-weight: normal !important;
}
.message-item { padding-left: 10px; background: url(images/msg_item.gif) 0 8px no-repeat; color: #333 }
table.e-frontlist { width:100%; border:1px solid #ddd;}
table.e-frontlist th { padding: 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; font-weight: bold }
table.e-frontlist td { padding: 5px; border-bottom:1px solid #ddd; border-right: 1px solid #ddd; }
table.e-frontlist th.last,
table.e-frontlist td.last { border-right: 0px solid;}
table.e-frontlist tr.last td{ border-bottom: 0px solid;}
table.e-frontlist thead { background-color:#f2f2f2; }
table.e-frontlist tbody {}
table.e-frontlist tfoot {}
table.e-frontlist tr.first {}
table.e-frontlist tr.last {}
table.e-frontlist tr.odd {background-color:#FFF;}
table.e-frontlist tr.even { background-color:#f6f6f6; }
.e-data {}
.e-data dt { display: block; width: 25%; float: left; clear: both; padding-bottom: 5px}
.e-data dd { display: block; float: left; width: 75%; padding-bottom: 5px}
.e-data .e-data-help { display: block; font-size: 11px; }
table.downloads { width:100%; border:1px solid #D2E6FF;}
table.downloads thead { background-color:#E5F0FF; }
table.downloads th { border-bottom:1px solid #D2E6FF; border-right: 1px solid #D2E6FF; }
table.downloads td { padding: 5px; border-bottom:1px solid #D2E6FF; border-right: 1px solid #D2E6FF; }
table.downloads tr.even { background-color:#F6F9FF; }
table.downloads tr.odd { background-color:#F6F9FF; }
table.downloads h3 { color: #ff4301; padding-left: 4px; font-size: 18px; font-weight: normal; }
/* LIVE CENTER */
.live-center { }
/* Footer */
.footer-menu,
.footer-menu table,
.footer-menu td {color: #fff}
/* CSS CORE */
.smalltext, .smallblacktext, .smalltext a { font: normal 11px arial, verdana, tahoma, sans-serif; }
div.smalltext a { font-size: 11px !important }
.tbox, .helpbox { background-color: #FFF;color: #333; line-height: 18px;}
.tbox.chatbox , .helpbox, .tbox.comment, textarea { background-color: #FFF; width: 95%; margin: auto auto; margin-bottom: 10px; color: #333}
textarea { font-family: "Courier New", Courier, Arial, monospace !important; }
.fborder, .border{ border-collapse: collapse; border-spacing: 0px; }
.forumheader, .forumheader2, .forumheader3, .forumheader4, .fcaption, .finfobar { padding: 4px; border: 0px solid #B6A794; }
.forumheader { color: #333; font-size: 14px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: bold; }
.forumheader2 { }
.forumheader3, .finfobar { }
.forumheader4 {}
.forumheader5 { cursor: pointer; }
.fcaption { font-weight: bold; }
.f-title { font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: normal; color: #0072C1 }
.searchhighlight { text-decoration: underline; color: #993333; font-weight: bold; }
/* CSS FIX LIST PLUGIN */
div.forumheader { font-size: 12px !important; }
.indent { margin: 0; padding: 10px 10px 10px 70px; border: 1px solid #CCC; background: url(images/quote.png) #ebebeb 5px 5px no-repeat }
/* DOWNLOAD INLINE MESSAGES */
.inline-message { background-color: #fff; width: 100%; height: 100%; }
.inline-message .content {padding: 10px; font-size: 14px}
.code-box { background-color: #F4F4F4; border: 1px solid #C5C5C5; padding: 20px; }
.newsimage-list { margin-left: 200px; }
.facebook-fan { position: absolute; right: 20px; top: 80px; width: 220px; height: 40px; }
.facebook-fan img { vertical-align: bottom}
.special_of { width: 964px; margin: 0px auto 40px auto ; padding: 10px 0 20px 0; }
.probg { float: left; text-align: left; width: 450px; border: 0px #000 none; margin-left: 20px;}
.paysupport { float: right; text-align: left; width: 450px; border: 0px #000 none; margin-right: 20px; }
.banner_sup { width: 964px; height: 197px;}