/*
TÄMÄ TYYLITIEDOSTO ON TARKOTETTU VAIN SOVELLUKSEN ULKOPUOLELLE
*/




/**********/
/*YLEISET**/
/*********/

a:link      { color: #A8E2FF; font-weight: bold; }
a:visited		{ color: #A8E2FF; font-weight: bold; }
a:active		{ color: #A8E2FF; font-weight: bold; }

a.wlink:active		{ color: #24B8FF; text-decoration: none; font-weight: bold }
a.wlink:Hover 		{ color: #A8E2FF; text-decoration: none; font-weight: bold; text-decoration:underline }

input.kalenterinappula { background-color: transparent; background-image: url(../images//kalenteri.gif); width: 20px; height: 20px; border-width: 0px; }
input.InputValk				 { color: #FFFFFF; font-family: Verdana; font-size: 8pt; background-color: #FFFFFF; font-weight: bold }
input.InputSin	 			 { color: #FFFFFF; font-family: Verdana; font-size: 8pt; background-color: #0084C4; font-weight: bold }
input.InputPun	 			 { color: #FFFFFF; font-family: Verdana; font-size: 8pt; background-color: #0099FF; font-weight: bold }

textarea.TextareaSin	 		{ color: #FFFFFF; font-family: Verdana; font-size: 8pt; background-color: #0084C4; font-weight: bold; }

h1 { color:white; font-size:18px; margin: 0%; }
h2 { color:silver; font-size:16px; }
h3 { font-family: verdana, sans-serif; }

body {
  color: white; 
  font-size: 10pt;
  font-family: Helvetica, Arial, sans-serif; 
  background-color: #006699;
  margin: 0%;
  
  background-repeat: repeat-x;
  
  /*body {margin:0; padding:0 10px 0 10px; border:0; */
}

div.pohja {
  /*top: 0%; left: 0%;  */
}

div.navbar {
  /*border-top: 5px double navy;
  border-bottom: 5px double navy;*/
  margin: 0%;  
  background-color: navy;
 
  background-repeat:repeat-x;
  padding: 6px 0 6px 0 !important;
  padding: 12px 0 13px 0;
  clear: both;
 
}

div.navbar a {
  text-decoration: none;
}

div.navbar_bottom {

    color: #333333;
	background-color: #A8E2FF;  
	
	border: 0px;
	
	margin-top: 10px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
   
    
    text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
    -moz-border-radius:8px;
    clear: both; 
}

.view_and_edit 
{ 
    margin: 0.5% 0% 0% 3px;
	padding-right: 0.2%; /*  1% 1% 1%; */
	float: left; 
}

div.view_and_edit fieldset
{
  display: block !important;
  display: inline; 
}

/************/
/*UPPERBAR  */
/************/

div.upperbar {  
  /*background-color: #87BCE0;*/
  background-color: #87BCE0;
  
  background-repeat:repeat-x;
  color:#FFFFFF;
  
  padding-top: 8px;
  padding-left:5px;
  padding-right:5px;
  top: 0%;
  width: 99,5%; height: 50px;
  clear: both;
  z-index: 99;
  
}

div.upperbar a
{
	color:#FFFFFF;
}

div.upperbar a:hover
{
	color:#F4F4F4;
}

div.upperbar h1 a
{
	text-decoration:none;
}


div.upperbar form select
{
	border:1px solid #FFFFFF;
}

div.upperbar form input
{
	border:1px solid #FFFFFF;
	color:#000000;
	background-image:url(../images/upperbar_input_bg.jpg);
    background-repeat:repeat-x;
	font-weight: bold;
}


/********/
/*TOPBAR*/
/********/


div.topbar {  
  background-color: #FFFFFF;
  color: black;
  width: 100%; height: 16em;
  clear: both;
  z-index: 98;
  padding-top: 12px;
  
  background-repeat: repeat-x;
  
}

div.topbarC {
/*
  background-color: orange;
  color: black;
  position: relative;
  width: 100%;
  clear: both;
  z-index: 98;
  */
   background-color: #FFFFFF;
  color: black;
  width: 100%; height: 16em;
  clear: both;
  z-index: 98;
  padding-top: 12px;
  background-image:url(../images/topbar_div_bg.jpg);
  background-repeat: repeat-x;
  
  margin-top: 56px  !important;
  margin-top: 0px;
 
}

div.topbarleft {  
  width: 24%;
  margin-left: 1%;  
  float: left;
  overflow: auto;
}

div.topbarcenter {
  width: 43%; height: 200px;
  overflow: auto;
  float: left;
}

div.topbarright {
  position: relative;  
  margin-left: 1%;
  overflow: auto;
  width: 30%;
}



/**********/
/*MENU **/
/**********/

ul.menu
{  
  margin: 0%; padding: 0%;
  text-align: center;
}

ul.menu li {  
  display: inline;  
  margin: 0%;
}

ul.menu li a {
  border: 2px groove white;
  color: navy;
  padding: 2px 2px 2px 2px;
  line-height: 1.5em;
  text-decoration: none;
  
  background-image:url(../images/upperbar_input_bg.jpg);
  background-repeat:repeat-x;
}

ul.menu li a:visited {
  border: 2px groove white;
  color: navy;
  padding: 2px 2px 2px 2px;
  line-height: 1.5em;
  text-decoration: none;
  
  background-image:url(../images/upperbar_input_bg.jpg);
  background-repeat:repeat-x;
}

ul.menu li a:hover {
  border: 2px groove #CCCCCC;
  background-image:url(../images/upperbar_input_bg_hover.jpg);
  background-repeat:repeat-x;
  color: navy;
}

ul.menu li a.selected_page {
  border: 2px groove #000000;
  color: #000;

  background-image:url(../images/upperbar_input_bg_selected.jpg);
  background-repeat:repeat-x;
  background-color:#FFCC00;
  
}

ul.menu li.selected_page a:hover 
{
  border: 2px groove #CCCCCC;
  color: black;
}

/**********/
/* MENU2 **/
/**********/

ul.menu2
{
  /*border: 1px solid orange;*/
  text-align: left;  
  margin: 0%; padding: 0%;
}

ul.menu2 li {
  border: 2px groove white;
  display: inline;
  font-size: 12px;
  background-color: silver;  
  padding: 0 3px 0 3px;
  margin: 0%;
}

ul.menu2 li:hover {
  background-color: #E6ECEC;
}

ul.menu2 li a {
  color: white;
  text-decoration: none;
}

ul.menu2 li.selected_page {
  font-size: 14px;  
  background-color: orange;
}

ul.menu2 li.selected_page a {
  color: white;
}

/************/
/* MESSAGES */
/************/

div.message_text{
	padding: 0px 0px 0px 35%;
	color: #000000;
	font-weight: bold;
	text-align: left;
}

div.message_text img 
{
  vertical-align: bottom;
}

div.info_message 
{
  color: black;  
  font-weight: bold;
  padding: 12px;
  background-image:url(../images/messages6.jpg);
}
div.error_message 
{
  color: black;  
  font-weight: bold;
  padding: 12px;
  background-image:url(../images/messages3.jpg);
  background-repeat: repeat-x;
  background-color: #A80000;
}

div.ok_message {
  color: black;  
  font-weight: bold;
  padding: 12px;
  background-image:url(../images/messages4.jpg);
  background-repeat: repeat-x;
  background-color: #398A01;
}

p.corporation_title {
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 0%;
}

div.bignotices {
  /*width: 50%;*/
  /*margin-left: 50%;*/
}

p.bignotice {
  color: orange;
  border: 2px groove orange;
  /* text-align: center; */
  font-size: 1.5em;
  /*text-decoration: blink;*/
}

/********************/
/*LEFTSIDE&RIGHTSIDE*/
/********************/


div.leftside {  
  background-color: #FFFFFF;
  width: 47%;
  margin: 0 1% 0 1%;
  overflow: auto;  
  float: left;
 
  background-repeat: no-repeat;
  background-position:right top;
}

div.leftside caption
{
	color: #000;
}

div.rightside 
{
  width: 93%;
  
  background-color: #FFFFFF;
  position: relative;
  
  font-size: 0.8em;
  margin: 0 1% 0% 1%;
  padding: 0 1% 0 4%;
  overflow: auto;
    
  background-repeat: no-repeat;
  background-position:left top;
}

div.rightside a { color: silver; }

div.rightside a:hover { background-color: white; }

/***************/
/*KK KALENTERI */
/***************/

table.small_calendar {
  float: left;  
}

table.small_calendar caption {
  font-weight: bold;
  font-size: 14px;
}

table.small_calendar th {
  background-color:#FFFFFF;
  color:#006699;
  
}

table.small_calendar caption a
{
	color: #000;
	font-weight: bold;
}

table.small_calendar caption a:visited
{
	color: #000;
	font-weight: bold;
}

td.smallweek {
  border: 1px solid black;
  text-align: center;
  background-color: #A8E2FF;
  color: black;
  font-weight: bold;
  vertical-align: middle;
}

td.smallweek a 
{ 
  color: black; 
  text-decoration: none;  
}

td.smallweek a:visited 
{ 
  color: black; 
  text-decoration: none;  
}

td.smallday {
  background-color: #ECF5FB;
  text-align: center;
  color: black;
  border-top: 1px solid #CCCCCC;
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}
/*
td.smallweek:hover {
  background-color: orange;
}
*/
td.smallday a {
  text-decoration: none;
  color:#006699;
}
td.smallday a:visited {
  text-decoration: none;
  color:#006699;
}
/*
td.smallday:hover, td.current_smallday:hover, td.selected_smallday:hover {
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  background-color:#FFCC00;
}
*/
td.current_smallday {  
  border: 1px solid navy;
  background-color: #ECF5FB;
  color: white;
  font-size: 120%;
  text-align: center;
}

td.current_smallday a {  
  color: brown;  
  text-decoration: none;
}

td.current_smallday a:visited {  
  color: brown;  
  text-decoration: none;
}

tr.selected_row
{
  background-color: navy;
  font-weight: bold;
  color: white;  
}

tr.selected_smallweekrow td {
  background-color:#0099CC;
  border-top: 1px solid #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
  border-bottom: 1px solid #666666;
}

tr.selected_smallweekrow td a {
	color:white;
	text-decoration:underline;
}

tr.selected_smallweekrow td a:visited {
	color:white;
	text-decoration:underline;
}


/*************/
/* DATA      */
/*************/

div.data {
  width: 96%;
  height: 40em;
  margin-left: 2%;
  margin-top: 0%;
}

div.data fieldset {
  border: 1px solid white;
  margin-top: 5px;
}

div.data fieldset legend {
  font-weight: bold;
  color: #BCE0F1;
  font-size: 16px;
  margin: auto; 
}

/****************/
/* DAY CALENDAR */
/****************/

table.day_calendar th 
{
  color: black;
  background-color:#006699;
  background-image:url(../images/day_th_bg.jpg);
  background-repeat: repeat-x;
  vertical-align:middle;

}

table.day_calendar 
{
	border:		 1px; 
	width:		 100%;
}

table.day_calendar th a 
{
	color: black;
}

table.day_calendar caption 
{
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin: 2% 0 0 0;
}

table.day_calendar td 
{  
	border:		 1px outset; 
	margin: 0px;
	text-align: center;
}

/*****************/
/* DAYC_CALENDAR */
/*****************/

table.dayC_calendar th {
  /* background-color: navy; */
  color: black;
  background-color:#006699;
  background-image:url(../images/day_th_bg.jpg);
  background-repeat: repeat-x;
  vertical-align:middle;
  width : 10%;
}

table.dayC_calendar 
{
	border:		 1px; 
	width:		 100%;
	/*border-style: outset;*/
}

table.dayC_calendar th a {
	color: black;
}

table.dayC_calendar caption {
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin: 2% 0 0 0;
}

table.dayC_calendar td {  
  
    border:		 1px outset; 
	/*border-color: #000000;*/
	/*border-style: outset;*/
}

/*****************/
/* WEEK_CALENDAR */
/*****************/

table.weekC_calendar th 
{
  color: black;
  background-color:#006699;
  background-image:url(../images/day_th_bg.jpg);
  background-repeat: repeat-x;
  vertical-align:middle;

}

table.weekC_calendar 
{
	border:		 1px; 
	width:		 100%;
}

table.weekC_calendar th a 
{
	color: black;
}

table.weekC_calendar caption 
{
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin: 2% 0 0 0;
}

table.weekC_calendar td 
{  
	border:		 1px outset; 
	margin: 0px;
	text-align: center;
}

.calentryinfoinweekview tr td input
{
	padding:0px;
	margin:0px;
	
}

.calentryinfoinweekview tr td
{
	border: 0px;
	padding: 0px;
}

.calentryinfoinweekview a
{
	font-weight: bold;
	text-decoration:none;
}




/*******************************************/
/*  OPENINGTIMES CALENDAR  (aukioloajat)   */
/*******************************************/


td.selected_smallday {  
  background-color: orange;
  text-align: center;  
}

td.selected_smallday a {
  color: black;
  text-decoration: none;  
}

td.prevmonthday {
  font-weight: bold;
  color: navy;
  text-align: center;
  background-color: #AFCEEE;
}

td.nextmonthday {
  font-weight: bold;
  color: navy;
  text-align: center;
  background-color: #AFCEEE;
}

td.current_openday {
  font-weight: bold;
  color: black;
  background-color: pink;
}

td.selected_openday {
  font-weight: bold;
  color: black;
  background-color: white;
  text-align: center;
}

table.openingtimes_calendar {  
  margin: auto;
  margin-bottom: 2%;
}

table.openingtimes_calendar caption {
  font-weight: bold;
  font-size: 14px;
}

table.openingtimes_calendar th {
  border-bottom: 1px solid white;
  background-color: transparent;
  color: white;
}

table.openingtimes_calendar td.smallday {
  font-weight: bold;
}

table.openingtimes_calendar td:hover {
  color: red;
}

table.openingtimes_calendar td:first-child {
  /*background-color: #DEEFED;*/
  background-color: transparent;
  vertical-align: middle;
  text-align: center;
}

table.openingtimes_calendar th:first-child {
  border-bottom: none;
  background-color: transparent;
}

table.openingtimes_calendar tr.copied_openweek {  
  background-color: orange;
  font-weight: bold;
  text-align: center;
}

table.openingtimes_calendar td.copied_openweek {
  border: 1px dashed white;
  background-color: orange;
}

table.openingtimes_calendar td.copied_openweek {
  border: 1px dashed white;
  background-color: orange;
}

/****************************/
/* SISÄISET KALENTERITYYLIT */
/****************************/

.calentry 
{
  border:	   0px; 
  background-color: orange;
  text-align: center;
}

td.calentry 
{
  background-color: orange;
}

.calentryinfoindayview tr td
{
	border:		 0px; 
	/*border-style: groove;*/	
	/* width:		 100%; */
}

.calentryinfoindayview tr td
{
    border: 0px;
    font-weight: normal;
    text-align: center;
}

.calentryinfoindayview 
{
    width:100%;
	color:#FFFFFF;
}

.calentryinfoindayview a
{
	font-weight: bold;
	text-decoration: none;
}

td.calendartime  
{
	background-color:#519FCA;
	height: 	     20px;
	text-align:		 center;
}

/*
tr.oldtime 
{
  background-color: #006699;  
}
td.newtime {
  color: white;
}
*/

/*************************/
/* KALENTERIN SOLUTYYLIT */
/*************************/

/* mennyt työvuorokohta */
td.oldshift
{
	background-color: #D9D9D9; text-align: center;	/* #D9D9D9 */
}

/* Ne solut, jotka esittävät työntekijän työvuoroa */
td.shift000 { background-color: #FFFFFF; vertical-align: middle; text-align: center; }
td.shift001 { background-color: #FFFFFF; vertical-align: middle; text-align: center; }
td.shift010 { background-color: #FFFFFF; vertical-align: middle; text-align: center; }
td.shift011 { background-color: #FFFFFF; vertical-align: middle; text-align: center; }
td.shift100 { background-color: #FFFFFF; vertical-align: middle; text-align: center; }
td.shift101 { background-color: #FFFFFF; vertical-align: middle; text-align: center; }
td.shift110 { background-color: #FFFFFF; vertical-align: middle; text-align: center; }

/* Ne solut, jotka esittävät muuta kuin työntekijän vuoroa */
td.nonshift000 { background-color: #CCCCCC; vertical-align: middle; text-align: center; }
td.nonshift011 { background-color: #CCCCCC; vertical-align: middle; text-align: center; }
td.nonshift010 { background-color: #CCCCCC; vertical-align: middle; text-align: center; }
td.nonshift100 { background-color: #CCCCCC; vertical-align: middle; text-align: center; }
td.nonshift101 { background-color: #CCCCCC; vertical-align: middle; text-align: center;}
td.nonshift111 { background-color: #CCCCCC; vertical-align: middle; text-align: center;}

td.shift
{
  background-color: white;
  color: black;
  vertical-align: middle;
}

td.shift000 form input {
  
  cursor: pointer;

  border: 0px;
  color: black;
  background-color: white;
  font-size: 10px;
  text-align: center;
  
  vertical-align: middle;
  margin-left: 1px;
  margin-bottom: 1px;*/
  padding-top: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  padding-left: 0px;
}

td.nonshift000 form input {
 
  cursor: pointer;
 
  border: 0px;
  color: black;  
  font-size: 10px;
  
  background-color: #CCCCCC;
  text-align: center;
  vertical-align: middle;
  margin: 0px;
  padding: 0px;
}

/********************/
/*  SETTINGS	    */
/********************/

table.defaultsettings {
  border-top: 1px solid white;
  margin-right: 10px;
  margin-bottom: 2%;
  /*float: left;*/
}

table.defaultsettings caption { 
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}

table.defaultsettings tr:hover {
  background-color: #071883;   
}

table.defaultsettings th {
  background-color: #A8E2FF;
  color: black;  
}

table.defaultsettings td {
  border: 1px dotted #698CCF;  
}

table.smssettings {
  border-top: 1px solid white;
  margin-bottom: 2%;  
}

table.smssettings caption { 
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}

table.smssettings tr:hover {
  background-color: #071883;   
}

table.smssettings th {
  background-color: #A8E2FF;
  color: black;  
}

table.smssettings td {
  border: 1px dotted #698CCF;  
}

/************/
/* TILASTOT */
/************/

.title_list {
            text-align: center;
            }


.list_table {
            margin-top: 5px;
	         margin-right: 0px;
	         margin-bottom: 5px;
	         margin-left: 0px;
	         padding-top: 0px;
	         padding-right: 0px;
	         padding-bottom: 0px;
	         padding-left: 0px;
	         background-color: #000000;
            }

.list_td_title {
               font-family: Geneva, Arial, Helvetica, sans-serif;
               font-size: 11px;
               font-style: normal;
               font-weight: bolder;
               margin-top: 0px;
	            margin-right: auto;
	            margin-bottom: 0px;
	            margin-left: auto;
	            padding-top: 0px;
	            padding-right: 5px;
	            padding-bottom: 0px;
	            padding-left: 5px;
	            background-color: #666666;
	            vertical-align: middle;
	            
	            height: 18px;
               }

.list_td_content  {
                  margin-top: 0px;
	               margin-right: auto;
	               margin-bottom: 0px;
	               margin-left: auto;
	               padding-top: 0px;
	               padding-right: 5px;
	               padding-bottom: 0px;
	               padding-left: 5px;
                  font-family: Geneva, Arial, Helvetica, sans-serif;
                  font-size: 11px;
                  font-style: normal;
                  font-weight: normal;
                  color: #333333;
	               vertical-align: top;
	               
	               height: 16px;
                  }

.list_td_content_sum  {
                  font-family: Geneva, Arial, Helvetica, sans-serif;
               font-size: 11px;
               font-style: normal;
               font-weight: bolder;
               margin-top: 0px;
	            margin-right: 0px;
	            margin-bottom: 0px;
	            margin-left: 0px;
	            padding-top: 0px;
	            padding-right: 2px;
	            padding-bottom: 0px;
	            padding-left: 2px;
	            background-color: #666666;
	            vertical-align: middle;
	            
	            height: 18px;
                  }

/************/
/*  ENTRY   */
/************/

table.entry th {
  background-color: transparent;
  text-align: left;  
}

table.entry caption { 
  font-weight: bold;
  text-align: left;
  font-size: 15px;
}

/*********/
/* STYLE */
/*********/

table.style1 caption { 
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}

table.style1 tr:hover {
  color: black;
  background-color: #DEEFED;
}

table.style1 th {
  border-bottom: 1px solid white;
  border-top: 1px solid white;
  background-color: #D4E0ED;
  color: black;  
}

table.style2
{
  margin-top: 5px;
  margin-bottom: 5%;  
}

table.style2 tr.oldrow {
  background-color: #2D4377;
}

table.style2 caption a { margin: 0 0.3em; }

table.style2 caption {
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}


tr.highlighted {
  background-color: #D7FDED;
  color: navy;
  font-weight: bold;
}

tr.highlighted a {
  background-color: #D7FDED;
  color: navy;
  font-weight: bold;
}

tr.highlighted a:hover {
  background-color: silver;
}


tr.oldrow {
  background-color: #CFCFCF;
  color: black;
}

tr.oldrow a, tr.newrow a {
  color: blue;
}

tr.newrow {
  background-color: #F5FFFA;
  color: black;
}

tr.newrow:hover {
  background-color: #071883;
}

table.style2 tr:hover a {
  color: white;
}

table.style2 th {
  background-color: #A8E2FF;
  color: black;  
}

/****************/
/* ENTRYCARD    */
/****************/
table.entrycard {
  width: 100%;
  border-top: 1px solid white;
  margin-bottom: 5%;  
}

table.entrycard caption a { margin: 0 0.3em; }

table.entrycard caption {  
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}

table.entrycard tr:hover a {
  color: black;
}

table.entrycard th {
  background-color: #A8E2FF;
  color: black;  
}

table.entrycard td:first-child {  
  width: 120px;
}


/****************/
/* EMPLOYEECARD */
/****************/

table.employeecard {
  /*border: 1px groove white; */
}

table.employeecard caption a { margin: 0 0.3em; }

table.employeecard caption {  
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}

table.employeecard td {
  text-align: left;
}

table.employeecard tr:hover a {
  color: black;
}

table.employeecard th {
  
  background-color: #006699;
  color: white;
  text-align: left;  
}

/****************/
/* CUSTOMERCARD */
/****************/


table.customercard caption a { margin: 0 0.3em; }

table.customercard caption {  
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}

table.customercard td {
  text-align: left;
}

table.customercard tr:hover a {
  color: black;
}

table.customercard th {
  /*border-bottom: 1px solid white;*/
  background-color: #006699;
  color: white;
  text-align: left;
}
table.customercard td input
{
	width:180px;
}

table.customercard td:first-child {  
  width: 200px;
}

/***************/
/* SEKALAISET **/
/***************/

p.corporation_title 
{
  font-size: 14px;
  font-weight: bold;
  color: #FFFFFF;
  margin-top: 0%;
}

a#selected_customerpage { 
  background-color: #A8E2FF; 
  color: black; 
  margin: 0 2px 0 2px;
  font-size: 18px;  
}

a#customerpage {
  margin: 0 2px 0 2px;
  font-size: 13px;  
}

span.selected_customerpage { 
  background-color: #A8E2FF; 
  color: black; 
  margin: 0 2px 0 2px;
  font-size: 18px;  
}

tr.listtitle td {
  color: navy;
  background-color: #CDD4FB;
  text-align: center;  
  font-weight: bold;  
  font-size: 16px;
  margin-bottom: 10%;
  -moz-border-radius: 10px;
}

/*******************************************/
/* SMALLWEEKVIEW&SHIFT_CALENDAR (työvuorot)*/
/*******************************************/

table.small_weekview {
  border-top: 1px solid white;
  margin-bottom: 5%;
 
}

table.small_weekview caption {  
  font-weight: bold;
  text-align: left;
  font-size: 13px;
}

table.small_weekview th {
  background-color: #D4E0ED;
  color: black;
}

table.small_weekview td {
  text-align: center;
}

table.shift_calendar {  
  text-align: center;
  background-color: #006699;
}

table.shift_calendar th {
  background-color: navy;
  color: white;
}

table.shift_calendar caption {
  font-weight: bold;
  text-align: center;
  font-size: 18px;
  margin: 2% 0 0 0;
}

table.shift_calendar tr:hover {
  background-color: orange;
}

table.shift_calendar td {
  /*border: 1px solid purple;*/
}

td.no_shift {
  background-color: #006699;
}

table.shift_calendar td.shift {
  background-color: white;
}


/*
RIGHTSIDE TEKSTITYYLI IE7 KORJAUS 
*/

h3.no_spaces 
{
	font-size: 12px;
	margin: 0px;
	padding: 0px;
}

p.no_spaces 
{
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	padding-top: 6px;
	padding-bottom: 6px;
	
}