/* shared */

html, body {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    background: #ffffff none repeat scroll 0% !important;
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Verdana, sans-serif;
    margin: 0;
    font-weight: bold;
    font-size: 12px;
    padding: 0;
}

h1 {
    color: #cd000f;
    font-weight: normal;
    font-size: 24px;
    padding: 0 0 15px 0;
}

.accountContent h1 {
    background: transparent url(../images/lock.gif) scroll no-repeat 0 6px;
    padding-left: 28px;
}

h2 {
    color: #2e2e2e;
    font-weight: bold;
    font-size: 16px;
    line-height: 18px;
    padding: 15px 0 10px 0;
}

h3 {
    color: #2e2e2e;
    font-weight: bold;
    font-size: 12px;
    line-height: 16px;
    padding: 10px 0 5px 0;
}

h4, h5, h6, h4 a, h5 a, h6 a {
    color: #2e2e2e;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0px 0px 0px;
}

.biggerFont {
    font-size: 140%;
    padding: 20px 0 5px 0;
    font-weight: bold;
}

table {
    font-size: 11px;
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    color: #2e2e2e;
    text-align: left;
    border-collapse: collapse;
}

p {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #2e2e2e;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    text-transform: none;
    line-height: 22px;
    padding: 0 0 7px 0;
    margin: 0;
}

form {
    padding: 0;
    margin: 0;
}

.fullWidth {
    width: 100%;
}

.fullHeight {
    height: 100%;
}

.fullSize {
    width: 100%;
    height: 100%;
}

.topLeft {
    vertical-align: top;
    text-align: left;
}

.top-link {
    background: transparent url(../images/btn-top.gif) scroll no-repeat right;
    padding-right:15px;
    text-decoration:none;
}

.article-tool {
    text-decoration: none;
}

.article-tool:hover {
    color: #8498AD;
}

a {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #221e1b;
    font-style: normal;
    font-weight: normal;
    text-decoration: underline;
}

.menuInner a, .infobox-cc a, .arrow_tag a, ul.ok a {
    text-decoration: none;
}

.infobox-cc a {
    border-bottom: 1px dotted #928D79;
}

a:hover {
    color: #928d79;   
}

.font10 {
    font-size: 10px;
}

img {
    border-style: none;
    padding: 0px;
    margin: 0px;
}

.bold {
    font-weight: bold;   
}

/* Paragraph styles
========================================================================= */

p.note, p.note a {
    font-size: 9px;
    font-style: italic;
    color: #333333;   
}

.right {
    text-align: right;
}

p.list, div.list {
    line-height: 20px;
    background: transparent url(../images/box_arrow.gif) scroll no-repeat 0 5px;
    margin: 0;
    padding-left: 10px;
}

/* Bullet styles
========================================================================= */

ul, ol {
    list-style-type: none;
    margin: 0;
    padding: 0px 0px 10px 0px;
}

li {
    font-family: Verdana, sans-serif;
    font-size: 11px;
    color: #2e2e2e;
    line-height: 20px;
    background: transparent url(../images/box_arrow.gif) scroll no-repeat 0 6px;
    list-style-type: none;
    margin: 0;
    padding: 0 0 0 10px;
}

ul.ok li {
    background: transparent url(../images/ok.gif) scroll no-repeat 0 4px;
    padding: 0 0 0 17px;
}

ul.nopadding {
    padding: 0px 0px 0px 0px;
}
        
/* Table styles
========================================================================= */

#logoCell {
    width: 214px; 
    height: 104px;
}

#hitCell {
    width: 139px; 
    height: 104px;
}

#bannerCell {
    background: white url(../images/top_background.gif) repeat-x;
    text-align: right;
    height: 104px;
    vertical-align: top;
}

.banner-40 {
    background: transparent url(../images/banner_40.gif) no-repeat;
    width: 197px;
    padding: 80px 0px 20px 0px;
}

.banner-free {
    background: transparent url(../images/banner_free.gif) no-repeat;
    width: 197px;
    padding: 80px 0px 20px 0px;
}
    

#baseline {
    color: #FFFFFF;
    font-size: 18px;
    font-family: Verdana, sans-serif;
    font-style: normal;
    font-weight: normal;
    padding: 25px 20px 0px 0px;
}

#toolbarCell {
    height: 35px;
    vertical-align: top;
}

#searchCell {
    background: white url(../images/tab_bg.jpg) repeat-x left top; 
    padding-right: 10px;
}

#searchCell input[type="text"] {
    width: 160px;
}

#contentCell {
   padding: 25px 0 25px 25px;
   background: white;
   vertical-align: top;
   text-align: left;
   width: 807px;
}

