﻿/*
 * Author:	Doug Knight
 * Date:	5/31/2006
 * Purpose:	Defines default font family and color 
 *			for the entire site
 */
* 
{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
}

body, td, th, input, select
{
	font-family:Arial, Helvetica, Sans-Serif;
	color:#000000;
	font-size:12px;
}
input 
{
	background-color:expression(readOnly?'#ccc':'');
}
input[readonly], input[readonly="readonly"] 
{
    background-color: #ccc;
    /*color: #ccc;*/
}
body 
{
	margin:0px;
	/*text-align:center;*/
}
.wizardButton 
{
	min-width:135px;
}

/*
 * Author:	Doug Knight
 * Date:	7/20/2006
 * Purpose:	Defines style rules for header text
 */
.header1 
{
	font-weight:bold;
	text-align:center;
	font-size:16px;
	color:#f9a595;
}
.header2
{
	font-weight:bold;
	font-size:14px;
	margin-top:0px;
	margin-bottom:10px;
	color:#f9a595;
	display: block;
}

.header3
{
	font-weight:bold;
	/*font-size:14px;*/
	margin-top:0px;
	margin-bottom:3px;
	/*color:#f9a595;*/
}
.header4
{
	/*font-size:14px;*/
	padding-top:5px;	
	margin-bottom:5px;
	/*color:#f9a595;*/
	display: block;
}

a:link, a:visited, a:active {
    color: #ed80a8;
    text-decoration: underline;
    font-weight: bold;
}

legend 
{
	color:#CC6699;
	font-weight:bold;
 	padding:0;
}


/*
 * Author:	Doug Knight
 * Date:	5/31/2006
 * Purpose:	Defines attributes of the outer page container element
 */
 
/*
 * Author:	Ken Huang
 * Date:	3/14/2012
 * Purpose: Brower compatibility between IE Safari FireFox
 */
.outerContainer {
    width:998px;
    text-align:left;
    margin-top:16px;    
    margin:0 auto; text-align:center
}

.topHeaderImage
{
    height:117px; 
    background-image:url(../../Images/Header3.jpg); 
    background-repeat:no-repeat;
    margin:0px;
    text-align:right;
    /*line-height:5em;*/
}

.headerUserName
{
	/*margin-left: 30px;*/
	color:#ffffff;
    font-weight:bold;
    font-size:12px;
    margin-right:5px;
}

.innerContainer 
{
    padding:4px 0 4px 0;
    border-bottom: 1px solid grey;
    text-align:left;
    padding:10px 10px 80px 10px;
}

/*
 * Author:	Doug Knight
 * Date:	2/27/2007
 * Purpose:	Defines attributes for the welcome page
 */
.welcomePage
{
	text-align:center;
}

/*
 * Author:	Doug Knight
 * Date:	2/27/2007
 * Purpose:	Defines attributes for the wizard (navigation panel)
 */
