/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */
.jcrop-holder
{
  text-align: left;
}

.jcrop-vline, .jcrop-hline
{
  font-size: 0;
  position: absolute;
  background: white url('Jcrop.gif') top left repeat;
  /*
  opacity: .5;
   *filter:alpha(opacity=50);
   */
}
.jcrop-vline { height: 100%; width: 1px !important; }
.jcrop-hline { width: 100%; height: 1px !important; }
.jcrop-handle {
  font-size: 1px;
  width: 7px !important;
  height: 7px !important;
  border: 1px #eee solid;
  background-color: #333;
  *width: 9px;
  *height: 9px;
}

.jcrop-tracker {
  *background-color: gray;
  width: 100%; height: 100%;
}

.custom .jcrop-vline,
.custom .jcrop-hline
{
  background: yellow;
}
.custom .jcrop-handle
{
  border-color: black;
  background-color: #C7BB00;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}



img {
  behavior: url(/stylesheets/iepngfix.htc);
}



/* Universal Clear */

.clearing { 
	clear: both; 
	margin: 0; 
	padding: 0; 
	font-size: 1px; 
	line-height: 1px; 
	height: 1px; 
}

/* End Universal Clear */



.headline {
  font-size: 14px;
  font-weight:bold;
  color:#666666;
  border-bottom:solid 1px #c6c6c6;
  padding-bottom:3px;
  margin-bottom:3px;
}

.front_page_box {
  border:solid 1px #c6c6c6;padding-top:5px
}

body, table, td, textarea, input, select, .bodyFont, .fieldPrompt, .fieldRequired {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:300px;
  color:#333333;
}
hr
{
  border:solid 1px #888888;
}
fieldset {
  border:solid 1px #c6c6c6; 
  margin:0px;
  padding:5px;
}
.front_page_fieldset_profiles {
  /*  height:300px;
  *.height:314px;
  */	*.margin-top:-4px;
}

.front_page_ad .ad_fieldset {
  width: 100% !important;
}

.front_page_profile {
  /*  margin-top:23px; */
  /*  height:128px;*/
}

a.new-window {
  background: url(/plugin_assets/active_engine/images/external.png) center right no-repeat;
  padding-right: 13px;
}

.ar_table table tr th
{
  background-color: #EFF7FF;
  padding-left:20px;
  padding-right:20px;
  text-align:center;
}

#profiles_by_type
{
  margin-top:20px;
  width:470px;
}
#profiles_by_type ul
{
  margin-left: 0;
  padding-left: 0;
  display: inline;
}
#profiles_by_type li
{
  margin-left:0;
  padding-left:0;
  list-style:none;
  display: block;
  float:left;
  width:50%;
}
#profiles_by_type li a
{
  white-space: nowrap;
}
.featuredAgent {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight:bold;
  color:#333333;
  padding-right:4px;padding-left:4px
}

img {

  border-style:none;

}

form {
  margin: 0px;
  padding: 0px;
}


body {
  color: #000000;
  background-color: #ffffff;
  margin: 0px;
  text-align: center;
}

a, .fake_link
{
  color: #356d9e;
  text-decoration: underline;
}

a:hover {
  text-decoration: underline;
}

textarea, input[type=text], input[type=password], select {
  border: 1px solid #6f6f6f;
  border-color: #6f6f6f #ccc #ccc #6f6f6f;
  outline: 1px solid white;
  padding: 3px;
}
textarea:focus, input[type=text]:focus, input[type=password]:focus, select:focus {
  outline-color: #3299e9;
  border-color: #3299e9;
}
#c_q:focus {
  outline-color: white !important;
  border-color: #c1bc0b #e0da00 #e0da00 #c1bc0b !important;
  background-color: #fffee9 !important;
}

.footerText {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight:600;
  color:#555555;
  text-decoration:none;
  padding-right:20px;
  padding-left:20px;
}
.test_nav .footerText {
  padding: 0 18px;
}

.top_dropdown {
  display: block;
  position: absolute;
  border: 1px solid #e5e2c2;
  margin: 0;
  padding: 0;
  margin-top: 5px;
  border-top: none;
  background: #fbfaea;
  left: 0;
  z-index: 1000;
}

* html .top_dropdown {
  width: 200px;
  top: 16px;
  margin-top: 9px;
}

.top_dropdown .layout {
  padding: 0 !important;
}
.top_dropdown ul {
  list-style: none;
  margin: 0 !important;
  padding: 0 !important;
}
.top_dropdown ul li {
  display: block !important;
  padding: 0 !important;
}
.top_dropdown ul li a {
  display: block;
  padding: 4px 5px;
}
.top_dropdown ul li a:hover {
  background: #ffa;
  text-decoration: none !important;
}
.top_dropdown .inner_menu_header {
  clear: both;
  font-weight: bold;
  display: block;
  text-align: right;
  color: #222;
  padding: 5px;
}
* html .top_dropdown {
  left: -50px;
}
* html #professional_dropdown {
  left: -30px;
}
* html #state_dropdown {
  left: -200px;
}

* html .top_dropdown ul li {
  height: 0%;
}

#state_dropdown {
  width: 310px;
  left: -200px;
}
#state_dropdown li {
  display: block;
  float: left;
  width: 30px;
}

.cookieTrail {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:600;
  color:#555555;
  text-decoration:none;
}

.sectionHeader {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:600;
  color:#3d5da4;
  text-decoration:none;
}


.pointsDisplay {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 13px;
  font-weight:600;
  color:red;
  text-decoration:none;
}