#frontContentCell {
   width: 358px;
   vertical-align: top;
   padding: 0;
   margin: 0;
}

#frontBgCell {
   vertical-align: top;
   width: 449px;
   padding: 0;
   margin: 0;
}

#menuCell { 
    vertical-align: top;
    height: 100%;
}

.menuOuter {
    height: 100%;
}

.menuInner {
    width: 214px;
}

#rightColumn {
    float: right; 
    width: 230px;
    padding-top: 20px;
}

#footerCell {
    width: 100%;
    height: 34px; 
    background: white url(../images/bottom_background.gif) repeat-x left bottom; 
    text-align: center;
    vertical-align: top;
    padding-top: 0px;
}

.wizard-mask {
    -moz-opacity: 0.2;
    opacity: .20;
    filter: alpha(opacity=20);
    background-color: #FFFFFF;
}

img.wizard-wheel {
    left: 10px;
    position: relative;
    top: 7px;
}

#print-maincontent {
    margin: 20px;
    width: 600px;
    text-align: left;
}

/* Menu styles
 ========================================================================= */
 
div.menuLevel1 {
    padding: 0px;
    margin: 0px 0px 0px 7px;
}

a.menuLevel1 {
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, sans-serif; 
    color: #CD000F;
    display: block;
}

div.menuSeparator {
    background: transparent url(../images/menu_sep.gif) repeat-x left 50%;
    height: 22px;
}

div.menuLevel2 {
    padding: 0px;
    margin: 10px 0px 0px 7px;
}

div.menuOverOuter {
    position: relative;
    height: 25px;
}

div.menuOverInner {
   background: transparent url(../images/menu_bg_over.gif) no-repeat right;
   position: absolute;
   top: 0;
   left: -10px;
   width: 230px;
   height: 25px;
   z-index: 3;
}

div.menuOverInner div {
    padding: 7px 10px 7px 10px;
}

a.menuLevel2 {
    font-size: 10px;
    font-weight: bold;
    font-family: Verdana, sans-serif; 
    color: #000000;
    vertical-align: middle;
    display: block;
    padding-left: 5px;
}

/* Toolbar styles
 ========================================================================= */
 
table.bannerbar {
    float: right; 
    margin: 35px 10px 0px 0px;
}

table.bannerbar td {
    font-size: 9px;
    font-weight: bold;
    text-align: left;
    white-space: nowrap;
    vertical-align: middle;
    color: #ffffff;
    padding-left: 10px;
}

table.bannerbar a {
    font-size: 9px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}

table.bannerbar a:hover {
    color: #CD000F;
}

table.bannerbar select {
    font-size: 9px;
    font-weight: normal;
    margin-left: 5px;
}

td.top-toolbar-tab-selected {
    background-image: url("../images/tab_bg_over.gif");
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    white-space: nowrap;
}

td.top-toolbar-tab {
    background-image: url("../images/tab_bg.jpg");
}

td.top-toolbar-tab a {
    font-weight: bold;
    text-decoration: none;
    font-size: 10px;
    color: #ffffff;
    white-space: nowrap;
}

div.toolbar-bottom {
    color: white;
    font-size: 9px;
    font-weight: bold;
}

div.toolbar-bottom a {
    color: white;
    text-decoration: underline;
    font-weight: normal;
    font-size: 10px;
}

span.sep {
    padding-right: 5px;
}

td.shortlink {
    padding: 0px 20px 0px 10px;
    background: transparent url(../images/arrow_green.gif) no-repeat left 50%;    
}

td.shortlink a {
    text-decoration: none;
    font-weight: bold;
    font-size: 9px;
    white-space: nowrap;
}

/* Article styles
 ========================================================================= */

table.info_article_embed {
    font-size: 10px;
    width: 100%;
    height: 100%;
    vertical-align: top;
}

table.info_article_embed td.info_article_embed {
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 30px;
}

h1.info_article_embed {
    color: #6D839B;
    padding: 0px 0px 5px 0px;
    font-size: 12px;
    font-weight: bold;
}

div.info_article_text {
    line-height: 1.4;
    padding: 0px 0px 3px 0px;
}

div.faq_article_line {
    padding: 0px 0px 10px 35px;
    background: transparent url(../images/bulb_off.gif) no-repeat left top;
}

div.faq_article_line table.more-toggler td {
    padding: 5px 10px 20px 0px;
}

div.faq_article_line div.faq_response {
    border: 1px dotted #2e2e2e;
    padding: 0px 10px;   
}

