/* Muuttujat, kuten värit ----------------------------------------------- */

@variables {
  MainMenuBgColor: #68a925;
  TableHeaderBgColor: #68a925;
  ContentBgColor: #eefdec;
  BodyBgColor: #9aac62;
  BodyTextColor: #5a5a5a;
  LinkTextColor: #3398CC;
}

/* peruselementit alkaa ------------------------------------------------- */

fb:fan {
  font-size: small;
} 

body {
  background-image: url(../art/dgs_background.jpg);
  background-position: top left;
  background-repeat: no-repeat;

  font-size: small;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #5a5a5a;
  background-color: #9aac62;
  margin: 0px;
}

table {
  padding: 0;
}

th {
  padding: 2px;
  font-weight: bold;
  background-color: none;
  color: 457c04;
}

td {
  padding: 0;
  vertical-align:top;
  background-color: none;
  color: #5a5a5a;
}

h1 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: large;
  color: #457c04;
  overflow: hidden;
}

h2 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: larger;
  color: #457c04;
  margin-top: 0px;
  padding-top: 0px;
  /* border: blue dotted 1px; */
}

h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #457c04;
  padding-top: 0px;
  padding-bottom: 5px;
  /*text-decoration: underline;*/
}

h3 span.fgr {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  color: #3398CC;
  padding-top: 0px;
  padding-bottom: 5px;
  /*text-decoration: underline;*/
}

p {
  font-size:small;
  text-align: left;
  color: #5a5a5a;
  /*width: 600px;*/
  margin: 0px;
  padding: 0px;
  padding-bottom: 10px;
}

a img {
  border: none;
}

img.disc {
  border: none;
  padding: 5px;
  padding-right: 10px;
}

img.borders {
  border: #457c04 solid 1px;
  margin: 2px;
}

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

textarea {
  vertical-align:text-top;
  width: 100%;
  background-color: #F9F9F9;
  border: 1px solid gray;
  color: #5a5a5a;
}

input {
  vertical-align: top;
  /* background-color: #F5F5FF; */
  background-color: #F9F9F9; 
  /* border: 1px solid gray; */
}

input.action {
  background-color: #F9F9F9;
  color: #5a5a5a;
  padding: 1px;
  border: 1px solid #457c04;  
  width: 147px;
  height: 19px;
  /* margin: 2px; */
}

select {
  /* background-color: #F9F9F9; */
  /* background-color: #eefdec; */ 
  vertical-align: top;
  background-color: #F9F9F9;
  /* border: 1px solid gray; */
}

select.action {
  background-color: #F9F9F9;
  color: #5a5a5a;
  padding: 1px;
  border: 1px solid #457c04;  
  width: 150px;
  height: 23px;
}

select.action_wide {
  background-color: #F9F9F9;
  color: #5a5a5a;
  padding: 1px;
  border: 1px solid #457c04;  
  width: 200px;
  height: 23px;
}

input.button_normal {
  background-image: url(../art/elements/nappi_normaali.png);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  color: white;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  height: 25px;
  width: 81px;
  vertical-align: middle;
  text-align: center;
}

input.button_normal:hover {
  background-color: orange;
  border: 1px solid orange;
  margin: 0px 2px;
}


button {
  background-color: none;
  font-weight: normal;
  border: none;
  color: gray;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  height: 23px;
  vertical-align: middle;
}

button:hover {
  background-color: none;
  font-weight: normal;
  border: 1px solid orange;
  color: white;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  height: 25px;
  vertical-align: middle;
}

button.normal {
  background-image: url(../art/elements/nappi_normaali.png);
  background-position: center;
  background-repeat: no-repeat;
  color: white;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  height: 25px;
  width: 81px;
  vertical-align: middle;
  text-align: center;
}

button.normal:hover {
  background-color: orange;
  border: 1px solid orange;
  margin: 0px 2px;
}

button.medium {
  background-image: url(../art/elements/nappi_medium.png);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  color: white;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  height: 25px;
  width: 133px;
  vertical-align: middle;
  text-align: center;
}

button.medium:hover {
  border: 1px solid orange;
  background-color: orange;
  margin: 0px 2px;
}

button.big {
  background-image: url(../art/elements/nappi_iso.png);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  color: white;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  height: 25px;
  width: 170px;
  vertical-align: middle;
  text-align: center;
}

button.big:hover {
  border: 1px solid orange;
  background-color: orange;
  margin: 0px 2px;
}

button.small {
  background-image: url(../art/elements/nappi_pieni.png);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  color: white;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  height: 25px;
  width: 48px;
  vertical-align: middle;
  text-align: center;
}

button.big:hover {
  border: 1px solid orange;
  background-color: orange;
  margin: 0px 2px;
}

button.normal#notice {
  background-image: url(../art/elements/nappi_normaali_notice.png);
  background-position: center;
  background-repeat: no-repeat;
  border: none;
  color: white;
  /* float: right; */
  margin: 0px 2px;
  padding: 1px;
  padding-left: 20px;
  height: 25px;
  width: 81px;
  vertical-align: middle;
  text-align: center;
}

button#notice:hover {
  border: 2px solid red;
  background-color: red;
  margin: 0px 2px;
}

label {
  font-size: small;
  text-align: left;
  /* color: #0000FF; */
  color: #457c04;
}

a {
  color:#3398CC;
  text-decoration:none;
  font-weight: normal;
  border: none;
}

a:hover {
  background-color: #CCCCFF;
  color: #0000FF;
  font-weight: normal;
  border: none;
}

a.archived {
  color:#8d8d8d;
  text-decoration: none;
  font-style: italic;
  border: none;
}

a.archived:hover {
  background-color: #CCCCFF;
  color: #8d8d8d;
  text-decoration: none;
  font-style: italic;
  border: none;
}


/* Taittoa tekevät divit --------------------------------------------- */

div.wrapper {
  position: relative;
  width: 1250px ;
  margin: 0 auto;
}


div.header {
  width: 1230px ;
  height: 70px;
}

div.navigation {
  float: left; 
  width: 170px;
  border: none;
  margin-top: 35px; 
  padding-top: 2px;
  padding-left: 25px;
}

div.content {
  width: 800px;
  min-height: 500px;
  margin-left: 205px;
  padding: 25px;
  padding-bottom: 15px;
  /* border: 2px dotted #ffb100; */
  margin-bottom: 0px;
  background-color: #eefdec;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #eefdec;

}

/* this div just ends the content part and puts background below floating elements */
div.content_end {
  position: relative;
  /* border: green solid 2px; */
  width: 800px;
  clear: both;
}

div.footer {
  border: none;
  border-top: 1px solid black;
  font-size: small;
  text-align: left;
  color: #005D04;
  width: 100 px;
  padding-top:3px;
  padding-bottom: 5px;
}

div.pagefooter {
  clear: left;
  width: 820px;
  min-height: 20px;
  margin-left: 205px;
  margin-top: 20px;
  margin-bottom: 10px;
  padding: 15px;
  padding-bottom: 15px;
  background-color: #eefdec;
  border: none;
  font-size: small;
  text-align: left;
  color: #457c04;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border: 1px solid #eefdec;
}

/* ----------------- Mainosbanneri ------------------------ */

#corner_banner {
  position: absolute;
  left: 1035px;
  top: 2px;
  width: 200px;
  padding: 1px;
  /* border: 1px dotted green; */
  background-color: none;
}

#add_banner {
  position: relative;
  top: -20px;
  width: 155px;
  padding: 1px;
  /* border: 1px dotted green; */
  background-color: none;
}

img.add_banner {
  /* position: relative; */
  width: 155px;
  padding: 1px;
  padding-top: 5px;
  /* border: 4px dotted lime; */ 
  background-color: none;
  margin: 0 auto;
}

a:hover#add_banner {
  background-color: none;
  border: none;
}

