/*
    Theme Name: PG4
    Theme URI: http://www.aktiehajarna.se/
    Description: Site layout för aktiehajarna.se
    Version: 0.6 beta
    Author: David Andersson
    Author URI: http://www.davidincyberspace.com
*/

/* resets and defaults */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,
acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,
strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption{
  margin:0;
  padding:0;
  border:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body{
  line-height:1;
  background:#fff;
  color:#000;
  font-family:Arial,Helvetica,sans-serif;
  font-size:62.5%;
  text-align:center;
}

ol,ul{
  list-style:none;
}

del{
  text-decoration:line-through;
}

textarea{
  font-family:Consolas,Monaco,Lucida Console,Liberation Mono,DejaVu Sans Mono,Bitstream Vera Sans Mono,Courier New;
  border:1px solid #999;
  font-size:0.9em;
}

input,select,button{
  border:1px solid #999;
  font-size: 1em;
  font-family:Arial,Helvetica,sans-serif;
}

input{
  margin:5px 0;
  padding:3px;
}

blockquote{
  margin-bottom:10px;
  margin-right:15px;
  padding:10px 0 1px 10px;
  background-color:#F5F5F5;
}

b,strong{
  font-weight:bold;
}

i,em{
  font-style:italic;
}

ul{
  list-style:disc;
  margin-left:30px;
  margin-bottom:1em;
}

ol ul,ul ol,ul ul,ol ol{
  margin-bottom:0;
}

p{
  clear:both;
  margin-bottom:1em;
}

ol{
  list-style:decimal;
  margin-left:30px;
  margin-bottom:1em;
}

a{
  color:#03c;
  text-decoration:none;
  cursor:pointer;
}

a:hover{
  text-decoration:underline;
}

a:visited{
  color:#03c;
}

h1,h2,h3{
    font-family:Arial,Helvetica,sans-serif;
    font-weight:bold;
    font-size: 1.7em;
    margin-bottom:7px;
}

#mainbar .right h3.front-stats{
    font-size: 1.4em;
    margin: 0;
}

h1.topic{
    font-size: 2.33333em;
}

#profile-page h1{
    margin: 0 0 20px 0;
    padding: 0 0 6px 0;
    font-size: 2.333em;
    border: 1px solid #999;
    border-width: 0 0 1px 0;
}

h3{
  font-size:1.4em;
  margin-bottom:5px;
}

#mainbar h3{
    font-size: 1.2em;
}

#discussion h3 a{ color: #444;}
#discussion h3 a:hover{ color: #03C;}
#discussion h3 a:visited{ color: #444;}
#discussion ul{line-height: 1.4}
#discussion ul li{margin: 5px 0;}

h2.big{
    font-size: 2.4em;
    font-weight: normal;
    margin-bottom: 12px;
}

h2.comment{
    font-size: 2.4em;
    font-weight: normal;
    margin: 0 0 12px;
    border-bottom: 1px solid #ccc;
}
h2 small{font-size: 0.6em;}

hr{
  border:0;
  color:#aaa;
  background-color:#aaa;
  height:1px;
  margin-bottom:20px;
}

.link-separator{
  margin:0 2px;
  color:#ccc;
  font-size:110%;
}

/* structure */
.base{
  margin:0 auto;
  text-align:left;
  width:960px;
  line-height: 1.2;
  zoom:1;
}

#header{
  width:100%;
  height:103px;
  margin-bottom: 30px;
}

#hsearch .textbox{
  background:url(images/search.png) center left no-repeat;
  background-color:#fff;
  padding-left:16px;
  margin:0;
  max-width:230px;
  border:none;
  border-top:1px solid #ccc;
  border-left:1px solid #ccc;
}

#header #topbar{
  width:auto;
  padding:3px 10px 0;
  float:right;
  height:30px;
  line-height:22px;
  background-color:#eee;
  max-width:750px;
  font-size: 1.3em;
  -moz-border-radius-bottomleft:3px;
  -moz-border-radius-bottomright:3px;
  -webkit-border-radius-bottom-left:3px;
  -webkit-border-radius-bottom-right:3px;
}

#header #topbar #hlinks{
  float:left;
  margin:0 35px 0 0;
}

#hlinks a{
  font-weight:bold;
}

#header #topbar #hsearch{
  float:left;
}

#mainbar{
  float:left;
  margin-bottom:40px;
  width:640px;
}

#mainbar .left{
    float: left;
    width: 340px;
    overflow: hidden;
}

