/************************GLOBAL LAYOUT ***********************/

html, body, div#body2 {
    width: 100%;
}

html {
    overflow-y: scroll;
    overflow-x: hidden;
}

body {
    text-align: center;
    padding: 0;
    font-family: "Lucida Grande", Arial, sans-serif;
    color: #4d4d4d;
    font-size: 12px;
    margin: 0;
    z-index: 2;
    background: url( "../_img/backBody.gif" ) repeat-x #e3e3e3;
    background: url( "../_img/bigBackbg.jpg" ) repeat-x #e3e3e3;

}

div#body2 {
    background: url( "../_img/headerbg.png" ) no-repeat top center;
}

div#global {
    padding: 0 0 0px 0;
    color: black;
    width: 960px;
    margin: 0px auto 0 auto;

}

div#navblock {
    text-align: left;
    position: relative;
    float: left;
    width: 940px;
    margin: 0px 0 0px 12px;

}

div#content {
    background: white;
    text-align: left;
    position: relative;
    float: left;
    margin: 20px 0 0px 7px;

    width: 950px;
    min-height: 400px;
    height: auto !important;
    height: 400px;
    padding-top: 0;
}

div#pageContent {
    z-index: 10;
    position: relative;
    float: left;
    width: 915px;
    margin: 0 0 10px 25px;
    padding-top: 0;
}

#toBlindUpLayout {
    position: relative;
    float: left;
    width: 100%;
    background: black;
}

/************************HEADER LAYOUT ***********************/
#decor1 {
    display: none;
}

div#header {
    position: relative;
    float: left;
    left: 0;
    height: 55px;
    width: 100%;
    top: 0;
    padding: 0;
    margin: 0 0 0 10px;

}

div#header #root {
    width: 100%;
    height: 25px;
    position: absolute;
    left: -10px;
    top: 100px;
    padding: 0;
    z-index: 10;
}

div#header div#logomxs a {
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    width: 100px;
    height: 30px;
}

/*********************** END HEADER *************************/

/*********************** BEGIN navBlock *******************/

div#navblock ul.topMenu {
    text-align: right;
    z-index: 5;
    height: 35px;
    float: right;
    clear: none;
    display: inline;
    padding: 0 0 0 15px;
    margin-top: 0px;
    background: url( "../_img/navbg.gif" ) no-repeat bottom left;

}

div#navblock ul.topMenu li {
    position: relative;
    float: left;
    display: inline;
    top: 0;
    white-space: nowrap;
    margin-right: 10px;
    font-size: 13px;
    line-height: 29px;

}

div#navblock ul.topMenu li a.selected {
    color: black;
}

div#navblock ul.topMenu li a {
    font-family: ARIAL, sans-serif;

    vertical-align: bottom;
    text-decoration: none;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 12px;
    padding: 4px 0 0 0;
    position: relative;
    margin: 1px 0px 0px 0px;
    float: left;
    line-height: 21px;
    text-decoration: none;
    color: white;
    height: 21px;
    display: inline; /*background: url( "../_img/b_small_right.png" ) no-repeat right top;*/

}

div#navblock h2 {
    font-family: ARIAL, sans-serif;
    position: relative;
    float: left;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 19px;
    color: #047622;
    text-align: left;
    padding: 23px 25px 0 25px;
    display: inline;
    margin: 1px 0 0 0;
    clear: none;
    width: auto;
}

div#navblock h2 span {
    font-size: 14px;
    text-transform: none;
    line-height: 20px;
    color: #505050;
}

div#navblock h2 span.info {
    background: left -120px no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -310px;
    font-weight: bold;
    line-height: 13px;
    font-size: 13px;
    padding-left: 25px;
    color: green;

}

/*div#navblock ul.topMenu li a span {
height: 21px;
float: left;
margin-right: 5px;
text-align: left;
padding-right: 20px;
padding-left: 22px;
width:120px;
/* background: url( "../_img/b_small_left.png" ) no-repeat left top; */
/*}
*/
div#navblock ul.topMenu li a:hover {
    cursor: pointer;
    color: white; /* background: url( "../_img/b_small_right.png" ) no-repeat right top;*/
}

/*
div#navblock ul.topMenu li a:hover span {
   background: url( "../_img/b_small_left.png" ) no-repeat left top;
}
div#navblock ul.topMenu li a.selected{
   color:black;
}
*/
div#navblock ul.topMenu li a.search {
    background: url( "../_img/nav_icons.jpg" ) no-repeat left 2px;
    padding-left: 23px;
}

