*
{
   font-family: "Lucida Sans Unicode";    
}

html, body
{
    border-style: none;
    border-color: inherit;
    border-width: 0px;
    margin: 0px;
    padding: 0px;
    font-family: "Lucida Sans Unicode";
    font-size: 11px;
    min-width: 1000px;
    height:582px;    
    background:white;
         
}

#Container
{
    height: 100%;
    min-height: 100%;
    min-width:1000px;
}

#ContainerHeader
{
    min-width:1000px;
}

table
{
    border: 0px;
    border-spacing: 0px;
    border-collapse: collapse;
    width:100%;
}

.LineClass
{
    line-height:15px;    
}

.LabelTextStyle
{
    font-size: 11px;
    font-family: "Lucida Sans Unicode";
    color: #6E7172;
    white-space:nowrap;    
}

.ValueTextStyle
{
    font-size: 12px;
    font-family: "Lucida Sans Unicode";
    color: #282E30;   

}

.BlueTextStyle
{
    font-size: 14px;
    font-family: "Lucida Sans Unicode";
    color: #1B90CB;
    
}

.BlueLabel
{
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "Lucida Sans Unicode";
    color: #1B90CB;
    
}

.SearchIcon
{
    width: 14px;
    height: 14px;
    z-index:1;
    background:url('../Images/Icons/Search.png') no-repeat;
    background-size:14px 14px;
    position:absolute;
    margin-top: -18px;
    margin-left: 190px;
}

.SearchDeleteButton
{
    width: 11px;
    height: 11px;
    z-index:2;
    background:url('../Images/Icons/x.png') no-repeat;
    background-size:11px 11px;
    position:absolute;
    margin-top: -18px;
    margin-left: 195px;
    cursor: pointer;
}

input.watermark
{
    font-family:Arial;
    color: #8F9293;
    font-size:11px;
    font-style:italic;
}

.SearchBox[type=text]::-ms-clear { display: none; }
/*input[type=text]::-ms-clear { display: none; }*/

.BusyIndicator
{
    display:none;
    position: absolute;    
    top:50%; 
    left:50%;
    background:url("../Images/Icons/Progress.gif") no-repeat;
    width: 100px;
    height: 100px;
}


.HyperLinkQueryContent
{
    margin-top: 4px;
}

.HyperLinkQuery_SHI, .HyperLinkQuery_INV, .HyperLinkQuery_QUOTESREQUESTS {
    cursor: default;
    font-size: 12px;
    color: #45494A;
    font-family: "Lucida Sans Unicode";
    text-indent: 10px;
    height: 25px;
    width: 100%;
    display: table;
    width: 143px;
}

#SignOutButton:hover
{
    background:url("../Images/Icons/Signout-O.png") no-repeat;
}

#SignOutButton
{    
    cursor: pointer;
    width: 20px;
    height: 20px;
    background: url("../Images/Icons/Signout-N.png") no-repeat;
}

#BackButton:hover
{
    background:url("../Images/Icons/Back-O.png") no-repeat;
}

#BackButton
{
    cursor: pointer;
    width: 64px;
    height: 26px;
    background:url("../Images/Icons/Back-N.png") no-repeat;
}

.InfoDiv
{
    height:15px;
    width:auto;
    padding: 2px 10px;
    display: none;
    background: #FFFBDA;
    border: 1px solid Orange;
    color:orange;
    font-family: "Lucida Sans Unicode";
}

input:hover, input:focus
{
    outline-style: solid;
    outline-width: 0px;
    border: 1px solid #3BB3E2;
}

input
{
    margin: 0px;
    height: 15px;
    /*width: 200px;
    padding: 3px;*/
    border: 1px solid #D1D1D1;
    outline-style: solid;
    outline-width: 0px;
    font: 11px "Lucida Sans Unicode";
    color: #45494A;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -moz-box-shadow: inset 0 0 10px #D1D1D1;
    -webkit-box-shadow: inset 0 0 10px #D1D1D1;
    box-shadow: inset 0 0 10px #D1D1D1;
    background:white;
}

/* Filters Menu Style */

