0N/A.example {

0N/A font-family: sans-serif;

0N/A font-size:13px;

0N/A color: #333;

0N/A line-height:18px;

0N/A width:600px;

0N/A margin:0 auto;

0N/A margin-bottom:20px;

0N/A}

0N/A

0N/A.yui3-overlay h1, .yui3-overlay h2, .yui3-overlay h3, .yui3-overlay h4, .yui3-overlay h5 {

0N/A color:white;

0N/A border-bottom:none;

0N/A font-weight:lighter;

0N/A}

0N/A.example .yui3-overlay {

0N/A background:#161e31;

0N/A color:white;

873N/A -moz-border-radius:3px;

0N/A -webkit-border-radius:3px;

0N/A border-radius:3px;

0N/A -webkit-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);

0N/A -moz-box-shadow: 0px 0px 5px rgba(0,0,0,0.8);

0N/A}

4759N/A

5414N/A.example .yui3-overlay .yui3-widget-hd {

0N/A background: #6b7180; /* Old browsers */

0N/A background: -moz-linear-gradient(top, #6b7180 1%, #4b5365 2%, #273142 50%, #0a0e0a 51%, #0a0809 100%); /* FF3.6+ */

0N/A background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#6b7180), color-stop(2%,#4b5365), color-stop(50%,#273142), color-stop(51%,#0a0e0a), color-stop(100%,#0a0809)); /* Chrome,Safari4+ */

519N/A background: -webkit-linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* Chrome10+,Safari5.1+ */

0N/A background: -o-linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* Opera11.10+ */

55N/A background: -ms-linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* IE10+ */

2624N/A filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6B7180', endColorstr='#0a0809',GradientType=0 ); /* IE6-9 */

2624N/A background: linear-gradient(top, #6b7180 1%,#4b5365 2%,#273142 50%,#0a0e0a 51%,#0a0809 100%); /* W3C */

1155N/A color:white;

4134N/A font-weight:bold;

1858N/A height:30px;

1155N/A font-size:16px;

519N/A text-align:center;

519N/A padding-top:10px;

519N/A border-radius:3px;

519N/A}

0N/A.example .yui3-overlay #weatherWidgetContent {

1788N/A overflow:hidden;

0N/A}

119N/A.example .yui3-overlay #weatherWidgetContent #mainContainer, .example .yui3-overlay #weatherWidgetContent #futureDays {

119N/A background: #162749; /* Old browsers */

0N/A background: -moz-linear-gradient(top, #010306 0%, #162749 100%); /* FF3.6+ */

519N/A background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#010306), color-stop(100%,#162749)); /* Chrome,Safari4+ */

519N/A background: -webkit-linear-gradient(top, #010306 0%,#162749 100%); /* Chrome10+,Safari5.1+ */

3538N/A background: -o-linear-gradient(top, #010306 0%,#162749 100%); /* Opera11.10+ */

519N/A background: -ms-linear-gradient(top, #010306 0%,#162749 100%); /* IE10+ */

1689N/A filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#010306', endColorstr='#162749',GradientType=0 ); /* IE6-9 */

1689N/A background: linear-gradient(top, #010306 0%,#162749 100%); /* W3C */

1689N/A color:white;

0N/A

0N/A}

0N/A

0N/A#mainContainer {

0N/A padding:10px;

0N/A padding-left:55px;

519N/A height:100px;

0N/A

519N/A}

519N/A#mainContainer p {

519N/A margin:0; padding:0;

519N/A}

519N/A

0N/A#mainContainer #mainImage img {

0N/A float:left;

519N/A border-left:1px solid #5881df;

0N/A}

519N/A

519N/A#mainContainer #temp {

119N/A font-size:32px;

0N/A float:left;

519N/A margin: 0 auto auto 10px;

519N/A}

122N/A#mainContainer #temp p {

5414N/A font-size:12px;

0N/A color: #5ea3d3;

1155N/A margin:0;

519N/A padding:0;

1329N/A font-weight:bold;

0N/A}

519N/A#mainContainer #otherInfo {

519N/A font-weight:bold;

519N/A font-size:12px;

519N/A margin-top:15px;

519N/A}

519N/A

519N/A#futureDays .day {

519N/A float:left;

519N/A padding:10px;

519N/A border:1px solid #202739;

519N/A}

519N/A#futureDays h3, #futureDays h4 {

519N/A margin:5px 0;

519N/A text-align:center;

519N/A}

519N/A#futureDays h3 {

519N/A color: #5ea3d3;

519N/A}

519N/A#mainContainer .clearfix {

519N/A clear:both;

519N/A}

519N/A