<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* --------------------------------------------------------------
 *
 * Filename:            default_design.css
 * Description:         Default Design for the moveon 4 Form and Portal
 * Version:             0.1.0 (23/04/2014)
 * Website:             moveon4.com
 * Author:
 *
 *
 * ============== STRUCTURE =====================================
 *
 *  1.  HTML ELEMENTS
 *  2.  PAGE ELEMENTS
 *      2.1 PAGE CONTAINERS
 *  3.  WIZARD PAGE
 *      3.1 FORM DEFAULTS
 *      3.2 NAVIGATION
 *      3.3 FORM
 *      3.4 MESSAGES
 *  4.  PORTAL PAGE
 *  5.  LOGIN PAGE
 *  6.  PUBLISHER
 *
 */

/*/---------------------------------------------/*/
/*/ 1. HTML ELEMENTS                            /*/
/*/---------------------------------------------/*/

body {
  background: #f1f1f1;
  margin: 0px;
  outline: 0px none;
  overflow: scroll;
  overflow-x: hidden;
  font-size: 12px;
  line-height: 18px;
  color: #525252;
  font-family: Verdana, Helvetica, Arial, sans-serif;
}

b, a, p {
    font-size: 100%;
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight:normal;
}

fieldset &gt; legend {
    font-size: 100%;
    width: 100%;
}

/*/---------------------------------------------/*/
/*/ END HTML ELEMENTS                       /*/
/*/---------------------------------------------/*/

/*/---------------------------------------------/*/
/*/  2. PAGE ELEMENTS - CONTAINERS                              /*/
/*/---------------------------------------------/*/
/*/  -- 2.1 PAGE CONTAINERS ------------------------/*/

/*float problems fix */
.pageContainer {
    margin: 0px auto;
    position: relative;
    min-height: 500px;
    width: 1060px;
    overflow: hidden;
}



/*PAGE CONTENT */
.pageContent {
  width: 938px;
  padding: 0 60px 60px 60px;
  background: white;
  overflow: hidden;
  margin: auto;
}

.pageCover, .siteWidth {
    width: 100%;
}

.pageCover {
  position: relative;
  min-height: 350px;
  background: url("../images/logo.png") no-repeat scroll 0px 30px white;
  padding-top: 130px;
}

/*PAGE HEADER */
.pageHeader {
    width: 100%;
    background: #0a92ab; /* Old browsers */
	background: linear-gradient(to bottom,  #0a92ab 0%,#0a92ab 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a92ab', endColorstr='#0a92ab',GradientType=0 ); /* IE6-9 */
	display: none;
	height: 65px;
	margin: 0 auto;
}
.headerContainer {
    margin: 0px auto;
}
.logo {
	background: url("../images/mainTopHeader.png") no-repeat Transparent;
	width: 177px;
	height: 52px;
	left: 25px;
    position: absolute;
    top: 13px;
}
.pageTitle {
	position: absolute;
	top: 18px;
	left: 210px;
	line-height: 16px;
	width: 840px;
}
.pageTitle * {
	float: left;
	position: relative;
	display: block;
	margin-left: 10px;
	font-family: Helvetica;
}
.pageTitle h1 {
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	width : 20%;
}
.pageTitle h2 {
	color: #fff;
	font-size: 14px;
	font-weight: 100;
	width : 67%;
}
/*PAGE FOOTER */
.pageFooter {
  width: 938px;
  padding: 0 60px;
  margin: 0 auto;
}

.pageFooter .siteWidth {
  min-height: auto;
}

/*/---------------------------------------------/*/
/*/ END PAGE ELEMENTS - CONTAINERS              /*/
/*/---------------------------------------------/*/

/*/---------------------------------------------/*/
/*/ 3. WIZARD PAGE                              /*/
/*/---------------------------------------------/*/

/* 3.1 WIZARD DEFAULT */

.formContainer {
  width: 708px;
  float: right;
  margin: 0px 0px 10px 0px;
}

.formContainer fieldset &gt; legend, .searchBox .searchHeader {
    background: #f1f1f1;
    width: 100%;
    font-weight: 100;
    padding: 8px 0px;
    font-size: 15px;
    font-weight: 600;
    text-indent: 10px;
	margin: 0px;
	font-family: Helvetica;
}

.searchBox .searchHeader {
	background: Transparent;
	font-size: 13px;
	padding: 4px 0px;
	text-indent: 4px;
	border-bottom: 2px solid #B7B7B7;
}

.formContainer fieldset {
    border-bottom: medium solid #E3E3E3;
    padding-bottom: 5px;
}
.setContainer[tabular] fieldset {
	margin-bottom: 20px;
}

.wizardPage {
  float: left;
  width: 100%;
}

#webBrowser {
  width: 100%;
  overflow: hidden;
}

.rowControl &gt; textarea {
    width: 410px;
}
.wizardTitleBar {
  background: #f1f1f1;
  border-radius: 0 0 0px 0;
  padding: 16px 0;
  margin-left: 0px;
  overflow: hidden;
  width: 100%;
}

