/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{
    margin:0;
    padding:0;                                                                
}

/* HTML ELEMENTS */
body {     
    font: medium Teko, sans serif;
    color: black;
    margin: 0;
    padding: 0;
    background-image: url(wood_texture.jpg);
    text-align: center;
    
}

sup{
    font-size: xx-small;
    vertical-align: super;
}

.bolder{
    font-weight: bolder;
}

.center{
    text-align: center;
}

.left{
    text-align: left;
}

.right{
    text-align: right;
}

.button-like {
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 10px;
  margin:10px;
	-moz-box-shadow: 0px 10px 14px -7px #1c1b18;
	-webkit-box-shadow: 0px 10px 14px -7px #1c1b18;
	box-shadow: 0px 10px 14px -7px #1c1b18;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eae0c2), color-stop(1, #ccc2a6));
	background:-moz-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-webkit-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-o-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:-ms-linear-gradient(top, #eae0c2 5%, #ccc2a6 100%);
	background:linear-gradient(to bottom, #eae0c2 5%, #ccc2a6 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eae0c2', endColorstr='#ccc2a6',GradientType=0);
	background-color:#eae0c2;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	display:inline-block;
	cursor:pointer;
	color:#505739;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffffff;
	transition: all .05s ease-in-out;
}
.button-like:hover {
	/*
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ccc2a6), color-stop(1, #eae0c2));
	background:-moz-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-webkit-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-o-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:-ms-linear-gradient(top, #ccc2a6 5%, #eae0c2 100%);
	background:linear-gradient(to bottom, #ccc2a6 5%, #eae0c2 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ccc2a6', endColorstr='#eae0c2',GradientType=0);
	background-color:#ccc2a6;
	*/
	transform:scale(1.05);
}
.button-like:active {
	position:relative;
	top:1px;
}



}
#bar_blank {
  border: solid 1px #000;
  height: 20px;
  margin: 25px;
  margin-bottom: 3px;
  width: 650px;
}

#bar_color {
  background-color: #465e77;
  height: 20px;
  width: 0px;
}

#bar_blank, #hidden_iframe, #spinner {
  display: none;
}
h1 { 
    font: bold 65px/60px Helvetica, Arial, Sans-serif; 
    text-align: center; 
    color: #eee; 
    text-shadow: 0px 2px 6px #333; 
}

h1 small{ 
    font-size: 20px; 
    text-transform:uppercase; 
    letter-spacing: 14px; 
    display: block; 
    color: #ccc; 
}

h2 a { 
    display: block;
    text-decoration: none; 
    margin: 0 0 30px 0; 
    font: italic 45px Georgia, Times, Serif;  
    text-align: center; color: #bfe1f1; 
    text-shadow: 0px 2px 6px #333;
}

h3 {
    text-align: center;
    color: #eee;
}

h2 a:hover { 
    color: #90bcd0;  
}

a { 
    outline:none;
}

