@charset "utf-8";

/* 
--------------------------------------------------
Site URL: http://www.skisporet.no
CSS description: Global stylesheet, Skisporet.no
Author: Jonas Nilsson, Spite Design for Jacila AS
--------------------------------------------------
Table of Contents:
01:	Basic XHTML tag reformatting   
02:	Main class library
03:	Structure containers
04:	Advertisments
05:	Header
06:	Menu
07: Top services
08:	Search
09: Main map container
	A: Map
	B: Legend
	C: Icon legend
10: Focus spots
	A: About box
	B: Join as partner
	C: RSS and Google Earth
	D: Buy gold
11:	Basic content container
12:	Footer
13:	Default table
	A: Table design
	B: Misc overrides
14:	Status bar
15:	Box headers
16:	Yr.no module
17: Small table module
18:	Track profile module
19:	Big status
20:	Twitter module
21:	SMS notification
22:	Member services
23:	Buy gold one column PRJ
--------------------------------------------------
*/

/* 01 | Basic xhtml tag reformatting */

body {
	background: #e8eced url(../img/bodyBackground.jpg) no-repeat center top;
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 18px;
	color: #000000;
	position: relative;
}

h1, h2, h3, h4, p, ul, li, hr, form, div {
	margin:0;
	cursor: default;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	border: none 0;
	margin: 0;
	padding: 0;
}

img {
	border: none 0;
	vertical-align: bottom;
	margin: 0;
}

ul {
	list-style: none;
	padding: 0;
}

iframe {
	vertical-align: bottom;
	margin: 0;
}

a {
	text-decoration: underline;
	color: #16aee6;
}

a:hover {
	text-decoration: underline;
}

hr {
	border:0 none;
	clear:both;
	height:20px;
}

/* 02 | Main class library */

.clear {
	clear: both;
	height: 1px;
	overflow: hidden;
	position: relative;
	top: -1px;
	margin-bottom: -1px;
}

.floatLeft {
	float: left;
}

.floatRight {
	float:right;
}

.noFloat {
	float:none;
}

/* 03 | Main Structure Container(s) */

#mainWrapper {
/*	margin: 30px auto;*/
	margin: 30px;
	width: 1018px;
	text-align: left;
	position: relative;
	z-index: 10;
}

.oneColumnDiv {
	width: 298px;
	margin-bottom: 20px;
}

.twoColumnDiv {
	width: 614px;
	margin-bottom: 20px;
}

.threeColumnDiv {
	width: 930px;
	clear: both;
	margin-bottom: 20px;
}

.isParent {
	margin-bottom: 0px;
}

/* 04 | Advertisments */

#topAds {
	width: 1258px; /* 1178px;*/
	min-height: 90px;
	margin-bottom: 40px;
/*	background-color: gray; */
}

#bottomAds {
	width: 970px;
	height: 270px;
}

.ad1018x120 {
	width: 1018px;
	height: 120px;
	overflow: hidden;
}

.ad728x90 {
	width: 728px;
	height: 90px;
	margin-right: 20px;
	overflow: hidden;
	float: left;
}

.ad250x90 {
	width: 250px;
	height: 90px;
	margin-right: 20px;
	overflow: hidden;
	float: right;	
}

.ad160x600 {
	width: 160px;
	height: 600px;
	overflow: hidden;
	float: right;
}

.ad240x750 {
	width: 240px;
	height: 750px;
	overflow: hidden;
	float: right;
}




.ad650 {
	width: 650px;
	height: 250px;
        float: left;
        overflow: hidden;
}

.ad300l {
	width: 300px;
	height: 250px;
	float: left;
	overflow: hidden;
}

.ad300m {
	width: 300px;
	height: 250px;
	float: left;
	overflow: hidden;
	margin: 0px 35px 0px 35px;
}

.ad300 {
	width: 300px;
        height: 250px;
        float: right;
        overflow: hidden;
}

.ad180 {
	height: 120px;
	width: 270px;
	float: left;
	overflow: hidden;
}

.ad768 {
	height: 120px;
	width: 748px;
	float: left;
	overflow: hidden;
}

.ad160 {
        height: 600px;
        width: 160px;
	float: right;
        overflow: hidden;
}

/* 05 | Header */

#header {
	height: 100px;
	position: relative;
	z-index: 20;
}

#logo {
	position: absolute;
}

