﻿.column
{
   vertical-align:top;
}

.topic
{
 clear:both; float:none;  min-height:20px; height:auto; _height:20px; margin:5px ; 
}
.topic-top
{
    height:25px; clear:both; float:none;  overflow:hidden;background:url(images/bucketBG01.gif) repeat-x left top;
}

.topic-top h3
{
  float:left; min-width:25px;_width:25px; max-width:90%; overflow:hidden;  font-size:13pt; font-weight:normal; padding:0px; margin:0px; color:#bd4501; line-height:25px; height:25px; background:url(images/topic.gif) no-repeat left top;
}
.topic-top .topic-menu
{
 height:25px; line-height:25px; _height:25px; width:20px; display:block;background:url(images/topic.gif) no-repeat right -45px; float:right;padding:5px 5px 0px 0px;
}
.topic-head
{
    height:40px; clear:both; float:none;  overflow:hidden;background:url(images/bucketBG01.gif) repeat-x left top;
}
.topic-head h3
{
  float:left; height:40px; line-height:35px; min-width:120px;  max-width:90%; overflow:hidden; font-size:14px; font-weight:normal; padding:0px; margin:0px; color:#bd4501;  background:url(images/topic.gif) no-repeat left top; 
}
.topic-head h3 a:link, .topic-head h3 a:visited, .topic-head h3 a:hover
{
	color:#bd4501; text-decoration:none; font-size:14pt; margin:10px;
}
.topic-head h3 img
{
	margin-right:2px;
}
.topic-head .topic-menu
{
 height:40px; line-height:40px; _height:40px; width:20px; display:block;background:url(images/topic.gif) no-repeat right -45px; float:right;padding:5px 5px 0px 0px;
}
.topic-body
{
	clear:both; float:none; border:solid 1px #c8c8c8; background:#FFF; border-top:none; border-bottom:none; min-height:20px; height:auto; _height:30px; padding:0px 7px;
}
.topic-content
{
	clear:both; float:none; background:#FFF; padding:0px 10px;min-height:100px; height:auto; _height:100px;
}
.topic-bottom
{
	 height:30px;  line-height:30px;  clear:both; float:none; overflow:hidden; background:url(images/bucketBG02.gif) repeat-x left bottom;
}
.topic-status
{
	 float:left; height:30px; line-height:30px; width:50px; _width:50px;  background:url(images/topic.gif) no-repeat 0px -90px; 
}
.topic-bottom .topic-menu
{
	 float:right; height:30px; line-height:30px; width:50px;  background:url(images/topic.gif) no-repeat right -120px;
}


/* #region Control */
.singleList
{
 margin:0px; padding:0px; list-style-position:inside; 	list-style-type:none;  
}
.singleList li
{
	margin:0px; clear:both; float:none; overflow:hidden; 
    border-bottom: 1px dashed #acacac;
    padding:10px 0px;
}
.singleList .icon
{
	 width:22px; height:20px; overflow:hidden; display:block; float:left; margin:2px;
}
.singleList li a:link, .singleList li a:visited, .singleList li a:hover
{
  float:left; color:#444; text-decoration:none;line-height:25px;
}
.singleList li span.date
{
	float:right; color:#AAA; 
}
.doubleList
{
  margin:0px; padding:0px;  min-height:30px; _height:30px; list-style-type:none; min-height:50px;list-style-position:inside; display:table; width:100%; 
}
.doubleList li
{
	 width:49%; float:left; min-height:22px; line-height:22px; padding:0px; margin:0px; overflow:hidden;
}
.doubleList li.last
{
	 border:0px
}
.doubleList li a:link, .doubleList li a:visited, .doubleList li a:hover
{
	margin:2px 10px;
}

.title, .title a:link, .title, .title a:visited, .title, .title a:hover
{
	font-size:16pt; font-weight:bold; margin:0px; padding:0px; 
}
.title
{
	color:#af3f01;  overflow:hidden; margin:0px; padding:0px; height:40px; line-height:40px; overflow:hidden; clear:both; float:none

}
.name
{
    font-size:14px; min-height:40px; line-height:40px; overflow:hidden
}
.name, .name a:link, .name a:visited, .name a:hover
{
    color:#c34601;
}
h4
{
	font-weight:normal; font-size:11pt;
}
.contentDetail
{
    padding:10px; clear:both; float:none; min-height:20px; height:auto; _height:20px ;
}
.detailView
{
	 margin:0px; padding:0px; list-style-type:none; min-height:50px; clear:both; float:none;  display:table; width:100%;
}
.detailView li.item
{
 float:left; margin:0px; padding:0px;  min-height:50px;
}
.detailView li.last
{
	 border:0px;
}
.detailView dl
{
	  margin:0px; padding:10px; min-height:50px;  clear:both; float:none;
}
.detailView .image
{
     text-align:center; 
}
.detailView .image a
{
	overflow:hidden;
}

