/* CSS INFORMATION
	- Projecto: WebkitPro
    - Author: Improxy
*/

/*  INDEX:
    ==============

    @ Comparator List
    @ Comparator Handler
    @ OverlayScreen
    @ Favorites    
    @ UserAccountData
 */
 
/* @ Comparator List
   ==================================================================== */	

.comparatorTitle { background:url("images/global/comparator_title.png") no-repeat left top !important; }

#dComparation { background:url("images/mycasayes/comparation_header.png") no-repeat 0px 0px; margin-bottom:25px; padding-top:20px; position:relative; margin-top:15px; }

#dComparationWrapper { background:url("images/mycasayes/accountdetails_footer.png") no-repeat 0px bottom; padding-bottom:34px; position:relative; }

#comparationPropertiesWrapper { float:left; }

#comparationParameters { float:left; width:175px; }

#comparationProperties { float:left; background:#e8edf0 none; }
#comparationProperties .propertyItem { border-left:1px solid #FFF; float:left; width:135px; }
	
#comparationParameters div.head,
#comparationProperties div.head,
#dummyColumn div.head { background:#e8edf0 none; height:112px; }

#comparationParameters div.group_title,
#comparationProperties div.group_title,
#dummyColumn div.group_title { background:#C3C9CC none; height:21px; font-weight:bold; line-height:21px; padding:0px 15px; }

#comparationParameters div { text-transform:capitalize; }

#comparationParameters div,
#comparationProperties div,
#dummyColumn div { display:block; line-height:23px; }

#comparationParameters div.odd,
#dummyColumn div.odd { background:#dfe4e7 none; padding:0px 15px; }

#comparationParameters div.even,
#dummyColumn div.even { background:#e9ebed none; padding:0px 15px; }

#comparationProperties div.odd { background:#e8edf0 none; padding:0px 15px; }

#comparationProperties div.even { background:#f2f5f7 none; padding:0px 15px; }
		
#dummyColumn div.group_title,
#dummyColumn div.even,
#dummyColumn div.odd { padding:0px; }	
	
#comparationProperties .head { text-align:center; }	

#comparationProperties .photo { width:97px; height:74px; padding-top:6px; padding-left:8px; margin-left:15px; }
#comparationProperties .photo a { width:88px; height:66px; display:block; }
#comparationProperties .photo a img { width:88px; height:66px; }

	/* Favorites */

#comparationProperties .favorite { height:19px !important; padding-top:4px !important; }		
#comparationProperties .favorite a { background:url("images/global/favorite.png") no-repeat 0px bottom; display:block; text-indent:-9999px; height:16px; width:17px; padding-left:0px; margin:0px auto; }
#comparationProperties .favorite a.active,
#comparationProperties .favorite a:hover { background-position:0px top; }

	/* Remove */

#comparationProperties .remove { height:19px !important; padding-top:4px !important; }		
#comparationProperties .remove a { background:url("images/global/remove_icon.png") no-repeat 0px top; display:block; text-indent:-9999px; height:12px; width:12px; margin:0px auto; }
#comparationProperties .remove a.current,
#comparationProperties .remove a:hover { background-position:0px bottom; }
	
    /* Navigation */

#dComparation #backward { width:19px; height:19px; background:url(images/global/navigate_arrows.png) no-repeat 0px bottom; position:absolute; top:55px; left:150px; }
#dComparation #forward { width:19px; height:19px; background:url(images/global/navigate_arrows.png) no-repeat 0px top; position:absolute; top:55px; right:4px; }

#dComparation #comparationPropertiesWrapper { overflow:hidden; width:409px; }
#dComparation #comparationPropertiesWrapper #comparationProperties { width:4000px; }
		
#dummyColumn { background:#E8EDF0 none; float:left; height:541px; text-indent:-9999px; width:26px; }

#removeComparation { position:absolute; top:-70px; right:0px; }

.casayes_overlay_icon  { background:url(images/mycasayes/bg_casayes.png) no-repeat 0px 0px; width:132px; height:123px; position:absolute; top:-15px; left:20px; }


/* @@ COMPARATOR LIST
   ==================================================================== */	
		
#dComparatorList .bannerContainer { padding:20px; }
#dComparatorList .bannerContainer .divider { margin-top:5px; }

