@charset "utf-8";

/* CSS Document */
body.heppa .sidemenulevel .sidemenulink a.sidemenuselected {
	background: url(../images/sidemenuarrow.png) no-repeat 6px 6px #9cc4f0;
	color: #FFF;
	text-decoration: none;
}

body.heppa .sidemenulevel .sidemenulink a.sidemenuselected:hover {
	color:#fff;
	text-decoration:underline;
}

body.heppa .sidemenulevel .sidemenulink a:hover {
	color: #9cc4f0;
}

/*
body.heppa .sidemenulevel .sidemenulink a.sidemenuselected {
	background:url(../images/sidemenuarrow.png) no-repeat 6px 6px #9cc4f0;
	color:#FFF;
	text-decoration:none;
}

.sidemenufirst {
	height: 24px;
	clear: both;
}

.sidemenulinka .pagelink {
	position: relative;
  	width: 155px;
	display: inline;
}

span.navigation_header {
  position: relative;
  width: 155px;
  display: inline;
  float: left;
}

span.navigation_arrow {
	position: relative;
	margin-left: 12px;
	margin-right: 0px;
  	margin-top: 0px;
  	margin-bottom: 0px;
	text-align: center;
	display: inline;
}

span.navigation_arrow img {
	text-align: center;
  	display: inline;
  	float: right;
  	padding:7px 8px 7px 8px;
}
*/


/* LOGIN */
.top_tools {
	position: relative;
	width: 167px !important;
	overflow: auto;
}

.top_tools .login {
	text-transform: uppercase;
	color: #797979;
}

.top_tools .login label {
	font-weight: bold;
	margin: 4px 7px;
	font-size: 11px;
}

.top_tools .loginboxinput {
	width: 115px;
	height: 16px;
	color: #767676;
	border: none;
	padding: 0;
	margin: 0;
	font-size: 13px;
}

span.loginbox_wrap {
	border-top: 1px solid #bcbab8;
	border-right: 1px solid #cfcfd0;
	border-bottom: 1px solid #cdcecf;
	border-left: 1px solid #c6c5c3;
	float: left;
	margin: 0px 4px 4px 7px;
	padding: none;	
}

.top_tools .loginboxsubmit {
	display: block;
	width: 30px;
	height: 18px;
	background: url(../images/login_button2.png) no-repeat 0 0;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	cursor: pointer;
}

.top_tools .login a {
	color: #797979;
	text-decoration: none;
	display: block;
	margin: 1px 0 0 7px;
	font-size: 9px;
	clear: both;
	font-weight:bold;
}

.top_tools .login a:hover {
	text-decoration: underline;
}

.wrapper__login {
  padding: 0;
  margin: 0;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
    -ms-flex-flow: column nowrap;
        flex-flow: column nowrap;
  -webkit-box-pack:center;
    -ms-flex-pack:center;
        justify-content:center;
}

.wrapper__login h3 {
  text-transform: uppercase;
  font-size: 11px;
  text-align: center;
}

.container__login-links {
  margin: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column nowrap;
          flex-flow: column nowrap;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.container__login-links a,
.container__login-links a:link,
.container__login-links a:hover,
.container__login-links a:focus,
.container__login-links a:visited {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-top:5px;
  width:100%;
  color: #333333;
  display: block;
  text-transform: uppercase;
  font-size: 11px;
  text-align: left;
  text-decoration: none;
  border: 1px solid #d5d5d5;
  background: url(../images/sidemenugradient.jpg) repeat-x bottom;
  padding: 5px 16px 5px 5px;
  position: relative;
  top:0;
  left:0;
}

.container__login-links a:first-child {
  margin-top: 0;
}

.container__login-links a:after {
  content: "";
  width: 16px;
  height: 100%;
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
  background-image: url(../images/sidemenuarrow.png);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

/* LOGOUT */
.top_tools .logout {
	text-transform: uppercase;
	color: #797979;
}

.top_tools .logout label {
	font-weight: bold;
	margin: 5px 7px;
	font-size: 11px;
}

.top_tools .logoutboxsubmit {
	display: inline;
	width: 90px;
	height: 16px;
	background: url(../images/logout_button.png) no-repeat 0 0;
	margin-left: 16px;
	margin-top: 6px;
	padding: 0;
	border: none;
	cursor: pointer;
}

.top_tools .logout a {
	color: #797979;
	text-decoration: none;
	display: block;
	margin: 1px 0 0 7px;
	font-size: 9px;
	clear: both;
}

.top_tools .logout a:hover {
	text-decoration: underline;
}

.top_tools .logoutname {
	font-weight: bold;
	margin-left: 16px;
	margin-top: 16px;
	font-size: 11px;
	display: block;
}

.notice {
  	color: red;
  	font-size: 16px;
  	margin-bottom: 10px;
}

div.content {
	overflow: visible !important;
	/* Jotta voidaan toteuttaa rajojen yli menevä varjostus */
}

.centerblock .content .border_spacer {
	width: 100% !important;
}

input.button,input.button_wide, input.button_wider, input.button_widest, input.slimbutton, input.button_wide_stable, input.button_narrow,input.delete,input.add,input.find,driver_list,input#drawButton
	{
	background: url(../images/button_background.png);
	background-position: top;
	height: 27px;
	width: 154px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

input.button_hover,input.slimbutton_hover,input.delete_hover,input.add_hover,input.find_hover,driver_list_hover
	{
	background: url(../images/button_background.png);
	background-position: bottom;
	height: 27px;
	width: 154px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

/* ENROLLMENT */
input.button_arrow_wide, input.show_driver_list, input.show_webenrollment_driver_list, 
input.show_driverparticipations_list, input.show_trainer_list {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 120px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_120.png)
		no-repeat 0 0;
}

input.show_driverparticipations_list_we {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 120px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_120.png)
		no-repeat 0 0;
}

input.button_arrow, input.close_webenrollment_driver_list, input.close_driverparticipations_list,
input.close_removed_enrollment_list, input.close_driver_list, input.close_driverparticipations_list_we,
input.close_trainer_list, input.close_cancelled_driver_list {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 90px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_90.png)
		no-repeat 0 0;
}

input.button_arrow_narrow {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 67px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small.png)
		no-repeat 0 0;
}

input.button_arrow_wider {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 150px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_150.png)
		no-repeat 0 0;
}

input.button_arrow_180 {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 180px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_180.png)
		no-repeat 0 0;
}

input.button_arrow_250 {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 250px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_250.png)
		no-repeat 0 0;
}

