/*
 * Article style sheet for Turun yliopisto. 
 *
 * 2004-05 Tero Ykspetäjä & Matti Laakso, Kuulalaakeri Oy.
 * Modified Kari Tanskanen, Turku University 2004-09-07
 * Modified Ilmari Vakkala, TY, 24/01/2005 
 * FONTS:
 *	Normal font size: 1em
 *	Smaller text size: 0.8em
 *
 * PARAGRAPHS ETC.
 *   Increased line spacing between list items etc. 0.3em
 *
 *  LINK COLORS:
 *	a:link #0e5e7f;
 *	a:visited #29434e;
 *	a:hover #96612f;
 *
 * OTHER COLORS:
 *   Gray text: #999999;
 *
 * NOTE:
 *	NavPath-sensitive elements defined at the bottom of this file
 */
#article
{
    margin-left : 25px;
    margin-right : 25px;
    line-height : 1.4em;
    padding-top : 1em;
}
/* Hand-waving to try and work around IE/Win display bugs. */
#article
{
    position : relative;
}
/* Headers  Seems to mess up Opera. Pikalinkit which are on the same line as H1 can't be pressed

#article h1 {
	position: relative;
}
*/
#article h1
{
    font-size : 1.4em;
    color : rgb(0 , 0 , 0);
    text-align : center;
}
#article h2
{
    font-size : 1.2em;
}
#article h3
{
    font-size : 1em;
    border : none;
}
/* Pikalinkit  Special area containers */
#article .Pikalinkit
{
    border-left : 1px dotted rgb(70 , 70 , 70);
    float : right;
    /* Moved to base_newbrowser.css, mac only
	width: 40%;
	*/
margin-bottom : 0.5em;
    margin-left : 0.5em;
    padding : 0em 0.5em 0em 1em;
    background-color : rgb(249 , 249 , 249);
}
/*background-image: url(img/background.png);*/
#article .Pikalinkit ul
{
    margin-top : 0em;
    margin-bottom : 0em;
    margin-left : 0em;
    padding-left : 0em;
    display : block;
}
/* fix: so pikalinkit can be indent inside ul*/
#article .Pikalinkit ul ul
{
    padding-left : 1em;
}
/* NOTE: This element is NavPath-sensitive */
#article .Pikalinkit li
{
    display : list-item;
    list-style-type : none;
    margin : 0;
    padding : 0px;
    padding-left : 12px;
    background-image : url("img/arrowbullet_main.gif");
    background-repeat : no-repeat;
    background-position : 0px 0.5em;
    list-style-position : outside;
}
#article .Pikalinkit li a
{
    font-weight : bold;
    text-decoration : none;
    color : rgb(70 , 70 , 70);
}
#article .Pikalinkit li a:visited
{
    color : rgb(41 , 67 , 78);
    text-decoration : none;
}
#article .Pikalinkit li:hover, #article .Pikalinkit li a:hover
{
    color : rgb(150 , 97 , 47);
    text-decoration : underline;
}
/* Added by Ilmari @ TY 24.1.2005 */
#article .Pikalinkit img a
{
    border : 0px none;
}
#article .Pikalinkit img a:visited
{
    border : 0px none;
}
/* Images within articles */
#article .KuvaOikea, #article .KuvaVasen, #article .KuvaVasenNoMargin, #article .KuvaOikeaNoMargin
{
    border : 0px solid rgb(70 , 70 , 70);
    background-color : rgb(255 , 255 , 255);
}
#article .KuvaOikea, #article .KuvaOikeaNoMargin
{
    float : right;
    margin-left : 0.5em;
    padding : 0.2em;
}
/* debug
	clear: right;
	*/
#article .KuvaVasen, #article .KuvaVasenNoMargin
{
    float : left;
    margin-right : 0.5em;
}
#article .KuvaVasen p, #article .KuvaOikea p, #article .KuvaVasenNoMargin p
{
    font-size : 0.8em;
}
#article .KuvaVasen, .KuvaVasenNoMargin
{
    padding-right : 1em;
}
#article .KuvaOikea, .KuvaOikeaNoMargin
{
    padding-left : 0.2em;
}
#article .KuvaVasenNoMargin
{
    margin : 5px 10px 5px 5px;
    padding : 0px 0px 0px 0px;
    background-color : transparent;
}
#article .KuvaOikeaNoMargin
{
    margin : 5px 5px 5px 5px;
    padding : 0px 0px 0px 0px;
    background-color : transparent;
}
/* Paragraph styles */
#article .Ingressi
{
    font-weight : bolder;
}
#article .Lainaus
{
    font-style : oblique;
    margin-left : 3em;
    margin-right : 3em;
    padding : 0.5em;
}
.author
{
    /*clear: both; debug - also a workaround to IE two column problem */
font-size : 0.8em;
    text-align : left;
    margin-top : 1em;
    margin-bottom : 0em;
}
#article .centered
{
    text-align : center;
}
/* Author clears floats on full page layout to make event calendar work.
   IE left margin bug not relevant since on full page no navi-area to the left. */
