html, body, * {
	margin:0;
	padding:0;
        font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
        font-size:13px;
}


body{
	background-color:#9AE4E8;	
	background-image:url('../images/bg.gif');
	background-repeat:no-repeat;
}

a{
	cursor:pointer
}
img{
	border:0
}

p{font-size:13px;padding-bottom:10px}

   div.ratenumbers .selected{background-color:#ff9999}

#slider {
	margin: 10px;
	width: 200px
}

.ui-widget-content{
	background-color:#666666
}



#wrapper{
	position:relative;
	width:980px;
	margin-left:auto;
	margin-right:auto;
}

#wrapper.in{
	background-image:url('../images/twitluv_big_bg_mid.png');
	background-repeat:repeat-y;
}

#top{
  width:980px;
  height:359px;
	position:relative;
	background:transparent;
	background-image:url('../images/twitluv_big_bg_top.png');
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

#bottom{
  height:50px;
  width:980px;
	position:relative;
	background:transparent;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../images/twitluv_big_bg_bot.png');
	background-repeat:no-repeat;
	text-align:right;
}
#bottom-inner {
  font-size:10px;
  padding-right:20px;
}
#bottom a{  
  font-size:10px;
  color:black;
  text-decoration:none;
	padding-right:5px;
	padding-left:5px;
}
#bottom a:hover{text-decoration:underline;}

#hotnot{
	width:468px;
}

#title {
	position:relative;
	margin-top:10px;
	width:705px;
	height:145px;
	background-image:url('../images/title_705_145.png');
	margin-left:auto;
	margin-right:auto;
}

#content {
	width:100%;
}

#innercontent {
  padding-left:200px;
  padding-right:50px;
  position:relative;
  top:-110px;
}

div.signin{
	background-image:url('../images/pics_tree.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}

#sign_in_twit{
	display:block;
	position:relative;
	width:306px;
	height:153px;
	background-image:url('../images/sign_in_twit_306_153.png');
	background-repeat:no-repeat;
	margin-top:220px;
	margin-left:30%;
}

#sign_in_twit a {
	font-family:"Arial Black", Gadget, sans-serif;
	font-size:10pt;
	color:#000000;
	position:absolute;
	top:15px;
	left:153px;
}

#hotnot {
	margin-top:32px;
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

#hotnot div{
margin-left:50px;

}

div.hot,div.not {
	position:relative;
}

div.hot {
margin-bottom:5px;
}

#hotnot .hot img.lbl {
	top:-15px;
	left:-20px;
	width:130px;
	height:36px;
	position:absolute;
	display:block;
}

#hotnot .not img.lbl {
	top:-10px;
	left:-23px;
	width:79px;
	height:32px;
	position:absolute;
	display:block;
}

#menu{
  position:absolute;
  top:100px;
  left:270px;
}
#menu a{color:black;text-decoration:none;font-size:13px;}

#submenu{
  position:absolute;
  top:124px;
  left:270px;
  width:171px;
}
#submenu-content{
  text-align:center;
  background-image:url(../images/menu_open_bg.png);

}
#submenu-footer{
  height:18px;
  background-image:url(../images/menu_open_bottom.png);
}

.btn{
  width:169px;
  height:24px;
  float:left;
  background-position:center;
  background-repeat:no-repeat;
  text-align:center;
  background-image:url(../images/menu_tab.png);
  padding-top:3px;
}

#rate_select ul,#rate_select li, #rate_select span, #ratefilter, #ratefilter li{
display:inline;
}

#horizontal_ad{
}

#vertical_ad{
	clear:both;
	height:600px;
	width:120px;
}

#rate {
	position:relative;
	float:left;
	width:668px;
	margin-bottom:50px;
}
#howto {
	font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size:12px;
	float:left;
	width:658px;
	margin-left:10px;
}


#slider {
	margin-top:43px;
	background-image:url('../images/slider_background.png');
	background-repeat:repeat-y;
}

#rate .scroller {
  margin-top:75px;
	width:580px;
	margin-left:auto;
	margin-right:auto;
	background-image:url('../images/scroller_background.jpg');
	background-repeat:repeat-x;
}

#rate .scroller img {
width:73px;
float:left;
margin-left:10px;
margin-top:7px;
}

#rate .scroller img.prev_pic{
	margin-right:30px;
}

img.prev_pic,img.next_pic{
height:73px;
}

#rate .scroller img.current_pic{
  margin-top:-5px;
	margin-right:30px;
	width:260px
}

#toolbar{
	position:absolute;
  width:380px;
  top:0px;
  left:110px;
  text-align:center;
}

.prev_btn{
  position:absolute;
  top:42px;
  left:0px;
  height:60px;
  width:60px;
  background-image:url(../images/big_arrow_left.png)
}
.prev_btn:hover{
  background-image:url(../images/big_arrow_left_over.png)
}

