/* ================================
    CSS STYLES FOR Module Events
   ================================
*/

/*HACK: Having issues displaying Ajax Control Toolkit Tab control in DotNetNuke */

/* TABS 
.ajax__tab_xp .ajax__tab_header {font-family:verdana,tahoma,helvetica;font-size:11px;background:url(images/tab-line.gif) repeat-x bottom;}
.ajax__tab_xp .ajax__tab_outer {padding-right:4px;background:url(images/tab-right.gif) no-repeat right;height:21px;}
.ajax__tab_xp .ajax__tab_inner {padding-left:3px;background:url(images/tab-left.gif) no-repeat;height: 21px;}
.ajax__tab_xp .ajax__tab_tab {
      height: 21px;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_outer {background:url(images/tab-hover-right.gif) no-repeat right;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_inner {background:url(images/tab-hover-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_hover .ajax__tab_tab {height: 21px;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_outer {background:url(images/tab-active-right.gif) no-repeat right;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_inner {background:url(images/tab-active-left.gif) no-repeat;}
.ajax__tab_xp .ajax__tab_active .ajax__tab_tab {height: 21px;}
.ajax__tab_xp .ajax__tab_body {font-family:verdana,tahoma,helvetica;font-size:10pt;border:1px solid #999999;border-top:0;padding:8px;background-color:#ffffff;}
*/


.updateProgress
{
    border-width:1px; 
    border-style:solid; 
    background-color:#CCCCCC; 
    position:absolute; 
    width:130px; 
    height:50px;    
}
.updateProgressMessage
{
    margin:3px; 
    vertical-align: middle;
}


 
.alternatingrowstyle{
    background-color:#f9f9f9;
}
.headerstyle{
    background-color:#e5e5e5;
    height:20px;
}
.headerstyle th {
    border:1px solid #bbbbbb;
}  
   
.sortalternatingrowstyle{
    background-color:#e5e5e5
}
.sortrowstyle{
    background-color:#f0f0f0
}
.sortascheaderstyle{
    background:#c5c5c5 url(images/sort_asc.gif) no-repeat scroll right center;
    padding-left:5px;
}
.sortdescheaderstyle{
    background:#c5c5c5 url(images/sort_desc.gif) no-repeat scroll right center;
    padding-left:5px;
} 
.pagerstyle{
    color:#444444;
    background-color:#f9f9f9;
    font-size:10px;
    text-align:right;
    height:30px;
} 
.pagerstyle select{
    font-size:10px;
} 

/*
.previous{
    background:transparent url(images/previous.gif) no-repeat scroll center;
    height:22px;
    width:24px;
}
.next{
    background:transparent url(images/next.gif) no-repeat scroll center;
    height:22px;
    width:24px;
}
*/  
.gotopage{
    font-size:10px;
    width:20px;
}
.pagesize { font-size:10px; }
	

#element_quickevents			{ width:180px; }
#element_quickevents .element	{ padding-bottom:15px; }
#element_quickevents .img		{ float:left; margin: 5px 5px 0px 5px; }
#element_quickevents img		{ border: 0px; }
#element_quickevents .pad		{ padding-top:5px; padding-left:2px; font-size:10px;}
#element_quickevents .date		{ font-weight:bold; font-size:10px; }
#element_quickevents .city		{ font-size:10px; }


#element_displayevents			{ width:100%; padding-bottom:15px; height:80px; }
#element_displayevents .img		{ float:left; margin: 5px 5px 0px 5px; }
#element_displayevents img		{ border: 0px; }
#element_displayevents .pad		{ padding-top:5px; padding-left:2px; font-size:10px;}
#element_displayevents .date	{ font-weight:bold; font-size:10px; }
#element_displayevents .cat		{ padding-left:50px; font-size:10px; }

