/*
 * FOR GENERAL STYLE & LAYOUT ONLY - NO SITE SPECIFIC STUFF
 * css file used for classes which determine the STYLE of the specific object.
 * style means:
 *   - font (size, color, weight ... )
 *   - backgrounds
 *   - text alignments
 *
 * ! NO PAGES SPECIFIC STYLES HERE                                              !
 * ! styles regargin objects which are only on specific pages should be         !
 * ! specified in sko_pages.css                                                 !
 *
*
*
 * Directory
 ************
 * - general font formats
 *
 * - basic elements
 * --
 * 
 * - basic layout
 * -- html body
 * -- header
 * -- content
 * -- footer
*/





/* ------------------------------------------------------------------------------
* _general font formats
*/ 


body{
	font-family: Calibri, Tw Cen MT, Trebuchet MS, Tahoma, Helvetica;
	font-size:15px;
}


h1,
h2{	font-size:18px; font-weight:bold; }

h3{	font-size:16px; font-weight:bold; }

.box .title h1,
.box .title h2,
.box .title h3,
h1.inline,
h2.inline,
h3.inline{
	display:inline; 
	margin:0; 
	padding:0;	
	font-size:15px;
}


body .content{
	color:#071a2b;
}


body .footer .box .title{
	font-size:110%;
}


body * .small,
small{
	font-weight:normal;
	font-size:85%;
}

body * .gray,
body * .gray *{
	color:gray;
}

body * .big{
	font-size:110%;	
}

p{
	margin:0;
	padding:0.2em 0 0.3em 0;
}


h4.text{
	font-size:120%;
	font-style:italic;	
}
p.text{
	/*
	font-family:Tahoma, Helvetica, Arial;
	font-size:90%;
	line-height:1.3em;
	letter-spacing:0.1em;
	*/
}


.box .title{
	padding:0;
	font-weight: bold;
	color:#fff;
	line-height: inherit;
	line-height: 30px;
}

.box.inner .title {
	color: #616141;
	font-size: 13px;
	line-height: 20px;
}

.infowindow{
	font-size:85%;
}


.footer {
	color:#3f3f34;	
}

.grid_9 .t .title a
{
	display: inline-block;
	line-height: 30px;

}
.footer h2{
	margin:10px 10px 20px;	
}

/* links ------------------------------------ */

a,
a:link{
	text-decoration: underline;
	color:#f19900;
	cursor: pointer;
}
a:hover{
	/* border-bottom:1px solid #f19900; */
	color: #f19900;
}
a:visited{
	/* border-bottom:1px solid #d8d8d8; */
	color: #cb8100;
}



.box .title a:hover,
.box .title a:visited{
	color:#ffffff;
}
.box.inner .title a:hover,
.box.inner .title a:visited{
	color:#cb8100;
}



.footer a,
.footer a:link,
.footer a:visited{
	color:#707061;
	/* border-bottom:1px dotted #707061; */	
}
.footer a:hover{
	/* border-bottom:1px solid #707061; */	
}

.footer a,
.footer a:link,
.footer a:visited{
	color:#707061;
	/* border-bottom:1px dotted #707061; */	
}
.footer a:hover{
	/* border-bottom:1px solid #707061; */	
}


/* images ---------------------------------- */

a.img,
body * a.img{
	border:0;	
}

img.va_m{
	vertical-align:middle;
}

/* user images sizes */
img.u_small		{height: 35px; width:35px;}
img.u_medium	{height: 50px; width:50px;}
img.u_big		{height: 150px}

/* poi images sizes */
img.p_small		{height: 60px;}
img.p_medium	{height: 87px; width:116px;}
img.p_big		{height: 270px;}




/* ------------------------------------------------------------------------------
*	basic elements
*/ 


/* lists */

ul.default_list{
	list-style-type:circle;
	margin:0 5px;
	padding:0 15px;	
}
ul.default_list li{
	padding:2px;
}

ul.checked_list {
	display:block;
	margin:15px 0 0 10px;
	padding:0 0 0 25px;
	list-style-image:url('../img/misc/list_style_checked_big.png');
}
ul.checked_list li{
	margin-bottom:5px;
}


ol.default_list{
	list-style-type: decimal;
	margin:0 10px;
	padding:0 20px;	
}
ol.default_list li{
	padding:2px;
}

/* step list */
ul.step_list li.step_1 {		background:transparent url('../img/elements/step_list/list_item_step_1.png') no-repeat; }
ul.step_list li.step_1_active {	background:transparent url('../img/elements/step_list/list_item_step_1_active.png') no-repeat; }

ul.step_list li.step_2 {		background:transparent url('../img/elements/step_list/list_item_step_2.png') no-repeat; }
ul.step_list li.step_2_active {	background:transparent url('../img/elements/step_list/list_item_step_2_active.png') no-repeat; }