#TransportMenu, #DirectionMenu, #ShipmentLevelMenu, #HelpMenu
{
    margin: 0px;
}

#TransportMenu li, #DirectionMenu li, #ShipmentLevelMenu li, #HelpMenu li {
    display:table;
    float:left;
    padding: 0px;
}

.FilterListItem:hover
{
    text-decoration:none;   
}

.FilterListItem {
    display:table-cell;
    vertical-align: middle;
    width:25px;
    height:19px;
    background: #E6E7E8;
    text-align: center;
    border-top: 1px solid #6A8299;
    border-bottom: 1px solid #6A8299;
    border-left: 1px solid #6A8299;  
    cursor:default;        
    font-family: "Lucida Sans Unicode";
    font-size:12px;
    margin: 0px;
    color: #282E30;
    text-decoration:none;
}

.HelpListItem {
    display:grid;
    vertical-align: middle;
    height:20px;
    /*background: #E6E7E8;*/
    background:white;
    text-align: center;
    border-top: 1px solid #6A8299;
    border-bottom: 1px solid #6A8299;
    border-left: 1px solid #6A8299;
    cursor:default;        
    font-family: "Lucida Sans Unicode";
    font-size:12px;
    margin: 0px;
    color: #282E30;
    text-decoration:none;
}

#I_Transport, #C_Direction, #H_ShipmentLevel
{
    border-right:1px solid #6A8299;        
}

/* TabControl */
.k-tabstrip .k-item
{
    width: 120px;
    height: 25px;
    font-size: 12px;
    font-family: "Lucida Sans Unicode";
    color: #282E30;
    cursor: default;
    background: url("../images/Bars_Images/tab-normal.png");
}

.k-tabstrip .k-link
{
    text-decoration: none;
    width: 100%;
}

.k-tabstrip .k-item div
{
    margin: 3px 5px;
}

.k-tabstrip .k-state-active
{
    border-color: #D1D1D1;       
    background:white;
   
}

.k-tabstrip .k-state-default:hover
{
    color: #1B90CB;
    background: url("../images/Bars_Images/tab-over.png");
    /*background:#7C7C68;*/
    border-color: #D1D1D1;
}

.k-tabstrip .k-state-active:hover
{
    color: #282E30;
    border-color: #D1D1D1;
    background: white;
}

.TabImage
{
    display: inline;
    vertical-align:middle;
    height: 20px;
    width: 20px;
}

.k-tabstrip
{
    border: 0px;
    background: transparent;
}

/* Grid */
.k-grid .k-numeric
{
    text-align: right;
}

.k-grid .k-header
{
    height: 25px;
    padding: 0 0 0 5px;
    background: url("../Images/Bars_Images/GridHeaderRow.png") repeat-x;
    color: #1B90CB;
    font-size: 11px;
    font-family: "Lucida Sans Unicode";
}

.k-grid
{
    border: 1px solid #DADADA;
    font-size: 12px;
    color: #282E30;
    font-family: "Lucida Sans Unicode";
}

/* Box Area Style */
.box .headerDiv span
{
    font-size: 13px;
    font-family: "Lucida Sans Unicode";
    color: #282E30;
    display: table-cell;
    vertical-align: middle;
}

.box .headerDiv
{
    height: 22px;
    width: 100%;
    background: url("../Images/Bars_Images/HeaderBrush.png") repeat-x;
    text-indent: 10px;
    display: table;
    /*border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;*/
}

.box
{
    /*border: 1px solid #D1D1D1;*/
    /*border-radius: 5px 5px 3px 3px;
    -webkit-border-radius: 5px 5px 3px 3px;
    -moz-border-radius: 5px 5px 3px 3px;
    vertical-align: top;*/
    vertical-align: top;
}

/* ListBox */
.ListBoxContainer
{
    margin: 5px 5px 10px 0;
}

.ListBox
{
    margin:0px 2px 0px 0;
    border:0px;
}

span.k-icon.k-i-arrow-s {
    background-image: url('../Images/Icons/DropArrow.png');
    background-size: 12px 12px;
    background-position: 0 0;
}