div { margin: 0; padding: 0;
}
a { cursor:pointer;border:0;
}
a img { border:0;
}
ul, li, ul li { margin: 0; padding: 0;
}
li.large { height:25px;
}
ul{	list-style:none;
}
h2 {
	font-size:10pt;
	font-weight:bold;
}
h3 {
	font-size:10pt;
	font-weight:bold;
	padding-left:25px;
	margin-top:0px;
}
p
{
	font-size:10pt;
}

/*******************************Top Banner *******************************************/

#branding {width: 100%; height: 100px; padding: 0; margin: 0; position: relative;
}
#branding h1 {position: absolute; display: block; top: 12px; left: 25px; margin: 0; padding: 0;
}
#branding p.description { position: absolute; top: 55px; left: 25px; font-size: 18px;
}
#branding .top-actions { position: absolute; right: 0; top: 0; margin: 0; padding: 0;
}
#branding .top-actions ul { list-style-type: none;padding: 0; margin: 0;
}                            


ul#user-nav {position: absolute; height: 100px; width: 400px; right: 0;
}
ul#user-nav h2 { color: #fff; font-size: 10px; padding-top: 5px; padding-left: 10px; margin-bottom: 5px; height:10px;
}
ul#user-nav li { padding-left: 10px; font-size: 12px; text-align: left;
}
ul#user-nav .username, ul#user-nav .password { text-align: left; height:35px;float:left;padding:5px;
}
ul#user-nav .usernamelabel { width:375px; margin: 0; text-align:right;
}
ul#user-nav .forgot-pswd { width: 150px; font-size: 10px
}
ul#user-nav .pf-image { width: 375px; height: 50px; text-align: right; padding: 5px 0 0 0; margin: 0;
}
ul#user-nav .logout { font-size: 14px; width: 375px; font-weight: bold; text-align: right;
}
ul#user-nav .login { float:left; font-size: 12px; width: 45px; font-weight: bold; text-align: left; height:36px; line-height:36px; padding:5px; vertical-align:middle;
}
ul#user-nav li input[type='text'],ul#user-nav li input[type='password']  { -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px 0; padding: 4px 2px;  width: 148px;
}

div.login-info { display:none;
}
/*div.login-info { position: absolute; top: 0; right: 187px; width: 117px; height: 76px; padding-top: 84px; 
}
div.login-info p {padding: 0; margin: 0; font-size: 12px; padding-left: 10px;
}
div#remember-me.login-info span { position: absolute; width: 70px; left: 35px; padding-left: 0;
}
div#remember-me.login-info span.checkbox { left: 10px; width: 25px; top: 84px;
}
div#remember-me.login-info span.reg-image { left: 10px; width: 25px; top: 120px; height: 26px;
}
div#remember-me.login-info span.check-text { top: 84px; padding-left: 0;
}
div#remember-me.login-info span.check-register { top: 125px; left: 10px; font-size: 14px; font-weight: bold; width: 90px; text-align: center;
}
div#remember-me.login-info span.check-register a { display: block;font-size: 12px; color: #fff; font-weight: bold; background: #F1F2F2; -moz-border-radius: 5px; -webkit-border-radius: 5px; border: 2px solid #9A1B1F; padding: 2px 4px;
}
div#remember-me.login-info span.check-register a:hover { color: #fff; background: #F1F2F2; border-color: #0077A3;
}*/


.bannerErrorMessage { color:#000; display:none; font-size: 10px; vertical-align: middle; left: 620px; top: 70px; position: absolute; width: 280px; background-color: white;font-weight: bold; padding:0 3px;margin:0;
}
.bannerErrorMessage table { vertical-align:middle; width:100%; text-align:left;	
}



#main-nav ul { width: 915px; margin: 0; padding: 8px 0 0 0; height: 30px; 
}
#main-nav ul li { display: inline; padding-left: 20px;
}
#main-nav {	margin:0px;	width:100%;
}
#wrapper {	margin:0px;	width:100%;
}


