/*  
Theme Name : 3CT.co.in
CSS Version : CSS 3.0
Layout : Global Section
Author: 360 Thoughts Digital Solutions
Author URL: http://www.360thoughts.com
*/

/* =Imports
============================================================================== */

	@import url("resets.css");

/* =General
============================================================================== */
	html,body {
		width:100%;
		height: 100%;
		font-family: Roboto, sans-serif, Arial;
		font-weight:300;
		font-size:14px;
		line-height:22px;
		color: #000000;
		background: #FFFFFF;
	}
	p{margin:5px 0px 20px;}
	ul {list-style:none; margin:0px; padding:0px;}
	a{text-decoration:none;color:#000000;}
	h1{
		font-size:48px;
		line-height:48px;
		color:#101010;
		margin:10px 0px;
	}
	h2{
		font-size:26px;
		line-height:26px;
		color:#101010;
		margin:10px 0px;
	}
	img {
		max-width: 100%;
		height: auto;
		width: auto\9; /* ie8 */
	}
	
	.position-relative{position:relative;}
	.position-absolute{position:absolute;}
	
	.leftalign{float:left;}
	.rightalign{float:right;}
	.centeralign{margin:0px auto;}
	.clearall,.clear{clear:both;}
	
	.txt-align-center{ text-align:center;}
	.txt-align-left{ text-align:left;}
	.txt-align-right{ text-align:right;}
	.txt-justify{ text-align:justify;}
	
	.txt-ucase{text-transform:uppercase;}
	
	.ele-width-10{width:10%;}
	.ele-width-20{width:20%;}
	.ele-width-25{width:25%;}
	.ele-width-30{width:30%;}
	.ele-width-40{width:40%;}
	.ele-width-48{width:48%;}
	.ele-width-50{width:50%;}
	.ele-width-60{width:60%;}
	.ele-width-65{width:65%;}
	.ele-width-70{width:70%;}
	.ele-width-80{width:80%;}
	.ele-width-90{width:90%;}
	.ele-width-95{width:95%;}
	.ele-width-100{width:100%;}
	
	.text-10{font-size:10px;line-height:14px;}
	.text-11{font-size:11px;line-height:15px;}
	.text-12{font-size:12px;line-height:15px;}
	.text-13{font-size:13px;line-height:16px;}
	.text-14{font-size:14px;line-height:18px;}
	.text-15{font-size:15px;line-height:19px;}
	.text-16{font-size:16px;line-height:20px;}
	.text-18{font-size:18px;line-height:24px;}
	.text-20{font-size:20px;line-height:26px;}
	.text-22{font-size:22px;line-height:28px;}
	.text-24{font-size:24px;line-height:30px;}
	.text-26{font-size:26px;line-height:32px;}
	.text-28{font-size:28px;line-height:32px;}
	.text-32{font-size:32px;line-height:35px;}
	.text-48{font-size:48px;line-height:50px;}
	
	.sleek{font-weight:100;}
	.semi-bold{font-weight:300;}
	.bold{font-weight:700;}
	
	.bodybg{
			width:100%;
			min-width:310px;
			min-height:500px;
			background:#FFFFFF;
			z-index:1;			
		}
		
	.clrcream{color:#e3b077;}
	.txt-white{color:#FFF;}
	.dorangered{color:#d51c39;}
	
	.bg-trans{
			background:url(../images/bg-trans.png);	
			padding:12px;
		}
		.rounded-5{
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
			border-radius: 5px; /* future proofing */
			-khtml-border-radius: 5px; /* for old Konqueror browsers */
		}

/* =Header
============================================================================== */
.preheader-wrapper{
	width:100%;
	height:32px;
	padding:0px;
	margin:0px;
	background:#3e3e40;
}
.preheader-wrap{
	width:980px;
	height:32px;
	padding:0px;
	margin:0px auto;
}
ul.top-menu{float:right;padding:3px;}
ul.top-menu li{float:left;padding:0px 5px;margin:0px 5px;color:#FFF;}
ul.top-menu li a{color:#E0E0E0;}
ul.top-menu li:hover a{color:#FFFFFF;}


.header-wrapper{
	width:100%;
	padding:0px;
	margin:0px;
	background:#4e5356;
}
.header-wrap{
	width:980px;
	padding:5px 0px;
	margin:0px auto;
	position:relative;
}

.menu-main{background:#d51c39;padding:0px;margin:0px;}
ul.main-menu {padding:3px 3px;}
ul.main-menu li{float:left;padding:5px 12px 8px;margin:0px 0px;color:#000;border-top:solid 2px #d51c39;font-weight:700;}
ul.main-menu li:hover{border-top:solid 2px #FFFFFF;}
ul.main-menu li a{color:#E0E0E0;font-size:15px;}
ul.main-menu li:hover a{color:#FFFFFF;}

ul.main-menu li ul{display:none;visibility:hidden; position:absolute;top:72px;left:0px;background:url('../images/menu-bg.jpg') center top;padding:3px;width:100%;
border:solid 3px #FFFFFF;z-index:99990;
}
ul.main-menu li:hover ul{display:block;visibility:visible;}
ul.main-menu li ul li{width:96%;padding:0px;margin:2%;color:#000;border-top:none;}
ul.main-menu li ul li:hover{border-top:none;}
ul.main-menu li:hover ul li a{color:#202020;font-size:15px;}
ul.main-menu li ul li:hover a:hover{color:#0086da;}




/* =Content
============================================================================== */

.content-wrapper{
	width:100%;
	padding:0px;
	margin:10px 0px 80px 0px;
	background:#ffffff;
}
.content-wrap{
	width:970px;
	padding:20px 5px 0px;
	margin:0px auto;
	font-size:15px;
	text-align:left;`
}

.banner-wrapper
{
	width: 630px;

}

.banner-title
{
	position: absolute;
	bottom: 0px;
	background: #000;
	color: #fff;
	width: 610px;
	opacity: 0.7;
	padding: 6px 10px;
	height: auto;
	font-size: 13px;
	line-height: 1.3em
}
	.content-section{
		width:100%;
		padding:0px;
		margin:0px;
	}

.page-title{
	color:#d51c39;
	
}	
.section-heading{color:#000;font-size:26px;line-height:36px;margin:2px 0px 15px;}

.ct-table tr:hover{
	background:#ccc;
}

ul.ctlist{list-style-type:disc;margin:5px 5px 5px 20px;}
ul.ctlist li {padding:6px;color:#FFF;}



.content-left-wrap
{
	float: left;
	margin-right: 20px;
	width: 625px;
	min-height: 200px;
	padding-bottom: 50px;
	
}
.update-strip-wrap
{
	width: 630px;
	height: 46px;
	background: #cccccc;
}
.update-div
{
	float: left;
width: 14%;
background: #000;
color: #fff;
height: 100%;
line-height: 3.2;
padding-left: 10px;
position: relative;
font-size: 15px;
font-weight: bold;
}
.update-div-cnt
{
	float: left;
	width:78%;
	height: 100%;
	padding-left: 10px;
	font-size: 14px;
	vertical-align: middle;
	line-height: 3.5;
	color: #bb0108;
	font-weight: bold;
	position: relative;
}

.arrow-bg {
position: absolute;
left: 0;
background: url(../images/arrow.png) no-repeat;
width: 30px;
height: 30px;
top: 9;
}



.content-right-wrap
{
	float: left;
	width: 325px;
	min-height: 200px;

}
.img-bg-header
{
	background: url(../images/colored-bg.png) no-repeat;
	width: 324px;
	height: 29px;
	vertical-align: middle;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	padding-left: 10px;
}
.shedule-div{
	width: 380px;
	float:left;
}
.shedule-content-wrapper
{
	width: 355px;
	height: 1300px;
	border:1px solid #ccc;
	border-radius: 2px;
	padding:8px;
	border-top: none;
}

.shedule-table-header
{
	width: 99%;
}
.shedule-table-header th
{
	background: #cccccc;
	font-size: 12px;
	font-weight: normal;
	padding: 8px 6px;
}
.shedule-table-header th:first-child
{
	text-align: left;
	
}
.shedule-table-header th:nth-child(2)
{
	text-align: center;
}
.shedule-table-cnt-wrap
{
	width: 355px;
	height: 255px;
	overflow-y: scroll;
}
.shedule-table 
{
	width: 94%;
}

.shedule-table td
{
	border: 1px solid #ccc;
	
	vertical-align: middle;
	padding: 4px 4px 4px 8px;
	font-size: 16px;
}
.shedule-table td.border-none
{
	border: none;
	height: 2px !important;
	padding: 0px;
	line-height: 0.8;
	
}
.shedule-table td:first-child
{
	
	width: 80px;
}
.shedule-table td:nth-child(2)
{
	vertical-align: middle;
	color: #467aa5;
	

}

.custgrid tr:nth-child(even){
	background:#ccc;
}
.custgrid tr:nth-child(odd){
	background:#eee;
}

ul.fixture-list
{
	border-bottom: 1px solid #ccc;
}

.fixture-list li
{
	display: inline;
}
.fixture-list li a
{
	background:#a9a9aa;
padding: 6px 24px;
	color:#fff;
	font-weight: bold;
	font-size:14px;
	line-height:2.4;
	padding-bottom: 9px;
	
	border: 1px solid #ccc;
}
.fixture-list li a.active
{
	background:#fff;
	padding: 6px 24px;
	color:#000;
	border-bottom: 1px solid #fff;
	padding-bottom: 9px;
	
}
.fixture-tab-display
{
	display: none;
}
.points-table
{
	width:100%;
	font-size: 12px;
}
.points-table th
{
	border:1px solid #ccc;
	text-align: left;
	padding: 4px 2px 4px 6px;
	background: #d51c39;
	color: #fff;
	font-weight: normal;
}
.points-table td
{
	border:1px solid #ccc;
	padding: 4px 2px 4px 6px;
}.points-table tr:nth-child(odd){ 
		background: #f1f1f1;
	}
	.points-table td:nth-child(6), .points-table th:nth-child(6)
	{
	
		width: 18px;
	}
.points-table tr.pool {background: #333;color:#f1f1f1;}
.content-heading
{
	background:url("../images/colored-bg.png")no-repeat;
	width: 90%;
	height: 29px;
	vertical-align:middle;
	border-bottom:1px solid #f02b23;
	color: #fff;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	padding-left: 10px;
}	

.player-box{
	width:280px;
	height:320px;
	padding:5px;
	text-align:center;
	float:left;
	margin:10px 0px 20pxs;
}


.team1
{
	width:44%;
}
.vs-style
{
	line-height: 6;
padding-left: 10px;
float: left;
}
.dateTd
{
	 background:#529bad;
	 color:#fff;
	 border:1px solid #ccc;
	 width:150px;
}
.dateTd-schedule
{
	background:#529bad;
	 color:#fff !important;
}
.dayTd-schedule
{
	background:#f5f5f5;
	
	
}
.timeTd-schedule
{
	background:#806c93;
	color:#fff !important;
	
}
.timeTd
{
	background:#806c93;
	color:#fff !important;
	border:1px solid #ccc;
	width:150px;
}
	
.shedule-fixture-table
{
	width:100%;
	margin-top:15px;
}
.shedule-fixture-table th
{
	/*background:#7b7b7b;
	color:#fff;
	 */
	text-align: center;
	font-weight: normal;
	padding:10px;
	font-size:14px;
}

.shedule-fixture-table td
{
	text-align: center;
	color:#000;
	padding:12px 10px;
	border:1px solid #ccc;
	font-size:13px;
	vertical-align: middle;
}
.shedule-fixture-table td.border-none
{
	border: none;
	height: 2px !important;
	padding: 0px;
	line-height: 0.8;
}
.shedule-fixture-table td.shedulebg-colr
{
	background:#cccccc;
	font-weight: bold;
}

.fixture-table tbody, .fixture-table tbody tr{width:100%;}

.congrats
{
	font-size:18px;
}

/* =Footer
============================================================================== */
#footerWrapper{
	position:fixed;
	bottom:0px;
	width:90%;
	min-height:20px;
	margin:0px 0px;
	padding:5px 5%;
	background:url(../images/bg-trans.png);	
	color:#FFF;
	font-size:14px;
}