@CHARSET "ISO-8859-1";
/***************************
/* topic_view.php
/***************************/


#TopicView{
	background-color: transparent;
}


#TopicView #topicDetail{
	position: relative;
	color:#4F4A4A;
}

#TopicView #topicDetail #topicDetailLeft{
	display: inline;
	float: left;
	overflow: hidden;
	width: 420px;
}

#TopicView #topicDetailLeft h1{
	font-size: 250%;
	font-weight: normal;
	margin-top: 0;
}

#TopicView #topicImage{
	display: inline;
	float: left;
	width: 180px;
	padding: 0px 0 20px 10px;
}

#TopicView #topicImage a.imgLink:hover{
	background-color: transparent;	
}

#TopicView .topicActions{
	position: relative;
	margin: 0 10px 5px 0;
	background-image:url(/media/images/bg_hr_dotted2.gif);
	background-position:center bottom;
	padding-bottom:10px;
	background-repeat:repeat-x;
}

#topicDetailLeft p{
	margin: 0pt 0pt 0.1em;
}


#topicdescription_edit .attrTitle{
	display:block;
	padding-bottom:5px;
}

#TopicView #leftCol{
	width: 300px;
	float: left;
	overflow: hidden;
}

#TopicView #mainCol{
	width: 620px;
	float: left;
	/*overflow: hidden;*/
	margin-left: 0px;
	display: inline;
}

#TopicView #topicActivity{
	width: 620px;
	position:relative;
	overflow:hidden;
}

#TopicView #topicviewtab{
	margin-top: 40px;
}

#TopicView #rightCol{
	width: 300px;
	margin-left: 10px;
	float: left;
	display: inline;
}



#TopicView .ctrl_long {		
	border-top-width : 1px;
	border-right-width : 1px;
	border-bottom-width : 1px;
	border-left-width : 1px;
	border-style   : solid;
	width: 97%;
	height: 100px;
}

#TopicView .beige {
	background-color: #F3F0EC;
}

#TopicView .discussionpost {
	float:left;
	width:95%;
	overflow: hidden;	
}


#TopicView .discussion_inner {
	overflow: hidden;	
	padding: 5px;
	overflow:hidden;
	padding:1px 1px 2px;	
}

#TopicView .username {
	font-size:75%;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #333333;
}

#TopicView .zoom{
	width: 10px;
	top: 20px;
	float:left;
	left: -1px;
	position:relative;
	background: url(/media/images/zoom.gif) no-repeat;
}




#TopicView  .align_right{
	float:right;

}

#TopicView  .float_right{
	float:right;
	padding: 0 5px 0 0;
}

#TopicView #discussionpostpanel p:first-line 
{
font-weight: bold;
}

#TopicView .right{ 
	text-align: right;
}


#TopicView #topicDescription .description{
	height: 100px;	
	width:380px;
}



#TopicView #topicdescription_edit{
	padding: 10px 5px 2px 5px;
	margin-top:4px;
	margin-bottom:10px;
	width:410px;
}
#topicDescription .notchedCorner{
	background-color:#fff;
}
#topicdescription_edit .borderInside{
	padding: 4px 10px 2px 10px;
}
#TopicView #topicDescription .editby{
	padding: 0 0 0px 0; 
}

#TopicView #topicDescription .content{
	padding:5px 10px;
	
}

#TopicView #topicdescription_edit .warning{
	margin-top:8px;
	width:350px;	
}

#TopicView .adminarea{
	background: #ccc;
	border:1px solid #666666;
	padding:4px;
	text-align: center;
}

#TopicView .ctrl_short{
	width:100px;
}
#TopicView .adjust_mbottom{
	vertical-align: middle;
	margin: 3px;
}

#TopicView  .float_left{
	float:left;
}

#TopicView #txtdescription{
	padding: 0px 0px 0px 0px;
	width: 420px;
}

#TopicView #votersnumber{
	color:#ffffff;
	width:75px;
	/*height:72px;*/
	/*padding: 2px 10px 10px 0;*/
	font-family :Arial, Helvetica, sans-serif;
	text-align:center;
	position:relative;
}

#TopicView .outter{
	padding: 2px 10px 10px 0;
}

#TopicView #votersnumber a.seepicks{
	color:#ffffff;
	text-decoration:none;	
}