/* grading enrollment admin list input: */
input.show_ge_list {
	background: url(../images/button_background.png);
	background-position: bottom;
	height: 27px;
	width: 154px;
	margin: 0;
	padding: 0;
	border: none;
	cursor: pointer;
}

input.remove_ge {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	color: #FFF;
	text-align: center;
	width: 90px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_90.png)
		no-repeat 0 0;
}

/* grading enrollment admin list: */
div.show_ge_admin_list {
	display:block;
}

div.hide_ge_admin_list {
 	display: none;
}

div#ge_admin_list {
    overflow: auto;
	position: absolute;
	left: 400px;
	top: 300px;
	width: 450px;
	height: 620px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}

div p.log_in_note {
	font-weight: bold;
}

div.showHorseStartList {
	display: block;
}

div.hideHorseStartList {
	display: none;
}

div.hideRemovedEnrollmentsList {
	display: none;
}

div#removed_enrollment_list {
	position: absolute;
	left: 200px;
	top: 250px;
	width: 650px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}

div#horse_start_list {
	position: absolute;
	left: 200px;
	top: 250px;
	width: 600px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}

div#driver_list, div#trainer_list {
	position: absolute;
	left: 200px;
	top: 300px;
	width: 650px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}
div#trainer_list {
    left: 600px;
    width: 550px;
}

}
.cancelled_category {
    color: #FF0000;
}

div#driver_list_we {
	position: absolute;
	left: 200px;
	top: 300px;
	width: 650px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}

div#cancelled_driver_list {
	position: absolute;
	left: 200px;
	top: 250px;
	width: 400px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}

div#driverparticipations_list {
	overflow: auto;
	position: absolute;
	left: 400px;
	top: 300px;
	width: 450px;
	height: 650px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}

div#driverparticipations_list_we {
	overflow: auto;
	position: absolute;
	left: 400px;
	top: 300px;
	width: 450px;
	height: 650px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}

hr.driverparticipations {
	border: 1px solid #336699
}

div#enrollment_error_list {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 650px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #E2ECF5
}

div#enrollment_note_list {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 650px;
	margin: 10px;
	border: 1px solid #336699;
	color: #336699;
	background-color: #CCCCCC
}

div#enrolment_categories {
	position: absolute;
	width: 480px;
	border: 1px solid #336699;
	z-index: 2;
}

.enrollments_cat .enrollment_in_categorylist {
  height: auto;
  overflow: visible;
}

.enrollments_cat .enrollment_in_categorylist > span {
  position:static !important;
  display: inline-block;
  vertical-align: top;
}
.enrollments_cat .enrollment_in_categorylist > span.comment.contains {
  float: right;
}


.categories--narrow .enrollments_cat .enrollment_in_categorylist > .horses_and_driver_name {
  width:200px!important;
}
.categories--narrow  .enrollments_cat .enrollment_in_categorylist > .points {
  width:45px!important;
}

div#divide_categories {
	position: relative;
	width: 870px;
	border: 1px solid #336699;
}

p#enrolment_categories_header {
	width: 100%;
	background-color: #4E70B8;
	color: white;
	cursor: move;
	z-index: 0;
}

p#divide_categories_header, #driver_wishes_header {
	width: 100%;
	background-color: #4E70B8;
	color: white;
}

div#enrolment_categories p.category_header {
	cursor: pointer;
}

div#divide_categories p.category_header {
	cursor: pointer;
}

span.category_header {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	width: 100%;
	margin-bottom: 1px;
	background-color: #AAB5D5;
	border-left-width: 1px;
	border-right-width: 1px
}

p.category_header {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	width: 100%;
	margin-bottom: 1px;
	background-color: #AAB5D5;
	border-left-width: 1px;
	border-right-width: 1px
}

p.category_header_cancellation {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	width: 100%;
	margin-bottom: 1px;
	background-color: #AAB5D5;
	border-left-width: 1px;
	border-right-width: 1px;
	color: red;
	text-decoration: line-through
}

span.category_header_cancellation {
	border-top: 1px solid #808080;
	border-bottom: 1px solid #808080;
	width: 100%;
	margin-bottom: 1px;
	background-color: #AAB5D5;
	border-left-width: 1px;
	border-right-width: 1px;
	color: red;
	text-decoration: line-through
}

.enrollment_in_categorylist {
	border-bottom: 1px solid white;
	overflow: hidden;
}

span#close_categorylist {
	position: absolute;
	right: 5px;
}

span#close_categorylist a {
	color: white;
}

div.enrollments_cat {
	background-color: #DFE2EE;
	display: none;
}

p.enrollment_in_categorylist {
	position: relative;
	height: 17px;
}

div#enrolment_categories span.position {
	position: absolute;
	text-align: right;
	left: 3px;
	width: 17px;
}

div#enrolment_categories span.horses_and_driver_name {
	position: absolute;
	text-align: left;
	left: 23px;
	width: 225px;
}

span.horses_name_red {
	color: red;
}

span.horses_name_blue {
	color: blue;
}

.driver_name_red {
	color: red !important;
}

div#enrolment_categories span.distance {
	position: absolute;
	text-align: right;
	left: 235px;
	width: 50px;
}

div#enrolment_categories span.points {
	position: absolute;
	text-align: right;
	left: 270px;
	width: 80px;
}

div#enrolment_categories span.win_amount {
	position: absolute;
	text-align: right;
	left: 350px;
	width: 100px;
}

div#enrolment_categories span.other {
	position: absolute;
	text-align: right;
	left: 435px;
	width: 40px;
}

div#divide_categories span.position {
	position: absolute;
	text-align: right;
	left: 3px;
	width: 17px;
}

div#divide_categories span.horses_and_driver_name {
	position: absolute;
	text-align: left;
	left: 23px;
	width: 350px;
}

div#divide_categories span.distance {
	position: absolute;
	text-align: right;
	left: 350px;
	width: 50px;
}

div#divide_categories span.points {
	position: absolute;
	text-align: right;
	left: 385px;
	width: 60px;
}

div#divide_categories span.points_group {
	position: absolute;
	text-align: right;
	left: 395px;
	width: 60px;
}

div#divide_categories span.win_amount {
	position: absolute;
	text-align: right;
	left: 445px;
	width: 80px;
}

div#divide_categories span.win_amount_group {
	position: absolute;
	text-align: right;
	left: 455px;
	width: 80px;
}

div#divide_categories span.other {
	position: absolute;
	text-align: right;
	left: 510px;
	width: 60px;
}

div#divide_categories span.move {
	position: absolute;
	text-align: right;
	left: 530px;
	width: 120px;
}

