/* request-proforma only */
#agents {
	background-color: #f3f3ff;
	padding: 4px;
	padding-bottom: 0;
}
/* end request-proforma only */

/* attendance only */
#blockHeader {
	font-family: Georgia, Tahoma, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000080;
	font-size : 14px;
	font-weight : bold;
	background-image: url(../images/silver-background.jpg);
}
/* end attendance only */

#bodyBackground {
	margin-top:0px;
	background-image: url(../images/header-panel.jpg);
	background-repeat: repeat-x;
	background-position:top;
}

/* open-position & evaluate-requisition only */
#bodyText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	color: navy;
	font-size : 12px;
	font-weight : bold;
}
/* end open-position & evaluate-requisition only */

/* vessel-book-values only */
#bodyTextSmall {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	font-size : 9px;
}
/* end vessel-book-values only */

/* job-application only */
#container {
	height: 100%;
	width: 100%;
	float: none;
	background:  #ffffff;
	padding-top: 0px;
	margin-left: 20%;
	margin-right: 5%;
}
/* end job-application only */

/* edit-rescue only */
#content {
	/*position: absolute ;
	left: 185px ;
	top: 80px ;*/
	margin-top: 20px;
	margin-left: 10px;
	padding-right: 10px ;
	z-index : 2;
}
/* end edit-rescue only */

#error {
	color: red; font-weight: bold;
}

/* order-summary and expenses only */
#fixedtipdiv {
	position:absolute;
	padding: 2px;
	border:1px solid black;
	font:normal 12px Verdana;
	line-height:18px;
	z-index:100;
}
/* end order-summary and expenses only */

/* open position only */
#footer {
	height: 100%;
	width: 100%;
	float: right;
	background:  #ffffff;
	margin-left: -200px;
	padding-top: 5px;
}
/* end open position only */

/* leave-pay-letter only */
#header {
	z-index: 2;
	position : absolute;
	top : 0px;
	left : 0px;
	width: 100%;
}
/* end leave-pay-letter */

/* vessel-book-values only */
#left{
float:left;
width:112px;
height:19px;
background-color: #BBDAE1;
border-right:0px solid grey;
}

#left2{
float:left;
width:112px;
height:48px;
background-color: #BBDAE1;
border-right:0px solid grey;
}

#leftdata{
float:left;
width:112px;
height:19px;
background-color: #e3e3FF;
border-right:0px solid grey;
}

#leftdatafullrow{
float:left;
width:784px;
height:19px;
background-color: #e3e3FF;
border-right:0px solid grey;
}

#leftdatafullrow2{
float:left;
width:784px;
height:48px;
background-color: #e3e3FF;
border-right:0px solid grey;
}
/* end vessel-book-values only */

#selected {
	background-color: #ffc;
	border: 3px solid red;
}

#smallMenu ul {
  margin:0;
  padding:2px 2px 0;
  padding-left:0px;
  list-style:none;
line-height: 15px;
font-size: 11px;
 }
#smallMenu li {
  float:left;
  background:url("../images/left.gif") no-repeat left top;
  margin:0;
  padding:0 0 0 7px;
line-height: 15px;
font-size: 11px;
overflow: visible;
white-space: nowrap;
  }
#smallMenu a {
  display:block;
  background:url("../images/right.gif") no-repeat right top;
  padding:5px 8px 4px 2px;
  text-decoration:none;
  font-weight:bold;
line-height: 15px;
font-size: 11px;
  color:navy;
  }
#smallMenu a:hover {
  color:navy;
  }
#smallMenu #smallSelectedMenuItem {
  background-image:url("../images/left_on.gif");
  }
#smallMenu #smallSelectedMenuItem a {
  background-image:url("../images/right_on.gif");
  color:navy;
  padding-bottom:5px;
  }
  #smallMenu .smallSelectedMenuItem {
  background-image:url("../images/left_on.gif");
  }
  #smallMenu .smallSelectedMenuItem a {
  background-image:url("../images/right_on.gif");
  color:navy;
  padding-bottom:5px;
  }
#smallMenu{
      float:left;
      width:100%;
      background:#BFC6F3 url("../images/bg.gif") repeat-x bottom;
      font-size:93%;
      line-height:normal;
/*	display: inline;
	border: 2px solid #aaa;
	background-color: #ddd;
	padding: 3px;
	margin: 0px 1px;*/
	line-height: 22px;
	font-size: 11px;
