html{
	height:100%;
}

body{
	height:100%;
	margin:0 0 0 0;
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	background-image:url(../Images/IT-Sec_bkg1.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
}

input, textarea {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#787878;
	padding:2px;
	border: solid 1px #787878;
}

td{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#787878;
}

select {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	color:#787878;
}

li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}

.courseli{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-top:-13px;
}

a img{
	border:none !important;
}

a {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 11px;
	text-decoration:none;
	color:#4f84c7;
}

a.courselink {
	font-family : Arial, Helvetica, sans-serif;
	font-size : 12px;
	text-decoration:none;
}

.courses{
	width: 100%;
	height: 99%;
	overflow: auto;
	border:1px solid #ffffff;
}

a.calendarlink {
	font-family:Arial, Helvetica, sans-serif;
	color:#686868;
	text-decoration:none;
}

a.calendarlink:hover {
	font-family:Arial, Helvetica, sans-serif;
	color:#4f84c7;
	text-decoration:none;
}

a.quotes:visited {
	color: #ee1111;
	font-weight: bold;
	text-decoration: underline;
}

a.footer {
	color: #cc8833;
}

a.footer:visited {
	color: #cc8833;
}

a.lessen {
	font: 11px Arial;
	color: #999999;
	font-weight: bold;
	text-decoration: underline;
}

a.lessen:visited {
	font: 11px;
	color: #999999;
	font-weight: bold;
	text-decoration: underline;
}

#calendar{
	overflow:auto;
	padding-left: 20px;
	padding-bottom: 20px;
	height:580px;
}

#siteContent {
	overflow:auto;
	max-height:425px;
	padding-left:20px;
	padding-right:20px;
} 

* html #siteContent { 
	height: 93%; 
}

.mainContent{
	width:576px;
	margin-top:10px;
	float: left;
}

pre {
	font-size:11px;
	color:blue;
}
	
.greek {
	color:#999;
}

.blus {
	color:#ee1111;
	font-weight: bold;
}

.count {
	text-decoration:none;
	color:#00afd8;
}

.tblboda {
	border-width: 1px;
	border-style: solid;
	border-color: #cccccc;
}
	
.pageTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	color:#424242;
	padding-top:19px;
}

.pageDate{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#787878;
	padding-top:4px;
	padding-bottom:13px;
}

.pageContent{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#787878;
	padding-top:2px;
	width:97%;
}

.siteHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:24px;
	color:#424242;
	padding-left:20px;
	-moz-opacity:.85;
	opacity:.85;
}

.siteBreadcrumb{
	padding-left:20px;
	padding-top:12px;
	-moz-opacity:.85;
	opacity:.85;
}

.banner1{
	position:relative;
	bottom:10px;
}

.banner2{
	position:absolute;
	bottom:10px;
}

.objectHeader{
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	color:#424242;
	padding-bottom:10px;
	padding-top:20px;
}

.contentArea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#787878;
	background-color:#ffffff;
	border-top:1px solid #d9d9d9;
	padding-left:20px;
	padding-right:20px;
}

.siteArea{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#787878;
	background-color:#ffffff;
	border-top:1px solid #d9d9d9;
}

.seperator{
	background-image:url(../Images/seperator.gif);
	background-repeat:repeat-x;
	padding-left:20px;
}

.pageHeader{
	background-color:#f8f8f8;
	border-left:1px solid #e9e9e9;
	border-right:1px solid #e9e9e9;
	filter:alpha(opacity=65);
	-moz-opacity:.65;
	opacity:.65;
}

.tdClear{
	filter:alpha(opacity=85);
	-moz-opacity:.85;
	opacity:.85;
}

a.leftmenu{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#686868;
	text-decoration:none;
}

a.leftmenu:hover{
	font-family:Arial, Helvetica, sans-serif;
	background-color:#e7e7e7;
	font-size:11px;
	color:#686868;
	text-decoration:none;
}

h1 {
	font-size:18px;
	color:#3322cc;
	padding-top:10px;
}
	
h2 {
	font-size:16px;
	color:#0099ff;
	padding-top:10px;
}
	
h3 {
	font-size:16px;
	color:#ee2222;
	padding-top:0px;
}
	
h3.box {
	font-size:16px;
	color:#ee2222;
	padding-top:0px;
}

.footer {
		font: 11px;
		color: #000000;
}
	
.login-header{
	font-family:Arial, Helvetica, sans-serif;
	color:#ffffff;
	font-size:18px;
	font-weight:bold;
}

.extra-content{
	vertical-align:top;
	padding-top:67px;
	padding-left:21px;
	padding-right:20px;
}

.extra-header{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
	color:#0f7cd1;
}

.extra-subheader{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:15px;
	color:#437cc4;
}

.extra-text{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #38424b;
	border-top:1px solid #c1c5c8;
	padding-top:15px;
	text-align:justify;
	padding-bottom:50px;
}

.extra-plaintext{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #38424b;
	text-align:justify;
	padding-right:20px;
}

.extra-logintext{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #ffffff;
	text-align:justify;
	padding-right:20px;
}

.extra-objects{
	padding-left:23px;
	padding-bottom:30px;
}

.extra-objecthead{
	font-family: Arial, Helvetica, sans-serif;
	font-size:20px;
	font-weight:bold;
	color: #61c250;
}

.extra-objecttxt{
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color: #38424b;
	padding-top:9px;
}

.calendar-td {
	line-height: 100px;
	border: 1px solid #eeeeee;
	padding: 5px;
}

.calendar-td-text{
	border: 1px solid #eeeeee;
	padding: 5px;
	text-align:right;
	vertical-align:super;
	font-weight:bold;
}

.calendar-td-bold {
	line-height: 130px;
	border: 1px solid #eeeeee;
	text-align: center;
	vertical-align:middle;
	font-weight:bold;
}

.calendar-div{
	height: 100%; 
	border: 1px solid #dddddd; 
	vertical-align:middle;
	background-color: #6591D3;
	color:#ffffff;
	padding-right:3px;
}

.calendar-key{
	color:#dddddd;
	padding-left:3px;
	padding-right:3px;
}

.calendar-text-div{
	padding: 2px;
}

blockquote {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#476e96;
  	background: transparent url(../../Css/images/quoleft.png) left top no-repeat;
  	background-color:#f1f1f1;
  	padding:5px;
}

blockquote div {
  padding: 22px;
  background: transparent url(../../Css/images/quoright.png) right bottom no-repeat;
}

.subTitle{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#424242;
	background-color:#f8f8f8;
	padding-bottom:2px;
	padding-top:2px;
}

.btnConfirm {
	background-image:url(../../Css/Images/btn-confirm.jpg);
	background-repeat:no-repeat;
	height:20px;
	width: 100px;
	border:0px;
	}

.btnReset {
	background-image:url(../../Css/Images/btn-reset.jpg);
	background-repeat:no-repeat;
	height:20px;
	width: 100px;
	border:0px;
	}
	
.btnAuthorise {
	background-image:url(../../Css/Images/btn-authorise.jpg);
	height:22px;
	width: 104px;
	border:0px;
	}
	
.btnBack {
	background-image:url(../../Css/Images/btn-back.jpg);
	height:22px;
	width: 104px;
	border:0px;
	}