/* general reset */
* { font-size:100.01%;}
html { font-size:75.0075%;}
html, body{ height:100%;}
body{
	margin:0;
	min-width:776px;
	font:1em Arial, Helvetica, sans-serif;
	background:#cbe9fd url(../images/bg.gif) repeat-x;
}
a{
	color:#000;
	text-decoration:none;
}
a:hover{ text-decoration:underline;}
img{ border-style:none;}
form, fieldset{
	margin:0;
	padding:0;
	border:0;
}
/* main block */
#main{
	margin:0 auto;
	min-height:100%;
	width:776px;
	position:relative;
}
* html #main{ height:100%;}
/* logo */
.logo{
	position:absolute;
	z-index:9;
	top:7px;
	left:23px;
	margin:0;
	text-indent:-9999px;
	width:163px;
	height:61px;
}
.logo a{
	display:block;
	height:100%;
	overflow:hidden;
	background:url(../images/logo.png);
}
/* header */
#header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100px;
	background: url(../images/header.gif) no-repeat;
	overflow:hidden;
}
#header .cont{
	float:left;
	width:576px;
}
/* nav */
#header .nav{
	overflow:hidden;
	height:1%;
}
#header .nav ul{
	margin:0;
	padding:0;
	list-style:none;
	float:right;
	font-size:18px;
	font-weight:bold;
}
#header .nav li{
	float:left;
	padding:0 0 0 18px;
}
#header .nav a{
	float:left;
	color:#666;
	padding:15px 7px 2px;
}
#header .nav a:hover,
#header .nav a.active{
	text-decoration:none;
	color:#fff;
	background-color:#66c;
}
/* search */
#header .search{
	overflow:hidden;
	height:1%;
	margin:15px 0 0;
}
#header .search .row{
	float:right;
}
#header .search .text{
	float:left;
	color:#96999c;
	font:14px/17px Arial, Helvetica, sans-serif;
	border:1px solid #ccc;
	padding:2px 10px 3px 26px;
	width:212px;
	margin:3px 5px 0 0;
}
#header .search .button{
	float:left;
}
/* user */
#header .user-block{
	float:right;
	width:175px;
	font-size:15px;
	line-height:19px;
	color:#666;
	padding:6px 0 0;
}
#header .user-block a{ color:#666;}
#header .user-block .wellcome{
	display:block;
	color:#66c;
}
#header .user-block ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
#header .user-block li{
	float:left;
	width:100%;
}
#header .user-block li a{
	float:left;
}
#header .user-block .inbox{
	float:left;
	margin:0 0 0 7px;
	width:28px;
	text-align:center;
	background: url(../images/inbox.gif) no-repeat 0 50%;
	font-size:12px;
}
#header .user-block .red{
	color:#ff000a;
	font-weight:bold;
}
/* setup header */
.setup #header{ background: url(../images/setup-header.gif) no-repeat;}
/* login */
#header .login{
	float:right;
	width:565px;
	color:#666;
	padding:22px 0 0;
}
#header .login .form{
	overflow:hidden;
	width:100%;
	padding:10px 0 0;
}
#header .login label{
	float:left;
	font:bold 12px/24px Arial, Helvetica, sans-serif;
	margin:3px 8px 0 0;
}
#header .login .text{
	float:left;
	margin:3px 14px 0 0;
	border:1px solid #ccc;
	padding:3px 5px 4px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
#header .login .password{ margin:3px 3px 0 0;}
#header .login .button{ float:left;}
/* title */
#header .login .title{
	display:block;
	font-size:18px;
}
/* center */
#center{
	padding:100px 0 180px;
	width:100%;
	/*overflow:hidden;*/
}
#center h2{
	margin:0;
	font-size:1.334em;
	color:#66c;
	padding:0 0 0 9px;
}
/* breadcrumbs */
.breadcrumbs{
	overflow:hidden;
	height:1%;
	color:#666;
	padding:0 0 0 11px;
	background: url(../images/breadcrumbs-left.gif) no-repeat 8px 50%;
}
.breadcrumbs ul{
	margin:0;
	padding:0 3px 0 0;
	list-style:none;
	float:left;
	background: url(../images/breadcrumbs-right.gif) no-repeat 100% 50%;
}
.breadcrumbs li{
	display:inline;
}