/* layout */
#wrapper
{
  width:100%;
  min-height:550px;
  _height:500px;
}
#content 
{
  text-align:left;
}

#content_wrapper {
  margin: 5px;
  text-align: left;
}

#header
{
  /*    margin-top:57px;*/
}
#header, #footer
{
  background-color:#fbfaea;
  border-top:solid 1px #c6c6c6;
  border-bottom:solid 1px #c6c6c6;
  height:22px;
  xmargin-top:30px;
  width:100%;
}
#footer
{
}
#footer table tr td
{
  text-align:right;
}
#sidebar 
{
  width:420px;
}
#featuredAgents
{
}
.featuredAgent
{
  width:240px;
  text-align:left;
  background-color:#fbfaea;
  margin-right:10px;
  height:100px;
}
.featuredAgent img 
{
  border: solid 1px #c6c6c6; 
  padding: 2px;
  margin-left:5px;
}
#featuredAgentText
{
}
.nav
{
  width:100%;
}
#header .nav
{
  margin-top:3px;
}
#footer .nav
{
  margin-top:-10px;
}

.nav ul
{
  margin: 0;
  padding: 0;
  list-style: none;
}
.nav ul li
{
  display: inline;
}
* html .nav ul li {
  /*  display: inline-block;*/
}

.nav_list {
  font-weight: bold;
  margin-bottom: 15px;
  text-align: left;
}

.nav_list ul {
  font-weight: normal;
  font-size: 11px;
  margin-top: 0;
  padding-left: 5px;
  margin-left: 5px;
  line-height: 150%;
}

.nav_list li {
  list-style-type: none;
}

.feedbackTextBlock
{
  background-color: #EFF7FF;
  margin-top:5px;
  margin-bottom:5px;
  width:100%;
}
.textBlock
{
  background-color: #EFF7FF;
  margin-top:5px;
  margin-left:15px;
  margin-bottom:5px;
  dwidth:100%;
}
.innerTextBlock
{
  padding:5px;	
}
.innerTextBlockLeft
{
  padding:5px;
  text-align:left;
}
.textBlockTitle
{
  font-weight:bold;
}

#signupInstructions
{
  width:720px;
}
.form label, .form input, .form select {
  display: block;
  width: 150px;
  float: left;
  margin-bottom: 10px;
}

.form label {
  text-align: right;
  width: 95px;
  padding-right: 20px;
}

.form br {
  clear:left;
}
#signUpForm1 label
{
  width:200px;
  font-weight:bold;
}

.bold 
{ 
  font-weight: bold; 
}

.site_button
{
  border:solid #57758C 1px;
  cursor:pointer;
  background-color:#EFF7FF;
  color:black;
  border-collapse: collapse;
  background-image:url(/images/buttonArrow.gif);
  background-position: right;
  background-repeat:no-repeat;
  font-weight:bold;
  width:100%;
}
.button_wrapper {
  width: 170px;
}

.site_button_yellow
{
  background-color:#FBFAEA;
}
.friend_button
{
  border:solid #57758C 1px;
  cursor:pointer;
  background-color:#EFF7FF;
  color:black;
  border-collapse: collapse;
  background-image:url(/images/friends/button_plus.gif);
  background-position: left;
  background-repeat:no-repeat;
  font-weight:bold;
  width:100%;
}
#signMeUpButton input
{
  width:110px;
}
#errorBox
{
  border:solid 2px red;
  color: red;
  width:450px;
  margin:10px;
}
#breadcrumbs
{
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:600;
  color:#555555;
  text-decoration:none;
  text-align:left;
  margin-bottom:15px;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight:600;
  color:#3d5da4;
  text-decoration:none;
}


.divider
{
  border-top:solid 2px #356d9e;
  margin-left:40px;
  margin-right:40px;
  margin-top:10px;
}

.profileDivider
{
  border:solid 1px #888888;
  height:0px;
}


#login
{

  padding-top:10px;
  padding-left:10px;
  width:300px;
  background-color:#fbfaea;
}

.yellowbox {
  background-color: #FBFAEA;
}

.bluebox {
  background-color: #EBF5FF;
}

#popup_wrapper
{
  margin:15px;
}
.flash_notice
{
  color: red;
  font-size:18px;
  font-weight:bold;
}
#cya
{
  color:gray;
  padding-left:40px;
  padding-right:40px;
  font-size:8pt;
}
.friend_agent
{
  display:inline;
  float:left;
  margin:15px;
  border:solid 1px black;
  height:150px;
}
.friends_list ul
{
  display:inline;
}
.friends_list ul li
{
  list-style:none;
  display:inline;
  float:left;
  height:200px;
}
#nofriends ul li
{
}
.friends_wrapper
{
  border:solid 2px gray;

}

div.visible { display: block; }
div.hidden { display: none; }

tr.visible { display: block; }
tr.hidden { display: none; }

.currentHeader {
  font-weight:bold;
  color:#777777;
  white-space:nowrap;
}
.pipe-list ul {
  margin-left: 0;
  padding-left: 0;
  display: inline;
} 

.pipe-list ul li {
  margin-left: 0;
  padding: 3px 15px;
  border-left: 1px solid #000;
  list-style: none;
  display: inline;
}


.pipe-list ul li.first {
  margin-left: 0;
  border-left: none;
  list-style: none;
  display: inline;
}

#global_spinner {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 100px;
  height: 14px;
  padding: 10px;
  background-color: #ffffff;
  border: solid 1px #000000;
  z-index: 100;
}

#global_spinner img {
  padding-left: 5px;
  vertical-align: top;
}

