@charset "utf-8";
/* CSS Document */

body,html {
	height:100%;
	width:100%;
	padding:0px;
	margin:0px;
}

span.error {
	font-size:12px;
	font-family:arial;
	color:#c00;
}

span.success {
	font-size:12px;
	font-family:arial;
	color:#33a633;
	font-weight:bold;
}

span.field {
	font-size:12px;
	font-family:arial;
	color:#222222;
	font-weight:bold;
}

h2 {
	font-size:32px;
	font-family:arial;
	color:#a82a3f;
}

.bodyInner h2.blue {
	font-size:26px;
	font-family:arial;
	color:#52a7c3;
	font-weight:normal;
}

h3 {
	font-size:26px;
	font-family:arial;
	color:#4893ac;
}

h5 {
	font:16px arial;
	color:#666666;	
	font-weight:bold;
}

div.clear {
	clear:both;
	margin:0px;
	height:0px;
	padding:0px;
	line-height:0px;
	font-size:0px;
}

body {
	background-color:#222222;
}

span.importantNotice {
	font-size:18px;
	font-family:arial;
	color:#900;
}

a {
	font-size:11px;
	font-family:arial;
	color:#a82a3f;
	text-decoration:none;
}

a:hover {
	font-size:11px;
	font-family:arial;
	color:#4791a9;
	text-decoration:none;
}

a.buttonLarge {
	background-image:url("../images/template-button-large-blue.png");	
	height:44px;
	width:438px;
	display:inline-block;
	font-size:20px;
	font-family:arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:44px;	
	cursor:pointer;
}


img {
	border:0px;
}

.simpleTable {
	border:1px #52a7c3 solid;
	padding:8px;
	width:50%;
}

.simpleTable tr th {
	font-size:14px;
	font-family:arial;
	color:#a82a3f;
	font-weight:bold;
	width:30%;
}

.simpleTable tr td {
	font-size:12px;
	font-family:arial;
	color:#333333;
}

/*start: normal table */
table.plain th {
	font:bold 12px arial;
	color:#a82a3f;
	text-align:left;
}

table.plain td {
	font:12px arial;
	color:#333333;
	text-align:left;
}
/*end: normal table */

/* start: form elements */
input[type='text'], input[type='password'] {
	font:12px arial; 
	color:#333333;
	border:1px #cdcdcd solid;
	width:200px;
	height:20px;
	line-height:20px;
}

select {
	font:12px arial; 
	color:#333333;
	border:1px #cdcdcd solid;
	width:150px;
	height:20px;
	line-height:20px;
}
/* end: form elements */

#top {
	position:relative;
}

#top h1 {
	font-size:14px;
	font-family:arial;
	color:#ffffff;
	left:510px;
	top:75px;
	position:absolute;
}

#top #login {
	background-image:url("../images/template-top-login-bg.png");
	position:absolute;
	width:374px;
	height:72px;
	left:500px;
	top:0px;
}

#top #login input[type='text'], #top #login input[type='password'] {
	height:18px;
	line-height:18px;
	margin-bottom:1px;
}

#top #login #signUp {
	float:left;
	width:166px;
	height:76px;
	padding:8px;
	padding-top:4px;
}

#top #login #signUp a {
	font-size:16px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

#top #login #signUp a:hover {
	font-size:16px;
	font-weight:bold;
	color:#a82a3f;
	background-color:#ffffff;
	text-decoration:none;
}

#top #login #signUp a.small {
	font-size:12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:underline;	
}

#top #login #signUp a.small:hover {
	background:none;
}

#top #login #signUp {
	font-size:11px;
	font-family:arial;
	color:#ffffff;
}

#top #login #form {
	float:left;
	width:166px;
	height:58px;
	padding:8px;
	padding-top:2px;
	text-align:left;
}

#top #login #form span {
	font-size:13px;
	font-weight:bold;
	color:#ffffff;
	font-family:arial;
}

#top #login #form input[type=text] {
	border:0px;
	width:130px;
	font-size:12px;
	font-family:arial;
	color:#888888;
}

#top #login #form input[type=password] {
	border:0px;
	width:130px;
	font-size:12px;
	font-family:arial;
	color:#888888;
	float:left;
}

#top #login #form input[type=image] {
	float:left;
	width:24px;
	height:24px;
	border:none;	
	margin-top:-3px;
	margin-left:4px;
}

#menu ul {
	width:975px;
	list-style-type:none;
	padding:0px;
	margin:0px;
	background-color:#ffffff;
	overflow:hidden;
	padding-left:5px;
}

#menu ul li {
	float:left;
}

#menu ul li a {
	display:inline-block;
	background-image:url("../images/menu-item-bg.gif");
	font-size:12px;
	color:#ffffff;
	font-family:arial;
	text-decoration:none;
	height:22px;
	width:107px;
	line-height:22px;
	margin-right:1px;
}

#body {
	background-color:#ffffff;
	width:980px;
	overflow:hidden;
	text-align:left;	
}