#logo a {
	display: block;
	background: url(../img/logo.png);
	height: 80px;
	width: 550px;
}

#logo a h1 {
	text-indent: -10000px;
}

/* 06 | Menu */

#menu {
	height: 40px;
	width: 180px;
	position: absolute;
	left: 600px;
	top: 15px;
	z-index: 30;
}

#menu .button {
	background: url(../img/sprites/menu.png) no-repeat 0px 0px;
	height: 40px;
	width: 170px;
	font-size: 22px;
	line-height: 40px;
	font-weight: bold;
	color: #FFFFFF;
	letter-spacing: -1px;
	cursor: pointer;
	padding-left: 10px;
}

#menu:hover .button {
	background: url(../img/sprites/menu.png) no-repeat 0px -50px;
}

#menu ul {
	display: none;
}

#menu .level1 {
	position:absolute;
	left: -20px;
	float:left;
	z-index: 40;
}

#menu:hover .level1 {
	display:block;
}

#menu .level1 li {
	float:left;
	display: inline;
	height: 30px;
	width: 200px;
	background: url(../img/sprites/menu.png) no-repeat -200px 0px;
}

#menu .level1 li:hover {
	background: url(../img/sprites/menu.png) no-repeat -200px -50px;
}

#menu .level1 li:hover .level2 {
	display:block;
}

#menu .level1 li a {
	line-height: 30px;
	display: block;
	height: 30px;
	width: 170px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding-left: 30px;
	letter-spacing: -1px;
}

#menu .level2 {
	position:absolute;
	margin-top: -30px;
	left: -180px;
	width: 200px;
	z-index: 50;
}

#menu .level2 li {
	float:left;
	display: inline;
	height: 30px;
	width: 200px;
	background: url(../img/sprites/menu.png) no-repeat -200px 0px;
}

#menu .level2 li:hover {
	background: url(../img/sprites/menu.png) no-repeat -200px -50px;
}

#menu .level2 li:hover .level3 {
	display:block;
}

#menu .level2 li a {
	line-height: 30px;
	display: block;
	height: 30px;
	width: 170px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	font-weight: bold;
	padding-left: 30px;
	letter-spacing: -1px;
}

#menu .level3 {
	position:absolute;
	margin-top: -30px;
	left: -160px;
	width: 180px;
	z-index: 50;
}

#menu .level3 li {
	float:left;
	display: inline;
	height: 24px;
	width: 180px;
	background: url(../img/sprites/menu.png) no-repeat -200px -100px;
}

#menu .level3 li:hover {
	background: url(../img/sprites/menu.png) no-repeat -200px -150px;
}

#menu .level3 li a {
	line-height: 24px;
	display: block;
	height: 24px;
	width: 150px;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 12px;
	font-weight: bold;
	padding-left: 30px;
	letter-spacing: 0px;
	background-image: url(../img/sprites/status.png);
	background-repeat: no-repeat;
}

#menu .level3 li .status1 {
	background-position: -400px -30px;
}

#menu .level3 li .status2 {
	background-position: -400px -60px;
}

#menu .level3 li .status3 {
	background-position: -400px -90px;
}

#menu .level3 li .status4 {
	background-position: -400px -120px;
}

#menu .level3 li .status5 {
	background-position: -400px -150px;
}

#menu .level3 li .status6 {
	background-position: -400px -180px;
}

/* 07 | Top services */

#topServices {
	position: absolute;
	height: 26px;
	top: 62px;
	right: 0px;
	text-align: right;
}

#topServices a {
	font-size: 12px;
	line-height: 26px;
	color: #FFF;
	text-decoration: none;
	font-weight: bold;
	background-image: url(../img/sprites/topServices.png);
	background-repeat: no-repeat;
	padding: 0 0 0 30px;
	margin: 0 0 0 6px;
	display: inline-block;
	text-align: left;
}

#topServices a span {
	color: #16afe6;
}

#topServices a.login {
	background-position: 0px 0px;
}

#topServices a.buyMembership {
	background-position: 0px -30px;
}

#topServices a.myPage {
	background-position: 0px -60px;
}

#topServices a.logout {
	background-position: 0px -90px;
}

/* 08 | Search */

#search {
	width:180px;
	background: url(../img/sprites/search.png) no-repeat;
	height: 40px;
	position: absolute;
	left: 790px;
	top: 15px;
}

