/* TerveRekry Stylesheet                              tab

Sections:
    Fonts and typefaces
    Basic layout     
    Content layouts     
    Common content elements */

* { margin: 0px; padding: 0px; }

.email-preview {
	
	word-wrap: break-word;
	/*font: 14px Arial, sans-serif;*/
	font-size: 14px;
	font-family: monospace;
	/*
	border-top: 1px solid #ececec;
	
	margin-top: 22px;
	margin-left: 22px;
	margin-right: 22px;*/
	margin-bottom: 22px;
}


body { background: #fff; }
ul { list-style: none; }
img, fieldset { border: 0px; }

a { text-decoration: none; }
a:visited {}
a:hover { text-decoration: underline; }
a:active {}

.clear { clear: both; }


/* FONTS AND TYPEFACES
   ------------------- */

body { font: 16px Arial, sans-serif; }

select {
    font: 12px Arial, sans-serif;
    line-height: 1em;
}
select option { padding: 0px 6px; }

select.multiple {
    font: 11px Arial, sans-serif;
    line-height: 1em;

    color: #444;
}
select.multiple option { padding-left: 0px; }


select.multiple optgroup {
    font: bold 11px Arial, sans-serif;
    font-style: normal;
    line-height: 1em;
}
select.multiple optgroup option { padding-left: 6px; }

input, textarea {
    font: 12px Arial, sans-serif;
    line-height: 1em;
    
    color: #000;
}

div.cvsubheader {
	margin-bottom: 0.5em;
	margin-top: 3em;
}

div.cvsubheader-first {
	margin-bottom: 0.5em;
}


/* HEADER FONTS */
div#header ul#header-navi a {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    
    color: #696969;
}

/*
div#footer ul#footer-navi a {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    color: #696969;
}
*/

div#footer-navi a {
    font: bold 11px Arial, sans-serif;
    line-height: 1em;
    color: #696969;
}

/* LEFT NAVIGATION FONTS */
div#left-column ul#left-navi a {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    
    color: #89062a;
}

/* PANEL LAYOUT - SEARCH PANEL (LEFT) FONTS */
div.left-panel h2 {
    font: bold 24px "MyriadPro-BoldCond", "Trebuchet MS", Arial, sans-serif;
    line-height: 1em;

    text-transform: uppercase;
    
    color: #fff;
}

div.left-panel label {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    
    color: #fff;
}

div.left-panel ul li a {
    font: 12px Arial, sans-serif;
    line-height: 1em;
}
div.left-panel ul li a {
    text-decoration: underline;
    color: #000;
}
div.left-panel ul li a:hover {
    text-decoration: none;
    cursor: pointer;
}


/* PANEL LAYOUT - RESULT PANEL (RIGHT) FONTS */
div.right-panel h2 {
    /* originally 17px for myriad */
    font: bold 15px "MyriadPro-BoldCond", "Trebuchet MS", Arial, sans-serif;
    line-height: 1em;

    text-transform: uppercase;
    
    color: #89062a;
}

div.right-panel p.note {
    font: 10px Arial, sans-serif;
    line-height: 1.25em;

    color: #89062a;
}

.whitenote {
    font: 10px Arial, sans-serif;
    line-height: 3.25em;
    color: #fff;
}

.showilmoitukset {
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 11px;
	font-size-adjust: none;
	font-stretch: normal;
	line-height: 1.5em;
	color: #000000;
	width: 535px;
}

.showilmoitukset td {
	padding-left: 5px;
}

.showilmoitukset tr.even {
	background-color: #e4eef6;
}

.showilmoitukset tr.odd {

}


div.feedback {
    margin-bottom: 8px;
}

div.feedback textarea {
    width: 300px;
}

div.feedback.submit {
    float: right;
}

div.feedback select.multiple {
    width: 300px;
}

div.feedback input.text {
    width: 300px;
}

div.feedback div.counter {
    padding-left: 228px;
}

