/* CSS Document

css Author: Ray Sweeten

*/

/* ---------------------------------- CORE LAYOUT ---------------------------*/
#wrap {
	width: 1017px;
	margin: 0px auto;
}

#header {
	/*background: url(http://beta.upoc.com/assets/images/holiBack.gif) top left no-repeat;*/
	padding: 0px;
	margin: 0px;
	height: 89px;
}

#nav {
	float: left;
	height: 36px;
	width: 100%;
}

#bodycontent {
	margin-top: 32px;
	width: 816px;
	float: left;
	position: relative;
}

#sidebar {
	margin-top: 32px;
    position: relative;
}

#blurb {
	margin-bottom: 24px;
	float: left;
	width: 816px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
}

#alpha{
	float: right;
    width: 400px;
	height: 685px;
	overflow: hidden;
	background-color: #FFFFFF;
	border-bottom: 1px solid #f7f7f7;
}

#beta {
	background: #FFFFFF;
	float: left;
    width: 400px;
	height: 685px;
	overflow: hidden;
	border-bottom: 1px solid #f7f7f7;
}

#subfooter {
	width: 100%;
	margin: 50px 0px 6px 4px;
	float: left;
}

#footer {
	float: left;
	margin-bottom: 10px;
	background: #FFF url(http://beta.upoc.com/assets/images/upoc-small-logo.jpg) no-repeat 99% 50%;
	border-bottom: 1px solid #CDCAC3;
	height: 35px;
	width: 816px;
}

#sidebar {
	background-color: #E7E7DE;
    width: 185px;
	float: right;
}

/* -------------------------------   CORE TAGS ---------------------------- */

* html {
	padding: 0;
	margin: 0;
}

* {padding:0;margin:0;}

body {
	font-family: arial;
	font-size: 13px;
	color: #666666;
	background: #FFF url(http://beta.upoc.com/assets/images/header.gif) repeat-x;
}

div h2 {
	font-size: 22px;
	color: #999999;
}

div h3 {
	font-size: 13px;
	width: 773px;
	margin: 5px 0 0 12px;
	_margin: 5px 0 0 6px;
	border-bottom: 2px solid #e6e6e6;
	padding-bottom: 7px;
}

div h4 {
	font-size: 13px;
	color: #555555;
	margin-bottom: 8px;
}

div h5 {
	margin-left: 12px;
	margin-bottom: 3px;
	font-size: 13px;
	color: #555555;
}

div h6 {
	font-size: 13px;
	color: #ff9900;
	border-bottom: 1px solid #e6e6e6;
	margin-bottom: 6px;
}
/*h5 a {color: #888888;}*/

div p {
	color: #666666;
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 0 15px;
}

div a {
	color: #E20A16;
	border: 0px;
}

div a:hover {
	background: transparent;
	color: #666666;
}

div a img {
	border: 0;
}

div ul {
	margin: 0px;
	padding: 0px;
}
div input {
	font-family: arial;
  font-size: 12px;
	color: #666;
	padding: 2px;
}
div textarea {
	line-height: 1.4em;
	padding: 0px 5px 2px 5px;
	font-family: arial;
	color: #666666;
	font-size: 12px;
	background: transparent;
}
div li {
	list-style: none;
	font-size: 12px;
}

/* ------------- Simple Classes ---------------*/
.hide {overflow: hidden;}
.noMargin {margin: 0 !important;}
.lMar{margin-left: 0 !important;}
.noBorder{border: 0 !important;}
.space {margin: 2px 4px 0 0; cursor: pointer;}
.left {float:left;}
.right {float: right;}
.hover {cursor: pointer;}
.lowMargin{margin-bottom: 18px;}

