h1 {color:black;font-weight:bold;margin-left:0;padding-left:0;}
h2 {color:black;}
#content-inner {padding:0em 1em 1em 1em ;}
#panel-container {padding-top:0px;}
.panel {
    color: #000!important;
	border:2px solid black;
	padding:0 4px 4px 4px;
	margin-top:1em; 
	margin-bottom:15px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	display:block;
}

.wsTest{
	white-space:nowrap;
}

.panel.invisible {
	display:none;
}

.panel .handle {
	padding-top:0.5em;
	padding-bottom:0.5em;
    overflow: hidden;
    line-height: 20px;
	position:relative;
}

.panel.draggable .handle {
	cursor: move;
}

.panel .handle h2 {
	color:inherit;
	float:left;
	width:90%;
}

.panel .content {
    background: #fff;
    color: #000;
    -moz-border-radius-bottomleft: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    overflow: hidden;
}
.panel .content p {
    padding: 0.8em 0;
    line-height: 1.5em;
}

.panel .content pre {
    padding: 0.5em 5px;
    color: #EEE;
    font-size: 12px;
}

.panel .handle img.crossImage {
	display:none;padding-left:5px;
}

.panel.closable .handle img.crossImage,.panel .handle img.minImage {
	display:inline;
}

.panel .handle img.minImage {
	float:right;
}

#info {
	margin-top:1em;
	border: 1px solid black;
	color:black;
	background-color:silver;
	padding: 1em;
}