#mainbar .right{
    float: right;
    width: 280px;
    overflow: hidden;
}

#sidebar{
  float:right;
  overflow:hidden;
  margin-bottom:60px;
  width:300px;
}

#mainbar-right{
    float: right;
    width: 760px;
    font-size: 1.2em;
    line-height: 1.2;
}

#sidebar-left{
    float: left;
    width: 180px;
    white-space: normal;
    font-size: 1.2em;
    line-height: 1.2;
}

#fullbar{
    width: 640px;
    margin: 0 auto;
    text-align: left;
    font-size: 1.2em;
}

#fullbar p{
    margin: 0 0 4px 0;
}

#footer{
     color:#333;
     background:#777;
     border-top:7px solid #000;
     clear:both;
     overflow:hidden;
     padding:15px;
     margin-top:50px;
     font-size: 1.3em;
 }

 #footer-menu{
     color:#aaa;
     float:left;
     font-size:100%;
     line-height:30px;
 }

 #author{
     color: #333;
 }

 #author a,#author a:visited{
     color:#444;text-decoration:underline;
 }

 #footer-menu a{
     color:#fff;
 }

 #footer-promo{
     float:right;
     margin-left:12px;
 }

 #footer-info{
     margin-top: 12px;
     line-height: 2;
     color: #888;
 }
 #site-meta #mainbar{
     font-size: 1.3em;
     line-height: 1.5;
 }

/* menu*/
#header #top-nav{
    clear: both;    
}

#header #top-nav #logo{
  height:40px;
  width:190px;
  float: left;
  margin: 12px 0;
}

#header #top-nav #menu {
    height: 38px;
    background-position: 0 0;
    float: right;
    cursor: default;
    padding: 26px 0 0 0;
}

#header #top-nav #menu #nav ul{ padding: 0;}

#nav{height:30px;}
#nav,#nav ul{list-style:none;line-height:1;z-index:100;padding:0;}
#nav a{display:block;line-height:30px;z-index:100;padding:0 10px;color:#000;font-size:14px;font-weight:700;}
#nav li{float:left;line-height:30px;margin:0 20px 0 20px;}
#nav li a{color:#3f3f3f;text-decoration:none;padding:0 0 0 11px;}
#nav li a span{display:inline-block;height:30px;padding:0 10px 0 0;}
#nav li a:hover,#nav li.active a,#nav li.current_page_item a{background:url(images/top-nav-left.png) no-repeat left;color:#fff;cursor:pointer;text-decoration:none;}
#nav li.active a span,#nav li.current_page_item a span,#nav li a:hover span{background:url(images/top-nav.png) no-repeat right;}

#divider{ border: 1px solid #ccc; border-width: 1px 0 0 0; clear: both; padding: 1px 0 0 0; margin:0 0 0 56px;}


/* the slider */
.slider-container{
    clear: both;
    background: url(images/ui-slidercont.gif) no-repeat 0 0;
    padding: 41px 0 1px 9px;
}

#mainbar .module .slider-container p{ padding: 0; margin:22px 0 0 -9px; float: left;}
#mainbar .module .slider-container p a:hover { background: #eee;}

.slider-container input[type="submit"]{   
    font-size: 1.1em;
    width: 120px;
    margin: 0;
    padding: 0 0 2px 0;
    float: right;
}

.fine-adjust{
    padding: 4px 14px 0 0;
    text-align: right;
}

#content-slider {  
  width: 280px;
  height: 16px;
  position: relative;
  background: transparent url(images/ui-sliderbg.gif) no-repeat 0 0;
}

.ui-slider-handle {
  padding: 8px 10px 8px 11px;
  position: absolute;  
  background: transparent url(images/ui-slider.gif) no-repeat 0 0;  
}

.module .chamber{
    height: 60px;
}

.module ul.guesslist{
    list-style: none;
    padding: 0 0 0 0;
    margin: 0 0 0 4px;
}

.module ul.guesslist li{
    float: left; line-height: 1.2; font-size: 0.8833em;
    width: 82px;
    margin: 0 20px 12px 0;
    list-style:none;
    padding: 0;    
}

.module ul.curr-points{
    width: 150px;
    list-style: none;
    padding: 0;
    margin: 0 0 0 4px;
}

.module ul.curr-points li.header{
    line-height: 1.2; font-size: 0.8833em;
}

.module ul.curr-points li.header ul.curr-points-item{
    list-style: none;
    font-size: 2em;
    font-weight: bold;
    padding: 0;
    margin: 0;
}

