Base.css

Alla CSS-tiedoston sisältö

/* Reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	margin:0;
	padding:0;
}


table {
	border-collapse:collapse;
	border-spacing:0;
}


fieldset,img { 
	border:0;
}


address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}


ol,ul {
	list-style:none;
}


caption,th {
	text-align:left;
}


h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
}


q:before,q:after {
	content:'';
}


abbr,acronym {
	border:0;
}


body {
overflow:hidden;
}


/* Linkit napit, formit ja tekstit */
* {
	font-family:Verdana,Helvetica,sans-serif;
	font-size:12px;
}


.nv_teksti_10px {
	font-size:10px;
	font-weight:normal;
}


code {
	font-style:oblique;
}


/* Sijoittelu ja koko */
#nv_main_wrapper {
	width:100%;
	height:100%;
}


#nv_main_content {
	position:relative;
	width:630px;
	height:auto;
	margin:auto;
}


#nv_login {
	position:inherit;
	top:20px;
	left:0px;
	width:140px;
	/*height:100px;*/
	text-align:center;
	padding:5px;
}


#nv_seuraavat {
	position:inherit;
	top:30px;
	left:0px;
	width:140px;
	max-height:140px;
	padding:5px;
	text-align:center;
}


#nv_calendar_viikko table {
	margin:0 auto 0 auto;
}


#nv_calendar_paiva {
	position:absolute;
	top:24px;
	left:470px;
	clear:none;
	width:140px;
	height:150px;
	margin:auto;
}


#nv_calendar_paiva table {
	margin:-1px auto 0 auto;
}


#nv_toimipiste, #nv_tyontekija, #nv_palvelut {
	position:inherit;
	/*top:-228px;
	left:678px;*/
	top:10px;
	width:151px;
	height:20px;
	text-align:center;
	margin-bottom:5px;
}


#nv_toimipiste select, #nv_tyontekija select, #nv_palvelut select {
	height:20px;
	width:130px;
	cursor:pointer;

}


#nv_linkki_omat_ajat, #nv_linkki_vapaat_ajat, #nv_linkki_paivanakyma {
	position:inherit;
	/*top:-224px;
	left:678px;*/
	top:15px;
	width:150px;
	margin-bottom:5px;
}


/* Ajanvaraustaulukko - viikko*/
#nv_main_timetable_viikko {
	position:absolute;
	top:105px;
	left:158px;
	height:400px;
	width:496px; /*8x62*/
}

#nv_upper_timetable_viikko {
	height:30px;
	width:496px;
}

#nv_upper_timetable_viikko table {
	width:100%;
	height:100%;
}

#nv_upper_timetable_viikko table td {
	width:61px;
	max-width:61px;
	min-width:61px;
	height:100%;
	font-size:12px;
	text-align:center;
	overflow:hidden;
	padding:0px !important;
}

#nv_lower_timetable_viikko {
	width:513px;
	height:385px;
	overflow:auto;
}

#nv_lower_timetable_viikko table {
	width:100%;
	height:100%;
}

#nv_lower_timetable_viikko table td {
	width:60px;
	max-width:60px;
	min-width:60px;
	text-align:center;
	line-height:20px;
	overflow:hidden;
	border-top:1px dashed #ccc;
	border-right:1px dashed #ccc;
	border-left:0;
	padding:0px !important;
}

#nv_lower_timetable_viikko {
	border-top:0px solid #000;
	border-bottom:0px solid #000; 
}


/* Ajanvaraustaulukko - päivä */
#nv_main_timetable_paiva {
	position:absolute;
	top:24px;
	left:158px;
	height:400px;
	width:300px; 
}

#nv_upper_timetable_paiva {
	width:300px;
	height:30px;
}

#nv_upper_timetable_paiva table {
	width:100%;
	height:100%;
}

#nv_upper_timetable_paiva table td {
	width:100%;
	height:100%;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	/*word-wrap:break-word;*/
	overflow:hidden;
}

#nv_lower_timetable_paiva {
	width:300px;
	height:385px;
	text-align:center;
	overflow:auto;
}

