@import url("./shared.css");

/*
TODO: Define a css rule to set handheld specific properties:

@media handheld {
####### handheld specific rules
}

@media screen {
####### Other devices
}

Both Pocket IE and Opera support these properties (haven't tested it with other browsers)
*/
li>a {
float: none;
}

/* Start styles */

body {
	font: 76% arial,sans-serif;
	height:100%;
}

input, select, button {
	font-family: Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
}

/*input, select {
	border: 1px solid #888888;	
}*/

h1 {
	margin: 9px 6px 6px;
	padding: 0px;
	font-size: 200%;
	color: #333;
}

h1.page_title {
	text-shadow: #777 2px 2px 5px;
}

h2 {
	margin: 9px 6px 6px;
	font-size: 110%;
	color: #333;
/* 	font-weight: normal; */
	font-style: normal;
}

p {
	padding: 3px;
	margin: 3px;
	margin-bottom: 6px;
}

img.icon {
	vertical-align: baseline;
	border: 0;
	text-align: center;
}

.button {
	border-radius: 0;
}

.scatter_graph {
	width: 800px;
	height: 620px;
	border: 0;
}

#scorecard_system_performance {
	width: 740px;
	height: 420px;
	border: 0;
	overflow-x: auto; 
	overflow-y: auto;
}

#scorecard_dark_flights {
	width: 740px;
	height: 275px;
	border: 0;
	overflow-x: hidden; 
	overflow-y: auto;
}

#scorecard_kpi_atp {
	width: 100%;
	height: 275px;
	border: 0;
	overflow-x: auto; 
	overflow-y: auto;
}

#scorecard_reliability {
	width: 100%;
	height: 275px;
	border: 0;
	overflow-x: auto; 
	overflow-y: auto;
}

.scorecard {
	width: 728px;
	height: 268px;
	border: 0;
	overflow-x: hidden; 
	overflow-y: hidden;
}

.scorecard_kpi_line_chart {
	width: 728px;
	height: 290px;
	border: 0;
	overflow-x: hidden; 
	overflow-y: hidden;
}

table {
	/* text-align: center; */
	font-family: Verdana,arial,sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #404040;
	border-spacing: 0px;
	border-style: none;
}

table.clean {
	margin: 0;
	padding: 0;
	border: none;
	border-style: none;
	border-spacing: 0px;
	border-bottom: none;
	border-bottom-style: none;
	text-align: left;
}

th {
	/* border-bottom: 1px solid #333; */
	text-align: left;
	border-bottom: 1px solid #777;
}

td {
	/* text-align: center; */
	padding-right: 4px;
	padding-left: 4px;
	margin-right: 3px;
}

table.stripeMe td {
	padding-left: 0px;
}

table.sortable {
	/*width: 100% !important;*/
	/*background-color: #777777;*/
	/*border-spacing: 1px;*/
	border-collapse: collapse;
	border-left: 1px solid #777;
	border-right: 1px solid #777;
}

table.columlist td {
	border-right: 1px solid #e4e4e4;
	vertical-align: top;
}
table.columlist td ul {
	padding: 1px;
	margin: 10px;
}

table.legend th {
	background: #BDF;
	padding: 5px;
	border: 1px solid white;
	text-align: center;
}

.hoverrow {
	background-color: #7598CA;
}

.hover {
	background-color: #FFFF6D;
}

.click {
	background-color: #B8EBFF;
}

table.sortable th.header {
	cursor: pointer;
	background: #bbddff url(../../images/icons/sort.png) no-repeat right 50%;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 3px;
    padding-right: 20px;
	border-right: 1px solid #777;
	border-top: 1px solid #777;
}

table.sortable th.nosort {
	background: #BDF;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid #777;
	border-top: 1px solid #777;
	padding-left: 3px;
	padding-right: 3px;
	text-align: center;
}

th.subheader {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 23px;
    padding-right: 3px;
	border: 1px solid #7598ca;
	text-align: center;
	background-color: #bbddff;
}

table.sortable th.headerSortUp {
	cursor: pointer;
	background: #98c4ff url(../../images/icons/desc.png) no-repeat right 50%;
}

table.sortable th.headerSortDown {
	cursor: pointer;
	background: #98c4ff url(../../images/icons/asc.png) no-repeat right 50%;
}

table.sortable td {
	border-bottom: 1px solid #777;
	
	/* change this one too: div.portlet td */
	padding-right: 4px;
	padding-left: 4px;
}

table.sortable td.dow_sun {
	border-left: solid 1px #777777;	
}

table.sortable td.dow_sat {
	border-right: solid 1px #777777;	
}

table.sortable tr.even td.valid {
	background-color: #b5ffab;	
}

table.sortable tr.odd td.valid{
	background-color: #d9ffd4;	
}

table.sortable td.faulty {
	border: solid 2px #ff0000;
}

table.static {
	border-top: 1px solid #777;
}

table.static .header {
	background: #BDF;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid #777;
	padding-left: 3px;
	padding-right: 3px;
}

table.static td {
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	/* change this one too: div.portlet td */
	padding-right: 4px;
	padding-left: 4px;
}

table.underlined td {
	border-bottom: 1px solid #ccc;
}

td.label {
	font-weight: bold;
}

table.ui-widget td {
	padding: 5px;
}

table.ui-widget th {
	padding: 5px;
}

.left {
	text-align: left;
	width: 100%;
}
.center {
	text-align: center;
	width: 100%;
}
.right {
	text-align: right;
	width: 100%;
}

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.align-center {
	text-align: center;
}

.leftcell {
  text-align: left;
}

.centercell {
  text-align: center;
}

.rightcell {
  text-align: right;
  padding-right: 8px;
}

span.empty {
	color: #c0c0c0;
}

div.portlet.form tr {
	border: none;
}

div.portlet.form th {
	vertical-align: top;
	border: none;
	padding: 0px;
	margin: 0px;
}

div.form td {
	/*text-align: left;*/
	/*vertical-align: middle;*/
	margin: 0px;
}

/* [dv] This doesn't work in IE6 -- we should use jQuery instead maybe? we also don't want this to effect calendar fields.
input[type=text] {
	width: 80%;
}
*/
input:focus {
	outline: none;
}

.input_shadow {
	background: url("../../images/gui/textarea-bg.jpg") repeat scroll left top transparent;	
}

