/* ---------- Global ---------- */
body {
	margin:0px;
	font-family:Arial;
	font-size:13px;
	color:#47494a;
	text-align:center;
	background:url("img/bg.jpg") top repeat-x;
}

a {
	text-decoration:none;
	color:#414c58;
}

a:hover {
	text-decoration:underline;
}

img {
	border:0px;
}

p {
	margin:2px 0px;
	padding:3px 0px;
}

form {
	margin:0px;
	padding:0px;
}

select,textarea,input {
	font-family:Arial;
	font-size:12px;
	color:#595c5d;
	margin:0px;
	padding:0px;
}

.input_text {
	border:1px solid #d5d5d5;
	padding:1px;
}

.clear {
	clear:both;
	font-size:0px;
	height:0px;
	line-height:0px;
}

.warp {
	width:996px;
	padding-right:4px;
	margin:0px auto;
	text-align:right;
}

.normal {
	width:953px;
	margin:0px 0px 0px auto;
}
/* ---------- Global end ---------- */

/* -------------------- Top Line -------------------- */
.top_line p {
	margin:0px;
	padding:0px;
}

.top_line p .registernow {
	width:158px;
	height:24px;
	padding-top:4px;
	text-align:center;
	background:url("img/register_now.jpg");
	display:block;
	color:white;
	font-size:14px;
	font-weight:bold;
}

.top_line .left {
	direction:ltr;
	float:left;
	padding:13px 0px 0px;
}

.top_line .left1 {
	direction:ltr;
	float:left;
	padding:7px 35px 0px;
}

.top_line .left img {
	margin:0px 5px;
}
/* -------------------- Top Line end -------------------- */

/* -------------------- Logo+Ad -------------------- */
.logoad {
	margin-top:28px;
}

.logoad h1 {
	background:url("img/logo.jpg");
	width:270px;
	height:84px;
	float:left;
	padding:0px;
	margin:7px 0px 0px;
}

.logoad h1 span {
	display:none;
}

.logoad p {
	float:right;
	padding:0px;
	margin:0px 5px 0px 0px;
}
/* -------------------- Logo+Ad end -------------------- */

/* -------------------- Menu -------------------- */
.menu {
	list-style-type:none;
	padding:0px 10px;
	margin:5px 0px;
	background:url("img/menu.jpg");
	height:62px;
	font-size:14px;
	line-height:60px;
}

.menu li {
	display:inline-block;
	margin:0px 7px;
	padding:0px;
	height:60px;
	float:right;
}

.menu li a {
	display:inline-block;
	height:60px;
	text-decoration:none;
	margin:0px;
	padding:0px;
}

.menu li a span {
	display:inline-block;
	height:60px;
	margin:0px;
	padding:0px 18px;
	color:white;
}

.menu .yellow a {
	font-weight:bold;
	line-height:62px;
}

.menu .yellow a span {
	color:#ffcd04;
}

.menu .active,.menu .hover {
	background:url("img/menu_active.jpg");
}

.menu .active a,.menu .hover a {
	background:url("img/menu_active_right.jpg") no-repeat;
	/**
	 * Magic, DONT TOUCH!
	 * if you will try editing this, changing the 101% to right and etc
	 * you will find out this is impossible to make it bug less.
	 * Trust me, I have tried this alredy and wasted alot of time...
	 */
	background-position:101% top;
}

.menu .active a span,.menu .hover a span {
	background:url("img/menu_active_left.jpg") top left no-repeat;
	color:#424951;
}
/* -------------------- Menu end -------------------- */

/* -------------------- Middle -------------------- */
.middle {
	margin-top:10px;
	min-height:235px;
	height:auto !important;
	height:235px;
	background:url("img/middle_bg.jpg");
}

.middle .bg_bottom {
	padding-bottom:6px;
	background:url("img/middle_bg_bottom.jpg") right bottom no-repeat;
}

.middle .bg_top {
	background:url("img/middle_top.jpg") top no-repeat;
}

.middle .bg_user {
	background:url("img/middle_top_user.jpg") top no-repeat;
}

