body {
  background: #fff url('./../images/bg2.png'); 
  text-align: left; 
  margin: 0px; 
  padding: 0px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
  font-size: 14px;
  }
  
table {
    *border-collapse: collapse; /* Äëÿ IE7 è ñòàðøå */
    border-spacing: 0;

}

.zebra {
    border-right: solid #d5d5d5 1px;
	border-bottom: solid #d5d5d5 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 5px #cbcbcb; 
    -moz-box-shadow: 0 1px 5px #cbcbcb; 
    box-shadow: 0 1px 5px #cbcbcb;
	}
.zebra td, .zebra th {
    padding: 10px;
    border-left: 1px solid #d5d5d5;
    border-top: 1px solid #d5d5d5; 
	
}

.zebra tbody tr:nth-child(even) {
    background: #f5f5f5;
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
}

.zebra th {
color: #333;
font-size: 14px;
font-weight: normal;
    text-align: center;
    text-shadow: 0 1px 0 rgba(255,255,255,.8); 
    background-color: #eee;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#eee));
    background-image: -webkit-linear-gradient(top, #f5f5f5, #eee);
    background-image:    -moz-linear-gradient(top, #f5f5f5, #eee);
    background-image:     -ms-linear-gradient(top, #f5f5f5, #eee);
    background-image:      -o-linear-gradient(top, #f5f5f5, #eee); 
    background-image:         linear-gradient(top, #f5f5f5, #eee);
}

.zebra th:first-child {
    -moz-border-radius: 4px 0 0 0;
    -webkit-border-radius: 4px 0 0 0;
    border-radius: 4px 0 0 0;  
}

.zebra th:last-child {
    -moz-border-radius: 0 4px 0 0;
    -webkit-border-radius: 0 4px 0 0;
    border-radius: 0 4px 0 0;
}

.zebra tfoot td {
    background-color: #f1f1f1;  
}

.zebra tfoot td:first-child {
    -moz-border-radius: 0 0 0 4px;
    -webkit-border-radius: 0 0 0 4px;
    border-radius: 0 0 0 4px;
}

.zebra tfoot td:last-child {
    -moz-border-radius: 0 0 4px 0;
    -webkit-border-radius: 0 0 4px 0;
    border-radius: 0 0 4px 0;
}    
  
  
p {
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
  font-size: 11px; text-align: left; padding:0px; margin:15px 0px;
  }

a {
  color: #2B587A; text-decoration: none;
  }

.photo img {
  border: 0px;
  behavior: url(./../js/iepngfix.htc); 
  	display: inline-block;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
  }
  
img {
  border: 0px;
  behavior: url(./../js/iepngfix.htc); 
  }
  
form {
 margin:0px;
 padding:0px;
}
small {
 font-size:10px;
}
label {
  color: gray;
  font-weight: bold; }

select  {
        border: 1px solid #bdc7d8;
        font-size: 11px;
        font-family: tahoma, verdana, arial, sans-serif;
  padding-left: 2px;
  padding-right: 2px;
  padding-bottom: 2px;
  padding-top: 2px
}
pre {
  font-family: Courier New;
  font-size: 11px;
  margin:0px;
}
td,
td.label {
  text-align: left; }

/* ALL INPUTS */

.inputText,
.inputPassword {
  border: 1px solid #C0CAD5;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
  font-size: 18px;
  padding: 3px;
}

input[type="text"],
input[type="password"],
input[type~="text"],
input[type~="password"] {
  border: 1px solid #C0CAD5;
  padding: 3px;
  font-size: 11px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
}

textarea {
  border: 1px solid #C0CAD5;
  padding: 3px;
  font-size: 11px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
}

input[type="submit"],
input[type="button"],
input[type~="submit"],
input[type~="button"] {
  background-color: #36638E;
  color: #FFFFFF;
  font-size: 11px;
  padding:3px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
  border:0}

* html .inputButton,
* html .inputSubmit {
  background-color: #36638E;
  color: #FFFFFF;
  font-size: 11px;
  padding: 3px;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
  border:0px}

.buttonRow  {
        text-align: center;
        line-height: 20px;
        list-style: none;
	height:21px;
        margin: 0px;
        padding: 3px 0px; }

ul.buttonRow li {display: inline; width: 3.5em; float: left; margin-bottom:4px}
ul.buttonRow a {display:block; margin: auto; padding: 1px 4px; color: #FFF; margin-right:4px; background-color: #36638E; border-bottom:1px solid #eee;}
ul.buttonRow a:hover {color:#DAE1E8; text-decoration: none;}

.button {
  background-color: #36638E;
  color: #FFFFFF;
  font-size: 11px;
  padding: 4px 7px;
  text-align: center;
  font-family: tahoma, tahoma, verdana, arial, sans-serif;
  border:0px;
  cursor: pointer;
  cursor: hand;}

input[type~="radio"] {
  border: 0px; }

.inputcheckbox {
  border: 0px; }

/* HEADERS */
h1      {
        margin: 0px;
        padding: 0px;
        font-size: 14px; }

        h1 a { color: white; text-decoration: none; }
        h1 a:hover { color: white; text-decoration: underline; }
        h1 em { font-style: normal; border-bottom: solid 1px #DAE1E8; }

h2      {
        font-size: 11px;
        margin: 0px;
        padding: 0px; }

h6 {	border-bottom: 1px solid #DAE1E8;
	color: #36638E;
	margin:0px; padding:0px;
	font-size: 14px;
	padding-bottom: 5px; }

h3      {
        color: #444;
        font-size: 11px;
        font-weight: normal;
        margin: 0px;
        padding: 0px; }

h4      {
        color: #36638E;
        font-size: 11px;
        margin: 0px 8px 6px 8px; }

        h4 .edit { display: inline; margin-left: 8px; }
        h4 .edit a { color: lightgrey; }
        h4 .edit a:hover { color: #36638E; }

h5      {
       color: #36638E;
       font-size: 11px;
       margin: 0px 8px 6px 8px; }

       h5 .edit { display: inline; margin-left: 8px; }
       h5 .edit a { color: lightgrey; }
       h5 .edit a:hover { color: #36638E; }

#pageLayout   {
 float: left;
 padding: 0px;
 margin: 0px auto;
 width: 100%;
 text-align: left;
}

#pageHeader {
 width: 791px;
 height: 45px;
 position: relative;
 background-image: url(../images/xhead2.gif);
 background-repeat: no-repeat;
 background-position: left top;
 background-color: #32608A;
}

/*	background-color: #303E58 */

#home {
 position: absolute;
 left: 0;
 top: 0;
 width: 129px;
 width: 153px;
}

#home a {
  display: block;
  height: 42px;
  text-indent: -9999px; }

#home a:hover {
  text-decoration: none; }

#B {
 color:#36638E; background-color:#fff; padding:0px 2px 0px 0px;
}

#sideBar {
        margin: 5px 0px 0px 4px;
        float: left;
        padding-bottom: 10px;
        width: 118px; }

div#quickSearch {float:right; text-align:right; padding:9px 9px 0px 0px; margin:0px 0px;}
#quickSearch input {border-color: #678AA9;}
#quickquery.inputSearch {width: 85px; padding-left: 17px; margin-right:3px}

.inputSearch {
  background: white url(/images/magglass.png) no-repeat 3px 4px;
}


#quickLogin {
        width: 120px; padding: 0px; margin: 0px;
}

#quickLogin label {
                display: block;
                padding: 0px 0px 2px;
                margin: 0px;
                color: gray;
                font-weight: bold; }

#quickLogin table {
	  border-width: 0px;
	  border-spacing: 0px;
	  border-collapse: collapse;
	  margin: 3px 0px 0px 0px;
}
#quickLogin td {
	  padding: 0px 0px 3px 0px;
	  text-align: center;
	  border: none;
}
#quickLogin .inputText { width: 115px; }

