BODY {
font-family:Arial;
font-weight: 500;
font-style:normal;
color:#696161;
font-size: 100%;
}

.caro_fp1{
  margin:10px;
  padding-bottom:20px;
   text-shadow:  2px 2px 3px #808080;
   font-weight:normal;
   font-size:26px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
}


.caro_sform1{
   font-weight:500;
   font-size:15px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
}

.caro_sform2{
   font-weight:500;
   font-size:12px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
}

.caro_sform3{
   font-weight:600;
   font-size:14px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
background-color:#ffffff;
}

.caro_sform3a{
   font-weight:600;
   font-size:14px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
background-color:#ece8e9;
}

.caro_sform2 A:link{
    color:#696161;
   text-decoration:none;
   font-style:italic;
}
.caro_sform2 A:active{
    color:#696161;
   text-decoration:none;
   font-style:italic;
}

.caro_sform2 A:visited{
    color:#696161;
   text-decoration:none;
   font-style:italic;
}

.caro_sform2 A:hover{
    color:#696161;
   text-decoration:none;
   font-style:italic;
}


 .caro_sform2a{
font-weight:500;
font-size:12px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
background-color:#ece8e9;
}

 .caro_sform2a A:link {
   color:#696161;
   text-decoration:none;
   font-style:italic;
 }
  .caro_sform2a A:visited {
   color:#696161;
   text-decoration:none;
   font-style:italic;
 }
  .caro_sform2a A:hover {
   color:#696161;
   text-decoration:none;
   font-style:italic;
 }

  .caro_sform2a A:active{
   color:#696161;
   text-decoration:none;
   font-style:italic;
 }


.caro_sform3{
padding-bottom:10px;
}
.caro_sform1h2{
   font-weight:700;
   font-size:19px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
padding-top:10px;
padding-bottom:10px;
}
.caro_sform1h4{
   font-weight:600;
   font-size:16px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
padding-top:5px;
padding-bottom:5px;
}

.caro_sform1h2ul{
   font-weight:700;
   font-size:19px;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
padding-top:10px;
padding-bottom:10px;
border-bottom-style:solid;
border-bottom-width:1px;
border-bottom-color:#696161;
}

.caro_tr1 {
 background-color:#f0eeee;
}
.ui-autocomplete{
  max-height: 300px;
  overflow-y:auto;
}

.hand{
  cursor:pointer;
}

.wdtc{
  text-align:left;
  vertical-align:top;
  margin-top:10px;
  padding-left:10px;
  padding-right:10px;
}


TABLE{
  border-collapse: collapse;
}

TD{
  padding:8px;
}
.tal{
  text-align:left;
}
.tar{
  text-align:right;
}
.tac{
  text-align:center;
}

.vm{
  vertical-align: middle;
  margin-left:2px;
  margin-right:5px;
}

.vt{
  vertical-align: top;
}

#navbar{
 margin:auto;
}


.message{
margin-left:auto;
margin-right:auto;
width:auto;
text-align:center;
font-weight:700;
font-size:120%;
font-family: Arial,Helvetica, sans-serif;
color:#ff0000;
padding-bottom:10px;
}

.warning1{
margin:auto;
width:auto;
font-weight:700;
font-size:14px;
font-family: Arial,Helvetica, sans-serif;
color:#ff0000;
}

.ac{
margin-left:auto;
margin-right:auto;
}
.display1{
display:block;
margin-left:auto;
margin-right:auto;
}
.display2{
display:inline-block;
width:25px;
height:auto;
padding-top:10px;
}
.display3{
display:inline-block;
width:25px;
height:auto;
padding-top:3px;
}

input[type="submit"]{
margin-left:auto;
margin-right:auto;
}

