/* Application styles could go here */
#marquee ul {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
#marquee li:before { 
    border-color: transparent red;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}

#Ullist {
    margin: 0.75em 0;
    padding: 0 1em;
    list-style: none;
}
#Ullist li:before { 
    content: "";
    border-color: transparent red;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;
}
#brdr {
    border: 0;
}
#brdr #split{
    border:0;
}

#customers {
    table-layout: fixed;
}

.breakword{
    white-space:pre-line;
}
.output{
    white-space:pre-wrap;
} 

#customers td, #customers th {
    font-size: 1em;
    border: 1px solid #337ab7;
    padding: 3px 7px 2px 7px;
    text-overflow:ellipsis;
}

#customers td{
    background-color:#ffffff;
    color:#000000;
}

#customers th,#msghead {
    color:#fff;
    font-size: 0.9em;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 4px;
    background-color:#166ba2;
    background:linear-gradient(bottom, #020031 0%, #166ba2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166ba2', endColorstr='#020031',GradientType=0);
    background: -ms-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    background:-moz-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    background:-webkit-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    background:-webkit-gradient(linear, left top, right top, color-start(1%,#166ba2), color-stop(100%,#020031));
    background:-o-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    /*background-image:linear-gradient(2deg, rgba(255,255,255,0) 0%, rgba(0, 200, 255, 0.2) 50%, rgba(0, 200, 255, 0.2) 51%);*/
}
 
#customers tr.alt td {
    color: #000000;
    background-color: #EAF2D3;
}


#customers #selDisp tr td{
    border:0;
}

.table #split{
    border:0;
}
.nav-tabs {
  display: inline-block;
  border-bottom: none;
  padding-top: 15px;
  font-weight: bold;
}
.nav-tabs > li > a, 
.nav-tabs > li > a:hover, 
.nav-tabs > li > a:focus, 
.nav-tabs > li.active > a, 
.nav-tabs > li.active > a:hover,
.nav-tabs > li.active > a:focus {
  border: none;
  border-radius: 0;
}

