/*
-----------------------------------------------
Userfolio Styles
Author:  OpenCreate
Version: 21/07/09
----------------------------------------------- */

/* Header
----------------------------------------------- */
#menu ul { width: 780px; float: left; }


/* Content
----------------------------------------------- */
p.cb { margin:30px 0 30px 0; display:block; font-size:13px; width:655px; line-height:20px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif;}


#userfolioItems .optionsBox { width:667px; padding: 5px 0; background: #ebf4fa; margin: 15px 0 0 0; font-size: 14px; color: #52738b; height: 36px; overflow: hidden;}
#userfolioItems .optionsBox .show { width: 324px; float: left; text-indent: 7px; line-height: 32px;}
#userfolioItems .goTo { float: left;}

#userfolioItems .optionsBox p.nav { float:right; width: 170px; line-height: 32px;}
#userfolioItems .optionsBox p.nav a { text-decoration: none; color: #6791ae;}
#userfolioItems .optionsBox p.nav a:hover { color: #8ab3d0;}
#userfolioItems .optionsBox p.nav a.prev { padding: 0 0 0 20px; margin-right: 20px; background: url(../images/userfolio_prev.gif) no-repeat left center;}
#userfolioItems .optionsBox p.nav a.next { padding: 0 20px 0 0; background: url(../images/userfolio_next.gif) no-repeat right center;}

#userfolioItems .optionsBox label { float: left; margin-right: 10px; line-height: 32px;}

#userfolioItems div.selectbox-wrapper { position:absolute; width:400px; background-color:#ebf4fa; text-align:left; overflow:auto; margin: 5px 0 0 0; }
#userfolioItems div.selectbox-wrapper ul li { display:block; padding: 0; line-height: 20px; font-size: 14px; text-align: left; text-indent: 5px; cursor:pointer; border-bottom: 1px dashed #d1e6f4; }
#userfolioItems .selectbox { font-size: 14px; width : 40px; border: none; display: block; text-align:left; background: transparent; cursor: pointer; color:#5a86a5; padding: 8px 0 10px 0; }

#advertise { border: 1px solid #dae4eb; padding: 10px; background-image: none; margin: 0; font-size: 12px; }
#advertise h3 { font-weight: bold; font-size: 14px; color: #e8b044; margin: 0; line-height: 17px;}
#advertise p {margin: 0; line-height: 15px;}
#advertise .left { float: left; width: 172px; }
#advertise a { display: block; text-decoration: none;}
#advertise a:hover { text-decoration: underline;}
#advertise img { float: right;}


/* Sidebar
----------------------------------------------- */

#sidebarBlog dl.folioContents {margin: 0 0 20px 0;}
#sidebarBlog dl.folioContents dt {color: #adc059; margin: 0 0 5px 0;}
#sidebarBlog dl.folioContents dd {color: #dae4eb; margin: 0 0 4px 20px;}
#sidebarBlog dl.folioContents dd a, #sidebar dl.folioContents dd a.active:hover {color: #dae4eb; text-decoration:none;}
#sidebarBlog dl.folioContents dd a:hover {text-decoration:underline;}
#sidebarBlog dl.folioContents dd a.active { padding:0 5px 0 5px; border:1px dotted #fff;}

#sidebarBlog div.textBox { margin: 10px 20px; background-image: none; }
#sidebarBlog div.textBox h4 { color:; font-size: 12px; font-weight: normal; margin: 0; border-bottom: 1px solid #91b4ce; line-height: 19px; }
#sidebarBlog div.textBox p { color: #91b4ce; margin: 5px 0 10px 0;}


