html, body {height:100%;}

.ProgressImage {
    position: absolute;
    width: 100%;
    display: none;
    background: rgba(0,0,0,0.3);
    left:0;
    top:0;
    z-index: 999999;
}

.dummy {

}

.img-container {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    text-align:center; /* Align center inline elements */
    font: 0/0 a;
}

.img-container:before {
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.img-container img {
    vertical-align: middle;
    display: inline-block;
    width:75px;
}

/* Report */
.options
{
    height: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;    
	width: 530px;
}
.hiddenCol{display:none;}

.companyAddress
{   
    vertical-align: top;    
    padding-left: 2px;
    padding-top: 1px;
    padding-bottom: 1px;
	text-align: justify;
}

.companyAddress td
{
    height: 0px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
    
}


.customerAddress
{
    vertical-align:top;    
    padding-left: 5px;
    padding-top: 1px;
    padding-bottom: 1px;
}

.customerAddress td
{
    height: 0px;
}

/* End Report */
.tblBlind2 {
	padding-left: 40px;
}	
.tdLabel {
	text-align: right;
    padding-bottom: 2px !important;
}
.tdLabel2 {
	text-align: right;
	width: 70px;
}
.tdData {
	width: 60%;
	text-align: left;
}

.tfInputRight {
	width: 160px;
	height: 16px;
	border: solid 1px #666;
	text-align: right;
    margin-top: -1px;
}

.tfInput {
	width: 160px;
	height: 16px;
	border: solid 1px #666;
    margin-top: -1px;
}
.tfInputPostCode {
    width: 99px;
    height: 16px;
    border: solid 1px #666;
    text-transform: uppercase;
}
.tfInputDDLPostCode {
    width: 59px;
    height: 20px;
    border: solid 1px #666;
    padding: 1px;
}

select.tfInput {
	height: 20px;
	width: 162px;
	_width: 165px;
	border: solid 1px #666;
}
select.tfInput2 {
	height: 20px;
	width: 50px;
	_width: 50px;
		border: solid 1px #666;
}
select.tfInput3 {
    height: 20px;
    width: 147px;
    _width: 150px;
    border: solid 1px #666;
}
textarea.tfInput {
	width: 328px;
	height: 60px;
	margin-left: 0px;
}

.tfInput2 {
	_margin-top:1px;
	height: 15px;
	width: 104px;
	border: solid 1px #666;
}
.tfInput3 {
	_margin-top:1px;
	height: 15px;
	width: 20px;
	border: solid 1px #666;
}
td.tdIf {
height: 18px;
	vertical-align: middle;
}
.width100 {
	width: 100%;
}
.width50 {
	width: 50%;
}
.tbl2 {
	margin-left: 40px;
}
.col1 {
	margin-left: 20px;
}
table.tblBlind {
	width: 99%;
	margin: 2px;
}
table.tblDet {
	margin-left: 40px;
}
.buttons {
	text-align: right;
	padding-right: 50px;
}
.tddlTitle {
	padding: 5px 0px 5px 0px;
	font-weight: bold;
}
.smallButton
{
	height: 20px;
	font-size: 9px;
	text-align: center;	
	background-color: #7485AD;
	border-width: 3px;
	border-style: double;
	border-color: #7485AD;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: normal;
	margin-left: 3px;
}
/* label2 */
.textDisabled
{
	width: 160px;
	height: 16px;
	border: solid 1px #666;
}

/* label */
.textDisabledOptions
{
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: middle;    
	border: 1px solid #666;
	width: 300px;
	height: 16px;
	background-color: White; 
	text-align: left;
}

.textDisabledOptionsRed {
    font-size: 11px;
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    color: black;
    vertical-align: middle;
    border: 1px solid #666;
    width: 300px;
    height: 16px;
    background-color: Red;
    text-align: left;
}

.textDisabledMoney
{
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: middle;    
	border: 1px solid #777777;
	height: 16px;
	width: 54px;
	_width: 54px;
	background-color: White; 
	text-align: right;
}

.textEnbledRigth
{
	width: 160px;
	height: 16px;
	border: solid 1px #666;
    margin-top: -1px;
}
/* label */
.textEnbledRigthSmall
{
	height: 16px;
	width: 55px;
	border: solid 1px #666;
	text-align: right;
    margin-top: -1px;
    padding-right: 2px;
}

.textEnbledRigthVerySmall {
    height: 16px;
    width: 40px;
    border: solid 1px #666;
    text-align: right;
    margin-top: -1px;
}
/*.orderTabLo
{     
    width: 33%;
    background: #EAEAEA;
    border: 1px solid #DAD9D9;
    border-collapse: collapse;
    text-align: left;
    padding-left: 5px;
}

.orderTabHi
{
    width: 33%;
    background: #F6F6F6;
    border: 1px solid #DAD9D9;
    border-bottom: 1px solid #DAD9D9;
    border-collapse: collapse;
    text-align: left;
    padding:0 5px;
}
*/
.tableContent {
    background: #FFFFFF;
    border: 1px solid #DAD9D9;
}

.orderEditContent
{
    background: #FFFFFF; 
    border-bottom: 1px solid #DAD9D9;
    border-left: 1px solid #DAD9D9;
    border-right: 1px solid #DAD9D9;
}


.tborder
{
    background: #FFFFFF; 
    border: 1px solid black;       
    border-collapse: collapse;    
    padding-bottom: 2px;
    padding-left: 2px;
    padding-right: 2px;
    padding-top: 2px;
}

.tableContent td
{
	height: 22px;
	font-size: 12px; 
	white-space: nowrap;	
    padding: 0px;
}

.tdContent
{
    background: #FFFFFF;
    text-align: left;
}

.tdTitle
{
    background: #F7F7F7;
    text-align: left;    
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
}

td 
{
	height: 22px;
	font-size: 12px; 
	white-space: nowrap;	
}

select 
{
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	vertical-align: middle;
}

input
{
	font-size: 10px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: White; 
	text-align: left;
}

textarea 
{
	font-size: 11px;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
}

body
{
    background-color: #FAFAFA;
}

.tableDataGrid
{
	height: 22px;
	font-size: 12px; 
	white-space: nowrap;	
	text-align: left;
	padding-left: 2px;
    background: #FFFFFF;
    border: 1px solid #AFAFAF;
	
}

.tableDataGridCellEntered
{
	background-color: #FFCCCC;
}

.tableDataGridCellReturnedFromOfficeToOnline
{
	background-color: #CCFFCC;
}

.tableDataGridCellCreditLimit
{
	background-color: #99CCFF;
}

.tableDataGridCellStop
{
	background-color: #FF6666;
}


.tableDataGrid td, .tableDataGridHeader td, .tableDataGridAlt td {
	padding: 0px 4px 0px 4px;
}
.bold {
	font-weight: bold;
}
.center {
	text-align: center;
}
.tableDataGridAlt
{
	height: 22px;
	font-size: 12px; 
	white-space: nowrap;	
	text-align: left;
	padding-left: 2px;
    background: #F0F0F0	;
    border: 1px solid #AFAFAF;    
}

.tableDataGridHeader
{
	height: 22px;
	font-size: 12px;
	font-weight: bold; 
	white-space: nowrap;	
	text-align: left;
	padding-left: 2px;
    background: #EAEAEA;
    border: 1px solid #AFAFAF;    
}

BODY {
	BORDER-BOTTOM: 0px;
	BORDER-LEFT: 0px;
	BORDER-RIGHT: 0px;
	BORDER-TOP: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	background-color: #FFFFFF;
}
#tr_sett_cmp_Grid_dataGrid, #tr_cust_cmp_Grid_dataGrid {
	background-color: #DFDFE4;
	padding: 0px;
	text-align: right;
}
HR {
	border-width: 1px;
	border-style: solid;
	border-color: #DFDFE4;
	height: 1px;
}
.bg_bot{
	background-position: bottom;
	background-repeat: repeat-x;
}
.PageTitle{
	font-size: 17px;
	font-weight: bold;
}
.bg_center{
	background-position: center;
	background-repeat: no-repeat;
}

