﻿/* ----- Sets element margins, padding, and border to 0 to even out browser differences when adding desired values later. ----- */
html, body, div, p, h1, h2, h3, h4, h5, h6, blockquote, ol, ul, li, dl, dt, dd, td, form, a, img, address, script {
	border: 0;
	margin: 0;
	padding: 0;
}

html { }

h1, h2, h3, h4, h5, h6 { color: #000000; }

embed { display: none; }
/* ----- Global Style Sheet ----- */

h1 {
	font-size: 1.8em;
	font-weight: normal;
	margin: 0;
}

h2 {
	font-size: 1.6em;
	font-weight: normal;
	margin: 1.2em 0em 0em 0em;
}

h3 {
	font-size: 1.4em;
	font-weight: normal;
	margin: 1.2em 0em 0em 0em;
}

h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
}

h5 {
	font-size: 1.0em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
}

h6 {
	font-size: 0.8em;
	font-weight: bold;
	margin: 1.2em 0em 1.2em 0em;
}

img {
	border-color: inherit;
	border-style: none;
	border-width: 0;
}

ol, ul, li {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0.2em 0 0.1em 0;
}

p {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0.8em 0em 1.2em 0em;
}

li > p { margin-top: 0.2em; }

pre {
	
	font-size: 1.0em;
}

strong, b, .bold { font-weight: bold; }

a {
	color: #000000;
	text-decoration: none;
}

a:link { }

a:visited { }

a:active { }

a:hover { text-decoration: none; }

.ulspace { margin-left: 20px; }

.left { float: left; }

.right { float: right; }

a.normal {
	color: Blue;
	text-decoration: underline;
}

a.dailyTaskLink:hover { color: Blue; }

a.dailyTaskLink {
	color: Blue;
	text-decoration: underline;
}

a.normal:hover { color: Blue; }
/* ------ Site Style Sheet ------ */

body {
	background-color: #DCDCDC; /* # <Page Background Color> */
	background-image: url(Images/grey_wash_wall.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	font-size: 80%;
	margin: 0 auto;
	padding-top: 0;
	width: 100%;
	font-family: 'Open Sans Regular';
	background: #f4f4f4;
	margin: 0;
	padding: 0;
}

#header {
	background-color: #FFFFFF;
	min-height: 77px;
}

#new_nav {
	float: left;
	position: absolute;
	width: 2%;

}

#sidebar {
	background-color: White;
	float: right;
	margin: 0 1% 0 0;
	width: 20%;
}

#content {
	background-color: White;
	margin: 0 0 0 1%;
	width: 98%;

}

#footer {
	background-color: #DCDCDC; /* # <Page Background Color> */
	background-image: url(Images/grey_wash_wall.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	bottom: 0;
	clear: both;
	width:97%;
    margin-left : 1%;
	font-size: 1em;
	height: 26px;
	left: 0;
	letter-spacing: 0.25em;
	padding: 7px 0 0 15px;
	position: relative;
	right: 0;
	z-index: auto !important;
}

.version {
	color: #8C8C8C;
	float: right;
	padding-right: 15px;
}

#footer a { color: #e1e1e1; }

#footer a:hover {
	font-weight: bold;
	text-decoration: underline;
}

#headertop {
	height: 85px;
	position: relative;
}

#ownerlogo {
	left: 5px;
	letter-spacing: 0.2em;
	position: relative;
	top: 5px;
	width: 25%;
}

#ownerinfo {
	background-position: 2px 0;
	background-repeat: no-repeat;
	bottom: 0;
	height: 44px;
	position: absolute;
	right: 0;
	text-align: right;
	top: 0;
	width: 75%;
}

#login-container { margin-right: 2%; }

.img-align-middle { vertical-align: middle; }

.mandatory { color: Red; }

.action_name {
	font-size: 1.2em;
	line-height: 21px;
	text-decoration: none;
}

.action_name:hover { font-weight: bold; }

.WIPcorners h1, .corners h2, .corners p {
	letter-spacing: 1px;
	margin: 0 10px;
	padding: 0;
}

.WIPcorners h1 {
	color: #fff;
	font-size: 2.5em;
}

.WIPcorners h2 {
	border: 0;
	color: #06a;
	font-size: 2em;
}

.WIPcorners p { padding-bottom: 0.5em; }

.WIPcorners h2 { padding-top: 0.5em; }

.WIPcorners {
	border: 1px solid #f0f0f0;
	float: right;
	margin: 0px;
	overflow: hidden;
	width: 22%;
	margin-right:1.5%;
}

#follow-on-queue {
	background-color: #DCDCDC;
	display: block;
}

#mainmenu {
	background-color: #FF6600;
	background-image: url(images/ui-bg_diagonals-small_60_D21034_40x40.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	
	height: 36px;
	margin-left: 1%;
	margin-top: 3px; /* Menu Fix */
	position: relative;
	width: 98%;
}

#mainmenu a { text-decoration: none; }
/* Adds a height to a button so that IE Win will allow it to be clickable across its full width. */

#contentwrapper {
	background-position: top right;
	background-repeat: repeat-y;
	width:97%;
}

.sbcontentcontainer1 li { margin: 0.2em 1em 0.1em; }

#contentcopy {
	background-color: #FFFFFF; /* # <Main Content Background Color> */
	color: #000000; /* # <Main Content Text Color> */
	margin-left: 10px;
	min-height: 45em;
	padding: 2.5em 25px 3em;
}

.info-message {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 5px;
	width: 90%;
	border-radius: 5px;
}

.searchinfo-message {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px;
	width: 98%;
	border-radius: 5px;
}

.error-message {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
}

.downloadError-message {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
}


.error-message2 {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 5px;
	width: 80%;
	border-radius: 5px;
}

.consumer-message2 {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 5px;
	width: 80%;
	border-radius: 5px;
}

.scan-message {
	display: none;
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
}

.status-message {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
}

.terms p { text-align: justify; }

.terms .ulspace { margin-left: 20px; }

.message {
	background-color: #FFFFF2;
	border: 1px solid #99B512;
	display: none;
	font-weight: bold;
	padding: 5px;
	width: 100%;
	margin-bottom: 5px;
	border-radius: 5px;
}

.messageMST {
	background-color: #FFFFF2;
	border: 1px solid #99B512;
	font-weight: bold;
	padding: 5px;
	width: 100%;
	border-radius: 5px;
}

.AllTerminalAccess {
	background-color: #FFFFF2;
	border: 1px solid #99B512;
	font-weight: bold;
	padding: 5px;
	width: 100%;
}

