.admin_training_history { margin-left: -2em; padding-top: 0.7em; margin-bottom: -0.5em; }

p { font-size: 12px; }

p.small { font-size: 8pt; margin-top: 0px; margin-bottom: 4px; }

p.pre { white-space: pre-line; word-wrap: break-word; }

				
h3.plannedTrainingList { padding-top: 20px;}

pre { font-family: "Tahoma", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; white-space: pre-line; word-wrap: break-word; }

.text { width: 12.5em; margin-left: 2px; }

.text_long { width: 22em; margin-left: 2px; }

.number_field { width: 4em; text-align: right; }

.title { width: 11.5em; }

.easyinput { width: 18em; }

.blueheader { color: #196ead; font-family: "Arial"; }

h1 { font-size: 160%; color: #1d384e; font-family: "Tahoma", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; }

h2, h3, h4 { color: #1d384e; font-family: "Tahoma", "Goudy Old Style", "Palatino", "Book Antiqua", Georgia, serif; font-style: italic; font-weight: normal; }

h4.export { margin-top: 3.5em; margin-bottom: 0em; }

#container { width: 950px; margin: 0 auto; overflow: hidden; *zoom: 1; }

.container { width: 950px; margin: 0 auto; overflow: hidden; *zoom: 1; }

#logo { background-image: url('./images/logo.png'); background-position: 0% 100%; background-repeat: no-repeat; width: 100%; height: 120px; }

/*#right_logo { background-image: url('./images/logo-jyu.png'); background-position: 100% 100%; background-repeat: no-repeat;  height: 120px; width: auto; }
*/
.kolmannes { width: 33%; float: left; height: 120px; position: relative; }

h1.right { font-size: 20px; text-align: right; position: absolute; margin: 0; bottom: 0; right: 0; color: #797a7b; }

label { font-size: 12px; }

label.rights { font-size: 12px; float: left; width: 250px; }

.errors { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; }
.errors a { color: #8a1f11; }

.info { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
.info a { color: #264409; }

#message { padding: 0.8em; margin-bottom: 1em; border: 2px solid #dddddd; background: #e6efc2; color: #264409; border-color: #c6d880; }
#message a { color: #264409; }

#dialog { display: inline; float: left; margin-right: 0; width: 950px; padding-right: 4px; margin-right: 5px; border-right: 1px solid #dddddd; }
* html #dialog { overflow-x: hidden; }
#dialog label { margin-top: 10px; font-weight: bold; }

#leftbar { display: inline; float: left; margin-right: 10px; width: 350px; padding-right: 4px; margin-right: 5px; border-right: 1px solid #dddddd; }
* html #leftbar { overflow-x: hidden; }

#rightbar { display: inline; float: left; margin-right: 0; width: 590px; padding-right: 4px; margin-right: 5px; border-right: 1px solid #dddddd; }
* html #rightbar { overflow-x: hidden; }

.userinput, .userinput_idea { border: 2px solid #6f9fbc; color: #196ead; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }

.userinput_management { border: 2px solid #6f9fbc; color: #196ead; width: 285px; margin-left: -5px; -moz-border-radius: 15px; -webkit-border-radius: 15px; -o-border-radius: 15px; -ms-border-radius: 15px; -khtml-border-radius: 15px; border-radius: 15px; }

.userinput_idea { padding: 5px; width: 265px; }

.full { width: 950px; margin: 0 auto; overflow: hidden; *zoom: 1; padding-top: 30px; min-height: 400px; }

.first { display: inline; float: left; margin-right: 10px; width: 270px; padding-right: 24px; margin-right: 25px; border-right: 1px solid #6f9fbc; min-height: 300px; }
* html .first { overflow-x: hidden; }

.body { min-height: 400px; }

.logot { display: inline; float: left; margin-right: 10px; width: 270px; }
* html .logot { overflow-x: hidden; }

.second { display: inline; float: left; margin-right: 10px; width: 270px; padding-right: 24px; margin-right: 25px; border-right: 1px solid #6f9fbc; min-height: 300px; }
* html .second { overflow-x: hidden; }

.third { display: inline; float: left; margin-right: 0; width: 270px; min-height: 300px; }
* html .third { overflow-x: hidden; }

.twothirds {
	display: inline; float: left; margin-right: 0; width: 600px; min-height: 300px; }
}

.export { background: none; border: 0px; }

.summary { border-top: 1px solid #797a7b; }

.balloon { border: 2px solid gray; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; padding: 5px; margin-top: 5px; width: 265px; }
.balloon p { word-wrap: break-word; }

.submitter { margin: 0 auto; margin-right: 5px; font-size: 8pt; text-align: right; white-space: pre-line; }

.infolink { padding-right: 5px; text-align: right; }

.kaksi { display: inline; float: left; margin-right: 10px; width: 550px; padding-right: 24px; margin-right: 25px; border-right: 1px solid #6f9fbc; }
* html .kaksi { overflow-x: hidden; }

#stuff { padding-left: 5px; }

.box1 { display: inline; float: left; margin-right: 10px; width: 270px; }
* html .box1 { overflow-x: hidden; }

.box2 { display: inline; float: left; margin-right: 10px; width: 270px; }
* html .box2 { overflow-x: hidden; }

.box3 { display: inline; float: left; margin-right: 0; width: 390px; }
* html .box3 { overflow-x: hidden; }

#nav { -webkit-border-radius: 15px 15px; -moz-border-radius: 15px / 15px; -o-border-radius: 15px / 15px; -ms-border-radius: 15px / 15px; -khtml-border-radius: 15px / 15px; border-radius: 15px / 15px; height: 30px; padding-left: 15px; }
#nav background { image: url('resource:/images/skin/gradient_new.png'); position: 50% 100%; repeat: repeat-x; }

.paginateButtons { background: white url(../images/skin/shadow.png); color: #797a7b; font-size: 12px; padding-left: 10px; width: 30%; }
.paginateButtons a { color: #797a7b; padding-left: 10px; }

.currentStep { padding-left: 10px; }

.buttons { margin-top: 1em; margin-bottom: 1em; background: white url(../images/skin/shadow.png) bottom repeat-x; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -ms-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; border: 0; color: #797a7b; cursor: pointer; font-size: 10px; font-weight: bold; margin-left: 3px; overflow: visible; padding: 2px 6px; }
.buttons input { border: 0; color: #797a7b; cursor: pointer; font-size: 10px; font-weight: bold; margin-left: 3px; overflow: visible; padding: 2px 6px; }
.buttons input.delete { padding-left: 28px; background: transparent url(../images/skin/database_delete.png) 5px 50% no-repeat; }
.buttons input.edit { padding-left: 28px; background: transparent url(../images/skin/database_edit.png) 5px 50% no-repeat; }
.buttons input.save { padding-left: 28px; background: transparent url(../images/skin/database_add.png) 5px 50% no-repeat; }

body { background: white; padding: 0; margin: 0; font-family: "Arial"; font-size: 12px; }

#header { width: 100%; height: 101px; }
#header background { image: url('../images/logo.png?1317320581'); position: 0% 50%; repeat: no-repeat; }
#header h1 { text-align: right; padding-right: 100px; }

#navigation { width: 100%; }

.menubutton { padding: 0px 0px 0px 50px; }
.menubutton a { padding: 0px 0px 0px 20px; color: white; text-decoration: none; }
.menubutton a:hover { text-decoration: underline; }
.menubutton a.home background { image: url('../images/skin/house.png?1317320581'); position: 0% 50%; repeat: no-repeat; }
.menubutton a.edit background { image: url('../images/skin/database_edit.png?1317320581'); position: 0% 50%; repeat: no-repeat; }
.menubutton a.create background { image: url('../images/skin/database_add.png?1317320581'); position: 0% 50%; repeat: no-repeat; }
.menubutton a.list background { image: url('../images/skin/database_table.png?1317320581'); position: 0% 50%; repeat: no-repeat; }

#footer { width: 100%; text-align: center; }

#logo_container { width: 400px; margin: 0 auto; }

#contact_container { height: 60px; width: 305px; margin: 0 auto; }

.contact_block, .contact_block_left, .contact_block_center { display: inline-block; width: 120px; min-height: 50px; vertical-align: top; font-size: 10px; padding-left: 20px; }
.contact_block span, .contact_block_left span, .contact_block_center span { font-size: 10px; }

.contact_block_left { margin-left: 20px; }

.contact_block_center { margin-left: 0px; margin-right: 20px; }

.contact { font-size: 10px; padding-left: 6%; padding-right: 0%; float: left; text-align: left; margin-bottom: 10px; }
.contact span { font-size: 10px; }

#university_container { width: 300px; margin: 0 auto; text-align: center; }
#university_container p { font-size: 9px; }

a { text-decoration: none; color: #1d384e; }
a:hover { text-decoration: underline; }

div.workarea { padding: 10px; float: left; }

ul.draglist { position: relative; min-width: 250px; list-style: none; margin: 0px; padding: 15px; padding-bottom: 20px; border: 1px dotted; min-height: 100px; }
ul.draglist li { margin: 1px; margin-bottom: 15px; cursor: move; padding: 5px; padding-left: 50px; }

ul.linklist { position: relative; list-style: none; margin-left: 40px; margin-bottom: 5px; padding: 3px; padding-bottom: 20px; min-height: 100px; width: 400px; }
ul.linklist li a { color: #797a7b; font-weight: bold; }

span.EQUAL { background-color: white; }

span.DELETE { background-color: #ffaaaa; text-decoration: line-through; }

span.INSERT { background-color: #aaffaa; }

.del { margin-left: 94%; width: 15px; background: transparent url(../images/skin/delete.png) no-repeat; }

li.list1 { margin-bottom: 10px; padding-left: 50px; color: #797a7b; border: 1px solid #797a7b; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
li.list1 background { image: url('./images/skin/shadow.png'); position: 50% 100%; repeat: repeat-x; }

li.list2 { background-color: #1d384e; color: white; border: 1px solid black; padding-left: 50px; -moz-border-radius: 101px; -webkit-border-radius: 101px; -o-border-radius: 101px; -ms-border-radius: 101px; -khtml-border-radius: 101px; border-radius: 101px; background-color: #797a7b; }

li.list3 { background-color: #27d6e3; border: 1px solid #95c8cc; padding-left: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }

li.list4 { background-color: #779457; border: 1px solid #413170; color: white; padding-left: 50px; -moz-border-radius: 10px; -webkit-border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }

.time-picker { position: absolute; height: 200px; width: 8em; overflow: auto; background: white; border: 1px solid black; z-index: 99; }
.time-picker ul { list-style-type: none; margin: 0; padding: 0px; }
.time-picker li { padding: 1px; cursor: pointer; }
.time-picker li.selected { background: #316ac5; color: white; }

.error { border: 1px solid red; }

.justify { text-align: justify; }

.required { font-size: 160%; color: #9c3333; }

#list table th, #full_list table th, #invoice_list table th, #user_list table th, #person_list table th, #trainer_list table th { background: white url(./images/skin/shadow.png?1317320581); color: #797a7b; font-size: 12px; }
#list table th a, #full_list table th a, #invoice_list table th a, #user_list table th a, #person_list table th a, #trainer_list table th a { color: #797a7b; }
#list table tr.even, #full_list table tr.even, #invoice_list table tr.even, #user_list table tr.even, #person_list table tr.even, #trainer_list table tr.even { background-color: #eeeeee; }
#list table tr.highlight, #full_list table tr.highlight, #invoice_list table tr.highlight, #user_list table tr.highlight, #person_list table tr.highlight, #trainer_list table tr.highlight { background-color: #66ff99; }
#list td, #full_list td, #invoice_list td, #user_list td, #person_list td, #trainer_list td { font-size: 12px; }

#full_list table { width: 100%; }

#invoice_list table { width: 80%; }

#user_list table { table-layout: fixed; width: 105%; }
#user_list table td { word-wrap: break-word; }

#person_list table { width: 100%; }

#training_list table { width: 100%; }

#training_list table th { background: white url(./images/skin/shadow.png?1317320581); color: #797a7b; font-size: 12px; }
#training_list table th a { color: #797a7b; }
#training_list table tr.even { background-color: #eeeeee; }
#training_list table tr.highlight { background-color: #66ff99; }
#training_list td { font-size: 12px; }

#trainer_list table { width: 45%; }
#trainer_list table th { width: 50%; }

#document_list table { width: 90%; border-spacing: 1px; }
#document_list table th { background: white url(../images/skin/shadow.png?1317320581); color: #797a7b; font-size: 12px; }
#document_list table th a { color: #797a7b; }
#document_list table tr.even { background-color: #eeeeee; }
#document_list table tr.highlight { background-color: #66ff99; }
#document_list td { font-size: 12px; padding-left: 10px; padding-right: 10px; }

.idCol { width: 40px; }

.titleCol { width: 150px; }

.descCol { width: 200px; }

#instance_allowedOrganizations, #fullList { max-height: 600px; min-width: 265px; overflow: scroll; }

.editCol { width: 70px; }

.copyCol { width: 90px; }

.trainingCol { width: 250px; }

.dateCol { width: 75px; }

.regDateCol { width: 85px; }

.regAmountCol { width: 95px; }

.regOrgCol { width: 45px; }

.organizationCol { width: 200px; }

.sumCol { width: 200px; }

.content { list-style-type: none; line-height: 150%; }

#firstlevel { font-family: Arial; height: 21px; top: 50%; background-image: url("./images/skin/shadow.png?1317320581"); background-position: 50% 100%; background-repeat: repeat-x; }
#firstlevel_u { font-family: Arial; height: 21px; top: 50%; background-image: background-position: 50% 100%; background-repeat: repeat-x; }


#secondlevel { font-family: Arial; background-color: #797a7b; top: 50%; min-height: 21px; }

.navigation { list-style-type: none; clear: both; margin: 0; font-size: 12px; font-weight: bold; overflow: hidden; }

.navigation li { font-color: #797a7b; padding-top: 3px; float: left; border: 0; height: 21px; top: 50%; }

.navigation li a { padding-left: 1em; padding-right: 1em; color: #797a7b; }

.navigation li a:hover { color: white; }

.navigation li.navigation_active { background-color: #797a7b; cursor: default; border: 0; }
.navigation li.navigation_active a { color: white; border: 0px; }
.navigation li.navigation_active a:hover { color: white; }

.subnavigation { list-style-type: none; clear: both; margin: 0; font-size: 12px; overflow: auto; }

.subnavigation li { float: left; border: 0; padding: 3px; }

.subnavigation li a { display: block; padding-left: 1em; padding-right: 1em; text-decoration: none; color: white; }

.subnavigation li a:hover { border-width: 1px 0; }

.subnavigation li.subnavigation_active a { cursor: default; font-weight: bold; }

.navigation li.navigation_active a:hover { font-decoration: underline; }

.navigation li a:hover { color: #797a7b; }

.navigation li.navigation_last a { border: 0px; }

.navigation li.navigation_first { border-left-color: #888888; }

.navigation li { border-left-color: #bbbbbb; }

.navigation li.navigation_active { border-left-color: #555555; color: white; }

.descriptionarea { width: 600px; height: 500px; }

.prop a:hover {color:#ee0000;}
.prop a:link { color: #0000ee;}
.prop a:visited {color: #551a8b;}