/* reset.css */
html,body,div,span,applet,object,iframe, h1,h2,h3,h4,h5,h6,p,blockquote,pre, a,abbr,acronym,address,big,cite,code, del,dfn,em,font,img,ins,kbd,q,s,samp, small,strike,strong,sub,sup,tt,var, dl,dt,dd,ol,ul,li, fieldset,form,label,legend, table,caption,tbody,tfoot,thead,tr,th{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;}
body{line-height:1;color:#333;background:white;}
/*table{border-collapse:separate;border-spacing:0;}
caption,th,td{text-align:left;font-weight:normal;}*/
blockquote:before,blockquote:after,q:before,q:after{content:"";}
blockquote,q{quotes:"" "";}

/* --- Common Use --- */
.clear {clear:both;visibility:hidden;}
.fontnormal {font-weight: normal;}
.sixth {width:15% !important;}
.fifth {width:19% !important;}
.quarter {width:23% !important;}
.percent30 {width:31% !important;}
.third {width:32% !important;}
.percent36 {width:36% !important; }
.percent40 {width:39% !important;}
.half {width:48% !important;}
.percent60 {width:58% !important;}
.twothird {width:64% !important;}
.percent70 {width:72% !important;}
.threequarter {width:75% !important;}
.percent90 {width: 90% !important;}
.full {width:100% !important;}
.centerDiv {text-align: center;}
.leftDiv {text-align: left;}
.rightDiv {text-align: right;}
.justifyDiv {text-align: justify;}
.centered {margin-left: auto; margin-right: auto;}
.right {margin-left: auto; margin-right: 0;}
.rowDiv {float:left; display:inline; margin-right:5px;}
.rowDivR {float:right; display:inline; margin-right:5px;}
.padDivSml {margin: 2px 2px 2px 2px;}
.padDiv {margin: 4px 4px 4px 4px;}
.padDivTop {margin: 4px 0px 0px 0px; padding: 0px 0px 0px 0px;}
.padDivBig {margin: 10px 10px 10px 10px;}
.padDivVBig {margin: 15px 15px 15px 15px;}
.padNoLeft {margin: 4px 4px 4px 0px;}
.padLeft {margin: 3px 3px 3px 12px;}
.indent {margin-left: 30px;}
.outline {border: 1px solid #ccc;}
.vtop {vertical-align: top;}
.vmiddle {vertical-align: middle;}
.vbaseline {vertical-align: baseline;}
.vbottom {vertical-align: bottom; }
.pointer {cursor: pointer;}
.tight {padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px;}
.redline {border:1px solid #FF0000;}
.overhide {overflow: hidden;}
.errtext {font-weight: bold; color: #990000;}
.frameit { padding: 1px 1px 1px 1px; border: 1px solid #BDB76B;}

/* typography.css */
body{font-family:"Lucida Grande",Helvetica,Arial,Verdana,sans-serif;line-height:1.15;}
body{font-size:75%;}
html > body{font-size:12px;}
h1,h2,h3,h4,h5,h6{font-family:Helvetica,Arial,"Lucida Grande",Verdana,sans-serif;color:#111;clear:both;}
h1{font-size:3em;}
h2{font-size:2em;}
h3{font-size:1.5em;line-height:2;}
h4{font-size:1.2em;line-height:1.25;font-weight:bold;}
h5{font-size:1em;line-height:1.5;font-weight:bold;}
h6{font-size:.8em;}
p{margin:0 0 1.5em 0;text-align:left;}
p.last{margin-bottom:0;}
p img{float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}
p img.top{margin-top:0;}
ul,ol{margin:0 0 1.5em 1.5em;}
ol{list-style-type:decimal;}
dl{margin:1.5em 0;}
dl dt{font-weight:bold;}
a{color:#09547C;text-decoration:none;outline:none;}
a:hover{color:#3366FF;}
blockquote{margin:1.5em 0 1.5em 1.5em;color:#666;font-style:italic;}
strong{font-weight:bold;}
em{font-style:italic;}
pre{margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;}
code{font:0.9em Monaco,monospace;}
hr{background:gold;color:gold;clear:both;float:none;width:100%;height:1px;border:none;}
* html hr{margin:0 0 1.2em 0;}
/*table{margin-bottom:1.1em;border-top:0.1em;border-left:0.1em;}*/
/*th,td{height:.5em;padding:0.1em 0.1em;}
th{font-weight:bold;}*/
label{font-weight:bold;}
textarea{height:180px;width:300px;}
p.small{font-size:0.8em;margin-bottom:1.875em;line-height:1.875em;}
p.large{font-size:1.2em;line-height:2.5em;}
p.quiet{color:#666;}
.hide{display:none;}
.alt{color:#666;font-family:"Warnock Pro","Goudy Old Style","Palatino","Book Antiqua",serif;font-size:1.2em;line-height:1%;font-style:italic;}
.dquo{margin-left:-.7em;}
p.incr,.incr p{font-size:0.83333em;line-height:1.2em;margin-bottom:0.8em;}
.super{font-size:0.9em; vertical-align:top;}
.superp{font-size:0.73333em;vertical-align:top;}

/* layout */
body{text-align:center; margin:0 auto; background-color:#D8D8D8}
.span-1{width:960px;}
.span-1m{width:940px;}
.span-2{width:600px;}
.span-3{width:340px;}
.span-4{width:300px;}
.span-5{width:450px;}
.span-6{width:200px;}

.container{text-align:left; position:relative; padding:0; margin: 5px auto 5px auto; width:960px; background-color:#FFF; border:1px #000 solid;}
.menuarea {padding: 0; margin:0 auto; background: #000;border-top: 1px solid #999;}
.menubox {margin: 0 auto 0 auto; padding-right: 4px;}
.menuitem {text-decoration:none; font-weight:bold; color:#C18C24; margin: 4px 0px 4px 4px; padding-left: 4px; border-bottom: 1px dashed #000000;}
.menuimage {text-decoration:none; margin: 1px 0px 1px 4px; padding-right: 4px;}
.menuline {border-left: 1px solid #C18C24; }
.menuitem:hover {color:gold; }
.imgheaderbox{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height:190px; width: 960px; background: #FFFFFF url(../../Genie31/site/header31.jpg) no-repeat;}
.imgheaderboxENG{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height:190px; width: 960px; background: #FFFFFF url(../../Genie31/site/header31ENG.jpg) no-repeat;}
.imgheaderboxFR{margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; height:190px; width: 960px; background: #FFFFFF url(../../Genie31/site/header31FR.jpg) no-repeat;}
.spbox {float: left; height: 160px; margin: 0; padding: 0; }
.spimage {vertical-align: baseline; margin-top: 20px;  }
.border{padding:5px;margin-right:0;border:1px solid gold; url(../site/sidefade.gif) repeat-x top; }
.mainbox {padding-left:5px; margin-bottom: 5px; background: #FFFFFF; }
.sectitle {padding-left:12px; background: url(../../Genie30/site/redarrow.gif) no-repeat left; }
.layout {margin:0 25px; width:90%; border:0;align: center;padding:2 auto;}
.logo {width:280px;align:center;vertical-align:top;}
.quote {width:600px}
.name {margin:10px 10px 10px 500px;}

/* grid.css */
.column{float:left; margin:0 7px;padding:0;}
.copyright{text-align:center;padding:0;margin:0 auto}
* html .column{overflow-x:hidden;}
.first{margin-left:10px;}
.last{margin-right:5px;}
.box{padding:1.5em;margin-bottom:1.5em;background:#F0F0F0;}

/* buttons.css */
a.button,button{display:block;float:left;margin:0 0.583em 0.667em 0;padding:5px 10px 6px 7px;border:0.1em solid #dedede;border-top:0.1em solid #eee;border-left:0.1em solid #eee;background-color:#f5f5f5;line-height:130%;text-decoration:none;font-weight:bold;color:#565656;cursor:pointer;font:100% "Lucida Grande",Tahoma,Arial,Verdana,sans-serif}
button{width:auto;overflow:visible;padding:4px 10px 3px 7px}
button[type]{padding:5px 10px 5px 7px;line-height:17px}
*:first-child+html button[type]{padding:4px 10px 3px 7px}
button img,a.button img{margin:0 3px -3px 0 !important;padding:0;border:none;width:16px;height:16px}
button:hover,a.button:hover{background-color:#dff4ff;border:0.1em solid #c2e1ef;color:#336699}
a.button:active{background-color:#6299c5;border:1px solid #6299c5;color:#fff}
.positive{color:#529214}
a.positive:hover,button.positive:hover{background-color:#E6EFC2;border:0.1em solid #C6D880;color:#529214}
a.positive:active{background-color:#529214;border:0.1em solid #529214;color:#fff}
.negative{color:#d12f19}
a.negative:hover,button.negative:hover{background:#fbe3e4;border:0.1em solid #fbc2c4}
a.negative:active{background-color:#d12f19;border:0.1em solid #d12f19;color:#fff}
.hidden {display: none;}
.unhidden {display: block;}