html,body { margin-top: 0 !important; }
img {
	/* IE scaling image fix */
	-ms-interpolation-mode: bicubic; 
}

body {
	background-color: #2C4269;
	color: #818188;
/*	margin-left: 10px;*/
	/*font-family: Verdana,sans-serif;*/
	font-family: Arial;
	font-size: 0.75em;
	width: auto;
	text-align: center; 

	
}
div.body_container {
	background-color: #FFF; 
	width: 950px; 
	/*height: 100%;*/
	padding: 0 1% 20px 1%;
	*padding: 0 20px 10px 20px; 
	
	margin-top:0;
	position:relative;
	top:-17px;
	/*margin: 0 auto;*/
	margin: 0 auto;
	text-align: left; 

}
div.header { 
	width: 100%; 
	height: 100px; 
	padding: 20px 0 0 40px;
}
div.flash {
	height: 475px; 
	width: 100%;
}

div.ticker { 

}


/* Home page */
div.home_brick { 
/* 	background-color: #F2F2F2; */
	background-image: url('../img/home-brick-3bg.png');
	width: 950px; 
}
div.home_brick div.brick { 

	width: 275px; 
	/*
	height: auto; 
	
	min-height: 200px; 
	padding-bottom:20px;
	*/
/*	margin-bottom: -160px; padding-bottom: 160px;*/

	padding-left: 10px;
	padding-right: 10px;



}

div.home_brick div.brick_left { 
	float: left; 
	width: 260px;
	/**margin-bottom:-5px; *height:270px; *width: 300px; margin-left: 0; padding-left: 0; padding-right: 0; */
	
}
div.home_brick div.brick_mid { 
/*	border: 6px solid #FFF;
	border-width: 0 6px;
*/	
	float: left; width: 300px; 
	padding-left: 25px;

	
	
	/**height:285px; *width:290px; margin: 0 5px; 	padding-left: 10px; padding-right: 10px; */
	
}
div.home_brick div.brick_right { 
	float: left;
	/*width: 320px; *width: 345px; margin: 0; */
	width: 275px;
}

