#loading {
/*width: 100%;*/
/*height: 100%;*/
top: 0px;
left: 0px;
position: fixed;
display: block;
opacity: 0.7;
background-color: #fff;
z-index: 99;
text-align: center;
}

.has-error {
    background-color: #f39c12;
}
.error_message {
    color: red;
    font-size: 15px;
}
#loadingImage {
position: absolute;
top: 100px;
left: 240px;
z-index: 100;
}
.ui-jqgrid .ui-pg-selbox {
    height: auto !important;
}
.ui-jqgrid .ui-jqgrid-pager {
     height: auto !important;
}
body {
    font-size: 12px;
    margin: 0;
    padding: 0;
    /*height: 100%;*/
    background-image: url('../images/soft_top2.png');
    background-repeat: repeat-x;
    font-family: sans-serif;
    color: #666666;
}

.body_pdf {
    font-size: 14px;
    padding-top: 20px;
    width: 100%;
    margin: 20px;
    background: none;
    font-family: sans-serif;
    color: black;
}

.top_pdf {
    font-size: 14px;
    background-color: white;
    background: none;
    font-family: sans-serif;
    color: white;
}

img {
    border: 0;
}

a:link, a:visited {
    color: #003388;
}
a:hover, a:focus {
    color: #F07E00;
}


h1, h2, h3, h4 {
    color: #003388;
}

h1 {
    font-size: 140%;
}

    h1:first-letter {
        color: #003388;
    }

h2 {
    font-size: 130%;
}

h3 {
    font-size: 120%;
}

h4 {
    font-size: 110%;
}

p {
    color: #666666;
    font-size: 14px;
    text-align: justify;
}

.externalCall {
    margin: auto;
    width: 500px;
    margin-top: 100px;
}


.logo {
    float: left;
    position: relative;
    padding: 0;
    margin: 10px 10px 10px 10px;
    font-size: 24px;
}

.tools {
    position: relative;
    float: right;
    margin: 75px 20px 0 0;
}

.nav_ctr {
    background: url('../images/nav_bg_ctr.png') repeat-x #003388;
    width: 100%;
    float: left;
    margin: 0;
    padding: 0;
    height: 28px;
}

.nav_left {
    float: left;
    background-image: url('../images/nav_bg_left.png');
    background-repeat: no-repeat;
    width: 11px;
    height: 28px;
}

.nav_right {
    float: right;
    background-image: url('../images/nav_bg_right.png');
    background-repeat: no-repeat;
    width: 11px;
    height: 28px;
}


.nav_ctr a {
    background: url('../images/separator.png') no-repeat center right;
    float: left;
    font-size: 12px;
    padding: 6px 5px 7px 6px;
}

    .nav_ctr a:link, .nav_ctr a:visited {
        color: #FFF;
        text-decoration: none;
    }

    .nav_ctr a:hover, .nav_ctr a:focus {
        color: #C8DAF7;
    }

    .nav_ctr a:active, .nav_ctr a.actif {
        z-index: 100;
        color: #FFFFFF;
        background: url('../images/nav_over_ctr.png') repeat-x #AA5900;
        font-size: 12px;
    }

.container {
    position: relative;
    margin: 0;
    padding: 0;
    width: 100%;
    border: 0;
}

.wrapper_left {
    width: 210px;
    vertical-align: top;
    background-image: url('../images/ombre_menu.png');
    background-repeat: repeat-y;
    background-position: top right;
    background-color: #FFFFFF;
}

.wrapper_right {
    background-color: #FFFFFF;
    background: url('../images/bottom_soft.png') repeat-x bottom;
    vertical-align: top;
    padding: 20px 10px 20px 10px;
}

.page_bottom {
    margin: 0;
    background: url('../images/bottom_blue.png') repeat-x #003388;
    height: 68px;
    width: 100%;
}

.copyright {
    color: #FFFFFF;
    text-align: center;
    padding-top: 30px;
    font-size: 80%;
}

.divRight {
    float: right;
}

.clear {
    clear: both;
}

.button_mid {
    margin: 5px;
    clear: both;
}

.button_left {
    float: left;
    background: url('../images/button_left.gif') no-repeat;
    width: 10px;
    height: 28px;
}

.button_ctr {
    float: left;
    background: url('../images/button_ctr.png') repeat-x;
    width: auto;
    height: auto;
    padding: 7px 2px 6px 2px;
}