div#navblock ul.topMenu li a.logout {
    background: url( "../_img/nav_icons.jpg" ) no-repeat left -24px;
    padding-left: 24px;
}

div#navblock ul.topMenu li a.card {
    background: url( "../_img/nav_icons.jpg" ) no-repeat left -48px;
    padding-left: 22px;
}

div#navblock ul.topMenu li a.config {
    background: url( "../_img/nav_icons.jpg" ) no-repeat left -71px;
    padding-left: 22px;
}

div#navblock ul.topMenu li a.registration {
    background: url( "../_img/nav_icons.jpg" ) no-repeat left -97px;
    padding-left: 24px;
}

/************************ END navBlock **********************/
/************************GENERAL STYLES ***********************/
div#operationsByAjax {
    height: 0px;
    line-height: 0px;
}

div#messageByAjax {
    color: red;
}

ul {
    margin: 0;
    padding: 0;
    /* -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px 5px;
    */
}

a {
    color: #4d4d4d;
}

input.text {
    color: black;
    font-size: 12px;
    -moz-border-radius: 3px;
    border-radius: 3px 3px;
    -webkit-border-radius: 3px;
    border: 2px solid #cedff9;
    border: 0;
    width: 220px;
    border: 1px solid #515151;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

select {
    color: black;
    font-size: 12px;
    -moz-border-radius: 3px;
    border-radius: 3px 3px;
    -webkit-border-radius: 3px;
    border: 2px solid #cedff9;
    border: 0;
    width: 220px;
    border: 1px solid #515151;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

textarea {
    color: black;
    font-size: 12px;
    -moz-border-radius: 2px;
    border-radius: 2px 2px;
    -webkit-border-radius: 2px;
    font-family: Arial, sans-serif;
    border: 2px solid #cedff9;
    border: 0;
    width: 220px;
    border: 1px solid #515151;
    border-bottom: 1px solid white;
    border-right: 1px solid white;
}

textarea.specialedit {
    border: 1px solid #103782;
    clear: left;
}

input.radio {
    border: none;
    cursor: pointer;
    background: none;

}

input.checkbox {
    border: none;
    cursor: pointer;
    background: none;
}

.buttonHover {
    background: #FFFDE7;
    font-weight: bold;
    color: black;

}

input.buttonHover {
    font-size: 12px;
    -moz-border-radius: 3px;
    border-radius: 3px 3px;
    -webkit-border-radius: 3px; /*  border: 0;*/
    width: 220px;
}

input.selected {
    border: 1px solid red;
}

input.searchbutton, textarea.searchbutton {
    width: 160px;
}

input.smallbutton {
    font-size: 12px;
	color: #5d5d5d;
    width: 60px;
}

div#topIcone {
    height: 23px;
    position: relative;
    float: right;
    right: -10px;
    bottom: 10px;
    width: 40px;
    z-index: 15;
}

div#topIcone a {
    text-decoration: none;
    float: left;
    height: 23px;
    width: 20px;
    background: url( "../_img/topArrow_out.gif" ) no-repeat;
}

div#topIcone a:hover {
    background: url( "../_img/topArrow.gif" ) no-repeat;
}

div#printIco {
    width: 25px;
    height: 23px;
    position: relative;
    float: right;
    right: -15px;
    bottom: 7px;
    z-index: 15;
    background: url( "../_img/b_print.gif" ) no-repeat;
    visibility: hidden;
}

div#printIco a {
    text-decoration: none;
    width: 20px;
    height: 23px;
    float: left;
    background: url( "../_img/b_print_out.gif" ) no-repeat;
}

div#printIco a:hover {
    background: url( "../_img/b_print.gif" ) no-repeat;
}

#tooltip {
    position: absolute;
    visibility: hidden;
}

h3 {
    float: left;
    border: none;
    margin: 2px 0 0 0;
    padding: 5px 10px 4px 0px;
    display: block;
    clear: both;
    color: #505050;
    text-decoration: underline;
    font-size: 15px;
    font-weight: bold;
    width: 850px;
    text-align: left;
}

h4 {
    padding: 3px 0 1px 0;
    margin: 0;
    float: left !important;
    float: none;
    text-align: left;
    width: 100%;
    font-weight: bold;
    background: url( "../_img/backH6.gif" ) no-repeat top center;
    font-size: 12px;
    color: #21358E;
    height: 30px;
    margin-top: 10px;
}

p.contact {
    padding: 0;
    position: relative;
    margin: 5px 0 5px 10px;
    float: left;
    text-indent: 15px;
    width: 700px;
    height: 20px;
    font-size: 17px;
    color: red;
}

