/*----------------------------------------------------------
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: #5c87b2;
    font-size: 75%;
    font-family: Verdana, Tahoma, Arial, "Helvetica Neue", Helvetica, Sans-Serif;
    margin: 0;
    padding: 0;
    color: #696969;
    min-width: 800px;
}*/
*{margin:0; padding:0;}
img{ border:none;}
a{ outline:none; text-decoration: none;}

body
{    
    height: auto;
    width: 100%;
    font-size: 75%;
    font-family:Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
    min-width: 800px;
}


/* HEADINGS   
----------------------------------------------------------*/
h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #000;
}

h1
{
    font-size: 2em;
    padding-bottom: 0;
    margin-bottom: 0;
}
h2
{
    padding: 0 0 10px 0;
}
h3
{
    font-size: 1em;
}
h4
{
    font-size: 1.1em;
}
h5, h6
{
    font-size: 1em;
}

.editorContent a:first-child:hover, .t-grid table tr td a:hover
{
    text-decoration: underline;
}

li
{
    line-height: 1.6;
    text-align:left;
}

/* 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;
}

/* 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: 100%;
    margin-left: auto;
    margin-right: auto;
    min-width: 1000px;
}

#header
{    
    float:left;
    width: 98%;    
    min-height: 106px;
    position: relative;
    z-index: 2;
    margin-bottom: 0px;
    color: #000;
    padding: 0 1%;
}

#header h1
{
    font-weight: bold;
    padding: 5px 0;
    margin: 0;
    color: #fff;
    border: none;
    line-height: 2em;
    font-size: 32px !important;
    margin: 10px 0 0 0px;
    padding: 5px 0 34px;
}
div#title img
{
    float: left;
    padding: 19px 0 0;   
}

#main
{
    float: left;
    padding: 10px 0 0;
    width: 100%;
    
   
}

#footer
{
    bottom: 0;
    clear: both;
    color: #999;
    padding: 10px 0;
    position: relative;
    text-align: center;
    line-height: normal;
    font-size: .9em;
    width: 98%;
}
/* FORM LAYOUT ELEMENTS   
----------------------------------------------------------*/

fieldset 
{
    border:1px solid #ddd;
    padding:1em 1.4em 1.4em 1.4em;
    margin:1em 0 1.5em 0;
}
#inquiriesContainer
{
    padding-left: 0 !important;
    width: 100% !important;
}
legend 
{
    font-size:1.2em;
    font-weight: bold;
}

textarea 
{
    min-height: 75px;
}

input[type="text"],input[type="password"]
{
    width: 200px;
    height: 20px;
    border: 1px solid #CCC;
}

.percent input
{
    width: 30px !important;
}

input[type="password"] 
{
    width: 200px;
    border: 1px solid #CCC;
}

/* TABLE
----------------------------------------------------------*/

table 
{
  /*border: solid 1px #e8eef4;*/
  border-collapse: collapse;
}

.volunteer_vol table td 
{
  padding: 5px;
  /*border: solid 1px #e8eef4;*/
}

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

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

.error
{
    color:Red;
}

.note 
{
    white-space:pre-line;
    margin-top: 0px ! important;
    margin-left:0 !important;
}

.contact-note 
{   
    margin-top: 0px ! important;
    margin-left:0 !important;
}

div#title
{
    float:left;
    width: 17%;
    text-align:left;
  
}

#logindisplay
{
    float: right;
    padding: 18px 0 0;
    width: 24%;
    
}

#logindisplay a:visited,#logindisplay a:link
{
    color: Gray;
    text-decoration: none;
}



#logindisplay a:hover
{
    color: black;
    text-decoration: bold;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    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;
    margin-left:15px;
}

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

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

.display-field,
.editor-field
{
    margin:0.5em 0 0 0;
}

#sidebyside .display-label, .editor-label
{
    display: block;
    float: left; 
    width:  200px;
    
}

#sidebyside .display-label
{
    margin: 0.3em 1em 0 0;
}
#sidebyside .editor-label
{
    padding-top: 8px !important;
    margin: 1em 1em 0 0;
}


#sidebyside .display-field, .editor-field
{
    margin: 0.5em 0 0 0;
    /*overflow: auto;*/
    position: relative;
    min-height: 2em;  
}

#sidebyside .display-field
{
    margin-top: 5px !important;
}

#sidebyside .editor-field
{
    margin-top: 15px !important;
}

#sidebyside fieldset
{
    margin-top: 1%;
}
.text-box
{
    width: 30em;
}

.text-box.multi-line
{
    height: 6.5em;
}

.tri-state
{
    width: 6em;
}

/* ------ Tab Strip contents -------- */
.tab-content
{
    min-height: 200px;
}

/* Editor panes */
.editorContent
{
    clear: both;
    width: 100%;
    min-width: 600px;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    float: left;
    padding: 1% 1%;
    width: 98%; 
    /*margin-top:10px;*/
}
.leftpane
{
    width: 49%;
    min-width: 300px;
    float: left;
}
.rightpane
{
    width: 50%;
    min-width: 300px;
    float: right;
}

.leftpane2
{
    width: 46%;
    min-width: 300px;
    float: left;
}
.rightpane2
{
    width: 54%;
    min-width: 300px;
    float: right;
}

.rightpane2 .forms label
{
    display: inline-table;
    padding:0 4px;
    width: auto !important;
}

.rightpane2 .forms span
{
    float:left;
}

.clear
{
    clear: both;
}

float-right{float:right !important}

/* Dashlets 
#dashletGrid
{
    font-size: 10px;
}*/

.dashboardContent
{
    clear: both;
    width: 100%;
    min-width: 900px;
}

.dashletLeft
{
    
    min-width: 50%;
    float: left;
}

.dashletRight
{
    padding-left: 5px;
    min-width: 440px;
    float: right;

}

.dashboardContent h2
{
    font-size: 1.5em;
    text-align: right;
    color: #000;

}

/* Editor panes */
.dialogcontent
{
    clear: both;
    width: 600px;
    min-width: 600px;
}
.leftdialogpane
{
    width: 50%;
    min-width: 300px;
    float: left;
}
.rightdialogpane
{
    width: 50%;
    min-width: 300px;
    float: right;
}

/* toolbar */
#toolbar { background: url('images/calendar_silver_allday30.gif') repeat-x; height: 25px; line-height: 25px; border-left: 1px solid #666; border-top: 1px solid #666; border-right: 1px solid #666; color: #666; }
#toolbar .right { float:right; text-align: right; padding-right: 5px; }
#toolbar a { color: #000; text-decoration:none; }
#toolbar a:hover {color: #666; }

/*  Context menu NG */

.menu_main
{
	font-family: Tahoma, Arial, Sans-Serif;
	font-size: 8pt;
	border: 1px solid gray;
	background-color: white;	
	padding: 0px;
	cursor: default;
	background-image: url('images/menu_default/bg3white.png');
	background-repeat: repeat-y;
}

/* title */
.menu_title
{
	background-color: #f2f2f2;
	border-bottom: 1px solid gray;
	padding: 4px 4px 4px 37px;
}

.menu_main a {
	padding-left: 35px;
	color: black;
	text-decoration: none;
	cursor: default;
}

.menu_main a img 
{
	margin-left: 6px;
	margin-top: 2px;
}

.menu_main a span 
{
	display: block;
	height: 20px;
	line-height: 20px;
	width: 150px; 
	overflow:hidden;
	padding-left: 2px;
	padding-right: 20px;
}

.menu_main a:hover {
	background-image: url('images/menu_default/left.png');
	background-repeat: no-repeat;	
}

.menu_main a:hover span {
	background-image: url('images/menu_default/right.png');
	background-repeat: no-repeat;	
	background-position: 100%;
}

.menu_main div div  /* separator */
{
	border-top: 1px solid #dddddd;
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 28px;
}


/*--------------------------------------*/
#DashboardSelector ul{height:25px;}
#DashboardSelector ul li{float:right;}
#DashboardSelector ul li div ul{height:auto; text-align:left;}
#DashboardSelector ul li div ul li{float:none;}
.t-header, .t-grid-header {
    /*background-color:#5F616B!important;*/
    border-color: #FFFFFF!important;
    background: url("Web20/sprite.png") repeat-x scroll 0 -752px #5F616B!important;
}
.t-state-default{ border-color: #FFFFFF!important;}
.k-state-default{ border-color: #FFFFFF!important;}
.t-grid td {
    border-color: #5F616B!important;
    border-style: none !important;
}
.k-grid td {
    border-color: #5F616B!important;
    border-style: none !important;
}

/*ness css added here*/

.welcome_staff {
    background: url("images/icon_welcom.png") no-repeat scroll left 0 transparent;
    color: #5E5E5E;    
    font-size: 12px;
    font-weight: normal;
    line-height: 25px;
    padding: 0 0 0 32px;
    width: 160px;
}
.t-menu .t-arrow-down
{
    display:none !important;
}
hr.style-rule {
    height: 15px;
    border: 0;
    width: 100%;
    box-shadow:inset 0 12px 12px -12px rgba(0,0,0,0.5);
    float: left;
}
#logindisplay .welcome_staff span {
    font-weight: bold;
}

#logindisplay .login_bx {
    float: left;
    width: 182px;
}

.login_bx ul {
    float: left;
    list-style: none outside none;
    width: 182px;
    margin: 0;
    padding: 0;
}

.login_bx ul li a 
{
    color: #707782;
    font-size: 12px;
    line-height: 20px;
    text-decoration: none;
}

.inner_content 
{
    margin: 0 auto;
    width: 98%;
}

.content_div 
{
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 solid #c8d1d5;
    float: left;
    padding: 0 1px;
    width: 100%;
}    
.inner_content .nav_bg ul li.selected_nav 
{
    background: url("images/nav_hover.png") repeat-x scroll 0 1px transparent;
    float: left;
}



.content_div .staff_board 
{    
    float: left;
    min-height: 41px;
    width: 100%;
}

.content_div .staff_board h2
{
    background: url("images/icon_staff.png") no-repeat scroll 16px 13px transparent;
    color: Black;
    float: left;
    font-family: "Myriad Pro";
    font-size: 18px;
    font-weight: normal;
    line-height: 41px;
    padding: 0 0 0 40px;
    margin:0px;
    text-transform:uppercase;
    text-shadow: 1px 1px 0 rgba(0,0,0,0.3);
}

.staff_container 
{
    float: left;
    min-height: 250px;
    padding: 1%;
    width: 98%;    
}

.button_main 
{
    float: left;
    width: 100%;
}

