/* Styles for validation helpers
-----------------------------------------------------------*/
html
{
    overflow-y: scroll;   
}

body {
    color: #666666 !important;
    font-family: Arial, 'MS Sans Serif', Verdana; 
    text-align:left; 
    font-size:12px !important;
}

table {
    white-space: normal;
    line-height: normal;
    font-weight: normal;
    /*font-size:9pt;*/
    font-variant: normal;
    font-style: normal;
    color: -webkit-text;
    text-align: -webkit-auto;
	line-height:18px;
	word-spacing:1px;
}

.sr-only {
  position: absolute;
  white-space: nowrap;
  width: 1px;
  height: 1px;
  overflow: hidden;
  border: 0;
  padding: 0;
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  margin: -1px;
}


.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #E80000;
}

.validation-summary-valid
{
    display: none;
}

.Layout
{
	border: none;
	padding:0px;
	border-spacing: 0px;
	border-collapse:collapse;
}

/* thumbnail photo size for Truck Detail and Profile */
.thumbPhoto { width:115px; border:none; }

/* for all border */
.border { border:solid 1px #BBBBBB;}

/* Catalog List  */
.catalogTable { margin-top:20px; border:solid 1px #BBBBBB; border-collapse:separate; }

.logintable
 { 
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:15px;     
            
 }
 .logintable tr td
 {
    padding:5px 0px;
 }
 .inputText
 {
    width: 200px;
    border: 1px solid #404040;
    padding: 5px;        
    margin-bottom:10px;
    height:20px;
    font-family:Arial, Helvetica, Sans-Serif;
    font-size:15px;  
 }
 
 .boldText
 {
     font-weight:bold;
 }
 
 .boldBlueText
 {
     font-weight:bold;
     color:#3366CC;
 }
 
 .txtBox1 { width:313px;}
 
 .txtBox2 { width:960px; height:50px}

.bigHr { color:#CCCCCC; margin-top:10px; margin-bottom:5px; }

a:link { color: #000000; text-decoration:none; }
a:visited { color: #000000; text-decoration:none; }
a:hover { color: #666666; text-decoration:none; }
a:active { color: #666666; text-decoration:none; }

.footer a:link { color: #666666; text-decoration:none; }
.footer a:visited { color: #666666; text-decoration:none; }
.footer a:hover { color: #666666; text-decoration:none; }
.footer a:active { color: #666666; text-decoration:none; }

.textColor { color: #666666; }

.clsFilterItem ul { margin-left:0; padding-left: 1em; list-style: none outside none; text-decoration: none; }
.clsFilterItem li { margin:0; padding:0; outline: medium none; text-decoration:none;}

/*main menu*/
.ui-menu-item a:link {color: #222222; font-family:verdana, arial, helvetica, sans-serif; text-decoration:none; display: block;  padding:.2em .4em; line-height:1.5; }
.ui-menu-item a:hover {color: #222222; font-family:verdana, arial, helvetica, sans-serif; text-decoration:none; display: block; padding:.2em .4em; line-height:1.5; font-weight:normal; margin: -1px; }
.ui-menu-item a:visited {color: #222222; font-family:verdana, arial, helvetica, sans-serif; text-decoration:none; display: block; padding:.2em .4em; line-height:1.5; }
.ui-menu-item a:active {color: #222222; font-family:verdana, arial, helvetica, sans-serif; text-decoration:none; display: block; padding:.2em .4em; line-height:1.5; }

.ui-menu-ul  { float:right !important; padding-left: 0px; padding-right: 0px; }

input[type=text], input[type=password]{ font-size:12px; font-family:Arial, 'MS Sans Serif', Verdana; color: #666666 !important; padding:5px; }

.subTitle { font-size:11px; font-weight:bold; font-family:Arial, 'MS Sans Serif', Verdana; color: #666666 !important; }

.ui-widget-content { border:1px solid  #803b2b; }

.marginBottom { margin-bottom:5px; }

.mainTopMenuSpan  
{
    margin-right:15px; 
    font-family:verdana, arial, helvetica, sans-serif;
    color: #666666;      
    font-size: 12px;
    line-height: 16px;
	font-weight: normal;
   
}
.mainTopMenuSpan a:link { color: #666666; }
.mainTopMenuSpan a:visited { color: #666666 ;}
.mainTopMenuSpan a:hover { color: #5376b6;
text-decoration: underline;}
.mainTopMenuSpan a:active { color: #666666 ; }

.main
{
    font-family:arial, helvetica, sans-serif; 
    font-size: 12px;
    line-height: 16px;
    color: #666666;
}

.PageTextRed
{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	color: #DE1C21;
}

.PageTextWhite
{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	color: #FFFFFF;
}

.PageTextBlue
{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	color: #6698CB;
}

.PageTextWhiteBold
{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	color: #FFFFFF;
	font-weight:bold;
}

.PageTextBold
{
	font-family:verdana, arial, helvetica, sans-serif;
	font-size:8pt;
	font-weight:bold;
}

.bidtab{height:40px;}

.infoDivAutionDiv{ float: left; width:49.5%; }
.auctionDetailDiv{ margin-left:5px; }
a img { border:none; }
.toolTipSpan { position:absolute; padding:8px; border:solid 1px #BBBBBB; background-color:#fbfdff; max-width:20%; }
.dialogSpan { display:block; margin-top:5px; }
.resetLogIn { margin-top:15px; }
.redColor { color:#E80000 !important; }	
.cmdSpacingRight { margin-right:5px !important; }

.pCustomerLeftPadding
{
    padding-left: 80px;
}
.pCustomerTAWith
{
    width: 350px;
}

.btnSendTestEmail
{
    color:white;
    background-color:#a9431e;        
    padding:10px;
    font-weight:bold;   
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;   
}




@media (max-width: 575px)
{
.infoDivAutionDiv{width: 100%;}
.auctionDetailDiv{margin-left:0px;}

}

@media (max-width: 400px)
{
  .bidtab{height:80px;}  
    }
@media  (min-width: 601px) and (max-width: 700px)
{
 .infoDivAutionDiv{width: 47%;}

}

@media  (min-width: 701px) and (max-width: 800px)
{
    .infoDivAutionDiv{width: 45%;} 

}