h2.faq-header {
    background: transparent url(../images/bulb_on.gif) no-repeat left 7px;
    padding-left: 35px;
    padding-bottom: 15px;
}

div.big-label {
    font-family: Verdana, sans-serif;
    margin: 20px 0px 20px 0px;
    color: #000000;
    font-weight: bold;
    font-size: 18px;
    padding: 0px;
}

/* Custom tags styles
 ========================================================================= */

.glossary-tip {
    background: #b1c1d4 url(../images/tooltip_bg.gif) scroll repeat-x 0 top;
    border: 1px solid #c5cfd9;
    width: 300px;
    z-index: 30000;
    text-align: left;
    font-family: Verdana, sans-serif; 
}        
.glossary-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #333333;
    padding: 8px;
}
 
.glossary-text {
    font-size: 10px;
    padding: 8px;
    color: #333333;
}
.glossary-text A {
    color:#006699;
}

.glossary-loading {
    background: url(../images/ajax_load.gif) center center no-repeat;
    width: 40px;
    height: 30px;
    margin: 0 auto;
}

span.glossary, span.advice {
    margin:0px 3px 0px 3px;  
}

span.glossary a {
    color: #6D839B;
}

table.arrow_tag {
    margin: 10px 0px 10px 0px;
    padding: 0px;
}

td.arrow_tag_body {
    background: white url(../images/go_arrow_bg.gif) repeat-x;
    padding: 0px 7px 0px 7px;
    color: #FFFFFF;
    font-size: 10px;
    font-family: Verdana, sans-serif;       
    font-weight: bold;
}

td.arrow_tag_body a, td.arrow_tag_body p {
    color: #FFFFFF;
    font-weight: bold;
}

td.arrow_tag_body p {
    line-height: 1;
    padding: 0px;
}

div.separator-tag {
    width: 100%;
    height: 10px;
}

div.quote_tag {
    width: 550px;
    background-color: #E7EDF2;
    border: 1px dotted #A8BCD1;
    margin: 0px 0px 7px 0px;
    padding: 5px 5px 0px 5px;
}

div.quote_tag h2 {
    color: #2e2e2e;
    font-family: Times, serif;
    font-size: 15px;
    font-style: italic;
    margin: 2px 0px 0px 7px;
}

div.quote_tag h3, div.quote_tag h4, div.quote_tag h5, div.quote_tag h6 {
    font-family: Times, serif;
    font-size: 13px;
    font-style: italic;
    margin: 2px 0px 0px 7px;
}

div.quote_tag p {
    font-family: Times, serif;
    font-size: 13px;
    font-style: italic;
}

div.emphasize-box {
    width: 550px;
    background-color: #FAF3F3;
    border: 1px dotted #CD000F;
    margin: 0px 0px 7px 0px;
    padding: 5px 5px 0px 5px;
}

table.highlight-box {
    margin: 5px 0px 10px 0px;
    width: 250px;  
}

table.highlight-box h2, table.highlight-box h3 {
    padding-top: 0;  
}

table.info-box {
    margin: 0px 0px 10px 10px;
    width: 230px;
}

table.read-more a {
    font-size: 10px;
    text-decoration: none;
    border-bottom: 1px dotted #221E1B;
}


table.read-more td {
    background: transparent url(../images/red_arrow.gif) scroll no-repeat right 15%;
    padding-right: 10px;
}

table.read-more p {
    line-height: 12px;   
}

table.read-more a:hover {
    border-bottom: 1px dotted #928d79;
}

.block {
	padding-top: 5px;
	padding-bottom: 5px;
}

table.accueil {
    width: 500px;
    margin: 20px 0;   
}

/* Dialog styles
 ========================================================================= */
.msgbox-main {
    background: #b1c1d4 url(../images/tooltip_bg.gif) scroll repeat-x 0 top;
    border: 1px solid #c5cfd9;
    width: 300px;
    text-align: left;
    font-family: Verdana, sans-serif; 
}

.msgbox-title {
    font-weight: bold;
    font-size: 11px;
    margin: 0;
    color: #333333;
    padding: 8px;
}
 
.msgbox-text {
    font-size: 10px;
    padding: 0px 8px 8px 8px;
    color: #333333;
}

.msgbox-buttons {
    height: 30px;
}

.msgbox-buttons table {
    width: auto;
    height: 26px;
    float: right;
    cursor: pointer;
    margin: 0 8px 0 0;
}

.msgbox-button-outer {
    background: transparent url(../images/btn-dialog.gif) scroll no-repeat right 0px;
    margin: 0px 8px 0px 0px;
    padding: 0;
    height: 26px;
}