.wizardTitle {
    font-size: 18px;
    font-weight: bold;
    max-width: 600px;
    line-height: 20px;
    display: block;
    float: left;
    margin-left: 16px;
    font-family: Helvetica;
}

.statusContainer &gt; .message {
    padding-left: 0px;
    width: 635px;
    word-wrap: break-word;
}

/* */
.blue span {
  background-color: #0a92ab;
}

.progress-bar {
  margin: 0 16px 0 0;
}

/*tooltip */
.info {
  background: url(https://static.moveon4.com/default/icons/info_icon.png) no-repeat top left;
  cursor: pointer;
  float: right;
  height: 19px;
  margin-top: 3px;
  width: 19px;
}

.wizardCover, .wizardContainer {
    position: relative;
}

.wizardContainer {
  overflow: visible;
  min-height: 400px;
  width: inherit;
}

.fadeLayer {
  width: 100%;
  height: 100%;
  z-index: 40;
  position: fixed;
  top:0px;
  left:0px;
  background: url("https://static.moveon4.com/default/icons/loader_icon.gif") center no-repeat white;
  opacity: 0.9;
}

#validity {
  color: red;
  font-size: 11px;
}

#wizardLang {
  float: right;
  margin-right: 5px;
  margin-top: -0.5px;
}

#btnExportPDF {
  float: right;
  margin-right: 5px;
}

form {
    min-height: 20px;
}

.setContainer {
  margin-top: 20px;
}
.setContainer:after {
  content:"";
  display:table;
  clear:both;
}

.logo a {
  text-decoration: none;
  color: #002F5D;
  font-size: 10pt;
  margin-top: 5px;
}

.wizardTitleBar {
    z-index: 10;
}

.appDetails {
/*  height: 24px; */
  line-height: 23px;
  color: #666666;
  font-size: 11px;
  margin: 10px auto 0px;
  border-bottom: 0;
  width: 938px;
}

/* END WIZARD DEFAULT */

/* 3.2 NAVIGATION */
.wizardNavigation {
  float: right;
  margin-bottom: 10px;
  overflow: hidden;
  padding: 0;
  text-align: center;
  width: 708px;
}

.wizardNavigation &gt; button {
  margin-right: 5px;
}

.menuContainer {
  background: none;
  width: auto;
  overflow: visible;
  float: left;
  font-size: 12px;
  border-radius: 0px 0px 0px 0px;
  margin: 30px 0px 0px 0px;
}

.vMenu {
  margin: 0px 0px 10px 0px;
  padding: 0;
  min-height: 40px;
  min-width: 200px;
}

.vMenu &gt; a &gt; li:before {
  color: #0a92ab;
  content: "";
  font-size: 12px;
  height: 100%;
  left: 10px;
  font-weight: 700;
  position: absolute;
  top: 5px;
  width: 5px;
}

.vMenu &gt; a &gt; li.complete:before {
  content: "";
  font-size: 14px;
  color: #15B712;
}

