html, body { background-color:#fff; margin:0px; padding:0px; text-align:center; background-image:url(../images/login_bg.png)}
td,p,div,span, input, select { font-family:Arial, Helvetica, sans-serif; font-size:11px; }

/* login */
.login_wrapper { width:500px; vertical-align:middle; position: fixed; margin-left: -250px; margin-top: -150px; top: 50%; left: 50%; }
.topbar { background-image:url(../images/login_top.png); height:85px; background-repeat:no-repeat; text-align:left;}
.footer { background-image:url(../images/login_footer.png); height:30px; background-repeat:no-repeat; clear:both;}
.footer_txt { padding-top:8px; color:#8ab6ba; font-size:10px;}
.content { padding:25px 45px 15px 45px; background:url(../images/login_content.png) repeat-y; }
.label { width:160px; text-align:right; float:left; font-weight:bold; padding-top:3px; color:#454c4d;}
.field_separator {  width:10px; text-align:center; float:left; padding-top:3px;}
.login_btn {  *width:200px; text-align:left; float:left;}
.clear { clear:both; height:6px;}
.logo { float:left; padding:29px 0px 0px 24px;}
.welcome {height:73px; float:right; }
.welcome_padding { padding:12px 12px 0px 44px ; text-align:right; }
.welcome_heading { font-weight:normal; color:#3b5b5f; line-height:15px;}
.welcome_heading a { color:#3b5b5f; text-decoration:none;}
.welcome_heading a:hover { text-decoration:underline;}
.date {}
/*login */

/*Text inputs*/
.textinput_press { background-position:left bottom; }
.btn_medium { cursor:pointer; border:0px; background-image:url(../images/btn_medium.png); background-repeat:no-repeat; height:20px; width:52px; text-align:center; font-size:10px; font-weight:bold; line-height:17px; color:#025269;}
.btn_medium_hover { cursor:pointer; border:0px; background-image:url(../images/btn_medium.png); background-repeat:no-repeat; height:20px; width:52px; text-align:center; font-size:10px; font-weight:bold; line-height:17px; color:#025269;background-position:left bottom;}
div.field {	width: 151px;	background: url(../images/inputs.png) 0px 0px no-repeat; text-align:left; float:left; }
div.field:hover{	background-position: -151px 0px;}
div.field input {border: 0;	height: 20px;	width: 151px;	background-color: transparent; padding:0px 8px; font-size:11px;}
div.field dropdown {border: 0;	height: 20px;	width: 151px;	background-color: transparent; padding:0px 8px; font-size:11px;}
/*Text inputs*/

/* choice options */
.content_choice { padding:12px 45px 20px 45px; background:url(../images/login_content.png) repeat-y; }
.txt_center { text-align:center;}
.choice_consultation { background:url(../images/consultation_choice.png) no-repeat; width:155px; height:89px; overflow:hidden; }
.choice_medical { background:url(../images/medical_info_choice.png) no-repeat; width:155px; height:89px; overflow:hidden; }
.choice_consultation, .choice_medical{ font-size:11px; text-transform:uppercase; font-weight:bold;}
.consultation_padding {padding:63px 0px 0px 0px;}
.medical_padding {padding:50px 18px 0px 18px;}
.choice { color:#0d666f; text-decoration:none;}
.choice:hover { color:#134c57;}
.choice_msg {font-size:11px; text-transform:uppercase; font-weight:bold; color:#0d666f;}
/* choice options */

div.img
  {
  margin:2px;
  height:auto;
  width:auto;
  float:none;
  text-align:center;
  }
div.img img
  {
  	margin:2px;
  }
div.img a:hover img
  {
  	margin:2px;
  	border:1px solid #ff44ff;
  }
div.desc
  {
  text-align:middle;
  font-weight:normal;
  margin:2px;
  }
/* =Buttons
-------------------------------------------------------------- */
button, 
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#5a2260;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#5a2260), to(#8f6891));
	background-image:-webkit-linear-gradient(top, #5a2260, #8f6891);
	background-image:-moz-linear-gradient(top, #5a2260, #8f6891);
	background-image:-ms-linear-gradient(top, #5a2260, #8f6891);
	background-image:-o-linear-gradient(top, #5a2260, #8f6891);
	background-image:linear-gradient(top, #5a2260, #8f6891);
	border:1px solid #5a2260;border-radius:2px;color:#FFF;cursor:pointer; font-weight:bold;margin:0;padding:3px;text-decoration:none;text-shadow:0 1px 0 #000;white-space:nowrap;vertical-align:middle;min-height: 30px;position: absolute;}

button:hover, 
a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {-moz-border-radius:2px;-webkit-border-radius:2px;background-color:#8f6891;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#8f6891), to(#ba98bc));
	background-image:-webkit-linear-gradient(top, #8f6891, #ba98bc);
	background-image:-moz-linear-gradient(top, #8f6891, #ba98bc);
	background-image:-ms-linear-gradient(top, #8f6891, #ba98bc);
	background-image:-o-linear-gradient(top, #8f6891, #ba98bc);
	background-image:linear-gradient(top, #8f6891, #ba98bc);
	border:1px solid #5a2260;border-radius:2px;color:#FFF;cursor:pointer; font-weight:bold;margin:0;padding:3px;text-decoration:none;text-shadow:0 1px 0 #000;white-space:nowrap;vertical-align:middle;min-height: 30px;position: absolute;}
