#pagewrap {
	background: #FFF;
}

body {
	margin:0;
	font:12px tahoma, sans-serif;
	color:#666;
	max-width:320px;
}

.retweet a {
	text-decoration:none;
	color:#fff;
}
.retweet {
  float:left; 
  /*width:40px; */
}
a {
	text-decoration:none;
	color:#666;
}                                            
a:hover {
	text-decoration:underline;
}
p {
	margin:5px 0;
}

h3 {
	color:#000;
	margin:12px 0 0;
	font-size:12px;
}
h4 {
	margin:0;
	font-size:10px;
	font-weight:normal;
}
h4 strong {
	color:#006ea6;
}
#main {
	width:320px;
}
/* header */
#header {
	/*width:350px;*/
	height: 80px;
	border-bottom: 0078b5 5px solid;
}
.header-bg {
	background:#333 url(../images/header-bg.gif) repeat-x 0 100%;
	padding:5px 0 8px;
}
.header {
	overflow:hidden;
}

#logo {
	width: 230px;
	float: left;
	margin-left: 5px;
}
#headernav {
	/*width: 250px;*/
	background-color: #666;
	top: 0;
	float: left;
	position: relative;
	height: 25px;
	color: #FFF;
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 16px;
	letter-spacing: 0.1em;
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	/*margin-left: 220px;*/
}

/* logo */
a.logo {
	float:left;
	width:229px;
	height:36px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/logo.gif);
}
.company-info {
	float:right;
	padding:5px 16px 0 0px;
	/*width:155px;*/
	color:#fff;
}
.company-info p {
	margin:0;
}
.header-list {
	clear:both;
	padding:5px 0 0 5px;
	margin:0;
	list-style:none;
	/*width:405px;*/
}
.header-list li {
	float:left;
	background:url(../images/separator-1.gif) no-repeat 100% 50%;
	padding:0 10px;
}
.header-list li.last {
	background:none;
}
.header-list li a {
	color:#fff;
}
/* main navigation */
#nav-box {
	border-bottom:10px solid #0077b2;
	height:30px;
	background:url(../images/nav-gradient.gif) repeat-x;
}
.nav-box {
	/*width:1015px;*/
	margin:0 auto;
	/*overflow:hidden;*/
}
#main-nav {
	padding:0;
	margin:0 auto;
	list-style:none;
	height:30px;
	float:left;
}
#main-nav li {
	float:left;
}
#main-nav li a {
	display:block;
	height:30px;
	overflow:hidden;
	text-indent:-9999px;
}
#main-nav li.search-nav a {
	width:108px;
	background:url(../images/search-nav.gif);
}
#main-nav li.messages-nav a {
	width:86px;
	background:url(../images/messages-nav.gif);
}
#main-nav li.addressBook-nav a {
	width:108px;
	background:url(../images/addressBook-nav.gif);
}

#main-nav li a:hover,
#main-nav li.active a {
	background-position:0 -30px;
}
/* main content */

#wrap {
	/*width: 800px;
	height: 600px;*/
	margin-left: auto;
	margin-right: auto;
	background-color: #E8E8E8;
	padding: 5px;
}

#friendfilterhead {
	65%;
}
#left-col{
	/*width: 370px;*/
	float: left;
	margin-left: 15px;
	background: white;
	border: #0078b5 solid 5px;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 15px;
}

#right-col {
	margin-top: 10px;
	/*width: 330px;*/
	float: left;
	margin-left: 15px;
	position: relative;
	background-color: #0078b5;
	color: white;
	padding: 15px;
}

