#updateTemplate
{
  padding: 0px 5px 15px 10px;
  margin: 0 0 20px;
  /*border: 1px solid #3E4A49;*/
  border: 1px solid #aaaaaa;
}

#updateTemplate legend.outer
{
  color: #FFFFFF;
  /*background-color: #4899BE;*/
  background: #133976 url(jquery/images/ui-bg_highlight-soft_75_133976_1x100.png) 50% 50% repeat-x;
  /*font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  font-weight: bold;*/
  font-family: Verdana,Arial,sans-serif; 
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
  padding: 8px 10px 10px 8px;
  margin: 0px 0px 6px 0px;
  padding: 0px 4px 0px 4px;
  
  /*border: 1px solid #3E4A49;*/
  border: 1px solid #133976;
  text-align: center;
}

.outerHeader
{
  color: #FFFFFF;
  /*background: #133976 url(jquery/images/ui-bg_highlight-soft_75_133976_1x100.png) 50% 50% repeat-x;*/
  font-family: Verdana,Arial,sans-serif; 
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
  padding: 8px 10px 10px 8px;
  margin: 0px 0px 6px 0px;
  padding: 0;
  width: 10em;
  /*border: 1px solid #133976;*/
  text-align: left;
}



fieldset.updateTemplateInner_ThreeColumns
{
  padding: 0px 10px 10px 10px;
  margin: 0px 10px 0px 4px;
  /*border: 1px solid #3E4A49;*/
  border: 1px solid #aaaaaa;
  width: 565px;
}

legend.updateTemplateInner_ThreeColumns 
{
  color:#4f4f4f;
  /*background-color: #4899BE;*/
  background: #FFFFFF;
  /*font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  font-weight: bold;*/
  font: 10px Verdana, Arial, Helvetica, sans-serif; color:#4f4f4f;
  font-weight: bold;
  padding: 8px 10px 10px 8px;
  margin: 0px 0px 6px 0px;
  padding: 0;
  border-width: 0px;
  text-align: center;
}

fieldset.updateTemplateInner_TwoColumns
{
  padding: 0px 10px 10px 10px;
  margin: 0px 10px 0px 0px;
  border: 1px solid #aaaaaa;
  width: 265px;
}

fieldset.updateTemplateInner_TwoColumns table
{
  /*width: 100%;*/
  
}

legend.updateTemplateInner_TwoColumns 
{
  color:#000000;
  /*background-color: #4899BE;*/
  background: #FFFFFF;
  
  font-size: 1.0em;
  font-weight: bold;
  
  padding: 8px 10px 10px 8px;
  margin: 0px 0px 6px 0px;
  padding: 0;
  border-width: 0px;
  text-align: center;
}



#updateTemplate div
{
    margin-top: 1px;
}

#updateTemplate table.twoColumns
{
    
}

#updateTemplate table.twoColumns td.left
{
    width: 50%;
}

#updateTemplate table.twoColumns td.right
{
    width: 50%;
}

#updateTemplate table.threeColumns
{
    
}

#updateTemplate table.threeColumns td.left
{
    width: 240px;
    vertical-align: bottom;
    padding-right: 20px;
}

#updateTemplate table.threeColumns td.middle
{
    width: 180px;
    vertical-align: bottom;
}

#updateTemplate table.threeColumns td.right
{
    width: 180px;
    vertical-align: bottom;
}


#updateTemplate table.threeColumns td.leftMiddleRight
{
    vertical-align: bottom;
    padding-right: 20px;
}

#updateTemplate table.threeColumns td.left2
{
    width: 180px;
    vertical-align: bottom;
    padding-right: 16px;
}

#updateTemplate table.threeColumns td.middle2
{
    width: 240px;
    vertical-align: bottom;
}

#updateTemplate table.threeColumns td.right2
{
    width: 165px;
    vertical-align: bottom;
}

#updateTemplate table.threeColumns td.middle2 select
{
  margin: 0 0 0 0;
  width: 240px;
  padding: 2px;
}


#updateTemplate label
{
  /*display: block;
  float: left;
  clear: left;*/
  text-align: right;
  padding-top: 0.25em;
  margin: 0 5px 0 0;
}