#user{
position:absolute;
top:10px;
padding:7px;
border-style: solid;
  border-color: #8A8B8A #8A8B8A #4C4C4D #8A8B8A;
  border-width: 1px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: transparent;
  box-shadow: 0 0 5px 0 #FFFFFF inset;
  background-image: url('caromenuimages/wrapper_bg.png');
  background-repeat: repeat-x;
  background: -moz-linear-gradient(top, #F0F0F1 0%, #E4E4E4 47%, #D4D4D4 50%, #FEFEFF 100%);
  background: -webkit-linear-gradient(top, #F0F0F1 0%, #E4E4E4 47%, #D4D4D4 50%, #FEFEFF 100%);
  background: -ms-linear-gradient(top, #F0F0F1 0%, #E4E4E4 47%, #D4D4D4 50%, #FEFEFF 100%);
  background: linear-gradient(top, #F0F0F1 0%, #E4E4E4 47%, #D4D4D4 50%, #FEFEFF 100%);
}

.italic{
 font-style:italic;
}
.hidden{
  display:none;
}
.di{
  display:inline;
}
.mr20{
  margin-right:20px;
}
.bold{
  font-weight:700;
}
.mb50{
  margin-bottom: 50px;
}
.fr{
  float:right;
}
.fl{
  float:left;
}

.grplist{
  margin-top:30px;
  padding:10px;
 width:25%;
  max-width:350px;
  min-height:500px;
border-style: solid;
  border-color: #8A8B8A #8A8B8A #4C4C4D #8A8B8A;
  border-width: 2px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: transparent;
  box-shadow: 0 0 5px 0 #FFFFFF inset;
}

#leftcol2{
 margin-top:30px;
  padding:10px;
  width:65%;
  max-width:650px;
  max-height:500px;
  overflow:scroll;
border-style: solid;
  border-color: #8A8B8A #8A8B8A #4C4C4D #8A8B8A;
  border-width: 2px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: transparent;
  box-shadow: 0 0 5px 0 #FFFFFF inset;
}

.wklist{
   margin-top:30px;
  padding:10px;
  width:75%;
  max-width:850px;
  height:500px;
  overflow:scroll;
border-style: solid;
  border-color: #8A8B8A #8A8B8A #4C4C4D #8A8B8A;
  border-width: 2px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: transparent;
  box-shadow: 0 0 5px 0 #FFFFFF inset;
  -webkit-column-count:3; /* Chrome, Safari, Opera */
-moz-column-count:3; /* Firefox */
column-count:3;
-webkit-column-gap:10px; /* Chrome, Safari, Opera */
-moz-column-gap:10px; /* Firefox */
column-gap:10px;
-webkit-column-rule:1px outset #204e2c; /* Chrome, Safari, Opera */
-moz-column-rule:1px outset #204e2c; /* Firefox */
column-rule:1px outset #204e2c;
column-fill:auto;
}
.wkgrp{
  font-size: 70%;
  text-align:left;
  margin:2px;
}
.cginfo{
  background-color:#f2f2f2;
  font-size: 70%;
  text-align:left;
  margin:2px;
  padding:5px;
  width:250px;
  }
.wkheader{
  border-style: solid;
  border-color: #808080;
  border-width: 1px;
  border-radius: 5px;
  -moz-border-radius: 5px;
font-size:90%;
text-align:left;
padding:5px;
margin:5px;
}

H3{
  font-size:120%;
}
.plus{
font-size:110%;
font-weight:700;
vertical-align:middle;
margin-right:10px;
width:20px;
height:20px;
}
.plusgrp{
font-size:90%;
font-weight:500;
vertical-align:middle;
margin-right:10px;
}
.remove{
font-size:70%;
font-weight:500;
text-align:right;
font-style:italic;
display:inline;
}
.item{
  background-color:#e8e8e8;
}
.item2{
  background-color:#ffffff;
}

#ncg{
border-style: solid;
border-color: #808080;
border-width: 3px;
border-radius: 5px;
 -moz-border-radius: 5px;
font-size:90%;
text-align:left;
padding:5px;
margin-bottom:35px;
margin-top:10px;
padding:10px;
min-height: 250px;
max-width:285px;
overflow:scroll;
}
#rtcol{
  z-index:-1;
  height:500px;
  overflow:scroll;
}
#leftcol{
 height:500px;
}
/*.noevents{
  pointer-events:none;
}
*/
.grpitem{
  max-width:250px;
  font-size:80%;
  margin:5px;
}
.grpitem2{
  max-width:250px;
  font-size:65%;
  margin:5px;
}
.grp{
  background-color:#e8e8e8;
  max-width:250px;
  font-size:75%;
  margin:5px;
}
#trash{
height:70px;
padding-top:10px;
background-image:url("icons/trash2.png");
background-repeat:no-repeat;
margin-top:0px;
}
.font75{
  font-size:80%;
}
.cgrp{
  margin-right:20px;
background-repeat:no-repeat;
background-position:right center;
}
.ml30{
  margin-left:30px;
}
.ml50{
  margin-left:50px;
}
#done{
  margin-top:5px;
}
.dg{
background-image:url("icons/trash3.png");
background-repeat:no-repeat;
background-position:right center;
width:20px;
height:20px;
}

.pad10{
  padding:10px;
}
.select1{
background: #58B14C url("http://i62.tinypic.com/15xvbd5.png") no-repeat scroll 319px center;
}
#containerdiv{
  margin:auto;
  width:1200px;
}
.padl10{
  padding-left:10px;
  padding-bottom:5px;
  margin-left:5px;
}
.wide{
  width:1200px;
  margin-left:auto;
  margin-right:auto;
}
.font85{
  font-size:85%;
}
.grpheader{
color:#696161;
 background-color:#ece8e9;
 font-weight:700;
 font-size:110%;
 padding:7px;
}
.wkheader TD{
 color:#ffffff;
 background-color:#666666;
 padding:5px;
 font-weight:700;
 font-size:100%;
}
.mainheader{
 font-weight:700;
 font-size:120%;
font-family: Arial,Helvetica, sans-serif;
color:#696161;
padding:7px;
}
.hide{

}
.more{
  font-style:italic;
}
.logbox{
  width:400px;

}
.newheader{
  font-family: Georgia;
  font-size:150%;
  font-weight:600;
}
.clientbox{
  padding:20px;
border-style: solid;
  border-color: #8A8B8A #8A8B8A #4C4C4D #8A8B8A;
  border-width: 2px;
  border-radius: 7px;
  -moz-border-radius: 7px;
  background-color: transparent;
  box-shadow: 0 0 5px 0 #FFFFFF inset;
}