table.sortable {
  border-collapse: collapse;
  border: 1px solid #666666;
  width: 100%;
}

table.sortable th {
  background-color: #EFF7FF;
  border: 1px solid #666666;
  color: #404050;
  font-size: 11px;
  text-align: center;
  margin: 0;
  padding: 2px 10px;
}

table.sortable td {
  margin: 0;
  padding: 3px;
}

table.sortable tr.disabled td {
  color: #888888;
  text-decoration: line-through;
}

table.sortable tr.over {
  background-color: #C3DBFF;
  cursor: pointer;
}

th.sortable, th.sort_asc, th.sort_desc {
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: 100% 50%;
}

th.sortable {
  background-image: url(/images/sortable.gif);
}

th.sort_asc {
  background-image: url(/images/sort_asc.gif);
}

th.sort_desc {
  background-image: url(/images/sort_desc.gif);
}

div.sort_pager {
  font-family: arial, verdana, helvetica, sans-serif;
  font-size: 11px;
  text-align: right;
  margin-top: 5px;
}

div.sort_pager span, div.sort_pager a {
  border: 1px solid #666666;
  margin-left: 4px;
  padding: 2px 5px;
}

div.sort_pager span {
  color: #666666;
}

div.sort_pager a {
  text-decoration: none;
  font-weight: bold;
}

div.sort_pager a:hover {
  background-color: #C3DBFF;
  text-decoration: none;
}

.form_table {
  margin-top: 10px;
}

.form_table tr.tall {
  vertical-align: top;
}

.form_table th {
  padding-right: 15px;
  text-align: left;
}

.form_table .fieldWithErrors {
  display: inline;
}

tr.divider {
  height: 10px;
}

th.title, div.title {
  font-weight: bold;
  text-align: center ! important;
  margin-top: 0;
  padding-bottom: 5px;
  padding-top: 0;
}

.negative {
  color: #D00000;
}

.positive {
  color: #007000;
}

.neutral {
  color: #707070;
}




/* TABS from http://www.htmldog.com/articles/tabs/ */
#tab_header ul {
  list-style: none;
  padding: 0;
  margin: 0;
}

#tab_header li {
  float: left;
  border: 1px solid #797979;
  border-bottom-width: 0;
  margin: 0;
}

#tab_header a {
  text-decoration: none;
  display: block;
  background: #eee;
  padding: 0.24em 1em;
  color: #00c;
  width: 8em;
  text-align: center;
}

#tab_header a:hover {
  background: #ddf;
}

#tab_header #tab_selected {
  border-color: #797979;
}

#tab_header #tab_selected a {
  position: relative;
  top: 1px;
  background: white;
  color: #797979;
  font-weight: bold;
}

#tab_content {
  border: 1px solid #797979;
  clear: both;
  padding: 10px;
  width: 95%;
}
#blog_nav {
  text-align:left;
}

.deleted {
  background: #EEEEEE;
}

.deleted_notice {
  color: red;
}

/* New click bar*/

#click_bar {
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  text-align: left;
  z-index: 1000;
  border-bottom: 1px solid #ccc;
  background: white;
}

* html #click_bar {
  position: absolute;
  top: expression(eval(documentElement.scrollTop));
}
* html body {
  background: #fff url(foo) fixed;
}

#click_bar .layout {
  padding: 5px;
}

.flash_dev {
  color: blue;
  font-size:18px;
}

#stop_button a {
  line-height: 40px;
}

table.comment_footer td, table.comment_footer td {
  background-color: transparent;
}

.date_bar {
  position: relative;
  margin-bottom: 8px;
  font-weight: bold;
}
.date_bar .month {
  border: 1px solid #9c2f31;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius: 5px 0 0 5px;
  color: white;
  background: #b03d3f;
  text-align: right;
  border-right: none;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.20);
  padding: 3px 10px 3px 0;
  margin-right: 50px;
}
.date_bar .day {
  background: #eee;
  border: 1px solid #ddd;
  border-left: none;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius: 0 5px 5px 0;
  padding: 3px 0;
  text-align: center;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
}

.date_bar .year {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #d05c15;
  border: 1px solid #cc5207;
  padding: 3px 0;
  text-align: center;
  color: white;
  width: 50px;
}

*:first-child+html .inner_comment {
  display: inline-block;
}

.comment {
  border: 1px solid #bbb;
  border-color: #bbb #777 #777 #bbb;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  margin-bottom: 8px;
}

.original_poster {
  border: 2px solid #82bcd7 !important; 
  background: #d3effc;
}
.staff_poster {
  border: 2px solid #000 !important; 
  background-color: #ffc;
}
.deleted {
  border: 2px solid #d00 !important; 
  opacity: 0.6;
}

.comment .comment_layout {
  padding: 8px;
  padding-bottom: 6px;
}

.comment .action_links {
  visibility: hidden;
}

.comment:hover .action_links {
  visibility: visible;
}

.comment table, .comment table td {
  border: none;
  background: transparent !important;
  border-collapse: collapse;
  padding: 0;
  margin: 0;
}
.comment table.comment_layout_table {
  width: 100%;
}

.comment tr.header td {
  padding-top: 2px;
}
.comment table td {
  vertical-align: top;
}
.comment tr.header td {
  vertical-align: bottom !important;
}

.comment .number_link a {
  text-decoration: none;
}

.comment .comment_text p:first-child {
  margin-top: 0;
}
.comment .comment_text {
  padding: 0 10px 0 0px;
}
.comment .comment_text p {
  line-height: 1.5em;
}

