.warning 
{
	color:#ee5500;
}

.scrollableList
{
	border:solid 1px black;
	background-color:#eeeeee;
	padding:2px 5px; 
}

img
{
	border-style:solid;
	border-width:0px;
}

/* EFFECTS */
.visible {
  visibility: visible;
  opacity: 1;
  transition: opacity 2s linear;
}

.ui-disabled {
	color: white;
	background-color: lightblue !important;
}

.ui-slider {
	height: 100%;
}
.ui-slider-vertical {
	width: 1px;
}
.ui-slider-handle {
	background: transparent url("/pix/arrow.png") repeat-x scroll 50% 50% !important;
	border: medium none !important;
	left: 0 !important;
}

.ui-tabs-active {
    border: 1px solid #b2b2b2 !important;
    background: #c2c2c2 !important;
}

.ui-autocomplete .ui-state-active div div a:link,
.ui-autocomplete .ui-state-active div div a:hover,
.ui-autocomplete .ui-state-active div div a,
.ui-autocomplete .ui-state-active div div img {
    color: black !important;
}

.strikeout {text-decoration:line-through;}

.hidden {
  visibility: hidden;
  opacity: 0;
  transition: visibility 0s 2s, opacity 2s linear;
}

.highlight {
	background-color: #F7F778 !important; /* IE */
	background-color: rgba(255, 255, 0, 0.5) !important; /* Everyone else */
}


/*jquery.tooltip plugin*/
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 2px 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.5);
	font-family: Arial, Sans-Serif;
	font-size:9px;
	font-weight:normal;
	color:Black;
}
#tooltip h3, #tooltip div { margin: 0; }

.homeNewspaperLink
{
	color:#292929;
}

td { padding: 0; }

/* transfer effect for dialog */
.ui-effects-transfer { border: 2px dotted gray; }

/*javascript dropdown menu*/
ul.menu {list-style:none; margin:0; padding:0; }
ul.menu * {margin:0; padding:0; font-size:11px;}
ul.menu a {display:block; color:White; text-decoration:none;}
ul.menu li {position:relative; float:left; margin-right:0px; width:100%; }
ul.menu ul {position:absolute; top:24px; left:0; background:#d1d1d1; display:none; opacity:0; list-style:none; width:220px;}
ul.menu ul li {position:relative; margin:0; white-space:nowrap; overflow: hidden; width:220px; text-align:left;}
ul.menu ul li a {display:block; padding:3px 7px; background-color:#EBEBE1; border-style:dashed; border-width:1px 0px 0px 0px; border-color:white; color:#706F6F; }
ul.menu ul li a:hover, ul.menu .topline a:hover, ul.menu .bottomline a:hover { background-color:#C6C3B3; background-image:none; color:White; }
ul.menu ul ul {left:148px; top:-1px;}
ul.menu .menulink, ul.menu .menulinkSelected {border:0px solid #aaa; padding:4px 0px; font-weight:normal; white-space:nowrap; }
ul.menu .menulinkSelected {background-image:url('/datanas/pb/web/pagestyle/menuBackOn.jpg'); background-color:#757575;}
ul.menu .menulink:hover, ul.menu .menulinkSelected:hover, ul.menu .menuhover {background-color:#696969; background-image:url('/datanas/pb/web/pagestyle/menuBackHover.jpg');}
/*ul.menu .sub {background:#d1d1d1 url(images/arrow.gif) 136px 8px no-repeat;}*/
ul.menu .topline a {border-top-width:0px; background-image:url('/datanas/pb/web/pagestyle/menuSubTop.jpg'); }
ul.menu .bottomline a {border-bottom-width:0px; background-image:url('/datanas/pb/web/pagestyle/menuSubBottom.jpg'); }

ul.menu .subMenuHeading { font-weight:bold; display:block; padding:1px 6px; background-color:#706F6F; color:White; text-align:left; border:0px solid #aaa; border-top:none; }

/* Unavilable Menu PopUp */
.unavailable { position: absolute; visibility: hidden; z-index: 9999; }
.unavailable td { padding: 0 0 0 0; }   



/*PBSurvey*/
#surveyPopup .text1 
{
	font-family:Ubuntu, Arial; font-size:27px; font-weight:700; font-style:italic; color:#FFC423;
	padding:0px;
	margin:0px;
}
#surveyPopup .text2
{
	font-family:Oswald, Arial; font-size:18px;
	padding:0px;
	margin:0px;
}
#surveyPopup2 body, #surveyPopup2 td {
	font-family:Oswald;
	font-size:14px;
	color: #6D6E71;
}
#surveyPopup2 .heading1 {
	font-family:Ubuntu;
	font-weight:700;
	font-style:italic;
	font-size:90px;
	margin:0px;
}
#surveyPopup2 .heading14 {
	font-size:130px; color:#FFC423;
}
#surveyPopup2 .heading2 {
	font-family:Ubuntu;
	font-weight:700;
	font-style:italic;
	font-size:20px;
	color:#FFC423;
	margin:0px;
}
#surveyPopup2 .smallText {
	font-size:10px;
}
#surveyPopup2 .questionNumber {
	font-family:Ubuntu;
	font-weight:700;
	font-style:italic;
	font-size:20px;
	color:#FFC423;
	padding:3px 0px 0px 0px;
}
#surveyPopup2 .questionText {
	font-size:13px;
	padding:6px 0px 7px 0px;
}
#surveyPopup2 .questionRadio {
	padding:3px 0px 3px 0px;
	font-size:13px;
	text-align:center;
	vertical-align:middle;
}
#surveyPopup2 .questionComment {
	font-family:Oswald;
	font-size:12px;
	color: #000000;
	border: 1px solid #6D6E71;
	border-radius: 5px;   
	behavior: url(/styles/pie.htc);
}
#surveyPopup2 a:link, #surveyPopup2 a:visited {
	color: #6D6E71;
	text-decoration: none;
}
#surveyPopup2 a:hover {
	text-decoration:underline;
}

