/*
direct element styles
*/

a, a img {
	color: #0096D6;
	outline: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
a:hover {
	text-decoration: none;
	color: #005ABB;
}
a img {
	border: none;
	outline: none;
}

body {
	margin: 0px;
	padding: 0px;
	font: 12px Calibri, Arial, sans-serif;
	color: #000;
	background-color: #eeeeee;
}
p {
	margin: 10px 0;
}
h1 {
	font-size: 26px;
	line-height: 26px;
	font-weight: normal;
	letter-spacing: -1px;
	text-transform: uppercase;
	box-sizing: border-box;
}
/*
end direct element styles
*/

/****** BASIC CLASSES ******/
.clear {
	clear: both;
}
.ccxl-note {
	font-size: 14px;
	color: #AAA;
	font-weight: lighter;
}
.ccxl-error {
	font-size: 14px;
	color: #FF0000;
	font-weight: lighter;
}
/****** END BASIC CLASSES ******/

/****** BUTTONS ******/
input[type="button"], input[type="submit"] {
	box-sizing: border-box;
	padding: 0 30px;
	height: 30px;
	border: none;
	font: 14px Calibri, Arial, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	vertical-align: middle;
	cursor: pointer;
	outline: none;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
/* ok */
.button-ok {
	color: #FFF;
	background-color: #008D43;
}
.button-ok:hover {
	background-color: #007737;
}
.button-ok:disabled {
	background-color: rgba(0, 0, 0, 0.20);
	color: rgba(0, 0, 0, 0.33);
}
/* end ok */

/* blue */
.button-blue, .button-apply {
	color: #FFF;
	background-color: #0096D6;
}
.button-blue:hover, .button-apply:hover {
	background-color: #0084BD;
}
/* end blue */

/* apply */
.button-apply {
	background: #0096D6 url(../images/icon-arrow-south.png) 80px 50% no-repeat;
}
/* end apply */

/* grey */
.button-grey {
	background-color: #F8F8F8;
	border: 1px solid #747679 !important;
	color: #747679;
}
.button-grey:hover {
	background-color:#DDD;
}
.button-grey:disabled {
	background-color: rgba(0, 0, 0, 0.20);
	color: rgba(0, 0, 0, 0.33);
}
/* end grey */

/* cancel */
.button-cancel {
	background: none;
	text-transform: none !important;
	margin-left: 20px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	color: #B20000;
	text-decoration: underline;
}
.button-cancel:hover {
	text-decoration: none;
}
/* end cancel */

/* arrow east */
.button-arrow-east {
	background: #0096D6 url(../images/icon-arrow-east.png) 50% 50% no-repeat;
}
/* end arrow east */

/* arrow west */
.button-arrow-west {
	background: #0096D6 url(../images/icon-arrow-west.png) 50% 50% no-repeat;
}
/* end arrow west */
/****** END BUTTONS ******/

/****** FORMS ******/
form {
	padding: 0;
	margin: 0;
}
::-webkit-input-placeholder {
 color: #444;
 opacity: 0.50;
}
:-moz-placeholder {
 color: #444;
 opacity: 0.50;
}
::-moz-placeholder {
 color: #444;
 opacity: 0.50;
}
:-ms-input-placeholder {
 color: #444;
}
input[type="text"], input[type="password"], textarea {
	background-color: #FFF;
	border: 1px solid #888888;
	font: 16px Calibri, Arial, sans-serif;
	color: #444444;
	box-sizing: border-box;
	padding: 0 10px;
	outline: none;
	vertical-align: middle;
}
input[type="text"], input[type="password"] {
	height: 30px;
}
select {
	box-sizing: border-box;
	background-color: #FFF;
	border: 1px solid #888888;
	font: 16px Calibri, Arial, sans-serif;
	color: #444444;
	outline: none;
	height: 30px;
	vertical-align:middle;
	min-width:50px;
}

select option {
	padding-left: 10px;
	padding-right: 100px;
}
select option:hover {
	background-color: #0095D9;
	color: #FFF;
}
input[type="radio"] + label {
	display: inline;
	padding-right: 30px;
	padding-left: 5px;
}
.ccxl-grid-form label {
	display: block;
	margin-bottom: 5px;
}
.ccxl-grid-form label .ccxl-note {
	float: right;
}
.ccxl-grid-form input[type="text"] {
	margin-right: 20px;
}
.txt-extension {
	margin-right: 5px !important;
}
.ccxl-swap-list, .ccxl-swap-buttons {
	display: table-cell;
	vertical-align: middle;
}
.ccxl-swap-buttons {
	padding: 25px 20px 0 20px;
}
.ccxl-swap-buttons input {
	display: block;
	margin: 10px 0;
}
/****** END FORMS ******/

/****** TABLES & GRIDS ******/
.ccxl-table, .ccxl-grid {
	font-size: 14px;
	border-collapse: collapse;
	margin: 10px 0;
	background-color: #FFF;
}
.ccxl-table thead tr th, .ccxl-grid thead tr th {
	background-color: #0095D9;
	color: #FFF;
	text-transform: uppercase;
	font-weight: bold;
	text-align: center;
	height: 30px;
	padding: 0 20px;
	border-left: 1px solid #4DB5E4;
}
.ccxl-table thead tr .align-right, .ccxl-table tbody tr .align-right, .ccxl-grid tbody tr .align-right {
	text-align: right;
}
.ccxl-table thead tr th:first-child, .ccxl-table tbody tr td:first-child {
	border-left: none;
} 
.ccxl-table tbody tr td {
	line-height: 30px;
	padding: 0 20px;
	text-align: left;
	border-left: 1px solid #CCCCCC;
}
.ccxl-table tbody tr .table-action {
	text-transform: uppercase;
	text-align: center;
}
.ccxl-table tbody tr:nth-child(odd) {
	background-color:#F2F4F4;
}
.ccxl-table tbody tr td input[type="text"], .ccxl-grid tbody tr td input[type="text"] {
	height: 24px;
	box-sizing:border-box;
	margin-top: -2px;
}
.ccxl-grid {
	border-bottom: 5px solid #FFF;
}
.ccxl-grid thead tr th {
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	text-align: left;
	border-left: none;
}
.ccxl-grid thead tr th img {
	vertical-align:middle;
	margin: -3px 0 0 10px;
}
.ccxl-grid tbody tr td {
	line-height: 30px;
	padding: 0 20px;
	text-align: left;
}
.ccxl-grid tbody tr td input[type="text"] {
	width: 65px;
}

/****** START TRANSACTIONS TABLE ******/
.transactions-table {
	font-size: 14px;
}

.transactions-table thead tr th {
	background-color: #0095D9;
	color: #FFF;
	text-transform: uppercase;
	height: 30px;
}

.transactions-table .data-header {
	background-color: #42a7f4;
	height: 50px;
	padding: 0 20px;
	border-left: 1px solid #4DB5E4;
}

#transactionsTable.transactions-table thead th{
	border-bottom:none;
}

.transactions-table thead tr th:first-child, .transactions-table tbody tr td:first-child {
	border-left: none;
} 

.transactions-table tbody tr td {
	line-height: 30px;
	text-align: center;
	border-left: 1px solid #CCCCCC;
}

.ccxl-grid {
	border-bottom: 5px solid #FFF;
}
.ccxl-grid thead tr th {
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	text-align: left;
	border-left: none;
}

.services-table {
	font-size: 14px;
}

.services-table thead tr th {
	background-color: #0095D9;
	color: #FFF;
	text-transform: uppercase;
	height: 30px;
}

.services-table .data-header {
	background-color: #0095D9;
	height: 50px;
	padding: 0 20px;
	border-left: 1px solid #4DB5E4;
}

#tableSimpleTransitServices.services-table thead th{
	border-bottom:none;
}