div.job-section label span.virhe {
	color: red;
	font-weight: bold;
	padding-right: 10px;
}

div.feedback label span.virhe {
	color: red;
	font-weight: bold;
	padding-right: 10px;
}

div.feedback label {
    font: bold 11px Arial, sans-serif;
    line-height: 1.5em;
    color: #000;

    float: left;
    display: inline;
    width: 228px;
}

div.feedback label a {
    font: bold 11px Arial, sans-serif;
    line-height: 1.5em;
    text-decoration:underline;
    color: #444;
}

div.feedback label a:hover {
    font: bold 11px Arial, sans-serif;
    line-height: 1.5em;
    text-decoration:none;
    color: #444;
}

.errorMessage {
	color: red;
	font-weight: bold;
	padding-right: 10px;
}

div.right-panel p#search-navi {
    font: 11px Arial, sans-serif;
    line-height: 1em;

    text-align: center;

    color: #444;
}
div.right-panel p#search-navi a {
    font-weight: bold;
    color: #444;
}


/* COLUMN LAYOUT FONTS */
div.two-column div.title h2 {
    font: bold 17px "MyriadPro-BoldCond", "Trebuchet MS", Arial, sans-serif;
    line-height: 1em;

    color: #89062a;
}

div.one-column div.title h2 {
    font: 18px Arial, sans-serif;
    line-height: 1em;

    color: #444;
}


/* TAB BAR FONTS */
div.tab-bar a {
    /* originally 15px for myriad */
    font: bold 14px "MyriadPro-BoldCond", "Trebuchet MS", Arial, sans-serif;
    line-height: 1em;

    color: #89062a;
}

div.tab-bar p.note {
    font: 12px Arial, sans-serif;
    line-height: 1em;

    color: #000;
}


/* BUBBLE ELEMENT FONTS */
div.bubble ul li {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    color: #444;
}


/* COMMON JOB ITEM FONTS */
div.job-item h3, div.job-item h3 a {
    font: bold 14px Arial, sans-serif;
    line-height: 1em;

    color: #89062a;
}
div.job-item h4, div.job-item h4 a {
    font: bold 11px Arial, sans-serif;
    line-height: 1em;

    color: #89062a;
}
div.job-item h3 a {
    /* red arrow for job links */
    padding: 0px 0px 0px 10px;
    line-height: 1.5em;
    background: url("gfx/redarrow_bullet.gif") no-repeat 0 6px;
}


div.job-item p {
    font: bold 11px Arial, sans-serif;
    line-height: 1.5em;
    color: #444;
}

div.job-item p a {
    font: bold 11px Arial, sans-serif;
    line-height: 1.5em;
    text-decoration: underline;
    color: #444;
}

div.job-item p a:hover {
    text-decoration: none;
}

div.job-item p span { color: #000; }

div.announcement-description {
    font: bold 13px Arial, sans-serif;
	margin-bottom: 1.5em;
}

div.announcement-description div {
    margin-bottom: 0.5em;
}

div.announcement-description div.person-name {
    color: #89062a;
}

div.job-item ul li {
    font: 11px Arial, sans-serif;

    line-height: 1.5em;

    color: #444;
}
div.job-item ul li {
    /* grey bullets for job item lists */
    padding: 0px 0px 0px 6px;
    background: url("gfx/greysquare_bullet.gif") no-repeat center left;
}


/* COMMON JOB PAGE FONTS */
div.job-section h4 {
    font: bold 11px Arial, sans-serif;
    line-height: 1em;

    padding-bottom: 8px;

    color: #000;
}

div.job-section p {
    font: 11px Arial, sans-serif;
    line-height: 1.5em;

    color: #000;
}
div.job-section a {
    text-decoration: underline;
    color: #000;
}
div.job-section a:hover { text-decoration: none; }

div.job-section label {
    font: bold 11px Arial, sans-serif;
    line-height: 1.5em;
    color: #000;
}

div.job-section label a {
    text-decoration: underline;
    color: #444;
}

p.show-result {
    font: bold 11px Arial, sans-serif;
    line-height: 1em;
    text-align: center;
}
p.show-result a {
    text-decoration: underline;
    color: #444;
}
p.show-result a:hover { text-decoration: none; }

div.list ul li {
    /* grey bullets for link lists */
    padding: 2px 0px 4px 6px;
    background: url("gfx/greysquare_bullet.gif") no-repeat center left;
}
div.list ul li a {
    font: 12px Arial, sans-serif;
    line-height: 1em;
}
div.list ul li a {
    text-decoration: underline;
    color: #444;
}
div.list ul li a:hover { text-decoration: none; }


/* FOOTER FONTS */
div#footer {
    font: bold 10px Arial, sans-serif;
    line-height: 1em;

    color: #444;
}