.next_btn{
  position:absolute;
	top:42px;
	left:555px;
	height:60px;
	width:60px;
	background-image:url(../images/big_arrow_right.png)
}
.next_btn:hover{
  background-image:url(../images/big_arrow_right_over.png);
}

#ratetools .text{
font-size:11px;
}

#ratenumbers a{text-decoration:none}
a#a1:hover{background-color:#204080;}
a#a2:hover{background-color:#202F70;}
a#a3:hover{background-color:#3F2060;}
a#a4:hover{background-color:#5F2050;}
a#a5:hover{background-color:#7F1F4F;}
a#a6:hover{background-color:#90103F;}
a#a7:hover{background-color:#B0102F;}
a#a8:hover{background-color:#CF0F1F;}
a#a9:hover{background-color:#E0000F;}
a#a10:hover{background-color:#F00000;}


/* Round box */
.xsnazzy h1, .xsnazzy h2, .xsnazzy p {margin:0 10px; letter-spacing:1px;}
.xsnazzy h1 {font-size:2.5em; color:#fc0;}
.xsnazzy h2 {font-size:2em; color:#234; border:0;}
.xsnazzy p {padding-bottom:0.5em; font-size:11px; color:#eee;}
.xsnazzy h2 {padding-top:0.5em; padding-left:10px;}
.xsnazzy {background: transparent; margin:1em; }

.xsnazzy em {display:block; width:0; height:0; color:#d8d8ee; overflow:hidden; border-top:12px solid #fff; border-left:12px dotted transparent; border-right:12px dotted transparent; margin-left:50px;}
/* hack for IE5.5 */
* html .xsnazzy em {width:24px; height:12px; w\idth:0; hei\ght:0;}
.xsnazzy span {display:block; width:0; height:0; color:#fff; overflow:hidden; border-top:10px solid #7f7f9c; border-left:10px dotted transparent; border-right:10px dotted transparent; margin-left:52px; margin-top:-15px;}
* html .xsnazzy span {width:20px; height:10px; w\idth:0; hei\ght:0;}

.xb1, .xb2, .xb3, .xb4, .xb5, .xb6, .xb7 {display:block; overflow:hidden; font-size:0;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb6 {height:1px;}
.xb4, .xb5, .xb6, .xb7 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #fff;}

.xb1 {margin:0 8px; background:#fff;}
.xb2 {margin:0 6px; background:#fff;}
.xb3 {margin:0 4px; background:#fff;}
.xb4 {margin:0 3px; background:#7f7f9c; border-width:0 5px;}

.xb5 {margin:0 2px; background:#7f7f9c; border-width:0 4px;}
.xb6 {margin:0 2px; background:#7f7f9c; border-width:0 3px;} 
.xb7 {margin:0 1px; background:#7f7f9c; border-width:0 3px; height:2px;} 

.xboxcontent {display:block; background:#7f7f9c; border:3px solid #fff; border-width:0 3px;}


ul.tabs { list-style: none;  } 
ul.tabs li { float: left; padding: 0; margin: 0; padding-top: 35px; margin-right: 1px; } 
ul.tabs li a { display: block; padding: 0px 10px; color: #000; text-decoration: none; } 
ul.tabs li a:hover { font-weight:bold }


	
	.ac_results {
		border: 1px solid gray;
		background-color: white;
		padding: 0;
		margin: 0;
		list-style: none;
		position: absolute;
		z-index: 10000;
		display: none;
	}
	
	.ac_results li {
		padding: 2px 5px;
		white-space: nowrap;
		color: #101010;
		text-align: left;
	}
	
	.ac_over {
		cursor: pointer;
		background-color: #F0F0B8;
	}
	
	.ac_match {
		text-decoration: underline;
		color: black;
	}
	
#facebox .b {
  background:url(http://www.twitluv.com/images/fb_b.png);
}

#facebox .tl {
  background:url(http://www.twitluv.com/images/fb_tl.png);
}

#facebox .tr {
  background:url(http://www.twitluv.com/images/fb_tr.png);
}

#facebox .bl {
  background:url(http://www.twitluv.com/images/fb_bl.png);
}

#facebox .br {
  background:url(http://www.twitluv.com/images/fb_br.png);
}

#facebox {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: left;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  border-collapse: collapse;
}

#facebox td {
  border-bottom: 0;
  padding: 0;
}

#facebox .body {
  padding: 10px;
  background: #fff;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
  margin: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#facebox_overlay {
  position: fixed;
  top: 0px;
  left: 0px;
  height:100%;
  width:100%;
}

.facebox_hide {
  z-index:-100;
}

.facebox_overlayBG {
  background-color: #000;
  z-index: 99;
}

* html #facebox_overlay { /* ie6 hack */
  position: absolute;
  height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}