.vtwo {margin-top: 36px !important;}
/*------------------COLORS--------------*/
.blue {color:#90D5EC;}
.blue2 {color: #0099cc;}
.red {color:#E20A16;}
.yellow {color:#FFCC00 !important;}
.orange {color:#FF9900;}
.orange2 {color: #cc9900;}
.green1 {color:#99CC00;}
.green2 {color:#A2D400;}
/* ------------------------- FakeLink Definitions -------------------*/
.redLink {
	color: #e20a16;
	text-decoration: underline;
	cursor: pointer;
}
.redHover {color:#666666;}
.greenLink {
	color:#666;
	text-decoration: none;
	padding-left: 8px;
	background:  url(http://beta.upoc.com/assets/images/green-arrow.gif) no-repeat 0 6px !important;
	cursor: pointer;
}
.sfGreen {
	text-decoration: underline !important;
	color: #42A11F !important;
}
.orangeLink {
	color: #ff9900;
	cursor: pointer;
}
.orangeHover {color: #666666;}

.adminTab {
	font-weight: bold;
	color: #006633;
	cursor: pointer;
}
.tabHover {
	background :#333;
	color: #42a11f;
}
.togLink {
	color: #666;
	cursor: pointer;
}
.togHover{color: #99cc00;}
.moreTogLink {
	color: #99cc00;
	cursor: pointer;
}
.moreTogHov {color:#555;}

.greyLink {
	color: #333333;
	font-weight: bold;
	cursor: pointer;
}
.greyHover {color:#99cc00;}
/*------------------ARROWS and TABS--------------*/
.arrowdown {
	float: left;
	width:74px;
	height: 6px;
	margin-left: 25px;
	_margin-left: 15px;
	color: #FFFFFF;
	font-size: 1px;
}
.arrowdown.alpha {
	background: url(http://beta.upoc.com/assets/images/alpha-down-arrow.gif) no-repeat top left;
	visibility: hidden;
}
.arrowdown.beta {
	width: 34px;
	background: url(http://beta.upoc.com/assets/images/beta-down-arrow.gif) no-repeat top left;
	visibility: hidden;
}
.arrowdown.current { visibility: visible;}
.arrowdown.catnav {
	background: url(http://beta.upoc.com/assets/images/down-arrow.gif) no-repeat top left;
	color: #faf8f5;
}
.arrowdown.stats {
	background: url(http://beta.upoc.com/assets/images/down-orange.gif) no-repeat top left;
	color: #faf8f5;
}
.fanTool {
	float: left;
	background:  url(http://beta.upoc.com/assets/images/arrowDownK.gif) no-repeat top left;
	color: #faf8f5;
	margin-left: 18px;
	_margin-left: 9px;
	width: 28px;
	visibility: hidden;
}

.fanTool.current {visibility:visible;}

.topbar {
	font-size: 12px;
	padding: 4px 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.topbar2 {
	background: #006699 url(http://beta.upoc.com/assets/images/bmesh.gif);
	font-size: 12px;
	padding: 4px 12px;
	color: #FFFFFF;
	font-weight: bold;
}

.dtabArrow{
	position: absolute;
	margin: 18px 0 0 8px;
	visibility: hidden;
}
.show {visibility: visible;}

/*--------------HEADER---------------*/

#goBack {
	position: absolute;
	margin: 38px 0 0 55px;
	*margin: 3px 0 0 -145px;
	_margin: 3px 0 0 -150px;
	padding-bottom: 3px;
}
#goBack2 {
	margin-left: 26px;
}

.logo {
	float: left;
	padding-top: 2px;
}

.search {    /*<-------all search bar-------<<*/
	margin: 0px;
	padding-right: 6px;
	float: right;
	font-size: 12px;
	height: 50px;
	background:   url(http://beta.upoc.com/assets/images/search-backgroundB.jpg) no-repeat top right;
}

* html #header.searchbar {         /* this and the next bit fixes the search form alignment in IE */
	margin-top: -12px;
}

.searchbar {
	padding: 10px;
	float: left;
	background:   url(http://beta.upoc.com/assets/images/search-backgroundA.jpg) no-repeat top left;
	height: 50px;
}

.join {
	padding-top: 6px;
	float: left;
	_top: 12px;
}

.searchMe {
	margin: 0 0 0 8px;
	float: left;
	_top: 12px;
}

* html .join {  /* ie6/7 win fix */

}

input#searchString {     /*<-------search text field-------<<*/
	float: left;
	width: 145px;
	/*height: 20px;*/
	padding: 4px 0 3px 20px;
	margin: 0px 0px 0px 12px;
	background: #FFFFF5 url(http://beta.upoc.com/assets/images/search-icon.gif) no-repeat 0% 55%;
	border: 1px solid #CCCCCC;
	font-family: arial;
	font-size: 13px;
	color: #666666;
}

input#button {
	margin: -2px 8px 0px 0;
	float: left;
}

#searchDropdown {
	border: solid #ccc; /*normally ccc*/
	border-width: 0 1px 1px 0;
	display: block;
	background: #e7e9df url(http://beta.upoc.com/assets/images/mesh1.gif); /*<<--holiday omission
	/*background: #332900 url(http://beta.upoc.com/assets/images/meshBrown.gif);*/
	margin-top: 25px;
	*margin-top: 20px;
	_margin-top: 20px;
	width: 90px;
	padding: 0 0 0 5px;
	z-index: 30;

}

#searchDropdown a {
	display: block;
	text-decoration: none;
}

#header .search a {
	font-size: 12px;
}

.moreOpt {
	margin: 10px 12px 0 0;

}

.buddy {
	padding: 0 8px 0 6px;
	border-left: dotted #999999 1px;
	_border-left: solid;
}

/*--------------Nav Bar---------------*/

#Menu {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#Menu li {
display:block;
float:left;
}
#Menu li a, #Menu li span {
border-right: 1px dotted #D5E3B9;
_border-right: 1px solid !important;
background: #fff;
color:#333;
display:block;
height:35px;
font-weight: bold;
line-height:34px;
padding:0pt 22px;
text-decoration:none;
_float: left;
cursor: pointer;
}

#Menu li li {
float:none;
width:auto;
}
#Menu li li a {
background: #fff;
display:block;
float:none;

font-size:10px;
font-weight:normal;
height:auto;
line-height: 1.9;
_line-height: 1.15;
font-family: verdana;
padding:0 22px;
text-align:left;
border: 0;
border-bottom: 1px solid #e6e6e6;
_border: 0;
}

#Menu ul {
border-left: 1px solid #d5e3b9;
border-right: 1px solid #d5e3b9;
_border-right: 0;
_border-bottom: 1px solid #d5e3b9;
}
#Menu li ul {
left:-5000px;
position:absolute;
z-index:100;
}

#Menu li:hover ul, #Menu li li:hover ul, #Menu li.sfhover ul, #Menu li li.sfhover ul {
left:auto;
margin-left: -1px;
_clear: left;
_line-height: 0;
}

#Menu .current {
	/*border-bottom: 2px solid #FFCC00;*/
	color: #E20A16;
	background: transparent;
	text-decoration: underline;
}
#Menu a:hover, #Menu a.active, #Menu .mainHover {
background: #F6F9F0;
color: #E20A16;
display:block;
}

#Menu li:hover, #Menu li.active {
	background: #F6F9F0;
}

.first-tab {  /*needed to display left border for 1st tab in IE6 Win*/
	border-left: 1px dotted #D5E3B9;
	_border-left: 1px solid #D5E3B9;
}


/*-------------------Blurb-----------------------*/
#blurb {border-bottom: 3px solid #ccc;}

.blurbDiv{
	font-family: arial, sans-serif;
	font-size: 22px;
	margin: 3px 9px 0px 9px;
	color: #666666;
	letter-spacing: .01em;
	line-height: 1.3em;
	float: left;
	width: 75%;
	padding-right: 12px;
	border-right: 1px dotted #cccccc;
	_border-right: 1px solid #cccccc;
}

.padImg {
	margin-bottom: -11px;
	width: 30px;
}

.joinNow {margin: 15px 0 0 22px;}

.fullWidth {
	width: 810px;
	_width:782px;
	_padding-right: 0;
	border: 0;
}

/*---------------------Groups and microBlog Select tabs--------------*/
#alphaGroup ul {
	background: #B2D40A url(http://beta.upoc.com/assets/images/meshg.gif);
	float:left;
	width:100%;
}
#alphaGroup li {
	display:inline;
	float:left;
	font-size:12px;
	padding:4px 12px;
}
#alphaGroup li:hover {background:#90b905;}
#alphaGroup a {
	color:#ffffff;
	font-weight: bold;
	text-decoration: none;
}
#alphaGroup a:hover {
	color: #ffffff;
	_color: #666666;
}
#alphaGroup .active {
	background: #90b905;
	color: #ffffff;
}
#alphaGroup #current {
	color:#90b905;
	font-weight:bold;
}

