/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
   -----------------------------------------
   Hey Eric A. Meyer - Thanks man, good job!
   -----------------------------------------
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

.clearfix:after, .card:after {
    content: "";
    clear: both;
    display: table;
}


/* Start of own styles */

html {
  height: 100%;
}

body {
	background: #E7D08F url(/img/bg.jpg) fixed no-repeat;
	font-size: 9pt; 
	font-family: verdana, arial, helvetica;
	height: 100%;
}

a {
  color: #00006E;
  text-decoration: none;
}

a:hover {
  color: #1313ED;
}  

h3 {
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 1.2em;
 }
 
.space {
  margin-bottom:10px;

}	



#header {
	background-color:black;
	width: 100%;
	height:55px;
	color: white;
	position:relative;
	z-index: 100;
}

#header .maintitle {
	color: white;
	font-size: 2.5em;
	margin: 0.4em;
	font-weight: bold;
}

#footer {
	background-color:black;
	width: 100%;
	color: white;
	margin: 0;
}

#content {
  height: 100%;
  width: 100%;
  text-align:center;
}


.midbox {

display:none;
text-align:left;
  
}

.midbox:after {
    content: "";
    clear: both;
    display: table;
}

.cbox {
  padding: 20px;
  background-color:#eeeeee;
  -webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  -moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
  overflow:hidden;
  text-align: left;
}

.cbox:last-child {
  margin-right: 0px !important;
}

input[type=text], input[type=submit], select {
  margin-bottom: 5px;

}

input[type=text], input[type=submit], input[type=password]{
  height: 25px;
  font-size: 11pt !important;
}

select {
  height: 28px;
    font-size: 10pt !important;
}

.blackselect {
    background-color: black;
    color: #ffffff;
}

input[type=checkbox] {
  position: relative;
  top: 3px;
  width: 16px;
  height: 16px;
  margin-left: 0px;
  margin-bottom: 8px;
}

.doccb {
 top: 1px !important;
 width: 12px !important;
 height: 12px !important;
 margin-top: 0px !important;
 margin-bottom: 0px !important;
}

input[type=submit] {
  color:white;
  border-radius: 4px;
  font-weight: bold;
  border: 0px;
  height: 26px;
  cursor: pointer;
}

input[type=button] {
  color:white;
  border-radius: 4px;
  padding: 6px 8px 7px 8px;
  font-weight: bold;
  border: 0px;
  margin-right: 5px;
  cursor: pointer;
}

.button {
  color:white;
  border-radius: 4px;
  padding: 6px 8px 6px 8px;
  font-weight: bold;
  border: 0px;
  margin-right: 5px;
  font-size: 11pt;
  font-family: arial;
  cursor: pointer;
}

.button:hover {
  color:white;
}

.small {
  font-size: 0.8em;
  line-height: 1.2em;
}

.long {
  width: 405px;
}

.mid {
  width: 200px;
}

.short {
  width: 150px;
}

.tiny {
  width: 107px;
}

.smalldrop {
  width: 89px;
}

.block {
 display:block;
 margin-bottom: 5px;
}

.req {
  border:solid 1px #FF5800;
}

.email {
  background: url(/img/mail_bg.png) left no-repeat;
}

.password {
  background: url(/img/pass_bg.png) left no-repeat;
  
}

b {
 font-weight:bold;
 }

.left {
  float: left;
}

.right {
  float: right;
}
.orange {
  background-color:#FF5800;
  cursor: pointer;
 }
 
 .red {
  background-color:red;
 }


.green {
  background-color:#008800;
 }

.hide {
  display:none;
 } 

.gray {
  background-color:#636363;
 }
 
.white {
  color:white !important;
} 
 
.tdwhite {
  background-color:white;
  padding: 2px 10px 2px 2px;
} 

.thgray {
  background-color:#bbbbbb;
  padding: 2px 10px 2px 2px;
  font-weight: bold;
}

#tabs-7 a {
 font-size: 1.0em;
 color: green !important;
 font-weight: normal;
} 
 
 ::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  font-size: 1em;
}
::-moz-placeholder { /* Firefox 19+ */
  font-size: 1em;
}
:-ms-input-placeholder { /* IE 10+ */
  font-size: 1em;
}
:-moz-placeholder { /* Firefox 18- */
  font-size: 1em;
}

