@import url("Theme.BaseTheme.css?29013");

@charset "utf-8";
/* CSS Document */

/*html {
    overflow-y: scroll;
}*/
html, body, div, span, 
form, table, tbody, thead {
    margin: 0px;
    padding: 0px;
}

body {
    text-align: left; 
    font-family:Calibri, Arial; 
    font-size: 12px; 
    color:#000; 
    background-color:#FFF; 
    margin: 0 auto; 
    padding: 0;
}
img{border:0px;}
.container{text-align:left; width:960px; margin: 0px auto; padding-top:0px; }

.top{ height:110px;}
.top_logo{width:425px;height:110px; float:left;}
.top_menu{float: right; height: 75px; margin-top: 20px; text-align: right;}
.searchBox{border: 1px dotted #B9B9B9; width:150px; float:right; height:22px;}
.searchInput{border: 0 none; padding: 0px; width: 125px; height:22px; display:inline;}
#searchForm input[type=submit]{
    margin-top: 5px; 
    background-image:url(/images/search-arrow.png?29013);
    background-repeat:no-repeat;
    width:13px; 
    height:12px;
    border:0px;
    padding:0px;
    float:right;
}

#searchForm input[type=submit]:hover{
    cursor: pointer
}


.flag{float:right; margin-left:5px;}
#groupBox{width:150px; margin-left:20px; float:right;}


.menu{
    height: 46px;
    width:940px;
    font-size:18px;
    color:#FFF;
    background-color:#7f7f7f;
    padding-left:20px;
    border-bottom:4px solid #005172;
    border-top-right-radius:10px; 
    -moz-border-radius-topright:10px; 
    border-top-left-radius:10px; 
    -moz-border-radius-topleft:10px;
}

#nav {margin:0; padding:0; list-style:none; background-color:#7f7f7f;}   
#nav li {float:left; display: table-cell; position:relative; z-index:500; height:46px; min-width:100px;}
#nav li a {display:table-cell; padding:0px 30px 0 30px; text-decoration:none; color:#FFF; vertical-align: middle; height:46px;}
#nav li:hover{background-color:#ccc; color:#000000;}
#nav li:hover a{color:#000000; vertical-align: middle;}
#nav li a:hover {color:#000000;}

#nav ul {position:absolute; left:0; display:none;  padding:0; margin:0; list-style:none; border-left:1px solid #ccc;border-right:1px solid #ccc; border-bottom:1px solid #ccc; width:100% - 2px;}
#nav ul li {width:100%; background-color:#fdfdfd; display:table; height:25px;}
#nav li:hover ul a {display:table-cell; color:#7f7f7f; font-size: 12px; padding:0px 0px 0px 10px; margin:0px; vertical-align: middle; height:25px;}
#nav li:hover ul p {display:table-cell; color:#7f7f7f; font-size: 12px; padding:0px 0px 0px 10px; margin:0px; vertical-align: middle; height:25px;}
#nav li:hover ul a:hover {color:#005172; text-decoration:underline;}
#nav li:hover ul li:hover a{color:#005172; text-decoration:underline;}
#nav li:hover ul li{background-color:#ffffff;}


.header{
    height:277px;
    width:960px;
}
.header2{
    height:180px;
    width:960px;
}

