body
{
  COLOR: black;
  FONT-FAMILY:      Helvetica, Arial, sans-serif;
  FONT-STYLE:       normal;
  BACKGROUND-COLOR: white; 
  margin:0;
  padding:0;
}

H1 {
	font-family:			Helvetica, Arial, sans-serif;
  FONT-SIZE:        x-large;
	color:					  #3d3a3a;
	font-weight:			bold;
	margin:					2px;
}

H2 {
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				12pt;
	color:					  #3d3a3a;
	font-weight:			bold;
}

H3 {
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				10pt;
	color:            #3d3a3a; 
	font-weight:			bold; margin-bottom:5px; margin-left: 5px;  
}

H4
{ 
  FONT-FAMILY: Helvetica, Arial, sans-serif;
  background-color: #3972AD;
  color: white;
  text-indent: 10px; 
  padding:2px;
  margin:0;
  margin-top:15px;
  margin-bottom:15px;
  text-decoration: underline;
}

H6
{ 
  FONT-FAMILY: Helvetica, Arial, sans-serif;
  color: #3d3a3a; font-size: 8px;
  
  
}

H7
{ 
  FONT-FAMILY: Helvetica, Arial, sans-serif;
  color: Black; 
  font-size: 15px; font-weight: bolder; 
}
/* Layout */

#container { 
  width: 100%;
  margin: 5px 5px 10px 5px;
}

#header {width: 100%;}
#header table { border: 1px solid #3972AD;}
#header td { color: #ffffff; text-decoration: none; }

#toolbar {width: 100%;}
#toolbar table { border:1px solid #3972AD; background: #3972AD;}
#toolBar td { color: #ffffff;	text-decoration: none; font-size: 11px }
#toolbar a { color: #ffffff; text-decoration: none;}
#toolBar a:hover { color: #3972AD;	background: #fff;}
#toolBar a:visited { color: #0057A5;}

#body { 
  border:1px solid #3972AD; 
  background: rgb(153,204,255);
} 

#body_without_menu { 
  border:1px solid #3972AD; 
} 

#menu { 
  display: inline;
  text-decoration: none; font-size: 10px;
  padding: 15px;
  float: left;
  width: 150px;
  height:auto !important;
}

#menu ul { 
  list-style: none;
  margin:0px;
  padding:0px;
}

#menu li{
  display: block;
  padding-bottom: 1px;
}

#menu li a{
  margin-left: -5px;
  margin-right: 15px;
  padding: 5px 1px;
  font-size: 10px;
  display: block;
  color: #0057A5;
  text-decoration: none;
  font-weight: bold;
}

#menu td { color: black;	background: rgb(153,204,255); text-decoration: none; font-size: 9px }
#menu a { color: blue; text-decoration: none;}
#menu a:hover { color: #ffffff;	background: #3972AD; text-decoration: none;}
#menu a:visited { color: #0057A5; }

#content { 
  background: white;
  margin:0;
  padding:15px;
  margin-left: 225px;
  height: auto;
}

#content_without_menu { 
  background: white;
  margin:0;
  margin-left:5px;
  padding:15px;
}

#clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

/* content layout */

.title {
	font-family:			Helvetica, Arial, sans-serif;
	font-size:				11pt;
	color:					#1B6DB3;
	font-weight:			bold;
	margin:					7px;
}

input.dataOutput
{
	font-size: 10px; 
	color: #000000;
	size: 2;
}

input.dataInput
{
	font-size: 10px; 
	color: #000000;
	size: 2;
}
input.dataCC
{
	font-size: 10px; 
	color: #000000;
	size: 2;
}
input.dataSize
{
	font-size: 10px; 
	color: #000000;
}
input.cleanText
{
	font-size: smaller; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-style: none;
  background-color: transparent;
}

input.contactText
{
	font-size: smaller; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-bottom-width: thin;
  background-color: InfoBackground;

  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: solid;
}

input.changeCompanyAddressText
{
	font-size: smaller; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-bottom-width: thin;
  background-color: InfoBackground;

  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  visibility:hidden
}


