

/*Header*/

.logosmall
{
	float: left;
	position: relative;
	top:23px;
	left:-4px;
	
}


.HeaderWrapper
{
	background-position: left top;
	background: transparent url(./images/Bg/Hd_Bg.jpg) repeat-x;
}

.Header
{
	height: 140px;
	margin: 0pt auto;
	width: 980px;
}


.Header .cnt
{
	margin-left: 90px;
}


.Header .name
{
	max-height: 62px;
}

.Header .tagline
{
	background: transparent url(./images/Bg/Tag_Bg.gif) no-repeat scroll 0%;
	color: #000000;
}

.pl
{
	padding-left: 10px;
}

.fl
{
	float: left;
	position: relative;
}

.fl_left
{
	float: left;
}

.fl_right
{
	float: right;
}


.cl
{
	clear: left;
}

/* Tabbed Navigator */
.Nav
{
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0pt 0pt 10px;
}

.Nav li
{
	display: inline;
	float: left;
	position: relative;
}


.Nav li.selected a
{
	background: transparent url(./images/bg/Nav.gif) repeat scroll 0px 0px;
	color: #5D4D37;
}

.Nav li a
{
	background: transparent url(./images/Bg/Nav.gif) no-repeat scroll 0px -30px;
	color: #FFFFFF;
	display: block;
	font-size: 14px;
	font-weight: bold;
	height: 30px;
	line-height: 30px;
	margin-right: 7px;
	text-align: center;
	text-decoration: none;
	width: 109px;
}

/*Layout */

/* Page Wrappers */
#outerwrapper
{
	width: 995px;
	margin: 0px auto 0px auto;
	min-height: 10px;
	clear: both; /*border:solid 1pt red;*/
}

#wrapper
{
	margin-top: 0px;
	float: left;
	width: 730px;
	padding-bottom: 18px;
}

/* Content Area */
#content
{
	width: 100%;
	margin: 0px 0 0px 0px;
	float: left; /*border:solid 1pt red;*/
}

/* Sidebar Area */

#sidebar
{
	float: right;
	margin: 0px 0px 0 0px;
	width: 250px;
	padding: 0px 0px 0px 0px; /*border:solid 1pt red;*/
}


#footer{
margin-left:auto;
margin-right:auto;
text-align:left;
width:995px;
background-color:#fcfcfc;
padding:5px;


}

#footer a{
 font-weight:normal;
 color:Maroon;
}



/* Infobox a defaulton - for BOX3*/
.TitleImage
{
	background: #fcfcfc;
	font: bold 18px Arial, Helvetica, sans-serif;
	color: #a63112;
}

.TitleImage div.Image
{
	float: left;
	margin-left: 4px;
}


/* egysoros */
.TitleImage div.Cap1
{
	padding-right: 4px;
	padding-top: 15px;
	margin-left: 55px;
	height: 32px;
}

/* egysoros */
.TitleImage div.Cap2
{
	padding: 0.09em 4px;
	height: 32px;
	margin-left: 55px;
}

/* Latest Maps */
.LatestMap-Image
{
	border: solid 1pt #e2e1d9;
	float: left;
	padding: 0;
	height: 230px;
	margin-left: 1px;
}

.LatestMap-List
{
	border: solid 1pt #e2e1d9;
	padding-left: 4px;
	height: 230px;
}
.ROW_LASTTEN2
{
	background-color: #f2efe3;
}


/********************** TRACKList *************************/

.trl_bdycontent
{
	float: right;
	text-align: left; /*Border : solid 1pt #e2e1d9;*/
	width: 530px;
}

.trl_mediapanel
{
	float: right;
	text-align: left; /*Border : solid 1pt #e2e1d9;*/
	width: 530px;
	height:80px;
}




.trl_image
{
	float: left;
	text-align: left;
	border: solid 1pt #e2e1d9;
	margin-right: 3px;
	width: 180px;
	height: 150px;
}

