/*SATRT IMPORTING DIALOG CSS*/
#popup {
   position:absolute;
   left:0px;
   width:450px;
   visibility:hidden;
   background-color: transparent;
   z-index:9999;
   /*CSS 3*/
   -webkit-box-shadow: 10px 10px 25px #ccc;
    -moz-box-shadow: 10px 10px 25px #ccc;
    box-shadow: 10px 10px 25px #ccc;
    
}
#popup_background{
   position: fixed;
   background-color:#ffffff;
   cursor: pointer;
   display: none;
   filter:alpha(opacity=60);
   opacity: 0.6;
   -moz-opacity:0.6;
   height: 100%;
   width: 100%;
   left: 0px;
   top: 0px;
   z-index: 100;
}
.popup_header_floating{
	overflow:hidden;
	clear:both;	
}
#popup_header_content{
	float:left;	
	padding:5px;
}
#popup_header_content_close{
	float:right;
	padding:5px;
}
.popup_header{
   	font-weight:bold;
   	border-bottom: 1px solid #006;
   	background-color: #3F5F9C;
   	color:#ffffff;
	/*THE FOLLOWING ONLY WORKS ON FIREFOX*/
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	/*THE FOLLOWING ONLY WORKS ON SAFARI*/
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.popup_body{
   	padding:10px;
    background-color: #ffffff;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}
.popup_media_body{
	padding:0;
	margin:0;
    background-color: #ffffff;
	border-left:1px solid #dddddd;
	border-right:1px solid #dddddd;
	border-bottom:1px solid #dddddd;
}/*END IMPORTING DIALOG CSS*/


/*START OF GLOBAL CSS*/

* {
	margin: 0;
	padding: 0;
}
html{
	height: 100%;
}
a {
	text-decoration: none;
	color: #709cb2;
}
a:hover {
	text-decoration: underline;
}
body {
	color:#333333;
	background-color:#F3F3F3;
	/*font-family:'Lucida Grande',sans-serif;*/
    font-family:"Lucida Grande", Verdana, sans-serif;
	font-size:0.75em;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:1.5;
}
#container {
	width: 755px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: left;
	position: relative;
	margin-top:10px;
}
#header{
	margin-bottom:10px;
}
#navigate_menu, #navigate_menu a{
	background-color:#3F5F9C;
	padding:4px 10px 0px 10px;
	color:#ffffff;
	text-decoration:none;
	/*CSS 3*/
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
}
.navigate-menu-left{
	float:left;
	padding:2px;
}
.navigate-menu-right{
	float:right;
	padding:2px;
}
#wrapper {
	background-color: #ffffff;
	float: left;
	width: 715px;
	padding: 17px 20px;
	/*CSS 3*/
	-webkit-box-shadow: 10px 10px 25px #ccc;
	-moz-box-shadow: 10px 10px 25px #ccc;
	box-shadow: 10px 10px 25px #ccc;	
}


#footer {
	background:transparent url(http://www.simcoe-weather.com/images/global_images/footer_repeat.png) repeat-x scroll left top;
	float: left;
	padding-top:15px;
	padding-bottom:10px;
	margin: 0 auto;
	width: 755px;
	/*CSS 3*/
	-webkit-box-shadow: 10px 10px 25px #ccc;
    	-moz-box-shadow: 10px 10px 25px #ccc;
    	box-shadow: 10px 10px 25px #ccc;
	
}
.footer-divs{
	padding-left:50px;
}
.footer-rows{
	float:left;
	width:170px;
}
#footer-copyright{
	text-align:center;
	font-size:0.8em;
}
#footer a {
	width: 80%;
}
#footer ul {
	list-style-type: none;
}
#footer ul li {
    padding-bottom: 3px; /*b26-8*/
}
#footer ul a {
	color: #999;
	display: block;
}
#footer ul a:hover {
	color: #000;
}
.footer-tweet{
	text-align:center;
	margin-top:20px;
	color:#999;
}
.round-div{
	padding:5px;
	background-color:#EFEFEF;
	/*CSS 3*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
#system-message{
	margin:0px auto;
	width: 800px;
}
.system-message-text{
	margin-bottom:10px;
	padding:5px;
	border:1px solid #FFE222;
	background-color:#FFF8CC;
}
#system-error{
	border: 1px solid red;
	padding: 5px;
	background-color: rgb(255, 235, 232);
	margin-bottom: 10px;
}
#forecast-location-search{
	background-color:#ffffff;
	text-align:right;
	padding-left:3px;
	padding-right:2px;
	padding-top:1px;
	padding-bottom:1px;
	outline:none;
	/*CSS 3*/
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-webkit-border-bottom-right-radius:5px;
}
.forecast-location-search-button{
	padding-right:2px;
}
#locality{
	border:1px solid #ffffff;
	height:14px;
}
#forecast_location_suggest{
	width:155px;
	color:#000000;
	border:1px solid #dddddd;
	z-index:100;
	background-color:#ffffff;
	padding:2px;
	display:none;
	position:absolute;
	right:10px;
	top:100px;
    /*CSS 3*/
    -webkit-box-shadow: 5px 5px 12px #ccc;
    -moz-box-shadow: 5px 5px 12px #ccc;
    box-shadow: 5px 5px 12px #ccc;
}
pre{
	font-size: 14px;
	font-family: monospace;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word; 	     /* Internet Explorer 5.5+ */
}
.floating{
	overflow:hidden;
	clear:both;
}
.social-topbar{
	float:right;
}
.api-left{
	float:left;
	width:150px;
	height:100%;
	padding:5px;
}
.api-right{
	float:right;
	width:530px;
	padding-left:5px;
	padding-right:5px;
}
.api-left-links{
	margin-bottom:10px;	
}
.api-left-link-current{
	color:#000000;
}
.api-left-link{
}
.api-left-title{
	color:#2888D7;
	font-weight:bold;
	margin-bottom:2px;
    margin-top:20px;
    border-bottom:1px solid #dddddd;
}
.api-title{
	color:#2888D7;
	font-weight:bold;
    font-size:1.1em;
}
.api-info-box{
	background-color:#FFFFDD;
	border:1px dotted #cccccc;
	padding:5px;
	margin-top:5px;
}
.api-intro-left{
	float:left;
    padding:5px;
    width:250px;
}
.api-intro-right{
	float:right;
    padding:5px;
    width:250px;
}
.api-intro-header{
	font-weight:bold;
    border-top:1px solid #3366CC;
  	background-color:#E5ECF9;
	padding:2px;
}
.api-intro-news{
	margin-bottom:10px;
}
.api-intro-news-left{
	float:left;
}
.api-intro-news-right{
	float:right;
}
.api-parameters-left{
	float:left;
	width:100px;
	margin-bottom:5px;
}
.api-parameters-right{
	float:left;
	width:400px;
	margin-bottom:5px;
}
.api-code {
	background-color:#DDDDDD;
	border:1px dashed blue;
	overflow-x:auto;
	overflow-y:hidden;
	padding:5px;
}