.bg_top{
	background-position: top;
	background-repeat: repeat-x;
}
.bg_left{
	background-position: left;
	background-repeat: repeat-y;
}
.bg_right{
	background-position: right;
	background-repeat: repeat-y;
}

.menuover{
	background-image: url(/images/menuover.gif);
	background-position: left;
	background-repeat: no-repeat;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #6EAD00;
	text-decoration: none;
}


.topmenu{
	background-image: none;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #424265;
	text-decoration: none;
	cursor: auto;
}

a{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #424265;
	text-decoration: none;
}

a.intext{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7485AD;
	text-decoration: none;
}

a:hover{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #6EAD00;
	text-decoration: none;
}

.button:hover {
    font-family: Tahoma, Arial, Helvetica, sans-serif;
    font-weight: bold;
    color: white;
    text-decoration: none;
    cursor: pointer;
}

.light{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	color: #9E9EB0;
}

.text{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #424265;
	text-align: justify;
}

.text2{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #424265;
}

.title{
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #424265;
	text-align: justify;
}

.btn{
	background-color: #ECECEF;
	background-image: url(/images/bg_btn.gif);
	width: 150px;
	height: 50px;
	vertical-align: middle;
	text-align: center;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #424265;
	border: none;
	cursor: pointer;
}

.btn_ov{
	color: #6EAD00;
}

