* { box-sizing:border-box; }

body {
    background: url(/Images/brushed_alu.png);
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 14px;
    color: #28558e;
    
}
header { 
    background-color: #375588;
    color:white;
    clear: both;
    font-size: .8em;
    padding:5px 0;
    width:100%;
}

/*Chrome suppress scrolling*/
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
}
/*Firefox suppress scrolling*/
input[type=number] {
    -moz-appearance: textfield;
}

/*IE 10+*/
:-ms-input-placeholder {
    color:#ccc;
}

/*Firefox 18-*/
:-moz-placeholder {
    color: #ccc;
}

/*Firefox 19+*/
::-moz-placeholder {
    color: #ccc;
}

/*Chrome/Opera/Safari*/
::-webkit-input-placeholder {
    color: #ccc;
}


h1, h2, h3, h4, h5, h6 { color:#777; }
h1 { color:#375588; font-size:22px; }
h2 { font-size:24px; }

hr {border-color:#ccc;}
hr.dark { border-color:#444; }

a:focus{ color:#fff; }

input[type=checkbox], input[type=radio] { cursor:pointer; }
input[type=radio] {position:relative; top:2px;}
input[type=text], input[type=password], input[type=number], input[type=email], input[type=tel] {
	background:#fafafa;
    border:1px solid #ccc;
    padding:7px 10px;
}
input[type=button], input[type=submit], button {
    background:#2369b4;
    border:1px solid #375588;
    -moz-border-radius:10px;
    -webkit-border-radius:10px;
    border-radius:10px;
    color:#eee;
    padding:10px 20px;
}
input[type=button]:hover, input[type=submit]:hover, button:hover {
    background:#8ac0e9;
}
select {background:#fafafa; border:1px solid #ccc;}


/*#body{
	background:rgba(255,255,255,0.5);
}*/


.width-1pc, .width-2pc, .width-3pc, .width-4pc, .width-5pc, .width-6pc, .width-7pc, .width-8pc, .width-9pc, .width-10pc, 
.width-15pc, .width-20pc, .width-25pc, .width-30pc, .width-33pc, .width-35pc, .width-40pc, .width-45pc, .width-50pc, .width-55pc, 
.width-60pc, .width-65pc, .width-66pc, .width-70pc, .width-75pc, .width-80pc, .width-85pc, .width-90pc, .width-95pc, .width-100pc { 
    -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; 
    float:left;
    position:relative; /*Needed for positioning of label elements*/
}
.width-1pc      { width:0.99%; }
.width-2pc      { width:1.99%; }
.width-3pc      { width:2.99%; }
.width-4pc      { width:3.99%; }
.width-5pc      { width:4.99%; }
.width-6pc      { width:5.99%; }
.width-7pc      { width:6.99%; }
.width-8pc      { width:7.99%; }
.width-9pc      { width:8.99%; }
.width-10pc     { width:9.99%; }
.width-15pc     { width:14.99%; }
.width-20pc     { width:19.99%; }
.width-25pc     { width:24.99%; }
.width-30pc     { width:29.99%; }
.width-33pc     { width:33.33%; }
.width-35pc     { width:34.99%; }
.width-40pc     { width:39.99%; }
.width-45pc     { width:44.99%; }
.width-50pc     { width:49.99%; }
.width-55pc     { width:54.99%; }
.width-60pc     { width:59.99%; }
.width-65pc     { width:64.99%; }
.width-66pc     { width:66.66%; }
.width-70pc     { width:69.99%; }
.width-75pc     { width:74.99%; }
.width-80pc     { width:79.99%; }
.width-85pc     { width:84.99%; }
.width-90pc     { width:89.99%; }
.width-95pc     { width:94.99%; }
.width-100pc    { width:99.99%; }
.width-auto     { width: auto; }

.pad-10         {padding:10px;}
.pad-20         {padding:20px;}
.padTop-10      {padding-top:10px;}
.padTop-20      {padding-top:20px;}
.padRight-20    {padding-right: 20px;}

.right          {text-align:right;}
.center         {text-align:center;}

.float-right    {float:right;}
.float-left     {float:left;}
.clear          {clear:both;}

.hide           {display:none;}
.show           {display:inline;}
.showMobile     {display:none;}

.accentFont     {font-family:'Roboto';}
.bold           {font-weight:bold;}
.italic         {font-style:italic;}
.underline      {text-decoration:underline;}
.normal         {font-weight:normal; margin:0;}
.color-mdGray, a.color-mdGray {color:#888;}
.color-red      {color:#900000;}
.font-small     {font-size:small;}
.font-large     {font-size:large;}

.h1Header {
    background:#eee;
	background: -webkit-linear-gradient(#fcfcfc, #eee); /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#fcfcfc, #eee); /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#fcfcfc, #eee); /* For Firefox 3.6 to 15 */
	background: linear-gradient(#fcfcfc, #eee); /* Standard syntax */
    margin:0 0 20px 0;
    /*padding:15px;*/
    border-bottom:2px solid #ddd;
}


/* ------Bootstrap overrides----- */
.btn { font-size:18px; }
input[type=button].btn-sm, input[type=submit].btn-sm, button.btn-sm {padding:5px 15px;}
.btn.glyphicon { top:0; }

.btn-default.active, .btn-default.focus, .btn-default:active, .btn-default:focus, .btn-default:hover, .open > .dropdown-toggle.btn-default { background:#375588; color:#cde3f5; }

.form-control { height:38px; }
.input-group { 
    padding-bottom:10px;
    width:100%;
}
.input-group input[type="text"], 
.input-group input[type="password"], 
.input-group input[type="number"],
.input-group input[type="tel"],
.input-group select { font-size:18px; width:100%; }
    .input-group select { padding:6px 7px; }
input[readonly], input[readonly="readonly"] { 
    background:#fafafa; 
}

.input-group-btn { 
    position:relative;
	left:-4px;
}
.input-group-btn input[type=button],
.input-group-btn input[type=submit],
.input-group-btn button{
    padding:6px 12px;
}
    .input-group-btn.input-group-btn-middle .btn{ 
        border-radius:0;
    }

.input-group-addon-label, .input-group-addon-label label { 
    font-weight:normal;
    cursor:pointer;
    padding:4px 15px 0 4px;
    text-align:left;
    width:100%; 
}
span.input-group-addon, .input-group-addon:first-child {
    border: 1px solid #ccc;
    border-right-width: 0px;
    font-size: 18px;
    min-width: 160px;
    text-align: right;
    color: #375588;
   /* font-family: AvenirNextLTW01-Medium,HelveticaNeue-Medium,Helvetica Neue Medium,Helvetica Neue,Helvetica,Arial,Lucida Grande,sans-serif;
    font-size: 18px;*/
    
}
.input-group-addon-sm { min-width:initial !important; }
.input-group-addon:last-child { border-right-width:1px; }

/*bootstrap addon*/
.input-group-cb-pymt {
    background: #eee;
    border: 1px solid #ccc;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-top-right-radius: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-bottom-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-left-right: 4px;
    height: 37px;
    padding: 4px;
    text-align:left;
    /* width:40px;*/
}

/*bootstrap addon*/
.input-group-radio, .input-group-cb {
    background: #ccc;
    border: 1px solid #aaa;
    border-right: none;
    -moz-border-top-left-radius: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-bottom-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    height: 37px;
    padding: 4px;
    width: 40px;
    text-align: center;
}

.round-it {
    -moz-border-top-left-radius: 4px !important;
    -webkit-border-top-left-radius: 4px !important;
    border-top-left-radius: 4px !important;
    -moz-border-bottom-left-radius: 4px !important;
    -webkit-border-bottom-left-radius: 4px !important;
    border-bottom-left-radius: 4px !important;
    -moz-border-top-right-radius: 4px !important;
    -webkit-border-top-right-radius: 4px !important;
    border-top-right-radius: 4px !important;
    -moz-border-bottom-right-radius: 4px !important;
    -webkit-border-bottom-right-radius: 4px !important;
    border-bottom-right-radius: 4px !important;
}
    .input-group-cb, .input-group-cb.pymt {
        padding: 7px 4px;
    }
.input-group-radiogroup{
    /*border-right:1px solid #aaa;*/
    display:table;
}
.input-group-radiogroup .input-group-radio { 
    border:none;
    border-radius:0;
    display:table;
    float:left;
    padding:0;
    position:relative;
    width:initial;
}
    .input-group-radiogroup .input-group-radio input[type=radio] { 
        position:absolute;
        top:8px;
        left:8px;
    }
    .input-group-radiogroup .input-group-radio label { 
        cursor:pointer;
        margin:0;
        padding:10px 15px 10px 28px;
        width:100%;
    }
        .input-group-radiogroup .input-group-radio input[type=radio]:checked + label { background:#375588; color:#cde3f5; }
        .input-group-radiogroup .input-group-radio label:hover { background:#8ac0e9; }
.input-group-cbl input[type=checkbox] { 
    cursor:pointer;
    margin-left:14px;
    margin-top:12px;
    position:absolute;
    z-index:1;
}
.input-group-cbl label:before { 
    background:#ccc; 
    border:1px solid #aaa; 
    border-radius:4px 0px 0px 4px; 
    border-right:none; 
    content:""; 
    cursor:pointer;
    display:inline-block; 
    position:absolute;
    top:-1px; left:-1px;
    width:40px; height:37px;
}
.input-group-cbl label { 
    background:#eee; 
    border:1px solid #ccc; 
    border-radius:4px; 
    color:#555; 
    cursor:pointer; 
    font-size:18px; 
    font-weight:normal; 
    padding:6px 12px 6px 52px; 
    position:relative;
    width:100%; height:37px;
}

/* ------Mottie keyboard----- */
.ui-keyboard { padding: .3em; position: absolute; left: 0; top: 0; z-index: 16000; }
.ui-keyboard-has-focus { z-index: 16001; }
.ui-keyboard-button {
	background:#444;
	min-width: 50px; 
	margin: 2px; 
	cursor: pointer; 
	overflow: hidden; 
	line-height: 20px; 
	-moz-user-focus: ignore; 
	width:auto;
}
.ui-keyboard-button span { padding: 0; margin: 0; white-space:nowrap; display: inline-block; }
.ui-keyboard-button-endrow { clear: left; }
.ui-keyboard-space { width: 15em; }
.ui-keyboard-space span, .ui-keyboard-empty span { font: 0/0 a; text-shadow: none; color: transparent; }
.ui-keyboard-preview-wrapper { text-align: center; position: relative; overflow: hidden; }
.ui-keyboard-preview { text-align: center; margin: 0 0 3px 0; display:inline-block; width: 99% !important; font-size:initial !important;}
.ui-keyboard-keyset { text-align: center; white-space: nowrap; }
.ui-keyboard-input { text-align: left; }
.ui-keyboard-spacer { display: inline-block; width: 1px; height: 0; cursor: default; }

    .ui-dialog .ui-dialog-buttonpane .browserbackbutton {     left:40%; top: 20%;cursor: pointer; float: left; margin: 0 44px 8px; padding: 1px 10px; width: 26%; background: none repeat scroll 0 0 #468522; border: 1px solid #559123; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); color: #FFFFFF;}
    /* New Styles Generic
    ----------------------------------*/
    .ui-dialog.backButtonModel .ui-dialog-buttonpane .ui-dialog-buttonset {text-align:center;padding:0 0 10px 0;}
    .ui-dialog.backButtonModel .ui-dialog-buttonpane button{float:none; margin:0; font-weight: bold;}
    .ui-dialog.backButtonModel .ui-dialog-buttonpane{width: auto;}
    .ui-dialog.backButtonModel{z-index: 10001 !important;left:40%; top: 20%}
    .ui-dialog.backButtonModel .ui-dialog-content { background: #fff; height: 90px; padding: 0; clear: both; display: block; overflow: hidden; }
    .ui-dialog.backButtonModel .ui-dialog-titlebar { border: none; background: #eeeeee; color: #333333; font-weight: bold; font-size: 16px; }
    .ui-dialog.backButtonModel .ui-dialog-titlebar-close { display: none; }
    .ui-dialog.backButtonModel .ui-widget-content { border: none; background: none; }
    .ui-dialog.backButtonModel .ui-dialog-buttonpane .ui-dialog-buttonset { text-align: center; padding: 0 0 10px 0; }
    /*.ui-dialog.backButtonModel .ui-dialog-buttonpane button { float: none; margin: 0; font-weight: bold; }*/
    .ui-dialog.backButtonModel { border: none; margin-top: .5em; padding: .3em 1em .5em .4em; text-align: left; background-image: none; margin: 0; padding: 4px 10px;}
    .ui-datablocknew{  background:#fff; height:90px; padding:5px 0; clear:both; display:block; overflow:hidden;position: relative; border: 0; padding: .5em 1em; background: none; zoom: 1; width: auto; min-height: 0px; max-height: none; height: 91px;}
    .ui-datablocknew p{  clear:both; display:block;  float:left;padding:5px;  font-size:12px; }
    .ui-datablocknew p label{  font-weight:bold;  }
    .ui-datablocknew p.ui-messagenew{  font-weight:bold;  font-size:13px;  padding:15px 5px 0 5px; display: block; clear: both; overflow: hidden; float: left;}



    .field-validation-error {
    color: #e80c4d;
    font-weight: bold;
    padding-top:7px;
}

.field-validation-valid {
    display: none;
}

input.input-validation-error {
    border: 1px solid #e80c4d;
}

select.input-validation-error {
    border: 1px solid #e80c4d;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: bold;
    font-size: 1.1em;
}

.validation-summary-valid {
    display: none;
}