/* Tooltip
----------------------------------------------- */
.tooltip{ position:absolute;}
.tooltip div{ display:block; overflow:hidden; background:url(../images/bg-tooltip-basearrow.png) no-repeat bottom right; padding-bottom:15px;}
.tooltip span{ display:block; padding:0px 7px; background:#3b3b3b; font-size:11px; color:#c4c4c4;}


/* Catalogue
----------------------------------------------- */

#userfolioItemsFeatured{ overflow:hidden; margin:25px 0 0 0;}
#userfolioItems{ background-color: transparent; background-image: none; height: 100%; overflow: hidden; font-size: 14px;  margin:25px 0 30px 0; }


#userfolioItemsFeatured h2{ display:block; float:left; padding:2px 5px; font-size:14px; font-weight:bold; background:#F90; color:#fff; margin-bottom:5px;}

#userfolioItemsFeatured .listHead{ margin:5px 0 0 0; border-bottom:1px solid #e0e8ee; border-top:1px solid #e0e8ee; color:#52738b; background:#f3f8fc; font-size:12px;}

#userfolioItemsFeatured .listHead .item{ width:380px;}
#userfolioItemsFeatured .listHead .status{ width:110px;}
#userfolioItemsFeatured .listHead .offer{ width:100px;}
#userfolioItemsFeatured .listHead .buy{ width:60px;}
#userfolioItemsFeatured .domainList li:hover { background: #f9fcff;}

#userfolioItems .listHead{ background:#8FBC3A;}

.listHead{ clear:both; display:block; overflow:hidden; padding:0 5px 0 5px;  font-size: 16px; color: #fff; font-weight: bold;}
.listHead li{ float:left; display:block; line-height:30px; font-size:12px;}
.listHead .item{ width:380px;}
.listHead .status{ width:90px;}
.listHead .offer{ width:110px;}
.listHead .buy{ width:70px;}

#userfolioItems .listHead .item{background: url(../images/userprofile_list_str.gif) no-repeat 85px 55%;}
#userfolioItems .listHead .status{background: url(../images/userprofile_list_str.gif) no-repeat 40px 55%;}
#userfolioItems .listHead .offer{background: url(../images/userprofile_list_str.gif) no-repeat 60px 55%;}
#userfolioItems .listHead .buy{background: url(../images/userprofile_list_str.gif) no-repeat 55px 55%;}


.domainList { overflow: hidden; font-size: 13px;}
.domainList li { line-height: 36px; border-bottom: 1px solid #ebf4fa; height: 100%; overflow: hidden; float: left; width: 100%;}
.domainList li a { text-decoration: none; color:#51738b; }
.domainList li a:hover { }
.domainList li:hover { background: #f3f8fc;}


.domainList span{ display:block; float:left; }
.domainList .item{ width:370px; text-indent:7px;}
.domainList .status{ width:76px; text-align:center;}
.domainList .offer{ width:90px; text-align:right;}
.domainList .buy{ width:91px; margin:0 0 0 10px; text-align:right;}



/* User Portfolio
----------------------------------------------- */

#userfolioItems table{ width:657px; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; font-weight:normal;}

#userfolioItems thead{ margin-bottom:5px;}
#userfolioItems thead th{  text-transform:capitalize; color:#fff; background:#8FBC3A; font-size:12px; padding: 6px 7px; border-bottom:1px solid #83aa37; border-top:0px solid #83aa37;  cursor:pointer; }

#userfolioItems table th.item{ background:#8FBC3A url(../images/userprofile_list_str.gif) no-repeat 100px 55%;}
#userfolioItems table th.status{background:#8FBC3A url(../images/userprofile_list_str.gif) no-repeat 60px 55%;}
#userfolioItems table th.offer{ padding-right:20px; background:#8FBC3A url(../images/userprofile_list_str.gif) no-repeat 82px 55%;}
#userfolioItems table th.buy{ padding-right:23px; background:#8FBC3A url(../images/userprofile_list_str.gif) no-repeat 82px 55%;}

#userfolioItems table td{  border-bottom: 1px solid #ebf4fa; padding: 5px 8px 5px 8px; font-size:13px; }
#userfolioItems table tr:hover{ background: #f3f8fc; }

#userfolioItems table .item{ width:370px; text-indent:7px; cursor:pointer;}
#userfolioItems table .status{ width:76px; text-align:center;}
#userfolioItems table .offer{ width:90px; text-align:right; }
#userfolioItems table .buy{ width:91px; margin:0 0 0 10px; text-align:right;}