ul.step_list li.step_3 {		background:transparent url('../img/elements/step_list/list_item_step_3.png') no-repeat; }
ul.step_list li.step_3_active {	background:transparent url('../img/elements/step_list/list_item_step_3_active.png') no-repeat; }

ul.step_list li.step_4 {		background:transparent url('../img/elements/step_list/list_item_step_4.png') no-repeat;}

ul.step_list li.step_5 {		background:transparent url('../img/elements/step_list/list_item_step_5.png') no-repeat; }



/* definition lists */
dl{
	padding:0.2em 0 0.3em 0;
}
dt{
	clear:left;
	float:left;
	width:5%;
	padding:2px;
}
dd{
	width:90%;
	float:left;
	padding:2px;
	overflow:hidden;
}

dl.dlw_25 dt{	width:25%;	}
dl.dlw_25 dd{	width:70%;	}


/* misc -------------------------------- */

.pm0{
	padding:0;
	margin:0;
}

.link{
	cursor: pointer;
}

.shadow,
.border_brown{
	border:1px solid #aaaa7d;
}

hr{
	clear:both;
	height:1px;
	border:0;
	border-bottom:1px dotted #aaaa7d;
	margin:5px 0;
}


* .left{
	float:left;
}
* .right{
	float:right;
}

.clear1{
	clear:both;
	display:block;
	height:1px;
}

/* advertisement integration ---------- */

/* sky scraper to the right 160x600 */
#sky_right{
	display:none;
	position:absolute; 
	top:1em; 
	left:65em;
}
body.sky_right{
	position:relative;
}
body.sky_right #sky_right{
	display:block;	
}



/* system message boxes ------------------------------- */

