@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.10.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
h1,h2,h3,h4,h5,h6{font-weight: normal;}
img{vertical-align: middle;}
strong{font-weight: bold;}


/*body { font-family: "Trebuchet", Geneva, sans-serif; margin: 0px; padding: 0px; font-size: small; background: url(/images/layout/pagebg.png) center repeat-y #c9c9c9; }*/


/*================================================
*	Basic typography
================================================*/

/*h1,h2,h3,h4,h5,h6{color: #444; margin: 0.2em 0px 0.5em 0px; font-family: Ariel, sans-serif;} */
h1,h2,h3,h4,h5,h6{color: #444; margin: 0.2em 0px 0.5em 0px; font-family: Ariel, sans-serif;} 
h1{font-size: 1.9em;}
h2{font-size: 1.6em;}
h3{font-size: 1.3em;}
h4{font-size: 1.1em;}

p {
	text-align: justify;
	color: #111;
	line-height: 1.3em;
	margin: 0.5em 0px 0.8em 0px;
}

strong{font-weight: bold;}
em {font-style: italic;}

.large, .large *{font-size: medium;}
.small, .small * {font-size: x-small;}
.xsmall, .xsmall * {font-size: xx-small;}
.faint {color: #666;}

.error {color: red;} /*D?*/

.right {text-align: right;}
.centered {text-align: center;}

br.clear{
	clear: both;
}

/*================================================
*	List styles
================================================*/

ul.arrows li{
	padding: 3px; background: url(images/bullet_arrow.png) 2px 7px no-repeat; padding-left: 12px;
}

/*================================================
*	Links
================================================*/

/*a, a:visited {color: #e84;} */
/*a:hover {color: #c80;} */


a, a:visited {color: #e84; text-decoration: none;}
a:hover {text-decoration: underline;} 

a.url{
	background: url(/images/misc/openNewWindow.gif) right no-repeat;
	padding-right: 16px;
}

/*================================================
*	Images
================================================*/

img{vertical-align: middle;}

img.mycon, img.bordered{
	background-color: white;
	padding: 1px;
	border: 1px solid #ccc;
}

img.minicon{
	background-color: white;
	padding: 1px;
	border: 1px solid #ccc;
	width: 20px; height: 20px;
}

img.clickable{
	cursor: pointer;
}

/*================================================
*	Form elements
================================================*/

input.text, input.button, input.password, textarea, select {
	border: 1px solid #666;
	padding: 2px;
}
input {
	padding: 2px;
}

/*
input.button, button{
	
	background: url(/images/layout/button.gif) center no-repeat;
	color: white;
	font-size: 80% !important;
	padding: 3px 7px;
	width: 90px;
	height: 30px;
	border: none;
	cursor: pointer; 
	
}*/

input.button {
	border: none;
	cursor: pointer;
	color: white;
}

input.button.width150{
	background-image: url(/images/buttons2/black_button_150.png);
	width: 150px;
	height: 33px;
}

/*table.new_form */
input.button.width100{
	background-image: url(/images/buttons2/black_button_100.png);
	width: 100px;
	height: 33px;
}

input.button.long, button.long{
	
	background: url(/images/layout/button_long.gif) center no-repeat;
	width: 150px;

}

/*================================================
*	Notices at top of page.
================================================*/

div#notices{
	margin: 10px 0px;
}

div#notices ul{
	margin: 0px;
	padding: 7px 100px;
	color: #333;
	background-color: #F3f3bE;
	border: 1px solid #c3b88e;
	font-weight: bold;
	text-align: center;
	position: relative; /*IE*/
}



/*================================================
*	Graphical buttons links 
================================================*/

span.btnleft{
	background: url(/images/buttons2/black_300_24.png) left no-repeat;
	padding: 8px 5px 10px 6px;
}

span.btncenter{
	background: url(/images/buttons2/black_300_24.png) center no-repeat;
	padding: 9px 0px 10px 0px;
}

* > span.btncenter{
	padding: 8px 0px 10px 0px;
}

span.btncenter a{
	color: white !important;
	text-decoration: none;
	font-size: 0.9em;
}

span.btncenter a:hover{
	color: #fb0;
}

span.btnright{
	background: url(/images/buttons2/black_300_24.png) right no-repeat;
	padding: 8px 5px 10px 6px;
}


span.btnleft_fade{
	background: url(/images/buttons2/grey_300_24.png) left no-repeat;
	padding: 8px 5px 10px 6px;
}


span.btncenter_fade{
	background: url(/images/buttons2/grey_300_24.png) center no-repeat;
	padding: 9px 0px 10px 0px;	
	color: white !important;
/*	font-size: 0.9em;*/
}

* > span.btncenter_fade{
	padding: 8px 0px 10px 0px;
}


span.btnright_fade{
	background: url(/images/buttons2/grey_300_24.png) right no-repeat;
	padding: 8px 6px 10px 5px;
}

/*================================================
*	Tabs and tabpanels
================================================*/

ul.tabs {
	/*padding: 4px 0px 5px 5px;*/
	padding-left: 5px;
	background: url(/images/layout2/tabs/tabs.png) bottom repeat-x;
	margin-bottom: 4px;
	list-style: none;
	float: left;
	width: 98%;
}

ul.tabs a{
	text-decoration: none;
}

ul.tabs li {
	display: block;
	float: left;
	background: url(/images/layout2/tabs/tabs.png) top left no-repeat;
	padding: 0px 0px 0px 8px;/*4px 0px 4px 8px;*/
	margin-left: 2px;
}

ul.tabs li span {
	display: block;
	float: left;
	background: url(/images/layout2/tabs/tabs.png) top right no-repeat;
	padding: 4px 8px 3px 0px;
}

ul.tabs li.selected {
	background: url(/images/layout2/tabs/tabs.png) 0px -40px no-repeat;
}

ul.tabs li.selected span {
	background: url(/images/layout2/tabs/tabs.png) 100% -40px no-repeat;
	padding-bottom: 4px;
}

/*================================================
*	Tabs and tabpanels : TODO DEP
================================================*/

div.tab_panel{
	padding: 3px 5px 5px 5px;
	background: url(/images/layout2/tabs/tabs.png) bottom repeat-x;
	font-size: small;
}

/*
div.tab_panel{
	padding: 3px 5px 5px 5px;
	background: url(/images/layout/tabs/bg.gif) bottom repeat-x;
	font-size: small;
}
*/

*>div.tab_panel{ /*Fix IE padding bug*/
	padding: 3px 5px 4px 5px;
}

div.tab_panel span.tab  span.tleft{
	background: url(/images/layout2/tabs/tabs.png) 0px 0px;
	padding: 3px;
	border-bottom: 1px solid #aaa;
}

div.tab_panel span.tab  span.tright{
	background: url(/images/layout2/tabs/tabs.png) 100% 0px;
	padding: 3px;
	border-bottom: 1px solid #aaa;
}

div.tab_panel span.tab  span.tmid{
	background: url(/images/layout2/tabs/tabs.png) 50% 0px;
	padding: 3px 0px;
	border-bottom: 1px solid #aaa;
}

div.tab_panel span.tab.selected span.tleft{
	background: url(/images/layout2/tabs/tabs.png) 0px -40px;
	padding: 3px;
	border-bottom: 1px solid #fff;
}

div.tab_panel span.tab.selected  span.tright{
	background: url(/images/layout2/tabs/tabs.png) 100% -40px;
	padding: 3px;
	border-bottom: 1px solid #fff;
}

div.tab_panel span.tab.selected  span.tmid{
	background: url(/images/layout2/tabs/tabs.png) 50% -40px;
	padding: 3px 0px;
	border-bottom: 1px solid #fff;
}

div.tab_panel span.tab.selected a{
	color: #333;
	font-size: 95%;
}


div.tab_panel span.tab a{
	text-decoration: none;
	color: #e84;
	font-size: 95%;
}

/*
div.tab_panel span.tab  span.tleft{
	background-image: url(/images/layout/tabs/tab1.png);
	background-position: top left;
	padding: 3px;
	border-bottom: 1px solid #aaa;
}

div.tab_panel span.tab  span.tright{
	background-image: url(/images/layout/tabs/tab1.png);
	background-position: top right;
	padding: 3px;
	border-bottom: 1px solid #aaa;
}

div.tab_panel span.tab  span.tmid{
	background-image: url(/images/layout/tabs/tab1.png);
	background-position:top;
	padding: 3px 0px;
	border-bottom: 1px solid #aaa;
}

div.tab_panel span.tab.selected span.tleft{
	background-image: url(/images/layout/tabs/tab2.png);
	background-position: top left;
	padding: 3px;
	border-bottom: 1px solid #fff;
}

div.tab_panel span.tab.selected  span.tright{
	background-image: url(/images/layout/tabs/tab2.png);
	background-position: top right;
	padding: 3px;
	
	border-bottom: 1px solid #fff;
}

div.tab_panel span.tab.selected  span.tmid{
	background-image: url(/images/layout/tabs/tab2.png);
	background-position:top;
	padding: 3px 0px;
	border-bottom: 1px solid #fff;
}

*/

/*================================================
*	Pagination :TODO
================================================*/

.pagecontrols{
	text-align: center;
	color: #666;
}

.page{
	border: 2px solid #ddd;
	padding: 1px 2px;
}

.page a{
	text-decoration: none;
	color: #333;
}

.page_selected {
	background-color: #27abdb;
	border: 2px solid #ddd;
	padding: 1px 2px;
}

.page_selected a{
	text-decoration: none;
	color: #fff;
}

/*================================================
*	Panelstrips - vertical strips of panels with header and footer
================================================*/

div.panelstrip.w2{
	width: 456px;
}

div.panelstrip.w1{
	width: 224px;
	background: url(/images/layout2/panels/panel-w1-bg.png) top left repeat-y;
}

div.panelstrip h3{
	padding: 8px 10px 6px 10px;
	color: white;
	border-bottom: 1px solid #333;
	margin: 0px;
}

div.panelstrip.w2 h3
{
	width: 436px;
	background: url(/images/layout2/panels/panel-w2.png) top left no-repeat;
}

div.panelstrip.w1 h3
{
	width: 204px;
	background: url(/images/layout2/panels/panel-w1.png) top left no-repeat;
}

div.panelstrip.w1 div.footer
{
	background: url(/images/layout2/panels/panel-w1.png) -224px -73px no-repeat;
	height: 20px;
}

/*================================================
*	Panels
================================================*/

ul.panels li{
	display: block;
	float: left;
	position: relative;
	margin: 0px 4px 4px 0px;
	height: 82px;
	padding: 6px;
	overflow: hidden;
}

ul.panels.w1 li{
	width: 212px;
	background: url(/images/layout2/panels/panel-w1.png) -224px 0px no-repeat;
}

ul.panels.w1h li{
	width: 316px;
	background: url(/images/layout2/panels/panel-w1h.png) -328px 0px no-repeat;
}

ul.panels.w2 li{
	width: 444px;
	background: url(/images/layout2/panels/panel-w2.png) -456px 0px no-repeat;
}

ul.panels li h4 img{
	position: absolute;
	top: 9px;
	left: 8px;
	width: 75px;
	height: 75px;
}

ul.panels li h4, ul.panels li p{
	margin-left: 84px;
}

ul.panels li p {
	color: #666;
	font-size: x-small;
	text-align: left;
}

div.large_panel {
	background: url(/images/layout2/panels/large-panel.png) top left no-repeat; 
	padding: 11px 11px 1px 11px;
}

div.large_panel_footer{
	background: url(/images/layout2/panels/large-panel.png) bottom left no-repeat; 
	height: 11px;
	margin-bottom: 6px;
}

/*================================================
*	Small thmb list - user lists etc...
================================================*/

ul.small_tmb_list {
	padding: 6px;
}

ul.small_tmb_list li {
	position: relative;
	height: 40px;
	padding: 4px;
	margin: 0px 0px 4px 0px;
}

* > ul.small_tmb_list li {
	height: 100%;
	min-height: 40px;	
}


ul.small_tmb_list li h4 {
	margin-left: 46px;
}

ul.small_tmb_list li img {
	position: absolute;
	top: 4px;
	left: 4px;
}

ul.small_tmb_list li p {
	margin-left: 46px;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.clearfix {zoom: 1;}



.tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(/images/homepage/bubble.png) top left;
}
 
.tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: url(/images/homepage/bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 160px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
}


/*New large panels*/
.large_panels li
{
	display: block;
	width: 226px;
	float: left;
	margin: 4px 3px;
}

.large_panels div{
	text-align: center;
	font-weight: bold;
}

.large_panels li img{
	width: 220px;
	height: 140px;
	padding: 3px;
	border: 1px solid #aaa;
	background: white;
}


/*body{
	background: #fff !important;
}*/

a{
	/*color: #38f !important;*/ 
	color: #A87A00 !important;
	text-decoration: none !important;
}

a:hover{
	text-decoration: underline !important;
}

/*a{
	color: #B88A00 !important;
	text-decoration: none !important;
}*/


h1, h2, h3{
	font-family: Georgia, serif;
	color: #002477;
	margin: 0.8em 0 1em 0;
	font-weight: normal;
}

h1{font-size: 2.1em;}
h2{font-size: 1.7em;}
h3{font-size: 1.4em;}
h4{font-size: 1.2em;}


div.fancybox{
	padding: 0;
	background: #ccc;
	margin-bottom: 8px;
}

div.fancybox h3 {
	margin: 0px;
	padding: 4px 8px;
}
	
div.fancybox_inner{
	padding: 8px;
	background: #eee;
}

.creative_commons{
	background: url(/package/wr/generic/icons/cc8.png) left no-repeat;
	padding-left: 22px;
}	

*>.creative_commons{
	background: url(/package/wr/generic/icons/cc.png) left no-repeat;
}

/*
*	Wishlist popup
*/
.wishlist_popup {
	position: absolute;
	/*display : none;*/
	visibility: hidden;
	opacity: 0;
	background: url(/package/wr/modules/bookmark/popup.gif) top center no-repeat;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/package/wr/modules/bookmark/popup.png', sizingMethod='crop');*/
	color: white;
	padding: 20px 21px 20px 14px;
	width: 285px;
	font-size: 11px;
	z-index: 1000;
}

*>.wishlist_popup{
	background: url(/package/wr/modules/bookmark/popup.png) top center no-repeat;
}
	
.wishlist_popup div{
	font-size: medium;
	color: #333;
	padding: 26px 0px;
	text-align: center;
	background: url(/package/wr/generic/window/close.gif) top right no-repeat;
	cursor: pointer;
}
	

/*
*	Layout table
*/

table.layout11
{
	width: 100%;
}

table.layout11 td
{
	vertical-align: top;
	width: 50%;
}


/*
*	Orange buttons
*/
button.obtn{
	width:145px;
	height: 32px;
	background: url(/package/wr/generic/buttons/button_145_32.gif) center no-repeat;
	border: none;
	color: white;
	font-size: 1em;
}	


button.obtn_sml{
	width:70px;
	height: 32px;
	background: url(/package/wr/generic/buttons/button_70_32.gif) center no-repeat;
	border: none;
	color: white;
	font-size: 1em;
}

button.obtn:hover, button.obtn_sml:hover{
	cursor: pointer;
}


/*
*	<A> version
*/

a.obtn_sml{
	display: block;
	float: left;
	width:70px;
	line-height: 32px;
	height: 32px;
	background: url(/package/wr/generic/buttons/button_70_32.gif) center no-repeat;
	border: none;
	color: white !important;
	font-size: 1em;
	text-align: center;
}

a.obtn{
	display: block;
	float: left;
	width:145px;
	line-height: 32px;
	height: 32px;
	background: url(/package/wr/generic/buttons/button_145_32.gif) center no-repeat;
	border: none;
	color: white !important;
	font-size: 1em;
	text-align: center;
}

/*
*	Reusable speech bubble popup
*/

.item_popup {
	position: absolute;
	display : none;
	/*filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/package/wr/pages/experiences/popup.png', sizingMethod='crop');*/
	background: url(/package/wr/pages/experiences/popup.gif) top center no-repeat;
	color: white;
	padding: 20px 21px 20px 14px;
	width: 285px;
	font-size: 11px;
}

*>.item_popup{
	background: url(/package/wr/pages/experiences/popup.png) top center no-repeat;
}


.item_popup p{
	color: #333;
}

.item_popup img{
	float: left;
	width: 75px; 
	height: 75px;
	padding: 2px;
	border: 1px solid #aaa;
	background: white;
}
.item_popup div.content{
	margin-left: 80px;
}



p.continent_list{
	text-align: center; width: 80%; margin: 0px auto; font-size: medium;
}

p.continent_list a{
	margin:3px 10px;
	white-space: nowrap;
	padding: 2px;
}

img.mycon2{
	border: 1px solid #ccc; padding: 2px;
}

div.nicetext p, p.nicetext{
	line-height: 1.4em;
	text-align: left;
}



/*================================================
*	Header
================================================*/

div#header{	
	border: 0;
	background: url(/images/layout2/header/bg3.png) 0px -107px repeat-x #41a6e6;
	height: 120px;
}