#TopicView #votersnumber a.seepicks:hover{
	text-decoration:underline;	
}

#TopicView #votersnumber .numvoter{
	display:block;
	font-weight:bold;
	font-size: 270%;
	padding:4px 0 0 0;
}

#TopicView #votersnumber .voters{
	position:relative;
	top:-5px;
	line-height:1.0em;	
}

#TopicView #votersnumber .voterback{

	border-bottom: solid 1px #ffffff;
}

#TopicView #votersnumber .grayback{
	background-color:#4C4C4C;
	padding:4px 0 2px 0; 
	margin:0px;
}

#TopicView #topicdescription_edit #buttons{
	padding-bottom:10px;
	text-align:right;
	float: right;
}
 
#TopicView .content h2{
	font-size:130%;
	margin: 0px;
	padding: 5px 0 0 0px;
}

#TopicView .votenow{
	padding: 5px 0 15px 0;
}

#TopicView #communityResponse{
	
}

h1.divider{
	font-weight: bold;
	margin-top: 55px 0 12px 0;
}

.itemBlock:hover{
	/*cursor:pointer !important;*/
}
.itemBlock .itemThumbnail{
	float: left;
	width: 36px;
	margin: 0px 0 0px 0;
	padding: 0px;	
	border:1px solid #fff;
	position:relative;
	top:-1px;
}
.itemBlock .highlight{
	background-color:#ccc;
}
.itemBlock  .topicName{
	width: 285px; 
	font-size: 115%;
	font-weight: bold;
	margin: 5px 10px 0pt 0px;
	float: left;
}
#nominees .itemBlock .topicName{
	width: 410px; 
}

.itemBlock a.videoicon:hover{
	background:none !important;
}
.itemBlock .tools{
	float: right;
	width: 92px;
	margin-top:4px;
	/*overflow: hidden;*/
}

#dragHelper{
	position:relative;
	z-index:600;
}
#dragHelper .itemBlock .tools{
	width: 111px;
	margin-top: 0px;
}
#topicselections .itemBlock .tools{
	width: 111px;	
	margin-top: 0px;
}


#nominees .itemBlock .toolsSelected, .itemBlock .toolsSelected{
	display: none;
}

#sortSel .itemBlock .toolsNominee{
	display: none;
}


.itemBlock .toolsExisting{
	display: none;
}

.itemBlock .tools a{
	display: block;	
	cursor: pointer;
	background-repeat: no-repeat;
	padding: 0px 0px 0px 20px;
}

#topicselections .itemBlock .tools a, #dragHelper .itemBlock .tools a{
	display: block;
	float:left;
	padding:0px 0px 0px 2px;
}

.itemBlock .tools .itemnote a:hover{
	background-color: #EC008C;
}

.itemBlock .tools a:hover{
	background-color: transparent;
}




#dragHelper .toolsExisting, #dragHelper .toolsSelected, #dragHelper .toolsNominee{
	display: none;
}

.itemnote{
	padding-top:8px;
	padding-left:5px;
}
.itemnote strong{
	font-size:100%;
	color:#4C4C4C;
}
.itemBlock .index{
	color:#4C4C4C;
	float: left;
	font-size: 115%;
	font-weight: bold;
	margin: 5px 10px 0pt 5px;
	text-align: right;
	/*width: 20px;*/
}

#TopicView #pnlTopicInfo input.btnA{
	font-size: 100%;
}

#TopicView .discussion {
	width: 450px;
}

#TopicView .discussion .discussiontext textarea{
	height: 75px;
	width: 420px;	
}

#TopicView  .discussiontext{
	overflow:hidden;
	margin: 10px 10px 5px 10px;
}

#TopicView #sortSel{	
	position: relative;
	z-index:600;
}


#TopicView .itemBlock{	
	padding-bottom: 0px;
	margin-top:4px;
	position:relative;
}






/***************************
/* New item
/***************************/

#newItemContainer{
	position: relative;
	margin: 0px 0 0px 0;
	padding-bottom: 10px;
}

#TopicView #newItemContainer{
	background-color:#F4F4F4;	

	padding-bottom:5px;
	padding-left:2px;
	padding-right:2px;
	padding-top:2px; 
}
	