#pageBody {
        font-size: 11px;
        margin-left: 12px;
        margin-right: 15px;
        text-align: left;
        width: 100%;
        }

* html #pageBody {
        f\loat: right;
        margin-left: 12px;
        margin-right: 15px;
        c\lear: both;
        text-align: left;
        width: 632px;
        o\verflow: hidden; }

.pageBody a:hover { text-decoration: underline; }

.simplePage {
  padding: 10px 20px 0px 20px;
  margin: 0px;
}
#wrap1 {border: 0px solid #EBF0F4; border-top: 0px solid #EBF0F4; }
#wrap2 {border-right: 0px solid #F6F8FA; border-top: 0px solid #F6F8FA; }

#content {
        padding: 12px;
        border-bottom: solid 0px #C3CAD2;
        border-left: solid 0px #DAE1E8;
        border-right: solid 0px #DAE1E8; }


        #content:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
        /* #content li a:hover { text-decoration: none; } */

/* Hides from IE-Mac \*/
* html #content { height: 1%; }
/* End hide from IE-Mac */

#wrapH {
        border-right: solid 1px #EAEEF3;
        border-left: solid 1px #EAEEF3;
}

#wrapHI {
        border-right: solid 1px #D5DDE6;
        border-left: solid 1px #D5DDE6;
}