#betaGroup ul {
	background: #90D5EC url(http://beta.upoc.com/assets/images/meshb.gif);
	float:left;
	width:100%;
}
#betaGroup li {
	display:inline;
	float:left;
	font-size:12px;
	padding:4px 10px;
}
#betaGroup li:hover {background:#e9d44e;}
#betaGroup a {
	color:#ffffff;
	text-decoration: none;
	font-weight: bold;
}
#betaGroup a:hover {
	color: #ffffff;
	_color: #666666;
}
#betaGroup .active {
	background: #e9d44e;
	color: #ffffff;
}
#betaGroup #current {
color:#E20A16;
font-weight:bold;
}
.scrollTabs{			/*---spacing for scrolling arrows div */
	float: right;
	top: -23px;
	left: -4px;
	position: relative;
}
.scrollArrow {			/* <------------Individual Scroll Image spacing  */
	float: left;
	display: inline;
	padding: 3px 1px 0 2px;
}

/*-------------------------Alpha-Column Widgets!-----------------------*/


.thumbnail {margin:3px 8px 3px 5px;}

.WidgetMsg {
	margin-right: 5px;
	margin-top: 3px;
}

.scrollPage {
	height: 620px;
	*width: 400px;
	*height: 638px;
	overflow: hidden;
	float: left;
	border-bottom: 1px solid #cccccc;
	clear: left;
}

.columnWidget.bordered {
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 6px;
}
/*--------------------BETA-Column Widgets!--------------*/

.columnWidget {
	float: left;
	margin: 0;
	padding: 6px 0 10px 0;
	width: 400px;
}

.scrollPagebeta {
	height: 526px;
	_height: 519px;
	float: left;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
}

.blogBubble {
	float:right;
	width:305px;
}

.bubblePic {
	float: left;
	margin: 0 5px 0 10px;
	border-bottom: 2px solid #7FC9CC;
	height: 65px;
	width: 65px;
	_width: 65px;
	_height: 65px;
}