#search .searchForm {
	padding: 4px;
}

#search .searchForm .textField {
	background: url(../img/sprites/search.png) no-repeat -200px 0px;
	height: 28px;
	width: 130px;
	float: left;
	font-size: 18px;
	letter-spacing: -1px;
	color: #FFFFFF;
	font-weight: bold;
	padding: 4px 0px 0px 6px;
}

#search .searchForm .button {
	float: right;
	height: 32px;
	width: 32px;
	background: url(../img/sprites/search.png) -360px 0px;
	text-indent: -1000px;
}

#search .searchForm .button:hover {
	background: url(../img/sprites/search.png) -420px 0px;
	cursor: pointer;
}

#search #autoComplete {
	width: 400px;
	position: absolute;
	left: -220px;
	top: 40px;
	clear: both;
	display: none;
}

#search #autoComplete .topGraphic {
	background: url(../img/sprites/search.png) 0px -190px;
	height: 10px;
}

#search #autoComplete .bottomGraphic {
	background: url(../img/sprites/search.png) 0px -210px;
	height: 10px;
}

#search #autoComplete .searchResults {
	background: #333333;
	padding: 0px 10px;
	color: #FFFFFF;
}

#search #autoComplete .searchResults .resultHeader {
	height: 26px;
	line-height: 26px;
	background: url(../img/sprites/search.png) 0px -150px;
	padding: 0px 10px;
	font-size: 14px;
	font-weight: bold;
	color: #aadc03;
	letter-spacing: -1px;
}

#search #autoComplete .searchResults .resultArea {
	height: 36px;
	line-height: 36px;
	background: url(../img/sprites/search.png) 0px -50px;
	padding: 0px 10px;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
}

#search #autoComplete .searchResults .resultArea:hover {
	background: url(../img/sprites/search.png) 0px -100px;
	cursor: pointer;
}

#search #autoComplete .searchResults .resultArea:hover .numberOfTracks {
	color: #8be5ff;
}

#search #autoComplete .searchResults .resultArea .numberOfTracks {
	font-size: 12px;
	color: #999999;
	letter-spacing: 0px;
	padding-left: 10px;
}

#search #autoComplete .searchResults .resultTrack {
	height: 36px;
	line-height: 36px;
	background: url(../img/sprites/search.png) 0px -50px;
	padding: 0px 10px;
}

#search #autoComplete .searchResults .resultTrack:hover {
	background: url(../img/sprites/search.png) 0px -100px;
	cursor: pointer;
}

#search #autoComplete .searchResults .resultTrack .trackName {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	width: 230px;
	overflow: hidden;
}

#search #autoComplete .searchResults .resultTrack .statusBar {
	float: right;
	left: 2px;
	top: 8px;
}

/* 09 | Main Map Container */

/* 09A | Map */

#mainMapContainer {
	margin-bottom: 16px;
}

#mainMapContainer #breadcrumbs {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bold;
	color: #CCCCCC;
	line-height: 14px;
	position: relative;
	top: -10px;
}

#mainMapContainer #mainMap {
	background: #CCCCCC;
	width: 930px;
	height: 560px;
	margin-bottom: 6px;
}

/* 09B | Legend */

#mainMapContainer .legend {
	position: relative;
	left: -3px;
}

#mainMapContainer .legend li {
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	line-height: 30px;
	width: 125px;
	float: left;
	background-image: url(../img/sprites/status.png);
	background-repeat: no-repeat;
	padding-left: 30px;
}

#mainMapContainer .legend li.status1 {
	background-position:-200px -30px;
}

#mainMapContainer .legend li.status2 {
	background-position:-200px -60px;
}

#mainMapContainer .legend li.status3 {
	background-position:-200px -90px;
}

#mainMapContainer .legend li.status4 {
	background-position:-200px -120px;
}

#mainMapContainer .legend li.status5 {
	background-position:-200px -150px;
}

#mainMapContainer .legend li.status6 {
	background-position:-200px -180px;
}

#mainMapContainer .legend p {
	color: #333333;
	clear: both;
	font-size: 11px;
	line-height: 20px;
	padding-left: 3px;
}

/* 09C | Icon legend*/

#mainMapContainer .iconLegend {
	position: relative;
	left: -3px;
}