#header {
        font-weight: bold;
        font-size: 11px;
        padding: 2px 10px 5px;
        margin: 0px;
        background-image: url(../images/header_yellow.gif);
        background-position: top left;
        background-repeat: repeat-x;
        background-color: #EEE5B8;
        color: black;
        border-right: solid 1px #DCD4A4;
        border-left: solid 1px #E4DDB4;
        border-bottom: solid 1px #D7CF9E; }

#header h1 {
        font-size: 11px;
}

#header h1 a {
        color: #696029;
}

#header span {
 color: #8E8443;
	color: #C8BF85;
}

#header b{
	color: #C8BF85;
	float:right;
}

#footer {
        text-align: center;
        color: #36638E;
        font-weight: bold;
        line-height: 21px;
        font-size: 11px;
        margin: 0px;
        padding: 0px 10px;
        background: #DAE1E8;
        border-bottom: solid 1px #36638E; }


/* ADS */

.leftAd {
 padding:3px; margin: 0pt auto; width: 100%; color: #000;
 background-color: #f7f7f7;
}
.leftAd p{
 margin:1px 5px;
 overflow: hidden;
 word-wrap: break-word;
 color: #222;
}
.leftAd h4 {
    text-align: center;
    font-size: 12px;
    border-bottom: solid 1px #DAE1E8;
    padding: 0px 0px 3px;
    margin: 0px 5px 3px;
}
.leftAd h3 {
    text-align: center;
    margin: 4px 5px 3px;
    color: black;
    font-weight: bold; }

/* TABS */

ul.tabs,ul.tabs li{list-style-type:none;margin:0;padding:0}
ul.tabs{width:600px}
ul.tabs li{float:left;margin-right: 3px;text-align: center;}
ul.tabs a{float:left;width: 7em;padding: 5px 0; text-decoration:none;}
ul.tabs a:hover{background: #DAE1E8; text-decoration:none;}

ul.tabs li.activeLink a,ul.tabs li.activeLink a:hover{background: #36638E;color: #FFF;}

#tSettings {width: 6em;}
#tNetworks {width: 4em;}
#tMobile {width: 9em;}

.tBar {
  padding: 0px 10px 0px;
  border-bottom: solid 1px #36638E;
}

.tBar #tabs {
    display: inline;
    float: left;
    border-bottom: none;
    margin: 0px;
}

.tBar .blinks {
    padding: 4px 0px;
    float: right;
}

/* GLOBAL FOOTER */

#bFooter {
        clear: both;
        font-size: 10px;
        line-height: 15px;
        padding: 5px 0px 0px 0px;
	text-align: center; margin: 0;
}
#bFooter p {
        font-size: 11px; margin: 0;  padding:0;
	text-align: center; margin-left: 95px;
}

