@font-face {font-family: 'MuseoSansRounded-300';src: url('webfonts/21AE18_0_0.eot');src: url('webfonts/21AE18_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/21AE18_0_0.woff') format('woff'),url('webfonts/21AE18_0_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSansRounded-900';src: url('webfonts/21AE18_1_0.eot');src: url('webfonts/21AE18_1_0.eot?#iefix') format('embedded-opentype'),url('webfonts/21AE18_1_0.woff') format('woff'),url('webfonts/21AE18_1_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSansRounded-500';src: url('webfonts/21AE18_2_0.eot');src: url('webfonts/21AE18_2_0.eot?#iefix') format('embedded-opentype'),url('webfonts/21AE18_2_0.woff') format('woff'),url('webfonts/21AE18_2_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSansRounded-100';src: url('webfonts/21AE18_3_0.eot');src: url('webfonts/21AE18_3_0.eot?#iefix') format('embedded-opentype'),url('webfonts/21AE18_3_0.woff') format('woff'),url('webfonts/21AE18_3_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSansRounded-1000';src: url('webfonts/21AE18_4_0.eot');src: url('webfonts/21AE18_4_0.eot?#iefix') format('embedded-opentype'),url('webfonts/21AE18_4_0.woff') format('woff'),url('webfonts/21AE18_4_0.ttf') format('truetype');}
@font-face {font-family: 'MuseoSansRounded-700';src: url('webfonts/21AE18_5_0.eot');src: url('webfonts/21AE18_5_0.eot?#iefix') format('embedded-opentype'),url('webfonts/21AE18_5_0.woff') format('woff'),url('webfonts/21AE18_5_0.ttf') format('truetype');}

body {
	font-size: 62.5%; /* resets 1em to 10px */
	font-size: 9pt;
        font-family: arial;
	padding:0;
	margin-left:auto;
	margin-right:auto;
        margin-top:20px;
        width:990px;
}

#header {
	height: 88px;
	text-align:center;
	font-size:8pt;
        margin-left:15px;
        margin-right:15px;
}

#timer-warning {
  display: none;
  position: fixed;
  bottom: 20px;
  right: 20px;
  background: #ffc107;
  color: #000;
  padding: 16px 24px;
  border-radius: 12px;
  font-size: 16px;
  box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
#timer-warning.show {
  display: block;
  opacity: 1;
}
#draft-status {
  display: none;
  position: fixed;
  bottom: 80px;
  right: 20px;
  background: #007bff;
  color: white;
  padding: 12px 20px;
  border-radius: 10px;
  font-size: 15px;
  box-shadow: 0 4px 8px rgba(0,0,0,0.2);
  z-index: 1000;
  opacity: 0;
  transition: opacity 0.4s ease;
}

#page {
	width:100%;
	height: auto;
	color: black;
}

#page-small {
    width:400px;
    color:black;
    height:auto;
}

#tab-box {
    float: left;
    margin: 15px 0 0 15px;
    padding: 0 10px 0 0;
    width: 950px;
    height:25px;
    background: url("images/tab-OFF-middle.png");
}

.tab_start, .tab_end {
    float:left;
    height:25px;
    width: 15px;
}

.tab_item {
    float: left;
    color: white;
    font-size: 15px;
    padding: 0px 10px;
    background: #257d89;
    height:25px;
    line-height:23px;
    cursor: pointer;
}

#allround {
    background: url('images/app-frame-top.png') no-repeat;
    background-position:top;
    width:100%;
    height:auto;
}

#sideborders {
    background: url('images/app-frame-middle.png') repeat-y;
    position:relative;
    top:10px;
    width:100%;
    height:auto;
}

#sideborderbottom {
    background: url('images/app-frame-bottom.png') no-repeat;
    height:15px;
    width:100%;
    position:absolute;
    bottom:-15px;
}

.section, .bsection, #login-box {
    width:950px;
    margin-left:15px;
    font-size:10pt;
    float:left;
    height: auto;
    padding: 0;
}

.dsection {
    width:910px;
    margin-left:15px;
    font-size:10pt;
    float:left;
    height: auto;
    padding: 30px 20px 0 20px;
}

.bsection {
   border-top: none;
   border-left: 1px solid;
   border-right: 1px solid;
   border-bottom: 1px solid;
   border-color:#257d89;
   margin-bottom:20px;
   padding-bottom:20px;
}

.isection, .case-log {
    border-radius: 12px;
    float:left;
    padding: 3px 0 12px 6px;
    margin: 10px 0 0px 100px;
}

#case .isection, .case-log {
    width: 800px;
    margin-left: 75px;
}

.case-log {
    margin-left: 75px;
}

.isection {
    background:#efefef;
    width:750px;
}

.csection {
    background: none repeat scroll 0 0 #efefef;
    border-radius:12px;
    float: left;
    margin: 10px 75px 0;
    width: 800px; 
    padding: 3px 0 12px 6px;
}

#cdetail-top {
    float:left;
    display:block;
}

.g-recaptcha { 
      margin: 20px auto 0 auto !important;
      width: 244px;
      display: block;
} 

.box {
    float:left;
    width:50%;
}

.box .isection {
    width:400px;
    margin:0;
}

.box .leftr {
    width:70px;
}

.box .right {
    margin-left:80px;
}

.clog-bar {
    float:left;
    margin-top:5px;
    width:100%;
    background: #999;
    color:white;
    border-radius: 12px;
}

.case-row {
    font-size:8pt;
    padding: 3px 0;
    float:left;
    width:100%;
    border-top: dotted;
    border-top-width: thin;
}

.nobord {
    border:none;
}

#case {
    
}

#case .box .isection {
    background: none;
    width: 394px;
}

#case .row {
    width: 380px;
}

.hs-row {
	float: left;
	width: 600px;
}

.spacer {
	float:left;

	margin: 10px;
}
#case .leftr{
    width: 145px;
}

#case .right{
    width: 100%;
    margin-left: 155px;
}

.deltask {
	display:inline;
}

.deltask a {
	color:#ff0000 !important;
}

.clog-date, .clog-user, .clog-task, .clog-outcome, .clog-notes, .bhead-date, .blog-2, .bhead-2, .blog-3, .blog-4, .blog-5, .bhead-3 {
    float:left;
    display:block;
}

.clog-date {
    padding-left:1%;
    width: 8%;
}

.clog-user {
    width: 17%;
}

.clog-task {
    width:25%;
}

.clog-outcome {
    width:25%;
}

.clog-notes {
    width:24%;
}

.bhead-date {
	width: 10%;
	padding-left:2%;
}

.blog-2, .bhead-2 {
	width: 30%;
	padding-left:2%;
}

.blog-3, .bhead-3 {
	width: 16%;
}

.blog-2 a {
    text-decoration: underline;
}

.small_label {
    float:left;
    margin-top: 15px;
}

.small_label_error{
    float:left;
    margin-top: 15px;
    background-color: #FFFFD5;
    border: 2px solid red;
    color: red;
}



.sl_text {
    float:left;
    width:280px;
    text-align: right;
    font-size: 9pt;
}

#pending, #scheduled, #past, #oforms {
    border-left: 1px solid #257d89;
    border-bottom: 1px solid #257d89;
}

#oforms {
    padding-bottom:10px;
}


.welcome-section {
    font-size:10pt;
	float:left;
	height: auto;
	padding: 5px 5px 0 5px;
	width:950px;
    margin-left:15px;
}

#welcome-left {
    float:left;
}

#welcome-right {
    float:right;
}

h1 {
	font-size: 18pt;
}

.row_h2 {
    margin-top: 15px;
    background: url("images/tab-OFF-middle.png") repeat-x;
    height: 27px;
    padding: 0 2px 0 0;
    border-radius: 12px 12px 0px 0px;
}

