*{margin:0; padding:0}
html, body{height:100%; width:100%; font-family: 'Open Sans', sans-serif!important; font-size:90%}

body{ background-color: #f2f2f2; margin: 0 auto;}

p{margin:1em 0 1em 0}
img, embed, object{max-width:100%}
a img{border:0}
a, .a{color:#55a51c; cursor:pointer}

h1{font-weight:normal; font-size:180%}
h2{font-weight:normal; font-size:160%}
h3{font-weight:normal; font-size:140%}
h4{font-weight:normal; font-size:120%}

.ash1{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:180%}
.ash2{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:160%}
.ash3{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:140%}
.ash4{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:120%}

h1.title{margin:0px 0 1em}
h2.title{margin:1em 0 1em}
h2.title2{margin:1em 0 0.6em}
h3.title{margin:1em 0 0.6em}

.artefactTitle{color:#e66b08}

h3.titleInBlock{margin:0 0 0.5em}

.displayArticle h1{margin:0px 0 0.8em}
.displayArticle h2{margin:1em 0 0.8em}
.displayArticle h3{margin:1em 0 0.8em}

h1.titleTop{margin-left:20px; padding-top:20px}

a.button{display:block; color:Black; background:url("../images/gradient_button_bg.png") repeat-x; border:1px solid rgb(70,135,23); text-decoration:none; line-height:20px; height:20px; text-align:center; width:100px}

a.button:hover{background:url("../images/gradient_button_hover_bg.png") repeat-x}
a.function, .a.function{text-decoration:none; border-bottom:1px dashed #55a51c}

a.action{text-decoration:none}

a.action:hover, a.action:active{text-decoration:underline}

.goalButton{display:block; text-indent:-9999px; background:url("../images/goal_n.png") no-repeat; width:193px; height:38px}
.goalButton:hover{background:url("../images/goal_h_n.png") no-repeat}

.beginButton{display:block; text-indent:-9999px; background:url("../images/begin.png") no-repeat; width:193px; height:38px}
.beginButton:hover{background:url("../images/begin_l.png") no-repeat}

.analysButton{display:block; text-indent:-9999px; background:url("../images/analys.png") no-repeat; width:193px; height:38px}
.analysButton:hover{background:url("../images/analys_l.png") no-repeat}

form input[type="submit"]{padding:2px 8px}/**/


input[type="button"], input[type="submit"], input[type="reset"], input[type="password"]{border:1px solid rgb(70,135,23)}
input[type="button"], input[type="submit"], input[type="reset"]{height:22px; background:url("../images/gradient_button_bg.png") repeat-x}
input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover{background:url("../images/gradient_button_hover_bg.png") repeat-x}
ul, ol{list-style-position:inside}
textarea{resize:vertical}

form input[type="submit"].action{color:#55a51c; cursor:pointer; text-decoration:none; background:none; border:none; padding:0; height:auto; font-family:Arial,Helvetica,sans-serif}
form input[type="submit"].action:hover, form input[type="submit"].action:active{text-decoration:underline}

#mainFormBox{float:left;  width:685px}
#mainFormBox form input[type="submit"]{float:left}
#mainFormBox form a.button{float:left; width:140px; margin-top:14px; margin-left:15px}

#mainNewFormBox{ margin: 0 auto;width: 820px;}
#mainNewFormBox form input[type="submit"]{float:left}
#mainNewFormBox form input[type="reset"]{float:left}
#mainNewFormBox form a.button{float:left; width:140px; margin-top:14px; margin-left:15px}

.commentActions div{line-height:1.4em}

.label, .field{margin-bottom:5px}

.label{text-align:right; clear:left; float:left; line-height:14px; padding:4px 10px 0 0}

.hide{display:none!important}
.left{float:left}
.right{float:right}
#right{ float: right;}
.clear{clear:both}
.bold{font-weight:bold}
.clearLeft{clear:left}
.block{ display: block;}

.row{display:table-row}
.cell{display:table-cell}

.validation-summary-errors{font-weight:bold; color:#f00; padding:7px 0}

.validation-summary-errors ul{margin:0 0 0 20px;padding: 0 !important;}

.field-validation-error{color:#f00; font-weight:bold}
.field-validation-valid{display:none}
.input-validation-error{border:1px solid #f00; background-color:#fee}
.validation-summary-errors{font-weight:bold; color:#f00}
.validation-summary-valid{display:none}

.error{color:#f00}

#pageWhithoutFooter{margin:0 auto; min-width:1007px; max-width:1515px;  min-height:100%}
#pageWhithoutFooterCenter{margin:0 auto; min-width:1007px; max-width:1515px;  min-height:100%}
#pageWhithoutFooter3col{min-width:1020px;  min-height:100%}
#pageWhithoutFooterCenter3Col{margin:0 auto; min-width:1020px; max-width:1520px;  min-height:100%}

#pageWhithoutFooterCenterNarrow{margin:0 auto; min-width:1007px; max-width:1100px;  min-height:100%}

#footerBox{position:relative; margin:-80px auto 0 auto;  height:80px; clear:both; min-width:1007px;max-width: 1520px;}/**/
#footerBoxCenter{position:relative; margin:-80px auto 0 auto;  height:80px; clear:both; min-width:1007px; max-width:1515px}
#footerBoxCenter3Col{position:relative; margin:-80px auto 0 auto;  height:80px; clear:both; min-width:1007px; max-width:1520px}
#footerBoxCenterNarrow{position:relative; margin:-80px auto 0 auto;  height:80px; clear:both; min-width:1007px; max-width:1100px}
.footerBox p{ float:left; margin:0 0 0 20px;padding-top: 10px}
.footerBox #footerCopyright{clear:left; margin-left:20px; padding-top:10px;color: #696969;}
.footerCopyright{float:left; width:88%;}

#header{width:100%; height:160px;  position:relative; min-width:1007px; max-width:1515px;margin: 0 auto;background-color: #f2f2f2;font-family:'Open Sans', sans-serif!important; }
#headerIndo{ height: 120px;position: relative;}
#headerTitle{ padding:12px 0 0 3px; color:#55a51c}
#headerTitle img{border:none}
#headerTitle div{margin-left:10px}
#header input:focus, #header select:focus{outline:none;}

#headerMenu{ width: 100%;height: 40px;background-color: #dcdcdc;position: relative;}
#headerMenu a{ font-size: 18px;font-weight: lighter; color: black;text-decoration: none;padding-left: 10px;margin: 0 14px 0 5px;}
#headerMenu a:hover { text-decoration: underline;}
#menuLine{ border-spacing: 0px;height: 40px; position: relative;width: 1070px;margin: 0 auto;}
#menuLine div a{ float: left;}
.submenu{ width: 200px;}
.menuLink, .submenu{ height: 40px;float: left;}
.menuLink a, .submenu a{ padding-top: 8px;}
.emptyLine { width: 2px;height: 40px; background-color: #f2f2f2;float: left;}

#referance_submenu{ position: absolute;background-color: white; margin-top: 39px; border:1px solid #dcdcdc;z-index: 999999;width: 228px;}
#tools_submenu{ position: absolute;background-color: white; margin-top: 39px; border:1px solid #dcdcdc;z-index: 999999;width: 200px;}
#tools_submenu a, #referance_submenu a{font-size: 15px!important;margin: 5px 0 5px 0;padding-top: 0;float: none!important;}
#tools_submenu div, #referance_submenu div{ margin: 5px 0 5px 0;float: none;}
.submenu a{ margin-right: 10px!important;}
.submenu a.submenuSign{ margin-left: 0!important;}



.leftBoxW300Abs{ width: 325px;float: left;position: relative;}

#searchBox{margin: 0px 0px 20px 20px;padding-top: 5px;width: 990px;}
#searchQuery{color: #53A746}
.searchResultButton{ width: 150px;height: 28px;display: inline-block;border: 1px solid #ccc;text-decoration: none;text-align: center;padding-top: 10px;font-size: 14px;font-weight: bold;margin: 15px 10px 15px 0;color: #808080;}
.searchResultButton:hover{ color: #53A746; border: 1px solid #53A746;}
.activeSearchButton, .activeSearchButton:hover { background-color: #53A746;color: white;}
.unActiveSearchButton{ color: #ccc; pointer-events: none;cursor: default;}


#globalSearchBox{ padding-top: 60px; height: 30px;margin-right: 200px;margin-left: 325px;max-width: 960px;}
#globalSearchBox label{color:White}
.searchSection{float: left;}
#contentBox  select{height:30px!important; margin:0 0 0 5px; width:160px; border: 1px solid #c1c1c1; -webkit-border-radius: 5px;border-radius: 5px;font-size: 18px;font-weight: lighter!important;color: #4c4c4c;}
#globalSearchBox input#SearchString{font-size: 18px;font-weight: lighter!important; margin:0 0 0 10px; width:310px; height:28px;border: 1px solid #c1c1c1; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); 
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;transition: border linear 0.2s, box-shadow linear 0.2s;-webkit-border-radius: 5px;border-radius: 5px;}
#globalSearchBox input[type="image"]{ vertical-align: top; margin:0 0 0 7px;}
#globalSearchBox form{ margin: 0 auto;}



#contentBox form{ width: 590px;}

#enterBox{margin:6px 0 0 0; font-family:Arial,Helvetica,sans-serif; overflow:hidden}
#enterBox p.login{margin:25px 13px 0 0;}

#enterBox #logout{margin:1px 0 0 0; width:16px; height:16px; float:left}
#enterBox #logout input{background:url("../images/logout.png") no-repeat; border:none; width:16px; height:16px; cursor:pointer}

#enterBox #userInfoLine{margin-left:21px}
#enterBox #userInfoLine #currentProfileName{font-weight:bold}
#enterBox #userInfoLine a#profileComboboxButton{text-decoration:none; display:inline-block; width:10px; height:7px; margin-left:5px; background-image:url("../images/profile_combobox_button.png"); background-repeat:no-repeat}
#enterBox #userInfoLine a#profileComboboxButton:hover{background-image:url("../images/profile_combobox_button_hover.png")}

#enterBox #userInfoLine p{text-align:left; color:#838383; margin:6px 0}
#enterBox #userInfoLine a{color:Black; font-weight:bold}

#enterBox #profilesList{position:absolute; padding:3px; border:1px solid rgb(77,155,24); background-color:White; color:Black; top:25px; right:10px;  z-index:10}
#enterBox #profilesList .profile{cursor:pointer; line-height:20px; padding:0 4px 0 19px; width:auto}
#enterBox #profilesList .profile:hover, #enterBox #profiles .profile.selected:hover{background-color:rgb(204,204,204)}
#enterBox #profilesList .profile.selected{background:url("../images/selected_profile.png") 3px 50% no-repeat}
#enterBox #profilesList .profile.default{font-weight:bold}

#navigationBox{margin:0px; width:100%;  height:30px;  min-width:1007px; border-bottom:1px solid #448417}

#navigationBox #tabs{margin:0 0 0 15px; height:30px;  font-family:Arial,Helvetica,sans-serif; font-size:100%; color:#FFF; list-style-type:none;  position:relative; white-space:nowrap; display:block}
#navigationBox #tabs li{display:block; float:left; height:21px; margin:2px 10px 0 0; padding:6px 0 0 0;   background-color:#68c822; text-align:center; border:1px solid #448417; border-bottom:none; overflow:hidden}
#navigationBox #tabs li a{color:#FFF; text-decoration:none; padding:0 20px}
#navigationBox #tabs li a:hover{text-decoration:underline}
#navigationBox #tabs li.selected{color:#000; background-color:#FFF; border-bottom:1px solid #FFF; margin-top:0; height:21px; padding:8px 0 0 0}
#navigationBox #tabs li.selected a{color:#000; text-decoration:none}
#navigationBox #tabs li.submenu a{padding-right:5px}
#navigationBox #tabs li.submenu a.submenuSign{margin-left:5px; padding:0 8px 0 0}
#navigationBox #tabs li.submenu a.submenuSign:hover{text-decoration:none}

div.navigationSubmenu{position:absolute; display:none; border:1px solid #448417; border-top:none; padding:6px 10px 10px 10px; z-index:10}
div.navBgNormal{background-color:#68c822}
div.navBgSelected{background-color:#f2ffdf; background-image:url("../images/subMenuBg.png"); background-repeat:repeat-x}
div.navBgNormal a{color:#FFF; text-decoration:none}
div.navBgNormal a:hover{text-decoration:underline}
div.navigationSubmenu ul{list-style-type:none}
div.navigationSubmenu ul li{margin-top:4px}


#main{ min-width: 1180px; margin:0 auto; max-width:1515px;min-height: 100%;}
#mainHome{ padding-bottom:80px; margin:0 auto; min-width:1007px; max-width:1515px;min-height: 100%;background-color: #f2f2f2; font-family:'Open Sans', sans-serif!important;}
#banner{background-image:url("../images/mainBanner.png");width: 1048px;height: 329px; font-size: 36px;}
#relevantMain{width: 1048px;height: 329px; -webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
#relevantMainUser{width: 1048px;height: 280px; -webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.relevantBlock img{ width: 100px;float: left;}
.relevantBlockCenter img{ width: 100px;float: left;}

#relevantArticle{background-image: url("../images/presentationArticle.png");height: 280px;vertical-align: middle;  }
#relevantQuestion{background-image: url("../images/presentationQuestion.png");height: 280px;vertical-align: middle;  }
#relevantCommunity{background-image: url("../images/presentationCommunity.png");height: 280px;vertical-align: middle;  }
#relevantTest{background-image: url("../images/presentationTest.png");height: 280px; vertical-align: middle; }
#relevantSpecialist{background-image: url("../images/presentationSpecialist.png");height: 280px;vertical-align: middle;  }

#s1, #s2, #s3{float: left;}
.relevantBlockCenter, .relevantBlock{width: 349px;}
.relevantBlock .relevantTitle, .relevantBlockCenter .relevantTitle{ padding: 20px 20px 0 20px;}
.relevantBlock .relevantContent, .relevantBlockCenter .relevantContent{ padding: 0 20px 0 20px;}

.communityTitle, .relevantBlock .relevantTitle a {font-size: 20px;font-weight: bold;text-decoration: none;color: #60a259;}
.relevantBlockCenter .relevantTitle a {font-size: 20px;font-weight: bold;text-decoration: none;color: #e66b08}

.userProfileBox{ max-width: 1100px;margin: 0 auto!important;}
#mainContentBoxLiquid{margin: 0 auto;padding-top: 30px;max-width: 1050px;}
 
#mainCenterBox{ width: 1065px!important;margin: 0 auto;}
#mainContentBox{margin:0px 0px 20px 20px; padding-top:5px; width:920px}
 
#mainContentBoxW940{margin:0px 260px 20px 20px; padding-top:30px}
 
#mainRightBarW220{margin:30px 20px 20px 0px; width:220px; float:right}
#mainAbsoluteRightBarW220{position:absolute; top:30px; right:20px; width:220px}

.rightBarAdExample{position:relative; width:100%}
.rightBarAdExample2{position:relative; width:100%}

#rightHowToSidebar{position:relative; float:left; margin:0 0 0 20px; width:215px; overflow:hidden}
.howToSidebar{background-color:#fffbd8; padding:8px 8px 2px;display: none; margin-top: 24px; margin-left: 30px;}
.howToSidebar h3{margin-top:0}

#profileRightHowToSidebar .howToSidebar{ margin: 0;}
.userProfileBox #mainContentRightBoxW215{ margin-right: 40px;}

#rightArticleHowToSidebar{float:left; margin:30px 20px 20px 40px}
#rightArticleHowToSidebar #rightHowToSidebar{width:370px}

#home{ background-color: #f2f2f2;padding-top: 15px;max-width: 1048px;margin: 0 auto;}
#bannerArticle{ margin: 97px 0 0 85px;position: absolute; line-height: 1;}
#bannerTools{ margin: 90px 0 0 400px;position: absolute;}
#bannerCommunities{ margin: 90px 0 0 750px;position: absolute;}
#instruments, #communities{ padding-top: 35px;width: 1048px;margin: 0 auto;}
#instruments{ height: 270px;}
#instrumentsTitle, #communitiesTitle { font-size: 30px; font-weight:lighter; float: left;}
#homeTitle{ font-size: 30px; font-weight:lighter;}
#instrumentsAll, #communitiesAll{font-size: 18px; float: right; font-weight:lighter;margin: 15px 7px 0 0;}
#instrumentsMenu, #communitiesMenu{ height: 50px;}

.analyticsImages{width: 700px; margin: 0 auto;}
#registerField{padding-left: 40px; font-weight:bold;}

.communityImage, .communityInfo{ float: left;}
.communityInfo{ width: 315px;font-size: 14px;padding-left: 7px;}

.communityImage{ width: 170px;height: 170px;}

.relevantLeft a{ font-size: 20px;font-weight: bold; text-decoration: none; color: #60a259;}


.communitiesBlock{ background-color: white;height: 200px;padding-top: 20px;}
.communitiesLeft, .communitiesRight{ width: 505px;float: left;padding-left: 15px;}

.numbers{  font-size: 30px;color: #969696;text-align: right;}
.type{color: #969696;text-align: right; font-size: 12px;}
.lastArticle{ vertical-align: 0;color: #9ac495!important;padding: 5px 0 0 7px;}
.lastQuestion{ vertical-align: 0;padding: 5px 0 0 7px;}
.lastQuestion a{color: #e66b08!important;}
#publish{width: 140px; height: 32px;color: #67a03e !important;font:bold 16px Arial;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; background: #EEEEEE;box-shadow: 1px 1px 1px #595959; border: 0;margin-left: 220px;cursor: pointer;}
#publishQ{width: 200px;height: 32px;color: #67a03e !important;font:bold 16px Arial;-moz-border-radius: 15px;-webkit-border-radius: 15px;border-radius: 15px; background: #EEEEEE;box-shadow: 1px 1px 1px #595959; border: 0;margin: 30px 0 30px 220px;cursor: pointer;}

#mainContentLeftBoxW215{float:left; width:220px; margin:5px 0 0 20px; overflow:hidden; position:relative}

#mainContentRightBoxW215{float:right; width:300px; margin:0 20px 20px 0;} #mainContentRightBoxW215 #reclama{ margin-top: 5px;}
#mainContentLeftBoxW{float:left; width:220px; margin:0 0 0 20px; overflow:hidden}

#mainContentRightBoxW{float:right; width:220px; margin:0 20px 0 0; overflow:hidden}
#mainContentCenterBoxForW215{margin:20px 0 0; padding:0 260px 0 260px}
#mainContentLeftBoxW{float:left; width:220px; margin:0px 0 0 20px; overflow:hidden}

.mainContentLeftBoxW215{float:left; width:220px; margin:20px 0 0 20px}

.mainContentRightBoxW215{float:right; width:220px; margin:20px 20px 0 0}
.mainContentCenterBoxForW215{padding:20px 20px 0 20px; width:1000px; position:relative; float:left}
.mainContentCenterBoxForW{margin-left:255px; margin-right:340px; margin-top:15px; max-width:920px}

.mtop55 { margin-top: 55px !important;}

.mainContentRightBoxW{float:right; width:300px; margin:0 20px 0 0}

#mainContentLeftBoxW215Abs{position:absolute; width:220px; top:20px; left:20px}

#mainContentRightBoxW215Abs{position:absolute; width:220px; top:20px; right:20px}

.mainContentLeftBoxW280{float:left; width:280px; margin:0px 0 0 20px}

.mainContentRightBoxW280{float:right; width:280px; margin:0px 20px 0 0}
.mainContentCenterBoxForW280{margin:0; padding:0 260px}
.mainContentCenterBoxForW280L{margin:0; padding:0 0 0 320px}

.mainContentCenterBoxArticles{margin:0; padding:0 260px}

.mainContentLeftBoxW280Abs{position:absolute; width:280px; top:0px; left:5px}

.mainContentRightBoxW280Abs{top:0px;right: 5px;float: right;position: relative;}

.mainContentLeftBoxArticlesAbs{position:absolute; width:220px; top:0px; left:20px}

.mainContentRightBoxArticlesAbs{position:absolute; width:220px; top:0px; right:20px}

table.layout3Col280{width:100%; border-collapse:collapse; border-width:0; border-spacing:0}
table.layout3Col280 td{vertical-align:top}
table.layout3Col280 td.leftCol{width:280px; padding:0 0 0 20px}
table.layout3Col280 td.midCol{padding:0 20px}
table.layout3Col280 td.rightCol{width:280px; padding:0 20px 0 0}

table.layout3Col215{width:100%; border-collapse:collapse; border-width:0; border-spacing:0}
table.layout3Col215 td{vertical-align:top}
table.layout3Col215 td.leftCol{width:220px; padding:0 0 0 20px}
table.layout3Col215 td.midCol{padding:0 20px}
table.layout3Col215 td.rightCol{width:220px; padding:0 20px 0 0}

#articlesQuestionsTabs ul{height:34px}

.ui-widget{font-family:Arial,Helvetica,sans-serif; font-size:110%}
div.grippie{background:#EEE url(../images/grippie.png) no-repeat scroll center 2px; border-color:#DDD; border-style:solid; border-width:0pt 1px 1px; cursor:s-resize; height:9px; overflow:hidden}
.resizable-textarea{display:block; margin-bottom:0pt}

.resizable-textarea .resizable{overflow:auto}
.firstShowResizeHeight{height:100px}

.gray{color:Gray}
.dimGray{color:#696969}
.grayBG{background-color:#E3E3E3}

.commentFormBox{padding:10px 15px 10px 10px; margin:40px 5px 0 0;background: #ebebeb;max-width: 842px;}

.commentFormBox table.commentEditTable td.label{width:95px; text-align:left;  vertical-align:top}
.commentFormBox table.commentEditTable td.field{width:100%; text-align:left}
.commentFormBox textarea{width:100%; min-height:90px; font-family:Arial,Helvetica,sans-serif; font-size:100%; font-weight:normal}
.commentFormBox input[type="submit"]{width:140px; margin:14px 0 5px 105px}
.commentFormBox input[type="button"]{width:140px; margin:14px 0 5px 25px}
.commentFormBox a.button{width:140px; margin:10px 0 5px 25px; float:left}

.contentTitle{color:#e66b08; margin-top:1em; margin-bottom:1em}

.contentBlock{line-height:130%; padding:0 0 0 20px;}
.userInformation{ padding: 10px 0 10px 0;}

.contentDetailsBlock{margin-left: 10px;width:200px; line-height:140%; float:right;margin-right: 4px;margin-bottom: 7px;overflow: hidden;background-color:white;-webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
.contentDetailsBlock p{margin-top:5px;margin-bottom: 5px;margin-left: 10px;}
.contentDetailsBlock .firstLine{margin-top:0px}
.contentDetailsBlock img{vertical-align:text-bottom}
.contentDetailsBlock img.voted{border:1px solid red}
.contentDetailsBlock label.grey{color:Gray}
.contentDetailsBlock div.actionButton{margin:20px 0 0 15px}
.actionButton input[type="button"]{width:170px}
.actionButton a.button{width:170px}
.actionButton .actionPostLink input[type="submit"]{width:170px}
#report{ margin: 20px 0 0 60px;}
.contentBlock #report{ float: right;}
span.voteValue{font-size:120%}

div.resultBox{padding:15px 15px;font-size: 20px;font-weight: lighter;}

div.testResultBox{padding:35px 15px;font-size: 20px;font-weight: lighter;}

div.communityResultBox{ min-height: 20px;padding:15px 15px;font-size: 20px;font-weight: lighter;}

/**/
div.ratingBlock {width: 297px;margin: 20px 0 4px 3px;padding: 4px 3px 12px 0; overflow:hidden; background-color: white;-webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);}
.reverseRight{ width: 211px!important;}
#relevantInfoBlock div.whiteBlock{margin-bottom:15px}

#communityTitle{ margin: 5px 0 0 20px;font-size: 30px;font-weight: lighter;}
#communityImage{ margin: 10px 0 25px 0;}
#communityImage img{ margin: 0 auto;}

div.whiteBlock{width: 214px; margin-left: 3px;margin-bottom: 7px;background-color:white;padding-bottom: 1px; -webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
div.whiteBlock div.blockTitle{padding:4px 10px; font-weight:bold}
div.whiteBlock ul{margin-top:5px; padding-left:10px; list-style-type:none; list-style-position:outside}
div.whiteBlock ul li{padding-top:2px; padding-bottom:1px; line-height:130%}

div.whiteBlockLeft{width: 214px; margin-left: 3px;margin-bottom: 7px;background-color:white;padding-bottom: 1px; -webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
div.whiteBlockLeft div.blockTitle{padding:4px 10px; font-weight:bold}
div.whiteBlockLeft ul{margin-top:5px; padding-left:10px; list-style-type:none; list-style-position:outside}
div.whiteBlockLeftul li{padding-top:2px; padding-bottom:1px; line-height:130%}

div.whiteRightBlock{width: 300px; background-color:white;padding-bottom: 1px; -webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);}
div.whiteRightBlock div.blockTitle{padding:4px 10px; font-weight:bold}

div.blockPadding{padding:4px 2px 12px 2px}
div.blockPadding div.clearFilter{margin:0 0 -2px 4px}
div.blockPadding_categories div.clearFilter{margin:0 0 -2px 4px}

div.contentPadding{padding:4px 2px 12px 10px}

div.ratingTitlePink{padding:4px 5px; font-weight:bold}
div.ratingBlock ol{padding-left:28px}
div.ratingBlock ol li{padding-top:3px; padding-bottom:3px; line-height:130%}

.greenBlockTitle, .orangeBlockTitle{padding:4px 5px; font-weight:bold}
.orangeQuestionBlock{color: white;background-color: #e66b08;padding: 4px 5px;font-weight: bold;}

a.orange{color:#e66b08}
a.orange16{color:#e66b08; font-size:16pt; text-decoration:none}
a.orange14{color:#e66b08; font-size:14pt; text-decoration:none}
a.orange12{color:#e66b08; font-size:12pt; text-decoration:none}

a.orangeTitle{color:#e66b08; text-decoration:none}
a.orangeTitle:hover, a.orangeTitle:active{text-decoration:underline}

.orange{color:#e66b08}
.green{color:#55a51c}

#articleFormBox{width:863px}
#articleFormBox input[type="text"]{margin:4px 0 .3em;  width:100%; height:22px; border:1px solid #468717}
#articleFormBox textarea{margin:4px 0 .3em;  height:350px;  font-weight:normal}
#articleFormBox input[type="submit"]{width:140px; margin-top:14px; margin-left:154px}
#articleFormBox input[type="button"]{width:140px; margin-top:14px; margin-left:15px; padding:2px 8px}
#articleFormBox h2{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:120%; margin:0 0 0.5em}
#articleFormBox select{margin:4px 0 .3em;  width:100%; border:1px solid #468717; height:22px}
#articleFormBox ul.chzn-choices li.search-field input{ background:none repeat scroll 0 0 transparent !important;  border:0 none !important;  box-shadow:none;  color:#666;  margin:1px 0;  outline:0 none;  padding:5px;  height:auto}
#articleFormBox div#separator{height:20px}

table#articleModelEditTable{width:685px}
table#articleModelEditTable td.label{width:143px; padding-top:8px}
table#articleModelEditTable td.h{padding-top:4px}
table#articleModelEditTable td.txt{padding-top:2px}
table#articleModelEditTable td.field{width:532px}
table#articleModelEditTable td{padding-bottom:1em}

#feedbackFormBox{ position: relative;width: 570px;}
#feedbackFormBox input[type="text"]{margin:0.3em 0 1em;  width:100%; height:22px; border:1px solid #468717}
#feedbackFormBox textarea{margin:0.3em 0 1em;  height:160px;  width:100%; font-weight:normal}
#feedbackFormBox input[type="submit"]{width:160px; margin:14px 0 5px 130px}
#feedbackFormBox input[type="reset"]{width:160px; margin:14px 0 5px 25px}
#feedbackFormBox input[type="file"]{width:100%; height:22px}

table#feedbackModelEditTable{width:570px}
table#feedbackModelEditTable td.label{width:120px; padding-top:8px}
table#feedbackModelEditTable td.h{padding-top:4px}
table#feedbackModelEditTable td.txt{padding-top:2px}
table#feedbackModelEditTable td.field{width:450px}

#feedbackContent{ padding-left: 10px;}
#feedbackBox{margin: 10px 0px 20px 20px; padding-top: 5px;}
#feedbackRightHowToSidebar{position:absolute;left: 600px; top:0px; width:215px; overflow:hidden}

p.w570{width:570px}

.questionItem{margin-top:15px}
.questionItem p{margin:3px 0}

#loginTabs ul{height:34px}
#homeMainArticle{height:350px}
#homeMainMonitor{height:630px}

.t-widget .t-chart .k-chart{max-width:453px}

#communitiesMain{height:320px}

#healthMonitor #leftCol{width:49%; float:left}
#healthMonitor #rightCol{width:49%; float:right}

#healthMonitor #indexValue{position:absolute; font-size:240%;  text-align:center; left:50%; top:50%; width:70px; height:26px; margin:55px 0 0 -38px}

#healthMonitor a#indicator{display:block; text-decoration:none; width:200px; height:200px; margin:15px auto 0}
#healthMonitor a#indicator img{width:100%; height:100%}
#healthMonitor a#indicatorSprite{background-image:url("../images/healthmonitor_sprite.png"); width:182px; height:185px; background-position:-414px 0px; display:block; text-decoration:none; margin:8px auto 0}

#healthMonitor #redlevel, #healthMonitor #greenlevel, #healthMonitor #orangelevel{background-image:url("../images/healthmonitor_sprite.png"); float:left; margin:0 2px}
#healthMonitor #greenlevel{background-position:-170px -210px; width:40px; height:40px}
#healthMonitor #orangelevel{background-position:-90px -210px; width:40px; height:40px}
#healthMonitor #redlevel{background-position:0px -210px; width:40px; height:40px}
#healthMonitor #levels{margin-top:15px; width:132px; overflow:hidden; position:relative; padding-top:45px; margin-left:45px}
 .levelNumber{text-align:center; font-size:26px; color:black; height:100px}

.scrollBox{overflow:auto}

#healthMonitor #wonamAndman{background-image:url("../images/healthmonitor_sprite.png"); height:190px}
#healthMonitor .woman{background-position:0px 0px; width:118px; height:190px; margin:0 auto}
#healthMonitor .womanWhite{background-position:-118px 0px; width:84px; height:190px; margin:4px auto 0}
#healthMonitor .man{background-position:-210px 0px; width:110px; height:190px; margin:0 auto}
#healthMonitor .manWhite{background-position:-320px 0px; width:94px; height:190px; margin:4px auto 0}
#healthMonitor #steps{margin:30px 0 0; padding:0 5px 0 15px; max-height:160px}
#healthMonitor #steps .scrollBox{ max-height:132px; margin-top:10px}
#healthMonitor #noSteps{margin:15px 0 0; padding:0 5px 0 15px; height:150px; overflow:auto}
#healthMonitor #noSteps h3{text-align:center}
#healthMonitor #noSteps h4{margin:15px 0 0; text-align:center}
#healthMonitor #noSteps div{margin:30px 0 0}
.parameter-chart{width:100%;margin-top: 20px;display:inline-block;*display:inline;zoom:1;}

.chartTitle{margin:15px auto 0; text-align:center}
.centerText{text-align:center}

.articleBoxTitle{font-size:120%}

#rightHowToSidebarAbs{position:absolute; left:1030px; top:210px; width:215px; overflow:hidden}

.slideshow img{display:none; width:600px; height:70px}

.mainArticleSlide{height:315px; overflow:hidden; position:relative}
.mainArticleSlide img{width:560px; height:315px; border-width:0}
.mainArticleSlide .slideText{position:absolute; left:30%; top:110px; right:16px; bottom:35px; overflow:hidden}
.mainArticleSlide .slideText H1{font-size:200%}
.mainArticleSlide .slideText p{font-size:120%}
.mainArticleSlide .slideText li{font-size:120%; margin-left:18px}
.mainArticleSlide .slideText ul{list-style-position:outside}

.mainCommunitySlide{height:315px; overflow:hidden; position:relative}
.mainCommunitySlide img{max-width:75px; padding-left:23px; padding-top:20px}
.mainCommunitySlide .slideText{position:absolute; left:30%; top:110px; right:16px; bottom:35px; overflow:hidden}
.mainCommunitySlide .slideText H1{font-size:200%}
.mainCommunitySlide .slideText p{font-size:120%}
.mainCommunitySlide .slideText li{font-size:120%; margin-left:18px}
.mainCommunitySlide .slideText ul{list-style-position:outside}

.communitySlide{max-width:1200px; width:auto}
.communitySlide{width:auto}

.slideCommunities{background-image:url("../images/mainArticles/CommunitiesBG.png"); background-repeat:repeat-x; color:White}
.slideCommunities .slideText a{color:White}

.slideDiaries{background-image:url("../images/mainArticles/DiariesBG.png"); background-repeat:repeat-x; color:Black}
.slideDiaries .slideText a{color:Black}

.slideHealthIndex{background-image:url("../images/mainArticles/HealthIndexBG.png"); background-repeat:repeat-x; color:White}
.slideHealthIndex .slideText a{color:White}

.slideQA{background-image:url("../images/mainArticles/QABG.png"); background-repeat:repeat-x; color:White}
.slideQA .slideText a{color:White}

.slideSpecialist{background-image:url("../images/mainArticles/SpecialistBG.png"); background-repeat:repeat-x; color:White}
.slideSpecialist .slideText a{color:White}
.slideRiskFactorsCard{background-image:url("../images/mainArticles/RiskFactorsCardBG.png"); background-repeat:repeat-x; color:White}
.slideRiskFactorsCard .slideText a{color:White}

#articleSlider .jquery-slider-pages{left:10px; bottom:42px}
#articleSlider .jquery-slider-page{background:white}
#articleSlider{width:100%; height:100%}

#communitiesSlider .jquery-slider-pages{left:90px; bottom:5px}
#communitiesSlider .jquery-slider-page{background:#5db41f}
#communitiesSlider{width:218px; height:320px}

#mainSlider .jquery-slider-pages{left:20px; bottom:5px}
#mainSlider .jquery-slider-page{background:#5db41f}
#mainSlider{width:1040px;height: 250px;-webkit-box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);-moz-box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);box-shadow:  0 2px 4px rgba(0, 0, 0, 0.25);}


#homeBottomArticles ul.tabsList{padding-left:80px; margin-top:20px}

.topNewsItem{margin-top:15px}

table#userInfoTemp td.name{width:100px; text-align:right; padding-right:10px}
table#userInfoTemp td.value{width:500px}
table#userInfoTemp td.value div{width:500px; overflow:hidden}

table#userInfo td.name{text-align:right; padding-right:10px}

img.specialist{vertical-align:bottom; margin:0 2px 0 4px}

ul#breadCrumbs{list-style-type:none}
ul#breadCrumbs li{display:inline}

.categoryListContainer .choices{ cursor:text; height:auto !important; margin:0; overflow:hidden; padding:0; position:relative}
.categoryListContainer .choices .choice{font-size: 80%;
color: white;
background-color: #75bb49;
text-decoration: none;
white-space: nowrap;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
float: left;
line-height: 10px;
padding: 5px 10px 5px 6px;
margin: 10px 0 3px 5px;
position: relative;}
.categoryListContainer .choices li{float:left; list-style:none outside none}
.categoryListContainer .choices .choice span{cursor:default}
.categoryListContainer .choices .choice .choiceClose{ color: white;text-decoration: none;margin-left: 10px;font-size: 75%;font-weight: bold;}


li.emLink a{font-weight:bold}

.success{color:Green}

#itemListHeader{ height:30px;width: 100%;}

#itemListHeader h2{    position:absolute;        line-height:34px;     margin-bottom:0px}

#itemListHeader #itemListTabs{    float:right;     font-weight:bold;     list-style-type:none}

#itemListHeader #itemListTabs a{   height: 30px;width: 25%;float: left;text-align: center;font-size: 20px;font-weight: lighter;}

#itemListHeader #itemListTabs a:hover{  }

#itemListHeader #itemListTabs  a.selectedItem{  height: 30px;width: 25%;float: left;text-align: center;font-size: 20px; font-weight: lighter; }

.customTabsBox{border:none !important}
.customTabsBox div.ui-corner-all{background:none; border:none; border-radius:0 0 0 0}
.customTabsBox ul.ui-corner-all{border-radius:0 0 0 0}
.customTabsBox ul.ui-widget-header{background:none; border:none;}
.customTabsBox ul li.ui-state-active{border:0; font-weight:bold}
.customTabsBox div.ui-tabs ul li a{padding:0.4em 1em; font-size:100%}

.customTabsBox .ui-widget-content a{color:#55a51c}
.customTabsBox .ui-widget-content a.orange{color:#e66b08}
.customTabsBox .ui-widget-content{font-family:Arial,Helvetica,sans-serif; font-size:90%}

.customTabsBox .ui-state-hover{background-image:none; background-color:White;border: 0;}
.customTabsBox .ui-state-default a{color:Gray}
.customTabsBox .ui-state-active a{color:Black}
.customTabsBox .ui-state-hover a{color:Black}

.tabsList li{ border-radius: 0;}
#log-tabs-1{margin-left: 64px;}
#log-tabs-2{margin-left: 12px;}
.customTabsBox .tabsList .ui-tabs-selected{ background-color: #66c522;width: 200px;height: 30px;margin-bottom: 0px!important;padding-bottom: 0!important;}
.customTabsBox .tabsList .ui-tabs-selected a{ color: white;}
.customTabsBox .ui-state-default{background-image:none; background-color:White;border: 0;width: 200px;height: 30px;}
.customTabsBox .tabsList .ui-state-default.ui-tabs-active.ui-state-active{background-color: #66c522;width: 200px;height: 30px;margin-bottom: 0;padding-bottom: 0;}
.customTabsBox .tabsList .ui-state-default.ui-tabs-active.ui-state-active a{color: #fff;}
.customTabsBox .tabsList .ui-state-default a{ font-weight: 700;}
.customTabsBox .tabsList .ui-state-default a:hover{color: #000;}
/*#main .ui-widget-content{background:none; border:none}*/

.popularCommunityListItem .listItem{float:left; margin-top:10px; width:84px; height:84px}
.popularCommunityListItem .listItem .cImage{width:84px; height:84px}
.mrt14{margin-right:14px}

#articlesQuestionsTabs .ui-tabs-panel{padding:8px 0 0 0}

span.required{color:Red}
.requiredInfoLine{margin-top:70px}
.askButton{ margin-top: 210px!important;position: absolute;}
.grayDark{color:#4c4c4c}

.serachResultListControl h2{margin:40px 0 0 0}
.serachResultListControl .resultItem{margin-left:20px}
.serachResultListControl table{margin-left:20px}

div.total{margin:15px 0}

.leftPad{padding-left:0px}
.rightPad{padding-right:20px}
.top10{ margin-top: 10px;width: 90px;min-height: 70px;margin-left: 10px;float: left;}
.bottom10{margin-bottom:10px}
.bottom20{margin-bottom:20px}
.bottom40{margin-bottom:40px}
.right20{margin-right:20px}
.left20{margin-left:20px}
.left40{margin-left:40px}
.top40{margin-top:40px}
.top40px{height: 38px;}
.top0{margin-top:0px}
.top1em{margin-top:1em}
.topPad{padding-top:20px}
.vertPad{padding:10px 0}
.separator20{height:20px}

.navigateLinksBlock{min-height:350px; border:1px dashed gray; padding:10px; position:relative}

.navigateLinksBlock ul{margin:5px 0 5px 8px; list-style:none}
.navigateLinksBlock ul li{}

.highlightTextBox{padding:15px 15px; border-left:4px solid #70b230; background-color:#ebebec}
.summaryTextBox{font-style:italic}

.communityQuestions{overflow:hidden}

.colContainerBlock{width:100%; overflow:hidden}
.leftColBlock{width:49%; float:left}
.rightColBlock{width:49%; float:right}

#newsBlock{overflow:hidden}

.resultCategoriesBlock{width:100%; overflow:hidden}

#loadingSmall{display:none; position:fixed; right:8px; bottom:4px}

#loadingBig{display:none;  position:fixed; left:0; top:0; width:100%; height:100%; background-image:url("../images/transparentbg.png"); z-index:100}
#loadingBig div{position:fixed; left:50%; top:50%; margin-left:-110px; margin-top:-55px}
#loadingBig div p{text-align:center; color:White}

.articleContentBox{width:100%; overflow:hidden}

#articlesQuestionsTabs .communityQuestions h3{margin-top:5px}

img.preview{width:80px; float:left; margin:0 8px 0 0}
img.avatar{width:70px}

img.commentavatar{width:60px; margin:0px 10px 5px 0px; float:left}

.ratingVal{color:#A0A0A0}

table.evenRows tr:nth-child(even){background:#ebebeb}
table.oddRows tr:nth-child(odd){background:#ebebeb}
table.ht1 tr{height:1.7em}
table.reset{border-collapse:collapse; border-spacing:0px}

.userNote{background-color:#fcf4b1;padding: 8px;margin: 20px 50px 0 0;}
.specMiniProfile{line-height: 140%;float: left;}
.userInformation .specMiniProfile { margin: 25px 25px 0 0;}
.userInformation .specMiniProfile a{ font-size: 18px;}
#addInfo{float: left;margin: 32px 22px 0 0; line-height: 140%;}
#editBox{ line-height: 140%;margin-top: 32px;}
#editBox p{ margin: 0;}
.specMiniProfile a{line-height: 140%;}
.articleContentBox .avatarBox{ margin-right: 10px;}
.gray2{color:#808080}
.avatarBox{width:70px; height:70px;overflow: hidden;float: left;}

#communityBlock{padding-bottom:10px}

#instrumentsList a img{ float: left;}
#instrumentsList a { float: left;width: 246px;height: 220px;}
.toolImages{ margin-left: 20px; }

#widgetTable td{width:290px; height:232px}
#widgetTable .widget{width:290px; height:232px; cursor:pointer}
#widgetTable .widget .bars{width:200px; float:right; position:relative; top:67px}
#widgetTable .widget .bars .bar{border-width:1px; border-style:solid; height:22px; line-height:22px; padding:0 7px 0 7px; margin-bottom:1px; clear:both}
#widgetTable .widget .bars .bar.good{background:url("../images/lifestyleIndex/good_bar_bg.png") repeat-x;                                       border-bottom-color:rgb(0,194,0); border-top-color:rgb(187,255,185); border-right-color:rgb(106,233,108); border-left-color:rgb(106,233,108)}
#widgetTable .widget .bars .bar.average{background:url("../images/lifestyleIndex/average_bar_bg.png") repeat-x;                                          border-bottom-color:rgb(222,171,49); border-top-color:rgb(255,223,174); border-right-color:rgb(248,211,126); border-left-color:rgb(248,211,126)}
#widgetTable .widget .bars .bar.bad{background:url("../images/lifestyleIndex/bad_bar_bg.png") repeat-x;                                      border-bottom-color:rgb(213,55,55); border-top-color:rgb(255,203,203); border-right-color:rgb(242,115,177); border-left-color:rgb(242,115,177)}
#widgetTable .widget .bars .bar.inactive{background:url("../images/lifestyleIndex/inactive_bar_bg.png") repeat-x;                                          border-bottom-color:rgb(136,136,136); border-top-color:rgb(228,228,228); border-right-color:rgb(186,186,186); border-left-color:rgb(186,186,186)}

#widgetTable .widget .bars .longbar{border-width:1px; border-style:solid; height:70px; padding:0 7px 0 7px; margin:30px 0 1px 0; clear:both; text-align:center}

#widgetTable .widget .bars .longbar .value{font-size:240%; padding-top:4px}
#widgetTable .widget .bars .longbar .coclusion{font-size:140%}
                                         
#widgetTable .widget .bars .longbar.good{background:url("../images/lifestyleIndex/good_long_bar_bg.png") repeat-x;                                       border-bottom-color:rgb(0,194,0); border-top-color:rgb(187,255,185); border-right-color:rgb(106,233,108); border-left-color:rgb(106,233,108)}
#widgetTable .widget .bars .longbar.average{background:url("../images/lifestyleIndex/average_long_bar_bg.png") repeat-x;                                          border-bottom-color:rgb(222,171,49); border-top-color:rgb(255,223,174); border-right-color:rgb(248,211,126); border-left-color:rgb(248,211,126)}
#widgetTable .widget .bars .longbar.bad{background:url("../images/lifestyleIndex/bad_long_bar_bg.png") repeat-x;                                      border-bottom-color:rgb(213,55,55); border-top-color:rgb(255,203,203); border-right-color:rgb(242,115,177); border-left-color:rgb(242,115,177)}
#widgetTable .widget .bars .longbar.inactive{background:url("../images/lifestyleIndex/inactive_long_bar_bg.png") repeat-x;                                          border-bottom-color:rgb(136,136,136); border-top-color:rgb(228,228,228); border-right-color:rgb(186,186,186); border-left-color:rgb(186,186,186)}
                                        
                                         
#widgetTable .widget .date{position:relative; font-weight:bold; font-size:15px; color:rgb(50,69,141); width:80px; text-align:center; left:8px; top:55px}
#widgetTable .widget .datePlaceholder{position:relative; top:136px; left:3px}
#widgetTable .widget#medicalTestsWidget{background-image:url("../images/tools/medicaltestsWidgetBg.png")}
#widgetTable .widget#anthropometricWidget{background-image:url("../images/tools/anthropometricWidgetBg.png")}
#widgetTable .widget#healthStateWidget{background-image:url("../images/tools/healthState2.png")}
#widgetTable .widget#riskfactorWidget{background-image:url("../images/tools/riskfactorWidgetBg.png")}
#widgetTable .widget#stressWidget{background-image:url("../images/tools/stress.png")}

#widgetTableMain td{ float: left;}
#widgetTableMain td img.widgetMain{width:246px;height: 220px;max-width: 246px;}
#widgetTableMain .widget{width:246px; height:220px; cursor:pointer}
#widgetTableMain .widget .bars,  #widgetTableMain #lifestyleIndexWidget .bars{width:170px; position:absolute;margin-top: 25px;margin-left: 75px;}
#widgetTableMain #anthropometricWidget .bars{width:178px; position:absolute;margin-top: 25px;margin-left: 68px;}
#widgetTableMain .widget .bars .bar, #widgetTableMain #lifestyleIndexWidget .bars .bar  {border-width:1px; border-style:solid; height:22px; line-height:22px; padding:0 7px 0 7px; margin-bottom:1px; clear:both}
#widgetTableMain .widget .bars .bar.good, #widgetTableMain #lifestyleIndexWidget .bars .bar.good{background:url("../images/lifestyleIndex/good_bar_bg.png") repeat-x; border-bottom-color:rgb(0,194,0); border-top-color:rgb(187,255,185); border-right-color:rgb(106,233,108); border-left-color:rgb(106,233,108)}
#widgetTableMain .widget .bars .bar.average, #widgetTableMain #lifestyleIndexWidget .bars .bar.average{background:url("../images/lifestyleIndex/average_bar_bg.png") repeat-x; border-bottom-color:rgb(222,171,49); border-top-color:rgb(255,223,174); border-right-color:rgb(248,211,126); border-left-color:rgb(248,211,126)}
#widgetTableMain .widget .bars .bar.bad, #widgetTableMain #lifestyleIndexWidget .bars .bar.bad{background:url("../images/lifestyleIndex/bad_bar_bg.png") repeat-x; border-bottom-color:rgb(213,55,55); border-top-color:rgb(255,203,203); border-right-color:rgb(242,115,177); border-left-color:rgb(242,115,177)}
#widgetTableMain .widget .bars .bar.inactive, #widgetTableMain #lifestyleIndexWidget .bars .bar.inactive{background:url("../images/lifestyleIndex/inactive_bar_bg.png") repeat-x; border-bottom-color:rgb(136,136,136); border-top-color:rgb(228,228,228); border-right-color:rgb(186,186,186); border-left-color:rgb(186,186,186)}

#widgetTableMain .widget .bars .longbar{border-width:1px; border-style:solid; height:70px; padding:0 7px 0 7px; margin:30px 0 1px 0; clear:both; text-align:center}

#widgetTableMain .widget .bars .longbar .value{font-size:240%; padding-top:4px}
#widgetTableMain .widget .bars .longbar .coclusion{font-size:140%}
                                         
#widgetTableMain .widget .bars .longbar.good{background:url("../images/lifestyleIndex/good_long_bar_bg.png") repeat-x; border-bottom-color:rgb(0,194,0); border-top-color:rgb(187,255,185); border-right-color:rgb(106,233,108); border-left-color:rgb(106,233,108)}
#widgetTableMain .widget .bars .longbar.average{background:url("../images/lifestyleIndex/average_long_bar_bg.png") repeat-x; border-bottom-color:rgb(222,171,49); border-top-color:rgb(255,223,174); border-right-color:rgb(248,211,126); border-left-color:rgb(248,211,126)}
#widgetTableMain .widget .bars .longbar.bad{background:url("../images/lifestyleIndex/bad_long_bar_bg.png") repeat-x;  border-bottom-color:rgb(213,55,55); border-top-color:rgb(255,203,203); border-right-color:rgb(242,115,177); border-left-color:rgb(242,115,177)}
#widgetTableMain .widget .bars .longbar.inactive{background:url("../images/lifestyleIndex/inactive_long_bar_bg.png") repeat-x; border-bottom-color:rgb(136,136,136); border-top-color:rgb(228,228,228); border-right-color:rgb(186,186,186); border-left-color:rgb(186,186,186)}
                                        
                                         
#widgetTableMain .widget .date, #widgetTableMain #lifestyleIndexWidget .date{position:absolute; font-weight:bold; font-size:15px; color:rgb(50,69,141); width:80px; text-align:center; margin: 17px 0 0 8px;}
#widgetTableMain .widget .datePlaceholder, #widgetTableMain #lifestyleIndexWidget .datePlaceholder{position:relative; margin: 3px 0 0 3px;}
#widgetTableMain #lifestyleIndexWidget{background-image:url("../images/tools/bannerHealthIndexW.png"); width:246px; height:220px;cursor: pointer;position: relative;}
#widgetTableMain .widget#anthropometricWidget{ background-image: url("../images/tools/bannerAnthropometryW.png"); position: relative;}
#widgetTableMain .widget#healthStateWidget{ background-image: url("../images/tools/bannerHealthStateW.png");position: relative;}
#widgetTableMain .widget#riskfactorWidget{ background-image: url("../images/tools/bannerRiskFactorW.png"); position: relative;}
#widgetTableMain{position: relative;}
#widgetTableMain .widget-main {width: 246px;position: absolute;}

#widgetTableMain #lifestyleIndexWidget #placeholders{position: absolute; height:120px; width:120px}
#widgetTableMain #lifestyleIndexWidget #indexDate{position:absolute; font-weight:bold; font-size:15px; color:rgb(50,69,141); width:80px; text-align:center; margin-left:8px;}

#widgetTitle{ position: absolute;font-size: 18px;margin: 180px 0 0 30px;color: white;line-height: 1;}
#dateBlock{ position: absolute;}
.clock{ position:absolute; z-index:999999;float:left;}

img.preview{width:80px; float:left; margin:0 8px 0 0}

.topNav{opacity: 0.5; position:fixed; left:20px; bottom: 250px; width:50px; height:50px; display:block; background-image:url("../images/upLink.png")}
.topNav:hover{background-image:url("../images/upLinkHover.png")}
.topNav.hidden{display:none}

.yourMark{float:left;height: 18px;}
.contentDetailsBlock .yourMark{ margin-left: 10px;}


#reclama div{ margin: 0 auto;}
#reclama{ margin-left: 3px;}
#buttonsOrg{ padding-top: 20px;}
.warning{ padding-top: 10px;text-align: center;}
.adBlock{margin-bottom:20px}
.adPlace{margin-bottom:20px; overflow:hidden}

#socialButtons{position:relative; margin-top:15px; min-width:20px; height:25px}
#fbbtn{float:left; margin-right:20px; min-width:100px}
#vk_like{float:left; margin-right:-28px}
#odnoklassniki{float:left; margin-right:20px}
#twitter{float:left}
.scIcon{display:block; float:left; width:20px; height:20px; margin-right:10px; font-size:1px; text-decoration:none; background:url("../images/social_networks_icons.png"); background-repeat:no-repeat}
.vkIcon{background-position:0px 0px}
.fbIcon{background-position:-20px 0px}
.odIcon{background-position:-40px 0px}
.twIcon{background-position:-60px 0px}

.imageSelectBox{position:relative}
.imgButtons{height:35px; border-bottom:1px solid #55a51c}
.imgButtons input[type="button"]{width:140px;  margin:4px 0 0 15px; padding:2px 8px}
.userImages{overflow:hidden}
.userImages .ui-selecting{background:#FECA40}
.userImages .ui-selected{background:#F39814; color:white}
.userImages{list-style-type:none; margin:0; padding:0}

.userImages li img{max-width:100px; max-height:100px}
.userImages li{ margin:3px; padding:5px; float:left; width:100px; height:100px; text-align:center; overflow:hidden}

.imgUploadBox{margin:10px 0; padding-bottom:10px;  border-bottom:1px solid #55a51c}
.imgBottomButtons{position:absolute; bottom:18px; right:20px}
.imgBottomButtons input[type="button"]{width:110px;  margin:4px 0 0 15px; padding:2px 8px}

div.freshQuBlock{margin-bottom:10px; padding:4px 20px; overflow:hidden}
div.freshQuBlock p{margin:6px 0}

.articleContentBox h1{ margin: 0px 0 0.8em!important; padding: 1px 0 0 20px;}
.wikiText h1{margin:0px 0 0.8em}
.wikiText h2{margin:1em 0 0.8em}
.wikiText h3{margin:1em 0 0.8em}

.contentBlock .wikiText{font-size:110%; line-height:140%}

.progress-indicator .firstGray{background:url("../images/commonDiagnostic/stepIndicator/firstGray.png") no-repeat; width:14px; height:14px}
.progress-indicator .firstGreen{background:url("../images/commonDiagnostic/stepIndicator/firstGreen.png") no-repeat; width:14px; height:14px}
.progress-indicator .otherGray{background:url("../images/commonDiagnostic/stepIndicator/otherGray.png") no-repeat; width:20px; height:14px}
.progress-indicator .otherGreen{background:url("../images/commonDiagnostic/stepIndicator/otherGreen.png") no-repeat; width:20px; height:14px}

.t-datepicker .t-icon.t-icon-calendar{background-image:url("../images/datepicker.png"); background-repeat:no-repeat; background-position:center; border:1px solid rgb(70,135,23); width:20px; height:20px; margin-top:0px}

#specialistListBox{margin:20px 0}
.specialistListItem{margin:20px 0}
.specialistListItem .specImg{float:left; width:215px; margin:0 20px 0 0}
.specialistListItem .specImg .specImgBox{width:215px; max-height:215px; overflow:hidden}
.specialistListItem .specImg .specImgBox img{width:215px}
.specialistListItem .specImg .ask{width:215px; margin-top:10px}
.specialistListItem .specImg .actionButton a.button{width:215px}
.specialistListItem .fromProfile p{margin:0.5em 0; font-size:115%}
.specialistListItem .fromProfile .sname{font-size:180%}
.specialistListItem .fromProfile .sname a{text-decoration:none}
.specialistListItem .fromProfile .sname a:hover{text-decoration:underline}
.specialistListItem .fromProfile .rating{margin-top:2px}
.specialistListItem .fromProfile .line{line-height:150%}
.specialistListItem .customAbout{margin-top:15px}

#addSpecBlock{margin:15px 0}
#specialistListBox .specActions{margin-bottom:40px; padding-top:10px; position:relative}
#specialistListBox .specActions div.actionButton .actionPostLink input[type="submit"]{width:172px; margin-left:20px}
.ht20{height:20px}

.categoryTags{overflow:hidden}
a.categoryTag{font-size:85%; color:white; background-color:#80c251; padding:3px 8px; margin:2px 4px 2px 0; text-decoration:none; white-space:nowrap; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; float:left}
a.categoryTag:hover{background-color:#51a31a}

td.rightTxt{ text-align: center;width: 40px;padding-right: 13px!important;}
.rememberBox{ margin-top: 24px;}
.rememberBox input{vertical-align:top; }

.collapsedTable{border:none; border-collapse:collapse; padding:0}

.userGoal{background-color:#FFF6BA; border:1px solid #FFD01C; margin-bottom:9px; padding:3px 0 3px 7px}

.breadCrumb{margin-top:15px}

.carousel img{max-width:75px}

.carousels{margin:10px 0; overflow:hidden; min-width:500px}
.carousels h3{margin-bottom:5px}

.carousels .jcarousel-skin-tango .jcarousel-container-horizontal{max-width:850px; width:auto}
.carousels .jcarousel-skin-tango .jcarousel-clip-horizontal{width:auto}

 
#carouselSpec li{width:170px}
#carouselSpec img{float:left}
#carouselSpec div{padding:5px 5px 0; margin-left:75px; font-size:85%}
#carouselSpec div p{margin:5px 0 0}

#descBox table{width:100%; border-collapse:collapse; margin:25px 0}
#descBox table td{text-align:center}
#descBox table td img{cursor:pointer}
#descBox table td div{position:relative; height:1px}
#descBox table td span{position:absolute; left:30%; top:-118px; font-size:120%; text-align:left; text-indent:8px}
#descBox table.four td span{left:24%; top:-118px}
#stepTipBox{width:100%; margin:30px 0 20px}
#stepTipBox img{display:block; margin:0 auto; }

.shadow{-moz-box-shadow:   3px 3px 7px 3px #ccc; -webkit-box-shadow:3px 3px 7px 3px #ccc; box-shadow:        3px 3px 7px 3px #ccc}

.sectionIndicators .bar{border-width:1px; border-style:solid; height:22px; line-height:22px; padding:0 7px 0 7px; margin-bottom:1px; clear:both}
.sectionIndicators .bar.good{background:url("../images/lifestyleIndex/good_bar_bg.png") repeat-x;                                       border-bottom-color:rgb(0,194,0); border-top-color:rgb(187,255,185); border-right-color:rgb(106,233,108); border-left-color:rgb(106,233,108)}
.sectionIndicators .bar.average{background:url("../images/lifestyleIndex/average_bar_bg.png") repeat-x;                                          border-bottom-color:rgb(222,171,49); border-top-color:rgb(255,223,174); border-right-color:rgb(248,211,126); border-left-color:rgb(248,211,126)}
.sectionIndicators .bar.bad{background:url("../images/lifestyleIndex/bad_bar_bg.png") repeat-x;  border-bottom-color:rgb(213,55,55); border-top-color:rgb(255,203,203); border-right-color:rgb(242,115,177); border-left-color:rgb(242,115,177)}
                                     
.sectionIndicators .bar.inactive{background:url("../images/lifestyleIndex/inactive_bar_bg.png") repeat-x;                                          border-bottom-color:rgb(136,136,136); border-top-color:rgb(228,228,228); border-right-color:rgb(186,186,186); border-left-color:rgb(186,186,186)}

#carouselOrg .jcarousel-item-horizontal{margin-right:20px}
#topRow{width:100%; overflow:hidden}
#topRow >.left{width:60%}
#topRow >.right{width:39%}
#liSections{width:200px; margin:39px 0 0 -42px; cursor:pointer}
#healthMonitor #wrapInd{ position:relative}
#healthMonitor table{width:100%}
#healthMonitor .hsp{width:20px}
#healthMonitor .half{width:48%}
#healthMonitor .third{width:33%}
#healthMonitor .healthIndex{overflow:hidden; margin:0 auto; min-width:400px; max-width:420px}
#healthMonitor .healthIndex >div{float:left}
#healthMonitor .sectionIndicators .bar img{display:none}
#healthMonitor .sectionIndicators .bar{text-align:right}

.newButton{display:block; height:32px; overflow:hidden; text-align:center; font:bold 16px/31px Arial,Helvetica,sans-serif; text-decoration:none; color:White}
.newButton >span{display:inline-block; float:left; height:32px; background:url(../images/buttons/new-buttons-sp.png) no-repeat}

.newButton.green .leftPart{width:16px; background-position:0 0}
.newButton.green .rightPart{width:16px; background-position:-16px 0}
.newButton.green .middlePart{background:url(../images/buttons/new-green-bg.png) repeat-x; padding:0 1px}

.newButton.orange .leftPart{width:16px; background-position:-32px 0}
.newButton.orange .rightPart{width:16px; background-position:-48px 0}
.newButton.orange .middlePart{background:url(../images/buttons/new-orange-bg.png) repeat-x; padding:0 1px}

.newButton.blue .leftPart{width:16px; background-position:-64px 0}
.newButton.blue .rightPart{width:16px; background-position:-80px 0}
.newButton.blue .middlePart{background:url(../images/buttons/new-bkue-bg.png) repeat-x; padding:0 1px}

.newButton.red .leftPart{width:16px; background-position:-96px 0}
.newButton.red .rightPart{width:16px; background-position:-112px 0}
.newButton.red .middlePart{background:url(../images/buttons/new-red-bg.png) repeat-x; padding:0 1px}

.newButton.gray .leftPart{width:16px; background-position:-128px 0}
.newButton.gray .rightPart{width:16px; background-position:-144px 0}
.newButton.gray .middlePart{background:url(../images/buttons/new-gray-bg.png) repeat-x; padding:0 1px}

.errorPage p{font-size:120%}

.toolLink, 
.testLink{float:right;  margin:5px 0 0 10px; padding:4px 5px 4px 8px; max-width:140px; line-height:110%;  background:#F6FFEA; border:1px solid #B0D1AC; border-left:2px solid green}
.toolLink a, 
.testLink a{font-size:90%; text-decoration:none}
.toolLink a:hover, 
.testLink a:hover{text-decoration:underline}

#calculatorFields{margin: 30px auto;}
#calculatorFields tr{ height: 40px; }
.calculatorField{ float: right;padding-top: 10px;}
#calculatorConclusion{ margin: 0 auto;width: 160px;font-size: 21px;}
#resultNumber{ color: #519e1b;font-size: 50px;max-width: 70px;margin: 0 auto;}
#calculatorError{ color: red;margin: 0 auto;display: none;width: 180px;}
#calculatorErrorResult{ color: red;margin: 0 auto;width: 180px;display: block;}

#calculate{width: 140px;
height: 32px;
color: #ffffff;
font: bold 16px Arial;
-moz-border-radius: 15px;
-webkit-border-radius: 15px;
border-radius: 15px;
background: #5db41e;
box-shadow: 1px 1px 1px #595959;
border: 0;
margin-left: 10px;
cursor: pointer;
}

.fieldValue{
font-size: 18px;
font-weight: lighter!important;
margin-left: 10px;
height: 26px;
    width: 140px;
border: 1px solid #c1c1c1;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;
-webkit-border-radius: 5px;
border-radius: 5px;
}

.blockPadding_categories{height:593px; overflow-y:scroll}
.blockPadding_categories_a{height:363px; overflow-y:scroll}

.blockPadding_organizations{height:216px; overflow-y:scroll}


#hideAll{ position:fixed;  left:0px;  right:0px;  top:0px;  bottom:0px;  background-color:white;  z-index:99}
 
 .absolute_class{     position:absolute;      padding:20px 260px 0 260px}
 
 .ratingBlock  ol{list-style-position:outside}
 
 h1.community{margin:20px 0 0 20px}

#Community_Description{width:99%}
.communityMainBox div.contentBlock{padding-left:0}
.communityMainBox div.contentDetailsBlock .firstLine{margin-top:0.5em}

.communityGlobalMainBox{height:45px}
.communityGlobalMainBox h1{margin:0 0 0 20px}
.communityGlobalMainBox h1 span{font-size:60%}
.communityGlobalMainBox div#mainContentLeftBoxW215 h4{font-family:Arial,Helvetica,sans-serif; font-weight:normal; font-size:95%; margin:20px 0 0.5em}

.communityActionBtn{float: right;margin-top: 20px;}
.communityActionBtn a.button{}
.communityActionBtn input[type="submit"]{width:300px}

.communityActionBtn2{width:300px; display:block; float:right;}
.communityActionBtn2 a.button{width:298px}
.communityActionBtn2 input[type="submit"]{width:220px}

#communityList{}
#communityList .listItem{float:left; width:150px; height:190px; overflow:hidden; text-align:center; margin-left:20px}

#communityList .listItem .cText{margin-top:15px}
#communityList .listItem h3{margin-bottom:0.5em}
#communityList .listItem .cText div{line-height:135%}
#communityList .listItem .cImage{width:115px; height:100px; padding-left:20px}

#communityArticleCommentFormBox{width:532px; margin-top:45px; position:relative}
#communityArticleCommentFormBox input[type="text"]{margin:0.3em 0 1em;  width:100%; height:22px; border:1px solid #468717}
#communityArticleCommentFormBox textarea{margin:0.3em 0 1em; width:100%; height:300px; border:1px solid #468717}
#communityArticleCommentFormBox input[type="submit"]{display:block; float:right;  margin-top:14px}

#articleComments{margin:30px 0 0}
.articleComment{margin:25px 0 0 0}
.articleComment .commentActions{width:350px; float:right; margin-right:130px}

#communityModelEditTable{width:685px}
#communityModelEditTable td.label{width:143px; padding-top:8px}
#communityModelEditTable td.h{padding-top:4px}
#communityModelEditTable td.labelT{width:143px; text-align:right; line-height:14px; padding:4px 10px 0 0; vertical-align:top}
#communityModelEditTable td.field{width:532px}
#communityModelEditTable td{padding-bottom:1em}
#communityModelEditTable  textarea{margin:0.3em 0 1em; height:300px; border:1px solid #468717}
.community-edit textarea{width:532px}

input#addCommunityBtn{width:215px; display:block; float:right;  margin-right:20px; padding:2px 8px}

.communityMainBox div#rightHowToSidebar{margin-top:130px}

#communityMembersBlock .blockContent{padding:0 10px}
#memberCount{padding:10px 0 0; font-size:105%}

#communityLeader p{font-size:105%}
#communityLeader img{float:left; height:40px; margin-right:10px}

.communityUserBox p{font-size:105%; margin-bottom:10px; line-height:20px}
.communityUserBox p span{font-size:95%}
.communityUserBox img{ width:40px}
.communityUserBox .comUserInfo{overflow:hidden; margin-bottom:8px}
.communityUserBox .comUserInfo .imgBox{float:left; width:40px; height:40px; overflow:hidden}
.communityUserBox .comUserInfo .linkBox{margin-left:50px}

#memberTopList{margin-top:20px}
#memberTopList ol{padding:4px 2px;  list-style-position:inside}
#communitySpecialists ul{list-style-type:none}
#memberList ul{list-style-type:none}
#memberListHead ul{list-style-type:none}

.communityQuestions p{margin:4px 0 0}
.communityQuestions p.first{margin:25px 0 0}
.communityQuestions p.title{font-size:14pt}

.communityArticlesList .articleItem{margin-top:25px}
.communityArticlesList .articleItem p{margin:0.6em 0}
.communityArticlesList table td{vertical-align:top}
.communityArticlesList table td.lt{padding-right:10px}
.communityArticlesList table td.rt{padding-left:10px}

#communityMemebers #communitySpecialists{margin:20px 0 0}
#communityMemebers #memberList{margin:20px 0 0; width:100%}
#communityMemebers #memberListHead{margin:20px 0 0; width:100%}

table#memberList{ border-collapse: collapse; width: 999px;}
#memberList tr#tblHeader{background-color:#aaa; color:White}
#memberList tr:nth-child(odd){background:#ebebeb}
#memberList td, #memberList th{ height: 22px; text-align: center;}
#memberList  #tblHeader th{text-align: center;}
#memberList td.instrumentsCount{width:150px; padding-left:10px; text-align:left}
#memberList td.instruments{width:150px; padding-left:10px; text-align:left}
#memberList td.instrumentsDate{width:150px; padding-left:10px;}


#memberList th.status{width:105px}
#memberList td.status{width:105px; padding-left:20px}
#memberList th.articleCount{width:80px; padding-right:20px; text-align:right}
#memberList td.articleCount{width:80px; padding-right:20px; text-align:right}
#memberList th.questionCount{width:80px; padding-right:20px; text-align:right}
#memberList td.questionCount{width:80px; padding-right:20px; text-align:right}
#memberList td.medals{width:140px}

#memberList th.categories{width:300px}
#memberList td.categories{width:300px; padding-left:20px}
#memberList th.actions{width:300px}
#memberList td.actions{width:300px; padding-left:20px}


#memberList tr#tblHeader{background-color:#aaa; color:White}
#memberList tr:nth-child(odd){background:#ebebeb}
#memberList td, #memberList th{ height: 22px; text-align: center;}
#memberList td.member, #memberList th.member{padding-left:10px;width: 161px;}
#memberList  #tblHeader th{text-align: center;}
#memberList td.instrumentsCount{width:150px; padding-left:10px; text-align:left}
#memberList td.instruments{width:150px; padding-left:10px; text-align:left}
#memberList td.instrumentsDate{width:150px; padding-left:50px;}


table#memberListHead{border-collapse:collapse}
#memberListHead tr#tblHeader{background-color:#aaa; color:White}
#memberListHead tr:nth-child(odd){background:#ebebeb}
table#memberListHead{ width: 999px;}
#tblHeader th.member{ padding-left: 20px;
width: 140px;}

#tblHeader th#instrumentsAnthropometric{padding-left: 40px;}
#tblHeader th#instrumentsLyfestyle{padding-left: 30px;}

#topCommunityBlock{width:100%}
#leftCommunityBlock{float:left; width:49%; margin-top:30px}
#rightCommunityBlock{float:right; width:49%; margin-top:30px}

.cmBlock{margin-top:20px}
.cmBlock .blockContent ul{list-style-type:none; list-style-position:inside}
.cmBlock .blockContent ul li{margin:12px 10px 0}
.cmBlock .blockContent ul li.all{margin-top:15px; text-align:right}

.toolBox{height:140px}

#joinResult{display:none; background-color:Green}

#itemesSorting{width: 100%;height: 30px;}
#itemesSortingdiv{ margin-left: 2px;}
#itemesSorting a{ width: 49%; height: 30px;color:#66c522; text-decoration:none;}
#itemesSorting .selectedItem a{color: white!important;}

#left{ float: left;}
#right{ float: right;}
#right #left{ margin-right: 10px;}
#right div{font-size: 14px;}
#right a{ text-decoration: none;}
#right #byDate{ width: 55px;height: 20px;}
#right #byPopular{ width: 95px;height: 20px;}
#right .selectedItem a{ color: white;}

#importantInformation {padding-left: 10px;padding-right: 5px;}

.communitiesSorting{ margin-right: 15px;}
#byPopular, #byDate, #byNew, #byArticles, #byQuestions{color: #66c522; height: 30px; width: 49%;float: left;text-align: center;font-size: 20px;background-color: white; font-weight: lighter;cursor: pointer;}
.selectedItem{ background-color: #66c522!important; color: white!important; height: 30px; width: 49%;float: left;text-align: center;font-size: 20px;cursor: pointer;}
#scroll_container{ width: 100%;position: relative;}
#loadingImg{ background-color: #f2f2f2;position: absolute;top: 0;z-index: 999999;width: 100%;height: 100%;text-align: center;opacity: 0.8;display: none;}
#loadingImg img{ width: 100px;padding-top: 200px;}
#loadingText{ font-size: 180%;padding-top: 150px;}

#editorArticlesTabs{overflow:hidden}
.communityMainBox ul.tabsList{padding-left:80px}
#editorArticlesTabs .ui-tabs-panel{padding:8px 0 0 0}

.communityMainBox #articlesQuestionsTabs{margin-top:30px}

#articlesQuestionsTabs table{border-collapse:collapse; border-spacing:0; border-width:0; width:100%}
#articlesQuestionsTabs table td{vertical-align:top; width:50%}
#articlesQuestionsTabs table td.rightCol{padding-left:20px}

.communityQuestions p.title a{color:#e66b08; text-decoration:none}
.communityQuestions p.title a:hover{text-decoration:underline}

#socialActivityBlock{margin:30px 0 0; border:1px solid #5db41f; background-color:#f4f4f4; overflow:hidden}
#socialActivityBlock div.greenBlockTitle{height:20px; font-size:100%}
#socialActivityBlock div.abContent{padding:0 4px}
#socialActivityBlock div.abContent div.item{margin:10px 0 0; padding:0 6px 10px; border-bottom:1px solid #cbcbcb}
#socialActivityBlock div.abContent div.item p{margin:5px 0 0}
#socialActivityBlock div.abContent div.item p.iTitle{font-weight:bold}

#socialActivityBlock div.abContent div.item+div#lastItem{position:relative; top:-1px; height:1px; background-color:#f4f4f4}

#communityArticleDisplayBox{width:100%}
#articlesQuestionsTabs h1 a{text-decoration:none}
#articlesQuestionsTabs h1 a:hover{text-decoration:underline}
#articlesQuestionsTabs .rightColBlock h1 a{color:#E66B08}

#articleFormBox .chzn-container-multi .chzn-choices{margin:4px 0 .3em}
#editBox a{ text-decoration: none;font-size: 14px;}
.linkPadding{ padding-left: 10px;}
.moreArticlesBox{margin:15px 0}
.moreArticlesBox .moreTitle{font-weight:bold}
.moreArticlesBox ul{margin:5px 0 0; list-style:none none outside}
.moreArticlesBox ul li{line-height:140%}

form input[type="submit"].voteBox{float:left; width:17px; height:18px; text-indent:-9999em; font-size:1px;  border:none; padding:0; height:18px; cursor:pointer}
form input[type="submit"].voteUpOff{background-image:url("../images/upVote.png"); background-repeat:no-repeat; overflow:hidden; margin-right:5px}
form input[type="submit"].voteUpOn{background-image:url("../images/upVoted.png"); background-repeat:no-repeat; overflow:hidden; margin-right:5px}
form input[type="submit"].voteDownOff{background-image:url("../images/downVote.png"); background-repeat:no-repeat; overflow:hidden; margin-right:5px}
form input[type="submit"].voteDownOn{background-image:url("../images/downVoted.png"); background-repeat:no-repeat; overflow:hidden; margin-right:5px}

.artComment{margin:1em 0}

.articlesActionBtn a.button{width:215px}

#articleDisplayBox{margin:20px 0 0}
#articleDisplayBox ol{list-style-position:inside}

.ddt{padding:20px 0 80px 20px; width:800px}

.ddt h2, .ddt h3{font-weight:normal; margin:0}
.ddt h3{font-size:17px}
.ddt h2{font-size:23px}
.ddt p{margin:0px}

.ddt.chooseTest{width:60%; min-width:550px}
.ddt.chooseTest .label{width:120px}
.ddt.chooseTest select{width:200px}
.ddt.chooseTest #description{padding:15px 0 20px 0}
.ddt.chooseTest #questionnarie{float:left; width:250px}

.ddt.chooseTest #tests{float:left; width:500px}
.ddt.chooseTest #questionnarie p, .ddt.chooseTest #tests p{padding-bottom:10px}

.ddt .worryingReason{padding:0 0 0 2px}
.ddt .worryingReason .title{padding:4px; cursor:pointer; font-size:11pt; line-height:16px; clear:both}
.ddt .worryingReason .title:hover{background-color:#E9E9E9}
.ddt .worryingReason .title img{float:left; margin-top:2px}
.ddt .worryingReason .title div{margin-left:15px}
.ddt .worryingReason ul.tests{list-style-type:none; padding-left:25px}
.ddt .worryingReason ul.tests li{line-height:21px}
.ddt .worryingReason ul.tests li.last{margin-bottom:5px}

.ddt.displayQuestion h3{padding:15px 0 0 0}
.ddt.displayQuestion p{padding:15px 0 15px 0; font-weight:normal}
.ddt.displayQuestion input[type="submit"]{width:100px}

.ddt.displayResult h3{padding:20px 0 15px 0}
.ddt.displayResult p.finishAnswer{padding-bottom:10px}
.ddt.displayResult h3#finishing{padding-top:30px}
.ddt.displayResult #userData{padding-bottom:18px}
.ddt.displayResult #userData .label{width:150px; padding-top:1px}
.ddt.displayResult #userData .field{font-weight:bold}

#vk_like, #fbbtn{clear:none !important}




#rememberString{float: left; margin-left: 10px;margin-top: 22px;}

#loginControl table td{padding:0 0 8px}
#loginControl table td.label{float:none; width:120px; padding-right:10px; text-align:right; vertical-align:top}
#loginControl table td.field{width:260px}
#loginControl table label{padding-top:5px; display:block}
#loginControl table input + label{ display: inline;}

#loginControl table input.login[type="text"]{margin:0 0 5px; width:260px;  height:22px; border:1px solid #468717}
#loginControl table input.login[type="password"]{margin:0 0 5px; width:260px;  height:22px; border:1px solid #468717}

#accountPage{min-width: 1007px;max-width: 1515px;}
#accountBox{ margin: 0 auto;width: 880px;}
#accountBox form input[type="submit"]{margin-left:131px; margin-top:14px; padding-left:20px; padding-right:20px}
#accountBox form a.button{display:inline-block; margin-left:15px; margin-top:14px; padding-left:20px; padding-right:20px; width:auto}

#resetPasswordTip{margin:120px 0 0 25px; padding:7px 0 0; border-top:1px dotted #acacac; width:660px}

#loginControl .registerNote{position:absolute; width:250px; height:300px; top:0px; left:570px; padding:0 14px;background-color: #fffbb7;margin-top: 7px;}
#loginControl .registerNote p{margin:6px 0}
#loginControl .registerNote p.header{font-size:18px; color:#55a51c}

#loginControl .registerNote ul{list-style-position:outside; margin:3px 0 0 17px}

#loginControl .registerNote li{}
#loginControl .registerNote img{position:absolute; top:10px; left:-16px; width:16px; height:29px}

div#filterOrganizations{padding:20px 0 0 0}

.addOrganizationBtn{width:300px;float: right;padding-top: 0px!important; }
.addOrganizationBtn a.button{width:298px}
.editOrganizationBtn{width:300px}
.editOrganizationBtn a.button{width:298px}

.organizationBox{width:450px}
.organizationListBoxImage{width:110px; float:left}
.organizationListBox{width:340px; padding-left:110px}

.organizationBox ul{list-style-type:none}

.organizationList .whiteBlock ul{padding-left:10px}
.organizationList .whiteBlock ul li{padding-top:2px}

.organizationList .whiteBlock div.foldLink{padding:8px 5px 0 10px}
.organizationList .whiteBlock div.foldLink a{font-weight:bold}
.organizationList .whiteBlock ul li.expandable0{display:none}
.organizationList .whiteBlock ul li.expandable1{display:none}
.organizationList .whiteBlock ul li.expandable2{display:none}
.organizationList .whiteBlock ul li.expandable3{display:none}
.organizationList .whiteBlock ul li.expandable4{display:none}
.organizationList .whiteBlock ul li.expandable5{display:none}

.organizationList .blockPadding{padding:4px 2px 12px 2px}

.organizationList .whiteBlock input[type="checkbox"]{vertical-align:text-bottom; margin-bottom:2px}

.organizationList .blockPadding div.clearFilter{margin:0 0 -2px 4px}


.organizationViewMainPart{overflow:hidden}
.organizationViewBox ul{margin-left:20px}

.organizationViewBox table#contacts{margin:10px 0 1em 20px}
.organizationViewBox table#contacts td.name{min-width:100px; text-align:right; color:#4c4c4c}
.organizationViewBox table#contacts td.value{width:auto; padding-left:5px}

#organizationFormBox{width:700px}
#organizationFormBox input[type="text"]{margin:4px 0 .3em;  width:100%; height:22px; border:1px solid #468717}
#organizationFormBox select{margin:4px 0 .3em;  width:100%; height:22px; border:1px solid #468717}

#organizationFormBox textarea{margin:4px 0 .3em; width:100%; height:350px; border:1px solid #468717}
#organizationFormBox input[type="submit"]{width:140px; margin-top:14px; margin-left:215px}
#organizationFormBox input[type="button"]{width:140px; margin-top:14px; margin-left:15px; padding:2px 8px}

#organizationFormBox ul.chzn-choices li.search-field input{ background:none repeat scroll 0 0 transparent !important;  border:0 none !important;  box-shadow:none;  color:#666;  margin:1px 0;  outline:0 none;  padding:5px;  height:auto}

table#organizationEditModelTable{width:685px}
table#organizationEditModelTable td.label{width:205px; padding:7px 10px 0 0; text-align:right; vertical-align:top}
table#organizationEditModelTable td.field{width:470px}
table#organizationEditModelTable td{padding-bottom:1em}

#organizationListContainer{padding:10px 0px; position:relative}


#organizationListTableHead{width:100%; border-collapse:collapse;border-bottom: #636363 solid 1px;}
#organizationListTableHead th.txtLeft{ text-align: left;padding-left: 30px; font-size: 12px;color: #b3b3b3;padding-bottom: 5px;}
#organizationListTableHead th.txtRight{ text-align: right;font-size: 12px;color: #b3b3b3;width: 120px;padding-right: 10px; padding-bottom: 5px;}
#organizationListTableHead th.txtCenter{ text-align: center;font-size: 12px;color: #b3b3b3;width: 120px;padding-right: 10px; padding-bottom: 5px;}
#organizationListTable{width:100%; border-collapse:collapse; border-spacing:0; border-width:0}
#organizationListTable tr{border-bottom: #bfbfbf solid 1px;}
#organizationListTable td p{margin:0}
#organizationListTable td{padding:8px 4px}
#organizationListTable th{padding:8px 4px}
.orgCity{text-align: left;width: 240px;}

.organizationComment{margin:25px 0 0 0}
.organizationCommentAnswer{margin:25px 0 0 0}

table#adminOrganizationCommet{margin:20px}
table#adminOrganizationCommet th{padding:8px}
table#adminOrganizationCommet td{padding:4px}
table#adminOrganizationCommet td.approveField{text-align:center}

table#adminOrganizationCommet tr:nth-child(even){background-color:#ebebeb}

.commentAnswerFormBox{padding:0 0 0 115px}
.organizationLogoBox{float:left; width:100px}
.organizationCommentAnswerContent{padding:0 0 0 115px}

#statInfoContent {margin-left: 70px}
.stat{background-color: white; -webkit-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.54);-moz-box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.54);box-shadow: 0px 3px 6px rgba(50, 50, 50, 0.54);margin-top: 7px; width: 700px; height: 300px; border: none;}

#mapBox{float:right;  margin:0 0 0 10px}
#map{width:300px; height:200px; border:1px solid #55a51c}
.fakeAbout{margin:15px 0 20px 0; color:#555}
.organizationLogo{float:right; width:300px; padding:15px 0 10px 10px}
.organizationLogo img{max-width:100px; display:block; margin:0 auto}

td.partner{width:19px; text-align:center}
img.partner{width:16px}

.orgTitleBox{overflow:hidden}

.orgTitleBox h1{margin-right:90px}
.orgTitleBox .partnerS{float:right; width:80px; height:25px}
.orgTitleBox .partnerS div{float:left; line-height:95%}
.orgTitleBox .partnerS img{margin:0 3px 0 0}
.orgTitleBox .partnerS span{text-align:right; font-size:90%; color:Gray}

.deleteConfirmBtns{margin:15px 0; overflow:hidden}
.deleteConfirmBtns .actionPostLink input[type="submit"]{width:220px; float:left}
.deleteConfirmBtns .button{width:320px; float:left; margin-left:25px}
.alert{color:Red}

h1.reference{margin:20px 0 0 20px}

.referencesMainBox h2.refTitle{margin-top:1.5em}

.referencesMainBox ul.rubrics{list-style-type:none; width:450px; float:left}
.referencesMainBox ul.rubrics li{margin-top:3px}
.referencesMainBox ul.rubrics li.firstLetter{margin-top:15px}
span.rubricLetter{display:inline-block; width:25px; color:#999}

.referencesMainBox .topicArticle{margin:20px 0}

.referencesMainBox ol{list-style-position:inside}

.mainHeader{margin-bottom:15px}
.groups .groupHeader{padding-left:40px; margin-top:20px; margin-bottom:10px}
.groups .question{margin-bottom:15px}
.groups .question .number{color:rgb(153,153,153); font-size:24px; width:30px; padding-right:10px; text-align:right}
.groups .question .text{margin-bottom:5px; margin-top:3px}
.groups .question .variants .item{margin-bottom:5px}
.groups .question .variants .item .selector{width:20px; float:left}
.groups .question .variants .item .selector.selected{padding-top:3px; background:url("../images/depthDiagnostic/triangle-to-right.png") 3px 3px no-repeat}
.groups .question .variants .item .text{}
.pagesInfo{padding-left:40px; margin-bottom:10px}
.pagesInfo .progress-indicator{padding-top:5px}
.buttons{padding-left:40px}
.buttons input[type='submit'], .buttons .button{float:left; margin-right:10px}

#testContent{ float: left;}
#questionsTestsCount{ float: right;margin-top: 50px;position: absolute;top: 0;right: 0;}
#testContent {margin-right: 80px;}
#questionsCount{ color: #55a51c;font-size: 40px;margin: 0;text-align: center;margin-top: 10px;}
.testBlock { position: relative;height: 100%;width: 98%; display: table;}

.hg-dd-wrap{position: relative;top: 50px;width: 220px;margin: 0 15px;padding: 5px;background: #fff;border: 1px solid #e6e6e6;cursor: pointer;outline: none;}
.hg-dd{ border-bottom: 1px solid #e6e6e6;}
.hg-dd-wrap:after {content: "";width: 0;height: 0;position: absolute;right: 10px;top: 50%;margin-top: -3px;border-width: 4px 4px 0 4px;border-style: solid;border-color: grey transparent;}
.hg-dd-wrap .hg-dd {display: none;z-index: 1001;position: absolute;top: 100%;left: -1px;width:232px;background: #fff;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;list-style: none;}
.hg-dd-wrap .hg-dd li a {display: block;text-decoration: none;color: #333;border-top: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-left: 1px solid #e6e6e6;padding: 5px;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;transition: all 0.3s ease-out;}
.hg-dd-wrap .hg-dd li:hover a {color: orange;}
.hg-dd-wrap.active:after {border-width: 0 4px 4px 4px;}
.hg-dd-wrap.active .hg-dd {display: block;}
 
.imageContainer {
    margin: 10px; position: relative;
}

.imageBox {
    margin: 5px; float: left; height: 96px; border: 0; overflow: hidden;
    width: 128px;
}

.imageBox:hover {
    height: 104px; margin: 0; border: 1px solid #CCC; background: #FDFDFD;
    z-index: 1; width: 136px;
}

.imagePreview {
    height: 100%; display: block; margin: 0 auto;
}

.imageCenter {
    text-align: center; margin: 20px 0; font-weight: bold;
}

/* Styles for the image uploader
-----------------------------------------------------------*/
#upload-choices {
    width: 450px;
    float: left;
}

#upload-cut {
    margin-left: 480px;
    padding-top: 10px;
    min-width: 150px;
}

#preview {
    max-width: 100%;
    display: block;
}

.editor-row {
    margin: 10px 0;
    height: 40px;
    width: 100%;
}

.editor-row div {
	margin: 0; height: 40px; display: inline-block;
}

.editor-row div.editor-label {
    width: 150px;
}

.editor-row div.editor-field {
    width: 300px;
}

.editor-row .editor-field input {
    width: 300px; height: 100%; box-sizing: border-box;
}

button {
    background: #3F9D4A; border: none; font-size: 1.2em; color: #FFF; padding: 7px 10px;
    border-radius: 4px; font-weight: bold; text-shadow: 0 1px 0 rgba(0,0,0,0.4); margin: 5px 0;
}

button:disabled {
    cursor: default;
    background: #666;
}

button:not(:disabled):hover {
    box-shadow: 0 0 10px #666; cursor: pointer;
}

.waitScreen {
    position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);
    z-index: 1000000;
}

.flickrImages {
    position: absolute; left: 50%; top: 10%; width: 560px; margin-left: -300px; padding: 20px;
    background: #FFF; border-radius: 10px; border: 0; box-shadow: 0 3px 10px #666;
}

.flickrImage {
    height: 96px; margin: 4px; float: left; cursor: pointer;
}

.recordsButton{display:block; text-indent:-9999px; background:url("../images/buttonRecordsdZdravo.png") no-repeat; width:134px;height: 32px;}
input.deleteButton{background-image: url('../../Content/images/buttonDeleteZdravo.png')!important; background: transparent url('../../Content/images/buttonDeleteZdravo.png')!important; color: transparent; width:154px!important; height:36px!important; border:0; background-color:White; cursor: pointer!important;}
input#continueArrow{float: left; background-image: url('../../Content/images/continueArrow.png')!important;  background: transparent url('../../Content/images/continueArrow.png')!important; color: transparent; width:155px!important;height: 31px; border:0; background-color:White; cursor: pointer!important;}
input#backArrow{background-image: url('../../Content/images/back.png')!important;  background: transparent url('../../Content/images/back.png')!important; color: transparent; width:155px!important;height: 31px; border:0; background-color:White; cursor: pointer!important;}
#backArrow{background-image: url('../../Content/images/back.png')!important;  background: transparent url('../../Content/images/back.png')!important; color: transparent; width:155px!important;height: 31px; border:0; background-color:White; cursor: pointer!important;}
#saveButton{float: left; background-image: url('../../Content/images/save.png')!important;  background: transparent url('../../Content/images/save.png')!important; color: transparent; width:165px!important;height: 31px; border:0; background-color:White; cursor: pointer!important;}
.buttonBackZdravo{display:block; text-indent:-9999px; background:url("../images/buttonBackZdravo.png") no-repeat; width:134px;height: 32px;margin-left: 560px;}

.overlay, .overlayRegistration {position:fixed;display:none;background-color: rgba(0, 0, 0, 0.7);top: 0;left: 0;bottom: 0;right: 0;z-index: 10;}