/* CSS Document - MySpace */
body{ background: #777; margin:5px 15px 0 15px; padding:0; font-family:verdana,arial,sans-serif,helvetica; font-size:11px; color:#000;}
body{



	background: #fff; 
	margin: 0px auto; 
	text-align: center; 
	padding:0; 


	font-family:tahoma,verdana,arial,sans-serif,helvetica; 
	font-size:11px; 
	color:#000;

	background: #777; 


}
img{border:0;}
form{margin:0; padding:0;}

/* Headings */
h1 {font-size:200%;}
h2 {font-size:175%;}
h3 {font-size:150%;}
h4 {font-size:125%;}
h5 {font-size:100%;}
h6 {font-size:80%;}



a {

	color: #178EC1;
	color: blue;
}

#xxx_wrap {width: 960px !important;}
#xxx_main{width: 940px !important;}
#xxx_content{width: 940px !important;}

#xxx_wrap{width:960px;}

div.globalwidth { text-align: left; }
table.globalwidth td { text-align: left; }
.globalwidth { width: 960px; }
.globalwidth { width: 800px; }

.globalwidth { width: 860px; }


#wrap { background: #fff;  }

#content {
	padding: 15px;
	font-family:tahoma,verdana,arial,sans-serif,helvetica; 
	font-size:13px; 
	font-family: arial,sans-serif,helvetica; 
	font-size:13px; 

	min-height: 250px;
}


a { outline: none; }
.left { float: left; }
#topnav .right { float: right; }
.inline { display: inline; }
.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: block; }
.clearfix { .display: inline-block; }






* html .clearfix { height: 1%; }
div#header ul { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0; padding: 0; }
div#header * {font-size: 11px;}
/* global page styles
---------------------------------------------------------- */
.global { margin: 10px 0; }
.globalLeaderboard { padding-top: 10px; }
.xxx_globalwidth { width: 960px; }
.profile { margin: 5px 0 4px 0; }
.profileWidth { width: 800px; }

/* header
---------------------------------------------------------- */



div#headerWrap { text-align:center; 

}



div#header2333 {

	text-align:left; 



	margin: 0 auto; padding: 0; 

	/****** 
	background: #2358b8 url('img/h_topshadow.gif') 0 bottom repeat-x;
	padding-bottom: 6px;
	******/
	background-color: #2358b8; 



	font-family:verdana,arial,sans-serif,helvetica; font-size:11px;

	height: auto; 

}



div#leaderboard { text-align: center; }
div#googlebar {

	background-color: #cccccc; 
	background-color: #162F75; 

	background: #2358b8 url('img/h_bkg_msbar.png') 0 bottom repeat-x; border: 0; padding: 0 14px; 





}







/* ms logo
---------------------------------------------------------- */
div#logo { display: inline; float: left; padding: 9px 0; margin-top:10px;}
	div#logo { display: inline; float: left; padding: 9px 0; margin-top:1px;}
h1.cblogo { border:0; margin: 0; padding: 0; background:transparent none repeat scroll 0% 50%; }
h1.cblogo a { display: block; margin: 0; padding: 0; text-indent: -10000em !important; }
h1.cblogo a { background: 0 0 no-repeat; border: 0; height: 35px; width: 159px; }

	h1.cblogo a { background: 0 0 no-repeat; border: 0; height: 51px; width: 102px; }

h1.cblogo a { 

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



div#logo.splash { padding: 9px 0; margin-top:7px;}
div#logo.splash h1.cblogo a {height: 30px; width: 171px; }






/* user


---------------------------------------------------------- */
div#user { background: url('img/h_rail_msbar.png') 0 center no-repeat; display: inline; float: left; 


	height: 32px; 
	margin-left: 7px; 
	margin-top:15px;

		margin-left: 10px;
		margin-top: 10px;

		margin-top: 7px;
		padding-left: 10px;


}