.full-page .author
{
    clear : both;
    width : auto;
}
/* On complying (non-IE) browsers, can clear on all pages. */
#article > .author
{
    clear : both;
}
/* Article links */
#article a:link
{
    color : rgb(14 , 94 , 127);
}
#article a:visited
{
    color : rgb(41 , 67 , 78);
}
#article a:hover
{
    color : rgb(150 , 97 , 47);
}
/* Tables */
#article table
{
    border : 1px solid rgb(70 , 70 , 70);
    border-spacing : 0px 0px;
    border-collapse : collapse;
    table-layout : auto;
    width : auto;
}
#article th
{
    background-color : rgb(228 , 228 , 228);
    font-weight : bold;
    display : table-cell;
    empty-cells : show;
}
/* Note: see also base_newbrowser.css for IE5 table text size correction. */
#article th, #article td
{
    border : 1px solid rgb(70 , 70 , 70);
    /* debug ie testing
	font-size: 1em !important;
	font-size: 0.8em;
	*/
padding : 0.2em;
}
td .TaulNro
{
    text-align : right;
}
#article table.no-border, #article table.no-border th, #article table.no-border td
{
    border : 0px none;
}
/* For alumni main category, the bottom case */
#article table.bottom-case, #article table.bottom-case th, #article table.bottom-case td
{
    background-color : rgb(228 , 228 , 228);
    border : 0px none;
    vertical-align : top;
    padding : 5px 5px 5px 5px;
    text-align : justify;
    font-size : 0.9em;
    line-height : 1.2em;
}
#article table.slogan, #article table.slogan th, #article table.slogan td
{
    border : 1px solid rgb(102 , 102 , 102);
    padding : 15px 15px 15px 15px;
    width : 200px;
    max-width : 200px;
    background-color : rgb(255 , 255 , 255);
    color : rgb(102 , 102 , 102);
    text-align : center;
    font-size : 0.9em;
}
/* Form field table */
#article table.form
{
    margin-bottom : 1em;
}
/* Document list */
#article .headlines dt
{
    margin : 1em 0.5em 0.5em 1em;
}
/* NOTE: This element is NavPath-sensitive */
#article .headlines dt .title
{
    margin : 1em 0.5em 0.5em 0em;
    padding-left : 12px;
    background : url("img/doclistarrow_main.gif") no-repeat;
    background-position : 0px 0.5em;
}
#article .headlines dd p
{
    margin-top : 0em;
    margin-bottom : 0.5em;
}
/* Calendar information */
#article .calendar-month
{
    display : table;
    border-spacing : 2px 0px;
    border-collapse : separate;
}
#article .calendar-month, #article .calendar-month th, #article .calendar-month td
{
    border : 0em none;
    line-height : 1em;
}
/*
	background: none;
	*/
.calendar-month .irrelevant
{
    color : rgb(153 , 153 , 153);
}
/*
#article tr.calendar-header th,
#article tr.calendar-header th a {
	color: black;
}
*/
.calendar-day .calendar-heading, #article .calendar-month thead th, #article .calendar-month thead a
{
    color : white;
}
.calendar-day .calendar-heading, #article .calendar-month thead th
{
    background-color : rgb(15 , 94 , 126);
}
body#alumni #article .calendar-month thead th
{
    background-color : rgb(231 , 132 , 39);
}
#article .calendar-month tbody th, #article .calendar-month tbody th a
{
    background : inherit;
    color : rgb(153 , 153 , 153);
}
.calendar-header
{
    font-weight : bold;
}
.calendar-name
{
    line-height : 1em;
    margin-bottom : 0.3em;
}
.calendar-week ul, .calendar-day ul
{
    margin-left : 0em;
    margin-top : 0em;
    padding-left : 0em;
}
.calendar-week li, .calendar-day li
{
    display : list-item;
    /* debug
	clear: left;
	*/
list-style-type : none;
    margin-bottom : 0.3em;
}
/* IE rules test */
.calendar-week li .date, .calendar-day li .time
{
    color : rgb(153 , 153 , 153);
    margin-right : 1em;
    /* IE rule 
	float: left;
	*/
margin-left : -4.5em;
}
.calendar-week li
{
    margin-left : 4.6em;
}
.calendar-week li .date
{
    margin-left : -4.6em;
}
.calendar-day li
{
    margin-left : 4.5em;
}
.calendar-day li .time
{
    margin-left : -4.5em;
}
.calendar-week li .title, .calendar-day li .title
{
    position : relative;
    top : 0px;
    left : 0em;
}
/* Breaks Safari and IE/Mac, doesn't really seem to be needed.
.calendar-week li>.date,
.calendar-day li>.time {
	display: block;
	clear: left;
	float: left;
	color: #999999;
	margin-right: 1em;
}
 Nice list display rules have to be hidden from IE/Win, or
will mess up display. 
	float: left;
	*/
