﻿
/* ******************************
/* MAIN TABS
/* *************************** */

/*.container 
{
overflow:auto;
margin:0 auto;
padding:0 40px;
padding-bottom: 95px;
text-align:left;
width:760px;

}*/

 #MainContent{
padding:20px;
margin-left:20px;
margin-right:20px;
border: 1px solid #E0E0E0;
border-top: 0px;
}

#subnav {
background-color:Transparent /*#BFDCF3*/;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
margin-bottom:9px;
}

.clearb {
clear:both;
}
.colHomeLeft {
float:left;
margin-top:8px;
width:485px;
}

.clBoth {
clear:both;
}

.msg_box
{
	background: url(../images/icons/Inf_i.png) #ffc no-repeat 20px 10px;
	margin-top: 40px;
	padding: 10px 15px 10px 70px;
	width: 575px;
	float: left;
	font-weight:bold;
	/*#ffff99 */
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}


/* .................. */
fieldset {
border-color: #d3d3d3 #BBBBBB #BBBBBB #c2c2c2 !important;/*#E7E7E7 #BBBBBB #BBBBBB #E7E7E7 !important;*/
border-style:solid !important;
border-width:1px !important;
padding:20px 15px 5px !important;
margin-left:2px;
margin-right:2px;
position:relative;
display:block;
/*background-color:#f6f6f6;*/
margin-bottom:20px;
}
/*fieldset {
border:2px groove threedface;
display:block;
margin-left:2px;
margin-right:2px;
padding:0.35em 0.625em 0.75em;
}*/

fieldset legend {
border-color:#EEEEEE #BBBBBB #BBBBBB;
border-style:solid !important;
border-width:0px;
color:#333;
font-family:Arial,Helvetica,sans-serif;
font-size:17px;
font-weight:bold;
padding:0px 5px 0px 5px;
margin-left:8px;
}

#notifyBox 
{
background:#D9FFB2 url(../images/icons/check.png) no-repeat scroll 20px 11px;
margin:10px 0 10px;
padding:7px 15px 10px 55px;
border-top: 1px solid #B6E559;
border-bottom: 1px solid #B6E559;
}

#notifyBox.bad {
background-color:#FFC9BB;
background-image:url(../images/icons/cross.png);
border-top: 1px solid #f08a73;
border-bottom: 1px solid #f08a73;
}

#notifyBox.bad span
{
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	/*color:#9F1E00;*/
	font-size:13px;
	font-weight:bold;
	/*border-top: 1px solid #f08a73;
	  border-bottom: 1px solid #f08a73;*/
}

a.small-link {
font-size:11px;
color:#0000FF;
text-decoration:underline;
cursor:pointer;
}

.StatusMsg
{
	display:none;
	visibility:hidden;
	background-color: #E9FAD0;
	border-top: 1px solid #B6E559;
	border-bottom: 1px solid #B6E559;
	font: bold 1em/1.3em inherit;
	color: #525252;
	padding: .6em 20px 0em 20px;
	margin: 20px auto 20px;
	text-align: center;
	height: 40px;
    width:85%;
	
}

.TxtMsg
{
	
	background-color: #FFE3DF;
	border-top: 1px solid #F08a73;
	border-bottom: 1px solid #F08a73;
	/*display:block;
	visibility:hidden;
	font: bold 1em/1.3em inherit;
	color: #525252;
	padding: .2em 20px .2em 20px;
	margin-top: 15px;
	text-align: center;*/
}
.highlight {
	padding: .2em 1em .2em 20px;
	font-size: 1.1em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #FFFFCC;
	background-repeat: no-repeat;
	color: #666666;
}
/*Message Page
==============================================================================*/
#Message
{
	/*position: relative;
	left: 156px;
	top: 25px;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 60%;
	min-height: 300px;*/
	margin-left:auto;
margin-right:auto;
width:564px;
margin-bottom: 20px;

	
}
#Message .header
{
	background: url(../images/icons/Inf_i.png) #ffc no-repeat 10px 8px;
	display:block;
	background-color: #E9FAD0;
	border-top: 1px solid #B6E559;
	border-bottom: 1px solid #B6E559;
	font: normal 1.5em/1.4em tahoma,sans-serif;
	padding: .2em 20px .2em 40px;
	margin-top: 15px;
	height: 30px;
	text-indent: 0px;
	
}

#Message .msgBody
{
	display:block;
	background-color: #E5F6FD;
	background-repeat: no-repeat;
	border-top: 1px solid #86d4FF;
	border-bottom: 1px solid #86d4FF;
	/*font: normal 1.2em/1.1em tahoma,sans-serif;height: 100%;*/
	padding: 10px 20px 5px 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	

}


