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

body {
	background-color:#000;
	margin:0;
	padding:0;
	background-image: url(/images/SLBGv3.jpg);
	background-position:center top;
	background-repeat:repeat-x;	
	background-attachment:fixed;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFF;
}

#wrapperXXX	{
	border:solid 0px #9F0;
	width:1112px;
	margin:0 auto 0 auto;	
	text-align:center;
	background-color:#fff;
	background-image:url(../img/users_gradient_bg.gif);
	background-repeat:repeat-x;
	background-position:top;
}

#logo	{
	width:411px;
	float:left;
	position:relative;
	left:10px;
	border:solid 0px #0F0;
	text-align:left;
}

.questions	{
	text-align:left;
	color:#666;	
	line-height:20px;
}

#specialMessage	{color:#900; font-style:italic;}
.welcome	{ color:#666; font-size:16px; text-align:left; font-family:Tahoma, Geneva, sans-serif; line-height:24px;}

#div0 { position:absolute; border:solid 0px #f00; padding:5px;}
#div1 { position:absolute; border:solid 0px #0f0; padding:5px; visibility: hidden; overflow:hidden;}
#div2 { position:absolute; border:solid 0px #00f; padding:5px; visibility: hidden; overflow:hidden;}

#div3 { position:absolute; border:solid 0px #f00; padding:5px;}
#div4 { position:absolute; border:solid 0px #0f0; padding:5px; visibility: hidden; overflow:hidden;}
#div5 { position:absolute; border:solid 0px #00f; padding:5px; visibility: hidden; overflow:hidden;}

#div6 { position:absolute; border:solid 0px #f00; padding:5px;}
#div7 { position:absolute; border:solid 0px #0f0; padding:5px; visibility: hidden; overflow:hidden;}
#div8 { position:absolute; border:solid 0px #00f; padding:5px; visibility: hidden; overflow:hidden;}

#total	{
	font-weight:600;
	color:#f00;
	}
	
.thumbHeader	{font-size:14px;}
	
h2	{ margin:2px 0; font-size:18px; color:#069;}
h3	{ margin:0 0 15px 0; font-family:Arial, Helvetica, sans-serif; font-weight:400; font-size:18px;}
h4	{ margin:0 0 8px 0; padding:0 0 0 8px; font-size:18px; font-weight:100; color:#144d72; border-left:solid 10px #9fcae6; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;}
h5	{ margin:0; padding:0; font-size:16px; font-weight:100;}

#milesContents	{color:#333; text-align:center;}
#milesSubtext	{font-size:9px; color:#999;}
#milesInfo		{color:#999; text-align:left; position:relative; top:16px; padding:4px;}

.blue	{color:#06C;}
.blueArrow		{ position:relative; top:4px;}

#menu	{
	border:solid 0px #F00;
	position:fixed;
	top:0;
	left:0;
}	

#tableBody	{
	border:solid 0px #609;	
	margin-top:55px;
}

#tableThumbs		{margin-top:-7px;}
#tableThumbsSingle	{margin-top:60px;}

hr	{ height:1px; color:#999; background-color:#999;}

a {
  text-decoration: none; 
}

a:link 		{color: #FFF;}
a:visited 	{color: #FFF;}
a:hover 	{color: #09C;}
a:active 	{color: #FFF;}

/* TOGGLER  */

.DivTitle	{
	width:400px;
	padding: 5px;
	font-family:Arial Black, Arial, Helvetica, sans-serif;
	font-size:16px;
	text-align:center;
	/*
	-webkit-border-top-left-radius: 14px;
	-webkit-border-top-right-radius: 14px;
	-moz-border-radius-topleft: 14px;
	-moz-border-radius-topright: 14px;
	border-top-left-radius: 14px;
	border-top-right-radius: 14px;
	*/
}

.DivTitle a	{text-decoration:none;}

.lables	{color:#c00; font-family:"Arial Black", Gadget, sans-serif; font-size:16px;}


#usersFooter	{ color:#aaa; background-color:#111; height:50px; font-size:x-small; }
#usersFooter a	{ color:#aaa;}
#copyright		{ font-size:xx-small; color:#666; position:relative; top:6px;}

/* FAVORITES   */

#emailForm		{border:solid 1px #ccc; width:440px; color:#666; background-color:#FFC; padding:10px; border-radius: 11px; -moz-border-radius: 11px; -webkit-border-radius: 11px; position:relative; float:right; right:40px;}
#updateMessage	{color:#C00; font-style:italic;}
#emailInput		{border:solid 0 #00F; width:400px; margin:0 auto 0 auto; padding:6px;}
#favsInstructions	{position:relative; float:left; left:40px; color:#333; border:solid 0px #ccc; background-color:#FFF; width:560px; height:100px; border-radius: 11px; padding-top:8px; line-height:17px; text-align:left; -moz-border-radius: 11px; -webkit-border-radius: 11px;}

#offonlineTitle	{color:#fff; background-color:#9fcae6; width:1064px; padding:6px; margin:0 auto 8px auto; text-align:left;}
#onlineNow		{min-height:175px;}
#offlineNow		{min-height:175px;}
#popular		{min-height:175px;}

.borderBox		{border: solid 1px #CCC; width:140px; height:140px; padding-top:10px;}
.thumbName		{background-color:#144d72; font-size:10px; width:118px; height:14px; margin-bottom:1px; padding-top:2px;}	
.thumbNameOffline		{background-color:#5f5f5f; font-size:10px; width:118px; height:14px; margin-bottom:1px; padding-top:2px;}	
.thumbPic		{}
.thumbNotify	{background-color:#9fcae6; width:118px; height:17px; margin:5px 0 0 0;}
.thumbNotify input	{margin:0 2px 0 0; padding:0;}

.removeX		{ display:none; width:24px; height:24px; position:relative; float:none; top:-152px; left:70px;}


/*.showme{ display: none; color:#333; width:24px; height:24px;} */
.borderBox:hover .removeX {display : block; color:#666; position:relative;}
.borderBox:hover	{ background-color:#FFC;}

#favsHelp	{width:30px; height:39px; position:relative; float:right; bottom:17px; right:120px; border:solid 0px #60F; margin:0; padding:0;}
#menuHelp	{width:61px; height:30px; position:relative; float:right; top:-32px; right:220px; margin:0; padding:0;}
#mailboxHelp {width:61px; height:30px; position:relative; float:right; top:-973px; right:220px; margin:0; padding:0; z-index:4;}

/* SETTINGS */

#langSelectDiv	{border:dotted 1px #aaa; background-color:#FFC; //width:460px; width:280px; margin:0 auto; padding:5px 5px 15px 5px;}
#langSelectDiv	{border:dotted 1px #aaa; background-color:#FFC;  width:280px; padding:5px 5px 15px 5px; right:0;}

.langHowToTable	{margin:0 auto 20px auto; text-align:left;}
.langHowToDiv	{background-color:#639; text-align:left; width:1080px; margin:0 auto;}
.langHowToImg	{position:relative; display:inline-block; clear:none;}
.langHowToList	{display:inline-block; float:right;}
.langHowToList li	{margin:0 0 10px 0;}

.settingsImgTitle	{ background-color:#333; color:#fff; text-align:left;}
