/**************************************************************************************************
*                               Kaikkien adminsivujen yhteinen osuus                              *
**************************************************************************************************/
/* Koko ruudun levyinen vaaleanvihreä tausta */
div.adminpohja { 
	width: 100%;
	background: #d9e5d0; 
	padding: 15px 0 15px 0;
	font-family: Arial, Helvetica, Sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin: 0 0 30px 0;
	border-bottom: solid 1px #208020;

}
.adminpohja a, .adminpohja a:hover, .adminpohja a:visited {
	text-decoration: none;
}
/* Varsinainen adminbar jossa kaikki eri toiminnot ja moodit*/
.adminbar {
	width: 770px;
}

/* Containeri moodi-napeille (eli [Sivuston muokkaus] [Sivukartta] [Tunnusten hallinta] jne) */
.adminbar .adminmodes { 
	border: 0;
	margin: 0;
	width: 100%;
	height: 21px;
	vertical-align: top;
	clear: both;
	background-color: white;
}
/* Moodi linkit näytetään blokkeina jotta saadaan ne näyttämään napeilta/tabeilta */
.adminbar .adminmodes a, .adminbar .adminmodes a:hover, .adminbar .adminmodes a:visited {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #ffffff;
	text-align: center;
	padding: 0;

	display: block;
	float: left;
	width: 109px;
	height: 19px;
	vertical-align: sub; /* Normaalisti väli yläreunaan asettaisiin paddingillä, mutta IE ja */
	line-height: 19px;   /* ffx on eri mieltä miten padding vaikuttaa elementin korkeuteen.   */
	margin: 1px 0 1px 1px;
}
/* Valittu moodi (1px pienempi niin saadaan moodinapit menemään tasan adminbarin pituuden kanssa) */
.adminbar .adminmodes .selectedmode, .adminbar .adminmodes .selectedmode:hover, .adminbar .adminmodes .selectedmode:visited {
	background-color: #90ae78;
	width: 108px;
}
/* Ei-valittu moodi */
.adminbar .adminmodes .unselectedmode {
	background-color: #475c36;
}


/* Kotimaan-yhtiöiden logo */
.adminlogo {
	background: #90AE78 url(/admin/tool/adminpalkki_tausta.gif) no-repeat;
	vertical-align: bottom;
	text-align: right;
	height: 45px;
}

/* Aktiivisen moodin nimi logokuvan päällä */
.adminlogo .adminmodetitle {
	width: 340px;
	text-align: right;
	padding: 23px 0 0 0;
	font-size: 15px;
	font-weight: bold;
	color: #282F22;
	font-family: Arial, Helvetica, Sans-serif; 
	float: left;
}






/**************************************************************************************************
*                     Sivuston muokkaus -moodi: adminbarin napit ja nuolet                        *
**************************************************************************************************/
/* Sivuston muokkaus moodin action-buttonit logokuvan päällä */
.adminlogo .adminactionbuttons {
	padding-top: 19px;
	margin-left: 21px;
	width: 406px;
	float: left;
}
.adminlogo .adminactionbuttons table {
	border-collapse: separate;
	border-spacing: 2px;
}
.adminlogo .adminactionbuttons td {
	width: 95px;
	height: 20px;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-serif; 
	text-align: center;
	padding: 2px 1px 1px 1px;
}
.adminactionbuttons .enabledaction {
	border: solid 1px #475c36;
	background-color: #d9e5d0;
	color: #475c36;
}
.adminactionbuttons .selectedaction {
	border: solid 1px #475c36;
	background-color: #fcfdfb;
	color: #282f22;
}
.adminactionbuttons .disabledaction {
	border: solid 1px #5b7249;
	background-color: #bbccaa;
	color: #475c36;
}
.adminactionbuttons a, .adminactionbuttons a:hover, .adminactionbuttons a:visited {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	font-weight: normal;
	display: block;
	width: 95px;
	height: 16px;
	text-align: center;
	color: #475c36;
}