/* Kalenteri */
.calendarToday a:link, .calendarToday a:visited, .calendarToday a:hover, .calendarToday a:active {
	font-weight:bold;
}

.calendarNextWeek a, .calendarPrevWeek a, .calendarPrevMonth a, .calendarNextMonth a{
	display:block;
	width:20px;
	height:20px;
}

/* Napit, linkit ja tekstit */
a:link, a:visited, a:active {
	color:#666;
	text-decoration:none;
}

a:hover {
	text-decoration:none;
	color:#000;
}

#nv_lower_timetable_viikko a:link, #nv_lower_timetable_viikko a:visited, #nv_lower_timetable_viikko a:active {
	display:block;
	width:100%;
	height:100%;
}

#nv_lower_timetable_viikko a:hover {
	text-decoration:none;
}

.nv_button {
	display:block;
	line-height:20px;
	width:150px;
	height:20px;
	font-size:12px;
	margin-bottom:2px;
	text-align:center;
	text-decoration:none;
	color:#000;
}

.nv_button:hover {
	text-decoration:none;
}

#nv_login input[type="text"], #nv_login input[type="password"] {
	width:138px;
	margin-bottom:2px;
}

#nv_login input[type="submit"] {

}

#nv_lower_timetable a:link, #nv_lower_timetable a:visited, #nv_lower_timetable a:active {
	display:block;
	width:100%;
	text-decoration:none;
	color:#401E00;
}

#nv_lower_timetable a:hover {
	font-weight:bold;
}

/* Kirjautuneen tiedot */
.nv_kirjautuneena {
	font-weight:bold;
}
.nv_linkki_asetukset {
	margin-left:20px;
}
.nv_linkki_asetukset li {
	list-style:circle;
	text-align:left;
}
.nv_tulevat_ajat {

}
.nv_vahvista_varaus {
	font-size:9px;
}

/* Seuraavat 50 -lista */
.nv_seuraavat50_pvm {
	font-weight:bold;
}
.nv_seuraavat50_klo {
	font-style:oblique;
	padding-right:10px;
}

/* Taustat */
#nv_login {
	border:0px solid #000;
}

#nv_calendar_viikko {
	border: 0px solid #000;
}

#nv_toimipiste, #nv_tyontekija, #nv_palvelut {
	border:0px solid #000;
}

#nv_login input[type="text"], #nv_login input[type="password"] {
	border-top:1px solid #888;
}

#nv_login input[type="submit"] {
	border:1px solid #888;
}

#nv_ajanvaraus_form table{}

#nv_ajanvaraus_form table th{
	border-right:1px solid #000;
}

#nv_ajanvaraus_form input[type="text"]{
	border:0;
	border-top:1px solid #000;
}

#nv_ajanvaraus_form input#nv_ajanvaraus_form_bb[type="text"]{
	border-bottom:1px solid #000;	
}

#nv_ajanvaraus_form textarea{
	border:0;
	border-top:1px solid #000;
	border-bottom:1px solid #000;
}

#nv_ajanvaraus_form input[type="submit"] {
	border:1px solid #000;
}

/* Varauslomake */
#nv_ajanvaraus_form {
	width:350px;
	margin:auto;
}

#nv_ajanvaraus_form table{
	width:100%;
}

#nv_ajanvaraus_form table th{
	width:100px;
	text-align:right;
	padding-right:5px;
	color:#FFFEFE;
}

#nv_ajanvaraus_form table td {
	line-height:20px;
	text-align:center;
}

#nv_ajanvaraus_form select {
	height:20px;
}

#nv_ajanvaraus_form input[type="text"]{
	width:100%;
	height:20px;
}

#nv_ajanvaraus_form textarea{
	width:100%;
	height:70px;
}

#nv_ajanvaraus_form input[type="submit"]{
	margin:auto;
}

#nv_ajanvaraus_form table th#nv_ajanvaraus_lisatiedot {
	height:70px;
}

#nv_ajanvaraus_form table th.nv_ajanvaraus_ehdot {
	height:50px;
}