.services-table thead tr th:first-child, .services-table tbody tr td:first-child {
	border-left: none;
} 

.services-table tbody tr td {
	line-height: 30px;
	text-align: center;
	border-left: 1px solid #CCCCCC;
}
.rowServices {
	background-color: #FAFAFA;
}
.rowServicesOdd {
	background-color: rgba(244,248,250,1);
}
.ccxl-grid {
	border-bottom: 5px solid #FFF;
}
.ccxl-grid thead tr th {
	font-weight: normal;
	font-size: 16px;
	line-height: 12px;
	text-align: left;
	border-left: none;
}

td.details-control {
    background: url('../images/details_open_edited.png') no-repeat;
    background-position: 8% 50%;
}
tr.shown td.details-control {
    background: url('../images/details_close_edited.png') no-repeat;
    background-position: 8% 50%;
}

/****** END TRANSACTIONS TABLE
/****** END TABLES & GRIDS ******/

/****** HEADER ******/
#header-wrapper {
	width: 100%;
	background-color: #005ABB;
	height: 85px;
	display: flex;
  	justify-content: center;
  	margin:auto;
  	align-items: center;
}
#header {
	width: 95%;
	margin: 0 auto;
	font-size: 15px;
	color: #FFFFFF;
}
#logo {
	float: left;
}

