@charset "utf-8";
/* CSS Document */
/****************************************************************************************************
*	Filename: layout.css
*	Purpose:  CSS for layout 

// How to find a partcular selector ...?
**search the id (HEADING ID) to get css related / applied to partcular html tag**
	
	HTML TAGS/MODULES			HEADING ID		DESCRIPTION
	----------------------------------------------------------------------------------------------------
	body/common						GENERIC				All common effects..where in you do need to apply css
	Text									TEXTALL				Text effects, font sizes, hover effects
	form elemetns					FORM					All form related elemetns such as input, label, text area				
	UL/LIs								MENUS					All types of menus, tabs structure..
	H Tags								HEADELE				All header tags h1 to h5
	Customized input			INPUTALL			All form tags such as buttons, input boxes, combo boxes
	background colors			BGs						All pure color backgrounds
	
	

Please keep this css sequence:
**************************************************************************************************** please start over now/


/* BODY, FONT AND COLOR, GLOBAL	(id=GENERIC)
**********************************************************/
/*body {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	font-size:11px;
	color:#707070; 
	text-align:left; 
	background:transparent url(../images/header.gif) repeat-x scroll 0 0;
	
	margin:0 auto;
	
}*/
body,form,h1,h2,h3,h4,h5,h6,p	{padding:0px; margin:0px;}
h1,h3,h4,h5,h6{
	text-transform:capitalize; 
	text-decoration:none;
	font-size:14px;
}

h2{
	text-transform:capitalize; 
	text-decoration:none;
	font-size:22px;
	*font-size:20px;
	margin:-3px 0px 0px 0px;
}

