﻿
body {
	margin: 0 auto;
	padding: 0;
	font: 76% Arial,Verdana,Tahoma,sans-serif;	

}
 
.paging
{
	width: 500px;
	text-align:right;
	padding:10px;
}


.fr
{
	float:right;
}
.fl
{
	float:left;
}

.cb,
.cb input
{
	margin:0px;
	padding:0px;
}
.clear
{
	clear:both;	
}
form
{
	margin:0px;
	padding:0px;	
}

/***********Fonts ***********/
.font9
{
	font-size:9px;
}
.font10
{
	font-size:10px;	
}
.font11
{
	font-size:11px;	
}

/***********Columns ***********/
#rightColumn
{
	width:200px;
	float:left;	
	margin:0px;
}

#leftColumn
{
	width:700px;
	float:left;	
	margin:0px 20px 0px 0px;

}

.handle
{
	cursor:move;
}
.handle img
{
	cursor:pointer;	
}

.noUnderline
{
	border-bottom-width:0px !important;
}
.statsHeader
{
	width:200px;
	border-bottom:solid 1px black;
}
.marginTop5
{
	margin-top:5px;
}
.center
{
	text-align:center;
	width:100%;	
}
.rightSpace10
{
	margin-right:10px;	
}
.spaceRight5
{
	margin-right:5px;
}
.subTitle
{
	clear:both;
	font-size:13px;
	font-weight:bold;
	color:#A77272;
}
/************Item Specific**************/
.siteStats
{
	font-size:10px;
}
.siteStats .title
{
	margin:5px 0px 2px 0px;
	border-bottom:solid 1px black;	
}
.siteStats table
{
	width:100%;	
}
.userStats
{
	float:right;
	margin-right:10px;
	padding-bottom:20px;
	width:200px;
}

.userStats .center img
{
	width:200px;
}
.manage
{
	padding-left:10px;
}

#todoList li
{
	padding:3px 3px;
	margin:2px 0px;
	cursor: move;
	border:solid 1px black;
}

#todoList .removeBtn
{
	cursor:pointer;	
}

.searchRecImg
{
	height:60px;
	overflow:hidden;
	width:40px;
	margin:0px 3px 0px 0px;
}
.footer
{
	height:15px;
	text-align:left;
	font-size:11px;
	padding:0px;
	margin:5px 0px 0px 0px;
	clear:both;

	
}
.footer a,
.footer a:link,
.footer a:visited,
.footer a:active
{
	margin:0px 5px;	
}
.login
{
	font-size:11px;	
}
.login span2
{
	font-size:11px;
	width:100px;
	display:block;
	margin:0px;
	float:left;
}
.login a,
.login a:link,
.login a:visited,
.login a:active
{
	font-size:11px;
	margin:0px;
}

.login .boxd2
{
	width:80px;	
}
.login .buttond2
{
	width:87px;
	margin:0px;
}
.buddyUpdate
{
	font-size:10px;
	padding:5px 0px;
}

.buddyUpdate a,
.buddyUpdate a:link,
.buddyUpdate a:visited,
.buddyUpdate a:active
{
	font-size: 11px;
	font-weight:bold;
}

.recListText
{
	margin:0px;
	padding:0px;
	font-size:11px;
}

.recListText a,
.recListText a:link,
.recListText a:visited,
.recListText a:active
{
	
}

.recListText .item span
{
	width:15px;	
}
.recListText .item
{
	width:300px;
	overflow:hidden;
	height:15px;
}

.h
{
	display:none;	
}
.alertBox
{
	padding:5px;
	width:400px;
	font-size:10px;
}
#rightColumn #submitingPoll
{
	display:none;
	width:190px;
	text-align:center;
	margin:0px;
	
}
#leftColumn .inlineEdit
{
	padding:3px;
	margin-bottom:2px;
	font-size:10px;
	width:100%;
}
#rightColumn .inlineEdit
{
	padding:3px;
	margin-bottom:2px;
	font-size:10px;
	width:192px;
}

#rightColumn input,
#leftColumn input,
#rightColumn select,
#leftColumn select
{
	font-size:10px;	
}

