#wrapper .headerWrapper {
    background-color: #2E312F;
    margin:0px auto 0px auto;
    border-top: 4px solid #2E312F;
    border-bottom: 4px solid #2E312F;
    height:60px;

}

#wrapper .header{
	width:1280px;
	margin:0px auto 0px auto;
	height:70px;
}

#wrapper .menuWrapper {
    height:30px;
   /* background-color:#939990; */
	background-color:#D9DDE0;
}

#wrapper .divHeaderImage {
	float:left;
	margin:16px 10px 0px 10px;
	height:30px;
	width:23px;
	background-image: url(../images/i3OnlyLight_Small.png);
	background-repeat: no-repeat;

}

#wrapper .divFooterImage {
	float:left;
	margin:2px 10px 0px 0px;
	height:30px;
	width:67px;
	background-image: url(../images/CJTLogoBlack_Small.png);
	background-repeat: no-repeat;

}

#wrapper .menu {
    height:30px;
	width:1280px;
	margin:0px auto 0px auto;	
   /* background-color:#939990; */
	background-color:#D9DDE0;
}

#wrapper .footerWrapper {
	border-top: 2px solid #8BBF7E;

}

#wrapper .footer{
	width:1280px;
	margin:0px auto 0px auto;
	text-align:right;
}

@media only screen and (max-width: 1280px) {
    #wrapper .footerWrapper {
	width:1280px;
    }

    #wrapper .headerWrapper {
	width:1280px;
    }
}

#wrapper .headinglarge{
    font-family:'Open Sans', sans-serif;
    color:#939994;
    font-size:2.5em;
	margin-top:0px;
}

/*
@media only screen and (max-width: 600px) {
    #wrapper .headinglarge {
    font-family:'Open Sans', sans-serif;
        color: #8BBF7E;
        font-size: 1.6em;
		margin-top:0px;
    }
}
*/
#wrapper .headingsmall{
    font-family:'Open Sans', sans-serif;
    color:#FAF4F2;
    font-size:1.3em;
}
/*
@media only screen and (max-width: 600px) {
    #wrapper .headingsmall {
    font-family:'Open Sans', sans-serif;
        color: #8BBF7E;
        font-size: 1em;
    }
}
*/
#wrapper .mainWrapper {
    background-image:url('https://www.statecourtmanager.com/images/login.jpg');
    background-repeat: no-repeat;
    background-size:cover;
    min-height:600px;
	margin:0px 0px 0px 0px;
}

#wrapper .main{
	width:1280px;
	margin:0px auto 0px auto;
}

#wrapper .mainSection {
	background-color:white;
	width:1280px;
    min-height:680px;
	margin:0px auto 0px auto;
}

#wrapper .contentSection
{
	background-color:white;
	min-height:680px;
}



#wrapper .logo {
    margin: 10px 0;
    width: 100%;
    display: inline-block;
}

#wrapper .logo img {
    max-width: 100%;
}

#wrapper .jumbotron {
    padding: 1.875em;
    padding-top: 1em;
    background-color: #E9EAEA;
}

#wrapper .jumbotron .RadButton {
    float: right;
    margin-top: .667em;
    font-size: .5em;
}

#wrapper .RadButton_Silk.rbButton.rbHovered{
	background-color:#8BBF7E !important;
	border-color:#8BBF7E !important;
	background-image:none !important;
	color: white !important;
}

#wrapper .RadButton_Silk.rbButton{
	background-color:#ffffff !important;
	background-image:none !important;
	border:0.1em solid #8BBF7E !important;
	transition: all 0.2s !important;
}

#wrapper .login {
    padding: 20px 20px 20px 20px;
    background-color:#8BBF7E;
    margin-top:0px;
	width:184px;
	margin-left:900px;
}

#wrapper .forgotpassword {
	width:184px;
	background-color:#8BBF7E;
	margin:0px 0px 0px 900px;
	color:white;
	padding: 10px 20px 10px 20px;
}

#wrapper .lostpassword {
	width:1000px;
	margin:0px auto 0px auto;
	min-height:300px;
	border: 2px solid #8BBF7E;
	background-color:white;
}

a {text-decoration:none;color:white;}

#wrapper .login div{
    padding: 4px 4px 4px 4px;
}

.chk_white_text .rbText {
    color: white !important;
}