#dComparatorList #comparations { margin:5px 0px 0px; }

#dComparatorList .comparationItem { margin-bottom:5px; }
#dComparatorList .comparationItem a.title { font-size:13px; color:#FA6C16; }

#dComparatorList .comparationItem cite { font-size:11px; color:#B6B6B6; } 
 

/* @ OverlayScreen
   ============================================================ */ 

.content { position:relative; }

.overlayScreenDummy { background:url(images/global/overlay.png); position:absolute; top:0; left:-1000px; width:100px; height:100px; }
.overlayScreen  { position:absolute; top:0; left:0; width:100%; z-index:100; background:url(images/global/overlay.png); display:none; }   


/* @ PROPERTY DETAIL - FANCY BOX
   ===============================================================*/

#fancybox-loading { position:fixed; top:50%; left:50%; height:40px; width:40px; margin-top:-20px; margin-left:-20px; cursor:pointer; overflow:hidden; z-index:1104; display:none; }
#fancybox-loading div { background:transparent url('images/fancybox/fancybox.png'); position:absolute; top:0px; left:0px; width:40px; height:480px; }

#fancybox-overlay { background:transparent url("images/global/overlay.png") repeat 0px 0px !important; position:fixed; top:0px; left:0px; bottom:0px; right:0px; z-index:1100; display:none; opacity:1 !important; }

#fancybox-tmp { padding:0px; margin:0px; border:0px; overflow:auto; display:none; }

#fancybox-wrap { position:absolute; top:0px; left:0px; margin:0px; padding:20px; z-index:1101; display:none; }

#fancybox-outer { background:#FFF none; position:relative; width:100%; height:100%; }

#fancybox-inner { position:absolute; top:0px; left:0px; width:1px; height:1px; padding:0px; margin:0px; outline:none; overflow:hidden; }

#fancybox-hide-sel-frame { background:transparent none; position:absolute; top:0px; left:0px; width:100%; height:100%; }

#fancybox-close { position:absolute; top:-15px; right:-15px; width:30px; height:30px; background:transparent url('images/fancybox/fancybox.png') no-repeat -40px 0px; cursor:pointer; z-index:1103; display:none; }

#fancybox_error { color:#444; font:normal 12px/20px Arial; padding:7px; margin:0px; }

#fancybox-content { height:auto; width:auto; padding:0px; margin:0px; }

#fancybox-img { width:100%; height:100%; padding:0px; margin:0px; border:none; outline:none; line-height:0px; vertical-align:top; -ms-interpolation-mode:bicubic; }

#fancybox-frame { position:relative; width:100%; height:100%; border:none; display:block; }

#fancybox-title { position:absolute; bottom:0px; left:0px; font-family:Arial; font-size:12px; z-index:1102; }

