﻿html 
{
	height: 100%;
	overflow-y: scroll;
	/*background:#8E8F94 url('../image/elements/stock_bg.jpg') repeat-y 50% 0 !important;*/
}

body 
{
	margin: 0px;
	padding: 0px;
}

.pageContainer 
{
	margin:auto;
	width: 1000px;
	background-color: #d4d5d7;
}

.pageHeader 
{
	background-color: #000000;
	padding: 0px !important;
}

.pageSideBar
{
	width: 26%;
	/*background-color: #d4d5d7;		 USE pageContainer	*/
	vertical-align: top;
	padding: 10px;
	float: left;
}

.pageSideBar ul
{
	margin: 0px;
}

.pageContent
{
	height: 400px;
	min-height: 400px;
}

.pageContent , .pageSubmit
{	
	width: 70%;
	vertical-align: top;
	float: right;	
	background-color:#ffffff;
	height: 100%;
}
.pageSubmit {
		padding: 10px 10px 0px 10px;
}
.pageContent {
		padding: 10px;
}

.pageFooter 
{
	clear: both;
	background-color: #000000;
}

.errorbox
{
	background-color: #ffebe8;
	border: 1px solid #dd3c10;
	padding: 10px;
	width: 97% !Important;
	margin-right: 10px;
}

.tableLabelColumn 
{
	width: 250px;
	text-align: left;
	vertical-align: top;
	padding-top: 5px !important;
}

.tableNumberColumn 
{
	width: 30px;
	text-align: right;
}

.registrationFormCell , .tableLabelColumn
{
	background-color: #f4f4f4;
	border: 1px solid #d4dae8;
}

.field-label, .field-label-required, .field-label-required-two
{
   padding-left: 20px !important;
   display: block;
}

.field-label-required, .field-label-required-two
{ 
   background-image: url('../image/icons/mandatory.gif');
   background-repeat: no-repeat;
   background-position-y: 2px;
			margin-left: 3px !important;
}

.field-label-required-two 
{
		background-image: url('../image/icons/mandatory2.gif') !important;
}

.Memo textarea 
{
    overflow: hidden !important;
}

.registrationBadgePreviewImage
{
	background-position: center center;
	vertical-align: middle;
	text-align: center;
	background-image: url('../image/badge/badge.jpg');
	background-repeat: no-repeat;
}

/* TEXT LABELS */

.TitleText
{
	color: #000000;
	font-size: 14pt !Important;
	font-weight: bold !Important;
}

.SubTitleText
{
	color: #000000;
	font-size: 12pt !Important;
	font-weight: bold !Important;
}

.SubmitBarText
{
	text-align: right;
}

.ErrorText
{
	font-weight: bold !Important;
}

.RedText
{
	font-weight: bold !Important;
	color: red;
}

.SingleCurrencyText
{
    padding-top: 5px !important;
}

/* PROMO CODE */

.DiscountLabelTD
{
	width: 150px;
	text-align: right !Important;
}

.DiscountTextTD
{	
	width: 100px;
}

.DiscountButtonTD
{

}

/* column width for products, checklists, tts */

.SelectionList label
{
	width: 300px;
}

/* CUSTOM SECTION PANELS */

.SectionPanel
{
	background-color: #f4f4f4;
	border: 1px solid #d4dae8;
	padding: 3px;
}

/* JOB FUNCTION */

.JobFunction
{

}

.SubJobFunction
{
	padding-top: 3px !important;
	padding-bottom: 3px !important;
	display: block;
}

.OtherJobFunction
{

}

/* COMPANY ACTIVITY */

.CompanyActivity
{

}

.SubCompanyActivity
{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
	display: block;
}

.OtherCompanyActivity
{

}

.SummaryValues
{
	background-color: orange;
}

.SummaryValues span
{
	padding: 5px;
	font-weight: bold !important;
	display: block;
}

/* ADMIN */

.AdminTableLabelColumn 
{
	width: 180px;
	text-align: left;
	vertical-align: top !important;
	padding-top: 3px !important;
}

.AdminTableFormCell 
{
	width: 170px;
}

.AdminTableHelpCell 
{
		text-align: right;
		vertical-align: top;
		padding-top: 5px;
}

.dxpcLite span, .dx span, .dxb span, .LoadingPanel span
{
		/* PREVENT ADMIN OPTIONS, BUTTONS AND LOADING PANELS FROM HAVING THE FONT COLOUR CHANGED */
		color: black !important;
}

/* Force tab text color to be gray*/
.dxtc-tab span
{
    color: #8E8F94 !important;
}

/* force active tab text color to be white*/
.dxtc-activeTab span
{
    color: white !important;
}

/* Products and Services tree formatting (remove connecting lines) */

.NodeHighlight:hover  
{
   background-color:lightgray;
   cursor:pointer;  
}

.dxtlLineRoot_Office2003Silver 
{
   background: none ; /*!IMPORTANT*/
}
.dxtlLineMiddle_Office2003Silver {
    background-image: none;
}
.dxtlLineFirst_Office2003Silver {
    background-image:none;
}
.dxtlLineLast_Office2003Silver {
    background-image: none;
}

.finishPanel
{
   padding-left: 8px;
}

.dxpcLite span, .dx span, .dxb span, .LoadingPanel span
{
		/* PREVENT ADMIN OPTIONS, BUTTONS AND LOADING PANELS FROM HAVING THE FONT COLOUR CHANGED */
		color: black !important;
}

/* Tool Tip styling */

a.tooltip {outline:none; }
a.tooltip strong {line-height:30px;}
a.tooltip:hover {text-decoration:none;} 
a.tooltip span {
    z-index:10;display:none; padding:14px 20px;
    margin-top:-30px; margin-left:28px;
    width:300px; line-height:16px;
}
a.tooltip:hover span{
    display:inline; position:absolute; color:#111;
    border:1px solid #DCA; background:#fffAF0;}
.callout {z-index:20;position:absolute;top:30px;border:0;left:-12px;}
    
/* CSS3 extras */
a.tooltip span
{
    border-radius:4px;
    box-shadow: 5px 5px 8px #CCC;
}

.TimeoutWarning
{
    padding: 10px !important;
    display: block !important;
}

#WdgthdrRecommendContainer
{
		float: left !important;
}