.contentSubheading {
	border-style:solid; 
	border-color:#aaa; 
	border-width:0px 0px 1px 0px; 
	text-align:center; padding-top:5px;
}

/* login switcher */
.switcher 
{
	position:absolute;
	top: 5px;
	right: 5px; 
	z-index: 1;
}


/* POP UP NOTIFICATIONS */
.modalBackground
{
	background: rgba(0, 0, 0, 0.5);
}

/* PopUp Boxes */
.framedPopUp
{
	display:inline-block;
	text-align: left;
	vertical-align: top;
	min-width: 250px;
	min-height: 150px;
	background-color: White;
	background-position:left top;  
	background-repeat: no-repeat; 
	background-attachment:inherit;
	background-color: White;
	margin: 0px 0px 0px auto;
	padding: 20px 5px 5px 20px;
	border: 0px solid #AAA;
	-moz-box-shadow: 0 5px 5px #000;
	-webkit-box-shadow: 0 5px 5px #000;
	box-shadow: 0 5px 5px #000;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;   
	overflow:hidden;
	behavior: url(/styles/pie.htc); 
}

.framedPopUp td
{
	padding: 0px 5px 0px 5px;
}

.PopUpTitle
{
	position: absolute; 
	top: -10px; 
	left: 0px;
	width: 100%;
	height: 20px;
	padding-top: 5px;
	background-color: #5188EF;
	color: White;
	font-size: small;
	font-weight: bold;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	behavior: url(/styles/pie.htc); 
}

.PopUpTableHeader
{
  background-color: #07A0F2;
  color: White; 
}
/* grid view page */
.pager span {
    background-color: lightgray;
    padding: 1px 5px;
    border-radius: 3px;
    font-weight: 600;
}

/* Default Buttons */
.buttons
{
	display: inline-flex !important;
	justify-content: center; 
	align-items: center;
	text-align: center;
	background-color: #5188EF;
	border-style: none;
	color: White;
	min-height: 20px;
	min-width: 70px;
	padding: 0px 5px 2px 5px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 1px 1px 1px #AAA;
	-webkit-box-shadow: 1px 1px 1px #AAA;   
	box-shadow: 1px 1px 1px #AAA;
	overflow:hidden;
	behavior: url(/styles/pie.htc); 
	cursor: pointer;
}

.imagebuttons
{
	display: inline-flex !important;
	justify-content: center; 
	align-items: center;
	background-color: #5188EF;
	border-style: none;
	color: White;
	min-height: 18px;
	top: 5px;
	padding: 2px 10px 0px 10px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	-moz-box-shadow: 1px 1px 1px #000;
	-webkit-box-shadow: 1px 1px 1px #000;   
	box-shadow: 1px 1px 1px #000;
	overflow:hidden;
	behavior: url(/styles/pie.htc); 
	cursor: pointer;
}

