* {
    font-family: arial, helvetica, verdana;
    font-size: 10pt;
}

body {
    background: #EEEEEE;
}

a {
    text-decoration: none;
}

legend {
    color: #666666;
}

legend a {
    text-decoration: underline;
}

legend a:link {
    color: #04004D;
}

legend a:visited {
    color: #04004D;
}

legend a:hover {
    color: #04004D;
}

legend a:active {
    color: #04004D;
}

div .visible {
    background: #FFFFFF;
    padding: 5px;
}

form {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    display: inline;
}

form input, form select, form textarea{
	margin-bottom: 3px;
}

label {
    font-weight: bold;
}

button * {
    position: relative;
    top: -1px;
    left: -1px;
}

button[type =
"button"] * {
    position: relative;
    top: -1px;
    left: -3px;
    cursor: pointer;
}


button {
    cursor: hand;
}

input[type =
"submit"], input[type = "image"], input[type = "reset"], button[type = "button"], button[type = "button"] * {
    color: #FFFFFF;
    border-color: #FFFFFF;
    background: #AAAAAA;
}

.error {
    padding-left: 20px;
    border-width: 2px;
    border-style: solid;
    border-color: #FF0000;
    background: #FFFFFF;
    color: #FF0000;
    font-family: arial, helvetica, verdana;
    font-size: 10pt;
    font-weight: bold;
}

.error li {
    margin-top: 5px;
    margin-bottom: 5px;
    color: #FF0000;
    font-family: arial, helvetica, verdana;
    font-size: 10pt;
    font-weight: bold;
    text-align: left;
}

.notice {
    font-family: arial, helvetica, verdana;
    font-size: 10pt;
    margin-top: 5px;
    margin-bottom: 5px;
    font-weight: bold;
    color: #000000;
    border-width: 2px;
    border-style: solid;
    border-color: yellow;
    padding: 5px;
    text-align: left;
    background: #FFFFFF;
}

.date {
    font-size: 8pt;
    font-family: arial, helvetica, verdana;
    color: #999999;
}
@media print { .noprint {

display:none;
}
}

#login {
}

#loginForm {
    float: left;
    position: relative;
    left: 100px;
    top: 100px;
    background: white;
    outline-color: #AAAAAA;
    outline-width: 3px;
    outline-style: solid;   
}

#login ul {
    list-style-type: none;
    list-style-position: outside;
    padding: 7px;
    margin: 0px;
}

.sort {
    list-style-type: none;
    list-style-position: outside;
}

.sort * {
    cursor: pointer;
}




.file a {
    text-decoration: none;
    color: #000000;
	font-weight: normal;
}

.fileSelected a {
    background-color: #316AC5;
    color: #FFFFFF;
	font-weight: normal;
}

.folders, .folders ul {
    background-color: transparent;
    list-style-type: none; 
	padding-left: 5px;  
}

.folders ul{
	padding-left: 15px;
}

.folders li { 	
	white-space: nowrap;
}

.folders li div {	
	display: inline-block;
	margin-top: 0;
	height: 20px;
	width: 93%;	
}

.folders li a {	
    color: #000000;
    background-color: transparent;
    text-decoration: none;
    background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;    
	text-indent: 20px;
    height: 20px;
	width: 100%;
	line-height: 20px;
	-moz-border-radius: 3px;
	text-decoration: none;
	font-weight: normal;	
}

.folders li a:hover {
    background-color: #D5DBFF;
    color: #000000;
	font-weight: normal;   
    
}

.folders li .opened {
	background-image: url(/_resource/FileAdmin/folder_open!gif);
}

.folders li .closed {
	background-image: url(/_resource/FileAdmin/folder_closed!gif);
}

.folders li .selected {
    background-color: #E4E4E4;    
}

.folders li .impanded {	
	float: left;
	background-image: url(/_resource/FileAdmin/impanded!gif);
	background-position: left center;
    width: 7%;
	height: 20px;
	background-color: transparent;	
}

.folders li .impanded:hover{
	background-color: transparent;
}

.folders li .expanded {	
	float: left;
	background-image: url(/_resource/FileAdmin/expanded!gif);
	background-position: left center;
    width: 7%;
	height: 20px;
	background-color: transparent;
}

.folders li .expanded:hover{
	background-color: transparent;
}

.folders li .spacer {
	display: inline-block;
	float: left;
	background-image: none;
    width: 7%;
	height: 20px;
	background-color: transparent;
}

