/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

#centerContents table {
  background: white;
  margin-bottom: 15px;
}
#centerContents table td, 
#centerContents table th {
  padding: 5px;
  border: 1px solid #fff;
  background: #dcdfe3 !important;
}
#centerContents table th p {
  margin: 0;
}
#centerContents table tr.bglight td {
  background: #fff !important;
}
#centerContents table tr.bgdark td {
  background: #f0f0f0 !important;
}


/*BASIC ELEMENTS START*/

body > #mainWhiteBg { 
    height:auto;min-height:100%; 
}

body, html {
    background: #fff url(../images/bodyBg.jpg) 0 0 repeat-x;
    height: 100%;
    font-family: Arial, sans-serif;
    font-size: 12px;
    line-height: 14px;
    color: #3c3c3c;
}

img {
    border:0;
}

p {
    margin-bottom:16px;
}

h1, 
h1.mainHeader,
h2.mainHeader,
#TB_window h2 {
    font-size:25px;
    color:#f26334;
    margin:13px 0 13px;
    font-weight:normal;
    position:relative;
    z-index:1;
}

h2 {
    color: #f26334;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0 10px 0;
}

h3 {
    font-size:15px;
    color:#f26334;
    font-weight:normal;
}


h4 a{
  color: #3c3c3c;
}
input {
    font-size: 11px;
    border: 1px solid #c8cdd1;
}

input[type=radio] {
    border: 0;
}

a {
    color: #002c6c;
    outline: none;
    text-decoration: none;
}

a:hover{
    color: #6488bb;
}

#mainWhiteBg{
    background:url(../images/whitebg.jpg) repeat-y center top;
    margin-bottom:-149px;
}

#mainTeaser{
    height:206px;
    background:url(../images/mainTsr_gradient.jpg) no-repeat center 176px;
    width:920px;
    margin-bottom:-30px;
}

#mainTeaser a {
    color:#f26334;
}

#mainTsrText{
    width: 345px;
    margin: 26px 80px 0 0;
    font-size: 15px;
    color: #101010;
}

#mainTsrText span{
    padding-bottom:3px;
}

.tsrHighlight{
    color:#f26334
}

#mainArea {
    padding-bottom: 149px;
    width: 921px;
    position: relative;
    margin: 0px auto;
    text-align: left;
}
#contentArea,
#frontContentArea { 
    background: url(../images/contentBg.gif) repeat-y;
}

#contentArea {
    margin: 10px 0 0 0;
}

.lFloat{float:left;}
.rFloat{float:right;}
.clear{clear:both;line-height:0;height:0;font-size:0;width:0px;}
.inlineBlock{display:inline-block;}
/*BASIC ELEMENTS END*/

#topBar{height:103px;width:921px;background:url(../images/topGradient.jpg) no-repeat center bottom;}
#logo{margin:19px 0 0 14px;}
#logoECR{margin:14px 0 0 14px;}
#slogan{position:absolute;left:172px;top:40px;}
.topFields{
    width:240px;
    float: left;
}
#search{position:absolute;right:15px;top:21px;display:inline}
#signIn{position:absolute;right:15px;top:47px;display:inline}
#srchField{width:201px;height:15px;margin-left:10px;padding-left:2px;}
.formBtn{height:18px;border:0;padding:0;cursor:pointer;}
#srchBtn{background:url(../images/spyglass.gif) no-repeat;width:19px;}
#signBtn{background:url(../images/btnSign.jpg) no-repeat;width:48px;}
#signOutBtn{background:url(../images/btnSignOut.jpg) no-repeat;width:69px;}
#signContainer {
    width:178px;
    padding-left:10px;
    float: left;
}
#signContainer input {
    float: left;
    height:15px;
    width:82px;
    color:#000;
    margin-right:3px;
}
#signContainer.signedIn{width:150px;}
.logField{height:15px;width:82px;color:#e7e7e7;padding-left:2px;}
.logField.active{color:#3c3c3c;}
/*TOP BAR END*/

/*LEFT LINKS START*/
#leftLinks{width:230px;line-height:20px;font-size:12px;}
#leftLinks ul li a.active{font-weight:bold;background:url(../images/leftLinkArr.png) no-repeat right -12px;}
#leftLinks ul li { background:transparent url(../images/leftLinkBg.jpg) repeat-x scroll 0 0; }

.arrLink{ 
    text-decoration:none;
}

.feedback p {
    color:#f26334;
}

.pagenavigator .pages a {
    text-decoration: underline;
}

/*TOP LINKS START*/
#topLinks{
    border-bottom:1px solid #e7e7e7;
}
#topLinks ul{
    height:31px;
    width:921px;
    background: transparent url(../images/topLink_bg.jpg) bottom left repeat-x;
    border-bottom:1px solid #fff;
}