div#header h1{
	margin: 0px;
	color: white;
	padding: 0px 0px 0px 20px;
	font-size: 30px;
}

div#header #strapline{	
	color: white;
	font-size: 16px;
	position: absolute;
	right: 38px;
	top: 68px;
}


div#header #strapline2{	
	color: white;
	font-size: 16px;
	position: absolute;
	width: 236px;
	right: 26px;
	top: 68px;
	z-index: 10;
}

#strapline2 a{
	color: #fa4;
}

div#searcharea{
	
	position: absolute;
	top: 0px;
	right: 0px;
	width: 452px;
	height: 107px;
	background: url(/images/layout2/header/bg3.png) top left no-repeat;
	text-align: center;
	
}

div#searcharea div{
	
	position: absolute;
	top: 11px;
	right: 47px;
	
}

div#searcharea input{
	border: 3px solid white;
	font-size: 16px;
	width: 155px;
	color: #ccc;
	padding: 0px;
}

div#searcharea img{
	vertical-align: top;
	cursor: pointer;	
}


/*================================================
*	Content section
================================================*/

div#outercontent {
	padding: 0px 20px;
}

/* For IE: Simulate min-height */
div#content{
	height: 450px;	
}

/*	For proper browsers */
html>body div#content{
	
	height: 100%;
	min-height: 450px;
}