.button_right {
    float: left;
    background: url('../images/button_right.gif') no-repeat;
    width: 10px;
    height: 28px;
}

.button_less {
    float: left;
    background: url('../images/button_less.gif') no-repeat;
    width: 14px;
    height: 28px;
}

.button_arrow {
    float: left;
    background: url('../images/button_arrow.gif') no-repeat;
    width: 14px;
    height: 28px;
}

.button_print {
    float: left;
    background : url('../images/file_extension_pdf.png') no-repeat;
    width: 40px;
    height: 40px;
    background-color: transparent;
    border: none;
    margin: 7px;
}

.button_ctr a {
    font-size: 12px;
    text-decoration: none;
    font-weight: bolder;
}
    .button_ctr a:link, .button_ctr a:visited {
        color: #003388;
    }
    .button_ctr a:hover, .button_ctr a:focus {
        color: #F07E00;
    }

.button_small {
    margin: 2px;
    clear: both;
}
.small_button_left {
    float: left;
    background: url('../images/small_button_left.gif') no-repeat;
    width: 6px;
    height: 14px;
}

.small_button_ctr {
    float: left;
    background: url('../images/small_button_ctr.png') repeat-x;
    width: auto;
    height: 14px;
    padding: 2px 2px 2px 2px;
}

.small_button_ctr_right {
    float: left;
    background: url('../images/small_button_ctr_right.png') no-repeat;
    width: auto;
    height: 14px;
    width: 10px;
}

.small_button_ctr_left {
    float: left;
    background: url('../images/small_button_ctr_left.png') no-repeat;
    width: auto;
    height: 14px;
    width: 10px;
}

.small_button_right {
    float: left;
    background: url('../images/small_button_right.gif') no-repeat;
    width: 6px;
    height: 14px;
}

a.SmallButton {
    font-size: 9px;
    text-decoration: none;
    font-weight: bolder;
}
    a.SmallButton:link, a.SmallButton:visited {
        color: #003388;
    }
    a.SmallButton:hover, a.SmallButton:focus {
        color: #F07E00;
    }

.small_button_ctr a {
    font-size: 9px;
    text-decoration: none;
    font-weight: bolder;
}
    .small_button_ctr a:link, .small_button_ctr a:visited {
        color: #003388;
    }
    .small_button_ctr a:hover, .small_button_ctr a:focus {
        color: #F07E00;
    }

form {
    margin: 0;
    padding: 0;
}

.fcase {
    color: #003388;
    padding: 0 2px 0 2px;
    background: url('../images/input_bg.png') repeat-x top left #FFF;
    border: 1px solid #003388;
}

    .fcase:focus {
        background-color: #FDE0BF;
        background: url('../images/input_bg_focus.png') no-repeat top left #FDE0BF;
        border: 1px solid #AA5900;
    }

.header_left {
    float: left;
    background: url('../images/header_left.gif') no-repeat;
    width: 10px;
    height: 28px;
}

.header_ctr {
    text-align: center;
    color: #003388;
    font-size: 12px;
    font-weight: bolder;
    float: left;
    background: url('../images/button_ctr.png') repeat-x;
    height: auto;
    padding: 6px 0 7px 0;
}

.header_right {
    float: left;
    background: url('../images/header_right.gif') no-repeat;
    width: 10px;
    height: 28px;
}

.box_content {
    color: #ffffff;
    text-decoration: none;
    font-size: 15px;
    word-wrap: break-word;
    width: 150px;
}
.wrapper_left .box_content {
    clear: both;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background: url('../images/menu_top.png') repeat-x top left #C8DAF7;
}

.wrapper_right .box_content {
    clear: both;
    font-size: 12px;
    border: 1px solid #CCCCCC;
    background-color: #FFF;
    padding: 10px;
}

A.MenuItem {
    padding: 5px 0 5px 7px;
    display: block;
    text-decoration: none;
    width: 187px;
}

    A.MenuItem:link, A.MenuItem:visited {
        border-left: 1px solid #C8DAF7;
    }

    A.MenuItem:hover, A.MenuItem:focus {
        border-left: 1px solid #003590;
        background-color: #E1EBFB;
    }

    A.MenuItem:active {
        padding: 5px 0 5px 7px;
        background-image: url('../images/triangle.png');
        background-position: center left;
        background-repeat: no-repeat;
        background-color: white;
        border-left: 1px solid #f07E00;
        color: #f07E00;
    }

