html{
	border:0;
	margin:0;
	padding:0;
	height:100%
}

@media screen {
	body{
		border:0;
		margin:0;
		padding:0;
		font-size:.75em;
		font-family:Arial, Helvetica, sans-serif;
		color:#25282a;
		height:100%;
		width:99%;
		background-color: #FFF;
	}
	.SmallCopyright{
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 9px;
        color: #000000;
        direction:ltr;
        text-align:left;
	}
}

@media print {
	body{
		border:0;
		margin:0;
		padding:0;
		font-size: 1.1em;
		font-family:Arial, Helvetica, sans-serif;
		color:#25282a;
		height:100%;
		width:99%;
		background-color: #FFF;
	}
	.SmallCopyright{
        font-family: verdana, arial, helvetica, sans-serif;
        font-size: 9px;
        color: #000000;
        direction:ltr;
        text-align:left;
	}
}

@font-face {
	font-family: 'AllianceNo.1-Light';
	src: url('../fonts/Merative-Styles/woff2/AllianceNo.1-Light.woff2') format('woff');
}

@font-face {
	font-family: 'AllianceNo.1-Regular';
	src: url('../fonts/Merative-Styles/woff2/AllianceNo.1-Regular.woff2') format('woff');
}

@font-face {
	font-family: 'AllianceNo.1-Bold';
	src: url('../fonts/Merative-Styles/woff2/AllianceNo.1-Bold.woff2') format('woff');
}

a:link,a:visited{
	color:#0072ce;
	text-decoration:none
}

a:hover{
	color:#0072ce;
	text-decoration:underline;
}

#footerNav{
	width:99%;
	vertical-align:middle;
}

.footer{
	font-size:.9em;
	text-align:left;
	padding-top:75px;
	margin-left:10px;
	vertical-align:middle;

}

#footerNav a{
	margin-right:10px;
	color:#ffffff
	text-decoration:none;
	
}

#footerNav a:link{
	margin-right:10px;
	color:#ffffff;
	text-decoration:none;
	
}
#footerNav a:visited{
	margin-right:10px;
	color:#ffffff;
	text-decoration:none;
	
}
#footerNav a:hover{
	margin-right:10px;
	color:#ffffff;
	text-decoration:underline;
	
}

.linkMenuPiped ul{
	display:inline;
	margin-left:0;
	padding-left:0
}
.border_yellow strong{
	font-size:14px;}
.linkMenuPiped ul li{
	list-style-type:none;
	display:inline;
	font-size:1.2em;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	margin-left:0;
	padding-left:10px;
	padding-right:5px;
	border-left:1px solid #828282
}

.linkMenuPiped ul li.firstLI{
	margin-left:0;
	border-left:none;
	list-style-type:none;
	display:inline;
	padding-left:0
}

.linkMenuPiped ul li.firstLI a:link{
	color:#25282a
}

.linkMenuPiped ul li.firstLI a:hover{
	color:#0072ce
}

.appBottomLink{
	color:#25282a;
	text-align:center;
	font-size:13px!important;
	padding-right:0!important
}

.appBottomLink a:link{
	color:#25282a
}

.appBottomLink a:hover{
	color:#0072ce;
	text-decoration:underline;
}

#footLogo{
	width:213px
}

.copyrightFooter{
	text-align:left;
	text-transform:none;
	margin:0 10px 0 0;
	color:#25282a;
	font-size:13px;
	font-family: Arial, Helvetica, sans-serif
}
.printcopyrightFooter{
	text-align:center;
	color:#25282a;
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif
}

.grayBackground {
	background-color: #2e008b
}

.ltgrayBackground {
	background-color: #e3e5e5
}

.whiteBackground {
	background-color: #ffffff
}

.transparentBackground {
	background-color: transparent;
}