/****************************** Site's General Structure *******************************/

.left-column
{
	width:250px;vertical-align:top;
}

.main-column
{
	width:750px;vertical-align:top;
}

.conf-column
{
	width:655px;vertical-align:top;overflow:hidden;
}

.conf-column .module-main-column
{
	width:655px;
}

.footer-copyright
{
	vertical-align:middle;
	text-align:center;
	font-size:10pt;
}

/***********************************Left Column ***************************************/
.module-left-column { font-size: 12px; margin-bottom:10px;
}
.module-left-column .main-bar { 
    height: 33px;
    line-height:33px;
    vertical-align:middle;
	margin:0px;
    padding-left:20px;
	font-size: 16px;
}
.module-left-column table {	width: 100%; border-collapse:collapse;
}
.module-left-column ul, div.mod-cont, ul.mod-cont { padding: 5px 5px 5px 5px;  border-top: 0;
}
.module-left-column ul ul {padding: 0; margin: 0 0 0 0; border: none;
}
.module-left-column ul ul li {margin: 5px 0 0px 0; padding-left: 10px;
}
.module-left-column li { list-style: none;
}
.module-left-column span.date { font: 9px Trebuchet MS, Helvetica, sans-serif; color: #818386; 
}


/***********************************Main Column ***************************************/
.module-main-column { font-size: 12px; margin-bottom:10px;
}
.module-main-column .main-bar { 
    height: 33px;
    line-height:33px;
    vertical-align:middle;
	margin:0px;
    padding-left:20px;
	font-size: 16px;
}
.module-main-column table {	width: 100%; border-collapse:collapse;
}
.module-main-column ul { padding: 5px 5px 5px 5px; border-top: 0; 
}
.module-main-column ul ul {padding: 0; margin: 0 0 0 0; border: none;
}
.module-main-column ul ul li {margin: 5px 0 0px 0; padding-left: 10px;
}
.module-main-column li { list-style: none;
}
.module-main-column span.date { font: 9px Trebuchet MS, Helvetica, sans-serif; color: #818386; 
}

/*************************************Subtitle****************************/
h5 { padding: 5px; font-size: 16px; margin:5px;
}
h4 span {font-size:10pt;
}

/****************************** Profile Image *******************************/


.profileImage
{
	text-align:center;
	/*padding:10px 0;width:100%;
	background-color:#F1F2F2; 
	border:1px solid #BCBEC0;
	-moz-border-radius: 5px; -webkit-border-radius: 5px;*/
}
.profileImage img, .profileImage input
{
	max-width:200px;
}


/****************************** Images *******************************/
.pfile-image, .pfile-image-no-hover  
{
	/*
	padding:4px; 
	background: #D1D3D4; 
	*/
	text-align: center; 
	height: 50px; 
	line-height:50px;
	width: 50px; 
	vertical-align:middle;
	overflow: hidden; 
	margin: 0; 
	/*border: 1px solid #333;*/
}
.pfile-image img, .pfile-image input
{
	max-height:50px;
	max-width:50px;
	cursor:pointer;
}

.pfile-image-no-hover img, .pfile-image-no-hover input
{
	max-height:50px;
	max-width:50px;
}

#divShowImage
{
	/*border: 1px solid #333;
	background: #D1D3D4; 
	padding:10px; */
}

.photoDisplay
{
	border-width: 0px; 
	max-width: 500px; 
	max-height: 500px;
}

.photoGroupDisplay
{
	border-width: 0px; 
	max-width: 200px; 
	max-height: 180px;
}



/****************************************** Inputs *************************/
div.smallInputWrapper {
	width: 60px;
	float:left;
	height:25px;
}
div.smallInputWrapper input {
	/*border: 0;
	padding: 3px;
	background-color: transparent;*/
	width: 55px;
}