.trl_head
{
	background-color: #f2efe3;
	font-size: 14px;
	color: #5d4d37;
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
	width:720px;
	
}

.trl_bdy
{
	padding-top: 3px;
	margin-bottom: 3px;
	width: 721px;
}

.trl_foot
{
	background-color: #f2f0ec;
	width: 720px;
	
}

.trl_foot #user
{
	float: left;
	width: 180px;
	overflow: hidden;
	margin-right: 5px;
}

.trl_foot #btns
{
	float: left;
	width: 360px;
	overflow: hidden;
	margin-right: 5px;
}


.trl_foot #icons
{
	float: right;
	width: 120px;
	overflow: hidden;
	padding-top:1px;
}



#trLst
{
	margin-left: 12px;
}

#trLst tr td
{
	padding: 0px 0px 0px 0px;
	margin: 0px;
}

#trl_detail tr td
{
	padding: 0px 0px 0px 3px;
	margin: 0px;
}

.trl_head2
{
	background-color: #f2f0ec;
	color: #5d4d37;
	padding-top: 3px;
	padding-bottom: 3px;
	width: 529px;
}

.trl_head2 #txt
{
	padding-left: 5px;
	width: 165px;
	float: left;
	font-weight: bold;
	color: #a63112;
}

.trl_body2
{
}

div.dvcomment
{
	background-color: #f4f8f2;
	padding-left: 3px;
	/*overflow: auto;*/
	margin-top:4px;
	width:717px;
	
	/*max-height: 80px;*/
}

.trl_body2 .tbl
{
	width: 165px;
	float: left; /*border-left-style: dashed; 	border-left-width: 1pt; 	border-left-color:#f2efe3;*/
	padding-left: 5px;
	height:48px;
}

.trl_body2 .cell
{
}




/* Scrollable mmedia gallery in tracklist */

.medPnlScrollContainer
{
    position:relative;
    width:530px;
    
}

/* root element for scrollable */
div.scrollable4{  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 82px;	 
	width: 528px;	
	float:left;
	
	/* decoration */
	margin:0;
	padding: 0px 0px 0px 0px;
	border:1px solid #e2e1d9;
	/*background-color:#fcfcfc;*/
	background-color:#f4f6ef;
}

/* root element for scrollable items */
div.scrollable4 div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	width:20000em;	
	
	/* decoration */
	margin:0px;
	
}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable4 div.items div.dvth
{
    
    float: left;
    text-align: center;
    width: 100px;
    height: 80px;
    padding: 0px 0px;
    border: 1px solid #e2e1d9;
    background: transparent url(./images/pics/back1.png) no-repeat scroll 0px 0px;
    -moz-border-radius: 3px;
    margin-top: 0px;
    margin-right: 4px;
    cursor:default;
}

/* active item */
div.scrollable4 div.items div.active {
	border:1px solid #e2e1d9;	
	background-color:#fff;
}

.thleft4:hover{
 filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
 
}

.thright4:hover{
 filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
 
}



.thleft4{
 
 width:15px;
height:18px; 
 z-index:205;
 position:absolute;
 left:4px;
 top:4px;
 filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
 background: transparent url(./images/pics/thleft2.png) no-repeat scroll 0px 0px;
 cursor:pointer;
}

.thright4{
filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
width:15px;
height:18px; 
 position:absolute;
 top:4px;
 right:6px;
 background: transparent url(./images/pics/thright2.png) no-repeat scroll 0px 0px;
 cursor:pointer;
}



/** EDITOR ***/

#trv_right_new
{
	
	width: 199px; /*border:solid 1pt oRANGE;*/
	float: right;
	margin: 0px;
	padding: 0px;
}


/********************* TrackView **************************/



#trv_left
{
	width: 710px; /*border:solid 1pt red;*/
	float: left;	
}