#topLinks ul, #topLinks li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}

#topLinks li a{
    border-left:1px solid #fff;
    border-right:1px solid #e7e7e7;
    color:#60718a;
    font-size:14px;
    text-decoration:none;
    padding:9px 11px 8px 13px;
    cursor:pointer;
}

.topMost{
    text-transform:uppercase;
}

.sfhover .topMost {
    background:#fff;
}

#nav, #nav ul {
    float: left;
}

#nav a {
    display: block;
    text-decoration: none;
}

#nav li {
    float: left;
}
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	font-weight: normal;
	width:200px;
	w\idth: 200px;
	border-left:1px solid #ecebea;
	border-right:1px solid #ecebea;
	border-bottom:1px solid #ecebea;
	background:#f3f3f3;
	z-index:10;
	margin: 0;
}
#nav li li {
    float:none;
    border-bottom:1px solid #e8e8e8;
    border-top:1px solid #fff;
}
#nav li ul a {
    font-size:11px;
    border:0px;
    color:#002c6c;
    line-height:20px;
    background:url(../images/leftLinkArr.png) no-repeat 185px 3px;
    padding:0 15px;
}
#nav li ul a:hover{
    background: #fff url(../images/leftLinkArr.png) no-repeat 185px 3px;
}

#nav li ul ul {
    background: #f3f3f3;
    width: 200px;
    margin: -1.75em 0 0 199px;
}
#nav li:hover ul ul, 
#nav li:hover ul ul ul, 
#nav li.sfhover ul ul, 
#nav li.sfhover ul ul ul {
    left: -999em;
}

#nav li:hover ul, 
#nav li li:hover ul, 
#nav li li li:hover ul, 
#nav li.sfhover ul, 
#nav li li.sfhover ul, 
#nav li li li.sfhover ul {
    left: auto;
}

#nav li ul a.child {  
    font-size:11px;
    border:0px;
    color:#002c6c;
    line-height:20px;
    background:url(../images/leftLinkArr.png) no-repeat 185px 3px!important;
    padding:0 15px;
}
#nav li ul a {  
    font-size:11px;
    border:0px;
    color:#002c6c;
    line-height:20px;
    background:transparent none repeat scroll 0 0!important;
    padding:0 15px;
}

#nav li ul a:hover {
    color: #60718a;
    background-color: #fff !important;
}

#nav a.active {
    color: #fff;
    background-color: #60718a !important;
}

#nav li:hover, #nav li.sfhover {}
/*TOP LINKS END*/


/*FOOTER START*/
#footer{
  background:url(../images/footerBg.jpg) repeat-x #6d737f;
  min-height:149px;
  position:relative;
  bottom:0px;
  margin-top: 15px;
  }
#footer .footerContent {
  width:920px;
  position:relative;
  margin: 0 auto;
  text-align:left;
}
.footCol{top:22px;position:absolute;}
.footCol.addr{background:url(../images/footVbar.jpg) no-repeat;color:#e7e7e7;font-size:14px;padding:4px 0 10px;}
.footCol.addr span{padding-bottom:2px;}
#footCol1{left:12px;}
#footCol2{left:255px;}
#footCol3{left:475px;padding-left:26px;}
#footCol4{left:705px;padding-left:26px;}
.footLinks a{color:#e7e7e7;font-size:11px;line-height:16px;}
.footLinks a:hover{text-decoration:underline;}
.addrline{clear:both;}

/*FOOTER END*/

#sitemap {
    list-style-type: square;
    list-style-position: outside;
    padding: 3px 0 0 0 !important;
    margin: 0 !important;
}

#sitemap a{
    font-weight: bold;
    display: block;
    padding-bottom: 4px;
}

#sitemap li{
    margin: 0 0 19px 15px;
    background: none !important;
    padding: 0 !important;
}
    
#sitemap ul li{
    margin: 0 0 0 15px;
}

#sitemap ul a{
    font-weight: normal;
}
   
#sitemap ul{
    list-style-type: circle;
    margin-left: 21px;
}

#sitemap ul ul { 
    list-style-type: none;
    margin-left: 10px;
}