.folders li .spacer:hover{
	background-color: transparent;
}

.droppableFolderHover a {
    background-color: #ACB8FB;
    color: #FFFFFF;
	-moz-border-radius: 3px;
}

.droppableFolderHover {
    background-color: #ACB8FB;
    color: #FFFFFF;
	-moz-border-radius: 3px;
}

.folderBox {
    float: left;
    border: solid 1px #999999;
    width: 15em;
    display: inline-block;
}

.fileBox {
    float: left;
    border: solid 1px #999999;
    margin-left: 10px;
    min-width: 700px;
    background-color: #FFFFFF;
    display: inline-block;
}

.folderHeader {
    height: 1.6em;
    background-color: #CCCCCC;
    color: #000000;
    font-weight: bold;
}

.folderBody {
    background-color: #FFFFFF;
    color: #000000;
    padding: 3px;
    min-height: 400px;
}

.fileFieldset * {
    white-space: nowrap;
    vertical-align: middle;
    overflow: visible;
}

.folderFieldset * {
    white-space: nowrap;
    vertical-align: middle;
    overflow: visible;
}

.fileTable {
    background-color: #FFFFFF;
    margin: 3px;
    float: left;
    min-width: 750px;
    border: none;
    padding: 0;
    border-spacing: 0;
	table-layout: fixed;
}

.fileTable .fileName {
	width: 30%;
	white-space: nowrap;
	overflow: hidden;	
}

.fileTable .fileSize {
	width: 15%;
	white-space: nowrap;
	overflow: hidden;	
}

.fileTable .fileType {
	width: 20%;
	white-space: nowrap;
	overflow: hidden;		
}

.fileTable .fileLastEdited {
	width: 20%;
	white-space: nowrap;
	overflow: hidden;	
}

.fileTable .fileEdit {
	width: 15%;
	white-space: nowrap;
}

.fileTable thead {
    font-weight: bold;
}

.fileTable .fileEdit * {
    float: left;
}
.configBar {
	margin: 0 0 5px 0;
}

.configBar * {
	font-family: verdana, arial, tahoma, helvetica, times;
	font-size: 11px;
}

.configBar .cbtitle {
	background: red;
	display: none;
	height: 22px;
	background: url('/images/configBar/bg_configbar_title.png') repeat-x;
	border: 1px solid #0072B6;
	line-height: 22px;
	padding: 0;
}

.configBar .cbtitle span {
	float: left;
	padding: 0 0 0 26px;
	background-image: url('/images/icons/brick.png');
	background-position: 4px center;
	background-repeat: no-repeat;
	line-height: 22px;
	color: #000000;
}

.configBar .cbtitle img{
	padding: 0;
}

.configBar .cbbody {
	padding: 2px;
	background: #C4C7BE url('/images/configBar/bg_configbar_body.png') repeat-x;
	border: 1px solid #A2A49C;
			}

.configBar .cbbody a {
	float: left;
	margin: 0 0 0 1px;				
	border: 1px solid #CDCFCF;
	background: url('/images/configBar/bg_configbar_button.png') center center repeat-x;
}

.configBar .cbbody a:hover,
.configBar .cbbody a:focus,
.configBar .cbbody a:active {							
	border: 1px solid #A2A49C;
	background: url('/images/configBar/bg_configbar_button_hover.png') center center repeat-x;
}

.configBar .cbbody a img {
	padding: 2px;
	border: 0;		
}

.configBar .cbbody span {
	height: 24px;		
	line-height: 24px;
	padding: 0 10px;
}

.configBarPage {
	margin: 5px;
}

.configBarPage .cbtitle,
.configBarSection .title {
	display: block;
}

.configBarPage .cbbody,
.configBarSection .cbbody {
	border-top: 0;
}

.configBarPage .cbbody span,
.configBarSection .configBar .cbbody span {
	visibility: hidden;
}
#popup_modal_layer {
	position: absolute;
	top: 0;
	left: 0;
	background: url('/images/popup/b.png');	
}

#popup_modal_layer.closeable{
   cursor: pointer;
}

#popup {
	position: absolute;
	background: #FFFFFF;
	border: 1px solid #888888;
}

#popup .button {
	border: 1px solid #888888;
	background: #DDDDDD;
	color: #000000;
	margin: 0 0 0 5px;
}

#popup label {
	float: left;
	font-weight: bold;
	width: 150px;
}

#popup .textfield {
	width: 300px;
}

