hr {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    border: 0;
    border-top: 1px solid #eee;
}


.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45%;
    height: 30px !important;
}

.ui-widget-header .ui-icon {
    background-image: url("https://jquery-ui.googlecode.com/svn/tags/1.8.2/themes/south-street/images/ui-icons_847e71_256x240.png") !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
    border: 1px solid #f2f2f2 !important;
    background: #337ab7 !important;
    color: #fff !important;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #f2f2f2 !important;
    background: #009ee2 !important;
    color: #ffffff !important;
}

.ui-state-default {
    color: #666 !important;
}

.ui-datepicker-next-hover {
    background-image: url("https://jquery-ui.googlecode.com/svn/tags/1.8.2/themes/south-street/images/ui-icons_847e71_256x240.png") !important;

}

.ui-datepicker-next-hover:hover {
     background:transparent !important;
     cursor: pointer !important;
}

.ui-datepicker-prev-hover:hover {
     background:transparent !important;
     cursor: pointer !important;
}

.margBot {
    margin-bottom:15px !important;
}

.txtWidth {
    width:100%;
    height: 35px !important;
    font-size:14px !important;
}

.zipWidth {
    width:50px;
    height: 35px !important;
    font-size:14px !important;
}

.numWidth {
    width:150px;
    height: 35px !important;
    font-size:14px !important;
}

.extWidth {
    width:100px;
    height: 35px !important;
    font-size:14px !important;
}

.txtWidthBottom {
    margin-bottom: 10px;
    width:100%;
    height: 35px !important;
    font-size:14px !important;
}

.areaCodeWidth {
    width:15%;
    height: 35px !important;
    font-size:14px !important;
}

.txtWidthPhone {
    width:70%;
    height: 35px !important;
    font-size:14px !important;
}

.checkboxDues input[type="checkbox"] {
    margin-left: 0 !important;
    margin-top: -10px !important;
}

.h1Title {
    
    padding: 10px 10px 10px 0px;
    color:#009ee2;
    font-size:35px;
    margin-bottom:20px;

}

.h1PaymentComplete {
    
    padding: 5px;
    color:#009ee2;
    font-size:35px;
    margin-bottom:0; 
}

.col-sm-12 {
    padding:0 !important;
}

.addPerson {
    border-bottom:1px solid #f2f2f2;
    padding-bottom:10px !important;
  
}

.rowEngRep{
	margin-bottom:15px;
	border-top:1px solid #f2f2f2;
	padding:10px;
}

.rowEngRepFirst{
	margin-bottom:15px;
	padding:10px;
}


.EngRepBox{
	border:1px solid #f2f2f2; 
	padding:10px;
}

.companyName {
margin-top:10px;

}

.companyTitle {
   padding-bottom:10px;
   color:#666666;
   font-size:25px;
}

.titleWrap {
    margin-bottom:20px;
    margin-top:30px;

}

.alignHeight{
	margin-bottom: 23px;
	margin-top:10px;
}

.margBottom{
	margin-bottom: 20px;
			
}

.margBotTen{
	margin-bottom: 10px;		
}

.marginLeftneg {
        margin-left: -35px;

}

.noBord {
    border:none !important;
}

.createBtn {
    color:#ffffff;
    background-color:#009ee2;
    padding: 5px 10px 5px 10px;
    border:none;
    margin-bottom:5px !important;
}

.editDeleteBtn {
    color:#ffffff;
    background-color:#009ee2;
    padding: 5px 10px 5px 10px;
    border:none;
    margin-bottom:5px !important;
    width:100%;
   
}

.updatePersonnel {
    color:#ffffff;
    background-color:#009ee2;
    padding: 5px 10px 5px 10px;
    border:none;
    margin-bottom:5px !important;
    width:100%;
}

.detailBtn {
    color:#ffffff;
    background-color:#009ee2;
    padding: 5px 10px 5px 10px;
    border:none;
    margin-bottom:5px !important;
    width:100%;
}

.memberCount {
    width:80%
}

.col-centered{
    float: none;
    margin: 0 auto;
}

.yearPadding{
 	padding-left:5px !important;
}

.hiddenCol {
    visibility:hidden;
    border:none !important;
}

.createBtn:hover{
    background-color:#666666;
    border:none;
}

.editDeleteBtn:hover{
    background-color:#666666;
    border:none;
}

.updatePersonnel:hover {
    background-color:#666666;
    border:none;
}

.detailBtn:hover{
    background-color:#666666;
    border:none;
}
.headerTxt {
    padding: 5px 7px 0px 0;
    color:#666666;
}

