/* ===========================================================================
//	dialog_zf.css															
// ======================================================================== */


/* ---------------------------------------------------
//	general 
// ------------------------------------------------ */
#dialogBox {
	width:650px;
}

#dialogBox img {
	border:0;
}

#dialogBox td {
	vertical-align:top;
}

#dialogBox .rateNowMessage {
	float:right;
	width:163px;
	height:18px;
	font-size:11px;
}


/* ---------------------------------------------------
//	headlines are important.  
// ------------------------------------------------ */
#dialogBox h2 {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#9a9a9a;
}
#dialogBox h3 {
	margin:0;
	padding:0;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}


/* ---------------------------------------------------
//	don't forget the stars  
// ------------------------------------------------ */
#dialogBox div.stars {
	width:79px;
	overflow:visible;
}


/* ---------------------------------------------------
//	we also have some paragraphs 
// ------------------------------------------------ */
#dialogBox p.timestamp {
	margin:0;
	font-size:11px;
	color:#9a9a9a;
}
#dialogBox p.text {
	margin:0;
}
#dialogBox p.user {
	margin:0;
}
#dialogBox p.votes {
	margin:0;
	padding:0;
	font-size:11px;
}

/* ---------------------------------------------------
//	the bars 
// ------------------------------------------------ */
#dialogBox div.bar {
	padding:10px;
	color:#333333;
	border:1px solid #ededed;
	background-color:#ffffff;
}
#dialogBox div.thin {
	padding:5px 10px;
}
#dialogBox div.buttonbar {
	text-align:right;
}
#dialogBox div.buttonbar a {
	float:right;
	margin-left:15px;
	height:18px;
}


/* view responses */ 
#dialogBox div.viewResponses {
	clear:both;
	float:left;
	text-align:left;
	padding-right:20px;
	
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url('../images/icons/arrow_view.gif');
}
#dialogBox div.viewResponses a {
	float:left;
	font-weight:bold;
	font-size:11px;
	color:#ffaa02;
}

/* view parent */ 
#dialogBox div.viewParent {
	clear:both;
	float:left;
	text-align:left;
	padding-right:20px;
	
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-image:url('../images/icons/arrow_view_parent.gif');
}
#dialogBox div.viewParent a {
	float:left;
	font-weight:bold;
	font-size:11px;
	color:#ffaa02;
}



/* ---------------------------------------------------
//	relates themes box 
// ------------------------------------------------ */
#dialogBox div.relatedThemesBox {
	width:200px;
	padding:10px;
	line-height:22px;
	text-align:left;
	background-color:#f5f5f5;
}
#dialogBox div.relatedThemesBox .label {
	font-weight:bold;
	text-transform:uppercase;
	color:#a2a2a2;
}
#dialogBox div.relatedThemesBox a {
	color:#333333;
	text-decoration:none;
	border-bottom:1px solid #ffaa02;
}
#dialogBox div.relatedThemesBox a:hover {
	color:#333333;
	text-decoration:none;
	border-bottom:1px solid #900101;
}


/* ---------------------------------------------------
//	contextual menues stuff 
// ------------------------------------------------ */
a.textInfoLayerLink {
	color:#333333;
	text-decoration:none;
	border-bottom:1px solid #ffaa02;
}
a.textInfoLayerLink:hover {
	color:#333333;
	text-decoration:none;
	border-bottom:1px solid #900101;
}

.themeInfoLayerLink {
	font-size: 12px;
	height:19px;
	padding:2px 10px 1px 10px;
	margin:0;
	margin-top:2px;
	background:none;
}
.themeInfoLayerTitle {
	font-size: 12px;
	height:19px;
	padding:0;
	margin:0;
	font-weight:bold;
	color:#333333;
	background:#eef7f4;
}
.themeInfoLayerItem {
	font-size: 12px;
	height:19px;
	margin:0;
	padding:0;
	text-align:left;
	color:#900101;
	background:#ffffff;
}
.themeInfoLayerItemOver {
	font-size: 12px;
	height:19px;
	margin:0;
	padding:0;
	text-align:left;
	color:#ffffff;
	background:#900101;
}



/* ---------------------------------------------------
//	opened closed elements  
// ------------------------------------------------ */
#dialogBox div.threadIsClosed {
	display:none;
}
#dialogBox div.threadIsOpened {
	display:block;
}


/* ---------------------------------------------------
//	root element 
// ------------------------------------------------ */
#dialogBox div.rootElement {
	margin-bottom:28px;
}

#dialogBox div.rootElement div.bar {
	margin-bottom:1px;
	color:#333333;
	border:1px solid #ededed;
	background-color:#f5f5f5;
}
#dialogBox div.rootElement div.relatedThemesBox {
	background-color:#ffffff;
}
#dialogBox div.rootElement p.text {
	font-weight:bold;
}