#add_banner_box {
  padding: 2px 1px;
  /* border: 1px dotted green; */
  background-color: none;
}

a:hover#add_banner_box {
  background-color: none;
  border: none;
}

#dgs_logo {
  position: absolute;
  left: 30px;
  top: 2px;
  /* width: 200px; */
  padding: 1px;
  /* border: 1px dotted green; */
  background-color: none;
}

#test_environment {
  position: relative;
  top: -50px;
  height: 10px;
  width: 100%;
  background-color: yellow;
  color: red;
  float: left;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#test_environment h3{
  background-color: yellow;
  color: red;
  padding: 1px;
  margin: 0px;
  text-align: center;
}

/* Login ikkunan muotoiluja --------------------------------------- */

div.login_profile {
/*  float: right; */ 
  float: left; 
  width: 160px;
  border: none;
  margin-top: 5px;
  margin-bottom: 15px;
  padding-top: 2px;
  /* padding-left: 25px; */
/*
  position: absolute;
  left: 1055px;
  top: 70px;
  width: 160px;
  min-height: 70px;
  padding: 0px;
  border: none;
*/
}

div.login_profile_header_top {
  background-image: url(../art/elements/panel_top_corners_bg_03.png);
/*   background-image: url(../art/elements/panel_top_corners_bg_03.png); */
  background-position: top left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.login_profile_header {
/*  float: right; */
  background-color: #68a925;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding: 0px 3px 3px;
  margin: 0px;
}

div.login_profile_content_bottom {
  background-image: url(../art/elements/panel_bottom_corners_bg_02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.login_profile_content {
/*  float: right; */
  background-color: #eefdec;
  font-weight: bold;
  text-align: left;
  color: #5a5a5a;
  padding: 3px;
  margin: 0px;
}

div.login_profile table {
  border: none;
  padding: 0;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}

div.login_profile th {
  background-color: #eefdec;
  font-weight: normal;
  color: #457c04;
  padding: 2px 3px;
  margin: 0px;
}

div.login_profile td {
  background-color: #eefdec;
  font-weight: normal;
  color: #5a5a5a;
  padding: 2px 3px;
  margin: 0px;
}

div.login_profile td:hover {
  background-color: #CCCCFF;
  padding: 2px 3px;
  color: blue;
  margin: 0px;
}

div.login_profile input {
  background-color: #F9F9F9;
  color: #5a5a5a;
  padding: 1px 2px;
  border: 1px solid #457c04;  
  width: 70px;
}

/* right outer panel formatting ------------------------------------------ */

div.right_panel {
/*  float: right; */ 
  position: absolute;
  left: 1075px;
  top: 105px;
  width: 160px;
  padding: 0px;
  border: none; 
  background: none;
}

div.right_panel a:hover#add_banner{
/*  float: right; */ 
  background: none;
  background-color: none;
  border: none;
}

div.right_panel a:active#add_banner{
/*  float: right; */ 
  background: none;
  background-color: none;
  border: none;
}

div.right_panel table {
  border: none;
  padding: 0;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}

div.right_panel th.top {
  background-image: url(../art/elements/panel_top_corners_bg_03.png);
  background-position: top left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.right_panel th.bottom {
  background-image: url(../art/elements/panel_bottom_corners_bg_02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.right_panel td {
  background-color: #eefdec;
  color: #457c04;
  /*font-size: small;*/
  padding: 1px 2px;
  margin: 0px;
}

div.right_panel td.header {
  background-color: #68a925;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding-bottom: 3px;
  margin: 0px;
}

div.right_panel td.header:hover {
  background-color: #68a925;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding-bottom: 3px;
  margin: 0px;
}

div.right_panel_header_top {
  background-image: url(../art/elements/panel_top_corners_bg_03.png);
  background-position: top left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.right_panel_header {
/*  float: right; */
  background-color: #68a925;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding-bottom: 3px;
  margin: 0px;
}

div.right_panel_header form {
  padding: 0;
  margin: 0px;
  width: 100%;
}

div.right_panel_header textarea {
  padding: 2px;
  background-color: #E6FFE7;
  width: 100%;
  height: 47px;
  border: 1px black solid;
  margin-bottom: 2px;
}

div.right_panel_header h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: large;
  /* color: #FFFFFF; */
  color: #005D04;
  margin: 0px;
}

div.right_panel_content_bottom {
  background-image: url(../art/elements/panel_bottom_corners_bg_02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.right_panel_content_top {
  background-image: url(../art/elements/panel_top_corners_bg_02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.right_panel_content {
  background-color: #eefdec;
  color: #457c04;
  /*font-size: small;*/
  padding: 1px 2px;
  margin: 0px;
}

div.right_panel_content table {
  border: none;
  padding: 0;
  width: 100%;
}

div.right_panel_content td.header {
  /* background-color:#2F2DBC; */
  /* background-color:#005D04; */
  background-color: #eefdec;
  text-decoration: italic;
  color: #317c34;
  padding: 2px;
}

div.right_panel_content tr {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  background-color: #eefdec;
}

div.right_panel_content td.content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}

div.right_panel_content textarea {
  padding: 2px;
  background-color: #f9f9f9;
  width: 96%;
  height: 47px;
  border: 1px gray solid;
  margin-bottom: 2px;
}

div.normal {
  position: relative;
  float: left;
  /* border: red dotted 1px; */
  width: 800px;
}

div.normal div.footer {
  border: none;
  border-top: 1px solid black;
  font-size: small;
  text-align: left;
  color: #005D04;
  width: 100 px;
  padding-top:3px;
  padding-bottom: 5px;
}

div.mouseOver {
  display:none;
  position: absolute;
  top: -20px;
  border: 2px;
  border-style: solid;
  border-color: #457c04;
/*  background-color: #eefdec; */
  background-color: #F9F9F9;
/*  background-color: #dadada; */
  max-width: 250px;
  min-width: 200px;
  min-height: 50px;
  padding: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  z-index: 100;
}

div.testi {
  position: relative;
  border: red dotted 1px;
  width: 800px;
}

div.float_clear {
  clear:both;
  height: 1px;
  font-size: 1px;
  border: none;
  background: none;
}

div.course_title {
  width: 75%;
  /* border: red 1px solid; */ 
  float: left;
}

div.course_icons {
  /* border: orange 1px solid */
}

div.course_icons img {
  float: right;
  padding: 0px 5px;
}

div.inner_left_panel {
  position: static;
  float: left; 
  width: 390px;
  padding: 1px;
  /* border: dotted 1px green; */
}

div.inner_left_panel form {
  padding: 0;
  margin: 10px 0px;
  width: 100%;
  /* border: red dotted 1px; */
}

div.inner_left_panel_wide {
  float: left; 
  width: 510px;
  padding: 1px;
  /* border: dotted 1px green; */
}


div.inner_right_panel {
  position: static;
  float: left;
  padding: 1px;
  width: 390px;
  margin-left: 10px;
  /* border: blue dotted 1px; */
  /* background-color: none; */
}

div.inner_right_panel form {
  padding: 0;
  margin: 10px 0px;
  width: 100%;
  /* border: red dotted 1px; */
}

/* narrow right panel ---------------------------- */

div.inner_right_panel_narrow {
  float: left;
  width: 360px;
  padding: 1px;
  margin-left: 15px;
  /* border: red dotted 1px; */ 
  /* background-color: none; */
}

div.inner_right_panel_narrow form {
  padding: 0;
  margin: 10px 0px;
  width: 100%;
}

/* Ohjeistuksen muotoilut ---------------------------- */

ul.guidance {
	margin-left: 2px;
}

ul.guidance li {
	padding: 3px;
}

ol.guidance {
	margin-left: 2px;
}

ol.guidance li {
	padding: 3px;
}


/* Ilmoitustaulun muotoilut ---------------------------- */

div.news {
	width: 100%;
}

div.news table {
  border: none;
  padding: 0;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}

div.news td.header {
  background-color: #eefdec;
  color: #457c04;
  /*font-size: small;*/
  padding: 3px 2px;
  margin: 0px;
}

div.news td.content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px 2px;
  margin: 0px;
}


div.right{
  float: right;
  /*overflow: hidden;*/
}

div.center{
  float: center;
  /*overflow: hidden;*/
}

div.left {
  float: left;
  margin: 0px;
  padding: 0px;
}

div.pageholder {
  margin: 0px;
}

/* Päävalikon muotoiluja --------------------------------------- */

div.main_menu {
  margin-left: 362px;
  padding: 0px;  
  padding-top: 5px;  
  width: 550px;
  height: 30px;
  float: left;
  background-color: #68a925;
  -moz-border-radius-bottomleft: 15px;
  -webkit-border-bottom-left-radius: 15px;
  -moz-border-radius-bottomright: 15px;
  -webkit-border-bottom-right-radius: 15px;
  border: 1px solid #68a925;
  /* border: red 1px dotted; */
}

div.main_menu table {
  border: none;
  margin: 0 auto;
  padding: 0;
}

div.main_menu span {
  color:#FFFFFF;
  background-color: #68a925;
  text-decoration:underline;
  border: none;
}

div.main_menu td {
  /* background-color:#2F2DBC; */
  /* background-color:#005D04; */
  background-color: #68a925;
  text-align: center;
  font-weight: bold;
  text-decoration:none;
  color: #FFFFFF;
  padding: 3px;
  width: 80px;
}

div.main_menu a {
  color:#FFFFFF;
  font-weight: bold;
  background-color: #68a925;
  text-decoration:none;
  border: none;
}

div.main_menu a#active {
  color:#FFFFFF;
  font-weight: bold;
  background-color: #68a925;
  text-decoration:underline;
  border: none;
}

div.main_menu a:hover {
  color:#FFFFFF;
  font-weight: bold;
  background-color: #68a925;
  text-decoration:underline;
  border: none;
}

/* Ala-valikoiden muotoiluja --------------------------------------- */

div.menu {
  width: 160px;
  margin: 0px;
  margin-top: 15px;
  border: none;
  clear: left;
}

div.menu table {
  border: none;
  padding: 0;
  margin: 0px;
  width: 100%;
  border-collapse: collapse;
}

div.menu th.top {
  background-image: url(../art/elements/panel_top_corners_bg_03.png);
  background-position: top left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.menu th.bottom {
  background-image: url(../art/elements/panel_bottom_corners_bg_02.png);
  background-position: bottom left;
  background-repeat: no-repeat;
  /*font-size: small;*/
  padding: 0px;
  margin: 0px;
  height: 3px;
  font-size: 1px;
}

div.menu th.admin_header {
  background-color: #5a5a5a;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding: 5px 3px 3px;
  margin: 0px;
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-right-radius: 5px;

}



div.menu td.header {
  background-color: #68a925;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding: 0px 3px 3px;
  margin: 0px;
}

div.menu td.header:hover {
  background-color: #68a925;
  font-weight: bold;
  text-align: center;
  color: #FFFFFF;
  padding: 0px 3px 3px;
  margin: 0px;
}

div.menu td {
  background-color: #eefdec;
  color: #0000FF;
  /*font-size: small;*/
  padding: 2px 3px;
  margin: 0px;
}

div.menu td:hover {
  background-color: #CCCCFF;
  padding: 2px 3px;
  color: blue;
  margin: 0px;
}

div.menu td.new {
  background-image: url(../art/icons/new_link.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #eefdec;
  color: #0000FF;
  /*font-size: small;*/
  padding: 2px 3px;
}

div.menu td.new:hover {
  background-image: url(../art/icons/new_link.png);
  background-position: top right;
  background-repeat: no-repeat;
  background-color: #CCCCFF;
  color: blue;
  padding: 2px 3px;
}

div.menu .sub_header {
  background-color: #eefdec;
  color: #457c04;
  /*font-size: small;*/
  font-weight: bold;
  padding: 2px 3px;
}

div.menu .sub_header:hover {
  background-color: #eefdec;
  color: #457c04;
  /*font-size: small;*/
  font-weight: bold;
  padding: 2px 3px;
}

div.menu .content {
  background-color: #eefdec;
  color: #457c04;
  /*font-size: small;*/
  padding: 2px 3px;
}

div.menu .content:hover {
  background-color: #eefdec;
  color: #005D04;
  /*font-size: small;*/
  padding: 2px 3px;
}

div.menu a {
  color:#3398CC;
  text-decoration:none;
  border: none;
}

div.menu a:hover {
  background-color: #CCCCFF;
  color: #3398CC;
  text-decoration: none;
  /* font-weight: bold; */
  border: none;
}

div.menu a.archived {
  color:#8d8d8d;
  text-decoration: none;
  font-style: italic;
  border: none;
}

div.menu a.archived:hover {
  background-color: #CCCCFF;
  color: #8d8d8d;
  text-decoration: none;
  font-style: italic;
  /* font-weight: bold; */
  border: none;
}

div.menu .new a {
  color:#3398CC;
  text-decoration:none;
  border: none;
}

div.menu .new a:hover {
  background-color: #CCCCFF;
  color: #3398CC;
  text-decoration: none;
  /* font-weight: bold; */
  border: none;
}

/* Hakujen muotoiluja --------------------------------------- */

div.search {
  width: 740px;
  /* background-color: #388F3C; */
}

div.search table {
  border: none;
  padding: 0px;
  width: 100%;
  /* background-color: #388F3C; */
}

div.search th {
  padding: 2px;
  font-weight: bold;
  color: #0000FF;
}

div.search td {
  padding: 0px 2px;
  vertical-align:top;
}

div.search td.name {
  padding: 0px 2px;
  vertical-align:top;
  width: 40ex;
}

div.search fieldset {
  width: 95%;
}

div.search legend {
  font-weight: bold;
  background-color: #CCCCFF;
  color: #0000FF;
  padding: 5px 8px;
  border: 1px solid black;
}

div.search input {
  vertical-align:text-bottom;
  /* background-color: #F5F5FF; */
  background-color: #F9F9F9; 
  border: 1px solid gray;
  width: 95%;
  padding: 0px 3px;
  height: 1.5em;
}

div.search select {
  vertical-align:text-bottom;
/* background-color: #F9F9F9; */
  background-color: #E6FFE7; 
  border: 0px; /*1px solid gray;*/
  border-style: none;
  height: 1.5em;
  outline: none;
  width: 12ex;
}

div.search select.name {
  vertical-align:text-bottom;
  /* background-color: #F9F9F9; */
  background-color: #E6FFE7; 
  border: 0px; /*1px solid gray;*/
  border-style: none;
  height: 1.5em;
  outline: none;
  width: 30ex;
}


/* Kommenttilistauksen solujen muotoiluja ------------------------------------- */

div.comments {
  /* float: left; */
  width: 700px;
}


div.comments table {
  border: none;
  padding: 0;
  width: 100%;
}

div.comments th {
  padding: 2px;
  font-weight: bold;
  color: #0000FF;
  border: 1px solid black; 
  background-color: #EEE4FF;
}

div.comments tr {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  border-bottom: 1px solid black;
  background-color: #F5F5FF;
}

div.comments td {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
}

div.comments .header {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.comments .content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}

div.comments .date {
  background-color: #eefdec;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 20%;
}

div.comments .text {
  background-color: #eefdec;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 80%;
}

div.comments .link {
  background-color: #eefdec;
  color: #0000FF;
  /*font-size: small;*/
  padding: 1px;
}

div.comments .link:hover {
  background-color: #CCCCFF;
  color: blue;
  /*font-size: small;*/
  padding: 1px;
}

div.comments .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: #eefdec;
  width: 100%;
}

div.comments a {
  color:#3398CC;
  text-decoration:none;
  border: none;
}

div.comments a:hover {
  background-color: #CCCCFF;
  color: blue;
  text-decoration: none;
  /*background-color: #F9F9FF;*/
  border: none;
}

/* Arvostelulistauksen solujen muotoiluja ------------------------------------- */

div.review_list {
  /* float: left; */
  width: 800px;
}


div.review_list table {
  border: none;
  padding: 0;
  width: 100%;
}

div.review_list th {
  padding: 2px;
  font-weight: bold;
  color: #0000FF;
  border: 1px solid black; 
  background-color: #EEE4FF;
}

div.review_list tr {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  border-bottom: 1px solid black;
  background-color: #F5F5FF;
}

div.review_list td {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
}

div.review_list .header {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.review_list .sub_header {
  background-color:#eefdec;
  border:#008006; 
  color: #000000;
  font-weight: bold;
  border-bottom: dotted 2px green;
  padding: 0px;
  margin: 0px;
}

div.review_list .content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}


/* Tuloksen lisäyksen solujen muotoiluja --------------------------------------- */

div.score {
  width: 700px;
  /* float: left; */
}

div.score table {
  width: 100%;
}

div.score td {
  padding: 0px 2px;
  background-color: #eefdec;
}

div.score th {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.score th.player {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  width: 20ex;
}

div.score th.course {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  width: 25ex;
}

div.score th.number {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  width: 2ex;
}

div.score th.date {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  width: 17ex;
}

div.score select.player {
  /* background-color: #F9F9F9; */
  background-color: #E6FFE7; 
  padding: 2px;
  width: 20em;
}

div.score select.course {
  padding: 2px;
  /* background-color: #F9F9F9; */
  background-color: #E6FFE7; 
  width: 25em;
}


div.score input .pvm {
  padding: 1px;
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  vertical-align:text-bottom;
  /* width: 100%; */
  width: 20ex;
}

div.score input .number {
  padding: 1px;
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  width: 2ex;
  vertical-align:text-bottom;
}

div.score input {
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  width: 100%;
  vertical-align:text-bottom;
}

div.score label {
  color: #FFFFFF;
}

div.score select {
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  vertical-align:text-bottom;
  width: 100%;
}

div.score .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: #eefdec;
  width: 100%;
}

/* Radan lisäyksen solujen muotoiluja --------------------------------------- */

div.course {
  width: 700px;
  float: left;
}

div.course table {
  width: 100%;
}

div.course td {
  padding: 0px 2px;
  background-color: #eefdec;
}

div.course td.course {
  background-color:#eefdec;
}

div.course td.name {
  background-color:#eefdec;
  width: 38ex;
}


div.course td.pvm {
  background-color:#eefdec;
  width: 40ex;
}

div.course td.desc {
  background-color:#eefdec;
}

div.course th {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
  width: 15ex;
}

div.course th.course {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  width: 23%;
}

div.course th.name {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  width: 10ex;
}

div.course th.label {
  background-color:#eefdec;
  font-weight: normal;
  padding: 0px 2px;
  color: #005D04;
  width: 10ex;
  text-align: right;
}

div.course th.desc {
  background-color: #eefdec;
  font-weight: bold;
  color: #FFFFFF;
  width: 25ex;
}

div.course th.number {
  background-color: #eefdec;
  font-weight: bold;
  color: #FFFFFF;
  width: 3ex;
}

div.course input {
  padding: 2px 0px;
  vertical-align: middle;
  text-indent: 2px;
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  width: 100%;
}

div.course textarea {
  padding: 1px;
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  width: 100%;
}

/*
div.course label {
  color: #000000;
}
*/

div.course .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: #eefdec;
  width: 100%;
}

/* Radan lisätietojen muotoiluja --------------------------------------- */

div.course_info {
  width: 370px;
  float: left;
  /* border: red solid 1px; */
}

div.course_info table {
  width: 100%;
}

div.course_info td {
  padding: 0px 2px;
  background-color: #eefdec;
  width: 22ex;
  /* border: red dotted 1px; */
}

div.course_info th {
  background-color:#eefdec;
  font-weight: normal;
  padding: 0px 2px;
  color: #005D04;
  width: 40%;
  text-align: right;
  /* border: gray dotted 1px; */
  vertical-align: top;
}

div.course_review {
  width: 370px;
  float: right;
  margin-right: 70px;
  padding: 1px;
  /* border: blue solid 1px; */
}

div.course_review form {
  padding: 0;
  margin: 0px;
  width: 100%;
}

div.course_review input {
  float: left;
  margin: 0px;
  padding: 1px;
  background-color: #F9F9F9;
}

div.course_review table {
  width: 100%;
  margin: 0px;
  padding: 1px;
}

div.course_review th {
  background-color:#eefdec;
  font-weight: normal;
  padding: 1px 2px;
  margin: 0px;
  color: #005D04;
  width: 40%;
  text-align: right;
  /* border: gray dotted 1px; */
  vertical-align: top;
}

div.course_review td {
  padding: 1px 2px;
  margin: 0px;
  background-color: #eefdec;
  width: 22ex;
  /* border: green dotted 1px; */
}

div.course_review textarea {
  padding: 1px;
  background-color: #E6FFE7;
  width: 210px;
  height: 60px;
  margin: 0px;
  border: 1px gray solid;
  margin-bottom: 2px;
}

/* Ratakommenttien muotoiluja --------------------------------------- */

div.course_comments_header {
/*  float: right; */
  position: absolute;
  left: 995px;
  top: 4px;
  width: 250px;
  padding: 1px;
  border: none; 
  background-color: none;
}

div.course_comments_header form {
  padding: 0;
  margin: 0px;
  width: 100%;
}

div.course_comments_header textarea {
  padding: 2px;
  background-color: #E6FFE7;
  width: 100%;
  height: 47px;
  border: 1px black solid;
  margin-bottom: 2px;
}

div.course_comments_header h3 {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: large;
  /* color: #FFFFFF; */
  color: #005D04;
  margin: 0px;
}


div.course_comments {
/*  float: right; */
  position: absolute;
  left: 995px;
  top: 125px;
  width: 250px;
  padding: 1px;
  border: 2px dotted green; 
  background-color: none;
}

div.course_comments table {
  border: none;
  padding: 0;
  width: 100%;
}

div.course_comments td.header {
  /* background-color:#2F2DBC; */
  /* background-color:#005D04; */
  background-color: #eefdec;
  text-decoration: italic;
  color: #317c34;
  padding: 2px;
}

div.course_comments tr {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  background-color: #eefdec;
}

div.course_comments td.content {
  background-color: #F9F9F9;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}

/* Ratalistan muotoiluja --------------------------------------- */

div.course_list {
  width: 800px;
  /* float: left; */
}

div.course_list form{
  width: 800px;
  /* float: left; */
}

div.course_list table {
  width: 100%;
}

div.course_list td {
   /* padding: 0px 2px; */
  background-color: #eefdec;
  /* border: dotted black 1px; */
}

div.course_list th {
  background-color: #eefdec;
  font-weight: bold;
  color: #FFFFFF;
  /* padding: 3px; */
}

div.course_list .link {
  width: 25%;
  background-color: #eefdec;
  color: #005D04;
  padding-left: 15px;
  /*font-size: small;*/
  /* padding: 1px; */
}

div.course_list .id {
  width: 25%;
  background-color: #eefdec;
  color: #005D04;
  padding-left: 15px;
  /*font-size: small;*/
  /* padding: 1px; */
}

div.course_list .selection {
  width: 5%;
  background-color: #eefdec;
  color: #005D04;
  padding-left: 15px;
  /*font-size: small;*/
  /* padding: 1px; */
}

div.course_list .sub_header {
  background-color:#eefdec;
  border:#008006; 
  color: #000000;
  font-weight: bold;
  border-bottom: dotted 2px green;
  padding: 0px;
  margin: 0px;
  width: 20%;
}

div.course_list .desc {
  width: 60%;
  background-color: #eefdec;
  color: #005D04;
  /*font-size: small;*/
  /* padding: 1px; */
}

div.course_list .content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  /* padding: 1px; */
}


div.course_list .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: #eefdec;
  width: 100%;
}

/* tuloslistauksen solujen muotoiluja --------------------------------------- */

div.scores {
  position: static;
  width: 100%;
  /* float: left; */
  /* border: orange 2px solid; */
  background-color: #eefdec;
}


div.scores table {
  border: none;
  padding: 0;
  width: 100%;
  background-color: #eefdec;
}

div.scores th {
  padding: 2px;
  font-weight: bold;
  color: #005D04;
  border: 1px solid black; 
  background-color: #eefdec;
}

div.scores tr {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  border-bottom: 1px solid black;
  background-color: #68a925;
}

div.scores td {
  padding: 1px;
  color: #5a5a5a;
  padding-left: 2px;
  vertical-align: top;
  background-color: #eefdec;
}

div.scores label {
  color: #00AF08;
}

div.scores input {
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  padding: 3px;
}

#choose {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  width: 16ex;
}

#player {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  width: 12ex;
  border: 1px solid black;
}

#id-start-date {
  /* background-color: #F9F9F9; */
  background-color: #E6FFE7; 
  padding: 3px;
  width: 10ex;
}

#id-end-date {
  /* background-color: #F9F9F9; */
  background-color: #E6FFE7; 
  padding: 3px;
  width: 10ex;
}