.system_message{
	display:block;
	clear:left;
	margin:1em;
	padding:1em 0.5em;
	background:#FFFFD7;
	border:1px solid #FFFF5B;	
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.box .system_message{
	margin:0 0 1em 0;
}
.system_message h5{
	font-size:120%;
}
.system_message.ok{			background:#E8FFE8;		border-color:#00A800;		}
.system_message.ok h5{		color:#00A800;	}

.system_message.error{		background:#FFE8E9;		border-color:red;			}
.system_message.error h5{	color:red;		}



/* item_list ------------------------------------ */

ul.item_list{
	list-style-type:none;
	display:block;
}

ul.item_list li{
	float:left;
	display:block;
	width:120px;	
	height:170px;
	margin:0 10px;
	overflow:hidden;
}


ul.item_list li p{
	margin:1px;
	padding:0;
	font-size:89%;
	padding-top: 9px;
}

ul.item_list li a {
	display:block;
	margin:0 auto;
	border: 0;
	text-decoration: none;
}
ul.item_list li a span.img {
	width: 118px;
	height: 90px;
	display: block;
}

ul.item_list.scroll li.btn_scroll_left,
ul.item_list.scroll li.btn_scroll_right{
	width:35px;
	margin:0px;
	background-repeat: no-repeat;
}
ul.item_list.scroll li.btn_scroll_left{

	background-position: left center;
	margin-left:0;
}
ul.item_list.scroll li.btn_scroll_right{

	background-position: right center;
	margin-right:0;
}


ul.item_list.dynamic{	
}
ul.item_list.dynamic li{
	border:1px solid #aaaa7d;
	width:91px;
	height:91px;
	text-align:center;
	margin-bottom:-1px;
	margin-right:-1px;
	background:url('../img/elements/poi_list/vertical_list_item_bg.png') repeat-x 0 0;
}
ul.item_list.slim li img{
	/*
	margin:0.5em auto;
	*/
}

ul.item_list li.clear,
ul.item_list.slim li.clear{
	clear:both;
	height:0px;
	width:0px;
}


/* item_list_vertical ---------------- */

.item_list_vertical{
	list-style-type:none;
	border:1px solid #aaaa7d;
	border-bottom:0;
}
.item_list_vertical li{
	display:block;
	clear:both;
	border-bottom:1px solid #aaaa7d;
	background:#f2f2d9 url('../img/elements/poi_list/vertical_list_item_bg.png') repeat-x 0 0;
	padding:5px;
	overflow:hidden
}

/* function list --------------------- */
.function_list{
		
}
.function_list li{
	display:block;
	float:left;
	width:100%;
	margin-right:5px;
	padding:15px 0;	
	border-bottom:1px dotted gray;
}
.function_list li img{
	float:left;
	margin-right:5px;
}
.function_list li h5,
#mobiledetails h4{
	margin-top:20px;
	font-weight:bold;
	font-style:italic;
	
}
.function_list li p{
	margin-top:5px;
}

.function_list.fl_w50 li{
	width:47.5%;
	margin-right:1px dotted gray;
}


/* sub tabs  -------------------------- */

ul.sub_tabs{
	display:block;
	position:relative;
	top:2px;
	width:100%;
	height:68px;
	margin:0;
}

ul.sub_tabs li{	
	display:block;
	float:left;
	height:68px;
	background:url('../img/elements/sub_tabs/subtabs-shadow.png') repeat-x 0 0;
}

ul.sub_tabs li.first{
	width:16px;
	background:url('../img/elements/sub_tabs/subtabs-left.png') no-repeat 0 0;
}
ul.sub_tabs li.last{
	width:16px;
	background:url('../img/elements/sub_tabs/subtabs-right.png') no-repeat 0 0;
}


ul.sub_tabs li a{
	display:block;
	float:left;
	width:137px;
	height:55px;
	margin:2px 0 0 0;	
	background:url('../img/elements/sub_tabs/subtabs-inactive.png') repeat-x;
	text-decoration: none;
}
ul.sub_tabs li a:hover{
	background:url('../img/elements/sub_tabs/subtabs-hover.png') repeat-x;
}
ul.sub_tabs li a:focus{
	background:url('../img/elements/sub_tabs/subtabs-focus.png') repeat-x;
}

ul.sub_tabs li a,
ul.sub_tabs li a:link,
ul.sub_tabs li a:visited,
ul.sub_tabs li a:hover{
	border:1px solid #061624;
}

ul.sub_tabs li.active a{
	background:url('../img/elements/sub_tabs/subtabs-active.png') repeat-x;
	border:1px solid #c16500;
}
ul.sub_tabs li a span{
	display:block;
	padding-top:17px;
	color:#ffffff;
	text-align:center;
	font-size:110%;
	font-weight:bold;
}
ul.sub_tabs li.active a span{
	color:#473200;
}



/* sub tabs slim ---------- */

ul.sub_tabs.slim{
	height:46px;
	margin-top:0;
}
ul.sub_tabs.slim li{
	margin:0;
	border:0;
	padding:0;	
	height:46px;
	background:url('../img/elements/sub_tabs_slim/subtabs-shadow.png') repeat-x 0 0;
}

ul.sub_tabs.slim li.first{
	width:11px;
	background:url('../img/elements/sub_tabs_slim/subtabs-left.png') no-repeat 0 0;
}
ul.sub_tabs.slim li.last{
	width:11px;
	background:url('../img/elements/sub_tabs_slim/subtabs-right.png') no-repeat 0 0;
}

ul.sub_tabs.slim li a{
	width:auto;
	height:36px;	
	background:url('../img/elements/sub_tabs_slim/subtabs-inactive.png') repeat-x;	
}
ul.sub_tabs.slim li a:hover{
	background:url('../img/elements/sub_tabs_slim/subtabs-hover.png') repeat-x;
}
ul.sub_tabs.slim li a:focus{
	background:url('../img/elements/sub_tabs_slim/subtabs-focus.png') repeat-x;
}

ul.sub_tabs.slim li.active a{
	background:url('../img/elements/sub_tabs_slim/subtabs-active.png') repeat-x;
}
ul.sub_tabs.slim li a span{
	padding:9px;	
	font-size:100%;
}


/* tables -------------------------------------------- */

table.list{
	margin:0.5em 0;
	width:100%;
}
table.list caption{
	display:none;
}

table.list tr{
	background-color:#f0f0d2;	
}

table.list th,
table.list td{
	padding:1px 4px;
	border:3px solid #f7f7ef;
}


table.list.mailbox{		
}
table.list.mailbox td img{		
	margin-right:5px;
}


/* note blocks (comments, guestbook, messages ... ) ----- */

.note_box{
	clear: both;
	border:1px solid #aaaa7d; 
	padding: 2px; 
	margin-top:4px;
}
.note_box .author_image{
	display:block;
	float: left; 
	border:1px solid #aaaa7d; 
	margin:5px;
}
.note_box .note_header{
	padding-bottom:2px;
	border-bottom:1px dotted #aaaa7d;
	padding:5px;
	font-size:80%;
}
.note_box .note_content{
	padding-left:50px;
}
.note_box .note_footer{
	clear:both;
	padding-top:2px;
	border-top:1px dotted #aaaa7d;
	font-size:80%;
	text-align:right;
}




/* forms ------------------------------------------------ */

form{
	display:inline-block;
	margin:0;
	padding:0;
	width:100%;
}

fieldset{
	border:0;
	margin:0;
	padding:3px 0;
}

fieldset legend{
	display:none;
}

label{
	display:block;
	clear:left;
	font-size:110%;	
}
.formlayout label{
	clear:left;
	float:left;
	min-height:1px;
	width:120px;
}

input.txt,
input.text,
select,
textarea{
	border:1px solid #aaaa7d;
	background:white url('../img/elements/form/input-field.png') top left no-repeat;
	width:95%;
	margin:2px 0;
	font-size:1.25em;
	padding:0.15em 0.3em;
}

textarea {resize: none;}

select{
	width:auto;
	padding:0.1em;
}

input.radio{
	clear:left;
	display:block;
	float:left;
	position:relative;
	top:3px;
	margin-right:0.5em;
	
}

label.radio,
.formlayout label.radio{
	clear:none;
	display:block;
	float:left;
	width:90%;
	
}

input.sbm,
input.button,
input.cnl{
	border:0;
	text-align:center;
	height:44px;
	position:relative;
	left:-4px;
	color:#6f3501;
	font-size: 12px;
}

input.cnl{
	color:#444444;
}

input.chk{
	position:relative;
	top:3px;
	clear:none;
	float:left;
}

label.chk{
	display:inline	
}

form .right{
	left:4px;
	float:right;
}

form .left{
	float:left;	
}

input.sbm,
input.button{
	font-weight:bold;
}

input.sbm				{ background:url('../img/elements/form/button-80-inactive.png'); width:88px;}
input.sbm:focus,
input.sbm:hover			{ background:url('../img/elements/form/button-80-hover.png');}
input.sbm:active		{ background:url('../img/elements/form/button-80-active.png');}

input.sbm.w_80			{ background:url('../img/elements/form/button-80-inactive.png'); width:88px;}
input.sbm.w_80:focus,
input.sbm.w_80:hover	{ background:url('../img/elements/form/button-80-hover.png');}
input.sbm.w_80:active	{ background:url('../img/elements/form/button-80-active.png');}

input.sbm.w_100			{ background:url('../img/elements/form/button-100-inactive.png'); width:108px;}
input.sbm.w_100:focus,
input.sbm.w_100:hover	{ background:url('../img/elements/form/button-100-hover.png');}
input.sbm.w_100:active	{ background:url('../img/elements/form/button-100-active.png');}

input.sbm.w_120			{ background:url('../img/elements/form/button-120-inactive.png'); width:128px;}
input.sbm.w_120:focus,
input.sbm.w_120:hover	{ background:url('../img/elements/form/button-120-hover.png');}
input.sbm.w_120:active	{ background:url('../img/elements/form/button-120-active.png');}

input.button			{ background:url('../img/elements/form/button-120-inactive.png'); width:128px;}
input.button:focus,
input.button:hover		{ background:url('../img/elements/form/button-120-hover.png');}
input.button:active		{ background:url('../img/elements/form/button-120-active.png');}

input.sbm.w_140			{ background:url('../img/elements/form/button-140-inactive.png'); width:148px;}
input.sbm.w_140:focus,
input.sbm.w_140:hover	{ background:url('../img/elements/form/button-140-hover.png');}
input.sbm.w_140:active	{ background:url('../img/elements/form/button-140-active.png');}


input.cnl,				{ background:url('../img/elements/form/button_gray-80-inactive.png'); width:88px;}
input.cnl:focus,
input.cnl:hover			{ background:url('../img/elements/form/button_gray-80-hover.png');}
input.cnl:active		{ background:url('../img/elements/form/button_gray-80-active.png');}

input.cnl.w_80			{ background:url('../img/elements/form/button_gray-80-inactive.png'); width:88px;}
input.cnl.w_80:focus,
input.cnl.w_80:hover	{ background:url('../img/elements/form/button_gray-80-hover.png');}
input.cnl.w_80:active	{ background:url('../img/elements/form/button_gray-80-active.png');}

input.cnl.w_100			{ background:url('../img/elements/form/button_gray-100-inactive.png'); width:108px;}
input.cnl.w_100:focus,
input.cnl.w_100:hover	{ background:url('../img/elements/form/button_gray-100-hover.png');}
input.cnl.w_100:active	{ background:url('../img/elements/form/button_gray-100-active.png');}

input.cnl.w_120			{ background:url('../img/elements/form/button_gray-120-inactive.png'); width:128px;}
input.cnl.w_120:focus,
input.cnl.w_120:hover	{ background:url('../img/elements/form/button_gray-120-hover.png');}
input.cnl.w_120:active	{ background:url('../img/elements/form/button_gray-120-active.png');}

input.cnl.w_140			{ background:url('../img/elements/form/button_gray-140-inactive.png'); width:148px;}
input.cnl.w_140:focus,
input.cnl.w_140:hover	{ background:url('../img/elements/form/button_gray-140-hover.png');}
input.cnl.w_140:active	{ background:url('../img/elements/form/button_gray-140-active.png');}


input.sbm.green			{ height:39px;
						  width:111px;
						  color:#2c4700;
						  background:url('../img/elements/form/button-green-inactive.png'); }
input.sbm.green:focus,
input.sbm.green:hover	{ background:url('../img/elements/form/button-green-hover.png');}
input.sbm.green:active	{ background:url('../img/elements/form/button-green-active.png');}




.formlayout .txt,
.formlayout textarea{
	width:75%;
}

.widelabel_form label{
	width:200px;	
}
.widelabel_form input.txt,
.widelabel_form input.text{
	width:50%;
}



/* map styles -------------------------- */

#map{
	overflow:hidden;	
}

#map .inner {
	margin: 0px;
}

#info {
	position:absolute;
}

