* {
	margin:0;
	padding:0;
}

body {
	background:url(../../images/background.png) top left;
	font: .8em "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

h2{ 
	margin-bottom:10px;
}

#wrapper{
	width:720px;
	margin:40px auto 0;
}

#wrapper h1{
	color:#FFF;
	text-align:center;
	margin:20px 0;
}

#wrapper a{
	display:block;
	font-size:1.2em;
	padding-top:20px;
	color:#FFF;
	text-decoration:none;
	text-align:center;
}

.one {
	width:883px;
	padding:15px;
	background-color:#3172DE;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

.one > .tabs{
	height:30px;
	overflow:hidden;
}

.one > .tabs > ul{
	font: 1em;
	list-style:none;
}

.one > .tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#FFF;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px; 
	background: #C9C9C9; /* old browsers */
	background: -moz-linear-gradient(top, #0C91EC 0%, #257AB6 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0C91EC), color-stop(100%,#257AB6)); /* webkit */
}

.one > .tabs > ul > li:hover{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.one > .tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F3F3F3 10%, #F3F3F3 50%, #FFFFFF 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#F3F3F3), color-stop(50%,#F3F3F3), color-stop(100%,#FFFFFF)); /* webkit */
	cursor:pointer;
	color: #333;
}

.one > .tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-top-left-radius: 0px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px; 
	padding:10px 10px 25px;
	background: #FFFFFF; /* old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 90%, #e4e9ed 100%); /* firefox */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(90%,#FFFFFF), color-stop(100%,#e4e9ed)); /* webkit */
	margin:0;
	color:#333;
}


/*Style Two*/

.two {
	width:883px;
	padding:15px;
	background-color:#f3f3f3;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

.two > .tabs{
	height:30px;
	overflow:hidden;
}

.two > .tabs > ul{
	font: 1em;
	list-style:none;
}

.two > .tabs > ul > li{
	margin:0 2px 0 0;
	padding:7px 10px;
	display:block;
	float:left;
	color:#333;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-o-user-select: none;
	user-select: none;
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius:4px;
	border-top-right-radius: 4px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border:1px solid #666;
	background: #fff; 
	cursor:pointer;
}

.two > .tabs > ul > li:hover{
	background: #666; 
	cursor:pointer;
	color: #fff;
}

.two > .tabs > ul > li.tabActiveHeader{
	background: #666;
	cursor:pointer;
	color: #fff;
}

.two > .tabscontent {
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	border-top-left-radius: 0px;
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px; 
	padding:10px 10px 25px;
	background: #666; 
	margin:0;
	color:#FFF;
}

/*Style Three*/

.three {
	width:883px;
	padding:15px;
	background-color:#ffffff;
	-moz-border-radius: 4px;
	border-radius: 4px; 
}

.three > .tabs{
	height:31px;
	overflow:hidden;
}

.three > .tabs > ul{
	font: 1em;
	list-style:none;
	float:right;
}

.three > .tabs > ul > li{
	margin:0 0 0 2px;
	padding:7px 10px;
	display:block;
	float:left;
	color:#333;
	-webkit-user-select: none;
	-moz-user-select: none;
	user-select: none;
	background: #B6C9DB; /* Old browsers */
	background: -moz-linear-gradient(top, #B6C9DB 0%, #A0B1BF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B6C9DB), color-stop(100%,#A0B1BF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #B6C9DB 0%,#A0B1BF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #B6C9DB 0%,#A0B1BF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #B6C9DB 0%,#A0B1BF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B6C9DB', endColorstr='#A0B1BF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #B6C9DB 0%,#A0B1BF 100%); /* W3C */
	border-top:1px solid #999;
	border-right:1px solid #999;
	border-left:1px solid #999;
	border-bottom:1px solid #999;
}

.three > .tabs > ul > li:hover{
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%, #E4E9ED 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#FFFFFF), color-stop(100%,#E4E9ED)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E4E9ED',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* W3C */
	border-bottom:1px solid #e4e9ed;
	cursor:pointer;
	color: #333;
}

.three > .tabs > ul > li.tabActiveHeader{
	background: #FFFFFF; /* Old browsers */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #FFFFFF 10%, #E4E9ED 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(10%,#FFFFFF), color-stop(100%,#E4E9ED)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#E4E9ED',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #FFFFFF 0%,#FFFFFF 10%,#E4E9ED 100%); /* W3C */
	border-bottom:1px solid #e4e9ed;
	cursor:pointer;
	color: #333;
}

.three > .tabscontent {
	padding:10px 10px 25px;
	background: #E4E9ED; /* Old browsers */
	background: -moz-linear-gradient(top, #E4E9ED 0%, #FFFFFF 10%, #FFFFFF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#E4E9ED), color-stop(10%,#FFFFFF), color-stop(100%,#FFFFFF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #E4E9ED 0%,#FFFFFF 10%,#FFFFFF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #E4E9ED 0%,#FFFFFF 10%,#FFFFFF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #E4E9ED 0%,#FFFFFF 10%,#FFFFFF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#E4E9ED', endColorstr='#FFFFFF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #E4E9ED 0%,#FFFFFF 10%,#FFFFFF 100%); /* W3C */
	border:1px solid #999;
	margin:0;
	color:#333;
}