h2 { margin: 0 0 2px; color: #feaa09; font-size: 18px; line-height: 1.2; }
h3 { 
	margin: 0; 
	color: #03acd7; 
	font-size: 14px; 
	line-height: 0em; 
}

p { color: #334158; }



/*=login tabbed navigation
--------------------------*/

#pageWrapper {
	padding: 5px 0 80px 0 !important;

	height:620px !important;
	width:760px
	margin: 0 auto;
	clear:both !important;
	
}
* html div#pageWrapper {
	padding: 17px 0 0 0 !important;
}
#pageWrapper #loginTabs {
	margin: 11px 0 0 0;
	padding: 0;
	position: relative;
	list-style: none;
	font-size: 11px;
	line-height: 1.0;
	height: 21px;
	display:none;
	
}

#pageWrapper #header2 { width: 755px; height: 175px; position: relative; }

#loginTabs li { position: absolute; top: 0; height: 21px; }
#loginTabs li a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 21px;
	background-image: url(/images/login_tabs.gif); background-repeat: no-repeat;
}

#loginTabs li#tabPros { width: 187px; left: 0; }
#tabPros a { width: 187px; background-position: 0 0; }
#tabPros a:hover, body#memberLogin #tabPros a, #tabPros a#currentTab { background-position: 0 -21px; }

#loginTabs li#tabPatients { width: 75px; left: 189px; }
#tabPatients a { width: 75px; background-position: -189px 0; }
#tabPatients a:hover, body#patientLogin #tabPatients a, #tabPatients a#currentTab { background-position: -189px -21px; }


/*=tabbed navigation FRENCH
---------------------------*/
#pageWrapper #loginTabsFr {
    margin: 11px 0 0;
    padding: 0;
    position: relative;
    list-style: none;
    font-size: 11px;
    line-height: 1.0;
    height: 21px;
    display:none;
}

#loginTabsFr li { position: absolute; top: 0; height: 21px; }
#loginTabsFr li a {
    display: block;
    text-indent: -9999px;
    text-decoration: none;
    height: 21px;
    background-image: url(/images/login_tabs_fr.gif); background-repeat: no-repeat;
}

#loginTabsFr li#tabPros { width: 190px; left: 0; }
#loginTabsFr #tabPros a { width: 190px; background-position: 0 0; }
#loginTabsFr #tabPros a:hover, body#memberLogin #loginTabsFr #tabPros a, #loginTabsFr #tabPros a#currentTab { background-position: 0 -21px; }

#loginTabsFr li#tabPatients { width: 77px; left: 192px; }
#loginTabsFr #tabPatients a { width: 77px; background-position: -192px 0; }
#loginTabsFr #tabPatients a:hover, body#patientLogin #loginTabsFr #tabPatients a, #loginTabsFr #tabPatients a#currentTab { background-position: -192px -21px; }


/*=login wrapper
-----------------*/

#pageWrapper .loginWrapper {
	width: 760px;
	height: 250px;
	position:relative;
	float:left;
}
.registerWrapper{ 
	background:#fff !important; width:755px !important;
}
.loginWrapperRight {
	float: right;
	padding-top: 10px;
}
.loginBody1 {
	background: url(/images/login_box.jpg) left bottom no-repeat;
	background-position:bottom;
	padding-top: 10px;
	height: 250px;
}
.loginWrapper #docPicture {
	width: 190px;
	height: 226px;
	position: absolute;
	z-index: 0;
	bottom: 0;
	right: 0;
	background: url(/images/doctor.gif) 0 0 no-repeat;
}
.loginWrapper .loginBottom {
	width: 750px;
}
.loginWrapperRight .loginTop {
	background: url(/images/login_box_patient_top.gif) left top no-repeat !important;
	width: 280px;
	height: 767px;
}
/*=login content
-----------------*/
.loginWrapper .loginContent {
	background: url(../images/login_box.jpg) left top no-repeat !important;
	width: 760px;
	height: 250px;
	/*margin-top: 10px;*/
	padding-bottom: 20px;
	position:relative;
}
.registerContent { width:755px !important; background:#fff; position:relative;}
body#patientLogin .loginWrapper .loginContent {
	height: 359px;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 329px;
}
	html > body#patientLogin .loginWrapper .loginContent {
	height: 767px;
}
.loginWrapperRight .loginContent {
	width: 275px;
	height: 767px;
	position:relative;
}
/*=login_top
---------*/
.loginContent .login_top {
/*	float: left
	padding-bottom: 0px;;*/
	width: 468px;
}
	html > body .loginContent .login {
	width: 468px;
}
/*=login_top2
---------*/
.loginContent .login_top2 {
/*	float: left
	padding-bottom: 0px;;*/
	width: 755px;
}
	html > body .loginContent .login {
	width: 755px;
}
/*=login
---------*/
.login {
	padding-left: 20px;
}
.loginContent .login {
	background: url(/images/body_left_1.png) left bottom no-repeat;
/*	float: left;*/
	width: 468px;
	height: 385px;
	voice-family: "\"}\"";
	voice-family: inherit;
}
	html > body .loginContent .login {
	width: 468px;
}
p.instructions {
	font-size: 12px;
	margin: 0 0 5px;
	padding-right:20px;
	width: 270px;
	color: #FFFFFF;
}
p.loginContent {
	font-size: 12px;
	margin: 0 0 0 10px;
	padding-right:20px;
}
/*= Soup*/
.login strong {
	color: #88bacd;
}
/*= Soup*/