#popup .close {
	position: absolute;
	top: 7px;
	right: 7px;
	cursor: pointer;
	padding: 2px;
	border: 0;
}

#popup .title {	
	background-color: #DDDDDD;
	border-bottom: 1px solid #888888;
	height: 35px;
}

#popup .title span {
	font-weight: bold;
	color: #000000;
	line-height: 35px;
	padding: 0 10px;
}

#popup .title img {
	float: left;
	padding: 10px 0 0 10px;	
}

#popup.move .body ol {
	margin: 0 0 0 30px;
	padding: 0;
}

#popup.move .body ol li {
	cursor: pointer;
	margin: 0 0 5px 0;
	padding: 5px;
	background: #DDDDDD;
	border: 1px solid #888888;
}

#popup .body {
	padding: 10px;
	background: #FFFFFF;
}

#popup .buttons {
	clear: both;
	padding: 10px;
	text-align: right;
}

#popup .tl {
	width: 10px;
	height: 10px;
	position: absolute;
	top: -10px;
	left: -10px;
	background: url('/images/popup/tl.png') no-repeat;	
}

#popup .tr {
	width: 10px;
	height: 10px;
	position: absolute;
	top: -10px;
	right: -10px;
	background: url('/images/popup/tr.png') no-repeat;	
}

#popup .bl {
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -10px;
	left: -10px;
	background: url('/images/popup/bl.png') no-repeat;
}

#popup .br {
	width: 10px;
	height: 10px;
	position: absolute;
	bottom: -10px;
	right: -10px;
	background: url('/images/popup/br.png') no-repeat;
}

#popup .t {
	width: 100%;
	height: 10px;
	position: absolute;
	top: -10px;				
	background: url('/images/popup/b.png') repeat-x;
}

#popup .l {
	width: 10px;
	height: 100%;
	position: absolute;
	left: -10px;				
	background: url('/images/popup/b.png') repeat-y;
}

#popup .r {
	width: 10px;
	height: 100%;
	position: absolute;
	right: -10px;
	background: url('/images/popup/b.png') repeat-y;
}

#popup .b {
	width: 100%;
	height: 10px;
	position: absolute;
	bottom: -10px;				
	background: url('/images/popup/b.png') repeat-x;
}

.calendar .monthNavigatorContainer, .calendar .yearNavigatorContainer {
	text-align: center;
}

.calendar .monthNavigator, .calendar .yearNavigaror {
	white-space: nowrap;
}

.calendar .monthNavigator span, .calendar .yearNavigator span {
	vertical-align: top;	
	display: inline-block;	
	height: 25px;
}

.calendar .monthNavigator .button, .calendar .yearNavigator .button {
	width: 30px;
	cursor: pointer;
	border-style: solid;
	border-width: 1px;
	border-color: #AAAAAA;
}

.calendar .monthNavigator .next, .calendar .yearNavigator .next {
	background-position: center;
	background-repeat: no-repeat;
	background-image: url('/images/icons/arrow_right.png');
}

.calendar .monthNavigator .previous, .calendar .yearNavigator .previous {
	background-position: center;
	background-repeat: no-repeat;	
	background-image: url('/images/icons/arrow_left.png');
}

.calendar .monthNavigator .month {
	vertical-align: middle;
	line-height: 25px;
	width: 40px;
	cursor: pointer;
	text-align: center;
	text-decoration: underline;
}

.calendar .yearNavigator .year {
	vertical-align: middle;
	line-height: 25px;
	width: 60px;
	text-align: center;
	font-weight: bold;
}

.calendar .monthNavigator .current {
   font-weight: bold;
   text-decoration: none;	
}

.calendar .monthView {
	padding: 0;
	margin-top: 20px;
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
}

.calendar .monthView tr .header {
	width: 14.286%;
	height: 20px;
	font-weight: bold;
	vertical-align: top;
	text-align: left;
}

.calendar .monthView tr .dayField {	
	height: 100px;
	vertical-align: top;
	text-align: left;
	padding: 3px;
	margin: 0;	
	border-collapse: collapse;	
}

.calendar .monthView tr .active {
	color: black;
	background-color: #DDDDDD;
	border-style: solid;
	border-width: 1px;
	border-color: white;
	cursor: pointer;
}

.calendar .monthView tr .hover {	
	background-color: #C8D1E6;
}

.calendar .monthView tr .today {
	border-width: 2px;
	border-color: #A6ABCC;
}