.generallink {
    clear: both;
}

.clear {
    float: left;
    clear: both;
    width: 700px;
    line-height: 1px;
}

.generallink a {
    clear: both;
    padding: 0 0px 0 0;
    position: relative;
    margin: 1px 0 1px 40px;
    float: left;
    line-height: 30px;
    font-weight: bold;
    font-size: 12px;
    text-decoration: none;
    color: white;
    height: 30px;
    /*background: url( "../_img/link_right.png" ) no-repeat right top;*/
    background:#F95F4B;
}

.generallink a span {
    height: 30px;
    float: left;
    margin-right: 20px;
    padding-left: 22px;
    padding-right: 20px;
    /*background: url( "../_img/link_left.png" ) no-repeat left top;*/
    color: white;
    background:#F95F4B;
}

.generallink a:hover {
    cursor: pointer;
    color: white; /*background: url( "../_img/b_right_hover.gif" ) no-repeat right top;*/
}

.generallink a:hover span {
/* background: url( "../_img/b_left_hover.gif" ) no-repeat left top;*/
    color: white;
}

.fixwidth a span {
    width: 530px;
}

a.link {
    outline: none;
    padding: 5px;
    padding-left: 20px;
    border: 1px transparent solid;
    _border: none;
    line-height: 22px;
    text-decoration: none;
    -moz-border-radius: 3px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
}

a.link:hover {
    border: 1px solid #505050;
    _border: none;
    text-decoration: none;
}

span.r_icon {
    padding-right: 25px;
    background: right no-repeat;
    background-position: right 0px;
}

span.l_icon {
    padding-left: 25px;
    background: left no-repeat;
    background-position: left 0px;
}

span.slidedown {
    background-image: url( ../_img/buttons_transparent.png );
    background-position: left -6px;
}

span.slideup {
    background-image: url( ../_img/buttons_transparent.png );
    background-position: left -28px;
}

span.back {
    background-image: url( ../_img/buttons_transparent.png );
    background-position: left -51px;
}

span.add {
    background-image: url( ../_img/buttons_transparent.png );
    background-position: left -80px;
}

span.next {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -203px;
}

span.prev {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -229px;
}

span.delete {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -339px;
}

a.history {
    background: left -140px no-repeat url( ../_img/buttons_transparent.png );
}

a.valid {
    background: left top no-repeat url( ../_img/buttons_transparent.png );
    padding-left: 22px;
}

a.open {
    background: left -80px no-repeat url( ../_img/buttons_transparent.png );
    padding-left: 22px;
}

a.delete {
    background: left -20px no-repeat url( ../_img/buttons_transparent.png );
    padding-left: 19px;
}

a.add {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -75px;
}

a.search {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -119px;
}

a.reset {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -96px;
}

a.today {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -145px;
}

a.calendar {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -173px;
}

a.generate {
    background: no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -250px;
}

a.edit {
    background: left -120px no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -281px;
}

a.info {
    background: left -120px no-repeat url( ../_img/buttons_transparent.png );
    background-position: left -307px;
    font-weight: bold;
    color: green;
}

div.normal {
    width: 100%;
    float: left;
}

/***********************************************************/
/************************* TABLES**************************/
/***********************************************************/

div.tableadmin {
    background: #E8E8E8;
    position: relative;
    float: left;
    margin: 10px 0 0 0;
    -moz-border-radius: 5px;
    border-radius: 5px 5px;
    -webkit-border-radius: 5px;
    width: 900px;
}

div.tableadmin2 {
    position: relative;
    float: left;
    margin: 10px 0 0 0;
    -moz-border-radius: 5px;
    border-radius: 5px 5px;
    -webkit-border-radius: 5px;
    width: 900px;
}

div.tablecontent {
    position: relative;
    float: left;
    padding: 5px 0 40px 0;
    background: #E8E8E8 url( "../_img/formshadow.jpg" ) no-repeat bottom left;
    width: 100%;
}

div.tablecontent2 {
    position: relative;
    float: left;
    padding: 5px 0 40px 0;
    width: 100%;
}

div.tableadmin h5 {
/*float: left;*/
/*border: none;*/
/*margin: -30px 0 1px 10px;*/

/*padding: 5px 10px 2px 0px;*/
/*text-decoration: underline;*/
/*display: block;*/
/*clear: both;*/
/*color: #505050;*/
/*font-size: 15px;*/
/*font-weight: bold;*/
/*width: 850px;*/
/*text-align: left;*/
    /* border-bottom: 1px solid #CEDFF9;
border: none;
background: url( "../_img/field_separator.gif" ) no-repeat left bottom;
background-repeat: repeat-x;   */
    float: left;
    border: none;
    padding: 5px 0 5px 0;
    margin: -10px 0 10px 0;
    display: block;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    text-indent: 15px;
    text-align: left;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    background: #F95F4B;
    color: white;
}