.button_main ul 
{
    float: left;
    list-style: none outside none;
    width: 100%;
    margin:0px;
    padding:0px;
}
.button_resize
{
    font-size : 15px !important;
    padding: 6px 15px !important;
}
.ui-dialog-buttonset .ui-button-text-only:nth-child(2) .ui-button-text, #btnSave
{
    margin: 0 !important;
}

.VolunteersList 
{
    float: left;
    padding-bottom: 15px;
    width: 100%;
 }
#VolunteersList
{
    margin-bottom:115px;
}  
.staff_container .main_dashboard 
{
    float: left;
    padding: 1px 0 0;
    width: 100%;
    position:relative;
}

.login .volunteer_vol 
{
  border:5px solid #ABA6A6;
box-shadow: 0px 3px 4px 1px #7E7676;
float: left;
padding: 15px 1%;
width: 98%;
background: #F2EEEE;
}

 Dashlets 
.dashletGrid
{
    float: left;
    padding-bottom: 15px;
    width: 100%;
}
#dashletGrid 
{
    float: left;
    padding-bottom: 2px;
    width: 100%;
    border-width:0px;
    border:1px solid #BCC5C9 !important;
    box-shadow: 0 0 1px #000;
}

#dashletGrid  table 
{
    width: 100%;
    border: 1px solid #FFFFFF;
    
}

#dashletGrid  table.trainlog
{
    width: 100%;
    border: 1px solid #FFFFFF;
    
}

#dashletGrid  table.trainlog tr{}
#dashletGrid  table.trainlog tr td{}

#dashletGrid  table tr th a:hover
{

    background:#75868E; color: #FFFFFF;
}

#dashletGrid  table tr {
    width: 100%;
}


#EventsList
{
    float: left;
    padding-bottom: 2px;
    width: 100%;
    border-width:0px;
    border:1px solid #BCC5C9 !important;
    box-shadow: 0 0 1px #000;
}

#EventsList  table 
{
    width: 100%;
    border: 1px solid #FFFFFF;
    
}
.lnkCaseDetails
{
    color: blue !important;
}

.lnkCaseDetails:hover
{
    text-decoration:underline;
}
#EventsList  table tr th 
{
    width: 20%;
    background: url("images/icon_white_arrow.png") no-repeat scroll 13px 10px #75868E !important;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height:25px;
    line-height: 25px;
    padding: 0 0 0 30px;
    text-align: left;
    border-width: 0;
}

#EventsList  table tr th a:hover
{

    background:#75868E; color: #FFFFFF;
}

#EventsList  table tr {
    background: none repeat scroll 0 0 #F7FCFF;
    width: 100%;
}

#EventsList  table tr td{
    border: none;
    color: #787878;
    font-size: 11px;
    font-weight: normal;
    padding: 3px 0 3px 30px;
}

#EventsList table tr td.t-last a{
    float:left; 
    width:14px;
    height:14px;
    cursor:pointer;
    background:url("images/_icon_v.png") top left no-repeat;
    text-indent:-9999px;
}
#EventsList table tr td.t-last a + a{
    width:13px;
    height:13px;
    background:url("images/btn_close.png") top left no-repeat;
}

#EventsList table tr.t-alt {
    background: #E6F2F7;
    width: 100%;
}

#EventsList .t-grid-header .t-header .t-link {
    border: 0 none;
    display: block;
    height: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    height:auto;
}

.fix-height {
    min-height:300px;
}

.t-tabstrip {
    /*float: left;
    width: 100%;*/
    float: left;
    padding-bottom: 15px;
    width: 100%;
    border-width:0px;
}
.t-tabstrip table tr 
{
    width: 100%;  
}

.t-tabstrip table tr th 
{
    width: 20%;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height:25px;
    line-height: 25px;
    padding-left:30px;
    text-align: left;
    border-width: 0;
  
}

.t-tabstrip table tr th a:hover
{

   color: #FFFFFF;
}
.k-tabstrip table tr th a:hover
{
   
   color: #FFFFFF;
}

.t-tabstrip table tr.t-alt {
    background: #E6F2F7;
    width: 100%;
}

.t-tabstrip .t-grid-header .t-header .t-link {
    border: 0 none;
    display: block;
    height: normal;
    line-height: normal;
    height:auto;
}

.t-tabstrip table tr.acive3 {
    background: none repeat scroll 0 0 #BCC5C9;
    width: 100%;
}

.t-tabstrip table tr td {        
    font-size: 13px;
    font-weight: normal;
}

.t-tabstrip table tr td.pagination {
    padding: 0;
}

.t-tabstrip table tr td.pagination .refresh {
    -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: none repeat scroll 0 0 #BCC5C9;
    border-color: #9BA2A6 -moz-use-text-color;
    border-style: solid none;
    border-width: 1px medium;
    float: left;
    width: 100%;
}

.refresh .icon_refresh {
    border-right: 1px solid #9BA2A6;
    float: left;
    min-height: 30px;
    width: 41px;
}
 .pending_vol {
    background: none repeat scroll 0 0 #E1E6EB;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    float: left;
    margin-top: -2px;
    padding: 1%;
    width: 98%;
}

.pending_vol .btn_main {
    float: left;
    padding: 10px 0;
    width: 100%;
}
/*4TH AUG 2012*/

.t-tabstrip .t-content, .t-panelbar .t-tabstrip .t-content {
    float:left; 
    width:98%; 
    margin-top:-2px;
     border:solid 2px #ccc !important;
      background:#e1e6eb; 
      padding:1% 1%; 
}

.t-header, .t-grid-header{ background:none !important; border:none;}
.k-header, .k-grid-header{ background:none !important; border:none;}
/*.t-widget, .t-input{ border:none !important;}*/

.t-toolbar, .t-grouping-header,  .t-widget .t-status {
    background-color: #E3EEFF;
    border-color: #829CBF !important;
}


/*.t-grid .t-status
{
     height: 36px !important;
    border-right-style: none !important;
    margin: -0.4em -1em -0.2em -0.6em !important;
}*/

.aimage
{
    background: url("images/btn_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    color: #424D52;
    cursor: pointer;
    float: left;
    font-size: 12px;
    line-height: 25px;
    padding: 3px 9px;
    text-shadow: 1px 0 0 #FFFFFF;
}

.t-tabstrip table tr td.t-last a {
    background: url("images/_icon_v.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;

}
.t-tabstrip table tr td.t-last a + a {
    background: url("images/icon_meginifire.png") no-repeat scroll left top transparent;
    height: 13px;
    margin-left: 2px;
    width: 13px;
    

}
.t-tabstrip table tr td.t-last a + a + a {
   background: url("images/btn_close.png") no-repeat scroll left top transparent;
    height: 13px;
    margin-left: 2px;
    width: 13px;
}
#Grid table tr th,.t-grid-header .t-header a
    {
        background: none repeat scroll 0 0 White !important;
        color: #0072bf !important;
    }
 .newform label
    {
        color: Black !important;
        font-size: 13px !important;
    }
.t-grid table thead tr
{
    height: 40px !important;
}
 .t-grid table tbody tr
    {
        border-top: 1px solid threedlightshadow;
    }
.t-tabstrip table tr td {

    border: none;
    font-size: 11px;
    font-weight: normal;
    /*padding: 3px 0 3px 30px;*/
}

Abuse  .main_dashboard {
    float: left;
    padding: 18px 0 0;
    width: 100%;
} 

/*06 August 2012*/

.t-grid{position:relative;zoom:1}

.t-grid table {
    border: 0 none;
    border-collapse: collapse !important;
    empty-cells: None ;
    width: 100% !important;
    table-layout:fixed;
    
}


#Grid
{
    float: left;
    padding-bottom: 2px;
    width: 100%;
    border-width:0px;
    border: 1px solid #9BA2A6 !important;
    box-shadow: 0 0 1px #000000;
}
   
#Grid table 
{
    width: 100%;
    border: 1px solid #FFFFFF;
    
}

#Grid table tr th 
{
    width: 15%;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height:25px;
    line-height: 25px;
    padding: 0 0 0 30px;
    text-align: left !important;
    border-width: 0;
    
}

#Grid table tr th a:hover
{

    color:Black;
}

#Grid table tr {
    width: 100%;
}

#Grid table tr td{
    border: none;
    color: Black;
    font-size: 11.5px;
    font-weight: normal;
    padding: 3px 0 3px 30px;
}

#Grid table tr td.t-last a{
    float:left; 
    width:15px;
    cursor:pointer;
    background:url("images/_icon_v.png") top left no-repeat;
    margin-left:2px;
    text-indent:-9999px;
}
#Grid table tr td.t-last a + a{
    width:13px;
    height:13px;
    background:url("images/icon_meginifire.png") top left no-repeat;
    margin-left:2px;
}
#Grid table tr td.t-last a + a + a{
    width:13px;
    height:13px;
    background:url("images/btn_close.png") top left no-repeat;
    margin-left:2px;
}


#Grid table tr.t-alt {
    width: 100%;
}

#Grid .t-grid-header .t-header .t-link {
    border: 0 none;
    display: block;
    height: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    height:auto;
}

#User
{
    float: left;
    padding-bottom: 15px;
    width: 100%;
    border-width:0px;
}

#User table 
{
    width: 100%;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
}

/*/////////*/


 .t-tabstrip .t-item a
{ 
    padding: 2px 13px !important;
    /*color:#EDECEC;*/
  }
 /*.t-tabstrip .t-item a:hover
 {
     color:#EDECEC;
    }*/

 .t-tabstrip .t-state-active{ background:none;}
 /*#TabStrip .t-state-active a*/
{
    color: #5E6278;
    font-weight: normal;
    line-height: 26px;
    text-decoration: none;
}
    .t-header .t-link{font-weight:bold !important;}
    .k-header .k-link{font-weight:bold !important;}

.t-tabstrip ul
{
    float:left;    
/*    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000; */
    font-size: 12px;
    list-style: none outside none;
    padding:0px;
    position:relative;
    left:0px;
}
    
.t-tabstrip ul li.t-item{

    float: left;
    position: relative;
    padding:0px;
    margin:0px;
}

 .t-tabstrip ul li.t-state-active{
    background:#E1E6EB;
    float: left;
    position: relative;
    top: 1px;
    z-index: 1;
}

.t-tabstrip ul li.t-state-active a.t-link{
    color: #5E6278;
    background:none;
}
.t-tabstrip-items .t-item, .t-panelbar .t-tabstrip-items .t-item
    {
        text-decoration:none; 
        text-align:center;         
        color:#E5FFFF; 
        height: 30px !important;    
        -moz-border-radius-topleft: 0 !important;
        -moz-border-radius-topright: 0 !important;
         -webkit-border-top-left-radius: 0 !important;
        -webkit-border-top-right-radius: 0 !important;
        border-top-left-radius: 0 !important;
        border-top-right-radius:0 !important; 
    }
    .t-tabstrip ul li.t-state-active a,.t-tabstrip ul li.t-state-hover a
    {
        color: Black !important;
    }
    .t-tabstrip ul .t-item:hover
    {
        background : #E1F5FF !important;
        border-top-right-radius: 23px !important;
    }
    
    .t-tabstrip ul li.t-state-active
    {
        border-style: none !important;
        border-top-right-radius: 23px !important;             
        background : #E1F5FF !important;
        top:0px !important;
        z-index:0 !important;
        color: Black !important;
    }    
    .t-tabstrip ul li.t-state-active a.t-link
    {
        background:none !important;        
    }