/*================================================
*	Page tabs
================================================*/

ul#pagetabs{
	position:absolute;
	top: 69px;
	left: 20px;
	width:980px;
	height: 50px;
}

ul#pagetabs li{
	height: 50px;
	float: left;
	padding: 0px 0px 0px 20px;
}

ul#pagetabs li span{
	display: inline;
	text-align: center;
	height: 34px;
	padding: 16px 20px 0px 0px;
	background: url(/images/spacer.gif) top right no-repeat;
	display: block;	
	float: left;
}

ul#pagetabs a{
	color: #fff;
	text-decoration: none;
}

ul#pagetabs li.selected{
	background: url(/images/layout2/header/page-tab.png) top left no-repeat;
}

ul#pagetabs li.selected span{
	background: url(/images/layout2/header/page-tab.png) top right no-repeat;
}

ul#pagetabs li.selected a{
	color: #666;
	font-weight: bold;
}

/*================================================
*	Breadcrumbs
================================================*/

div#breadcrumbs{
	color: #444;
	margin-bottom: 20px;
}

/*	Shows user info... D? */
div#breadcrumbs div{
	float: right;
	margin-top: -8px;
	padding: 7px 4px;	
}




/*================================================
*	Page layouts
================================================*/

/* Even columns 50%, 50% */

