﻿/* Common Styles */
.jpgrid
{
    background-color:#fff;
    padding:1px;
}
.jpgrid .jptitle
{
	text-align:left;	
	font-size:14px;	  
	padding:3px 0 3px 5px;
	font-weight:bold;
}

.jpgrid .jptitle .text_highlight
{
	color:#0560A6;
	font-weight:bold;
}
.jpgrid .search
{
    padding:10px 10px 5px 10px;
    margin-bottom:5px;
}
.jpgrid .search .orders-col
{
    width:120px;
    font-weight:bold;
}
.jpgrid .search .from-col
{
    width:35px;
    font-weight:bold;
    padding:0 10px 0 30px;
}
.jpgrid .search .ordersbox
{
    width:140px;
    padding:3px 5px 3px 5px;
}
.jpgrid .search .payment-status
{
    width:154px;
    height:26px;
    padding:3px 5px 3px 5px;
}
.jpgrid .search .export
{
    width:195px;
    height:26px;
    padding:3px 5px 3px 5px;
}
.jpgrid .search .datesearch{
    width:75px;
    height:18px;
    padding:3px 5px 3px 5px;
    margin-right:10px;
}
.jpgrid .search .cal-icon{
    margin:0 15px 0 -10px;
}
.jpgrid .search .divider
{
    border-left:1px solid gray;
    padding-left:25px;
    vertical-align:top;
    font-weight:bold;
}
.jpgrid .jpdatatable
{
	width:100%;
	font-size:12px;
	border:solid 1px #74859d !important;
}
.jpgrid .jpdatatable TH
{
	text-align:left;
	height:20px;
	line-height:20px;
	padding:4px;
	background-color:#e2e7ef;
    border-bottom:solid 1px #a8c0e2;
	border-right:solid 1px #a8c0e2;
	color:#333;
	font-size:14px;
	font-weight:bold !important;	 
}
.jpgrid .jpdatatable TD
{
	color:#222;
	text-align:left;
	padding:2px 4px;
	border-right:solid 1px #d9d9d9;
}
.jpgrid .jpdatatable .TH-last-col
{
	border-right:solid 1px #74859d;
}
.jpgrid .jpdatatable .center
{
    text-align:center;
    }