#nv_ajanvaraus_form table th.nv_ajanvaraus_varaa {
	height:30px;
}

/* Popupit */
.ui-widget-overlay {
	position:fixed !important;
	top:0;
	left:0;
	background-color:#0B0000;
	opacity: 0.7;
	filter: alpha(opacity = 70);
}

.ui-dialog-titlebar {
	text-align:center;
	cursor:move;
	line-height:20px;
	opacity: 0.95;
	filter: alpha(opacity = 95);
}
.ui-dialog-titlebar-close {
	background-color:#6D4343;
	color:#ccc !important;
	display:block;
	width:30px;
	line-height:20px;
	float:right;
	font-weight:bold;
	font-size:20px;
}
.ui-dialog-titlebar-close:hover {
	text-decoration:none;
	background-color:#A60000;
	color:#fff !important;
}
.ui-dialog-content {
	opacity: 0.9;
	filter: alpha(opacity = 90);
	text-align:center;
}

.nv_kysymysdialogi .ui-dialog-titlebar {
	background-color:#CCC;
}
.nv_kysymysdialogi .ui-dialog-titlebar-close {}
.nv_kysymysdialogi .ui-dialog-content {
	background-color:#E5E5E5;
	color:#000;
}

.nv_omatvaraukset .ui-dialog-titlebar{
	background-color:#CCC;
}
.nv_omatvaraukset .ui-dialog-titlebar-close {}
.nv_omatvaraukset .ui-dialog-content {
	background-color:#E5E5E5;
	color:#000;
}

.nv_varauslomake .ui-dialog-titlebar{
	background-color:#CCC;
}
.nv_varauslomake .ui-dialog-titlebar-close {}
.nv_varauslomake .ui-dialog-content {}

.nv_seuraavat50 .ui-dialog-titlebar{
	background-color:#CCC;
}
.nv_seuraavat50 .ui-dialog-content {
	background-color:#E5E5E5;

	text-align:center;
	max-height:400px;
	overflow:auto;
}

#ohjeteksti {
	margin: auto;
	height: auto;
	position: relative;
	display:block;
	width: 600px;
}

#kalenteri_ohje {
	visibility: hidden;
}

#omatvaraukset_sisalto {
	height: 350px;
	overflow: auto;
}

#omatvaraukset_table {
	width: 250px;
}

#omatvaraukset_table th {
	font-weight: bold;
	width: 75px;
}

