/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/
body
{
    background-color: #ffffff;
    font-size: 8pt;
    font-family: Helvetica;
    margin: 0;
    padding: 0;
    color: #252525;
}

#cover-spin::-webkit-scrollbar-track {
    background: transparent;
}
#cover-spin {
    position: fixed;
    width: 100%;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background-color: rgba(0,0,0,0.6);
    z-index: 9999;
    display: none;
    overflow: hidden;
}
#loader2 {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    width: 70px;
    height: 70px;
    margin: -40px 0 0 -40px;
    background-color: #efefef;
    border: 10px solid #efefef;
    border-radius: 6%;
}
#loader {
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 2;
    width: 40px;
    height: 40px;
    margin: -30px 0 0 -30px;
    border: 10px solid #000;
    border-radius: 50%;
    border-top: 10px solid #aaa;
    border-left: 10px solid #575757;
    border-right: 10px solid #575757;
    border-bottom: 10px solid #aaa;
    -webkit-animation: spin 2s linear infinite;
    animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
    from {
        -webkit-transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    from {
        transform: rotate(0deg);
    }

    to {
        transform: rotate(360deg);
    }
}

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
    }

    100% {
        -webkit-transform: rotate(360deg);
    }
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}

/* Add animation to "page content" */
.animate-bottom {
    position: relative;
    -webkit-animation-name: animatebottom;
    -webkit-animation-duration: 1s;
    animation-name: animatebottom;
    animation-duration: 1s
}

@-webkit-keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0px;
        opacity: 1
    }
}

@keyframes animatebottom {
    from {
        bottom: -100px;
        opacity: 0
    }

    to {
        bottom: 0;
        opacity: 1
    }
}
.boldheading
{
     margin: 0 0 0 2;
    font-weight : bold;
    text-align : left;
}

.deleted{
    font-style:italic;
    background-color:pink!important;

}


.t-combobox
{    font-size: 9pt; 
     overflow:visible !important;
 }

.no-close .ui-dialog-titlebar-close {
  display: none;
}
.no-title .ui-dialog-titlebar {
  display: none;
}
.ui-widget-overlay {
    background-image: none !important;
    background-color: rgba(0,0,0,0.5) !important;
    opacity: 1 !important;
}
#purr-container {
			width:350px; position:fixed;top:140px;right:60px;  overflow:hidden; float:right;z-index:2000!important;
		}
		
	    .notice .close	{position: absolute; top: 4px; right: 4px; display: block; width: 18px; height: 18px; text-indent: -9999px; background: url(images/close.png) no-repeat 0 8px;}