#logo img {
	 width: 100%;
	  height: 40px;
}

#profile {
	float: right;
	padding: 30px 40px 0 0;
	box-sizing: border-box;
	background: url(../images/icon-profile.png) 100% 30px no-repeat;
	text-align: right;
	line-height: 15px;
}
#profile img {
	vertical-align: middle;
	padding-right: 5px;
}
#profile a {
	color: #FFF;
	font-size: 13px;
	opacity: 0.5;
}
#profile a:hover {
	opacity: 1.0;
}
/****** END HEADER ******/

/****** NAVIGATION ******/
#navigation-wrapper {
	width: 100%;
	background-color: #002F51;
	height: 35px;
}
#navigation {
	width: 1230px;
	margin: 0 auto;
	font-size: 14px;
	text-transform: uppercase;
	color: #4C6E87;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#navigation ul li {
	display: inline-block;
	padding: 0;
	margin: 0;
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-ms-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
	background-position: 8% 50%;
	background-repeat:no-repeat;

}
#navigation ul li + li::before {
	padding: 0;
	margin-left: -4px;
	content: "|";
	font-size: 11px;
}
#navigation ul li:hover, #navigation .current-page{
	background-color: #E8941A;
}
#navigation a {
	color: #FFF;
	box-sizing: border-box;
	text-decoration: none;
	line-height: 35px;
	display: inline-block;
	padding-right: 25px;
	padding-left: 50px;
	vertical-align: middle;
}

#tab-simple-transit {
	background: #002F51 url(../images/icon-nav-select.png);
}

#tab-terminals-by-carrier {
	background: #002F51 url(../images/icon-nav-weight.png);
}
#transit-times-tab {
	background: #002F51 url(../images/icon-nav-transit.png);
}
#select-transit-times-options-tab {
	background: #002F51 url(../images/icon-nav-transit-times.png);
	
}

#map-input-tab {
	background: #002F51 url(../images/icon-nav-map.png);
}

#manage-file-maps-tab {
	background: #002F51 url(../images/icon-nav-folder.png);
}

#select-transactions-tab {
	background: #002F51 url(../images/icon-nav-transactions.png);
}

/****** END NAVIGATION ******/

/****** CONTENT ******/
#content-header {
	width: 95%;
	height: 70px;
	margin: 20px auto 0 auto;
	background-color: #B9BABC;
	color: #FFF;
	text-transform: uppercase;
	box-sizing: border-box;
}
#content-header h1 {
	margin: 0;
	font-size: 26px;
	font-weight: normal;
}
#content-header h2 {
	margin: 0;
	font-size: 15px;
	font-weight: normal;
}
#content-header h2::after {
	content: ' //';
}
#content {
	width: 95%;
	margin: 0 auto;
	background-color: #FFF;
	box-sizing: border-box;
	padding: 20px;
}
#content > p {
	margin-top: 0;
}
.content-section {
	background-color: #F4F8FA;
	font-size: 16px;
	margin-top: 20px;
	/* border-bottom: 1px solid #CCCCCC; */
}
.content-section h2 {
	display: block;
	margin: 0;
	font-weight: normal;
	font-size: 18px;
	color: #002D53;
	text-transform: uppercase;
	border-top: 2px solid #002F51;
	background-color: #FAFAFA;
	border-bottom: 1px solid #CCCCCC;
	line-height: 31px;
	padding-left: 20px;
}
.content-section-contents {
	box-sizing: border-box;
	padding: 20px;
	/*
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	*/
}

#content-footer {
	height: 30px;
	background: url(../images/drop-shadow.png) top center no-repeat;
}
/* buttons */
.content-buttons {
	text-align:center;
	padding: 20px 0 0 0;
}
.content-buttons input {
	margin: 0 10px;
}
/* end buttons */
/****** END CONTENT ******/