.hr_line {
	background-color: #DCDCDC;
	color: #DCDCDC;
	height: 1px;
}

.Login_control {
	margin-left: 37%;
	margin-top: 3%;
}

.AV_control { margin-top: 25%; }

.ContactUs {
	color: #006AC4;
	font-size: 15px;
	font-weight: bold;
}

.chkBoxList
{
    width:70%;
}
.chkBoxList td 
{ 
    padding-left: 10px;

    padding-top: 10px;
}

.NotxtBox {
	text-align: right;
}

.tendertypetxtBox, .tendertypetxtBoxDone, .tendertypetxtYet2Imaging {

}

.tendertotal 
{
    display:none;
    
}

.ctrDropDown {
	background-color: #FFFFFF; /* # <Global Text Box Background Color> */
	border: 1px solid #666666; /* # <Global Text Box Border Color> */
	margin-left: 0em;
	width: 15em;
}

.ctrDropDownClick { width: 350px; }

.listBox { background-color: #DCDCDC; }

#headertextwrapper {
	background-color: #DCDCDC; /*# <Current Page Title 'Above Main Content' Background Color> */
	background-image: url(Images/grey_wash_wall.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	height: 40px;
	width: 100%;
}

#headertextwrapper .title {
	color: #e1e1e1;
	float: left;
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 1%;
	margin-top: 0.5%;
	position: absolute;
	white-space: nowrap;
}

.table-line-space 
{
	line-height: 23px;
	padding:5px;
}

.table-line-space1 { line-height: 23px; 
					 border-collapse: collapse;
                    }
                                     
.cellborder                                     
{
		   
	 border-style:solid; 
      border-width:1px; 
      padding:5px;
        	
}

.Small_Button_Width { width: 33px; }

.td_left {
	padding-left: 20px;
	padding-top: 0px;
	width: 40%;
}

.td_right {
	padding-right: 20px;
	padding-top: 0px;
	width: 40%;
}

.lbox_left {
	min-height: 95px;
	width: 100%;
}

.lbox_right {
	min-height: 95px;
	width: 100%;
}

.lbox_height { height: 110px; }

.button_width {
	text-align: center;
	vertical-align: middle;
	width: 60px;
}

.Bill_button_width {
	text-align: center;
	vertical-align: middle;
	width: 80px;
}

.BillerTd {
	height: 40px;
	vertical-align: top;
}

.Button_align_undertextbox { margin-right: 20px; }

.Button_above_space { height: 57px; }

.tr_text_space { height: 30px; }

.resolution_width { width: 81%; }

.UiBlock_Box {
	background-color: #DCDCDC;
	display: none;
	height: auto;
	padding: 5px;
	text-align: center;
}

.UiBlock_Header {
	line-height:2em;
	text-align:start;
}

.UiBlock_Box_Progress {
	background-color: #FFFFFF;
	display: none;
	height: 100px;
	padding: 5px;
	text-align: center;
}

.UiBlock_InnerBox {
	background-color: #ffffff;
	padding: 0.7em;
}

.td_algin { text-align: center; }

#UpdatePanel_CSS { min-height: 153px; }

#ActivationBottomButtonHeightSpace {
	min-height: 500px;
	padding-left: 10px;
}

.Step_Wizard_Button{ text-align: right; }

#paymentinfo, #consumer_message, .give_padding { padding: 15px; }

#PaymentInformation .corners, #consumermessage .corners { margin-bottom: 24px; padding:20px; }

.DataPanelTableValues { padding-bottom: 10px; }

.payment_left { margin-left: 5px; }

.Report_Box { /*as requested because we have only one report now */ }

/* ----- Corner ----- */

.corners h1, .corners h2, .corners p {
	letter-spacing: 1px;
	margin: 0 10px;
	padding: 0;
}

.corners h1 {
	color: #fff;
	font-size: 2.5em;
}

.corners h2 {
	border: 0;
	color: #06a;
	font-size: 2em;
}

.corners p { padding-bottom: 0.5em; }

.corners h2 { padding-top: 0.5em; }

.corners {
	background: transparent;
	margin: 25px 0em 5px 0em;
}

.rctop, .rcbottom {
	background: transparent;
	display: block;
	font-size: 1px;
}

.rcb1, .rcb2, .rcb3, .rcb4 {
	display: block;
	overflow: hidden;
}

.rcb1, .rcb2, .rcb3 { height: 1px; }

.rcb2, .rcb3, .rcb4 {
	background: #fff;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}
/* # <Background Color White and Border Black Corner Box> */

.rcb1 {
	background: #DCDCDC;
	margin: 0 5px;
}
/* # <Border Color Black for Corner Box> */

.rcb2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.rcb3 { margin: 0 2px; }

.rcb4 {
	height: 2px;
	margin: 0 1px;
}

.rcboxcontent {
	background: #fff;
	border: 0 solid #DCDCDC;
	border-width: 0 1px;
	display: block;
}

.rcboxcontent2 {
	background: #fff;
	border: 1px solid #DCDCDC;
	display: block;
	padding: 5px;
}

.rcbh1, .rcbh2, .rcbh3, .rcbh4 {
	display: block;
	overflow: hidden;
}

.rcbh1, .rcbh2, .rcbh3 { height: 1px; }

.rcbh2, .rcbh3, .rcbh4 {
	background: #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}
/* # <Background Color White and Border Black Corner Box> */

.rcbh1 {
	background: #DCDCDC;
	margin: 0 5px;
}
/* # <Border Color Black for Corner Box> */

.rcbh2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.rcbh3 { margin: 0 2px; }

.rcbh4 {
	height: 2px;
	margin: 0 1px;
}


.rctitle {
	background-color: #DCDCDC;
	padding: 5px;
}

.rctitle h3 {
	font-size: 1.4em;
	margin: 0px 10px 0px 10px;
}


.darkHeader {
	background-color: #4b494a;
	background-image: url(images/ui-bg_white-lines_8_4b494a_40x100.png);
	background-position: center;
	background-position: center;
	background-repeat: repeat-x;
	border: 1px solid #4b494a;
	color: #ffffff;
	font-weight: bold;
	padding: 5px;
}

.darkHeader h3 {
	color: #ffffff;
	font-size: small;
	font-weight: bold;
	margin: 0px 10px 0px 10px;
}


/* # <Background Color White and Border Black for Main Content of Corner Box> */

/* ----- Water Mark ----- */
/* make textbox dimensions consistent in all browsers */
/* you may choose to use a reset stylesheet instead */

.txt {
	border: solid 1px #999;
	height: 1.25em; /* must specify height for consistent vertical alignment */
	margin: 0;
	padding: 2px;
	vertical-align: middle;
	width: 190px;
}

/*---------------------->>>> GreyBox <<<<<<< --------------------------------------------------*/

#GB_overlay {
	height: 100%;
	left: 0;
	margin: auto;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 100;
}

#GB_window {
	background: #fff;
	border: 5px solid #aaa;
	height: 400px;
	left: 0px;
	overflow: auto;
	position: absolute;
	top: 10px;
	width: 400px;
	z-index: 150;
}