.notice 
{
    cursor:pointer;
}
	
		.notice-body { padding:5px; margin-bottom:5px; -moz-border-radius:8px; -webkit-border-radius:8px; border-radius:8px 
		}
		.notice-body h1	{font-size:12px; margin:0; padding:0}
		.notice-body p		{margin:2px 0; padding:0; line-height:18px}
		.notice-body:last-child { margin-bottom:0 }
		
		.defaultnotice .notice-body {background:url("images/Info.png") ;background-repeat:no-repeat;background-position : 4px 4px;background-size: 36px;}
		
		.defaultnotice { background:#000000; background:rgba(0,0,0,0.9); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; }
        .defaultnotice h1 {margin-left:40px; color:#575757; font-weight:bold }
        .defaultnotice p { margin-left:10px; color:#fff }
        
        
        .warningnotice .notice-body {background:url("images/error.png") ;background-repeat:no-repeat;background-position : 4px 4px;background-size:36px;}
        .warningnotice { background:#A00; background:rgba(A,0,0,0.6); -moz-box-shadow: 0 0 6px #000; -webkit-box-shadow: 0 0 6px #000; box-shadow: 0 0 6px #000; z-index:3000}
        .warningnotice h1 {margin-left:40px; color:#474747; font-weight:bold; color:black; }
        .warningnotice p {margin-left:10px;  color:#fff }



.notificationnotice {
    background: #be0505;
    -moz-box-shadow: 0 0 6px #000;
    -webkit-box-shadow: 0 0 6px #000;
    box-shadow: 0 0 6px #000;
}

    .notificationnotice h2 {
        margin-left: 10px;
        color: lightgray;
        font-weight: bold;
    }

    .notificationnotice p {
        margin-left: 10px;
        color: #eee
    }
		
		.notice-close { margin-top:-4px; float:right; cursor:pointer; text-decoration:none; font-size:12px; font-weight:bold; text-shadow:0 1px 1px #fff; padding:2px }
        .notice-close:hover { color:#ffffab }
        .notice-close:active { position:relative; top:1px }
.frmdiv {margin-right:18px;background-color:whitesmoke;display:inline-block;padding: 8px 12px 6px 12px; }
.frmdiv label{ width : 90px;display:inline-block;margin-right:12px;text-align:left;vertical-align:top}
.frmdiv input,.frmdiv textarea,.frmdiv .t-widget .t-datepicker{margin-bottom : 8px;}

.HSECBtn
{
    border: 1px solid #CACACA;
    background-color: #D6D6D6;
    text-decoration: none;
    display: inline-block; /* may not need this, but I've found I do */
    margin: 0;
    margin-left: 1px;
    margin-right: 1px;
    padding: 3px 6px; /*#B0C1D2;*/
    font-family: inherit;
    font-size: 100%;
    line-height: 1.535;
    text-align: center;
    cursor: pointer;
    border-radius: 0px;
    min-height: 16px;
    height: 16px;
}
.HSECBtnSmall {
    border: 1px solid #CACACA;
    background-color: #D6D6D6;
    text-decoration: none;
    display: inline-block; /* may not need this, but I've found I do */
    margin: 0;
    margin-left: 1px;
    margin-right: 1px;
    padding: 1px 2px; /*#B0C1D2;*/
    font-family: inherit;
    font-size: 100%;
    line-height: 1.535;
    text-align: center;
    cursor: pointer;
    border-radius: 0px;
    min-height: 10px;
    height: 6px;
}


a.HSECBtn[disabled], a.HSECBtn[disabled]:hover
{
     background-color:lightgrey;     border-color:lightgrey;     border-style:none;cursor:not-allowed;
}
a.HSECBtn[disabled]:hover
{
    background-color:lightgrey;
    border-color:red;
}
a.HSECBtn:hover
{
    background-color: #CFCFCF;
    text-decoration: none;
}
*+html .HSECBtn .ImgandTextBtn{display:inline;zoom:1;}
* html .HSECBtn{display:inline;zoom:1;}
*+html .HSECBtn{overflow:visible;margin-right:4px;}
* html .HSECBtn{overflow:visible;margin-right:4px;}
*+html span.HSECBtn{overflow:visible;margin-right:4px;}
* html span.HSECBtn{overflow:visible;margin-right:4px;}
*+html a.HSECBtn{line-height:1.6;padding-left:7px;padding-right:7px;}
* html a.HSECBtn{line-height:1.6;padding-left:7px;padding-right:7px;}

.HSECBtn .ImgandTextBtn , .HSECBtn .ImgBtn 
{ margin:0;padding:0px;font-size:100%;
    display:inline-block;width:16px;height:16px;min-width:16px;overflow:hidden;font-size:0;line-height:0;text-indent:-3333px;text-align:center;vertical-align:middle;
    position:relative;top:-2px;
  /* margin:0;padding:0px; width:16px;min-width:16px;height : 100%;display:inline-block;
   background-repeat:no-repeat;position:relative;top:-2px;vertical-align:middle;*/
}
.HSECBtnSmall .ImgandTextBtn, .HSECBtnSmall .ImgBtnSmall {
    margin: 0;
    padding: 0px;
    font-size: 100%;
    display: inline-block;
    width: 8px;
    height: 10px;
    min-width: 10px;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    text-indent: -3333px;
    text-align: center;
    vertical-align: middle;
    position: relative;
    top: -4px;
}
.HSECBtn .ImgandTextBtn 
{
    margin-right:5px;
      color: #666666;
}



  .BtnCreate
{
   
/*telerik green plus button*/
/*
background-image:url('images/sprite.png');
    background-position:-48px -320px;*/
  
    background-image: url('images/plus.png');
    background-size: 16px;  
}

.BtnUpdate
{
    background-image:url('images/check.png');
    background-position:0;
}

.BtnDelete
{
     background-image:url('images/sprite.png');
    background-position:-16px -336px;
    padding:1px;
}

.BtnBack
{
     background-image:url('images/sprite.png');
    background-position:0 -192px;
}

.BtnEdit
{
     background-image:url('images/edit.png');
     background-size:16px;
}
.BtnEditSmall {
    background-image: url('images/edit.png');
    background-size: 10px;
}
.BtnSave
{
    background-image: url('images/save.png');
    background-size:16px;
}

.BtnRedDot
{
    background-image: url('images/sprite.png');
    background-position:-65px -256px;
}

.BtnClearFilter
{
    background-image: url('images/sprite.png');
    background-position:-16px -240px;
}
.BtnApplyFilter
{
    background-image: url('images/sprite.png');
    background-position:0 -240px;
}

.BtnCancel
{
    background-image: url('images/sprite.png');
    background-position:-48px -336px;
}

.BtnRefresh
{
    background-image: url('images/reload-arrow.png');
    
}
.BtnPrint
{
    background-image: url('images/printer.png');
    background-size:16px;
    font-weight:400;
    color: #327785;
}

.BtnPreview {
    background-image: url('images/print-preview-sml.png') ;
    background-size: 16px;
    font-weight: 400;
    color: #327785;
}

.BtnDocs
{
   background-image: url('images/application_view_detail.png');
   background-size:16px;
}

.BtnQR
{
   background-image: url('images/qr-code-16.png');
   background-size:16px;
}


.BtnPeople
{
   background-image: url('images/user.png');
   background-size:16px;
}
.BtnClock
{
     background-image: url('images/clock.png');
     background-size:16px;
}


.BtnLoan
{
   background-image: url('images/loan.png');
   background-size:16px;
}
.BtnReturn
{
   background-image: url('images/return.png');
   background-size:16px;
  
}


.BtnPrev
{
 background-image: url('images/sprite.png');
   background-position:-16px -192px;
}
.BtnNext
{
 background-image: url('images/sprite.png');
   background-position:-32px -192px;
}
.BtnNoPrev
{
 background-image: url('/Content/2011.2.914/Office2007/sprite.png');
   background-position:-16px -192px;
}
.BtnNoNext {
background-image: url('/Content/2011.2.914/Office2007/sprite.png');
background-position: -32px -192px;
}
/*
.t-arrow-prev{background-position:-16px -192px;}
.t-arrow-next{background-position:-32px -192px;}
.t-arrow-last{background-position:-48px -192px;}
.t-state-disabled .t-arrow-first{background-position:0 -208px;}
.t-state-disabled .t-arrow-prev{background-position:-16px -208px;}
.t-state-disabled .t-arrow-next{background-position:-32px -208px;}
.t-state-disabled .t-arrow-last{background-position:-48px -208px;}

*/

#rootnodedept li:first .t-in
{
    color:Red;
}

.nopad
{
     margin: 0;
    padding: 0;
    text-align : left;
}
.disabled
{
    background-color :red ;
}
.error
{
    font-size:8pt;
    color:red;
}

.grids
{
    color : red;
  font-size:.8em;
  
    font-family: Verdana, Helvetica, Sans-Serif; 
   
}

/*buttons*/
.50
{
    width:50px; padding : 0;
    color :Red;
}

.dashEMP
{
    font-size:1em;
    color:rgb(0, 122, 255) !important;
}
.bgEMP
{
     background-color:rgb(0, 122, 255) !important;
}
.dashCOMP
{
    font-size:1em;
    color:rgb(223, 42, 42) !important;
}

.bgCOMP
{
     background-color:rgb(223, 42, 42) !important;
}
.dashEQUIP
{
    font-size:1em;
    color:#42BBB6 !important;
}
.bgEQUIP
{
     background-color:rgb(82, 82, 82) !important;
}

.dashCLIENT
{
    font-size:1em;
    color:rgb(218, 122, 0) !important;
}
.bgCLIENT
{
     background-color:rgb(218, 122, 0) !important;
}

.dashBIRTHDAY
{
    font-size:1em;
    color:rgb(0, 179, 50) !important;
}
.bgBIRTHDAY
{
     background-color:rgb(0, 179, 50) !important;
}


.dashTASK
{
    font-size:1em;
     color:rgb(231, 108, 177) !important;
}
.bgTASK
{
     background-color:#9534CC !important;
}

.dashRISK
{
    font-size:1em;
     color:black !important;
}
.bgTASK
{
     background-color:gray !important;
}

.dashTICKET
{
    font-size:1em;
   color:#9534CC !important;
}
.bgTICKET
{
     background-color:rgb(231, 108, 177) !important;
}
.dashONLYME
{
    font-size:1em;
   color:red;
   font-style:italic;
}
.bgONLYME
{
     background-color:rgb(231, 108, 177) !important;
}


a:link
{
    font-size : 1em;
    color: #034af3;
    text-decoration: none;
    cursor : pointer;
}
a:visited
{
    color: #034af3;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline;
}
a:active
{
    color: #034af3;
}

a.morelink {
    text-decoration:none;
    outline: none;
}
.morecontent span {
    display: none;
}
.comment {
    width: 400px;
    margin: 10px;
}

p, ul
{
    margin-bottom: 20px;
    line-height: 1.6em;
}

.safe
{
    vertical-align : middle;
    color : Green;
}

.warning
{
    vertical-align : middle;
    color : orange;
}

.critical
{
    vertical-align : middle;
    color : red;
}


 .resourcestatus 
{
    padding-left : 14px;
    display:inline-block;
    background-repeat:no-repeat;
      background-size:14px 14px;
        
    white-space:pre;
}

 .errorstatus
{
    background-image : url('images/flag_small.png?v=1234') !important;
    color:Red;
}

.okflag {
    background-image: url('images/amor_small.png?v=1234') !important;
    color: green;
}


 .warnerrorstatus
{
    background-image : url('images/error.png?v=1234') !important;
    color:Red;
}
 .warnstatus
{
    background-image : url('images/error_small.png?v=1234') !important;
    color:orange;
}

 .bgFlaggedRow{
     background-color:red!important;
 }

 .okstatus
{
    background-image : url('images/apply.png?v=1234') !important;
    color:green;
}

 .transferbutton
 {
     width : 50px;
     text-align:center;
     display:block;
 }
 
  .Approved, .Submitted
{
    background-image : url('images/apply.png?v=1234') !important;
    color:green;
}

  .Waiting 
{
    background-image : url('images/error.png?v=1234') !important;
    color:orange;
}
  .Rejected
{
    background-image : url('images/flag_small.png?v=1234') !important;
    color:Red;
}
/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
    font-family: Arial, Helvetica, sans-serif;
}

h1
{
 font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #474747;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px !important;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    border-width:1px;border-style:solid;line-height:1.5em;
 border-color:#688caf;background:#c3d8f1 url('Office2007/sprite.png') repeat-x 0 -368px;
    font-size: 1.1em;
    font-weight : normal;
    padding : 4px;
    margin-bottom :2px;
    
    border-bottom : 0px;
  
}
h4
{
    font-size: 1.2em;
}
h5, h6
{
    font-size: 1em;
}

/* this rule styles <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0;
}

.dlg_heading
{
     font-weight: bold;
   margin: 0; vertical-align : middle;
   padding-left : 12px;padding-bottom : 8px;
   min-height:24px;
    color: #3F424D;
    text-transform : uppercase;
     border : 0;
     border-bottom : 1px solid #3F424D;
    line-height: 2.0em;
 
    font-size: 10pt !important;
     
}
.dlg_body
{
   padding-left : 8px;padding-bottom : 8px;
 background-color:#fff;    
}

.page_heading
{
     font-family: Calibri;
     font-size:large;
  vertical-align : middle;
  padding: 6px 12px 10px 12px;
     color: #353535;
    text-transform : uppercase;
     line-height: 2.0em;
 overflow:hidden;
    font-size: 13pt !important;
    background: #F3F3F3;
border-bottom: 1px solid #DFDFDF;
}
.page_subheading
{
     font-family: Calibri;
     font-size:normal;
  vertical-align : middle;
  padding: 6px 6px 5px 12px;
     color: #353535;
    text-transform : uppercase;
     line-height: 1.2em;
 overflow:hidden;
    font-size: 13pt !important;
    background: #F3F3F3;
border-bottom: 1px solid #DFDFDF;
}
.page_footer
{
   margin: 0; vertical-align : middle;
   padding:12px;
   
   height:24px;min-height:24px;
     background-color : transparent;
     border : 0;
    line-height: 2.0em;
    text-align:center;
}
/*
.page_footer 
{
    display:inline-block;*display:inline;zoom:1;vertical-align:middle; margin-top : 2px;min-width:15px;padding-left:12px;padding-right:12px;
    
}*/
.page_footer ,#ie8#fix{min-width:15px;}

.footerbutton
{
     line-height: 18px;height:18px;min-height:18px;
}
.pb_subheading
{
     font-weight: bold;
    
    margin: 0px;

    line-height: 1.1em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px !important;
     padding: 6px 5px;
  text-align: left;
  background-color: #5c87b2; 
  color : #fff;
  border: solid 1px #5c87b2;
}

td.critical
{
    background-image : url("images/flag_small.png");
    background-position : 2px 2px;
    background-repeat : no-repeat;
}

td.urgent
{
    background-image : url("images/error_small.png");
     background-position : 2px 2px;
    background-repeat : no-repeat;
}
td.warning
{
    background-image : url("images/amor_small.png");
     background-position : 2px 2px;
    background-repeat : no-repeat;
}

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

/* you can specify a greater or lesser percentage for the 
page width. Or, you can specify an exact pixel width. */
.page
{
    width: 94%;
    margin-left: auto;
    margin-right: auto;
}

#header
{
    position: relative;
    margin-bottom: 0px;
    color: #000;
    padding: 0;
}

.header h1
{
    font-weight: bold;
    float:left;
    padding: 5px 0;
    margin: 0;
    color: #474747;
    border: none;
    line-height: 2em;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 18px !important;
}
#menudiv
{
    width:100%;
    position:absolute;left:0px;
    float:left;
    border : solid 1px white;
}
#main
{
    padding: 10px 10px 5px 10px;
    border : solid 1px #efefef;
    background-color: #fff;
    position:relative;top:-1px;
    margin-bottom: 30px;
   /* _height: 1px;  only IE6 applies CSS properties starting with an underscore */
}

#footer
{
    color: #999;
    padding: 10px 0;
    text-align: center;
    line-height: normal;
    margin: 0;
    font-size: .9em;
}

/* TAB MENU   
----------------------------------------------------------*/
table#mainmenu
{
    border : 0;
    border-bottom: 0px #fff solid;
    padding: 0px;
    position: relative;
    left : 0px;
    margin: 0;
    text-align: left;
    min-height:20px;height:30px;
}

table#mainmenu tr td  a.selectedTab
{   color: #5C87B2;
     background-color: #fff;
      border-bottom: 1px #fff solid;
}

table#mainmenu tr td
{
      background-color: #5C87B2;
      color : #fff;
    line-height: 2.8em;
    
}
table#mainmenu tr td  a
{   
      padding: 10px 10px;
    font-weight: bold;
     color : #fff;
    text-decoration: none;
    line-height: 2.8em;
}



/*  COMPANYTABS MENU
----------------------------------------------------------*/
table#menu
{
    border : 0;

    padding: 0 0 2px;
    position: relative;
    left : 0px;
    margin: 0;
    text-align: left;

}

table#menu tr td  a.selectedTab
{   color: #fff;
    background-color : #5C87B2;
    padding: 5px 5px;
}

table#menu tr td
{
    background-color: #e8eef4;

}


table#menu tr td  a
{
    line-height : 20px;
    padding: 5px 5px;
    font-weight: bold;
    
    text-decoration: none;

    
}


#menuContainer
{
    
    height: 30px;
    margin-left: auto;
    margin-right: auto;
    font-size: 1.2em;
     border-bottom : solid 1px #efefef;
}

ul#menu
{
    padding: 0;
    margin: 0;
    list-style: none;
border : solid 1px white;
}

#menu li
{
    margin-bottom: 0;
    padding-bottom: 10px;
    float: left;
    white-space: nowrap;
    padding-right: 20px;
}

#menu li a
{
      font-size: 8pt;
      font-weight:bold;
    text-decoration: none;
    color: White;
    
}

#menu li a.selectedTab
{
      font-size: 8pt;
      font-weight:bold;
    text-decoration: none;
    background-color: White;
    color : #5C87B2;
    
}

#menu li a.selected
{   color: red;
}


/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    margin: 1em 0;
    padding: 1em;
    border: 1px solid #CCC;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

legend 
{
    font-weight : bold;
    color:Red;
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input[type="text"] ,select
{
    width: 200px;
    border: 1px solid #CCC;
    font-size : 8pt;
    
}
 input.datePicker
{
    width : 70px;
    vertical-align : middle;
}

input.datetimeRO
{
    width : 75px;
    vertical-align : middle;
    readonly:readonly;
}
input.numerics
{
      width : 95px;
      text-align : right;
      padding-right : 12px;
}
textarea.multiline250x150
{
      width : 250px;
      height:150px;

}
textarea.full_textarea
{
  width : 100%;
      height:180px;   
}

textarea.full_textarea_small
{
  width : 100%;
      height:90px;   
}
textarea.multiline
{
      width : 100%;
      height:60px;

}
textarea
{
     border: 1px solid #CCC;
     font-size : 8pt;
     height:40px;
     width : 350px;
}
.filterlistbox
{
    padding-left : 4px;
    padding-right : 4px;
    width : 180px;
      height:90px;
}
input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
    font-size : 8pt;
}
select
{

    border: 1px solid #CCC;
     font-size : 8pt;
}

select.formdd
{
    width : 210px;
}

select.formdd_hidden
{
    width : 210px;
    display : none;
}




/* TABLE
----------------------------------------------------------*/
table
{
    margin : 0;
    padding : 2px 2px 2px 2px;
    border:none;
    
}

table.t-widget
{
    border:none;
}


table.formoutline
{
    padding: 4px;
     border : none;
     border-collapse: collapse;
     font-size : 8pt;
}

table.formoutline caption
{
    padding-left : 8px;
    line-height:25px;
    text-align: left;
    color: #3F424D;
    background-color : #efefef;
    border : solid 1px #ccc;
    font-size : 9pt !important;
    font-weight : bold;
    
}

table.formoutline tfoot tr
{
    line-height:25px;
  color: #3F424D;
     background-color : #efefef;
     border : solid 0px #ccc;
  font-size : 8pt !important;

   
}

a.reportlinks
{
      font-size : 8pt;
      line-height : 18px;
      
} 

table.formsection
{
      font-size : 8pt;
    border : none;
    border-collapse:collapse;
}

table.formsection caption
{
    padding : 0;
    margin : 0;
    background : none;
    border : none;
    vertical-align :bottom;
    color: #3F424D;
    font-size : 8pt !important;
}

table.formsection tbody tr td
{
    padding: 4px;
  
}


table.formsection_NoBorder
{
      font-size : 8pt;
    border : none;
    border-collapse:collapse;
}

table.formsection_NoBorder caption
{
    padding : 0;
    margin : 0;
    background : none;
    border : none;
    vertical-align :bottom;
    color: #3F424D;
    font-size : 8pt !important;
}

table.formsection_NoBorder tbody tr td
{
    padding: 4px;
  
}

ul.listbox
{
    border: 1px #5C87B2 solid;
    padding: 0 0 2px;
    position: relative;
    left : 0px;
    margin: 0;
    text-align: left;
    border-collapse : collapse;
    min-height:400px;
    overflow-y : auto;
    overflow-x:hidden;
}

ul.listbox li
{
    padding-left : 5px;
    display: block;
    line-height: 2.8em;
    min-height:20px;
    list-style: none;
    color :#034af3;
    border : solid 1px  white;
}

ul.listbox li#greeting
{
    padding: 10px 20px;
    font-weight: bold;
    text-decoration: none;
    line-height: 2.8em;
    color: #fff;
}


ul.listbox li:hover
{
    padding-left : 8px;
        border : solid 1px  orange;
    color: #034af3;
    cursor:hand;
}


.selected {
    background-color: #ffd176 !important;
    color: #034af3 !important;
}

.t-state-selected {
    background-color: #ffd176 !important;
}
tr.t-state-selected:hover {
    background-color: #ffd176 !important;
}
.maintable tr:hover {
    background-color: #d6e5f3 !important;
}


.selected:hover {
    background-color: #d6e5f3 !important;
    color: #034af3 !important;
}
.maintable tr.selected:hover {
    background-color: #d6e5f3 !important;
}

.t-grid-row .t-state-selected:hover {
    background-color: #d6e5f3 !important;
}
.t-grid-row:hover {
    background-color: #d6e5f3 !important;
}


table.noborders
{
    border : none 0px #5c87b2;
}

table th
{
    text-align : left;
}



table.scrollable caption
{
     padding: 4px;
  text-align: left;
  color: #3F424D;
     background-color : #efefef;
     border : solid 1px #ccc;
  font-size : 9pt !important;
  margin : 0px;
}




table.scrollable
{
   
  margin-right:14px;
  border: solid 2px #5c87b2;
   color : #3F424D;
  font-size:8pt;
  padding : 2px;
  border-collapse :collapse ;
}

table.scrollable tbody
{
    
    overflow-y:auto;
    overflow-x:hidden
    
}
table.scrollable tr
{
    background : url(/Content/images/td_right.png) repeat-x bottom;
}


table.scrollable td 
{
   line-height:1.6em;
    vertical-align : top;
    padding : 2px 2px 2px 2px;
    
  background : url(/Content/images/td_right.png) repeat-y right;
  /*border: dotted 1px #5c87b2;*/
}
table.scrollable tr:hover
{
    background-color : #ececec;
    cursor:hand;
    
}
table.scrollable sortable thead tr .headerSortUp {
	background-image: url(/Content/images/Grid/asc.gif);
}
table.scrollable sortable thead tr .headerSortDown {
	background-image: url(/Content/images/Grid/desc.gif);
}
table.scrollable sortable thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}

table.scrollable thead tr .header {
	background-image: url(/Content/images/Grid/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}


table.scrollable tr.selected
{
    background-color : orange;
    
}

table.scrollable th
{
  padding: 6px 5px;
  text-align: left;
  background-color: #5c87b2; 
  color : #fff;
  border: solid 1px #5c87b2;   
}




/* MISC  
----------------------------------------------------------*/
.clear
{
    clear: both;
}



#menucontainer
{
    margin-top:20px;
}

div#title
{
    display:block;
    float:left;
    text-align:left;
}

#logindisplay
{
    font-size:1.1em;
    display:block;
    text-align:right;
    margin:10px;
    color:#575757;
}

#logindisplay a:link
{
    color: #575757;
    text-decoration: underline;
}

#logindisplay a:visited
{
    color: #575757;
    text-decoration: underline;
}

#logindisplay a:hover
{
    color: #5D87B3;
    text-decoration: none;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    font-size : 8pt;
    color: #ff0000;
}

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

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

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

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

/* Styles for editor and display helpers
----------------------------------------------------------*/
.display-label,
.editor-label,
.display-field,
.editor-field
{
    margin: 0.5em 0;
}


.submit
{
    text-align : center;
    width : 60px;min-width : 60px;padding : 4 4 4 4 ;
}
.editor-label 
{
    width : 120px;
    display:inline-table
}



textarea
{
    height : 80px; width : 250px;
       font-family: Arial, Helvetica, sans-serif;
       font-size : 8pt;
}

.tri-state
{
    width: 6em;
}


    #lstclients
    {
     height:300px;
     width : 150px;   
    }
 
    

h2.acc_trigger {
	padding: 0 ;	margin: 0 5px 5px 0;
	display : block;
	color: #3F424D;
     background-color : #efefef;
     border : solid 1px #ccc;
	height: 32px;	line-height: 32px;
	width: 100%;
	font-size: 9pt;
	font-weight: bold;
	float: left;
	vertical-align : middle;
}
h2.acc_trigger a {
	color: #3F424D;
	text-decoration: none;
	display: block;
	padding: 0 0 0 20px;
	vertical-align:middle;
	line-height: 32px;
}

h2.acc_trigger img
{
    padding-right : 10px;
    vertical-align : middle;
    line-height: 32px;
    border : 0;
}
h2.acc_trigger a:hover {
	background-color: #ccc;
}

h2.acc_trigger span.expcoll
{
    width :30px;
    background : url(../../content/images/expand.png) no-repeat left ;
    float : right;
}
h2.active span.expcoll
{
    width :30px;
    background : url(../../content/images/collapse.png) no-repeat left ;
    float : right;
}
 
.acc_container {
	margin: 0 0 5px; padding: 0;
	overflow: hidden;
	font-size: 1.2em;
	width: 100%;
	clear: both;
	display : block;
	background: #fff;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}

.acc_container .block {
	padding: 0px;
	max-height : 300px;
	
	font-size : 8pt;
}

.acc_container .block p {
	padding: 5px 0;
	margin: 5px 0;
}

.acc_container h3 {
	font: 2.5em normal Georgia, "Times New Roman", Times, serif;
	margin: 0 0 10px;
	padding: 0 0 5px 0;
	border-bottom: 1px dashed #ccc;
}

.acc_container img {
	float: left;
	margin: 10px 15px 15px 0;
	padding: 5px;
	background: #ddd;
	border: 1px solid #ccc;
}


ul.css-tabs {  
	margin:0 !important; 
	padding:0;
	height:30px;
	border-bottom:1px solid #5c87b2;	 	
}

/* single tab */
ul.css-tabs li {  
	float:left;	 
	padding:0; 
	margin:0;  
	list-style-type:none;	
}

/* link inside the tab. uses a background image */
ul.css-tabs a { 
	float:left;
	font-size:13px;
	display:block;
	padding:5px 30px;	
	text-decoration:none;
	border:1px solid #fff;	
	border-bottom:0px;
	height:18px;
	background-color:#fff;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;	
	outline:0;
	-moz-border-radius:4px 4px 0 0;	
}

ul.css-tabs a:hover {
	background-color:#5c87b2;
	color:#fff;
	border: solid 1px #ddd;
}
	
/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:1px solid #fff;	
	color:#000;	
	cursor:default;
}

	
/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
	min-height:150px;
	padding:15px 20px;
	background-color:#ddd;	
}

#employ_select_combo
{
    height: 12px;
line-height: 12px;
padding: 1px 2px 3px 3px;
border: 0;
margin: 0;
display:inline;
font-size: 11px;
}


#employ_select_combo div.t-widget.t-combobox.t-header {
width: 250px;
}

#cbEmployees, #cbClients {
margin: -4px;
}

li.disabled
{
   background-color: transparent !important;
}

.navbar
{
    padding-right:12px;
    margin-bottom: 0px;
    min-height: 20px !important;
}
.nav > li > a
{
padding: 5px 10px 5px 10px;
}
.nav
{
    /*padding-left:12px !important;*/
}
.container
{
   padding-right: 0px; 
   padding-left: 0px; 
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-right: 4px;
    padding-left: 4px;
}


a.list-group-item {
    color: #31708f !important;
}

.input-xs {
  height: 22px;
  padding: 1px;
  
  line-height: 1.1;
  border-radius: 3px;
  font-size:8pt;
}

.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
 padding: 4px;
  font-size:8pt;
}

.table-condensed > thead > tr > th
{
     padding: 6px;
}

 
 .radiolabel
 {
 cursor:pointer;margin-right:12px;
 
 }
tr.hoverable:hover
{
    background-color:#ececec;
    
}
.radiolabel:hover
{
    font-weight:bold;
}

.stackdiv
{
   display:inline-block;
  vertical-align: top;
  text-align: center;
 
}
  .t-row:hover {
        background-color: #d6e5f3;
          border-color: #688caf;
        cursor: pointer; 
        
    }
    
    tr.t-row td {
        font-size: 8pt;
        
    }
    
    
    
.custom-select {
	position: relative;
	display: inline-block;
	vertical-align: middle;
	font-size: 13px;
	zoom: 1;
	*display: inline;
	width: 220px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.custom-select.small {
	width: 104px;
}
.custom-select.medium {
	width: 164px;
}
.custom-select.large {
	width: 300px;
}
.custom-select.xlarge {
	width: 380px;
}
.custom-select > select {
	display: none !important;
}
.custom-select > a.dropdown-toggle {
	border-radius: 0;
	line-height: 28px;
	box-shadow: none;
	background: #ffffff;
	position: relative;
	display: block;
	overflow: hidden;
	padding: 0 0 0 8px;
	border: 1px solid #aaa;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	color: #888;
	width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	height: 30px;
}
.custom-select > a.dropdown-toggle.disabled,
.custom-select > a.dropdown-toggle.disabled:hover {
	cursor: not-allowed;
	color: #aaa;
	background: #eee;
}
.custom-select > a.dropdown-toggle:hover, 
.custom-select.open > a.dropdown-toggle {
	color: #333;
}
.custom-select.open > a.dropdown-toggle {
	border-bottom: 0;
	line-height: 29px;
}
.control-group.error .custom-select > a.dropdown-toggle {
	border-color: #f09784;
	color: #d68273;
}
.custom-select > a.dropdown-toggle > span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
}
.custom-select > a.dropdown-toggle > b {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 18px;
	height: 100%;
}
.custom-select > a.dropdown-toggle > b:before {
	content: "\f0d7";
	display: inline-block;
	font-family: FontAwesome;
	font-size: 12px;
	position: relative;
	top: -1px;
	left: 1px;
}
.custom-select.open > a.dropdown-toggle > b:before {
	content: "\f0d8";
}
.custom-select > .dropdown-menu {
	margin-top: 0;
	border: 1px solid #aaa;
	border-top: 0;
	padding-bottom: 0;
	width: auto;
	min-width: 100%;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0;
}
.custom-select > .dropdown-menu > .custom-select-search {
	position: relative;
	z-index: 1010;
	margin: 0;
	padding: 0 4px;
	white-space: nowrap;
}
.custom-select > .dropdown-menu > .custom-select-search > input {
	width: 100%;
	height: 30px;
	margin: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 4px 20px 4px 5px;
	border-radius: 0;
}
.custom-select > .dropdown-menu > .custom-select-search:after {
	content: "\f002";
	display: inline-block;
	color: #888;
	font-family: FontAwesome;
	font-size: 14px;
	position: absolute;
	top: 4px;
	right: 10px;
}
.custom-select > .dropdown-menu > ul {
	border-color: #aaa;
	border-top: 0;
	margin: 4px 0;
	padding: 0;
	list-style: none;
	background-color: #fff;
	overflow-x: hidden;
	overflow-y: auto;
	max-height: 240px;
	padding-right: 14px;
}
.custom-select > .dropdown-menu > ul > li > a {
	font-size: 13px;
	margin-bottom: 1px;
	margin-top: 1px;
	display: block;
	padding: 3px 8px;
	clear: both;
	font-weight: normal;
	line-height: 20px;
	color: #333;
	cursor: pointer;
	width: 100%;
}
.custom-select > .dropdown-menu > ul > li > a:hover, 
.custom-select > .dropdown-menu > ul > li > a:focus {
	color: #fff;
	text-decoration: none;
	background-repeat: repeat-x;
}
.custom-select > .dropdown-menu > ul > li > a:hover {
	background: #4f99c6;
}
.custom-select > .dropdown-menu > ul > li > a:focus {
	background: #2283c5;
}
.custom-select > .dropdown-menu > ul > li.empty-result > em {
	text-align: center;
	padding: 4px 8px;
	display: block;
}
.custom-select > .dropdown-menu > .custom-select-action > button {
	border-radius: 0;
	background-image: none;
}
.custom-select > .dropdown-menu:before {
	border: 0;
}

.input-dropdown {
  display: inline-block;
  position: relative;
}

.input-dropdown input[type='text'] {
  box-sizing: border-box;

}

.social-icon-block {
    display: inline-flex;
    align-items: center;
    margin-bottom:2px;
}
.social-icon {
    font-size: 13px !important;
    margin: 0 4px;
    text-decoration: none !important;
    background-color: #575757;
    color: white!important;
    width:13px;
    height:13px;
    padding:3px;
    border-radius:10px;
    text-align:center;
}
    .social-icon:hover {
        background-color: #5D87B3;
        text-decoration: none;
    }

.ui-datepicker-trigger {
   
    vertical-align: bottom;
}

tr.t-grid-row:hover {
    background-color: #f3f3f3 !important;
    cursor: pointer;
}

.scroll-400{
    overflow-y:scroll;
    height:400px;
    display:block;
}

.scroll-200 {
    overflow-y: scroll;
    height: 200px;
    display: block;
}