@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 130%;
	color: black;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-size:12px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/*---------------- Reset Ends Here ---------------- */

body {
	background:#012457;
}

#outer-wrapper {
	width: 1024px;
	height: auto; min-height:700px;
	margin: 0 auto;
}

#wrapper {
	background:url(../img/wrapper-repeat.jpg) repeat-y;
	width: 1024px;
	height: auto; min-height:700px;
	margin: 0 auto;
	float: left;
}

#banner {
	/*background:url(../img/banner.jpg) no-repeat;*/
	width: 1024px; height:109px;
	margin: 0 auto;
}

#flash {
	/*background:url(../img/flash.jpg) no-repeat;*/
	width: 1024px; height:585px;
	margin: 0 auto; margin-top: -2px;
}

#outer-content {
	background-image:url(../img/content-bottom.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 1024px; height:auto; min-height: 700px;
	margin:0 auto;
	float: left;
}

#content {
	background-image:url(../img/content-top.jpg);
	background-repeat:no-repeat;
	background-position:top;
	width: 1024px; height:auto; min-height: 700px;
	margin:0 auto;
	float: left;
}

#content-left {
	float: left;
	margin-left: 20px;
}
	#btn-toughest-job {
		margin: 5px 0px;
	}
	
	#panel-video {
		background:url(../img/panel-video.gif) no-repeat;
		width: 353px; height:194px;	
		margin: 5px 0px;
		text-align:center;
		vertical-align:middle;
	}
	
	#video-main {
		width: 480px;
		height:360px;
		text-align:center;
	}
	
	#video-thumbnails {
		margin: 0 auto;
		margin-top: 20px; margin-bottom: 20px;
		padding: 20px;
		height: 220px; width: 520px;
		overflow-y: scroll;
		text-align:center;
	}
		.vid-thumbs {
			text-align:center;
			margin: 5px;
			width: 100px; height:120px;
			border: 1px #006 solid;
			float:left;
		}
		
		.vid-thumbs:hover {
			border: 1px #FFF solid;
		}
		
	
	#btn-manny-video {
		margin-top: 45px;
	}
	
	.title-alaxan {
		margin-top: 30px !important;
	}
	
	#panel-about-alaxan {
		background:url(../img/panel.gif) no-repeat;
		width: 353px; height:194px;	
		margin: 5px 0px; margin-top: 10px;
		text-align:center;
		vertical-align:middle;
	}
	
		#panel-about-alaxan p{
			width: 333px;
			margin: 5px 10px;
		}
	
	#panel-profile {
		background:url(../img/panel-profile.gif) no-repeat;
		width: 357px; height:219px;	
		margin-bottom: 20px;
		text-align:center;
		vertical-align:middle;
	}
	
		#table-profile {
			width: 300px;
			margin-left: 5px; margin-top: 70px; margin-bottom: 10px;
			font-size:14px;
		}
		
		#table-profile td {
			padding: 3px;
		}
		
		#table-profile .image{
			width: 100px;
			text-align:right;
		}
	
	#panel-login {
		background:url(../img/panel2.gif) no-repeat;
		width: 353px; height:194px;	
		margin: 5px 0px; margin-top: 10px;
		text-align:center;
		vertical-align:middle;
	}
		#login-inner {
			background:url(../img/login-inner.jpg) no-repeat;
			background-position:top;
			width: 353px; height:144px;
			position: relative;
		}
			#login-inner #txtEmail {
				background:#FFF;
				border: 1px solid #333;	
				position: absolute;
				top: 50px; left:125px;
				height: 21px;
				width: 153px;
			}
			
			#login-inner #txtPassword{
				background:#FFF;
				border: 1px solid #333;		
				position: absolute;
				top: 76px; left:125px;
				height: 18px;
				width: 153px;
			}
			
			#btn-login {
				margin-top: 105px;
			}
		
		#btn-register-now {
			margin-top: -10px;
			position:relative;
		}
	
	#panel-forgot {
		background:url(../img/panel2.gif) no-repeat;
		width: 353px; height:194px;	
		margin: 5px 0px; margin-top: 10px;
		text-align:center;
		vertical-align:middle;
	}
	
		#forgot {
			background:url(../img/bck_forgot.jpg) no-repeat;
			background-position:top;
			width: 353px; height:144px;
			position: relative;
		}
		
		#forgot #txtEmail {
				background:#FFF;
				border: 1px solid #333;	
				position: absolute;
				top: 50px; left:125px;
				height: 21px;
				width: 153px;
		}
		
		#forgot #btnForgot{
				background:#C63;
				color:#FFF;
				font-weight:bold;
				border: 1px solid #333;	
				position: absolute;
				top: 80px; left:100px;
		}
	
	
