/* =============================================== */
/* Cyber Knife 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; outline: none; }

/* 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: #e3e3e3 }
.light_bordered { border: 1px solid #ddd; }
.ppt { font-family: Arial }
.hidden { display: none; }
.registered { font-size: 12px; }

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

/* Generici */
body { background: #e3e3e3; font: normal 11px verdana; padding-bottom: 20px; }
h1 { position: absolute; top: -200px; left: -9999px; }
h2 { font: bold 16px "Trebuchet MS"; padding-bottom: 2px; border-bottom: 1px dotted #ccc; margin-bottom: 8px; color: #f60; }
h3 { font: bold 14px "Trebuchet MS"; padding-bottom: 2px; border-bottom: 1px dotted #ccc; margin-bottom: 8px; color: #f60; }
h4 { font: bold 12px "Trebuchet MS"; padding-bottom: 2px; border-bottom: 1px dotted #ccc; margin-bottom: 6px; color: #f60; }
p { line-height: 18px; }
a:link, a:visited { color: #f60; text-decoration: none; }
a:hover { color: #f90; text-decoration: underline }
a.more:link, a.more:visited { color: #ff8400; }
p.text a:link, p.text a:visited { color: #f60; text-decoration: none; padding: 2px 0px; border-bottom: 1px dotted #f60; }
p.text a:hover { color: #f60; border-bottom: 1px dotted #f60; }

/* Ajax */
#errors { display: none; width: 258px; float: right; color: #333; border: 1px solid #900; padding: 10px 10px 10px 30px; margin-top: 10px; background: #fcc url(../img/warning_16.png) no-repeat 2% 50%; margin-bottom: 10px; }
#success { display: none; width: 258px; float: right; color: #333; border: 1px solid #090; padding: 10px 10px 10px 30px; margin-top: 10px; background: #F6FFE2 url(../img/tick_16.png) no-repeat 2% 50%; }

/* Testata */
#header { height: 80px; padding-top: 5px; width: 100%; position: relative; }
#menubar { background: url(../img/bg_menubar.png) no-repeat top center; height: 38px; position: relative; }
#menubar ul { margin: 0; padding: 0px 0px 0px 10px; height: 28px; position: absolute; bottom: 3px; }
#menubar ul li { display: inline; float: left; margin-left: -15px; position: relative; }
#menubar ul li:first-child, #menubar ul li.first { margin-left: 0px; }
#menubar ul li a { color: #333; text-decoration: none; background: url(../img/bg_li_inactive.png) no-repeat left; display: block; height: 13px; padding: 9px 0px 9px 10px;  float: left; }
#menubar ul li span { float: left; width: 30px; height: 31px; background: url(../img/bg_li_inactive.png) no-repeat right;  }
#menubar ul li.active, #menubar li:hover  { z-index: 999; direction: ltr; }
#menubar ul li.active a, #menubar li:hover a { background: url(../img/bg_li_active.png) no-repeat left; color: #333; z-index: 999; direction: ltr; }
#menubar ul li.active span, #menubar li:hover span { background: url(../img/bg_li_active.png) no-repeat right; z-index: 999;  direction: ltr; } 
.subnav { position: absolute; left: -1px; top: 31px; background: #fff url(../img/bg_submenu.gif) repeat-x bottom;  margin: 0; padding: 10px; display: none; float: left; border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; min-width: 200px; }
#menubar ul li:hover .subnav a { display: block; background: none; width: 195px; margin: 0; padding: 6px 5px; border-bottom: 1px dotted #ccc; float: none; }
#menubar ul li:hover .subnav a:hover { background: #f90; color: #fff; }
#menubar ul li:hover .subnav .button_small { outline:none; background: url(../img/bg_button_small.png) no-repeat top center; color: #fff; border: none; width: 100px; height: 20px; cursor: pointer; }
#menubar ul li:hover .subnav a.manage_list { color: #33789C; font-size: 10px; padding: 0px 0px 8px 0px; border: none; text-align: right; }
#menubar ul li:hover .subnav a.manage_list:hover { background: none; color: #369 }
#search_box { float: right; width: 205px; padding-top: 10px; margin-right: 11px; }
#search_text { border: none; padding: 3px 0px; font: italic 12px Arial; margin: 0px; color: #999; float: right; margin-right: 2px; }
#search_button { color: #333; background: #F5DFB8; border: none; /*padding: 3px*/; font: bold 11px verdana; margin: 0px; cursor: pointer; float: right }
#box_top_right { position: absolute; right: 0px; top: 40px; color: #333; background: #ddd; -webkit-border-radius: 6px; -moz-border-radius: 6px; padding: 8px 10px; }
#box_top_right img, #box_languages img { vertical-align: middle }
#box_top_right a:link, #box_top_right a:visited, #box_languages a:link, #box_languages a:visited { color: #666; }
#box_top_right a:hover, #box_languages a:hover { text-decoration: none }
#box_languages { background: #ddd; width: 83px; position: absolute; top: 55px; right: 0px; padding: 9px; display: none; z-index: 999; }

/* Corpo pagina */
#container { width: 960px; margin: 0px auto; }
#main { background: #fff; width: 938px; padding: 10px; border-right: 1px solid #ccc; border-left: 1px solid #ccc; border-bottom: 1px solid #ccc; }
#column_home_left { margin-top: 10px; width: 300px; padding-right: 2px; float: left;  min-height: 500px; }
#column_home_right { margin-top: 10px; width: 620px;float: right; padding-left: 9px; margin-left: 5px; min-height: 668px; border-left: 1px dotted #ccc; }

/* Mappa */
#map { width: 100%; height: 152px; float: left; background: #E7CC9F; }
#map_desc { background: #AA805A; width: 100%; text-align: center; clear: both; padding-top: 3px; font: bold 18px "Trebuchet MS"; height: 25px; color: #fff; }

/* Intestazione entry */
#entry_header { width: 100%; height: 142px; float: left; background: #E7CC9F; }

/* Sidebar sinistra - Home */
.box_home_left { background: #E3EADE; padding: 10px; margin-bottom: 10px; }
.box_home_left .thumb { float: left; margin: 4px 5px 0px 0px }
.box_home_left h3 a:hover { text-decoration: none; }

/* Area video - Home */
#last_video, .last_video { position: relative; }
#last_video span, .last_video span { position: absolute; top: 60px; left: 280px; background: url(../img/play_video.png); width: 50px; height: 50px; cursor: pointer; } 
.video_desc { position: absolute; bottom: 2px; left: 0px; background: url(../img/bg_video_desc.png); width: 100%; /*height: 20px*/; padding: 8px 0px; color: #fff; text-align: center }
#column_home_right p { margin: 10px 0px; }
#videobox_container { float: left; width: 100%; margin: 10px 0px 0px 0px;  display: inline; }
.videobox_box { width: 49.5%; float: left; display: inline; }
.videobox_box p { margin: 5px 0px; }
.videobox_box_right { float: right; }
.videobox_box h3 { text-align: left; padding: 7px 6px 0px 0px; font-size: 16px; }
.videobox_box h3 a:link, .videobox_box h3 a:visited { color: #f60; text-decoration: none; }
.videobox_box h3 a:hover { color: #f90; text-decoration: none; }
.videobox_box_right h3 { text-align: right; padding: 7px 6px 0px 0px; }
.videobox_box_left span, .videobox_box_right span, .category_video_tab span { position: absolute; top: 60px; left: 125px; background: url(../img/play_video.png); width: 50px; height: 50px; cursor: pointer; }
.video_small_image { position: relative; height: 178px; }

/* Box articoli - Home */
#articleBox { clear: both; padding: 15px 0px; margin: 15px 0px; border-top: 2px dotted #ccc; }

/* Area video - Categorie */
#category_video_left { width: 310px; height: 660px; float: left; }
.category_video_tab { margin-bottom: 20px; position: relative }
.category_video_tab a img:hover { border: none; text-decoration: none; }
#category_video_right { width: 280px; float: right; background: #ededed; padding: 10px; line-height: 18px; }


/* Form di contatto */
#leaveMail { width: 280px; float: right; padding: 10px; margin-top: 10px; margin-bottom: 30px; background: #e3e3e3;  }

/* Entry */
#column_home_right ul { margin-left: 15px; line-height: 19px; list-style-type: square; }

/* Contact Us */
#formContact .note {font-size: 12px; padding:2px 5px;}
#formContact .note span { color: #e2001a; }
#category { padding:10px 0 10px 50px;  background: url(../img/uno.gif) 10px center no-repeat; border-bottom: 2px dotted #ccc; }
#questions { padding:10px 0px 10px 50px; background: url(../img/due.gif) 10px center no-repeat;  border-bottom: 2px dotted #ccc; }
#category select, #questions select {width:400px; font-size:11px;}
#answer { background: #f1f1f1 url(../img/arrow_gray.gif) 15px 0 no-repeat; padding: 20px 40px; margin: 10px 0px 10px 0px; color:#000; }
#answer a { text-decoration: underline; }
#formContact { padding: 20px 5px; margin: 0px;}
#formContact .legend { font: bold 14px "Trebuchet MS"; padding-bottom: 2px; margin-bottom: 8px; color: #f60; }
#formContact label {display:block; font-size:11px; color:#000; font-weight:bold; margin-top:10px;}
#formContact label span { color:#e2001a; }
#formContact input:text, #formContact textarea {padding-top: 0px; border:1px solid #d8d8ce}
#formContact .bucatesto {width:450px; height:90px; line-height:13px; font-size:13px; padding:2px;}
#formContact input.buca {width:300px; margin-right:10px;line-height:13px; font-size:13px; padding:2px; margin-top:10px;}
#formContact select.buca {width:300px; margin-right:10px;line-height:13px; font-size:13px; padding:2px; margin-top:10px;}
#formContact textarea.buca {width:300px; margin-right:10px;line-height:13px; font-size:13px; padding:2px; margin-top:10px;}

#formContact .bucaCheck { margin-top: 10px; }
#formContact span.choise {margin-right:12px; margin-top:3px; height:20px; line-height:20px; display:block; float:left; background:#fff; padding:1px 6px; color:#000;}
#privacy_note, #privacy_content, #termsofuse_note {color:#000; font-size:11px; line-height: 17px; }
#privacy_content, #termsofuse_content { display: none; height: 250px; overflow: auto; border: 1px solid #ccc; margin: 10px 0px 0px 0px; color: #000; }
#invio_form {height:66px; } 
.butt80 { background: url(../img/bg_butt80.gif) no-repeat; width:80px; height:21px; line-height:21px; text-align:center; display:block; margin-top: 12px; }
.policy_close { background: #ededed; text-align: right; padding: 5px 0px; margin: 0px; width: 100%; }
 
/* Pop-up Upload Contact Us */
#popup {width:400px;  margin:0 auto; text-align:left; }
#upload {padding:0 10px 20px; margin:10px; background:#ebebdc; min-height:300px;}
#upload .legend { background: url(../img/arrow_yellow.gif) no-repeat; padding:8px 0 10px 30px; margin:0; color:#7e7e7e; font-size:13px;}
#upload input.buca {width:300px; margin-right:10px; line-height:13px; font-size:13px; padding:2px; border:1px solid #d8d8ce}
.contactus_button_enabled { color: #333; background: #FF9B07; border: none; padding: 3px; font: bold 11px verdana; margin: 0px; cursor: pointer; float: left }
.contactus_button_disabled { color: #999; background: #E3C99C; border: none; padding: 3px; font: bold 11px verdana; margin: 0px; cursor: pointer; float: left }

/* Stili Social Network (Comuni) */
.widget-sign-in { width: 908px; height: 55px; padding: 10px 15px 0px 15px; background: #E3EADE; margin-top: 20px; clear: both; }
.widget-sign-in a:link, .widget-sign-in a:visited { color: #900; }
.widget-sign-in a:hover { color: #f60; }
.widget-topbar { margin-bottom: 4px; background: url(../img/puntinato_orizzontale_ccc.gif) repeat-x bottom; width: 100%;  }
.widget-topbar h3 { width: 400px; float: left; clear: none; background: none; border-bottom: none; margin-bottom: 2px; }
#widget-userdata { float: right; width: 500px; text-align: right; padding-bottom: 4px; }
.widget-sign-in img { vertical-align: bottom; }
.widget-content img { vertical-align: middle; }
#column-left-social-network { width: 620px; line-height: 18px; padding-top: 10px; margin-bottom: 40px; float: left; }
#column-right-social-network { width: 293px; padding: 10px; float: left; padding: 0px; margin: 0px 0px 40px 20px; background: #fff; }
#column-social-not-logged { width: 98%; padding: 10px; background: #fff; height: 400px; line-height: 18px; display: none;}
#column-left-social-network ul, #column-right-social-network ul { list-style: none }
.reply_to_post { background: url(http://www.radiochirurgia.tv/mt-static/plugins/Motion/images/icons/comments_blank.png) no-repeat left; font-weight:bold;
height:20px; margin-top:30px; padding:5px 0 0 22px; }

/* Pre-footer - Rassegna stampa a scorrimento */
#prefooter_container { float: left; position: relative; width: 938px; }
#prefooter { border-top: 2px dotted #ccc; padding: 10px 0px; clear: both; margin-top: 8px; }
#prefooter h3 { width: 928px; padding-left: 10px; }
/* liScroll styles */
.tickercontainer { background: #E3EADE; width: 100%; height: 40px; margin: 0; padding: 0; overflow: hidden; }
.tickercontainer .mask { position: relative; left: 10px; top: 8px; width: 98%; overflow: hidden; }
ul.rassegna { position: relative; left: 1050px; font: normal 10px Verdana; list-style-type: none; margin: 0; padding: 0; }
ul.rassegna li { float: left; margin: 0; padding: 0; }
ul.rassegna a:link, ul.rassegna a:visited { white-space: nowrap; padding: 0; font: bold 10px Verdana; margin: 0 50px 0 0; } 
ul.rassegna span { margin: 0 10px 0 0; } 

/* Footer */
#footer { float: left; margin: 2px 0px 0px 0px; padding: 10px 0px 0px 0px; line-height: 19px; border-top: 2px dotted #ccc; width: 100%; }
#footer a:link, #footer a:visited, #credits a:link, #credits a:visited { color: #0187C5; text-decoration: none; }
#footer a:hover, #credits a:hover { text-decoration: underline }
#footer h4 { font: bold 11px Verdana; margin-bottom: 0px; padding-bottom: 4px; border: none; }
#footer ul { width: 175px; float: left; list-style: none; margin: 0px 0px 5px 10px; padding: 0px; }
#footer ul li { padding: 0px; text-align: left; }
#footer ul.rassegna { width: 250px; }
#credits { position: relative; width: 100%; margin-top: 0px; padding-top: 10px; }
#backtop { position: absolute; top: 10px; right: 5px; float: right; width: 100px; text-align: right; }