/* Frontpage teasers */
div.frontTsr p {
    width: 100px;
}
div.frontTsr{
    position:absolute;
    width:216px;
    height:112px;
    display:block;
    text-transform:uppercase;
    color:#fff;
    font-size:14px;
    background:url(../images/../images/tsr_blueBg.png) no-repeat;
}
div.frontTsr span{
    padding-bottom:3px;
}
div.frontTsr span.lFloat {
    position:absolute;
    top:35px;
    left:10px;
}
div.frontTsr span.rFloat {
    position:absolute;
    top:35px;
    right:0px;
}
div.frontTsr div.lFloat {
    position:absolute;
    top:45px;
    left:10px;
    padding-bottom:3px;
}
div.frontTsr div.rFloat {
    position:absolute;
    top:35px;
    right:0px;
    padding-bottom:3px;
}
div.frontTsr:hover {
    text-transform:uppercase;
    color:#fff;
    background:url(../images/../images/tsr_blueBg.png) no-repeat left bottom;
}

.frontTsr .class-image {
    display:block;
    float:right;
    left:107px;
    position:absolute;
    top:-40px;
}

div.frontTsr a {
    color: #fff;
    text-decoration: none;
}
/* Frontpage teasers END */

#mainTeaser .attribute-image img{
    float: left;
}

#leftLinks ul li ul li a.active {
    background:transparent none repeat scroll 0 0 !important;
}

#leftContents .object-left  {
    margin-top: 20px;
    float: left;
    padding-left: 13px;
}
#leftContents .object-right {
    margin-top: 20px;
    float: right;
    padding-right: 10px;
}
#leftLinks {
    border-bottom:1px solid white;
    font-size:12px;
    line-height:20px;
    position:relative;
    width:230px;
    padding-top: 15px;
}

#leftLinks ul ul { margin-left:24px; }
#leftLinks ul ul li{ background:transparent none repeat scroll 0 0 !important; }
#leftLinks ul ul li a{ display:block; background:transparent none repeat scroll 0 0 !important; }
#gs1Links ul li{background:url(../images/leftLinkBg.jpg) repeat-x;}
#leftLinks ul li a{
  text-decoration:none;
  color:#002c6c;
  background:url(../images/leftLinkArr.png) no-repeat right 3px;
  padding:0 15px 0 12px;
  }
#leftLinks ul li a:hover{color:#6488bb;}
#leftLinks ul li ul{margin-left:24px;}
#leftLinks ul li ul li{background:none;}
#leftLinks ul li ul li a{background:none;}
/*frontpage's special list:*/
#leftContents{ 
    width:225px; 
    float: left;
}
#leftContents .gs1List{
    margin:20px 0 16px;
}
.gs1List li{ 
    background: url(../images/gs1List_bg.jpg) repeat-x bottom;
    padding: 0 10px;
}
.gs1List li a{
    background:url(../images/gs1Bullet.png) no-repeat 5px 13px;
    padding-left:34px;
    display:block;
    height:31px;
    padding-top:13px;
    text-decoration:none;
}
.gs1List .lFloat a img{
    padding-left:15px;
}
.gs1List .rFloat a img{
    padding-right:15px;
}
#frontContentArea #centerContents { 
    margin-top: 15px;
}
#centerContents {
    width: 435px;
    margin-left: 16px;
    float:left;
}

#centerContents ul, 
#centerContents ol {
    display: inline-block;
    display: block;
    overflow: hidden;
}

#centerContents ol {
    list-style-type: decimal;
    padding-left: 20px;
    margin: 0 0 15px 0;
}

#centerContents ul {
    padding-left: 12px;
    margin: 0;
}

#centerContents li {
    font-size: 12px;
    line-height: 14px;
    background: url(../images/orangeBullet.jpg) no-repeat left 3px;
    padding: 0 0 15px 15px;
}

#centerContents ul.folderList{
  padding:0;
}

#centerContents li.folder {
    font-size: 12px;
    line-height: 14px;
    background: url(../images/icon_folder.png) no-repeat left 3px;
    padding: 3px 0 0px 20px;
    margin:0;
}

#centerContents li.folderGo {
    font-size: 12px;
    line-height: 14px;
    background: url(../images/icon_folder_go.png) no-repeat left 3px;
    padding: 3px 0 0px 20px;
    margin:0;
}

#centerContents li ul li {
    margin: 15px 0 0 0;
    padding: 0 0 0 15px;
}

#centerContents ol li {
    background: none;
    padding: 0 0 4px 0;
}

#centerContents .object-left {
    float: left;
    margin: 0 15px 10px 0;
}

#centerContents .object-right {
    float: right;
    margin: 0 0 10px 15px;
}

