<!-- Make the document body take up the full screen -->
<style type="text/css">

v\:* {behavior:url(#default#VML)}
html, body {
	width:100%; height:100%;
	}
html {
	overflow: hidden
	}
body {
	margin:0px 0px 0px 0px; padding:0px;
	/* background-color matched to panel, to hide small gap below it */
	background-color:#CCCCCC;
	}
#map {
	/*margin-right could be 315px instead, but then the map 'overflow' spilled 18px to the right of where it should*/
	margin-right:330px;
	height: 100%;
	width: 100%;
	}
#rightpanel {
	position: absolute; right: 0px; top: 70px; width:1100px; height:auto; overflow:auto;
	background-color:#0F0D24;
	background-color:#071423;
	background-color: #182630;
//opacity: 0.9;
	    filter: alpha(opacity=90); /* For IE8 and earlier */
	    border-radius: 7px;
	     
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	color: white;
	padding-right:5px; padding-left:10px;
	visibility: visible;
	display:none;
	/* In MSIE; padding-bottom MUST be 0px or panel's scrollbar will go under status bar */
	}
#leftpanel {
	position: absolute; left: 0px; top: 0px; width:215px; height:19%; overflow:auto;
	background-color:#CCCCCC; font-family:Arial, Helvetica, sans-serif; font-size:11px;
	padding-right:5px; padding-left:10px;
	/*visibility: visible;
	display:none;*/
	/* In MSIE; padding-bottom MUST be 0px or panel's scrollbar will go under status bar */
	}
#hiir {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 15px;
	width: auto;
	background-color: #8AA6D8;
	opacity: 0.8;
	    filter: alpha(opacity=90); /* For IE8 and earlier */
	color: black;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
}

#hiir2 {
	position: absolute;
	top: 17px;
	left: 0px;
	height: 15px;
	width: auto;
	background-color: #8AA6D8;
	opacity: 0.8;
	    filter: alpha(opacity=90); /* For IE8 and earlier */
	color: black;
	font-family:Arial, Helvetica, sans-serif; font-size:10px;
}

#bd, #bd2 {
    padding:20px;
	background-color:#141132;
	background-color: #1a182f;
background-color: #18232f;
background-color: #1d2935;
  border: 1px solid #62549E;
border: 1px dotted #2F2F2F;
}

.plselbub {
margin-top: 20px;
padding-top: 15px;
padding-right: 15px;
padding-bottom: 15px;
padding-left: 15px;
    background-color:#141132;
background-color: #2f2e37b3;
background-color: #1b2b37;
    //border: 1px solid #62549E;
 border-radius: 5px;
}
.color {
        border: 1px solid #62549E;
        width: 55px;
    
}

.plselbub label {
margin-bottom: 0px;
}

.plselbub h1 {
margin-top: -10px;
margin-bottom: 19px;
}

h1 {
     font-size:13px;
     font-weight: bold;
     color: #b0b040;
     color: #96b040;
}

td {
	font-family:Arial, Helvetica, sans-serif; font-size:13px;
	color: #7699ce;
					}

div.simpleTabsContent {
    border: 1px solid #62549E;
    border: 1px solid #404475;
border: 1px solid #3D3C40;
}

ul.simpleTabsNavigation li a {
    background: #3d71bf;
background: #4b648a;
        color: #222;
            border: 1px solid #3b6d9e;
            border-bottom: 0px solid #3b6d9e;
            }

ul.simpleTabsNavigation li a.current {
    background: #729ddd;
        color: #222;
            border-bottom: 0px solid #3b6d9e;
            }

ul.simpleTabsNavigation li a:hover {
    background: #a29ddd;
        color: #222;
            border-bottom: 0px solid #3b6d9e;
            }


input[type=text] {
   /* Awesome styling */
   background: blue;
   background: #566293;
background: #2c3248;
   color: aliceblue;
color: #939393;
   border: 0px;
   }