.t-tabstrip ul li.t-item + li.t-item
{
    background: white;
    border-left:1px solid #40BBEC!important
}

.t-tabstrip ul li.t-item a {
    line-height: 23px;
    text-decoration: none;
    color: #0072BF;
}
    
.tab-content .t-grid{ border:1px solid #888 !important;}
.tab-content .t-grid table{ border:1px solid #fff !important;}
    
#TabStrip-1
{
    background-color:White !important; position:relative;}
#TabStrip-2
{
    background-color:White !important;}
#TabStrip-3
{
    background-color:White !important;}
#TabStrip-4
{
    background-color:White !important;}      
/*.btn_main a{  
        
    background: url("images/btn_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    padding: 3px 9px;
    box-shadow: 0 0 1px #333333;
}*/
      .btn_main{ min-width:100px;}
      
/*.t-status a{ background-image:/content/images/icon_refres.png;}*/


 .t-datepicker-calendar .t-arrow-next
    {
         background-image:url("../../Content/images/next2.png") !important;
        background-position: 0 !important;
        margin-top:0px !important;
    }
     .t-datepicker-calendar .t-arrow-prev
    {
         background-image:url("../../Content/images/prv2.png") !important;
        background-position:10px 4px !important
    }  
    
          

.t-animation-container .t-group { z-index:999999 !important; position:absolute !important; }
       
.t-animation-container .t-group .t-item {
    width: 265px !important; 
}
.t-animation-container .t-group {
    width: 268px !important;
}

    
.zebra_color tr:nth-child(even){ background-color:#E6F2F7 !important;}
.newwidth{ width:100px !important;} 
.newwidth2 td{ width:100px !important; overflow:hidden;}
    
    
.t-lastnew a 
{
    background: url("images/_icon_v.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    height: 14px;
    margin-left: 2px;
    text-indent: -9999px;
    width: 14px;}
.t-lastnew a + a
{
    background: url("images/icon_meginifire.png") no-repeat scroll left top transparent;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
.t-lastnew a + a + a
{
    background: url("images/btn_close.png") no-repeat scroll left top transparent;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    
.t-numeric .t-state-active
{
    background: none repeat scroll 0 0 White !important;
    color: Black !important;
    float: left !important;
    font-size: 13px !important;
    font-weight: bold !important;
    height: 15px;
    line-height: 16px !important;
    margin-left: 5px !important;
    padding: 0 4px 2px !important;
    text-decoration: none !important;
    
}
    
.t-grid-header .t-header a{ color:#0072bf !important}
.k-grid-header .k-header a,.k-link{ color:#0072bf !important}

    /*SchoolList like GRID*/
    
#SchoolList
{
    float: left;
    padding-bottom: 2px;
    width: 100%;
    border-width:0px;
    border: 1px solid #9BA2A6 !important;
    box-shadow: 0 0 1px #000000;
}
   
#SchoolList table 
{
    width: 100%;
    border: 1px solid #FFFFFF;
    
}

#SchoolList table tr th 
{
    width: 20%;
    color: #0072bf;
    font-size: 12px;
    font-weight: bold;
    height:25px;
    line-height: 25px;
    padding: 0 0 0 30px;
    text-align: left;
    border-width: 0;
}

#SchoolList table tr th a:hover
{
    background:#75868E; color: #FFFFFF;
}

#SchoolList table tr {
    width: 100%;
}

#SchoolList table tr td{
    border: none;
    color: Black;
    font-size: 11px;
    font-weight: normal;
    padding: 3px 0 3px 30px;
}

#SchoolList table tr td.t-last a{
    float:left; 
    width:14px;
    height:14px;
    cursor:pointer;
    background:url("images/_icon_v.png") top left no-repeat;
    margin-left:2px;
    text-indent:-9999px;
}
#SchoolList table tr td.t-last a + a{
    width:13px;
    height:13px;
    background:url("images/icon_meginifire.png") top left no-repeat;
    margin-left:2px;
}
#SchoolList table tr td.t-last a + a + a{
    width:13px;
    height:13px;
    background:url("images/btn_close.png") top left no-repeat;
    margin-left:2px;
}

#SchoolList table tr.t-alt {
    width: 100%;
}

#SchoolList .t-grid-header .t-header .t-link {
    border: 0 none;
    display: block;
    height: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    height:auto;
}      
#menu .t-item .t-group .t-item:hover,#menu .t-item .t-group .t-item
{
    background: White !important;
}
.margin_new{ margin-top:15px !important;}
.forpadding{ padding-top:35px;}
.t-tabstrip .t-content { top:-2px; position:relative;}

.tab-content .button_main{ padding:10px 0px 0;}
.t-tabstrip .button_main ul {border:none; box-shadow:none;}
.button_main ul li{ float:left;}
#menucontainer #menu li 
{
    /*z-index:99999;*/
    width: 10%;
}
.t-link{ font-weight:bold;}
.t-header{ border-style:none !important; } 
.k-header{ border-style:none !important; } 
/*.dhx_cal_navline
{
    
        background-color:#7B9ED6; 
        background-image: -moz-linear-gradient(top, #7B9ED6 0%,  rgb(101, 127, 199) 100%) !important;
        background-image: -webkit-linear-gradient(top, rgb(139, 179, 224) 0%, rgb(101, 127, 199) 100%) !important;
        background-image: -o-linear-gradient(top, #7B9ED6 0%, rgb(101, 127, 199) 100%) !important; 
        background-image: -ms-linear-gradient(top, #7B9ED6 0% , rgb(101, 127, 199) 100%) !important; 
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr=' rgb(101, 127, 199)', endColorstr=' rgb(101, 127, 199)',GradientType=0 );
        background-image: linear-gradient(top, #7B9ED6 0% , rgb(101, 127, 199) 100%) !important;  
    
}*/
.dhx_section_time select
{
    height: 20px !important;
    width: 70px !important;
}
.lookup-buttons
{
    margin-left: 10px !important;
}
.btn-editchildstatus
{
     margin-left:0 !important;
}
#form_bx 
{
    border: 1px solid #CCCCCC;
    box-shadow: 0 0 2px #C8CFD4;
    float: left;
    margin: 20px 0;
    padding: 1%;
    position: relative;
    width: 98%;
    }
#form_bx #StatusTypeID
{
    margin: 1px 0 0;
}
#form_bx .editor-label
{
    clear: left;
    float: left;
    margin-left: 5px !important;
    padding-top: 14px;
}

#form_bx .editor-field 
{
    clear: right;
    float: left;
    margin: 20px 0 0 10px;
}
    


#form_bx .editor_active
{
    clear: left;
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 10px 0 25px 10px;
    padding: 0 5px 0 0;
}
.edit-margin_left
{
    margin-left:13px !important;
}
.margin_left
{
    margin-left: 15px !important;
}
.active_left
{
    margin-left:-145px !important;
}
#form_bx .editor_active label, .action_left{ margin-left: 5px !important;}
   
#form_bx .editor-check  
{
    float: left;
    margin: 13px 0 0 5px;
    padding: 0;}
#form_bx p
{
    margin-top: 10px;    
    min-width: 70px !important;    
    clear: left;
    padding: 0 4px !important;
}
.dele-div
{
    /*float: left;*/    
    clear:left;
    margin-top: 65px;    
}
#form_bx .align-left, #EditAssessmentDisplay .align-left, #EditQuestionDisplay .align-left
{
    margin-left: 15px !important;
}
.divContainer
{
    border: 1px solid #ccc;
    margin-top: 16%;
    border-radius: 3px;
    padding: 1%;
    box-shadow: 0 0 1px #000;
}
  
.staff_container2 .volunteer_vol {
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    float: left;
    padding: 0px 1%;
    width: 98%;
    background:white;
}
   
.ui-dialog-buttonset .ui-button-text, .reset-topMargin
{
    margin-top:0 !important;
}

#GeneralInfoDetails .t-grid-pager
{
    line-height: 2em !important;
}
#GeneralInfoDetails .t-grid .t-status
{
    margin-top:-0.8em !important;
}

.div-deletealign
{
    margin-left: 1%;
    line-height: 1.5em;
}
#GeneralInfoDetails .t-reset{margin-top:-0.3em !important;}
.display-label{ float:left; clear:left;margin-top: 13px;}
.display-field{ float:left; margin-top:13px !important; margin-left:10px;}
.fordelete{ margin-bottom:10px !important;}
.marginofefit{ margin-top:12px;}
.margin-btn{margin-left:10px !important}

.dele:hover, .dele a:hover, .aCaseChildEdit:hover, .foreditpage p a:hover, .ui-dialog-buttonset .ui-button-text-only:nth-child(1) .ui-button-text:hover, .aVolunteerNotesEdit:hover, .FancyEdit:hover, .btn-back:hover, button.ui-button:hover span, #btnViewVolunteer:hover
{
    color:Black !important;   
}
.ui-button-text-only .ui-button-text
{
    padding: 4px 17px !important;
    line-height:normal !important;
}
.ReportToolbar
{
    height: 38px !important;
    margin-top: 10px !important;
}
#ReportViewer1_ReportToolbar
{
   background: rgba(210,227,238,1) !important;
background: -moz-linear-gradient(left, rgba(210,227,238,1) 0%, rgba(147,182,210,0.98) 82%, rgba(133,172,204,0.98) 100%) !important;
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(210,227,238,1)), color-stop(82%, rgba(147,182,210,0.98)), color-stop(100%, rgba(133,172,204,0.98))) !important;
background: -webkit-linear-gradient(left, rgba(210,227,238,1) 0%, rgba(147,182,210,0.98) 82%, rgba(133,172,204,0.98) 100%) !important;
background: -o-linear-gradient(left, rgba(210,227,238,1) 0%, rgba(147,182,210,0.98) 82%, rgba(133,172,204,0.98) 100%) !important;
background: -ms-linear-gradient(left, rgba(210,227,238,1) 0%, rgba(147,182,210,0.98) 82%, rgba(133,172,204,0.98) 100%) !important;
background: linear-gradient(to right, rgba(187, 215, 234, 1) 0%, rgba(147,182,210,0.98) 82%, rgba(133,172,204,0.98) 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d2e3ee', endColorstr='#85accc', GradientType=1 ) !important;
}