label,a{
	/*text-transform:capitalize; */
	text-decoration:none;
	font-size:12px;
}
a {color:#5b8d03; font-weight:bold; text-decoration:none;}
a:hover		{color:#F32D02; text-decoration:underline;}
a:active, a:focus {outline:0} /* to avoid link borders on new browsers */
img					{border:none;}
table{font:normal 11px Arial; color:#707070; float:left;}


/** HEADER ELEMENTS STYLING	(id=HEADELE) **/
h1.one			{background:url(../images/icn_search.png) left no-repeat; padding-left:20px; font-size:19px; color:#CF4B4B; margin:5px;}
h1.two			{background:url(../images/icn_cal.png) left no-repeat; padding-left:20px; font-size:19px; color:#CF4B4B; margin:5px;}						
						

/** FORM ELEMENTS STYLING (id=FORM) **/
label			{font:bold 12px Arial; text-transform:capitalize; color:#707070;}
p 				{line-height:150%;}
textarea		{border:1px solid #979797; padding:1px;}
.textfield:hover, textarea:hover {border:1px solid #728d3b; background:#F9FAF7;}
.textfield:focus, textarea:focus {border-color:#000; background:#FFF;}
select.One	{width:200px; border:1px solid #c7c7c7; padding:1px;}	
/** ONLY FOR BROWSERS OTHER THAN IE-6 **/

#chk{
	*margin:0px 0px 0px 0px;
}

#chk_2{
	*margin:0px 0px 0px 20px;
	
}

.input_within{
	float:left;
	background-color:#6600FF;
	width:270px;
	height:25px;
}


.marg_p{
	margin:-18px 0px 0px 40px;
}




/*input[type=submit]{
		background:#C50000 url(../images/button-1.png) no-repeat top center; 
		color:#FFF; 
		cursor:pointer;
		text-transform:uppercase;	
		letter-spacing:1px;			 
		text-align:center;  
		border:1px solid #979797; 
		font-size:12px;
		font-weight:bold;		
		padding:0px 3px; 
		*padding:0px 2px; 
		line-height:normal;		

}	*/
#header input[type=submit], #header input[type=submit]:hover{
	border:0px !important;
}
/*input[type=button]{
		background:#C50000 url(../images/button-1.png) repeat-x top; 
		color:#FFF; 
		cursor:pointer; 
		text-transform:uppercase;
		padding:0px 3px; 
		*padding:0px 2px; 
		border:1px solid #979797; 
		letter-spacing:1px;
		font-size:12px;
		font-weight:bold;
		line-height:normal;
}	*/
/*input[type=button]:hover, input[type=submit]:hover{
		border:1px solid #F32D02; 
}*/
/*input[type=text]{background:url(../images_new/text_field_bg.gif) top repeat-x; font-size:20px !important; color:#707070; border:1px solid #E8E8E8; height:22px;  width:225px; }*/
#search_box input[type=text]{ background:none;}

/*input[type=password] {background:url(../images_new/text_field_bg.gif) top repeat-x; font-size:11px !important; color:#707070; border:1px solid #E8E8E8; height:22px; }*/
select	{background:url(../images_new/text_field_bg.gif) top repeat-x; font-size:11px !important; color:#707070; border:1px solid #E8E8E8; height:22px;} /* url(../images/input.png) top repeat-x */

#error_div_login{
	position:absolute;
	color:#FF0000;
	font-weight:bold;
	text-align:center;
	width:426px;
	line-height:17px;
	top:55px;
}


#main_div{float:none;
	  margin:0 auto;
	  width:1000px;
	  background:#ffffff;
	  height:auto;
	  padding:0;
	 }

#mainWrapper{
	margin:0 auto;
	width:1000px; 
	float:left;
	height:auto;
}

#expander {
	margin:0 -600px;
/*	margin:0 0px; */
	min-width:1100px;
	position: relative;
}
#sizer {
	margin:0 auto;
	max-width:223px;
	padding:0;
	width:71%;
}
.clearfix{display:block;}
#logo{float:left; margin:0 0 0 10px;}
#logo a, #logo a img{
	height:93px;
	width:153px;
	float:left;
}
#loginBox	{float:right; width:440px; padding-left:60px; text-align:left; height:70px; background:url(../images/subscribebg_red.png) no-repeat top;}
#loginBox span.log-txt{
	font-size:11px;
	margin:5px 0;
}
.width15 {float:left; width:15%;}
.width84 {float:right; width:84%;}

/* 	RESUBALE UL LI / MENUS / 	(id=menus)
**********************************************************/
/** global nav **/
#menuOne				{float:left; width:100%; text-align:center; margin-top:1px;}
#menuOne ul			{padding:0; margin:0px 0 0 0; float:left; width:100%;}
#menuOne ul li	{display: inline;}
#menuOne ul li a{
	float:left; 
	color:#FFFFFF; 
	font-variant:small-caps;
	/*padding: 8px 18px;*/ 
	font-size:13px; 
	background:url(../images/bt_a.png) right top no-repeat;
	height:30px;
	line-height:30px;	
	margin: 0 5px;
}
#menuOne ul li a span {
	float:left; 
	background:url(../images/bt_span.png) left top no-repeat; 
	padding:0px 10px;	
	height:30px;
	line-height:30px;
}
#menuOne ul li a:hover{
	 background-position:bottom right;text-decoration:none;
}
#menuOne ul li a:active,#menuOne ul li a span:active{
	color:#B7984C;
	 background-position:bottom right;text-decoration:none;	
}
#menuOne ul li a span:hover{color:#FFF; text-decoration:none; background-position:bottom left}
#menuOne ul li a.leftcorner{float:left; background: url(../images/menuDivider.png) top left no-repeat;}
#menuOne ul li a.leftcorner:hover{background:#3ABE47 url(../images/menuDivider.png) top left no-repeat;}
/** menu2 **/
div.menuTwo		{float:right;width:50%; text-align:right; margin-top:5px;}
div.menuThree	{float:left;width:100%; text-align:left; margin-top:5px;}
ul.nav,ul.nav li{list-style-type:none; margin:0;padding:0}
ul.nav			{padding:0;margin:0; margin-right:15px;}
ul.nav li		{float:right; margin-right:3px; text-align: center}
ul.nav a		{float:left; width:; padding:5px 10px; background:#7b7c7d; font:bold 12px Arial; color:#ffffff;}
ul.nav a:hover,ul.nav li.selected a	{background:#EEEEEE; color:#7b7c7d}
/* ul.nav a.active {background:#EEEEEE} */
ul.nav a:active	{background:#FEFEFE; color:#7b7c7d}
ul.nav a.active	{background:#FEFEFE; color:#7b7c7d}

ul.nav li.activelink a,ul.nav li.activelink a:hover{background:#EEEEEE; color:#7b7c7d}
/** menu3 **/
ul.nav1,ul.nav1 li{list-style-type:none; margin:0;padding:0}
ul.nav1					{padding:0;margin:0; margin-left:15px;}
ul.nav1 li			{float:left; margin-right:3px; text-align: center}
ul.nav1 a				{float:left; width:7em; padding:5px 0; background:#dcdcdc; font:bold 12px Arial; color:#7b7c7d;}
ul.nav1 a:hover	{background:#EEEEEE; color:#7b7c7d}

ul.nav1 li.activelink a,ul.nav1 li.activelink a:hover{background:#EEEEEE; color:#7b7c7d}
/* this is for
************************************************************/
.activelink .tabbertabhide {
 display:none;
}

#mainCont
{
	width:1000px;
	height:auto;
	margin:0 auto;
	background:#FFFFFF url(../images/container_bg.gif) repeat-y;
	float:left;
	border-top:4px solid #8C0101;
}
#header{
	width:1000px;
	float:left;
	height:135px;
	margin-left:0px;
	margin-right:0px;
	margin-top:0px;
	background:#fff url(../images/boondogglen-bg.jpg) repeat-x;	
}

/*
.containerOne	{float:right; width:840px; border-right:1px solid #e3e3e3; min-height:500px; padding-right:10px;} 
.containerTwo	{float:left; width:225px;}
*/

.containerOne	{float:left; width:94%; border:1px solid #e3e3e3; min-height:700px; } 
.containerTwo	{float:left; width:18%;}


/* .containerTwo	{float:left; width:310px;} */
.float50		{float:left; width:50%;}
.float50Right	{float:right; width:50%;}
.holdThis		{float:left; width:100%;}
.width33		{float:left; width:33%;}		


/* 	MODUELS
**********************************************************/
.events	{padding-bottom:10px; margin-bottom:10px;}
/* .events img.one		{border:2px solid #C9C9C9; margin:0 10px 5px 0; float:left; height:55px;} */
.events img.one		{border:2px solid #C9C9C9; margin:0 10px 5px 0; float:left;}
.events	h1 a		{ color:#244E84; font-size:16px; font-weight:bold;}
.events	h1 a:hover	{border-bottom:1px dotted #CF4B4B;}
.events p			{margin:5px 0; font-size:12px; padding:0px;}
.events	h1 a span	{color:#f32d02; font-weight:bold;}
.events a			{text-decoration:none; font-weight:normal; color:#6c6c6c; }
.events a:hover		{color:#244E84;}
.events div.down_options_event{ 	padding:3px 0; color:#6c6c6c;font-size:11px; }
.events div.down_options_event a{font-size:11px; }
.events div.down_stars_event{ 	padding:3px 0;}
.events div.down_stars_event img{margin:0 2px 0 0;}
.events table.events_table_comments a{font-size:11px; vertical-align:top;}
.events table.events_table_comments td{vertical-align:top;}
.events table.events_table_comments{  border-top:1px dotted #B1CBEB; margin-top:5px;}
.mru				{padding-bottom:10px; margin-bottom:10px;}
.mru h1	a			{font-size:16px; color:#2b92c8; font-weight:bold}
.mru h1	a:hover		{border-bottom:1px dotted #2b92c8;}
.mru p				{margin:5px 0;}
.mru h1 a span		{color:#707070; font-weight:bold;}
.mru a.large		{text-decoration:underline; font-weight:bold; color:#ababab; background:url(../images/arrowSml.gif) left no-repeat; padding-left:7px;}
.mru a				{text-decoration:none; font-weight:normal; color:#6c6c6c;}			
			

/* 	RESUBALE PURE BACKGROUNDS			(id=BGs)
**********************************************************/
.bgFGrey			{background:#f8f8f8;}

/* 	RESUBALE GRADIENTS
**********************************************************/  
.gradFGrey		{background:url(../images/gradGreyOne.png) left top repeat-x;}
.dottedBrdBtm	{background:url(../images/dottedBrdBtm.gif) bottom repeat-x;}

/* 	MAKE ME ROUND
**********************************************************/
/* background image */
.roundOnetopLeft,.roundOnetopright,.roundOnebtmLeft,.roundOnebtmright,.roundTwotopLeft,.roundTwotopright,.roundTwobtmLeft,.roundTwobtmright,.roundThrtopLeft,.roundThrtopright,.roundThrbtmLeft,.roundThrbtmright{background: url(../images/rounds.gif) no-repeat;}
/* background image position for green module */
.roundOnetopLeft			{background-position:0px 0px; height:25px; padding-left:13px; color:#FFF;}
.roundOnetopright			{background-position:100% 0px;}
.roundOnebtmLeft			{background-position:0px -25px; height:9px; overflow:hidden;}
.roundOnebtmright			{background-position:100% -25px; overflow:hidden;}
/* background image position for red module */
.roundTwotopLeft			{background-position:0px -37px; height:31px; padding-left:13px;}
.roundTwotopright			{background-position:100% -37px;}
.roundTwobtmLeft			{background-position:0% -68px; height:5px; overflow:hidden;}
.roundTwobtmright			{background-position:100% -68px;}
/* background image position for grey module */
.roundThrtopLeft			{background-position:0px -73px; height:5px; overflow:hidden;}
.roundThrtopright			{background-position:100% -73px;}
.roundThrbtmLeft			{background-position:0% -79px; height:5px; overflow:hidden;}
.roundThrbtmright			{background-position:100% -79px;}


/* 	ALL TEXT CSS	(id=textAll)
**********************************************************/
/* font weights */
.strong				{font-weight:bold;}
.smlTxt			  {font-size:11px;}
.para					{font-size:12px;}
.normTxt		 	{font-weight:normal;}
.largeText		{font-size:15px;}
.bigText		 	{font-size:18px;}
/* text transform */
.allCaps			{text-transform:capitalize;}
.textU				{text-decoration:underline;}
/* text align & content align inside a particular element */
.centerall		{text-align:center;}
.alignLeft		{text-align:left;}
.alignRight		{text-align:right;}
/* colored text */

/* others */


/* 	ALL INPUT & FORM CLASSES	(id=inputAll)
**********************************************************/
/*.username		{background:#FFF url(../images/icn_user.gif) left no-repeat !important; padding: 3px 3px 3px 23px !important;  line-height:normal !important;}
.password		{background:#FFF url(../images/icn_password.gif) left no-repeat !important; padding: 3px 3px 3px 23px !important;;  line-height:normal !important;}
*//* .login			{background:#1c1b1c url(../images/button.png) repeat-x top !important;}	*/


/* 	ALL BORDER CSSs
**********************************************************/
.anyPic img				{border:1px solid #0e6076; padding:2px;}
.borderGrey				{border:1px solid #979797;}
.borderGreyone			{border:1px solid #CCCCCC; float:left}
.borderGreyone2			{border-right:1px solid #CCCCCC;border-top:1px solid #CCCCCC;border-bottom:1px solid #CCCCCC; float:left}
.borderRightOne			{border-right:1px solid #E3E3E3;}
.bordGreyTwo		 {border-left:1px solid #a3a3a3; border-right:1px solid #a3a3a3; background:#FFF;}
error                 {font-weight:bold; color: #FF0000;}

/* 	REQUIRED PADDINGS / MARGINS 
**********************************************************/
.marginTop			{margin-top:10px;}
.padOne					{padding:10px;}
.bordBtmGrey		{border-bottom:1px solid #eeeeee;}

.show_left{
	float:left;
	/*background-color:#CCFF99;*/
	width:578px;
	/*height:500px;*/
	margin:0px !important;
}

.show_left_2{
	float:left;
	/*background-color:#9966CC;*/
	width:578px;
	/*height:245px;*/
}

.text_show{
	float:left;
	/*background-color:#9966CC;*/
	width:550px;
	*width:520px;
	height:142px;
	*height:132px;
	/*margin: 0px 0px 0px -2px;*/
	padding:5px 0px 0px 5px;
}

				
/* 	FOOTER 
**********************************************************/

#footer{margin:0px;
		padding:0px; 
		float:left;
		color:#FFFFFF; 
		height:85px;
		text-align:left; 
		/*background:transparent url(../images/headerRotate.gif) repeat-x;*/
		background:#0353AC;
		width:1000px;
	  }
		
#footer .content {margin:20px auto; font-size:12px; }
#footer a,#footer a:hover {font-weight:normal; color:white; }
/*
#footer				{background:#d3f0fc; margin-top:10px; border-top:1px solid #ff9300; padding:10px 0px;}
#footer .content	{width:961px; margin:0 auto; font-size:12px;}
#footer a,#footer a:hover	{font-weight:normal; color:#707070; }
*/


/* 	MISCELLANEOUS
**********************************************************/
.clr	{clear:both; margin:0px !important;}
.footerEnd		{margin:0 auto; width:100%;}
/*for tr bgcolor class
**********************************************************/
.Bgclass { background-color:#009900; font-weight:normal; color:#FFFFFF; font-size:12px; font-weight:bold; height:25px;} 
.bgclass{background:#e6e6e6 url(../images/input.png) top repeat-x; font-size:11px; color:#707070; border:1px solid #979797; padding:4px;}


/* 	RESUBALE BACKGROUNDS
**********************************************************/
.greenBg			{background:#5b902d;}
.greyBg				{background:#eeeeee;}
.whtbglnrgreen		{background:#f9fff4; border:solid #58a514; border-width:0 1px;}
.whtbglnrgreen1		{background:#f9fff4; border-bottom:solid 1px #58a514;}
.whtbglnrred		{background:#FFF; border:1px solid #1688cf; border-width:0 1px;}
.whtbglnrgrey		{background:#FFF; border:solid #858585; border-width:0 1px;}
.userBg img			{background:url(../images/userBg.png) center; padding:2px;}
.brd a img			{border:solid 1px #CCCCCC; background-color:#fff; padding:5px;}
.brd :hover img			{border:solid 1px #000000; background-color:#fff; padding:5px;}
.fgreyBg				{background:#FFF url(../images/fgrad.gif) bottom repeat-x;}
.green_bg_brd		{background:#F9FFF4; border:solid 1px #CCCCCC;}
.white_bg_brd		{background:#ffffff; border:solid 1px #CCCCCC;}

/* THIS CSS FOR SLIDERS
***********************************************************/
.gutter {
position: relative;
height: 20px;
width: 170px;
margin-top: 10px;
background: url(../images/16sliderbg.png) repeat-x;
}
.knob {
position: absolute;
height: 16px;
width: 20px;
background: url(../images/16ball.png) no-repeat;
cursor: pointer;
}

.h2{
	font-size:14pt;
	
}


/* THIS FOR EVENT LAYOUT
*************************************/

#occs{display:block;overflow:hidden;font-size:13px;margin:0 0 20px;}
.occ_box{font-size:12px;padding:0;}
.occ_box th{color:#333;border:1px solid #ddd;background:#f7f7f7;font-weight:700;padding:3px 5px;}
.occ_box td{border:1px solid #ddd;text-align:center;padding:3px 5px;}