input[type="checkbox"] {
  display: none;
  }
  label {
    cursor: pointer;
    }
input[type="checkbox"] + label:before {
  border: 1px solid #61BAFF;
border: 1px solid #37424B;
    content: "\00a0";
      display: inline-block;
        font: 16px/1em sans-serif;
          height: 16px;
            margin: 0 .25em 0 0;
              padding:0;
                vertical-align: top;
                  width: 16px;
                  }
          input[type="checkbox"]:checked + label:before {
//                    background: #61BAFF;
border: 1px solid #000;
                      color: #666;
                      color: #eac32b;
                        content: "\2713";
                          text-align: center;
                          }
              input[type="checkbox"]:checked + label:after {
                            font-weight: bold;
                            }


#abhi { background-color:#FF0000;
	border-radius: 3px;
    	padding-left: 10px;
    	padding-top: 3px;
    	position: absolute;
	top: 200px;
	right: 400px;
	width: 170px;
	height: 25px;
	visibility: hidden;}
	
#nurk {

	position: absolute;
	top: 45px;
	right: 8px;
	height: 23px;
	width: 73px;
	padding-left:8px;
	padding-top: 3px;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	background-color: #fefefe;
	}
#nurk:hover {

	position: absolute;
	top: 45px;
	right: 8px;
	height: 23px;
	width: 73px;
	padding-left:8px;
	padding-top: 3px;
	border-style:solid;
	border-width:1px;
	border-color:#FF0000;
	background-color: #FF8899;
	}
.nupud {

	position: absolute;
	top: 45px;
	left: 8px;
	height: 24px;
	width: 233px;
	width: -webkit-calc(233px + 13px); /* 13px wider for Chrome and Safari */
	padding-left:5px;
	font-family: Arial;
	font-size: 12px;
	font-weight:bold;
	background-color: #fefefe;
	}

#kollane {
	position: absolute;
	top: 50px;
	left: 50px;
	width: 300px;
	height: 500px;
	background-color: #FFFF00;
}

.context {
	font-family:Arial, sans-serif;
	text-decoration:none;
	color:#4444ff;
	font-size:small;
}

a:hover div {
	background:#eee;
}       


button {
    padding-left: 6px;
        padding-right: 6px;
            background-color: #525caa;
                border: 0px;
                    margin-left: 5px;
                        margin-right: 5px;
                            padding-top: 2px;
                                padding-bottom: 2px;
                                }


