/* this is the main CSS page. */
/* import CSS */ 
@import url("/CSS/reset.css");              /* reset CSS */
@import url("/CSS/jquery.css");       /* this CSS include: tabs, slide, modal box, lightbox */
@import url("/CSS/menus.css");
@import url("/CSS/forms.css");
@import url("/CSS/typography.css");
@import url("/CSS/grid.css");
/* 
- - - - - - - - - - - - - - - - [ SEARCH BOX & RESULTS ] - - - - - - - - - - - - - - - -
 */
#cse-search-box input[type="text"] { background: none !important; }

#cse-search-results { overflow: hidden; width: 720px !important; }

div#cse-search-results iframe { width: 720px !important; }

table.ra { display: none !important; }

/*
  = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = 
 */
/* 
- - - - - - - - - - - - - - - - [ LAYOUT ] - - - - - - - - - - - - - - - -
 */
 body { padding: 20px;}

#livein {
	border: 1px solid #EEEEEE;
	margin: 20px 0px 20px 0px;
	padding: 5px;
	text-align: left;
	width: 960px;
}

#header { background-image: url('http://s3.amazonaws.com/xlsuite_production/assets/1732015/header.jpg'); overflow: hidden; padding: 5px; position: relative; width: 950px; height: 190px; }
a#headerLink { float:left; display:inline; width:900px; height:180px; }
#websiteTitle { width:500px; height:150px; }
#header h1 a { color: #4A4A4A; }

#content { font-size: 1.2em; overflow: hidden; padding: 5px 0px 5px 0px; width: 960px; }

#content a { font-weight:bold; }
#display {
	display: inline;
	float: left;
	padding: 5px 5px 5px 0px;
	position: relative;
	width: 715px;
}

.displayRight { display: inline; float: left; margin-bottom: 20px; position: relative; width: 100%; }

/* 
- - - - - - - - - - - - - - - - [ FOOTER ] - - - - - - - - - - - - - - - -
 */
#footer {
	clear: both;
	font-size: .9em;
	line-height: 100%;
	overflow: hidden;
	padding: 5px;
	text-align: center;
	width: 950px;
}

#footerCopy { float: left; text-align: left; width: 30%; }

#footerLinks { float: left; margin: 0 auto; text-align: center; width: 300px; }

#footerTerms { float: right; text-align: right; width: 30%; }

/*
  = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = 
 */
/* 
- - - - - - - - - - - - - - - - [ S I D E B A R ] - - - - - - - - - - - - - - - -
 */
#sidebar {
	background: #F4F4F4;
	color: #222222;
	display: inline;
	float: left;

	padding: 5px 5px 5px 5px;
	width: 228px;
        z-index:-10;
        -moz-border-radius: 5px;
        -webkit-border-radius: 5px;
        
}

/* 
- - - - - - - - - - - - - - - - [ BLOCKS in SIDEBAR ] - - - - - - - - - - - - - - - -
 */
.block { display: inline; float: left; width: 227px; margin-bottom:20px; }

.block h3 {
	background: #FBFBFB;
	border-left: 5px solid #FFA500;
	font: normal 14px sans-serif;
	margin-bottom: 10px;
	padding: 5px;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}

.block ul { margin: 5px 0px 0px 100px; }

.block ul  li { }

.block ul  li a { }

.block img {
	
	display: inline;
	float: left;
	margin-right: 5px;
	width: 72px;        
        background-color:#FAFAFA; border: 1px solid #eee;padding:5px;
}

.block p.blockDescription { display: inline; float: left; font-size: 10px; width: 135px; }

.block p.blockPrice { display: inline; float: left; font-size: 16px; font-weight: bold; width: 135px; }

span#moreInfo { float:right; margin-top:20px; }

#fpOptions > div { height: auto; overflow: hidden; width: 228px; }

#fpOptions li { display: inline; font-size: 13px; padding: 1px 3px 5px 3px; width: 33%; }

#fpOptions ul { list-style: none; margin: 0; padding: 0; }

#fullProfile { clear: left; }

#contactSidebar, #sendSidebar { display: none; float: left; }

