html, body, p, h1, h2, h3, h4, h5, h6, ul, li, ol, dl, form, br, hr, a, span, div {
    margin: 0;
    padding: 0;
}


body {
  font:13px Tahoma, Arial, Verdana, sans-serif;
 /* background:url('../images/sc-bg-pat.png') center top repeat scroll #fff; */
  background: #E7E7E9; /* Old browsers */
  margin:0;
  padding:0; /*padding:0 10px;*/
  color:#404040;
}

ul, ol, dl {
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 20px;
}

h1, h2, h3, h4, h5, h6, p {
  margin-top:0;
  padding-right:15px;
  padding-left:15px;
}

img {
  border:0;
  vertical-align:middle;
}

a {
  color:#1d96bc;
  text-decoration:none;
}

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


hr.line {
  clear:both;
  float:left;
  width:100%;
  height:1px;
  border:none;
  background-color:#ccc;
  padding:0;
  margin:5px 0;
}
button.done {
 text-decoration:none;
 text-align:center;
 padding:6px 15px;
 border:solid 1px #527200;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius: 5px;
 font:14px Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#ffffff;
 background-color:#94c73b;
 background-image: -moz-linear-gradient(top, #94c73b 0%, #41a519 100%);
 background-image: -webkit-linear-gradient(top, #94c73b 0%, #41a519 100%);
 background-image: -o-linear-gradient(top, #94c73b 0%, #41a519 100%);
 background-image: -ms-linear-gradient(top, #94c73b 0% ,#41a519 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#41a519', endColorstr='#41a519',GradientType=0 );
 background-image: linear-gradient(top, #94c73b 0% ,#41a519 100%);
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
 height:auto;
}

button.done:hover  {
 padding:6px 15px;
 border:solid 1px #527200;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius: 5px;
 font:14px Arial, Helvetica, sans-serif;
 font-weight:bold;
 color:#ffffff;
 background-color:#41a519;
 background-image: -moz-linear-gradient(top, #41a519 0%, #94c73b 100%);
 background-image: -webkit-linear-gradient(top, #41a519 0%, #94c73b 100%);
 background-image: -o-linear-gradient(top, #41a519 0%, #94c73b 100%);
 background-image: -ms-linear-gradient(top, #41a519 0% ,#94c73b 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#94c73b', endColorstr='#94c73b',GradientType=0 );
 background-image: linear-gradient(top, #41a519 0% ,#94c73b 100%);
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;
 box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
}
button:hover {
    opacity: 0.7;
}

input[type="button"] {
text-decoration:none;
text-align:center;
 padding:5px 15px;
 border:solid 1px #346e8f;
 white-space:nowrap;
  outline:none;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 border-radius: 5px;
 font:13px Tahoma, Arial, Verdana, sans-serif;
 font-weight:bold;
 color:#ffffff;
 background-color:#5898b0;
 background-image: -moz-linear-gradient(top, #5898b0 0%, #294752 100%);
 background-image: -webkit-linear-gradient(top, #5898b0 0%, #294752 100%);
 background-image: -o-linear-gradient(top, #5898b0 0%, #294752 100%);
 background-image: -ms-linear-gradient(top, #5898b0 0% ,#294752 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#294752', endColorstr='#294752',GradientType=0 );
 background-image: linear-gradient(top, #5898b0 0% ,#294752 100%);
 -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #b7dde8;
 -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #b7dde8;
 box-shadow: inset 0px 0px 1px #b7dde8;
 cursor:pointer;

 text-shadow: 0px 1px 0px #000000;
 filter: dropshadow(color=#000000, offx=0, offy=1);
}


input[type="button"]:hover {
  background-color:#294752;
 background-image: -moz-linear-gradient(top, #294752 0%, #5898b0 100%);
 background-image: -webkit-linear-gradient(top, #294752 0%, #5898b0 100%);
 background-image: -o-linear-gradient(top, #294752 0%, #5898b0 100%);
 background-image: -ms-linear-gradient(top, #294752 0% ,#5898b0 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5898b0', endColorstr='#5898b0',GradientType=0 );
 background-image: linear-gradient(top, #294752 0% ,#5898b0 100%);
}

.action input[type="button"] {
  padding:5px 15px;
  margin:10px 2px;
  font:bold 13px Tahoma, Arial, Verdana, sans-serif;
  text-align:center;
  vertical-align:middle;
  white-space:nowrap;
  outline:none;
  color:#333;/*333*/
  border:1px solid #944246; /*252525*/
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
   background-color: #eeeeee;
   background-image:  -moz-linear-gradient(top , #EEEEEE, #CCCCCC);
   background-image: -webkit-linear-gradient(top, #EEEEEE, #CCCCCC);
   background-image: -o-linear-gradient(top, #EEEEEE, #CCCCCC);
   background-image: -ms-linear-gradient(top, #EEEEEE, #CCCCCC);
   border-color: #CCCCCC #CCCCCC #BBBBBB;
  /*background:url('../images/but-grayBG.png') repeat-x scroll;*/
   text-shadow: 0 1px 0 #EEEEEE;
}

.action input[type="button"]:hover {
    background-color: #eeeeee;
    background-image: -moz-linear-gradient(top , #dddddd, #bbbbbb);
	background-image: -webkit-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -o-linear-gradient(top, #dddddd, #bbbbbb);
    background-image: -ms-linear-gradient(top, #dddddd, #bbbbbb);
    border-color: #BBBBBB #BBBBBB #999999;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
  color:#333;
    text-shadow: 0 1px 0 #DDDDDD;
}

#placeHolder input[type="button"][value="Done"], .action input[type="button"].done {
   background: url(../images/cm-icon-done.png) no-repeat 10% center #dddddd;
   padding-left:30px !important;
}
#placeHolder input[type="button"][value="Done"]:hover, .action input[type="button"].done:hover {
  border-color:#999999;
  background: url(../images/cm-icon-done.png) no-repeat 10% center #bbbbbb;
}
.action input[type="button"].next {
   background: url(../images/cm-but-next.png) no-repeat 95% center #dddddd;
   padding-right:30px !important;
}

.action input[type="button"][disabled].next {
   background: url(../images/cm-but-next.png) no-repeat 95% center #ececec !important;
   padding-right:30px !important;

}

.action input[type="button"].previous {
  background: url(../images/cm-but-previous.png) no-repeat 5% center #dddddd;
  padding-left:30px !important;
}

.action input[type="button"][disabled].previous {
  background: url(../images/cm-but-previous.png) no-repeat 5% center #ececec !important;
  padding-left:30px !important;
}

.action input[type="button"].next:hover {
  border-color:#999999;
  background: url(../images/cm-but-next.png) no-repeat 95% center #bbbbbb;
}

.action input[type="button"].previous:hover  {
  border-color:#999999;
  background: url(../images/cm-but-previous.png) no-repeat 5% center #bbbbbb;
}


.action input[type="button"][disabled].next:hover, .action input[type="button"][disabled].previous:hover {
  border:1px solid #d1d1d1;
}

.action input[type="button"][disabled] {
  background:#ececec;
  border:1px solid #d1d1d1;
  color:#717171;
  text-shadow:1px 1px #fff;
  cursor:default;
}

input[type="text"] {
  /*background:none repeat scroll 0 0 #FFFFFF;*/
  border:1px solid #ccc;
  color:#404040;
  padding-left:2px;
  min-height:20px;
 /* min-width:150px;*/
}

input[type="password"] {
    border: 1px solid #CCCCCC;
    color: #404040;
    min-height: 20px;
    padding-left: 2px;
}


:-webkit-input-placeholder {

font-size: 12px;
font-style: italic;
color: #b1b1b1  !important;
min-width:143px;

}
:-moz-placeholder {

font-size: 12px;
font-style: italic;
color: #b1b1b1  !important;
min-width:143px;

}
:-ms-input-placeholder {

font-size: 12px;
font-style: italic;
color: #b1b1b1 !important;
min-width:143px;

}
textarea {
  border:1px solid #ccc;
  color:#404040;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  width:99%;
  height:60px;
}

select {
  background: none repeat scroll 0 0 #FFFFFF;
  border: 1px solid #ccc;
  color: #404040;
  padding:3px;
}


#container {
  position:relative;
  margin:0 auto;
  margin-top:50px;
  width:98%; /*width:100%;*/
}

#content {
  float:left;
  background-color:#fff;
  width:100%; /*no width if you want to do fix width in screen*/
  padding:10px 0;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border:1px solid #e1e1e1;
  border-top:0px;
}

#content-mc {
  float:left;
  background-color:#fff;
  width:99%; /*no width if you want to do fix width in screen*/
  padding:10px 5px 10px 5px;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border:1px solid #e1e1e1;
  border-top:0px;
}

#footer {
  clear:both;
  font-size:12px;
  text-align:right;
  padding:10px 0;
  color:#404040;
}
/*-- OLD Header BK--*/
#header {
  width:100%;
  height:51px;
  background:url('../images/banner-bg-center.png') repeat-x scroll;
}
#header .title {
  margin-top:13px;
  float:right;
  text-shadow:2px 2px #FFF;
}
#header .left {
  background:url('../images/banner-bg-left.png') no-repeat scroll left;
  float:left;
  padding-left:15px;
  height:51px;
}
#header .right {
  background:url('../images/banner-bg-right.png') right no-repeat scroll;
  padding-right:10px;
  height:51px;
  float:right;
}

/*---- New Header Start-----*/
#logo {
    background: url("../images/ag-logo.png") no-repeat scroll left center transparent;
    color: #666666;
    float: left;
    font-size: 12px;
    height: 75px;
    line-height: 85px;
    margin: 5px 0 10px 5px;
    padding-left: 85px;
    position: absolute;
    text-shadow: 1px 1px 1px #FFFFFF;
    text-transform: uppercase;
    vertical-align: middle;
	left:0px; /*12 March Newly added by STA*/
}
.welcome {
    color: #FFFFFF;
    float: left;
    font-size: 11px;
    margin-left: 75px;
    margin-top: 10px;
    text-align: left;
    text-shadow: 1px 1px #000000;
    position:relative;
    z-index:99999;
}
.datetime {
    color: #FFFFFF;
}
/*****************CA- Dashboard Class***********************/
#ca-banner {
	width:100%;
	height:75px;
}
#ca-logo {
  height:75px;
  background:url('../images/ag-logo.png') left no-repeat scroll;
  margin:5px 0 10px 5px;
  vertical-align:middle;
  font-size:12px;/*14px*/
  color:#666;
  text-shadow:1px 1px 1px #fff;
  padding-left:85px;
  line-height:85px;
  text-transform:uppercase;
  float:left;
  position:absolute;
  left:0px;
}
#sggov-logo {
    background: url("../images/cm-sggov-logo.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    float: right;
    height: 48px;
    margin: 12px 0 10px;
    position: relative;
    width: 230px;
}
#header {
  width:100%;
  min-width:980px;
  height:36px;
   /* background:url('../images/sc-topmenu-bg.png') repeat-x top; */
  background-color:#294752;
  background-image:-webkit-linear-gradient(top, #3D616E, #294752);
  background-image:-moz-linear-gradient(top, #3D616E, #294752);
  background-image:-o-linear-gradient(top, #3D616E, #294752);
  background-image:-ms-linear-gradient(top, #3D616E, #294752);
  background-image:linear-gradient(top, #3D616E, #294752);

  -webkit-box-shadow:0 1px #3D616E inset, 0 -1px #294752 inset, 0 1px 3px #777;
  -moz-box-shadow:inset 0 1px #3D616E, inset 0 -1px #294752, 0 1px 3px #777;
  box-shadow:inset 0 1px #3D616E, inset 0 -1px #294752, 0 1px 3px #777;
}
#header .menu-wrap {
  width:100%;
  height:36px;
  margin:0 auto;
  text-align:right;
}
#header .menu {
  list-style:none;
  float:right;
  display:inline-block;
  margin:0 auto;
  height:36px;
}
#header .menu li.item {
  float:left;
  margin-right:15px; /*25px*/
  line-height:36px;
}
#header .menu li.item a {
  font-family:Tahoma, Arial, Helvetica, sans-serif;
  font-size:14px;
  color:#eee;
  display:block;
  outline:0;
  text-decoration:none;
  text-shadow:1px 1px 0px #000;
}
#header .menu li.item a:hover {
  color:#d1d1d1;
  text-shadow:1px 1px 0px #000;


}
#header .menu li.item .logout {
  padding-left:23px;
  background:url('../images/cm-icon-logout.png') no-repeat left center;
}
#header .menu li.item .profile {
  padding-left:23px;
  background:url('../images/cm-icon-profile.png') no-repeat left center;
}
#header .menu li.item .messages {
  padding-left:23px;
  background:url('../images/cm-icon-messages.png') no-repeat left center;
}

#header .menu li.item .applications {
  padding-left:23px;
  background:url('../images/cm-icon-application.png') no-repeat left center;
}

#header .menu li.item .cases {
  padding-left:23px;
  background:url('../images/cm-icon-case.png') no-repeat left center;
}
#header .menu li.item .efiling {
  padding-left:23px;
  background:url('../images/cm-icon-action.png') no-repeat left center;
}
#header .menu li.item .home {
  padding-left:23px;
  background:url('../images/cm-icon-home.png') no-repeat left center;
}

#header .menu li.item .worklist {
  padding-left:23px;
  background:url('../images/cm-icon-worklist.png') no-repeat left center;
}

#header .menu .sub-menu {
  display:block;
  position:absolute;
  right:-4999px;
  margin:0 auto;
  padding:5px;
  border:1px solid #bfbfbf;
  border-top:none;
  background:#ffffff;
  background:-moz-linear-gradient(top, #ffffff, #eeeeee);
  background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#ffffff), to(#eeeeee));
  -moz-border-radius:0px 0px 5px 5px;
  -webkit-border-radius:0px 0px 5px 5px;
  border-radius:0px 0px 5px 5px;
  z-index:999;
}
#header .menu li.item:hover .sub-menu {
  right:5px;  /*120px - show panel on left side*/
}
#header .menu .col {
  float:left;
  padding:5px 10px;
}
#header .menu .sub-menu h4 {
  text-align:left;
  text-shadow:1px 1px 1px #fff;

}
#header .menu .sub-menu ul {
  list-style:none;
  padding:0 0 0 15px;
  margin:0;
}
#header .menu .sub-menu ul li {
  text-align:left;
  font-size:13px;
  color:#000;
  line-height:21px;
  text-shadow:1px 1px 1px #fff;
}

#header .menu .sub-menu ul li a {
  color:#404040 !important;
  text-shadow:1px 1px 0px #fff !important;
  background:url(../images/sc-megamenu-arrow.png) no-repeat left ;
  padding-left:15px;
  font-size:13px !important;
}
#header .menu .sub-menu li:hover a {
  font-size:13px !important;

}
#header .menu .sub-menu li:hover a:hover {
  color:#1B5B67 !important;
  font-size:13px !important;
  text-shadow:1px 1px 0px #fff !important;
  text-decoration:underline;
}

