@charset "UTF-8";
@import "/stylesheets/reset.css";
@import "/stylesheets/form.css";
@import "/stylesheets/errors.css";
@import "/stylesheets/links.css";
@import "/stylesheets/news.css";
/* CSS Document */

img {
	border:none;
}

h1 {
	font-size:36px;
}

h2 {
	font-size:20px;
}

h3 {
	font-size:14px;
}

p, ul, ol {
	font-size:12px;
}



/* This configures the main page background*/

#profiles{
	height:auto !important;
	background-color:#1f3009;
	background-image:url(/images/Background-green.png);
	margin: 4px 0 0 0;
	padding: 0 0 28px 0;
	font-family:Verdana, Geneva, sans-serif;
}

#container {
	width:955px;
	margin: 0 auto;
	padding:0 25px 0 25px;
	background-image: url(#FFF);
	background-repeat:repeat-x;
	background-color:#dcd7c4;
	font-family:arial,sans-serif;
	height:auto !important;
	min-height:892px;
	overflow:hidden;
	position:relative;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	-moz-box-shadow: 0 3px 25px #000;
	-webkit-box-shadow: 0 3px 25px #000;
	box-shadow:0 3px 25px #000;
}

/* Start Header */

#header {
	background-image: url(/images/Header.png);
	background-position:right;
	background-repeat:no-repeat;
	height: 155px;
	overflow:hidden;
	margin-top:5px;
}

div#header p {
font-size:12px;
}

#header ul {
background:#FFFFFF none repeat scroll 0 0;
font-size:12px;
padding:0 5px 0 15px;
position:absolute;
right:0;
top:0;
}
#header ul li {
display:inline;
}
#header ul li a {
color:#333333;
display:block;
float:left;
margin-right:10px;
padding:7px 0;
text-decoration:none;
}

#logo {
	margin:0;
	padding:0;
	float:left;
}

#loginhead {
	margin:75px 15px 5px auto;
	padding: 5px;
	float:right;
	color:#FFF;
	font-size:14px;
}



a#logout_link {
background:#FFFFFF none repeat scroll 0 0;
color:#DD0000;
font-size:12px;
padding:3px 8px;
position:absolute;
right:0;
text-decoration:none;
top:0;
}


/* End Header */

#subcontainer{
	margin-top:-15px;
	min-height:100%;
}

/* Sidebar (left side) */

#sidebar {
	width:200px;
	margin:5px;
	margin-top:0;
	padding: 5px 5px 0 5px;
	float:left;
}

#sidebar h1 {
	padding:0;
	margin: 0 0 5px 0;
	color:#666;
	font-size:20px;
}


#lifepoints h2 {
	text-align:center;
	font-size:18px;
	margin-top:-3px;
	color:#455a21;
	font-family: arial, sans-serif;
}

/* CSS originally from edgecase */

div#anitar_display {
	height:auto;
	margin-bottom:20px;
	width:190px;
	position:relative;
	font-family: arial, sans-serif;
	text-align:center;
	height: 190px;
	min-height: 190px;
	border: 1px solid #000;
}
div#anitar_display img{
	margin-top: 10px;
	margin-bottom: 3px;
	width: 130px;
	height: 130px;
}
div#anitar_display input[type="submit"]{
	width: 127px;
}

div#anitar_display.setup input {
	margin-top: 85px;
}

div#point_progress {
background:#CCCCCC none repeat scroll 0 0;
border:1px solid #333333;
font-size:14px;
height:25px;
line-height:25px;
margin-bottom:20px;
text-align:center;
}
div#point_progress.stage_1 {
background:#DDDDDD none repeat scroll 0 0;
}
div#point_progress.stage_2 {
background:#DDDDDD none repeat scroll 0 0;
}
div#point_progress.stage_3 {
background:#DDDDDD none repeat scroll 0 0;
}
div#point_progress.stage_4 {
background:#DDDDDD none repeat scroll 0 0;
}
div#point_progress.stage_5 {
background:#DDDDDD none repeat scroll 0 0;
}
div#point_progress span {
font-weight:bold;
}


/* End Sidebar */


/* Sidebar 2 (right side)*/

#sidebar2 {
	width:80px;
	margin:0 0 auto 5px;
	padding: 5px;
	float:right;
	text-align:center;
}

p.animal_tabs {
	margin: 14px 0;
	padding:0;
}

