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



	
	
	
	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::eCommerce */
	
	#eCommerceShowOff {
		position:			relative;
		background:			url(../images/capabilitiesDevelop/eCommerceMain.jpg) no-repeat;
		width:				459px;
		height:				260px;
	}
	#buyNowSticker {
		position:			absolute;
		background:			url(../images/capabilitiesDevelop/buyNowSticker.gif) no-repeat;
		width:				91px;
		height:				93px;
		top:				-18px;
		left:				-21px;
	}
		#myShoppingCart {
			position:			absolute;
			top:				8px;
			right:				2px;
			width:				167px;
			text-align:			center;
			font-size:			14px;
			font-weight:		900;
		}
		#cartContents {
			position:			absolute;
			top:				32px;
			right:				2px;
			width:				167px;
			height:				218px;
		}
		#emptyCartContents {
			background:			url(../images/capabilitiesDevelop/emptyCart.gif) no-repeat;
			width:				167px;
			height:				159px;
		}
		
		#nonEmptyCartContents {
			color:				#000;
			font-size:			10px;
			padding:			6px;
		}
		#nonEmptyCartContents p {
			margin-bottom:		6px;
		}
		#nonEmptyCartContents td {
			font-size:			12px;
		}
			#eCommerceTotalLine {
				border-top:		3px solid #7A54AC;
				border-bottom:	3px solid #7A54AC;
				padding:		4px 0px;
				margin:			4px 0px;
				color:			#7A54AC;
				font-weight:	900;
				font-size:		14px;
			}
		

	
	/* SUB-SECTION::eCommerce
	/*---------------------------------------------------------------*/

	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::online Community */
	
	#messageBoardLogin {
		position:			relative;
		background:			url(../images/capabilitiesDevelop/messageBoardLogin.gif) no-repeat;
		margin-left:		60px;
		width:				233px;
		height:				310px;
		padding:			55px 20px 0 20px;
		color:				#524b48;
	}
	#messageBoardLogin .loginInput {
		width:				230px;
	}
		#oldFriend {
			position:			absolute;
			top:				190px;
			left:				20px;
			font-size:			12px;
		}
		#oldFriend a {
			color:				#524b48 !important;
		}
		
		#messageBoardLoginMessage {
			position:			absolute;
			top:				150px;
			left:				20px;
			right:				20px;
			font-size:			11px;
		}
		
		#messageBoardLoginButton {
			position:			absolute;
			top:				182px;
			right:				16px;
		}
		
		
	#showOff2 .messageBoardTextInput {
		background:			url(../images/capabilitiesDevelop/inputBGOnBlack.gif) left top no-repeat;
		border:				none;
		border-right:		2px solid #aeaeae;
		padding:			3px 4px;
		height:				19px;  /* inside border minus padding */
	}
	#messageBoardLogin .messageBoardTextInput {
		background:			url(../images/capabilitiesDevelop/inputBG.gif) left top no-repeat;
	}
	
	
	#showOff2 textarea {
		background:			#fff url(../images/capabilitiesDevelop/textareaBGOnBlack.gif) left top no-repeat;
		border-top-style:	none;
		border-left-style:	none;
		border-right:		2px solid #aeaeae;
		border-bottom:		2px solid #aeaeae;
		padding:			6px 3px;
		font-family:		helvetica, serif;
		height:				656px;
	}
	#showOff2 .messageBoard {
		height:				656px;
	}
	
	.messageBoardSection {
		border:				1px solid #666666;
		padding:			5px 10px 10px 10px;
		background-color:	#000;
	}
	.messageBoardSection a	{ color:#FFAE00; }
	.messageBoardSection h2 { font-size: 18px;  color: #FFAE00; }
	
	.messageBoardPostPhoto {
		padding:			2px;
		width:				101px;
		height:				101px;
		background:			#000 url(../images/capabilitiesDevelop/messageBoardPostPhotoBG.gif) left top no-repeat;
	}
	.messageBoardPostPhoto img {
		width:				101px;
		height:				101px;
	}
	
	div.greyHR {
		border-bottom:		1px solid #666666;
		margin:				10px 0px;
		height:				1px;
	}
	
	#messageBoardPostListing {
		margin-top:			16px;
	}
	.messageBoardPost {
		position:			relative;
		padding:			9px;
		background:			#000 url(../images/capabilitiesDevelop/messageBoardPostBG.gif) left top no-repeat;
		width:				421px;
		height:				101px;
		margin-top:		10px;
	}
	
	.messageBoardPost img {
		margin-right:		10px;
		width:				101px;
		height:				101px;
		float:				left;
	}
	
	.messageBoardPost p {
		position:			absolute;
		top:				22px;
		left:				120px;
		width:				310px;
		height:				72px;
		overflow:			auto;
		font-size:			11px;
	}
	
	.messageBoardPost span.title {
		position:			absolute;
		top:				9px;
		left:				120px;
	}
	
	.messageBoardPost span.summary {
		position:			absolute;
		bottom:				8px;
		left:				120px;
		font-size:			12px;
	}
	
	.pageLink { cursor: pointer }
	.pageLink-current { color: #fff !important; font-weight: 900 }
	
		/* Section: File Input Styling ============================== */
		div.fileInput {
			position:				relative;
			vertical-align:			middle;
			background:				#000;
			height:					30px;
			cursor:					pointer;
		}
		
		div.fileInput input.stealthFileInput {
			position:				absolute;
			top:					0px;
			left:					0px;
			width:					55px;
			opacity:				0;
			z-index:				2;
			cursor:					pointer;
		}
		
		div.fileInput div.fakeFile {
			position:				absolute;
			vertical-align:			middle;
			display:				table-cell;
			top:					0px;
			left:					0px;
			height:					25px;
			width:					100%;
			z-index:				1;
			line-height:			90%;
			cursor:					pointer;
		}
		
		div.fileInput div.fakeFile input {
			width:					30px;
			margin-bottom:			5px;
			margin-left:			0;
			margin-top:				0px;
			display:				none;
		}
		div.fileInput div.fakeFile img {
			vertical-align:			middle;
		}
		/* END Section: File Input Styling ============================== */
	
	/* SUB-SECTION::online Community
	/*---------------------------------------------------------------*/
	
	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Web Services Integration */
	
	#googleMapContiner {
		color:				#000;
		height:				400px;
		width:				456px;
		border:				2px solid #FFAE00;
	}
	#googleMapLocationContent {
		width:				220px;
		font-size:			12px;
	}
	#googleMapLocationContent p {
		margin-bottom:		10px;
	}
	#googleMapLocationContent a {
		color:				#ffa800;
	}
	#otherAddressInput {
		width:				130px;
	}
	
	/* SUB-SECTION::Web Services Integration
	/*---------------------------------------------------------------*/
	
	
	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Online Management Systems */
	
	#myMobsterWindow {
		position:			relative;
		color:				#000;
		width:				420px;
		border:				2px solid #FFAE00;
		background:			#fff;
		padding:			10px 18px 18px 18px;
	}
	.myMobsterTextInput {
		background:			url(../images/capabilitiesDevelop/orangeInputBG.gif) left top no-repeat;
		border:				none;
		border-right:		2px solid #f7e290;
		padding:			3px 4px;
		height:				17px;  /* inside border minus padding */
	}
	#myMobsterWindow p {
		margin-bottom:		6px;
		font-size:			12px;
	}
	#myMobsterDisclaimer {
		width:				460px;
		font-size:			9px;
		padding:			0px;
		text-align:			center;
	}
	
	#myMobsterBackButton {
		position:			absolute;
		top:				10px;
		right:				10px;
		cursor:				pointer;
	}
	
	/* SUB-SECTION::Online Management Systems
	/*---------------------------------------------------------------*/
	
	
	
	
	
	
	