.module ul.guesslist li.extra-space{
    width: 96px;
}

.module ul.guesslist li.countdown{
    width: 200px;
}

.module ul.guesslist li ul.guesslist-item{
    font-size: 2.7333em;
    font-weight: bold;
    list-style: none;
    padding: 0;
    margin: 0;
}

.module ul.guesslist li ul.guesslist-item li.countdown{
    font-size: 70%;
    width: 250px;    
}




.module .chamber-online ul.guesslist li ul.guesslist-item{ font-size: 2.1333em; }
.module .chamber-online ul.guesslist li{ width: 69px; margin: 0 10px 12px 0;}

#guessbox{
     /* background: #D7EAFF; */
}

#guessbox h3.gb{
    color: #336699;
    font-size: 1.8333em;
}

#guessbox p.gb{
    font-size: 1.4133em;
    margin: 8px 0;
}

.module .curr-place{
    font-size: 5.8em;
    font-weight: bold;
    text-align: center;
    background: #fcfcfc;
    border-radius: 6px;
    -moz-border-radius:6px;
    -webkit-border-radius:7px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.module .curr-place-desc{
    font-size: 11px;
    font-weight: normal;
    padding: 6px 6px 0;    
}

.module .no-place{
    font-size: 0.9em;
    font-style:italic;
    margin-top: 6px;
    padding-left: 8px;
    border-left: 1px solid #ccc;
}

.module ul.guesslist li ul.guesslist-item li{
    padding: 0;
    margin: 0 0 0 2px;
    list-style: none;    
}

.module.adbar{
    padding: 0;
    background: transparent;
    clear: both;
}

.module.shark-of-the-week{
    background: #E6F2FA;
    font-size: 1.3em;
    /* border: 1px solid #0077cc; */
}

.module.shark-of-the-week h3{
    color: #295A8F; /* #006CB7; */
}

.module.shark-of-the-week h3 span{ color: #444; font-size: 0.8333em;}

.module.shark-of-the-week p.congrats{ font-size: 1.2em; clear: both; margin: 10px 0 4px 0;}
.module.shark-of-the-week p.small{ display: none; font-size: 0.8333em; font-style:italic;}
.module.shark-of-the-week .leader-module-left{width: 50px; float: left; }
.module.shark-of-the-week .leader-module-right{margin-top: 0; }
.module.shark-of-the-week .leader-module-right a{font-weight: bold; }


#guess-form{
    display: none;
    margin:8px 0 0 -7px;
    padding:0;
    font-size: 1.1em;
    line-height: 1.4;
}

#first-time-submit{    
    margin:8px 0 0 -7px;
    padding:0;
    font-size: 1.1em;
    line-height: 1.4;
}

.first-field{
    float: left;
    width: 48%;
}

.second-field{
    float: left;
    width: 48%;
}

.third-field{
    float: left;
    width: 58%;
    padding-top: 13px;
}

.fourth-field{
    float: left;
    width: 39%;
    padding-top: 8px;
}


/* lists */
ul.list-nobutton{
    list-style: none;
    margin: 10px;
    padding: 0;
    font-size: 1.3em;
    line-height: 1.5;
}

#mainbar .right .module{
    background: #fff;
    margin: 0 0 24px;
    padding: 0;
}

#mainbar .right .module ul.list-nobutton, #mainbar .right h3{
    color: #555;
    list-style: none;
}



/* sidebar modules */
.module{
  color:#444;
  background-color:#eee;
  padding:8px 8px 6px;
  margin-bottom:14px;
   border-radius: 6px;
  -moz-border-radius:6px;
  -webkit-border-radius:7px;
}

.countdown{
    background: #fff;
    padding: 0;
    
}

.module h4{
  line-height:1.4;
  font-size:1.58333em;
  padding-bottom:7px;
}

.module p{
  font-size:1.2em;
  line-height:1.4;
  margin-bottom:.5em;
}

.module ul{
  margin-left:15px;
  list-style-type:square;
  font-size:120%;
  margin-right:30px;
  line-height:120%;
}

.module li{
  margin-bottom:4px;
}

.module .spacer{
  margin-bottom:8px;
}

.logon{
  color:#b12c2c;
  background-color:#ffefc6;
}

.logon p{
    color: #735005;
    font-size: 1.4em;
}

.adspace{
    margin-bottom: 14px;
}

.weekly-list{
    background-color: #edf2de;
    font-size: 1.2em;
}