.underline {
  text-decoration:underline;
}
.strong {
  font-weight:bold;
}
.italic {
  font-style:italic;
}

.imgshadow {
  background:#FFFFFF;
  padding:4px;
  border:1px solid #777777;
  margin-top:5px;
  -moz-box-shadow:0px 0px 5px #666666;
  -webkit-box-shadow:0px 0px 5px #666666;
  box-shadow:0px 0px 5px #666666;
}
.img_left {
  width:auto;
  float:left;
  margin:5px 15px 5px 5px;
}

#menu li .black_box {
  background-color:#333333;
  color: #eeeeee;
  text-shadow: 1px 1px 1px #000;
  padding:4px 6px 4px 6px;


  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;

 -webkit-box-shadow:inset 0 0 3px #000000;
  -moz-box-shadow:inset 0 0 3px #000000;
  box-shadow:inset 0 0 3px #000000;
}

#menu li ul {
  list-style:none;
  padding:0;
  margin:0 0 12px 0;
}
#menu li ul li {
  font-size:12px;
  line-height:24px;
  position:relative;
  text-shadow: 1px 1px 1px #ffffff;
  padding:0;
  margin:0;
  float:none;
  text-align:left;
  width:250px;
}
#menu li ul li:hover {
  background:none;
  border:none;
  padding:0;
  margin:0;
}

#menu li .greybox li {
  background:#F4F4F4;
  border:1px solid #bbbbbb;
  margin:0px 0px 4px 0px;
  padding:4px 6px 4px 6px;
  width:116px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}
#menu li .greybox li:hover {
  background:#ffffff;
  border:1px solid #aaaaaa;
  padding:4px 6px 4px 6px;
  margin:0px 0px 4px 0px;
}

/*---- New Header End ----*/

/*--- Ecase file case list Added in 8/1/2018 --*/
.ecase-container {
  width: 78% !important;
  margin-left: 21% !important;
}

.casename-div-info {
  margin: 20px 0px 10px 10px;
/*  border-left: 3px solid #c00;*/
}
.casename-div-info h4 {
  background:url('../images/icon-case-list.png') no-repeat left center ;
  line-height: 30px;
  font-size: 20px;
  padding-left: 35px;
}
.casename-div {
  width: 20%;
  float: left;
  position: fixed;
  top: 85px;
}
.case-list-box {
   background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
   /* box-shadow: 0 0 5px #B2B2B2; */
    border:1px solid #e1e1e1;
    float: left;
   margin: 0 10px 10px 10px;
   /* padding-bottom: 10px; */
    padding: 10px;
    width: 88.0%;
  }
.case-list-newid {
  text-align: center;
  margin: 10px 0px;
  width: 33%;
  display: inline-block;
  padding-bottom: 20px !important;
  border-bottom: 1px solid #ededed;
}
.df-info {
  margin: 20px 0px;
  margin-bottom: 9px;
}
.df-info h4 {
   background:url('../images/icon-def-id.png') no-repeat left center ;
  line-height: 30px;
  font-size: 20px;
  padding-left: 45px;
}
ul.ecase-listing  {
  list-style: none;
  padding-left: 0;
}
ul.ecase-listing li {
  margin: 8px 0;
}
ul.ecase-listing  li a {
  background:url('../images/ecase-list-li.png') no-repeat left center ;
  padding-left: 15px;
  margin: 5px 0;
  text-decoration: none;
}
span.ecase-list-no {
  background: none repeat scroll 0 0 #048C9B;
    border-radius: 8px 8px 8px 8px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0px;
    padding: 3px 6px;
    vertical-align: top;
  text-transform:uppercase;
  position: absolute;
}
.ui-accordion .ui-accordion-header .ui-icon {
  right: .5em !important;
}
.ui-accordion .ui-accordion-header {
  padding: 6px;
  background: #efefef;
  color: #333;
  border: 1px solid #efefef;
  font-weight: 700;
}
.ui-accordion .ui-accordion-content {
  background: #fefefe;
}
.ui-accordion .ui-widget-content {
  border: 1px solid #efefef;
}

/*--case box start ----*/
.casebox {
   background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
   /* box-shadow: 0 0 5px #B2B2B2; */
    border:1px solid #e1e1e1;
    float: left;
	margin-bottom:20px;
   /* padding-bottom: 10px; */
    padding: 10px;
    width: 98.5%;
  }
.casebox div.casename {
	margin-bottom:3px;
	padding-top:5px;
	padding-bottom:5px;
	border-radius:5px;
	background:#E0EAEB;
	border:1px solid #D1E1E3;
	text-align:center;
	width:100%;
}
.casebox div.casestatus{
    background: none;
    margin-bottom: 3px;
    padding-bottom: 5px;
    padding-top: 5px;
    text-align: center;
    width: 100%;
}
.casebox span {
	display:inline-block;
	color:#717171;
}

.casebox span.caseid {
	width:40%;
}

.casebox span.casename {
	width:40%;
}

.casebox span.issuedate {
	width:30%;
}

.casebox span.bailboneamount {
	width:29%;
	text-align:right;
}

.casebox span.casedof {
	width:59%;
	text-align:right;
}

/*--case box end --**/


/*--ns case box start ----*/
.nscasebox {
   background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
   /* box-shadow: 0 0 5px #B2B2B2; */
    border:1px solid #d4d4d4;
    float: left;
	margin-bottom:20px;
    padding-bottom: 10px;
    padding-top: 10px;
    width: 100%;
  }

.nscasebox span {
  display:inline-block;
  color:#717171;
}

.nscasebox span.nscaseid {
  width:20%;
  padding-left: 10px;
}

.nscasebox span.nscasename {
  width:50%;
  text-align:center;
}
.nscasebox span.nscasedof {
  width:28%;
  text-align:right;
}


/*--ns case box end --**/

#loading {
  display:none;
  padding:3px;
}

#loading img {
  margin-right:6px;
  vertical-align:middle;
}

div.dialog {
  display:none;
}

.section {
  clear:both;
  margin-left:10px;
  margin-right:10px;
}

.section .title {
  font:13px Tahoma, Arial, Verdana, sans-serif;
  background:#2A6B78 url('../images/section-collapse.png') no-repeat right center ;
 /* background:url('../images/section-title-bg.png') repeat-x scroll;/* #6E5A46*/
 /* background-color:#2A6B78;
  background-image:-webkit-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-moz-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-o-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-ms-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%); */
  line-height:34px;
  vertical-align:middle;
  font-weight:bold;
  color:#fff;
  margin-left:0;
  margin-right:-4px;
  margin-bottom:0;
  padding-left:10px;
  text-shadow:1px 1px #000;
  border-radius:5px 5px 0px 0px;
  -webkit-border-radius:5px 5px 0px 0px;
  -moz-border-radius:5px 5px 0px 0px;
  /*box-shadow:#666666 2px 2px 3px;
  -webkit-box-shadow:#666666 2px 2px 3px;
  -moz-box-shadow:#666666 2px 2px 3px;*/
  cursor: default;
}

.collapsed {
  background:url('../images/section-expand.png') no-repeat right center !important;
}

.expanded {
  /*background:url('../images/section-collapse.png') no-repeat right center ;*/
}

/*
.expanded:hover {
  background:url('../images/section-collapse-over.png') no-repeat right center scroll;
}
*/

.section .collapsed {
  font:13px Tahoma, Arial, Verdana, sans-serif;
  background:#2A6B78 url('../images/section-expand.png') no-repeat 99% center right !important ;
  /*background:url('../images/section-title-bg.png') repeat-x scroll;/* #6E5A46*/
 /* background-color:#2A6B78;
  background-image:-webkit-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-moz-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-o-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-ms-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);*/
  line-height:34px;
  vertical-align:middle;
  font-weight:bold;
  color:#fff;
  padding-left:10px;
  margin-bottom:5px;
  border-radius:5px 5px 5px 5px;
  -webkit-border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px 5px 5px 5px;
  /*text-shadow:1px 1px #000;
  box-shadow:2px 2px 3px #666666;
  cursor:pointer;*/
}

.titleexpand {
  background:url('../images/icon-section-collapse.png') no-repeat;
  width:28px;
  height:26px;
  margin-right:8px;
  margin-top:5px; /*4px*/
  float:right;
  cursor:pointer;
}

.titlecollapse {
  background:url('../images/icon-section-expand.png') no-repeat;
  width:28px;
  height:26px;
  margin-right:8px;
  margin-top:5px; /*4px*/
  float:right;
  cursor:pointer;
}

.titleclose {
  background:url('../images/cm-section-closebut.png') no-repeat;
  width:28px;
  height:26px;
  margin-right:10px;
  margin-top:5px; /*-1px*/
  float:right;
}

.roftitleclose {
  background:url('../images/cm-section-closebut.png') no-repeat;
  width:28px;
  height:26px;
  margin-right:5px;
  margin-top:-1px; /*4px*/
  float:right;
}

.titledelete {
  /*background:url('../images/cm-section-closebut.png') no-repeat;*/
  width:28px;
  height:26px;
  margin-right:10px;
  margin-top:-2px;
  float:right;
}

/*
.collapsed:hover {
  background:url('../images/section-expand-over.png') no-repeat right center scroll;
}
*/

.sub-title {
  font:13px Tahoma, Arial, Verdana, sans-serif;
  background-color:#836F57;
  line-height:34px;
  vertical-align:middle;
  font-weight:bold;
  color:#fff;
  padding-left:5px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  behavior:url('/PIE.htc');
}

/*-------- form elements - BEGIN --------*/
.form {
  clear:both;
  width:100%;
  padding:1px;
  border-bottom:1px solid #d1d1d1;
  border-left:1px solid #d1d1d1;
  border-right:1px solid #d1d1d1;
  -moz-border-radius:0px 0px 5px 5px;
  -webkit-border-radius:0px 0px 5px 5px;
}
.form .row {
  display:table;
  -dt-display:table;
  margin-bottom:1px;
  width:100%;
  behavior:url('/display-table.min.htc');
}

.form .row-public {
  display:table;
  -dt-display:table;
  margin-bottom:1px;
  width:100%;
  behavior:url('/display-table.min.htc');
}

.form .row .fld {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:top;
  background-color:#D0DDE8 !important;
  width:25%;
  padding:3px 0 3px 20px;
  border-right-width:1px !important;
  border-right-style:solid !important;
  border-right-color:white !important;
}

.form .row-public .fld {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:top;
  background-color:#D0DDE8 !important;
  width:25%;
  padding:3px 0 3px 20px;
  border-right-width:1px !important;
  border-right-style:solid !important;
  border-right-color:white !important;
}

.form .row .dialog-fld {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:top;
  background-color:#D0DDE8 !important;
  width:20%;
  padding:3px 0 3px 20px;
  border-right-width:1px !important;
  border-right-style:solid !important;
  border-right-color:white !important;
}

.form .row-public .dialog-fld {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:top;
  background-color:#D0DDE8 !important;
  width:20%;
  padding:3px 0 3px 20px;
  border-right-width:1px !important;
  border-right-style:solid !important;
  border-right-color:white !important;
}

.form .row .val {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:middle;
  background-color:#DFE7EE !important;/*eee,e5e5e5*/
  padding:3px 10px 3px 5px;
}

.form .row-public .val {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:middle;
  background-color:#DFE7EE !important;/*eee,e5e5e5*/
  padding:3px 10px 3px 5px;
}

.form .row .dialog-val {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:middle;
  background-color:#DFE7EE !important;/*eee,e5e5e5*/
  padding:3px 10px 3px 5px;
}

.form .row-public .dialog-val {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:middle;
  background-color:#DFE7EE !important;/*eee,e5e5e5*/
  padding:3px 10px 3px 5px;
}

.form .row .row-fld {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:middle;
  background-color:#eee !important;
  padding:3px 10px 3px 20px;
}
.form .row-public .row-fld {
  display:table-cell;
  -dt-display:table-cell;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  line-height:20px;
  vertical-align:middle;
  background-color:#eee !important;
  padding:3px 10px 3px 20px;
}

.form .row .val div {
  clear:both;
  margin:3px 0;
}

.form .row-public .val div {
  clear:both;
  margin:3px 0;
}

.anno-fld {
  cursor:pointer;
}
.anno-wrap {}
.anno-editor {
  clear:both;
  font:13px Tahoma, Arial, Verdana, sans-serif;
  color:#000;
  background-color:#E0FFFF;
  border:1px solid #ccc;
  padding:2px;
}
.anno-editor p {
  margin:0;
  padding:0;
}
.sub-val {
  margin-top:5px !important;
  margin-bottom:5px !important;
  margin-left:2em !important;
}
.form .prompt {
  font-weight:bold !important;
  font-style:italic !important;
}
.form .brown {
  color:#930 !important;
}
.form .blue {
  color:#369 !important; /*06c*/
}
.form .red {
  color:#f03 !important;
}
.form .underline {
  text-decoration:underline;
}
/*-------- form elements - END --------*/

/*-------- section menu - BEGIN --------*/
#section-menu-wrap-t {
  min-height:60px;
  width:98%;
  position:fixed;
  top:-60px;
  z-index:99999;
  line-height:20px;
  background-color:#5C4C35;
  -moz-border-radius:0px 0px 6px 6px;
  -webkit-border-radius:0px 0px 6px 6px;
  border-radius:0px 0px 6px 6px;
  -webkit-box-shadow:2px 2px 2px 2px rgba(89, 89, 89, 0.1);
  box-shadow:2px 2px 2px 2px rgba(89, 89, 89, 0.1);
  opacity: 0.98;
}
#section-menu-wrap-t a#switcher-t {
  z-index:99999;
  width:110px;
  margin-left:35%;
  min-height:30px;
  position:absolute;
  bottom:-30px;
  text-align:center;
  overflow:hidden;
  background:url('../images/top-warp-out.png') center no-repeat;
}

#section-menu-wrap-t a#switcher-t.out {
  background:url('../images/top-warp-in.png') center no-repeat;
}

.overflow-popup {
  margin-top:140px;
  line-height:25px;
  position:fixed;
  top:2px;
  right:3px;
  width:148px;
  max-height:500px;
  z-index:998;
}

/*
.overflow-popup .tabbed-content {
  padding:8px 4px;
  max-height:500px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#6E5A46;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url('../../source/web/styles/PIE.htc');
}
*/

