/*
DelSys website
Page_Websites.css
DelSys_Tabs.css defines 6 110px wide tabs
Configure for 4 165px wide tabs
*/

/* Set up the four wide tabs */

#divNavAndCont {
	background-image: url(Images/Open-Source-Web-740x650.gif);
}

#divTabContainer #ulTabs {
	padding-left: 20px;
}

#ulTabs li {
	margin-right: 14px;
}

#ulTabs li a {
	width: 165px;
	background: url(Images/Tab-Header-165x42.jpg) no-repeat left top;
}

#ulTabs li.ui-tabs-selected a {
	background: url(Images/Tab-Header-Selected-165x42.jpg) no-repeat left top;
}

#divTabPanels {
	background: url(Images/Tab-Container-White-165-740x338.gif) no-repeat left top;
}

/* Styles common to all four tabs */

.divTabTitle {
	text-align: center;
}

.divTabTitle h1 {
	padding-top: 10px;
	padding-bottom: 5px;
}

/* Style the Websites tab panel */

#divWebDev {
	background: url(Images/Cleaver-Rotated-300x180.jpg) no-repeat 340px 20px;
}

#divRich {
	position: absolute;
	width: 225px;
	height: 159px;
	left: 60px;
	top: 20px;
	text-align: center;
	background: url(Images/Pool-Rich-225x159.jpg) no-repeat;
}

#pRich {
	position: relative;
	top: 60px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

#divPro {
	position: absolute;
	width: 350px;
	height: 140px;
	left: 80px;
	top: 180px;
	text-align: center;
	background: url(Images/Pool-Mission-350x140.jpg) no-repeat;
}

#pPro {
	position: relative;
	top: 50px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

#divBusiness {
	position: absolute;
	width: 246px;
	height: 120px;
	left: 460px;
	top: 200px;
	text-align: center;
	background: url(Images/Pool-Business-246x120.jpg) no-repeat;
}

#pBusiness {
	position: relative;
	top: 50px;
  font-family: Arial, sans-serif;
  font-weight: bold;
}

/* Web apps and Websites tab panel */

#divAppsNSites .divTabLeft {
	height: 324px;
	top: 0px;
} 

#divAppsNSites .divTabLeft p {
	text-align: center;
	padding-left: 30px;
	padding-right: 10px;
}

#divAppsNSites .divTabRight {
	height: 324px;
	top: 0px;
}

#divAppsNSites .divTabRight h2 {
	padding-bottom: 0px;
}

#divAppsNSites h1 {
	padding-top: 20px;
	padding-bottom: 0;
}

/* Services and APIs tab panel */

/* Increase the height of .divTabTitle to allow for 2nd headline */
#divAPIs .divTabTitle {
	height: 70px;
}

#divAPIs .divTabLeft {
	height: 254px;
	top: 70px;
}

#divAPIs .divTabLeft  p {
	width: 320px;
	padding-right: 0px;
}

#divAPIs .divTabLeft  .pHanging {
	width: 20px;
	padding-left: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
}

#divAPIs .divTabLeft  .pHanger {
	width: 295px;
	padding-bottom: 5px;
}

#divAPIs em {
	color: black;
  font-weight: bold;
}

#divAPIs .divTabRight {
	height: 254px;
	top: 70px;
}

#divAjax a img {
	border-style: none;				/* Gets rid of default border around image link */
}

#divLocate {
	text-align: left;
  font-family: Arial, sans-serif;
	font-weight: bold;						/* IE6 & IE7 opacity filter screws up bold faced text */
	background-color: white;			/* unless a background color ia specified! */
}

#divWeather {
	padding-left: 10px;
}

p.pConditions {
	font-size: 80%;
	font-weight: bold;						/* IE6 & IE7 opacity filter screws up bold faced text */
	background-color: white;			/* unless a background color ia specified! */
}

p.pForecast {
	font-size: 75%;
}

p.pConditions {
	padding-bottom: 0px;
}

#divWeather h2 {
	padding-bottom: 0px;
}

#divWeather h3 {
  font-family: Arial, sans-serif;
	font-size: 90%;
	font-weight: bold;						/* IE6 & IE7 opacity filter screws up bold faced text */
	background-color: white;			/* unless a background color ia specified! */
}

.spanConditions {
	position: relative;
	left: 10px;
	top: -22px;
}
/* Style the Web Technology tab panel */

#divWebTech  .divTabTitle {
	height: 80px;
}

#divWebTech  .divTabLeft {
	height: 244px;
	top: 80px;
}

#divWebTech  .divTabRight {
	height: 244px;
	top: 80px;
}