body {
	margin: 0px;
	padding: 0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background-color:#8B8C90;
	color:#666;
	font-size:12px;
}
#wrapper{
  position:relative;
}

.inner{
 margin:0 auto; width:980px; text-align:left; position:relative;
}
#header{
background:url(../images/header_bg.jpg) repeat-x top center; height:152px; position:relative;
z-index: 1000 !important;
}
#header .inner{
 height:166px;
}
#header #logo{
width:300px; float:left; padding:40px 10px 0 20px;
}
#header #topmenu{
width:300px; text-align:right; margin:0px 0px 4px 0; font-size:11px; float:right; color:#ccc;
}
#header #topmenu a{
color:#dddddd; text-decoration:none; margin-left:5px; margin-right:5px;
}

#header #topmenu a:hover{
color:#FFC229; text-decoration:underline;
}

#main .topshadow{
background:url(../images/header_shadow.jpg) repeat-x top center; height:14px; position:relative;
}

#main{
background-color:#4D4D4D;
}

#main .inner{
background:#FFFFFF url(../images/main_shadow.jpg) repeat-x; margin-top:-14px; margin-bottom:-14px;
}
#main #content{
min-height: 400px;
padding:10px 20px 0px; background:url(../images/main_footer_shadow.jpg) repeat-x bottom left;
}
#main #content #left{
width:300px; float:left; font-size:11px; line-height:16px; margin-left:5px;
}
#main #content #leftcolumn{
width:610px; float:left; font-size:11px; line-height:16px;margin-left:5px;
}
#main #content #right{
margin-left:317px;
}
#main #content #rightcolumn{
margin-left:630px; margin-right:3px;
}

#main #home {
margin-top:10px;
padding:20px 0; 
}
#main #home .column{
width:306px; float:left; margin-right:10px;
}
#main #home .column.nomargin{
 margin-right:0px;
}
#main #breadcrumb{
font-size:10px; color:#999; padding:10px 10px 0px 10px;
}
#footer{
padding:25px 20px; background:#919296 url(../images/footer_bg.jpg) repeat-x top center; font-size:11px; color:#ccc;
}
#footer div {
margin:0 auto; width:980px; text-align:left;
}
#footer a{
color:#ccc; text-decoration:none;
}
#footer a:hover{
color:#FFC229;
text-decoration:underline;
}
.clear{
clear:both; margin:0; padding:0; height:1px;
}
.right{
float:right;
}

/* Layout for the admin area of the site */
#main #content #leftnarrow{
width:150px; float:left; font-size:11px; line-height:16px; margin-left:5px;
}
#main #content #leftnarrowcolumn{
width:175px; float:left; font-size:11px; line-height:16px;margin-left:5px;
}
#main #content #rightnarrow{
margin-left:155px;
}
#main #content #rightnarrowcolumn{
width:737px; float:left; font-size:11px; line-height:16px;margin-left:5px;
margin-right:3px;
}
	
/** reports **/
#reportcontent {
	height: 350px;
	overflow:auto;
}

/** Registration Form **/

#registration {
	/*padding: 10px;*/
}

#registration td{
	vertical-align: middle;
}

/* Generic */
.tableTitleLabel {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	color: #629BBE;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
	margin-top: 10px;
	width: 400px;
}

/* PAGE 1*/

.headingLineOne
{
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #629BBE;
}

.headingLineThree
{
	padding-top: 5px;
	font-weight: bold;
}

/* Personal Details Table */
.personalDetailsTable {

}

/* Delivery Address Table */
.deliveryAddressTable {

}

.buttonTable {
	left: 545px;
}

.clearButton,
.cancelButton,
.submitButton,
.nextButton,
.backButton
{
	width: 80px;
 	background-color: transparent;
 	background-image: url(../images/buttons/smallReset.gif);
 	background-position: right bottom;
 	background-repeat: no-repeat;
 	border: none;
 	color: white;
 	font-size: 10px;
 	font-weight: bold;	
 	height: 25px;
 	margin: 20px;
}

.gwt-TabBar {
	left: 0px;
	padding: 0px;
	position: relative;
	width: 50px;
}

.gwt-TabBarRest {
	width: 0px;
}

.gwt-TabBarRest {
	width: 0px;
}

.gwt-TabBarFirst {
	width: 0px
}

.gwt-TabBarItem {
	background-color:#DDECF9;
	margin:1px;
	padding: 5px;
	text-align: center;
	width:50px;
	
}

.gwt-TabBarItem-selected {
	font-weight: bold;
	background-color:#DDECF9;
	margin:1px;
	padding: 5px;
	width:50px;
	
}

.mandatoryLabel {
	color: #629BBE;
	font-size:25px;
	line-height: 1em;
	padding-left:3px;
	padding-right:3px;
}

.personalDetailsTable td {
	vertical-align: middle;
}

.regFieldLabel {
	padding-left: 10px;
	width: 140px;
}

.regFieldStatus
{
	color: #629BBE;
	font-size: 10px;
	padding-left: 3px;
	width: 325px;
}

.personalDetailsTable .companyNameTextBox,
	.personalDetailsTable .titlesTextBox,
	.personalDetailsTable .departmentNameTextBox,
	.personalDetailsTable .spendingLimitTextBox,
	.personalDetailsTable .jobTitleTextBox,
	.personalDetailsTable .firstNameTextBox,
	.personalDetailsTable .lastNameTextBox,
	.personalDetailsTable .telephoneTextBox,
	.personalDetailsTable .faxTextBox,
	.personalDetailsTable .emailTextBox,
	.personalDetailsTable .email2TextBox,
	.personalDetailsTable .passwordTextBox,
	.personalDetailsTable .password2TextBox,
	.personalDetailsTable .remainingCreditTextBox {
	width: 200px;
	margin-bottom: 10px;
}

.personalDetailsTable .emailTextBox,
	.personalDetailsTable .email2TextBox {
	width: 280px;	
}

companyAddressTable td {
	vertical-align: middle;
}

.companyAddressTable .company1TextBox,
	.companyAddressTable .company2TextBox,
	.companyAddressTable .company3TextBox,
	.companyAddressTable .companyCityTextBox,
	.companyAddressTable .companyCountyTextBox,
	.companyAddressTable .companyPostCodeTextBox,
	.companyAddressTable .companyCountryTextBox {
	width: 200px;
	margin-bottom: 10px;

}

.gwt-SuggestBox {
	
}
	 
.gwt-SuggestBoxPopup {
	background-color: white;
	border-style: solid;
	border-width: 1px;
	width: 203px;
}
.gwt-SuggestBoxPopup .item {
	/*dont forget to replace colors with HEX*/
	color: black;
	/*font-weight: bold;*/
}
.gwt-SuggestBoxPopup .item-selected {
	background-color: #828282;	 
	color: white;
	/*font-weight: bold;*/
	width: 203px;
}

/* PAGE 2*/
.deliveryAddressTable td {
	vertical-align: middle;
}

.deliveryAddressTable .delivery1TextBox,
	.deliveryAddressTable .delivery2TextBox,
	.deliveryAddressTable .delivery3TextBox,
	.deliveryAddressTable .deliveryCityTextBox,
	.deliveryAddressTable .deliveryCountyTextBox,
	.deliveryAddressTable .deliveryPostCodeTextBox,
	.deliveryAddressTable .deliveryCountryTextBox {
	width: 200px;
	margin-bottom: 10px;

}

#registration .endText1 {
	padding-botton: 10px;
}