/*	margin-left:20px;*/

}

/* open-position only */
#subHeaderText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	color: navy;
	font-size : 14px;
	font-weight : bold;
}
/* end open-position only */

/* vessel-book-values only */
#wrap{
float:left;
width:896px;
height:20px;
background-color: #ADADAF;
border:0px solid black; /*firefox goes crazy without this line*/
}

#wrap2{
float:left;
width:896px;
height:49px;
background-color: #ADADAF;
border:0px solid black; /*firefox goes crazy without this line*/
}

#wrapwhite{
float:left;
width:896px;
height:20px;
background-color:#FFFFFF;
border:0px solid black; /*firefox goes crazy without this line*/
}

#wrapheader{
float:left;
width:896px;
height:20px;
border:0px solid blue; /*firefox goes crazy without this line*/
background-image: url(../images/silver-background.jpg);
}

#wrapdata{
float:left;
width:896px;
height:20px;
background-color:  #e3e3FF;
border:0px solid grey; /*firefox goes crazy without this line*/
}
/* end vessel-book-values only */

A {
	color: #0020a0;
	font-weight : bold;
	text-decoration : none;
}
A:hover {
	color: #3360d0;
	text-decoration : underline;
}
A.invisible {
	color: black;
	text-decoration: none;
	font-weight: normal;
}
A.invisible:hover {
	color: black;
	text-decoration: none;
	font-weight: normal;
	cursor: text;
}

a.smallhover {
	color: #0020a0;
	font-weight : bold;
	text-decoration : underline;
	font-size:10px;
}

a.hover {
	color: #0020a0;
	font-weight : bold;
	text-decoration : underline;
}

.activeTabPanel{
	display: inline;
	border: 1px solid navy;
      background:#BFC6F3 url("../images/bg.gif") repeat-x bottom;
	padding: 3px;
	line-height: 22px;
	font-size: 11px;
}

BODY, TD, TH, DIV, P {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

BODY {
	background: url(../images/logo.gif);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:center;
	color: #000;
	margin: 0px;
	z-index: 0;
}

BODY.popup {
	margin-top:0px;
	background-image: url(../images/header-panel.jpg);
	background-repeat: repeat-x;
	background-position:top;
}

.popupPanel {
	margin-top:0px;
	background-image: url(../images/header-panel.jpg);
	background-repeat: repeat-x;
	background-position:top;
}

.bodyPanel {
	margin-top:5px;
	margin-left:20px;
	margin-right:10px;
}

button.white {
	font-family: monospace;
	font-size : 12px;
	font-weight : bold;
	background-color: #fff;
	color: #000080;
	padding : 0px;
	margin: 0px;
}
.cellSpacer { width:5px;background:#ffffff; }

.crewSearchLayer { overflow:auto;height:410px; }

.green {
	background-color: #A3EDC8;
}

.red {
	background-color: #ff5656;
}

.yellow {
	background-color: #FFF5B1;
}

.silver {
	background-color: #E0E0E0;
}

.pink {
	background-color: #F7CDDA;
}

/* bright red - so only use when really an error */
.error {
	background-color: #f33;
	color:white;
}

div.menu, div.menuOn {
	display: inline;
	padding: 2px 6px 2px 4px;
	margin: 0px;
	border-style : solid;
	border-color: #000080;
	border-width: 1px 1px 1px 0px;
	height : 18px;
}
div.menuOn {
	background-color : navy;
	color : #ffffff;
}
div.menu A:hover {
	color : #000080;
}
div.menuOn A {
	color: #ffffff;
	text-decoration : none;
}
div.menuOn A:hover {
	color: #ffffff;
	text-decoration : none;
}

div.hmenuitem A:hover {
	background-color: Blue;
	color: White;
}
.divbox {
	float:left;
	margin:20px;
	width:100px;
	text-align:center;
}
.divbox img, .divbox-small img {
	padding-left:10px;
	display:block;
	width: 80px;
	height: 80px;
}
div.remarks {
	width: 230px;
	background-color: #ffc;
	border: 1px dashed silver;
	padding: 3px;
}
div.small {
	font-size: 10px;
	padding: 3px;
}

.errors { color: red;}

form {
	margin: 0px;
	padding: 0px 2px;
}

H1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align : right;
	margin-top : 4px;
	margin-right: 5%;
	border-bottom : 1px solid #000080;
	font-size : 32px;
	z-index : 2;
}

h2 {
	margin-top : 0px;
	color: navy;
}

h3 {
	margin-top : 0px;
	margin-bottom: 20px;
	color: navy;
	font-size : 16px;
	font-weight : bold;
}

h4 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	font-size : 14px;
	font-weight : bold;
	margin : 1px 0px 5px;
}

