@charset "utf-8";

/* ============ Basics HTML ================*/

/* surdef BusinessMOBILE V1 */
#bm_main{background: url(/i/m/top_fade.gif) no-repeat; background: none; padding:0 11px}
/* elements degages */
#bm_top, #bm_header {display:none}

/* elements redefinis */
#bm_catnav {height: 13px; background: #4a4a4a; position: relative; bottom: 39px}
#bm_catnav a span {font-weight: normal}

/*header*/
#bm_header{background: none; width:728px; height:35px; position: relative; vertical-align: inherit}

/* Business focus */
#bm_businessfocus .bm_last{display: none}
#bm_businessfocus a {padding:6px 37px 5px 10px}
#bm_businessfocus a:hover {color:#000}

body {font: 62.5% Verdana, Arial, Helvetica, sans-serif; background: #dfdfdf url(/v2/i/bm_bg-a.gif) repeat-y 50% 0; margin: 0; padding: 0; color: #000} 
p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, dt, dd, blockquote, tt, th, td, form, fieldset, label, legend, input, textarea, button {padding:0; margin:0}
label {cursor: pointer}
button {background: #a3a3a3 url(/v2/i/bm_bgbutton.gif) repeat-x bottom left; border-top:1px solid  #DDFA6C; border-left:1px solid  #DDFA6C; border-right:1px solid  #184900; border-bottom:1px solid  #184900; color:#fff; padding: 0 7px; font-size: 1em; font-weight: normal}
a:link {color: #6B0; text-decoration: none}
a:visited {color: #690; text-decoration: none}
a:hover {color: #6B0; text-decoration: underline}
a:active {color: #6D0; text-decoration: underline}

/* General class */
.hide {display: none}

/* ============ mobile version ================*/
p#toplink {text-align: center; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; background: #fff; padding: 3px 0; font-size: 1.2em}
#toplink a:link, #toplink a:visited, #toplink a:hover, #toplink a:active {color: #000}

/* ============ mobile version ================*/
p.mobversion {border-top: 1px solid #fff; background-color: #dfdfdf; padding: 4px 0 6px 2em} 
p.mobversion a {color: #000; font-weight: bold}
p.mobversion a img {border: 1px solid #fff; vertical-align: bottom}

/* ============ Top ================ */
#top {width: 972px; margin: 0 auto; background: #4A4A4A; height: 20px; padding: 5px 0 1px 0; border-top: 1px solid #fff}
#top a:link, #top a:visited {color: #fff; text-decoration: none; border:none}
#top a:hover, #top a:active{text-decoration: underline; border:none}
#top ul {float: left; font-size: 1em; padding-top: 2px;}
#top ul li {display: inline; border-left: 1px solid #fff; padding-left: 7px}
#top ul li.first {border: none}

/*form*/
/*#top form, #top fieldset, #top label, #top input {float: left; color: #fff; margin: 0 3px}
#top form {margin: 0 10px 0 170px}
#top fieldset {padding: 0 2px; border: none}
#top label {padding-top: 2px; color: #CCCCCC}
#top input {color: #000; font-size: 0.9em; padding: 0 1px; width: 60px}
#top ul.last {float: right; margin-right: 10px}*/

/* ============ Header ================ */
#header {background: #4A4A4A; border-bottom: 1px solid #fff; padding: 5px 20px 5px 10px; /**/ width: 942px; margin: 0 auto; margin-bottom: 10px; /* super simple clear float */ clear: both; overflow: auto; _height: 1%}
#header p.branding {float: left;  width: 410px;}
#header div {float: right; width: 510px;}
#header a:link, #header a:visited {color: #eee}
#header p.branding {float: left;  width: 410px;}
#header p.branding em {display: block; float: left; padding-top: 58px; font: normal normal 100 1em arial, sans-serif; color: #ddd; margin: 0 0 0 5px;}
#header a.businessmobile:link, #header a.businessmobile:visited {display: block; float: left; text-indent: -5000px; height: 84px; width: 246px;	background: transparent url(/v2/i/businessmobile.gif) no-repeat 0 100%; text-decoration: none}
#header a.zdnet:link, #header a.zdnet:visited {display: block; float: left; text-indent: -5000px; height: 90px; width: 81px; background: transparent url(/v2/i/zdnet.gif) no-repeat 0 42px; text-decoration: none}
#header p.branding a:hover {text-decoration: none}
#header ul.news {margin: 0 5px; color: #fff;}
#header ul.news li {margin: 5px 0; list-style-type: square;}
#header ul.services {float: right; margin-top: 10px}
#header ul.services li {border-left: 2px ridge #000; _border-left: 1px ridge #fff; padding-left: 5px; display: inline}
#header ul.services li img {vertical-align:bottom}
#header ul.services li.first {border: none; padding: 0}

/* Leaderboard */
/*#bm_leaderboard {padding: 5px 0 10px; background: transparent;}
#bm_leaderboard img.add {border: none; margin: 0 auto; margin-top: 7px; display: none}*/

/* ============ Menu + Search ================ */
#menu_container {background: #eee; /* 7px = image background height */ /* General width 940 px */ width: 728px; margin: 0 auto; /* super simple clear float */ clear: both; overflow: visible; _height: 1%}
#menu a:link, #menu a:visited {color: #fff; display: block; position: relative; background: #4a4a4a; float: left; padding: 7px 12px; /* font */ font-size: 1.2em; font-family: Arial, Helvetica, sans-serif; border-right: 1px solid #ccc;	}
#menu a:hover {background: #000; color: #fff; text-decoration: none}
#menu a:active {background: #fff; color: #000; text-decoration: none}
#menu li.selected a:link, ul#menu li.selected a:visited {background: #fff; color: #000}
#menu {list-style: inside none; border: 1px solid #fff; background: #4a4a4a; height: 29px}
#menu li {/* special for ie */ display: inline;}
#menu .new a:link,  #menu .new a:visited {font-weight:bold;background:transparent url(/v2/i/btraveler_menu.jpg) repeat-x scroll 0 0;color:white;}
#menu .new a:hover {font-weight:bold;background:#5e8be5;} 

/* search form */
#f_search {text-align: center; border-top: 1px solid #fff; height: 25px; padding: 5px 0 8px 0; background: url(/v2/i/bm_bgm.gif) repeat-x bottom #EEE; position: relative; top: 29px}
#f_search fieldset {border: none;}
#f_search select, input { font-family:verdana; font-weight:bold; font-size:1.2em}
#f_search input {width: 320px; padding: 1px 2px}
#f_search button {margin: 0 5px 1px 5px}
#f_search label {font: normal normal 600 12px arial,verdana; text-transform: uppercase; margin-right: 5px}

/* ============ Liens annonceurs ================ */
#splinks {padding: 15px; border-top: 1px solid #ccc; background: #fff url(/v2/i/bm_bgrighdiv.gif) repeat-x 0 1px; border-bottom: 5px solid #4a4a4a; /* super simple clear float */ clear: both; /* visible instead of auto - cause safari */ overflow: visible; _height: 1%}
#splinks h3 {font-size: 1.2em; background: none; border: none}
#splinks ul {list-style: none outside}

/* For BusinessTraveler Tab */
ul#menu li a.not-selected-bt:link, ul#menu li a.not-selected-bt:visited {background: url(/v2/i/btraveler_menu.jpg) repeat-x; color: #FFF; font-weight: normal}

/* ============ Member Zone ================*/
#memberzone {font: normal normal 100 0.9em arial, verdana, sans-serif; position: absolute; clear: both; top: 25px; width: 965px; text-align: right;}
#memberzone a:link, #memberzone a:visited {color: #000}
#memberzone form {display: inline; padding: 0 .5em;}
#memberzone input {border: 1px solid #999; padding: 1px; width: 100px}
#memberzone li.first {border: none;}
#memberzone li {display: inline;}
a#inscription, a#myaccount {padding: 0 5px; border-left: 2px groove #eee}
a#myaccount {padding-right: 0}
a#profileresume {padding: 0 5px}
#memberzone li a#connect {padding-right: 0}

/* ============ video ================*/
#bm_video h3 {width:500px;}