@font-face {
    font-family: "Fira Sans";
    src: url(include/fonts/Fira_Sans/FiraSans-Medium.ttf) format("truetype");
    font-weight: 500;
    font-style: normal
}

@font-face {
    font-family: "Fira Sans";
    src: url(include/fonts/Fira_Sans/FiraSans-Light.ttf) format("truetype");
    font-weight: 300;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(include/fonts/Roboto/Roboto-Bold.ttf) format("truetype");
    font-weight: 700;
    font-style: normal
}

@font-face {
    font-family: Roboto;
    src: url(include/fonts/Roboto/Roboto-Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

BODY, H1, H2, H3, H4, H5, P, TD, TH, A, A:LINK, A:VISITED, A:ACTIVE, A:HOVER, TEXTAREA, INPUT, SELECT { font-family: Arial, Helvetica, sans-serif; color: #474646;}
BODY, TD, TH, TEXTAREA, INPUT, SELECT, A { font-size: 12px; }

a:link, a:active, a:visited { color: #264a91 }
a:hover { color:#bd490d }

FORM { margin: 0; }

.tblContentsMMF TD {
	border-left:solid windowtext .2pt;
	padding-left:3px;
	padding-right:3px;
}
.tblContentsMMF TH {
	font-weight: normal;
	background-color: #003F91;
	color: #F6F4FE;
	text-align:left;
	border-left:solid windowtext .2pt;
	padding:3px;
}
.tblContentsMMFPN {
	background-color: #003F91;
	text-align:left;
}
.tblContentsMMFPN td
{
	color: #F6F4FE;
	margin-right:20px;
	
}
.tblContentsMMF {
	background-color: #B9D5ED;
	border-right:solid windowtext .2pt;
	border-bottom:solid windowtext .2pt;
	border-top:solid windowtext .2pt;
}

TH, .thSortable TD, .TableHeader {
	font-weight: normal;
	background-color: #003F91;
	color: #F6F4FE;
	text-align:left;
}
.desktophtcSub {
	font-weight: normal;
	background-color: #003F91;
	color: #F6F4FE;
	text-align:left;
	height:18px;
	text-indent:5px;
	line-height:20px;
}
.divHeader {
	font-weight: normal;
	background-color: #003F91;
	color: #F6F4FE;
	text-align:left;
	line-height: 15px;
	padding-left:2px;
}
.divContents {
	background-color: #B9D5ED;
	width: 620px;
}
.divContentsLight
{
	background-color: #D0E7FA;
}

.formLine label
{
    width: 162px; 
    display: block; 
    float: left; 
    padding: 3px 0;
}

.nowrap {
    white-space: nowrap;
}

.tblHeader {
	font-weight: normal;
	background-color: #003F91;
	color: #F6F4FE;
}

.tblDark {
	background-color: #003F91;
}

.tblContents {
	background-color: #B9D5ED;
}


.tblContentsOdd {
	background-color: #E4EDFF;
}
.tblContentsEven {
	background-color: #FFFFFF;
}

.tblProcessContents {
	background-color: #F5F7F9;
}

.tblContentsBB {
	background-color: #D9D9EC;
}

.tblFooter 
{
	background-image: url('images/tbl_bottom.gif');
}

.tblWizzardFooter 
{
	background-image: url('images/tbl_bottom_wizzard.gif');
	background-color: White;
}

.brdRight {
	border-right: 1px solid #003F91;
}

.brdBottom {
	border-bottom: 1px solid #003F91;
}

.brdBottomRight {
	border-bottom: 1px solid #003F91;
	border-right: 1px solid #003F91;
}

.enabledItem, a.enabledItem, a.enabledItem:hover, a.enabledItem:active, a.enabledItem:link, a.enabledItem:visited {
	font-size: 9px;
	width: 70px;
	text-align: center;
	text-decoration: none;
	color: #ffffff;
	margin-bottom: 2px;
}

a.enabledItem:hover {
	text-decoration: underline;
}

.disabledItem {
	font-size: 9px;
	width: 70px;
	text-align: center;
	color: #5780B6;
	margin-bottom: 4px;
}

.activeItem {
	font-size: 9px;
	width: 70px;
	text-align: center;
	color: #003F91;
	margin-bottom: 4px;
}

a.lnk, a:active.lnk, a:link.lnk, a:hover.lnk, a:visited.lnk,.lnk {
	color: #fff;
}
h1, .heading { font-family: Arial, Helvetica, sans-serif; font-size: 18px; line-height: normal; font-weight: bold;color: #264a91;}
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: normal; font-weight: bold;}
h3 { font-family: Arial, Helvetica, sans-serif; font-size: 11pt; line-height: normal; font-weight: bold;}

.abbr, .abbr {
    font-family: "Fira Sans", Arial, Helvetica, sans-serif;
    font-size: 40px;
    color: #B9D5ED;
    font-weight: 500;
}
a.abbr {
    color: #B9D5ED;
    text-decoration: none;
}
.abbr-unauth {
    color: #cccccc;
}

.headingPersonalized {
    color: #777777;
    font-size: 10px;
}
.vstockheading { font-family: Arial, Helvetica, sans-serif; font-size: 12pt; line-height: normal; font-weight: bold; color: white;}

.kop {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none;}

.kopjeklein {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #3A267E}

.small, a.small, a.small:visited { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #3A267E}

.text {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #3A267E}

.textbold {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; font-style: normal; line-height: 8pt; font-weight: bold; font-variant: normal; text-transform: none; }

.textpurple {  font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #660066}


.textItalic { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-style: italic; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none }
.textgrootboldpaars { font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: bold; font-variant: normal; text-transform: none; color: #660066; text-decoration: none}

.knowledgeAddendum { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; font-style: normal; line-height: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #3A267E }

input.button,
button.button,
input.upload,
a.button {
    background: #394f89;
    background: -webkit-linear-gradient(#5271b2, #2c3d73);
    border-style: none;
    border-color: inherit;
    border-width: 0;
    background: #394f89;
    -pie-background: linear-gradient(#5271b2, #2c3d73);
    border-radius: 6px;
    color: #ffffff;
    padding: 5px 12px;
    /*margin: 0 0 0 10px;*/
    width: auto;
    cursor: pointer;
    text-decoration: none;
    height: auto;
    behavior: url(/include/scripts/PIE.htc);
    position: relative; /* add relative to make it work */
    zoom: 1;
    font-weight: bold;
    font-size: 11px;
    font-family: Arial, sans-serif;
    top: 0px;
    left: 0px;
}

button.button {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 16px;
}

input.button:hover,
button.button:hover,
input.upload:hover,
a.button:hover {
    background: #ca5a20;
    background: -webkit-linear-gradient(#b3501d, #df6424);
    background: linear-gradient(#b3501d, #df6424);
    -pie-background: linear-gradient(#b3501d, #df6424);
    color: #ffffff;
    text-decoration: none;
}

a.button, a:link.button, a:hover.button, a:visited.button {
    display: inline-block;
}

ul li {
	list-style-image : url('images/list_bullet.gif');
    line-height: 18px;
}

.disabled {
	color: #999999;
}

/*	Forms */
.frmSubHeader {
	background-color: #0CA0D8;
	color: white;
}
.textIndent5
{
	text-indent:5px;
}
.textIndentRadio
{
	text-indent:19px;
}
a.conference, a:link.conference, a:active.conference, a:visited.conference {color:#6D0C7C;}
a:hover.conference { color:#3A267E }

a:hover.lightLink { color:#F5F7F9 }

.GridView1
{	border-color:#003F91;	
	border-width:1px;
	border-style:solid;
	border-collapse:collapse;}

.brdTop
{
	border-top:1px;
	border-top-color:White;	
}

#content
{
	margin-top: 10px;
	width:612px;
}

#workarea
{
    margin: 10px;
}

#workarea .error 
{
    overflow:hidden;
    padding-bottom:8px;
}

#workarea .error img
{
    float:left;
}

#workarea .error .message
{
    float:left;
    padding-top:8px;
    padding-left:4px;
}

#datatable .section, #datatable .submit
{
    padding: 5px 10px 5px 10px;
}

#datatable .submit
{
    text-align: right;
}

#datatable .submit input
{
    margin-left: 3px;
    width: 80px;
}

#datatable .formLine, #datatable .formLine2, #datatable .noCaption
{
    padding-top: 0;
    overflow: hidden;
    clear: both;
}

#datatable .noCaption
{
    padding-left: 190px;
}

#datatable .formLine label
{
    width: 190px; 
    display: block; 
    float: left; 
    padding: 0;
	height: 13px;
}

#datatable .formLine3 .LabelForRadio
{
    width: 190px; 
     display: block;
    float: left; 
    padding: 0;
    overflow: hidden;
}

#datatable .formLine2 label
{
    width: 190px; 
    display: block; 
    float: left; 
    padding: 0;
    overflow: hidden;
}

#datatable .formLineWider label
{
    width: 303px; 
}

#datatable .formLine2 input[type=text]
{
    width: 80px;
    margin-top:3px;
}

#datatable .formLine label.bold
{
    font-weight:bold;
}

#datatable .formLine input[type=text], #datatable .formLine textarea, #datatable .formLine select
{
    width: 270px;
    float:left;
    margin-top:3px;
}

#datatable .formLine .dateselector input[type=text], #datatable .formLine .dateselector select
{
    width: 80px;
}

#datatable .formLine .checkbox, .formLine2 .checkbox 
{
    float:left;
}

#datatable .formLine .checkbox input, .formLine2 .checkbox input
{
    width: auto;
}

#datatable .formLine .checkBoxText
{
	float: left;
    padding: 3px 8px 3px 1px;
    white-space:nowrap;
}

#datatable .formLine2 .checkBoxText
{
	width:75px;
	float: left;
    padding: 3px 8px 3px 1px;
    white-space:nowrap;
}

#datatable .formLine select
{
    width: 318px;
}

#datatable .formLine2 select, .formLine2 label, .formLineWider label
{
    margin-top:3px;
}
.blueSquare
{
	background-color:#00B2EB;
	padding: 0 10px;
	text-align:right;
}

.webdings {
	 font-family: webdings;
	 font-size: 12px;
	 color: #003f91;
}

/* Form */
.form {
    margin-bottom: 8px;
}
.form .row {
    margin-bottom: 8px;
}
.form input[type=text],
.form input[type=password] {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 100%;
    color: #000;
    border: 1px solid #E0E0E0;
    border-radius: 3px;
    box-shadow: inset 2px 2px 3px rgba(0,0,0,0.1);
    width: 180px;
    padding: 4px 10px 3px;
    behavior: url(/include/scripts/PIE.htc);
}

.form.form-vertical label {
    display: block;
    font-weight: bold;
    margin: 0 0 1px;
}

.modification.popin .serverZebraTable tr td {
    border: 0;
    line-height: 180%;
}

.meetingcontent {
    position: relative;
    margin-top: 20px;
    border-top: 1px solid #aaa;            
}

    .meetingcontent h4 {
        margin: 0;
        padding: 10px 0 0 0;
    }

/* Spares order status */
.orderStatus {
    margin-right: 10px;
}
.orderStatus a.button {
    text-align: center;
    margin-bottom: 5px;
}

.orderStatus .documentbutton {
    background: url(/Secure/include/images/buttons/orange-left.png) no-repeat 0 0;
    padding-left: 18px;
    display: inline-block;
    height: 30px;
    color: #ffffff;
    text-decoration: none;
    margin: 5px 5px 5px 0;
    cursor: pointer;
}
.orderStatus .documentbutton:hover {
    background: url(/Secure/include/images/buttons/orange-left-hover.png) no-repeat 0 0;
}
.orderStatus .documentbutton span {
    background: url(/Secure/include/images/buttons/orange-right.png) no-repeat right 0;
    padding: 7px 18px 0 10px;
    height: 23px;
    display: inline-block;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
}
.orderStatus .documentbutton:hover span {
    background: url(/Secure/include/images/buttons/orange-right-hover.png) no-repeat right 0;
}
.orderStatus .emailbutton {
    background: url(/Secure/include/images/buttons/orange-left-email.png) no-repeat 0 0;
    padding-left: 23px;
}
.orderStatus .emailbutton:hover {
    background: url(/Secure/include/images/buttons/orange-left-email-hover.png) no-repeat 0 0;
}

a.documentloading {
    background: #4B4F92;
    display: inline-block;
    text-decoration: none;
    margin: 5px 5px 5px 0;
    border-radius: 6px;
    padding: 7px 18px 0 18px;
    height: 23px;
    color: #fff;
    cursor: default;
    behavior: url(/include/scripts/PIE.htc);
}

.orderStatus .serverZebraTable .dataTable td, .dataTable th, .dataTable tr {
    background: none !important;
}
.orderStatus .serverZebraTable .dataTable td {
    padding: 4px 0;
}
.zebraTable th, .serverZebraTable th, .serverZebraTable th a, .mmfZebraTable .zebraTable th a {
    background: url(/Secure/include/images/background-tableHeader.png) repeat-x 0 0;
    text-align: left;
    color: #ffffff;
    white-space: nowrap;
    font-weight: bold;
}
.zebraTable th, .zebraTable td, .serverZebraTable th, .serverZebraTable td {
    padding: 8px 15px 7px;
}

.parts .zebraTable th div {
    padding: 8px 5px 7px 10px;
}

.parts .zebraTable td {
    padding: 4px 5px 4px 10px;
}

.zebraTable .nopaddingbottom, .serverZebraTable .nopaddingbottom {
    padding-bottom: 0;
}
.zebraTable tr.alt td, .serverZebraTable tr.alt td, .mmfZebraTable .zebraTable tr.alt td {
    background-color: #dfe4ee;
}
.zebraTableHover tr.hover td, .serverZebraTable tr.hover td {
    background: #f3f5f8;
    cursor: pointer;
}
.serverZebraTable .centeredImg {
    text-align: center;
}

.orderStatus .serverZebraTable th {
    padding: 7px 10px 7px;
}

.orderStatus .serverZebraTable td {
    padding: 0 10px 0;
}

.orderStatus .serverZebraTable tr th span {
    font-weight: normal;
    top: 0;
    position: relative;
    float: right;
    height: 10px;
    display: inline-table;
}
.orderStatus .serverZebraTable tr th span input {
    margin-top: -5px;
}

.orderStatus .serverZebraTable {
	border: 1px solid #5D77A9;
}
.orderStatus .serverZebraTable tr.header {
	background: url("/Secure/include/images/background-tableHeader.png") repeat-x;
}
.orderStatus .serverZebraTable tr.active td {
	color: #008CCC;
}
.orderStatus .serverZebraTable td,
.orderStatus .serverZebraTable th {
	background: url("/secure/include/images/bg-th.png") repeat-y left top !important;
	background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0) 13px, transparent) !important;
	background:    -moz-linear-gradient(left, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0) 13px, transparent) !important;
	background:     -ms-linear-gradient(left, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0) 13px, transparent) !important;
	background:         linear-gradient(to right, rgba(0, 0, 0, 0.08) 0, rgba(0, 0, 0, 0) 13px, transparent) !important;
	
	vertical-align: top;
	padding: 6px 11px 6px 11px;
}
.orderStatus .serverZebraTable td.nobg,
.orderStatus .serverZebraTable th.nobg {
	background: none !important;
}
.orderStatus .serverZebraTable td.nowrap {
	white-space: nowrap;
}
.orderStatus .serverZebraTable th.serviceBulletin a {
	padding-right: 30px;
}
.orderStatus .serverZebraTable th.rfq {
	width: 80px;
}
.tableContainer a.inActive {
    pointer-events: none;
    cursor: default;
    color: #c6c6c6;
}
.orderStatus .serverZebraTable a.downloadPdf,
.orderStatus .serverZebraTable a.downloadApp {
	float: none;
	padding: 0;
	height: 13px;
	width: 10px;
	display: inline-block;
	vertical-align: top;
}
.orderStatus .serverZebraTable a.downloadPdf {
	background: url(/Secure/modifications/images/icon-pdf.png) no-repeat;
	margin-left: 15px;
}
.orderStatus .serverZebraTable a.downloadApp {
	background: url(/Secure/modifications/images/icon-appendix.png) no-repeat;
}
.orderStatus .serverZebraTable th a, 
.orderStatus  .serverZebraTable tr th div {
	text-decoration: none;
	background: none;
}
.orderStatus .serverZebraTable th a:hover {
    text-decoration: underline;
}
.orderStatus .serverZebraTable tr.closedRow td {
	background: none;
}
.orderStatus .serverZebraTable tr td {
	background-color: transparent;
    border: 0;
}
.orderStatus .serverZebraTable tr.alt, .orderStatus .serverZebraTable tr.closedRow.alt {
	background: #f4f4f4;
}

.orderStatus .container {
    border: 1px solid #c6c6c6;
    background: #ededed;
    background: -webkit-linear-gradient(#ffffff, #ededed);
    background: -moz-linear-gradient(#ffffff, #ededed);
    background: linear-gradient(#ffffff, #ededed);
    -pie-background: linear-gradient(#ffffff, #ededed);
    behavior: url(/include/scripts/PIE.htc);
    overflow: hidden;
    margin-bottom: 20px;
    width: 505px;
}
.orderStatus .container h2,
.orderStatus .container p {
    margin-left: 10px;
}

.utilizationdata {
    margin: 0 0 10px 0;
    padding: 0;
}

.utilizationdata li {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.utilizationdata a {
    text-decoration: none;
    color: #474646;
}

.utilizationdata a span {
    color: #264a91;
    text-decoration: underline;
    padding: 0 10px 0 5px;
}

.utilizationdata a:hover span {
    color: #bd490d;
    text-decoration: underline;
}