/*! HTML5 Boilerplate v4.3.0 | MIT License | http://h5bp.com/ */

/*
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

html {
    font-size: 1em;
    line-height: 1.4;
    background-color: #58575c;
}

/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection rule sets have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}

/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #b2b2b2;
    margin: 1em 0;
    padding: 0;
}

/*
 * Remove the gap between images, videos, audio and canvas and the bottom of
 * their containers: h5bp.com/i/440
 */

audio,
canvas,
img,
video {
    vertical-align: middle;
}

/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
    border-radius: 4px !important;
    border-width : 1px;
}

/* ==========================================================================
   Browse Happy prompt
   ========================================================================== */

.browsehappy {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}

/* ==========================================================================
   Author's custom styles
   ========================================================================== */


/**
*
* General
*
**/
/*body {
    background: #ffffff;
    background: -moz-linear-gradient(top,  #ffffff 20%, #ffffff 70%, #D8D8D8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(20%,#ffffff), color-stop(70%,#ffffff), color-stop(100%,#D8D8D8));
    background: -webkit-linear-gradient(top,  #ffffff 20%,#ffffff 70%,#D8D8D8 100%);
    background: -o-linear-gradient(top,  #ffffff 20%,#ffffff 70%,#D8D8D8 100%);
    background: -ms-linear-gradient(top,  #ffffff 20%,#ffffff 70%,#D8D8D8 100%);    
    background-attachment:fixed;
}*/

body {
    background: #F4F4F4; 
    background-attachment:fixed;
}

ul {
    padding: 0;
    margin: 0;
}
.separator {
    color: #a0a09f;
    margin: 0 6px;
    font-family: Times New Roman;
    float: left;
}