.location {
    padding-left: 10px;
    background: url('../images/location_bg.png') repeat-y #FFFFFF;
    font-size: 80%;
    color: #003388;
}

.formBox {
    margin: 10px 0 0 0;
    background: url('../images/menu_top.png') repeat-x top left #C8DAF7;
    padding: 10px;
    border: 2px solid #CCCCCC;
}

    .formBox h1, .formBox h2, .formBox h3, .formBox h4 {
        color: #F07E00;
    }

legend {
    color: #003388;
    font-weight: bolder;
}

/* Same rendering as a span. Useful for (JusdyceWeb) fieldsets. */
    legend.title {
        font-size: 12pt;
        font-weight: bold;
        color: #666;
    }

label {
    font-weight: bold;
    font-size: 10px;
    color: #003388;
}

td {
    font-family: "Lucida Sans Unicode", "Bitstream Vera Sans", "Trebuchet Unicode MS", "Lucida Grande", Verdana, Helvetica, sans-serif;
    font-size: 12px;
}

#LOGINFRAME.toCenter {
    position: absolute;
    width: 500px;
    left: 50%;
    top: 100px;
    padding: 0 40px 100px 40px;
}

.logintxt {
    width: 430px;
    float: left;
}

.login {
    padding-left: 20px;
    float: right;
    right: 400px;
}

.txtRed {
    color: red;
}

.txtBold {
    font-weight: bolder;
}

.tableField {
    padding: 20px;
}

#waiting {
    text-align: center;
    padding: 60px 0 60px 0;
    position: absolute;
    z-index: 10000;
    background-color: #fff;
    border: 1px solid #AA5900;
    -moz-opacity: 0.80; 
    -khtml-opacity: 0.8; 
}

#leftAjax {
    margin: 5px;
    padding: 5px;
    position: relative;
    float: left;
}

#rightAjax {
    padding: 5px;
    margin: 5px;
    position: relative;
    float: left;
}

.GroupBox {
    padding: 20px;
    padding-top: 0;
}

#divLogin {
    position: absolute;
    float: left;
    margin-left: 250px;
}
A.TableSorter {
    color: #FFFFFF;
    text-decoration: none;
}

    A.TableSorter:hover {
        text-decoration: underline;
    }

.Pager {
    color: #000000;
    font-weight: bolder;
}

    .Pager A {
        margin-right: 2px;
        margin-left: 2px;
        font-weight: normal;
        text-decoration: none;
    }

    .Pager SPAN {
        margin-right: 2px;
        margin-left: 2px;
    }


.TabStyle .ajax__tab_header .ajax__tab_outer {
    padding-right: 4px;
    background: url(../images/xp/tab-right.gif) no-repeat right;
    height: 21px;
}

.TabStyle .ajax__tab_header .ajax__tab_inner {
    padding-left: 3px;
    background: url(../images/xp/tab-left.gif) no-repeat;
}

.TabStyle .ajax__tab_header .ajax__tab_tab {
    height: 13px;
    padding: 4px;
    margin: 0;
    background: url(../images/xp/tab.gif) repeat-x;
}

.TabStyle .ajax__tab_hover .ajax__tab_outer {
    background: url(../images/xp/tab-hover-right.gif) no-repeat right;
}

.TabStyle .ajax__tab_hover .ajax__tab_inner {
    background: url(../images/xp/tab-hover-left.gif) no-repeat;
}

.TabStyle .ajax__tab_hover .ajax__tab_tab {
    background: url(../images/xp/tab-hover.gif) repeat-x;
}

.TabStyle .ajax__tab_active .ajax__tab_outer {
    background: url(../images/xp/tab-active-right.gif) no-repeat right;
}

.TabStyle .ajax__tab_active .ajax__tab_inner {
    background: url(../images/xp/tab-active-left.gif) no-repeat;
}

.TabStyle .ajax__tab_active .ajax__tab_tab {
    background: url(../images/xp/tab-active.gif) repeat-x;
}
.validatorCalloutHighlight {
    background-color: #FFF0AA;
}

.NanoValidatorCallout div, .NanoValidatorCallout td {
    visibility: hidden;
    border: solid 1px Black;
    background-color: Silver;
}