.nav-list { border-bottom: 1px solid #eee; }
.nav-list > li { 
  padding: 20px 15px 15px;
  margin:0 25px 0px 0;
  /*border-left: 1px solid #eee; */
}
/*.nav-list > li:last-child { border-right: 1px solid #eee; }*/
.nav-list > li > a:hover { text-decoration: none; }
.nav-list > li > a > span {
  display: block;
  font-weight: bold;
  text-transform: uppercase;
}
.dropstyle { background-color:#001c3c; }
.mega-dropdown { position: static !important; }
/*.mega-dropdown-menu {  border-radius:0 0 10% 10%;  padding: 0;  text-align: center;  width: 75%;}*/
.mega-dropdown-menu {
  border: none;
  background-color:#001c3c;
  padding:0;
  border-radius: 0 0 10% 10%;
  text-align: center;
  width: 90%;
}
.ui-widget-content {
	border: 1px solid #bdc3c7;
	background: #e1e1e1;
	color: #222222;
	margin-top: 4px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 2;
	width: 5.2em;
	height: 2.2em;
	cursor: default;
	margin: 0 -20px auto !important;
	text-align: center;	
	line-height: 30px;
	color: #FFFFFF;
	font-size: 10px;
}

.ui-slider .ui-slider-handle .glyphicon {
	color: #FFFFFF;
	margin: 0 3px; 
	font-size: 10px;
	opacity: 0.5;
}

.ui-corner-all {
	border-radius: 20px;
}

.ui-slider-horizontal .ui-slider-handle {
	top: -.9em;
}

.ui-state-default,
.ui-widget-content .ui-state-default {
	border: 1px solid #f9f9f9;
	background: #3498db;
}

.ui-slider-horizontal .ui-slider-handle {
	margin-left: -0.5em;
}

.ui-slider .ui-slider-handle {
	cursor: pointer;
}

.ui-slider a,
.ui-slider a:focus {
	cursor: pointer;
	outline: none;
}

.price-slider {
	margin-bottom: 70px;
}


.form-pricing {
	background: #ffffff;
	padding: 30px;
	border-radius: 4px;
}

.form-group {
	margin-bottom: 0;
}

.ui-slider-range-min {
	background: #ff00ff;
}
#accordion:hover{
    cursor: pointer;
}

.editable {
    width: 250px;
    height: 30px;
    border: 1px solid #ccc;
    border-radius: 5px;
    padding: 5px;
}

@media only screen and (max-width: 480px)
{
	#hide1
	{
	display: none;
	}
	#hide2
	{
	display: none;
	}
	#hideact
	{
	display: none;
	}
	.multicol{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
    .twocol{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
    }
    #Yearpanel{
        width: 125px;
    }
    #budgetpanel{
        width: 125px;
    }
    #itlpanel{
        width: 125px;
    }
    #finactyearpanel{
        width: 125px;
    }
    #finbillyearpanel{
        width: 125px;
    }
    #finspeechyearpanel{
        width: 125px;
    }
    #finordyearpanel{
        width: 125px;
    }
    #expntsyearpanel{
        width: 125px;
    }
    #dtaapanel{
        width: 125px;
    }
    #SecYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #budgetdisp{
        font-weight: Bold;
        font-size: 10px;
    }
    #itldisp{
        font-weight: Bold;
        font-size: 10px;
    }
    #factYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #fbillYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #fspeechYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #fordYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #expntsYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #dtaaYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #Yearclose{
        float: right;
        margin-right: -10px;
    }
    #budgetdispclose{
        float: right;
        margin-right: -10px;
    }
    #itldispclose{
        float: right;
        margin-right: -10px;
    }
    #factYearclose{
        float: right;
        margin-right: -10px;
    }
    #fbillYearclose{
        float: right;
        margin-right: -10px;
    }
    #fspeechYearclose{
        float: right;
        margin-right: -10px;
    }
    #fordYearclose{
        float: right;
        margin-right: -10px;
    }
    #expntsYearclose{
        float: right;
        margin-right: -10px;
    }
    #dtaaYearclose{
        float: right;
        margin-right: -10px;
    }
    #Secpanel{
        width: 125px;
    }
    #Yearhead{
        font-weight: Bold;
        font-size: 10px;
    }
    #Secclose{
        float: right;
        margin-right: -10px;
    }
    #txtpanel{
        width: 125px;
    }
    #txtBudgetpanel{
        width: 125px;
    }
    #txtItlpanel{
        width: 125px;
    }
    #txtfinactpanel{
        width: 125px;
    }
    #txtfinbillpanel{
        width: 125px;
    }
    #txtfinspeechpanel{
        width: 125px;
    }
    #txtfinordpanel{
        width: 125px;
    }
    #txtexpntspanel{
        width: 125px;
    }
    #txtdtaapanel{
        width: 125px;
    }
    #txtYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtBudget{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtItl{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtfinactYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtfinbillYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtfinspeechYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtfinordYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtexpntsYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtdtaaYear{
        font-weight: Bold;
        font-size: 10px;
    }
    #txtclose{
        float: right;
        margin-right: -10px;
    }
    #txtBudgetclose{
        float: right;
        margin-right: -10px;
    }
    #txtItlclose{
        float: right;
        margin-right: -10px;
    }
    #txtfinactclose{
        float: right;
        margin-right: -10px;
    }
    #txtfinbillclose{
        float: right;
        margin-right: -10px;
    }
    #txtfinspeechclose{
        float: right;
        margin-right: -10px;
    }
    #txtfinordclose{
        float: right;
        margin-right: -10px;
    }
    #txtexpntsclose{
        float: right;
        margin-right: -10px;
    }
    #txtdtaaclose{
        float: right;
        margin-right: -10px;
    }
    #jrnllistmob{
        display: inline;
    }
    #jrnllist{
        display: none;
    }
    #tabjrnidx{
        display:none;
    }
    #tabjrnidxmob{
        display:inline;
    }
    .othpBody{
        height:225px;
        /*float:right;*/
    }
    .jnBody{
        overflow-y: scroll;
        height:225px;
    }
    .subBody{
        height:225px;
        /*float:right;*/
    }
    .agBody{
        overflow-y: scroll;
        height:225px;
    }
    .agMarq{
        height:190px;
    }
    .subMarq{
        height:200px;
    }
    .artMarq{
        height:200px;
        /*float:right;*/
    }
    .artBody{
        height:225px;
        /*float:right;*/
    }
    .idxBody{
        overflow-y: scroll;
        height:225px;
    }
}
@media only screen and (min-width: 500px) and (max-width: 992px)
{
	#hide2
	{
	display: none;
	}
	.multicol
	{
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        column-gap: 5px;
    }
    .twocol{
        -webkit-column-count: 1; /* Chrome, Safari, Opera */
        -moz-column-count: 1; /* Firefox */
        column-count: 1;
        column-gap: 10px;
    }
    #Yearpanel{
        width: 150px;
    }
    #budgetpanel{
        width: 200px;
    }
    #itlpanel{
        width: 150px;
    }
    #finactyearpanel{
        width: 150px;
    }
    #finbillyearpanel{
        width: 150px;
    }
    #finspeechyearpanel{
        width: 150px;
    }
    #finordyearpanel{
        width: 150px;
    }
    #expntsyearpanel{
        width: 150px;
    }
    #dtaapanel{
        width: 150px;
    }
    #SecYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #budgetdisp{
        font-weight: Bold;
        font-size: 12px;
    }
    #itldisp{
        font-weight: Bold;
        font-size: 12px;
    }
    #factYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #fbillYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #fspeechYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #fordYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #expntsYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #dtaaYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #Yearclose{
        float: right;
        margin-right: -5px;
    }
    #budgetdispclose{
        float: right;
        margin-right: -5px;
    }
    #itldispclose{
        float: right;
        margin-right: -5px;
    }
    #factYearclose{
        float: right;
        margin-right: -5px;
    }
    #fbillYearclose{
        float: right;
        margin-right: -5px;
    }
    #fspeechYearclose{
        float: right;
        margin-right: -5px;
    }
    #fordYearclose{
        float: right;
        margin-right: -5px;
    }
    #expntsYearclose{
        float: right;
        margin-right: -5px;
    }
    #dtaaYearclose{
        float: right;
        margin-right: -5px;
    }
    #Secpanel{
        width: 150px;
    }
    #Yearhead{
        font-weight: Bold;
        font-size: 12px;
    }
    #Secclose{
        float: right;
        margin-right: -5px;
    }
    #txtpanel{
        width: 150px;
    }
    #txtBudgetpanel{
        width: 200px;
    }
    #txtItlpanel{
        width: 150px;
    }
    #txtfinactpanel{
        width: 150px;
    }
    #txtfinbillpanel{
        width: 150px;
    }
    #txtfinspeechpanel{
        width: 150px;
    }
    #txtfinordpanel{
        width: 150px;
    }
    #txtexpntspanel{
        width: 150px;
    }
    #txtdtaapanel{
        width: 150px;
    }
    #txtYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtBudget{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtItl{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtfinactYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtfinbillYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtfinspeechYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtfinordYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtexpntsYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtdtaaYear{
        font-weight: Bold;
        font-size: 12px;
    }
    #txtclose{
        float: right;
        margin-right: -5px;
    }
    #txtBudgetclose{
        float: right;
        margin-right: -5px;
    }
    #txtItlclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinactclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinbillclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinspeechclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinordclose{
        float: right;
        margin-right: -5px;
    }
    #txtexpntsclose{
        float: right;
        margin-right: -5px;
    }
    #txtdtaaclose{
        float: right;
        margin-right: -5px;
    }
    #jrnllistmob{
        display: none;
    }
    #tabjrnidxmob{
        display:none;
    }
    .othpBody{
        height:225px;
        /*float:right;*/
    }
    .jnBody{
        overflow-y: scroll;
        height:225px;
    }
    .subBody{
        height:225px;
        /*float:right;*/
    }
    .agBody{
        overflow-y: scroll;
        height:225px;
    }
    .agMarq{
        height:190px;
    }
    .subMarq{
        height:200px;
    }
    .artMarq{
        height:200px;
        /*float:right;*/
    }
    .artBody{
        height:225px;
        /*float:right;*/
    }
    .idxBody{
        overflow-y: scroll;
        height:225px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1279px)
{
	.multicol{
    -webkit-column-count: 3; /* Chrome, Safari, Opera */
    -moz-column-count: 3; /* Firefox */
    column-count: 3;
    column-gap: 5px;
    }
    .twocol{
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        column-gap: 10px;
    }
    #Yearpanel{
        width: 250px;
    }
    #budgetpanel{
        width: 300px;
    }
    #itlpanel{
        width: 250px;
    }
    #finactyearpanel{
        width: 250px;
    }
    #finbillyearpanel{
        width: 250px;
    }
    #finspeechyearpanel{
        width: 250px;
    }
    #finordyearpanel{
        width: 250px;
    }
    #expntsyearpanel{
        width: 250px;
    }
    #dtaapanel{
        width: 250px;
    }
    #SecYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #budgetdisp{
        font-weight: Bold;
        font-size: 14px;
    }
    #itldisp{
        font-weight: Bold;
        font-size: 14px;
    }
    #factYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #fbillYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #fspeechYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #fordYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #expntsYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #dtaaYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #Yearclose{
        float: right;
        margin-right: -5px;
    }
    #budgetdispclose{
        float: right;
        margin-right: -5px;
    }
    #itldispclose{
        float: right;
        margin-right: -5px;
    }
    #factYearclose{
        float: right;
        margin-right: -5px;
    }
    #fbillYearclose{
        float: right;
        margin-right: -5px;
    }
    #fspeechYearclose{
        float: right;
        margin-right: -5px;
    }
    #fordYearclose{
        float: right;
        margin-right: -5px;
    }
    #expntsYearclose{
        float: right;
        margin-right: -5px;
    }
    #dtaaYearclose{
        float: right;
        margin-right: -5px;
    }
    #Secpanel{
        width: 250px;
    }
    #Yearhead{
        font-weight: Bold;
        font-size: 14px;
    }
    #Secclose{
        float: right;
        margin-right: -5px;
    }
    #txtpanel{
        width: 250px;
    }
    #txtBudgetpanel{
        width: 300px;
    }
    #txtItlpanel{
        width: 250px;
    }
    #txtfinactpanel{
        width: 250px;
    }
    #txtfinbillpanel{
        width: 250px;
    }
    #txtfinspeechpanel{
        width: 250px;
    }
    #txtfinordpanel{
        width: 250px;
    }
    #txtexpntspanel{
        width: 250px;
    }
    #txtdtaapanel{
        width: 250px;
    }
    #txtYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtBudget{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtItl{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinactYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinbillYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinspeechYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinordYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtexpntsYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtdtaaYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtclose{
        float: right;
        margin-right: -5px;
    }
    #txtBudgetclose{
        float: right;
        margin-right: -5px;
    }
    #txtItlclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinactclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinbillclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinspeechclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinordclose{
        float: right;
        margin-right: -5px;
    }
    #txtexpntsclose{
        float: right;
        margin-right: -5px;
    }
    #txtdtaaclose{
        float: right;
        margin-right: -5px;
    }
    #jrnllistmob{
        display: none;
    }
    #tabjrnidxmob{
        display:none;
    }
    .othpBody{
        height:225px;
        /*float:right;*/
    }
    .jnBody{
        overflow-y: scroll;
        height:225px;
    }
    .subBody{
        height:225px;
        /*float:right;*/
    }
    .agBody{
        overflow-y: scroll;
        height:225px;
    }
    .agMarq{
        height:190px;
    }
    .subMarq{
        height:200px;
    }
    .artMarq{
        height:200px;
        /*float:right;*/
    }
    .artBody{
        height:225px;
        /*float:right;*/
    }
    .idxBody{
        overflow-y: scroll;
        height:225px;
    }
}

