﻿ /*
    Menu
*/
.mnu
{
z-index: 150;
display:block;
    }
.AspNet-Menu-Vertical ul a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.AspNet-Menu-Vertical a .sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			56.45em;
	top:			11.45em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url('images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.AspNet-Menu-Vertical ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.AspNet-Menu-Vertical ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
div ul.sf-shadow ul 
{
    border-width:0;
	background:	url('images/shadow.png') no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
div ul.sf-shadow ul.sf-shadow-off {
	background: transparent;
}

 /*****************************
Calendar
******************************/
#calendar tbody{width:98%; border:solid 1px #BDCEA1;}
#calendar tbody tr td {width:60px; height:60px;}
#calendar tbody tr td table tbody tr{width:100%;}
#calendar tbody tr th .caption{ background-color:#C3D3A7;width:20px; height:20px;}
#calendar tbody tr td table tbody {width:100%; border-width:0;}
#calendar tbody tr td{ vertical-align:middle; text-align:center;}

 #calendar {
	/*background: url(images/calendar.png);
	height: 195px;*/
	/*padding-left: 20px;*/
	text-align: center;
	margin:0 auto;
	
}	
	#calendar * {
		margin: 0;
		padding: 0;
	}	
#calendar{
		background: none !important;
		cursor: move;
		
		padding-top: 10px;
		width: 500px; 
		/*position: relative;
		overflow: hidden;height:190px;*/
		font-size:11px;		
	}
	#calendar tr
	{
	    height:50px;
	    }
	#calendar a
	{
	    padding:6px;
	    text-decoration:none;
	    }
	
	.calendar.caption td{
		color: #8DAC02;
		/*font: normal 12px/16px Arial, Helvetica, sans-serif;*/
		padding-top: 6px;
		text-align: center;
		width: 100%;
		height: 21px;text-decoration:none;
	}
	.calendar .caption a {
		cursor: pointer;
		display: block;
		height: 12px;
		overflow: hidden;
		position: absolute;
		text-indent: -100px;
		top: 17px;
		width:500px;
		color:#8DAC02;
		
	}
.calendar .caption tr td.prev a{
		/*background-image: url(images/calendar-prev.gif);
		left: 20px;*/text-decoration:none;
	}
	.calendar table.caption a.next {
		background-image: url(images/calendar-next.gif);
		background-repeat:no-repeat;background-position:10px top;
		right: 10px;
	}
	.calendar table.caption a:hover {
		background-position: 0 12px;
	}
	.calendar table.caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
.calendar table.caption span.month {
		padding-right: 8px;
	}
.calendar table.caption span.month:after {
		content: ',';
	}

.calendar table {
		background: #FFF;
		border: 0;
		border-collapse: collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;

	}
.calendar td,
#calendar th {
		border: 0;
		color: #0597DB;
		font: bold  Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
#calendar tbody tr:hover td
{
    background-position: #fff;
    opacity:.5;
    width: 207px;
    background: #fff;
}
#calendar tbody tr td
{
    background-position: #fff;
    width: 207px;
    background: #fff;
}
#calendar td .calLink{color:#fff;}

#calendar tbody tr td {width:60px; height:60px;}
#calendar tbody tr td table tbody tr{width:100%;}
#calendar tbody tr th .caption{ background-color:#C3D3A7;width:20px; height:20px;}
#calendar tbody tr td table tbody {width:100%; border-width:0;}

 
 /*****************************
Teaser
******************************/

/*  -- teaser --  */
#teaser{
padding:7px 0;
/*border:1px solid #3f3f3f;*/
background-image:url('images/bg_dark.jpg');
margin-bottom:10px;
float:left;
background-attachment:fixed;
position:relative;
    top: 0px;
    left: 0px;
    width:590px;
}
#teaser ul li
{
    list-style-type:none;
    }
.teaserbox
{
    background-color: #F7F7F7;
    border: 1px solid #EAEAEA;
    float: left;
    height: 220px;
    overflow: hidden;
    padding: 5px;
    width: 320px;
    position: relative;
}

.teaserbox img{
border-style: none;
    border-color: inherit;
    border-width: medium;
    height:190px;
    width:290px;
    overflow:hidden;
    position:absolute;
    top: 11px;
    left: 13px;
}

#top .teaserbox a img, #top .teaserbox a:hover img{
border:none;

}

#top .teaserbox a{
display:none;
}

.teaser_infobox
{
    border-right: 1px solid #EAEAEA;
    border-top: 1px solid #EAEAEA;
    border-bottom: 1px solid #EAEAEA;
    background-color: #F4F4F4;
    width: 240px;
    height: 230px;
    float: left;
    border-left: none;
    position: relative;
    top: 0px;
    left: 0;
}

.scrollup, .scrolldown{
position:absolute;
top:3px;
display:block;
height:22px;
width:22px;
z-index:10;
cursor:pointer;
right:10px;
background-image:url(images/scroll.gif);
text-indent:-9999px;
background-position:right top;
}