.errorbox {
  margin-bottom: 10px;
  font-size: 1.2em;
  padding: 3px;
  background-color: #FA470D;
  color:white;
}

.docload {
 display: inline-block;
 margin: 1px;
}


fieldset {
  padding: 5px 10px 10px 20px;
  color: #444444;
  border:solid 1px black;
  }
  
fieldset legend {
  padding: 5px 5px 5px 5px;
  font-weight: bold;
}  

.card {
  border:solid 1px #aaaaaa;
  padding: 10px;
  border-top: solid 2em #bbbbbb;
  margin: 15px 0px 10px 0px;
  position:relative;
}

.card b {
  position: absolute;
  top: -1.5em;
  font-weight: bold;
  color: black;
  display:block;

}

.card i {
  font-size: 0.8em;
  display: block;
  margin: 5px 0px 0px 0px;
}

.classcard {
  border:solid 1px #aaaaaa;
  padding: 5px;
  margin: 0px 10px 10px 0px;
  position:relative;
  width: 120px;
  height: 120px;
  text-align: center;
}

.classcard b {
  position: absolute;
  bottom: 76px;
  left: 5px;
  font-weight: bold;
  color: white;
  display:block;
  font-size: 1.2em;
  z-index:100;
  text-shadow: 1px 1px #000000;

}

.classcard sup {
  position: absolute;
  bottom: 55px;
  right: 5px;
  font-weight: bold;
  color: #FF5800;
  display:block;
  font-size: 0.7em;
}

.classcard i {
  font-weight: bold;
  color: #FF5800;
  font-size: 1.6em;
}


.eventcard {
  float: left;
  border:solid 1px #CCCCCC;
  padding: 0px;
  margin-right: 2em;
  margin-top: 1em;
  width: 200px;
}

.eventcard:last-child {
  margin-right: 0 !important;
}

.ec_head {
  background-color: #CCCCCC;
  padding: 5px;
  text-align: center;
  height: 115px;
  min-width: 198px;
  font-size: 1.3em;
  font-weight:bold;
  line-height: 1.2em;
  overflow: hidden;
}

.ec_foot {
  background-color: #ffffff;
  padding: 5px;
  text-align: center;
  height: 80px;
  min-width: 198px;
  font-size: 1.1em;
  line-height: 1.2em;
}

.eventcard .ec_foot i {
  font-style: italic;
  font-size: 0.8em;
}

.eventcard img {
  max-width: 165px;
  width: 100%;
}

.servicecard {
	border: solid 1px #bbbbbb;
	padding: 5px;
	background-color: #eeeeee;
	margin-bottom: 5px;
	line-height: 1.2em;
}

.dashboard {
	border: solid 1px #bbbbbb;
	padding: 10px;
}

.dashboard:hover {
	background-color: #dddddd !important;
}

.dashboard a{
	color: #000000;
}

.dashboard:nth-child(even) {margin-right:10px; }


.apps th {
	background-color: #cccccc;
	text-align: center;
	font-weight: bold;
	font-size: 0.8em;
}

.apps td {
	text-align: center;
	font-size: 0.9em;
	height:35px;
	line-height: 1.2em;
}

.apps td a {
  color:black;
}

.apps tr:nth-child(even) {background: #f8f8f8; }
.apps tr:nth-child(odd) {background: #e8e8e8; }

.scapps th {
	background-color: #cccccc;
	text-align: center;
	font-weight: bold;
	font-size: 1em;
	padding:3px;
}

.scapps td {
	text-align: center;
	font-size: 1em;
	height:35px;
	line-height: 1.2em;
	padding:3px;
}

.scapps td a {
  color:black;
}

.scapps tr:nth-child(even) {background: #f8f8f8; }
.scapps tr:nth-child(odd) {background: #e8e8e8; }



#headmenu ul,
#headmenu li,
#headmenu span,
#headmenu a {
  margin: 0;
  padding: 0;
  position: relative;
}
#headmenu:after,
#headmenu ul:after {
  content: '';
  display: block;
  clear: both;
}


#headmenu a {
  color: #ffffff;
  display: inline-block;
  font-weight: bold;
  font-size: 1.2em;
  text-align: center;
  text-decoration: none;
}
#headmenu ul {
  list-style: none;
  background-color:#000000;
}

