/* Upknowledge Style Sheet --------------------------------------- */

@import url(default.css);

/* @group Layout */

html {
	font-size:16px;
	height:100%;
	}

body {
	background:url(images/body-bg.png);
	font:62.5% Helvetica, sans-serif;
	/*height:100%;*/
	/*position:relative;*/
	}

#head {
	background:#56616b url(images/head-pattern.png) no-repeat right top;
	height:10.7em;
	margin:0 auto;
	margin-bottom:0;
	position:relative;	/* allows absolute positioning of sitenav */
	width:80em;
	}

#torso {
	background:#fff;
	clear:both;
	min-height:40em;
	overflow:hidden;
	padding-bottom:2em;
	position:relative;
	}

#content {
	margin:0 auto;
	position:relative;
	width:80em;
	padding:1.7em 0 0;
	}

#foot {
	background:url(images/body-bg.png);
	clear:both;
	position:relative;
	}

/* @end */

/* @group Content Boxes */

.subnav {
	float:left;
	width:20em;
	}

.sidebar {
	position:absolute;
	right:0;
	top:7.9em;
	width:20em;
	}

.maincontent {
	margin-left:20em;
	margin-bottom:3em;
	width:40em;
	}

/* @end */

/* @group Text Styles */

a {
	color:#00A6EB;
	}

a:hover {
	color:#79caf1;
	}

address,
dl,
p {
	font-family:Helvetica, Arial, "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", sans-serif;
	font-size:1.2em;
	font-style:normal;
	line-height:1.5;
	margin:.75em 0;
	}

.smallcap {
	letter-spacing:.15em;
	text-transform:uppercase;
	}

/* @end */

/* @group Headings */

h2.section {
	border-bottom:.4em solid #eee;
	color:#333;
	font-size:1.8em;
	margin:.85em 1em 1em 0;
	padding-bottom:.6em;
	}

h3 {
	border-bottom:.4em solid #bbc0c4;
	color:#0fb8ef;
	font-size:1.6em;
	padding-bottom:.6em;
	font-weight: bold;
	}

h3.page {
	background:#eee;
	color:#0fb8ef;
	font-size:1.8em;
	font-weight:bold;
	margin-top:0;
	padding:1em .5em .4em;
	}

h4 {
	color:#666;
	font-size:1.8em;
	/*font-weight:bold;*/
	}

h5 {
	color:#666;
	font-size:1.4em;
	font-weight:bold;
	margin:1.2em 0 .5em;
	}

h6 {
	font-size:1.2em;
	font-weight:bold;
	}

/* @end */

/* @group Sidebars */

.sidebar ul {
	background:#fcfcfc;
	border:1px solid #ddd;
	border-top-width:1em;
	margin-left:2em;
	padding:.2em;
	}

.subnav li,
.sidebar li {
	clear:both;
	list-style:none;
	}

.subnav li {
	font-size:1.3em;
	font-weight:bold;
	margin:.6em 0 .6em -.2em;
	padding-right:3em;
	}

.sidebar li {
	font-size:1.2em;
	line-height:1.4;
	margin:0 .3em;
	}

.sidebar li.notLast {
	border-bottom:.3em solid #eee;
	}
	
.sidebar h5 {
/*	border-bottom:.3em solid #aaa;*/
	margin-left:1.6em;
	}
	
.sidebar p {
	margin-left:1.4em;
	}

.subnav a,
.sidebar a {
	display:block;
	padding:.4em;
	}

.sidebar a {
	border:.1em solid #fcfcfc;
	margin:0 -.3em;
	padding:.65em;
	}

.sidebar .current a {
	color:#333;
	cursor:default;
	font-weight:bold;
	}

.sidebar .current a:hover {
	background:none;
	border-color:#fcfcfc;
	color:#333;
	cursor:default;
	font-weight:bold;
	}

.subnav a:hover,
.sidebar a:hover,
.subnav .current.section a:hover {
	background:#00a6eb;
	color:#fff;
	cursor:pointer;
	}

.sidebar a:hover {
	border:.1em solid #00b4ff;
	}

.subnav .current a,
.subnav .current a:hover {
	background:none;
	color:#333;
	cursor:default;
	}

.sidebar .pageNav,
.sidebar .pageNav li {
	background:none;
	border:none;
	}

.sidebar .pageNav li {
	margin:0;
	}

.sidebar .pageNav {
	margin-bottom:4em;
	}

.sidebar .pageNav a {
	border-color:#fff;
	padding:.4em;
	}

/* @end */

/* @group Images */

/* Scaling of images requires that HTML attributes are removed from the source 
.maincontent img {
	width:40em;
	}*/

img.left {
	float:left;
	margin-right:1em;
	}

img.right {
	float:right;
	margin-left:1em;
	}

img.icon {
	height:17px;
	width:17px;
	}

img.icon.right {
	margin:0 0 17px 17px;
	}

/* @end */

/* @group Head */

