@charset "utf-8";
@import "skin1.css.old";
/* CSS Document */
* {
margin:0;
padding:0;
list-style:none;
}
body
{
	background:#FFFFFF;
	font-family: Lucida Sans Unicode,Lucida Grande,sans-serif;
	text-decoration:none;
	font-size: 13px;
	color: #333333;

}
p {
	line-height: 1.3;
	font-size: 13px;
	color: #333333;
}
a
{
	outline:none;
	 color: #333333;
	text-decoration: underline;
}
a:hover {
	color: #017FCC;
	text-decoration: none;
}
#header
{
width:100%;
background:#0163a3;
}
.mainMenu
{
background:#1c456a url(images/bgMenu.jpg) left top repeat-x;
height:67px;
border-bottom:1px #93d0f0 solid;
}
.blueBg
{
background:url(images/blueLight.jpg) right no-repeat;
height:67px;
}
#insideHeader
{
background:url(images/bgHeader_blue.jpg) left repeat;
height:321px;
border-bottom:1px #f5f4f4 solid;
z-index:20;
_overflow:hidden;
}
.blueShadow
{
background:url(images/blueShadow.jpg) left bottom repeat-x;
height:321px;
}
.grayBottom
{
background:url(images/headerBgGray.jpg) left repeat-x;
height:26px;
}
.center
{
width:1020px;
margin:0px auto;
overflow: hidden;
}
#header a.logo
{
margin:14px 30px 0px 40px;
_margin:14px 30px 0px 20px;
display:block;
float:left;
}
#header ul.menu
{
display:block;
}
#header ul.menu li
{
display:block;
float:left;
margin-top:22px;
margin-left:10px;
font-family: "Lucida Sans Unicode",Lucida Grande,sans-serif;
}
#header ul.menu li a
{
  display: block;
  font-size:13px;
  color:#ade7ff;
  text-decoration: none;
  padding-right:15px;
}
#header ul.menu li a span
{
  display: block;
  padding:3px 0px 7px 15px;
}
#header ul.menu li.active a
{
  background:url(images/rightButtonActive.gif) top right no-repeat;
  color:#FFFFFF;
}
#header ul.menu li.active a span
{
  background:url(images/leftButtonActive.gif) left center no-repeat;
  padding:3px 0px 7px 15px;
}

