.circles {
	float: left;
}

.circles h1 {
	border-bottom: 1px dotted #c1c6bd;
	padding: 0px 0 10px;
}

.circles h3 {
	font-size: 82%;
	padding-top: 10px;
}

.circles h3 span {font-size: 107%;}

.circles h4 {
	margin: 0;
	padding: 0;
}



.circles .greyBorder span {
	color: #ab208e;
	font-weight: bold;
}

.circles .greyBorder p {
	margin: 0;
	padding: 0 0 5px;
}

.circles .greyBorder input {
	margin-left: 10px;
}

.circles .pagination {
	margin: 0;
	padding: 10px 5px 0px 0px;
	list-style-type: none;
}

.circles .pagination li {
	display: block;
	float: left;
	padding-left: 5px;
}

.circles .pagination span {
	font-weight: bold;
}

.circles .pagination a.previous {
	background: url(../img/iconGreyArwLeft.gif) top left no-repeat;
	display: block;
	text-indent: -9999px;
	width: 19px;
	height: 19px;
}

.circles .pagination a.next {
	background: url(../img/iconGreyArwRight.gif) top left no-repeat;
	display: block;
	text-indent: -9999px;
	width: 19px;
	height: 19px;
}

/* your circles */

.yourCircles {
	margin-top: 10px;
}

.yourCircles .header {
	border-bottom: 1px dotted #c1c6bd;
	margin: 0;
	padding: 0 0 3px;
}

.yourCircles .header h2 {
	border: none !important;
	float: left;
	padding: 0 !important;
	margin: 0;
}

.yourCircles h2 {
	font-size: 85%;
	border-bottom: 1px dotted #c1c6bd;
	padding-bottom: 5px;
}

.yourCircles .header ul {
	margin: 0 5px 0 0;
	padding: 0;
	list-style-type: none;
	float: right;
}

.yourCircles .header li {
	float: left;
	display: block;
	background: url(../img/ltegreyDvdr.gif) right no-repeat;
	padding-right: 5px;
}

.yourCircles .header li a {
	margin-left: 5px;
}

