/* PAGE ELEMENTS
-------------------------------------------------------------*/

body {
margin: 0 0 20px 0;
padding: 0 0 0 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #fff url(../exports/bg_body.gif) top repeat-x;
white-space: normal;
	font-size: 1em;
}

input,textarea{
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
select{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.1em;
}

div#wrap {
margin: 0 auto;
padding: 0 0 0 0;
width: 782px;
text-align: left;
}

div#header {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 782px;
height: 70px;
}

div#left {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 632px;
/*min-height: 725px;
height: auto !important;
height: 725px;*/
float: left;
}

div#right {
margin: 0 0 0 0;
padding: 0 0 0 0;
width: 147px;
min-width: 148px;
float: right;
}

div#full {
margin: 0 10px;
padding: 0;
}

div#full sub{
	font-size: 0.85em;
}

div#container {
margin: 0 0 5px 0;
padding: 0 0 0 0;
width: 100%;
/*min-height: 725px;
//height: auto !important;
//height: 725px;*/
background: #fff;
border: 1px solid #d2d2d2;
border-top: none;
}

div#leftcol {
margin: 0 0 10px 10px;
padding: 0 0 0 0;
width: 200px;
float: left;
}


div#rightcol {
margin: 0 0 10px 0;
padding: 0 10px 0 0;
width: 400px;
float: right;
}

div#leftSearch{
	width: 400px;
	float: left;
}

div#leftSearch table{
	width: 390px;
}

div#leftSearch td{
	color: #2e2e2e;
	font-size: 0.7em;
	line-height: 15px;
}

div#leftSearch .row1{
	background: #CFF2FF;
}

div#leftSearch .row2{
	background: #DFF7FF;
}

td.avatarCell{
	width: 100px;
	margin: 0;
}

td.avatarCell img{
	margin: 0;
	padding: 0;
}

td.dataCell{
	width: 340px;
}

td.linkCell{
	width: 280px;
}

td.linkCell{
	width: 480px;
}

td.blockControl{
	width: 80px;
}

div#rightSearch{
	width: 210px;
	float: right;
}

#searchButton,#nameToggle {
	float: left;
}

div#rightSearch a.smallerFloater {
	font-size: 0.9em;
	float: right;
}


div#rightSearch fieldset{
	border: none;
	background: #d3d3d3;
}

div#controls {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 100%;
	background: #f1f1f1;
	border-right: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
}

div#controls li {
	font-size: 1.05em;
}

div.fixer {
clear: both;
}

div.center {
text-align: center;
}
div.picButtons{
	width: 612px;
}
div#prevButton{
	float: left;
	font-size: 0.8em;
}

div#nextButton{
	font-size: 0.8em;

	float: right;
}
div#centerButton{
	font-size: 0.8em;

	text-align: center;
	width: 100px;
	margin: 0 auto;
}

img.imginline {
display: inline;
}

.nobottom {
margin-bottom: 0;
}

th,td{
	font-size: 0.7em;
	vertical-align: middle;
	padding: 10px;
}

th p, td p{
	font-size: 1em;
}

/* MAIN NAV
-------------------------------------------------------------*/

ul#mainnav {
margin: 15px 0 0 10px;
float: left;
}

ul#mainnav li {
margin: 0 8px 0 8px;
font-size: 1.2em;
font-weight: bold;
display: inline;
}

ul#mainnav li a {
padding: 3px;
}

ul#mainnav li a:hover {
background: #fff;
text-decoration: none;
}

/* SUB NAV
-------------------------------------------------------------*/

ul#subnav {
margin: 10px 0 0 0;
float: right;
}

ul#subnav li {
margin: 0 8px 0 8px;
display: inline;
}

ul#subnav li.last {
margin-right: 0;
}

/* SIDE NAV
-------------------------------------------------------------*/

div#controls h4 {
padding: 7px 10px 7px 7px;
background: #d2d2d2;
}

div#controls p {
padding: 0 7px 0 7px;
}

div#controls label {
	width: 80px;
}

div#controls input {
	margin: 0;
	padding: 0;
}

ul#sidenav {
margin-left: 7px;
}

ul#sidenav li {
margin-bottom: 10px;
font-size: 1em;
list-style: none;
}

ul#sidenav li a {
padding: 3px;
}

ul#sidenav li a:hover {
background: #fff;
text-decoration: none;
}

/* FOOTER NAV
-------------------------------------------------------------*/

ul#footernav {
margin: 0;
float: right;
}

ul#footernav li {
margin: 0 10px 0 10px;
display: inline;
}

ul#footernav li.last {
margin-right: 0;
}

/* CONTENT
-------------------------------------------------------------*/

img {
margin: 0 0 10px 0;
padding: 0 0 0 0;
border: none;
display: block;
}

p {
margin: 0 0 10px 0;
padding: 0 0 0 0;
color: #2e2e2e;
font-size: 0.7em;
line-height: 15px;
}