.fancybox-title-inside { padding:10px 0px; text-align:center; color:#333; }
.fancybox-title-outside { padding-top:5px; color:#FFF; text-align:center; font-weight:bold; }

.fancybox-title-over { color:#FFF; text-align:left; }
#fancybox-title-over {padding:10px; background:transparent url('images/fancybox/fancy_title_over.png'); display:block; }

#fancybox-title-wrap { display:inline-block; }
#fancybox-title-wrap span { height:32px; float:left; }

#fancybox-title-left { padding-left:15px; background:transparent url('images/fancybox/fancybox.png') no-repeat -40px -90px; }

#fancybox-title-main { font-weight:bold; line-height:29px; background:transparent url('images/fancybox/fancybox-x.png') no-repeat 0px -40px; color:#FFF; }

#fancybox-title-right { padding-left:15px; background:transparent url('images/fancybox/fancybox.png') no-repeat -55px -90px; }

#fancybox-left,
#fancybox-right { position:absolute; bottom:0px; height:100%; width:35%; cursor:pointer; outline:none; background:transparent url('images/fancybox/blank.gif'); z-index:1102; display:none; }

#fancybox-left { left:0px;}

#fancybox-right { right:0px;}

#fancybox-left-ico,
#fancybox-right-ico { position:absolute; top:50%; left:-9999px; width:30px; height:30px; margin-top:-15px; cursor:pointer; z-index:1102; display:block; }

#fancybox-left-ico { background:transparent url('images/fancybox/fancybox.png') no-repeat -40px -30px; }

#fancybox-right-ico { background:transparent url('images/fancybox/fancybox.png') no-repeat -40px -60px; }

#fancybox-left:hover,
#fancybox-right:hover { /* IE6 */ visibility:visible; }

#fancybox-left:hover span { left:20px;}

#fancybox-right:hover span { left:auto; right:20px; }

.fancy-bg { position:absolute; padding:0px; margin:0px; border:0px; width:20px; height:20px; z-index:1001; }

#fancy-bg-n { top:-20px; left:0px; width:100%; background:transparent url('images/fancybox/fancybox-x.png'); }

#fancy-bg-ne { top:-20px; right:-20px; background:transparent url('images/fancybox/fancybox.png') no-repeat -40px -162px; }

#fancy-bg-e { top:0px; right:-20px; height:100%; background:transparent url('images/fancybox/fancybox-y.png') no-repeat -20px 0px; }

#fancy-bg-se { bottom:-20px; right:-20px; background:transparent url('images/fancybox/fancybox.png') no-repeat -40px -182px; }

#fancy-bg-s { bottom:-20px; left:0px; width:100%; background:transparent url('images/fancybox/fancybox-x.png') no-repeat 0px -20px; }

#fancy-bg-sw { bottom:-20px; left:-20px; background:transparent url('images/fancybox/fancybox.png') no-repeat -40px -142px; }

#fancy-bg-w { top:0px; left:-20px; height:100%; background:transparent url('images/fancybox/fancybox-y.png'); }

#fancy-bg-nw { top:-20px; left:-20px; background:transparent url('images/fancybox/fancybox.png') no-repeat -40px -122px; } 


/* @@ LOCATION PICKER
   ==================================================================== */
  
.locationPicker { position:relative; width:442px; height:28px; z-index:99; }

.locationPicker span.loader { background:transparent url(images/location_picker/loader.gif) no-repeat; width:16px; height:16px; display:block; position:absolute; right:2px; top:2px; display:none; }
.locationPicker span.notfound { background:transparent url(images/location_picker/token_not_found.png) no-repeat; width:17px; height:17px; display:block; position:absolute; right:2px; top:2px; display:none; }
.locationPicker span.error { background: url(images/location_picker/error.png) no-repeat; width: 22px; height: 22px; display: block; position: absolute; right: -2px; top: 2px; display: none; }

.locationPicker #dSuggestions { border:solid 1px #AAA; border-top:0px; border-bottom:0px; background:#FFF none; margin:1px 0px 0px -1px; overflow:auto; display:none; width:370px; }
.locationPicker #dSuggestions a { display:block; color:#666666; padding:4px; border-bottom:1px solid #AAA; font-size:11px; }
.locationPicker #dSuggestions a.current { background:#EEE none; color:#333; text-decoration:none; } 

.locationPicker #dSuggestions .highlight { font-weight:bold; color:#333; font-size:11px; }

.locationPicker #dPickedID { position:absolute; top:0px; right:-250px; }
.locationPicker #dPickedID input { width:150px; }

.locationPicker #dPickedLocations { position:absolute; top:1px; left:1px; }	

.pickedLocation { display:block; float:right; height:18px; line-height:18px; padding-left:7px; color:#656565; font-size:11px; color:#666; }
.pickedLocation span { display:block; padding-right:20px; padding-left:3px; }	
			
.pickedLocation:hover { background-position:left -36px; }
.pickedLocation:hover span 	{ background-position:right -54px; }

.locationPicker #dFlashMap { width:210px; height:200px; overflow:hidden; margin-left:10px; padding-top:5px; position:absolute; top:-31px; left:-230px; }	   
    
.dLocationPicker .jsMap { display:block; height:180px; position:relative; width:225px; }

.dLocationPicker .jsMap .back { bottom:10px; position:absolute; right:10px; z-index:10; }
.dLocationPicker .jsMap .child { padding:35px 0px 0px 30px; }  
        
.dLocationPicker .jsMap .madeira { bottom:10px; left:29px; position:absolute; }

.dLocationPicker .jsMap .acores { bottom:55px; left:11px; position:absolute; }

.dLocationPicker .jsMap .portugal{ margin:0px 0px 0px 120px; }


/* @@ SOCIAL SHARING
   ==================================================================== */

.socialSharing div { float:left; margin:0px 3px; }

.socialSharing #dFacebookLike { width:80px; }

.socialSharing .facebookStyle { -moz-border-radius:3px 3px 3px 3px; border:1px solid; display:block; float:left; padding:4px 5px; background:#ECEEF5 none; border-color:#CAD4E7; padding:2px 4px; }
.socialSharing #dFacebookShare a { display:inline-block; background:transparent url("images/global/socialIcons.png") no-repeat left -47px; color:#3B5998 !important; display:block; padding-left:17px; white-space:nowrap; line-height:14px; cursor:pointer; text-decoration:none; font-family:"Lucida Sans Unicode",tahoma,verdana,arial,sans-serif; font-size:11px; text-transform:capitalize; }

.socialSharing .twitter { display:inline-block; background:transparent url("images/global/socialIcons.png") no-repeat left -130px; color:#3B5998 !important; display:block; padding-left:17px; white-space:nowrap; line-height:14px; cursor:pointer; text-decoration:none; font-family:"Lucida Sans Unicode",tahoma,verdana,arial,sans-serif; font-size:11px; text-transform:capitalize; }

.socialSharing .gPlusStyle {border:1px solid #8D2D1D; margin:1px 3px 0px 3px;}

.socialSharing #dlinkedIn a {background:transparent url("images/global/socialIcons.png") 0px -149px no-repeat; color:#3B5998 !important; cursor:pointer; display:block; font-family:"Lucida Sans Unicode",tahoma,verdana,arial,sans-serif; font-size:11px; line-height:14px; padding-left:20px; text-decoration:none; text-transform:capitalize; white-space:nowrap;}
            
 /* @@ BUSINESS FORM
   ==================================================================== */	

.businessForm #dAgenciesForm { display:none; }
   
.businessForm  #dAgenciesForm #dPager { display:none; }
   

   /* Tooltip */

#tooltipHolder { position:absolute; }

#tooltip { background:transparent url("images/location_picker/tooltip.png") no-repeat left top; height:52px; left:0px; position:absolute; text-align:left; top:0px; width:auto; z-index:9999; display:block; }
 
.tooltipWrapper { background:transparent url("images/location_picker/tooltip.png") no-repeat right bottom; color:#333; display:block !important; font-family:"Lucida Sans Unicode", Tahoma, Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; height:43px; line-height:43px; margin-left:48px; padding-right:14px; text-align:center; text-indent:-35px; width:auto; }


 /* @@ ARTICLE DETAIL 
   ==================================================================== */	
   
.articledetail {  }

.articledetail .pagelink { top:0px; left:0px; height:30px; position:fixed; width:100%; background:transparent url(cms/images/shades/0.0.0.50.png) repeat 0px 0px; }

.articledetail .pagelink .linkTitle { color:#FFF; font-size:14px; line-height:30px; padding-left:30px; height:30px; display:inline-block; background:transparent url(cms/images/sprites/cms.tm.options.icons.png) no-repeat 0px -363px; }

.articledetail .pagelink .noLink { color:#FFF; font-size:14px; line-height:30px; padding-right:30px; }

.articledetail .pagelink .btnclose { cursor:pointer; position:fixed; right:2px; top:8px; height:16px; width:16px; display:block; background:transparent url(cms/images/sprites/button_close_16px.png) no-repeat 0px 0px; }

.articledetail .pagelink .linkText { background:#FFF none; border:1px solid #AAA; color:#111; cursor:text; padding:0px 5px; }


        /* PROVIDERS TABLE*/

#externalAccountsList { font-family:"Lucida Sans Unicode", "Lucida Grande", Sans-Serif; font-size:12px; margin:45px; width:480px; text-align:left; border-collapse:collapse; }
#externalAccountsList th { font-size:13px; font-weight:normal; padding:8px; background:#b9c9fe none; border-top:4px solid #aabcfe; border-bottom:1px solid #fff; color:#039; }

#externalAccountsList td { padding:8px; background:#e8edff none; border-bottom:1px solid #fff; color:#669; border-top:1px solid transparent; }

#externalAccountsList tr:hover td { background:#d0dafd none; color:#339; }

#externalAccountsList td.actions a { color:#FF0000 }

#externalAccountsList td.actions span { color:Green }