/*
div.scores input.pvm {
  background-color: #E6FFE7; 
  padding: 3px;
  width: 5%;
}
*/

div.scores select {
  /* background-color: #F9F9F9; */
  background-color: #E6FFE7; 
  padding: 1px;
}

div.scores .header {
  background-color: #68a925;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.scores .sub_header {
  /* background-color:#008006; */
  background-color:#eefdec;
  /*background-color: #cffdcf;*/
  color: #000000;
  padding: 1px;
}

div.scores .total_row {
  background-color: #317c34;
  color: #FFFFFF;
  padding: 1px;
}

div.scores .content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}

div.scores .fixed_content {
  background-color: #eefdec;
  /* color: #005D04; -- changed 17.10.2011 */ 
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
  width: 15ex;
}

div.scores .fixed_date {
  background-color: #eefdec;
  /* color: #005D04; -- changed 17.10.2011 */ 
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
  width: 17ex;
}

div.scores .fixed_bubble {
  background-color: #68a925;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 2ex;
}

div.scores .highlight {
  /*background-color: #99FF66;FDFFE3;99FF77*/
  /*font-size: small;*/
  /* background-color: #c3ffa4;
  color: #5a5a5a;
  font-weight: bold;
  width: 15ex; */
  /* color: #191919; */
  font-style: italic;
  padding: 1px;  
}