.h2_start, .h2_start_draft, .h2_end {
    float:left;
    height:27px;
    width: 15px;
}

.h2_start {
    background: url(images/tab-ON-left-white.png) no-repeat;  
}

.h2_middle {
    background: url(images/tab-ON-middle-gradient.png);  
    height:27px;
    float:left;
    line-height:2;
    color:white;
}

.h2_end {
    background: url(images/tab-ON-right-trans.png) no-repeat;  
}
.h2_start_draft {
    background: url(images/tab-OFF-left-white.png);    
}

.form_h2, .form_h2_draft {
    float: left;
    font-size: 12pt;
    color: white;
    line-height:28px;
}

#CTA a{
	background: #2eb6b0;
	padding: 5px 15px;
	color: white;
	text-transform: uppercase;
	float: left;
	margin: 25px 25px 25px 0;
}

input[type='radio'], input[type='checkbox']   {
    background: transparent;
    border:none;
}

input[type='submit'] {
   border-radius: 0;
   color:transparent;
   font-size: 0px;
}

input[type='button'] {
    border-radius:0;
}

.search-page-button input{
    background: #2eb6b0;
    padding: 5px 15px;
    color: white;
    text-transform: uppercase;
    margin: 5px 385px;
	border: none;
	width:auto;
    font-size: 1em;
}

input, textarea {
    background: white;
    border: 1px solid #999999;
    border-radius: 10px 10px 10px 10px;
    padding: 2px 5px;
    font-family: arial;
    font-size: 10pt;
    color: #257d89;     
}

.sub_admin {
    background: url(images/btn-admin.png) no-repeat;
}

.sub_pwd {
    width:150px;
    height:25px;
    border:none;
    background: url(images/btn-change-pwd.png) no-repeat;
}

.resend-ppq-email {
	width:180px;
    height:25px;
    border:none;
    background: url(images/btn-resend-ppq.png) no-repeat;
}

.login {
    width:75px;
    height:25px;
    background: url(images/btn-login.png) no-repeat;
    border:none;
}

.pr-menu, .res-menu {
    padding-top:2px;
}

.pat_rec_table {
    float:right;
    margin-top:3px;
}


.sub_ref {
    background: url(images/btn-submit.png) no-repeat;
    color:transparent;
    font-size: 0px;
    width:100px;
    height:25px;
    border:none;
    margin: 5px 0 0 0;    
}

.sub_srch {
    background: url(images/btn_search.png) no-repeat;
    color:transparent;
    font-size: 0px;
    width:100px;
    height:25px;
    border:none;
    margin: 5px 0 0 0;    
}

.sub_dra, .sub_view_rfr, .sub_prnt_rfr, .view_case, .btn_refund, .btn-edit, .add-co, .edit-co, .sub_prnt_rfr_triage {
    color:transparent;
    width:150px;
    height:25px;
    border:none;
    margin: 5px 0 0 0;
    display:block;
}

.sub_cancel, .sub_print, .sub_send, .sub_upl, .sub_sub, .sub_admin, .sub-edit, .add_user {
    color:transparent;
    width:134px;
    height:25px;
    border:none;
    margin: 5px 0 0 0;    
}

.sub_sch {
    color:transparent;
    width:157px;
    height:20px;
    border:none;
    margin: 5px 0 0 0;    
}

.btn-edit {
    background: url(images/btn-edit.png) no-repeat;
    margin-left:250px;
}

.btn-relrep {
	background: url(images/btn_send_to_employer.png) no-repeat;
	height: 25px;
    margin: 5px 0 0;
    width: 150px;
    border:none;
}

.btn-revrep {
	background: url(images/btn_revised_report.png) no-repeat;
	height: 25px;
    margin: 5px 0 0;
    width: 150px;
    border:none;
}

.edit-co {
    background: url(images/btn-edit-co.png) no-repeat;
    display:inline;
    margin-left:10px;
}

.sub-edit{
    background: url(images/btn-edit.png) no-repeat;
}

.add-co{
    background: url(images/btn-add-co.png) no-repeat;
    display:inline;
}

.view_case {
    background: url(images/btn-view-case.png) no-repeat;
}

.add_user {
    background: url(images/btn-add-user.png) no-repeat;
}

.btn_refund {
    background: url(images/btn-refund.png) no-repeat;
}


.sub_dra {
    background: url(images/btn-save-draft.png) no-repeat;
}
.sub_send{
    background: url(images/btn-green-send.png) no-repeat;
}

.sub_cancel {
    background: url(images/btn-green-cancel.png) no-repeat;
}

.sub_print{
    background: url(images/btn-green-print-referral.png) no-repeat;
}

.sub_upl{
    background: url(images/btn-green-upload.png) no-repeat;
}

.sub_sub {
    background: url(images/btn-submit.png) no-repeat;
}

.sub_sch {
    background: url(images/btn-green-app.png) no-repeat;
}

.sub_save_changes {
	margin:5px 0 0 0px;
	width:150px;
    height:25px;
    border:none;
    background: url(images/btn-save-ch.png) no-repeat;
}

.sub_admin {
    background: url(images/btn-admin.png) no-repeat;
}

.sub_view_rfr {
    background: url(images/btn-view-rfr.png) no-repeat;
    display:block;
    margin-left:100px;
    margin-top: 35px;
}

.sub_prnt_rfr_triage {
	background: url(images/btn-view-rfr.png) no-repeat;
    display: block;
    margin-left: 290px;
}

.sub_prnt_rfr {
    background: url(images/btn-print-referral.png) no-repeat;
    display:block;
    margin-left:100px;
    margin-top: 10px;
}

.btn-relrep {
	background: url(images/btn_send_to_employer.png) no-repeat;
	height: 25px;
    margin: 5px 0 0;
    width: 150px;
    border:none;
}


.upload {
    background: url(images/btn-upload.png) no-repeat;
    width:100px;
    height:25px;
    border:none;
    border-radius: 0;
    margin: 5px 0 0 0;
}

.import {
    background: url(images/btn_import.png) no-repeat;
    width:100px;
    height:25px;
    border:none;
    border-radius: 0;
    margin: 5px 0 0 0;
}

.export {
    background: url(images/export_btn-01.png) no-repeat;
    width:100px;
    height:25px;
    border:none;
    border-radius: 0;
    margin: 5px 0 0 0;
}

.btn-file-ready {
    background: url(images/btn_file_ready.png) no-repeat;
    width:100px;
    height:25px;
    border:none;
    border-radius: 0;
    margin: 5px 0 0 0;
}

.a_next0, .a_next1, .a_next2, .a_next3, .a_next4, .a_next5, .a_next6, .a_next7, .a_next8, .a_next9,
.a_next10, .a_next11, .a_next12, .a_next13, .a_next14, .a_next15, .a_next16, .a_next17, .a_next18, .a_next19,
.a_next20, .a_next21, .a_next22, .a_next23, .a_next24, .a_next25, .a_next26, .a_next27, .a_next28, .a_next29,
.a_next30, .a_next31, .a_next32, .a_next33, .a_next34, .a_next35, .a_next36, .a_next37, .a_next38, .a_next39,
.a_next40, .a_next41, .a_next42, .a_next43, .a_next44, .a_next45, .a_next46, .a_next47, .a_next48, .a_next49,
.a_next50, .a_next51, .a_next52, .a_next53, .a_next54, .a_next55, .a_next56, .a_next57, .a_next58, .a_next59,
.a_next60, .a_next61, .a_next62, .a_next63, .a_next64, .a_next65, .a_next66, .a_next67, .a_next68, .a_next69,
.a_next70, .a_next71, .a_next72, .a_next73, .a_next74, .a_next75, .a_next76, .a_next77, .a_next78, .a_next79,