/* BASIC LAYOUT
   ------------ */

div#wrapper {
    width: 930px;
    margin: 0px auto;
}

div#top-banner {
    text-align: center;

    padding: 4px 0px 4px;

    background: url("gfx/grey_border.gif") repeat-x bottom center;
}


/* HEADER AND TOP NAVIGATION */
div#header {
    position: relative;
    
    padding: 12px 26px 17px 12px;
}

div#header div#logo {
    display: inline;
    float: left;
}

div#header ul#header-navi {
    display: inline;
    float: right;

    padding-right: 10px;

    background: url("gfx/blue_bullet.gif") no-repeat center right;
}

div#header ul#header-navi li {
    display: inline;
    float: left;

    padding: 0px 20px 0px 30px;

    background: url("gfx/blue_bullet.gif") no-repeat center left;
}

/*
div#footer ul#footer-navi {
    display: inline;
    background: url("gfx/blue_bullet.gif") no-repeat center right;
}

div#footer ul#footer-navi li {
    display: inline;
    padding: 0px 20px 0px 30px;
    background: url("gfx/blue_bullet.gif") no-repeat center left;
}
*/

/* MIDDLE PART THAT CONTAINS THREE COLUMNS  */
div#container div.container-margin {
    clear: both;
    padding-top: 32px;
}


/* LEFT COLUMN AND NAVIGATION */
div#container div#left-column {
    display: inline;
    float: left;

    width: 137px; /* 152px - 15px */

    padding: 41px 15px 0px 0px;
}

div#left-column ul#left-navi {
    background: url("gfx/black_border.gif") repeat-x top center;
}

div#left-column ul#left-navi li {
    padding: 10px 10px 8px 12px;
    background: url("gfx/black_border.gif") repeat-x bottom center;
}

div#left-column ul#left-navi a {
    display: block;
    background: url("gfx/arrow_bullet.gif") no-repeat center right;
}


/* CONTENT AREA/COLUMN */
div#container div#content-column {
    display: inline;
    float: left;

    width: 609px;
}


/* RIGHT COLUMN FOR ADVERTS */
div#container div#right-column {
    display: inline;
    float: left;

    width: 141px; /* 166px - 15px - 10px */

    padding: 26px 15px 0px 10px;
}

div#right-column div.banner { margin-bottom: 6px; }

div#right-column div.banner img { display: block; }

/* FOOTER */
div#footer {
    text-align: center;

    padding: 32px 0px;

    background: url("gfx/grey_border.gif") repeat-x top center;
}


/* CONTENT LAYOUTS
   --------------- */

/* TWO PANEL LAYOUT - SEARCH AND RESULTS */
div.two-panel div.fill {
    background: url("gfx/twopanel_fill.gif") repeat-y;
}

div.two-panel div.top {
    background: url("gfx/twopanel_top.gif") no-repeat top left;
}

div.two-panel div.bottom {
    background: url("gfx/twopanel_bottom.gif") no-repeat bottom left;
}

div.two-panel div.open-bottom {
    background: url("gfx/twopanel_openbottom.gif") no-repeat bottom left;
}