/*5 Day Forecast Panel*/
#fcContent{padding:10px;}
#wContentDiv{display:block;width:100%;}
#topDiv{background-color:#fff;}
.dayDiv, .mapDiv{margin:auto; float:left; cursor:pointer; width:19.8%;
-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
.mapDiv:hover{background-color:#E5FF99;}
.dayText, .mapText{clear:left;
float:left;
text-align:center;
font-size:12px;
font-weight:bold;
width:100%;}
.titleText{
font-size:12px;
font-weight:bold;}
.fcTitleText{
font-size:12px;
font-weight:bold;}
.wImage, .mImage{display:block; margin:auto;}
.selectedDay{margin:auto; float:left; width:19.8%;
-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
.wTable{border-style:none; padding:5px 0px; text-align:center; width:100%;
-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft:6px;
-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;
-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
.wTable td{border-style:none; background-color: #c0c7dc;}
.wTable th{border-style:none; background-color: #425796; color:#fff;}
.wTable tr{height:35px;}
#5DayTable{display:none; float:left;}
#fcRight{float:left;width:70%}
#fcCustomise{display:none;background-color:#C0C7DC;padding:2px;-moz-border-radius:10px;-webkit-border-radius:10px;}
#fdsecnav{width:20%;}
#fcNavTableDiv{float:left;}
#wDays{}
.fcButton{background-color:#e6e8e5;
float:left;
padding:3px; 
cursor:pointer;
margin:10px 0 0 8px;
font-weight:bold;
border: 1px solid #ccc;
top:1px;
position:relative;
-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
#fcTextArea{padding:12px;}
#textButtonDiv{border-bottom:1px solid #ccc;height:34px}
.pfcButton{background-color:#e6e8e5;
float:left;
padding:3px; 
cursor:pointer;
margin:10px 0 0 8px;
font-weight:bold;
border: 1px solid #ccc;
top:1px;
position:relative;
-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
/*24 hourly Observation Panel*/

.obButton{background-color:#e6e8e5;
float:left;
padding:3px; 
cursor:pointer;
margin:10px 0 0 8px;
position:relative;
top:1px;
font-weight:bold;
border: 1px solid #ccc;
-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;}
.selButton{background-color:#cf3; border-bottom:1px solid #fff;background-image:url(/public/pws/invent/weathertext/lib/images/buttonGradient.gif);}
#ovButton{-moz-border-radius:6px;-webkit-border-radius:6px;background-color:#eee;margin:0 15px 0 10px;text-align:center;padding:3px;cursor:pointer;}
#ovButton:hover{background-color:#425796;color:#fff!important;font-weight:bold;}
#obTabularView{padding:12px;}
#obTabDiv{border-bottom:1px solid #ccc; height:34px;}
#obGraphView{padding:12px;display:none; height:350px;}
#obData{display:none;}
#obOuterGraph{float:left; height:345px; margin-left:10px;}
#yaxis{float:left; height:200px;text-align:center;margin-top:125px;width:50px;background-color:#fff;color:#000;padding: 0 5px;}
#xaxis{width:580px; height:25px;text-align:center;}
#chartContainer{float:left; height:345px; display:inline;}
#chartTitle{width:580px; height:20px;text-align:center;font-weight:bold; font-family:Arial, Verdana; font-size:13px;}
#chart{width:580px; height:300px;}
#UTC{padding:5px 0 0 10px;}

#graphDiv{display:none;}
.showNext{background-color:#E6E8E5;
cursor:pointer;
font-weight:bold;
padding:3px;
margin-right:6px;
border: 1px solid #ccc;
float:left;
-moz-border-radius-bottomleft:6px;
-moz-border-radius-bottomright:6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
}
#backPanel{margin-left:0; display:none; color:blue; cursor:pointer;}
#graphTabDiv{float:left;}
.graphTab{-moz-border-radius-bottomleft:6px;
-moz-border-radius-topleft:6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-left-radius: 6px;
background-color:#E6E8E5;
font-weight:bold;
margin-right:5px;
margin-top:44px;
padding:4px;
text-align:right;
cursor:pointer;
border: 1px solid #ccc;}
.selGraphTab{background-color:#425796;color:#fff;}



/* customisation panel */
#customPanel h2 {color:#cf3;}

#customPanel {
	background:#555;
	display:none;
	color: #fff;
	-moz-border-radius-bottomright: 6px;-moz-border-radius-bottomleft:6px;
	-webkit-border-bottom-left-radius: 6px;-webkit-border-bottom-right-radius: 6px;
	-moz-border-radius-topright: 6px;-moz-border-radius-topleft:6px;
	-webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;
	padding: 10px 5px 10px 5px;
	margin:0;
	border:2px solid black;
}

#customPanel p {
	padding-left:3px;
	color: #fff;
}

#customPanel li {
	display:block;list-style-type:none;
}
#customPanel legend {
	color:white;
}

.modifyItem {
	-moz-border-radius-bottomleft:6px;
	-moz-border-radius-bottomright:6px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-topright:6px;
	background-color:#000;
	border:1px solid #fff;
	line-height:20px;
	margin:5px;
	padding:3px;
	white-space:nowrap;
	width:178px;
	float:left;
	font-family:arial;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	overflow: hidden;
}
/* */

.panelContent{padding:10px;}
.topLeftEdge{-moz-border-radius-topLeft:8px; -webkit-border-top-left-radius: 6px;}
.topRightEdge{-moz-border-radius-topRight:8px; -webkit-border-top-right-radius: 6px;}
.bottomLeftEdge{-moz-border-radius-bottomLeft:8px; -webkit-border-bottom-left-radius: 6px;}
.bottomRightEdge{-moz-border-radius-bottomRight:8px; -webkit-border-bottom-right-radius: 6px;}

/*WARNINGS*/
.warnHover{background-color:#E5FF99!important;}

/*Tooltips on weather text*/
.simpletip{
	 position: absolute; top: 0; left: 0; z-index: 3; display: none; background-color:#FFFFFF; border: 4px solid lightBlue;z-index:9999;padding:5px 25px;-moz-border-radius:10px;-webkit-border-radius:10px;
}
.linkText{
	 font-weight:bold;
	 text-decoration:underline;
	 cursor:pointer;
}
.tooltipLinks {
	text-decoration:none!important;
}