div.tableadmin div.tablecontent {
    margin: 0 0 0 0;
}

div.historytable {
    margin: 20px 0 20px 0px;
    width: 900px;
    padding-bottom: 20px;

}

div.tableadmin div.historytable h5 {
    margin: 0 0 1px 20px;
    font-size: 13px;
}

table.sortable {
    border-collapse: collapse;
    position: relative;
    float: left;
    margin: 0 1% 0 1%;
    width: 98%;
    clear: both;
    font-size: 12px;
    border: 2px solid #d1d1d1;
}

table.sortable a {
    color: #4d4d4d;
    font-size: 12px;
    font-weight: bold;
}

table.sortable a:hover {
    color: black;
}

table.sortable th {
    font-size: 12px;
    background: #d1d1d1;
    height: 20px;
    color: #505050;
    font-weight: bold; /*border: 1px solid #BFBFBF;*/
}

table.sortable tr th a {
    zoom: 1;
    font-size: 12px;
    color: #505050;
}

table.sortable th a:hover {
    color: black;
}

table.sortable tr.subTitle {
    border-spacing: 0;
    color: #4d4d4d;
    font-weight: bold;
    background-color: white;
}

table.sortable tr.subTitle td {
    border-spacing: 0;
    color: black;
    font-weight: bold;
    background-color: white;
}

table.sortable tr td {
    text-align: left;
    border: 1px solid #dddddd;
    padding: 2px;
    background: white;
    cursor: pointer;
}

table.sortable tr td.list {
    text-align: left;
    border: 1px solid #dfdfdf;
    padding: 2px;
    background: #F9F9F9;
}

table.sortable tr td.separate {
    border-bottom: 8px solid #d1d1d1;
}

table.sortable tr td.separatetop {

}

table.sortable tr td.mousehover {
    background: #BFBFBF;
    color: black;
}

table.sortable input {
    border: none;
}

table.sortable tr td a {
    display: block;
}

table.noclickable tr td {
    cursor: default;
}

table th.sortdesc {
    background-image: url( ../_img/buttons_transparent.png );
    background-position: left -6px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

table th.sortasc {
    background-image: url( ../_img/buttons_transparent.png );
    background-position: left -28px;
    background-repeat: no-repeat;
    padding-left: 25px;
}

div.resultsinclude {
    border-top: 2px solid #d1d1d1;
    border-bottom: 2px solid #d1d1d1;
    width: 100%;
    background: #d1d1d1;
    clear: both;
    float: left;
}

tr.listselected {
    color: Red;
}

#MB_content div.tablecontent {
    padding: 0;
    background: none;
    margin: 0 0 0 -5px;
    overflow: visible;
    float: left;

}

table.sortable div.valid {
    line-height: 30px;
    float: left;
    padding-left: 25px;
    background: url( "../_img/valid.png" ) no-repeat left center;
}

table.sortable div.warning {
    background: url( "../_img/warning.png" ) no-repeat left center;
    line-height: 30px;
    padding-left: 25px;
    float: left;
}

/**************************************************************/
/************************* END TABLES**************************/
/**************************************************************/

/***********************************************************/
/************************* FORMS**************************/
/***********************************************************/

.autoForm {
    width: 100px;
}

form.fieldset {
    clear: left;
    display: block;
    float: left;
    border: 0px;
    margin: 15px 0 0px 0;
    -moz-border-radius: 5px;
    border-radius: 5px 5px;
    -webkit-border-radius: 5px;
    padding: 0px 0px 40px 0px;
    background: #E0ECFF;
    background: #E8E8E8 url( "../_img/formshadow.jpg" ) no-repeat bottom left;
}

form.light {
    background: white;
}

form.light input.readonly, form.light textarea.readonly {
    background: white;
    border: none;
}

form.light div.field {
    background: white;

}

form.light fieldset, form.light input.readonly, form.light textarea.readonly {
    border-color: #C7C7C7;
}

form.light fieldset {
    padding: 2px 10px 35px 10px;
}

form.fieldset h5 {
    float: left;
    border: none;
    padding: 5px 0 5px 0;
    margin: -10px 0 10px 0;
    display: block;
    clear: both;
    font-size: 14px;
    font-weight: bold;
    width: 100%;
    text-indent: 15px;
    text-align: left;
    -moz-border-radius: 5px 5px 0px 0px;
    border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    background: #F95F4B;
    color: white;
}