.p_next0, .p_next1, .p_next2, .p_next3, .p_next4, .p_next5, .p_next6, .p_next7, .p_next8, .p_next9,
.p_next10, .p_next11, .p_next12, .p_next13, .p_next14, .p_next15, .p_next16, .p_next17, .p_next18, .p_next19,
.p_next20, .p_next21, .p_next22, .p_next23, .p_next24, .p_next25, .p_next26, .p_next27, .p_next28, .p_next29,
.p_next30, .p_next31, .p_next32, .p_next33, .p_next34, .p_next35, .p_next36, .p_next37, .p_next38, .p_next39,
.p_next40, .p_next41, .p_next42, .p_next43, .p_next44, .p_next45, .p_next46, .p_next47, .p_next48, .p_next49,
.p_next50, .p_next51, .p_next52, .p_next53, .p_next54, .p_next55, .p_next56, .p_next57, .p_next58, .p_next59,
.p_next60, .p_next61, .p_next62, .p_next63, .p_next64, .p_next65, .p_next66, .p_next67, .p_next68, .p_next69,
.p_next70, .p_next71, .p_next72, .p_next73, .p_next74, .p_next75, .p_next76, .p_next77, .p_next78, .p_next79,

.c_next0, .c_next1, .c_next2, .c_next3, .c_next4, .c_next5, .c_next6, .c_next7, .c_next8, .c_next9,
.c_next10, .c_next11, .c_next12, .c_next13, .c_next14, .c_next15, .c_next16, .c_next17, .c_next18, .c_next19,
.c_next20, .c_next21, .c_next22, .c_next23, .c_next24, .c_next25, .c_next26, .c_next27, .c_next28, .c_next29,
.c_next30, .c_next31, .c_next32, .c_next33, .c_next34, .c_next35, .c_next36, .c_next37, .c_next38, .c_next39,
.c_next40, .c_next41, .c_next42, .c_next43, .c_next44, .c_next45, .c_next46, .c_next47, .c_next48, .c_next49,
.c_next50, .c_next51, .c_next52, .c_next53, .c_next54, .c_next55, .c_next56, .c_next57, .c_next58, .c_next59,
.c_next60, .c_next61, .c_next62, .c_next63, .c_next64, .c_next65, .c_next66, .c_next67, .c_next68, .c_next69,
.c_next70, .c_next71, .c_next72, .c_next73, .c_next74, .c_next75, .c_next76, .c_next77, .c_next78, .c_next79
{
    display: block;
    color:transparent;
    width:150px;
    height:25px;
    border:none;
    margin: 2px 0 0 0;    
}

.a_next0, .c_next0, ._pnext0, .a_next50, .c_next50 { background: url(images/btn-edit-draft.png) no-repeat; }

.c_next6 { background: url(images/btn-update.png) no-repeat; }
.c_next58, .p_next58, .c_next59, .p_next59, .p_next60 { background: url(images/btn-view-ppq.png) no-repeat; }
.c_next60 { background: url(images/btn-view-case.png) no-repeat; }
.c_next61, .c_next62 { background: url(images/btn-view-case.png) no-repeat; }

.a_next1, .p_next1  { background: url(images/btn-assign.png) no-repeat; }
.a_next2, .p_next2 { background: url(images/btn-triage.png) no-repeat; }
/* .a_next3 { background: url(images/btn-assign.png) no-repeat; } */
.a_next4, .p_next4 { background: url(images/btn-contact.png) no-repeat; }
.a_next5, .p_next5 { background: url(images/btn-contact.png) no-repeat; }
.a_next6, .p_next6 { background: url(images/btn-update.png) no-repeat; }
.a_next7, .p_next7 { background: url(images/btn-contact.png) no-repeat; }
.a_next8, .p_next8 { background: url(images/btn-contact.png) no-repeat; }
.a_next9, .p_next9 { background: url(images/btn-post-letter.png) no-repeat; }
.a_next10, .p_next10 { background: url(images/btn-review.png) no-repeat; }
.a_next11, .p_next11 { background: url(images/btn-consultation.png) no-repeat; }
.a_next12, .p_next12 { background: url(images/btn-prepare.png) no-repeat; }
.a_next13, .p_next13 { background: none; }
.a_next14, .p_next14 { background: url(images/btn-approve.png) no-repeat; }
.a_next15, .p_next15 { background: url(images/btn-assign.png) no-repeat; }
.a_next16, .p_next16 { background: url(images/btn-post.png) no-repeat; }
.a_next17, .p_next17, .c_next17 { background: url(images/btn-po.png) no-repeat; } 
.a_next18, .p_next18 { background: url(images/btn-release.png) no-repeat; }
.a_next19, .p_next19 { background: url(images/btn-post-letter.png) no-repeat; }
.a_next20, .p_next20 { background: url(images/btn-post-letter.png) no-repeat; }
.a_next21, .p_next21 { background: url(images/btn-assign.png) no-repeat; }
.a_next22, .p_next22 { background: url(images/btn-write-GP.png) no-repeat; }
.a_next23, .p_next23, .a_next40, .p_next40  { background: url(images/btn-release.png) no-repeat; }
.a_next24, .p_next24 { background: url(images/btn-approve-gp.png) no-repeat; }
.a_next25, .p_next25 { background: url(images/btn-post-gp.png) no-repeat; }
.a_next26, .p_next26 { background: url(images/btn-chase.png) no-repeat; }
.a_next27, .p_next27 { background: url(images/btn-review-network.png) no-repeat; }
.a_next28, .p_next28 { background: url(images/btn-prepare.png) no-repeat; }
.a_next29, .p_next29 { background: url(images/btn-post-letter.png) no-repeat; }

.a_next30, .p_next30,  .a_next51, .c_next51, .p_next51 { background: url(images/btn-review.png) no-repeat; }
.a_next31, .p_next31 { background: url(images/btn-dna.png) no-repeat; }
.a_next32, .p_next32 { background: url(images/btn-treatment.png) no-repeat; }
.a_next33, .p_next33 { background: url(images/btn-treat.png) no-repeat; }
.a_next34, .p_next34 { background: url(images/btn-sms.png) no-repeat; }

.a_next36, .p_next36 { background: url(images/btn-upload-report.png) no-repeat; }
.a_next37, .p_next37 { background: url(images/btn-update.png) no-repeat; }
.a_next38, .p_next38 { background: url(images/btn-update.png) no-repeat; }
.a_next39, .p_next39 { background: url(images/btn-update.png) no-repeat; }

.a_next41, .p_next41 { background: url(images/btn-approve.png) no-repeat; } 

.a_next42, .p_next42 { background: url(images/btn-register.png) no-repeat; } 
.a_next43, .p_next43 { background: url(images/btn-network.png) no-repeat; } 
.a_next44, .p_next44 { background: url(images/btn-conference.png) no-repeat; } 
.a_next46, .p_next46 { background: url(images/btn-approve.png) no-repeat; } 
.a_next47, .p_next47 { background: url(images/btn-release.png) no-repeat; }
.a_next48, .p_next48 { background: url(images/btn-post-letter.png) no-repeat; } 
.a_next49, .p_next49 { background: url(images/btn-post-letter.png) no-repeat; } 


