@charset "UTF-8";
/* COPYRIGHT 2009 Petters 

 WHEN TESTING SOME CSS, SCROLL DOWN AND PUT YOUR CODE IN THE TEST AREA!

*/

body
{
	background-color:#fcfff5;
	margin: 0px 0px 0px 0px;
	font-family:"Tahoma";
	color:#fcfff5;
	font-size:12px;
}

#beta
{
	width:1024px;
	background-image:url(images/comingsoon.png);
	height:768px;
	margin-left:auto;
	margin-right:auto;
}

.header
{
	height:150px;
	width:100%;
	background-color:#d1dbbd;
	background-image:url(images/bannerRep.png);
}

a:hover, a:active
{
	text-decoration:underline;
	color:#fcfff5;
}

a:visited, a:link
{
 	color:#fcfff5; 
}

.header-content
{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
	height:150px;
	background-color:#d1dbbd;
	font-size:14px;
	background-image:url(images/bannerRep.png);
}

a
{
	text-decoration:none;	
}

a.headerMenuItem:visited
{
	text-decoration:none;
	margin-right:10px;
	color:#3e606f;
	font-style:normal;
}

a.headerMenuItem:link
{
	text-decoration:none;
	margin-right:10px;
	color:#3e606f;
	font-style:normal;
}

a.headerMenuItem:hover
{	
	margin-right:10px;
	color:#fcfff5;
	font-style:normal;
}

a.headerMenuItem:active
{
	margin-right:10px;
	color:#fcfff5;
	font-style:normal;
}

a.left-column-item:link, a.left-column-item:visited
{
	color:#fcfff5;
	font-size:14px;
	text-decoration:none;
	font-style:normal;
}

a.left-column-item:hover, a.left-column-item:active
{
	color:#3e606f;
	font-size:14px;
	text-decoration:none;
	margin-bottom:10px;
	font-style:normal;
}

.menu-left
{
	width:400px;
	height:25px;
	float:right;
	margin-top:75px;
	color:#3e606f;
	font-weight:500;
}

.menu-right
{
	width:550px;
	height:80px;
	float:right;
	margin-top:69px;
	color:#3e606f;
	text-align:left;
	padding-right:10px;
}

.wrapper
{
	margin-left:auto;
	margin-right:auto;
	width:1024px;
}

.column-left
{
	background-color:#91aa9d;
	width:200px;
	float:left;
	text-align:left;
}

.searchField
{
	border: 1px solid #3e606f;
	background: #fcfff5;
	color: #3e606f;	
	height:17px;
	padding-left:5px;
}

.content
{
	width:474px;
	background-color:#3e606f;
	float:left;
	color:#fcfff5;
	font-size:12px;
}

.column-right
{
	background-color:#91aa9d;
	width:200px;
	float:right;
	text-align:right;
	color:#fcfff5;
}

.title
{
	font-size:14px;
	font-weight:800;
}

input.petButton
{
   font-size:12px;
   font-family:Myriad Pro;
   font-weight:bold;
   color:#3e606f;
   width:149px;
   height:25px;
   background-color:#fcfff5;
   border-style:solid;
   border-color:#3e606f;
   border-width:1px;
   cursor:pointer;
}

.petdiv
{
	width:120px;
	height:auto;
	float:left;
	margin-top:10px;
	text-align:center;
	color:#3e606f;
}

.avatar
{
	width:75px;
	border:#91aa9d solid 2px;
}

.contentWrapper
{
	float:left;	
	width:618px;
}

.newsItem
{
	float:left;
	width:100%;
	height:auto;
}

.line
{
	height:2px;
	background-color:#f1f5e6;
	width:583px;
	margin-top:10px;
	float:left;
	margin-left:10px;
}

.message
{
	width:575px;
	float:left;
	color:#3e606f;
	padding-left:10px;
	margin-top:10px;
	font-size:12px;
}

.shareTip
{
	width:400px;
	background-color:#91aa9d;
	padding:3px 3px 3px 3px;
	margin-bottom:3px;
	display:none;
}	

.album
{
	width:608px;
	border: solid 5px #D1DBBD;
	margin-bottom:10px;
	float:left;
}

.albumimg
{
	width:110px;
	background-color:#FCFFF5;
	margin-left:10px;
	margin-top:10px;
	float:left;
}

