/*@charset "utf-8";*/

/* ----- general formatting ----- */

body
{
	font-size:10pt;
	font-family:Trebuchet MS, Arial ! important;
	width:880px;
	margin:0 auto;
	background-color: #222222;
	color:#333333;
	position:relative;
	
}

a, a:visited
{
	font-weight:bold;
	text-decoration:none;
	color:#333333;
	font-size:13px;
}

a:hover
{
	color:#FF0066;
}

div.mainBoxFull div.forecastContainerLeft a:hover h3, div.mainBoxFull div.forecastContainerRight a:hover h3
{
	color:#333333 ! important;
	text-decoration:none ! important;
}

img
{
    border-width:0px;
}

div.clear
{
	clear:both;
}

img.imageButton
{
    vertical-align:text-bottom;
}

img.imageButtonMargin
{
    margin:1px 0px 1px 0px;
}

div#crumbsLeft
{
    float:left;    
}

div#crumbsRight
{
    float:right;
}

/* ----- main layout ----- */
div#header
{
	background-image: url(images/mainHeader1.jpg);
	background-repeat:no-repeat;
	height: 140px;
	width: 880px;
	margin-top:5px;
	position:relative;
}

img#headerLogo
{
    display:block;
    position:absolute;
    left:4px;
    top:-2px;
    
}

img#changeTheme
{
    display:block;
    position:absolute;
    right:17px;
    top:23px;
    
}
img#betaImage
{
    display:block;
    position:absolute;
    right:17px;
    top:50px;
    
}
 
div#footer
{
	background-image: url(images/mainFooter.jpg);
	background-repeat:no-repeat;
	height: 40px;
	width: 880px;
	text-align:center;
	padding:5px 0px 5px 0px;
	color:#CCCCCC;
}


div#content
{
	background-image: url(images/mainEdge.jpg);
	background-repeat: repeat-y;
	width: 830px;
	padding-left:25px;
	padding-right:25px;
	padding-bottom:15px;
}

div#content .contentRight
{
	width:620px;
	float:right;
}

div#footer a
{
	color:#EEEEEE;
}

div#footer a:hover
{
	color:#FF0066;
}

div#footer p
{
	margin:0px;
}

div.buttonContainer
{
    text-align:right;
}

/* ----- menu ----- */
div#header div#menuBar
{
	height:20px;
	padding:108px 15px 0px 15px;
	width: 850px;
}

div#header div#menuBar ul#menu
{
	color:#FFFFFF;
	list-style-type:none;
	margin:0px;
	float:right;
    height:20px;
}


div#header div#menuBar ul#menu li
{
	padding-right:5px;
	padding-left:5px;
    height:20px;
    float:left;
}

div#header div#menuBar ul#menu li:hover
{
	background-image:url(images/menuHover.jpg);
	background-repeat:repeat-x;
    height:20px;
}

div#header div#menuBar ul#menu li a, div#header div#menuBar ul#menu li a:visited
{
	font-weight:bold;
	text-decoration:none;
	color:#FFFFFF;
	font-size:13px;
}

div#header div#menuBar ul#menu li a:hover
{
	/*text-decoration:underline;*/
}
/* ----- masterpage one sno.maspterpage ----- */

.loginTxt
{
    width:100px;
}

.loginRow
{
    margin-top:2px;
    text-align:center;
    width:100%;
}

.loginRow .left
{
    margin-top:2px;
    float:left;
}
.loginRow .right
{
    float:right;
    margin-top:2px;
}

.loginRowLabel
{
    width:60px;
    text-align:right;
}

.rememberMe
{
    font-size:8pt;
}

div#userOptions
{
    text-align:center;
    margin:5px 0px;
}

img.userAvatar
{
    top:-3px;
    right:5px;
    display:block;
    position:absolute;
    width:32px;
}
/* left sidebar */
div.sideBar
{
	width:200px;
	float:left;
}

/* recent items formatting */
div.recentThread
{
	text-align:center;
	padding:2px 0px 2px 0px;
	border-bottom:solid 1px #cccccc;
}

div.recentThread:hover
{
	background-color:#CCCCCC;
}

div.recentImage 
{
	text-align:center;
}

/* masterpage two sno2.masterpage*/

div.loginBar
{
	width:830px;
	background-color:#222222;
	margin-bottom:10px;
}

div.loginBar div.headerBar
{
	height:4px;
}

div.loginBar div.footerBar
{
	height:4px;
}

div.loginBar div.content
{
	padding:0px 4px 0px 4px;
	color:#CCCCCC;
}

div.loginBar div.content div.loginBarLeft
{
    float:left;
}
div.loginBar div.content div.loginBarRight
{
    float:right;
}

div.loginBar div.content a
{
	color:#EEEEEE;
}

div.loginBar div.content a:hover
{
	color:#FF0066;
}

div.loginBar div.headerBar div.tl
{
	height:4px;
	width:4px;
	float:left;
	background-image:url(images/boxTLlogin.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.loginBar div.headerBar div.tr
{
	height:4px;
	width:4px;
	float:right;
	background-image:url(images/boxTRlogin.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

div.loginBar div.footerBar div.bl
{
	height:4px;
	width:4px;
	float:left;
	background-image:url(images/boxBLlogin.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

div.loginBar div.footerBar div.br
{
	height:4px;
	width:4px;
	float:right;
	background-image:url(images/boxBRlogin.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

.loginNormal, .loginWatermark
{
    font-family:Trebuchet MS;
    border:none;
    vertical-align:middle;
}

.loginNormal
{
    color:#eeeeee;
    background-color:#777777;
}

.loginWatermark
{
    color:#dddddd;
    background-color:#333333;
}