.c_next1, .c_next2, .c_next3, .c_next4, .c_next5, .c_next7, .c_next8, .c_next9,
.c_next10, .c_next11, .c_next12, .c_next13, .c_next14, .c_next15, .c_next16, .c_next18, .c_next19,
.c_next20, .c_next21, .c_next22, .c_next23, .c_next24, .c_next25, .c_next26, .c_next27, .c_next28, .c_next29,
.c_next30, .c_next31, .c_next32, .c_next33, .c_next34, .c_next35, .c_next36, .c_next37, .c_next38, .c_next39,
.c_next40, .c_next41, .c_next42, .c_next43, .c_next44, .c_next45, .c_next46, .c_next47, .c_next48, .c_next49,
.c_next42{ background: url(images/btn-view-rfr.png) no-repeat; }

.a_next53, .p_next53 { background: url(images/btn-po.png) no-repeat; }
.a_next56, .p_next56 { background: url(images/btn-approve.png) no-repeat; } 

.a_next58, .a_next59, .a_next60 { background: url(images/btn-upload-ppq.png) no-repeat; }
.a_next61, .a_next62, .p_next61, .p_next62 { background: url(images/btn-assess-ppq.png) no-repeat; }


.a_next67, .p_next67 { background: url(images/btn-re-refer.png) no-repeat; }
.a_next68, .p_next68 { background: url(images/btn-re-refer.png) no-repeat; }
.a_next69, .p_next69 { background: url(images/btn-re-refer.png) no-repeat; }

.a_next70,.c_next70, .p_next70 { background: url(images/btn-re-refer.png) no-repeat; }





h2 {
    font-size: 14pt;
    margin:0;
    padding: 6px 0 0 6px;
    color:#257D89;
}

h3{
	font-size: 12pt;
	margin: 15px 0 0px 0;
        color: #767676;
}

.left h3 {
	margin:0;
}

a, a:visited {
	color: #257d89;
        text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#icon {
	float:left;
	width: 138px;
        position:relative;
        top:20px;
}

#banner {
	font-size: 20px;
        color: black;
        font-size:18pt;
        font-family:arial;
	padding-top: 35px;
        padding-left:15px;
	width: 500px;
	float:left;
        text-align:left;
}

#pagefooter {
    width:70%;
    position:relative;
    bottom: -70px;
    display:inline;
    margin: auto 0;
    padding-left:400px;
}

#phonebox {
 /*   display:inline;
    padding-left:400px;*/
    float:right;
	font-size:10pt; 
}

#validator {
	width:30%;
	margin: auto;
}

#valimg {
	margin-left:80px;
}

#vtext {
	float:left;
	text-align:center;
	margin-left:10px;
}




#logo {
	float:right;
	padding-top: 8px;
}

#login-box, #validator-box {
	text-align: center;
}

#validator-box {
    display:inline;
    position:relative;
    bottom:110px;
}

.results, .search_results {
	background: #d3f1e3;
	border-style: solid;
	border-color: #257d89;
        border-radius:25px;
        border-width: 1px;
	padding:15px;
	margin-bottom:7px;
	height: auto;
        margin:15px;
}

.search_results {
    float:left;
    width: 300px;
    margin-right: 10px;


}

#stats {
	background: #ffffe0;
	border-style: solid;
	border-color: #ffcc66;
	padding:5px;
	margin-bottom:7px;
	margin-top:7px;
	height:auto;
	display:inline-block;
}

.stats-space {
	width: 100%;
	height:20px;
	float:left;
}

#spacejs {
	height: 10px;
}

.left {
	float: left;
	width:450px;
}

.leftr, .leftr-boxes {
    font-size:9pt;
    float:left;
    text-align: right;
    padding-right:10px;
    padding-top:5px;
}

.leftr {
        width:270px;
}

.leftr-boxes {
    width:550px;
}

.right {
	text-align: left;
        vertical-align:middle;
	color: #257d89;
        font-size:10pt;
        font-weight:bold;
        margin: 0 20px 0 280px;
}

.right .case-button {
    float:right;
    margin-right:100px;
}

.question {
	text-align: left;
	vertical-align: middle;
	color: rgb(37, 125, 137);
	font-size: 10pt;
	font-weight: bold;
	width: 700px;
	padding: 0 0 5px 15px;
}

.question p {
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	line-height:1;
	font-weight: normal;

}

.case-wide {
    float:left;
    width:100%;
    padding-top: 10px;
}

.blog-date {
	float: left;

    width: 10%;
    padding-left: 2%;
    text-align: right;
}

.bcase-wide {
    float: left;
    width: 100%;
    padding: 25px 0 0 0;
}

.case-wide .leftr, .bcase-wide .leftr {
  /*  text-align:left;*/
    width:150px;
}

.case-wide .right, .bcase-wide .right {
    margin:0;
}

.box1 .isection, .box2 .isection{
	float:left;
}

.rep-date {
    float:left;
    padding: 0 3%;
}

.rep-type {
    float:left;
    padding: 0 3%;
}

.rep-right {
    float:left;
    padding: 0 2%;
}

.case-bar, .case-line {
    width:95%;
    float:left;
    margin-left: 15px;
    border-bottom: 1px dotted #999;
	padding: 10px 0;
}

.case-bar {
    margin-top: 20px;
    color:white;
    border-radius: 12px;
    background:#999;
}

.case-l {
    width:50%;
    float:left;
    padding: 0 3%;
}

.case-m, .case-hist-date {
    float:left;
    padding: 0 3%;

}

.case-hist-date {
	    width:8%;
}

.case-m {
	    width:12%;
}

.case-hist-type {
    width:40%;
    float:left;
    padding: 0 3%; 
}

.case-hist-button {
    float: left;
    
}
.case-r {
    float:left;
    padding: 0 3%;
}

.case-ta {
    margin-top:20px;
    width: 500px;
/*    height: 25px; */
    margin-left:20px;
}

.rerror {
    float:left;
   /* height:40px;
    background:url('images/btn-red-cancel.png') no-repeat;*/
    text-align: left;
    background-color: #FFFFD5;
    border: 2px solid red;
    color: red;
    
}

#questions{
    text-indent: -20px;
}

#far-right {
	display:inline;
	height: auto;
	color:#777777;
	text-align:right;
}

.stats-title {
	font-size:12pt;
	font-weight:bold;
	float:left;
	width: 12%;
	text-align:left;
	margin-right:2px;
}
.column, .stats-header-col1, .stats-header-col0 {
	float:left;
	width: 6%;
	text-align: center;
	height:100%;
	margin-right:2px;
}

.stats-header-col0 {
	background: #cce3e5;
}

.stats-header-col1 {
	background: #ffeac1;
}

.row-hov:hover, .odd:hover, .even:hover {
	background: #d5eaf0;
}



.row, .row-hov, .stats-heading, .row_h2 {
	float:left;
	display:inline;
	width:100%;
}

.row {
    padding: 5px 0 0 10px;
}


.row, .row-hov, .stats-heading {
	height: auto;

}

#client-users, #oha-ohp-users {
	display:none;
}

.stats-row, .stats-row-small, stats-row-data {
	float: left;
	display:inline;
	width: 100%;
}

.stats-row {
	height: 50px; 
}

.stats-row-data {
	height: auto;
}

.stats-heading {
	font-size: 12pt;
	font-weight: bold;
}

.stats-heading h2 {
	font-size:9pt;
}
.row a, .row a:visited, .row-hov a, .row-hov a:visited {
	color: #F29800;
}

.col1, .col1b, .cl_name, .emp_name, .dob, #col_details, .col1_datetime,.nexttask {
    font-size:9pt;
    float:left;
    height:auto;
    display:block;
    margin-bottom:3px;
    overflow:hidden;
}

.hidden {
    display:none;
}

.dob {
    width:75px;
}

.nexttask {
    width:150px;
}
.col1 small, .col1b small, .cl_name small, .emp_name small, .col1_datetime small, .dob, .nexttask {
        color: #257d89;
}

.col1 {
	width:80px;
}