#rightColumn .userBox
{
	padding: 2px;
	width: 190px;
	overflow:hidden;
}
#rightColumn .userBox img,
#leftColumn .userBox img,
#leftColumn .userBoxLarge img
{
	margin-right:3px;
}
#leftColumn .userBoxLarge
{
	padding: 2px;
	width: 170px;
	overflow:hidden;
}
#leftColumn .userBoxLarge h2
{
	font-size:12px;
	margin:0px;
	padding:0px;
	
}

.userBoxText
{
	overflow:hidden;
}

#leftColumn .recBox
{
	width:100px;
	font-size:12px;
	text-align:center;
	margin:0px 15px 0px 0px;
}

#leftColumn .recBoxfirst
{
	margin-left:10px;	
	width:100px;
	font-size:12px;
	text-align:center;
	margin:0px 15px 0px 8px;
}
#leftColumn .recBoxfirst .recImg,
#leftColumn .recBox .recImg
{
	height:140px;
	overflow:hidden;
}
#leftColumn .recBox .userImg
{
	height:100px;
	overflow:hidden;
}
#leftColumn .close
{
	float:right;
	font-size:10px;
	text-decoration:none;	
}
#leftColumn .more
{
	float:right;
	font-size:10px;
	margin-right:30px;
	text-decoration:none;	
}
.updating
{
	text-align:center;
	width:100%;
	overflow:hidden;	
	padding:8px 0px;
	font-weight:bold;
	height:30px;
}

.cbox h2,
.cboxStuck h2,
.news h2,
.alertSystemBox h2
{
	font-weight:bold;
	font-size:14px;
	margin:0px 0px 3px 0px;
}

h2 a,
h2 a:link,
h2 a:visited,
h2 a:active
{
	text-decoration:none;	
}
.cbox h2 a:hover,
.cboxStuck h2 a:hover
.alertSystemBox h2 a:hover
{
	text-decoration:underline;	
}

.cbox h3
{
	font-weight:normal;
	font-size:10px;
	margin:0px 0px 7px 0px;
}

.cbox .revBody,
.cboxStuck .revBody
{
	font-size:10px;	
	padding-bottom:7px;
}

.news
{	
	margin:0px 0px 20px 0px;
	width:330px;
	padding:5px;
	overflow:hidden;
}


.news h2 a,
.news h2 a:link,
.news h2 a:visited,
.news h2 a:active
{
	text-decoration:none;	
}
.news h2 a:hover
{
	text-decoration:underline;	
}

.news .body img
{
	margin:0px 3px;
}
.news .body p
{
	margin-top:0px;
}

.bigImagePanel
{
	display:none;
	position:absolute;
	margin: auto;
	top:50;
	background:white;
	z-index:10;
	text-align:center;
}

.bigImagePanel .close
{
	font-size:14px;
	font-weight:bold;	
	padding-bottom:10px;

}
.seeAt
{
	margin-bottom:5px;	
}
.seeAt a,
.seeAt a:link,
.seeAt a:visited,
.seeAt a:active
{
	margin-right:5px;
}

.ts5
{
	padding-top:5px;	
}
.fieldSet
{
	width:300px;
}
.fieldSet .fsBody
{
	padding:3px;
}
.fieldSet td
{
	width:150px;
	padding:3px;
}
.fieldSet a
{
	padding-bottom:5px;	
	line-height:20px;
}
.cta2
{
	width:125px;
}
.cta2 a,
.cta2 a:link,
.cta2 a:visited,
.cta2 a:active
{
	display:inline-block;
	width:120px;
	margin-top:5px;
}

.scrollList
{
	height:170px;
	overflow-y:scroll;
	overflow-x:hidden;
}


/************Buttons ****************/
.button .x,
.buttonLong .x
{
	font-size:18px;
	font-weight:bold;	
	margin-left:10px;
	float:left;
	display:table-cell;
}

.button .rate,
.buttonLong .rate
{
	font-size:14px;
	padding-right:10px;
	padding-bottom:2px;
}

.button .checkBoxes
{
	text-align:left !important;
}

.button,
.buttonLong
{
	text-align:center;
	height:29px;
	
	vertical-align:middle;
	font-size:10px;
	cursor:pointer;
	display:table-cell;
	line-height:25px;
	margin:0px;
	padding:0px;
}
.button
{
	width:100px;	
}
.buttonLong
{
	width:180px;
}
.button .number,
.buttonLong .number
{
	padding:0px;
	padding-right:7px;
	margin:0px;
	font-size:18px;
	font-weight:bold;
	letter-spacing:-2px;
	height:27px;
}