#mainMapContainer .iconLegend p {
	color: #333333;
	clear: both;
	font-size: 11px;
	line-height: 20px;
	padding-left: 3px;
	font-weight: bold;
}

#mainMapContainer .iconLegend ul li {
	background-position: left center;
	background-repeat: no-repeat;
	height: 28px;
	padding-left: 28px;
	padding-right: 10px;
	float: left;
	line-height: 28px;
	font-weight: bold;
	font-size: 16px;
	letter-spacing: -1px;
}

#mainMapContainer .iconLegend ul li.start {
	background-image: url(../img/mapIcons/start.png);
	padding-left: 52px;
}

#mainMapContainer .iconLegend ul li.stop {
	background-image: url(../img/mapIcons/stop.png);
	padding-left: 52px;
}

#mainMapContainer .iconLegend ul li.accomodation {
	background-image: url(../img/mapIcons/accomodation.png);
}

#mainMapContainer .iconLegend ul li.cafe {
	background-image: url(../img/mapIcons/cafe.png);
}

#mainMapContainer .iconLegend ul li.camera {
	background-image: url(../img/mapIcons/camera.png);
}

#mainMapContainer .iconLegend ul li.checkpoint {
	background-image: url(../img/mapIcons/checkpoint.png);
}

#mainMapContainer .iconLegend ul li.generalInfo {
	background-image: url(../img/mapIcons/generalInfo.png);
}

#mainMapContainer .iconLegend ul li.guestbook {
	background-image: url(../img/mapIcons/guestbook.png);
}

#mainMapContainer .iconLegend ul li.hazard {

	background-image: url(../img/mapIcons/hazard.png);
}

#mainMapContainer .iconLegend ul li.lookoutPoint {
	background-image: url(../img/mapIcons/lookoutPoint.png);
}

#mainMapContainer .iconLegend ul li.measure {
	background-image: url(../img/mapIcons/measure.png);
}

#mainMapContainer .iconLegend ul li.parking {
	background-image: url(../img/mapIcons/parking.png);
}

#mainMapContainer .iconLegend ul li.snowmobile {
	background-image: url(../img/mapIcons/snowmobile.png);
}

#mainMapContainer .iconLegend ul li.toilet {
	background-image: url(../img/mapIcons/toilet.png);
}

#mainMapContainer .iconLegend ul li.webcam {
	background-image: url(../img/mapIcons/webcam.png);
}

/* 10 | Focus Spots */

#focusSpots {
	background: #FFFFFF;
	padding: 20px 0px 20px 20px;
	margin-bottom: 20px;
	width: 950px;
	height: 220px;
}

#focusSpots .container {
	background: #000000;
	float: left;
	width: 278px;
	margin-right: 18px;
	height: 200px;
	padding: 10px;
}

/* 10A | About box */

#focusSpots .aboutBox {
	background: url(../img/focusSpots/aboutBox/background.png);
}

#focusSpots .aboutBox h2 {
	font-size: 34px;
	line-height: 40px;
	letter-spacing: -1.5px;
	margin: 0px 0px 5px;
}

#focusSpots .aboutBox p {
	font-size: 14px;
	line-height: 22px;
	color: #FFF;
	font-weight: bold;
	letter-spacing: -1px;
}

/* 10B | Join as partner */

#focusSpots .joinAsPartner {
	background: url(../img/focusSpots/joinAsPartner/background.jpg);
}

#focusSpots .joinAsPartner h2 {
	font-size: 24px;
	color: #FFF;
	line-height: 24px;
	margin: 5px 0px;
	letter-spacing: -1px;
}

#focusSpots .joinAsPartner p a {
	font-size: 14px;
	line-height: 22px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #aadc03;
}

/* 10C | RSS and Google Earth*/

#focusSpots .rssAndGoogleEarth {
	background: url(../img/focusSpots/rssAndGoogleEarth/background.png);
}

#focusSpots .rssAndGoogleEarth h2 {
	font-size: 24px;
	line-height: 30px;
	margin: 0px 0px 5px;
	letter-spacing: -1px;
	color: #aadc03;
	position: relative;
	left: -10px;
	padding: 0px 0px 0px 40px;
}

#focusSpots .rssAndGoogleEarth h2.rss {
	background: url(../img/focusSpots/rssAndGoogleEarth/iconRss.png) no-repeat 5px 4px;
}