.pageheading
{	
	margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color:white;
	color:#2E312F;
	text-align:center;
	width:1280px;
    font-family:'Open Sans', sans-serif;
    font-size:1.3em;
	font-weight:bold;
}

.pageheadingpercent{
	margin:0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background-color:#8BBF7E;
	color:white;
	text-align:center;
	width:100%;
    font-family:'Open Sans', sans-serif;
    font-size:1.3em;
}

.searchDiv800
{
	margin: 0px 0px 20px 10px;
	padding: 2px 2px 2px 2px;
	width:800px;
}

.tableLabel
{
	float:left;
	padding:8px 4px 4px 4px;
}

.tableLabel60
{
	float:left;
	width:80px;
	padding:8px 4px 4px 4px;
}

.tableLabel60_Rt
{
	float:left;
	width:60px;
	padding:8px 4px 4px 4px;
	text-align:right;
}

.tableLabel80_Rt
{
	float:left;
	width:80px;
	padding:8px 4px 4px 4px;
	text-align:right;
}

.tableLabel80
{
	float:left;
	width:80px;
	padding:8px 4px 4px 4px;
}

.tableLabel100
{
	float:left;
	width:100px;
	padding:8px 4px 4px 4px;
}

.tableLabel100_Rt
{
	float:left;
	width:100px;
	padding:8px 4px 4px 4px;
	text-align:right;
}

.tableLabel120
{
	float:left;
	width:120px;
	padding:8px 4px 4px 4px;
}

.tableLabel140
{
	float:left;
	width:140px;
	padding:8px 4px 4px 4px;
}

.tableLabel160
{
	float:left;
	width:160px;
	padding:8px 4px 4px 4px;
}

.tableLabel180
{
	float:left;
	width:180px;
	padding:8px 4px 4px 4px;
}

.tableLabel200
{
	float:left;
	width:200px;
	padding:8px 4px 4px 4px;
}

.tableField
{
	float:left;
	padding:4px 4px 4px 4px;
}

.tableField80
{
	float:left;
	width:80px;
	padding:4px 4px 4px 4px;
}


.tableField100
{
	float:left;
	width:100px;
	padding:4px 4px 4px 4px;
}

.tableField120
{
	float:left;
	width:120px;
	padding:4px 4px 4px 4px;
}

.tableField140
{
	float:left;
	width:140px;
	padding:4px 4px 4px 4px;
}

.tableField160
{
	float:left;
	width:160px;
	padding:4px 4px 4px 4px;
}

.tableField180
{
	float:left;
	width:180px;
	padding:4px 4px 4px 4px;
}

.tableField200
{
	float:left;
	width:200px;
	padding:4px 4px 4px 4px;
}

.divClear
{
	clear:both;
}

.mdlDiv
{
    background-color:white; 
    border: 5px solid #8BBF7E;
    padding:0px 0px 0px 0px;
}


.riTextBox
{
    border-color: #9A9DA0 !important;
}

.riTextBox:hover
{
    border-color: #0090A9 !important;
} 

.gridDiv
{
	margin-top:0px; 
	margin-bottom:10px; 
	margin-left:auto; margin-right:auto; 
	width:1260px; 
	padding:2px 2px 2px 2px;
}




    div.RadGrid_Metro 
    {
      font-family: 'Calibri' sans-serif !important;
    }
       div.RadGrid_Metro th.rgHeader, div.RadGrid_Metro th.rgSorted {
             /*background-color:#8BBF7E;*/
             background-color:#8BBF7E;
             color:White;
       }
       
              .RadGrid_Metro th.rgHeader a {
             color:White !important;
       }   
			  
	div.RadGrid_Metro .rgFooter  {
             color:darkslategray;
			 font-weight:bold;
			 
       }
       
              .RadGrid_Metro th.rgHeader a {
             color:White;
       }    			    
       
       div.RadGrid_Metro .rgMasterTable .rgRow td, div.RadGrid_Metro .rgMasterTable .rgFilterRow td {
            /*background-color:white;
           
             border-top: 1px solid gray;*/
             padding:2px 4px 2px 4px;
             margin:2px;
             height:24px;
			 font-weight:400;
       }
       
       div.RadGrid_Metro .rgMasterTable .rgAltRow td {
       background-color:#F4F6F9;
	   /*background-color:white;*/
	   border-top:1px solid #E9EAEA;
      /*  background-color:#BAD8E2;
        font-family:Arial;*/
        padding:2px 4px 2px 4px;
        margin:2px;
        height:24px;
		font-weight:400;
       }
       
       .rgExpandCol
       {
           padding:2px !important;
           margin:2px !important;
           height:24px !important;
           border:none !important;
       }
       
       div.RadGrid_Metro .rgMasterTable .rgHoveredRow td, div.RadGrid_Metro .rgMasterTable .rgHoveredRow a {
        background-color:#B8BFC6;
        color:White;
		cursor: pointer;
       }

