body, td {font-family:Verdana; font-size:8pt; line-height:1.6; text-align:justify}

body {margin:0; padding:0; background-color:white}

h1 {font-family:verdana; font-size:18pt; font-weight:normal; letter-spacing:0.1em; color:#FF5B0D; margin:0 0 1em 0}
h1 a {color:#3F6707}
h2 {font-family:verdana; font-size:16pt; font-weight:normal; color:#87C900; margin:1.5em 0 0.75em 0}
h3 {font-family:verdana; font:normal normal 400 14pt verdana; color:#87C900; margin:3em 0 0.5em 0; padding:0 0 0.25em 0}
h4 {font-family:verdana; font:normal normal 400 13pt verdana; color:#87C900; margin:0.75em 0 0.25em 0; padding:0}
h5 {font-family:verdana; font:normal normal 600 10pt verdana; color:#FF5B0D; margin:0; padding:0}
h6 {font-size:8pt; font-weight:bold; margin:0.25em 0 0.25em 0; color:inherit}

p {margin-top:1em}

table {padding:0; border-collapse:collapse}

form {margin:0px}
form .libfield {}
label {color:#8FC400; font-weight:bold}
input, select, textarea {font-family:Verdana; font-size:8pt; border:solid 1px #a0a0a0; background-color:#F9F7E8}
input.button {font-weight:bold; height:23px; background:url(/img/web/button_bg.png) repeat-x; border:solid 1px #c0c0c0; color:#000000}
input.submit {font-weight:bold; height:23px; background:url(/img/web/submit_bg.png) repeat-x; border:solid 1px #005CB9; color:#002D59}
.error {color:red}

a {color:#006CD9; text-decoration:none}
a:link, a:visited {}
a:hover {text-decoration:underline; color:orange}

a.popup {border-bottom:dashed 1px #2D96FF}
a.popup:hover {text-decoration:none; border-bottom:dashed 1px orange}

img.sz16 {vertical-align:bottom}

.clear {clear:both; height:1px; overflow:hidden; margin:0}
.big {font-weight:bold}
.graytext {color:#808080}
.graytext a {color:#808080}
.redtext {color:#CE0000}
.fluo {background-color:#F1FE05}
.wordkey {color:#4A4226;background-color:#DCFFB9; border:solid 1px #C0FF82; padding:0 1px 1px 1px}
.wordtip {border-bottom:dotted 1px #4A4226; cursor:help}
.pointer {cursor:pointer}
.quote {margin:1.5em 1em 1.5em 3em; background:url(/img/web/quote_bg.png) no-repeat top left; padding-left:96px; min-height:55px; height:auto !important; height:55px; font-style:italic}

.theory {border:solid 1px #f0f0f0; background-color:#F4FBFF; border:solid 1px #CCE6FF; padding:0.5em 2em; margin:4px 2em}
.theory .formula {margin:0 0 0.5em 0; font-size:10pt; font-weight:bold}
.theory .part {}

.page {height:19px; background:url(/img/web/pagioff_bg.png) repeat-x; border:solid 1px #578F0C; color:white; font-weight:bold; padding:2px 5px 2px 5px; cursor:pointer; margin:0 5px}
.page#selected {background:url(/img/web/pagion_bg.png) repeat-x; border:solid 1px #FF8000; cursor:default}
.page.selected {background:url(/img/web/pagion_bg.png) repeat-x; border:solid 1px #FF8000; cursor:default}

p.more {margin:1em 0 0 0}
p.more a {font-weight:bold; font-size:10pt; height:22px; padding:6px 0 6px 32px; background:url(/img/web/img_morearrow_off.png) no-repeat top left}
p.more a:hover {background:url(/img/web/img_morearrow_on.png) no-repeat top left}

div.buttonbar {}
.button2 {height:37px}
.button2 .left {float:left; height:37px; width:7px; background:url(/img/web/button2_bgleft.png) no-repeat top left}
.button2 .right {float:left; height:37px; width:7px; background:url(/img/web/button2_bgright.png) no-repeat top left}
.button2 .center {float:left; height:37px; padding:0 5px 0 5px; background:url(/img/web/button2_bg.png) top left repeat-x; color:white; font-weight:bold; cursor:pointer}
.button2 .center img {margin-top:3px}
div.button2 div.center a {color:white; text-decoration:none; padding:0 0 0 1px}
div.button2 div.center a:link, a:visited {}
div.button2 div.center a:hover {text-decoration:none; color:#FFFEC6; padding:0 1px 0 0}

div.bigbutton {width: 211px; height:65px; background:url(/img/web/bigbutton_bg.png) no-repeat top left; color:white; cursor:pointer}
div.bigbutton div.face {padding:5px 10px}
div.bigbutton div.face img.picto {float:left; margin:11px 8px 11px 2px}
div.bigbutton div.face h1 {font-size:14pt; letter-spacing:0; margin:5px 0 3px 0; line-height:1}
div.bigbutton div.face h2 {font-size:8pt; color:white; letter-spacing:0; margin:0; line-height:1.1}
div.bigbutton div.face a {color:white}
div.bigbutton div.face a:hover {text-decoration:none; color:#006CD9}

table.listtab {width:100%; border:solid 1px #7BB700 ;t:#679800}
table.listtab td {padding-left:3px}
table.listtab tr.hdr {height:24px; background:url('/img/web/listtab_hdr_back.png') 0% 0% repeat-x; font-weight:bold; color:white; overflow:hidden}
table.listtab tr.subhdr {height:20px; background:url('/img/web/listtab_subhdr_back.png') 0% 0% repeat-x; font-weight:bold; border-top:solid 1px #679800; border-bottom:solid 1px #679800}
table.listtab tr.ln {border-top:solid 1px #d8d8d8; t:#DCF991; background-color:#FFFFF9}
table.listtab tr.ln td {padding-top:3px; padding-bottom:3px;}
table.listtab tr.ln.even {background-color:#f4f4f4}
table.listtab tr.ln.odd {}
table.listtab tr.sep td {border-top:solid 1px #dff89c}
table.listtab tr td.sep {border-left:solid 1px #dff89c}
table.listtab tr.ftr {font-weight:bold; background-color:#F4FED6}
table.listtab tr.ftr td {border-top:solid 1px #dff89c; padding-top:3px; padding-bottom:3px}
table.listtab tr.subftr {background-color:#FAFFEA}
table.listtab tr.subftr td {border-top:solid 1px #dff89c; padding-top:3px; padding-bottom:3px}

table.flowtab {}
table.flowtab tr.ln {}
table.flowtab tr.ln td {padding-top:3em}
table.flowtab tr.ln td .title {font-family:verdana; font:normal normal 600 12pt verdana; margin-bottom:0.25em}

table.discretetab {border:0;}
table.discretetab tr.hdr td {color:#808080;}
table.discretetab td {padding-right:2em;}

table.formtab {border:0}
table.formtab td {padding-top:1.5em}
table.formtab tr.ln {vertical-align:top} 
table.formtab tr.ln td.required {padding-right:0.75em; text-align:center}
table.formtab tr.ln td.libfield {padding-right:4em; color:#719B00; font-weight:bold}

table.libtab {border:0}
table.libtab td {padding:0.75em 5em 0 0}

div.infopane {border:solid 1px #C5E1FE; padding:1em; background:url('/img/web/pane_bg_bluegradient.png') 0% 100% repeat-x}
div.infopane h3 {margin:0 0 0.75em 0; padding:0; color:#FF8000}

div.dottedpane {background:url('/img/web/dottedline.gif') repeat-x top left; padding-top:0.5em}

div.corner {background:url('/img/web/left-top-corner-box.jpg') no-repeat top left; padding:12px 0 0px 0; margin:5em 0 0em 0}
div.corner h2 {margin:0 0 1.25em 1em}

div.infobar {}
div.infobar div.header {height:25px; line-height:25px; padding:0 1em;  background:url('/img/css/infobar_bg.png') 0% 100% repeat-x; border:solid 1px #E2C810; font-weight:bold; color:#404040;}
div.infobar div.header img.sz16 {vertical-align:text-bottom; margin-right:8px;}
div.infobar div.content {padding:0.75em; border:solid 1px #c0c0c0; border-top:0;}
div.infobar div.footer{border:solid 1px #c0c0c0; border-top:0; padding:0.5em; background-color:#F2F9FF; font-weight:bold;}
div.infobar table {width:100%;}
div.infobar table td {padding:2px 4px; border-bottom:solid 1px #e0e0e0;}
div.infobar table tr.even {background-color:#f4f4f4;}
div.infobar table tr.odd {}
div.infobar table tr.hdr {font-weight:bold; color:#808080;}
div.infobar table tr.ftr {font-weight:bold; background-color:#F4FED6;}
div.infobar table tr.subtable {font-weight:bold;}
div.infobar table tr.subtable td {padding-left:12px; padding-top:20px;}
div.infobar table tr.subtable:first-child td {padding-top:8px;}

div.tabpane {position:relative; height:64px; line-height:64px; background:url(/img/css/tab_32.png) top left no-repeat; padding-left:64px; margin:5em 0 0.5em 0}
div.tabpane img.tabimage {position:absolute; top:7px; left:7px}
div.tabpane h1.tabimage {position:absolute; top:7px; left:7px; width:32px; height:32px; padding:0; margin:0; line-height:32px; text-align:center}
div.tabpane h3 {margin:0; padding:0; padding-top:5px}
div.tabpane h4 {font-size:8pt; margin:0.25em 0 0 0}

div.tabbedpane {border:solid 1px #E3E6E8; background:url('/img/web/pane_bg_greygradient.gif') 0% 100% repeat-x; margin:2em 0 1em 0}
div.tabbedpane div.tabs {position:relative; top:-15px; left:20px; height:37px; font-weight:bold}
div.tabbedpane div.tabs div.mark {position:relative; top:0px; left:46%; width:10px; height:7px; background:url(/img/web/tab_on_mark.png)}
div.tabbedpane div.tabs div.taboff {float:left; margin-top:3px; height:24px; line-height:24px; background:url(/img/web/tab_off_bg.png) repeat-x; border:solid 1px #E3E6E8; padding:0 1.5em 0 1.5em; cursor:pointer}
div.tabbedpane div.tabs div.taboff div.mark {display:none}
div.tabbedpane div.tabs div.tabon {float:left; margin-top:0; height:30px; line-height:30px; background:url(/img/web/tab_on_bg.png) repeat-x; border:solid 1px #F07200; padding:0 1.5em 0 1.5em; cursor:pointer; color:white; font-size:10pt}
div.tabbedpane div.tabs div.tabon div.mark {display:inherit}
div.tabbedpane div.tabs div.line {float:left; height:30px; width:12px}
div.tabbedpane div.content {clear:both; padding:0 2em 2em 2em}

.vtab {width:200px; height:64px; background-repeat:no-repeat; background-position:top left}
.vtab .face {padding:12px 1em 8px 32px; line-height:normal; text-align:left}
.vtab.normal {background-image:url(/img/css/vtab_normal.png); cursor:pointer}
.vtab.normal:hover {background-image:url(/img/css/vtab_hot.png)}
.vtab.selected {background-image:url(/img/css/vtab_selected.png)}
.vtab.placeholder {background-image:url(/img/css/vtab_empty.png)}

div.step {float:left; width:100px; height:94px; text-align:center}
div.step_previous {background:url('/img/web/step_previous_bg.png') 0 0 no-repeat; cursor:pointer}
div.step_current {background:url('/img/web/step_current_bg.png') 0 0 no-repeat}
div.step_next {background:url('/img/web/step_next_bg.png') 0 0 no-repeat; color:#808080}
div.step div.content {padding:7px 5px}
div.step div.top {height:37px; margin-top:8px; padding:0 4px}
div.step div.bottom {height:40px; margin-top:3px; padding:0 4px}
div.step_arrow {float:left; width:7px; height:94px; width:24px; background:url('/img/xs/arrow_simple.png') 50% 41px no-repeat}
div.steps {overflow:auto}

.extensiblePane {}
.extensiblePane .toggler {background:2px 2px no-repeat; width:16px; height:16px; cursor:pointer;}
.extensiblePane .toggler.expander {background-image:url(/img/xs/expand.png);}
.extensiblePane .toggler.collapser {background-image:url(/img/xs/collapse.png);}
.extensiblePane .refresher {background:url(/img/xs/refresh.png) 2px 2px no-repeat; width:16px; height:16px; cursor:pointer;}