.invisible{
	visibility: hidden;
}

.dark {
	background: #222 url("../images/black.jpg") repeat;
	color: #ddd;
	padding: 40px 0;
}

.light {
	background: #ddd url("../images/white.jpg") repeat;
	padding: 40px 0;
}


a.imglink {
	text-decoration: none;
}

.textright {
	text-align: right;
}

.titleset {
	margin-bottom: 20px;
	margin-left: 20px;
}

.the-tooltip.mytooltip > :last-child {
  background-color: #ccc;
  border-color: #4A4A4A;
  color: #333;
}

.the-tooltip.mytooltip > :last-child:after {
  border-color: #ccc;
}
.the-tooltip.mytooltip > :last-child:before {
  border-color: #4A4A4A;
}


.the-tooltip > :last-child {
	font-size: 13px !important;
	 padding: 5px 10px !important;
}

div.stepcontents {
	height: 330px;
	overflow: hidden;
	border: 0;
	text-align:center;	
}
div.content {
	height: 330px;
	overflow: visible;
	padding-top: 20px;	
}

.iconbox {
	display: block;
	padding: 0 0 10px 0;
}

#icon1:hover, a.active #icon1 {
background-image: url(../images/1-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon1 {	
background-image: url(../images/1-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon2:hover, a.active #icon2 {
background-image: url(../images/2-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon2 {	
background-image: url(../images/2-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon3:hover, a.active #icon3 {
background-image: url(../images/3-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon3 {	
background-image: url(../images/3-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon4:hover, a.active #icon4 {
background-image: url(../images/4-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon4 {	
background-image: url(../images/4-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon5:hover, a.active #icon5 {
background-image: url(../images/5-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon5 {	
background-image: url(../images/5-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon6:hover, a.active #icon6 {
background-image: url(../images/6-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon6 {	
background-image: url(../images/6-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon7:hover, a.active #icon7 {
background-image: url(../images/7-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon7 {	
background-image: url(../images/7-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon8:hover, a.active #icon8 {
background-image: url(../images/8-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon8 {	
background-image: url(../images/8-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

#icon9:hover, a.active #icon9 {
background-image: url(../images/9-black.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}
#icon9 {	
background-image: url(../images/9-grey.png); 
background-repeat: no-repeat; 
height: 100px;
width: 100px;
float:left;
}

.seam {
    height: 12px; 
    background: url(../images/sh.png) repeat-x;    
    margin: -6px 0;
	position:relative;	
}

.seam.green {
    height: 12px; 
    background: url(../images/sh2.png) repeat-x;    
    margin: -6px 0;
	position:relative;	
}

.seam.green.inverse {
    height: 12px; 
    background: url(../images/sh2i.png) repeat-x;    
    margin: -6px 0;
	position:relative;	
}

.text {
	width: 593px;
	margin: 0 auto;
}

.text h3 {
	margin-top:10px;
	margin-bottom:10px;
}

.sponsorListHolder{
	margin-bottom:30px;
}

.sponsor{
	width:210px;
	height:210px;
	float:left;
	margin:4px;
	
	/* Giving the sponsor div a relative positioning: */
	position:relative;
	cursor:pointer;
}

.sponsorFlip{
	/*  The sponsor div will be positioned absolutely with respect
		to its parent .sponsor div and fill it in entirely */

	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	border:1px solid #999;	
	background:url("../images/background.jpg") no-repeat center center #f9f9f9;
}

.sponsorFlip:hover{	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorFlip img{
	/* Centering the logo image in the middle of the sponsorFlip div */	
	align:center;
        margin
}

.sponsorData{
	display:none;
}

.sponsorDescription{
	font-size:12px;
	line-height:16px;
	padding:16px;
	font-style:italic;
	text-align:center;
        height:85%;
	background:url("../images/background.jpg") no-repeat center center #f9f9f9;
}

.sponsorDescription:hover{	
	/* CSS3 inset shadow: */
	-moz-box-shadow:0 0 30px #999 inset;
	-webkit-box-shadow:0 0 30px #999 inset;
	box-shadow:0 0 30px #999 inset;
}

.sponsorURL {
	font-size:12px;
	font-weight:bold;
	text-align:center;
}

.clear{
	/* This class clears the floats */
	clear:both;
}