*{
    margin:0;
    padding:0;
    
}
div.section
{
    padding:5px;
}

body
{
    font-family:helvetica,tahoma,arial,sans-serif;
    font-size:11pt;
    background-color:#fff;
}
a
{
    text-decoration: none;
    color:#34c;
}
a:hover
{
    text-decoration:underline;
}
a:visited
{
    color:#64a;
}

a img
{
    border:none;
}
br
{
    clear:both;
}

h1
{
    font-size:18pt;
}

h2
{
    font-size:16pt;

}

h3
{
    margin-top:5px;
    font-size:12pt;
}
p
{
    margin-top:10px;
    margin-bottom:10px;
}

#headerContainer
{
    position:relative;
    float:left;
    width:100%;
    height:140px;
}
#headerContainer .centerLogo
{
    width:100%;
    margin-top:30px;
    position:relative;
    text-align:center;
}
#headerContainer #logo
{
   margin:0 auto;
}

#navigationContainer
{    
    position:absolute;
    width:200px;
    margin-left:10px;
    *margin-left:-210px;
}
#navigationContainer ul
{
    float:left;
    list-style:none;
    background:url(../../img/navbg.png) repeat-y;
    padding:5px;
    border: 1px solid #ccc;
    
}
#navigationContainer ul li
{    
    float:left;
    font-size:12pt;
    width:190px;
    
}
#navigationContainer ul li a
{
    background:url(../../img/icons/dot0.png) no-repeat left center;
    padding:5px 20px;
    margin:0px 0px;
    width:160px;
    float:left;
    color:#34a;
    text-decoration:none;        
}
#navigationContainer ul li a:hover
{
    background:url(../../img/icons/dot1.png) no-repeat left center;
    color:#04c;
    text-decoration:underline;
}
#navigationContainer ul li a.active
{
    background:url(../../img/icons/dot1.png) no-repeat left center ;
    color:#999;    
    text-decoration:none;
}
#navigationContainer ul li a:focus
{
    outline:#ccc 1px solid;
}
div.userStat
{
    float:left;
    padding:10px 10px;
    color:#777;
    font-size:8pt;
}

#loginContainer
{
    position:fixed;
    overflow:hidden;
    right:0px;
    float:right;
    padding:8px 10px;
    background:url(../../img/white-70percent.png);
    border-left:1px solid #ccc;
    border-bottom:1px solid #aaa;
    z-index:100;
}
#loginContainer a
{
    color:#34c;
    text-decoration:none;
}
#loginForm
{      
      display:none;
      position:fixed;
      right:0px;
      top:34px;
      padding:10px;
      margin-right:15px;
      background:#eee;
      border-bottom:1px solid #bbb;
      border-right:1px solid #aaa;
      border-left:1px solid #ccc;
      z-index:50;
}
#loginForm label
{
    width:70px;
    font-size:9pt;
    color:#888;
}
#loginForm input
{
    width:100px;
    
}
form.profileForm label
{
    width:150px;
}
form.profileForm input
{
    width:200px;
}

form.threadForm input
{
    width:530px;
}
form.threadForm input.button
{
    width:auto;
}
form.threadForm select
{

    border:1px solid;
    border-color: #888 #bbb #bbb #888;       
    margin-top:4px;
    
}

#loginContainer
{
    width:200px;
}
label
{
    float:left;
    margin-top:7px;
    font-size:10pt;
}
input, textarea
{
    float:left;
    border:1px solid;
    border-color: #888 #bbb #bbb #888;
    padding:2px;
    margin-top:4px;
}
textarea
{
    font-family:sans-serif;
    font-size:10pt;
}
input.file
{    
   position:relative;
   opacity:0.0;
   cursor:pointer;
   *cursor:hand;
}
#userImageContainer
{
    float:left;
    clear:both;
    margin-top:4px;
    margin-bottom:4px;
    margin-left:150px;
    padding:5px;
    border-left:1px solid #bbb;
    border-top:1px solid #bbb;
    border-right:1px solid #ddd;
    border-bottom:1px solid #ddd;
    background:#eee;
    font-size:9pt;
    color:#999;
}
input.fakefile
{
    margin-left:-200px;
    position:absolute;
}
img.userpic_image
{
    position:absolute;
    margin-top:5px;
    margin-left:5px;
}

input.button
{
    padding:2px 10px;
    font-weight:bold;
    font-size:9pt;
    background:#dfd;
    color:#333;
    border-color:#bbb #999 #999 #bbb;
    cursor:pointer;
    *cursor:hand;
    
}
input.button:hover
{

    background:#ffd;
    border-color:#ccc #aaa #aaa #ccc;
    color:#000;
}
div.error
{
    float:left;
    border:1px solid red;
    padding: 3px 10px;
    color:#f00;
}