.bodyInner {
	background-color:#ffffff;
	width:960px;
	overflow:hidden;
	text-align:left;	
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
}

.bodyNoColumns {
	width:940px;
	padding-left:20px;
	padding-right:20px;
	padding-top:20px;
	background-color:#ffffff;
	text-align:left;	
}

#body ul {
	font-size:12px;
	font-family:arial;
	color:#222222;
}

#body  a.buttonMedium {
	background-image:url("../images/template-button-medium-blue.png");	
	height:34px;
	width:173px;
	display:inline-block;
	font-size:16px;
	font-family:arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:34px;	
	cursor:pointer;
}

#body  input.buttonMedium {
	border:none;
	background:none;
	padding:0px;
	margin:0px;
	display:inline-block;
	background-image:url("../images/template-button-medium-blue.png");	
	height:34px;
	width:173px;
	font-size:16px;
	font-family:arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:34px;	
	cursor:pointer;
}

#body h4 {
	color:#a82a3f;
	font-family:arial;
	font-size:14px;
	padding:0px;
	margin:0px;
	margin-bottom:10px;
}

#body p {
	font-size:12px;
	font-family:arial;
	color:#4444444;
	padding:0px;
	margin:0px;
}

#body #leftSide {
	width:510px;
	float:left;
	margin-left:5px;
	overflow:hidden;
	background-color:#ffffff;
}

#body #leftSide #joinNowMain {
	background-image:url("../images/homepage-main-join-now-bg.jpg");
	width:489px;
	height:192px;
	text-align:left;
	position:relative;
	overflow:hidden;
}

#body #leftSide #joinNowMain a {
	background-image:url("../images/template-button-large-blue.png");	
	position:absolute;
	left:35px;
	top:140px;
	height:44px;
	width:438px;
	display:inline-block;
	font-size:20px;
	font-family:arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:44px;	
}

#body #leftSide #joinNowMain div {
	overflow:hidden;
	width:260px;
	text-align:left;
	margin-left:220px;
	margin-top:40px;
	overflow:hidden;
}

#body #leftSide #joinNowMain p {
	font-size:12px;
	font-family:arial;
	color:#4444444;
}

#body #leftSide #newsletterSignUp {
	background-image:url("../images/homepage-newsletter-sign-up-bg.jpg");
	width:489px;
	height:197px;
	text-align:left;
	position:relative;
	overflow:hidden;
}

#body #leftSide #newsletterSignUp h4 {
	font-size:13px;
}

#body #leftSide #newsletterSignUp div {
	overflow:hidden;
	width:380px;
	text-align:left;
	margin-left:105px;
	margin-top:50px;
	overflow:hidden;
}

#body #leftSide form#frmNewsletter input[type=text] {
	border:1px #a82a3f solid;
	font-size:16px;
	font-family:arial;
	color:#a82a3f ;
	line-height:25px;
	height:25px;
	width:220px;
}

#body #leftSide form#frmNewsletter {
	font-size:12px;
	font-family:arial;
	color:#444444;
}

#body #leftSide #newsletterSignUp form {
	padding:0px;
	margin:0px;
}

#body #leftSide #newsletterSignUp a {
	background-image:url("../images/template-button-large-blue.png");	
	position:absolute;
	left:35px;
	top:140px;
	height:44px;
	width:438px;
	display:inline-block;
	font-size:20px;
	font-family:arial;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	line-height:44px;	
	cursor:pointer;
}

#body #leftSide #advert {
	background-image:url("../images/homepage-advert-bg.jpg");
	width:489px;
	height:160px;
	text-align:left;
	position:relative;
	overflow:hidden;	
}

#body #leftSide #advert h4 {
	font-size:13px;
	margin-top:5px;
}

#body #leftSide #advert div {
	overflow:hidden;
	width:460px;
	text-align:left;
	margin-left:25px;
	margin-top:5px;
	overflow:hidden;
}

#body #leftSide #advert div #image {
	float:left;
	width:130px;
	margin-left:0px;
	margin-right:10px;
}

#body #leftSide #advert div p {
	font-size:11px;
}

#body #leftSide #newMessages {
	background-image:url("../images/homepage-new-messages-bg.jpg");
	width:252px;
	height:127px;
	text-align:left;
	position:relative;
	overflow:hidden;		
	float:left;
	margin-bottom:15px;
}

#body #leftSide #newMessages div {
	overflow:hidden;
	width:153px;
	text-align:left;
	margin-left:92px;
	margin-top:55px;
	overflow:hidden;
}

#body #leftSide #newMessages div a {
	font-size:14px;
	font-family:arial;
	color:#52a7c3;
	text-decoration:underline;
}

#body #leftSide #myPhotos {
	background-image:url("../images/homepage-myphotos-bg.jpg");
	background-repeat:no-repeat;
	width:222px;
	height:100px;
	text-align:left;
	position:relative;
	overflow:hidden;		
	float:left;
	margin-bottom:15px;
	margin-top:27px;
	margin-left:14px;
}