#frontContentArea #rightContainer { 
    margin-top: 15px;
}
#rightContainer {
    width: 218px;
    padding-left: 15px;
    float: right;
}

.rightTsr {
    display: table;
    background: url(../images/rightTsr_bg.jpg) repeat-x;
    height: 66px;
    width: 228px;
    margin-left: -11px;
}

.rightTsr p {
    cursor:pointer;
    display: table-cell;
    vertical-align: middle;
    padding-left:13px;
}
.rightTsr .class-image {
    display:table-cell;
    padding-left:13px;
    vertical-align:middle;
    width: 80px;
    padding-top: 4px;
}
.rightTsr p{
    width:130px;
    font-size:15px;
}

#footCol3 p {
    margin: 0;
}
#footCol4 p{
    margin: 0;
}
.spamfilter {
    display: none;
}

div.oe-window {
    clear:both;
    margin-bottom:20px;
}

div.block {
    clear:both;
    margin-bottom:20px!important;
    margin-top:10px!important;
    padding:0;
}

legend {
    color:#3C3C3C!important;
}

.buttonblock {
    margin-bottom: 10px;
}
fieldset {
    border:0px solid #fff!important;
    padding:0!important;
}
textarea {
    font-family: Arial, sans-serif;
    font-size: 12px;
}
.contSect fieldset {
    border:1px solid #CCCCC3!important;
    padding:0.5em!important;
}

.form .field label {
    font-weight:normal;
    display:block;
    padding-bottom:2px;
}

.form .smallField label {
    font-weight:normal;
}

.loginform .halfbox {
    width: 200px;
}

.loginform .block {
    margin-bottom: 10px !important;
}

.loginform label {
    padding-bottom: 2px;
}

/* For websitetoolbar */
#editContent,
#fullContent {
    width:886px;
    background: #fff;
    margin: 0 16px;
    padding: 5px 0 15px 0;
}

#toolbar {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
}

#toolbar #ezwt {
    margin: 0 !important;
    padding: 0 !important;
    border-bottom: 1px solid #C8CDD1;
}

#toolbar #ezwt .tl,
#toolbar #ezwt .bl {
    height: 0 !important;
}

#toolbar #ezwt .tr,
#toolbar #ezwt .tc,
#toolbar #ezwt .br,
#toolbar #ezwt .bc,
#toolbar #ezwt .tl,
#toolbar #ezwt .bl,
#toolbar #ezwt .mr {
    background: none !important;
}

/* Extranet */

.extranetFileEdit input.box,
.extranetFileEdit textarea.box {
    width: 350px;
}

#extranetFileList {
    list-style-type: none !important;
}

#extranetFileList .editImage {
    margin-right: 10px;
    vertical-align: middle;
}

#extranetFileList {
    padding-left: 0 !important;
}

#extranetFileList li {
    margin-bottom: 5px;
}

#extranetFileList li span {
    color: #999;
}

/* Warning */

.expiryError,
.requiredFields {
    /*
    border: 1px solid #f26334;
    padding: 10px;
    */
    font-weight: bold;
    color: #f26334;
    margin-bottom: 10px;
}

.expiryError p,
.requiredFields p {
    margin: 0;
    padding: 0;
}

.warning h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 5px 0;
}

.warning {
    border-color: #f26334 !important;
}

/* Event signup */

#eventGMap .GMap {
    width: 100%;
    height: 300px;
}
#eventGMap {
    border: 1px solid #D8E1EA;
    margin-bottom: 10px;
}

#questionFields {
    margin-bottom: 20px;
}

.form .field input {
    width: 300px;
    font-size: 12px;
    padding: 1px;
}

.form .field textarea {
    width: 95%;
    font-size: 12px;
    padding: 1px;
}

.checkboxBlock .block{
    margin-bottom:0 !important;
}

form .field .checkboxBlock input{
    width:auto;
    border:none;
}

form .field .checkboxBlock label{
    display:inline;
}

.form .field label {
    padding-bottom: 2px;
    display: block;
}

.form .smallField input {
    width: 50px;
    font-size: 12px;
    padding: 1px;
}

.form .field,
.form .smallField {
    padding-bottom: 20px;
}

.form legend {
    font-weight: bold;
    padding: 0 0 10px 0;
}

.required label {
    color:#f26334;
}

.required input,
.required textarea {
    border: 1px solid #f26334;
}

#eventPersonSignup fieldset,
.infoGroup {
    padding-bottom: 10px;
    margin-top: 10px;
    border-bottom: 1px solid #d9e0e9;
}