/* 						*/
/*		Kalenteri		*/
/*						*/
/* viikkonäkymän horisontaalinen laatikko */
#nv_calendar_viikko {
	position:inherit;
	top:0px;
	left:0px;
	clear:none;
	width:680px;
	height:82px;
	margin:auto;
	text-align:auto;
}
/* nykyinen päivä */
.calendarThisDay {
	position:absolute;
	top:50px;
	left:240px;
	width:200px;
	text-align:center;
	padding:5px 0 0 0;
}
/* valittu kuukausi */
#nv_calendar_viikko div.calendarMonth {
	position:absolute;
	top:3px;
	left:190px;
	text-align:center;
	width:300px;
	margin:auto;
	padding:3px 0 0 0;
}
/* viikkonäkymän päivälistaus */
#nv_calendar_viikko div.calendarDays {
	position:absolute;
	top:20px;
	left:15px;
	text-align:center;
	max-width:655px;
	margin:auto;
	padding:10px 0 0 0;
}
/* viikkonäkymän päivälistauksen perustila */
#nv_calendar_viikko ul:first-child {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#nv_calendar_viikko ul {
	float:left;
	width:21px;
	height:21px;
    list-style: none outside none;
	margin:0;
	padding:0;
	display:inline-block;
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px 0px;
}
#nv_calendar_viikko ul:last-child {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px 0px;
}
/* viikkonäkymän päivälistauksen hover */
#nv_calendar_viikko ul:first-child:hover {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -21px;
}
#nv_calendar_viikko ul:hover {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -21px;
}
#nv_calendar_viikko ul:last-child:hover {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -21px;
}
/* viikkonäkymän päivälistauksen active */
#nv_calendar_viikko ul:first-child:active {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -42px;
}
#nv_calendar_viikko ul:active {

	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -42px;
}
#nv_calendar_viikko ul:last-child:active {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -42px;
}
/* linkin sisältävä list-elementti */
#nv_calendar_viikko li {
	padding:3px 2px 0 0;
	color:#ccc;
}
/* viikkonäkymän päivälistauksen linkit */
div.calendarDays a:link, div.calendarDays a:visited {
	display:block;
	width:21px;
	height:21px;
	position:relative;
	left:-1px;
	font-size:12px;
}
div.calendarDays a:hover {
	text-decoration:none;
	font-size:14px;
	position:relative;
	top:-2px;
}
div.calendarDays a:active {
	
}
/* viikkonäkymän navigointinappi - seuraava viikko */
.calendarNextWeek span {
	overflow:visible;
	height:21px;
	position:relative;
	top:3px;
	right:23px;
	float: right;
	font-size:12px;
}
.calendarNextWeek a:link, .calendarNextWeek a:visited {
	position:absolute;
	top:55px;
	right:10px;
	width:21px;
	height:21px;
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -84px;
	color:#333;
}
.calendarNextWeek a:hover {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -84px;
	text-decoration:none;
	color:#000;
}
.calendarNextWeek a:active {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -84px;
}
/* viikkonäkymän navigointinappi - edellinen viikko */
.calendarPrevWeek span {
	overflow:visible;
	height:21px;
	position:relative;
	top:3px;
	left:22px;
	font-size:12px;
}
.calendarPrevWeek a:link, .calendarPrevWeek a:visited{
	position:absolute;
	top:55px;
	left:10px;
	width:21px;
	height:21px;
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -105px;
	color:#333;
}
.calendarPrevWeek a:hover{
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -105px;
	text-decoration:none;
	color:#000;
}
.calendarPrevWeek a:active{
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -105px;
}
/* viikkonäkymän navigointinappi - seuraava kuukausi */ 
.calendarNextMonth span {
	overflow:visible;
	height:21px;
	position:relative;
	top:3px;
	right:23px;
	float: right;
	font-size:12px;
}
.calendarNextMonth a:link, .calendarNextMonth a:visited{
	position:absolute;
	top:5px;
	right:10px;
	width:21px;
	height:21px;
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -126px;
	color:#333;
}
.calendarNextMonth a:hover{
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -126px;
	text-decoration:none;
	color:#000;
}
.calendarNextMonth a:active{
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -126px;
}
/* viikkonäkymän navigointinappi - edellinen kuukausi */
.calendarPrevMonth span {
	overflow:visible;
	height:21px;
	position:relative;
	top:3px;
	left:22px;
	font-size:12px;
}
.calendarPrevMonth a:link, .calendarPrevMonth a:visited{
	position:absolute;
	top:5px;
	left:10px;
	width:21px;
	height:21px;
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -148px;
	color:#333;
}
.calendarPrevMonth a:hover{
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -148px;
	text-decoration:none;
	color:#000;
}
.calendarPrevMonth a:active{
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -148px;
}
/* kalenterin päivänäkymän edellinen ja seuraava kk linkit */
.calendarMain_paiva span {
	display:none;
}
.calendarMain_paiva .calendarPrevMonth a {
	z-index:100;
	position:absolute;
	top:7px;
	left:1px;
}
.calendarMain_paiva .calendarNextMonth a {
	z-index:100;
	position:absolute;
	top:7px;
	right:1px;
}
/* kalenterin päivänäkymän table */
#nv_calendar_paiva table {
	position:absolute;
	top:10px;
	left:4px;
}
#nv_calendar_paiva table td{
	text-align:center;
	padding:1px;
}
/* kalenterin päivänäkymän tablen otsikko */
td.calendarHeader_paiva {
/*	position:relative; */
	top:5px;
	left:20px;
	color:#000;
}
td.calendar {
	color:#ccc;
}
td.calendarToday {
	border:1px solid #000;
}