.weekly-list h4{
    color: #063;
}


/* logon fields */
.front-page-logon{
    font-size: 1.1333em;
}

.front-page-logon .first-field{
    float: left;
    width: 100px;
}
.front-page-logon .second-field{
    float: left;
    width: 100px;
}

.front-page-logon input[type="text"]{
    width: 90px;
}

.front-page-logon input[type="submit"], input[type="submit"] {
    margin: 14px 0 0 10px;
    width: 60px;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 12px;
    -khtml-border-radius: 12px;
    -moz-border-radius: 12px;
    line-height: 22px;
    height: 25px;
    background: #F2F2F2 url(images/white-grad.png) repeat-x;
    font-size: 1.1em;
    padding: 0 6px;
    font-weight: bold;
    color: #333;
    float: left;
}

.front-page-logon input[type="submit"]:active, input[type="submit"]:active {
    background: #eee url(images/white-grad-active.png) repeat-x scroll left top;
}

.front-page-logon input[type="submit"]:hover, input[type="submit"]:hover {
    border-color: #555;
}

.front-page-logon .remember{
    clear: both;
    line-height: 27px;
    float: left;
    width: 100px;
}

.front-page-logon input[type="checkbox"] {
    margin: 0;
    padding: 0;
    border: 0;
    background:none;
    vertical-align:middle;
}

.front-page-logon .register{
    float: left;
    line-height: 27px;
}

#recent-tags{
    padding: 0 5px;
    font-size: 1.1em;
}

#recent-tags .tag{
  background-color:#eee;
  border:none;
  margin:0;
  color:black!important;
}

#recent-tags .tag:hover{
  background-color:#777;
  color:#fff!important;
  border:none;
  margin:0;
  text-decoration:none;
}

.tag{
  color:#3E6D8E;
  background-color:#E0EAF1;
  border-bottom:1px solid #3E6D8E;
  border-right:1px solid #7F9FB6;
  margin:2px 2px 2px 0;
  padding:3px 4px;
  text-decoration:none;
  font-size:90%;
  line-height:2.2;
  white-space:nowrap;
}

.tag:hover{
  background-color:#3E6D8E;
  color:#E0EAF1;
  border-bottom:1px solid #37607D;
  border-right:1px solid #37607D;
  text-decoration:none;
}

#recent-tags .pop1{
  font-weight:bold;
}

#recent-tags .pop2{
  font-size:110%;
  font-weight:bold;
}

