/* special.css - styling etc., for one-off pages */
    
/* Basic login landing page */
.welcomeOptions div div { width:99%; border: 1px solid; } 
.welcomeOptions .contentBox { margin-bottom: 0; padding-bottom: 0;}
.welcomeOptions .contentBox p {padding: 0; margin: 0;}
.welcomeOptions .leftSideImage {float: left; padding: 0; margin: 0;}

/* zoomerang launch */
.surveyLaunch {text-align: center;}
.surveyPretext {padding-bottom: 3em;}

/* ciao launch */
div.CWWrapperAftersalesL {
	position:				absolute;
	top:					200px;
	left:					100px;
	width:					375px;
	height:					200px;	
	border:					2px solid #D4D0C8;
	font-family:			arial;
	font-size:				12px;
	z-index:				999;
	background-color:		#FFFFFF;
}

div.CWWrapperAftersalesL div.CWHeader {
	position:				relative;		
	background-color:		#ACA9A2;
	padding:				4px 5px 4px 5px;	
}

div.CWWrapperAftersalesL div.CWHeader span {
	font-weight:			bold;
	color:					#FFFFFF;	
}

div.CWWrapperAftersalesL div.CWHeader div.CWExit {
	position:				absolute;
	top:					2px;
	right:					4px;
	width:					17px;
	height:					18px;
	background-image:		url(https://images.ciao.com/ide/images/crux/icons/pl_close.gif);
	cursor:					pointer;
}

div.CWWrapperAftersalesL div.CWBody {
	position:				relative;
	padding:	 		  	10px 5px 10px 5px;
	background-image:		url(https://images.ciao.com/ide/images/tabs/bg_aftersales_layer.png);
	background-position:	0px 0px;
	background-repeat:		repeat-x;	
}

div.CWWrapperAftersalesL div.CWBody div.CWHeadline {		
	position:				relative;
	text-align:				center;
	font-size:				20px;
}

div.CWWrapperAftersalesL div.CWBody div.CWContent {		
	position:				relative;
	padding:	 	 	  	20px 0px 0px 40px;		
	
}

div.CWWrapperAftersalesL div.CWBody div.CWContent table{			
	padding:				0;
	margin:					0;
	width:					275px;	
}

div.CWWrapperAftersalesL div.CWBody div.CWContent table th{			
	padding-right:			10px;
}

div.CWWrapperAftersalesL div.CWBody div.CWContent div.CWLogo {
	width:					62px;
	height:					24px;
	background-image:		url(https://images.ciao.com/ide/images/logos/ciao_logo_aftersales_popup.png);
}

div.CWWrapperAftersalesL div.CWBody div.CWContent table td{			
	text-align:				left;
}

div.CWWrapperAftersalesL div.CWFooter {
	position:				relative;
	text-align:				center;
	margin:					10px 0px 0px 0px;
	padding:				0;	
}


/* complex items */
div.CWWrapperAftersalesL div.CWFooter a.CWButtonReview {
	/* color:					#006600; */
	text-decoration:		none;
	line-height:			23px;
	white-space:			nowrap;
	color:					#FFFFFF;
	font-weight:			bold;
}

div.CWWrapperAftersalesL div.CWFooter a.CWButtonReview:hover {
	color:#FFFFFF;
}

div.CWWrapperAftersalesL div.CWFooter a.CWButtonReview:active {
	color:#FFFFFF;
}

div.CWWrapperAftersalesL div.CWFooter a.CWButtonReview span.CWButtonLeft {
	background:				transparent url(https://images.us.ciao.com/ius/images/crux/sprites/sprites_bg_button.gif) no-repeat scroll 0 -69px;
	margin:					0;
	padding:				4px 0 4px 4px;
	text-decoration:		none;
}

div.CWWrapperAftersalesL div.CWFooter a.CWButtonReview span.CWButtonRight {
	background:				transparent url(https://images.us.ciao.com/ius/images/crux/sprites/sprites_bg_button.gif) no-repeat scroll right -69px;
	margin:					0;
	padding:				4px 10px 4px 0;
	text-decoration:		none;
}

div.CWWrapperAftersalesL div.CWFooter a.CWButtonReview span.CWButtonRight span {
	background:				transparent url(https://images.us.ciao.com/ius/images/crux/sprites/sprites_icon.gif) no-repeat scroll left -130px;
	padding-left:			16px;	
}
/* end ciao launch */

/* mask for checkout stage 3 image when returning from RealEx */
.realEx {height: 0px; padding: 0px; margin: 0px;}

/* ireland orders view */
#IrelandOrders .orderHead, #PastOrders .orderHead {font-weight: bold; display: block; background: #fffdd6; }
#IrelandOrders .hiLight, #PastOrders .hiLight {font-weight: bold; border-bottom: 1px solid #ccc; width: 80%;}
#IrelandOrders label, #PastOrders label { width: 90px; display: block; float: left; text-align: right; }
#IrelandOrders input, #PastOrders input { width: 90px; }
#IrelandOrders #SubmitButton,#PastOrders #SubmitButton { margin-left: 90px; }
#IrelandOrders .grid2 p,#IrelandOrders .orderInfo p, #PastOrders .grid2 p,#PastOrders .orderInfo p {margin: 0; padding: 0;}

/* Competition layup */
#competitionQuestion .question {font-weight: bold;}
#competitionQuestion li, #competitionQuestion .regButton {text-align: right; display: block;}
#competitionQuestion li input {margin-left: 10px;}
.competitionImage {text-align: center;}
#competitionQuestion .regButton {padding-right: 10px;}

/* View orders layup */
.contentVisible {display: block;}
.contentHidden {display: none;}
#OrderSearch div, #OrderSearch p, #OrderSearch label, #OrderSearch input {padding-bottom: 0; margin-bottom: 0;}
.subText {padding: 0; margin: 0; font-size: 0.7em;}
#OrderSearch .frmButton {margin-bottom: 0.5em ; float: right; text-align: right;}
#NavBar p {background: #ffffb8; padding: 0.2em; text-align: right;}
#NavBar .firstInList p {text-align: left;}

/* Past orders view/copy */
/*
.settingsBlock {border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; padding: 0.3em 0 0.3em 0; background: #ffffce; margin: 0 0 1em 0;}
.settingsBlock p {text-indent: 1.5em;}
.settingsBlock .dateInput {width: 6.4em;}
.settingsBlock .settsConfirm {float: right; margin: 0 1.5em 0 0;}
.orderBlock {border-top: 1px solid #9e9e9e; border-bottom: 1px solid #9e9e9e; padding: 0.3em 0 0.3em 0; margin: 0; text-indent: 1.5em;}
.orderBlock p, .orderBlock div {padding: 0; margin: 0;}
.orderBlock .cbContent {clear: both;}
.orderBlock input {float: right; margin: 0 1.5em 1em 0;}
.conditionNote {font-size: 0.8em;}

.orderBlock .openLink {float: left; width: 80%;}
.orderBlock .orderTracker {float: right; width: 20%; text-align: right;}
.orderBlock .orderTracker a {margin-right: 1.5em;}
*/
#Paginator {text-align: center; padding-bottom: 5px; }
#Paginator ul li, #Paginator ol li {display: block; list-style-type: none; width: 50px; float: left;}
#Paginator ul li.currentPage, #Paginator ol li.currentPage {font-weight: bold;}
#Paginator.withTotalPages {width:728px; text-align: left;}
#Paginator.withTotalPages ol {width:607px; text-align: center; float:left; padding: 0; margin: 0;}
#Paginator.withTotalPages p {width:121px; text-align: right; float:left;}
#Paginator.withTotalPages ol li {width: 55px;}

.orderBlock {border-top: 1px solid #ccc; clear: both;}
.orderBlock .orderOptions {width: 100%; text-align: right;}
.orderOptions a {display: block; float: left; color: #000; border: 2px outset #fff; background: #d4d0c8; padding: 1px 5px;}
.orderOptions a:hover {text-decoration: none;}
.orderOptions button {color: #000; border: 2px outset #fff; background: #d4d0c8; padding: 1px 5px;}

/* Face of... entry page */
#EntryForm .enterButton {text-align: right;}
#EntryStory {width: 710px;}

/* R&D manager vacancy details */
#skillConfirm .continueButton {text-align: center;}

#StockNotify {padding: 1em; position: absolute; top: 0; left: 0;}
#StockWrapper {border: 1px solid #ccc; padding: 1em;}
#StockWrapper .head p {float: left;}
#StockWrapper .head h1 {float: right;}
#StockWrapper .body {clear: both; padding-top: 3em;}

/* Past Orders */
#Credentials table { width: 100%; }
#Credentials table tr th { border: 1px solid #ccc; }
#Credentials table tr td { text-align: right; border: 1px solid #ccc; }
#Credentials table tr td.itemQty, #Credentials table tr td.itemPrice, #Credentials table tr td.itemTotal { width: 100px; }
#Credentials table tr td.itemQty { text-align: center; }
#Credentials table tr td.itemDesc { text-align: left; }