/* -----------------------

input.btn
{   
color:#050;  

background-color: #fed;  
border:1px solid;
border-color: #696 #363 #363 #696;
filter:progid:DXImageTransform.Microsoft.Gradient   
(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#ffeeddaa');   

}   

input.btn:hover{   
 border-color: #c63 #930 #930 #c63; 
} */

input.btn
{   
border-style: solid;
		border-width: 0;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
		
	/*	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.15) inset, 0 0;*/
		background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-image: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
		background-repeat: repeat-x;
	/*	border-color: rgba(0, 0, 0, 0.03) rgba(0, 0, 0, 0.05) rgba(0, 0, 0, 0.15);
		*/
		color: white;
		/*text-shadow: 0 1px rgba(0, 0, 0, 0.4);*/
		background-color: #F7A22F;
		text-decoration: none;
		font-size: 16px;
		font-weight: 500;
font-family: Arial;
		display: inline-block;
		cursor: pointer;
		line-height: 24px;
		padding: 5px 14px;
		
		-webkit-transition: all 0.2s linear;
		-moz-transition: all 0.2s linear;
		-ms-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;

}   

input.btn:hover{   
	background-color: #556167;
} 
.PageMsg
{
    font: normal 1.2em/1.4 'lucida grande' ,tahoma,sans-serif;
    text-align: left;
    color: #0075CE;
}


.rule_5 {
height:5px;
margin:22px 0;
overflow:hidden;
}
.bg_grey90 {
background-color:#E5E5E5;
}



/*  style.csss */
.BQTextBox
{
 border-right:solid 1px lightskyblue;
 border-left:solid 1px lightskyblue;
 border-top:solid 1px lightskyblue;
 border-bottom:solid 1px lightskyblue;
 height:22px;
}

.BQTextBox20
{
 border-right:solid 1px lightskyblue;
 border-left:solid 1px lightskyblue;
 border-top:solid 1px lightskyblue;
 border-bottom:solid 1px lightskyblue;
 height:28px;
 font-size:18pt;
}

.BQTextBoxDisabled
{
 border-right:solid 1px lightskyblue;
 border-left:solid 1px lightskyblue;
 border-top:solid 1px lightskyblue;
 border-bottom:solid 1px lightskyblue;
 height:16px;
 background-color:#F0F6FE;
}

.BQLabel
{
	font-size: 9pt; 
	color: black; 
	font-family: Arial;
}
.BQLabel20
{
	font-size: 12pt;
	color:#696969;
	font-family: Arial;
}

.BQLabel20Top
{
	font-size: 28px !important;
	color: #E38D15;
	font-family: Arial;
	font-weight: 400;
}
.BQLabelTitle
{
	font-size: 9pt; 
	color: black; 
	font-family: Arial;
	font-weight:bold;
	
}

.BQLabelTitleRight
{
	font-size: 9pt; 
	color: black; 
	font-family: Arial;
	font-weight:bold;
	text-align:right;
}

.BQLabelRight
{
	font-size: 9pt; 
	color: black; 
	font-family: Arial;
	text-align:right;
}

.BQLabelCenter
{
	font-size: 9pt; 
	color: black; 
	font-family: Arial;
	text-align:center;
}

.BQCheckBox
{
font-size: 8.5pt; 
color: black; 
font-family: Arial;
}

.BQDataGrid
{
 border-right:solid 1px lightskyblue;
 border-left:solid 1px lightskyblue;
 border-top:solid 1px lightskyblue;
 border-bottom:solid 1px lightskyblue;
 font-size: 8.5pt; 
 font-family: Arial;
 }
 
 .BQDataGridItem
 {
	background-color:White;
 }
 
 .BQDataGridAlternateItem
 {
	background-color: #f5f5f5; /* WhiteSmoke #f5f5f5; */
 }
 
 .BQDataGridHeader
 {
	background-color:#0075CE;
	color:white;/* LightSteelBlue 
	border:solid 2px blue;*/
	padding:4px 0 !important;

 }
 
 .BQDataGridFooter
 {
	background-color:#CAE1FF ; /*#bcd2ee; */
	color:#050; 
	font-weight:bold;
 }
 
 .BQDataGridPager
 {
	background-color:#F0F6FE; /* aliceblue */
 }
 .BQDataGridSelectedItem
 {
 background-color: #fee68c;
 color: Black;
 border-right:solid 1px #daa520;
 border-left:solid 1px #daa520;
 border-top:solid 1px #daa520;
 border-bottom:solid 1px #daa520;
 }
 
 .BQButtonLabels
 {
	text-align:center;
	font-size: 8.5pt; 
	font-family: Arial;
	background-color:Transparent;
 }
 
 .BQListBox
 {
	 border-right:1px solid #B0B0B0;
	 border-left:1px solid #B0B0B0;
	 border-top:1px solid #B0B0B0;
	 border-bottom:1px solid #B0B0B0;
	 height:24px;
 }
  .BQAjaxListBox
 {
	 border-style:solid;
	 border-right:1px solid #B0B0B0;
	 border-left:1px solid #B0B0B0;
	 border-top:1px solid #B0B0B0;
	 border-bottom:1px solid #B0B0B0;
	 background-color:#fffacd;
	 font-family:Arial;
	 font-size:8pt;
	 overflow:hidden;
	 display:none;
 }
 