div.scores .link {
  background-color: #eefdec;
  color: #0000FF;
  /*font-size: small;*/
  padding: 1px;
}

div.scores .link:hover {
  background-color: #CCCCFF;
  color: blue;
  /*font-size: small;*/
  padding: 1px;
}

div.scores .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: #eefdec;
  width: 100%;
}

div.scores a {
  color:#3398CC;
  text-decoration:none;
}

div.scores a:hover {
  background-color: #CCCCFF;
  color: blue;
  text-decoration: none;
  /*background-color: #F9F9FF;*/
}

/* yksinkertaisen tuloslistauksen solujen muotoiluja --------------------------------------- */

div.full_wide_table {
  width: 100%;
}


div.full_wide_table table {
  border: none;
  padding: 0;
  width: 100%;
}

div.full_wide_table th {
  background-color: #68a925;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.full_wide_table td {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}

div.full_wide_table .header {
  background-color: #68a925;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.full_wide_table .sub_header {
  background-color:#caecab; /* 9dcc6c */
 
  /* background-color:#eefdec; */
  color: #000000;
  padding: 1px;
}

div.full_wide_table .total_row {
  background-color: #317c34;
  color: #FFFFFF;
  padding: 1px;
}

div.full_wide_table .content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}

div.full_wide_table .date {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
  width: 80px;
}