div.inputWrapper {
	width: 155px;
	float:left;
	height:25px;
}
div.inputWrapper input, div.inputWrapper select {
	/*border: 0;
	padding: 3px;
	background-color: transparent;*/
	width: 150px;
}

div.inputWrapper span
{
	padding-left:10px;
}

div.largeInputWrapper 
{
	width:300px;
	float:left;
	height:25px;
}
div.largeInputWrapper input, div.largeInputWrapper select {
	/*border: 0;
	padding: 3px;
	background-color: transparent;*/
	width: 275px;
}



div.inputWrapperTextArea {
	width: 185px;
	float:left;
	height:53px;
	padding-top: 2px;
}
div.inputWrapperTextArea textarea {
/*	border: 0;
	padding-left: 6px;
	background-color: transparent;*/
	width: 175px;
	height:46px;
	
}

div.largeInputWrapperTextArea {
	width: 285px;
	float:left;
	height:53px;
	padding-top: 2px;
}
div.largeInputWrapperTextArea textarea {
	/*border: 0;
	padding-left: 6px;
	background-color: transparent;*/
	width: 275px;
	height:46px;

}


.catpcha
{
	text-align:left;
}
.catcha div
{ 
	text-align:left;
}

input[type='submit'],input[type='button'] { font-size: 12px; border: 0; background: transparent; cursor:pointer;
}


/*********************************************************************************/


.info-page
{
	height:600px;
}

.line 
{ 
	font: 9px Trebuchet MS, Helvetica, sans-serif; 
	background: url(/social/Commons/images/line.png) repeat-x bottom; 
	margin: 0 15px 15px 5px;
	clear:both;
	height:16px;
	padding:1px;
}
.line span 
{
	padding-right: 5px
}
.line span.clear 
{
	padding-right: 5px;
}
/**************************************/
.twitter
{
	float:left;
	width:400px;
	padding-left:5px;
}

.twitterall
{
	float:left;
	width:800px;
	padding-left:5px;
}

.youtubevideo
{
	width:200px; height:180px; vertical-align:top;float:left;overflow:hidden;padding-left:5px;padding-right:5px;
}

.profilename
{
	padding:0px 20px 0px 20px;
	font-weight:bold;
	vertical-align:top;
	float:left;
	font-size:14pt;	
}
.profilemessage
{
	padding:0px 20px 0px 40px;
	font-weight:bold;
	float:left;
}

.popup
{
	background-color:#fff;
}

.message
{
	padding:0px 20px 0px 40px;
}

.message img
{
	max-height:75px;
	max-width:75px;
}

.loading
{
	font-size:12pt;
	font-weight:bold;
	text-align:center;
}

.smallMessage
{
	font-size: 8pt; 
}



.secondTitle
{
	font-weight:bold;
	font-style:italic;
	font-size:12pt;	
}
.editValue
{
	color:#000;
}
.right
{
	text-align:right;
	padding-right:15px;
}
.left
{
	text-align:left;
	padding-left:15px;
}
.center
{
	text-align:center;
	margin-left:auto; 
	margin-right:auto;
}


/****************************************** Listing ***********************************************/

.mod-cont tr  
{
	padding: 0; 
	height: 90px; 
}

.mod-cont tr td h4  
{
	padding: 0; 
	margin: 0 0 5px 0; 
	font-size: 1.2em;
}

.pf-imagecol  
{
	width: 58px; 
	position: relative; 
	left: 15px; 
	top: 0px; 
	padding: 0; 
	float:left;
}
.user-noticecol  
{
	position: relative; 
	left: 74px; 
	top: 2px; 
	width: 450px; 
	font-size: 12px; 
	float:left;
	text-align:left;
}
.user-commentcol
{
	position: relative; 
	left: 74px; 
	top: 2px; 
	width: 520px; 
	font-size: 12px; 
	float:left;
	text-align:left;
}


.actions-col  /**/
{
	top:0px;
	left:0px;
	position:relative;
}