@media only screen and (min-width: 1280px)
{
    .multicol{
    -webkit-column-count: 4; /* Chrome, Safari, Opera */
    -moz-column-count: 4; /* Firefox */
    column-count: 4;
    column-gap: 3px;
    }
    .twocol{
        -webkit-column-count: 2; /* Chrome, Safari, Opera */
        -moz-column-count: 2; /* Firefox */
        column-count: 2;
        column-gap: 10px;
    }
    #Yearpanel{
        width: 300px;
    }
    #budgetpanel{
        width: 400px;
    }
    #itlpanel{
        width: 300px;
    }
    #finactyearpanel{
        width: 300px;
    }
    #finbillyearpanel{
        width: 300px;
    }
    #finspeechyearpanel{
        width: 300px;
    }
    #finordyearpanel{
        width: 300px;
    }
    #expntsyearpanel{
        width: 300px;
    }
    #dtaapanel{
        width: 300px;
    }
    #SecYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #budgetdisp{
        font-weight: Bold;
        font-size: 14px;
    }
    #itldisp{
        font-weight: Bold;
        font-size: 14px;
    }
    #factYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #fbillYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #fspeechYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #fordYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #expntsYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #dtaaYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #Yearclose{
        float: right;
        margin-right: -5px;
    }
    #budgetdispclose{
        float: right;
        margin-right: -5px;
    }
    #itldispclose{
        float: right;
        margin-right: -5px;
    }
    #factYearclose{
        float: right;
        margin-right: -5px;
    }
    #fbillYearclose{
        float: right;
        margin-right: -5px;
    }
    #fspeechYearclose{
        float: right;
        margin-right: -5px;
    }
    #fordYearclose{
        float: right;
        margin-right: -5px;
    }
    #expntsYearclose{
        float: right;
        margin-right: -5px;
    }
    #dtaaYearclose{
        float: right;
        margin-right: -5px;
    }
    #Secpanel{
        width: 300px;
    }
    #Yearhead{
        font-weight: Bold;
        font-size: 14px;
    }
    #Secclose{
        float: right;
        margin-right: -5px;
    }
    #txtpanel{
        width: 300px;
    }
    #txtBudgetpanel{
        width: 400px;
    }
    #txtItlpanel{
        width: 300px;
    }
    #txtfinactpanel{
        width: 300px;
    }
    #txtfinbillpanel{
        width: 300px;
    }
    #txtfinspeechpanel{
        width: 300px;
    }
    #txtfinordpanel{
        width: 300px;
    }
    #txtexpntspanel{
        width: 300px;
    }
    #txtdtaapanel{
        width: 300px;
    }
    #txtYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtBudget{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtItl{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinactYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinbillYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinspeechYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtfinordYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtexpntsYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtdtaaYear{
        font-weight: Bold;
        font-size: 14px;
    }
    #txtclose{
        float: right;
        margin-right: -5px;
    }
    #txtBudgetclose{
        float: right;
        margin-right: -5px;
    }
    #txtItlclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinactclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinbillclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinspeechclose{
        float: right;
        margin-right: -5px;
    }
    #txtfinordclose{
        float: right;
        margin-right: -5px;
    }
    #txtexpntsclose{
        float: right;
        margin-right: -5px;
    }
    #txtdtaaclose{
        float: right;
        margin-right: -5px;
    }
    #jrnllistmob{
        display: none;
    }
    #tabjrnidxmob{
        display:none;
    }
    .othpBody{
        height:225px;
        /*float:right;*/
    }
    .jnBody{
        overflow-y: scroll;
        height:225px;
    }
    .subBody{
        height:225px;
        /*float:right;*/
    }
    .agBody{
        overflow-y: scroll;
        height:225px;
    }
    .agMarq{
        height:190px;
    }
    .subMarq{
        height:200px;
    }
    .artMarq{
        height:200px;
        /*float:right;*/
    }
    .artBody{
        height:225px;
        /*float:right;*/
    }
    .idxBody{
        overflow-y: scroll;
        height:225px;
    }
}

