
	#container, #headerContainer {
		max-width: 60em;
		width: 60em;
		margin: 0 auto;
	}
	
	#header {
		padding: 15px 0 0 0;
		border-bottom-color: #cc0033;
		border-bottom-style: dotted;
		border-bottom-width: 1px;
	}
	
	#content {
		width: 40em;
		float: left;
		margin-bottom: 20px;
	}
	
	#content-wide {
		width: 60em;
		margin-bottom:20px;
	}
	
	.footer {
		max-width: 60em;
		width: 60em;
		margin: 0 auto;
		clear: both;
		margin-top: 50px;
		border-top-color: #DDDDDD;
		border-top-style: dotted;
		border-top-width: 1px;
		color: #CCCCCC;
		font-size: 9pt;
		margin-bottom: 13px;
	}
	
	label {
		float: left;
		width: 200px;
	}
	
	input {
		margin-bottom: 5px;
	}
	
	a.iconEdit {
		background: transparent url('/images/pencil.png') no-repeat center left;
		padding-left: 18px;
	}
	
	a.iconRemove {
		background: transparent url('/images/delete.png') no-repeat center left;
		padding-left: 18px;
	}

	a.iconPalette {
		background: transparent url('/images/palette.png') no-repeat center left;
		padding-left: 18px;
	}
	
body {
	font-family:Verdana,"BitStream vera Sans",Helvetica,Sans-serif;
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

a {
    color: #cc0033;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

#timetable {
	width: 40em;
}

#timetable li {
	list-style: none;
}

#timetable ol.day, #timetable ol.hour {
	float: left;
	/*display: inline;*/
	
	/*border-right: 1px solid #999999;*/
}

#timetable
{
	width: 100%;
}

#timetable ol.hour {
	width: 42px;
}

#timetable ol.hour li {
	border-right: 1px solid #999999;
}

#timetable ul, #timetable li, #timetable ol {
	margin: 0em;
	padding: 0em;
}

#timetable ol ol.day ul {
	width: 84px;
	height: 42px;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

/*#timetable ol ol.day ul.error {
	background: transparent url('/images/error.png') no-repeat bottom right;
}*/

#timetable ol ol.hour ul {
	width: 42px;
	height: 43px;
	/*border-bottom: 1px solid #FFFFFF;*/
}

#timetable ol.hour li.time {
	color: #999999;
}

#timetable ul.holiday {
	background-image: url('/images/stripe.png');
}

#timetable ul.holiday li {
	height:16px;
}	

#timetable li li li {
	/*height: 1.1em;*/
	height: 14px;
	padding-left: 2px;
	overflow: hidden;
}

#timetable li li li li {
	margin: 0;
	padding: 0;
}

#timetable li li li ul li {
	display: inline;
}

#timetable li.label {
	width: 84px;
	border-bottom: 1px solid #999999;
}

#navigation {
	margin-left: 0;
	padding-left: 0;
	padding: 0em;
}

#navigation li {
	display: inline;
	list-style: none;
}

#navigation li a {
	padding: 0.2em 1em;
	font-weight: bold;
	border-right: 1px solid #FFFFFF;
}

#breadcrumb {
	max-width: 67em;
	width: 67em;
	margin: 0 auto;
	margin-top: 6px;
	font-size: 8pt;
	color: #999999;
}

#breadcrumb a {
	color: #999999;
}

.dayhour {
	height: 1em;
}

input.search {
    background  :   url('/images/find.png') no-repeat;
    padding-left :  20px;
    width: 130px;
}

div.sidebar {
	float: right;
	width: 18em;
}

div.sidebar h4 {
	margin-bottom: 5px;
	margin-top: 20px;
}

div.sidebar ul, div.sidebar ol {
	margin: 0 0 0 6px;
	padding: 0;
}

div.sidebar ul {
	list-style: none;
}

div.sidebar ol {
	list-style-position: inside;
}