.actions-col a:hover 
{
}

.user-since  
{
	left:0px;
	position:relative;
}

.since-action
{
	position: relative; 
	right:30px;
	top: 0px; 
	width: 260px; 
	text-align: right; 
	font-size: 12px; 
	float:right;
	padding-top:5px;
}

.comment-since
{
	position: relative; 
	left: 220px; 
	top: 17px; 
	width: 60px; 
	text-align: right; 
	font-size: 12px; 
	float:left;
}



.rowDiv
{
	vertical-align: middle; height: 30px; line-height: 30px; padding-left: 15px;
}

.rowDiv div
{
	float:left;	
	margin-left:5px;
}

.rowDiv div.starter
{
	width:50px;
	padding-right:10px;
	text-align:right;
}




/*********************/

.cssPager 
{ 
	text-align:right;
}


.cssPager table
{ 
	width:10%;
}

/**********************/


.leftcol {float:left; font-weight:bold; font-size:10pt; margin-left:25px; padding:0 10px; width:200px; text-align:right;
}
.leftcol100
{
	float:left; font-weight:bold; font-size:10pt; margin-left:25px; padding:0 10px; text-align:left; width:100px;
}

.leftcolalign
{
	float:left; font-weight:bold; font-size:10pt; margin-left:25px; padding:3px 10px; text-align:right; width:140px;
}

.rightcol {float: left;width:200px;margin-bottom:5px; font-size:10pt;
}
.rightlargecol {float: left;width:275px;margin-bottom:5px; font-size:10pt;
}

.rightcol100
{
	float:left; font-weight:bold; font-size:10pt; margin-left:25px; padding:0px 10px; text-align:right; width:400px;
}

.rightcolalign
{
	float:left; font-weight:bold; font-size:10pt; margin-left:10px; text-align:left; width:410px;
}

.divgroupborder 
{
	border-style:solid;
	border-width:thin;
	border-color: Gray;

	}
	
.subtitletext{	text-align :left; color:Navy;  font-family:Arial;  font-size:10pt;  margin-left:25px; font-weight:bold; 
}
/***************/


div.mod-outside ul
{
	border-style: none;
	text-align:center;
}


.bottom-actions { text-align: left; width: 100%; bottom: 20px; padding: 10px 0 0 10px;
}


/*MAIL*/



/*
.rowstyle
{
	border-bottom: solid 1px #f2f0ff;
}
#inbox .mod-cont{ background:#FFFFFF; border: 1px solid #006596; border-top: 0; padding-top: 25px; position: relative;
}
.inbox-checkbox-col { width: 25px; left: 5px; top: 20px; padding: 0;
}
.inbox-checkbox-col.all { top: 5px; width: 100%; left: 0;
}
.inbox-subject-col { width: 224px; left: 260px; top: 10px; color: #005271; font-size: 14px;color:  #BB0C0C; 
}
.inbox-subject-col a { color: #005271;
}
.inbox-subject-col.new a { color: #8F0909;
}
.inbox-subject-col.new a:hover { color: #005271;
}
.inbox-user-noticecol { top: 10px; font-size: 12px; color: #939598;
}
.inbox-bottom-actions { text-align: left; width: 100%; bottom: 20px; padding: 10px 0 0 10px;
}
.inbox-bottom-actions input[type='button'], .inbox-bottom-actions input[type='submit'] { padding: 4px 2px; background: none; border: none; color: #005271; font-weight: bold;
}
.inbox-bottom-actions input[type='button']:hover, .inbox-bottom-actions input[type='submit']:hover {  background: #F2F0FF; color:#004057;
}

#newMailMessage
{
	font-size:8pt;
	font-weight:lighter;
	
}


*/
.message-sendto-header  
{
	text-align: left; 
}


/*GROUPS*/



div.mod-inside
{
	width:49%;
	float:left;
	margin-right:5px;
}