.wizard 
{
	display:block;
	margin-top:0px;
	clear:both;
}
.wizardTitleLabel 
{
	font-size:18px;
	color:#F9A595;
	font-weight:bold;
	display:block;
	margin-top:1px;
	height:100%;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for instructional copy in the wizard
 */
.instructions 
{
	font-weight:bold;
	display:block;
	margin-top:8px;
	margin-bottom:8px;
	color:Black;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes the requirements on the requirements page
 */
.requirementList td
{
	padding-top:4px;
	padding-bottom:4px;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for sections of content on the agreement
 *			review page
 */
.reviewPanel 
{
	margin-top:16px;
	margin-bottom:8px;
}
.reviewButtonPanel 
{
	margin-top:8px;
	margin-bottom:4px;
}

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for summary blocks in the
 *			confirmation page
 */
.totalsContainer 
{
	float:right;
}
.shippingReviewContainer 
{
}
.productReviewContainer
{
	float:right;
}
.totalsStarterContainer 
{
	float:right;
    padding-left: 5px;
}
/*
.totalsContainer, .shippingReviewContainer, .productReviewContainer 
{
	height:175px;
}
*/

/*
 * Author:	Doug Knight
 * Date:	3/1/2007
 * Purpose:	Defines attributes for the images on the
 *			wizard step pages
 */
.sideImage 
{
	float:left;
	margin: 20px auto auto 50px;
}

.confirmSideImage 
{
	float:left;
	margin: 40px auto auto 120px;
}

.confirmationInfo 
{
	height:280px;
	margin-top:15px;
	float:left;
}

.confirmationCaption
{
	font-weight:bold;
	font-size:13pt;
	margin-left:20px;
	float:left;
	text-align:left;
}

.confirmationCaption span
{
	font-weight:normal;
}

.confirmationLabel
{
	float:left;
	font-weight:bold;
	font-size:10pt;
	margin-top:15px;
	margin-left:39px;
	text-align:left;
	clear:both;
}

.confirmationLabel span
{
	font-weight:normal;
}
 

.printViewLabel
{
	font-size:12px;
	text-align:left;
    height: 15px;
	min-width:280px;
    font-weight:bold;
}

.printViewTopImage
{
    margin: 0px auto;
    display: block;
}

.printIcon 
{
    float: left;
    margin: 35px 10px 10px 0;
}
.printLinkPanel 
{
    float: left;
    margin: 35px 0 10px 0;
    text-align: center;
    font-size: 15px;
}

.helplabel {
    clear: left;
}

.conditionalAcceptedLabel
{
    font-size:12px;
    text-align: justify;
    font-family: Arial;
}

.confirmationTips
{
	clear:left;
	font-size:12pt;
	margin-top:15px;
	margin-bottom:40px;
	margin-right: 80px;
}

.confirmationTipsText
{
	text-align:left;
	margin-left:39px;
	padding-top:25px !important;
	padding-top:2px
}

.PrintPageTopMenu
{
	float:right;	
	margin-right:20px;
}

.PrintPageTopMenu a
{
	color:#0000ff;
	margin-right:10px;
}

/*
 * Author:	Doug Knight
 * Date:	3/2/2007
 * Purpose:	Defines attributes for the wizard progress bar
 */
.progressBar 
{
	display:block;
	float:right;
}
.progressBar td
{
	padding:2px;
}

/*
 * Author:	Doug Knight
 * Date:	3/2/2007
 * Purpose:	Defines attributes for the the section
 *			containing the accept/decline buttons
 */
.acceptDeclineContainer 
{
	text-align:center;
}


/*
 * Author:	Doug Knight
 * Date:	3/5/2007
 * Purpose:	Defines attributes for the main menu
 */
.menuItem 
{
	background-color: #FEE7EF;
	border-top:1px solid #CC6699;
	cursor:pointer;
	color:#CC6699;
	font-weight:bold;
}

/*
 * Author:	Doug Knight
 * Date:	5/31/2006
 * Purpose:	Defines attributes of the page title element
 */
.pageTitle 
{
	display:block;
    font-weight:bold;
    /*padding:2px;*/
    text-align:left;
    color:#656363;
    font-size: 14px;
}

.pageTitleSpan 
{
	display:block;
	margin-top:8px;
	margin-bottom:8px;
	padding:2px;
	background-color:#F9A595;
}

.printAndView_title 
{
    padding: 0 10px;
}
/*
 * Author:	Doug Knight
 * Date:	3/22/2007
 * Purpose:	Defines attributes for error controls
 */
.error 
{
	display:block;
	padding:6px;
	border:2px inset #FEE7EF;
	background-color:#FFFFFF;
	color:#FF0000;
}
.errorToggle 
{
	float:right;
}
.errorContainer 
{
	display:block;
	overflow:auto;
}
.errorValidator
{
	font-weight: bolder;
	font-size: 9pt;
	color: Red;
}

.nameErrorValidator
{
	font-weight: bolder;
	font-size: 9pt;
	color: Red;
	padding-left:5px;
	vertical-align:top;
}
	
/*
 * Author:		Doug Knight
 * Date:		7/25/2006
 * Purpose:		Defines style rules for field labels in data entry forms
 */
.label {
    font-size:12px;
}
.consultantFormerSuffix {
    width:20px;
}
.consultantDetailInfoWrapper {
    box-sizing: border-box;
    padding: 0 29px;
}
.confirmationLabelEmphasized
{
	text-align:left;
	padding-Left:5px;
}
.tableLabel 
{
	width:180px;
	padding-left:5px;
	vertical-align:top;
}
.personalInfoTableLabel
{
	display:block;
	font-size:12px;
    font-weight:bold;
	padding-right:10px;
	vertical-align:top;
	width:100px;
	text-align:right;
	margin-top:5px;
}
.personalInfoTableLabel_Column1
{
	display:block;
	font-size:12px;
    font-weight:bold;
	padding-right:5px;
	vertical-align:top;
	width:100px;
	text-align:right;
}
.personalInfoTableLabel_Column2
{
	display:block;
	font-size:12px;
    font-weight:bold;
	padding-right:5px;
	vertical-align:top;
	width:130px;
	text-align:right;
}
.personalInfoTableLabel_Column3
{
	display:block;
	font-size:12px;
    font-weight:bold;
	padding-right:5px;
	vertical-align:top;
	width:145px;
	text-align:right;
}
.recruiterInfoTableLabel
{
	display:block;
	font-size:12px;
    font-weight:bold;
    width:130px;
	padding-right:10px;
	vertical-align:top;
	text-align:right;
}

.recruiterInfoContentTableLabel
{
	display:block;
	font-size:12px;
	padding-right:50px;
	vertical-align:top;
}

.reviewPhoneEmailContent
{
	padding-left:30px;
}
.reviewPersonalInfo
{
   display:block;
   float:left;
}
.reviewPersonalName
{
   padding-left:255px;
   display:block;
}

.sessionTimeOutWindow
{
    position: absolute;
    visibility: visible;
    top: 50%;
    left: 50%;
    margin-top: -50px;
    margin-left:-250px;
	width: 500px;
	height: 100px;
	border: 2px solid #000000;
	background-color: #EBEBEB;
	z-index: 10;
	vertical-align: middle; 
    text-align: center;
}

.addressInformation 
{
    width: 430px;
}

.addressInfoAddressLabel 
{
	text-align:right;
	padding-right:10px;
}

.addressInfoViewAddressLabel 
{
	text-align:right;
	padding-right:10px;
}

.addressInfoAddressCaptionLabel
{
	display:block;
	width:115px;
}

.addressInfoPhoneLabel 
{
	width:115px;
	padding-right:10px;
	text-align:left;
}
.addressInfoEmailLabel
{
	width:115px;
	padding-right:5px;
	text-align:right;
}
.addressInfoZipCodeLabel 
{
	width:71px;
	padding-right:10px;
	text-align:right;
}
.addressInfoViewZipCodeLabel 
{
	width:115px;
	padding-right:10px;
	text-align:right;
}
.addressInfoTableLabelForEmail
{
	width:105px;
	padding-left:4px;
}
.addressInfoTableLabelForPhone 
{
	width:180px;
}
.addressInfoTableLabelForPhoneTypeLabel
{
	width:107px;
}
.addressInfoTableLabelForPhoneDescriptionLabel
{
	width:60px;
}
.addressInfoTableLabelForPhoneTypeCell
{
	width:70px;
}
.totalsLabel
{
	width:100px;
	padding-left:5px;
	vertical-align:top;
}
.totalsValue
{	
    text-align:right;
	vertical-align:top;
}
.recruiterTableLabel 
{
	width:100px;
	padding-left:5px;
	vertical-align:top;
	display:block;
	float:left;
}

.shorterRecruiterTableLabel 
{
	width:170px;
	padding-left:5px;
	vertical-align:top;
}

.shortRecruiterTableLabel 
{
	width:120px;
	padding-left:5px;
	vertical-align:top;
}

.dataEntryTable tr
{
	vertical-align:top;
}

.consultantSuffix 
{
	width:24px;
}

.consultantSuffixText 
{
	width:21px;
}

.consultantId 
{
	width:64px;
}
.unitId 
{
	width:40px;
}
.unitIdLabel
{
    display: inline-block;
    width: 140px;
}

.consultantUnitIdText
{
    display:inline;
}

.consultantSuffixText
{
    display:inline;
}

/*****************
 * Not Confirmed *
 ****************/

/*
 * Author:		Kevin Nobles
 * Date:		5/11/2006
 * Elements:	
 * Purpose:		Defines style rules for the table on the order total controls
 * References:	Totals.ascx and OrderTotals.ascx
 */
.retailTotalTable
{
   padding: 0;
   border: 0;
   border-collapse: collapse;
   font-size:12px;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
   width: 650px;
}

.additionalTotalsHeader
{
   font-size:12px;
   font-weight: bold;
   text-decoration:none;
   font-family:Arial, Helvetica, sans-serif;
   width: 650px;
   height: 20px;
   vertical-align: bottom;
   background-color: #E6E6FA;
   border-top: #006699 1px solid;
}
.orderTotalTextColumnStyle
{
    text-indent:10px;
    text-align:left;
    width:400px;
    font-size: 12px;
}

.orderTotalNumericColumnStyle
{                
    text-align:right;	            
    width:250px;
    font-size: 12px;
}            
.orderTotalHeader1
{                                
    font-weight:bold;
    text-align:left;
    background-color: #E6E6FA;
    font-size: 12px;
}            
.orderTotalHeader2
{                                
    font-weight:bold;
    text-align:right;
    background-color: #E6E6FA;
    
}            
.orderTotalHeader3
{                                
    font-weight:bolder;
    text-align:left;
    vertical-align:bottom;
    font-size: 12px;
}                             
.orderTotalText
{
    border-top: #006699 1px solid;
    text-indent:10px;
}
.orderTotalNumeric1
{
    border-top: #006699 1px solid;
    text-align:right;
}
.orderTotalNumeric2
{
    border-top: #006699 1px solid;
    font-weight:bold;
    font-size: 12px;
    text-align:right;
}

.orderTotalViewLarge
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}
.totalRowStyle
{
    height:25px;
    font-weight:bold;    
    vertical-align:bottom;
}
.orderTotalRowStyle td
{
    border-top: solid 1px #006699;
    border-bottom: solid 1px #006699;
}
.orderTotalViewSmall
{
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    border-color:#006699;
    border-style:solid;
    border-width:thin;
    width: 100px;
}
/*
 * Author:	Gamini Wickramage
 * Date:	7/14/2006
 * Purpose:	Defines instructions of inline frame view button panel
 */
.inlineFrameButtonPanel {
    float:right;
    padding: 5px;
}
.inlineFrameButtonSpacer
{
	float:left;
	width:40px;
	display:block;
}

/*
 * Author:	Gamini Wickramage
 * Date:	7/14/2006
 * Purpose:	Defines instructions of inline frame view 
 */
.inlineFrame {
    width:100%;
    margin:10px;
    text-align:center;
}

/*
 * Author:	Doug Knight
 * Date:	7/20/2006
 * Purpose:	Defines rules for the display of the list of orders
 *			used on the saved order page
 */
/*
.orderList 
{
	font-size:12px;
}
.orderList.date 
{
	width:64px;
}
.orderList.name 
{
	width:256px;
}
.orderList.retail 
{
	text-align:right;
	width:48px;
}
.orderList.wholesale
{
	text-align:right;
	width:48px;
}
.orderList.cost
{
	text-align:right;
	width:48px;
}
.orderList.type
{
	padding-left:4px;
	width:64px;
}
.orderList.command
{
	padding-left:4px;
	padding-right:4px;
}
*/

/*
 * Author:	Gamini Wickramage
 * Date:	7/14/2006
 * Purpose:	Defines instructions of inline frame view Container
 */
.inlineFrameContainer {
    width:700px;
    height:400px;
}

/*
 * Author:	Gamini Wickramage
 * Date:	7/19/2006
 * Purpose:	Defines the blue color button
 */
.button {
    font-weight: normal;
    font-size: 8pt;
    margin: 1px;
    color: #FFFFFF;
    font-family: Arial;
    height: 19px;
    padding-top: 0px;
    background-color: #ED80A8;
}

.defaultButton
{
    background-color: #7B7B7B;
}

button[disabled=disabled], 
button:disabled, 
input[type=button][disabled=disabled], 
input[type=button]:disabled,button:disabled, 
input[type=submit][disabled=disabled], 
input[type=submit]:disabled 
{
    background-color: #7B7B7B;
    color: white;
    border: 1px solid #444;
}

.wineButtonNew {
    FONT-WEIGHT: normal;
    font-size: 9pt;
    MARGIN: 1px;
    /*WIDTH: 120px;*/
    /*COLOR: #000000;  */
    color: Black;
    FONT-FAMILY: Arial;
    HEIGHT: 22px;
    BACKGROUND-COLOR: #ED80A8;
    cursor: pointer;
}

/*
 * Author:	Gamini Wickramage
 * Date:	7/19/2006
 * Purpose:	Defines right aligned blue color button
 */
.rightalignedbutton
{
	color: white;
	background-color: #044899;
	border-left: #2d6b9a 3px solid;
	border-right: #284f7f 3px solid;
	border-top: #e1f2f5 3px solid;
	border-bottom: #2a5077 3px solid;
	font-size: 9pt;
	font-weight: bold;
	height: 22px;
	margin: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	position:relative;
	text-align: center;
	left:89%;	
	cursor:pointer;
}


/*
 * Author:	Gamini Wickramage
 * Date:	7/19/2006
 * Purpose:	Defines wine color button
 */
.winebutton
{
	border-right: #6d193b 3px solid;
	padding-right: 0px;
	border-top: #dacbce 3px solid;
	padding-left: 0px;
	font-weight: bold;
	font-size: 9pt;
	padding-bottom: 0px;
	margin: 0px;
	border-left: #83234b 3px solid;
	color: white;
	padding-top: 0px;
	border-bottom: #6c183a 3px solid;
	height: 22px;
	background-color: #ad2a60;
	cursor:pointer;
}

.trademark {
	FONT-WEIGHT: normal; font-size: 12px; COLOR: black; LINE-HEIGHT: normal; FONT-STYLE: normal; FONT-FAMILY: Arial, Helvetica, sans-serif; TEXT-DECORATION: none
}

/* 
 * Author:	Doug Knight
 * Date:	7/21/2006
 * Purpose:	Defines attributes for the order list category headers in the saved order page
 */
.orderCategoryHeader 
{
	font-weight:bold;
	font-size:14px;
	cursor:pointer;
	margin-left:4px;
	margin-top:16px;
	margin-bottom:4px;
}

/*
 * Author:		Doug Knight
 * Date:		7/21/2006
 * Elements:	.tabpage, .tab, .selTab
 * Purpose:		Defines style rules for tabbed pages
 * References:	OrderTemplate.aspx
 */
.tabPage {
	border-left:1px solid #92A6BA;
	border-right:1px solid #92A6BA;
	border-bottom:1px solid #92A6BA;
	background-color:#FFFFFF;
	height:300px;
	padding: 4px;
}
.tab td, .selTab td {
	color: #044899;
	cursor:pointer;
	font-size:12px;
	height:28px;
}
.tab {
}
.selTab td {
	font-weight:bold;
}

/*
 * Author:		Gopi Krishna
 * Date:		7/24/2006
 * Purpose:		Defines style rules for Upsell Items control
 * References:	PleaseRemember.aspx
*/
.numericColumnStyle{
	text-align:right;
	width:200px;
	font-size: 12px;
}

.upsellItemHeaderStyle1{
	font-weight:bold;
    text-align:left;
    width:70px;
    font-size: 12px;
}
.upsellItemTextColumnStyle1{
    text-align:left;
    width:70px;
    font-size: 12px;
}

.upsellItemHeaderStyle2{
	font-weight:bold;
    text-align:left;
    width:500px;
    font-size: 12px;
}
.upsellItemTextColumnStyle2{
    text-align:left;
    width:500px;
    font-size: 12px;
}

.upsellItemRightHeaderStyle{
	font-weight:bold;
    text-align:right;
    width:90px;
    font-size: 12px;
}
.upsellItemNumericTextColumnStyle{
    text-align:right;
    width:90px;
    font-size: 12px;
}

.upsellItemRow {
    color:black;
    font-size: 12px;
}
.upsellItemControl{
	font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
    width:800px;
}

/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for PleaseRemember.aspx
 * Reference:	PleaseRemember.aspx
 */
.PleaseRememberShippingButton
{
	float:right;
	height:100px;
	padding-top:64px;
	padding-left:10px;
	padding-right:60px;	
	cursor:pointer;
}

.PleaseRememberShippingInfo 
{
	float:left;
	text-align:left;
	margin-bottom:10px;
}


/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for OrderTotals.aspx
 * Reference:	OrderTotals.aspx
 */
.OrderTotals_ButtonContainer
{
	margin-top:8px;
	margin-bottom:8px;
}


/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for BonusPage.aspx
 * Reference:	BonusPage.aspx
 */
.BonusPage_OuterContainer
{
	text-align:left; 
}
.BonusPage_Container
{	
	height: 300px;
}
.BonusPage_Content 
{
	float:left; 
	width:500px;
}
.BonusPage_Info
{
	float:right; 
	width:200px;
}
.BonusPage_NavButtons
{
	padding-left: 15px;
	cursor:pointer;
}
.BonusPage_OrderTotals
{
	float:right; 
	width:100px; 
	margin-bottom:15px;
}

/*
 * Author:		David Pemberton
 * Date:		10/13/2006
 * Purpose:		Defines style rules for PaymentInfo.aspx
 * Reference:	PaymentInfo.aspx
 */
.PaymentInfo_InsetWindow
{
	width:100%;
}

/*
 * Author:		David Pemberton
 * Date:		10/16/2006
 * Purpose:		Defines style rules for ReviewOrder.aspx
 * Reference:	ReviewOrder.aspx
 */
.ReviewOrder_Container 
{
	width:100%;
	text-align:left;
}
.ReviewOrder_SideA 
{
	float:left;
}
.ReviewOrder_SideB
{
	float:right;
	width:30%;
}

/*
 * Author:		David Pemberton
 * Date:		10/16/2006
 * Elements:	
 * Purpose:		Defines style rules for OrderConfirmation
 * References:	OrderConfirmation.aspx
 */
.OrderConfirmation_Container
{
	background-image:url(../../Images/Order-Confirm.jpg);
}
.OrderConfirmation_TextContainer
{	
	text-align:left;
	FONT-SIZE: 9pt; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	margin-top:250px;	
}
.OrderConfirmation_Text 
{
	padding-bottom:15px;
}

/*
 * Author:	Doug Knight
 * Date:	9/27/2007
 * Purpose:	Defines style rules for debug warning text
 */
.debugWarning 
{
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
	height:100px;
	width:600px;
	font-size:24pt;
	font-weight:bold;
	color:Red;
	background-color:White;
	border:2px solid red;
	margin:12px;
	padding:12px;
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity = 50);
}

.legalAcceptanceCheckBox
{
    margin: -2px 0 0 0;
    padding: 0 0 5px 0;
    display:block;
    width:25px;
    float:left;
}

.legalAcceptanceCheckBox input
{  
    margin:0;
    padding:0;  
} 

.reviewLabel
{
	width:250px;
	padding-left:5px;
	padding-bottom:0.5em
}

.country
{
	color:#CD6B62;
	font-size: 9pt;
    font-weight:bold;
}

.getStartedMain
{
	border-style:solid;
	border-color: #FBD6DE;
	border-right-width: 1px;
	border-top-width: 0px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
	text-align: center;
	width: 800px;
}

.getStarted
{
	border-width: 0px;
	border-spacing: 0px;
	border-collapse:collapse;
	padding: 0px;
	width: 100%;
}

.getStartedWineButton {
    background-color: #ED80A8;
    border: 2px outset #ED80A8;
    color: #000000;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color= '#9F9E9E', Positive= 'true' );
    vertical-align: middle;
    text-align: center;
    white-space: normal;
    cursor: pointer;
    margin-right: 20px;
}


.getStartedButton
{
	background-color: #615d5b;
	border: 2px outset #615d5b;
	color: #FFFFFF;
	cursor: pointer;
	font-size: 12px;
	font-weight: bold;
	filter: progid:DXImageTransform.Microsoft.dropshadow(OffX=5, OffY=5, Color= '#9F9E9E' , Positive= 'true' );
	vertical-align: middle;
	text-align: center;
	white-space:normal;
	cursor:pointer;
	margin-left:20px;
}

.launchAgreementWelcomeLabel
{
    color:#f2797f;
    font-size: 40px;
    font-weight: bold;
    font-family:"Trebuchet MS", "arial"; 
    margin-top:20px;
}    

.launchAgreementGetStartedLabel
{
    color:#615d5b;
    font-size: 24px;
    font-weight: bold;
    font-family:"Trebuchet MS", "arial"; 
}
    
.smallGetStartedButton 
{
	padding:12px;
	cursor:pointer;
}

.largeGetStartedButton
{
	width: 300px;
	height: 96px;
	padding: 4px;
	cursor:pointer;
}

.errorMessage
{
	text-align:center;
    color:#CC6699;
    font-size:16px;
    height:auto;
	font-family: Arial, Helvetica, sans-serif;
	margin: 100px auto 200px auto;
}

/*
 * Author:	Hameedha Mubeen
 * Date:	02/29/2008
 * Purpose:	Defines style for asynchronous progress indicators
 */
.asyncProgress 
{
	background-image:url(../../App_Themes/Default/loading.gif);
	background-position:center;
	background-repeat:no-repeat;
	width:24px;
	height:24px;
}
/*
 * Author:	Rohan Penkar
 * Date:	07/18/2008
 * Purpose:	Defines attributes for the address Lookup Dialog
 */

.addressLookupDialog
{
	width:450px;
	height:550px;
}
/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes common to all dialog boxes
 */
.dialog 
{
	border:2px solid black;
	background-color:#fee7ef;
	z-index:100;
	text-align:left;
}
.dialogContainer 
{
	z-index:100;
}
/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes for the dialog title bars
 */
.dialogTitle 
{
	display:block;
	background-color: #FFC1B5;
	color:#FFFFFF;
	font-weight:bold;
	padding:4px;
}

/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes for the dialog box button container
 */
.dialogButtons 
{
	margin:4px;
	cursor:pointer;
}
.dialogButtons input
{
	margin-left:4px;
	cursor:pointer;
}
/*
 * Author:	Doug Knight
 * Date:	12/15/2007
 * Purpose:	Defines attributes for the dialog box main content area
 */
.dialogContent
{
	margin:4px;
}

/*
 * Author:	Ugur Sener
 * Date:	12/20/2007
 * Purpose:	Defines attributes for the dialog box header area
 */
.dialogHeader
{
	padding:4px;
}

.AdditionalInforLine
{
	float:left;
	padding-left:5px;
	clear:both;
	width:700px;
}
.AdditionalInforLine span
{
	float:left;
	margin-top:5px;
	max-width:520px;
}
.AdditionalInforLine table
{
	float:left;
}

.AddtionalInformation_Validate
{
	float:right;
}

.recruiterSearchDialog
{
	width:450px;
	height:580px;
}

/*
 For New RecruitInfo Page
 Author: Liu Kai
 Date:2009-03-27

*/
.OneRecruitInfoLine
{
	width:100%;
	clear:both;
	float:left;
	margin-top:5px;
	padding-left:20px;
}

.OneRecruitInfoLine span
 {
 	float:left;
 	min-width:2px;
 }

.RecruitInfoLabel
{
	width:150px;
	float:left;
	font-size:9pt;
	font-weight:bold;
}

.RecruitInfoInput
{
	width:200px;
	float:left;
}

.RecruitInfoInput input
{
	width:180px;
	float:left;
}
.PartGovernmentIDStyle
{
	width:90px;
	float:left;
}
.PartGovernmentIDStyle input
{
	width:80px;
	float:left;
}

.GoverIDSeperatorStyle
{
	width:20px;
	height:100%;
	float:left;
	text-align:center;
}
.RecuritAccountNum
{
	width:45%;
	float:right;
}
.RecruiterSearchLabel
{
	width:100px;
	float:left;
}
.TermsAndConditions
{
	width:97%;
	clear:both;
	padding-left:20px;
    margin-top:15px;   
}
.TermsAndConditions div
{
	margin-top:5px;
}
.TermsAndConditionsTitle
{
    font-size:12pt;
    font-weight:bold;
    clear:both;
}

.TermsAndConditionsContent
{
	clear:both;
	font-size:9pt;
}


/*
 For New RecruitInfo Control in PersonalInformation page
 Author: Liu Kai
 Date:2009-03-30
*/

.RecruitInfo_KisLik
{
	clear:both;
	text-align:left;
	padding-left:10px;
	margin-top:10px;
}

.RecruitInfoCtrl
{
	padding-left:10px;
}


.ApplicatInfo_OneGovernmentID
{
	clear:both;
	width:100%;
	float:left;
}

.ApplicatInfo_Control
{
	clear:both;
}

.ApplicatInfo_Control_ApplicatInfo_GovernmentID
{
	clear:both;
}

.ApplicatInfo_Control input
{
	width:73px;
}

.ApplicatInfo_Control select
{
	width:79px;
}

.ApplicatInfor_LabelField
{
	width:100px;
	float:left;
	FONT-SIZE: 12px;
	COLOR: #000000;	
	FONT-FAMILY: Arial, Helvetica, Sans-Serif;
	font-weight:700;
	margin-top:3px;
	margin-right:20px;
	padding-left:5px;
	text-align:right;
}

.ApplicatInfor_TextBoxField
{
	min-width:180px;
	float:left;
	margin-top:3px;
	
}

.ApplicatInfor_TextBoxField .ValidatedInputControl_BankAccount
{
	width:180px ;
}

.ApplicatInfor_TextBoxField input
{
	float:left;
}

.ApplicatInfor_TextBoxField span
{
	float:left;
}


.ApplicatInfo_Control_ApplicatInfo_Name input
{
	width:158px;
}

.ApplicatInfo_Control_ApplicatInfo_EnglishName
{
	margin-left:4px;
	float:left;
}

.ApplicatInfo_Control_ApplicatInfo_EnglishName .ApplicatInfor_TextBoxField
{
	width:320px;
	word-break:break-all;
}


.ValidatedInputControl_EnglishName1
{
	width:70px;
}

.ApplicatInfo_Control_ApplicatInfo_BankInfo
{
	clear:both;
}

/*For Recruit page*/

.RecruitInfoCtrl_ApplicatInfo_Name input
{
	width:164px;
}

.RecruitInfoCtrl_ApplicatInfo_GovernmentID
{
	clear:both;
}

.RecruitInfoCtrl_ApplicatInfo_GovernmentID input
{
	width:76px;
}

.RecruitInfoCtrl_ApplicatInfo_BankInfo
{
	clear:both;
}

.RecruitInfoCtrl_ApplicatInfo_BankInfo input
{
	width:76px;
}

.RecruitInfoCtrl_ApplicatInfo_BankInfo select
{
	width:82px;
}

.EmailAreaDropDown
{
	width:auto;
	float:left;
}

.EmailAreaDropDown input
{
	float:left;
	width:116px;
	margin-left:5px;
}

.EmailAreaDropDown select 
{
	float:left;
	width:118px;
}

.EmailAreaDropDown span
{
	float:left;
	margin-top:2px;
}

.KRinformationSection, KRinformationSection table
{
	width:100%;
}

.KRinformationSection input
{
	width:118px;
}

.KRinformationSection label
{
	white-space:nowrap;
}

.PersonalInfoConfirmField_CheckBox
{
	float:left;
	padding-left:5px;
	padding-top:8px;
}

.PersonalInfoConfirmField_Text
{
	float:left;
	padding-left:5px;
	padding-top:11px;
}

.CatalogAddressViewLong input
{
    width: 290px !important;
}


.printButtonField
{
	clear:both;
	float:right;
	height:20px;
	padding-right:10px;
	padding-bottom:5px;
	cursor:pointer;
}

.printButtonField input
{
	width:140px;
	cursor:pointer;
} 

.CommunityIdValidateTextBox
{
	margin-left:10px;
	margin-right:10px;
}
.CommunityIdValidateResult
{
	text-align:center;
}

.ValidateConfirmCheckBox
{
	clear:both;
	padding-left:20px;
}

.MobilePhoneValidator
{
    position:relative;
    top:39px;
    right:17px;
}

.PhoneListView
{
	float:left;
}

.termsDiv 
{
    padding-top:5px;
    text-align:center;    
}

.issuedByField 
{
    width: 200px;
    height: 50px; 
    text-align:left;
	FONT-SIZE: 9pt; 
	COLOR: #000000; 
	FONT-FAMILY: Arial, Helvetica, sans-serif;
}

.requiredFieldsAsterisk
{
	color: #CC0000;
}
.requiredFieldsIntroduction
{
	margin-left:10px;
}
.videoDemoLinkDiv
{
	padding-top:5px;
	padding-left:5px;
	float:left;
}

.personalInfoButtonPanel
{
	padding-right: 5px;
}

.RecruiterInfoInnerBorder
{
	border-right: 1px solid silver;
}

.RecruiterInfoInnerHr
{
	color:Silver;
}
/*
 * Author:	Ken Huang
 * Date:	3/15/2012
 * Purpose: Brower compatibility between IE Safari FireFox
 */
.ShippingLabelTableCell
{
    width:198px !important;
}


.ReportListViewInfo 
{
	min-height:500px;
	margin-top:15px;	
	border-top:1px solid #CC6699;
	border-bottom:1px solid #CC6699;
}
.ReportListViewColumn
{    
    text-align:center;
    margin-left:0px !important;
    margin-left:20px;
 }
.ReportListViewGridView
{
  margin:0 auto;
  text-align:center
}

.ReportListViewGridRow
{
    
}
.ReportListViewGridAltRow
{
   background-color:Silver;
}



/*
* Flyout Styles
*/
.flyOut, .flyOutStop, .flyOutError
{
    margin : 0px!important;
    background-color : white;
    border : buttonshadow;
    border-width : 1px;
    border-style : solid;
    cursor : 'default';
    min-height: 20px;
    overflow:visible;
    filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=3, OffY=3, Color='#666666', Positive='true');
    text-align : left;
    padding-left : 2px;
}
.flyOut
{  
    color : Black;
    font-weight :normal;
    width : 200px;
    z-index:999;    
}
.flyOutStop, .flyOutError
{  
    color : Red;
    font-weight : bold;
    width : 200px;
}
.flyOutContinue
{
        color : Red;
}