form.fieldset div {
    float: left;
    border: none;
    padding: 0px;
    display: block;
    clear: both;
}

form.cssform {
    width: 900px;
    float: left;
}

#MB_content form.cssform {
    width: 750px;
    float: left;
}

.cssform div.field {
/* width: 630px;*/
    width: 100%;
    clear: left;
    margin: 0;
    float: left;
    padding: 5px 0 8px 0;
    background: url( "../_img/field_separator.gif" ) no-repeat left top;
    background-repeat: repeat-x;
    height: 1%;
    text-align: left;
}

.light div.field {
    padding: 1px 0 2px 0;
}

div.warning div.rightblock {
    background: url( "../_img/warning.png" ) no-repeat left center;
    padding-left: 25px;
}

div.valid div.rightblock {
    background: url( "../_img/valid.png" ) no-repeat left center;
    padding-left: 25px;
}

.cssform div.field label.leftlabel {
    font-weight: bold;
    float: left;
    width: 140px;
    color: #5d5d5d;
}

label.leftlabel {
    font-weight: bold;
    float: left;
    width: 140px;
    color: #5d5d5d;
}

label.rightblock {
    font-weight: bold;
    float: left;
    width: 500px;
    color: #5d5d5d;
}

.cssform div.field.biglabel label {
    width: 250px;
}

.cssform div.field div.rightblock {
    font-weight: normal;
    float: left;
    width: 500px;
    clear: right;
}

.cssform input[type="text"] {
/*width of text boxes. IE6 does not understand this attribute*/
/*width: 180px;*/
}

.cssform textarea {
    /*width: 250px;
    height: 150px;*/
}

.cssform .leftlabel span.obligatory {
    color: red;
}

textarea.obligatory {
}

.cssform div.half {
    display: inline;
    clear: none;
    width: 50%;
    border-top: 1px dotted #113882;
    border: none;
    background: url( "../_img/field_separator.gif" ) no-repeat left top;
    background-repeat: repeat-x;

}

.cssform div.half label.leftlabel {
    color: #5d5d5d;
}

.cssform div.half div.rightblock {
    width: 230px;
    display: inline;
    clear: none;

}

.cssform div.field:hover {
/* background:white;*/
}

.cssform div.top {
    background-image: none;

}

.cssform div.dividfields {
    float: left;
    width: 96%;
    clear: both;
    margin: 0;
    padding-left: 2%;
}

#MB_content .cssform div.dividfields {
    width: 100%;
    padding-left: 0;
}

.light div.field {
    border-top: 1px solid #dedede;
}

.light div.top {
    border-top: none;
}

.cssform .errorfield {
    color: red;
    clear: both;
    font-weight: bold;
    border: red 1px solid;
    padding: 2px 5px 2px 5px;
}

.errorForm {
    color: black;
    background: #FFB2B2 url( "../_img/error.png" ) right center no-repeat;
    padding: 8px 5% 8px 5%;
    margin-bottom: 10px;
    clear: both;
    line-height: 20px;
    width: 90%;
}

ul.errorForm  li {
    list-style: none;
}

.errorForm a {
    font-weight: bold;
    font-size: 13px;
    padding-left: 40px;
    color: black;
}

form.fieldset div.validForm, .validForm {
    color: black;
    background: #C9F7B1 url( "../_img/valider.png" ) right center no-repeat;
    padding: 8px 5% 8px 5%;
    margin-bottom: 10px;
    clear: both;
    font-size: 13px;
    line-height: 20px;
    width: 90%;
}

.cssform .description {
    clear: left;
    color: #5F5F5F;
    font-size: 9px;
}

.buttons {
    text-align: left;
    padding: 2px 0 2px 0px;
    font-weight: bold;
    display: block;
    color: #505050;
    border: none;
    background: url( "../_img/field_separator.gif" ) no-repeat left top;
    background-repeat: repeat-x;
    float: left;
    width: 94%;
    clear: both;
    margin: 0 0 0 2%;
    padding-left: 2%;

}

.buttons a.button {
    margin: 2px 1px 5px 0px;
    display: inline;
}

.buttons span.result {
    position: relative;
    margin: 2px 2px 5px 0px;
    float: right;
    line-height: 31px;
    display: inline;
    clear: none;
}