.calendar-week li > .title, .calendar-day li > .title
{
    /* IE test
	padding-left: 5em !important;
	 Breaks Safari and IE/Mac
	display: block;
	float: none !important;
	*/
width : auto;
}
/* Single event view contains floating day and month views, separated from event text with a border. */
.calendar-event
{
    border-bottom : 1px rgb(15 , 94 , 126) solid;
    margin-bottom : 1em;
}
.calendar-event-left-column
{
    float : left;
    width : 60%;
    /* position to work around IE bug. */
position : relative;
}
.calendar-event-right-column
{
    float : right;
    width : auto;
    margin-top : 1.3em;
    /* position to work around IE bug. */
position : relative;
}
/*
 * Site map formatting.
 */
#sitemap h2
{
    background-color : rgb(231 , 239 , 242);
    font-weight : bold;
    font-size : 1.2em;
    height : 1.2em;
}
#sitemap .category
{
    margin-left : 2em;
}
/* Search options box + page navigation box 
 * Search result formatting.
 */
#search-form-options
{
    margin-bottom : 1em;
    background-color : rgb(231 , 239 , 242);
    border : 1px solid rgb(15 , 94 , 126);
}
#search-form-options fieldset
{
    padding : 0.5em;
    border : 0px none;
}
#search-form-options legend
{
    font-weight : bold;
    margin : 0px;
    padding : 0px;
}
/* Search results in a bit looser format. */
#search-results
{
    padding-bottom : 0.3em;
}
#search-results dt
{
    margin-top : 0.3em;
}
/* URL and meta info in a bit smaller font. */
dd.search-result-url, dd.search-result-meta
{
    font-size : 0.8em;
}
/* URL normally not shown at all. */
dd.search-result-url
{
    display : none;
}
/* Form item consists of name, one or more fields and optional help text. 
 * Form layout 
 */
.form-item
{
    width : 100%;
    padding-top : 1em;
    padding-bottom : 1em;
}
/* Data is item name and fields, in consecutive DIVs. */
.form-item .data
{
    float : left;
    width : 55%;
    font-weight : bold;
}
form label
{
    font-weight : normal;
}
/* Item description (help text) floated on the right side of fields.  25.10.2005 - Ilmari Vakkala - Seems to mess up the select options width to narrow as possible (Mozilla Firefox)

.form-item .data * {
	max-width: 99%;
}
 Make fields smaller in narrow windows in conforming browsers. */
.form-item .desc
{
    float : left;
    width : 44%;
}
/* Not used at the moment - insert an empty DIV just before the end of .form-item if needed.
   Stretches the .form-item div under all fields (i.e. if a border is wanted). */
.form-item-end
{
    width : 100%;
    margin : 0px;
    padding : 0px;
    line-height : 0px;
    border : 0px none;
}
/* Make submit button separate a bit from last form-item
   without altering paragraphs in item desctiption
   in IE-compatible way. */
form p
{
    padding-top : 1em;
}
form div p
{
    padding-top : 0em;
}
/* Conforming browsers can clear the floats of previous item. */
form > .form-item
{
    clear : left;
}
.form-item > .data
{
    clear : left;
    display : block;
    /* Force Mozilla to float "desc" under "data" on smaller browser widths: */
padding-right : 4px;
}
/*
.form-item > .data * {
	max-width: 99%;
}
*/
.form-item > .desc
{
    display : block;
}
/* Doesn't seem to affect anything at the moment.
.form-item > .desc > p {
	clear: left;
	display: block;
	width: 100%;
	margin-bottom: 1em;
}
*/
form > p
{
    clear : left;
}
/* Lisäominaisuuksia mm. sivuntaittoon yms.  
* NavPath-sensitives (Subpage color themes)
*
* These override previous statements
* Subpage style defined in <body id="style">
*

#search-results-navigator {
margin-bottom: 2em;
padding-left: 0.5em;
padding-right: 0.5em;
padding-top: 0.3em;
padding-bottom: 0.3em;
background-color: #e7eff2;
border: 1px solid #0f5e7e;}
 navigator elements */