div#divide_categories span.drop_and_wildcard {
	position: absolute;
	text-align: right;
	left: 660px;
	width: 100px;
}

div#divide_categories span.routine {
	position: absolute;
	text-align: center;
	left: 780px;
	width: 20px;
}

div#divide_categories span.comment {
	position: absolute;
	text-align: center;
	left: 845px;
	width: 20px;
}

div#divide_categories span.contains {
	cursor: pointer;
	border: solid 1px #AAB5D5;
	background-color: white;
	font-weight: bold;
}

div#divide_cats_comment {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 450px;
	margin: 10px;
	z-index: 2;
	border: 1px solid #336699;
	display: none;
	color: #24496F;
	background-color: #E2ECF5
}


.driver_wishes_table {
    table-layout: fixed;
    width: 100%;
}

.driver_wishes_table th {
    text-align: left;
    font-weight: bold;
}

.driver_wishes_table td {
    padding: 3px 0 0 2px;
    border-bottom: 1px solid white;
    height: 19px;
}

.driver_wishes_table tr:nth-child(2n) {
    background: #cecee6;
}

.driver_wishes_table .driver_ranking {
    cursor: pointer;
    border-radius: 3px;
    margin: 0 15px 3px 0;
    padding: 0 2px;
    display: inline-block;
}

.driver_wishes_table .horses_name_header {
   width: 130px;
}

.driver_wishes_table .distance_header {
   width: 70px;
}

.driver_wishes_table .points_header {
   width: 60px;
}

.driver_wishes_table .win_amount_header {
   width: 90px;
}

.driver_wishes_table .trainer_name_header {
   width: 140px;
}

.driver_wishes_table .driver_rankings_header {
   width: 100%;
}

#driver_wishes .category_header {
	cursor: pointer;
	padding: 1px 0px;
}
#driver_wishes .category_header:hover {
    background: #96a5d1;
}

.driver_ranking.driver_selected {
    box-shadow: 0 0 0 2px grey;
}
.driver_ranking.highlight {
    box-shadow: 0 0 0 3px black;
}

.seriescount_multiple {
    background: #ece7c3;
}

.driver_agreed {
    color: #2E8B57;
}
.driver_rejected {
    color: #FF0000;
}

.show_driver_wishes-js .trainer_wishes-js {
    display: none;
}

.show_trainer_wishes-js .driver_wishes-js {
    display: none;
}

.hide-row-js:not(.show_trainer_wishes-js .show-trainer-row-js, .show_driver_wishes-js .show-driver-row-js) {
    display: none;
}

.clear_filters {
    margin-left: 10px;
    border-radius: 5px;
    padding: 0px 3px;
    cursor: pointer;
    background: #777;
    color: white;
}
span.clear_filters:before {
    content: "x";
    margin-right: 8px;
}
.clear_filters:hover {
    background: #444;
}

/* ENROLLMENT / EXAM PRINTS: */

p.enrollment_in_printlist {
  position: relative;
  height: 17px;
}
div#enrollment_print {
	position:relative;
	width: 650px;
}
div#enrollment_print span.position {
  position: absolute;
  text-align: right;
  left: 5px;
  width: 20px;
}
div#enrollment_print span.horses_and_driver_name {
  position: absolute;
  text-align:left;
  left: 25px;
  width: 350px;
}
div#enrollment_print span.distance {
  position: absolute;
  text-align:right;
  left: 375px;
  width: 50px;
}
div#enrollment_print span.points {
  position: absolute;
  text-align:right;
  left: 420px;
  width: 60px;
}
div#enrollment_print span.win_amount {
  position: absolute;
  text-align:right;
  left: 450px;
  width: 140px;
}

div#enrollment_print span.web_enrollment {
  position: absolute;
  text-align:right;
  left: 590px;
  width: 50px;
}

div#exam_print {
	position:relative;
	width: 650px;
}

/* FOREIGN ENROLLMENTS */
div#foreign_enroll_left {
	float: left;
	border-right: 1px solid black;
	clear: none;
}

div#foreign_enroll_right_list {
	float: left;
	clear: none;
}

/* RESULTS */
div#result_all {
	border: 1px solid white;
	margin: 0px;
	padding: 0px;
}

div#result_all span#links {
	margin-left: 5px;
	float: left;
	clear: none;
}

div#result_all span.start,span.start {
	border-right: 1px solid #AAAAAA;
	border-top: 1px solid #AAAAAA;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
	width: 22px;
	height: 20px;
	display: block;
	float: left;
	clear: none;
	background-color: #EEEEEE;
}

div#result_all  start_first,span.start_first {
	border-left: 1px solid #AAAAAA;
}

div#result_all  span.start_selected,span.start_selected {
	background-color: white;
	color: red;
}

div#result_all span.start a,span.start a {
	color: #336699;
}

div#result_all div#result_startlist {
	border: 1px solid black;
	display: block;
	float: left;
	clear: both;
}

div#result_all div#startlist_other {
	display: block;
	float: left;
	clear: both;
	border-bottom: 1px solid black;
}

div#result_all div#startlist {
	clear: left;
	border-right: 1px solid black;
	float: left;
}

div#result_all div#race_odds_other {
	float: left;
	clear: none;
}

div#result_all div#result {
	clear: both;
	position: relative;
}

div#result_all div#other { /*border-bottom: 1px solid black;*/
	
}

div#result_all div.resultcol {
	float: left;
	clear: none;
	margin: 3px;
}

div#result_all div#result_col1,div#result_all div#result_col2 {
	border-right: 1px solid #bac9e0;
	margin-right: 5px;
	padding-right: 5px;
}

div#result_all p.header {
	margin: 2px;
	background-color: #BAC9E0;
}

div#result_all p {
	margin: 0px;
}

div#result_all div#startheader {
	margin: 0px;
}

/* HAKU */
.search_area {
	margin-bottom: 3px;
	margin-right: 3px;
	border-top: 1px solid #1b4298;
	border-bottom: 1px solid #1b4298;
}

.search_area td {
	padding-left: 8px;
	height: 30px;
	vertical-align: middle;
}

.search_area select {
	border: 1px solid #d1d1d1;
}

.search_area input[type="text"] {
	height: 18px;
	border: 1px solid #d1d1d1;
}

.search_area .button {
	display: block;
	background: #6fa5e2 url(../images/button_background_small.png) no-repeat
		0 0;
	width: 67px;
	height: 26px !important;
	line-height: 18px;
	color: #FFF;
	border: 0;
	margin: 4px 0 0 0;
	padding: 2px 27px 9px 0;
	text-align: right;
	font-size: 12px;
	cursor: pointer;
}