div.full_wide_table .number {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
  width: 20px;
}



div.full_wide_table select {
  background-color: #F9F9F9;
  color: #005D04;
  /*font-size: small;*/
  padding: 0px;
  width: 98%;
}

div.full_wide_table input.number {
  background-color: #F9F9F9;
  color: #005D04;
  /*font-size: small;*/
  padding: 0px;
  width: 98%;
}

div.full_wide_table .fixed_content {
  background-color: #eefdec;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 15ex;
}

div.full_wide_table .fixed_date {
  background-color: #eefdec;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 23ex;
}

div.full_wide_table .highlight {
  /* background-color: #99FF66;FDFFE3;99FF77
  background-color: #c3ffa4;
  color: #5a5a5a;
  width: 15ex;
  font-size: small;*/
  color: black;  
  padding: 1px;  
}

div.full_wide_table .link {
  background-color: #eefdec;
  color: #3398CC;
  /*font-size: small;*/
  padding: 1px;
}

div.full_wide_table .link:hover {
  background-color: #CCCCFF;
  color: 3398CC;
  /*font-size: small;*/
  padding: 1px;
}

div.full_wide_table .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: #eefdec;
  width: 100%;
}

div.full_wide_table a {
  color:#3398CC;
  text-decoration:none;
}

div.full_wide_table a:hover {
  background-color: #CCCCFF;
  color: blue;
  text-decoration: none;
  /*background-color: #F9F9FF;*/
}

div.full_wide_table .header a {
  background-color: #68a925;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
  border: none;
}

div.full_wide_table .header a:hover {
  background-color: #68a925;
  font-weight: bold;
  text-decoration: underline;
  color: #FFFFFF;
  padding: 3px;
  border: none;
}

/* yksinkertaisen tuloslistauksen solujen muotoiluja --------------------------------------- */

div.floating_buttons {
  float: left;
  padding: 0px;
  margin: 0px;
}

div.floating_buttons form{
  float: left;
  padding: 3px 1px;
  margin: 0px;
}

div.control_buttons {
  width: 100%;
}


