/* HOME PAGE ONLY */
#footer {
	margin: 30px auto;
	padding-left: 132px;
}
#footer ul {
	width: 625px;
}
#participatelink {
	display: none;
}
/* HOME PAGE ONLY END */

.info {
   background: url(/images/api/api-reg-back.png) no-repeat 0 0;
   height: 645px;
   margin-left: -271px;      /* this line centers the lightbox (it is always half of the width) */
   width: 543px;
} 
body {
  background: none;
}
#content {
  width: 930px;
  margin-top: 30px;
}
#calculate {
  height: 85px;
  width: 922px;
  background:url(/images/home-header.gif) no-repeat bottom left;
  margin-bottom: 15px;
}
#input {
	border: 0;
        margin: 0 auto;
        padding: 0;
        width:540px;
        height: 36px;

        position: absolute;
        left: 17px;
        top: 30%;
        background:none;
        z-index: 10;
}
#exImages {
	height: 97px;
	left: 17px;
	position: absolute;
	top: 20px;
	width: 266px;
}
#i {
	background-color: white;
      color: black;
      border: 0;        
      left: 389px;  
      width: 470px; 
      margin: 10px 0 0;
      position: relative;
      z-index: 10;
}
#equal {
	background: none;
	border: none;
        margin:auto 0;
        border:0 none;
        position:absolute;
        left:864px;
        top:10px;     
        height:14px;
        overflow:hidden;
        font-size: 0px;
}

#toppods {
  overflow: visible;
}

.toppod{
  display:inline-block;
}

#topleft {
  background: transparent url(/images/home-topleft-pod.gif) no-repeat scroll 0 0;
  height: 281px;
  width: 611px;
  overflow: visible;
  position: relative;
}

#tl1 {
  position: absolute;
  width: 300px;
  top:15px;
}
#tl1 h2 {
  font-size: 13px;
  margin-top: 12px;
}
#tl1 p {
  font-size: 12px;
  line-height: 21px;
  margin-right: 10px;
}
#tl2 {
 background:transparent url(/images/randomize-home.gif) no-repeat scroll 17px 20px;
 height:271px;
 overflow: visible;
 position:absolute;
 right:8px;
 top:8px;
 width:290px;
}
#tl2-links {
  bottom:20px;
  position:absolute;
  margin-left: 3px;
}
#tl2-links a {
  border-left:1px solid #CCCCCC;
  font-size:11px;
  margin-right:5px;
  padding-left: 22px;
}
#tl2-examples {
  background: transparent url(/images/example1-icon.gif) no-repeat scroll 5px 1px;
}
#tl2-visual {
  background: transparent url(/images/example2-icon.gif) no-repeat scroll 5px 1px;
}
#tl2-faqs {
  background: transparent url(/images/faq-icon.gif) no-repeat scroll 5px 0px;
}

#tl2-links a img {
  width: 11px;
  margin: 0 4px;
  top: 2px;
}

#tl2-links a#tl2-examples {
  border: none;
}
#tl2-links a#tl2-faqs img{
  top: 3px;
}

#introbtn {
 background: transparent url(/images/intro-btn.gif) no-repeat scroll 0 0;
 height: 21px;
 width: 142px;
 position: absolute;
 bottom: -37px;
 left: 20px;
}
#summary {
 background: transparent url(/images/summary-btn.gif) no-repeat scroll 0 0;
 height: 21px;
 width: 118px;
 position: absolute;
 bottom: -37px;
 right: 10px; 
}

#topright {
  background: transparent url(/images/home-topright-pod.gif) no-repeat scroll 0 0;
  height: 281px;
  width: 300px;
  margin-left:5px;
  position: relative;
}