div.two-panel div.left-panel {
    display: inline;
    float: left;

    width: 230px;
    padding: 0px 0px 0px 22px;
}

div.left-panel label {
    display: block;

    padding: 22px 0px 4px 8px;
}

div.left-panel label.first {
    display: block;

    padding: 12px 0px 4px 8px;
}

div.left-panel label.notop {
    display: block;

    padding: 4px 0px 4px 8px;
}

select.multiple {
    width: 228px;
    padding: 3px 0px 3px 5px;
}

select.addformselect {
    width: 305px;
    padding: 3px 0px 3px 5px;
    font: 11px Arial, sans-serif;
    line-height: 1em;
    color: #444;
}

div.left-panel input.text {
/*    width: 165px;*/
    width: 219px;
    padding: 2px 2px;
}

div.left-panel label span.virhe {
	color: white;
}

div.left-panel span.virhe {
	color: red;
	font-size: 11px;
	font-weight: bold;
	padding-right: 10px;
}

div.left-panel input.submit {
    display: inline;
    float: right;
    margin-top: 18px;
    width: 48px;
}

div.left-panel ul {
    margin-top: 14px;
}

div.left-panel ul li {
    margin-left: 8px;
    padding: 0px 0px 0px 6px;

    background: url("gfx/blacksquare_bullet.gif") no-repeat center left;
}

div.two-panel div.right-panel {
    display: inline;
    float: right;
    
    width: 303px;

    padding: 0px 22px 0px 0px;
}

div.left-panel div.title, div.right-panel div.title {
    position: relative;
    height: 44px;
}
div.right-panel div.title { margin-bottom: 22px; }

div.left-panel div.title h2, div.right-panel div.title h2 {
    position: absolute;
    left: 0px;
}
div.right-panel div.title h2 { bottom: -2px; }
div.left-panel div.title h2 { bottom: -3px; }

div.right-panel p.note {
    position: absolute;

    right: 0px;
    bottom: 2px;

    text-align: right;
}


/* ONE PANEL LAYOUT - RESULTS ONLY */
div.one-panel div.fill {
    background: url("gfx/onepanel_fill.gif") repeat-y;
}

div.one-panel div.top {
    background: url("gfx/onepanel_top.gif") no-repeat top left;
}

div.one-panel div.bottom {
    background: url("gfx/onepanel_bottom.gif") no-repeat bottom left;
}

div.one-panel div.open-bottom {
    /* background: url("gfx/onepanel_openbottom.gif") no-repeat bottom left; */
}

div.one-panel div.left-panel {
    display: none;
}

div.one-panel div.right-panel {
    display: inline;
    float: right;
    
    width: 563px;

    padding: 0px 22px 0px 22px;
}

div.panel-margin {
    clear: both;
    padding-top: 20px;
}


/* TWO COLUMN LAYOUT */
div.two-column div.fill {
    background: url("gfx/twocolumn_fill.gif") repeat-y;
}

div.two-column div.open-top {
    background: url("gfx/twocolumn_opentop.gif") no-repeat top left;
}

div.two-column div.bottom {
    background: url("gfx/twocolumn_bottom.gif") no-repeat bottom left;
}

div.two-column div.left-column {
    display: inline;
    float: left;

    width: 295px;
    
    padding: 23px 0px 0px 8px;
}

div.two-column div.right-column {
    display: inline;
    float: right;
    
    width: 295px;

    padding: 23px 8px 0px 0px;
}

div.two-column div.logo {
    display: inline;
    float: right;
}

div.two-column div.logo img {
    display: block;
}

div.two-column div.title {
    padding: 0px 20px 15px;
}

div.two-column div.job-item {
    padding: 12px 20px 8px;
	
    border-top: 1px solid #ececec;
}


/* ONE COLUMN LAYOUT */
div.one-column div.fill {
    background: url("gfx/onecolumn_fill_transparent.gif") repeat-y;
}