#flight_sector {
	font-family: monospace;
}

.current_focus {
	background: #BBDDFF;
}

fieldset {
  padding: 0;
  padding-bottom: 10px;
  margin: 0;
  border: 0;
}

legend {
  display: block;
  width: 100%;
  padding: 0;
  margin-bottom: 20px;
  font-size: 15px;
  line-height: 40px;
  color: #333333;
  border: 0;
  border-bottom: 1px solid #e5e5e5;
}

legend small {
  font-size: 15px;
  color: #999999;
}

/* fieldset { */
/* 	border: 1px solid #EEE; */
/* 	margin-bottom: 8px; */
/* } */

/* fieldset legend { */
/* 	font-weight: bold; */
/* 	font-size: 1.2em; */
/* } */

textarea {
	padding: 0px;
	margin: 0px;
	font-family: Verdana,arial,sans-serif;
	font-weight: normal;
	font-size: 11px;
	width: 100%;
}

textarea:focus {
	outline: none;
}

label {
	text-align: right;
	font-weight: bold;
	color: #16456d;
}

label.required_field {
	/* color: #7598CA; */
	color: #16456d;
}

.checkbox_label {
	font-weight: normal;
}

.radio_label {
	font-weight: normal;
}

.toggle {
	cursor: pointer;
}

.hidden, .toggleClosed {
	display: none;
}

div#wrapper {
	background-color: white;
	position:absolute;
	left:210px;
	right: 0px;
}

div#wrapper.fullscreen {
	right: 0px;
	padding-left: 0px;
	position:absolute;
	left:10px;
}

div#seperator {
	cursor: w-resize;
	position:absolute;
	left:200px;
	top:0px;
	width: 9px;
	padding: 0px;
	margin:  0px;
	background: #f2f2f2 url(../../images/icons/toggleDarkLeft.gif) no-repeat 1px 39px;
}

div#seperator.fullscreen {
	cursor: e-resize;
	left:0px;
	top:0px;
	background: #f2f2f2 url(../../images/icons/toggleDarkRight.gif) no-repeat 1px 39px;
}

div#seperator:hover {
	background-color: #d8d8d8;
}

div#content {
	margin: 0px;
	padding: 3px;
	padding-top: 0px;
	background-color: white;
}

div#content.fullscreen {
	margin-left: 0px;
}

div#navigation {
	position:relative;
	left:0px;
	top:0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-left: 0px;
	margin-top: 0px;
	width: 200px;
	z-index: 1;
	background: #fff url(../../images/gui/PanasonicLogo.png) no-repeat;
	background-position: center 10px;
}

#nav_options {
	text-align: center; 
	position: absolute; 
	top: 0px; 
	left: 200px;
}

#collapse_expand
{
	background: url(../../images/icons/toggleDarkLeft.gif) no-repeat 2px center; width: 8px; cursor: pointer;
}

#collapse_expand.fullscreen {
	background: url(../../images/icons/toggleDarkRight.gif) no-repeat 2px center; width: 8px; cursor: pointer;
}

#navigation td {
	padding: 0px;
}

#navigation .section {
	padding: 5px;
	padding-right:  0px;;
	margin: 0px;
	margin: 8px;
}

.deprecated-error {
	color: #ac1d10;
	font-weight: bold;
	padding: 3px 30px 3px 65px;
	margin: 5px 30px 5px 30px;
	background: #FFB1A4 url(../../images/icons/error_large.gif) no-repeat 10px center;
	height: 50px;
	vertical-align: middle;
}

.warning {
	color: black;
	font-weight: bold;
	padding: 3px 30px 3px 65px;
	margin: 5px 30px 5px 30px;
	background: #FFF297 url(../../images/icons/warning_sign.gif) no-repeat 10px center;
	height: 50px;
	vertical-align: middle;
}

.help {
	color: black;
	font-weight: bold;
	padding: 3px;
	padding-left: 26px;
	background: url(../../images/icons/help.gif) no-repeat left top;
}

ul.navTree {
	font-family: Verdana,arial,sans-serif;
	font-size: 11px;
	padding: 0px;
	margin: 0px;
	margin-top: 1px;
    padding-left: 5px;
	height: 100%;
}

ul.navTree li {
	list-style: none;
	padding: 0px;
	padding-bottom: 1px;
	margin: 0px;
	/* white-space: nowrap; */
}

a:focus {
	outline:none;
}

ul.navTree a:link {
    color: #333;
	padding: 2px 0px 2px 0px;
    text-decoration: none;

	width: 100%;
}

ul.navTree a:link, ul.navTree a:visited { 	 
         color: #333; 	 
         text-decoration: none; 	 
         display: inline-table;
		 width: 100%;
         padding: 1px 0px 2px 0px;
		 line-height: 16px;
}

ul.navTree a:hover {
/* 	background: #7598ca; */
	background: #eee;
}

ul.navTree a.current {
	background: #eee;
	display: inline-table;
	width: 100%;
}

.navTree li.directory {
	background: url(../../images/icons/directory.gif) left top no-repeat;
}

.navTree img {
	border: 0;
	vertical-align: middle;
}

.navTree li.expanded {
	background: url(../../images/icons/folder_open.gif) left top no-repeat;
}

.navTree li.file {
	background: url(../../images/icons/file.gif) left top no-repeat;
}

.navTree li.file_external {
	background: url(../../images/icons/external_link.gif) left top no-repeat;
}

.navTree li.file_employee {
	background: url(../../images/icons/employee_only.gif) left top no-repeat;
}
.navTree li.ext_txt {
	background: url(../../images/icons/txt.gif) left top no-repeat;
}

.liveclock {
	font-size: 8px;
	color: #777777;
}

.row_details {
	text-align: center;
	vertical-align: middle;
}

tr.row_details_alt td {
	background: #ebebeb;
}
tr.row_details_over td {
	background: #bcd4ec;
}

.row_details_dhtmlx
{
	cursor: pointer;
}


/*div.gridbox table.hdr tr:nth-child(3) td{
	background:none!important;
}*/

div.gridbox .objbox {
	overflow: auto!important;
	/*min-height: 100%!important;*/

}

div.gridbox table{
	border-collapse: collapse;
}

/* Overflow - Hack for JS loaded grids with fixed columns*/
#live_grid_container .gridbox:nth-child(1) .objbox{
	overflow: hidden!important;
}

