/*
-----------------------------------------------
Viewitem Styles
Author:  OpenCreate
Version: 30/07/09
----------------------------------------------- */

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

/* Content
----------------------------------------------- */
#contentLeftBg { width: 23px; height: 87px; margin-bottom: -87px; background: url(../images/blog_left_content.gif) no-repeat left top;}
#blogBackground {background: #fff url(../images/blog_top_bg.gif) no-repeat left top; padding-top: 36px;}

#viewItemHead { margin:25px 0 0 0px;}
#viewItemHead span.viewFoto { float: left; margin-right: 15px;}
#viewItemHead h1 { padding:2px 0 0 0; font-family:"Lucida Sans Unicode", "Lucida Grande", Verdana, Arial, sans-serif; letter-spacing:-0.5px; font-size: 30px; color: #203f55; font-weight: bold; line-height: 1.2; width:540px; overflow:hidden;}
#viewItemHead .categories {font-size:12px; font-weight:bold; line-height: 1.1; text-transform:lowercase;}
#viewItemHead .categories span {margin-right: 5px;}
#viewItemHead .categories a { text-decoration:none; font-weight: bold; color:#9ec247;}
#viewItemHead .categories a:hover { text-decoration: underline;}

#viewItemHead #search{ margin-left:0px; width:70px; float:right;}
#viewItemHead #search .editButton{ border:0px; width:69px; height:27px; padding-left:15px; padding-bottom:5px; line-height:normal;}

#viewOffer{ background:#f3f8fc; font-size:14px; color:#51738b; overflow:hidden; clear:both; padding:10px 10px 12px 10px; margin:30px 0; border-bottom:1px solid #dae4eb;}
#viewOffer p{font-size:11px; display:block; margin-bottom:4px; margin-top:-5px;}
#viewOffer .expectedPrice{ float:left; width:310px;}
#viewOffer .expectedPrice li{ float:left; display:block; font-weight:bold;}
#viewOffer .expectedPrice li span{ margin-left:4px; font-size:11px; font-weight:normal;}

#viewOffer .expectedPrice .submit{ margin-left:10px; width:60px; text-align:center; line-height:18px; text-decoration:none; float:right; }
#viewOffer .expectedPrice .submit:hover {}

#viewOffer #makeYourOffer { float:right; width:270px;}
#makeYourOffer label { float:left; font-weight: bold; margin-right: 10px; line-height: 28px; }
#makeYourOffer .textField { float:left; padding:3px; width:80px; margin:0 10px 0 0;}
#makeYourOffer .submit { padding:5px 6px 4px 6px; font-weight:normal; }





#vitalStat .dnstats { margin:40px 20px 30px 20px;}

#vitalStat, #userDes, #alterOptions { margin: 30px 0 40px 0; clear: both; height: 100%; overflow: hidden; font-size: 12px;}
#vitalStat h2, #userDes h2, #alterOptions h2 { font-size: 16px; font-weight: bold; color: #51738b; margin-bottom: 3px;}
#vitalStat p {margin: 0 0 20px 0;}

#vitalStat .leftStat {float: left; width: 300px; padding-left: 20px;}
#vitalStat .rightStat { float: right; width: 300px; padding-right: 20px;}

#vitalStat dt {float:left; margin:0 6px 5px 0; line-height:25px; border:1px solid #dae4eb; width:110px; background-color:#f3f8fc; padding:3px;}
#vitalStat .rightStat dt {float:left; margin:0 6px 5px 0; line-height:25px; border:1px solid #dae4eb; width:140px; background-color:#f3f8fc;}

#vitalStat dt .icon{ float:left; width:25px; height:25px; margin:0 8px 0 0; background-color:#f3f8fc; padding:0 3px 0 0; border-right:1px solid #dae4eb;}
#vitalStat dd { color: #9ec247; font-size: 12px; font-weight: bold; text-transform:capitalize; line-height: 25px; border:1px solid #dae4eb; margin:0 6px 5px 0; padding:3px;}

#vitalStat dt.registrar .icon{ 
	background:url(../images/icon-25-location.png) no-repeat left;}
