/*
	position: absolute;
	left: auto; top: auto; right: auto; bottom: auto;
*/

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

1. Page configuration
			1.1 Colors
			1.2 Font Size
			1.3 Default Tags options
2. Blocks
			2.1 Form elements
				2.1.1 Input	|	.i
				2.1.2 Select	|	.s
				2.1.3 TextArea	|	.ta
				2.1.4 Submit Button	|	.sb
				2.1.5 input File	|	.f
			2.2 Easy Button	|	.eb
			2.3 Box	|	.box
			2.4 Buttons Case	|	.bc
			2.5 Easy menu	|	.e-menu
			2.6 Bookmarks Menu	|	.b-menu
			2.7 Inset	|	.inset
			2.8 Page Header	|	.ph
			2.9 Main Menu	|	.mm
			2.10 User Info	|	.ui
			2.11 Payment Users List	|	.pul
			2.12 Content Header	|	.ch
			2.13 Content Menu	|	.c-menu
			2.14 Projects List	|	.pl
			2.15 Image Gallery	|	.ig
			2.16 Paging	|	.paging
			2.17 Profile	|	.profile
			2.18 User Contact Info	|	.uci
			2.19 Block Header	|	.bh
			2.20 Banner	|	.bnr
			2.21 Articles List	|	.al
			2.22 Article Page	|	.ap
			2.23 Comments List	|	.cm
			2.24 Users list	|	.ul
			2.25 Advanced Search	|	.ac
			2.26 Side Menu	|	.s-menu
			2.27 Form Maker	|	.fm
3. Page Constructor
			3.1 Header | .header
			3.2 Content | .content
			3.3 Footer | .footer
4. Pages
			4.1 Two Side Layout	|	.tsl
			4.2 Password Recovery	|	.pr
			4.3 Feedback	|	.feedback
			4.4 Add Project	|	.ap

----------------------------------------------------------------------------------------------------
*/



/*
----------------------------------------------------------------------------------------------------
[1. Page configuration]
----------------------------------------------------------------------------------------------------
*/
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.75em;	/* default page font size is 12px (1em) */
	margin: 0 auto 0;
	min-width: 83.333em;	/* 1000 px */
	color: #000;
}

body.lite {min-width: 0em !important;}

	* { margin: 0; padding: 0; outline: none; }

	ul { list-style-type: none;}
	img { border: none; }
	table { border-collapse: collapse; }



