body, h2,h3,p,ul li {height:auto; font-family:Arial, Helvetica, sans-serif; }    
.folioListLine{
 -webkit-font-smoothing: antialiased;
 -webkit-transform: translate3d(0,0,0); 
}
img{ border:0; }
.mobileonly {display:none;}   
div.content { height:736px; border:1px solid #666; padding:0px;  }

/* general layout */
#leftPanel { width:322px; float:left; height:100%; }
#rightPanel { width:auto; float:left; height:100%; position:relative; overflow:hidden; }

#map 
{
    float:left;
    width:632px; 
    height:100%;  
    border-left:1px solid gray;  
}

/* Search panel */
#panel-c { width: 100%; height: 36px;}   
#panel-c table{width: 100%;}
    
#panel-c td, #panel-c td.border, #panel-c td.d
{
	background: url(i/bg.png);
    background-position: 0px 0px;
}

#panel-c td { background-position: 0px 35px; height: 36px; }
#panel-c td.border { display:none; width:1px; }    
#panel-c td.d { margin:2px;  width: 1px;}
       
#panel-c td.btn { width:40px; text-align: center; vertical-align:middle;}
#panel-c td.btn img { height: 25px; }

#qsHolder { padding-left: 2px; padding-right: 13px;}
#qsHolder input  
{
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px; 
    border-radius: 10px;     	    	
    width: 100%;
    height: 20px;  
}


.gm-style-iw {   /* goole pup-up on icon click*/
				padding-bottom:20px;
}


#statusLoading  
{
	display:none; 
	
	width: 18px;
	height:18px;
	
	
	background-image: none;
	background-color: #FFFFFF;		
	border: 1px solid #CACACA;		
	
	margin: 5px;
	padding: 3px; 
	margin-left:8px; 
	
	-webkit-border-radius: 2px;
    -moz-border-radius: 2px; 
    border-radius: 2px;      
     
}  

#statusLoading  img {
				
}

/* left folios list */
#foliosListContainer
{
	width:auto;
	height:auto;
}

#leftPanelFolioInfo
{
	min-height:75px;
	background: #f0f0f0; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#f0f0f0), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #f0f0f0,  #ffffff); /* for firefox 3.6+ */ 
}

.iRoundBtn
{
	cursor:default;
	
	height:40px;
	line-height:40px;
	text-align:center;
	
	border: 1px solid #d3d4d4;
	font-size:12px;
	font-weight:bold;
	color:#949494;	
	
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px; 
    border-radius: 3px;
    
    background: #E9E9E9; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E9E9E9,  #ffffff); /* for firefox 3.6+ */ 		 
}

