/* Tables
/* ========================================================================= */

.info_list { padding: 10px 0; }

.info_list th,
.info_list thead td,
.info_list tr.Header td {
    font-weight: bold;
    font-size: 11px;
    border-bottom: #ccc 1px solid;
    text-decoration: none;
    padding: 5px 5px;
    background-color: #e7e7e7;
}

.info_list td {
    font-weight: normal;
    font-size: 12px;
    padding: 5px;
    border-bottom: #ccc 1px solid;
    vertical-align: top;
}

.info_list tr:nth-child(even)   { background-color: #f2f2f2; }
.info_list tr:nth-child(odd)    { background-color: #ffffff; }
.info_list > tbody > tr:hover   { background-color: #F2F2D2; }
.info_list tr tr                { background-color: transparent; } /* remove background colour of nested tables */

.info_list.wide         { width: 100%; }
.info_list.wide th      { text-align: left; }

.info_list .date        {}
.info_list .money       { text-align: right; }
.info_list .number      { text-align: right; }
.info_list .truncate    {}

.info_list .nested                  { padding: 0; }
.info_list .nested table            { border: 0; }
.info_list .nested table tr         { background: transparent; }
.info_list .nested table thead      { display: none; }
.info_list .nested td               { border-bottom: none; }

.info_list .focus td { font-weight: bold; }


.form_table {
    border: none;
    width: 100%;
}

.info_list.row_click tbody tr { cursor: pointer; }
/** red */

.Buttons
{
	text-align: right;
	clear: both;
	margin-top: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 10px;
}
.ButtonsWizard
{
	text-align: right;
	clear: both;
	margin-top: 10px;
	border-top-style: solid;
	border-top-width: 1px;
	padding-top: 10px;
}
.ButtonsSimple
{
	text-align: right;
	clear: both;
	margin-top: 10px;
	padding-top: 10px;
}
ul.Message
{
	margin: 0;
	padding: 10px;
	list-style-position: inside;
	border-style: solid;
	border-width: 1px;
	margin-bottom: 10px;
}
ul.Message li
{
	padding: 0;
	margin: 0;
	
}

hr.Blank
{
	clear: both;
	margin: 0;
	padding: 0;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}
hr.Light
{
	clear: both;
	margin: 0;
	padding: 0;
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: 0;
	border-left: 0;
	border-right: 0;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*This is used to create label/data cards*/
.Card
{
	float: left;
	width: 350px;
	padding-right: 10px;
}
.Card div
{
	float: left;
	width: 350px;
	margin-bottom: 3px;
}
.Card label
{
	font-weight: bold;
	float: left;
	width: 110px;
	padding-right: 10px;
	line-height: 1.5em;
}
.Card input,
.Card select,
.Card checkbox,
.Card p
{
	float: left;
	margin-right: 3px;
}
.FullCard
{
	width: 700px;
}
.FullCard div
{
	width: 700px;
}

.LongLabels div label
{
	width: 160px;
}

/*This is used to create label/data inline layouts*/
.Inline label
{
	font-weight: bold;
	margin-right: 5px;
	width: auto;
}

/*The standard results table style*/
.Results
{
	width: 100%;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	margin-bottom: 10px;
}
.Results .Empty td
{
	border-top-style: solid;
	border-top-width: 1px;
	border-bottom: none;
	padding-top: 10px;
}
.Results .EmptyPlain td
{
	border-top: none;
	border-bottom: none;
	padding-top: 0px;
	margin-top: 0px;
}
.Results th,
.Results .Header td
{
	padding-left: 3px;
	padding-right: 3px;
	color: white;
}

.Results th a,
.Results .Header td a
{
	color: white;
}

.Results th.AlignRight,
.Results .Header td.AlignRight
{
	text-align: right;
}

.Results td, .Results .Row td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 3px;
}
.Results td.AlignRight, 
.Results .Row td.AlignRight
{
	text-align: right;
}
.Results td,
.Results .Footer td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding: 3px;
	font-weight: bold;
	line-height: 1.5em;
}
.Results td.AlignRight,
.Results .Footer td.AlignRight
{
	text-align: right;
}
.Results .Pager td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	text-align: right;
	padding-right: 10px;
}
.Results .Pager table td
{
	border-bottom: none;
	padding: 0;
	margin: 0;
	padding-right: 5px;
}
.Results .Hover td
{
	cursor: pointer;
}
.Results td span
{
	font-weight: normal;
}

/*For plain tables with no decoration*/
.Plain
{
	width: 100%;
}
.Plain td
{
	border-bottom: none;
}

/*For framing/emphasizing a block of elements*/
.Frame
{
	border-style: solid;
	border-width: 1px;
	padding: 10px;
	margin-bottom: 20px;
}

/*Modal popup*/
.ModalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	-moz-opacity:0.5;
	opacity:0.7;
}
.ModalPopup 
{
	border-style: solid;
	border-width: 1px;
	padding: 20px;
	float: left;
}
.ModalPopupHeader
{
	cursor: move;
	border: none;
	color: white
}
.ModalPopupHeaderText
{
	font-weight: bold;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
}
.ModalPopupErrorText,
.ModalPopupAlertText
{
	font-weight: bold;
	font-size: 11px;
	font-family: Arial, Helvetica,sans-serif;
}