TD, DIV, INPUT, SELECT, TEXTAREA {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #424265;
} 
/*	=====================================================		*/
/* XDATAGRID ============================================		*/
/*	=====================================================		*/
.grid{
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	border-collapse: collapse;
	width: 100%;
}
.grid td {
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	padding:3px;
}
 input {
	color: #000000;
	}
	
.title{
	font-size: 17px;
	font-weight: bold;
	color: #000000;
}
.grid_title{
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	background-color:#FBF9EF;
	white-space: nowrap;
	text-align: right;
}
.grid_validator{
	background-color: #FBF5DA;
	color: #B8860B;
	font-weight: bold;
}
.grid_value{
	width: 100%;
}
.error{	
	font-family: Tahoma;
	font-size: 12px;
	color: #ff0000;
	vertical-align:bottom;
	padding:5px;
}
.tr0
{
	height: 24px;
	color: #000000;
	background-color:#F8F8FA;
}
.tr1
{
	height: 24px;
	color: #000000;
	background-color:#F0F0F2;
}

td.sort_h
{
	font-size: 12px;
	color: #000000;
	background-color: #7B7B92;
	white-space: nowrap;
}
td.sort_h A
{			
	color: white;
	font-weight:bold;
}
td.sort_h A:hover {
	color: white;
	text-decoration: underline;
}
.sort_cell0 {
	font-weight: bold;
	background-color: #E6E6EB;
}
.sort_cell1 {
	font-weight: bold;
	background-color: #DFDFE4;
}

.header
{
	text-align: center;
	font-size: 11px;
	height: 25px;
	text-decoration: none;
	color: #424265;
	font-weight: bold;
	background-color: #C2C2CC;
}
.header TD{
	padding-left: 10px;
	padding-right: 10px;
}
.header a
{	text-align: center;
	font-size: 11px;
	text-decoration: none;
	color: #424265;
	font-weight: bold;
}
.header a:hover {
	color: #424265;
	text-decoration: underline;
}
.customize 
{
	color: #ffffff;
	background-color: #DDC286;
}

.tr0 .edit_col A{
	color: #6EAD00;
	font-weight: bold;
}
.tr0 .del_col A{
	color: #7485AD;
	font-weight: bold;
}
.tr1 .edit_col A{
	color: #6EAD00;
	font-weight: bold;
}
.tr1 .del_col A{
	color: #7485AD;
	font-weight: bold;
}
.tr0 .edit_col{
	text-align: center;
	background-color: #E9F3D9;
}
.tr0 .del_col{
	width: 52px;
	text-align: center;
	background-color: #EAEDF3;
}
.tr1 .edit_col{
	text-align: center;
	background-color: #D3E6B2;
}

.tr1 .del_col{
	width: 52px;
	text-align: center;
	background-color: #D5DAE6;
}
.tr0 .chk_col{
	text-align: center;
	background-color: #F8F5F5;
}
.tr1 .chk_col{
	text-align: center;
	background-color: #DED1D1;
}

/* NavBar ================	*/
.xnavbar {
color: #000000;
height: 20px;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
}
.xnavbar button{
	height: 22px;
	font-size: 11px;
	text-align: center;
	background-color: #7485AD;
	border-width: 3px;
	border-style: double;
	border-color: #7485AD;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 3px;
}
/* NavBar ================	*/
.customize button, .button, .del_confirm button{
	height: 22px;
	font-size: 11px;
	text-align: center;
	background-color: #7485AD;
	border: 3px double #fff;
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 3px;
}