#body #leftSide #myPhotos h4 {
	display:inline-block;
	margin-left:40px;
	margin-top:12px;
}

#body #leftSide #myPhotos div {
	overflow:hidden;
	width:188px;
	text-align:left;
	margin-left:20px;
	margin-top:12px;
	overflow:hidden;
	font-size:12px;
	font-family:arial;
	color:#333333;
}

#body #leftSide #myPhotos div a {
	font-family:arial;
	font-size:12px;
	color:#52a7c3;
	text-decoration:underline;	
}

#body #leftSide #search {
	background-image:url("../images/homepage-advert-bg.jpg");
	background-repeat:no-repeat;
	width:489px;
	height:160px;
	text-align:left;
	position:relative;
	overflow:hidden;		
	text-align:left;
	font-family:arial;
	font-size:11px;
	color:#333333;
	position:relative;
	padding-left:40px;
	padding-top:20px;
	margin-top:15px;
}

#body #leftSide #search a.buttonMedium {
	position:absolute;
	left:250px;
	top:120px;
}

#body #leftSide #search form {
	padding:0px;
	margin:0px;
}


#body #leftSide #newMessages h4 {
	font-size:18px;
	margin-top:5px;
	margin-bottom:0px;
}

#body #rightSide {
	float:left;
	width:430px;	
	margin-left:10px;
}

#body #rightSide p {
	margin-top:30px;
	text-align:left;
	margin-lrft-10px;
}


#body #rightSide #newMembers {
	background-image:url("../images/homepage-right-side-panel-bg.jpg");
	background-repeat:no-repeat;
	height:121px;
	width:390px;	
	text-align:left;
	font-family:arial;
	font-size:11px;
	color:#333333;
	position:relative;
	padding:20px;
}

#body #rightSide #females {
	width:198px;
	overflow:hidden;
	float:left;
	margin-left:10px;
}

#body #rightSide #females a {
	display:inline-block;
	float:left;
	width:96px;
	height:20px;	
	font-weight:bold;
}

#body #rightSide #males {
	width:198px;
	overflow:hidden;
	float:left;	
}

#body #rightSide #males a  {
	display:inline-block;
	float:left;
	width:96px;
	height:20px;	
	color:#4791a9;
	font-weight:bold;
}

#body div#panelMedium {
	width:430px;
	overflow:hidden;
}

#body div#panelMedium .photo {
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	height:100px;
	margin-left:1px;
	text-align:center;
}

#body div#panelMedium .photo span {
	display:inline-block;
	width:70px;
}

#body div#panelMedium .photo img.male {
	height:70px;
	width:70px;
	border:1px #52a7c3 solid;
}

#body div#panelMedium .photo img.female {
	height:70px;
	width:70px;
	border:1px #a82a3f solid;
}


#body div#panelMedium #top {
	background-image:url("../images/panel-medium-top.gif");
	width:430px;
	height:12px;
}

#body div#panelMedium  #middle {
	background-image:url("../images/panel-medium-middle.gif");
	width:410px;
	overflow:hidden;	
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

#body div#panelMedium #bottom {
	background-image:url("../images/panel-medium-bottom.gif");
	width:430px;
	height:12px;
}



#body div.panelMedium {
	width:430px;
	overflow:hidden;
}

#body div.panelMedium #top {
	background-image:url("../images/panel-medium-top.gif");
	width:430px;
	height:12px;
}

#body div.panelMedium  #middle {
	background-image:url("../images/panel-medium-middle.gif");
	width:410px;
	overflow:hidden;	
	text-align:left;
	padding-left:10px;
	padding-right:10px;
}

#body div.panelMedium #bottom {
	background-image:url("../images/panel-medium-bottom.gif");
	width:430px;
	height:12px;
}

#body #leftSide #profileSummary {
	background-image:url("../images/homepage-main-join-now-bg.jpg");
	width:489px;
	height:192px;
	text-align:left;
	position:relative;
	overflow:hidden;
}

#body #leftSide #profileSummary div {
	overflow:hidden;
	width:260px;
	text-align:left;
	margin-left:220px;
	margin-top:40px;
	overflow:hidden;
}

#body img.icon {
	margin-right:4px;
	margin-bottom:3px;
}

#body .pagination {
	font-family:arial;
	font-size:26px;	
	font-weight:bold;
	color:#4893ac;
}

#body .pagination a {
	font-family:arial;
	font-size:18px;
	font-weight:bold;
}

#body .breadCrumb {
	margin-left:20px;
	font-weight:bold;
	font-family:arial;
	font-size:11px;
	margin-top:10px;
}

#body .breadCrumb a {
	text-decoration:underline;
}

#body p.bottomText {
	margin-left:20px;
	width:930px;
	text-align:justify;
}


#footer {
	width:980px;
	background-color:#ffffff;
	overflow:hidden;
}

#footer span {
	font-weight:bold;
	font-family:arial;
	color:#222222;
	font-size:12px;
}

#footer a {
	color:#333333;
}

#footer a:hover {
	color:#777777;
}