a div.animal_thumb {
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	-moz-box-shadow: 0 0px 10px #000;
	-webkit-box-shadow: 0 0px 10px #000;
	box-shadow:0 0px 10px #000;
	width:80px;height:90px;
	margin: 0 0 3px 0;
	padding: 0;
}

a span.animal_tab_text {
	font-size:14px;
	margin:0;padding:0;
}
/* End Sidebar 2*/


/* Main Content */

#main_content {
	width: 540px;
	margin:0 5px 5px 10px;
	padding:0 30px;
	float:left;
	color:#000;
	}
	
	
	
/* More CSS From Edgecase */

body.nosidebar div#main_content {
background:#FFFFFF none repeat scroll 0 0;
float:none;
padding:20px 20px 50px;
width:auto;
}

div#main_content h1 {
	font-size:36px;
	margin-bottom:1em;
	color: #78a22f;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

div#main_content h2 {
	font-size:16px;
	margin-bottom:1em;
	color: #8a1f03;
}
div#main_content h1.anitar {
font-size:24px;
padding-bottom:10px;
}

form.edit_anitar div.submit {
float:left;
width:300px;
}
div.submit.bottom {
clear:left;
float:none;
margin-left:520px;
width:auto;
}
ul#animal_tabs {
margin-bottom:10px;
overflow:hidden;
}
ul#animal_tabs li {
display:inline;
}
ul#animal_tabs li a {
background:#1B2A76 none repeat scroll 0 0;
color:#FFFFFF;
display:block;
float:left;
font-size:14px;
margin-right:5px;
padding:6px 8px;
text-decoration:none;
}
ul#animal_tabs li a.active {
background:#FFA500 none repeat scroll 0 0;
}

/* End of Edgecase content */


#main_content #title {
font-size:85px;
	margin-top:0;
	font-family:Verdana, Geneva, sans-serif;
	color:#FFF;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	-khtml-opacity: 0.6;
	opacity: 0.6;
margin-bottom:1em;
}

.picture {
	font-size:18px;
	max-width:240px;
}

/* End Main Content */

/* Footer */

#footer {
	clear:both;
	padding: 20px;
	overflow:hidden;
	width:100%;
	text-align:center;
	font-size:14px;
}



/* End Footer*/

.byline {
	font-size: x-small;
	color: #666;
	margin-top: -30px;
}

.imageright {
	background-color:#FFF;
	clear:both;
	float:right;
	margin:0 0 10px 10px;
	padding:5px;
	border:1px solid #455a21;
	font-size: x-small;
	font-style:italic;
	text-align:center;
}

.imageleft {
	background-color:#FFF;
	clear:both;
	float:left;
	margin:0 10px 10px 0;
	padding:5px;
	border:1px solid #455a21;
	font-size: x-small;
	font-style:italic;
	text-align:center;
}

.imagecenter {
	background-color:#FFF;
	clear:both;
	margin:10px auto;
	padding:5px;
	border:1px solid #455a21;
	font-size: x-small;
	font-style:italic;
	text-align:center;
}

#profiles #container #subcontainer #main_content .moviewindow {
	width:400px;
	border: 5px solid #78A22F;
	margin:5px;
	padding:0;
	float:left;
	height: 267px;
	min-height: 267px;
}

.textbox-right {
	clear: both;
	float: right;
	margin-left:10px;
	background-color: #fff;
	border: 1px solid #455a21;
	padding: 0 20px;
	color: #666;
}

.textbox-right strong {
	color:#455a21;
	font-size: 14px;
}
hr {
	clear:both;
}

/* Additional Stuff added after starting integration */

#main_content p {
line-height:1.5;
}

#main_page {
min-height: 693px;
}

.picture {
line-height:1;
}

#main_content ul li {
line-height:1.5;
list-style:disc;
list-style-position:inside;
}
.answer {
font-size: x-small;
color:#761307;
text-align:right;
}

.imageright-trans {
	clear:both;
	float:right;
	font-size: x-small;
	font-style:italic;
	text-align:center;
}

.imageleft-trans {
	clear:both;
	float:left;
	font-size: x-small;
	font-style:italic;
	text-align:center;
}

.arrowleft-trans {
	margin:5px;
	float:left;
	font-size: x-small;
	font-style:italic;
	text-align:center;
}

.arrowright-trans {
	margin:5px;
	float:right;
	font-size: x-small;
	font-style:italic;
	text-align:center;
}