.groups-user-noticecol 
{
	float:left;
	width:350px;
	height:75px;
}

.pf-imagecol-groups  
{
	width:90px;
	position: relative; 
	left: 15px; 
	top: 0px; 
	padding: 0; 
	float:left;	
}

.group-list h4 { padding: 0; margin: 0 0 5px 0; font-size: 1.2em;
}
.group-list tr td { height:105px; border-bottom: 1px solid #ccc;
}

.group-row{
	height:85px; border-bottom: 1px solid #ccc; margin:15px;
}


.groupLabel { font-size: 14px; 
}


.browse-groups { 
}
.browse-groups h3 { height: 20px; width: 546px; font-weight: bold; text-size: 16px; padding: 6px 20px 7px 10px; margin: 0;
}
.browse-groups .user-noticecol { width: 271px; font-size: 12px; 
}

.browse-groups h4 span { margin: 5px 0; padding: 0; font-size: 24px; font-weight: bold; 
}
.browse-groups .user-noticecol span.notice { font-size: 12px;
}
.browse-groups .group-members img { margin: 0 10px;
}

.browse-groups .photos { position: relative; padding-bottom: 25px;
}
.browse-groups .photos span.top-actions { position: absolute; top: 8px; right: 20px; font-size: 12px;
}

.browse-groups .pf-imagecol { left: 5px; top: 10px; padding: 0; text-align: center;
}

#col-cont .pf-imagecol { left: 5px; top: 10px; padding: 0; text-align: center;
}

.browse-groups .col1 { width: 150px; float:left;
}
.browse-groups .col1 { position: relative; left: 0; top: 0;
}
.browse-groups .col2 { position: relative; left: 15px; top: 0;
}
.browse-groups .mod-cont{ border-top: 0; padding-top: 25px; position: relative; 
}
.browse-groups .col-cont { margin: 0; padding: 0; position: relative;
}

span.add { font-size: 12px; position: absolute; bottom: 0; right: 20px
}


.floatRight
{
	float:right;
	padding-right:15px;
}

.floatLeft
{
	float:left;
	padding-left:15px;
}

.photoViewer
{
	text-align:center;
}
.photoViewer div
{
	width:120px;
	height:120px;
	text-align:center;
	vertical-align:top;
	float:left;
	padding:0 10px;
}

.photoViewer div img
{
	max-height:100px;
	max-width:100px;
	cursor:pointer;
}

/*.photoManager
{
	border:solid 1px #006697;
	width:500px;
	padding:10px;
	font-size:10pt;
	display:none;
	background-color:white;
	z-index:90001;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;	
}*/

.divPhotoAlbum
{
	padding:10px;
	margin:10px;
	height:350px;	
	overflow-y:scroll;
	overflow-x:none;
}

.divPhoto
{
	width:120px;
	height:120px;
	text-align:center;
	vertical-align:top;
	float:left;
	padding:0 10px;
}

.divPhoto img
{
	max-height:100px;
	max-width:100px;
}

.divPhoto a
{
	border:none;
}


/*PHOTOS*/

.photo-user-noticecol 
{
	float:left;
	width:100px;
	height:80px;
}
.photo-user-noticecol h4
{
	font-size:8pt;
}

.pf-imagecol-photos 
{
	position: relative; 
	left: 15px; 
	top: 0px; 
	padding: 0; 
	float:left;	
	width:80px;
}

.photo-actions
{
}

.photo-cont
{
	width: 210px;	
	height:120px;
}

.bottom-actions-photo
{
	padding-left:15px;
	clear:left;
}


/*MARKETPLACE*/

