@charset "utf-8";

html,body {
	padding-top:0px;
	padding-bottom:0px;
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
body {
	background-image: url(images/backgrad.gif);
}
html>body #outer {height:auto}/*for mozilla */

p {margin-top:0px;}
h2 {
	font-size:14px;
	font-weight:bold;
	padding-bottom:5px;
}
ol, li, h2, html, body {
	margin-top:0px;
	margin-bottom:0px;
}
#collageBack{
	height:100%;
	min-height:99%;/*for mozilla*/
	background-image:url(http://images.friendlyrank.com/resources/collage.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-left:auto;
	margin-right:auto;
	width:981px;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:20px;
	padding-bottom:0px;

}
#mainContentContainer {
	float:left;
	margin-left:40px;
	width:660px;
	clear:none;
}
#mainContentTop {
	padding-top:0px;
	width:660px;
	height:32px;
	background-image:url(http://images.friendlyrank.com/resources/mainTop.png);
	background-repeat:no-repeat;
}
#mainContent {
	float:left;
	width:660px;
	padding-top:0px;
	background-image:url(http://images.friendlyrank.com/resources/mainBack.png);
}
#mainContent table{
	padding-left:40px;
}
#mainContentBottom {
	clear:left;
	width:660px;
	height:46px;
	background-image:url(http://images.friendlyrank.com/resources/mainBottom.png);
	background-repeat:no-repeat;
	padding-top:33px; 
	font-size:10px; 
	text-align:center;
}
.mainContentTextItem {
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
}
#sidecontainer {
	float:left;
	width:240px;
	margin-right:40px;
	clear:right;
}
#logo {
	background-image:url(http://images.friendlyrank.com/resources/logo.png);
	background-position:center;
	background-repeat:no-repeat;
	height:120px;
}
#sidebarTop {
	padding-top:0px;
	width:240px;
	height:32px;
	background-image:url(http://images.friendlyrank.com/resources/sidebar-top.png);
	background-repeat:no-repeat;
}
#sidebarBottom {
	clear:left;
	padding-top:0px;
	width:240px;
	height:46px;
	background-image:url(http://images.friendlyrank.com/resources/sidebar-bottom.png);
	background-repeat:no-repeat;
}
#sidebar {
background-image:url(http://images.friendlyrank.com/resources/sidebar-back.png);
}