.search_area .button_long {
	display: block;
	background: #6fa5e2 url(../images/button_background_small_90.png)
		no-repeat 0 0;
	width: 90px;
	height: 26px !important;
	color: #FFF;
	border: 0;
	text-align: left;
	line-height: 18px;
	margin: 4px 0 0 0;
	padding: 2px 25px 9px 0;
	text-align: right;
	font-size: 12px;
	cursor: pointer;
}

.search_area_home {
	margin-bottom: 3px;
	margin-right: 3px;
	border: none;
	background-color: #ededed;
}

.search_area_home td {
	padding-left: 8px;
	height: 30px;
	vertical-align: middle;
}

.search_area_home select {
	border: 1px solid #d1d1d1;
}

.search_area_home input[type="text"] {
	height: 18px;
	border: 1px solid #d1d1d1;
}

.search_area_home .button {
	display: block;
	background: #ededed url(../images/button_background_small_grey_bg.png) no-repeat
		0 0;
	width: 67px;
	height: 26px !important;
	line-height: 18px;
	color: #FFF;
	border: 0;
	margin: 4px 0 0 0;
	padding: 2px 27px 9px 0;
	text-align: right;
	font-size: 12px;
	cursor: pointer;
}

.search_area_home .button_long {
	display: block;
	background: #6fa5e2 url(../images/button_background_small_90.png)
		no-repeat 0 0;
	width: 90px;
	height: 26px !important;
	color: #FFF;
	border: 0;
	text-align: left;
	line-height: 18px;
	margin: 4px 0 0 0;
	padding: 2px 25px 9px 0;
	text-align: right;
	font-size: 12px;
	cursor: pointer;
}

.button_short_upload {
	display: inline;
	background: #6fa5e2 url(../images/button_background_small.png) no-repeat
		0 0;
	width: 67px;
	height: 26px !important;
	color: #FFF;
	border: 0;
	text-align: left;
	line-height: 18px;
	margin: 4px 0 0 0;
	padding: 2px 25px 9px 0;
	text-align: right;
	font-size: 12px;
	cursor: pointer;
}

p#horsenamereg {
	width: 100%;
	margin-bottom: 5px;
	padding: 0px;
	border: 0px;
}

label.checkbox {
	display: inline;
	float: none;
	margin-right: 0px;
	text-align: left;
}

label, span.labelIndent {
	text-align: left;
	margin-right: 5px;
	display: block;
	float: left;
	width: 130px;
}

span.labelIndentB {
	text-align: left;
	margin-right: 5px;
	display: block;
	float: left;
	width: 130px;
	font-weight: bold;
}

td.labelWide {
	width: 130px;
}

label.inline {
	display: inline;
	float: none;
}

p {
  margin: 0px;
  padding: 1px;
  clear:both;
}

div.left_column {
	float: left;
	min-width: 370px;
	max-width: 490px;
}

div.right_column {
	float: left;
	padding-left: 10px;
	min-width: 290px;
	max-width: 390px;
}

div.right_column.widened {
	max-width: 650px;
}

div.full_column {
	display: inline;
	float: left;
	width: 100%;
}

div.narrow_column {
	display: inline;
	float: left;
	width: 80%;
}

.column_break {
	padding: 10px 0;
	border-top: 1px solid #e0e0e0;
}

div.page,div.tabs,.info_table,div.tabbed_content,.search_area {
	border-color: #003399;
}

td {
	vertical-align: top;
}

tr {
	vertical-align: bottom;
}

table.loose td {
	padding: 2px;
}

/* IKONIT */
.result_icon,.absence_icon,.race_horses_icon,.program_icon,.middle_starts_icon {
	margin-top: 0px;
	height: 25px;
	width: 25px;
	float: left;
	background-repeat: no-repeat;
}

.result_icon {
	background-image: url(../images/Tulokset.png);
}

.absence_icon {
	background-image: url(../images/Poissa_vaihdokset.png);
}

.race_horses_icon {
	background-image: url(../images/heppa_avoin_ilmo.png);
}

.program_icon {
	background-image: url(../images/Kasiohjelma.png);
}

.middle_starts_icon {
	background-image: url(../images/Valistartit.png);
}

/* VÄLILEHDET */
span.inActiveTab a,span.inActiveTab a:visited,span.nonselected_tab span.inActiveTab a
	{
	color: #DCDCDC;
}

.tabs a,.tabs a:hover,.tabs a:active,.tabs a:link,.tabs a:visited {
	text-decoration: none;
}

div.tabs {
	position: relative;
	background: transparent;
	border: none;
	margin: 0px 0 -7px 0px;
	padding-top: 10px;
	padding-left: 10px;
	z-index: 10;
	height: 27px;
	overflow: hidden;
	width: 100%;
	font-size: 12px;
}

div.tabs .nonselected_tab,div.tabs .selected_tab {
	position: relative;
	height: 27px;
	float: left;
	margin-left: -10px;
	margin-bottom: 0px;
	font-size: 0.9em;
	font-weight: normal;
}

div.tabs .nonselected_tab a,div.tabs .selected_tab a {
	display: block;
	padding: 7px 5px 0 20px;
	line-height: 20px;
	height: 20px;
	margin-right: 15px;
	font-weight: normal;
}

div.tabs .selected_tab a, div.tabs .selected_tab a:hover {
	font-weight: bold;
}

div.tabs .nonselected_tab {
	background: url(../images/tab_backgrounds_end_alpha.png) right 0
		no-repeat;
	z-index: 11;
}

div.tabs .selected_tab {
	background: url(../images/tab_backgrounds_end_alpha.png) right -27px
		no-repeat;
	z-index: 12;
}

div.tabs .nonselected_tab a {
	background: url(../images/tab_backgrounds_begin_alpha.png) 0 0 no-repeat
		;
}

div.tabs .selected_tab a {
	background: url(../images/tab_backgrounds_begin_alpha.png) 0 -27px
		no-repeat;
}

span.nonselected_tab a,span.nonselected_tab a:visited {
	color: #666;
}

span.nonselected_tab a:hover {
	color: #5e8cd4; /* 1b4298 */
}

/* VARJOSTETTU SISÄLTÖALUE */
div#basic_content {
	float: left;
	display: block;
	position: relative;
	overflow: visible;
	margin: 0 -9px;
	padding: 17px 19px 0 19px;
	width: 682px;
	z-index: 5;
	background: url(../images/box_shadow_complete.png) top center no-repeat;
}