.ddMargin {
    margin-left:10% !important;
    margin-top:20px;
    margin-bottom:10px;
}

.cpasBlue{
    color:#0089c6;

}

.invalidEntry {
    color:#ff0000;
}


.paymentAmount {
    font-size:16px;
    font-weight:bold;
    margin-bottom:10px;
}

/* Admin Roster Responsive Table */

.rowRule{
    border-bottom:1px solid #cccccc;
    margin-bottom:10px;
}

.colRule{
    margin-bottom:10px;
}

.Grid {
    background-color: #fff; 
    margin: 5px 0 10px 0;  
    border-collapse:collapse;
    border-top: solid 1px #f2f2f2 !important; 
    border-bottom: solid 1px #f2f2f2 !important;
    border-right: solid 1px #ffffff !important;
    border-left: solid 1px #ffffff !important;
    font-size:14px !important;
}

.Grid tr {
    border-color: #f2f2f2 !important;}

.Grid td {
    padding:5px;
}

.Grid, .Grid th, .Grid td
{
    border-top: solid 1px #f2f2f2 !important; 
}

.GridDues {
    background-color: #fff; 
    margin: 5px 0 10px 0;  
    border-collapse:collapse;
    border-top: solid 1px #f2f2f2 !important; 
    border-bottom: solid 1px #f2f2f2 !important;
    border-right: solid 1px #ffffff !important;
    border-left: solid 1px #ffffff !important;
    font-size:14px !important;
}

.GridDues tr {
    border-color: #f2f2f2 !important;}

.GridDues td {
    padding:10px;
}

.GridDues, .GridDues th, .GridDues td
{
    border-top: solid 1px #f2f2f2 !important; 
}

.GridCPE, .GridCPE th, .GridCPE td
{
    border-top: solid 1px #f2f2f2 !important; 
}

.GridCPE {
    background-color: #fff; 
    margin: 5px 0 10px 0;  
    border-collapse:collapse;
    border-top: solid 1px #f2f2f2 !important; 
    border-bottom: solid 1px #f2f2f2 !important;
    border-right: solid 1px #ffffff !important;
    border-left: solid 1px #ffffff !important;
    font-size:14px !important;
}

.GridCPE tr {
    border-color: #f2f2f2 !important;}

.GridCPE td {
    padding:10px;
}


.GridDetail, .GridDetail th, .GridDetail td
{
    border-top: solid 1px #f2f2f2 !important; 
}

.GridDetail {
    background-color: #fff; 
    margin: 5px 0 10px 0;  
    border-collapse:collapse;
    border-top: solid 1px #f2f2f2 !important; 
    border-bottom: solid 1px #f2f2f2 !important;
    border-right: solid 1px #ffffff !important;
    border-left: solid 1px #ffffff !important;
    font-size:14px !important;
}


 .GridDetail tr {
    border-color: #f2f2f2 !important;}

.GridDetail td {
    padding:10px;
}

.GridCPEDetail, .GridCPEDetail th, .GridCPEDetail td
{
    border-top: solid 1px #f2f2f2 !important; 
}
.GridCPEDetail {
    background-color: #fff; 
    margin: 5px 0 10px 0;  
    border-collapse:collapse;
    border-top: solid 1px #f2f2f2 !important; 
    border-bottom: solid 1px #f2f2f2 !important;
    border-right: solid 1px #ffffff !important;
    border-left: solid 1px #ffffff !important;
    font-size:14px !important;
}

.GridCPEDetail tr {
    border-color: #f2f2f2 !important;}

.GridCPEDetail td {
    padding:10px;
}



/*PAST CPE*/

.GridPastCPEDetail, .GridPastCPEDetaill th, .GridPastCPEDetail td
{
    border-top: solid 1px #f2f2f2 !important; 
}
.GridPastCPEDetail {
    background-color: #fff; 
    margin: 5px 0 10px 0;  
    border-collapse:collapse;
    border-top: solid 1px #f2f2f2 !important; 
    border-bottom: solid 1px #f2f2f2 !important;
    border-right: solid 1px #ffffff !important;
    border-left: solid 1px #ffffff !important;
    font-size:14px !important;
}

.GridPastCPEDetail tr {
    border-color: #f2f2f2 !important;}

.GridPastCPEDetail td {
    padding:10px;
}

.headerText {
    border:0;
}

.modal-title {
    color:#7895a4 !important;
    font-weight:bold !important;
    font-size:14pt !important;
}

@media only screen and (max-width: 760px),
(min-device-width: 767px) and (max-device-width: 991px)  {

.txtWidthPhone {
    width:88% !important;}

.yearPadding{
 	padding-left:0px !important;
}
}

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

.txtWidthPhone {
    width:88% !important;
}

.visibilityNone {
    visibility:hidden;
}


/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr {
    display: block;
}

.marginLeftneg {
    margin-left: 0px;
}

/* Hide table headers (but not display: none;, for accessibility) */
.Grid thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.Grid td {
			/* Behave  like a "row" */
    border: none;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 50%;
    padding-right:0px;
    padding-top:5px;
    padding-bottom:10px;
}

.Grid > thead > tr > th, .table > tbody > tr > 
th, .table > tfoot > tr > th, .table > thead > tr > 
td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 5px 0px 10px 50% !important;
}

.Grid td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

/*Label the data*/
		
.Grid td:nth-of-type(1):before { content: "First Name"; font-weight:bold;color:#009ee2;font-size:13px;}
.Grid td:nth-of-type(2):before { content: "Last Name"; font-weight:bold;color:#009ee2;font-size:13px;}
.Grid td:nth-of-type(3):before { content: "Business City"; font-weight:bold;color:#009ee2;font-size:13px;}
.Grid td:nth-of-type(4):before { content: "Business State"; font-weight:bold;color:#009ee2;font-size:13px;}
.Grid td:nth-of-type(5):before { content: "Email"; font-weight:bold;color:#009ee2;font-size:13px; }
.Grid td:nth-of-type(6):before { content: "DirectPhone"; font-weight:bold;color:#009ee2;font-size:13px;}
.Grid td:nth-of-type(7):before { content: "Status"; font-weight:bold;color:#009ee2;font-size:13px;}
.Grid td:nth-of-type(8):before { content: "MembershipStatus"; font-weight: bold;white-space: pre;font-size:13px;color:#009ee2;}
.Grid td:nth-of-type(9):before {content: "Dues Paid Through";font-weight: bold;font-size:13px;white-space: pre;color:#009ee2;}

.GridDues thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.GridDues td {
			/* Behave  like a "row" */
    border: none;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 50%;
    padding-right:0px;
    padding-top:5px;
    padding-bottom:10px;
}

.GridDues > thead > tr > th, .table > tbody > tr > 
th, .table > tfoot > tr > th, .table > thead > tr > 
td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 5px 0px 10px 50% !important;
}

.GridDues td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

/*Label the data*/
		
.GridDues td:nth-of-type(1):before { content: "Select"; font-weight:bold;color:#009ee2;font-size:13px;}
.GridDues td:nth-of-type(2):before { content: "Name"; font-weight:bold;color:#009ee2;font-size:13px;}
.GridDues td:nth-of-type(3):before { content: "Member Status"; font-weight:bold;color:#009ee2;font-size:13px;}
.GridDues td:nth-of-type(4):before { content: "Paid Through Date"; font-weight:bold;color:#009ee2;font-size:13px;}
.GridDues td:nth-of-type(5):before { content: "OrderID"; font-weight:bold;color:#009ee2;font-size:13px; }
.GridDues td:nth-of-type(6):before { content: "Amount"; font-weight:bold;color:#009ee2;font-size:13px;}

/* Hide table headers (but not display: none;, for accessibility) */
.GridDetail thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.GridDetail td {
			/* Behave  like a "row" */
    border: none;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 50%;
    padding-right:0px;
    padding-top:5px;
    padding-bottom:10px;
}

.GridDetail > thead > tr > th, .table > tbody > tr > 
th, .table > tfoot > tr > th, .table > thead > tr > 
td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 5px 0px 10px 50% !important;
}

.GridDetail td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

/*Label the data*/
		
.GridDetail td:nth-of-type(1):before { content: "Committee"; font-weight:bold;color:#009ee2;font-size:13px;}	
.GridDetail td:nth-of-type(2):before { content: "Term Date"; font-weight:bold;color:#009ee2;font-size:13px; }
.GridDetail td:nth-of-type(3):before { content: "First Name"; font-weight:bold;color:#009ee2;font-size:13px;}
.GridDetail td:nth-of-type(4):before { content: "Last Name"; font-weight:bold;color:#009ee2;font-size:13px;}
.GridDetail td:nth-of-type(5):before { content: "Position"; font-weight:bold;color:#009ee2;font-size:13px;}

 .Grid Detail td:last-child {border-bottom: 2px solid #009ee2 !important;
    }

    .GridCPE thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.GridCPE td {
			/* Behave  like a "row" */
    border: none;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 50%;
    padding-right:0px;
    padding-top:5px;
    padding-bottom:10px;
}

.GridCPE > thead > tr > th, .table > tbody > tr > 
th, .table > tfoot > tr > th, .table > thead > tr > 
td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 5px 0px 10px 50% !important;
}

.GridCPE td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

/*Label the data*/
		
.GridCPE td:nth-of-type(1):before { content: "Title"; font-weight:bold;color:#009ee2;font-size:13px;}	
.GridCPE td:nth-of-type(2):before { content: "Date"; font-weight:bold;color:#009ee2;font-size:13px; }
.GridCPE td:nth-of-type(3):before { content: "Location"; font-weight:bold;color:#009ee2;font-size:13px;}

.GridCPE td:last-child {border-bottom: 2px solid #009ee2 !important;
    }

    .GridCPEDetail thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.GridCPEDetail td {
			/* Behave  like a "row" */
    border: none;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 50%;
    padding-right:0px;
    padding-top:5px;
    padding-bottom:10px;
}

.GridCPEDetail > thead > tr > th, .table > tbody > tr > 
th, .table > tfoot > tr > th, .table > thead > tr > 
td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 5px 0px 10px 50% !important;
}

.GridCPEDetail td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

/*Label the data*/
		
.GridCPEDetail td:nth-of-type(1):before { content: "First Name"; font-weight:bold;color:#009ee2;font-size:13px;}	
.GridCPEDetail td:nth-of-type(2):before { content: "Last Name"; font-weight:bold;color:#009ee2;font-size:13px; }

.GridCPEDetail td:last-child {border-bottom: 2px solid #009ee2 !important;
    }

    .GridPastCPEDetail thead tr {
    position: absolute;
    top: -9999px;
    left: -9999px;
}

.GridPastCPEDetail td {
			/* Behave  like a "row" */
    border: none;
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
    position: relative;
    padding-left: 50%;
    padding-right:0px;
    padding-top:5px;
    padding-bottom:10px;
}

.GridPastCPEDetail > thead > tr > th, .table > tbody > tr > 
th, .table > tfoot > tr > th, .table > thead > tr > 
td, .table > tbody > tr > td, .table > tfoot > tr > td{
    padding: 5px 0px 10px 50% !important;
}

.GridPastCPEDetail td:before {
    /* Now like a table header */
    position: absolute;
    /* Top/left values mimic padding */
    top: 6px;
    left: 6px;
    width: 45%;
    padding-right: 10px;
    white-space: nowrap;
}

/*Label the data*/
		
.GridPastCPEDetail td:nth-of-type(1):before { content: "First Name"; font-weight:bold;color:#009ee2;font-size:13px;}	
.GridPastCPEDetail td:nth-of-type(2):before { content: "Last Name"; font-weight:bold;color:#009ee2;font-size:13px; }
.GridPastCPEDetail td:nth-of-type(3):before { content: "Educational Units"; font-weight:bold;color:#009ee2;font-size:13px; }

.GridPastCPEDetail td:last-child {border-bottom: 2px solid #009ee2 !important;
    }


.btnsNoBord {
    border-bottom: none !important;
}
	
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {


.txtWidthPhone {
        width: 80%;
    }

.updatePersonnel {
    width:100%;
}

}


    

/* iPads (portrait and landscape) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {

.updatePersonnel {
    width:100%;
}

.txtWidthPhone {
    width:80%;
}

}

/* crazy awesome checkboxes */
.custom-checkbox input[type=checkbox] {display:none;}

.custom-checkbox span.chk-text {
    background-color:#FFFF00;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #FFFF00;
    font-weight:400;
    font-family: 'Raleway', sans-serif;
    color:#000000;
    /*font-size:.85em;*/
    letter-spacing:1px;
    text-decoration:none;
    text-align:center;
    width:220px;
    padding: 6px 0;
    cursor:pointer;
    display:block;
    margin: 0 auto;
    /*-webkit-transition:background-color 150ms ease-in;
    -moz-transition:background-color 150ms ease-in;
    -ms-transition:background-color 150ms ease-in;
    -o-transition:background-color 150ms ease-in;
    transition:background-color 150ms ease-in;*/
}

.custom-checkbox span.chk-text:hover {
    background-color:#FFFF00;
    color: #000000;
}

.custom-checkbox input[type=checkbox]:checked + span.chk-text {
    background-color:#00a651;
    color: #ffffff;
    text-decoration:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    border: 1px solid #00a651;
    background:#00a651 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size:15px 13px;
}

.custom-checkbox input[type=checkbox]:checked:hover + span.chk-text {
    background-color:#00a651;
    color:rgba(255,255,255,0.5);
    text-decoration:none;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background:#00a651 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size:15px 15px;
}

.custom-checkbox.chk-danger span.chk-text {
    background-color:transparent;
    border: none;
    color:#cf3423;
}

.custom-checkbox.chk-danger span.chk-text:hover {
    background-color:transparent;
    border-color:transparent;
    color: #cf3423;
    text-decoration: underline;
}

.custom-checkbox.chk-danger input[type=checkbox]:checked + span.chk-text {
    background-color:#cf3423;
    color: #ffffff;
    background:#cf3423 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAaCAYAAACgoey0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAX9JREFUeNpi+P//PwMNsS4QbwBiLnQ5WlqqAsRP/0PARiBmoYfFkkB8+z8qWALEjLS0mB+IL/3HDibSymJQXB7/jx/UgNSCvU4lwAbEG4DYkwi1WUxUspQZiOcRaSkIWOAKMk0Sg3jaf+IBOIVjMyQWiH8DsR+RljaTYOkBWJ5GNwRk2R+ooh9A7ETA0jwSLL0ATfEYqRpkyVc0xR+A2AyHpdFA/I9IS0F5WhRbAWIEtQQbeAXE6lhC5jeRlj4GYgVsRaYK1HBCmmWgmuyxhAwu8BpaXjNgs/gYkYbcAGIXPCGDDkCOM8eVPkCEFhE+JhX8BGJnfAkTxgC57BOVLAXlihBC2RA9Vf+k0FJQKk8nJv+jCwQi5WNyQAWxpR02wRQS8icy6CKlmMUlUUGipfOQK3lKLAbhdhIKfWZS6258kiAfzCZg6V4gZiOn0UBIAcgn63BYehK50Ke2xQxQH+3FUoqJUtJMIlYhLxAfxVJu09xiWENuMxCrUaNhCBBgAOAVfjALa5TLAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size:15px 13px;
}

.custom-checkbox.chk-danger input[type=checkbox]:checked:hover + span.chk-text {
    background-color:#cf3423;
    background:#cf3423 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAS5JREFUeNq8110OgjAMAGBGvIY3VESjt9jPg95PT+LccBIZ7dYOWJPGB+g+Ymg3hLW2QeLkcu/y2pSFdvl0eQevehjI3uXbfkMh96TShFq/xhG6J4faAtxEtSBOQTm4QWpnOBWl4CZT69fuYpiCpnBDrB1xLhrjgoFO8F1oGcFslUv4bV32zFoxmOHJta0XMn65dC0UaiddA8UGiN4axeC1cUkdmWviEls/NwL1FqjPNtNvoimPdC3yRCUTiTXbt0R/oSnw2iiK10BBvBY6w2uiE3xJr8oFtcrvxy/fVcyeVdGx98yotcOxN/znHeMUIhdMOG8c4reagssF43VEoT5O4ZJwvNUUFJtcEE5BMXyGpnanf5yDxjiI+hSJj7YunEBvhbuTCh9tD+jiR4ABAJ0SrJgNr1UAAAAAAElFTkSuQmCC) no-repeat 7% center;
    background-size:15px 15px;
}

.label-button {
    width: 100%;
}


.detPad{
   margin-right: 50px !important;
   margin-left: 50px !important;
}

.detPad2{
    margin-right: 25px !important;
    margin-left: 25px !important;
}

.accessPassLbl {
 font-weight:bold;

}

.accessPassLblbox {
border:1px solid #007900;
background-color:#bfffbf;
color:#009300;
padding:5px;
margin-bottom:10px;
}

.promoTitle {
    background-color: #009ee2;
    padding: 10px;
    margin-left: 10px;
    text-align: center;
    color: #fff;
    font-weight: bold;
}

.txtWidth {
    width:100%;
    height:35px;
    font-size:14px;
}

.padRight {
    padding-right:10px !important;
}

.eventRow {
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px solid #f2f2f2;
}

.pageCountPad {
    padding:20px !important;
    text-align:right !important;
}

.botM {
    margin-bottom:5px !important;
}

.ui-widget-content {
    border: 1px solid #cccccc !important;
    background: #f2f2f2 !important;
    color: #666666 !important;
}

.ui-widget-header {
    border: 1px solid #cccccc !important;
    background: #f2f2f2 !important;
    color: #433f38 !important;
    font-weight: bold
}

.ui-state-default {
        border: 1px solid #cccccc !important;
        background: #ddd !important;
        font-weight: bold !important;
}
.relatedStf {
margin-left:10px;
border:1px solid #cccccc;
padding:10px;
}