.maintab{
    color:#fff;
}
.tabbable-panel {
  border:0px solid #eee;
  padding: 10px;
}

/* Default mode */
.tabbable-line > .nav-tabs {
  border: none;
  margin: 0px;
}
.tabbable-line > .nav-tabs > li {
  margin-right: 2px;
}
/*.tabbable-line > .nav-tabs > li > a {*/
/*  border: 0;*/
/*  margin-right: 0;*/
/*  color: #737373;*/
/*}*/
.tabbable-line > .nav-tabs > li > a > i {
  color: #fff;
}
.tabbable-line > .nav-tabs > li.open, .tabbable-line > .nav-tabs > li:hover {
  border-bottom: 4px solid #ffe1b5;
}

.tabbable-line > .nav-tabs > li.open > a > i, .tabbable-line > .nav-tabs > li:hover > a > i {
  color: #a6a6a6;
}
.tabbable-line > .nav-tabs > li.open .dropdown-menu, .tabbable-line > .nav-tabs > li:hover .dropdown-menu {
  margin-top: 0px;
}
.tabbable-line > .nav-tabs > li.active {
  border-bottom: 4px solid #e3834b;
  position: relative;
}

.tabbable-line > .nav-tabs > li.active > a > i {
  color: #404040;
}
.tabbable-line > .tab-content {
  margin-top: -3px;
  border: 0;
  border-top: 1px solid #eee;
  padding: 10px 0;
}
.portlet .tabbable-line > .tab-content {
  padding-bottom: 0;
}

