body { margin: 0; padding: 0; 
       background: #FBFBFB url('Images/background.jpg') repeat-x left bottom; 
       font-size:9pt; 
       font-family:Arial;
       height:100%; }
a img { border: 0;}
a { color: #666666; text-decoration: none;}
a:hover { text-decoration: underline;}
.blue { color: #0f3063;}
h1 { font-size: 24px; margin: 15px 0 15px 0; line-height: 20px;}
.clear { clear: both;}
.pcenter { text-align: center;}
.pdtop { padding-top: 15px;}
.tud { font-weight: bold; text-decoration: underline;}
.pictr img{ padding: 8px 0 5px 15px;}
.pictl img{ padding: 5px 15px 5px 0;}
.f_left{ float: left;}
.f_right{ float: right;}
.ta_left { text-align: left;}
.ta_right { text-align: right;}
.large_font { font-size: 14px; font-weight: bold;}
.cred{ color: Red;}
.fbold { font-weight: bold;}
.cms {font-size: 20px;}
.lpd {font-weight: bold; text-align: center; text-decoration: underline;}
.bu { font-weight: bold; text-decoration: underline;}
.mr-ml { margin-top: -20px; margin-left: 95px; height: 65px;}
.flash-welcome {float: right; padding-left: 15px;}
.ErrorMessage { padding-left: 105px;}

/* ----- Header ------*/
#header{  padding: 0;height:75px;background:url('Images/header.jpg') repeat-x left top;width:100%; margin:0;}      

#header .header-content{ margin:0 auto; width:921px; position: relative;}
#header .header-content .ltum { position: absolute; top: 30px; left: 345px; color: #00f; text-decoration: underline;}
#header .header-content .ltum:hover { text-decoration: none;}

#header .header-content .breakcrume {text-align: right; padding-top: 20px; font-weight:bold; color:#B3B3B3; float:left; width:555px;} 
* html #header .header-content .breakcrume{width: 565px;}

#header .header-content .logo{float: left; width: 321px;}

*html #header .header-content .logo {margin-bottom: -3px;}

/* ----- Content ----- */
#main{margin: 0;padding: 0;background:url(Images/earth.jpg) no-repeat center bottom; 
      width:100%;
      height:100%;
      position:relative;
}
* html #main{height:100%;}
#main2{margin: 0; padding: 0; background:url('Images/line_header.jpg') repeat-x center top;min-height:100%;height:100%;}
* html #main2{height:100%;}

#left {position:absolute; width: 84px;margin: 0;padding: 0;height:100%; left:0px; top:0px; }
#right
{
		margin : 0;padding: 0;
       background:url('images/r_bg.png') repeat-y left top;   
       min-height:800px; height:100%; 
       position:absolute; 
       right:89px; 
       top:0px;
       width:21px;
}

* html #right
{ 
    background:none;     
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='scale', src='App_Theme/Images/r_bg.png');
    width:21px;    
}   

#middle{width:921px; margin:0 auto; background: url('Images/line_content.png') repeat-y left bottom; height: 100%; text-align: justify;}
#middle-other{width:921px; margin:0 auto; background: url('Images/line_content_full.png') repeat-y left bottom; height: 100%; text-align: justify;}
#middle-other .content-middle{position:relative; height: 100%; padding: 15px 15px 0 15px; min-height: 520px; width: 837px; margin-left: 21px; background:url('Images/m_content.png') repeat-x left top;}
.top-bgcontent {background: url('Images/top_content_full.png') no-repeat left top;}

* html .top-bgcontent 
{
	background:none; 
}

* html #middle-other
{
	background:none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='App_Theme/Images/line_content_full.png',sizingMethod='scale');
}

* html #middle
{
	background:none; 
	width:921px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Theme/Images/line_content.png',sizingMethod='scale');  
}

#middle .column-in{margin: 0; padding: 0;}
#menu
{
	float: left;
	width: 250px; 
	margin: 0; 
	padding: 0;
	min-height:700px;
	min-height:545px;
	margin-left: 39px;
	background:url('images/menu_line.png') no-repeat left top;
}
.menu_short
{
	min-height:480px !important;
}

* html #menu
{	
	margin-left: 18px;
	width:245px;
	height:700px; 
	float: left;
    background:none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Theme/Images/menu_line.png',sizingMethod='crop');
}

#content
{
	margin-right: 0; 
	width: 603px;         
	float: left;
	height:100%;
	min-height:680px;
	background: url('Images/top_content.png') no-repeat left top;
}
.content_short
{
	margin-right: 0; 
	width: 603px;         
	float: left;
	height:100%;
	/*min-height:680px;*/
	min-height:480px !important;
	background: url('Images/top_content_short.png') no-repeat left top !important;
}
#content a { color: #0070c0; text-decoration: underline;}
#content a:hover { text-decoration: none;}