button {
    -moz-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	-webkit-box-shadow:inset 0px 1px 0px 0px #7a8eb9;
	    box-shadow:inset 0px 1px 0px 0px #7a8eb9;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #637aad), color-stop(1, #5972a7));
		    background:-moz-linear-gradient(top, #637aad 5%, #5972a7 100%);
			background:-webkit-linear-gradient(top, #637aad 5%, #5972a7 100%);
			    background:-o-linear-gradient(top, #637aad 5%, #5972a7 100%);
				background:-ms-linear-gradient(top, #637aad 5%, #5972a7 100%);
				    background:linear-gradient(to bottom, #637aad 5%, #5972a7 100%);
				    background:linear-gradient(to bottom, #1b101e 5%, #060606 100%);
				    background:linear-gradient(to bottom, #626160 5%, #133035 100%);
					filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#637aad', endColorstr='#5972a7',GradientType=0);
					    background-color:#637aad;
						border:1px solid #314179;
						border:1px solid #8e99c3;
						border:1px solid #000;
						    display:inline-block;
							cursor:pointer;
							    color:#ffffff;
							    color: #728ea6;
								font-family:Arial;
								    font-size:13px;
									font-weight:bold;
									    padding:3px 10px;
										text-decoration:none;
										}
										button:hover {
										    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #5972a7), color-stop(1, #637aad));
											background:-moz-linear-gradient(top, #5972a7 5%, #637aad 100%);
											    background:-webkit-linear-gradient(top, #5972a7 5%, #637aad 100%);
												background:-o-linear-gradient(top, #5972a7 5%, #637aad 100%);
												    background:-ms-linear-gradient(top, #5972a7 5%, #637aad 100%);
													background:linear-gradient(to bottom, #5972a7 5%, #637aad 100%);
													    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5972a7', endColorstr='#637aad',GradientType=0);
														background-color:#5972a7;
														}
														button:active {
														    position:relative;
															top:1px;
															}
															
															  





//}


.context_menu{
	background-color:white;
	border:1px solid gray;
}
.context_menu_item{
	padding:3px 6px;
	background-color:white;
}
.context_menu_item:hover{
	background-color:#CCCCCC;
}
.context_menu_separator{
	background-color:gray;
	height:1px;
	margin:0;
	padding:0;
}
#clearDirectionsItem, #getDirectionsItem{
	display:none;
}
/*	end styles for the ContextMenu	*/

#map_container{
	height:100%;
}

.my-checkbox {
  transform: scale(2);
    margin-right: 11px;
      background-color: blue;
        color: red;
          border-color: green;
          }


#HiddenMenu {
/*    background-color: #d3d3d3; 
 background: rgb(174,182,238);
 background: linear-gradient(125deg, rgba(174,182,238,1) 2%, rgba(163,186,236,1) 38%, rgba(156,159,235,1) 51%, rgba(148,215,233,1) 100%); 
 background: rgb(174,182,238);
 background: linear-gradient(125deg, rgba(174,182,238,1) 2%, rgba(163,186,236,1) 38%, rgba(156,159,235,0.6894958667060574) 51%, rgba(148,215,233,1) 100%);          

 background: rgb(88,109,255);
 background: linear-gradient(141deg, rgba(88,109,255,1) 0%, rgba(122,157,242,1) 20%, rgba(99,171,245,1) 38%, rgba(147,203,254,1) 51%, rgba(164,216,251,1) 69%, rgba(173,254,247,1) 84%, rgba(137,195,237,1) 100%);  */

 background: rgb(88,109,255);
 background: linear-gradient(141deg, rgba(88,109,255,0.13851547454919464) 0%, rgba(122,157,242,1) 20%, rgba(99,171,245,1) 38%, rgba(147,203,254,1) 51%, rgba(164,216,251,1) 69%, rgba(173,254,247,0.21) 84%, rgba(137,195,237,0.2766107126444328) 100%); 

  position: relative;
        height: 45px;
            top: -5px;
            }

#HoverSpace {
/*background-color: #aeaeae;*/
                    overflow: hidden;
                        height: 45px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
                        }

a {
    color: white;
    font-weight: bold;
}

.menuholder {
padding-left: 100px;
}
 .navbar-nav > li > a:hover, 
.navbar-default .navbar-nav > li > a:focus {
    color: white;
  background-color: #7df3f982;
  /*    background-color: #777ff73d;
    background-image: -moz-linear-gradient(center top , rgb(235, 235, 235) 0%, rgb(238, 238, 238) 100%);
*/}

.navbar-default .navbar-nav a, 
.navbar-default .navbar-nav > a:hover, 
.navbar-default .navbar-nav > a:focus {
    color: rgb(56, 85, 127);
    font-weight: bold;
/*    background-color: red; */
}

.navbar-default .navbar-nav > .active > a, 
.navbar-default .navbar-nav > .active > a:hover, 
.navbar-default .navbar-nav > .active > a:focus {
    color: rgb(99, 135, 191);
    font-weight: bold;
    background-color: rgb(208, 208, 208);
    background-image: -moz-linear-gradient(center top , rgb(225, 225, 225) 0%, rgb(218, 218, 218) 100%);
    background-image: -moz-linear-gradient(center top , rgb(235, 235, 235) 0%, rgb(238, 238, 238) 100%);
}


</style>