.breadcrumbs a{
	color:#666;
	padding:0 9px 0 0;
	background: url(../images/breadcrumb.gif) no-repeat 100% 50%;
}
.content-holder{
	height:1%;
}
.content-holder:after{
	content:"";
	display:block;
	clear:both;
}
/* content */
.content{
	margin:3px 0 0;
	float:left;
	width:576px;
	background: url(../images/content.jpg) no-repeat 4px 1px;
}
.inner .content{ background:none;}
/* product */
.product{
	width:590px;
	margin:10px -15px -4px 0;
	padding:0;
	list-style:none;
	text-align:center;
}
.product:after{
	content:"";
	display:block;
	clear:both;
}
.product li{
	float:left;
	position:relative;
	width:182px;
	background: url(../images/product.gif) repeat-y;
	margin:0 13px 0 0;
}
.product li.active{ background: url(../images/product-active.gif) repeat-y;}
.product li.active-green{ background: url(../images/product-active-green.gif) repeat-y;}
.product li .btn{
	position:absolute;
	width:84px;
	height:84px;
	text-indent:-9999px;
	overflow:hidden;
	background-color:#f00;
	left:-14px;
	top:-13px;
}
.product li .used{ background: url(../images/used-btn.png) no-repeat;}
.product li .busy{ background: url(../images/howto-btn.png) no-repeat;}
.product li .giveaway{ background: url(../images/give-away-button.png) no-repeat;}
.product li .cont{
	overflow:hidden;
	background: url(../images/product-cont.gif) no-repeat;
	padding:9px 15px 4px 9px;
	overflow:hidden;
	width:158px;
	min-height:179px;
}
* html .product li .cont{
	overflow:visible;
	height:179px;
}
/* added by John */
.product li .cont .pic{
	background-color: #DDD;
	width: 158px;
	height: 130px;
}
.product li.active .cont{ background: url(../images/product-active-cont.gif) no-repeat;}
.product li.active-green .cont{ background: url(../images/product-active-cont-green.gif) no-repeat;}
.product li .foot{
	background: url(../images/product-foot.gif) no-repeat;
	height:12px;
	overflow:hidden;
}
.product li.active .foot{ background: url(../images/product-active-foot.gif) no-repeat;}
.product li.active-green .foot{ background: url(../images/product-active-foot-green.gif) no-repeat;}
.product img{
	display:block;
	/* added by john */
	margin-left:auto;
	margin-right:auto;
}
.product .info{
	width:100%;
	overflow:hidden;
        /* added by john */ 
        position:absolute;
        left:-3px;
        bottom:16px; 
}
.product .title{
	display:block;
	font-size:1.084em;
	color:#717ac1;
	margin:5px 0 0;
}
.product .title a{ color:#717ac1;}
.product p{
	margin:0;
	line-height:1.167em;
}
/* pager */
.pager{
	overflow:hidden;
	height:1%;
	margin:4px 0 0;
	padding:13px 12px 0 3px;
	background: url(../images/content.jpg) no-repeat 4px 0;
}
/* actions */
.pager .actions{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
	font-size:1.167em;
	line-height:1.715em;
}
.pager .actions li{
	float:left;
	margin:0 11px 0 0;
}
.pager .actions a{
	float:left;
	color:#666;
	padding:0 10px 0 30px;
}
.pager .actions a.image-view{ background: url(../images/image-view.gif) no-repeat 1px 1px;}
.pager .actions a.list-view{ background: url(../images/list-view.gif) no-repeat 1px 1px;}
.pager .actions a:hover,
.pager .actions a.active{
	text-decoration:none;
	background-color:#9cf !important;
}
/* page nav */
.pager .page-nav{
	float:right;
	font-size:1.167em;
	line-height:1.429em;
	text-align:center;
}
.pager .page-nav .holder{
	float:left;
}
.pager .total{
	display:block;
	clear:both;
	color:#5b5557;
	padding:4px 0 0;
}
.pager .page-nav a{ color:#666;}
.pager .page-nav .next,
.pager .page-nav .prev{
	float:left;
	border:1px solid #b6d1e3;
	background-color:#fff;
	padding:0 6px;
}
.pager .page-nav ul{
	margin:0;
	padding:0 20px 0 26px;
	list-style:none;
	float:left;
}
.pager .page-nav li{
	float:left;
	margin:0 6px 0 0;
}
.pager .page-nav li a{ float:left;}
.pager .page-nav li span{
	color:#fff;
	border:1px solid #66c;
	background-color:#6a6cce;
	float:left;
	padding:0 6px;
}
.pager .page-nav li a span{
	color:#666;
	border:1px solid #b6d1e3;
	background-color:#fff;
	cursor:pointer;
}
/* sidebar */
.sidebar{
	float:right;
	width:174px;
	padding:0 12px 0 0;
}
.sidebar .head{
	margin:15px 0 0;
	overflow:hidden;
	height:1%;
	color:#fff;
	background-color:#66c;
	padding:0 5px;
}
.sidebar .head h3{
	float:left;
	margin:0;
	font-size:1.5em;
	line-height:1.389em;
}
.sidebar .head .ext{
	float:right;
	background-color:#fff;
	color:#66c;
	font-weight:bold;
	border:1px solid #5d5db8;
	font-size:0.917em;
	line-height:1.364em;
	padding:0 6px;
	margin:4px 0 0;
}
/* first block */
.sidebar .first-block{
	overflow:hidden;
	width:183px;
	margin:4px -9px -3px 0;
	background: url(../images/first-block.gif) repeat-y;
}
.sidebar .first-block-cont{
	overflow:hidden;
	height:1%;
	background: url(../images/first-block-cont.gif) no-repeat;
	padding:4px 20px 2px 10px;
}
.sidebar .first-block-foot{
	height:15px;
	overflow:hidden;
	background: url(../images/first-block-foot.gif) no-repeat;
}
.sidebar .first-block h2{
	margin:0 0 0 -2px !important;
	width:156px;
	background: url(../images/sideblock-head.gif) no-repeat 0 100%;
	padding:0 0 5px !important;
	font-size:1.5em !important;
}
.sidebar .first-block ul{
	margin:3px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	color:#f00;
}
.sidebar .first-block li{
	float:left;
	width:100%;
	margin:1px 0 0;
}
.sidebar .first-block .go{
	float:left;
	font-size:0.917em;
	line-height:1.364em;
	color:#66c;
	font-weight:bold;
	border:1px solid #e6e6e6;
	margin:0 3px 0 0;
	padding:0 3px 0 5px;
}
.sidebar .first-block li span{
	float:left;
	line-height:1.417em;
}
/* requets */
.sidebar .requests{
	margin:0;
	padding:0 0 17px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.sidebar .requests li{
	float:left;
	width:100%;
	margin:9px 0 0;
}
.sidebar .requests img{
	float:left;
}
.sidebar .requests .info{
	float:right;
	width:115px;
	color:#5b5557;
	line-height:1.167em;
	margin:3px 0 0;
}
.sidebar .requests .title{
	display:block;
	font-size:1.084em;
	color:#717ac1;
}
.sidebar .requests .title a{ color:#717ac1;}
.sidebar .requests p{ margin:0;}
.sidebar .requests .actions{
	overflow:hidden;
	width:117px;
	margin:5px 0 0 -2px;
	position:relative;
}
.sidebar .requests .actions a{
	float:left;
	font-size:0.917em;
	line-height:1.364em;
	font-weight:bold;
	background-color:#fff;
	color:#66c;
	border:1px solid #b6d1e3;
	padding:0 2px 0 4px;
}
/* buddies */
.sidebar .buddies{
	overflow:hidden;
	height:1%;
	padding:0 0 16px;
}
.sidebar .buddies ul{
	margin:3px -8px 0 0;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:182px;
}
.sidebar .buddies li{
	float:left;
	margin:7px 7px 0 0;
}
.sidebar .buddies img{ display:block;}
.sidebar .buddies .all{
	overflow:hidden;	
	height:1%;
	margin:9px 0 0;
}
.sidebar .buddies .all a{
	float:left;
	font-size:0.917em;
	line-height:1.273em;
	border:1px solid #b4cfe0;
	color:#66c;
	font-weight:bold;
	padding:0 6px 0 15px;
	background:#fff url(../images/show-all.gif) no-repeat 5px 4px;
}
/* tribes */
.sidebar .tribes{
	margin:0;
	padding:0 0 20px;
	list-style:none;
	overflow:hidden;
	width:100%;
	color:#5b5557;
}
.sidebar .tribes a{ color:#717ac1;}
.sidebar .tribes li{
	float:left;
	width:100%;
	line-height:1.167em;
	margin:10px 0 0;
}
.sidebar .tribes .title{
	display:block;
	font-size:1.084em;
}
.sidebar .tribes p{ margin:0;}
/* links */
.sidebar .links{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
	line-height:1.5em;
}
.sidebar .links li{
	float:left;
	width:100%;
}
.sidebar .links a{
	display:block;
	padding:0 6px;
	position:relative;
	height:1%;
	color:#666;
}
.sidebar .links a:hover,
.sidebar .links a.active{
	text-decoration:none;
	background-color:#9cf;
}
.sidebar .links ul{
	margin:0 0 0 17px;
	padding:0;
	border-left:1px solid #999;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.sidebar .recent{
	overflow:hidden;
	height:1%;
	margin:4px 0 0;
}
.sidebar .recent .head{ background-color:#393;}
.sidebar .recent-list{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.sidebar .recent-list li{
	float:left;
	width:100%;
	margin:6px 0 0;
}
.sidebar .recent-list img{
	float:left;
	margin:2px 0 0;
}
.sidebar .recent-list .cont{
	float:right;
	width:134px;
}
.sidebar .recent-list p{
	margin:0;
	color:#666;
	font-size:.917em;
	line-height:1.182em;
}
.sidebar .recent-list .more{
	overflow:hidden;
	width:142px;
	margin:2px -8px 0 0;
}
.sidebar .recent-list .more a{
	float:left;
	margin:0 8px 0 0;
	color:#66c;
	font-size:.917em;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 5px;
	white-space:nowrap;
}
.sidebar p{
	color: #666;
}
/* manage page */
.manage-holder{
	width:560px;
	overflow:hidden;
	padding:2px 0 0 5px;
}
.manage-holder2{
	width:776px;
	overflow:hidden;
	padding:5px 0 0;
}
/* first manage block */
.manage-block{
	overflow:hidden;
	height:1%;
	padding:0 0 24px;
}
/* head of manage block */
.manage-block .head{
	overflow:hidden;
	background:#66c url(../images/first-opener-close.gif) no-repeat 5px 50%;
	color:#fff;
	padding:0 5px 3px 21px;
	width:534px;
}
.manage-holder2 .manage-block .head{
	overflow:hidden;
	background:#66c url(../images/first-opener-close.gif) no-repeat 5px 50%;
	color:#fff;
	padding:0 5px 3px 21px;
	width:737px;
	margin:0 0 0 5px;
}
.manage-holder2 .open .head,
.manage-holder .open .head{ background:#66c url(../images/first-opener-open.gif) no-repeat 5px 50%;}
.manage-block .head h2{
	margin:0;
	font-size:1.5em;
	line-height:1.389em;
	float:left;
}
.manage-block .head h2 a{ color:#fff;}
.manage-block .head .add-item{
	float:right;
	font-size:0.917em;
	line-height:1.364em;
	font-weight:bold;
	border:1px solid #5c5cb8;
	background-color:#fff;
	margin:4px 0 0;
	padding: 0 8px;
	color:#66c;
}
/* first level slider */
.manage-cont{
	position: relative;
	overflow:hidden;
	width: 100%;
	display:none;
}
.open .manage-cont{ display:block;}
/* second level block */
.manage-item{
	margin:4px 0 0;
}
/* second level head */
.manage-holder .open .manage-item .head{
	background:#9cf url(../images/second-opener-close.gif) no-repeat 6px 50%;
	line-height:1.667em;
	padding-bottom:0;
}
.manage-holder .open .open .head{ background:#9cf url(../images/second-opener-open.gif) no-repeat 6px 50%;}
.manage-item .head h3{
	float:left;
	margin:0;
	font-weight:normal;
}
.manage-item .head h3 a{ color:#666;}
.manage-item .head .ext{
	float:right;
	color:#f00;
}
/* second level slider */
.open .manage-item-cont{
	position: relative;
	display:none;
	overflow:hidden;
	width: 100%;
}
.open .open .manage-item-cont{ display:block;}
/* manage content */
.item-link{
	display:block;
	margin:8px 0 2px 12px;
	font-size:1.333em;
	line-height:1.063em;
}
.item-link a{
	color:#666;
}
.item-box{
	width:100%;
	position:relative;
	overflow:hidden;
	background:url(../images/image-box.gif) repeat-y;
}
.item-box .t{
	width:100%;
	padding:12px 0 0;
	overflow:hidden;
	background:url(../images/image-box-t.gif) no-repeat;
}
.item-box .b{
	height:1%;
	padding:0 12px 14px 15px;
	background:url(../images/image-box-b.gif) no-repeat 0 100%;
}
.item-box .b:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}
a.close{
	position:absolute;
	top:3px;
	right:11px;
	width:23px;
	height:24px;
	outline:none;
	text-indent:-9999px;
	background:url(../images/btn-close.gif) no-repeat;
}
.manage-product{
	margin:6px 0 4px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	background: url(../images/product-separator.gif) repeat-y 279px 0;
}
.manage-product li{
	float:left;
	width:260px;
	padding:0 13px 0 6px;
}
.manage-product .manage-image-wrap{
  text-align: center;
	float:left;
	width:75px;
	height:62px;
	padding:4px 11px 14px 4px;
	background: url(../images/product-shadow.gif) no-repeat;
}
.manage-product img{
/*	float:left;
	width:75px;
	height:62px;
	padding:4px 11px 14px 4px;
	background: url(../images/product-shadow.gif) no-repeat; */
}
.manage-product img.person{
	float:left;
	width:50px;
	height:50px;
	padding:4px;
}
img.person-50{
	float:left;
	padding:3px;
}
/* product info */
.manage-product-info{
	float:right;
	width:170px;
	line-height:1.167em;
	color:#5b5557;
	margin:3px 0 0;
}
.manage-product-info .title{
	display:block;
	font-size:1.084em;
	color:#717ac1;
}
.manage-product-info .title a{ color:#717ac1;}
.manage-product-info p{ margin:0;}
.manage-product-info .important{
	font-weight:normal;
	color:#f00;
}
/* actions */
.manage-product-info .actions{
	overflow:hidden;
	height:1%;
	margin:2px 0 0;
}
.manage-product-info .actions a{
	float:left;
	margin:0 7px 0 0;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.manage-product-info .actions a.frent{
	border-style:none;
	margin-top:1px;
	color:#fff;
	background-color:#393;
}
.manage-product-info .actions a.open-modal{
	border-style:none;
	margin-top:1px;
	color:#fff;
	background-color:#393;
}
/* show all */
.manage-item-cont .all{
	overflow:hidden;	
	width: 100%;
	margin:-5px 0 0;
	padding:0 6px;
	position:relative;
}
.manage-item-cont .all a{
	float:left;
	font-size:0.917em;
	line-height:1.273em;
	border:1px solid #b4cfe0;
	color:#66c;
	font-weight:bold;
	padding:0 6px 0 15px;
	background:#fff url(../images/show-all.gif) no-repeat 5px 4px;
}
/* manage person */
.manage-person{
	margin:6px 0 4px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
	background: url(../images/product-separator.gif) repeat-y 279px 0;
}
.manage-person li{
	float:left;
	width:260px;
	padding:0 13px 0 6px;
	margin: 0 0 10px 0;
}
.manage-person img{
	float:left;
	padding: 3px;
}
/* people-page-info*/
.manage-person-info{
	float:right;
	width:200px;
	line-height:1.167em;
	color:#5b5557;
	margin:3px 0 0;
}
.manage-person-info .title{
	display:block;
	font-size:1.084em;
	color:#717ac1;
}
.manage-person-info .title a{ color:#717ac1;}
.manage-person-info p{ margin:0;}
.manage-person-info .important{
	font-weight:normal;
	color:#f00;
}
/* actions */
.manage-person-info .actions{
	overflow:hidden;
	height:1%;
	margin:2px 0 0;
}
.manage-person-info .actions a{
	float:left;
	margin:0 7px 0 0;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.manage-person-info .actions a.frent{
	border-style:none;
	margin-top:1px;
	color:#fff;
	background-color:#393;
}
/* manage message */
.manage-message{
	margin:6px 0 4px;
	padding:0;
	list-style:none;
	overflow:hidden;
	width:100%;
}
.manage-message li{
	float:left;
	width:538px;
	padding:5px 13px 5px 6px;
	margin: 0 0 10px 0;
	border: 1px solid #fff;
}
.manage-message li.newfmail{
	float:left;
	width:538px;
	padding:5px 13px 5px 6px;
	margin: 0 0 10px 0;
	background-color: #fff;
}
.manage-message img{
	float:left;
	width:50px;
	height:50px;
	padding: 2px;
	margin: 1px;
}
/* manage-page-message-info*/
.manage-message-info{
	float:right;
	width:460px;
	line-height:1.167em;
	color:#5b5557;
	margin:3px 0 0;
}
.manage-message-info .title{
	display:block;
	font-size:1.084em;
	color:#717ac1;
}
.manage-message-info .title a{ color:#717ac1;}
.manage-message-info p{ margin:0;}
.manage-message-info .important{
	font-weight:normal;
	color:#f00;
}
/* actions */
.manage-message-info .actions{
	overflow:hidden;
	height:1%;
	margin:2px 0 0;
}

.manage-message-info .actions a{
	float:left;
	margin:0 7px 0 0;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.manage-message-info .actions a.frent{
	border-style:none;
	margin-top:1px;
	color:#fff;
	background-color:#393;
}

.manage-message-load .actions{
	overflow:hidden;
	height:1%;
	margin:2px 0 0;
}
.manage-message-load .actions a{
	float:left;
	margin:0 7px 0 0;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.manage-message-load .actions2 a{
	float:left;
	margin:0 7px 0 0;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}

.sidebar .requests .info .actions a.frent{
	padding: 1px 5px 0 5px;
	margin-right: 10px;
	border-style:none;
	color:#fff;
	background-color:#393;
}
/* home3 page */
/* user block */
.content-holder .user-block{
	overflow:hidden;
	height:1%;
	padding:4px 9px 15px 4px;
	background: url(../images/user-border.jpg) no-repeat 4px 100%;
}
.content-holder .user-block img{
	float:left;
}
.content-holder .user-block .cont{
	float:right;
	width:690px;
	padding:10px 0 0;
}
.content-holder .user-block h2{
	padding:0 !important;
}
.content-holder .user-block h2 a{ color:#66c;}
.content-holder .user-block .actions{
	width:100%;
	overflow:hidden;
	background-color:#9accff;
	padding:0 0 4px;
	margin:2px 0 0;
}
.content-holder .user-block .actions ul{
	overflow:hidden;
	height:1%;
	margin:0;
	padding:0;
	list-style:none;
}
.content-holder .user-block .actions li{
	float:left;
	padding:5px 16px 0 5px;
}
.content-holder .user-block .actions li a{
	float:left;
	font-size:0.917em;
	line-height:1.364em;
	background-color:#fff;
	font-weight:bold;
	color:#66c;
	border:1px solid #8bb8e6;
	padding:0 10px;
}
/* frenting holder */
.frenting-holder{
	overflow:hidden;
	height:1%;
	padding:0 9px 56px 5px;
}
.frenting-holder:after{
	content:"";
	display:block;
	clear:both;
}
/* head */
.frenting-holder .head{
	margin:15px 0 0;
	overflow:hidden;
	height:1%;
	color:#fff;
	background-color:#66c;
	padding:0 5px;
}
.frenting-holder .head h3{
	float:left;
	margin:0;
	font-size:1.5em;
	line-height:1.389em;
}
.frenting-holder .head .ext{
	float:right;
	background-color:#fff;
	color:#66c;
	font-weight:bold;
	border:1px solid #5d5db8;
	font-size:0.917em;
	line-height:1.364em;
	padding:0 6px;
	margin:4px 0 0;
}
/* frenting info */
.frenting-info{
	float:left;
	width:365px;
}
.frenting-info .stats{
	width:100%;
	background: url(../images/stats-separator.gif) repeat-y 76px 0;
	margin:10px 0 0;
}
.frenting-info .stats ul{
	margin:-9px 0 0;
	padding:0 0 0 6px;
	list-style:none;
	width:359px;
	float:left;
	font-size:1.167em;
	line-height:1em;
	color:#5b5557;
}
.frenting-info .stats:after,
.frenting-info .stats ul:after{
	content:"";
	display:block;
	clear:both;
}
.frenting-info .stats li{
	float:left;
	width:277px;
	padding:8px 0 10px 82px;
	min-height:42px;
	margin:9px 0 0;
	position:relative;
}
* html .frenting-info .stats li{ height:42px;}
.frenting-info .stats li.you-friends{ background: url(../images/you-friends.gif) no-repeat 24px 50%;}
.frenting-info .stats li.you-tribes{ background: url(../images/you-tribes.gif) no-repeat 15px 50%;}
.frenting-info .stats li.you-saved{ background: url(../images/you-saved.gif) no-repeat 2px 50%;}
.frenting-info .stats li.tribes-saved{ background: url(../images/tribes-saved.gif) no-repeat 1px 50%;}
.frenting-info .stats li.you-item{ background: url(../images/you-item.gif) no-repeat 10px 50%;}
.frenting-info .stats li.friend-item{ background: url(../images/friend-item.gif) no-repeat 12px 50%;}
.frenting-info .stats li.carbon{ background: url(../images/carbon.gif) no-repeat 16px 50%;}
.frenting-info .stats li.points{ background: url(../images/points.gif) no-repeat 10px 50%;}
.frenting-info .stats .num{
	position:absolute;
	top:50%;
	left:4px;
	margin:5px 0 0;
	width:38px;
	height:38px;
	background: url(../images/num.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}
.frenting-info .stats .title{
	display:block;
	position:relative;
}
.frenting-info .stats .title a{ color:#717ac1;}
.frenting-info .stats p{
	margin:0;
	position:relative;
}
/* recent action */
.recent-action .head{ background-color:#339e36;}
.recent-action{
	float:right;
	width:372px;
}
.recent-action ul{
	margin:0;
	padding:0 0 20px;
	list-style:none;
	background: url(../images/user-border.jpg) no-repeat 0 100%;
}
.recent-action ul ul{
	padding:0;
	background:none;
}
.recent-action li{
	position:relative;
	padding:0 0 0 62px;
	min-height:58px;
	margin:10px 0;
}
* html .recent-action li{ height:58px;}
.recent-action li img{
	position:absolute;
	bottom:0;
	left:-62px;
}
.recent-action li li img{
	top:auto;
	bottom:0;
}
.recent-action .cont{
	width:100%;
	background: url(../images/message-left-corner.gif) no-repeat;
}
.recent-action .proposition .cont{ background: url(../images/propose-left-corner.gif) no-repeat;}
.recent-action .message{
	width:100%;
	background: url(../images/message-right-corner.gif) no-repeat 100% 0;
	padding:6px 0 0;
	position:relative;
}
.recent-action .proposition .message{ background: url(../images/propose-right-corner.gif) no-repeat 100% 0;}
.recent-action .message-wrapper{
	height:1%;
	background-color:#fff;
	border:solid #aeb0b3;
	border-width:0 1px;
	min-height: 36px;
	padding:0 9px;
}
.recent-action .proposition .message-wrapper{
	border:solid #11d711;
	border-width:0 2px;
	padding:0 8px;
	min-height: 36px;
}
.recent-action .message p{
	margin:-2px 0 -1px;
	color:#666;
	font-size:1.084em;
	line-height:1.334em;
}
.recent-action .message p a{ color:#6868b6;}
.recent-action .message-info{
	width:100%;
	background: url(../images/message-left-bottom.gif) no-repeat;
}
.recent-action .rounded .message-info{ background: url(../images/rounded-message-left-bottom.gif) no-repeat;}
.recent-action .proposition .message-info{ background: url(../images/propose-left-bottom.gif) no-repeat;}
.recent-action .message-info .holder{
	height:1%;
	background: url(../images/message-right-bottom.gif) no-repeat 100% 0;
	padding:8px 5px 0 10px;
}
.recent-action .message-info .holder:after{
	content:"";
	display:block;
	clear:both;
}
.recent-action .proposition .message-info .holder{ background: url(../images/propose-right-bottom.gif) no-repeat 100% 0;}
.recent-action .message-info .when{
	float:left;
	color:#666;
	font-size:0.917em;
	margin:1px 0 0;
}
.recent-action .message-info .action{
	float:right;
	font-weight:bold;
	color:#6868b6;
	font-size:1.084em;
}
.recent-action .proposition .message-info .action{ color:#2ea92e;}
.recent-action .more{
	overflow:hidden;
	height:1%;
	margin:10px 0 0;
}
.recent-action .more a{
	float:right;
	background-color:#fff;
	border:1px solid #b6d1e3;
	color:#66c;
	font-weight:bold;
	line-height:1.667em;
	padding:0 13px;
}
/* steps block */
.steps{
	overflow:hidden;
	height:1%;
	padding:2px 0 0 5px;
}
/* tabset */
.steps .tabset{
	margin:3px 0 0;
	padding:0;
	list-style:none;
	float:left;
	width:170px;
}
.steps .tabset li{
	float:left;
	width:100%;
}
.steps .tabset a{
	display:block;
	color:#666;
	position:relative;
	height:1%;
	padding:4px 8px 9px;
}
.steps .tabset a:hover {
	text-decoration: none;
}
.steps .tabset a.active{
	background-color:#66c;
	color:#fff;
	text-decoration:none;
}
.steps .tabset .title{
	display:block;
	cursor:pointer;
	font-size:1.334em;
}
.steps .tabset .ext{
	display:block;
	cursor:pointer;
	font-size:1.084em;
	line-height:1.308em;
	margin:-2px 0 0;
}
/* tabs */
.steps .tabs{
	float:right;
	width:578px;
}
/* info block */
.info-block{
	background: url(../images/info-block.gif) repeat-y;
}
.info-block .cont{
	overflow:hidden;
	height:1%;
	background: url(../images/info-block-cont.gif) no-repeat;
	padding:12px 23px 7px;
}
.info-block .footer{
	overflow:hidden;
	height:17px;
	background: url(../images/info-block-footer.gif) no-repeat;
}
/* hgroup */
.info-block .hgroup{
	overflow:hidden;
	height:1%;
	margin:0 -8px 0 -11px;
	padding:0 8px 0 11px;
}
#center .info-block .hgroup h2{
	margin:0 -8px 0 -11px;
	padding:4px 13px 3px;
	width:524px;
	color:#666;
	font-size:1.5em;
	line-height:1.223em;
	background-color:#9cf;
}
.info-block .hgroup .holder{
	overflow:hidden;
	width:531px;
	margin:9px 0 0;
	border-bottom:1px solid #ccc;
	padding:0 0 2px;
}
.info-block .hgroup .holder h3{
	margin:2px 0 0;
	float:left;
	color:#666;
	font-size:1.334em;
}
.info-block .hgroup .skip{
	float:right;
	border:1px solid #b2b2b2;
	padding:0 6px;
	color:#66c;
	font:bold 1.084em/1.385em Arial, Helvetica, sans-serif;
}
/* add items step */
.add-items{
	overflow:hidden;
	height:1%;
}
.item-box .add-items{
	overflow:visible;
}
.item-box .add-items:after{
	height: 0;
	clear: both;
	content:'';
	display: block;
}
.item-box .add-items input{margin:0;}
/*column1*/
.add-items .column1{
	width:380px;
	float:left;
	margin:-3px 0 0;
	padding:7px 0 4px;
	position:relative;
	border-right:1px solid #b2b2b2;
}
/*label*/
.add-items .bottom .row .checks label,
.add-items .column1 .row .checks label{
	float:left;
	font-size:1em;
	line-height:1.25em;
	margin:0;
	color:#666;
}
/*row*/
.add-items .column1 .row{margin:0 0 5px;}
.add-items .row{
	overflow:hidden;
	width: 100%;
	margin:7px 0 0;
}
/*label*/
.add-items .row label{
	float:left;
	line-height:22px;
	font-weight:bold;
	color:#666;
	margin:0 20px 0 10px;
}
.add-items .column1 .row label{margin:0 0 0 10px;}
/*input text*/
.add-items .row .text{
	float:left;
	border:1px solid #ccc;
	padding:4px 5px 3px;
	width:284px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
.add-items .row .text-num{
	float:left;
	border:1px solid #ccc;
	padding:4px 5px 3px;
	width:18px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
.add-items .row .value{ width:68px;}
.add-items .row .select{
	float:left;
	height:24px;
}
/*select*/
.add-items .row select{
	float:left;
	width:296px;
}
.add-items .row .select .quantity{ width:56px;}
.add-items .row .file{
	display:block;
	float:left; 
}
.add-items .row .file input{
	display:block;
	float:left;
}

.add-items .row .file label{
	float:left;
	display:block;
}

.add-items .row .button{
	float:left;
	width:95px;
	color:#000000;
	margin:0 0 0 -12px;
}
.add-items .row textarea{
	float:left;
	border:1px solid #ccc;
	overflow:auto;
	width:289px;
	padding-left:5px;
	height:45px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
/*checks*/
.add-items .checks{
	margin:0;
	padding:0;
	list-style:none;
}
.add-items .checks li{
	float:left;
	display:inline;
	margin:0 15px 0 7px;
}
.add-items .checks .radio,
.add-items .checks .checkbox{
	float:left;
	height:15px;
	margin:0 5px 0 0;
	width:16px;
	padding:0;
}
/*image box*/
.image-box{
	width:165px;
	float:left;
	margin:-3px 0 0;
	padding:0 0 4px;
	position:relative;
	border-right:1px solid #b2b2b2;
	text-align: center;
	font-color: #666;
}

.image-box p{
	margin:0;
	padding:0;
}

.image-box strong{
	color: #666;
}
.image-box a{
  color:#66c;
  text-decoration: none;
  font-weight:bold;
}

.image-box a:hover{
  font-weight:bold;
  color: #666;
}

.image-box .holder{
	width:141px;
	margin:2px 0 0 13px;
	overflow:hidden;
}
.image-box .holder .img{width:141px;}
/*label*/
.image-box label{
	color:#666666;
	font-weight:bold;
	line-height:14px;
	margin:0 0 0 40px;
}
/*column2*/
.add-items .column2{
	width:188px;
	float:left;
	margin:-3px 0 0 12px;
	padding:7px 0 0;
	display:inline;
}
/*row*/
.add-items .column2 .row{margin:0 0 5px;}
.add-items .column2 select.small{width:56px;}
/*textarea*/
.add-items .column2 .textarea{
	float:left;
	width:136px;
	height:76px;
	margin:0;
	padding:2px 0 0 5px;
	font-size:1.167em;
	line-height:1.21em;
}
.add-items .column2 .row label {margin:0 0 0 10px;}
/*bottom block*/
.add-items .bottom{
	display: none;
	width:100%;
	overflow:hidden;
	position: relative;
	padding:12px 0 0 17px;
	margin:7px 0 0;
	background:url(../images/border01.gif) no-repeat;
}
.add-items .bottom .row{margin:0 0 8px;}
.add-items .bottom .row label{margin:0 0 0 10px;}
.add-items .bottom select.middle{width:141px;}

/*label*/
.add-items .bottom .row .datepicker-holder label {
	float:left;
	margin-right:21px;
}
.add-items .bottom .row .datepicker-holder img{
	float:left;
	margin:2px 6px 0 42px;
	cursor:pointer;
}
/*buttons holder*/
.buttons-holder{
	height:1%;
	overflow:hidden;
	margin:3px 8px 0;
}
/*button cancel*/
.buttons-holder a.cancel{
	float:right;
	border:1px solid #b7d2e4;
	background-color:#fff;
	color:#66c;
	font-size:0.917em;
	line-height:1.363em;
	font-weight:bold;
	padding:0 6px 1px;
	margin:16px 0 0;
	clear:right;
}
.buttons-holder span{
	float:right;
	font-size:1em;
	line-height:1.417em;
	color:#666;
	margin:8px 0 0 10px;
	display:inline;
	font-weight:bold;
}
/*buttons*/
.buttons-holder .button{
	float:right;
	background-color:#66c;
	color:#fff;
	font:bold 1.5em/1.667em Arial,Helvetica,sans-serif;
	margin:0 0 0 10px;
	display:inline;
	padding:0 12px;
}
/*button add more*/
.buttons-holder .add{
	background:#66c url(../images/add.gif) no-repeat 7px 50%;
	padding:0 12px 0 22px;
}
/*button finish*/
.buttons-holder .finish{
	background:#66c url(../images/next.gif) no-repeat 100% 50%;
	padding:0 27px 0 12px;
}
/* buttons */
.info-block .buttons{
	overflow:hidden;
	height:1%;
	padding:8px 0 0;
	border-top:1px solid #ccc;
	margin:30px 0 0;
}
.info-block .buttons .holder{
	float:right;
}
.info-block .buttons label{
	float:left;
	margin:0 0 0 10px;
	line-height:2.5em;
	font-weight:bold;
}
.info-block .buttons .button{
	float:left;
	margin:0 0 0 10px;
	font:bold 1.5em/1.667em Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:#66c;
	padding:0 12px;
}
.info-block .buttons .add{
	padding:0 12px 0 22px;
	background:#66c url(../images/add.gif) no-repeat 7px 50%;
}
.info-block .buttons .next,
.info-block .buttons .finish{
	padding:0 27px 0 12px;
	background:#66c url(../images/next.gif) no-repeat 100% 50%;
}
.info-block .buttons input.next{
  color: #fff;
  font-weight:bold;
  font-size: 15px;
  line-height: 22px;
}
.info-block .buttons2{
  width: 100%;
  overflow: hidden;
}
.info-block .buttons2 .holder{
	float:right;
}
.info-block .buttons2 .next,
.info-block .buttons2 .finish{
	padding:0 27px 0 12px;
	background:#66c url(../images/next.gif) no-repeat 100% 50%;
}
.info-block .buttons2 input.next{
  color: #fff;
  font-weight:bold;
  font-size: 15px;
  line-height: 22px;
}
.info-block .buttons2 input.import{
  padding:0 12px;
  background-color:#66c;
  color: #fff;
  font-weight:bold;
  font-size: 15px;
  line-height: 22px;
}
/* address book */
.address-book{
	overflow:hidden;
	height:1%;
	margin:14px 0 0;
	padding:0 0 32px;
}
/* providers list */
.address-book .mail-provider{
	margin:0;
	padding:0 0 0 21px;
	list-style:none;
	float:left;
	width:110px;
}
.address-book .mail-provider li{
	float:left;
	width:100%;
	margin:0 0 4px;
}
.address-book .mail-provider input{
	float:left;
	margin:4px 3px 0 0;
	width:16px;
	height:15px;
}
.address-book .mail-provider label{ float:left;}
.address-book .mail-provider img{ display:block;}
/* account */
.address-book .account{
	float:right;
	width:389px;
	margin:5px 0 0;
}
.address-book .account .row{
	overflow:hidden;
	height:1%;
	margin:7px 0 0;
}
.address-book .account .text{
	float:left;
	border:1px solid #ccc;
	padding:4px 5px 3px;
	width:184px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
.address-book .account label{
	float:left;
	line-height:22px;
	font-weight:bold;
	color:#666;
	margin:0 20px 0 10px;
}
.address-book .account .notice{
	display:block;
	color:#666;
	width:260px;
	line-height:1.167em;
	margin:7px 0 0;
	padding:0 0 0 3px;
}
/* individual block */
.individual-block{
	overflow:hidden;
	height:1%;
	margin:8px 0 -16px;
}
.individual-block textarea{
	margin:0;
	float:left;
	overflow:auto;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
	border:1px solid #ccc;
	width:330px;
	height:59px;
	padding-left:5px;
}
.individual-block label{
	float:left;
	line-height:1.167em;
	font-weight:bold;
	color:#666;
	width:170px;
	margin:7px 0 0 8px;
}
/* customize block */
.customize-block{
	overflow:hidden;
	height:1%;
	color:#666;
	margin:6px 0 -19px;
}
.customize-block .title{
	display:block;
}
/* lists */
.customize-block .lists{
	overflow:hidden;
	height:1%;
	margin:6px 0 0;
}
.customize-block .lists ul{
	float:left;
	width:177px;
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
}
.customize-block .lists li{
	float:left;
	width:100%;
	padding:0 0 7px;
}
.customize-block .lists input{
	float:left;
	margin:0;
	width:16px;
	height:15px;
}
.customize-block .lists label{
	float:right;
	font-weight:bold;
	width:156px;
}
.customize-block .lists li ul{
	width:159px;
	padding:0 0 0 18px;
	margin:0 0 -6px;
}
.customize-block .lists li li{
	padding:0 0 3px;
}
.customize-block .lists li li label{
	font-weight:normal;
	width:140px;
}
.customize-block .lists textarea{
	float:left;
	overflow:auto;
	margin:3px 0 0 19px;
	border:1px solid #ccc;
	padding-left:5px;
	font:11px/13px Arial, Helvetica, sans-serif;
	color:#666;
	width:133px;
	height:143px;
}
/* first step */
.first-step{
	width:382px;
}
.first-step .info-block{ background: url(../images/fst-info-block.gif) repeat-y;}
.first-step .info-block .cont{ background: url(../images/fst-info-block-cont.gif) no-repeat;}
.first-step .info-block .footer{ background: url(../images/fst-info-block-footer.gif) no-repeat;}
.first-step .hgroup .holder{ width:336px;}
.first-step .hgroup h2{ width:327px !important;}
/* import block */
.import{
	overflow:hidden;
	height:1%;
	color:#666;
	margin:3px 0 0;
	padding:0 0 14px;
}
.import label{
	display:block;
	line-height:1.167em;
	width:195px;
}
.import input{
	display:block;
	margin:8px 0 0;
}
/* fashioned block */
.fashioned{
	overflow:hidden;
	height:1%;
	margin:0 0 -15px;
}
.fashioned .row{
	overflow:hidden;
	height:1%;
	margin:7px 0 0;
}
.fashioned .row .text{
	float:left;
	border:1px solid #ccc;
	padding:4px 5px 3px;
	width:184px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
.fashioned .row label{
	float:left;
	line-height:22px;
	font-weight:bold;
	color:#666;
	margin:0 20px 0 10px;
}
.fashioned .row .checkbox{
	float:left;
	width:16px;
	height:15px;
	margin:0;
}
.fashioned .agree label{
	font-weight:normal;
	line-height:1.25em;
	margin:0 0 0 5px;
}
.fashioned .agree a{
	color:#666;
	text-decoration:underline;
}
.fashioned .agree a:hover{ text-decoration:none;}
.fashioned ul.errorlist{
  list-style:none;
  color:#f00;
}
/* back button */
.tab .back{
	overflow:hidden;
	height:1%;
	font-size:1.084em;
	line-height:1.385em;
	font:bold 1.084em/1.385em Arial, Helvetica, sans-serif;
	padding:1px 0 0 3px;
}
.tab .back a{
	float:left;
	color:#66c;
	padding:0 0 0 15px;
	background: url(../images/btn-back.gif) no-repeat 0 50%;
}
.tab .back span{
	float:left;
	cursor:pointer;
	border:1px solid #8ea3b1;
	background-color:#fff;
	padding:0 5px 0 7px;
}
/* footer */
.footer-holder{
	width:100%;
	margin:-219px 0 0;
	height:148px;
	overflow:hidden;
	background: url(../images/footer-holder.jpg) no-repeat 50% 0;
	padding:71px 0 0;
}
.setup .footer-holder{
	height:33px;
	padding:121px 0 0;
	margin:-154px 0 0;
	background: url(../images/setup-footer-holder.gif) no-repeat 50% 0;
}
/* footer */
#footer{
	margin:0 auto;
	width:776px;
	overflow:hidden;
	position:relative;
}
#footer .holder{
	overflow:hidden;
	height:1%;
}
/* request block */
#footer .request{
	float:left;
	width:371px;
}
#footer .request img{
	float:left;
	margin:62px 0 0 4px;
}
#footer .request .cont{
	float:right;
	width:293px;
	padding:5px 8px 0 13px;
	background: url(../images/request.gif) no-repeat;
}
#footer .request .title{
	display:block;
	font-size:18px;
	color:#66c;
}
#footer .request .form{
	margin:9px 0 0;
}
#footer .request .row{
	margin:2px 0 0;
	overflow:hidden;
	height:1%;
}
#footer .request label{
	float:left;
	font-size:12px;
	color:#666;
	line-height:24px;
}
#footer .request .text{
	float:right;
	border:1px solid #ccc;
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#96999c;
	padding:2px 15px 3px 10px;
}
#footer .request .am .text{ width:236px;}
#footer .request .am{
  max-height:50px;
}
#footer .request .need .text{ width:203px;}
#footer .request .button{
	float:right;
	border:0;
	background:none;
	width:48px;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#fff;
	margin:8px 0 0;
}
/* tip */
#footer .tip{
	float:right;
	width:372px;
	padding:28px 9px 0 0;
	color:#fff;
}
#footer .tip .title{
	display:block;
	font-size:18px;
	padding:0 0 1px;
	border-bottom:1px solid #9bd09c;
}
#footer .tip p{
	margin:2px 0 0;
	font-size:12px;
	line-height:14px;
}
#footer ul{
	margin:13px 0 0 -10px;
	padding:0;
	list-style:none;
	font-size:11px;
	text-align:center;
	width:786px;
	overflow:hidden;
}
#footer li{
	display:inline;
	padding:0 24px;
}
#footer li a{
	color:#fff;
	white-space:nowrap;
}
/* popup */
#popup-shadow{
	width:100%;
	min-width:776px;
	background: url(../images/shadow.png);
	background-repeat: no-repeat;
	position:absolute;
	top:0;
	left:0;
	/*z-index:100;*/
	display:none;
}
#popup{
	/*position:absolute !important;
	left:-9999px;
	top:-9999px;*/
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -320px;
	width:640px;
	z-index: 999;
	display:none;
}
/* close button */
#popup .close{
	position:absolute;
	overflow:hidden;
	text-indent:-9999px;
	height:51px;
	width:51px;
	background: url(../images/popup-close.png) no-repeat;
	top:-15px;
	right:-19px;
}
.popup-holder{
	background-color:#cbe9fd;
	overflow:hidden;
	height:1%;
	padding:23px 25px 19px;
	color:#666;
}
/* main head */
#popup .hgroup{
	overflow:hidden;
	height:1%;
	background: url(../images/popup-pager-separator.gif) no-repeat 50% 100%;
	padding:0 0 9px;
}
#popup .hgroup h2{
	margin:0;
	float:left;
	font-size:1.334em;
	color:#66c;
}
/* edit button */
#popup .hgroup .ext{
	float:left;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:2px 0 0 9px;
}
/* pager */
#popup .pager{
	overflow:hidden;
	width:622px;
	margin:0 -16px;
	padding:11px 0 0;
	list-style:none;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	background: url(../images/popup-pager-separator.gif) no-repeat 50% 0;
}
#popup .pager .prev{ float:left;}
#popup .pager .next{ float:right;}
#popup .pager a{
	float:left;
	color:#66c;
}
#popup .pager .prev a{
	padding:0 0 0 16px;
	background: url(../images/prev-popup.gif) no-repeat 0 50%;
}
#popup .pager .next a{
	padding:0 16px 0 0;
	background: url(../images/next-popup.gif) no-repeat 100% 50%;
}
#popup .pager a span{
	float:left;
	cursor:pointer;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
}
/* item */
#popup .item{
	overflow:hidden;
	height:1%;
	margin:5px 0 0 -3px;
	padding:0 0 0 3px;
}
/* item content */
.item-content{
	float:left;
	display:inline;
	width:270px;
	padding:0 10px 0 3px;
	margin:0 0 0 -3px;
}
.item-content .actions{
	text-align: center;
}
.item-content .actions a{
	margin:0 7px 0 0;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.item-content .actions a.frent{
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	border-style:none;
	margin-top:1px;
	color:#fff;
	background-color:#393;
}
/* item block */
.item-block{
	width:283px;
	margin:0 -10px 0 -3px;
	background: url(../images/item-block.gif) repeat-y;
}
.item-block .cont{
	background: url(../images/item-block-cont.gif) no-repeat;
	padding:13px 21px 5px 14px;
	overflow:hidden;
	height:1%;
}
.item-block .footer{
	background: url(../images/item-block-foot.gif) no-repeat;
	height:12px;
	overflow:hidden;
}
.item-block img{
	display:block;
	border:1px solid #c6c9cb;
}
.item-block .edit{
	overflow:hidden;
	height:1%;
	margin:6px 0 0;
}
.item-block .edit a{
	float:right;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #cfcfcf;
	padding:0 10px 0 7px;
	margin:4px 0 0;
}
/* item form */
.item-form{
	overflow:hidden;
	height:1%;
	margin:9px 0 17px;
}
.item-form .row{
	overflow:hidden;
	width:100%;
	margin:3px 0 0;
}
.item-form label{
	float:left;
	width:95px;
	padding:0 11px 0 0;
	text-align:right;
	overflow:hidden;
}
.required{ color:#f00;}
.item-form .text{
	float:left;
	color:#666;
	font:14px/17px Arial, Helvetica, sans-serif;
	padding:2px 7px 3px;
	width:84px;
	border:1px solid #ccc;
}
.item-form img{
	float:left;
	border:0;
	margin:1px 0 0 5px;
}
.item-form select{
	float:left;
	width:54px;
}
.item-form textarea{
	overflow:auto;
	margin:0 -10px 0 0;
	color:#96999c;
	font:12px/17px Arial, Helvetica, sans-serif;
	padding-left:7px;
	width:132px;
	border:1px solid #ccc;
	float:left;
	height:86px;
}
/* send message */
.send-message{
	overflow:hidden;
	width:270px;
	margin:-29px -10px 0 0;
	position:relative;
	padding:0 10px 0 0;
}
.send-message .send{
	float:left;
	font:bold 13px/18px Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #cfcfcf;
	padding:0 4px;
	margin:28px 0 0 7px;
}
.send-message strong.or{
	float:left;
	font-size:12px;
	margin:28px 3px 0 5px;
}
.send-message .frent-me{
	overflow:hidden;
	width:85px;
	height:84px;
	text-indent:-9999px;
	background: url(../images/frent-me.jpg) no-repeat;
	float:right;
}
.send-message p{
  margin-top: 30px;
}
/* request to borrow */
.request-borrow{
	width:283px;
	margin:0 -10px 6px -3px;
	background: url(../images/request-borrow.gif) repeat-y;
}
.request-borrow .cont{
	background: url(../images/request-borrow-cont.gif) no-repeat;
	padding:7px 23px 3px 12px;
}
.request-borrow .footer{
	background: url(../images/request-borrow-foot.gif) no-repeat;
	height:16px;
	overflow:hidden;
}
/* head */
.request-borrow .head{
	background: url(../images/requests-head.jpg) no-repeat 50% 100% !important;
	padding:0 0 5px !important;
}
.request-borrow .head h3{
	color:#66c;
}
.request-borrow ul{
	margin:2px 0 0;
	padding:0 0 0 1px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.request-borrow li{
	float:left;
	width:100%;
	margin:1px 0 0;
}
.request-borrow .go{
	float:left;
	font:bold .917em/1.25em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #cfcfcf;
	padding:0 8px 1px;
}
.request-borrow .request{
	float:left;
	color:#f00;
	margin:0 0 0 3px;
}
/* borrowers */
.borrowers{
	overflow:hidden;
	height:1%;
	padding:5px 0 0;
}
.borrowers table{ width:100%;}
.borrowers table,
.borrowers td,
.borrowers th,
.borrowers tr{
	margin:0;
	padding:0;
	border-collapse:collapse;
	text-align:left;
}
.borrowers tr.header{ background: url(../images/popup-pager-separator.gif) no-repeat 100% 100%;}
.borrowers tr.header th{
	padding:0 0 7px;
}
.borrowers td{ line-height:1.5em;}
.borrowers .returned{
	float:right;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #cfcfcf;
	padding:0 8px;
}
/* item info */
#popup .item-info{
	float:right;
	width:298px;
}
#popup .item-info .basic-info ul.actions{
  list-style: none;
  text-align: center;
}
#popup .item-info .basic-info .actions li.action{
  border: 1px solid #ccc;
  background: #fff;
  color: #66c;
  padding: 2px;
  margin: 2px;
}
#popup .item-info .basic-info .actions li.action a{
  color: #66c;
  font-weight: bold;
}
/* head */
#popup .head{
	overflow:hidden;
	height:1%;
	background-color:#66c;
	color:#fff;
	padding:0 5px 3px;
}
#popup .head h3{
	margin:0;
	float:left;
	font-size:1.5em;
}
#popup .head .ext{
	float:right;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #5d5db8;
	padding:0 10px 0 7px;
	margin:4px 0 0;
}
/* basic info */
.basic-info{
	overflow:hidden;
	height:1%;
	padding:0 0 7px;
}
.basic-info dl{
	overflow:hidden;
	height:1%;
	line-height:1.584em;
	margin:3px 0 0 3px;
}
.basic-info dt{
	float:left;
	font-weight:bold;
}
.basic-info dd{
	float:right;
	margin:0;
	width:197px;
}
.basic-info .text{
	float:left;
	padding:1px 8px;
	border:1px solid #a2baca;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
.basic-info .located{ width:35px;}
.basic-info .value{ width:48px;}
.basic-info .select{
	float:left;
	height:24px;
}
.basic-info .quantities{
	overflow:hidden;
	height:1%;
	margin:-3px 0 0;
}
.basic-info .quantity{
	float:left;
	width:100%;
	margin:3px 0 0;
}
.basic-info select{
	float:left;
	width:197px;
}
.basic-info .quantity select{ width:44px;}
.basic-info .quantity span.label {
	float:left;
	margin:0 0 0 5px;
}
.basic-info .quantity span.non-edit{ margin:0;}
.basic-info textarea{
	float:left;
	margin:0;
	border:1px solid #a3bbcc;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
	overflow:auto;
	padding-left:5px;
	width:190px;
	height:43px;
}
.basic-info .text-block{
	overflow:hidden;
	height:1%;
	position:relative;
	padding:0 0 18px;
	line-height:1.25em;
}
.basic-info .text-block .edit-tags{
	position:absolute;
	right:0;
	bottom:15px;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:4px 0 0;
}
.basic-info .edititemnotes{
  overflow: hidden;
  max-width: 150px;
}
/* history */
#popup .recent-action{
	width:100%;
	padding-bottom:23px;
}
#popup .recent-action ul{ background:none;}
#popup .recent-action .message{ padding-bottom:2px;}
#popup .recent-action .message p{
	font-size:1em;
	line-height:1.167em;
}
.recent-action .message .message-wrapper{ overflow:hidden;}
.recent-action .message .message-wrapper img{
	position:relative !important;
	float:right;
	bottom:auto;
	left:auto;
}
.recent-action .comment{
	float:right;
	border:1px solid #b7d2e4;
	background-color:#fff;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	padding:0 6px;
}
/* actions */
#popup .recent-action .actions{
	overflow:hidden;
	height:1%;
	margin:-9px 0 0;
	border-top:1px solid #a2baca;
	padding:5px 0 0;
}
#popup .recent-action .actions a{
	float:left;
	border:1px solid #b7d2e4;
	background-color:#fff;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	padding:0 6px;
}
#popup .recent-action .actions a.make-comment{ float:right;}
/* messages list */
.messages{
	overflow:hidden;
	padding:5px 0 6px 6px;
}
.messages-head{
	overflow:hidden;
	height:1%;
}
.messages-head .actions{
	margin:0;
	padding:0;
	list-style:none;
	float:left;
}
.messages-head .actions li{
	float:left;
	margin:0 7px 0 0;
}
.messages-head .actions a{
	float:left;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.messages-head .select-delete{
	float:right;
	padding:0 8px 0 0;
}
.messages-head .select-delete .delete{
	float:left;
	font-size:0.917em;
	font-weight:bold;
	line-height:1.364em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.messages-head .select-delete label{
	float:left;
	color:#666;
	margin:0 6px 0 10px;
}
.messages-head .select-delete input{
	float:left;
	width:16px;
	height:16px;
	margin:0;
}
.messages-list{
	margin:5px 0 2px;
	padding:0;
	list-style:none;
	height:1%;
}
.messages-list:after{
	content:"";
	display:block;
	clear:both;
}
.messages-list li{
	float:left;
	width:100%;
	margin:0 0 9px;
	background: url(../images/messages-border.gif) repeat-y 210px 0;
}
.messages-list li.unread{ background-color:#fff;}
.messages-list img{
	float:left;
	margin:0 0 -8px;
	position:relative;
}
.messages-list .info{
	float:left;
	width:148px;
	margin:7px 8px 0 0;
}
.messages-list .info .name{
	display:block;
	font-size:1.084em;
}
.messages-list .info .name a{ color:#717ac1;}
.messages-list .info .date{
	display:block;
	font-style:normal;
	color:#5b5557;
}
.messages-list .text{
	float:left;
	width:305px;
	color:#666;
	margin:7px 0 0;
}
.messages-list .text a{ color:#666;}
.messages-list .text .title{
	display:block;
}
.messages-list .text p{
	margin:0;
}
.messages-list .checkbox{
	float:right;
	width:16px;
	height:15px;
	margin:15px 8px 0 0;
}
/* landing pages */
.landing #header{
	background: url(../images/landing-header.jpg) no-repeat;
	height:53px;
}
.landing #header .login{
	width:759px;
	padding:0;
}
.landing #header .login .title{
	float:left;
	font-size:17px;
	line-height:25px;
	color:#66c;
	margin:11px 0 0;
	width:100px;
	border-right:1px solid #ccc;
}
.landing #header .login .error{
	float:left;
	font-size:12px;
	line-height:13px;
	min-height: 25px;
	color:#f00;
	margin:11px 0 0;
	width:100px;
	border-right:1px solid #ccc;
}
.landing #header .login .forget a{
	float:left;
	font-size:12px;
	line-height:13px;
	min-height: 25px;
	width: 70px;
	margin: 11px 0 0 0;
	color:#66c;
}
.landing #header .login .topconnect{
  float: right;
  margin: 12px 65px 0 0;
}
.landing #header .form{
	float:left;
	width:490px;
	padding:8px 0 0;
}
.landing #header .mail-label{
	width:70px;
	overflow:hidden;
	text-align:right;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
	margin:0 6px 0 0;
}
.landing #header .mail-text{
	width:120px;
	margin-right:0;
}
.landing #header .password-label{
	width:74px;
	text-align:right;
	margin:0 4px 0 0;
	font:bold 12px/14px Arial, Helvetica, sans-serif;
}
.landing #header .password-label a{ color:#66c;}
.landing #header .password{ width:120px;}
.landing #center{
	padding-top:58px;
	background: url(../images/landing-bg.gif) no-repeat 0 58px;
}
.landing .heading{
	overflow:hidden;
	height:1%;
	position:relative;
	padding:0 30px 8px;
	background: url(../images/landing-heading-border.jpg) no-repeat 32px 100%;
}
.landing .logo{
	width:193px;
	height:57px;
	left:30px;
	top:0;
}
.landing .logo a{ background: url(../images/landing-logo.gif) no-repeat;}
.landing .heading h2{
	font:40px/43px Arial, Helvetica, sans-serif !important;
	margin:4px 0 0 !important;
	text-indent:194px;
}
.landing .footer-holder{
	height:33px;
	margin:-512px 0 0;
	padding:479px 0 0;
	background: url(../images/landing-footer-holder.jpg) no-repeat 50% 0;
}
.sign-holder{
	overflow:hidden;
	height:1%;
	padding:0 13px 0 32px;
}
.sign-holder .saving{
	float:left;
	width:410px;
	padding:40px 0 0;
}
.sign-holder .saving ul{
	margin:0;
	padding:0;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.sign-holder .saving li{
	float:left;
	width:329px;
	padding:0 0 26px 81px;
}
.sign-holder .saving li.money{ background: url(../images/money.png) no-repeat;}
.sign-holder .saving li.headache{ background: url(../images/headache.png) no-repeat;}
.sign-holder .saving li.world{ background: url(../images/world.png) no-repeat;}
.sign-holder .saving .title{
	display:block;
	font-size:1.5em;
	color:#717ac1;
}
.sign-holder .saving p{
	margin:0;
	font-size:1.167em;
	line-height:1.143em;
	color:#5b5557;
}
.sign-holder .saving .more{
	overflow:hidden;
	height:1%;
	padding:0 0 0 80px !important;
}
.sign-holder .saving .more a{
	float:left;
	color:#66c;
	font-size:1.084em;
	line-height:1.385em;
	background:#fff url(../images/landing-more.gif) no-repeat 100% 50%;
	border:1px solid #b7d2e4;
	font-weight:bold;
	padding:0 22px 0 7px;
	white-space:nowrap;
}
.sign-holder .sign-form{
	margin:9px 0 0;
	padding:45px 0 15px;
	float:right;
	width:317px;
	background: url(../images/sign-form.png) no-repeat;
	color:#666;
}
.sign-holder .sign-form h3{
	margin:0;
	height:40px;
	background: url(../images/sign-head.gif) no-repeat 36px 0;
	text-indent:-9999px;
	overflow:hidden;
}
.sign-holder .sign-form .connect{
	overflow:hidden;
	height:1%;
	margin:9px 0 0;
	padding:0 25px;
}
.sign-holder .sign-form .connect a{
	float:left;
	width:169px;
	height:21px;
	background: url(../images/connect-facebook.gif) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	margin:0 9px 0 0;
}
.sign-holder .sign-form .connect strong{
	float:left;
	margin:3px 0 0;
	font-size:12px;
}
.sign-holder .sign-form .or{
	display:block;
	font-size:16px;
	margin:12px 0 4px;
	padding:0 0 0 35px;
}
.sign-holder .sign-form .row{
	overflow:hidden;
	height:31px;
	padding:0 26px 0 0;
}
.sign-holder .sign-form .row label{
	float:right;
	width:65px;
	margin:0 0 0 8px;
	font-size:12px;
	line-height:14px;
	font-weight:bold;
}
.sign-holder .sign-form .row label a{ color:#66c;}
.sign-holder .sign-form .row label.one-row{ margin-top:8px;}
.sign-holder .sign-form .row .text{
	float:right;
	border:1px solid #c6bf5e;
	padding:3px 5px 4px;
	margin:3px 0 0;
	font:12px/15px Arial, Helvetica, sans-serif;
	width:184px;
	color:#666;
}
.sign-holder .sign-form .row .password{ width:114px;}
.sign-holder .sign-form .row .zip{ width:86px;}
.sign-holder .sign-form .terms{
	overflow:hidden;
	height:1%;
	padding:0 0 0 22px;
	font-size:12px;
}
.sign-holder .sign-form .terms input{
	float:left;
	width:16px;
	height:15px;
	margin:0 3px 0 0;
}
.sign-holder .sign-form .terms label{
	float:left;
}
.sign-holder .sign-form .terms label a{
	color:#666;
	text-decoration:underline;
}
.sign-holder .sign-form .terms label a:hover{ text-decoration:none;}
.sign-holder .sign-form .button{
	overflow:hidden;
	height:1%;
	margin:-30px 0 0;
	padding:0 0 0 211px;
	position:relative;
}
.sign-holder .sign-form .button img{ float:left;}
* html .sign-holder .sign-form .button{ margin:-29px 0 0;}
/* know more */
.know-more{
	width:703px;
	height:38px;
	background: url(../images/want-more.png) no-repeat;
	display:block;
	text-align:right;
	padding:0 33px;
	line-height:30px;
	font-size:1.5em;
	margin:14px 0 0;
}
.know-more a{
	position:relative;
	color:#fff;
}
/* check frented */
.check-frented{
  /* aligned left per Jean's request */
  text-align: left;
	overflow:hidden;
	height:1%;
	margin:41px 0 0;
}
.check-frented h3{
	margin:0;
	font-size:1.5em;
	line-height:1.223em;
	color:#666;
	padding:0 7px;
}
.check-frented .items{
	margin:4px -10px 0 0;
	padding:13px 0 0;
	list-style:none;
	overflow:hidden;
	height:1%;
	background: url(../images/check-items-border.png) no-repeat;
	text-align:center;
	position: relative;
}
.check-frented .items li{
	float:left;
	width:155px;
	padding:12px 0 0;
	background: url(../images/bg-check-item.png) no-repeat;
  text-align:center;
}
.check-frented .items .cont{
	background: url(../images/bg-check-item-cont.png) repeat-y;
	padding:0 15px 0 9px;
	min-height:147px;
	text-align:center;
}
.check-frented .items .cont img{
	display:block;
	/* added by john */
	margin-left:auto;
	margin-right:auto;
}
.check-frented .items .cont:after{
	content:"";
	display:block;
	clear:both;
}
* html .check-frented .items .cont{ height:147px;}
.check-frented .items .b{
	height:13px;
	overflow:hidden;
	background: url(../images/bg-check-item-b.png) no-repeat;
}
.check-frented .items img{
  max-width: 120px;
  max-height: 110px;
	margin-left:auto;
	margin-right:auto;
}
/*
.check-frented .items .holder{
  position: relative;
  width: 120px;
  text-align: center;
}*/
.check-frented .items .title-line{
  position: absolute;
  width: 120px;
  text-align: center;
  bottom: 15px;
}
.check-frented .items .title-line .title{
  /* TODO we need to get this at the bottom of the box*/
	color:#717ac1;
	font-size:.917em;
	padding:4px 0 0;
}

/* checked footer */
.checked-footer{
	overflow:hidden;
	height:1%;
	margin:10px 0 0;
}
.num-items{
	display:block;
	color:#66c;
	font-size:1.5em;
	font-weight:bold;
	padding:0 0 0 8px;
}
.checked-footer .num-items{
	float:left;
}
.checked-footer .look-for{
	float:right;
	width:328px;
}
.checked-footer .look-for .text{
	float:left;
	border:1px solid #a2baca;
	font:14px/17px Arial, Helvetica, sans-serif;
	color:#96999c;
	padding:2px 8px 3px;
	width:267px;
}
.checked-footer .look-for .button{
	float:left;
	width:38px;
	height:38px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/search.png) no-repeat;
	margin:-2px 0 0;
	position:relative;
}
.check-holder{
	overflow:hidden;
	height:1%;
}
.check-holder .check-frented{
	float:right;
	width:464px;
}
.check-holder .check-frented .items{
	width:474px;
	background: url(../images/check-items-border-2.png) no-repeat;
}
.check-holder .checked-footer{
	background: url(../images/check-items-border-2.png) no-repeat;
	padding:14px 0 0;
}
.check-holder .checked-footer .more{
	float:left;
	color:#66c;
	font-size:1.084em;
	line-height:1.385em;
	background:#fff;
	border:1px solid #b7d2e4;
	font-weight:bold;
	padding:0 8px;
	white-space:nowrap;
	margin:4px 0 0;
}
.track-block{
	float:left;
	width:300px;
	background: url(../images/track.png) no-repeat;
	padding:134px 0 0;
	margin:30px 0 10px;
	color:#666;
}
.track-block .holder{
	height:1%;
	background: url(../images/track-holder.png) repeat-y;
}
.track-block .holder:after{
	content:"";
	display:block;
	clear:both;
}
.track-block .b{
	background: url(../images/track-b.png) no-repeat;
	height:142px;
	overflow:hidden;
}
.track-block .frame{
	float:left;
	padding:0 0 0 13px;
	width:266px;
	margin:-120px 0 -152px;
	position:relative;
}
.track-block h3{
	font-size:1.5em;
	line-height:1.223em;
	margin:0;
}
.track-block .form{
	overflow:hidden;
	width:100%;
	background: url(../images/check-items-border.png) no-repeat;
	margin:3px 0 0 -7px;
	padding:17px 0 0 7px;
}
.track-block .form .row{
	overflow:hidden;
	width:100%;
	margin:0 0 8px;
}
.track-block .form .row label{
	float:left;
	width:64px;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	line-height:24px;
	margin:0 6px 0 0;
}
.track-block .form .row .text{
	float:left;
	border:1px solid #c8c8c8;
	color:#666;
	font:14px/17px Arial, Helvetica, sans-serif;
	margin:0;
	padding:2px 7px 3px;
	width:180px;
}
.track-block .form .remind label{
	line-height:12px;
	margin-top:-1px;
}
.track-block .form .remind .text{
	width:83px;
}
.track-block .form .remind .calendar{
	float:left;
	width:18px;
	height:18px;
	text-indent:-9999px;
	overflow:hidden;
	background: url(../images/calendar.gif) no-repeat;
	margin:2px 0 0 7px;
}
.track-block .form .radios{
	margin:0 0 5px;
	padding:0 0 0 70px;
	list-style:none;
	overflow:hidden;
	height:1%;
}
.track-block .form .radios li{
	float:left;
	width:100%;
	margin:0 0 6px;
}
.track-block .form .radios li input{
	float:left;
	width:16px;
	height:15px;
	margin:0 3px 0 0;
}
.track-block .form .radios li label{
	float:left;
	font-size:12px;
}
.track-block .form .button{
	display:block;
	width:65px;
	height:65px;
	overflow:hidden;
	text-indent:-9999px;
	background: url(../images/go.png) no-repeat;
	margin:11px 0 0 196px;
}
.nobg{
	background:none !important;
	margin:-20px 0 0;
}
/* datepicker styles */
#ui-datepicker-div {
	z-index: 4000;
	display: none;
}
.ui-datepicker {
	border: 1px solid #b6d1e3;
	background: #fff;
	color: #666;
	width: 139px;
}
.ui-datepicker .ui-datepicker-header {
	padding: 5px 0;
	font-size: 12px;
	background: #6666cc;
	color: #fff;
	overflow: hidden;
	width: 100%;
}
.ui-datepicker .ui-datepicker-header a {
	text-decoration: none;
	color: #fff;
}
.ui-datepicker .ui-datepicker-header a:hover {
	text-decoration: none;
}
.ui-datepicker .ui-datepicker-header a span {
	cursor: pointer;
}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next {
	padding: 0 0 0 5px;
	float: left;
}
.ui-datepicker .ui-datepicker-next {
	padding: 0 5px 0 0;
	float: right;
}
.ui-datepicker .ui-datepicker-title {
	text-align: center;
	font-weight: bold;
}
.ui-datepicker table.ui-datepicker-calendar {
	border-collapse: collapse;
	width: 100%;
}
.ui-datepicker table.ui-datepicker-calendar th,
.ui-datepicker table.ui-datepicker-calendar td {
	text-align: right;
	width: 19px;
	padding: 0;
	margin: 0;
}
.ui-datepicker table.ui-datepicker-calendar th {
	padding: 3px 0;
	font-size: 11px;
	text-align: center;
	background: #ddd;
}
.ui-datepicker table td a {
	text-align: center;
	display: block;
}
.ui-datepicker .ui-state-active {
	background: #dedede;
}
.ui-datepicker .ui-state-highlight {
	background: #ededed;
}