.table-curved {
   border-collapse: separate;
   border: solid #ccc 1px;
   border-radius: 6px;
   border-left: 0px;
   border-top: 0px;
}
.table-curved > thead:first-child > tr:first-child > th {
    border-bottom: 0px;
    border-top: solid #ccc 1px;
}
.table-curved td, .table-curved th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}
.table-curved > :first-child > :first-child > :first-child {
    border-radius: 6px 0 0 0;
}
.table-curved > :first-child > :first-child > :last-child {
    border-radius: 0 6px 0 0;
}
.table-curved > :last-child > :last-child > :first-child {
    border-radius: 0 0 0 6px;
}
.table-curved > :last-child > :last-child > :last-child {
    border-radius: 0 0 6px 0;
}

ins {
    background-color: #c6ffc6;
    text-decoration: none;
}

del {
    background-color: #ffc6c6;
}

#orgdiv{
    display: none;
}

#chgdiv{
    display: none;
}
/*template page.html sign in*/
/* Special class on .container surrounding .navbar, used for positioning it into place. */
.navbar-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 20;
  margin-top: 20px;
}

/* Flip around the padding for proper display in narrow viewports */
.navbar-wrapper .container {
  padding-left: 0;
  padding-right: 0;
}
.navbar-wrapper .navbar {
  padding-left: 15px;
  padding-right: 15px;
}