/*When a side menu is used a few widths have to change*/
.SideMenu .Card
{
	float: left;
	width: 295px;
	padding-right: 10px;
}
.SideMenu .Card div
{
	float: left;
	width: 295px;
	margin-bottom: 3px;
}
.SideMenu .FullCard
{
	width: 590px;
}
.SideMenu .FullCard div
{
	width: 590px;
}

.Message
{
	padding: 10px;
	border-style: solid;
	border-width: 1px;
}
/*This is necessary so the tab content is super-size.  Stupid Microsoft. */
.ajax__tab_xp div
{
	font-size: 11px;
}

/* Accordion */
.accordionHeader
{
    border-style: solid;
	border-width: 1px;
	font-family: Arial, Helvetica,sans-serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

#master_content .accordionHeader a
{
	background: none;
	text-decoration: none;
}

#master_content .accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    border-style: solid;
	border-width: 1px;
    border-top: none;
    padding: 10px 5px 5px 5px;
    font-weight: bold;
}

.unwatermarked {
	
}

.watermarked {
	
	padding:2px 0 0 2px;
	border-style: solid;
	border-width: 1px;
}

.imgResize
{
	max-width:710px;
}

/*
h1,
.titlebar 
{
    height: 25px;
    padding: 0;
    margin: 5px 0;
    width: 100%;
    line-height: 25px;
	border: black 1px solid;
}

.titlebar > span {
    margin-left: 20px;
}

.titlebar .POItem {
	font-size: 15px;
    font-family: Arial, Helvetica,sans-serif;
	font-weight: bold;
}
*/
.ButtonBar {
	text-align: right;
	margin: 5px 0 10px 0;
}


.contractContainer,
.storeDetailFlow { width: 100%; }

.contractContainer > div,
.storeDetailFlow > div { width: 50%;float: left; }

.itemNumbersFlow .field_data,
.contractContainer .field_data,
.storeDetailFlow .field_data { width: 125px; }

.wide_field_data {
	width: 220px;
	float: left;
	padding: 5px;
}

.extra_wide_field_data {
	width: 550px;
	float: left;
	padding: 5px;
    font-weight: bold;
}

.addressFlow {
    width: 50%;
    float: left;
}

.itemNumbersFlow {
    width: 50%;
    float: left;
}

.actionBar {
    text-align: right; 
    margin-bottom: 10px;
}

.full_field  {
}
td div.full_field {width: 100%; border: none;margin: 0;}
.align_right { text-align:right; }

.item_header {position: relative; height: 30px; border-bottom: solid 1px; margin: 10px 0 5px 0;}
.right { float:right; }

