/*------------------------------------------------------------------------------*/
/* webCapabilities.css */
/*	jpl 9/28/08
/*	CSS for web capabilities widgets and mini-applications.
/* 
/*------------------------------------------------------------------------------*/



	
	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Web Design */
	
	#webDesignQuestion {
		position:			relative;
		font-size:			22px;
	}
		#viewOldButton {
			position:			absolute;
			top:				55px;
			left:				0px;
			cursor:				pointer;
		}
		#viewNewButton {
			position:			absolute;
			top:				55px;
			left:				225px;
			cursor:				pointer;
		}
	
	#webDesignPopUp {
		position:			absolute;
		top:				400px;
		left:				340px;
		background:			url(../images/capabilitiesWeb/oldPopUp.jpg) no-repeat;
		border:				10px solid #fff;
		width:				500px;
		height:				340px;
	}
		#webDesignPopUpCloseIcon {
			position:			absolute;
			top:				10px;
			right:				10px;
		}
	
	/* SUB-SECTION::Web Design
	/*---------------------------------------------------------------*/
	
	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Goals Planning */
	
	#goalsAssertion {
		font-size:			22px;
		cursor:				pointer;
	}
	#goalsAssertion div {
		padding-top:		5px;
	}
	
	#goalsPopUp {
		position:			absolute;
		top:				150px;
		left:				620px;
		background:			#fff url(../images/capabilitiesWeb/gearsBackground.gif) no-repeat right bottom;
		padding:			20px;
		width:				175px;
		height:				230px;
		color:				#000;
		cursor:				default;
		font-size:			12px;
	}
		.popUpCloseIcon {
			position:			absolute;
			top:				10px;
			right:				10px;
		}
	
		.goalsPopUpTextInput {
			width:				170px;
			background:			url(../images/textInputBG.gif);
			height:				19px;
			border:				1px solid #000;
		}
	/* SUB-SECTION::Goals Planning
	/*---------------------------------------------------------------*/
	
	
	

	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Web 2.0 */
	
	#web20Step0 {
		position:			absolute;
		top:				1px;
		left:				1px;
		background:			#000 url(../images/capabilitiesWeb/web20Step0BG.jpg) no-repeat;
		height:				323px;
		width:				458px;
		z-index:			1;
	}
		
	
	#web20Step0BarHolder {
		position:			absolute;
		top:				0px;
		left:				0px;
		height:				325px;
		width:				460px;
		background:			url(../images/capabilitiesWeb/web20Step0Bar.png) bottom left no-repeat;
		z-index:			2;
	}
		#web20Step0Bar {
			position:			absolute;
			bottom:				0px;
			left:				0px;
			height:				68px;
			width:				460px;
		}
	
	#web20Step1Presents {
		position:			relative;
		height:				185px;
		width:				423px;
		background:			url(../images/capabilitiesWeb/web20Step2.gif) no-repeat;
	}
		
		#presentReset {
			position:			absolute;
			top:				17px;
			left:				346px;
		}
		#presentReset a {
			color:				#fff;
		}
		#presentCounter {
			position:			absolute;
			top:				19px;
			left:				388px;
			color:				#000;
		}
		#presentInfo {
			position:			absolute;
			top:				165px;
			left:				8px;
			color:				#000;
			font-size:			12px;
		}
			#presentDefaultInfo { color:	#888; }
		
		#presentSet {
			position:			absolute;
			top:				26px;
			left:				0px;
		}
		#presentSet img {
			position:			absolute;
			cursor:				move;
		}
		
		#presentDropZone {
			position:			absolute;
			top:				38px;
			left:				240px;
			height:				145px;
			width:				170px;
			background:			url(../images/capabilitiesWeb/presentDropZone.gif) no-repeat;
		}
		#presentDropZone.hot {
			background-position: 0px -145px;
		}
	
	.web20StepBack {
		position:			absolute;
		bottom:				10px;
		left:				10px;
	}
	
	.web20StepSubmit {
		position:			absolute;
		bottom:				10px;
		right:				10px;
	}
	.web20Step a, #web20ResetControl a {
		color:				#FF008A;
	}
	
	#web20ResetControl {
		position:			absolute;
		top:				345px;
		left:				220px;
	}
	
	#web20Step0 {
		position:			absolute;
		z-index:			1;
	}
	.web20Step {
		position:			relative;
		border:				1px solid #FF008A;
		width:				418px;
		height:				283px;
		padding:			20px;
	}
	
	#web20Step2 td {
		padding-top:		6px;
	}
	
	.web20Step .textInput {
		width:					200px;
		border:					none;
		background:				url(../images/capabilitiesWeb/web20InputBG.gif);
		height:					18px;
		padding:				3px 2px 0 3px;
	}
	
	#web20SendDate input, #web20SendTime input {
		width:					60px;
	}
	
	#web20Step3 {
		padding:			0px;
		height:				323px;
		width:				458px;
	}
	
	#web20ThanksPopUp {
		position:			absolute;
		top:				200px;
		left:				330px;
		background:			#fff;
		border:				1px solid #FF008A;
		padding:			20px;
		width:				175px;
		height:				90px;
		color:				#000;
		z-index:			5;
	}
	
	
	/* SUB-SECTION::Web 2.0
	/*---------------------------------------------------------------*/