#GB_frame {
	border: 0;
	height: 378px;
	overflow: auto;
	width: 100%;
}

#GB_caption {
	background: #888;
	color: #fff;
	font: 12px;
	margin: 0;
	padding: 2px 0 2px 5px;
	text-align: left;
}

#GB_window img {
	cursor: pointer;
	cursor: pointer;
	position: absolute;
	right: 5px;
	top: 2px;
}
/* ----- Grid View Hover Popup Menu ----- */

.popupMenu {
	background-color: #F5F7F8;
	filter: alpha(opacity=90);
	opacity: .9;
	position: absolute;
	visibility: hidden;
}

.popupHover {
	background-color: #F5F7F8;
	background-image: url(Images/header-opened.png);
	background-position: left top;
	background-repeat: repeat-x;
}

/*--------------------------------*/

/*GridViewCSS*/
.MultiStub_GridViewStyle {
	border-style:none;
	border-width:0px;
	border-collapse: collapse;
	font-size: small;
	table-layout: auto;
	width: 95%;
}
.Biller_AltRowStyle td, .Biller_SelectedRowStyle td, .Biller_EditRowStyle td, .Biller_TabSelectionRowStyle td /*Common Styles*/ {
	border-style:none;
	border-width:0px;
	padding: 2px;
}

.MultiStub_RowStyle td {
	border-style:solid;
	border-width:1px;
	padding: 2px;
}

.MultiStub_RowStyle {
	background-color: Silver;
}

.MultiStub_AltRowStyle {
	background-color: Transparent;
}

.MultiStub_AltRowStyle td 
{
    border-style:solid;
	border-width:1px;
    padding: 2px;
}

.MultiStub_SelectedRowStyle td {
	font-weight: bold;
}

.MultiStub_TabSelectionRowStyle td {
	font-weight: bold;
}

.Biller_GridViewStyle {
	border: #dcdcdc 1px solid;
	border-collapse: collapse;
	font-size: small;
	table-layout: auto;
	width: 100%;
}

.Biller_GridViewStyle tr:hover
{
    background-color: #B8B8BF;
    color: Black;
    font-weight: bold;
	border: solid 2px #4b494a;
}

.Biller_GridViewStyle tr:focus
{
    color: Black;
    font-weight: bold;
    background-color: #51cbee;
	border: 2px solid #4b494a;
    box-shadow: 0 0 2px #4b494a;
    -moz-box-shadow: 0 0 2px #4b494a;
    -webkit-box-shadow: 0 0 2px #4b494a;
  
}
/*Header and Pager styles*/

.Biller_HeaderStyle, .Biller_PagerStyle /*Common Styles*/ {
	background-color: #4b494a;
	background-image: url(images/ui-bg_white-lines_8_4b494a_40x100.png);
	background-position: center;
	background-position: center;
	background-repeat: repeat-x;
	border: 2px solid #4b494a;
	font-weight: bold;
}