/* ---------------------------------------------------
//	posting element 
// ------------------------------------------------ */
#dialogBox div.threadElement {
	margin-bottom:2px;
}

#dialogBox div.threadElement div.bar {
	border-top:0;
}

/* indent the box */
#dialogBox .threadElement .boxLevel0 {}
#dialogBox .threadElement .boxLevel1 {}
#dialogBox .threadElement .boxLevel2 {}
#dialogBox .threadElement .boxLevel3 { margin-left:13px; }
#dialogBox .threadElement .boxLevel4 { margin-left:26px; }
#dialogBox .threadElement .boxLevel5 { margin-left:39px; }




/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
// 	thread header (hide / show)  
// ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#dialogBox .threadElement .headerIsClosed {
	background-repeat:no-repeat;
	background-position:9px center;
	background-image:url('../images/icons/iconSwitchOpenThread.gif');
}

#dialogBox .threadElement .headerIsOpened {
	background-repeat:no-repeat;
	background-position:9px center;
	background-image:url('../images/icons/iconSwitchCloseThread.gif');
}


#dialogBox .threadElement .header {
	padding:6px 0;
	font-size:11px;
	background-color:#f5f5f5;
	border:1px solid #ededed;
}

#dialogBox .threadElement .header table {
	width:641px;
}
#dialogBox .threadElement .header td {
	vertical-align:top;
}

#dialogBox .threadElement .header td.switcher {
	width:24px;
}
#dialogBox .threadElement .header td.switcher a {
	display:block;
	width:24px;
}
#dialogBox .threadElement .header td.switcher a:hover {
	text-decoration:none;
}
#dialogBox .threadElement .header td.type {
	width:22px;
	background-repeat:no-repeat;
	background-position:0px center;
}

#dialogBox .threadElement .header td.subject {
	width:310px;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:0px center;
}
#dialogBox .threadElement .header td.subject .responses {
	font-size:10px;
	font-weight:normal;
}
#dialogBox .threadElement .header td.subject img.media {
	padding-right:10px;
}
#dialogBox .threadElement .header td.by {
	width:150px;
}
#dialogBox .threadElement .header td.votes {
	width:55px;
	font-size:10px;
	text-align:right;
}
#dialogBox .threadElement .header td.stars {
	width:80px;
	text-align:right;
}


#dialogBox .threadElement .header td.typeComment {
	background-image:url('../images/icons/iconTypeCommentOnGray.gif');
}
#dialogBox .threadElement .header td.typeAnswer {
	background-image:url('../images/icons/iconTypeAnswerOnGray.gif');
}
#dialogBox .threadElement .header td.typeQuestion {
	background-image:url('../images/icons/iconTypeQuestionOnGray.gif');
}


#dialogBox .threadElement h3 {
	padding-left:18px;
	background-repeat:no-repeat;
	background-position:0px 3px;
}
#dialogBox .threadElement h3.typeComment {
	background-image:url('../images/icons/iconTypeComment.gif');
}
#dialogBox .threadElement h3.typeAnswer {
	background-image:url('../images/icons/iconTypeAnswer.gif');
}
#dialogBox .threadElement h3.typeQuestion {
	background-image:url('../images/icons/iconTypeQuestion.gif');
}



/* -----------------------------------------
//	Collapse/Expand All
// -------------------------------------- */
#dialogBox .expandCollapseAllBox {
    margin-top:5px;
    text-align:right;
    font-weight:bold;
}
#dialogBox .expandCollapseAllBox a{
    color:#ffaa02;    
    padding:0 15px;
}
#dialogBox .expandCollapseAllBox a.expand {
    background:url('../images/buttons/expand_all_out.gif') right no-repeat;
}
#dialogBox .expandCollapseAllBox a.expand:hover {
    background:url('../images/buttons/expand_all_over.gif') right no-repeat;
}
#dialogBox .expandCollapseAllBox a.collapse {
    background:url('../images/buttons/collapse_all_out.gif') right no-repeat;
}
#dialogBox .expandCollapseAllBox a.collapse:hover {
    background:url('../images/buttons/collapse_all_over.gif') right no-repeat;
}
#dialogBox .expandCollapseAllBox a:hover{
    color:#910505;
}



/* -----------------------------------------
//	See older / newer 
// -------------------------------------- */
#dialogBox .olderNewerBar {
	margin:2px 0 4px 0;
	padding:0;
	text-align:center;
	background-color:#e3e3e3;
	border:1px solid #dcdcdc;
}
#dialogBox .olderNewerBar a {
	font-weight:bold;
	color:#9a9a9a;
	text-transform:lowercase;
}
#dialogBox .olderNewerBar a:hover {
	color:#333333;
}





/* ===========================================================================
//	eof 															
// ======================================================================== */