.src-box {
	display: none;
}

/*John added following */
.centeredImage {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;
}

.centeredImage img{
	margin-left:auto;
	margin-right:auto;
}
.rightImage {
  text-align: right;
}
.rightImage img{
}

.searchlinks{
	display: inline;
}

.searchlinks ul{
	text-align: right;
	margin: 0 220px 5px 0;
}

.searchlinks li{
	display: inline;
	margin: 0 0 0 6px;
	border:1px solid #b7d2e4;
	background-color:#fff;
	font:bold 1.1em Arial, Helvetica, sans-serif;
	padding: 2px 5px;
	color:#66c;
}

.searchlinks li.itemsact{
	border:1px solid #66c;
	background-color:#66c;
	color: #fff;
}

.searchlinks a{
	color: #66c;
}

.edititemdesc {
}

.edititemdesc input{
	border: 1px solid #a3bbcc;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color :#666;
	overflow: auto;
	padding: 2px 7px;
	margin-right: 3px;
	min-height: 1.3em;
	max-width: 400px;
	display: inline;
}

.edititemdesc button{
	font: .917em/1.364em Arial, Helvetica, sans-serif;
}

.edititemnotes {
}

.edititemnotes .ext{
	position: absolute;
	right:25px;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:2px 0 0 9px;
	display: inline;
}