.comment .created_on {
  text-align: center;
}
.comment .created_on small {
  font-size: 11px;
  display: block;
  padding: 2px 7px;
}
.comment .created_on small.month {
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius: 5px 5px 0 0;
  color: white;
  background: #b03d3f;
  padding-bottom: 1px;
  border: 1px solid #ae3e40;
  border-bottom: none;
  text-shadow: -1px -1px 0px rgba(0, 0, 0, 0.20);
}
.comment .created_on small.day {
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -moz-border-radius: 0 0 5px 5px;
  padding-top: 1px;
  background: #eee;
  border: 1px solid #ddd;
  border-top: none;
  font-weight: bold;
}

.comment .time {
  font-size: 10px;
  color: #999;
}
.comment .year {
  font-size: 10px;
  margin-bottom: 3px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: #d05c15;
  padding: 3px;
  text-align: center;
  color: white;
}

div.nav_menu_box {
  text-align: left;
  width: 100%;
}
div.nav_menu_box .layout {
  padding: 0 15px;
}
div.nav_menu_box b {
  display: block;
  margin-top: 15px;
  margin-bottom: 10px;
}

ul.nav_menu {
  margin: 0;
  padding: 5px 0;
  list-style: none;
  border-top: 2px solid #2e6d9f;
}
ul.nav_menu li {
  font-weight: bold;
  padding: 5px 0;
}
ul.nav_menu li ul {
  list-style: none;
  margin: 0 0 0 10px;
  padding: 0;
}
ul.nav_menu li ul li {
  padding: 3px 0;
  font-size: 10px;
}

div.profile_card {
  width: 800px;
}
div.profile_card .layout {
  padding: 15px;
}

dl.profile_list {
  margin: 0;
  padding: 0;
}
dl.profile_list dt {
  float: left;
  clear: left;
  margin: 0 10px 0 0;
  width: 115px;
  font-weight: bold;
  text-align: right;
}
dl.profile_list dd {
  margin-bottom: 10px;
  font-size: 11px;
  margin-left: 85px;
}

div.group_info {
  padding: 0 15px;
}
div.group_info b.name {
  display: block;
  font-size: 14px;
  padding: 10px 0;
}
div.group_info div.post_button {
  margin-bottom: 10px;
}
div.group_info img.group_image {
  margin-bottom: 10px;
}
div.group_info table td {
  text-align: left;
}
div.group_info div.admin_box {
  padding: 5px;
}
div.group_info div.admin_box a {
  color: #d00;
}

/* Menu */

header#top {
	position: relative;
	width: 100%;
	padding-top: 2px;
	display: block;
	background: #fff url(/images/login/bg_head_bluegradient.png) repeat-x;
}

header#top #logo {
	width: 245px;
	float: left;
}

#head_wrapper {
	width: 100%;
	position: relative;
	background: url(/images/login/bg_clouds.png) 350px 20px repeat-x;
	padding-bottom: 9px;
}

#logo {
  z-index: 1;
  text-align: left;
  padding: 4px 15px;
  position: relative;
  width: 400px;
}

/*#logo_wrapper {
  margin-top: 11px;
  margin-bottom: 1px; 
}*/

header#top #member_count {
	float: right;
	width: 350px;
	text-align: right;
	position: relative !important;
	margin-top: 3.5em;
}

#member_count {
  position: absolute;
  top: 0;
  right: 0;
  width: 350px;
}
#member_count .layout {
  padding: 0 15px;
  padding-top: 2px;
}

div.auth_link {
  padding-top: 3px;
  font-size: 11px;
}
div.auth_link a {
  text-decoration: none;
}
div.auth_link a:hover {
  text-decoration: underline;
}

header#top nav {
	display: block;
}

header#top nav ul.top_level_menu {
	background: url(/images/uploader/bg_nav.png) repeat-x;
	border: 0 !important;
	padding: 10px 9px 11px 0;
	color: #fef8b5;
}

ul.top_level_menu {
  margin: 0;
  padding: 5px 9px 5px 0;
  list-style: none;
  text-align: right;
/*  background: #fbfaea;*/
  background: url(/images/new_design/menu_bg.gif) repeat-x left; /* NEW */
  border: 1px solid #e5e3c3;
  border-color: #2a77b8; /* NEW */
  border-width: 1px 0;
}
ul.top_level_menu li {
  position: relative;
  display: inline;
  padding: 0 6px;
}

header#top nav ul.top_level_menu li#join_online_members, header#top nav ul.top_level_menu li#online_members_no_join {
	padding-left: 15px;
	float: left;
}

header#top nav ul.top_level_menu li#join_online_members, header#top nav ul.top_level_menu li#online_members_no_join, header#top nav ul.top_level_menu li a, header#top nav ul.top_level_menu li a, header#top nav ul.top_level_menu li span {
	color: #fef8b5 !important;
}


ul.top_level_menu li a, ul.top_level_menu li span.fake_menu_item {
  color: #555;
  color: #fff;
  text-decoration: none;
  font-weight: normal;
  text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.17);
}
ul.top_level_menu li a:hover, ul.top_level_menu li span.fake_menu_item:hover {
  text-decoration: underline;
  cursor: pointer;
}

ul#bottom_menu {
  padding: 5px 0;
  text-align: center;
  width: 100%;
}
ul#bottom_menu li {
  width: 19%;
  display: -moz-inline-stack;
  display: inline-block;
  padding: 0;
  text-align: center;
}

* html ul#bottom_menu li {
  display: inline;
}

*:first-child+html ul#bottom_menu li {
  display: inline;
}

