/*
-----------------------------------------------
copyright psdtheme(s).com
Stylesheet:  SUB_PAGE.css
Version:  1 
Revision: 2 MARCH  2008
----------------------------------------------- */
.big_title{ float:left;
width:100%;
color:#FFF;
text-align:left;
font-style:normal;
font-size:22px;
margin-bottom:20px;
margin-top:30px; }

#left_side{ float:left; width:704px; margin-top:12px; overflow:hidden; position:relative; text-align:left;}

#title{ background-image:url(../images/content/bg_title.png); float:left; background-repeat:repeat-y; width:646px; padding-left:29px; padding-right:29px;   }

#title h1{ color:#FFFFFF; text-align:left; font-style:normal; font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; margin-bottom:4px;}


#titre_left{ width:453px; float:left;  background:none; padding-top:25px; margin-top:-7px; padding-bottom:20px; padding-right:25px; position:relative; bottom:-4px;}


#top_title{ width:704px; float:left; background-image:url(../images/content/title_top_bottom.png); height:3px;  margin-left:-29px;}

#bottom_title{ width:704px; float:left; height:4px; background-image:url(../images/content/title_top_bottom.png);  background-position:0px bottom; margin-left:-29px;}

#stats_bar{ width:667px; padding-left:29px; padding-right:29px; background-color:#bb9468; background-image:url(../images/content/bg_bar.png); background-repeat:repeat-y; background-position:right top; padding-top:5px; padding-bottom:5px; padding-right:10px; margin-left:-29px; float:left; color:#2f3744; }


#mmhhh_donut{ background-image:url(../images/content/donut.png); float:right; margin-top:-95px; margin-bottom:-38px; width:133px; height:164px;  }
#description_general{ line-height:20px; width:450px;  float:left;  text-align:justify; margin-bottom:15px; margin-top:15px; }

#crazy_fans{background-image:url(../images/content/crazy_fans.jpg); float:left; width:678px; margin-left:-5px; height:200px; margin-top:0px; margin-bottom:50px;}