/*------------------------------------------------------------------------------*/
/* SECTION::Data Tables */

div.tableData {
	padding-left:		3px;
	padding-bottom:		0px;
	font-size:			13px;
	background:			url(../images/chrome/tableLeftEdge.gif) repeat-y;
}

table.data {
	border-collapse:	collapse;
	border-bottom:		3px solid #F5AD23;
}

table.data tr.odd, table.data tr.even {
	background-image:	url(../images/chrome/tableVerticalBorder.gif);
	background-repeat:	repeat-y;
}
table.data tr.odd td, table.data tr.even td {
	padding:			3px 5px 4px 5px;
	background:			url(../images/chrome/tableVerticalBorder.gif) right repeat-y;
}
table.data tr.odd td.noEdge, table.data tr.even td.noEdge {
	padding:			3px 5px 4px 5px;
	background-image:	none;
}

table.data tr th {
	color:				#fff;
	background:			url(../images/chrome/tableHeaderBar.gif) top center repeat-x;
	padding:			5px 5px 3px 5px;
	text-align:			left;
}

table.data tr th:first-child {
	background:			url(../images/chrome/tableHeaderBar.gif) top left repeat-x;
}

table.data tr th:last-child {
	background:			url(../images/chrome/tableHeaderBar.gif) top right repeat-x;
}