#headmenu > ul > li a {
  display: block;
  font-size: 1.2em;
  line-height: 1.8em;
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align: center;
  margin: 0.5em;
  background-color: #444444;
  border-radius: 3px;
  min-width: 12em;
}

#headmenu > ul > li a:hover {
  background-color: #666666;
}

#headmenu .has-sub:hover ul {
  display: block;
}
#headmenu .has-sub ul {
  display: none;
  position: absolute;
  top: 2.5em;
  text-align: center;
}
#headmenu .has-sub ul li {
  text-align: center;
}
#headmenu .has-sub ul li a {
  display: block;
  font-size: 1.2em;
  line-height: 1.5em;
  padding: 0.2em 0.5em 0.2em 0.5em;
  text-align: center;
  margin: 0.5em 0.5em 0.5em 0.5em;
}

.arrow_down {
  float:right;
  margin-top: 0.6em;
  width: 0; 
  height: 0; 
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 8px solid #fff;
}

.paybox {
  min-width:140px;
  background-color: #eeeeee;
  padding: 5px;
  margin-top: 30px;
  margin-right: 1px;
  font-size: 0.9em;
  min-height: 75px;
  color: black;
  font-weight: normal;
  overflow: hidden;
}

.finalizer {
 background-color: #008000;
 color: white;
 font-size: 1.2em;
 padding: 5px;
 border-radius: 5px;
 
}


.ui-tabs, .ui-tabs-panel, .ui-tabs-nav, .ui-tabs-active, .ui-state-active, .ui-state-default {
  padding: 0 !important;
  margin: 0 !important;
  border-radius: 0 !important;
  background: transparent;
}

.ui-tab {
  font-size: 1.3em;
    border: 0 !important;

}

.ui-widget-header {
  border:0 !important;
  xbackground-color: transparent !important;
}

.ui-tabs-panel {
  padding: 10px 10px 10px 10px !important;
  overflow:hidden;
  background: white !important;
}


.ui-tabs-active a, .ui-tabs a {
  color: #000000 !important;
  font-weight: bold;
  font-size: 1.2em
}

/*
#category_tabs .ui-tabs-tab {
background: #fefefe !important;
background: -moz-linear-gradient(top, #fefefe 0%, #cccacc 100%) !important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #fefefe), color-stop(100%, #cccacc)) !important;
background: -webkit-linear-gradient(top, #fefefe 0%, #cccacc 100%) !important;
background: -o-linear-gradient(top, #fefefe 0%, #cccacc 100%) !important;
background: -ms-linear-gradient(top, #fefefe 0%, #cccacc 100%) !important;
background: linear-gradient(to bottom, #fefefe 0%, #cccacc 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#cccacc', GradientType=0 ) !important;
}

#category_tabs .ui-tabs-active  {
background: #cccacc !important;
background: -moz-linear-gradient(top, #cccacc 0%, #fefefe 100%) !important;
background: -webkit-gradient(left top, left bottom, color-stop(0%, #cccacc), color-stop(100%, #fefefe)) !important;
background: -webkit-linear-gradient(top, #cccacc 0%, #fefefe 100%) !important;
background: -o-linear-gradient(top, #cccacc 0%, #fefefe 100%) !important;
background: -ms-linear-gradient(top, #cccacc 0%, #fefefe 100%) !important;
background: linear-gradient(to bottom, #cccacc 0%, #fefefe 100%) !important;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cccacc', endColorstr='#fefefe', GradientType=0 ) !important;
}
*/

#category_tabs .ui-tabs-tab {
	background-color: #CCCCCC !important;
}

#category_tabs .ui-tabs-active  {
	background-color: #ffffff !important;
}

#category_tabs .ui-tabs-tab, #category_tabs .ui-tabs-active {
	margin-right:3px !important;
}