/* user thumbnail */
div#thumb { display: inline; float: left; height: 32px; margin: 0 5px 0 10px; overflow: hidden; }
div#thumb a img { border: 1px solid #fff; display: block; vertical-align: middle; }
div#thumb a:hover img { border: 1px solid #c5e9fd; }

/* user status */
div#status { color: #fff; display: inline; float: left;  line-height: 14px; padding: 2px 0; }
div#status strong { color: #c5e9fd; }
div#status a { color: #c5e9fd; text-decoration: underline; }
div#status a:hover { color: #fff; text-decoration: none; }
div#status img { display: inline-block; vertical-align: top; }



/* search
---------------------------------------------------------- */
div#searchheader {

	width:465px; 
	display: inline; float: right; padding: 4px 0; margin-top:15px; text-align: right; 
	margin-top:30px; 
}

div#searchheader div { 

	font-family: verdana,arial,sans-serif,helvetica; 
	font-size: 13px; 
	color: #fff; color: #c5e9fd; 
	padding-right: 30px;
	font-family: tahoma,verdana,arial,sans-serif,helvetica; 
	font-size: 24px; 
	}


#searchheader div{width:auto !important; z-index:10006 !important;}
form#srch{height:22px;line-height:22px; float:right;}
/* search field */
div.srchfield { background: url('img/h_searchFldBg.gif') 0 0 no-repeat; display: inline; float: left; padding: 0 0 0 5px; }
div.srchfield div { background: url('img/h_searchFldBg.gif') right -24px no-repeat; padding: 0 5px 0 0; }
div.srchfield div div { background: url('img/h_searchFldBg.gif') 0 -48px repeat-x; padding: 5px 0 4px 0; .padding: 4px 0 3px 0; position: relative; }
.srchTextfld { border: 0; color: #666; font: 11px Verdana, Arial, Helvetica, sans-serif; height: 15px; margin: 0 65px 0 0; outline: none; padding: 0; width: 230px !important;}

/* search menu */
div#srchMenu 
{ 
	height: 22px; 
	line-height: 22px; 
	padding: 5px 0 0 0;
	margin:0;
	color: #666 !important; 
	display: inline; 
	top:0;
	right: 5px; 
	position: absolute; 
	z-index: 10005 !important; 
	text-align: right; 
	background:none;
	background: url('img/h_searchFldBg.gif') 0 -48px repeat-x;
}
div#srchMenu * { color: #666 !important;}

.loc2 
{
	cursor: pointer; 
	height: 14px; 
	line-height: 14px; 
	padding: 0 0 0 5px;
	border-left:1px #999 solid;
}

.loc2 a { text-decoration: none; white-space:nowrap;}
.loc2 a small { font-size: 9px; }

div#srchMenuList 
{
	right: -9px; 
	border: 1px solid #ccc; 
	border-top:1px #fff solid; 
	position: absolute; 
	display:none; 
	z-index: 10005 !important; 
	background-color: #FFF; 
	margin:0; 
	padding: 0; 
	top: 21px; 
	overflow:visible;
	}
div#srchMenuList.open { display:block; }
div#srchMenuList ul li 
{
	text-align: left; 
	background: none; 
	background-color: #fff; 
	margin:0; 
	padding: 0; 
}
div#srchMenuList  * { 
	text-transform:none !important;
	color:#666 !important;
	text-decoration: none !important;
	}
div#srchMenuList ul li a 
{
	background: none; 
	color: #666; 
	cursor: pointer; 
	display: block; 
	padding: 0px 10px; text-decoration: none; 
	white-space:nowrap;

}
div#srchMenuList ul li a:hover { background-color: #d9eafb; color: #666; }

/* search button */
div.srchButton { background: url('img/h_searchBtnBg.gif') 0 0 no-repeat; display: inline; float: left; height: 24px; margin: 0 5px 0 3px; padding: 0 0 0 5px; }
div.srchButton div { background: url('img/h_searchBtnBg.gif') right -48px no-repeat; padding: 0 5px 0 0; }
div.srchButton div input#submit { background: url('img/h_searchBtnBg.gif') 0 -24px repeat-x; border: none; color: #215191 !important; cursor: pointer; font: 10px Verdana, Arial, Helvetica, sans-serif; height: 24px; padding: 4px 6px 5px 6px; }
div.srchButton div input#submit:hover { color: #000; }