#focusSpots .rssAndGoogleEarth h2.googleEarth {
	background: url(../img/focusSpots/rssAndGoogleEarth/iconGoogleEarth.png) no-repeat 10px 3px;
}

#focusSpots .rssAndGoogleEarth p {
	font-size: 11px;
	line-height: 16px;
	margin: 0px 0px 16px;
}

/* 10D | Buy gold */

#focusSpots .buyGold {
	background: url(../img/focusSpots/buyGold/background.jpg);
}

#focusSpots .buyGold h2 {
	font-size: 34px;
	line-height: 40px;
	letter-spacing: -1.5px;
	margin: 0px 0px 15px;
	color: #FFF;
}

#focusSpots .buyGold h2 strong {
	color: #dda203;
}

#focusSpots .buyGold ul {
	margin: 0 0 15px 0;
}

#focusSpots .buyGold ul li {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/focusSpots/buyGold/bullet.png) no-repeat 0px 0px;
	padding: 0px 0px 8px 26px;
}

#focusSpots .buyGold p {
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #000;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px #FFF;
}

#focusSpots .buyGold p strong {
	font-size: 22px;
	color: #16aee6;
	padding: 0px 5px 0px 0px;
}

#focusSpots .buyGold p a {
	line-height: 100px;
	background: url(../img/focusSpots/buyGold/button.png);
	display: block;
	float: right;
	height: 34px;
	width: 134px;
	overflow: hidden;
}

/* 11 | Basic Content Container */

.basicContentContainer {
	background: #FFFFFF;
	padding: 20px 20px 1px;
	margin-bottom: 20px;
	width: 930px;
}

.basicContentContainer h2 {
	font-size: 36px;
	line-height: 38px;
	letter-spacing: -2px;
	color: #999999;
	margin-bottom: 10px;
}

.basicContentContainer h2 strong {
	color: #000000;
}

.basicContentContainer p {
	font-size: 13px;
	line-height: 18px;
	margin-bottom: 10px;
}

/* 12 | Footer */

#footer {
	background: #FFFFFF;
	padding: 20px;
	margin-bottom: 20px;
	width: 930px;
}

#footer #bottomNav ul li {
	float: left;
}

#footer #bottomNav a {
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	text-decoration: none;
	white-space: nowrap;
	padding: 4px 6px;
	display: block;
	margin: 0px 10px;
}

#footer #bottomNav a:hover {
	background: url(../img/sprites/defaultTable.png) repeat-x 0px -300px;
	color: #FFFFFF;
}

#footer #disclaimer {
	clear: both;
	margin-top: 10px;
	border-top: 1px dotted #999999;
	padding-top: 14px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #999999;
	letter-spacing: -1px;
}

#footer #disclaimer #w3c {
	float: right;
}

/* 13 | Default Table */

/* 13A | Table Design */

.defaultTable {
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	color: #333333;
	border-collapse: collapse;
}

.defaultTable th {
	padding: 5px;
	text-align: left;
	background: url(../img/sprites/defaultTable.png) repeat-x 0px 0px;
	color: #FFFFFF;
	font-size: 16px;
	letter-spacing: -1px;
	border-bottom: 2px solid #FFFFFF;
	cursor: default;
}

.defaultTable tr {
	background: url(../img/sprites/defaultTable.png) 0px -100px;
}

.defaultTable tr:hover {
	background: url(../img/sprites/defaultTable.png) 0px -300px;
	cursor: pointer;
	color: #FFFFFF;
}

.defaultTable td {
	border-bottom: 2px solid #FFFFFF;
	padding: 5px;
}

.defaultTable td.destination {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
}

.defaultTable td.trackName {
}

.defaultTable td.trackNameBig {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
}

.defaultTable td.status {
}

.defaultTable td.updated {
	font-size: 11px;
}

.defaultTable td.length {
	font-size: 11px;
}

.defaultTable td.lengthBig {
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -1px;
}

/* 13B | Misc overrides */

.basicContentContainer .defaultTable {
	margin: 0 0 20px 0;
}

.basicContentContainer .oneColumnDiv .defaultTable,
.basicContentContainer .twoColumnDiv .defaultTable,
.basicContentContainer .threeColumnDiv .defaultTable {
	margin: 0px;
}