.edititemnotes textarea{
	border: 1px solid #a3bbcc;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color :#666;
	overflow: auto;
	padding: 2px 7px;
	margin-right: 3px;
	min-height: 2.6em;
	max-width: 195px;
}

.edititemnotes button{
	font: .917em/1.364em Arial, Helvetica, sans-serif;
}

.edititemtags {
	padding-right:30px;
}

.edititemtags .ext{
	position: absolute;
	right:25px;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:2px 0 0 9px;
	display: inline;
}

.edititemtags textarea{
	border: 1px solid #a3bbcc;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color :#666;
	overflow: auto;
	padding: 2px 7px;
	margin-right: 3px;
	min-height: 2.6em;
	max-width: 195px;
}

.edititemtags button{
	font: .917em/1.364em Arial, Helvetica, sans-serif;
}

.edititemquantity {
}

.edititemquantity .ext{
	position: absolute;
	right:25px;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:2px 0 0 5px;
	display: inline;
}

.edititemquantity input{
	border: 1px solid #a3bbcc;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color :#666;
	overflow: auto;
	padding: 2px 5px;
	margin-right: 3px;
	height: 1.3em;
	max-width: 30px;
}

.edititemquantity button{
	font: .917em/1.364em Arial, Helvetica, sans-serif;
}

