*
{
/*	margin:0; */
	padding:0;
}



body
{
	margin:0;
	padding:0;
	font-family:"Trebuchet MS";
	background-color: #ffffff;
	background-image:url(../img/bg.png);
	background-repeat:repeat-x;
	
	background-position: bottom;
	
	background-attachment:fixed;
	
	min-height:100%; 
	height:100%;
}

img.pix16x16
{
	width:16px;
	height:16px;
}

.error_message
{
	font-weight:bold;
	color:#ff0000;
	/*margin-left:10px;*/
}

div.separator
{
	width:95%;
	margin-left:auto;
	margin-right:auto;
	border-top:#cccccc solid 1px;
	margin-top:10px;
	margin-bottom:10px;
}


.not-bold
{
	font-weight:normal;
}

div#content
{
	font-family:"Trebuchet MS";
	/*width:904px;*/
	width:859px;
	margin-left:auto;
	margin-right:auto;
	margin-top:10px;
	margin-bottom:10px;
	
	padding:5px;
}

div#content h1 
{
	color:#00aeef;
	font-size:20px;
	padding:20px 0 20px 0;
	margin:0px 0px 0px 0px !IMPORTANT;
}

.error
{
	color:#ff0000;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	height:20px;
	text-align:center;
	
}
a img
{
	border:none;
}



div#content div#header
{
	height:81px;
}
div#content div#header h1
{
	height:20px;
	margin:10px;
	color:#FFFFFF;
}

div#content  
{
	

}

div#left-box
{
/*	float:left;
	width:432px;
	overflow:hidden;
	padding-top:50px;
*/
	float:left;
	overflow:hidden;
	padding:50px 0 50px 30px;
	width:408px;
}

h2.green
{
	font-family:"Trebuchet MS";
	font-size:24px;
	font-weight:bold;
	color:#00a651;
	margin-top:0px;
	margin-bottom:20px;
	
}

.clear
{
	clear:both;
}

div.tips ul
{
	list-style-type:none;
}

div.tips ul li
{
	float:left;
	width:200px;
	
	background-image:url(../img/mark-checked.png);
	background-repeat:no-repeat;
	padding-left:50px;
	padding-right:30px;
	padding-top:10px;
	font-weight:bold;
	font-family:"Trebuchet MS";	
	font-size:18px;
	color:#747b6e;
}

div#content div#right-box
{
	float:right;
	width:472px;
	overflow:hidden;
}

div.login-box
{
	background-image:url(../img/login-box.gif);
	background-repeat:no-repeat;
	width:408px !important;
	height:372px !important;
	font-family:"Trebuchet MS";
}

div.login-box div.login-box-content 
{
	margin-top:75px;
	margin-left:25px;
	margin-right:30px;
}

div.login-box-content h3
{
	font-family:"Trebuchet MS";
	color:#8b9680;
	margin:0;
	margin-bottom:0px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
}

div#center-box
{
	margin-left:auto;
	margin-right:auto;
}

div.admin-login-box
{
	background-image:url(../img/admin-login-box.gif);
	background-repeat:no-repeat;
	width:408px !important;
	height:372px !important;
	padding-top:75px;
	padding-left:15px;
	padding-right:5px;
	font-family:"Trebuchet MS";	
}

.text 
{
	font-family:"Trebuchet MS";
	width:300px;
	background-color:#faffea;
	border:1px solid #cdcdcd;
	color:#39b54a;
	
	font-size:17px;
	padding-left:5px;
}

div.restore
{
	background-image:url(../img/restore-box.gif);
}

input.text
{
	height:26px;
}
textarea.text
{
	height:100px;
}

div.login-box-content input.text
{
	width:208px;
}

div.login-box-content label
{	
	font-family:"Trebuchet MS";
	color:#39b54a;
	margin:0;
	font-weight:bold;
	font-size:24px;
	font-weight:bold;
	text-align:right;	
}
div.login-box-content p
{
	margin:0;
	padding:0;
}

div.login-box-content p.right_box a
{
	text-decoration:none;
	font-size:14px;
	color:#00aeef;
	font-weight:bold;
	font-family:"Trebuchet MS";
	padding-right:20px;
}

