*
{
    padding: 0px;
    margin: 0px;
}

body
{
    background: #2a466d url('../images/backgroundPrototype2.jpg') repeat-x;
    color: #33496e; /*#232323;*/ /*background-color: #F6F1E6;     color: #5d4617;#*/
    font-family: Verdana, Geneva, sans-serif; /*font-family: Arial, Helvetica, Sans-Serif;*/
    font-size: 0.60em;
}

.border3D
{
    border-style: outset; /*outset ridge ridge solid;*/
    border-width: 1px 1px 1px 1px;
    border-color: #fff #f6f1e6 #f6f1e6 #fff; /*#F0E8D5; */
}

#headerDiv
{
    background-color: #4e6e9d; /*background-image: url('../images/gradient2.gif');     background-repeat: repeat-x;*/
    height: 100px;
    width: 100%;
}

#logoDiv
{
    position: absolute;
    top: 13px;
    left: 25px;
}

#textDiv
{
    left: 112px;
    padding-left: 22px; /*15px;*/
    padding-right: 22px;     
    position: absolute;
    top: 4.5em; 
}

#titleDiv
{
    color: #fcffff; /*#EBA83F; #000;*/
    font-family: Georgia;
    font-size: 2.5em;
    font-weight: normal;
    letter-spacing: 0.06em;
    padding-bottom: 0.29em; /*0.5em*/
    /*padding-left: 0.20em;*/
}

#toolDiv
{
    margin-left: -8px; 
}

#coordinateDiv
{
    float:right;
    line-height: 2.0em;
    padding-right: 25px;   
    position:relative;
}

.bingMap
{
    border: solid 1px #eadcc0;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 99%;
    height: 99%; 
    /*UNCOMMENT FOR QUICKER DEBUGGING: display: none;*/
}

#streetviewDiv
{
    height: 99%;
    left: 1px;
    position: absolute;
    top: 0px;
    width: 99%;
}

/* Splitter container. 
   No padding allowed. */
#splitterParentDiv
{
    height: 700px;
    left: 25px;
}

/* Splitter top pane. Use pixel units for min-height and max-height. 
   The splitter plugin parses them to determine the splitter movement limits. 
   Set the height to the desired initial height of the element. 
   The plugin changes the height of this element dynamically. 
   No margin or border allowed. */
#splitterTopDiv
{
    background-color: #f0e8d5;
    overflow: auto; /* Initial/min/max height for this pane 	*/
    height: 100%;
    min-height: 0px;
    max-height: 999px;
}

/* Splitter bottom pane. The plugin changes the top
   position and height of this element dynamically. 
   No margin or border allowed. */
#splitterBottomDiv
{
    background-color: #f0e8d5;
    overflow: auto;
    min-height: 0px;
    max-height: 999px;
}

/* Splitter bar. The .active class is added when the mouse is over the
   splitter or if splitter is focused via the keyboard taborder or an accessKey. 
   No margin, border, or padding allowed. */
#splitterParentDiv .hsplitbar
{
    background-color: #f0e8d5;
    background: #f0e8d5 url('../images/hgrabber.gif') no-repeat center;
    height: 6px;
}

#splitterParentDiv .hsplitbar.active, #splitterParentDiv .hsplitbar:hover
{
    background-color: #eadcc0;
    
    background: #eadcc0 url('../images/hgrabber.gif') no-repeat center;
}

/*TODO*/
#splitterMouseout
{ background-color: #f0e8d5;
}

#splitterMouseover
{ background-color: #eadcc0;
}




.dropdown
{
    float: left;
}

.dropdown .closedMenuTitle
{
    background-color: #4e6e9d;
    border: solid 1px #4e6e9d;
}

.dropdown .openMenuTitle
{
    background-color: #6382a5;
    border: solid 1px #6382a5; /*  background: #F0E8D5 url('../images/arrowUp.png') no-repeat scroll right center; */ /*  background: #fff url('../images/arrowUp.gif') no-repeat scroll right center;*/
}

.dropdown .menuTitle
{
    /*   #33496e*/ /*background: #4e6e9d url('../images/arrowDown.gif') no-repeat scroll right center;*/ /*background: #F6F1E6 url('../images/arrowDown.gif') no-repeat scroll right center;*/
    cursor: pointer;
    display: block;
    line-height: 2.0em;

    /*width:100%;
    overflow:hidden;*/
}

.menuTitle a
{
    /*border: solid 1px #4e6e9d;*/ /* border-bottom: solid 1px #efdfc6;*/
    display: block;
    padding-left: 7px;
    padding-right: 7px; /*1em*/ /* width: 7.0em;*/    
}

