/* The following style and hacks are to defeat a problem with IE6 redraws where content can fail to be drawn when scrolling. It uses a combination of two hacks to hide it from Mac IE5 and other non-EI browsers */

/* \*/
h1,h2,h3,h4,h5,h6,p,ul,ol,blockquote,img {_position:relative;}
/* */

body
{
	font-family:arial,helvetica,geneva, sans-serif;
	color:#563463;
	background-color:#EBAFFF;/*#640F8E;#7F21AB;*/
	padding:0px;
	margin:0px;
}

a {color: #75328A; outline:0;}
a:hover{color:#C135A6;}

/*for Firefox */
input[type="submit"]::-moz-focus-inner, input[type="button"]::-moz-focus-inner{border : 0px;} 
/*for IE8 */
input[type="submit"]:focus, input[type="button"]:focus{outline:none;}

br.clearer
{
	clear:both;
}

div.clearer
{
	clear:both;
	font-size:1px;
	line-height:1px;
}

#flashMessage {background-color:#fff; padding-left:30px; height:25px;margin:-15px 0 0;color:red;}

#bannerContain{height:90px; background-color:white;}
.banner{margin: 0 auto; width:980px;height:90px;}
.banner .logo{float:left;margin-top:10px;}
.banner .bannerright{float:right;display:none;}
.banner .bannerConsultation {float:left; margin: 10px 0 0 200px;}
.banner .bannerConsultation a{display:block;background:url('/images/consultation_orange.png') no-repeat scroll left top transparent; height:71px; width:240px;}
.banner .bannerConsultation a:hover{background-position:left bottom;}

.banner .login {/*background-color:#7F21AB;*/float:right;height:65px;margin:13px 0 0;width:330px;color:#000;}
.banner .login fieldset {
	/*background:url("/images/login_bg.png") repeat scroll 0 0 transparent;*/
	border:none;
	margin:0;
	padding:10px 0 0 10px;
}
.banner .login .input{float:left;width:125px; font-size:13px;color:#563463;}
.banner .login .input input{width:105px;height:20px;padding:2px 5px; border:none;background:url("/images/input_bg.png") no-repeat scroll 0 0 #EBAFFF;color:#000;}
.banner .login .submit{float:left;margin-top:13px;}
.banner .login .submit input{background:url('/images/login_orange.png') no-repeat scroll left top transparent;height:29px; width:67px; border:none;cursor:pointer;}
.banner .login .submit input:hover{background-position:left bottom;}
.banner .login a {font-size:13px;text-decoration:none;}
.banner .info .username {font-weight:bold;padding-top:2px;}
.banner .info {padding-top:20px;float:right;height:65px;width:330px;color:#000;}
.banner .info .action {float:right;clear:right;width:80px;}
.banner .info .logout {background:url('/images/logout_orange.png') no-repeat scroll center top transparent;display:block;height:29px; width:79px;float:right;}
.banner .info .logout:hover {background-position:center bottom;}
.banner .info .myarea {background:url('/images/myarea_orange.png') no-repeat scroll center top transparent;display:block;height:29px; width:79px;float:right;}
.banner .info .myarea:hover {background-position:center bottom;}

.split{background:url('/images/split.png') scroll 0 0 repeat-x transparent; height:10px; width:100%;}

#content{width: 1045px;margin: 50px auto 0;padding: 0px;/*background: url(/images/background_middle.png) repeat-y scroll 0 0 transparent;*/}
#contentinner
{
	padding:50px 30px 0;
	background: url(/images/background_top.png) no-repeat scroll center top transparent;
	display:inline-block;
	width: 985px;
	margin: -49px 0 0;
	position:relative;
	float:left;
}
#footer {height:50px;width: 1045px;margin: 0 auto;background: url(/images/background_bottom.png) no-repeat scroll center top transparent;clear:both;}

#left{width:165px;float:left;}
#leftinner{width:165px; siaplay:inline-block;}
#left #logo h1, #left #logo h2{display:none;}
#mainnav{float:left; padding-top:5px;margin-bottom:30px;display:block: width:165px;}
#mainnav a{
	background:url("/images/menu_divider.jpg") no-repeat scroll right bottom transparent; 
	display:block;
	text-align:right;
	text-decoration:none; 
	font-size:14px; 
	padding:10px 8px;
	font-weight: bold;
	width:145px;
	color: #75328A;
}
#mainnav a:hover{color:#C135A6;}
#mainnav a.current {color:#C135A6;} 
#mainnav a.current:hover {color:#C135A6;}

#left .consultation {display: inline-block;margin: 10px 0 0 10px;}
#left .consultation img{float:left; margin: 7px;}
#left .consultation a{display:block;background:url('/images/consultation_left_orange.png') no-repeat scroll left top transparent; height:88px; width:145px;margin: 7px;}
#left .consultation a:hover{background-position:left bottom;}
#rightContainer {float:left;background:url('/images/background_body.jpg') repeat-y scroll 0 0 transparent; width:800px; display:inline-block;margin-bottom:10px;}
#right{padding: 0px;background: url('/images/background_body_bottom1.jpg') no-repeat left bottom transparent; display:inline-block; position:relative;}
#rightinner{margin-bottom:40px;padding:22px 15px 20px 24px;background: url('/images/background_body_top.jpg') no-repeat left top transparent;display:block;min-height:450px;width:760px;}

fieldset{border:0; padding:10px 0;}
#right {float:left;}
#right #column1{float:left;width:760px;display:inline-block;}
#right #columndivider{float:left;width:29px;height:430px;}
#right #column2{float:left;height:300px;}
#right #mobilephone{padding:0px 0px 0px 32px;background: url('/images/mobilephone.gif') no-repeat scroll left bottom;}
#right #mobilephone h3{margin:13px 0px 5px 0px;}
#right h2{color:#A1256F;font-size:176%;/*line-height:100%*/;padding:0px;margin:0px 0px 9px 0px;}
#right h3{color:#A1256F;font-size:116%;/*line-height:100%*/;padding:0px;margin:21px 0px 5px 0px;}
#right h3.narrow{width:285px}
#right p{padding:0px;margin:0px 0px 4px 0px;}
#right p.narrow{}
#right p.boxed{width:240px;border:2px solid #563463;margin:27px 0px 10px 0px;}
#right p.boxed span{display:block;padding: 3px 4px;font-size:83%;line-height:120%;}
#right p.professionaladvice {font-weight:bold;padding:20px 0px 0px 0px;color:#A1256F;font-size:152%;line-height:133%;}
#right p.professionaladvice span.line2{display:block;padding:0px 0px 0px 26px;}
#right p.professionaladvice span.line2 span{font-size:110%;}
#right p.professionaladvice span.line3{display:block;padding:0px 0px 0px 12px;}
#right a{text-decoration:none;color:#A1256F;}
#right a:hover{text-decoration:none;color:#CF3A93;}
#right li {list-style-type:none}
#right #column2 ul{color:#75328A;padding:13px 0px 0px 14px;margin:0px;text-indent:0px;list-style-type: none;font-size:111%;font-weight:bold;}
#right #column2 ul li{background: url(/images/bullet.gif) no-repeat left top ;padding:0px 0px 6px 9px; width:300px;}
#right ol li{width:300px;}
#right ul#text1{display:block;}
#right ul#text2, #right ul#text3, #right ul#text4, #right ul#text5, #right ul#text6 {display:none;}

/*ADVICE*/
#advice #right{background-image: url(/images/advice_bottom.jpg);}
//#advice #rightinner{background-image: url(/images/advice_top.jpg);}
#advice #right #column1{float:left;padding:0px 0px 0px 14px;}
#advice #right #columndivider{float:left;width:29px;height:430px;}
#advice #right #block1{width:375px;padding:14px 0px 0px 0px;}
#advice #right #block2{width:375px;}
#advice #right #block3{width:312px;}
#advice #right #block4{width:285px;font-size:91%;padding:9px 0px 0px 0px;}
#advice #right #mobilephone{padding:12px 0px 15px 32px;background: url(/images/mobilephone2.gif) no-repeat left top;}
#advice #right h2{color:#A1256F;font-size:150%;line-height:100%;padding:0px;margin:1px 0px 9px 0px;}
#advice #right h3{color:#A1256F;font-size:145%;line-height:100%;padding:0px;margin:17px 0px 0px 0px;}
#advice #right p{font-weight:bold;line-height:125%;padding:0px;margin:0px 0px 4px 0px;}
#advice #right ul{color:#75328A;padding:7px 0px 5px 14px;margin:0px;text-indent:0px;list-style-type: none;font-size:111%;font-weight:bold;}
#advice #right li{padding:0px 0px 7px 0px;text-indent:-5px;}
#advice #right li.third{padding:0px 0px 12px 0px;}
#advice #right li.fourth{padding:0px 0px 13px 0px;}

#theservice #block3{width:400px;}

/*TEAM*/

#team #right #block1 p{font-weight:bold;line-height:125%;padding:0px;margin:0px 0px 9px 0px;}
#team #right div.photoblock{padding:0px 0px 14px 0px;}
#team #right div.photoblock div.photo{float:left;width:134px;}
#team #right div.photoblock div.photo p{margin:10px 0px 0px 0px;padding:0px;}
#team #right div.photoblock div.text{float:left;width:517px;}
#team #right div.photoblock div.text p{margin:2px 0px 0px 0px;padding:0px;line-height:135%;}
#team #right div.photoblock div.text img{padding:15px 10px 0px 0px;}

#contact #right{background-image: url(/images/contact_bottom.jpg);}
#contact #right #column1{float:left;width:460px;}


/*FORM*/

#form{display:inline-block;float:left;}
#form #right #block1{width:693px;padding:6px 0px 0px 0px;}
#form #right h2{line-height:100%;padding:0px;margin:1px 0px 5px 0px;text-shadow:1px 2px lightGrey;}
#form #right h2.section{margin:20px 0px 20px 0px;}
#form #right h3{line-height:100%;padding:0px;margin:21px 0px 3px 0px;}
#form #right #block1 p{font-weight:bold;line-height:125%;padding:0px;margin:0px 0px 9px 0px;}
#form form{padding-top:20px;}
#form h4{font-size:1em;font-weight:normal;padding:0px;margin:0px;}
#form h4.inline{display:block;float:left;width:auto;}
#form .radiogroup h4.inline{padding:3px 5px 0px 0px;}
#form .radiogroup label{padding-right:10px;}
#form .dropdowngroup h4.inline{padding:5px 5px 0px 0px;}
#form .inputgroup label{padding-right:5px;}
#form p{/*width:350px;*/}
#form h3{font-size:1em !important;color:#333;padding:0px !important;margin:0px !important;}
#form h3.inline{display:block;float:left;width:10em;padding-top:16px !important;}
#form h3.subsection{display:block;padding:16px 0px 16px 0px !important;}
#form div.overlabel{float:left;padding:0px 10px 10px 0px;}
#form div.overlabel label{display:block;line-height:100%;padding-bottom:2px;}
#form div.overlabel label.hidden{color:#F6F6F6;}
#form input.box{margin:0px;border:1px solid #666;background-color:white;width:200px;}
#form .radiogroup{padding-bottom:12px;}
#form .extratop{padding-top:10px;}
#form .inputgroup{padding-bottom:12px;}
#form .dropdowngroup{padding-bottom:12px;}
#form .textareagroup{padding-bottom:12px;}
#form .nogap{padding-bottom:0px !important;}
#form .textareagroup label{display:block;float:none;padding-bottom:3px;}
#form .textareagroup textarea{display:inline-block;margin:0px;border:1px solid #666;background-color:white;width:400px;text-indent:0px;}
#form table.causes{margin:0px;padding:0px 0px 20px 0px;}
#form table.causes td{margin:0px;padding:0px 10px 2px 0px;}
#form input[type="submit"]{margin:30px 0px;background:url('/images/continuepayment_orange.png') no-repeat scroll left top transparent;/*text-indent:-999px;*/ height:35px; width:253px; border:0; cursor:pointer;z-index:100;}
#form input[type="submit"]:hover {background-position:left bottom;}
#form label.error{width:500px; color:red;display:block;}
#form .problems{margin-top:20px;}
#form .problem{margin-bottom:10px;overflow: hidden; height: 35px; display: block; width:775px}
#form .problem .moreinfo{border:1px solid darkorange;margin-left:2px;padding: 10px;width:748px; display:inline-block;}
#form .problem a.head {
	height:23px;
	display:block;
	background:url('/images/problem_orange.jpg') no-repeat scroll left top transparent;
	padding: 6px 25px;
	color: #fff;
	font-weight:bold;
	font-family:Verdana,arial,helvetica,geneva,sans-serif;
}
#form .problem a.head:hover{background-position:left bottom;color:white;}

#payment #right fieldset{border:1px solid; padding:5px 10px;}
#payment #right fieldset input, #payment #right fieldset select {margin-bottom:8px;}
#payment .regcol{width:50%;float:left}
#payment .status{color:red}
#payment #right #cvvpop {position:fixed;top:55%}
#payment input[type="submit"]{margin-top:30px;background:url('/images/makepayment_orange.png') no-repeat scroll left top transparent;text-indent:-999px; height:35px; width:191px; border:0; cursor:pointer;display:block;}
#payment input[type="submit"]:hover {background-position:left bottom;}


/*LOGIN FORM --- REGISTER FORM*/
#loginform .input, #registerform .input{margin:5px 0;display:inline-block;width:760px;}
#loginform .input input, #registerform .input input{float:left; width:220px;}
#loginform .input label, #registerform .input label{display:block;width:130px; height:25px;float:left;padding-top:3px;}
#loginform .input label.error, #registerform .input label.error{color:red; width:300px;margin-left:15px;}
#loginform .submit{float:left; margin-left:133px;}
#loginform .submit input{background:url('/images/login_orange.png') no-repeat scroll left top transparent;height:29px; width:67px; border:none;cursor:pointer; text-indent:-999px}
#loginform .submit input:hover{background-position:left bottom;}
#loginform a{float:left;}

#registerform .submit{float:left; margin-left: 280px;}
#registerform .submit input{background:url('/images/signup_orange.png') no-repeat scroll left top transparent;border:none; height:29px; width:79px;cursor:pointer; text-indent:-999px;}
#registerform .submit input:hover{background-position:left bottom;}

#forgotform .submit input{background:url('/images/send_orange.png') no-repeat scroll left top transparent;border:none; height:29px; width:54px; cursor:pointer;}
#forgotform .submit input:hover{background-position:left bottom;}

#changepassform .submit input{background:url('/images/send_orange.png') no-repeat scroll left top transparent;border:none; height:29px; width:54px; cursor:pointer; text-indent:-999px;}
#changepassform .submit input:hover{background-position:left bottom;}

#resetform .submit input{background:url('/images/send_orange.png') no-repeat scroll left top transparent;border:none; height:29px; width:54px; cursor:pointer; text-indent:-999px;}
#resetform .submit input:hover{background-position:left bottom;}

/*CONTACT FORM*/
#contactform .input{margin:5px 0;display:inline-block;width:760px;}
#contactform .input input{float:left; width:250px;}
#contactform .input textarea{float:left; width:250px;}
#contactform .input label{display:block;width:130px; height:25px;float:left;padding-top:3px;}
#contactform .input label.error{color:red; width:300px;margin-left:15px;}
#contactform .submit{float:left;margin-left:280px}
#contactform .submit input{background:url('/images/contact_send_orange.png') no-repeat scroll left top transparent;height:29px; width:107px; border:none; cursor:pointer;}
#contactform .submit input:hover{background-position:left bottom;}

#loader #loaderbackground{
	position: fixed; 
	top: 0pt; 
	left: 0pt; 
	height: 100%; 
	width: 100%; 
	opacity: 0.7; 
	background-color:lightgrey; 
	display:block;
	z-index:200;
}
#loader #loadercontain {
	background-color: #EBAFFF;
	border:1px solid;
	height:100px;
	left:500px;
	position:fixed;
	text-align:center;
	top:200px;
	width:300px;
	z-index:200;
}
.address{width:390px;}

#theservice #right{background-image: url('/images/theservice_bottom.jpg');}
#sexual #right{background-image: url('/images/sexual_bottom.jpg');}
#relationship #right{background-image: url('/images/relationship_bottom.jpg');}
#life #right{background-image: url('/images/life_bottom.jpg');}
#dating #right{background-image: url('/images/pic7.jpg');}
#divorce #right{background-image: url('/images/divorce_bottom.jpg');}
#home #right{background-image: url('/images/home_bottom.jpg');}
#family #right{background-image: url('/images/family_bottom.jpg');}

#event #right table{width:100%;border:1px solid #555;}
#event #right table th{padding:4px;background:none repeat scroll 0 0 #C135A6;color:#FFFFFF;}
#event #right table td{padding:4px;}
#event #right table tr.altrow td {background: #F6E1FF;}
#event #right textarea{width:700px;}

#event #showform input[type="submit"] {background:url('/images/sendfeedback_orange.png') no-repeat scroll center top transparent; display:block;height:29px; width:119px; border:0;cursor:pointer;}
#event #showform input[type="submit"]:hover {background-position:center bottom;}

#event #RepeatPaymentForm input[type="submit"] {background:url('/images/repeat_orange.png') no-repeat scroll center top transparent; display:block;height:29px; width:119px; border:0;cursor:pointer;margin-top:20px;}
#event #RepeatPaymentForm input[type="submit"]:hover {background-position:center bottom;}
#RepeatPaymentForm fieldset{border:1px solid; padding:5px 10px; margin-top:30px;}
#RepeatPaymentForm fieldset input, #RepeatPaymentForm fieldset select {margin-bottom:8px;}
#RepeatPaymentForm .regcol{width:50%;float:left}
#RepeatPaymentForm label.error{color:red}
#RepeatPaymentForm #cvvpop {position:fixed;top:35%}

#event #repeatForm input[type="submit"] {background:url('/images/repeat_orange.png') no-repeat scroll center top transparent; display:block;height:29px; width:119px; border:0;cursor:pointer;margin-top:20px;}
#event #repeatForm input[type="submit"]:hover {background-position:center bottom;}
#event #showform a img {border:0 none;}