.osa1
{
    clear : right;
}
.palsta1
{
    width : 48%;
    float : left;
    text-align : justify;
    position : relative;
}
.palsta2
{
    width : 48%;
    float : right;
    text-align : justify;
    position : relative;
}
/* Siniharmaa alue siniset kehykset, leveys 90%  M.A. LISÄYKSET ****************************** */
#article .alue-kehysta
{
    border-left : 1px solid rgb(15 , 94 , 126);
    border-top : 1px solid rgb(15 , 94 , 126);
    border-right : 1px solid rgb(15 , 94 , 126);
    border-bottom : 1px solid rgb(15 , 94 , 126);
    float : none;
    margin-bottom : 0.5em;
    margin-left : 5%;
    margin-right : 5%;
    padding : 0em 0.5em 0em 1em;
    background-color : rgb(231 , 239 , 242);
}
/* Tekstin tai kuvan keskitys background-image: url(img/background.png);*/
#article .alue-keskita
{
    text-align : center;
}
#article .alue-oikea
{
    Text-align : right;
}
#article .teksti-punainen
{
    color : rgb(153 , 0 , 0);
}
#article .teksti-sininen
{
    color : rgb(0 , 0 , 196);
}
#article .teksti-maroon
{
    color : rgb(128 , 0 , 0);
}
#article .teksti-harmaa
{
    color : rgb(128 , 128 , 128);
}
#article table.horizontal-link
{
    display : table;
    border : 0px none;
    width : 60%;
    margin-left : auto;
    margin-right : auto;
    border-collapse : separate;
    border-spacing : 6px;
}
#article table.horizontal-link td
{
    display : table-cell;
    background-color : rgb(228 , 228 , 228);
    background-image : url("img/doclistarrow_main.gif");
    background-repeat : no-repeat;
    border : 1px solid rgb(70 , 70 , 70);
    text-align : center;
}
#article table.two-column, #article table.two-column th, #article table.two-column td
{
    display : table;
    width : 80%;
    border : 0px none;
    margin-left : auto;
    margin-right : auto;
    border-spacing : 12px;
}
/* added line display: table cell vertical
   alignment does'nt function without. M.A.
*/
#article table.two-column td
{
    display : table-cell;
    vertical-align : top;
    width : 48%;
}
#article table.hlokunta, #article table.hlokunta th, #article table.hlokunta td
{
    display : table;
    width : 80%;
    border : 1px solid rgb(70 , 70 , 70);
    margin-left : auto;
    margin-right : auto;
    border-spacing : 12px;
}
/* added line display: table cell vertical
   alignment does'nt function without. M.A.
*/
#article table.hlokunta td
{
    display : table-cell;
    vertical-align : top;
    width : 50%;
}
#article table.no-border-top, #article table.no-border-top th, #article table.no-border-top td
{
    border : 0px none;
}
/* added line display: table cell vertical
   alignment does'nt function without. M.A.
*/
#article table.no-border-top td
{
    display : table-cell;
    vertical-align : top;
}
#article table.julkaisut, #article table.julkaisut th, #article table.julkaisut td
{
    border : 0px none;
}
/* added line display: table cell vertical
   alignment does'nt function without. M.A.
*/
#article table.julkaisut td
{
    display : table-cell;
    vertical-align : top;
    Padding : 12px;
}
#article table.kalenteri, #article table.kalenteri th, #article table.kalenteri td
{
    table-layout : auto;
    Border : 2px solid;
    Padding : 8px;
    Border-collapse : collapse;
    Border-color : rgb(255 , 255 , 255);    
    Width : 80%;
    Margin-left : auto;
    Margin-right : auto;
    Background-color : rgb(228 , 228 , 228);
}
#article table.kalenteri tr
{
/*
    Display : table-row;
    Background-color : rgb(228 , 228 , 228);
    Border-style : solid;
    Border-width : 2px;
    Border-color : rgb(250 , 160 , 20);
    */
}
/* added line display: table cell vertical
   alignment does'nt function without. M.A.
*/
#article table.kalenteri td
{
    display : table-cell;
    Width : 44%;
}
#article table.kalentest, #article table.kalentest th, #article table.kalentest td
{
    table-layout : auto;
    Border : 2px solid;
    Padding : 8px;
    Border-collapse : collapse;
    Border-color : rgb(255 , 255 , 255);    
    Width : 85%;
    Margin-left : auto;
    Margin-right : auto;
    Background-color : rgb(228 , 228 , 228);
}

/* ilmoittautumislomake */
#article table.reki, #article table.reki th, #article table.reki td
{
    Display : table;
    Border : 0px none;
    Padding : 8px;
    Border-collapse : collapse;
    Margin-right : auto;
    Margin-left : auto;
}
/*  Width : 100%; */
#article table.reki tr
{
    Display : table-row;
    Background-color : rgb(228 , 228 , 228);
    Border-style : solid;
    Border-width : 2px;
    Border-color : rgb(250 , 160 , 20);
}
/* added line display: table cell vertical
   alignment does'nt function without. M.A.
*/
#article table.reki td
{
    display : table-cell;
}