div.message{border:3px solid #077A12;background:#068912 url(../images/cms/bg-message.gif) left top repeat;color:#fff;font-weight:700;padding:5px;}
div.error,div.errors{border:3px solid #EA0505;background:red url(../images/cms/bg-error.gif) left top repeat;color:#fff;font-weight:700;padding:5px;}
#login-form{width:350px;border:1px solid #aaa;margin:0 auto;padding:15px;}
#login-form label,form.standard-form label{float:left;width:150px;display:block;text-align:right;margin-right:5px;margin-bottom:3px;}
#login-form input,form.standard-form input,form.standard-form select,form.standard-form textarea,form.standard-form div.field{float:left;margin-bottom:3px;}
#login-form br,form.standard-form br{clear:left;margin-bottom:3px;}
form.standard-form label{width:40%;}
form.standard-form div.field{width:300px;}
form.standard-form div.field label{float:none;width:auto;display:inline;text-align:left;margin-left:5px;}
.hidden{display:none;}
.clear{clear:both;}
.float-left{float:left;margin:3px 10px 5px 0;}
.float-right{float:right;margin:3px 0 5px 10px;}
form.post_redirect_form{display:inline;}
button.post_redirect_submit{border:0;background:transparent;text-decoration:underline;}
button.post_redirect_submit span{text-decoration:underline;}
button.post_redirect_submit span:hover{text-decoration:underline;}
form.contact-form label{float:left;width:150px;display:block;text-align:right;margin-right:5px;margin-bottom:3px;}
form.contact-form input,form.contact-form select,form.contact-form textarea{float:left;margin-bottom:3px;}
form.contact-form br{clear:left;margin-bottom:3px;}
form.form-field{float:left;margin-bottom:3px;width:300px;}
form.form-field input{float:none;}
form.form-field-description{float:left;margin-bottom:3px;width:300px;clear:both;margin-left:155px;font-size:0.8em;line-height:110%;}
form.form-field label{float:none;width:auto;display:inline;text-align:left;margin-left:5px;}
form.contact-form div.captcha{margin:7px 0;}
form.contact-form div.captcha img,form.contact-form div.captcha p{padding:3px 0  0 150px;}
form.contact-form input.button{cursor:pointer;}
.youtube,.youtube embed{width:425px;height:350px;}
.youtube embed{background-image:url(../images/youtube-videoloading.gif);background-repeat:no-repeat;background-position:center;}
div.mag{border:1px solid #eee;}
div.mag a{display:block;border:1px solid #fff;-moz-outline-style:none;}
div.mag img{border:0;background:#000;}
div.mag a.selected{-moz-opacity:0.5;border:1px solid #000;}
div.mag a.main{display:block;}
div.mag a:hover img{-moz-opacity:0.9;}
#content div.mag img{border:0;background:#000;float:none;margin:0;}
#content div.galleryimagebox{float:left;}
#content div.jgallery div.jg-large{background:url(../images/ajax-loader.gif) center no-repeat;min-height:200px;}
#content div.jgallery div.jg-thumbnail-wrap{overflow:auto;margin-bottom:10px;}
#content div.jgallery div.jg-thumbnail-wrap ul{margin:0;}
#content div.jgallery .jg-thumbnails{float:left;clear:both;}
#content div.jgallery .jg-thumbnails li{float:left;margin:0;list-style:none;}
#content div.jgallery .jg-thumbnails a{display:block;}
#content div.jgallery .jg-thumbnails img{display:block;}
div.blogicons{text-align:center;margin-bottom:20px;}
div.blogicons img{border:0;-moz-opacity:0.4;}
div.blogicons img:hover{-moz-opacity:1;}
div.left{float:left;}
.center{text-align:center;}
div.clear{clear:both;}
.code,.codeblock{font-family:Consolas,"Bitstream Vera Sans Mono","Courier New",Courier,monospace,serif;}
.img-shadow{float:left;background:url(../images/cms/shadow.png) no-repeat bottom right !important;margin:10px 0 0 10px !important;}
.img-shadow img{display:block;position:relative;background-color:#fff;border:1px solid #a9a9a9;margin:-6px 6px 6px -6px;padding:4px;}
.magazine-image{background:none;border:1px #ccc solid;}
#content .magazine-image img{background:none;border:1px #ccc solid;margin:2px;padding:0;}
div.link img{float:right;margin:5px;}
div.link{clear:right;}
.sitemap ul{list-style-type:disc;}
.tag-cloud a{text-decoration:none;}
#post-comment{display:none;}
#post-comment-link{display:block;text-align:center;}
#post-comment label{float:left;width:150px;display:block;text-align:right;margin-right:5px;margin-bottom:3px;}
#post-comment input,#post-comment select,#post-comment textarea{float:left;margin-bottom:3px;}
#post-comment br{clear:left;margin-bottom:3px;}
#post-comment div.post-comment-field{float:left;margin-bottom:3px;width:300px;}
#post-comment div.post-comment-field label{float:none;width:auto;display:inline;text-align:left;margin-left:5px;}
#article a.next-article{display:block;margin-left:5px;float:right;font-size:0.9em;}
#article a.prev-article{display:block;margin-right:5px;float:left;font-size:0.9em;}
.article-date{text-align:right;font-size:0.9em;font-style:italic;margin:20px 0 30px;}
.links{margin:10px 0;}
.more{text-align:right;}
#article .note{margin:10px 0;}
img.index-thumb{float:left;margin:3px 10px 5px 0;}
div.faq img{border:0;}
div.hidden{display:none;}
#faq-questions a:focus{-moz-outline-style:none;}
#searchresults div.search-relevance{color:#999;font-size:91%;line-height:100%;float:right;margin-top:4px;}
#searchresults div.search-relevance-display{float:right;height:9px;background:transparent url(../images/relevance.png) no-repeat right;margin:6px 1px 6px 8px;}
#searchresults a.current-filter{font-weight:700;}
#register-form label{float:left;width:150px;display:block;text-align:right;margin-right:5px;margin-bottom:3px;}
#register-form input{float:left;margin-bottom:3px;}
#register-form select,#register-form textarea{float:left;margin-bottom:3px;}
#register-form br{clear:left;margin-bottom:3px;}
#menu ul,#menu ul ul{position:relative;padding:0;margin:0 0 0 0;list-style:none;line-height:25px;color:#000;z-index:10;text-transform:lowercase;}
#menu ul li a{display:block;padding:0 10px 0 10px;text-decoration:none;text-align:left;font-weight:400;background:none;color:#7E7F80;}
#menu ul li ul{width:150px !important;width:120px;position:absolute;left:-999em;line-height:20px;}
#menu ul li ul a{padding:0 10px 0 20px;width:120px;text-align:left;background:#ddd;border-top:1px solid #eee;border-bottom:1px solid #ccc;border-left:1px solid #eee;border-right:1px solid #ccc;}
#menu ul li ul ul{left:-999em;margin:-22px 0 0 140px;}
#menu ul li.current a{color:#4e619e;}
#menu ul li:hover ul ul,#menu ul li:hover ul ul ul,#menu ul li.sfhover ul ul,#menu ul li.sfhover ul ul ul{left:-999em;}
#menu ul li:hover ul,#menu ul li li:hover ul,#menu ul li li li:hover ul,#menu ul li.sfhover ul,#menu ul li li.sfhover ul,#menu ul li li li.sfhover ul{left:auto;}
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
legend{color:#000;}
html{margin:0;padding:0;}
body,td{margin:0;padding:0;line-height:140%;font-family:verdana,arial,tahoma;font-size:12px;color:#86878A;}
body{text-align:center;}
body *{text-align:left;}
h1{color:#4C5FA3;letter-spacing:2px;margin-bottom:20px;font-size:1.9em;}
h2{color:#4C5FA3;margin-top:25px;margin-bottom:17px;font-size:1.6em;}
h3{color:#4C5FA3;margin-top:18px;margin-bottom:12px;font-size:1.4em;}
h4{font-size:1.2em;color:#4C5FA3;margin-top:15px;margin-bottom:10px;}
h5{color:#4C5FA3;margin-top:6px;margin-bottom:8px;}
h2 a,h3 a{color:#4C5FA3;}
p{margin-bottom:8px;}
strong{font-weight:700;}
em{font-style:italic;}
ul{margin-bottom:7px;}
li{margin-bottom:6px;}
input[type=text],input[type=password],textarea,select{background:#f9f9f9;border:1px solid #ddd;}
input.focused,textarea.focused,select.focused{border:1px solid #4C5FA3;}
td{font-size:0.9em;}
a,a:link,a:visited,a:active,a:hover{text-decoration:none;color:#546CA8;}
a:hover{text-decoration:underline;}
.note{font-size:93%;color:#636363;line-height:130%;}
.date{font-family:Trebuchet MS,Verdana,Arial;font-style:italic;font-size:95%;margin-top:-3px;}
.credit{font-style:italic;text-align:right;margin-top:-3px;}
.links{font-family:Trebuchet MS,Verdana,Arial;font-style:italic;font-size:11px;}
.caption{font-family:Trebuchet MS,Verdana,Arial;font-style:italic;font-size:11px;color:#9b8c6f;}
.links a{font-family:Trebuchet MS,Verdana,Arial;font-style:italic;font-size:11px;}
img.icon-image{vertical-align:-4px;margin-right:3px;display:inline;}
span.icon-image{vertical-align:-4px;margin-right:3px;display:inline;}
img.left-image{float:left;margin-right:10px;margin-bottom:5px;}
div.right{float:right;}
div.img-shadow{background:transparent url(../images/cms/shadow.png) no-repeat scroll right bottom !important;float:left;margin:0 0pt 0pt 20px !important;}
div.box{padding:15px;border:1px solid #EEE;}
div.box h3{margin-top:0;}
div.codeblock{border:1px solid #999;background:#eef;padding:5px;color:#000;overflow:auto;margin-left:15px;margin-top:5px;}
.description td{padding-right:10px;}
#header{height:100px;width:820px;margin-left:auto;margin-right:auto;border-bottom:1px solid #e4e4e4;margin-top:40px;}
#header #logo{background:url(../images/bg_header.gif) top left no-repeat;width:155px;height:83px;float:left;overflow:hidden;text-align:right;}
#header #logo span{margin:-999px;}
#searchbox{margin-top:16px;float:right;}
#searchbox label{display:none;}
#searchbox a{font-size:12px;text-decoration:none;}
#header img{border:0;}
#menu{padding:0;margin:0;margin-right:-10px;z-index:1;margin-top:10px;}
#menu,#submenu{clear:right;float:right;display:inline;}
#submenu{margin-top:5px;}
#menu ul,#menu ul ul,#submenu ul,#submenu ul ul{list-style-image:none;list-style-position:outside;list-style-type:none;text-transform:lowercase;margin-left:0;padding-left:0;display:inline;}
#menu ul li{color:#000;padding:0;margin:0;float:left;}
#menu a{font-size:16px;}
#menu a:hover{color:#4C5FA3;}
#menu li.selected a,#submenu li.selected a{color:#4C5FA3;}
#submenu a{color:#86878A;font-size:13px;margin-left:30px;}
#submenu a:hover{color:#4C5FA3;}
#submenu ul li{float:left;}
#breadcrumbs{font-size:11px;}
#breadcrumbs,#breadcrumbs a:hover,#breadcrumbs a:visited,#breadcrumbs a:link,#breadcrumbs a:active{color:#bbb;margin-bottom:5px;text-decoration:none;}
#breadcrumbs a:hover{text-decoration:underline;}
#h1.home{display:none;}
#container{width:820px;margin-left:auto;margin-right:auto;text-align:left;}
#container-inner{width:820px;}
#content-wrap{border:0 solid #00f;float:left;width:545px;padding-bottom:20px;}
#content ul{margin-left:30pt;}
#content ul li{list-style-image:url(../images/bullet1.gif);}
#content ul li.bullet1{list-style-image:url(../images/bullet1.gif);}
#content ul li.bullet2{list-style-image:url(../images/bullet2.gif);}
#content ul li.bullet3{list-style-image:url(../images/bullet3.gif);}
#content ul li.bullet4{list-style-image:url(../images/bullet4.gif);}
#content .jTagEditor-toolBar li{list-style:none;}
#content a:hover{text-decoration:underline;}
#tabsJ{width:528px;}
#sidebar{float:right;width:245px;padding-left:30px;line-height:110%;font-size:0.9em;margin-bottom:20px;}
#sidebar a{color:#444;}
#sidebar-base{background:transparent url(../images/bg-sidebar.jpg) left bottom no-repeat;margin:0 -30px;padding:40px 0;text-align:center;}
div.widget1 p a#download span{margin-left:999px;overflow:hidden;}
div.widget1 p a#download{clear:none;display:block;height:60px;margin-top:-75px;margin-left:40px;overflow:hidden;width:141px;}
div.widget1,div.widget2,div.widget3{background-color:#f7f7f7;border:2px solid #eee;padding:10px;padding-bottom:25px;margin-top:20px;}
div.widget1 h3,div.widget2 h3,div.widget3 h3{text-align:left;font-size:18px;}
#sidebar div.widget1 a strong ,#sidebar div.widget2 a strong,#sidebar div.widget3 a strong{color:#4C5FA3;font-weight:700;margin-bottom:2px;}
#sidebar a.blog-links{font-size:10px;color:#546CA8;font-weight:400;text-align:right;font-style:italic;}
div.latest-release{background:transparent url(../images/download.gif) center top no-repeat;font-size:1.5em;color:#fff;text-align:right;width:141px !important;width:141px;padding-right:20px;height:60px !important;height:60px;padding-top:15px;margin-left:auto;margin-right:auto;}
div.blog-item{margin-top:15px;}
div.blog-item a:hover{text-decoration:underline;}
#footer{text-align:center;width:760px;padding:20px;padding-bottom:10px;clear:both;color:#999;margin:0 auto;margin-bottom:10px;margin-top:40px;}
#footer a{color:#999;text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#print-footer{display:none;text-align:center;}
#copyright{width:820px;margin:0 auto;text-align:right;line-height:12px;font-size:9px;margin-bottom:10px;}
#site-links{width:600px;}
#site-links h4,#jojo-blog-links h4,#community-links h4{font-size:10px;font-weight:700;color:#4C5FA3;text-align:left;margin-left:19px;font-style:normal;}
#site-links li,#jojo-blog-links li,#community-links li{list-style:none;text-align:left;margin-left:20px;float:left;}
#site-links a,#jojo-blog-links a,#community-links a{font-size:10px;font-weight:400;}
iframe.hidden{display:none;}
.homepage h4{font-size:17px;color:#767676;line-height:30px;font-style:italic;}
div.intro{color:#4C5FA3;margin-top:6px;margin-bottom:8px;font-size:17px;color:#767676;line-height:30px;font-style:italic;}
.homepage strong{font-weight:700;color:#4C5FA3;}
.homepage #content-wrap{border:0 solid #00f;float:left;width:820px;padding-bottom:20px;}
.homepage #sidebar{float:left;width:820px;line-height:110%;font-size:0.8em;margin-top:40px;padding-left:0;}
.homepage #sidebar div.widget1{width:225px;float:left;margin-right:36px;}
.homepage #sidebar div.widget2{width:225px;float:left;margin-right:36px;}
.homepage #sidebar div.widget3{width:225px;float:left;}
.homepage #sidebar a{color:#444;}
.homepage #sidebar-base{background:transparent url(../images/bg-sidebar.jpg) left bottom no-repeat;margin:0 -30px;padding:40px 0;text-align:center;}
.homepage #sidebar-base img{border:0;}
img.homeimage{margin-left:10px;}
.bigvideo #sidebar{float:right;width:180px;padding-left:20px;line-height:110%;font-size:0.8em;margin-bottom:20px;}
.bigvideo #content-wrap{width:550px;}