.bubbleTop {
	 background:  url(http://beta.upoc.com/assets/images/top_new.gif) no-repeat;
	 padding: 8px 15px 5px 20px;
	 margin: 0;
}

.updateTop {
	background:  url(http://beta.upoc.com/assets/images/top_new.gif) no-repeat;
	padding: 8px 15px 10px 20px;
	margin: 0;
	margin-top: 0;
	min-height: 55px;
	_height: 50px;
}

.bubbleTop.alt {
	background: url(http://beta.upoc.com/assets/images/top_newb.gif) no-repeat;
}

.bubbleBottom {
	background:  url(http://beta.upoc.com/assets/images/bottom_old.gif) no-repeat;
	margin: -5px 0 0 8px;
	height: 10px;
	color: #ffffff;
}

.messageButtons {
	padding: 3px 3px 0 3px;
}

.bubbleBottom.other {
	color: #ffffff;
	background: url(http://beta.upoc.com/assets/images/bottom_oldb.gif) no-repeat;
}

textarea#microBlog {    /*<-------reply text field-------<<*/
	float: left;
	width: 150px;
	height: 44px;
	padding: 3px 3px 3px 22px;
	margin: 5px 8px 0 0;
	border: 1px solid #CCCCCC;
	/*color: #90d5ec;*/
	color: #333333;
	background: #fff url(http://beta.upoc.com/assets/images/lilguy.gif) no-repeat 3px 3px;
}

input#microSend {
	float: left;
	margin: 5px 0 0 0;
}

/*--------------------- Site-wide Paginate Settings--------------*/

.paginate {
	padding-top: 3px;
	*margin-left: 250px;
	_margin-left: 250px;
	margin-right: 12px;
	float: right;
	*float: none;
	clear: both;
	*padding: 0;
}

.paginate span, .paginateB span {
	float: left;
	padding: 2px;
	font-family: verdana;
	font-size: 10px;
}

.paginateB {
	margin: 6px;
	margin-right: 12px;
	_margin-right: 6px;
	_margin: 6px;
	float: left;
	clear: both;

}

/*.paginateB ul {
	float: left;
}*/

.paginateB div {
	_margin-bottom: 6px;
	float: right;
}

/*-------------------SUBFOOTER-----------------------*/

#subfooter li {
	float: left;
	font-size: 11px;
	font-weight: bold;
}

#subfooter .last-child {
	border-right: none;
}

#subfooter a {
	padding-left: 4px;
	padding-right: 4px;
	border-right: 1px solid #CDCAA3;
	color: #FF9900;
	text-decoration: none;
}

#subfooter a:hover {
	color: #666666;
}

#subfooter img {
	border: 0px;
	margin-top: -2px;
}

/*-------------------FOOTER-----------------------*/
#footer div{
	padding-left: 12px;
	padding-top: 11px;
	font-family: verdana;
	font-size: 10px;
	color: #999999;
}

#footer a {
 	color: #006699;
}

/*-------------------SIDEBAR-----------------*/

/*---------------------------Browse by Category----------------*/

#categories {
	float: left;
	width: 185px;
	margin: 0px 0px 24px 0px;
	background: #FAF8F5;
	border-bottom: 2px solid #42A11F;
}

#catnavTop {
	background: #42A11F url(http://beta.upoc.com/assets/images/mesha.gif);
}
.toggler, .toolBar ul div, .toolBar li {
	clear: left;
	padding: 4px 4px 4px 10px;
	border-bottom: 1px solid #ddd;
}

.element {
	padding: 2px 0 2px 15px;
}
.element2 {
	padding: 2px 0 2px 5px;
}

.accordion .last-child {border: 0;}

/*
.down, .down a:hover {
	background:  url(http://beta.upoc.com/assets/images/green-arrowdown.gif) no-repeat 0 6px !important;
}*/

/* --------------------------- Tool Bar (non-Index pages) ------------------*/
.toolBar {
	float: left;
	width: 185px;
	margin: 0px 0px 24px 0px;
	background: #FAF8F5;
}

.toolBar ul {
	float: left;
	width: 185px;
}

.toolBar li.active {
	text-decoration: underline !important;
	color: #42A11F !important;
}

.toolBar .last-child {border: 0;}

.toolBar.first-child {float: left;}

/*--------------------Featured Upoc Widgets--------------------*/

#wid_flash {
	_float: left;
}

/*---------------------------------------Fans/Favs Tool-------------*/
#fanfavTool {
	width: 185px;
	background: #faf8f5;
	float: left;
	margin: 0 0 24px 0;
	border-bottom: 2px solid #333333;
}

.blackTop {
	float: left;
	background: #333333 url(http://beta.upoc.com/assets/images/meshk.gif) !important;
	width: 100%;
}

#fanfavTool li {
	float: left;
	padding: 4px 10px;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	cursor: pointer;
}

#fanfavTool a {
	clear: left;
    float: none;
	font-family: verdana;
	font-size: 10px;
	margin: 0 5px 5px 0;
	/*margin: 0 0 12px 130px;*/
	*padding-bottom: 6px;
}

#fanfavTool .active {
color: #ffffff;
	background: #4f4f4f;
}

#fanfavTool li:hover {
	color: #fff;
	background: #4f4f4f;
}

#favScroll img, #fanScroll img {
	width: 32px;
	height: 32px;
	/*margin: 0 10px 10px 0;
	float: left;*/
	cursor: pointer;
}

#fanfavTool img:hover {
	opacity: .6;
	filter: alpha(opacity:60);
}

#fanScroll, #favScroll {
	/* width: 170px; */
	float: left;
    *float: left;
    margin: 6px 0 6px 10px;
	overflow: hidden;
    min-height: 35px;
}

#fanScroll a {
	*margin: 0 5px 5px 0;
}

a span, a ul{
	display: none;
}

.static {
	display: block !important;
}

a:hover span, a:hover ul{
	margin: -10px 0 0 26px;
	*margin: 18px 0 0 -10px;
	display: block;
	/* width: 84px; */
	padding: 8px;
	opacity: .8;
	filter: alpha(opacity=80);
	background: #ffee00;
	border: 1px solid #999;
	color: #000;
	position: absolute;
	z-index: 100;
	overflow: auto;
}

