/* Color styling information for the main layout */

/*
	THE AMBER THEME

	Outline color :           #ffbb4a
	Decoration background 1 : #ffd85c
	Decoration background 2 : #f9ce43
*/


/* These elements uses decoration outline */
div#Workarea,
div#MessagePane,
div#ArticleHeaderList
{
	border:1px solid #B0BDC4;
}

/* These elements uses decoration background 1 */
div#Workarea,
div#ArticleListNavBar
{	
    background-color:#B0BDC4;
}

/* These elements uses decoration background 2 */
div#MainPanelResizeLeft,
div#MainPanelArticleListResizer
{
/*    background-color:#f9ce43;  */
}

/* White backgrounds */
div#MainPaneLeft,
div#ArticleHeaderList,
div#ListviewContainer,
div#MessagePane,
div#PreviewContainer
{
    background-color:#ffffff;
}

/* Cannot find this element.
div#ListviewContainer
{
	border:1px solid #ffc44a;
}*/

/* "Header" in "Article Preview" section */

div.Header,
div#PreviewHeader
{
	background-color:#B0BDC4;
	border-bottom: 1px solid #B0BDC4;
}

div#PreviewContainer
{
	color: #336699;
}

div#PreviewAttachments
{
	background-color: #f0f0f0;
	border-bottom:1px solid #AFBBC0;
}

div#PreviewBody a
{
	color: #ff975c;
}

hr
{
	border-bottom:1px solid #AFBBC0;
}


div#MainPanelResizeLeft
{
	background-color:#C5C7CD;
}

/* -- Toolbar -- */

div.Toolbar div.More
{
	border-right:1px solid #98A6B1;
}

div.ToobarButtonSet a
{
	color: #FFFFFF;
}

div.ToobarButtonSet a:hover
{
	border:1px solid #B9C5D0;
	background-color: #CCCCCC;
	color: #67727E;
}

div.ItemSelected,
span.ItemSelected
{
	background-color: #E8EEE9
}



div#PreviewHeaderDetail
{
	background-color:#F5F5F5;
	border-bottom: 1px solid #9EA9AB;
}

div#HeaderDetail
{
	background-color:#F5F5F5;
	border: 1px solid #9EA9AB;
}

div.ArticleHeaderTopic
{
	border-top:1px dotted #E9E9E9;
}