.calendar .monthView tr .inactive {
	color: #BBBBBB;
}

.calendar .monthView ul {
	list-style: none;
	padding-left: 0px;
}

.calendar .monthView ul li {
	list-style: none;
	padding-left: 0px;
	margin-top:8px;
}

.dayView ul {
	list-style: none;
	padding-left: 0px;
}

.dayView ul li {
	list-style: none;
	margin-left: 0px;
}

.dayView .date {
	color: black;
	font-weight: bold;
	font-size: medium;		
}

.dayView a img {
	border: none;
}

.tabs .tabsLabels {
	position: relative;
	float: left;
	list-style-position: outside;
	list-style-image: none;
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.tabs .tabsLabels li {
	top: 1px;
	min-width: 20px;	
	margin-right: -1px;
	position: relative;
	float: left;
	background-color: #FFFFFF;
	border: 1px solid #888888;	
}

.tabs .tabsLabels li.active {
	border-bottom: 1px solid #F2F2F2;
	background-color: #F2F2F2;		
}

.tabs .tabsLabels li a {
	display: block;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 3px;
	padding-right: 3px;
	text-decoration: none;	
	text-align: center;
}

.tabs .tabsLabels li a:focus, .tabs li a:active {
	outline: none;
	-moz-outline-style: none;
}

.tabs .tabsContainers {
	clear: both;
	border: 1px solid #888888;
	background-color: #F2F2F2;
	padding: 10px;
}
#sitemap .expanded, #sitemap .image, #sitemap .tPiece, #sitemap .iPiece, #sitemap .lPiece, #sitemap .ePiece, #sitemap .nPiece {
	width: 15px;
	padding: 0px;
	margin: 0px;
	float: left;
}

#sitemap .expanded {
	background: url('/Sitemap/expanded!gif/download') center center no-repeat;
}

#sitemap .tPiece {
	background: url('/Sitemap/treeline1!gif/download') center center no-repeat;
}

#sitemap .iPiece {
	background: url('/Sitemap/treeline3!gif/download') center center no-repeat;
}

#sitemap .lPiece {
	background: url('/Sitemap/treeline2!gif/download') center center no-repeat;
}

#sitemap .ePiece {
	background: url('/Sitemap/treeline4!gif/download') center center no-repeat;
}

#sitemap .image {
	display: none;
}

#sitemap .sitemapLevel1, #sitemap .sitemapLevel2, #sitemap .sitemapLevel3, #sitemap .sitemapLevel4 {
	clear: both;
}

#sitemap {
	float: left;
}

#sitemap .sitemapColumn {
	float: left;
	width: 240px;
	background: #FFFFFF;
}

#sitemap .sitemapMenu {
	margin-bottom: 10px;
	margin-right: 10px;
}

#sitemap a {
	display: block;
	padding: 0px 10px;
	text-decoration: none;
	white-space: nowrap;
}
.gallery .thumbnail {
	display:inline-block;
	text-align:center;
	margin: 5px;
}

.gallery .thumbnail img{
   border-style: none;	
}	

.galleryDetailView {
	white-space: nowrap;
	text-align:center;
}

.galleryDetailView img {
	border: none;
}

.galleryDetailView .navigateButton {	
	width: 20px;
	height: 100px;
    outline: 1px solid #888888; 
	cursor: pointer; 	
}

.galleryDetailView .disabled {	 
	opacity:0.4;
	filter:Alpha(opacity=40);
	width: 20px;
	height: 100px;
	outline: 1px solid #888888;
	
}

.galleryDetailView .left {
	background: #DDDDDD url('/images/icons/arrow_left.png') center no-repeat;	  
    float: left;
}

.galleryDetailView .right {    
	background: #DDDDDD url('/images/icons/arrow_right.png') center no-repeat;	         
    float: right;
}

.galleryDetailView .content {
    float: left;   
    //margin-right: 5px;
    margin-left: 20px;
}
.box{
   border: solid 1px #999999;   
}

.boxHeader{
   height: 1.7em;
   vertical-align: middle;
   background-color: #CCCCCC;
   color: #000000;
   padding: 3px;
   font-weight: bold;  
}
.boxBody{
   background-color: #FFFFFF;
   color: #000000;
   padding: 3px;  
}
.search .result .title {
    margin-top: 25px;
	margin-bottom: 5px;
	font-weight: bold;
}

.search .result .headline {
    margin-top: 5px;
	margin-bottom: 5px;
}