input.seasonText
{
	font-size: 9px; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-bottom-width: thin;
  background-color: InfoBackground;
  border-top-style: none;
  border-left-style: none;
  border-right-style: none;
  border-bottom-style: solid;
  
}

input.smallText
{
	font-size: smaller; 
	text-align: center;
	margin: 0px;
	color:Black;
  border-style: none;
}
input.smalRowNumber
{
	font-size: xx-small; 
	text-align: left;
	margin: 0px;
	color:White;
  border-style: none;
  text-transform: capitalize;
  background-color: Gray;
  border-bottom-width: thin;
  border-bottom-style: solid;
}
input.smallEditorText
{
	font-size: xx-small; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-style: none;
  text-transform: uppercase;
  background-color: InfoBackground;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: Gray;
}

input.smallConfirmedText
{
	font-size: xx-small; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-style: none;
  text-transform: uppercase;
  border-bottom-width: thin;
  border-bottom-style: solid;
  border-bottom-color: Gray;
}

input.smallEditText
{
	font-size: xx-small; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-style: none;
  text-transform: capitalize;
  border-color: transparent;
  background-color: transparent;
}

input.smallEditCargoText
{
	font-size: xx-small; 
	text-align: left;
	margin: 0px;
	color:Black;
  border-style: solid;
  text-transform: capitalize;
  border-color: ActiveBorder;
  border-bottom-width: thin;
  border-top-width: thin;
  background-color: InactiveBorder;
}

input.smallEditButton
{
	font-size: 10px; 
	color: #000000;
	cursor:pointer;
}
input.smallEditorButton
{
	font-size: 9px; 
	color: Gray;
	cursor:pointer;
  background-color: transparent;
  text-decoration: underline;
  border-style: none;
}

input.addCargoButton
{
	font-size: 10px; 
	color: #000000;
	cursor:pointer;
}

input.submitTopBtn
{
	font-size: 14px; 
	color: #000000;
	cursor:pointer;
  margin-top: 1%;
  margin-bottom: 1%;
}

input.submitLowerBtn
{
	font-size: 14px; 
	color: #000000;
	cursor:pointer;
  margin-top: 1%;
}

input.inputHidden{
  visibility: hidden;
}

.box { 
  background-color:#D2D2D2;
  color: #505050;
  font-weight: bold;
  padding-left: 20px;
  border-color: black;
  border-spacing:0px;
  padding-top: 30px;
  padding-bottom: 30px;
}

table.box { 
  padding:20px;
  width:auto;
  margin:0;
}

table.box th { 
  FONT-FAMILY: Helvetica, Arial, sans-serif;
  background-color: #505050;
  color: white;
  text-indent: 10;
  font-weight: bolder;
}

td.control { 
  border: 0px;
  width: 0%;
  background-color:white;
  text-align: right;
  padding:0;

}

.note { 
  border-width:3px; 
  padding:8px; 
  margin-top:15px;
  background-color:#FFFFF0;
  font-size:small;
  border-style: solid;
  border-color: #eeeeee;
  color: #333333;
}

table.menu { 
  background-color:#C0C0C0;
  border-collapse: separate;
  border-spacing: 10;
}

A.menu { 
  display: block;
  color: blue;
  background-color:#C0C0C0;
  text-decoration: none;
  font-weight: bold;
}

A.menu:hover { 
  color: white;
  background-color: blue;
}

.error { 
  color: red;
  text-align: center;
  font-weight: bold;
}

.success { 
  color: green;
  text-align: center;
  font-weight: bold;
}

a.colorNc
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
  cursor: pointer;
}

