﻿
/***************************
GLOBAL ELEMENT STYLES
***************************/
html body {
	height: 100%;
	}
body{
	/* Fonts are sized using a percentage in the body style and em's instead of pixels. The base font size for BLL is 11 pixels. The body style is set at 69% (base font size in browsers is 16 px) making the style 'font-size: 1em;' equal to 11px. TO CALCULATE A SIZE: divide the number by 11 - as in 18/11=1.64

    * .91em = 10px
    * 1em = 11px
    * 1.1em = 12px
    * 1.18em = 13px
    * 1.27em = 14px
    * 1.36em = 15px
    * 1.45em = 16px
    * 1.55em = 17px
    * 1.64em = 18px
    * 1.73em = 19px
    * 1.82em = 20px
    * 2em = 22px
    * 2.18em = 24px
    * 2.36em = 26px
    * 2.55em = 28px
    * 2.73em = 30px
	*/
	font-size: 69%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center;

	color: #ffffff;
	}
*{
	/* sets all page elements to 0 padding/margin */
	margin: 0px;
	padding: 0px;
	}
.clear {
	font-size:.01em;
	line-height:0px;
	clear: both;
	height: 0px;
	padding: 0px;
	margin: 0px;
	overflow:hidden;
	display: block;
}
.non-visible{
	visibility: hidden;
	}
:focus{
	-moz-outline-style: none;
}
button, fieldset, img{
	border: 0px none;
	background: none;
	}
legend{
	display: none;
	}
caption,th {
	text-align:left;
	}
h1,h2,h3,h4,h5,h6{
	font-size:1em;
	}
ul, ol{
	list-style: none
	}
a{
	color: #bf311a;
	}
	