/* */
#stats {
  /*  background: #95d4e9 url(/images/new_design/bottom.jpg) no-repeat bottom left;*/
  background-color: white;
  width: 319px;
  height: 409px;
  float: left;
  color: white;
  margin-right: 15px;
}
#stats .layout {
  padding: 15px;
}

#big_score {
  padding-top: 30px;
  padding-bottom: 30px;
  background: transparent url(/images/new_design/banner.png) no-repeat center left;
  font-size: 30px !important;
  font-weight: bold;
  text-align: center;
  text-shadow: -1px -1px 0px rgba(78, 155, 180, 0.5);
}

* html #big_score {
  display: inline-block;
}
*:first-child+html #big_score {
  display: inline-block;
}

#big_score .label {
  display: block;
  font-weight: normal;
  font-size: 15px !important;
  margin-top: -3px;
  text-shadow: none;
  padding-bottom: 3px;
}

#stats .profile_img {
  background-color: #eee;
  background-position: center center;
  background-repeat: no-repeat;
  float: right;
  padding: 6px;
  margin-left: -10px;
}
#stats dl {
  clear: both;
  margin: 0;
  padding: 0;
  padding-top: 15px;
  color: #222;
}
#stats dl dt {
  float: left;
  clear: left;
  margin: 0 10px 0 0;
  width: 161px;
  font-weight: bold;
  text-align: right;
}
#stats dl dd {
  margin-bottom: 5px;
  margin-left: 85px;
}

/* Bottom info */
.bottom_info {
  margin: 0 5%;
  text-align: center;
  color: #666;
  font-size: 11px;
}
* html .realPNG {
  display: none !important;
}
/* About */

.person {
  clear: both;
  padding-top: 15px;
}
.person .info {
  padding-top: 5px;
  margin-left: 120px; /* 105 + 15 */
}

.person img {
  float: left;
}

/* NEW */
h1, a {
    color: #1e77b9;
}
.top_dropdown {
  margin-top: 6px;
  border-color: #666; /* NEW */
  border-top: 1px solid #12548c;
/*  border-left: none;
  border-right: none;*/
  border-top: none;
  background: #eee url(/images/new_design/shadow.png) repeat-x top left; /* NEW */ 
  background-position: 0 -5px;
  behavior: url(/stylesheets/iepngfix.htc);
}

.top_dropdown a {
  color: #555 !important;
  text-shadow: none !important;
}

.top_dropdown ul li a:hover {
  color: #222 !important;
  background-color: #ccc !important;
}

ul#bottom_menu {
  background-image: url(/images/new_design/menu_bg_lite.gif);
  border-color: #777;
}

#clickbar_city_results {
  z-index: 100;
  position: absolute;
  width: 343px;
  background: #fffdbe;
  border: 1px solid black;
  border-color: #fffdbe #e0da00 #e0da00 #c1bc0b;
  margin-top: -3px;
  text-align: left !important;
  margin-left: -20px;
}
#clickbar_city_results .layout {
  padding: 8px 10px;
}

#clickbar_city_results ul {
  list-style: none;
  margin: 0;
  padding: 0;
  margin-top: -3px;
}
#clickbar_city_results ul li {
  padding: 3px 0;
}
#clickbar_city_results ul li a {
  font-weight: bold;
}
#clickbar_city_results ul li.highlight a {
  color: #d00;
  text-decoration: underline;
}

/* Click Campaign Table Formatting */
.click_table {
  border-collapse: collapse;
}

.click_table th {
  background: #e2e2e2;
  text-align: center;
  padding: 3px 5px;
}
.click_table tr.top th {
  font-weight: normal;
}

.click_table th.clicks {
  background: #f2f2f2;
}
.click_table td {
  padding: 3px 5px;
}
.click_table td.number {
  text-align: center;
}
.click_table td.c_number {
  text-align: center;
}
.click_table td.ll {
  border-left: 1px solid #eee;
  border-right: 1px solid #ddd;
}
.click_table tr.even td {
  background: #f4f4f4;
}
.click_table td {
  border-bottom: 1px solid #eee;
}
.click_table td.action {
  border-bottom: none;
}
.click_table tr.disabled td, .click_table tr.disabled td a {
  color: #aaa !important;
}

/* end */

.row_with_errors td {
  background-color: #FFA;
}

* html #c_q {
  border: 1px solid #6f6f6f;
  border-color: #6f6f6f #ccc #ccc #6f6f6f;
  padding: 4px 3px;
  overflow: visible;
  margin-left: 0 !important;
}
* html #clickbar_city_results {
  margin-left: -160px;
}

* + html #c_q {
  margin-left: -25px !important;
  padding: 4px 3px;
  overflow: visible;
}
* + html #clickbar_city_results {
  left: 0;
  top: 0;
  margin-top: 24px;
  margin-left: -25px;
}

* html ul.top_level_menu {
  display: inline-block;
  position: relative;
  z-index: 1000;
}
* + html ul.top_level_menu {
  display: inline-block;
  position: relative;
  z-index: 1000;
}
* html .top_dropdown {
	margin-top: 4px;
	z-index: 1000;
	padding-bottom: 5px;
}
* + html .top_dropdown {
  margin-top: 20px;
  z-index: 1000;
  padding-bottom: 5px;
}

* html #bottom_menu {
  z-index: 999;
}
* + html #bottom_menu {
  z-index: 999;
}
* html #member_count {
  z-index: 1001;
}
* + html #member_count {
  z-index: 1001;
}
.ad_box {
  width: 0%;
  white-space: nowrap;
}
*:first-child+html .ad_box {
  width: auto;
}
.vertical_ads img {
  display: block;
  padding-bottom: 5px;
}
.vertical_ads {
  padding-bottom: 0;
}