/****** SELECT DATA MODULES PAGE ******/
.content-header-select {
	background: url(../images/icon-title-select.png) -5px -5px no-repeat;
	padding: 20px 0 0 100px;
}



#content-container-simple-transit select{
	z-index: 30;
	position:relative;
}
#content-container-terminals-by-carrier select{
	z-index: 30;
	position:relative;
}
/****** END SELECT DATA MODULES PAGE ******/

/******* begin weight break page *********/
.content-header-wbks{
	background: url(../images/icon-title-weight.png) -5px -5px no-repeat;
	padding: 20px 0 0 100px;
}

.smc-subsection .button-apply#dmc-wb-apply-btn{	
	background-image: url("../images/icon-arrow-east.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 136px 50%;
}

.smc-subsection .button-apply#dmc-ce-apply-btn{	
	background-image: url("../images/icon-arrow-east.png");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: 136px 50%;
}



/******* end weight break page *********/

/****** SELECT SCACs PAGE ******/
.content-header-select-scacs {
	background: url(../images/icon-title-transit.png) -5px -5px no-repeat;
	padding: 20px 0 0 100px;
}

.smc-scac-mover-btns{	
	text-align:center;
	top:86px;
}
.smc-scac-mover-btns input{	
    margin: 10px 0;
}

#selectScacs-content-container{
	margin: 0 auto;
}

#selectScacs-content-container select{
	width:383px;
	z-index: 30;
	position:relative;
}

#licensedScacs:disabled{
	background-color: #E4E4E4;
}

#smc-selected_scacs:disabled{
	background-color: #E4E4E4;
}


.isNotLicensed:disabled{
	background-color: #E4E4E4;
}

/****** END SELECT SCACS PAGE ******/

/******* begin transit time options page *********/
.content-header-tto{
	background: url(../images/icon-title-transit-times.png) -5px -5px no-repeat;
	padding: 20px 0 0 100px;
}

#selectScac{/*top select box of dms*/
	min-width:400px;
}

/******* end transit time options page *********/


/***** beging upload and map input page *****/
.content-header-upload{
	background: url(../images/icon-title-map.png) -60px -5px no-repeat;
	padding: 20px 0 0 110px;
}

.smc-subsection-head>a>img{
	margin: 0 0 -5px 7px;
}

#smc-density-options-sect-left select,
#smc-density-options-sect-right select,
#smc-upload-delim-sect select, 
#smc-input-mapping-sect select, 
#smc-upload-delim-sect input[type="text"], 
#smc-input-mapping-sect input[type="text"] {
	width:335px;
}

#smc-file-input-display-box{
	margin-right:10px;
}

#smc-mapping-table-sect input, #smc-mapping-table-sect select{
	max-width:335px;/*user input effects the width, dont want it to be huge if user has a huge column. */
	min-width:200px;
}

#selectClassWeightCombinations:disabled {
	background-color: #E4E4E4;
}


/***** end upload and map input page *****/


/******* end transaction summary page *********/

/*********support page **********/
.content-header-support{
	background: url(../images/icon-title-question-mark.png) 2px -10px no-repeat;
	padding: 20px 0 0 90px;
}

/********* end support page **********/

.global-nav{
		/*background: none repeat scroll 0 0 rgba(0, 0, 0, 0.20);*/	
		background-color:#ffffff;
		padding:3px 0 0 277px;
		height:80px;
		/*box-shadow:0 0 5px;*/
		position:relative;
}

.smc-logo{
	background:url("../images/smc3logo.png") no-repeat;
	height:64px;
	width:318px;
	display:inline-block;
}

.ccxl-logo{
	font-size:1.9em;
	font-weight:bold;
	color:#6a6a6a;
	font-style:italic;	 
	padding-top:8px;
	padding-bottom:6px;
	display:inline-block;
}

.global-nav .gn-line{
	height:1px;
	background: none repeat scroll 0 0 #aaaaaa;
}


.global-nav .gn-tab-bar{
	
}

.global-nav .tab-selector{	
	max-width:200px;
	color: #6a6a6a;
	display:inline-block;	
	padding: 2px 13px;
	font-size:1.2em;
	user-select:none;
	-moz-user-select: none;
	
}