a.sitelink
{
	text-decoration:none;
	font-size:14px;
	color:#00aeef;
	font-weight:bold;
	font-family:"Trebuchet MS";
}

a.grey
{
	color:#706f70;
}


table.form
{
	width:100%;
}
table.form td
{
	vertical-align:top;
}
table.form th
{
	color:#69C677;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}
form
{
	margin:0;
}



div.navBar
{
	font-family:"Trebuchet MS";
	font-size:14px;
	font-weight:bold;
	color:#959595;
	padding-top:15px;
	padding-bottom:15px;
	clear:both;
}

div.navBar a
{
	text-decoration:none;
	font-family:"Trebuchet MS";
	font-size:14px;
	color:#959595;
	font-weight:normal;
}


div.navBar b
{
	color:#000000;
}


div#therapist-content
{
	width:799px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fcffed;
	background-image:url(../img/content-top.png);
	background-repeat:no-repeat;
	background-position:top;	
	padding-top:24px;
	padding-left:30px;
	padding-right:30px;
	clear:both;
	/*behavior: url( ../iepngfix.htc );*/ 
}


div#pages-content
{
	width:799px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fcffed;
	background-image:url(../img/content-top.png);
	background-repeat:no-repeat;
	background-position:top;	
	padding-top:24px;
	padding-left:30px;
	padding-right:30px;
	clear:both;
	behavior: url( ../iepngfix.htc ); 
}

div#pages-content-bottom
{
	width:799px;
	margin-left:auto;
	margin-right:auto;
	padding-left:30px;
	padding-right:30px;	
	padding-top:20px;
	padding-bottom:10px;
	background-image:url(../img/content-bottom.png);
	background-position:bottom;
	background-repeat:no-repeat;
	background-color:#00aeef;
	
	
	clear:both;
}

div.unlogged-menu
{
	margin-top:20px;
	float:none !important;
}

.hint
{
	font-size:12px;
	color:#555555;
}

.left_box
{
	float:left;
}

.right_box
{
	float:right;
}

.clear
{
	clear:both;
}

table.therapist-profile
{
	background-color:#ffffff;
	border:1px solid #cccccc;
	margin-top:10px;
	padding-top:20px;
	padding-bottom:20px;
}

table.therapist-profile td , table.therapist-profile th
{
	padding-top:5px;
	padding-bottom:5px;
}

table.therapist-profile th
{
	color:#000000;
	text-align:right;

}

table.therapist-profile input.text
{
	width:200px;
}

table.therapist-profile hr
{
	width:95%;
	height:1px;
}
td.notbold
{
	font-weight:normal;
}

/*==================================================== */
/*================== New design CSS ===================*/
/*==================================================== */

html {
 /*------------ 100% ������ ���������� div.page ����� */
 height: 100%;
 /*------------*/
}

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



div.container
{
	margin:auto;
	overflow:hidden;
	width:840px;
}

/* ----- header ----- */

#header
{
	background-color:#ffffff;
	background-image:url(../img/header.png);
	background-repeat:no-repeat;
}

#header div.container
{
	background-image:url(../img/header-div.container.png);
	background-repeat:no-repeat;
}

#header h1 a
{
	background-image:url(../img/header-h1.png);
	display:inline;
	float:left;
	height:62px;
	margin:34px 0px 0px 0px;
	text-indent:-9999px;
	width:221px;
}

#header ul
{
	display:inline;
	float:right;
	height:50px;
	margin:0px 36px 0px 0px;
}

#header ul li
{
	background-image:url(../img/header-ul-li.png);
	background-repeat:no-repeat;
	color:#ffffff;
	display:inline;
	float:left;
	height:38px;
	line-height:38px;
	padding:0px 12px 0px 12px;
}

#header ul li a
{
	color:#ffffff;
	text-decoration:none;
}

#header ul li a:hover
{
	text-decoration:underline;
}

/* ----- content ----- */

div#page-top
{
	
	height:auto !important;
	margin:auto;
	height:100%;
	/*min-height:100%;*/
	width:100%; 
}

#content
{
	/*background-color:#ffffff;
	background-image:url(../img/content.png);
	
	background-position:center bottom;
	background-repeat:repeat-x;
	*/
	padding:24px 0px;
	position:relative;
	min-height:100%;
}

/* ----- frame ----- */

#frame
{
	margin:0px auto;
	width:840px;
}

#frame div.n
{
	background-image:url(../img/frame-div.n.png);
	/*font-size:0px;
	height:15px;*/
	height:23px;
	background-position: bottom left;
	background-repeat:no-repeat;
	width:840px;
}

#frame div.content
{
	background-image:url(../img/frame-div.content.png);
	overflow:hidden;
	width:840px;
}

#frame div.content div.video
{
	background-image:url(../img/frame-div.content-div.video.png);
	display:inline;
	float:left;
	height:240px;
	margin:18px 0px 18px 34px;
	padding:12px 12px 16px 12px;
	width:320px;
}

#frame div.content div#plan
{
	margin: 18px 0px;
	overflow:hidden;
}

#frame div.content div#plan-text
{
	margin: 0px 0 18px 24px;
	*margin: 0px 0 18px 10px;
	width: 260px;
	float: left;
}

#frame div.content div#plan-text h2 
{
	color:#00a651;
	font-size:24px;
	padding:0px 0px 12px 0px; 
}

#frame div.content div#plan-text h4 
{
	color:#c9430d;
	font-size:18px;
	padding:0px 0px 12px 0px;
}

#frame div.content div#plan-basic
{
	position: relative;
	background-image:url(../img/plan-basic.png);
	display:inline;
	float:right;
	height:299px;
	width:256px;
	margin-right: 6px;
}

#frame div.content div#plan-premium
{
	position: relative;
	background-image:url(../img/plan-premium.png);
	display:inline;
	float:right;
	height:299px;
	width:256px;
	margin-right: 18px;
}

#frame div.content div.plan div a
{
	position: absolute;
	bottom: 15px;
	left:38px;
	background-image:url(../img/button.plan.sign-up-free.png);
	display:inline;
	float:right;
	height:41px;
	text-indent:-9999px;
	width:179px;
}

#frame div.content div#video-about
{
float:right;
margin:18px 34px 18px 0px;
}

#frame div.content div.about
{
	display:inline;
	float:right;
	margin:18px 34px 18px 0px;
	width:360px;
}

#frame div.content div.about_us 
{
	display:inline;
	float:left;
	margin:18px 0px 18px 34px;
	width:400px;
}

#frame div.content div.about h2, #frame div.content div.about_us h2
{
	border-bottom:#ebe9e9 solid 1px;
	color:#00a651;
	font-size:24px;
	padding:0px 0px 12px 0px;
}

#frame div.content div.about_us h2
{
	border:none;
}

#frame div.content div.about_us p
{
	font-size:14px;
	padding-bottom:0px;
}

#frame div.content div.about ul
{
	list-style:none;
	margin:12px 0px;
}

#frame div.content div.about ul li
{
	/*background-image:url(../img/frame-div.content-div.about-ul-li.png);*/
	background-image:url(../img/about-ul-li.png);
	background-repeat:no-repeat;
	color:#747b6e;
	font-size:18px;
	line-height:24px;
	padding:6px 0px 6px 44px;
}

#frame div.content div.about div a
{
	/*background-image:url(../img/frame-div.content-div.about-a.png);*/
	background-image:url(../img/button-sign-up-free.png);
	display:inline;
	float:right;
	height:41px;
	text-indent:-9999px;
	width:368px;
}

#frame div.s
{
	background-image:url(../img/frame-div.s.png);
	font-size:0px;
	height:27px;
	width:840px;
}

div.agreement
{
	width:550px;
	height:200px;
	overflow: scroll;
	font-size:12px;
	padding:10px;
	text-align: justify;
	border:1px solid #eeeeee;
}
div.agreement ul
{
	margin-left:20px;
}
div.agreement h1 , div.agreement h2
{
	margin-top:10px;
	margin-bottom:10px;
	text-align:center;
}

/* ----- login ----- */

#login
{
	margin:0px auto;
	width:520px;
}

#login div.n
{
	background-image:url(../img/login-div.n.png);
	font-size:0px;
	height:15px;
	width:520px;
}

#login div.content
{
	background-image:url(../img/login-div.content.png);
	overflow:hidden;
	width:520px;
}

#login div.content form div
{
	margin:12px auto;
	overflow:hidden;
	width:360px;
}

#login div.content form div label
{
	color:#39b54a;
	display:inline;
	float:left;
	font-size:24px;
	height:37px;
	line-height:37px;
	width:144px;
}

#login div.content form div select
{
	xbackground-color:#faffea;
	xborder:#cdcdcd solid 1px;
	display:inline;
	float:left;
	font-family:trebuchet ms, arial, helvetica, sans-serif;
	font-size:18px;
	xpadding:6px;
	width:216px;
}

#login div.content form div input
{
	background-color:#faffea;
	border:#cdcdcd solid 1px;
	display:inline;
	float:left;
	font-family:trebuchet ms, arial, helvetica, sans-serif;
	font-size:18px;
	padding:6px;
	width:202px;
}

#login div.content form div button
{
	background:none;
	background-image:url(../img/login-div.content-form-div-button.png);
	border:none;
	cursor:pointer;
	display:inline;
	float:right;
	height:43px;
	margin:12px 0px 0px 0px;
	text-indent:-9999px;
	width:146px;
}

#login div.content form div a
{
	color:#00aeef;
	display:inline;
	float:right;
	font-size:16px;
	text-decoration:none;
}

#login div.content form div a:hover
{
	text-decoration:underline;
}

#login div.s
{
	background-image:url(../img/login-div.s.png);
	font-size:0px;
	height:27px;
	width:520px;
}

/* ----- footer ----- */

#footer
{
	background-image:url(../img/footer.png);
	background-repeat:repeat-x;
	height:102px;
	padding:3px 0px 0px 0px;
	/*margin-top:-102px;*/

}
div#footer_guarantor
{
	/*height:102px;*/
}

#footer p
{
	color:#ffffff;
	font-size:16px;
	margin:12px 0px;
}

#footer p a
{
	color:#ffffff;
	text-decoration:none;
}

#footer p a:hover
{
	text-decoration:underline;
}



#frame a
{ 
	_position:relative;
}
div.swamp
{
	background-color:#f4f6cd;
	border:1px solid #d9dbc4;
	font-weight:bold;
	margin:0 0 10px 0;
	padding:10px;
	font-size:13px;
	font-family: "Helvetica";;
}

/* Menu */

#menu {
float: right;
margin-right: 15px;
top:-15px;
*top: -23px !important;
position:absolute;
right:30px;
z-index:10;
}

