/* CSS Document */

body,td,th {font-family: Arial, Helvetica, sans-serif;  font-size: 12px; color: #003300;}

#containter {
	width: 800px;
	position: relative;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #FFFFFF;
}


#links {
	position: absolute;
	top: 13px;
	left: 0px;
	width: 130px;
}

#text {position: absolute; left:227px; top: 58px; width: 555px; line-height: 1.5em; color: #333333;}

.transOFF {width: 100%; background-color: #665B4A;}
.transON  {width: 100%; background-color: #665B4A;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5;}

.mypets{cursor: hand; cursor: pointer; padding: 5px; background-color: #C3BEAF; border-bottom: 1px solid #FFFFFF;}
.openpet{background-color: #669999; color:#FFFFFF; padding-left: 5px;}
.technology{cursor: hand; cursor: pointer; font-family: Arial, Helvetica, sans-serif; color: #665B4A;}
.openlanguage{color: green;}
.closedlanguage{color: red;}
.thepet {overflow: auto; margin: 0px; padding: 0px; height: 235px; border-bottom: 1px solid #FFFFFF; padding: 8px;}

#sidebar {letter-spacing: 0.1em; line-height: 1.5em; text-align: left; width: 130px;}
#sidebar a {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; color: #FFFFFF; font-size: 11px;}
#sidebar a:visited {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;}
#sidebar a:hover {background-color: #669999; color: #FFFFFF; display: block 10%; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;}
#sidebar a:active {background-color: #669999; display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;}


#sidebar ul {list-style: none; margin: 0; padding: 0;}
#sidebar li {}

#sidebarc {letter-spacing: 0.1em; line-height: 1.5em; text-align: left;}
#sidebarc a {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; color: #003333; font-size: 11px;}
#sidebarc a:visited {display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;}
#sidebarc a:hover {background-color: #669999; color: #FFFFFF; display: block 10%; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;}
#sidebarc a:active {background-color: #669999; display: block; padding: 2px 8px 2px 10px; margin: 0; width: auto; font-size: 11px;}


#sidebarc ul {list-style: none; margin: 0; padding: 0;}
#sidebarc li {}

.copywrite {color: #665B4A; line-height: 1.2em; font-size: 10px;}

blockquote.pull {float: left; width: 300px; padding: 10px 5px 10px 5px; margin: 0;}
blockquote.pull2 {float: right; width: 250px; padding: 10px; margin: 0;}
blockquote.pull3 {float: left; width: 235px; padding: 5px 5px 10px 5px; margin: 0;}
blockquote.pull4 {float: left; width: 200px; padding: 10px 5px 10px 5px; margin: 0;}
blockquote.pullsm {float: right; width: 150px; padding: 0px 0px 8px 12px; margin: 0;}
blockquote.pullsm2 {float: left; width: 160px; padding: 5px; margin: 0;}
blockquote.green {float: left; width: 35px; padding: 0px 3px 0px 3px; margin: 0;}
blockquote.pull5 {float: right; width: 420px; padding: 10px; margin: 0; font-size: 11px; font-style: italic;}
blockquote.pull6 {float: right; width: 350px; padding: 10px; margin: 0; font-size: 11px; font-style: italic;}
blockquote.pull7 {float: right; width: 120px; padding: 10px 5px 10px 5px; margin: 0;}

.line1 {padding-left: 8px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid gray; background: #036039; color: #FFFFFF;}

.tableCompare {
	float:left;
}

.tableCompare strong {
	color:#222222;
}
.cell1 {
	text-align:left;
	font-size:11px;
}

.cell2 {
	text-align:center;
}

.cell3 {
	text-align:left;
	font-size:10px;
	font-weight:bold;
}

.cell4 {
	text-align:center;
	font-size:10px;
}

.cell5 {
	border-bottom:none;
	text-align:left;
	font-size:11px;
}