/*
----------------------------------------------------------------------------------------------------
[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]
####################################################################################################
*/
html { background: #fff url(../../img/bg-main.jpg) repeat-x left 100%; }
body {
	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: #8540CF; }
	.blue { color: #0c78ae; }
	.grey { color: #808080; }
	
	button {background:transparent; border:none; outline:none; cursor:pointer;}
/*
####################################################################################################
[2. Blocks]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[2.1 Login Form]
----------------------------------------------------------------------------------------------------
*/	
	div.mbox {margin:3em 0 0 7em; width:60%; position:relative;}
	/*div.transparency {
			opacity:0.4;
			filter:alpha(opacity=40);
			-moz-opacity:0.4;
			background-color:#0c78ae;
			height:7em;
			position:relative;
			z-index:0;}*/
	div.lf {display:block; height: 100%; position:relative;}
		div.lf form { /*height: 100%;*/}
		div.lf table { /*height: 100%;*/ }
			div.lf td { text-align: left; padding-left: 1em; }
			div.lf td + td + td + td + td + td { padding-right: 2.5em; }
				div.lf input[type='password'],
				div.lf input[type='text'] { width: 130px; border: 0; background-color: #fff; padding: 2px 0; }
				div.lf input[type='submit'] { padding: 0 1.0em; }
				div.lf td span { 
					color: #444; 
					font-size: 1.4em; 
					font-weight: bold; }
		div.lf p { font-size: 1.2em; font-weight: bold; color: #fff; display: block; margin:1em 0 1em 0.8em;}
			div.lf p.l-link  { text-align:right; margin-right:15.5em;}
				div.lf p.l-link a {font-size:1.1em; color:#fff;}
			div.lf p.b-cu  {margin:-2.2em 2em 0 0.8em;}
			div.lf p b { font-size: 1.2em; color: #fff; display: block; }
		
		div.lf input.auth-bt {background:url(../../img/auth-bt.gif) no-repeat 0 0; border:none; width:89px; height:30px; text-align:center; color:#fff; font-size:1.3em;}
	
	/* log in */
	div.log-in { background-color: #81b552; margin-top:-1em }
		div.log-in ul {  margin-left: 0.4em;}
			div.log-in li { float:left; margin-left: 0.8em; width:11em;}
				div.log-in a,
				div.log-in span { color: #fff; font-size: 1.2em; font-weight: bold; line-height: 32px; }
				div.log-in a.green {color:#ECFA0B;}
				div.log-in span b { color: #ecfa0b; }


/*
----------------------------------------------------------------------------------------------------
	[2.2 Main Menu]
----------------------------------------------------------------------------------------------------
*/
	div.mm { height: 3.6em; margin-top:2.4em; position:relative;/*background-color: #fe0f03; border-top: 8px solid #c20d05;*/ }
		
		div.hdr  a.request { 
			color: #FF2FAC;
			font-size: 1.4em; 
			font-weight: bold; 
			line-height: 36px;
			margin-left: 1.4em;
			display: block;
			float: left;
			overflow: hidden;
			z-index:1;
		}
		
		div.mm ul { padding:0 0 0 1.4em; float:left; position:relative;}
			div.mm li {
				background:url(../../img/bg-mm-r.gif) no-repeat 100% 0; 
				height:39px;
				float:left;
				margin-right:0.2em; 
				text-align:center; 
				padding:0 18px 0 0}
			div.mm li:first-child { border-left: 0; }
				div.mm a.mn { 
					background:url(../../img/bg-mm-l.gif) no-repeat 0 0; 
					text-decoration: none; 
					color: #fff; 
					font-size: 1.2em; 
					font-weight: bold;
					line-height: 38px;
					padding:0.95em 0 1.1em 18px;
				}
				div.mm a:hover { text-decoration: underline; }
		
		div.mm div.count-user {right:30em; position:absolute; z-index:2;}



/*
----------------------------------------------------------------------------------------------------
	[2.3 Item]
----------------------------------------------------------------------------------------------------
*/
	.item { background-color: #fff; height: 3.1em; overflow: hidden; }
		.item img { 
			margin: .5em 0 0 1.0em; 
			vertical-align: middle; 
			display: block;
			float: left;
		}
		.item h2,
		.item a { 
			color: #6E4F9F; 
			font-size: 1.4em; 
			font-weight: bold;  
			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: #4A86EF;}
		.item a:hover { color:#8540CF; }
		.item h2 a:hover { color:#8540CF; }
			.item h2 span { float: right; }
	
	/* styles */
	.item.green { background-color: #fff; border-color: #8ba336; }



/*
----------------------------------------------------------------------------------------------------
	[2.4 Side Bar Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.sbm {  }
		ul.sbm li.item { margin-top: .5em; background:none; border-top:none;}
		ul.sbm li.item a {color:#21A9C5;}
		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 0.8em 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 {
						box-shadow:0 3px 5px #777777;
						-moz-box-shadow:0 3px 5px #777777;
						-webkit-box-shadow:0 3px 5px #777777;
						display: block;
						position: absolute;
						bottom: 0;
						width: 100%;
						background-color: #5ECFEF;
						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 a { color: #0c78ae; font-weight: normal; }
					table.gal div.prev p.video-desc a b { color: #fe0f03; 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 div.btns a.button { width: 90%; margin: 0 !important;}
				table.combats div.prev div.btns a.button span {width: 90%; text-align:center;}
			table.combats div.prev a.pic span { 
				color: #fff; 
				font-size: 1.4em; 
				text-decoration: underline; 
				font-weight: bold; 
				position: static;
				background-color: #5ECFEF;
				box-shadow:0 3px 5px #777777;
				-moz-box-shadow:0 3px 5px #777777;
				-webkit-box-shadow:0 3px 5px #777777;
			}
		
		/* 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: 50px; }
			div.sf table td.age-to { width: 50px; }
			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%; 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; }
		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:0.5em 0.4em 0.5em; }
				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; 
						position: static;
						background-color: #5ECFEF;
						box-shadow:0 3px 5px #777777;
						-moz-box-shadow:0 3px 5px #777777;
						-webkit-box-shadow:0 3px 5px #777777;
					}
				
				/* button */
				div.up div.fa div.btns {  }
					div.up div.fa div.btns input { width: 100%; margin: 0 !important; font-weight: bold;}
					div.up div.fa div.btns a.button { width: 90%; margin: 0 !important;}
						div.up div.fa div.btns a.button span { width: 90%; text-align:center;}
				
		/* 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 { 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; overflow:hidden }
			div.fa div.btns input { margin-right: 1.5em; }
			div.fa div.btns select { width: 16.666em; margin-right: 1.0em; margin-left:2em; }
			
		/* buttons list */
		div.fa ul.btns { overflow:hidden }
			div.fa ul.btns li { display: inline; margin-right: 3.0em; }
				div.fa ul.btns img { vertical-align: middle; margin: 0 1em; float:left;}
				div.fa ul.btns input { width: 170px; }
				
			div.btns a.button, div.fa ul.btns a.button, div.sb div.leader a.button, div.btns a.button {
				background: url(../../img/bg_button_a.gif) no-repeat scroll top right;
				display: block;
				float: left;
				font: normal 12px arial, sans-serif;
				height: 24px;
				margin-right: 1.5em;
				padding-right: 18px; /* sliding doors padding */
				text-decoration: none;
				outline:none}
			
			div.btns a.button span, div.fa ul.btns a.button span, div.fa div.btns button.button span, div.sb div.leader a.button span { 
				background: url(../../img/bg_button_span.gif) no-repeat;
				display: block;
				line-height: 14px;
				padding: 5px 0 5px 18px;
				outline:none;
				}
				
			.sf button.button p {padding:0;}
			div.btns button.button, div.form div.btn button.button {margin-right:1.5em; outline:none;}
			div.btns button.button:focus, div.form div.btn button.button:focus, .lf button.button:focus {outline:none;}
			div.btns button.button p, div.form div.btn button.button p, div.form button.button p, .lf button.button p {
				background: url(../../img/bg_button_a.gif) no-repeat scroll top right;
				/*display: block;*/
				/*float: left;*/
				font: normal 12px arial, sans-serif;
				height: 24px;
				padding-right: 18px; /* sliding doors padding */
				text-decoration: none;
				outline:none}
			
				.fa div.btns button.button p span, div.form div.btn button.button p span, div.form button.button p span, .lf button.button p span, div.btns button.button p span {
					background: url(../../img/bg_button_span.gif) no-repeat;
					display: block;
					line-height: 14px;
					padding: 5px 0 5px 18px;
					outline:none;
					margin-left:0;
					outline:none
				}
				div.form div.btn button.button p span, div.form button.button p span, .lf button.button p span {display: block; font-size:1.2em;}
			
			div.btns a.button:active, div.fa ul.btns a.button:active, div.sb div.leader a.button:active {background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ }
			div.btns a.button:active span, div.fa ul.btns a.button:active span, div.sb div.leader a.button:active span {background-position: bottom left; padding: 4px 0 6px 18px; outline:none /* push text down 1px */}
				div.btns button.button:active p, div.form div.btn button.button:active p, div.form button.button:active p, .lf button.button:active p {background-position: bottom right; outline: none; /* hide dotted outline in Firefox */ }
				div.btns button.button:active p span, div.form div.btn button.button:active p span, div.form button.button:active p span, .lf button.button:active p span {background-position: bottom left; padding: 4px 0 6px 18px; outline:none /* push text down 1px */}
				
				div.btns a.button.del-bt {margin:1em 0 0 3.9em}
				div.btns a.button.prm-bt {margin:0em 0 0 1em}


/*
----------------------------------------------------------------------------------------------------
		[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 0.2em; }
	div.fr table { width: 100%; }
		
		div.fr label {  }
		
		div.fr td { vertical-align: top; }
		
		div.fr td.fields { width: 0%; }
			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; }

/*
----------------------------------------------------------------------------------------------------
	[2.17 Gift]
----------------------------------------------------------------------------------------------------
*/
	.gift-list li {
		display:-moz-inline-stack;
		display:inline-block;
		margin:1em 4em 2em 0;
		min-height:5em;
		text-align:center;
		width:25%;
		vertical-align:top;
		zoom:1;
		*display: inline;
		_height: 5em;
		}


/*

####################################################################################################
[3. Page Constructor]
####################################################################################################

----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.hdr { height: 37.0em; background:url(../../img/bg-header.jpg) no-repeat 0 100%; position: relative; width:100%;}
		div.hdr h2 { font-size: 1.5em; font-weight: bold; padding-left: 1.1em; padding-top: 1.0em }

		div.hdr div.image { position:relative;margin-left: 1.1em;}
		div.hdr div.img-m-g { position: absolute; bottom:0em; right: 2.1em;}
		div.hdr div.leaders { position: absolute; left: 4em; bottom: 1em; width: 51.8em; overflow:hidden;}
			div.hdr div.leaders div.transparency {
				opacity:0.5;
				filter:alpha(opacity=50);
				-moz-opacity:0.5;
				background-color:#5ECFEF;
				border-color:transparent;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				width:100%;
				height:100%;
				position:absolute;
				/*z-index:0;*/
			}
		
			div.hdr div.leaders table.ph {position:relative;}
			div.hdr div.leaders table.ph td  {background:transparent; padding:0.1em 0 0.1em 0.8em;}
				div.hdr div.leaders table.ph td  img {width:77px; height:70px;}
		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; }

		div.hdr div.banner-top {bottom:3em; height:70px; left:8em; position:absolute; width:478px; overflow:hidden;}
			div.hdr div.banner-top img {padding:5px; position:relative}
				
				
				
/*
----------------------------------------------------------------------------------------------------
	[3.2 Content]
----------------------------------------------------------------------------------------------------
*/
	/* content container */
	div.cnt-case { 
		background-color: #F6F6F6; 
		/*border:solid 1px #D7E2DF; 
		border-radius:0 0 5px 5px;
		-moz-border-radius:0 0 5px 5px;
		-webkit-border-radius:0 0 5px 5px;*/
		margin-top:1em; 
		overflow: hidden; 
		padding-bottom: 1.5em; }
		
		/* sie bar */
		div.sb { float: left; width: 20.5em; margin:1em 0 0 1em; }
			
			/* case constructor */
			div.sb div.case { 
				background-color: #fff;
				border:solid 1px #DFE1E2;
				border-radius:5px;
				-moz-border-radius:5px;
				-webkit-border-radius:5px;
				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: #EE0FFF; 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 {
						background-color:transparent;
						border:none;
					}
						div.sb div.bnr img { border: 1px solid #000; display: block; margin: 0 auto; }
		
		/* content */
		div.cnt { margin-left: 21.5em; padding: 1.1em 1.1em 0; }
			div.cnt.mess{ margin-left: 0em; padding:0.2em 1.1em 0}
				div.cnt.mess div.case {padding:0.5em 1.3em}
				div.cnt.mess div.case div p.mess-item {
					background:url(../../img/mess-item.gif) no-repeat 0 0;
					padding-left:1.5em
				}
					div.cnt.mess div.case div.fa div.btns{padding-top:0.5em}
					div.cnt.mess button.reload-bt {position:absolute; top:9.5em; right:3.5em;}
					
				div.cnt.mess div.case.clean {margin-top:0}
					div.cnt.mess div.case.clean  item {height:2em;}
					div.cnt.mess div.case.clean  item h2 {line-height:normal}
				div.cnt.mess div.case table.ul td {padding:0.5em 1.3em}
			div.cnt div.cnt-data {  }
				
				/* case constructor */
				div.cnt div.box { 
					background-color: #fff;
					border:solid 1px #DFE1E2;
					-moz-border-radius:5px;
					-webkit-border-radius:5px;
					margin-bottom: 1em; }
				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.1em;}
				div.cnt div.case:first-child { margin-top: 0; }
				



/*
----------------------------------------------------------------------------------------------------
	[3.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.ftr { color:#555; height: 7.8em; position: relative; }
		div.ftr a, div.ftr p { color:#555;}
	
		/* copyright */
		div.ftr div.copy { padding-top: .9em; }

			/* menu */
			div.ftr ul { padding-top: .3em; }
				div.ftr li { display: inline; border-left: 1px solid #555; 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; }





.clickable {
	cursor:pointer;
}

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