#trv_right
{
	display:none;
	width: 130px; /*border:solid 1pt oRANGE;*/
	float: right;
	margin: 4px 0px 0px 0px;
	padding: 0px 0px 0p px;
}



#trv_header
{
	height: 40px;
	width: 100%; /*border:solid 2pt black;*/
}


#trv_mapcontent
{	
	margin-left: auto; /*centering*/
	margin-right: auto;
	border: solid 1pt #e2e1d9;
	margin-bottom:3px;
	width: 714px;
}

#trv_mapheader
{
	height: 20px;
	width: 720px;
}

/*  TRackView Toolbar */

#trv_toolbar
{
	width: 510px;
	font-size:0.7em;
	background-color:#f2f0ec;
}

#playBar /*track player div*/
{
	float: right;
}

#mapBar /*track player div*/
{
	float: left;
}


/********** Misc *************************/

.simplelink{
 text-decoration:underline;
 cursor:pointer;
}

.SmallLink
{
    font-size: 10px;
    color: #BB7979;
    text-decoration: underline;
    font-family: Arial,Verdana;
    font-style: normal;
    font-weight:normal;
    cursor:pointer;
}

/*************** Stat **********************/
span.stat
{
	font-weight: normal;
	width: 150px;
}

p.statHeader
{
	font-weight: bold;
	text-align: right;
}

/**************** Editor *******************/

td.chbLab
{
	width: 70%;
	text-align: right;
}

/****************** WPEDIT Media Thumbnail Scrollable Galery ****************/


.wpPnlScrollContainer
{
    position:relative;
    width:100%;
}

/* root element for scrollable */
div.scrollable {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 77px;	 
	width: 100%;
	float:left;
	
	/* decoration */
	padding: 0px 0px 0px 0px;
	border:1px solid #e2e1d9;
	/*background-color:#fcfcfc;*/
	background-color:#f4f6ef;
}

/* root element for scrollable items */
div.scrollable div.items {	
	position:absolute;
	
	/* this time we have very large space for height */	
	width:20000em;	
	
	/* decoration */
	margin-top:2px;
	
}

/* 
	same settings as in horizontal scroller except that these items 
	are not floated
*/
div.scrollable div.items div.dvth
{
    
    float: left;
    text-align: center;
    width: 80px;
    height: 60px;
    padding: 0px 0px;
    border: 1px solid #e2e1d9;
    background: transparent url(./images/pics/back2.png) no-repeat scroll 0px 0px;
    -moz-border-radius: 3px;
    margin-top: 5px;
    margin-left: 10px;
    cursor:default;
}


div.scrollable div.dvthimg
{
margin:0;
padding:0;
position:relative;
width:80px;
height:60px;
background: transparent url(./images/pics/back2.png) no-repeat scroll 0px 0px;
cursor:pointer;

}



/* active item */
div.scrollable div.items div.active {
	border:1px solid #e2e1d9;	
	background-color:#fff;
}

.thleft{
 height:30px;
 width:9px;
 z-index:205;
 position:absolute;
 left:2px;
 top:24px;
 display:none;
 
 background: transparent url(./images/pics/thleft3.gif) no-repeat scroll 0px 0px;
}

.thright{
height:30px;
 width:9px;
 position:absolute;
 top:24px;
 right:-1px;
 display:none;
 background: transparent url(./images/pics/thright3.gif) no-repeat scroll 0px 0px;
}


.wpcaption2 {
width:80px;
height:20px;
font-size:9px;
/*position:relative;*/
text-align:center;

/*top:-16px;*/
}



/****************** END Galery ****************/


.thleft2{
 height:80px;
 width:12px;
 z-index:205;
 position:absolute;
 left:1px;
 top:3px;
 display:none;
 background: transparent url(./images/pics/thleft2.png) no-repeat scroll 0px 0px;
}

.thright2{
height:80px;
 width:12px;
 position:absolute;
 top:3px;
 right:-1px;
 display:none;
 background: transparent url(./images/pics/thright2.png) no-repeat scroll 0px 0px;
}

