@import url(normalise.css);
@import url(menu.css);
/* Layout */
body { background-color: #FFF; margin: 0px; font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #4c585e; }
#container{ position: absolute; margin-top: -243px; width: 950px; height: 486px; top: 50%; margin-left: -450px; left: 50%; }
#header{ height: 105px; width: 100%; position: relative; }
#branding{ background-color: #e1e3e4; float: left; height: 95px; width: 590px; margin-right: 10px; position: relative; display: block; }
#menu{ height: 95px; width: 350px; float: right; background-color: #36424a; position: relative; display: block; }
#content{ display: block; clear: both; height: 350px; width: 100%; position: relative; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: none; border-top-color: #e1e3e4; border-right-color: #e1e3e4; border-bottom-color: #e1e3e4; border-left-color: #e1e3e4; right: 0px; }
#left{ float: left; height: 350px; width: 590px; margin-right: 10px; position: relative; display: block; }
#right{ height: 350px; width: 350px; float: right; background-color: #e1e3e4; position: relative; display: block; }
#footer{ text-align: right; padding: 5px; font-size: 10px; }
#footer a { color: #9AA2A5; }
#footer a:hover { color: #b50937; }



/* Menu */
#menu ul{ width: 100px; position: relative; left: 13px; top: 13px; float: left; }
#menu li{ padding-bottom: 4px; font-size: 11px; letter-spacing: 0.1em; }
#menu li a{ color: #8D969A; }
#menu li a:hover{ color: #FFF; }
#menu h1{ background-image: url(../images/logo_bs_hs.gif); background-repeat: no-repeat; text-indent: -9999px; display: block; float: right; height: 95px; width: 170px; position: relative; }

/* Content */
#page_content{ float: right; top: 0px; position: absolute; right: 0px; z-index: 5; display:block; width: 350px; height: 350px; background-color: #e1e3e4; }
#left ul{ left: 25px; position: relative; }
#content li{ padding-bottom: 8px; background-image: url(../images/bullet_fl_off.gif); background-repeat: no-repeat; padding-left: 13px; background-position: 3px 3px; }
#left li a{ color: #C6CBCC; font-size: 14px; }
#content li a:hover{color: #b50937; }
.s_menu_page{ font-size: 11px; background-image: url(../images/bullet_fl_on.gif); background-repeat: no-repeat; background-position: 0px 3px; padding-left: 10px; }
#content a{ font-size: 14px; color: #9AA2A5; }
#content a:hover{color: #b50937;}
.barette{ background-color: #b50937; width: 10px; position: relative; height: 10px; display: inline-block; }
#ref p{ text-align: justify; line-height: 24px; }
h2{color: #b50937;}
/* bubble tooltip */
#help{}
a.tt{ text-decoration:none; }
a.tt span{ display: none; }
a.tt:hover span.tooltip{ display:block; position:absolute; width: 350px; height: 350px; }
a.tt:hover span.s_menu_page{ display:block; }
.tooltip{ float: right; top: 0px; position: absolute; right: 0px; z-index: 10; }
/* Form */
form{ width: 200px; position: relative; }
label{ display: block; position: relative; text-align: left; }
input{ width: 200px; background-color: #D1D9DC; margin-bottom: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #36424A; border-right-color: #F1F2F3; border-bottom-color: #F1F2F3; border-left-color: #36424A; font-size: 11px; color: #36424A; text-align: left; }
textarea{ width: 200px; background-color: #D1D9DC; margin-bottom: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #36424A; border-right-color: #F1F2F3; border-bottom-color: #F1F2F3; border-left-color: #36424A; font-size: 11px; color: #36424A; font-family: Arial, Helvetica, sans-serif; text-align: left; }
input.btn_next { cursor: pointer; width: 200px; background-color: #D1D9DC; margin-bottom: 10px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #F1F2F3; border-right-color: #36424A; border-bottom-color: #36424A; border-left-color: #F1F2F3; font-size: 11px; color: #36424A; display: block; text-align: center; padding-top: 3px; padding-bottom: 3px; }
input.btn_nexthov { cursor: pointer; color: #b50937; }