.Biller_HeaderStyle th {
	border-left: solid 1px #4b494a;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}

.Biller_sortedHeader {
	background: #4b494a url(Images/sort_both.jpg) no-repeat center right;
	padding: 5px;
}

.Biller_sortedDESC {
	background: #4b494a url(Images/sort_down.png) no-repeat center right;
	padding: 5px;
}

.Biller_sortedASC {
	background: #4b494a url(Images/sort_up.png) no-repeat center right;
	padding: 5px;
}

.Biller_HeaderStyle a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.Biller_PagerStyle table { text-align: right;}

.Biller_PagerStyle table td {
      padding: 2px;
      border-top: solid 2px #4b494a;
      border-left: solid 2px #4b494a;
      border-right: solid 2px #4b494a;
      border-bottom: solid 2px #4b494a;
}

.Biller_PagerStyle td {
      background-color: #4b494a;
      border-left: solid 2px #4b494a;
      border-top: solid 2px #4b494a;
}

.Biller_PagerStyle a {
	border-bottom: solid 1px #333333;
	border-left: solid 1px #777777;
	border-right: solid 1px #333333;
	border-top: solid 1px #777777;
	color: #000000;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

.Biller_PagerStyle span {
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}
/*RowStyles*/

.Biller_RowStyle td, .Biller_AltRowStyle td, .Biller_SelectedRowStyle td, .Biller_EditRowStyle td, .Biller_TabSelectionRowStyle td /*Common Styles*/ {
	border: solid 1px #4b494a;
	padding: 5px;
}

.Biller_FooterStyle td /*Common Styles*/ { padding: 5px; }



.Biller_RowStyle {
	background-color: transparent;
}


.Biller_SelectedRowStyle td {
	font-weight: bold;
}

.Biller_TabSelectionRowStyle td {
	font-weight: bold;
}

/*GridViewCSS*/

.GridViewStyle {
	border: #4b494a 1px solid;
	border-collapse: collapse;
	font-size: small;
	table-layout: auto;
	width: 100% !important;
}

.GridViewStyle > tbody > tr:hover {
	background-color: #B8B8BF;
	color: Black;
	font-weight: bold;
	border: solid 2px #4b494a;
}

.GridViewStyle tr:focus
{
    color: Black;
    font-weight: bold;
	background-color: #51cbee;
	border: 2px solid #4b494a;
    box-shadow: 0 0 2px #4b494a;
    -moz-box-shadow: 0 0 2px #4b494a;
    -webkit-box-shadow: 0 0 2px #4b494a;
}
/*UserGridViewCSS*/

.UserGridViewStyle {
	border: #4b494a 1px solid;
	border-collapse: collapse;
	font-size: small;
	table-layout: auto;
	width: 100% !important;
	word-break: break-all;
	word-wrap: break-word;
}

.UserGridViewStyle tr:hover 
{
    background-color: #B8B8BF;
    color: Black;
    font-weight: bold;
	border: solid 2px #4b494a;
}

.UserGridViewStyle tr:focus 
{
    color: Black;
    font-weight: bold;
	background-color: #51cbee;
	border: 2px solid #4b494a;
    box-shadow: 0 0 2px #4b494a;
    -moz-box-shadow: 0 0 2px #4b494a;
    -webkit-box-shadow: 0 0 2px #4b494a;
}
/*Header and Pager styles*/

.HeaderStyle, .PagerStyle /*Common Styles*/ {
	background-color: #4b494a;
	background-image: url(images/ui-bg_white-lines_8_4b494a_40x100.png);
	background-position: center;
	background-position: center;
	background-repeat: repeat-x;
	border: 2px solid #4b494a;
	color: #FFFFFF;
	font-weight: bold;
}

.HeaderStyle th {
	
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px;
}

.sortedHeader {
	background: #4b494a url(Images/sort_both.jpg) no-repeat center right;
	padding: 5px;
}

.sortedDESC {
	background: #4b494a url(Images/sort_down.png) no-repeat center right;
	padding: 5px;
}

.sortedASC {
	background: #4b494a url(Images/sort_up.png) no-repeat center right;
	padding: 5px;
}

.HeaderStyle a {
	color: #FFFFFF;
	display: block;
	font-weight: bold;
	text-align: left;
	text-decoration: none;
}

.PagerStyle table { text-align: right;}

.PagerStyle table td {
      padding: 2px;
      border-top: solid 2px #4b494a;
      border-left: solid 2px #4b494a;
      border-right: solid 2px #4b494a;
      border-bottom: solid 2px #4b494a;
}

.PagerStyle td { 
      background-color: #4b494a;
      border-top: #4b494a 2px solid; 
}

.PagerStyle a {
	border-bottom: solid 1px #333333;
	border-left: solid 1px #777777;
	border-right: solid 1px #333333;
	border-top: solid 1px #777777;
	color: #e1e1e1;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}

.PagerStyle span {
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	text-decoration: none;
}
/*RowStyles*/

.RowStyle td, .AltRowStyle td, .SelectedRowStyle td /*Common Styles*/ {
	border: solid 1px #4b494a;
	padding: 5px;
}
.EditRowStyle>td {
	border: solid 1px #4b494a;
	padding: 5px;
	font-weight:normal;
}
.FooterStyle td /*Common Styles*/ { padding: 5px; }

.RowStyle { background-color: transparent; }

.SelectedRowStyle td {
	font-weight: bold;
}

.scroll_table {
	overflow: auto;
	overflow-y: hidden;
	scrollbar-3dlight-color: #DCDCDC;
	scrollbar-arrow-color: #000000;
	scrollbar-darkshadow-color: #DCDCDC;
	scrollbar-face-color: #DCDCDC;
	scrollbar-highlight-color: #DCDCDC;
	scrollbar-shadow-color: #DCDCDC;
	scrollbar-track-color: #FFFFF2;
	width: 100%
}

.Amount_label { white-space: nowrap; }


#pad { height: 140px; }

#dropline {
	background: #99b152 repeat-x;
	height: 40px;
	list-style: none;
	padding: 0 0 0 30px;
	position: relative;
}

#dropline table {
	border-collapse: collapse;
	height: 0;
	margin: -3px -10px;
	width: 0;
}

#dropline li { float: left; }

#dropline li a {
	color: #000000;
	display: block;
	float: left;
	font-size: 1em;
	height: 40px;
	line-height: 40px;
	padding: 0 20px 0 0;
	text-decoration: none;
}

#dropline li a b {
	cursor: pointer;
	display: block;
	float: left;
	height: 40px;
	padding: 0 0 0 20px;
}

#dropline li a:hover {
	background: #EEF2E3 no-repeat right top;
	height: 44px;
	line-height: 36px;
}

#dropline li a:hover b {
	background: #EEF2E3 no-repeat left top;
	line-height: 36px;
}

#dropline li:hover > a {
	background: #DCDCDC no-repeat right top;
	height: 44px;
	line-height: 36px;
}

#dropline li:hover > a b {
	background: #DCDCDC no-repeat left top;
	line-height: 36px;
}

#dropline li:hover ul { display: block !important; }

#dropline ul {
	background: #DCDCDC;
	height: 45px;
	left: -9999px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 37px !important;
	width: 100% !important;
	z-index: 1000;
}

#dropline ul li {
	height: 25px;
	line-height: 25px;
}

#dropline ul.right li { float: right; }

#dropline ul li a {
	color: #000;
	display: block !important;
	font-size: 1em;
	height: 25px;
	line-height: 25px;
	padding: 0 10px 0 10px;
}

#dropline ul li a:hover {
	background: transparent;
	color: #000000;
	font-weight: bold;
	height: 25px;
	line-height: 25px;
}

#dropline ul.right li a {
	border-left: 1px solid #e60;
	border-right: 0;
}

#dropline ul li a.last { border: 0; }

#dropline :hover ul { left: 0; }

#dropline li.current ul {
	left: 0;
	z-index: 1;
}

#dropline li.current a {
	background: url(tab_a.gif) no-repeat right top;
	height: 44px;
	line-height: 36px;
}

#dropline li.current a b {
	background: url(tab_b.gif) no-repeat left top;
	line-height: 36px;
}

#dropline li.current ul li a {
	background: transparent;
	color: #000;
	height: 25px;
	line-height: 25px;
	padding: 0 10px 0 10px;
}

#dropline li.current ul li.current_sub a { color: #c60; }

#dropline li.current ul li a:hover { color: #c60; }

.menu1 { width: 100%; }

/* ------------------------------------ Message Board Box -------------------------- */

/* ----- Corner ----- */

#message_Detail {
	background: transparent;
	margin: 0px 0em 5px 0em;
}

.msgrctop, .msgrcbottom {
	background: transparent;
	display: block;
	font-size: 1px;
}

.msgrcb1, .msgrcb2, .msgrcb3, .msgrcb4 {
	display: block;
	overflow: hidden;
}

.msgrcb1, .msgrcb2, .msgrcb3 { height: 1px; }