#section-menu-wrap {
  min-height:200px;
  width:180px;
  position:fixed;
  top:140px;
  right:-180px;
  z-index:985;
  line-height:25px;
  /*background-color:#fff;
  border:1px solid #ececec;*/
  -moz-border-radius:6px 0px 0px 6px;
  -webkit-border-radius:6px 0px 0px 6px;
  border-radius:6px 0px 0px 6px;
  margin:10px 0 0 10px;
  padding-top:5px;
  padding-bottom:5px;
  /*-moz-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
  -webkit-box-shadow:0px 3px 3px rgba(0,0,0,0.1);
  box-shadow:0px 3px 3px rgba(0,0,0,0.1);*/
}
.tabbed-content {
  padding:8px 4px;
  max-height:500px;
  overflow-x:hidden;
  overflow-y:auto;
  background:#5C4C35;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  border-radius:5px;
  behavior:url('/PIE.htc');
  color:#fff;
  margin-left:2px;
  margin-right:2px;
  margin-top:2px;
  opacity: 0.98;
}

.tabbed-content a {
  color:#fff;
}

#section-menu-wrap a#switcher {
  width:27px;
  height:105px;/*95px*/
  position:absolute;
  right:178px;/*175px*/
  top:20%;
  text-indent:60px;
  overflow:hidden;
  background:url('../images/handle-popup-out.png') right no-repeat;
  /*border:1px solid #c6c6c6;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;*/
}
#section-menu-wrap a#switcher.out {
  background:url('../images/handle-popup-in.png') right no-repeat;
}
/*-------- section menu - END --------*/

.R {
  padding:0 4px;border:solid 1px #f00;background-color:#f00;color:#fff;
  border-radius:16px;
  behavior:url('/PIE.htc');
  cursor:default;
}
.P {
  padding:0 4px;border:solid 1px #369;background-color:#369;color:#fff;
  border-radius:16px;
  behavior:url('/PIE.htc');
  cursor:default;
}
.D {
  padding:0 4px;border:solid 1px #c0c;background-color:#c0c;color:#fff;
  border-radius:16px;
  behavior:url('/PIE.htc');
  cursor:default;
}

span.show-cause {
    background: none repeat scroll 0 0 #4169E1;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 1px 3px;
    vertical-align: top;
    text-transform:uppercase;
}

span.urgent {
    background: none repeat scroll 0 0 #CC0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 1px 3px;
    vertical-align: top;
    text-transform:uppercase;
}

span.gagorder {
    background: none repeat scroll 0 0 #F87431;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 1px 3px;
    vertical-align: top;
    text-transform:uppercase;
}

span.domesticviolence {
    background: none repeat scroll 0 0 #F8BD31;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 1px 3px;
    vertical-align: top;
    text-transform:uppercase;
}

span.wtaorder {
    background: none repeat scroll 0 0 #31B2F8;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 1px 3px;
    vertical-align: top;
    text-transform:uppercase;
}
span.rom {
    background: none repeat scroll 0 0 #7609a4;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 1px 3px;
    vertical-align: top;
    text-transform:uppercase;
}

span.exceeds {
    background: none repeat scroll 0 0 #FF0000;
    border-radius: 3px 3px 3px 3px;
    color: #FFFFFF;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 1px 3px;
    vertical-align: top;
    text-transform:uppercase;
}

span.new {
  background: none repeat scroll 0 0 #048C9B;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    margin-left: 5px;
    margin-top: 0;
    padding: 2px;
    vertical-align: top;
  text-transform:uppercase;
}
span.noti-number {
   background: none repeat scroll 0 0 #e15656;
    border-radius: 50%;
    color: #FFFFFF;
    font-family: "Courier New";
    font-size: 13px;
    font-weight: bold;
    margin-left: 1px;
    margin-top: -3px;
    padding: 4px 7px;
    vertical-align: top;
	text-transform:uppercase;
	text-shadow:1px 1px #000;
}
.highlight {
  color:#000;
  background-color:#ff6;
}

table.list, table.list-s, table.list-cal {
  width:100%;
  border-collapse:collapse;
  border-spacing:1px;
}
table.list td, th {
  font:13px Tahoma, Arial, Verdana, sans-serif;
  padding:2px;
  border:1px solid #a8adaa;
  line-height:18px;
  vertical-align:top;
}


table.list-s td, th {
  font:13px Tahoma, Arial, Verdana, sans-serif;
  padding:2px;
  border:1px solid #6bc;
  line-height:18px;
  vertical-align:top;
}