/* FOR GALLERY */

/* root element for scrollable */
div.scrollable2 {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 83px;
	width: 706px;	
	float:left;
	
	/* decoration */
	
	padding: 0px 0px 0px 0px;
	
	background-color:#fcfcfc;
}

/* root element for scrollable items */
div.scrollable2 div.items,div.scrollable3 div.items {	
	position:absolute;
	min-height: 82px;
	/* this time we have very large space for height */	
	width:20000em;	
	
	/* decoration */
	
	
}


div.scrollable2 div.items .dvth
{
    
    float: left;
    text-align: center;
    width: 102px;
    min-height: 82px;
    padding: 0px 0px;
    margin-top:3px;
    -moz-border-radius: 3px;
    
    margin-left: 14px;
}

/* active item */
div.scrollable2 div.items div.active,div.scrollable3 div.items div.active
{
    background-color: #f2efe9;
}



div.scrollable2 div.dvthimg,div.scrollable3 div.dvthimg
{
margin:0;
padding:0;
border: 1px solid #e2e1d9;
position:relative;
background: transparent url(./images/pics/back1.png) no-repeat scroll 0px 0px;
cursor:pointer;
}

.wpcaption {
width:100px;
max-height:40px;
font-size:9px;
/*position:relative;*/
text-align:center;
/*top:-16px;*/
}



.navpanel{
    position:absolute;    
    top:0;
    left:0;
    height:20px;
    width:100%;
    font:bold 11px Verdana; 
    z-index: 1001;
    display:none;
    }
    
     .navpanelbg{
		position: absolute;
		 left: 0px;
		  top: 0px;
		  width: 100%;
		   height: 100%;
		   background-color: black;
		    
		}
		
		.navpanelfg{
		position: absolute;
		 left: 0px;
		  top: 0px;
		  width: 100%;
		   height: 100%;
		}
	
	.wpedit{
	 position:absolute;
	 left:2px;
	 top:2px;
	 widtH:16px;
	 height:16px;
	 cursor:pointer;
	 background: transparent url(./images/buttons/wpedit.gif) no-repeat scroll 0px 0px;
	}	
	
	.wpdel{
	 position:absolute;
	 left:22px;
	 top:2px;
	 widtH:16px;
	 height:16px;
	 cursor:pointer;
	 
	 background: transparent url(./images/buttons/wpdel.gif) no-repeat scroll 0px 0px;
	}	
	
	.wpdelth{
	 position:absolute;
	 left:2px;
	 top:2px;
	 widtH:16px;
	 height:16px;
	 cursor:pointer;
	 
	 background: transparent url(./images/buttons/wpdel.gif) no-repeat scroll 0px 0px;
	}	
	
	
	/* wpdialog */
	.wpDlgMain{
	 /*position:relative;*/
	}
	
	.wpPnlMed
	{
	 
	}
		
	.wpdlgGal
	{
	    position:relative;
	    max-width:480px;	
	    margin-top:5px;	
	    margin-bottom:5px;
	}

   
   /* root element for scrollable */
div.scrollable3 {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	
	/* vertical scrollers have typically larger height than width */	
	height: 83px;
	width: 468px;	
	float:left;
	/* decoration */
	padding: 0px 0px 0px 0px;
	background-color:#fcfcfc;
	
	
} 


 div.scrollable3 div.items .dvth
{
    
    float: left;
    text-align: center;
    width: 102px;
    min-height: 82px;
    padding: 0px 0px;
    
    -moz-border-radius: 3px;
    
    margin-left: 12px;
}


.thleft3{
 height:80px;
 width:12px;
 z-index:5000;
 position:absolute;
 left:1px;
 top:3px;
 
 background: transparent url(./images/pics/thleft2.png) no-repeat scroll 0px 0px;
}