/* leaderboard */
.leaderboard-module{margin-top: 30px; margin-bottom: 20px;}
table.leaderboard{padding: 0;}
tr.leaderboard-row{font-size: 1.5em;}
table.leaderboard tr td{border-bottom: 1px solid #ccc; padding: 8px 0 5px;}
.guess-place{font-weight: bold; text-align: center; margin: 0 10px;}
.guess-value{font-weight: bold; margin-left: 10px;}
.guess-index{font-weight: bold; margin-left: 10px; color: #999;}
table.latest-guesses{padding:0; margin-bottom: 20px; line-height: 1.4;}
tr.latest-guess-row{font-size: 1.1em; color: #555;}
table.latest-guesses tr td{border-bottom: 1px solid #ddd; padding: 4px 0;}
table.latest-guesses tr td.guess{padding-left: 10px;}
span.ago{margin-left: 10px;}

.module.leaders{font-size: 1.3em;}
.leader-menu{font-size: 0.9333em;}
.current{font-weight: bold;}
#leader-module{line-height: 1.4; margin: 12px 0;}
.leader-module-row{padding: 8px 0;}
.leader-module-left{width: 40px; float: left; }
.leader-module-right{width: 230px; float: left; margin-top: -4px;}


/* user flare */
.badge1 {
    color:#FFCC00;    
    margin-left:3px;
}
.badge2 {
    color:#C0C0C0;    
    margin-left:3px;
}

.badge3 {
    color:#CC9966;    
    margin-left:3px;
}
.guess-points{ color: #444; margin: 0 4px; }
.ranking-points{ color: #444; margin: 0 4px; font-weight: bold;}
.respect-points{ color: #444; margin: 0 4px; }


/* members */
.members-menu{font-size: 1.3em; margin: -5px 0 10px 0;}
#members-list{font-size: 1.3em; margin: 20px 0;}
#members-list .avatar{float: left; margin-right: 5px;}
#members-list .user-info{float: left; line-height: 1.5; margin-right: 40px;}
#members-list .user-info span.ranking-points{margin:0 4px 0 0}
#members-list .item{margin: 0 0 15px 0;}

/* member profile */
#vcard{margin: 0 12px; font-size:1.3em;}
#vcard .avatar{float: left; width: 130px; margin: 0 30px 6px 0;}
#vcard .avatar span.ranking-points{display:block; text-align: center; color: #555; font-size: 3em;}
#vcard .avatar .ranking-text{display:block; font-size: 1.1em; color: #555; text-align: center;}
#vcard .content{float: left; width: 430px;}
#vcard .about{float: left; width: 300px; padding: 10px; height:190px; overflow:auto; background: #F5F5F5; border-radius: 5px; -webkit-border-radius: 5px; -khtml-border-radius: 6px;  -moz-border-radius: 6px;}
#vcard table.user-info{width: 300px;}
#vcard table.user-info td.label{width: 100px; line-height: 1.5; color: #555;}

#user-activity{margin: 0 12px; font-size:1.3em; width:600px; float: left; line-height: 1.5;}
#user-activity table.user-activities{width: 560px; margin: 10px;}
#user-activity table.user-activities td{border-bottom: 1px solid #ccc; padding: 10px 0;}
#user-activity table.user-activities td.activity-time{width: 120px; color: #737373;}
#user-activity table.user-activities td.activity-label{width: 100px; color: #333; }
#user-activity table.user-activities td.activity-action{width: 340px; color: #333; }
#user-activity table.user-activities td.activity-action span.activitycomment{color: #737373; font-style:italic;}

#user-honors{margin:2px 12px 0 12px; font-size:1.3em; width:250px; float: left;}
#user-honors h3{font-size: 1em; font-weight: normal; margin-top: 10px;}
#user-honors p{line-height: 1.2; font-size: 1.2em; margin: 6px 0 0 0;}
#user-honors .badgecount{margin-left: 4px; font-weight: bold;}
#user-honors .badge1, #user-honors .badge2, #user-honors .badge3{font-size: 1.2em; margin-left: 10px;}

#user-threads{margin: 0 12px; font-size:1.3em;}
#user-threads ol li{line-height: 1.5; font-size: 1.1em;}
#user-threads .freshness{color: #737373; font-size: 1em;}

#user-favorites{margin: 0 12px; font-size:1.3em;}

#user-trackrecord{margin: 0 12px; font-size:1.3em;}
#user-trackrecord-table{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:14px;background:#fff;width:720px;border-collapse:collapse;text-align:left;margin:10px 0;}
#user-trackrecord-table th{font-size:14px;font-weight:normal;color:#039;border-bottom:2px solid #6678b1;padding:10px 8px;}
#user-trackrecord-table td{border-bottom:1px solid #ccc;color:#669;padding:6px 8px;}
#user-trackrecord-table tbody tr:hover td{color:#009;}

#favorites td { padding: 5px 10px; }
#favorites tr:hover { background-color: #e4f3e1; }
#favorites th {
	text-align: left;
	background-color: rgb(202, 202, 202);
	font: 11px Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	padding: 5px 9px;
	color: rgb(0, 0, 0);
}
#favorites th a {
	color: rgb(200, 200, 200);
	font-style: italic;
}
#favorites th a:hover {
	color: rgb(255, 255, 255);
}
#favorites {
	background-color: #f7f7f7;
	margin-bottom: 3em;
	width: 80%;
}
p.rss-link {text-align: right;}

a.rss-link {
	padding: 6px 0 6px 20px;
	background-image: url('images/feed-icon-16x16.gif');
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#profile-page fieldset{border:none;}

#profile-edit{margin: 0 12px; font-size:1.3em;}
#profile-edit .avatar{float: left; width: 150px;}
#profile-edit .left-side{float: left; width: 350px;}
#profile-edit .right-side{float: left; width: 350px;}
#profile-edit p.submit{clear: both;}
#profile-edit input[type="submit"]{ width: 185px; font-size: 100%; color: #000; margin: 10px 0;}
#profile-edit input[type="text"]{width: 180px;}
#profile-edit legend{font-weight: bold; font-size: 1.4em; padding: 0 0 10px 0; margin-left: -7px;}
#profile-edit textarea {width: 100%; height: 100px; font-family: arial, sans-serif;}

#topic-edit-page fieldset{font-weight: bold; font-size: 1.4em; padding: 0 0 10px 0; border:none;}
#topic-edit-page input[type="submit"]{ width: 185px; font-size: 100%; color: #000; margin: 10px 0;}
#search-page #mainbar{font-size:1.3em;}
#search-page .search-results{margin: 30px 0;}
#search-page .search-results ol{width: 95%; margin:0; line-height: 1.5;}
#search-page .search-results ol li{margin: 10px 0; border-bottom: 1px solid #ccc; list-style:inside; padding: 0; font-size: 1.2em;}
#search-page .freshness{color: #737373; font-size: 0.9em;}

/* statistics */
#stats-subheader{border-bottom:1px solid #666;height:34px;clear:both; margin-bottom: 10px; margin-top: 0;}
#stats-subheader h1{float:left;font-size:2em;line-height:34px;margin-bottom:0; color: #333;}

#leaderboard{margin: 40px 12px 0 4px; font-size:1.3em;}
#leaderboard-table{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:14px;background:#fff;width:620px;border-collapse:collapse;text-align:left;margin:10px 0;}
#leaderboard-table th{font-size:14px;font-weight:normal;color:#039;border-bottom:2px solid #6678b1;padding:10px 8px 6px 8px;}
#leaderboard-table td{border-bottom:1px solid #ccc;color:#669;padding:6px 8px;}
#leaderboard-table tbody tr:hover td{color:#009;}
#leaderboard-table td.place{width: 40px;}
#leaderboard-table td.avatar{width: 30px; text-align: center;}
#leaderboard-table td.user-name{width: 170px;}
#leaderboard-table td.guess{width: 160px;}
#leaderboard-table td.medals{width: 230px;}

#site-trackrecord{margin: 40px 12px 0 4px; font-size:1.3em;}
#stats-page .label{margin-left: 24px;}
#site-trackrecord-table{font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif;font-size:14px;background:#fff;width:620px;border-collapse:collapse;text-align:left;margin:10px 0;}
#site-trackrecord-table th{font-size:14px;font-weight:normal;color:#039;border-bottom:2px solid #6678b1;padding:10px 8px;}
#site-trackrecord-table td{border-bottom:1px solid #ccc;color:#669;padding:6px 8px;}
#site-trackrecord-table tbody tr:hover td{color:#009;}

#leaderboard-shark{font-size:1em; margin: 6px 0 0 0;}
#leaderboard-shark .shark-of-the-day{float:left; width: 340px;}
#leaderboard-shark .latest-security-result{float:right; width: 250px; margin-right: 10px;}
#leaderboard-shark .latest-security-result p{font-size: 1.2em; font-weight: bold;}
#leaderboard-shark .latest-security-result p span.vol{font-size: 0.8em; font-weight: normal; margin-left: 10px;}
#leaderboard-shark .leader-module-left{width: 60px; float: left;}
#leaderboard-shark .leader-module-right{width: 240px; float: left; margin-top: -2px; font-size: 1.3em; line-height: 1.3;}



/* subheader */
#user-subheader{border-bottom:1px solid #666;height:34px;clear:both; margin-bottom: 10px; margin-top: 20px;}
#user-subheader p{float:left;font-size:1.3em;line-height:34px;margin-bottom:0; color: #737373; font-style:italic}
#tabs{float:right;font-weight:bold;}
#tabs a{background:#eee;border:1px solid #eee;color:#777;display:block;float:left;font-size:90%;height:24px;line-height:22px;margin:8px 8px 0 0;padding:0 11px 0 11px;text-decoration:none;}
#tabs a:hover{background:#fff;border:1px solid #777;border-bottom-color:#fff;line-height:20px;margin-top:9px;}
#tabs a.current{background:#fff;border:1px solid #777;border-bottom-color:#fff;color:black;font-size:120%;height:30px;line-height:28px;margin-top:3px;padding:0 11px 0 11px;}


/* paging */
.bottom-paging{margin-top:20px;margin-bottom:10px;}
.page-numbers{border:1px solid #ccc;color:#808185;display:block;float:left;font-size:130%;margin-right:3px;padding:4px 4px 3px;text-decoration:none;}
.page-numbers.desc{border:none;}
.page-numbers:hover{text-decoration:none;}
.next.page-numbers,.prev.page-numbers{border:1px solid #fff;}
.page-numbers.current{background-color:#808185;border:1px solid #808185;color:#fff;font-weight:bold;}
.page-numbers.dots{border:1px solid #fff;}

/* discussion */
#discussion{color: #373737; font-size: 1.2em;}
#discussion p{line-height: 1.5; margin: 0 0 12px;}
#discussion .post{border: 1px solid #ddd; border-width: 0 0 1px 0; padding: 16px 0;}
#discussion .avatar{width: 50px; float: left; }
#discussion .content{width: 590px; float: left;}
#discussion .child-post{border: 1px dotted #ccc; border-width: 1px 0 0 0; margin: 10px 0 0 50px; padding: 10px 0;}
#discussion .child-avatar{width: 40px; float: left; }
#discussion .child-content{width: 550px; float: left; margin:-6px 0 0 0; padding:0;}
#discussion h3{font-size:1.3em; color: #333; margin: 0;}
#discussion .tags{}
#discussion .body{}
#discussion .author{margin: 2px 0 8px 0; line-height: 1.5;}
#discussion .post-actions{float: right; margin-right: 5px; width: 110px; text-align: right}
#discussion .post-actions a:link,#discussion .post-actions a:visited{ color: #777; }
#discussion .post-actions a:hover{color:#03c;}
#discussion .post-actions .delim{font-size: 1.1em; margin: 0 5px; color: #ddd;}

.admin{font-size: 1.2em; margin-top: 20px;}
.admin fieldset{
    border:none;
}

.post-form{
  border-radius: 6px;
  -moz-border-radius:6px;
  -webkit-border-radius:7px;
  color:#444;
  background-color:#eee;
  padding:8px 8px 6px;
  margin-bottom:14px;
}

.post-form p{
    clear: both;    
}

.post-form label{
    display: block;
    margin-left: 10px;
}

.post-form input{
    display: block;    
}

.post-form textarea{
    width: 95%;
    display: block;
    font-size: 1em;
    color: #444;
    padding: 2px;
    font-family: arial, verdana, sans-serif;
}

.show-new-form-text{ font-size: 0.53333em; margin-left: 20px;}

#topic-page .post-form.hid{display:block; width: 90%; font-size: 1.3em;}
#topic-page .post-form.hid input[type="submit"]{width: 120px;}
#topic-page .post-form.hid label{padding: 4px 0;}
#topic-page .post-form.hid textarea{margin: 8px 0 0 0; height: 100px;}

/* single topic */
.infobox {
        font-size: 1.2em;
	padding: 0 1em 1em 1em;
        color: #444;
}

.infobox ul {
	margin: 10px 0 10px 20px;
	padding: 0;
	list-style-type: disc;
        font-size: 0.9333em;
}

.infobox ul li { padding-bottom: 3px; }

#topic-info {
	float: left;
	padding: 0 1em 0 0;
}

#discussion .topic-avatar{width: 60px; float: left; }
#discussion .topic-content{width: 580px; float: left;}
#discussion .topic-author{margin: -2px 0 8px 0; line-height: 1.5;}


#topic-tags {
	border-left: 1px solid #ccc;
	float: right;
	padding: 0 0 0 1em;
}

#tag-form p {
	margin-bottom: 0;
}

input#tag {
	border: 1px solid #999;
	padding: 2px;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

input#tagformsub {
	border: 1px solid #999;
	line-height: 14px;
	font-size: 12px;
	margin: 0;
	line-height: 15px;
	-moz-border-radius: 4px;
	-khtml-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 2px 4px;
}

input#tagformsub:hover {
	background-color: #ddd;
	color: rgb(0, 100, 0);
}

input#tagformsub:active {
	border-color: rgb(0, 100, 0);
}

.nav {
	margin: 15px 0;
	padding: 12px 0;
	text-align: center;
}


/* rating */
button.rating {
    height: 12px;
    padding-top: 1px;
    width: 60px;
    vertical-align: top;
    cursor: default;
    border: 0;
    background: url(images/rating-sprite.png);
}

button.rating-0 {
background-position:-60px 0;
}

button.rating-1 {
background-position:-48px -16px;
}

button.rating-2 {
background-position:-48px 0;
}

button.rating-3 {
background-position:-36px -16px;
}

button.rating-4 {
background-position:-36px 0;
}

button.rating-5 {
background-position:-24px -16px;
}

button.rating-6 {
background-position:-24px 0;
}

button.rating-7 {
background-position:-12px -16px;
}

button.rating-8 {
background-position:-12px 0;
}

button.rating-9 {
background-position:0 -16px;
}

button.rating-10 {
background-position:0 0;
}


/* registration */
table.formtable, table.formtablesubmit {border-collapse: collapse;}
table.formtablesubmit td, table.formtablesubmit th, table.formtablesubmit td.info{background: #e7f7d3; border: 0;}
.formtable th, .formtablesubmit th {
	width: 170px;
	padding: 25px 15px 0 0;
	border-bottom: 1px solid #ddd;
	text-align: right;
	vertical-align: top;
        background: #e7f7d3;
}
.formtable td, .formtablesubmit td, .formtable td.alt {
	width: 250px;
	margin: 0 0 10px 0;
	padding: 15px 15px 15px 0;
	border-bottom: 1px solid #ddd;
	text-align: left;
	vertical-align: top;
        background: #e7f7d3;
}
.formtable tr.alt td {width: 350px;}
.formtable td.info, .formtablesubmit td.info {
	color: #777;
	font-size: 0.9em;
	line-height: 130%;        
        background: #e7f7d3;
}
.formtable label {
	color: #222;
	font-size: 1em;	
	font-weight: bold;
	text-transform: uppercase;
        
}
.formtable input {
	width: 250px;
	padding: 4px;
	border: 2px solid #ddd;
	color: #777;
	background: #fff;
	font-size: 150%;
}
fieldset {
	margin: 20px 0 0;	
	border-top: 3px solid #080;
	border-bottom: 3px solid #080;
}
.formtablesubmit input[type="submit"]{
    width: 120px;

}

/* logon */
#logon-form fieldset{
    margin: 0;
    padding: 10px;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #999;
    width: 80%;
    background: #f7f7f7;
}
#logon-form th, #recover-password th {
    width: 170px;
    padding: 10px 5px 0 0;
    text-align: right;
    vertical-align: top;
    font-size: 1.2em;
}
#logon-form td{
    width: 250px;
    margin: 0 0 10px 0;
    padding: 0 0 0 0;
    text-align: left;
    vertical-align: top;
}