a.button {
    padding: 0 0 0 0;
    position: relative;
    margin: 0px 1px 0px 0px;
    float: left;
    line-height: 31px;
    font-size: 12px;
    text-decoration: none;
    color: #505050;
    height: 30px;
    text-align: left;
    font-weight: bold;
    display: inline;
    clear: none;
    background: url( "../_img/b_small_right_2.png" ) no-repeat right top;
}

a.button span.title, form a.buttonwhite span.title {
    height: 30px;
    float: left;
    margin-right: 10px;
    text-align: center;
    padding: 0 10px 0 22px;
    color: #505050;
    line-height: 35px;
    background: url( "../_img/b_small_left_2.png" ) no-repeat left top;
}

a.button:hover {
    cursor: pointer;
    color: black; /* background: url( "../_img/b_small_right_hover.png" ) no-repeat right top;*/
}

a.button:hover span {
    color: black; /*background: url( "../_img/b_small_left_hover.png" ) no-repeat left top;*/
}

div.search div.pages {
    float: left;
    height: 30px;
    line-height: 30px;
    display: inline;
    width: 135px;
    text-align: center;
    color: #4D4D4D;
}

div.search div.pages a {
    font-size: 13px;
}

div.search div.pages span.actual {
    font-size: 14px;
    font-weight: bold;
}

div.search div.result {
    float: left;
    height: 30px;
    line-height: 25px;
    display: inline;
    width: 600px;
    text-align: left;
    padding-left: 20px;
    color: #4D4D4D;
}

div.search div.result span.separator {
    padding-right: 10px;
    height: 30px;
    background: url( "../_img/v_separator.gif" ) no-repeat right top;
    background-repeat: repeat-y;
}

div.search div.result select {
    margin-left: 10px;

}

form a.button {
    background-image: url( "../_img/b_small_right.png" );
}

form a.button span.title {
    background-image: url( "../_img/b_small_left.png" );
}

form a.buttonwhite {
    background-image: url( "../_img/b_small_right_2.png" );
}

form a.buttonwhite span.title {
    background-image: url( "../_img/b_small_left_2.png" );
}

.tablecontent a.button {
    background-image: url( "../_img/b_small_right.png" );
}

.tablecontent a.button span.title {
    background-image: url( "../_img/b_small_left.png" );
}

.tablecontent a.buttonwhite {
    background-image: url( "../_img/b_small_right_2.png" );
}

.tablecontent a.buttonwhite span.title {
    background-image: url( "../_img/b_small_left_2.png" );
}

div.buttons a.field {
    left: 0;
    margin: 0 0 0 2px;
    display: inline;
    padding: 0;
}

form.buttoninline {
    display: inline;
    clear: none;
}

input.calendar {
    width: 120px;
}

input.longtext {
    width: 500px;
}

input.readonly, textarea.readonly {
    cursor: default;
    background: #E8E8E8;
}

textarea.labelin {
    color: #505050;
    font-style: italic;
    font-weight: normal;
}

textarea.error {
    color: black;
    border: 3px solid red;
    background: #FFE7E7;
}

fieldset {
    border: 1px solid #A8A8A8;
    border-bottom: 3px solid #A8A8A8;
    border-right: 1px solid #A8A8A8;
    margin-bottom: 12px;
    padding-bottom: 12px;
}

fieldset legend {
    color: #047622;
    font-weight: bold;
    font-size: 17px;
}

fieldset legend a {
    color: #505050;
    font-size: 12px;
}

fieldset legend.expanded a.toggle {
    padding-left: 15px;
    background: url( "../_img/menu-expanded.png" ) no-repeat scroll 5px 75% transparent;
}

fieldset legend.collapsed a.toggle {
    padding-left: 15px;
    background: url( "../_img/menu-collapsed.png" ) no-repeat scroll 5px 75% transparent;
}

fieldset legend a.link, fieldset legend a.link:hover {
    border: none;
}

fieldset.fieldset_collapsed {
    height: 1px;
    border-bottom: none;
    border-left: none;
    border-right: none;
}

div.checklist {
    width: 220px;
    margin: 0;
    padding: 0;
    overflow: hidden;
    height: 18px;
    float: left;
}

div.checklistactive {
    height: auto;
}

div.checklist a.openit {
    float: left;
    height: 16px;
    width: 18px;
    background: url( "../_img/selectbutton.gif" ) no-repeat right top;
    text-decoration: none;
    border: 1px solid #103782;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    border-left: none;
    -moz-border-radius: 2px;
    border-radius: 2px 2px;
    -webkit-border-radius: 2px;
    margin-left: -2px;
}