/*--------------------Stats for Sidebar -------------------*/
#stats {
	width: 100%;
	margin-bottom: 24px;
	background: #FAF8F5;
	border-bottom: 2px solid #ff9900;
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-weight: bold;
}

#statsTop {
	background: #ff9900 url(http://beta.upoc.com/assets/images/mesho.gif);
}

#stats ul {
	width: 185px;
	float: left;
	border-bottom: 1px solid #e6e6e6;
	margin-top: 4px;
}

#stats li {
	margin-left: 12px;
	margin-bottom: 6px;
}

.lili {
	margin-bottom: 1px;
}

#stats a {
	display: block;
	color: #666;
	text-decoration: none;
}

#stats a:hover {
	color: #ff9900;
}

/*---------------------------------------Vertical Ad apce-------------*/
#adspace {
	margin: 0px 0px 24px 0px;
	float: left;
	width: 169px;
	border-top: 3px solid #cfdfd7;
	border-bottom: 3px solid #cfdfd7;
	background: #FFFFFF;
	padding: 12px 0px 0px 16px;

}

.adTitle {
	font-family: verdana;
	font-weight: bold;
	font-size: 10px;
	color: #006666;
	float: left;
	padding-left: 10px;
	margin: 0 0 18px 0;
	background:  url(http://beta.upoc.com/assets/images/arrow-down-brown.gif) no-repeat 0 50%;
}

.adTop {
	position: absolute;
	margin: -16px 0 4px 11px;
}

#adspace div {
	padding: 12px 0px 0px 10px;
}

#topAdspace div {
	padding: 4px 0px 0px 24px;
}

#topAdspace {
	margin-top: 36px; /*if the ads are on the bottom*/
	/*margin-bottom: 24px; /*if the ads are on the top */
	float: left;
	width: 813px;
	min-height: 95px;
	border: 2px solid #cfdfd7;
	display: inline;
	background: #FFF;
}
/* ---------------------------------POPUP and ERROR Stylings ---------------------*/

/*     page errors   -----*/
.error {
	background: #ffffff url(http://beta.upoc.com/assets/images/error.jpg) no-repeat 5% 50%;
	width: 813px;
	height: 208px;
	margin: 32px auto;
	color: #999;
}
.error div {
	width: 50%;
	float: right;
	margin: 30px 12px;
}
.error p {font-size: 20px;}


.close {  /*The close Button  */
	margin: -6px 5px 0 0;
	_margin: -5px;
	*margin: 5px;
	float: right;
}

#miscError {
	width: 350px;
}

#blogReply, #groupReply {
	width: 350px;
}

/* -------------- SignIn Popup---*/

#login {
	border: 2px solid #cccccc;
	width: 350px;
	margin: 0 auto;
	background: #ffffff;
	color: #cc9900;
}

#signIn {
    /* border: 2px solid #cccccc;  */
	width: 350px;
	background: #ffffff;
	color: #cc9900;
    /* mattk - removed for compat with new popup method */
    /* position: absolute; */
	z-index: 102;
}
.innerSign {
	margin: 16px 12px;
	overflow: auto;
}
#signInErrorMsg {
	margin-top: 5px;
	width: 100%;
	float: left;
}
.signed {margin-top: 20px;}
.clear {clear: left;}
.field {
	margin-top: 14px;
	float: left;
	width: 292px;
	/*height: 16px;*/
	padding: 4px 3px 3px;
	color: #999999;
}
.log {
	float: left;
	margin: 8px 0 13px;
}
/* -------------- Get Widget Popup---*/
#getWidPop {
	margin: 12px auto;
	font-size: 11px;
	width: 445px;
	color: #999999;
	background: #ffffff;
}
.widInner {
	margin: 12px 0 10px 15px;
	_margin-top: -6px;
	width: 420px;
}


#widCode {
	color: #666666;
	margin-top: 12px;
	padding: 4px;
	width: 400px;
	border: 1px solid #cccccc;
	overflow: hidden;
}
/* -------------- Microblog Reply ---*/
.smallPop {
	margin: 12px auto;
	border: 2px solid #ccc;
	background: #fff;
	width: 383px;
	height: 63px;
}

.inner {
	margin: 9px 9px;
	overflow: auto;
}

.inner img {
	position: absolute;
	margin: -5px 0 0 85px;
}

.inner input {
	float: left;
	margin: 0 4px 10px 0;
}
.inner #microReply {
	margin-right: 3px;
	width: 285px;
	height: 15px;
	border: 1px solid #ded7c3;
	padding: 2px 3px 3px;
}

/* -------------- Follow Pops ---*/

.followNudge {
	width: 350px;
	height: 85px;
	background: #fff;
	border: 2px solid #ccc;
	margin: 12px auto;
	font-size: 20px;
	color: #999;
}

.followNudge div {
	margin: 27px 0 0 14px;
}

.followNudge input {
	position: absolute;
	margin: 2px 0 0 3px;
}