#eventPersonSignup fieldset.last,
.infoGroupLast {
    padding-bottom: 15px;
    margin-top: 10px;
    border: 0;
}

.submitButton,
.cancelButton {
    padding: 3px;
}

.submitButton.disabled,
.cancelButton.disabled {
    border: 1px solid #F0F0F0;
    background: #F9F9F9;
}

.editDetails {
    float: right;
}

/* News page styles START */

.newsLift a:hover {
    text-decoration: underline;
}

.newsLift p a {
    color: #000;
}

h1.newsHeader,
.newsLift h2,
.newsLift h2 a {
    color: #f26334;
    font-size: 15px;
    font-weight: normal;
    margin: 5px 0 10px 0;
    position:relative;
    z-index:1;
}

.newsLift {
    margin-top: 30px;
}

/* News page styles END */

#partnerLift{padding:0 15px;}
/*LEFT LINKS END*/

/*MIDDLE CONTENTS START*/

.bigBullets{margin:0 0 17px 20px;}

.hidden{display:none;}

.kurssiLift{
    border-bottom:1px solid #d9e0e9;
    padding-bottom:20px;
    margin-bottom:20px;
}
a.kurssiLink{
    color:#002c6c;
    font-size:14px;
    background:url(../images/kurssiLink_bg.png) no-repeat;
    height:20px;
    display:block;
    padding:10px 0 0 30px;
}
a.kurssiLink:hover{background:url(../images/kurssiLink_bg.png) no-repeat left bottom;}

.eventLift{margin-bottom:10px;}
.eventLift p{color:#f26334;margin-bottom:0px;}

#frontTsrs {
    display:block;
    height:112px;
    background:url(../images/contentBg.gif) repeat-y;
    margin:0 0 10px;
    padding-bottom:0px;
}

#frontTsrs p {
    position: relative;
    margin-bottom: 0px;
    margin-top: 0px;
    display: block;
    top:-13px;
}

a.frontTsr {
    position:absolute;
    width:216px;
    height:112px;
    display:block;
    text-transform:uppercase;
    color:#fff;
    font-size:14px;
    background:url(../images/../images/tsr_blueBg.png) no-repeat;
}
a.frontTsr span{padding-bottom:3px;}
a.frontTsr span.lFloat{position:absolute;top:35px;left:10px;}
a.frontTsr span.rFloat{position:absolute;top:35px;right:0px;}
a.frontTsr:hover{text-transform:uppercase;color:#fff;
    background:url(../images/../images/tsr_blueBg.png) no-repeat left bottom;
}

a#tsr1, 
div#tsr1{ 
    left:12px; 
} 

a#tsr2,
div#tsr2 { 
    left:245px; 
}

a#tsr3,
div#tsr3{ 
    left:475px; 
}

a#tsr4 ,
div#tsr4 { 
    left:705px; 
} 

/*front teasers END*/

.hakuLift p {
    margin-bottom: 0;
}

.hakuLift {
    margin-bottom: 15px;
}

.infobox {
    float: left;
    height: 1em;
    margin-top: -2px;
    padding-right: 4px;
}

/* Digits */

.idkeytable {
    background: #D8E1EA;
    margin-bottom: 20px;
    width: 100%;
}

.idkeytable td,
.idkeytable th {
    padding: 4px;
}

/* Events admin */

#eventsTable,
#participantTable {
    width: 100%;
}

.remove {
    border: 1px solid #f26334;
    background: #F7A388;
}

/* User settings */

#ezlogged {
    position: relative;
    float: right;
    right: 15px;
    top: -36px;
    width: auto;
}

#ezlogged p {
    margin: 0;
    padding: 0;
}

#showUserSettings{
    text-align: right;
}

#userSettings {
    position: absolute;
    width: 150px;
    right: 0;
    z-index: 9999;
}

#userSettings ul {
    border: 1px solid #f26334;
    width: 150px;
    padding: 5px;
    background: #fff;
    text-align: left;
}

#userSettings ul a {
    display: block;
    width: 100%;
}

#changePassword .halfbox {
    width: 300px;
}

/*Extranet ohjesivu*/
#extraInfoArea{
    width:435px;
    height:415px;
    padding:10px;
    margin:0 auto;
}

/*Multiupload ja Mediakirjasto*/
#multiuploadProgressBarOutline{
    border:1px solid black;
}

#multiuploadProgressBar{
    background-color:red;
    height:10px;
}

.class-media-folder .class-image{
    float:left;
    width:33%;
    height:200px;
}

.class-media-folder .class-file{
    border-bottom:1px solid #C8CDD1;
}