#class_tabs{padding: 0px !important }
.ui-tabs-vertical .ui-widget-header {
  background-color: transparent !important;
}
.ui-tabs-vertical { min-width: 650px; min-height: 450px; }
.ui-tabs-vertical .ui-tabs-nav { padding: 0.1em; float: left; width: 180px; overflow: hidden }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 180px; margin: 0 0 .1em 0; background-color: #cccccc; overflow:hidden}
.ui-tabs-vertical .ui-tabs-nav li:hover { background-color: #eeeeee;}
.ui-tabs-vertical .ui-tabs-nav li a { display:block; font-size: 0.9em; color: black !important; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; background-color: white; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 450px; background-color: white !important; background: white !important;}

#list_tabs{padding: 0px !important }
.ui-tabs-event ul {background-color: #ffffff;}
.ui-tabs-event .ui-widget-header {background-color: transparent !important;}
.ui-tabs-event { min-width: 800px; min-height: 450px; }
.ui-tabs-event .ui-tabs-nav { padding: 0.1em; float: left; width: 390px; overflow: hidden; background-color: #ffffff !important; }
.ui-tabs-event .ui-tabs-nav li { clear: left; width: 390px; margin: 0 0 .1em 0; background-color: #cccccc; overflow:hidden; margin-bottom: 2px !important;}
.ui-tabs-event .ui-tabs-nav li a { display:block; font-size: 1.4em; color: black !important; }
.ui-tabs-event .ui-tabs-nav li a:hover { text-decoration: underline !important; }
.ui-tabs-event .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; background-color: white; }
.ui-tabs-event .ui-tabs-panel { padding: 1em; float: right; width: 390px; background-color: white !important; background: white !important;}


.quickmenu {
	float:left;
	min-height: 140px;
	min-width:39px;
	background-color:white;
	padding:2px;
	margin:0;
	-webkit-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	-moz-box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
	box-shadow: 3px 3px 5px 0px rgba(0,0,0,0.75);
}

.quickentry {
	margin-bottom:2px;
}

.quickentry:last-child {
	margin-bottom:0px;
}

.quickentry:hover {
	background-color:#cccccc;
}


.claim {
	font-size: 0.8em;
	margin-left: 8px;
	font-family: arial,helvetica,verdana;
	
}

.listhead {

	text-align: center; 
	font-size: 2.5em; 
	padding:10px 0px 10px 0px; 
	color:#ff5800;
	font-weight: bold;
}

.listcard {
	height: 35px;
	border-bottom: solid 1px #bbbbbb;
	color: black;
}

.listcard:hover {
	background-color: #cccccc !important;
}

.listcard:last-child {
	border-bottom: 0px;
}

.listcard b {
  display: block;
  margin-top: 7px;
  float: left;
  font-size: 1.4em;
  color: black:
}

.listcard i {
  display: block;
  margin-top: 7px;
  float: right;
  font-size: 1.4em;
  color: black:
}

.listcard sup {
  margin-left: 5px;
  font-size: 0.5em;
  color: black:
}


.languagepicker {
	background-color: #000000;
	display: inline-block;
	padding: 0;
	height: 40px;
	overflow: hidden;
	transition: all .3s ease;
	margin: 0 0px 10px 0;
	vertical-align: top;
	float: left;
}

.languagepicker:hover {
	/* don't forget the 1px border */
	height: 122px;
}

.languagepicker a{
	color: #ffffff;
	text-decoration: none;
}

.languagepicker li {
	display: block;
	padding: 0px 20px;
	line-height: 40px;
	border-top: 1px solid #444444;
}

.languagepicker li:hover{
	background-color: #444444;
}

.languagepicker a:first-child li {
	border: none;
	background: #000000 !important;
}

.languagepicker li img {
	margin-right: 5px;
}

.lplarge:hover {
	/* 
	don't forget the 1px border!
	The first language is 40px heigh, 
	the others are 41px
	*/
	height: 164px;
}


@media screen and (max-width: 975px) {
  .maintitle {display: none;}
  #footer img {zoom: 50%}
  #footer i {display:none; }
  .quickmenu {display:none;}
}