div.control_buttons table {
  border: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

div.control_buttons button {
  float: left;
}

div.control_buttons button:hover {
  float: left;
}

div.control_buttons th {
  background-color: #68a925;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
  margin: 0px;
}

div.control_buttons tr {
  padding: 0px;
  margin: 0px;
  vertical-align: top;
}

div.control_buttons td {
  background-color: #eefdec;
  color: #5a5a5a;
  padding: 0px;
  margin: 0px;
  height: 28px;
  vertical-align: top;
}

div.control_buttons .header {
  background-color: #68a925;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.control_buttons .content {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
}

div.control_buttons .fixed_content {
  background-color: #eefdec;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 15ex;
}


/* add scores table ------------------------------------ */

div.add_scores_table {
  width: 100%;
}


div.add_scores_table table {
  border: none;
  padding: 0;
  /* width: 100%; */
}

div.add_scores_table th {
  background-color: #eefdec;
  font-weight: normal;
  color: #457c04;
  padding: 3px;
  text-align: left;
}

div.add_scores_table th.header {
  background-color: #68a925;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
  text-align: left;
}

div.add_scores_table td {
  background-color: #F9F9F9;
  color: #000000;
  /*font-size: small;*/
  padding: 1px 2px;
  border: 1px solid #457c04; 
}

div.add_scores_table td.read {
  background-color: #eefdec;
  color: #000000;
  /*font-size: small;*/
  padding: 1px 2px;
  border: none; 
}

div.add_scores_table .number {
  background-color: #F9F9F9;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 20px;
}

div.add_scores_table select {
  background-color: #F9F9F9;
  color: #000000;
  /*font-size: small;*/
  padding: 0px;
  border: none;
  width: 98%;
}

div.add_scores_table input.number {
  background-color: #F9F9F9;
  color: #005D04;
  /*font-size: small;*/
  padding: 0px;
  width: 98%;
  border: none;
}

div.add_scores_table .fixed_content {
  background-color: #F9F9F9;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 15ex;
}

div.add_scores_table .fixed_date {
  background-color: #F9F9F9;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
  width: 23ex;
}

/* General form styles -------------------------------------------------- */

div.general_form {
  width: 100%;
  /* border: blue dotted 1px; */
}

div.general_form table {
  border: none;
  /* border: solid orange 1px; */
  padding: 0;
  /* border: blue dotted 1px; */ 
  /* width: 100%; */
}

div.general_form table.wide {
  border: none;
  /* border: solid orange 1px; */
  padding: 0;
  /* border: blue dotted 1px; */ 
  width: 100%;
}


div.general_form th {
  background-color: #eefdec;
  font-weight: normal;
  color: #457c04;
  padding: 3px;
  text-align: left;
}

div.general_form td {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px 2px; 
  /* border: red dotted 1px; */
}

div.general_form td.read {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px 2px;
  border: none; 
}

div.general_form .number {
  background-color: #eefdec;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px;
  width: 20px;
}

div.general_form select {
  background-color: #F9F9F9;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px 2px;
  width: 99%;
  border: 1px solid #457c04;  
}

div.general_form input {
  background-color: #F9F9F9;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 2px 2px;
  width: 98%;
  border: 1px solid #457c04;  
}

div.general_form input.number {
  background-color: #F9F9F9;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px 2px;
  width: 98%;
  border: 1px solid #457c04; 
}

div.general_form input.checkbox {
  vertical-align: top;
  /* background-color: #F5F5FF; */
  background-color: #F9F9F9;
  width: 10px;
}

div.general_form textarea.bigbox {
  background-color: #F9F9F9;
  color: #5a5a5a;
  width: 99%;
  height: 200px;
  /*font-size: small;*/
  padding: 1px 2px;
  border: 1px solid #457c04; 
}



/* Different colour for eagle, birdie, par etc... ------------------------------ */

#score_footer {
  padding: 2px;
  text-align: left;
  font-size: 11px; 
  color: black;
  vertical-align: top;
  /* border-top: 1px solid black; */
  background-color: #eefdec;
  width: 100%;
}

#score_footer .hole-in-one {
  /* background-color: #F9F9F9; */
  /* background-color: #FFFF00; */
  /* color: #FFFF00; */
  color: #fdda00;
  padding: 1px;
  width: 3ex;
}

#score_footer .holeinone {
  /* background-color: #F9F9F9; */
  /* background-color: #FFFF00; */
  color: #fdda00;
  /* color: #000000; */
  padding: 1px;
  width: 3ex;
}

#score_footer .eagle {
  /* background-color: #F9F9F9; */
  color: #f65842;
  padding: 1px;
  width: 3ex;
}

#score_footer .birdie {
  /* background-color: #F9F9F9; */
  color: #FF9933;
  padding: 1px;
  width: 3ex;
}

#score_footer .par {
  /* background-color: #F9F9F9; */
  color: #68a925;
  padding: 1px;
  width: 3ex;
}

#score_footer .bogey {
  /* background-color: #F9F9F9; */
  color: #66CCFF;
  padding: 1px;
  width: 3ex;
}

#score_footer .double-bogey {
  /* background-color: #F9F9F9; */
  color: #0066FF;
  padding: 1px;
  width: 3ex;
}

#score_footer .double-bogey_text {
  /* background-color: #F9F9F9; */
  color: #0066FF;
  padding: 1px;
  width: 5ex;
}

#score_footer .other {
  /* background-color: #F9F9F9; */
  color: #003399;
  padding: 1px;
}

div.scores .hole-in-one {
  /* background-color: #F9F9F9; */
  /* background-color: #FFFF00; */
  /* color: #FFFF00; */
  color: #fdda00;
  padding: 1px;
  width: 3ex;
}

div.scores .holeinone {
  /* background-color: #F9F9F9; */
  /* background-color: #FFFF00; */
  /* color: #FFFF00; */
  color: #fdda00;
  padding: 1px;
  width: 3ex;
}

div.scores .eagle {
  /* background-color: #F9F9F9; */
  /* color: #00DEFF; */
  color: #f65842;
  padding: 1px;
  width: 3ex;
}

div.scores .birdie {
  /* background-color: #F9F9F9; */
  /* color: #0000FF; */
  color: #FF9933;
  padding: 1px;
  width: 3ex;
}

div.scores .par {
  /* background-color: #F9F9F9; */
  /* color: #00DF0A; */
  color: #68a925;
  padding: 1px;
  width: 3ex;
}

div.scores .bogey {
  /* background-color: #F9F9F9; */
  /* color: #000000; */
  color: #66CCFF;
  padding: 1px;
  width: 3ex;
}

div.scores .double-bogey {
  /* background-color: #F9F9F9; */
  /* color: #FF7E00; */
  color: #0066FF;
  padding: 1px;
  width: 3ex;
}

div.scores .double-bogey_text {
  /* background-color: #F9F9F9; */
  /* color: #FF7E00; */
  color: #0066FF;
  padding: 1px;
  width: 5ex;
}

div.scores .other {
  /* background-color: #F9F9F9; */
  /* color: #FF0000; */
  color: #003399;
  padding: 1px;
}

div.right_panel_content .hole-in-one {
  /* background-color: #F9F9F9; */
  /* background-color: #FFFF00; */
  /* color: #FFFF00; */
  color: #fdda00;
  padding: 1px;
  width: 3ex;
}

div.right_panel_content .holeinone {
  /* background-color: #F9F9F9; */
  /* background-color: #FFFF00; */
  /* color: #FFFF00; */
  color: #fdda00;
  padding: 1px;
  width: 3ex;
}

div.right_panel_content .eagle {
  /* background-color: #F9F9F9; */
  /* color: #00DEFF; */
  color: #f65842;
  padding: 1px;
  width: 3ex;
}

div.right_panel_content .birdie {
  /* background-color: #F9F9F9; */
  /* color: #0000FF; */
  color: #FF9933;
  padding: 1px;
  width: 3ex;
}

div.right_panel_content .par {
  /* background-color: #F9F9F9; */
  /* color: #00DF0A; */
  color: #68a925;
  padding: 1px;
  width: 3ex;
}

div.right_panel_content .bogey {
  /* background-color: #F9F9F9; */
  /* color: #000000; */
  color: #66CCFF;
  padding: 1px;
  width: 3ex;
}

div.right_panel_content .double-bogey {
  /* background-color: #F9F9F9; */
  /* color: #FF7E00; */
  color: #0066FF;
  padding: 1px;
  width: 3ex;
}

div.right_panel_content .double-bogey_text {
  /* background-color: #F9F9F9; */
  /* color: #FF7E00; */
  color: #0066FF;
  padding: 1px;
  width: 5ex;
}

div.right_panel_content .other {
  /* background-color: #F9F9F9; */
  /* color: #FF0000; */
  color: #003399;
  padding: 1px;
}



/* Different colour for different percents ------------------------------ */

div.scores .empty {
  /* background-color: #F9F9F9; */
  color: gray;
  /*font-size: small;*/
  padding: 1px;
}

div.scores .over50 {
  /* background-color: #F9F9F9; */
  color: #00DF0A;
  /*font-size: small;*/
  padding: 1px;
}