.global-nav .tab-selector:hover {
	background: none repeat scroll 0 0 #0085cc;
	color:white;
	font-size:1.2em;
	cursor:pointer;
	user-select:none;	
}

.global-nav .smc-logout{
	float:right;
	padding:16px 132px 0 0;
}

.smc-title-text{
	color:rgb(0,90,187);
	font-size: 1.4em;	
}

.smc-light-text{
	color:#5a5a5a;
	font-size:.75em;
}

span.smc-required, div.smc-required{
	color: #FF3300;
}

.smc-ipt, .smc-cmbox{
	border: 1px solid;
	/*border-radius: 9px;*/
	height:27px;
	width:200px;
	border-color: rgba(0, 0, 0, 0.15);
}

input.smc-invalid, select.smc-invalid{
	/*background-color:rgba(255, 49, 100, 0.08);*/
	border-color: rgba(255, 49, 100, 0.80);
	/*font-weight: bold;*/
}

.smc-ipt:hover, .smc-cmbox:hover, .smc-selectboxes:hover{
	border:1px solid rgba(0, 0, 0, 0.41);	
}	

.smc-ipt:focus, .smc-cmbox:focus, .smc-selectboxes:focus{
	border-color:#4285f4;
	outline:none;/*this is for chrome and webkit default browsers. they like to highlight focused things weirdly.*/	
}

.smc-label{
	padding-top:15px;
}

.smc-form-error{
	/*this class used to mark a
	spring error so that the front end can grab it. */
	display:none;
}
.smc-btn{
	border:1px solid rgba(0, 0, 0, 0.27);
	background-color: rgba(0, 0, 0, 0.08);
	/*border-radius:3px;*/	
	display:inline-block;	
	color:rgba(0, 0, 0, 0.71);	
	cursor:pointer;
	padding: 7px 15px;
}

.smc-btn:disabled{
	background-color: rgba(0, 0, 0, 0.20);
	color: rgba(0, 0, 0, 0.33);
}

.smc-btn > span{
	cursor:pointer;
}

.smc-btn:hover{	
	border:1px solid rgba(0, 0, 0, 0.41);
	color:#000000;
}

.smc-btn:hover:disabled{	
	border:1px solid rgba(0, 0, 0, 0.27);	
	color: rgba(0, 0, 0, 0.33);
}

.smc-file-marker {
    background: white none repeat scroll 0 0;
    border: 1px solid rgba(0, 0, 0, 0.27);
    display: inline-block; 
    margin-left: 133px;
    min-width: 250px;
    max-width:450px;
    padding: 2px 15px;
}

.smc-file-marker>span{
	padding-right:10px;
	word-wrap:break-word;
}

.smc-file-marker>a{	
	text-align:right;
	float:right;	
	display:none;
	text-decoration:none;
}

.smc-hidden{
	display:none;
}

.smc-zerosize{	 
	opacity:0;	
}

.smc-zerosize>input{
	height:1px;
	width:1px;
}

.smc-row{	
    
}

.smc-left{
	float:left;
}

.smc-right{
	float:right;
}
.smc-relative{
	position:relative;
}
.smc-col-50{
	width:50%;	
	float:left;
}

.smc-selectboxes{	
	height: auto;	
}
.smc-selectboxes-small{	
	height: auto;	
}
.smc-clear{
	clear:both;
}

.smc-inline-bl{	
	display:inline-block;
	margin-right: 20px;	
}

#smc-density-options-sect  .smc-inline-bl{
	vertical-align: top;
}

/****subsection******/
.smc-subsection{
	display:inline-block;
	background-color:#fff;
	font-size:.88em;
	margin-top: 15px;
}

.smc-subsection select option{
	padding-right:25px;
}

.smc-subsection input{
	width:160px;
	margin-right:10px;
}

.smc-subsection-head{
	font-size:1.15em;
	text-align:left;
	font-weight:normal;
	background-color: #0095d9;
	padding: 0 20px;
	height: 30px;
	text-transform: uppercase;
	color: #fff;	
}

.smc-subsection-head>span {
	vertical-align: middle;
}

.smc-subsection-body{
	padding: 0 20px;	
}

.smc-subsection-col{
	float:left;
	margin-right: 100px;
	margin-bottom:20px;
}

.smc-subsection-col:last-of-type{
	margin-right:0px;	
}

/****end subsection******/

/*begin overlay section*/

