/** Font-Face **/
@font-face {
	font-family: 'HNR';
	src: 	url('../Fonts/HelveticaNeueLTPro-Roman.eot');
	font-weight: normal;
	font-style: normal;
}
/** /Font-Face **/

/* Firefox Fix */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Windows Mobile 8 Fix - IE 10 */

@-ms-viewport{
	width: device-width;
}

/* Main Table */

/*OuterTable
{
    background-color:#074FA1;
}

.OuterTableHeader
{
    background-color:#074FA1;
}

.OuterTableDetails
{
    background-color:#074FA1;
}*/

/* Ajax Progress */

.divModal { 
     /* Shades out background when selector is active */ 
     position:fixed; width:100%; height:100%; background-color:black; opacity:.5; 
     /* Sets opacity so it's partly transparent */ 
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; 
     /* IE transparency */  filter:alpha(opacity=50); 
     /* More IE transparency */ z-index:40001; 
}

.divWaitingOuter {
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);
    border: 0 none;
    position:fixed;
    left: 50%;
    top: 50%;
    z-index: 9999999;
}

.divWaiting {
    position:relative;
    background-color: #FFF !important;
    left:-50%;
    color: black;
    border-radius: 8px;
    margin: 0;
    padding: 1px;
    text-align: center;
    z-index: 99999991;
}



/** Generics **/
body {
	color:#666666;
	font-family:'Helvetica Nueue','Helvetica','Trebuchet MS',sans-serif;	
	font-size:11px;
	padding:0;
	margin:0;
	background-color:#fff;	
}
p, fieldset, ul, h1, h2, h3 {
	border:0;
	margin:0;
	padding:0;
	font-weight:normal;
	margin:0;
}
a img, img {
	border-style: none;
    border-color: inherit;
    border-width: 0;
}
a {
	color:#999;
	text-decoration:none;
}
.display_block {
	display:block;
}
.display_inline {
	display:inline;
}
.display_none {
	display:none;
}
.clear {
	clear:both;
	float:none;
	display:block;
	width:100%;
	line-height:1px;
	height:1px;
}


/* Login */