/* powered by google */
div#googleLogo {  background: 0 0 no-repeat; border: 0; display: inline; float: left; height: 24px; width: 46px !important; text-indent: -10000em !important; }


/*---------------------------- NAVIGATION START ----------------------------*/

#topnav
{
    height: 29px !important;
    background: #2358b8 url('img/h_bkg_menubar.png') 0 0 repeat-x;
    z-index:200 !important;
    padding:0 !important;
    margin:0 !important;




}









/*---------------------------- TOP LEVEL START ----------------------------*/

#topnav ul
{
    list-style: none;
    padding: 0;
    margin: 0;
    border-right: 1px #1B4591 solid;
	display:block;
}
#topnav *
{
	color:#fff;
}
#topnav ul#leftNav
{
    float: left;
}           
#topnav ul#rightNav
{
    float: right;
}			       
#topnav ul li
{
    padding: 0;
    margin: 0;
    float: left;
    border-left: 1px #1B4591 solid;
}            
#topnav ul li a
{
    padding: 0 10px;
    height: 29px;
    line-height: 29px;
    text-decoration: none;
    display: block;
	float:left;

		padding: 0 10px 2px 10px;
		height: 27px;
		line-height: 27px;


}     
#topnav ul li a small{font-size:8px;}       
#topnav ul li a:hover
{
    background-color: #1548ae;
    color: #eee;
}   
#topnav ul li a.open small{color: #003399;}       

#topnav ul li a.open
{
    background: #fff;
    color: #003399;


}
#topnav ul li a.open:hover
{
    background: #d9eafb;
    color: #036;
}

/*---------------------------- TOP LEVEL END ----------------------------*/

/*---------------------------- DROP DOWNS START ----------------------------*/ 
#subnav *
{
    text-transform: none !important;
    color: #003399 !important;
    text-decoration: none !important;
}        
#subnav ul
{
    position: absolute;
    left: -10000px;
    padding: 0;
    margin: 0;
	border: 2px #cfcfcf solid;
    border-top: none;
			background: #d9eafb;
    background: #fff;
	list-style:none;
	display:block;
	float:left;
	z-index:10005 !important;


	/****
   	border-bottom-width: 0px;
	background: #fff url('img/h_topshadow.gif') 0 bottom repeat-x;
	padding-bottom: 6px;
	***/

}     
#subnav ul
{
	border-color: #1548ae;
}




#subnav  ul  li
{
    padding: 0;
    margin: 0;
    height: 22px;
    line-height: 22px;
			border-bottom: 1px #d9eafb solid;
    border-bottom: 1px #fff solid;
	display:block;
	float:left;
	clear:both;






}            
#subnav ul li.divider
{
    border-bottom-color: #cfcfcf;
}

#subnav ul, #subnav ul li.divider
{
	border-color: #1548ae;


}


		
#subnav  ul li.last
{
    border-bottom: none;
}            
#subnav ul li a
{
    padding: 0 5px 0 9px;
    height: 22px;
    line-height: 22px;
    text-decoration: none;
    display: block;
	float:left;
	white-space:nowrap;


	/****
	****/
		padding: 0 5px 2px 9px;
		height: 20px;
		line-height: 20px;


}         
	/****
	****/
	#subnav ul li.divider a {

		padding: 0 5px 3px 9px;
		height: 19px;
		line-height: 19px;
	}
  
#subnav ul li a:hover
{
			background: #fff;
    background: #d9eafb;
    color: #036;
}





#framer{border:none;display:none;position:absolute;}                  

/*---------------------------- DROP DOWNS END ----------------------------*/ 

/*----------------------------- NAVIGATION END -----------------------------*/






/*----------------------------- WAS AT BOTTOM OF HTML PAGE -----------------------------*/