#recently-added { position: relative; border-bottom:1px solid #4F4F4E;
}
#recently-added .item-image { width: 211px; text-align: center; padding-top: 5px;
}
#recently-added .item-image a img { border:0; position: relative; margin: auto; max-width:180px; max-height:85px;
}
#recently-added .item-details { width: 211px; height: 35px; left: 9px; text-align: center;
}
.item-image span.date { bottom: 5px; right: 19px; font-size: 12px; padding-bottom:5px; 
}
.item-details span.item { left: 9px; width: 192px; 
}
.item-details span.price { left: 9px; width: 192px; font-size: 10pt;
}
/*
.item-details a { color: #4F4F4E
}
.item-details a:hover { text-decoration: underline; color: #404041;
}
.item-details .item a { font-size: 16px
}
*/

.mod-cont ul {margin: 0 0 40px 0; padding: 0;
}
.mod-cont li div.pfile-image { height: 50px; width: 50px; overflow: hidden; text-align: center; padding:0; margin: 0; 
}
.mod-cont li h4 { padding: 0; margin: 0 0 5px 0; font-size: 1.2em; border-bottom: none;
}
.user-noticecol-classlist { position: relative; left: 74px; top: -65px; width: 271px; font-size: 12px; float:left;
}
.added-date { position: relative; left: 125px; top: -65px; width: 200px; text-align: right; font-size: 12px; float:left;
}
.user-noticecol-classlist span.price { font-weight: bold; font-size: 12pt;  
}




/********************************/


.browse-classified img.photoItem { max-width:177px; max-height:177px;
}
.browse-classified #col-cont { height: 350px; position: relative;
}
.browse-classified h3 { height: 20px; width: 546px; text-size: 12px; padding: 6px 20px 7px 10px; margin: 0;
}
#col-cont .pf-imagecol-classified { left: 5px; top: 10px; padding: 0; text-align: center;
}
.browse-classified .user-noticecol-classified { width: 271px; font-size: 12px; 
}
#browse-manager .col1, #groups .col2 { width: 281px;
}
#browse-manager .col1 { position: absolute; left: 5px; top: 0;
}
#browse-manager .col2 { position: absolute; left: 294px; top: 0;
}
#browse-manager .mod-cont{ border-top: 0; padding-top: 25px; position: relative; 
}
#browse-manager .col-cont { margin: 0; padding: 0; position: relative;
}
/*.browse-classified h4 { margin: 5px 0; padding: 0; 
}
.browse-classified h5 { padding: 5px; font-size: 16px; margin-right: 10px;
}*/
.browse-classified .user-noticecol-classified span.notice { font-size: 12px;
}
.browse-classified .group-members img { margin: 0 10px;
}
.browse-classified .photos { position: relative; padding-bottom: 25px;
}
.browse-classified .photos span.top-actions { position: absolute; top: 8px; right: 20px; font-size: 12px;
}
span.add { font-size: 12px; position: absolute; bottom: 0; right: 20px
}
span.price { font-weight: bold; font-size: 14pt;  
}
.item-manager { width: 271px; font-size: 12px; position: relative;
}
.item-manager .pf-imagecol-classified { width: 70px;
}
.item-manager .user-noticecol-classified { width: 200px; position: absolute; top: 5px; left: 70px;
}
span.pf-name { font-size: 14px; font-weight: bold;
}
p.contact > span {font-weight: bold; position: absolute; left: 100px;
}
.comments .leftcol {float:left; line-height:16.6pt; margin-left:10px; padding:0 10px 0 0; text-align:right; width:150px;
}
.comments .rightcol {float: left;
}
.clear-left { clear: left;
}
.clear-both { clear: both;
}
.comments span.title { font-weight: bold; margin-left: 15px;
}
.user-comment { padding: 5px; background-color: #F1F1F2;  -moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 5px; color:#000;
}
.user-comment p:before {
    content: "▶ ";
}
.pf-imagecol-classified span.date { font-size: 12px;
}



/* *********************Widgets *************************** */

.widgetBody
{
	padding:10px;
	/*height:250px;*/
}
.addWidgetDiv
{
	padding:10px;
	display:none;
	text-align:left;
}