.middle .bg_adv {
	background:url("img/middle_top_adv.jpg") top no-repeat;
}

.middle .notouter {
	width:946px;
	padding:0px 3px;
}

.middle h2 {
	padding:0px;
	margin:0px;
	font-size:17px;
	font-weight:normal;
}

.middle h3 {
	padding:0px;
	margin:0px;
	font-size:15px;
	font-weight:normal;
}

.middle ul {
	margin:2px 25px;
	padding:3px 0px;
}
	
.middle .black {
	color:#424951;
}

.middle .green {
	color:#6a9800;
}

	/* -------------------- Toggle Content -------------------- */
	.middle .toggle_content {
		float:left;
		width:43px;
		text-align:right;
		margin-top:5px;
	}
	
	.middle .toggle_content a {
		display:block;
		width:35px;
		height:95px;
		margin-top:12px;
		outline:0px;
	}

	.middle .toggle_content a span {
		display:none;
	}
	/* -------------------- Toggle Content end -------------------- */
	
	/* -------------------- Line 1 -------------------- */
	.middle .line1 .line1_right {
		float:right;
		width:510px;
		margin:8px 5px 0px;
	}
	
	.middle .line1 .user {
		display:none;
	}
	
	.middle .line1 .adv {
		display:none;
	}
	
	.middle .line1 .line1_left {
		background:white;
		float:left;
		width:400px;
		padding:0px 8px 10px;
		margin:8px 0px 0px;
		min-height:215px;
		height:auto !important;
		height:215px;
	}
	
	.middle .line1 .line1_left h2 {
		line-height:26px;
	}
	
	.middle .line1 .line1_left h2 img {
		vertical-align:middle;
	}
	
	.middle .line1 .line1_left a {
		color:#80b200;
		font-size:14px;
		font-weight:bold;
		text-decoration:underline;
	}
	/* -------------------- Line 1 end -------------------- */
	
	/* -------------------- Line 2 -------------------- */
	.middle .line2 {
		background:url("img/middle_line2.jpg");
		width:945px;
		margin:0px auto 0px 0px;
		height:83px;
	}
	
	.middle .line2 .login {
		float:right;
		width:430px;
		margin:5px 75px 0px 0px;
		height:73px;
		color:white;
	}
	
	.middle .line2 .login a {
		color:white;
	}
	
	.middle .line2 .login .first {
		font-weight:bold;
	}
	
	.middle .line2 .login .first .left {
		float:left;
		font-weight:normal;
	}
	
	.middle .line2 .login .first .left a {
		font-weight:bold;
	}
	
	.middle .line2 .login form p {
		padding:1px 0px 1px;
	}
	
	.middle .line2 .login form .input_text {
		width:160px;
	}
	
	.middle .line2 .login form .submit {
		background:url("img/login.jpg");
		width:87px;
		height:20px;
		border:0px;
		padding:0px 0px 1px;
		color:white;
		font-weight:bold;
	}
	
	.middle .line2 .stats {
		float:left;
		width:390px;
		margin:10px 11px 0px;
		height:73px;
		color:white;
	}
	
	.middle .line2 .stats h4 {
		margin:0px;
		padding:0px;
		font-size:13px;
	}
	
	.middle .line2 .stats .big {
		font-size:15px;
		font-weight:bold;
	}
	/* -------------------- Line 2 end -------------------- */
	
	/* -------------------- Line 3 -------------------- */
	.middle .line3 {
		margin:10px 3px 0px;
	}
	
	.middle .line3 .ad {
		float:right;
		width:261px;
		height:265px;
		background:url("img/ad_border.jpg") no-repeat;
	}
	
	.middle .line3 .ad img {
		margin:7px 5px;
	}
	
	.middle .line3 .block {
		width:322px;
		min-height:28px;
		height:auto !important;
		height:28px;
		background:url("img/middle_line3_block.jpg");
		float:right;
		margin:0px 17px 0px 0px;
		font-size:12px;
	}
	
	.middle .line3 .block .top {
		background:url("img/middle_line3_block_top.jpg") top no-repeat;
	}
	
	.middle .line3 .block .bottom {
		padding:7px 5px;
		background:url("img/middle_line3_block_bottom.jpg") bottom no-repeat;
	}
	
	.middle .line3 .block .sep {
		margin:0px auto;
		background:url("img/middle_line3_block_sep.jpg");
		width:312px;
		height:16px;
	}
	
	.middle .line3 .block .jQueryScroller {
		width:312px;
		height:190px;
		overflow:hidden;
		position:relative;
	}
	
	.middle .line3 .block .jQueryScroller div {
		text-align:center;
		width:312px;
	}
	/* -------------------- Line 3 end -------------------- */
	
	/* -------------------- Line 4 -------------------- */
	.middle .line4 {
		margin:10px 3px 0px;
	}
	
	.middle .line4 .give {
		float:right;
	}
	
	.middle .line4 .friendfriend {
		float:left;
	}
	/* -------------------- Line 4 end -------------------- */