body.fullscreen .infowindow {
	color:#010101;
	font-size:1.3em;
}

.infowindow {
	position:absolute;
	text-align:left;
	width:230px;
	border:1px solid white;
	z-index:3;
}
.infowindow .iw_arrow{
	position:absolute; 
	z-index:5;
	left:-10px; 
	top: 75px; 
	width:11px; 
	height:19px; 
	overflow:hidden;
	background:transparent url('../img/elements/map/infowindow/iw_arrow.png') top left no-repeat;
}

.infowindow .clr{
	clear:both;
}


.infowindow .inner_frame {
	border:1px solid gray;
	background-color:white;	
	padding:5px;	
}

.infowindow .iw_content{
}

.infowindow .inner_frame p{
	overflow:hidden;
}

.infowindow .inner_frame h5 {
	font-weight:bold;
	margin-bottom:5px;
}

.infowindow .inner_frame .rating {
	font-size:90%;
	margin:3px 0;
}

.infowindow .inner_frame .rating img {
	vertical-align:middle;
}

.infowindow .inner_frame .thumb {
	float:right;
	border:1px dotted gray;
	margin-left:0.5em;
	padding:1px;
}

.infowindow .inner_frame .tag {
	color:gray;
	text-decoration:underline;
	font-style:italic
}