.BQGridTextBoxCenter
{
	 border-right:solid 1px lightskyblue;
	 border-left:solid 1px lightskyblue;
	 border-top:solid 1px lightskyblue;
	 border-bottom:solid 1px lightskyblue;
	 height:16px;
	 font-family:Arial;
	 font-size:10px;
	 text-align:center;
}

.BQGridTextBoxLeft
{
	border-right:solid 1px lightskyblue;
	border-left:solid 1px lightskyblue;
	border-top:solid 1px lightskyblue;
	border-bottom:solid 1px lightskyblue;
	height:16px;
	font-family:Arial;
	font-size:10px;
	text-align:left;
}

.BQGridTextBoxRight
{
	 border-right:solid 1px lightskyblue;
	 border-left:solid 1px lightskyblue;
	 border-top:solid 1px lightskyblue;
	 border-bottom:solid 1px lightskyblue;
	 height:16px;
	 font-family:Arial;
	 font-size:10px;
	 text-align:right;
}

.BQPanelOuter
{
 background-color:white;
 border:solid 1px red inhert;
 padding:4px 4px 4px 4px;
 position:absolute;
 margin-right:auto;
 margin-left:auto;
}

.BQPanelInner
{
 background-color:#f8f8ff;
 width:100%;
 height:100%; 
}

.BQSideBarLabels
 {
	text-align:center;
	font-size: 9.0pt; 
	font-family: Tohoma;
	background-color:Transparent;
	
 }
 
 /* new classes from WS 2010 */
 .toolbarimage
{
	padding-right:3px;
	position:relative;
	top:10px;
}
.toolbarlink
{
	margin-right:20px;
	position:relative;
	top:7px;
}

.toolbardiv
{
	position: relative;
    margin-top: 5px; 
    margin-left: auto; 
    margin-right: auto;
    margin-bottom:20px; 
    padding-top:8px;
    padding-bottom:auto;
    width: 100%; 
    height: 27px;
    left: 2px; 
    border-top: 1px #CCCCCC solid; 
    border-bottom: 1px #CCCCCC solid;
    vertical-align:middle;
    
}



/*******************************************************************************
  TABLE DESIGN 
*******************************************************************************/
.BQGridNew {
	font-size: 12px;
	text-align: left;
	border: 0px none;
	border-collapse: separate !important;
	border-bottom:none;
	position: relative;
	margin-left:auto;
	margin-right:auto;
	width:800px;
	margin-top:20px;
}
.BQGridNew th {
	font-size: 13px;
	font-weight: normal;
	padding: 8px;
	background: #FBFBFB;
	border-top: 1px solid #FFF;
	color: #333;
	/*text-align: left;*/
}

.BQGridNew td {
	padding: 8px;
	background: none; 
	border-top: 1px solid #CCC;
	border-left: hidden;
	border-right: hidden;
	border-bottom: none !important;
	color: #666; /* ths attribute is clearing the custom row color set for Invoiced VB LineItems,fully Received PO'S and like ...*/   
}
.BQGridNew td input[type="image"], td img
{
  padding-left:10px;
}
.BQGridNew td img
{
 padding-left:5px;
}
.BQGridNew tr:hover td {
	background: #FBFBFB;
	color: #333;
}

.BQGridNewSelectedRow td, .BQGridNewSelectedRow tr:hover td
{
	padding: 8px;
	background: #FFDA84 !important;
	border-top: 1px solid #CCC;
	border-left: hidden;
	border-right: hidden;
	border-bottom: none !important;
	color: #666;
}

/*
.BQGridNew tr.footer { background: none !important; }
.BQGridNew tr.footer:hover td { background: none !important;  }
*/

.BQGridNewHeader th {
	background: #EBEBEB !important;
	border-top: 1px solid #CCC;
}
.BQGridNewPager td {
	background: #EEEEEE;
	padding: 6px;
	border-top: 1px solid #CCC;
	border-bottom: 1px solid #CCC !important;
	 text-align:center;
}


p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset{
margin-bottom:35px !important;
}