#header ul.menu li a:hover
{
color:#FFFFFF;
}
#header a#sign
{
color:#FFFFFF;
text-decoration:none;
font-size:11px;
display:block;
float:right;
margin-top:20px;
height:20px;
width:58px;
text-align:center;
padding-top:4px;
}
#header a.signIn
{
background:url(images/buttonGreenOrange.gif) left no-repeat;
margin-right:5px;
}
#header a.signIn:hover
{
background:url(images/buttonGreenOrangeHover.gif) left no-repeat;
}
#header a.signUp
{
background:url(images/buttonGreenOrange.gif) right no-repeat;
margin-right:40px;
_margin-right:20px;
}
#header a.signUp:hover
{
background:url(images/buttonGreenOrangeHover.gif) right no-repeat;
}
.mainTxt
{
float:right;
width:580px;
color:#FFFFFF;
}
.mainTxt p
{
color:#FFFFFF;
text-align:justify;
font-size:16px;
padding-right:30px;
line-height:22px;
}
.mainTxt a.buttonCenter
{
font-family:Tahoma,Geneva,sans-serif;
font-weight:bold;
font-size:14px;
text-align:center;
display:block;
float:left;
color:#FFFFFF;
text-decoration:none;
padding-top:11px;
position:relative;
margin-top:56px;
margin-left:20px;
width:178px;
height:35px;
z-index:50;
}
.mainTxt a.buttonCenter#green
{
background:url(images/greenButton.gif) 0px 0px no-repeat;
}
.mainTxt a.buttonCenter#orange
{
background:url(images/orangeButton.gif) 0px 0px no-repeat;
}
.mainTxt a.buttonCenter#green:hover
{
background:url(images/greenButton.gif) 0px -46px no-repeat;
}
.mainTxt a.buttonCenter#orange:hover
{
background:url(images/orangeButton.gif) 0px -46px no-repeat;
}
/* ======== Content ========*/
#content
{
padding-top:90px;
}
.contentTop
{
background:url(images/contentTop.jpg) top left no-repeat;
width:1009px;
}
.contentCenter
{
background:url(images/contentCenter.jpg) left repeat-y;
width:1009px;
}
.contentBottom
{
background:url(images/contentBottom.jpg) bottom left no-repeat;
width:1009px;
z-index:60;
position:relative;
}
.icon
{
width:900px;
margin:0px auto;
}
#icons
{
width:260px;
float:left;
margin-left:40px;
_margin-left:20px;
}
.blockAdv
{
clear:left;
width:960px;
margin:0px auto;
overflow:auto;
}
.blockAdv #blocks
{
width:290px;
float:left;
margin:0px 16px 20px 11px;
_margin-right:11px;
}
.blockAdv #blocks h2
{
font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
font-size:16px;
text-align:left;
color:#017fcc;
font-weight:bold;
padding:30px 5px 10px 5px;
}
.blockAdv #blocks p
{
color:#555555;
text-align:justify;
font-size:13px;
line-height:22px;
padding:5px;
}
.blockAdv #blocks a
{
color:#017fcc;
font-size:10px;
float:right;
background:url(images/iconMore.jpg) right bottom no-repeat;
padding-right:15px;
padding-bottom:1px;
margin-bottom:40px;
}
.blockAdv #blocks a:hover
{
text-decoration:none;
}
/* ======== Footer ========*/
#footer
{
background:#1c456a url(images/bgFooter.jpg) left repeat-x;
width:100%;
height:252px;
border-top:1px #1c456a solid;
z-index:25;
margin-top:-87px;
position:relative;
}
.security 
{
width:400px;
float:left;
background:url(images/iconLock.gif) top left no-repeat;
margin:100px 0px 0px 40px;
_margin:100px 0px 0px 20px;
}
.security p
{
color:#ade7ff;
font-size:12px;
text-align:justify;
padding:0px 0px 10px 65px;
}
.rightFooter
{
float:right;
width:530px;
margin-top:110px;
}
.rightFooter ul
{
display:block;
margin-left:5px;
}
.rightFooter ul li
{
float:left; 
display:block;
padding-left:27px;
padding-top:7px;
}
.rightFooter ul li a
{
color:#FFFFFF;
font-size:11px;
text-decoration:none;
}
.rightFooter ul li a:hover
{
text-decoration:underline;
}
.rightFooter p
{
clear:left;
color:#ade7ff;
font-size:10px;
text-align:left;
}
.footerMenu
{
width:490px;
}
.footerLeft
{
background:url(images/footerMenuLeft.jpg) left no-repeat;
height:33px;
}
.footerCenter
{
background:url(images/footerMenuCenter.jpg) left center repeat-x;
height:33px;
}
.footerRight
{
background:url(images/footerMenuRight.jpg) right no-repeat;
height:33px;
}
/* ====== ABOUT US ====== */