#headerStatusMood {z-index: 10010 !important;float: left;position: relative;color: #FFF;}
#headerStatusMood * {color: #fff;font-size: 10px; font-size: 10px !important;}
.hsmLabel, .hsmParen {color: #C3E9FF !important;}

#userstatus #headerStatusMood * {z-index: 10001 !important;color: #000;}
#userstatus .hsmLabel, #userstatus .hsmParen {color: #039 !important;}

#hsmMain {width: 265px;}
#hsmMain {width: 165px;}

#hsmStatusLine { overflow: hidden;white-space: nowrap;text-overflow: ellipsis;padding-bottom: 2px;margin-top: 2px;}
#hsmUpdateDialog {z-index: 10011 !important;}
#hsmUpdateDialog .hsmLabel {color: #000 !important;}
#hsmUpdateDialog td {color: #000;padding: 1px 1px 3px;white-space: nowrap;}
#hsmUpdateDialog input {color: #000;border: 1px solid #CCC;padding: 2px;width: 200px;font: 9px Verdana;background: #FFF;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;}
#hsmUpdateDialog select {color: #000;border: 1px solid #A5ACB2;padding: 2px;font: 9px Verdana;background: #FFF;}
#hsmUpdateDialog select option {color: #000;}
#hsmUpdateDialog .hsmButton {float: right;height: 12px;color: #1C4976;position: relative;cursor: pointer;font: bold 10px Verdana;padding: 2px 3px 3px;margin: 2px 7px 0 0;}
#hsmUpdateDialog .hsmButtonRight {position: absolute;right: 0;right: -1px;top: 0;height: 17px;width: 3px;}
#hsmStatusChoices {display: none;position: absolute;background: white;border: solid #ccc;border-width: 0 1px 1px;width: 200px;padding: 0 2px;z-index: 1;}
#hsmStatusChoices a {display: block;font-weight: normal;padding: 2px;cursor: pointer;color: #000 !important;width: 194px;margin: 0 auto;}
#hsmStatusChoices a:hover {background: #EAF1FF;text-decoration: underline;}

#user {margin-left: 7px;}
#hsmThumb {margin-left: 7px;}
#hsmMyImage {margin-right: 7px;}
#hsmUpdateDialog * { color: #036;}
#hsmUpdateDialog .hsmLabel { color: #369 !important }





/* VIEWMY DROPDOWN */
div#viewMyList { position: relative; z-index:1000; text-align:left; margin:5px 0px 0 0px; width: 170px; }
div#viewMyList ul { margin: 0; padding: 0; position: absolute; left: -10000em; 
border: 1px solid #ccc; border-width: 0 1px 1px; width: 168px; z-index:1000; background-color: #FFF; }
div#viewMyList div.viewLink {
	padding: 5px 5px 4px 5px; 
	.display: inline-block;
}
div#viewMyList li { padding: 5px 5px 4px 5px; list-style: none outside; border-bottom: solid 1px #ccc; }
div#viewMyList div {  display: block; line-height: 18px;}
div#viewMyList.over ul { left: 0; }
div#viewMyList div.viewLink { position:relative; border: 1px solid #ccc; background-color: #fff; padding-left:5px !important; text-decoration: none; color: #686868; .display: inline-block; }
div#viewMyList div.viewLink small { position: absolute; right: 5px; top: 3px; }
div#viewMyList div.viewLink img { position: absolute; right: 5px; border: 0; }
div#viewMyList div.viewLink:hover {color: #686868; cursor:pointer;}
div#viewMyList li a { padding: 1px 1px 1px 0pt; display:block;}
div#viewMyList li a:hover { text-decoration: none; color:#003399;}
div#viewMyList li:hover { background-color: #F0F8FF;  text-decoration: none; }









#footer{background-color:#E5E5E5;text-align:center;position:relative; bottom:0; left:0; margin:1px 0 20px 0;padding: 10px 10px;}
#footer a {text-decoration:underline;}