/* VARJOSTETTU SISÄLTÖALUE / RACINGHISTORY */
div#basic_content_semiwide {
	float: left;
	display: block;
	position: relative;
	overflow: visible;
	margin: 0 -9px;
	padding: 17px 19px 0 19px;
	width: 962px;
	z-index: 5;
	background: url(../images/box_shadow_complete_1000.png) top center
		no-repeat;
}

div#basic_content_wide {
	float: left;
	display: block;
	position: relative;
	overflow: visible;
	margin: 0 -9px;
	padding: 17px 19px 0 19px;
	width: 962px;
	z-index: 5;
	background: url(../images/box_shadow_complete_1000_wide.png) top center no-repeat; 
	/* background: url(./images/box_shadow_top.png) top center no-repeat, url(./images/box_shadow_bottom_simple.png) bottom center no-repeat, url(./images/box_shadow_middle.png) center center repeat-y; */
}

div#basic_content h3 {
	color: #0040A6 !important;
}

div#basic_content h2 {
	color: #0040A6 !important;
}

div#HorsePublicHeader h2 {
	color: #0040A6 !important;
}

div#basic_content_semiwide h3 {
	color: #0040A6 !important;
}

div#basic_content_semiwide h2 {
	color: #0040A6 !important;
}

div#basic_content_wide h3 {
	color: #0040A6 !important;
}

div#basic_content_wide h2 {
	color: #0040A6 !important;
}

/* SPECIFIC SPAN STYLES */
span.page_header {
	color: #0040A6;
}

/* INPUTS */

input.text {
  border-left: 1px solid #000080;
  border-right: 1px solid #ECEDF2;
  border-top: 1px solid #000080;
  border-bottom: 1px solid #ECEDF2;
}

input.numeric {
  text-align: right;
}

/* DATA */
div.datablock {
	margin-top: 3px;
	margin-left: 5px;
	margin-bottom: 5px;
	margin-right: 0px;
	clear: both;
}

div.datablock span.end {
	margin-bottom: 5px;
}

.data_padded {
	padding-top: 20px;
}

.nowrap {
	white-space: nowrap;
}

.data, .data_intro {
	margin-left: 15px;
	margin-bottom: 3px;
}

.data span { /*width: 100%; */
	
}

td.center_box p {
	text-align: center;
}

td.center_box span {
	display: none;
}

div.data span {
	margin-bottom: 1px;
}

div.data p {
	display: table;
	width: 100%;
	clear: both;
	padding: 2px 2px 2px 5px !important;
}

div.data p:nth-child(even) {
	background: #f0f0f0 url(../images/data_row_background.png) repeat-x 0 0;
	border: 1px solid #f2f3f3;
}

div.data p:nth-child(odd) {
	background: #fff;
	border: 1px solid #fff;
}

div.data label {
	font-weight: bold;
	color: #333;
	vertical-align: top;
}

div.data textarea, .textarea {
	margin-left: 5px;
}

label[for=comment], label[for=info], label[for=changeComments] {
	display: table-cell;
	float: none;
}

.info_area {
	white-space: pre-wrap;
}

div.no_colors p {
	background: #fff !important; 
	border: 0px solid #fff !important;
}

.multiselect-input {
	height: 26px;
}

.multiselect-input td {
	vertical-align: middle;
}

.multiselect-input input[type="radio"] {
	margin-left: 10px;
}

.warning-input input {
	color: red;
}

/* NOTE */
div.note {
	border-color: #E7EBF1;
	color: #312F3C;
	background-color: #F3F4F5;
	margin-left: 75px
}

div.ori_note {
	border-color: #E7EBF1;
	color: #312F3C;
	background-color: #F3F4F5;
}

/* FOREIGN ENROLLMENT STATUS */
div.note_efc {
	color: #312F3C;
	background-color: #F3F4F5;
	margin-left: 0px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

/* FOREIGN ENROLLMENT SCROLLING */
div.enroll_scrolling_days {
	overflow: auto;
	height: 200px;
	width: 510px;
	border: 1px solid;
	border-color: #D5D5D5;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: none;
}

div.enroll_scrolling_saved {
	overflow: auto;
	height: 400px;
	width: 625px;
	border: 1px solid;
	border-color: #D5D5D5;
	padding: 0px;
	margin: 0px;
	float: right;
	clear: none;
}

div.enroll_saved_entity {
	overflow: auto;
	height: 500px;
	width: 510px;
	border: 1px solid;
	border-color: #D5D5D5;
	padding: 0px;
	margin: 0px;
	float: left;
	clear: none;
}

div#foreignenrollment_comment {
	position: absolute;
	left: 200px;
	top: 200px;
	width: 450px;
	margin: 10px;
	z-index: 2;
	border: 1px solid #336699;
	display: none;
	color: #24496F;
	background-color: #E2ECF5
}

div.enroll_scrolling_saved span.contains {
	cursor: pointer;
	border: solid 1px #AAB5D5;
	background-color: white;
	font-weight: bold;
}

table.enroll_scrolling_table td {
	border-bottom: solid 1px #AAB5D5;
}

/* SELECTED FOREIGN ENROLLMENT */
tr.selectedForeign td {
  border-bottom: solid;
  border-top: solid;
  border-top-color: #8F83C2;
  border-bottom-color: #E4E1F0;
  border-width: 1px;
  background-color:#FFF5DA;

}

/* TAULUKOT */
div#basic_content_wide table {
	margin: 5px;
	border-spacing: 0;
	padding: 0;
}

div#basic_content_wide table td {
	padding: 0px 5px 3px 2px;
	vertical-align: middle;
}

/* PERUS TAULUKKOMUOTOILUT */
div#raceFieldsHeader tr:nth-child(odd) td {
	background: #fff;
}

div#raceFieldsHeader tr:nth-child(even) td {
	background: #f0f0f0 url(../images/data_row_background.png) repeat-x 0 0;
}

div#raceFieldsHeader tr:nth-child(even) td {
	border-top: 1px solid #f2f3f3;
	border-bottom: 1px solid #f2f3f3;
}

div#raceFieldsHeader tr:nth-child(even) td:first-child {
	border-left: 1px solid #f2f3f3;
}

div#raceFieldsHeader tr:nth-child(even) td:last-child {
	border-right: 1px solid #f2f3f3;
}

#raceFieldsHeader td, #startlist td {
	border-bottom-width: 0px;
}

/* LÄHTÖLISTAT */
div.content a.racefield_horse_absence {
	color: red;
	text-decoration: line-through;
}

