@charset "UTF-8";
/* Wacko Wiki Quick Start - science.janvarev.ru*/

/* reset styles  */
@import url(../../../lib/grid12css/reset.css);
/* import grid styles  */
@import url(../../../lib/grid12css/grid12.css);
/* import wakka styles */
@import url(../../../lib/grid12css/system.css);
/* import standart format styles  */
@import url(../../../lib/grid12css/format.css);

/*   -------------------------------------------------------*/
body { font-size: 14px; font-family:Arial, Geneva, sans-serif; text-align: left; line-height:1.7em; }

#top  { width: 100%; margin: 20px 0px 1px; }
#logo img { margin:15px 20px; }
#main_menu {height:39px; background: #eee url(../images/main_menu.png) repeat-x 0% 0%; border: solid #bbb; border-width: 1px 0px; }
#main_menu #items { padding:10px 10px 0 }
#main_menu a { color: #666; text-shadow: #fff 0px 1px 0px; font-size:16px; font-weight:bold; margin:10px 20px 0 10px; }

h1 { padding: 5px 0 10px 0; font-size: 30px; font-weight: normal; color: #222; }
h2 { padding: 35px 0 7px 0;  font-size: 18px; font-weight: normal; color: #444; }   /*TRBL*/
h3 { padding: 20px 0 7px 0;  font-size: 16px; font-weight: bold; font-style:italic; color: #888; }
h4 { padding: 15px 0 3px 0;  font-size: 14px; font-weight: bold; color: #444; }

.h2 { padding: 0 0 7px 0;  font-size: 18px; font-weight: normal; color: #444; }

ul { list-style: outside; }
li { margin-left: 30px;}

#header_box { margin:1px 0px 40px; height:426px; }
#header_box .border .left { background: url(../images/color_box_l.png) repeat-x 0% 0%; height:426px; }
#header_box .border .right { background: url(../images/color_box_r.png) repeat-x 0% 0%; }
#header_box .info { position:relative; top:-426px; background: url(../images/color_box.png) no-repeat 50% 0%; }

#header_line { margin:1px 0px 30px; height:87px; }
#header_line .border .left { background: url(../images/color_line_l.png) repeat-x 0% 0%; height:87px; }
#header_line .border .right { background: url(../images/color_line_r.png) repeat-x 0% 0%; }
#header_line .info { position:relative; top:-87px; background: url(../images/color_line.png) no-repeat 50% 0%; }

h1.title { color: #fff; height:47px; text-shadow: #600 0px -2px 0px; font-size:30px; margin:31px 20px 0; font-weight:normal; }
.main_text { height:420px; width: 491px; }
.main_h1 { color: #fff; text-shadow: #600 0px -2px 0px; font-size:38px; margin:50px 0 0 20px; }
.main_p { color: #fee; text-shadow: #600 0px 1px 0px; font-size:14px; margin:32px 30px 0 20px; }
.main_p a { color: #fc6; text-decoration: none; }
.main_p a:hover { color: #fc6; text-decoration: underline; }
.main_links  { margin-top:74px; }
.main_links  img { width:195px; height: 70px; margin:0px 7px 0 18px;}
.main_editor { padding: 36px 0 0; }
.col1, .col2 { padding-left: 20px; width:260px; }
.col3 { padding-left: 20px; width:380px; }
.col1a { width:560px;}
.col_content { padding-left: 20px; }


.feature_item { margin:0px 0 30px; }
.testimonial { margin:0px 0 30px; }
.testimonial .text { background: url(../images/testimonial_top.png) no-repeat 0% 0%; padding:20px 40px 10px 20px; font-style:italic; }
.testimonial .bottom { background: url(../images/testimonial_bottom.png) no-repeat 0% 0%; height:30px; }
.testimonial .author { font-size:0.9em; }

#submenu { background: url(../images/menu_bg.png) repeat-y 0% 0%; }
#submenu .menu_top { background: url(../images/menu_top.png) no-repeat 0% 0%; }
#submenu .menu_bottom { background: url(../images/menu_bottom.png) no-repeat 0% 100%; }
#submenu ul { list-style-type: none; }
#submenu li { text-align:center; margin:0px; padding: 0 30px 0 0; }
#submenu li a { color: #666; font-size:14px; }
#submenu .normal {height:25px; padding-top:6px; }
#submenu .selected { height:33px; padding-top:10px; font-weight:bold; background: url(../images/menu_select.png) no-repeat 0% 0%; text-shadow: #fff 0px 1px 0px;  }

.for_header { background:#a20; }
.purchase { border: 1px dashed #ccc; padding:8px; margin-top:20px; }
.purchase table { margin:0; border: 6px #eee solid; border-spacing:0; border-collapse:collapse; line-height:1.2em; }
.purchase td { height: 45px; vertical-align: middle; text-align:center; border: solid #eee 1px; }
.purchase .header {height: 60px; color: #fff; background: #a20; text-shadow: #600 0px 1px 0px; font-size:24px; }
.purchase td.tr-spacer { height:4px; background: #fff; padding:0; border:0; }
.purchase span.markup {font-size:18px; color: #888; font-style:italic; }
.purchase .title {text-align:left; padding: 0 0 0 15px; }
.purchase .buynow {height: 70px;}

#content {border-bottom: 1px dashed #ccc; margin-bottom:5px; padding-bottom: 30px;}
#footer  { padding-top: 20px; padding-bottom: 60px; background:#eee;}

/*     ------------------------------------------------*/
a { color: #069; text-decoration:none; }
a:hover { color: #3ac; text-decoration: underline; }
a.bg:hover { color: #fff; background: #FF7800; }
a.goto { padding:0 2px; font-weight:bold; font-size:14px; border: 1px dotted #999; }
a.goto:hover { color: #fff; border: 1px solid #999; background: #999; }

/*   -----------------------------------------------*/
.black a:hover,
.red a:hover,
.green a:hover,
.gray a:hover,
.orange a:hover  { color:#fc0; }

.outerlink { text-decoration: underline; }

.replyFormDiv td { padding: 3px 0px; }
.defaultHiddenReply { display: none; }

.in-box {margin: 10px; padding:10px; border: 1px solid #666; color:#666; }

.lb-agree    { color:#6a3; background:#efd; padding: 0px 5px; }
.lb-disagree { color:#a63; background:#fed; padding: 0px 5px; }
.tx-agree    { margin:1em 0px; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; background: #efd; }
.tx-disagree { margin:1em 0px; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted; background: #fed; }
