@import url(http://www.menshealth.it/design/menshealth/stylesheets/hf.css); 
@import url(http://www.menshealth.it/design/menshealth/stylesheets/comune.css); 
@import url(http://www.menshealth.it/design/menshealth/stylesheets/home.css); 

h1.title {
  color:#BABABA; 
  font-size:24px;
  margin:0 8px 0 0;
  padding:0;
  font-weight:normal;
  text-transform:uppercase;
  font-family:Times New Roman;
}
h1.title span.mh_title {
  color:#000000;
  font-size:24px;
  vertical-align:text-bottom;
}
h3 {
  font-size:18px;
}
h3 span {
  font-size:12px;
  color:#BABABA;
  font-weight:normal;
}
#display_message {
  background:#F2F0F0;
  border-top:1px solid #cdcdcd;
  border-bottom:1px solid #cdcdcd;
  color:#DA2127;
  font-family:Tahoma;
  opacity:0.95;
}
#display_message ul {
  font-size:14px;
  margin:0;
  padding:10px 20px;
}
#display_message li {
  display:list-item;
  font-size:14px;
  list-style-type:none;
}
#display_message li input {
  margin-top:10px;
}

#display_message ul li a{
  color:#222222;
}

/* forms */
.basic_form {font-family:Tahoma;font-size:12px;color:#000;}
.basic_form ul {list-style:none;margin:0;padding:0;}
.basic_form ul li {margin:0;padding:0;}
.basic_form fieldset.personal_info {background:#979495;border:none;padding:15px;margin:0 0 20px 0;}
.basic_form .instructions {margin:10px 0;padding:3px;}
.basic_form .field {width:460px;height:20px;margin:0 0 10px;}
.basic_form .field_big {width:460px;height:70px;margin:0 0 10px;}

.basic_form .field_image {height:100px;margin:0 0 10px;}
.basic_form .edit_field .load_image {float:right;margin:0 0 0 2px;}
.basic_form .field_image .load_image_text {margin:0;font-size:11px;float:left;line-height:13px;text-align:left;width:300px;}
.basic_form .field_image .load_image_text input {margin:20px 0 0 0; clear:both}

.basic_form .field_auto {width:460px;height:auto;margin:0 0 10px;}
.basic_form .field_auto .photo_preview {overflow:hidden;}
.basic_form .field_auto .photo_full_view {text-align:right;width:460px;}
.basic_form .field_privacy {height:auto;margin:0 0 30px 0;}
.basic_form h4 {float:left;margin:0 0 5px;padding:2px;text-align:right;width:150px;font-size:12px;}
.basic_form h4.textarea {width:450px;text-align:left;}
.basic_form textarea.textareaprivacy{width:460px;height:80px;}
.basic_form input, .basic_form textarea.text_area, .basic_form select, .basic_form .field_auto img {margin-left:7px;padding:2px;}
.basic_form .filled {width:220px; height: 25px; text-align:left; padding: 2px 10px; float:left;}
.basic_form input.text_field {border:1px solid #CCCCCC;width:200px;}
.basic_form input.text_field_short {border:1px solid #CCCCCC;width:100px;}
.basic_form select {border:1px solid #ccc; font-size:12px}
.basic_form textarea.text_area {border:1px solid #CCCCCC;width:290px;height:63px;}
.basic_form .curr_image {float:left;margin:0 0 10px 10px;width:290px;}
.basic_form .button_position {margin:0 0 0 155px;}
.basic_form .privacy_text {font-weight:bold;margin:0 0 0 190px;font-size:10px;}
.basic_form .authorization {margin:0 0 15px 0;}
.basic_form .authorization input {margin:5px 0 0 0;}
.basic_form .authorization span {margin:5px 5px 0 5px;}
.basic_form .send_button input {float:none;margin:0;width:auto;}
.basic_form .forgot_pass {margin:30px 0 0 0;text-align:right;}

ul.personal_info_navbar {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; padding:0;margin:10px 0 0 2px;height:20px;font-weight:bolder;font-size:16px; clear:both}
ul.personal_info_navbar li {display: inline; background-color:#c6c6c6;}
ul.personal_info_navbar li a {margin:0 1px 0 0; padding: 3px 15px; text-decoration:none; text-transform:uppercase; float:left; color:#a7a5a6; background-color:#c6c6c6;}
ul.personal_info_navbar li a:hover {background-color: #ccc;}
ul.personal_info_navbar li.active a {background: #a7a5a6; color:#518daf;}
/**+html ul.personal_info_navbar li a:hover {border-left: 1px solid #fff;border-right: 1px solid #fff;}*/

/* photo_album */
.loginbox  {font-family:Tahoma;font-size:12px;color:#000;margin:0 0 15px 0;}
.loginbox ul {list-style:none;margin:10px 0 0 0;padding:0;}
.loginbox ul li {margin:0;padding:0;height:100px;}
.loginbox ul.album_list li {float:left;height:127px;margin:0 23px 45px 0;position:relative;width:170px;}
.loginbox ul.album_list li img {left:45px;position:absolute;top:23px;}
.loginbox ul.album_list li .title_photo_hp {font-size:0.8em;left:0;line-height:12px;position:absolute;text-transform:uppercase;top:130px;}
.photo_album_alert {color:#000;font-family:Tahoma;}
.loginbox .edit_button {margin:0 0 15px 0;}
.loginbox .photo_album_list ul li {float:left;margin:0 10px 10px 0;}
.loginbox a {margin:10px 0;padding:3px; text-decoration:none;color:#000;font-weight:bold;}
.loginbox p {padding:5px 0;}

.cover_album {position:relative;height:335px;}
.cover_album .theme_album {width:480px;height:335px;position:absolute;top:0;left:0;background:#000;}
.cover_album .best_photo {position:absolute;top:15px;left:90px;background:#fff;}
.cover_album .best_photo img {border:1px solid #333;padding:1px;}
.cover_album .info_album {position:absolute;bottom:0;}

.loginbox .photo {margin:5px 0 0 0;}
.loginbox .photo .prev {float:left;margin:0 10px 0 0;}
/*.loginbox .photo .photo_image {float:left;}*/
.loginbox .photo .next {float:left;margin:0 0 0 10px;}
.loginbox .photo_description {clear:left;}
.loginbox .photo_description .photo_text_description {float:left;width:340px;margin:0 0 15px 0;}
/*.loginbox .photo_description .photo_start_slideshow {float:left;width:150px;text-align:right;}*/
.loginbox .photo_tags {clear:left;}

/* **mf */

/* LOGIN */
.loginbox fieldset {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;/*width:490px;*/background-color:#A7A5A6;border:0;margin: 0 auto;padding: 0 auto;text-align:center;}
.loginbox fieldset.personal_info {background:#A7A5A6;border:none;padding:15px;margin:0 0 20px 0;}
.field {clear:both;margin: 10px auto;width: 400px;text-align:right;}
.field {color:#FFF;font-size: 12px;}
.loginbox h4 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;font-size: 14px;color: #666;font-weight:bold;text-align:left;width:100px;height: 65px;float:left;margin: 0;padding: 3px 0;}
input.text_field {width:280px;height: 25px;padding: 0px 10px;background-color:#FFF;font-size: 14px;font-weight:bold;color:#666;border:0;float:right;}
input.file_field {width:280px;height: 25px;padding: 0px 10px;background-color:#FFF;font-size: 14px;font-weight:bold;color:#666;border:0;float:right;}
.add_more{padding:10px;font-size:12px;float:left;}
.send_button input {text-align:center;background: #c7c7c7 url(images/entra.gif) no-repeat top center;width: 150px;height:40px;border:0;font-weight:bolder;font-size:16px;margin:20px 0px 0px 0px;}
.forgot_pass {width: 300px;margin: 20px auto;clear:both;}
.form_text a, .form_text a:visited {color:#fff;text-decoration:underline;font-size:16px;}	
.form_text a:hover {text-decoration:none;}
li.info {background: url(images/info.gif) no-repeat left center;padding: 10px 20px;float:left;list-style:none;}
li.excl {background: url(images/excl.gif) no-repeat left center;padding: 10px 20px;float:left;list-style:none;}


/* REGISTRATI */
#colonna-sx-cx {
  width: 660px;
  margin:0 5px;
  padding:0;
  float:left;
  background-color:#fff;
}
#colonna-dx {
  width: 300px;
  /*margin: 0 10px;
  padding:10px 5px;*/
  float:left;
  background-color:#fff;
  font-size: 13px;
  /*color: #666666;*/
  font-family: Tahoma, Arial, Helvetica, sans-serif;
}
#colonna-dx li {
  list-style:none;
  /*border-bottom: 1px solid #A7A5A6;
  margin-bottom: 40px;
  padding-bottom: 10px;*/
}
fieldset.register_info {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; color: #FFF; font-size: 13px; width: 640; background-color:#A7A5A6; border:0; margin: 0; padding: 0 10px; text-align:center;}
.instructions {font-size: 12px; color: #666666; padding-bottom: 5px;font-family: Tahoma, Arial, Helvetica, sans-serif; background-color:#FFFFFF;}

h1,h2 {font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 18px; color: #518EAB; font-weight:bolder; text-align:left; padding-left: 10px; margin: 15px 0 2px 0;}
.register_field {clear:both; margin: 0; padding: 10px 0; width: 630px; text-align:right; color:#FFF; font-size: 12px;}
.register_info h4 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight:bold; text-align:left; text-transform:uppercase; width:160px; height: 25px; float:left; margin: 0; padding: 3px 0; clear:both;}
input.register_text_field {width:200px; height: 25px; padding: 0px 10px; background-color:#FFF; font-size: 16px; font-weight:bold; color:#666; border:0; float:left;}
select {float:left; padding: 3px; background-color:#FFF; font-size: 16px; font-weight:bold; color:#666; border:0;}
.basic_form textarea.textareaprivacy {width: 630px; height:100px; margin: 10px 0;}
.valoreRadio {color: #666; font-weight:bolder; font-size: 14px;}
.authorization {padding-bottom: 10px; color:#fff}
.nletter {padding: 10px 0;}
p.help250 {float:right; text-align:left; width:230px; height: 25px; font-size: 11px; line-height: 12px; margin: 0; padding: 0;}
.reg_send_button {padding: 10px;}
.reg_send_button input {text-align:center; background: #c7c7c7 url(images/entra.gif) no-repeat top center; width: 150px; height:40px; border:0; font-weight:bolder; font-size:16px;}
.forgot_pass {width: 300px; margin: 20px auto; clear:both;}
.form_text a, .form_text a:visited {color:#fff; text-decoration:underline;}
.form_text a:hover {text-decoration:none;}
li.info {background: url(images/info.gif) no-repeat left center; padding: 10px 20px; float:left; list-style:none;}
li.excl {background: url(images/excl.gif) no-repeat left center; padding: 10px 20px; float:left; list-style:none;}

/* 3 TAB: DATI DI ACCESSO */
#EditProfileModule {clear:both;}
.edit_personal_info {clear:both; background-color: #a7a5a6; border:0; padding:10px; margin:0 2px 5px 2px}
.edit_field {clear:both; margin: 0; padding: 10px 0; width: 630px; text-align:right; color:#FFF; font-size: 12px;}
.edit_field h4 {font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif; font-size: 14px; color: #666; font-weight:bold; text-align:left; text-transform:uppercase; width:160px; height: 25px; float:left; margin: 0; padding: 3px 0; clear:both;}
.edit_field input {width:100px; height: 25px; padding: 2px 10px; background-color:#FFF; font-size: 16px; font-weight:bold; color:#666; border:0; float:left;}
.edit_send_button {clear:both; margin:40px 100px 40px 0; text-align:center;}
.edit_send_button input {text-align:center; background: #c7c7c7 url(images/entra.gif) no-repeat top center; width: 150px; height:40px; border:0; font-weight:bolder; font-size:16px;}
#colonna-dx h3 {color: #518EAB; font-size:14px; margin:0}
#colonna-dx a {
  /*color: #666666;*/
}
#colonna-dx li.activities {margin-bottom:5px; border:0}

/* 3 TAB: PROFILO PERSONALE */
.radioboxgender {float:left; width: 100px; text-align:left; margin: 0; padding:0;}
.radioboxgender input {width: 25px; margin: 0; padding:0; float:left; background: #A7A5A6;}
.uploadpic {float:left; width:210px; text-align:left; margin:0 5px; padding:0; height:80px}
.uploadpic input {width:200px; font-size:12px; margin: 0 0 5px 0}
textarea.interessi { width: 465px; height:80px; margin-bottom:0px}
textarea.descrizione { width: 465px; height:150px}

/* 3 TAB: NEWSLETTER */
.radiobox { width:120px; margin: 20px auto;}

/* VISUALIZZA PROFILO PUBBLICO */
#colonna-sx {background-color: #fff; width: 190px;}
#colonna-cx {background-color: #fff; width: 482px;padding:0 5px;}
#UserPhotoModule {width:482px; margin:0; padding:0; float:left;}
#UserPhotoModule h1 { font-size: 24px; margin: 0; padding: 0 0 10px 0 }
.module_html {width:250px; height:250px; float:left; margin:0 10px 0 0; padding:5px 0; vertical-align:middle;}
.userpic {border: 1px solid #a7a5a6; width:250px; margin:auto 10px auto 0; text-align:center;}
.userpic img { text-align:center; vertical-align:middle}
.userdetails {width:220px; float:left; padding:0; margin:0}
ul.boxdetail { list-style:none; margin: 1px 0; padding:12px 0 0 0;}
.boxdetail li { list-style:none; margin: 3px 0; padding: 3px 5px; background:#a7a5a6; font-size: 13px; color:#fff;}
span.detail { clear:both; font-weight:bolder }
#boxdesc, #boxpics {width:472px; background:#a7a5a6; margin:5px 0; padding:5px; clear:both}
#boxdesc p { margin: 5px 0; padding:5px; color:#fff; font-size:14px; line-height:14px}
#boxdesc p strong {color:#6a6a6a}
#boxpics h3 {color: #518EAB; font-size:14px; margin:0}
#boxpics img {margin: 7px; border:1px solid #fff;}



.bottone-dx { background:#AFAFAF none repeat scroll 0 0; border-bottom:1px solid #AFAFAF;border-left:1px solid #7F7F7F;float:left;font-size:10px;height:290px !important;padding:6px 2px 0px 2px;font-family: Myriad Pro;color:#000000;}
#blocco-cx-dx {border-bottom:1px solid #9F9F9F;margin:0;}



######################
########################
########################