#right-colbtm {
	/*width: 370px;*/
	float: left;
	margin-top: 20px;
	height: 300px;
	v-align: bottom;
	text-align: left;
	margin-left: 15px;
}
#content {
	width:320px;
	padding-left:2px;
	/*margin:0 auto;*/
	/*overflow:hidden;*/
}
/* left content */
#cell-1 {
	width:320px;
	float:left;
}
/* right content */
#cell-2 {
	width:320px;
	float:right;
	background:#eeeeee;
}
.list-box {
	width:100%;
	overflow:hidden;
	padding:7px 0 5px;
	border-bottom:1px solid #d2d6d9;
}
.show-list,
.sort-list {
	padding-top:5px;
	margin:0;
	list-style:none;
	float:left;
	font-size:11px;
	width: 320px;
}
.sort-list {
	float:right;
}
.show-list li,
.sort-list li {
	padding-right:1px;
	background:url(../images/separator-2.gif) no-repeat 100% 50%;
	float:left;
}
.show-list li.last,
.sort-list li.last {
	background:none;
}
.show-list li a,
.sort-list li a {
	padding:0 6px;
}
.show-list li a:hover,
.show-list li.active a,
.sort-list li a:hover,
.sort-list li.active a {
	background:#006ea6;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
}

/* page list */
ul#page-list {
	padding:0;
	margin:0;
	list-style:none;
	text-align:center;
}
ul#page-list li {
	display:inline;
	padding:0 3px 0 8px;
	background:url(../images/separator-4.gif) no-repeat 0 50%;
}
ul#page-list li.first {
	background:none;
}

/* footer */
#footer {
	background:#333 url(../images/footer-bg.gif) repeat-x;
	padding:25px 0 20px; 
}
#footer a {
	color:#fff;
}
.footer {
	/*width:995px;*/
	margin:0 auto;
	padding:0 10px;
	overflow:hidden;
}
.footer-content {
	float:left;
	/*width:640px;*/
	color:#fff;
}
.footer .logo {
	float:right;
}
.footer-content ul {
	display:inline;
	padding:0;
	margin:0;
	list-style:none;
}
.footer-content p {
	margin-left:3px;
}
.footer-content ul li {
	display:inline;
	background:url(../images/separator-5.gif) no-repeat 0 50%;
	padding:0 3px 0 6px;
}
.footer-content ul li.first {
	background:none;
}




table#sample {
    background-color:#FFFFFF;
    border: solid #000 3px;
    width: 650px;
}
table#sample td {
    padding: 5px;
    /*width: 150px;*/
    border: solid #000 1px;
}
.data {
    color: #000000;
    text-align: right;
    background-color: #CCCCCC;
}
.totals {
  font-weight: bold;
  background-color: #EEeeEE;
}
.toprow {
    font-style: italic;
    text-align: center;
    background-color: #FFFFCC;
}
.leftcol {
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #CCCCCC;
}






#detail_table td{
	height:18px;
	padding-top:2px;
	
	padding-bottom:2px;
	vertical-align: top; 
	valign: top;
}
.detailHead{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 20px; /*PB it was 13px*/
	border-bottom:1px solid #DBDBDB;
	color:#999999;
}
.detailLabel{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px; /*PB it was 13px*/
	font-weight:bold;
	color: #474848;
}
.detailValue{
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #474848;
}



.commentField{
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-topleft:5px;
    -moz-border-radius-topright:5px;
    background-color:#ffffff;
    border:1px outset #CCCCCC;
    color:black;
    line-height:1.4em;
    padding:2px 12px;
}
#signup-all{
  width:850px;
  padding: 3px 0 0 5px;
}
#left-col{
  width:400px;
  hieght:480px;
  float:left;
  padding: 5px 5px 5px 5px;
}
#right-col{
  width:350px;
  hieght:480px;
  float:left;
  padding: 5px 5px 5px 5px;
}
#signup-bottom{
  hieght:480px;
}
#signup-bottom1{
  padding: 5px 5px 5px 5px;
}
#signup-bottom2{
  padding: 5px 5px 5px 5px;
}
.signup-benifits-line { width: 350px; float:left; padding-bottom:5px; }