/* ====== HEADER ====== */
#insideHeaderPages
{
background:url(images/bgHeader_blue.jpg) left repeat;
height:175px;
border-bottom:1px #3883b3 solid;
z-index:20;
}
.blueShadowPages
{
background:url(images/blueShadowAbout.jpg) left bottom repeat-x;
height:175px;
}
.lightHead
{
background:url(images/lightHead.jpg) left top no-repeat;
height:175px;
margin-left:14px;
}
#leftHead
{
float:left;
width:350px;
}
a#button
{
color:#FFFFFF;
font-family:Tahoma,Geneva,sans-serif;
display:block;
text-align:center;
font-weight:bold;
font-size:15px;
text-decoration:none;
}
a.butOrg
{
background:url(images/butOrg.gif) 0px 0px no-repeat;
width:162px;
height:30px;
display:block;
z-index:90;
position:relative;
padding-top:10px;
float:right;
margin-top:-50px;
}
a.butOrg:hover
{
background:url(images/butOrg.gif) 0px -41px no-repeat;
}
#titleTxt
{
color:#FFFFFF;
float:right;
width:650px;
}
#titleTxt h3
{
	color:#FFFFFF;
	font-weight:normal;
	font-size:28px;
	text-align:left;
	padding:20px 0px 7px 0px;
}
#titleTxt p
{
text-align:justify;
font-size:13px;
padding-right:30px;
line-height:1.3pm;
}
#titleTxt ul li
{
font-size:13px;
background:url(images/circleList.gif) left center no-repeat;
padding-left:10px;
display: block;
margin-top: 2px;
}
/* ====== CONTENT ====== */
#contentPages
{
clear:both;
margin-top:20px;
}
.about
{
float:left;
width:550px;
display:block;
margin-top:10px;
}
.center h1
{
color:#017fcc;
font-size:16px;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
padding:5px 0px 10px 10px;
text-transform: none;
text-align:left;
}
.about p
{
text-align:justify;
padding:0px 0px 20px 70px;
font-size:13px;
line-height:1.3;
}
.payments
{
float:right;
width:348px;
background:#fef4db url(images/tile.jpg) repeat-y;
margin-right:40px;
}
.payments h2
{
background:url(images/paymentTop.jpg) left top no-repeat;
color:#017fcc;
font-size:16px;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
padding:10px 0px 10px 25px;
text-align:left;
}
.payments .last
{
background:url(images/paymentBottom.gif) no-repeat left bottom;
text-align:justify;
padding:0px 25px 20px 25px;
font-size:13px;
line-height:1.3
}
.textBlock#plans {
clear:both;
	margin: 0 auto;
	color: #555555;
	text-align: justify;
	width: 900px;
	margin-bottom:40px;
}
.textBlock#plans h3
{
color:#017fcc;
font-size:16px;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
padding:5px 0px 10px 10px;
text-align:left;
}
.textBlock#plans {
	margin-bottom: 25px;
}
.textBlock#plans p {
	padding-left: 130px;
	background: url(images/about_us.jpg) left center no-repeat #FFFFFF;
}
.textBlock#plans {
	width: 270px;
	margin: 20px 0 0 50px;
	float: left;
	padding-bottom: 40px;
	position: relative;
	left: 0;
}
.textBlock#plans table {
	width: 815px;
	background: url(images/plans-table-bg.gif) top repeat-x #f6f4f4;
}
.textBlock#plans td {
	width: 156px;
	height: 20px;
	border-right: 1px solid #FFFFFF;
	border-bottom: 1px solid #DDDDDD;
	text-align: center;
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 13px;
	color: #333333;
	_padding-top: 8px;
}
.textBlock#plans td#title {
	height: 49px;
	background: left top no-repeat;
	padding: 0;
}
.textBlock#plans td.plan1#title { background-image: url(images/plan1_title.jpg); }
.textBlock#plans td.plan2#title { background-image: url(images/plan2_title.jpg); }
.textBlock#plans td.plan3#title { background-image: url(images/plan3_title.jpg); }
.textBlock#plans td.plan4#title { background-image: url(images/plan4_title.jpg); }

.textBlock#plans td.plan1 { background-color: #e1fad5; }
.textBlock#plans td.plan2 { background-color: #faf5d5; }
.textBlock#plans td.plan3 { background-color: #d5effa; }
.textBlock#plans td.plan4 { background-color: #fae7d5; }

.textBlock#plans td.shadow {
	width: 10px;
	background: url(images/plans_shadow.jpg) right top no-repeat #FFFFFF;
	border: none;
}
.textBlock#plans td.leftCell {
	width: auto;
	border-left: 1px solid #DDDDDD;
	text-align: left;
	padding-left: 10px;
}
.textBlock#plans td.leftCell.whiteBg { border-left: none; }
.textBlock#plans td.leftCell#comission { height: 95px; padding: 0; }
.textBlock#plans td.leftCell#comission span {
	width: 116px;
	height: 25px;
	background: url(images/comission-bg.gif) left top;
	position: relative;
	top: 11px;
	left: -1px;
	z-index: 100;
	color: #FFFFFF;
	padding: 5px 0 0 15px;
	display: block;
}
.textBlock#plans td.whiteBg { background-color: #FFFFFF; }
.textBlock#plans tr.last td { border: none; }
.textBlock#plans td#percent { background: center center no-repeat;}
.textBlock#plans td.plan1#percent { background-image: url(images/comis_plan1.gif); background-color: #e1fad5;  }
.textBlock#plans td.plan2#percent { background-image: url(images/comis_plan2.gif); background-color: #faf5d5; }
.textBlock#plans td.plan3#percent { background-image: url(images/comis_plan3.gif); background-color: #d5effa; }
.textBlock#plans td.plan4#percent { background-image: url(images/comis_plan4.gif); background-color: #fae7d5; }

.textBlock#plans span.money {
	display: block;
	width: 70px;
	height: 25px;
	background: left top no-repeat;
	padding: 5px 0 0 20px;
	margin: 0 auto;
	color: #FFFFFF;
	font-weight: bold;
}
.textBlock#plans span.money#plan1 { background-image: url(images/money_plan1.gif); }
.textBlock#plans span.money#plan2 { background-image: url(images/money_plan2.gif); }
.textBlock#plans span.money#plan3 { background-image: url(images/money_plan3.gif); }
.textBlock#plans span.money#plan4 { background-image: url(images/money_plan4.gif); }
/* ======== Footer ========*/
#footerPages
{
	clear:both;
	background:#1c456a url(images/bgFooter.jpg) left repeat-x;
	width:100%;
	height:180px;
	border-top:1px #1c456a solid;
}
#footerPages .security 
{
	width:400px;
	float:left;
	background:url(images/iconLock.gif) top left no-repeat;
	margin:20px 0px 0px 40px;
	_margin:50px 0px 0px 20px;
}
#footerPages .rightFooter
{
	float:right;
	width:530px;
	margin-top:35px;
}