.infowindow .inner_frame .tag:hover {
	color:#000
}

.infowindow hr {
	
}

span.activity {
	display:block;
	width:48px;
	height:48px;
	background-repeat:no-repeat;
	background-position:center;
	float:right;
	margin-left:0.5em;
}

.controls_container {
	border: 1px solid #c7c7a7;
	background-color: #dedcc0;
}



/* ------------------------------------------------------------------------------
* basic layout
*/ 

/****** html body -------------------------------- *******/

html,body{
	margin:0;
	border:0;
	padding:0;
}

body{
	letter-spacing:0.001em;
	line-height:1.2em;
	text-align:center;
}


html{	
	background:#dad8b8 url('../img/bg/site-gradient.png') top left repeat-x;
	overflow-y: scroll;
	
}


#content_wrapper {
	border-left:1px solid #9a9a79;
	border-right:1px solid #9a9a79;
	text-align:left;
	position: relative;
	background-color: #d9d9b4;
	/* background-image: url(../img/bg/content-gradient.png); */
}


.header,
.content,
.footer{
	clear:both;
	margin:0;
}


#js_modalwin {
	opacity: .9;
	filter: alpha(opacity=90);
	background: #000;
	width: 300px;
	height: 40px;
	color: #fff;
	font-size: 12px;
	padding: 20px;
	text-align: left;
	position: absolute;
}
.js_modalwin_close {
	background: url(../img/olPopup/btnClose.png) no-repeat;
	position: absolute;
	width: 16px;
	height: 16px;
	text-indent: -9999px;
	right: 5px;
	top: 5px;
	
	
}

/****** header -------------------------------- ******/

.header{
	height:100px;
	width:auto;
	background:url('../img/header/header.png') repeat-x;
	border-bottom: 1px solid #000; 
	margin:0;
	position: relative;
	z-index: 1;
	overflow: visible;
}

.header a{
	border:0;
}
.header .container_12 {
	background: none;
	border: none;
	height: 100%;
	overflow: visible;
}
/* logo -------------------------- */

.header .logo{
	margin: 0px;
	position:absolute;
	z-index: 2;
	bottom: -10px;
	left: 0px;
	width:230px;
	height:104px;
	background:url('../img/header/skobbler_logo_new.png') no-repeat;
}
.header .logo a{
	display:block;
	width:100%;
	height:100%;
	border:0;
}

.header .logo span{
	display:none;
}