/* -------------------- Middle end -------------------- */

/* -------------------- Footer -------------------- */
.footer {
	background:url("img/footer.jpg") no-repeat;
	min-height:26px;
	height:auto !important;
	height:26px;
	margin-top:10px;
}

.footer .green {
	font-weight:bold;
	color:#6a9800;
}

.footer ul {
	list-style-type:none;
	padding:10px 0px 15px;
	margin:0px 20px;
}

.footer ul .parent {
	margin:0px;
	float:right;
}

.footer ul .cols1 {
	width:130px;
}

.footer ul .cols2 {
	width:260px;
}

.footer ul .cols3 {
	width:390px;
}

.footer ul .cols4 {
	width:520px;
}

.footer ul .cols5 {
	width:650px;
}

.footer ul .parent h4 {
	padding:0px;
	margin:0px;
	font-size:15px;
}

.footer ul .parent ul {
	padding:0px;
	margin:0px;
	float:right;
	width:130px;
}

.footer .left {
	float:left;
}

.footer .left a {
	font-weight:bold;
}
/* -------------------- Footer end -------------------- */


A.Green
{
            
    color:#2f8054;
    font-size:13pt;
    text-align:right;
}

A.Red
{
            
    color:#ff0000;
    font-size:13pt;
    text-align:right;
}

A.Yellow
{
            
    color:Green;
    text-decoration:underline;
    font-size:11pt;
    text-align:right;
}

P.Question
{
    font-family:Arial;
    font-weight:bold;          
    color:#000000;
    font-size:12pt;
    text-align:right;
    text-decoration:underline;
    padding-right:5px;
}

	.dhtmlgoodies_window{
		width:300px;
		font-family:Arial;
		direction:rtl;
		font-size:0.9em;
		position:absolute;
		overflow:hidden;	
		z-index:10000;	
		
		
	}
	.dhtmlgoodies_window div{
		position:relative;
	}
	.dhtmlgoodies_window .dhtmlgoodies_window_top{
		width:100%;
		height:17px;
		position:relative;
		background-color: #707070;
		
		
	}
	
	.dhtmlgoodies_window .top_buttons{
		float:right;
		z-index:10;
		position:absolute;
		right:0px;
		width:35px;
		
		
	}
	.top_buttons img{
		float:left;
		padding-left:2px;
		
	}
	.dhtmlgoodies_windowMiddle{
		border-left:3px solid #707070;
		
	}
	.dhtmlgoodies_windowContent{
		border-right:3px solid #707070;
		padding-left:5px;
		padding-right:2px;

		height:100%;
		overflow:hidden;
		background-color:#FFF;
	}
	.dhtmlgoodies_window_bottom{
		border-left: 3px solid #707070;
		border-right:3px solid #707070;
		border-bottom: 3px solid #707070;
		position:relative;
		height:0px;
		background-color:#FFFFFF;
	}
	.dhtmlgoodies_window_bottom img{
		float:right;
	}
	.topCenterImage{
		position:absolute;
		left:3px;
		width:5000px;
		height:17px;
	}
	.resizeImage{
		position:absolute;
		right:1px;
		bottom:1px;
	}