/* STYLE SHEET FOR IDOLOLANZAROTE.COM */

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

body{
	margin:0px;
	padding:0px;
	width:100%; height:100%;
	background-color: #fff;
	color: #777;
	font-size: 13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
}



a { color:#003366; text-decoration:none}
a:visited { color:#003366; text-decoration:none}
a:hover { color:#CC0000; text-decoration:none}
a:active { color:#6699CC; text-decoration:none}



input, select, form {
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

img {border: 0px none;}


#pagewidth{
	width:100%;
	min-width: 500px; 
   background-color:#FFFFFF;
}

.topline { width:100%; height:10px; background-color:#003366;}

h5 {font-size:14px; color:#003366; font-weight:bold; margin-bottom:5px;}
h2 {font-size:16px; color:#3A89EA; font-weight:bold; margin-bottom:8px;}

h1 {width: auto; float: left; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #3A89EA; margin:0; padding:0; font-weight:normal; clear:both;}

#content-old { font-family: Arial, Helvetica, sans-serif;
	font-size:13px; text-align:left; width:750px; margin-left:auto; margin-right:auto; background-color:#FFFFFF}
	

.index_tabel {margin-bottom:20px; padding:5px; padding-right:20px; float:left; font-family: Arial, Helvetica, sans-serif; font-size:12px;}

.langs {margin-left:5px;}


#searchresults {width:240px; margin-bottom:20px; margin-right:10px; float:left;}
.searchresultsx {position: relative;
    display: inline;
    width: 180px;
    height: 180px;
    padding: 5px 0 10px 0;
    margin: 0px 10px 10px 0px;
    background-color: transparent;
    border: 1px solid #CCC;
    float: left;
    line-height: 1.3;
    text-align: center; }


.feat_hor {width:240px; margin-bottom:20px; margin-right:10px; float:left;}
.feat_h {width:750px; padding-left:10px; margin-bottom:20px; margin-top:10px; margin-left:auto; margin-right:auto; }

.feat_vert { 
   padding: 8px 4px 8px 4px;
	height:150px;

}

.feat_vert_ { 
  
    BORDER-COLOR: #CC0000;
   	BORDER-STYLE: outset;
 	BORDER-WIDTH: 1px; 
    padding: 8px 8px 8px 8px;
	height:90px;
	background-image: url(images/feat_bg.jpg); 
	background-position:bottom left;
}




.feat_vert_header {color:#003366; font-weight: bold; font-size:14px; text-align:left; margin-bottom: 5px;}
.feat_vert_title {background-color:#FFFFFF; font-size: 110%; font-weight: 700; color: #36C; text-align:center; padding:2px 2px 0px 4px ; margin-bottom: 0px;}
.feat_vert_price {color:#003366; font-size:12px; font-weight: bold; padding-top:4px; text-align:left;}
.feat_vert_img {width:100px; padding:0 0 0 0; margin-bottom:5px; margin-left:auto; margin-right:auto;}
.feat_vert_txt {font-size:13px; color:#666666; text-align:center; line-height:18px}
.feat_vert_txt strong {color: #FF9900;}
.ref a:link, .ref a:hover, .ref a:visited {font-size:13px; color:#666666; text-decoration:none;}


.listingimg { 
    BORDER-COLOR: #666;
   	BORDER-STYLE: solid;
 	BORDER-WIDTH: 1px; border-top:none;
    padding: 3px 3px 3px 3px;
	background-color:#669AC6; margin-left:10px;  margin-bottom:20px;
}

.listingimg_title {background-color:#FF9900; 
    BORDER-COLOR: #666;
   	BORDER-STYLE: solid;
 	BORDER-WIDTH: 1px;color:#000; font-weight: bold; text-align:left; padding:2px 2px 2px 4px ; margin-left:10px;}

.icon {margin: 0 5px 5px 10px}

.searchform { margin-left:30px}

.colall {
float: left;
font-size: 11px;
text-align: left;
width: 50%;
margin-bottom:3px;
}

.col3 {
float: left;
font-size: 11px;
text-align: left;
width: 33%;
margin-bottom:3px;
}

.smap{
clear: both; width: 100%; margin-bottom:10px; padding-top:10px; border-top: #6699CC 1px solid;
}

#popup_bg  { background-color:#669AC6; color:#FFFFFF; height:100%;}

.popup_content { margin:0; padding-left:10px; color:#FFFFFF;}
.popup_content label {color:#FFFFFF; font-weight:bold;}

.popup_logo{ margin:0; padding-left:10px; padding-top:10px; height:60px; background-color:#FFFFFF; border-bottom: 1px solid #666;}


.cagent a {
      display:block;
      color:#003366;
      background-color:#fff;
      width:140px;
      padding:4px;
      font-size:12px;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:10px;
      border:1px solid #999;
      background-image:url(images/hinter.jpg);
	  background-position:top left;
	  background-repeat:repeat-x;
      }

 .cagent  a:hover {
      display:block;
      color:#003366;
      background-color:#f1f1f1;
      background-image:url(images/hinter_on.jpg); 
	  background-position:top left;
	  background-repeat:repeat-x;
	  }



#sc1 {margin-left:20px;}

#sc2 {margin-left:50px;}
.ex2 {width:70px; float:left;}

#sc3 {margin-left:120px;}
.ex3 {width:125px; float:left;}

#sc4 {margin-left:250px;}

#sc5 {margin-left:260px;}






.Stil1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #003366;

}
.Stil2 { width: auto; float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #3A89EA;
	}



.color_a {background:transparent; color:#036;}
.color_b {background:#d4d8bd; color:#000;}
.color_c {background:#758279; color:#F2F2EC;}
.color_d {background:#b2ab9b; color:#000;}

#center { width:750px; margin-left:auto; margin-right:auto; }


.search_results {width:100%;}

.result_row_0 { background-color: #D6D3EE; }
.result_row_1 { background-color: #FFFFFF; }

.view_users {width:100%;}

.logo h1{
	font-size: 44px;
	color:blue;
	float: right;
	vertical-align: text-bottom;
}

.clr {clear:both;}



/* THIS CONTROLS THE TABLES DISPLAYED BY PAGES GENERATED BY THE PAGE EDITOR */
.page_display
{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

table.page_display
{
	border: 3px;
}
td.page_display
{
	width: 100%;
	vertical-align: top;
}
/* THIS CONTROLS THE TABLES DISPLAYED IN THE ADMIN */

#admincontent {font-family: Arial, Helvetica, sans-serif;
	font-size:13px; text-align:left; width:750px; margin-left:auto; margin-right:auto;}


table.admin_main
{
	border: 3px;
	width: 100%;
}
td.admin_main
{
	width: 100%;
	vertical-align: top;
}


.adminListingLeft_0 {
	color: #FFFFFF;
	background-color : transparent;
}
/* LISTING BROWSE PAGE NAVIGATION WIDGET 'next_prev()'display stuff  */
.browse_tool_table {
	background-color: #FFFFFF;
	width:100%;
	font-size: 11px;
	text-decoration: none;
	color: black;
}
.browse_tool {
	background-color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
	color: black;
	 
}
.browse_tool_num {
	color: #336699;
	text-decoration:none;
}


.browse_tool_button a {
      display:block;
      color:#003366;
      background-color:#fff;
      width:100px;
      padding:3px;
      font-size:10px;
      font-family:Verdana, Arial, sans-serif;
      font-weight:bold;
      text-decoration:none;
      text-align:center;
      margin:2px;
      border:1px solid #999;
      background-image:url(images/hinter.jpg);
	  background-position:top left;
	  background-repeat:repeat-x;
	  
      }

 .browse_tool_button  a:hover {
      display:block;
      color:#003366;
      background-color:#D9D9D9;
      background-image:url(images/hinter_on.jpg); 
	  background-position:top left;
	  background-repeat:repeat-x;}
	  
.browse_tool_ghost {
	color: #aaaaaa;
	text-decoration: none;
}

.browse_tool_curpage {
	font-family: verdana, arial, Helvetica, sans-serif;
	text-decoration:none;
	color: #CCC;
	width: 20px;
	text-align: center;
	font-size: 11px;
	border:#CCCCCC 1px solid;
}


.bt_pages {
	font-family: verdana, arial, Helvetica, sans-serif;
	width: 20px;
	color: #000066;
	text-align: center;
	text-decoration:none;
	font-size: 11px;
	
}

td .bt_pages_ghost a{
text-decoration:none;
}

.bt_pages_ghost{
	font-family: verdana, arial, Helvetica, sans-serif;
	color:	#aaaaaa;
	text-decoration:none;
	font-size: 11px;
}
.bt_pages a {
    font-family: verdana, arial, Helvetica, sans-serif;
	text-decoration:none;
	color:	#003399;
	text-align: center;
	font-size: 11px;

}
.bt_pages a:visited {
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #003399;
	text-align: center;
	font-size: 11px;
	text-decoration:none;
}
.bt_pages a:hover {
	font-family: verdana, arial, Helvetica, sans-serif;
	color: #FF9900;
	text-align: center;
	font-size: 11px;
	text-decoration:none;
}

/* LISTING PAGE DETAILS 'listing_next_prev'  */
.next_prev_listing {text-align: center; }
.next_prev_listing ul { margin: 1.5em auto; }
.next_prev_listing li { display: inline; padding: .5em 1em; list-style-type: none; }
.count, .listing_xy {clear: both;}


/* *** This is internal css for Open-Realty */
.field_caption{
	color:#36C;
	font-weight:bold;
}
.searchpage_field_caption {
font-weight:bold;
text-align:right;
color:#000000;
}
.searchpage_field_caption_row {
font-weight:bold;
text-align:right;
}
.lat_long_header{font-size:12px;}
.postalcode_distance_header{font-size:12px;}
.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 {
    font-size:12px;
	float:left;
	padding-left:10px;
    width:400px;
}

.view_user_listings_list {
    font-size:12px;
	float:right;
	padding-left:10px;
	width:300px;
}

.view_user_user_hitcount {
	clear:both;
}
.view_user_user_box {
}

.no_results { 
   color:#CC0000; background-color:#FAFAFA; 
   margin-top:10px; 
   margin-bottom:20px; 
   font-size:12px; 
   border:#CC0000 1px solid;
   padding:5px 10px 5px 38px;
   background-image:url(images/error.gif);
   background-position:left top;
   background-repeat:no-repeat;
   
   }

.agentinfo {margin-top:50px;}


td.row1_0 { background-color: #CC0000; color: #FFFFFF;}
td.row2_0 { background-color: #9DACBF; color: #FFFFFF;}
td.row3_0 { background-color: #9DACBF; color: #FFFFFF;}

td.row1_1 { background-color: #003399; color: #FFFFFF;}
td.row2_1 { background-color: #9DACBF; color: #FFFFFF;}
td.row3_1 { background-color: #9DACBF; color: #FFFFFF;}


/***********************************************/
/* global.css                                  */
/* Global Style Sheet for                      */
/* http://www.idololanzarote.com               */
/* version 1.0 04/03/2005                      */
/***********************************************/

/***********************************************/
/* HTML tag styles                             */
/***********************************************/



a {
	color: #36C;
	text-decoration: underline;
	font-size: 100%;
	font-weight: 100;
}

a:link {
	color: #36C;
	text-decoration: underline;
}

a:visited {
	color: #36C;
	text-decoration: underline;
}

a:hover {
	color: #F90;
	text-decoration: underline;
}

h1 {
 	font-size: 140%;
 	font-weight: 400;
 	color: #36C;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
}



h3 {
 	font-size: 140%;
	font-weight: 400;
 	color: #36C;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
}

h4 {
 	font-size: 110%;
	font-weight: 700;
 	color: #36C;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 0px;
}
	
p {
	padding: 0;
	margin-top: 0;
}

strong {
	color: #000000;
}

acronym {
	cursor: help;
}
	
img {
	border: none;
}

ul {
 	list-style-type: none;
 	color: #36C;
	font-weight: 100;
	font-style: italic;
	margin: 0px 10px 5px 0px;
	padding: 0px 0px 5px 5px;
}

ul ul {
 	list-style-type: none;
 	margin: 0px 0px 5px 0px;
 	padding: 0px 0px 0px 0px;
}

ul ul ul {
 	list-style-type: none;
 	margin: 0px 0px 0px 0px;
 	padding: 0px 0px 0px 15px;
}

dd, dt {
	font-size: 100%;
}

label {
 	display: block;
	font-size: 11px;
 	font-weight: bold;
 	color: #000;
}

optgroup {
	color: #C00;
	font-weight: 600;
}

select {
	padding: 0px;
	margin: 2px 0px 4px 0px;
	color: #000;
    font-size: 10px;
}

input {
	padding: 0px;
    font-size: 10px;
}

fieldset {
    
    padding-left: 15px;
	background:url(twitter/img/slickbg.png) no-repeat #f5f5f5;
}
	
/***********************************************/
/* Layout                                      */
/***********************************************/

#main {
	position: relative;
	width: 100%;
	text-align: center;
	padding: 0;
	margin: 0;
}

#header {
	position: absolute;
	left: 0px;
    top: 0px;
	background-color: #669AC6;
	color: #FFF;
	height: 90px;
    width: 100%;
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 130%;
}

#imgHead {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 195px;
	height: 80px;
	padding: 10px 0px 0px 0px;
	margin: 0px auto;
	background-color: #FFF;
	border-right: 1px solid #666;
	text-align: center;
}

.contact {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute;
    font-weight: 700;
	right: 5px;
	top: 65px;
	/* hide-from-IE5/Mac hack \ */
		top: auto;
		bottom: 5px;
	/* end hack */
}

.flags {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	position: absolute; 
	width:120px;
	height:32px;
    right: 5px;
	top: 25px;
	/* hide-from-IE5/Mac hack \ */
		top: auto;
		bottom: 50px;
	/* end hack */
}

.flags img {padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;}

#navMain {
	position: absolute;
	left: 0px;
    top: 90px;
    height: 20px;
    width: 100%;
	text-align: right;
	padding: 4px 0px 0px 0px;
	margin: 0;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	background-color: #F90;
}
		
#colLeft {
	position: absolute;
    top: 115px;
    left: 0px;
	width: 175px;
	margin: 0;
	padding: 15px 10px 10px 10px;
	text-align: left;
	border-right: 1px solid #666;
}	
	
#content {
	position: absolute;
    top: 115px;
    left: 195px;
   
	padding: 10px 10px 10px 15px;
	margin: 0;
	text-align: left;
	border-left: 1px solid #666;
    line-height: 1.2;
}

#footer {
	position: relative;
    background-color: #fff;
	color: #36C;
	border-top: 1px solid #666;
	font-size: 90%;
	text-align: center;
	padding: 10px 0px 10px 0px;
    margin: 0px 0px 10px 0px;
    clear: both;
}

/***********************************************/
/* Formatting                                  */
/***********************************************/

.subHead {
	max-width: 650px;
    font-weight: 700;
	padding: 10px 0px 10px 0px;
	margin: 5px 0px 5px 0px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
    line-height: 1.1;
}

.spacer {
	clear: both;
}

#navMain ul{
	display: inline;
}

#navMain li{
	display: inline;
	padding: 4px 10px 4px 10px;
    color: #FFF;
    font-style: normal;
}

#navMain a, #navMain a:link, #navMain a:visited {
	font-size: 100%;
    font-style: normal;
	text-decoration: none;
	color: #000;
	margin: 0;
	padding: 0;
}

#navMain a:hover {
	font-size: 100%;
    font-style: normal;
	color: #FFF;
	text-decoration: none;
}

#colLeft a, #colLeft a:link, #colLeft a:visited {
	font-size: 100%;
	text-decoration: none;
	color: #000;
	margin: 0px;
	padding: 0px;
}

#colLeft a:hover {
	font-size: 100%;
	color: #36C;
	text-decoration: none;
}


#colLeft li{
	padding: 0px 0px 2px 0px;
    font-style: normal;
}

.contentPicRight {
    float: right;
    padding: 0px;
    margin: 5px 0px 5px 10px;
    border: 1px solid #CCC;
}

.contentPicLeft {
    float: left;
    padding: 0px;
    margin: 5px 10px 5px 0px;
    border: 1px solid #CCC;
}

.contentPicLeft2 {
    float: left;
    padding: 0px;
    margin: 5px 10px 5px 0px;
    border: 0px solid #CCC;
}

.box {
    width: 450px;
    padding: 10px 5px 5px 5px;
    margin: 0px 0px 10px 0px;
    font-size: 0.8em;
    background-color: transparent;
    float: right;
}

.propertyBox {
    position: relative;
    display: inline;
    width: 180px;
    height: 180px;
    padding: 10px 5px 5px 5px;
    margin: 0px 10px 10px 0px;
    background-color: transparent;
    border: 1px solid #CCC;
    float: left;
    line-height: 1.3;
    text-align: center;
}

.propertyBox img {
    padding: 0px;
    border: 1px solid #CCC;
}

.propertyBox h4 {
    margin-bottom: 5px;
}

#contentx img {
    padding: 0;
    margin: 0px 10px 10px 0px;
    border: 1px solid #CCC;
}

#tabledetail strong { color:#FF9900;}
.listimg { margin-top:5px;}


.pricerange ul { margin: 1.0em auto; }
.pricerange li { display: inline; padding: .5em .5em; list-style-type: none; background-color:#F90; border:#000 1px solid; }
.pricerange li a:hover { color:#FFF;}