.vMenu &gt; a &gt; li.complete {
  background: url(https://static.moveon4.com/default/icons/completed_icon.png) no-repeat 188px 8px #fff;
  color: #0a92ab;
  font-weight: 700 ;

}

.vMenu &gt; a &gt; li.complete:hover, .vMenu &gt; a &gt; li.complete.active {
  background: url(https://static.moveon4.com/default/icons/completed_icon.png) no-repeat 188px 8px #0a92ab;
  color: white;
  font-weight: 700;
}

.vMenu &gt; a {
  text-decoration: none;
  color: #0a92ab;
}

.vMenu &gt; a &gt; li {
  background-color: none;
  border-bottom: 1px solid #E0E0E0;
  border-top: 1px solid transparent;
  width: 170px;
  line-height: 20px;
  padding: 5px 27px 5px 10px;
  display: block;
  position: relative;
  font-family: "Lucida Sans","Lucida Grande",sans-serif;
  font-weight: 700 ;
}

.vMenu &gt; a &gt; li:hover, .active {
  background-color: #0a92ab;
  color: white;
  cursor: pointer;
  font-weight: 700 !important;
}

/* END WIZARD NAVIGATION */


/*  3.3 FORM */
.formHeader {
  font-size: 20px;
  width: 100%;
  color: #0a92ab;
  padding: 14px 0px 10px 0px;
  border-bottom: 1pt solid #00718F;
  font-weight: normal;
  margin-bottom: 15px;
}

.formInner {}

.formRow {
  width: 100%;
  overflow: visible;
  padding: 2px 0px;
  border-bottom: 1px solid #f1f1f1;
}

/*clearfix hack*/
.formRow:after {
  clear: both;
  content: ".";
  width: 0;
  height: 0;
  font-size: 0;
  display: block;
}

.formRow:hover {}

.rowLabel {
  width: 190px;
  float: left;
  margin-top: 4px;
  text-align: left;
}

.labelContainer {
  width: 220px;
  padding: 0px 0px 0px 5px;
  float: left;
  line-height: 20px;
}

.rowControl {
  width: 475px;
  float: left;
  margin-bottom: 0px;
}

.rowControl &gt; label {
  margin-right: 5px;
}

.rowControl pre {
  font-size: 8px;
  width: 270px;
  float: left;
}

.validationMark {
  width: 10px;
  color: #FC0000;
  /*display: block;
	float: left;*/
  height: 20px;
}

.tabularReqFontPlug {
  font-size: 14px;
  height: 15px;
  margin: 5px 0px 0px 5px;
  line-height: 17px;
}

input[type=text], input[type=password], select, .genericControl {
  height: 20px;
  border: 1px solid #aaa;
  padding: 2px;
  background: #fff; /* Old browsers */
}

input[type=text]:focus, input[type=password]:focus, .genericControl:focus, select:focus {
  border: 1px solid #0a92ab;
}

input[type="file"][disabled="disabled"] {
    display: none;
}

.rowControl &gt; input[type=text], .rowControl &gt; input[type=password], .genericControl {
  width: 446px;
}

td &gt; input[type=text], td &gt; input[type=password] {
  width: 140px;
}

.rowControl &gt; select {
  width: 55%;
  height: 25px;
  padding: 3px 2px;
}

td &gt; select {
  width: 145px;
  height: 27px;
}

td &gt; select:focus {
  border: 1px solid #3d3d3d;
}

.rowControl &gt; textarea {
  width: 440px;
  height: 100px;
  resize: none;
  border: 1px solid #AAAAAA;
  padding: 2px;
}

.rowControl &gt; .captcha {
  border: 1px solid #B3B3B3;
}

.rowControl &gt; select[multiple=multiple] {
  height: auto;
}

input[type=file] {
  margin-top: 1px;
}

fieldset {
  position: relative;
  clear: both;
  border: 0px;
  margin: 0;
  padding: 0;
  float: left;
  width: 100%;
}

legend {
  padding: 7px 0px;
  text-transform: none;
  font-weight: bold;
  margin-left: 0px;
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 20px;
  line-height: 22px;
}

.searchBox:not(.gotBubble) .bubble {
	display: none;
}
.searchBox.gotBubble .searchBlock, .searchBox.gotBubble .details {
	display: none !important;
}
.bubble {
    background: none repeat scroll 0 0 #3BB8E6;
    border-radius: 2px;
    line-height: 23px;
    margin: 3px;
    overflow: hidden;
    padding: 1px 2px;
    width: 99%;
}

.bubbleText {
  float: left;
  margin-left: 3px;
  width: 420px;
  text-align: left;
  color: white;
}

.bubbleDelete {
  background: url("https://static.moveon4.com/default/icons/app_remove_icon.png") no-repeat scroll 2px 2px;
  border-radius: 3px 3px 3px 3px;
  float: right;
  width: 16px;
  height: 16px;
  padding: 2px;
  margin: 2px 2px;
  cursor: pointer;
  opacity: 0.8;
}

.bubbleDelete:hover {
  opacity: 1;
}

.remove, .customRemove {
  background: url("https://static.moveon4.com/default/icons/app_remove_icon.png") no-repeat scroll 2px 2px;
  border-radius: 13px 13px 13px 13px;
  cursor: pointer;
  height: 16px;
  opacity: 0.8;
  overflow: hidden;
  padding: 2px;
  position: absolute;
  right: 10px;
  top: -31px;
  width: 16px;
  border: 2px solid Transparent;
}

.remove:hover, .customRemove:hover {
  opacity: 1;
  background: url("https://static.moveon4.com/default/icons/app_remove_icon.png") no-repeat scroll 2px 2px white;
  border: 2px solid #BAB6B6;
}

.addSection {
  background: url("https://static.moveon4.com/default/icons/add_icon.png") no-repeat 5px 4px #0a92ab;
  height: 25px;
  color: #fff;
  border: 1px solid transparent;
  padding: 0px 5px 3px 25px;
  cursor: pointer;
  float: left;
  margin: 5px 0px 5px 1px;
  opacity: 1;
}

.addSection[disabled=disabled], .addSection[disabled=disabled]:hover {
  background: url("https://static.moveon4.com/default/icons/add_icon.png") no-repeat 5px 4px #b2b0b0;
  padding: 0px 5px 3px 25px;
}

.addButtonTabular {
  background: url("../images/plus.png") no-repeat center transparent;
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid transparent;
  border-radius: 15px;
  cursor: pointer;
  margin: 3px 0px 5px 0px;
}

.addSection:hover, .addButtonTabular:hover {
  background: url("https://static.moveon4.com/default/icons/add_icon.png") no-repeat 5px 4px #056577;
  opacity: 1;
}

.minus {
  background: url("../images/minus.png") no-repeat center transparent;
  content: "";
  width: 18px;
  height: 18px;
  border: 1px solid transparent;
  border-radius: 15px;
  cursor: pointer;
  margin: 3px 0px 5px 0px;
  opacity: 0.7;
}

.minus:hover {
  opacity: 1;
}

.tabular {
  border-spacing: 0px;
  width: 100%;
}

.tabular thead {
  border: 1px solid #000;
}

.tabular th {
  background: #45484d; /* Old browsers */
  text-align: left;
  height: 30px;
  color: #fff;
  line-height: 30px;
  font-size: 13px;
}

.tabular th .rowLabel {
  padding: 0px 0px 0px 5px;
  float: left;
}

.tabular tr:first-child th:last-child {
  border-top-right-radius: 4px;
}

.tabular tr:first-child th:first-child {
  border-top-left-radius: 4px;
}

.tabular tbody tr {
  height: 35px;
}

.trEven {
  background: none #F0F5FE;
}

.tabular td {
  padding: 0px 0px 0px 5px;
}

td &gt; input {
  width: 140px;
}

div[contenteditable=true] {
  background: none #fff;
}

.controlError {
  border: 1px solid #CC1818 !Important;
  background: #fae7e7 !important;
}
.controlError[type="checkBox"], .controlError[type="radio"] {
	box-shadow: 0 0 2px 1px #cc1818;
}
.fileBox {
  float: right;
  /*  width: auto;
  overflow: hidden;
  float: right;
  border-radius: 4px;
  padding: 2px 2px 2px 5px;
  background: url(https://static.moveon4.com/default/icons/upload_file_icon.png) no-repeat 5px 3px #ADDFFF;
  color: #000;
  height: 20px;
  line-height: 20px;
  margin-top: 0px; */
}

.fileBox a {
  background: url("https://static.moveon4.com/default/icons/upload_file_icon.png") no-repeat scroll 5px 3px #addfff;
  border-radius: 3px;
  border-color: #7AC5F4;
  border-image: none;
  border-style: solid none solid solid;
  /*border-top-left-radius: 3px;*/
  border-width: 1px 1px 1px 1px;
  color: #000000;
  display: block;
  float: left;
  padding: 4px 7px 2px 23px;
  text-decoration: none;
  opacity: 0.8;
}

.fileBox a:hover {
  opacity: 1;
}

.fileProgress {
  background: url(https://static.moveon4.com/default/icons/loader_icon_small.gif) no-repeat 5px 4px transparent;
  padding-left: 30px;
  line-height: 23px;
}

.fileSuccess {
  background: url(https://static.moveon4.com/default/icons/tick.png) no-repeat 5px 5px transparent;
  padding-left: 26px;
  line-height: 23px;
}

.fileFailure {
  background: url(https://static.moveon4.com/default/icons/upload_error_icon.png) no-repeat 5px 5px transparent;
  padding-left: 26px;
  line-height: 23px;
}

.fileItem {
  /* border: 1px solid #7AC5F4;
  opacity: 0.8;
  margin-right: 10px; */
  /* padding-left: 23px; */
  float: left;
}

.fileItem:hover {
  opacity: 1;
}

.rmvFile {
  background: url("https://static.moveon4.com/default/icons/trash.png") no-repeat scroll center center #cccccc;
  border: 1px solid #999999;
  border-radius: 0 3px 3px 0;
  cursor: pointer;
  float: right;
  height: 20px;
  margin-left: 0;
  padding: 2px;
  width: 20px;
  opacity: 0.8;
}

.rmvFile:hover {
  background: url("https://static.moveon4.com/default/icons/trash.png") no-repeat scroll center center #9a9a9a;
  border-color: #666;
  opacity: 1;
}

input[type=submit], button, input[type=reset], .button {
    background: none #d6d6d6;
    position: relative;
    padding: 6px 14px 7px;
    color: #263C4A;
    text-decoration: none;
    border-radius: 0px;
    border: 0;
    cursor: pointer;
    float: left;
    top: 0px;
    line-height: 30px;
}
input[type=submit].active, button.active, input[type=reset].active, .button.active {
	outline: none;
	border: none;
}
button[kind="save_button"],button[kind="submit_button"] {
  background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #0a92ab;
  padding-left: 27px;
}

input[type=submit]:hover, button:hover, input[type=reset]:hover, .button:hover {
	background-color: #0a92ab;
	color : #fff;
	
}

button[kind="save_button"]:hover {
  background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #056577;
  padding-left: 27px;
}

button[kind="save_button"][disabled=disabled], button[kind="save_button"][disabled=disabled]:hover {
  background: url(https://static.moveon4.com/default/icons/save_button_icon.png) no-repeat center left #b2b0b0 !important;
  padding-left: 27px;
}

input[type=submit]:active, button:active, input[type=reset]:active, .button:active {
  top: 0px;
}

input[type=submit][disabled=disabled],
button[disabled=disabled],
input[type=reset][disabled=disabled],
.button[disabled=disabled] {
    background: #b2b0b0 url(https://static.moveon4.com/default/icons/alert-overlay.png) repeat-x;
    color: #fff;
    text-decoration: none;
	cursor: default;
}

button[kind="previous_button"] {
  background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #0a92ab;
  padding-left: 20px;
  color : #fff;
}

button[kind="previous_button"]:hover {
  background: url(https://static.moveon4.com/default/icons/prev_button_icon.png) no-repeat center left #056577;
}

button[kind="next_button"] {
  background: url(https://static.moveon4.com/default/icons/next_button_icon.png) no-repeat right center #0a92ab;
  padding-right: 20px;
  color : #fff;
}

button[kind="next_button"]:hover {
  background: url(https://static.moveon4.com/default/icons/next_button_icon.png) no-repeat right center #056577;
}

.reloadBtn {
  background: url(https://static.moveon4.com/default/icons/upload_reload_icon.png) no-repeat center transparent;
  height: 26px;
  width: 26px;
  float: left;
  cursor: pointer;
  overflow: hidden;
  opacity: 0.8;
  margin-top: 30px;
}

.reloadBtn:hover {
    opacity: 1;
}

.plainText {
  text-align: left;
  width: 99%;
  line-height: 28px;
}

.mark-complete {
  line-height: 27px;
  background: #f1f1f1;
  padding: 5px 0 0;
  margin-top: 2px;
  float: left;
}

.mark-complete label {
    margin-left: 5px;
    margin-right: 10px;
}

.mark-complete-checkbox {
    float: left;
    margin-top: 2px;
    margin-left: 10px;
}

.mark-complete-checkbox input {
    margin:0;
}

/* ---------------------------------------------*/
/* 3.4  LOGIN BAR                               */
/* ---------------------------------------------*/
.loginBar {
  padding: 4px 0px 4px 2px;
  position: absolute;
  top: -90px;
  right: 0px;
  font-size: 11px;
  line-height: 19px;
  position: relative;
  top: -5px;
}

.loginBar span {
  font-weight: normal;
  color: #263B47;
}

.loginBar .button:hover {
  color: #263B47;
}

.loginBar a {
  float: none;
  background: none !important;
  margin-left: 10px;
  border: 0;
  color: #263B47;
  text-decoration: underline;
  line-height: 1.27em;
}

/* ---------------------------------------------*/
/* END LOGIN BAR                                */
/* ---------------------------------------------*/

/*/---------------------------------------------/*/
/*/  3.5 STATUS MESSAGES                            /*/
/*/---------------------------------------------/*/
.statusContainer {
  background: none;
  border-radius: 3px 3px 3px 3px;
  font-size: 12px;
  margin: 0px auto 10px;
  overflow: hidden;
  padding: 0 2px 3px 35px;
  line-height: 16px;
  color: white;
  padding: 10px 20px 10px 35px;
  position: relative;
}

.formContainer .statusContainer {
  width: 673px;
}

.statusContainer &gt; .message {
  padding-left: 0;
  color: #fff;
  float: left;
  margin-top: 2px;
  width: 605px;
}

.statusContainer &gt; .statusClose {
  border-radius: 12px 12px 12px 12px;
  cursor: pointer;
  float: right;
  height: 12px;
  margin: 0px;
  width: 12px;
}

.statusSuccess, .statusFailure, .bgRed, .bgGreen {
}

.statusSuccess, .statusFailure {
  padding-right: 0;
  margin-top: 10px;
  margin-bottom: 0px;
}

.statusFailure, .bgRed {
  background: url("https://static.moveon4.com/default/icons/error_icon.png") no-repeat scroll 8px 9px red;
}

.statusSuccess  {
  background: url("https://static.moveon4.com/default/icons/success_icon.png") no-repeat scroll 8px 9px orange;
}

.pdfAvailable, .bgGreen {
  background: url("https://static.moveon4.com/default/icons/success_icon.png") no-repeat scroll 8px 9px green;
}

.statusSuccess &gt; .statusClose, .statusFailure &gt; .statusClose, .bgRed &gt; .statusClose, .bgGreen &gt; .statusClose {
  position: absolute;
  top: 5px;
  right: 5px;
  width: 12px;
  height: 12px;
}

.statusFailure &gt; .statusClose, .bgRed &gt; .statusClose, .statusSuccess &gt; .statusClose, .bgGreen &gt; .statusClose {
  background: url("https://static.moveon4.com/default/icons/close_inactive_icon.png") no-repeat center center;
}

.statusFailure &gt; .statusClose:hover, .bgRed &gt; .statusClose:hover, .statusSuccess &gt; .statusClose:hover, .bgGreen &gt; .statusClose:hover {
  background: url("https://static.moveon4.com/default/icons/close_active_icon.png") no-repeat center center;
}

.statusmessageContainer {
  padding: 10px 20px 10px 35px;
  background: url(https://static.moveon4.com/default/icons/success_icon.png) no-repeat scroll 8px 8px green;
  border: 0px solid #E3E3E3;
}

.pdfDownload {
  background: url("https://static.moveon4.com/default/icons/pdf.png") no-repeat scroll 6px 6px #cccccc;
  border: 1px solid #f1f1f1;
  border-radius: 4px 4px 4px 4px;
  color: #333333 !important;
  display: block;
  float: left;
  margin-bottom: 6px;
  margin-top: 12px;
  padding: 10px 10px 12px 47px;
  text-decoration: none;
}

.pdfDownload:hover {
  background: url("https://static.moveon4.com/default/icons/pdf.png") no-repeat scroll 6px 6px #f1f1f1;
}

.pdfRegeneration {
  background-color: #cccccc;  border: 1px solid #cccccc;
  border-radius: 4px 4px 4px 4px;
  color: #333333 !important;
  display: block;
  margin-bottom: 6px;
  margin-top: 12px;
  padding: 10px 10px 12px 10px;
  text-decoration: none;
  width:150px;
  text-align: center;
}

.pdfRegeneration:hover {
  background-color: #f1f1f1;
}

.unknownErrorText, .waitingText, .regenerationText, .notAvailableText {
  clear: both;
  font-weight: bold;
  padding-top:10px
}

.regenerationText .pdfRegeneration {
  font-weight: normal;
}

/*/---------------------------------------------/*/
/*/  END / STATUS MESSAGES                      /*/
/*/---------------------------------------------/*/
/*/---------------------------------------------/*/
/*/  END WIZARD PAGE                            /*/
/*/---------------------------------------------/*/


/*/---------------------------------------------/*/
/*/  4. PORTAL                                  /*/
/*/---------------------------------------------/*/

.grid {
    width: 100%;
    border: 1px;
    border-color: #000;
    padding: 0;
}
.header {
  background-color: #BDBDBD;
  color: #000;
  height: 25px;
  border-color: #F6F6F6;
  border: 1px;
  font-weight: bold;
  padding: 0px 5px 0px 5px;
  border: 1px solid #848484;
}

.content {
  padding: 0px 5px 0px 5px;
  border: 1px solid #848484;
  height: 20px;
}

.alternatecontent {
  padding: 0px 5px 0px 5px;
  border: 1px solid #848484;
  height: 20px;
  background-color: #F2F2F2;
}

/* table portal */
.knockoutgrid {

}

.gridrow {
  border: 1px;
  border-color: #fff;
}

.gridfieldset {
  border: 0px !important;
}

#htmlGrid {
    width: 940px;
    margin-left: -230px;
}

#htmlGrid legend {
    color: #0a92ab;
    font-size: 24px;
}
#htmlGrid .gridfieldset {
    margin-top: 20px;
}
.gridfieldset legend {
    display: none
}

.ko-grid thead tr th,
.gridfieldset .gridrow .header {
    background: #f1f1f1;
    border: 0px;
    border-bottom: 1px solid white;
    padding: 10px;
    border-right: 1px solid white;
    text-align: left;
}
.ko-grid tbody tr td,
.gridfieldset .gridrow .alternatecontent {

    background: white;
    padding: 8px;
    border: 0;
    border-bottom: 1px solid #ccc;
}

.ko-grid-pageLinks{
    display: none;
}
.ko-grid{
    width: 100%;
    border-spacing: 2px !important;
}
.ko-grid thead tr th{
    background-color: #F1F1F1;
    padding: 10px;
    border: 1px;
}
.ko-grid tbody tr td{
    padding: 5px 10px 5px 10px;
}
.kogridContainer{
    float: left;
    width: 100%;
}

/*/---------------------------------------------/*/
/*/  END PORTAL                                 /*/
/*/---------------------------------------------/*/


/*/---------------------------------------------/*/
/*/  LOGIN/REGISTER-PAGE ELEMENTS               /*/
/*/---------------------------------------------/*/
a.forgot {
  color: #002F5D;
  text-decoration: none;
  font-size: 12px;
}

a.forgot:before {
  content: "";
  display: block;
  height: 10px;
  clear: both;
}

.pageCover h1 {
  color: #0a92ab;
  font-size: 25px;
  margin: 0;
  line-height: 50px;
}

.loginContainer, .registerContainer, .loginformContainer {
  width: 450px;
}

.loginContainer, .loginformContainer {
  float: left;
}

.registerContainer {
  float: right;
  margin-right: 10px;
}

.reminderContainer {
  width: 98%;
  float: left;
  margin-top: 34px;
}

.loginContainer .formRow, .registerContainer .formRow, .loginContainer .formRow .labelContainer, .registerContainer .formRow .labelContainer, .loginContainer .rowControl &gt; input, .registerContainer .rowControl &gt; input {
    width: 100%;
}

.reminderContainer .formRow, .reminderContainer .formRow .labelContainer, .reminderContainer .rowControl &gt; input {
    width: 100%;
}

.reminderContainer .formRow .labelContainer, .loginContainer .formRow .labelContainer, .registerContainer .formRow .labelContainer {
    width: 36%;
}

.loginContainer .formRow .labelContainer .rowLabel, .registerContainer .formRow .labelContainer .rowLabel, .reminderContainer .formRow .labelContainer .rowLabel {
    width: 80%;
}

.loginContainer .rowControl, .registerContainer .rowControl, .reminderContainer .rowControl {
    width: 60%;
}

.loginContainer button, .reminderContainer button, .loginContainer input[type=submit], .reminderContainer input[type=submit] {
}

.registerContainer button, .registerContainer input[type=submit] {
}

.loginContainer .statusFailure, .registerContainer .statusFailure {
    margin-top: 32px;
}

.loginContainer .message, .registerContainer .message {
    font-size: 8pt;
    width: 300px;
}

.newpasswordContainer button {
    margin-left: 233px;
}

.newpasswordContainer .rowControl input {
    width: 99%;
}

.logout {
  float: right;
  margin-right: 5px;
}

.logout a {
  text-decoration: none;
  color: #002F5D;
  font-size: 10pt;
  font-weight: bold;
}

.login {
  float: right;
  margin-right: 5px;
}

.login a {
  text-decoration: none;
  color: #002F5D;
  font-size: 10pt;
  font-weight: bold;
}

.button-container {
  margin-top: 20px;
}

.button-container:after {
  content: ".";
  font-size: 0;
  clear: both;
  display: block;
  overflow: hidden;
}

.loginContainer .rowControl &gt; input[type="text"], .loginContainer .rowControl &gt; input[type="password"], .loginContainer .genericControl {
  width: 100%;
}
/*/---------------------------------------------/*/
/*/  END LOGIN-PAGE ELEMENTS                        /*/
/*/---------------------------------------------/*/


#Disclaimer .rowControl {
  width: 104px !important;
}

#Disclaimer .labelContainer .rowLabel {
  width: 605px !important;
}

#Disclaimer .labelContainer {
  width: 597px !important;
}


/*/----------------------------------------------/*/
/*/  LANGUAGES                                   /*/
/*/----------------------------------------------/*/
#languageButtons {
    float: right;
    position: absolute;
    right: 0;
    top: 0;
}
#languageButtons li {
  float: left;
  list-style-type: none;
  margin-left: 5px;
}

#languageButtons li a {
  padding: 2px 5px;
  width: 100%;
  color: #666;
  display: block;
  text-decoration: none;
}

#languageButtons li a:hover {
  text-decoration: underline;
}

li.currentLanguage {
    background: none repeat scroll 0 0 #666666;
    border-bottom: 4px solid #32a0db;
    color: white;
    padding: 4px 8px;
}

.ui-datepicker-trigger {
  margin-left: 10px;
  vertical-align: middle;
}
.ui-datepicker * {
	font-size: 11px;
}

/*/----------------------------------------------/*/
/*/  LANGUAGES                                   /*/
/*/----------------------------------------------/*/

/*/----------------------------------------------/*/
/*/  Communication Box                                  /*/
/*/----------------------------------------------/*/
.kogrid .message-in
{
    background: url("../images/message-io.png") 0px 0px;
    height: 20px;
    width: 26px;
}
.kogrid .message-out
{
    background: url("../images/message-io.png") 26px 0px;
    height: 20px;
    width: 26px;
}

.kogrid .message-preview
{
    background: url("../images/file.png") 26px 0px;
    height: 18px;
    width: 13px;
}

.kogrid td &gt; input
{
    width: auto;
}

.emailView .row {
    width: 99%;
    overflow: hidden;
    margin: 3px 0px 0 0;
    padding: 0px 0px 3px 0;
}

.emailView .label {
    float: left;
    line-height: 20px;
    padding: 0 0 0 5px;
    width: 20%;
}

.emailView .data {
    border: 1px solid #DFDFDF;
    float: left;
    line-height: 20px;
    padding: 1px 6px;
    width: 550px;
}

.emailView .attachment {
    float: left;
    line-height: 20px;
    padding: 1px 6px;
    width: 550px;
}

.emailView .attachment a {
    color: #0B79E9;
}

.emailView .message {
    border: 1px solid #DFDFDF;
    float: left;
    margin-left: 5px;
    min-height: 235px;
    padding: 5px 10px;
    width: 685px;
}
.stuffing
{
    color: transparent;
    cursor: default;
    display: none;
}
.ui-spinner-input {
	margin: 0.2em 22px 0.2em 0em;
}
.searchBox .searchBlock {
	width: 100%;
	height: 30px;
	line-height: 30px;
}
.searchBox .searchBlock label {
	float: left;
	width: 32%;
	padding-left: 10px;
}
.searchBox input {
	position: relative;
    top: 1px;
    width: 284px;
}
.searchBox select {
	float: left;
    height: 26px;
    position: relative;
    top: 3px;
    width: 290px;
	float: left;
}
.searchBox button {
	float: left;
    left: 22px;
    line-height: 12px;
    position: relative;
    top: 3px;
}
.searchBox .details, select.personStays + .details.stayInfo, select.personStays + .info + .details.stayInfo {
	position: relative;
	top: 5px;
	border-top: 2px solid #0a92ab;
}
.searchBox .details .row, select.personStays + .details.stayInfo .row, select.personStays + .info + .details.stayInfo .row {
	border-bottom: 1px solid #E3E3E3;
    line-height: 26px;
    overflow: hidden;
    position: relative;
}
.searchBox .details .detailLabel, select.personStays + .info +.details.stayInfo .detailLabel, select.personStays +.details.stayInfo .detailLabel {
	float: left;
	width: 40%;
	padding-left: 8px;
}
.searchBox .details .detailText, select.personStays + .details.stayInfo .detailText , select.personStays + .info + .details.stayInfo .detailText{
    float: left;
    width: 55%;
}
.ui-autocomplete {
    max-height: 250px;
    overflow: hidden auto;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 250px;
}
.hide {
	display: none;
}
#preferredEmail ul li {
    list-style: outside none none;
    margin-left: -35px;
    padding-bottom: 10px
}
.flows {
    float: left;
    margin: 0;
    padding: 0;
}
#paymentType input{
    float:left;
}
#paymentType .logoRow{
       float:left;
       width:100%;
       padding-top: 20px;
}
#paymentType .logoText {
      float:right;
}
#paymentType .logoImg {
    float: left;
    display: block;
    height: 45px;
    width: 60px;
    margin-right: 10px;
    margin-top: -13px;
}
#paymentType .paypal {
    background: transparent url("../images/paypal.png") repeat scroll 0% 0% / 60px 45px;
}
#paymentType .mastercard {
    background: transparent url("../images/mastercard.png") repeat scroll 0% 0% / 60px 45px;
}
#paymentType .visa{
    background: transparent url("../images/visa.png") repeat scroll 0% 0% / 60px 45px;
}
#paymentType .visa_debit{
    background: transparent url("../images/visa_debit.png") repeat scroll 0% 0% / 60px 45px;
}
.errorMsg{
	float: left;
	width:100%;
	/*background-color: #fffae0;*/
	color: #ff0000;
	padding: 1px 2px;
}

