html, body {
	font-size:11px;
	font-family:Arial;
	padding-top:10px;
	background-color:#A9A9A9 ;
}


div#cartouche{
	margin:auto;
	width:950px;
	height:700px;
	position:relative;
	border:1px solid black;
}



.frame{
  color:#ffffff;
  padding-top:4px;
  padding-right:12px;
  font-weight:bold;
}

.panel,.olControlScaleLine,.olControlMousePosition,div.olControlPermalink{
    font-size:12px;
    background-color:#eee;
    position:absolute;
    z-index:20000;  
	border:1px solid #000;
}

.olControlScaleLine,.olControlMousePosition{
    padding:5px;
}

div.olControlScaleLine{
	left:10px;
}

div.olControlPermalink{
  padding:0px 4px;
  bottom:57px;
  left:10px;
  right:auto;
  font-size:11px;
}

div.olControlOverviewMap{
	right:10px;
	bottom:48px;
	padding:5px;
	background-color:#EEEEEE;
	border:1px solid #000;
}

div.olControlOverviewMapElement{
	padding:0px;
	background-color:transparent;
}

div.olControlOverviewMapExtentRectangle{
	border:3px solid #fff000; 
	background-image:none;
}

div.olControlOverviewMapMinimizeButton{
	display:none;
}

#cartouche div.olControlMousePosition{
    bottom:15px;
	right:10px;
    font-size:11px;
}

.panel{
	direction:rtl;
}

#editPanel{
        top:30px;
        right:70%;
        width:220px;
        /* width:auto;*/
}

#layersPanel{
        top:30px;
        right:2%;
        width:250px;
		z-index:20001;  
}

#viewPanel{
       top:80px;
        right:7%;
        width:200px;
}

.panel .contents{
    padding:12px 16px;
    overflow:hidden;
}


.in, #logout{
	display:none;
}

 .panel .user{
	
	margin:0px 16px;
	padding:12px 0px;
	border-bottom:1px solid #ACACAC;
	font-style:italic;
	overflow:hidden;
}

.user div a{
	display:inline;
	font-style:normal;
	font-weight:bold;
}


a{
      display:block;
      color:#4169E1;
      margin:4px 0px;
      text-decoration:none;
}

.contents a.selected{
  font-weight:bold;
}


.contents .selectedLayer a{
	color:#a4cfff;
}

.contents .selectedLayer a:hover{
	color:#a4deff;
}

a:hover{
    color:#4197e1;
}

a.disabled,a.disabled:hover{
	color:#999;
	cursor:default;
}


.contents .description{
  margin-bottom:5px;
}

.queryIndicator{
      background-image:url("/images/common/indicator2.gif");
      height:10px;
      width:10px;
      display:none;
      position:absolute;
      z-index:5000;
}

.contents .selectedFeatures{
    display:block;
    font-weight:bold;
    margin-bottom:5px;
}

.frame{
    background-color:green;
    height:20px;
}

.show{
    width:19px;
    height:19px;
    position:absolute;
   top:0px;
    left:5px;
    background-image:url("/cartouche/images/contract.gif");
}

.expand{
    background-image:url("/cartouche/images/expand.gif");
}

.layer{
    border:1px solid #acacac;
    margin:4px 0px;
    padding:4px;
    cursor:pointer;
}


.layer#map_problems{
	position:relative;
}

* html .layer#map_problems{
	width:208px;
}

.layer a{
	display:inline;
	position:absolute;
	left:9px;
	top:0px;
	
}

.selectedLayer{
   background-color:#777;
   border:1px solid #777;
   color:white;
   font-weight:bold;
 
}


form{
    margin:0px;
    margin-bottom:5px;
	vertical-align:top;
}

textarea{
    margin-bottom:10px;
	width:99%;
    height:80px;
}

#roadCoordinates textarea{
	margin-top:2px;
	height:100px;
}

textarea[disabled]{
	color:#333;
}

input,select{
	width:99%;
    margin-top:3px;
    margin-bottom:10px;
}

* html input{
	width:182px;
}

#createRoundaboutForm input{
	margin-bottom:3px;
}

.checkContainer{
	margin-top:3px;
    margin-bottom:10px;
	display:block;
}

.checkContainer input{
	margin:0px;
	margin-top:-2px;
	margin-left:5px;
	width:auto;
	vertical-align:text-top;
}

*|html .checkContainer input{
	
	margin-top:0px;
}

#viewPanel form{
	margin:0px;
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ACACAC;
}

#viewPanel form a{
	float:left;
	margin:0px;
}

#map_problems_legend{
	
	margin-top:10px;
	padding-top:10px;
	border-top:1px solid #ACACAC;
}

#map_problems_legend div{
	float:right;
}


table input, table select{
    width:105px;
    margin:auto;
}

table{
    font-size:11px;
    font-weight:normal;
    padding:0px;
    margin:0px;
}

table tr{
     margin:0px;
}

table th,table td{
    border:none;
    margin:0px;
    padding:0px;
    font-weight:normal;
     vertical-align:middle;
    padding-top:3px;
    padding-bottom:10px;
}

table th{
	 font-size:12px;
    text-align: right;
    padding-left:15px;
   
}

#viewPanel table input{
		width:115px;
}

#viewPanel table th,#viewPanel table td{
	padding-bottom:5px;
	  padding-top:0px;
}

#viewPanel table th{
	 padding-left:8px;
	
}

table thead td{
	font-weight:bold;
}

#map_problems_legend table th,table td{
    padding:0px;
    padding:0px;
}


.legend_symbol{
		border:1px solid #ACACAC;
		width:8px;
		height:8px;

}


.legend_symbol#symIntersecting{
	background-color:#ff0000;
}

.legend_symbol#symAdjacent{
	background-color:#1600ff;
}

.legend_symbol#symContained{
	background-color:#00ffff;
}
	
.legend_symbol#symShort{
	background-color:#0cff00;
}
	
	
.legend_symbol#symNoGPS{
	background-color:#ffff01;
}
	
	
.legend_symbol#symUnconnected{
	background-color:#cb00c7;
}


.clearBoth{
    clear:both;
}

a.listen{
    display:inline;
    margin-right:62px;
}

.stat{
    font-weight:bold;
    margin-bottom:10px;
}

.stats .stat{
     margin-top:5px;
    margin-bottom:5px;
}

.stat span{
    font-weight:normal;
}

.stat span a{
    display:inline;
}

.error{
    color:red;
    font-weight:bold;
    margin-bottom:10px;
}

.message{
    color:green;
    font-weight:bold;
    margin-bottom:10px;
}

#layersLoading{
	color:#fff;
	background-color:#c13e33;
	border:3px solid #fff;
	padding: 10px;
	position:absolute;
	top:30px;
	left:30px;
	 z-index:21000;
	 display:none;
	 font-weight:bold;
	 font-size:12px;
	 width:75px;
	 direction:rtl;
}


.editRoadDetailsMode{
	display:none;
}