/* CSS Document */







/*----->>>>> Main Reset <<<<<-----*/



* {

	padding:0;

	margin:0;

}







body {

	background:url(../images/bodyBg.jpg) #670001 repeat-x top left;

	color:#660000;

	font-size:11px;

	font-family:"Trebuchet MS", UnDotum, sans;

}







h1, h2, h3, h4, h5, h6, p, ul, fieldset, { margin:20px  0; }

li {margin-left: 20px; }

fieldset {padding:10px; }

img {border:0; }

a:link, a:active, a:visited {text-decoration:none; color:#000;}

a:hover {text-decoration:underline; color:#000;}

#bottomlink a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#bottomlink a:visited {
	text-decoration: none;
	color: #FFFFFF;
}

#bottomlink a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
#bottomlink a:active {
	text-decoration: none;
	color: #FFFFFF;
}
#bottomlink a:link {

	color: #FFFFFF;

	text-decoration: none;

}

#bottomlink a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

#bottomlink a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

#bottomlink a:active {

	text-decoration: none;

	color: #FFFFFF;

}


#livehelp a:link {

	color: #FFFFFF;

	text-decoration: none;

}

#livehelp a:visited {

	text-decoration: none;

	color: #FFFFFF;

}

#livehelp a:hover {

	text-decoration: underline;

	color: #FFFFFF;

}

#livehelp a:active {

	text-decoration: none;

	color: #FFFFFF;

}





/*----->>>>> Globals Classes <<<<<-----*/



.bold {font-weight:bold; }

.clear {clear:both; }

.floatLeft {float:left; }

.floatRight {float:right; }

.border {border:1px solid #ff143c }

.tac {text-align:center;}

.pink {color:#ff143c}







h1, h2, h3, h4, h5, h6 {color:#666666;}



h1 {font-size:32px;}

h2 {font-size:24px; }

h3 {font-size:18px; }

h4 {font-size:14px; }

h5 {font-size:12px; }

h6 {font-size:10px; }



#contentBox h1, #contentBox h2, #contentBox h3, #contentBox h4 { color:#666666;}



/*----->>>>> Main All C1ontainer & LAYOUT<<<<<-----*/



#container {width:750px; margin:0 auto; border:1px solid #000; border-top:none; border-bottom:none; background-color:#fff; color:#fff; }

#header {width:750px; height:100px; }

#leftColumn {width:254px; float:left; }

#middleColumn {width:247px; float:left; }

#rightColumn {width:248px; float:left; padding:1px 0; }

#footer {clear:both; height:65px; background-color:#FFF; border-top:1px solid #ff143c }





/*----->>>>> Header <<<<<-----*/





#headerTop {



	height:20px;

	width:750px;

	margin:0 auto; 

	padding:3px 0;

	background-color:#7f7f7f;

	border-bottom:1px solid #fa133b;

	border-left:1px solid #000000;

	border-right:1px solid #000000;



}



#headerTop form {



	margin:0;



	float:left;



}



#headerTop span {

	text-transform:capitalize;

	color:#FFFFFF;

}



.login {

	background:url(../images/loginFld.jpg) no-repeat top left;

	height:16px;

	width:125px;

	background-color:#c1e0ff;

	padding-top:2px;

	color:#787878;

	text-align:center;

	font-size:10px;

	border:none;

	vertical-align:middle;

}



.loginBtn {



	background:url(../images/loginBtn.jpg) no-repeat top left;



	height:18px;



	width:28px;



	border:none;



	vertical-align:middle;



}



#headerTime {



	width:270px;

	float:right;

	vertical-align:middle;

	margin-top:3px;

	margin-right: 3px;

	text-align:right;

	font-weight:bold;



}



.activeLang {



	font-weight:bold;



}



#headerBanner {



	width:750px;



	height:143px;



	position:absolute;



	cursor:pointer;



}



#clock {

	font-size:11px;

	font-weight:bold;

	color:#FFF; 

}







/*----->>>>> Middle <<<<<-----*/



#middleTop {

	background:#3a3a3a;

	color:#FFF;

	line-height:40px;
        height:40px;

	border-bottom:1px solid #404040;

	font-weight:bold;

	padding:1px 4px;

}

#middleTopLinks {
    float: right;
}



#middleTop a, #middleTopLinks a  {
color: #FFF !important;
}

#middleTop a:hover, #middleTopLinks a:hover {
    color: #ed3748 !important;
}




#search {

	float:right;

	width:300px;

	text-align:right;

	padding-bottom: 15px;



}



#search a:hover{text-decoration:none }