#registerForm
{    
    margin:5px;
}
#registerForm label
{
    width:150px;
}
#registerForm input
{
    width:150px;
}

#contentContainer
{
    
    padding:10px;
    border:1px solid #bbb;
    margin-left:220px;
    margin-right:10px;
    margin-bottom:10px;
    
}

#contentContainer table
{
    border-top:1px solid #bbb;
    width:100%;
}
#contentContainer table.comment
{
    background:#eee;
}
#contentContainer table tr.first td
{
    font-weight:bold;
    font-size:9pt;
    background-color: #fff;
}

#contentContainer td
{
    padding:2px 10px;
    font-size: 11pt;
}
#contentContainer td.center
{
     text-align:center;
}

#contentContainer td a
{
    color: #34c;
    text-decoration:none;    
}
#contentContainer td.small
{
    font-size:10pt;
}
#contentContainer span.small
{
    font-size:9pt;
}
#contentContainer td.comment
{
    border-top:1px solid #ccc;
}
/*
#contentContainer tr.odd
{
    background-color:#fff;
}
#contentContainer tr.even
{
    background-color:#fff;
}
*/
#contentContainer td.commentHead
{
    font-size:10pt;
    font-weight:bold;
    background:#bbb;
    color:#fff;
}
#contentContainer table.discussion
{
    border-top: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    padding:5px 0px;
}
#contentContainer .editButton
{
    float:right;
    margin:2px 0px;
    font-size:9pt;
}
#contentContainer .editButton a
{
    padding:2px 10px 2px 22px;
    color:#999;
}
#contentContainer .editButton a:hover
{
    background-color:#eee !important;
    color:#34c;
}
#contentContainer .editButton a.edit
{
    background:url(../../img/icons/edit.png) no-repeat center left;

    
}
#contentContainer .editButton a.delete
{
    background:url(../../img/icons/delete.png) center left no-repeat;

}

#contentContainer a.btnNew
{
    margin-left:5px;
    margin-bottom:5px;
    float:left;
    padding:4px 8px 4px 25px;
    background:url(../../img/icons/add.png) no-repeat left center;
    text-decoration: none;
    border:1px solid #ddd;
    color:#999;   
}
#contentContainer a.btnNew:hover
{
    background-color:#eee !important;
    border:1px solid #ccc;
    color:#34c;
}



#contentContainer .quote
{
    margin-left:10px;
    padding:5px;
    border:1px solid #ccc;
}

#contentContainer .code
{
    margin-left:10px;
    padding:5px;
    border:1px solid #ccc;
    font-family: "Courier New", monospace;
}
#contentContainer a.ext
{
    padding-right:14px;
    background:url(../../img/icons/external.png) center right no-repeat;
}

tr.answerRow
{
    display:none;
}
div.percentContainer
{
    border:1px solid #777;
    float:left;
    background:#aaa url(../../img/pollContainer.png);
    width:200px;
    height:20px;
}
div.percentBar
{
    
    background:url(../../img/pollOverlay.png) repeat-x;
    float:left;
    height:20px;
}
div.percentLabel
{
    font-family:"Verdana", sans-serif;
    width:200px;
    position:absolute;
    text-align:center;
    margin-left:6px;
    color:#000;
    font-weight:bold;
    margin-top:8px;
    font-size:10px;    
}
div.contentText
{
    margin:10px;
}
span.grey
{
    color:#999;
    font-size:10pt;
}
span.small
{
    font-size:8pt;
}
span.answerCount
{
    color:#999;
    font-size:10pt;
    display:block;
    text-align:right;
}
input.text.error
{
    border:1px solid red;

}
.ratingContainer
{
    float:right;
}


a.icon
{
    float:left;
    width:16px;
    height:16px;
    cursor:default;
}
a.icon.enabled
{
    cursor:pointer;
}

.ratingContainer span
{
    float:left;
    color:#bbb;
    font-size:10pt;
    line-height:20px;
}

a.icon.thumbup
{
       background:url(../../img/icons/thumb-up-grey.png) no-repeat center;
}

a.icon.thumbup.enabled:hover,  a.icon.thumbup.active
{
       background:url(../../img/icons/thumb-up.png) no-repeat center;
}
a.icon.thumbdown
{
    margin-top:5px;
    margin-left:5px;
    background:url(../../img/icons/thumb-down-grey.png) no-repeat center;
}
a.icon.thumbdown.enabled:hover, a.icon.thumbdown.active
{
    background:url(../../img/icons/thumb-down.png) no-repeat center;
}