/*** FONTS and COLORS ***/

body, h1-h6, table, tr, td, input, submit, button, textarea, select  {
	font-family: Arial, Sans-serif;
	color: #000000;
	z-index: 10;
}

body { font-size: 12px; }

input[type="text"], 
input[type="password"],
textarea
{ 
	font-size: 14px;
}


input[type="text"].filter { font-size: 13px }

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #000000;
}

.main-list th, 
.main-list th a.list-header,
.second-list th, 
.second-list th a.list-header,
.third-list th, 
.third-list th a.list-header,
.drill-down-list th,
.drill-down-list th a.list-header 
{
	color: white;
	font-weight: bold;
	background-color: #686898;
	font-size: 13px;
}

tr.altcol1 { background-color: #C8DCE8; }
tr.altcol2 { background-color: transparent; }


.main-list a.list-header { text-decoration: none; }

form.filter label { 
	font-size: 13px;
}

.second-list a.list-header { text-decoration: none; }

form.filter label { 
	font-size: 13px;
}

.third-list a.list-header { text-decoration: none; }

form.filter label { 
	font-size: 13px;
}

a.list-paging { 
	color: #000000; 
	text-decoration: none; 
	font-weight: bold;
	font-size: 13px;
}

a.list-paging span { border-bottom: 1px solid #000000; }

#page-divider-top {
	background: #000000; 
	height: 1px; 
}

.main-list {
	border-bottom: 2px solid #686898; 
}

iinput.filter {
	color: #000000;
	padding: 1px 2px;
	height: 22px; 
	border: 1px solid #848484;
}

.break-header {
	font-size: 15px;
	font-weight: bold;
}

a img { border: none; }

#display-message.display-message-active { background-color: goldenrod; }

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.underline {
	text-decoration: underline;
}

/*** LAYOUT ***/

body { margin: 0; padding: 0; } 

td.actions span { white-space: nowrap; }

.actions { width: 60px; }
.input-capable-list .actions { width: auto; }

.hidden { visibility: hidden; }

.page-title-image { display: block; }

#page-title-block { 
	margin: 15px 30px 0;
}

#outer-content { 
	min-width: 782px;
	margin-bottom: 26px;
}

.display-list #outer-content,
.single-record #outer-content,
.chart #outer-content 
{
	display: table;
}

#page-content {
	margin: 0 30px;
}

#page-divider-top {
	clear:both;
	margin-bottom: 1px;
	margin-top: 1px;
}

#page-divider-bottom {
	clear:both;
	margin-bottom: 10px;
	margin-top: 10px;
}

.main-list, 
#accordion, 
.drill-down-list 
{ 
	margin-top: 15px; 
}

input[type="text"], 
input[type="password"]
{
	height: 17px;
	vertical-align: middle;
	margin: 0;
}

.add-link {
	float: right;
	display: inline-block;
}

.add-link img {
	vertical-align: text-top;
}

span.list-paging { 
	display: inline-block;
	float: right; 
}

div#display-message { 
	margin: 10px 10px 15px; 
	width: auto; 
	min-height: 17px;
}

.message { padding: 3px 10px; }

#list-paging-top { margin-top: 5px }
	
#contents {	clear: both; }

#appName 	{ position:relative; z-index:20; top:1px; font-size:30px; color:white; }

#portCell{
    border-left: 10px solid rgb(3, 16, 116);
    background: rgba(237,28,36,1);
}

#portLabel{
    color: white;
    font-family: monospace;
    font-size: 14px;
    font-variant: small-caps;
}

#portName{
    color: white;
    font-size: 24px;
    font-family: monospace;
    min-width: 27px;
}

#whsCell{
    border-left: 10px solid rgb(3, 16, 116);
    background: rgba(0,114,188,1);
}

#whsLabel{
    color: white;
    font-family: monospace;
    font-size: 14px;
    font-variant: small-caps;
}

#whsName{
    color: white;
    font-size: 24px;
    font-family: monospace;
    min-width: 27px;
}

.clear-layout { clear: both; }

#list-table { 
	clear: both; 
	width: 100%; 
	overflow:auto;
}

h3 { 
	margin: 0; 
	padding: 8px 0;
}

h1.titlecenter { 
	float: center;
	display: inline-block; 
	margin: 0 0 5px;
}

h1.title { 
	float: left;
	display: inline-block; 
	margin: 0 0 5px;
}

form.filter { 
	display: inline;
	float: left;
}

.main-list { 
	margin-left: 0;
	margin-right: 0;
	margin-bottom: 14px;
}	

.second-list { 
    margin-top: 5px;
    margin-left: 0;
	margin-right: 0;
	margin-bottom: 4px;
}	

.third-list { 
    margin-top: 0px;
    margin-left: 0;
	margin-right: 0;
	margin-bottom: 4px;
}	

.main-list, 
.drill-down-list 
{
	border-spacing: 0; 
}

.main-list td, 
.main-list th, 
.drill-down-list td, 
.drill-down-list th 
{
	padding: 4px 4px;
}

td.num { text-align: right; }
td.alpha { text-align: left; }

.field-group { 
	width: 100%; 
	margin: 8px 0;
}