div.one-column div.open-top {
    background: url("gfx/onecolumn_opentop.gif") no-repeat top left;
}

div.one-column div.bottom {
    padding: 0px 7px 14px;
    background: url("gfx/onecolumn_bottom.gif") no-repeat bottom left;
}

div.one-column div.open-bottom {
    padding: 0px 7px 14px;
    background: url("gfx/onecolumn_openbottom.gif") no-repeat bottom left;
}

div.one-column div.title {
    padding: 14px 21px 12px;

    border-top: 1px solid #ececec;
}

div.one-column div.job-item {
    padding: 12px 21px 8px;

    border-top: 1px solid #ececec;
}

div.one-column div.job-section {
    padding: 22px 21px 22px;

    border-top: 1px solid #ececec;
}

div.one-column div.list {
    padding: 26px 21px 18px;
}

div.one-column p.show-result {
    padding: 8px 0px 5px;

    border-top: 1px solid #ececec;
}

div.column-margin {
    clear: both;
    padding-top: 30px;
}


/* COMMON CONTENT ELEMENTS
   ----------------------- */

/* SMALL SPONSOR BUBBLES FOR TWO PANEL LAYOUT */
div.two-panel div.bubble {
    width: 303px;
    margin-bottom: 5px;
}

div.two-panel div.bubble-top {
    height: 13px;
    background: url("gfx/bubble_top.gif") no-repeat bottom;
}

div.two-panel div.bubble-fill {
    /* these two are for IE to render bubbles correctly */
    border-bottom: 1px solid #fff;
    clear: both;

    padding: 0px 15px 0px 13px;
    background: url("gfx/bubble_fill.gif") repeat-y;
}

div.two-panel div.bubble-bottom {
    height: 13px;
    background: url("gfx/bubble_bottom.gif") no-repeat top;
}


/* WIDE SPONSOR BUBBLES FOR ONE PANEL LAYOUT */
div.one-panel div.bubble {
    width: 563px;
    margin-bottom: 5px;
}

div.one-panel div.bubble-top {
    height: 13px;
    background: url("gfx/widebubble_top.gif") no-repeat;
}

div.one-panel div.bubble-fill {
    /* these two are for IE to render bubbles correctly */
    border-bottom: 1px solid #fff;
    clear: both;

    padding: 0px 15px 0px 13px;
    background: url("gfx/widebubble_fill.gif") repeat-y;
    background-color:#fff;
}

div.one-panel div.bubble-bottom {
    height: 13px;
    background: url("gfx/widebubble_bottom.gif") no-repeat;
}


/* COMMON STYLES FOR SPONSOR BUBBLES */
div.bubble div.logo {
    display: inline;
    float: right;
}

div.bubble div.logo img {
    display: block;
}

div.bubble ul li {
    padding: 3px 0px 3px 10px;
    background: url("gfx/redarrow_bullet.gif") no-repeat center left;
}

div.bubble ul li a {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    color: #444;
}



/* SMALL SEARCH RESULT BUBBLE FOR TWO COLUMN LAYOUT */
div.two-panel div.sbubble {
    width: 303px;

    margin-bottom: 16px;
}

div.two-panel div.sbubble-top {
    height: 13px;
    background: url("gfx/bubble_top.gif") no-repeat bottom;
}

div.two-panel div.sbubble-fill {
    /* these two are for IE to render bubbles correctly */
    border-bottom: 1px solid #fff;
    clear: both;

    background: url("gfx/bubble_fill.gif") repeat-y;
}

div.two-panel div.sbubble-bottom {
    height: 13px;
    background: url("gfx/bubble_bottom.gif") no-repeat top;
}


/* WIDE SEARCH RESULT BUBBLE FOR TWO COLUMN LAYOUT */
div.one-panel div.sbubble {
    width: 563px;
    margin-bottom: 16px;
}