#menu li {
list-style-type: none;
float: left;
display: inline;
margin-left: 0px;
}

#menu li a {
float: left;
display: block;
padding: 0 20px;
background: url('../img/tab/tab-bg.png') repeat-x 0 0;
color: #22bbf4;
text-decoration: none;
height: 37px;
line-height: 37px; 
position: relative;
list-style-type: none;
font-size: 18px;
}
    
#menu li a span.tab-l {
position: absolute;
top: 0;
left: 0;
width: 7px;
height: 37px;
background: url('../img/tab/tab-l.png') no-repeat 0 0;
}

#menu li a span.tab-r {
position: absolute; 
top: 0;
right: 0;
width: 7px;
height: 37px;
background: url('../img/tab/tab-r.png') no-repeat 100% 0;
}

#menu li a span.tab-r  {
position: absolute; 
top: 0;
right: 0;
width: 7px;
height: 37px;
background: url('../img/tab/tab-r.png') no-repeat 100% 0;
}
    
#menu li a:hover {
text-decoration: none;
color: #0798e0;
cursor: pointer;
}

#menu li#active a {
background: #FFFFFF url('../img/tab/tab-a-bg.png') repeat-x 0 0;
color: #0798e0;
text-decoration: none;
}

#menu li#active a span.tab-l {
position: absolute;
top: 0;
left: 0;
width: 7px;
height: 37px;
background: url('../img/tab/tab-a-l.png') no-repeat 0 0;
}

#menu li#active a span.tab-r {
position: absolute;
top: 0;
right: 0;
width: 7px;
height: 37px;
background: url('../img/tab/tab-a-r.png') no-repeat 100% 0;
}

/* EOF #menu */