h1 {
	background:url(images/upknowledge-logo_unregist.png) no-repeat center 1.4em;
	border-left:.3em solid #063a58;
	font-size:2em;
	height:1.75em;
	margin:0;
	padding:1.0em 1.25em 2.6em;
	text-indent:-1234em;
	width:7em;
	}

h1 a,
h1 a:hover {
	display:block;
	margin:-.5em -1.25em 0;
	padding:.5em 0;
	}

/* @group Language Nav */

#language {
	list-style:none;
	margin:0;
	position:absolute;
	right: 1em;
	top: 1em;
	}

#language li {
	float: left;
	margin: 0 0 0 1em;
	}

#language a {
	color: #eee;
	font-size: 1.1em;
	padding: .5em;
	}

#language a:hover {
	color: #ccc;
	}

/* @end */

/* @group Site Nav */

#sitenav {
	border:.1em solid #3a444b;
	bottom:0;
	right:0;
	list-style:none;
	margin:0;
	position:absolute;
	}

#sitenav li {
	background:url(images/navi-bg-top.png) repeat-x;
	float:left;
	margin:0;
	}

#sitenav li:hover,
#sitenav .current,
#sitenav .sfhover {
	background:url(images/navi-bg-top-selected.png) repeat-x;
	}

#sitenav a {
	background:url(images/navi-bg-bottom.png) repeat-x bottom;
	border-left:.1em solid #3a444b;
	display:block;
	color:#fff;
	font-size:1.1em;
	padding:.75em;
	font-size:1.2em;
	width:auto;
	}

#sitenav a:hover,
#sitenav .current a {
	background:url(images/navi-bg-bottom-selected.png) repeat-x bottom;
	}

/* @end */

/* @group Breadcrumbs & Links Bar */

#addNavBar {
	background:#DEE0E2 url(images/breadcrumb-bg.png) repeat-x;
	border-bottom:1px solid #eaeced;
	border-top:1px solid #bdc2c6;
	height:2.6em;
	margin: 0 auto;
	width:80em;
	}

#breadcrumb,
#shortcuts {
	height:2em;
	list-style:none;
	margin:0;
	padding-top:.6em;
	}

#breadcrumb {
	border-left:.6em solid #1198d1;
	float:left;
	margin:-1px 0;
	padding:.7em 0 .1em;
	width:60em;
	}

#addNavBar li {
	float:left;
	font-size:1.2em;
	}

#breadcrumb a {
	background: url(images/bullet.png) no-repeat right center;
	color:#0068b5;
	padding-right:1em;
	}

#breadcrumb a:hover {
	color:#00a6eb;
	}

#shortcuts {
	float:none;
	margin-left:65em;
	width:14em;
	}

#shortcuts li {
	color:#56616b;
	margin:0 1em;
	padding:0;
	}

#shortcuts a {
	color:#56616b;
	display:block;
	}

#shortcuts a:hover {
	color:#86919b;
	}

/* @end */

/* @end */

/* @group Foot */

#foot p {
	background-color:#56616b;
	color:#fff;
	font-size:1em;
	height:1em;
	margin:0 auto;
	padding:4em 1em 2em;
	text-align:right;
	width:78em;
	}



/* @end */

/* @group Job Opportunities */

.jobopportunity {
	background:#f5f5f5;
	margin:0;
	padding:.3em 1.5em .5em;
	}

.jobopportunity h5 {
	border-bottom:  1px solid #ccc;
}

/* @end */

/* @group Yhteystiedot */

.contactinfo.address {
	float:left;
	margin-bottom:2em;
	width:19.5em;
	}

.contactinfo.address.second {
	float:none;
	margin-left:20.5em;
	}

.contactinfo h5 {
	border-bottom:.1em solid #ccc;
	margin:1.5em 0 0;
	padding-bottom:.2em;
	}

.contactinfo address,
.contactinfo dl,
.contactinfo h6,
.contactinfo p {
	background:#f5f5f5;
	margin:0;
	padding:.3em 1.5em .5em;
	}

.contactinfo h6 {
	padding-bottom:0;
	}

.contactinfo dt {
	float:left;
	font-style:italic;
	width:3em;
	}

.contactinfo dd {
	margin-left:4em;
	}

/* @end */

/* @group Courses */

.sidebar .pageNav.course_types a {
	background-repeat: no-repeat;
	background-position: 6px 49%;
	padding-left: 22px;
	}

.pageNav.course_types .intro a {
	background-image: url(images/icon-intro.png);
	}

.pageNav.course_types .full_tech a {
	background-image: url(images/icon-full_tech.png);
	}

.pageNav.course_types .brief a {
	background-image: url(images/icon-brief.png);
	}

.pageNav.course_types .handson a {
	background-image: url(images/icon-handson.png);
	}

/* Case big picture, separate pages
.course_type img {
	display: block;
	margin: 0 auto;
	}

p.duration {
	color: #999;
	margin: -1.3em 0 2em;
	}

p.duration strong {
	margin-right: 1em;
	}*/

