/*

	HOOSTELAND ##### [ screen.css ]
	################

	1. Page Layout
		1.0. Splash
		1.1. Page
		1.2. Header
		1.3. Footer
		1.4. Content
		1.5. Candidates Box
		1.6. Blog
		1.7. Comments
	2. Anchor Links
	3. Typography
	4. Forms
		4.0. Fieldsets
		4.1. Labels
		4.2. Input Fields
		4.3. Buttons
	5. Other
	6. jQuery ScrollPane (Custom Scrollbar)
	7. jQuery jCarousel
	8. jQuery jCrop
	9. Thickbox

	COLORS
	******
	Text	#091F49
	Blue	#4F91CD
	Navy	#2A526C
	Orange	#F4911D

*/

.hic-nohover {
	font-weight:normal;
}

.hic-nohover a {
	color:#000000;
	background-color:#FFFFFF;
	paddding: 0px;
}

.hic-nohover a:hover {
}
/* ###############################################
   1. Page Layout
   ############################################### */

	html {
		background:transparent url(../images/html.jpg) no-repeat left 0 fixed;
		overflow-y:scroll;
		}
		html.framed { background:none; overflow:hidden; height:110px; }
		html.splash, html.splash body { height:100%; }
		html.splash { overflow:hidden; }

	body {
		background:url(../images/body.jpg) no-repeat right 0 fixed;
		padding-top:10px;
		color:#091F49;
		font-size:62.5%;
		font-family:Arial, sans-serif;
		}
		html.framed body { background:none; padding-top:0; }

   /* 1.0. Splash ################################ */

	#splash {
		position:absolute; top:50%; left:50%;
		background:url(../images/suitcase.jpg) no-repeat center 115px;
		height:530px;
		width:684px;
		margin:-265px 0 0 -342px;
		}
		#splash div#logo { position:static; margin:0 auto; }
		#splash #enter {
			position:absolute; bottom:0;
			width:100%;
			}
			#splash #enter a {
				display:block;
				background:url(../images/welcome.png) no-repeat;
				height:48px;
				width:100%;
				margin:10px 0 0;
				text-indent:-999em;
				}

				#splash #enter a#en,
				#splash #enter a#en:link,
				#splash #enter a#en:visited {
					background-position:left top;
					}
					#splash #enter a#en:focus,
					#splash #enter a#en:hover,
					#splash #enter a#en:active {
						background-position:right top;
					}

				#splash #enter a#fr,
				#splash #enter a#fr:link,
				#splash #enter a#fr:visited {
					background-position:left bottom;
					}
					#splash #enter a#fr:focus,
					#splash #enter a#fr:hover,
					#splash #enter a#fr:active {
						background-position:right bottom;
					}

   /* 1.1. Page ################################## */

	#flash_container { 
		position:relative; 
		height:525px;
		width:1000px;
		margin:0 auto;
		
		}
		#feature { 
			position:relative; 
			background:url(../images/home_fr.png) no-repeat center center;
			height:420px;
			width:950px;
			margin:0 auto;
		}

	.wrap {
		position:relative;
		margin:0 auto;
		}
		.wrap.w864 { width:864px; }
		.wrap.w920 { width:920px; }
		.wrap.w940 { width:940px; }
		.wrap.w960 { width:960px; }

	img.postcard { margin:0px auto 50px; }
	img.stamp { margin:0 0 0 auto; }
	img.seal { float:left; margin:0 20px 0 0; }
	img.flag { float:right; margin:0 0 0 20px; }

	.scroll-pane {
		overflow:100%;
		height:370px;
		width:100%;
	}

   /* 1.2. Header ################################ */

	#header {
		position:relative;
		height:110px;
		width:940px;
		margin:0 auto 20px;
		color:#4F91CD;
		}

		#logo {
			position:absolute; bottom:0; left:0;
			display:block;
			background:url(../images/sprites.png) no-repeat -325px -20px;
			height:108px;
			width:108px;
			text-indent:-999em;
		}
		
		#population {
			font-size:14px;
			margin-left:130px;
			text-transform:uppercase;
			line-height:1.2em;
		}

		ul#navigation {
			position:absolute; bottom:10px; left:0;
			list-style:none;
			background:url(../images/sprites.png) no-repeat 0 29px;
			margin:0;
			padding:0;
			height:30px;
			}
			* html ul#navigation {
				background-position:0 31px;
			}
			ul#navigation li {
				float:left;
				display:inline;
				background:url(../images/sprites.png) no-repeat -501px 11px;
				height:30px;
				padding:7px 10px 0px 10px;
				margin:0;
				font-size:18px;
				text-transform:uppercase;
			}
			ul#navigation li.first {
				margin-left:120px;
			}
			ul#navigation li.last { padding:0 30px 0 15px; }
			ul#navigation li.last a { padding:0; margin:4px 6px 0 0; }

		#header form {
			position:absolute; top:0; right:95px;
			width:600px;
			}
			p.signup, p.error, p.lostpass, p.remembered, p.loggedin {
				clear:both;
				text-align:right;
				line-height:1.2;
				}
				p.signup, p.error, p.loggedin p#population {
					color:#4F91CD;
					font-size:14px;
					text-transform:uppercase;
					}
					p.error { color:#E41E25; }
					p.loggedin { font-size:18px; }

				p.lostpass a,
				p.remembered a {
					font-size:11px;
					}
					p.lostpass a, .remembered a,
					p.lostpass a:link, .remembered a:link,
					p.lostpass a:visited, .remembered a:visited {
						color:#F4911D;
						text-decoration:underline;
					}
					p.lostpass a:focus, .remembered a:focus,
					p.lostpass a:hover, .remembered a:hover,
					p.lostpass a:active, .remembered a:active {
						color:#4F91CD;
					}

			#header form fieldset {
				float:right;
				}
				#header form fieldset input#login-email {
					width:150px;
				}
				#header form fieldset input#login-password {
					width:110px;
				}
				#header form fieldset input#lost-email {
					width:226px;
				}

		#header a#hic_logo {
			position:absolute; top:10px; right:0;
			display:block;
			background:url(../images/sprites.png) no-repeat -210px -42px;
			height:81px;
			width:80px;
			text-indent:-999em;
		}

   /* 1.3. Footer ################################ */

	#footer {
		position:relative;
		overflow:hidden;
		height:40px;
		width:940px;
		margin:0 auto;
		padding:30px 0 0;
		color:#4F91CD;
		font-size:10px;
		text-transform:uppercase;
		}
		#footer ul {
			float:left;
			list-style:none;
			margin:0;
			padding:0;
			}
			#footer ul li {
				display:inline;
			}

		#footer p {
			float:right;
			padding:0;
		}


   /* 1.4. Content ############################### */

	div.wrap {
		margin-bottom:20px;
		}
		div.col-1 {
			float:left;
			width:422px;
		}
		div.col-2 {
			float:right;
			width:422px;
		}

	div.en { background:url(../images/rules_en.png) no-repeat center 0; }
	div.fr { background:url(../images/rules_fr.png) no-repeat center 0; }
		div#rules div.col-1 {
			width:320px;
			padding:0 0 0 90px;
		}
		div#rules div.col-2 {
			width:320px;
			padding:0 90px 0 0;
		}

		#candidates_list div.candidate {
			display:inline;
			margin:0 5px 20px;
		}
		div.candidate {
			float:left;
			background:url(../images/sprites.png) no-repeat -433px -20px;
			height:480px;
			width:220px;
			}
			div.candidate .photo {
				position:relative;
				height:196px;
				width:196px;
				padding:5px 12px;
				margin:0 0 15px 0;
				}
				div.candidate .overlay {
					display:block;
					position:absolute; top:0; left:0;
					background:url(../images/frame.png) no-repeat center center;
					height:206px;
					width:220px;
					}
					div.candidate .overlay img {
						position:absolute; bottom:0; right:0;
					}
				div.candidate img.avatar {
					margin:0 auto;
				}

			div.candidate .profile {
				width:180px;
				margin:0 auto;
				}
				div.candidate .profile h4 {
					color:#2A526C;
					font-size:11px;
				}
				div.candidate .profile p {
					padding:6px 0 15px;
					font-size:10px;
					font-family:'OCR A Std', Courrier, sans-serif;
					text-transform:uppercase;
				}

		div#anecdote {
			float:left;
			width:440px;
			padding:0 15px;
			}
			#anecdote object { margin:0 auto; }

		div#utilities {
			float:left;
			width:160px;
			padding-top:50px;
			}
			div#utilities #hoosts {
				color:#F4911D;
				font-size:36px;
				font-weight:bold;
				text-align:center;
			}
			div#utilities strong {
				margin:0 0 0 40px;
				color:#F4911D;
				font-size:12px;
				font-weight:bold;
				text-transform:uppercase;
				line-height:15px;
			}

   /* 1.5. Candidates ############################ */

	div#candidates_box,
	div#candidates_list {
		position:relative;
		}
		div#candidates_box form,
		div#candidates_list form {
			position:absolute; top:14px; right:0;
			}
			div#candidates_box form label,
			div#candidates_list form label {
				float:left;
				padding:0 10px 0 0;
				color:#4F91CD;
				font-size:11px;
				text-transform:none;
				line-height:15px;
			}
			div#candidates_box form select,
			div#candidates_list form label {
				float:left;
				/*margin:0 0 0 5px;*/
			}


   /* 1.6. Blog ################################## */

	#blog div.col-1 {
		float:left;
		position:relative;
		background:url(../images/sidebar.png) no-repeat 0 0;
		width:158px;
		padding:145px 50px 270px 40px;
		color:#5D5656;
		}
		#blog #sidebar p { line-height:1.4; }
		#blog #sidebar ul {
			list-style:none;
			border-bottom:1px solid #F4911D;
			margin:0;
			padding:0 0 6px;
			}
			#blog #sidebar ul.last {
				border-bottom:0;
			}
			#blog #sidebar ul li {
				font-size:11px;
				line-height:1.2;
				padding:3px 0;
			}
		#blog img#tv {
			position:absolute; bottom:0; right:0;
			height:257px;
			width:329px;
		}
	#blog div.col-2 {
		float:left;
		display:inline;
		width:472px;
		margin:0 20px;
		}
	#blog div.col-3 {
		float:right;
		width:155px;
		}
		#blog div.col-3 .banner {
			display:block;
			margin:0 auto;
		}


   /* 1.7. Comments ########################### */

	.commentlist li,
	.commentlist li ul li {
		font-size:12px;
	}
	.commentlist li {
		font-weight:bold;
		}
		.commentlist li .avatar { 
			float:right;
			border:1px solid #eee;
			padding:2px;
			background:#fff;
		}

	.commentlist cite, .commentlist cite a {
		font-weight:bold;
		font-style:normal;
		font-size:1.1em;
		}
	.commentlist p {
		font-weight:normal;
		line-height:1.5em;
		text-transform:none;
	}
	.commentmetadata { font-weight:normal; }

	#commentform input {
		width:170px;
	}
	#commentform input.button {
		margin:10px 0;
	}
	#commentform textarea {
		width:96%;
		padding:2px;
	}
	#respond:after {
		content:"."; 
		display:block; 
		height:0; 
		clear:both; 
		visibility:hidden;
	}
	.alt {
		margin:0;
		padding:10px;
	}
	ol.commentlist {
		list-style:none;
		padding:0;
		margin:0 4px;
	}
	.commentlist li {
		background:url(../images/post.png) repeat-x center bottom;
		padding:0 0 15px 0;
		margin:0 0 20px 0;
	}
	.commentlist li ul li { 
		margin-right:-5px;
		margin-left:10px;
	}
	.commentlist li p {
		width:380px;
	}
	.children { padding:0; }
	#commentform p {
		margin:5px 0;
	}
	.nocomments {
		text-align:center;
		margin:0;
		padding:0;
	}
	.commentmetadata {
		margin:0;
		display:block;
		padding:6px 0 3px;
		font-size:11px;
		}
		#anecdote .commentmetadata { float:right; padding:0; }
		#anecdote ul, #anecdote ol { padding:0 4px; }

	h3.comments {
		padding:0;
		margin:40px auto 20px;
		}
		.comments-head {
			background-image:url(../images/post-head.png);
			background-repeat:no-repeat;
			padding:16px 4px 2px 38px;
			margin:0 0 10px 0;
		}