p.patientLogin{
	text-align:right;
	position:absolute;
	top:138px;
	right:10px;
	z-index:4;
	margin:0;
	padding-right:20px;
}
.login p strong.members {
	color: #88bacd; 
	font-weight: bold; 
}
.login a.register {
	color: #ffffff; 
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
}
.login fieldset { 
	margin: 20px 0; 
}
.login label.loginLabel {
	font-size: 12px;
	line-height: 0.8;
	color: #334158;
	display: block;
	font-weight: bold;
	margin: 0 0 0px;
	vertical-align: middle;
}
.login label.check {
	color: #334158;
	width:90px;
	display: block;
	float:left;
	margin-top:3px;
	margin-left:4px;
	font-size: 10px;
	font-weight: normal;
	line-height: 1.2;
}
.login .rememberBox{
	float:left;
}
.login input, .login img {
	vertical-align: middle;
}
input.inputImage { margin-bottom:8px; }
.login input.loginText {
	border: 1px solid #334158;
	width: 164px;
	font-size: 12px;
	color: #334158;
}
.loginWrapperRight .login input.loginText {
	border: 1px solid #334158;
	width: 164px;
	font-size: 12px;
	color: #334158;
	margin:2px 0 12px 0;
}

.login .formTable th { width: 160px; }

/*=loginForm
---------*/
.loginForm {
	width: 300px;
}
p.loginForm {
	color: #ffffff;
	line-height: 1.3;
}


/*=forgot password link
------------------------*/
.login p#forgotPass { width: 120px; margin-top: 16px; font-size: 10px; }

/*=what's a din link
---------------------*/
.login p#whatsDin { font-size: 10px; margin-top: 4px; }

/*=error message - patient side
---------------------*/

.loginWrapperRight p.errorMessage { position:absolute; top:-10px; left:0; width:240px; z-index:5;}
.loginWrapper .login p.errorMessage { position:relative; width:310px;}

/*=register and new to paincare in patient login page
-----------------------------------------------------*/
.loginContent #register, .loginContent #patientNew {
	margin-left: 0;
	margin-right: 35px;
	float:left;
	display:none;
}
html > body .loginContent #register, html > body .loginContent #patientNew { margin-left: 466px; }
.loginContent #patientNew { width: 205px; }

#register h2, #patientNew h2 {
	color: #03acd7;
	font-size: 12px;
	margin: 0 0 4px;
}
#register p, #patientNew p {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 1.1;
}

/*=patient login panel
-----------------*/

h1.patientLoginHeading{font-size:1.3em; font-weight:lighter; color:#b44882; margin:0 0 15px 0;}
h1.hcpLoginHeading{font-size: 15pt; font-weight:lighter; color:#feaa09; margin:0 0 15px 0;padding-top: 20px;}


/*=memberFeature
-----------------*/
#register .memberFeature { margin: 22px 0; }
.memberFeature img {
	float: left;
	margin-top: 1px;
}
.memberFeature p { margin-left: 60px; }

/*=login footer
---------------*/
#loginFooter 
{
	width: 760px; 
	text-align: right; 
}
* html div#loginFooter 
{
	margin: 5px auto; 
	text-align: right;
}

#loginFooter ul 
{
	height: 20px;
	padding: 6px 0 0 3px;
	margin: 0;
	list-style: none;
	color: #fff;
	text-align: right;
}
#loginFooter li { display: inline; text-align: right;}
#loginFooter a { color: #fff; text-decoration: none; text-align: right;}
#loginFooter a:hover { text-decoration: underline; text-align: right;}

/*=IconPicks img
------------*/
img.IconPicks {
	float: left; 
	padding: 0px 10px 5px 10px;
	clear: left;
	border-style: dotted;
	border: 0px;
	border-color: "#000000";

}
p.rightSide {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	margin-right: 20px;
	margin-left: 70px;
	margin-top: 0px;
	margin-bottom: 6px;

} 
#members strong {
	font-size: 12px;
}