.button .slider
{
	width:100px;	
	padding-left:3px;
}
.buttonLong .slider
{
	width:180px;
	padding-left:3px;	
}

.button .menuImg
{
	padding:0px;
	margin:7px 0px 0px 5px;
	float:left;
}

.popupMenu 
{
	text-align:left;
	position:static;
	visibility:hidden;
	z-index:10;
	padding:3px 5px;
	width:150px;
	height:120px;
}
.popupMenu label
{	
	font-size:10px;
	
}
.popupMenu a
{
	margin-left:20px;
}

.mslider
{
	position:relative;
	top:-30px;
	width:180px;
}
.hOver
{
	overflow:hidden;
}

.mainImage
{
	width:100px;
	height:140px;
	margin:0px 0px 3px 0px;
	padding:0px;
}

.userImage
{
	width:60px;
	height:60px;
	margin:0px;
	padding:0px;
}

.userImageLarge
{
	width:80px;
	max-height:120px;
	margin:0px;
	padding:0px 5px 5px 0px;
}
.userInfoMain
{
	display: inline-block;
	width:100%;
}
.userInfoMain:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
    visibility:hidden;
    }


.groupImageLarge
{
	width:80px;
	max-height:120px;
	padding:0px 5px 5px 0px;
}
.joinButton
{
	text-align:right;
	width:100%;
}
.message
{
	padding:3px;
	clear:both;
	text-align:center;
}
.message .body
{
	text-align:left;
	height:160px;
	overflow:visible;
	font-size:11px;
}
.message .body h2
{
	font-size:12px;
	font-weight:bold;
	padding:0px;
	margin:0px;	
}
.message .from
{
	float:left;
	margin-right:5px;	
}
.message .sent
{
	font-size:10px;	
}
.message .body .button
{
	float:right;
}
/************Curved boxes *******************/


#leftColumn .handle2
{
	position:relative;
}
.editImage
{
	float:right;
	margin-right:5px;	
}
.bottomSpacer
{
	padding-bottom:20px !important;
}

.bottomSpace10
{
	margin-bottom:10px;
}

.barHeader
{
	margin:0px 0px 2px 0px;	
}
.fieldSet
{
	margin:0px 0px 2px 0px;	
}
.cbox,
.cboxStuck,
.alertSystemBox
{
	margin:0px 0px 10px 0px;	
}
#rightColumn .cbox,
#rightColumn .cboxStuck
{
	width:200px;
}
#leftColumn .cbox,
#leftColumn .cboxStuck,
.alertSystemBox
{
	width:700px;
}
.cbox .b1,
.cboxStuck .b1,
.barHeader .b1,
.fieldSet .b1,
.alertSystemBox .b1,
.cbox .bb1,
.cboxStuck .bb1,
.barHeader .bb1,
.alertSystemBox .bb1
{
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 5px; 
  font-size:1px;
}
  
.cbox .b2,
.cboxStuck .b2,
.barHeader .b2,
.fieldSet .b2,
.alertSystemBox .b2,
.cbox .bb2,
.cboxStuck .bb2,
.barHeader .bb2,
.alertSystemBox .bb2
{
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 3px; 
  border-style:solid;
  border-width:0 2px; 
  font-size:1px;
}
.cbox .b3,
.cboxStuck .b3,
.barHeader .b3,
.fieldSet .b3,
.alertSystemBox .b3,
.cbox .bb3,
.cboxStuck .bb3,
.barHeader .bb3,
.alertSystemBox .bb3
 {
  display:block; 
  overflow:hidden; 
  height:1px; 
  margin:0 2px; 
  border-style:solid;
  border-width:0 1px;   
  font-size:1px;
  }
.cbox .b4,
.cboxStuck .b4,
.barHeader .b4,
.fieldSet .b4,
.alertSystemBox .b4,
.cbox .bb4,
.cboxStuck .bb4,
.barHeader .bb4,
.alertSystemBox .bb4
{
  display:block; 
  overflow:hidden; 
  height:2px; 
  margin:0 1px;  
  border-style:solid;
  border-width:0 1px; 
  font-size:1px;
  }
  