#updateTemplate select
{
  margin: 0 0 0 0;
  width: 190px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#updateTemplate select.small
{
  margin: 0 0 0 0;
  width: 80px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#updateTemplate select.medium
{
  margin: 0 0 0 0;
  width: 150px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#updateTemplate input[type="text"]
{
  margin: 0 0 0 0;
  width: 75px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#updateTemplate input[type="text"].medium
{
  margin: 0 0 0 0;
  width: 143px;
  padding: 2px;
}
#updateTemplate input[type="password"].medium
{
  margin: 0 0 0 0;
  width: 143px;
  padding: 2px;
}

#updateTemplate input[type="text"].large
{
  margin: 0 0 0 0;
  width: 143px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#updateTemplate input[type="text"].xlarge
{
  margin: 0 0 0 0;
  width: 180px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#updateTemplate input[type="text"].xxlarge
{
  margin: 0 0 0 0;
  width: 250px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#updateTemplate input[type="text"].twoColumnSplit
{
  margin: 0 0 0 0;
  width: 116px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}



#updateTemplate input:focus, #updateTemplate select:focus
{
  /*border: 1px solid #4899BE;*/
}

#updateTemplate input[type="checkbox"]
{
  width: 13px;    
  height: 13px;    
  padding: 0;    
  margin:0;    
  vertical-align: bottom;    
  position: relative;    
  top: -1px;    
  overflow: hidden;
}

#updateTemplate label:forCheckBox
{
  display: block;    
  padding-left: 15px;    
  text-indent: -15px;
}


#searchTemplate
{
  padding: 0px 20px 10px 20px;
  margin: 0px;
  /*border: 1px solid #3E4A49;*/
  border: 1px solid #aaaaaa;
  width: 520px;
}

#searchTemplate legend
{
  color: #FFFFFF;
  /*background-color: #4899BE;*/
  background: #133976 url(jquery/images/ui-bg_highlight-soft_75_133976_1x100.png) 50% 50% repeat-x;
  /*font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  font-weight: bold;*/
  font-family: Verdana,Arial,sans-serif; 
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.5em;
  padding: 8px 10px 10px 8px;
  margin: 0px 0px 6px 0px;
  padding: 0;
  width: 10em;
  /*border: 1px solid #3E4A49;*/
  border: 1px solid #133976;
  text-align: left;
}

#searchTemplateInner
{
  padding: 0px 10px 10px 10px;
  margin: 0px 0px 0px 0px;
  /*border: 1px solid #3E4A49;*/
  border: 1px solid #aaaaaa;
  width: 130px;
}

#searchTemplateInner legend
{
  color:#4f4f4f;
  /*background-color: #4899BE;*/
  background: #FFFFFF;
  /*font-family: Arial, Helvetica, Sans-serif;
  font-size: 0.9em;
  font-weight: bold;*/
  font: 10px Verdana, Arial, Helvetica, sans-serif; color:#4f4f4f;
  padding: 8px 10px 10px 8px;
  margin: 0px 0px 6px 0px;
  padding: 0;
  border-width: 0px;
  text-align: center;
}

#searchTemplate div
{
    margin-top: 1px;
}

#searchTemplate table.twoColumns
{
    
}

#searchTemplate table.twoColumns td.left
{
    width: 50%
}

#searchTemplate table.twoColumns td.right
{
    width: 50%
}

#searchTemplate table.threeColumns
{
    
}

#searchTemplate table.threeColumns td.left
{
    width: 50%;
    vertical-align: bottom;
    padding-right: 20px;
}

#searchTemplate table.threeColumns td.middle
{
    width: 50%;
    vertical-align: bottom;
}

#searchTemplate table.threeColumns td.right
{
    width: 80px;
    vertical-align: bottom;
}

#searchTemplate label
{
  /*display: block;
  float: left;
  clear: left;*/
  text-align: right;
  padding-top: 0.25em;
  margin: 0 5px 0 0;
}

#searchTemplate select
{
  margin: 0 0 0 0;
  width: 200px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}

#searchTemplate input[type="text"]
{
  margin: 0 0 0 0;
  width: 75px;
  /*border: 1px solid #FEF7D6;*/
  padding: 2px;
  /*background: transparent url("field_bg.gif") no-repeat 0 0;*/
}


#searchTemplate input:focus, #updateTemplate select:focus
{
  /*border: 1px solid #4899BE;*/
}

#searchTemplate input[type="checkbox"]
{
  width: 13px;    
  height: 13px;    
  padding: 0;    
  margin:0;    
  vertical-align: bottom;    
  position: relative;    
  top: -1px;    
  overflow: hidden;
}

#searchTemplate label:forCheckBox
{
  display: block;    
  padding-left: 15px;    
  text-indent: -15px;
}



.field-validation-error
{
    color: #ff0000;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.input-disabled {
  background:#CDCDCD;
  color:blue;
  cursor:default;
  border-color: #ffffff;
  border-style: inset;
  border-width: 2px;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.ui-state-error ul
{
    padding : 0px;
    margin-left: 20px
}

#Search-LoadImage
{
    position: absolute; 
    z-index: 10000; 
    top: 252px; 
    left: 30px; 
    width: 829px; 
    height: 200px; 
    background: white; 
    border: 1px solid #000000; 
    text-align: center;
    padding-top: 60px;
}

/*
#Submit-LoadImage
{
    position: absolute; 
    z-index: 10000; 
    top: 252px; 
    left: 30px; 
    width: 829px; 
    height: 200px; 
    background: white; 
    border: 1px solid #000000; 
    text-align: center;
    padding-top: 60px;
}
*/

#CreateBooking_Routes-LoadImage
{
    position: absolute; 
    z-index: 10000; 
    top: 73px; 
    left: 481px; 
    width: 130px; 
    height: 56px; 
    background: white; 
    border: 1px solid #000000; 
    text-align: center;
    padding-top: 2px;
}


.StenaFreightLogoLayer 
{
	position: absolute;
    top: 15px;
    left: 15px;
    width: 120px;
    height: 65px; 
    cursor:pointer;
}
.ScandlinesFreightLogoLayer 
{
	position: absolute;
    top: 25px;
    left: 810px;
    width: 120px;
    height: 45px; 
    cursor:pointer;
}

.alertMsg
{
	color: #ff0000;
/*    color: #ff0000;
*/
}

#divSearchArea 
{
  color: #4f4f4f;
  font-family: Verdana,Arial,sans-serif; 
}

#divSearchArea select
{
  margin: 0 0 0 0;
  width: 200px;
  padding: 2px;
}

#divSearchArea select.sector
{
  margin: 0 0 0 0;
  width: 160px;
  padding: 2px;
}

#divMessageResults
{
	color:#4f4f4f;
	font-family: Verdana,Arial,sans-serif; 
}

#divMessageResults table
{
	width: 450px;
}

#divMessageResults td.routeHeader
{
	font-size: 10px; 
	font-weight: bold;
}

#divMessageResults td.header
{
	font-weight: bold;
}