/*******************************************************************************/
/* General Settings */
/*******************************************************************************/

html
{
	height: 100%;
}

body
{
	height: 100%;
}

body, td, .general
{
	color: #58595B;									/* #2 - Foreground */
	background-color: #ffffff;						/* #2 - Background */
	font-family: Arial;
	font-size: medium;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
}

/* General Page Color */
.page
{
	background-color:#ffffff;						/* #1 - Background */
}

/* Header Section that shows company logo */
.pageHeaderBanner
{
	background-position:center;
	background-repeat:no-repeat;
	height:46px;
}

/* Page Title */
.pageTitle
{
	font-size:larger;
	font-weight:normal;
}

/* Page Title Time Text */
.pageTitleTime
{
	color: #58595B;								/* #7 Foreground */
	font-size:small;
	font-weight:normal;
	text-align:right;
}


/* Page Title Border */
.pageTitleBorder
{
	border-style: solid;
	border-width: thin;
	border-top-color: #a0a0a0;					/* #7 Foreground */
	border-right-color: #a0a0a0;				/* #7 Foreground */
	border-bottom-color: #a0a0a0;				/* #7 Foreground */
	border-left-color: #a0a0a0;					/* #7 Foreground */
	margin-top: 4px;
}


/* Border of area that user interacts with */
.section
{
	background-color: #ffffff;					/* #2 Background */
	border: 2px solid #a0a0a0;					/* #2 Foreground */
    border-radius: 5px;   
    padding: 7px;
}

/* Border of area that user interacts with */
.sectionWithMargins
{
	background-color: #ffffff;					/* #2 Background */
	border: 2px solid #a0a0a0;					/* #2 Foreground */
	margin-top: 10px;
	margin-bottom: 10px;
    border-radius: 5px;   
    padding: 7px;
}


/* Style for action buttons / Buy Offer, view terms, cancel bid, ect */
.actionButton
{
	background-color: #0093D0;					/* #8 Background */
	color: #ffffff;								/* #8 Foreground */
    border-radius: 5px;
}


/* Tab Menu Controls */
#tabs { FLOAT: left; WIDTH: 100%; LINE-HEIGHT: normal; text-align:left; }
#tabs UL { PADDING-RIGHT: 2px; PADDING-LEFT: 2px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none }
#tabs LI { PADDING-RIGHT: 0px; DISPLAY: inline; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px;}
#tabs A
{
	border: 1px solid #a0a0a0;				/* #5 Foreground */
	display: inline-block;
	width: 75px;
	height:20px;
	text-align: center;
	text-decoration: none;
	font-size: smaller;
	font-weight:normal;
	background-color: #CCCCCC;				/* #5 Background */
	color: #ffffff;							/* #5 Foreground */
	padding-top: 2px;
    border-radius: 5px;
}
#tabs #current A
{
	background-color:#00B259;				/* #3 Background */
	color:#FFFFFF;							/* #3 Foreground */
    border-radius: 5px;
}

/* Styles for Command Button Bar Area */
.commandBar
{
	text-align: center;
	color:#FFFFFF;							/* #9 Foreground */
	font-size:smaller;
	font-weight:normal;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #a0a0a0;				/* #9 Background */
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #a0a0a0;			/* #9 Background */
	background-color: #00B259;				/* #9 Background */
}
.commandBarItem
{
	border-width: medium;
	border-style: outset;
	background-color: #FFFFFF;				/* #8 Background */
	color: #58595B;							/* #8 Background */
	font-size: x-small;
}

/*******************************************************************************/
/* Styles for Offer List Grid Data */
/*******************************************************************************/

/* Style for data grids / normal text */
.gridDataCellText
{
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #a0a0a0;					/* #2 Foreground */
	font-size: small;
	font-weight:bold;
	background-color: #FFFFFF;				/* #2 Background */
	word-break: BREAK-WORD;
	text-align:left;
	height:44px;
    color: #58595B;
}

/* Style for data grids / Offer Price */
.gridDataCellPrice
{
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #a0a0a0;					/* #2 Foreground */
	font-size: small;
	font-weight:bold;
	background-color: #FFFFFF;				/* #2 Background */
	word-break: BREAK-WORD;
	text-align:right;
	height:44px;
}


.gridDataCellButton
{
	border-style: solid none solid none;
	border-width: 1px;
	border-color: #a0a0a0;					/* #2 Foreground */
	font-size: small;
	background-color: #FFFFFF;				/* #2 Background */
	word-break: BREAK-WORD;
	height:44px;
	text-align:center;
}

.gridActionButton
{
	background-color: #ffffff;				/* #2 Background */
	color: #0093D0;							/* #3 Foreground */
	font-size: x-large;
	font-style: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	word-break: BREAK-ALL;
	word-wrap: break-word;
	vertical-align: middle;
	width: 90%;
	font-weight: bolder;
}

.gridHeaderCell
{
	text-align: center;
	font-weight:normal;
	color:#58595B;							/* #9 Foreground */
	font-size:smaller;
	border-top-style: solid;
	border-top-width: thin;
	border-top-color: #a0a0a0;				/* #9 Background */				
	border-bottom-style: solid;
	border-bottom-width: thin;
	border-bottom-color: #a0a0a0;			/* #9 Background */
	background-color: #FFFFFF;				/* #9 Background */
}


/*******************************************************************************/
/* Styles for Buy Page
/*******************************************************************************/
/* Buyer Offer Page - Offer Id Section - left border spacing */
.buyOfferIdCol0
{
	width:15px;
}

/* Buyer Offer Page - Offer Id Section - attribute lable column */
.buyOfferIdCol1
{
	font-weight:bolder;
	width:135px;
    color: #58595b;
}

/* Buyer Offer Page - Offer Id Section - attribute value column */
.buyOfferIdCol2
{
	font-weight:bolder;
	WORD-BREAK:BREAK-word;
	word-wrap: break-word;
    color: #58595b;
}


/* Buyer Offer Page - Offer Details Section - left border */
.buyOfferDetCol0
{
	width:15px;
}
/* Buyer Offer Page - Offer Details Section - attribute lable column */
.buyOfferDetCol1
{
	width:135px;
    color: #58595b;
}

/* Buyer Offer Page - Offer Details Section - attribute value column*/
.buyOfferDetCol2
{
    color: #58595b;
}

/* Buyer Offer Page - Bid and Market Order Section - Left Border */
.buyOrderBidSideBar
{
	width: 10px;
	background-color:#00B259;				/* #4 Background */				
	color: #ffffff;							/* #4 Foreground */
	text-align:center;
}

/* Buyer Offer Page - Bid and Market Order Section - attribute label column */
.buyBidOrderCol1
{
	width:135px;
    color: #58595b;
}

/* Buyer Offer Page - Bid and Market Order Section - attribute value column */
.buyBidOrderCol2
{
}

/* Buyer Offer Page - Bid and Market Order Section - text box entries */
.buyBidOrderBidTextBox
{
	width:125px;
}