.msgbox-button-outer:hover {
    background: transparent url(../images/btn-dialog.gif) scroll no-repeat right -52px;
}

.msgbox-button-inner {
    background: transparent url(../images/btn-dialog.gif) scroll no-repeat left -26px;
    margin: 0;
    width: auto;
    height: 26px;
}

.msgbox-button-inner:hover {
    background: transparent url(../images/btn-dialog.gif) scroll no-repeat left -78px;
}

.msgbox-button-label {
    font-weight: bold;
    font-size: 11px;
    color: #333333;
    padding: 0px 8px;
    line-height: 24px;
}

/* Form styles
========================================================================= */
 
input[type="text"], textarea, select, input[type="password"] {
    color: #33332D;
    font-size: 11px;
    font-family: Verdana, sans-serif;
    border-top: 1px solid #9e9e9e;
    border-right: 1px solid #eeeeee;
    border-bottom: 1px solid #eeeeee;
    border-left: 1px solid #9e9e9e;
    background: #ffffff url(../images/bg_field.gif) repeat-x top;
}

input[type="text"], input[type="password"] {
    padding: 1px 3px 1px 3px;
}

input[type="textarea"] {
    padding: 1px 0px 1px 3px;
}

select {
    padding: 0px;
    font-size: 10px;
}

button {
    font-size: 9px;
    width: auto;
    height: 16px;
    padding: 0px 5px 2px 5px;
    border: 1px solid #9fb4cc;
    background: transparent url(../images/bg_btn-search.gif) scroll repeat-x top;
}

button.big-button {
    font-size: 16px;
    height: 31px;
    background: transparent url(../images/bg_btn_big.gif) scroll repeat-x top;
}

button:hover {
    background-position: bottom;
}

div.form_field {
    padding-bottom: 15px;
}

div.form_field_error {
    background:transparent url(../images/wizard-error.gif) no-repeat scroll left 3px;
    position:relative;
    left:-18px;
    padding-left:18px;
}

.field-label {
    font-size: 10px;
    font-weight: bold;
    padding: 0px 5px 2px 0px;
}

.field-label-with-error {
    background: transparent url(../images/error.gif) no-repeat scroll left 1px;
    color: #CC0000;
    font-size: 10px;
    font-weight: bold;
    padding: 0px 5px 2px 15px;
}

.mandatory-field {
    color: #cd000f;
    font-size: 14px;
}

td.field-label {
    font-size: 11px;
    font-weight: normal;
    padding-right: 5px; 
    width: 160px; 
    height: 15px;
    padding-top: 3px;
    vertical-align: top;
}

td.field-value {
    font-size: 11px;
    font-weight: normal;
    padding-right: 5px;
    height: 15px;
}

span.summary-label {
    font-size: 11px;
    font-weight: normal;
}

span-summary-value {
    font-size: 11px;
    font-weight: normal;
    padding-right: 5px;
}

.field-error {
    font-size: 9px;
    font-weight: normal;
    font-style: italic;
    color: #cd000f;
}

.validationError {
    border: 1px dotted #cc0000;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 9px;
    font-family: Verdana, sans-serif;       
    font-weight: normal;
    width: 390px;
}

.validationFeedback {
    border: 1px dotted #00cc00;
    padding: 5px;
    margin-bottom: 10px;
    font-size: 9px;
    font-family: Verdana, sans-serif;       
    font-weight: normal;
    width: 390px;
}

.validationTitle {       
    font-weight: bold;
    color: #cc0000;
}

div.error-message {
    background: transparent url(../images/error.gif) no-repeat scroll left 1px;
    color: #CC0000;
    font-size: 10px;
    font-weight: bold;
    height: 16px;
    padding: 1px 0px 5px 15px;
}

div.success-message {
    background: transparent url(../images/success.gif) no-repeat scroll left 3px;
    color: #2e2e2e;
    font-size: 12px;
    font-weight: bold;
    height: 16px;
    padding: 1px 0px 5px 15px;
}

fieldset { 
    border: none;
    padding: 10px 5px 5px 5px;
}

div.fieldset {
    border: 1px dotted #8995a4;
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
    position: relative;
}

legend span {
    position: absolute;
    top: -10px; 
    left: 5px;
    color: #CD000F;
    font-weight: bold;
    font-size: 14px;
    line-height: 18px;
    padding: 0px 10px 0px 10px;
    background: #eff0ec;
}

div.contact-form input[type="text"], 
div.problem-form input[type="text"], 
div.feedback-form input[type="text"],
div.tipafriend-form input[type="text"] {
    width: 300px;
}