div.home_brick div.white { background-color: #FFF !important; }
div.home_brick div.brick_content { margin-left: 14px; width: auto; height: auto; }

div.home_brick p { color: #808285; margin-right: 20px; }

div.home_brick div.brick_right .brick_top { height: 120px; width: 290px; *width: 100%; min-height:120px; padding-left: 10px; padding-right: 10px; *height:210px; }

div.home_brick div.brick_right .brick_top h3 , 
div.home_brick h3 { margin-top: 0; margin-bottom: 14px; padding-top: 14px; }



div.home_brick div.brick_right .brick_bottom { height: 75px; width: 100%; margin-top: 5px; min-height: 75px; padding-bottom: 0; }

div.home_brick div.brick_right .brick_bottom div { width: 33%; text-align: center; float: left; height: 60px; max-height: 60px; min-height: 60px; padding: 10px 0 0 0; font-size: 0.75em; color: #808285; }
div.home_brick div.brick_right .brick_bottom div img { width: 50px; margin-top: 10px; }


div.home_brick div.brick_mid h4 { margin: 10px 0 2px 15px; }
div.home_brick div.brick_mid p { margin: 0 0 0 0; }

.profile_box { float: left; background-color: #92929A; width: 20% !important; height: 75px !important; margin-left: 5px; padding: 0 !important; margin-right: 0 !important; }


/* end Home Page*/


/* Autocomplete boxes */
.autocomplete-w1 { background:url(../img/shadow.png) no-repeat bottom right; position:absolute; top:7px; left:6px; /* IE6 fix: */ _background:none; _top:1px; }
.autocomplete , .styinput { color: #000; width:200px; border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto;  /* IE specific: */ _height:16px;  overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


/* Nav */
ul.nav { 
	width: 950px; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	list-style-position: inside; 
	position: absolute;
	/*left: 15px;  FIX THE POSITIONING ALREADY */
	
	_position: relative;
	_margin-bottom: -25px;
	_left: 0;

}
ul.nav li {
	background-image: url(../img/navbg_off.gif);
	background-repeat: repeat-x;
	float: left;
	text-align: center;
	height: 20px;
	padding: 5px 0 0 0;
	
	*height: 25px;

	margin: 0;
	cursor: pointer;
/*	width: 142px;*/
}

ul.nav li.on {
	background-image: url(../img/navbg_on.gif);
}
ul.nav li a { color: #000; text-decoration: none; }

/* Round about nav heights - this will be corrected by the JS, this is only to minimize the 'shift' when JS fixes it */


ul.nav li.nav_item_home { width: 95px; }
ul.nav li.nav_item_challenge { width: 131px; _width:132px; }
ul.nav li.nav_item_travel { width: 141px; }
ul.nav li.nav_item_creative { width: 78px; _width: 78px; } /* 50 */
ul.nav li.nav_item_results { width: 91px; }
ul.nav li.nav_item_partners { width: 174px; _width: 174px; }
ul.nav li.nav_item_blog { width: 81px; _width: 88px; }

ul.nav li.nav_item_faq { width: 56px; }

ul.nav li.nav_item_login { width: 103px; _width: 95px; }
ul.nav li ul li.nav_item_logout { width: 86px; _width: 74px !important; _overflow:hidden !important;  margin:0; list-style-type: none; *position:relative; *left:-55px;}

ul.nav li.nav_item_dairy ul li.nav_item_logout a { color: #000 !important; }

ul.nav li.nav_item_dairy {
/*	width: 80px; */
	width: 103px;

	*width:103px;

	_width:94px !important;
	_overflow: hidden; 
	background-image: url(../img/navbg_blue.gif);

	
}


ul.nav li.nav_item_dairy a {
	color: #FFF !important; 
}

/* Drop down menu*/
ul.nav li ul { background-color: transparent; margin-top: 5px; }
ul.nav li ul li {
	display: block;
	float: none !important;
	z-index: 20;
}



div#content_area { 
	padding-top: 25px;
	*padding-right: 0;
	*margin:0;

}


div#accordion h2 {
	border-top: 1px solid #C6C7CB;
}

div.left_column { width: 70%; margin: 0 1% 0 2%; float: left; *padding-top: 20px; }


div.right_column { /*width: 20%;*/ width:23%; margin: 1% 1% 40px 0; padding-left: 2%; *padding-left: 2%; *padding-top: 20px; float: left; border-left: 1px solid #C6C7CB; }

div.right_column .event_item { margin-bottom: 15px; font-size: 11px; }
div.right_column .event_item h4 { margin: 0; font-size: 11px; font-weight: normal; }
div.right_column .event_item h4.header { font-weight: bold !important; }
div.right_column .event_item a { color: #818188; }




ul#footer_reminder {
	width: 950px;
	text-align: center;
	padding:0;
	margin:0;
	border-top: 1px solid #C6C7CB; 
	padding-top: 20px;
}
ul#footer_reminder li {
	display: inline;
	list-style-type:none;
	font-size: 11pt;
	border-right: 1px solid #C6C7CB;
	padding: 0 2%;
}
ul#footer_reminder li.last { border: 0 !important; }

div.footer { 
	/*width: 950px; */

	width:100%;
	*width:1100px;
	*padding-left:-40px;
	
	text-align: center;
	color: #fff; 
	margin: 0 auto;
}
ul.footer_nav {
	padding: 0;
	margin-left: 30%; 
}
ul.footer_nav li { 
	float: left; 
	list-style-type: none; 
	border-right: 1px solid #FFF;
	height: 10px;
	line-height: 8px;

	padding: 0 15px;

	*line-height:12px;

}
ul.footer_nav li.last { border: 0 }
ul.footer_nav li a { color: #FFF; text-decoration: none; }



div.result { margin: 15px 0; height: 50px; }

/* Individual pages*/

div.team_select_box { 
	float:right;
	width:800px;

}
div.team_select_box div.team_select_button {
	background-image: url('../img/navbg_35px_off.gif');
	background-repeat: repeat-x;
	height: 25px;
	float: right;
	padding-top: 10px;
	width: 140px;
	margin-top: 15px;
	cursor: pointer;
	border-right: 1px solid #eee;
	text-align: center;
	
	color: #8e9093;
	
}
div.team_select_box div.on {
	background-image: url('../img/navbg_35px_on.gif');
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
}
div.team_select_box div.last { border: 0; }

div.team_select_box div.on a { color: #fff; text-decoration: none; }
div.team_select_box div.off a { color: #8e9093; text-decoration: none; }






div#dashboard_team {
/*	width: 926px; */
	width: 890px; 

	padding: 30px;
	padding-top: 10px;
	background-color: #f1f1f2;
	

	*padding-right: 0;
}

div#dashboard_team .team_member { margin-bottom: 15px; padding-bottom:15px; border-bottom: 2px solid #C6C7CB; height: 253px;  }
div#dashboard_team .team_member .member_title { height: 30px; margin-bottom: 10px;  }
div#dashboard_team .team_member table.icons_container { float: left; }
div#dashboard_team .team_member table.icons_container h3 { margin: 0; }
div#dashboard_team .team_member table.icons_container tr.title td { background-color: transparent !important; vertical-align: bottom; text-align: center;  }
div#dashboard_team .team_member table.icons_container tr.title td  { _padding-left: 80px;  }

div#dashboard_team div.icon_container  { 
	float: left; 
	margin-top:-40px;
/*	margin-right:160px; */

	*margin-top: -60px; 
}

div#dashboard_individual {
/*	width: 926px; */
	height: 295px;
	
	
	padding: 30px;
	background-color: #f1f1f2;
}
div.dashboard_left { float: left; width: 170px; }
div#dashboard_individual div.dashboard_title {
	float: left;
	margin-left: 14px;
}


div#dashboard_individual div.dashboard_title h3 { margin-top: 0 !important; }
.profile_image { width: 180px; /*height: 189px;*/ float: left; text-align: center; }
}
div#trip_diary_individual {
	float: left;
	margin-left: 20px;	
}
div.dashboard_buttons { 
	padding-left: 25px; 
	width: 140px;
}

div.profile_button {
	width: 129px;
	height: 22px;
	padding-top: 4px;
	background-image: url('../img/profile_button.gif');
	background-repeat: no-repeat;
	overflow: hidden;
	margin-top: 10px;
	text-align:center;
	color: #949699;
	cursor: pointer;
}
div.profile_button a { 	color: #949699 !important; text-decoration: none !important; }


div.bluebar {
	background-image: url('../img/bluebar_bg.png');
	background-repeat: repeat-x;
	text-align: center; 
	height: 26px;
	padding-top: 5px;
	width: 950px;
	margin: 5px 0;
	color: #FFF;
	overflow: hidden;
	font-size: 1.20em;	
}


table.icons_container td.title { height: 16px !important; }
table.icons_container { width: 93%; }
table.icons_container td { background-color: #FFF; width: 119px; height: 60px; padding:10px; text-align: center;  }
table.icons_container td img { z-index: 5; float: left; _z-index: -1;   }
span.icon_data { 
	/*color: #a6a8ab; */
	color: #808285; 
	font-size: 16px;
	float: none; 
	line-height: 0; 
	display:block; 
	position: relative; 
	top:-20px; 
	left: 20px; 
	z-index: 25;
	
	*float: none;
	*display:block;
	
}



td.instructions { font-size: 0.75em; }

.ui-accordion .ui-accordion-content { padding-top: 0 !important; }

/* Globals */
br.clr { clear: both; line-height: 0; }
.success { color: green; }
h1, h2, h3, h4 { color: #1B75BC; font-weight: normal; }
h1 { *font-size: 2.0em; }
h2 { *font-size: 1.65em; }
h3 { *font-size: 1.2em; }


p.hr { height:0; border-top: 1px solid #C6C7CB; width:100%;}

a { color: #1B75BC; }

.noborder { border: 0 !important; }
.nomargin { margin: 0 !important; }
.inline { display: inline; }
.align_center { text-align: center !important; }
label.error { color: red; font-weight: bold; display: block; }


img {
	-ms-interpolation-mode:bicubic; 
}


.featured_winner div.media { min-height: 2px !important; padding-bottom:0 !important; width:100% !important; }

/* Easy Slider */
	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;

		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:850px;
		height:150px;
		*width:910px;
		
		overflow:hidden; 
		}
		#slider li{ *width:850px; }
	span#prevBtn{}
	span#nextBtn{}					

	#events_slider ul, #events_slider li{
		margin:0;
		padding:0;
		list-style:none;

		}
	#events_slider, #events_slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the events_slider area
		*/ 
		width:219px;
		height:700px;
		*width:219px;
		
		overflow:hidden; 
		}
		#events_slider li{ *width:219px; }
	span#prevBtn{}
	span#nextBtn{}					



/** Team results */


	/* Pager styles */
#pager ul.pages {
display:block;
border:none;
text-transform:uppercase;
font-size:10px;
margin:30px 0 20px;
padding:0;
text-align: center;
width:100%;
}

#pager ul.pages li {
list-style:none;
/*float:left;*/
display: inline;
border:1px solid #ccc;
text-decoration:none;
margin:0 5px 0 0;
padding:5px;
}

#pager ul.pages li:hover {
border:1px solid #003f7e;
}

#pager ul.pages li.pgEmpty {
border:1px solid #eee;
color:#eee;
}

#pager ul.pages li.pgCurrent {
border:1px solid #003f7e;
color:#000;
font-weight:700;
background-color:#eee;
}	
	
	
.icon-container {
	padding-left: 40px;
}
	
.icon-container .icon {
	font-size: 18px;
	width: 20%;
	float: left;
}
.icon-container .icon h5 {
	color: black;
	margin: 0;
	padding:0 0 10px 0;
	display: block;
}
.icon-container .icon img.icon {
	float: left; 
	margin-right: 15px;
	width: 75px;
	
}
.icon-container .icon p.res {
	color: #BE1E2D; 
}

.team-user-container {
	height: 190px;
	border-top: 2px solid #C6C7CB;
	padding: 20px 0;

}
.team-user-container .icon-container {
	padding-left: 0;
}
.team-user-container .icon-container .icon {
	font-size: 16px !important;
	width: 16%;
}
.team-user-container .icon-container .icon img.icon {
	width: 60px;
}
.profile-image-container {
	float: left; 
	margin-right: 20px;
}
.profile-image-container img {
	max-width: 133px;
	max-height: 189px;
	
}

#dialogs {
	display: none;
}

#footer-links a {
	color: #FFF !important; 
	margin: 0 10px;
	text-decoration: none;
}