body {background: #FFF url("../images/background_header.jpg") repeat-x; margin: 0; text-align: center; font-family: 'Arial', sans-serif; color: #555; font-size: 12px;}

.mceContentBody {background: none; text-align: left;}

#header { z-index: 20; background: #FFF url("../images/american_land_grab.png") no-repeat; height: 120px; width: 950px; text-align: left; position: relative; margin-bottom: 30px;}
#affiliate-logo { position: absolute; top: 0px; left: 230px; color:white; display: block;}

#siteframe { width: 950px; text-align: center; margin: 0 auto; padding: 0; }

#account-bar {
	position: absolute;
	height: 30px;
	width: 400px;
	font-size: 11px;
	color: #999;
	right: 0px;
	top: 20px;
}

#account-bar a:link, #account-bar a:visited {color: #869ECF; text-decoration: none; font-weight: normal;}
#account-bar a:hover {color: #869ECF; text-decoration: none;}

#content {width: 950px; padding: 0; margin: 0 auto; text-align: left;}
#full {padding:10px;}
#main {width: 650px; text-align: left; padding: 0 0 20px 0;}
#sidebar, #sidebar-dashboard
{
	float: right;
	width: 280px;
	font-size: .9em;
	text-align: left;
	padding: 0 0 20px 0px;
	min-height: 400px;
	background: #FFF url(/images/right-column-bg.png) no-repeat left top;
	margin-left: 20px;
}

#sidebar-blank {float: right; width: 280px; text-align: left; padding: 0 0 20px 0px; margin-left: 20px;}

#sidebar div.title { padding: 5px 0px 5px 10px; margin-bottom: 5px; border-bottom: 1px solid #CCCCCC; color: #333333; font-size: 14px; font-weight: bold; font-family: Helvetica; }

html { overflow-y: scroll; }

#billboard-main {background: transparent url('/images/billboard-large-3books.jpg') no-repeat; width:950px; height: 380px; margin: 0 0 10px 0;}
#billboard-main h1 {font-family: 'Georgia', serif; color: #CC0000; font-weight: normal; font-size: 36px;}
#billboard-main p {font-family: 'Arial',sans-serif; color: #999; font-size: 20px; font-weight: lighter; line-height: 22px;}

ul#sub-nav li {
padding: 2px;
margin: 0 0 4px 6px;
list-style-image: url(/images/arrow.jpg);
vertical-align: middle;
}

#emailsignup {
background: transparent url('/images/adblock-notifications.jpg') no-repeat;
width: 260px;
height: 120px;
padding: 10px 10px 10px 14px;
text-align: left;
}

/* IMAGES */

img {border:0;}

img.right {
float: right;
padding: 0px 0px 0px 12px;
border: 0;
}

img.left {
float: left;
padding: 0px 12px 0px 0px;
border: 0;
}

div#logo
{
	padding: 0;
	border: 0;
	position: absolute;
	top: 0;
	left: 0px;
	top: 20px;
}

img.ad {
border: 0;
padding: 0 0 10px 0;
}

/* FOOTER */

#footer-background {background: #FFF url("../images/footergradient.jpg") no-repeat; margin: 0px auto; width: 950px; }
#footer {width: 950px; margin: 0 auto; padding: 10px 0 30px 0; font-size: .9em; line-height: 16px; text-align: left; color:#CCC;}
#footer p {color: #CCC; margin: 0 auto; text-align: left;}
#footer a:link, #footer a:visited {color: #666; text-decoration: none; font-weight: normal;}
#footer a:hover {color: #333; text-decoration: none;}

#footerNav {
float: left;
text-align: left;
}

#footerLegal {
text-align: right;
}

.horizontal-line {border-bottom: 1px #CCC dashed; margin: 18px 0 18px 0;}

/* DYNAMIC BUTTON */

.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%;
}