/* KALENTERITAULUKKO */
div#basic_content table tr.oddDay,div#basic_content table tr.evenDay, div#basic_content_semiwide table tr.oddDay,div#basic_content_semiwide table tr.evenDay {
	background: #fff;
}

div#basic_content_wide table tr.oddDay,div#basic_content_wide table tr.evenDay {
	background: #fff;
}

/* div#basic_content table tr:nth-child(even) */
div#basic_content table tr.firstOfDay, div#basic_content_semiwide table tr.firstOfDay {
	background: #f0f0f0 url(../images/data_row_background.png) repeat-x 0 0;
}

div#basic_content_wide table tr.firstOfDay {
	background: #f0f0f0 url(../images/data_row_background.png) repeat-x 0 0;
}

div#basic_content table tr.firstOfDay td, div#basic_content_semiwide table tr.firstOfDay td {
	border-top: 1px solid #f2f3f3;
	border-bottom: 1px solid #f2f3f3;
}

div#basic_content_wide table tr.firstOfDay td {
	border-top: 1px solid #f2f3f3;
	border-bottom: 1px solid #f2f3f3;
}

div#basic_content table tr.today, div#basic_content_semiwide table tr.today, div#basic_content_wide table tr.today {
	background: #9cc4f0; /* #e1e8f3 */
}

div#basic_content table tr.enrollevent, div#basic_content_semiwide table tr.enrollevent, div#basic_content_wide table tr.enrollevent {
	background: #F0F8FF; /* #e1e8f3 */
}

div#basic_content table tr.oddDay td:first-child,div#basic_content table tr.evenDay td:first-child, 
	div#basic_content_semiwide table tr.oddDay td:first-child,div#basic_content_semiwide table tr.evenDay td:first-child,
	div#basic_content_wide table tr.oddDay td:first-child,div#basic_content_wide table tr.evenDay td:first-child
	{
	/*color: #999; */
	font-size: 0em;
}

div#basic_content table tr.oddDay:hover td:first-child,div#basic_content table tr.evenDay:hover td:first-child, 
	div#basic_content_semiwide table tr.oddDay:hover td:first-child,div#basic_content_semiwide table tr.evenDay:hover td:first-child,
	div#basic_content_wide table tr.oddDay:hover td:first-child,div#basic_content_wide table tr.evenDay:hover td:first-child
	{
	font-size: 1em;
}

div#basic_content table tr.firstOfDay td:first-child, div#basic_content_semiwide table tr.firstOfDay td:first-child,
	div#basic_content_wide table tr.firstOfDay td:first-child {
	font-weight: bold;
	color: #333;
	font-size: 1em;
}

div#basic_content table tr.firstOfWeek td,div#basic_content table tr.firstOfWeek td:first-child, 
	div#basic_content_semiwide table tr.firstOfWeek td,div#basic_content_semiwide table tr.firstOfWeek td:first-child,
	div#basic_content_wide table tr.firstOfWeek td,div#basic_content_wide table tr.firstOfWeek td:first-child
	{
	border-top: 2px solid #ccc;
}

div#basic_content table tr.today  td,div#basic_content table tr.today  td:first-child,
	div#basic_content table tr.today  td a, div#basic_content_semiwide table tr.today  td,
	div#basic_content_semiwide table tr.today  td:first-child,div#basic_content_semiwide table tr.today  td a, 
	div#basic_content_wide table tr.today  td, div#basic_content_wide table tr.today  td:first-child,
	div#basic_content_wide table tr.today  td a
	{
	color: #0040A6;
}

div#basic_content table tr.enrollevent  td,div#basic_content table tr.enrollevent  td:first-child,
	div#basic_content table tr.enrollevent  td a, div#basic_content_semiwide table tr.enrollevent  td,
	div#basic_content_semiwide table tr.enrollevent  td:first-child,div#basic_content_semiwide table tr.enrollevent  td a, 
	div#basic_content_wide table tr.enrollevent  td, div#basic_content_wide table tr.enrollevent  td:first-child,div#basic_content_wide table tr.enrollevent  td a
	{
	color: #0040A6;
}

div#basic_content table tr.oddDay:hover td,div#basic_content table tr.evenDay:hover  td, 
	div#basic_content table tr.today:hover  td,div#basic_content table tr.oddDay:hover  a,
	div#basic_content table tr.evenDay:hover  a,div#basic_content table tr.today:hover  a,
	div#basic_content_semiwide table tr.oddDay:hover td,div#basic_content_semiwide table tr.evenDay:hover  td, 
	div#basic_content_semiwide table tr.today:hover  td,div#basic_content_semiwide table tr.oddDay:hover  a,
	div#basic_content_semiwide table tr.evenDay:hover  a,div#basic_content_semiwide table tr.today:hover  a
	{
	background: #5e8cd4;
	color: #FFF;
}

div#basic_content table tr.enrollevent:hover, div#basic_content table tr.enrollevent:hover  a,
	div#basic_content_semiwide table tr.enrollevent:hover, div#basic_content_semiwide table tr.enrollevent:hover  a,
	div#basic_content table tr.enrollevent:hover td,div#basic_content table tr.enrollevent:hover  td,
	div#basic_content_semiwide table tr.enrollevent:hover td,div#basic_content_semiwide table tr.enrollevent:hover  td,
	div#basic_content_wide table tr.enrollevent:hover, div#basic_content_wide table tr.enrollevent:hover  a, 
	div#basic_content_wide table tr.enrollevent:hover td,div#basic_content_wide table tr.enrollevent:hover  td
	{
	background: #5e8cd4;
	color: #FFF;
}


/* SUKU JA JÄLKELÄISET */ /* FAMILYINFO */
#familyinfotree>div {
	overflow: auto;
}

#familyinfotree>div>span {
	display: block;
	position: relative;
	overflow: auto;
	float: left;
	line-height: 21px;
}

#familyinfotree span.father,#familyinfotree span.mother {
	position: relative;
	display: block;
	width: 21px;
	height: 21px;
	overflow: hidden;
	float: left;
	margin: 0 3px 0 5px;
}

#familyinfotree span.father {
	background: #c6cfe1 url(../images/family_table_legend.png) no-repeat 0 0
		;
}

#familyinfotree span.mother {
	background: #e3dfd6 url(../images/family_table_legend.png) no-repeat 0
		-21px;
}

/* FAMILYEDIT */
#familyedittree>div {
	overflow: auto;
}

#familyedittree>div>span {
	display: block;
	position: relative;
	overflow: auto;
	float: left;
	line-height: 21px;
}