/*
 * Author:      Sehgal Latish
 * Date:        07/15/2008
 * Purpose:     Defines styles for editable web controls when they have focus
 */
.editableControlFocus
{
    border:2px solid #0000FF;	
}
.editableControlFocus select, .editableControlFocus input, .editableControlFocus button
{
    margin: 2px 0px 2px 0px !important; 	
}
/*
 * Author:      Sehgal Latish
 * Date:        09/17/2008
 * Purpose:     Defines styles for editable web controls when they do not have focus
 */
 
/*.editableControlNotInFocus 
{
	margin: 2px 2px 2px 2px !important; 	
}*/

.editableControlNotInFocus select, .editableControlNotInFocus input, .editableControlNotInFocus button
{
    margin: 2px 2px 2px 2px;	
}

.controls_LoginInformationForm input, .controls_LoginInformationForm select, .controls_LoginInformationForm button, .controls_LoginInformationForm checkbox
{
     margin: 2px 2px 2px 2px;
}

.innerContainer input, .innerContainer select, .innerContainer button, .innerContainer checkbox
{
     margin: 2px 2px 2px 2px;
}

/*
 * Author:      Ruslan Sokolov
 * Date:        09/16/2008
 * Purpose:     Defines styles for lookup textboxes in EEU address control
 */