#button {
-moz-border-radius-bottomleft:5px;
-moz-border-radius-bottomright:5px;
-moz-border-radius-topleft:5px;
-moz-border-radius-topright:5px;
background-color:#F3F3EE;
border:1px outset #CCCCCC;
color:black;
line-height:1.4em;
padding:2px 12px;
}
#button a{
  background-color:#eeeeee;
}
#button_down a{
  background-color:#eeeeee;
}

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

a.boldbuttons{
background: transparent url(../images/roundedge-gray-left.gif) no-repeat top left;
display: block;
float: left;
font: bold 13px Arial; /* Change 13px as desired */
line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 30px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white; /*button text color*/
}

a.boldbuttons span{
background: transparent url(../images/roundedge-gray-right.gif) no-repeat top right;
/*background:url(../images/search-nav.gif);*/
display: block;
padding: 4px 10px 4px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}

.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
width: 100%;
}
#wrap #right-col form table tbody tr td {
	text-align: right;
}
.benefitshead {
	font-size: 14px;
	font-weight: bold;
}
.benefits {
	display: inline-block;
	text-indent: 5px;
	white-space: normal;
	margin-left: 5px;
}
#check {
	float: left;
	margin-left: 20px;
	width: 25px;
}
#benefits {
	margin-left: 15px;
	float: left;
	position: relative;
	width: 200px;

}.enjoy {
	font-size: 16px;
	text-align: center;
}

span.blue{
color:#a5dcf8;
}
span.dark_blue{
color:#005;
}
span.gold{
color:#D9D919;
}
span.black{
color:#000;
}


.mess-pic {
  background-color:#eee; 
  padding-right: 5px; 
  font-size: 10px;
  float:left;
  width:50px;
}
.mess-container{
  float:left; width: 250px; padding-left:5px;
}
.mess-row{
  border-bottom:1px dashed #ccc;
  height:80px;
}
.mess-row-text{
  float:right; 
  padding-left:3px; 
  width:220px; 
}
.mess-row-text-read{
float:right; padding-left:3px; width:210px;
background-color: #eee;

}
.heart{
  padding-top:8px;
  text-decoration: none;
}
a.link.heart{
  text-decoration: none;
}

.messageTextBox{ float:left; width:320px; padding-top: 15px;}
textarea { font-size: 18px } 
#sendMessage {float:left; padding:5px 5px 0px; width:320px;}
#login{float:right; width: 200px;}
#loginRightA{float:right; padding-right:20px;}
#loginRightB{float:left; padding-right:10px;}
#selected_user_box{ border-width: thin; width: 320px; border-color:#eeeeee; float:left; NOWRAP }
#snapshotInfo{ float:left; padding-left:10px; width: 250px; }


.vote-box {
	width:330px;
	float:left;
	color:#fff;
	margin-bottom:11px;
}
.agree {
	border:1px solid #00ae00;
	border-right:0;
	height:28px;
	margin-left:-1px;
	position:relative;
	float:left;
	background:url(../images/agree-bg.gif) repeat-x;
}
.agree span {
	position:absolute;
	top:25%;
	left:10px;
}
.disagree {
	border:1px solid #ae0000;
	border-left:0;
	height:28px;
	position:relative;
	float:left;
	background:url(../images/disagree-bg.gif) repeat-x;
	margin-right:-1px;
}
.disagree span {
	position:absolute;
	top:25%;
	right:10px;
}
.grey {
	border:1px solid #999;
	border-left:0;
	height:28px;
	position:relative;
	float:left;
	/*background:url(../images/disagree-bg.gif) repeat-x;*/
	background-color:#aaa;
	margin-right:-1px;
}
.grey span {
	position:absolute;
	top:25%;
	right:10px;
}
.black {
	border:1px solid #aaa;
	border-left:0;
	height:28px;
	position:relative;
	float:left;
	/*background:url(../images/disagree-bg.gif) repeat-x;*/
	background-color:#000;
	margin-right:-1px;
}
.black span {
	position:absolute;
	top:25%;
	right:10px;
}