#newItem{
	position: relative;
	color: #4C4C4C;
	padding: 0 0 5px 0;
}


#newItem #newName{
	width: 375px;
}

#newItem .description{
	display: none;
	margin: 3px 0 5px 0;
}

#newItem .description .textbox{
	width: 375px;
}

#newItem .warning{
	margin: 8px 0 0 0;	
	width: 375px;
}

#newItem .tnTopic{
	float: left;
	width: 36px;
	height: 36px;
	margin: 2px;
}

#newItem .topicInfo{
	float: left;
	width: 420px;
	margin: 8px 10px 0 6px;
}

#newItemButtons{
	float:right;
	padding-top:10px;	
	margin: 0 0px 3px;
	width:92px;
}

#newItemDetails{
	display: none;
}

#newItem .placeholder{
	float: left;
	margin: 0px;
	width: 34px;
	height: 34px;
	overflow: hidden;
	background-color: #ccc;
	border: 1px solid #fff;
}



#newItemLogin{
	visibility: hidden;
	position: absolute;
	border: 2px solid red;
	background-color: #F3F0EC;
	top: 0;
	text-align: center;
	padding-top: 15px;
	font-size: 160%;
}





#btnShowOptions{
	background-image: url(/media/images/arrow_right.gif);
	background-repeat: no-repeat;
	background-position:0% 50%;
	padding-left:12px; 
	padding-bottom:2px;
}

.arrowDown{
	background-image: url(/media/images/arrow_down.gif) !important;
}


#pnlFlagContent a.inappropriateLink{
	display: block;
	position: relative;
	background-position: 14px 9px;
	background-repeat: no-repeat;
	padding: 8px 0 9px 33px;
	margin-bottom: 5px;
	font-weight: bold;
	background-color: #716f6f;
	color: #ffffff;
}

#pnlFlagContent a.inappropriateLink:hover{
	background-color: #4c4c4c;
}





#topicActivity{
	color:#fff;	
	background-color: #4F4A4A;
}

#topicActivity .clear{
	height: 0px !important;
}
#topicActivity li{
	float:left;
	display:block;
	padding:0px 0px 0px
}

#topicActivity span.title{
	color:#FFFFFF;
	font-weight:bold;
	display:inline;
	float:left;
	margin:0px 4px 0px;
	padding:5px 13px 6px 7px;
	position:relative;
	text-align:center;
}


.nolink{	
	text-decoration: none !important;
}	
#topicActivity .tl{
	position:absolute;
	top:0px;
	left:0px;
	height:1px;
	width:1px;
	background-color:#fff;
}

#topicActivity .tr{
	position:absolute;
	top:0px;
	right:0px;
	height:1px;
	width:1px;	
	background-color:#fff;
}

#topicActivity .bl{
	position:absolute;
	bottom:0px;
	left:0px;
	height:1px;
	width:1px;	
	background-color:#fff;
}

#topicActivity .br{
	position:absolute;
	bottom:0px;
	right:0px;
	height:1px;
	width:1px;	
	background-color:#fff;
}


#topicActivity a .cornerTL, #topicActivity a .cornerTR, #topicActivity a .cornerBL, #topicActivity a .cornerBR{
	background-color:#4C4C4C !important;	
}

.subnav3 a.active {
   text-decoration: underline;
}

.subnav3 a{
	font-size: 1.2em;
	font-weight: bold;
	color:#FFFFFF;
	display:inline;
	float:left;
	margin:5px 8px 4px;
	padding:0px 5px 2px;
	position:relative;
	text-align:center;
	
}

.subnav3 a:hover{
	text-decoration: underline !important;
	background: none;
}

/*********************/




.itemInfo{
	font-weight:normal !important;
	font-size:80%;
}

.itemInfo .novoters, .itemInfo .nocomments{
	color: #4C4C4C !important;	
	text-decoration: none;
}

.itemInfo .novoters:hover, .itemInfo .nocomments:hover{
	color: #fff !important;
}

#topicTags{
	padding-bottom:5px;
}

#topictags_edit{
	padding-bottom: 5px;
	margin-bottom:5px;
	position:relative;
	width:412px;
	color: #4C4C4C !important;	
}

#topictags_edit .notchedCorner, #topicNameEdit .notchedCorner{
	background-color: #fff !important;
	color: #4C4C4C !important;
}