* html #content
{
	float: left;
	width: 603px;
	margin-left: 8px;	
	background:none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Theme/Images/top_content.png',sizingMethod='crop');
}

* html .content_short
{
	float: left;
	width: 603px;
	margin-left: 8px;	
	background:none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Theme/Images/top_content_short.png',sizingMethod='crop');
}

#content .c_middle{ float: left; width: 545px; background:url('images/m_content.png') repeat-x left top; padding: 0 15px; margin: 0 15px; line-height: 20px; position: relative;}


*html #content .c_middle
{
	width: 536px; 
	padding: 20px 20px 0 20px;
	margin-left: 7px;
}

.fix-content
{
	position:absolute;
	background:url('images/l_bg.png') repeat-y left top;
	min-height:800px; height:100%;
	width:50px;
	left:361px;
}
	

.cleaner{clear: both;height: 1px;font-size: 1px; border: none;margin: 0;padding: 0;background: transparent;}
#footer{ margin-top:20px; width:99%; text-align:center; margin-bottom:0;}
#footer ul li{ list-style: none; display: inline;}
#footer { text-align: center;}
#footer ul { margin: 10px 0; padding: 0;}
#footer ul li{ list-style: none; display: inline; padding: 0 5px; color:#515151; font-weight:bold;}
#footer ul li a{ font-weight:bold;}
#footer ul li span{ margin-left:10px;}
#footer .pf {width: 610px; margin: 0 auto;}
        
.menu
{
	padding:15px 0 0 5px;
}
.home{ padding-left:3px; font-weight:bold;}
.home-sitemap{ padding-left:3px; font-weight:bold; font-size:10pt;}