/* register and login buttons ---------------- */
#register_login_box {
	position: absolute;
	right: 0px;
	top: 0px;
	padding-top: 3px;
}
#register_login_box a {
	height: 18px;
	border-width: 1px;
	border-style: solid;
	display: inline-block;
	text-align: center;
	font-size: 13px;
	line-height: 18px;
	background-repeat: repeat-x;
	background-position: left top;
	letter-spacing: 0;
	text-decoration: none;
}
#register_login_box a span {
	padding: 0px 10px 0px 30px;
	display: block;
	height: 18px;
}
#register_login_box a:hover {
	background-position: left bottom;
}
#registerBtn {
	color: #20201e;
	border-color: #592f00;
	background-image: url(../img/header/register_login_btns/register.png);
	position: relative;
	z-index: 900;
}
#registerBtn span {
	background-image: url("../img/tile_list/details_arrow.png");
	background-position: left -6px;
	background-repeat: no-repeat;
}
#registerBtn:hover span {
	background-position: left -36px;
}
#loginBtn {
	color: #d6d6d6;
	border-color: #081d2f;
	background-image: url(../img/header/register_login_btns/login.png);
	position: relative;
	z-index: 1001;
}
#loginBtn span {
	background-image: url("../img/misc/arrow_toggle.png");
	background-position: 8px -8px;
	background-repeat: no-repeat;
}
#logoutBtn {
	color: #d6d6d6;
	border-color: #081d2f;
	background-image: url(../img/header/register_login_btns/login.png);
	padding: 0px 10px;
}
#logoutBtn img {
	display: inline-block;
	float: left;
	margin-right: 6px;
	margin-top: 1px;
}
#register_login_box #userName {
	border: 0 none;
	padding: 0px 15px;
}

#quicklogin {
	position: absolute;
	right: 0px;
	top: 23px;
	background-color: #133656;
	color: #fff;
	margin: 0px;
	padding: 10px;
	border-width: 1px 1px 1px 1px;
	border-style: solid;
	border-color: #081d2f;
	text-align: left;
	z-index: 1001;
}


.overlay {
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	z-index: 1000;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background-color: #000;
}
/* main nav -------------------------- */
.header .nav_main{
	display:block;
	position: absolute;
	right: 0px;
	bottom: 20px;
}
.header .nav_main li{
	display:inline;
}
.header .nav_main li a{
	display:block;
	float:left;
	margin:2px;
	height:37px;
	border:0;
	font-weight:bold;
	text-decoration: none;
}
.header .nav_main li a span{
	display:block;
	float:left;
	height:37px;
}
.header .nav_main li a .l,
.header .nav_main li a .r{
	width:6px;
}

.header .nav_main li a .c{	
	width:auto;
}
.header .nav_main li a .c span{	
	display:block;
	padding:10px 4px 0 4px;
}
.header .nav_main li a .l{			background:url('../img/header/menu/tab-inactive-left.png') no-repeat;	}
.header .nav_main li a .c{			background:url('../img/header/menu/tab-inactive-center.png') repeat-x;	}
.header .nav_main li a .r{			background:url('../img/header/menu/tab-inactive-right.png') no-repeat;	}

.header .nav_main li a:focus .l{	background:url('../img/header/menu/tab-focus-left.png') no-repeat;	}
.header .nav_main li a:focus .c{	background:url('../img/header/menu/tab-focus-center.png') repeat-x;	}
.header .nav_main li a:focus .r{	background:url('../img/header/menu/tab-focus-right.png') no-repeat;	}

.header .nav_main li a:hover .l{	background:url('../img/header/menu/tab-hover-left.png') no-repeat;	}
.header .nav_main li a:hover .c{	background:url('../img/header/menu/tab-hover-center.png') repeat-x;	}
.header .nav_main li a:hover .r{	background:url('../img/header/menu/tab-hover-right.png') no-repeat;	}

.header .nav_main li a:active .l{	background:url('../img/header/menu/tab-focus-left.png') no-repeat;	}
.header .nav_main li a:active .c{	background:url('../img/header/menu/tab-focus-center.png') repeat-x;	}
.header .nav_main li a:active .r{	background:url('../img/header/menu/tab-focus-right.png') no-repeat;	}

.header .nav_main li.active a .l{	background:url('../img/header/menu/tab-active-left.png') no-repeat;	}
.header .nav_main li.active a .c{	background:url('../img/header/menu/tab-active-center.png') repeat-x;	}
.header .nav_main li.active a .r{	background:url('../img/header/menu/tab-active-right.png') no-repeat;	}