/* Siirtonuolet */
td.adminnuolet {
	width: 185px;
	height: 22px;
	clear: both;
	text-align: left;
	height: 40px;
	vertical-align: middle;
}
td.adminnuolet img {
	clear: both;
	padding: 0;
	margin: 0;
	border: 0;
	vertical-align: bottom;
}
.adminpohja .adminbar .adminnuolet a {
	margin: 2px 2px 2px 30px;
	text-align: left;
	font-weight: normal;
	color: #282F22;
	border: none;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
}
.adminpohja .adminbar .adminnuolet a:hover {
	color: #282F22;
	border: none;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	text-decoration: none;
	font-weight: normal;
}

/* Sivun tiedot */
.adminpohja .adminbar .adminpageinfo {
	height: 22px;
	padding: 3px 5px 2px 5px;
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #282F22;
	vertical-align: bottom;
}




/**************************************************************************************************
*         Sivuston muokkaus -moodi: sivun muokkauksessa käytettävät syöttöelementit               *
**************************************************************************************************/
/* Textarea ilman muotoilunappeja (ingressi, kuvatekstit, yms) */
textarea.admintextarea {
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-serif;
	color: #475C36;
}


/* Muotoiltavan textarean sisältävä taulukko */
table.textareabuttons {
	text-align: left;
	font-family: Arial, Helvetica, Sans-serif;
	border: none;
}
/* Muotoiltavan textarean muokkausnapit */
.textareabutton a, .textareabutton a:hover {
	height: 15px;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-weight: normal;
	background-color: #D9E5D0;
	border: 1px solid #475C36;
	color: #282F22;
	display: block;
	font-size: 11px;
	font-family: Arial, Helvetica, Sans-serif;
}
.textareabutton a:hover {
	background-color: #FCFDFB;
}

/* Hallintapopparien (gallup/nostot/tapahtumakalenteri) napit */
a.adminpopupbutton, a.adminpopupbutton:hover {
	height: 15px;
	width: 140px;
	padding: 2px 5px 2px 5px;
	text-decoration: none;
	font-weight: normal;
	background-color: #D9E5D0;
	border: solid #475C36 1px;
	color: #282F22;
	display: block;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
}
a.adminpopupbutton:hover {
	background-color: #fcfdfb;
}

/* Ohjetekstit */
.adminohje {
	text-decoration: none;
	font-weight: normal;
	background-color: #d9e5d0;
	color: #282f22;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
}
div.adminohje {
	border: 1px solid black;
	margin: 6px 1px 6px 1px;
}

/* Otsikon alla oleva nootti joka huomauttaa sivun näkyvän vain intra käyttäjille */
span.intrapagenote {
	text-decoration: none;
	font-weight: bold;
	background-color: #d9e5d0;
	border: solid 2px #282f22;
	color: #282F22;
	font-size: 12px;
	font-family: Arial, Helvetica, Sans-serif;
}




/**************************************************************************************************
*                 Sivuston muokkaus -moodi: sivun pohjalla oleva tallennusboksi                   *
**************************************************************************************************/
div.adminpagesavebox {
	width: 405px;
	margin: 10px;
	padding: 0 10px 10px 10px;
	border: solid #475C36 1px;
	border-top: solid #475C36 5px;
	background-color: #D9E5D0;
	text-align: left;
	vertical-align: top;
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	clear: both;
}
.adminpagesavebox td {
	font-weight: normal;
	color: #282F22;
	font-size: 12px;
}
.adminpagesavebox td.heading {
	background: #D9E5D0 url(/admin/tool/tallennus_tausta.gif) repeat-x;
	height: 26px;
	font-size: 13px;
	font-weight: bold;
}
.adminpagesavebox td.timetype {
	text-align: right;
}
.adminpagesavebox input.time {
	color: black;
	background-color:white;
	border: solid silver 1px;
	width: 125px;
	padding-left: 2px;
}
.adminpagesavebox a.changetime {
	text-decoration: underline;
	color: #282F22;
}
.adminpagesavebox a.changetime:hover {
	text-decoration: none;
	color: red;
}
.adminpagesavebox a.resettime, .admintallennus a.resettime:hover  {
	text-decoration: none;
	font-weight: normal;
	color: #536049;
	font-size: 11px;
	margin-left: 10px;
	text-align: right;
}




