html,body {
font-family:verdana, arial, helvetica, sans-serif;
font-size:12px;
color:#5e5d5d;
margin:0;
padding:0;
background:#fff;
}
h1{font-size:20px;color:#578701;font-weight:400;margin:10px 0;padding:0}
form{margin:0;padding:0}
table,img{border:0}
p {margin:0;padding:0}
caption {margin: 0 0 .5em; text-align: left; }
.clear{clear:both}
/* jQuery style -------------- */
/* Corners (em)
------------------------------ */
.corners { position: relative; overflow: hidden; }
.corners em.tl, .corners em.tr, .corners em.bl, .corners em.br { position: absolute; font-size: 1px; }
.corners-10 em.tl, .corners-10 em.tr, .corners-10 em.bl, .corners-10 em.br { width: 20px; height: 20px; background: url(images/corners-10.png); }
.corners-10 em.tl { left: -10px; top: -10px; } .corners-10 em.tr { right: -10px; top: -10px; } .corners-10 em.bl { left: -10px; bottom: -10px; } .corners-10 em.br { right: -10px; bottom: -10px; }
#page {position:relative;width:1000px;height:100%;margin:0 auto;}
#content {clear:both; display:table;padding:4px 0; width:1000px;min-height:900px;}
#header {}
#center {width:640px; float:left}
#header .topmenu {}
#header .topmenu li {float:left; list-style:none}
#header .auth {position:absolute; top:20px; right:0px;}
#header .auth h3 {font-size:13px; padding:0; margin:0; color:#FDB515}
#header .auth .i {border:1px dashed #5f9106; height:18px; background:#FBFBFB}
#header .auth a{color:#568601}
#header .logo {width:300px; }
#sidebar {float:right; width:330px; margin-left:15px; vertical-align:top}
#sidebar .recentcomments {}
#sidebar .recentcomments h2{font-size:20px; font-weight:normal;margin:10px 0;padding:0; color:#EF7E20}
#sidebar .recentcomments ul {margin:0; padding:0; Filter:Alpha(Opacity=50)}
#sidebar .recentcomments ul li {color:#999999;list-style:none; margin-bottom:9px; opacity:0.5; Filter:Alpha(Opacity=50); cursor:pointer}
#sidebar .recentcomments ul li:hover {opacity:1; Filter: Alpha(Opacity=100);color:#FBB829}
#sidebar .recentcomments ul li b {color:#333 !important;}
#sidebar .recentcomments ul li:hover b {color:#FBB829 !important}
#sidebar .recentcomments ul li a {color:#333333}
#sidebar .recentcomments ul li a:hover {color:#368CD8;}
#sidebar .bb {margin-top:20px;}
#sidebar .tagcloud {margin-top:20px;}
#sidebar .tagcloud a {color:#2ABD20; padding:2px; text-decoration:none}
#sidebar .tagcloud a:hover {text-decoration:underline}
#sidebar .tagcloud .s1 {font-size:10px}
#sidebar .tagcloud .s2 {font-size:12px}
#sidebar .tagcloud .s3 {font-size:15px}
#sidebar .tagcloud .s4 {font-size:18px}
#sidebar .tagcloud .s5 {font-size:20px}
#footer { width:100%; background:url(images/footer_bg.png) #49a5bf repeat-x top; margin-top:40px;}
#footer .footer-border {width:965px;height:15px; background:url(images/footer-border.png) repeat-x bottom; margin:0 auto}
#footer .footer-menu {margin-bottom:20px;}
#footer .footer-menu ul {list-style-type:none; line-height:1em; margin:0; padding:0}
#footer .footer-menu ul li {float:left; background:url(images/footer-border-menu.png) repeat-y right 1px; padding:0 10px}
#footer .footer-menu ul li.last_item {float:left; padding-right:0; background:none}
#footer .footer-menu ul li a, .footer-menu ul li a:link, .footer-menu ul li a:visited{float:left;text-decoration:none;color:#454545}
#footer .footer-menu ul li a:hover {color:#2863c2;text-decoration:underline}
#footer .footer-content{width:1000px;position:relative;font-size:11px;margin:0 auto;padding:16px 0 20px}
#footer .footer-left{float:left;width:860px}
#footer .footer-left2{float:left;width:460px; padding-top:8px;}
#footer .footer-right{float:right;width:240px;text-align:right}
#footer .copyrighted{ padding:20px 0; color:#fff;}
#content h4 {color:#fbb829; padding-top:10px; padding-bottom:3px; margin:0px;font-size:105%}
#content hr {border-top:1px dashed #ccc !important; border:0; margin-top:10px;margin-bottom:10px; margin-right:30px;}
#content .bar {text-aligN:center;}
#content #bar{ display:none}
#content .block1 { display:table;}
#content .SumPost {padding-left:10px; color:#2f2f2f; display:table; margin-top:35px; width:100%; margin-bottom:10px;}
#content .SumPost h3 { padding:0; margin:0;}
#content .SumPost h3 a{color:#2D91BE; font-size:130%; font-weight:normal; text-decoration:none;}
#content .SumPost h3 a:hover {text-decoration:underline}
#content .SumPost .img {float:left; margin-right:5px}
#content .SumPost .tag {background:url(images/tag-bg.png) no-repeat; padding-left:20px; height:18px; margin-top:7px;}
#content .SumPost .tag a {color:#259128; text-decoration:none}
#content .SumPost .tag a:hover {text-decoration:underline}
#content .SumPost .info {margin-top:12px; }
#content .SumPost .date {background:url(images/time-bg.png) no-repeat; padding-left:20px; height:18px; width:100px; float:left;}
#content .SumPost .com {background:url(images/comm-bg.png) no-repeat; padding-left:20px; height:18px; width:130px; float:left;}
#content .SumPost .com a {color:#7d96ff; text-decoration:none}
#content .SumPost .com a:hover {text-decoration:underline}
#content .SumPost .link { height:18px; float:right;}
#content .SumPost .link a {color:#107fc9; text-decoration:none; padding-top:2px;}
#content .SumPost .link a:hover {text-decoration:underline}
#content #Diet {background:#fcfbe3;}
#content h2.diet {color:#036CA6; font-size:20px; font-weight:400; margin:10px 0; padding:0;}
#content #Diet .corners {padding-bottom:20px; min-height:130px; padding-left:15px;}
#content #Diet ul { margin: 0; padding: 0; }
#content #Diet ul li { display: inline-block;margin-right:10px; }
#content #Diet ul li a { display: block; outline: none; padding-top:7px; color:#EF7E20; border-bottom:1px dashed #EF7E20; text-decoration:none}
#content #Diet ul li a:hover { color:#FC0F3E }
#content #Diet ul li.active { padding-top: 7px; position: relative; top: 1px; }
#content #Diet ul li a.active { color:#578701; border:0; font-size:110%; font-weight:bold}
#content #Diet .panel-container {}
#content #Diet .panel-container h3 {color:#A4D138 }
#content #Diet .DietShort { padding-left:20px; padding-right:10px; }
#content #Diet .DietShort h2 {font-size:145%; font-weight:normal;margin-bottom:3px;}
#content #Diet .DietShort h2 a {text-decoration:none; color:#1693a5}
#content .InfoShort {background:#F2F2F2; margin-bottom:25px; width:208px; float:left; margin-right:5px }
#content .InfoShort h2 {font-size:110%; padding-bottom:0 !important; margin-bottom:4px;}
#content .InfoShort .img {margin:0 auto; width:180px; text-align:center; overflow: hidden; padding-bottom:9px}
#content .InfoShort img { }
#content .InfoShort h2 a {text-decoration:none; color:#368CD8}
#content .InfoShort .corners {padding:2px; height:200px;}
#content .InfoShort .corners .opt b {color:#FFAC00}
#content .ins {display:table; width:640px}
#content .ins h2 {font-size:125%; padding-bottom:0 !important; margin-bottom:4px; font-weight:normal}
#content .ins .img {margin:0 auto; width:180px; text-align:center; overflow: hidden; padding-bottom:9px; float:left}
#content .ins img { }
#content .ins h2 a {text-decoration:none; color:#128428}
#content .comm { margin-top:30px; margin-bottom:80px;}
#content .comm a { color:#107fc9;}
#content .comm h2 {font-size:120%; color:#fbb829}
#content .comm h2 #write {color:#107fc9; border-bottom:1px dashed #107fc9; cursor:pointer}
#content .comm #comment-form {display:none}
#content .comm .comment .tb {background:url(images/comment-tb.gif) repeat-x scroll 0 0 transparent;height:7px;overflow:hidden;}
#content .comm .comment .tl {background:url(images/comment-tl.gif) no-repeat scroll left top transparent;height:7px;}
#content .comm .comment .tr {background:url(images/comment-tr.gif) no-repeat scroll right top transparent;height:7px;}
#content .comm .comment .bb {background:url(images/comment-bb.gif) repeat-x scroll 0 0 transparent;height:15px;margin-left:24px;}
#content .comm .comment .bl {background:url(images/comment-bl.gif) no-repeat scroll left bottom transparent;height:15px;}
#content .comm .comment .br {background:url(images/comment-br.gif) no-repeat scroll right bottom transparent;height:15px;}
#content .B_crumbBox {display:table; color:#1693a5}
#content .B_crumbBox h1 {}
#content .B_crumbBox a {color:#fbb829}
#content .pages { text-align:right; margin-top:60px}
#content .pages .active, #content .pages a { background:#FBFBFB; padding:2px; padding-left:3px; border:1px dashed #ccc; padding-right:3px; text-decoration:none; font: 18px "Futura Medium","Myriad Pro","Gill Sans",Helvetica,Verdana,Arial,sans-serif;}
#content .pages a { color:#EF7E20;margin:2px;}
#content .pages .active {color:#046198; margin-right:2px;}
#content .sitemap { }
#content .sitemap a {color:#035484;}
#content .sitemap a:hover {text-decoration:underline !important}
#content .sitemap li { list-style:none}
#content .sitemap .lvl1 {color:#035484;font:1.7em "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-ser; margin-bottom:4px;}
#content .sitemap .lvl1 span { cursor:pointer}
#content .sitemap .lvl1 a {text-decoration:none}
#content .sitemap .lvl2 {list-style:square}
#content .sitemap .lvl2 a {font-size:80%; color:#578701; text-decoration:none}
#content li.headlink ul { display: none; }
#content .over-d {display:table;}
#content .over-d h2 {font-size:120%; color:#fbb829}
#content .over-d h3 {margin:2px;}
#content .over-d h3 a {font-size:90%; color:#FC0F3E; text-decoration:none}
#content .over-d h3 a:hover {text-decoration:underline}
#content .over-d .i {float:left; margin-right:16px; margin-bottom:9px; text-align:center;}
#content .food {}
#content .food table {width:620px;}
#content .food a {color:#035484;}
#content .food a:hover {text-decoration:underline !important}
#content .food .cat {background:#FFFCE7; margin-bottom:6px;}
#content .food .cat .corners {padding-left:15px; padding-top:5px; padding-bottom:3px;}
#content .food .headlink table { display: none; }
#content .food .lvl1 {color:#035484;font:1.7em "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-ser; margin-bottom:4px;}
#content .food .lvl1 span { cursor:pointer;}
#content .food .lvl1 a {text-decoration:none}
#content .food .lvl2 {font-size:80%; color:#000; text-decoration:none; padding-bottom:25px; padding-top:5px;}
#content .food .lvl2 .cal-i {float:left; width:300px;font-size:85%;}
#content .food .lvl2 .cal-0 {float:left; width:60px;font-size:80%;}
#content .food .lvl2 .cal-1 {float:left; width:60px;font-size:80%;}
#content .food .lvl2 .cal-2 {float:left; width:60px;font-size:80%;}
#content .food .lvl2 .cal-3 {float:left; width:60px;font-size:80%;}
#content .food .lvl2 .cal-4 {font-size:95%; color:#FC0F3E;}
#content #wlpeNewUser {margin-top:15px}
#content #wlpeNewUser h2 { color:#FAAD1F;margin-bottom:2px;margin-top:10px; font:1.7em "Futura Medium", "Myriad Pro", "Gill Sans", Helvetica, Verdana, Arial, sans-serif }
#content #wlpeNewUser input { width:180px; height:16px;}
#content #wlpeNewUser .info { display:table; margin-top:8px; font-style: italic; margin-bottom:8px;}
#content #wlpeNewUser .cap { margin-top:25px}
#content #wlpeNewUser #wlpeSaveRegisterButton { float:right}
#content #wlpeNewUser #wlpeCaptchaImage { vertical-align:top; padding-right:5px; padding-top:5px;}
#content #wlpeNewUser #wlpeUserRegisterCaptcha { margin-top:5px}
#content .formfeed p{ width: 300px; clear: left; margin: 0; padding: 5px 0 8px 0 !important; padding-left: 155px !important; border-top: 1px dashed gray; height: 1%;}
#content .formfeed label{font-weight: bold;float: left; margin-left: -155px; width: 150px;}
#content .formfeed input[type="text"]{ width: 180px; margin:2px;}
#content .formfeed textarea{width: 250px;height: 150px;}
#content #form_rejimik ul li {list-style:none}
#content #form_rejimik ul li.add_level1 {cursor:pointer}
#content #form_rejimik ul li ul {display:none}
.visualize {width:900px; margin-bottom:40px; margin-left:30px }
.editableNote {padding-left:10px !important; padding-bottom:12px !important;}
/*sample alternate styling for info block on Pie Chart */
.visualize-pie .visualize-info { top: 10px; border: 0; right: auto; left: 10px; padding: 0; background: none; }
.visualize-pie ul.visualize-title { font-weight: bold; border: 0; }
.visualize-pie ul.visualize-key li { float: none; }
/*option configurator thingy*/
.chartConfiguratorThingy { border: 1px solid #ddd; padding: 10px; overflow: auto; display: none; }
.chartConfiguratorThingy h2 { font-size: 1.4em; color: #666; }
.dependencies { padding: 15px; }
/*plugin styles*/
.visualize { border: 1px solid #888; position: relative; background: #fafafa; }
.visualize canvas { position: absolute; }
.visualize ul,.visualize li { margin: 0; padding: 0;}
/*table title, key elements*/
.visualize .visualize-info { padding: 3px 5px; background: #fafafa; border: 1px solid #888; position: absolute; top: -20px; right: 10px; opacity: .8; }
.visualize .visualize-title { display: block; color: #333; margin-bottom: 3px; font-size: 1.1em; }
.visualize ul.visualize-key { list-style: none; }
.visualize ul.visualize-key li { list-style: none; float: left; margin-right: 10px; padding-left: 10px; position: relative;}
.visualize ul.visualize-key .visualize-key-color { width: 6px; height: 6px; left: 0; position: absolute; top: 50%; margin-top: -3px; }
.visualize ul.visualize-key .visualize-key-label { color: #000; }
/*pie labels*/
.visualize-pie .visualize-labels { list-style: none; }
.visualize-pie .visualize-label-pos, .visualize-pie .visualize-label { position: absolute; margin: 0; padding:0; }
.visualize-pie .visualize-label { display: block; color: #fff; font-weight: bold; font-size: 1em; }
.visualize-pie-outside .visualize-label { color: #000; font-weight: normal; }
/*line,bar, area labels*/
.visualize-labels-x,.visualize-labels-y { position: absolute; left: 0; top: 0; list-style: none; }
.visualize-labels-x li, .visualize-labels-y li { position: absolute; bottom: 0; }
.visualize-labels-x li span.label, .visualize-labels-y li span.label { position: absolute; color: #555; }
.visualize-labels-x li span.line, .visualize-labels-y li span.line { position: absolute; border: 0 solid #ccc; }
.visualize-labels-x li { height: 100%; }
.visualize-labels-x li span.label { top: 100%; margin-top: 5px; }
.visualize-labels-x li span.line { border-left-width: 1px; height: 100%; display: block; }
.visualize-labels-x li span.line { border: 0;} /*hide vertical lines on area, line, bar*/
.visualize-labels-y li { width: 100%; }
.visualize-labels-y li span.label { right: 100%; margin-right: 5px; }
.visualize-labels-y li span.line { border-top-width: 1px; width: 100%; }
.visualize-bar .visualize-labels-x li span.label { width: 100%; text-align: center; }