.followMess {
	width: 350px;
	height: 125px;
	background: #fff;
	border: 2px solid #ccc;
	margin: 12px auto;
	font-size: 12px;
	color: #999;
}
.followMess textarea {
	float: left;
	height: 75px;
	width: 264px;
	overflow: hidden;
	border: 1px solid #ccc;
}

.followMess div {
	margin: 5px 10px;
}
/*
#TB_closeAjaxWindow {
	display: none;
}*/

/*#miscErrorBody {
	padding: 12px;
}*/

/* ---------------- PROFILE POPUP ------------------*/
#editProfile{
	width: 450px;
	height: 605px;
	background: #fff;
	margin: 50px auto;
	font-family: verdana;
	font-size: 11px;
	color: #999;
}
#editProfile div {margin-bottom: 14px;}
#editProfile input, .pollLine input, .opt5 input {
	float: left;
	border: 1px solid #e6e6e6;
	font-family: verdana;
	font-size: 11px;
	color: #999;
}

#editProfile label {
	font-family: verdana;
	font-size: 11px;
	color: #999;
	margin-bottom: 4px;
}

.line1 {
	float: left;
	width: 46%;
	margin-right: 12px;
}

.line2 {
	float: left;
	width: 100%;
}

.line3 {
	float: left;
	width: 33%;
}

.line4 {
	margin-top: 12px;
	float: right;
	clear: both;
}

#state, #zip, #tZone {width: 65px;}
#url {width: 325px;}
#hideProfile {margin-right: 4px;}
#editProfile textarea {
	width: 325px;
	height: 85px;
	margin-bottom: 12px;
	border: 1px solid #e6e6e6;
	float: left;
	padding: 2px;
	font-family: verdana;
	font-size: 11px;
	color: #999;
	overflow: hidden;
}

.innerPro {
	width: 325px;
}

/* ---- profilePhoto popup ------*/
#editPhoto {
	width: 400px;
	margin: 20px auto;
	float: left;
	background: #fff;
}
.inlineDiv {
	color: #e20a16;
	text-align: right;
	float: left;
	max-width: 65px;
	_width: 65px;
	_height: 65px;
	margin: 0 8px 8px 0;
}
.inlineRight {
	float: right;
	width: 80%;
}
#picPath{
	height: 10px;
	width: 60%;
}


/* ----------------invite pops -------------------*/
#pendingInvite {
	width: 585px;
	margin: 20px auto;
	background: #fff;
}

#sendInvite {
	width: 267px;
	height: 225px;
	background: #fff;
	margin: 20px auto;
}

.inside {padding: 9px;}
.button {margin-top: 4px;}
.title {
	width: 95%;
	border-bottom: 2px solid #e6e6e6;
	padding-bottom: 4px;
}

#sInvite input {
	float: right;
	margin-bottom: 12px;
}

.hLabel {
	float: left;
	text-align: left;
	width: 80px;
	display: block;
	margin-bottom: 16px;
	padding: 2px 0;
}

.inviteEntry {
	color: #999999;
	border-bottom: 1px solid #e6e6e6;
	width: 85%;
	padding: 8px 0 8px 0;
}

.infoCol {
 	float: left;
	border-right: 1px solid #e6e6e6;
	padding: 0 6px 0 6px;
}

.lastChild {border: 0 !important;}


.yourUpocScroll {
	height: 664px;
	_height: 657px;
	width: 775px;
	float: left;
	overflow: hidden;
	border-bottom: 1px solid #cccccc;
}

.specialBlurb {
	padding: 10px 0 10px 0;
	margin: 18px;
}
#blurb a, #footnote a {
text-decoration: none;
}

#footnote{
	float: left;
	font-family: verdana;
	font-size: 10px;
	font-style: italic;
	margin: 16px 0 16px 0;
}

/*--------------------------   YOURUPOC pages   ------------------------------*/

.nonHome {
	float: left;
	margin-top: -19px;
}

#main {
	width: 100%;
	float: left;
	background: #ffffff;
	*padding-bottom: 12px;
	_padding-bottom: 24px;
}

#blogHead {
	background: #B2D40A url(http://beta.upoc.com/assets/images/meshg.gif);
	color:White;
	font-weight: bold;
	float:left;
	margin-left:0;
	padding-left:0;
	width:100%;
}

.yourBlog {
	font-size:12px;
	padding:4px 12px;
}

.subheader {
	background: #f8fce5; /*url(http://beta.upoc.com/assets/images/alpha-down-arrow.gif) no-repeat 25px 0px;*/
	font-family: verdana;
	width: 804px;
	padding: 7px 0 0 12px;
	font-size: 10px;
	height: 17px;
	float: left;
}

.topEntry {
	float: left;
	margin: 15px 0 22px 12px;
	width: 773px;

}

#userDetails {
	background: #f3f3f3;
	border-bottom: 2px solid #99cc00;
	margin: 8px 0;
	padding: 4px;
	opacity: .8;
	filter: alpha(opacity=80);
}

#userDetails p {margin: 0;}

.topEntry .timeStamp, .source {
	color: #999999;
}

.timeStamp {
	margin-top: 6px;
}

.source {
	margin-top: 4px;
	width: 85px;
}

.topFloat {
	width: 550px;
	float: left;
	*top: 3px;
	position: relative;
}