.security h1
{
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
font-weight:bold;
font-size:13px;
color:#FFFFFF;
text-align:left;
padding:10px 0px 10px 65px;

}
.mainTxt h1
{
color:#FFFFFF;
font-weight:normal;
font-size:42px;
text-align:left;
padding:30px 0px 30px 0px;
}
/* ====== REGISTER ====== */
.register#titleTxt
{
width:700px;
}
.register#leftHead
{
width:300px;
}
.register#titleTxt a.butOrg
{
margin:-20px 214px 0px 0px;
_margin:-20px 107px 0px 0px;
}
.blockReg
{
width:920px;
margin:0px auto;
margin-bottom:20px;
}
.bgLeft
{
background:url(images/blockRegLeft.jpg) left no-repeat;
height:383px;
}
.bgCenter
{
background:url(images/blockRegCenter.jpg) left center repeat-x;
height:383px;
}
.bgRight
{
background:url(images/blockRegRight.jpg) right no-repeat;
height:383px;
}
.blockLogin
{
width:490px;
background:url(images/lineRight.jpg) right top no-repeat;
float:left;
margin-top:40px;
}
.blockLogin table
{
margin:15px 20px 0px 35px;
}
.blockReg h1
{
color:#017fcc;
font-size:16px;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
text-align:left;
margin-bottom:20px;
}
.blockReg h1 span
{
font-size:13px;
}
.blockLogin input
{
width:196px;
border:1px #b9b9b9 solid;
background:url(images/bgInput.jpg) left top repeat-x;
padding:8px;
margin:5px 0px 5px 1px;
color:#888888;
font-size:13px;
}
a.butSubmit
{
background:#15961f url(images/butEnt.jpg) left no-repeat;
color:#FFFFFF;
text-decoration:none;
font-size:11px;
text-align:center;
display:block;
width:58px;
height:20px;
padding-top:4px;
margin-left:20px;
}
a.butSubmit#buttons
{
clear:left;
margin:0px auto;
}
a.butSubmit:hover
{
background:url(images/butEnt.jpg) right no-repeat;
}
.forgot
{
display:block;
margin:35px 20px 10px 55px;
width:400px;
}
.forgotLeft
{
float:left;
width:200px;
}
.forgot h1
{
color:#017fcc;
font-size:13px;
font-weight:normal;
margin-bottom:5px;
}
.blockReg p
{
text-align:justify;
font-size:11px;
color:#555555;
float:right;
width:160px;
display:block;
}
.blockRegister
{
width:390px;
float:right;
margin-top:50px;
}
.blockRegister p
{
float:left;
margin-left:20px;
margin-bottom:50px;
}
.blockRegister a.butReg
{
padding-top:10px;
clear:both;
height:36px;
width:178px;
margin-left:60px;
background:url(images/butReg.jpg) 0px 0px no-repeat;
}
.blockRegister a.butReg:hover
{
background:url(images/butReg.jpg) 0px -46px no-repeat;
}