.suggest_feature {
  float: right;
  margin-right: 5px;
  cursor: pointer;
  margin-left: 5px;
}

.reblog {
  float: right;
  position: relative;
  width: 53px;
}
.pips {
  margin-top: -5px;
  padding-left: 4px;
}
* html .pips {
  margin-top: 2px;
}
*:first-child+html .pips {
  margin-top: 2px;
}

.pips img {
  cursor: pointer;
}
.reblog .reblog_info {
  position: absolute;
  top: 19px;
  right: 0;
  border: 1px solid #888;
  background: #f2f2f2;
  width: 250px;
  font-size: 11px;
}
.reblog .reblog_info p {
  padding: 0;
  margin: 0;
  margin-bottom: 7px;
}
.reblog .reblog_info ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.reblog .reblog_info ul li {
  padding: 3px 0;
}
.reblog .reblog_info .info_layout {
  padding: 10px;
}

ul.bb {
  list-style: none;
  margin: 0;
  padding: 0 20px;
}
* html ul.bb {
  display: block;
  position: relative;
}
ul.bb li {
  padding: 3px 0;
  color: #1e76c3;
  text-decoration: underline;
  cursor: pointer;
  position: relative;
  display: block;
}
ul.bb li:hover {
  color: #d00;
}
ul.bb li div.bb_popup {
  position: absolute;
  border: 3px solid #999;
  padding: 3px 5px;
  background: #ffa;
  z-index: 500;
  left: 10px;
}
ul.bb li div.bb_popup ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
ul.bb li div.bb_popup ul li {
  margin: 0;
  padding: 2px 0;
}
div.big_box {
  top: 0;
  left: 0;
  position: absolute;
  height: 100%;
  width: 100%;
  z-index: 100;
  background: white;
}
* html div.big_box {
  height: expression(this.parentElement.clientHeight + "px");
}

div.big_box .inner_layout {
  padding: 5px 10px;
}
div.big_box .inner_layout b {
  display: block;
  border-bottom: 1px solid #000;
}
div.big_box .inner_layout ul {
  list-style: none;
  margin: 0;
  padding: 0;
  padding-top: 5px;
}
div.big_box .inner_layout ul li a {
  padding-bottom: 7px;
}
div.big_box .inner_layout ul li a:hover {
  color: #d00;
}

* html div.outer_bb_wrapper {
  height: 100%;
}
*:first-child+html div.outer_bb_wrapper {
  height: 100%;
}


/* UPLOADER STYLES */

#uploader {
	background: url(/images/uploader/bg_uploader.png) #f7f7f7 bottom left repeat-x;
	padding-bottom: 40px;
	padding-top: 30px;
}

#uploader_main {
	margin: 10px auto;
	padding: 20px 0 20px 2px;
	width: 880px;
	background: url(/images/uploader/bg_uploader_main.png) left bottom no-repeat;
}

div#uploaded_image {
	float: left;
	width: 560px;
	background: #fff;
	padding: 20px 10px 20px 20px;
	-webkit-box-shadow: 0 0 10px #cccccc;
	-moz-box-shadow: 0 0 10px #cccccc;
	margin-bottom: 100px;
}

.tapecontainer {
	position: relative;
	width: 600px;
}

#uploaded_image img#tape_left {
	position: absolute;
	top: -50px;
	left: -55px;
	z-index: 99 !important;
}

#uploaded_image img#tape_right {
	position: absolute;
	top: -50px;
	right: -7px;
	z-index: 99 !important;
}

#uploaded_image img#tape_left_bottom {
	position: absolute;
	top: -30px;
	right: -7px;
	z-index: 99 !important;
}

#uploaded_image img#tape_right_bottom {
	position: absolute;
	top: -30px;
	left: -55px;
	z-index: 99 !important;
}

#the_image_to_crop, #the_fake_image {
	padding: 0 !important;
	float: left;
}

.jcrop-holder > img{
	left: 0;
}

div.aside {
	float: right;
	width: 200px;
}

#live_preview {
	position: relative;
	width: 150px;
	padding: 9px 9px 7px 9px;
	background: url(/images/login/bg_loginbox.png);
	background-color: #fffedd;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 5px #ccc !important;
	-moz-box-shadow: 0 1px 5px #ccc !important;
	border: 2px solid #fef8b5;
	margin-bottom: 30px;
}

#cropped_image {
	width: 150px;
	height: 150px;
	overflow: hidden;
}

#live_preview_banner {
	position: absolute;
	top: 159px;
	left: -15px;
}


.save_photo {
	margin-top: 40px;
}

.sidebar_bubble {
	position: relative;
	left: -15px;
	width: 178px;
	padding: 9px 9px 7px 9px;
	background: url(/images/login/bg_loginbox.png);
	background-color: #fffedd;
	background-repeat: repeat-x;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-box-shadow: 0 1px 5px #ccc !important;
	-moz-box-shadow: 0 1px 5px #ccc !important;
	border: 2px solid #fef8b5;
}

.sidebar_bubble h2 {
	color: #434343;
	font-size: 12px;
	margin-bottom: 9px;
}

/* Footer */

.foot_wrapper {
	font: 10px arial, helvetica, tahoma, verdana, sans-serif;
}

#blue_footer {
	width: 100%;
	font-size: 1.2em;
	background: url(/images/login/bg_footer_bluegradient.png) #e9f1f8 repeat-x;
	position: relative;
	padding-bottom: 20px;
	text-align: left;
}