table.list th.sorting  {
	background: url("../images/sort_both.png") no-repeat scroll right center, -moz-linear-gradient(center top , #85AFB6, #6C8C92) repeat scroll 0 0 transparent;
    cursor: pointer;
}


table.list th {
  /*background-color:#836F57;*/
  /*background:url('../images/table-header-bg.png') repeat-x scroll; */

  background-color:#85afb6;
  background-image:-webkit-linear-gradient(top, #85afb6, #6c8c92);
  background-image:-moz-linear-gradient(top, #85afb6, #6c8c92);
  background-image:-o-linear-gradient(top, #85afb6, #6c8c92);
  background-image:-ms-linear-gradient(top, #85afb6, #6c8c92);
  background-image:linear-gradient(top, #85afb6, #6c8c92);
  color:#fff;
  font-weight:bold;
  /*line-height:5px; /*28px*/
  text-shadow:1px 1px #000;
  height:35px;
  text-align:left; /*TODO:*/
}

table.list-s th {
  font:13px Tahoma, Arial, Verdana, sans-serif;
  padding:2px;
  font-weight:bold;
  /*border:1px solid #e5e5e5;*/
  line-height:18px;
  vertical-align:top;
}
table.list tr:hover {
  background-color:#eee; /*d1d1d1*/
}
table.list-s th {
  background-color:#80A7B1;/*836F57*/
  color:#fff;
  text-align:left; /*TODO:*/
}
table.list-s tr:hover, table.list tr:hover {
  background-color:#d1d1d1;
}
table.list .asc {
  padding-right:20px;
  background-image:url('../images/up.gif');
  background-position:right center;
  background-repeat:no-repeat;
}
table.list .desc {
  padding-right:20px;
  background-image:url('../images/down.gif');
  background-position:right center;
  background-repeat:no-repeat;
}
table.list-s .asc {
  padding-right:20px;
  background-image:url('../images/up.gif');
  background-position:right center;
  background-repeat:no-repeat;
}
table.list-s .desc {
  padding-right:20px;
  background-image:url('../images/down.gif');
  background-position:right center;
  background-repeat:no-repeat;
}
table.list th a {
  color:#fff;
}

.filter {
  clear:both;
  /*position:absolute;*/
  text-align:right;
  /*text-transform:uppercase;*/
  margin:10px 10px;
  right:0;
 /* bottom:0;*/
}

.filter label {
  color:#404040;
  line-height:normal;
}

.odd {
  background-color:#fff;
}

.even {
  background-color:#ececec; /*#eee*/
}

.action {
  clear:both;
  float:left;
  width:100%;
  text-align:center;
  margin:15px 0 60px;
}

.spacer {
  clear:both;
  height:10px;
}


select {
    border: 1px solid #CCCCCC;
    color: #404040;
    /*min-height: 20px; */
    padding: 2px;
}

.fit {
	width:98%;
}
.xxl {
  width:600px;
}
.xl {
  width:360px;
}
.l {
  width:280px;
}
.ml {
  width:210px;
}
.m {
  width:140px;
}
.s {
  width:80px;
}
.xs {
  width:60px;
}
.nextCourtNo {
  width:280px !important;
}
.xxs {
  width:40px;
}
.xxxs {
  width:20px;
}

.txt {}

.num {
  text-align:left; /*TODO:right*/
}

.set {
  text-align:left;  /*TODO:center*/
}

.cal {
  width:100px;
  border-width:1px;
  background:white url('../images/cal.png') right center no-repeat;
}

.cal-all {
  width:100px;
  border-width:1px;
  background:white url('../images/cal.png') right center no-repeat;
}

.required {
  color:#f00;
  margin-right:2px;
}

.info {
  clear:both;
  margin:10px;
  line-height: 1.7em;
  border:1px solid #81c2ff;
  background:#cfedf9 url('../images/cm-icon-info.png') no-repeat scroll 1% 50%;
  padding: 5px 20px 5px 55px;
  color:#333;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
   min-height: 25px;
   font-size:13px;

}

.info-traffic {
  clear:both;
  margin:10px;
  line-height: 1.7em;
  border:1px solid #81c2ff;
  padding: 5px 20px 5px 10px;
  color:#333;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  min-height: 25px;
  font-size:13px;
  background:#cfedf9 no-repeat scroll 1% 50%;
}

.info-traffic-png {
  background:#cfedf9 url('../images/cm-icon-info.png') no-repeat scroll 1% 50%;
}

.success {
    background: url("../images/cm-icon-success.png") no-repeat scroll 1% 50% #EAF8CB;
    border: 1px solid #8FC252;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    color: #333;
    line-height: 1.7em;
    margin:10px;
    min-height: 25px;
    padding: 5px 20px 5px 55px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
   font-size:13px;

}

.warning {
  clear:both;
  margin:10px;
  line-height:1.7em;
  border:1px solid #FC6;
  background:#ffe2aa url('../images/cm-icon-warning.png') no-repeat scroll 1% 50%;
  padding: 5px 20px 5px 55px;
  min-height: 25px;
  color:#333;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  font-size:13px;

}
.error {
  clear:both;
  margin:10px;
  line-height:1.7em;
  border:1px solid #ff8181;
  background:#ffd3d3 url('../images/cm-icon-error.png')no-repeat scroll 1% 50%;
  padding: 5px 20px 5px 55px;
  color:#333;
  border-radius:5px;
  min-height: 25px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  font-size:13px;
}

#top-content {
  position:relative;
  height:100px;
}

.case-box {
  float:left;
  padding-left:10px;
  margin-top:20px;
  margin-bottom:20px;
  background:url('../images/top-case-bg.png') no-repeat center;
  width:440px;
  height:95px;
  vertical-align:middle;
}

.case-id {
  font-size:14px;
  color:#404040;
  font-weight:bold;
  text-transform:uppercase;
  margin-top:35px;
  float:left;
}

.pp-name {
  font-size:14px;
  color:#404040;
  font-weight:bold;
  margin-top:18px;
  float:right;
  padding-right:60px;
}

.search-box {
  float:left;
  padding-left:10px;
  margin-top:30px;
  margin-bottom:20px;
}

.search-box label {
  line-height:30px;
  color:#404040;
  text-transform:uppercase;
  margin-right:10px;
}
/*
.profile h2 {
  margin:0;
  color:#404040;
  text-transform:uppercase;
}

.profile {
  float:right;
  padding-right:10px;
  margin-top:20px;
  color:#404040;
  text-align:right;
}

.profile a {
  color:#404040;
  text-transform:uppercase;
  font-weight:bold;
  margin:10px;
}

.profile a:hover {
  color:#000;
}
*/
.home-icon {
  display:inline-block;
  line-height:18px;
  background:url('../images/icon-home.png') left no-repeat;
  padding-left:23px;
}

.doc-icon {
  display:inline-block;
  line-height:20px;
  background:url('../images/icon-doc.png') left no-repeat;
  padding-left:23px;
}

.worklist-icon {
  display:inline-block;
  line-height:20px;
  background:url('../images/icon-worklist.png') left no-repeat;
  padding-right:5px;
  width:97px;
}

.logout-icon {
  display:inline-block;
  line-height:20px;
  background:url('../images/icon-logout.png') left no-repeat;
  padding-right:5px;
  width:77px;
}

.casefile-icon {
  display:inline-block;
  line-height:18px;
  background:url('../images/icon-casefile.png') left no-repeat;
  padding-right:5px;
  width:88px;
}

.content-header {
  min-height:45px;
}

.content-header .title {
  display:block;
  clear:both;
  text-align:center;
  font-family:Arial, Helvetica, sans-serif;
  color:#787878; /*404040*/
  font-weight:bold;
  margin-left:10px;
  margin-right:10px;
  border-bottom:1px dashed #e1e1e1;
  padding-bottom:7px;
  text-transform:uppercase;
  font-size:16px;
}

.content-header a {
  font:14px Tahoma, Arial, Verdana, sans-serif;
  font-weight:bold;
  margin:10px;
  color:#404040;
}

.content-header a:hover {
  color:#6d4b36;
}

/*-------- tab - BEGIN --------*/
.nav-tab {
  clear:both;
  margin-top:30px;
  margin-left:10px;
}
.nav-tab ul {
  list-style:none;
  float:left;
  margin:0;
  padding:0;
  vertical-align:middle;
}
.nav-tab ul li {
  float:left;
  font-weight:bold;
  display:block;
  color:#fff;
  text-shadow:1px 1px #000;
  font-size:13px;
  padding:8px;
  margin:8px 2px 0px 0px;
  text-align:center;
  vertical-align:middle;
  background: #78b4ca; /* Old browsers */
background: -moz-linear-gradient(top,  #78b4ca 0%, #2a6b78 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#78b4ca), color-stop(100%,#2a6b78)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #78b4ca 0%,#2a6b78 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #78b4ca 0%,#2a6b78 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #78b4ca 0%,#2a6b78 100%); /* IE10+ */
background: linear-gradient(to bottom,  #78b4ca 0%,#2a6b78 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#78b4ca', endColorstr='#2a6b78',GradientType=0 ); /* IE6-9 */
  border-radius:7px 7px 0 0;
  -webkit-border-radius:7px 7px 0 0;
  -moz-border-radius:7px 7px 0 0;
  min-width:60px;
  cursor:pointer;
}
.nav-tab ul li.selected, .nav-tab ul li.selected:hover {
  color:#1b5b67;
  text-shadow:1px 1px #fff;
  text-align:center;
  vertical-align:middle;
  padding:12px 12px 12px 12px;
  margin:0px 2px 0px 0px;
  background:#fff;
 /* background:-webkit-gradient(linear, 0 0, 0 bottom, from(#F0F0F0), to(#FFFFFF));
  background:-webkit-linear-gradient(#F0F0F0, #FFFFFF);
  background:-moz-linear-gradient(#F0F0F0, #FFFFFF);
  background:-ms-linear-gradient(#F0F0F0, #FFFFFF);
  background:-o-linear-gradient(#F0F0F0, #FFFFFF);
  background:linear-gradient(#F0F0F0, #FFFFFF);
  -pie-background:linear-gradient(#F0F0F0, #FFFFFF); */
  /*behavior:url('/PIE.htc');*/
  cursor:default;
}

.nav-tab ul li.selected a {
  color:#1b5b67;
  text-shadow:1px 1px #fff;
}
.nav-tab ul li:hover {
  color:#fff;
  text-shadow:1px 1px #000;
  margin:0px 2px 0px 0px;
  padding:12px 12px 12px 12px;
}

.nav-tab ul li a {
  color:#fff;/*dedede*/
  text-decoration:none;
}

.nav-tab ul li a:hover {
  color::#000;
}

/*-------- tab - END --------*/

/*-------- radius border - BEGIN --------*/
.radius-border .top-left {
  float:left;
  width:7px;
  height:6px;
 /* background:url('../images/content-top-left.png') no-repeat; */
}
.radius-border .top-middle {
  float:left;
/*width:966px;*/
  height:6px;
 /* background:url('../images/content-top-middle.png') repeat-x; */
}
.radius-border .top-right {
  float:right;
  width:7px;
  height:6px;
 /* background:url('../images/content-top-right.png') no-repeat; */
}

.radius-border .bot-left {
  float:left;
  width:7px;
  height:6px;
/*  background:url('../images/content-bot-left.png') no-repeat; */
}
.radius-border .bot-middle {
  float:left;
 /* width:966px; */
  height:6px;
 /* background:url('../images/content-bot-middle.png') repeat-x;*/
}
.radius-border .bot-right {
  float:right;
  width:7px;
  height:6px;
 /* background:url('../images/content-bot-right.png') no-repeat; */
}
/*-------- radius border - END --------*/


/*-------- customize jQuery UI styles - BEGIN --------*/
.ui-icon { display:inline-block; margin:2px 2px 1px 2px; cursor:pointer; }

.ui-widget-header {
  border:1px solid #eee;
  background:url('../images/popup-headerBG.png') repeat-x;
  color:#fff;
  font-weight:bold;
}

.ui-widget {
  font-family:Tahoma, Arial, Verdana, sans-serif;
  font-size:1em;
}
/*-------- customize jQuery UI styles - END --------*/

.label-color-s {
  float:left;
  position:relative;
  line-height:11px;
  text-align:center;
  width:13px;
  height:13px;
  cursor:pointer;
  margin:5px 5px 0 0;
}
.label-color-n {
  padding:1px 3px;
  margin-left:3px;
}
.label-color-s-checked {
  background-image:url('../images/checkmarks.gif');
}
.label-color-1 {
  background-color:#F00;
  color:#FFF;
}
.label-color-2 {
  background-color:#B6CFF5;
  color:#0D3472;
}
.label-color-3 {
  background-color:#98D7E4;
  color:#0D3B44;
}
.label-color-4 {
  background-color:#E3D7FF;
  color:#3D188E;
}
.label-color-5 {
  background-color:#FBD3E0;
  color:#711A36;
}
.label-color-6 {
  background-color:#F2B2A8;
  color:#8A1C0A;
}
.label-color-7 {
  background-color:#C2C2C2;
  color:#fff;
}
.label-color-8 {
  background-color:#4986E7;
  color:#fff;
}
.label-color-9 {
  background-color:#2DA2BB;
  color:#fff;
}
.label-color-10 {
  background-color:#B99AFF;
  color:#fff;
}

.icon-download {
  background-color:#369;
  cursor:pointer;
  border-radius:2px;
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
}

.clickable {
  cursor:pointer;
}

.blocked {
  background-color:#836F57;
  color:#fff;
}

.exceeded {
  color:#f00;
}

.minute-sheet-body {
  overflow:hidden;
  height:100%;
  max-height:100%;
}

.minute-sheet-body input[type="button"],button {
    width:100%;
    padding-top:3px;
    padding-right:5px;
    padding-left:5px;
    padding-bottom:3px;
    margin-top:2px;
    margin-right:2px;
    margin-left:2px;
    margin-bottom:2px;
    font-size:13px;
    text-align:left;
    vertical-align:middle;
    overflow:auto;
    overflow-wrap:break-word;
    /*outline:none;*/
    color:#fff;/*333*/
    background-color:#6E5A46;
    cursor:pointer;
    border:1px solid #6E5A46;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior:url('/PIE.htc');
}

#minute-sheet-framecontent-left {
  position:fixed;
  top:80px;
  left:0;
  bottom:30px;
  width:120px; /*Width of left frame div*/
  height:100%;
  overflow:hidden; /*Disable scrollbars. Set to "scroll" to enable*/
  margin:0px 5px 0px 5px;
  padding:5px;
}

#minute-sheet-framecontent-right {
  position:fixed;
  top:80px;
  left:auto;
  right:0px;
  bottom:30px;
  width:10px; /*Width of right frame div*/
  overflow:hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#minute-sheet-framecontent-top {
  position:fixed;
  top:0px;
  left:0px; /*Set left value to WidthOfLeftFrameDiv*/
  right:0px;
  height:80px; /*Height of top frame div*/
  overflow:hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#minute-sheet-framecontent-bottom {
  position:fixed;
  top:auto;
  left:0;
  bottom:0;
  right:0;
  height:30px; /*Height of bottom frame div*/
  overflow:hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#minute-sheet-maincontent-header {
  position:fixed;
  top:40px;
  left:140px;
  right:10px;
  overflow:hidden; /*Disable scrollbars. Set to "scroll" to enable*/
}

#minute-sheet-maincontent-body {
  position:fixed;
  top:82px; /*Set top value to HeightOfTopFrameDiv*/
  left:140px; /*Set left value to WidthOfLeftFrameDiv*/
  right:10px;
  bottom:30px; /*Set bottom value to HeightOfBottomFrameDiv*/
  overflow-y:auto;
  overflow-x:hidden;
  background:#fff;
}

#minute-sheet-footer {
  clear:both;
  font-size:12px;
  text-align:right;
  padding:5px;
  color:#fff;
}

.minutesheet-innertube-main {
    clear:both;
    padding:10px;
    margin:15px;
    border-top:grey dotted thin;
}

.minutesheet-innertube-main p {
    margin:0;
    padding:0;
}

.minutesheet-innertube-actions {
    clear:both;
    padding:10px;
    margin:15px;
    height:auto;
    border-top:grey dotted thin;
}

.minutesheet-innertube-actions .form {
    width:100%;
}

.minutesheet-innertube-actions .form div {
    clear:both;
    float:left;
    width:100%;
    position:relative;
}

.minutesheet-innertube-actions .form .fld {
    float:left;
    font:13px Tahoma, Arial, Verdana, sans-serif;
    width:35%;
    text-align:right;
    line-height:20px;
    vertical-align:middle;
    margin:2px 0;
}

.minutesheet-innertube-actions .form .val {
    float:left;
    font:13px Tahoma, Arial, Verdana, sans-serif;
    width:63%;
    padding-left:4px;
    line-height:20px;
    vertical-align:middle;
    margin:2px 0;
}

.minutesheet-innertube-actions .title {
    font:13px Tahoma, Arial, Verdana, sans-serif;
    background-color:#6E5A46;
    line-height:34px;
    vertical-align:middle;
    font-weight:bold;
    color:#fff;
    cursor:pointer;
    padding-left:5px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    behavior:url('/PIE.htc');
}

.stamp {
  float:right;
  width:350px;
  border:solid 1px #999;
  padding:1px 0 0 1px;
  line-height:22px;
}

.stamp-l {
  float:left;
  width:380px;
  border:solid 1px #77b9d1;
  margin-left:10px;
  padding:1px 0 0 1px;
  line-height:22px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}

.stamp-r {
  float:right;
  width:380px;
  border:solid 1px #77b9d1;
  margin-right:10px;
  padding:1px 0 0 1px;
  line-height:22px;
  border-radius:5px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  background-color:#fff;
}

.stamp-field {
  float:left;
  width:98%; /*345px*/
  /*background-color:#d3d3d3;*/
  background-color:#FFFFFF;
  color:#000;
  margin:0 1px 1px 0;
  padding:2px;
}

.field {
  float:left;
  width:126px;
  background-color:#D0DDE8;
  color:#000;
  margin:0 1px 1px 0;
  padding:2px;
}

.value {
  float:left;
  width:244px;
  background-color:#DFE7EE;
  margin:0 1px 1px 0;
  padding:2px;
}

.not-aip { }
.aip { }

.ready-for-plea { }
.not-ready-for-plea { }

.toggle-expanded {
  background:url('../images/icon-minus.png') left center no-repeat;
  margin-left:4px;
  padding-left:12px;
  cursor:default;
}
.toggle-collapsed {
  background:url('../images/icon-plus.png') left center no-repeat;
  margin-left:4px;
  padding-left:12px;
  cursor:default;
}

.toggle-expanded-doc {
  background:url('../images/icon-minus-black.png') left center no-repeat;
  font-weight:bold;
  margin-left:4px;
  padding-left:12px;
  cursor:default;
}
.toggle-collapsed-doc {
  background:url('../images/icon-plus-black.png') left center no-repeat;
  margin-left:4px;
  padding-left:12px;
  cursor:default;
}

/*-------- tab in section menu - BEGIN --------*/
ul.tab {
  display:block;
 /* border-bottom:1px solid #6E5A46;/* #e3e3e3*/
  height:22px;/*24px*/
  margin:0;
  padding-left:10px;
  list-style-type:none;
}

.tab li.selected {
  background-color:#5C4C35;
  border-width:1px;
  border-bottom-color:#5C4C35;
}

.tab li {
  float:left;
  text-align:center;
  line-height:22px;
  margin-right:2px;
  border-color:#826A49;
  border-style:solid;
  border-width:1px 1px 0 1px;
  color:#fff;
  background-color:#826A49;
  -moz-border-radius:5px 5px 0px 0px;
  -khtml-border-radius:5px 5px 0px 0px;
  -webkit-border-radius:5px 5px 0px 0px;
  border-radius:5px 5px 0px 0px;
  behavior:url('/PIE.htc');
}

.tab li a {
  padding:0 15px;
  color:#fff;
  text-decoration:none;
}

/****tab 2*****/
ul.tab2 {
  display:block;
  /*border-bottom:1px solid #6E5A46; #e3e3e3*/
  /*height:24px;*/
  margin:0;
  padding-left:1px;/*10px*/
  padding-top:5px;
  list-style-type:none;
  float:left;
}

.tab2 li.selected {
  background-color:#6E5A46;
  border-width:1px;
  border-bottom-color:#6E5A46;
}

.tab2 li {
 /* float:left;*/
  text-align:center;
 /* line-height:24px; */
  margin-top:1px;
  max-width:70px;
  border-color:#6E5A46;
  border-style:solid;
  border-width:1px 0px;
  color:#fff;
  background-color:#B09C83;
  -moz-border-radius:5px 0px 0px 5px;
  -khtml-border-radius:5px 0px 0px 5px;
  -webkit-border-radius:5px 0px 0px 5px;
  border-radius:5px 0px 0px 5px;
  behavior:url('/PIE.htc');
}

.tab2 li a {
  padding:3px 8px;
  color:#fff;
  text-decoration:none;
  word-wrap:break-word;
}
/*-------- tab in section menu - END --------*/

.inner-collapsed {
  background:url('../images/expand.png') no-repeat right center;
  margin-left:4px;
  padding-left:12px;
  cursor:default;
}

.on-hold {
  background:url('../images/on-hold.png') no-repeat right center;
  margin-left:4px;
  padding-left:22px;
  cursor:default;
}

.inner-expanded {
  background:url('../images/collapse.png') no-repeat right center;
  margin-left:4px;
  padding-left:12px;
  cursor:default;
}

.v-list {
  list-style-type:none;
  margin:0;
  padding:0;
}
.v-list li {
  margin:3px 0;
}

.v-list li label {
  padding:3px;
}
.h-list {
  list-style-type:none;
  margin:0;
  padding:0;
}
.h-list li {
  float:left;
  margin:0 5px 0 0;
}
.h-list li label {
  padding:3px;
}
/*
.sort-wrap {
  float:left;
  position:relative;
  width:24px;
  height:32px;
}*/
.sort-up {
  display:inline-block;
  width:24px;
  height:15px;
  background-image:url('../images/icon-up.png');
  background-repeat:no-repeat;
  text-indent:-99999px;
  cursor:pointer;
  opacity:0.4;
  filter:alpha(opacity=40);
}
.sort-up:hover {
  opacity:1.0;
  filter:alpha(opacity=100);
}
.sort-down {
  display:inline-block;
  width:24px;
  height:15px;
  background-image:url('../images/icon-down.png');
  background-repeat:no-repeat;
  text-indent:-99999px;
  cursor:pointer;
  opacity:0.4;
  filter:alpha(opacity=40);
}
.sort-down:hover {
  opacity:1.0;
  filter:alpha(opacity=100);
}

/*-------- dropdown menu - BEGIN --------*/
.dropdown-btn-wrap {
  position:relative;
  display:inline-block;
}
.dropdown-btn-wrap .dropdown-btn {
  border:1px solid #aaa;
  padding:3px 5px;
  border-radius:3px;
  cursor:pointer;
}
/*
.dropdown-btn-wrap .dropdown-btn:hover {
  border:1px solid #aaa;
}
*/
.dropdown-btn-wrap ul {
  list-style-type:none;
  margin:0;
  display:none;
  padding:0;
  position:absolute;
  top:21px;
  right:0;
  background-color:#fff;
  border:1px solid #aaa;
  border-radius:3px;
  z-index:100;
  /*
  border-left:1px solid #666;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  border-radius:0px 0px 5px 5px;
  */
}
.dropdown-btn-wrap li {
  text-align:left;
  white-space:nowrap;
}
.dropdown-btn-wrap li a {
  display:block;
  padding:2px 10px;
  line-height:25px;
  color:#6D84B4;
}
.dropdown-btn-wrap li a:hover {
  color:#fff;
  background-color:#6D84B4;
}

/*-------- NEW dropdown menu 2 - BEGIN --------*/
.dropdown-btn-wrap2 {
  position:relative;
  display:inline;
  margin:2px;
  width:100%;
}
.dropdown-btn-wrap2 .dropdown-btn2 {
  border:1px solid #d1d1d1;
  padding:3px 13px;
  border-radius:3px;
  -moz-box-shadow:1px 1px 1px 0 white inset;
   -webkit-box-shadow:1px 1px 1px 0 white inset;
  box-shadow: 1px 1px 1px 0 white inset;
  color:#404040;
  cursor:pointer;
  background: url('../images/pencil.png') center center no-repeat #F1F1F1;
  height:16px;
  float:left;
}

.dropdown-btn-wrap2 .dropdown-btn2:hover {
	-moz-box-shadow: 0 0 3px #bbb;
    -webkit-box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px #bbb;
	border:1px solid #c9c9c9;
}

.dropdown-btn-wrap2 .dropdown-btn2:focus {
  border:1px solid #c9c9c9;
  border-bottom:none;
  padding:3px 15px 3px 10px;
  border-radius:3px 3px 0px 0px;
  color:#404040;
  cursor:pointer;
  background:#bbbbbb;
}

.dropdown-btn-wrap2 ul {
  list-style-type:none;
  margin:0;
  display:none;
  padding:0;
  position:absolute;
  top:22px;
  right:0;
  background-color:#fff;
  border:1px solid #c9c9c9;
  -moz-box-shadow: 0 0 3px #bbb;
  -webkit-box-shadow: 0 0 3px #bbb;
  box-shadow: 0 0 3px #bbbbbb;
  border-radius:3px;
  z-index:1000;
  /*
  border-left:1px solid #666;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  border-radius:0px 0px 5px 5px;
  */
}
.dropdown-btn-wrap2 li {
  text-align:left;
  white-space:nowrap;
}
.dropdown-btn-wrap2 li a {
  display:block;
  padding:2px 10px;
  line-height:25px;
  color:#646464;
}
.dropdown-btn-wrap2 li a:hover {
  color:#646464;
  background-color:#e1e1e1;
}


.dropdown-menu-wrap2 {
  position:relative;
  display:inline;
  width:100%;
}
.dropdown-menu-wrap2 .dropdown-menu {
  padding:4px 10px 4px 10px;
  cursor:pointer;
}
.dropdown-menu-wrap2 .dropdown-menu:hover {
	-moz-box-shadow: 0 0 3px #bbb;
    -webkit-box-shadow: 0 0 3px #bbb;
    box-shadow: 0 0 3px #bbb;
	border:1px solid #c9c9c9;
}

.dropdown-menu-wrap2 .dropdown-menu:focus {
  border:1px solid #c9c9c9;
  border-bottom:none;
  padding:3px 15px 3px 10px;
  border-radius:3px 3px 0px 0px;
  color:#404040;
  cursor:pointer;
  background:#bbbbbb;
}

.dropdown-menu-wrap2 ul {
  list-style-type:none;
  margin:0;
  display:none;
  padding:0;
  position:absolute;
  top:22px;
  right:0;
  background-color:#fff;
  border:1px solid #c9c9c9;
  -moz-box-shadow: 0 0 3px #bbb;
  -webkit-box-shadow: 0 0 3px #bbb;
  box-shadow: 0 0 3px #bbbbbb;
  border-radius:3px;
  z-index:1000;
  /*
  border-left:1px solid #666;
  border-right:1px solid #666;
  border-bottom:1px solid #666;
  border-radius:0px 0px 5px 5px;
  */
}
.dropdown-menu-wrap2 li {
  text-align:left;
  white-space:nowrap;
}
.dropdown-menu-wrap2 li a {
  display:block;
  padding:2px 10px;
  line-height:25px;
  color:#646464;
}
.dropdown-menu-wrap2 li a:hover {
  color:#646464;
  background-color:#e1e1e1;
}
/*-------- dropdown menu - END --------*/


/*-------- breadcrumbs - BEGIN --------*/

/*
#breadcrumbs {
  padding: 0;
  margin: 0;
  height: 30px;
  font: normal 16px/30px Georgia; /* line-height MUST be the same as height
  list-style-type:none;
  background: #CCCCCC;
}
#breadcrumbs li {
  float: left; /*ie6/7 needs this
}
#breadcrumbs a {
  float: left;
  position:relative;
  padding: 0 20px 0 10px;
  color: #000000;
  text-decoration: none;
  outline: none;
}
#breadcrumbs a:hover {
  text-decoration: underline;
}
#breadcrumbs a.odd {
  background: #e9e9e9;
}
#breadcrumbs span {
  position: absolute;
  display: block;
  line-height: 0px;
  height: 0px;
  width: 0px;
  right: 0px;
  top: 0px;
  border-left: 10px solid #CCCCCC;
  border-right: none;
  border-top: 15px solid #e9e9e9;
  border-bottom: 15px solid #e9e9e9;
}
#breadcrumbs a.odd span {
  border-left: 10px solid #e9e9e9;
  border-top: 15px solid #CCCCCC;
  border-bottom: 15px solid #CCCCCC;
}

/* classes for jquery hover

#breadcrumbs a.hover {
  text-decoration: none;
  background: #999999;
}
#breadcrumbs a span.hover {
  border-left: 10px solid #999999;
}
#breadcrumbs a span.pre_hover {
  border-top: 15px solid #999999;
  border-bottom: 15px solid #999999;
}

*/
/*-------- breadcrumbs - END --------*/



/*---Start Breadcrumbs---*/


#breadcrumbs-holder {
  height: 40px;
    margin: 10px auto 15px;
    width: 100%;
}

#breadcrumbs-holder .nav {
    display: inline-block;
    float: left;
    list-style: none outside none;
    margin: 0 auto 10px 10px;
    padding:5px;
    background: none repeat scroll 0 0 #ececec;
    -moz-border-radius:7px 7px 7px 7px;
    -webkit-border-radius:7px 7px 7px 7px;
    border-radius:7px 7px 7px 7px;
}

#breadcrumbs-holder .nav ul {
  display:table-row;
}
#breadcrumbs-holder .nav li {
    float: left;
    min-height: 40px;
  /*max-width: 135px;*/
  vertical-align:middle;
  /*background:#e0eaeb;
    margin-right: 10px;
  margin-left:10px; */
}