div.login-form input[type="text"], div.login-form input[type="password"], div.content-search input[type="text"] {
    width: 160px;
}

div.contact-form textarea, 
div.problem-form textarea, 
div.feedback-form textarea,
div.tipafriend-form textarea {
    width: 600px;
    height: 100px;
}

div.wizard-article textarea {
    width: 98%;
}

div.feedback-form .optionLabel {
    padding-left: 5px;
    font-size: 10px;
}

div.login-form {
    border: 1px dotted #8995a4;
    padding: 0 10px 10px 10px;
    margin-bottom: 20px;
    width: 600px;
}

div.home-form {
    border: 1px dotted #8995a4;
    padding: 0 10px 10px 10px;
}

/* More info styles
 ========================================================================= */
 
table.more-toggler {
    cursor: pointer;
}

table.more-toggler td {
    padding: 10px 10px 10px 0px;
    font-size: 11px;
    text-decoration: underline;
    cursor: pointer;
    width: auto;
}

div.more-toggler-open {
    background: transparent url(../images/arrows-collapse.gif) no-repeat scroll left -10px;
    width: 10px;
    height: 10px;
    margin:2px 0px 0px 0px;
}

table.more-toggler:hover div.more-toggler-open {
    background: transparent url(../images/arrows-collapse.gif) no-repeat scroll -10px -10px;
}

div.more-toggler-close {
    background: transparent url(../images/arrows-collapse.gif) no-repeat scroll left 0px;
    width: 10px;
    height: 10px;
    margin: 2px 0px 0px 0px;
    font-size: 1px;
}

table.more-toggler:hover div.more-toggler-close {
    background: transparent url(../images/arrows-collapse.gif) no-repeat scroll -10px 0px;
}

div.more-info {
    padding: 0px;
}

/* Infobox styles
 ========================================================================= */
table.info_file_toc {
    width: 200px;
    margin-top: 15px;
    float: right;
}

table.frontpage_toc {
    width: 300px;
    margin-top: 15px;
    float: right;
}
 
.titlebox {
    color: #cc0000;
    font-size: 14px;
    font-family: Verdana, sans-serif;       
    font-weight: bold;
    padding-bottom: 5px;
}

.box-link-selected {
    font-family: Verdana, sans-serif;
    font-size: 10px;
    font-weight: bold;
}
 
.infobox-tr, .infobox-tl, .infobox-br, .infobox-bl, .wizard-tr, .wizard-tl, .wizard-br, .wizard-bl {
    background: transparent url(../images/box_corners.gif) scroll;
}

.infobox-tr, .infobox-tl, .infobox-br, .infobox-bl, .wizard-tr, .wizard-tl, .wizard-br, .wizard-bl {
    height: 11px;
    width: 11px;
}

.infobox-tl, .wizard-tl {
    background-position: 0px 0px;
    background-repeat: no-repeat;
}

.infobox-tr, .wizard-tr {
    background-position: -11px 0px;
    background-repeat: no-repeat;
}

.infobox-bl, .wizard-bl {
    background-position: 0px -11px;
    background-repeat: no-repeat;
}

.infobox-br, .wizard-br {
    background-position: -11px -11px;
    background-repeat: no-repeat;
}

.infobox-tc, .wizard-tc {
    background: transparent url(../images/box_tc.gif) scroll repeat-x 0 0;
    height: 11px;
}

.infobox-cl, .wizard-cl {
    background: transparent url(../images/box_cl.gif) scroll repeat-y 0 0;
}

.infobox-cc, .wizard-cc {
    background-color: #ededed;
    padding: 0 3px;
    vertical-align: top;
    height: 100%;
}

.infobox-cr, .wizard-cr {
    background: transparent url(../images/box_cr.gif) scroll repeat-y 0 0;
}

.infobox-cs {
	background: transparent url(../images/box_cs.gif) scroll repeat-y center center;
	height:1px;
}

.infobox-bc, .wizard-bc {
    background: transparent url(../images/box_bc.gif) scroll repeat-x 0 0;
}

/* Wizard styles
 ========================================================================= */
 
table.wizard_screen {
    width: 725px;
    margin-top: 15px;
}
 
div#screen-container {
    width: 100%;
    padding: 5px;
}
 
table.wizard_screen_container {
    width: 100%;
    margin: 0;
    height: 300px;
}
 
td.wizard_screen_content {
    padding: 0px 15px 10px 15px;
    vertical-align: top;
}

div.wizard_button_close {
    background: transparent url(../images/wizard_btn_close.gif) scroll no-repeat 0 0;
    position: absolute; 
    top: -13px; 
    left: -7px;
    width: 24px;
    height: 24px;
    cursor: pointer;
}

