/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

body { line-height: 1.6em; background-color: #f5f5f5; font-size: 12px; font-family: "Lucida Grande" , Arial, Helvetica, Verdana, sans-serif; margin: 0; padding: 0; color: black; }

a { color: #0187C5; text-decoration: underline; }
a:visited { color: #0187C5; }

a.bold { text-decoration: none; font-weight: bold; }
a.bold:hover { text-decoration: underline; }

a.visit:visited { color: #386C7A; }

a:hover { color: #0187C5; text-decoration: underline; }
a:active { color: #B50D07; }

#sidebar a { text-decoration: none; }
#sidebar a:hover { text-decoration: underline; }
#sidebar h4 { margin-bottom: 5px; }

ul { list-style-position: inside; }
ul { margin: 0 0 0px 0; line-height: 1.6em; }

h2 a { color: #7F511D; text-decoration: none; border-bottom: solid 1px #7F511D; }
h3 a { text-decoration: none; }
h3 a:hover { text-decoration: none; border-bottom: solid 1px #0187C5; }
h2 a:hover { color: #D51007; text-decoration: none; border-bottom: none; }
h2 a:visited { color: #7F511D; }

/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-size: 1.5em; color: #000; margin: 0 0 15px 0; }

h2 { color: #7F511D; }

h1 { font-size: 22px; padding-bottom: 10px; border-bottom: solid 1px #ccc; }
h2 { font-size: 18px; }
h3 { font-size: 1.2em; }
h4 { font-size: 1.1em; }
h5, h6 { font-size: 1em; }

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2 { margin-top: 0; }

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */

#header { position: relative; margin-bottom: 0px; color: #000; padding: 0; padding: 0 20px; overflow: hidden; background: url(images/header_bg.gif); border: solid 1px white; border-bottom: solid 1px #ccc; border-radius: 2px; }
#header .logo { font-weight: bold; padding: 5px 0; margin: 0; color: #fff; border: none; line-height: 2em; font-size: 32px !important;}
#header a.logo { padding-left: 320px; display: block; }
#header a.logo span { clear: left; font-size: 20px; }
.logo_en {width: 250px;height: 48px; background: url(images/logo_main_en.png) no-repeat left center;}
.logo_ru {background: url(images/logo_main_ru6.png) no-repeat left center;}


#main { margin-bottom: 30px; _height: 1px; /* only IE6 applies CSS properties starting with an underscore */ }

.page { box-shadow: 0px 0px 6px #ccc; margin-top: 10px; border: solid 1px #ccc; padding: 0; border-radius: 2px; background-color: White; }
.page_wrapper { width: 1000px; margin-left: auto; margin-right: auto; }
#main_wrapper { padding: 25px 30px 15px 30px; background-color: #fff; }

.col20 { width: 20%; }
.col25 { width: 25%; }
.col30 { width: 30%; }
.col40 { width: 40%; }
.col50 { width: 50%; }
.col60 { width: 60%; }
.col70 { width: 70%; }
.col75 { width: 75%; }
.col80 { width: 80%; }

#footer { padding: 10px 0; line-height: normal; }

/* SIDE BAR
----------------------------------------------------------*/
#sidebar { border-left: dashed #ccc 1px; padding-left: 20px; }
#sidebar h3 { margin-bottom: 5px; color: #aaa; }
#sidebar ul.menu { list-style: none; padding: 0px; font-size: 14px; }
#sidebar ul.menu li { border-bottom: dotted 1px #e5e5e5; }
#sidebar ul.menu ul li { border-bottom: none; }
#sidebar ul.menu ul { list-style-position: outside; padding-left: 0px; font-size: 12px; margin-bottom: 0px; list-style: none; }
#sidebar ul.menu li.active span { font-weight: bold; }
#sidebar ul.menu li .practice_link, .lessons_tree .practice_link { float: right; padding-left: 20px; background: url(Images/fatcow/16/plugin.png) no-repeat 0px 3px; margin-left: 10px; width: 16px; height: 18px; font-size: 10px; color: #888; }

/* Lesson Tree
----------------------------------------------------------*/
#content .lessons_tree { padding-left: 20px; }
#content .lessons_tree h3 { margin-bottom: 5px; color: #aaa; }
#content ul.lessons_tree { list-style: none; padding: 0; font-size: 14px; }
#content ul.lessons_tree ul { list-style-type: none; padding-left: 0px; font-size: 12px; margin-top: 5px; margin-bottom: 5px; }
#content ul.lessons_tree li .wrapper, #sidebar ul.lessons_tree li .wrapper { padding-left: 20px; }
#content ul.lessons_tree .exclude_link, #sidebar ul.menu .exclude_link { background: url(Images/fatcow/16/bullet_toggle_plus.png) no-repeat 0px 2px !important; cursor: pointer; }
#content ul.lessons_tree ul, #sidebar ul.lessons_tree ul { margin-left: 20px; }
#content ul.lessons_tree .expander, #sidebar ul.lessons_tree .expander { width: 16px; height: 16px; float: left; background: url(Images/fatcow/16/bullet_black.png) no-repeat 0px 2px; }
#content ul.lessons_tree .include_link, #sidebar ul.menu .include_link { background: url(Images/fatcow/16/bullet_toggle_minus.png) no-repeat 0px 2px !important; cursor: pointer; }

/* TAB MENU   
----------------------------------------------------------*/
#menucontainer { overflow: hidden; background-color: #eee; margin-bottom: 2px; border-top: solid 1px white; border-left: solid 1px white; border-right: solid 1px white; box-shadow: 0 1px 1px #bbb; }
#menucontainer ul { padding: 0 0 2px; position: relative; margin: 0; }
#menucontainer ul li { display: block; list-style: none; float: left; }
#menucontainer ul li.right { float: right; }
#menucontainer ul li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; }
#menucontainer ul li a { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #444; text-shadow: 1px 1px white; }
#menucontainer ul li a:hover { font-weight: bold; background: #fafafa; color: #666; }
#menucontainer ul li a:active { background: #666; color: #f8f8f8; text-shadow: none; }
#menucontainer ul li.selected a { background-color: #fff; color: #000; }

#menucontainer_en { overflow: hidden; background-color: #1065B6; margin-bottom: 2px;border: none; box-shadow: 0 1px 1px #bbb; }
#menucontainer_en ul { padding: 0 0 2px; position: relative; margin: 0; }
#menucontainer_en ul li { display: block; list-style: none; float: left; }
#menucontainer_en ul li.right { float: right; }
#menucontainer_en ul li#greeting { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; }
#menucontainer_en ul li a { padding: 10px 20px; font-weight: bold; text-decoration: none; line-height: 2.8em; color: #FFFFFF; text-shadow: 0 0; }
#menucontainer_en ul li a:hover { font-weight: bold; background: #1052A4; color: #666; }
#menucontainer_en ul li a:active { background: #666; color: #f8f8f8; text-shadow: none; }
#menucontainer_en ul li.selected a { background-color: #fff; color: #000; }


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset { border: 1px solid #ddd; padding: 0 1.4em 1.4em 1.4em; margin: 0 0 1.5em 0; }
legend { font-size: 1.2em; font-weight: bold; }
textarea { min-height: 75px; padding: 2px 5px; }
input[type="text"] { width: 200px; border: 1px solid #CCC; padding: 2px 5px; }
input[type="password"] { width: 200px; border: 1px solid #CCC; padding: 2px 5px; }

/* TABLE
----------------------------------------------------------*/

.furjbqy table td, .furjbqy table { border: none; }

table { border: solid 1px #f0f0f0; border-collapse: collapse; }
table td { padding: 5px; border: solid 1px #f0f0f0; }
table th { padding: 6px 5px; text-align: left; background-color: #f0f0f0; border: solid 1px #f0f0f0; text-shadow: 1px 1px white; }

/* MISC  
----------------------------------------------------------*/
hr { border-bottom: solid 1px #ccc; border-top: none; border-left: none; border-right: none; color: #ccc; height: 1px; }

.clear { clear: both; }
.error { color: Red; }

#header #title { display: block; float: left; text-align: left; }
#header #title a.logo { color: #7F511D; text-shadow: 1px 1px 0 #fff; text-decoration: none; }

#logindisplay { font-size: 1.1em; display: block; text-align: right; margin: 10px 0; color: black; }
#logindisplay a:visited { color: #444; text-decoration: underline; }
#logindisplay a:hover { color: #444; text-decoration: none; }

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error { color: #ff0000; }
.field-validation-valid { display: none; }
.input-validation-error { border: 1px solid #ff0000; background-color: #ffeeee; }
.validation-summary-errors { font-weight: bold; color: #ff0000; }
.validation-summary-valid { display: none; }

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label, .editor-label { margin: 1em 0 0 0; font-weight: bold; font-size: 1.2em; color: #666; }
.editor-label .required { color: #F00; font-size: 1.2em; font-weight: bold; }
.display-field, .editor-field { margin: 2px 0 0 0; }

.text-box { width: 30em; }
.text-box.multi-line { height: 6.5em; }

.tri-state { width: 6em; }

.news .date { display: block; color: #555; padding-left: 20px; background: url(images/calendar.png) no-repeat; }

table.layout td { vertical-align: top; }
table.layout > tbody > tr > td { padding: 0; }

table.borderless { border: none; border-collapse: collapse; border-spacing: 0px; }
table.borderless > tbody > tr > td { border: none; }

.smallicon { padding-left: 20px; }
.smallicon.arrow-left { background: url(Images/Arrow_Left.png) no-repeat center left; }
.smallicon.arrow-right { padding-left: 0; padding-right: 20px; background: url(Images/arrow_right.png) no-repeat center right; }

#breadcrumbs { font-size: 120%; padding-bottom: 10px; }
#breadcrumbs a { color: #7F511D; }
#breadcrumbs span { }

.ajaxload { background: url(images/ajax-loader.gif) no-repeat center left; padding-left: 20px; }
.ajaxload.right { background-position: center right; padding-left: 0px; padding-right: 24px; }\

dl dt { font-weight: bold; }

.accept_icon { background: url(Images/accept.png) no-repeat center left; padding: 5px 0 5px 20px; height: 20px; }
.cancel_icon { background: url(Images/cancel.png) no-repeat center left; padding: 5px 0 5px 20px; height: 20px; }

input[type="submit"].bold-button { border: none; color: #0187C5; font-weight: bold; text-decoration: none; cursor: pointer; background: transparent; }
input[type="submit"].bold-button:hover { text-decoration: underline; }

#flash_message { border: solid 1px #9BCAD5; background-color: #E4F3FE; padding: 10px; margin-bottom: 20px; box-shadow: 1px 1px 2px #EEE; }
.important_message { border: solid 1px #F7C735; background-color: #FFFFAA; padding: 10px; margin-bottom: 20px; box-shadow: 1px 1px 2px #EEE; }

.message { padding: 10px; margin-bottom: 10px; box-shadow: 1px 1px 2px #EEE; }
.message.icon { background-position: 10px center; background-repeat: no-repeat; padding-left: 50px; } 
.message.notification { border: solid 1px #9BCAD5; background-color: #E4F3FE; }
.message.notification.icon { background-image: url(images/fatcow/32/information.png); }
.message.warning { border: solid 1px #F7C735; background-color: #FFFFAA; }
.message.warning.icon { background-image: url(images/fatcow/32/error.png); }

.header-bottom { padding-right: 1px; }
.header-bottom .message { border-top: none; border-right: none; border-left: none; margin: 0px; }

.feature_plan { float: left; margin-right: 20px; border: solid 1px #ccc; padding: 0px; width: 270px; box-shadow: 1px 1px 2px #EEE; }
.feature_plan.highlighted { border: solid 1px #F7C735; }
.feature_plan.highlighted th { background-color: #FFFFAA; }

#puzzle_information { width: 220px; }
#puzzle_information.solved { padding: 10px; background-color: #CCFF99; border: solid 1px #669900; box-shadow: 1px 1px 2px #EEE; }
#puzzle_information.unsolved { padding: 10px; background-color: #FFF5C3; border: #FFB300 1px solid; box-shadow: 1px 1px 2px #EEE; }

.ac_results { padding: 0px; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0px; padding: 2px 5px; cursor: default; display: block; /*  	if width will be 100% horizontal scrollbar will apear  	when scroll mode will be used 	*/ /*width: 100%;*/ font: menu; font-size: 12px; /*  	it is very important, if line-height not setted or setted  	in relative units scroll will be broken in firefox 	*/ line-height: 16px; overflow: hidden; }
.ac_loading { background: white url('indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; }
.ac_over { background-color: #0A246A; color: white; }

.payment_methods img { vertical-align: middle; margin-right: 10px; }

.subscriptions_list .feature-item:hover { background-color: #f9f9f9; }
.subscriptions_list .plans-row { overflow: hidden; display: block; margin-bottom: 20px; }

/* Lists */

ul.checklist { list-style: none; }
ul.checklist li { background-image: url(images/icon_check.png); background-repeat: no-repeat; padding-left: 25px; }

/* Icons */

.icon-32 { padding-left: 40px; height: 32px; background: left center no-repeat; }
.icon-16 { padding-left: 20px; background: left center no-repeat; }

.icon-32.icon-download-win { background-image: url(images/fatcow/32/download_for_windows.png); }
.icon-16.icon-download-win { background-image: url(images/fatcow/16/download_for_windows.png); }
.icon-16.icon-download { background-image: url(images/fatcow/16/download.png); }
.icon-16.icon-qip { background-image: url(images/fatcow/16/qip_online.png); }
.icon-16.icon-email { background-image: url(images/fatcow/16/email.png); }
.icon-16.icon-yahoo { background-image: url(images/fatcow/16/yahoo.jpg); }
.icon-16.icon-skype { background-image: url(images/fatcow/16/skype.gif); }
.icon-16.icon-agent { background-image: url(images/fatcow/16/mailruagent.png); }
.icon-16.check { background-image: url(images/icon_check.png); }
.icon-16.plugin { background-image: url(Images/fatcow/16/plugin.png); }

/* Buttons */

.page input[type="submit"], .page .button { padding: 5px 10px; display: inline; background: #777 url(images/button.png) repeat-x bottom; border: none; color: #fff; cursor: pointer; font-weight: bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; text-shadow: 1px 1px #444; text-decoration: none; box-shadow: 1px 1px 0 #666; }
.page input[type="submit"]:hover, .page .button:hover { text-decoration: none; color: White; background-position: 0 center; box-shadow: 1px 1px 0 #777; }
.page input[type="submit"]:active, .page .button:active { position: relative; top: 1px; padding: 6px 10px 4px; }
.page .button:visited { color: White; }

.page .button.red { background-color: #e50000; text-shadow: none; }
.page .button.purple { background-color: #9400bf; text-shadow: none; }
.page .button.green { background-color: #58aa00; }
.page .button.grey { background-color: #696969; }
.page .button.green:active { box-shadow: 1px 1px 0 #58aa00; }
.page .button.orange { background-color: #ff9c00; text-shadow: none; }
.page .button.blue { background-color: #2c6da0; }
.page .button.black { background-color: #333; }
.page .button.white { background-color: #fff; color: #000; text-shadow: 1px 1px 0 #fff; }
.page .button.small { font-size: 75%; padding: 3px 7px; }
.page .button.small:active { padding: 4px 7px 2px; background-position: 0 top; }
.page .button.large { font-size: 125%; padding: 7px 12px; }
.page .button.large:active { padding: 8px 12px 6px; background-position: 0 top; }

.dashboard-buttons-container { overflow: hidden; }

.dashboard-button { display: block; text-align: center; width: 90px; border: solid 1px #ccc; padding: 7px 10px; text-decoration: none; float: left; margin-right: 10px; }
.dashboard-button:hover { text-decoration: none; background-color: #F0F0F0; }
.dashboard-button:active { background-color: #ccc; color: White; }

.width100 { width: 100%; }
.borderless { border: 0; }

.pages-list a, .pages-list span { border: solid 1px #ccc; padding: 3px 7px;margin: 0 1px;text-decoration: none; }
.pages-list a:hover { background-color: #ccc; }
.pages-list a:active { background-color: #444; border-color: #444; color: White; }
.pages-list .page-dots { border: none; }

.advertising { text-align: center; }