#resultsdiv{

}
.input1{
  color:#c0c0c0;
  font-size:85%;
  font-style:italic;
}
.clientheader{
 background-image: url('icons/mtec_logo_clientheader2.jpg');
 background-repeat: no-repeat;
 background-position:left top;
 padding-left:180px;
 min-height:70px;
 margin-left:auto;
 margin-right:auto;
 margin-bottom:20px;
 width:1000px;
 border-bottom-style:solid;
 border-bottom-color:#000000;
 border-bottom-width: 1px;
}
.extralist{
  background-color: #caf0fe;
}
#instructions{
  border-color: #000000;
  border-style:solid;
  border-width:1px;
  padding:10px;
}
.grpblock{
  width:1220px;
  border-style:solid;
  border-color:#000000;
  border-width:2px;
  padding:5px;
  background-color:#caf0fe;
  margin-left:auto;
  margin-right:auto;
 }
 .grpblock{
  width:1220px;
  border-style:solid;
  border-color:#000000;
  border-width:2px;
  padding:5px;
  background-color:#caf0fe;
  margin-left:auto;
  margin-right:auto;
 }
 .grpblock2{
  width:1220px;
  border-style:solid;
  border-color:#000000;
  border-width:2px;
  padding:5px;
  background-color:#facbae;
  margin-left:auto;
  margin-right:auto;
 }
 .grpblock3{
  width:1220px;
  border-style:solid;
  border-color:#000000;
  border-width:2px;
  padding:5px;
  background-color:#ebfacc;
  margin-left:auto;
  margin-right:auto;
 }
.mcawhite{
  color:#ffffff;
  font-weight:600;
   font-size:14px;
font-family: Arial,Helvetica, sans-serif;
}
#mcalogout{
  position:relative;
  top:-120px;
  left:-50px;
}
#navbar_container{
  width:100%;
  margin-left:auto;
  margin-right:auto;
  background-color: #000000;
}
#abnav2015{
  width:100%;
  min-width:1380px;
  margin-left:auto;
  margin-right:auto;
  height:auto;
  background-color: #000000;
  font-family:Georgia;
  color:#ffffff;
  text-align:left;
 }
 .font300{
   font-size:300%;
 }
  .font150{
   font-size:150%;
 }

.mr100{
  margin-right:100px;
}
.pr100{
  padding-right:100px;
}

.dib{
  display:inline-block;
}
.plistdd{
font-family:Arial, Helvetica;
font-size:90%;
}
.mt10{
  margin-top :10px;
}
.pb10{
  padding-bottom:10px;
}
.pb20{
  padding-bottom:20px;
}
.topbar{
  font-family:Arial;
  font-size:90%;
  font-weight:700;
}
#help{
  background-image: url("icons/help.png") ;
  background-repeat:no-repeat;
  background-position:left top;
  min-height:50px;
  width:auto;
  vertical-align:middle;
  padding-top:5px;
}
#exit{
  background-image: url("icons/exit.png") ;
  background-repeat:no-repeat;
  background-position:left top;
    min-height:50px;
  width:auto;
  vertical-align:middle;
  padding-top:5px;
}
#help2{
  background-image: url("icons/help.png") ;
  background-repeat:no-repeat;
  background-position:left top;
  min-height:50px;
  width:auto;
  vertical-align:middle;
  padding-top:5px;
}
#exit2{
  background-image: url("icons/exit.png") ;
  background-repeat:no-repeat;
  background-position:left top;
    min-height:50px;
  width:auto;
  vertical-align:middle;
  padding-top:5px;
}
.ml40{
  margin-left: 40px;
}
.ml100{
  margin-left:100px;
}
input[type=text]::-ms-clear {
 display:none;
 }
 .footer15{
  width:100%;
  min-width:1380px;
  margin-left:auto;
  margin-right:auto;
  height:auto;
  background-color: #000000;
  font-family:Georgia;
  color:#ffffff;
  text-align:center;
  font-size: 125%;
  padding:15px;
 }
 .greenbg{
   background-color:#3e9d03;
 }
.redbg{
  background-color:#e5480b;
}
.orangebg{
  background-color: #f07e32;
}
.legend{
  height:30px;
 min-width:60px;
  color:white;
}
.wt500{
  font-weight: 500;
}
.sop{
 padding:10px;
 background-color:#ece8e9;
}
.highlighted{
   background-color:#ffff00;  
}
.nd{
  display:none;
}