a.colorLc
{
	background-color: #FFFFFF;
	color: #000000;
	font-weight: bold;
  cursor: pointer;
}
table.headerTable
{
	padding: 4px 4px 4px 4px;
	background: #FFFFFF;  
  width: 100%;
  border-bottom-color: #3d3a3a;
  border-bottom-style: none;
  border-bottom-width: thin;
  background-color: White;
  color: Black;
  font-size:10px;
}
table.linkTable 
{
	width: 605px;
	vertical-align: top;
	text-align: center;
	margin: 0px;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	font-size: 12px; 
  border-left: solid;
  border-right: solid;
  border-left-width: thin;
  border-right-width: thin;
  border-spacing: 1px;
}
table.certificatelinks 
{
	width: 615px;
	vertical-align: top;
	text-align: center;
	margin-left: 15px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	font-size: 12px; 
  border-left: solid;
  border-right: solid;
  border-left-width: thin;
  border-right-width: thin;
  border-spacing: 1px;
}
table.thSmall
{
	width: 70%;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	white-space: nowrap;
	border-top: none 1px #aaaaaa;
	border-bottom: none 1px #aaaaaa;
	font-size: 9px; 
  margin-bottom: 0pt;
}
table.allhourTable
{
	width: 100%;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 9px; 
  border-width: thin;
}

a.assignClass
{
  font-size: 8pt;
  color: #000000;
  margin-left: 2px;
  margin-right: 2px;
  cursor:pointer;
}
a.updateClass
{
  font-size: 10pt;
  color: #000000;
  margin-left: 2px;
  margin-right: 2px; 
  cursor:pointer;
}
a.contract
{
  color: Red;
  
}
fieldset.bannerClass
{
	font-size: 10px; 
	color: Black;
	width: 625px;
  border-color: #3d3a3a;
 
}

.table{
	padding: 4px 4px 4px 4px;
	background: #FFFFFF;  
  width: 80%;
  border-bottom-color: #3d3a3a;
  border-bottom-style: none;
  border-bottom-width: thin;
  background-color: White;
  color: Black;
  font-size:9px;
}

#commodityTable{
  width: 500px;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 10px;   
}
#cargoTable{
  width: 80%;
	vertical-align: top;
	text-align: left;
	margin: 0px;
	padding-left: 1px;
	padding-right: 1px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	border-top: solid 1px #aaaaaa;
	border-bottom: solid 1px #aaaaaa;
	font-size: 10px;   
}
#accountTable{
	background: #FFFFFF;  
  width: 80%;
  border-bottom-color: #3d3a3a;
  border-bottom-style: none;
  border-bottom-width: thin;
  background-color: White;
  color: Black;
  font-size:10px;
}
.select
{
	font-size: 10px; font-weight: bold;  
  border-width:thin;
  border-color: #3d3a3a;
	color: #3d3a3a;
  border-left: solid 1px #aaaaaa;
  border-right: solid 1px #aaaaaa;
  border-top: solid 1px #aaaaaa;
  border-bottom: solid 1px #aaaaaa;
  
}
#ITEMS { 
  width: 140px;
  font-size:9px;
  border-width:thin;
  border-color: #3d3a3a;
  margin-left: 1pt;
}

input.smallAddButton
{
	font-size: 9px; 
	color: Gray;
	cursor:pointer;
  background-color: transparent;
  text-decoration: underline;
}
.question_style {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	vertical-align: middle;
	color: #595959;
	line-height:13px
}
.question_style_disabled {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 9pt;
	vertical-align: middle;
	color: #595959;
	line-height:13px;
        background-color:rgb(181,181,181);
}
.label_style {
	vertical-align: middle;
	color: #3d3a3a;
	font-weight: bold;
}
.sub_label_style {
	vertical-align: middle;
	color: #636161;
	font-weight: normal;
}
.left_align {
    vertical-align: top;
    text-align: left;
    float: left;
    margin-left: 15px;
    width: 45%;
}
.right_align {
    vertical-align: top;
    text-align:left;
    float: right;
    margin-right: 15px;
    width: 45%;
}
div.container {
	border: 0px solid #000000;
	overflow: auto;
	width: 60%
}


.banner {
   background-color:#ffffff;
   color:red;
   font-size:11pt;
   font-weight:bold;
   overflow:auto;
   padding: 5px;
}