#vitalStat dt.expiry .icon{ 
	background:url(../images/icon-25-redcalendar.png) no-repeat left;}
#vitalStat dt.age .icon{ 
	background:url(../images/icon-25-bluecalendar.png) no-repeat left;}
#vitalStat dt.archive .icon{ 
	background:url(../images/icon-25-camera.png) no-repeat left;}
#vitalStat dt.googlePR .icon{ 
	background:url(../images/icon-25-pr.png) no-repeat left;}
#vitalStat dt.googleResults .icon{ 
	background:url(../images/icon-25-google.png) no-repeat left;}
#vitalStat dt.alexaRank .icon{ 
	background:url(../images/icon-25-chartarrow.png) no-repeat left;}
#vitalStat dt.backlinks .icon{ 
	background:url(../images/icon-25-piechart.png) no-repeat left;}

#vitalStat dd a { color: #adc059; text-decoration: none;}
#vitalStat dd a:hover { text-decoration: underline;}




#userDes p {font-size: 12px; margin-right: 10px;}

#alterOptions ul { margin: 10px 0 0 0;}
#alterOptions li { float: left; white-space: nowrap; position: relative; margin: 0 5px 13px 0; background: #dae4eb; padding: 0 27px 0 3px; height: 17px; color: #fff; font-size: 14px; border: 1px solid #dae4eb; line-height: 17px;}
#alterOptions li a { display: block; width: 21px; position: absolute; right: 0; top: 0; height: 17px; text-indent: -20000px; }
#alterOptions li a.size_no {background: url(../images/viewitem_ico_no.gif) no-repeat left top;}
#alterOptions li a.size_yes {background: url(../images/viewitem_ico_yes.gif) no-repeat left top;}
#alterOptions li a.size_que {background: url(../images/viewitem_ico_que.gif) no-repeat left top;}

#viewItemBlock {background: url(../images/dotted.gif) repeat-x left top; padding: 2px 0 0 0; overflow: hidden; height: 100%; margin: 30px 0 0 0;}
#viewItemBlock .leftwriter { float: left; width: 305px; margin-bottom: -1000px; padding: 0 10px 1030px 10px; background: #f3f8fc;}
#viewItemBlock .rightwriter {float: right; width: 335px; padding-bottom: 15px; }
#viewItemBlock h3 {color: #2c5d81; font-weight: bold; font-size: 15px; line-height: 45px;}

#viewItemBlock .leftwriter .writersIcons { float: right; }
#viewItemBlock .leftwriter .writersIcons li { float: left; margin-left: 7px;}
#viewItemBlock .leftwriter .writersIcons li img { display: block;}
#viewItemBlock .leftwriter .writersIcons li a { text-decoration: none;}
#viewItemBlock .leftwriter .avek { width: 250px; float: left; }
#viewItemBlock .leftwriter .avek .username { clear: none; padding: 0;}
#viewItemBlock .leftwriter p {clear: both; padding: 15px 0;}
#viewItemBlock .leftwriter a.sample { height: 20px; display: block; color: #8fbc3a; text-decoration: none; background: url(../images/globe.gif) no-repeat left top; line-height: 20px; padding-left: 28px;}
#viewItemBlock .leftwriter a.sample:hover { color: #aed95e;}
#viewItemBlock .leftwriter a.view { margin: 23px 0 0 0; display: block; line-height: 30px; background: url(../images/viewitem_blue_item.gif) no-repeat left center; color: #51738b; text-decoration: none; padding-left: 13px;}
#viewItemBlock .leftwriter a.view:hover { text-decoration: underline;}

#viewItemBlock .avek { height: 100%; overflow: hidden; margin-bottom: 10px;}
#viewItemBlock .avek img {float: left; margin: 0 10px 0 0;}
#viewItemBlock .username {color: #de9818; line-height: 12px; font-weight:bold;}
#viewItemBlock .username span { display: block; width:300px; color: #91b4ce; line-height: 22px; font-size:11px; font-weight:normal;}