table.data tr.odd td, table.innerData tr.odd td {
	color:				#524b48;
	background-color:	#F7DC84;
	vertical-align:		middle;
}

table.data tr.even td, table.innerData tr.even td {
	color:				#524b48;
	background-color:	#FFF;
}

table.data tr.footer td, table.innerData tr.footer td {
	padding:			2px 5px 2px 5px;
	color:				#FFF;
	background:			#f5ad23;
}

table.data tr.clickable:hover td {
	background-color:	#F5AD23;
}


table.innerData {
	border:				1px solid #FFAE00;
}

table.innerData th {
	color:				#fff;
	background:			#FFAE00;
	padding:			5px 3px 3px 3px;
	text-align:			left;
}
table.innerData td {
	padding:			2px 5px 2px 5px;
	vertical-align:		middle;
}

	
/* End SECTION::Data Tables
/*------------------------------------------------------------------------------*/


/*------------------------------------------------------------------------------*/
/* SECTION::Tab Canvas Boxes */

.tabCanvas ul {
	height:					20px;
	margin:					0px;
	padding:				0px;
}
.tabCanvas ul li.tabCanvasTab {
	list-style-type:		none;
	margin:					0px;
	padding:				0px;
	float:					left;
	color:					#FFF;
	font-weight:			900;
	width:					200px;
	text-align:				left;
	height:					20px;
	line-height:			23px;
	background:				transparent url(../images/chrome/headerBarLeftEdge.gif) no-repeat top left;
}

.tabCanvas ul li.tabCanvasTab span {
	display:				block;
	margin-left:			7px;
	padding-right:			8px;
	height:					20px;
	background:				transparent url(../images/chrome/headerBar.gif) no-repeat top right;
}


.tabCanvasBox {
	border:					2px solid #F5AD23;
	padding:				19px 10px 19px 10px;
	background:				#FEF5DA;
	color:					#FFAE00;
}

.tabCanvasBox .highlight {
	color:					#F48519;
	font-weight:			900;
}

/* End SECTION::Tab Canvas Boxes
/*------------------------------------------------------------------------------*/




	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Text Messaging */
	#cellPhoneCanvas {
		position:			relative;
		height:				324px;
		width:				460px;
		background:			url(../images/capabilitiesDevelop/cellPhoneBG.gif) bottom left no-repeat;
	}
	#cellPhoneMessage {
		position:			absolute;
		top:				22px;
		left:				245px;
		width:				180px;
		font-size:			19px;
	}
	
	/* SUB-SECTION::Text Messaging
	/*---------------------------------------------------------------*/
	
	
	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Consulting */
	#consultingCanvas {
		position:			relative;
		height:				300px;
		width:				360px;
		margin-left:		25px;
		margin-top:			-10px;
		background:			url(../images/capabilitiesDevelop/playgroundLogo.gif) bottom left no-repeat;
	}
	#yourBusiness {
		position:			absolute;
		top:				0px;
		left:				210px;
		height:				129px;
		width:				191px;
		background:			url(../images/capabilitiesDevelop/yourBusiness.gif) no-repeat;
		z-index:			2;
	}
	#wingedBoy {
		position:			absolute;
		top:				30px;
		left:				105px;
		height:				100px;
		width:				90px;
		cursor:				move;
	}
	#iCanFly {
		position:			absolute;
		top:				-40px;
		left:				90px;
		height:				83px;
		width:				123px;
		background:			url(../images/capabilitiesDevelop/iCanFly.gif) no-repeat;
	}
	
	/* SUB-SECTION::Consulting
	/*---------------------------------------------------------------*/
	
	
	
	
	
	
	/*---------------------------------------------------------------*/
	/* SUB-SECTION::Technology */
	#technologyCanvas {
		position:			relative;
		height:				260px;
		width:				420px;
		background:			url(../images/capabilitiesDevelop/technologyBG.gif) bottom left no-repeat;
		padding:			20px;
		color:				#000;
	}
	
	#technologyCanvas ul {
		margin:				1px 0 5px 20px;
		font-size:			11px;
	}
	
	/* SUB-SECTION::Technology
	/*---------------------------------------------------------------*/
	
	
/* End SECTION::Capabilities Page
/*------------------------------------------------------------------------------*/