.scrolldown{
background-position:right bottom;
top:25px;
}
.scrollup:hover{
background-position:left top;
}
.scrolldown:hover{
background-position:left bottom;
}


.infowrap{
position:absolute;
border:1px solid #FFF;
right:10px;
top:47px;
width:210px;
height:170px;
overflow:hidden;

}


.infowrap ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
width:366px;
position:absolute;
left:0;
}

#top #teaser .disabled{
}

.teaser_infobox strong{
font-weight:normal;
font-size:18px;
color:#9FC230;
display:block;
margin:15px 0 0 15px;
}

#top .ticker{
background-color:#393939;
}

#wrapper #top .ticker:hover{
background-color:#444;
}

#wrapper #top .displayme{
display:block;
}

.teaser_infobox ul li a, .teaser_infobox ul li a:visited
{
    display: block;
    width: 200px;
    border-bottom: 1px solid #3f3f3f;
    text-decoration: none;
    padding: 3px 5px;
    outline: none;
    border-bottom-color: #FBFBFB;
}

#top .teaser_infobox ul li a:hover{
background-color:#222;
}


.teaser_infobox ul li a span{
display:block;
font-size:10px;
color:#999;
}

.teaserbox span{
position:absolute;
width:307px;
height:205px;
background-image:url(images/glass-trans.png);
background-repeat:no-repeat;
background-position:0 0;
top:13px;
left:13px;
z-index:10;
}

#top .teaserbox span a{
border:none;
text-decoration:none;
display:block;
height:210px;
width:536px;
text-indent:-9999px;
z-index:0;
outline:none;
}

.teaser_excerpt{
display:none;
z-index:5;
position:absolute;
bottom:9px;
left:0;
background-image:url(images/glass2.png);
background-repeat:no-repeat;
background-position:0 0;
padding:0;
color:#000;
width:545px;
}

.teaser_excerpt strong{
display:block;
}

.teaser_excerpt div{
padding:13px 15px 6px;
width:307px;
position:relative
}

.teaser_excerpt p{
padding:2px 0 0 0;
}

.subinfo{
padding:10px;
}
.subinfo dl{
margin:0;
padding:0;
width:100%;
border-bottom:1px solid #EAEAEA;
float:left;
clear:both;
}

.subinfo dt{
	display:block;
	margin:0;
	padding:5px;
	color:#aaa;
	float:left;
}
.subinfo dd{
	display:block;
	margin:0;
	padding:5px;
	float:left;
	width:270px;
}

.subinfo em{
font-weight:bold;
font-style:normal;
}


 /*****************************
Accordion
******************************/
 
 .drawers-wrapper {
        position: relative;
        width: 275px;/**/
        _width:270px;
        float:left;
        margin:5px 5px 5px 10px;
        _margin:5px 0 5px 5px;
    }
        .drawers {
            margin-bottom:15px;
            color:#76797C;
            /*font-size:11px;*/
            line-height: 18px;
        }
           #acc ul.drawer {
                background:transparent url(images/sideboxlight_bg.gif) repeat-y scroll 0pt;
                color:#76797C;
                font-size:11px;
                line-height:1.3em;
                padding:0;
            }
                .drawer-handle
{
    background-position: 0pt;
    /*background: #213741 url(images/slider_handlebg.png) no-repeat scroll 0pt;*/
    background:url(images/features_bottom_bg.gif) repeat-x bottom left;
    color: #FFFFFF;
    cursor: default;
    height: 25px;
    line-height: 25px;
    text-indent: 15px;
    font-size: 12px;
    font-weight:bold;
    width: 100%;
}
 .drawer-handle.open
{
    background-color: #fff;
    background-position: -188px 0pt;
    color: #121212;
}

                /* nasty, but it fixes the indent on the first one. */
                   #acc ul li h6.drawer-handle span 
                    {
                       margin-top:0px; 
                        
                    }
                    #acc ul li
                    {list-style-type:none;
                        }
                #acc ul.drawer {
                    padding: 0 0;
                    padding-bottom:0;
                    /*width:210px;*/
                    
                    
                    
                }

               #acc  li.drawer {
                    /*border-bottom:1px solid #E5E5E5;
                    line-height:18px;*/
                    padding:1px 0;
                                        
                }
                #acc .drawer li {}
                #acc li.drawer h6{padding:0;}
                #acc h6 span{ padding:0 6px;}
                 ul li.drawer h6
                {
                    font-size:12px;
                    }
                    .drawer-content ul {
                        padding-top: 7px;
                    }
                    .drawer-content li a {
                        display:block;
                        overflow:hidden;
                    }
                    .alldownloads li {
                        border:0 none;
                        line-height:18px;
                        padding:0pt;
                    }

           ul li.drawer a {
                color:#666666;
                text-decoration:none;
                /*font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;*/
                padding:0 10px;display:block;
                border-bottom:1px solid #E5E5E5;
                    padding:5px 4px;
            }
             ul li.drawers a:hover {
                color:#666666;
                text-decoration:none;
                background-color:#FAFAFA;
                border-bottom:none;
                display:block;
               /*font-family:"Lucida Grande",Geneva,Arial,Verdana,sans-serif;*/
            }


 /*****************************
Tabs
******************************/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    #eventcon .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    #eventcon .ui-tabs-nav {
        display: none;
        
    }
}