div.wizard_button_close:hover {
    background: transparent url(../images/wizard_btn_close.gif) scroll no-repeat -24px 0;
}

div.wizard_button_buy {
    background: transparent url(../images/buy_service_pack.gif) scroll no-repeat 0 0;
    position: absolute; 
    top: -45px; 
    left: -71px;
    width: 127px;
    height: 127px;
    cursor: pointer;
    z-index: 9999;
}

div.wizard_button_ogone {
    background: transparent url(../images/ogone.gif) scroll no-repeat 0 0;
    width: 120px;
    height: 43px;
    cursor: pointer; 
}

td.wizard_button_bar {
    height: 24px;
    padding: 0px 0px 5px 0px;
    text-align: right;
    width: 100%;
}
 
div.wizard_button_back {
    background: transparent url(../images/wizard_btn_nav.gif) scroll no-repeat 0 0;
    width: 31px;
    height: 24px;
    cursor: pointer;
    float: right;
    margin-right:15px;
}
 
div.wizard_button_back_disabled {
    background: transparent url(../images/wizard_btn_nav.gif) scroll no-repeat -62px 0;
    width: 31px;
    height: 24px;
    float: right;
    margin-right:15px;
}

div.wizard_button_back:hover {
    background-position: -31px 0;
}
 
div.wizard_button_next {
    background: transparent url(../images/wizard_btn_nav.gif) scroll no-repeat 0 -24px;
    width: 31px;
    height: 24px;
    cursor: pointer;
    float: right;
    margin-right: 15px;
}
 
div.wizard_button_next_disabled {
    background: transparent url(../images/wizard_btn_nav.gif) scroll no-repeat -62px -24px;
    width: 31px;
    height: 24px;
    float: right;
    margin-right:15px;
}
 
div.wizard_button_next:hover {
    background-position: -31px -24px;
}

div.wizard_button_validate {
    background: transparent url(../images/wizard_btn_nav.gif) scroll no-repeat 0 -48px;
    width: 31px;
    height: 24px;
    cursor: pointer;
    float: right;
    margin-right:15px;
}
 
div.wizard_button_validate:hover {
    background: transparent url(../images/wizard_btn_nav.gif) scroll no-repeat -31px -48px;
}

a.wizard_button_help {
    background: transparent url(../images/wizard_btn_help.gif) scroll no-repeat 0 -25px;
    width: 25px;
    height: 25px;
    margin-left: 15px;
    display: block;
}

a.wizard_button_help:hover {
    background-position: -25px -25px;
}

a.wizard_button_more {
    background: transparent url(../images/wizard_btn_help.gif) scroll no-repeat 0px 0px;
    width: 25px;
    height: 25px;
    margin-left: 15px;
    display: block;
}

a.wizard_button_more:hover {
    background-position: -25px 0px;
}

a.wizard_button_advice {
    background: transparent url(../images/wizard_btn_help.gif) scroll no-repeat 0 0;
    width: 25px;
    height: 25px;
    margin-left: 15px;
    display: block;
}

a.wizard_button_advice:hover {
    background-position: 0 -19px;
}

table.wizard-result-date {
    background: transparent url(../images/bg_result_date.gif) scroll no-repeat 0 0;
    font-size: 14px;
    font-weight: bold;
    height: 35px;
    width: 180px;
    margin-left:-3px;
    margin-top: 3px;
}

table.wizard-result-date td.day {
    width: 76px;
    text-align: center;
    vertical-align: middle;
}

table.wizard-result-date td.month {
    width: 30px;
    text-align: center;
    vertical-align: middle;
}

table.wizard-result-date td.year {
    width: 60px;
    text-align: center;
    vertical-align: middle;
}

table.wizard-result-number td {
    background: transparent url(../images/bg_result_text.gif) scroll no-repeat right top;
    height: 35px;
    width: auto;
}

table.wizard-result-number div {
    background: transparent url(../images/bg_result_text.gif) scroll no-repeat left bottom;
    height: 35px;
    width: auto;
}

table.wizard-result-number span {
    font-size: 14px;
    font-weight: bold;
    line-height: 31px;
    padding: 0px 10px;
}

table.wizard-result-number td {
    text-align: right;
    vertical-align: middle;
    padding-right: 10px;
}

table.wizard-result-text {
    font-size: 14px;
    font-weight: bold;
    height: 37px;
    margin-top: 3px;
}

table.selectOneControl {
    width: 667px;
}