div.registred_box{float:left; width:44%; margin-right:5%;  text-align:justify;}
div.suscriber_box{float:left; width:44%; margin-left:5%; text-align:justify;}
div.suscriber_box p{color:#FFFFFF;}
div.registred_box p{color:#FFFFFF;}

.orange{color:#FEAA40;}
.blue{color:#58A1FF; }
a.orange{color:#FEAA40; text-decoration:underline; font-weight:bold;}
a.blue_l{color:#58A1FF; text-decoration:underline; font-weight:bold;}
a.blue_l:hover{color:#eee5dc;}
span#registered_title{   margin-left:auto; padding-left:2%; margin-right:auto; display:block; text-align:center; font:22px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; color:#FFFFFF;  }
span#suscriber_title{   margin-left:auto; margin-right:auto; display:block; text-align:center; font:22px "Helvetica Neue",Arial,Helvetica,Geneva,sans-serif; color:#FFFFFF; }
span.sub_title_orange{font-size:11px; width:100%; color:#FEAA40; margin-top:5px; float:left; text-align:center; margin-bottom:30px;}
span.sub_title{font-size:11px; width:100%; margin-top:5px; float:left; text-align:center; margin-bottom:30px;}
a#register_button{ float:left; background-image:url(../images/content/sign_up_buttons.png); width:123px; height:36px; margin-left:50px; margin-top:-10px; margin-bottom:20px;}
a#register_button:hover{ background-position:0px -36px;}

a#suscribe_button{float:left; background-image:url(../images/content/sign_up_buttons.png); width:92px; height:36px; background-position:0px -72px; margin-left:50px; margin-top:-10px; margin-bottom:20px;}

a#suscribe_button:hover{ background-position:0px -108px;}
#mmhhh_action{ background-image:url(../images/content/action.png); float:right; width:122px; height:127px; margin-top:-110px; right:20px;  margin-bottom:-27px; z-index:100; }

#mmhhh_coffee{ background-image:url(../images/content/coffee_mmmh.png); float:right; width:96px; height:140px; margin-top:-100px; right:20px;  margin-bottom:-40px; z-index:100; }
a#continue{ float:left; background-image:url(../images/paypal.png); width:257px; height:47px; margin-top:10px; margin-bottom:10px;}
a#continue:hover{ background-position:0px -47px;}
a#continue.simple{background-position:0px -95px; width:98px;}
a#continue.simple:hover{background-position:0px -142px;}

#register_field{ width:630px; padding-top:10px; height:50px; float:left; font-size:10px; color:#999ba1; }

#left_content{ float:left; background-image:url(../images/content/content_bg.png); background-repeat:repeat-y; width:653px; padding-right:25px; padding-left:26px;  padding-top:15px; padding-bottom:5px; color:#c5c5c5; font-size:12px; line-height:15px; }

#left_content_bottom{ float:left; background-image:url(../images/content/bottom_left.png); width:704px;  height:8px;}

.screenshot{text-align:center; margin-top:30px; margin-bottom:15px; width:636px;}

.grey_divider{width:704px; height:2px; background:#333333; float:left; margin-left:-29px;  }

.quotes{ width:616px; float:left; background-color:#2F3744; margin-top:18px; margin-bottom:18px; padding-left:20px; color:#d3985d; font-size:11px;}
.quotes_ico{ float:left; width:13px; height:12px; background-image:url(../images/content/quotes.png); }
.quotes_top{ width:636px; height:8px; float:left; background-image:url(../images/content/quotes_t_b.png); margin-left:-20px;}
.quotes_bottom{width:636px; height:8px; float:left; background-image:url(../images/content/quotes_t_b.png); background-position:0px -8px; margin-left:-20px;}
.quotes_content{ width:400px; float:left; border-left:1px solid #52493F;  padding-left:19px; margin-left:18px;}


#comments_box{ float:left; width:auto; margin-top:24px; color:#71767E;}
#comments_box_left{ float:left; width:326px; padding-top:10px; padding-bottom:10px; margin-right:7px; }
#comments_box_right{ float:right; width:316px; padding-top:10px; padding-bottom:10px; overflow:hidden; margin-right:-7px; }

a#download{ width:603px; height:82px; background-image:url(../images/buttons/donwlaod.png); float:right; margin-right:-12px; margin-top:-1px;}
a#diggit{ float:left; width:55px; height:79px; background-image:url(../images/buttons/digg.png); }
span#share_comments{ float:left; width:175px; height:25px; background-image:url(../images/buttons/comments.png);}
span#comments{ float:left; width:86px; height:25px; background-image:url(../images/buttons/comments.png); background-position:-175px 0px; margin-top:8px;}
span#post{ float:left; width:121px; height:20px; background-image:url(../images/buttons/comments.png); background-position:-261px -5px;}
span.subtitle{ float:left; width:100%; font-size:11px;}




#post{float:left; width:314px; height:46px; background-image:url(../images/comments/post.png); border:none; padding:0; cursor:pointer; }
#post:hover{ background-position:0px -46px;}



a#invite_a_friend{ background-image:url(../images/buttons/invite.png); float:left; width:312px; height:46px; margin-top:20px; margin-bottom:20px  }
a#invite_a_friend:hover{ background-position:0px -46px; }
#hand_container{ width:27px; height:46px;  float:left; position:relative; margin-left:21px; margin-top:-10px; overflow:hidden; }

#hand{background-image:url(../images/content/hand.png); width:27px; height:46px; display:none; margin-top:26px; float:left; position:relative; }


#madiv {
	
	width:100%;
	float:left;
	margin-top:10px;
	margin-bottom:20px;
}

#madiv span.left {
	width:44%; 
	float:left;
	padding:3px;
}
#madiv  span.right {
	padding:3px;
	width:45%; 
	float:right;
}
#madiv p{width:100%; color:#c5c5c5; padding-top:7px; float:left; padding-bottom:7px; background-image:url(../images/content/table.png); background-repeat:no-repeat; background-position:center bottom;}

#madiv p.last{background-image:none; color:#c5c5c5; }


a#registered_button{ display:block; margin-left:auto; margin-right:auto; background-image:url(../images/buttons/register_buttons.png); background-repeat:no-repeat; width:173px!important; height:36px;  margin-bottom:20px;}
a#registered_button:hover{ background-position:0px -36px;}

a#suscriber_button{ display:block; margin-left:auto; margin-right:auto; background-image:url(../images/buttons/register_buttons.png); background-repeat:no-repeat; width:215px; background-position:0px -72px; height:36px;  margin-bottom:20px;}
a#suscriber_button:hover{ background-position:0px -108px;}

#upcoming p{width:100%; float:left; padding-top:10px; padding-bottom:10px; }


#left_side h1{
float:left;
width:100%;
color:#FFF;
text-align:left;
font-style:normal;
font-size:22px;
margin-bottom:20px;
}


div#table{
	width:661px;
	margin-left:auto;
	margin-right:auto;
}

div#table #top_rounded{
	float:left;
	background:url(../images/table/top_bottom.png) no-repeat;
	width:661px;
	height:3px;
}

div#table #bottom_rounded{
	float:left;
	background:url(../images/table/top_bottom.png) no-repeat 0px -3px;
	width:661px;
	height:3px;
}

div#table_top{
	background:url(../images/table/head.png) repeat-y;
	padding-bottom:10px;
	padding-top:12px;
	float:left;
	width:100%;
	border-bottom:1px solid #CCCED2;
}

div.row{
	padding-left:22px;
	padding-top:12px;
	padding-bottom:10px;
	float:left;
	width:639px;
	
}


div.row.impair{
	background:url(../images/table/impair.png) repeat-y;
	border-bottom:1px solid #5C626B;
}
div.row.pair{
	background:url(../images/table/pair.png) repeat-y;
	border-bottom:1px solid #5C626B;
}
div.row.last{
	background:url(../images/table/impair.png) repeat-y;
}

span.description{ color:#BB9468; width:163px; font-size:11px; float:left; min-height:20px; margin-right:0px; }
span.free{ width:158px; font-size:11px; font-weight:bold; float:left; text-align:center; }
span.exclu{ width:158px; font-size:11px; font-weight:bold; float:left; text-align:center; }
span.dev{ width:158px; font-size:11px; font-weight:bold; float:left; text-align:center; }

span.free.promise{ font-weight:normal; }
span.exclu.promise{ font-weight:normal; }
span.dev.promise{ font-weight:normal; }

div#table_top .description{ color:#FFF;  font-size:12px;  } 
div#table_top .free{ color:#F39632; font-size:12px;  } 
div#table_top .exclu{ color:#4394FC; font-size:12px;  } 
div#table_top .dev{ color:#31E29D; font-size:12px;  } 


div#table a{
	background-image:url(../images/table/sign_up.png);
	display:block;
	margin-left:auto;
	margin-right:auto;
}

.free a{
	background-position:0px 0px;
	width:105px;
	height:88px;
}
.exclu a{
	background-position:-105px 0px;
	width:105px;
	height:88px;
}
.dev a{
	background-position:-210px 0px;
	width:105px;
	height:88px;
}
.free a:hover{
	background-position:0px -90px;
	width:105px;
	height:88px;
}
.exclu a:hover{
	background-position:-105px -90px;
	width:105px;
	height:88px;
}
.dev a:hover{
	background-position:-210px -90px;
	width:105px;
	height:88px;
}

div#referral{
	float:left;
	width:100%;
	margin-top:10px;
	margin-bottom:10px;
	
}div#referral span{
	float:left;
	margin-top:15px;
	font-size:11px;
	
}
#ref_code{
	background-image:url(../images/ref_code.png);
	height:33px;
	float:left;
	margin-right:20px;
	border:none;
	width:143px;
	font-size:16px;
	color:#DB4449;
	font-weight:bold;
	text-align:center;
	padding:12px 5px 0px 5px;
	line-height:45px;
}