@charset "UTF-8";
/* CSS Document */
.clear{
	clear:both;
}
a {
	color:#7f7858;
}
.homeLeftCol{
	width:566px;
	float:left;
}
.homeOneCol{
	width:633px;
	margin-right:13px;
	padding:0px 110px;
	background-color:#FFF;
	background-image:url(../_img/dark_orange_landing_bg.jpg);
	background-position:top left;
	background-repeat:repeat-x;
}
.homeOneCol .bigLetter{
	float:left;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;
	color:#d8522f;
	font-size:59px;
	padding-right:10px;
	padding-top:20px;
}
.homeOneCol .smallText{
	float:left;
	margin-top:10px;
	width:560px;
	padding-bottom:40px;
	padding-top:20px;	
}
.homeOneCol .smallText .signature{
	text-align:right;
	color:#862a21;
	font-size:18px;
	font-style:normal;
	font-family:"Times New Roman", Times, serif;
}
.landingLinks{
	background-image:url(../_img/monkey.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	padding:40px 110px 20px 50px;
	margin-bottom:20px;
}
.landingLinks span.Title{
	color:#862a20;
	font-size:17px;
	display:block;
}
.landingLinks p a{
	color:#d8522e;
	font-size:13px;
	padding-left:15px;
}
.landingLinks p a:hover{
	color:#862a20;
	text-decoration:none;
}
.landingLinks .leftCol{
	float:left;
	width:340px;
	padding-left:20px;
}
.landingLinks .rightCol{
	float:left;
	margin-left:40px;
	width:270px;
}
.homeRightCol{
	width:281px;
	margin-left:7px;
	float:left;
}

.welcome{
	background-image:url(../_img/welcome_grey.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-position:bottom left;
	min-height:268px;
	padding-left:59px;
	width:507px;
	margin-bottom:10px;
}
.welcome img{
	margin-bottom:10px;
}
.welcome .welcomeText{
	padding-right:20px;
	float:left;
}
.homeRightArticle{
	width:278px;
	background-image:url(../_img/orangeNewsBg.jpg);
	background-position:bottom left;
	min-height:268px;
	float:left;
	margin-bottom:10px;
}
.homeRightArticle a.title{
	width:258px;
	height:37px;
	font-size:19px;
	background-image:url(../_img/orangeNewsTitle.jpg);
	background-position:top left;
	display:block;
	color:#322e20;
	text-decoration:none;
	line-height:37px;
	padding-left:20px;
	overflow:hidden;
}
.homeRightArticle .homeRightArticleText{
	padding-left:8px;
	padding-top:8px;	
}
.homeRightArticle .homeRightArticleText img{
	float:left;
	margin:0px 8px 0px 0px;
}
.homeRightArticle .homeRightArticleText .textPlace{
	float:left;
	width:180px;
	min-height:180px;
}
.homeRightArticle .homeRightArticleText .textPlace span.title{
	display:block;
	color:#7f7858;
	font-size:14px;
	font-weight:bold;
	padding-bottom:3px;
	width:100%;
	float:left;
}
.homeRightArticle .homeRightArticleText a.arxeio{
	float:right;
	padding:0px 0px 0px 35px;
	margin-right:30px;
	height:35px;
	font-size:13px;
	display:block;
	width:100px;
	color:#FFF;
	text-decoration:none;
	background-image:url(../_img/eagle_btn.png);
	background-position:top left;
	background-repeat:no-repeat;
	line-height:35px;
	margin-top:8px;
}
.homeRightArticle .homeRightArticleText a.arxeio:hover{
	text-decoration:underline;
}
.homeRightArticleText .thumbDate{
	float:left;
}
.homeRightArticleText .thumbDate img{
	float:none;
}
.homeRightArticleText .thumbDate span{
	display:block; float:none; font-size:10px; padding-right:8px; text-align:center; padding-top:5px;
}
.homeRightOurDolfines{
	width:278px;
	background-image:url(../_img/orangeRightArticleBg.jpg);
	background-position:bottom left;
	min-height:190px;
	float:left;
	margin-bottom:10px;
}
.homeRightMap{
	width:278px;
	background-image:url(../_img/orangeRightArticleBg.jpg);
	background-position:bottom left;
	min-height:268px;
	float:left;
	margin-bottom:10px;
}
.homeRightMap a.title, .homeRightOurDolfines a.title{
	width:258px;
	height:37px;
	font-size:19px;
	background-image:url(../_img/orangeNewsTitle.jpg);
	background-position:top left;
	display:block;
	color:#322e20;
	text-decoration:none;
	line-height:37px;
	padding-left:20px;
	overflow:hidden
}
.homeRightMap .homeRightArticleText img{
	border:0px;
}
.homeRightMap .homeRightArticleText .textPlace{
	min-height:180px;
	text-align:center;
}
.homeRightMap .homeRightArticleText .textPlace span.title{
	display:block;
	padding-left:20px;
	padding-top:5px;
	text-align:left;
	color:#7f7858;
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
	float:left;
}
a.homeRightCard{
	width:278px;
	min-height:40px;
	float:left;
	font-size:13px;
	color:#322e20;
	text-decoration:none;
	margin-bottom:10px;
	border:0px;
	background-image:url(../_img/card_park.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	text-align:center;
	padding-top:150px;
	display:block;
}
a.homeRightCard:hover{
	text-decoration:underline;	
}
a.homeHelp{
	width:158px;
	min-height:146px;
	float:left;
	font-size:13px;
	color:#322e20;
	text-decoration:none;
	margin-bottom:10px;
	border:0px;
	background-image:url(../_img/homeHelp.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	padding:10px 100px 0px 20px;
}
a.homeHelpEn{
	width:158px;
	min-height:146px;
	float:left;
	font-size:13px;
	color:#322e20;
	text-decoration:none;
	margin-bottom:10px;
	border:0px;
	background-image:url(../_img/homeHelpEn.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	padding:10px 100px 0px 20px;
}
a.homeWisdom{
	width:158px;
	min-height:146px;
	float:left;
	font-size:13px;
	color:#322e20;
	text-decoration:none;
	margin-bottom:10px;
	border:0px;
	background-image:url(../_img/koukouvagia.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	display:block;
	padding:10px 100px 0px 20px;
}
a.homeWisdom span{
	color:#FFF;
	display:block;
	padding-bottom:5px;
	font-size:19px;
}

.homeRightMap .homeRightArticleText .textPlace{
	min-height:180px;
	text-align:center;
}
.homeRightMap .homeRightArticleText .textPlace img{
	margin:5px 0px;	
}


.homeOffer .title{
	width:255px;
	height:37px;
	font-size:19px;
	background-image:url(../_img/titles_bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	display:block;
	overflow:hidden;
	color:#FFF;
	text-decoration:none;
	line-height:37px;
	padding-left:20px;
}
.homeOffer a{
	text-decoration:none;
}
.homeOffer a:hover .title{
	color:#f5cb37;
}
.homeFriends{
	width:278px;
	background-image:url(../_img/centerArticleBg.jpg);
	background-position:bottom left;
	min-height:268px;
	float:right;
	margin-bottom:10px;
}
.homeFriends .bgOffer{
	width:278px;
	background-image:url(../_img/home_delfinario.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:263px;
	float:left;
	margin-bottom:5px;
}


.homeFriends .textPlace span.title{
	display:block;
	color:#7f7858;
	font-size:14px;
	font-weight:bold;
	padding-bottom:8px;
	padding-top:5px;
	float:left;
}
.homeFriends .textPlace a{
	margin-left:50px;
	margin-top:20px;
}
.homeAdopted{
	width:566px;
	background-image:url(../_img/orangeAdoptedBg.jpg);
	background-position:bottom left;
	min-height:190px;
	float:right;
	margin-bottom:10px;
}

.homeAdopted a.title{
	width:546px;
	height:37px;
	font-size:19px;
	background-image:url(../_img/titles_bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	display:block;
	color:#FFF;
	text-decoration:none;
	line-height:37px;
	padding-left:20px;
	overflow:hidden;
}

.homeAdopted .textPlace{
	float:left;
	width:260px;
	margin-left:300px;
	color:#FFF;
	margin-top:10px;
}
.homeAdopted .textPlace a{
	margin-left:20px;
	margin-top:5px;
}

.mustSee{
	width:566px;
	background-image:url(../_img/orangeAdoptedBg.jpg);
	background-position:bottom left;
	min-height:190px;
	float:right;
	margin-bottom:10px;
}

.mustSee a.title{
	width:546px;
	height:37px;
	font-size:19px;
	background-image:url(../_img/titles_bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	display:block;
	color:#FFF;
	text-decoration:none;
	line-height:37px;
	padding-left:20px;
	overflow:hidden;
}
.mustSee .textPlace{
	float:left;
	width:280px;
	margin-left:10px;
	color:#322e20;
	margin-top:10px;
}
.mustSee .textPlace a{
	margin-left:20px;
	margin-top:5px;
}
.mustSee .bgOffer{
	width:566px;
	background-position:top left;
	background-repeat:no-repeat;
	margin-left:0px;
	min-height:185px;
	float:left;
	margin-bottom:5px;
}

/*--------------------------------------inpages-----------------------------------------------*/
.simpleTextPhoto{
	width:225px;
	float:left;
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e7e6e1;
	padding:10px 0px 20px 53px;
	min-height:110px;
}
.grayMenu{
	width:225px;
	float:left;
	background-image:url(../_img/grey_menu.jpg);
	background-position:top left;
	background-repeat:no-repeat;
	background-color:#e7e6e1;
	padding:10px 0px 20px 53px;
	min-height:110px;
}
.grayMenu ul{
	padding:0px;
	margin:0px;

}
.grayMenu ul li{
	list-style:none;	
}
.grayMenu ul li a{
	width:210px;
	line-height:30px;
	height:30px;
	font-size:15px;
	color:#4e4832;
	text-decoration:none;
	display:block;
	padding-left:10px;
	overflow:hidden;
}
.grayMenu ul li a:hover{
	color:#FFF;
	background-image:url(../_img/grey_menu_over.jpg);
	background-position:top left;
	background-repeat:no-repeat;
}
.grayMenu ul li a.active{
	width:210px;
	line-height:30px;
	font-size:15px;
	color:#FFF;
	background-image:url(../_img/grey_menu_over.jpg);
	background-position:top left;
	background-repeat:no-repeat
	text-decoration:none;
	display:block;
	padding-left:10px;
}
.innerRightCol{
	width:566px;
	float:left;
	display:block;
	margin-left:10px;
}
.innerRightCol .sitemap{
	background-color:#fbeec3;
	font-size:13px;
	line-height:35px;
	width:556px;
	padding-left:10px;
	margin-bottom:10px;
}
.innerRightCol .sitemap a{
	color:#322e20;
	text-decoration:none;
}
.innerRightCol .sitemap a:hover{
	text-decoration:underline;
}
.innerRightCol .sitemap a.first{
	font-weight:bold;
	color:#f2612b;
}
.innerRightCol .sitemap a.second{
	font-weight:bold;
}
.innerRightCol form{
	text-align:right;
	font-size:12px;
	padding:0px;
	margin-bottom:10px;
}
.innerRightCol .textPlace{
	width:566px;
	background-color:#f3f3f0;
	background-image:url(../_img/inner_page_shadow.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:30px;
}
.innerRightCol .textPlace .title{
width: 526px;
margin-bottom: 10px;
font-size: 19px;
background-image: url(../_img/titles_friends_bg.png);
background-repeat: repeat-x;
background-position: bottom left;
background-color: #AAA593;
display: block;
color: #322E20;
text-decoration: none;
padding: 7px 20px;	
}
/*.innerRightCol .textPlace .title{
	width:546px;
	height:37px;
	margin-bottom:10px;
	font-size:19px;
	background-image:url(../_img/titles_friends_bg.png);
	background-repeat:repeat-x;
	background-position:top left;
	display:block;
	color:#322e20;
	text-decoration:none;
	line-height:37px;
	padding-left:20px;
	overflow:hidden;
}*/
.innerRightCol .textPlace .text{
	width:530px;
	padding-left:18px;
	padding-right:18px;
}
.innerRightCol .textPlace .text img.news{
	float:left;
	margin-right:10px;
}
.innerRightCol .textPlace .text p{
	margin-top:0px;
}
.innerRightCol .textPlace .text .detailsSmall{
	float:left;
	width:255px;
	margin-bottom:20px;
}
.innerRightCol .textPlace .text span{
	color:#7f7858;
	font-weight:bold;
	font-size:14px;
	display:block;
}
.innerRightCol .textPlace .text a.imgPlace{
	float:left;
	width:260px;
	margin-right:10px;
	padding-bottom:20px;	
	background-image:url(../_img/zoom_bg.gif);
	background-position:bottom center;
	background-repeat:no-repeat;
	background-color:#FFF;	
	margin-bottom:20px;
	text-align:center;
}
.innerRightCol .textPlace .text a.imgPlace img{
	border:0px;
}
.innerRightCol .textPlace .text ul.smallThumbs{
	list-style:none;
	padding:0px;
	margin:0px;
}
.innerRightCol .textPlace .text ul.smallThumbs li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 2px #FFF;
	display:block;
}
.innerRightCol .textPlace .text ul.smallThumbs li a{
	color:#322e20;
	text-decoration:none;
	line-height:41px;
	height:41px;
	display:block;
	overflow:hidden;
}
.innerRightCol .textPlace .text ul.smallThumbs li p{
	padding-left:65px;
	margin:0px;
}
.innerRightCol .textPlace .text ul.smallThumbs li a:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text ul.smallThumbs li a img{
	border:0px;
	float:left;
	margin-right:10px;
}

.innerRightCol .textPlace .text ul.newsList{
	list-style:none;
	padding:0px;
	margin:0px;
}
.innerRightCol .textPlace .text ul.newsList li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 2px #FFF;
	display:block;
}
.innerRightCol .textPlace .text ul.newsList li a{	
	color:#7f7858;
	text-decoration:none;
	line-height:41px;
	height:41px;
	display:block;
	overflow:hidden;
	font-size:14px;
}
.innerRightCol .textPlace .text ul.newsList li a:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text ul.newsList li a.readMore{	
	color:#7f7858;
	text-decoration:none;
	font-size:12px;
	float:right;
	line-height:14px;
	margin-top:10px;
	height:20px;
	display:block;
}
.innerRightCol .textPlace .text ul.newsList li a.readMore:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text ul.newsList li p{
	margin:0px;
	width:430px;
	display:block;
	float:left;
}
.innerRightCol .textPlace .text ul.newsList li img{
	border:0px;
	float:left;
	margin-right:10px;
}

.innerRightCol .textPlace .text ul.searchList{
	list-style:none;
	padding:0px;
	margin:0px;
}
.innerRightCol .textPlace .text ul.searchList li{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 2px #FFF;
	display:block;
}
.innerRightCol .textPlace .text ul.searchList li a{	
	color:#7f7858;
	text-decoration:none;
	line-height:41px;
	height:41px;
	display:block;
	overflow:hidden;
	font-size:14px;
}
.innerRightCol .textPlace .text ul.searchList li a:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text ul.searchList li a.readMore{	
	color:#7f7858;
	text-decoration:none;
	font-size:12px;
	float:right;
	line-height:14px;
	margin-top:10px;
	height:20px;
	display:block;
}
.innerRightCol .textPlace .text ul.searchList li a.readMore:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text ul.searchList li p{
	margin:0px;
	display:block;
	float:left;
}

.innerRightCol .textPlace .text ol.faqs{
	margin:0px;
	padding:0px;
	padding-left:20px;
	color:#7f7858;
	font-weight:bold;
}
.innerRightCol .textPlace .text ol.faqs li{
	padding-bottom:10px;
	margin-bottom:10px;
}
.innerRightCol .textPlace .text ol.faqs p{
	margin:0px;
	padding-bottom:3px;
	color:#322e20;
	font-weight:normal;
}
.innerRightCol .textPlace .text ol.faqs p.faq{
	font-size:14px;
	color:#7f7858;
	font-weight:bold;
}
.innerRightColBack{
	width:546px;
	background-color:#e7e6e1;
	background-image:url(../_img/inner_page_shadow.jpg);
	background-position:bottom left;
	background-repeat:no-repeat;
	padding-bottom:30px;
	display:block;
	float:left;
	margin-left:288px;
	padding-left:20px;
	padding-top:10px;
	color:#4e4832;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
.innerRightColBack a{
	color:#4e4832;
	font-weight:bold;
	font-size:13px;
	text-decoration:none;
}
.innerRightColBack a:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text .gallery img{
	border:0px;
	width:113px;
	height:85px;
	margin-bottom:5px;
	
}
.innerRightCol .textPlace .text .gallery a{
	color:#4e4832;
	text-decoration:none;
	font-size:.9em;
}
.innerRightCol .textPlace .text .gallery a:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text .gallery ul{
	padding:10px 0px 10px 0px;
	margin:0px;
}
.innerRightCol .textPlace .text .gallery ul li{
	list-style:none;
	float:left;
	margin:0px 0px 10px 15px;
	width:113px;
	text-align:center;
	 min-height:190px;
}
.innerRightCol .textPlace .text .gallery ul li.screen{
	list-style:none;
	float:left;
	margin:0px 0px 10px 15px;
	width:241px;
	text-align:center;
}
.innerRightCol .textPlace .text .gallery ul li.screen img{
	border:0px;
	width:240px;
	height:180px;
}
.innerRightCol .textPlace .text .gallery .navigate{
	font-size:12px;
	color:#7f7858;
	font-weight:bold;
	padding:0px 13px 10px 18px;
}
.innerRightCol .textPlace .text .gallery .navigate .pages{
	float:left;
}
.innerRightCol .textPlace .text .gallery .navigate ul.numbers{
	padding:0px;
	float:right;
	margin:0px;
}
.innerRightCol .textPlace .text .gallery .navigate ul.numbers li{
	margin:0px 5px;
	padding:0px;
}
.innerRightCol .textPlace .text .gallery .navigate ul.numbers li a{
	color:#7f7858;
	text-decoration:none;
}
.innerRightCol .textPlace .text .gallery .navigate ul.numbers li a:hover{
	text-decoration:underline;
}
.footer a:hover{
	text-decoration:underline;	
}
/*--------------------------------------videos-----------------------------------------------*/
.innerRightCol .textPlace .text .videos img{
	border:0px;
	width:113px;
	height:85px;
}
.innerRightCol .textPlace .text .videos ul{
	padding:10px 0px 10px 0px;
	margin:0px;
}
.innerRightCol .textPlace .text .videos ul li{
	list-style:none;
	float:left;
	margin:0px 0px 10px 15px;
}
.innerRightCol .textPlace .text .navigate{
	font-size:12px;
	color:#7f7858;
	font-weight:bold;
	padding:10px 13px 0px 18px;
}
.innerRightCol .textPlace .text .navigate .pages{
	float:left;
}
.innerRightCol .textPlace .text .navigate ul.numbers{
	padding:0px;
	float:right;
	margin:0px;
	list-style:none;
}
.innerRightCol .textPlace .text .navigate ul.numbers li{
	margin:0px 5px;
	padding:0px;
	float:left;
}
.innerRightCol .textPlace .text .navigate ul.numbers li a{
	color:#7f7858;
	text-decoration:none;
}
.innerRightCol .textPlace .text .navigate ul.numbers li a:hover{
	text-decoration:underline;
}
.innerRightCol .textPlace .text ul.thumbs{
	padding:10px 0px 10px 0px;
	margin:0px;
}
.innerRightCol .textPlace .text ul.thumbs li{
	list-style:none;
	float:left;
	margin:0px 0px 10px 15px;
	width:240px;
	display:block;
	min-height:135px;
}
.innerRightCol .textPlace .text ul.thumbs li a{
	color:#7f7858;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
}
.innerRightCol .textPlace .text ul.thumbs li a:hover{
	text-decoration:underline;
	
}
.innerRightCol .textPlace .text ul.thumbs li a p{
	margin:0px;
}
.sos{
	
	background-position:top left;
	background-repeat:repeat-y;
	width:850px;
	color:#FFF;
}
.sos .article{
	background-image:url(../_img/sos_image.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:100px;
	padding:10px 10px 10px 120px;
}
.sos .articleEn{
	background-image:url(../_img/sos_image_en.png);
	background-position:top left;
	background-repeat:no-repeat;
	min-height:100px;
	padding:10px 10px 10px 120px;
}
.sos span{
	font-size:19px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	padding-bottom:10px;
	display:block;
}
.sos p{
	margin:0px;	
}
.sos a{
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
}
.sos a:hover{
	text-decoration:underline;
}
.sos .shadow{
	background-image:url(../_img/sos_shadow.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:16px;
}
/*--------------------------------------videos end-----------------------------------------------*/
/*--------------------------------------btns-----------------------------------------------*/
.btn { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size:14px; font-weight:normal; line-height:25px;}
.btn * { font-style: normal; background-image: url(../_img/btn2.png); background-repeat: no-repeat; display: block; position: relative; }
.btn i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn span,
* html .btn i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn.blue { background: #2ae; }
.btn.green { background: #5aae42; }
.btn.pink { background: #e1a; }
.btn:hover { background-color: #9e9885; }
.btn:active { background-color: #444; }
.btn[class] {  background-image: url(../_img/shade.png); background-position: bottom; }

* html .btn { border: 3px double #aaa; }
* html .btn.blue { border-color: #2ae; }
* html .btn.green { border-color: #9d4; }
* html .btn.pink { border-color: #e1a; }
* html .btn:hover { border-color: #a00; }

.btn3 { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size:14px; font-weight:normal; line-height:25px;}
.btn3 * { font-style: normal; background-image: url(../_img/btn3.png); background-repeat: no-repeat; display: block; position: relative; }
.btn3 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn3 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn3 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn3 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn3 span,
* html .btn3 i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn3.blue { background-color: #2ae; }
.btn3.green { background-color: #5aae42; }
.btn3.pink { background-color: #e1a; }
.btn3:hover { background-color: #9e9885; }
.btn3:active { background-color: #444; }
.btn3[class] {  background-image: url(../_img/shade.png); background-position: bottom; }

* html .btn3 { border: 3px double #aaa; }
* html .btn3.blue { border-color: #2ae; }
* html .btn3.green { border-color: #9d4; }
* html .btn3.pink { border-color: #e1a; }
* html .btn3:hover { border-color: #a00; }




.btn4 { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size:14px; font-weight:normal; line-height:25px;}
.btn4 * { font-style: normal; background-image: url(../_img/btn4.png); background-repeat: no-repeat; display: block; position: relative; }
.btn4 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn4 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn4 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn4 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn4 span,
* html .btn4 i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn4.blue { background-color: #2ae; }
.btn4.green { background-color: #5aae42; }
.btn4.brown { background-color: #f0b47a; }
.btn4.pink { background-color: #e1a; }
.btn4:hover { background-color: #9e9885; }
.btn4:active { background-color: #444; }
.btn4[class] {  background-image: url(../_img/shade.png); background-position: bottom; }

* html .btn4 { border: 3px double #aaa; }
* html .btn4.blue { border-color: #2ae; }
* html .btn4.green { border-color: #9d4; }
* html .btn4.pink { border-color: #e1a; }
* html .btn4:hover { border-color: #a00; }




.btn5 { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size:14px; font-weight:normal; line-height:25px; margin-left:100px; margin-top:5px;}
.btn5 * { font-style: normal; background-image: url(../_img/btn5.png); background-repeat: no-repeat; display: block; position: relative; }
.btn5 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn5 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn5 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn5 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn5 span,
* html .btn5 i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn5.blue { background: #2ae; }
.btn5.green { background: #5aae42; }
.btn5.pink { background: #e1a; }
.btn5:hover { background-color: #9e9885; }
.btn5:active { background-color: #444; }
.btn5[class] {  background-image: url(../_img/shade.png); background-position: bottom; }

* html .btn5 { border: 3px double #aaa; }
* html .btn5.blue { border-color: #2ae; }
* html .btn5.green { border-color: #9d4; }
* html .btn5.pink { border-color: #e1a; }
* html .btn5:hover { border-color: #a00; }
/*--------------------------------------end btns-----------------------------------------------*/
.btn6 { display: block; position: relative; background: #aaa; padding: 5px; float: left; color: #fff; text-decoration: none; cursor: pointer; font-size:14px; font-weight:normal; line-height:25px;}
.btn6 * { font-style: normal; background-image: url(../_img/btn4.png); background-repeat: no-repeat; display: block; position: relative; }
.btn4 i { background-position: top left; position: absolute; margin-bottom: -5px;  top: 0; left: 0; width: 5px; height: 5px; }
.btn6 span { background-position: bottom left; left: -5px; padding: 0 0 5px 10px; margin-bottom: -5px; }
.btn6 span i { background-position: bottom right; margin-bottom: 0; position: absolute; left: 100%; width: 10px; height: 100%; top: 0; }
.btn6 span span { background-position: top right; position: absolute; right: -10px; margin-left: 10px; top: -5px; height: 0; }

* html .btn4 span,
* html .btn4 i { float: left; width: auto; background-image: none; cursor: pointer; }

.btn6.blue { background-color: #2ae; }
.btn6.green { background-color: #5aae42; }
.btn6.brown { background-color: #f0b47a; }
.btn6.pink { background-color: #e1a; }
.btn6:hover { background-color: #9e9885; }
.btn6:active { background-color: #444; }
.btn6[class] {  background-image: url(../_img/shade.png); background-position: bottom; }

* html .btn6 { border: 3px double #aaa; }
* html .btn6.blue { border-color: #2ae; }
* html .btn6.green { border-color: #9d4; }
* html .btn6.pink { border-color: #e1a; }
* html .btn6:hover { border-color: #a00; }

#quizform{ text-align:left;}
#quizform label{ padding-right:15px; padding-left:5px;}
#quizform h2, #quizform h3{ margin-bottom:0px; padding-bottom:0px;}
#quizform h3{margin-bottom:5px;}
#quizform em{ display: block; width:180px; float:left; line-height:16px;}

.submitq{background-color:#448532; border:1px solid #ccc; border-radius:5px; padding:5px; color:#FFF; font-weight:bold; font-size:13px;}

.greenBar, .blueBar, .redBar{height:16px; background-position:top right; background-repeat:no-repeat; float:left;}
.greenBar{background-image:url(../_img/green.png);}
.redBar{background-image:url(../_img/red.png);}
.blueBar{background-image:url(../_img/blue.png);}

.snowflakes{background:url(../_img/snowflakes.png) no-repeat top center; height:500px;}