.basicContentContainer .twoColumnDiv .defaultTable td.trackName,
.basicContentContainer .twoColumnDiv .defaultTable th.trackName,
.basicContentContainer .threeColumnDiv .defaultTable td.trackName,
.basicContentContainer .threeColumnDiv .defaultTable th.trackName {
	padding: 5px 5px 5px 10px;
}


/* 14 | Status Bar */

.statusBar {
	height: 20px;
	width: 126px;
	position: relative;
	left: -4px;
}

.statusBar :hover {
	cursor: pointer;
}

.statusBar .statusColors {
	height: 12px;
	padding: 4px;
	width: 118px;
	position: relative;
}

.statusBar .statusColors div {
	background-image: url(../img/sprites/status.png);
	background-repeat: repeat-x;
	height: 12px;
	float: left;
}

.statusBar .statusColors .status1 {
	background-position:0px -30px;
}

.statusBar .statusColors .status2 {
	background-position:0px -60px;
}

.statusBar .statusColors .status3 {
	background-position:0px -90px;
}

.statusBar .statusColors .status4 {
	background-position:0px -120px;
}

.statusBar .statusColors .status5 {
	background-position:0px -150px;
}

.statusBar .statusColors .status6 {
	background-position:0px -180px;
}

.statusBar .statusBorder {
	background: url(../img/sprites/status.png) no-repeat 0px -210px;
	height: 20px;
	width: 126px;
	position: relative;
	margin-top: -20px;
}

/* 15 | Box headers */


.locationHeader {
	background: url(../img/sprites/boxHeaders.png);
	height:60px;
	width: 930px;
	padding: 0px 20px;
	line-height: 60px;
}

.locationHeader h1 {
	font-size: 28px;
	color: #FFF;
	letter-spacing: -1px;
}

.smallGreenHeader {
	background: url(../img/sprites/boxHeaders.png) -632px -120px;
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
}

.smallGreenHeader h2 {
	font-size: 22px;
	color: #FFF;
	letter-spacing: -1px;
}

.mediumYrHeader {
	background: url(../img/sprites/boxHeaders.png) 0px -70px;
	height: 40px;
	padding: 0px 16px;
	line-height: 40px;
}

.mediumYrHeader h2 {
	font-size: 24px;
	color: #FFF;
	letter-spacing: -1px;
}

.mediumGrayHeader {
	background: url(../img/sprites/boxHeaders.png) 0px -120px;
	height: 40px;
	padding: 0px 16px;
	line-height: 40px;
}

.mediumGrayHeader h2 {
	font-size: 24px;
	color: #FFF;
	letter-spacing: -1px;
}

.bigBlueHeader {
	background: url(../img/sprites/boxHeaders.png) 0px -170px;
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
}

.bigBlueHeader h2 {
	font-size: 24px;
	color: #FFF;
	letter-spacing: -1px;
}

.mediumBlueHeader {
	background: url(../img/sprites/boxHeaders.png) 0px -220px;
	height: 40px;
	padding: 0px 10px;
	line-height: 40px;
}

.mediumBlueHeader h2 {
	font-size: 24px;
	color: #FFF;
	letter-spacing: -1px;
}

/* 16 | Yr Module */

#yrModule #weatherData {
	padding: 10px;
	border-right: 1px solid #f1f1f1;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #f1f1f1;
}

#yrModule #weatherData .warm {
	color: #F01C1C;
}

#yrModule #weatherData .cold {
	color: #0280D9;
}

#yrModule #weatherData #currentWeather {
	height: 120px;
	width: 136px;
	background: #F2F4F1;
	float: left;
	padding: 2px;
	overflow: hidden;
}

#yrModule #weatherData #currentWeather .weatherEntry {
	text-align: center;
	background: #FFF;
	height: 120px;
}

#yrModule #weatherData #currentWeather .weatherEntry .time {
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background: #0FA2D8;
}

#yrModule #weatherData #currentWeather .weatherEntry .windIcon {
	height: 32px;
	width: 32px;
	position: relative;
	top: -100px;
	left: 104px;
	margin: 0px 0px -32px;
}

#yrModule #weatherData #currentWeather .weatherEntry .temperature {
	line-height: 32px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
	width: 48px;
	height: 32px;
	position: relative;
	top: -32px;
	margin: 0px 0px -32px;
}

#yrModule #weatherData #nextWeather {
	padding: 2px 0px 2px 2px;
	background: #f2f4f1;
	height: 120px;
	float: right;
}