#content-right {
	float: left;
	margin-left: 20px; margin-bottom:70px;
	height: auto;
}
	#panel-latest {
		height: 600px;
		
	}
	
	#latest-top {
		/*background:url(../img/top.gif) no-repeat;*/
		position: relative;
		width: 573px; height:18px;
		border-top: 1px groove #846628;
		margin-bottom: -3px;
	}
		.left-corner {
			position: absolute; top:-1px; left:0px;
		}
		
		.right-corner {
			position: absolute; top:-1px; left:558px;
		}
	
	#latest-content{
		/*background:url(../img/repeat.gif) repeat-y;*/
		border-left: 1px solid #8F7430;
		border-right: 1px solid #8F7430;
		border-bottom: 0.5px solid #8F7430;
		width:571px; height:auto; min-height:400px;
		float: left;
		padding-top:15px;
		position: relative;
	}
		
	
	#latest-jobs-outer{
		background:url(../img/tough-jobs-repeat.gif) repeat-y;
		width:571px; height:auto; min-height:400px;
		overflow-y: hidden;
		overflow-x: hidden;
		margin: 0 auto;
	}
		.bottomleft-corner{
			position: absolute; bottom:-2px; left:-1px;
		}
		
		.bottomright-corner{
			position: absolute; bottom:-2px; left:557px;
		}
	
		#latest-jobs{
			background:url(../img/tough-jobs-repeat.gif) repeat-y;
			width:561px; height:500px; min-height:400px;
			overflow-y: hidden;
			overflow-x: hidden;
			margin-bottom:20px;
		}
		
		.panel-scroll{
			width:561px; height:500px; min-height:400px;
			overflow-y: scroll;
			overflow-x: hidden;
			margin-bottom:20px;
		}
			.panel-scroll p{
				padding-left: 20px;
				padding-right: 20px;
				text-align:justify;
				line-height:170%;
				letter-spacing: .5px;
			
			}
		
			.border-gif {
				float: left;
				margin: 0 auto; margin-left: 10px;
			}
			
			.tough-job {
				height: auto;
				padding: 10px;
				display:block;
				float:left;
			}
			
				.tough-job img{
					float: left;
					margin: 5px; margin-right: 10px;
				}
				
				.job-votes{
					padding: 6px;
					font-size: 14px;
					text-align: center;
				
				}
				
				.jobs-details {
					float: left;
					width: 420px;
					display:block;
				}
			
				.jobs-details p {
					text-align: justify;
				}
				
				.jobs-details p a {
					text-align: justify;
					letter-spacing:1px;
				}
	
	#latest-bottom {
		/*background:url(../img/bottom.gif) no-repeat;*/
		width:573px; height:23px;
		position:relative;
	}

#footer {
	background:url(../img/footer.jpg) no-repeat;
	width: 1024px; height:62px;	
	text-align:center;
	margin: 0 auto;
	float:left;
}
	#footer ul {
		margin-top: 7px;
	}
	
	#footer ul li {
		display: inline;
	}


#alaxanfr {
	margin-left: 40px; margin-top: 20px;
}