#logon-form input.bigfield, #recover-password input.bigfield {
    padding: 4px;
    border: 2px solid #ddd;
    color: #555;
    background: #fff;
    font-size: 140%;
}

#logon-form input[type="submit"]{
    width: 105px;
    font-size: 100%;
    color: #000;
}

#recover-password th {
    width: 100px;
    padding: 10px 5px 0 0;
    text-align: left;
    color: #777;
    vertical-align: top;
    font-size: 1.2em;
}

#recover-password input[type="submit"]{
    width: 145px;
    font-size: 100%;
    color: #777;
    margin: 7px 0 0 5px;
    float: none;    
}

/* messages */
.ok-message{
    padding: 6px 9px;
    background: #e7f7d3;
    border: 1px solid #6c3;
}
.neutral-message{
    padding: 6px 9px;
    background: #f7f7f7;
    border: 1px solid #ccc;
}
.warning-message, .alert-message {
    padding: 6px 9px;
    background: #fffbbc;
    border: 1px solid #E6DB55;
}
p.index-plack{
    padding: 0 0 0 6px;
    font-size: 1.4em;
    font-weight: bold;
 }

.security-result{font-size: 1.2733em; font-weight: bold;}
.security-result .vol{font-weight: normal; font-size: 0.9em; margin-left: 10px;}
.stats-close{ font-size: 1.2em;}
.stats-points{margin-right: 10px; color: #737373;}
.stats-factor{margin-right: 10px; margin-left: 2px; font-size: 1.5em;}

#mainbar .security-result .stats-close{color: #777; margin-left: 0;}



/* helpers */
.clear{
    clear:both;
}
.hid{
    display:none;
}
.pad-down{
    padding-top: 6px;
}
.acc{
    font-size: 1.1em;
}
.accacc{
    font-size: 1.33333em;
}
.dec{
    font-size: 0.9em;
}
.decdec{
    font-size: 0.8em;
}
.extralh{
    line-height: 1.3;
}
.fade{
    color: #bbb;
}
.label{
    color: #999;
}
.error{
    color: maroon;
}
.plus{
    color: #008000;
}
.minus{
    color: #b12c2c;
}
.neutral{
    color: #2267ae;
}
.required{
    color: maroon;
    font-weight: bold;
}
p.byline{
    font-size: 0.9333em;
    font-style:italic;
}
.not-filled-out{
    color: #737373;
    font-style:italic;
}
.ajaxLoader{
    height: 200px;
    vertical-align:middle;
    background: url('images/ajax-loader.gif') no-repeat 120px 40px;
}
input[type="hidden"]{
    display: none;
}