.header .nav_main li a .r,
.header .nav_main li a:hover .r,
.header .nav_main li a:active .r,
.header .nav_main li.active a .r{
	background-position:top right;
}
.header .nav_main li a			{	color:#ffffff;}
.header .nav_main li.active a	{	color:#6f3501;}



/* status box -------------------------- */
.status_box{
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	margin: 0px 10px;
	background-color: #0e406b;
	background-image: url(../img/elements/status_box/status_bar_bg.png);
	background-repeat: repeat-x;
	z-index: 1000;
	height: 28px;
	border-width: 1px 1px 0px 1px;
	border-style: solid;
	border-color: #0a2942;
}


.status_box  li{
	display:block;
	float:left;
	height:28px;
	line-height: 28px;
	color:#f2f2f2;
	font-size:11px;
	padding: 0px 16px;
	border-left: 1px solid #071f32;
	border-right: 1px solid #2e475b;
}
.status_box .alpha {
	border-left: 0;
}

.status_box .omega {
	border-right: 0;
}
.status_box li.omega_invers {
	border-right: 1px solid #071f32;
	padding: 0px;
}

.status_box li.omega_invers div {
	display: block;
	padding: 0px 16px;
	height: 28px;
	line-height: 28px;
	border-right: 1px solid #2e475b;
}

.status_box li img{
	display: inline-block;
	float:left;
	margin-right: 10px;
	margin-top: 6px;
}
#logout {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 28px;
	border-left: 1px solid #2e475b;
}
#logout a {
	height: 28px;
	line-height: 28px;
	display: inline-block;
	cursor: pointer;
	padding: 0px 16px;
	border-left: 1px solid #071f32;
}
#logout a img {
	margin-top: 6px;
}
/* vissitors with picture box  */
#visitors li{

	background-color: #F2F2D9; 
	margin: 0 4px;
	width:102px;
}
/* friends with picture box  */
#my_friends li{

	background-color: #F2F2D9;
	margin: 2px 2px 2px 2px;
	height:92px;
	width:164px;
	margin-bottom:5px;
}
#invited_friends li{

	background-color: #F2F2D9;
	margin: 2px 2px 2px 2px;
	height:92px;
	width:164px;
	margin-bottom:5px;
}
#friends_left_col li{

	background-color: #F2F2D9;
	margin: 0 4px;
	width:97px;
}


/* flag box ----------------------------- */

.header .country_box {
	/* flag icons by famfamfam.com */
	position:absolute;
	z-index: 110;
	bottom:0.5em;
	left:110px;
	width: 116px;
	height: 22px;
	overflow: visible;
	text-align: left;
	font-size: 10px;
	color: #3a3a37;
	line-height: 20px;
}
.header .country_box  a {
	color: #3a3a37;
	line-height: 20px;
	padding: 0px 3px;
	display: inline-block;
	height: 20px;
	text-decoration: none;
}
.header .country_box  a  img {
	display: block;
	float: left;
	margin-top: 5px;
	margin-right: 3px;
}
.header .country_box  a  span {
	display: block;
	float: left;
	line-height: 20px;
}
.header .country_box .selected_country {
	position: relative;
	z-index: 114;
	height: 20px;
	border: 1px solid #acaca1;
	background: #eeeeee url(../img/header/country_box/selected_country_bg.png) top left repeat-x;
	cursor: pointer;
}
.header .country_box .selected_country.active {
	background: #eeeeee url(../img/header/country_box/selected_country_bg.png) bottom left repeat-x;
	border-width: 1px;
	border-style: solid;
	border-color: #ffd103 #fec813 #fdbe27 #fec813;
}
.header .country_box .selected_country a {
	width: 87px;
	padding-right: 0px;
	border-right: 1px solid #fafafa;
}
.header .country_box .selected_country a span {
	width: 67px;
	border-right: 1px solid #ebebeb;
}
.header .country_box .selected_country.active a {
	border-right: 1px solid #fedc65;
}
.header .country_box .selected_country.active a span {
	border-right: 1px solid #f2c407;
}
.header .country_box .selected_country .toggle_arrow {
	margin: 0px;
	padding: 0px;
	border: 0 none;
	display: block;
	position: absolute;
	right: 3px;
	top: 0px;
	height: 20px;
	width: 20px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
	background: url(../img/header/country_box/toggle_arrow.png) left top no-repeat;
	z-index: 115;
}
.header .country_box ul {
	position: absolute;
	display: none;
	width: 100%;
	height: auto;
	background: #fafafa;
	z-index: 113;
	top: 20px;
	border-bottom: 1px solid #d7d7ba;
}
.header .country_box ul  li {
	border-top: 1px solid #eaeaea;
}
.header .country_box ul  li a {
	display: block;
}
.header .country_box ul  li a:hover {
	background:#ffd103 url(../img/header/country_box/hover_list.png) left bottom repeat-x;
}


/******* content -------------------------------- *******/

.content{
	padding:25px 0px 10px;
}

.content .content{
	margin:0;
	padding:0;
}

