body {
    
    background: url("../images/back_repeat.gif") repeat scroll 0 0 rgba(0, 0, 0, 0);
}

textarea
{
  font-size:12px !important;
}
input, select, textarea
{
  background-color:#FFFFFF;
  border:1px solid #B5B8C8;
  padding:1px 3px;
}

#canvas {
    padding-right: 5px;
    
}

#header {
    padding: 10px 0 15px 10px;
    
}
#header.login-page
{
  background: url("../images/back_top.gif") repeat-x scroll 0 0 rgba(0, 0, 0, 0);
  height:500px;
}


#header h1 {
    color: #FFFFFF;
    float: left;
    font-family: "Times New Roman",Times,serif;
    font-size: 25px;
    font-style: italic;
    float: left;
}
#header.login-page h1
{
    font-size: 30px;
    margin-left: 15px;
    margin-top: 65px;
}

#logo
{
  background: url("../images/logo.gif");
  width:185px;
  height:146px;
  margin-left: 15px;
  float:right;
}

#header .switch-assistance {
    float: right;
    margin-right: 10px;
}

#header a {
    color: white;
    font-size: 11px;
}

#menu {
    width: 15%;
}

#content {
  width:85%;
}

/* <LAYOUT> */
.layout-column {
    float: left;
    height: 100%;
}
/* </LAYOUT> */

/* <PANELS> */
.panel {
    background: white;
    border: 1px solid #99bce8;
    margin: 5px 0 0 5px;
    height: 100%;
}


.panel > .header, .ui-dialog-titlebar {
    font-size: 11px;
    border-bottom: 1px solid #99bce8;
    background-image: none;
    background-color: #cbddf3;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dae7f6),color-stop(45%,#cddef3),color-stop(46%,#abc7ec),color-stop(50%,#abc7ec),color-stop(51%,#b8cfee),color-stop(100%,#cbddf3));
    background-image: -webkit-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: -moz-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: -o-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: -ms-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    background-image: linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3);
    -moz-box-shadow: #f4f8fd 0 1px 0 0 inset;
    -webkit-box-shadow: #f4f8fd 0 1px 0 0 inset;
    -o-box-shadow: #f4f8fd 0 1px 0 0 inset;
    box-shadow: #f4f8fd 0 1px 0 0 inset;
    padding: 6px 0;
}

.ui-dialog-titlebar {
    font-size: 11px !important;
    border-bottom: 1px solid #99bce8 !important;
    background-image: none !important;
    background-color: #cbddf3 !important;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dae7f6),color-stop(45%,#cddef3),color-stop(46%,#abc7ec),color-stop(50%,#abc7ec),color-stop(51%,#b8cfee),color-stop(100%,#cbddf3)) !important;
    background-image: -webkit-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3) !important;
    background-image: -moz-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3) !important;
    background-image: -o-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3) !important;
    background-image: -ms-linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3) !important;
    background-image: linear-gradient(top,#dae7f6,#cddef3 45%,#abc7ec 46%,#abc7ec 50%,#b8cfee 51%,#cbddf3) !important;
    -moz-box-shadow: #f4f8fd 0 1px 0 0 inset !important;
    -webkit-box-shadow: #f4f8fd 0 1px 0 0 inset !important;
    -o-box-shadow: #f4f8fd 0 1px 0 0 inset !important;
    box-shadow: #f4f8fd 0 1px 0 0 inset !important;
    padding: 6px 0 !important;
}

.panel > .header span {
    margin-left: 5px;
    font-weight: bold;
}