/* COMMON CLASSES */
.break {
    clear:both;
}
/*collage*/
.pages-4 {
    min-width: 1114px;
    background-image:  url('pages0.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages-3 {
    min-width: 1114px;
    background-image:  url('pages0.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages-2 {
    min-width: 1114px;
    background-image:  url('pages0.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages-1 {
    min-width: 1114px;
    background-image:  url('pages0.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages0 {
    min-width: 1114px;
    background-image:  url('pages0.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages1 {
    min-width: 1114px;
    background-image:  url('pages1.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages2 {
    min-width: 1114px;
    background-image:  url('pages2.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages3 {
    min-width: 1114px;
    background-image:  url('pages3.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages4 {
    min-width: 1114px;
    background-image:  url('pages4.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages5 {
    min-width: 1114px;
    background-image:  url('pages5.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages6 {
    min-width: 1114px;
    background-image:  url('pages6.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages7 {
    min-width: 1114px;
    background-image:  url('pages7.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
.pages8 {
    min-width: 1114px;
    background-image:  url('pages8.png'); 
    background-repeat: no-repeat;
    background-position: center top;
}
/*wrapper*/
.wrapper{
    display: inline-block;
    
}

/* cover */
#cover {
    /*min-width: 1000px;*/
    background-image: url('leather_texture.jpg');
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: left;
    margin-bottom: 15px;
    /*display: table;*/
    /*display: inline-block;*/
    border-color: black;
    border-width: medium;
    border-style: solid;
    border-top-style: none;
    
    -moz-border-radius-bottomright: 6px;
    /*-moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;*/
    -moz-border-radius-bottomleft: 6px;

    -webkit-border-bottom-right-radius:6px;
    /*-webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;*/
    -webkit-border-bottom-left-radius:6px;
}

/* frame-cover */
#frame-cover {
    /*min-width: 1000px;*/
    background-image: url('leather_texture.jpg');
    padding: 10px;
    padding-top: 20px;
    padding-bottom: 60px;
    text-align: left;
    margin: 15px;
    display: table;
    /*display: inline-block;*/
    border-color: black;
    border-width: medium;
    border-style: solid;
    
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 6px;

    -webkit-border-bottom-right-radius:6px;
    -webkit-border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
}

.paper{

    background-color: #ECE2BF;
    display: inline-block;
    margin-top: 10px;
    margin-left: 25px;
    margin-right: 25px;
    
    border-style: solid;
    border-width: thin;
    border-color: black;
    text-align: center;

}

.frame-paper{

    background-color: #ECE2BF;
    display: inline-block;
    margin-top: 10px;
    margin-left: 5px;
    margin-right: 5px;
    
    border-style: solid;
    border-width: thin;
    border-color: black;
    text-align: center;

}

.predictions{
	border-style: solid;
	border-width: thin;
	border-color: black;
	margin: 0 auto 0 auto;
	width: 100%;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 8px 22px 0 rgba(0, 0, 0, 0.19);
}
.predictions-header{
	color:#c6d7c1;
	font-size:150%;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
.predictions-body{
    font-size: 130%;
    background-color: #9DB993;
    padding: 10px;
    padding-top: 5px;
    margin-left: auto;
    margin-right: auto;
}

.predictions-body table {
    margin: 0 auto;
}

.predictions-body table tbody tr td{
    padding: 0 20px 0 0;
}

.usgs-header{
	color:#19007B;
	font-size:150%;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(255, 255, 255, 1);
}

.x-small{
    font-size: 9pt;
}

.note-header, .auto-note-header{
  font: normal 22px Teko, Sans-Serif;
}

.note-date{
    text-align: left;
    font-weight:bold;
    letter-spacing:normal;
    color: #7b673e;
}


.note-weather{
	text-align:right;
  float:right;
  max-width:80%;
  letter-spacing:normal;
  color: #7b673e;
}

.note-weather a{
  font: normal 22px Teko, Sans-Serif;
  color: #7b673e;
  text-decoration:none;
  letter-spacing:0;
}

.note-weather a:visited{
  color: #7b673e;
}

.temp a{
  text-decoration:none;
  font:inherit;
  color:inherit;
  letter-spacing:0;
}

.temp a:visited{
  color:inherit;
}
.note-noter{
    text-align: right;
    padding: 2px;
    width: 33%;
}

.note-link{
    text-align: center;
    padding: 2px;
    width: 33%;
}

.note-link a, .note-link a:visited{
    color: #dacbb1;
    font-size: smaller 
}
/*
.note{
    border-style: solid;
    border-width: thin;
    border-color: black;
    background-color: #ECE2BF;
    margin: 15px;
    width: 700px;
		box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 8px 22px 0 rgba(0, 0, 0, 0.19);
}

.note-header{
    background-color: #D9C78E;
    font-size: medium;
    width: 700px;
    border-collapse: collapse;
}

.note-body{
    font-family: sans-serif;
    background-color: #ECE2BF;
    padding: 10px;
    padding-top: 5px;
    text-align:justify;
    
}
*/
.note, .auto-note{
    border-style: solid;
    border-width: thin;
    border-color: black;
    background-color: #5b708c;
    /*color: #dacbb1;*/
    margin: 30px 15px 30px 15px;
    width: 700px;
		box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 8px 22px 0 rgba(0, 0, 0, 0.19);
}



.note-body, .auto-note-body{
    font-family: sans-serif;
    background-color: #5b708c;
    padding: 10px;
    padding-top: 5px;
    white-space: pre-wrap;
    text-align:justify;
    
}
.note-header, .auto-note-header{
  font: normal 22px Teko, Sans-Serif;
  margin-left: -15px;
  margin-top: -12px;
  margin-right: -7px;
  border-style: solid;
  border-width: 16px;
  border-bottom-width:0;
  border-color: #ECE2BF;
  width: 600px;
}

.note-text{
  	margin-bottom: -3px;
    /*margin-top: -12px;*/
    margin-left: -15px;
    margin-right: -7px;
    width: 600px;
    border-style: solid;
    border-width: 16px;
    border-top-width:5px;
    border-color: #ECE2BF;
		font-family:'Patrick Hand';
		font-size: 135%;
}

.fish-entry{
  font: normal 100% 'Patrick Hand', Sans-Serif;
}

.entryNote{
    font: normal 100% 'Patrick Hand', Sans-Serif;
    text-align: justify;
    font-style: italic;
    word-wrap: break-word;
    line-height: 18pt;
    text-indent: 15px;
    padding-right: 15px;
    color: #7b673e;
}

.days-catch{
	width:600px;
	border-collapse:collapse;
}

.days-catch td{
	    /* font-family: sans-serif; */
    /* font-style: italic; */
    /* font-weight: 500; */
    border-width: thin;
    border-color: #d4b791;
    border-left-style: none;
    border-right-style: none;
    border-top-style: solid;
    border-bottom-style: solid;
    /* font-style: italic; */
}

.days-catch tr:hover{
	background-color: #FBEDC2;
}

.ripped-paper{
		display: table;
    background-color: #ECE2BF;
    background-clip: content-box;
    border-style: solid;
    border: 15px solid;
    -webkit-border-image: url(images/rip2.png) 20 round;
    -o-border-image: url(images/rip2.png) 20 round;
    border-image: url(images/rip2.png) 20 round;
    margin-left: auto;
    margin-right: auto;
    /*margin-top: 15px;
    margin-bottom: 15px;
  */
	
}

/*table.note-header{
	color: #dacbb1;
    background-color: #1f3d5c;
    font-size: larger;
    width: auto;
    border-collapse: collapse;
    table-layout: fixed;
}*/
.white{
    background-color: white;
}
.nicEdit-main {
        background-color: white !important;
        padding: 4px;
}

.badge {
  background: radial-gradient( 5px -9px, circle, white 8%, rgb(31,61,92) 26px );
    background: -moz-radial-gradient( 5px -9px, circle, white 8%, rgb(31,61,92) 26px );
    background: -ms-radial-gradient( 5px -9px, circle, white 8%, rgb(31,61,92) 26px );
    background: -o-radial-gradient( 5px -9px, circle, white 8%, rgb(31,61,92) 26px );
    background: -webkit-radial-gradient( 5px -9px, circle, white 8%, rgb(31,61,92) 26px );
  background-color: rgb(31,61,92);
  border: 2px solid white;
  border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
  box-shadow: 1px 1px 1px black;
  color: white;
  font: bold 9px Helvetica, Verdana, Tahoma;
  padding: 0px 3px 0 3px;
  text-align: center;
	vertical-align:super;
}

/*.badge:before{
	content: "";
	display: block;
	padding-top: 100%;
}
*/
.precipProbability{
  float:right;
  text-align:right;
  font-size:70%;
  color:rgb(94,115,142);
  margin: 3px 3px 0 0;
}
.precipProbability:before {
    content: "";
    display: block;
    background: url("images/rain_drops.png") no-repeat;
    width: 10px;
    height: 13px;
    float: left;
    margin: 4px 1px 0 0;
}

.catch-count{
  color:#7B673E;
}

.cal-cell .catch-count{
  position:absolute;
  top:117px;
  width:100%;
}

.catch-count:before{
  content: "count: ";
}

.cal-caption{
	color:#D9C78E;
	font-size:150%;
	font-weight:bold;
	text-shadow: 0px 0px 10px rgba(0, 0, 0, 1);
}
.cal-table{
	background-color:#ECE2BF;
  color:#7B673E;
	margin-left:auto; 
	margin-right:auto;
	margin-bottom: 10px;
	border-style:solid;
	border-color:#7B673E;
	border-collapse:collapse;
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.2), 0 8px 22px 0 rgba(0, 0, 0, 0.19);
	z-index:-2;
  font-family:Teko, sans-serif;
  letter-spacing:normal;
}

.cal-year{
	background-color: #D9C78E;
	border-style:solid;
	font-size: 175%;
	font-weight: bold;
	text-align:left;
}

.cal-month{
	background-color: #EBDEB2;
	border-style:solid;
	font-size: 145%;
	font-weight: bold;
	text-align:left;
}

.cal-cell{
	border:1px solid #999 !important;
	height:135px;
	width: 105px;
}


.cal-yesterday{
	background: rgba(0, 0, 0, 0.2);
	color:gray;
}
.cal-yesterday .badge{
	background: radial-gradient( 5px -9px, circle, rgb(94, 115, 142) 8%, rgb(31,61,92) 26px );
	background: -moz-radial-gradient( 5px -9px, circle, rgb(94, 115, 142) 8%, rgb(31,61,92) 26px );
	background: -ms-radial-gradient( 5px -9px, circle, rgb(94, 115, 142) 8%, rgb(31,61,92) 26px );
	background: -o-radial-gradient( 5px -9px, circle, rgb(94, 115, 142) 8%, rgb(31,61,92) 26px );
	background: -webkit-radial-gradient( 5px -9px, circle, rgb(94, 115, 142) 8%, rgb(31,61,92) 26px );
	background-color: rgb(31,61,92);
	border: 2px solid gray;
	border-radius: 12px; /* one half of ( (border * 2) + height + padding ) */
	box-shadow: none;
	color: silver;	
}


.cal-today{
	background-color:#EBDEB2;
}

.cal-today .relative{
	box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.3), 0 8px 22px 0 rgba(0, 0, 0, 0.29);
}

.cal-daynum{
	width:100%;
	font-size:150%;
	font-weight:bold;
	position:absolute;
	text-align:left;
	top:-5px;
	left:0;
	padding-left:2px;
}

.cal-dow{
	width:100%;
	font-size:150%;
	font-weight:lighter;
	position: absolute;
	text-align: right;
	right: 2px;
	top: -5px;
}

.hitemp{
  font-weight:bold;
}
.lotemp{
  font-size:80%;
}

.rain-depth{
  font-size:80%;
  margin-left:0.2em;
}

.cal-moontemp{
	width:100%;
	/*font-size:70%;*/
	position:absolute;
	text-align:left;
	top:20px;
	left:0;
	padding-left:3px;
	white-space:pre;
	color:#7B673E;
}
.cal-temps{
  font-size:130%;
}

.cal-weather{
	width:100%;
	position:absolute;
	font-size:115%;
	text-align:left;
	top:40px;
	left:0;
	color:#7B673E;
}

.cal-monthrecs, .cal-yearrecs{
	/*font-size: 56%;
	text-align: right;
	position: absolute;
	right: 2px;
	top: 5px;*/
  float:right;
}

.cal-recs{
	width:100%;
	position:absolute;
	/*font-size:80%;*/
	text-align:left;
	left:1px;
	top:75px;
	vertical-align: middle;
	line-height: 15px;
}


.cal-divider{
	width:100%;
	position:absolute;
	right:0;
	top:55px;
}

.cal-divider hr{
	height: 8px;
	border: 0;
	box-shadow: inset 0 -8px 8px -8px rgba(0, 0, 0, 0.5);
}

.cal-dayrec-year{
	  /*font-size: 75%;*/
    text-align: right;
    float: right;
    padding-right: 2px;
}

.relative{
	position:relative;
	height:100%;
	width:100%;
}

.relative a{
  font:initial;
  font-family:Teko, sans-serif;
  letter-spacing:normal;
}

.thumbnail{
	outline:solid 1px gainsboro;
	outline-offset:-5px;
	border: solid 5px #EFEFEF;
	-moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	box-shadow: 1px 1px 5px rgba(0,0,0,.5);
	margin: 5px;
	opacity:.9;
	transform: scale(.985);
	transition: all .05s ease-in-out;
	vertical-align:middle;
} 
a:hover img.thumbnail{
	-moz-box-shadow: 1px 1px 8px rgba(0,0,0,.5);
	-webkit-box-shadow: 1px 1px 8px rgba(0,0,0,.5);
	box-shadow: 1px 1px 8px rgba(0,0,0,.5);
	opacity:1;
	transform: scale(1);
}


.name{
    padding: 1px 5px 1px 5px;
    text-align: center;
}

.size{
    padding: 1px 5px 1px 5px;
    text-align: right;
}

.type{
    /*padding: 1px 0 1px 5px;*/
    text-align: left;
}

.released{
    
    text-align: left;
}

.lure{
    padding: 1px 5px 1px 5px;
    text-align: center;
}

.location{
    padding: 1px 5px 1px 5px;
    text-align: right;
}

.brown{
    color: #927C35;
}

.brook{
    color: #49477D;
}

.rainbow{
    color: #6F8A31;
}

.tableTitle{
    background-color: #D9C78E;

}
.paper table thead{
    border-color: black;
    border-width: thin;
    border-bottom-style: solid;
    background-color: #D9C78E; 
}



#topbar {
    background-image: none;
    position: relative;
    height: 139px;
    display: inline-block;
    width: 100%;
    text-align: left;
}

#logo{
    text-align: center;
}

#log{
    text-align: right;
    list-style: none;
    /*margin-top: 95px*/
}


/* MENU */
.clearfix {
    clear: both;
}

#menu-bar {
    /*margin-right:400px;*/
    text-align: left;
    -moz-border-radius-topleft: 12px;
    -moz-border-radius-topright: 12px;
    -webkit-border-top-left-radius:12px;
    -webkit-border-top-right-radius:12px;
    border-style: solid;
    border-width: medium;
    border-color: black;
    border-bottom-style: none;
    padding-top: 20px;
    padding-bottom: 0px;
    background: -webkit-gradient(linear, center top, center bottom, color-stop(0, rgb(31,61,92)), color-stop(0.99, rgb(94, 115, 142))) !important;
	background: -moz-linear-gradient(right bottom, rgb(97, 111, 152) 0%, rgb(98, 152, 180) 72%) !important;
	background-color:rgb(89, 115, 140);
    
}

#menu {
    list-style:none;
}
#menu li { 
    display:inline;
    float: left;
    /*margin-right: -2px;
    margin-left: -2px;*/
    list-style-type: none;
        
}

#menu li:hover ul{
    display: block;
}



/* :first-child pseudo selector with rounded top left corner */
#firsttab { 
    -moz-border-radius-topleft: 12px; 
    -webkit-border-top-left-radius:12px;
    border-left-style: solid;
}

/* :last-child pseudo selector with rounded top right corner */
#lasttab{
    border-right-style: solid;
}

/* background color set to RGBA, with opacity on 0.3 and also using text-shadow */
#menu li a { 
    padding: 20px;
    background: #1F3D5C;
    text-decoration: none;
    font: 150% Teko, Sans-Serif;
    letter-spacing: 0px;
    color: #eee;
    /* text-shadow: #90bcd0 0px 0px 2px; */
    border-style: none;
}
	