/* ############################################### */

/* ###############################################
   2. Anchor Links
   ############################################### */

	a {}
		a,
		a:link,
		a:visited {
			color:#F4911D;
		}
		a:focus,
		a:hover,
		a:active {
			color:#4F91CD;
		}

		a.button, a.btn, .btn a,
		a.button:link, a.btn:link, .btn a:link,
		a.button:visited, a.btn:visited, .btn a:visited,
		a.button:focus, a.btn:focus, .btn a:focus,
		a.button:hover, a.btn:hover, .btn a:hover,
		a.button:active, a.btn:active, .btn a:active {
			color:#fff;
			text-decoration:none;
		}

		.content a { text-decoration:underline; }

	a.tag {
		display:block;
		background-image:url(../images/tags.png);
		background-repeat:no-repeat;
		height:50px;
		width:246px;
		padding:8px 150px 8px 20px;
		margin:6px auto;
		color:#4F91CD;
		font-size:25px;
		font-weight:bold;
		text-transform:uppercase;
		text-indent:-999em;
		}
		a.tag_en {
			display:block;
			background-image:url(../images/tags_en.png);
			background-repeat:no-repeat;
			height:50px;
			width:246px;
			padding:8px 150px 8px 20px;
			margin:6px auto;
			color:#4F91CD;
			font-size:25px;
			font-weight:bold;
			text-transform:uppercase;
			text-indent:-999em;
		}

		a#about		{ background-position:left top; }
		a#rules		{ background-position:left -66px; }
		a#ambassadeur	{ background-position:left -132px; }
		a#application	{ background-position:left -198px; }
		a#candidates	{ background-position:left bottom; }
	
		a#about_en		{ background-position:left top; }
		a#rules_en		{ background-position:left -66px; }
		a#ambassadeur_en	{ background-position:left -132px; }
		a#application_en	{ background-position:left -198px; }
		a#candidates_en		{ background-position:left bottom; }
	
		a.tag:link,
		a.tag:visited {
			color:inherit;
		}
		a.tag:focus,
		a.tag:hover,
		a.tag:active {
			color:inherit;
		}
		
		#citizen { 
		font-size:12px;
		font-weight:normal;
		color:black;
		padding:0px 0px 0px;
		text-decoration:none;
		margin:0 auto;
		}
		
		#citizen a { 
		font-size:12px;
		font-weight:normal;
		color:#F4911D;
		padding:0px 0px 0px;
		text-decoration:none;
		margin:0 auto;
		}
		
		#citizen a:hover { 
		font-size:12px;
		background:white;
		color:#4F91CD;
		padding:0px;
		text-decoration:underline;
		}
		
		.citizen {text-align:center;}
		