td.selectOneListItem {
    vertical-align: top;
    padding: 1px 0px 15px 0px;
    background: transparent url(../images/box_arrow.gif) scroll no-repeat 0 4px;
    width: 15px;
}

td.selectOneControl {
    vertical-align: top;
    padding: 0px 5px 15px 0px;
    width: 25px;
}

td.selectOneLabel {
    vertical-align: top;
    padding: 1px 0px 15px 0px;
    width: 570px;
}

td.selectOneHelp {
    vertical-align: top;
    width: 30px;
}

.control-note {
    font-size: 9px;
    font-style: italic;
    color: #333333;   
}

div.control-button {
    background: transparent url(../images/bg_btn-search.gif) repeat-x scroll center top;
    border: 1px solid #9FB4CC;
    font-size: 9px;
    height: 11px;
    padding: 2px 10px;
    position: absolute;
    text-align: center;
    width: auto;
    cursor: pointer;
}

div.control-button:hover {
    background-position: bottom;
}

/* WeekDaysPicker styles
 ========================================================================= */
 
table.weekdays {
}

table.weekdays td {
    vertical-align: top;
    text-align: left;
    width: 80px;
    height: 55px;
    border: 1px solid #738393;
    padding: 3px 0px 0px 3px;
    color: #333333;
    background-color: #ffffff;
    cursor: pointer;
    font-size: 9px;
    font-weight: bold;
}

table.weekdays td.selected {
    background-color: #bdcddd;
    border: 2px solid #738393;
}

/* DatePicker styles
 ========================================================================= */

.date-picker-toggler {
    cursor: pointer;
    background: transparent url(../images/cal.gif) no-repeat scroll 0 -1px;
    width: 16px;
    height: 16px;
}

div.date-picker {
    width: 180px;
    background-color: #bdcddd;
    text-align: center;
    border: 1px solid #738393;
}

table.date-picker {
    border-collapse: separate;
    font-size: 9px;
    margin: 0;
    padding: 0px 0px 0px;
    width: 100%;
}

.date-picker .navigationBar {
    border-collapse: collapse;
    border-bottom: 1px solid #738393;
    margin: 0px;
    height: 23px;
}
        
.date-picker .navArrow {
    color: #333333;
    font-size: 14px;
    padding: 3px 0px;
    text-align: center;
    vertical-align: top;
    width: 14%;
    height: 23px;
    cursor: pointer;
}

.date-picker .navArrow:hover {
    color: #ffffff;
    background-color: #8996A4;
}
        
.date-picker .navLabel {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0px;
    text-align: center;
    vertical-align: middle;
    width: 72%;
    height: 23px;
}

.date-picker div {
    margin-top: 0px;
    padding: 0px;
}

.date-picker .todayPicker {
    color: #333333;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0px 3px 0px;
    border-top: 1px solid #8996A4;
    text-align: center;
    cursor: pointer;
}

.date-picker .todayPickerDisabled {
    color: #aaaaaa;
    font-size: 11px;
    font-weight: bold;
    padding: 3px 0px 3px 0px;
    border-top: 1px solid #8996A4;
    text-align: center;
}

.date-picker .todayPicker:hover {
    cursor: pointer;
    color: #ffffff;
    background-color: #8996A4;
}

.date-picker table td.datePickerDate, .date-picker td.datePickerHeader {
    background-color:#FFFFFF;
    border:1px solid #FFFFFF;
    cursor:default;
    line-height:15px;
    text-align:center;
    vertical-align:middle;
    width:14%;
}

.date-picker td.datePickerDay {
    height: 15px;
}

.date-picker td.datePickerHeader {
    background-color: #EFF2F7;
    border: 1px solid #8996A4;
    color: #8996A4;
    font-weight: bold;
}

.date-picker table td.datePickerDate:hover {
    cursor: pointer;
    color: #ffffff;
    background-color: #8996A4;
}

.date-picker .datePickerMinDate, .date-picker .datePickerMaxDate {
    background-color: #dda7a7;
    border: 1px solid #f2dddd;
    color: #fff;
}

.date-picker .datePickerSelectedDay {
    color: #fff;
    background-color: #8996A4;
    text-align:center;
    vertical-align:middle;
}

/* Sidebar styles
 ========================================================================= */

div.sidebar-outer {
    background: #b1c1d4 url(../images/sidebar_bg.gif) scroll repeat-x 0 top;
    border: 1px solid #c5cfd9;
    color: #000000;
    z-index: 30000;
}

div.sidebar-inner {
    text-align: left;
    font-family: Verdana, sans-serif; 
    font-size: 10px;
    padding: 8px;
    color: #333333;
    padding: 10px;
}