.deletedrow {
    background-color:red;
}
.ReqFldInd
{
	color:red;
}

.errormessage
{
	color:#FF0000;
	text-decoration: none;
	font-weight: bold;
}

.successmessage
{
	color:#009933;
	text-decoration: none;
	font-weight: bold;
}

.divMsg
{
	min-height:20px;
	margin-left:auto;
	margin-right:auto;
	width:600px;
	text-align:center;
}

.popupsBackground
    {
        background-color: Gray;
        filter: alpha(opacity=80);
        opacity: 0.8;
        z-index: 10000;
    }
	
.homeSectionHeader
{
	width:100%;
	background-color:#8BBF7E;
	color:white;
	text-indent:20px;
	min-height:20px;
	font-size:1.3em;
	margin-top:20px;
}

.informationMsg
{
	margin-top:20px; 
	margin-bottom:10px; 
	margin-left:auto; margin-right:auto; 
	width:1260px; 
	padding:6px 10px 2px 10px;
	border: 1px solid gray;
	background-color:#E9EAEA;
	font-weight:400;
}

.uSectionHeaderGray
{
	width:1260px;
	color:#1E1E1E;
	text-indent:20px;
	font-size:1.4em;
	margin-top:20px;
	border-bottom:1px solid #8BBF7E;
	margin-left:auto; margin-right:auto;
}

.subHeader
{
	width:100%;
	background-color:#DBDBDB;
	color:Black;
	text-indent:20px;
	font-size:1.2em;
	margin-top:10px;
}

.grayfieldset
{

	border-color:#DBDBDB;
	background-color:#F9F9F9;
	border-width:1px;
	border-style:solid;
	padding:10px 10px 10px 10px;
}


.grdHeader
{
	background-color:#8BBF7E;
	font-weight:normal;
	font-size:Small;
	font-family:Arial;
}

.grdFooter
{
	Background-Color:#8BBF7E; 
	Color:White ;
	Font-Weight:Bold;
}

.grdPager
{
	 text-align:center;
	 background-color:#8BBF7E;
	 color:White;
	 font-weight:bold;
}

.grdStyle
{
	border-style:solid;
	border-color:#8BBF7E;
	Border-width:2px; 
	Color:White;
}

.grdRows
{
	
	 Background-Color:white;
	 Color:Black;
	 font-family:Calibri;
	 font-size:10pt;
	 height:24px;
	 line-height:24px;

}

.grdStyle tr.grdRows:hover
{
	background-color:#D8D8D8;
/*	cursor:hand;*/
}

.grdStyle tr.grdAltRows:hover
{
	background-color:#D8D8D8;
/*	cursor:hand;*/
}

.grdAltRows
{
	 Background-Color:#E9EAEA;
	 Color:Black;
	 font-family:Calibri;
	 font-size:10pt;
	 height:24px;
	 line-height:24px;
}

.grdStyle tr td{
/*border-left: solid 1px White;*/
border-bottom: solid 1px White;
}

.grdStyle th{
/*border-left: solid 1px White;*/
border-bottom: solid 1px White;
}


        
div.RadTabStrip_Silk .rtsLevel, .rtsLevel span
        {
           /*background:url(../Images/btnUpdate.jpg) no-repeat 0 100%  !important;
          
           text-align: center;
           color:white;*/
           padding:3px 6px 3px 6px !important;
        }
		
.contentSixth{
    width:210px;
	margin:0px 5px 0px 0px;
	float:left;
}
		
.contentQtr{
	width:290px;
	margin:0px 10px 0px 10px;
	float:left;
}

.contentThird{
    width:420px;
	margin:0px 10px 0px 10px;
	float:left;
}