.barHeader h2
{
	margin:0px;
	padding:0px 4px;
	font-size:12px;	
	font-weight:bold;
}
.barHeader h2 a,
.barHeader h2 a:link,
.barHeader h2 a:visited,
.barHeader h2 a:active,
.barHeader h2 a:hover
{
	text-decoration:underline;
}
	
#rightColumn .cbox .content h1,
#rightColumn .cboxStuck .content h1
{
	padding-bottom:3px;
	font-size:13px;
}
#leftColumn .cbox .content h1,
#leftColumn .cboxStuck .content h1,
.alertSystemBox .content h1
{
	padding-bottom:3px;
	font-size:16px;
	vertical-align:bottom;
}
.cbox .content h1,
.cboxStuck .content h1,
.alertSystemBox .content h1
{
	border-bottom-style:solid;
	border-bottom-width:1px;
	margin:0px 7px;
	padding-bottom:3px;
}
.content h1 a
{
	text-decoration:none;
}
.content
{
	font-size:12px;
	display:block;
	border-width:0 1px;
	border-style:solid;
	padding:0px;
}
.innerContent
{
	padding:0px 5px;	
}

#leftColumn .cbox .line
{
	height:1px;  
	font-size:1px;
}



/********** Rec Page ************/
.recC1,
.recC2,
.recC3
{
	float:left;
	margin-top:10px;
}
.recC1
{
	width:290px;
	margin-left:10px;
	
}
.recC1 .largeRating
{
	padding:0px;
	margin:0px;
	font-size:110px;
	text-align:center;
	vertical-align:middle;
	width:180px;
	top:-17px;
	position:relative;
	height:150px;
	line-height:150px;
}
.recC1 h3,
.recC1 h4
{
	font-size:12px;
	padding:0px;
	margin:0px;	
}
.recC1 h3
{
	font-weight:bold;
}
.recC1 h4
{
	font-weight:normal;	
}

.recC1 a
{
	color:Black;
}

.recC1 a:link
{
	color:#A77272;
}

.recC2
{
	width:340px;
	margin-left:35px;
}

/*
.recC2 h2 a,
.recC2 h2 a:link,
.recC2 h2 a:visited,
.recC2 h2 a:active
{
	font-size:12px;
}
.recC2 h2 a:hover
{
	text-decoration:underline;
}
*/
.recC2 .reviewsList
{
	padding:5px;
	width: 310px;
	margin-left:5px;
}

.recC2 .reviewsItem
{
	margin:2px 0px;
	font-size:10px;
}

.recC2 .reviewsItem a,
.recC2 .reviewsItem a:link,
.recC2 .reviewsItem a:visited,
.recC2 .reviewsItem a:active
{
	text-decoration:none;
}

.linkList
{
	margin:2px 0px;
	font-size:10px;	
}

.recC2 h3
{
	padding:0px;
	margin:0px;
	font-size:14px;	
}
.recC2 .subLine
{
	font-size:10px;	
}


#newGroup
{
	display:none;	
}


/**********************
alert system
********************/


.alertSystemBox .info .b1,
.alertSystemBox .info .bb1
{
	background-color:#A77272;	
} 

.alertSystemBox .info .b2,
.alertSystemBox .info .bb2,
.alertSystemBox .info .b3,
.alertSystemBox .info .bb3,
.alertSystemBox .info .b4,
.alertSystemBox .info .bb4
{
	border-color:#A77272;
	background-color:#F5F5E9;
}

.alertSystemBox .info .content
{
	background-color:#F5F5E9;
}

.alertSystemBox .info h1
{
	color:#A77272;
	font-size:12px !important;
	
}

/***************
alert system error
***************/
.alertSystemBox .error .b1,
.alertSystemBox .error .bb1
{
	background-color:#F5F5E9;	
} 

.alertSystemBox .error .b2,
.alertSystemBox .error .bb2,
.alertSystemBox .error .b3,
.alertSystemBox .error .bb3,
.alertSystemBox .error .b4,
.alertSystemBox .error .bb4
{
	border-color:#F5F5E9;
	background-color:#A77272;
}

.alertSystemBox .error .content
{
	background-color:#A77272;
}

.alertSystemBox .error .content
{
	border-right:solid 1px #F5F5E9;
	border-left:solid 1px #F5F5E9;
	
}
.alertSystemBox .error .innerContent
{
	color:#F5F5E9 !important;
}

.alertSystemBox .error h1
{
	color:white;
	font-size:12px !important;
	
}