.jpgrid .jpdatatable TR.jpeven { background-color:#fff; }
.jpgrid .jpdatatable TR.jpodd { background-color:#f7f6f6; }      

.jpgrid .PagerStyle{padding-top:4px;background-color: #E2E7EF;border-bottom: solid 1px #A8C0E2;border-right: solid 1px #A8C0E2;text-align:center;width:100%}
.jpgrid .PagerStyle .viewing{text-align:center;margin-bottom:5px}
.jpgrid .PagerStyle .viewing .viewingtext{font-weight:bold;color:#333;border:none;background-color:transparent;box-shadow:none;}
.jpgrid .PagerStyle table{text-align:center;margin:auto;padding-top:10px}
.jpgrid .PagerStyle table td
{
    border:0px;
    padding:5px;
}
.jpgrid .PagerStyle td
{
    border-top: #999999 1px solid;
}
.jpgrid .PagerStyle a
{
    color:#0560A6;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border:solid 1px #999;
}
.jpgrid .PagerStyle a:hover
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-right:1px solid #AAA;
    border-bottom:1px solid #AAA;
    background-color:White;
    box-shadow: 0 0 6px #999;
}
.jpgrid .PagerStyle span
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-right:1px solid #AAA;
    border-bottom:1px solid #AAA;
    background-color:White;
    box-shadow: 0 0 6px #999;
}
/* for the upload history pagerstyle: should be the same as .jpgrid but (.uphistory .PagerStyle table td vertical-align:middle;) (needed to make it the same by removing jpgrid parent) */

.uphistory .PagerStyle{padding-top:4px;background-color: #E2E7EF;border-bottom: solid 1px #A8C0E2;border-right: solid 1px #A8C0E2;text-align:center;width:100%;}
.uphistory .PagerStyle .viewing{text-align:center;margin-bottom:5px}
.uphistory .PagerStyle .viewing .viewingtext{font-weight:bold;color:#333;border:none;background-color:transparent;box-shadow:none;}
.uphistory .PagerStyle table{text-align:center;margin:auto;padding-top:10px}
.uphistory .PagerStyle table td
{
    border:0px;
    padding:5px;
    vertical-align:middle;
}
.uphistory .PagerStyle td
{
    border-top: #999999 1px solid;
}
.uphistory .PagerStyle a
{
    color:#0560A6;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border:solid 1px #999;
}
.uphistory .PagerStyle a:hover
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-right:1px solid #AAA;
    border-bottom:1px solid #AAA;
    background-color:White;
    box-shadow: 0 0 6px #999;
}
.uphistory .PagerStyle span
{
    font-weight:bold;
    color:#333;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-right:1px solid #AAA;
    border-bottom:1px solid #AAA;
    background-color:White;
    box-shadow: 0 0 6px #999;
}

/* end of upload history pagerstyle*/
.jpgrid .searchcount
{
    font-size:12px;
    margin-bottom:2px;
    }
.jpgrid .offergridcurrency
{
	 padding-bottom:3px;
	 font-size:9px;
}
.jpgrid .offergridqty
{
	 padding:0 0 3px 3px;
	 font-size:11px;
}

.jpgrid a
{
    color:#0560A6;
    text-decoration:none;
    cursor:pointer;
}

.jpgrid a:hover
{
    color:#0560A6;
    text-decoration:underline;
    cursor:pointer;
}
.offergrid_parent
{
    width:100%;
}

.offergrid_parent .offergrid_container
{
    border:solid 1px #a8c0e2;
    margin:10px 0 10px 0;
    width:100%;
}

.offergrid_parent .offergrid_header
{
    background-color:#a8c0e2;
    border:solid 1px #a8c0e2;
    padding:3px 0 3px 0;
}

.offergrid_parent .offergrid_header span
{
    font-size:14px;
    font-weight:bold;
    padding:3px;
}

.offergrid
{
    padding:10px;
    width:100%;
    border-style:none;
}

.offergrid .even
{
    background-color:#fff;
    border-style:none;
}

.offergrid .odd
{
    background-color:#f7f6f6;
    border-style:none;
}

.offergrid .even td
{
    padding:1px 5px 1px 5px;
}

.offergrid .odd td
{
    padding:1px 5px 1px 5px;
}

.offergrid .offergrid_header
{
    background-color:#a8c0e2;
    border:solid 1px #a8c0e2;
    padding:3px 0 3px 0;
}

.offergrid .offergrid_subheader
{
    background-color:#e2e7ef;
    border-bottom:solid 1px #a8c0e2;
    padding:3px 3px 3px 5px;
    text-align:left;
 }
 
 .offergrid .offergrid_subheader_price
{
    
    background-color:#e2e7ef;
    border-bottom:solid 1px #a8c0e2;
    padding-right:50px;
    padding:0 5px 0 5px;
    text-align:left;
}

.offergrid .offergridcurrency
{
	 font-size:9px;
}

 .offergrid .offergrid_subheader_terms
{
    background-color:#e2e7ef;
    border-bottom:solid 1px #a8c0e2;
    text-align:left;
}

.offer_widget_div
{
    border:solid 1px #a8c0e2;
    width:100%;
    width:175px;
    margin-top:20px;   
}

.offer_widget_div .offer_widget_container
{
    width:100%;
    max-height:290px;
    overflow:auto;
}

.offer_widget_div .offer_widget_container .smalltext
{
    font-size:11px;
}

.offer_widget_div .offer_widget_container table
{
    width:100%;
}

.offer_widget_div .offer_widget_container .active
{
    padding:5px;
}

/*alternating*/
.offer_widget_div .offer_widget_container .active a
{
    
}

.offer_widget_div .offer_widget_container .alternating
{
    padding:5px;
    background-color:#f7f6f6;
}

.offer_widget_div .offer_widget_container a
{
    
}
 
.offer_widget_div .header
{
    font-size: 15px;
    font-weight:bold;
    background-color:#e1e1e1;
    width:100%;
}
.offer_widget_div .offer_widget_container span
{
    font-weight:lighter;
    
}


.jpMessageThreadGrid
{
    border:solid 0px #a8c0e2;
    background-color:#fff;
    
}
.jpMessageThreadGrid .jptitle
{
	background-color:#a8c0e2;
	text-align:left;	
	font-size:16px;	  
	padding:3px 0 3px 5px;
	font-weight:bold;
}


.jpMessageThreadGrid .jpdatatable
{
	width:100%;	
}
.jpMessageThreadGrid .jpdatatable .MessageThreadHeader
{
	 padding:5px 10px 5px 10px;	 
}
.jpMessageThreadGrid .jpdatatable .MessageThreadSellerName
{
	 color:#376afc;
	 text-decoration:none;
	 margin:10px 0;
	 font-weight:bold;
	 font-size:14px;
	 width:201px;
	 vertical-align:top;
}
.jpMessageThreadGrid .jpdatatable .MessageThreadSellerName a
{
	 color:#376afc;
	 text-decoration:none;
	 font-weight:bold;
	}
.jpMessageThreadGrid .jpdatatable .MessageThreadBuyerName
	{
	 color:Green;
	 text-decoration:none;
	 padding:10px 10px 10px 0;
	 margin-top:10px;
	 font-weight:bold;
	 font-size:14px;
	
	}
.jpMessageThreadGrid .jpdatatable  .MessageThreadDetails{float:left;margin-top:5px}
.jpMessageThreadGrid .jpdatatable .MessageThreadProfilePic
{
	float:left; 
	margin: 5px 15px 0 0;	
}
.jpMessageThreadGrid .jpdatatable .MessageThreadProfilePic img
{	
	max-width:60px;
	min-width:60px;
}
.jpMessageThreadGrid .jpdatatable .MessageThreadHeaderDatetime
{
	font-size:11px;
	color:#44444C;
	font-weight:normal;
}
.jpMessageThreadGrid .jpdatatable .MessageThreadMessage
	{
	vertical-align:top;		
	width:630px;
	overflow:hidden;
}
.jpMessageThreadGrid .jpdatatable TH
{
	text-align:left;
	height:20px;
	line-height:0px;
	padding:4px;
	background-color:#e2e7ef;
    border:solid 1px #a8c0e2;	
	color:#333;
	font-size:12px;	 
}
.jpMessageThreadGrid .jpdatatable TD
{
	color:#44444C;
	text-align:left;
	padding:5px 15px 5px 15px;
	border:solid 1px #d9d9d9;
}
.jpMessageThreadGrid .jpdatatable table td
{
	color:#222;
	text-align:left;	
	border:solid 0px #d9d9d9;
}
.jpMessageThreadGrid .jpdatatable TR.jpeven { background-color:#fff; }
.jpMessageThreadGrid .jpdatatable TR.jpodd { background-color:#f7f6f6; }      

.jpMessageThreadGrid a
{
    color:Blue;
    font-weight:normal;
    text-decoration:none;
    cursor:pointer;
}

.jpMessageThreadGrid a:hover
{
    color:Blue;
    font-weight:normal;
    text-decoration:underline;
    cursor:pointer;
}
.MessageThreadLowerPart
{	margin-top: -5px; 	
	width:100%;	
	 border-left:solid 1px #d9d9d9;
	border-right:solid 1px #d9d9d9;
	border-bottom:solid 1px #d9d9d9;
}

.MessageThreadLowerPart .MessageThreadLowerPartTdLeft
{
	width:207px; 
	padding:15px 10px 10px 10px;
	 vertical-align:top;
	
}
.MessageThreadLowerPart .MessageThreadLowerPartTdRight
{	
	border-left:solid 1px #d9d9d9;
	padding:15px 10px 10px 10px;
	 vertical-align:top;
}

.MessageThreadPartsCar
{	margin-top: -5px; 	
	width:100%;	
	border-left:solid 1px #d9d9d9;	
	border-right:solid 1px #d9d9d9;
}
.MessageThreadPartsCar .MessageThreadPartsCarTdLeft
{
	width:207px; 
	padding:10px 10px 10px 10px;
	 vertical-align:top;
	
}
.MessageThreadPartsCar .MessageThreadPartsCarTdRight
{		
	border-left:solid 1px #d9d9d9;
	padding:10px 10px 10px 10px;
	 vertical-align:top;
}
.MessageThreadPartsCar Table TH
{
	text-align:left;
	height:20px;
	line-height:20px;
	padding:4px;
	background-color:#e2e7ef;
    border-bottom:solid 1px #a8c0e2;
	border-right:solid 1px #a8c0e2;
	border-left:solid 1px #a8c0e2;
	color:#333;
	font-size:12px;	 
}
.MessageThreadPartsCar Table TD
{
	color:#222;
	text-align:left;
	padding:2px 4px;
	border:solid 1px #d9d9d9;
}

.jpgrid .jpdatatable TR.jpeven { background-color:#fff; }
.jpgrid .jpdatatable TR.jpodd { background-color:#f7f6f6; }    

.MessageThreadOffer
{	
	width:100%;	
	border:solid 1px #d9d9d9;
}

.MessageThreadOffer a
{	
	text-decoration:none;
	color:Blue;
}

.MessageThreadOffer a:hover
{	
	text-decoration:unerline;
	color:Blue;
}

.MessageThreadOffer .MessageThreadOfferTdLeft
{
	width:177px; 
	padding:10px 10px 10px 10px;
	vertical-align:top;
	
}
.MessageThreadOffer .MessageThreadOfferTdRight
{		
	border-left:solid 1px #d9d9d9;
	padding:10px 10px 10px 15px;
	vertical-align:top;
}

.mailboxbar{background-color: #E2E7EF;border-bottom: solid 1px #A8C0E2;border-right: solid 1px #A8C0E2;}