/* hover state shows a linear gradient and opacity it brought down to 0.9 and also shows a very slight grey gradient on top */
#menu li a:hover { 
    -moz-box-shadow: 0 0px 10px #777; 
    -webkit-box-shadow: 0 0px 10px #777;
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0, rgb(31,61,92)), color-stop(0.72, rgb(96, 120, 148))) !important;
	background: -moz-linear-gradient(right bottom, rgb(97, 111, 152) 0%, rgb(98, 152, 180) 72%) !important;
	background-color:rgb(31, 61, 92);
	-moz-opacity:.90; 
    filter:alpha(opacity=90); 
    opacity:.90;
}

/* another RGBA background, now with an opacity of 0.8 */
#menu li a.active { 
    background:#465e77 !important;
}

/* SUB-MENU */
#menu ul{
    position:absolute;
    list-style: none;
    margin-left: -5px;
    margin-top: 13px;
    padding: 5px;
    display: block;
}

#menu ul li{
    margin: 0;
    padding-top: 6px;
}

#menu ul li a{
    padding: 5px;
    
}
#firstsubtab{
    border-left-style: solid;
    
}
#lastsubtab{
    border-right-style: solid;
    
}

.display{
    display: block !important;
}

a{
    font: bold 14px Helvetica, Sans-Serif; 
    letter-spacing: -1px; 
    color: black; 
    padding: 2px;
    text-decoration: underline; 
}
a:visited{
    color: black;
}




