body {
    margin: 0px;
    padding: 0px;
    background-color:#123456;
    font-size:12px;
    line-height:1.4;
    color:#444;
    font-family:Verdana, Arial, Helvetica, Tahoma, sans-serif;
}

p
{
    margin-bottom:18px;
}

h1
{
    font-size:19px;
    margin-bottom:10px;
    color:#446;
}

h2
{
    font-size:15px;
    margin-bottom:10px;
    color:#446;
}

h3
{
    font-size:12px;
    color:#446;
}

h4
{
    font-size:10px;
    color:#446;
}

a, a:visited {
    color:#382D2C;
}

a:hover {
    color:#000;
}

ul,ol
{
    margin-bottom:18px;
}

img
{
    border:0;
}

/* LAYOUT */

#main_container {
    margin-left:20px;
}

#wrapper {
    width:750px;
    margin:5px auto;
    border:solid 1px #333;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
    padding:0;
    background-color:#fff;
}

#header {
    background-color:#dde8ea;
    padding:10px 10px 5px 10px;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

#logo {
    float:left;
}

#headernav {
    float:right;
    margin:10px 0 0 0;
}

#headernav li {
    float:right;
    list-style-type:none;
    margin:0 8px 0 0;
    padding:0;
    color:#346;
    font-size:12px;
    color:#346;
    text-decoration:none;
}

#headernav li a {
    color:#346;
    text-decoration:none;
    padding-bottom:10px;
    font-size:12px;
}

#headernav li a:hover {
    color:#000;
}

#headernav li a#RES_ID_fb_login,
#headernav li a#RES_ID_fb_login:hover {
    color:inherit;
    font-size:inherit;
    padding-bottom:0;
    border-bottom:0;
}

#content {
    padding:0px 5px 0px 5px;
}

#footer {
    width:718px;
    margin:0 auto 20px auto;
    padding:8px 16px;
    background-color:#fff;
    color:#555;
    font-size:10px;
    border:solid 1px #333;
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    border-radius:6px;
}

#footer a, #footer a:visited {
    text-decoration:none;
    color:#555;
}

#footer a:hover {
    color:#000;
}

#footernav {    
    float:right;
    margin:0;
    width:400px;
}

#footernav li {
    float:right;
    list-style-type:none;
    margin:0 0 0 18px;
    padding:0;
}

#footernav li a {
    color:#555;
    text-decoration:none;
    padding-bottom:1px;
    border-bottom:1px dotted #555;
}

#footernav li a:hover {
    color:#000;
    border-bottom:1px dotted #000;
}

.clear {
    clear:both;
}

/* VALIDATION */

.validationError {
    background-image:url(../images/exclamation.png);    
    background-color:#fee;
    color:#f00;    
    padding:2px 2px 2px 18px;
    margin-left:4px;
    background-position:center left;
    background-repeat:no-repeat;
    font-size:12px;
}

.validationOK {
    padding-left:16px;
    background-image:url(../images/accept.png);
    background-color:inherit;
    color:inherit;        
    padding:2px 2px 2px 18px;
    margin-left:4px;
    background-position:center left;
    background-repeat:no-repeat;
    font-size:12px;
}

.highlightRed {
    background-color:#fcc;
}

.highlightYellow {
    background-color:#ffc;
}

/* ICONS */

.iconDelete {
    background:transparent url(../images/bin.png) no-repeat bottom left;
    padding-left:20px;
    height:18px;
}

.iconRespond {
    background:transparent url(../images/arrow_respond.png) no-repeat 2px center;
    padding:0 5px 0 20px;
    height:18px;
    margin-right:18px;
    line-height:16px;
  
}

.iconConfigure {
    background:transparent url(../images/cog.png) no-repeat bottom left;
    padding-left:20px;
    height:18px;
}

/* TABS */

#topTabs {
    margin:10px 10px 10px 8px;
    padding:0;
    border-bottom:solid 1px #223355;
    width:98%;
    float:left;
}

#topTabs li {
    float:left;
    list-style-type:none;
    margin:0px 2px 0px 0px;
    padding:0;
    border:solid 1px #ccc;
    border-bottom:0;
    background-color:#000000;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

#topTabs li a {
    color:#ffff00;
    text-decoration:none;
    display:block;
    padding:2px 2px 2px 2px;
    font-size:12px;
}

#topTabs li.selected, #topTabs li:hover {
    border:solid 1px #223355;
    border-bottom:0;
    background-color:#123456;
}

#topTabs li.selected a, #topTabs li:hover a {
    color:#fff;
}

/* MISC */

.error {
    margin:16px 0;
    color:#f33;
    font-style:italic;
}


.message {
    margin:16px 0;
    color:#36e;
    font-style:italic;
}

.message a,.message a:visited {
    color:#36e;
    font-style:italic;
}

.indicator {
    vertical-align:text-top;
    margin:0 8px;
}

.tip, .tip:visited {
    font-size:11px;
    text-decoration:none;
    font-weight:bold;
    color:#c60;
}

.follow, .unfollow {
    background-color:#f3f3f3;
    display:inline-block;    
    margin:4px 0;
    font-size:10px;
    padding:4px 8px;
    line-height:1;    
    text-decoration:none;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;    
}

.follow, .follow:visited  {
    color:green;
    font-weight:bold;
}

.follow:hover {
    color:#050;
}

.unfollow, .unfollow:visited {
    color:#999;
}

.unfollow:hover {
    color:red;
}

a.disabled{
  color:#DDD;
  text-decoration:none;
  outline:none;
}

.Table {
    list-style-type:none;
    margin:0 6px 0 0;
    padding:0;
    border:solid 1px #ccc;
    border-bottom:0;
    background-color:#f0f0f0;
    -moz-border-radius-topleft:4px;
    -moz-border-radius-topright:4px;
    -webkit-border-top-left-radius:4px;
    -webkit-border-top-right-radius:4px;
    border-top-left-radius:4px;
    border-top-right-radius:4px;
}

.leftpanel {
    width:360px;
    background-color:#f3f3f3;
    display:inline-block;
    margin:2px 0;
    font-size:10px;
    padding:2px 2px;
    line-height:1.2;
    text-decoration:none;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
}

.questiontitle {
    font-family: 'Tangerine', serif;
    font-size: 20px;
    margin: 10px;
}

#answerofday {
    font-family: 'Tangerine', serif;
    font-size: 14px;
    margin: 5px;
}

#linkqofday {
    list-style-type:none;
    display:inline-block;
    margin:5px;
    padding:5px;
    background-color:#dde8ea;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
}

#linkqofday a {
    color:#123456;
    text-decoration:none;
}