.yourCircles .header li.invite a {color: #ab208e;}
.yourCircles .header li.invite a:hover {color: #FFF; background:#ab208e;}

.yourCircles .header li.itemCount a {color: #76b900;}
.yourCircles .header li.itemCount a:hover {color: #FFF; background: #76b900;}

.yourCircles .header li.wantedCount a {color: #fcaf17;}
.yourCircles .header li.wantedCount a:hover {color:#FFF; background: #fcaf17;}

.yourCircles .yourCirclesRowTop {
	padding: 10px 0 30px;
}

.yourCircles .yourCirclesRow {
	padding: 10px 0 0px;
}

.yourCirclesRow .itemRow {
	margin-bottom: 5px;
	clear: both;
	padding-bottom: 30px;
}

.yourCircles .yourCirclesBox {
	float: left;
	width: 235px;
	padding-right: 10px;
}

.yourCircles .yourCirclesBox ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 92%;
}

.yourCircles .yourCirclesBox h3 {
	margin: 0;
	padding: 0;
	font-size: 80%;
	width: 200px;
}

.yourCircles .yourCirclesBox .circlePic {
	float: left;
	padding: 0 5px 10px 0;
}

.yourCircles .yourCirclesBox li {
	float: left;
	display: block;
	/*background: url(../img/ltegreyDvdr.gif) right no-repeat;
	padding-right: 5px;*/
}

.yourCircles .yourCirclesBox a {margin-left: 5px; color: #ab208e;}
.yourCircles .yourCirclesBox a:hover {color: #FFF; background:#ab208e;}

.yourCircles .yourCirclesBox a.title {margin-left: 0px; color: #64705B;}
.yourCircles .yourCirclesBox a.title:hover {color: #ab208e; background:none;}

.yourCircles .yourCirclesBox ul.items {
	padding-bottom: 5px;
}

.yourCircles .yourCirclesBox ul.items span,
.yourCircles .yourCirclesBox ul.items a {
	color: #94c642;
}

.yourCircles .yourCirclesBox ul.items a:hover {color: #FFF; background:#94c642;}

.yourCircles .yourCirclesBox ul.items .new {
	background-color: #adeb26;
	font-weight: bold;
	color: #64705b;
	font-size: 85%;
	padding: 1px 2px;
	margin-right: 3px;
	text-transform: uppercase;
}

.yourCircles .yourCirclesBox ul.wantedAds span,
.yourCircles .yourCirclesBox ul.wantedAds a {
	color: #fcaf17;
}

.yourCircles .yourCirclesBox ul.wantedAds a:hover {color: #FFF; background:#fcaf17;}

.yourCircles .yourCirclesBox ul.wantedAds .new {
	background-color: #fcaf17;
	font-weight: bold;
	color: #fff;
	font-size: 85%;
	padding: 1px 2px;
	margin-right: 3px;
	text-transform: uppercase;
}

/* Circle info */

.circleIntro {
	padding: 0 0 20px;
}

.circleIntro h1 {
	float: left;
}

.circleIntro a {
	color: #ab208e;
}

.circleIntro a:hover {color:#FFF; background: #ab208e;}

.circleIntro .joinRequest {
	margin: 0;
	padding: 0 0 5px;
	list-style-type: none;
	float: right;
	text-align: right;
	font-size: 92%
}

.circleIntro .joinRequest li {
	color: #b1b7ad;
	padding-bottom: 3px;
}

.circleIntro span {
	color: #64705b;
}

.circleIntro .circlePic {
	float: left;
	clear: both;
	padding: 3px 10px 0 0;
	width: 75px;
}
* html .circleIntro .circlePic {padding-top: 12px;} /* IE6 */
*+html .circleIntro .circlePic {padding-top: 12px;} /* IE7 */


.circleIntro .circleDescription {
	float: left;
	width: 500px;
	border-bottom: 1px dotted #c1c6bd;
}

.circleIntro p {
	/*border-bottom: 1px dotted #c1c6bd;
	float: left;
	width: 500px;*/
	padding: 0px 0 7px 0;
	margin: 0;
	font-size:70%;
}

/*.circleIntro p.addImage 
{
    border-bottom: none;
    width: 75px;
    float:none;
	padding: 3px 0 7px 0;
}
.circleIntro p span {
	color: #b1b7ad;
	padding: 10px 0 0;
}*/

.circleIntro p span a {
	color: #AB208E;
}
.circleIntro p span a:hover {
	background-color: #AB208E;
	color: #FFFFFF;
}

.circleIntro p span span {
	display: inline;
	color: #B1B7AD;
}

.circleIntro .purpleList {margin: 5px;}

.rightCol ul.circleOptions a {
	color: #ab208e;
	text-transform: none;
	font-size: 92%
}

.rightCol ul.circleOptions a:hover {color: #FFF; background: #ab208e;}

.rightCol .circleMembers h4 span {
	color: #ab208e;
}

.rightCol .circleMembers a {color: #ab208e;}
.rightCol .circleMembers a:hover {color: #FFF; background: #ab208e;}


.rightCol .circleMembers ul {
	clear: both;
	margin-bottom: 10px;
}

.rightCol .circleMembers li {
	text-transform: none;
}

.rightCol .circleMembers .profPic {
	float: left;
	padding: 3px 5px 0 0;
}

.rightCol .circleMembers .tagNew {
	color: #fff;
	background-color: #b77fa8;
	text-transform: uppercase;
	width: 28px;
	float: left;
	padding: 1px 0px;
	font-size: 55%;
	font-weight: bold;
	margin: 0px 0 0;
	text-align: center;
	margin-bottom: 10px;
}

.rightCol .myCircles h4.italicsHdr {
	color: #b1b7ad;
	font-style: italic;
	font-weight: normal;
	padding-bottom: 10px;
	font-size: 11px;
	text-align:left;
}

.rightCol .circleStarter h4 {
	color: #b1b7ad;
	font-style: italic;
	font-weight: normal;
	font-size: 69%;
	padding: 0 0 10px; 
}

.rightCol .circleStarter li {
	padding-bottom: 5px;
	text-transform: none;
}

.rightCol .circleStarter .profPic {
	float: left;
	padding-right: 5px;
}

.rightCol .circleStarter span.grey {
	color: #b1b7ad;
	font-size: 92%
}


/* circle - member list */

.memberList h2 {
	font-size: 85%;
	float: left;
}

.memberList a,
.memberList h1 span,
.memberList h2 span {
	color: #ab208e;
}
.memberList a:hover {color:#FFF; background: #ab208e;}
.memberList a:hover.noHighlight {color:#FFF; background: #ffffff;}


.memberList ul.memberListActions {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right
}

.memberList ul.memberListActions li {
	display: block;
	float: left;
	background: url(../img/ltegreyDvdr.gif) right no-repeat;
	padding-right: 5px;
}

.memberList ul.memberListActions a {
	margin-left: 5px;
}

.memberList .circleAdmin {
	clear: both;
	border-top: 1px dotted #c1c6bd;
	/*border-bottom: 1px dotted #c1c6bd;*/
	margin: 0 0 13px;
	padding: 10px 0;
}

.memberList .circleAdmin input, /*was img*/
.memberList .member input {
	float: left;
	padding-right: 10px;
}

.memberList .circleAdmin h3,
.memberList .member h3 {
	font-size: 80%;
	margin: 0;
	padding: 0;
}

.memberList .member h3 span.new, .memberList .circleAdmin h3 span.new {
	background-color: #b77fa8;
	color: #fff;
	font-size: 75%;
	text-transform: uppercase;
	margin-right: 3px;
	padding: 0 2px;
}

.memberList .circleAdmin p,
.memberList .member p {
	margin: 0;
	padding: 0;
}

.memberList p span {
	color: #b1b7ad;
	font-size: 11px;
}

.memberList .member {
	margin: 0;
	padding: 0 0 30px;
	float: left;
	width: 280px;
}



/* request to join circle */

.joinCircle h1 {
	text-transform: lowercase;
	border-bottom: 1px dotted #c1c6bd;
	padding: 15px 0 10px;
}

/* new member panel */

.newMember {
 padding-top: 5px;
}

.newMember h2 {
	text-transform: lowercase;
	font-size: 85%;
	margin: 0;
	padding: 10px 0 8px;
	border-top: 1px dotted #c1c6bd;
}

.newMember h2.purple {
	color: #ab208e;
	border: none;
	float: left;
}

.newMember a.close {
	color: #ab208e;
	font-size: 69%;
	float: right;
	margin-top: 10px;
}

.newMember a.close:hover {color: #FFF; background: #ab208e;}


/*.help {border-top:1px dotted #c1c6bd; transparent url(../img/iconHelp.gif) no-repeat scroll left center}*/
.help a {color: #B1B7AD; background:transparent url(../img/iconHelp.gif) no-repeat scroll right center;}
.help a:hover {background:transparent url(../img/iconHelpWork.gif) no-repeat scroll right center;}/*background:#AB208E none repeat scroll 0 0; */

.circleBoxBtm .new{
	background-color: #AB208E;
	font-weight: bold;
	color: #ffffff;
	font-size: 70%;
	padding: 1px 2px;
	margin-right: 3px;
	text-transform: uppercase;
	float:right;
}