h4.blockHeader {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	font-size : 14px;
	font-weight : bold;
	margin : 1px 0px;
	background-image: url(../images/silver-background.jpg);
}

h5 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	font-size : 12px;
	font-weight : bold;
	margin : 1px 0px 5px;
}

h6 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	font-size : 10px;
	font-weight : bold;
	margin : 0px 0px 10px;
}

h7 {
	font-variant: small-caps;
	font-weight: normal;
	font-style: italic;
}

.header {
	font-family: Arial, Helvetica, sans-serif;
	color: #000080;
	text-align : right;
	margin-top : 4px;
	margin-right: 5%;
	font-size : 32px;
	z-index : 2;
	float:right;
}

.headerPanel {
	margin-top:0px;
	background-image: url(../images/header-panel.jpg);
	height:125px;
	background-repeat: repeat-x;
}

.headerPanel td {
	font-size:12px;
	font-family: Arial, Helvetica, sans-serif;
	padding-top:3px;
}

.headerText {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 0;
	color: navy;
	font-size : 18px;
	font-weight : bold;
}

.inactiveTabPanel{
	display: inline;
	border: 1px solid #ccf;
        background-color:grey;
	line-height: 22px;
	font-size: 11px;
}

.indented {
	margin-left:20px;
}

input {
	font-size : 12px;
	color: #000080;
}

input.readonly {
	background-color: silver;
}

input.small {
	font-size : 10px;
}

input.wide {
	width : 98%;
}

.listBoxes {
	font-family: Tahoma, Verdana, Arial;
	font-size: 11px;
	width: 180px;
}

div.menuCellClone {
	background-color:#017DA5;
	height:22px;
	border:1px solid gray;
	width:200px;
	padding-top:2px;
	text-align:center;
}

div.menuCellClone a {
	color:white;
	font-size:10pt;
	font-weight:normal;
}

div.menuCellClone a:hover {
	color:white;
}

.menuHolderCell { width:100px;vertical-align:top; }
.menuItemCellOn { height:16px;vertical-align:middle;padding:0px 0px 0px 2px;background-image: url(../images/silver-background.jpg);}
.menuItemCellOff { height:16px;vertical-align:middle;padding:0px 0px 0px 2px;}

p.error {
	color: #ff0000;
	font-weight : bold;
}

p.small {
	font-size: 10px;
	margin : 0px;
}
.remarks p {
	font-size:xx-small;
}
.remarks h7 {
	font-weight: bold;
	font-size:x-small;
	border-bottom: 1px solid navy;
}

select {
	font-size : 12px;
	font-weight : bold;
	background-color: #fff;
	color: #000080;
}

select.small {
	font-size : 10px;
	font-weight : bold;
	background-color: #fff;
	color: #000080;
}

option.disabled {
	background-color:silver;
	color:white;
}

table.green {
	background-color: #A3EDC8;
}

table.red {
	background-color: #ff5656;
}

table.crewSummary {
	color: #000000;
	background-color: white;
	padding: 1px;
	border: 1px solid navy;
}
table.crewSummary th {
	text-align : left;
	background-color: #BBDAE1;
	color: #000080;
	width: auto;
	font-weight : normal;
	/*border : 1px solid Navy;*/
}
table.crewSummary td {
	text-align : left;
	background-color: #e3e3FF;
}
table.crewDetail {
	color: #000080;
	background-color: white;
	padding: 1px;
	border: 1px solid navy;
	overflow: scroll;
}
table.crewDetail th {
	text-align : left;
	background-color: #BBDAE1;
	color: #000080;
	width: auto;
	font-weight : normal;
	/*border : 1px solid Navy;*/
}

table.crewDetail tr.currentvoyage {
	text-align : left;
	background-color:#A3EDC8;
}
table.crewDetail tr {
	text-align : left;
	background-color: #e3e3FF;
}

table.formatted {
	background-color: transparent;
	border: 1px solid #ABABAB;
	margin: 10px;
	cellspacing: 0;
	border-collapse:collapse;
}

