/* ***** Normalization ***** */
/* set baseline for all browsers */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, pre, code { font-size:100%; }
ul, ol { list-style: none; }
address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }
caption, th { text-align: left; }
q:before, q:after { content: ''; }
table { border-collapse: collapse; border-spacing: 0; }
fieldset, img { border: 0; }
a:link, a:visited, a:hover, a:active { outline: 0; }

/** Styleable File Input **/
div.fileinputs {
	position: relative;
	width:auto;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 75px;
	z-index: 1;
}

div.fakefile img 
{
	vertical-align: middle;
}

input.fakefile{
	margin: 0 5px 2px 0px;
	padding: 2px;
	width: 135px;
}

input.file.hidden {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}

/* Enforces scrollbar so jumps don't occur */
html
{
	overflow-y: scroll;
}

h1, h2, h3, h4 {
	padding: 0px;
	margin: 3px 0px;
}

h1 { font-size: 160%; }
h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }

html,
input,
textarea,
select
{
	font-family: Verdana, Helvetica, Sans-Serif;
	font-size: 100%;	
}

html, body
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	font-size: 12px;
}

body
{
	background-position: 0 100px;	
}

/* links & buttons */

a,
a:link,
a:visited,
a:hover,
a:active
{
	color: #7d7d7d;
}

a:active
{
	color: #d5d5d5;	
}


a.small,
a.small:link,
a.small:visited,
a.small:hover,
a.small:active
{
	font-size: 80%;
}

a.btn,
a.btn:link,
a.btn:visited,
a.btn:hover,
a.btn:active,
a.pager_btn:link,
a.pager_btn:visited,
a.pager_btn:hover,
a.pager_btn:active,
span.pager_btn_current
{
	float: right;
	text-decoration: none;
	position: relative;
	margin: 0 auto;
	margin-left: 8px;
	display: block;
	padding: 3px 20px 4px 20px;
	background-color: #7d7d7d;
	color: #ffffff;
	border: solid 1px #ffffff;
}

a.pager_btn:link,
a.pager_btn:visited,
a.pager_btn:hover,
a.pager_btn:active,
span.pager_btn_current
{
	position: relative;
	float:left;
	padding: 3px;
	width: 20px;
	text-align: center;
	background-color: #d5d5d5;
	color: #7d7d7d;
}

a.btn:active
{
	background-color: #d5d5d5;
	color: #7d7d7d;
}

a.pager_btn:active,
span.pager_btn_current
{
	background-color: #7d7d7d;
	color: #ffffff;
}

.pager
{
	float:right;
	margin:10px 0;
	width: auto;
	position: relative;
}

.pager span
{
	position: relative;
	display: block;
}

#error
{
	color: red;
}

a img
{
	border: none;
}

#hit
{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: transparent;
	top: 0;
	left: 0;
	z-index: 1;
}

#wc-body
{
	width: 100%;
}

#wc-header
{
	position: relative;
	width: 960px;
	height: 100px;
	z-index: 50;
	margin: 0 auto;
}

#wc-footer-bg
{
	clear: both;
	height: 52px;
	min-width: 960px;
	border-top: solid 2px white;
}

#wc-footer
{
	text-align: center;
	position: relative;
	width: 800px;
	margin: 0 auto;
	padding-left: 119px;
	padding-right: 41px;
}

#wd-logo,
#lc-logo,
#footer-links
{
	position: relative;
	float: left;
	width: 100%;
	height: 46px;
	padding-top: 2px;
	text-align: center;
}

#footer-links div
{
	padding: 5px 0 8px 0;
}

#wd-logo
{
	width: 119px;
	right: 119px;
	margin-left: -100%;
	background-image: url('/assets/wd-logo.png');	
	text-decoration: none;
}

#lc-logo
{
	width: 41px;
	margin-right: -41px;
	background-image: url('/assets/lc-logo.png');
	text-decoration: none;
}

#wc-topnav
{
	position: relative;
}