/* 						*/
/*	   Kysymysmerkki	*/
/*						*/
.nv_kysymysmerkki_vasen a:link, .nv_kysymysmerkki_vasen a:visited {
	text-decoration:none;
	display:block;
	position:absolute;
	left:-22px;
	width:21px;
	height:21px;
	float:left;
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -63px;
}
.nv_kysymysmerkki_vasen a:hover {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -63px;
}
.nv_kysymysmerkki_vasen a:active {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -63px;
}
.nv_kysymysmerkki_oikea {
	text-decoration:none;
	display:block;
	position:absolute;
	left:143px;
	width:21px;
	height:21px;
	float:right;
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:0px -63px;
}
.nv_kysymysmerkki_oikea:hover {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-21px -63px;
}
.nv_kysymysmerkki_oikea a:active {
	background-image:url('./images/buttons.png');
	background-repeat:no-repeat;
	background-position:-42px -63px;
}




/* 						*/
/*	   		CSS3 		*/
/*						*/
#nv_login {
	border-radius:10px;	
	-moz-border-radius:10px;
}

#nv_seuraavat {
	border-radius:10px;	
	-moz-border-radius:10px;
}

#nv_toimipiste, #nv_tyontekija, #nv_palvelut {
	border-radius:10px;	
	-moz-border-radius:10px;
	-moz-box-shadow: 2px 1px 4px #888;
	-webkit-box-shadow: 2px 1px 4px #888;
	box-shadow: 2px 1px 4px #888;
}

#nv_upper_timetable_viikko table td, #nv_upper_timetable_paiva table td {
	border-radius:10px;	
	-moz-border-radius:10px;
}

#nv_lower_timetable_viikko table td, #nv_lower_timetable_paiva table td {
	border-radius:0px;	
	-moz-border-radius:0px;
}

/*#nv_lower_timetable_viikko, #nv_lower_timetable_paiva {
	border-radius:10px;	
	-moz-border-radius:10px;
	border-top-left-radius:0;
	-moz-border-radius-topleft:0;
	border-right:0;
	-moz-box-shadow: 3px 3px 4px #888;
	-webkit-box-shadow: 3px 3px 4px #888;
	box-shadow: 3px 3px 4px #888;
}*/

#nv_lower_timetable_viikko, #nv_lower_timetable_paiva {
	-moz-box-shadow: 3px 3px 4px #888;
	-webkit-box-shadow: 3px 3px 4px #888;
	box-shadow: 3px 3px 4px #888;
}

#nv_lower_timetable_viikko table td, #nv_lower_timetable_paiva table td {
	-webkit-transition: all 0.4s ease-in-out;
	-moz-transition: all 0.4s ease-in-out;
	-o-transition: all 0.4s ease-in-out;
	-webkit-transition: all 0.4s ease-in-out;
	transition: all 0.4s ease-in-out;
}

/* Viikkonäkymässä tyhjä rivi */
.nv_lower_timetable_empty_line {
}

/* päivänäkymässä ennen tasatuntia tuleva span */
.nv_lower_timetable_paiva_vali {
}

.nv_button {
	border-radius:10px;	
	-moz-border-radius:10px;
	-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.calendar a:link, .calendar a:visited, .calendar a:active {
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}

#nv_login {
	-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

#nv_calendar_viikko, #nv_calendar_paiva{
	border-radius:10px;	
	-moz-border-radius:10px;
	-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

#nv_upper_timetable_viikko table td, #nv_upper_timetable_paiva table td {
	border-bottom-right-radius:0;
	-moz-border-radius-bottomright:0;
	border-bottom-left-radius:0;
	-moz-border-radius-bottomleft:0;
	-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

#nv_seuraavat {
	-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;
}

.nv_ajanvaraus_form_topright {
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
}

.nv_ajanvaraus_form_bottomright {
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
}

.nv_ajanvaraus_form_topleft {
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
}

.nv_ajanvaraus_form_bottomleft {
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
}