.registerContainer  .consentDiv .errorMsg {
   float: left;
   width: 100%;
}

body #register_form .consentDiv .labelContainer {
	float: left;
	width: 90%;
}
body #register_form .consentDiv .rowControl {
    float: right;
    width: 8%;
	text-align: right;
}
body #register_form .consentDiv .rowControl .errorMsg {
    display: none;
}
.captchaInformationMessage{
    line-height: 1.5em;
}
#timeoutMessage {
    float: right;
    position: relative;
    top: 12px;
}
#label_timeout_expires{visibility: hidden;}

.errorViewMore {
     cursor:pointer;
     color:blue;
     text-decoration:underline;
}
.errorViewMore:hover {
     text-decoration:none;
}

button[kind="submit_button"], button[kind="save_button"] {
  color : #fff;
}

.privacy_policy{
  padding-bottom: 10px;
  margin-right: 8em;
}

.twoColumns .formRow {
	width: 50%;
    float: left;
}

.twoColumns .labelContainer {
	width: 28%;
}

.twoColumns .rowControl {
	width: 70%;
}

#downloadLaDocument &gt; a {
  margin: 10px;
}

a.view_relation_link {
	margin-left:10px;
}


div[name="text_new_relation_button"] a{
  float: right;
  position: relative;
  top: -34px;
  padding: 2px 10px;
  background-color: #fff;
}


