﻿/*
.RadioBtn { DISPLAY: block }
.accordionHeader { font-size: 14px; CURSOR: pointer; LINE-height: 25px; height: 25px; TEXT-ALIGN: center;background-image:url(../Images/highlightsTab.gif);border:solid 1px #ADADAD;  }
.datagridHeader {background-image:url(../images/ContentHeaderBar.gif); }

.divContentMiddle td { font-size: 11px }
INPUT { BORDER-RIGHT: black 1px solid; BORDER-TOP: black 1px solid; font-size: 11px; BORDER-LEFT: black 1px solid; BORDER-BOTTOM: black 1px solid }
.NoBorder INPUT { BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px }
.TextBoxRow INPUT { }
.ActionLabelChanged {background-color: green; font-weight:bold; padding:3px;width:100%; color:white;}	
*/

/* TODELETE */
/*.container_16 {background:white url("http://960.gs/img/16_col.gif") repeat-y top left;}*/

/* GLOBAL */
body, html, * {
    color:#777777;
    font-size:11px;
    font-family:Verdana,Helvetica,Sans-Serif;
}
.red {color:Red!important;}
label {font-weight:normal;}
a {color:#4682B4; text-decoration:none; font-weight:bold;}
p {line-height:16px;}

h1 {color:#EEEEEE; font-size:3.2em; padding-top:25px; text-align:right}
h2 {    background:white url("../../Images/misc/section-header-bar.gif") repeat-x top left; 
        line-height:20px; 
        font-size:11px;
        color:#666666;
        font-weight:bold;
        padding-left:16px;
        margin-bottom:15px;
        border-bottom:1px solid #ADADAD;
        text-transform:capitalize}
h3 {    background:white url("../../Images/misc/form-table-header.gif") repeat-x top left; 
        font-size:11px;
        color:#666666;
        font-weight:bold;
        padding:3px 5px 3px 5px;
        border-top:1px solid #ADADAD;
        border-bottom:1px solid #ADADAD;
        margin-top:3px;
        text-transform:capitalize}


table {margin:0}
table tr td {vertical-align:top;}
img {vertical-align:middle;}
    img.left {padding-right:10px;}

    
.border {border:1px solid #ADADAD;}
.border-top {border-top:1px solid #ADADAD;}
.border-bottom, tr.border-bottom td {border-bottom:1px solid #ADADAD;}
.padding {margin:10px}
.margin-left {margin-left:10px}
.margin-right {margin-right:10px}
.margin-bottom {margin-bottom:10px}
.margin-top {margin-top:10px}
.center  {text-align:center;}
.left {float:left; position:relative;}
.right {float:right; position:relative;}
.clear {clear:both;}
.hidden {display:none;}
.nowrap {white-space:nowrap}
.fix {height:300px; overflow:auto;}
.error {font-weight:bold; color:Red; display:block;}
.pointer {cursor:pointer;}



/* INPUT */
input, textarea {padding:1px;}
input[type=text]{width:130px;}
select          {width:134px;}
input[type=text],
    input[type=password],
    input[type=file],
    input[type=submit],
    input[type=button],
    textarea,
    select                      {border:1px solid #ADADAD; background-color:#FFFBFF; color:#888888; font-size:11px; margin:2px;}
input[type=text]:hover, 
    input[type=text]:focus,
    input[type=password]:hover,
    input[type=password]:focus,
    input[type=file]:hover,
    input[type=file]:focus,
    textarea:hover,
    textarea:focus,
    select:hover,
    select:focus                {border:1px solid black;}
input[type=submit], input[type=button] {padding:1px;}
input[type=checkbox] {vertical-align:middle; height:16px;}

/* SPECIFIC */
/*#container table{margin-top:0}
#logo {padding:5px 0 5px 15px;}*/
    #header ul {}
    #header ul li {display:inline; padding-left:4px;}
        #header ul li a{color:Blue; text-decoration:underline; font-weight:normal;} 
            #header ul li a:hover{color:#2661DD; }
#login {}
.identification {width:275px; border:1px solid #ADADAD;}
.identification h2 {margin-bottom:0; height:20px;}
    .identification table {margin-top:0!important;}
    .identification .form thead td h2 a{text-decoration:none; height:20px; padding-right:10px;}
    .identification .form tbody th {padding-left:15px;}
    .identification .form tfoot td {padding:5px 10px 0 10px;}
    .identification p {padding:15px}
    .identification ul {padding-bottom:15px;}
    .identification ul li {padding:3px 0 0 15px;}
    .identification a {font-size:10px}
    .identification .padding{margin:0 15px 0 15px; width:235px;}
    /*
#banner {}
    #banner span {margin:35px 0 0 50px; color:White; font-size:20px; display:block; font-style:italic; font-family:Arial;}
#menu ul {border:3px double #DFDFDF; margin:10px;}
    #menu ul li {padding:2px; min-height:25px;}
    #menu ul li img {margin:0 10px 50px 0;}
#content {}*/
    #content p {padding:8px 40px 8px 20px; margin:0}
    #content .ActionLabelChanged {color:Green; font-weight:bold;}
    
#footer {color:#777777;}
.personalized-link .background {background:white url("../../Images/buttons/cta-sizable-button-center.jpg") repeat-x top right; }
    
    
/* CALL-TO-ACTION */
.call-to-action {width:250px; 
    background: white url("../../Images/call-to-actions/call-to-action-border-middle.jpg") repeat-y top left; 
    margin-left:15px; 
    font-size:10px;
    margin-top:10px;}
    .call-to-action h4 {display:block; 
        width:250px; 
        padding:15px 20px 4px 20px;
        background: transparent url("../../Images/call-to-actions/call-to-action-border-top.jpg") no-repeat top left;
        font-weight:bold; 
        text-align:left;
        font-size:11px;
        height:14px; 
        line-height:14px;
        font-style:italic;
        color:#666666; }
    .call-to-action p {margin: 0 20px 0 20px!important; padding-top:4px; display:block; text-align:left;width:210px; border-top:1px dashed #ADADAD; }
    .call-to-action a {font-size:10px; padding-top:2px;}
    .call-to-action img.left {padding:4px 4px 0 0;}
    .call-to-action .sizable-button {margin-right:10px;}
    .call-to-action .right {margin-right:10px;}
    .call-to-action .clear {width:250px; height:16px; background: white url("../../Images/call-to-actions/call-to-action-border-bottom.jpg") no-repeat top left; display:block;}



/* FORM */
.form.border {margin-top:15px;}
.form {width:100%; margin:0; } 
    .form h3 {text-align:center;}
    .form thead td {padding-bottom:10px;}
        .form thead td h3 {margin:0; border-top:0 none transparent; display:block;}
            .form thead td h3 img {padding:2px 0;}
    .form th {text-align:left; padding:2px 5px 2px 5px;}
    .form > tbody > tr > th {text-align:left; font-weight:bold; padding:2px 5px; width:150px;}
        .form th.obligatory {font-weight:bold}
    .form .facultatif, .form .facultatif label, .form .optional, .form .optional label {font-weight:normal}
    .form th label {font-weight:bold;}
    .form td {text-align:left; line-height:18px;}
        .form td span {padding:3px 0 2px 2px;}
        .form td img {padding:0 5px 0 2px}
        .form td.right {text-align:right; float:none;}
        .form td.center {text-align:center; float:none;}
    .form tfoot th {padding:10px 10px 0 10px; text-align:left}
    .form tfoot td{padding:10px; text-align:right;}
    
/* RESULTS */
.results {width:100%;border-left:1px solid #ADADAD; border-top:1px solid #ADADAD; margin-top:10px; }
.results thead tr th, .results .header td{background:white url("../../Images/misc/section-header-bar.gif") repeat-x top left; 
        line-height:12px; 
        font-size:10px; 
        color:#666666;
        font-weight:bold;
        border-right:1px solid #ADADAD;
        border-bottom:1px solid #ADADAD;
        text-transform:capitalize}
.results .nowrap {white-space:nowrap;}
.results td {border-right:1px solid #ADADAD; border-bottom:1px solid #ADADAD; padding:1px 3px 3px 3px;}
    .results tr {border-Top:1px solid #ADADAD}
    
/* LIST */
ul.list { padding-left:30px;}
    ul.list li {list-style-type:circle;}
    
/* BOX */
.box {width:280px; background: white url("../../Images/box/box-background.jpg") repeat-y top left; margin-left:18px; margin-top:10px;}
    /*h5 {font-weight:bold; height:25px; font-size:12px; color:White; padding:5px}*/
    .box h5 {display:block; 
        width:240px; 
        padding:8px 20px 0 20px;
        background: transparent url("../../Images/box/box-header.jpg") no-repeat top left;
        font-weight:bold; 
        text-align:left;
        font-size:11px;
        height:24px; 
        line-height:14px;
        color:#333333; 
        border-bottom-width:0px;
        margin:0px;}
    .box h5.double {background: white url("../../Images/box/box-header-double.jpg") no-repeat top left; height:40px;}
    .box p {padding: 0 20px 0 20px!important; margin:0; display:block; text-align:left;}
    .box a {font-size:10px; padding-top:2px;}
    .box .sizable-button {margin-right:10px;}
    .box .clear {width:280px; height:5px; background: white url("../../Images/box/box-footer.jpg") no-repeat top left; display:block;}
            
/* SIZABLE BUTTON */
.sizable-button {}
    table.sizable-button { display:block}
        table.sizable-button tr td{padding:0; margin:0}
            table.sizable-button tr td a {margin-top:7px; display:block}
            table.sizable-button tr td img{padding:0; margin:0}
            
/* ERROR PAGE */
.error-page { width:350px; padding-top:50px;}
    .error-page h1 {margin:0; padding:0;color:#666666; text-align:center;}
    .error-page blockquote {border-top:1px dashed #333333; padding-top:5px; text-align:center;}
    .error-page blockquote:first-letter {text-transform:capitalize; }
    
/* SITEMAP */
#content .SiteMap {}
    #content .SiteMap table {margin:0; padding:0}
    
    .popup-title {height:22px; width:460px;}
        .popup-title .title {background-image: url(../../images/dialog/top.gif); color:Red; font-weight:bold; padding-top:5px; text-align:center}
    .popup-content {background-color:White; border:1px solid #ADADAD; padding:10px; width:438px;}
    h5 {margin-top:10px; padding-bottom:2px; border-bottom:1px dotted #AFAFAF;}
    
 /* TABSTRIP */   
.tabstrip {margin:0 10px;}
    .tabstrip table {width:100%}
    .tabstrip-group {border:1px solid #ADADAD; border-bottom:0;}
    .tabstrip-group table {}
    .tabstrip-active-tab td,
    .tabstrip-selected-tab td,
    .tabstrip-hover-tab td,
    .tabstrip-tab td{
        padding:10px 20px; 
        cursor:pointer; 
        font-weight:bold;
    }
    .tabstrip-tab td{}
    
    .tabstrip-active-tab,
    .tabstrip-hover-tab {}
    
    .tabstrip-selected-tab td{
        font-weight:bold;
        padding:10px 20px; 
        background:white url("../../Images/misc/form-table-header.gif") repeat-x top left; 
        border:1px solid #ADADAD; 
        border-bottom:1px solid transparent;
        border-top-width:0;
    }

.bg-white {background-color:White;}
.bg-gray {background-color: #F5F5F5;}


.wizard {background:#E0E0E0 url("../../Images/wizard/steps.gif") repeat-x top left; border:1px solid #FFFFFF; height:31px; list-style-type:none}
    .wizard li {float:left; line-height:31px; background:transparent url("../../Images/wizard/step.png") no-repeat right -31px; padding-right:60px; text-transform:uppercase; color:#ADADAD}
        .wizard li.selected, .wizard li.done, .wizard li.just-done {color:#666666;}
        .wizard li.selected {background:#FFFFFF url("../../Images/wizard/step.png") no-repeat right top; font-weight:bold;}
        .wizard li.just-done {background:transparent url("../../Images/wizard/step.png") no-repeat right -62px;}
            .wizard li em {background:transparent url("../../Images/wizard/number.png") no-repeat center center; width:19px; line-height:31px; display:inline-block; padding-left:9px; font-weight:bold;}
            
div.error {background-color:#FBE3E4; border:2px solid #FBC2C4; color:#8A1F11; display:block; margin:15px 0; padding:10px;}
div.warning {background-color:#FFF6BF; border:2px solid #FFD324; color:#514721; display:block; margin:15px 0; padding:10px;}
div.valid {background-color:#E6EFC2; border:2px solid #C6D880; color:#264409; display:block; margin:15px 0; padding:10px;}
