/* ===================================================== */
/* Urologia Robotica Stylesheet - by Pier Antonio Romano */
/* ===================================================== */

/* Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, img, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  { margin: 0; padding: 0; border: 0; }

/* Utilities */
.readmore { font-weight: bold; width: 100%; clear: both; font-size: 11px; padding-top: 15px; padding-bottom: 5px; text-align: right; }
.bordered{ border: 1px solid #999; }
.small { font-size: 11px; }
.italic { font-style: italic }
.heavy_bordered { padding: 6px; background: #EDEBEA }
.qualifica { font-size: 11px }

/* Clearfix */
.clearfix:after { clear:both; content:"."; display:block; height:0; visibility:hidden; }
* html .clearfix { height:1%; }

/* Generici */
body { background: #fff; font: normal 12px "Lucida Grande", "Arial"; }
h1 { text-indent: -9999px; }
h2 { color: #333; font: bold 18px "Lucida Grande", "Arial"; padding: 5px 0px; margin-bottom: 20px; background: url(../images/puntinato_orizzontale_ccc.gif) repeat-x bottom; }
h3 { color: #486cc0; font: bold 16px "Lucida Grande", "Trebuchet MS"; padding-bottom: 1px; margin-bottom: 6px; background: url(../images/puntinato_orizzontale_ccc.gif) repeat-x bottom; }
h3 a:hover { text-decoration: none }
h4 { color: #486cc0; font: bold 14px "Lucida Grande", "Arial"; padding: 18px 0px 1px 0px }
p { margin: 5px 0px; line-height: 18px; }
a:link, a:visited { color: #486cc0; text-decoration: none; }
a:hover { color: #666; text-decoration: underline; }
blockquote { margin: 10px 0; padding: 8px 16px; background: #f3f7f9; }
blockquote p { margin-top: 0px; }
ol { margin: 15px; padding-left: 15px; }

/* Container */
#container { width: 960px; margin: 0px auto; }

/* Testata, menu e box di ricerca */
#header { width: 100%; height: 97px; margin-top: 10px; background: url(../images/home_logo.gif) no-repeat left top; border-bottom: 2px solid #fff; }
/* Menu Principale */
#menubar {  width: 100%; height: 40px; background: url(../images/bg_menubar.gif) no-repeat bottom center; z-index: 1;  }
#menubar ul { font: normal 12px "Lucida Grande", "Trebuchet MS"; width: 70%; float: left; margin-top: 5px; padding: 5px;  z-index: 1; }
#menubar ul li { display: inline; padding-right: 10px; padding-left: 9px; background: url(../images/puntinato_menu_fff.gif) no-repeat top right; position: relative;  z-index: 2 }
#menubar ul li a:link, #menubar ul li a:visited { padding-bottom: 2px; color: #fff; text-decoration: none; }
#menubar ul li a:hover, #menubar ul li a.selected { border-bottom: 3px solid #C8CBE6; }
/* Sottomenu */
#menubar ul li ul { width: 200px; display: none; background: url(../images/bg_submenu.png); position: absolute; top: 19px; left: 8px; margin: 0; padding: 10px 0px 0px 0px; z-index: 2; }
#menubar ul li ul li { display: block; background: none; padding: 4px 0px 4px 5px; z-index: 2; }
#menubar ul li ul li:hover { background: #73A2D0; color: #fff; z-index: 2; }
#menubar ul li ul li a:link, #menubar ul li ul li a:visited { color: #fff; text-decoration: none; z-index: 2;  }
#menubar ul li ul li a:hover { color: #fff; text-decoration: none; border: none; z-index: 2 }
#menubar ul li:hover ul { display: block; z-index: 2; }
 
#searchbox { float: right; width: 200px; margin-top: 6px; margin-right: 7px; }
#searchbox .search_input { padding: 3px 0px 3px 3px; color: #999; }
#searchbox .search_image { vertical-align: top; padding-top: 3px;}

/* Corpo pagina, colonne, stili box home page */
#main { margin-top: 20px; padding: 10px; margin-bottom: 20px; width: 940px; background: url(../images/bg_main.gif) no-repeat top center; }
#column-left, #column-left-entry, #column-left-social-network { background: #fff; float: left; width: 230px; padding: 5px 10px 5px 10px; margin-right: 10px;  }
#column-left-entry { width: 690px; line-height: 18px; }
#column-left-social-network { width: 620px; line-height: 18px; padding-top: 10px; }
#column-center { float: left; width: 450px; margin-right: 10px;  }
#column-right, #column-right-social-network { float: left; width: 220px; padding: 0px; margin: 0px; background: #fff; }
#column-right-social-network { width: 270px; padding: 10px; }
#column-social-not-logged { width: 98%; padding: 10px; background: #fff; height: 400px; line-height: 18px; display: none;}
#column-right-message { width: 210px; padding: 10px; float: left; background: #E0F2F6; margin-top: 10px; }
.surgery, .therapy { width: 140px; float: left; margin: 10px 0px 0px 0px; text-align: center; font-weight: bold;  }

/* Stili colonna centrale: box video e relativa navigazione */
#videobox_container { float: left; width: 450px; margin: 0px; margin-bottom: 10px; display: inline; }
.videobox_box { background: #C8CBE6; width: 49%; float: left; text-align: center; padding-bottom: 10px; display: inline; }
.videobox_box object, .videobox_box embed { margin: 0; padding: 0; }
.videobox_box_left { position: relative; }
.videobox_box_right { position: relative; float: right; }
.videobox_box h2 { text-align: left; height: 40px; background: url(../images/bg_video_nav.jpg) repeat-x top; color: #fff; font: bold 16px "Lucida Grande", "Trebuchet MS"; padding: 7px 0px 0px 6px; margin-bottom: 0px; }
.videobox_box h2 a:link, .videobox_box h2 a:visited { color: #fff; }
.videobox_box h2 a:hover { color: #fff; text-decoration: none; }
.videobox_box_right h2 { text-align: right; padding: 7px 6px 0px 0px; }
.videobox_box_left span, .videobox_box_right span { position: absolute; top: 110px; left: 87px; background: url(../images/play_video.png); width: 50px; height: 50px; cursor: pointer; }

/* Stili colonna centrale: Box Testi/Immagini */
.main_box { clear: both; width: 430px; background: url(../images/bg_main_box.gif) repeat-x top; padding: 10px; margin-bottom: 10px; }

/* Stili colonna destra: form login, lista ospedali */
.login_header { height: 18px; padding: 8px; background: #598DC6; }
.login_header h3 { font: normal 18px "Lucida Grande", "Trebuchet MS"; color: #fff; background: none; padding: 0; margin-bottom: 2px; }
.login_box { background: #D5DBE6 url(../images/bg_login_box.gif) repeat-x bottom; height: auto !important; height: 120px;
min-height: 120px; margin-bottom: 10px; padding: 10px; line-height: 20px; font-size: 11px; }
.login_box p, #ricercaospedali p { padding: 5px 0px 15px 0px; margin: 0px; }
.login_box img, #ricercaospedali img { float: right; }
.login_box input[type=text], .login_box input[type=password], #ricercaospedali select { width: 94%; border: 1px solid #ccc; padding: 2px; margin-bottom: 4px; }
.login_box input[type=submit], #ricercaospedali input[type=submit] { font-size: 11px; color: #fff; background: #3B5998; border: 1px solid #fff; padding: 5px; margin-top: 10px; float: right; margin-right: 10px; }
#ricercaospedali { height: 200px; padding: 10px; background: url(../images/bg_main_box.gif) repeat-x top; line-height: 20px; font-size: 11px; }
#login_medici { display: none; }
#medico_logged { display: none; }
#rassegna_stampa { height: 200px; padding: 0px; margin: 20px 0px 50px 0px; line-height: 20px; font-size: 11px; }
#rassegna_stampa ul.rassegna { margin: 5px 0px 5px 15px; }
#rassegna_stampa ul.rassegna li { list-style-type: square; color: #333; line-height: 18px }

/* Stili Entry */
#column-left-entry ul { margin: 15px 0px 0px 12px; padding-left: 15px; }
#column-left-entry table { border: 1px solid #CDD3E2; width: 100%; }
#column-left-entry table td { border-bottom: 1px solid #CDD3E2; vertical-align: middle; padding-left: 5px; }
#column-left-entry table thead { background: #486cc0; color: #fff; font-weight: bold; }
#column-left-entry-table td p { padding: 3px 0px; }
.entry_video_tab { text-align: center; padding: 30px }

/* Stili pagina Ospedale */
#hospital_left { width: 460px; float: left; }
#hospital_left h3 { width: 98%; }
#hospital_left .image { height: 249px; }
#hospital_left #show_map { width: 437px; font-size: 11px; background: #EDEBEA; background: #EDEBEA url(../images/orange_arrow.png) no-repeat 1% 50%; padding: 5px 0px 5px 15px; }
#hospital_left #show_map a { outline: none; }
#hospital_left #show_map.open { background: #EDEBEA url(../images/orange_arrow_down.png) no-repeat 1% 50%;  }
#hospital_left #map_container { width: 432px; padding: 10px; background: #EDEBEA;  }
#hospital_left p { padding-right: 10px; }
#hospital_right { width: 210px; padding: 10px; float: left; background: #EDEBEA }
#hospital_right h2 { color: #486cc0; font: bold 14px "Lucida Grande", "Trebuchet MS"; border-bottom: 1px solid #C8C4C1; background: none; margin-bottom: 10px; }
#back_to { width: 100%; height: 25px; clear: both; }
#column-left-entry .hospital_doctor_list { width: 98%; padding: 0; margin-left: 0px; }
#column-left-entry .hospital_doctor_list li { border-bottom: 1px solid #eee; height: 50px; padding: 5px 0px 5px 2px; list-style: none; }
#column-left-entry .hospital_doctor_list li .userpic { float: left; margin-right: 10px; height: 40px; border: 1px solid #ddd; }

/* Stili pagina medico su Blog 1 */
#column-left-doctor { width: 100px; float: left; margin: 20px 0px 0px 0px; }
#column-right-doctor { width: 580px; float: left; margin: 20px 0px 0px 10px; }

/* Stili Social Network (Comuni) */
.widget-sign-in { width: 930px; height: 60px; padding: 5px 15px 0px 15px; background: url(../images/bg_signin_widget.gif) no-repeat top left; margin-top: 20px; clear: both; }
.widget-topbar { margin-bottom: 4px; background: url(../images/puntinato_orizzontale_ccc.gif) repeat-x bottom; width: 100%;  }
.widget-topbar h3 { width: 400px; float: left; clear: none; background: none; margin-bottom: 2px; }
#widget-userdata { float: right; width: 500px; text-align: right; padding-top: 4px; }
.widget-sign-in img { vertical-align: bottom; }
.widget-content img { vertical-align: middle; }

/* Reply to post */
.reply_to_post { height: 20px; padding: 5px 0px 0px 22px; margin-top: 30px; font: bold 11px arial; background: url(http://www.urologiarobotica.it/mt-static/plugins/Motion/images/icons/comments_blank.png) no-repeat left }

/* Stili Video Archives */
.category_video_tab { padding: 10px 0px 20px 0px; position: relative; }
.category_video_tab span { position: absolute; top: 190px; left: 200px; background: url(../images/play_video.png); width: 50px; height: 50px; cursor: pointer; }

/* Footer / Chiusura pagina */
#footer { width: 100%; height: 40px;  background: url(../images/bg_footer.gif) no-repeat top center; }
#footer a:link, #footer a:visited { color: #FAFFBD; text-decoration: none; }
#footer a:hover { text-decoration: underline; }
#footer p { width: 70%; float: left; margin: 0px; padding: 14px 10px 5px 15px; color: #fff; font: normal 11px "Lucida Grande", "Trebuchet MS" }
#footer_coda { width: 100%; height: 100px; background: url(../images/footer_coda.gif) no-repeat top center; border-top: 2px solid #fff; }
#gotop { float: right; padding-right: 10px; padding-top: 10px; font: normal 11px "Lucida Grande", "Trebuchet MS" }
#gotop a:link, #gotop a:visited { color: #fff; text-decoration: none; }
#gotop a:hover { text-decoration: underline; }