.bold{font-weight:bold;}
.underline{ border-bottom:solid 1px #000; padding-bottom:5px;}
.title {text-align: center; font-weight: bold; text-decoration: underline;}
.udline { text-decoration: underline;}
.col1 {float: left; width: 110px;}
.col2 {float: left; width: 100px;}
.col3 {float: left; width: 40px;}
.col4 {float: left; width: 155px;}
.col5 {float: left; width: 20px;}
.col6 {float: left; width: 120px;}

.contactus {padding-left: 15px;}
.contactus .top_img_cu {padding-top: 20px;}
.contactus .box_left {float: left; padding-right: 15px;}
.contactus .box_right {float: left; border-left: solid 1px #d2d2d2; padding-left: 15px;}
.contactus .box_right .address {margin-top: 0; padding-right: 15px; color: #333; float: left;}
.contactus .box_right .a_info {float: left; padding-bottom: 15px;}
.contactus .box_right .phone {margin-top: 0; padding-right: 28px; color: #333; float: left;}
*html .contactus .box_right .phone
{
	padding-right: 30px;
}
.contactus .box_right .p_info {float: left;padding-bottom: 15px;}
.contactus .box_right .email { color: #333; margin-top: 0px; float: left;}
.contactus .box_right .e_info {float: left; padding-left: 35px;padding-bottom: 15px;}
* html .contactus .box_right .e_info 
{
	padding-left: 38px;
}
.contactus .box_right .website { color: #333; margin-top: 0px; float: left;}
.contactus .box_right .w_info {float: left; padding-left: 16px;}
*html .contactus .box_right .w_info 
{
	padding-left: 17px;
}

.contactus .cu_email {background: url('../App_Resource/Icons/email.jpg') no-repeat left center; line-height: 25px; padding-left: 35px;}
.contactus .cu_web {background: url('../App_Resource/Icons/web.jpg') no-repeat left center; line-height: 25px; padding-left: 35px;}
.contactus .cu_livechat {padding-bottom: 8px; padding-left: 35px; vertical-align: middle;}
.contactus .cu_twitter { padding-left: 20px;vertical-align: middle;}
.contactus .cu_icon {padding-bottom: 4px; padding-left: 5px; vertical-align: middle;}
* html .contactus .cu_icon 
{
	padding-left: 3px;
}
.contactus .cu_title { color: #333;}
.contactus .margintopzero { margin-top: 0;}

* html .contactus .cu_livechat { padding-top: 15px; padding-left: 45px;}

#map_canvas {width: 100%; height: 400px}

.error {  
    padding: 0 3px;  
    margin: 3px;  
	color: #ff0000;
}  

.susscess {  
    padding: 0 3px;  
    margin: 3px;  
	color: #0000ff;
} 

.text-login {width: 40%; float: left; text-align: right; padding-right: 15px;}
.text-login .ttlogin {font-size: 25px; font-weight: bold; color: #0f3063;}
.text-login .ctlogin {font-size: 14px; font-weight: bold;}


#form_login { background: url('Images/box-login.png') no-repeat; width: 275px; height: 125px; text-align: right; float: left; padding: 15px 0 0 20px;}
#form_login .pd { padding-right: 20px;}
#form_login .err_mes {float: left; padding-top: 5px;}
#form_login .f_ct { position: relative;}
#form_login div { padding: 2px 0;}
* html #form_login
{
	background:none; 
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Theme/Images/box-login.png',sizingMethod='crop');
}

#form_login .white-color { color: #fff; display: block; width: 72px; float: left;}
* html #form_login .white-color 
{
	width: 68px;
}
#form_login .textbox { width: 180px; border: solid 1px #e1e2e4; background: #fff;}


#form_register
{
	width:800px;
}
* html #form_register
{
	width:806px;
}
*html .mr-ml { margin-top: -20px;  height: 65px;}

#form_register .col1 label
{
	display:block; float:left;
	width:105px;
}
#form_register .fix label
{
	float:none;
}

#form_register .col1 input
{	
	width:200px;
}
#form_register .col1 input .tbxsmall1
{
	width: 120px;
}
#form_register .col1{ width: 50%; float: left; text-align: left;}
#form_register .col2{ width: 50%; float: left; text-align: left;}

.b_register { background: url('Images/reg_n.png') no-repeat; border: 0; width: 100px; height: 25px;}
.b_register-hover {background: url('Images/reg_hover.png') no-repeat; cursor: pointer;}

.b_login { background: url('Images/login_n.png') no-repeat; border: 0; width: 78px; height: 25px;}
.b_login-hover {background: url('Images/login_hover.png') no-repeat; cursor: pointer;}

.b_save { background: url('Images/save_n.png') no-repeat; border: 0; width: 100px; height: 25px;}
.b_save:hover {background: url('Images/save_hover.png') no-repeat; cursor: pointer;}

.b_update { background: url('Images/update_n.png') no-repeat; border: 0; width: 100px; height: 25px;}
.b_update-hover {background: url('Images/update_hover.png') no-repeat; cursor: pointer;}

.b_cancel { background: url('Images/cancel_n.png') no-repeat; border: 0; width: 78px; height: 25px;}
.b_cancel-hover {background: url('Images/cancel_hover.png') no-repeat; cursor: pointer;}

.line-bw { background: url('Images/line-bw.jpg') repeat-x center; width: 321px; height: 25px;margin:0 auto;}

* html .b_register {background: url('Images/reg_n.png') no-repeat; border: 0; width: 100px; height: 25px; }   
* html .b_register-hover {background: url('Images/reg_hover.png') no-repeat; cursor: pointer;}   

* html .b_login { background: url('Images/login_n.png') no-repeat; border: 0; width: 78px; height: 25px;}
* html .b_login-hover {background: url('Images/login_hover.png') no-repeat; cursor: pointer;}

* html .b_update { background: url('Images/update_n.png') no-repeat; border: 0; width: 100px; height: 25px;}
* html .b_update-hover {background: url('Images/update_hover.png') no-repeat; cursor: pointer;}

* html .b_cancel { background: url('Images/cancel_n.png') no-repeat; border: 0; width: 78px; height: 25px;}
* html .b_cancel-hover {background: url('Images/cancel_hover.png') no-repeat; cursor: pointer;}

.none-lb { border-bottom: 0 !important;}
.none-lr{ border-right: 0 !important; width: 100% !important; height: auto !important;}
.n-lr { border-right: 0 !important;}
.h-at { height: auto !important;}

#offices-staff { width: 100%; margin-top: 15px;}
#offices-staff .table { border: solid 1px #aaa; margin: 5px 0;}
#offices-staff .table .tr { border-bottom: solid 1px #aaa;}
#offices-staff .table .tr .header { font-size: 14px; font-weight: bold; color: #0070c0; text-indent: 10px;}
#offices-staff .table .tr .td {float: left; border-right: solid 1px #aaa; /*height: 106px;*/ height: 80px;}

#offices-staff .table .tr .tdh { float: left; border-right: solid 1px #aaa; height: 20px;}

#offices-staff .table .tr .colname { width: 145px;}
#offices-staff .table .tr .colname .lv1 { text-indent: 25px;}
#offices-staff .table .tr .colname .lv2 { text-indent: 40px;}
#offices-staff .table .tr .colblank { width: 85px;}
* html #offices-staff .table .tr .colblank { width: 80px;}
#offices-staff .table .tr .colpict { width: 80px;}
#offices-staff .table .tr .colpict img { float: left; padding-left: 5px;}

#sh ul li{ list-style: none;}

#afplp {width: 100%; margin-top: 15px;}

#afplp .thead {border: solid 1px #aaa; font-weight: bold; text-decoration: underline;}
#afplp .bdr {border-right: solid 1px #aaa;}
#afplp .bd {border: solid 1px #aaa; border-top: 0;}
#afplp .bd a { color: #0070C0 !important; }
#afplp .bd a:hover { text-decoration: none !important;} 

#afplp .he { height: 45px;}
#afplp ul li { list-style: none; background: url('Images/icon_global.gif') no-repeat left top; padding-left: 25px;}
#afplp .bd a.bullet {text-decoration: none; color: #000; }
#afplp .bd a.bullet span.up{ background: url('Images/plus2.gif') no-repeat right center !important; width:8px; height:11px; padding-left: 5px;}
#afplp .bd a.bullet span.down { background: url('Images/minus2.gif') no-repeat right center !important; width:8px; height:11px; padding-left: 5px;}
#afplp .ct {border-bottom: solid 1px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa;  padding: 5px 5px; display: none;}
#afplp .col1{float: left; padding-left:5px; width: 150px;}
#afplp .col2 {float: left; padding-left:5px; width: 60px;}
#afplp .col3 {float: left; padding-left:5px; width: 80px;}
#afplp .col4 {float: left; padding-left:5px; width: 60px;}
#afplp .col5 {padding-left: 5px; float: left; width: 160px; text-align: left;}

.global-icon li
{
	background:transparent url(Images/icon_global.gif) no-repeat scroll left center;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:20px;
}
.global-icon li.fgi 
{
	background:transparent url(Images/icon_global.gif) no-repeat scroll left 3px;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	padding-left:20px;	
}
.udl { text-decoration: underline;}
.broker a { display: block; width: 266px; height: 85px; background: url('../App_Resource/Images/LeadDashboard/btnTFB1.jpg') no-repeat; color: #fff; margin: 25px auto;}
.broker a:hover {background: url('../App_Resource/Images/LeadDashboard/btnTFB1hover.jpg') no-repeat;} 
.clearhouse a { display: block; width: 263px; height: 83px; background: url('../App_Resource/Images/LeadDashboard/brokeragefirmdemo.jpg') no-repeat; color: #fff; margin: 25px auto;}
.clearhouse a:hover { background: url('../App_Resource/Images/LeadDashboard/brokeragefirmdemo_hover.jpg') no-repeat;}

.fcms a { display: block; width: 266px; height: 85px; background: url('../App_Resource/Images/LeadDashboard/btnTFB2.jpg') no-repeat; color: #fff; margin: 25px auto;}
.fcms a:hover { display: block; width: 266px; height: 85px; background: url('../App_Resource/Images/LeadDashboard/btnTFB2hover.jpg') no-repeat; color: #fff; margin: 25px auto;}

.bsButton a { display: block; width: 266px; height: 87px; background: url('../App_Resource/Images/BuySell/btnBuySell.png') no-repeat; color: #fff; margin: 25px auto;}
.bsButton a:hover { display: block; width: 266px; height: 87px; background: url('../App_Resource/Images/BuySell/btnBuySell_hover.png') no-repeat; color: #fff; margin: 25px auto;}

* html .bsButton a
{
	background:none; 
	cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Resource/Images/BuySell/btnBuySell.png',sizingMethod='crop');
}
* html .bsButton a:hover
{
	background:none; 
	cursor: pointer;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='App_Resource/Images/BuySell/btnBuySell_hover.png',sizingMethod='crop');
}

/*--right icon menu--*/
.righticon { background: url('Images/boxedarrow.gif') no-repeat right center; padding-right: 18px;}

.buysell {}
.buysell .tcenter { text-align: center; text-decoration: underline; margin:15px 0 0 0;}
.buysell .underlinebold { text-decoration: underline; font-weight: bold;}
.buysell table { text-align: left;}
.buysell table tr th { text-decoration: underline; font-weight: bold;}
.buysell table tr td { vertical-align: top; line-height: 15px;}
.buysell table .col1 { width: 40px; float: none;}
.buysell table .col2 {width: 140px; float: none;}
.buysell table .col3 {width: 120px; float: none;}
.buysell table .col4 {width: 90px; float: none;}
.buysell table .col5 {width: 120px; float: none;}
.buysell table .col6 {width: 140px; float: none;}