#siteMap {
	width: 960px;
	margin: 0 auto;
	padding: 50px 10px 0 10px;
}

.columns {
	font-family: arial, helvetica, tahoma, verdana, myriad, sans-serif;
	float: left;
	width: 220px;
	margin: 20px 10px 0 10px;
}

.columns h3 {
	color: #05488a;
	font-weight: bold;
	font-size: 1.3em;
	text-transform: uppercase;
	margin-bottom: 10px;
}

.columns ul {
	margin-top: 10px;
	margin-bottom: 65px;
}

.columns ul li {
	position: relative;
	border-bottom: 1px dotted #93a4c1;
	padding: 8px 0 8px 0;
}

.columns ul li a {
	padding: 8px 10px 8px 10px;
	text-decoration: none;
	color: #536f8a;
}

.columns ul li:hover {
	background: #d3e0ec;
}

.columns ul li:hover a {
	color: #05488a;
}


#disclaimer {
	font-size: 1em;
	margin-top: 3.5em;
	color: #536f8a;
}

#disclaimer p {
	margin-bottom: 1em;
	line-height: 1.6em;
}




/* For blog post summaries */

.blog_entry_title_container { 
  font-weight: bold; margin-bottom: 3px;
}

.blog_entry_summary_container { 
  font-size: 11px;
  margin-bottom: 0.5em; 
  line-height: 1.5em;
}
tr.blog_entry td {
  padding-bottom: 20px;
}

.attribution_container { 
  margin-bottom: 3px;
  font-size: smaller;
}
.attribution_container cite {
  font-style: normal;
  color: rgb(153,153,153);
}



/* -------------------------------------------------------------------------------------------------

It's *strongly* suggested that you don't modify this file.  Instead, load a new stylesheet after
this one in your layouts (eg whiteboard_forms_changes.css) and override the styles to suit your needs.
This will allow you to update whiteboard_forms.css with new releases without clobbering your own changes.

This stylesheet forms part of the WhiteboardForms Rails Plugin
(c) 2008 Justin French

--------------------------------------------------------------------------------------------------*/


/* NORMALIZE AND RESET
--------------------------------------------------------------------------------------------------*/