.NanoValidatorCallout ajax__validatorcallout_popup_table {
    visibility: hidden;
    border: none;
    background-color: Yellow;
    padding: 0;
    margin: 0;
}
.NanoValidatorCallout ajax__validatorcallout_popup_table_row {
    visibility: hidden;
    vertical-align: top;
    height: 100%;
    background-color: Blue;
    padding: 0;
    margin: 0;
}
.NanoValidatorCallout ajax__validatorcallout_callout_cell {
    visibility: hidden;
    width: 20px;
    height: 100%;
    text-align: right;
    vertical-align: top;
    border: none !important;
    background-color: Green !important;
    padding: 0;
    margin: 0;
}

.NanoValidatorCallout ajax__validatorcallout_callout_table {
    visibility: hidden;
    height: 100%;
    border: none;
    background-color: Red;
    padding: 0;
    margin: 0;
}

.NanoValidatorCallout ajax__validatorcallout_callout_table_row {
    visibility: hidden;
    background-color: Purple;
    padding: 0;
    margin: 0;
}

.NanoValidatorCallout ajax__validatorcallout_callout_arrow_cell {
    visibility: hidden;
    padding: 8px 0 0 0;
    margin: 0;
    text-align: right;
    vertical-align: top;
    font-size: 1px;
    border: none !important;
    background-color: Orange !important;
}

    .NanoValidatorCallout ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {
        visibility: hidden;
        font-size: 1px;
        position: relative;
        left: 1px;
        border-bottom: none !important;
        border-right: none !important;
        border-left: none !important;
        width: 15px;
        background-color: Teal !important;
        padding: 0;
        margin: 0;
    }

        .NanoValidatorCallout ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {
            visibility: hidden;
            height: 1px;
            overflow: hidden;
            border-top: none !important;
            border-bottom: none !important;
            border-right: none !important;
            padding: 0;
            margin: 0 0 0 auto;
        }

.NanoValidatorCallout ajax__validatorcallout_error_message_cell {
    visibility: hidden;
    font-family: Verdana;
    font-size: 10px;
    padding: 5px;
    border-right: none !important;
    border-left: none !important;
    width: 100%;
}

.NanoValidatorCallout ajax__validatorcallout_icon_cell {
    visibility: hidden;
    width: 20px;
    padding: 5px;
    margin: 0;
    border-right: none !important;
}

.NanoValidatorCallout ajax__validatorcallout_close_button_cell {
    visibility: hidden;
    vertical-align: top;
    padding: 0;
    margin: 0;
    text-align: right;
    border-left: none !important;
}

    .NanoValidatorCallout ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {
        visibility: hidden;
        border: none !important;
        text-align: center;
        width: 10px;
        padding: 2px;
        cursor: pointer;
    }

div.fileinputs {
    position: relative;
    float: left;
}

div.fakefile {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	z-index: 2;
}

.choiceButtons:hover, .choiceButtons:focus {
    color: #F07E00;
    background-color: #F0F0F0;
    border: 1px solid gray;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -ms-border-radius: 5px;
    border-radius: 5px;
}

.choiceButtons {
    border: 1px solid transparent;
    background-color: transparent;
}

.infoStep {
    text-align: center;
    width: 90%;
    font-size: 15pt;
    font-weight: bold;
    color: #B8860B;
}

.deleteButton {
    border: 1px solid gray;
    background-color: #F0F0F0;
    color:#B8860B;
}
    .deleteButton:hover, .deleteButton:focus {
        border: 1px solid #B8860B;
        background-color: #FFFFFF;
        color: #F07E00;
    }

.fullScreen {
    height: 90vh;
    width: 80vw;
}

div#myDIV {
    height: 100%;
}

div.main {
    position: absolute; 
    left: 250px; 
    width: calc(100% - 250px); 
    top: 30px;
}

.ie .fullScreen {
    height: 600px;
    width: 800px;
}

.ie div.main {
    position: absolute;
    left: 20%;
    width: 75%;
    top: 30px;
}

div.left {
    position: absolute;
    left: 0;
    width: 16%;
    top: 80px; 
}

div.bottom {
    margin-bottom: 10px;
    position: absolute;
    left: 15%;
    width: 400px;
    top: 90%; 
}

div.bottomleft {
    position: absolute;
    bottom: 0;
    left: 10px;
    width: 190px;
    margin-bottom: 10px;
    margin-left: 5px;
    z-index: 10;
    height: 100px;
}

div.topleft {
    position: absolute;
    left: 10px;
    top: 0;
    width: 200px;
    margin-top: 10px;
    z-index: 100;
}


