/* deJesus.biz for ASummperPlaceRealty.com 4-12-2010 */
body{
margin:0 auto;
font-family:arial, helvetica, sans-serif;
font-size:12px;
background:#ffffff;
color:#0058A8;
padding:0;
}
h1, h2{
font-size:18px;
margin:9px 0;
text-align:center;
}
h3{
font-size:16px;
margin:9px 0;
text-align:left;
}
p{
text-align:left;
}
a, a:visited, a:active{
color:#0058A8;
font-variant:small-caps;
text-decoration:none;
}
a:hover{
color:#0058A8;
text-decoration:underline;
}
.links a, .links a:visited, a.link, a.link:visited{font-weight:bold;text-decoration:underline;}
.links a:hover, a.link:hover{color:#FCF813;}
hr{
margin:0px; /* fixes xhtml N6 bug where the hr sits to the left */
color:#0067C6; /* for ie */
background:#0067C6; /* for everyone else */
height:1px;
}
hr{
margin-bottom:1.0em;
}
.error_text, .no_results{color:#990000;font-size:18px;margin:6px;}
.required{color:#990000;}
#page_l-border{
background:transparent url(images/left_shadow.jpg) repeat-y;
margin:0 auto;
padding-left:22px;
width:800px;
}
#page_r-border{
background:transparent url(images/right_shadow.jpg) repeat-y right;
padding-right:22px;
width:800px;
}
#page_wrapper{
background:#ffffff;
border:1px solid #0067C6;
width:799px;
}
#header{background:transparent;}
#logo{
float:left;
background:url(images/aspr_logo.gif) no-repeat 0 0 transparent;
display:inline-block;
height:155px !important;
height:154px;
width:299px;
z-index:3;
}
#header_mask{
background:url(images/aspr_white_mask.png) no-repeat 299px 0 transparent;
border-bottom:1px solid #0067C6;
display:block;
position:absolute;
width:799px;
z-index:1;
}
#thumbs_mask{background:url(images/aspr_yellow_thumb_mask.png) no-repeat transparent;border-bottom:1px solid #0067C6;border-top:1px solid #0067C6;height:82px;margin:0 auto;}
.hidden{display:none;}
.pikachoose{display:inline;margin:0;overflow:hidden;}
/* This is the ul you have all your images in */
.pikachoose ul{background:#0067C6;border-bottom:2px solid #FCF813;border-top:2px solid #FCF813;height:86px;margin:0;padding-left:6px;}
.pikachoose ul li{float:left;padding:2px;margin:6px 11px 0 14px;position:relative;overflow:hidden;}
.pikachoose ul li div{border:2px solid #FCF813;position:relative;cursor:pointer;}
.pikachoose ul li div img{position:relative;cursor:pointer;}

/* this is the surroundner for all your elements. This is also the fake border around the main img and room for caption */
.pika_main{height:156px;overflow:hidden;position:relative;}
/* since we give it the fake border, you need to position the image a little. */
.pika_back_img{position:relative;top:0px;}
.pika_subdiv{left:299px;position:relative;}
.pika_subdiv img, .pika_subdiv a img{border:none;}
.pika_caption{color:#ffffff;bottom:3px;font-size:10px;font-variant:small-caps;position:absolute;right:3px;z-index:2;}
.pika_caption a, .pika_caption a:visited{color:#ffffff;}

.pika_play{display:none;position:absolute;z-index:1;left:50%;margin-left:-25px;width:50px;top:5px;}
.pika_play a{display:none;position:relative;margin-left:auto;cursor:pointer;width:50px;height:50px;background:url(images/play.png) top center no-repeat;}
.pika_play a{display:none;position:relative;margin-left:auto;cursor:pointer;width:50px;height:50px;background:url(images/pause.png) top center no-repeat;}

.pika_navigation a{font-size:12px;text-decoration:none;}
.pika_navigation a:hover{text-decoration:underline;}
.pika_navigation{display:none;}

/* if you want to 'hide' these jus make their height and width 1px */
.pika_prev_hover{display:none;position:absolute;top:5px;left:5px;height:456px;width:100px;background:url(images/rewind.png) top left no-repeat;}
.pika_next_hover{display:none;position:absolute;top:5px;right:5px;height:456px;width:100px;background:url(images/fastf.png) top right no-repeat;}

#subheader{
background:#ffffff;
border-bottom:1px solid #0067C6;
border-top:1px solid #0067C6;
clear:both;
font-variant:small-caps;
height:22px;
padding-top:6px;
padding-right:15px;
text-align:right;
}
#time_date{
float:left;
margin-left:22px;
text-align:left;
}
#agents{font-size:14px;font-variant:small-caps;}
#agents ul{list-style:none;}
#agents ul li{float:left;padding:0 6px 0 9px;}
#agents ul li span{font-weight:bold;}
#left_column{
float:left;
background:transparent;
width:23.5%;
padding-left:0; /*Changing this will push the navigation buttons in or out of the page*/
}
#search{
border-right:1px dashed #0058A8;
border-bottom:1px dashed #0058A8;
margin-bottom:11px;
padding:12px 6px 12px 12px;
}
#search input, #search select, #search form{font-weight:normal;}
#search a{font-weight:bold;}
#content{
background:transparent;
float:right;
font-size:16px;
padding:0 6px; /* Remember in IE when you add padding you add to the page width. */
width:74.5%;
}
#content img, #content iframe{border:1px solid #0067C6;}
#content table{font-size:12px;}
#content form table{font-size:16px;}
#content form label{font-family:verdana, arial, helvetica, sans-serif;font-size:14px;font-weight:bold;}
.page_display{margin:0 auto;text-align:center;}
#featured{margin-left:18px;}
.listingThumbs{float:left;display:inline-block;margin:0 auto;padding:0 18px 18px;text-align:center;}
.listingThumbs img{border:1px solid #0067C6;padding:4px;}
#listingThumbs{float:left;font-family:verdana,helvetica,sans-serif;font-size:11px;text-align:center;width:24%;}
#listingThumbs img{margin-top:6px;text-align:left;}
#listingDetail{float:right;width:75%;}
#listingDetail img{margin-top:6px;text-align:center;}
#listingDetail div{text-align:left;}
#listingDetail div#main_image_description{padding:0;text-align:center;margin-bottom:6px;}
#description{float:left;margin-top:6px;padding:6px;}
#contact_agent{border-top:1px solid #0058A8;margin-top:6px;}
#contact_agent label{display:block;padding:6px;}
.center{text-align:center;}
.left{float:left;margin:6px;}
.right{float:right;margin:6px;}
.multiple_options_caption{margin-top:9px;}
.backToTop{
border-bottom:1px solid #0067C6;
font-size:11px;
padding:6px;
text-align:right;
}
#footer{
background:#0067C6;
border-top:2px solid #FCF813;
border-bottom:2px solid #FCF813;
color:#ffffff;
font-variant:small-caps;
padding:11px 0;
text-align:center;
}
#footer a, #footer a:visited{
color:#ffffff;
}
#footer a:hover{
color:#ffffff;
text-decoration:underline;
}
#footer_navigation{
font-size:14px;
margin-bottom:11px;
}
#copyright{
font-size:11px;
}
#rss{
float:left;
font-size:11px;
margin-left:3px;
margin-top:11px;
}
#rss img{
vertical-align:top;
}
/*VVVVVVVVV[NAVIGATION BUTTONS FOR LEFT COLUMN]VVVVVVVVVVV*/
#vertmenu{
font-size:14px;
padding:0;
margin:0;
}
#vertmenu ul{
list-style:square inside url(images/square.gif);
margin:0;
padding:0;
}
#vertmenu ul li{
background:#0067C6;
border-top:1px solid #ffffff;
border-left:1px solid #ffffff;
padding:6px 0px 6px 4px;
}
#vertmenu ul li a, #vertmenu ul li a:visited{
color:#ffffff;
}
#vertmenu ul li a:hover{
text-decoration:underline;
}
/*VVVVVVVVV[OPEN-REALTY CODE BEGINS HERE]VVVVVVVVVVV*/
.listedBy{
border-bottom:1px solid #0067C6;
font-weight:bold;
padding-bottom:9px;
text-align: center;
}
.multiple_options_caption, .field_caption, .tools{
font-weight:bold;
}
.view_image{
text-align:center;
}
.image_caption{
font-size:16px;
font-weight:bold;
}
.view_user{
padding-left:5px;
}
.view_user_user_name{
font-size:14px;
font-weight:bold;
}
.view_user_user_images{
float:left;
}
.view_user_user_info{
float:left;
padding-left:10px;
}
.view_user_user_hitcount{
clear:both;
}
.view_user_user_box{
}
/* =-=-=-=-[COMMON MARKUP STYLES]-=-=-=-= */
/* =-=-=-=-[REMEMBER, LAST INSTANCE HAS PRESIDENCE]-=-=-=-= */
td{vertical-align:top;}
#listingDetail td{padding:3px;}
img{border:0px none;} 
/* =-=-=-=-[SEARCH PAGE RESULTS MARKUP]-=-=-=-= */
.search_results{width:100%;}
.result_row_0{background:#E9E9E9;}
.result_row_1{background:#FFFFFF;}
.view_users{width:100%;}
.small{font-size:11px;}
/* =-=-=-=-[CLEAR IS USED TO CLEAR]-=-=-=-= */
.clear{
clear:both;
line-height:1px;
font-size:1px;
}
/* =-=-=-=-[TABLES CREATED WITH PAGE GENERATER IN PAGE EDITOR]-=-=-=-= */
table.page_display{border:3px;}
td.page_display{
width:100%;
vertical-align:top;
}
/* =-=-=-=-[TABLES BEING DISPLAYED IN YOUR ADMINISTRATIVE AREA]-=-=-=-= */
table.admin_main{
border:3px;
width:100%;
}
td.admin_main{
width:100%;
vertical-align:top;
}
/* =-=-=-=-[ROW-COLORS IN ADMINISTRATIVE AREA]-=-=-=-= */
td.row1_0{ background-color: #009900; }
td.row2_0{ background-color: #CCFFCC; }
td.row3_0{ background-color: #99CC99; }
.adminListingLeft_0{color: #FFFFFF;background:transparent;}
/* =-=-=-=-[USED BY LISTING BROWSE FEATURE FOR THE "next_prev()" DISPLAY]-=-=-=-= */
.browse_tool_table{
	background:#cccccc;    
	color:#000000;
	margin:9px 0 0 0;
	width:100%;
}
.browse_tool{
	background:#cccccc;
	text-decoration:none; 
	color:black; 
}			
.browse_tool_num{
	color:#FFFFFF;
	background:#0067C6; 
}
.browse_tool_button a{		
	background:#0067C6;
	text-align:center;
	font-weight:bold; 
	padding:0 4px;
	text-decoration:none; 
	color:#ffffff; 
}
.browse_tool_button a:visited{		
	color:#ffffff;
}
.browse_tool_button a:hover{		
	color:#FCF813;
	text-decoration:underline; 
}
.browse_tool_ghost{
	color:#aaaaaa; 
	text-decoration:none; 
}
.browse_tool_curpage{
	background:#0067C6;
	color:#FFFFFF;
	width:24px;
	height:20px;
	display:block;
	text-align:center;
}
.bt_pages{
	font-family:verdana, arial, Helvetica, sans-serif; 
	background: #E9E9E9;
	text-decoration:none;
	font-size:11px;
	vertical-align:middle;
	color:#000000;
}
bt_pages_ghost{
	color:#aaaaaa;
	text-decoration:none;
}
a.bt_pages{
	color:#000000;
	width:24px;
	height:20px;
	display:block;
	text-align:center;
}
a.bt_pages:visited{
	color:#000000;
}
a.bt_pages:hover{
	color:#FFFFFF;
	background:#0067C6; 
}
/* printer styles */ 
/* hide the left column when printing */
#print #page_l-border,#print #page_r-border{width:655px;}
#print #leftcol, #print .tools, #print #contact_agent, #print #time_date, #print .hitcount{display:none;}
#print #header{height:155px;text-align:center;}
#print #logo{float:none;}
#print #header_mask{border-bottom:none;}
#print #subheader{text-align:center;}
#print #content{float:none;font-size:14px;padding:0 22px;width:93%;}
#print h1{font-size:14px;}
#print h2, #print h3{display:inline;float:right;font-size:14px;margin:0;padding:0 9px;}
#print #listingThumbs{width:22%;}
#print #listingDetail{width:74%;}