/* BNAV*/

ul.bNav {
  font-size: 11px;
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
  margin-left:305px;
}

.bNav li a:hover {
  border-top: 1px solid #CAD1D9;
  background-color: #DAE1E8;
}

.bNav li {
  display: inline; float:left;}

.bNav li a {
  border-top: 1px solid #FFF;
  display:block; padding: 1px 5px 2px 7px;}

/* LEFT NAVIGATION */

.moreDiv {
 margin-top: 3px;
 padding-top: 3px;
 border-top: 1px solid #ccc;
}

#nav li a.more {
  padding-left: 29px;
  border-top: 0px;
}

#nav li a.more:hover {
  border-top: 0px;
}

#nav {
  list-style: none;
  margin: 0 0 1.0em 0;
  padding: 0; }

#nav li {
  border-bottom: 1px solid #FFF;
  font-size: 1.0em; }

#nav li#myprofile {
  border-bottom: 0; }

#nav li#myfriends {
  clear: left; }

#nav li a {
  border: 0; border-top:1px solid #fff;
/*  border-left: 4px solid #F3F5F7;*/
  background: #eee;
  background: white;
  display: block;
  padding: 3px 3px 3px 6px;
}

#nav li a.more {
  padding-left: 6px;
}

#nav li#myprofile a {
  padding: 0;
  width: auto;
  border-bottom: 1px solid #FFF;
}

#nav li#myprofile a.hasedit {
  float: left;
  padding: 2px 0 2px 3px;
  width: 76px;
  padding: 3px 3px 3px 6px; border-top:1px solid #fff;
/*  border-left: 4px solid #F3F5F7;*/
}

#nav li#myprofile a.edit {
  color: gray;
  float: right;
  padding: 2px 1px;
  text-align: center;
  width: 28px;
  padding: 3px 0px 3px 1px;
  border-left: 0;
}

#nav li#myprofile a.edit:hover {
 background: #EAEEF2;
 color:#36638E;
 border-left:0px;
}

#nav li#myfriends a {
}

#nav li a:hover,
#nav li#myprofile a:hover {
  background: #DAE1E8;
  color:#36638E;
  border-top: 1px solid #CAD1D9;
  text-decoration:none;
}

div.postOptions #nav li a { display: inline; }
div.postOptions #nav li { margin-bottom: 7px; }

/* clearFix */

.clearFix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;}

.clear {
  float: none;
  clear: both;
}
/* Hides from IE-mac \*/
* html .clearFix { height: 1%; }
.clearFix { display: block; }
/* End hide from IE-mac */

/* MISC */

.see_all {
  text-align: right; }

/* EDIT ACCOUNT */


