/*
----------------------------------------------------------------------------------------------------
[Table of Contents]

1. Reset and default page configuration
			
2. Blocks
			2.1 Login Form								| .lf
			2.2 Main Menu								| .mm
			2.3 Item										| .item
			2.4 Side Bar Menu							| .sbm
			2.5 Gallery									| .gal
			2.6 Paging									| .pag
			2.7 Search Form							| .sf
			2.8 Users List								| .ul
			2.9 Article									| .art
			2.10 Blog									| .blog
			2.11 Photos									| .ph
			2.12 User Profile							| .up
				2.12.1 Extended Information		| .ei
			2.13 Form Area								| .fa
				2.13.1 Textarea						| .ta
				2.13.2 Submit							| .s
				2.13.3 Combo Box						| .c
				2.13.4 Input							| .i
				2.13.5 Datepicker						| .d
			2.14 Layouts
			2.15 Fast Registration					| .fr
			2.16 Form					| .form			

3. Default page Constructor
			3.1 Header 									| .hdr
			3.2 Content 								| .cnt
			3.3 Footer 									| .ftr

4. Customize Pages
			
----------------------------------------------------------------------------------------------------
*/



/*
####################################################################################################
[1. Reset and default page configuration]
####################################################################################################
*/

body {
	background-attachment: fixed; 
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.625em;	/* default page font size is 10px (1em) */
	width: 100.4em;
	margin: 0 auto !important;
}
body.mess{
	width: 100%;
}
	body,div,dl,dt,dd,ul,ol,li,form,table,tr,td,
	h1,h2,h3,h4,h5,h6,pre,p,span,b,i,
	input,textarea { margin: 0; padding: 0; outline: none; }
	
	ul { list-style-type: none;}
	img { border: none; }
	table { border-collapse: collapse; border-spacing: 0; }

	/* remember to define focus styles! */
	:focus {	outline: 0; }


	h1 { font-size: 1.8em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1.2em; }
	
	input, textarea, select, label { font-size: 1.2em; font-family: inherit; }
	input[type="checkbox"] { vertical-align: -2px; }
	input[type="radio"] { vertical-align: -3px; }
	input[type="submit"] { cursor: pointer; }
	
	p,a,span,b { font-size: 1.2em; }
	p,a,span { color: #020202; }
	
	a { text-decoration: underline; }
	a:hover { text-decoration: none; }
	
	p a, p span, p b, 
	h1 a, h2 a, h3 a,
	span a,
	h1 span, h2 span, h3 span,
	a b, span b, a b, label b,
	p label { font-size: 1.0em; }
	
	.red { color: #fe0f03; }
	.blue { color: #0c78ae; }
	.grey { color: #808080; }



/*
####################################################################################################
[2. Blocks]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[2.1 Login Form]
----------------------------------------------------------------------------------------------------
*/
	div.lf { height: 5.2em; background-color: #0c78ae; }
		div.lf form { height: 100%; }
		div.lf table { width: 100%; height: 100%; }
			div.lf td { text-align: left; padding-left: 1.6em; }
			div.lf td + td + td + td + td + td { width: 100%; padding-right: 2.5em; }
				div.lf input[type='password'],
				div.lf input[type='text'] { width: 180px; border: 0; background-color: #fff; padding: 2px 0; }
				div.lf input[type='submit'] { padding: 0 1.0em; }
				div.lf td b { font-size: 3.0em; color: #fff; display: block; text-align: right; }
				div.lf td span { 					color: #fff; 
					font-size: 1.4em; 
					font-weight: bold; }
	
	/* log in */
	div.log-in { background-color: #81b552; }
		div.log-in ul {  margin-left: 0.3em;}
			div.log-in li { display: inline; margin-left: 0.6em; }
				div.log-in a,
				div.log-in span { color: #fff; font-size: 1.1em; font-weight: bold; line-height: 52px; }
				div.log-in span b { color: #ecfa0b; }


/*
----------------------------------------------------------------------------------------------------
	[2.2 Main Menu]
----------------------------------------------------------------------------------------------------
*/
	div.mm { height: 3.6em; background-color: #fe0f03; border-top: 8px solid #c20d05; }
		
		div.mm a.request { 
			text-decoration: none; 
			color: #ecfa0b;
			font-size: 1.4em; 
			font-weight: bold; 
			line-height: 36px;
			margin-right: 1.4em;
			display: block;
			float: right;
			overflow: hidden;
		}
		
		div.mm ul { padding-left: 1.4em; }
			div.mm li { border-left: 1px solid #fff; display: inline; padding: 0 .6em 0 .9em; }
			div.mm li:first-child { border-left: 0; }
				div.mm a { 
					text-decoration: none; 
					color: #fff; 
					font-size: 1.4em; 
					font-weight: bold; 
					line-height: 36px;
				}
				div.mm a:hover { text-decoration: underline; }



/*
----------------------------------------------------------------------------------------------------
	[2.3 Item]
----------------------------------------------------------------------------------------------------
*/
	.item { background-color: #5fb4df; height: 3.1em; border-top: 5px solid #3fa0d2; overflow: hidden; }
		.item img { 
			margin: .5em 0 0 1.0em; 
			vertical-align: middle; 
			display: block;
			float: left;
		}
		.item h2,
		.item a { 
			color: #fff; 
			font-size: 1.4em; 
			font-weight: bold; 
			text-decoration: none; 
			line-height: 29px; 
			margin-left: 1.36em;
			display: block;
			float: left;
			overflow: hidden;
		}
		.item h2 { float: none; padding-right: 1.241em; }
			.item h2 a { float: right; font-size: .87em; color: #f0f0f0; text-decoration: underline;  }
		.item a:hover { text-decoration: underline; }
		.item h2 a:hover { text-decoration: none; }
			.item h2 span { float: right; }
	
	/* styles */
	.item.green { background-color: #a4ba58; border-color: #8ba336; }



/*
----------------------------------------------------------------------------------------------------
	[2.4 Side Bar Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.sbm {  }
		ul.sbm li { margin-top: .5em; }
		ul.sbm li:first-child { margin-top: 0; }
			ul.sbm img { width: 22px; height: 22px; }


/*
----------------------------------------------------------------------------------------------------
	[2.5 Gallery]
----------------------------------------------------------------------------------------------------
*/
	table.gal { width: 100%; margin-top: -10px; }
		table.gal td { padding-left: 9px; padding-top: 10px; vertical-align: top; }
		table.gal td:first-child { padding-left: 0; }
			
			/* title */
			table.gal div.ttl {  }
				table.gal div.ttl a { margin-left: 1.07em; }
			
			/* preview */
			table.gal div.prev { background-color: #fff; margin-top: .7em; padding: 1.3em 1.4em 1.7em; position: relative; }
				
				/* star */
				table.gal div.prev img.star {
					position: absolute;
					top: 5.0em;
					right: -6.8em;
					z-index: 1;
					width: 12.8em;
					height: 12.8em;
				}
				
				/* picture */
				table.gal div.prev a.pic { 
					display: block; 

					position: relative; 
					font-size: 1.0em; 
					text-decoration: none; 
				}
					table.gal div.prev a.pic img { display: block; margin: 0 auto; }
					
					/* credits */
					table.gal div.prev a.pic span {
						display: block;
						position: absolute;
						bottom: 0;
						width: 100%;
						background-color: #fad00b;
						font-size: 1.8em;
						height: 2.0em;
						line-height: 2.0em;
						text-align: center;
						border-top: 1px solid #fff;
					}


				/* video */
				table.gal div.prev a.vid { 
					display: block; 
					position: relative; 
					font-size: 1.0em; 
					text-decoration: none; 
				}
					table.gal div.prev a.vid img { display: block; margin: 0 auto; }
					
					/* credits */
					table.gal div.prev a.vid span {
						display: block;
						position: relative;
						bottom: 0;
						width: 100%;
						background-color: #fad00b;
						font-size: 1.8em;
						height: 2.0em;
						line-height: 2.0em;
						text-align: center;
						border-top: 1px solid #fff;
					}
				
				/* aciotns */
				table.gal div.actions { text-align: center; padding: 1.5em 0 0; }
					table.gal div.actions a { font-size: 1.0em; margin: 0 .4em; }
					table.gal div.actions img { width: 2.2em; height: 2.2em; }
				
				/* description */
				table.gal div.prev p { padding: .75em 0 .25em; }
					table.gal div.prev p a { color: #fe0f03; font-weight: bold; }
					table.gal div.prev p span { color: #305c8a; font-weight: bold; margin-left: .5em; }
				table.gal div.prev p + a { color: #305c8a; font-weight: bold; }
					
				/* video description */
				table.gal div.prev p.video-desc { line-height: 1.45em; }
					table.gal div.prev p.video-desc span { margin: 0; display: block; }
					table.gal div.prev p.video-desc b.author { color: #0c78ae;} 
					table.gal div.prev p.video-desc a { color: #fe0f03; font-weight: bold; }
					table.gal div.prev p.video-desc a b { color: #000; text-decoration: underline; }
	
	/* combats configurator */
	table.gal.combats {  }
	
		/* header */
		table.combats h3 { 
			background-color: #fff; 
			text-align: center; 
			font-size: 1.8em; 
			height: 33px; 
			line-height: 33px; 
		}
		
		/* preview */
		table.combats div.prev {  }
			table.combats div.prev a.pic span { 
				color: #fff; 
				font-size: 1.4em; 
				text-decoration: underline; 
				font-weight: bold; 
				background-color: #fdaf18;
				position: static;
			}
		
		/* aspect ration */
		table.combats tr.aspect-ratio {  }
			table.combats tr.aspect-ratio table { width: 100%; }
				table.combats tr.aspect-ratio table td { padding: 0; border: 0; }
				table.combats tr.aspect-ratio td.l { background: url(../../img/gal-aspekt-ratio-bg.gif) 0 0 no-repeat; width: 9px; }
				table.combats tr.aspect-ratio td.dark { background-color: #a2a1a1; }
				table.combats tr.aspect-ratio td.del { width: 7px; height: 28px; }
					table.combats tr.aspect-ratio td.del div { height: 2.8em; }
				table.combats tr.aspect-ratio td.lite { background-color: #c3c2c2; }
				table.combats tr.aspect-ratio td.r { background: url(../../img/gal-aspekt-ratio-bg.gif) 0 -28px no-repeat; width: 9px; }
		
		/* ratio */
		table.combats tr.ratio {  }
			table.combats div.ratio { overflow: hidden; background-color: #fe0f03; text-align: center; }
				table.combats div.ratio div.per-l,
				table.combats div.ratio div.per-r { width: 35%; float: left; text-align: center; background-color: #fff; }
				table.combats div.ratio div.per-r { float: right; }
					table.combats div.ratio div.per-l span,
					table.combats div.ratio div.per-r span { font-weight: bold; font-size: 1.4em; line-height: 33px; }
				table.combats div.ratio span.rate { font-size: 1.5em; font-weight: bold; color: #fff; line-height: 33px; }
		
		/* redline */
		table.combats tr.redline {  }
			table.combats tr.redline div { background-color: #fff; text-align: center; height: 3.3em; }
			table.combats tr.redline span { line-height: 33px; }
		
		/* links */
		table.combats tr.links {  }
			table.combats tr.links div { background-color: #dcdbdb; text-align: center; height: 3.3em; }
			table.combats tr.links span { line-height: 33px; }


/*
----------------------------------------------------------------------------------------------------
	[2.6 Paging]
----------------------------------------------------------------------------------------------------
*/
	ul.pag { background-color: #fff; padding: .8em; overflow: hidden; margin-top: 1.0em; }
		ul.pag li { float: left; margin-right: 1.0em; background-color: #e2e1e1; }
		ul.pag li.current { background-color: #5fb4df; }
			ul.pag span,
			ul.pag a { display: block; text-decoration: none; font-weight: bold; padding: 3px 6px 2px 7px }
			ul.pag a:hover { text-decoration: underline; }
			ul.pag span { color: #fff; cursor: default; }
			


/*
----------------------------------------------------------------------------------------------------
	[2.7 Search Form]
----------------------------------------------------------------------------------------------------
*/
	div.sf { padding: 2.8em 3.0em !important; }
		
		div.sf p { padding: .5em 0; }
		div.sf p:first-child { padding-top: 0; }
		
		div.sf h3 { font-size: 1.8em; font-weight: normal; padding: .5em 0 .944em; }
		
		/* search criteria */
		div.sf table { width: 100%; }
			div.sf table td { padding-left: 8px; }
			div.sf table td.me { padding: 0; width: 80px; }
			div.sf table td.find {width: 80px; }
			div.sf table td.age-from { width: 45px; }
			div.sf table td.age-to { width: 45px; }
			div.sf table td.country { width: 80px; }
				
				div.sf table td select,
				div.sf table td input { display: block; width: 100%; }
				div.sf table td label { font-weight: bold; }
		
		/* search filters */
		div.sf ul { padding: 2.0em 0 1.0em; overflow: hidden; }
			div.sf li { float: left; margin-right: 2.0em; white-space: nowrap; padding: .5em 0; }
				div.sf li label { font-weight: bold; margin-left: 0.5em; }
				div.sf li span { white-space: nowrap; }



/*
----------------------------------------------------------------------------------------------------
	[2.8 Users List]
----------------------------------------------------------------------------------------------------
*/
	table.ul { width: 100%; }
		table.ul td { width: 45%; border-top: 7px solid #f0f0f0; background-color: #fff; padding: 1.4em 1.3em; }
		table.ul tr:first-child td { border: 0; }
		table.ul td + td { width: 34%; }
		table.ul td + td + td { width: 21%; }
		
			/* user info */
			table.ul div.ui { overflow: hidden; }
				table.ul div.ui img { float: left; margin-right: 1.0em; }
				table.ul div.ui ul {  }
					table.ul div.ui li { line-height: 1.6em; }
						table.ul div.ui a.name { color: #ff0202; font-weight: bold; }
						table.ul div.ui b { color: #0c78ae; }
			
			/* user status */
			table.ul td.status { text-align: center; }
				table.ul td.status img { margin: 0 .5em; }
			
			/* actions */
			table.ul ul.actions {  }
				table.ul ul.actions li { line-height: 1.6em; }
					table.ul ul.actions a { font-weight: bold; }
					table.ul ul.actions a.fav { color: #0c78ae; }
					table.ul ul.actions a.complaint { color: #fe0f03; }




/*
----------------------------------------------------------------------------------------------------
	[2.9 Article]
----------------------------------------------------------------------------------------------------
*/
	div.art { padding: 0 .4em; }
	
		div.art h3 { font-size: 1.8em; font-weight: normal; margin-top: .777em; }
		div.art h3:first-child { margin-top: 0; }
		div.art p {  }
		div.art table { width: 100%; margin-top: -50px; }




/*
----------------------------------------------------------------------------------------------------
	[2.10 Blog]
----------------------------------------------------------------------------------------------------
*/
	table.blog { width: 100%; }
		table.blog td { background-color: #fff; padding: 2.0em; border-top: 7px solid #f0f0f0; }
		table.blog tr:first-child td { border: 0; }

			table.blog img.foto { float: left; margin-right: 1.0em; }
			table.blog p { overflow: hidden; }
				table.blog a.name { font-weight: bold; color: #fe0303; line-height: 1.6em; }
				table.blog span.comm { float: right; margin-top: 0.5em; }
	
	/* simple srtyle */
	table.blog.simple {  }
		table.blog.simple td { border: 0; padding: 1.0em 0 0 0; }
		table.blog.simple tr:first-child td { padding-top: 0; }




/*
----------------------------------------------------------------------------------------------------
	[2.11 Photos]
----------------------------------------------------------------------------------------------------
*/
	table.ph { width: 100%; }
		table.ph td { padding: 0 0 1.2em 1.3em; background-color: #fff; }
		table.ph tr:first-child td { padding-top: 1.2em; }
			table.ph a { font-size: 1.0em; }
				table.ph img { float: left; margin-left: 1.1em; }
				table.ph a:first-child img { margin-left: 0; }



/*
----------------------------------------------------------------------------------------------------
	[2.12 User Profile]
----------------------------------------------------------------------------------------------------
*/
	div.up { overflow: hidden; }
		
		/* avatar */
		div.up div.ava { width: 19.0em; float: left; }
			
			/* preview */
			div.up div.prev { height: 25.5em; overflow: hidden; }
			
				/* picture */
				div.up div.ava a.pic {  }
					div.up div.ava a.pic span { 
						color: #fff; 
						font-size: 1.4em; 
						text-decoration: underline; 
						font-weight: bold; 
						background-color: #fdaf18;
						position: static;
					}
				
				/* button */
				div.up div.fa div.btns {  }
					div.up div.fa div.btns input { width: 100%; margin: 0 !important; font-weight: bold;}
				
		/* description */
		div.up div.desc { margin-left: 20.0em; }
			div.up div.desc div.case {  }
				div.up div.desc dl { height: 26.6em; overflow: hidden; }
					div.up div.desc dt { 
						font-size: 1.2em; 
						font-weight: bold; 
						float: left; 
						clear: left; 
						margin-right: .3em;
						line-height: 1.5em;
					}
					div.up div.desc dd { font-size: 1.2em; line-height: 1.5em; }
					div.up div.desc dd a { font-size: 1.0em;}
			
		/* questionnaire */
		div.up div.quest {  }
			
			div.up div.quest span {  }
			div.up div.quest input[type='radio'],
			div.up div.quest input[type='checkbox'] { margin: 0 .5em; }

			div.up div.quest div.fields { height: 3.0em; line-height: 30px; }
				div.up div.quest div.fields input[type='text'] { border: 1px solid #d1cfcf; width: 20px; text-align: center; margin: 0 .3em; }
			div.up div.quest div.meet {min-height: 9.8em; }
			
			/* search filters */
			div.up div.quest ul { padding: 1.0em 0 0; overflow: hidden; }
				div.up div.quest li { float: left; margin-right: 2.0em; white-space: nowrap; padding: .2em 0; }
					div.up div.quest li label { font-weight: bold; margin-left: 0.5em; }
					div.up div.quest li span { white-space: nowrap; }

/*
----------------------------------------------------------------------------------------------------
		[2.12.1 Extended Information]
----------------------------------------------------------------------------------------------------
*/
		div.ei { margin-top: .7em }
			
			div.ei div.case { padding-top: 2.0em !important; padding-bottom: 1.7em !important; }
			
			div.ei i { font-style: normal; margin-left: .7em; }
			div.ei label { margin: 0 .5em 0 1.0em; }
			div.ei label:first-child { margin-left: 0; }
			
			div.ei span { font-size: 1.1em; margin-left: 3.0em; }
			
			div.ei input[type='text'] { border: 1px solid #d1cfcf; width: 20em; padding: .2em 0; }
			div.ei select { border: 1px solid #d1cfcf; height: 18px; }
			
			div.ei div.fam {  }
				div.ei div.fam select { width: 13.666em; }
			div.ei div.weight {  }
				div.ei div.weight input { width: 2.0em; margin: 0 .5em 0 1.0em; }
			div.ei div.hair-col {  }
				div.ei div.hair-col select { width: 10.0em; }
			div.ei div.smoke {  }
				div.ei div.smoke select { width: 15em; }
			div.ei div.live {  }
				div.ei div.live select { width: 16em; }
			div.ei div.money {  }
				div.ei div.money select { width: 22em; }
			div.ei div.penis {  }
				div.ei div.penis select { width: 10em; }
			div.ei div.about {  }
				div.ei div.about div.ta { margin-top: .3em; }
					div.ei div.about div.ta textarea { height: 100px; }
			div.ei div.phone {  }
				div.ei div.phone input { width: 10em; }
			div.ei div.clients {  }
				div.ei div.clients input { width: 12.0em; }
			div.ei div.show { overflow: hidden; }
				div.ei div.show input { width: 12.0em; }
				div.ei div.show div.btns { float: right; }
					div.ei div.show div.btns input { margin-right: 0; }
			

/*
----------------------------------------------------------------------------------------------------
	[2.13 Form Area]
----------------------------------------------------------------------------------------------------
*/
	div.fa {  }
	div.fa form {  }


/*
----------------------------------------------------------------------------------------------------
		[2.13.1 Textarea]
----------------------------------------------------------------------------------------------------
*/
		div.ta { border: 1px solid #d1cfcf; }
			div.ta textarea { width: 100%; height: 50px; background: #fff; border: 0; }



/*
----------------------------------------------------------------------------------------------------
		[2.13.2 Submit]
----------------------------------------------------------------------------------------------------
*/
		div.fa input[type='submit'] ,
		div.fa input[type='button'] { font-size: 1.2em; font-weight: bold; text-transform: uppercase; padding: 0 1.0em; }
		
		/* buttons case */
		div.fa div.btns { padding-top: 1.5em; }
		div.fa div.btns.clean { padding: 0; }
			div.fa div.btns input { margin-right: 1.5em; }
			div.fa div.btns select { width: 16.666em; margin-right: 1.0em; }
			
		/* buttons list */
		div.fa ul.btns {  }
			div.fa ul.btns li { display: inline; margin-right: 3.0em; }
				div.fa ul.btns img { vertical-align: middle; margin: 0 1em; }
				div.fa ul.btns input { width: 175px; }



/*
----------------------------------------------------------------------------------------------------
		[2.13.3 Combo Box]
----------------------------------------------------------------------------------------------------
*/
		div.c { border: 1px solid #a5acb2; }
			div.c select { width: 100%; display: block; border: 0; height: 18px; }


/*
----------------------------------------------------------------------------------------------------
		[2.13.4 Input]
----------------------------------------------------------------------------------------------------
*/
		div.i { border: 1px solid #a5acb2; }
			div.i input { width: 100%; border: 0; background: #fff;}


/*
----------------------------------------------------------------------------------------------------
		[2.13.5 Datepicker]
----------------------------------------------------------------------------------------------------
*/
		div.d { border: 1px solid #a5acb2;height: 18px; }
			div.d input { width: 89%; border: 0; background: #fff; }



/*
----------------------------------------------------------------------------------------------------
	[2.14 Layouts]
----------------------------------------------------------------------------------------------------
*/
	/* 2 cell layout */
	table.lay-2c { width: 100%; }
		table.lay-2c td.l { width: 50%; }


/*
----------------------------------------------------------------------------------------------------
	[2.15 Fast Registration]
----------------------------------------------------------------------------------------------------
*/
	div.fr { padding: 0 0 1.8em; }
	div.fr table { width: 100%; }
		
		div.fr label {  }
		
		div.fr td { vertical-align: top; }
		
		div.fr td.fields { width: 1%; }
			div.fr td.fields div.fa { width: 20.0em; padding-right: 2.5em; }
			div.fr td.fields div.i,
			div.fr td.fields div.s { margin: .5em 0 .8em; }
			
			div.fr td.fields div.agree { padding: 1.0em 0 0; }
				div.fr td.fields label a { color: #0c78ae; font-size: 1.0em; }
			
			div.fr td.fields div.btns {  }
				div.fr td.fields div.btns input { width: 100%; }
		
		div.fr td.desc { padding: 1.9em 2.0em 0; background-color: #f0f0f0; }
			div.fr td.desc p { padding-top: 1.166em; }
			div.fr td.desc p:first-child { padding-top: 0; }

/*
----------------------------------------------------------------------------------------------------
	[2.16 Form]
----------------------------------------------------------------------------------------------------
*/
	div.form { width: 100%; margin: 0 auto; }
		div.form table { width: 50%; }
		div.form td {padding: .2em 0;}

			div.form span,
			div.form a, div.form b { font-size: 1.4em; color: #050505; margin-left: .35em }
				div.form span i {	font-style: normal; color: #f9031a; }
			div.form td div { margin: .2em .35em 0; }
			

				div.form input[type="file"],
				div.form input[type="text"],
				div.form input[type="password"] { width: 100%; display: block; height: 1.3em; font-size: 1.2em; padding-top: 2px; }
				div.form textarea { width: 100%; display: block; height: 8em; font-size: 1.2em; padding-top: 2px; }
				div.form label { display: block; height: 1.3em; padding-top: 2px; }
				div.form input[type="radio"],  
				div.form input[type="checkbox"]{display: inline; height: 1.3em; padding-top: 2px; }

				div.form input[type="file"] { width: 100%; display: block; height: 2em; font-size: 1.2em;padding-top: 2px; }
				div.form select { width: 100%; display: block; height: 2em; }
			
				div.form input.datepicker[type="text"]	{ width: 70px; display: inline; font-size: 1.2em; margin-bottom: 2px; }
				div.form input[type="submit"]	{  font-size: 1.4em;color: #050505; margin-left: .35em }
			/* captcha */
			div.form tr.captcha {  }
				div.form tr.captcha td { width: 100%; padding: 2.0em 3px 0; }
				div.form tr.captcha td:first-child { width: auto; }
				div.form tr.captcha input[type="text"] { width: 100%; }
			
			/* choise */
			div.form div.choise { padding: 3.8em 0 0; }
				div.form div.choise input {  }
				div.form div.choise label { font-size: 1.2em; margin: 0 .6em 0 .3em }
			
			/* button */
			div.form div.btn { text-align: left; overflow: hidden; padding: 1.0em 0 0; }
				div.form div.btn div { float: left; padding: 1.0em 0 0; }
					div.form div.btn a { font-size: 1.2em; vertical-align: 2px; margin-left: 10px; }
			div.form div.btn.pad { padding: 5em 0 0; }
				div.form div.btn input { font-size: 1.4em; /*width: 300px;*/ color: #050505; }
/*
####################################################################################################
[3. Page Constructor]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.hdr { height: 13.0em;  position: relative;}
		div.hdr h2 { font-size: 1.5em; font-weight: bold; padding-left: 1.1em; padding-top: 2.0em }

		div.hdr div.image { position: absolute;left: 1.1em;}
		div.hdr div.leaders { position: absolute;left: 31.6em;bottom: 0.8em;width: 67.5em;}
		div.hdr div.text { position: absolute; font-size: 1.1em; left: 4.6em; font-weight: normal; bottom: 1.2em;}

		div.hdr div.lang { position: absolute; left: 1.1em; bottom: 1.1em;}
			div.hdr div.lang a { margin-left: 0.6em; }

				
				
				
/*
----------------------------------------------------------------------------------------------------
	[3.2 Content]
----------------------------------------------------------------------------------------------------
*/
	/* content container */
	div.cnt-case { background-color: #f0f0f0; overflow: hidden; padding-bottom: 1.5em; }
		
		/* sie bar */
		div.sb { float: left; width: 19.5em; }
			
			/* case constructor */
			div.sb div.case { background-color: #fff; padding: 1.1em 1.3em 1.9em; margin-bottom: 1.4em; }
			div.sb div.case:first-child { margin-top: 0; }
				div.sb div.case-data { padding-top: .1em; overflow: hidden; width: 100%; }
			
					div.sb h2 { color: #fe0f03; text-align: right; font-size: 1.4em;  text-transform: uppercase;   }
					
					/* leader */
					div.sb div.leader {  }
						div.sb div.leader {  }
							div.sb div.leader img { display: block; margin: 0 auto; margin-top: .666em; }
							div.sb div.leader p { padding: .75em 0 .916em; }
								div.sb div.leader p a { color: #fe0f03; font-weight: bold; }
								div.sb div.leader p span { color: #305c8a; font-weight: bold; margin-left: .5em; }
							div.sb div.leader a.leader { font-weight: bold; }
					
					/* banner */
					div.sb div.bnr {  }
						div.sb div.bnr img { border: 1px solid #000; display: block; margin: 0 auto; }
		
		/* content */
		div.cnt { margin-left: 19.5em; padding: 1.2em 1.1em 0; }
			div.cnt.mess{ margin-left: 0em;}
			div.cnt div.cnt-data {  }
				
				/* case constructor */
				div.cnt div.case { background-color: #fff; padding: 1.1em 1.3em .8em; margin-top: 0.7em; }
				div.cnt div.case.clean { background-color: transparent; padding: 0; }
				div.cnt div.case:first-child { margin-top: 0; }



/*
----------------------------------------------------------------------------------------------------
	[3.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.ftr { height: 11.8em; position: relative; }
	
		/* copyright */
		div.ftr div.copy { padding-top: .9em; }

			/* menu */
			div.ftr ul { padding-top: .3em; }
				div.ftr li { display: inline; border-left: 1px solid #000; padding: 0 .1em 0 .4em; }
				div.ftr li:first-child { border: 0; padding-left: 0; }
		
		/* counters */
		div.ftr div.count { position: absolute; top: 1.6em; right: 0;  }
			div.ftr div.count img { margin-left: 1.1em; }



/*
----------------------------------------------------------------------------------------------------
	[3.4 Webcam user box]
----------------------------------------------------------------------------------------------------
*/

.webcamUserBox
{
	float:left;
	width:120px;
	height:153px;
	background:url(../../img/webcamUserBox.gif) no-repeat;
	padding:7px 10px 7px 10px;
	margin:0px 12px 10px 0px;
}


/*
----------------------------------------------------------------------------------------------------
	[3.15 Calendar]
----------------------------------------------------------------------------------------------------
*/
	div.cal {  }
		
		/* description */
		div.cal div.desc {  }
		
		/* calendar paging */
		div.cal table.cal-pag { width: 100%; margin-top: .8em; }
			div.cal table.cal-pag td { 
				height: 23px; 
				background-color: #d6d4d5;
				padding: 0 12px;
				text-align: left;
				width: 33%;
			}
			div.cal table.cal-pag td + td { text-align: center; width: 34%; }
			div.cal table.cal-pag td + td + td { text-align: right; width: 33%; }
				div.cal table.cal-pag a { color: #000; }
				div.cal table.cal-pag span { font-size: 1.8em; color: #000; }
		 
		/* weeks */
		div.cal table.weeks { width: 100%; }
			
			div.cal table.weeks thead {  }
				div.cal table.weeks thead th { color: #b20115; height: 26px; text-align: center; font-size: 1.2em; font-weight: bold; }
			
			div.cal table.weeks tbody {  }
				div.cal table.weeks tbody td { 
					text-align: right; 
					border: 1px solid #d4d4d4; 
					padding-right: 18px; 
					font-size: 1.2em; 
					height: 22px;
					width: 14%;
				}

				div.cal table.weeks tbody td.notBusyDay {
					background-color: #ffffff;
					color:#000000;
					cursor: pointer;
				}
				div.cal table.weeks tbody td.busyDay {
					background-color: #cccccc;
					color:#000000;
					cursor: pointer;
				}

				div.cal table.weeks tbody td.selectedDay {
					background-color: #f00;
					color:#ffffff;
					cursor: pointer;
				}

				div.cal table.weeks tbody td.calendarDayToday {
					border: 1px solid #f00;
				}

				div.cal table.weeks tbody td:first-child { width: 15%; }


.clickable {
	cursor:pointer;
}

td.notSelected {
	background-color: #ffffff;
	cursor:pointer;
}
td.selected {
	background-color:  #cccccc;
	cursor:pointer;
}



#theme-browser {
	position: fixed;
	bottom: 0;
	width: 100.4em;
	z-index: 995;
}

#theme-drawer {
	background: #fff;
	border-top: 6px solid #0c78ae;
	z-index: 996;
	position: relative;
}

#theme-browser #theme-container {

	margin: 0 auto;
	padding: 10px 10px 0 10px;
	overflow: hidden;
	height: 115px;
	display: none; /* this fixed the popping when the page initially loads*/
}

#theme-carousel {
	float: left;
	position: relative;
}

#theme-housing {
	height: 100px;
	overflow:hidden;
	position: relative;
}

#theme-previous {
	float: left;
	display: block;
	width: 28px;
	height: 30px;
	background: url(../../img/theme-controls.gif) 0 0;
	text-indent: -9999px;
	margin: 26px 18px 0 10px;
}

#theme-previous:hover {
	background: url(../../img/theme-controls.gif) 0 -30px;
}

#theme-next {
	display: block;
	width: 28px;
	height: 30px;
	background: url(../../img/theme-controls.gif) -28px 0;
	text-indent: -9999px;
	margin: 26px 0 0 10px;
}

#theme-next:hover {
	background: url(../../img/theme-controls.gif) -28px -30px;
}

.theme-btn {
	width: 50px;
}

#theme-drawer ul {
	list-style-type: none;
	overflow: hidden;
	height: 115px;
}

#theme-drawer li {
	margin: 0 20px 0 0;
	float: left;
	height: 115px;
}

#theme-drawer li a.theme-thumb {
	display: block;
	width: 157px;
	height: 90px;
}

#theme-drawer li a.theme-thumb em {
	display: none;
}

#theme-drawer li a.theme-thumb:hover em {
	text-align: center;
	display: block;
	padding: 5px;
	background: #0c78ae;
	color: #fff;
	font-style: normal;
	font-size: 1.1em;
	font-weight: 700;
}

a.choose-theme {
	display: block;
	font-size: 1.1em;
	text-align: center;
	text-transform: uppercase;
	padding: 8px 0 0 0;
	text-decoration: none;
	color: #1e5f9f;
	font-weight: 700;
	line-height: 1.2em;
}

a.choose-theme:hover {
	text-decoration: underline;
}

a.theme-info {
	width: 157px;
	text-align: center;
	font-weight: bold;
	display: block;
	margin-top: 5px;
	height: 15px;
	overflow: visible;
}

.theme-toggle {

	text-align: center;
	background: #fe0f03;
	width: 140px;
	height: 18px;
	cursor: pointer;
	position: absolute;
	top: -18px;
	right: 0;
}