.offsetLtgrayBackground {
	background-image: linear-gradient(left, transparent 35.75%,#e3e5e5 35.75%, #e3e5e5 100%);
	background-image: -webkit-linear-gradient(left, transparent 35.75%,#e3e5e5 35.75%, #e3e5e5 100%);
	background-image: -moz-linear-gradient(left, transparent 35.75%,#e3e5e5 35.75%, #e3e5e5 100%);
	background-image: -ms-linear-gradient(left, transparent 35.75%,#e3e5e5 35.75%, #e3e5e5 100%);
	background-image: -o-linear-gradient(left, transparent 35.75%,#e3e5e5 35.75%, #e3e5e5 100%);
}

.ledgerStyleBackground {
background-image: url('../images/english/graybackground.png');
background-repeat: no-repeat;
background-position-x: 100%;
background-size: 64.25% auto;
}


.whiteHead {
	font-family: arial, helvetica, sans-serif;
	font-size: 16px;
	color: #ffffff;
	/* text-transform: uppercase;*/
}

.whiteHead1 {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #4b4b4b;
	text-transform: uppercase;
	padding-bottom:2px;
}

#outage {
color:red;
font-weight:bold;
}

.error {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	color: #ff0000
}

.border_grey {
	border: #25282a 1px solid;
	padding-left: 2px;
	padding-right: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
	background-color: #d3d4d4
}

.blackHeading {
	font-family: arial, helvetica, sans-serif;
	font-size: 14px;
	color: #000000
}

.smallLink {
	font-family: arial, helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
}
.smallLink a:hover{
	color: #ffffff;
	text-decoration: underline;}

.small {
	font-family:  arial, helvetica, sans-serif;
	font-size: 9px
}

.indent_medium {
	padding-left: 30px
}

.white {
	font-family: arial, helvetica, sans-serif;
	color: #ffffff;
}

.white:link {
	color: #ffffff;
	text-decoration: none;
}

.white:hover {
	color: #ffffff;
	text-decoration: underline;
}
.white:visited{
	color: #ffffff;
	text-decoration: none;
}
.orange {
	color: #FF8000;
}

.disabled {
	color: #515355;
}

.gray {
	color:#515355;
}

.selected {
	color:#25282a;
	font-weight:700;
	text-decoration:none
}

/*------------STYLES FOR ARROW SLIDING DOOR BUTTONS-----------*/
.button2 {
    background: transparent url('../images/english/orange_arrow_tip2.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    font: bold 12px arial, sans-serif;
	/* text-transform:uppercase; */
    height: 25px;
    margin-right: 6px;
    padding-right: 10px; /* sliding doors padding */
    text-decoration: none;
}

.button2 span {
    background: transparent url('../images/english/orange_arrow_shaft2.png') no-repeat;
    color: #FFFFFF;
    display: block;
    line-height: 13px;
    padding: 5px 10px 7px 15px; /*line height + padding should = a.button height. */
} 

.button2:hover {
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}

.button2:hover span {
    background-position: bottom left;
    padding: 6px 10px 6px 15px; /* push text down 1px */
} 

ul.tab, ul.tab li {
	border:0; 
	margin:0; 
	padding:0; 
	list-style:none;}

ul.tab	{
	border-top:solid 1px #515355;
	border-bottom:solid 1px #515355; 
	height:30px !important;
	padding:2px 0; 
	background-color:#fff;
	/*padding-left:20px;*/}
	
ul.tab li {
	float:left; 
	margin-right:2px;
	padding-right:2px;
	border-right:1px solid #515355;}
	
ul.tab li.last {border-right:none !important;}
	
.tab a:link, .tab a:visited {
	color:#25282a;
	background-color:#fff;
	display:lightgray;
	height:30px;
	line-height:30px;
	text-decoration:none;
	padding-right:14px;
	padding-left:14px;
	cursor:pointer;}
	
.tab a span {
	background-color:#ffffff;
	display:lightgray;
	height:30px;
	padding-right:14px;
	padding-left:14px;}
	
.tab a:hover {
	background-color:#0072ce;
	color:#fff;
	display:block;}
	
.tab a:hover span {
	background-color:#e3e3e3;
	color:#000000;
	display:block;}

/*======== ACTIVE TAB =========*/
.active a:link, .active a:visited, .active a:visited {
	color:#25282a;}
 .active a:hover{
 color:#fff;
 }	 
.active a span, .active a:hover span {
	color:#25282a;
	}

.cnlogo{
	color: #2E008B;
	padding-left:10px;
	padding-top:15px;	
}
.cnlogoText{	
	font-family: "AllianceNo.1-Bold";
	font-size: 19px;
}
.cnBrandText{
	font-family: "AllianceNo.1-Light";
	font-size: 19px;
}
.superR{
	font-family: "AllianceNo.1-Regular";
	font-size: 12px;
	vertical-align: super;
} 
.headerRight{
	color: #25282a;
	margin-right:2px;
	padding-right:8px;
	padding-top:10px;
	border-right:1px solid #515355;
	
}


.headerRight a{
	color: #25282a;
	float:left; 
	margin-right:2px;
	padding-right:8px;
	padding-top:10px;
	border-right:1px solid #515355;
}

headerRight.last {
 	color: #25282a;
	float:left; 
	margin-right:2px;
	padding-right:2px;
	border-right:none !important;}

.headerRight  a:hover{
	color:  #0072ce;
	float:left; 
	margin-right:2px;
	padding-right:8px;
	padding-top:10px;
	border-right:1px solid #515355;
	text-decoration:underline;
}
.care{
	padding-right:10px;
	padding-left:10px;
	padding-bottom:10px;
	padding-top:10px;
	color:orange;
	font-size: 16px
}
.careNotesLogo{
	color:#2e008b;
	font-weight:bold;
	font-size:16px;
	padding-bottom:10px;
	padding-top:10px;
}

.line {
	float:left; 
	margin-right:2px;
	padding-right:2px;
	padding-top:14px;
	border-right:1px solid #515355;}
	
 
.headerLogo{
	padding-top:20px;
	padding-left:6px;
	margin-left:10px
}

.headerRightLinks a{
	color: #25282a;
	text-decoration: none;
}

.headerRightLinks a:HOVER {
	color:#0072ce;
	text-decoration: underline;
}

/*********** Search Button  *************/
input.smallBtn {
	width:124px;
	height:31px;
	color:#FFFFFF;
	display: block;
	font-family:arial, sans-serif;
	font-size:12px;
	font-weight:400;
	border:0;
	background:url(../images/english/orange_arrow_tip2.png) scroll top right no-repeat;
	padding-right: 10px; /* sliding doors padding */
	text-decoration: none;
  }
input.smallBtn:hover {
	background-position: bottom right;
    color: #FFFFFF;
    outline: none;
}

input.smallBtn:span {
	background:url(../images/english/orange_arrow_shaft2.png)  no-repeat;
	display: block;
    line-height: 13px;
    padding: 5px 10px 7px 15px;
   }

input.smallBtn:hover span {
	background-position: bottom left;
    padding: 6px 10px 6px 15px;
}


.button2:hover span {
    background-position: bottom left;
    padding: 6px 10px 6px 15px; /* push text down 1px */
    
}
.darkBorder{
border: #2e008b 1px solid; 
}

.printListTable {
position: absolute;
right: 15px;
margin-top: -25px;
}
/*********** Progressbar  *************/
.progressbar {
margin-left: 0px;
padding-left: 0px;
font-size: 13px;
line-height: 1.5;
}
.progressbar li {
padding: 12px 12px 10px 12px;
margin-right:5px;
background:#f7f8f8;
position:relative;
display:inline-block;
}
.progressbar li .beforeLi {
width:0px;
height:0px;
border-top: 21px inset transparent;
border-bottom: 21px inset transparent;
border-left: 20px solid #fff;
position: absolute; content: "";
top: 0;
left: 0;
}
.progressbar li .afterLi {
width:0px;
height:0px;
border-top: 21px inset transparent;
border-bottom: 21px inset transparent;
border-left: 20px solid #f7f8f8;
position: absolute;
content: "";
top: 0;
right: -20px;
z-index:2;
}
.progressbar li:first-child .beforeLi {
border:none;
}
.progressbar li:last-child .afterLi {
border:none;
}
.progressbar li:first-child {
-moz-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}
.progressbar li:last-child {
-moz-border-radius: 0 4px 4px 0;
-webkit-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}
.progressbar .badge {
margin:0 5px 0 18px;
position:relative;
top:-1px;
}
.progressbar span.badge{
border-radius: 10px;
padding: 0 5px 0 5px;
color:#d6d6d6;
background-color:#7e8c8d;
}
.progressbar li:first-child .badge {
margin-left:0;
}
.progressbar li.badge {
margin-left:0;
}
.progressbar .current {
background:#1675be;
color:#fff;
}
.progressbar .current .afterLi {
border-left-color:#1675be;
}
.progressbar .complete {
background:#7e8c8d;
color:#fff;
cursor: pointer;
}
.progressbar .complete .afterLi {
border-left-color:#7e8c8d;
}
.progressbar .complete .badge {
background: #d6d6d6;
color:#666;
}
.progressbar .current .badge {
background: #fff;
color:#666;
}

.previewIcon {
background: url('../images/english/icon_preview-20.png') no-repeat left top;
width: 20px;
height: 20px;
position: absolute;
margin-top: 0;
margin-left: 7px;
cursor: pointer;
}
#previewDialog {
padding: 10px;
background:#fff;
}
#previewDivContent {
width: 100%;
height: 100%;
border: none;
overflow-x: hidden;
}
#previewDivContent #docContent {
font-size: 9pt;
}
#previewDivContent #docContent #copyrightDisplay {
font-size: 9px;
}
#docContent b::after {
content: " "; 
}
#copyrightDisplay {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
color: #000000;
direction:ltr;
text-align:left;
}
.previewWidget {
border: 4px solid #7f7f7f !important;
border-top: none !important;
padding: 0 !important;
border-radius: 0 !important;
}
.previewWidget .ui-dialog-titlebar {
background: #7f7f7f;
border-radius: 0;
border:none;
text-align: right;
}
.previewWidgetLink {
color: #fff !important;
margin-left: 15px;
cursor: pointer;
}
.previewWidgetLink:hover {
text-decoration: none;
} 
.ui-dialog-titlebar-close{
outline:none;
}
#overlay {
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
background: #fff;
}
#overlay #loading {
background: url('../images/english/ajax-loader.gif');
width: 55px;
height: 55px;
position: absolute;
top:50%;
left:50%;
margin: -28px 0 0 -25px;
}