div.scores .over80 {
  /* background-color: #F9F9F9; */
  color: red;
  /*font-size: small;*/
  padding: 1px;
}

/* Holarit ----------------------------------------- */

div.holeinones {
  width: 440px;
  float: left;
}


div.holeinones table {
  border: none;
  padding: 0;
  width: 440px;
}

div.holeinones th {
  padding: 2px;
  font-weight: bold;
  color: #005D04;
  border: 1px solid black; 
  background-color: #68a925;
}

div.holeinones tr {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  border-bottom: 1px solid black;
  background-color: #F5F5FF;
}

div.holeinones td {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
}

div.holeinones .header {
  background-color: #317c34;
  font-weight: bold;
  color: #FFFFFF;
  padding: 3px;
}

div.holeinones .content {
  background-color: #F9F9F9;
  color: #005D04;
  /*font-size: small;*/
  padding: 1px;
}

div.holeinones .highlight {
  /*background-color: #99FF66;FDFFE3;99FF77
  background-color: #c3ffa4;
  color: #5a5a5a;
  width: 15ex;
  font-size: small;*/
  padding: 1px;
  color: black;
}


/* Erilaisia tekstilaatikoita ----------------------------------------- */
/* -- näitä tulisi käyttää vain normal divin sisällä, sivun yläreunassa */

div.error {
  /* background-color:#FF7474; */
  background-image: url(../art/icons/web/error_remove-icon_32.png);
  background-position: top left;
  background-repeat: no-repeat;
  /* border: 1px solid red; */
  color: black;
  font-weight: bold;
  padding: 1px;
  padding-left: 55px;
  margin-bottom: 5px;
  min-height: 50px;
  width: 700px;
}

div.warning {
  /* background-color:#FF7474; */
  background-image: url(../art/icons/web/warning-icon_32.png);
  background-position: top left;
  background-repeat: no-repeat;
  /* border: 1px solid red; */
  color: black;
  font-weight: bold;
  padding: 1px;
  padding-left: 55px;
  margin-bottom: 5px;
  min-height: 50px;
  width: 700px;
}

div.archived {
  /* background-color:#FF7474; */
  background-image: url(../art/icons/web/archive-icon_32.png);
  background-position: top left;
  background-repeat: no-repeat;
  /* border: 1px solid red; */
  color: black;
  font-weight: normal;
  padding: 1px;
  padding-left: 55px;
  margin-bottom: 5px;
  min-height: 50px;
  width: 700px;
}

div.message {
  background-image: url(../art/icons/web/accept-icon_32.png);
  background-position: top left;
  background-repeat: no-repeat;
  /* background-color: #CFFFBA; */
  /* border: 1px solid green; */
  font-weight: bold;
  padding: 1px;
  padding-left: 55px;
  color: green;
  margin-bottom: 5px;
  min-height: 45px;
  width: 700px;
}

div.small_message {
  background-image: url(../art/icons/web/accept-icon_32.png);
  background-position: center left;
  background-repeat: no-repeat;
  /* background-color: #CFFFBA; */
  /* border: 1px solid green; */
  font-weight: normal;
  padding: 1px;
  padding-left: 35px;
  margin-bottom: 2px;
  min-height: 35px;
}


div.info {
  background-image: url(../art/icons/web/info-icon_32.png);
  background-position: top left;
  background-repeat: no-repeat;
  float: none;
  /* background-color: #CFFFBA; */
  /* border: 1px solid green; */
  font-weight: normal;
  padding: 1px;
  padding-left: 55px;
  color: #5a5a5a;
  margin-bottom: 5px;
  min-height: 45px;
  width: 700px;
}

div.small_info {
  background-image: url(../art/icons/web/info-icon_32.png);
  background-position: center left;
  background-repeat: no-repeat;
  float: none;
  /* background-color: #CFFFBA; */
  /* border: 1px solid green; */
  font-weight: normal;
  padding: 1px;
  padding-left: 35px;
  margin-bottom: 2px;
  min-height: 35px;
}
span.huom {
  font-weight:normal;
  color:#FF0000;
}

span.caption {
  font-size: 10px;
  color: #5a5a5a;
  font-style: italic;
  margin-top: 1px;
  padding-top: 1px;
}

/* Supporter Box muotoilut ---------------------------------- */

div.supporter_box {
  background-position: top left;
  background-repeat: no-repeat;
  float: right;
  /* background-color: #CFFFBA; */
  /* border: 1px solid green; */
  font-weight: normal;
  padding: 1px;
  padding-left: 55px;
  color: #5a5a5a;
  margin-bottom: 5px;
  min-height: 45px;
  width: 300px;
  border: red dotted 1px;
}

.supporter {
  /*background-color: #99FF66;FDFFE3;99FF77*/
  /*color: black;*/
  /*font-weight: bold; 007200*/
  text-shadow: #4f724f 1px 1px 2px;
  /*font-size: small;*/
}



/* Login muotoilut ----------------------------------------------------*/

div.login_box {
  float: right;
  background-color: #eefdec;
}

div.login_box table {
  width: 100%;
}

div.login_box td#legend {
  width: 40%;
}

div.login_box input#username {
  width: 80px;
}

div.login_box input#password {
  width: 80px;
}

div.login_box legend {
  font-weight: bold;
  background-color: #CCCCFF;
  color: #0000FF;
  padding: 5px 8px;
  border: 1px solid black;
}

div.login_box label {
  font-size: small;
  text-align: left;
}

/* Login muotoilut ----------------------------------------------------*/

div.login {
  /* float: right; */
  width: 250px;
}

div.login table {
  width: 100%;
}

div.login td#legend {
  width: 40%;
}

div.login legend {
  font-weight: bold;
  background-color: #CCCCFF;
  color: #0000FF;
  padding: 5px 8px;
  border: 1px solid black;
}

div.login label {
  font-size: small;
  text-align: left;
}


/* tuloslistauksen solujen muotoiluja --------------------------------------- */

div.links {
  width: 100%;
}


div.links table {
  border: none;
  padding: 0;
  width: 100%;
}

div.links th {
  background-color: #eefdec;
  font-weight: normal;
  color: #457c04;
  padding: 3px;
  text-align: left;
}

div.links td {
  background-color: #F9F9F9;
  color: #000000;
  /*font-size: small;*/
  padding: 1px 2px;
  border: 1px solid #457c04; 
}

div.links td.wide {
  background-color: #F9F9F9;
  color: #000000;
  /*font-size: small;*/
  padding: 1px 2px;
  width: 50ex;
  border: 1px solid #457c04; 
}

div.links select {
  background-color: #F9F9F9;
  color: #000000;
  /*font-size: small;*/
  padding: 0px;
  border: none;
  width: 98%;
}

div.links input.nappi {
  vertical-align: middle;
  background-color: #787878;
  border-bottom-style: double;
  border-left-style: double;
  border-right-style: solid;
  border-top-style: solid;
  border-color: #999999;
  color: white;
}

div.links input {
  background-color: #F9F9F9;
  color: #000000;
  /*font-size: small;*/
  padding: 0px;
  border: none;
  width: 98%;
}
/* Profile ------------------------------------------------------------------------------ */

div.profile {
  width: 400px;
  /* float: left; */
}

div.profile table {
  width: 100%;
}

div.profile td {
  padding: 0px 2px;
  background-color: #eefdec;
  width: 50%;
}

div.profile textarea {
  vertical-align:text-top;
  background-color: #F9F9F9;
  width: 100%;
}

div.profile input.nappi {
  vertical-align:text-bottom;
  width: 10ex;

  background-color: #787878;
  border-bottom-style: double;
  border-left-style: double;
  border-right-style: solid;
  border-top-style: solid;
  border-color: #999999;
  color: white;
}