.lookup-selected
{
    color: #fff !important;
    background-color: #666 !important;
}
.lookup-valid
{
    background-color: #9f9;
}
.lookup-invalid
{
    color: #fff;
    background-color: #f00;
}
.lookup-disabled
{
    background-color: #ccc
}

.lookup-hint
{
    margin-left: 3px;
    margin-top: 1px;
    padding: 2px;
}

.relatedContactView,
.relativeQuestionPanel,
.familyInformationLabels,
.familyInformationLabelStyle,
.beautyLocatorLabel
{
    margin-bottom: 5px;
    margin-top:5px; 
}

.lookup
{
	background-color:#FFFFFF;
	border:2px solid #000000;
}
.lookup-highlight
{
	color:#FFFFFF;
	background-color:#0000FF;
}
.moreResultsStyle
{
	text-align:right;
	cursor:hand;
	font-weight:bold;
}
.required
{
	font-weight:bold;
}
.addessRequiredFieldLabel
{
	font-weight:normal;
    text-align:justify;
    display:block;
    width: 160px;
}
.addressNotRequiredFieldLabel
{
    font-weight:normal;
    text-align:right;
}

.wizardContent 
{
	display:block;
	widows:400px;
	margin-top:3px;
	margin-bottom:3px;
}


/*
 * Author:	Doug Knight
 * Date:	10/19/2005
 * Purpose:	Defines style rules for pop-up calendars
 */