/* ############################################### */


/* ###############################################
   3. Typography
   ############################################### */

	h1 {
		padding:30px 0 20px;
		color:#4F91CD;
		font-size:20px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		}
		h1 a,
		h1 a:link,
		h1 a:visited {
			color:#4F91CD;
		}
		h1 a:focus,
		h1 a:hover,
		h1 a:active {
			color:#F4911D;
		}

		h1.sticker {
			background:url(../images/props/sticker.png) no-repeat right center;
			padding-right:80px;
			margin:0 auto;
			width:200px;
		}
		#rules h1 {
			padding:180px 0 40px;
			color:#000;
			font-weight:normal;
			font-family:'OCR A Std', Courrier, sans-serif;
		}
		.candidate h1 {
			padding:12px 0;
			font-size:18px;
		}
		#candidates_box h1,
		#candidates_list h1 {
			padding:12px 0;
			text-align:left;
		}

	h2 {
		padding:30px 0 3px;
		color:#F4911D;
		font-size:16px;
		font-weight:bold;
		text-transform:uppercase;
		text-align:center;
		}
		#rules h2 {
			padding:0 0 0.5em;
		}
		#anecdote h2 {
			padding:12px 0;
			font-size:18px;
		}
		#sidebar h2 {
			text-align:left;
		}
		.post-head h2,
		.comments-head h2,
		#anecdote .comments-head h2 {
			clear:both;
			width:430px;
			padding:6px 0 0;
			color:#fff;
			text-align:left;
			text-shadow:#B9A03B 1px 2px 0;
			}
			#content .even .post-head h2 { text-shadow:#B9A03B 1px 2px 0; }
			#content .odd  .post-head h2 { text-shadow:#D24383 1px 2px 0; }

			#content .post-head h2 a,
			#content .post-head h2 a:link,
			#content .post-head h2 a:visited {
				color:#fff;
				}
				
			#content .post-head h2 a:focus,
			#content .post-head h2 a:hover,
			#content .post-head h2 a:active {
				color:#fff;
			}

	.content {
		font-size:11px;
		}
		.content p {
			line-height:1.5;
		}
		#rules p {
			padding:0 0 1em;
		}
		.content ul,
		.content ol {
			margin:0 0 0.5em;
			padding:0 0 0 25px;
			}
			.content ul li,
			.content ol li {
				line-height:1.5;
				padding-bottom:0.5em;
			}