#searchFld {



	background:url(../images/searchFld.jpg) no-repeat top right;

	border:none;

	height:18px;

	padding:0 5px;

	width:114px;



}







/*----->>>>> Left Column <<<<<-----*/



#leftColumn img {

	float:left;

}



#signup ul {



	list-style:none;



	height:214px;



	padding:0;



	margin:0;



}



#signup ul li {



	margin-left:45px;



}



#signup {



	width:100%;



	background:url(../images/leftBg.jpg) repeat-y top left;



	float:left;



}



#signup .fld {

	width:174px;

	height:23px;

	padding:2px 0 0 10px;

	background:url(../images/signUpFld.jpg) no-repeat top left;

	border:none;

	margin-bottom:1.5px;



}



#signup label {

	width:100px;

	color:#999;

	font-size:11px;

	text-transform:uppercase;

	font-weight:bold;

}



#signup .btn {



	height:26px;



	width:84px;



	background:url(../images/signUpBtn.jpg) no-repeat top left;



	text-align:center;



	border:none;



	color:#797878;



	font-weight:bold;



	font-size:11px;



	margin:10px 0 0 45px;



	cursor:pointer;



}



#signup .red {



	color:red; 



	font-size:11px; 



	font-weight:bold; 



	text-transform:uppercase;



	text-align:center;



	padding:10px;



}







/*----->>>>> Middle Column <<<<<-----*/



#middleColumn ul {



	list-style:url(../images/ls.gif);



	color:#666666;



	margin:0;



	height:117px;



	width:222px;



	padding:10px 5px 0 20px;



}



#middleColumn ul li {



	margin:0;



}



#middleBottom {



	background:url(../images/midBottomBanner.jpg) top right no-repeat;



	width:335px;



	height:147px;



	float:right;



	padding:17px 0 0 160px;



	font-size:18px;



}



#middleBottom a {



	display:block;



}



#middleColumn img {



	float:left;



}



/*----->>>>> Right Column <<<<<-----*/



#rightColumn img {



	float:left;



}







/*----->>>>> Footer <<<<<-----*/



#footer a {



	color:#4381c1;



	display:block;



	float:right;



}



#bottom {



	color:#fff;

	height:25px;

	width: 750px;

	margin:0 auto;

	font-size:11px;

	padding-top:7px;

	background-color:#7f7f7f;

	border-top:1px solid #ff143c;

	border-bottom:1px solid #ff143c;



}



#copyright {

	text-align:right;

	padding-top:6px;

	padding-bottom:15px;

	width: 750px;

	margin:0 auto;

	font-size:12px;

	

}



#bottom a {



	color:#fff;



}



#links {



	float:left;



}









/*----->>>>> INNER PAGE <<<<<-----*/

#leftInnerColumn {width:127px; height:300px; float:left; color:fff; padding-top:2px; display:none;}



#lift {

	position:fixed;

	z-index:100;

	padding:0px;

}



.f10 {font-size:10px}



.f14 {font-size:14px}



.f16 {font-size:16px}



.f18 {font-size:18px !important}