/*
----------------------------------------------------------------------------------------------------
	[1.1 Colors]
----------------------------------------------------------------------------------------------------
*/
/*
	Header 		|	#060606
	Link 			|	#040404
	Text 			|	#040404
	TextField	|	#080808
*/
	h1 { color: #060606; }
	p, span { color: #040404; }
	a { color: #040404; }
	input, textarea, select { color: #080808; }
	.red { color: #fb0505 !important; }



/*
----------------------------------------------------------------------------------------------------
	[1.2 Font size]
----------------------------------------------------------------------------------------------------
*/
	h1 { font-size: 1.5em; }
	h2 { font-size: 1.5em; }
	h3 { font-size: 1em; }
	sup { font-size: .5em; }



/*
----------------------------------------------------------------------------------------------------
	[1.3 Defaults Tags options]
----------------------------------------------------------------------------------------------------
*/
	h1 {  }
		h1.light { font-weight: normal; }
	h2 { font-weight: normal; }
	span {  }
	p { padding: .5em 0; }



/*
----------------------------------------------------------------------------------------------------
			[2.1.1 Input]
----------------------------------------------------------------------------------------------------
*/
			div.i {  }

				/* title */
				div.i span { display: block; height: 1.666em; }

				/* text field */
				div.i div { background-color: #fff; border: 1px solid #dadada; padding: .25em .583em .083em; }
					div.i input {
						display: block;
						width: 100%;
						border: none;
						background: #fff;
					}


/*
----------------------------------------------------------------------------------------------------
			[2.1.2 Select]
----------------------------------------------------------------------------------------------------
*/
			div.s {  }

				/* title */
				div.s span { display: block; height: 1.666em; }

				/* select */
				div.s div { background-color: #fff; border: 1px solid #dadada; }
					div.s select {
						display: block;
						width: 100%;
						border: none;
						background: #fff;
					}




/*
----------------------------------------------------------------------------------------------------
			[2.1.3 Text Area]
----------------------------------------------------------------------------------------------------
*/
			div.ta {  }

				/* title */
				div.ta span { display: block; height: 1.666em; }

				/* textarea */
				div.ta div { border: 1px solid #dadada; overflow: hidden; background-color: #fff; }
					div.ta textarea {
						width: 100%;
						display: block;
						border: none;
						background: #fff;
						font-size: .916em;
					/*	height: 7.666em; */
						font-family: Arial, Helvetica, sans-serif;
					}



/*
----------------------------------------------------------------------------------------------------
			[2.1.4 Submit Button]
----------------------------------------------------------------------------------------------------
*/
			div.sb {  }

			div.sb,
			div.sb div { background-image: url(../img/sb-def-bg.gif); background-position: 0 0; background-repeat: no-repeat; }
				div.sb div { background-position: 100% -2.75em; }

				div.sb input {
					border: 0px solid transparent;
					background-color: #ace167;
					display: block;
					width: auto;
					color: #fff;
					height: 1.833em;
					line-height: 1.833em;
					font-weight: bold;
					text-align: center;
					padding: 0 2.833em;  /* padding: 0 3.083em; */
					font-size: 1.5em;
					cursor: pointer;
					margin: 0 .5em;
					overflow: visible;
				}

			div.sb-d {  }

			div.sb-d,
			div.sb-d div { background-image: url(../img/sb-d-def-bg.gif); background-position: 0 0; background-repeat: no-repeat; }
				div.sb-d div { background-position: 100% -2.75em; }

				div.sb-d input {
					border: 0px solid transparent;
					background-color: #c6c4c4;
					display: block;
					width: auto;
					color: #fff;
					height: 1.833em;
					line-height: 1.833em;
					font-weight: bold;
					text-align: center;
					padding: 0 2.833em;  /* padding: 0 3.083em; */
					font-size: 1.5em;
					cursor: pointer;
					margin: 0 .5em;
					overflow: visible;
				}


			/* lite button style */
			div.sb-lite,
			div.sb-lite div { background-image: url(../img/sb-lite-bg.gif); }
				div.sb-lite div { background-position: 100% -1.666em; }
				div.sb-lite input {
					background: url(../img/sb-lite-bg.gif) 0 -3.333em repeat-x;
					color: #030303;
					height: 1.666em;
					line-height: 1.666em;
					padding: 0 3em;
					font-size: 1em;
					margin: 0 .416em;
				}

/*
----------------------------------------------------------------------------------------------------
		[2.1.5 input File]
----------------------------------------------------------------------------------------------------
*/
		div.f { }

			/* title */
			div.f span { display: block; height: 1.666em; }

			/* filed */
			div.f div {  }
				div.f input {
					display: block;
					width: 100%;
					background: #fff;
				}



/*
----------------------------------------------------------------------------------------------------
	[2.4 Button Case]
----------------------------------------------------------------------------------------------------
*/
	div.bc { overflow: hidden; padding: 1em 0 .5em; }

		/* align to right */
		div.bc.aright div.sb { float: right; }
		div.bc.aright div.sb-d { float: right; }

		/* align to left */
		div.bc.aleft div.sb { float: left; }
		div.bc.aright div.sb-d { float: right; }




/*
----------------------------------------------------------------------------------------------------
	[2.5 Easy menu]
----------------------------------------------------------------------------------------------------
*/
	ul.e-menu {  }
		ul.e-menu li { display: inline; }
			ul.e-menu a {  }
			ul.e-menu span { margin: 0 .5em; }



/*
----------------------------------------------------------------------------------------------------
	[2.6 Bookmarks Menu]
----------------------------------------------------------------------------------------------------
*/
	ul.b-menu { overflow: hidden; }
		ul.b-menu li { float: left; margin-right: .083em; }

			/* default button constructor */
			ul.b-menu div {
				background-image: url(../img/b-menu-bg.gif);
				background-position: 0 0;
				background-repeat: no-repeat;
			}
				ul.b-menu div div { background-position: 100% -2.083em; }
					ul.b-menu a {
						display: block;
						height: 2.083em;
						line-height: 2.083em;
						color: #fff;
						padding: 0 0.90em;
						background-color: #92bae6;
						margin: 0 .75em;
					}

			/* active button constructor */
			ul.b-menu li.b-menu-act div { background-position: 0 -4.166em; }
				ul.b-menu li.b-menu-act div div { background-position: 100% -6.25em; }
					ul.b-menu li.b-menu-act a { background-color: #2675ce; }



/*
----------------------------------------------------------------------------------------------------
	[2.7 Inset]
----------------------------------------------------------------------------------------------------
*/
	div.inset { overflow: hidden; padding: 1.166em 0; border-bottom: 2px solid #87b5e9; }

		div.inset span { font-size: 1.5em; }

		div.inset div.sb { float: right; }


/*
----------------------------------------------------------------------------------------------------
	[2.8 Page Header]
----------------------------------------------------------------------------------------------------
*/
	div.ph { overflow: hidden; padding: 1.083em 0; border-bottom: 2px solid #2675ce; position: relative; }

		div.ph span.txt {
			/*position: absolute;
			left: 0; top: 1.083em; right: auto; bottom: auto;
			white-space: nowrap;*/
		}

		/* content header menu */
		div.ph ul.b-menu {
			position: absolute;
			/* left: 26.75em; */
            top: auto; right: auto; bottom: 0;
			/*float: left;
			margin-left: 26.75em;*/
		}

		div.ph h1 {
			position: absolute;
			left: 17.733em; top: .722em; right: auto; bottom: auto;
		}

		/* content view menu */
		div.ph ul.e-menu {
			position: absolute;
			left: auto; top: auto; right: .083em; bottom: .5em;
			/*float: right;*/
			display: none;	/* optional */
		}


		div.ph ul.wide {left:0 !important}
		div.ph h1.wide {left:0 !important}



/*
----------------------------------------------------------------------------------------------------
	[2.9 Main Menu]
----------------------------------------------------------------------------------------------------
*/
	div.mm {  }

		/* title */
		div.mm h1 { padding: .777em .388em .555em; }

		/* links list */
		div.mm div { background-color: #f1f1f1; padding: 0 0 2.166em; }
		div.mm ul { padding: 1.666em 2.416em .166em; line-height: 1.5em; }
			div.mm li {  }
				div.mm span {  }
		div.mm ul ul {padding:0; margin:0}



/*
----------------------------------------------------------------------------------------------------
	[2.10 User Info]
----------------------------------------------------------------------------------------------------
*/
	div.ui { overflow: hidden; }

		/* avatar */
		div.ui img { float: left; }

		/* user info */
		div.ui div { margin-left: 7.146em; }
			div.ui span { display: block; line-height: 1.5em; }
			div.ui span a {margin:0}



/*
----------------------------------------------------------------------------------------------------
	[2.11 Payment Users List]
----------------------------------------------------------------------------------------------------
*/
	div.pul {  }

		/* title */
		div.pul h1 { padding: .777em .388em .555em; border-bottom: 2px solid #92bae6; }

		/* users list */
		div.pul ul { margin: -.25em 0 0 .083em; }
			div.pul li { padding: 1.833em 0 1.916em; background: url(../img/pul-li-border.gif) 0 100% repeat-x; }

		div.pul a.how { font-size: 1.5em; line-height: 2.333em; }


/*
----------------------------------------------------------------------------------------------------
	[2.12 Content Header]
----------------------------------------------------------------------------------------------------
*/
	div.ch { padding: .583em 0 .666em ; border-bottom: 2px solid #92bae6; }



/*
----------------------------------------------------------------------------------------------------
	[2.13 Content Menu :: based on Bookmars menu]
----------------------------------------------------------------------------------------------------
*/
	div.c-menu { border-bottom: 2px solid #bdd5f0; padding: 1em 0 0; }

		/* menu */
		div.c-menu ul.b-menu {  }

			/* default button constructor */
			div.c-menu li {  }
				div.c-menu div { background-image: url(../img/c-menu-bg.gif); }
					div.c-menu div div { background-position: 100% -2.333em; }
						div.c-menu a { background-color: #c8dcf2; color: #000; /*padding: 0 4.75em;*/ padding: 0 0.5em;  }

			/* active button constructor */
			div.c-menu li.b-menu-act div { background-position: 0 -4.666em; }
				div.c-menu li.b-menu-act div div { background-position: 100% -7em; }
					div.c-menu li.b-menu-act a { background-color: #92bae6; }



/*
----------------------------------------------------------------------------------------------------
	[2.14 Projects List]
----------------------------------------------------------------------------------------------------
*/
	ul.pl {  }
		ul.pl li { border: 1px solid #d3d3d3; margin: .583em 0 .25em; /*padding: 0 0 1.583em;*/ }

			/* title */
			ul.pl div.bh {  }

			/* data */
			ul.pl div.data { padding: 0 2.25em 1em 2.25em; position: relative; }
				ul.pl span.price {
					color: #868687;
					font-size: 1.5em;
					position: absolute;
					left: auto; top: 1.055em; right: 1.666em; bottom: auto;
				}
				ul.pl span.pay-prj { line-height: 1em; display: block; padding: .833em 0 0; }
				ul.pl h2 { margin: 1.777em 0 0; }
				ul.pl p { padding: 1.083em 0  1.75em; border-bottom: 2px solid #d4e3f5; margin-bottom: 1.166em; }


			/* pay roject */
			ul.pl li.pay { border-color: #92bae6; }
      ul.pl li.color { background:#fefde0; }
				ul.pl li.pay p { padding-bottom: 0; border: none; margin: 0; }
				ul.pl li.pay span.price { top: 1.055em; }
				ul.pl li.color div.bh { background:#faf8b8; !important }

			/* info */
			ul.pl div.info { overflow: hidden; /*padding: 0 0 1.583em;*/ }
			ul.pl div.info span { display: block; }
				ul.pl div.info span.author {  }
				ul.pl div.info span.cat { float: left; }

				ul.pl div.info span.comm { float: right; }
				ul.pl div.info span.comm,
				ul.pl div.info span.comm a { color: #2675ce; }



/*
----------------------------------------------------------------------------------------------------
	[2.15 Image Gallery]
----------------------------------------------------------------------------------------------------
*/
	div.ig { overflow: hidden; padding: .75em 0 1em; }
		div.ig img { display: block; float: left; margin: .25em 1.166em .25em 0; }



/*
----------------------------------------------------------------------------------------------------
	[2.16 Paging]
----------------------------------------------------------------------------------------------------
*/
	ul.paging { text-align: right; border-top: 2px solid #92bae6; padding-top: 1.5em; margin: 1.333em 0 0;  font-size: 1.5em; color: #ccc}
		ul.paging li { display: inline; margin: 0 .25em; }
		ul.paging li.active { color:#fff; background:#2675ce; padding:0 0.2em}
		ul.paging li.next { margin-left: 1em; }
			ul.paging a { color: #2675ce; }



/*
----------------------------------------------------------------------------------------------------
	[2.17 Profile]
----------------------------------------------------------------------------------------------------
*/
	div.profile { border: 1px solid #ccc; margin: .583em 0 0; }
		div.profile a { color: #2675ce; }
		div.profile p { padding: .5em 0; }

		/* part constructor */
		div.profile div.part {  }

			/* title */
			div.profile div.bh {  }

			/* data */
			div.profile div.data { padding: 1.333em 2.25em 1.25em; overflow: hidden; }
				div.profile div.r { float: right; text-align: right; }

				/* user info */
				div.profile div.ui {  }
					div.profile div.ui a { color: #000; }

			/* list */
			div.profile ul {  }
				div.profile li { display: inline; margin-right: 1em; }
				
            	div.profile td.l { padding-right: 1em; }
						div.profile td.c {
							width: auto;
							padding: 0 1em;
							border-left: 1px solid #b3b3b3;
							/*border-right: 1px solid #b3b3b3;*/
						}
							div.profile td.c span { display: block; }
							div.profile td.c b {  }
							div.profile td.c a { margin:0; /* margin-left: .5em; */ }
                        div.profile td.r {
							width: auto;
							padding: 0;
							float: right;
                            text-align: right;
							/*border-right: 1px solid #b3b3b3;*/
						}
						    div.profile td.r a {color: #2675ce;}



/*
----------------------------------------------------------------------------------------------------
	[2.18 User Contact Info]
----------------------------------------------------------------------------------------------------
*/
	table.uci { width: 100%; }
		table.uci td { height: 2em; }
		table.uci td.subj { width: 1%; white-space: nowrap; padding-right: 2.75em; }
		table.uci td.value { width: 12.5; padding-right: 2.75em; }
		table.uci td.field {  }



/*
----------------------------------------------------------------------------------------------------
	[2.19 Block Header]
----------------------------------------------------------------------------------------------------
*/
	div.bh { overflow: hidden; padding: .583em 2.25em; background-color: #e2e3e3; }
		div.bh span.r { float: right; }
		div.bh span {  }



/*
----------------------------------------------------------------------------------------------------
	[2.20 Banner]
----------------------------------------------------------------------------------------------------
*/
	div.bnr { margin-top: 1.583em; }



/*
----------------------------------------------------------------------------------------------------
	[2.21 Articles List]
----------------------------------------------------------------------------------------------------
*/
	ul.al {  }

		ul.al li { margin: .583em 0 .25em; border: 1px solid #ccc; }

			/* title */
			ul.al div.bh {  }

			/* data */
			ul.al div.data { overflow: hidden; padding: 1.333em 2.25em 1.25em; }

				/* user info */
				ul.al div.ui { float: left; width: 25em; border-right: 1px solid #b3b3b3; margin-right: -1ex; }

				/* text */
				ul.al div.txt { margin-left: 25em; padding-left: 2em; border-left: 1px solid #b3b3b3; }
					ul.al div.txt h1 { font-size: 1em; }
					ul.al div.txt p { padding: .5em 0; }



/*
----------------------------------------------------------------------------------------------------
	[2.22 Article Page :: based on Articles List]
----------------------------------------------------------------------------------------------------
*/
	ul.ap {  }

		/* title */
		ul.ap div.bh {  }

		/* data */
		ul.ap div.data {  }

			/* user info */
			ul.ap div.ui { float: none; width: auto; padding: 0; border: none; }

			/* text */
			ul.ap div.txt { margin: 0; padding: 0; border: 0; }
				ul.ap div.txt h1 { font-size: 1.5em; padding: .944em 0 .888em; }



/*
----------------------------------------------------------------------------------------------------
	[2.23 Comments List :: based on Articles List]
----------------------------------------------------------------------------------------------------
*/
	ul.cl {  }

		/* title */
		ul.cp div.bh {  }

		/* data */
		ul.cp div.data {  }

			/* user info */
			ul.cp div.ui {  }

			/* text */
			ul.cp div.txt {  }

			/* add comment form */
			ul.cl li.add-comm {  }
				ul.cl div.ta { margin-bottom: .5em; }
					ul.cl textarea { height: 11.818em; }


/*
----------------------------------------------------------------------------------------------------
	[2.24 Users list]
----------------------------------------------------------------------------------------------------
*/
	ul.ul {  }
		ul.ul li { margin: .583em 0 .25em; }

			/* item data case */
			ul.ul div.i-case { border: 1px solid #ccc; }

				/* title */
				ul.ul div.bh {  }

				/* data */
				ul.ul div.data { overflow: hidden; padding: 1.333em 2.25em 1.25em; }

					ul.ul table { width: 100%; }
						ul.ul td { vertical-align: top; }

						ul.ul td.l { padding-right: 1em; }
						ul.ul td.c {
							width: auto;
							padding: 0 1em;
							border-left: 1px solid #b3b3b3;
							/*border-right: 1px solid #b3b3b3;*/
						}
							ul.ul td.c span { display: block; }
							ul.ul td.c b {  }
							ul.ul td.c a { /* margin-left: .5em; */}
                        ul.ul td.r {
							width: auto;
							padding: 0;
							float: right;
                            text-align: right;
							/*border-right: 1px solid #b3b3b3;*/
						}
						    ul.ul td.r a {color: #2675ce;}

						/*ul.ul td.r { padding-left: 1em; }
							ul.ul td.r a { color: #2675ce; line-height: 1.5em; }*/

				/* user list item menu */
				ul.ul div.u-menu {  }
					ul.ul div.u-menu a { color: #2675ce;  }
					ul.ul div.u-menu span { font-weight: bold; margin: 0 1em; }



/*
----------------------------------------------------------------------------------------------------
	[2.25 Advanced Search]
----------------------------------------------------------------------------------------------------
*/
	div.ac { overflow: hidden; border-bottom: 2px solid #87b5e9; padding: 1.25em 0 1em; }

		div.ac label { vertical-align: .166em; margin-right: .5em; }
		div.ac img { margin: 1em 1.333em 0; float: left; }
		div.ac p { width: 24em; }

		/* form */
		div.ac form { float: right; }
			div.ac form div { white-space: nowrap; padding: 0 0 .5em; position: relative; }

				div.ac input.num { width: 3em; margin: 0 .5em; }
				div.ac input.btn { margin: 0 0 0 1em; }
				div.ac select { margin: 0 1em 0 0; width: 16em; }
				div.ac input.radio { margin-right: .25em; }

				div.ac div span {  }
				div.ac div a {  }
					div.ac div a.adv-srch {
						position: absolute;
						left: auto; top: 0; right: 0; bottom: auto;
					}


/*
----------------------------------------------------------------------------------------------------
	[2.26 Side Menu :: based on Bookmars menu]
----------------------------------------------------------------------------------------------------
*/
	ul.s-menu { margin: 1.5em 0 -1px; }
		ul.s-menu li { margin: 0 -1px 0 0; }

			/* default button constructor */
			ul.s-menu div { background-image: url(../img/s-menu-bg.gif);  }
				ul.s-menu div div { background-position: 100% -2.833em; }
					ul.s-menu a {
						height: 2.75em;
						line-height: 2.75em;
						color: #2675ce;
						background-color: transparent;
						margin: 0 .5em;
						text-decoration: none;
						border-top: .083em solid #92bae6;
					}

			/* active button constructor */
			ul.s-menu li.s-menu-act { background-color: #fff; }
			ul.s-menu li.s-menu-act div { background-position: 0 0; }
				ul.s-menu li.s-menu-act div div { background-position: 100% -2.833em;  }
					ul.s-menu li.s-menu-act a { background-color: transparent; }


/*
----------------------------------------------------------------------------------------------------
	[2.27 Form Maker]
----------------------------------------------------------------------------------------------------
*/
	table.fm { width: 100%; }

		table.fm table { width: 100%; }
		table.fm td { padding: .666em 0; }
			table.fm td td { padding: 0; }
		table.fm td.txt { padding-bottom: 0; }

		table.fm td.l { padding-right: 1em; }
		table.fm td.c {  }
		table.fm td.r { padding-left: 1em; }

			table.fm input.radio { margin: 0 .5em; }

			/* date constructor */
			table.fm tr.date td.l { width: 15%; }
			table.fm tr.date td.c { width: auto; }
			table.fm tr.date td.r { width: 45%; }

			/* address constructor */
			table.fm tr.address td.l {  }
			table.fm tr.address td.r {  }

			/* telephone constructor */
			table.fm tr.tel td.l { width: 25%; }
			table.fm tr.tel td.c { width: 25%; }
			table.fm tr.tel td.r { width: auto; }

			/* description */
			table.fm tr.desc textarea { height: 11.818em; }

			/* object */
			table.fm tr.obj td.c { width: auto; }
			table.fm tr.obj td.r { width: 50%; }

			/* house area */
			table.fm tr.area td.l { width: 35%; }
			table.fm tr.area td.c { width: auto; }
			table.fm tr.area td.r { width: 35%; }

			/* house type */
			table.fm tr.type td.l { width: 20%; }
			table.fm tr.type td.c { width: 30%; }
			table.fm tr.type td.r { width: auto; }

			/* agreement */
			table.fm tr.agreement {  }
				table.fm tr.agreement td { /*padding: 2.333em 0 0;*/ }
					table.fm tr.agreement div {
						height: 28.416em;
						overflow: auto;
						border: 1px solid #dadada;
						padding: 1.75em 0 0 2em;
					}

			/* feedback message */
			table.fm tr.feedback-msg {  }
				table.fm tr.feedback-msg td { padding: .666em 0 0; }
					table.fm tr.feedback-msg textarea { height: 11.9em; overflow: hidden; }

			/* password recovery */
			div.pass-rec { margin: 1.833em 0 0; height: 13.916em; overflow: hidden; }
				div.pass-rec div { padding: 2.333em 0 0; }



/*
----------------------------------------------------------------------------------------------------
	[3.1 Header]
----------------------------------------------------------------------------------------------------
*/
	div.header {  }

		/* logo area */
		div.logo-area { position: relative; height: 8em;/*7.333em;*/ }

			/* logo */
			div.logo {
				position: absolute;
				left: 4.583em; top: 1.916em; right: 1em; bottom: auto;
				overflow: hidden;
			}
				div.logo img {
					background-color: #87b5e9;
					width: 223px;
					height: 31px;
					display: block;
					margin-right: .666em;
				}
				div.logo a { text-decoration: none; }
					div.logo h1 { font-size: 1.5em; font-weight: normal; }
				div.logo span { color: #777; display: block; }

			/* top menu */
			div.header div.logo-area ul.e-menu {
				position: absolute;
				left: auto; top: 2em; right: 5em;/*7.666em;*/ bottom: auto;
			}

			/* header menu */
			div.header div.logo-area ul.b-menu {
				position: absolute;
				left: auto; top: auto; right: 4.66em; bottom: 0;
			}

		/* authorization line */
		div.auth-line { background-color: #2675ce; padding:1.533em 4.583em 1.333em; }
		    div.auth-line a { color: #fff; }
			div.auth-line ul { overflow: hidden; }
				div.auth-line li { float: left; vertical-align:bottom }
				div.auth-line li.reg { margin-right: 3em;  }
					div.auth-line li a,
					div.auth-line li span,
					div.auth-line li label { color: #fff; }
					div.auth-line li div.i { margin: 0 .75em; width: 14.666em; }

					div.auth-line li input.checkbox { vertical-align: -.25em; margin-right: .5em; }
					div.auth-line li label {  }

					div.auth-line li div.sb { margin: 0 1em; }
                div.auth-line li.login { margin-right: 3em;  }
                    div.auth-line li.login a {color:#fafd04}

    	/* consultant line */
		div.consult { background-color: #6498d0; padding:1.533em 4.583em 1.333em;}
		  div.consult table {width:100%}
		  div.consult table.consult {border:1px solid #88b3e4}
		  div.consult table.consult td {padding:0.4em;line-height: 1.8em; font-size:1em}
      div.consult div {background:#fff;}
      div.consult table.consult td span.phone {font-weight:bold; color:red}
      div.consult table.consult td span.icq {font-weight:bold;}
      div.consult table.consult td span.login {color:#003152;}
      div.consult table.consult td span.login a {color:#003152;}

    div.consult_list {background-color: #fff; padding:1.533em 0em; margin-bottom:-2.5em}

		/* bottom menu */
		div.header div.bot-menu { background-color: #92bae6; padding: 1.666em 4.583em 1.333em;  }
			div.header div.bot-menu span { margin: 0 1.25em; }




/*
----------------------------------------------------------------------------------------------------
	[3.2 Content]
----------------------------------------------------------------------------------------------------
*/
	div.content-case { padding: 0 4.583em 0; overflow: hidden; }

	/* bar */
	div.bar { float: left; width: 25em; }

	/* content */
	div.content { margin-left: 26.75em; }
    div.wide { margin-left:0; left:0; }


/*
----------------------------------------------------------------------------------------------------
	[3.3 Footer]
----------------------------------------------------------------------------------------------------
*/
	div.footer {
		margin: 4.16em 4.583em 0;
		border-top: 2px solid #87b5e9;
		height: 6.083em; /* 11.083 */
		position: relative;
	}
		div.footer p { padding: 1.5em 0 0; }

		/* menu */
		div.footer ul.e-menu {
			position: absolute;
			left: auto; top: 2.25em; right: .5em; bottom: auto;
		}

    div.adv {margin: 4.16em 4.583em 0;}

/*
----------------------------------------------------------------------------------------------------
	[4.1 Two Side Layout]
----------------------------------------------------------------------------------------------------
*/
	div.tsl { overflow: hidden; padding: .666em 0 0; }

		div.tsl div.data { border: 1px solid #92bae6; padding: 3em 3.666em 2em; margin-bottom: 1em; }
		div.tsl div.case { position: relative; }
			div.tsl span.case-ttl { font-size: 1.5em; padding: 0 0 .833em; display: block; }
			div.tsl span.aright {
				position: absolute;
				left: auto; top: 0; right: .611em; bottom: auto;
			}

		/* left side */
		div.tsl div.ls { float: left; width: 50%; }
			div.tsl div.ls div.case { padding-right: .916em; }

			/*div.tsl div.form-1 { padding-bottom: 2.083em; padding-top: 1.333em; }*/

		/* right side */
		div.tsl div.rs { float: right; width: 50%; }
			div.tsl div.rs div.case { padding-left: .916em; padding-right: .916em;}

			/*div.tsl div.form-2 {  }*/



/*
----------------------------------------------------------------------------------------------------
	[4.2 Password Recovery]
----------------------------------------------------------------------------------------------------
*/
	div.pr {  }
		div.pr div.ls div.data { padding-top: 2.75em; padding-bottom: 3em; }
		div.pr div.rs div.data { padding-top: 2.333em; padding-bottom: 3.416em; }



/*
----------------------------------------------------------------------------------------------------
	[4.3 Feedback]
----------------------------------------------------------------------------------------------------
*/
	div.feedback {  }
		div.feedback div.ls div.data { padding-top: 1.333em; padding-bottom: 3em; }
		div.feedback div.rs div.data { padding-top: 1.333em; padding-bottom: 3.5em; }



/*
----------------------------------------------------------------------------------------------------
	[4.4 Add Project]
----------------------------------------------------------------------------------------------------
*/
	div.ap { border: 1px solid #92BAE6 }
		div.ap div.ls div.data { border: none; padding-top: 0; }
		div.ap div.rs div.data { margin-top: 2.333em; height: 38.333em; }


/*-------------------*/

	.msg_error { color:#ef0020; }
	.msg_error p { color:#ef0020; }
	.msg_ok { color:green; font-weight:bold }
	.msg_ok p { color:green; font-weight:bold }

	.rate {border:1px solid #a5a5a5; padding: 0.833em 2.166em; margin-top:0.5em}
	.rate table { margin-top:1em }
	.rate table td {padding: 0 0.5em 0.5em 0}
	.rate table td.positive { color:green; font-weight:bold }
	.rate table td.negative { color:red; font-weight:bold }
	.rate a {color:#2675ce}


	.ann {border:1px solid #a5a5a5; padding: 2.166em; margin-top:1em}
	.ann a {color:#2675ce}
	.ann p {padding-bottom:0.2em; margin-bottom:0}

  .left-banner {margin-top:1em;}

	.subscribe {border:1px solid #a5a5a5; padding: 2.166em; margin-top:1em; background:#eee}

  .search td {padding:1em 1em 0 0}
  .search td table td {padding-top:0}


  .payments {width:100%; margin-top:1em}
  .payments th {text-align:left; background:#e3e3e3; padding: 0.5em}
  .payments td {padding: 0.5em}
  .payments tr.even {}
  .payments tr.odd  {background:#eee}

  .clear {padding:0; margin:0 !important}

  .addp {border-bottom:1px solid #b2afaf; text-align:right; padding:0.8em 0}
  .addp a {color:#2675ce}

  .addp1 {text-align:right; float:right}
  .addp1 a {color:#2675ce}
  
  .link {text-align:right; float:right; font-size:150%; size:auto}
  .link a {color:red}

  div.af {}
    div.af hr {margin:0.5em 0}
    div.af h1 {margin-bottom:1em}
    div.af h2 {margin:0 !important; padding:0 !important}
    div.af table.fm tr td {padding:0.5em 0 !important;}

  span.note {color:#0587d0; padding-bottom:0.5em}
  span.warning { color: #ef0020; }
    span.warning a { color: #ef0020; }

  h2.mark {color:#ace167; font-weight:bold; margin-top:0.5em}
  hr {margin:1em 0}

  div.edit {font-weight:bold}
    div.edit a {color:#065587}

  hr.line { border: 1px solid #d4e3f5 }
  #navigation hr {border-color:#ccc ; background:#ccc}

  .ch ul {padding-left:3em; list-style-type:disc}
  .ch ol {padding-left:3em}

  div.intro {
            margin: 4.16em 4.583em 0;
            padding: 2em 2em 0 2em;
            border-top: 2px solid #87b5e9;
		    position: relative;}

	div.notif-err { padding-top: 30px; margin-bottom:-20px }
        div.notif-err div {
                background: #ffffdb url(/files/img/notif-err-ico.jpg) 28px 24px no-repeat;
                border: 1px solid #b0afab;
                padding: 17px 0 24px 120px;
                min-height: 29px;

                _height: 29px;
        }

.color2 {background-color:#c1d8f1 !important}



.chain_item hr {padding-bottom:0; margin-bottom:0; border:#eee; background:#eee}
.chain_item .author {border-bottom:1px solid black}
.chain_item .pm a {color:#0076aa}
.chain_item div.self p {color:#8d8d8d}
.chain_item div.self a {color:#8d8d8d}

span.level1 {color:green}
span.level1 a {color:green}
span.level2 {color:#d3d104}
span.level2 a {color:#d3d104}

div.portfolio {padding: 1.333em 2.25em 1.25em; }
table.portfolio td {text-align:center; padding:1em 0;}
table.portfolio td.left {text-align:left;}
table.portfolio td.right {text-align:right;}
table.portfolio td div {text-align:left; display:inline-block}
table.portfolio td img {border:solid 5px #eee; margin-top:1em; float:none}
table.portfolio a {color:black;}