div.checklist ul {
    list-style: none;
    float: left;
    width: 200px;
    margin: 0;
    padding: 0;
    border: 1px solid #103782;
    border-right: 1px solid #EFEFEF;
    border-bottom: 1px solid #EFEFEF;
    background: white;
    -moz-border-radius: 2px;
    border-radius: 2px 2px;
    -webkit-border-radius: 2px;
}

div.checklist li {
    margin: 0;
    padding: 0 0 0 0px;
    float: left;
    width: 199px;
    border-bottom: 2px solid white;
}

div.checklist li.odd {
    background: #EFEFEF;
}

div.checklist li.mousehover {

    background: #335ea8;
    color: #fff;
}

.checklist li label {
    display: block;
    padding-left: 25px;
    clear: none;
    text-indent: -25px;
    margin-top: -2px;
}

.bigcheckboxlist .checklist {
    height: auto;
    width: 500px;
}

.bigcheckboxlist .checklist span {
    width: 450px;
}

.bigcheckboxlist a.openit {
    display: none;
}

div.bigcheckboxlist .checklist ul, div.bigcheckboxlist .checklist ul li {
    width: 500px;
}

.bigcheckboxlist span.pwd {
    color: red;

}

form#identification_form {
    margin-top: 30px;
}

/*************************************************************/
/************************ END FORMS**************************/
/************************************************************/

.mainerrormsg {
    float: left;
    background: #FFB2B2 url( "../_img/error.png" ) right center no-repeat;
    line-height: 20px;
    color: red;
    font-size: 14px;
    text-align: center;
    font-weight: bold;
    width: 700px;
    padding: 20px 20px 20px 20px;
}

.mainvalidmsg {
    float: left;
    background: #C9F7B1 url( "../_img/valider.png" ) right center no-repeat;
    color: #1D4F05;
    font-size: 13px;
    text-align: center;
    font-weight: bold;
    width: 700px;
    padding: 5px 20px 5px 20px;
    line-height: 20px;
}

.mainmessage {
    float: left;
    color: red;
    font-size: 12px;
    text-align: center;
    font-weight: bold;
    width: 900px;
    padding: 10px 10px 20px 10px;
    clear: both;
    display: block;
    margin-bottom: 10px;
    line-height: 25px;
}

div#messageByAjax {
    display: none;
}

/************************  ***********************/
/************************ LOGIN ******************/
/************************  ***********************/
div#login {
    width: 750px;
    height: 364px;
    position: relative;
    top: 105px;
    float: left !important;
    float: none;
    margin-left: 50% !important;
    left: -350px !important;
    left: 50px;
    margin-left: auto;
    margin-right: auto;
    padding: 0 0 0 0;
    color: #505050;
    font-size: 10px;
    background: url( "../_img/Login.png" ) no-repeat top transparent;
}

div#login #block {
    position: absolute;
    left: 160px;
    top: 160px;
    width: 300px;
    font-size: 12px;
    text-align: left;
    font-weight: bold;
}

div#login #extracontent {
    position: absolute;
    left: 131px;
    top: 290px;
    width: 389px;
    background: white;
    text-align: left;

}

div#login #block input.text {
    border: 2px solid #d1d1d1;
}

div#login #block .expired {

    top: 40px;
    left: 130px;
    position: absolute;

    color: #505050;
    width: 200px;;
    font-size: 10px;
}

div#login #block p a {
    color: #505050;
}

div#login #block .form {
    left: 30px;
    color: #505050;
    width: 330px;
}

div#login b {
    color: red;
    font-size:11px;
}

div#login p.buttons {
    background: none;
    border: none;
}

div#login #loginfooter {
    position: relative;
    float: left;
    left: 0;
    height: 30px;
    padding: 10px 0 0 0;
    width: 100%;
    margin-top: 10px;
    clear: left;
    z-index: 5;
    font-size: 12px;
    color: #505050;
    background: #E4E4E4;
    text-align: center;
}

div#login #loginfooter a {
    color: #505050;
    font-size: 12px;
}

div#login #loginfooter a:hover {
    color: white;
}

div#login .cssform {
    width: 317px;
    border-top: 1px dashed #bdbdbd;
}

div#login .content {
    width: 350px;
    padding-left: 37px;
    float: left;
}

div#login .cssform h5 {
    width: 300px;
}

div#login .cssform div.half {
    width: 380px;
}

div#login .cssform div.half div.rightblock {
    width: 130px;
}

div#login .cssform div.half label.leftlabel {
    color: #505050;
    font-weight: bold;
    font-size: 12px;
    width: 100px;
}

div#login .cssform div.half input.text {
    width: 120px;
    border: 2px solid #d1d1d1;
}