div.nfmContainerDiv img {
    margin-left: 2px;
    margin-right: 2px;
}

img.mandatoryActive {
    border: 3px solid red;
}

input.mandatoryActive, textarea.mandatoryActive, span.mandatoryActive {
    background: red;
}

select.mandatoryActive
{
    background-color : red;
    background : red;
}


span.greenbar {
    display: block;
    width: 10em;
    height: 5px;
    background: #2FB41A; 
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
}

p.greentext, span.greentext {
    color: #2FB41A;
}

div.blueborder {
    border: 2px solid blue;
}

p.bluetext, span.bluetext {
    color: blue;
}


p.redtext, span.redtext {
    color: red;
}

span.bluebar {
    display: block;
    width: 10em;
    height: 5px;
    background: blue;
    margin-left: auto;
    margin-right: auto;
    vertical-align: top;
}

div.greenborder {
    border: 2px solid #2FB41A; 
}

div.fuzzyDatePicker {
    display: inline;
}

    div.fuzzyDatePicker select {
        margin: 2px;
    }

.containerpaneldefault {
    border-style: solid;
    border-color: black;
}

.containerpanelnoborder {
    border-style: none;
}

.small_left_padding {
    padding-left: 20px;
}

.cell_no_left_or_right_padding table tbody tr td, .cell_no_left_or_right_padding tbody tr td {
    padding-left: 0;
    padding-right: 0;
}

div.table_no_cellspacing table, table.table_no_cellspacing {
    border-collapse: collapse;
}

div.input_no_left_or_right_margin input {
    margin: 1px 0 1px 0;
}

.light_grey_background {
    background: #DDDDDD;
}

.light_dotted_bottom_border {
    border-bottom: 1px dotted #CCCCCC;
}

    .light_dotted_bottom_border:hover, .light_dotted_border:hover {
        background: #FBEC88;
        border: solid 1px #FAD42E;
    }

p.errormessage, span.errormessage, label.errormessage {
    color: red;
    font-size: 14pt;
    font-weight: bold;
}

p.warningmessage, span.warningmessage, label.warningmessage {
    color: orange;
    font-size: 14pt;
    font-weight: bold;
}


p.okmessage, span.okmessage, label.okmessage {
    color: #2FB41A;
    font-weight: bold;
}

.light_dotted_border {
    border: 1px dotted #CCCCCC;
}

.light_dotted_border_nohover {
    border: 1px dotted #CCCCCC;
}

.blackborder {
    border: 1px solid black;
}

.white_background {
    background: white;
}
.uppercase_itself {
    text-transform: uppercase;
}

.ai_small_grey_indication {
    font-size: 10px;
    color: #A9A9A9;
    font-style: italic;
    padding-bottom: 1em;
}

.stat_table_legend {
    background-color: #ffffff;
    background-color: rgba(255, 255, 255, 0.6);
    border: 1px solid #CCC;
    width: 50%;
}

table.rolechooser {
    text-align: center;
    width: 400px;
}

.marginleft50 {
    margin-left: 50px;
}

p.title {
    font-size: medium;
    font-weight: bold;
    color: black;
    font-family: sans-serif;
}

p.smalltitle {
    font-size: larger;
    font-weight: bold;
    color: black;
    font-family: sans-serif;
}

h2.title {
    font-family: sans-serif;
}

 table.tableBorder {
    border-collapse: collapse;

} 
 table.tableBorder td {
    border: 2px solid black;
     padding: 5px;
}

.vertical-composed-cell *:first-child {
	margin-bottom: 5px;
	margin-top: 0;
	display:block
}

.vertical-composed-cell * {
	margin-top: 5px;
	margin-bottom: 5px;
	display:block
}

.vertical-composed-cell *:last-child {
	margin-top: 5px;
	margin-bottom: 0;
	display:block
}

.horizontal-composed-cell *:first-child {
	margin-right: 5px;
	margin-left: 0;
	display:inline-block
}

.horizontal-composed-cell * {
	margin-left: 5px;
	margin-right: 5px;
	display:inline-block
}

.horizontal-composed-cell *:last-child {
	margin-left: 5px;
	margin-right: 0;
	display:inline-block
}

.buttonStat {
    padding: 6px;
    font: bold 13px Arial;
    background:transparent;
    color: #fff;
    border-radius: 2px;
    border: none;

}
.container {
    max-width: 100% !important;
}