/**************************************************************************************************
*                                 Admin ja intratunnusten hallinta                                *
**************************************************************************************************/
table.usereditor {
	font-size: 11px; 
	font-weight: bold; 
	text-decoration: none;
	text-align: left;
}
.usereditor .userinfo input {
	margin: 2px 1px 2px 1px;
}
.usereditor .userpermissions input {

}




/**************************************************************************************************
*                                Uuden sivun templaten valitseminen                               *
**************************************************************************************************/
table.admintemplatechooser { 
	border: 0; 
	vertical-align: top; 
	font-family: Arial, Helvetica, Sans-serif;
	text-align: left;
}
.admintemplatechooser td {
	padding: 10px;
}
.admintemplatechooser td.heading h1 {
	font-size: 22px;
	font-weight: bold; 
}
.admintemplatechooser td.heading p {
	font-size: 11px;
}
.admintemplatechooser td.template {
	width: 200px;
}
.admintemplatechooser td.template h2 {
	font-size: 12px;
	font-weight: bold;
}
.admintemplatechooser td.template img {
	border: solid 1px #d9e5d0;
	padding: 0;
	margin: 0;
}





/**************************************************************************************************
*                                    Statistiikkasivun tyylit                                     *
**************************************************************************************************/
div.stats_block {
	border: #222 solid 1px;
	padding: 10px;
	width: 780px;
	background: #d9e5d0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
}
.stats_block h2 {
	text-align: left;
	font-size: 14pt;
}
.stats_block .stats_navigation {
	margin-bottom: 40px;

}


.stats_block .stats_chart {
	margin-bottom: 30px;
	border-top: gray solid 1px;
}
.stats_block .stats_chart table {
	margin-left: 10px;
}


.stats_block .stats_navigation .stats_year {
	font-size: 12pt;
	font-weight: bold;
}
.stats_block .stats_navigation .stats_months {
	font-size: 11pt;
	font-weight: bold;
	word-spacing: 0.4ex;
}



.stats_block .updown_graph .graph_label_title {
	text-align: left;
	font-weight: bold;
	font-size: 11pt;
	width: 100px;
}
.stats_block .updown_graph .graph_label {
	text-align: center;
	font-weight: bold;	
	font-size: 9pt;
}
.stats_block .updown_graph .graph_number_title {
	text-align: left;
	font-weight: bold;
	font-size: 11pt;
	width: 100px;
}
.stats_block .updown_graph .graph_number {
	text-align: center;
	font-size: 8pt;
}
.stats_block .updown_graph .graph_bar {
	text-align: center;
}



.stats_block .leftright_graph .graph_label_title {
	font-weight: bold;
	font-size: 11pt;
}
.stats_block .leftright_graph .graph_label { 
	font-weight: bold;
	font-size: 9pt;
}
.stats_block .leftright_graph .graph_number_title {
	font-weight: bold;
	font-size: 11pt;
}
.stats_block .leftright_graph .graph_number {
	font-size: 8pt;
}
.stats_block .leftright_graph .graph_bar {
}



.stats_block .referer_url_title {
	font-weight: bold;
	font-size: 10pt;
}
.stats_block .referer_url {
	width: 50ex;
	font-size: 10pt;
}
.stats_block .referer_hits_title {
	font-weight: bold; 
	font-size: 10pt;
}
.stats_block .referer_hits { 
	font-size: 9pt;
}


.stats_block a {
	text-decoration: none;
	color: #003399;
}
.stats_block a:hover {
	color: #ee5C36;
}



/**************************************************************************************************
*                                      Palautesivun tyylit                                        *
**************************************************************************************************/
div.adminfeedback {
	text-align: left;
	width: 500px;
	margin: 45px 0 140px 0;
	border-top: 1px solid gray;
	padding-top: 10px;
}


.adminfeedback p {
	margin: 12px 0 2px 0;
}

.adminfeedback textarea {
	font-family: arial;
	font-size: 10pt;
	width: 497px;
	
}



/**************************************************************************************************
*                                       Perusselailu tyylit                                       *
**************************************************************************************************/
td.sisennys { /* Alavalikon sisennys */
	white-space: nowrap;
}