/*
  = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = 
 */
/* 
- - - - - - - - - - - - - - - - [ PREFERENCES ] - - - - - - - - - - - - - - - -
 */
.preferences { border: 1px solid #DDDDDD; margin: 3px 0px 0px 0px; overflow: hidden; padding: 10px; }

#preferences ul             { }
#preferences ul li          { background: #DDDDDD;display: inline;font-size: 13px;padding-top: 3px; }
#preferences ul li a        { background-color: #0080C0; color: #FFFFFF; padding: 3px 10px 3px 10px; }
#preferences ul li.ui-tabs-selected a { background-color:#eee; color:#0080C0; }
#preferences ul li a:hover  { background: #FFFFFF; color: #0080C0; }

#addDescriptionBlock input    { clear: both; float: left; margin-top: 10px; }

#addDescriptionBlock textarea { clear: both; float: left; width: 143px; }

a.delete { display: inline; float: left; }

#addDescription { clear: both; cursor: pointer; float: left; margin-top: 20px; }

#post h1 a:hover { text-decoration: underline; }

#post h2 a:hover { text-decoration: underline; }

#post a.readMore { font-size: 10px; }

#post a.readMore:hover { font-size: 11px; text-decoration: underline; }

#post h1 a.CA { background: #DDDDDD; font-size: 14px; margin: 0px 0px 0px 70px; padding: 3px 5px 3px 5px; }

#post h2 a.CA { background: #DDDDDD; font-size: 14px; margin: 0px 0px 0px 70px; padding: 3px 5px 3px 5px; }

.paginate { margin: 40px 0px 0px 0px; text-align: center; }

.paginate a:hover { color: #4A4A4A; text-decoration: underline; }

#post span { margin: 0px 0px 0px 20px; }

#post3, #post1 p, #post2 { margin-top: 10px; }

#socialBlock { position: relative; }

#socialBlock a {
	display: inline;
        margin:0px 6px;
	font-size: 15px;
	line-height: 150%;
	text-align: center;
	width: auto;
}

#signUp { display: inline; float: left; margin-top: 10px; }

a.signUpLink { font-size: 14px; text-decoration: underline; }

#thankyou { display: inline; float: left; font-size: 13px; font-weight: bold; }

#titleLeft p { font-size: 22px; font-weight: bold; }


a.delete { display: inline; float: left; }

a.forgotPass, .fl, #searchProperty input { float: left; }

ul#sitemap li a { font-size: 14px; line-height: 140%; }

ul.feedItems li { line-height: 250%; list-style: none; list-style: outside; margin-left: -8px; }

.alert {
	background: #FFEEEE;
	border: 1px solid #FF9999;
	color: #800000;
	margin: 2px 0px 2px 0px;
	padding: 1px;
	text-align: center;
}

/*
  = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = 
 */
/* 
- - - - - - - - - - - - - - - - [ FRONTPAGE BLOCKS ] - - - - - - - - - - - - - - - -
 */
.fpbl {
	border: 1px solid #FFFFFF;
	display: inline;
	float: left;
	height: 150px;
	margin: 0px 5px 5px 0px;
	padding: 5px 5px 5px 0px;
	width: 343px;
}

.fpbl h3,
.fpbr h3 {
	background: #777777;
	color: #EEEEEE;
	line-height: 120%;
	padding: 5px 5px 5px 10px;
        text-transform: uppercase;        
        font-size: 1em;
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
}
.fpbl a,
.fpbr a {
         text-transform: capitalize; font-variant: normal; font-size: 12px; font-weight: bold;
        
}
.fpbr {
	border: 1px solid #FFFFFF;
	display: inline;
	float: left;
	height: 150px;
	margin: 0px 0px 5px 5px;
	padding: 5px;
	width: 343px;
}

#homePageNews, #homePageEvents { float:left; display:inline; overflow:hidden; height:125px; }
/* this rule hide some of the post. height:125px is related to the entire block. */

/* end frontpage blocks */

/* 
- - - - - - - - - - - - - - - - [ LISTINGS PRICE SLIDER ] - - - - - - - - - - - - - - - -
 */
.indicator {
	border: none;
	font-size: 1px;
	height: 10px;
	overflow: hidden;
	position: absolute;
	width: 20px;
}
.indicator:focus { background: #FF0000; }

/* aditions */
.mandatory { color: #FF0000; font-size: 1.2em; }

.notice {
	background: #EEEEFF;
	border: 1px solid #9999FF;
	color: #0000FF;
	margin: 2px 0px 2px 0px;
	padding: 1px;
	text-align: center;
}

/* plusses */
.oneLeft { display: inline; float: left; padding: 5px; width: 48%; }

.oneRight { border-left: 1px solid #EEEEEE; display: inline; float: left; padding: 5px; width: 48%; }

.paginate { margin: 40px 0px 0px 0px; text-align: center; }

.paginate a:hover { color: #4A4A4A; text-decoration: underline; }

.sideblock { border: 1px solid #FAFAFA; margin: 0px 0px 5px 0px; overflow: hidden;}

.sideblock h4 {
	background: #F9F9F9;
	border-left: 5px solid #FFA500;
	color: #777777;
	font-size: 1.2em;
	line-height: 100%;
	margin: 0px 0px 5px 0px;
	padding: 5px;
}

.sideblock h4 i { color: #333333; }

.sideblock span#price { color: #555555; font-size: 13px; font-weight: bold; }


.slider4 {
	border: 0px hidden #000000;
	height: 10px;
	position: relative;
	width: 316px;
        background-color: EEEEEE;
         background-color: #eee;
}

/* 
- - - - - - - - - - - - - - - - [ BREADCRUMBS ] - - - - - - - - - - - - - - - -
 */

#breadcrumbs { display: block; font-size: .8em; }

#breadcrumbs a { color: #0000FF; }

#breadcrumbs a:hover { color: #000000; }

#c_contact_request_extra_add_to_mailing { width: 20px !important; }


/*
  = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = 
 */
/* 
 - - - - - - - - - - - - - - - - [ SITEMAP ] - - - - - - - - - - - - - - - -
 */
ul#sitemap li { display: inline; float: left; list-style: none; margin: 5px; width: 90%; }

ul#sitemap li a {
	background: url('/z/folder.png') no-repeat;
	display: inline;
	float: left;
	font-size: 1.4em;
	line-height: 100%;
	padding: 3px 3px 3px 24px;
	width: 140px;
}

ul#sitemap li a:hover { background: url('/z/folderH.png') no-repeat; padding: 3px 3px 3px 24px; }

/*
  = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = 
 */
/* 
 - - - - - - - - - - - - - - - - [ TESTIMONIALS ] - - - - - - - - - - - - - - - -
 */
p.testimonials {
	display: inline;
	float: left;
	font-style: italic;
	line-height: 130%;
	margin: 0px;
	text-align: right;
	width: 100%;
}

p.testimonialsInfo {
	border-top: 1px solid #EEEEEE;
	display: inline;
	float: left;
	font-size: 1.2em;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 60px;
	padding: 3px;
	text-align: right;
	width: 100%;
}

/*
  = = = = = = = = = = = = = = = = = [ END ] = = = = = = = = = = = = = = = = = 
 */
/*  - - - - - - - - - - - - - - - - - - - GENERAL CODE USED ON LIVEINSKIN.XLSUITE.COM - - - - - - - - - - - - - - - - - */
 a.forgotPass { clear: left; float: left; /* forgot password link */ margin-top: 10px; }

#avatarFp { display: inline; float: left; margin: 5px; width: 70px; }
  
/* featured bussines */
#detailsFp { display: inline; float: left; height: 110px; margin-top: 10px; overflow: hidden; width: 260px; }

#detailsFp li { display: inline; float: left; font-size: 1em; list-style: none; width: 230px; }

#detailsFp li span { display: inline; float: left; font-weight: bold; width: 90px; }

#detailsFp p { font-weight: bold; }

/* featured bussines EOF */
img.stars { border: none !important; clear: none !important; margin-top: -18px !important; /*stars rating*/ }

#displayLeftNews iframe { margin: 0px 0px 7px 12px; /* iframe for single article page */ }

/* write a comment block */
#writeComment { display: none; float: left; margin: 0px 0px 0px 0px; overflow: hidden; width: 492px; }

#writeComments { display: none; float: left; margin: 0px 0px 0px 0px; overflow: hidden; width: 464px; }

/* other related news */
.related { display: inline; float: left; margin-bottom: 6px; width: 99%; }

.related h3 {
	font-size: 1.8em !important;
	line-height: 120%;
	margin: 5px 0px 10px 0px;
	overflow: hidden;
	padding-left: 5px;
}

.related h3 span {
	display: inline;
	float: right;
	font: 10px sans-serif;
	margin: -15px 5px 0px 0px;
	text-transform: uppercase;
}
.related h5 img {margin:0px !important; float:none !important; clear:none !important; border:none !important; background-color:transparent; }
.related h5 {
	border-bottom: 1px solid #DDDDDD;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 0px;
float:left; 
display:inline; 
width:100%; 
margin-top:30px; 
line-height:100%;
font-size:10px;
}

.related h5 a { font-size:13px; }
.related h6 { text-align:right; }
.related p { margin: 5px 0px 10px 0px; }

#relatedBlock { display: none; float: left; }

.topComment { display: inline; float: left; overflow: hidden; width: 100%; }

.topComment h3 {
	display: inline;
	float: left;
	font-size: 1.25em !important;
	line-height: 100% !important;
	margin: 5px 0px 5px 0px !important;
	padding-left: 5px;
	width: 200px;
}

.topComment a {
	display: inline;
	float: left;
	font: 10px sans-serif;
	margin: 9px 0px 0px 0px;
	text-align: right;
	text-transform: uppercase;
	width: 280px;
}

/* write a comment eof */
/* CSS for some pages from blogs , profiles, directory and listings */
#editBlog img { display: inline; float: left; height: 22px; margin-top: 2px; width: 22px; }

#blogNewPage iframe { border: 1px solid #EEEEEE; display: inline; float: left; }

#blogNewPage .x-toolbar { display: inline; float: left; overflow: hidden; width: 593px; }

#blogNewPage table { float: left; overflow: hidden; }

#blogNewPage .x-html-editor-wrap { display: inline; float: left; margin: 30px 0px 0px 10px; overflow: hidden; }

a.backBlogs { display: inline; float: left; width: 100%; }

#blogNewPage { width: 100%; /* width for blogs/posts/new */ }

#blogNewPage form a img { display: inline; height: 25px; margin-top: 3px; width: 22px; }

#blogNewPage table.listTable { margin-top: 10px !important; width: 100%; }

#blogNewPage table.listTable thead td { font-weight: bold; padding: 5px; }

#blogNewPage table.listTable tbody td { border-bottom: 1px solid #EEEEEE; padding: 3px; }

#blogNewPage table.listTable tbody td a {
	display: inline;
	font-weight: bold;
	letter-spacing: 1px;
	padding: 0px;
	text-transform: uppercase;
}

#blogNewPage h2 { display: inline; float: left; width: 90%; }

#blogNewPage table.listTable tbody td a:hover {  }

#loginForm { width: 423px; }

#contactForm { display: inline; float: left; width: 430px; }

#contactDetails { display: inline; float: left; width: 39%; }

a.addFeed { clear: left; float: left; }

.profile_feeds label { width: 22em !important; }

input.text, textarea.text { float: left; }

fieldset { display: inline; float: left; padding: 1%; width: 98%; }

#createBlog { display: inline; float: left; width: 100%; }

.comment-form-notice, .comment-form-errors { float:left; display:inline; width:100%; } /* profiles/listings */
.flcb img, .fl img { border:none !important; margin:0px 8px 0px 0px !important; padding:0px !important; width:11px !important; height:11px !important; }

div#absoluteUp
{
position:absolute;
bottom:0px;
right:0px;
overflow:auto;
}

body > div#absoluteUp
{
position:fixed;
}

#mortgage
{
float:left; display:inline; margin:0px 0px 15px 10px;
}
.linksPage { float:left; display:inline; width:100%; margin:0px 0px 10px 0px; }
.linksPage a img { width:30px; display:none;}
.linksPage a { font-size:16px; }

.stripesTable tr { height:42px; overflow:hidden ; }
.stripesTable tr td p{ float:left; display:inline; margin-top:8px; margin-bottom: 0px; font-size:11px; }
.stripesTable tr td a.fl {
width:40%; margin:10px 0px 0px 10px;
}
.stripesTable tr td  div {
float:left; display:inline; margin-top:10px;
}

#sixth table tr td {padding:5px;}

p img.stars { float:none !important; margin:0px !important; }
#googleMap { float:left; display:none; width:200px; height:150px; margin-bottom:15px; }
#map_canvas2 { float:left; display:inline; width:200px; height:150px; margin-left:10px; }

.markItUpContainer { overflow:hidden; }

#commentsBox { float:left; display:inline; }

.sidebarProducts
{
float:left;
display:inline;
margin-bottom:20px;
}

.books img
{
margin:0px 0px 20px 20px;
}

label.error { float:right !important; 
margin:0px;
width:284px !important;
color:red;
font-size:11px;
text-transform:lowercase;
margin-left:15px;
}
a.info { background-color:#7E86AD; overflow:hidden; 
padding:5px !important;
text-transform:uppercase; font-size:9px; font-weight:bold;
letter-spacing:1px; text-decoration:none !important;}

a.info img { vertical-align:middle; padding-right:5px;
}
a.info input { vertical-align:middle; padding-right:5px; }
/* PGOTOS PAGES */

.photosBlock { margin:0 auto; }
.photo { float:left; display:inline; width:170px; margin-right:65px; text-align:center; margin-top:20px; }
.photo a{ text-transform:uppercase; }
.photo img { float:left; display:inline; width:160px; padding:5px; background-color:#9FA6C1; border:2px solid #7E86AD; margin-top:10px; height:150px;}

.singlePhoto { float:left; display:inline; overflow:hidden;}
.singlePhoto img {  width:75px; padding:5px; background-color:#9FA6C1; border:2px solid #7E86AD; margin-top:10px; height:75px; float:left; display:inline; margin-right:10px;}

object#ustream { float:left; display:inline; padding:2px; border:1px solid #CFCFCF; -moz-border-radius:5px; margin-right:10px;}
embed#chat {display:inline;  }
#leftBlog { float:left; display:inline; width:200px;}
#leftBlog a { display:block; line-height:150%;}
#rightBlog { float:left; display:inline; width:500px; }
#rightBlog .blog-item h3 { margin: 10px 0px 0px 0px; padding: 0px; }

#rightBlog .blog-item h4 { float: left; font-size: 11px; font-weight: normal; line-height: 100%; width: 100%; text-align:right; padding:2px; color:#fefefe; background-color:#A68F75; }

#rightBlog .blog-item h4 a { color:#eee; }
a.readMore { font-size:11px; text-transform:lowercase; margin-left:10px; }

.blog-post-comments p { margin:0px; font-size:12px; }

.blog-post-comments p.userComment { border-top:1px dotted #ddd; font-style:italic; margin-bottom:30px; font-size:14px;}
.blog-post-comment { float:left; display:inline; width:100%; }
.blog-item p{float:left; display:inline; width:100%;}
#chat { position:relative; background-image: url('/z/chat.jpg'); baground-repeat:no-repeat; width:340px; height:100%; margin:-10px 0px 0px 10px;}
#chat p#date { position:absolute; color:#fff; left:45px; top:90px; font-size:33px;}
p#year {color:#B4BFD5; position:absolute; color:#B4BFD5; left:45px; top:125px; letter-spacing:12px; font-size:19px;}
p#hour { position:absolute; color:#E3E5E2; top:100px; left:185px; font-size:40px;}
#displayLeftNews p object { margin-left:230px; }
span#backToPrivate { float:right; margin-top:-30px; }