/* Skin */

#eventcon .ui-tabs-nav, #eventcon .ui-tabs-panel {
    font-family: verdana,tahoma,helvetica;
    font-size: 12px;
    line-height:1.2em;
}

#eventcon .ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
    font-family: verdana,tahoma,helvetica;
    font-size: 10px;
    line-height:1.2em;
}
#eventcon .ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
#eventcon .ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 78px; /* be nice to Opera */  
    list-style-type:none;
}
#eventcon .ui-tabs-nav li a
{
    background-image: url(images/tabs_off_left.png);
	background-repeat: no-repeat;
	background-position:left top;
    
}
#eventcon .ui-tabs-nav li a span
{
    padding:10px;
    background-image: url(images/tabs_off_right.png);
	background-repeat: no-repeat;
	background-position:right top;
    }/**/
#eventcon .ui-tabs-nav a, #eventcon .ui-tabs-nav a span {
	display: block;
	padding: 0 0px;
	
}
#eventcon .ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
    
}
#eventcon .ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;

}
#eventcon .ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>#eventcon .ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}

#eventcon .ui-tabs-nav .ui-tabs-selected a, #eventcon .ui-tabs-nav a:hover, #eventcon .ui-tabs-nav a:focus, #eventcon .ui-tabs-nav a:active {
    background-image: url(images/tabs_selected_left.png);/**/
    background-color:#FFF;
	background-repeat: no-repeat;
	background-position:0 0;
	border-bottom:1px solid #ffffff;
	
	
}
#eventcon .ui-tabs-nav a, #eventcon .ui-tabs-nav .ui-tabs-disabled a:hover, #eventcon .ui-tabs-nav .ui-tabs-disabled a:focus, #eventcon .ui-tabs-nav .ui-tabs-disabled a:active {
    /**/background-image: url(images/tabs_off_left.png);
	background-repeat: no-repeat;
	background-position:left top;
	background-color:#FFFBE3;
	border:0 solid #ccc;
    border-width:1px 1px 0 1px;
	border:0;
}
#eventcon .ui-tabs-nav .ui-tabs-selected a span, #eventcon.ui-tabs-nav a:hover span, #eventcon .ui-tabs-nav a:focus span, #eventcon .ui-tabs-nav a:active span {
    
    padding-bottom:10px;
    background-image: url(images/tabs_selected_right.png);/**/
	background-repeat: no-repeat;
	background-position:right top;
}
#eventcon .ui-tabs-nav a span, #eventcon .ui-tabs-nav .ui-tabs-disabled a:hover span, #eventcon .ui-tabs-nav .ui-tabs-disabled a:focus span, #eventcon .ui-tabs-nav .ui-tabs-disabled a:active span {
   padding:7px;
    background-image: url(images/tabs_off_right.png);/**/
    /*border:0 solid #ccc;
    border-width:1px 1px 0 1px;*/
	background-repeat: no-repeat;
	background-position:right top;
	
}
#eventcon .ui-tabs-nav .ui-tabs-selected a:link, #eventcon .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#eventcon .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
#eventcon .ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, #eventcon .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#eventcon .ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
#eventcon .ui-tabs-panel
{
    /*border: 1px solid #EDEFEF;*/
    padding: 1em 8px 1em 20px;
   /* background: #fff url(images/h2_bg.gif)no-repeat top left; declare background color for container to avoid distorted fonts in IE while fading */
    background-image:url(images/h2_bg.gif);
    background-position:top left;
    background-repeat:no-repeat;
    background-color:#fff;
}
#eventcon .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html #eventcon .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html #eventcon .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


 /*****************************
Rating
******************************/
.ratingStar
{
	font-size:0pt;
	width:13px;
	height:12px;
	margin:px;
	padding:0px;
	cursor:pointer;
	display:block;
	background-repeat:no-repeat;
	}
.filledRatingStar
	{
		background-image:url(images/star_small.gif);
		background-position: 0 -20px;
		background-repeat:no-repeat;
		
		}
.emptyRatingStar
		{
			background-image:url(images/EmptyStar.png);
			background-image:url(images/star_small.gif);
		    background-position: 0 0;
		    background-repeat:no-repeat;
		    overflow:hidden;
			}
.savedRatingStar
{
	        background-image:url(images/EmptyStar.png);
			background-image:url(images/star_small.gif);
		    background-position: 0 -17;
		    background-repeat:no-repeat;

	}
	
/*****************************

******************************/
#contentInside .content div.AspNet-DetailsView ul li ul li{ list-style-type:disc;padding-left:0;}
#contentInside .content div.AspNet-DetailsView ul li {list-style-type:none;}