div.layout_11 div.col1 {
	float: left;
	width: 49%;
}

div.layout_11 div.col2{
	
	float: left;
	margin-left: 2%; /*50%;*/
	width: 49%;	
}

/* Columns 25%, 75% */

div.layout_13 div.col1{
	
	float: left;
	width: 260px;
}

div.layout_13 div.col2{
	
	margin-left: 28%;
	width: 70%;
}

div.layout_31 div.col1{
	
	float: left;
	width: 74.0%;
}

div.layout_31 div.col2{
	
	margin-left: 75.5%;
	width: 24.0%;
}

	




#hp_topcell
{
	height: 150px; position: relative;
}

#hp_topcell_intro{
	padding: 10px;
	color: white; 
	position: absolute; 
	left: 5px; 
	bottom: 5px; 
	width: 420px;
}

#hp_topcell_intro h1{
	font-size: 18px;
	font-family: Arial, sans-serif;
	color: #ddd;
	margin: 0 0 0.4em 0;
}

#hp_topcell_intro h1 strong{
	color: white;
}

#hp_topcell_intro h2{
	color: #ddd;
	font-family: Arial, sans-serif;
	font-size: 14px;
	margin: 0;
}

table.hp_white_columns
{
	width: 100%;
	border-collapse: separate;
	border-spacing: 8px;	
}