.c {background-color:#afafaf; color:white !important; text-align:center; margin: 0 auto; position:relative; padding:2px; top:-3px;}



.r {text-align:right}



.l {text-align:left}

.cw {color:#ff0033 !important}

.ulbox {margin:20px; font-size:12px; list-style:circle}

.ulbox li {margin-left:40px}

.w300 {width:300px}

.w390 {width:390px}

.m10 {margin:10px 0; text-align:justify;}

.m20 { padding-bottom:0px; margin:20px !important}

.p20 {padding:20px;}

.p5 {padding:5px}

.ml20{margin-left:20px;}

.ml50{margin-left:50px;}

.ml150{margin-left:150px;}

.redBg {background:#A02525}

.rewBox {width:100px; float:left; text-align:center; margin:0 13px 34px 0;}

.ads {width:100px; height:160px; background:#b2293b; float:left; text-align:center; margin:0 11px 34px 0; border:1px solid #ff143c; position:relative}

.ads h4 {position:absolute; bottom:0; left:10px; font-size:10px; font-weight:normal; color:#FFFFFF !important}



.ads h4 a {color:#FFFFFF !important}







.avatarLink{width:100px; }







.yborder {border:2px solid #FFD664 !important; padding:0 30px !important}



.lbl {margin-right:20px}



.tdp10 td {padding:0 10px !important; text-align:center;}



.block {display:block}



.inline {display:inline;}







.btnLeft {background:url(../images/btnLeft.jpg) no-repeat top left; float:left; width:5px; height:18px;}



.btnMiddle {background:url(../images/btnMiddle.jpg) repeat-x top left; float:left; border:none; font-weight:bold; padding:0 5px; cursor:pointer }



.btnMiddle:hover {color:#FF143C}



.btnRight {background:url(../images/btnRight.jpg) no-repeat top left; float:left; width:5px; height:18px;}







#rightInnerColumn {width:617px; float:left; padding:3px 0 3px 3px; }







#playlist {margin-left:30px; padding:0; width:180px; height:240px; overflow:auto; position:relative}



#playlist img {margin:2px 4px;}



#playlist img:hover {margin:0 2px; border:2px solid #FFF;}



#contentBox {

	background:#FFF;

	/*background-image:url(../images/new/bg-con.jpg);*/

        background-image:url(../images/content_bg.jpg) !important;

	background-position:0 0;

	width:690px;

    	min-height:400px;

	padding:4px 20px;

	font-size:12px;

	color:#000 !important;

	text-align:justify;

	border: 1px solid #666666;

        margin-left: 5px;

}





#contentBox h1 {

	font-size:20px;

	margin:0 auto;

	text-transform:uppercase;

}



#contentBox h2 {

	font-size:14px;

	margin:5px;

}



#contentBox h4 {

	margin:5px 0;

	color:#ff0033;

}



#contentBox blockquote {margin-left:30px}



.specText {

	color:#ff143c;

}



#contentBox a {

	color:#ff143c;

	text-decoration:underline;

}



#contentBox a:hover {



	color:#ff143c;



	text-decoration:none;



}



.contentBtn {



	background:url(../images/loginBtn.jpg) no-repeat top left;



	height:18px;



	width:28px;



	border:none;



	vertical-align:middle;



}







.contentFld {



	background:url(../images/contentFldBg.jpg) repeat-x top left;



	height:18px;



	width:150px;



	border:1px solid #0b5380;



	padding:5px;



}



#contentBox hr {



	height:1px !important;



	border:1px solid #ff143c;



	background-color:#ff143c;



	margin:10px 0;



	padding:0 !important;



	border:1px;



}



#contentBox table {



	border-collapse:collapse;



	border:#000;



	color:#000;



	font-size:12px;



}



#contentBox table th {



	background-color:#ff143c;



	color:#000;



	border:#000;



	height:30px;



	font-weight:bold;



	text-align:center;



}



#contentBox table tr {



	/*background-color:#fff;*/



}



#contentBox table td {



	border:#000000;



	height:30px;



	padding:3px;



}



#headline{

	padding:0px;

	margin:0px;

	position:relative;

	top:-4px;

}

#headline tbody tr td{

	padding:0px;

	margin:0px;

}

#headlineText{

padding-left:3px !important; padding-right:3px !important; background-color:#afafaf; color:white; font-size:20px; font-weight:bold; text-transform:uppercase; text-align:center;

}





.white {



	background-color:#FFF !important;



	color:#000 !important;



	text-align:center;



}



.gray {



	background-color:#CCC !important;



	color:#000 !important;



	text-align:center;



}



#print {

	

	width:100px;

	

	padding-left: 92px;



}



.reward {margin:10px 0; padding:10px; border:1px solid #000; position:relative}



.reward a {cursor:pointer}



.reward img {margin-right:10px;}



.w150 {width:150px}















#submitForm legend {color:#ff143c; padding:0 5px; font-size:14px; font-weight:bold}



#submitForm  div {margin-top:10px}







#submitForm  textarea {width:500px; height:100px}







.slide_trigger {cursor:pointer}







.newsDate {display:block; width:100%; height:15px; padding-top:15px; font-size:12px; font-weight:bold; color:#ff143c;}







#swBox {width:460px; padding:10px; border:2px solid #ff143c; background:#000; color:#FFF; display:none; position:absolute; z-index:3; top:50px; right:50px }



.required {
	color: #660000;
	font-size:9px:
}



/* Top Tabs */
.top-tab-container	  {
	padding: 0px;
	margin-left:2px;
	position:relative;
	top:-3px;
	width:390px;
}

.top-tab-container .top-tab {
	display: block;
	float:left;
	width: 96px;
	height: 24px;
	line-height: 24px;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
	text-decoration: none;
	font-size: 12px;
}

.top-tab-container .top-tab.on {
	color: White;
	background: Transparent url("/images/new/top_on.jpg") top left no-repeat;
}

.top-tab-container .top-tab.off {
	color: #7c7c7e;
	background: Transparent url("/images/new/top_off.jpg") top left no-repeat;
}