div.sidebar ul li {
	line-height: 20px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

ul.tabbar {
	align			:	left;
	width			:	100%;
	border-bottom	:	1px solid #888888;
	list-style-type	:	none;
	padding			:	3px 10px 0px 10px;
	margin			:	1em 0 1em 0;
}

ul.tabbar li {
	display	:	inline;
}

ul.tabbar li.selected {
	border-bottom	:	1px solid #ffffff;
	background-color:	#ffffff;
}

ul.tabbar li a {
	padding			:	3px 4px; /* 5px;*/
	border			:	1px solid #AAAAAA;
	background-color:	#EEEEEE;
	text-decoration	:	none;
	border-bottom	:	none;
	margin-right	:	0;
	display			:	inline-block;
	height			:	16px;
}

ul.tabbar li a img {
	vertical-align	:	text-top;
	border			:	0px;
}

ul.tabbar li.selected a {
	background-color:	#ffffff;
	color			:	#000000;
	position		:	relative;
	top				:	1px;
	padding-top		:	4px;
}

ul.imageList {
	list-style: none;
}

ul.imageList li {
	line-height: 20px;
	padding-left: 22px;
	background-repeat: no-repeat;
	background-position: 0 2px;
}

div.sidebar li.nextWeek { background-image: url('/images/date_next.png'); }
div.sidebar li.previousWeek { background-image: url('/images/date_previous.png'); }
div.sidebar li.selectWeek { background-image: url('/images/date_go.png'); }
div.sidebar li.externalWeek { background-image: url('/images/date_link.png'); }
div.sidebar li.timetable { background-image: url('/images/date.png'); }
div.sidebar li.editProfile { background-image: url('/images/user_edit.png'); }
div.sidebar li.bullet { background-image: url('/images/bullet_white.png'); }
div.sidebar li.goPencil { background-image: url('/images/pencil_go.png'); }
div.sidebar li.help, li.help { background-image: url('/images/help.png'); }
div.sidebar li.key, li.key { background-image: url('/images/key.png'); }
div.sidebar li.moduleInfo { background-image: url('/images/brick.png'); }
div.sidebar li.moduleSubscribe { background-image: url('/images/brick_link.png'); }
div.sidebar li.classInfo { background-image: url('/images/group.png'); }
div.sidebar li.classJoin { background-image: url('/images/group_link.png'); }
div.sidebar li.teacherInfo { background-image: url('/images/user_suit.png'); }
div.sidebar li.roomAvailable { background-image: url('/images/date_magnify.png'); }
div.sidebar li.transmitBlue, li.transmitBlue { background-image: url('/images/transmit_blue.png'); }
div.sidebar li.newspaperGo, li.newspaperGo { background-image: url('/images/newspaper_go.png'); }
li.cross { background-image: url('/images/cross.png'); }
li.bulletGo { background-image: url('/images/bullet_go.png'); }
li.tick { background-image: url('/images/tick.png'); }
li.error { background-image: url('/images/error.png'); }
li.errorGo { background-image: url('/images/error_go.png'); }
li.groupGo { background-image: url('/images/group_go.png'); }

li.reportBug { margin-top: 15px; background-image: url('/images/bug.png'); }
li.blank {  }

li.help a {
	color: #777777;
}

a.helpNormal {
	background: transparent url('/images/help.png') no-repeat center left;
	padding-left: 18px;
}

a.help {
	background: transparent url('/images/help.png') no-repeat center left;
	padding-left: 18px;
	color: #777777;
}

.image {
	padding: 4px;
	margin: 5px;
	border: 1px solid #999999;
}

.blue { background-color: #DCE1FF; }
.red { background-color: #FFDCDC; }

div.messagebox, p.messagebox {
    background-color    :   #FFFFE1;
    border      :   1px dashed #CFCFCF;
    line-height :   18px;
    padding     :   4px;
    margin-top	:	5px;
}

img.messagebox, img.confirmation {
    float: left;
    padding-right    :   8px;
}

div.confirmation, p.confirmation {
    background-color    :   #E1FFE2;
    border      :   1px dashed #68AB6A;
    line-height :   18px;
    padding     :   4px;
    margin-top	:	5px;
}

div.disclaimer {
	color		:	#555555;
	font-size	:	11px;
	padding-top	:	10px;
}

div.powered {
	float		:	right;
	width		:	360px;
	background-color : #1e5dad;
	color		:	#c9e4f2;
	position	:	relative;
	/*top			:	-15px;*/
	font-size	:	11px;
	margin-top	:	3px;
	margin-left :	6px;
}

div.powered .inner {
	padding		:	7px;
	padding-left:	12px;
	padding-right: 12px;
}

div.powered .inner a {
	text-decoration: none;
	color		:	#c9e4f2;
}

div.powered .corner {
	position	:	absolute;
	width		:	7px;
	height		:	7px;
	background	:	url('/images/box_corners.png') no-repeat;
	font-size	:	0%;
}

div.powered .tl {
	top			:	0;
	left		:	0;
	background-position: 0 0;
}

div.powered .tr {
	top			:	0;
	right		:	0;
	background-position: -7px 0;
}

div.powered .bl {
	bottom		:	0;
	left		:	0;
	background-position: 0 -7px;
}

div.powered .br {
	bottom		:	0;
	right		:	0;
	background-position: -7px -7px;
}