/*/---------------------------------------------/*/
/*/ Relation grid on FO                          /*/
/*/---------------------------------------------/*/

fieldset[name="fieldset-section_relation_listing"] legend{
  display: none;
}

fieldset[name="fieldset-section_relation_listing"] {
  /*overflow-x: scroll;*/
}


.ko-grid-pageLinks&gt;span {
  float: left;
  width: 50px;
  margin: 15px 0px 0px 0px;
}
.ko-grid-pageLinks .pagination {
  display: inline;
}

.ko-grid-pageLinks .pagination&gt;li {
  display: inline-block;
  margin-top: 7px;
}

.ko-grid-pageLinks a {
  text-decoration: none;
  font-size: 12px;
  border: 1px solid #0a92ab;
  padding: 6px 18px;
  float: left;
}

.ko-grid-pageLinks a.selected {
  background-color: #0a92ab;
  color: #fff;
}

fieldset[name="fieldset-section_relation_listing"] .ko-grid-pageLinks {
  margin-top: 10px;
  margin-bottom: 10px;
  display:block;
  width: 98%;
}
fieldset[name="fieldset-section_learningAgreements"] .knockoutgrid select {
  width:auto;
  height:auto;
}

.hideLabel .labelContainer {
  display: none
}

.hideLabel .rowControl {
  width: 100% !important;
}


.acceptanceStatus {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    margin: 10px;
}
.accepted {
    background-color: green;
}
.rejected {
    background-color: red;
}
.no-change {
    background: none;
}

/* Container for the div that will show the tooltip */
.tooltip-container {
    position: relative;
    display: inline-block;
    cursor: pointer;
}

/* Tooltip text */
.tooltip-text {
    visibility: hidden;
    width: 120px;
    background-color: #555;
    color: #fff;
    text-align: center;
    border-radius: 5px;
    padding: 5px;
    position: absolute;
    z-index: 1;
    top: -80px;
    left: 50%;
    margin-left: -60px; /* Center the tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

/* Arrow for the tooltip */
.tooltip-text::after {
    content: "";
    position: absolute;
    top: 100%; /* Arrow below the tooltip */
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

/* Show the tooltip on hover */
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}

#gjs .gjs-field input[type=text], #gjs .gjs-field input[type=password], #gjs .gjs-field select {
    height: 25px;
}

.toggleLink.loginNow-link,
.toggleLink.registerNow-link {
  display: none;
}

#loginShow {
  display: block;
}

#registerShow {
  display: block;
}

</pre></body></html>