.LoginButton {
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffec64), color-stop(1, #ffab23));
	background:-moz-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-webkit-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-o-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:-ms-linear-gradient(top, #ffec64 5%, #ffab23 100%);
	background:linear-gradient(to bottom, #ffec64 5%, #ffab23 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffec64', endColorstr='#ffab23',GradientType=0);
	background-color:#ffec64;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#333333;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.LoginButton:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ffab23), color-stop(1, #ffec64));
	background:-moz-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-webkit-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-o-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:-ms-linear-gradient(top, #ffab23 5%, #ffec64 100%);
	background:linear-gradient(to bottom, #ffab23 5%, #ffec64 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffab23', endColorstr='#ffec64',GradientType=0);
	background-color:#ffab23;
}
.LoginButton:active {
	position:relative;
	top:1px;
}

.button {
	display: inline-block;
	position: relative;
	color: #888;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	text-decoration: none;
	text-align: center;
	padding: 8px 12px;
	font-size: 12px;
	font-weight: 700;
	font-family: helvetica, arial, sans-serif;
	border-radius: 4px;
	border: 1px solid #bcbcbc;

	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.12);
	box-shadow: 0 1px 3px rgba(0,0,0,0.12);

	background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(225,223,226,1) 100%);
}

.button:hover {
	color: #555;
}

.button:active,.button:active:after,.button:active:before {
	-webkit-box-shadow: none;
	box-shadow: none;
}

.bluebutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 9px 14px;
    border: 2px solid #002959;
    border-radius: 8px;
    background: #0071f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#0071f8), to(#002959));
    background: -moz-linear-gradient(top, #0071f8, #002959);
    background: linear-gradient(to bottom, #0071f8, #002959);
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
}

.bluebutton .textshadow
{
    text-shadow: #001732 1px 1px 1px;
}

.bluebutton:hover,
.bluebutton:focus {
    border: 2px solid #002d63;
    background: #0088ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0088ff), to(#00316b));
    background: -moz-linear-gradient(top, #0088ff, #00316b);
    background: linear-gradient(to bottom, #0088ff, #00316b);
    color: #ffffff;
    text-decoration: none;
}
.bluebutton:active {
    background: #002959;
    background: -webkit-gradient(linear, left top, left bottom, from(#002959), to(#002959));
    background: -moz-linear-gradient(top, #002959, #002959);
    background: linear-gradient(to bottom, #002959, #002959);
}

.bluebutton[disabled="disabled"] {
    background: #797979;
    color:#CCC;
    text-shadow: #001732 0px 0px 0px;
    border: 2px solid #595959;
}

.bluebuttonsmall {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 1px 2px;
    border: 1px solid #002959;
    border-radius: 4px;
    background: #0071f8;
    background: -webkit-gradient(linear, left top, left bottom, from(#0071f8), to(#002959));
    background: -moz-linear-gradient(top, #0071f8, #002959);
    background: linear-gradient(to bottom, #0071f8, #002959);
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
}

.bluebuttonsmall .textshadow
{
    text-shadow: #001732 1px 1px 1px;
}

.bluebuttonsmall:hover,
.bluebuttonsmall:focus {
    border: 1px solid #002d63;
    background: #0088ff;
    background: -webkit-gradient(linear, left top, left bottom, from(#0088ff), to(#00316b));
    background: -moz-linear-gradient(top, #0088ff, #00316b);
    background: linear-gradient(to bottom, #0088ff, #00316b);
    color: #ffffff;
    text-decoration: none;
}
.bluebuttonsmall:active {
    background: #002959;
    background: -webkit-gradient(linear, left top, left bottom, from(#002959), to(#002959));
    background: -moz-linear-gradient(top, #002959, #002959);
    background: linear-gradient(to bottom, #002959, #002959);
}

.bluebuttonsmall[disabled="disabled"] {
    background: #797979;
    color:#CCC;
    text-shadow: #001732 0px 0px 0px;
    border: 1px solid #595959;
}

.tbox
{
border-radius: 5px; 
-moz-border-radius: 5px; 
-webkit-border-radius: 5px; 
border: 1px groove #0026ff;
padding:3px;
}

.goldbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 9px 14px;
    border: 2px solid #a97100;
    border-radius: 8px;
    background: #ffb900;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffb900), to(#a97100));
    background: -moz-linear-gradient(top, #ffb900, #a97100);
    background: linear-gradient(to bottom, #ffb900, #a97100);
    text-shadow: #795100 1px 1px 1px;
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
}
.goldbutton:hover,
.goldbutton:focus {
    border: 2px solid #f2a100;
    background: #ffde00;
    background: -webkit-gradient(linear, left top, left bottom, from(#ffde00), to(#cb8800));
    background: -moz-linear-gradient(top, #ffde00, #cb8800);
    background: linear-gradient(to bottom, #ffde00, #cb8800);
    color: #ffffff;
    text-decoration: none;
}
.goldbutton:active {
    background: #a97100;
    background: -webkit-gradient(linear, left top, left bottom, from(#a97100), to(#a97100));
    background: -moz-linear-gradient(top, #a97100, #a97100);
    background: linear-gradient(to bottom, #a97100, #a97100);
}



.greenbutton {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    padding: 9px 14px;
    border: 2px solid #265400;
    border-radius: 8px;
    background: #489e00;
    background: -webkit-gradient(linear, left top, left bottom, from(#489e00), to(#265400));
    background: -moz-linear-gradient(top, #489e00, #265400);
    background: linear-gradient(to bottom, #489e00, #265400);
    text-shadow: #173200 1px 1px 1px;
    font: normal normal bold 13px arial;
    color: #ffffff;
    text-decoration: none;
}
.greenbutton:hover,
.greenbutton:focus {
    border: 2px solid #2d6300;
    background: #56be00;
    background: -webkit-gradient(linear, left top, left bottom, from(#56be00), to(#2e6500));
    background: -moz-linear-gradient(top, #56be00, #2e6500);
    background: linear-gradient(to bottom, #56be00, #2e6500);
    color: #ffffff;
    text-decoration: none;
}
.greenbutton:active {
    background: #265400;
    background: -webkit-gradient(linear, left top, left bottom, from(#265400), to(#265400));
    background: -moz-linear-gradient(top, #265400, #265400);
    background: linear-gradient(to bottom, #265400, #265400);
}


/* Notification */

.NotificationBox
{
    text-align:left;
    line-height:40px;
    display:block;
    padding:15px;
    position:fixed;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    color:#FFF;

    font-size:12pt;
    border:solid 1px #000;
    -webkit-box-shadow: 6px 6px 7px -3px rgba(0,0,0,0.75);
    -moz-box-shadow: 6px 6px 7px -3px rgba(0,0,0,0.75);
    box-shadow: 6px 6px 7px -3px rgba(0,0,0,0.75);
}
/* UI - Modal Popup */

.modalBackground
{
    background-color: black;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 10000;
}

.modalPopup {
    background-color:lightgray;
    border: 1px solid #444;
    border-radius: 3px;
    padding: 4px;
}

.modalRequestPopup {
    background-color: #FFF;
    border: 1px solid #555;
    border-radius: 7px;
    padding: 10px;
}

.panelcontentstyle
{
   /* background:url('images/panelbg.png'); */
}

/* UI - New Request */

.NewRequestValidator
{
    font-size:12pt;
    color:#FF9900;
    padding-top:10px;
    padding-bottom:10px;
    display:block;
}

.SearchRequestValidator
{
    font-size:12pt;
    color:#FF9900;
    padding-top:10px;
    padding-bottom:10px;
    display:block;
}

.SearchField {
    display: block;
    width: 100%;
    height: 24px;
    padding: 0;
    padding-left:5px;
    overflow: hidden;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    font-size:10pt;
}
.SearchField[disabled="disabled"] {
    display: block;
    width: 100%;
    height: 24px;
    padding: 0;
    padding-left:5px;
    overflow: hidden;
    border: 1px solid #aaa;
    text-align: left;
    white-space: nowrap;
    line-height: 26px;
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color:rgba(225,223,226,1);
    font-size:10pt;
}
.SearchFieldMulti {
    display: block;
    width: 100%;
    padding: 0;
    padding-left:5px;
    border: 1px solid #aaa;
    text-align: left;
    /*white-space: nowrap;*/
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: #fff;
    font-size:10pt;
}
.SearchFieldMulti[disabled="disabled"] {
    display: block;
    width: 100%;
    padding: 0;
    padding-left:5px;
    border: 1px solid #aaa;
    text-align: left;
    /*white-space: nowrap;*/
    color: #444;
    text-decoration: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    background-color: rgba(225,223,226,1);
    font-size:10pt;
}


.Fade
{
    filter: alpha(opacity=30);
    opacity: 0.3;
}

.FieldHeader
{

    font-size:10pt;
    color:#000000;
    padding-top:5px;
    padding-bottom:5px;
}

.FieldText
{
    vertical-align:middle;
    font-size:18pt;
    text-transform:uppercase;
    height:32px;
}

.FieldTextMedium
{
    vertical-align:middle;
    font-size:14pt;
    text-transform:uppercase;
    height:24px;
}

.FieldTextNormalCase
{
    font-size:18pt;
    height:32px;
}

.FieldTextMediumNormalCase
{
    font-size:18pt;
    height:24px;
}

.FieldTextSmall
{
    font-size:11pt;
    height:32px;
}

.ValidationError
{
    font-size:10pt;
    color:#931200;
    height:32px;
    padding:10px;
}
.ellipsis {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.SearchButton {
    
    width: 100%;
    height: 32px;
    padding: 0;
    padding-left:5px;
    text-align: center;
    line-height: 32px;

    font-size:12pt;
    color:white;
     background-color:darkgray;
    border: 1px solid #FFF;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.SearchButton:hover {
    background-color:#FFF;
    color:#333;

    background-image: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(125,123,126,1) 100%);
	background-image: -moz-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(125,123,126,1) 100%);
	background-image: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(125,123,126,1) 100%);
	background-image: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(125,123,126,1) 100%);
	background-image: linear-gradient(top, rgba(255,255,255,1) 0%,rgba(239,239,239,1) 60%,rgba(125,123,126,1) 100%);
}

.SearchButtonRed:hover {
    background-color:#cc0000;
    background-image:none;
    color:#FFF;
}

.SearchButtonGreen:hover {
    background-color:#00cc00;
    background-image:none;
    color:#FFF;
}

.SearchButtonBlue:hover {
    background-color:#0000cc;
    background-image:none;
    color:#FFF;
}

.SearchButton[disabled="disabled"] {
    
    width: 100%;
    height: 32px;
    padding: 0;
    padding-left:5px;
    text-align: center;
    line-height: 32px;

    font-size:10pt;
    color:#555;
    border: 1px solid #555;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;

    background-image:none;
}

/* Grid */

.cbSelectAllRow
{
    cursor:pointer;
}

.ResultsGridView
{
    min-width:935px;
    width:935px;
    border-bottom: 2px solid #00B050;
}

.ManifestGridView
{
    min-width:1095px;
    width:1095px;
    border-bottom: 2px solid #00B050;
}

.StocksGridView
{
    min-width:825px;
    width:825px;
    border: 0px;
}

.ResultsGridViewHeader
{
    /*background-color:#00B050;*/
    background-color: #555;
    color:#FFF;

    font-size:10pt;
    font-weight:bold;
    height:25px;
}

.ResultsGridViewRow
{
    background-color:#3366BF;
    color:#FFF;

    font-size:10pt;
    height:25px;
}

.ResultsGridViewRowSelectable
{
    background-color:#3366BF;
    color:#FFF;

    font-size:10pt;
    height:25px;
    cursor:pointer;
}

.ResultsGridViewAlternateRow
{
    background-color:#5582D1;
    color:#FFF;

    font-size:10pt;
    height:25px;
}

.ResultsGridViewSelectedRow
{
    background-color:#3A5583;
    color:#FFF;

    font-size:10pt;
    height:25px;
}

.ResultsGridViewSelectedRow:hover 
{
    background-color:#1A3563;
    cursor:pointer;
}

.ResultsGridViewRowSelectable:hover 
{
    background-color:#1A3563;
    cursor:pointer;
}

.ManifestGridViewHeader
{
    background-color:#555;
    color:#FFF;

    font-size:10pt;
    font-weight:bold;
    height:25px;
}

.ManifestGridViewRow
{
    background-color:#3366BF;
    color:#FFF;

    font-size:10pt;
    height:25px;
}

.ManifestGridViewRowSelectable
{
    background-color:#3366BF;
    color:#FFF;

    font-size:10pt;
    height:25px;
    cursor:pointer;
}

.ManifestGridViewAlternateRow
{
    background-color:#5582D1;
    color:#FFF;

    font-size:10pt;
    height:25px;
}

.ManifestGridViewSelectedRow
{
    background-color:#3A5583;
    color:#FFF;

    font-size:10pt;
    height:25px;
}

.ManifestGridViewSelectedRow:hover 
{
    background-color:#1A3563;
    cursor:pointer;
}

.ManifestGridViewRowSelectable:hover 
{
    background-color:#1A3563;
    cursor:pointer;
}

.PnlDesign
        {
            border: solid 1px #000000;
            height: 150px;
            width: 330px;
            overflow-y:scroll;
            background-color: #EAEAEA;
            font-size: 15px;
            font-family: Arial;
        }
        .txtbox
        {
            background-image: url(Images/drpdwn.png);
            background-position: right top;
            background-repeat: no-repeat;
            cursor: pointer;
            cursor: hand;
        }


   /* List */     
.list {
  border: 4px transparent solid;
  height: auto;
  position: relative;
  display: block;
  color: inherit;
  margin: 5px 2px 2px 2px;
}

.list.selected {
  border: 4px #4390df solid;
}

.list .list-content {
  padding: 5px;
  position: relative;
  display: block;
  color: inherit;
}

.list .list-content:before,
.list .list-content:after {
  display: table;
  content: "";
}

.list .list-content:after {
  clear: both;
}

.list:hover {
  outline: 2px #5B9BD5 solid;
}

.list:active {
  outline: 2px #3e3e3e solid;
}

.list.selected:after {
  position: absolute;
  display: block;
  border-bottom: 28px solid #4390df;
  border-left: 28px solid transparent;
  right: 0;
  content: "";
  bottom: 0;
  z-index: 101;
}

.list.selected:before {
  position: absolute;
  display: block;
  content: "\e003";
  color: #fff;
  right: 0;
  font-family: 'metroSysIcons';
  font-size: 9pt;
  font-weight: normal;
  z-index: 102;
  bottom: 0;
}

/* Tab */

.ajax__tab_blue-theme .ajax__tab_header {
    font-size: 11pt;
    border-bottom: solid 8px #626262;
}
.ajax__tab_blue-theme .ajax__tab_header .ajax__tab_outer {
        background: #FFFFFF repeat-x;
        margin: 0px 0.16em 0px 0px;
        padding: 1px 0px 1px 0px;
        vertical-align: bottom;
        border: solid 1px #a3a3a3;
        border-bottom-width: 0px;

        border-radius: 0px 12px 0px 0px;
        -moz-border-radius: 0px 1ppx 0px 0px;
        -webkit-border-radius: 0px 1xpx 0px 0px;
        border: 0px solid #000000;
 }
 .ajax__tab_blue-theme .ajax__tab_header .ajax__tab_tab {
        color: #000;
        padding: 0.35em 0.75em;
        margin-right: 0.01em;
 }
.ajax__tab_blue-theme .ajax__tab_hover .ajax__tab_outer {
    background: #bfdaff repeat-x left -1300px;
}
.ajax__tab_blue-theme .ajax__tab_active .ajax__tab_tab {
    color: #fff;
}
.ajax__tab_blue-theme .ajax__tab_active .ajax__tab_outer {
    background: #C1012F repeat-x left -1400px;
}
.ajax__tab_blue-theme .ajax__tab_body {
    font-size: 11pt;
    padding: 25px;
    background-color: #FFF;
    border: solid 1px #808080;
    border-top-width: 0px;

    -webkit-box-shadow: 0px 18px 30px -8px rgba(0,0,0,0.22);
    -moz-box-shadow: 0px 18px 30px -8px rgba(0,0,0,0.22);
    box-shadow: 0px 18px 30px -8px rgba(0,0,0,0.22);
}
.ajax__tab_blue-theme .ajax__tab_disabled .ajax__tab_tab {
    font-size: 10pt;
    
    background-color: #D7E2E8;
    border-top-width: 0px;
    color: #888888;

    border-radius: 0px 12px 0px 0px;
    -moz-border-radius: 0px 1ppx 0px 0px;
    -webkit-border-radius: 0px 1xpx 0px 0px;
    border: 0px solid #000000;

    cursor:default;
}

.ajax__tab_blue-theme .ajax__tab_disabled .ajax__tab_outer {
    background-color: #D7E2E8;
    cursor:default;
}
.hiddenObject
{
    display:none;
}