#breadcrumbs-holder .nav li p {
    display: block;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size:0.9em;
    outline: 0 none;
    text-decoration: none;
    padding-left:45px;
    min-height:40px;
    vertical-align:middle;
    line-height:3em;
    word-wrap:break-word;
    margin:0px;
}

#breadcrumbs-holder .nav li .passed {
    background: url("../images/sc-crumb-passed.png") no-repeat scroll left top transparent;
    color:#884d23;
}

#breadcrumbs-holder .nav li .current {
    background: url("../images/sc-crumb-current.png") no-repeat scroll left top transparent;
    color:#cc0000;
}

#breadcrumbs-holder .nav li .next {
    background: url("../images/sc-crumb-next.png") no-repeat scroll left top transparent;
    color:#878787;

}

/*---End Breadcrumbs---*/

/*----Icon----*/


.icon-box {
  border-top:1px dashed #d1d1d1;
  padding:10px;
}


.icon-box ul {
  padding:0px;
  margin:0px;
}

.icon-box ul li {
  cursor: pointer;
    float: left;
    list-style: none outside none;
    margin: 2px;
    padding: 4px 0;
    position: relative;
}


.icon-box ul li span {
  float: left;
    margin: 0 4px;
}

.color-icon {
  background:url(../images/cm-icons-16x16-color.png) no-repeat;
  height: 16px;
  width: 16px;
  overflow:hidden;
  display:inline-block;
}

.delete-icon {
  background:url(../images/cancel.png) no-repeat;
  height: 16px;
  width: 16px;
  overflow:hidden;
  display:inline-block;
}

.color-icon-sc {
  background:url(../images/sc-icons-24x24-color.png) no-repeat;
  height: 24px;
  width: 24px;
  overflow:hidden;
  display:inline-block;
}

.bk-icon {
  background:url(../images/cm-icons-16x16-bk.png) no-repeat;
  height: 16px;
  width: 16px;
  overflow:hidden;
  display:inline-block;
}

.cm-icon-document {
  background-position: 0px 0px;
}

.cm-icon-doc-edit {
    background-position: -16px 0px;
}

.cm-icon-doc-add {
    background-position: -32px 0px;
}

.cm-icon-doc-copy {
    background-position: -48px 0px;
}

.cm-icon-doc-delete {
    background-position: -64px 0px;
}

.cm-icon-doc-paste {
    background-position: -96px 0px;
}

.cm-icon-doc-setting {
    background-position: -80px 0px;
}

.cm-icon-star {
  background-position:-112px 0px;
}

.cm-icon-table {
  background-position:-128px 0px;
}

.cm-icon-table-add {
  background-position:-144px 0px;
}

.cm-icon-table-delete {
  background-position:-160px 0px;
}

.cm-icon-table-edit {
  background-position:-176px 0px;
}
.cm-icon-table-error {
  background-position:-192px 0px;
}
.cm-icon-table-setting {
  background-position:-208px 0px;
}

.cm-icon-tick {
  background-position:-224px 0px;
}
.cm-icon-cross {
  background-position:-240px 0px;
}
.cm-icon-info {
  background-position:0px -16px;
}

.cm-icon-exclamation {
  background-position: -16px -16px;
}
.cm-icon-warning {
  background-position: -32px -16px;
}
.cm-icon-question {
  background-position: -48px -16px;
}
.cm-icon-print {
  background-position: -64px -16px;
}

.cm-icon-print-add {
  background-position: -80px -16px;
}

.cm-icon-print-delete {
  background-position: -96px -16px;
}

.cm-icon-print-error {
  background-position: -112px -16px;
}

.cm-icon-save {
  background-position: -128px -16px;
}

.cm-icon-upload {
  background-position: -144px -16px;
}

.cm-icon-download {
  background-position: -160px -16px;
}

.cm-icon-lock {
  background-position: -176px -16px;
}

.cm-icon-unlock {
  background-position: -192px -16px;
}

.cm-icon-lock-edit {
  background-position: -208px -16px;
}

.cm-icon-view {
  background-position: -224px -16px;
}

.cm-icon-signature {
  background-position: -240px -16px;
}

.cm-icon-preview {
  background-position: 0px -32px;
}

.cm-icon-zoomin {
  background-position: -16px -32px;
}

.cm-icon-zoomout {
  background-position: -32px -32px;
}

.cm-icon-search {
  background-position: -48px -32px;
}

.cm-icon-folder {
  background-position: -64px -32px;
}

.cm-icon-folder-add {
  background-position: -80px -32px;
}

.cm-icon-folder-delete {
  background-position: -96px -32px;
}

.cm-icon-folder-edit {
  background-position: -112px -32px;
}

.cm-icon-downarrow {
  background-position: -128px -32px;
}

.cm-icon-uparrow {
  background-position: -144px -32px;
}

.cm-icon-leftarrow {
  background-position: -160px -32px;
}

.cm-icon-rightarrow {
  background-position: -176px -32px;
}

.cm-icon-bin {
  background-position: -192px -32px;
}

.cm-icon-bin-open {
  background-position: -208px -32px;
}

.cm-icon-setting {
  background-position: -224px -32px;
}

.cm-icon-refile {
  background-position: -240px -32px;
}


.cm-icon-duplicate {
  background-position: 0px -48px;
}
.cm-icon-returndoc {
  background-position: -16px -48px;
}
.cm-icon-pdf {
  background-position: -32px -48px;
}
.cm-icon-words {
  background-position: -48px -48px;
}
.cm-icon-excel {
  background-position: -64px -48px;
}
.cm-icon-pp {
  background-position: -80px -48px;
}
.cm-icon-attach {
  background-position: -96px -48px;
}
.cm-icon-broadcast {
  background-position: -112px -48px;
}
.cm-icon-calender {
  background-position: -128px -48px;
}
.cm-icon-fileshare {
  background-position: -144px -48px;
}
.cm-icon-redflag {
  background-position: -160px -48px;
}
.cm-icon-yellowflag {
  background-position: -176px -48px;
}
.cm-icon-greenflag {
  background-position: -192px -48px;
}
.cm-icon-sound {
  background-position: -208px -48px;
}
.cm-icon-plus {
  background-position: -224px -48px;
}
.cm-icon-user {
  background-position: -240px -48px;
}
.cm-icon-hospital {
  float:left;
  width:40px;
  height:40px;
  background-image:url('../images/hospital-icon.png');
}
.cm-icon-broadcastall {
  float:left;
  width:16px;
  height:16px;
  background-image:url('../images/icon-broadcast.png');
}
<!---->
.cm-icon-comment {
  background-position: 0px -64px;
}
.cm-icon-commentadd {
  background-position: -16px -64px;
}
.cm-icon-commentdelete {
  background-position: -32px -64px;
}
.cm-icon-commentedit {
  background-position: -48px -64px;
}
.cm-icon-dblcomment {
  background-position: -64px -64px;
}
.cm-icon-dblcommentadd {
  background-position: -80px -64px;
}
.cm-icon-dblcommentdelete {
  background-position: -96px -64px;
}
.cm-icon-viewdochistory {
  background-position: -112px -64px;
}
.cm-icon-hospital {
  /*background-position: -128px -64px;*/
}
.cm-icon-brocast-all {
  background-position: -144px -64px;
}
.cm-icon-viewreceipt {
  background-position: -160px -64px;
}

.cm-icon-deletecourts {
  background-position: -176px -64px;
}

.cm-icon-delete {
  background-position:-240px 0px;
}

.cm-icon-withdrawfile {
  background-position: -192px -80px;
}


.cm-icon-audioupload {
  background-position: -192px -64px;
}
.cm-icon-audiodownload {
  background-position: -208px -64px;
}