.col1b {
	width: 40px;
}

.col1_datetime {
    width: 100px;
}
.cl_name {
	width: 125px;
	text-align:left;
}

.emp_name {
	width: 160px;
	text-align:left;
}

#col_details {
	width: 50px;
}

.col {
	float:left;
	display:inline-block;
	margin-bottom:3px;
	padding: 0 10px 0 0px;
	text-align:left;
}

.col2 {
	color: #257d89;
	float:left;
	display:block;
	margin-bottom:3px;
	padding: 0 10px 0 10px;
	width: 100%;
	text-align:left;

}

.col3 {
	color: #F29800;
	float:left;
	display:block;
	margin-bottom:4px;
	width: 13%;
}

#infolist {
	margin-left:30px;
}

/* calendar */
#calendar_buttons {
    margin: 20px auto 5px auto;
    width: 400px;
}
table.calendar	{
    border-left:1px solid #999;
    width: 100%;
    cellpadding:0;
    cellspacing:0;
}
tr.calendar-row	{  }
td.calendar-day	{ min-height:80px; font-size:11px; position:relative; } * html div.calendar-day { height:80px; }
td.calendar-day:hover	{ background:#eceff5; }
td.calendar-day-np	{ background:#eee; min-height:80px; } * html div.calendar-day-np { height:80px; }
td.calendar-day-head { background:#ccc; font-weight:bold; text-align:center; width:120px; padding:5px; border-bottom:1px solid #999; border-top:1px solid #999; border-right:1px solid #999; }
div.day-number		{ background:#999; padding:5px; color:#fff; font-weight:bold; float:right; margin:-5px -5px 0 0; width:20px; text-align:center; }

/* shared */
td.calendar-day, td.calendar-day-np { width:120px; padding:5px; border-bottom:1px solid #999; border-right:1px solid #999; }





/* the div that holds the date picker calendar */
.dpDiv {
	}


/* the table (within the div) that holds the date picker calendar */
.dpTable {
	font-size: 12px;
	text-align: center;
	color: #505050;
	background-color: #ece9d8;
	border: 1px solid #AAAAAA;
	}


/* a table row that holds date numbers (either blank or 1-31) */
.dpTR {
	}


/* the top table row that holds the month, year, and forward/backward buttons */
.dpTitleTR {
	}


/* the second table row, that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTR {
	}


/* the bottom table row, that has the "This Month" and "Close" buttons */
.dpTodayButtonTR {
	}


/* a table cell that holds a date number (either blank or 1-31) */
.dpTD {
	border: 1px solid #ece9d8;
	}


/* a table cell that holds a highlighted day (usually either today's date or the current date field value) */
.dpDayHighlightTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	}


/* the date number table cell that the mouse pointer is currently over (you can use contrasting colors to make it apparent which cell is being hovered over) */
.dpTDHover {
	background-color: #aca998;
	border: 1px solid #888888;
	cursor: pointer;
	color: red;
	}


/* the table cell that holds the name of the month and the year */
.dpTitleTD {
	}


/* a table cell that holds one of the forward/backward buttons */
.dpButtonTD {
	}


/* the table cell that holds the "This Month" or "Close" button at the bottom */
.dpTodayButtonTD {
	}


/* a table cell that holds the names of days of the week (Mo, Tu, We, etc.) */
.dpDayTD {
	background-color: #CCCCCC;
	border: 1px solid #AAAAAA;
	color: white;
	}


/* additional style information for the text that indicates the month and year */
.dpTitleText {
	font-size: 12px;
	color: gray;
	font-weight: bold;
	}


/* additional style information for the cell that holds a highlighted day (usually either today's date or the current date field value) */ 
.dpDayHighlight {
	color: #4060ff;
	font-weight: bold;
	}


/* the forward/backward buttons at the top */
.dpButton {
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	padding: 0px;
	}


/* the "This Month" and "Close" buttons at the bottom */
.dpTodayButton {
	font-size: 10px;
	color: gray;
	background: #d8e8ff;
	font-weight: bold;
	}

/*/////////////
// Month Picker
//////////*/

#CalendarControlIFrame {
  display: none;
  left: 0px;
  position: absolute;
  top: 0px;
  height: 250px;
  width: 250px;
  z-index: 99;
}
#CalendarControl {
  position:absolute;
  background-color:#d1e3f9;
  margin:0;
  padding:0;
  display:none;
  z-index: 100;
  border-right:1px solid #999;
  border-bottom:1px solid #999;
}
#CalendarControl table {
  font-size: 8pt;
  border-top: 1px solid #999;
  border-left: 1px solid #999;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
}

#CalendarControl th {
  font-weight: normal;
}

#CalendarControl th a {
  font-weight: normal;
  text-decoration: none;
  color: #000;
  padding: 1px;
}

#CalendarControl td {
  text-align: center;
}

#CalendarControl .cal_header {
  background-color: #84a9d6;
  color:White;
  height:30px;
}

#CalendarControl .weekday {
  background-color: #d1e3f9;
  color: #000;
}

#CalendarControl .weekend {
  background-color: #f5f5e0;
  color: #000;
}

#CalendarControl .current {
  border: 1px solid #339;
  background-color: #336;
  color: #FFF;
}

#CalendarControl .weekday,
#CalendarControl .weekend,
#CalendarControl .current {
  display: block;
  text-decoration: none;
  border: 1px solid #FFF;
  width: 50px;
  padding:2px;
}

#CalendarControl .weekday:hover,
#CalendarControl .weekend:hover,
#CalendarControl .current:hover {
  color: #FFF;
  background-color: #336;
  border: 1px solid #999;
}

#CalendarControl .previous {
  text-align: left;
}

#CalendarControl .next {
  text-align: right;
}

#CalendarControl .previous,
#CalendarControl .next {
  padding: 1px 3px 1px 3px;
  font-size: 1.4em;
}

#CalendarControl .previous a,
#CalendarControl .next a {
  color:#F00;
  text-decoration: none;
  font-weight: bold;
  font-size:14px;
}

#CalendarControl .title {
  text-align: center;
  font-weight: bold;
  color: #fff;
  font-size:14px;
}
#CalendarControl .empty {
  background-color: #d1e3f9;
  border: 1px solid #FFF;
}
.CalenderButton
{
	margin-top:0px;
}

#letter-all {
	font-size: 12pt;
	float:left;
	width:595pt;
	margin-left: 20px;
	height: 100%;
}

#sidebar{
	float:left;
	width:10%;
	margin: 0 15px 0 15px;
	height: 765pt;
}

#letter{
	float: left;
	display:inline;
}

.letter-right {
	float:right;
	text-align: right;
	padding-top: 50px;
}

#letter-body {
	float: left;
	padding-top: 50px;
	display: inline;
	margin-left: 20px;
	width: 480pt;
}

#letter-logo {
	width: 250px;
	float: left;
}

.letter-footer, .letter-footer2 {
	float:left;
	font-size: 8pt;
	color: #222222;
	width: 300pt;
	position: absolute;
}

.letter-footer {
	left:150pt;
	top: 747pt;
}

.letter-footer2 {
	left: 150pt;
	top: 1515pt;
}

#letter-map {
	float: left;
	padding-top: 50px;
	margin-left: 20px;
	width: 480pt;
	text-align: center;
}


.page-break {
	display: block;
	page-break-before: always;
}



a.rollover_blue{
	background: url("images/trash_both.png"); 
    /* background: url("images/icons-red-red-32.png") -20px -220px; */
}

a.rollover_black {
	/* background: url("images/trash_both_black.png");*/
        background: url("images/icons-red-red-32.png") -20px -220px;
}

a.rollover_blue:hover {
    	background-position: -16px 0;
        /* background-position: -0px -220px; */
}