#nv_ajanvaraus_form {
	border-radius:10px;	
	-moz-border-radius:10px;
	/*-moz-box-shadow: 2px 2px 4px #888;
	-webkit-box-shadow: 2px 2px 4px #888;
	box-shadow: 2px 2px 4px #888;*/
}

.ui-dialog-content {
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px; 
}
.ui-dialog-titlebar-close {
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
}
.ui-dialog-titlebar {
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
}



#nv_lower_timetable_viikko {
	overflow-y:scroll;
}

/* Taustavärien määrittely */
/* Väri 0, sivun taustaväri: 0 */
/* Väri 1, divien taustat: #EEE */
/* Väri 2, ajanvaraustaulun otsikko tausta, dialogin otsikko tausta: #B8B8B8 */
/* Väri 3, ajanvaraustaulun tausta: #FFF */
/* Väri 4, ajanvaraustaulun solu hover : #B2B2B2 */
/* Väri 5, lomakkeiden input, select: #FCFCFC */
/* Väri 6, nappilinkit, esim. aseta päivänäkymä : #E6E6E6 */
/* Väri 7, submit button: #F0F0F0 */
/* Väri 8, nappilinkit, buttonit ja ajanvaraustaulun otsikon teksti: #000000 */
/* Väri 9, select teksti, dialogin teksti: #000000 */
/* Väri 10, kalenterin tekstit ja linkit: #000000 */
/* Väri 11, kalenterin tekstin hover: #333 */

body {
	background-color:0;
}

#nv_login {
	background-color:#EEE;
}

#nv_seuraavat {
	background-color:#EEE;
}

#nv_calendar_viikko {
	background-color:#EEE;
}

#nv_calendar_paiva {
	background-color:#EEE;
}

#nv_toimipiste, #nv_tyontekija, #nv_palvelut {
	background-color:#EEE;
}

#nv_toimipiste select, #nv_tyontekija select, #nv_palvelut select {
	background-color:#FCFCFC;
	color:#000000;
}

#nv_toimipiste option, #nv_tyontekija option, #nv_palvelut option  {
	background-color:#FCFCFC;
}

#nv_upper_timetable_viikko table td, #nv_upper_timetable_paiva table td {
	background-color:#B8B8B8;
	color:#000000;
}

#nv_lower_timetable_viikko, #nv_lower_timetable_paiva {
	background-color:#FFF;
}

#nv_lower_timetable_viikko table td:hover , #nv_lower_timetable_paiva table td:hover {
	background-color:#B2B2B2;
	color:#333;
}

#nv_lower_timetable_viikko a:link, #nv_lower_timetable_viikko a:visited, #nv_lower_timetable_viikko a:active {
	color:#000000;
}

#nv_lower_timetable_viikko a:hover {
	color:#333;
}

.nv_button {
	background-color:#E6E6E6;
	color:#000000;
}

.nv_button:hover {
	background-color:#B8B8B8;
}

.nv_link {
	color:#000000;
}

#nv_linkki_omat_ajat, #nv_linkki_vapaat_ajat, #nv_linkki_paivanakyma {
	color:#000000;
}

#nv_login input[type="text"], #nv_login input[type="password"] {
	background-color:#FCFCFC;
}

#nv_login input[type="submit"] {
	background-color:#F0F0F0;
	color:#000000;
}

#nv_ajanvaraus_form table th{
	background-color: #B8B8B8;
}

#nv_ajanvaraus_form table td{
	background-color: #EEE;
}

.nv_omatvaraukset .ui-dialog-titlebar, .nv_kysymysdialogi .ui-dialog-titlebar, .nv_varauslomake .ui-dialog-titlebar, .nv_seuraavat50 .ui-dialog-titlebar {
	background-color:#B8B8B8;
	color:#000000;
}

.nv_omatvaraukset .ui-dialog-content, .nv_kysymysdialogi .ui-dialog-content, .nv_varauslomake .ui-dialog-content, .nv_seuraavat50 .ui-dialog-content {
	background-color:#EEE;
	color:#000000;
}

.ajanvaraus_list1_full {
	background-color:#FFF;
}