/***************************
MASTER
***************************/
#wrapper{
	margin: 0 auto;
	position: relative;
	background:  no-repeat 50% top;
}
	/********* url('img/ten_sports_bg.png')******************
	HEADER
	*/
	#header{
		margin: 0 auto;
		width: 964px;
		height: 229px;
		text-align: left;
		position: relative;
		z-index: 1000;
		}
		#top_90h{
			height: 102px;
			text-align: center;
			}
		#header #header_logo {
			padding-bottom: 8px;background-image:url('http://www.cric7.com/img/cric7.png');background-repeat:no-repeat; 
			}
			#header #header_logo a{
				/*<!--logo here*/
				
				width: 423px;
				height: 73px;
				display: block;
				text-indent: -9999px;
				}
		/***************************
		MAIN NAVIGATION
		*/
		#main_nav {
			position: relative;
			height: 46px;
			width: 964px;
			color: #FFF;
			clear: both;
			background: url('http://www.cric7.com/img/main_nav_bg.png') no-repeat left top;
}
			#main_nav ul li {
				float: left;
				margin-right: 17px;
				cursor: pointer;
				}
				#main_nav ul li a {
					color: #FFF;
					display: block;
					height: 36px;
					padding: 0 0 0 16px;
					cursor: pointer;
					text-decoration: none;
					}
					#main_nav ul li a span{
						display: block;
						height: 28px;
						padding: 8px 19px 0 0;
						line-height: 1.4em;
						cursor: pointer;
						}
				#main_nav ul li a.current, #main_nav ul li a:hover, #main_nav ul li.dropdownmenu:hover a {
					background: url('http://www.cric7.com/img/navigation_btn_left.png') no-repeat left top;
}
					#main_nav ul li a.current span, #main_nav ul li a:hover span, #main_nav ul li.dropdownmenu:hover a span{
						background: url('http://www.cric7.com/img/navigation_btn_right.png') no-repeat right top;
}
			#main_nav ul li.dropdownmenu{
				position: relative;
				z-index: 1000;
				}
				#main_nav ul li ul{
					display: none;
					position: absolute;
					padding: 0;
					margin: -6px 0 0;
					width: 100%;
					}
				#main_nav ul li:hover ul{
					display: block;
					}
					#main_nav ul li ul li{
						padding: 0;
						margin: 0;
						float: none;
						}
						#main_nav ul li ul li a{
							background: #f58220;
							padding: 0 0 0 16px;
							height: auto;
							background: url('img/subnav_btn_left.png') repeat-y left top !important;
							float: none;
							}
							#main_nav ul li ul li a span{
								padding: 0 19px 6px 6px;
								background: #f58220;
								height: auto;
								background: url('img/subnav_btn_right.png') repeat-y right top !important;
}
							#main_nav ul li ul li a:hover span{
								color: #000;
								}
			#main_nav #main_search{
				float: right;
				padding: 6px 5px 0 0;
				}
				#main_nav #main_search .form_element_div{
					float: left;
					}
				#main_nav #main_search label{
					display: none;
					}
				#main_nav #main_search input{
					border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('img/search_input_box.gif') no-repeat left top;
	width: 95px;
						height: 15px;
						vertical-align: middle;
						padding: 5px 7px 0 7px;
						line-height: 1em;
						font-size: 1em;
					}
				#main_nav #main_search button{
					border-style: none;
	border-color: inherit;
	border-width: medium;
	background: url('img/btn_background_gray_fade.gif') repeat-x left top;
	color: #FFF;
						text-align: center;
						display: block;
						float: left;
						vertical-align: middle;
						height: 20px;
						padding: 0 11px;
						line-height: 1.5em;
						font-size: 11px;
					}
		/***************************
		LIVE ALERT
		*/
		#live_alert{
			background: url('img/live_alert_bg.png') no-repeat right top;
			height: 61px;
			width: 964px;
			margin: 0 auto;
			overflow: hidden;
			position: relative;
			zoom: 1;
			text-align: left;
			clear: both;
			z-index: 10;
			}
			#live_alert_close{
				position: absolute;
				right: 5px;
				top: 4px;
				}
			#live_alert h2 {
				float: left;
				}
				#live_alert h2 a{
					background: url('img/live_alert_title.png') no-repeat left top;
					width: 154px;
					height: 34px;
					color: #FFF;
					float: left;
					font-family: Geneva, Arial, Helvetica, sans-serif;
					font-size: 1.27em;
					font-weight: normal;
					line-height: 1.4em;
					padding: 14px 0 0 7px;
					text-transform: uppercase;
					text-decoration: none;
					cursor: pointer;
					}
			#live_alert_image{
				float: left;
				padding: 3px 0 0 8px;
				}
			#live_alert_content{
				float: left;
				width: 722px;
				padding: 6px 0 0 8px;
				color: #FFF;
				}
				#live_alert_content h3 {
					float: left;
					}
					#live_alert_content h3 a{
						float: left;
						font-size: 1.29em;
						padding: 0 12px 0 0;
						color: #FFF;
						text-decoration: none;
						cursor: pointer;
						}
				#live_alert_content p.desc{
					clear: both;
					}
					#live_alert_content p.desc a{
						color: #F58220;
						text-decoration: none;
						cursor: pointer;
						}

	/***************************
	CONTENT
	*/
	#content{
		padding: 0;
		margin: 0 auto;
		overflow: hidden;
		clear: both;
		width: 964px;
		text-align: left;
		clear: both;
		}
					
	/***************************
	FOOTER
	*/
	#footer {
			background: url(/_images/main_nav_bg.gif) no-repeat left top;
			}
			#footer ul li{
				display: inline;
				float: none;
				position: relative;
				}
				#footer  ul li a {
					float: left;
					width: 1px;
					cursor: pointer;
					white-space: nowrap;
					}
					#footer  ul li a span{
						overflow: visible;
						}
/*******************
ICONS
*******************/
.back_arrow{
	background: url('img/arrow_back_red.gif') no-repeat left 5px;
	padding: 0 0 0 12px;
	line-height: 1.3em;
	color: #bf311a;
	text-decoration: underline;
	text-transform: lowercase;
	}
	
.close_btn{
	background: url('img/close_x.png') no-repeat left top;
	display: block;
	height: 19px;
	width: 19px;
	text-indent: -9999px;
	}
.link_docu{
	background: url('img/document_ico.gif') no-repeat left 2px;
	padding: 0 0 0 14px;
	line-height: 1.3em;
	color: #bf311a;
	text-decoration: underline;
	text-transform: lowercase;
	}
.link_video{
	background: url('img/video_cam_yellow.gif') no-repeat left 4px;
	padding: 0 0 0 16px;
	color: #fcb131;
	text-transform: lowercase;
	}
.link_read{
	background: url('img/document_read.gif') no-repeat left 4px;
	padding: 0 0 0 16px;
	color: #fcb131;
	text-transform: lowercase;
	}