.lookup_dele
{
   margin-left: 1%;
}
.foreditpage fieldset{ min-height:50px;color:Black;}

.margin_fieldset a
{ 
    margin: 10px 10px 10px 0px !important;
}
.tab-content p,.button_main p,#CaseAssociatedPartyList p,#CaseDocumentList p
{
    margin-top:1%;
}
.float-right
{
    float:right !important;
}
.float-left
{
    float:left !important;
}
.case-create
{
    margin-left:15px !important;
    margin-top:10px !important;    
}


.leftpane .display-label{ width:150px !important;}
.rightpane .display-label{ width:150px !important;} 
.detailinforns
{
    background: url("images/pattern_bg.png") repeat scroll 0 0 transparent;
    float: left;
    padding: 1% 1% 2%;
    width: 98%;
    margin-top:10px;
}
    
    
.t-tabstrip .t-content{ color:Black; font-size: 13px !important; padding:5px 11px !important; margin: 0 !important;}
    
.aCompletedReferencesEdit
{
    background: url("images/_icon_v.png") no-repeat scroll 5px 6px #ECEFF1;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    color: #686868;
    float: left;
    font-size: 11px;
    line-height: 24px !important;
    padding: 0 25px;
    text-decoration: none;
    text-shadow: 1px 0 0 #E5E5E5;
    text-transform: uppercase;
    margin: 3px 7px 2px 0;
}
    
.display-field input[type="checkbox"]{ margin:0px 5px 0 0;}
   
.margins{margin-top:40px !important;}
   
.forside{}
.forside fieldset #TabStrip-5{ border-color:#999; background-color: #F4FAFE;}


    
.clear{ clear:both;}
#ApplicantDataInfo{ clear:left;}
    
.forinnerpadding
{
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    float: left;
    margin-top: 10px;
    padding: 15px 1%;
    width: 98%;
}
   
#aCompletedReferencesEdit label{}
    