.navbar-content
{
    width:225px;
    padding: 15px;
    padding-bottom:0px;
}
.navbar-content:before, .navbar-content:after
{
    display: table;
    content: "";
    line-height: 0;
}
.navbar-nav.navbar-right:last-child {
margin-right: 15px !important;
}
.navbar-footer 
{
    background-color:#DDD;
}
.navbar-footer-content { padding:15px 15px 15px 15px; }
.dropdown-menu {
padding: 0px;
overflow: hidden;
}
/******Sign in end*****/

/** Loading screen**/
.modal-static { 
    position: fixed;
    top: 50% !important; 
    left: 45% !important; 
    margin-top: -100px;  
    margin-left: -100px; 
    overflow: visible !important;
}
.modal-static,
.modal-static .modal-dialog,
.modal-static .modal-content {
    width: 250px; 
    height: 60px; 
}
.modal-static .modal-dialog,
.modal-static .modal-content {
    padding: 0 !important; 
    margin: 0 !important;
}
.modal-static .modal-content .icon {
}

/** Loading end*****/
#modclose:hover{
    cursor:pointer;
}
#selCourtDisp{
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;
    display:block;
    /*color:blue;*/
}
#selFavourDisp{
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;
    display:block;
    /*color:blue;*/
}
.outstyle{
    white-space: normal;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */   
    white-space: -o-pre-wrap;   /* Opera 7 */
    word-wrap: break-word;
    padding: 10px 10px 10px 10px;
}

.genopt{
    background-color:#fff;
}
/*estore*/
.nopadding {
    padding: 2px !important;
    margin: 0 !important;
}
.bgrow { 
    background-color:#00BFFF;
    /*color:#000000;*/
}

.contcolor{
    background-color:#fff;
}

/*#mainnav{*/
    /*color:#fff;*/
/*    background-color:#515758;*/
/*    background-image:linear-gradient(0deg, rgba(255,255,255,0) 0%, rgba(2,5,38,5) 50%, rgba(11,121,184,-10) 51%);*/
/*}*/