.edituserzipcode .ext{
	position: absolute;
	right:25px;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:2px 0 0 5px;
	display: inline;
}

.edituserzipcode input{
	border: 1px solid #a3bbcc;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color :#666;
	overflow: auto;
	padding: 2px 5px;
	margin-right: 3px;
	height: 1.3em;
	max-width: 100px;
}

.edituserzipcode button{
	font: .917em/1.364em Arial, Helvetica, sans-serif;
}
.edititemcategory {
	padding-right:50px;
}

.edititemcategory .ext{
	position: absolute;
	right:25px;
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:2px 0 0 5px;
	display: inline;
}

.edititemcategory input{
	border: 1px solid #a3bbcc;
	font: 12px/15px Arial, Helvetica, sans-serif;
	color :#666;
	overflow: auto;
	padding: 2px 5px;
	margin-right: 3px;
	height: 1.3em;
	max-width: 30px;
}

.edititemcategory button{
	font: .917em/1.364em Arial, Helvetica, sans-serif;
}

.addfriend{
  margin: 0 10px;
  text-align: center;
}

.addfriend .ext{
	font:bold .917em/1.364em Arial, Helvetica, sans-serif;
	color:#66c;
	background-color:#fff;
	border:1px solid #b7d2e4;
	padding:0 10px 0 7px;
	margin:2px 0 0 5px;
	display: inline;
}
/*modal*/
#modal{
	/*position:absolute !important;
	left:-9999px;
	top:-9999px;*/
	position: absolute;
	top: 25%;
	left: 50%;
	margin-left: -200px;
	width:400px;
	z-index: 999;
	border: 5px solid #000;
	display:none;
}
.modal-inner h3{
	color: #66c;
	font-size: 1.5em;
}