#login_form {
    background-image: url('leather_texture.jpg');
    padding:10px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 100px;
    font: bold 25px/20px Helvetica, Arial, Sans-serif; 
    
    display: table;
    border-color: black;
    border-width: medium;
    border-style: solid;
    
    -moz-border-radius-bottomright: 6px;
    -moz-border-radius-topleft: 6px;
    -moz-border-radius-topright: 6px;
    -moz-border-radius-bottomleft: 6px;
    text-align: right;
}

.login_entry {
    font: bold 25px/20px Helvetica, Arial, Sans-serif;
    margin: 5px;
}



#date_form{
    margin: 10px;
    text-align: center;
}

#directions{
    text-align: left;
    margin-left: 10px;
}

/* CONTENT */
#content { }

#content p {
    margin: 20px;
}




/* main contents with RGBA background (same colour as active tab) and three rounded corners */
#main { 
    clear:both; 
    background: rgba(255,138,30,0.8); 
    width:500px; 
    margin-left:150px;
	-moz-border-radius-topright: 12px; -moz-border-radius-bottomright: 12px; -moz-border-radius-bottomleft: 12px;
	-webkit-border-top-right-radius:12px; -webkit-border-bottom-right-radius:12px; -webkit-border-bottom-left-radius:12px;
}
	