div.sidebar-close {
    background: transparent url(../images/sidebar_close.gif) no-repeat scroll 0px;
    cursor: pointer;
    height: 15px;
    width: 15px;
    position: relative;
}

div.sidebar-loading {
    width: 100%;
    height: 100%;
    background: url(../images/ajax_load.gif) center center no-repeat;
    margin: 0 auto;
}

div.sidebar-inner h1 {
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    padding: 0px 0px 15px 0px;
}

div.sidebar-inner h2 {
    color: #2e2e2e;
    font-weight: bold;
    font-size: 10px;
    line-height: 18px;
    padding: 10px 0px 5px 0px;
}

div.sidebar-inner h3, div.sidebar-inner h4, div.sidebar-inner h5, div.sidebar-inner h6 {
    color: #2e2e2e;
    font-weight: bold;
    font-size: 10px;
    padding: 10px 0px 0px 0px;
}

/* Account styles
 ========================================================================= */

table.account-data {
    width: 100%;
}

table.account-data thead td,
table.account-data thead th,
table.account-data tr th {
    border: 1px solid #999999;
    background: transparent url(../images/bg-header-array.gif) scroll repeat-x;
    color: #333333;
    font-weight: bold;
    height: 25px;
    padding: 0px 10px 0px 10px;
    white-space: nowrap;
    vertical-align:middle;
}

table.account-data thead th.sortedNo div {
    background: transparent url(../images/sort-no.gif) scroll no-repeat right 2px;
    padding-right: 15px;
}

table.account-data thead th.sortedASC div {
    background: transparent url(../images/sort-asc.gif) scroll no-repeat right 2px;
    padding-right: 15px;
}

table.account-data thead th.sortedDESC div {
    background: transparent url(../images/sort-desc.gif) scroll no-repeat right 2px;
    padding-right: 15px;
}


table.account-data tbody td {
    border: 1px solid #999999;
    color: #2e2e2e;
    height: 25px;
    padding: 5px 10px 5px 10px;
    vertical-align: top;
}

table.account-data tbody tr:hover td {
    background-color: #e0e7ef;
}

table.account-data tbody tr td.not-completed {
    font-style: italic;
}

.tableHeaderOver {
	cursor: pointer;
	color: #354158;
}

table.account-data tbody tr.dark {
    background-color: #f2f2f2;
}

table.account-data tbody tr.light {
    background-color: #ffffff;
}

table.account-data tr.document td {
    padding-left: 22px;
}

table.account-download tbody td {
    padding: 3px 5px 3px 0px;   
    vertical-align: middle;
    border: none;
}

table.contract-reference, table.links {
    margin: 5px 0px 5px 0px;
    width: 90%;
    background-color: #ffffff;
    border-collapse: collapse;
    border: 1px solid #8995a4;
}

table.contract-reference th {
    font-weight: bold;
    background-color:#F2F2F2;
    padding: 5px 10px 5px 10px;
    border: 1px dotted #8995a4;
}

table.contract-reference td {
    padding: 5px 10px 5px 10px;
    border: 1px dotted #8995a4;
}

table.links td {
    padding: 5px 10px 5px 10px;
}

table.contract-reference p {
    padding: 0;
    margin: 0;
}

table.links td p {
    text-align: center;
    padding: 0;
    margin: 0;
}

td.data-label {
    font-size: 10px;
    font-weight: bold;
    padding: 5px;
    width: 30%;
    vertical-align:top;
}

td.data-value {
    font-size: 11px;
    font-weight: normal;
    padding: 5px;
    width: 70%;
    vertical-align:top;
}

.cdd-menu {
    background: transparent url(../images/btn-menu.gif) scroll no-repeat left;
    width: 36px;
    height: 18px;
}

.cdd-menu:hover {
    background: transparent url(../images/btn-menu.gif) scroll no-repeat right;
}

.cdd-menu-text ul {
    padding: 0;
}

.cdd-menu-text ul li {
    background: none;
    cursor: pointer;
}

.cdd-menu-text li:hover {
    background-color: #e0e7ef;
}

.cdd-menu-tip {
    background-color: #ffffff;
    border: 1px solid #999999;
    width: 160px;
    z-index: 30000;
    text-align: left;
    font-family: Verdana, sans-serif; 
}
 
.cdd-menu-tip-text {
    font-size: 10px;
    padding: 8px;
    color: #333333;
}

.home-page .infobox-cc select {
    width:200px;
}

/* Wait-screen styles
 ========================================================================= */

#waitbox-inner {
  height: 34px;
}