.smallButton{
	height:26px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:10px;
}
.smallButtonLeft{
	float:left;
	background-image:url(http://images.friendlyrank.com/resources/smallbutton-left.png);
	width:16px;
	height:26px;
}
.smallButtonText{
	float:left;
	background-image:url(http://images.friendlyrank.com/resources/smallbutton-back.png);
	color:#FFFFFF;
	font-weight:bold;
	height:26px;
	font-size:18px;
}
.smallButtonRight {
	float:left;
	background-image:url(http://images.friendlyrank.com/resources/smallbutton-right.png);
	width:16px;
	height:26px;
}

button {
	overflow: visible;
	width: auto;
}
button.smallButtonTextButton {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
	background:none;
	color: white;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
	font-weight:bold;
	font-size:18px;
	
	-moz-user-select: text;

	/* override all your button styles here if there are any others */
}

.largeButton{
	padding-left:20px;
	height:67px;
}
.largeButtonLeft{
	float:left;
	background-image:url(http://images.friendlyrank.com/resources/largeButton-left.png);
	width:35px;
	height:67px;
}
.largeButtonText{
	float:left;
	background-image:url(http://images.friendlyrank.com/resources/largeButton-back.png);
	color:#FFFFFF;
	font-weight:bold;
	height:57px;
	font-size:22px;;
	padding-top:10px;
	width:540px;
}
.largeButtonSmallText {
	font-size:12px;
	background-image:none;
	padding-top:5px;
}
.largeButtonRight{
	float:left;
	background-image:url(http://images.friendlyrank.com/resources/largeButton-right.png);
	width:35px;
	height:67px;
}

.contentItem{
	padding-top:20px;
}
.cardContainer{
background-color:#ffffff;
}
.contentItem  > .cardContainer {background-color:transparent;}

.cardTop{
	height:14px;
}
.cardContainer   > .cardTop  {
	background-image:url(http://images.friendlyrank.com/resources/card-top.png);
	background-position:right;
}
.cardContent{
	background-image:url(http://images.friendlyrank.com/resources/card-back.png);
	background-position:right;
	padding-right:12px;
	padding-bottom:15px;
}
.cardContent img{
	padding-bottom:10px;
}
.cardBottom{
	width:inherit;}
.cardBottomLeft{
	float:left;
	width:15px;
	height:17px;
}
.cardBottom   > .cardBottomLeft  {
	background-image:url(http://images.friendlyrank.com/resources/card-bottom-left.png);
}
.cardBottomRight{
	float:left;
	height:17px;
}
.cardBottom   > .cardBottomRight  {
	background-image:url(http://images.friendlyrank.com/resources/card-bottom.png);
	background-position:right;
}

.centeredOptions {
	font-size:small;
	font-weight:bold;
	clear:both;
	text-align:center;
}
.cardComment {
	padding-left:10px;
	font-size:small;
	font-family:Arial, Helvetica, sans-serif;
}


.sidebarContentItem {
	padding-left:20px;
	padding-right:25px;
	font-size:small;
	padding-bottom:1px
}

.minithumb {
	float:left;
	width:76px;
	margin-right:10px;
}
.minithumbSelectedTop {
	background-color:#fbfea0;
	height:8px; 
}
.minithumbSelectedMain {
	background-color:#fbfea0;
}
.minithumbSelectedMain img{
	padding-left:8px;
	padding-right:8px;
}
.minithumbSelectedBottom {
	background-color:#fbfea0;
	height:8px; 
}

.minithumbNotSelectedTop {
	background-color:#ffffff;
	height:8px;
}
.minithumbNotSelectedMain {
	background-color:#ffffff;
}
.minithumbNotSelectedMain img{
	padding-left:8px;
	padding-right:8px;
}
.minithumbNotSelectedBottom {
	background-color:#ffffff;
	height:8px;
}

.signinfail {
	color:#FF0000;
	font-weight:bold;
}

.signinsuccess {
	color:#009900;
	font-weight:bold;
}
.loggedIn {
	font-size:10px;
	padding-top:-10px;
	padding-left:20px;
	padding-bottom:16px;
}

.createError {
	color:#FF0000;
	font-weight:bold;
	padding-left:30px;
	padding-bottom:20px;
}

#outgoingMessage {
	padding-left:20px;
	padding-right:20px;
	font-family: "Courier New", Courier, monospace;
}
.friendMode, .greenmessage {
	color:#009900;
	font-weight:bold;
	padding:0px 20px 20px 20px;
}
.rankrow {
	margin:0px 40px 0px 40px;
	clear:both;
	background-color:#fefefe;
	height:76px;
	border-top:1px solid #A9ABAE;
	border-left:1px solid #A9ABAE;
	border-right:1px solid #A9ABAE;
}
.rankrowghost {
	margin:0px 40px 0px 40px;
	clear:both;
	height:1px;
	border-top:1px solid #A9ABAE;
}
.rankphotos {
	float:left;
	margin-bottom:2px;
	margin-top:2px;
}
.rankupdown {
	background-color:#D6D6D6;
	padding-top:15px;
	padding-bottom:15px;
	padding-left:12px;
	height:46px;
	width:18px;
	float:left;
}
.ranktextwinloss {
	background-color:#D6D6D6;
	padding-top:15px;
	padding-bottom:15px;
	height:46px;
	float:left;
	font-weight:bold;
}
.rankthumb  {
	background-color:#D6D6D6;
	padding-top:6px;
	width:90px;
	text-align:center;
	height:70px;
	float:left;
}
.rankthumb img {
	border:2px solid #ffffff;
}
.winloss-lost {
	color:#808080;
}
.winloss-won {
	color:#808080;
}
.smaller {
	font-size:75%;
}
.rankdelete {
	float:right;
	padding-top:22px;
	padding-right:8px;
}
.ranknum {
	background-color:#D6D6D6;
	padding-top:21px;
	padding-bottom:15px;
	padding-left:8px;
	height:40px;
	float:left;
	font-weight:bold;
	text-align:center;
	width:30px;
	font-size:20px;
	color:#808080;
}
.ranktextinvalid {
	padding-left:20px;
	padding-top:30px;
}
.callout {
	float:left; 
	padding:10px;
	margin-top:15px; 
	margin-left:30px; 
	border:1px solid #aaaaaa; 
	background-color:#D6D6D6;
	width:570px;
}
.gender-m {
	background-color:#c5dce6;
}
.gender-f {
	background-color:#efd9ec;
}
.rater-f {
	background-color:#add7c1;
}
.floatDiv{
	display:none; 
    position:absolute; 
    border-style: solid; 
    background-color: white; 
    padding: 5px;
}
.floatDivThumb{
	cursor: default;
}