#viewItemBlock ul.parameters { font-weight: bold; color: #51738b; font-size: 12px; clear: both; height: 100%; overflow: hidden;}
#viewItemBlock ul.parameters span { color: #62b1e5; font-size: 11px; }
#viewItemBlock ul.parameters span span {color: #51738b; }

#viewItemBlock .rightwriter h3 { margin-left: 5px;}
#viewItemBlock .rightwriter ul.moreItems { height: 100%; overflow: hidden; font-size: 12px;}
#viewItemBlock .rightwriter ul.moreItems li { padding-left: 0; width: 330px; border-bottom: 1px solid #f3f8fc; overflow: hidden; clear: both; float: left; line-height: 30px; height:30px;}
#viewItemBlock .rightwriter ul.moreItems li:hover { background-color: #f3f8fc;}

#viewItemBlock .rightwriter ul.moreItems .left { width: 260px;  text-indent: 10px; float: left; overflow: hidden;}
#viewItemBlock .rightwriter ul.moreItems .right {width: 52px; float: right; overflow: hidden; text-align: right; padding-right: 8px;}

#viewItemBlock .rightwriter .navPanel { float:left; min-width:150px; padding:4px 8px 4px 8px; margin:10px 0 0 0; font-weight:bold; background:#91b4ce;}
#viewItemBlock .rightwriter .navPanel a{ color:#fff; text-decoration:none;}
#viewItemBlock .rightwriter .navPanel:hover{ background:#52738b;}

#wrapper .itemTipTop .tooltip, #wrapper .itemTipBottom .tooltip { font-size: 12px;color: #dae4eb;font-weight: normal;line-height: 1.4;white-space: normal;text-align: left; position: absolute; left:0; top: 0; z-index: 3;display: none;width: 231px; padding: 0;}
#wrapper #content .itemTipTop .tooltip p, #wrapper #content .itemTipBottom .tooltip p {text-align: left; text-decoration: none; margin: 0; color: #dae4eb; font-size: 12px; padding: 0;}

.itemTipTop .tooltip #itemTipTop, .itemTipBottom .tooltip #itemTipTop {background: url(../images/viewitem_tipTop.png) no-repeat left top; height: 9px; margin: 0; }
.itemTipTop .tooltip #itemTipContent {background: url(../images/viewitem_tipRepeat.png) repeat-y left top; padding: 0 10px; margin: 0; height: 35px; overflow: hidden;}
.itemTipBottom .tooltip #itemTipContent {background: url(../images/viewitem_tipRepeat.png) repeat-y left top; padding: 0 10px; margin: 0; height: 20px; overflow: hidden;}
.itemTipTop .tooltip #itemTipBottom, .itemTipBottom .tooltip #itemTipBottom {background: url(../images/viewitem_tipBottom.png) no-repeat left top; height: 21px; margin: 0;}
 
/* Sidebar
----------------------------------------------- */

#reportIcons { font-size: 12px; font-family:Verdana, Geneva, sans-serif; color: #91b4ce; padding: 25px 20px 10px 20px; margin:-20px 0 0 0; }
	#reportIcons ul.icons {height: 100%; overflow: hidden; padding:15px 0 10px 0;}
	#reportIcons ul.icons li { float: left; margin-right: 3px;}
	#reportIcons ul.icons a { display: block; height: 23px; font-size: 10px; color: #51738b; padding: 24px 0 0 0; text-align: center; text-decoration: none; }
	#reportIcons ul.icons a:hover { color: #7496ae;}
	#reportIcons ul.icons a#watch { width: 40px; background: url(../images/icon-25-camera.png) no-repeat center top;}
	#reportIcons ul.icons a#appraise { width: 50px; background: url(../images/icon-25-appraise.png) no-repeat center top;}
	#reportIcons ul.icons a#report { width: 40px; background: url(../images/icon-25-warning.png) no-repeat center top;}
	#reportIcons p { color:#888; font-size: 11px; clear: both; line-height:22px; padding-left:23px;}
	#reportIcons p.views{ background:url(../images/icon-18-stats.png) no-repeat left center;}
	#reportIcons p.offers{ background:url(../images/icon-18-offers.png) no-repeat left center;}