.search .result .headline b, .searchTerm {
    background: #FCE100;
	font-weight: bold;
}

.search .result .rank {
    color: #888888;
	margin-top: 5px;
	margin-bottom: 5px;
}

.search ul {
	list-style-type: none;
    list-style-position: outside;
	padding-left: 0px;
}

.news li {
    list-style: none;
}

.newsEntry * {
    white-space: normal;
}

.newsEntry .header {
    font-weight: bold;
    font-size: 14px;	
    margin: 0;
	padding: 0;
	margin-top: 10px;	
}

.newsEntry .description {
	padding: 0;
    margin: 0;
	margin-bottom: 8px;    
}

.newsEntry .footer {
    color: grey;
	padding: 0;
    margin: 0;
	margin-bottom: 25px;  
}
.editableList {
	display: inline-block;
}

.editableList ul {
	padding-left: 0;	
}

.editableList ul li {
	list-style: none;
}

.contactform .successMessage {
	font-size: 16px;
	font-weight: bold;
	color: green;
}

.contactform * {
	vertical-align: top;
} 

.contactform label {
	display: inline-block;
} 



.datePicker {
    width: 200px;
    height: 220px;
    background-color: #FFFFFF;
    border-width: 1px;
    border-color: gray;
    border-style: solid;
    padding: 5px;
    text-align: center;	
}

.datePicker * {
	font-size: 12px;
}

.dateTimePickerClose {
    text-align: right;
    cursor: pointer;
    color: black;
    text-decoration: none;	
}

.datePickerYearSelector {
   width: 100%;
   margin-top: 10px;
}

.datePickerYearSelector .left {
	width: 35%;	
	text-align: right;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
}

.datePickerYearSelector .middle {
	width: 30%;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}

.datePickerYearSelector .right {
	width: 35%;	
	text-align: left;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
}

.datePickerMonthSelector {
   width: 100%;
   margin-top: 5px;
}

.datePickerMonthSelector .left {
	width: 25%;	
	text-align: right;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
}

.datePickerMonthSelector .middle {
	width: 50%;
	text-align: center;
	display: inline-block;
	font-weight: bold;
}

.datePickerMonthSelector .right {
	width: 25%;	
	text-align: left;
	display: inline-block;
	cursor: pointer;
	font-weight: bold;
}

.datePickerDaySelector {
    width: 100%;
    height: 150px;
	margin-top: 5px;
}

.datePickerDaySelector table tr td {
    border-width: 1px;
    border-color: gray;
    border-style: solid;
    text-align: right;
    padding-right: 5px;
    color: gray;;
    width: 14.286%
}

.datePickerDaySelector table tr td.active {
    cursor: pointer;
    color: black;
}

.datePickerDaySelector table tr td.hover {
    cursor: pointer;
    color: black;
    background-color: lightgray;
}

.datePickerDaySelector table tr td.selected {
    cursor: pointer;
    color: black;
    background-color: lightgray;
	border-width: 2px;
	font-weight: bold;
    border-color: red;
    border-style:dotted;
}

.datePickerDaySelector table tr td.header {
    color: black;
    border-style: none;
	font-weight: bold;
}

.datePickerDaySelector table {
    border-spacing: 0px;
    border-collapse: collapse;
}

.timePicker {
    width: 150px;
    height: 100px;
    background-color: white;
    border-width: 1px;
    border-color: gray;
    border-style: solid;
    padding: 5px;
    text-align: center;
}

.timePicker * {
	font-size: 12px;
}

.timePickerTimeSelector {
	margin-top: 15px;
}

.timePickerTimeSelector select {
	width: 40px;
}

.navigation li {
	list-style: none;
}

.navigation .active {
	font-weight: bold;
}

.navigation .normal {
	font-weight: normal;
}

.upcomingeventsnews ul {
  padding-left: 15px;
}

.upcomingeventsnews li {
	list-style: none;	
}
.userSettingsAdmin .button {
	border: 1px solid #888888;
	background: #DDDDDD;
	color: #000000;
	margin: 0 0 0 5px;
}

.userSettingsAdmin label {
	float: left;
	font-weight: bold;
	width: 200px;
}

.userSettingsAdmin .textfield {
	width: 300px;
}
.register .button {
	border: 1px solid #888888;
	background: #DDDDDD;
	color: #000000;
	margin: 0 0 0 5px;
}

.register label {
	float: left;
	font-weight: bold;
	width: 200px;
}

.register .textfield {
	width: 300px;
}