.cm-icon-link {
  background: url("../images/cm-icon-link.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  height: 16px;
  overflow: hidden;
  width: 16px;
}
.cm-icon-fixcourtsevent {
  background-position: -224px -64px;
}

.cm-icon-entercomments {
  background-position: -240px -64px;
}
.cm-icon-enteroutcomes {
  background-position: -0px -80px;
}
.cm-icon-fixingccs {
  background-position: -16px -80px;
}
.cm-icon-routetojo {
  background-position: -32px -80px;
}
.cm-icon-createpolice {
  background-position: -48px -80px;
}
.cm-icon-jodirect{
  background-position: -64px -80px;
}
.cm-icon-followup {
  background-position: -80px -80px;
}
.cm-icon-roactions {
  background-position: -96px -80px;
}
.cm-icon-summonsapp {
  background-position: -112px -80px;
}
.cm-icon-generatepac {
  background-position: -128px -80px;
}
.cm-icon-entertimeline {
  background-position: -144px -80px;
}
.cm-icon-fillingapp {
  background-position: -160px -80px;
}
.cm-icon-returntask {
  background-position: -176px -80px;
}
/*
.cm-icon-dblcomment {
  background-position: -112px -64px;
}
.cm-icon-calender {
  background-position: -128px -64px;
}
.cm-icon-fileshare {
  background-position: -144px -64px;
}
.cm-icon-redflag {
  background-position: -160px -64px;
}
.cm-icon-yellowflag {
  background-position: -176px -64px;
}
.cm-icon-greenflag {
  background-position: -192px -64px;
}
.cm-icon-sound {
  background-position: -208px -64px;
}
.cm-icon-plus {
  background-position: -224px -64px;
}
.cm-icon-user {
  background-position: -240px -64px;
} */

/*----Icon End----*/

label.fld-err {
  clear:both;
  display:block;
  color:#f00;
}

label.fld-err-clear-left {
  color:#f00;
}

.slickbox-bg {
  background: none repeat scroll 0 0 #FFFFFF;
  float: left;
  width: 100%;
}


.hide {
  display: none;
}

.form .row .val label, .form .row .row-fld label {
  padding:5px;
}

.form .row-public .val label, .form .row-public .row-fld label {
  padding:5px;
}

/*-------- pagination - BEGIN --------*/
.pagination {
  float:right;
  margin:5px 0;
}

.pagination .total {
  float:left;
  padding-right:5px;
  line-height:24px;
}

.pagination ul {
  float:left;
	margin:0;
	padding:0;
  list-style-type:none;
}

.pagination ul li {
  float:left;
  padding:3px 8px;
  margin:0 2px;
  border:1px solid #bbb;
  background-color:#eee;
  background-image:-moz-linear-gradient(center top , #eee, #ccc);
  text-shadow:0 1px 0 #eee;
  color:#8d8d8d;
  box-shadow:1px 1px #eee;
  -moz-border-radius:4px 4px 4px 4px;
  -webkit-border-radius:4px 4px 4px 4px;
  border-radius:4px 4px 4px 4px;
  -moz-box-shadow:1px 1px #eee;
  -webkit-box-shadow:1px 1px #eee;
  cursor:pointer;
}

.pagination ul li:hover, .pagination ul li.selected {
  border:1px solid #71593a;
	color:#fff;
  background-color:#826745;
  background-image:-moz-linear-gradient(center top, #9e7d54, #826745);
  text-shadow:0 1px 0 #2e2110;
}

.pagination ul li.selected {
  cursor:default;
}

.pagination ul li.disabled, .pagination ul li.disabled:hover {
  border:1px solid #bbb;
  color:#8d8d8d;
  background-image:none;
  background-color:#eee;
  text-shadow:1px 1px #fff;
  cursor:default;
}
/*-------- pagination - END --------*/

/*Table Calendar Start*/
table.list-cal td, th {
  font:13px Tahoma, Arial, Verdana, sans-serif;
  padding:2px;
  border:1px solid #a8adaa;
  line-height:18px;
  vertical-align:top;
}

table.list-cal th {
  background-color:#C0A08D;/*836F57*/
  color:#fff;
  border: 1px solid #D8C9BF;
  text-align: left;
  font-weight: bold;
}



table.list-cal .date {
  text-align: center;
 /* padding-left:30px; */
  display:inline-block;
  padding:0;
  width:100%;
	/*background:#f3f3f3;
	border-radius:5px;
	margin:10px;*/
}

table.list-cal .status {
	text-align: center;
	padding:3px;
	/*background:#f3f3f3;
	border:1px solid #e1e1e1;*/
	border-radius:7px;
	margin:3px;
	font-weight:bold;


}
table.list-cal .status.available {
	background:#FBE1D2;
	border:1px solid #CEA68D;
	color:#A26B4A;
	text-shadow:1px 1px #fff;
	cursor:pointer;
}

table.list-cal .status.blocked {
	background:#e3e3e3;
	border:1px solid #d2d2d2;
	color:#b8b8b8;
	text-shadow:1px 1px #fff;
}

/*
table.list-cal .today {
	background:#f9f9f9;
	-moz-box-shadow: inset 0 0 5px #c8c8c8;
	-webkit-box-shadow: inset 0 0 5px#c8c8c8;
	box-shadow: inner 0 0 5px #c8c8c8;
}*/


table.list-cal span.today {
    background: none repeat scroll 0 0 #A26B4A;
    border-radius: 3px 3px 3px 3px;
    color: #fff;
    font-size: 9px;
    font-weight: bold;
    margin-right: 5px;
    /*margin-top: 3px;*/
    padding: 0px 4px;
    vertical-align: top;
	/*position:absolute;
	text-transform:uppercase;*/
	text-shadow:1px .5px #064b5f;
	float:left;

}

/*-------calender end------------*/



/*-- Bottom Toolbar --*/

div#toolbar, div#toolbarbut {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px; /*55px*/
  left:0px;
  right: 0px;
  z-index: 9999; /* keep the bar on top  */
 /* margin: 0px auto; /* centered toolbar */
  width:80%;
  min-width:600px;
  margin-left:10px;
}

#toolbarbutco {
  position: fixed; /* set fixed position for the bar */
  bottom: 0px; /*55px*/
  float:right;
  right: 20px;
  z-index: 9999; /* keep the bar on top  */
  margin: 0px auto; /* centered toolbar */
  width:3%;
  min-width:160px;
}

div#toolbar {
  /* background:url('../images/bottom-toolbar-bg.png')repeat ; */
  background-color: #eeeeee;
  background-image:  -moz-linear-gradient(center top , #d1d1d1, #f1f1f1);
  padding:3px;
  border-top:1px solid #ececec;
  border-radius:7px 7px 0px 0px;
  -moz-box-shadow: 0 0 3px #888;
  -webkit-box-shadow: 0 0 3px#888;
  box-shadow: 0 0 3px #888;
   height: 38px;
   opacity: 0.96;

}


span.showbar { /* show button */
    float: left;
 /* border-left: 1px solid #a4a4a4; */
    background-color: #2A4B4B;
    background-image: -moz-linear-gradient(center top , #2A4B4B, #1A3636);
    border-color: #376A75;
    border-style: solid;
    border-width: 1px;
    text-shadow: 0 1px 0 #000;
	color: #8d8d8d;
	-moz-border-radius:5px 5px 0px 0px;
	-webkit-border-radius:5px 5px 0px 0px;
	border-radius:5px 5px 0px 0px;
	/*box-shadow:1px 1px #d19068;*/
	-moz-box-shadow:1px 1px #376A75;
	-webkit-box-shadow:1px 1px #376A75;
}

span.showbar a { /* show button */
  display: block;
  /*width: 55px;*/
  height: 23px;
  color:#fff;
  font-size:14px;
  font-weight:bold;
  padding: 7px 28px 3px 9px;
  background: url('../images/uparrow.png') no-repeat center right;
}

span.table_cell_remark {
	font-size: 11px;
	font-weight: bold;
	color: blue;
	display: block;
}

.leftside {
  float: left;
}

.rightside {
  float: right;
}



span.downarr { /* hide button */
    float: right;
 /* border-left: 1px solid #a4a4a4; */
    background-color: #2A4B4B;
    background-image: -moz-linear-gradient(center top , #2A4B4B, #1A3636);
    border-color: #376A75;
    border-style: solid;
    border-width: 1px;
    text-shadow: 0 1px 0 #EEEEEE;
	color: #8d8d8d;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
/*	box-shadow:1px 1px #d19068; */
	-moz-box-shadow:1px 1px #d19068;
	-webkit-box-shadow:1px 1px #d19068;
}

span.downarr a {
  display: block;
  width: 25px;
  height: 9px;
  padding: 25px 0 0 1px;
  background: url('../images/downarrow.png') no-repeat center center;
}

span.menu_title, span.menu_title2 {
    background-color: #826745;
    background-image: -moz-linear-gradient(center top , #9E7D54, #826745);
    border-color: #a26f2c;
    border-style: solid;
    border-width: 1px;
    text-shadow: 0 1px 0 #000;
	color: #fff;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	/*box-shadow:1px 1px #d19068; */
	-moz-box-shadow:1px 1px #d19068;
	-webkit-box-shadow:1px 1px #d19068;
   padding: 9px;
   margin-right:5px;
}

span.menu_title a, span.menu_title2 a{
  font-size: 14px;
  line-height: 34px;
  color: #FFF;
  font-weight:bold;
}

.quickmenu, .quickmenu2 {
    position: absolute; /* important */
    top: -223px;
	text-shadow: 0 1px 0 #000;
	color: #fff;
    min-width: 180px;
   /* background-color: #826745;
    background-image: -moz-linear-gradient(center top , #9E7D54, #826745);
    border-color: #a26f2c;
    border-style: solid;
    border-width: 1px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px; */
    display: none; /* important */
}


.quickmenu ul, .quickmenu2 ul {
 /* padding-left: 20px; */
}

.quickmenu ul li, .quickmenu2 ul li {
 /* border-bottom: 1px solid #989898;    */
  padding: 0px 0px;
  /*margin: 0 15px 0 15px; */
  list-style:none outside none;
  font-size:13px;
}

.quickmenu ul li a, .quickmenu2 ul li a {
  font-size: 13px;
  color: #fff;
  display: block;
}

.quickmenu ul li a:hover, .quickmenu2 ul li a:hover {
  color: #ddd;
}


div#toolbar input[type="button"] {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #2A4B4B;
    background-image: -moz-linear-gradient(center top , #2A4B4B, #1A3636);
    border-color: #2B9999;
    border-radius: 5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius:5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #FFFFFF;
    font: bold 13px Tahoma,Arial,Verdana,sans-serif;
    margin: 2px 2px;
    outline: medium none;
    padding: 7px;
    text-align: center;
    text-shadow: 0 1px 0 #143a3a;
    vertical-align: middle;
    white-space: nowrap;
	cursor:pointer;
}

div#toolbar input[type="button"]:hover, span.menu_title:hover, span.menu_title2:hover, span.downarr:hover, span.showbar:hover {
	background-color: #1A3636;
    background-image: -moz-linear-gradient(center top , #1A3636, #2A4B4B);
    border-color: #82BAC6;

}
/*----Bottom Toolbar End-------*/

/*******Scroll UP/DOWN Start********/
.nav-up{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:#b3b3b3 url('../images/cm-arrow-up.png') no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:50px; /*10px*/
	opacity:0.6;
	right:50px;
	white-space:nowrap;
	cursor: pointer;
	border-radius:6px;
	-moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
    -khtml-border-top-left-radius:6px;
	-khtml-border-top-right-radius:6px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}
.nav-down{
	padding:7px;
	background-color:white;
	border:1px solid #CCC;
	position:fixed;
	background:#b3b3b3 url('../images/cm-arrow-down.png') no-repeat top left;
	background-position:50% 50%;
	width:20px;
	height:20px;
	bottom:50px; /*10px*/
	opacity:0.6;
	right:11px;
	white-space:nowrap;
	cursor: pointer;
	border-radius:6px;
	-moz-border-radius: 6px 6px 6px 6px;
    -webkit-border-top-left-radius:6px;
	-webkit-border-top-right-radius:6px;
    -khtml-border-top-left-radius:6px;
	-khtml-border-top-right-radius:6px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=60);
}

.nav-up:hover {
	border:1px solid #ececec;
	background:#333 url('../images/cm-arrow-up.png') no-repeat top left;
	background-position:50% 50%;
	opacity:0.8;
}

.nav-down:hover {
	border:1px solid #ececec;
	background:#333 url('../images/cm-arrow-down.png') no-repeat top left;
	background-position:50% 50%;
	opacity:0.8;
}
/*******Scroll UP/DOWN End********/

/******* E-Platform START ************/
#eserv-listbox {
	width:98%;
	border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
	box-shadow:0px 0px 5px #d1d1d1;
	-moz-box-shadow:0px 0px 5px #d1d1d1;
	-webkit-box-shadow:0px 0px 5px #d1d1d1;
	background-color:#fff;
	float:left;
	margin:5px;
	display:table-cell;
}

#eserv-box .spacer {
    height: 45px;
    clear: both;
}

#eserv-listbox .elist {
	width:100%;
	border-bottom:1px solid #e3e3e3;
	float:left;
}

#eserv-listbox .elist h3 {
	font-size:13px;
	padding-top:10px;
	margin:0;
}

#eserv-listbox .elist p {
	font-size:12px;
	color:#666;
	margin:0px;
}

.elistbox-left  {
	/*max-width:230px;*/
	float:left;
	word-break:normal;
}

.elistbox-right  {
	max-width:250px;
	float:right;
	word-break:normal;
}
p.activetime {
	float: right;
    margin-right: 5px;
	padding-top:5px;
}

p.appnumber {
	float:left;
	padding-bottom:10px;
	padding-top:5px;
}
.elist-arrow {
	float:right;
	margin-right:5px;
	padding:5px;
}

#eserv-listbox .elist:hover {
	background-color:#f3f3f3;
}

.eserv-add {
    box-shadow: 0 1px 6px 1px #DDDDDD inset;
    margin: 0 auto;
}

#slickbox {
    left: 0;
    padding: 0;
    position: relative;
    top: 0;
}


#eserv-box {
	width:550px;
	position:relative;
	background:#333 url('../images/chat-bg.png') repeat center center;
	margin:0 auto;
	font:13px tahoma;
    color:rgba(0,0,0,0.75);
}

.chat-header {
	width:550px;
	height:48px;
	background:#333 url('../images/chat-banner-bg.png') repeat-x center center;
	text-align:center;
}


.bubble {
    width:240px;
    min-height:36px;
	border-radius:15px;
    -moz-border-radius:15px;
    -webkit-border-radius:15px;
    padding:8px 15px;
    border:1px solid rgba(0,0,0,0.25);
    position:relative;
    z-index:8;
    -moz-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,.2);
    -webkit-box-shadow:inset 0px 0px 2px rgba(0,0,0,0.2),0px 1px 2px rgba(0,0,0,.2);
    text-shadow:1px 1px rgba(255,255,255,.3);
}
.bubble:after {
    content:'';
    border-left:1px solid rgba(0,0,0,0.25);
    border-bottom:1px solid rgba(0,0,0,0.25);
    position:absolute;
    height:13px;
    width:13px;
}
.left {
    margin:0 0 12px 75px;
	float:left;
}
.left:after {
    left:-8px;
    bottom:20px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
}
.right {
    margin:0 80px 12px 0;
	float:right;
}
.right:after {
    right:-8px;
    bottom:20px;
    -moz-transform:rotate(225deg);
    -webkit-transform:rotate(225deg);
}
.bubble:before {
    padding:0 10px 0 11px;
    content:'';
    position:absolute;
    z-index:-5;
    left:4px;
    top:1px;
    width:inherit;
    height:14px;
	border-radius:10px;
    -moz-border-radius:10px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-radius:10px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    background:-moz-linear-gradient(top, rgba(255, 255, 255, .7), rgba(255, 255, 255, .2));
    background:-webkit-gradient(linear,left top,left bottom,from(rgba(255,255,255,.7)),to(rgba(255,255,255,.2)));
}

span.sendto {
	font-size:12px;
	font-weight:bold;
	border-bottom: 1px dashed #666666;
}
.avatar {
    position:absolute;
    width:32px;
    height:32px;
    bottom:12px;
}
.left .avatar {
    left:-65px;
}
.right .avatar {
    right:-50px;
}
.avatar img {
    width:50px;
    height:50px;
    border:none;
	box-shadow:1px 1px #d1d1d1;
	-moz-box-shadow:1px 1px #d1d1d1;
	-webkit-box-shadow:1px 1px #d1d1d1;
}