.datePicker
{
    display: inline;
}
.datePicker tr td:first-child
{
    width: 140px !important;
    
}
.calendar
{
        border:2px solid black;
        background-color:#F4F4F4;
}
.calendar-day, .calendar-today, .calendar-selectedDay
{
        padding:2px;
        cursor:pointer;
        text-align:center;
}
.calendar-day-disabled, .calendar-today-disabled, .calendar-selectedDay-disabled
{
        padding:2px;
        text-align:center;
        color:#707070;
}
.calendar-selectedDay
{
        color:#FFFFFF;
        background-color: #483d8b;
}
.calendar-selectedDay-disabled
{
        color:#707070;
        background-color: #483d8b;
}
.calendar-today
{
        font-weight:bold;
        border:1px solid #483d8b;
}
.calendar-today-disabled
{
        font-weight:bold;
        border:1px solid #483d8b;
}
.calendar-dayHeader
{
        font-weight:bold;
        text-align:center;
        border-top:1px solid #000000;
        border-bottom:1px solid #000000;
}
.calendar-activator
{
        cursor:pointer;
}
.calendar-nextPrev
{
        cursor:hand;
        text-align:center;
        font-weight:bold;
}


/*
 * Author:	Doug Knight
 * Date:	11/11/2005
 * Purpose:	Defines attributes tables used to present
 *			a list of data
 */