a.rollover_black:hover {
    	/*background-position: -16px 0;*/
        background-position: -0px -220px;
}

.displace {
	position: absolute;
	left: -5000px;
}

a.rollover_blue, a.rollover_black,
a.rollurep, a.rollaprov,  a.rolldrep,
  a.rollahist {
	float: left;
	display: block;
	width: 16px;
	height: 16px;
	text-decoration: none;
}

a.rollover_black {
    float:none;
    display: inline-block;

}

a.rollahist {
	background: url("images/icons-red-red-32.png") -20px -60px;
}
a.rollahist:hover {
	background-position: -0px -60px;
}

a.rollaprov {
	background: url("images/icons-red-red-32.png") -20px -140px;
}
a.rollaprov:hover {
	background-position: -0px -140px;
}

a.rollurep {
	background: url("images/icons-red-red-32.png") -20px -280px;
}

a.rollurep:hover {
	background-position: -0px -280px;
}



a.rolldrep {
	background: url("images/icons-red-red-32.png") -20px -260px;
}
a.rolldrep:hover {
	background-position: -0px -260px;
}


#tbooked_previous, #tpending_previous, #tdone_previous {
    margin-right: 20px;
}

#tbooked_filter, #tbooked_length,
#tpending_filter, #tpending_length,
#tdone_filter, #tdone_length {
    display:inline;
    float:right;
}

table.display thead th.sorting_asc {
    background: #bbbbbb url('images/sort_asc.png') no-repeat right center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
table.display thead th.sorting_desc {
    background: #bbbbbb url('images/sort_desc.png') no-repeat right center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}
 
table.display thead th.sorting {
    background: #bbbbbb url('images/sort_both.png') no-repeat right center;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

table.display {
    clear: both;
}
 
/* Self clearing - */
div.dataTables_wrapper:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
html[xmlns] .dataTables_wrapper { display: block; }
* html .dataTables_wrapper { height: 1%; }

/* table.display tbody td {
    background: #d5eaf0; 

}
         
table.display tbody tr.odd td {
    background: #bcd9e1;
} */

table.display {
    width: 100%;
    clear: both;
}
 
table.display td,
table.display th {
    padding: 5px;
}

.column-filter-widget { float:left; padding: 5px; }
.column-filter-widget select { display: block; }
.column-filter-widgets a.filter-term { display: block; text-decoration: none; padding-left: 10px; font-size: 90%; }
.column-filter-widgets a.filter-term:hover { text-decoration: line-through !important; }
.column-filter-widget-selected-terms { clear:left; }

#comment {
    width: 90%;
}

fieldset {
    border:none;
    display:inline;
}

label.error { 
    margin-left: 8px;
    background: url("/images/unchecked.gif") no-repeat left center transparent; 
    float: left;
    color: red;
    padding-left: 1.5em;
    vertical-align: center;
    height:16px;
}

label.checked {
    margin-left:8px;
    width: 30px;
    padding-left:20px;
    vertical-align: middle;
    background: url("/images/checked.gif") no-repeat scroll 0 0 transparent;
}

/* Start dataTables CSS from distribution*/

/*
 * Table
 */


table.dataTable {
	margin: 0 auto;
	clear: both;
	width: 100%;
}

table.dataTable thead th {
    padding: none !important;
    color: white;
    font-weight: normal !important;
    Font-size: 10pt;
    background-color: #bbbbbb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    text-align:left;
    border-bottom: none !important;
}

table.dataTable tfoot th {
	border-top: 1px solid black;
	font-weight: normal;
}

table.dataTable td {
    padding: 4px;
    background-color: white;
    border-bottom: 1px gray dotted;
    font-size:9pt;
    border-spacing:0;
}

table.dataTable td.center,
table.dataTable td.dataTables_empty {
	text-align: center;
}

table.dataTable tr.odd { background-color: #E2E4FF; }
table.dataTable tr.even { background-color: white; }

/* table.dataTable tr.odd td.sorting_1 { background-color: #D3D6FF; } */
table.dataTable tr.odd td.sorting_1 { background-color: #f1f1f1; width:248px; }
table.dataTable tr.odd td.sorting_2 { background-color: #DADCFF; }
table.dataTable tr.odd td.sorting_3 { background-color: #E0E2FF; }
/* table.dataTable tr.even td.sorting_1 { background-color: #EAEBFF; } */
table.dataTable tr.even td.sorting_1 { background-color: #dfeeec; }
table.dataTable tr.even td.sorting_2 { background-color: #F2F3FF; }
table.dataTable tr.even td.sorting_3 { background-color: #F9F9FF; }


/*
 * Table wrapper
 */
.dataTables_wrapper {
	position: relative;
	clear: both;
	zoom: 1;
}


/*
 * Page length menu
 */
.dataTables_length {
	float: left;
        padding:5px;
}


/*
 * Filter
 */
.dataTables_filter {
	float: right;
	text-align: right;
        padding:5px;
}


/*
 * Table information
 */
.dataTables_info {
	clear: both;
	float: left;
}


/*
 * Pagination
 */
.dataTables_paginate {
	float: right;
	text-align: right;
}

/* Two button pagination - previous / next */
.paginate_disabled_previous,
.paginate_enabled_previous,
.paginate_disabled_next,
.paginate_enabled_next {
	height: 19px;
	float: left;
	cursor: pointer;
	color: #111 !important;
}
.paginate_disabled_previous:hover,
.paginate_enabled_previous:hover,
.paginate_disabled_next:hover,
.paginate_enabled_next:hover {
	text-decoration: none !important;
}
.paginate_disabled_previous:active,
.paginate_enabled_previous:active,
.paginate_disabled_next:active,
.paginate_enabled_next:active {
	outline: none;
}

.paginate_disabled_previous,
.paginate_disabled_next {
	color: #666 !important;
}
.paginate_disabled_previous,
.paginate_enabled_previous {
	padding-left: 23px;
}
.paginate_disabled_next,
.paginate_enabled_next {
	padding-right: 23px;
	margin-left: 10px;
}

.paginate_enabled_previous { background: url('../images/back_enabled.png') no-repeat top left; }
.paginate_enabled_previous:hover { background: url('../images/back_enabled_hover.png') no-repeat top left; }
.paginate_disabled_previous { background: url('../images/back_disabled.png') no-repeat top left; }

.paginate_enabled_next { background: url('../images/forward_enabled.png') no-repeat top right; }
.paginate_enabled_next:hover { background: url('../images/forward_enabled_hover.png') no-repeat top right; }
.paginate_disabled_next { background: url('../images/forward_disabled.png') no-repeat top right; }

/* Full number pagination */
.paging_full_numbers {
	height: 22px;
	line-height: 22px;
}
.paging_full_numbers a:active {
	outline: none
}
.paging_full_numbers a:hover {
	text-decoration: none;
}

.paging_full_numbers a.paginate_button,
.paging_full_numbers a.paginate_active {
	border: 1px solid #aaa;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 2px 5px;
	margin: 0 3px;
	cursor: pointer;
	color: #333 !important;
}

.paging_full_numbers a.paginate_button {
	background-color: #ddd;
}

.paging_full_numbers a.paginate_button:hover {
	background-color: #ccc;
	text-decoration: none !important;
}

.paging_full_numbers a.paginate_active {
	background-color: #99B3FF;
}


/*
 * Processing indicator
 */
.dataTables_processing {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 250px;
	height: 30px;
	margin-left: -125px;
	margin-top: -15px;
	padding: 14px 0 2px 0;
	border: 1px solid #ddd;
	text-align: center;
	color: #999;
	font-size: 14px;
	background-color: white;
}


/*
 * Sorting
 */
.sorting { background: url('../images/sort_both.png') no-repeat center right; }
.sorting_asc { background: url('../images/sort_asc.png') no-repeat center right; }
.sorting_desc { background: url('../images/sort_desc.png') no-repeat center right; }

.sorting_asc_disabled { background: url('../images/sort_asc_disabled.png') no-repeat center right; }
.sorting_desc_disabled { background: url('../images/sort_desc_disabled.png') no-repeat center right; }
 
table.dataTable thead th:active,
table.dataTable thead td:active {
	outline: none;
}

.sorting_disabled {
background-color: #bbbbbb;
-webkit-border-radius: 10px;
border-radius: 10px;
}

/*
 * Scrolling
 */
.dataTables_scroll {
	clear: both;
}

.dataTables_scrollBody {
	margin-top: -1px;
	-webkit-overflow-scrolling: touch;
}

#other_reasonsjs {
    display:hidden;
}

/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 65px; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; }
.ui-timepicker-rtl dl dd { margin: 0 65px 10px 10px; }

/* end of timepicker css */

/* datepicker colors... */
.ui-widget-header {
	background: #55c491 !important;
	border: 1px solid #55c491 !important;
}


/* Table due, overall, all menus */
.table-menu {
    width:100%;
    height:25px;
    padding-left:10px;
    color: white;
    background: #79cfd1;
}

.pr-menu  {
    width:300px;
    cursor:pointer;
}

.res-menu {
	cursor:pointer;
}

.task, .under, .resource {
    background: none;
    float:left !important;
    text-align:center;
}

.task {
    padding-top:5px;
    line-height:1;
    width:90px;
}

.resource {
	padding-top:5px;
    line-height:1;
    width:180px;
}

.under {
    height:20px;
    width:90px;
    
}

.under-bar {
	float:left;
    height:20px;
    width:900px;
    
}

.res-under {
    height:20px;
    width:180px;
    float:left;
    
}

.centeredi {
	margin: 10px auto 0 auto;
	width:330px;
	text-align:right;
}

#welcomeTable thead th {
    padding: 3px 5px;
    color: white;
    Font-weight: normal;
    Font-size: 10pt;
    background-color: #bbbbbb;
    -webkit-border-radius: 10px;
    border-radius: 10px;
    cursor: pointer;
    text-align:center;
}

.wlink {
	height:30px;
	margin-top:5px;
	text-align: right;
	padding-right: 5px;
}
#wlights{
	float:left;
	width:26px;
	margin-top:30px;
	padding-right: 5px;
}

#redlight,#ylwlight,#grnlight {
	float:left;
	width: 26px;
	height:26px;
}

#redlight {
	background: url("images/lights-red.png");

}

#ylwlight {
	background: url("images/lights-ylw.png");
	margin-top:9px;
}

#grnlight {
	background: url("images/lights-grn.png");
	margin-top:9px;
}

#welcomeTable {
	text-align: center;
}