.editorPanel {
  padding: 10px 0px;
  background: #f7f7f7; }

.settingsPanel {
  width: 400px;
  margin: 0px auto 15px;
}

.settingsPanel h4 {
  border-bottom: 1px solid #b9c4da;
  color: #36638E;
  font-size: 12px;
  font-weight: bold;
  margin: 10px 0px 10px;
  padding-bottom: 2px; }

.settingsPanel p {
  line-height: 14px;
  margin: 0px 0px 8px; }

.settingsPanel .editor {
  width: 400px; }

.settingsPanel .editor td.label {
  text-align: right;
  padding-left: 0px;
  width: 100px; }

.settingsPanel .editor .buttons {
  text-align: left;
  margin: 0px;
  padding: 0px 0px 0px 105px; }

.settingsPanel .editor td input[type~="text"],
.settingsPanel .editor td input[type="text"] {
  width: 280px; }

.settingsPanel .editor td input[type~="password"],
.settingsPanel .editor td input[type="password"] {
 width:200px;
}

.settingsPanel .editor select {
  width: 280px; }

.settingsPanel ul {
  list-style: square;
  padding: 0px;
  padding-left: 15px; }

.settingsPanel li {
  color: #36638E;
  margin-bottom: 5px; }

.settingsPanel li span {
  color: #000; }

.settingsPanel em {
  color: #36638E;
  font-weight: bold;
  font-style: normal }

/* LEFT AND RIGHT */

.left {
  float: left;
  width: 395px; }

.right {
  width: 215px;
  float: left; }

.middle {
  margin-left: auto;
  margin-right: auto;
}

.topNav  {
        text-align: center;
        line-height: 20px; margin:0px;
        list-style: none;
        padding: 0px 130px 0px 0px;
}

ul.topNav li {
display: inline;
width: 10em;
height: 36px;
float: right;
padding-top:9px; margin:0px;
background-image: url(../images/header_divider.gif);
background-repeat:no-repeat;
background-position: top left;
}
ul.topNav a {font-weight: bold; font-size:11px; height: 20px;display:block; margin: auto 0px; padding: 2px 4px; color: #DAE1E8;}
ul.topNav a:hover {color: white; text-decoration:underline;}
/* background-color: #4A556B;*/

#p40 {width: 4.0em;}
#p45 {width: 4.5em;}
#p50 {width: 5.0em;}
#p55 {width: 5.5em;}
#p60 {width: 6.0em;}
#p65 {width: 6.5em;}
#p70 {width: 7.0em;}
#p75 {width: 7.5em;}
#p85 {width: 8.0em;}
#p115 {width: 11.5em;}

.listing {
  list-style: square;
  padding-left: 40px;
  color: #758EAC;
  margin: 0px 0px 15px 0px
}

ul.listing li {
  padding: 1px 0px;
}

ul.listing li span{
  color:black;
}

.grey {
  padding: 0px 0px 2px;
  margin: 0px;
  color: gray;
  font-weight: bold;
}


#error {
 border: 1px solid #E89B88;
 background-color: #FFEFE8;
 padding: 8px 11px;
 font-size: 14px; font-weight:bold;
 margin: 0px;
}

.accountInfo {
  padding: 0px;
  margin: 0px 0px 0px 8px;
  border-bottom: solid 1px #DAE1E8; }

.basicInfo {
  padding: 5px 0px 15px 8px; }

.divide {
  color: gray;
  font-weight: normal;
  padding: 0px 4px;
}

#msg, #dld, .msg, .dld {
 padding: 8px 11px;
 font-size: 11px; font-weight:bold;
 margin: 8px;
 text-align:left;
 background-color: #F4EBBD;
 border: 1px solid #D7CF9E
}
p#msg, p.msg, p#dld, #p.dld {text-align:center;}
#dld, .dld {
 background-color: #F6F7F9;
 border: 1px solid #DBE0EA;
}

.Graffiti {
 padding: 0px 20px;
}

.infomsg {
 padding: 8px 11px;
 font-size: 11px; font-weight:bold;
 margin: 8px;
 text-align:left;
 background-color: #fefefe;
 border: 1px solid #d8dfea;
}

.alertmsg {
 padding: 8px 11px;
 font-size: 11px;
 margin: 8px;
 text-align:left;
 background-color: #F9F6E7;
 border: 1px solid #D4BC4C
}

ul.nNav {
  font-size: 11px;
  list-style: none;
  margin: 0;
  padding: 0;

}
.nNav li {
 float: left;
 display: inline;
 margin-left: 5px;
 text-align:center;
 width: expression(this.getElementsByTagName("a")[0].offsetWidth+16+"px");
 border-bottom: 1px solid #eee;
}
.nNav li a:hover {
 color: #DAE1E8;
 text-decoration:none;
}
.nNav li a {
 color: #FFF;
 display:inline;
 white-space: nowrap;
}
.nc {
	display:block;
	width: expression(this.parentNode.offsetWidth+"px");
}
.nc *{
  display:block;
  height:1px;
  font-size:.01em;
  overflow:hidden;
  background:#36638E}
.nc1{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #9AB1C6;
  border-right:1px solid #9AB1C6;
  background:#36638E}
.nc2{
  border-left:1px solid #9AB1C6;
  border-right:1px solid #9AB1C6;
  background:#36638E}
.ncc {
  display: block;
  background:#36638E; padding:3px 8px 3px 8px; color:#fff;
}

.ratePlus, .rateGreenPlus, .rateRedPlus {
 float: right;
 margin-top: -11px;
 color: #EEBD00;
 font-size: 10px;
 font-weight:bold;
}

.rateBody {
 padding:5px;
 text-align: center;
 background: #FAF3D8 url(/images/golden.gif) repeat-x bottom;
 margin: 0px 0px 10px 0px;
 border-bottom:1px solid #FBE172;
}

.rateBody a, .rateRedBody a, .rateGreenBody a{
 color:#000;
}

#rateMore {
 color: #2B587A;
}

.rateBody div {
 color: #908851;
 margin: 0px 6px 3px 6px;
 border-bottom: 1px solid #E6E0B6;
 padding-bottom: 1px;
}

.rRed {
 margin-bottom: 10px;
 border-bottom: 1px solid #8B4C23;
}

.rateRedBody {
 padding:4px;
 text-align: center;
 background: #F0D6C7 url(/images/redl.gif) repeat-x top;
 border:8px solid #C68D69;
}

.rateRedBody div {
 color: #8B4C23;
 margin: 0px 3px 7px 3px;
 border-bottom: 1px solid #C39679;
 padding-bottom: 2px;

}

.rGreen {
 margin-bottom: 10px;
 border-bottom: 1px solid #37702A;
}

.rateGreenBody {
 padding:4px;
 background: #D5EABB url(/images/greenl.gif) repeat-x top;
 border:8px solid #8DBF56;
 padding-bottom:7px;
 text-align:center;
}

.rateGreenBody div {
 color: #37702A;
 text-align: center;
 margin: 0px 3px 7px 3px;
 border-bottom: 1px solid #8DBF56;
 padding-bottom: 2px;
}
a.rateGift {

}
a.rateGift img{
  margin-top: 3px;
  padding:3px 3px 0px 3px;
  width:64px;
  height:64px;
  background-color: #FFF;
}
.rateGreenBody a.rateGift img{
  border: 1px solid #8DBF56;
}

.rateRedBody a.rateGift img{
  border: 1px solid #C39679;
}

.rateRedPlus {
 color: #C5864F;
}

.rateGreenPlus {
 color: #8DB55F;
}

.giftAd {
 margin-bottom: 10px;
 border-bottom: 1px solid #DCDCDC;
}
.giftAdBody {
 padding:4px;
 /*background: #D5EABB url(/images/greenl.gif) repeat-x top;*/
 background-color: #f6f6f6;
 border:6px solid #EAEAEA;
 padding-bottom:7px;
 text-align:center;
}

.giftAdBody div {
 text-align: center;
 margin: 0px 3px 7px 3px;
 border-bottom: 1px solid #DCDCDC;
 padding-bottom: 2px;
}

.goldAd {
 border-bottom: 1px solid #C4BB98;
}
.goldAd .giftAdBody {
 background-color: #FEF9E1;
 border:6px solid #E9DEB4;
}

.goldAd .giftAdBody div {
 border-bottom: 1px solid #C4BB98;}

.bonusVotes {
  color:#C4BB98;
  float: right;
  margin-top: -11px;
  font-size: 10px;
  font-weight:bold;
}

.wrapped{
 overflow: hidden;
 word-wrap: break-word;
}

/* òûö */
wbr:after { content: '\00200B'; }

#qquery {
 width: 105px;
 text-align: left;
 margin: 1px 5px 0px 0px;
 border: 1px solid #678AA9;
 border-right: 1px solid #265581;
 background-color: #FFF;
 height: 19px;
}

#qinput {
 float: left;
 font-family: tahoma, verdana, arial;
 border: 0px;
 background: white url(/images/magglass.png) no-repeat 3px 4px;
 padding: 3px 3px 3px 17px;
 width: 85px;
 font-size: 11px;
 color: #777;
 height: 13px;
 outline: none;
}

.qdrop_off, .qdrop_on, .qdrop_over {
 width: 128px;
 height: 13px;
 float: right;
 text-align: right;
 padding: 2px 22px 4px 0px;
 color: #999;
 cursor: pointer;
 background: #FFF url('/images/darr.gif') no-repeat 132px 4px;
}
.qdrop_on, .qdrop_over {
 background-position: 132px -22px;
}

.qdrop_on {
 color: #000;
}

.qonl {
 color: #708191;
 padding: 0px 5px 1px 5px; margin: 0px 5px;
 font-weight: normal;
}

#qdropdown {
 width: 151px;
 text-align: right;
 background-color: #FFF;
 border: 1px solid #265581;
 aborder-bottom: 1px solid #839EB7;
 border-bottom: 0px;
 border-top: 0px;
 position: absolute;
 display: none;
 left: 624px;
 top: 30px;
 *top: 29px;
 z-index: 300;
}
.qdiv_over, .qdiv_over_top, .qdiv_off, .qdiv_on {
 padding: 3px 21px 4px 3px;
 background-color: #FFF;
 border-bottom: 1px solid #DAE2E8;
 border-bottom: 0px;
 cursor: pointer;
 border-top: 1px solid #FFF;
 border-bottom: 1px solid #FFF;
}
.qdiv_over, .qdiv_over_top {
 aborder-bottom: 0px;              
 background-color: #587DA1;
 color: #FFF;
 border-top: 1px solid #2A5883;
 border-bottom: 1px solid #2A5883;
}
.qdiv_on {
 background-color: #E1E8ED;
 border-bottom: 1px solid #CCD5DD;
 border-top: 1px solid #CCD5DD;
}
.qdiv_over_top {
 border-top: 1px solid #2A5883;
 border-bottom: 1px solid #2A5883;
}

#qfriends {
 width: 618px;
 background-color: #FFF;
 border: 1px solid #265581;
 position: absolute;
 display: none;
 left: 157px;
 padding-top: 0px;
 border-top: 0px;
 top: 30px;
 *top: 29px;
 opacity:0.96;
 filter:alpha(opacity=96);
 z-index:1300;
}

#qfriends table {
 border-collapse: collapse;
}

#qfriends table tr td div {
 width: 25px;
 height: 25px;
 font-size: 19px;
 color: #85a0ba;
 text-align: center;
 font-weight: bold;
 margin: 2px 2px 2px 2px;
 overflow: hidden;
}

#qfriends img {
 width: 25px;
}

.qfr_cell, .qfr_cell_on, .qfr_cell_un {
 width: 618px;
 cursor: pointer;
 border-top: 1px solid #CCD5DD;
}

.qfr_cell_un {
 border-top: 1px solid #2A5883;
 background-color:#FFF;
}

.qfr_cell_on {
 background-color: #587DA1;
 border-top: 1px solid #2A5883;
 color: #FFF;
}

.qfr_cell span, .qfr_cell_un span {
 background-color: #dae2e8; color:#000;
}

.qfr_cell_on span {
 background-color: #2A5883; color:#FFF;
}

.qfr_cell_on .qonl {
 background-color: #7C98B3;
 color: #4C6C8A;
}

.seprow {
 background-color:#E0E0E0;
}