.content{
    width:900px;
    background-color:#e2e2e2;
    padding:30px;
    display: table-cell;
    overflow:auto;
}
.content2{
    width:580px;
    background-color:#e2e2e2;
    padding:10px 30px 30px 30px;
    display: table-cell;
    overflow:auto;
}
.content3{
    width:300px;
    display: table-cell;
    padding:20px 0px 20px 20px;
    vertical-align:top;
    overflow:auto;
    overflow-x: hidden;
}
.content4{
    width:900px;
    background-color:#e2e2e2;
    padding:10px 30px 30px 30px;
    display: table-cell;
    overflow:auto;
}
.content-nav{
    width:100%;
    border-bottom:1px solid #cccccc;
    padding-bottom:5px;
    float:left;
    margin-bottom:10px;
    color: #7f7f7f;
}
.content-menu{
    float:left;
    border:1px solid #cccccc; 
    background-color:#FFF;
    width:125px;
    min-height:50px;
}
.content-menu ul{margin:0; padding:0; list-style:none;} 
.content-menu ul li {width:100%; background-color:#fdfdfd; display:table; height:25px;}
.content-menu ul a {display:table-cell; color:#7f7f7f; font-size: 12px; padding:0px 0px 0px 10px; margin:0px; vertical-align: middle; height:25px;}
.content-menu ul a:hover {color:#005172; text-decoration:underline;}
.content-menu ul li:hover a{color:#005172; text-decoration:underline;}
.content-menu ul li{background-color:#ffffff;}
.content-box-small{
    width:259px;
    min-height:100px;
    display:table-cell;
    float:left;
}
.content-l{
    vertical-align:top;
    padding-left:30px;
    overflow: hidden;
}

.content-r{
    width:298px;
    background-color:#e2e2e2;
    border:1px solid #cccccc;
    padding:0px;
    min-height:100px;
}

.margin-top{
    margin-top:20px;
}

.content-r h1{
    padding: 15px 15px 10px 15px;
}
.content-r p{
    margin:0px 15px 0px 15px;    
}

.l-line{
    border-left:1px solid #000;
    padding-left:30px;
}
.r-padding{
    padding-right:30px;
}

.copyright{
    height:40px;
    width:950px;
    font-size:10px;
    text-align:right;
    padding:10px 10px 0px 0px;
    color:#FFF;
    background-color:#00344a;
}
.copyright a{
    color:#FFF;
}

.copyright a:hover{
    color:#FFF;
    text-decoration:underline;
}

h1{
    margin:0px;
    padding:0px 0px 10px 0px;
    color:#005172;
    font-size:20px;
}
h2{
    margin:0px;
    padding:0px;
    color:#000000;
    font-size:16px;
}

p {
    margin:0px;
    padding:0px;
}

a{
    color:#005172;
    text-decoration:none;
}
a:hover{
    color:#005172;
    text-decoration:underline;
}


.footer{
    height:40px;
    padding:10px 10px 0px 0px;
    color:#FFF;
    background-color:#005172;
    overflow:auto;
}
.footer h2{margin-left:8px; margin-top: 5px; font-size:18px; color:#FFFFFF; display: block;}
.footer a{color:#FFF; text-decoration:none;}
.footer a:hover{color:#FFF; text-decoration:underline;}
.footer-information{display:table-cell; text-align:left; padding:0px 25px 0px 25px; width:250px; float:left;}
.footer-box{display:table-cell; float:left; text-align:left; padding:0px 25px 0px 25px; min-width:150px;}
.footer-box-top{width:100%; border-bottom:1px solid #FFF; margin-bottom:5px; padding-bottom:5px; }
.footer_list{margin: 0; padding: 0; list-style-type: none; text-align: left; font-size:12px;}
.footer_list li p {color: #FFFFFF; font-size: 12px; text-decoration: none;}
.footer_list li a:link {color: #FFFFFF; font-size: 12px; text-decoration: none;}
.footer_list li a {text-decoration: none; display: block;}
.footer_list li a:visited {color: #FFFFFF; font-size: 12px; text-decoration: none;}
.footer_list li a:hover {color: #FFFFFF; font-size: 12px; text-decoration:underline;}

#contact_form input[type="submit"] {
    background-color: #005172;
    border: 1px solid #C4C4C4;
    color: #FFFFFF;
    padding: 5px 25px;
}

#contact_form input[type=submit]:hover{
    background-color:#ccc;
    padding:5px 25px 5px 25px;
    border:1px solid #c4c4c4;
    color:#000;
    cursor: pointer
}

#contact_form input[type=text]{
    border: 1px solid #333333;
    width: 175px;
    background-color:#FFF;
}

#contact_form textarea{
    border: 1px solid #333333;
    height: 150px;
    width: 325px;
}

.errormelding{color:#FF0000; height:30px; line-height:30px;}

ul[id=locations] {
    width: 140px;
    padding:0px;
    margin:0px;
    list-style:none;
    float:left;
}

ul[id=locations] li {
    width: 140px;
    min-height:50px;
    display:inline-block;
    margin-bottom:25px;
}

ul[id=locations] li ul {
    list-style: none outside none;
    margin: 0px 0px 25px 0px;
    padding: 0px;
}

ul[id=locations] li ul li {
    display: table;
    float: left;
    height: 20px;
    min-height:20px;
    padding: 0px;
    width: 100%;
    margin:0px;
}

ul[id=location_information] {
    overflow: hidden;
    width: 700px;
    padding:0px;
    margin:0px;
}

ul[id=location_information] li {
    display: inline;
    float: left;
    padding: 0 0 20px 10px;
    width: 325px;
}

ul{margin:0px 0px 0px 20px; padding:0px;}


/*****Specific Layout *****/
div.Feedback_AjaxWait {
    color: white;
    font-size: 14px;
    font-weight: bold;
    position: fixed;
    bottom: 0px;
    left: 50%;
    width: 150px;
    margin-left: -75px;
    background-image: url(/TransporterPortal/img/Feedback_AjaxWait_Background.png?29013);
    padding: 10px 0;
    text-align: center;
    z-index: 10000;
    background-color: #FFFFFF;
}

div.Feedback_AjaxWait img {
    display: none;
}


/* review padding */
.Tabs_TabBody {
    padding: 15px;
}

span.ValidationMessage {
    padding: 4px 6px;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    margin-left: -2px;
}

input:focus + span + span.ValidationMessage, 
input:hover + span + span.ValidationMessage,
input:focus ~ span ~ span.ValidationMessage, 
input:hover ~ span ~ span.ValidationMessage {
    display: inline;
}

/* copied from Twitter Bootstrap */
textarea, input, select {
    background-color: #FCFCF4;
    border: 1px solid #CCC;
  -webkit-border-radius: 3px;
     -moz-border-radius: 3px;
          border-radius: 3px;
  /* box-shadow doesn't work on the select tag in webkits */
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
      -ms-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

.Filters textarea,
.Filters input,
.Filters select {
    background-color: #FFFFFF;
    border: 1px solid #AAA;
}

textarea:focus, input:focus, select:focus {
/*  border-color: rgba(82, 168, 236, 0.8);*/
  border-color: rgba(187, 187, 187, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

/*  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);*/
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 187, 187, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 187, 187, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(187, 187, 187, 0.6);
}

textarea.Not_Valid:focus,
input.Not_Valid:focus,
select.Not_Valid:focus {
    border: 2px solid #BF1601;
}

.Button {
  display: inline-block;
/*  *display: inline;*/
  padding: 4px 10px;
  
  /* there are differences in the FF implementation */
  -moz-box-sizing: padding-box;
  box-sizing: border-box;
  
  margin-bottom: 0;
  margin-left: .15em;
  margin-right: .15em;
  vertical-align: middle;
  cursor: pointer;
  
  /* added from original */
  min-width: 140px;
   /* correct service studio preview - text centered */
  
  /* IE6/7 fix!
     http://reference.sitepoint.com/css/min-width#compatibilitysection */
  *zoom: 1;
  *overflow:visible;
  _overflow:visible;
  
  /* text properties */
  text-align: center;
  font-size: 13px;
  line-height: 18px;
  *line-height: 18px;
  color: #333333;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  
  /* background */
  background-color: #f5f5f5;
  *background-color: #e6e6e6;
  background-image: -ms-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  
  /* border */
  border: 1px solid #cccccc;
  *border:0;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
  
  /* shadow */
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  /* iebuttonfix */
  *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0)";
  
}

/*
.Button:first-child {
  margin-left: 0;
}
.Button:last-child {
  margin-right: 0;
}
*/

.Button:hover {
    color: #333333;
    text-decoration: none;
    background-color: #e6e6e6;  
    *background-color: #e6e6e6;
/* Buttons in IE7 don't get borders, so darken on hover */

  background-position: 0 -15px;
  -webkit-transition: background-position 0.1s linear;
     -moz-transition: background-position 0.1s linear;
      -ms-transition: background-position 0.1s linear;
       -o-transition: background-position 0.1s linear;
          transition: background-position 0.1s linear;
  
  /* iebuttonfix */
  *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffe6e6e6', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ffe6e6e6', endColorstr='#ffe6e6e6', GradientType=0)";
  
}

.Button:focus {
  outline: thin dotted #333;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px;
}

.Button.active,
.Button:active {
  background-color: #e6e6e6;
  *background-color: #d9d9d9;
  /* dlm - use this one or the one below?
     Is this a workaround for the fact that IE7 doesn't have a box shadow and as such it isn't visible?
     Checkout the bootstrap solution: https://github.com/claystreet/bootstrap-iebuttonfix
     and also apply it to the ".PageHeading_Actions a"s
  */
  background-color: #cccccc \9;
  background-color: #d9d9d9 \9;
  background-image: none;
  outline: 0;
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}
.Button[disabled] {
    cursor: default;
    background-color: #e6e6e6;
    background-image: none;
    opacity: 0.65;
    filter: alpha(opacity=65);
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

/* Button Search */

.Button.Search {
    font-weight: bold;
}
.Button.Search:hover,
.Button.Search:active {
/* empty to use the base Button css */    
}

.Button.Search:hover {
/* empty to use the base Button css */
}

/* Button Save */

.Button.Save {
  background-color: #5bb75b;
  *background-color: #51a351;
  background-image: -ms-linear-gradient(top, #62c462, #51a351);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
  background-image: -o-linear-gradient(top, #62c462, #51a351);
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
  background-image: linear-gradient(top, #62c462, #51a351);
  background-repeat: repeat-x;
  border-color: #51a351 #51a351 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#51a351', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

  *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0)"\0/;
  
  
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.Button.Save:hover,
.Button.Save:active,
.Button.Save[disabled]{
    text-decoration: none;
    background-color: #51a351;
    color: #fff;
  
    /* iebuttonfix */
    *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff51a351', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
    -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ff51a351', endColorstr='#ff51a351', GradientType=0)"\0/;
    
}



/* Button Critical */

.Button.Critical {
  background-color: #ee5f5b;
  *background-color: #ee5f5b;
  background-image: -ms-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
  background-image: linear-gradient(top, #ee5f5b, #bd362f);
  background-repeat: repeat-x;
  border-color: #bd362f #bd362f #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#bd362f', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

  *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0)"\0/;
  
  
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.Button.Critical:hover,
.Button.Critical:active
.Button.Critical[disabled] {
    text-decoration: none;
    background-color: #bd362f;
    color: #fff;
  
    /* iebuttonfix */
    *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffbd362f', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
    -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ffbd362f', endColorstr='#ffbd362f', GradientType=0)"\0/;
    
}


/* Button Primary */

.Button.Primary {
  background-color: #444444;
  *background-color: #444444;
  background-image: -ms-linear-gradient(top, #444444, #222222);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222));
  background-image: -webkit-linear-gradient(top, #444444, #222222);
  background-image: -o-linear-gradient(top, #444444, #222222);
  background-image: -moz-linear-gradient(top, #444444, #222222);
  background-image: linear-gradient(top, #444444, #222222);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #387038;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#222222', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);

  *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
  -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0)"\0/;
  
  
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25)
}

.Button.Primary:hover,
.Button.Primary:active
.Button.Primary[disabled] {
    text-decoration: none;
    background-color: #222222;
    color: #fff;
  
    /* iebuttonfix */
    *filter: progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff222222', GradientType=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=-1, offY=0) progid:dximagetransform.microsoft.dropshadow(color='#ffd0d0d0', offX=0, offY=-1) progid:dximagetransform.microsoft.dropshadow(color='#ffb8b8b8', offX=0, offY=1);
    -ms-filter: "progid:dximagetransform.microsoft.gradient(startColorstr='#ff222222', endColorstr='#ff222222', GradientType=0)"\0/;
    
}



.Button.Delete {
  /* empty to use the base Button css */
}

.Button.Delete:hover,
.Button.Delete:active {
  /* empty to use the base Button css */
}

.Button.Delete,
.Button.Delete:hover {
/* empty to use the base Button css */
}

.Button.Delete:active {
  /* empty to use the base Button css */
}



.Button.Edit {
  /* empty to use the base Button css */
}

.Button.Edit:hover,
.Button.Edit:active {
  /* empty to use the base Button css */
}

.Button.Edit,
.Button.Edit:hover {
/* empty to use the base Button css */
}

.Button.Edit:active {
  /* empty to use the base Button css */
}


.Text_Error {
    color: #c7331f;
}

.Text_NoWrap {
    white-space: nowrap;
}

.Text_Justified {
    text-align: justify;
}

.PortalSectionTitle{
  border-bottom: 4px solid #005172;
  color: #005172;
  font-size: 18px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.RequestInfo_Container{
    background-color: rgb(0, 81, 114);
    padding: 8px;
    border-radius: 10px;
    border: 1px solid lightgray;
    color: #FFFFFF;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16px;
}

.RequestInfo_Container_Home{
    background-color: #FFFFFF;
    padding: 8px;
    border-radius: 10px;
    border: 1px solid lightgray;
    color: #015172;
    margin-top: 15px;
    margin-bottom: 10px;
    font-size: 16px;
}


.Primary_Button{
    background-color: #00519E;
    padding: 4px 10px;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    border: 1px solid buttonface;
    margin-right: 3px;
    text-align: center;
    cursor:pointer;
    width: 100px;
}

/********* DDLs ************************************/
.DdlHeight
{
    height: 20px;
}
/********* End DDLs ************************************/

/********* EasyChart ************************************/
.span3 {
    width: 105px;
}
[class*="span"] {
    float: left;
    margin-left: 20px;
    min-height: 1px;
}

/********* End EasyChart ************************************/

/****Buttons************************************/
.StepWizard_Container_Button{
    background-color: #00519E;
    padding: 4px 12px;
    color: white;
    font-weight: bold;
    border-radius: 15px;
    border: 1px solid buttonface;
    margin-right: 3px;
    text-align: center;
    cursor:pointer;
}

.StepWizard_Container_ButtonDisabled{
    background-color: lightgray;
    padding: 4px 12px;
    color: gray;
    font-weight: bold;
    border-radius: 15px;
    border: 1px solid buttonface;
    margin-right: 3px;
    text-align: center;
    width: 100px;
}

/****End Buttons************************************/
.Container_InfoContainer{
    background-color: #f1f1f1;
    padding: 10px;
    border-radius: 10px;
    border: 1px solid lightgray;
    margin-bottom: 3px;
    min-height: 40px;
}

tr.RateTypesTruckTypes_Border td{
   border-top: 1px dotted #CCCCCC;   
}

/****Start TIP************************************/

.Portaltip{
background-image: url("/TransporterPortal/img/articletipResized.png?29013");
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 24px 0 0;
    height: 0 !important;
    width: 33px;
}
    
    
/****End TIP************************************/


/******************* LINK BUTTONS ************************************/
a.LinkButton {
    display: inline-block;
    background: url("/TransporterPortal/img/ButtonSprite.png?29013") no-repeat top left;
    background-position: 0 -120px;
    height: 28px;
    padding: 0;
    margin: 0;
    margin-right: 8px;
    font-family: helvetica, arial, sans-serif;
    font-style: normal;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    word-spacing: 0.2em;
    color: #444;
    overflow: hidden;
    cursor: pointer;
    white-space: nowrap;
}

/* if button is the last and aligned to right, remove margin-right */
a.LinkButton.Last {
    margin-right: 0px;
}

a.LinkButton.Gray {
    background-position: 0px 0px;
    color: #FFFFFF;
}
a.LinkButton.Blue {
    background-position: 0px -30px;
    color: #FFFFFF;
}
a.LinkButton.Red {
    background-position: 0px -60px;
    color: #FFFFFF;
}
a.LinkButton.Green {
    background-position: 0px -90px;
    color: #FFFFFF;
}
a.LinkButton.Orange {
    background-position: 0px -150px;
    color: #FFFFFF;
}
a.LinkButton.Small {
 background-position: 0px -440px;
 height: 22px;
 font-size: 11px;
}

a.LinkButton:hover {
    color:#33434C; /*#444444*/
}
a.LinkButton:active {
    color:#CFD7D9; /*#CCCCCC*/
}

/* the internal span is required for variable width button */
a.LinkButton span {
    display: inline-block;
    background: url("/TransporterPortal/img/ButtonSprite.png?29013") no-repeat top right;
    background-position: right -300px;
    line-height: 20px; /* total height must be 28px - same as <em> */
    padding: 4px 24px 4px 24px;
    margin: 0px;
    white-space: normal;
    vertical-align: middle;
}
a.LinkButton.Gray span {
    background-position: right -180px;
}
a.LinkButton.Blue span {
    background-position: right -210px;
}
a.LinkButton.Red span {
    background-position: right -240px;
}
a.LinkButton.Green span {
    background-position: right -270px;
}
a.LinkButton.Orange span {
    background-position: right -330px;
}
a.LinkButton.Small span {
    background-position: right -470px;
 line-height: 14px;
}

a.LinkButton.Search {
    color: #2274AC;/*#2F579F;*/
}


a.LinkButton.Reset {
    color: #8994A0;/*gray;*/
}

a.LinkButton.Search span,
a.LinkButton.Reset span {
    padding-left: 8px;
}

a.LinkButton.Search span em,
a.LinkButton.Reset span em {
    line-height: 20px;
    border-right: 1px solid #CFD7D9; /*silver;*/
    padding-right:18px; /* width does not work in empty <em> */
    margin-right: 16px;
    padding-top: 1px;
}

a.LinkButton.Search span em {
    background: url("/TransporterPortal/img/buttonSearch.png?29013") no-repeat left;
    background-size: 16px 16px;
}

a.LinkButton.Reset span em {
    background: url("/TransporterPortal/img/buttonReset.png?29013") no-repeat left;
    background-size: 16px 16px;
}

a.LinkButton:hover span {
    /*color:#33434C;*/
    opacity: 0.6;
    filter:alpha(opacity=60); /* For IE8 and earlier */
}
a.LinkButton:active span {
    /*color:#CFD7D9;*/
    opacity: 0.3;
    filter:alpha(opacity=30); /* For IE8 and earlier */
}
/***********************************************************/

.Invisible {
  display: none;   
}