a.button {
background: transparent url('../images/button-left.png') no-repeat top left;
display: block;
float: left;
font-size: .8em;
font-weight: bold;
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background */
height: 26px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.button, a:visited.button, a:hover.button, a:active.button {
color: #FFF;
}

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

a:hover.button {
text-decoration: none;
color: #F9F0D8;
}


/******* Fonts, links, etc. *******/
h1 {
text-align: left;
font-size: 1.8em;
color: #CC0000;
font-weight: normal;
padding: 0;
margin: 0 0 4px 0;
}

h1 a:link, h1 a:visited {color: #CC0000; text-decoration: none; font-weight: bold;}
h1 a:hover {color: #333; text-decoration: none;}

h2 {
text-align: left;
font-size: 1.3em;
color: #888;
font-weight: normal;
padding: 0;
line-height: 1.3em;
margin: 0 0 5px 0;
}

h3 {
text-align: left;
font-size: 1.2em;
color: #333;
font-weight: bold;
padding: 0;
margin: 0 0 5px 0;
}

p {
font-size: 1em;
text-align: left;
line-height: 18px;
margin: 0 0 15px 0;
}

.micetype {
font-size: .8em;
color: #999;
line-height: normal;
}

a:link, a:visited {color: #CC0000; text-decoration: none; font-weight: normal;}
a:hover {color: #333; text-decoration: none;}

/* quote box */

.quoteBox {
background: #DEDEDE url('/images/quote-top.gif') no-repeat top center;
width: 650px;
margin: 30px 0 0 0;
color: #666;
padding:0 0 5px 0;
font-size: 12px;
text-align: center;
}

.quoteBoxBottom {
background: transparent url('/images/quote-bottom.gif') no-repeat top center;
width: 650px;
height: 24px;
margin: 0 0 8px 0;
}

p.quote {
padding: 12px 18px 6px 18px;
margin: 0 auto;
text-align: left;
color: #666;
font-size: 16px;
font-family: 'Georgia', serif;
line-height: 22px;
}

p.credit {
padding: 0 18px 0 40px;
text-align: left;
color: #999;
font-size: 12px;
line-height: normal;
}

/* DYNAMIC BUTTON */

.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%;
}

/* YELLOW BUTTON */
a.button-yellow{
background: transparent url('../images/button-left.jpg') no-repeat top left;
display: block;
float: left;
font-size: .9em;
font-weight: bold;
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 26px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.button-yellow, a:visited.button-yellow, a:hover.button-yellow, a:active.button-yellow{
color: #FFF;
}

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

a:hover.button-yellow{
text-decoration: none;
color: #CFD6E5;
}

/* GRAY BUTTON */
a.button-gray{
background: transparent url('../images/button-left-gray.png') no-repeat top left;
display: block;
float: right;
font-size: .9em;
font-weight: bold;
line-height: 18px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
height: 26px; /* Height of button background height */
padding-left: 8px; /* Width of left menu image */
text-decoration: none;
}

a:link.button-gray, a:visited.button-gray, a:hover.button-gray, a:active.button-gray{
color: #FFF;
}

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

a:hover.button-gray{
text-decoration: none;
color: #F2F2F2;
}

/****************** MAIN NAVIGATION ******************/

#mainNav {
height: 32px;
margin: 0 auto;
position: relative;
bottom: -80px;
left: 0px;
text-align: left;
z-index: 10;
}

ul#nav, ul#nav li {
float: left;
list-style: none;
margin: 0 auto;
padding: 0px;
height: 40px;
cursor: pointer;
}

ul#nav { float: left; }
ul#nav li { position: relative; }

ul#nav {
font-size: 1em;
text-align: center;
font-weight: bold;
}

ul#nav a, ul#nav a:visited {
color: #ABB5CC;
text-decoration: none;
display: block;
margin: 1px;
padding: 8px 16px 8px 16px;
font-weight: bold;
}
html > body ul#nav a, ul#nav a:visited { height: 23px; }

ul#nav a:hover {
color: #FFF;
text-decoration: none;
display: block;
}
html > body ul#nav a:hover { height: 23px; }

#nav li:hover { background: transparent url(../images/nav_arrow_active.png) no-repeat bottom center; }
#nav li.active { background: transparent url(../images/nav_arrow_active.png) no-repeat bottom center; }
#nav li.selected a, #nav li.active a {
	color: #FFF;
	text-decoration: none;
	display: block;
}