#overlay #nodata {
position: absolute;
top: 50%;
left: 50%;
margin: -28px 0 0 -55px;
font-weight: bold;
}

.selectDocs {
width: 100%;
}

.selectDocsTitle {
padding-left: 10px;
width: 35%;
text-align: left;
max-width: 549px;
}

.selectDocsType {
width: 25%;
text-align: left;
}

.selectDocsCheckbox {
width: 3%;
text-align: center;
}

.selectDocsLang {
width: 18%;
text-align: left;
}

.selectDocsPreview {
width: 12%;
}

.selectDocs>div {
display: inline-block;
}

div.selectDocsTitle, div.selectDocsType, div.selectDocsLang{
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
vertical-align: text-top;
}

.selectDocsFirstType {
padding-top: 3px;
padding-bottom: 3px;
}

.selectDocsBody {
padding-top: 0;
}
.selectDocsBodyBorder {
border-bottom: 1px solid #e3e5e5;
}

.selectDocsBody div.selectDocsFirstTitle:first-child {
margin-top: 0px;
border-top: none;
}

.selectDocsBody div.selectDocsFirstTitle {
margin-top: 10px;
border-top: 1px solid #ddd;
}

.selectDocsBody div.selectDocsPreview  span {
top: -15px;
}

.selectDocsBody div.selectDocsPreview {
width: 20px;
position: relative;
}