/* header with a text-shadow */
#main h3 { 
    text-transform:uppercase; 
    padding:20px 0 0 20px; 
    color:#eee; 
    text-shadow: #000 0px 0px 2px;
}

#main p { 
    padding-bottom:20px; 
    color:#ddd;
}

.doubleTop td{
  border-bottom:0;
}

.doubleBottom td{
  border-top:0;
}

.doubleTop:hover + .doubleBottom{
	background-color: #FBEDC2;
}

.doubleBottom:hover > .doubleTop{
  background-color: #FBEDC2;
}

.record{
  background: #fae5ca;
}

.record:hover{
  background: #fff5e9 !important;
}

.record:hover + .doubleBottom{
  background: #fff5e9 !important;
}

img.clear, img.clear-day, img.clear-night{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) 0 0;
}

img.partlysunny, img.partlycloudy, img.mostlycloudy, img.partly-cloudy-day, img.partly-cloudy-night{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -16px 0;
}


img.cloudy{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -32px 0;
}

img.fog{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -48px 0;
}

img.rain, img.chancerain{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -64px 0;
}

img.snow{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -112px 0;
}

img.wind{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -128px 0;
}

img.clear:hover, img.clear-day:hover, img.clear-night:hover{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) 0 -16px;
}

img.partlysunny:hover, img.partlycloudy:hover, img.mostlycloudy:hover, img.partly-cloudy-day:hover, img.partly-cloudy-night:hover{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -16px -16px;
}