.listGridHeader
{
	background-color: #483d8b;
	color:#ffffff;
	padding:2px;
	font-weight:bold;
}
.listGridHeader th 
{
	padding:2px;
	border-style:solid;
	border-width:1px;
	border-color:White;
	height:2px;
}
.listGridHeader a 
{
	color:#ffffff;
}
.listGridRow td, .listGridAltRow td 
{
	padding:2px;
	height:20px;
	border-style:solid;
    border-width: 1px;
}
.listGridAltRow
{
	background-color: #dcdcdc;
}
.listGridEmpty
{
	font-weight:bold;
}


.shippingInfoBlock
{
    width:235px;
}

.pickupFieldsetBlock
{
    width:235px;
}

.deliveryPanelOptionsBlocks 
{
    width:235px;
}

.deliveryDisclaimer
{
    color:#cc0000;
    font-weight:bold;    
    display:block; 
    font-size:11px;
}

.notes
{
	font-size: 10px;
}

.contactUsImage
{
    width:100%;    
}

.contactUsImageLabel1
{
    margin: 20px auto 0;  
    z-index:1;
    position:relative;
    width:500px;
    font-size:35px; 
    font-weight:bold;
    font-family:"Trebuchet MS", "arial";      
    display:block;
    text-align:center;
}

.contactUsImageLabel2
{
    margin: 0 auto;  
    z-index:1;
    position:relative;
    width:400px;
    font-size:35px;
    font-weight:bold; 
    font-family:"Trebuchet MS", "arial";
    color:#f2797f;   
    display:block;
    text-align:center;
}

.contactUsLabel
{
    font-size:15px;
    font-weight:bold;
}

.sectionField
{
    width:400px !important;
}
.terms_innerContainer 
{
    height:100%;
    width:100%;
    background-color:#999;
    position:fixed;
    left:0px;    
}

.terms_pageTitle 
{	
	height:40px;
	padding:2px;
	text-align:right; 
	border:1px solid #333;
}

.terms_inlineFrame
{
    width:100%;
    height:100%;
    clear:both;
}

.terms_frameContainer 
{
    text-align:left;
    background-color:white;
    clear:both;
    position:fixed;
    left:10px;
    top:60px;
    right:10px;
    bottom:10px; 
    overflow: auto;     
}

.terms_outerContainer 
{
}

.terms_printLink
{
	display:block;
	text-align:right;
	padding:2px;
	color:#0000ff;
}

.rightAlignMyPrimaryPhoneLabel
{ 
    font-size: 10px;
    font-weight: normal; 
    display:inline-block;
    text-align:center; 
    width:200px;
}

.onlineAccessLabels
{   
    width:200px;
    display:inline-block;  
    font-size:12px;
}

.onlineAccessLabelsUseSufixList
{   
    width:180px;
    display:inline-block;  
    font-size:12px;
}

.onlineAccessLabelsPilot {
    width: 70px;
    display: inline-block;
    font-size: 12px;
    text-align: right;
}

.onlineAccessLabelsColumn2
{           
    display:inline-block;  
    font-size:12px;
    padding-left:10px;
    padding-right:3px;
    min-width:80px;
    max-width: 185px;
    box-sizing: border-box;
}

.onlineAccessLabelsColumn2UseSufixList
{           
    display:inline-block;  
    font-size:12px;
    padding-left:10px;
    padding-right:3px;
    min-width:80px;
    max-width: 120px;
    box-sizing: border-box;
}

.forgotPasswordLink {
    display: block;
    margin-left: 205px;
    margin-bottom: 5px;
    text-align:left;
}

.onlineAccessRightPanel
{
    width:405px;
    height: 580px;
    margin-left: 20px;
    margin-top: 10px;
    display:block;  
    float:left;    
}

.onlineAccessRightImage
{
    width:405px;
    background:top center no-repeat;   
    margin:0px;
}

.onlineAccessContent
{
    float:left;
    width:550px;
    clear:both;
}
.passwordAssistanceContent
{
    width:100%;
    clear:both;
    margin-top: 10px;
}

.onlineAccessContinueLabel
{
    font-weight:bold;
    display:block;
    padding:10px 0px 10px 0px;
}

.onlineAccessRequiredNotes
{
    font-size:10px;
    font-weight:bold;
    display:block;
    padding-bottom:20px;    
}

.onlineAccessDataPrivacyLink
{
    display:block;
    padding-bottom:10px;
}

.onlineAccessVerificationCodeLink
{
    display:block;
    padding-top:10px;
    padding-bottom:10px;
}

.lineSpace 
{
    margin-top: 20px;
}

.passwordInputPanel
{  
    margin-left:15px; 
}

.passwordRadioButton
{
    font-weight:bold; 
    font-size:14px;
    padding-right:15px;    
}

.passwordTextBox
{  
   vertical-align:middle;  
}

.reviewAgreementRightImage
{
    height:385px; 
    width:540px;
    display:block;
    background:top center no-repeat;   
    float:right;
    margin:0px 0px 0px 10px;
}

.familyInformationNotes
{   
	padding-left:5px;
	vertical-align:top;
	display:inline-block;
}

.familyInformationLabel
{
    padding:0px 20px 0px 5px;
	vertical-align:top;
}

.familyInformationRow
{
    padding-bottom:10px;
}

ruitStarterFormRoot table
{
    border-spacing: 0;
}

.recruitStarterFormContainer
{
    padding:0;
}

.addrUpdatePanel1,
.addrUpdatePanel1 table,
.addrUpdatePanel1 td,
.addressPanel1CustomStyle,
.addressPanel1CustomStyle table,
.addrUpdatePanel2,
.addrUpdatePanel2 table,
.addrUpdatePanel2 td,
.personalInfoView table,
.PhoneListViewPlaceholder table,
.PhoneListViewPlaceholder td
{
    border-spacing: 0;
    padding:0;
}

/*.addrUpdatePanel1 input,
.addrUpdatePanel1 select
{
    margin-left:0;
    margin-right:0;
}*/