.widget-cell
{
	width:33%;
	float:left;
}
.widget-cell h4 { padding: 0; margin: 0 0 5px 0; font-size: 1.2em;
}

.widget-column
{
	width: 500px; vertical-align: top;padding:10px;margin-left:auto;margin-right:auto;
}

.pf-imagecol-widgets
{
	width:90px;
	left: 15px; 
	top: 0px; 
	padding: 0; 
	float:left;	
}

.addWidgetFromCode
{
	clear:both;width:100%;text-align:left;display:none;
}

.addWidgetFromCode div
{
	width:300px;text-align:left;
}



.ui-sortable-placeholder { border: 1px dotted black; visibility: visible !important; height: 50px !important; }
.ui-sortable-placeholder * { visibility: hidden; }
	

/****************************SHARE ************************************/	
	
.sharer
{
	position:absolute;
}

.contentSharer
{
	width:500px;
	padding:10px;
	font-size:10pt;
	display:none;
	background-color:white;
	z-index:90001;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.friendsSharer
{
	width:500px;
	padding:10px;
	font-size:10pt;
	display:none;
	background-color:white;
	z-index:90001;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
}

.friendListSharer
{
	overflow-y:scroll;
	height:300px;
}

.friendListSharer div
{
	padding: 0px 10px; 
}

.friendListSharer div:hover
{
	background: #F0F4FF;
}

.friendHeader  
{
	background: #F1F2F2; 
	font: 16px trebuchet, sans-serif; 
	color: #005271; 
	font-weight: bold;
	padding: 5px 10px;
}


.shareFeeds
{
	clear:both;
	padding:0 15px;
}

.divShareLogo
{
	float:left;
	width:100px;
	height:100px;
	text-align:center;
}

.divShareLogo img
{
	max-height:100px;
	max-width:100px;
}


.divShareDescription
{
	float:left;
	padding:10px 20px;
}

.shareActions
{
	padding-right:15px;
	text-align:right;
	clear:both;
}

.messageSharer
{
	
	padding-left:120px;
}

.sharerTitle
{
	background-color:#F1F2F2;
	color:#005270;
	font-size:12pt;
	font-weight:bold;
	padding:2px 10px;
}


/*******************************VIEWER*************************/
.contentViewer
{
	position:absolute;
	border:solid 1px #006697;
	width:500px;
	padding:10px;
	font-size:10pt;
	display:none;
	background-color:white;
	z-index:90001;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	text-align:center;
}

.viewFeeds
{
	clear:both;
	padding:0 15px;
	
}

.viewFeeds img
{
	max-height:300px;
	max-width:300px;
}


.viewActions
{
	padding-right:15px;
	text-align:right;
	clear:both;
}


/***************************************MESSAGE BOX ******************************************/


.MessageBox
{
	position:absolute;
	width:500px;
	display:none;
	z-index:90001;
	background-color:#fff;
}

/*************************************** PAGINATION ***************************************/

.pagination
{
	padding: 0 100px;
	text-align:center;
}

.pagination div
{
	width:450px;
}

.pagination div div
{
	float:left;
	width:45px;
	height:25px;
	line-height:25px;
	text-align:center;
}

.pagination div div div.pagecurrent
{
	color:red;
	width:100%;
	height:25px;
	line-height:25px;
	text-align:center;
	vertical-align:middle;
	
}

.pagination div div div.pagedisabled
{
}





#overlay {  
  background-color:#000; position:absolute; top:0; left:0; width:100%;  
  height:0px; z-index:90000;  
  display:none;
}



/***************************************************** Landing Page *********************************************/

.landing-page
{
	height:900px;
}

.landing-page div
{
	margin-bottom:10px;
}

.left-column-landing-page
{
	width:500px;
	height:100%;
	border:0;
	float:left;
}

.right-column-landing-page
{
	width:400px;
	height:100%;
	border:0;
	float:right;
}

