﻿#mapContainer
{
	text-align:left;
	height:500px; width:750px;
}
/*#fullScreen
{
	height:100%; width:100%;
}*/
#fullScreen, #fullScreen th, #fullScreen td { text-align:left; }
#mapContainer .MapPlaceHolder{ 
	height:500px; width:750px;
}
#fullScreen .Header { background:#fff url(../../images/layout/bar_bg.png) repeat-x bottom;}
#fullScreen .Header {height:48px; border-bottom:1px solid #ddd; }
#fullScreen .Footer { background:#fff url(../../images/layout/barfooter_bg.png) repeat-x top;}
#fullScreen .Footer { height:48px; border-top:1px solid #fff;}
.MapPlaceHolder
{
	position:absolute;
}
#panelAnchor,
#mapContainerFull{ position:relative; float:left; }
#mapContainerFull{overflow:hidden;}
#panelAnchor{ width:374px; vertical-align:top; background:#f6f6f6;overflow:auto;}

#controlPanel {width:300px; text-align:left; font-size:76%; font-family:Arial, Helvetica, Sans-Serif;}
#controlPanel th, #controlPanel td { vertical-align:top; text-align:left;}
#controlPanel div.Left, div.Right, div.Center{ position:relative; float:left; overflow:hidden; }
#controlPanel .Left, .Right{ width:12px; }
#controlPanel .Center{ /*width:226px;*/ }
#controlPanel .Header .Left{  height:32px; background:url(../../images/layout/header_01.png) no-repeat; }
#controlPanel .Header .Right{ height:32px; background:url(../../images/layout/header_03.png) no-repeat; }
#controlPanel .Header .Center{ height:32px; /*width:226px;*/ background:url(../../images/layout/header_02.png) repeat-x; }
#controlPanel .Header{ height:32px;}
#controlPanel .Footer .Left{  height:20px; background:url(../../images/layout/footer_01.png) no-repeat bottom; }
#controlPanel .Footer .Right{ height:20px; background:url(../../images/layout/footer_03.png) no-repeat bottom; }
#controlPanel .Footer .Center{ height:20px; /*width:226px;*/ background:url(../../images/layout/footer_02.png) repeat-x bottom; }
#controlPanel .Footer{ height:20px;}
#contentPanel .Row {clear:both;}

#controlPanel .Body .Left{ width:12px; background:#e5e5e5 url(../../images/layout/body_01.png) repeat-y top; }
#controlPanel .Body .Right{ width:12px; background:#e5e5e5 url(../../images/layout/body_03.png) repeat-y top; }
#controlPanel .Body .Center{ background:white; }

#controlPanel .Section { height:24px; cursor:default; }
#controlPanel .Section .Left{ width:12px; background:url(../../images/layout/section_01.png) no-repeat bottom; }
#controlPanel .Section .Right{ width:12px; background:url(../../images/layout/section_03.png) no-repeat bottom; }
#controlPanel .Section .Center{ background:white; background:url(../../images/layout/section_02.png) repeat-x bottom; color:#fff;
                                font-size:1.1em; font-weight:bold; text-transform:uppercase; padding:3px; }
.Result{ border-bottom:1px solid #efefef; border-top:1px solid #fff; padding:3px 4px; color:#444; cursor:default; font-style:italic;
         background:#f6f6f6 /*url(../../images/layout/body_02.png) repeat-x center*/; font-family:Segoe UI,Helvetica,sans-serif; }
.Result:hover { background-color:#eee;}
.Content { padding:3px 0 3px 16px; color:#666; }
.Content .Image { height:80px; display:table-cell; vertical-align:middle; }
.Content img { cursor:pointer; display:block; }

.Info, .Info_Hover { height:16px; padding:2px; cursor:pointer; background: no-repeat center right;margin-top:4px; }
.Info { border:1px solid #fff; background-image: url(../../images/layout/info.png);  }
.Info_Hover {
	border-bottom:1px solid #c0c0c0; border-right:1px solid #c0c0c0; border-left:1px solid #eeeef0; border-top:1px solid #f6f6f6;
	background-color:#eeeef0; background-image: url(../../images/layout/info_hover.png); }
.Flyout{ background:#eeeef0; padding:10px; z-index:2147483647; width:280px; /*position:absolute;*/
         text-align:left; font-size:76%; font-family:Arial, Helvetica, Sans-Serif; color:#777;
         border-bottom:1px solid #c0c0c0; border-left:1px solid #eeeef0; border-top:1px solid #f6f6f6;
         }
.Flyout h1 { font-size:1.0em; padding:3px; color:#555; border-bottom:1px solid #c0c0c0; font-weight:bold;
             /*border-top:1px solid #c0c0c0; border-bottom:1px solid #fff; border-left:1px solid #e0e0e0; border-right:1px solid #efefef;*/ }
.Flyout p { padding:4px 16px 8px 16px; font-size:.9em; color:#444; }

/* icons */
.Icon { display:inline-block; width:16px; height:16px; cursor:pointer; vertical-align:middle; margin:0 2px 0 0; }
.Expand { background:url(../../images/icons/expand2.png) no-repeat center center; }
.Collapse { background:url(../../images/icons/collapse2_hover.png) no-repeat center center; }
.Expand:hover { background:url(../../images/icons/expand2_hover.png); }
.Collapse:hover { background:url(../../images/icons/collapse2.png); }
.Eye { background:url(../../images/icons/eye.png) no-repeat center center; }
.EyeClosed { background:url(../../images/icons/eyeclosed_hover.png) no-repeat center center; }
.Eye:hover { background:url(../../images/icons/eye_hover.png); }
.EyeClosed:hover { background:url(../../images/icons/eyeclosed.png); }
.Zoom { background:url(../../images/icons/target.png) no-repeat center center; }
.Zoom:hover { background:url(../../images/icons/target_hover.png) }