.toughjobs-img {
	float: left;
	margin: 10px;
	border: 1px solid #999;
}

#toughjobs-photo {
	width: 230px; height:auto;
	float: left;
}
	img#btn-vote {
		margin: 0 auto; margin-left: 60px;
		display:block;
		float: left;
	}
	
	#toughjobs-photo p {
		float: left;
		margin: 0 auto; margin-left: 20px; margin-top: 10px;
	}

#toughjobs-details {
	background:url(img/bck-toughjobs-details.gif) repeat-y;
	width:308px; min-height:auto; height:auto;
	float: left;
}

#details { 
	width: 300px; height: auto;
}

#details tr{
	margin: 5px; padding:5px;
	display: block;
}

#details td{
	margin: 5px; padding:3px;
	display: block;
}

#details tr td p{
	text-align: justify;
}

/* ---------------- COMMENTS ---------------- */
#comment-outer {
	width: 450px; height:auto;
	float: left;
}

#comments {
	width: 450px; max-height:400px;
	overflow-y: scroll;
	overflow-x: hidden;
	padding-bottom: 20px;
}
	.comments-entry {
		background:#003;
		width: 450px; height:auto;
		padding: 5px; margin: 10px 5px;
		float: left;
		display:block;
	}
	.comments-entry img {
		float: left;
		display:block;
		margin: 3px;
	}
	
	.comments-entry p, .comments-entry h3 {
		width: 350px;
		float: left;
		margin: 3px; margin-left: 10px; margin-right: 10px;
		text-align:justify;
		display:block;
	}

#btn-share {
	border: 1px solid #003;
	margin: 0 auto; margin-left: 20px;
	display:block;
	float: left;
}

#btn-share:hover {
	border: 1px solid #999;
}

#comment-form {
	width: 450px; height:auto;
	padding: 5px; margin: 10px 5px;
	float: left;
}

#medal_icon {
	cursor:pointer;
}

#table-comment {
	margin: 5px; margin-bottom: 10px;
	display:block;
}
	#table-comment td{
		padding: 5px;
	}



/*REGISTRATION*/
#form-registration, #form_registration, #form_manual_invite {
	margin: 0 auto; margin-top: 20px; margin-bottom:20px;
	width: 350px;
}
	#form_manual_invite table {
		border: 1px solid #FFF;
	}

.table-registration {
	margin: 0 auto;
	margin-bottom: 20px;
	float: left;
}

.table-registration td{
	margin: 0 auto;
	padding: 5px;
	font-size: 14px;
	vertical-align:top;
}

.table-registration td.yellow{
	width: 140px;
}

.table-registration td.label{
	width: 140px; display:block;
}

.registration-header{
	width: 200px;
	display:block;
}

/*#latest-content .gallery{
	background:url(../img/repeat.gif) repeat-y;
	border-left: 1px solid #8F7430;
	border-right: 1px solid #8F7430;
	border-bottom: 0.5px solid #8F7430;
	width:571px; height:auto; min-height:400px;
	float: left;
	padding-top:15px;
	position: relative;
}*/

#latest-jobs-outer .gallery{
		background:url(../img/tough-jobs-repeat.gif) repeat-y;
		width:571px; height:500px; min-height:400px;
		overflow-y: scroll;
		overflow-x: hidden;
		margin: 0 auto; margin-bottom: 20px;
	}
	
		#latest-jobs .gallery{
			background:url(../img/tough-jobs-repeat.gif) repeat-y;
			width:561px; height:700px; min-height:400px;
			overflow-y: scroll;
			overflow-x: hidden;
			margin-bottom:40px;
		}

.pagination {
	margin-right: 10px;
	display:block;
	font-size:12px;
}

.pagination a, .pagination a:visited {
	color:#FFF !important;
	text-decoration:none;
}

.pagination a:hover {
	color:#FFF !important;
	text-decoration: underline;
}