.usrName {
	margin-bottom: 10px;
}

.smsSet {
	margin-bottom: 5px;
	float: left;
	padding: 1px 6px 2px;
	background: #ffec9e;
	color: #999;
	display: block;
	clear: both;
	font-size: 12px;
}

.msgSet {
	/*position: absolute;*/
	margin: -1px 4px 0 4px;
	padding: 0px 6px 2px;
	background: #ffe270;
	color: #000;
	font-size: 12px;
	font-weight: normal;
}
.groupTitle .msgSet {
	position: absolute !important;
	margin-top: -1px;
}


.smsSet span.active {
	color: #99cc00;
	text-decoration: underline;
}

.msgSet span.active {
	color: #669900;
	text-decoration: underline;
	font-weight: bold;
}

.darkBold {
	color: #333;
	font-weight: bold;
	margin: 0;
	font-size: 13px;
	line-height: 1.5;
}

.pale {
	color: #999;
	font-weight: normal !important;
}

.paleBold {
	/*float: left;*/
	margin: 0 40px 6px 0;
	/*width: 100%;*/
	font-weight: bold;
}

.upTo {
	float: left;
	font-size: 22px;
	clear: left;
}

.charLimit {
	float: left;
	font-family: verdana;
	font-size: 10px;
	background: #e5f2bf;
	padding: 5px 16px 7px 16px;
	margin-left: 18px;
	*margin-left: 14px;
	*padding-left: 4px;
}

.charLimit2 {
	font-size: 10px;
	margin: 0 0 0 10px;
	padding-top: 12px;
	color: #999;
}

.youupocUpdateForm {    /*<-------yuorupocAdmin text field-------<<*/
	width: 342px !important;
	height: 48px !important;
	padding: 0px 5px 2px 5px !important;
	border: 1px solid #CCCCCC;
	font-family: arial;
	color: #99CC00 !important;
	background: transparent !important;
	overflow: hidden;
}
input.adminSend {
	margin: 36px 0px 0px 2px !important;
}

/* -------------------------- Options Nav ---------------------*/

.yourOptions {
	float: left;
	width: 773px;
	margin: 12px;
	_margin-left: 6px;
	background: #e6e6dc;
}
.firstChild {padding-left:0 !important;}

.yourOptions li {
	padding: 4px 14px;
	float: left;
	/*border-right: 1px solid #ccc;*/
}

.yourOptions li.current {
	background: #333;
	color: #fff;
}
/* --------------------------------FollowBar for deeper pages ___*/



.Up2Bar {	border-bottom: 2px solid #42A11F;}
.In2Bar {	border-bottom: 2px solid #006699;}

/*---------Site Wide Inline Classes -------------*/
.inline {
	background-color:#e6e6e6;
	float:left;
	margin:5px 10px 10px 0;
	padding:5px;
}
.inlineB {
	background: #fffff5;
	border: 1px solid #e6e6e6;
	float:left;
	margin:5px 10px 10px 0;
	padding:5px;
	height: 131px;
	max-width: 200px;
	_width: 200px;
}
.inlineC {
	float:left;
	margin:0px 8px 3px 0;
	border-bottom: 2px solid #7FC9CC;
	max-width: 55px;
	height: 55px;
	_width: 65px;
	_height: 65px;
}
.inlineD {
	background: #fffff5;
	float:right;
	margin:5px 10px 10px 0;
	padding:5px;
}
.groupsInline {
	width: 132px;
	border: 1px solid #e6e6e6;
	float: left;
	margin: 5px 10px 10px 0;
	padding: 5px;
}
.groupInline {
	float: left;
	margin-right: 12px;
}
.inlineEdit {
	float: left;
	max-width: 150px;
	_width: 150px;
	_height: 90px;
	padding: 5px;
	border: 1px solid #e6e6e6;
	margin: 5px 10px 10px 0;
}

/* ------------- presently misc.  ----------------*/
.listing {
	color: #999999;
	border-bottom: 1px solid #e6e6e6;
	float: left;
	width: 773px;
	padding: 8px 0 8px 0;
	margin-left: 12px;
	_margin-left: 6px;
}

.followYes {
	/*float: left;*/
	color: #333333;
	line-height: 1.5em;
	/*background: url(http://beta.upoc.com/assets/images/check.gif) no-repeat 0 7px;*/
	padding-left: 16px;
	margin: 1px 0 3px;
	*margin: 1px 0 4px;
	_margin: 3px 0 5px;
}

.noteSMS {
	top: 3px;
	line-height: 1.5em;
	color: #333333;
}

.radio {
border: 0px;
}

.radioLabel {
	color: #999999;
	padding: 0 4px;
}

.smsOpts {
	line-height: 1.5em;
}

.remove {
	position: absolute;
	left: 718px;
	margin-top: -15px;
}

#count {
	background: transparent;
	border: 0;
	width: 25px;
	font-family: verdana;
	font-size: 10px;

}

#count2 {
	background: transparent;
	border: 0;
	font-family: arial;
	width: 18px;
	font-size: 10px;
	color: #999;
}
/* ----------------- Help FAQ page ----------------*/
#Help {
	width: 100%;
	float: left;
	background: #ffffff;
}