.avatar p {
	font-size:11px;
	font-style:italic;
	padding:0px;
	padding-top:5px;
	/*min-width:50px; */
	width:65px;
	text-align:center;
	word-wrap:break-word;
}
.bubble small {
    display:block;
    margin:5px 0 0 0;
    font-style:italic;
    color:rgba(0,0,0,.3);
}
.white,
.white:after {
    background:#ddd;
}
.blue,
.blue:after {
    background:#75BAEB;
}
.slate,
.slate:after {
    background:#BECFCD;
}

.address-bar {
	width:550px;
	height:40px;
	background:#333 url('../images/chat-typbar-bg.png') repeat-x top center;
}

.address-bar  input[type="text"] {
	border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  margin-top:8px;
  width:50%;

}
.typing-bar {
	width:550px;
	height:70px;
	background:#333 url('../images/chat-typbar-bg.png') repeat-x top center;
	float:left;
	}

.typing-bar input[type="text"] {
  border:1px solid #fff;
  color:#404040;
  padding-left:2px;
  width:325px;
  height:40px;
  box-shadow:inset 1px 1px 1px 1px #666;
  -moz-box-shadow:inset 1px 1px 1px 1px #666;
  -webkit-box-shadow:inset 1px 1px 1px 1px #666;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
   font-size:18px;
   margin-top:12px;
   margin-left:10px;
   padding-left:3px;
   padding-right:3px;
}

.typing-bar input[type="button"] {
	 background-color: #EEEEEE;
    background-image: -moz-linear-gradient(center top , #EEEEEE, #CCCCCC);
    border-color: #CCCCCC #CCCCCC #BBBBBB;
    border-radius: 5px 5px 5px 5px;
    border-style: solid;
    border-width: 1px;
    color: #333333;
    font: bold 13px Tahoma,Arial,Verdana,sans-serif;
    outline: medium none;
    padding:10px;
    text-align: center;
    text-shadow: 0 1px 0 #EEEEEE;
    vertical-align: middle;
    white-space: nowrap;
	margin:2px;
	margin-top:-8px;
}

.typing-bar input[type="button"]:hover {
	 background-color: #eeeeee;
    background-image: -moz-linear-gradient(center top , #dddddd, #bbbbbb);
    border-color: #BBBBBB #BBBBBB #999999;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    color:#333;
    text-shadow: 0 1px 0 #DDDDDD;
}

.typing-bar input[type="button"]:active {
	 background-color: #eeeeee;
    background-image: -moz-linear-gradient(center top , #dddddd, #bbbbbb);
    border-color: #BBBBBB #BBBBBB #999999;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
    color:#333;
    text-shadow: 0 1px 0 #DDDDDD;
    top: 7px;
}



/******* E-Platform END ************/


/********** error Page *************/

.error404-page, .sys-error {
    margin: auto;
    padding-top: 70px;
    width: 600px;
	text-align:center;
}

.error404-page h1, .sys-error h1 {
    margin: 20px 0 0;
	color:#666;
	text-shadow:0px 3px #FFF;
	font-size:70px;
}

.error404-page h3, .sys-error h3 {
    margin: 20px 0 0;
	color:#666;
	text-shadow:0px 2px #FFF;
	font-size:30px;
}

.error404-page p, .sys-error p {
    margin: 10px 0;
    padding: 0;
	font-size:20px;
	text-shadow:0px 2px #FFF;
}

.error-att, .s-timeout {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 0 5px #d5d5d5;
    -webkit-box-shadow: 0 0 5px#d5d5d5;
    box-shadow: 0 0 5px #d5d5d5;
    margin: 70px auto auto;
    padding-bottom: 30px;
    padding-top: 30px;
    text-align: center;
    width: 700px;
}

.error-att h1.title {
	color:#666;
	text-shadow:0px 2px #FFF;
	font-size:50px;
	background: url(../images/icon_erroratt.png) 21% 20% no-repeat;
	border-bottom:1px dashed #e2e2e2;
	padding-bottom:20px;
}

.s-timeout h1.title {
	color:#666;
	text-shadow:0px 2px #FFF;
	font-size:50px;
	background: url(../images/icon_stimeout.png) 34% 15% no-repeat;
	border-bottom:1px dashed #e2e2e2;
	padding-bottom:20px;
}

.error-att p, .s-timeout p {
    margin: 20px 0;
    padding: 0;
	font-size:20px;
	text-shadow:0px 2px #FFF;
}

/************** error end ******************/

/******************* Font Sizer ***********************/

.fontsizer {

  /* background: url("../images/sc-bg-pat.png") repeat scroll center top #FFFFFF; */
   background:#E7E7E9;
   float:right;
   margin-top:10px;
   margin-right:5px;
   border-radius: 5px 5px 0px 0px;
   color:#1b5b67;
   padding:6px;
}

.fontsizer a {
	color:#1b5b67;
	cursor:pointer;
	text-shadow: 0 1px 0 #FFF;
}

.fontsizer a:hover {
	text-decoration:underline;
}

div .offline {
	float:right;
}

div .moduleHeader {
	text-align:center;
	font-size:20px;
}

.low-text {
	height:auto !important;
	width:99% !important;
}

.form .row .nowrap {
	width: 32% !important;
}

.form .row-public .nowrap {
	width: 32% !important;
}

/*32 icons list*/


ul#bigicon li {
    background-color: #F0F0F0;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid #CCCCCC;
    border-radius: 4px 4px 4px 4px;
    cursor: pointer;
    display: block;
    float: left;
    height: 48px;
    list-style: none outside none;
    margin: 4px;
    width: 48px;
}

.bigicon.ic-arrow-left {
    background-image: url("../images/arrow_left.png");
}

.bigicon.ic-arrow-right {
    background-image: url("../images/arrow_right.png");
}

.bigicon.ic-arrow-down {
    background-image: url("../images/arrow_down.png");
}

.bigicon.ic-arrow-up {
    background-image: url("../images/arrow_up.png");
}

.capital {
    text-transform:uppercase;
}


/*=================PO LOGIN=================*/



#po_container {
  width:960px;
  margin:0 auto;
}


#po_content {
    background: none repeat scroll 0 0 #FFFFFF;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 5px #B2B2B2;
    float: left;
    margin-top: 40px;
    padding: 10px;
    width: 960px;
}

.mycase {
  width:635px;
  background:#fff;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-box-shadow:0px 0px 5px #b2b2b2;
  -webkit-box-shadow:0px 0px 5px #b2b2b2;
  box-shadow:0px 0px 5px #b2b2b2;
  float:left;
}

.mycase .title {
  /*background: url("../images/ag-title-bg.png") repeat-x scroll 0 0 transparent; */

   background-color:#2A6B78;
   background-image:-webkit-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
   background-image:-moz-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
   background-image:-o-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
   background-image:-ms-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
   background-image:linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
    border-radius: 5px 5px 0 0;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    height: 33px;
    position: relative;
    text-shadow: 1px 1px 1px #333333;
    width: 100%;
}

.mycase .title .mycase-icon {
/*  background:url('../images/ag-icon-mycase.png') no-repeat left scroll;
    vertical-align:top;
  padding-left:25px;  */
  margin:7px;
  line-height:34px;
  vertical-align:top;

}

.advsearch-icon {

    background:url('../images/ag-icon-advsearch.png') no-repeat left scroll;
    vertical-align:top;
    padding-left:25px;
    /* margin:7px;*/
    line-height:34px;
    vertical-align:top;
}
.mycase-box, .myapp-box {
  padding-top:10px;
   padding-bottom:10px;
  border-bottom:1px solid #e6e6e6;
  display:block;
  float:left;
  width:100%;
}

.mycase-box h4, .myapp-box h4 {
  font-size:13px;
}


.mycase-box img, .myapp img {
  float:left;
  margin-left:8px;
}
.mycase-box p, .myapp p {
  font-size:13px;
}


.quicklink {
  width:315px;
  background:#fff;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-box-shadow:0px 0px 5px #b2b2b2;
  -webkit-box-shadow:0px 0px 5px #b2b2b2;
  box-shadow:0px 0px 5px #b2b2b2;
  margin-left:10px;
}

.quicklink .title {
  width:100%;
  height:33px;
  /*background:url('../images/ag-title-bg.png') repeat-x scroll; */

   background-color:#2A6B78;
  background-image:-webkit-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-moz-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-o-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-ms-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  text-shadow: 1px 1px 0px #333;
  font-size:13px;
  color:#fff;
  font-weight:bold;
}

.quicklink .title .quicklink-icon {
 /* background:url('../images/ag-icon-link.png') no-repeat left scroll;*/
    margin:7px;
  line-height:34px;
  vertical-align:top;
}

.docinfo-icon {
  background:url('../images/ag-icon-docinfo.png') no-repeat left scroll;
  margin:5px;
  padding-left:25px;
  line-height:34px;
}


.myapp {
  width:100%;
  background:#fff;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;
  -moz-box-shadow:0px 0px 5px #b2b2b2;
  -webkit-box-shadow:0px 0px 5px #b2b2b2;
  box-shadow:0px 0px 5px #b2b2b2;
  float:left;
}