.albumnavi
{
	width:100%;
	height:30px;
	background-color:#D1DBBD;
	margin-top:10px;
	float:left;
}

.picnavi
{
	width:100%;
	margin-bottom:3px;
	height:25px;
	color:#3E606F;
	float:left;
	font-size:11px;
}

.medium_bubble_top
{
	width:465px;
	background-image:url(images/bubbles/medium_green_top_bubble.png);
	background-repeat:no-repeat;
	height:22px;
	floar:right;
}

.light_bubble_top
{
	width:465px;
	background-image:url(images/bubbles/light_green_bubble_top.png);
	background-repeat:no-repeat;
	height:22px;
	floar:right;
}

.trans_bubble_top
{
	width:575px;
	background-image:url(images/bubbles/bubble_trans_top.png);
	background-repeat:no-repeat;
	height:21px;
	floar:left;
}



.medium_bubble_bottom
{
	width:465px;
	background-image:url(images/bubbles/medium_green_bubble_bottom.png);
	background-repeat:no-repeat;
	height:38px;
	float:right;
}

.light_bubble_bottom
{
	width:465px;
	background-image:url(images/bubbles/light_green_bubble_bottom.png);
	background-repeat:no-repeat;
	height:38px;
	float:right;
}

.trans_bubble_bottom
{
	width:575px;
	background-image:url(images/bubbles/trans_bubble_bottom.png);
	background-repeat:no-repeat;
	height:25px;
	float:left;
}

.friendsg_top
{
	width:189px;
	background-image:url(images/layout/friendsg_top.png);
	background-repeat:no-repeat;
	height:5px;
	float:left;
}

.friendsg_bottom
{
	width:189px;
	background-image:url(images/layout/friendsg_bottom.png);
	background-repeat:no-repeat;
	height:12px;
	float:left;
	margin-bottom:3px;
}


/*------------------------------THIS IS THE CSS FOR OUR SEARCH ELEMENTS!-------------------------------*/

#SearchText { 
	width: 174px; 
	padding: 3px;
	display:block;
}

#SearchText, #SuggestResults {
	color:#3e606f;
	font-weight:bolder;
	font-size:0.9em;
}

#SuggestResults {
	opacity:0.8;
	height:150px;
}

#AutoSuggestBoxArea {
	
	display:block;
}

#SearchText2 { 
	width: 174px; 
	padding: 3px;
	display:block;
}

#SearchText2, #SuggestResults2	 {
	color:#3e606f;
	font-weight:bolder;
	font-size:0.9em;
}

#SuggestResults2 {
	opacity:0.8;
}

#AutoSuggestBoxArea2 {

	display:block;
}


.calque{
  opacity:.40;
  color: #FFFFFF;
  position: absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  align: center;
  font-size: 8pt;
  background-color: #000000;
  opacity : .4;
  filter : alpha(opacity=75);
  width: 100%;
  height : 100%;
  top : 0;
  left : 0 ;

}

.image_calque{
	height: 100%;
}

.window{
  color: #FFFFFF;
  position:absolute;
  visibility : hidden;
  padding: 0px;
  font-family: Courrier;
  font-size: 8pt;
  background-color: #FFFFFF;
  width: 600px;
  height : 350px;
  margin-left:-302px;
  left:50%;
  bottom:35%;
}

.contemp_window{
  width: 100%;
  height : 100%;
  border : 2px solid #91aa9d;
}

.ourLi
{
}

li
{
	list-style-image:url(images/layout/pootsmall.png);
}

/*--------------------------------------FOR TEST PURPOSES ONLY!-----------------*/

.shadow-container {
    position: relative;
    left: 3px;
    top: 3px;
    margin-right: 3px;
    margin-bottom: 3px;
}
.shadow-container .shadow2,
.shadow-container .shadow3,
.shadow-container .container {
	position: relative;
	left: -1px;
	top: -1px;
}
.shadow-container .shadow1 {
	background: #F1F0F1;
}
.shadow-container .shadow2 {
	background: #DBDADB;
}
.shadow-container .shadow3 {
	background: #B8B6B8;
}
.shadow-container .container {
	background: #ffffff;
	border: 1px solid #848284;
	padding: 10px;
}