#Help h5 a{
	color: #666666;
	text-decoration: none;
}

#blogHead a {
	color: #ffffff;
}

#Help .listing h5, #Help .listing p {
	margin-left: 0;
}
/* -------------- Groups Page -------------------- */
.groupTitle {
	font-size: 15px;
	color: #E20A16;
	font-weight: bold;
	vertical-align: 10px;
}
.noLine {
	display: inline;
}

.infoarrow {
	margin: 0 4px 2px 4px;
}

#infoTab {
	font-family: verdana;
	font-size: 9px;
	color: #000000;
	width: 125px;
	height: 11px;
	background:  url(http://beta.upoc.com/assets/images/infoTab.gif) no-repeat 0 1px;
	float: left;
	margin-top: 4px;
	cursor: pointer;
}

#infoBar {
	width: 600px;
	border: 1px solid #cccccc;
	padding: 10px;
	font-family: verdana;
	font-size: 10px;
	color: #666666;
	float: left;
	font-weight: bold;
}

#infoBar p {
	font-family: verdana;
	font-size: 10px;
	margin: 0;
}
/*#groupDesc {
	overflow: hidden;
	width: 500px;
	height:16px;
}
#descToggle {
	float: right;
	top: -15px;
	position: relative;
}*/
.groupText {
	background: #ffffff;
	border: 1px solid #999999;
	width: 430px;
	height: 85px;
	float: left;
}
.groupMsgPollForm {    /*<-------groupMember text field-------<<*/
	float: none !important;
	width: 342px !important;
	height: 48px !important;
	padding: 0px 5px 2px 5px !important;
	margin: 0px 0px 5px 0px !important;
	border: 1px solid #CCCCCC;
	font-family: arial;
	color: #99CC00 !important;
	background: transparent !important;
	overflow: hidden;
}

.count3 {
	font-family: verdana;
	font-size: 10px;
	margin: 0 0 0 10px;
	background: #fff9e6;
	border: 2px solid #ecf3e0;
	padding: 0 3px;
	color: #999;
	float: left;
}

.charLimit3 {
	background: #fff9e6;
	border: 2px solid #ecf3e0;
	color: #999999;
	font-family: verdana;
	font-size: 10px;
	padding: 0 3px;
	float: right;
	margin-top: -25px;
	*margin-top: -28px;
	text-align: right;
	width: 85px;
}

.sendContain {
	width: 455px;
	float: left;
}

.groupSend {
	margin-top: 0 !important;
}

.groupMemberUpdater {
	width: 773px;
	border-bottom: 2px solid #e6e6e6;
	padding-bottom: 8px;
	margin: 12px 0 0 12px;
	_margin: 6px 0 0 6px;
	float: left;
}

#wrapMsgPoll{float:left;}
.labelTitle {
	width: 100%;
	float: left;
	margin: 10px 0 10px 0;
}
.pollLine {
	float: left;
	width: 30%;
	margin: 0 8px 8px 0;
}
.opt5 {
	float: left;
	width: 65%;
	margin-bottom: 8px;
}
.previewButton {margin: 0;padding:0;}
/* ----------------------- groupEdit form/div ----------------------*/
#groupAdminEdit div {
	margin: 1px 0 10px 18px;
	color: #999999;
	width: 90%;
}
#groupAdminEdit h5 {
	margin: 18px 0 8px 0;
}
#groupAdminEdit, #groupAdminCreate {
	float: left;
	margin-left: 12px;
}
#groupAdminEdit .radio, #groupAdminCreate .radio {
	float: left;
	margin-top: 2px;
}
.indent{margin-left: 18px !important;}
.inputLabel{margin: 12px 0 1px 18px !important;}

/* ----------------- Settings Page -------------------*/
.topEdits {
	float: left;
	margin: 0 12px 12px 0;
}

.setSpacing {
	margin: 5px 10px 10px 0;
	border: 0;
}

.bodySettings {
	float: left;
	margin: 0 12px 12px 12px;
	border-bottom: 1px solid #e6e6e6;
	padding-bottom: 12px;
	width: 773px;
}

.bodySettings p {
	margin: 3px 12px 3px 0;
}

.marked {
	background: url(http://beta.upoc.com/assets/images/green-arrowdown.gif) right 50% no-repeat;
	padding-right: 10px;
}

.usrEditView {
	cursor: pointer;
	margin: -12px 0 0 -60px;
	*position: absolute;
	*margin: -13px 0 0 -610px;
}
/* -----------------------------------POPUP Core Functions ---------------------*/
html, body {
min-height: 100%;
height: auto !important;
height: 100%
}

#Popup_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
}

#Popup_overlay {
	position: absolute;
	z-index:100;
	top: 0px;
	left: 0px;
	background-color:#000;
}


#Popup_window {	border: 2px solid #cccccc;
	position: absolute;
	z-index:102;
	background: #ffffff;
}


#Popup_load{
	position: absolute;
	display:none;
	height:100px;
	width:100px;
	z-index:101;
}

#Popup_HideSelect{
	z-index:99;
	position:absolute;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
}

#Popup_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
}

/* IE6 */
* html #Popup_iframeContent {
	margin-bottom:1px;
}