body{
   /*background          : #eee;*/
    font-family		: Helvetica,arial,sans-serif;
    direction		: rtl;	
}


/*template*/
#mainWrapper {
	width		: 970px;
        
	background	: #fff;
	/*border	: 1px solid;*/
	padding		: 3px;
	position	: relative;	
}
#mainLayoutWrapper{}
#mainContentWrapper{	
	background	: #fff;
        width		: 970px;
/*	width		: 100%;*/
	clear		: both;
	min-height	: 400px;
        padding         : 3px;
       
}




/*header*/
#headerWrapper {
	height		: 40px;	
	width		: 100%;
	clear		: both;
}
#headerWrapper .title {
    font-size: 18px;
    color      : #27537A;    
}

#tr_geo_trip_selectWrapper{
    /*padding-top:25px;*/
    padding-left:35px;
}

#tabsNavWrapper{
	width		: 100%;
	height		: 30px;	
}
#tabsSecondaryMenu {
	height:25px;	
}
/*header*/

/*middlecontent*/
#mainContentScrollBox{
	height		: 470px;
	overflow-y	: auto;
}


#mapConsoleWrapper{	
	float		: left;        
	background	: #FDDB91;
	/*padding		: 4px; */       
	width		: 532px;
        border          : 4px solid #FDDB91;
	
}
/* map size !!! not including header and footer*/
    #tr_map_console{
        background	:#FDECD2;
    }
    #mapWrapper{		
            height      :400px;
            
    }



#mainSidebarWrapper{
	float		: right;
	width		: 380px;
	height		: 454px;
	overflow-y	: scroll;
        padding         : 0px 4px;
        direction       : ltr;
}
#mainSidebarWrapper div{
    direction:rtl;
}
#mainSidebarWrapper.fullWidth{
    width:95%;
}
.widthSidebar {
    width:480px;
}

#tr_geo_trip_image img {
    width   : 350px;
    border: 1px solid #eee;
    padding: 2px;
}
#tr_geo_trip_description {
    font-size: 13px;
    line-height: 17px;
    /*width       : 350px;*/
    padding-right:2px;
    padding-left:4px;
}
/*middlecontent*/

#header{
	clear:both;
	background:orange;
	padding:20px;
	height:30px;	
}
#footerWrapper{
	height: 80px;
	background:#ddd;
	width:100%;
	clear:both;
	
}
#footer{
	clear:both;
	background:cyan;
	padding:10px;
	height:30px;	
}

#loadingDiv{
	position:absolute;
	z-index:104;
	top:200px;
	left:490px;	
	display:none;
}

#alertBox{
	padding		:	12px;
	border		:	1px solid orange;	
	font-size	:	16px;	
}
	.alertBoxHeader{
		width				:	300px;
		height				:	60px;
		background			: 	url(/images/brand/logo60.png);
		background-repeat	:	no-repeat;
		background-position	:	right top;
		padding-bottom		:	10px;	
	}
	.alertBoxText{
		
	}
.wrapperRtl{
    direction: ltr;
}
.wrapperRtl div {
    direction: rtl;
}
.showExtend {
    display: none;
}

.wrapperLightBorder{
    padding: 10px;
    border:1px solid lime;
    
}
.wrapperTopComp{
    width:100%;
    clear:both;
    height:30px;
}
.boxIcons{
    height : 200px;
    overflow-y:auto;
}

.page {}
.page .editArea{
    height          :   440px;
   /* background      :   #ee0;*/ 
    overflow-y      :   scroll;   
}
.page .search {
    height          :   90px;
    /*background      :   #eed;*/
}

.page .list{
    height          :   350px;
    /*background      :   #eeb;*/ 
    overflow-y      :   scroll;
}

.directionPanel{
    font-size:11px;
}

.page form, .page input, .page select, .page textarea {
    font-size:12px;
}


.selectDestination{
    width:180px;    
}
.directionsBox {
    clear:both;
    width: 200px;
    padding:4px;
    border:1px solid #eee;
    padding-right : 40px;
    background: url(../users/icons/ofran.png);
    background-repeat:no-repeat;
    background-position: right;
    font-size:12px;
    cursor  : pointer;
    
}
.directionsLeg {
    height           : 30px;
    vertical-align    : middle;
    background-color : #FDBD1F;
    /*border  : 1px solid #eee;*/
    
}
.directionsStep {
   /* height : 30px;*/
}
.directionsBox:hover  {
    background-color : #eee;
}

.imageWrapper{
    padding:3px;
    border: 1px solid #eee;
}
.imageSelect{}

.activeImage, .imageSelect:hover{
    border: 2px solid red;
}
/*control layer*/

.layerControlWrapper{
	clear:both;
	padding:3px;		
}
    .layerControlHeader{
        
            /* moved to titleBox
            position:relative;
            font-size:20px;
            color:#FDBD1F;
            height:40px;
            font-weight:bold;
            
            
            color : blue;
            */
    }
    .layerControlIcon{
        width: 40px;        
    }
    .layerControlCB{
        padding: 6px;        
    }
    .layerControlDataWrapper{
	clear		: both;	
	display		: none;	
	width		: 100%;
        border-bottom: 1px solid #eee;
	/*
        height		: 160px;
	background	: #fff;	
	overflow-y	: scroll;
 */
    }
.layerData{
	padding:3px;
	background:#fff;	
}
.layerControlOpen{
    cursor		:pointer;
}
.layerControlOpenWrapper{
	background	:orange;
	margin		:1px;
	cursor		:pointer;
	width		:18px;
	text-align	:center;
	float		:left;
	height		:20px;

}

/*control layer*/
.markerContentIcon , .icon-ofran{
    width: 30px;
    height: 30px;
}
.icon-ofran{    
    background: url(/users/icons/ofran.png) no-repeat;
}
.markerRouteContentWrapper{
    width: 200px;
    height: 150px;
    padding:2px;
    border: 1px solid #FDDB91;
    direction:ltr;
    text-align: left;
}
.markerContentWrapper{
    
    width: 350px;
    height: 180px;
    padding:2px;
    border: 1px solid #FDDB91;
}
.markerContentHeaderWrapper{
    height: 42px;    
}
.markerContentMainWrapper{
    /*width   : 90%;*/
    height  : 110px;
    padding : 3px;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
    overflow-y:scroll;
    
}
.markerContentMainWrapper hr {
    
   color: red;
    
    height: 1px;
}
.markerContentTitle {
    text-align: right;
    font-size: 14px;
    color: #FF9900;
    font-weight:bolder;
    float : right;
    width : 250px;
    padding:3px;
    
}
.markerContentFooterWrapper{
    padding:3px;
    height: 20px;
    /*background: #eee;*/
}

.tipContentWrapper{
    width: 300px;    
    padding:2px;
    padding-top:10px;
    padding-bottom:4px;
    border-bottom: 1px solid #FDDB91;
}
.tipContentHeaderWrapper{
    height: 42px;    
    
}
.tipContentMainWrapper{   
    padding : 3px 0px;
}
.tipContentTitle {
    float : right;
    width : 180px;
    padding-right: 10px;
    
}

.titleBox {
    color:#FDBD1F;
    font-size:20px;
    line-height:25px;
    height:40px;
    font-weight:bold;
    /*font-weight:bold;*/
}