.landing-page-logo
{
	position:relative;
	top:25px;
	left:25px;
	width:100%;
	height:125px;
}

.landing-page-logo img
{
	max-width:400px;
	max-height:125px;
	margin-left:5px;
}

.landing-page-about
{
	position:relative;
	top:80px;
	left:25px;
	width:450px;
	padding-left:5px;
}

.landing-page-about-title
{
	font-size:14pt;
}
.landing-page-about-text
{
	font-size:10pt;
}

.landing-page-signup
{
	position:relative;
	text-align:right;
	top:80px;
	left:25px;
	width:475px;
	margin-bottom:10px;
}

.landing-page-twitter
{
	position:relative;
	top:80px;
	left:25px;
	width:475px;
	margin-bottom:10px;
}

.landing-page-youtube
{
	position:relative;
	top:80px;
	left:25px;
	width:475px;
	margin-bottom:10px;
}

.landing-page-rss
{
	position:relative;
	top:80px;
	left:25px;
	width:475px;
	margin-bottom:10px;
}

.landing-page-members
{
	position:relative;
	top:25px;
	left:25px;
	width:350px;
	height:350px;
}

.landing-page-groups
{
	border:solid 1px red;
	position:relative;
	top:25px;
	left:25px;
	width:350px;
	height:350px;
	display:none;
}



/**************************************** Members Control ***************************************/
#memberAge
{
	display:none;
}

.members-control
{
	width:340px;
	height:350px;
}

.members-control-photo
{
	position:absolute;
	top:25px;
	left:25px;
	width:135px;
	height:200px;
	text-align:center;
	vertical-align:top;
}

.members-control-photo img
{
	max-width:135px;
	max-height:200px;
}


.members-control-info
{
	position:absolute;
	top:25px;
	left:175px;
	width:135px;
	height:200px;
	font-size:9pt;
	
}

.members-control-users
{
	border:0;
	border-top:solid 1px black;
	position:absolute;
	top:240px;
	left:25px;
	width:300px;
	height:100px;
	overflow:hidden;
}
.members-control-users div
{
	position:relative;
	top:0;
	left:0;
	width:900px;
	height:85px;
}

.members-control-users img
{
	height:55px;
	margin: 10px 5px;
}

.arrow
{
	height:24px;
	width:11px;
	cursor:pointer;
}

.members-control-prev-user
{
	position:absolute;
	top:100px;
	left:7px;
	background-image:url(/social/Commons/images/big_arrow_previous.png);
	display:none;
}

.members-control-next-user
{
	position:absolute;
	top:100px;
	left:332px;
	background-image:url(/social/Commons/images/big_arrow_next.png);
	display:none;
}

.members-control-prev-users
{
	position:absolute;
	top:263px;
	left:7px;
	background-image:url(/social/Commons/images/big_arrow_previous.png);
}

.members-control-next-users
{
	position:absolute;
	top:263px;
	left:332px;
	background-image:url(/social/Commons/images/big_arrow_next.png)
}


.config-pane
{
	min-height:980px;
}
.preview-body
{
	overflow:hidden;
	height:100%;
	float:left;
	width:245px;
	border:solid 1px #737373;
	position:relative;
}

.preview-divider
{
	width:10px;
	height:100%;
	background:#ffffff url(/social/Commons/images/preview-arrows.png) no-repeat 0 400px;
	float:left;
	cursor:pointer;
	position:relative;
}

.info-text
{
	padding:5px;
	font-size:8pt;
}

.color-display
{
	height:20px;
	width:20px;
	background-color:#000000;
	float:left;
	border:solid 1px black;
	cursor:pointer;
}

.color-row
{
	float:left;
}

.appearance-cfg-img-box
{
    width:100px;
    height:100px;
    overflow:hidden; 
    margin:7px 0px; 
    background-color:#CECECE
}

#previewBody
{
	padding-top:0;
}

.warning-message
{
	color:#c25208;
	padding: 0 10px;
}