/********* Quick Move Properties colours **********/



.QMP_blue    { color:#0458A0; }

.dark_blue   { color:#005DD8; }

.light_blue  { color:#A7BBD6; }

.light_grey  { color:#C0C1C3; }



.text_grey   { color:#666666; }

.text_blue   { color:#005DD6; }

.text_red    { color:#a01010; }

.text_green  { color:#3EC918; }



/********* end of Quick Move Properties colours **********/



body { padding:0px; margin:0px auto; background-color: #E0E0E0; font-family: Arial; font-size: 13px; color:#666666;}

a {  color:#0458A0; }

a:hover { color:#3EC918; text-decoration: none; }

img {

  border: none;

}



.flt-right {  float:right; padding-top:10px; padding-right:10px; color:#0458A0; }



.btn-next {  height:32px;margin-top:25px; padding: 2px 20px 2px 0px;width: auto;}



#content_wrapper { width:900px;  margin:0px auto;  padding: 0px;  background-color: #ffffff; background-image: url(../images/content-gradient.jpg); background-repeat: repeat-x; background-position: bottom left; }

#header {  width:900px;  height:150px; background-image: url(../images/back_header.jpg); background-repeat: no-repeat }

#content_main { width: 880px; margin:5px 10px; padding: 0px;    }

#footer { width: 880px; padding: 5px 10px; color:#ffffff; background-color:#0458A0;  font-size: 11px; }

#footer a { color:#ffffff; text-decoration:none; }

#box_content { background-color: #ffffff;  width: 800px; border: 1px solid #C0C1C3; margin:0 40px 10px 40px; padding:10px; }

#reference_area {  width: 500px; margin:0px auto; padding-bottom:10px; font-size: 14px; text-align: center; }

.reference_tb  {  border: 2px solid #0458A0; width:250px; height:30px; font-size:16px;  color:#0458A0; padding:5px 10px; margin: 10px 0; text-align: center; }

.reference_btn {  border: 2px solid #0458A0; background-image: url(../images/back_btn.jpg); background-repeat: repeat-x; background-position: top left; width:100px; height:30px; font-size:16px; color:#ffffff; padding:5px 10px; margin: 10px 0; }



#box_content_stages { background-color: #ffffff;  width: 850px; border: 1px solid #C0C1C3; margin:0px 10px 10px 5px; padding:10px; }

#box_content_stages p {

  margin: 10px 0;

}



.stages {   width: 850px; background-color:#A7BBD6; height:10px; margin:-10px -10px 10px -10px; padding:5px 10px 10px 10px; font-size: 12px; text-align: right; color:#fff; font-weight: bold; }

.stages_tb  {  border: 1px solid #0458A0; height:10px; font-size:12px;  color:#0458A0; padding:5px; margin: 4px 0; }

.stages_check {  border: 1px solid #0458A0; color:#0458A0; margin: 10px 0; padding: 0;}



.stages_row { background-color:#ffffff; padding:0px; }

.stages_row_grey { background-color:#ffffff; padding:0px; }



.stages_column {  /*border-left: 5px solid #ffffff;*/ padding:5px; float: left; min-width:160px; text-align:left;}

.stages_column_name {  padding:10px 5px; float: left; min-width:140px;}

.stages_column_1 {  padding:5px; float: left; min-width:160px; text-align:center;}



/*.btn {  border: 2px solid #0458A0; background-image: url(../images/back_btn.jpg); background-repeat: repeat-x; background-position: bottom left; width:100px; height:28px; font-size:13px; color:#ffffff; padding:0px 5px; margin:0px 5px; text-align: center; }



.btn-wide {  border: 2px solid #0458A0; background-image: url(../images/back_btn.jpg); background-repeat: repeat-x; background-position: bottom left; width:150px; height:28px; font-size:13px; color:#ffffff; padding:0px 5px; margin:0px 5px; text-align: center; }   */ 



.title_text { color:#0458A0; font-size: 16px; font-weight: bold; margin: 10px 0; }

.title_text_welcome { color:#0458A0; font-size: 16px; font-weight: bold; margin: 10px 0; text-align: center; }

.title_text_c { color:#0458A0; font-size: 16px; font-weight: bold; margin: 10px 0; text-align: center; }

.title_text_stages { color:#0458A0; font-size: 14px; font-weight: bold; margin: 15px 0; }

.title_text_stages_HR { color:#0458A0; font-size: 14px; font-weight: bold; margin: 15px 0; border-top: 1px dashed #0458A0; padding-top:10px; }

#box_content_2 { background-color: #ffffff;  min-height: 330px; width: 378px; border: 1px solid #C0C1C3; margin:0 15px 10px 15px; padding:10px 15px; float:left; height: 420px; }

#box_content_2 a { color:#F46012; text-decoration:none; }

#box_content_2 a:hover { color:#F46012; text-decoration: underline; }

#box_content_2 p {  padding: 2px 0px; }



.warning_text {  background-image: url(../images/icon_excl.jpg); background-position: center left; background-repeat: no-repeat; width: 300px; padding-left: 50px; padding-top:10px; min-height: 60px; margin:0px 10px; color:#a01010; }

.warning_photo {  background-image: url(../images/icon_photo.jpg); background-position: center left; background-repeat: no-repeat; width: 290px; padding-left: 60px; padding-top:10px; min-height: 55px; margin:0px 10px; color:#a01010; }

.p_text_14 {    font-size: 14px; }



.tickboxes { margin:3px 10px 3px 10px; text-align: center; width: 90px; padding:0px; height:30px;}

.tickboxes_text { margin:3px 10px 4px 10px; text-align: left; width: 125px; padding:0px; height:30px;}

.condition_titles {  width: 100px; text-align:center; font-size: 10px; font-weight:bold; margin-top:-10px; padding-left:8px; }



.stages_default {  margin: 12px 0 5px 0;  color:#0458A0; }



.text_11 { font-size: 11px; }



.thank_you {

  width:800px; text-align: center; height: 260px; background-image: url(../images/thankYou.jpg); background-repeat: no-repeat; background-position: center bottom;   color:#0458A0; font-size: 16px; font-weight: bold; margin-bottom:30px;

}



.thank_you_text {

  width:800px; text-align: center; color:#0458A0; font-size: 14px; margin-bottom:30px; line-height:20px;

}



.logout {   margin: 20px; float:left;   color:#0458A0; font-size: 12px; }



/*

.next_btn {

  width:40px; background-position: top left; background-image: url(../images/btn-next.jpg); background-color: #ffffff; background-repeat: no-repeat; padding: 5px 20px 0px 0px; text-align: right; float: right; height: 20px; color:#3EC918; font-size: 13px; margin: 10px 0 5px 0; font-weight: bold;

}

.next_btn a:link, .next_btn a:visited, .next_btn a:active {

  text-decoration: none;

}

*/

.next_btn {  cursor: pointer; width:45px; background: url(../images/btn-next.jpg) top right #ffffff no-repeat; padding: 0px 25px 0px 0px; text-align: right; float: right; height: 20px; color:#3EC918; font-size: 13px; margin: 10px 0 5px 0; font-weight: bold;  border:1px solid #3EC918; }

.next_btn a:link, .next_btn a:visited, .next_btn a:active {  text-decoration: none; }



.prev_btn {  cursor: pointer; width:45px; background: url(../images/btn-previous.jpg) top left #ffffff no-repeat; padding: 0px 0px 0px 25px; text-align: left; float: left; height: 20px; color:#3EC918; font-size: 13px; margin: 10px 0 5px 0; font-weight: bold;  border:1px solid #3EC918; }

.prev_btn a:link, .prev_btn a:visited, .prev_btn a:active {  text-decoration: none; }



.complete_btn { cursor: pointer; width:45px; background: #ffffff; padding: 0px; text-align: left; float: right; height: 20px; color:#3EC918; font-size: 13px; margin: 10px 0 5px 0; font-weight: bold;  border:1px solid #3EC918; }

.complete_btn a:link, .complete_btn a:visited, .complete_btn a:active {  text-decoration: none; }



select {  margin: 5px 0 0 0; }

input {  margin: 5px 0 0 0; }



.clr_b {  clear: both;  }

.clr_l {  clear: left;  }

.clr_r {  clear: right; }

.float_right {  float: right; }

.float_left {  float: left; }

.float_left_10 {  float: left; margin: 0 10px; }

.float_left_check {  float: left; margin: 0 30px 0 10px; }



.page_01 {  float:right; width: 215px; height: 42px; background-image: url(../images/page_01.jpg); background-repeat: no-repeat; background-position: top right; }

.page_02 {  float:right; width: 215px; height: 42px; background-image: url(../images/page_02.jpg); background-repeat: no-repeat; background-position: top right; }

.page_03 {  float:right; width: 215px; height: 42px; background-image: url(../images/page_03.jpg); background-repeat: no-repeat; background-position: top right; }

.page_04 {  float:right; width: 215px; height: 42px; background-image: url(../images/page_04.jpg); background-repeat: no-repeat; background-position: top right; }


.alert {

	background:#f9e5e6 url('/matrix/images/alert.png') 5px 50% no-repeat;

	color:#b50007;

	border:#e8aaad solid 1px;

	padding: 3px 0 3px 30px;

}



.notice  {

	background:#f9f9e5 url('/matrix/images/notice.png') 5px 50% no-repeat;

	color:#828400;

	border:#e8e3aa solid 1px;

	padding: 3px 0 3px 30px;

}



.info {

	background:#e5ecf9 url('/matrix/images/info.png') 5px 50% no-repeat;

	color:#0055b5;

	border:#aac6e8 solid 1px;

	padding: 3px 0 3px 30px;

}



.confirm, .ok {

	background:#e9f9e5 url('/matrix/images/confirm.png') 5px 50% no-repeat;

	color:#1c8400;

	border:#b4e8aa solid 1px;

	padding: 3px 0 3px 30px;

}

.error {  font-size:11px; color: #FF0000; }



.logged_out {

  width:800px; text-align: center; height: 260px; background-image: url(../images/LoggedOut.jpg); background-repeat: no-repeat; background-position: center bottom;   color:#0458A0; font-size: 16px; font-weight: bold; margin-bottom:30px;

}

.mandatory{

  margin:0px 2px;

  color:red;

  font-size:13px;

  font-weight:bold;

}

.pad_top_10{

  padding-top:10px;

}



  /* CSS rules */ //

.tooltip{ position: absolute; top: 0; left: 0; z-index: 3; display: none; }

.tooltip a {

    border-bottom: 1px dotted #6699CC;

    cursor: help;

}



/* Tooltip CSS */



.tt {

 position:absolute;

 display:block;

 background:url(images/tt_left.gif) top left no-repeat;

 }

.tttop {

 display:block;

 height:5px;

 margin-left:5px;

 background:url(images/tt_top.gif) top right no-repeat;

 overflow:hidden;

 }

.ttcont {

 display:block;

 padding:2px 12px 3px 7px;

 margin-left:5px;

 background:#666;

 color:#fff;

 }

.ttbot {

display:block;

height:5px;

margin-left:5px;

background:url(images/tt_bottom.gif) top right no-repeat;

overflow:hidden;

}

#text {margin:50px auto; width:500px}

.hotspot {color:#900; padding-bottom:1px; border-bottom:1px dotted #900; cursor:pointer}

.tickboxes-inline{

  text-align:left;

  padding-left:10px;

  margin-right:90px;

}





/*validation error*/

div.Ntooltip {

  position: relative !important; /* es la posición normal */

  display: inline-block;

  top: -0.2em;

  left: 0.8em;

}



div.Ntooltip:hover {

    z-index:1005; /* va a estar por encima de todo */

}



div.Ntooltip label {

    display: none !important; /* el elemento va a estar oculto */

    vertical-align: middle;

}

div.Ntooltip:hover label.checked{

  /*DO NOTHING*/

}



div.Ntooltip label.showTool {

    display: inline-block !important; /* se fuerza a mostrar el bloque */

    position: absolute; /* se fuerza a que se ubique en un lugar de la pantalla */

    left:2em; /* donde va a estar */

    width:150px; /* el ancho por defecto que va a tener */

    padding:5px; /* la separación entre el contenido y los bordes */

    background-color: #9E0000; /* el color de fondo por defecto */

    border: 3px #D33434 solid;

    border-radius: 0.6em;

    color: white;

    opacity: 0.85;

    top: -0.5em;

}



div.Ntooltip label.showTool span.errorTriangle{

  position: absolute;

  left: -0.8em;

  width: 0;

  height: 0;

  border-top: 8px solid transparent;

  border-bottom: 8px solid transparent;

  border-right: 8px solid #D33434;

  opacity: 0.85;

}



label.error + div.errorImage {

    background:url("../images/icons/alert.png") no-repeat 0px 0px;

    display:inline-block !important;

    width:22px;

    height:22px;

    vertical-align: middle;

}



label.checked + div.errorImage {

    background:url("../images/icons/confirm.png") no-repeat 0px 0px;

    display:inline-block !important;

    width:22px;

    height:22px;

    vertical-align: middle;

}



input.error,select.error{

  border:1px solid red;

}

/*END validation CSS*/