.modal-inner textarea{
	font-size: 12px;
}
.modal-inner .actions{
	overflow:hidden;
	height:1%;
	margin:2px 20px 0 0;
	text-align: right;
}
.modal-inner .actions ul{
	display: inline;
	list-style: none;
}
.modal-inner .actions ul li{
	display: inline;
}
.modal-inner .actions a{
	margin:0 7px 0 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.modal-inner .actions a.frent{
	border-style:none;
	margin-top:1px;
	color:#fff;
	background-color:#393;
}

.tribe-create{
	padding: 0 10px;
	font-size: 14px;
	color: #666;
}

.tribe-create label{
	font-weight: bold;
	color: #66c;
}

.radio-select ul{
	list-style: none;
}

.radio-select input{
	display: inline;
}

.radio-select label{
	font-weight: normal;
	color: #666;
}

.radio-select strong{
	font-weight: bold;
	color: #66c;
}

.stats a.action{
  overflow: visible;
	color:#66c;
	background-color: #9cf;
	border: 1px solid #66c;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	padding: 2px 5px;
}
.stats ul.actions{:
  overflow: visible;
	list-style: none;
	min-height: 25px;
	margin: 5px 0;
	padding: 0;
}
.stats .actions li{
  overflow: visible;
	min-height: 25px;
	width: auto;
	float: left;
	margin:0;
	padding:0;
}

.suggested-images {
	width: auto;
	display: block;
	margin: 0 0 0 -20px;
	
}

.suggested-images ul{
	display: block;
	list-style: none;
	margin:0;
	width: 100%;
}

.suggested-images li{
	float: left;
	margin:4px;
	min-height: 150px;
	width:140px;
}

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

.cont .actions a.action{
  float: right;
	color:#66c;
	background-color: #fff;
	border: 1px solid #66c;
	font-size: 12px;
	font-weight: bold;
	margin: 3px;
	padding: 2px 5px;
}

.shout-filler{
  height:50px;
  margin:0 0 50px -3px;
  padding: 3px;
  background-color: #fff;
  font-size: 12px;
  color: #666;
}
.mass-tribe-form .uname{
  margin: 4px 0 0 0;
}
.mass-tribe-form a{
  color: #666;
}
.track label{
  color: #66c;
  font-size: 35px;
  font-weight:bold;
}
.track input.track-input{
  font-size: 25px;
  color: #666;
  border: 1px solid #AAA;
  padding: 5px;
  margin: 5px 0;
}
.track{
  margin: 0 25%;
  width: 50%;
}
.buttons-holder{
  margin: 0 0 0 250px;
}
.buttons-holder .submit{
	background:#66c url(../images/next.gif) no-repeat 100% 50%;
	padding:5px 27px 5px 12px;
	color: #fff;
	font-weight:bold;
	font-size: 20px;
	line-height: 30px;
}
.floatbox{
  overflow:hidden;
  width:100%;
}
.login-mid{
  width:382px;
  margin:auto;
}
.login-mid p.error{
  color: #F00;
}
.login-mid p.forgot-password{
  color: #66c;
  margin: 5px 0;
}
.login-mid p.forgot-password a{
  color: #66c;
}
.login-mid .actions a{
  font-weight: bold;
  color: #fff;
  padding: 5px;
  font-size: 16px;
  background-color: #66c;
}
.login-to-join{
  padding: 30px 0 0 0;
  text-align:center;
  color: 555;
}
p.heading22{
  font-weight: bold;
  font-size: 22px;
  color: #66c;
  margin 10px 0;
}
p.heading22c{
  font-weight: bold;
  font-size: 22px;
  color: #66c;
  margin 10px 0;
  text-align:center;
}
p.heading18c{
  font-weight: bold;
  font-size: 18px;
  color: #66c;
  margin 10px 0;
  text-align: center;
}
p.heading18c a{
  color: #393;
}
p.heading18c a.stanford{
  color: #900;
}
p.heading18cgreen{
  font-weight: bold;
  font-size: 18px;
  color: #393;
  margin 10px 0;
  text-align: center;
}
p.heading18cgreen a{
  color: #66c;
}
.center-button input{
  float:none;
  display: block;
  margin: 0px auto;
}
.login-to-join .actions{
  margin: 15px 0 0 0;
}
.login-to-join .actions a{
  font-weight: bold;
  color: #fff;
  padding: 5px;
  font-size: 16px;
  background-color: #66c;
  line-height:35px;
}
.editsettings .ext{
  background-color:#FFFFFF;
  border:1px solid #B7D2E4;
  color:#6666CC;
  display:inline;
  font-size:0.917em;
  font-weight:bold;
  line-height:1.364em;
  margin:2px 0 0 5px;
  padding:0 10px 0 7px;
  position:absolute;
  right:25px;
}
.modal-center{
  text-align: left;
}
.float-container{
  overflow: auto;
  width: 100%;
}
.float-half{
  float:left;
}
.error{
  color:#f00;
}
.suggested-accept{
  position:relative;
}
.click-accept{
  text-align:center;
  background:url(../images/click-accept.png) repeat;
  position: absolute;
  padding: 5px;
  top:-50px;
  left: 35px;
  z-index: 5;
}
.click-accept .accept-inner{
  background-color: #fff;
  padding: 2px;
}
.irequest-form{
  margin: 10px 0;
}
.irequest-form .irhead{
  color: #66c;
  font-weight: bold;
  font-size: 14px;
}
.irequest-form .irlabel{
  color: #666;
  margin: 0;
}
.irequest-form .text{
	float:left;
	border:1px solid #ccc;
	padding:4px 5px 3px;
	width:284px;
	font:12px/15px Arial, Helvetica, sans-serif;
	color:#666;
}
.irequest{
  text-align:center;
}
.iresponse .actions{
  width: 650px;
  margin: 0 auto;
}
.iresponse .actions ul{
	display: inline;
	list-style: none;
}
.iresponse .actions ul li{
	display: inline;
}
.iresponse .actions a{
	margin:0 7px 0 0;
	font-size:1.2em;
	font-weight:bold;
	line-height:1.6em;
	background-color:#fff;
	border:1px solid #b7d2e4;
	color:#66c;
	padding:0 8px;
}
.iresponse .actions a.frent{
	border-style:none;
	margin-top:1px;
	color:#fff;
	background-color:#393;
}
.stanford-students{
  text-align: center;
  margin: 10px 20px 10px 10px;
}
.stanford-students a{
  font-weight: bold;
  color: #990000;
}
a.stanford{
  color: #900;
}
/*John added the above */