.msgrcb2, .msgrcb3, .msgrcb4 {
	background: #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}
/* # <Background Color White and Border Black Corner Box> */

.msgrcb1 {
	background: #DCDCDC;
	margin: 0 5px;
}
/* # <Border Color Black for Corner Box> */

.msgrcb2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.msgrcb3 { margin: 0 2px; }

.msgrcb4 {
	height: 2px;
	margin: 0 1px;
}

.msgrcboxcontent {
	background: #fff;
	border: 0 solid #DCDCDC;
	border-width: 0 1px;
	display: block;
}

.msgrcbh1, .msgrcbh2, .msgrcbh3, .msgrcbh4 {
	display: block;
	overflow: hidden;
}

.msgrcbh1, .msgrcbh2, .msgrcbh3 { height: 1px; }

.msgrcbh2, .msgrcbh3, .msgrcbh4 {
	background: #DCDCDC;
	border-left: 1px solid #DCDCDC;
	border-right: 1px solid #DCDCDC;
}
/* # <Background Color White and Border Black Corner Box> */

.msgrcbh1 {
	background: #DCDCDC;
	margin: 0 5px;
}
/* # <Border Color Black for Corner Box> */

.msgrcbh2 {
	border-width: 0 2px;
	margin: 0 3px;
}

.msgrcbh3 { margin: 0 2px; }

.msgrcbh4 {
	height: 2px;
	margin: 0 1px;
}

.msgrctitle {
	background-color: #DCDCDC;
	padding: 5px;
}

.msgbottomrctitle {
	background-color: #DCDCDC;
	height: 20px;
	padding: 5px;
	padding-top: 0px; /* removed righ hand side text so */
}

.msgbottomrctitle > div {
	float: left;
	font-size: 1.4em;
}

.msgrctitle h3 {
	font-size: 1.4em;
	margin: 0px 10px 0px 10px;
}

/* ------------------------------------ Message Board Box -------------------------- */

.msgrcboxcontent > div { padding: 10px; }

.message_box { padding: 10px; }

.message_area { padding: 15px; }

.message_area > div hr { width: 50%; }

.replied_box {
	border-left: 2px solid #DCDCDC;
	margin-left: 5%;
	padding: 10px;
	width: 80%;
}

.Email_Menu {
	float: right;
	list-style-type: none;
}

.Email_Menu li a {
	display: block;
	font-size: 0px;
	padding: 15px 16px 0px 16px;
}

.Email_Menu li { float: left; }

.Email_Menu li a.Delete { background: url(Images/mail_delete.gif) no-repeat left top; }

.Email_Menu li a.New { background: url(Images/mail_add.gif) no-repeat left top; }

.Email_Menu li a.Acknowledge { background: url(Images/mail_accept.png) no-repeat left top; }

.Email_Menu li a.Reply { background: url(Images/mail_next.png) no-repeat left top; }

/* common styling */

.menu1 {
	font-size: 1em;
	position: relative;
	width: 100%;
	z-index: 100;
}

.menu1 ul li a, .menu ul li a:visited {
	color: #ffffff;
	display: block;
	font-size: 1em;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	text-align: center;
	text-decoration: none;
	width: 100%;
}

.menu1 ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.menu1 ul li {
	float: left;
	margin: 0;
	position: relative;
	width: 100%;
}

.menu1 ul li.root {
	float: left;
	position: relative;
	width: 19%;
}

.menu1 ul li ul { display: none; }

/* specific to non IE browsers */

.menu1 ul li:hover a {
	background-color: #4b494a;
	background-image: url(images/ui-bg_white-lines_8_4b494a_40x100.png);
	background-position: center;
	background-position: 50% 50%;
	background-repeat: repeat-x;
	font-weight: bold;
}

.menu1 ul li:hover ul {
	background-color: White;
	display: block;
	left: 0;
	position: absolute;
	top: 36px;
	width: 100%;
}

.menu1 ul li:hover ul li a.hide {
	background: #6a3;
	color: #FF6600;
}

.menu1 ul li:hover ul li:hover a.hide {
	background: #FF6600;
	color: #ffffff;
}

.menu1 ul li:hover ul li ul { display: none; }

.menu1 ul li:hover ul li a {
	background: #ffffff;
	border: 1px solid #DCDCDC;
	color: #2191c0;
	display: block;
	font-weight: normal;
	line-height: 20px;
}

.menu1 ul li:hover ul li.last a {
	background: #ffffff;
	border: 1px solid #DCDCDC;
	color: #2191c0;
	display: block;
	font-weight: normal;
	line-height: 20px;
}

.menu1 ul li:hover ul li a:hover {
	background: #2191c0;
	color: #ffffff;
	font-weight: bold;
}

.menu1 ul li:hover ul li:hover ul {
	display: block;
	left: 105px;
	position: absolute;
	top: 0;
}

.menu1 ul li:hover ul li:hover ul.left { left: -105px; }

.menu1 ul li:hover a:hover { font-weight: bold; }

.menu1 ul li a {
	font-weight: bold;
	height: 36px;
	line-height: 36px;
}

.menu1 ul li:hover ul li a {
	height: 36px;
	line-height: 32px;
}

.menu1 ul li:hover ul li { margin: 0; }

.ajax__validatorcallout_icon_cell {
	border-radius: 5px 0px 0px 5px;
}

.ajax__validatorcallout_close_button_cell {
		border-radius: 0px 5px 5px 0px;
}
 

/*Ajax Calendar*/

.ajax__calendar {

	display: block;
	left: 0px !important;

	position: absolute !important;
	top: 0px !important;
	visibility: visible;
}

/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */

.ajax__calendar_container {
	cursor: default;
	font-size: 11px;
	height: 181px !important;
	margin-left: -2px;
	margin-top: 1px !important;
	padding: 0px !important;
	text-align: center !important;
	width: 180px !important;
	z-index: 1 !important;
}

.ajax__calendar_body {
	height: 139px !important;
	margin: auto !important;
	overflow: hidden;
	position: relative;
	width: 180px !important;
}

.ajax__calendar_days {
	height: 139px !important;
	left: 0px;
	margin: auto;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 180px !important;
}

.ajax__calendar_months {
	height: 139px !important;
	left: 0px;
	margin: auto;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 180px !important;
}

.ajax__calendar_years {
	height: 139px !important;
	left: 0px;
	margin: auto;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 180px !important;
}

.ajax__calendar_container table {
	font-size: 11px;
	margin: 0px !important;
	padding: 0px !important;
}

.ajax__calendar_container td {
	font-size: 11px;
	margin: 0px !important;
	padding: 0px !important;
}

.ajax__calendar_days table td { border: none !important; }

.ajax__calendar_header {
	height: 20px;
	width: 100%;
}

.ajax__calendar_prev {
	background-image: url("WebResource.axd?d=f1doVyKGNJeTYG_PS0J9H1riY_DW-ke-ycBv14LADMDrhWbW0l-PMHVMHSGDebbkqnB79o1K1fQwhBr1Qq-jIE7ymiacqi4z4DHM0cY-v-__SYlilcViUiZm6_39_2fqFgcifxPAXoAb2MhMCej6jA2&t=634945530444025592");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	float: left;
	height: 15px;
	width: 15px;
}

.ajax__calendar_next {
	background-image: url("WebResource.axd?d=0ljR3bgyChkmdo9_kk3iofWP3Vh4ooj4m8fL9uCH4XKxvuzt4COVunA1ReMhtROyVUYcN0zlgFMXaRtQS0BjOu4KVFzPklzpqKqoNuVOQg_2mK5iajBhRvmNxzysLvbpUkVfeGAgUU8g_l_-xFI0Aw2&t=634945530444025592");
	background-position: 50% 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	float: right;
	height: 15px;
	width: 15px;
}

.ajax__calendar_title {
	cursor: pointer;
	font-weight: bold;
	margin-left: 15px;
	margin-right: 15px;
}

.ajax__calendar_footer { height: 15px; }

.ajax__calendar_today {
	cursor: pointer;
	padding-top: 3px;
}

.ajax__calendar_dayname {
	height: 17px;
	padding: 0px 0px;
	text-align: right;
	width: 17px;
}

.ajax__calendar_day {
	cursor: pointer;
	height: 17px;
	padding: 0px 0px;
	text-align: right;
	width: 18px;
}

.ajax__calendar_month {
	cursor: pointer;
	height: 44px;
	overflow: hidden;
	text-align: center;
	width: 40px;
}

.ajax__calendar_year {
	cursor: pointer;
	height: 44px;
	overflow: hidden;
	text-align: center;
	width: 40px;
}

.ajax__calendar .ajax__calendar_container {
	background-color: rgb(255, 255, 255);
	border: 1px solid rgb(100, 100, 100);
	color: rgb(0, 0, 0);
}

.ajax__calendar .ajax__calendar_footer {
	border-top-color: rgb(245, 245, 245);
	border-top-style: solid;
	border-top-width: 1px;
}

.ajax__calendar .ajax__calendar_dayname {
	border-bottom-color: rgb(245, 245, 245);
	border-bottom-style: solid;
	border-bottom-width: 1px;
}

.ajax__calendar .ajax__calendar_day { border: 1px solid rgb(255, 255, 255); }

.ajax__calendar .ajax__calendar_month { border: 1px solid rgb(255, 255, 255); }

.ajax__calendar .ajax__calendar_year { border: 1px solid rgb(255, 255, 255); }

.ajax__calendar .ajax__calendar_active .ajax__calendar_day {
	background-color: rgb(237, 249, 255);
	border-color: rgb(0, 102, 204);
	color: rgb(0, 102, 204);
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_month {
	background-color: rgb(237, 249, 255);
	border-color: rgb(0, 102, 204);
	color: rgb(0, 102, 204);
}

.ajax__calendar .ajax__calendar_active .ajax__calendar_year {
	background-color: rgb(237, 249, 255);
	border-color: rgb(0, 102, 204);
	color: rgb(0, 102, 204);
}

.ajax__calendar .ajax__calendar_today .ajax__calendar_day { border-color: rgb(0, 102, 204); }

.ajax__calendar .ajax__calendar_today .ajax__calendar_month { border-color: rgb(0, 102, 204); }

.ajax__calendar .ajax__calendar_today .ajax__calendar_year { border-color: rgb(0, 102, 204); }

.ajax__calendar .ajax__calendar_other .ajax__calendar_day {
	background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
	color: rgb(100, 100, 100);
}

.ajax__calendar .ajax__calendar_other .ajax__calendar_year {
	background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
	color: rgb(100, 100, 100);
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_day {
	background-color: rgb(237, 249, 255);
	border-color: rgb(218, 242, 252);
	color: rgb(0, 102, 204);
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_month {
	background-color: rgb(237, 249, 255);
	border-color: rgb(218, 242, 252);
	color: rgb(0, 102, 204);
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_year {
	background-color: rgb(237, 249, 255);
	border-color: rgb(218, 242, 252);
	color: rgb(0, 102, 204);
}

.ajax__calendar .ajax__calendar_hover .ajax__calendar_title { color: rgb(0, 102, 204); }

.ajax__calendar .ajax__calendar_hover .ajax__calendar_today { color: rgb(0, 102, 204); }

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_day {
	background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
	color: rgb(100, 100, 100);
	cursor: default;
	text-decoration: line-through;
}

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_month {
	background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
	color: rgb(100, 100, 100);
	cursor: default;
	text-decoration: line-through;
}

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_year {
	background-color: rgb(255, 255, 255);
	border-color: rgb(255, 255, 255);
	color: rgb(100, 100, 100);
	cursor: default;
	text-decoration: line-through;
}

.ajax__calendar .ajax__calendar_invalid .ajax__calendar_today {
	cursor: default;
	visibility: hidden;
}

.GridViewStyle .AltRowStyle td .SelectedRowStyle td, EditRowStyle td, .ajax__calendar table td { border: none !important; }

/*END*/

.link {
	color: Blue;
	font-size: small;
	font-style: italic;
	text-decoration: underline;
}

.link {
	clear: both;
	padding: 20px 0;
	text-align: center;
}

.link a { color: #333333; }

.wrapper {
	margin: 50px auto;
	width: 960px;
}

/* Form 1 style */

.form1 {
	-moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
	-webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	box-shadow: 0px 0px 8px 2px #d1d1d1;
	color: #777;
	overflow: hidden;
	width: 450px;
}
.adminSetup {
	-moz-box-shadow: 0px 0px 8px 2px #d1d1d1;
	-webkit-box-shadow: 0px 0px 8px 2px #d1d1d1;
	background: #ffffff;
	border: 1px solid #f0f0f0;
	box-shadow: 0px 0px 8px 2px #d1d1d1;
	color: #777;
	overflow: hidden;
	width: 470px;
}
.formtitle {
	background-color: #FF6600;
	background-image: url(images/ui-bg_diagonals-small_60_D21034_40x40.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	border: 1px solid #b0a6a6;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	line-height: 16px;
	padding: 10px;
	text-shadow: -1px -1px #6a622f;
	width: 430px;
}

.input {
	border-bottom: 1px solid #ddd;
	margin: 20px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 410px;
}

.inputtext {
	float: left;
	font-size: 14px;
	height: 35px;
	line-height: 18px;
	width: 120px;
}

.inputcontent {
	float: left;
	height: 50px;
	width: 290px;
}


.inputcontent a, .inputcontent1 a {
	color: #0084ff;
	font-size: 12px;
	line-height: 12px;
	text-decoration: none;
}

.adminSetupMessage {
	float: left;
	font-size: 14px;
	line-height: 18px;
}
.inputtext1 {
	float: left;
	font-size: 14px;
	height: 30px;
	line-height: 18px;
	width: 215px;
}

.inputcontent1 {
	float: left;
	height: 40px;
	width: 230px;
}

.nobottomborder { border-bottom: 0; }

.ddlinput {
	margin: 10px;
	margin-bottom: 10px;
	overflow: hidden;
	width: 410px;
}

.ddlinputtext {
	float: left;
	font-size: 14px;
	height: 25px;
	width: 100px;
}

.ddlinputcontent {
	float: left;
	height: 25px;
	width: 250px;
}

.buttons {
	background: #f1f1f1;
	border-top: 1px solid #ddd;
	height: 34px;
	padding: 15px;
}

.InlinePassword {
	color: #0078ae;
	font-size: small;
	font-style: italic;
	text-decoration: underline;
}

.shadow {
	-moz-box-shadow: 3px 3px 4px #ccc;
	-webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #3c3939; /* For IE 8 */
}

.GroupBox {
	border: 1px solid #CCCCCC;
	display: inline;
	padding: 8px;
}

.GroupBoxLegend { padding-bottom: 4px; }

.Tabcss .ajax__tab_header {
	background-color: White;
	color: Black;
	display: block;
	font-size: 13px;
	font-weight: bold;
}

.Tabcss .ajax__tab_outer {
	background-color: #f6f6f6;
	border: solid 1px #4b494a;
	border-bottom: none;
	font-weight: normal;
	margin-right: 10px;
	padding-left: 10px;
	border-radius:6px 6px 0px 0px;
}

.Tabcss .ajax__tab_inner {
	background-color: #f6f6f6;
	margin-bottom: 1px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: 1px;
	padding: 3px 10px 2px 0px;
	padding-left: 10px;
}

.Tabcss .ajax__tab_hover .ajax__tab_outer {
	background: #2191c0;
	color: #ffffff;
	font-weight: bold;
}

.Tabcss .ajax__tab_hover .ajax__tab_inner {
	background: #2191c0;
	color: #ffffff;
	font-weight: bold;
}

.Tabcss .ajax__tab_active .ajax__tab_outer {

	background-color: #FF6600;
	background-image: url(images/ui-bg_diagonals-small_60_D21034_40x40.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
	border: 1px solid #b0a6a6;
	color: #ffffff;
	font-weight: bold;
	text-shadow: -1px -1px #6a622f;
}

.Tabcss .ajax__tab_active .ajax__tab_inner {
	background-color: #FF6600;
	background-image: url(images/ui-bg_diagonals-small_60_D21034_40x40.png);
	background-position: 50% 50%;
	background-repeat: repeat-x;
}

.Tabcss .ajax__tab_body {

	border: solid 1px #dcdcdc;
}

.Tabcss .ajax__tab_tab { cursor: pointer; }


.BoldLink {
	color: #0078ae;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}
   .BoldLinks {
	color: #0078ae;
	font-weight: bold;
	text-decoration: underline;
}     

.BoldLink:hover {
	color: #0078ae;
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

.ajax__validatorcallout_popup_table { z-index: 1 !important; }

.headertop {
	border: 1px solid #f0f0f0;
	float: left;
	margin-top: 20px;
	padding: 5px;
}
.outer{ 	margin-top: 0px; width:50%; height:100%; } 
.hidden {
    display: none;
}

.disable 
{
    color:Gray;
}

.enable 
{
    color:Black; 
}

.visible {
    display: block;
}

.invisible {
    display: none;
}

.field_set{
    border-color: #DCDCDC;
    border-style: solid;
    padding-left: 20px;
    height: 300px;
}

.field_set2
{
    border-color: #DCDCDC;
    border-style: solid;
    padding-left: 20px;
    width: 95%;
}

.field_set3
{
    border-color: #DCDCDC;
    border-style: solid;
    padding-left: 20px;
    width: 50%;
    float:left;
    height:260px;
}

.field_set4
{ 
    float:left;
    border-color: #DCDCDC;
    border-style: solid;
    padding-left: 20px;
    width: 42%;
    height:260px;
}

.manageScannerContents ul {
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 10px;
}

.manageScannerContents li {
	padding-bottom: 2px;
}

.testScannerActions {
	margin-top: 20px;
	margin-left: 10px;
}

.tt_CashFee {
	display: none;
}

.watermarked {
padding: 5px;
background-color: #F0F8FF;
color: gray;
text-align:center;
}

.textContent {
	float: left;
}

.UiReceiptBlock_Box {
	background-color: #DCDCDC;
	display: none;
	height: 100%;
	padding: 5px;
	text-align: center;
}

.UiReceiptBlock_InnerBox {
	background-color: #ffffff;
	height: 78%;
	padding: 1px;
	cursor:pointer;
}

.tendertypes 
{
    border-collapse:collapse;
}

.tendertypes tr.AddTender:hover td, .tendertypes tr.AddCloneTender:hover td {
    color: #000;
    background-color: #f0f0f0;
}

/*Progress Instructions Style */
.progress-action
{
    margin-left :2em;
    margin-bottom :2px;
    font-weight: bold;
}
.progress-action div
{
    position: relative;
}
/* = STEP NUMBERS ----------------------------*/
.progress-action span
{
    display: block;
    float: left;
    font-size: 10px;
    text-align: center;
    width: 15px;
    margin: 2px 5px 0px 0px;
    line-height: 15px;
    color: #ccc;
    background: #FFF;
    border: 2px solid #CCC;
}
/* = DEFAULT STEPS ----------------------------*/
.progress-action a
{
    position: relative;
    display: block;
    width: 160px;
    height: 24px;
    margin-right: 18px;
    float: left;
    font-size: 11px;
    line-height: 24px;
    color: #666;
    background: #F0EEE3;
    cursor:default;
}
.progress-action a:before
{
    width: 0px;
    height: 0px;
    border-top: 12px solid #F0EEE3;
    border-bottom: 12px solid #F0EEE3;
    border-left: 12px solid transparent;
    position: absolute;
    content: "";
    top: 0px;
    left: -12px;
}
.progress-action a:after
{
    width: 0;
    height: 0;
    border-top: 12px solid transparent;
    border-bottom: 12px solid transparent;
    border-left: 12px solid #F0EEE3;
    position: absolute;
    content: "";
    top: 0px;
    right: -12px;
}

/* = COMPLETED STEPS ----------------------------*/
.progress-action .completed-step a
{
    color: #FFFFFF;
    background: grey;
}
.progress-action .completed-step a:before
{
    border-top: 12px solid grey;
    border-bottom: 12px solid grey;
}
.progress-action .completed-step a:after
{
    border-left: 12px solid grey;
}
.progress-action .completed-step span
{
    border: 2px solid #FF0000;
    color: #000000;
}

/* = ACTIVE STEPS ----------------------------*/
.progress-action .active-step a
{
    color: #FFFFFF;
    background: #0078ae;
}
.progress-action .active-step a:before
{
    border-top: 12px solid #0078ae;
    border-bottom: 12px solid #0078ae;
}
.progress-action .active-step a:after
{
    border-left: 12px solid #0078ae;
}
.progress-action .active-step span
{
	border: 2px solid #FF0000;
    color: #163038;
 }

.customer-message {
	width: inherit;
	padding-top: 5px;
	padding-left: 4em;
	padding-bottom: 5px;
	border: #f0f0f0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-radius: 4px;
}

.ProgressIn
{ 
	padding-bottom:3px;
	padding-left:20px;
}
.ProgressIn1
{ 
	padding-bottom:3px;
	padding-right:20px;
}
.complianceField
{
    font-weight: bold; 
    text-align:left;
}

.wcp-message {
	background-color: #FFFFF2;
	border: 1px solid #C91034;
	display: none;
	margin-bottom: 3px;
	padding: 5px;
	width: 100%;
	border-radius: 4px;
}

.chosen-container {
	width: 15em !important;
	font-size: 14px !important;
	margin-top:5px;
}

.chosen-container-single .chosen-single {
  border: 1px solid #666666 !important;
  height: 30px !important;
  color: #000000 !important;
  line-height: 30px !important;
}

.chosen-container-active .chosen-single {
	box-shadow: 0 0 15px #51cbee !important;
    -moz-box-shadow: 0 0 15px #51cbee !important;
    -webkit-box-shadow: 0 0 15px #51cbee !important;
}
.chosen-container .chosen-results {
max-height:200px !important;
}

.chosen-container-single .chosen-search input[type='text'] {
	border-radius: 6px !important;
}

input[type=text] {
	width: 16em;
	border-radius: 6px;
	padding: 5px;
	box-shadow: 0 0 2px #51cbee;
	-moz-box-shadow: 0 0 2px #51cbee;
	-webkit-box-shadow: 0 0 2px #51cbee;
	font-size:1em;
	margin-top:5px;
}

input[type=text]:focus {
	background-color: #DCDCDC;
	box-shadow: 0 0 15px #51cbee;
	-moz-box-shadow: 0 0 15px #51cbee;
	-webkit-box-shadow: 0 0 15px #51cbee;
}

input[type=password] {
	width: 16em;
	border-radius: 6px;
	padding: 5px;
	box-shadow: 0 0 2px #51cbee;
	-moz-box-shadow: 0 0 2px #51cbee;
	-webkit-box-shadow: 0 0 2px #51cbee;
	font-size: 1em;
	margin-top:5px;
}

input[type=password]:focus {
	background-color: #DCDCDC;
	box-shadow: 0 0 15px #51cbee;
	-moz-box-shadow: 0 0 15px #51cbee;
	-webkit-box-shadow: 0 0 15px #51cbee;
}

input[class=NumbertxtBox], [class=tendertypetxtBox][type=text] {
	text-align: right;
	width: 11em;
}

input[readonly] {
	background-color: #eeeeee;
	color: #777777;
}


input[type=submit]:focus {
    background:#FF6600 url(images/ui-bg_diagonals-small_60_D21034_40x40.png) 50% 50% repeat;
    border:1px solid #dfd8d8;
}
input[type=button]:focus {
    background:#FF6600 url(images/ui-bg_diagonals-small_60_D21034_40x40.png) 50% 50% repeat;
    border:1px solid #dfd8d8;
}

a[role=button]:focus {
    background:#FF6600 url(images/ui-bg_diagonals-small_60_D21034_40x40.png) 50% 50% repeat;
    border:1px solid #dfd8d8;
}

select {
	width: 17em;
	border-radius: 6px;
	padding: 5px;
	box-shadow: 0 0 2px #51cbee;
	-moz-box-shadow: 0 0 2px #51cbee;
	-webkit-box-shadow: 0 0 2px #51cbee;
	font-size:1em;
	margin-top:5px;
}

select:focus {
	background-color: #DCDCDC !important;
	box-shadow: 0 0 15px #51cbee !important;
	-moz-box-shadow: 0 0 15px #51cbee !important;
	-webkit-box-shadow: 0 0 15px #51cbee !important;
}

.SelectAutoWidth {
	width: auto;
}

.MutiSubPopUpPanel {
	padding-bottom: 1px;
	padding-right: 10px;
}

.submitPaymentPnlContent {
	height: auto;
	padding-bottom: 1px;
}

.infoIcon {
	border: 0;
	float: right;
	margin-right: 10px;
	padding-top: 10px;
}

.progressBar {
	margin-right: 2%;
	margin-top: 1%;
}

@media print {
	#masterContent, .blockUI {
		display: none !important;
	}
	#printContent {
		display: block !important;
	}
}

#reportPanel {
	height: 600px;
	width: 100%;
	overflow: auto;
}
#reportPre {
	font-size: 1.2em !important;
	font-family: 'NotoSansMono-Regular';
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

@font-face {
	font-family: 'Open Sans Regular';
	src: url(Fonts/OpenSans-Regular.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'NotoSansMono-Regular';
	src: url(Fonts/NotoSansMono-Regular.woff) format('woff');
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'customsecurefont';
	font-style: normal;
	font-weight: 400;
	src: url(Fonts/password.ttf);
}

.sec {
	font-family: 'customsecurefont' !important;
}

input, button, select, textarea {
	font-family: 'Open Sans Regular' !important;
}

.ajax__validatorcallout_error_message_cell {
	font-family: 'Open Sans Regular' !important;
}