/*.fancy tr:nth-child(even) {
    background-color: #f2f2f2;
}
.fancy tr:nth-child(odd) {
    background-color: #ffffff;
}*/

.schedule_item_container 
{
	border-style: solid;
	border-width: 1px;
	/*overflow: auto;*/
	margin: 10px 0 10px 0;
	padding: 10px;
}

.heading 
{
	font-weight: bold;
	font-size: small;
	padding-bottom: 15px;
}

.addressBar  
{
	margin: 10px 0 10px 0; 
	font-size: 15px;
	height: 25px;
	line-height: 25px;
	padding: 0;
	font-weight: bold;
}


/* Autocomplete - Start */
div.autocomplete {
	left: 0px;
	position: relative;
}

div.autocomplete input {
	margin: 0;
	padding: 0;
	position: absolute;
	height: 14px;
}

div.autocomplete img {
	position: absolute;
	right: 0;
	z-index: 1;
}

div.autocomplete ul {
    background-color: white;
    border: 1px solid buttonshadow;
    color: windowtext;
    list-style-type: none;
    margin: 0 !important;
    overflow: auto;
    text-align: left;
    padding: 0;
    cursor: default;
    position: absolute;
    top: 17px;
    width: 138px;
    float: left;
    z-index: 3;
    max-height: 260px;
    overflow-y: scroll;
    display: none;
}

div.autocomplete ul li {
    padding: 1px;
    list-style-type: none;
    line-height: 1em;
    font-family: Verdana, Arial, Sans-Serif;
    font-size: 11px;
    margin-bottom: 0;
    cursor: default;
    background-color: white;
}

/* Autocomplete - End */

/* Making the contacts look like the fields - Start */
.fake_fields_contacts { width: 100%;float: left;}
.fake_fields_contacts > div { width: 100%;overflow: hidden;position: relative; }
.fake_fields_contacts > div > div:first-child  
{
	padding: 5px!important;
	top: 0;
	bottom: 0;
	left: 0;
	float: left;
}

/*.fake_fields_contacts > div > div:nth-child(2),		/* Chrome, Safari, Firefox, IE9+ */
.fake_fields_contacts > div > div:first-child + div	/* IE7, IE8 */
{ 
	display: inline;
	float: left;
	padding: 5px!important;
}
/* Making the contacts look like the fields - End */

/* Making the addresses look like the fields - Start */
.addressFlow > div {
	width: 100%;
	overflow: hidden;
	position: relative;
}

.addressFlow .titlebar {
    width: 125px;
    border-bottom: none;
	margin: 0;
	padding: 5px!important;
	display: inline;
	float: left;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	height: auto;
	line-height: 1em;
	border: none;
}

.addressFlow > div > div {
	display: block;
	float: left;
	padding: 5px;
	 /*padding-left: 137px!important;*/ /* The width of the above (125), +5 padding on both sides, +2 for borders */
}
.addressFlow .titlebar > span { margin-left: 0;}
/* Making the addresses look like the fields - End */

.invoice_sac_container { padding: 5px;border: 1px solid;}

table.asnShipment {
	width: 99.5%;
	border: none;
	border-spacing: 0;
	border-collapse: collapse;
}
/*
#mainOuterBorder {
	width: 825px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 20px;
}

#mainInnerBorder {
	width: 785px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 30px;
}
*/
.schedule_items {
	float: right;
}
	
.schedule_items td, .schedule_items th {
	padding: 5px;
	text-align: right;
}


table.addresses {
    padding: 10px 0;
}
    	
table.addresses th
{
    font-weight: bold;
    font-size: 11px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    font-family: Tahoma, Verdana, Arial;
    text-decoration: none;
    padding: 5px;
    text-align: left;
    
}
        
table.addresses td
{
    font-weight: normal;
    font-size: 11px;
    font-family: Tahoma, Verdana, Arial;
    padding: 5px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    vertical-align: top;
}

.document_container {
	padding: 5px;
}

table.Results tr.Header,
table.Results tr.Row { height: 26px; }