#yrModule #weatherData #nextWeather .weatherEntry {
	width: 38px;
	float: left;
	margin: 0px 2px 0px 0px;
	text-align: center;
	height: 120px;
	background: #FFF;
}

#yrModule #weatherData #nextWeather .weatherEntry .time {
	font-size: 11px;
	line-height: 20px;
	font-weight: bold;
	color: #FFF;
	background: #0FA2D8;
}

#yrModule #weatherData #nextWeather .weatherEntry .temperature {
	line-height: 26px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
}

#yrModule #weatherData .yrLink {
	clear: both;
	padding: 6px 0px 0px;
	font-size: 11px;
	font-weight: bold;
}

#yrModule #weatherData .yrLink a {
	color: #0FA2D8;
}

/* 17 | Small table module */

.smallTableModule .defaultTable {
	font-size: 12px;
	line-height: 16px;
}

.smallTableModule .defaultTable th {
	padding: 3px 10px;
	font-size: 14px;
}

.smallTableModule .defaultTable td {
	padding: 3px 10px;
}

.smallTableModule .defaultTable tr:hover {
	background: url(../img/sprites/defaultTable.png) 0px -100px;
	color: #333;
	cursor: default;
}

/* 18 | Track profile module */

#trackProfileModule .image {
	border-right: 1px solid #CCC;
	border-left: 1px solid #CCC;
	padding: 10px;
}

#trackProfileModule .description {
	background: #333 url(../img/trackDescriptionBackground.png) no-repeat;
	padding: 10px 10px 10px 80px;
	min-height: 60px;
	font-size: 11px;
	font-weight: bold;
	color: #FFF;
	line-height: 16px;
}

/* 19 | Big status */

.bigStatus {
	background:#333 url(../img/bigStatusBackground.png) no-repeat;
}

.bigStatus h3 {
	padding: 8px 10px 2px;
	font-size: 16px;
	color: #FFF;
	letter-spacing: -1px;
}

.bigStatus .statusBar {
	height: 50px;
	width: 298px;
	left: 0px;
}

.bigStatus .statusBar .statusColors {
	height: 30px;
	padding: 10px;
	width: 278px;
	position: relative;
}

.bigStatus .statusBar .statusColors div {
	height: 30px;
}

.bigStatus .statusBar .statusColors .status1 {
	background-position:-600px -30px;
}

.bigStatus .statusBar .statusColors .status2 {
	background-position:-600px -60px;
}

.bigStatus .statusBar .statusColors .status3 {
	background-position:-600px -90px;
}

.bigStatus .statusBar .statusColors .status4 {
	background-position:-600px -120px;
}

.bigStatus .statusBar .statusColors .status5 {
	background-position:-600px -150px;
}

.bigStatus .statusBar .statusColors .status6 {
	background-position:-600px -180px;
}

.bigStatus .statusBar .statusBorder {
	background: url(../img/sprites/status.png) no-repeat -600px -210px;
	height: 50px;
	width: 298px;
	position: relative;
	margin-top: -50px;
}

/* 20 | Twitter module */

#twitterModule .smallTwitterHeader {
	background: url(../img/sprites/twitter.png);
	height: 40px;
	width: 298px;
}

#twitterModule .smallTwitterHeader h2 {
	text-align: right;
	margin: 0 10px 0 0;
	line-height: 40px;
	color: #FFF;
	font-size: 16px;
	letter-spacing: 0px;
}

#twitterModule #tweets {
	padding: 10px 10px 1px 10px;
	width: 278px;
	background: #e0f7ff;
}

#twitterModule #tweets .noTweets {
	color: #333;
	font-size: 16px;
	letter-spacing: -1px;
	line-height: 80px;
	margin-bottom: 4px;
	text-align: center;
	font-weight: bold;
}

#twitterModule #tweets .entry {
	clear: both;
	background: #FFF url(../img/sprites/twitter.png) -10px -70px;
	padding-left: 60px;
	margin-bottom: 10px;
}

#twitterModule #tweets .entry a {
	color: #3cf;
	text-decoration: underline;
}

#twitterModule #tweets .entry .image {
	height: 48px;
	width: 48px;
	overflow: hidden;
	position: relative;
	left: -60px;
	margin-bottom: -48px;
	background: #FFF;
}