#wc-topnav ul
{
	position: relative;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#wc-topnav ul li
{
	float: left;
	position: relative;
	padding: 0px;
}

#wc-topnav ul li a,
#wc-topnav ul li a:link,
#wc-topnav ul li a:visited
{
	text-decoration: none;
	color: White;
	display: block;
	float: left;
	text-align: center;
	padding: 6px 15px 7px 15px;
	line-height: 100%;
}

#wc-topnav ul li.on a:link,
#wc-topnav ul li.on a:visited,
#wc-topnav ul li a:active,
#wc-topnav ul li a:hover
{
	background-color:Black;
}

#wc-topnav ul li div.postalCode
{
	width: 200px;
	float: left;
}

#wc-topnav ul li div.postalCode div
{
	padding-top: 5px;
}

#wc-topnav ul li div.postalCode *
{
	color: White;
	float: left;
}

#wc-topnav ul li div.postalCode a,
#wc-topnav ul li div.postalCode a:link,
#wc-topnav ul li div.postalCode a:visited,
#wc-topnav ul li div.postalCode a:hover,
#wc-topnav ul li div.postalCode a:active
{
	background-color: Transparent;
	padding-left: 0px;
}

#wc-topnav ul li div.postalCode input
{
	width: 55px;
	color: Black;
	margin-top: 5px;
}

#wc-topnav ul li.lst
{
	float: right;
	margin: 0;
}

#wc-topnav ul li.lst a,
#wc-topnav ul li.lst a:link,
#wc-topnav ul li.lst a:visited
{
	padding:  0px 15px 0px 15px;
}

#wc-topnav ul li.lst #wc-power
{
	margin-left: 8px;
	width: 20px;
	height: 25px;
	vertical-align: -8px;
	background-image: url('/assets/wc-power.png');
}

#wc-logo
{
	float: left;
	width: 333px;
	height: 75px;
	position: relative;
	background-image: url('/assets/wc-logo.png');
}

#wc-tools
{
	position: relative;
	float: right;
	text-align: right;
	width: 600px;
	color: White;
	font-weight: bold;
	padding: 10px 15px 0px 0px;
}

#wc-menu
{
	float: right;
	width: 400px;
	padding: 0;
	margin: 0;
	height: 30px;
	position: relative;
}

#wc-menu a,
#wc-menu a:link,
#wc-menu a:visited,
#wc-menu a:hover,
#wc-menu a:active
{
	text-decoration: none;
	display: block;
	height: 28px;
	width: auto;
	float: right;
	padding-right: 15px;
	color: Black;
}

#wc-menu a span, #wc-menu a img
{
	display: block;
	position: relative;
	float: left;
}

#wc-menu a span
{
	margin-top: 7px;
	margin-left: 5px;
	padding: 0;
	cursor: hand;
	cursor: pointer;
}

#wc-home
{
	background-image: url('/assets/wc-home.png');
	width: 27px;
	height: 28px;
}

#wc-weather
{
	background-image: url('/assets/wc-weather.png');
	width: 28px;
	height: 28px;
}

#wc-browse
{
	background-image: url('/assets/wc-browse.png');
	width: 27px;
	height: 27px;
}

#wc-message
{
	position: absolute;
	left: 0;
	width: 455px;
	z-index: 800;
}

#wc-sensor
{
	text-align: right;
	width: 433px;
	z-index: 700;
	padding-top: 2px;	
	float: left;
}

#wc-sensor a:link,
#wc-sensor a:visited,
#wc-sensor a:hover,
#wc-sensor a:active
{
	position: relative;
	color: Black;
}

#wc-theme-selector
{
	position: relative;
	float: right;
	width: 150px;
	height: 26px;
	margin-bottom: 6px;
}

#wc-theme-selector a,
#wc-theme-selector a:link,
#wc-theme-selector a:visited,
#wc-theme-selector a:hover,
#wc-theme-selector a:active
{
	text-decoration: underline;
}

#wc-theme-selector a img
{
	width: 26px;
	height: 26px;
}

#wc-theme-selector a img.spring
{
	background-image: url('/assets/themes/spring.png');
}

#wc-theme-selector a img.summer
{
	background-image: url('/assets/themes/summer.png');
}

#wc-theme-selector a img.autumn
{
	background-image: url('/assets/themes/autumn.png');
}

#wc-theme-selector a img.winter
{
	background-image: url('/assets/themes/winter.png');
}

#wc-theme-selector a img.other
{
	background-image: url('/assets/themes/other.png');
}

#wc-accountTools
{
	position: absolute;
	margin: 0;
	z-index: 550;
}

#wc-accountTools div
{
	position: static;
}

.clr-theme
{
	background-color: Transparent;
}

.drop,
.dropon
{
	background-image: url('/assets/droplets/drop.png');
	background-repeat: no-repeat;
	float: left;
	height: 16px;
	width: 14px;
	cursor: hand;
	cursor: pointer;	
}

.dropon
{
	background-image: url('/assets/droplets/drop_on.png');
}

.modalDialog
{
	border: solid 2px white;
	width: 320px;
}

.modalDialog .border
{
	border-width: 4px;
	border-style: solid;
}

.modalDialog .header
{
	padding: 2px 4px 4px 4px;
}

.modalDialog .header *
{
	position: static;
}

.modalDialog .header .title
{
	font-size: 80%;
	font-weight: bold;
	float: left;
	width: auto;
}

.modalDialog .header .close
{
	display: block;
	font-size: 75%;
	float: right;
}

.modalDialog .content
{
	background-color: #e6e6e6;
	color: #7d7d7d;
	padding: 5px;
	position: relative;
}

.modalDialog .content table
{
	width: 100%;
}

.washout 
{
	background-color: white;
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.contextMenu
{
	position: absolute;
	border: solid 2px white;
	background-color: #e6e6e6;
	width: 196px;
	z-index: 600;
	color: #7d7d7d;
}

.contextMenu ul
{
	list-style-type: none;
	border-width: 4px;
	border-style: solid;
	margin: 0;
	padding: 10px 3px 0 3px;
}

.contextMenu ul li
{
	margin: 0;
	padding-bottom: 10px;
}

.contextMenu ul li div.label
{
	font-weight: bold;
	padding-left: 7px;
}

.contextMenu ul li img
{
	float: left;
	padding: 1px 5px 0 7px;
	cursor: hand;
	cursor: pointer;
}

.contextMenu ul .hand
{
	cursor: hand;
	cursor: pointer;	
}

.contextMenu ul li div.option
{
	float: left;
}



.contextMenu ul li div.checkbox,
.contextMenu ul li div.checkbox-on
{
	float: left;
	text-align: left;
}


/* Color Palette */
.colors
{
	width: 173px;
	margin: 0 auto;
	margin-top: 5px;
	padding: 1px;
	cursor: crosshair;
	background-color: White;
}

.colors #dropletColor
{
	width: auto;
	height: 15px;
	margin-bottom: 1px;
}

.colors a,
.colors a:link,
.colors a:visited,
.colors a:hover,
.colors a:active
{
	display: block;
	text-decoration: none;
	border: null;
	height: 32px;
	width: 1px;
	padding: 0px;
	margin: 0px;
	float: left;
	cursor: crosshair;
}

.colors a.swatch,
.colors a.swatch:link,
.colors a.swatch:visited,
.colors a.swatch:hover,
.colors a.swatch:active
{
	width: 10px;
	height: 10px;
	margin-left: 1px;
	margin-bottom: 1px;
}

.colors a.clr-theme,
.colors a.clr-theme:link,
.colors a.clr-theme:visited,
.colors a.clr-theme:hover,
.colors a.clr-theme:active
{
	height: 10px;
	width: 76px;
	margin-left: 1px;
}



#wc-content
{
	padding: 10px;
	padding-bottom: 0px;
	background-color:White;
	width: 940px;
	margin: 0 auto;
}

/* sortPicker */

.sortPicker
{
	float: left;
	margin-bottom: 5px;
}

.sortPicker-Option a{
	text-decoration:none;
}

.sortPicker-Option a:hover{
	text-decoration:underline;
}

.sortPicker-Option.focused a 
{
	text-decoration:none;
	font-weight: bold;
	color:Black;
	cursor:default;
}

.sortPicker-Option
{
	border-left:solid 1px #ccc;
	display:inline;
	margin-right: 5px;
	text-align:left;
	padding: 0px 5px;
}

.sortPicker-Option.first
{
	border-left:0px none;
}

/* pager */

.pager
{
	float:right;
}

div.pager_details
{
	margin-bottom: 5px;
	font-weight:bold;
	text-align:right;
	float:right;
}


/* search */

.wc-search
{
	position:static;
	float: right;
	width: 148px;
	padding-left: 2px;
	height: 26px;
	background-image: url('/assets/wc-search-box.gif');
	background-repeat: no-repeat;
}

.wc-search input
{
	border: none;
	color: #d4d0c8;
	background-color: Transparent;
	line-height: 14px;
	vertical-align: middle;
	padding: 0;
	margin-top: 5px;
	width: 120px;
	height: 16px;
	float: left;
	position: static;
}

.wc-search a
{
	display: block;
	float: left;
	width: 28px;
	height: 26px;
	background-color: Transparent;
	background-image: url('/assets/wc-search-btn.png');
	cursor: pointer;
	text-decoration: none;
	position: static;
}



/* Form Definitions */

.radioRow,
.row
{
	clear: both;
	padding-bottom: 5px;
	position: relative;
}

.radioRow label,
.row label
{
	float: left;
	width: 100px;
	padding-top: 5px;
}

.radioRow input
{
	margin: 5px;
	float:left;
}

select,
input.txt,
textarea
{
	border: 1px solid #7d7d7d;
}

input.txt
{
	margin: 2px 0px 2px 0px;
	padding: 2px;
	width: 135px;

}

.textRight
{
	text-align: right;
}

input.textBlack
{
	color: Black;
}

.results
{
	clear: both;
	width: 100%;
}


.col
{
	width: 306px;
	float: left;
	padding-right: 11px;
}

.col.lst
{
	padding-right: 0px;
}

.dblCol
{
	width: 623px;
	float: left;
}

.container {
	background-color: white;
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
	clear: both;
	height: auto;
}

.containerHead
{
	padding: 3px;
	text-align: center;
	display: block;
	color: White;
}

.containerHead .small
{
	color: White;
}

.container.cloud
{
	overflow: hidden;
	line-height: 175%;
	text-align: left;
}

/* Profile */

.person,
.deviceRow
{
	position: relative;
	height: 100%;
	padding: 5px;
}

.profilepic
{
    background-image: url('/assets/profile/profile-lg.gif');
    background-position:center center;
    background-repeat:no-repeat;
	width:100px;
	height:100px;
	float:left;
	margin-right: 5px;
}

.person .profilepic
{
    background-image: url('/assets/profile/profile.gif');
	width:50px;
	height:50px;
}

.deviceRow .devicepic
{
    background-image: url('/assets/devices/devicepic.gif');
    float: left;
	margin-right: 5px;
	width:75px;
	height:75px;
}

.person .info
{
	 float:left;
	 width:220px;
	 min-height:40px;
}

.deviceRow .info
{
	 float:left;
	 width:210px;
}

.deviceRow .name
{
	font-weight: bold;
	height:4px;
}

.deviceRow .nameInput
{
	height:4px;
}

.deviceRow .disable, .deviceRow .remove, .deviceRow .enable
{
	float:left;
	width:60px;
}

.deviceRow .edit, .deviceRow .save
{
	float:left;
	text-align:right;
	width:230px;
}


.nonContributor
{
	clear:left;
	color:#fff;
	background-color: #7D7D7D;
	padding:20px 10px;
	text-align:justify;
}

/* Forecast */
#days .row 
{
	clear:both;
	padding:5px 0 5px 0;
}

#days .row .day
{
	width:40px;
	float:left;
}
#days .row .graph
{
	width:200px;
	height:30px;
	border:solid 1px black;
	float:left;
}
#days .row .bar
{
	height:30px;
	background-color:Black;
	float:left;
}

.forecastBlock
{
	float:left;
	margin-right: 10px;
	padding-bottom: 15px;
	width: 285px;
}


.icon img
{
	width:75px;
}
       
.icon
{
	width:75px;
}
.details
{
	float:left;
	width:160px;
}
.details label
{
	font-weight:bold;
}
.condition
{
	text-align:center;
	float:left;
	width:80px;
}

.temp
{
	font-size:110%;
	font-weight:bold;
}

.warm
{
	color:Red;
}
.cool
{
	color:Blue;
}
.period
{
	font-size:120%;
	font-weight:bold;
}
.f_topbar
{
	font-size:18px;
}


#contrib_activate .container
{
	width: 315px;
	margin: 0 auto;
}

#contrib_activate .modalDialog
{
	margin: 0 auto;
}

.loggedInMsg
{
	font-size: 125%;
	font-weight: bold;
	margin-bottom: 10px;
}

.activation_message
{
	margin-left: 65px;
}

#contrib_activate .login_text
{
	font-weight:bold;
	margin-bottom:5px;
}

#contrib_activate input
{
	font-weight:normal;
}

#activate_wcLogin, #activate_wdLogin, #activate_wcCreate
{
	margin:0 0 15px 10px;
}

.login_submit
{
	color: Red;
}

.wd_no_account
{
	background:#FFF;
	width:200px;
	height:100px;
	position:absolute;
	top:250px;
	left:625px;
}

.ajax__calendar_container
{
	z-index:1001;
}

br.clear
{
	clear:both;
	float:none;
}

.watermark
{
	font:italic 1em/normal Verdana;
	color:#ccc;
	margin:5px 3px;
}

body .hide,
body div.hide,
body li.hide
{
	visibility: hidden;
	display: none;
	height: 0;
	line-height: 0;
}

body .clr,
body div.clr
{
	clear: both;
	float: none;
	height: 0;
	font-size: -1;
	line-height: -1;
	padding: 0;
	margin: 0;
}

/*  SiteMap   */

.siteMap .col
{
	width:auto;
	padding-right:50px;
}

.siteMap .padLeft
{
	padding-left: 15px;
}

.siteMap ul
{
	padding-left: 15px;
	margin-bottom: 3px;
}

.siteMap ul li h4
{
	margin-top:3px;
}

/* Contact Us */
.contactUs h4
{
	padding-top:10px;
}
.contactUs p
{
	padding-bottom:5px;
}
.address
{
	float:left;
	
}
.logo
{
	width:55px;
	float:left;
	margin-right:15px;
	padding-top:10px;
}
/*DropZone Confirm */
.confirmOverlay
{
	background-color:#fffb90;
	border:1px solid black;
	height:70px;
	left:40%;
	margin:0 auto;
	position:absolute;
	top:350px;
	width:320px;
	display:none;
}
.confirmOverlay input
{
	background-color:#FFF;
	border:1px solid #000000;
	color:#000000;
	margin:8px auto 8px auto;
	text-decoration:none;
}
.confirmHeader
{
	margin:5px 0 20px 5px;
	font-weight:bold;
	
}
.confirmBody
{
	padding:5px 5px 20px 5px;
}
.confirmBody input
{
	margin:0 10px 0 10px;
}

/* Register Device Band */
.registerDeviceBand
{
	background-image: url(/assets/register_device_band_bg.jpg);
	background-repeat: no-repeat;
	width:960px;
	height:72px;
	margin: 0 auto;

}

.registerDeviceBand h1
{
	font-family: Arial;
	margin:0px;
	padding:0px;
	font-weight:bold;
	font-size:28px;
	font-style:italic;
}

.registerDeviceBand .headerCont
{
	width: 815px;
	text-align:right;
	padding-top:11px;
}

.registerDeviceBand .linkCopy
{
	padding-top:3px;
	width: 900px;
	text-align:right;
	color:#7d7d7d;
	font-size:.9em;
}

.registerDeviceBand .linkCopy a
{
	text-decoration:none;
	font-weight:bold;
}
.zip
{
	width:100;
	text-align:right;
}
.zip input
{
	margin:5px;
	width:50px;
}