#familyedittree span.father,#familyedittree span.mother {
	position: relative;
	display: block;
	width: 21px;
	height: 21px;
	overflow: hidden;
	float: left;
	margin: 0 3px 0 5px;
}

#familyedittree span.father {
	background: #c6cfe1 url(../images/family_table_legend.png) no-repeat 0 0
		;
}

#familyedittree span.mother {
	background: #e3dfd6 url(../images/family_table_legend.png) no-repeat 0
		-21px;
}

/* FAMILY COMMON */
table.familytree,table.familytree td {
	border: 1px solid #b1afb0 !important;
	border-collapse: collapse;
}

table.familytree td.father {
	background: #fff url(../images/family_table_parent1_large.png) repeat-x
		top left;
	background-size: auto 100%;
}

table.familytree td.mother {
	background: #fff url(../images/family_table_parent2_large.png) repeat-x
		top left;
	background-size: auto 100%;
}

/* HEPPA WIDE (MAINBORDER) */
div.heppa_wide { /* width:938px; */
	width: 1380px;
	background: #FFF;
	float: left;
	padding: 18px 0px 18px 17px
}

div.heppa_wide .mainblock {
	width: 1150px;
	float: left;
}

div.heppa_wide .centerblock {
	float: left;
	width: 1150px;
}

/* Heppa footer components */
div.heppa_footer {
	width: 1380px;
	background: #FFFFFF;
	padding: 10px 0 16px 17px;
	float: left;
	font-size: 11px;
	position: relative;
	clear: both;
	bottom: 0px;
	height: 37px;
}

div.heppa_footer div#buttons {
	text-align: left;
	float: left;
	width: 500px;
	height: 27px
}

div.heppa_footer div#status {
	margin: 1px;
	top: 1px;
	margin-left: 0px;
	float: left;
	text-align: left;
	width: 300px;
	height: 18px
}

.heppa_footer .footer_content .border_spacer {
	width: 98%;
	float: left;
	height: 1px;
	border-top: 1px solid #d5d5d5;
}

span.print_button {
	position: absolute;
	top: 11px;
	left: 850px;
	width: 80px;
	height: 20px;
	clear: none;
	background-image: url(../images/printer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

span.print_button_hover {
	position: absolute;
	top: 11px;
	left: 850px;
	width: 80px;
	height: 20px;
	clear: none;
	background-image: url(../images/printer.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
	cursor: pointer;
}

div#printOptions {
	background-color: #B0C4DE;
	z-index: 6; 
	display: none; 
	width: 150px; 
	position: absolute; 
	height: 200px;
	border: 1px solid black;
}

span.info_button {
	position: absolute;
	top: 14px;
	left: 960px;
	width: 80px;
	height: 16px;
	clear: none;
	background-image: url("../images/info.gif");
	background-repeat: no-repeat;
	cursor: pointer;
}

span.info_button_hover {
	position: absolute;
	top: 14px;
	left: 960px;
	width: 80px;
	height: 16px;
	clear: none;
	background-image: url("../images/info_hover.gif");
	background-repeat: no-repeat;
	border: 1px;
	cursor: pointer;
}

.remove_product_button {
	width: 25px;
}

div.static_footer {
	width: 1365px;
	background: #837b6e;
	padding: 10px 16px 16px 16px;
	float: left;
	font-size: 11px;
	color: #FFF;
	line-height: 13px;
}

div.static_footer p {
	clear: none;
	float: left;
	margin-right: 41px;
}

div.reportfile {
	border: gray ;
	white-space: pre;
	font-family: courier;
}

/* SCROLLING (SEARCH RESULT AREA) */
div.scrolling {
	overflow: auto;
	height: 200px;
	border: 1px solid;
	border-color: #D5D5D5;
	padding: 0px;
	margin: 0px
}

div.scrolling_narrow {
	height: 192px;
}

/* TABLES GENERAL ROW FORMATTING */
tr.evenrow td {
	background-color: #FFFFFF;
}

tr.oddrow td {
	background-color: #D8D8D8;
	/*	background-color: #F5F5F5; */
}

td.cellGroupStart,th.cellGroupStart {
	border-left: 2px;
	border-left: solid;
	border-left-color: #C6D2E1;
}

td.number {
	text-align: right;
	margin-right: 5px;
}

td.program_divider {
	background-color: black;
	height: 1px;
	padding: 0px !important;
}

td.pole_divider {
	background-color: #acc0e6;
	height: 1px;
	padding: 0px !important;
	border-bottom: 1px solid white;
	transform: translateX(-1px);
}

td.species_divider {
	background-color: #acc0e6;
	height: 1px;
	padding: 0px !important;
}

div.message_divider {
	background-color: #D5D5D5;
	height: 1px;
	padding: 0px !important;
}

tr.oddrow td,tr.evenrow td,tr.tenthrow td {
	margin: 0px;
	padding: 1px;
	border-bottom: solid;
	border-top: solid;
	border-top-color: white;
	border-bottom-color: white;
	border-width: 1px;
	border-left: 0px;
	border-right: 0px;
}

tr.tenthrow td {
	border-bottom: solid;
	border-bottom-color: #C6D2E1;
	border-bottom-width: 1px;
}

/* SORTABLE TABLE STYLES */
table.sortable th {
	cursor: default;
  	background-image: url("../images/sort_not.gif");
  	background-repeat: no-repeat;
  	background-position: left;
  	padding-right: 10px;
  	padding-left: 12px;
  	text-align: left;
  	border-right: 1px solid white;
}

table.sortable th.sorttable_sorted {
	background-image: url("../images/sort_down.gif");
}

table.sortable th.sorttable_sorted_reverse {
	background-image: url("../images/sort_up.gif");
} 

table.sortable th.sorttable_nosort {
	background-image: none;
} 

/* RACE PROGRAM STYLES */
table.race_program {
	border: 0;
	width: 100%;
}

table.race_program span.programshoes_left {
  	font-family: sans-serif;
  	text-align: right;
}

table.race_program span.programshoes_right {
  	font-family: sans-serif;
  	text-align: left;
}

/* GENERAL TABLE STYLES */
table, tr, td {
  font-size: 100%;
}
th {
  font-size: 100%;
  font-weight: normal;
  border-right: 1px solid white;
}

th.leftAligned {
	text-align:left;
}

th.numeric {
  text-align: right;
}

td.numeric {
  text-align: right;
}

th, span.table_header_cell {
  background-color: #F0F0F0;
 /*background-color: #DFE5F0; */
}
th.secondary {
 background-color: #F2F5F9;
}

table.no_wrap_table th, table.no_wrap_table td, table.no_wrap_header th, td.no_wrap{
	white-space: nowrap;	
}

/* MYSTABLE */
div#StableInfo {
  top: 0px;
  position:relative;
  width: 550px;
  background-color: #B0C4DE;
  border: solid 1px black;
}

/* POPUPBORDER */
div#page {
  margin:0px;
  padding:0px;
  border:1px solid black;
  min-width:980px;
  background-color: white;
}