img.cloudy:hover{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -32px -16px;
}

img.fog:hover{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -48px -16px;
}

img.rain:hover, img.chancerain:hover{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -64px -16px;
}

img.snow:hover{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -112px -16px;
}

img.wind:hover{
	width:16px;
	height:16px;
	background:url(images/weather-sprite.png) -128px -16px;
}

img.moon0{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) 0 0;
}

img.moon1{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -11px 0;
}

img.moon2{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -22px 0;
}

img.moon3{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -33px 0;
}

img.moon4{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -44px 0;
}

img.moon5{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -55px 0;
}

img.moon6{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -66px 0;
}

img.moon7{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -77px 0;
}

img.moon8{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -88px 0;
}

img.moon9{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -99px 0;
}

img.moon10{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -110px 0;
}

img.moon11{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -121px 0;
}

img.moon12{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -132px 0;
}

img.moon13{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -143px 0;
}

img.moon14{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -154px 0;
}

img.moon15{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -165px 0;
}

img.moon16{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -176px 0;
}

img.moon17{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -187px 0;
}

img.moon18{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -198px 0;
}

img.moon19{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -209px 0;
}

img.moon20{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -220px 0;
}

img.moon21{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -231px 0;
}

img.moon22{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -242px 0;
}

img.moon23{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -253px 0;
}