/* ############################################### */


/* ###############################################
   4. Forms
   ############################################### */

	form {}

	form#comment { margin-bottom:30px; }

	#form_photo img.float-left { border:2px solid #4F91CD; padding:1px; margin-right:10px; }
	#form_video object { float:right; border:2px solid #4F91CD; padding:1px; /*margin-right:10px;*/ }

	/* 4.0. Standard Fieldsets */

		fieldset {
			padding:5px 0;
			}
			#respond fieldset {
				padding:0 0 5px;
			}
			fieldset input.text { float:right; }

			fieldset.long { width:250px; }
			fieldset.spacing { padding-top:25px; }
			#header fieldset p, #header fieldset label, #header fieldset input, #header fieldset button {
				float:left;
				margin:0 0 0 5px;
			}
			fieldset.checks label, fieldset.checks input, fieldset.checks button,
			fieldset.radios label, fieldset.radios input, fieldset.radios button {
				float:left;
				}
				fieldset.radios label {
					margin:0 30px 0 5px;
				}
				fieldset.checks label {
					margin:0 0 0 5px;
				}
				fieldset.checks label.error {
					margin:0 0 0 0;
				}

			fieldset.upload label, fieldset.upload input {
				float:none;
			}

		div#hic {
			clear:both;
			margin-bottom:20px;
		}


	/* 4.1. Labels & Requirements */

		p.required {
			margin:20px 0 0;
			font-size:10px;
			text-transform:uppercase;
		}

		label {
			color:#000;
			font-size:12px;
			font-weight:bold;
			line-height:20px;
			}
			#header form label {
				font-size:14px;
				text-transform:uppercase;
			}

			label.error { clear:both; display:block; color:#E41E25; font-weight:bold; line-height:1.7; }
			label.radio { margin-right:10px; }


	/* 4.2. Other */

		input.text, textarea {
			display:block;
			border:1px #F4911D solid;
			font-size:12px;
			padding:3px 2px;
			}
			textarea { width:98%; }

			input.text { width:128px; }
			#utilities input.text { width:100px; }

			input.upload { display:block; }

			input.text.error, textarea.error {
				border:2px solid #E41E25;
				padding:2px 1px;
			}

			input#age { width:30px; position:relative; right:98px; }

		input.box { height:20px; }

		select { margin:0; font-size:10px; }


	/* 4.3. Buttons */

		a.button, a.btn, .btn a,
		input.btn, button.btn,
		input.button, button {
			background:#F4911D;
			border:0;
			padding:3px 6px 2px;
			color:#fff;
			font-size:14px;
			font-weight:bold;
			text-transform:uppercase;
			}
			* html button { padding-bottom:0; }
			*+ html button { padding-bottom:0; }

			a.button:focus, a.button:hover, a.button:active,
			a.btn:focus, a.btn:hover, a.btn:active,
			.btn a:focus, .btn a:hover, .btn a:active,
			input.button:focus, input.button:hover, input.button:active,
			button:focus, button:hover, button:active {
				background-color:#4F91CD;
			}

			a.btn, input.btn, button.btn {
				display:block;
				width:160px;
				padding:8px 0;
				margin:5px auto 0;
				font-size:12px;
				text-align:center;
			}

			input.button.small, button.small {
				padding:4px 10px;
				margin:10px 0 0;
				font-size:18px;
			}
			input.button.big, button.big {
				display:block;
				padding:8px 12px 6px;
				margin:20px auto 0;
				font-size:22px;
				text-align:center;
			}

/* ############################################### */


/* ###############################################
   5. Other
   ############################################### */

	small { font-size:9px; }

	hr { display:none; }
	
	div.hr {
		background:#54858E;
		height:1px;
		margin:10px 0;
		}
		div.hr.orange { background:#F4911D; }

	.pin {
		float:left;
		display:block;
		background-image:url(../images/sprites.png);
		background-repeat:no-repeat;
		height:21px;
		width:21px;
		text-indent:-999em;
		}
		.pin.fb { background-position:-210px -1px; }
		.pin.tw { background-position:-231px -1px; }

	.icon,
	a.btn.icon,
	.btn a {
		background-image:url(../images/sprites.png);
		background-repeat:no-repeat;
		padding:0 0 0 30px;
		}
		a.btn.icon {
			width:114px;
			padding:8px 0 8px 46px;
			text-align:left;
			}
			.btn.lft a {
				display:block;
				width:114px;
				padding:8px 12px 8px 26px;
				text-align:left;
			}
			.btn.rgt a {
				display:block;
				width:116px;
				padding:8px 24px 8px 12px;
				text-align:left;
			}
		.icon.hoosts { background-position:0 -307px; }
		.icon.share, .icon.share:link, .icon.share:visited { background-position:20px -180px; }
			.icon.share:focus, .icon.share:hover, .icon.share:active {
				background-position:20px -240px;
			}
		.icon.comment, .icon.comment:link, .icon.comment:visited { background-position:20px -210px; }
			.icon.comment:focus, .icon.comment:hover, .icon.comment:active {
				background-position:20px -270px;
			}

		.btn.lft a, .btn.lft a:link, .btn.lft a:visited { background-position:10px -360px; }
			.btn.lft a:focus, .btn.lft a:hover, .btn.lft a:active {
				background-position:10px -420px;
			}

		.btn.rgt a, .btn.rgt a:link, .btn.rgt a:visited { background-position:135px -330px; }
			.btn.rgt a:focus, .btn.rgt a:hover, .btn.rgt a:active {
				background-position:135px -390px;
			}

	span.spacer { padding:0 2px 0 5px; }

/* ############################################### */


/* ###############################################
   6. jQuery ScrollPane
   ############################################### */

	.jScrollPaneContainer {
		position:relative;
		overflow:hidden;
		z-index:1;
		}

		.jScrollPaneTrack, .jScrollPaneDrag,
		a.jScrollArrowUp, a.jScrollArrowDown {
			background-image:url(../images/sprites.png);
		}
		
		

		.jScrollPaneTrack {
			cursor:pointer;
			position:absolute; top:0; right:0;
			/*background:#aaa;*/
			background-repeat:repeat-y;
			background-position:-312px bottom;
			height:100%;
			}
			.jScrollPaneDrag {
				cursor:pointer;
				overflow:hidden;
				position:absolute;
				background-color:#4F91CD;
				background-repeat:no-repeat;
				background-position:-302px center;
				}
				.jScrollPaneDragTop {
					position:absolute; top:0; left:0;
					overflow:hidden;
				}
				.jScrollPaneDragBottom {
					position:absolute; bottom:0; left:0;
					overflow:hidden;
				}
		a.jScrollArrowUp {
			z-index:1;
			display:block;
			overflow:hidden;
			position:absolute; top:0; right:0;
			/*background-color:#666;*/
			background-repeat:no-repeat;
			background-position:-276px -1px;
			height:14px;
			text-indent:-2000px;
			}
			a.jScrollArrowUp:hover {
				/*background-color:#f60;*/
			}
		a.jScrollArrowDown {
			z-index:1;
			display:block;
			overflow:hidden;
			position:absolute; bottom:0; right:0;
			/*background-color:#666;*/
			background-repeat:no-repeat;
			background-position:-289px -1px;
			height:14px;
			text-indent:-2000px;
			}
			a.jScrollArrowDown:hover {
				/*background-color:#f60;*/
			}
		a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
			/*background-color:#f00;*/
		}

/* ############################################### */


/* ###############################################
   7. jQuery jCarousel
   ############################################### */

/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
	.jcarousel-container {
		clear:both;
		position:relative;
		}
		.jcarousel-clip {
			z-index:2;
			padding:0;
			margin:0;
			overflow:hidden;
			position:relative;
			height:89px;
			width:864px;
		}
		.jcarousel-list {
			z-index:1;
			overflow:hidden;
			position:relative;
			top:0;
			left:0;
			margin:0;
			padding:0;
			width:100%;
			}
			.jcarousel-list li,
			.jcarousel-item {
				float:left;
				list-style:none;
				position:relative;
				background:url(../images/sprites.png) no-repeat 0 -1px;
				height:89px;	/* We set the width/height explicitly. */
				width:202px;	/* No width/height causes infinite loops. */
				margin-right:8px;
				padding:0 6px 0 2px;
				color:#301616;
				font-family:'OCR A Std', Courrier, sans-serif;
				}
				.jcarousel-list div.avatar {
					float:left;
					overflow:hidden;
					position:relative;
					background:#000;
					height:84px;
					width:64px;
					margin:2px 0 0 0;
					}
					.jcarousel-list div.avatar a {
						position:relative; left:-10px;
					}

				.jcarousel-list div.meta {
					float:right;
					position:relative;
					padding:6px 0 0 0;
					}
					.jcarousel-list p {
						padding:0 0 5px 0;
						line-height:1.5;
					}
					.jcarousel-list p.name { padding:0 0 9px 0; }

				.jcarousel-list .overlay {
					display:block;
					position:absolute; top:0; left:0;
					background:url(../images/sprites.png) no-repeat 0 -90px;
					height:89px;
					width:210px;
				}

/**
 * The buttons are added dynamically by jCarousel before
 * the <ul> list (inside the <div> described above) and
 * have the classnames "jcarousel-next" and "jcarousel-prev".
 */
		.jcarousel-next,
		.jcarousel-prev {
			z-index:3;
			display:none;
			position:absolute; top:75px;
			background-image:url(../images/sprites.png);
			background-repeat:no-repeat;
			height:15px;
			width:12px;
			text-indent:-999em;
			}
			.jcarousel-next {
				right:-16px; background-position:-264px -1px;
			}
			.jcarousel-prev {
				left:-16px; background-position:-252px -1px;
			}


/* ############################################### */


/* ###############################################
   8. jQuery jCrop
   ############################################### */

/* Fixes issue here http://code.google.com/p/jcrop/issues/detail?id=1 */

	.jcrop-holder {
		margin:0 auto;
		text-align:left;
		}
		.jcrop-tracker { width:100%; height:100%; }

		.jcrop-vline, .jcrop-hline
		{
			font-size:0;
			position:absolute;
			background:white url('../images/jcrop.gif') repeat left top;
			}
			.jcrop-vline { height:100%; width:1px !important; }
			.jcrop-hline { width:100%; height:1px !important; }
			.jcrop-handle {
				font-size:1px;
				background-color:#333;
				border:1px #eee solid;
				width:7px !important;
				height:7px !important;
				*width:9px;
				*height:9px;
			}

		.custom .jcrop-vline,
		.custom .jcrop-hline {
			background:yellow;
		}
		.custom .jcrop-handle {
			border-color:black;
			background-color:#C7BB00;
			-moz-border-radius:3px;
			-webkit-border-radius:3px;
		}


/* ###############################################
   9. Thickbox
   ############################################### */

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #F4911D;}
#TB_window a:visited {color: #F4911D;}
#TB_window a:hover {color: #4F91CD;}
#TB_window a:active {color: #F4911D;}
#TB_window a:focus{color: #F4911D;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	
	background-color:#fff;
	filter:alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;
	height:100%;
	width:100%;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	/*border: 1px solid #666;*/
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
}

#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
	font-size:25px;
	
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	
	background-color:#fff;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}

/* Code is poetry by */