div.gridbox div.ftr {
	bottom: 0px!important;
}
div.xhdr{overflow:hidden!important;}

/* Custom Button for DHTMLX Grid Links - declared as part of PAC_Widget_Decorator_URL constructor*/
a.a_link_blue {
	text-decoration: underline;
	color: #3498db;
}
a.a_link_blue:hover {
	color: #333333;
}


a.a_button_blue {
	position: relative;
	top: 2px;
	/*
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	*/
	color: #ffffff;
	font-size: 10px;
	background: #3498db;
	/*padding: 5px 5px 5px 5px;*/
	padding: 2px 5px 2px 5px;
	text-decoration: none;
}

a.a_button_blue:hover {
	background: #2e6da4;
	/*
	background-image: -webkit-linear-gradient(top, #2980b9, #337ab7);
	background-image: -moz-linear-gradient(top, #2980b9, #337ab7);
	background-image: -ms-linear-gradient(top, #2980b9, #337ab7);
	background-image: -o-linear-gradient(top, #2980b9, #337ab7);
	background-image: linear-gradient(to bottom, #2980b9, #337ab7);
	*/
	text-decoration: none;

}

a.a_button_green {
	position: relative;
	top: 5px;
	/*
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	*/
	color: #ffffff;
	font-size: 10px;
	background: #5cb85c;
	padding: 5px 5px 5px 5px;
	text-decoration: none;
}

a.a_button_green:hover {
	background: #2e6da4;
	/*
	background-image: -webkit-linear-gradient(top, #4cae4c, #5cb85c);
	background-image: -moz-linear-gradient(top, #4cae4c, #5cb85c);
	background-image: -ms-linear-gradient(top, #4cae4c, #5cb85c);
	background-image: -o-linear-gradient(top, #4cae4c, #5cb85c);
	background-image: linear-gradient(to bottom, #4cae4c, #5cb85c);
	*/
	text-decoration: none;
}

div.nav-icon-holder {
/* 	display: inline-block;  */
	width: 16px; 
	height: 16px; 
	vertical-align: middle;
	margin-right: 3px;
	float: left;
}

div.legend-icon-holder {
    margin-left: 14px;
    padding-left: 20px;
    padding-bottom: 4px;
}

div.nav-title-holder {
	overflow: hidden;
}

/* Portlet - SHARED CODE =========================================================== */

div.content {
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 8px;
	padding-left: 8px;
	border-bottom: 1px solid #CDCDCD;
	border-left: 1px solid #CDCDCD;
	border-right: 1px solid #CDCDCD;
	/*
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	 */
	background-color: white;
	overflow: visible;
}

div.content_table {
	overflow: auto;
}