/******** Sub Navigation ********/

#subnavigation
{
	padding: 0 0 10px 0;
	margin-top: 20px;
	text-align: left;
}

ul#subnav, ul#subnav li {
	list-style: none;
	margin: 0 auto;
	padding: 0;
}

ul#subnav li { border-bottom: 1px solid #BED3E7; }

ul#subnav {
	color: #999;
	border-top: 1px solid #BED3E7;;
}

ul#subnav a, ul#subnav a:visited {
color: #5496D9;
text-decoration: none;
display: block;
margin: 0 auto;
padding: 4px 0 4px 10px;
}

ul#subnav a:hover {
color: #0066CC;
text-decoration: none;
display: block;
}

#subnav li a.subnav_active {
background-color: #FFFFFF;
color: #0066CC;
text-decoration: none;
display: block;
font-weight: bold;
}

/* client logo bar */
div#client_bar { position: relative; width: 928px; height: 50px; background: transparent url(/images/logo-background.jpg) repeat-x; margin: 0px auto;}
div#client_rollover { width: 928px; height: 50px; background-color: #fff; position: absolute; left: 0px; z-index: 1; cursor: pointer; display: none;}
div#client_view { width: 175px; height: 35px; margin-top: 15px; left: 385px;position: absolute; z-index: 2; cursor: pointer; display: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='fixed', src='/images/view-client-list.png');}
html > body div#client_view { background: transparent url(/images/view-client-list.png) no-repeat; }
div.logo_container { width: 928px; overflow: hidden; position: absolute; left: 0px; margin-top: 10px; display: none; z-index: 0;}
div.logo_container img { vertical-align: middle; padding: 0 5px 0 5px;}

/* dro down menus */
/* ######### Style for Drop Down Menu ######### */
/*
.dropmenu{
	position:absolute;
	top: 0;
	font:normal 12px Arial;
	line-height:20px;
	z-index:100;
	background-color: #CC0000;
	width: 160px;
	visibility: hidden;
	text-align: left;
	-moz-opacity:.90; 
	filter:alpha(opacity=90); 
	opacity:.90;
}


.dropmenu a, .dropmenu a:link, .dropmenu a:visited  {
	width: auto;
	display: block;
	text-indent: 10px;
	padding: 4px 0;
	text-decoration: none;
	color: #EFCBB7;
}

* html .dropmenu a{
	width: 100%;
}

.dropmenu a:hover{ 
	color: white;
}
*/