/*******************************************************************************
  TABLE DESIGN 
*******************************************************************************/
.BQGridSimple {
	font-size: 12px;
	margin: 0px;
	text-align: left;
	border: solid 1px #CCC;
	border-collapse: separate;
	border-bottom:none;
	margin-top:5px;
	margin-left:auto;
	margin-right:auto;
	/*position: relative;
	width:920px;*/
	
}
.BQGridSimple th {
	font-size: 13px;
	font-weight: normal;
	padding: 4px;
	background: #EFEFEF;
	border-top: 1px solid #FFF;
	color: #333;
	text-align: center; 
	border: solid 1px #CCC;
	vertical-align:bottom  !important;	
}
.BQGridSimple td {
	padding: 1px;
	background: none; 
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	color: #666;
	border-bottom: 1px solid #CCC;
	vertical-align:bottom  !important;	
	
}
.BQGridSimple td span {
	padding: 0px !important;
	margin-top:0px !important;
	font-size:0.95em !important;
	vertical-align:bottom  !important;	
}

.BQGridSimple td input
{
	text-align:center;
	vertical-align:bottom  !important;	
}

.BQGridSimple tr:hover td {
	background: #FBFBFB;
	color: #333;
	vertical-align:bottom  !important;	
}

input[type="text"], input[type="password"], input[type="select"], textarea {
border:1px solid #B0B0B0;
color:#363636;
padding-left:3px;
}
input[type="text"] {
display:block !important;
font-size:0.97em;
}

.Company
{
	float:left;
	display:block;
    margin-left: 20px;
    margin-top: 10px;
   /* width:300px;
    line-height:35px;*/
    }
    
     #ReturnHome{
             float:right;
             text-align: right;
             margin-right:5px;
              margin-top:20px;
             /*padding-top: 5px;*/
             }
/* ---------------------------------------------------- Links control css ------------------------ */

ul#AccountLinks {
     float:left;
      font-size:11px;
}
 ul#NavigationLinks
 {
 	float:right;
 	 font-size:10px;
 }
  ul#AccountLinks li{
            float:left;
             margin-right:1.0em;
  }
  ul#NavigationLinks li{
            float:right;
             margin-left:1.0em;
  }
 ul#AccountLinks, ul#NavigationLinks {
            font-family:Verdana,sans-serif;
           
            margin-top:10px;
            padding:2px 0 0;
 }

            ul#AccountLinks li , ul#NavigationLinks li{
           list-style-image:none;
            list-style-position:outside;
            list-style-type:none;
           
            }

             ul#AccountLinks li a{
            color:#0075CE;
            /*padding:1px;*/
            text-decoration:none;
            }
			 ul#NavigationLinks li a{
            color:#E38D15;/*#E2b189
            padding:1px;*/
            text-decoration:underline;
            }
/* ------------------------------- End Links control css -------------------------------------------- */
             
 .RequiredFieldSign
 {
       color: #FF0000;
       margin-left:5px;
       margin-right:5px;
}

/* ------- Help link in  Links ----------------------------------------------*/
.ContextHelp {
float: right;
display: block;

margin-right: 10px;
margin-top: 15px;
width: 80px;
text-align:right;

vertical-align:middle;
	
}

.helpIcon
{
  font-weight:bold;
   background: url(../images/icons/help.png)  no-repeat 9px 0px;
   padding-left: 30px;
   width:50px;
	
}

.helpIcon:hover
{
      text-decoration:underline;
}

/* Lock Screen-related CSS Classes */
.LockOff {
	visibility: hidden;
	display: none;
	position: absolute;
	top: -100px;
	left: -100px;
}
.LockBackground
{
	position: absolute;
	top: 0px;
	left: 0px;
	visibility: visible;
	display: block;
	width: 105%;
	height: 105%;
	background-color: #999999;
	z-index: 2999;
	filter: alpha(opacity=75);
	opacity: 0.75;
	padding-top: 20%;
}
.LockPane {
	z-index: 3000;
	position: absolute;
	top: 0px;
	left: 0px;
	padding-top: 25%;
	visibility: visible;
	display: block;
	text-align: center;
	width: 100%;
}
.LockPane div
{
	width: 55%;
	background-color: #FF9933;
	color: White;
	font-size: large;
	border: dotted 1px White;
	padding: 9px;
	margin-left: auto;
	margin-right: auto;
}

.LineCenter {
    margin: 20px auto 30px;
    width: 85%;
    height: 1px;
   padding: 0 0px 0 0;
	border-bottom: 1px solid #e0e0e0;
	-webkit-box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
	box-shadow:  0px 2px 0px 0px rgba(0, 0, 0, 0.03);
}

.large-notice-title { margin-bottom: 20px; }

.large-notice-noborder {padding:0px 22px; }

.spacer { height: 15px; }