.newsfeed
{
	width: 475px; 
	height: 250px;
	padding: 0px 0px 10px 0px;
	background: -webkit-gradient(linear, left top, left bottom, from(#F1F1F2), to(#DBDCDD));
	background: -moz-linear-gradient(top,  #F1F1F2,  #DBDCDD);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F1F1F2', endColorstr='#DBDCDD');
	border: 2px solid #DBDCDD; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	behavior: url(/styles/pie.htc); 
	overflow: hidden;
	display: inline-block;	
}

.tagline
{
	position: fixed !important;
	left: 5px;
	bottom: 5px;
	z-index: 0;
	border-radius: 5px;
	overflow: hidden;
	box-shadow: 0px 2px 2px 2px rgba(0,0,0,0.2);
}

.collapseTitle
{
	width: 100%;
	height: 22px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	font-weight: bold;
	background-color: #EEEEEE; 
	cursor: pointer;
	vertical-align: top;
}
.collapsePanel
{
   width: 100%;
   height: 0px;
   background-color: White;
   overflow: hidden; 
}
.smallbuttons
{
	position: relative;
	font-size: x-small;
	display:inline-block;
	background-color: #8C8C8C; 
	background-image: linear-gradient(bottom, #DBDCDE 0%, #BCC0C2 24%, #8C8C8C 78%);
	background-image: -o-linear-gradient(bottom, #DBDCDE 0%, #BCC0C2 24%, #8C8C8C 78%);
	background-image: -moz-linear-gradient(bottom, #DBDCDE 0%, #BCC0C2 24%, #8C8C8C 78%);
	background-image: -webkit-linear-gradient(bottom, #DBDCDE 0%, #BCC0C2 24%, #8C8C8C 78%);
	background-image: -ms-linear-gradient(bottom, #DBDCDE 0%, #BCC0C2 24%, #8C8C8C 78%);
	background-image: -webkit-gradient(
		linear,
		left bottom,
		left top,
		color-stop(0, #DBDCDE),
		color-stop(0.24, #BCC0C2),
		color-stop(0.78, #8C8C8C)
	);
	border-radius: 7px;
	-moz-border-radius: 7px;
	-o-border-radius: 7px;
	box-shadow: 1px 1px 1px #AAA;
	-moz-box-shadow: 1px 1px 1px #AAA;
	-webkit-box-shadow: 1px 1px 1px #AAA; 
	border-style: none;
	color: white;
	min-height: 10px;
	padding: 0px 5px 2px 5px;
	overflow:hidden;
	cursor: pointer;
	behavior: url(/styles/pie.htc);
}

.borderFrame {
    border: 2px solid #969da1;
    border-radius: 5px;
}

.borderColor {
    border-color: #969da1;
}

.tableHeading > td > a {
	color: white;
	text-decoration: underline;
}

.ascending {
	background-image:url('/pix/ascending.png');
	background-position: right center;
	background-repeat: no-repeat;
	min-width: 100px;
}
.descending {
	background-image:url('/pix/descending.png');
	background-position: right center;
	background-repeat: no-repeat;
	min-width: 100px;
}

/*.error {
	-moz-animation: cssErrorFade 0s ease-in 10s forwards;*/
	/* Firefox */
	/*-webkit-animation: cssErrorFade 0s ease-in 10s forwards;*/
	/* Safari and Chrome */
	/*-o-animation: cssErrorFade 0s ease-in 10s forwards;*/
	/* Opera */
	/*animation: cssErrorFade 0s ease-in 10s forwards;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

@keyframes cssErrorFade {
	to {
		width:0;
		height:0;
		overflow:hidden;
	}
}
@-webkit-keyframes cssErrorFade {
	to {
		width:0;
		height:0;
		visibility:hidden;
	}
}*/

.b_warning {
    -moz-animation: cssWarning 2s infinite;
    /* Firefox */
    -webkit-animation: cssWarning 2s infinite;
    /* Safari and Chrome */
    -o-animation: cssWarning 2s infinite;
    /* Opera */
    animation: cssWarning 2s infinite;
    -webkit-animation-fill-mode: infinite;
    animation-fill-mode: infinite;
}

@keyframes cssWarning {
    0%,49% {
        background-color: rgba(255,0,0,0.2);
    }
    50%, 100% {
        background-color: unset;
    }
}

.flash {
    -moz-animation: cssFlash 2s infinite;
    /* Firefox */
    -webkit-animation: cssFlash 2s infinite;
    /* Safari and Chrome */
    -o-animation: cssFlash 2s infinite;
    /* Opera */
    animation: cssFlash 2s infinite;
    -webkit-animation-fill-mode: infinite;
    animation-fill-mode: infinite;
}

@keyframes cssFlash {
    0%,49% {
        opacity: 1.0;
    }

    50%, 100% {
        opacity: 0.2;
    }
}


@-webkit-keyframes cssWarning {
    0%,49% {
        background-color: rgba(255,0,0,0.2);
    }
    50%, 100% {
        background-color: unset;
    }
}


.ui-accordion .ui-accordion-header {
    background-color: #969DA1;
    border-color: #969DA1;
}

/* Supplier Font*/
.supplier_custom_font {
    font-family: 'Arial', sans-serif;
}

.supplier_fonttable {
    display: table;
    width: 125px;
    height: 50px;
    font-size: 12px;
}

.supplier_fontcell {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 100%;
}

#supplier_layer {
    width: 150px;
    background-color: rgba(220, 220, 220, 0.2);
}

.supplier_custom_frame {
    fill: rgba(250, 250, 250, 0.1);
    stroke: rgba(200, 200, 200, 0.5);
    stroke-width: 1;
    stroke-miterlimit: 10;
}