#smc_overlay_bg{
	background-color: #000000;
    display: block;
    height: 100%;
    left: 0;
    opacity: 0.75;
    filter:Alpha(Opacity=75);
    overflow: hidden;
    position: fixed;
    top: 0;
    visibility: visible;
    width: 100%;
    z-index: 10000;
}


#smc_dialog{	
    clear: both;
    display: none;
    left: 0;
    position: absolute;
    text-align: left;
    top: 0;
    visibility: visible;
    z-index: 10001;
}

#smc-olay-close{
	display: inline;
	background: rgba(0, 0, 0, 0) url("../images/icon-modal-close.png") no-repeat scroll 100% 0;
    height: 36px;
    outline: medium none;
    right: -17px;
    top: -18px;
    width: 36px;
	border: 0 none;    
    margin: 0;
    overflow: visible;
    padding: 0;
    position: absolute;
    text-indent: -9999px;    
}

.smc_overlay_title {	
    padding-left: 70px;
	background-color: #005abb;    
    display: block;
    height: 70px;
    line-height: 70px;
    margin: 0;
	box-sizing: border-box;
    font-size: 26px;
    font-weight: normal;
    letter-spacing: -1px;    
    text-transform: uppercase;    
    
    /*border: 0 none !important;
    color: #FFFFFF;
    height: 48px;
    line-height: 26px;
    overflow: hidden;
    padding: 0 0 0 16px !important;
    position: relative;
    background-color:grey;
	font-size: 1.8em*/
}

.smc_title_icon_mark{
	background-image: url("../images/icon-title-question-mark.png");
    background-position: -5px center;
    background-repeat: no-repeat;
}

.smc_title_swap{
    background-image: url("../images/icon-title-map.png");
    background-position: -67px center;
	background-repeat:no-repeat;
}

.smc_otitle{
	color: #fff;
	line-height: 26px;
}

.smc-obody{
	background: none repeat scroll 0 0 #FFFFFF;
	padding:20px;
	min-height:148px;
	font-size: 16px;
}

/*end overlay section*/


@media all and (min-width:985px){ /**Large Screens**/

	/* removing this styling because it is going to be no longer needed after applying styling from contractor. 
	however, the class is selected on so it cannot be removed from div's without refactoring. 
	.body-wrapper{
		margin:0 auto;
		width:985px;
		text-align:left;
		background-color:#eeeeee;
		padding: 20px;
		
	}*/
}

@media all and (max-width:984px){  /**small Screens**/ 
	/* removing this styling because it is going to be no longer needed after applying styling from contractor. 
	however, the class is selected on so it cannot be removed from div's without refactoring.
	.body-wrapper{
		margin:0 auto;	
		text-align:left;
		background-color:#eeeeee;
	}*/
}

/****** FOOTER ******/
#footer {
	width: 1210px;
	margin: 0 auto;
	text-align: center;
	color: #777777;
	font-size: 14px;
	box-sizing: border-box;
	padding-bottom: 40px;
}
#footer a {
	color: #777777;
}
#footer a:hover {
	color: #000000;
}
#footer ul {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	text-align: center;
}
#footer ul li {
	display: inline-block;
}
#footer ul li + li::before {
	padding: 0 30px;
	content: "|";
	font-size: 11px;
}
#footer img {
	opacity: 0.50;
	filter: alpha(opacity = 50);
	display: inline-block;
	margin: 40px 0 5px 0;
}
#footer img:hover {
	opacity: 1.00;
	filter: alpha(opacity = 100);
}
#copyright {
	font: 11px Arial, sans-serif;
}
/****** END FOOTER ******/
.dynamicCompanyFileMaps{/****** Used to remove and add options in company file maps ******/
	
}

/** jquery ui overrides **/

.ui-datepicker select{
	min-width:0;
	vertical-align: top;
}
.pDatagroupInfo{
	margin:0px;
	padding:0px;
}
.tdFormInputs{
	text-align:right;
}
.spinnerClass{
	background: #ffffff;
	position: absolute;
	top: 450px;
	right: 0;
	bottom: 0;
	left: 0;
	width:100%;
	height:100%;
	text-align: center;
	opacity: 0.8;
}
li {
    display: list-item;
    font-size: 12px;
    text-align: -webkit-match-parent;
}
/** end jquery ui overrides **/