div#page_inner {
  width:100%;
  margin:0px;
  padding:0px;
}

body.popupborder {
	background: #F3F4F5;
	margin:0 0 0 0px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

/* FINNHORSE CHAMP RESULTS */
table.center_table {
	margin-left: auto; 
	margin-right: auto;
}

div.finnhorse_champ_notice {
	color: red;
  	margin-bottom: 10px;
  	text-align: center;
}

/* GENERAL LINK STYLES: */

a:link.print, a:active.print, a:visited.print, a.print {
  	background-image:url("../images/pdf.gif");
  	background-repeat: no-repeat;
  	padding-left: 19px;
  	margin-left:20px;
  	color: #0040A6;
}

a.print a:hover {
	background-image:url("../images/pdf.gif");
  	background-repeat: no-repeat;
  	padding-left: 19px;
  	margin-left:20px;
  	color: #5e8cd4;
}

div.content a {
	color:#0040A6;
	text-decoration:underline;
	font-weight:bold;
}

div.content a:hover {
	color:#5e8cd4;
	text-decoration:none;
	font-weight:bold;
}

div.content a.warning-link {
    color: red;
}

.align-right {
    float: right;
}

div.tabs a:hover {
	color:#5e8cd4;
	text-decoration:none;
	font-weight:normal;
}

/* HEVOSEN ARVOSTELUTIEDOT */
.collapse_header {
  cursor: pointer;
}

.collapse {
  display: none;
}

/* LASKUT */
p#comment_span {
	white-space: pre-wrap;
}

/* REKISTEROINTILASKUT */
table.big_font {
	font-size: 14px;
}

/* HEVOSEN TERVEYSTIEDOT */
tr.horse_health_list td {
	border-bottom: 1px solid #f0f0f0 !important;
	vertical-align: text-top !important;
}

/* ELÄINLÄÄKÄRIRAPORTIT OMATALLI */
table.racevet_mystable {
	width: 80%;
}
td.racevet_notification {
	width: 50%;
}

td.racevet_line {
	border-bottom: 1px solid black;
}

span.hilight {
	border-bottom: 1px solid black;
	border-top: 1px solid white;
	border-right: 1px solid black;
	border-left: 1px solid white;
}

span.hilightedTab {
	border: 1px solid white;
}

/* RACESHOES POPUP */
div.left_column_shoepop {
	float: left;
	min-width: 70px;
	max-width: 70px;
}

div.left_column_shoepop2 {
	float: left;
	min-width: 30px;
	max-width: 30px;
}

tr#shoepop {
	background-color: #FCFCFC;
}

tr#shoepop td {
	border-bottom: 1px solid black;
}

tr#shoepop td#raceshoehead {
	font-weight: bold;
	background-color: #DEE3F2;
}

tr#shoepop td#hasvalue {
	background-color: #FFFF00;
}

tr#shoepop td#hasvalueQ {
	background-color: #F6CECE;
}

tr#shoepop td#hasvalueOK {
	background-color: #A9F5A9;
}

input.show_testrunitemlist {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	/* width: 120px; */
	width: 180px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_250.png)
		no-repeat 0 0;
}
input.close_testrunitemlist {
	height: 26px !important; 
	padding-bottom: 6px;
	padding-right: 16px;
	text-align: center;
	cursor: pointer;
	color: #FFF;
	width: 90px;
	font-size: 12px;
	font-family: verdana;
	background: #6fa5e2 url(../images/button_background_small_90.png)
		no-repeat 0 0;
}
div#testrunitemlist {
	overflow: auto;
	position: absolute;
	left: 400px;
	top: 400px;
	width: 350px;
	height: 450px;
	margin: 10px;
	border: 1px solid #336699;
	color: #24496F;
	background-color: #FFF;
	z-index: 2;
}
div.hideTestRunItemList {
	display: none;
}
div.showTestRunItemList {
	display: block;
}

.oma-talli-promo {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	    -ms-flex-direction: column;
	        flex-direction: column;
	-webkit-box-align: start;
	    -ms-flex-align: start;
	        align-items: flex-start;
	padding-top: 10px;
	padding-bottom: 10px;
}

.oma-talli-promo-content {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

.oma-talli-promo-image {
	width: 200px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	    -ms-flex-align: center;
	        align-items: center;
}

.oma-talli-promo a img {
	width: 100%;
}

.oma-talli-promo-list .item {
	padding: 0;
}

.oma-talli-promo-action {
	width: 100%;
	font-weight: bold;
	padding-top: 10px;
	text-align: center;
}

.oma-talli-promo-note {
	font-size: 18px;
	color: red;
	padding-top: 5px;
}

.left_column.person_view p label {
  word-break: break-word;
}

.wrapper__race_calendar_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.heppa_mobiili_promo {
    position: relative;
    top: 0;
    left: 0;
}

.heppa_mobiili_promo a {
    margin-left: 10px;
    display: block;
    width: 170px;
    height: auto;
    position: absolute;
    top: -14px;
    left: 0;
}

.heppa_mobiili_promo a img {
    width: 100%;
    height:auto;
    margin: 0;
}

.wrapper__heppa-mobile {
  float: right;
}

.wrapper__heppa-mobile a {
  max-width: 170px;
  display: block;
}

.wrapper__heppa-mobile img {
  width: 100%;
}

span.identification_inner_label {
	display: inline-block;
	text-align: right;
	width: 265px;
	font-weight: bold;
}

#finalMeasure_td{
    padding-left: 20px;
}

#finalMeasure_label {
    padding-top: 5px;
    width: 140px;
}

tr.medicineItemList td {
	background: #F0F8FF;
}

.editable-icon p::before {
    content: "glyphicon-";
}

.warning-text {
    color: #cc3300;
}

.settings {
    margin: 5px 0px 10px 0px;
}

.settings input, .settings label {
    vertical-align: middle;
    cursor: pointer;
}

.settings input {
    margin-left: 5px;
}

.info-text-area{
    padding: 10px 0;
    font-size: 20px;
    line-height: 26px;
}