.thright3{
height:80px;
 width:12px;
 position:absolute;
 z-index:5000;
 top:3px;
 right:0px;
 background: transparent url(./images/pics/thright2.png) no-repeat scroll 0px 0px;
}






/* Trakck ctrl panel */

div.trkctrpnl, div.edttrkctrpnl
{
    float:left;
    text-align:left;
    border-right:solid 1pt #e2e1d9;
    margin-top:3px;
    margin-bottom:3px;
    padding-left:5px;
    padding-right:5px;
    min-height:78px;
	font-size: 11px;
	width: 130px;
}

div.trkctrpnl_hd { 
    width:100%;
    background-color:#e2e1d9;
    font-size:12px;
    color: #a63112;
    font-weight:bold; 
    text-align:center;
    margin-bottom:3px;
}

div.trkctrpnl br{
height:4px;
clear:both;
margin-top:2px;
}

.chktrk{
  font-size:11px;
  color: #950224;
}

.stbuttontext {
line-height:17px;
font-size:11px;
color: #950224;
font-weight:normal;
}

.MapInfo{
    height:18px;
    border:solid 1pt #a7a772;
    background-color:#ffffd9;
    padding:2px;
    
}

.lightbulb{
    background: transparent url(./images/pics/lightbulb.gif) no-repeat scroll 0px 0px;
    width:16px;
    height:16px;
}

ul#wpgallery{
    margin:0 auto;
    padding:0;
    list-style-type:none;
    width:90%;
    
}

ul#wpgallery li {
float: left;
margin:5px;
width:110px;
color:#b60000;
font-size:11px;
}

.HintBox{
    background:#ffffe1;
    border:solid 1pt #e2e1d9;
    color:#262627;
    padding:6px;
    line-height:18px;
    font-size:12px;
    
    
     -moz-border-radius-topleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;

    
}


.HintBox2{
   
    background:#f7f3d8;
    border:solid 1pt #e2e1d9;
    color:#262627;
    padding:6px;
    line-height:18px;
    font-size:12px;
    
    
     -moz-border-radius-topleft:6px;
    -moz-border-radius-bottomright:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    
    -moz-border-radius-topright:6px;
    -moz-border-radius-bottomleft:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;

    
}


.maptooltip{ 
 border: solid 1pt #b60000;
 background-color:#fff;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 padding: 2px 2px 2px 2px;
 width:100px;
}

.maptooltip #cap{ 
 font-size:9px;
 color:#b60000;
 text-align:center;
 width:100%;
}


#thloader{
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
}

div.edttrkctrpnl
{
	min-height: 0px;
	border: 0px;
	background-color: #f4f6ef;
}

div.edttrkctrpnl input.data
{
	border: 0px;
	text-align: right;
	background-color: #f4f6ef;
	width: 20px;
	font-size: 11px;
}

.collapse
{
	cursor: pointer;
}

.expand
{
	cursor: pointer;
}

/*autocomplete styles*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}

/*end autocomplete styles*/

/* H1,h2,h3 - tricky class */
.forseo
{
    font-size : inherit;
    font-weight: inherit;
}

.iwiwlogo{
 background:url(./images/pics/iwiw_logo.png) 0 0 no-repeat;
 width:64px;
 height:63px;
}


.facebook_share
{
    background-image:url("images/buttons/facebook.png");
    display:block;
    margin:1px 1px 0 0;
    width:75px;
    height:16px;
    float:left;
}

.iwiw_share
{
    background-image:url("images/buttons/iwiw.jpg");
    display:block;
    margin:1px 1px 0 0;
    width:34px;
    height:16px;
    float:left;
}    

.startlap_share
{
    background-image:url("images/buttons/startlap.png");
    display:block;
    margin:1px 1px 0 0;
    width:16px;
    height:16px;
    float:left;
}    

.twitter_share
{
    background-image:url("images/buttons/twitter.png");
    display:block;
    margin:1px 1px 0 0;
    width:16px;
    height:16px;
    float:left;
}    