#mainnav.navbar-default .navbar-brand {
    color: rgba(255, 255, 255, 1);
}
#mainnav.navbar-default {
    font-size: 14px;
    background-color: rgba(0, 0, 0, 1);
    background: -webkit-linear-gradient(top, rgba(62, 67, 110, 1) 0%, rgba(0, 0, 0, 1) 100%);
    background: linear-gradient(to bottom, rgba(62, 67, 110, 1) 0%, rgba(0, 0, 0, 1) 100%);
    border-width: 1px;
    border-radius: 4px;
}
#mainnav.navbar-default .navbar-nav>li>a {
    color: rgba(255, 255, 255, 1);
    background-color: rgba(248, 248, 248, 0);
}
#mainnav.navbar-default .navbar-nav>li>a:hover,
#mainnav.navbar-default .navbar-nav>li>a:focus {
    color: rgba(252, 101, 101, 1);
    background-color: rgba(248, 248, 248, 0);
}
#mainnav.navbar-default .navbar-nav>.active>a,
#mainnav.navbar-default .navbar-nav>.active>a:hover,
#mainnav.navbar-default .navbar-nav>.active>a:focus {
    color: rgba(85, 85, 85, 1);
    background-color: rgba(231, 231, 231, 1);
}
#mainnav.navbar-default .navbar-toggle {
    border-color: #ddd;
}
#mainnav.navbar-default .navbar-toggle:hover,
#mainnav.navbar-default .navbar-toggle:focus {
    background-color: #ddd;
}
#mainnav.navbar-default .navbar-toggle .icon-bar {
    background-color: #888;
}
#mainnav.navbar-default .navbar-toggle:hover .icon-bar,
#mainnav.navbar-default .navbar-toggle:focus .icon-bar {
    background-color: #000000;
}

.btn-pref{
  position: relative;
  vertical-align: center;
  margin: 0px;
  height: 100px;
  padding: 20px 20px;
  font-size: 4px;
  color: white;
  text-align: center;
  text-shadow: 0 3px 2px rgba(0, 0, 0, 0.3);
  background: #FFFFF;
  border: 0;
  border-bottom: 3px solid #9FE8EF;
  cursor: pointer;
  -webkit-box-shadow: inset 0 -3px #9FE8EF;
  box-shadow: inset 0 -3px #9FE8EF;
}
/*Preference journal*/
.btn-pref:active {
  top: 2px;
  outline: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.btn-pref:hover {
  background: #45E1E8;
}
.btn span.fa {    			
	opacity: 0;				
}
.btn.active span.fa {				
	opacity: 1;				
}
/***************************/

.rangeslider,
input[type='range'] {
  max-width: 400px;
}

.rangeslider__handle {
  border-radius: 0px;
  min-width: 20px;
  line-height: 42px;
  text-align: center;
}

/********** Alert message **********/
#modalContainer {
	background-color:rgba(0, 0, 0, 0.3);
	position:absolute;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	z-index:10000;
	background-image:url(images/bgcolor.jpg); /* required by MSIE to prevent actions on lower z-index elements */
}

#alertBox {
	position:relative;
	width:480px;
	min-height:150px;
	margin-top:80px;
	border:1px solid #666;
	background-color:#fff;
	background-repeat:no-repeat;
	background-position:20px 30px;
}

#modalContainer > #alertBox {
	position:fixed;
}

#alertBox h1 {
	margin:0;
	font:bold 0.9em Verdana,Arial,Helvetica,sans-serif;
	background-color:#3073BB;
	color:#FFF;
	border-bottom:1px solid #000;
	padding:2px 0 2px 5px;
}

#alertBox p {
	font: 1.4em Verdana,Arial,Helvetica,sans-serif;
	height:50px;
	margin-top:15px;
	padding-left:5px;
	margin-left:5px;
}

#alertBox #closeBtn {
	display:block;
	position:relative;
	margin:5px auto;
	padding:7px;
	border:0 none;
	width:70px;
	font:0.7em verdana,arial;
	text-transform:uppercase;
	text-align:center;
	color:#FFF;
	background-color:#357EBD;
	border-radius: 3px;
	text-decoration:none;
}