img.moon24{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -264px 0;
}

img.moon25{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -275px 0;
}

img.moon26{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -286px 0;
}

img.moon27{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -297px 0;
}

img.moon28{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -308px 0;
}

img.moon29{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -319px 0;
}

img.moon30{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -330px 0;
}

img.moon0:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) 0 -11px;
}

img.moon1:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -11px -11px;
}

img.moon2:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -22px -11px;
}

img.moon3:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -33px -11px;
}

img.moon4:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -44px -11px;
}

img.moon5:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -55px -11px;
}

img.moon6:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -66px -11px;
}

img.moon7:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -77px -11px;
}

img.moon8:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -88px -11px;
}

img.moon9:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -99px -11px;
}

img.moon10:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -110px -11px;
}

img.moon11:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -121px -11px;
}

img.moon12:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -132px -11px;
}

img.moon13:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -143px -11px;
}

img.moon14:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -154px -11px;
}

img.moon15:hover:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -165px -11px;
}

img.moon16:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -176px -11px;
}

img.moon17:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -187px -11px;
}

img.moon18:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -198px -11px;
}

img.moon19:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -209px -11px;
}

img.moon20:hover:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -220px -11px;
}

img.moon21:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -231px -11px;
}

img.moon22:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -242px -11px;
}

img.moon23:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -253px -11px;
}

img.moon24:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -264px -11px;
}

img.moon25:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -275px -11px;
}

img.moon26:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -286px -11px;
}

img.moon27:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -297px -11px;
}

img.moon28:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -308px -11px;
}

img.moon29:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -319px -11px;
}

img.moon30:hover{
	width:11px;
	height:11px;
	background:url(images/moon-sprite-lcl.png) -330px -11px;
}