table.formatted th {
	background-color: #BBDAE1;
	/* zodiac edit out:	background-image: url( "./css-images/table_col_header.gif" );*/
	background-position: bottom;
	background-repeat: repeat-x;
	font-weight: normal;
	text-align: center;
	color: #000080;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	text-align : left;
	font-size : 11px;
/*	background-color: #BBDAE1;
	color: #ffffff;
	width: auto;
	font-size : 12px;
	padding: 3px;
	border : 1px solid Navy;
	font-weight : bold;*/
}

table.formatted th.small {
	font-size : 10px;
}

table.formatted th.smallcenter {
	font-size : 10px;
	text-align: center;
}

table.formatted th.smallblackongrey {
	background-color: #dddddd;
	color: black;
	font-size : 10px;
}

table.formatted td {
	color: #000080;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	font-size : 11px;
/*	text-align:left;
	vertical-align:top;
	background-color: #e3e3FF;
	font-size : 12px;
	width: auto;
	padding: 3px;*/
}

table.formatted td.green {
	background-color: #A3EDC8;
}

table.formatted td.red {
	background-color: #ff5656;
}

table.formatted td.yellow {
	background-color: #FFF5B1;
}

/* bright red - so only use when really an error */
table.formatted td.error {
	background-color: #f33;
	color:white;
}

table.formatted td.centerText {
	text-align: center;
}

table.formatted td.small {
	font-size : 10px;
}

table.formatted td.smallgreen {
	background-color: #A3EDC8;
	font-size : 10px;
}

table.formatted td.smallred {
	background-color: #F7CDDA;
	font-size : 10px;
}

table.formatted td.smallyellow {
	background-color: #FFF5B1;
	font-size : 10px;
}

/* bright red - so only use when really an error */
table.formatted td.smallerror {
	background-color: #f33;
	color:white;
	font-size : 10px;
}

table.formatted td.smallcenter {
	font-size : 10px;
	text-align:center;
}

table.formatted td.smallcentergreen {
	background-color: #A3EDC8;
	font-size : 10px;
	text-align:center;
}

table.formatted td.smallcenterred {
	background-color: #F7CDDA;
	font-size : 10px;
	text-align:center;
}

table.formatted td.smallcenteryellow {
	background-color: #FFF5B1;
	font-size : 10px;
	text-align:center;
}

/* bright red - so only use when really an error */
table.formatted td.smallcentererror {
	background-color: #f33;
	color:white;
	font-size : 10px;
	text-align:center;
}

table.formatted td.smallright20 {
	font-size : 10px;
	padding-right: 20px;
	text-align:right;
}

table.formatted td.smallright20green {
	background-color: #A3EDC8;
	font-size : 10px;
	padding-right: 20px;
	text-align:right;
}

table.formatted td.smallright20red {
	background-color: #F7CDDA;
	font-size : 10px;
	padding-right: 20px;
	text-align:right;
}

table.formatted td.smallright20yellow {
	background-color: #FFF5B1;
	font-size : 10px;
	padding-right: 20px;
	text-align:right;
}

/* bright red - so only use when really an error */
table.formatted td.smallright20error {
	background-color: #f33;
	color:white;
	font-size : 10px;
	padding-right: 20px;
	text-align:right;
}