.selectDocsHeader>div {
display: inline-block;
}

div.selectDocsHeader {
background-color: #2e008b;
font-weight: bold;
color: #ffffff;
padding: 5px 0;
}

.selectDocsHeaderAction>div {
display: inline-block;
}

.selectDocsHeaderAction > .selectDocsCheckbox {
vertical-align: middle;
}

div.selectDocsHeaderAction {
background-color: #d6d6d6;
color: #333333;
font-size: 13px;
padding: 3px 0;
}

div.selectDocsHeaderAction div.selectDocsType>div>a,div.selectDocsHeaderAction div.selectDocsLang>div>a {
background-color: #fff;
color: #7e8c8d;
}

/*---  new for dropdown ---*/
.refineButtonLabel {
float: left;
padding-top: 5px;
padding-right: 5px;
font-size: .9em;
color: #7e8c8d;
padding-left: 5px
}

.refineButton {
border: #000 1px solid;
color: #000;
display: inline-block;
height: 18px;
padding-top: 3px;
padding-right: 15px;
padding-left: 6px;
width: 85%;
min-width: 125px;
font-size: .9em
}

.refineButton a:link {
color: #000;
text-decoration: none;
}

.refineButton:link {
color: #000;
text-decoration: none;
background: transparent url(../images/english/button_dropdown.png) no-repeat right 5px center;
}

.refineButton:hover{
color:#000;
text-decoration: none;
}

.refineDialog {
font-size: .9em;
border-bottom: 1px solid #515355;
color: #515355;
padding-bottom: 2px
}

.refineOpts {
background-color: #fff;
color: #515355;
display: none;
position: absolute;
width: auto;
border: 1px solid #7e8c8d;
padding: 5px;
font-size: .9em;
z-index: 5
}

.refinePadding {
padding-top: 2px
}

#languageDiv {
padding-bottom: 5px;
}

#languageDiv div {
width:125px !important;
}

#languageDiv label {
display: block;
white-space: nowrap;
margin-right: 5px;
}

#docTypeDiv label {
display: block;
}

#docTypeDiv {
padding-bottom: 5px;
}

.selectDocsSaveNotes {
font-weight: bold;
}

.label {
border: none;
outline: none;
font-weight: bold;
background: transparent !important;
color: #000 !important;
margin-left: -6px;
font-size: 1.1em;
display: block;
white-space: nowrap;
cursor: default;
}
.boldText {
font-weight: bold;
}
.searchTermForTitleListBar{
background:#1675be;
width:100%;
align:left;
}
.searchTermSpacer {
height:.2em;
background:#fff;
width:100%;
}
.medium {
font-family:  arial, helvetica, sans-serif;
font-size: 12px
}

.progressbar .noLink {
background:#f7f8f8;
color:#25282a;
}

.linkText{
	font-family: arial, helvetica, sans-serif;
	font-size: .75em;
	color: #25282a;
}