#VolunteerLanguageGrid table tr td:last-child a
{
    background: url("images/_icon_v.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;
}
#VolunteerLanguageGrid table tr td:last-child a + a 
{
    background: url("images/btn_close.png") no-repeat scroll left top transparent;
    height: 13px;
    margin-left: 2px;
    width: 13px;
}
    
#VolunteerEducationGrid table tr td:last-child a
{
    background: url("images/_icon_v.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;
 }
#VolunteerEducationGrid table tr td:last-child a + a
{
    background: url("images/btn_close.png") no-repeat scroll left top transparent;
    height: 13px;
    margin-left: 2px;
    width: 13px;
}
    
 #References tr th { width:12% !important;}

.margin-l a{ left: 90px;}  
#TabStrip-5 , #TabStrip-6 , #TabStrip-7 , #TabStrip-8 , #TabStrip-9 , #TabStrip-10 , #TabStrip-11{ background-color:White !important;}
#ReferencesList{ margin-top:10px;}
#menu .t-link span.t-arrow-next
{
    background-image: url("../../Content/images/next2.png") !important;        
    background-repeat : no-repeat !important;
    background-position:2px !important;
}
.t-animation-container .t-group .t-item .t-link
{
    text-align: left !important;
}
    
.aInterviewEdit 
{
    margin-bottom: 10px;
    position: relative;
}
    
#DisabilityPreferencesGrid , #CertificationsGrid , #JurisdictionsGrid , #AbuseTypePreferencesGrid , #AbuseTypePreferencesGrid, #BackgroundChecks , #TrainingList , #GeoLocatonPreferencesGrid
{
    clear: both;
    position: relative;
    top: 10px;
}
    
#BackgroundChecks table tr td:last-child a
{
    background: url("images/_icon_v.png") no-repeat scroll left top transparent;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;
}
#BackgroundChecks table tr td:last-child a + a
{
    background: url("images/btn_close.png") no-repeat scroll left top transparent;
    height: 13px;
    margin-left: 2px;
    width: 13px;
}
    
#Trainings table tr td:last-child a
{
    background: url("images/_icon_v.png") no-repeat scroll left top transparent !important;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;
}
#Trainings table tr td:last-child a + a
{
background: url("images/btn_close.png") no-repeat scroll left top transparent  !important;
height: 13px;
margin-left: 2px;
width: 13px;
}
.aTrainingCreate{ margin-bottom:10px;}

#Cases{}

#CertificationsGrid table tr td:last-child a , #JurisdictionsGrid table tr td:last-child a , #DisabilityPreferencesGrid table tr td:last-child a , #AbuseTypePreferencesGrid table tr td:last-child a , GeoLocatonPreferencesGrid table tr td:last-child a
{ 
    background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;
}  
.styls{}

.styls .editor-label  
{
    clear: left;
    float: left;
    margin: 10px  0;
    min-width: 150px !important;
}
    
.styls .editor-field
{
    float: left;
    margin-left: 5px;
    min-width: 138px !important;
}
.div-clear
{
    clear:both;
}
.btn-delete, #petitionDelete
{
    border:1px solid #a30008;
    background-color: #d7111b;
    background-image: -moz-linear-gradient(top, #d7111b 0%, #e3222b 100%); 
    background-image: -webkit-linear-gradient(top, #d7111b 0%, #e3222b 100%); 
    background-image: -o-linear-gradient(top, #d7111b 0%, #e3222b 100%); 
    background-image: -ms-linear-gradient(top, #d7111b 0% ,#e3222b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3222b', endColorstr='#e3222b',GradientType=0 ); 
    background-image: linear-gradient(top, #d7111b 0% ,#e3222b 100%);
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size:15px;
    float:left;
    font-family:arial, helvetica, sans-serif;
    padding: 4px 16px;
    text-decoration:none;
    display:inline-block;
    color: #FFFFFF;
    margin:-1px 0 0 9px;
    cursor:pointer; 
}
.lnkManageTasks a
{
    color:White;
}

/*.butto a
{
    background: url("images/_icon_v.png") no-repeat scroll 5px 6px #ECEFF1;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    color: #686868;
    float: left;
    font-size: 11px;
    line-height: 24px;
    margin: 0 0 10px;
    padding: 0 25px;
    text-decoration: none;
    text-shadow: 1px 0 0 #E5E5E5;
    text-transform: uppercase;
}
    
.butto 
{
    left: 32px;
    position: absolute;
    top: 200px;
    width: 96%;
}*/
      
.marg-top{margin-top: 119px !important;}
    
.marg-top legend
{
    background: none repeat scroll 0 0 #0D2F0A;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    color: #FFFFFF;
    cursor: pointer;
    font-size: 12px;
    font-weight: normal;
    left: 8px;
    padding: 3px 9px;
    text-shadow: 1px 0 0 #BABCB5;
    top: -13px;
}
    
/*    
.ui-resizable{ z-index:99999 !important;}
*/
.styleforli{}
.styleforli li{line-height: 22px;
list-style: none outside none;}
.styleforli li span{    display: -moz-inline-grid;
font-weight: bold;
margin-left: 50px;
width: 190px;}
.styleforli li p{ display:inline;}
.styleforli li:nth-of-type(odd){ }
.styleforli li:nth-of-type(even){ }
.styls{}
.styls label 
{
    display: inline-table;
    width: 150px; font-weight:bold;
}

.styls input[type="text"]
{
    padding:3px;
    margin:3px 0px;
}

.dialogcontent{ width:100% !important;}

#BackgroundChecksTable{ width:100%; margin-top:10px;}

.display-label{display: inline-table;    width: 150px;}

.login
{
    float: left;
    padding: 1%;
    width: 98%;
}
.editbtn a
{
    box-shadow: 0 0 1px #333333 !important;
    padding: 3px 9px !important;
    float: left !important;
    font-size: 11px !important;
    text-transform: uppercase !important;
    margin: 6px 5px;
    background: url("images/btn_bg.png") repeat-x scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #333333 !important;
    padding: 3px 9px !important;
    line-height:16px !important;
    
}
    
.t-filter 
{
background-position: -1px -239px !important;
width: 20px !important;
}


.newform form input[type="text"] 
{
    clear:both; 
    padding:3px;
    border-radius: 4px !important;
}
.newform form select, select
{
    width: 208px;
    height: 28px;
    /*border-radius: 4px;
    border: 1px solid #CCC;*/
}
.case_margin-left
{
    margin-left: 14em !important;
}
.volunteerMargin-left
{
    margin-left: 470px;
    margin-top: -22px;
    position: absolute;
}
.forms label
{
    display: inline-table;
    padding: 4px;
    width: 165px !important;
}
    
.forms li font{ vertical-align:text-bottom;}
    
.forms li{ list-style:none;}
.forms li.details_popup{ list-style:none;}
.forms li.details_popup label{  padding:0px 0px 0px 0px; width:72px !important;}

fieldset legend,.newdetail legend,.tab-content legend,.forside fieldset legend,.transform legend
{
    border: 1px solid #eea236;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
    font-family: arial, helvetica, sans-serif;
    padding: 5px 8px 5px 7px;
    text-decoration: none;
    display: inline-block;    
    font-weight: bold;
    background-color: #eea236;
    margin-top: -26px;
    position: absolute;
}
    
.margin-top{ margin-bottom:10px !important;}  
.newform{background: none repeat scroll 0 0 White; margin-bottom:30px !important;clear:both;border-radius: 3px !important;}  
.newform li span input[type="text"],.t-picker-wrap .t-input{ clear:both; padding:2px;border-radius: 2px;}
.newform li span select{ clear: both;padding: 3px;border-radius: 2px;width: 200px;border: 1px solid #CCC;}
#InquiryDetailRows{ width:100%; clear: both;}

.ui-widget input, .ui-widget select, .ui-widget textarea
{
    padding: 3px;
    border-radius: 2px;
    border: 1px solid #CCC;
}



#InquiryDetailRows tr td{ border:none !important;}
#InquiryDetailRows tr td input[type=text]{ border:1px solid #ccc !important; padding:3px;border-radius:3px;}
#InquiryDetailRows tr td select{ border:1px solid #ccc !important; padding:3px;border-radius:3px;}
   
    
.dele a{ text-decoration:none;color:White}
    
.marginf{ margin-top: 10px !important;}

.margin-fix
{
    margin-left:0px !important;
    margin-top:10px !important;
}
/*---------------------------------headding on all pages--------------------------------------*/
  
                            .staff_board{ }
    
/*---------------------------------headding on all pages--------------------------------------*/
    
    
.clear{ clear:both;}
/*-----------.forbor #Details table{ border:1px solid #888 !important;}-----*/
    
.display-label{ text-align:left !important; }
    
.margin-l .leftpane{ width:35% !important; margin-left:3.6% !important;}

.aVolunteerLanguageCreate , aVolunteerEducationCreate{ padding:3px 10px;}
    
/*.space 
{
    margin-left: 7%;
    width: 80%;
}*/
    
.t-grid-header tr th a{ text-decoration:none;}  
.noborder tr td{ border:none !important;}
.noborder tr{ border:none !important;}
.noborder{ border:none !important;}  
#ReferenceRows{ width:100%; border:none !important;}
#ReferenceRows tr { border:none !important;}
#ReferenceRows tr td{ border:none !important;}
    
.search_bx a
{
    background: url("images/icon_search.png") no-repeat scroll 5px 6px #ECEFF1 !important;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    color: #686868;
    float: left;
    font-size: 11px;
    line-height: 24px;
    padding: 0 25px;
    text-shadow: 1px 0 0 #E5E5E5;
    text-transform: uppercase;
    text-decoration:none;
}
    
.newcase 
{
    float: right;
    margin-right: 19%;
}
.nofloat 
{
    float: none !important;
}
.forsearch input[type="text"]{ margin-right:5% !important;}
.forsearch input[type="radio"]{ margin:0 2px 0 4px ;vertical-align: text-bottom;}
.forsearch input[type="checkbox"]{ vertical-align: text-top; }
/*.newonep .t-grid table tr td:last-child a
{
    background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    cursor: pointer;
    float: left;
    height: 14px;
    text-indent: -9999px;
    width: 14px;
}
     .newonep .t-grid table tr td:last-child a + a{background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    width: 13px;
}*/  
.create a
{
    text-decoration:none; background: url("images/_icon_v.png") no-repeat scroll 5px 6px #ECEFF1;
    border: 1px solid #FFFFFF;
    box-shadow: 0 0 1px #000000;
    color: #686868;
    float: left;
    font-size: 11px;
    line-height: 24px;
    padding: 0 25px;
    text-decoration: none;
    text-shadow: 1px 0 0 #E5E5E5;
    text-transform: uppercase;
}
    
.fortablestyle #Grid table tr th{ width:13% !important;}
.fortablestyle #Grid table tr td:last-child a
{
    background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px; 
}
.fortablestyle #Grid table tr td:last-child a + a
{
    background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px; 
}    

.mockuptable tr td{ width:16% !important; border:none !important;}
.check-box{ vertical-align:text-bottom; margin:0 2px 0 ;}
.mockuptable tr td span{ font-weight:bold;}
.mockuptable{ width:100% !important; }
  
#ReferenceRows tr td table tr td
{
    float: left;
    margin-bottom: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    margin-top: 10px;
    width: 240px;
}
    
#ReferenceRows tr td table tr td .display-label, .editor-field
{
    margin-top: 10px;
}
  
.space li label{ padding:2px !important;}
 
.t-picker-wrap
{
    margin-top: -13px !important;
}
table tr td.t-last a{ cursor:auto !important;}
    
#form_bx p input[type="submit"]
{
    float: left;
    margin-left: 15px;
    padding-left: 15px;
   /* width: 70px;*/
}
.dialogcontent .leftpanel { float:left; width:50%;}

.t-picker-wrap .t-input 
{
    margin: 13px 0 0 !important;
}

.t-icon-calendar{ margin:7px 0 0 !important;}



.sampleicons .t-grid table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;}
.sampleicons .t-grid table tr td:last-child a + a{background: url("images/btn_close.png") no-repeat scroll left top transparent !important;}


.t-animation-container .t-popup .t-datepicker .t-picker-wrap .t-select .t-icon-calendar, .inquiry-marginTop{margin-top:5px !important;}

.t-animation-container .t-popup .t-datepicker .t-picker-wrap{ margin-top:10px !important;}

.fullwidth li strong label{width:100% !important;}
.fordate .t-select{ margin-top:7px !important;}
.details_popup .fordate
{ 
    margin-right: 43px;
    position: absolute;
    right: 0;
}
    
.details_popup{ margin:5px 0;} 


#longtabbers .t-tabstrip ul li a{ padding:0 0.366em !important;}



    
    #longtabbers .t-tabstrip table tr td:last-child a

{
    background: url("images/_icon_v.png") no-repeat scroll left top transparent !important;
 
    float: left;
    margin-left: 2px;
    width: 15px;
}
#longtabbers .t-tabstrip table tr td:last-child a + a

{
    background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;
}
#longtabbers .t-tabstrip table tr  td:last-child a + a + a

{
    background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px ;
}

#CaseChildrenList .t-tabstrip table tr td:last-child a
{
      background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;  
}

#CaseChildrenList .t-tabstrip table tr td:last-child a + a
{
    background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px ;
}

#PartyID #VolunteerFirstName{ position:absolute;}

.newspanwidth{  display: block;
    margin: -27px 0 29px 180px;
    width: 424px !important;}
    
    .t-select span{ margin-top:15px !important;}
    
      
    #TabStrip-2 #ChildrenList table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    #TabStrip-2 #ChildrenList table tr td:last-child a + a{  background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    
 #TabStrip-3 #FamilyMembersGrid table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    #TabStrip-3 #FamilyMembersGrid table tr td:last-child a + a{  background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
     #TabStrip-4 #CasePlacements table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    #TabStrip-5 #CasePlacements table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    #TabStrip-7 #CaseHearingsList table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    #TabStrip-7 #CaseHearingsList table tr td:last-child a + a{  background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
  #TabStrip-8 #CasePetitions table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
  #TabStrip-8 #CasePetitions table tr td:last-child a + a{  background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    #TabStrip-9 #CourtReports table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    #TabStrip-9 #CourtReports  table tr td:last-child a + a{  background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    #TabStrip-10 #VolunteerActivities table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
      #TabStrip-10 #VolunteerActivities  table tr td:last-child a + a{  background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
    
    #TabStrip-11 #editorContent table tr td:last-child a{background: url("images/icon_meginifire.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
    
       #TabStrip-11 #editorContent  table tr td:last-child a + a{  background: url("images/btn_close.png") no-repeat scroll left top transparent !important;
    height: 13px;
    margin-left: 2px;
    width: 13px;}
 
.leftpane.leftpane2 {width:100%; min-width:300px; float:left;}
.leftpane.leftpane2 ul.forms {float:left; width:100%; list-style:none;}
.leftpane.leftpane2 ul.forms li {float:left; width:100%;}
.leftpane.leftpane2 ul.forms li label{float:left; width:165px;}
.leftpane.leftpane2 ul.forms li span{float:left; width:440px;}
.leftpane.leftpane2 ul.forms li span input{float:left; width:200px; margin:0 12px 0 0px;}

#form_bxa
{
       
 
    float: left;
    margin: 20px 0;
    padding: 1%;
    position: relative;
    width: 98%;
}

.popup_header{background:#75868E none  !important;
    border-width: 0;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 25px;
    line-height: 25px;
    padding: 0 0 0 30px;
    text-align: left;
    }
    
#SchoolRenewalSection{}
#SchoolRenewalSection table{margin-bottom:10px;}
#SchoolRenewalSection table tr{}
#SchoolRenewalSection table tr td
{
    width:10%;
}
#SchoolRenewalSection table tr td + td
{
    width:30%;
}

#SchoolRenewalSection table tr td {width:auto !important;}

a.edit 
{
    float:left; 
    width:16px;
    height:16px;
    background:url("images/_icon_v.png") top left no-repeat !important;
    text-indent:-9999px;
    margin-right: 4px;
}
a.delete 
{
    float:left; 
    width:13px;
    height:13px;
    background:url("images/btn_close.png") top left no-repeat !important;
    text-indent:-9999px;
    margin-right: 4px;
}

a.details {
    float: left;
    width: 14px;
    height: 14px;
    background: url("images/icon_meginifire.png") top left no-repeat !important;
    text-indent: -9999px;
    margin-right: 4px;
}

a.reportdetails {
    float: left;
    width: 14px;
    height: 14px;
    background: url("images/info-icon-i.png") top left no-repeat !important;
    text-indent: -9999px;
    margin-right: 4px;
}
a.reportdetails-align {
    margin-top: 2px !important;
}

a.k-icon-32 {
    font-size: 32px; /* Sets icon size to 32px */
}

a.favoritesdisabled
{
    float:left; 
    width:18px;
    height:16px;
    background:url("images/icon_favoritedisabled.png") top left no-repeat !important;
    text-indent:-9999px;
    margin-right: 4px;
}

a.favoritesenabled
{
    float:left; 
    width:18px;
    height:16px;
    background:url("images/icon_favoritesenabled.png") top left no-repeat !important;
    text-indent:-9999px;
    margin-right: 4px;
}

a.email
{
    float:left; 
    width:14px;
    height:14px;
    background:url("images/icon_email.png") top left no-repeat !important;
    text-indent:-9999px;
    margin-right: 4px;
}

a.survey
{
    float:left; 
    width:14px;
    height:14px;
    background:url("images/icon_survey.png") top left no-repeat !important;
    text-indent:-9999px;
    margin-right: 4px;
}

.t-grid 
{
    float: left;
    padding-bottom: 2px;
    width: 100%;
    border-width:0px;
    border:1px solid #BCC5C9 !important;
    box-shadow: 0 0 1px #000;
}
   
.t-grid table tr th 
{
    width: 20%;
    background: White !important;
    color: #0072bf;
    font-size: 12px;
    font-weight: bold;
    height:25px;
    line-height: 25px;
    padding: 0 0 0 30px !important;
    text-align: left;
    border-width: 0;
}
.k-grid table tr th 
{
    width: 15.05%;
    background: White !important;
    color: #0072bf;
    font-size: 12px;
    font-weight: bold;
    height:25px;
    line-height: 25px;
    padding: 0 0 0 30px !important;
    text-align: left;
    border-width: 0;
}

.t-grid table tr th a:hover
{

    background:#75868E; color: #FFFFFF;
}

.t-grid table tr {
    background: none repeat scroll 0 0 White;
    width: 100%;
}

.t-grid table tr td
{    
    color: Black;
    font-size: 11.5px;
    font-weight: normal;
    padding: 3px 0 3px 30px;
}
.k-grid table tr td
{    
    color: Black;
    font-size: 11.5px;
    font-weight: normal;
    padding: 3px 0 3px 30px;
}
.t-grid table tbody tr
{
    border-top: 1px solid threedlightshadow;
}
.k-grid table tbody tr
{
    border-top: 1px solid threedlightshadow;
}
.t-grid table tbody tr:hover
{
    background : #E1F5FF !important;
}
.k-grid table tbody tr:hover
{
    background : #E1F5FF !important;
}
.t-grid table tr.t-alt {
    background: White;
    width: 100%;
}
.k-grid table tr.k-alt {
    background: White;
    width: 100%;
}

.t-grid .t-grid-header .t-header .t-link 
{    
    border: 0 none;
    display: block;
    height: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    height:auto;
}
.k-grid-header th.k-header > .k-link
{    
    border: 0 none;
    display: block;
    height: normal;
    line-height: normal;
    margin: 0;
    padding: 0;
    height:auto;
}

.ui_box .display-label {margin: 14px 0 0;}
ul.forms.forms2 li label strong label{padding:0;}
ul.forms.forms2 li span textarea {margin:10px 0 0 0;}

.editor-field3 textarea{ width:100% !important;}
.editor-field3{ width:900px !important;} 
.ui_box .display-label {margin: 14px 0 0;}
ul.forms.forms2 li label strong label{padding:0;}
ul.forms.forms2 li span textarea {margin:10px 0 0 0;} 

/*
#Grid1 .t-last a{ background:url("images/_icon_v.png") no-repeat scroll left top transparent !important;
    cursor: pointer;
    float: left; 
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;}
    #Grid1 .t-last a + a{ background:url("images/btn_close.png") no-repeat scroll left top transparent !important;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;}
    
      #Grid2 .t-last a { background:url("images/btn_close.png") no-repeat scroll left top transparent !important;
    cursor: pointer;
    float: left;
    margin-left: 2px;
    text-indent: -9999px;
    width: 15px;}
*/

/* Needed to keep Telerik Editor toolbar from displaying vertically in Chrome  */
.t-editor
{
    table-layout:auto !important;
}

/* Added by me(AC) to make a 3 column set up           */
#block_1 { float: left; width: 34%; margin-left: 33%; }
#block_2 { float: left; width: 33%; margin-left: -67%; }
#block_3 { float: left; width: 33%; }

.table-alt tr:nth-child(6n+1){    }
.table-alt tr:nth-child(6n+2){    }
.table-alt tr:nth-child(6n+3){    }

.eqjs-ep-entity > .eqjs-ep-entity-children
{
 margin-left: 3%;
}

.High {
    background: #0f0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.Medium {
    background: #dd0;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.Low {
    background: #f00;
    width: 15px;
    height: 15px;
    border-radius: 50%;
}
.below-label {
    margin: 0 0 1em 0 !important;
}
.below-field {
    clear: both; 
    padding-bottom: 4px;
}
.ui-dialog .ui-dialog-titlebar
{
   background: #7abcff; /* Old browsers */
background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* IE10+ */
background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 ); /* IE6-9 */
color:White;
}
.editor-field select
{
    clear: both;
    padding: 3px;
    border-radius: 2px;
    width: 206px;
    border: 1px solid #CCC;
}
#GeneralInfoTables{margin-left: 15px;}
.newdetail .button_main
{
    margin-bottom: 10px;
    margin-top: -10px;
}
.editor-field input[type="text"],.editor-field textarea,input[type="password"]{ clear:both; padding:2px;border-radius: 2px;border: 1px solid #ccc;}

.checkboxFive {
	width: 25px;
	margin: 20px 100px;
	position: relative;
}

.checkboxFive label {
	cursor: pointer;
	position: absolute;
	width: 25px;
	height: 25px;
	top: 0;
  	left: 0;
	background: #eee;
	border:1px solid #ddd;
}

.checkboxFive label:after {
	opacity: 0.2;
	content: '';
	position: absolute;
	width: 9px;
	height: 5px;
	background: transparent;
	top: 6px;
	left: 7px;
	border: 3px solid #333;
	border-top: none;
	border-right: none;

	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.checkboxFive label:hover::after {
	opacity: 0.5;
}

.checkboxFive input[type=checkbox]:checked + label:after {
	opacity: 1;
}
.action-margin{margin-left: 3px !important;}
.dele-margintop{margin-top: 20px !important;}

/*Button Styles*/

.dele, .aVolunteerNotesEdit,.foreditpage p a,.FancyEdit, .aCurrentEmploymentEdit, #btnViewVolunteer, .btn-back, #childCancel
{
    line-height:normal;
    border:1px solid #44adc6;
    background-color: #49c0f0;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3));
    background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3);
    background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3);
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    float: left;    
    font-size:14.5px;
    font-family:arial, helvetica, sans-serif;
    padding: 4px 16px  !important;
    text-decoration:none;
    display:inline-block;
    color: #FFFFFF;
    cursor:pointer;
}

.staff_container2 .button_main ul li a, .lnkManageTasks a, .blue-button
{
    text-decoration:none; 
    text-align:center; 
    padding:5px 13px  !important;
    border:solid 1px #004F72; 
    -webkit-border-radius:9px;
    -moz-border-radius:9px; 
    border-radius: 6px; 
    cursor: pointer;
    float: left;
    font:15px Arial,Helvetica,sans-serif;
    color:#E5FFFF; 
    background-color:#3162d6; 
    background-image: -moz-linear-gradient(top, #3162d6 0%, #7090db 100%); 
    background-image: -webkit-linear-gradient(top, #3162d6 0%, #7090db 100%); 
    background-image: -o-linear-gradient(top, #3162d6 0%, #7090db 100%); 
    background-image: -ms-linear-gradient(top, #3162d6 0% ,#7090db 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7090db', endColorstr='#7090db',GradientType=0 ); 
    background-image: linear-gradient(top, #3162d6 0% ,#7090db 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;    
    margin: 10px 10px 10px 0px;    
}
.orange-button
{
    font: 15px Arial,Helvetica,sans-serif !important;
    text-align:center; 
    border: 1px solid #eea236;
    -webkit-border-radius: 9px;
    -moz-border-radius: 9px;
    border-radius: 0px;  
    padding:5px 13px  !important;
    text-decoration: none;
    display: inline-block;   
    background-color: #eea236;
    margin-top: -26px;
    box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;    
    margin: 10px 28px 10px 0px;  
    cursor:pointer;  
    color:Black;
}
.linkReportText
{
    text-decoration:none !important;
    cursor:pointer!important;
}
.hideLink
 {
     visibility:hidden!important;
 }
.dhx_save_btn_set
{
    background: -moz-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -webkit-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -o-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -ms-linear-gradient(top, #3d900a 0% ,#6acc2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6acc2d', endColorstr='#6acc2d',GradientType=0 );
    background: linear-gradient(top, #3d900a 0% ,#6acc2d 100%);
}
.btnExportiCal_set
{
    border: 1px solid #FF8831;
    background-color: #FF8831;
    color: #fff !important;
    text-shadow: 0 -1px 0 #93755f;
}
.dhx_cancel_btn_set
{
    border: 1px solid #22A1BC;
    color: #fff !important;
    text-shadow: 0 -1px 0 #6f6f6f;
    background-color: #22A1BC;    
}
.dhx_delete_btn_set
{
    background-color: #d7111b;
    background-image: -moz-linear-gradient(top, #d7111b 0%, #e3222b 100%); 
    background-image: -webkit-linear-gradient(top, #d7111b 0%, #e3222b 100%); 
    background-image: -o-linear-gradient(top, #d7111b 0%, #e3222b 100%); 
    background-image: -ms-linear-gradient(top, #d7111b 0% ,#e3222b 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3222b', endColorstr='#e3222b',GradientType=0 ); 
    background-image: linear-gradient(top, #d7111b 0% ,#e3222b 100%);    
}
.button_main ul li a ,.btn-green, .aApplicantEdit, .aEmergencyContactCreate, #btnSave, .aVolunteerStatusDataEdit, .aCurrentEmploymentEdit, .aInterviewEdit, .t-tabstrip p a, .aGeneralInfoFieldsEdit, .aReferenceCreate, .aVolunteerLicenseEdit, .aBackgroundCheckCreate, #EditCaseLink, .aCaseVolunteerChildCreate, .aCaseChildEdit, .aCaseFamilyMemberEdit, .aChildCreateLink, .aFamilyMemberCreateLink
{
    text-decoration: none;
    text-align: center;
    border:solid 1px #58B41F;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #E5FFFF;
    float: left;
    font: 14px Arial,Helvetica,sans-serif;
    padding: 4px 16px !important;
    cursor: pointer;
    background: -moz-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -webkit-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -o-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -ms-linear-gradient(top, #3d900a 0% ,#6acc2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6acc2d', endColorstr='#6acc2d',GradientType=0 );
    background: linear-gradient(top, #3d900a 0% ,#6acc2d 100%);
    margin: 0 0 15px;
}
.btn-send
{
    display: inline-block;
    position: relative;
    top: 7px;
    width: 66px;
    border:solid 1px #58B41F;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color: #E5FFFF;
    padding: 4px 8px !important;
    background: -moz-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -webkit-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -o-linear-gradient(top, #3d900a 0%, #6acc2d 100%);
    background: -ms-linear-gradient(top, #3d900a 0% ,#6acc2d 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6acc2d', endColorstr='#6acc2d',GradientType=0 );
    background: linear-gradient(top, #3d900a 0% ,#6acc2d 100%);
    text-align: center;
}

.btn-delete:hover, .button_main ul li a:hover, .staff_container2 .button_main ul li a:hover,.btn-green:hover, .lnkManageTasks a:hover, #lnkAddEvents:hover,.ui-dialog-buttonset .ui-button-text-only:nth-child(2) .ui-button-text:hover, .aApplicantEdit:hover, .aEmergencyContactCreate:hover, #btnSave:hover, .aVolunteerStatusDataEdit:hover, .aCurrentEmploymentEdit:hover, .aInterviewEdit:hover, .t-tabstrip p a:hover, .aGeneralInfoFieldsEdit:hover, .aReferenceCreate:hover, .aVolunteerLicenseEdit:hover, .aBackgroundCheckCreate:hover, #form_bx p input:hover,#EditCaseLink:hover, .btn-back:hover, .aCaseVolunteerChildCreate:hover, .aCaseFamilyMemberEdit:hover, .aChildCreateLink:hover, .aFamilyMemberCreateLink:hover, .blue-button:hover, .popup-btnDelete:hover, .btn-send:hover
{
    color: Black;
}
.btn-green[disabled], .btn-green[disabled]:hover
{
    opacity: 0.5;
    color: #E5FFFF !important;
    cursor: default !important;
}


/*Grid Paging styles*/
.t-numeric span
{
    background-color: #0D2F0A !important;
    border-radius: 0 0 0 0 !important;
    box-shadow: none !important;
    color: #FFFFFF !important;
    float: left !important;
    font-size: 11px !important;
    line-height: 15px !important;
    padding: 1px 4px !important;
    text-decoration: none !important;
    border:#0D2F0A !important;
    cursor: pointer;
}
    
.t-numeric .t-link
{
    background: none repeat scroll 0 0 White !important;
    color: Black !important;
    float: left !important;
    font-size: 11px !important;
    height: 15px;
    margin-left: 5px !important;
    padding: 0 4px 2px !important;
    text-decoration: none !important;
    line-height:16px !important;
}
.t-pager .t-arrow-next
{
    background-image:url("../../Content/images/next3.png") !important;
    background-position: 0 !important;
    margin-top:-3px !important;
    background-size: 23px;
}
.k-pager-nav.k-link.k-pager-last
{
   background-image:url("../../Content/images/btnLast.png") !important;
    background-position: 0 !important;
    background-repeat:no-repeat;
    background-size: 25px;
    margin-top:1px !important;
    margin-left: -13px;
        
}
.k-pager-nav.k-link.k-pager-first
{
   background-image:url("../../Content/images/btnFisrt.png") !important;
    background-position: 0 !important;
    background-repeat:no-repeat;
    margin-top:1px !important;
    background-size: 22px; 
    
}
.k-i-arrow-e
{
    background-image:url("../../Content/images/next3.png") !important;
    background-position: 0 !important;
    background-repeat:no-repeat;
    margin-top:1px !important;
    background-size: 22px !important;
    margin-right:17px;
}

.t-pager > .t-link > .t-arrow-prev
{
    background-image:url("../../Content/images/prv3.png") !important;
    background-position: 0 !important;
    
    background-size: 23px;
    margin-top:-3px !important;
    margin-left: -10px;
}
 .k-i-arrow-w
{
    background-image:url("../../Content/images/prv3.png") !important;
    background-position: 0 !important;
    background-repeat:no-repeat;
    background-size: 22px !important;
    margin-top:1px !important;
    margin-left: -10px;
}

.t-pager .t-arrow-first
{
    background-image:url("../../Content/images/btnFisrt.png") !important;
    
    background-position: 0 !important;
    margin-top:-3px !important;
    background-size: 22px;
}
.k-pager .k-i-seek-w
{
    background-image:url("../../Content/images/btnFisrt.png") !important;
    background-position: 0 !important;
    background-repeat:no-repeat;
    margin-top:-3px !important;
    background-size: 22px;
}
.t-pager .t-arrow-last
{
    background-image:url("../../Content/images/btnLast.png") !important;
    background-position: 0 !important;
    background-size: 22px;
    margin-top:-3px !important;
    margin-left: -9px;    
}
.k-pager .k-i-seek-e
{
    background-image:url("../../Content/images/btnLast.png") !important;
    background-position: 0 !important;
    background-size: 22px;
    background-repeat:no-repeat;
    margin-top:-3px !important;
    margin-left: -9px;    
}
/*.t-status .t-icon
{
    background-image:url("images/icon_refres.png");
    background-size: 31px;
    margin-top:0px !important;
}*/
.t-grid-pager > .t-status
{
    display:none !important;
}
.t-grid .t-pager{ height:10px;}
.t-pager span, .t-pager .t-link{vertical-align: middle !important;}
.t-pager .t-link
{
    margin-top: 0 !important;
    margin-left: 8px !important;
}

.t-grid-bottom .t-icon
{
    height: 36px !important;
    width: 32px !important;
    background-repeat: no-repeat !important;
}
.k-grid-bottom .t-icon
{
    height: 36px !important;
    width: 32px !important;
    background-repeat: no-repeat !important; 
    }
.t-grid-bottom
{
    background-color:White !important;    
    border-left:1px solid #fff !important;
    border-right:1px solid #fff !important;    
}        
.t-numeric .t-link:hover{border:#BCC5C9 !important;}      
.t-grid-bottom a:hover
{
    background-color: white !important;
    border: White !important;
    border-radius:0px;    
}          
.t-numeric{ margin-top:9px !important;}
/*.t-status{background-color:White !important; border-right:none;}*/
.t-refresh{ background-position:0px !important;}
.t-state-disabled, .t-refresh{ background-color:White !important;}
.main_dashboard .t-grid-pager { overflow:hidden;}
.t-grid-pager 
{
    border-style: solid;
    border-width: 1px 0 0;
    line-height: 2.8em !important;
    margin-top: 0 !important;       
    padding: 0.0em 0.6em !important;
    overflow:hidden !important;
}
.leftpane .t-grid-pager .t-refresh, .rightpane .t-grid-pager .t-refresh
{
    background-size:27px !important;
    margin-top:3px !important;
}
.leftpane .t-grid-pager .t-pager .t-icon,.rightpane .t-grid-pager .t-pager .t-icon
{
    background-size:20px !important;
    margin-top:-2px !important;
}
.t-state-disabled .t-icon{opacity:0.6 !important;}


/*Popup Dialogue box styles*/

.ui-dialog .ui-dialog-buttonpane
{
    border-width: 0 !important;
}
.popup-label_width{width: 150px !important;}
.popup-delewidth{width: 175px !important;}
.casePopup-label_width{width: 110px !important;}
.popup-top_margin{margin-top: 1em !important;}
.belowLabel-marginBottom{margin-bottom: 5px;}
.firstLabel-topMargin{margin-top:4px !important;}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset
{
    float: none !important;
    margin-left: 6px;
}
.popup-btnDelete
{
    background-color: #d7111b !important;
    background-image: -moz-linear-gradient(top, #d7111b 0%, #e3222b 100%) !important;
    background-image: -webkit-linear-gradient(top, #d7111b 0%, #e3222b 100%) !important;
    background-image: -o-linear-gradient(top, #d7111b 0%, #e3222b 100%) !important;
    background-image: -ms-linear-gradient(top, #d7111b 0% ,#e3222b 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3222b', endColorstr='#e3222b',GradientType=0 ) !important;
    background-image: linear-gradient(top, #d7111b 0% ,#e3222b 100%) !important;
    -webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    border:1px solid #a30008 !important;
    border-radius: 3px !important;
    font-size:15px !important;
    font-family:arial, helvetica, sans-serif !important;
    text-decoration:none !important;
    display:inline-block !important;
    color: #FFFFFF !important;
    cursor:pointer !important;
    width: 80px !important;
}
.popup-btnSave
{
    text-decoration: none !important;
    text-align: center !important;
    border:solid 1px #58B41F !important;
    color: #E5FFFF !important;
    font: 14.5px Arial,Helvetica,sans-serif !important;
    cursor: pointer !important;
    background: -moz-linear-gradient(top, #3d900a 0%, #6acc2d 100%) !important;
    background: -webkit-linear-gradient(top, #3d900a 0%, #6acc2d 100%) !important;
    background: -o-linear-gradient(top, #3d900a 0%, #6acc2d 100%) !important;
    background: -ms-linear-gradient(top, #3d900a 0% ,#6acc2d 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6acc2d', endColorstr='#6acc2d',GradientType=0 ) !important;
    background: linear-gradient(top, #3d900a 0% ,#6acc2d 100%) !important;
    width: 80px !important;
}
.popup-btnCancel
{
    border:1px solid #44adc6 !important;
    background-color: #49c0f0 !important;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#49c0f0), to(#2CAFE3)) !important;
    background-image: -webkit-linear-gradient(top, #49c0f0, #2CAFE3) !important;
    background-image: -moz-linear-gradient(top, #49c0f0, #2CAFE3) !important;
    background-image: -ms-linear-gradient(top, #49c0f0, #2CAFE3) !important;
    background-image: -o-linear-gradient(top, #49c0f0, #2CAFE3) !important;
    background-image: linear-gradient(to bottom, #49c0f0, #2CAFE3) !important;
    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#49c0f0, endColorstr=#2CAFE3);-webkit-border-radius: 3px !important;
    -moz-border-radius: 3px !important;
    float: left !important;
    font-size:15px !important;
    font-family:arial, helvetica, sans-serif !important;
    color: #FFFFFF !important;
    cursor:pointer !important;
    width: 80px !important;
}

.popup-btnBlue
{
    border:solid 1px #004F72 !important; 
    -webkit-border-radius:9px !important;
    -moz-border-radius:9px !important;
    border-radius: 6px !important;
    cursor: pointer !important;
    font:15px Arial,Helvetica,sans-serif !important;
    color:#E5FFFF !important;
    background-color:#3162d6 !important; 
    background-image: -moz-linear-gradient(top, #3162d6 0%, #7090db 100%) !important;
    background-image: -webkit-linear-gradient(top, #3162d6 0%, #7090db 100%) !important;
    background-image: -o-linear-gradient(top, #3162d6 0%, #7090db 100%) !important;
    background-image: -ms-linear-gradient(top, #3162d6 0% ,#7090db 100%) !important;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7090db', endColorstr='#7090db',GradientType=0 ) !important;
    background-image: linear-gradient(top, #3162d6 0% ,#7090db 100%) !important;
    -webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff !important;
    -moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff !important;
    box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff !important;
}

.popup_textAreaMargin{margin-left: 200px;}

#txtQueryName
{
    margin-top: 15px;
    width: 400px;
}
/*General changes*/
.bottom-margin{margin-bottom: 20px !important;}
.btn-marginBottom{margin-bottom: 30px !important;}
#volunteerBtnBack
{
    margin-left: 15px;
    margin-bottom: 0;
    margin-top: 10px;
}

.volunteerEditorContent
{
    box-shadow: none !important;
    margin-top: -20px !important;
}

#GeneralInfoDetails .editorContent a:first-child:hover
{
    text-decoration:none !important;
}
.leftpane-adjust
{
    margin-left: 15px !important;
    width: 48% !important;
}
.editorLabel-bottomMargin{margin-bottom: 30px  !important;}
.casechildeclose
{   
    margin-top: 18px;
    width: 110px;
    margin-left: 4px;
}
.topBottom-margin
{
    margin-top: 10px;
    margin-bottom: 10px;
}
#VolunteerPartyIDArray{height: 119px;}
/*Background check popup*/
.backgroundCheck-width{ width: 65px !important;}
.backgroundCheck-marginLeft{ margin-left: 18px !important;}
.backgroundCheck-editorWidth{width: 240px !important;}
.filter-background{ background-color: #EBEBEB; }
#PartyListGrid{margin-bottom: 20px;}
.ReportToolbarGroup
{
    margin-right: 6px;
    margin-top: 6px;
}
.ui-widget-content a{color:White !important}
.fontSize-adjust{font-size: 1.2em;}
.displayWidth-adjust{width: 50px !important;}

/*----------------Menu------------------------*/

/*.t-link{ background:none !important;}
#menucontainer #menu 
{
    float: left;
    height: 130px;
    list-style: none outside none;
    width: 100%;    
}
#menucontainer .t-widget, .t-input {border-width: 0px;}

.t-menu .t-animation-container, .t-menu .t-group, .t-menu-context
{
    left: 24px !important;
    position: absolute !important;
}
.t-highlighted
{
    background: url("images/nav_hover.png") repeat-x scroll 0 1px transparent !important;
    border: 1px solid burlywood;
    box-shadow: 1px 1px 18px 0 #edbf4d inset;
}
*/
.t-header #menuLookupTables .t-animation-container .t-state-hover
{
    background-color:White !important;
    border: 0px solid burlywood;
    box-shadow: 1px 1px 18px 0 #edbf4d inset;
}
#menuLookupTables .t-item:hover, #t-animation-container > .t-state-hover
{
    border: 1px solid burlywood;
    box-shadow: 1px 1px 18px 0 #edbf4d inset;
}
.t-menu .t-image, .t-menu .t-sprite
{
    margin-left: 6px !important;
}
.t-animation-container .t-group .t-item{ background-color:#fff !important;}
#menuLookupTables > .t-animation-container
{
    margin-left: 23px !important;
}
#menucontainer 
{
    float: left;
    min-height: 32px;
    width: 99%;
    margin-top : 5px;
    margin-bottom : 5px;
    
}
#menu
{
    text-align: left;
}

#menu .t-item
{
    border-width: 0 0 0 0px;
    float: left;
    
}

#menu .t-link
{
    padding: 5px 20px;
    text-align: center;
}
#menu > .t-item  > .t-link, #menu > .t-item  > a:hover
{
    background-size: 50px auto !important;
    padding: 55px 20px 0;
}
#menuStaffDashboard > a {
    background: transparent url("../Content/images/OptimaIcons/StaffDashboard.png") scroll no-repeat top center;
}
#menuSupervisorsDashboard > a {
    background: transparent url("../Content/images/OptimaIcons/SupervisorDashboard.png") scroll no-repeat top center;
}
#menuGALAttorneyDashboard > a {
    background: transparent url("../Content/images/OptimaIcons/GALAttorneyDashboard.png") scroll no-repeat top center;
}
#menuVolunteersDashboard > a {
    background: transparent url("../Content/images/OptimaIcons/VolunteerDashboard.png") scroll no-repeat top center;
}
#menuVolunteers > a {
    background: transparent url("../Content/images/OptimaIcons/Volunteers.png") scroll no-repeat top center;
}
#menuLookupTables > span {
    background: transparent url("../Content/images/OptimaIcons/LookupTables.png") scroll no-repeat top center;
}
#menuCases > a {
    background: transparent url("../Content/images/OptimaIcons/Cases.png") scroll no-repeat top center;
}
#menuUserAdministration > span {
    background: transparent url("../Content/images/OptimaIcons/UserAdministration.png") scroll no-repeat top center;
    padding: 55px 10px 0 !important;
}
#menuReports > a {
    background: transparent url("../Content/images/OptimaIcons/Reports.png") scroll no-repeat top center;
}
#menuReports1 > a {
    background: transparent url("../Content/images/OptimaIcons/Reports.png") scroll no-repeat top center;
}
#menuAdHocReports > a {
    background: transparent url("../Content/images/OptimaIcons/AdHocReports.png") scroll no-repeat top center;
}
#menuHelp > a {
    background: transparent url("../Content/images/OptimaIcons/Help.png") scroll no-repeat top center;
}


#menuStaffDashboard > a:hover, #menuStaffDashboard.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/StaffDashboard_Focus.png") scroll no-repeat top center !important;
}
#menuGALAttorneyDashboard > a:hover,#menuGALAttorneyDashboard.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/GALAttorneyDashboard_Focus.png") scroll no-repeat top center !important;
}
#menuSupervisorsDashboard > a:hover,#menuSupervisorsDashboard.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/SupervisorDashboard_Focus.png") scroll no-repeat top center !important;
}
#menuVolunteersDashboard > a:hover,#menuVolunteersDashboard.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/VolunteerDashboard_Focus.png") scroll no-repeat top center !important;
}
#menuVolunteers > a:hover,#menuVolunteers.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/Volunteers_Focus.png") scroll no-repeat top center !important;
}
#menuLookupTables > span:hover, #menuLookupTables.t-selected > span {
    background: transparent url("../Content/images/OptimaIcons/LookupTables_Focus.png") scroll no-repeat top center !important;
}
#menuCases > a:hover,#menuCases.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/Cases_Focus.png") scroll no-repeat top center !important;
}
#menuUserAdministration > span:hover,#menuUserAdministration.t-selected > span {
    background: transparent url("../Content/images/OptimaIcons/UserAdministration_Focus.png") scroll no-repeat top center !important;
    padding: 55px 10px 0 !important;
}
#menuReports > a:hover, #menuReports.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/Reports_Focus.png") scroll no-repeat top center !important;
}
#menuReports1 > a:hover, #menuReports1.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/Reports_Focus.png") scroll no-repeat top center !important;
}
#menuAdHocReports > a:hover,#menuAdHocReports.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/AdHocReports_Focus.png") scroll no-repeat top center !important;
}
#menuHelp > a:hover,#menuHelp.t-selected > a {
    background: transparent url("../Content/images/OptimaIcons/Help_Focus.png") scroll no-repeat top center !important;
}

.editor-field > .t-numerictextbox > .t-arrow-up, .editor-field > .t-numerictextbox > .t-arrow-down{display:none !important}
.configEdit > input[type="text"]{width:391px !important;}
.t-icon.t-icon-clock {margin-left: 5px;}
#Start_Date, #End_Date{width: 118px;}
#Start_Date_wrapper, #End_Date_wrapper{width: 168px;}
#DisplayReferenceCt{width: 55px !important}
#CriminalIntro,#AppIntro,#FamilyInto,#VolunteerExperienceInto,#EmploymentIntro,#VehicleIntro,#BackgroundIntro,#ReferenceIntro,#AgreementIntro,#ReleaseIntro,#ExperienceInto, #Thankyoutext{margin-bottom: -10px;}
#GeneralInfoDetails {margin-top: 10px;}
.configEdits1 > input[type="text"]{width:391px !important; font-family:Tahoma !important;font-size:13.333px !important;}
.text-font
{
    font-family:Tahoma !important;font-size:13.333px !important;
}

.textbodywidth
{
 width:50% !important;
}
.StaffAttorneyDiv
{  
 padding-left: 6%;
}
a.k-link.k-pager-nav
{
 border-style:none;
}
    
span.k-state-selected
{
    color:Black;
    background-color:White;
    border-color:White;
    font-weight:bold;
    font-size:13px;
}
.k-grid-bottom .t-icon
{
    height: 36px !important;
    width: 32px !important;
    background-repeat: no-repeat !important; 
}
.k-grid-bottom
 {
    background-color:White !important;    
    border-left:1px solid #fff !important;
    border-right:1px solid #fff !important;    
 } 

span.k-icon.k-i-seek-w,span.k-icon.k-i-seek-e
{
      background-image:none;
      height: 36px !important;
      width : 32px !important;
}
.k-grid table
{
 border-collapse:collapse !important;
}
ul.k-pager-numbers.k-reset
{
    font-size:13px;
}
.k-link:hover,ul li.k-state-hover,.k-state-hover, .k-state-hover:hover
{
        background-color:white !important;
        border-color:White !important;
 }
 .k-button-group .k-tool-icon, .k-icon, .k-sprite
 {
     height:25px !important;
     width:25px !important;
     }
  /*.k-icon.k-i-arrow-n, .k-icon.k-i-arrow-s
  {
    display :inline;
      }*/
  div#ContactLogList
   {
     padding-top:51px;
   }
   .k-widget
   {
     border-color:#989898;
   }
   span.k-icon.k-i-arrow-n
   {
   background-position:4px 4px;    
   }
   
    span.k-icon.k-i-arrow-s
   {
   background-position:4px -27px;
   }
  .k-grid-header th > .k-link:hover span.k-i-arrow-n
   {
    background-image:none !important;
   }
  .k-grid-header th > .k-link:hover span.k-i-arrow-s
   {
    background-image:none !important;
   }
   .k-pager-wrap
   {
     background-color:White !important;  
   }
   a.k-link
   {
    color: black !important;
    /*float: left !important;*/
    font-size: 12px !important;
    font-weight: bold !important;
    }

.k-grid-norecords-template 
{
    background-color: #fff;
    border: 1px solid #d5d5d5;
    display:inline-flex !important;
    height: 2em !important;
    line-height: 2em !important;
    margin: 0 auto;
    text-indent: 29px !important;
    width: 100% !important;
    font-size:11.5px !important;
    font-weight:normal !important;
    color:Black !important;
    font-family:Arial,Helvetica,sans-serif !important;
}
.k-grid-norecords
{
  overflow:hidden !important;    
}
.k-pager-info
{
    font-size:11.5px !important;
    font-weight:normal !important;
    color:Black !important;
    font-family:Arial,Helvetica,sans-serif !important;
}
.validation-message
{
 color:#ff0000;
 font-weight:bold; 
 display:none;  
}
.validation-message-ul
{
 list-style:none !Important;    
}
#EmailTextFooter, #EmailTextBody
{
 font-family:Arial,Helvetica,sans-serif !Important;    
}
.inquiry-field input[type="text"], .inquiry-field textarea
{
 font-size:11.5px !Important;
 font-weight:normal;    
}
.buttonDiv a
{
   margin-right:1%;  
}
.case-div
{
  font-weight:bold;
}
.case-label
{
  float:left;
  width:200px;    
}
.editor-field #TrainingCategoryID, .editor-field #TrainingTypeID
{
 width:360px !Important;    
}
.editor-field #TrainingTopicDesc, .editor-field #CourseName
{
 width:355px !Important;    
}
.add-child
{
 margin:0px !Important;
}
.newform label.amber-text,
.amber-text
{
    color: #B45309 !important;
}
.warning-icon
{
    width: 16px;
    height: 16px;
    margin-left: 4px;
}

.accessConflictBanner
{
    display: flex;
    align-items: center;
    gap: 8px;
    padding: 20px;
    background: #F7EBDA;
    border: 1px solid #B45309;
    border-radius: 10px;
    margin-bottom: 20px;
    color: #B45309;
}

button.applyAccessConflictsOnlyFilter
{
    background: none;
    border: none;
    padding: 0;
    text-decoration: underline;
    cursor: pointer;
    font-size: inherit;
    font-family: inherit;
    color: #B45309;
}

button.applyAccessConflictsOnlyFilter:hover
{
    color: #F4842F;
}

/* Ensure document links behave like normal anchors */
a.document-link:link {
    color: #0000EE !important;
}

a.document-link:visited, a.document-link.visited-manual {
    color: #551A8B !important;
}

a.document-link:hover {
    text-decoration: underline !important;
}