#trcontent {
  position: absolute;
  top: 10px;
}
#trcontent .title {
  color: #999999;
  font-size: 10px;
  margin: 15px 0 0 88px;
}
#trcontent h2{
  margin-left: 13px;
}
#trcontent p{
  margin-left:12px;
  margin-right: 12px;
  margin-top: 4px;
}
#tr1 {
  background: transparent url(/images/ipad-icon.gif) no-repeat scroll 6px 2px;
  display: block;
  width: 215px;
  padding-bottom: 10px;
  padding-left: 76px;
  margin-bottom: 15px;
  cursor: pointer;
}
#tr2 {
  background: transparent url(/images/iphone-icon.gif) no-repeat scroll 20px 5px;
  display: block;
  width: 215px;
  padding-left: 76px;
  margin-bottom: 16px;
  cursor: pointer;
}
#tr2 h2 {
	margin-top: 8px;
}
#tr3 {
  background: transparent url(/images/homework-day-icon.gif) no-repeat scroll 9px 5px;
  display: block;
  width: 215px;
  padding-left: 76px;
  margin-bottom: 10px;
  cursor: pointer;
}
#trmore {
  font-size: 11px;
  margin-left: 100px;
}

#midpods {
  margin-top: 13px;
}
.midpod{
  background: transparent url(/images/home-mid-pod.gif) no-repeat scroll 0 0;
  height: 207px;
  width: 300px;
  display:inline-block;
  margin-left: 6px;
}
.midpod .head {
  height: 66px;
  width: 298px;
  margin: 8px 0 0 1px;
}
.toppod h2, .midpod h2 {
  font-size: 12px;
  font-weight: bold;
  margin: 15px 0 0 20px;
}
.toppod p {
  color: #555555;
  font-size: 12px;
  line-height: 18px;
  margin: 6px 15px 0 20px;
}
.midpod p {
  color: #555555;
  font-size: 11px;
  line-height: 17px;
  margin: 6px 15px 0 20px;
}
#midleft {
  margin-left: 0px;
  position: relative;
}
#midleft .head {
  background: transparent url(/images/products_pic.gif) no-repeat scroll 0 0;
}
#midcenter {
  position: relative;
}
#midcenter .head {
  background: transparent url(/images/home-enterprise-pic.gif) no-repeat scroll 0 0;
}
#midright {
  position: relative;
}
#midright .head {
  background: transparent url(/images/home-pro-pic.gif) no-repeat scroll 0 0;
}
#midright span {
  font-size: 10px;
  color: #999999;
  padding-left: 9px;
}

#botpods {
  margin-top: 15px;
}

.botpod{
  background: transparent url(/images/home-bot-pod.gif) no-repeat scroll 0 0;
  height: 124px;
  width: 456px;
  display: inline-block;
}

#botleft {
  position: absolute;
}

#botleft p {
  font-size: 11px;
  line-height: 15px;
  margin-left: 15px;
  margin-top: 22px;
  width: 115px;
  color: #555555;
}

#botleft p a {
  color: #555555;
}
#botleft p a:hover {
  color: #DB0303;
}

#botleft p.title {
  font-size: 10px;
  position: absolute;
  margin: 10px 0 0 19px;
}

#t-toolbar p a{
  background: transparent url(/images/toolbar-icon.gif) no-repeat scroll 5px 16px;
  padding-top: 56px;
  padding-left: 5px;
  position:absolute;
  width: 108px;
}
#t-custom p a {
  background: transparent url(/images/custom-home_icon.png) no-repeat scroll 14px -2px;
  border-left:1px solid #CCCCCC;
  left:150px;
  padding-top: 56px;
  padding-left: 30px;
  position:absolute;
  width: 108px;
}
#t-box p a {
  background: transparent url(/images/alpha-box-icon.png) no-repeat scroll 30px 1px;
  border-left:1px solid #CCCCCC;
  display:inline-block;
  left:300px;
  padding-top:56px;
  padding-left:30px;
  position:absolute;
  width: 108px;
}