.myapp .title {
  width:100%;
  height:33px;
  /*background:url('../images/ag-title-bg.png') repeat-x scroll; */

   background-color:#2A6B78;
  background-image:-webkit-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-moz-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-o-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:-ms-linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  background-image:linear-gradient(to bottom, #78B4CA 0%, #2A6B78 100%);
  -moz-border-radius: 5px 5px 0px 0px;
  -webkit-border-radius: 5px 5px 0px 0px;
  border-radius: 5px 5px 0px 0px;
  text-shadow: 1px 1px 0px #333;
  font-size:13px;
  color:#fff;
  font-weight:bold;
  position:relative;
}

.myapp .title .myapp-icon {
 /* background:url('../images/ag-icon-myapp.png') no-repeat left scroll;*/
   margin:7px;
  line-height:34px;
  vertical-align:top;
}
p.fileby, p.filedate  {
  float: right;
  margin-right:5px;
  font-size:12px;
}

span.more {
  margin:10px;
  float:right;
}

.file-search {
  float:right;
  margin:6px;
  position: absolute;
  right: 0;
  top: 0;
  width: 180px;
  /*width:28%;*/
}

.myapp-data, .mycase-data
{
	/*padding-left:10px;*/
    float:left;
}


/*********************NEW HEADER 15 Apr 2013***************************/


#jo_newheader {
  width:100%;
  min-width:980px;

  background-color:#294752;
  background-image:-webkit-linear-gradient(top, #3D616E, #294752);
  background-image:-moz-linear-gradient(top, #3D616E, #294752);
  background-image:-o-linear-gradient(top, #3D616E, #294752);
  background-image:-ms-linear-gradient(top, #3D616E, #294752);
  background-image:linear-gradient(top, #3D616E, #294752);

  -webkit-box-shadow:0 1px #3D616E inset, 0 -1px #294752 inset, 0 1px 3px #777;
  -moz-box-shadow:inset 0 1px #3D616E, inset 0 -1px #294752, 0 1px 3px #777;
  box-shadow:inset 0 1px #3D616E, inset 0 -1px #294752, 0 1px 3px #777;
}



#jo_newheader .jo_menu-wrap {
    height: 35px;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}

.jo_menu, .jo_menu ul {
	margin:0;
	padding:0;
	list-style:none outside none;
}
/* --------------------------------------- */
.jo_menu li, .jo_menu ul a {position:relative; z-index:999;}
.jo_menu > li {float:left;}
/*.menu > li.floatr {float:right;}*/
.jo_menu li > a {display:block;}
/* --------------------------------------- */
.jo_menu ul {
	position:absolute;
	display:none;
	width:125px;
}
.jo_menu ul ul {
	top:0;
	left:125px;
}
.jo_menu > li.floatr > ul {right:0;}
.jo_menu > li.floatr > ul ul {left:-125px;}
.jo_menu li:hover > ul {display:block;}
/* mega menu ----------------------------- */
.jo_menu .cols1, .jo_menu .cols2, .jo_menu .cols3, .jo_menu .cols4, .jo_menu .cols5 {
	position:absolute;
	display:none;
	overflow:auto;
	z-index:999;
}
.jo_menu .cols1, .jo_menu .col1 {width:200px;}
.jo_menu .cols2, .jo_menu .col2 {width:400px;}
.jo_menu .cols3, .jo_menu .col3 {width:600px;}
.jo_menu .cols4, .jo_menu .col4 {width:800px;}
.jo_menu .cols5, .jo_menu .col5 {width:1000px;}
.jo_menu > li.floatr > div {right:0;}
.jo_menu > li:hover > div {display:block;}
.jo_menu .col1, .jo_menu .col2, .jo_menu .col3, .jo_menu .col4, .jo_menu .col5 {float:left;}



/*Small Nav Start ----------------------------------------*/

.sblack {
	height:35px;
	/*border:1px solid #292929;*/
	font-family:Arial, Helvetica, sans-serif;

	/*background-color:#4b4b4b;
	background-image:-webkit-linear-gradient(top, #555, #404040);
	background-image:-moz-linear-gradient(top, #555, #404040);
	background-image:-o-linear-gradient(top, #555, #404040);
	background-image:-ms-linear-gradient(top, #555, #404040);
	background-image:linear-gradient(top, #555, #404040);

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	-webkit-box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 3px #ddd;
	-moz-box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 3px #ddd;
	box-shadow:inset 0 1px #787878, inset 0 -1px #292929, 0 1px 3px #ddd;*/
}

.sblack a {text-decoration:none;}

.sblack > li > a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	text-shadow:0 -1px #022c2d;
	padding:8px 12px 8px;
}
.sblack > li:hover > a {
	background-color:#2f4f5b;
	color:#fff;
	text-shadow:0 -1px #1d4858;

	-webkit-box-shadow:inset 0 2px #aa0006 /*inset 1px 0 #4e7684 */;
	-moz-box-shadow:inset 0 2px #aa0006/* inset 1px 0 #4e7684*/;
	box-shadow:inset 0 2px #aa0006/* inset 1px 0 #4e7684*/;

	border-left:none;
	padding-left:13px;
}


.sblack > li > a span.noti {
  padding-left:23px;
  background:url('../images/cm-icon-messages.png') no-repeat left center;
}
.sblack > li > a span.list {
  padding-left:23px;
  background:url('../images/cm-icon-list.png') no-repeat left center;
}

.sblack > li > a span.inbox {
  padding-left:25px;
  background:url('../images/cm-icon-inbox.png') no-repeat left center;
}
.sblack > li > a span.document {
  padding-left:23px;
  background:url('../images/cm-icon-myapp.png') no-repeat left center;
}
.sblack > li > a span.template {
  padding-left:23px;
  background:url('../images/cm-icon-template.png') no-repeat left center;
}
.sblack > li > a span.logout {
  padding-left:20px;
  background:url('../images/cm-icon-logout.png') no-repeat left center;
}
.sblack > li > a span.profile {
  padding-left:23px;
  background:url('../images/cm-icon-profile.png') no-repeat left center;
}
.sblack > li > a span.messages {
  padding-left:23px;
  background:url('../images/cm-icon-messages.png') no-repeat left center;
}

.sblack > li > a span.applications {
  padding-left:23px;
  background:url('../images/cm-icon-application.png') no-repeat left center;
}

.sblack > li > a span.cases {
  padding-left:23px;
  background:url('../images/cm-icon-case.png') no-repeat left center;
}
.sblack > li > a span.efiling {
  padding-left:23px;
  background:url('../images/cm-icon-action.png') no-repeat left center;
}
.sblack > li > a span.home {
  padding-left:23px;
  background:url('../images/cm-icon-home.png') no-repeat left center;
}
.sblack > li > a span.worklist {
  padding-left:23px;
  background:url('../images/cm-icon-worklist.png') no-repeat left center;
}

.sblack > li {border-right:1px solid #343434;border-right:1px solid rgba(0, 0, 0, .33);}
.sblack > li.last {border-right:none;}
.sblack > li > a {border-left:1px solid #4a6e7c;border-left:1px solid rgba(74, 120, 124, .50);}
.sblack > li > a.first {border-left:none;}
.sblack > li.floatr {
	/*border-right:none;
	border-left:1px solid #343434;
	border-left:1px solid rgba(0, 0, 0, .33); */
}
.sblack > li.floatr.first {
	border-left:none;
}

.sblack > li > a img, .sblack li > ul > li > a img {
	border:0;
	margin-right:5px;
}

/* notification bubbles for menu ------------------ */

.sblack > li > a .notibubble, .sblack li > a .notibubble-alt {
	font-size:11px;
	line-height:11px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	margin-left:7px;
	position:relative;
	top:-1px;
}
.sblack > li > a .notibubble {
	color:#fff;
	background-color:#df0a0a;
	text-shadow:0 1px #9d0707;

	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #727272;
}
.sblack > li > a .notibubble-alt {
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;

	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}
.sblack > li:hover > a .notibubble {
	text-shadow:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.sblack ul > li .notibubble {
	font-size:11px;
	line-height:12px;
	padding:1px 4px;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	position:absolute;
	right:6px;
	top:7px;
	color:#fff;
	background-color:#333;
	text-shadow:0 1px #242424;
	-webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	-moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
	box-shadow:inset 0 1px 1px rgba(0, 0, 0, .4), 0 1px #767676;
}

.sblack > li > a .notibubble-top {
	position:absolute;
	font-size:11px;
	line-height:14px;
	color:#fff;
	padding:0 3px;
	right:4px;
	top:-8px;
	text-shadow:none;
	border:1px solid #a00000;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;

	background-color: #df0a0a;
	background-image: -webkit-linear-gradient(top, #f26870, #ec0e23);
	background-image: -moz-linear-gradient(top, #f26870, #ec0e23);
	background-image: -o-linear-gradient(top, #f26870, #ec0e23);
	background-image: -ms-linear-gradient(top, #f26870, #ec0e23);
	background-image: linear-gradient(top, #f26870, #ec0e23);

	-webkit-box-shadow:inset 0 1px #ffa7a7;
	-moz-box-shadow:inset 0 1px #ffa7a7;
	box-shadow:inset 0 1px #ffa7a7;
}

/* sub menu ------------------------------ */

.sblack ul {
	background-color:#264c59;
	border:1px solid #335d6c;
	border-top:none;
	left:-1px;
/*
	-webkit-box-shadow:0 2px #a1775c, inset 1px 0 #2a1d14;
	-moz-box-shadow:0 2px #a1775c, inset 1px 0 #2a1d14;
	box-shadow:0 2px #a1775c, inset 1px 0 #2a1d14;*/
}
.sblack > li.floatr > ul {right:-1px;left:auto;}
.sblack > li.floatr > ul ul {left:-127px;}
.sblack ul a {
	color:#fff;
	font-weight:bold;
	font-size:12px;
	line-height:18px;
	padding:5px 10px;
	border-top:1px solid #37616f;
	-webkit-box-shadow:inset 0 1px #1d4552;
	-moz-box-shadow:inset 0 1px #1d4552;
	box-shadow:inset 0 1px #1d4552;
	text-shadow:0 -1px #132b33;
}
.sblack ul a:hover {
	background-color:#2F4f5B;
	color:#fff;
	text-shadow:0 -1px #1D4858;
	-webkit-box-shadow:0 1px #AA0006 inset;
	-moz-box-shadow:0 1px #AA0006 inset;
	box-shadow:0 1px #AA0006 inset;
}
.sblack ul ul li:first-child a {border-top-color:#2c2c2c;}

/* mega menu ----------------------------- */

.sblack li > div {
	background-color:#fff;
	border:1px solid #1d4858;
	border-top:none;
	left:-1px;
	/*-webkit-box-shadow:0 2px #8b6348, inset 1px 0 #787878;
	-moz-box-shadow:0 2px #8b6348, inset 1px 0 #787878;
	box-shadow:0 2px #8b6348, inset 1px 0 #787878;*/
	padding:4px;
}
.sblack > li.floatr > div {right:-1px;left:auto;}
.sblack h4, .sblack h5 {margin:0;padding:0;}
.sblack h4 {
	font-size:15px;
	color:#666;
	font-weight:normal;
	margin:10px 10px 5px;
	padding-bottom:10px;
	border-bottom:1px solid #666;
}
.sblack h5 {
	font-size:14px;
	color:#666;
	font-weight:bold;
	margin:10px 10px 0;
	text-shadow:0 -1px #fff;
}
.sblack ol {
	list-style:none;
	margin:7px 6px;
	padding:0;
}

.sblack ol a {
	color:#666;
	font-size:12px;
	padding:5px 0px 5px 15px;
	background: url("../images/sc-megamenu-arrow.png") no-repeat scroll left center transparent;
	text-shadow:0 1px #fff;
}
.sblack ol a:hover {
	color:#2f4f5b;
	text-decoration:underline;
	background: url("../images/sc-megamenu-arrow.png") no-repeat scroll left center #e0eaeb;
}
.sblack p {
	color:#453022;
	font-size:12px;
	line-height:18px;
	margin:9px 10px;
	padding:0;
}
.sblack p a {
	color:#666;
	text-decoration:underline;
}
.sblack p a:hover {
	color:#453022;
}


.slide ul, .slide li > div {
	display:block !important;
	visibility:hidden;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);
	opacity:0;

	-webkit-transform:translate3d(0, 50px, 0);
	-moz-transform:translateY(50px);
	-o-transform:translateY(50px);
	-ms-transform:translateY(50px);
	transform:translateY(50px);

	-webkit-transition:visibility 0s linear .2s, -webkit-transform .2s linear, opacity .2s linear;
	-moz-transition:visibility 0s linear .2s, -moz-transform .2s linear, opacity .2s linear;
	-o-transition:visibility 0s linear .2s, -o-transform .2s linear, opacity .2s linear;
	-ms-transition:visibility 0s linear .2s, -ms-transform .2s linear, opacity .2s linear;
	transition:visibility 0s linear .2s, transform .2s linear, opacity .2s linear;

	box-shadow: 0 30px 5px -30px #000000 inset;
	-webkit-box-shadow:0 30px 5px -30px #000000 inset;
	-moz-box-shadow:0 30px 5px -30px #000000 inset;
}

.slide li:hover > ul, .slide li:hover > div {
	visibility:visible;

	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter:alpha(opacity=100);
	opacity:1;

	-webkit-transform:translate3d(0, 0, 0);
	-moz-transform:translateY(0);
	-o-transform:translateY(0);
	-ms-transform:translateY(0);
	transform:translateY(0);

	-webkit-transition-delay:0s;
	-moz-transition-delay:0s;
	-o-transition-delay:0s;
	-ms-transition-delay:0s;
	transition-delay:0s;
}

.slide > li > a .notibubble-top {
	-webkit-transition:-webkit-transform .3s;
	-moz-transition:-moz-transform .3s;
	-o-transition:-o-transform .3s;
	-ms-transition:-ms-transform .3s;
	 transition:transform .3s;
}

.slide > li > a:hover .notibubble-top {
	-webkit-transform:translate3d(0, -3px, 0);
	-moz-transform:translateY(-3px);
	-o-transform:translateY(-3px);
	-ms-transform:translateY(-3px);
	transform:translateY(-3px);
}
/*Small nav end*/



/* #Media Queries for JO HD Screen
================================================== */

@media screen and (min-width: 1920px){

	 body { font: 15px Tahoma,Arial,Verdana,sans-serif;}
	.sblack > li > a { font-size: 15px; padding: 8px 12px;}
	.sblack ol a { font-size: 15px; padding: 5px 0 5px 15px;}

	.form .row .fld { font: 15px/20px Tahoma,Arial,Verdana,sans-serif; padding: 6px 0 3px 20px;}
	.form .row .val { font: 15px/20px Tahoma,Arial,Verdana,sans-serif; }
	.form .row-public .fld { font: 15px/20px Tahoma,Arial,Verdana,sans-serif; padding: 6px 0 3px 20px;}
	.form .row-public .val { font: 15px/20px Tahoma,Arial,Verdana,sans-serif; }

	.nav-tab ul li { font-size: 15px;}
	.section .title { font-size: 16px/34px;}
	.pagination ul li { margin: 0 5px; padding: 5px 10px;}

	.form .row .row-fld { font-size :15px/20px;}
	.form .row-public .row-fld { font-size :15px/20px;}

	table.list-s th, table.list-cal td, th { font-size:15px/20px; padding: 5px;}
	table.list-s td, th { font: 15px/18px Tahoma,Arial,Verdana,sans-serif; padding: 5px;}
	table.list td, th { font: 15px/18px Tahoma,Arial,Verdana,sans-serif; padding: 5px;}
	.casebox div.casename { margin-bottom: 5px;}
	input[type="button"], .action input[type="button"] { font-size: bold 15px Tahoma,Arial,Verdana,sans-serif;}
	.info, .success, .warning, .error { font-size:15px;}

}


/* #Media Queries for iPad Screen
================================================== */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px){

	 body { font: 14px Tahoma,Arial,Verdana,sans-serif;}
	#jo_newheader {min-width:730px;}
	 #logo {font-size: 0.1px;}
	 .welcome {font-size: 10px; display:none;}
	 .fontsizer { display:none;}
	.sblack > li > a { font-size: 11px; padding: 8px 6px;}
	.sblack > li:hover > a {padding-left: 7px;}
	.sblack > li.floatr > div {left: auto; right: -140px;}
	.sblack > li > a span.home, .sblack > li > a span.cases, .sblack > li > a span.inbox, .sblack > li > a span.profile, .sblack > li > a span.logout {display:none;}
	.sblack h5 {  font-size: 13px;font-weight: bold; margin: 5px 5px 0;}
	.sblack ol a { font-size: 11px; padding: 5px 0 5px 10px;}

	.form .row .fld { font: 14px/20px Tahoma,Arial,Verdana,sans-serif; padding: 6px 0 3px 20px;}
	.form .row .val { font: 14px/20px Tahoma,Arial,Verdana,sans-serif; }
	.form .row-public .fld { font: 14px/20px Tahoma,Arial,Verdana,sans-serif; padding: 6px 0 3px 20px;}
	.form .row-public .val { font: 14px/20px Tahoma,Arial,Verdana,sans-serif; }

	.nav-tab ul li { font-size: 14px;}
	.section .title { font-size: 15px/34px;}
	.pagination ul li { margin: 0 5px; padding: 5px 10px;}

	.form .row .row-fld { font-size :14px/20px;}
	.form .row-public .row-fld { font-size :14px/20px;}

	table.list-s th, table.list-cal td, th { font-size:14px/20px; padding: 5px;}
	table.list-s td, th { font: 14px/18px Tahoma,Arial,Verdana,sans-serif; padding: 5px;}
	table.list td, th { font: 14px/18px Tahoma,Arial,Verdana,sans-serif; padding: 5px;}
	.casebox div.casename { margin-bottom: 5px;}
	input[type="button"], .action input[type="button"] { font-size: bold 16px Tahoma,Arial,Verdana,sans-serif; padding:10px 25px !important;}
	.info, .success, .warning, .error { font-size:14px;}
	input[type="button"] {color: #FFFFFF; cursor: pointer; font: bold 14px Tahoma,Arial,Verdana,sans-serif; outline: medium none;
    padding:10px 25px !important;}
	.casebox { width: 97.5%;}
	.casebox span.caseid, .casebox span.issuedate, .casebox span.bailboneamount { text-align:left; width: 100%;padding:5px 0; border-bottom: 1px dashed #e3e3e3;}
}
/* #Media Queries for screen size 1280px by 1024px
================================================== */

@media screen and (min-width: 1024px) and (max-width: 1280px){

	 .fontsizer { display:none;}
	 .sblack > li > a { font-size: 12px; padding: 8px;}
	 .sblack > li:hover > a {padding-left: 9px;}

}

.summaryGroup {
    margin: 3px 0;
}

.blue-font {
    color:blue;
    margin: 3px 0;
}

.sub-blue-font {
    display:inline-block;
    margin: 3px 0;
}

.link {
  color:#1d96bc;
  text-decoration:none;
}

.link:hover {
  color:#878787;
  text-decoration:underline;
}

.left-header {
  border-radius: 5px;
  float: left;
  line-height: 22px;
  margin-left: 10px;
  margin-top: 50px;
  padding: 1px 0 0 1px;
  position: absolute;
  width: 380px;
}

.font17 {
	font-size:17px !important;
}

/****************Tab content*******************/

#tabbed-content {
	background:#c9d8da !important;
	 float:left;
  width:100%; /*no width if you want to do fix width in screen*/
  padding:10px 5px 5px 5px;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border:1px solid #e1e1e1;
  border-top:0px;
}

#tabbed-content-mc {
		background:#c9d8da !important;
	 float:left;
  width:99%; /*no width if you want to do fix width in screen*/
  padding:10px 5px 5px 5px;
  border-radius:8px;
  -webkit-border-radius:8px;
  -moz-border-radius:8px;
  border:1px solid #e1e1e1;
  border-top:0px;
}

.tabbed-tabbg {
	background:#c9d8da !important;
}

/************************************/
p.directPara {
  margin-bottom: 16px;
}

span.mcDirectSpacer {
    display: block;
    line-height: 50%;
    visibility: hidden;
}
.hideEditActionIcon {
    display:none;
}