/* FORMS */
form { margin: 0px; padding: 0px; }
dl.form { font-size: 12px; margin: 10px 0px 10px 0px;}
dl.form dt { font-weight: normal;}
dl.form dd { margin-left: 0px; padding-bottom: 5px; position: relative; font-weight: normal;}
dl.form dd input, dl.form dd select {width: 95%; padding-left: 2px; border: 1px solid #a0a0a0;}
dl.form dd textarea {width: 95%; padding: 2px; border: 1px solid #a0a0a0; height: 100px; font-size: 12px;}
dl.form dd.radio input{ width: auto; border: 0px; }
dl.confirm dt { float: left; font-weight: bold;}
dl.confirm dd { margin-left: 75px; font-weight:normal; }
dl.details {  margin: 5px 0px 15px 10px; }
dl.details dt { float: left; font-weight: bold; clear: left; padding-top: 4px;}
dl.details dd { margin-left: 150px; font-weight:normal; padding-top: 4px;}
dl.graph dd { margin-left: 250px; font-weight:normal; padding-top: 4px;}
dl.edit_form dt { font-weight: bold; }
dl.edit_form dt { position: relative;}

table.form_table { font-size: 12px; color: #000; margin-top: 10px; text-align: left; }
table.form_table th { text-align: left; padding: 0px 10px 3px 0px;}
table.form_table td { text-align: left; padding: 0px 10px 10px 0px;}
table.form_table td input,table.form_table td select { font-size: 12px; color: #000; border: 1px solid #A0A0A0; }

/* account overview */
div#account_overview { padding-top: 10px; text-align: left;}
div#account_overview label { display: block; font-size: 12px; font-weight: bold;}
dl#overview_table { font-size: 12px; margin: 10px 0px 10px 0px;}
dl#overview_table dt { float: left; font-weight: bold;}
dl#overview_table dd { margin-left: 125px; padding-bottom: 5px; font-weight: bold;}

/* form error */
div.error_box { background: transparent url(/images/form_error.gif) no-repeat left center; color: #CC0000; font-size: 12px; position: absolute; top: 2px; padding-left: 20px; font-family: 'Lucida Grande'; line-height: 16px; height: 16px; white-space: nowrap}
div.error_msg  { background: transparent url(/images/form_error.gif) no-repeat left center; color: #CC0000; font-size: 12px;padding-left: 20px; font-family: 'Lucida Grande'; line-height: 16px; height: 16px; white-space: nowrap; padding-bottom: 10px;}

/* property details page */
.property_label
{
	color:#364E68;
	font-size: 12px;
	font-weight: bold;
	display: block;
	margin-top: 10px;
}

/* property list styles */
td.productListing-heading 
{
	background:#F2F2F2 none repeat scroll 0;
	color:#333333;
	font-size:10px;
	padding:4px;
}

td.productListing-data 
{
	font-size:12px;
	font-weight:bold;
}

table.payment_history { font-size: 12px; margin-top: 10px;}
table.payment_history th {text-align: right; border-bottom: 1px solid #555; padding: 0px 5px 0px 2px;}
table.payment_history td {text-align: right; border-bottom: 1px solid #555; padding: 4px 5px 2px 0px;}
table.payment_history .date { text-align: left; }

table.contract_history { font-size: 12px; margin-top: 0px;}
table.contract_history th {text-align: left; border-bottom: 1px solid #555; padding: 0px 5px 0px 2px;}
table.contract_history td {text-align: left; border-bottom: 1px solid #555; padding: 4px 5px 2px 0px;}
table.contract_history .currency { text-align: right; }

table.terminal { font-size: 12px; margin-top: 5px;}
table.terminal th { text-align: left; padding: 0px 10px 0px 2px; }
table.terminal td { padding: 0px 10px 7px 0px; }
table.terminal td input { font-size: 12px; width: 150px; }
table.terminal td.radio input { width: auto; }
table.terminal td select { font-size: 12px; }

/* featured property */
div#featured-property { text-align: left; padding: 34px 0px 0px 0px; width: 260px; height: 420px; background: #FFF url(/images/featured-property-bg.jpg) no-repeat; }
div#fp-nav-box { position: relative; text-align: center; padding-top: 10px; }
div#fp-nav-box img {margin-bottom: 5px;}
div.fp-nav-left { position: absolute; top: 15px; left: 112px; width: 16px; height: 16px; background: transparent url(/images/feature_arrow_left_inactive.png) no-repeat; cursor: pointer; }
div.fp-nav-left-active { background: transparent url(/images/feature_arrow_left_active.png) no-repeat; }
div.fp-nav-right { position: absolute; top: 15px; left: 133px; width: 16px; height: 16px; background: transparent url(/images/feature_arrow_right_inactive.png) no-repeat; cursor: pointer; }
div.fp-nav-right-active { background: transparent url(/images/feature_arrow_right_active.png) no-repeat; }
div.property-box { position: relative; width: 228px; height: 320px; background: #FFF url(/images/property-box-bg.jpg) no-repeat top center; cursor: pointer; }
div.pb-img { width: 180px; height: 180px; position: absolute; left: 24px; top: 30px; }
div.pb-btn { width: 54px; height: 24px; position: absolute; left: 148px; top: 218px;}
div.pb-price { color: #003399; font-size: 24px; width: 120px; height: 24px; position: absolute; left: 26px; top: 218px; text-align: left; }
div.pb-details { position: absolute; left: 26px; top: 263px; text-align: left; color: #333; font-weight: bold; font-size: 16px; }
div.pb-details label { display: block; color: #999; font-size: 14px; }

/* property details page */
div.pd-info-box { margin-bottom: 15px; width: 620px; background: transparent url(/images/property-details-header.jpg) no-repeat top center; }
div.pd-info-box div.title { background: transparent url(/images/btn-toggle-closed.jpg) no-repeat 7px 9px; padding-left: 30px; font-size: 14px; color: #999; font-weight: bold; height: 34px; line-height: 34px; margin-bottom: 15px; cursor: pointer; }
div.pd-info-box div.closed { background: transparent url(/images/btn-toggle-open.jpg) no-repeat 7px 9px; color: #CC0000; }
.pd-info {text-align: left; font-size: 12px; color: #666; padding: 0px 10px;}
.pd-info label { display: block; font-size: 14px; color: #333; font-weight: bold; text-align: left; margin-top: 10px; white-space: nowrap;}
.pd-basic, .pd-basic label { text-align: left; }
div.pd-general {text-align: left; font-size: 12px; color: #000; padding: 0px 10px; font-family: Helvetica; }
div.pd-general label { font-family: Helvetica; display: block; font-size: 12px; color: #666666; text-align: left; margin-top: 10px; white-space: nowrap; margin-bottom: 5px; }
div#pd-title { color: #333; font-size: 22px; font-weight: bold; }
div#pd-item { color: #999; font-size: 12px; padding: 2px 0px; font-weight: normal;}
div#pd-btn-add { width: 80px; height: 24px; /*position: absolute; top: 56px; left: 90px; */ }
div#pd-photo-box { width: 620px; }
div#pd-photo-box-inner { width: 260px; padding-top: 50px; position: relative; }
div#pd-photo-large { z-index: 5; margin: 0px auto; width: 410px; margin-bottom: 10px;}
div.pd-option-closed { width: 70px; cursor: pointer; background: transparent url(/images/arrow-details-collapsed.jpg) no-repeat left center; padding-left: 15px; font-size: 11px; color: #0066CC; }
div.pd-option-open { background: transparent url(/images/arrow-details-expanded.jpg) no-repeat left center; }

table#pd-finance-option { font-size: 11px; color: #333; }
table#pd-finance-option td { text-align: left; padding-bottom: 2px;}
table#pd-finance-option th { text-align: left; padding: 4px 0px 2px 0px; border-top: 1px solid #CCC; }
table#pd-finance-option .currency{ text-align: right;}
table#pd-finance-option td.header { font-size: 14px; color: #0C3D9E; padding-bottom: 8px;}

table#pd-finance-option .column { padding: 0px 4px 0px 4px; border-right: 1px solid #ccc; }

/* Buy Land styles */
#search-filter-box { width: 260px; margin: 10px; background: transparent url(/images/search-filter-bg.jpg) no-repeat top center; }
#sf-table th { text-align: left; color: #CC0000; font-size: 20px; font-weight: normal; padding-bottom: 10px;}
#sf-table td { padding-bottom: 5px; }
#sf-table td select { font-size: 12px; width: 150px; }
#search-results { position: relative; left: -10px; margin-bottom: 10px;}

/* QuickSearch styles */
#quicksearch-field { font-size: 10px; }
#quick-search-results { position: absolute; width: 300px; background-color: #FFF; border: 1px solid #ccc; z-index: 10; display: none;}
div#quick-search-close { position: absolute; width: 26px; height: 26px; cursor: pointer; z-index: 11; display: none; }
html > body div#quick-search-close { background: transparent url(/images/close.png) no-repeat; }

/* old styles */
.contractcontainer {margin: 0 auto; padding: 2px 10px 2px 10px;}
div.billingcontainer {margin: 4px 0 4px 0; padding: 5px; background-color: #FFF;}
.propertycontainer {margin: 4px 0 4px 0; padding: 5px; background-color: #FFF;}
.propertycontainer div.image {float: left; width: 80px; margin-right: 5px; }
.propertycontainer div.info {float: left; width: 440px; margin-right: 5px;}
.propertycontainer div.info label { display: block; font-weight: bold; margin-top: 10px; }
.propertycontainer div.buttons {float: left; width: 105px; margin-right: 5px;}

/* ROUNDED BOX */
.roundedbox {background:#EDF5F8; margin: 15px 0 15px 0;}
.rtop, .rbottom{display:block;background:#fff;}
.rtop *, .rbottom *{display: block;height: 1px;overflow: hidden;background:#EDF5F8;}
.r1{margin: 0 5px}
.r2{margin: 0 3px}
.r3{margin: 0 2px}
.r4{margin: 0 1px;height: 2px}

.roundedbox-white {background:#FFF; margin: 10px 0 10px 0;}
.rtop-white, .rbottom-white {display:block; background: #EDF5F8;}
.rtop-white *, .rbottom-white *{display: block; height: 1px; overflow: hidden; background: #FFF;}

table.membership { font-size: 12px; }
table.membership td { padding: 0px 5px 5px 0px; }


/* drop menu styles for navigation */
ul#nav li div.dropmenu
{
	display: none;
	position: absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
	left: 0px;
	top: 40px;
	z-index: 1;
	padding:0px;
}

ul#nav li div.dropmenu div.menutop
{
	height: 4px;
	width: 166px;
	font-size: 1px;
}


ul#nav li div.dropmenu div.menubody
{
	text-align: center;
	width: 166px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/dropdown-background.png', sizingMethod='scale');

}
html > body ul#nav li div.dropmenu div.menubody
{
	width: 166px;
	background: transparent url(/images/dropdown-background.png) repeat-y;
}

ul#nav li div.dropmenu div.menubottom
{
	width: 166px;
	height: 6px;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader (src='/images/dropdown-bottomcap.png', sizingMethod='crop');
}

html > body ul#nav li div.dropmenu div.menubottom
{
	background: transparent url(/images/dropdown-bottomcap.png) no-repeat bottom center;
}

ul#nav li div.dropmenu div.menubody ul {
	float: none;
	list-style: none;
	margin: 0px auto;
	padding: 0px;
	width: 160px;
}
ul#nav li div.dropmenu div.menubody ul li
{
	float: none;
	text-align: left;
	margin: 0; padding: 0;
	width: 160px;
	border-bottom: 1px solid #CCE0F5;
	background-color: #FFF;
	height: 30px;
	
}


ul#nav li div.dropmenu div.menubody ul li a
{
	font-weight: normal;
	display: block;
	width: 140px;
	padding: 0px 0px 0px 20px;
	line-height: 30px;
	height: 30px;
	color: #0066cc;
	overflow: hidden;
	margin: 0px;
}
ul#nav li div.dropmenu div.menubody ul li a:hover {color: #0066cc;background-color: #E5EFFA; }

/* Dashboard Styles */
div#profile-summary { padding-left: 10px; }
.ps-photo-box { float: right; width: 60px; margin-left: 2px; }
.ps-photo-box a { margin-top: 5px; display: block; }
.ps-info-box { float: left; width: 208px; }
.ps-info-box label { font-size: 20px; font-family: Helvetica; color: #CC0000; display: block; margin-bottom: 5px;}
.ps-info-box div { color: #333; line-height: 20px; height: 20px; float: left;}
.ps-info-box div.psi-label { clear: left;}
.ps-info-box div.psi-value { font-weight: bold; padding-left: 3px; }
.ps-info-box div.psi-help { cursor: pointer; padding-right: 20px; background: transparent url(/images/btn-question-mark.jpg) no-repeat right center;}
div.help-overlay { display:none; background-image:url(/images/overlay/white.png); width:500px; padding:35px; font-size:11px; }
div.help-overlay div.close { background-image:url(/images/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }
div.help-overlay.black { background-image:url(/images/overlay/transparent.png); color:#fff;}


/* draggable box */
.dd-box { }
.ddb-header { line-height: 40px; height: 40px; color: white; background: transparent url(/images/dd-title-bg.jpg) repeat-x; }
.ddb-content { padding: 10px; border-bottom: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #999; }
.ddb-content label { display: block; font-size: 14px; color: #999; margin-bottom: 20px; }
.ddbh-arrows { float: left; width: 10px; height: 40px; /*width: 35px; height: 40px; background: transparent url(/images/dd-title-arrows.png) no-repeat;*/ }
.ddbh-title {width: 110px; float: left; color: white; line-height: 40px; height: 40px; font-size: 18px; }
.ddbh-button { float: right; width: 150px; margin-right: 10px; text-align: right; color: white; line-height: 40px; height: 40px; }
.ddbh-button img { margin-top: 10px;}
.ddb-content .label { float: left; color: #333; font-weight: bold; font-size: 14px; }
.ddb-content .link { float: right; color: #0066CC; font-size: 12px; font-weight: bold; padding-right: 20px; cursor: pointer; background: transparent url(/images/plus.png) no-repeat center right; }

#lrg_con {width: 660px; margin-bottom: 20px;}
#lt_con {float: left; width: 320px;}
#rt_con {float: right; width: 320px;}

/* lesson display box */
div.lesson-box { border: 1px solid #CCC; background-color: #F5F5F5; margin-bottom: 5px;  }
div.lb-title-lt { cursor: pointer; width: 400px; float: left; color: #666; font-size: 16px; height: 40px; line-height: 40px; padding-left: 25px; background: transparent url(/images/arrow-collapsed.png) no-repeat 10px center; }
div.lb-title-rt { text-align: right; width: 150px; float: right; margin-right: 10px; color: #666; font-size: 12px; height: 40px; line-height: 40px; padding-right: 25px; }
div.lb-content { display: none; padding: 10px; }
div.lb-content label { display: block; color: #333; font-size: 14px; }
div.lb-content span { display: block; font-size: 10px; color: #999; margin-bottom: 10px; }
div.lb-content table th { font-weight: normal; font-size: 11px; color: #999; border-bottom: 1px solid #ccc; padding-bottom: 5px; }
div.lb-content table td { font-size: 13px; color: #333; height: 40px; line-height: 40px; border-bottom: 1px solid #ccc;}

div.lb-add { background-color: #EBEBEB; border: 1px solid #AEAEAE; }
div.lb-add div.lb-title-rt { background: transparent url(/images/plus.png) no-repeat center right;  padding-right: 15px; color: #0066CC; cursor: pointer; font-weight: bold;}
div.lb-add div.lb-title-rt a{ color: #0066CC; font-weight: bold; font-size: 12px;}

div.lb-open { background-color: #FFF; }
div.lb-open div.lb-title-lt { color: #333; background: transparent url(/images/arrow-expanded.png) no-repeat 10px center; }
div.lb-open div.lb-title-rt { color: #333; }


div.lb-title-complete { background: transparent url(/images/cm-active.png) no-repeat right center; }
div.lb-title-incomplete { background: transparent url(/images/cm-inactive.png) no-repeat right center; }

div.slider-viewport { overflow: hidden; position: relative; height: 173px; margin: 0px auto; }
div.slider-items { position: absolute; height: 170px; }
div.slider-item { float: left; margin-right: 30px; line-height: 16px; height: 170px; width: 100px; position: relative;}
div.slider-item img { margin-bottom: 5px; }
div.slider-item div { text-align: left; }
div.slider-item div.property-info { text-align: center; line-height: 18px;}
div.slider-item div.property-info img { margin-top: 5px; }
div.slider-item div.prop-sold {position: absolute; width: 100px; height: 100px; background: transparent url(/images/sold.png) no-repeat 0px 25px; z-index: 1; }
div.slider-item div.prop-undercontract {position: absolute; width: 100px; height: 100px; background: transparent url(/images/undercontract.png) no-repeat 0px 25px; z-index: 1;  }

/* Styles for flash player */
#player-overlay { display:none; background-image:url(/images/overlay/white-player.png); width:700px;  height: 400px; padding:35px; font-size:11px; }
div#player-overlay div.close { background-image:url(/images/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }
div#player-overlay.black { background-image:url(/images/overlay/transparent.png); color:#fff;}

/* chapter styles */
ul#breadcrumb { list-style: none; margin: 0px; padding: 0px; position: relative; top: -5px; }
ul#breadcrumb li { font-size: 11px; margin-right: 5px; px; list-style: none; display: block; float: left; padding-right: 15px; height: 24px; line-height: 24px; color: #0066CC; background: transparent url(/images/breadcrumb.png) no-repeat right center; cursor: pointer;}

div#chapter-title { font-size: 22px; color: #333; font-weight: bold;  font-family: Helvetica; }
div.chapter-status { padding-left: 25px; color: #666; font-size: 12px; margin-top: 10px; }
div.chapter-incomplete { background: transparent url(/images/cm-inactive.png) no-repeat left center; }
div.chapter-complete { background: transparent url(/images/cm-active.png) no-repeat left center; }

div#tabs-cont { border-bottom: 1px solid #999; position: relative; height: 30px; padding-left: 5px; margin-top: 10px; }
ul#tabs { list-style: none; margin: 0px; padding: 0px; position: relative;  }
ul#tabs li { position: relative; top: 1px; float: left; margin-right: 2px; width: 108px; height: 30px; line-height: 30px; background: transparent url(/images/tab-inactive.png) no-repeat; text-align: center; color: #999; font-size: 12px; font-weight: bold; font-family: Helvetica; cursor: pointer; }
ul#tabs li.active-tab { background: transparent url(/images/tab-active.png) no-repeat; color: #333; cursor: default; }
.chapter-content { display: none; padding: 15px; height: 500px; overflow: auto;}
#chapter-quiz { display:none; background-image:url(/images/overlay/white.png); width:640px; height: 500px; padding:40px; font-size:11px; }
div#chapter-quiz div.close { background-image:url(/images/overlay/close.png); position:absolute; right:5px; top:5px; cursor:pointer; height:35px; width:35px; }
div#chapter-quiz img.close { cursor: pointer; }
div#chapter-quiz.black { background-image:url(/images/overlay/transparent.png); color:#fff;}
div#chapter-quiz-title { padding-left: 20px; font-size: 22px; color: #333; font-family: Helvetica; background: transparent url(/images/quiz-icon.png) no-repeat left center; margin-bottom: 10px; }
div#chapter-quiz-counter { background: transparent url(/images/breadcrumb.png) no-repeat right center; height: 24px; line-height: 24px; padding-right: 20px; font-size: 11px; color: #999; }
.chapter-quiz-question { font-size: 18px; color: #999; padding-left: 10px; font-family: Helvetica; }
.chapter-quiz-answers { padding-left: 20px; padding-top: 10px;}
.chapter-quiz-answers table { font-size: 14px; color: #333; font-family: Helvetica; }
.chapter-quiz-answers table td { padding-right: 10px; padding-bottom: 10px; }
div#chapter-next { float: right; font-size: 11px; color: #999; background: transparent url(/images/arrow-next.jpg) no-repeat right center; padding-right: 15px; width: 250px; cursor: pointer; text-align: right; }
div#chapter-prev { float: left; font-size: 11px; color: #999; background: transparent url(/images/arrow-prev.jpg) no-repeat left center; padding-left: 15px;  width: 250px; cursor: pointer;}

div.tool-link { font-size: 14px; line-height: 25px; height: 25px; cursor: pointer; color: #CC0000; padding-right: 5px; }

/* education styles */
div#education-title { font-size: 22px; color: #333; font-weight: bold; margin-bottom: 15px; font-family: 'Helvetica'; }
.education-content { padding: 10px; }
.education-content .label { float: left; color: #333; font-weight: bold; font-size: 14px; }
.education-content .score { float: right; color: #333333; font-size: 13px; }

/* alg bucks table */
table.mybucks, table.bucks { font-size: 12px; }
table.bucks td { padding-right: 20px; }
table.bucks td.used, th.used { color: #CC0000; }
table.bucks th { text-align: right; }
table.mybucks th { text-align: left; }
table.mybucks th.numeric { text-align: right; }
table.mybucks td.numeric { text-align: right; }
table.mybucks th { padding: 0px 3px 5px 3px; border-bottom: 2px solid #999; }
table.mybucks td { padding: 5px 2px; border-bottom: 1px solid #999; }


/* transaction history table */
table.history-table { font-size: 12px; }
table.history-table tr.alt-row { background-color: #eee; }
table.history-table th { text-align: left; border-bottom: 1px solid black; padding: 5px; }
table.history-table td { padding: 5px; }
table.history-table td.currency { text-align: right; }