body {
	background-color: #fff;
	margin: 0px;
	padding: 0px;
}

body * {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A5A5A;
}

input, select {
	font-size: 8pt;
}

form input[type="submit"].mtb {
	margin-top: 20px;
	margin-bottom: 20px;
}

form input[type="text"] {
	color: #1A1A1A;
}

textarea {
	width: 100%;
	padding: 1px;
	color: #1A1A1A;
}

.grey {
	color: #717171;
}

acronym {
	cursor: help;
}

img { 
	border: none;
}

div#user_menu , div#user_greetings p  {
	color: #b2b2b2;
}

a, a:visited { 
	color: #595959; 
	text-decoration: none;
	font-weight: bold;
	font-size: inherit;
}

a:hover { 
	color: #595959;
	text-decoration: underline;
	font-weight: bold;
}

a.func, a:visited.func, a:hover.func {
	color: #5A5A5A;
}

a.header, a:visited.header, a:hover.header {
	color: #E6E6E6;
}

.func {
	color: #5A5A5A;
	font-weight: bold;
}

.pen {
	cursor: pointer;
	width: 15px;
	height: 10px;
}

div#spinner {
	z-index: 2;
	position: relative;
  top: 50%;
  left: 50%;
  width: 16px;
  height: 16px;
  margin-left: -8px;
  margin-top: -8px;
}

.greyed {
	background-color: #e6e6e6;
}

form.inplaceeditor-form { /* The form */
	display: inline;
}

form.inplaceeditor-form input[type="text"] { /* Input box */
	background-color: #FFF;
	border: 1px solid #1b1b1b;
}

form.inplaceeditor-form textarea { /* Textarea, if multiple columns */
	border: 1px solid #1b1b1b;
	width: 100%;
}

form.inplaceeditor-form input[type="submit"] { /* The submit button */
	margin-left:2px;
}

form.inplaceeditor-form a { /* The cancel link */
	margin-left:2px;
}

input.needed, input.needed2 {
}

.translate_me {
	color: red;
}

span.hilite {
	background-color: #ffff99;
}

#lss img {
	border-bottom: 1px solid #fff;
}

#lss a img {
	padding: 1px;
	border: none;
}


h1, h2, h3 {
	font-size: 10pt;
	color: #717171;
	padding-bottom: 10px;
	padding-top: 20px;
}

.teaser {
	border: 0px solid #717171;
	background-color: #000;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
}

span.header {
	color: #fff;
}

div#teaser_image {
	height: 220px;
}

div#teaser_movie {
	height: 200px;
	z-index: 10;
}
	
div#frontpage {
	position: relative;
	width: 720px;
	margin: 0px auto 0px auto;
	text-align: left;
	background-image: url('/images/statics/welcome/frame.png');
	background-repeat: repeat-y;
}

div#frontpage_header {
	position: absolute;
	left: 0px;
	top: -55px;
	width: 100%;
}

div#frontpage_spinner {
	position: absolute;
	left: 732px;
	top: 30px;
}

div#frontpage_content {
	position: relative;
	width: 660px;
	padding: 5px 30px 20px 30px;
	background-image: url('/images/statics/welcome/bg.png');
	background-repeat: no-repeat;
	background-position: top;
}

div#frontpage_content div.login {
	margin: 10px 30px 0px 30px;
	height: 45px;
	text-align: right;
}

div#frontpage_content div.login table {
	width: 100%;
	text-align: right;
}

div#frontpage_content div.text {
	margin: 0px 30px 0px 30px;
	width: 600px;
}

div#frontpage_footer {
	position: relative;
	width: 720px;
	margin: 0px auto 0px auto;
	text-align: right;
}

div#frontpage_footer div {
	padding-right: 60px;
	padding-bottom: 10px;
	font-size: 9px;
}

div#frontpage_shadow_bottom {
	width: 720px;
	margin: 0px auto 0px auto;
	height: 10px;
	border: 0px;
	background-image: url('/images/statics/welcome/bottom_shadow.png');
	background-repeat: no-repeat;
}

input#code {
	font-size: 30px;
}

div#lsd {
	position: absolute;
	color: white;
	top: 5px;
	right: 5px;
}

/* Transparent form message (error and notice) for static form*/
.transparent_message {
  opacity:  0.9;
  position: relative;
  z-index: 1;
  height: 33px;
  cursor: pointer;
  color: #1b1b1b;
  background-color: #fff;
  border: 10px solid #E8E8E8;
}

.transparent_message div img {
  float: left;
}

.transparent_message div ul {
  padding-left: 10px;
}

.transparent_error, .transparent_warning {}
.transparent_notice, .transparent_info {}

.transparent_notice div, .transparent_info div, .transparent_error div, .transparent_warning div {
  padding: 3px 10px 3px 10px;
  vertical-align: middle;
  color: #1b1b1b;
}

#errorExplanation {
  border: 10px solid #e8e8e8;
  color: #535353;
  padding: 3px 10px 3px 10px;
  margin-bottom: 10px;
}

#errorExplanation h2 {
  padding-top: 0px;
}

#errorExplanation ul {
  padding-left: 25px;
}

input.invalid {
  border: 1px solid #750004;
  background: #FFA3A9;
}


.calendar_date_select {
	position: relative;
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}
/* this is a fun ie6 hack to get drop downs to stay behind the popup window.  This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select thead th {
  font-weight:bold;
  background-color: #aaa;
  border-top:1px solid #777;
  border-bottom:1px solid #777;
  color: white !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #555;
}

.calendar_date_select .cds_footer {
  background-color: black;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}
.calendar_date_select .cds_header a.next {
  float:right;
}

.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}

.calendar_date_select .cds_header select.month {
}

.calendar_date_select .cds_header select.year {
}
.calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}

.calendar_date_select td {
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
  background-color: #fff;
}
.calendar_date_select td.weekend {
  background-color: #eee;
  border-left:1px solid #ddd;
  border-right:1px solid #ddd;
}

.calendar_date_select td div {
  color: #000;
}
.calendar_date_select td div.other {
  color: #ccc;
}
.calendar_date_select td.selected div {
  color:white;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #ddd;
}
.calendar_date_select td.selected {
  background-color:#777;
}

.calendar_date_select td.hover {
  background-color:#ccc;
}

.calendar_date_select td.today {
  border: 1px dashed #999;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}