#welcomeTable tr td {
	padding-top: 9px;
	padding-bottom:7px;
}

#welcomeTable thead {
	margin-bottom:10px;
}

#welcome h3 {
	color:#257d89;
	height:65px;
}

#wright h3 {
	height:30px;
}

#wleft, #wleft1,#wleft2,#wright {
	float:left;
	width: 50%;
}

#wleft1{
	padding-left: 10%;
	width:23%;
}
#wleft2 {
	margin-top:50px;
}

.mb-date {
	float:left;
	width:100%;
	color:#257d89;
	font-size: 8pt;
}

#messageb {
    background: white;
    border: 1px solid #999999;
    border-radius: 10px 10px 10px 10px;
    padding: 2px 5px;
    font-family: arial;
    font-size: 10pt;
    float:left;
    height:auto;
    width:100%;
    overflow:hidden;
}

.mb-message {
	float:left;
	width:100%;
	margin-bottom:5px;
}

.message-ta {
	margin-top:20px;
	width:100%;
	float:left;
}
/* Roggie's modal upload */
    fieldset { padding:0; border:0; margin-top:25px; }
    h1 { font-size: 1.2em; margin: .6em 0; }
    div#users-contain { width: 350px; margin: 20px 0; }
    div#users-contain table { margin: 1em 0; border-collapse: collapse; width: 100%; }
    div#users-contain table td, div#users-contain table th { border: 1px solid #eee; padding: .6em 10px; text-align: left; }
    .ui-dialog .ui-state-error { padding: .3em; }
    .validateTips { border: 1px solid transparent; padding: 0.3em; }
/* end of Roggie's modal upload */

/* for Javascript Roggie timeout warnings */
.timeerror,.warn {
	line-height:30px;
	width:950px;
	float:left;
	clear:both;
	text-align:center;
	margin: 15px 0 0 15px;
	border-radius:15px;
	border: 5px solid; 
	padding-bottom:5px;
}
.timeerror img,.warn img{vertical-align:-4px;padding: 1px 20px 1px 5px; }
.timeerror{background-color:#FCC;border-color:#FCC}
.warn{background-color:#FFC;border-color:#FFC}

/* For Jurji timeout warning */
#timeout-popup {
	padding: 20px;
	background: #ffffff;
	border: 3px solid #79cfd1;
	border-radius: 5px;
	font: 15px/20px arial, sans-serif;
	text-align: left;
	color: #000000;
}
#timeout-popup button {
	height: 25px;
	margin: 20px 0 0 0;
	padding: 0 30px;
	border: 1px groove #000;
	background: transparent;
	border-radius: 3px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
}

/* Changes for V2 PPQ */
#medicalhistoryjs .row {
    margin: 10px 0;
}

#medicalhistoryjs .leftr {
    width: 350px;
    text-align: left;
    padding-right: 0;
}

#TextBoxesGroupjs .leftr, #PhyCondjs .leftr, #MentCondjs .leftr, #AlcCondjs .leftr, #DriCondjs .leftr, #DisCondjs .leftr {
    width: 65px;
}

#TextBoxesGroupjs .right, #PhyCondjs .right, #MentCondjs .right, #AlcCondjs .right, #DriCondjs .right, #DisCondjs .right, #dnvinf_detailjs .right {
    margin: 0 65px;
	font-weight: normal;
}

#TextBoxesGroupjs input[type="number"] {
    width: 50px;
}


#dnvinf_detailjs .leftr {
    padding-top: 0;
	width: 100px;
}

#DisAdjcjs .leftr {
    width: 350px;
    text-align: left;
    padding-right: 0;
}

/* Checkbox for jquery validation */
fieldset#chkbs label.error, fieldset#discondaFS label.error {
display: none !important;
}
fieldset#chkbs.error, fieldset#discondaFS.error {
border: 1px solid #F00;
}
fieldset#chkbs.error:before, fieldset#discondaFS.error:before {
/* content: 'Please pick one or more tickboxes'; */
color: #F00;
font-weight: bold;
}

.ppq-checkbox, .ppq-radio {
	margin: 5px 10px 5px 60px;
}

/* Radio JQ error styling */
fieldset#chkrs label.error, fieldset#PhyCondaFS label.error, fieldset#MentCondaFS label.error,
fieldset#AlcCondaFS label.error,
fieldset#chkbFS1 label.error, fieldset#chkbFS2 label.error, fieldset#chkbFS3 label.error, fieldset#chkbFS4 label.error, fieldset#chkbFS5 label.error  {
display: none !important;
}

fieldset#chkrs.error, fieldset#PhyCondaFS.error, fieldset#MentCondaFS.error,
fieldset#AlcCondaFS.error,
fieldset#chkbFS1.error, fieldset#chkbFS2.error, fieldset#chkbFS3.error, fieldset#chkbFS4.error, fieldset#chkbFS5.error {
	padding:5px;
	border: 1px solid #F00;
}