.menuTitle a:hover
{
    background-color: #315d8c; /* #6382a5; #5f7ca6; #39618c;*/
    border: solid 1px #8cc3ef; /* color: Black;color: #ffffaa;       background: #fff;   url('../images/arrowDown.gif') no-repeat scroll right center; */
}

.dropdown a, .dropdown a:visited
{
    color: #fff; /*#5d4617;*/
    text-decoration: none;
    outline: none;
}

#directionsDropdown .menu
{
    /*content dependent*/
    min-width: 20.5em;
}

#streetviewDropdown .menu
{
    /*content dependent*/
    min-width: 10.0em;
}

.dropdown .menuWrapper
{
    position: relative;
}

.dropdown .menu
{
    background: #bdcad9 none repeat scroll 0 0; /*#F0E8D5*/ /* color: #C5C0B0;*/
    border-color: #393c39; /* #AA9D60;*/ /*#DBC392; #F6F1E6 #fff; #F0E8D5; */ /*CHANGE from white background:  */
    border-style: solid; /*outset ridge ridge solid;*/
    border-width: 0 1px 1px 0;
    cursor: crosshair;
    display: none;
    left: 0px;
    
    
    padding: 0 8px 8px 8px;
    

    position: absolute;
    top: 0px;
    width: auto;
}

.dropdown .menu div
{
    clear: both;
    overflow: hidden;
    
    
   padding-top: 1em;
    /* margin-bottom: 0.5em;
    padding: 0.5em 0em*/
}

.dropdown .menu div #showRouteAnchor
{
    background-color: #d8ebfa; /*6382a5; */
    border-bottom-color: #9fb3cf; /*#A8BCD6;*/
    border-left-color: #fff;
    border-right-color: #9fb3cf;
    border-style: solid;
    border-top-color: #fff;
    border-width: 1px;     
    color: #33496e; 
    cursor: pointer;
    display: none;
    float: right;
    line-height: 1.4em;
    margin-top: 1px;
    padding: 0 0.3em 0 0.3em;
    text-align: center;
    text-decoration: none;
    width: 3.25em;
}

.dropdown .menu div #showRouteAnchor:hover
{
    background-color: #fff; 
    border: solid 1px #8cc3ef; 
    color: #000; 
    text-decoration: none;
}

.dropdown .menu div label
{
    cursor: pointer;
    display: block;
    float: left;
    line-height:1.4em;
    width: 8em;
}

.dropdown .menu div .radioLabel
{
    width: 6em;
}

.dropdown .menu div .radio
{
    cursor: pointer; 
    display: block;
    float: left;
    height: 13px;
    margin-right: 0.2em;
    width: 13px; 
}

.dropdown .menu div .checkbox
{
    cursor: pointer;
    display: block;
    float: left;
    height: 13px;
    margin-right: 0.2em;
    width: 13px;    
}

.inputTextStartup
{
    background-color: #fff; /*#F0E8D5;*/
    color: #5d7d9d; 
    float: left;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 0.9em;
    font-style: italic;
    height: 1.5em;
    line-height: 1.5em;
    width: 17.1em;
}

.inputText
{
    color: #33496e; /*#030166;*/
    font-style: normal;
}

input:focus
{
    background-color: #ffffaa; 
}

#progressImage
{
    display: none;
    float: right;
    margin-top: 0.2em;
    padding-right: 2px;
}




/*
  The remaining selectors ensure an appropriate top-most z-index for 
  the dropdown elements overlapping the map. Non-IE browsers do not 
  strictly require setting these explicitly for all elements in the 
  lineage. But this does ensure display of other elements in the 
  #headerDiv root if the available width forces any of these elements
  into the map div.
*/
.dropdown div div div a
{
    z-index: 999;
}
.dropdown div div div
{
    z-index: 998;
}
.dropdown div div
{
    z-index: 997;
}
.dropdown div
{
    z-index: 996;
}
.dropdown
{
    z-index: 995;
}
#toolDiv
{
    z-index: 994;
}
#textDiv
{
    z-index: 992;
}
#headerDiv
{
    z-index: 991;
}




/* colors

 Bing bright blue border on nav button hover: #8cc3ef 

*/









/*TEST focus effect for input*/
/*
.tl {
	position: absolute;
	top: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-topleft.jpg);
	display: none;
}
.tr {
	position: absolute;
	top: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-topright.jpg);
	display: none;
}
.bl {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-bottomleft.jpg);
	display: none;
}
.br {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 10px;
	height: 10px;
	background: url(images/corner-bottomright.jpg);
	display: none;
}
*/