.GroupHeader					{ background-color: #999999; color: White; padding-left: 5px; padding-top:2px; padding-bottom:2px; font-size:11px; font-weight:bold; margin-bottom:5px;}

.DisplayGridTable				{ width:100%; border: solid 1px #CCCCCC; }
.DisplayGridTable td			{ margin-top: 20px; }
.DisplayGridTableSmall			{ width:100%; }
.DisplayGridTableSmall td		{ padding: 2px 1px 1px 4px; }



.ImageLink						{ width:100%; padding-left:12px; background-image:url(Images/more.gif); background-repeat:no-repeat; background-position:left;  }
.ImageNavRight					{ padding-right:12px; padding-left:2px; background-image:url(Images/navright.gif); background-repeat:no-repeat; background-position:right; }
.ImageNavLeft					{ padding-left:12px; padding-right:2px; background-image:url(Images/navleft.gif); background-repeat:no-repeat; background-position:left; }




.itemDateText					{ font-size:11px; font-weight: bold; }
.itemCategoryText				{ padding-left:5px;  }
.itemTimeText					{  }
.itemTitle						{ margin-bottom:6px; }
.itemTitleText					{ padding-left:3px; font-size:12px; font-weight: bold; }
.itemInfoBox1					{ float: left; height: 90px; width: 65%; border: 1px solid ActiveBorder; padding:3px; margin-bottom:3px; }
.itemInfoBox2					{ float: left; height: 90px; border: 1px solid ActiveBorder; padding:3px; padding-left:5px; margin-left:5px; margin-bottom:4px; width:31%; }
.itemMainText					{ clear: both; border: 1px solid ActiveBorder; padding:5px; margin-bottom:30px; width:97% }



a.graybox1						{ float: left; background-color: #EFEFEF; padding:2px; border: 1px solid ActiveBorder; border-bottom-width: 0px; text-align:center; text-decoration: none; width: 125px; }
a.graybox1:hover				{ background-color: #DEE2E7; }
a.tabselect						{ float: left; background-color: #DEE2E7; padding:2px; border: 1px solid ActiveBorder; border-bottom-width: 0px; text-align:center; text-decoration: none; width: 125px;  }

.itemImage120					{ float: left; padding: 0px 2px 2px 0px;  }
.itemImage120 img				{ }


.emptyResult					{ font-size:13px; font-style: italic; text-align: center; margin: 30px 5px 30px 5px;}

/* CSS classes for the navigation menu at bottom of the page (Previous/More Products, etc) */

.navigationEC2
{
	border: 1px solid ActiveBorder;
	margin-top:5px;
	margin-bottom:10px;
	background-color: #EFEFEF; 
	width:100%;
	}
.navigationEC2 td { padding-left:10px; padding-right:10px;}


/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.DDLPanelListSearchExtender
{
    position: relative;
}

.Grid { border: solid 1px ActiveBorder; }
.Grid td
{
	border: solid 1px ActiveBorder;
	
}
.GridHeader
{
	background-color: #DBEDF5;
	font-style:italic;
	
}
.GridHeader th
{
	border: solid 1px ActiveBorder;
	padding-left:2px;
}
.GridAtlItem { background-color: #EFEFEF; }



/* FILTERBOX AND ORDERPAGEBOX*/
.FilterAndSortyByTable
{
  border: 1px solid ActiveBorder;
  height: 30px;
  /*border: 1px solid #5c9ebf;
  background: url("images/boxblue.gif") repeat-x;
  background-color: #b7d7e6;*/
  background-color: #EFEFEF;
  padding: 0px 5px 0px 5px;
  margin-bottom: 1px;
}


/* TABS */
.ev2shadetabs{
 margin-top: 2px;
 margin-left: 0px;
 margin-bottom: 7px;
 padding: 2px 0px;
 border-bottom: 1px solid #778;
}

.ev2shadetabs li{
 list-style: none;
 margin: 0;
 display: inline;
}

.ev2shadetabs li a{
 padding: 2px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: white url(images/shade.gif) top left repeat-x;
 text-decoration: none;

}

.ev2shadetabs li a:link{
	text-decoration: none;
    color: Black;
    font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
}
.ev2shadetabs li a:visited{
	text-decoration: none;
    color: Black;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	font-weight: bold; 
	font-style: normal; 
}

.ev2shadetabs li a:hover
{
	text-decoration: none;
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold; 
	font-style: normal; 
    color: Black;
    background-image: url(images/shadeactive.gif);
}

.ev2shadetabs li.selected a{ /*selected main tab style */
 background-image: url(images/shadeactive.gif);
 border-bottom: 1px solid #fff;
}

.ev2shadetabs li.selected a:hover{ /*selected main tab style */
 border-bottom: 1px solid white;
}

.ev2contentstyle
{
	padding: 2px; 
	padding-top: 10px;
	padding-bottom: 10px;

}


/* Suchergebnisse (GridView) */

.tableViewPager
{
	background-color: White;
}

.tableViewPager TR
{
	height: 25px;
}

.tableViewPager a
{
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 3px;
	background-color: #DCDCDC;
	color: #000000;
	text-decoration: underline;	
}

.tableViewPager span
{
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 2px;
	background: #ffffff;
	color: #000000;
}

.tableViewPager a:hover
{
	border-top: #000000 1px solid;
	border-bottom: #000000 1px solid;
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 0px;
	padding-bottom: 3px;
	background: #ffffff;
	color: #000000;
	text-decoration: underline;	
}

.tableViewAlternatingRow {
	background: #FAFAFA;
}

.tableViewHeader 
{
	background-color: #D7D7D7;
	height: 20px;
}

.tableViewHeader a
{
	text-decoration: none;	
}