.pagination strong {
	color:#F60 !important;
	text-decoration: none;
}

/* ---------------- Shared Class Styles ---------------- */


	/* ---------------- CUSTOM Shared Classes ---------------- */
		.panel {
			margin-bottom: 20px !important;
		}
	
	/* ---------------- CUSTOM Shared Classes ---------------- */
.clear {
	clear:both;
}

.box {
	border: 1px solid #000;
}

.inline li {
	display: inline;
}

.bold {
	font-weight:bold;
}

.italics {
	font-style:italic;
}

.underline {
	text-decoration:underline;
}

.hover-line {
	text-decoration:none;
}

.hover-line:hover {
	text-decoration:underline;
}

.white {
	color: #FFF;	
}

.black {
	color: #000;	
}

.bck-blue {
	background-color: #c3eaf9;
}

.bck-green {
	background-color: #3A9EBE;
}

.bck-green:hover {
	background-color: #3A9EBE;
}

.main-header {
	font-size: 40px;
	font-family:"Times New Roman", Times, serif;
	float: left;
	width:auto; height:50px;
	vertical-align:middle;
	margin-left:-20px;
	margin-right:-10px;
	margin-top:25px;
}

.orange-header {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight:bold;
	color: #D85507;
	padding-left: 10px;
}

.red {
	color:#F00;
}

.gray {
	color: #999;
}

.orange {
	color: #D85507;
}

.orange2{
	color: #FF5C00;
}

.lite-orange {
	color: #F09F00;
}

.yellow {
	color: #FFD76B;
}

.min-size {
	font-size: 10px;
}

.mid-size {
	font-size: 14px;
}

.max-size {
	font-size: 20px;
}

.sub-header {
	font-size: 16px;
	margin-bottom: 10px;
}

.center {
	text-align:center;
	margin: 0 auto;
}

.border-box {
	border: 1px solid #999;
}

.copy {
	padding-right: 10px;
}

.justify {
	text-align:justify;
}

.form-note {
	font-size: 12px;
}

.float-left {
	float:left;
}

.float-right {
	float:right;
}

ol.list-number {
	list-style-type:decimal;
	list-style-position:inside;
	line-height:150%;
}

.margin-left {
	margin-left:20px;
}

.margin-left2 {
	margin-left:40px;
}

.margin-left2 {
	margin-left:60px;
}

ol.list-letter{
	list-style:lower-alpha;
	list-style-position:inside;
}

ol.list-roman{
	list-style:lower-roman;
	list-style-position:inside;
}

ul.list-bullet {
	list-style-type:disc;
}

.break-word {
	word-wrap: break-word;
}

/*Color Guides*/
/*
orange: color: #D85507;
yellow: color: #FFAF00;
*/

.yellow2 {
	color:#FF0;
	}

#nh-content {
	background:url(../images/new-img/round-mid.png) repeat-y;
	padding:0 20px 0 20px;
	width:532px;
}

.border-orange {border:1px solid #c45300}

.gdes {
	width:315px;
	margin-left:20px;
	}

	.winners-li li {
		display:inline;
		float:left;
		}

	.winners-holder {
		width:95px;
		letter-spacing:-1px;
		margin:0 40px 0 40px;
		height:180px;
	}

.gallery-head-bg {
	background:url(../images/new-img/galery-head-bg.png) repeat-x;
	}
	.gallery-head-bg li {display:inline;float:left}
	.font14 {font-size:14px}
	.videos-li li {margin:10px}
	.articles-li li {margin:10px}
	.articles-li p{width:100px;color:#fff}
	.promos-li p {margin:10px}
	
#counter {
	background:url(../img/counter-bg.png) no-repeat;
	height:159px;
	width:352px;
	}
	.number-count {
		left:15px;
		position:relative;
		width:100px;
		top:70px;
		}
		#first-dig {
			}
		#second-dig {
			}

#writeup {
	padding:20px;
	line-height:30px;
	clear:both;
}