/* obviously inspired by Yahoo's reset.css, but scoped to just form.whiteboard_forms elements that we care about */
form.whiteboard_forms, form.whiteboard_forms ul, form.whiteboard_forms ol, form.whiteboard_forms li, form.whiteboard_forms fieldset, form.whiteboard_forms legend, form.whiteboard_forms input, form.whiteboard_forms textarea, form.whiteboard_forms p { margin:0; padding:0; }
form.whiteboard_forms fieldset { border:0; }
form.whiteboard_forms em, form.whiteboard_forms strong { font-style:normal; font-weight:normal; }
form.whiteboard_forms li { list-style:none; }
form.whiteboard_forms abbr, form.whiteboard_forms acronym { border:0; font-variant:normal; }
form.whiteboard_forms input, form.whiteboard_forms textarea, form.whiteboard_forms select { font-family:inherit; font-size:inherit; font-weight:inherit; }
form.whiteboard_forms input, form.whiteboard_forms textarea, form.whiteboard_forms select { font-size:100%; }
form.whiteboard_forms legend { color:#000; }

/* Rails wraps error fields with divs */
div.fieldWithErrors { display:inline; margin:0; padding:0; }


/* FIELDSETS & LISTS
--------------------------------------------------------------------------------------------------*/

form.whiteboard_forms fieldset { }
form.whiteboard_forms fieldset.inputs { border-top:1px solid #eee; }
form.whiteboard_forms fieldset.buttons { padding:10px; }
form.whiteboard_forms fieldset ol { }

/* clearfixing the fieldsets */
form.whiteboard_forms fieldset { display: inline-block; }
form.whiteboard_forms fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.whiteboard_forms fieldset { display: block; }
* html form.whiteboard_forms fieldset { height: 1%; }


/* INPUT LIs
--------------------------------------------------------------------------------------------------*/

form.whiteboard_forms fieldset ol li { border-bottom:1px solid #eee; padding:5px; }

/* clearfixing the li's */
form.whiteboard_forms fieldset ol li { display: inline-block; }
form.whiteboard_forms fieldset ol li:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
html[xmlns] form.whiteboard_forms fieldset ol li { display: block; }
* html form.whiteboard_forms fieldset ol li { height: 1%; }

form.whiteboard_forms fieldset ol li.required {  }
form.whiteboard_forms fieldset ol li.optional {  }
form.whiteboard_forms fieldset ol li.error { background:#FFCCCC; }
  

/* LABELS
--------------------------------------------------------------------------------------------------*/
  
form.whiteboard_forms fieldset ol li label { display:block; width:25%; float:left; }


/* INLINE HINTS
--------------------------------------------------------------------------------------------------*/
form.whiteboard_forms fieldset ol li p.inline-hints { color:#666; margin:0.5em 0 0 25%; }


/* INLINE ERRORS
--------------------------------------------------------------------------------------------------*/
form.whiteboard_forms fieldset ol li p.inline-errors { color:red; margin:0.5em 0 0 25%; }

/* STRING & NUMERIC OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.whiteboard_forms fieldset ol li.string input { width:74%; }
form.whiteboard_forms fieldset ol li.numeric input { width:74%; }

/* TEXTAREA OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.whiteboard_forms fieldset ol li.text textarea { width:74%; }


/* BOOLEAN (CHECKBOX) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.whiteboard_forms fieldset ol li.boolean label { padding-left:25%; width:auto; }
form.whiteboard_forms fieldset ol li.boolean label input { margin:0 0.5em 0 0.2em; }


/* BELONGS_TO (RADIO) OVERRIDES
--------------------------------------------------------------------------------------------------*/
form.whiteboard_forms fieldset ol li.radio fieldset { }
form.whiteboard_forms fieldset ol li.radio fieldset legend { display:block; float:left; width:25%; position:relative; }
form.whiteboard_forms fieldset ol li.radio fieldset legend span { }
form.whiteboard_forms fieldset ol li.radio fieldset ol { float:left; width:74%; }
form.whiteboard_forms fieldset ol li.radio fieldset ol li { padding:0; border:0; margin-bottom:.2em; }
form.whiteboard_forms fieldset ol li.radio fieldset ol li label { float:none; width:100%; }
form.whiteboard_forms fieldset ol li.radio fieldset ol li label input { margin-right:0.5em; }


/* DATE & TIME OVERRIDES
--------------------------------------------------------------------------------------------------*/

form.whiteboard_forms fieldset ol li.date fieldset,
form.whiteboard_forms fieldset ol li.time fieldset,
form.whiteboard_forms fieldset ol li.datetime fieldset {}

form.whiteboard_forms fieldset ol li.date fieldset legend,
form.whiteboard_forms fieldset ol li.time fieldset legend,
form.whiteboard_forms fieldset ol li.datetime fieldset legend,

form.whiteboard_forms fieldset ol li.date fieldset legend,
form.whiteboard_forms fieldset ol li.time fieldset legend,
form.whiteboard_forms fieldset ol li.datetime fieldset legend { display:block; float:left; width:25%; position:relative; }

form.whiteboard_forms fieldset ol li.date fieldset legend span,
form.whiteboard_forms fieldset ol li.time fieldset legend span,
form.whiteboard_forms fieldset ol li.datetime fieldset legend span {  }

form.whiteboard_forms fieldset ol li.date fieldset ol,
form.whiteboard_forms fieldset ol li.time fieldset ol,
form.whiteboard_forms fieldset ol li.datetime fieldset ol { float:left; width:74%; margin:0; padding:0; }

form.whiteboard_forms fieldset ol li.date fieldset ol li,
form.whiteboard_forms fieldset ol li.time fieldset ol li,
form.whiteboard_forms fieldset ol li.datetime fieldset ol li { float:left; width:auto; margin:0; padding:0; border:0; }

form.whiteboard_forms fieldset ol li.date fieldset ol li label,
form.whiteboard_forms fieldset ol li.time fieldset ol li label,
form.whiteboard_forms fieldset ol li.datetime fieldset ol li label { display:none; }

form.whiteboard_forms fieldset ol li.date fieldset ol li label input, 
form.whiteboard_forms fieldset ol li.time fieldset ol li label input, 
form.whiteboard_forms fieldset ol li.datetime fieldset ol li label input { display:inline; margin:0; padding:0;  }
/* -------------------------------------------------------------------------------------------------

Load this stylesheet after whiteboard_forms.css in your layouts to override the CSS to suit your needs.
This will allow you to update whiteboard_forms.css with new releases without clobbering your own changes.

For example, to make the inline hint paragraphs a little darker in color than the standard #666:

form.whiteboard_forms fieldset ol li p.inline-hints { color:#333; }

--------------------------------------------------------------------------------------------------*/

/* Black AR labels */
form.whiteboard_forms fieldset ol li label { 
  color: #333333;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  font-size: 12px;
  font-weight: 600;
  width: 120px;
}

/* Remove bottom border */
form.whiteboard_forms fieldset ol li {
  border-bottom: inherit;
}

/* Remove left padding, seriously now */
form.whiteboard_forms fieldset ol li.boolean label {
  padding-left: 0;
}

form.whiteboard_forms fieldset.indent {
  margin-left: 60px;
}

/* Default width for .site_button is 100% */
form.whiteboard_forms input.site_button {
  width: 200px
}

form.whiteboard_forms .loud {
  color: #F00
}

form.whiteboard_forms .quiet {
  font-size: smaller;
}

/* Fix the margins */
form.whiteboard_forms fieldset ol li p.inline-hints {
  margin-left: 120px;
}

form.whiteboard_forms input.site_button {
  display: block;
  margin: 0px auto 120px auto;
}

form.whiteboard_forms fieldset {
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 30px;
  padding: 10px;
  border: 1px solid #d6d6d6;
  width: 600px;
}


form.classic_forms fieldset {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 600px;
  border: 1px solid #000;
}

form.classic_forms .float_format .label_wrapper {
  float: left;
  text-align: right;
  width: 250px;
  margin-right: 12px;
}

form.classic_forms .list_format .label_wrapper {
}


form.classic_forms .input_wrapper {
  width: 300px;
}

form.classic_forms .float_format .input_wrapper {
  text-align: left;
  float: left;
}

form.classic_forms .list_format .input_wrapper {
}



form.classic_forms .error_wrapper {
  color: red;
}

form.classic_forms .float_format .error_wrapper {
  float: left;
  width: 300px;
  margin-left: 262px;
}

form.classic_forms .row_wrapper {
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}

form.classic_forms h3 {
  margin-top: 24px;
  margin-bottom: 24px;
  text-align: center;
}

form.classic_forms input.submit_button {
  margin: 24px auto 24px auto;
  display: block;
}

/* FIXME: Cheating, should wrap in a div and auto-center */
/*form #agent_tos {
  margin-left: 150px;
}*/

form#new_agent {
  margin-bottom: 12px;
}