﻿.tablesorter thead .disabled {display: none}
.issuetracking .tabs > ul { display: none; }
.issuetracking .ui-tabs .ui-tabs-nav li {
}
.issuetracking .ui-tabs .ui-tabs-nav { background: transparent; }
.issuetracking li a {
		display: block; height: 100%; width: 95%; text-align:left;
	}
.issuetracking .ui-tabs .ui-tabs-nav li .icon-mini-rss {
		visibility: hidden;
		margin-left: 3px;
	}
	.issuetracking .ui-tabs .ui-tabs-nav li.ui-tabs-active .icon-mini-rss {
		visibility: visible;
	}
	
.issuetracking:before,
.issuetracking:after
{
	content: " ";
	display: table;
}
.issuetracking:after {
	clear: both;
}
.issuetracking {
	*zoom: 1;
	
}
.issues.collapsed header .icon-toggle { background-position: -240px 0; }
.issues.collapsed header .icon-toggle:hover { background-position: -240px -24px; }
.issues header .icon-toggle { background-position: -264px 0; }
.issues header .icon-toggle:hover { background-position: -264px -24px; }
.issues {
}
	.issues.collapsed header { border-bottom: 1px solid #62a1c8; }
	.issues header h3 {
		margin: 0;
		font-size: 1.1em;
	}
.issues header,
	.ui-tabs-nav {
		padding: 5px 10px;
		background-color:#104573;
		color:#fff;
		line-height: 24px;
	
	}
.ui-tabs-nav a
	{
	    font-size: 1.25em;
	    
	    
	}
	
	
	.issues .content {
		display: block;
	}
	.issues footer {
		display: block;
		padding: 5px 15px;
		border-top: 1px dotted rgba(0,0,0,0.1);
		background-color: #fff;
		font-size: 0.8em;
	}
	.collapsed .content,
	.collapsed footer {
		display: none;
	}
	.issues header h4, .issues header h5, .issues header h6 { 
		color:#fff;
	}
	.issues .content h5 {
		color: #666;
	}
	.issues .content h6 {
		color: #333;
	}
	.issues .content p {
		margin: 10px 0;
	}
	.issues .content ul {
		margin: 0;
		padding: 15px;
		list-style: none;
		line-height: 1.3em;
	}
		.issues .content ul li {
			margin: 0.5em 0;
		}
		.issues.highlights ul {
			padding: 0 15px;
		}
	.issues footer .more {
		float: right;
	}
	.issues footer .btn {
		float: left;
	}
	.issues footer .meeting-legend {
		float: left;
		line-height: 1.5em;
		text-align: left;
	}
.issues .content .subsection_content_item
{
    padding-left:15px;
    padding-right:15px;
    padding-top:10px;
}



@media only screen and (max-width: 340px)
{
    .mobfirstsemidv { width:100%; float:left; margin-left:4% !important; }
    .ui-tabs .ui-tabs-nav li a {line-height: 12px !important; font-size:1.20em !important; }
	
}

@media only screen and (max-width: 500px)
{
    .ui-tabs .ui-tabs-nav li { height:35px !important; }
    .ui-tabs .ui-tabs-nav li a {line-height: 12px !important; font-size:1.25em !important;white-space: normal; margin-top:-2px; }
	.mobrowdiv {width:100%; height:30px; border-top:1px dotted #ccc; display:table !important; } 
	.divddlIssueStatuses {float:left; width:100% !important;}
	.divStandingCommitteelabel {float:left; width:100% !important; margin-top:0px !important; }
	.divddlStandingCommitteeLevels { float:left; width:100% !important; margin-top:0px !important; padding-bottom:10px;}
}
/* ----- for Amazon Kindle Fire HD 7 --- */
@media only screen and (max-width: 853px)
{
    .ui-tabs .ui-tabs-nav li { height:35px !important; }
    .ui-tabs .ui-tabs-nav li a {line-height: 15px !important; font-size:1.25em !important;white-space: normal; margin-top:-4px; }
	.labelbar { width:142% !important; height:20px; margin-left: -15% !important; padding-left: 4% !important; }
}

    @media only screen and (max-width: 767px) and (min-width: 341px)
    {
        .esriPopup .esriPopupWrapper
        {
            zoom: 100% !important;
        }
    }
@media only screen and (max-width: 640px)
{
	.ddlwidth { width : 100% !important; padding-bottom:5px; }
	.divtabstyle { width:100% !important; float:right; }
	
	.issuetracking .content{ display:none !important; }
	.bordernone { margin:0px; border: 1px solid #a1c6de !important; }
	.mobilecontent { display:block !important; }
	.ui-tabs .ui-tabs-panel { padding:0px 0px !important; }
	.tablesorter-headerRow { display:none; }
	.labelbar { width:103% !important; height:20px; margin-left: 0px !important; padding-left: 0px !important; margin-top:10px; }
	.resetdiv { text-align:left; padding-top:5px; }
	.mobfirstsemidv { width:100%; float:left; margin-left:2%; }
}
	
	.borderstyleline {border-right: 1.5px solid #11416d !important;
	    width:22%;
	   z-index: -1;
	}
	
	.title { border-right: 1.5px solid #11416d !important; }
	.ddlwidth { width : 100% !important; }
	.displayhide { display: none; }
	.issueMain { margin-top : -10px; border-left: 1px solid #b3d4fc; border-right: 1px solid #b3d4fc;  }
	.imgsizeclass { width:30px; }
	.controlwidth { width:8.25%; font-size:10px; }
	.divddlIssueStatuses {float:left; width:30%;}
	.divStandingCommitteelabel {float:left; width:30%; margin-top:5px;  }
	.divddlStandingCommitteeLevels { float:left; width:30%; margin-top:3px;}
	.divtabstyle { width:66%; float:right; }
	.bordernone { margin:0px; border:none; }
	.mobilecontent { display:none; }
	
	.mob-search-filter {
	height: auto;
	margin: 0;
	padding: 4px;
	background-color: #fff;
	border: 1px solid #bbb;
	color: #333;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: height 0.1s ease;
	-moz-transition: height 0.1s ease;
	-o-transition: height 0.1s ease;
	transition: height 0.1s ease;
	background: #eee; }
	
	.placeholder {  }
	.timelineactive { color: #8BBB43; background-color: #8BBB43; display:block;}
    .timelineopaque { color: #c5dda1; background-color: #c5dda1; display:block; }
	.timelineonhold { color: #999999; background-color: #999999; display:block; }
    .timelineonholdopaque {color: #c9c9c9; background-color: #c9c9c9; display: block; }
	.labelbar { width:124%; height:20px; margin-left: -4px; padding-left: 2px; }
	.resetdiv { text-align:left;}
	.imagetimelinemaindiv { width:20%; float:left; padding-top:5px;}
	.imagetimelinemobdiv { float:left; padding-top:5px; }
	.issueselectiondiv { width:100%; float:left; padding-bottom:5px; }
	.bordertabline {border-bottom: 1px solid #b3d4fc !important; }
	.divtabstyle #categories { width:100%; }
	.divtabstyle #categories  #tab1 {width:34%; }
	.divtabstyle #categories  #tab2 {width:33%; }
	.divtabstyle #categories  #tab3 {width:33%; }
	.maxwidthdiv { clear:both; width:100%; }
	.theahfirsttr {border-top: 1px solid #b3d4fc !important; }
	.mobilecommitteediv { width:40%; float:left;  padding-bottom:10px; margin-left:10px;} 
	.mobileissuediv {width:50%; float:left;  padding-bottom:10px; margin-left:10px; }
	.itemtemplatediv { width:100%; background-color:#f9f9f9;}
	.itemdata {clear:both; display:table;border-collapse:collapse; width:100%; }
	.mobrowdiv {width:100%; height:30px; border-top:1px dotted #ccc; } 
	.mobrowfirstcolor {background-color:#f9f9f9; }
	.borderbottomline{ border-bottom:1px solid #ccc; }
	.mobrowcelldiv { width:50%; float:left;}
	.nonebackground { background:none; }
	.maxsizediv { width:100%; float:left; }
	.txtcenter { text-align:center; }
	.medsizediv { width:80%; float:left; }
	.mobTLHeaderRow {margin-left:2%; width:98%; border-top:1px dotted #ccc;  } 
	.mobTLItemdiv { width:100%; border-top:1px dotted #ccc; margin-left:-5px;}
	.mobTLMaxSizedetaildiv { width:25%; float:left; border-right:1px dotted #ccc; }
	.mobTLMedSizedetaildiv { width:24%; float:left; border-right:1px dotted #ccc; }
	.mobTLmonthheaderdiv { width:100%; float:left; font-size:11px !important; font-weight:bold; text-align:center; } 
	.mobTLmonthcelldiv {width:32%; height:50px; float:left;  vertical-align:middle; }
	.mobTLmonthmaxcelldiv {width:33%; height:50px; float:left; vertical-align:middle; }
	.mobTLmonthcellborder {border-right:1px dotted #ccc; }
	.mobPSlineborder {border-bottom:1px solid #ccc;}
	.mobPSItemdiv { width:100%; border-top:1px dotted #ccc; display:table-row;clear:both; }
	.mobPSMinSizediv { width:30%; float:left; background:none; text-align:right; height:100%;}
	.mobPSMaxSizediv { width:60%; float:left; background:none; text-align:center; border-left: 1px solid; }
	.overridefont {font: bold 10px/15px Arial, Sans-serif !important;  }
	.processimagetd {width:8.25%; vertical-align: middle !important;text-align: center; }
    .hidden {display:none; }
    
     #loader {
    position: absolute;
    z-index: 8888;
       
    }
    #loader-anim {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-image: url(/assets/images/issuetracking/loading.gif);
    background-repeat: no-repeat;
    background-position: center center;
}
.tablesorter label {
    cursor: pointer;
}


.esriPopup .esriPopupWrapper
{
border: 1px solid rgb(128, 128, 128);
border-radius: 0px;
box-shadow: inherit;
}
.esriPopup .titleButton
{     
              background:url("/assets/images/mapImages/wht-close.png") !important;
               background-repeat:no-repeat !important;
                          background-position:top; 
                        background-size:10px 10px !important;
                        
                      
}
.esriPopup .title
{
   background-color:  #11416D !important; 
    color: white !important;  
    font-family: Trebuchet MS, Serif;
    font-size: 12px;
    width: 90%;
}
.esriPopup .contentPane
{
    background-color :White!important;
     font-family: Trebuchet MS, Serif;
     font-size: 12px;
color: rgb(0, 0, 0) !important;
padding-left: 8px;
padding-top: 4px;
overflow:hidden;
line-height: 17px;
}
.esriPopup {
width: 25em;
}

.esriPopup .titlePane
{
   background-color:  #11416D !important; 
    color: white !important;  
    font-family: Trebuchet MS, Serif;
    padding-left: 4px;
    border-radius: 0px;
}

.esriPopup .titleButton.close {
right: 3px;
background-position: 0 0;
margin-top:5px;
height: 17px;
cursor:pointer;
}

.hover {border-top: 1px solid #145114;
    border-bottom: 1px solid #145114;
}
    .hoverleft {border-left: 1px solid #145114; }
    .hoverright {border-right: 1px solid #145114;}
.hoverhold { border-top: 1px solid #333333 !important;
    border-bottom: 1px solid #333333 !important;
}
    .hoverholdleft {
        border-left: 1px solid #333333 !important;
    }
    .hoverholdright {
        border-right: 1px solid #333333 !important;
    }
    .borderleftWithAdjWidth {
        width:115%;
        border-left:3px solid #666666;
    }
    .borderrightWithAdjWidth {
        width:115%;
        border-right:3px solid #666666;
    }
    .borderleft {
        border-left:3px solid #666666;
    }
    .borderright {
        border-right:3px solid #666666;
    }
    .issueInitiatedColor {
        width:20px; border-left:3px solid #666666; height:20px; display:block;
    }
        
    .workBeginsColor {
        width:20px; border-left:3px solid #666666;  height:20px; display:block;
    }
        
    .workEndsColor {
        width:20px; border-right:3px solid #666666;  height:20px; display:block; 
    }
        
    .issueClosedColor {
        width:20px; border-right:3px solid #666666; height:20px; display:block;
    }
        .activeBkColor {
            background-color:#8bbb43;
        }
        .activeOpqBkColor {
            background-color:#c5dda1;
        }
        .onholdBkColor {
            background-color:#999999;
        }
        .onholdOpqBkColor {
            background-color:#c9c9c9;
        }
        .opaque {
            opacity:0.5;
        }
        .zeroopacity {
            opacity: 0 !important;
        }
    .contentpanerow
    {
        width:100%; padding-top:5px;
    }
    .contentpanemincol
    {
        width:10%; float:left; padding-right:5%;
    }
    .contentpanemaxcol
    {
        width:80%; float:left;
    }
    .divclear
    {
        clear:both;
    }
    .maxwidth100
    {
        width:100%;
    }
    .width18
    {
        width:18%;

    }
    .width12
    {
        width:12%;
    }
    .width16pt5
    {
        width:16.5%;
    }
    .margintop10
    {
        margin-top:10px;
    }
    .width23
    {
        width:23%;
    }
    .width50
    {
        width:50%;
    }
    .padleft5
    {
        padding-left:5px;
    }
    .txtaligncenter
    {
        text-align:center;
        font-weight:bold
    }
    .txtalignright
    {
        text-align:right;
    }