fieldset#chkrs.error:before, fieldset#PhyCondaFS.error:before, fieldset#MentCondaFS.error:before,
fieldset#AlcCondaFS.error:before,
fieldset#chkbFS1.error:before, fieldset#chkbFS2.error:before, fieldset#chkbFS3.error:before, fieldset#chkbFS4.error:before, fieldset#chkbFS5.error:before {
/* content: 'Please pick one or more tickboxes'; */
color: #F00;
font-weight: bold;
}



#search-loading {
	animation: 2s linear 0s normal none infinite running spinner;
	display: inline-block;
	height:40px;
	left:0;
	margin:auto;
	position:absolute;
	right: 0;
	top:140px;
	width:40px;
	z-index: 1;
	background: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE4LjEuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiCgkgdmlld0JveD0iMCAwIDQwIDQwIiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCA0MCA0MCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxnIGlkPSJQaW5rIj4KPC9nPgo8ZyBpZD0iTGF5ZXJfMyI+Cgk8Zz4KCQk8cGF0aCBmaWxsPSIjNUJCQzJFIiBkPSJNMTMuNyw5LjljLTAuMywwLTAuNS0wLjEtMC42LTAuNEw5LjcsMy43Yy0wLjItMC4zLTAuMS0wLjgsMC4zLTFjMC4zLTAuMiwwLjgtMC4xLDEsMC4zbDMuNCw1LjgKCQkJYzAuMiwwLjMsMC4xLDAuOC0wLjMsMUMxNCw5LjgsMTMuOSw5LjksMTMuNyw5Ljl6Ii8+CgkJPHBhdGggZmlsbD0iIzAwODMyOSIgZD0iTTI5LjYsMzcuNGMtMC4zLDAtMC41LTAuMS0wLjYtMC40bC0zLjQtNS44Yy0wLjItMC4zLTAuMS0wLjgsMC4zLTFjMC4zLTAuMiwwLjgtMC4xLDEsMC4zbDMuNCw1LjgKCQkJYzAuMiwwLjMsMC4xLDAuOC0wLjMsMUMyOS45LDM3LjQsMjkuOCwzNy40LDI5LjYsMzcuNHoiLz4KCQk8cGF0aCBmaWxsPSIjNUJCQzJFIiBkPSJNMjAsOC4yYy0wLjQsMC0wLjctMC4zLTAuNy0wLjdWMC43QzE5LjMsMC4zLDE5LjYsMCwyMCwwczAuNywwLjMsMC43LDAuN3Y2LjdDMjAuNyw3LjksMjAuNCw4LjIsMjAsOC4yeiIKCQkJLz4KCQk8cGF0aCBmaWxsPSIjMDA4MzI5IiBkPSJNMjAsNDBjLTAuNCwwLTAuNy0wLjMtMC43LTAuN3YtNi43YzAtMC40LDAuMy0wLjcsMC43LTAuN3MwLjcsMC4zLDAuNywwLjd2Ni43QzIwLjcsMzkuNywyMC40LDQwLDIwLDQweiIKCQkJLz4KCQk8cGF0aCBmaWxsPSIjMDA4MzI5IiBkPSJNMjYuMyw5LjljLTAuMSwwLTAuMiwwLTAuNC0wLjFjLTAuMy0wLjItMC41LTAuNi0wLjMtMUwyOSwyLjljMC4yLTAuMywwLjYtMC41LDEtMC4zCgkJCWMwLjMsMC4yLDAuNSwwLjYsMC4zLDFsLTMuNCw1LjhDMjYuOCw5LjcsMjYuNSw5LjksMjYuMyw5Ljl6Ii8+CgkJPHBhdGggZmlsbD0iI0IwRTY1MCIgZD0iTTEwLjQsMzcuNGMtMC4xLDAtMC4yLDAtMC40LTAuMWMtMC4zLTAuMi0wLjUtMC42LTAuMy0xbDMuNC01LjhjMC4yLTAuMywwLjYtMC41LDEtMC4zCgkJCWMwLjMsMC4yLDAuNSwwLjYsMC4zLDFMMTEsMzcuMUMxMC45LDM3LjMsMTAuNiwzNy40LDEwLjQsMzcuNHoiLz4KCQk8cGF0aCBmaWxsPSIjMDA4MzI5IiBkPSJNMzAuOSwxNC41Yy0wLjMsMC0wLjUtMC4xLTAuNi0wLjRjLTAuMi0wLjMtMC4xLTAuOCwwLjMtMWw1LjgtMy40YzAuMy0wLjIsMC44LTAuMSwxLDAuMwoJCQljMC4yLDAuMywwLjEsMC44LTAuMywxbC01LjgsMy40QzMxLjEsMTQuNCwzMSwxNC41LDMwLjksMTQuNXoiLz4KCQk8cGF0aCBmaWxsPSIjQjBFNjUwIiBkPSJNMy4zLDMwLjRjLTAuMywwLTAuNS0wLjEtMC42LTAuNGMtMC4yLTAuMy0wLjEtMC44LDAuMy0xbDUuOC0zLjRjMC4zLTAuMiwwLjgtMC4xLDEsMC4zCgkJCWMwLjIsMC4zLDAuMSwwLjgtMC4zLDFsLTUuOCwzLjRDMy42LDMwLjMsMy40LDMwLjQsMy4zLDMwLjR6Ii8+CgkJPHBhdGggZmlsbD0iIzAwODMyOSIgZD0iTTM5LjMsMjAuN2gtNi43Yy0wLjQsMC0wLjctMC4zLTAuNy0wLjdzMC4zLTAuNywwLjctMC43aDYuN2MwLjQsMCwwLjcsMC4zLDAuNywwLjdTMzkuNywyMC43LDM5LjMsMjAuN3oiCgkJCS8+CgkJPHBhdGggZmlsbD0iI0IwRTY1MCIgZD0iTTcuNSwyMC43SDAuN0MwLjMsMjAuNywwLDIwLjQsMCwyMHMwLjMtMC43LDAuNy0wLjdoNi43YzAuNCwwLDAuNywwLjMsMC43LDAuN1M3LjksMjAuNyw3LjUsMjAuN3oiLz4KCQk8cGF0aCBmaWxsPSIjMDA4MzI5IiBkPSJNMzYuNywzMC40Yy0wLjEsMC0wLjIsMC0wLjQtMC4xbC01LjgtMy40Yy0wLjMtMC4yLTAuNS0wLjYtMC4zLTFjMC4yLTAuMywwLjYtMC41LDEtMC4zbDUuOCwzLjQKCQkJYzAuMywwLjIsMC41LDAuNiwwLjMsMUMzNy4yLDMwLjIsMzYuOSwzMC40LDM2LjcsMzAuNHoiLz4KCQk8cGF0aCBmaWxsPSIjNUJCQzJFIiBkPSJNOS4xLDE0LjVjLTAuMSwwLTAuMiwwLTAuNC0wLjFMMi45LDExYy0wLjMtMC4yLTAuNS0wLjYtMC4zLTFjMC4yLTAuMywwLjYtMC41LDEtMC4zbDUuOCwzLjQKCQkJYzAuMywwLjIsMC41LDAuNiwwLjMsMUM5LjYsMTQuMyw5LjQsMTQuNSw5LjEsMTQuNXoiLz4KCTwvZz4KPC9nPgo8L3N2Zz4K");
	
}

.defaultsink {
    position: absolute; left: -100%;
}


#TextBoxesGroupjs input{
    margin: 0 5px;
}
 
#TextBoxesGroupjs fieldset{
    margin: 0 15px 25px;
}