/* big JOIN btn */
.joinSkobbler {
	display: block;
	position: absolute;
}
.joinLink:link, .joinLink:visited, .joinLink:hover {
	display: block;
	float: right;
	background: url(../img/pages/landing/phones_btn_active.png) left top repeat-x;
	height: 38px;
	padding: 0px 20px;
	line-height: 38px;
	border: 1px solid #ad7200;
	color: #6f3501;
	text-decoration: none;
	font-weight: bold;
	font-size: 16px;
}
.joinLink  span {
	display: block;
	padding-left: 20px;
	background: url(../img/pages/landing/joinArrow.png) left center no-repeat;
	height: 38px;
	line-height: 38px;
}
.loginLink {
	display: block;
	font-size: 12px;
	clear: both;
	float: right;
}
.loginLink  a {
	font-weight: bold;
}


/* bread crumbs -------------------------- */
ul.navi_breadcrumbs {
	display:block;
	position:absolute;
	top: 5px;
	margin:0 0 0 10px;
	padding:0;
	font-size:11px;
	color:gray;
}

ul.navi_breadcrumbs li {
	font-size:1.1em;
	float:left;
	padding:0.3em 0.3em 0.3em 0;
}

ul.navi_breadcrumbs li a {
	color:gray;
}

ul.navi_breadcrumbs li a:hover {
}

/* language ------------------------- */

.interfaceLanguage {
	position: absolute;
	right: 12px;
	top: 5px;
	height: 20px;
	overflow: hidden;
}
.interfaceLanguage form {
	display: none;
}



/* search bar -------------------------- */

#search .box{
	display:block;
	float:none;
}

#search fieldset{
	display:block;
	float:left;
	width:43.5%;
	
}
#search label{
	display:inline;
	position:relative;
	font-size:170%;	
	top:2px;
	margin-right:6px;
}

#search input.txt,
#search input.text{
	width:75%;
}

#search fieldset.what{
	margin-left:10px;	
}

#search fieldset.find{
	width:10%;	
}

#search fieldset.find input.sbm{
	margin-top:-5px;
}

/* last searches */

.lastSearches {
	/*background: transparent url(../img/site/searchbar_big_bg.png) no-repeat scroll left top;*/
	background-color: #fefefe;
	border: solid 1px #f7a228; 
	z-index: 100;

}

.lastShadow {
	z-index: 99;
}

.lastSearches div, .lastSearches p, .lastSearches li {
	/*height: 15px;*/
	/*color: #EE7F01;*/
	text-align: left;
	padding: 3px 3px 3px 15px;
	font-size: 12px;
	cursor: pointer;
}


.lastSearches div.selectedRow, .lastSearches p.selectedRow, .lastSearches li.selectedRow {
	font-weight: bold;
	background-color: #fad298;
}


.lastSearches div.normalRow, .lastSearches p.normalRow, .lastSearches li.normalRow  {
	font-weight: normal;
	background-color: #fefefe;
}

.grayed {
	color: gray;
}


/***** blog_block -----------------------------**********/
#content_wrapper .blog_block {
	width: 940px;
}
.blog {
	border: 3px solid #d8d8b8;
}
.blog .title {
	height: 50px;
	background-color: #d8d8b8;
	position: relative;
}
.blog .title h3 {
	padding: 10px 50px 5px 5px;
}
.blog .title h3 a {
	text-decoration: none;
}
.blog .title .date {
	position: absolute;
	height: 40px;
	width: 40px;
	top: 3px;
	right: 3px;
	background-color: #bcbc97;
	color: #fff;
}
.blog .title .date span {
	color: #fff;
	display: block;
	line-height: 1;
	text-align: center;
}
.blog .title .date .day {
	font-weight: bold;
	font-size: 24px;
}
.blog .content {
	padding: 5px;
}

/******* footer -------------------------------- *******/

.footer{
	border-top:10px solid #CECEAC;
	background:#a6a683;
	padding-bottom: 20px;
	text-align: left;
	position: relative;
	
}

.footer .box .title{
	padding:0.3em 0.1em;	
}


.footer .info p{
	text-align:center;
	font-size:7pt;
}

.footer .sitemap{
	padding:2em 0;
	font-size:9pt;
	color:#3f3f34;	
	background:#a6a683; 
}

.footer .sitemap .block .title{
	font-weight:bold;
	font-size:10pt;	
}

.footer .sitemap .block ul{
	margin:0;
	padding:0;
}

.footer .sitemap .block ul li{
	list-style-type:none;
	margin:0;
	padding:0;
}
.footer .sitemap .block ul li a{
	color:#3f3f34;	
}
.footer .social {
	display: block;
	list-style: none;
}
.footer .social li {
	float: left;
	margin-right: 10px;
}