table.hp_white_columns td.column
{
	width: 33%; 
	vertical-align: top;
	background: #eee;
	padding: 8px;
}

table.hp_white_columns td.column
{
	background: url(images/fff_75_10x10.png); 
}

table.hp_white_columns h3
{
	margin: 0px 0px 12px 0px; 
	font-size: 160%;
	border-bottom: 1px solid #999;
}

h3 a{
	color: #002477 !important;
}

h4{
	font-family: Georgia, serif;
	color: #002477;
	margin: 0em 0 0.4em 0;
	font-weight: normal;
}

div.hp_item_left, div.hp_item_right{
	margin-bottom: 0.5em;
	padding-bottom: 0.5em;
	border-bottom: 1px solid #999;
	min-height: 90px;	
}

div.hp_item_left img{
	float: left;
	border: 1px solid #ccc; background: white; padding: 3px; width:100px; height: 80px;
}

div.hp_item_right img{
	float: right;
	border: 1px solid #ccc; background: white; padding: 3px; width:100px; height: 80px;
}


div.hp_item_left div{
	margin-left: 112px;
}

div.hp_item_right div{
	margin-right: 112px;
}

table.hp_links_list{
	width: 100%;
}

table.hp_links_list td{
	vertical-align: top;
}

#hp_stats{
	text-align: center; font-size: medium;
}