#topicNameEdit{
	padding-bottom:10px;
}

#topicNameEdit .textbox{
	width:280px;
	margin-top:10px;	
}

#topicNameEdit .textbox{
	width:280px;
	margin-top:10px;	
}
#topictags_edit .borderInside, #topicNameEdit .borderInside, #topicLinkEdit .borderInside{	
	padding-left:10px;
}

#topicselections .notchedCorner, #topicselections .borderOutside, #topicselections .borderMid, #topicselections .borderInside{
	border-color: #787878 !important;
}

#dragHelper .borderInside, #topicselections .borderInside{
	padding-right:0px;
}

#dragHelper .draghandle, .draghandle{
	margin-top:-2px;
	border-left:1px solid #787878;
	padding:0px !important;
	margin-left:3px;
	cursor:move;
}


/***************************
/* Items
/***************************/
.nomineeBlock .btnAdd{
	margin-top: 10px;
	width: 95px;
}

.nomineeBlock .numberSign{
	font-size: 50%;
	vertical-align:top;
	position:relative;
	top:4px;
}

.nomineeBlock{	
	padding-bottom: 0px;
	margin:15px 0 0px -4px;
	position:relative;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #b8b8b8

}

.nomineeBlock .index{
	color:#4C4C4C;
	float: left;
	font-size: 365%;
	font-weight: bold;
	margin: 0px 10px 0pt 5px;
	min-width: 75px;
	width: auto !important;
	width: 75px;
}

.nomineeBlock .topicName{
	font-size: 200%;
	font-weight: bold;
	top: 2px;
	position: relative;
	overflow: hidden;
}

.nomineeBlock .topicName a:hover{
	background-color: transparent;
	text-decoration: underline;
}

.nomineeBlock .itemDescription{
	margin: 0 0 0 90px;
}


.nomineeBlock .itemStats{
	margin: 2px 0 10px 0;	
}

.nomineeBlock .votedNote{
	line-height: 1.0;
	float: left;
	font-weight: bold !important;
	font-size: 17px;
	background-color: #FFE648;
	padding: 8px;
}

.nomineeBlock .votedNote a:hover{
	color: #EC008C;
}

/***************************
/* Page Corner Nav
/***************************/

#cornerNav {
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	z-index: 10;
	white-space: 
}

#cornerNav #cornerLinkText{
	padding-top: 10px;
	white-space: nowrap;
	float: right;
	display: block;
}

#cornerNav a:hover{
	text-decoration: underline;
}

#cornerNav a .cornerNavHint {
	color: #EC008C;
}

#cornerNav a:hover .cornerNavHint, #cornerNav a:hover .cornerNavLinkText {
	text-decoration: underline;
}

#cornerNav .cornerNavLinkText{
	color: #4f4a4a;
}



#topicIntro {
	padding-bottom: 10px;
}

.stumbleButton{
	display: block;
	position: relative;
	width: 620px;
	height: 55px;
	overflow: hidden;
	margin: 50px 0 50px 0;
}

.stumbleButton:hover{
	background-color: transparent;	
}

.stumbleButton img{
	position: relative;
}

.stumbleButton:hover img{
	top: -55px;	
}

.stumbleButton img.btnDown{
	display:none;
	top: -110px;
}

#shareTopic .digg{
	padding: 5px;
	border: 1px solid #bcbcbc;
	float: left;
	margin-right: 20px;
}

#shareTopic .addthisLink{
	background-color: transparent;
	margin: 10px 0 0 0;
	display: block;
	float: left;
	width: 68px;
	height: 68px;
	background-image: none;
}

#shareTopic a.addthisLink img{
	background-color: #fff;	
}

#shareTopic a.addthisLink:hover img{
	display: none;
	background-color: transparent;
}

#shareTopic a.addthisLink.stumble{
	background-image: url(/media/images/share_stumble_64_hover.gif);
}

#shareTopic a.addthisLink.delicous{
	background-image: url(/media/images/share_delicious_64_hover.gif);
}

#shareTopic a.addthisLink.twitter{
	background-image: url(/media/images/share_twitter_64_hover.gif);
}

#shareTopic a.addthisLink.facebook{
	background-image: url(/media/images/share_facebook_64_hover.gif);
}