.panel .button-bar {  
    height:25px;
    font-size: 11px;
    padding: 2px 0 2px 2px;
    border-bottom: 1px solid #99bce8;
    background-image: none;
    background-color: #d3e1f1;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dfe9f5),color-stop(100%,#d3e1f1));
    background-image: -webkit-linear-gradient(top,#dfe9f5,#d3e1f1);
    background-image: -moz-linear-gradient(top,#dfe9f5,#d3e1f1);
    background-image: -o-linear-gradient(top,#dfe9f5,#d3e1f1);
    background-image: -ms-linear-gradient(top,#dfe9f5,#d3e1f1);
    background-image: linear-gradient(top,#dfe9f5,#d3e1f1);
}

.panel .button-bar tr
{
  height:18px;
}


.panel .button-bar .button {
    float: left;
    margin-right: 10px;
}

.panel .content {
    overflow-y: auto;
}

.panel .content input, .panel .content select, .panel .textarea
{
 /* font: normal 11px tahoma,arial,verdana,sans-serif;   */
}
/* <PANEL FORM> */
form .hidden {
    display: none;
}

form textarea {
    font-family: Verdana, Arial, sans-serif;
}

.panel .content.form {
    background-color: #d5e2f2;
}

.panel .content.form .error {
    margin-left: 10px;
    border: 1px solid red;
    margin-top: 10px;
    margin-right: 10px;
    padding: 10px;
    font-size: 11px;
    font-weight: normal;
    background-color: #F2D0C9;
}

.panel .content.form .section-header {
    color: #000000;
    font-size: 11px;
    font-weight: bold;
    padding: 5px 0 15px 0;
}

.panel .content.form table {
    margin: 10px;
    font-size: 11px;
}

.panel .content.form table th, .panel .content.form table td {
    vertical-align: middle;
}

.panel .content.form table th {
    text-align: right;
}

/* </PANEL FORM> */
/* </PANELS> */

/* <TREES> */

.history-panel {
  background: white;
  border: 1px solid #99bce8;
  margin: 5px 0 0 5px;
  height: 100%;
}
.history-panel .left-table, .history-panel .right-table {
  width: 50%;
  margin-top: 30px;
  float: left;
}
.history-panel .restoreUserNeedsHistoryButton, .history-panel .restoreUserGuidelinesHistoryButton {
  width: 180px;
}


/* </TREES> */

/* <DATA-GRID> */
.data-grid {
    width: 100%;
    font-size: 11px;
}

.data-grid thead tr th {
    text-align: left;
    padding: 5px 5px;
    border: 0 none;
    border-right: 1px solid #c5c5c5;
    font: normal 11px tahoma,arial,verdana,sans-serif;
    background-image: none;
    background-color: #c5c5c5;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#f9f9f9),color-stop(100%,#e3e4e6));
    background-image: -webkit-linear-gradient(top,#f9f9f9,#e3e4e6);
    background-image: -moz-linear-gradient(top,#f9f9f9,#e3e4e6);
    background-image: -o-linear-gradient(top,#f9f9f9,#e3e4e6);
    background-image: -ms-linear-gradient(top,#f9f9f9,#e3e4e6);
    background-image: linear-gradient(top,#f9f9f9,#e3e4e6);
}

.data-grid tbody tr td {
    border-bottom: 1px dotted #ddd;
    padding: 4px 3px;
    cursor: pointer;
}



.data-grid tbody tr.even td {
    background-color: #fafafa;
}


.data-grid tbody tr:hover td {
    border-color:#ddd;
    background-color:#efefef;
}

.data-grid tbody tr.selected td {
    border-color: #a3bae9;
    background-color: #dfe8f6!important;
}
/* </DATA-GRID> */

/* <BUTTON> */
.button {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 3px;
    padding: 2px 2px 2px 2px;
    background-color: transparent;
    cursor: pointer;
    cursor: hand;
    display: block;
    border: 1px solid transparent;
    text-decoration: none;
    color: black;
    vertical-align: middle;
}

.button .text {
    display: block;
    margin-top: 2px;
    float: left;
}

.button:hover {
    border-color: #81a4d0;
    background-image: none;
    background-color: #dbeeff;
    background-image: -webkit-gradient(linear,50% 0,50% 100%,color-stop(0%,#dbeeff),color-stop(48%,#d0e7ff),color-stop(52%,#bbd2f0),color-stop(100%,#bed6f5));
    background-image: -webkit-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image: -moz-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image: -o-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image: -ms-linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
    background-image: linear-gradient(top,#dbeeff,#d0e7ff 48%,#bbd2f0 52%,#bed6f5);
}


/* </BUTTON> */

/* <ICONS> */
.icon {
    width: 16px;
    height: 16px;
    margin-right: 3px;

    float: left;
    display: block;
}

.icon.leaf {
    background-image: url('../images/icons/leaf.gif');
}

.icon.add {
    background-image: url('../images/icons/add.png');
}

.icon.save {
    background-image: url('../images/icons/save.png');
}

.icon.remove{
  background-image: url('../images/icons/cross.png'); 
}

.icon.table_edit{
  background-image: url('../images/icons/table_edit.png');
}


/* </ICONS> */

/* <JSTREE OVERRIDE> */
.jstree li.leaf > a .jstree-icon {
     background: url('../images/icons/leaf.gif') 0 0;
}

.jstree li.key > a .jstree-icon {
    background: url('../images/icons/key.gif') 0 0;
}

.jstree li.user_female > a .jstree-icon {
    background: url('../images/icons/user_female.png') 0 0;
}

.jstree li.user_go > a .jstree-icon {
    background: url('../images/icons/user_go.png') 0 0;
}

.jstree li.user_ask > a .jstree-icon {
    background: url('../images/icons/user_ask.png') 0 0;
}

.jstree li.IP_plan > a .jstree-icon {
    background: url('../images/icons/IP_plan.png') 0 0;
}

.jstree li.client-schedule > a .jstree-icon {
    background: url('../images/icons/client-schedule-ico.png') 0 0;
}

.jstree li.socass-schedule > a .jstree-icon {
    background: url('../images/icons/socass-schedule-ico.png') 0 0;
}

.jstree li.employee-schedule > a .jstree-icon {
    background: url('../images/icons/employee-schedule-ico.png') 0 0;
}

.jstree li.schedule-admin > a .jstree-icon {
    background: url('../images/icons/schedule-admin-ico.png') 0 0;
}

.jstree li.bill-schedule > a .jstree-icon {
    background: url('../images/icons/bill-schedule-ico.png') 0 0;
}

.jstree li.application_home > a .jstree-icon {
    background: url('../images/icons/application_home.png') 0 0;
}

.jstree li.money > a .jstree-icon {
    background: url('../images/icons/money.png') 0 0;
}

.jstree li.plan-tick > a .jstree-icon {
    background: url('../images/icons/plan-tick.png') 0 0;
}

.jstree li.report_user > a .jstree-icon {
    background: url('../images/icons/report_user.png') 0 0;
}

.jstree ul li a {
    color: black;
    text-decoration: none;
    font-size: 11px;
    border: 1px solid transparent;
}

.jstree ul li a.selected {
    border: 1px solid dodgerblue;
    background-color: lightsteelblue;
}
/* </JSTREE OVERRIDE> */

button.ui-datepicker-trigger
{
  border:0;
  background:transparent;
  width:17px;
  height:22px;
  cursor:pointer;
  padding:0;

  
}

button.ui-datepicker-trigger img
{
  margin-left:-2px;
}

/*datepicker override*/
#ui-datepicker-div
{
  width:190px;
  font-size:12px
}

.ui-datepicker-header
{
   background-color:#23427C !important;
   background-image: -moz-linear-gradient(center top, #264888, #1F3A6C) !important;
   height:26px;
   font-weight: normal;
}

table.ui-datepicker-calendar th 
{
    background-color: #DFECFB;
    background-image: -moz-linear-gradient(center top , #EDF4FD, #CDE1F9);
    border-bottom: 1px solid #B2D1F5;
    border-collapse: separate;
    color: #233D6D;
    cursor: default;
    font: 10px tahoma,arial,verdana,sans-serif;
    height: 19px;
    padding: 0;
    text-align: right;
    width: 25px;
    font: 10px tahoma,arial,verdana,sans-serif;
    text-align: right;
    padding-right: 7px;
}

table.ui-datepicker-calendar tr
{
  height: 20px;
}
table.ui-datepicker-calendar tbody
{
  background-color:#FFFFFF !important;
}
table.ui-datepicker-calendar td
{
  border: 1px solid #FFFFFF;
  height: 17px;
  padding: 0;
  text-align: right;
  color: #000000 !important
}


/*selecter component*/

.selecter-output
{
  position:absolute;
  background-color:#FFFFFF;
  border:1px solid #B5B8C8;
}

.selecter-output .pagination
{
  background-color:#D3E1F1;
  background-image: -moz-linear-gradient(center top, #DFE9F5, #D3E1F1);
  border-color:#99BCE8;
}

.selecter-output .selecter-row
{
  border-bottom:1px dotted #dddddd;
  padding:3px;
}

.selecter-output .selecter-row:hover
{
  background-color:#EFEFEF;
}

.selecter-output .pagination img, .selecter, .selecter-output .selecter-row
{
  cursor:pointer;
}

.single-action input
{
  width:80px;
  height:18px;
}

th.single-action-header
{
  font-weight:bold;
  padding:2px;
  text-align:left;  
}

.button.remove
{
  height:16px;
  width:16px;
}

.schedule-right table
{
  margin-top:50px;
}

.schedule-control a
{
   text-decoration:none;
   color:black;
   
}

.schedule-control {
    margin-left: -35px;
    padding-bottom: 10px;
}

#ipcareplan .lc-content {
	width: 100%;
}

.lawact-row select
{
  width:80px;
}






.help-dialog, .print-report-dialog
{
  position:absolute;
  top:10px;
  left:100px;
  background: none repeat scroll 0 0 #DFE8F6;
  border-color: #99BCE8;
  border-width: 1px;
  color: #000000;
  font-family: Verdana,Arial;
  font-size:12px;
  width:830px;
  height:560px;
} 
.print-report-dialog
{
  width:600px;
  height:320px;
  border: 2px solid #153D73;
}
.print-report-dialog .left
{
    width:150px;
    height:200px;
    float:left;
}

.print-report-dialog .right
{
    width:300px;
    height:240px;
    float:right;
    background-color:white;
}

.report-content
{
  height:240px;
}

.dialog-header  
{
      color: #04468C;
      background-image: -moz-linear-gradient(center top , #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
    font-family: tahoma,arial,verdana,sans-serif;
    font-size: 11px;
    font-weight: bold;
    line-height: 17px;
    padding: 6px;
} 

.dialog-panel
{
  padding:10px;
}

.help-content
{
  background-color:#FFFFFF;
  overflow:auto;
  height:510px;
} 

.tool-icon
{
  width:15px;
  height:15px;
  background-color: rgba(0,0,0,0);
  background-image: url("../images/icons/tool-sprites.gif");
  background-repeat: no-repeat;
  cursor:pointer;
  margin:0;
  overflow:hidden; 
  float:right;
  margin-right:5px;
}

.help.tool-icon
{
  background-position:0 -300px; 
}

.help.tool-icon.icon-hover
{
  background-position:-15px -300px; 
}

.expand-left.tool-icon
{
  background-position: 0 -180px; 
}

.expand-left.tool-icon.icon-hover
{
  background-position: -15px -180px; 
}
.expand-right
{
  margin-top:5px;
}

.expand-right.tool-icon
{
  background-position: 0 -165px;
}

.expand-right.tool-icon.icon-hover
{
  background-position: -15px -165px;
}

.print.tool-icon
{
  background-position:0 -315px;
}

.print.tool-icon.icon-hover
{
  background-position:-15px -315px;
}

.close-icon.tool-icon
{
  background-position: 0 0;
}

.close-icon.tool-icon.icon-hover
{
  background-position: -15px 0px;
}



.collapsed-menu-panel
{
  width:24px;
  display:none;
  float:left;
  background-color: #CBDDF3;
  background-image: -moz-linear-gradient(right center , #DAE7F6, #CDDEF3 45%, #ABC7EC 46%, #ABC7EC 50%, #B8CFEE 51%, #CBDDF3);
  border-color: #99BCE8;
  box-shadow: 1px 0 0 0 #F4F8FD inset;
  margin: 5px 4px;
}

#hide-menu
{
  width:5px;
  height:35px;
  cursor:pointer;
  background-image: url("../images/icons/collapse.png");
  z-index: -1;
}

.rotate-90
{
  font-weight: bold;
  margin-top:86px;
  -webkit-transform: rotate(-90deg); 
  -moz-transform: rotate(-90deg);	
}

.ajax-spinner
{
  display:none;
}

.section-help-element
{
  width:16px;
  height:16px;
  cursor:pointer;
  background: url("../../images/icons/question-button.png") no-repeat scroll 0 center rgba(0,0,0,0);
}

.section-help-dialog
{
  height:500px;
  width:600px;
  margin-left:25%;
}

.section-help-dialog .dialog-panel
{
  height:100%;
}

.help-tabs
{
  width:100%;
  height:440px;
}

.section-help-tab
{
  overflow:auto;
  padding:5px !important;
  height:400px;
}

#dialog, .ui-dialog
{
  font-size: 12px;
  font-weight:bold;
  padding:0 !important;
}

#dialog
{
  margin:5px;
}



.ui-dialog .ui-button .ui-button-icon-primary
{ 
  width:15px !important;
  height:15px !important;
  background-color: rgba(0,0,0,0) !important;
  background-image: url("../images/icons/tool-sprites.gif") !important;
  background-repeat: no-repeat !important;
  cursor:pointer !important;
  margin:0 !important;
  overflow:hidden !important;
  margin-right:5px !important;
  background-position: 0 0;
  top:0 !important;
  left:0 !important;
}

.ui-dialog .ui-button.ui-state-hover .ui-button-icon-primary
{
  background-position: -15px 0px;
  
}

.ui-dialog .ui-dialog-titlebar .ui-button
{
  border:0 !important;
  background: transparent none !important;
}
.ui-dialog-buttonset .ui-button-text 
{
  margin: 5px !important;
  padding: 0 !important;
  font-weight:bold;
  font-size:15px !important;
}

.ui-dialog-buttonpane
{
  border:0 !important;
}

.ui-dialog-title
{
  font-weight: bold !important;
  margin-left: 5px !important;
  color: #333333 !important;
}

.client-address textarea
{
  width:148px;
  height: 100%;
}

.caps-input input
{
  width:329px !important;
}

.button-bar table
{
  padding: 0!important;
  margin: 0 !important;

}

.ui-widget-content, .ui-widget-header
{
	background: #D3E1F1;
}

.ui-state-active
{
	background: url("../images/tab_header_selected.png")  repeat-x scroll 50% 50%;
}