div.profile input.nappi:hover {
  vertical-align:text-bottom;
  width: 10ex;

  background-color: #CCCC66;
  border-bottom-style: double;
  border-left-style: double;
  border-right-style: solid;
  border-top-style: solid;
  border-color: #FFFF66;
  color: white;
}

div.profile input {
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  vertical-align:text-bottom;
  width: 100%;
}

div.profile select {
  /* background-color: #F9F9F9; */
  background-color: #F9F9F9; 
  vertical-align:text-bottom;
  width: 100%;
}

div.profile label {
  font-size: small;
  background-color: none; 
  text-align: left;
}

div.profile .link {
  background-color: #F9F9F9;
  color: #0000FF;
  /*font-size: small;*/
  padding: 1px;
}

div.profile .link:hover {
  background-color: #CCCCFF;
  color: blue;
  /*font-size: small;*/
  padding: 1px;
}

div.profile .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: white;
  width: 100%;
}

div.profile a {
  color:#3398CC;
  text-decoration:none;
}

div.profile a:hover {
  background-color: #CCCCFF;
  color: blue;
  text-decoration: none;
  /*background-color: #F9F9FF;*/
}

/* Pelaajatilastojen muotoilet profiilisivulla ---------------------------- */

div.player_stats {
  width: 350px;
  float: left;
  /* border: red solid 1px; */
}

div.player_stats table {
  width: 100%;
}

div.player_stats td {
  padding: 0px 2px;
  background-color: #F9F9F9;
  /* border: red dotted 1px; */
}

div.player_stats th {
  background-color:#F9F9F9;
  font-weight: normal;
  padding: 0px 2px;
  color: #005D04;
  width: 80%;
  text-align: right;
  /* border: gray dotted 1px; */
  vertical-align: top;
}

/* Pelaajien valinta profiili näytöllä -------------------------------*/

div.choose_players {
  width: 400px;
}


div.choose_players table {
  border: none;
  padding: 0;
  width: 100%;
}

div.choose_players th {
  padding: 2px;
  font-weight: bold;
  color: #005D04;
  border: 1px solid black; 
  background-color: #EEE4FF;
}

div.choose_players tr {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
  border-bottom: 1px solid black;
  background-color: #F5F5FF;
}

div.choose_players td {
  padding: 1px;
  padding-left: 2px;
  vertical-align: top;
}

div.choose_players .footer {
  padding: 2px;
  text-align: left;
  color: black;
  vertical-align: top;
  border-top: 1px solid black;
  background-color: white;
  width: 100%;
}

/* Yksittäisen kontaktin muotoilut ----------------------------------------------*/

div.contact {
  color: #0000FF;
  margin-left: 5px;
}

div.contact table {
  width: 400px;
  border: none;
}

div.contact tr {
  padding: 2px;
}

div.contact td.label {
  color: blue;
  width: 30%;
}

div.contact td.field {
  width: 70%;
  color: black;
}

div.contact .name {
  color: black;
  width: 150px;
}

div.contact .email {
  color: black;
  width: 300px;
}

div.contact a {
  color: #0000FF;
  background-color: #F9F9F9;
  text-decoration:none;
}

div.contact a:hover {
  background-color: #33CCFF;
  color: #0000FF;
}


/* Erilaisia input kenttiä */

input.optio {
  background-color: #F5F5FF;
  border: 1px solid gray;
}

input.must {
  background-color: #FFE0E0;
  border: 1px solid gray;
}

textarea.must {
  background-color: #FFE0E0;
  border: 1px solid gray;
}

/* Disclaimer */

div.disclaimer {
  width: 110px;
  float: right;
  text-align: center;
  background-color: #F5F5FF;
  border: 1px solid gray;
  padding: 10px;
  margin-top: 10px;
}

/* for example competition table related formatting */

div.panel_info {
  float: left;
  width: 390px;
  padding-bottom: 15px;
  /* border: black solid 3px; */
}

div.panel_info table {
  padding: 2px;
  margin: 2px;
  border-collapse: collapse;
}

div.panel_info th {
  padding: 2px;
  font-weight: normal;
  color: #457c04;
  width: 130px;
  text-align: right;
  padding-right: 10px;
}

div.panel_info td {
  vertical-align:top;
  padding: 2px;
}

div.panel_info input {
  vertical-align:top;
  width: 175px;
  background-color: #f3fdf1;
}

div.panel_info input.number {
  vertical-align:top;
  width: 20px;
  background-color: #f3fdf1;
}

div.panel_info textarea {
  vertical-align:top;
  width: 175px;
  background-color: #f3fdf1;
}

div.panel_info select#course_select {
  vertical-align:top;
  width: 170px;
  background-color: #f3fdf1;
}

/* course review info ---------------------------- */

div.review_info {
  float: left;
  width: 350px;
  padding-bottom: 15px;
  /* border: green solid 1px; */
}

div.review_info table {
  padding: 2px;
  margin: 2px;
  border-collapse: collapse;
}

div.review_info th {
  padding: 2px;
  font-weight: normal;
  color: #457c04;
  width: 130px;
  text-align: right;
  padding-right: 10px;
}

div.review_info td {
  vertical-align:top;
  padding: 2px;
}

div.review_info input {
  vertical-align:top;
  width: 175px;
  background-color: #f3fdf1;
}

div.review_info input.number {
  vertical-align:top;
  width: 20px;
  background-color: #f3fdf1;
}

div.review_info textarea {
  vertical-align:top;
  width: 195px;
  background-color: #f3fdf1;
}

div.review_info select#course_select {
  vertical-align:top;
  width: 170px;
  background-color: #f3fdf1;
}


/* wide panel info ------------------------ */

div.general_form_wide {
  float: left;
  width: 415px;
  padding-bottom: 15px;
}

div.general_form_wide table {
  padding: 2px;
  margin: 2px;
  border-collapse: collapse;
}

div.general_form_wide th {
  padding: 2px;
  font-weight: normal;
  color: #457c04;
  width: 100px;
  text-align: left;
  padding-right: 10px;
}

div.general_form_wide td {
  vertical-align:top;
  padding: 2px;
}

div.general_form_wide input {
  background-color: #F9F9F9;
  color: #5a5a5a;
  width: 285px;
  /*font-size: small;*/
  padding: 1px 2px;
  border: 1px solid #457c04;  
}

div.general_form_wide input.number {
  background-color: #F9F9F9;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px 2px;
  width: 20px;
  /* border: 1px solid #457c04; */
  border: 1px solid red; 
}

input#id-max_competitions {
  background-color: #F9F9F9;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 1px 2px;
  width: 30px;
  border: 1px solid #457c04; 
}

div.general_form_wide textarea {
  background-color: #F9F9F9;
  color: #5a5a5a;
  width: 285px;
  /*font-size: small;*/
  padding: 1px 2px;
  border: 1px solid #457c04; 
}

div.general_form_wide select {
  background-color: #F9F9F9;
  color: #5a5a5a;
  /*font-size: small;*/
  padding: 0px;
  border: none;
  width: 98%;
  padding: 1px 2px;
  border: 1px solid #457c04; 
}

div.general_form_wide select #course_select {
  width: 175px;
  color: red;
}

/* Open Calendar date formatting -------------------------------- */
 
div.calendar_date {
  width: 220px;
  /* border: 1px solid red; */
  
}

div.calendar_date select {
  padding: 1px 2px;
  border: 1px solid #457c04;
}

div.calendar_date select.tcday {
  width: 50px;
}
div.calendar_date select.tcmonth {
  width: 75px;
}
div.calendar_date select.tcyear {
  width: 60px;
}

span.date-tccontainer {
	vertical-align: middle;
}

/* jQuery examples --------------------------------------- */
.red { background-color: red; }
.blue { color: blue; }
.green { color: green; }