body {
	margin:20px;
	padding:0px;
	font:14px verdana, arial, helvetica, sans-serif;
}

h1 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	font-size: 36px;
	font-weight: 900;
	color :#ccc;
}

h2 {
	font: bold 20px verdana, arial, helvetica, sans-serif;
	margin: 0px 0px 5px 0px;
	padding: 0px;
}

div.lotsotext {
	font:14px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	text-align: left;
}
	

p {
	font:14px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}

a {
	color:#09c;
	font-size:14px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:600;
	text-decoration:none;
}

a:link {color:#09c;}
a:visited {color:#07a;}
a:hover {text-decoration: underline;}

.infoText {
	color: #666;
	font-size: 12px;	
	font-family:verdana, arial, helvetica, sans-serif;
	padding: 5px;
}

.headerText {
	color: green;
	font-size: 12px;	
	font-family:verdana, arial, helvetica, sans-serif;
}

.headerLinks a {
	color:#09c;
	font-size:12px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;
}

.headerLinks a:link {color:#09c;
	font-size:12px;
	font-family:verdana, arial, helvetica, sans-serif;
	font-weight:normal;
	text-decoration:none;}
.headerLinks a:visited {color:#09c;}
.headerLinks a:hover {color:black;}

.formTitle table, tr, td {
	font-size: 12px;
	margin: 5px;	
}

.infoPanel {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:400px;
	border:1px solid black;
	background-color:#c1ffc5;
	padding:5px;
	z-index:3;
	font-size: 20px;
	font-color: #000;
}

.errorPanel {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:400px;
	border:1px solid black;
	background-color:#F8E0E0;
	padding:5px;
	z-index:3;
	font-size: 20px;
	font-color: #000;
}

.content {
	position:relative; /* Position is declared "relative" to gain control of stacking order (z-index). */
	width:auto;
	/*min-width:120px;*/
	/*max-width: 800px;*/
	border:1px solid black;
	background-color:#DBEEFF;
	padding:5px;
	font:14px verdana, arial, helvetica, sans-serif;
	z-index:3; /* This allows the content to overlap the right menu in narrow windows in good browsers. */
}

.loginForm {
	position: relative;
	width: auto;
	padding: 10px;
	margin-left: 50px;
}

.infoBox {
	padding: 10px;
	width: 600px;
}

.bottomLinks {
	margin-top:40px;
	border-top: 1px solid #ccc;
	width: 350px;
	padding: 0px;
}

.dotspacer {
	padding: 5px;	
}

.spacer {
	border-right: 1px solid black;
	width: 5px;
}

.languageForm {
	margin-top: 10px;
}

button {
	border:none;
	background:none;
	padding:0;
	margin:0;
	min-width: 150px;
	width: 178px;
	width:auto;
	overflow:visible;					
	text-align:center;	
	white-space:nowrap;	
	height:58px;
	line-height:45px;			
}

button span, button em {
	display:block;
	height:58px;
	line-height:45px;			
	margin:0;
	color:white;
	cursor:hand;
}

button span {
	/*padding-left:20px;*/
	width: 188px;
	background:url(../images/button.jpg) no-repeat 0 0;
}	

button em {
	font-weight: 600;
	font-size: 18px;
	/*padding-right: 30px;
	background:url(../images/button.jpg) no-repeat 100% 0;*/
}

/* calendar widget styles */
/* caption determines the style of
   the month/year banner above the calendar. */
caption {
     font-family:arial,helvetica; 
     font-size:14px; 
     color: black;
}

a.calendarshiftlink {
	color: black;	
	padding: 5px;
}

a:hover.calendarshiftlink {
	color: #666;	
}

/* .calendar determines the overall formatting style of the calendar,  
   acting as the default unless later overruled. */
.calendar {
     font-family:arial,helvetica; 
     font-size:14px; 
     color: white;
     background-color: #c0c0c0;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
}

/* .calendarlink determines the formatting of those days linked to
   content. */
a.calendarlink {
     color: white;
}

/* .header determines the formatting of the weekday headers at the top
   of the calendar. */
.header {
     background-color: #996633;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     width: 40px;
     height: 40px;
}

/* .day determines the formatting of each day displayed in the
   calendar. */
.day {
     background-color: #808080;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center;
     width: 40px;
     height: 40px;
}

/* .linkedday determines the formatting of a date to which content is
   available. */
.linkedday {
     background-color: #8080ff;
     border-color: #000000;
     border-style: solid;
     border-width: 1px;
     text-align: center
}

.selecteddate {
	background-color: #ededed;
	spacing: 1px;
	border: 1px dashed #000;
}

a.selecteddatelink {
	color: #000;	
	font-weight: normal;
}

/* poll participation styles */
.polldetails {
	max-width: 700px;
	max-height: 400px;
	overflow: auto;	
}

.ok {
	background-color: #a8ffa6;
	border: 1px solid #64d06a;
	color: green;	
	font-weight: bold;
}

.bad {
	background-color: #ffaca8;
	border: 1px solid #e88782;
}

.lightHeader {
	background-color: #ededed;
	border: 1px solid #cacaca;
	color: black;
}

.darkHeader {
	background-color: #dddddd;
	border: 1px solid #aaaaaa;
	color: black;
}

.highlightCol {
	font-weight: bold;	
}

.roles {
	background-color: #ededed;
	font-weight: bold;	
	border: 1px solid #cacaca;
	color: black;
}

.names {
	background-color: #ededed;
	font-weight: bold;	
	border: 1px solid #cacaca;
	color: black;
}