/* Gradients */
.lgtgrey {
    border: 1px solid #BDBCBC;
    border-radius: 4px;
    background: #fff; 
    background: -moz-linear-gradient(top,  #fff 0%, #ececed 100%); 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececed)); 
    background: -webkit-linear-gradient(top,  #fff 0%,#ececed 100%); 
    background: -o-linear-gradient(top,  #fff 0%,#ececed 100%); 
    background: -ms-linear-grafffdient(top,  #fff 0%,#ececed 100%); 
    background: linear-gradient(to bottom,  #fff 0%,#ececed 100%);
}
.bold {
    font-weight: 700;
}
.divisor {
    float: left;
    width: 100%;
    border-top: 1px solid #5F5F5F;
    margin: 12px 0;
}
.divisorNoBorderTop {
    float: left;
    width: 100%;
    margin: 12px 0;
}
input[type="text"], select {
    padding-left: 6px;
    padding-right: 32px;
    box-sizing: border-box;
    color: #6d6d6e;
    height: 27px;
    background-color: #fff;
    border: 1px solid #adafb2;
    box-shadow: 1px 1px 1px #E6E6E6;
    width: 30%;
    border-radius: 2px;
}
[type=text],[type=password] {
    border-radius: 4px !important;   
}
/**
*
* SPRITE
*
**/

.header_background {
    background: url('../img/header_background.png') repeat-x;
}
.legend_icon {
    background: url('../img/sprite.png') no-repeat -152px -11px;
    width: 18px;
    height: 17px;
    float: left;
    margin: 2px 0 0 5px;
}
.help_icon {
    background: url('../img/sprite.png') no-repeat -152px -36px;
    width: 17px;
    height: 16px;
    float: left;
    margin: 3px 0 0 6px;
}

.close_button {
    /*background: url('../img/sprite.png') no-repeat -50px -56px;*/
     background: url('../img/close.png') no-repeat;
    width: 14px;
    /*height: 9px;*/
    height: 11px;
    float: right;
    /*margin-top: 6px;*/
     margin-top: 5px;
}

.down_arrow {
    background: url('../img/sprite.png') no-repeat -50px -56px;
    width: 14px;
    height: 9px;
    float: right;
    margin-top: 6px;
}

.facebook_icon {
    background: url('../img/sprite.png') no-repeat -0px -122px;
    width: 39px;
    height: 38px;
}
.linkedin_icon {
    background: url('../img/sprite.png') no-repeat -54px -122px;
    width: 39px;
    height: 38px;
}
.twitter_icon {
    background: url('../img/sprite.png') no-repeat -32px -15px;
    width: 39px;
    height: 38px;
}
.youtube_icon {
    background: url('../img/sprite.png') no-repeat -76px -14px;
    width: 39px;
    height: 38px;
}
.footer_logo {
    background: url('../img/sprite.png') no-repeat -0 -186px;
    width: 52px;
    height: 11px;
    float: left;
    margin-top: 6px;
}


.main {
    padding-bottom: 90px;
}

/**
*
* TopBar
*
**/

.topbar {
    width: 100%;
    background-color: #e1e1e2;
    color: #383737;
    padding: 10px 0;
    margin-bottom: 25px;
    float: left;
    overflow: hidden;
}
.topbar ul {
    margin: 0;
    float: left;
    list-style: none;
}
.topbar .actions li {
    float: right;
}
.topbar ul li {
    float: left;
    box-sizing: border-box;
}
.topbar ul li a,
.topbar .actions a {
    color: #fff;
    font-size: 13px;
    font-family: 'Arial';
    padding: 14px 0px;
    /*border-right: 1px solid #6c6a6d;*/
}

.topbar ul li span,
.topbar .actions span {
    color: #fff;
    font-size: 13px;
    font-family: 'Arial';
    padding: 14px 7px;
    border-right: 1px solid #6c6a6d;
}

.logoffSpan{
    border-right: 0px solid #6c6a6d !important;
}

.logInSpan{
    border-right: 0px solid #6c6a6d !important;
}

.topbar ul li a.last {
    padding-right: 23px;
}
.topbar ul li a.last i.down_arrow {
    position: relative;
    margin-left: -22px;
    margin-right: 4px;
}
.safari-mac .topbar ul li a.last i.down_arrow {
    margin-left: -19px;
}
.topbar ul li a.last i.close_button {
    position: relative;
    margin-left: -22px;
    margin-right: 4px;
}
.safari-mac .topbar ul li a.last i.close_button {
    margin-left: -19px;
}
.topbar .actions li {
    float: right;
    margin-right: 22px;
}
.topbar .actions a {
    padding: 14px 25px;    
    border-left: 1px solid #6c6a6d;
    border-right: 1px solid #6c6a6d;
    box-sizing: border-box;
    padding-left: 0px;
}
.topbar .actions li i {
    position: relative;
    margin-left: -42px;
    margin-right: 4px;
}
.safari-mac .topbar .actions li i {
    margin-left: -30px;
}
/**
*
* Main
*
**/
.main h1 {
    color: #58575c;
    margin: 14px 0 0 0;
    font-size: 26px;
}
.main .logo {
    width: 9%;
    margin-left: 1%;
    min-width: 100px;
}
.ie8 .main .logo {
    height: 31px;
}

/**
*
* MCSS Splash Styles
*
**/

.quickSearchRow{
    /*height: 27px;*/
}

.content .sign,
.content .account {
    padding: 42px 24px 42px 24px;
    /*border: 1px solid #d0d1d2;*/
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    float: left;
    z-index: 99;
    width: 100%;
    box-siging: border-box;
    height: 385px;
    box-shadow: 1px 1px 1px #E6E6E6;   
    background-color: #fff;
}

.content .advertisement {
    border-radius: 4px;
    /*float: left;*/
    /*z-index: 99;*/
    width: 100%;
    /*box-siging: border-box;*/
    height: 385px;
    /*box-shadow: 1px 1px 1px #E6E6E6;*/
    /*background-color: #fff;*/
}

.content .forgot {
    padding: 20px 50px 50px 50px;
    margin: 50px 90px 90px 90px;
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    float: left;
    z-index: 99;
    width: 85%;
    box-siging: border-box;
    height: 600px;
    box-shadow: 1px 1px 1px #E6E6E6;   
    background-color: #fff;
}

.forgot-top-p {
  float: left;
  color: #000;
  font-size: 13px;
  line-height: 17px;
  margin: 0;
  border-bottom: 1px solid #f99e32 ;
  padding-bottom: 10px;
  width: 100%;
}


.forgot-bottom-p {
  float: left;
  color: #000;
  font-size: 13px;
  line-height: 17px;
  margin: 0;
  border-top: 1px solid #f99e32 ;
  padding-top: 10px;
  width: 100%;
}

.forgot-form {
  padding: 20px;
  padding-left: 90px;
  float: left;
  width: 100%;
  color: #000000;
}

.forgot-form span {
    margin-bottom: 10px;
    float: left;
    /*clear: left;*/
}

.forgot-form input {
   width: 300px;
   margin-bottom: 10px;
   position: relative !important;
   float: left;
   /*clear: left;*/
}

.forgot-buttons {
  float: right;
  padding-bottom: 20px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;
  width: 100%;
}

.submit_button {
  float: left;
  border: none;
  width: 107px;
  height: 25px;
  clear: none;
  margin-left: 15px;
  background: url('../img/submit-button.png') no-repeat;
}

.forgot-cancel {
  float: right;
}

.forgot-ok {
  float: right;
}

.forgot-bottom-p input {
  float: right !important;
}

.content .sign {
    padding-top: 49px;
    
}
.content h2 {
    margin-top: 0;
    font-family: "Arial";
}
.content .sign h2 {
    margin-bottom: 21px;
    
}
.content .sign h2 span {
    color: #f99e33;
}
.content .sign form {
    width: 100%;
    float: left;
}
.content .sign form label {
    float: left;
    clear: left;
    color: #000;
}
.content .sign form label span {
    color: #f99e33;
    margin-left: -2px;
}
.content .sign form input {
    float: left;
}
.content .sign form input[type="text"],
.content .sign form input[type="password"] {
    width: 100%;
    border: 1px solid #d0d1d2;
    /*border: 1px solid #b2b2b2;*/
    border-radius: 1px;
    height: 36px;
    padding-left: 5px;   
    margin: 6px 0 12px 0; 
    box-shadow: 1px 1px 1px #DDDDDD inset;
}
.content .sign .keepme {
    float: left;
    margin-left: 3px;
    font-weight: 100;
    color: #000;
    margin-bottom: 18px;
    font-size: 13px;
    font-family: "Arial";
}
.content .sign form input[type="checkbox"] {
    clear: left;
    margin-top: 4px;
}
input[type=checkbox].css-checkbox {
    display:none;
}
input[type=checkbox] ~ label.css-label {
    padding-left:19px;
    height:14px; 
    display:inline-block;
    line-height:14px;
    background-repeat:no-repeat;
    background-position: 0 0;
    font-size:14px;
    vertical-align:middle;
    cursor:pointer;
    margin-top: 3px;
}
input[type=checkbox]:checked ~ label.css-label {
    background-position: 0 -14px;   
}
label.css-label {
    background-image:url("../img/csscheckbox_53af313d3665a76c4d5f365fa9129938.png");
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}
.content input[type="submit"] {
    clear: left;
    float: left;
    border: none;
    outline: none;
    border-radius: 4px;
}
.content input.signin {
    background-image: url("../img/buttons_sprite.png");
    background-repeat: no-repeat;
    background-position: -2px -2px;
    width: 112px;
    height: 28px;
}
.content input.signup {
    background-image: url("../img/buttons_sprite.png");
    background-repeat: no-repeat;
    background-position: -2px -57px;
    width: 148px;
    height: 28px;
}
.content input.signin:hover {
    background-image: url("../img/buttons_sprite.png");
    background-position: -2px -29px;
}
.content input.signup:hover {
    background-image: url("../img/buttons_sprite.png");
    background-position: -2px -87px;
}
.content .sign form a {
    color: #297cc0;
    float: left;
    margin-left: 10px;
    margin-top: 6px;
    font-style: italic;
}
.content .sign form .error {
    width: 100%;
    background-color: #fcddde;
    float: left;
    margin-bottom: 6px;
    color: #ae1e23;
    font-size: 10px;
    border: 1px solid #ae1e23;
    display: block;
    text-align: center;
    text-transform: uppercase;
}
.content .sign form #spinner {
    text-align: center;
    clear: both;
    margin: 0 auto;
    display: block;
}
.content .account h2,
.content .account h4 {
    float: left;
}
.content .account h4 {
    margin: 6px;
}
.content .account h2 {
    margin-bottom: 6px;
    margin-left: 6px;
}
.content .account h4 {
    clear: left;
}
.content .account .logo {
    float: left;
    width: 56px;
    margin: 6px 2px 6px 7px;
    min-width: inherit;
}
.ie8 .content .account .logo {
    margin-top: 10px;
}
.content .account ul {
    float: left;
    margin-left: 3%;
    list-style: none;
    clear: left;
}
.content .account li {
    font-size: 15px;
    font-family: "Arial";
    line-height: 23px;
}
.content .account li:before {
    content: "• ";
    font-size: 12px;
}
.content .account .ipad {
    float: right;
    margin-top: -3%;
    width: 35%;
    margin-right: 5%;
}
.ie8 .content .account .ipad {
    width: 216px;
    margin-right: 10px;
    
}
.content .account input {
    margin: 14px 0 0 12px;
}

/**
*
* Footer
*
**/

.footer {
    background-color: #58575c;
    border-top: 2px solid #297cc0;
    float: left;
    width: 100%;
    padding-bottom: 18px;
    box-shadow: 1px -5px 5px #A7A7A7;
    
    /* bottom:0px; */
    
    height: 100%;
    /* position: relative; */
}
.footer .social {
    width: 240px;
    margin: 0 auto;
}
.footer .social i {
    float: left;
    margin-right: 18px;
    margin-top: 12px;
}
.footer .offset {
    margin-left: 18.666667%;
}   
.footer h5 {
    color: #399aca;
    font-weight: 900;
    margin-bottom: 2px;
    margin-top: 0;
    font-size: 12px;
}

.footer a {
    color: #fff;
    font-size: 13px;
    float: left;
    clear: left;
}
.footer .copy {
    width: 370px;
    margin: 0 auto;
}
.footer img {
    float: left;
    margin-top: -2px;
}
.footer .separator {
    color: #a0a09f;
    margin: 0 6px;
}
.footer p {
    float: left;
    margin: 0;
    font-size: 13px;
    margin-top: 2px;
    color: #a0a09f;
}
.main .search {
    text-align: right;
    width: 513px;
    float: right;
}
.main .search * {
    height: 26px;
    border-radius: 2px;
}
.main .search input {    
    width: 200px;
    background-color: #fff;
    border: 1px solid #adafb2;
    /*box-shadow: 1px 1px 1px #E6E6E6;*/
    padding-top: 1px;
}
.main .search input[type="submit"] {
    border: none;
    background: url('../img/search.png') no-repeat;
    /*box-shadow: 1px 1px 1px white;*/
    float: right;
    width: 25px;
    margin-top: 4px;
    margin-left: 4px;
    outline: none;
}

.main .search input[type="submit"]:active {
    background: url('../img/search2.png') no-repeat;
}

.main .search select {
    width: 210px;
    cursor: pointer;
}
.search span.customSelect,
span.customSelect {
    text-align: left;
    padding-top: 3px;
    padding-left: 10px;
    width: 245px;
    border-radius: 2px;
    color: #379aca;
    background: url('../img/search_image.png') no-repeat right;
}

.search span.customSelect {
    padding-top: 3px !important;
}

.searchTop span.customSelect {
    margin-right: 21px;
    border: solid 1px rgba(128, 128, 128, 0.48);
}

.menu {
    margin-top: 22px;
}
.menu .menu-select {
    border-radius: 4px;
    padding-right: 0px;
    width: 22%;
}
.menu .menu-select .separator {
    display: none;
}
.menu .menu-select span.customSelect {
    padding: 6px;
    color: #fff;
    background: url('../img/menu_big_gradient.png') no-repeat;
    width: 230px;
    height: 33px;
    float: left;
}
.menu .action-select span.customSelect {
    padding: 7px;
    color: #fff;
    float: left;
    background: url('../img/menu_edit_gradient.png') no-repeat;
    width: 94px;
    height: 33px;
}
.menu .action-select span.customSelect {
    margin-left: -90px;
}
.menu .action-select select {
    border: none;
    padding: 0;
    float: left;
    cursor:pointer;
}
.menu .action-select select {
    position: inherit !important;
}
.menu .action-select {
    height: 33px;
    float: left;
    width: 77.3%;
    border-radius: 4px;
    background: url('../img/right-menu-right-border.png') no-repeat;
    background-size: 100% 33px;
    /*background-position: 394px 0;*/
     background-position: 0 0;
    /*background: #63636E ;
    background: -moz-linear-gradient(top,  #63636E  0%, #464646 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63636E ), color-stop(100%,#464646));
    background: -webkit-linear-gradient(top,  #63636E  0%,#464646 100%);
    background: -o-linear-gradient(top,  #63636E  0%,#464646 100%);
    background: -ms-linear-gradient(top,  #63636E  0%,#464646 100%);
    background: linear-gradient(to bottom,  #63636E  0%,#464646 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63636E ', endColorstr='#464646',GradientType=0 );*/
}
@media (max-width: 996px) {
    .menu .menu-select {
        background: #63636E ;
        background: -moz-linear-gradient(top,  #63636E  0%, #464646 100%);
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#63636E ), color-stop(100%,#464646));
        background: -webkit-linear-gradient(top,  #63636E  0%,#464646 100%);
        background: -o-linear-gradient(top,  #63636E  0%,#464646 100%);
        background: -ms-linear-gradient(top,  #63636E  0%,#464646 100%);
        background: linear-gradient(to bottom,  #63636E  0%,#464646 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#63636E ', endColorstr='#464646',GradientType=0 );
        margin-bottom: 0px;
    
        float: left;
        width: 100%;

    }
    .menu .action-select {
        width: 100%;
    }
}

.menu .separator {
    float: left;
    margin: 3px 0 0 0;
    height: 25px;
    border-right: 1px solid #717073;
    opacity: 0.3;
}
.menu .menu-select select {
    width: 100%;
    float: left;
    cursor: pointer;
    /*margin-left: -230px;*/
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .menu .menu-select select {
        float: left;
        margin-left: 0;
    }
}
.menu .action-select select {
    width: 100px;
}
.breadcrumbs {
    position: absolute;
    float: left;
    width: 840px;
    margin-left: 1.5%;
    margin-top: 15px;
}
.breadcrumbs * {
    /*color: #7F7F86;*/
    color: #428bca;
    /*color: #7ac9f0;*/
    float: left;
}
.breadcrumbs a:hover {
    /*color: #afacac;*/
    color: #7F7F86;
}
.breadcrumbs span {
    font-weight: 100;
}
.questions {
    float: right;
    width: 52%;
    /*border: 1px solid #d0d1d2;*/
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    margin-top: 25px;
    margin-right: -1px;
    padding: 9px 14px;
    background-color: white;
}
.questions h4 {
    margin: 0;
    color: #57575b;
}
.questions a span {
    color: #57575b;
    font-size: 15px;
}
.dashboard {
    padding: 25px 25px 25px 25px;
    /*border: 1px solid #d0d1d2;*/
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    float: left;
    width: 100%;
    box-siging: border-box;
    box-shadow: 1px 1px 1px #E6E6E6;   
    margin-top: 6px;
    background-color: #fff;
    margin-top: 25px;
}
.dashboard h2 {
    margin: 0;
    font-weight: 100;
    color: #000;
    margin-bottom: 6px;
}
.board {
    margin-bottom: 6px;
    float: left;
    width: 100%;
}
.board .header span {
    float: left;
    color: #57575b;
    font-weight: 700;
}
.board .header a {
    float: right;
}
.board .header span:first-child,
.board .data span {
    width: 16.9%;
    float: left;
}
.board .data {
    border-top: 1px solid #57575b;
    border-bottom: 1px solid #57575b;
    margin: 6px 0;
    float: left;
    width: 100%;
}
.board .data .data-row {
    float: left;
    width: 100%;
    /*border-bottom: 1px solid #379aca;*/
    padding: 6px 0;
}
.board .data img {
    margin: 12px 0 12px 45%;
    float: left;
}
.board .data .data-row.last {
    border: none;
}
.board .data span {
    color: #000;
}
.board .data a {
    width: 74%;
}
a.history {
    float: left;
    margin: 0 0 0 6px;
}
.pagination {
    float: right;
}
.pagination * {
    float: left;
}
.pagination .select {
    margin-top: 6px;
    display: none;
}
.pagination select {
    clear: left;
    margin-top: 0px;
    width: 80px;
    height: 26px !important;
}
.pagination span.customSelect {
    width: 100px;
    padding-left: 4px;
    border-radius: 2px;
}
.pagination .pages {
    color: #57575b;
}
.pagination .separator {
    color: #57575b;
    margin-top: -2px;   
}
.pagination .links * {
    margin: 0 5px;
}
.pagination .links a.current {
    color: #57575b;
}
.pagination .links a.current:hover {
    text-decoration: none;
    cursor: text;
}

.pagination .links a {
    color: #7ac9f0;
}
.carrier-search {
    width: 46.666667% !important;
}
.carrier-search p {
    float: left;
    color: #000;
    font-size: 13px;
    line-height: 17px;
    margin: 0;
}
.carrier-search .tabs {
    float: left;
    width: 100%;
}
.carrier-search .tabs .header {
    background: #ffffff;
    /*background: -moz-linear-gradient(top,  #ffffff 0%, #eeefef 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#eeefef));
    background: -webkit-linear-gradient(top,  #ffffff 0%,#eeefef 100%);
    background: -o-linear-gradient(top,  #ffffff 0%,#eeefef 100%);
    background: -ms-linear-gradient(top,  #ffffff 0%,#eeefef 100%);
    background: linear-gradient(to bottom,  #ffffff 0%,#eeefef 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeefef',GradientType=0 );*/

    float: left;
    width: 100%;
    padding-top: 15px;
}
.carrier-search .tabs .buttons {
    color: #f99e32;
    border: 1px solid #C9CCD1;
    padding: 5px 27px;
    float: left;
    margin-left: 6px;
    background-color: #fff;
    cursor: pointer;

    background: #ffffff;
    /*background: -moz-linear-gradient(top,  #ffffff 80%, #f5f5f5 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(80%,#ffffff), color-stop(100%,#f5f5f5));
    background: -webkit-linear-gradient(top,  #ffffff 80%,#f5f5f5 100%);
    background: -o-linear-gradient(top,  #ffffff 80%,#f5f5f5 100%);
    background: -ms-linear-gradient(top,  #ffffff 80%,#f5f5f5 100%);
    background: linear-gradient(to bottom,  #ffffff 80%,#f5f5f5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f5f5',GradientType=0 );*/
}
.carrier-search .tabs .buttons.selected {
    font-style: italic;
    /*border-color: #d6d7d9;*/
    border-color: #b2b2b2;
    border-bottom: 1px solid #fff;
    position: relative;
    background-color: #fff;
    background-image: none;
    border-width: 1px 1px 0px 1px;
    padding-bottom: 6px;
}
.carrier-search .content {
    float: left;
    width: 100%;
    padding: 21px 21px 21px 21px;
    /*border: 1px solid #cfd0d2;*/
    border: 1px solid #b2b2b2;
    margin-top: -1px;
    height: 471px;
}
.carrier-search .tab-content {
    display: none;
}
.carrier-search .tab-content:first-child {
    display: block;
}
.carrier-search .content p {
    color: #57575b;
    float: left;
    width: 100%;
    margin-bottom: 20px;
}
.carrier-search .content label,
.carrier-search .content input,
.carrier-search .content select {
    float: left;
    clear: left;
}
.carrier-search .content label {
    color: #000;
    margin-bottom: 3px;
    margin-top: -5px;
}
.carrier-search .content input,
.carrier-search .content select {
    width: 60%;
    margin-bottom: 21px;
    position: relative !important;
}
.carrier-search .content select {
    margin-bottom: -27px;
    cursor: pointer;
}
.gradient-input {
    background: #f3f3f4;
    /*background: -moz-linear-gradient(top,  #f3f3f4 0%, #ffffff 20%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f3f3f4), color-stop(20%,#ffffff));
    background: -webkit-linear-gradient(top,  #f3f3f4 0%,#ffffff 20%);
    background: -o-linear-gradient(top,  #f3f3f4 0%,#ffffff 20%);
    background: -ms-linear-gradient(top,  #f3f3f4 0%,#ffffff 20%);
    background: linear-gradient(to bottom,  #f3f3f4 0%,#ffffff 20%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f3f3f4', endColorstr='#ffffff',GradientType=0 );*/
    
    border: 1px solid #c7c8ca;
}
.carrier.gradient-input {
    width: 80% !important;
}
.carrier-search .content span.customSelect {
    float: left;
    clear: left;
    height: 27px;
    margin-bottom: 21px;
}
.carrier-search .content span.customSelect span {
    width: 162px !important;
}
.carrier-search .content span.customSelectInner {
    line-height: 24px !important;
    margin-top: -1px !important;
}
.carrier-search .content a {
    float: left;
    clear: left;
    margin-top: 36px;
    margin-bottom: 36px;
}
.carrier-search .content input[type="submit"] {
    float: right;
    border: none;
    background: url('../img/search-button.png') no-repeat;
    width: 85px;
    height: 35px;
    clear: none;
    margin-bottom: 0px;
}
.carrier-search .content input[type="submit"]:hover {
    background: url('../img/search-button-hover.png') no-repeat;
}

.carrier-search .advanced_search_button {
    cursor: pointer;
    height: 35px;
}

.carrier-search .advanced_search {
    cursor: pointer;
    margin-top: 0px !important; 
    margin-bottom: 0px !important;
    padding-left: 189px;
}

/**
*
* Advanced Search
*
**/
.center {
    margin: 24px auto;
    float: none;
}
.advanced-search {
    background-color: #fff;  
    /*border: 1px solid #d0d1d2;*/
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    padding: 36px 24px 12px 24px;
    float: left;
    width: 100%;
}
.advanced-search a.history {
    margin: 24px 6px;
}
.advanced-search > span {
    font-style: italic;
    margin-left: 24px;
    color: #57565b;
}
.advanced-search h4 {
    margin: 12px 0;
    width: 100%;
    padding-left: 24px;
    border-bottom: 1px solid #f99e32;
    text-transform: uppercase;
    font-weight: 100; 
    float: left;
    font-family: Arial;
}
.advanced-search h4 span {
    margin-left: 36px;
    text-transform: lowercase;
}
.advanced-search input[type="submit"] {
    float: right;
    border: none;
    width: 85px;
    height: 35px;
    clear: none;
    margin: 15px 3px 0px 15px;
}
.advanced-search input[type="submit"].search { 
    background: url('../img/search-button.png') no-repeat;
}
.advanced-search input[type="submit"].search:hover {
    background: url('../img/search-button-hover.png') no-repeat;
}
.advanced-search input[type="submit"].clear { 
    background: url('../img/clear-button.png') no-repeat;
}
.advanced-search input[type="submit"].clear:hover {
    background: url('../img/clear-button-hover3.png') no-repeat;
}
.fields {
    padding: 0 24px 10px;
    float: left;
    clear: left;
    width: 100%;
}

.fields.AdvanceSearch{
    padding-bottom: 46px;
}

.fields.last  {
    border-bottom: 1px solid #f99e32;
}
.fields label,
.fields input {
    float: left;
}
.fields input {
    clear: left;
    width: 100%;
}
.fields .input-cont {
    width: 40%;
    float: left;
    margin-right: 24px;
    margin-bottom: 12px;
}
.fields .input-cont.select {
    width: 270px;
    margin-right: 6px;
}
.fields .input-cont.select.no-margin select {
    margin: 0;
}
.fields .input-cont.checkbox {
    width: auto;
    margin-right: 10%;
}
.fields .input-cont.checkbox.last {
    margin-right: 0;
}
.fields .input-cont.carrier {
    width: 60%;
}
.fields .input-cont.carrier input {
    width: 100% !important; 
}
.fields .input-cont select {
    margin-top: 21px;
    float: left;
    cursor: pointer
}
.fields .input-cont.country select {
    margin-left: -50px;
}
.fields .input-cont.state select {
    margin-left: -115px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
    .fields .input-cont.country select {
        margin-left: 0px;
    }
    .fields .input-cont.state select {
        margin-left: 0px;
    }
}
.fields .input-cont span.customSelect {
    border-radius: 2px;
    height: 26px;
    font-size: 14px;
}
.fields .input-cont span.customSelect span {
    width: 100% !important;
}
.select-container {
    float: left;
    clear: left;
}
.fields .units-cont {
    float: left;
    width: 100%;
    margin: 10px 0;
}
.fields .units {
    width: 100%;
    float: left;
    margin-bottom: 12px;
}
.fields .units span,
.fields .units input {
    float: left;
}
.fields .units span {
    margin-top: 5px;
    margin-right: 3px;
}
.fields .units span:first-child {
    width: 22%;
}
.fields .units input {
    width: 20% !important;
    clear: none;
    margin-right: 12px;
}
.clear {
    clear: left;
}

/**
*
* List View
*
**/

.list-view-normal-screen {
    display:block;
    margin-top:13px;
}

.carrier-connections-search {
    margin-top:0px;
}

.black {
    color:black;
}
.grey-header {
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #ececed 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#ececed));
    background: -webkit-linear-gradient(top, #fff 0%,#ececed 100%);
    background: -o-linear-gradient(top, #fff 0%,#ececed 100%);
    background: -ms-linear-grafffdient(top, #fff 0%,#ececed 100%);
    background: linear-gradient(to bottom, #fff 0%,#ececed 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#ececed',GradientType=0 );
    float: left;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: 700;
    border-bottom: 1px solid #b2b2b2;
}
.grey-header.last {
    border: none;
}
.data-rows, .data-rows-header {
    background-color: #fff;
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    font-size: 12px;
}
.data-rows-search:hover {
    /*background: #fff;
    background: -moz-linear-gradient(top, #ececed, #fff 60%,#ececed 120%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ececed), color-stop(60%,#fff), color-stop(120%,#ececed));
    background: -webkit-linear-gradient(top, #ececed, #fff 60%, #ececed 120%);
    background: -o-linear-gradient(top, #ececed, #fff 60%, #ececed 120%);
    background: -ms-linear-grafffdient(top, #ececed, #fff 60%, #ececed 120%);
    background: linear-gradient(to bottom, #ececed, #fff 60%, #ececed 120%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ececed', endColorstr='#fff',GradientType=0 );
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    font-size: 12px;*/
}
.content .small-row,
.content .xxmedium-row,
.content .xmedium-row,
.content .medium-row,
.content .medium-large-row,
.content .large-row,
.content .xlarge-row,
.content .xxlarge-row,
.content .xxxlarge-row {
    border-right: 1px solid #b2b2b2;
    padding: 6px;
    float: left;
    min-height: 29px;
    text-transform: uppercase;
}
.content .small-row.last,
.content .xxmedium-row.last,
.content .xmedium-row.last,
.content .medium-row.last,
.content .medium-large-row.last,
.content .large-row.last,
.content .xlarge-row.last,
.content .xxlarge-row.last,
.content .xxxlarge-row.last {
    border: none;
}
.content .small-row {
    width: 2.5%;
    text-align: center;
}
.content .xmedium-row {
    width: 4.5%;
}
.content .medium-row {
    width: 9.5%;
}
.content .medium-large-row {
    width: 14.5%;
}

.content .xxmedium-row {
    width: 19.5%;
}

.content .large-row {
    width: 14.5%;
}
.content .xlarge-row {
    width: 23.4%;
}
.content .xxlarge-row {
    width: 32.5%;
}
.content .xxxlarge-row {
    width: 50%;
}
.content .small-row img {
    width: 15px;
    cursor: pointer;
}
span.tooltip.white, span.tooltip.white2, span.tooltip.white_xsmall, span.tooltip.white_small, span.tooltip.white_medium, span.tooltip.white_medium2, span.tooltip.white_medium3, span.tooltip.white_medium4, span.tooltip.white_large, span.tooltip.white_large2 {
    position: absolute;
    width: 320px;
    height: 110px;
    z-index: 99;
    line-height: 15px;
    margin-top: -120px;
    margin-left: -30px;
    padding: 10px;
    display: none;
    font-size: 14px;
    text-align: left;
    color: rgb(0, 0, 0);
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #F3F3F3   100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#F3F3F3  ));
    background: -webkit-linear-gradient(top, #fff 0%,#F3F3F3   100%);
    background: -o-linear-gradient(top, #fff 0%,#F3F3F3   100%);
    background: -ms-linear-gradient(top, #fff 0%,#F3F3F3   100%);
    background: linear-gradient(to bottom, #fff 0%,#F3F3F3   100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#F3F3F3  ',GradientType=0 );
    border: 1px solid #D8D8D8;
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

span.tooltip.white:after,span.tooltip.white2:after, span.tooltip.white_xsmall:after, span.tooltip.white_small:after, span.tooltip.white_medium:after, span.tooltip.white_medium2:after, span.tooltip.white_medium3:after, span.tooltip.white_medium4:after, span.tooltip.white_large:after, span.tooltip.white_large2:after {
    /*content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #F3F3F3 transparent transparent transparent;
    top: 108px;
    left: 27px;*/
    content: "";
    position: absolute;
    width: 24px;
    height: 15px;
    border-style: none;
    top: 108px;
    left: 27px;
    background-image: url('../img/tooltip_triangle.png');
}
span.tooltip.white_xsmall {
    width: 80px;
    height: 50px;
    margin-top: -60px;
}
span.tooltip.white_xsmall:after {
    top: 48px;
}
span.tooltip.white_small {
    height: 60px;
    margin-top: -70px;
}
span.tooltip.white_small:after {
    top: 58px;
}
span.tooltip.white_medium, span.tooltip.white_medium2, span.tooltip.white_medium3, span.tooltip.white_medium4 {
    width: 420px;
    height: 55px;
    margin-top: -70px;
}
span.tooltip.white_medium:after, span.tooltip.white_medium2:after, span.tooltip.white_medium3:after, span.tooltip.white_medium4:after {
    top: 53px;
}
span.tooltip.white_large, span.tooltip.white_large2 {
    width: 500px;
    height: 85px;
    margin-top: -100px;
}
span.tooltip.white_large:after, span.tooltip.white_large2:after {
    margin-top: -25px;
}

.content .grey-header span {
    float: left;
}
.content .grey-header span.last {
    float: right;
}
.content .data span {
    float: left;
    clear: left;
}
.content .data span.right {
    float: right;
    clear: none;
}
span.tooltip.yellow {
    position: absolute;
    width: 150px;
    height: 100px;
    line-height: 15px;
    margin-top: -120px;
    margin-left: -64px;
    display: none;
    z-index: 99;
    padding: 10px;
    font-size: 14px;
    text-align: left;
    color: rgb(0, 0, 0);
    background: #fff8c4;
    background: -moz-linear-gradient(top, #fff8c4 0%, #ffd787   100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff8c4), color-stop(100%,#ffd787  ));
    background: -webkit-linear-gradient(top, #fff8c4 0%,#ffd787   100%);
    background: -o-linear-gradient(top, #fff8c4 0%,#ffd787   100%);
    background: -ms-linear-gradient(top, #fff8c4 0%,#ffd787   100%);
    background: linear-gradient(to bottom, #fff8c4 0%,#ffd787   100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff8c4', endColorstr='#ffd787  ',GradientType=0 );
    border: 1px solid rgb(255, 228, 173);
    border-radius: 5px;
    text-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 1px;
    box-shadow: rgba(0, 0, 0, 0.0980392) 1px 1px 2px 0px;
}

span.tooltip.yellow:after {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    border-width: 10px;
    border-style: solid;
    border-color: #ffd787 transparent transparent transparent;
    top: 98px;
    left: 65px;
}
span.tooltip h5 {
    margin: 0 auto;
    width: 80px;
}
span.tooltip p {
    margin-bottom: 0;
    margin-top: 3px;
    font-size: 12px;
}
.content .large-row img {
    float: left;
    margin-right: 3px;
    width: 25px;
    cursor: pointer;
    margin-top: -4px;
}
.content .large-row .plus {
    float: left;
    margin-top: -5px;
    height: 25px;
    background: url('../img/plus.png') no-repeat;
    width: 30px;
}
.content .large-row .minus {
    float: left;
    margin-top: -5px;
    height: 25px;
    background: url('../img/minus.png') no-repeat;
    width: 25px;
}
.content .large-row .spinner {
    float: left;
    margin-top: -5px;
    height: 25px;
    background: url('../img/spinner.gif') no-repeat;
    width: 30px;
}
.content .large-row .plus-minus {
    float:right;

}
.content .selection {
    display: none;
}
.content .selected span {
    margin: 3px 0;
}
.content .selected,
.content .small-row.last.selected {
    background: #e1eef5;
    background: -moz-linear-gradient(top, #f2f8fa 0%, #e1eef5   100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f2f8fa), color-stop(100%,#e1eef5  ));
    background: -webkit-linear-gradient(top, #f2f8fa 0%,#e1eef5   100%);
    background: -o-linear-gradient(top, #f2f8fa 0%,#e1eef5   100%);
    background: -ms-linear-gradient(top, #f2f8fa 0%,#e1eef5   100%);
    background: linear-gradient(to bottom, #f2f8fa 0%,#e1eef5   100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f8fa', endColorstr='#e1eef5  ',GradientType=0 );
    border-top: 2px solid #d1e6f0;
    border-bottom: 2px solid #d1e6f0;
    color: #5da9cf;
}
.content .large-row .icon {
    float: left;
}
.black-header.border-bottom.content {
    padding: 5px 6px;
    height: 29px;
}
.black-header .numbers-step {
    float: left;
    border-radius: 2px;
    font-weight: 700;
    padding: 0 3px;
    font-size: 11px;
    border: 1px solid #cbcbcc;
    height: 18px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #D6D6D6  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#D6D6D6 ));
    background: -webkit-linear-gradient(top, #fff 0%,#D6D6D6  100%);
    background: -o-linear-gradient(top, #fff 0%,#D6D6D6  100%);
    background: -ms-linear-grafffdient(top, #fff 0%,#D6D6D6  100%);
    background: linear-gradient(to bottom, #fff 0%,#D6D6D6  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#D6D6D6 ',GradientType=0 );
    margin-right: 10px;
}
.black-header .numbers-step a {
    border-right: 1px solid #9B9B9B;
    float: left;
    padding: 1px 6px;
}
.black-header .numbers-step a.last {
    border-right: none;
}
.black-header .numbers-step .selected-page-size {
    color: #f99e32;
}
.black-header .pagination .pages,
.black-header .pagination .separator,
.black-header .pagination .links a.current {
    color: #fff;
}
.black-header.border-bottom h5 {
    margin: 0 0 0 0px;
    width: 100%;
}
.black-header .pagination {
    font-size: 12px;
    margin-top: 1px;    
}
.filter-search {
    float: left;
    width: 100%;
    background-color: #fff;
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    margin-top: 24px;
    padding: 20px;
}
.filter-search h4 {
    margin: 0;
    margin-top: -5px;
    height: 15px;
}
.filter-search input,
.filter-search span.customSelect {
    float: left;
    clear: none;
    margin-right: 12px;
    width: 200px;
    margin-top: -1px;
}
.filter-search span.customSelectInner {
    line-height: 24px !important;
    margin-top: -1px !important;
}

.filter-search input {
    margin-top: -2px;
    width: 589px;
}
.filter-search .inputs {
    float: left;
    width: 92.5%;
    margin-top: 12px;
}
.filter-search .submit {
    width: 7%;
    float: left;
    margin-top: -22px;
}
.filter-search .submit span {
    float: left;
    font-weight: 700;
    margin-left: 2px;
}
.filter-search .submit input {
    background: url('../img/find-button.png') no-repeat;
    width: 85px;
    height: 29px;
    float: left;
    padding: 0;
    border: none;
    cursor: pointer;
    margin-top: 10px;
    margin-right: 0px;
    margin-left: -1px;
}
/**
*
* Motor Carrier
*
**/

.issues {
    /*box-shadow: 1px 1px 1px #EBEBEB;
    background: #fafafa;
    background: -moz-linear-gradient(top,  #fafafa 70%, #e8e8e8 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%,#fafafa), color-stop(100%,#e8e8e8));
    background: -webkit-linear-gradient(top,  #fafafa 70%,#e8e8e8 100%);
    background: -o-linear-gradient(top,  #fafafa 70%,#e8e8e8 100%);
    background: -ms-linear-gradient(top,  #fafafa 70%,#e8e8e8 100%);
    background: linear-gradient(to bottom,  #fafafa 70%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fafafa', endColorstr='#e8e8e8',GradientType=0 );*/
}
.issues img {
    width: 50px;
    border-right: 1px solid #cbcbcb;
    padding-right: 10px;
    margin-right: 12px;
    float: left;
}
.issues a {
    color: #cc2840;
    font-size: 12px;
    margin-top: 8px;
    font-weight: 700;
    float: left;
}
.carrier-info {
    box-shadow: 1px 1px 1px #EBEBEB;
    padding: 20px;
    /*border: 1px solid #d0d1d2;*/
    border: 1px solid #b2b2b2;
    border-radius: 4px;
    float: left;
    width: 100%;
    margin: 25px 0;
    margin-bottom: 0px;
    height: 125px;
    background-color: white;
}
.info span {
    width: 350px;
    float: left;
    font-weight: 700;
    font-size: 12px;
    text-transform: uppercase;
}
.info span.field {
    clear: left;
    width: 130px;
    font-weight: 100;
    text-align: right;
    /*margin-right: 12px;*/
    margin-bottom: 4px;
    text-transform: none;
}
.info span.field.empty {
    margin-bottom: 17px;
}
.carrier-info select,
.carrier-info span.customSelect {
    float: right;
    border-radius: 2px;
    cursor:pointer;
}
.carrier-info span.customSelect span {
    width: 200px !important;
}
.carrier-info span.customSelectInner {
    line-height: 24px !important;
    margin-top: -1px !important;
}
.carrier-info select {
    position: inherit !important;
    margin-left: -250px;
    clear: both;
    margin-top: 19px;
}
.carrier-info .standard {
    float: right;
    clear: both;
    font-size: 15px;
    font-weight: 700;
}
.carrier-info .standard img {
    width: 45px;
    margin-top: -3px;
    margin-right: -2px;
    height: 11px;
}
.carrier-info .snapshot-cont {
    float: right;
    clear: both;
    width: 250px;
    margin: 6px 0;
    padding-top: 12px;
}
.carrier-info .snapshot {
    font-size: 12px;
    padding-left: 5px;
}

.carrier-info .out-of-service-orders {
    float: left;
    width: 100%;
    color: red;
    font-size: 12px;
    margin-left: 15px;
}
.carrier-info .out-of-service-orders .text {
    width: 100%;
    float: left;
    text-transform: none;
}

.out-of-service-orders a {
    color: red;
}


.motor_carrier {
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    background-color: #fff;
}
.content .info {
    padding: 12px 0 12px 5%;
    border-right: 1px solid #b2b2b2;
}
.content .info.last {
    border: none;
}
.black-header {
    /*display: inline-block;*/
    float: left;
    width: 100%;
    padding: 6px 0;
    color: #fff;
    background: #63636E;
    background: -moz-linear-gradient(top, #7F7F86 0%, #464646 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7F7F86 ), color-stop(100%,#464646));
    background: -webkit-linear-gradient(top, #7F7F86 0%,#464646 100%);
    background: -o-linear-gradient(top, #7F7F86 0%,#464646 100%);
    background: -ms-linear-gradient(top, #7F7F86 0%,#464646 100%);
    background: linear-gradient(to bottom, #7F7F86 0%,#464646 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7F7F86   ', endColorstr='#464646',GradientType=0 );
}
.black-header.lighter {
    background-color: #89888a;
    background-image: none;
}
.black-header.border-top {
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-top: 25px;
}
.border-top-title-right {
    margin-top: -3px;
}

.black-header.border-bottom {
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    padding: 15px 12px;
}
.black-header h5 {
    margin: 0 0 0 6px;
    font-weight: 100;
}
.black-header h5 img {
    margin-left: 12px;
    width: 14px;
    margin-top: -2px;
}
.content .list {
    width: 33%;
    float: left;
    font-size: 12px;
    text-transform: uppercase;
    padding: 12px 0 12px 10%;
}
.content .list div {
    float: left;
    width: 92%;
}
.content .list div span {
    float: left;
    clear: left;
    margin-bottom: 4px;
}
.content .cross {
    float: left;
    margin-right: 6px;
    color: #428bca;
    font-weight: bold;
    width: 25px;
    margin-left: -18px;
    text-align: right;
}
.content .cross-text {
    color: #428bca;
    font-weight: bold;
}
.content .cross-text-link {
    color: #428bca;
    font-weight: bold;
    cursor: pointer;
}
.content .empty-space {
    float: left;
    margin-right: 6px;
    display: inline-block;
    width: 7px;
}
.content .empty-space-link {
    cursor: pointer;
}



.inspections .list {
    padding-left: 5%;
    width: 20%;
}

/**
*
* Authority
*
**/

/*.authority .list {
    padding-left: 5%;
    width: 20%;
}*/

.authority .list {
  padding-left: 5%;
  width: 25%;
}

.red {
    color: #cc2840;
}

/**
*
* Footer
*
**/

.footer {
    background-color: #58575c;
    border-top: 2px solid #297cc0;
    float: left;
    width: 100%;
    padding-bottom: 18px;
    box-shadow: 1px -5px 5px #A7A7A7;
    
    /* bottom:0px; */
    
    height: 100%;
    /* position: relative; */
}
.footer .social {
    width: 240px;
    margin: 0 auto;
}
.footer .social i {
    float: left;
    margin-right: 18px;
    margin-top: 12px;
}
.footer .offset {
    margin-left: 18.666667%;
}   
.footer h5 {
    color: #399aca;
    font-weight: 900;
    margin-bottom: 2px;
    margin-top: 0;
    font-size: 12px;
}

.footer a {
    color: #fff;
    font-size: 13px;
    float: left;
    clear: left;
}
.footer .copy {
    width: 370px;
    margin: 0 auto;
}
.footer img {
    float: left;
    margin-top: -2px;
}
.footer .separator {
    color: #a0a09f;
    margin: 0 6px;
}
.footer p {
    float: left;
    margin: 0;
    font-size: 13px;
    margin-top: 2px;
    color: #a0a09f;
}



/**
*
* Options & Comments
*
**/
.options_comments {
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
}
.options_comments .container {
    padding-bottom: 0px;
}
.options_comments .subcontainer {
    padding-bottom: 0px;
    margin-left: 30px;
    width: 1000px;
}
.options_comments .item_container {
    width: 200px;
    float: left;
}
.options_comments .item_container_last {
    width: 220px;
}
.options_comments .title {
    margin-left: 6px;
}
.options_comments_title_left {
    float:left;
}
.options_comments_title_right {
    float:right;
}
.options_comments .add_comment {
    float: left;
    border: none;
    width: 110px;
    height: 25px;
    clear: none;
    margin-top: 10px;
    margin-left: 23px;
    margin-right: 10px;
}
.options_comments .data-row-container {
    border-top: 1px solid #b2b2b2;
    padding-top: 30px;
}
.options_comments .data-row {
    float: left;
    width: 100%;
    margin-top: -10px;
    margin-bottom: 20px;
}
.options_comments .data-row .user_field {
    width: 20%;
    float: left;
}
.options_comments .data-row .user_image {
    margin-left: 40px;
    float: left;
}
.options_comments .data-row .user_info {
}
.options_comments .data-row .user_name {
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    font-weight: bold;
}
.options_comments .data-row .timestamp {
    float: left;
    margin-left: 15px;
}
.options_comments .data-row .comment_field {
    width: 80%;
    float: left;
    margin-top: 5px;
}
.options_comments .button {
    float: left;
    margin-top: 10px;
    margin-left: 23px;
    margin-bottom: 20px;
}
.options_comments .update_button {
    float: left;
    border: none;
    width: 110px;
    height: 25px;
    clear: none;
    margin-right: 10px;
    background: url('../img/update-button.png') no-repeat;
}
.options_comments .mod_log {
    float: left;
    margin-top: 5px;
    color: #428bca;
}

.add_comment {
}
.add_comment .title {
    margin-top: -15px; 
    margin-left: -9px; 
    width: 757px;
}
.add_comment .subtitle {
    float: left;
    width: 100%;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: bold;
}
.add_comment .text_area {
    float: left;
    width: 97%;
    margin-left: 10px;
    height: 80px;
}
.add_comment .checkbox {
    float: left;
    margin-left: 30px;
    margin-top: 10px;
}
.add_comment .buttons {
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}
.add_comment .add_comment_button {
    float: left;
    border: none;
    width: 110px;
    height: 25px;
    clear: none;
    margin-right: 10px;
    background: url('../img/add-comment-button.png') no-repeat;
}
.add_comment .cancel_button {
    cursor: pointer;
}

.ok_button {
    cursor: pointer;
}


/**
*
* Underwriting
*
**/
.underwriting {
    border: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    background-color: #fff;
    font-size: 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.underwriting button {
    background-color: #fff;
    width: 130px !Important;
}

.underwriting .underwriting_review {
    float: left;
    border: none;
    width: 130px;
    height: 25px;
    clear: none;
    margin-top: 10px;
    margin-left: 16px;
    margin-right: 10px;
    padding-left: 0px;
    padding-top: 0px;
}
.underwriting .title {
    margin-left: 6px;
}
.underwriting_select_container {
    float:right;
    margin-top: -33px;
    margin-right: 14px;
}
.underwriting_select {
    width: 300px;
    cursor: pointer;
    height: 20px
}
.underwriting_icon {
    float: left;
    border: none;
    width: 23px !important;
    margin-top: -4px;
    margin-left: -5px;
    cursor: default !important;
/*  padding-bottom: 5px;*/
}
.underwriting_status {
/*    padding-bottom: 5px;*/
    height: 18px;
}
.underwriting_info_icon {
    float: left;
    cursor:pointer;
    margin-left: 12px;
}
.underwriting_violation_code {
    color:#da842a;
    text-decoration: underline;
}




.add_violation_code {
}
.add_violation_code .title {
    margin-top: -15px; 
    margin-left: -9px; 
    width: 1000px;
}
.add_violation_code .subtitle {
    float: left;
    width: 100%;
    margin-left: 20px;
    margin-top: 20px;
    font-weight: bold;
}
.add_violation_code .input-row {
    margin-left: -5px;
    margin-top: 10px;
}
.add_violation_code .input-row .text_area {
    width: 250px;
}
.add_violation_code .input-row .search_button {
    height: 28px;
    margin-left: 15px;
    cursor:pointer;
}
.add_violation_code .input-row .add_button {
    height: 28px;
    margin-left: 13px;
    margin-top: -5px;
}
.add_violation_code .select-group-small {
    font-size: 12px;
    margin-left: -7px;
    position:relative;
    margin-top: 5px;
}
.add_violation_code .select-group-small span.customSelect {
    width: 250px !important;
    font-size: 14px;
    margin-top:-5px;
    background: url('../img/search_image2.png') no-repeat right;
    height: 33px;
}
.add_violation_code .select-group-small span.customSelectInner {
    width: 250px !important;
    margin-top: 4px;
}
.add_violation_code .select-group-small .grey-select.hasCustomSelect {
    cursor: pointer;
    height:26px !important;
    width: 250px !important;
}
.add_violation_code .select-group-medium {
    font-size: 12px;
    margin-left: -7px;
    position:relative;
    margin-top: 5px;
}
.add_violation_code .select-group-medium span.customSelect {
    width: 400px !important;
    font-size: 14px;
    margin-top:-5px;
    background: url('../img/search_image2.png') no-repeat right;
    height: 33px;
}
.add_violation_code .select-group-medium span.customSelectInner {
    width: 400px !important;
    margin-top: 4px;
}
.add_violation_code .select-group-medium .grey-select.hasCustomSelect {
    cursor: pointer;
    height:26px !important;
    width: 400px !important;
}
.add_violation_code .select-group-large {
    font-size: 12px;
    margin-left: -7px;
    position:relative;
    margin-top: 5px;
}
.add_violation_code .select-group-large span.customSelect {
    width: 850px !important;
    font-size: 14px;
    margin-top:-5px;
    background: url('../img/search_image2.png') no-repeat right;
    height: 33px;
}
.add_violation_code .select-group-large span.customSelectInner {
    width: 850px !important;
    margin-top: 4px;
}
.add_violation_code .select-group-large .grey-select.hasCustomSelect {
    cursor: pointer;
    height:26px !important;
    width: 850px !important;
}



/**
*
* Pre-Screening Guideline
*
**/

.pre-screening-guideline {
    margin-top: 13px;
}

.pre-screening-guideline .menu_title {
    width: 200px
}
.pre-screening-guideline .menu_container {
    height: 340px;
    background-color: #fff;
    border-bottom: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    font-size: 12px;
    padding-left: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pre-screening-guideline .menu_container .subtitle {
    padding-top: 20px;  
    font-size: 12px;
    color: #da842a;
    font-weight: bold;
}
.pre-screening-guideline .menu_container .item {
    padding-top: 3px;
    margin-left: 20px;
    color: #9b8a91;
}
.pre-screening-guideline .menu_container .item a {
    color: #9b8a91;
}
.pre-screening-guideline .menu_container .active {
    color: #5388ff;
}
.pre-screening-guideline .menu_container .mod_log {
    color: #5388ff;
    margin-top: 20px;
}
.pre-screening-guideline .info_container {
    float: left;
    height: 100%;
    padding-bottom: 15px;
    background-color: #fff;
    border-bottom: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    width: 100%;
    font-size: 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pre-screening-guideline .info_title {
    width: 500px
}
.pre-screening-guideline .info_container .subtitle {
    float: left;
    border-bottom: 1px solid #b2b2b2;
    width: 93%;
    margin-left: 30px;
    margin-top: 30px;
}
.pre-screening-guideline .info_container .subtitle2 {
    float: left;
    width: 93%;
    margin-left: 30px;
    margin-top: 30px;
    color: #5388ff;
    font-weight: bold;
}
.pre-screening-guideline .info_container .subtitle3 {
    float: left;
    margin-left: 210px;
    margin-top: 5px;
}
.pre-screening-guideline .info_container .separator {
    float: left;
    border-bottom: 1px solid #b2b2b2;
    width: 93%;
    margin-left: 30px;
    margin-top: 3px;
}
.pre-screening-guideline .info_container .subtitle .left {
    float: left;
    color: #5388ff;
    font-weight: bold;
}
.pre-screening-guideline .info_container .subtitle .right {
    float: left;
    margin-left: 10px;
}
.pre-screening-guideline .info_container .subtitle .note {
    float: left;
}
.pre-screening-guideline .info_container .subtitle .note2 {
    float: left;
    font-style: italic;
    width: 100%;
    margin-bottom: 5px;
}
.pre-screening-guideline .info_container .field {
    float: left;
    width: 100%;
    margin-left: 30px;
    margin-top: 15px;
}
.pre-screening-guideline .info_container .field .left {
    float: left;
    width: 146px;
}
.pre-screening-guideline .info_container .field .left .text {
    float: right;
    font-weight: bold;
    margin-top: 5px;
}
.pre-screening-guideline .info_container .field .right {
    float: left;
    margin-left: 10px;
}
.pre-screening-guideline .info_container .field .right .text {
    font-style: italic;
    margin-top: 5px;
}
.pre-screening-guideline .buttons {
    float: right;
    margin-top: 15px;
    margin-right: 30px;
}
.pre-screening-guideline .update_guideline_button {
    float: left;
    border: none;
    width: 130px;
    height: 25px;
    clear: none;
    margin-right: 15px;
    background: url('../img/update-guideline-button.png') no-repeat;
}
.pre-screening-guideline .cancel_button {
    cursor: pointer;
}
.pre-screening-guideline .clear_button {
    position: relative !important ;
    top: 116px !important ;
    float: left !important ;
    border: none !important;
    width: 89px !important;
    height: 38px !important;
    clear: none !important;
    margin-right: 15px !important;
    background: url('../img/clear-button-small.png') no-repeat !important;
}
.pre-screening-guideline .info_icon {
    float: left;
    cursor:pointer;
    margin-left: 12px;
}
.pre-screening-guideline .info_icon img {
    width: 16px;
    margin-top: 4px;
}
.pre-screening-guideline .info_container .field .select-group {
    font-size: 12px;
    margin-left: 10px;
    position:relative;
    margin-top: 5px;
}
.pre-screening-guideline .info_container .field .select-group span.customSelect {
    /*width: 160px !important;*/
    width: 120px !important;
    font-size: 14px;
    margin-top:-5px;
}
.pre-screening-guideline .info_container .field .select-group span.customSelectInner {
    /*width: 160px !important;*/
    width: 120px !important;
    line-height: 23px !important;
    margin-top: -1px !important;
}
.pre-screening-guideline .info_container .field .select-group .grey-select.hasCustomSelect {
    margin-top: -5px;
    cursor: pointer;
}
.pre-screening-guideline .info_container .field .select-group-small {
    font-size: 12px;
    margin-left: 10px;
    position:relative;
    margin-top: 5px;
}
.pre-screening-guideline .info_container .field .select-group-small span.customSelect {
    width: 65px !important;
    font-size: 14px;
    margin-top:-5px;
}
.pre-screening-guideline .info_container .field .select-group-small .grey-select.hasCustomSelect {
    margin-top: -5px;
    cursor: pointer;
}
.pre-screening-guideline .info_container .field .select-group-small span.customSelectInner {
    line-height: 23px !important;
    margin-top: -1px !important;
}
.pre-screening-guideline .info_container .violation-code {
    color:#da842a;
    text-decoration: underline;
}
.pre-screening-guideline .info_container .trash-icon {
    margin-left: -5px;
    margin-top: -5px;
}

.pre-screening-guideline .info_container .overview .title {
    color: #da842a;
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
    margin-top: 15px;
}
.pre-screening-guideline .info_container .overview .subtitle {
    margin-top: 15px;
    font-weight: bold;
}
.pre-screening-guideline .info_container .overview .field {
    float: left;
}
.pre-screening-guideline .info_container .overview .field .col1-title {
    width: 100%;
    float: left;
}
.pre-screening-guideline .info_container .overview .field .col1 {
    width: 20%;
    float: left;
}
.pre-screening-guideline .info_container .overview .field .col1-vcode {
    width: 20%;
    float: left;
    color: #da842a;
    text-decoration: underline;
}
.pre-screening-guideline .info_container .overview .field .col23 {
    width: 80%;
    float: left;
    font-size: 13px;
    padding-bottom: 10px;
}
.pre-screening-guideline .info_container .overview .field .col23-vcode {
    width: 80%;
    float: left;
    font-size: 13px;
}
.pre-screening-guideline .info_container .overview .field .col2 {
    width: 40%;
    float: left;
}
.pre-screening-guideline .info_container .overview .field .col3 {
    width: 40%;
    float: left;
    font-weight: bold;
}



/**
*
* Account Profile
*
**/
.account-profile {
    margin-top: 13px;
}

.account-profile .menu_title {
    width: 200px
}
.account-profile .menu_container {
    height: 340px;
    background-color: #fff;
    border-bottom: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    float: left;
    width: 100%;
    font-size: 12px;
    padding-left: 20px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.account-profile .menu_container .subtitle {
    padding-top: 20px;  
    font-size: 12px;
    color: #da842a;
    font-weight: bold;
}
.account-profile .menu_container .item {
    padding-top: 3px;
    margin-left: 20px;
    color: #9b8a91;
}
.account-profile .menu_container .item a {
    color: #9b8a91;
}
.account-profile .menu_container .active {
    color: #5388ff;
}
.account-profile .menu_container .mod_log {
    color: #5388ff;
    margin-top: 20px;
}
.account-profile .info_container {
    float: left;
    height: 100%;
    padding-bottom: 15px;
    background-color: #fff;
    border-bottom: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    border-left: 1px solid #b2b2b2;
    width: 100%;
    font-size: 12px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
.account-profile .info_title {
    width: 500px
}
.account-profile .info_container .subtitle {
    float: left;
    border-bottom: 1px solid #b2b2b2;
    width: 93%;
    margin-left: 30px;
    margin-top: 30px;
}
.account-profile .info_container .subtitle2 {
    float: left;
    width: 93%;
    margin-left: 30px;
    margin-top: 30px;
    color: #5388ff;
    font-weight: bold;
}
.account-profile .info_container .subtitle3 {
    float: left;
    margin-left: 210px;
    margin-top: 5px;
}
.account-profile .info_container .separator {
    float: left;
    border-bottom: 1px solid #b2b2b2;
    width: 93%;
    margin-left: 30px;
    margin-top: 3px;
}
.account-profile .info_container .subtitle .left {
    float: left;
    color: #5388ff;
    font-weight: bold;
}
.account-profile .info_container .subtitle .right {
    float: left;
    margin-left: 10px;
}
.account-profile .info_container .subtitle .note {
    float: left;
}
.account-profile .info_container .subtitle .note2 {
    float: left;
    font-style: italic;
    width: 100%;
    margin-bottom: 5px;
}
.account-profile .info_container .field {
    float: left;
    width: 100%;
    margin-left: 30px;
    margin-top: 15px;
}
.account-profile .info_container .field .left {
    float: left;
    width: 146px;
}
.account-profile .info_container .field .left .text {
    float: right;
    font-weight: bold;
    margin-top: 5px;
}
.account-profile .info_container .field .right {
    float: left;
    margin-left: 10px;
}
.account-profile .info_container .field .note {
  margin-left: 10px;
  margin-top: 5px;
  float: left;
}

.account-profile .info_container .field-option {
    float: left;
    width: 100%;
    margin-left: 30px;
    margin-top: 15px;
}
.account-profile .info_container .field-option .left {
    float: left;
    margin-left: 100px;
    width: 200px;
}
.account-profile .info_container .field-option .left .check {
    float: left;
}
.account-profile .info_container .field-option .left .text {
    float: left;
    margin-top: 2px;
}
.account-profile .info_container .field-option .left .text-radio {
    float: left;
    margin-top: -1px;
    margin-left: 7px;
}
.account-profile .info_container .field-option .right {
    float: left;
}
.account-profile .info_container .field-option .right .check {
    float: left;
}
.account-profile .info_container .field-option .right .text {
    float: left;
    margin-top: 2px;
}
.account-profile .info_container .field-option .right .text-radio {
    float: left;
    margin-top: -1px;
    margin-left: 7px;
}
.account-profile .info_container .field-option .notification-email {
    float: left;
}
.account-profile .info_container .field-option .notification-email .col1 {
    float: left;
    font-weight: bold;
    padding-right: 20px;
}

.account-profile .buttons {
    float: right;
    margin-top: 15px;
    margin-right: 30px;
}
.account-profile .update_password_button {
    float: left;
    border: none;
    width: 130px;
    height: 25px;
    clear: none;
    margin-right: 15px;
    background: url('../img/update-password-button.png') no-repeat;
}
.account-profile .update_options_button {
    float: left;
    border: none;
    width: 130px;
    height: 25px;
    clear: none;
    margin-right: 15px;
    background: url('../img/update-options-button.png') no-repeat;
}
.account-profile .cancel_button {
    cursor: pointer;
}
.account-profile .info_icon {
    float: left;
    cursor:pointer;
    margin-left: 12px;
}
.account-profile .info_icon img {
    width: 16px;
    margin-top: 4px;
}

.account-profile .info_container .overview .user-info {
    width: 95%;
    float: left;
    margin-left: 30px;
    padding-bottom: 20px;
}
.account-profile .info_container .overview .user-info .col1 {
    width: 15%;
    float: left;
    text-align: right;
}
.account-profile .info_container .overview .user-info .col1 img {
    margin-top: 15px;
}
.account-profile .info_container .overview .user-info .col2 {
    width: 75%;
    float: left;
}
.account-profile .info_container .overview .user-info .col2 .email {
    margin-top: -5px;
}
.account-profile .info_container .overview .title {
    color: #da842a;
    font-size: 14px;
    font-weight: bold;
    margin-left: 30px;
    margin-top: 15px;
}
.account-profile .info_container .overview .subtitle {
    margin-top: 15px;
    font-weight: bold;
}
.account-profile .info_container .overview .field {
    float: left;
}
.account-profile .info_container .overview .field .col1 {
    width: 6%;
    float: left;
    color: #9b8a91;
}
.account-profile .info_container .overview .field .col2 {
    width: 94%;
    float: left;
    font-size: 13px;
    padding-bottom: 10px;
}
.account-profile .info_container .overview .field .col2 .option {
  float: left;
  text-align: left;
  padding-right: 40px;
  font-size: 14px;
  margin-top: -2px;
}




/**
*
* Common
*
**/
.no_data_available {
    padding: 6px;
    float: left;
    min-height: 29px;
    text-transform: uppercase;
    width:100%; 
    text-align:center; 
    color:#D68333; 
    font-weight:bold
}

.row-selected-yellow {
    background-color: #ffffcc;
    border-bottom: 1px solid #d5d55b;.
    border-top: 1px solid #d5d55b;
}

.disclaimer-menu-item {
    height: 26px;
    border-bottom: 1px solid grey;
    padding: 5px;
    margin-left: 10px;
    margin-right: 10px;
}

.disclaimer-title {
  color: #428bca;
  font-weight: bold;
}

.disclaimer-menu {
  height: 825px;
  position: relative;
  width: 19%;
  margin-top: 13px;

}

.disclaimer-menu-info{
    width: 81%;
    float: right;
    margin-top: 13px;
}

a.history-Link {
    color: #7ac9f0;
    text-decoration: none;
}

a.history-Link:hover{
    color: #7ac9f0;
    text-decoration: none;
}

.breadcrumb-nomargin {
    margin-top: 0px !Important;
}

.AuthorityNoBold {
  color: #333333 !Important;
  font-weight: normal !Important;
}

.vin-search {
     margin-top: 13px;
}

.tableInformationPopup {
    border-top: 1px solid #b2b2b2; 
}

.tableInformationNoBorder{
    border: 0px !Important;
}

.feedback_form {
    border-top: 1px solid #b2b2b2; 
    border-bottom: 1px solid #b2b2b2; 
    float: left;
    width: 100%;
    background-color: #fff;
}

.feedback_form span.field-separator {
    clear: none;
}

.feedback_form span.feedback-data {
    clear: none;
    text-transform: none;
    font-weight: normal;
}

.feedback-textbox {
    width: 300px;
    height: 150px;
}


.feedback_button {
  float: left;
  border: none;
  width: 130px;
  height: 25px;
  clear: none;
  margin-top: 125px;
  background: url('../img/submit-feedback-button.png') no-repeat;
}

.spinner {
    vertical-align: middle;
    margin-top: 15% !important;
}

.spinnerSearch {
    vertical-align: middle;
    margin-top: 10px !important;
    margin-left: 545px !important;
}

.spinnerSearchDiv {
    vertical-align: middle;
    height:135px;
}

.spinnerVINSearch {
    vertical-align: middle;
    margin-top: 185px !important;
    margin-left: 545px !important;
}

.spinnerVINSearchDiv {
    vertical-align: middle;
    text-align:center; 
    float:left; 
    height:437px !important;
}

#aclData {
    height: 224px;
}

#ssData {
    height: 224px;
}

/*#commentsData{
    height: 426px;
}*/

.spinnerComments {
    vertical-align: middle;
    margin-left: 51%;
    margin-top: -29px;
}

/**
*
* Media Queries
*
**/
@media (max-width: 1196px) {
    .menu .action-select {
        padding-left: 43px;
    }
    .content .small-row img {
        margin-left: -4px;
        float: left;
    }
    /* Liquid Fix */
    .content .list div {
      float: left;
      width: 90%;
    }
    /*.content .large-row {
      width: 13.5%;
    }*/

    .data-rows, .data-rows-header {
      font-size: 10px;
    }

    .data-rows:hover{
      font-size: 10px;
    }

    .content .list {
      font-size: 11px;
    }
    
    .black-header.border-bottom h5 {
      font-size: 10px;
    }

    .col-md-9 {
        width: 75%;
    }

    .main .search input {
        width: 200px;
    }

    #map-canvas
    {
        width:708px !important;
    }

    .pre-screening-guideline .menu_container .mod_log {
      color: #5388ff;
      margin-top: 10px;
    }

    .filter-search input {
        width: 47%;
        margin-right: 12px;
    }

    .options_comments .subcontainer {
        width: 880px;
    }

     /*#colorbox {
      top: 600px !important;
      left: 60px !important;
      width: 900px !important;
    }*/


    #colorbox #cboxClose {
      right: 0px;
    }

    .add_comment {
      width: 90%;
    }
    
    .filter-search .inputs {
      float: left;
      width: 90.5%;
      margin-top: 12px;
    }

    .info span {
       width: 260px;
    }

    .menu .menu-select {
        border-radius: 4px;
        padding-right: 0px;
        width: 24%;
    }

    .menu .action-select {
      width: 75.3%;
      /*background-position: 437px 0;*/
      background-position: 44px 0;
    }

    .carrier-search .advanced_search {
        padding-left: 97px;
    }

    .disclaimer-menu {
        width:25%;
    }

    .disclaimer-menu-info {
        width: 75%;
    }

    .search-header .medium-large-row {
        width: 11.5%;
    }

    .search-header .large-row {
        width: 23.5% !Important;
    }

    .search-header .xlarge-row {
        width: 22.4%;
    }

    .data-rows-search .medium-large-row {
        width: 11.5%;
    }

    .data-rows-search .large-row {
        width: 23.5% !Important;
    }

    .data-rows-search .xlarge-row {
        width: 22.4%;
    }

    .carrier-connections-search .medium-large-row {
        width: 11.5%;
    }

    .carrier-connections-search .large-row {
        width: 23.5% !Important;
    }

    .carrier-connections-search .xlarge-row {
        width: 22.4%;
    }

    /* End Liquid Fix */

}
@media (max-width: 992px) {
    .main h1 {
        font-size: 24px;
    }
    .content .account {
        margin-top: 24px;
    }
    .footer .offset {
        margin-left: 43px !important;
        width: 19% !important;
    }
    .questions {
        width: 33%;
        margin-top: -30px;
    }
    .carrier-search {
        width: 100% !important;
        margin-top: 12px;
        float: left;
    }
    .motor_carrier .list {
        padding-left: 4%;
    }
    .carrier-info .customSelect span {
        width: 150px !important;
    }
    .footer .offset {
        margin-left: 0;
    }


     /* Liquid Fix */
    .content .list div {
      float: left;
      width: 88%;
    }
    /*.content .large-row {
      width: 13.5%;
    }*/

    .data-rows, .data-rows-header {
       font-size: 8px;
       height: inherit;
    }

    .data-rows-header {
      height: 30px;
    }

    .data-rows:hover{
       font-size: 8px;
       height: inherit;
    }
    .content .list {
      font-size: 10px;
    }

    .info span.field {
       width: 100px;
       font-size: 11px;
    }

    .info span {
       width: 190px;
       font-size: 11px;
    }

    /*.content .small-row img {
        margin-left: -9px;
        float: left;
    }*/

    .colorbox-showShowTableInformation{
        width: 900px;
        font-size: 10px;
    }

    .colorbox-showMCIssues{
        width: 700px;
        font-size: 10px;
    }

    .colorbox-showForgotPass{
        width: 500px;
        font-size: 10px;
    }

    .colorbox-showMustLogin{
        width: 500px;
        font-size: 10px;
    }

    #cboxContent{
        width: 700px !important;
    }

    .black-header.border-bottom h5 {
      font-size: 10px;
    }

    .col-md-9 {
        width: 75%;
    }

    .main .search input {
        width: 200px;
    }

    .content .small-row img {
      margin-right: -5px;
      float: right;
    }

    .underwriting_icon {
      margin-right: -9px !important;
    }
    .customSelect 
    {
       /*margin-left: 166px !important;*/
    }

    .hasCustomSelect
    {
       /*margin-left: 166px !important;*/
    }

    .filter-search .inputs .customSelect  {
       margin-left: inherit !important;
    }

    filter-search .inputs .hasCustomSelect  {
      margin-left: inherit !important;
    }
    .filter-search input,
    .filter-search span.customSelect {
        width: 200px;
    }

    .filter-search input {
      margin-top: -2px;
      width: 27%;
    }
    
    .filter-search .submit {
      margin-left: -20px;
    }

    .menu .menu-select 
    {
        width: 31%;      
        margin-right: 10px;
    }

    .menu .action-select {
      width: 67%;
      padding-left: 17px;
    }

    .menu .action-select {
      /*background-position: 411px 0;*/
      background-position: 17px 0;
    }

    .carrier-info select 
    {
      /*margin-top: -20px;*/
    }

    .options_comments .item_container {
      width: 230px;
      float: left;
    }

    .options_comments .data-row .user_field {
      width: 30%;
      float: left;
    }

    .options_comments .data-row .comment_field {
      width: 70%;
      float: left;
      margin-top: 5px;
    }

    .options_comments .subcontainer {
        width: 700px;
    }

    /*#colorbox {
      top: 600px !important;
      left: 25px !important;
      width: 713px !important;
    }*/

    #cboxClose {
      width: 13px !important;
    }

    .crashed-reports
    {
       width: 190px;
       float: left;
    }
    
    .crashed-reports-info
    {
        width: 540px;
        float: right
    }

    .crashed-reports-info .data-rows .info span.field {
       width: 55px;
    }

    .map-reports-info
    {
        width: 540px;
        float: right
    }

    .map-reports-info .data-rows .info span.field {
       width: 55px;
    }

    #map-canvas
    {
        width:527px !important;
    }

    .carrier-info .select-group .col-md-3
    {
        float: left;
    }

    .carrier-info .select-group .customSelect 
    {
       margin-left: inherit !important;
    }

    .pre-screening-guideline .col-md-3
    {
        width: 240px;
        float:left;
    }

    .pre-screening-guideline .col-md-9
    {
        width: 490px;
        float:right;
    }

    .pre-screening-guideline .info_container .field .left {
          width: 150px;
          font-size: 8pt;
    }

     .pre-screening-guideline .info_container .field {
           margin-left: 30px;
    }

     .pre-screening-guideline .info_container .customSelect 
    {
       margin-left: 5px !important;
    }

    .pre-screening-guideline .info_container .hasCustomSelect
    {
       margin-left: 5px !important;      
    }

    .pre-screening-guideline .info_container .field .select-group span.customSelect
    {
       width: 93px !important;
    } 

    .pre-screening-guideline .info_container .field .select-group span.customSelectInner 
    {
       width: 70px !important;
    }

    .add_violation_code .select-group-large .grey-select.hasCustomSelect {
        width: 400px !important;
    }
    .add_violation_code .select-group-large span.customSelect {
        width: 400px !important;
    }
    .add_violation_code .input-row {
        width: 650px !important;
    }
    
    .account-profile .col-md-3
    {
        width: 240px;
        float:left;
    }

    .account-profile .col-md-9
    {
        width: 490px;
        float:right;
    }

    .account-profile .info_container {
      margin-left: 0px;
    }

    .account-profile .info_container .field-option .left {
      float: left;
      margin-left: 60px;
      width: 200px;
    }

    .account-profile .info_container .overview .field .col2 {
      width: 94%;
      float: left;
      font-size: 13px;
      padding-bottom: 10px;
      padding-left: 10px;
    }

    .breadcrumbs {
        width: 720px;
    }

    .carrier-info .out-of-service-orders {
        width: 400px;
    }

    .border-top-title-right {
        margin-top: -19px;
    }
    .border-top-title-right2 {
        margin-top: -16px;
    }

    .authority .data-rows:hover{
      height: 30px;
    }

    .authority .data-rows{
       height: 30px;
    }

    .authority .data-rows-header {
       height: 30px;
    }

    .authority .grey-header {
       height: 30px;
    }

    #colorbox #cboxClose {
      right: 0px;
    }
    
    .add_comment .title {
        margin-top: -15px; 
        margin-left: -9px; 
        width: 713px;
    }

    .popup-container
    {
        width: 94% !important;
    }

    .add_comment {
      width: 90%;
    }

    .data-rows-vinsearch
    {
       height: 90px;
    }

    .disclaimer-menu {
        height: 825px;
        position: absolute;
        width: 19%;
        margin-top: 13px;
    }

     .carrier-search .advanced_search {
        padding-left: 361px;
    }

    .disclaimer-menu {
        width:25%
    }

    .disclaimer-menu-info {
        width: 75%;
    }

    .crashed-reports-body {
        border-left: 1px solid #b2b2b2;
        border-right: 1px solid #b2b2b2;
        display: inline-block;
        background-color: #fff;
        height: 60%;
        width: 100%
    }

    #siteMap-reports-body {
        height: 150px !important;
    }

    .crashed-reports-body .data-rows {
       height: 26px;
    }

    #ForgotPassMessage{
        width: 243px;
    }

    .forgot-ok {
       padding-right: 200px;
    }

    .content .info {
        height: 430px;
    }

    input[type=checkbox] ~ label.css-label {
         margin-left: -3px;
    }

    .data-rows-search{
        height: 44px !Important;
    }
    .data-rows-search div{
        height: 44px !Important;
    }

    /* End Liquid Fix */

}


@media (max-width:750px) {
    .motor_carrier .list {
        padding-left: 4%;
    }
    .content .info {
        padding-left: 3%;
    }
    .carrier-info .snapshot {
        width: 50%;
    }
    .info span {
        width: 130px;
    }
    .info span.field {
        width: 90px;
    }
}
@media (max-width: 645px) {
    .topbar {
        background: #676668; 
        background: -moz-linear-gradient(top,  #676668 0%, #4e4d4d 100%); 
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#676668), color-stop(100%,#4e4d4d)); 
        background: -webkit-linear-gradient(top,  #676668 0%,#4e4d4d 100%); 
        background: -o-linear-gradient(top,  #676668 0%,#4e4d4d 100%); 
        background: -ms-linear-gradient(top,  #676668 0%,#4e4d4d 100%); 
        background: linear-gradient(to bottom,  #676668 0%,#4e4d4d 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#676668', endColorstr='#4e4d4d',GradientType=0 ); 
    }
    .topbar ul {
        clear: left;
        float: left;
    
        width: 100%;
}
    .topbar ul li,
    .topbar .actions li {
        float: left;
        clear: left;
        width: 100%;
    }
    .topbar ul li i {
        display: none;
    }
    .topbar ul li a,
    .topbar .actions a {
        border: none;
        padding: 0;    
        width: 100%;
        float: left;
        font-size: 14px;
        line-height: 26px;
        border-bottom: 1px dashed #444;
        padding-left: 3px;
    }
    .topbar li a:after,
    .topbar .actions a:after {
        content: " »";
    } 
    .content .account .ipad {
        display: none;
    }
    .content .account .logo {
        width: 65px;
        min-width: inherit;
        margin-left: 12px;
    }
    .main h1 {
        margin-top: 50px;
    }
    .content .sign {
        height: 400px;
    }     
    .sitemap div {
        text-align: center;    
        margin: 12px auto;
        float: left;
        width: 100%;
    }    
    .sitemap a {
        width: 100%;
        text-align: center;
    } 
}
@media (max-width:576px) {
    .title-cont {
        float: left;
        width: 100%;
    }
    .main .search {
        text-align: left;
        margin-top: 12px;
    }
    .main .search input {
        width: 210px;
        margin-top: 12px;
    }
    .carrier-info .snapshot {
        width: 50%;
    }
    .carrier-info .standard {
        float: left;
        margin-top: 12px;
    }
    .carrier-info .snapshot-cont {
        float: left;
    }
    .info {
        width: 100%;
    }
    .motor_carrier .list {
        padding-left: 4%;
        width: 100%;
    }
    .content .info {
        padding-left: 3%;
        border: none;
        border-bottom: 1px solid #b2b2b2;
    }
    .content .info.last {
        border: none;
    }
    .info span {
        width: 130px;
    }
    .info span.field {
        width: 90px;
        margin-right: 8px;
    }
    .advanced-search > span {
        margin-left: 0;
    }
    .advanced-search h4 {
        padding-left: 0;
    }

    .fields {
        padding: 0;
    }
    .fields .input-cont,
    .fields .input-cont.carrier,
    .fields .input-cont.checkbox,
    .fields .units span:first-child {
        width: 100%;
    }
    .advanced-search h4 span {
        clear: left;
        margin: 0;
        float: left;
    }
    .fields .units span:first-child {
        margin-left: 0;
    }
    .fields .units span {
        margin-left: 12px;
        width: 46px;
        margin-right: 6px;
    }
    .fields .units input {
        width: 72% !important;
        margin-right: 0;
        margin-top: 4px;
    }
    .advanced-search input[type="submit"] {
        clear: left;
    }
}
@media (max-width: 320px) {
    .main h1 {
        font-size: 21px;
    }
    .content .sign form a {
        margin-left: 0;
        margin-top: 18px;
        clear: left;
    }  
    .content .account .logo {
        clear: left;
        margin-top: 2px;
    }
    .footer .separator {
        display: none;
    }
    .footer .footer_logo {
        margin-left: 30%;
    }
    .footer p {
        clear: left;
    }
    .content .account {
        height: 450px;
    }
    .footer p {
        font-size: 12px;
        margin-left: 5px;
        margin-top: 7px;
    }
    .search {
        margin-top: 12px;
    }
    .main .search select,
    .search span.customSelect {
        float: left;
    }
    .main .search select {        
        margin-left: -286px;
    }
    .main .search input {
        float: left;
        clear: left;
        width: 74%;
        margin-top: 9px;
    }
    .menu .menu-select,
    .menu .action-select {
        background-image: none;
        padding-left: 0;
    }
    .menu .action-select {
        padding-left: 8px;
    }
    .menu .action-select span.customSelect {
        border-radius: 4px;
        width: 94px;
        height: 28px;
    
        margin-right: 16px;
        margin-bottom: 3px;
    }
    .menu .action-select .separator {
        display: none;
    }
    .board .header span:first-child,
    .board .data span {
        width: 26.9%;
    }
    a.history {
        margin-left: 0;
    }
    .pagination {
        float: left;
    }
    .pagination .select {
        display: block;
    }
    .pagination .numbers {
        display: none;
    }    
    .carrier-search .content input,
    .carrier-search .content input.carrier {
        width: 100%;
    }
    .carrier-search .content span.customSelect {
        width: 175px;
    }
    .carrier-search .content span.customSelect span {
        width: 125px !important;
    }
    .carrier-search .content a {
        margin: 12px 0;
    }
    .carrier-search .content input[type="submit"] {
        float: left;
    }
    .footer p {
        font-size: 12px;
        margin-left: 5px;
        margin-top: 7px;
    }

    /* List View */

    .list-view-normal-screen {
        display:block;
        margin-top:13px;
    }

    .content .mobile-cont {
        float: left;
        width: 100%;
        cursor: pointer;
        background-color: #f7f7f7;
        border-top: 1px solid #cfccc6;
    }
    .content .mobile-cont-carrier-connections {
        float: left;
        width: 100%;
        cursor: pointer;
        border-top: 1px solid #cfccc6;
    }
    .content .small-row.mobile {
        width: 70px;
        border:none;
        text-align:left;
    }
    .content .large-row.mobile {
        width: 140px;
        display: block;
        border: none;
        height: auto !important;
    }
    .content .data-mobile {
        float: left;
        width: 100%;
        padding: 6px;
        display: none;
    }
    .content .data-mobile .mobile-field {
        float: left;
        clear: left;
        width: 110px;
        text-align: right;
    }
    .content .data-mobile .mobile-value {
        clear: none;
        float: left;
        font-weight: 700;
        margin-left: 3px;
        text-align: left;
        width: 125px;
        margin-top: 1px;
    }
    .content .data-mobile span {
        float: left;
        clear: left;
        width: 110px;
        text-align: right;
    }
    .content .data-mobile span.right {
        clear: none;
        float: left;
        font-weight: 700;
        margin-left: 3px;
        text-align: left;
        width: 125px;
    }
    .content .data-mobile .company-links {
        width: 140px;
        border: none;
        float: right;
        height: auto !important;
    }

    .black-header.border-bottom.content {
        height: 55px;
    }
    .black-header.border-bottom h5 {
        width: auto;
        float: right;
        margin-top: 5px;
    }
    .black-header.border-bottom.content .numbers-step {
        margin-top: 5px;
        margin-left: -5px;
    }
    .black-header.border-bottom.content .pagination {
        float: right;
        width: 260px;
    }

    .black-header.border-bottom.content .pagination .numbers {
        display: block;
        float: right;
    }

    .filter-search .inputs {
        float: none;
        width: 82%;
        margin: 0 auto;
        margin-top: 12px;
    }
    .filter-search h4 {
        text-align: center;
        width: 250px;
    }
    .filter-search span.customSelect {
        margin-bottom: 12px;
    }
    .filter-search span.customSelect span {
        width: 150px !important;
    }
    .filter-search input {
        width: 210px;
        margin-bottom: 12px;
    }
    .filter-search .submit {
        float: none;
        clear: left;
        width: 130px;
        margin: 0 auto;
        padding-top: 12px;
    }
    .filter-search .submit input {
        margin-top: -10px;
        margin-left: 20px;
    }
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   These examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
       (-o-min-device-pixel-ratio: 5/4),
       (-webkit-min-device-pixel-ratio: 1.25),
       (min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}

/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}

/* Estilos Maquetador */

.popup {
    width: 350px;
    border-radius: 4px;
    background: #fff;
    overflow: hidden;
    box-shadow: 1px 1px 1px #999;
    position: absolute;
    z-index:99;
    display:none;
    min-height: 225px;
}

.popup .black-header.border-top {
    margin-top: 0;
}

.popup h5 {
    text-transform: none;
    font-size: 13px;
    display: block;
    position: relative;
}

.popup-body {
    border-left: 1px solid #b2b2b2;
    padding: 10px;
}

.popup-body b {
    display: inline-block;
    width: 80px;
    clear: both;
    margin:0 15px 15px 0;
    text-align: right;
    vertical-align: top;
}

.popup-body span {
    display:inline-block;
    width: 190px;
    margin-bottom: 15px;
    float:none!important;
}

.popup-body .telephone {
    margin-bottom: 0px;
}

.popup-body h6 {
    margin: 1.5em 0 1em 1em;
    text-transform: none;
    font-size: 14px;
    display: inline-block;
}

.close-popup {
    position: absolute;
    right: 10px;
    top: 10px;
    cursor: pointer;
}

.centered {text-align:center}

.content .crashed-reports .xxlarge-row {
    border:none;
}
.content .crashed-reports .xxxlarge-row {
    border:none;
}

.crashed-reports img{
    max-width: 12px;
    float: left;
    margin: 2px 3px 0 0;
}

.print-bt {
    border: none;
    padding: 1px 3px;
    margin-left: 2%;
    background: #fff;
    color: #3a98c8;
    font-size: 9px;
    background: #fff;
    background: -moz-linear-gradient(top, #fff 0%, #D6D6D6  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#D6D6D6 ));
    background: -webkit-linear-gradient(top, #fff 0%,#D6D6D6  100%);
    background: -o-linear-gradient(top, #fff 0%,#D6D6D6  100%);
    background: -ms-linear-grafffdient(top, #fff 0%,#D6D6D6  100%);
    background: linear-gradient(to bottom, #fff 0%,#D6D6D6  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff', endColorstr='#D6D6D6 ',GradientType=0 );
}

.select-group {
    font-size: 12px;
    margin-left: 10px;
    position:relative;
    margin-top: 5px;
}

.select-group span.customSelect {
    width: 160px;
    font-size: 14px;
    margin-top:-5px;
}

.select-group .grey-select.hasCustomSelect {
    margin-top: -6px;
}

.xselect-group {
    font-size: 12px;
    margin-left: 10px;
    position:relative;
    /*margin-top: 5px;*/
    margin-top: -20px;
}

.xselect-group span.customSelect {
    width: 217px !important;
    font-size: 14px;
    margin-top:-5px;
}
.xselect-group span.customSelect span {
    width: 170px !important;
}

.xselect-group .grey-select.hasCustomSelect {
    margin-top: -6px;
}

.crashed-reports-info .data-rows.data div .inspection_marker_label{
    padding: 10px 5px;
}

.crashed-reports-info .black-header.lighter {
    background: #777;
    background: -moz-linear-gradient(top, #999 0%, #777  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#777 ));
    background: -webkit-linear-gradient(top, #999 0%,#777  100%);
    background: -o-linear-gradient(top, #999 0%,#777 100%);
    background: -ms-linear-grafffdient(top, #999 0%,#777  100%);
    background: linear-gradient(to bottom, #999 0%,#777  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#777 ',GradientType=0 );
}

.map-reports-info .data-rows.data div .inspection_marker_label{
    padding: 10px 5px;
}

.map-reports-info .black-header.lighter {
    background: #777;
    background: -moz-linear-gradient(top, #999 0%, #777  100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#999), color-stop(100%,#777 ));
    background: -webkit-linear-gradient(top, #999 0%,#777  100%);
    background: -o-linear-gradient(top, #999 0%,#777 100%);
    background: -ms-linear-grafffdient(top, #999 0%,#777  100%);
    background: linear-gradient(to bottom, #999 0%,#777  100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#999', endColorstr='#777 ',GradientType=0 );
}

.data-rows.data a .xxlarge-row, 
.data-rows.data a .xxxlarge-row,
.data-rows.data a .medium-row {
    text-decoration:underline;
}
 
/*.black-header.border-bottom {
    background: #63636E;
    background: -moz-linear-gradient(top,  #464646    0%, #7F7F86 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#464646   ), color-stop(100%,#7F7F86));
    background: -webkit-linear-gradient(top,  #464646    0%,#7F7F86 100%);
    background: -o-linear-gradient(top,  #464646    0%,#7F7F86 100%);
    background: -ms-linear-gradient(top,  #464646    0%,#7F7F86 100%);
    background: linear-gradient(to bottom,  #464646    0%,#7F7F86 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#464646   ', endColorstr='#7F7F86',GradientType=0 );
}*/

@media (min-width: 1000px){
    .crashed-reports {
        height: 843px;
        position:relative;

    }

    .content .crashed-reports .data-rows {
        border:none;

    }
    
    .content .crashed-reports .grey-header {
        border-bottom: 1px solid #b2b2b2;
    }

    .crashed-reports-body {
        border-left: 1px solid #b2b2b2;
        border-right: 1px solid #b2b2b2;
        border-bottom-left-radius: 4px; 
        border-bottom-right-radius: 4px; 
        height: 780px;
        display: inline-block;
        background-color: #fff;
        width: 100%
    }

    .crashed-reports .border-bottom {
        position:absolute;
        max-width: 96.5%;
        bottom:0;
    }
}

.EULAbutton {
        /*margin: 4px 4px 4px 4px;*/
        /*padding: 0 1em;*/
        margin: 20px 0px 0px 10px;
        padding: 0 ;
        text-decoration: none !important;
        cursor: pointer;
        position: relative;
        display: inline-block;
        float: right;
        width: 100px;
        height: 25px;
    }

    .EULAbuttonAccept {
        background: url('../img/accept-button.png') no-repeat;
    }

    .EULAbuttonDecline {
        background: url('../img/decline-button.png') no-repeat;
    }

    a.EULAbutton {
        line-height: 0; 
        font-size: 0;
        color: transparent;
    }

    .field-separator {
        width: 30px !important;
    }

    .underwriting .grey-select.hasCustomSelect {
        cursor: pointer;
        position: relative !important;
        left: 245px !important;
        z-index: 1;
        top: -7px !important;
    }
    .underwriting span.customSelectInner {
        width: 180px !important;
        line-height: 24px !important;
        margin-top: -1px !important;
        cursor: pointer;
    }

    .mcssissuevalidation_icon {
        float: left;
        border: none;
        width: 23px !important;
        margin-top: -4px;
        margin-left: -5px;
        cursor: default !important;
    /*  padding-bottom: 5px;*/
    }

    .mcssissuevalidation_details_icon {
        float: left;
        border: none;
        width: 23px !important;
        margin-top: -4px;
        margin-left: 2px;
        cursor: default !important;
    }

    .legalNameSpan
    {
        font-size: 15px !important;
        clear: left;
        float: left;
        width: 600px !Important;
        margin-bottom: 4px;
        margin-top: -5px;
    }

     .dbaNameSpan
    {
        font-size: 12px !important;
        font-style:italic;
        clear: left;
        float: left;
        width: 600px !important;
        margin-bottom: 4px;
    }

    .dbaLabelSpan
    {
        font-size: 12px !important;
        width: 25px !important;
        padding-left: 0px;
        font-style: italic;
        text-transform: none !important;
    }

    .smsBoldText
    {
        font-weight: 700;
    }

    .quickSearchError
    {
        color: red;
        font-size: 12px;
        padding-top: 8px;
    }

    .field-separator-carrier-info {
        width: 5px !important;
    }
    .info span.field-carrier-info {
        clear: left;
        width: 115px;
        font-weight: 100;
        text-align: right;
        margin-bottom: 4px;
        text-transform: none;
    }

    .MCSSRating 
    {
        padding-right: 0px;
    }

    .MCRatingLogo
    {
        color: #428bca;
        font-style: italic;
        font-weight: 700;
    }

    .SSRatingLogo
    {
        font-style: italic;
        font-weight: 700;
    }

    .data-rows span.right {
        float: right;
        clear: none;
    }

     .data-rows span.center {
        float: left;
        margin-left: 15px;
        margin-top: 0px;
        margin-right: 0px;
        margin-bottom: 0px;
    }

@-moz-document url-prefix() { 

     .search-filter-condition-select{
         right: 736px;
     }

     .search-filter-field-select{
         right: 948px;
     }

     /*.menu {
         margin-top: 90px;
     }*/

     .pre-screening-guideline .grey-select{
         right: 0;
     }
}

/* Safari Mac specific alterations
 * (relies on class added by js browser detection above),
 * to take into account different font metrics */
.safari-mac .menu {margin-top: 25px;}



/**
*
* MCSS Tables
*
**/
.mcss-tables-spinner {
    width:100%;
    border-right: none !important;
}
.mcss-tables-InsuranceHistory {
    height:522px;
}
.mcss-tables-InspectionCarrier {
    height:348px;
}
.mcss-tables-InspectionPub {
    height:2001px;
}
.mcss-tables-InspectionStudy {
    height:116px;
}
.mcss-tables-InspectionViolation {
    height:348px;
}

.mcss-tables-InspectionViolationShipper {
    height:348px;
}

.mcss-tables-InspectionUnit {
    height:319px;
}
.mcss-tables-InspectionPartSection {
    height:147px;
}
.mcss-tables-InspectionSuppViolation {
    height:58px;
}

.mcss-tables-InsuranceCompanyName {
    height:317px;
}
.mcss-tables-InsuranceCompanyNameFMCSA {
    height:317px;
}
.mcss-tables-FHWARevocation {
    height:174px;
}
.mcss-tables-RevocationFMCSA {
    height:174px;
}
.mcss-tables-FMCSASMSAcuteAndCriticalViolations {
    height:143px;
}
.mcss-tables-ViolationIEPViolation {
    height:116px;
}
.mcss-tables-ViolationMotorCarrierSafetyProfile {
    height:87px;
}
.mcss-tables-ViolationControlledSubstance {
    height:145px;
}
.mcss-tables-ViolationDriverFitness {
    height:145px;
}
.mcss-tables-ViolationHazardousMaterialsCompliance {
    height:174px;
}
.mcss-tables-ViolationHoursOfServiceCompliance {
    height:145px;
}
.mcss-tables-ViolationUnsafeDriving {
    height:145px;
}
.mcss-tables-ViolationVehicleMaintenance {
    height:174px;
}
.mcss-tables-CrashCarrier {
    height:464px;
}
.mcss-tables-CrashEvent {
    height:153px;
}
.mcss-tables-CrashMaster {
    height:1450px;
}
.mcss-tables-InsuranceCoverage {
    height:288px;
}
.mcss-tables-InsuranceInfo {
    height:261px;
}
.mcss-tables-ActivePendingInsurance {
    height:406px;
}
.mcss-tables-InsuranceHistoryInfo {
    height:522px;
}
.mcss-tables-RejectedInsurance {
    height:464px;
}
.mcss-tables-AuthorityHistory {
    height:261px;
}
.mcss-tables-AuthorityHistoryFMCSA {
    height:261px;
}
.mcss-tables-Carrier {
    height:1247px;
}
.mcss-tables-CarrierFMCSA {
    height:1274px;
}
.mcss-tables-BOC3FMCSA {
    height:290px;
}
.mcss-tables-Census {
    height:862px;
}
.mcss-tables-CensusMasterTable {
    height:5263px;
}
.mcss-tables-FMCSA_INTERINTRAS {
    height:800px;
}
.mcss-tables-FMCSA_INTRASNHMC {
    height:800px;
}
.mcss-tables-FMCSA_PASSINTERINTRAS {
    height:1505px;
}
.mcss-tables-FMCSA_PASSINTRASNHMC {
    height:1505px;
}
.mcss-tables-MCII {
    height:609px;
}
.mcss-tables-MCIIInsp {
    height:1239px;
}
.mcss-tables-MCIIViol {
    height:460px;
}
.mcss-tables-SMSAB {
    height:1449px;
}
.mcss-tables-SMSC {
    height:1449px;
}
.mcss-tables-SafetyDatabase {
    height:1693px;
}
.mcss-tables-OutOfService {
    height:174px;
}
.mcss-tables-DOT {
    height:3617px;
}
.mcss-tables-NewFHWAAuthority {
    height:1218px;
}
.mcss-tables-FMCSAClosedEnforcementCases {
    height:348px;
}

.mcss-tables-AIRoadsideInspDriverViols {
    height:87px;
}

.mcss-tables-AIRoadsideInspHazMatViols {
    height:87px;
}

.mcss-tables-AIRoadsideInspLevelVIViols {
    height:87px;
}

.mcss-tables-AIRoadsideInspOtherViols {
    height:87px;
}

.mcss-tables-AIRoadsideInspVehicleViols {
    height:87px;
}



/**
*
* input focus blue glow
*
**/
textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {   
  border-color: rgba(82,168,236,0.8);
    box-shadow: inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(82,168,236,0.6);
    outline: 0;
}

.disclaimer-pages-data-box {
    width: 100%; 
    padding: 10px 10px 10px 10px;
    border-bottom: 1px solid #cdcdcd;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}

.Authority-DN-selector{
    cursor:pointer;
    text-decoration: underline;
    color: #7ac9f0; 
}

.order {
    cursor:pointer;
    float:right !important;
    color:#232323;
}

.order:hover  {
    color:#7F7F86;
}

.order.order-selected {
    color:#5388FF;
}

.separator-line {
    display: block;
    border-top: solid 1px #ccc;
    width: 100%;
    float: left;
    height: 1px;
}

.disabled-text{
    color: grey;
}

.sanctions_close_button {
    cursor: pointer;
    height: 25px;
}

.sanctions_close_button_link {
    cursor: pointer;
    margin-top: 0px !important; 
    margin-bottom: 0px !important;
    padding-left: 490px;
}

.qtip_customization{
    max-width :1000px !important;
}

.PwdMeter {
    height: 3px;
    width: 20px;
    display: inline-block;
    margin: 0px 2px 0px 2px;
    line-height: 3px;
}
.PwdDisplay {
    display: inline-block;
    font-size: x-small;
    color: black;
}