#sidebarViewItem { float: right; background:#fafafa; border-left:1px solid #f1f1f1; width:256px; padding:0px 0 32000px 0; margin: 0 0 -32000px 0; height: 100%; overflow: hidden; }

#sidebarViewItem #folioSearch { margin:20px 20px 30px 20px; overflow:hidden; display:block;}
	#sidebarViewItem #folioSearch label { color: #ff6600; display:block; margin-bottom:8px;}
	#sidebarViewItem #folioSearch .textField{ width:170px; float:left; padding:2px 3px; margin:0 6px 0 0;}
	#sidebarViewItem #folioSearch .aButton { padding:3px;}


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

#sidebarViewItem div.textBox ul.level { color: #e8b044; font-size: 12px; }
	#sidebarViewItem div.textBox ul.level li {clear: both; height: 32px; line-height: 13px; margin: 0 0 3px 0; float: left; width: 100%;}
	#sidebarViewItem div.textBox ul.level img { float: left; width: 28px; height: 28px; margin: 0 7px 0 0;}
	#sidebarViewItem div.textBox ul.level span { color: #ebf4fa; font-size: 10px; display: block; }

#sidebarViewItem div.textBox .ad { background: #5b809a; padding: 5px; margin: 7px 0; }
	#sidebarViewItem div.textBox .ad h5 { color: #9cd8ff; font-size: 12px; font-weight: normal; margin: 0 0px 0 0; }
	#sidebarViewItem div.textBox .ad p {display: inline; font-size: 11px; color: #dae4eb; }
	#sidebarViewItem div.textBox .ad a { display: block; text-decoration: none;}
	#sidebarViewItem div.textBox .ad a:hover { display: block; text-decoration: underline;}

#sidebarViewItem div.textBox ul.folio { color: #dae4eb; width: 100%;}
	#sidebarViewItem div.textBox ul.folio li { font-size:11px; line-height: 30px; float: left; width: 206px; clear: both; overflow: hidden; height: 100%; background: #5b809a; margin: 0 0 5px 0; padding: 0 5px;}
	#sidebarViewItem div.textBox ul.folio li span.left {float: left; width: 160px; }
	#sidebarViewItem div.textBox ul.folio li span.right { font-size:10px; float: right; width: 40px; text-align: right; }


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


/* REPORTING ITEMS  ----------------------------------------------- */


#reportItem{ width:500px; padding:8px; background:url(../images/trans-black-20.png) repeat; }
#reportItem div{ display:block; background:#f9f9f9; border:1px solid #999; text-align:left;}


#reportItem h3{ display:block; font-size:18px; margin:0 0 15px 0; background:#e1e1e1 url(../images/exclam-40x40.png) 12px 8px no-repeat; color:#333; padding:20px 15px 15px 60px;}
#reportItem form{ padding:25px;}
#reportItem p{ margin:20px 25px 0 25px;}

#reportItem li{ margin:0 0 10px 0; overflow:hidden;}

#reportItem label{ display:block; width:150px;}

#reportItem .textBox{ width:300px; padding:4px; background:#fff;  border:1px solid #ccc; margin:0px; }

#reportItem .captchaBox{clear:both; display:block; width:150px; margin:0 0 20px 0;background:#fff; }

#reportItem .textField{ width:430px; height:80px; border:1px solid #ccc; padding:4px; background:#fff; overflow:auto; }

#reportItem li .aButton-1,
#reportItem li .aButton-x{ float:left; padding:4px; margin:0 15px 0 0;}



/* CONFIRMATION REQUESTS 
----------------------------------------------- */
.confirmRequest div{ overflow:hidden; padding:0 0 20px 0;}

.confirmRequest h3{background:#e1e1e1 url(../images/icon-40-question-blue.png) 12px 8px no-repeat;}
.confirmRequest div strong{ font-weight:bold; margin:15px 0 15px 25px; display:block;}

.confirmRequest .aButton-1{ float:left; padding:4px 6px;}
.confirmRequest .aButton-x{ float:left; padding:4px 6px; margin:0 15px 0 25px;}



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