div.header {
	background-color: #eee;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(whitesmoke), to(#eee));
	background-image: -webkit-linear-gradient(top, whitesmoke, #eee);
	background-image:-moz-linear-gradient(top, whitesmoke, #eee);
	background-image:-webkit-linear-gradient(top, whitesmoke, #eee);
	background-image:-ms-linear-gradient(top, whitesmoke, #eee);
	background-image:-o-linear-gradient(top, whitesmoke, #eee);
	background-image:linear-gradient(top, whitesmoke, #eee);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	*/
	border: 1px solid #CDCDCD;
	cursor: pointer;
	outline: none;
}

div.header:hover {
	background-color: whitesmoke;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(white), to(whitesmoke));
	background-image: -webkit-linear-gradient(top, white, whitesmoke);
	background-image:-moz-linear-gradient(top, white, whitesmoke);
	background-image:-webkit-linear-gradient(top, white, whitesmoke);
	background-image:-ms-linear-gradient(top, white, whitesmoke);
	background-image:-o-linear-gradient(top, white, whitesmoke);
	background-image:linear-gradient(top, white, whitesmoke);
	*/
}

div.header > h2 {
	/*
	background-image: url(../../images/icons/minus-new.png);
	background-repeat: no-repeat;
	background-position: 8px 7px;
	*/
	line-height: 18px;
	border-top: 1px solid rgba(255,255,255, 0.2);
	/*
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	 */
	color: #333;
	text-decoration: none;
	outline: none;
	display: block;
	margin: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-size: 12px;
	/* text-shadow: 0px 1px 1px #fff; */
	vertical-align: middle;
	/*font-family: arial, sans-serif;*/
	font-weight: bold;
}

div.content_table {
	width: auto;
/* 	overflow: auto; */
}

div.resizable
{
	height: 350px;
}

div.closed > div.header > h2 {
	/*
	background-image: url(../../images/icons/plus-new.png);
	 */
}

div.closed > div.header
{
	/*
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
	 */
}

div.closed > div.content {
	display: none;
}

div.closed > div.handler {
	display: none;
}

div.closed > div.handle_addons {
	display: none;
}

div > div.header > h2 > span {
	display: inline-block;
	transform: rotate(0deg); /* Equal to rotateZ(45deg) */
	transition: all 0.4s ease;
}


div.closed > div.header > h2 > span {
	display: inline-block;
	transform: rotate(-90deg); /* Equal to rotateZ(45deg) */
	transition: all 0.4s ease;
}

div.closed_dark > div.header > h2 > span {
	display: inline-block;
	transform: rotate(-90deg); /* Equal to rotateZ(45deg) */
	transition: all 0.4s ease;
}

div.closed_dark > div.header > h2 {
	/*
	background-image: url(../../images/icons/plus-white-new.png) !important;
	*/
}

div.closed_dark > div.header
{
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

div.closed_dark > div.content {
	display: none;
}

div.closed_dark > div.handler {
	display: none;
}

div.closed_dark > div.handle_addons {
	display: none;
}

/* Portlet - Specific =========================================================== */

div.portlet td {
	padding: 0px;
	padding-top: 2px;
	
	/* change this one too: table.sortable td */
	padding-right: 4px;
	padding-left: 4px;
}

div.portlet td.legend_color {
	padding: 0px;
}

div.portlet {
/* 	font-family: Arial, sans-serif; */
	margin: 9px 5px;
}

/* OEM Portlet - Specific ======================================================= */
label.oem-only, p.oem-only, span.oem-only {
	color: #003DB8;
}

div.oem-only {
	background-color: #d0d0d0;
	margin: 9px 6px;
	padding: 6px;
	/*
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	 */
}

div.oem-only h2 {
	padding: 0px;
	padding-left: 5px;
	margin: 0px;
	/*
	background-image: url(../../images/icons/toggleDarkDown.gif);
	*/
	background-repeat:no-repeat;
	background-position:left;
	font-weight: bold;
	color: #000;
	font-size: 12px;
}

div.oem-only div.header {
	cursor: pointer;
	padding: 3px;
	padding-left: 6px;
	margin: 0px;
	background-color: #d0d0d0;
	font-family: arial, sans-serif;
}

/* PAC Portlet - Specific ======================================================= */

label.panasonic-only, p.panasonic-only, span.panasonic-only {
	color: #003DB8;
}

div.panasonic-only {
	margin: 9px 5px;
}

div.panasonic-only > div.header
{
	background-color: #396B9E;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(#5F9CC5), to(#396B9E));
	background-image: -webkit-linear-gradient(top, #5F9CC5, #396B9E);
	background-image:-moz-linear-gradient(top, #5F9CC5, #396B9E);
	background-image:-webkit-linear-gradient(top, #5F9CC5, #396B9E);
	background-image:-ms-linear-gradient(top, #5F9CC5, #396B9E);
	background-image:-o-linear-gradient(top, #5F9CC5, #396B9E);
	background-image:linear-gradient(top, #5F9CC5, #396B9E);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	*/
	border: 1px solid #044062;
	cursor: pointer;
}

div.panasonic-only > div.header:hover {
	background-color: #4272A4;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(#6FACD5), to(#4272A4));
	background-image: -webkit-linear-gradient(top, #6FACD5, #4272A4);
	background-image:-moz-linear-gradient(top, #6FACD5, #4272A4);
	background-image:-webkit-linear-gradient(top, #6FACD5, #4272A4);
	background-image:-ms-linear-gradient(top, #6FACD5, #4272A4);
	background-image:-o-linear-gradient(top, #6FACD5, #4272A4);
	background-image:linear-gradient(top, #6FACD5, #4272A4);
	 */
}

div.panasonic-only > div.header > h2
{
	/*
	text-shadow: 0px 1px 1px #194B7E;
	background-image: url(../../images/icons/minus-white-new.png);
	*/
	color: #fff;
}

/* Form Portlet - Specific ====================================================== */

div.form {
	margin: 9px 5px;
}

div.form > div.header
{
	background-color: #444;
	/*
	background-color: #2D2D2D;
	background-image:-webkit-gradient(linear, left top, left bottom, from(#444), to(#2D2D2D));
	background-image: -webkit-linear-gradient(top, #444, #2D2D2D);
	background-image:-moz-linear-gradient(top, #444, #2D2D2D);
	background-image:-webkit-linear-gradient(top, #444, #2D2D2D);
	background-image:-ms-linear-gradient(top, #444, #2D2D2D);
	background-image:-o-linear-gradient(top, #444, #2D2D2D);
	background-image:linear-gradient(top, #444, #2D2D2D);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	*/
	border: 1px solid #000;
	cursor: pointer;
}
div.form > div.header > h2
{
	color: #fff;
	text-shadow: 0px 1px 1px #111;
	/*
	background-image: url(../../images/icons/minus-white-new.png);
	 */
}

div.form > div.header:hover {
	background-color: #383838;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(#555), to(#383838));
	background-image: -webkit-linear-gradient(top, #555, #383838);
	background-image:-moz-linear-gradient(top, #555, #383838);
	background-image:-webkit-linear-gradient(top, #555, #383838);
	background-image:-ms-linear-gradient(top, #555, #383838);
	background-image:-o-linear-gradient(top, #555, #383838);
	background-image:linear-gradient(top, #555, #383838);
	 */
}

/* Important Portlet - Specific ============================================= */

div.important {
	margin: 9px 5px;
}

div.important > div.header
{
	background-color: #e64545;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ff8282), to(#e64545));
	background-image: -webkit-linear-gradient(top, #FF8282, #e64545);
	background-image:-moz-linear-gradient(top, #FF8282, #e64545);
	background-image:-webkit-linear-gradient(top, #FF8282, #e64545);
	background-image:-ms-linear-gradient(top, #FF8282, #e64545);
	background-image:-o-linear-gradient(top, #FF8282, #e64545);
	background-image:linear-gradient(top, #FF8282, #e64545);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	 */
	border: 1px solid #640000;
	cursor: pointer;
}
div.important > div.header > h2
{
	color: #fff;
	text-shadow: 0px 1px 1px #111;
	/*
	background-image: url(../../images/icons/minus-white-new.png);
	*/
}

div.important > div.header:hover {
	background-color: #e66f6e;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(#ff9e91), to(#e64545));
	background-image: -webkit-linear-gradient(top, #ff9e91, #e64545);
	background-image:-moz-linear-gradient(top, #ff9e91, #e64545);
	background-image:-webkit-linear-gradient(top, #ff9e91, #e64545);
	background-image:-ms-linear-gradient(top, #ff9e91, #e64545);
	background-image:-o-linear-gradient(top, #ff9e91, #e64545);
	background-image:linear-gradient(top, #ff9e91, #e64545);
	 */
}

/* DART Page Help Documentation Portlet - Specific ====================================================== */

div.dart_page_help_documentation {
    margin: 9px 5px;
}

#dart_page_help_documentation_div{
	width:100%;
}

div.dart_page_help_documentation > div.header
{
    background-color: #3D9970;
	/*
    background-image:-webkit-gradient(linear, left top, left bottom, from(#2ECC40), to(#3D9970));
    background-image: -webkit-linear-gradient(top, #2ECC40, #3D9970);
    background-image:-moz-linear-gradient(top, #2ECC40, #3D9970);
    background-image:-webkit-linear-gradient(top, #2ECC40, #3D9970);
    background-image:-ms-linear-gradient(top, #2ECC40, #3D9970);
    background-image:-o-linear-gradient(top, #2ECC40, #3D9970);
    background-image:linear-gradient(top, #2ECC40, #3D9970);
    border-top-left-radius: 9px;
    border-top-right-radius: 9px;
    */
    border: 1px solid #3D9970;
    cursor: pointer;
}
div.dart_page_help_documentation > div.header > h2
{
    color: #fff;
    text-shadow: 0px 1px 1px #3D9970;
    background-image: url(../../images/icons/minus-white-new.png);
}

div.dart_page_help_documentation > div.header:hover {
    background-color: #2ECC40;
	/*
    background-image:-webkit-gradient(linear, left top, left bottom, from(#3D9970), to(#2ECC40));
    background-image: -webkit-linear-gradient(top, #3D9970, #2ECC40);
    background-image:-moz-linear-gradient(top, #3D9970, #2ECC40);
    background-image:-webkit-linear-gradient(top, #3D9970, #2ECC40);
    background-image:-ms-linear-gradient(top, #3D9970, #2ECC40);
    background-image:-o-linear-gradient(top, #3D9970, #2ECC40);
    background-image:linear-gradient(top, #3D9970, #2ECC40);
	*/
}

#dart_page_help_documentation_div h2{
	cursor: pointer!important;
}

#dart_page_help_documentation_div div > .closed > *:not(h2) {
	display: none;
}

#dart_page_help_documentation_div div > .closed > h2 > span {
	display: inline-block;
	transform: rotate(-90deg);
	transition: all 0.4s ease;
}

#dart_page_help_documentation_div div > h2 > span {
	display: inline-block;
	transform: rotate(0deg);
	transition: all 0.4s ease;
}

div#page_help_documentation_header{
	height: 50px;
	/* background-color: yellow; */
	/*
	background-color: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(whitesmoke), to(#eee));
	background-image: -webkit-linear-gradient(top, whitesmoke, #eee);
	background-image: -moz-linear-gradient(top, whitesmoke, #eee);
	background-image: -webkit-linear-gradient(top, whitesmoke, #eee);
	background-image: -ms-linear-gradient(top, whitesmoke, #eee);
	background-image: -o-linear-gradient(top, whitesmoke, #eee);
	background-image: linear-gradient(top, whitesmoke, #eee);
	border-radius: 8px;
	border-top-right-radius: 9px;
	*/
	border: 1px solid #E5E5E5;
	cursor: pointer;
	outline: none;
	margin-bottom: 15px;

}

#page_help_documentation_container {
    width:100%;
    margin:20px auto;
}
#page_help_documentation_content {
	float: left;
	width: 80%;
	/* padding: 10px; */
	border: solid 2px dodgerblue;
	border-radius: 8px;
	padding: 8px;
	min-height:300px;
	height:auto;
	margin-left:10px;
}
#page_help_documentation_sidebar {
    float:left;
	width: 15%;
	min-width:150px;
	clear:both;
	max-height: 800px;
	overflow: scroll;
}

#page_help_documentation_header .page_icons{
	float: right;
	margin-right: 20px;
	color: black;
	/* margin: 0px auto; */
	margin-top: 10px;
}

#page_help_documentation_header .page_icons a{
	margin-right:10px;
}

#page_help_documentation_header .page_icons .documentation_link{
	display:none;
}

#dart_page_help_documentation_div .go_to_page, #dart_page_help_documentation_div .edit_page, .go_to_page, #dart_page_help_documentation_div .refresh_page{
	background-color: #008c0e;
	color: #FFFFCC;
	font-size:14px;
	font-weight:normal;
	padding-left: 10px;
	padding-right: 10px;
	margin-left: 10px;
	margin-right: 10px;
	border: 1px solid black;
	text-decoration:none;
	border-radius: 10%;
	float:right;
}

#dart_page_help_documentation_div .page_help_documentation_loader{
	width:100%;
	height:300px;
	margin:0px auto;
	text-align: center;
	line-height:300px;
	text-align:center;
}

#dart_page_help_documentation_div .page_help_documentation_loader img{
	vertical_align:middle;
}

#page_help_documentation_header .page_icons i{

	color: black;
}

#page_help_documentation_sidebar ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 95%;
    background-color: #f1f1f1;
    border: 1px solid #555;
}

#page_help_documentation_sidebar li span {
    display: block;
    color: #000;
    padding: 8px 16px;
    text-decoration: none;
}

#page_help_documentation_sidebar li {
    text-align: center;
    border-bottom: 1px solid #555;
	cursor: pointer;
}

#page_help_documentation_sidebar li:last-child {
    border-bottom: none;
}

#page_help_documentation_sidebar li.active {
    background-color: #008000;
    color: white;
}

#page_help_documentation_sidebar li:hover:not(.active) {
    background-color: #555;
    color: white;
}

#page_help_documentation_footer {
    clear:both;
}

/* Help Portlet ============================================================= */

div.portlethelp {
	margin: 9px 5px;
}

div.portlethelp > div.header
{
	background-color: #fff266;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f3b3), to(#fff266));
	background-image: -webkit-linear-gradient(top, #f5f3b3, #fff266);
	background-image:-moz-linear-gradient(top, #f5f3b3, #fff266);
	background-image:-webkit-linear-gradient(top, #f5f3b3, #fff266);
	background-image:-ms-linear-gradient(top, #f5f3b3, #fff266);
	background-image:-o-linear-gradient(top, #f5f3b3, #fff266);
	background-image:linear-gradient(top, #f5f3b3, #fff266);
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	 */
	border: 1px solid #ebe80c;
	cursor: pointer;
}


div.portlethelp > div.header:hover {
	background-color: #fff266;
	/*
	background-image:-webkit-gradient(linear, left top, left bottom, from(#f5f5e4), to(#fff266));
	background-image: -webkit-linear-gradient(top, #f5f5e4, #fff266);
	background-image:-moz-linear-gradient(top, #f5f5e4, #fff266);
	background-image:-webkit-linear-gradient(top, #f5f5e4, #fff266);
	background-image:-ms-linear-gradient(top, #f5f5e4, #fff266);
	background-image:-o-linear-gradient(top, #f5f5e4, #fff266);
	background-image:linear-gradient(top, #f5f5e4, #fff266);
	*/
}

div.portlethelp > div.header > h2
{
	/*
	background-image: url(../../images/icons/help.png);
	padding-left: 32px;
	*/
}
/* Portlet Navigation ======================================================= */

#toggle-navigation {
	cursor: pointer;
	background-color: #f2f2f2;
	margin-left: 0px;
	color: #333;
	padding: 3px;
	margin-top: 0px;
	padding-top: 0px;
}

.download_table {
	color: #244907;
	font-size: 80%;
	padding: 4px 3px 3px 20px;
	text-align: left;
}
a.excel {
	color: #244907;
	font-size: 80%;
	background: url('../../images/icons/excel.png') no-repeat 2px;
	padding: 4px 3px 3px 20px;
	text-align: left;
}
a.xml {
	color: #244907;
	font-size: 80%;
	background: url('../../images/icons/web.png') no-repeat 2px;
	padding: 2px 3px 3px 20px;
	text-align: left;
}

.footer {
  clear: both;
  float: none;
  color: #888;
  vertical-align: bottom;
  font-size: 70%;
}

td div.background_cell {
	width: 100%;
}

/* Origins Link */
.external-origins-icon {
    background-image: url(../../images/icons/origins.png);
    background-repeat: no-repeat;
}

/* DARTce Link */
.external-dartce-icon {
    background-image: url(../../images/icons/dartce.png);
    background-repeat: no-repeat;
}

/* Icon Section 3.0 */
/* GUEST */
.Guest-icon {
	background-image: url(../../images/icons/iconAirplane.png);
	background-repeat: no-repeat;
}

.nav-pills>li>a.Guest-icon {
	padding-left: 22px;
}

.dropdown-menu a.Guest-icon {
	padding-left: 22px;
}

/* CUSTOMER */
.Customer-icon {
    background-image: url(../../images/icons/iconAirplane.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.Customer-icon {
    padding-left: 22px;
}

.dropdown-menu a.Customer-icon {
    padding-left: 22px;
}

/* CUSTOMER PLUS */
.Plus-icon {
    background-image: url(../../images/icons/iconPlus.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.Plus-icon {
    padding-left: 22px;
}

.dropdown-menu a.Plus-icon {
    padding-left: 22px;
}

/* EMPLOYEE */
.Employee-icon {
    background-image: url(../../images/icons/iconEmployee.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.Employee-icon {
    padding-left: 22px;
}

.dropdown-menu a.Employee-icon {
    padding-left: 22px;
}

/* ADMIN */
.Admin-icon {
    background-image: url(../../images/icons/iconAdmin.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.Admin-icon {
    padding-left: 22px;
}

.dropdown-menu a.Admin-icon {
    padding-left: 22px;
}

/* EXTERNAL Link */
.external-icon {
    background-image: url(../../images/icons/external.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.external-icon {
    padding-left: 22px;
}

.dropdown-menu a.external-icon {
    padding-left: 22px;
}

/* PDF */

.external-pdf-icon {
    background-image: url(../../images/icons/document-pdf.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.external-pdf-icon {
    padding-left: 22px;
}

.dropdown-menu a.external-pdf-icon {
    padding-left: 22px;
}

/* HELP */
.help-icon {
    background-image: url(../../images/icons/iconHelp.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.help-icon {
    padding-left: 22px;
}

.dropdown-menu a.help-icon {
    padding-left: 22px;
}

/* INFO */
.info-icon {
    background-image: url(../../images/icons/information.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.info-icon {
    padding-left: 22px;
}

.dropdown-menu a.info-icon {
    padding-left: 22px;
}

/* SITEMAP */
.sitemap-icon {
    background-image: url(../../images/icons/sitemap.png);
    background-repeat: no-repeat;
}

.nav-pills>li>a.sitemap-icon {
    padding-left: 22px;
}

.dropdown-menu a.sitemap-icon {
    padding-left: 22px;
}

.gui_footer_select_menu {
	width: 400px;
}

/* tooltip box CSS ========================================================== */

#helpbox {
	width:200px;
	position:absolute;
	display:none;
	z-index: 20;
}

#helpbox .shadow {
	background: url('../../images/gui/shadow.png') repeat scroll 0 0;
	z-index: 20;
	position:static;
	width:100%;
	min-height: 100%;
	height: 100%;
}

#helpbox .bubble_top{
	float: left;
	vertical-align: middle;
	line-height: 16px;
}

#helpbox .bubble_titlebar{
	top: -5px;
	left: 5px;
	z-index: 20;
	position:relative;
	background-color: #7598CA;
	color: black;
	font-weight: bold;
	font-family: verdana, arial, sans-serif;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	border-top: 1px solid #777;
	font-size: 10px;
	padding: 2px;
	text-align: right;
	height: 16px;
}

#helpbox .bubble_middle {
	top: -5px;
	left: 5px;
	z-index: 20;
	background-color: white;
	position:relative;
	padding: 5px;
	color: black;
	font-family: verdana, arial, sans-serif;
	border-right: 1px solid #777;
	border-left: 1px solid #777;
	border-bottom: 1px solid #777;
	font-size: 10px;
}

#overlay
{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	BACKGROUND-IMAGE: url(../../images/gui/pixel_transparent.gif);
}

a.tooltip {
	color: #404040;
	text-decoration: none;
}

/* other ==================================================================== */

span.debug {
	margin: 5px;
	background-color: #EFD1D8;
	color: #ff0000;
	text-align: left;	
}

div.debug {
	margin: 5px; 
	padding: 3px; 
	border: 1px solid #333333;
	background-color:#F2F2F2;
	color:#000000;
	text-align:left;	
}

.backtrace {
	margin: 5px; 
	padding: 3px; 
	border: 1px solid #333333;
	background-color:#F2F2F2;
	color:#000000;
	text-align:left;
	overflow: auto;
	text-align: left;
}

span.investigation_result_head {
	text-align: right;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 7pt;
	width: 100%;
}
span.investigation_result_body {
	text-align: left;
	font-size: 7pt;
	width: 100%;
}

/* LOPA ===================================================================== */

table.lopa {
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	color: #404040;
	background-color: #f2f2f2;
	padding: 5px;
	border: none;
	margin-right: 0px;
}

table.lopa .rows {
	color: #404040;
	font-weight: bold;
	font-family: Verdana, arial, sans-serif;
	text-align: center;
	vertical-align: middle;
	border: none;
}

table.lopa .columns {
	color: #404040;
	font-weight: bold;
	font-family: Verdana, arial, sans-serif;
	font-size: 9px;
	margin: 1px;
	text-align: center;
	vertical-align: middle;
	border: none;
}

table.lopa .aisle {
	border-bottom-style: none;
	border-bottom-width: 0;
	border: 0;
	width: 21px;
}

.lopa_width {
	width: 21px;
}

table.lopa td {
	margin: 0px;
	padding: 0px;
	width: 21px;
}

table.lopa .lopa_seat {
	height: 21px;
	width: 21px;
}

table.lopa .rows .seat_image{
	cursor: pointer;
}

.seat_image_selected {
	background-image: url(../../images/icons/exclamation-small-white.png);
	background-repeat: no-repeat;
	background-position: center center;
}

.lopa_deck_title
{
	text-align: left;
	font-weight: bold;
	font-family: Verdana, arial, sans-serif;
	font-size: 11px;
    padding-left: 12px;
}

.lopa_horizontal {
	border: 1px solid #e4e4e4;
	background-color: #f2f2f2;
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 3px 3px;
	vertical-align: middle;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	display: table;
}

.lopa_vertical {
	border: 1px solid #e4e4e4;
	background-color: #f2f2f2;
	margin: 3px 10px 3px 10px;
	padding: 3px 3px 3px 12px;
	width: 180px;
	vertical-align: middle;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
}

.lopa_rollover_text {
	padding-left: 30px;
}

.lopa_highlighted {
    background-color: #66ff66 !important;
}

/* eLOG state colors ======================================================== */

.bold_title
{
	font-weight: bold;
	font-size: 12px;
}

span.open {
	background-color: #BBDDFF;
	padding: 0px 5px;
}

span.deferred {
	background-color: #FF8383;
	padding: 0px 5px;
}

span.actioned {
	background-color: #83FF83;
	padding: 0px 5px;
}

span.closed {
	background-color: #D8D8D8;
	padding: 0px 5px;
}

span.voided {
	background-color: #F2F2F2;
	padding: 0px 5px;
}



/* Hintlist ================================================================= */

table.hinttable {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

	/*border: 1px solid thin; */
	border-style: none;
	border-spacing: 0px;
	border-bottom: none;
	border-bottom-style: none;

	width: 294px;
}

table.hinttable td {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;

	border: 0px;
	border-style: none;
	border-spacing: 0px;
	border-bottom: none;
	border-bottom-style: none;
}

table.hinttable td.hinttitle {
	color: #01478A;
	font-size:18px;
	font-weight:bold;
	padding-left:8px;
    text-align: left;
}

table.hinttable table.hintborder {
	background-color: #f8f9fa;
    border: 1px solid #cccccc;
	border-top: none;
	border-bottom: none;
}

ul.hintlist {
	list-style: none;
	margin-left: 5px;
	margin-right: 5px;
	padding-left: 5px;
	padding-right: 5px;
}
ul.hintlist li {
	margin: 0px;
	padding: 0 0 10px 10px;
	padding-left: 10px;
	background: url('../../images/gui/gray_arrow_bullet.gif') no-repeat 0px 3px;
	color:#666666;
	font-size:11px;
}
ul.nohintlist li {
	background: none;
	padding: 0px;
}

ol.instructions li {
	margin: 0px;
	color:#666666;
	font-size:11px;
}

li.img_jpg, li.img_jpeg, li.img_bmp, li.img_gif, li.img_png {
	list-style: none;
	margin: 0px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('../../images/icons/document-image.png') no-repeat;
}

li.img_pdf {
	list-style: none;
	margin: 0px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('../../images/icons/document-pdf.png') no-repeat;
}

li.img_xls {
	list-style: none;
	margin: 0px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('../../images/icons/excel.png') no-repeat;
}

li.img_zip, li.img_tgz, li.img_tar, li.img_rar, li.img_gz {
	list-style: none;
	margin: 0px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('../../images/icons/archive.png') no-repeat;
}

li.img_doc, li.img_rtf {
	list-style: none;
	margin: 0px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('../../images/icons/document-word.png') no-repeat;
}

li.img_other {
	list-style: none;
	margin: 0px;
	padding-left: 17px;
	padding-top: 3px;
	padding-bottom: 3px;
	background: url('../../images/icons/document-list.png') no-repeat;
}

/* Reliability related ====================================================== */

.ui-autocomplete-loading { 
	background: white url('../../images/gui/indicator.gif') right center no-repeat; 
}

select.fixed_width_form_element {
	width: 245px;
}

input.fixed_width_form_element {
	width: 240px;
}

img.date-clear {
	cursor: pointer;
}

img.advanced-toggle {
	cursor: pointer;
}

/* AJAX autocomplete ======================================================== */

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* if width will be 100% horizontal scrollbar will apear when scroll mode will be used	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* it is very important, if line-height not setted or setted in relative units scroll will be broken in firefox */
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('../../images/gui/indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #dadada;
}

.ac_over {
	background-color: #7598CA;
	color: white;
}

.ac_moreItems {
	text-align: center;
	background-color: InactiveCaption;
	color: InactiveCaptionText;
	margin: 0px;
	padding: 0px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: bold menu 12px;
	overflow: hidden;
	-moz-user-select: none;
	-khtml-user-select: none;
}

.MultiFile-label
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #212121;
	vertical-align: middle;
	margin: 6px 0px;
	padding: 5px;
	background-color: #F2F2F2; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.mutli-value-holder {
	display: list-item;
	white-space: nowrap;
	list-style: none;
	line-height: 16px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #212121;
	vertical-align: bottom;
	margin: 6px 0px;
	padding: 5px;
	background-color: #E9E9E9; 
	border-radius: 5px; 
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.multi-value-label {
	vertical-align: bottom;
	padding-left: 5px;
	height: 16px;
}

.multi_bucket {
	width: 244px;
}

/* Dialogs ========================================================== */

.dialog_text {
	font-size: 12px;
}

/* tipTip CSS ======================================================= */

#tiptip_holder {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 99999;
}

#tiptip_holder.tip_top {
	padding-bottom: 5px;
}

#tiptip_holder.tip_bottom {
	padding-top: 5px;
}

#tiptip_holder.tip_right {
	padding-left: 5px;
}

#tiptip_holder.tip_left {
	padding-right: 5px;
}

#tiptip_content {
	font-size: 11px;
	color: #fff;
	text-shadow: 0 0 2px #000;
	padding: 4px 8px;
	border: 1px solid rgba(255,255,255,0.25);
	background-color: rgb(25,25,25);
	background-color: rgba(25,25,25,0.92);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000));
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow: 0 0 3px #555;
	-webkit-box-shadow: 0 0 3px #555;
	-moz-box-shadow: 0 0 3px #555;
}

#tiptip_arrow, #tiptip_arrow_inner {
	position: absolute;
	border-color: transparent;
	border-style: solid;
	border-width: 6px;
	height: 0;
	width: 0;
}

#tiptip_holder.tip_top #tiptip_arrow {
	border-top-color: #000;
	border-top-color: rgba(0,0,0,0.35);
}

#tiptip_holder.tip_bottom #tiptip_arrow {
	border-bottom-color: #000;
	border-bottom-color: rgba(0,0,0,0.35);
}

#tiptip_holder.tip_right #tiptip_arrow {
	border-right-color: #000;
	border-right-color: rgba(0,0,0,0.35);
}

#tiptip_holder.tip_left #tiptip_arrow {
	border-left-color: #000;
	border-left-color: rgba(0,0,0,0.35);
}

#tiptip_holder.tip_top #tiptip_arrow_inner {
	margin-top: -7px;
	margin-left: -6px;
	border-top-color: rgb(25,25,25);
	border-top-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_bottom #tiptip_arrow_inner {
	margin-top: -5px;
	margin-left: -6px;
	border-bottom-color: rgb(25,25,25);
	border-bottom-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_right #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -5px;
	border-right-color: rgb(25,25,25);
	border-right-color: rgba(25,25,25,0.92);
}

#tiptip_holder.tip_left #tiptip_arrow_inner {
	margin-top: -6px;
	margin-left: -7px;
	border-left-color: rgb(25,25,25);
	border-left-color: rgba(25,25,25,0.92);
}

/* Webkit Hacks  */
@media screen and (-webkit-min-device-pixel-ratio:0) {	
	#tiptip_content {
		padding: 4px 8px 5px 8px;
		background-color: rgba(45,45,45,0.75);
	}
	#tiptip_holder.tip_bottom #tiptip_arrow_inner { 
		border-bottom-color: rgba(45,45,45,0.75);
	}
	#tiptip_holder.tip_top #tiptip_arrow_inner { 
		border-top-color: rgba(20,20,20,0.92);
	}
}

/* Bootstrap override */
.alert {
	margin: 5px 5px;
}

/* Custom Panasonic alert */
.alert-panasonic {
  	color: #000000;
  	background-color: #d8eff0;
	border: solid 3px #003ba1;
}

.alert-panasonic h4 {
  color: #003ba1;
}

/* Used with the filter bar */
.filterpop {
    background-color:#d5dedc;
    border:1px solid #80a1b6;
    cursor:default;
    display:none;
    margin-top: 15px;
    position:absolute;
    text-align:left;
    z-index:50;
    padding: 4px 4px 4px;
	min-width:200px;
	max-width:95%;
}
.mainMenuDiv {
    padding-left: 24px;
    display:none;
}

hr.style-fade {
    border: 0;
    height: 1px;
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
    background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.5), rgba(0,0,0,0));
}

hr.style-light {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

/* unused =========================================================== */

.highlight {
	-moz-border-radius-bottomleft:5px;
	-moz-border-radius-bottomright:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	background-color:#FFFF00;
	border-color:#FAFAD2 #FF8C00 #FF8C00 #FAFAD2;
	border-style:solid;
	border-width:1px;
	color:black;
	padding:0.2em;
}

.fine_print {
	color: #454545;
	font-weight: normal;
	font-size: 9pt;
}

/*
 * Initially required for GCS Aircraft Dashboard Report
 *
 * @see PAC_List_GCS_AircraftDashboard
 *
 */
progress {
    color: #5cb85c;
    font-size: .6em;
    line-height: 1.5em;
    text-indent: .5em;
    width: 12em;
    height: 1.8em;
    border: 1px solid #5cb85c;
    background: #fff;
}

/* Mozilla Firefox */
progress::-moz-progress-bar { background: #5cb85c; }

/* Chrome and Safari */
progress::-webkit-progress-bar { background: #fff; color: #5cb85c;}
progress::-webkit-progress-value { background: #5cb85c;}

/* Intro JS Default Styling */
.introjs-tooltip
{
	min-width:500px!important;
}
.introjs-tooltiptext{
	font-size: 14px;
	margin-left: 6px;
	margin-right: 6px;
	margin-top: 10px;
	border: 1px solid #D3D3D3;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;

}
.introjs-close
{
	color: #777!important;
	font: 16px/100% arial, sans-serif;
	position: absolute;
	right: 5px;
	text-decoration: none!important;
	text-shadow: 0 1px 0 #fff;
	top: 5px;
	cursor: pointer;
}
.introjs-close:after {
	content: '✖'; /* UTF-8 symbol */
}

.introjs-tooltiptext .modal-content .modal-header
{
	color: #fff!important;
	background-color: #447fc8!important;
	margin: 0px;
	padding: 0px;
	border-radius: 5px 5px 0px 0px;
	height: 20px;
	padding: 5px 0px 5px 5px;
}

.introjs-tooltiptext .modal-content .modal-header h2{
	padding: 0px!important;
	margin: 0px!important;
	color: #fff;
}

.mce-fullscreen{
	z-index: 99999!important;
}


/* page document help */
#dart_page_help_documentation_div h1 {
	color: #002D62;
	font-size: 240%;
	padding-bottom: 8px;
	border-bottom: solid 2px #002D62;
}

#dart_page_help_documentation_div h2 {
	color: #002D62;
	font-size: 150%;
}

#dart_page_help_documentation_div h3 {
	color: #002D62;
	font-size: 160%;
	margin: 9px 6px 6px;
}

#dart_page_help_documentation_div h4 {
	color: #002D62;
	font-size: 140%;
	font-style: italic;
	font-weight: bold;
	margin: 9px 6px 6px;
}

#dart_page_help_documentation_div h5 {
	color: #002D62;
	font-size: 110%;
	font-style: italic;
	margin: 9px 6px 6px;
}

#dart_page_help_documentation_div h6 {
	color: #002D62;
	font-size: 90%;
	font-style: italic;
	margin: 9px 6px 6px;
}
#dart_page_help_documentation_div table {
	border-collapse: collapse;
	margin-left: 10px;
}

#dart_page_help_documentation_div td {
	border: solid 1px #002D62;
	padding: 4px 6px 4px 6px;
}


.page_help_documentation_content {
    border: solid 2px  #002D62;
    border-radius: 8px;
    padding: 8px;

}