/*#t-toolbar {
  background: transparent url(/images/toolbar-icon.gif) no-repeat scroll 20px 16px;
  margin-top:21px;
  padding-left: 5px;
  position:absolute;
}
#t-custom {
  background: transparent url(/images/custom-home_icon.png) no-repeat scroll 14px -2px;
  border-left:1px solid #CCCCCC;
  left:150px;
  margin-top:21px;
  padding-left:15px;
  position:absolute;
}
#t-box {
  background: transparent url(/images/alpha-box-icon.png) no-repeat scroll 30px 1px;
  border-left:1px solid #CCCCCC;
  display:inline-block;
  left:300px;
  margin-top:21px;
  padding-left:15px;
  position:absolute;
}*/

#botright {
  position: relative;
  left: 464px;
}
#botright p.title {
  position: absolute;
  font-size: 11px;
  margin: 10px 0 0 23px;
 color: #555555;
}
#botright ul {
 position: absolute;
 top: 25px;
 color: #555555;
}
#botright li {
  margin: 5px 0;  
}
#botright ul li img {
 position: relative;
 right: 5px;
 margin-right: 4px;
 top: 4px;
}

#br1 {
  font-size: 11px;
  font-weight: bold;
  margin-left: 17px;
}
#br1 li {
  padding-left: 10px;
}
#botright ul li a {
  color: #555555;
}
#botright ul li a:hover {
  color: #DB0303;
}
#br2 {
  font-size: 11px;
  right: 90px;
  margin-left: 20px;
  margin-top: 5px;
}
#br2 li {
  margin-bottom: 12px;
}
#br2 li a {
  background: transparent url(/images/grey-bullet-sq.gif) no-repeat scroll 5px 4px;
  padding-left: 17px;
}

#botright ul li#career-op {
  position: absolute;
  margin-top: 0px;
  width: 150px;
}

#inputs {
  background:none;
  display:block;
  height:103px;
  margin:0 2px;
  padding:5px 15px 5px 10px;
  position:absolute;
  top:120px;
  vertical-align:middle;
  width:275px;
  z-index:1;
}
#inputs > h2 {
  display:block;
  float:left;
  font-size:11px;
  margin:0;
  padding:3px 10px 0 0;
}
#inputs > h2 a {
  font-weight: normal;
}
#inputs .thumbs {
  width: auto;
}
#inputs .thumbs li {
  background-position: -573px -156px;
  display: inline-block;
}

#newToAlphaContainer {
  position:absolute;
  width: 221px;
  background: transparent url(/images/newtowa-less.png) no-repeat scroll 0 0;
  height: 351px;
  right: -63px;
  top: 60px;
  z-index: 200;
}
#newToAlphaContainer.more {
  background: transparent url(/images/newtowa-more.png) no-repeat scroll 0 0;
  height: 517px;
}
#newbie {
  width: 204px;
  left: 5px;
  margin:0;
  top: 47px;
}
#newbie h2 {
  left: 19px;
  position: relative;
  top: -24px;
}
#newbie .close {
  position: absolute;
  margin: 0;
  right: 25px;
  top: -11px;
}
#newbie #trymore {
  color: #DB0303;
}
#inputArrow {
  left: 334px;
}
#howTo {
  right: -524px;
}
#feedback {
  display: none;
}
#new-to {
  position:absolute;
  font-size: 10px;
  font-family: Arial;
  color: #777777;
  right: -342px;
  top: 40px;
}
#new-to:hover {
  color: #DB0303;
}
#chooseView {
  color:#555555;
  font-size:13px;
  margin-bottom:-3px;
  margin-top:28px;
  text-align:center; 
}


/* ======================
	Sorry Dave
   ====================== */

#sorryDave {
  background: transparent url(/images/server-unavailable.gif) no-repeat scroll 0 0;
  height: 148px;
  width: 381px;
  position: absolute;
  left: 300px;
}
#sorryDave .contents {
  margin: 37px 0 0 175px;
  width: 175px;
}
#sorryDave h2 {
  font-size: 13px;
  font-weight: bold;
}

#sorryDave h2 span.wa {
  color: #747474;
}

#sorryDave p {
  color: #777777;
  font-size: 12px;
  margin-top: 10px;
}

#sorryDave p a {
  font-weight: bold;
  color: #DB0303;
}

#sorryDave p a:hover {
  color: #FE6518;
}