table.formatted tr.tdasheader {
	text-align : left;
	background-color: #BBDAE1;
	color: #000000;
	width: auto;
	font-size : 11px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

table.formatted td.tdasheader {
	text-align : left;
	background-color: #BBDAE1;
	color: #000080;
	width: auto;
	font-size : 11px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

table.formatted td.tdasdetail {
	text-align : left;
	background-color: white;
	width: auto;
	font-size : 11px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
}

table.formatted td.td70 {
	width: 70%;
}

table.formatted td.noborder {
	border:0px;
}

table.formatted select.small {
	font-size : 10px;
	font-weight : bold;
}

table.forwardingAppTemplate {
	width:98%;
	height:85%;
}

table td.supplierPerformance {
	font-size:0.40em;
	text-align:center;
}

table td.supplierPerformanceBold {
	font-size:0.40em;
	text-align:center;
	font-weight : bold;
}

table td.supplierPerformanceHeader {
	font-size:0.50em;
}

table td.supplierPerformanceHeaderBold {
	font-size:0.50em;
	font-weight : bold;
}

table td.supplierDataNotAvailable {
	font-weight : bold;
	background: #90ee90;
	text-align:center;
}

table td.small {
	font-size : 10px;
	width: auto;
	padding: 3px;
}

table td.menuRightBorderForwardingApp {
	border-right:1px solid Navy;
	vertical-align: top;
}

table td.icePnlGrdCol3 {
	font-weight: bold;
	font-size:12px;
	vertical-align: top;
}

table td.icePnlGrdCol4 {
	font-weight: bold;
	font-size:12px;
	vertical-align: top;
}

table td.icePnlGrdColMiddle {
	font-weight: bold;
	font-size:1.4em;
	vertical-align: middle;
	color: #000080;
}

table td.icePnlGrdColTop {
	font-weight: bold;
	font-size:1.4em;
	vertical-align: top;
	color: #000080;
}

/* vessel performance */
table.formatted td.smallbordered {
	background-color: #e3e3FF;
	font-size : 10px;
	width: auto;
	border-top: 1px solid #b3b3FF;
	border-left: 1px solid #b3b3FF;
	border-right: 1px solid #b3b3FF;
	border-bottom: 1px solid #b3b3FF;
}

table.formatted td.smallborderedsides {
	background-color: #9cf;
	font-size : 10px;
	width: auto;
	border-top: 1px solid #b3b3FF;
	border-left: 1px solid #b3b3FF;
	border-right: 1px solid #b3b3FF;
}
/* end vessel performance */

table.report {
	background-color: #e3e3FF;
	color: #000000;
	padding: 1px;
}

table.report tr {
	height : 10px;
}

table.report th {
	text-align : left;
	font-size : 10px;
	padding: 1px;
	font-weight : bold;
	width:100px;
}

table.report td {
	text-align : left;
	font-size : 10px;
	padding: 1px;
}

/* attendance reports only */
table.largeFont {
	font-size : 1.1em;
}
table.largeFont th {
	font-size : 1.1em;
}
table.largeFont td {
	font-size : 1.1em;
}
/* end attendance reports only */

/* expense reports only */
table.smallFont {
	font-size : 0.8em;
}
table.smallFont th {
	font-size : 0.8em;
}
table.smallFont td {
	font-size : 0.8em;
}
/* end expense reports only */

/* loss ratio report only */
.tabPanelContent{
	border: solid grey;
	border-width: 0px 2px 2px 2px;
	background-color: white;
	padding: 3px;
	margin: 0px 1px;
	line-height: 22px;
	font-size: 11px;
}
/* end loss ratio report only */

/* job application only */
td.documentBodyContent {
	width: 55%;
 	font-weight:normal;
 	color:#555555;
 	background-color:#eeefff;
 	text-align:left;
 	vertical-align:middle;
 	border-collapse:collapse;
}

td.documentBodyTitle {
	text-align : left;
	background-color: #BBDAE1;
	color: #ffffff;
	font-size : 12px;
	padding: 3px;
	border : 1px solid Navy;
	font-weight : bold;
	width: 25%;
}
/* end job application only */

textarea {
	font-family: monospace;
	font-size : 12px;
	font-weight : bold;
	background-color: #fff;
	color: #000080;
	padding : 0px;
	margin: 0px;
}

textarea.small {
	font-size : 10px;
}

textarea.readonly {
	background-color: silver;
}

textarea.smallreadonly {
	font-size : 10px;
	background-color: silver;
}
.topmenu { font-weight:bold; color:#ffffff; background-image: url(../images/cone_on.gif); text-align:center; vertical-align:middle; padding:0px 30px 0px 10px; border-collapse:collapse;}
.topmenuSelected { font-weight:bold; color:#ffffff; background-color: #BBDAE1; text-align:center; vertical-align:middle; padding:0px 30px 0px 10px; border-collapse:collapse;}
.boldedCell {
    text-align : left;
    background-color: #BBDAE1;
    color: #ffffff;
    width: inherit;
    font-size : 10px;
    padding: 3px;
    border : 1px solid Navy;
    font-weight : bold;
}

pre {
	white-space: -moz-pre-wrap; /* Mozilla, supported since 1999 */
	white-space: -pre-wrap; /* Opera 4 - 6 */
	white-space: -o-pre-wrap; /* Opera 7 */
	white-space: pre-wrap; /* CSS3 - Text module (Candidate Recommendation) http://www.w3.org/TR/css3-text/#white-space */
	word-wrap: break-word; /* IE 5.5+ */
}