.admin#header {
	background: none;
}
.admin#header .mainMenu {
	background-image: none;
	background: none;
}
/* ============== Error Pages ============= */
.errorBlock {
	width: 540px;
	height: 230px;
	margin: 40px auto;
	border: 1px solid #CCCCCC;
	background: url(images/grey-grad-bg.gif) left bottom repeat-x #FFFFFF;
	font-size: 13px;
	text-align: center;
	color: #333333;
}
.errorBlock a {
	color: #017fcc;
	text-decoration: underline;
}
.errorBlock a:hover {
	text-decoration: none;
}
.errorBlock p.errorMessage {
	display: block;
	width: 300px;
	margin: 0 auto;
	padding: 35px 0 0 100px;
	background: url(images/access-denied-icon.gif) left 15px no-repeat; 
	height: 80px;
	float: none;
	text-align: left;
}
.errorBlock p.errorMessage span {
	display: block;
	font-size: 16px;
	font-weight: bold;
	color: #017fcc;
	font-family: "Trebuchet MS", Geneva, Tahoma, sans-serif;
}
.errorBlock .notes {
	padding-top: 20px;
	background: url(images/horiz-break-line.gif) top center no-repeat;
}
.errorBlock p.help {
	display: block;
	font-size: 12px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color: #555555;
	text-align: left;
	margin: 0 15px 5px 25px;
}
.errorBlock p.help span {
	display: block;
	float: left;
	padding-right: 15px;
	text-align: right;
	width: 200px;
	font-weight: bold;
}
/* ====== PROJECT ====== */
.temp#leftHead
{
width:325px;
}
.temp#titleTxt
{
width:680px;
}
.temp#titleTxt a.butOrg#button
{
margin:-25px 140px 0px 0px;
_margin:-25px 70px 0px 0px;
}
.center h1#temp
{
color:#017fcc;
font-size:16px;
font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;
text-align:left;
margin-bottom:20px;
margin-left:40px;
}
p#temp
{
text-align:justify;
padding:0px 0px 20px 40px;
font-size:13px;
width:620px;
}
p#temp span
{
background:url(images/orgCircle.jpg) left center no-repeat;
padding:0px 0px 0px 8px;
font-family:Tahoma,Geneva,sans-serif;
font-size:11px;
}
.gallery 
{
margin-left:35px;
display:block;
width:960px;
overflow:auto;
margin-bottom:40px;
}
.gallery li
{
float:left;
display:block;
}
a.img
{
border:1px #b9b9b9 solid;
padding:4px;
margin:5px 5px 10px 5px;
display:block;
text-align:center;
background:#ffffff url(images/tempBg.jpg) left bottom repeat-x;
}
a.img:hover
{
background:#1676c7;
}
a.img:hover span
{
background:url(images/lupa.gif) 0px 0px no-repeat;
display:block;
position:absolute;
width:26px;
height:25px;
margin-top:-60px;
margin-left:25px;
_margin-top:30px;
_margin-left:-50px;
/*filter:alpha(opacity=80);
opacity: 0.8;*/
}

/* =========== Projects Page ======== */
.project {
	margin: 0 0 15px 40px;
	clear: both;
	float: left;
}
.aboutProject {
	width: 650px;
	padding: 20px 30px 20px 30px;
	border-top: 1px solid #DDDDDD;
	border-right: 2px solid #DDDDDD;
	border-bottom: 2px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	font-size: 13px;
	position: relative;
	z-index: 10;
	text-align: justify;
	float: left;
}
.aboutProject h3 {
	font-family: "Trebuchet MS", Geneva, Arial, sans-serif;
	color: #017FCC;
	font-weight: bold;
	display: block;
	margin-bottom: 15px;
	font-size: 16px;
}
.aboutProject a {
	color: #017FCC;
	text-decoration: underline;
}
.aboutProject a:hover {
	text-decoration: none;
}

.aboutProject h3 a { text-decoration: none; }

.aboutProject img {
	display: block;
	float: right;
	position: relative;
	top: 20px;
	right: -40px;
	z-index: 50;
}
.aboutProject p {
	display: block;
	margin-bottom: 15px;
}
.project a.demoProject {
	display: block;
	float: left;
	text-align: center;
	width: 200px;
	padding: 179px 0 5px 0;
	margin: 20px 0 0 30px;
	background: url(images/projects/demo-LD.jpg) right top no-repeat;
	font-size: 12px;
	text-decoration: underline;
	color: #017FCC;
}
.project a.demoProject:hover {
	text-decoration: none;
}
.project a.demoProject#LD { background-image: url(images/projects/demo-LD.jpg); }
.project a.demoProject#MO { background-image: url(images/projects/demo-MO.jpg); }
.project a.demoProject#MH { background-image: url(images/projects/demo-MH.jpg); }
/* =========== Register Page Intro ============= */
.intro {
	width: 600px;
	background: url(images/register-icon-medium.gif) left top no-repeat;
	margin: 0 0 30px 70px;
	float: left;
	color: #333333;
	font-size: 13px;
	padding: 0 0 20px 100px;
	border-bottom: 1px dashed #CCCCCC;
	text-align: justify
}
.intro h4 {
	color: #017FCC;
	font-family: "Trebuchet MS", Geneva, Tahoma, sans-serif;
	font-size: 16px;
	font-weight: bold;
	display: block;
	padding-bottom: 8px;
}
.intro p.note {
	display: block;
	width: auto;
	font-style: italic;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 12px;
}
.intro p.note span {
	font-style: normal;
	font-weight: bold;
}
.intro p.note span.required {
	color: #cb3e3e;
}