.iRoundBtn.active
{
	cursor:pointer;
	color:#4d4d4d;
	border: 1px solid #b6b7b7;
    background: #E2E2E2; /* for non-css3 browsers */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E2E2E2', endColorstr='#ffffff'); /* for IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#E2E2E2), to(#ffffff)); /* for webkit browsers */
	background: -moz-linear-gradient(top,  #E2E2E2,  #ffffff); /* for firefox 3.6+ */ 	
}

#getHelpBtn 
{
	font-size:24px;
	position:relative;
	top:15px;
	left:30px;	   
	width:40px;	
	float:left;
}

#showAisBtn
{
	position:relative;
	top:15px;
	left:20px;	   
	width:118px;
	float:left;
}

#showAllFoliosBtnOnAisPage
{
	position:relative;
	top:15px;
	left:10px;	   
	width:118px;
	float:left;
}

#showAllFoliosBtn
{
	position:relative;
	top:15px;
	left:10px;	   
	width:118px;
	float:left;
}

#foliosListContainer h2
{
	display:block;
	margin:0px;
	padding:0px 0px 0px 10px;	
	font-size: 12px;
	font-weight:bold;
	color:#fff;
	background-color:#5a5a5a;
	height:25px;
	line-height:25px;
	border-top:1px solid #3d3d3d;	
}

#foliosListWrapper 
{
	position: relative;
	overflow-y:scroll;	
	overflow-x:hidden;
	overflow: auto;  /*scroll! */

}
#foliosListWrapper ul
{
	margin:0px;
	padding:0px;	
}
#foliosListWrapper ul li
{
	min-height:40px;
	background-color:#fff;	
	margin:0px;	
	background-image:url('i/bullet.png');
	background-repeat:no-repeat;
	background-position:left center;
	display:table-row;	
	cursor:pointer;
}

#foliosListWrapper ul li.new,#foliosListWrapper ul li.active.new,#foliosListWrapper ul li.new:hover
{	
	background-image:url('i/bullet-new2.png');		
}

#foliosListWrapper ul li:hover, #foliosListWrapper ul li.active
{
	background-image:url('i/bullet-active.png');
	color:White;
	background-color:#317ad1;	
}

#foliosListWrapper li h3
{
	height:40px;
	font-size:12px;		
	display:table-cell;	
	border-bottom: 1px solid #e0e0e0;	
	vertical-align:middle;	
	margin:0px;	
	padding:0px;	
	padding-left:24px;
	overflow:visible;
	width:1000px;
}

/* map controls */
.homeBtn
{	
	margin:10px;
	right:0px;	
	z-index:500;
	position:absolute;
	cursor:default;
}


#toggleLeftPanelBtn
{
	width:28px; 
	height:81px;    
	z-index:500;
	position:absolute;
	margin:0px;
	left:0px;	
	top:45%;
	cursor:pointer;	
}


.zoomBtn
{
	bottom:0px;
	left:0px; 
	right:0px;
	height:32px;
	
	background-image: url('i/bg-transp-px-55.png');
	text-align:center;
	cursor:default;
	z-index:500;
	position:absolute;
	margin:0px;	
}

#zoomLockBtn span.showOnlyText, #zoomUnlockBtn span.showOnlyText, #zoomLockBtn_mob span.showOnlyText, #zoomUnlockBtn_mob span.showOnlyText, #zoomLockBtn_notM span.showOnlyText
{
	position:relative;
	top:-30px;
	z-index:500;
	width:100%;
	text-align:center;
	display:block;
	line-height:28px;
	color:#4d4d4d;
	font-weight:bold;
	font-size:14px;
}

#homeActiveBtn, #zoomLockBtn, #zoomUnlockBtn, #zoomLockBtn_mob, #zoomUnlockBtn_mob, #zoomLockBtn_notM span.showOnlyText
{
	cursor:pointer;
}

#infoPanelChartFolios
{
	position:absolute;
	z-index:250;
	left:0px;
	top:58px;	
	right:0px;
	height:auto;
	background-image:url('i/bg-transp-px-70.png');	
}

#infoPanelChartFoliosListHeaderCollapsed, #infoPanelChartFoliosListHeaderExpanded
{
	padding-left:30px;	
	height:50px;
	background-color:#353535;
	cursor:pointer;
}

#infoPanelChartFoliosListHeaderCollapsed span, #infoPanelChartFoliosListHeaderExpanded span
{
	font-size:18px;	
	color:White; 
	line-height:50px;
	margin:0px;
	padding:0px;
}

#infoPanelChartFoliosListHeaderExpanded
{
	background-color:#dfdfdf;
}

#infoPanelChartFoliosListHeaderExpanded span
{
	color:#404040;
}

#chartFoliosList
{
	padding:0px;
	margin:0px;
	display:block;
}

ul#chartFoliosList li
{
	color:White;
	text-decoration:underline;
	font-size:16px;
	cursor:pointer;		
	padding: 10px;
	padding-left: 30px;
	margin-bottom: 0px;	
}

span.foliosCountInCharts
{
	font-size:130%;
	font-weight:bold;
}

#infoPanelHeader
{
	position:absolute;
	z-index:250;
	left:0px;
	top:0px;	
	right:0px;
	background-image:url('i/bg-transp-px-70.png');		
	overflow:hidden;
	text-overflow: ellipsis;
}

#infoPanelHeader,#infoPanelTitle{height:58px;}

#infoPanelHeader img
{
	position:absolute;
	left:0;
	top:0;
}


#infoPanelTitle
{	
	padding: 0px 55px 0px 30px;	
	font-size:14px;	
	color:White; 
	display:table-cell;
	vertical-align:middle;	
}

#TB_overlay {
    z-index: 1000;
}

#TB_window {
   z-index: 1002; 
}

#navigationWarning {
    font-size: 8px;
    color:white; 
    text-align: center; 
    height:36px; 
    line-height: 12px; 
    width: 100%; 
    display: inline-block;
    background-image: url('i/bg-transp-px-70.png');
}