.buttonselected {
    height: 22px;
    font-size: 11px;
    text-align: center;
    background-color: #7485AD;
    border: 3px double #fff;
    cursor: pointer;
    color: #FFFFFF;
    font-weight: bold;
    margin-left: 3px;
    opacity: 0.7;
}

*html .customize button, .button, .del_confirm button{
	height: 22px;
	font-size: 11px;
	text-align: center;
	background-color: #7485AD;
	border: 3px double #7485AD;
/*	border-color: #7485AD;*/
	cursor: pointer;
	color: #FFFFFF;
	font-weight: bold;
	margin-left: 3px;
}

.customize{
color: #ffffff;
height: 20px;
padding-left: 5px;
padding-right: 5px;
white-space: nowrap;
}
/*  del_confirm================	*/
.del_confirm{
	text-align: right;
	font-size: 12px;
	color: red;
	height: 20px;
	padding-left: 5px;
	padding-right: 5px;	
}
/*  END del_confirm================	*/
/*	=====================================================		*/
/* END XDATAGRID ============================================		*/
/*	=====================================================		*/



/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
    width: 100%;
}
.tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav td{
    text-align:center;
    margin: 0 0 0 1px;
    padding:0;
    width: auto;

}
.tabs-nav a, .tabs-nav a span {
    display: block;
    padding: 0 3px;
    background: url(/Images/tab.png) no-repeat;
}
.tabs-nav td a {
    padding: 0 5px 0 1px;
    color: #27537a;
    white-space: nowrap;
    line-height:25px;
}

.tabs-nav td#rfGeneral  a {
    padding: 0 5px 0 0px;
}

.tabs-nav .tabs-selected a {
    color: #000;
}
.tabs-nav .orderTabHi a, .tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active {
    background-position: 100% -150px;
    outline: 0; /* prevent dotted border in Firefox */
}
.tabs-nav a, .tabs-nav .tabs-disabled a:hover, .tabs-nav .tabs-disabled a:focus, .tabs-nav .tabs-disabled a:active {
    background-position: 100% -100px;
}
.tabs-nav a span 
{
    margin-bottom: 0;
}

*html .tabs-nav a span 
{
    margin-bottom: -1px;
}


*html.tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.tabs-nav .tabs-selected a span {
    padding-top: 7px;
}
.tabs-nav .orderTabHi a span, .tabs-nav a:hover span, .tabs-nav a:focus span, .tabs-nav a:active span {
    background-position: 0 -50px;
}
.tabs-nav a span, .tabs-nav .tabs-disabled a:hover span, .tabs-nav .tabs-disabled a:focus span, .tabs-nav .tabs-disabled a:active span {
    background-position: 0 0;
}
.tabs-nav .orderTabHi a:link, .tabs-nav .orderTabHi a:visited, .tabs-nav .tabs-disabled a:link, .tabs-nav .tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, .tabs-nav a:focus, .tabs-nav a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
    border-top: 1px solid #97a5b0;
    padding: 1em 8px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}


.orderTabHi_f
{
    width: auto;
    background: #F6F6F6;
    border: 1px solid #DAD9D9;
    border-bottom: 1px solid #DAD9D9;
    border-collapse: collapse;
    text-align: left;
    padding:0 5px;
}

.orderTabLo {
    border-bottom:1px solid #ccc;
}

td#tbOrderDetails {
    width:50%;
}

td#tbBlindDetails {
    width:50%;
}

td#tbDeliveryAddresses {
    width:30%;
}

.fsUppercase
{
	text-transform: uppercase;
	width: 160px;
	height: 16px;
	border: solid 1px #666;
	
}

.fsNormal
{
	text-transform: none;
	width: 160px;
	height: 16px;
	border: solid 1px #666;
	
}

.displayHidden {
    visibility: hidden;
}

#ctl00_mainContent_ucOrderDetailBlind_txtInstructions{
    resize: none;
    padding: 0px;
}

.nopadding{
    padding: 0px !important;
}

.ui-dialog-titlebar-close{
    display: none;
}

.hidden {
	display: none;
}

.roundButton {
    border-radius: 15px;
    padding: 5px 15px;
    font-size: 14px;
    font-weight: bold;
    outline: none;
    white-space: nowrap;
    box-shadow: 0 10px 25px #facf1a40, inset 0 0 10px 5px #ffffff80;
    color: rgb(66, 66, 101);
    overflow: visible;
    cursor: pointer;
}