/*******************************************************/
/************** GENERICS CUSTOM CLASSES ****************/
/*******************************************************/

body { color            : #e6e6e6; padding          : 0; background-color : #0d0d0d; font-size        : 12px; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0 10px; }
td, tr, p, div { font-size        : 11px; color            : #e8e8e8; font-family: Verdana, Arial, Helvetica, sans-serif; margin: 0; padding: 0; }
hr {
  color            : #999999;
  height           : 1px;
  width            : 100%;
}

h1.title { font-family      : verdana, Geneva, Arial, Helvetica, sans-serif; font-weight      : bold; text-indent      : 8px; font-size        : 20px; text-align       : left; color            : #e5e5e5; background-image: url(templates/topgrau/images/); }
h1.title a:link, h1.title a:visited {
  font-size        : 12px;
  color            : #e5e5e5;
  text-decoration  : none;
}
h1.title a:hover {
  font-size        : 12px;
  color            : #e5e5e5;
  text-decoration  : none;
}

a:link, a:visited { font-size        : 12px; color            : #ff9900;
  /*text-decoration  : none;*/
  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight      : normal; }
a:hover { font-size        : 12px; color            : #ffffff;
 /* text-decoration  : none;*/
  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight      : normal; }

#active_menu { color            : #f90; font-size: 12px; font-family: verdana; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

a.readon:link, a.readon:visited { color            :#ffffff; font-family      : Verdana, Arial, Helvetica, sans-serif; font-size        : 11px; white-space      : normal; font-weight      : normal; float            : left; line-height      : 10px; text-decoration  : none; border           : solid 1px #666666; background-color : #000044; padding: 4px;
 /* background-image : url(../images/but.png);*/
  }
a.readon:hover { color            :#ff9900; font-family      : Verdana, Arial, Helvetica, sans-serif; font-size        : 11px; white-space      : normal; font-weight      : normal; float            : left; line-height      : 11px; text-decoration  : none; padding: 4px; 
/*  border           : 1px solid #ff9900;*/
 /* background-color : #000044;*/
}

ul { color: #7e9eff; margin           : 2px; padding-left     : 0; list-style       : disc; }
li { color: #f3f3f3; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; line-height      : 15px; background-repeat: no-repeat; background-position: 0 3px; }  

form { display:inline; }

/**************************************************************/
/************ TEMPLATE CLASSES (index.php) ********************/
/**************************************************************/

createdate, .modifydate {
  font-size        : 11px;
  color            : #999999;
}
.date { font-family      : Arial, Verdana, Geneva, Helvetica, sans-serif; color            : #fff; font-size: 11px; background-color: #454545; width: 170px; padding-right    : 5px; padding-left    : 5px; }

.copyright {
	color            : #ff9900;
    font-family      : arial, sans-serif;
	font-size        : 11px;
	font-weight: bold;
}
.copyright a:link, .copyright a:visited{
	color            : #e5e5e5;
    font-family      : arial, sans-serif;
	font-size        : 11px;
	font-weight: bold;
}

.pathway {
  font-size        : 12px;
  text-decoration  : none;
  color            : #cccccc;
  padding-left     : 14px;
}
a.pathway:link, a.pathway:visited { color            : #ff9900; font-size        : 12px; text-decoration: none; padding-left     : 0; }
a.pathway:hover { color: #1021bf; font-size        : 12px; font-weight: 700; text-decoration: none; padding-left     : 0; }

.tpl_maintable { background       : #28292e; border-left: 3px solid #000000; border-right: 3px solid #000000; border-top-color: #000000; border-top-style: solid; border-bottom-color: #000000; border-bottom-style: solid; }
.tpl_toolbar {
/*background       : #000033;*/
background: url('(../images/toolbar.png!)'); border-bottom: 3px solid #000000; border-top-color: #00000; border-top-style: solid; }

.tpl_headerfill {
  background       : url(../images/top-fill.png);
}
.tpl_headerlogo {
  background       : #343434 url(../images/top.png);
}
.tpl_footer {
  background       : url(../images/bottom.png);
  border-top: 0 solid #000000;
}
.tpl_columnleft { background-color: #0e0e0e; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-right: 2px solid #000000; }
.tpl_columnright { background-color: #0e0e0e; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; border-left: 2px solid #000000; }

.tpl_columncenter { padding-right: 3px; padding-left: 3px; 
 /* border-left: 1px solid #999999; border-right: 1px solid #999999;*/
}
.tpl_modulecenter { margin: 0; padding: 0; border-bottom-style: solid; }

/****************************************************************************/
/************ MODULES AND COMPONENTS CUSTOM CLASSES *****************/
/****************************************************************************/

/*------------------- SHARED -------------*/
.dkcom_tablerow1
{
  vertical-align   : top;
  padding          : 3px;
  background       : #000033;
  border-top       : 1px solid #666666;
  border-bottom    : 1px solid #666666;
}
.dkcom_tablerow2
{
  vertical-align   : top;
  padding          : 3px;
  background       : #000022;
 /* border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;*/
}
.dkcom_tableheader {
  font-size        : 11px;
  font-weight      : normal;
  letter-spacing   : 1px;
  height           : 24px;

  background       : #330000;
  color            : #9E9DB7;
  padding          : 4px;
}
.dk_category-icons
{
  margin-right:10px;
}
.dkcom_section
{ width            : 100%; padding-left     : 1px; padding-right    : 0; padding-top      : 0; border-spacing   : 0px; clear:both; }
.dkcom_section .dk_header
{ font-size        : 11px; line-height      : 20px; text-align       : left; color            :  #ebebeb; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: 700; background: #0e0e0e; text-decoration: none; letter-spacing: 2px; width            : 100%; padding-right: 0; padding-bottom: 0; padding-left: 5px; border-top: 3px solid #e8e8e8; border-bottom: 1px outset #e6e6e6; }
/*------------------- WRAPPER -------------------*/
.dkcom_wrapper
{}
/*------------------- ARCHIVE -------------------*/
.dkmod_archive a:link, a:visited
{ color: #ae6e00; }
archive a:link, a:visited { color: #ae6e00; }
/*------------------- BANNER -------------------*/
.dkmod_banner
{}
/*------------------- DOWNLOAD -------------------*/
.dkmod_downloads
{}
/*------------------- LATEST NEW -------------------*/
.dkmod_latestnews
{}
/*------------------- LOGIN -------------------*/
.dkmod_login .dk_content
{
  padding-top:1px;
  padding-bottom:1px;
  padding-left:1px;
}
/*------------------- POPULAR -------------------*/
.dkmod_popular
{}
/*------------------- SEARCH -------------------*/
.dkmod_search
{}
/*------------------- STATS -------------------*/
.dkmod_stats .dk_content
{
	margin:10px;
	color       : #333333;
}
/*------------------- NEWSFLASH -------------------*/
.dkmod_newsflash .dk_content
{
  padding-top     : 3px;
  padding-bottom    : 3px;
}
/*------------------- WHOS ONLINE -------------------*/
.dkmod_whosonline
{}
/*-------------------CAPTCHA ------------*/
.dkcom_captcha
{
  width:100px;
}
/*------------------- SYNDICATE ------------*/
.dkmod_syndicate .dk_content {
	text-align: center;
}
/*------------------- STREAM ------------*/

.dkmod_stream .dk_content {
	text-align: center;
}
/*------------------- VALIDATE ------------*/
.dkmod_validate .dk_content {
	text-align: center;
}
/*----------------- CONTACT ----------------*/
.dkcom_contact .dk_aligncenter  

{
  width:100%;
  text-align:center;
}
/*------------------ USERS ----------------------*/
.dkcom_userconfirmation
{
  padding:5px;
}
.dkcom_userwelcome
{
  padding:5px;
}
.dkcom_usermessage
{
  height:50px; 
  text-align:center;
}
/*------------------- SITEMAP -------------------*/
a.dkcom_sitemap
{ color: #e6e6e6;
/* color       : #999999;
 background       : #000055;*/
}
/*------------------- POLLS -------------------*/
.dkmod_polls .dk_content   
{
  padding-left     : 5px;
  padding-right    : 0px;
}
.dkmod_polls td.row1 {
  vertical-align   : top;
  padding          : 2px;
  background       : #000033;
  border-top       : 1px solid #666666;
  border-bottom    : 1px solid #666666;
  text-align:left;
}
.dkmod_polls td.row2 {
  vertical-align   : top;
  padding          : 2px;
  background       : #000055;
 /* border-top       : 1px solid #cccccc;*/
 /* border-bottom    : 1px solid #999999;*/
  text-align:left;
}
.dkmod_polls .dk_content
{
  padding-top:5px;
  /*padding-left:3px;
  padding-right:3px;*/
  text-align:left;
}
.dkmod_polls .polls_header
{
  font-weight:bold;
  text-align:left;
 /* background       : #330000;*/
}
.dkmod_polls table
{
  width:98%;
}
.dkmod_polls .dk_content
{
  padding-top:5px;
  margin-bottom:5px;
}
.dkcom_polls select
{
  width:300px;
}
/*----------------------- EVENTS ----------------------*/
.dkmod_eventcal
{
 background-color : #2D2C43;
}
.dkmod_eventcal a.movelink
{
  font-size:11px;
  color       : #CCCCCC;
  text-decoration:none;
}
.dkmod_eventcal table.header
{
  background-color : #666666;
}
.dkmod_eventcal span.monthyear
{
  color       : #ffffff;
}
.dkmod_eventcal td.sunday, td.monday, td.tuesday, td.wednesday, td.thursday, td.friday, td.saturday
{
  font-size:11px;
  color       : #CCCCCC;
  background-color : #666666;
}
.dkmod_eventcal .daylink
{
  background-color : #FF9900;
  color       : #000000;
}
.dkcom_evententry
{
  width:98%;
  padding          : 3px;
}
.dkcom_evententryitem1
{
  vertical-align   : top;
  padding          : 3px;
  background       : #000033;
  border-top       : 1px solid #444444;
  border-bottom    : 1px solid #444444;
}
.dkcom_evententryitem2
{
  vertical-align   : top;
  padding          : 3px;
  background       : #000022;
 /* border-top       : 1px solid #FFFFFF;
  border-bottom    : 1px solid #999999;*/

}
.dkcom_evententryitemcolumn1
{
  width:19%;
  float:left;
  clear:left;
  padding:2px;
}
.dkcom_evententryitemcolumn2
{
  float:left;
  width:79%;
  padding:2px;
}

.dkcom_eventspacer
{ 
  clear:both;
  height:1px;
}

/*------------------- MENU ------------------------*/

.dkmod_menu  a.menu_mainlevel  { text-align       : center; display          : block; font-size        : 12px; text-decoration  : none; width            : auto; color            : #cccccc; font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }


.dkmod_menu  a.menu_mainlevel:link { text-align       : center; display          : block; font-size        : 12px; text-decoration  : none; width            : auto; color            : #e8e8e8; font-family: Verdana, Arial, Helvetica, sans-serif; }
.dkmod_menu a.menu_mainlevel , .dkmod_menu a.menu_mainlevel:visited { text-align       : center; display          : block; font-size        : 12px; font-weight      : normal; padding          : 0; color            : #e8e8e8; font-family: Verdana, Arial, Helvetica, sans-serif; width            : auto; }
.dkmod_menu a.menu_mainlevel:hover { font-family: Verdana, Arial, Helvetica, sans-serif; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }
/* to fix an Opera bug */
.topmenu {
	display: block;
}

/* customization for the topmenu */
.topmenu a.menu_mainlevel { list-style        : none; padding           : 0; margin            : 0; font-size         : 11pt; color            : #ccc; font-family: Verdana, Arial, Helvetica, sans-serif; line-height: 25px; }
.topmenu ul.menu_mainlevel li { display           : block;
	/*background-image  : none;*/
	padding-left      : 4px; padding-right     : 4px; float             : right; margin            : 0; width             : auto !important; width             : 10%; font-size         : 11px; line-height       : 16px; white-space       : nowrap; border-left      : 2px solid #888; color            : #999; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-align: center; }

.topmenu li a.menu_mainlevel { width             : 10%; display           : block; padding-left      : 5px; padding-right     : 5px; text-decoration   : none; color             : #999; font-weight      : normal; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

#buttons>.topmenu  ul.mainlevel li>a { width: auto; }

.topmenu li a.menu_mainlevel:hover{ color            : #fdb100; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; }

.dkmod_menu a.menu_sublevel:link, .dkmod_menu a.menu_sublevel:visited {
 	font-family      :Tahoma, Arial, Verdana, Geneva, Helvetica, sans-serif;
	padding-left: 1px;
	font-size: 12px;
	font-weight  : bold;
	text-decoration: none;
	color: #999999;
}

.dkmod_menu a.menu_sublevel:hover { color: #ccc; background-image: none; }

.dkmod_menu a.menu_sublevel#active_menu {
  	background:#003ae6
}

/******************************************************/
/************** DRABOT CUSTOM CLASSES *****************/
/******************************************************/

.dkbot_content_vote {
  font-size        : 10px;
  height           : 22px;
  padding-top      : 2px;
  padding-bottom   : 2px;
}
.dkbot_content_rating {
  font-size        : 10px;
  color            : #CC9900;
}
/******************************************************/
/************** DROPDOWN MENU CLASSES *****************/
/******************************************************/
.dkmod_dropdown{
}
#dd { margin: 0 5px; padding: 0 3px; }
#dd li { color: #f2f2f2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal; font-variant: normal; margin: 0; padding: 0 5px; list-style: none; float: right; background-image: none; background-position:0 50%; background-repeat:no-repeat; text-decoration: none; height: 25px; }
#dd li a.menu { display: block; text-align: center; color: #f2f2f2; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: none; background-repeat: repeat; background-attachment: scroll; background-position: 0 0; text-decoration: none; padding: 1px 2px; }
#dd li a.menu:hover { color: #1a1a1a; background: #cdcdcd; }
.submenu {
  background: #404040;
  border: solid 1px #000000;
  visibility: hidden;
  position: absolute;
  z-index: 3;
  width: auto;
}
.submenu a { display: block; text-align: left; text-decoration: none; padding: 2px 5px; color: #f3f3f3; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal;f;line-height: normal; width: auto; ont-variant: normal; }
.submenu a:hover { background: #d6d6d6; color: #000000; font-family: Verdana, Arial, Helvetica, sans-serif; }