div.one-panel div.sbubble-top {
    height: 13px;
    background: url("gfx/widebubble_top.gif") no-repeat bottom;
}

div.one-panel div.sbubble-fill {
    /* these two are for IE to render bubbles correctly */
    border-bottom: 1px solid #fff;
    clear: both;

    background: url("gfx/widebubble_fill.gif") repeat-y;
    background-color: #fff;
}

div.one-panel div.sbubble-bottom {
    height: 13px;
    background: url("gfx/widebubble_bottom.gif") no-repeat top;
}


/* COMMON STYLES FOR SEARCH RESULT BUBBLE */
div.sbubble-fill div.job-item {
    padding: 8px 15px 10px 13px;

    border-bottom: 1px solid #ececec;
}
div.last-item div.job-item { border: 0px; }


/* CENTERED ADVERTISEMENT FOR FRONTPAGE */
div.advert {
    text-align: center;
    padding: 16px 0px;
}


/* STYLES FOR TAB BAR */
div.tab-bar {
    position: relative;

    height: 63px;

    background: url("gfx/tab_bar.gif") no-repeat top;
}

div.tab-bar p.note {
    position: absolute;

    right: 15px;
    bottom: 8px;

    text-align: right;
}

div.tab-bar ul {
    position: absolute;

    left: 7px;
    bottom: 0px;
}

/* Tab styles */
div.tab-bar li {
    display: inline;
    float: left;

    background: url("gfx/tab_fill.gif") repeat-x bottom;
}

div.tab-bar li span { display: block; }
div.tab-bar li span.left-side {
    background: url("gfx/tab_left.gif") no-repeat bottom left;
}
div.tab-bar li span.right-side {
    background: url("gfx/tab_right.gif") no-repeat bottom right;
}

div.tab-bar li a {
    display: block;

    padding: 25px 15px 18px;
}

/* Active tab styles */
div.tab-bar li.active {
    display: inline;
    float: left;

    background: url("gfx/tabactive_fill.gif") repeat-x bottom;
}

div.tab-bar li.active span.left-side {
    background: url("gfx/tabactive_left.gif") no-repeat bottom left;
}
div.tab-bar li.active span.right-side {
    background: url("gfx/tabactive_right.gif") no-repeat bottom right;
}


/* LEFT ALIGNED LABELS AND TEXT FOR JOB PAGE */
div.left-aligned div {
    clear: left;

    padding-top: 3px;
}

div.left-aligned label {
    display: inline;
    float: left;

    width: 225px;
}

div.left-aligned p {
    display: inline;
    float: left;
    /*width: 300px;*/
}

div.left-aligned input {
    font: 12px Arial, sans-serif;
    line-height: 1em;
    color: #000;
    width: 300px;
}

div.left-aligned textarea {
    font: 12px Arial, sans-serif;
    line-height: 1em;
    color: #000;
    width: 300px;
}

div.left-aligned .submit {
    display: inline;
    width: auto;
}

div.left-aligned #jatkuva {
    height: 16px;
    width: 16px;
}

div.left-aligned * input.normal-checkbox {
    height: 16px;
    width: 16px;
}

p.normal-checkbox-list input {
    height: 16px;
    width: 16px;
}



div.left-aligned #alkaa {
    width: 285px;
}

div.left-aligned #paattyy {
    width: 285px;
}

div.left-aligned input.textfield-with-datepicker {
	width: 285px;
}


/* VAHTI INFO STYLES */

div#vahti-info h1 {
	margin-bottom: 10px;
    color: #89062a;
}

/* custom admin menu */

div#left-column ul#left-navi li.adminmenu a {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    color: #ff062a;
}

/* level 2 menu */

div#left-column ul#left-navi ul.left-navi2 {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    background: none;
}

div#left-column ul#left-navi ul.left-navi2 li.topic {
    font: bold 12px Arial, sans-serif;
    padding: 5px 10px 8px 12px;
    line-height: 1em;
    background: none;
}