.detailView .image img
{
     margin:auto;
}

.description
{
clear:both; float:none; margin:5px; padding:0px; _height:20px; line-height:25px;  overflow:hidden; font-size:13px;  
}
.detailView dd.description
{
	height:78px; _text-overflow:ellipsis;
}
.detail
{
 clear:both; float:none; margin:5px; padding:5px; line-height:20px; font-size:15px; overflow:hidden;
}

.more
{
	 margin:0px; padding:0px;
}
.more span
{
	color:#AAA; float:left; height:30px; line-height:30px
}
.more a:link, 
.more a:visited, 
.more a:hover 
{
	 float:right; display:block; height:30px; line-height:30px; text-align:center; font-size:small;
}
.vertSeparator
{
  border-width:0px 1px 0px 0px; border-style:solid;	border-color:#CCC;
}
/* #endregion Control*/

/* Menu ViewContent*/
.content-menu
{
    min-height:20px; margin:0px; padding:0px; list-style-type:none;
}

.content-menu ul
{
	height:25px; line-height:25px; font-weight:bold; overflow:hidden;color:#c25302;
}
.content-menu li
{
	height:25px; line-height:25px; overflow:hidden; padding:0px; margin:0px 2px 0px 10px;
}
.content-menu li img
{
    _margin-top:5px;
}

.content-menu .current 
{
	   background:url(images/arrRight.gif) no-repeat left top;
}
.content-menu .current a:link, .content-menu .current a:visited,.content-menu .current a:hover
{
	 text-decoration:none
}
.content-menu ul a, .content-menu li a
{
	margin-left: 10px;
}
/* End Menu ViewContent*/

/* MenuItem */

 .menuContainer ul
 {
     list-style-type: none;
     margin: 0;
     padding: 0;
 }
 .menuContainer li
 {
     height:25px; 
     line-height:25px; 
     border-bottom:solid 1px #dedede;
     width: 180px;
     position: relative;
     
 } 
 .menuContainer .menuItem ul li
 {
 	 background:#fff;
     height:25px; 
     line-height:25px; 
     border-bottom:solid 1px #dedede;
     width: 220px;
     position: relative;
     
 }
 .menuContainer a:link
 {
     background:none;
 }
 .menuContainer a
 {
 	 background:url('images/arrow.gif') no-repeat right;
 	 display:block;
     color: #c70e2d;
     margin-left: 5px;
 }
 .menuContainer li:hover, .menuContainer ul li:hover
 {
     background:#f3f7f6;
     color:#000;
     /*border: solid 1px #006600;*/
 }
 .menuContainer ul ul
 {
     display: block;
     position: absolute;
     visibility: hidden;
     left: 180px;
     top: 0;     
 	 border: solid 2px #f2f5f5;
 }
 .menuContainer ul ul ul
 {
 	 border: solid 2px #f2f5f5;
     display: block;
     position: absolute;
     left: 220px;
     top: 0;
     visibility: hidden;
 }
 .menuContainer li:hover ul
 {
     visibility: visible;
 }
 .menuContainer li:hover ul, .menuContainer li:hover li:hover ul
 {
     visibility: visible;
 }
 .menuContainer li:hover ul ul, .menuContainer li:hover li:hover ul ul
 {
     visibility: hidden;
 }
 .menuContainer li:hover ul ul
 {
     visibility: hidden;
 }
 .menuContainer li:hover ul, .menuContainer li:hover li:hover ul ul ul
 {
     visibility: visible;
 }
 .menuContainer li:hover ul ul ul, .menuContainer li:hover li:hover li:hover ul ul ul
 {
     visibility: hidden;
 }
 .menuContainer li:hover ul ul ul
 {
     visibility: hidden;
 }
    
/* End MenuItem*/