*{

	/* Universal CSS reset */

	margin:0;

	padding:0;

}



body{

	/* Setting default text color, background and a font stack */

	color:#fff;

	background:url("img/sky-is-the-limit-2.jpg") no-repeat scroll center 0 #081219;

	font-family:Arial, Helvetica, sans-serif;

}



.slideOutTip{

	/* The main wrapping div of the slideout tips */

	position:absolute;

	padding:3px;

	top:0;

	left:0;

	background-color:#111;

	font-size:13px;

	color:white;

	overflow:hidden;

	height:22px;

}



.slideOutTip:hover{

	/* Applying a CSS3 outer glow on hover */

	-moz-box-shadow:0 0 1px #999;

	-webkit-box-shadow:0 0 1px #999;

	box-shadow:0 0 1px #999;

}



/* The holder for the title and the icon: */

.tipVisible{ cursor:pointer; height:22px; }



.tipTitle{

	float:left;

	font-family:'Myriad Pro',Arial, Helvetica, sans-serif;

	font-size:15px;

	font-weight:bold;

	white-space:nowrap;

	line-height:22px;

	padding-right:5px;

}



.tipIcon{

	width:20px;

	height:20px;

	float:left;

	background-color:#61b035;

	border:1px solid #70c244;

	margin-right:8px;

	

	/* CSS3 Rounded corners */

	

	-moz-border-radius:1px;

	-webkit-border-radius:1px;

	border-radius:1px;

}



/* Three color themes */

.green .tipIcon{ background-color:#61b035; border:1px solid #70c244; }

.blue .tipIcon{ background-color:#1078C7; border:1px solid #1e82cd; }

.red .tipIcon{ background-color:#CD3A12; border:1px solid #da421a; }



.plusIcon{

	/* The plus icon */

	width:13px;

	height:13px;

	background:url('img/plus.gif') no-repeat center center;

	margin:4px;

	

	/* Defining a CSS3 animation. Currently only works in Chrome and Safari */

	-webkit-transition: -webkit-transform 0.2s linear;

	-moz-transition: -moz-transform 0.2s linear;

	transition: transform 0.2s linear;

}



.slideOutTip.isOpened{ z-index:10000; }



.slideOutTip.isOpened .plusIcon{

	/* Applying a CSS3 rotation  to the opened slideouts*/

	-moz-transform:rotate(45deg);

	-webkit-transform:rotate(45deg);

	transform:rotate(45deg);

}



/* Special rules for the left and top - opening versions */



.openLeft .tipIcon{

	/* Floating the title and the icon to the right */

	margin:0 0 0 8px;

	float:right;

}

.openLeft .tipTitle{ float:right; padding:0 0 0 5px; }

.openLeft .slideOutContent{ margin-top:22px; }

.openLeft.openTop .slideOutContent{	margin-top:0; }





.slideOutContent{

	/* Hiding the div with the slide out content: */

	display:none;

	padding:10px;

	font-size:11px;

}



/* Hiding the original paragraphs if they have not been replaced (JS disabled): */



.main > p{ display:none; }







/* The styles below are only necessary for the styling of the demo page: */



.main{

margin:0 auto;
min-height:700px;
position:relative;
width:900px;

}



.spaceBottom{

	margin:0 0 10px;

}



.spaceTop{

	margin:10px 0 0;

}



h1{

	background-color:#292929;

	border-bottom:1px solid #222222;

	font-size:30px;

	font-weight:normal;

	margin-bottom:15px;

	padding:15px;

	text-align:center;

}



h2 {

	font-size:12px;

	font-weight:normal;

	padding-right:40px;

	position:relative;

	right:0;

	text-align:right;

	text-transform:uppercase;

	top:-55px;

}



a, a:visited {

	color:#0196e3;

	text-decoration:none;

	outline:none;

}



a:hover{

	text-decoration:underline;

}



a img{

	border:none;

}



.clear{

	clear:both;

}



h1,h2,p.tutInfo{

	font-family:"Myriad Pro",Arial,Helvetica,sans-serif;

}

#flash {
	float:right;
}