ol {
color: #2e2e2e;
font-size: 0.7em;
line-height: 15px;
}

h1 {
margin: 0 0 10px 0;
padding: 0 0 0 0;
color: #ffa21d;
font-size: 17px;
line-height: 20px;
}

h2 {
margin: 0 0 10px 0;
padding: 0 0 0 0;
color: #9d1b1b;
font-size: 14px;
border-bottom: 1px solid #d2d2d2;
}

h3 {
margin: 0 0 10px 0;
padding: 3px;
background: #def6ff;
color: #2e2e2e;
font-size: 0.7em;
font-weight: lighter;
}

h3 strong {
font-weight: bold;
}

h4 {
margin: 0 0 10px 0;
padding: 0 0 0 0;
color: #2e2e2e;
font-size: 13px;
}

h5 {
margin: 0 0 10px 0;
padding: 3px;
background: #def6ff;
color: #2e2e2e;
font-size: 0.7em;
font-weight: bold;
}


ul {
margin: 0 0 10px 20px;
padding: 0 0 0 0;
color: #2e2e2e;
font-size: 0.85em;
}

li {
margin: 0 0 5px 0;
padding: 0 0 0 0;
}

a {
color: #0055a5;
text-decoration: none;
	font-size: 0.8em;
}

div#left a {
	font-size: 1em;
}

a:hover {
text-decoration: underline;
}

label{
	float: left;
	width: 150px;
}

/* MY PASSPORT
-------------------------------------------------------------*/

div#addressBox{
	height: 150px;
	overflow: auto;
	font-size: 0.7em;
}

div#addressBox input{
	float: left;
}

div.center {
	margin: 0 auto;
	width: auto;
}

h1 a {
margin: 0 auto;
font-size: 1.2em;
text-decoration: none;
text-align: center;
}

span.myonline {
padding-right: 13px;
color: #2e2e2e;
font-size: 0.7em;
font-weight: lighter;
font-style: italic;
background: url(../exports/icon_online.gif) right no-repeat;
}

div.album {
margin: 0 0 10px 0;
padding: 0 0 0 0;
}

div.imgWrapper{
	width: 150px;
	margin: 0 5px 0 auto;
	float: left;
}

img.albumThumbnail{
	margin: 0 auto;
}

div.friend {
margin: 0 9px 0 9px;
padding: 0 0 0 0;
width: 80px;
height: 115px;
text-align: left;
float: left;
}

div.friend p{
	width: 60px;
	padding-right: 9px;
}

p.online {
height: 15px;
padding-left: 13px;
background: url(../exports/icon_online.gif) left no-repeat;
font-size: 0.9em;
}

table.calendar {
border: 0;
font-size: 0.9em;
float: left;
width: 190px;
}

table.calendar td {
margin: 0 0 0 0;
padding: 4px;
text-align: center;
background: #fff;
border: 1px solid #cdcdcd;
color: #7f7f7f;
}

table.calendar td.date {
background: #fff5dd;
}

table.comments{
	width: 100%;
	font-size: 0.9em;
}

table.comments tr.row1{
	background: #CFF2FF;
}

table.comments tr.row2{
	background: #DFF7FF;
}

table.comments td.dateCell{
	height: 12px;
	border-bottom: 1px solid #ffffff;
}

table.comments td.deleteCell{
	height: 12px;
	text-align: right;
	padding: 0px;
	margin: 0px;
	border-bottom: 1px solid #ffffff;
}


table.passportNav{
font-size: 0.7em;
}

table.calendar td.row0,table.calendar tr.row10{
}

table.calendar td.row1,table.calendar tr.row11{
	background: #CFF2FF;
}

table.calendar td.row2,table.calendar tr.row12{
	background: #ff8161;
}

table.calendar td.row3,table.calendar tr.row13{
	background: #66FF66;
}

table.calendar td.row4,table.calendar tr.row14{
	background: orange;
}

table.calendar td.row5,table.calendar tr.row15{
	background: #f8f01e;
}

table.friendlist{
	width: 306px;
	float: left;
}

table.blockedlist{
	width: 600px;
}

div.galleryThumb{
	width: 150px;
	float: left;
	margin: 5px;
}

div.galleryCaption{
	width: 450px;

	float: left;
	text-align: left;
}

div.galleryThumbnails{
	float: left;
	width: 180px; height: 180px;
	margin: 5px;
	border: 1px solid #cccccc;
}
div.galleryThumbnails img{
	border: 1px solid #aaaaaa;
}

div.galleryThumbnails:hover{
	background: #ededed;
}

a.important{
	color: #ff0000;
	font-weight: bold;
}

td{
	vertical-align: middle;
}

div.birthdayRow{
	font-size: 0.8em;
	clear: both;
}

div.birthdayName{
	float: left;
	width: 100px;
}

p.addressBook{
	font-size: 1em;
}