#twitterModule #tweets .entry .image img {
	height: 48px;
	width: 48px;
	border-width: 0px;
	border-style: none;
}

#twitterModule #tweets .entry .text {
	padding: 8px;
	width: 202px;
	min-height: 28px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 14px;
	background: url(../img/sprites/twitter.png) no-repeat -70px bottom;
}

#twitterModule #tweets .entry .textLarge {
	position: relative;
	left: -60px;
        padding: 8px;
        width: 262px;
        min-height: 28px;
        font-family: Arial, Helvetica, sans-serif;
        font-size: 9px;
        line-height: 14px;
	background-color: white;
/*        background: url(../img/sprites/twitter.png) no-repeat -70px bottom; */
}

#twitterModule #tweets .entry .text .author {
	font-weight: bold;
	padding-right: 8px;
}

#twitterModule #tweets .entry .text .timeStamp {
	color: #999;
	padding-left: 8px;
}

#twitterModule #tweets .entry .textLarge .timeStamp {
        color: #999;
        padding-left: 8px;
}

#twitterModule .disclaimer {
	font-size: 11px;
	line-height: 30px;
	color: #FFF;
	background: url(../img/sprites/twitter.png) 0px -40px;
	padding: 0px 0px 0px 10px;
}

#twitterModule .disclaimer a {
	font-weight: bold;
	color: #000;
}

#twitterModule .disclaimer span {
	font-weight: bold;
}

/* 21 | SMS notification */

#smsNotification {
	background: url(../img/smsNotificationBackground.png);
	height: 120px;
	width: 278px;
	padding: 10px;
}

#smsNotification h2 {
	font-size: 24px;
	line-height: 26px;
	color: #aadc03;
	letter-spacing: -1px;
	margin: 0px 0px 4px;
}

#smsNotification p {
	font-size: 14px;
	line-height: 18px;
	font-weight: bold;
	color: #fff;
	letter-spacing: -1px;
	margin: 0px 50px 0px 0px;
}

#smsNotification p span {
	color: #16aee6;
}

#smsNotification .priceInfo {
	color: #999;
	letter-spacing: 0px;
	font-size: 11px;
	line-height: 14px;
	margin: 5px 0px 0px;
}

/* 22 | Member services */

#memberServices {
	background: url(../img/sprites/memberServices.png);
	height: 140px;
	width: 278px;
	padding: 10px;
}

#memberServices h2 {
	font-size: 24px;
	line-height: 26px;
	color: #fff;
	letter-spacing: -1px;
	margin: 0px 0px 8px;
}

#memberServices a {
	color: #FFF;
	text-decoration: none;
	display: block;
	padding: 4px 0px 0px 55px;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	background-image: url(../img/sprites/memberServices.png);
	background-repeat: no-repeat;
	height: 52px;
}

#memberServices a span {
	color:#000;
}

#memberServices a.gps {
	background-position: -308px 0px;
}

#memberServices a.pdf {
	background-position: -308px -60px;
}

/* 23 | Buy gold one column PRJ */

#buyGoldOneColumn {
	background: #000000;
	width: 278px;
	margin-right: 18px;
	height: 200px;
	padding: 10px;
	background: url(../img/focusSpots/buyGold/background.jpg);
}

#buyGoldOneColumn h2 {
	font-size: 34px;
	line-height: 40px;
	letter-spacing: -1.5px;
	margin: 0px 0px 15px;
	color: #FFF;
}

#buyGoldOneColumn h2 strong {
	color: #dda203;
}

#buyGoldOneColumn ul {
	margin: 0 0 15px 0;
}

#buyGoldOneColumn ul li {
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/focusSpots/buyGold/bullet.png) no-repeat 0px 0px;
	padding: 0px 0px 8px 26px;
}

#buyGoldOneColumn p {
	font-size: 14px;
	line-height: 34px;
	font-weight: bold;
	color: #000;
	letter-spacing: -1px;
	text-shadow: 1px 1px 1px #FFF;
}

#buyGoldOneColumn p strong {
	font-size: 22px;
	color: #16aee6;
	padding: 0px 5px 0px 0px;
}

#buyGoldOneColumn p a {
	line-height: 100px;
	background: url(../img/focusSpots/buyGold/button.png);
	display: block;
	float: right;
	height: 34px;
	width: 134px;
	overflow: hidden;
}