input[type=text],textarea { border: 1px solid #AAAAAA;}
input[type=text]:-moz-read-only { border: 1px solid #CCCCCC;}
input[type=text]:read-only { border: 1px solid #CCCCCC;}
textarea:-moz-read-only { border: 1px solid #CCCCCC;}
textarea:read-only { border: 1px solid #CCCCCC;}
select:-moz-read-only { border: 1px solid #CCCCCC;}
select:read-only { border: 1px solid #CCCCCC;}

@font-face {
    font-family: "AvenirNext";
    src: url("AvenirNextLTW05-Regular.woff");
}

.canvas{
	background-color: #CCCCCC;
}

.body {
	background-color: #ffffff;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;  }

select {
	background-color: white;
}
select:disabled {
	background-color: #eeeeee;
}
option {
    font-weight: normal;
    /* DO NOT USE AvenirNext in option. 																							*/
    /* Why?																												*/
    /* There is a bug in Firefox where fonts that are 'imported' using @font-face are not found/used in the option tag.	*/
    /* Arial 12px is very close. So its the best option. Unless AvenirNext would be installed locally.                  */
    font-family: Arial;
    font-size: 11px;
}

.h1 {
	background-color: #141E54;
	color: #ffffff;
	font-weight: bold;
	font-size: 9pt;
	font-family: AvenirNext;
	line-height: 23px;
	text-align: center;
}

.titleInverted {
	background-color: #141E54;
	color: #ffffff;
	font-weight: normal;
	font-size: 11px;
	font-family: AvenirNext;
	text-align: left;
}

.h1left     {   background-color: FFFFFF; color: #000000;
                font-weight: bold; font-size: 12pt; font-family: AvenirNext;
                line-height: 28px; text-align: left; }
.h1bgr      {   background-color: #FFFFFF; color: #354873;
                font-weight: bold; font-size: 10pt; font-family: AvenirNext;
                line-height: 48px; text-align: left;  }

.forms      {   background-color: #F7F7F7; color: #000000;
                font-weight: normal; font-size: 8pt; font-family: AvenirNext; }

.msg        {   background-color: #FFFFFF; color: #ff0000;;
                font-weight: bold; font-size: 10pt; font-family: AvenirNext;  }

.red        {   background-color: #FFFFFF; color: #e45605;
                font-weight: normal; font-size: 8pt; font-family: AvenirNext;  }
.green        {   background-color: #FFFFFF; color: #479126;
                font-weight: normal; font-size: 8pt; font-family: AvenirNext;  }
.red-font   {   color: #FF0000;
                font-weight: bold; font-size: 8pt; font-family: AvenirNext; }
.black-font   {   color: #000000;
                font-weight: bold; font-size: 8pt; font-family: AvenirNext; }

.msg-grey   {   background-color: #FFFFFF; color: #62676b;
                font-weight: bold; font-size: 10pt; font-family: AvenirNext;  }

.message    {   background-color: #e9dfe0; color: #000000;
                font-weight: bold; font-size: 10pt; font-family: AvenirNext;  }

/* .feasibility  { background-color: #EBF1F5; color: #000000; */
/*                 font-weight: normal; font-size: 8pt; font-family: AvenirNext; } */

.feasibility  { background-color: #ff9000; color: #000000;
                font-weight: normal; font-size: 8pt; font-family: AvenirNext; }

.colHeads   {   background-color: #d4d0c8; color: #000000;
                font-weight: bold; font-size: 8pt; font-family: AvenirNext; }

.evenRows   {   background-color: #dedede; color: #000000;
                font-weight: normal; font-size: 8pt; font-family: AvenirNext; margin-left: 3px; margin-right: 3px; }

.oddRows    {   background-color: #eeeeee; color: #000000;
                font-weight: normal; font-size: 8pt; font-family: AvenirNext;  margin-left: 3px; margin-right: 3px; }

.buttons    {   background-color: #e9dfe0; color: #000000;
                font-weight: bold; font-size: 9pt; font-family: AvenirNext;
                text-align: center; line-height: 25px }

.margin       { margin-left: 3px; margin-right: 3px;  }

.blue       {   background-color: 005288;  }

.logo       {   background-color: #0000fe;  }


.a_txt8:link { text-decoration: none; font-weight: normal; font-size: 8pt; color: #000066; }
.a_txt8:hover { text-decoration: none; font-weight: normal; font-size: 8pt; color: #ff0000; }
.a_txt8:active { text-decoration: none; font-weight: normal; font-size: 8pt; color: #000066; }
.a_txt8:visited { text-decoration: none; font-weight: normal; font-size: 8pt; color: #000066; }
.a_txt8:visited:hover { text-decoration: none; font-weight: normal; font-size: 8pt; color: #ff0000; }

.a_txt8blinking:link { text-decoration: none; font-weight: normal; font-size: 8pt; color: #000066; }
.a_txt8blinking:hover { text-decoration: underline; font-weight: bold; font-size: 8pt; color: #ff0000; }
.a_txt8blinking:active { text-decoration: none; font-weight: normal; font-size: 8pt; color: #000066; }
.a_txt8blinking:visited { text-decoration: none; font-weight: normal; font-size: 8pt; color: #000066; }
.a_txt8blinking:visited:hover { text-decoration: none; font-weight: bold; font-size: 8pt; color: #ff0000; }

.a_txt14b:link { text-decoration: none; font-weight: bold; font-size: 14pt; color: #000066; }
.a_txt14b:hover { text-decoration: none; font-weight: bold; font-size: 14pt; color: #ff0000; }
.a_txt14b:active { text-decoration: none; font-weight: bold; font-size: 14pt; color: #000066; }
.a_txt14b:visited { text-decoration: none; font-weight: bold; font-size: 14pt; color: #000066; }
.a_txt14b:visited:hover { text-decoration: none; font-weight: bold; font-size: 14pt; color: #ff0000; }

.txt8b { color: #000000; font-weight: bold; font-size: 8pt; font-family: AvenirNext; }

.ip8            { font-weight: normal; font-size: 8pt; font-family: AvenirNext; }
.ip8_readonly   { color: #000000; background-color: #eeeeee; font-weight: normal; font-size: 8pt; font-family: AvenirNext; border: 1px inset #eeeeee;}
.ip8bold_readonly   { color: #000000; background-color: #eeeeee; font-weight: bold; font-size: 8pt; font-family: AvenirNext; border: 1px inset #eeeeee;}
.ip8Warn            { font-weight: normal; font-size: 11px; font-family: AvenirNext; background: #FBEA94;}
.ip8Error            { font-weight: normal; font-size: 11px; font-family: AvenirNext; background: #EB5548;}
.ip8NoBid            { font-weight: normal; font-size: 11px; font-family: AvenirNext; background: #EEEEEE;}

.vendUpd_body{
	border: 1px solid #cccccc;
	background-image: url(../img/bg_vendPort_body.png);
	background-position: bottom;
	background-repeat: repeat-x;
}

.vendUpd_Tabs{
	border-bottom: 1px solid #cccccc;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
	background-color: #EFEFEF;
}

.vendUp_formContent_Font {
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
}

.vendUpd_buttonRow{
	border: 1px solid #cccccc;
	background-color: #EFEFEF;
	/* line-height: 50px; */
	/* height: 50px; */
	vertical-align: middle;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 6px;
}

.vendUpd_txt   {
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
}

.vendUpd_boldText   {
	color: #141E54;
	font-weight: bold;
	font-size: 8pt;
	font-family: AvenirNext;
}

.vendUpd_importendText   {
	color: #BE290A;
	font-weight: bold;
	font-size: 8pt;
	font-family: AvenirNext;
}


.vendUpd_errorRow {
	color: #d10074;
    font-weight: bold;
    font-size: 8pt;
    font-family: AvenirNext;
   }

/*	margin-left: 3px; */
.vendUpd_label {
	margin-right: 3px;
	color: #141A54;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
}

.vendUpd_colHeads   {
	background-color: #4C2234;/*#141E54;*/
	color: #FCE6A4;; /*#FFFFFF;*/
	font-weight: bold;
	font-size: 8pt;
	font-family: AvenirNext;
}

.vendUpd_evenRows   {
	background-color: #E9E9E9;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
	margin-left: 3px;
	margin-right: 3px;
}

.vendUpd_matrix_oddRows    {
	background-color: #FCE6A4;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
	margin-left: 3px;
	margin-right: 3px;
}

.vendUpd_matrix_evenRows   {
	background-color: #FCCE14;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
	margin-left: 3px;
	margin-right: 3px;
}

.vendUpd_oddRows    {
	background-color: #F7F7F7;
	color: #000000;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
	margin-left: 3px;
	margin-right: 3px;
}

.tabs_text_VendUpd:link  {font-weight: bold; font-size: 10pt; font-family: AvenirNext; text-decoration: none; color: #4C2234; /*#141A54;*/}
.tabs_text_VendUpd:hover  {font-weight: bold; font-size: 10pt; font-family: AvenirNext; text-decoration: none; color: #E45604; /*#7AA7DE;*/}
.tabs_text_VendUpd:active  {font-weight: bold; font-size: 10pt; font-family: AvenirNext; text-decoration: none; color: #4C2234; /*#141A54;*/}
.tabs_text_VendUpd:visited  {font-weight: bold; font-size: 10pt; font-family: AvenirNext; text-decoration: none; color: #4C2234; /*#141A54;*/}
.tabs_text_VendUpd:visited:hover  {font-weight: bold; font-size: 10pt; font-family: AvenirNext; text-decoration: none; color:#E45604;/* #7AA7DE;*/}

.tabs_text_selected_VendUpd {
	color: #E45604; /*#7AA7DE;*/
	font-weight: bold;
	font-size: 10pt;
	font-family: AvenirNext;
	text-decoration: none;
}

.vendUpd_h1_left {
	color: #4C2234; /*#141A54;*/
	font-weight: bold;
	font-size: 10pt;
	font-family: AvenirNext;
    line-height: 23px;
    text-align: left;
    vertical-align: middle;
    background-color: #FCE6A4; /*#C8E0F8;*/
 }
.vendUpd_h1 {
	color: #141A4C;
    font-weight: bold;
    font-size: 12pt;
    font-family: AvenirNext;
    line-height: 26px;
}
.vendUpd_h2{
	background-color: #D8D4E8;
	color: #7E71B4;
	font-weight: bold;
	font-size: 9pt;
	font-family: AvenirNext;
    line-height: 23px;
    text-align: center;
}
.vendUpd_h2_left{
	background-color: #D8D4E8;
	color: #7E71B4;
	font-weight: bold;
	font-size: 9pt;
	font-family: AvenirNext;
    line-height: 23px;
    text-align: left;
}

.deletedMsg {
	border-top: solid 5px #e45605;
	border-bottom: solid 5px #e45605;
	font-size: 12px;
	color: #e45605;
	font-weight: normal; font-size: 8pt; font-family: AvenirNext;
}

.uploadPhotoLink:link{text-decoration: none; font-weight: normal; font-size: 11px; color: #573399; font-family: AvenirNext;}
.uploadPhotoLink:hover{text-decoration: none; font-weight: normal; font-size: 11px; color: #573399; font-family: AvenirNext;}
.uploadPhotoLink:active{text-decoration: none; font-weight: normal; font-size: 11px; color: #573399; font-family: AvenirNext;}
.uploadPhotoLink:visited{text-decoration: none; font-weight: normal; font-size: 11px; color: #573399; font-family: AvenirNext;}
.uploadPhotoLink:visited:hover{text-decoration: none; font-weight: normal; font-size: 11px; color: #573399; font-family: AvenirNext;}



.orderPortal_bold_label {
	margin-right: 3px;
	color: #141A54;
	font-weight: bold;
	font-size: 8pt;
	font-family: AvenirNext;
}
.orderPortal_label {
	margin-right: 3px;
	color: black; /* #1F4995; */
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
}

.orderPortalBoldLabel10 {
	margin-right: 3px;
	color: black; /* #1F4995; */
	font-weight: bold;
	font-size: 10pt;
	font-family: AvenirNext;
}


.orderPortal_text {
	margin-right: 3px;
	color: #000001;
	font-weight: normal;
	font-size: 8pt;
	font-family: AvenirNext;
}
.orderPortal_buttonRow{
	/*
	border: 1px solid #cccccc;
	*/
	background-color:  #FFFFFF; /* #F5F5F5; */
	line-height: 38px;
	height: 38px;
	vertical-align: middle;
}
.orderPortal_body{
	background-color: #F5F5F5;
	/*
	border: 1px solid #cccccc;
	background-image: url(../img/bg_vendPort_body.png);
	background-position: bottom;
	background-repeat: repeat-x;
	*/
}
.orderPortal_body_smale{
	background-color: #F5F5F5;
	/*
	border: 1px solid #cccccc;
	background-image: url(../img/bg_vendPort_body_smale.png);
	background-position: bottom;
	background-repeat: repeat-x;
	*/
}
.orderPortal_h1_left {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	font-family: AvenirNext;
    line-height: 32px;
    text-align: left;
    vertical-align: middle;
    background-color: #1F4995; /*#C8E0F8;*/
 }
.orderPortal_h1_left_unconfirmed {
	color: #FFFFFF;
	font-weight: bold;
	font-size: 10pt;
	font-family: AvenirNext;
    line-height: 32px;
    text-align: left;
    vertical-align: middle;
    background-color: #1F4995;
 }


.orderPortal_psydoLink {
		text-decoration: none;
		font-weight: normal;
		font-size: 8pt;
		font-family: AvenirNext;
		cursor: pointer;
		color: #1F4995;
}
.orderPortal_psydoLink:hover {
		text-decoration: underline;
		font-weight: normal;
		font-size: 8pt;
		font-family: AvenirNext;
		cursor: pointer;
		color: #1F4995;
}

.readOnlyInput { border: solid 1px #AFAFAF; background-color: F0F0F0; color:#6D6D6D; font-family: AvenirNext; line-height: 17px; font-size:11px; font-weight:normal;}

.portalPopupContentTd {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 14px;
	padding-bottom: 0px;
}

.portalPopupButtonTd {
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 13px;
	padding-bottom: 10px;
}

.buttonBlock {
	background-color: #1F4995;
	border: 3px solid #1F4995;
	color: #ffffff;
	font-weight: bold;
	font-size: 11pt;
	font-family: AvenirNext;
	text-align: center;
	cursor: pointer;
	text-decoration: none !important;
	height: 32px;
	/*width: 163px;*/
	min-width: 163px; /* <--- minimun width is 163px; */
	vertical-align: middle;
}
.buttonBlock:hover {
	text-decoration: none;
	background-color: #ffffff;
	color: #1F4995;
	border: 3px solid #1F4995;
}
.buttonBlock:link { text-decoration: none;}
.buttonBlock:active { text-decoration: none; }
.buttonBlock:visited { text-decoration: none;}
.buttonBlock:visited:hover { text-decoration: none; }