/************************  ***********************/
/************************ FOOTER *****************/
/************************  ***********************/
#icons {
    height: 30px;
    background-color: white;
    float: left;
    text-align: left;
    position: relative;
    margin: 0px 0 0px 7px;
    padding-top: 15px;
    width: 950px;
}

#icons span.language {
    margin-left: 5px;
    color: #047622;
    padding-right: 5px;
    border-right: 1px solid #047622;
}

#icons span.language a {
    color: #047622;
}

#icons span.login {
    margin-left: 20px;
    color: #047622;
    border-right: 1px solid #047622;
    padding-right: 10px;
}

#icons span.help {
    margin-left: 5px;
    color: #047622;

}

#icons span.help a {
    color: #047622;
}

#icons span.loginpage {
    margin: 0 5px 0 20px;
    color: #047622;
    padding-right: 10px;
    border-right: 1px solid #047622;
}

#icons span.loginpage a {
    color: #047622;
}

#footer {

    height: 30px;
    padding: 22px 30px 0 0px;
    margin: 0px 0 0 -9px;
    width: 100%;
    bottom: 0;
    z-index: 5;
    color: white;
    left: 0;
    font-size: 12px;
    clear: both;
    color: #505050;
    z-index: -1;
    background: url( "../_img/bg-footer.jpg" ) no-repeat 20px top;

}

#footer a {
    color: #505050;
    font-size: 12px;
}

#footer a:hover {
    color: white;
}

span.line {
    line-height: 1px;
    width: 600px;
    float: left;
    display: block;
    height: 1px;
    clear: both;
    color: white;
    padding: 0;
    margin: 0;
    border: 0;
    background-image: url( "../_img/backHr.gif" );
}

div#wait {
    background: url( "../_img/ajax-loader.gif" ) center center no-repeat;
    width: 100%;
    float: left;
    height: 20px;

}

div#waitsmall {
    background: url( "../_img/wait_small.gif" ) center center no-repeat;
    width: 50%;
    float: left;
    height: 18px;
}

/**     AUTOCOMPLETE ********/

div.autocomplete {
    margin: 0px;
    padding: 0px;
    width: 250px;
    background: #FFFDE7;
    position: absolute;
    z-index: 9999999;
}

div.autocomplete ul {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    z-index: 9999999;
    border: 1px solid white;
    border-top: none;
}

div.autocomplete ul li.selected {
    background-color: #325BAB;
    color: white;
}

div.autocomplete ul li {
    margin: 0;
    padding: 2px;
    display: block;
    list-style-type: none;
    cursor: pointer;
    z-index: 99999999;
}

div.autocomplete ul li.invisible {
    color: #FFFDE7;
    text-indent: -1000px;
    background-image: url( "../_img/linemore.gif" );
    background-repeat: no-repeat;
    background-position: center center;
}

div.autocomplete ul li.invisible span {
    color: black;
    text-indent: 100px;
}

div.info {
    width: 580px;
    padding: 5px 50px 10px 50px;
    font-size: 12px;
    float: left;
}

div.info ul, div.info ol {
    padding-left: 80px;
}

div.info ul li, div.info ul ol {
    font-weight: bold;
    color: #5F5959;
}

div.info h3 {
    background: url( "../_img/bkg_cmd.jpg" ) no-repeat scroll left bottom transparent;
    border-bottom: 1px dotted #F4F4F4;
    font-size: 17px;
    font-weight: bold;
    margin-top: 33px;
    padding-bottom: 10px;
    text-align: left;
    text-decoration: none;
    width: 100%;
}

div.info h4 {
    color: #047622;
    font-size: 13px;
    font-weight: bold;

    text-transform: uppercase;
    background: none;
}

div.inforight {
    width: 200px;
    padding: 5px 5px 5px 5px;
    float: left;
}

div.inforight h4 {
    background: url( "../_img/icon_docs.png" ) no-repeat scroll left bottom transparent;
    padding-left: 40px;
    margin: 40px 0 20px 0;

}

div.inforight ul {

}

div.inforight ul li {
    list-style: none;
    margin-top: 10px;
}

div.inforight ul li a.doc {
    background: url( "../_img/icon_doc.png" ) no-repeat scroll left top transparent;
    padding-left: 20px;
    padding: 5px 0 5px 20px;
}

/*HACK CSS FOR CHROME AND SAFARI*/
@media
screen
and

(
-webkit-min-device-pixel-ratio:

0
)
{
div#content {
    margin: 20px 0 0px 8px;
}

div#icons {
    margin: 0px 0 0px 8px;
}

}