*{    
	margin:0;
    padding:0;
}

html {
    height: 100%;
	width: 100%;
}

body {
    background-color:#ededed;
    font-family:Source Sans Pro,arial,sans-serif;
    font-size:12px;
	height:100%;
	width: 100%;
}

h1 {
	font-size: 18px;
}

@media (max-width: 400px) {
         h1 {
	        font-size: 14px;
        }
    }

h2{
	font-size: 16px;
	font-weight: normal;
}

li {
	list-style-type: none;
	font-weight: normal;
}

#form1 {
    height:100%;
	width: 100%;
}

#Container {
    height: 100%;
	overflow: hidden;
    width: 100%; 
}

#NoJava {
	color: red;
	padding-top: 10px;
    text-align:center;
}

#Power {
	background-color:#ededed;  
	border:solid 1px #ececec;  
	color:#444444;
    font-size: 10px; 
    padding-left:15px; 
    padding-right:15px; 
    padding-top:1px; 
    padding-bottom:1px; 	
	z-index: 99;   
    -webkit-box-shadow: 2px 2px 3px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    2px 2px 3px 1px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         2px 2px 3px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */   
}
	@media (max-width: 400px) {
        #Power {
            font-size: 4px;
        }
    }

#Power a {     
    color:#444444;
    font-weight:bold;        
}


#mapContainer {
	height: 100%;
	width: 100%;
}

#mapDiv {
	height: 100%;
	width: 100%;
}

#Summary {    
    background-color: #f5f5f5; 
	color: #444444;
	float: left;
    overflow: auto;  
	position: absolute;
	left: 2px;
	margin: 5px;
	width: 175px;   
	z-index: 99; 
    margin-top: 25px;
    border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
    -webkit-box-shadow: 2px 2px 3px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    2px 2px 3px 1px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         2px 2px 3px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ 
}

#Summary a {
    color: #444444;
    font-size: 12px;
    text-decoration: none; 
}
        
#Summary .summary-title {
    background-image:url(Images/Home.png);
	background-position: 5px center;
    background-repeat:no-repeat;
	border-bottom: 1px solid #DBDBDB;
    float:left;
    padding-bottom:3px;
    text-align:center;
	width:100%;
    color:#355fa7  
}

#Summary .sub-title {  
    clear:both;
    background-color:#ededed; 
    padding-bottom:2px;
	padding-left:5px;
    padding-right:5px; 
	padding-top:2px;       
    margin-bottom:8px;
    border-bottom:1px dotted #d3d3d3;
    font-size: 15px;  
    color:#355fa7    
}

#Summary .Item {        
    min-height:30px;
    padding-bottom:8px;
    clear:both;      
}

#Summary li.coach {	
	background-image: url(Images/CoachSmall.png);
	background-repeat: no-repeat;
	background-size: 20px;
	cursor: pointer;
	display: block;
	height: 30px;
	padding-top: 5px;
	text-indent: 5px;
	margin-left:5px
}

	@media
	only screen and (min-device-pixel-ratio: 2),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-resolution: 96dpi) {
		#Summary li.coach {
			background-image: url(Images/CoachLarge.png);
		}
	}

#Summary li.marker, #Summary li.no-marker {
	background-image:url(Images/Chart.png);
	background-position: 2px top;
    background-repeat:no-repeat;
	background-size: 16px;
    cursor: pointer; 
	display:block;  
	padding-bottom: 10px;
	text-indent: 7px;
	margin-left:5px
}

	@media
	only screen and (min-device-pixel-ratio: 2),
	only screen and (-webkit-min-device-pixel-ratio: 2),
	only screen and (-moz-min-device-pixel-ratio: 2),
	only screen and (-o-min-device-pixel-ratio: 2/1),
	only screen and (min-resolution: 96dpi) {
		#Summary li.marker, #Summary li.no-marker {
			background-image: url(Images/ChartLarge.png);
		}
	}


#Summary li.marker span.marker-text, #Summary li.no-marker span.marker-text {
	color: white;
	display: block;
	float: left;
}

#Summary li .item-description {
	display: block;
	padding-left: 25px;
}

#Summary li.marker .item-description, #Summary li.no-marker .item-description
{
	text-indent: 0px!important;
}

#Summary .collapse
{
	background-image:url(Images/up.png);
	background-repeat: no-repeat;
	background-position: 155px 6px;
}

#Summary .expand
{
	background-image:url(Images/down.png);
	background-repeat: no-repeat;
	background-position: 155px 6px;
}

/*@media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi)
{  
    #Summary .Home
    {
        font-size:2.1em; 
        background-image:url(Images/HomeHigh.png);
    }
}*/
       
#InputDiv {
    width:300px;
    padding:5px;    
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    background-color:#f5f5f5;  
    -webkit-box-shadow: 2px 2px 3px 1px #ccc;  /* Safari 3-4, iOS 4.0.2 - 4.2, Android 2.3+ */
    -moz-box-shadow:    2px 2px 3px 1px #ccc;  /* Firefox 3.5 - 3.6 */
    box-shadow:         2px 2px 3px 1px #ccc;  /* Opera 10.5, IE 9, Firefox 4+, Chrome 6+, iOS 5 */ 
     border-top-left-radius: 2px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    border-bottom-left-radius: 2px;
}

 #InputDiv #Title {
     font-weight:bold;
    font-size: 18px;
	color: #355f9e;
    text-align: center;
}

#InputMessage {
    margin-top:5px;
    margin-bottom:5px;
    padding:5px
}

#InputBox {  
    margin:auto;
}

#InputBox .Title {
    font-weight:bold;  
    padding:10px;
}

#lblReference {
    float:left; 
    padding-bottom:1px; 
    color: #355fa7;
    font-weight: bold;     
}

#txtInput {  
    width:298px;  
    height:20px; 
    padding:0px;
    margin:0px;
    border:solid 1px #C0C0C0;        
}

.Button {  
    width:298px;  
    height:22px;  
    margin-left:0px;
    margin-right:0px;
    padding:0px;    
    border:none;
    background-color:#355fa7;
    font-family:Source Sans Pro,arial,sans-serif; 
    font-weight:bold;    
    color:#FFF;    
}

.ButtonSurround
{
    width:298px;  
    height:22px;  
    margin-top:5px;
    padding:0px;
    border:solid 1px #C0C0C0; 
}

#Title {
    padding:0px;
    font-weight:bold;
}

 #Warning{
	font-size: 16px;
	position: absolute; 
    text-align:center;
	top: 40px;
	width: 100%;
}