.addressPanel1CustomStyle td,tr:first-child,
.addrUpdatePanel1 table tr td:first-child,
.addrUpdatePanel2 table tr td:first-child,
.personalInfoView table tr td:first-child,
.PhoneListViewPlaceholder table table tr td:first-child,
.recruitGovtIssuedIdView table tr td:first-child
{
    width: 160px;
}

.recruitGovtIssuedIdView td,
.PhoneListViewPlaceholder td
{
    padding-bottom:0.5em;
    padding-right:10px;
}

.personalInfoView td
{
    border-spacing: 0;
    padding-bottom:0.5em;
}

.addressPanel1CustomStyle td,
.addrUpdatePanel1 td,
.addrUpdatePanel2 td
{
    padding-bottom:0.5em;    
}

.recruiterId, 
.unitId,
.consultantNameLabel,
.notReqdLabelComment
{
    display:inline-block; 
    padding-bottom:0.5em;
    width: 160px;
}

.familyInformationLabels,
.familyInformationLabelStyle
{
    padding-bottom: 0.5em;   
    display:inline-block;
}
.FamilyInformationrelativeQuestion
{
     width:75%;
     margin-top:-1em;
     padding-bottom: 0.5em;
     display:inline-block;
}

.personalInfoView .label:after, 
.languagePreference :after,
.recruitStarterFormRoot .label:after,
.addessRequiredFieldLabel:after,
.requiredFieldsLabel:before,
.rightAlignMyPrimaryPhoneLabel:after,
.reqdLabel:after,
.onlineAccessLabels:after,
.onlineAccessLabelsColumn2:after,
.redAsterixReqdLabel:after,
.familyInformationLabels:after,
.header4:after,
.beautyLocatorLabel:after
{
    content:"*";
    color: Red;
}

.FamilyInfoRadioButtons
{
    display:inline-block;
    border-spacing:0;
    vertical-align:bottom;
}

.familyInfoPanel
{
    clear:both;
}
.beautyLocatorProgramPanel
{
    clear:both;
} 
.beautyLocalProgramoRadioButtons
{
    display:inline-block;
    border-spacing:0;
    vertical-align:bottom;
}
.consultantIdText, .consultantUnitIdText
{
    width: 145px;   
}


.personalInfoView input,
.personalInfoView select,
.languagePreference input,
.languagePreference select
{
    width:190px !important;
}


.rightInputControlStyle 
{
   	float:left;
   	display:block;
   	padding-left:-2em;
}

.personalInfoLeft
{
    float:left;
    width:470px;
}

.personalInfoRight
{
    float:right;
    margin-right: 5px;
    width:400px;
}

.personalInfoImage 
{
   width: 400px; 
   height: auto;
   float: right; 
}

.requiredFieldsLabel
{
    display:inline-block;
}

.reqdLabel
{
    font-weight: bold;
}
.personalDataInfoPanel
{
    clear:both;
}

.welcomeImage
{
    width: 945px;
    margin: 0 auto;
}

.startPanel
{
    /*background-color: #F4F4F4;*/
    overflow:hidden;
    width:100%;
    text-align:center;
}

.startOASection
{
    float:left;
    margin-right: 1px; 
    margin-top: 2px;
    width: 471px;
    min-height: 200px;
}

.findIbcSection
{
    float:left; 
    margin-left: 1px;
    margin-top: 2px;
    width: 471px;
    min-height: 200px;
}

.gateTextSection
{
    float:left;
    margin-right: 1px; 
    margin-top: 2px;
    width: 471px;
    display:table;
    height: 538px;
}

.gateTextInnerContainer 
{
    display: table-cell;
    vertical-align: middle;
}

.gateButtonPanel 
{
    margin-top: 20px;      
}


.gatePictureSection
{
    float:left; 
    margin-left: 1px;
    margin-top: 2px;
    width: 471px;
    height: 538px;
}


.findIBCLabel,
.startOALabel
{
    height:55px;
    padding-top: 70px;
    font-size: 14px;
    padding-left: 5px;
}

.startOASection .button,
.findIbcSection .button
{
    color:#FFFFFF;
    background-color:#fe9abc;
    font-weight: bold;
    padding: 0 10px 0 10px;
    height:20px;
    border:0;
    margin-bottom: 45px;
}

.recruiterIdStartPanel,
.unitIdStartPanel
{
    width:70px;
    display:inline-block;
}

.recruiterFormNonEditableField 
{
    width:70px;
    margin-left: 2px;
}

.suffixStartPanel
{
    width: 25px;
    display:inline-block;
}

.welcomeRecruiterForm table tr td
{
    padding:0;
}

.welcomeRecruiterForm table tr td img
{
    width: 12px;
}

.welcomeRecruiterFormLabel1
{
    padding-bottom:5px;
    padding-top: 5px;
}

.welcomeRecruiterFormLabel2
{
    padding-bottom:5px;
    color: #fe9abc;
}

.popupDisclaimerStyle
{  
    margin-left: 10px;
	background-color : #FFFECE;	
	border-width : 1px;
	border-style : solid;
	min-height: 20px;
	padding: 0 10px 0 10px;
}

.popupDisclaimerStyle ol, .popupDisclaimerStyle ul 
{
    margin-top: 10px;
    margin-bottom: 10px;
}

.welcomeForm_RecruiterValidator
{
    display:none;
}

.secQuestField
{
    padding-left: 4px;
    padding-bottom: 2px;
}

.spacePanel 
{
    display: none;   
}
.persInfNote 
{
    margin-top: 5px;
    margin-bottom: 5px;
    content: none;
}
.addressViewNote 
{
    margin-top: 5px;
    margin-bottom: 5px;
    content: none;
}
.commandDiv 
{
    display: none;
    margin: 0px;
}

.contactInformation
{
    clear: left;
    margin-top: 8px;
}

.startPanelPilot {
    margin:0 auto; 
    width: 300px;
    text-align: left;
}

.startPanelPilot .button {
    width: 70px;
    margin-left: 75px;
}

.startPanelPilot input {
    margin: 5px 0 5px 0;
}

.recruiterIligibilityValidator {
     display: block;
 }

.bankAccountInfo {
    width: 75%;
    padding: 5px 0 5px 0;

}

.launchAgreementRDAStartPanel
{
    margin: 50px 0 75px 0;
    text-align: center;
}

.launchAgreementRDAStartButton {
    margin-top: 25px;
}

.recruitIdPanelStyle {
    width:800px;
    margin-bottom: 5px;
}

.recruitIdPanelStyle input {width:200px;} 


.printableContentStyle {
    display: none;
    
}

.confirmationDialog, .confirmationContainer
{
    width:400px;
    height:150px;
    z-index:9999;
}
.confirmationContent
{
    height:70px;
    text-align:left;
    padding:10px;
}
.languageSelection
{
    text-align:right;
    position: relative;
    top: -50px;
    left: -10px;
    color: #BBBBBB;
	font-weight:bold;
    font-size: 13px;
}
.languageSelection a
{
    color: #BBBBBB;
}

.ageConfirmationPanel
{
    clear: both;
    display: table;
}

.ageConfirmationPanel label, .ageConfirmationPanel span
 {
    cursor: pointer;
    vertical-align: middle;
    display: table-cell;
    padding: 0 3px 0 0;
}

.ageConfirmationPanel label 
{
    padding: 0px;
}

.noticeRegardingPersonalData
{
    font-family: Arial;
    font-size: 8pt;
    text-align: justify;
}