.field-group label, 
.field-group span.label 
{ 
	width: 17%; 
	display:inline-block; 
	vertical-align: middle;
}

.field-group span.value { 
	width: 80%; 
	display:inline-block; 
	vertical-align: middle;
}

.field-group span input { max-width: 100%; }

.field-group span textarea { width: 100%; }

.fields {
	margin-bottom: 28px;
}

.filter-group {
	display: inline-block;
	margin: 1px 17px 1px 0;
}

.filter-button {
 	margin-left: -17px;
	}

body#drill-down.display-list {
	overflow-y: scroll;
}

a.list-paging img { vertical-align: middle; }

a.previous {
	margin-right: 8px;
}

.section_header a {
	color:white;
	text-decoration:none;
	padding:0.26em 1em;
}
.section_header a:hover {
	background-color:#FF3300;	
	text-decoration:none;
	line-height:18px;
}

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

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

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

/*** jQuery UI style overrides ***/

/*button text element */
.ui-button-text-only .ui-button-text { padding: .2em .75em; }
.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .2em; }
.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .2em .1em .2em 2.1em; }
.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .2em 2.1em .2em 1em; }
.ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; }
/* no icon support for input elements, provide padding by default */
input.ui-button { padding: 0; }

/* This is the style for the trigger icon. The margin-bottom value causes the icon to shift down to center it. */
.ui-datepicker-trigger { margin-left:5px; margin-top: 8px; margin-bottom: -3px; cursor: pointer; }

.ui-widget,
.ui-jqgrid .ui-jqgrid-view,
.ui-jqgrid .ui-jqgrid-pager
{ 
	font-family: Arial, sans-serif; 
	font-size: 14px; 
}
  
.add, 
.ui-dialog-buttonset .add, 
.accept, 
.ui-dialog-buttonset .accept
{
	background: #c7c7c7 url(../images/bg-button-accept.png) 50% 50% repeat-x;
}

.add:hover, 
.accept:hover
{
	background: #c7c7c7 url(../images/bg-button-accept-hover.png) 50% 50% repeat-x;
}

.add, 
.accept, 
.ui-dialog-buttonset .accept 
{ 
	border: 1px solid #0086E4; 
	font-weight: bold; 
	color: #ffffff; 
}

.add-link .ui-button-text-only span { padding-left: 7px; }

.actions .ui-button {
	min-width: 0;
	width: 15px;
	height: 13px;
	vertical-align: middle;
	margin-right: 2px;
}

#filters input, 
#filters label 
{ 
	vertical-align: middle; 
}

.filter-button, 
.cancel, 
.ui-dialog-buttonset .cancel 
{
	height: 22px;
	padding-top: 0;
	padding-bottom: 10px;
}

#login-button 
{
	height: 28px;
	vertical-align: middle;
}

#logintable td {
	white-space: nowrap;
}

.ui-button {
 	min-width: 6em;
}

.accept, 
.cancel 
{
	min-height: 2em;
	vertical-align: middle;
}

.ui-jqgrid-labels th {
	color: #ffffff;
}

.ui-accordion-content h3 {
	font-size: 1em;
	padding: 0;
}

/* Additions ************************************************/
a:hover {
       	text-decoration: none;
       	font-weight: bold;
       	color: white;
       	background-color: #FF0000;
       }
	   
img {
  display: inline-block;
}
	   
 /* CSSTerm.com Simple Horizontal DropDown CSS menu */
 
.drop_menu {
background:#CD3333;
padding:0;
margin:0;
list-style-type:none;
height:32px;
}

.drop_menu li { 
float:left; 
}

.drop_menu li a {
padding:7px 25px;
display:block;
color:#fff;
text-decoration:none;
font:16px  Arial, Sans-serif;
z-index:11;
width:452px; /* new */
}
 
/* Submenu */
.drop_menu ul {
position:absolute;
list-style-type:none;
/* left:-9999px; removed */
/* top:-9999px; removed */
transition: transform .1s; /* new */
visibility: hidden; /* new */
transform: scaley(.5); /* new */
transform-origin: top; /* new */
}

.drop_menu li:hover { 
position:relative; 
background:#CD3333;
}

.drop_menu li:hover ul {
/* left:0px; removed */
/* top:32px; removed */
/* background:#CD3333; removed */
padding: 0px;
z-index:11;
visibility: visible; /* new */
transform: scaleY(1); /* new */
}
 
.drop_menu li:hover ul li a {
padding:10px;
display:block;
width: 480px;
text-indent:15px;
background-color:white; /* new */
color:red; /* new */
border-left: 1px solid #CD3333; /* new */
border-right: 1px solid #CD3333; /* new */
box-shadow: 15px 0 1px 0 #CD3333 inset; /* new */
}

.drop_menu li:hover ul li:last-child a { /* new */
border-bottom: 1px solid #CD3333; /* new */
border-bottom-right-radius: 5px; /* new */
}

.drop_menu li:hover ul li a:hover { 
background:#FF0000; /* new */
color:white; /* new */
box-shadow: 0 0 1px 0 white inset; /* new */
}

#Banner_Table td img {
	height: 80px;
	padding: 10px;
}