.contentHalf{
    width:600px;
	margin:0px 10px 0px 10px;
	float:left;
}

.contentFull{
	width:1260px;
	margin:0px auto 0px auto;
}

div.RadGrid_MetroTouch th.rgHeader, div.RadGrid_MetroTouch th.rgSorted  {
             color:white;
             background-color:#8BBF7E;
       }

.RadGrid_MetroTouch th.rgHeader a {
    color:white !important;
}  

div.RadGrid_MetroTouch .rgMasterTable .rgAltRow td {
    /*background-color:#DCE1E5;*/
	background-color:#F4F6F9;
	color:#1E1E1E;
	font-weight:400;
    padding:4px 6px 4px 6px !important;
    border:none !important;
}

div.RadGrid_MetroTouch .rgMasterTable .rgRow td {
	background-color:white;
	color:#1E1E1E;
	font-weight:400;
    padding:4px 6px 4px 6px !important;
    border:none !important;
}

div.RadGrid_MetroTouch .rgMasterTable .rgHoveredRow td, div.RadGrid_MetroTouch .rgMasterTable .rgHoveredRow a {
    /*background-color:#709DFF;
    color:black;*/
    background-color:#B8BFC6;
    cursor:pointer;
}

.aspTxtReadOnlyRight{
    border: 1px solid #B8CBDE;
    text-align:right !important; 
    padding:2px 4px 2px 2px;
    height:24px;
}


.riTextBox
{
    border-color: #B5B5B5 !important;
    color: black !important;
}

.riTextBox:hover
{
    border-color: #8BBF7E !important;
} 

.rddlInner
{
    border-color: #B5B5B5 !important;
    color: #1E1E1E !important;
}

.RadInput_Silk .riFocused
{
    border-color:#B5B5B5 !important;   
}

.RadDropDownList_Silk .rddlFocused
{
    border-color:#8BBF7E !important;
}

.rcbInner
{
    border-color: #B5B5B5 !important;
}

.lblBorder
{
	border-style:solid;
	border-width:1px;
	border-color:#C1C1C1;
	padding:4px;
	background-color:white;
	min-height:20px;
}


.rsContentTable tr,
.rsVerticalHeaderTable tr
{
	height:36px !important;
}

.rsApt
{
	margin:0px 0px 0px 0px !important;
}

   .RadScheduler .rsAptContent,
   .RadScheduler .rsAptMid .rsAptIn,
   .RadScheduler .rsAptMid,
   .RadScheduler .rsAptOut
   {
    border-top-width:8px !important;
    border-left-width:1px !important;
    border-bottom-width:1px !important;
    border-right-width:1px !important;
	margin: 0px 0px 0px 0px !important;
	height:36px !important;

   }

   .RadScheduler .rsAptContent
   {
	   padding:0px 0px 0px 2px !important;
	   margin:0px 0px 0px 0px !important;
   }


   .divNotification
   {
	   border: 2px solid red;
	   margin-top:2px;
margin-bottom:2px;
	   width:1264px;
	   font-weight:bold;
padding:6px;
	   color:red;
text-align:center;
   }


#wrapper .RadMenu,
div.RadMenuPopup,
#wrapper .RadMenu_BlackMetroTouch, #wrapper .RadMenu_BlackMetroTouch a.rmLink  {

   /* background-color:#939990; */
	background-color:#D9DDE0;
}

.rmItem
{
	   border:none !important;
	   color:white;
}

.rmRootGroup
   {
       border-color:#939990 !important;
   /* background-color:#939990; */
	background-color:#D9DDE0 !important;
	   font-size:1.1em;
	   border:none !important;
   }
   
  .rmLink 
  {
       border:none !important;
   /* background-color:#939990; */
	background-color:#D9DDE0 !important;
	color:#2E312F !important;
    font-weight:400;

 }
 
.rmLink:hover
{
background-color:#8BBF7E !important;
color:white !important;
}

.rmGroup
{
  border: 1px solid #ADB1B5 !important;
}

.rmVertical 
{
  background-color: #F4F6F9 !important;
}

.lnkCaseRed {
  color: red !important;
}

a.lnkCaseYellow {
  color: darkorange !important;
}

a.lnkCaseGreen {
  color: forestgreen !important;
}