.printHeader
{
	font-weight: bold;
	text-align: center;
	font-size: 20px;
	font-family: Arial, Helvetica, sans-serif;
	background-color:#FDEBE7;
	border: solid 1px black;
	padding-top:10px;
	padding-bottom:10px;
}
.printOrderSubHeader
{
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 10px;
}
.printInfoContainer
{
	padding: 5px;
	border: solid 1px black;
	vertical-align: top;
    text-align: left;
}
.printOrderFullName
{
    padding:5px 0 5px 0;
}
.shipping-field-annotation 
{
    display: block;
    font-size: 90%;
    color: #333;
    margin-left: 5px;
    margin-top: 3px;
}
.closePrintLink
{
	display:block;
	text-align:right;
	padding:4px;
	font-size:smaller;
	color:#0000ff;
    font-size: 12px;
}
.printReviewOrder,
.termPrint,
.noticeRegardingPersonalDataPanel,
.personalDataInfo,
.bankInformation
{
    page-break-before:always;
}
.paddedContainer
{
	padding-top: 2px;
	padding-bottom:5px;
}
.reviewAgreementLabel
{
	width:150px;	
	vertical-align:top;
    font-weight:bold;
    padding: 5px 0 5px 0;
}
.printPageTitle 
{
    font-weight:bold;
	text-align:center;
	font-size:16px;
	color:#f9a595;
}
.legalAcceptanceCheckBoxLogInfo {
    padding: 0 3px 0 0;
    display:table-cell;
}
.legalAcceptanceLabelLogInfo  {
    vertical-align: middle;
    display:table-cell;
}

.legalAcceptanceValidatorLogInfo {
    display:table-cell;
}

/*********** Login information page ***********/

#LoginInformationTabsWrapper {
    display: none;
    border-bottom: 5px solid #F9A595;
    width: 100%;
    margin: 20px 0;
}

.loginInformationTabs {
    padding: 5px;
    cursor: pointer;
    color: #444;
    background: #ffffff;
    border: 1px solid #F9A595;
    border-bottom: none;
    display: table-cell;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    vertical-align: middle;
    color: #F9A595;
}
    .loginInformationTabs.active {
        color: white;
        background: #F9A595;
        cursor: default;
    }

.orderDetailsLabel {padding-right:15px;}
.recruiterDataRow { height: 20px;}
/**********************************************/

@media print {
     .terms_outerContainer 
     {
         display: none;
         visibility: hidden;
     }
     .printableContentStyle 
     {
         display: block;
     }
        
     .closePrintLink
     {
         display: none !important;
     }
     .printReviewOrder,
     .termPrint,
     .noticeRegardingPersonalDataPanel,
     .personalDataInfo
     {
         page-break-before:always;
     }
     .termPrint,
     .noticeRegardingPersonalDataPanel,
     .noticeRegardingPersonalData,
     .personalDataInfo
     {
        line-height: 1.15em;
        font-size: 8px;
     }
     
     .termsInternal_headerStyle {
         padding-top: 5px !important;
     }
 }

input.widthAuto{width:auto;} 


/*Guidelines-specific classes*/

#orderingGuidelinesStyle, #orderingGuidelinesStyle *
{
    font-family: Arial;
    font-size: 9pt;
}
#orderingGuidelinesStyle, #orderingGuidelinesStyle * li
{
    margin-top: 10px;
}
.guidelineActiveBox
{
    border:2px solid #000000; 
    padding:4px;
}

.mod-header {
    position: relative;
    background: #000;
}

.grid-945-center {
    width: 945px;
    margin: 0 auto;
    display: block;
}

.mod-header .grid-945-center {
    position: relative;
    height: 90px;
}

.mod-header .s-header-logo-new {
    width: 235px;
    height: 35px;
    display: block;
    position: absolute;
    top: 15px;
    left: 0px;
}

.mod-header .s-header-links {
    position: relative;
    top: 15px;
    text-align : right;
}

.mod-header .s-group-nav, .mod-header .mod-lang-nav {
    display: inline-block;
    margin: 0 5px;
    font-size: 10px;
    line-height: 10px;
    color: #ccc;
    vertical-align: middle;
}

.fn-offscreen {
    position: fixed !important;
    left: -9999999px;
    top: -9999999px;
    display: inline !important;
}

.mod-header .s-group-nav a, .mod-header .mod-lang-nav a {
    display: inline-block;
    padding: 2px 1px 2px 4px;
    color: #fbc9ba;
    font-weight: 400;
    cursor: pointer;
    text-transform: uppercase;
}


.callbackButton {
    position: fixed;
    bottom: 75px;
    right: 10px;
    margin: 2px;
    background-color: #399E58;
    border-radius: 5px;
    color: #fff;
    min-width: 193px;
    height: 30px;
    z-index: 1;
    cursor: pointer;
    text-align: center;
    font-size: 17px;
}

.callbackFormButton {
    background-color: #399E58;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    height: 28px;
}

.callbackFormButtonClose {
    background-color:grey;
    border-radius: 5px;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    height: 28px;
}

.callbackButton span {
    margin-top: 10px;
}

.callbackForm {
    width: 100%;
    min-height: 100%;
    /*background-color: rgba(0,0,0,0.5);
    overflow: hidden;
    position: fixed;
    top: 0px;
    z-index: 1010;*/    
}

.callbackContent {
    padding: 30px;    
    background: #FFF;
    width: 500px;
    margin: 0 auto 0px auto;
}

.callbackContent textarea {
    resize: vertical;    
    max-height: 200px;
}

.error {
    color: Red;
}

.timeInterval {
    font-size: 13px;
}

.timeInterval option {
    font-size: 11px;
}

.EeuConsultantIdPanel_SuffixList {
    min-width: 95px;
    max-width: 105px;
}
.WelcomeRectruiterForm_SuffixList {
    min-width: 50px;
    max-width: 110px;

}

.dropDownDatePicker select{
    width: 30% !important;       
}

.dropDownDatePicker div {
    margin-left: 0px;
    width: 208px;
}

.buttonTitleList_NotSelected {    
    background-color: silver;    
    margin: 0px !important;
    color: white;

    border: 1px solid lightgray;
    height: 20px;
    font-weight: normal;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
.buttonTitleList_Selected {    
    background-color: white;    
    margin: 0px !important;    
    color: black;  

    border: 2px solid black;
    height: 20px;
    font-weight: bold;
    padding-left: 0px;
    padding-right: 0px;
    text-align: center;
}
.buttonTitleList  {
    margin-left: 3px;
    width: 195px;
    display: inline-block;
}
.wideButtonTitleList  {
    margin-left: 3px;
    width: 300px;
    display: inline-block;
}
.modalScreen
{
	background-color: #FFC1B5;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE */
	opacity: 0.3; /* Firefox */
	z-index: 1000;
	font-size: 14px;
}

.modalScreenForAsync
{
	background-color: #FFC1B5;
	position: absolute;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30); /* IE */
	opacity: 0.3; /* Firefox */
	z-index: 9999;
	font-size: 14px;
}

.cookieDisclaimer 
{
    width: 978px;
    display: block;        
    text-align: center;
    background-color: white;
    border: 2px solid black;
    position: fixed;
    bottom:15px;
    min-height: 50px;
    left: 50%;
    margin-left: -489px;      
}
.cookieDisclaimerTextArea 
{
    padding: 10px;
    width: 900px;
    float: left;
}

.cookieDisclaimerCloseArea 
{
    padding: 10px;   
    float: right;        
    font-weight:bold;
    font-size:15px;
}

.cookieDisclaimerCloseArea :hover 
{
    cursor:pointer;
}
.validationResultFooter {
    text-align: left;
}

.phoneFieldCell {
    min-width: 145px;
}