/* unrelated styles */

#mContainer {
	position:relative;
	width:600px;
	margin:auto;
	padding:5px;
	border-top:2px solid #000;
	border-bottom:2px solid #000;
	font:0.7em verdana,arial;
}

h1,h2 {
	margin:0;
	padding:4px;
	font:bold 1.5em verdana;
	border-bottom:1px solid #000;
}

code {
	font-size:1.2em;
	color:#069;
}

#credits {
	position:relative;
	margin:25px auto 0px auto;
	width:350px; 
	font:0.7em times;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
	height:90px;
	padding-top:4px;
}

#credits img {
	float:left;
	margin:5px 10px 5px 0px;
	border:1px solid #000000;
	width:80px;
	height:79px;
}

.important {
	background-color:#F5FCC8;
	padding:2px;
}

code span {
	color:green;
}

input, textarea { font: 1em/1.4 Helvetica, Arial; }
.placeholder { color: #aaa; }

.subHead,.othHead,.jnHead,.agHead,.artHead,.idxHead {
    color:#fff;
    font-size: 0.9em;
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    background-color:#166ba2;
    background:linear-gradient(bottom, #020031 0%, #166ba2 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#166ba2', endColorstr='#020031',GradientType=0);
    background: -ms-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    background:-moz-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    background:-webkit-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    background:-webkit-gradient(linear, left top, right top, color-start(1%,#166ba2), color-stop(100%,#020031));
    background:-o-linear-gradient(bottom, #020031 0%, #166ba2 100%);
    /*background-image:linear-gradient(2deg, rgba(255,255,255,0) 0%, rgba(0, 200, 255, 0.2) 50%, rgba(0, 200, 255, 0.2) 51%);*/
}

div#spinner
{
    display: none;
    width:100px;
    height: 100px;
    position: fixed;
    top: 50%;
    left: 50%;
    text-align:center;
    margin-left: -50px;
    margin-top: -100px;
    z-index:2;
    overflow: auto;
}
#gicon:hover{
    color:#dd4b39;
    cursor:pointer;
}
#ficon:hover{
    color:#3b5998;
    cursor:pointer;
}
#licon:hover{
    color:#007bb6;
    cursor:pointer;
}
#ticon:hover{
    color:#55acee;
    cursor:pointer;
}
#micon:hover{
    color:#2672ec;
    cursor:pointer;
}
#whatsnewlink{
    /*background-color:#0079a1;*/
    font-weight:bold;
    border-style: solid;
    border-width:thin;
    border-color:#B8B8B8;
    border-radius:5px 5px 5px 5px;
    padding:5px 0px 5px 0px;
}
#whatsnewlink:before{
    position:absolute;
    width : 30px;
    height:0;
    left :-30px;
    top :12px;
    border-width:20px 10px;
    border-style: solid;
    border-color:#B8B8B8;
    
}

#whatsnewlink > marquee > ul > li > a{
    color:#0079a1;
    text-align: center;
    white-space:nowrap;
}
/********************************************************/
/*
#mainspalsh
{
    height:314px;
    width:468px;
    margin:auto;
    position:relative;
    z-index:10;
    display:none;
	background: url(http://www.taxlawsonline.com/fs/resources/budget_2018-19.gif) no-repeat;
	border:5px solid #cccccc;
	border-radius:10px;
	margin-top: 100px;
	margin-left:calc(100vh - 200px);
    display:block;
    opacity:2;
    box-shadow: -8px 8px 10px 3px rgba(0,0,0,0.6);
    position:center;
}

.cancel
{
    display:block;
    position:absolute;
    top:0px;
    right:0px;
    background:rgba(0,0,0,0.2);
    color:black;
    height:30px;
    width:35px;
    font-size:20px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
}
*/

.cancel
{
    position:absolute; 
    top:-19px;
    right:-19px;
    border-radius:100%;
    border: 5px solid #7FB3D5;
    background: #154360;
    color:white;
    height:25px;
    width:30px;
    font-size:11px;
    text-decoration:none;
    text-align:center;
    font-weight:bold;
    
}
.cancel:hover {
  background:#7FB3D5;
}

.cls-lg
{
  width: 27%;
}