div#left-column ul#left-navi ul.left-navi2 li {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 0;
    background: none;
}

div#left-column ul#left-navi ul.left-navi2 li a {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    padding-left: 8px;
}

div#left-column ul#left-navi ul.left-navi2 li.last {
    font: bold 12px Arial, sans-serif;
    line-height: 1em;
    padding-bottom: 10px;
    display: block;
}


/* user admin */

.showkayttajat {
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5em;
	color: #000000;
	width: 535px;
}

.showkayttajat td {
	padding-left: 5px;
    border-bottom: #000 dotted 1px;
}

.showkayttajat tr.even {
}

.showkayttajat tr.odd {
    background-color: #e4eef6;
}

.showkayttajat tr.new {
    background-color: #ffccd6;
}

/* organisation admin */

.showorganisaatiot {
	font-family: Arial,sans-serif;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	font-size: 11px;
	line-height: 1.5em;
	color: #000000;
	width: 535px;
}

.showorganisaatiot td {
    text-align: center;
    height: 70px;
    border-bottom: #000 dotted 1px;
}

.showorganisaatiot td input {
    width: 100px;
}

.showorganisaatiot td.narrow {
    width: 80px;
}

.showorganisaatiot td.narrow input {
    width: 60px;
}

.showorganisaatiot td.midnarrow {
    width: 120px;
}

.showorganisaatiot td.logoupl div.fileupl {
    padding-left:10px;
    text-align:left;
}

.showorganisaatiot td.logoupl div {
    text-align:center;
    width: 100%;
}

.showorganisaatiot tr.even {
}

.showorganisaatiot tr.odd {
    background-color: #e4eef6;
}

.showorganisaatiot tr.new {
    background-color: #ffccd6;
}



/* struts action messages */

.actionMessage {
    color:#89062A;
    font-family:"MyriadPro-BoldCond","Trebuchet MS",Arial,sans-serif;
    font-size:15px;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
    line-height:1em;
    text-transform:uppercase;
}

/* textarea counter */
.counter {
    font-family: Arial,sans-serif;
    font-style:italic;
    color:#777;
}

/* details.jsp kuvaus div */
.kuvaus ol {
	margin-left: 20px;
}

.kuvaus ul {
	list-style: outside; 
	margin-left: 17px;
}

.kuvaus li {

}

.kuvaus h1, .kuvaus h2, .kuvaus h3, .kuvaus h4, .kuvaus h5, .kuvaus h6 {
	margin-top: 7px;
}

.kuvaus {
	font-family: Arial,sans-serif;
	font-size: 11px;
}

.kuvaus p {
	margin-top: 7px;
}

span#adminluettulkm {
    float: right;
    color: #ff062a;
    font-size: 11px;
}

.admintxt {
    color: #ff062a;
    font-size: 11px;
}

.admintxt a:hover {
    color: #ff062a;
    font-size: 11px;
}

.admintxt a:link {
    color: #ff062a;
    font-size: 11px;
}

.admintxt a:visited {
    color: #ff062a;
    font-size: 11px;
}

.tyonantajaesittely {

}

.tyonantajaesittely h3 {
    font: bold 14px Arial, sans-serif;
    line-height: 1em;
    color: #89062a;
    margin-bottom: 10px;
}

.tyonantajaesittely h4 {
    font: bold 11px Arial, sans-serif;
    line-height: 1em;
    padding-bottom: 8px;
    color: #000;
    margin-bottom: 10px;
}

.tyonantajaesittelyseparator {
    border-bottom: #ccc solid 1px;
    margin-bottom: 10px;
}

#tyonantajaesittelyform label {
    width: 200px;
}

div.job-section h3 {
    font: 16px Arial, sans-serif;
    padding-bottom: 8px;
    color: #444;
}

div.job-section label.cvcontact {
    color: #f00;
}

div.job-section p.cvcontact {
    color: #f00;
}

div.job-section p.cvcontact a {
    color: #f00;
}