/* Case smaller picture, one page */

.course_type h4 {
	margin-left: 2.65em;
	margin-top: 1.3em;
	}
	
.course_type img {
	float: left;
	margin: 0 1em 8em -.4em;
	}
	
.course_type p {
	margin-left: 4em;
	}

p.duration {
	color: #999;
	margin: -1.5em 0 .5em 4em;
	}

p.duration strong {
	margin-right: 1em;
	}
	
/* @end */

/* @group Course Calendar */

.maincontent.calendar {
	width: 60em;
	}

#calendar {
	border-collapse: collapse;
	/*table-layout: fixed;*/
	width: 60em;
	}

col.name {
	width: 15.9em;
	}

col.type {
	width: 4em;
	}

col.lenght {
	width: 4.3em;
	}

col.price {
	width: 7em;
	}

colgroup.months {
	width: 4.8em;
	}

col.month1,
col.month3,
col.month5 {
	background: #f5f5f5;
	}

thead {
	border-bottom: .3em solid #ccc;
	}

th {
	background: white;
	color: #666;
	font-size: 1.3em;
	font-weight: bold;
	}

th[rowspan] {
	padding-bottom: 1.3em;
	}
	
th.name {
	text-align: left;
	}

th.type {
	font-size: .5em;
	padding: 0;
	text-align: left;
	text-indent: -1234em;
	width: 45px;
	}

th.duration {
	text-align: left;
	}

tr.months {
	margin-top: -1em;
	}
	
tr.months th {
	/*background: transparent;*/
	color: #999;
	font-size: 1.1em;
	padding: 0 0 .3em;
	}
	
tbody td {
	border-bottom: 1px solid #eee;
	}

td {
	color: #555;
	font-size: 1.2em;
	height: 2.5em;
	padding: .3em;
	}

td .toggle {
	background: url(images/bullet-closed.png) no-repeat 4px .25em;
	color: #333;
	cursor: pointer;
	display: block;
	font-weight: bold;
	margin-left: -1px;
	/*padding-left: 9px;*/
	padding-left: 15px;
	text-align: left;
	}

td .toggle:hover {
	color: #333;
	}

td.type {
	background-position: left center;
	background-repeat: no-repeat;
	font-size: .05em;
	padding: 0;
	text-indent: -12345em;
	width: 45px;
	}

td.theory05 {
	background-image: url(images/icon-theory-05.png);
	}

td.theory1 {
	background-image: url(images/icon-theory-1.png);
	}

td.theory2 {
	background-image: url(images/icon-theory-2.png);
	}
td.theory3 {
	background-image: url(images/icon-theory-3.png);
	}

td.handson1 {
	background-image: url(images/icon-handson-1.png);
	}

td.handson2 {
	background-image: url(images/icon-handson-2.png);
	}

td.handson3 {
	background-image: url(images/icon-handson-3.png);
	}
td.handson4 {
	background-image: url(images/icon-handson-4.png);
	}
td.handson5 {
	background-image: url(images/icon-handson-5.png);
}
td.handson10 {
	background-image: url(images/icon-handson-10.png);
}

td.price {
	padding-left: 0;
	padding-right: 1em;
	text-align: right;
	}

td.month {
	text-align: center;
	padding-left: .2em;
	padding-right: .2em;
	width: 3.6em;
	}

.expanded,
tr td.info {
	background: #f7f7f7;
	background: #f1f1f1;
/*	background: #eee;
	background: white;
	border-left: 4px solid #00A6EB;
	margin-left: -4px;*/
	}

.expanded td {
	border-bottom: none;
	color: black;
	}

/*
.expanded td {
	padding-bottom: 12.3em;
	}*/

.expanded .toggle {
	background: url(images/bullet-open.png) no-repeat 3px .35em;
	}

td.info {
	background: white;
	border-bottom: .5em solid #bbc0c4;
	height: 11em;
	margin-top: 3em;
	padding: 1em .5em;
	}

.expanded td.info {
	width: 53.5em;
	}

td.info img {
	float: left;
	margin-left: .6em;
	}

td.info p {
	clear: none;
	color: #666;
		/*color: #444;*/
	font-size: 1em;
	margin: .4em 0 .5em 11em;
	margin-left: 16em;
	/*width: 34.4em;*/
		/* with bg-color: */
		padding-right: 1em;
		width: 31.5em;
	}

#calendar .links {
	clear: left;
	float: left;
	margin: 1em 0;
	padding-left: 2.2em;
	width: 9.5em;
	}

#calendar .links a {
	float: left;
	line-height: 1.3;
	}

th.add_info,
#calendar .hide {
	display: none;
	}

.details_link {
	float: right;
	font-weight: bold;
	}
	
p.footnote {
	font-size:1em;
}

.maincontent ul {
	font-size:1.3em;
	padding:0.1em;
	line-height: 1.3em;
}

/* @end */