table.jCalendar {
    border-collapse: collapse;
    border-spacing: 0px;
	width: 100%;
	margin-bottom: 0;
}

table.jCalendar th {
	background: #FFF;
	color: #000;
	font-weight: normal;
	padding: 0px 2px;
	border-bottom: 1px solid #DDD;
	border-top: 1px solid #E5E5E5;
	line-height: 20px;
	text-align: center;
}

table.jCalendar tr td {
	color: #000;
	padding: 0px 0px;
	text-align: center;
	line-height: 19px;
	font-weight: normal;
}

table.jCalendar tr td:hover {
	color: #f00;
	font-weight: bold;
}
table.jCalendar tr td.disabled:hover, table.jCalendar tr td.selected:hover {
	font-weight: normal;
}

table.jCalendar tr:nth-child(odd) td {
	background-color: #F0F0F0;
	border-color: #F0F0F0;
}

table.jCalendar tr td.disabled {
	color: #FFF;
	background: #CDCDCD;
}

table.jCalendar tr td.other-month {
	color: #CDCDCD;
}
table.jCalendar tr td.today {
	font-weight: bold;
	text-decoration:underline;
}

table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}



/* For the popup */
/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: transparent;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 11px;
	font-weight: bold;
	text-align: center;
	margin: 0px 0 !important;
	padding: 0;
	line-height: 21px;
	color:#FFF;
	background: transparent url(date-controls.png) repeat-x;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 25px;
	height: 21px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
	
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
	line-height: 21px;
	
	text-decoration:none;
	width: 14px;
	margin: 0px 4px;
	display:inline-block;
	text-align: center;
	padding:0;
	background: transparent url(date-controls.png) no-repeat;
	background-position: 0px -24px;
	
	text-indent: -10000px;
	overflow:hidden;
	
}
div.dp-popup div.dp-nav-prev a:hover, div.dp-popup div.dp-nav-next a:hover {
	opacity: 0.6;	
	-webkit-opacity: 0.6;	
	-moz-opacity: 0.6;	
}

div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
	background-position: 0px -49px;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup tr td {
	cursor: pointer;
}
div.dp-popup tr td.disabled {
	cursor: default;
}





/* range stíll fyrir búngaló - byrjun + endir og miðjur */
table.jCalendar tr td.selected { /* einn dagur valinn - og líka byrjun- og endadagsetningar */
	background: #eb1432;
	color: #fff;
}

table.jCalendar tr td.range_middle {
	background: #eb1432;
}
table.jCalendar tr td.booked_middle {
	background: #cdcdcd;
	color: #fff;
	border-color: #cdcdcd;;
}

/* setjum samlita kassa utan um þá daga sem eru partur af svona range eða booking tímabili */
table.jCalendar tr td.booked_middle {
	
}

/* fá báðir gæjar sömu bakgrunnsmyndina (sprite) */
table.jCalendar tr td.range_start, table.jCalendar tr td.range_end, table.jCalendar tr td.booked_start, table.jCalendar tr td.booked_end, table.jCalendar td.selected.booked_end {
	background: transparent url(date-range-start-end.png) no-repeat;
	
}
table.jCalendar tr td.range_middle, table.jCalendar tr td.range_end, table.jCalendar tr td.range_start {
	color: #000;
}
table.jCalendar tr td.range_middle {
	color: #FFF;
}


/* stílar fyrir range, fyrir bókaðar dagsetningar og fyrir þar sem bókaðar og rangið mætast */
table.jCalendar tr td.range_start { background-position: 0px 0px; }
table.jCalendar tr td.range_end { background-position: -27px 0px; }
table.jCalendar tr td.booked_start { background-position: -54px 0px; }
table.jCalendar tr td.booked_end { background-position: -81px 0px; }

table.jCalendar tr td.range_start.booked_end, table.jCalendar td.selected.booked_end { background-position: -108px 0px; }
table.jCalendar tr td.range_end.booked_start, table.jCalendar td.selected.booked_start { background-position: -134px 0px; }

/* PASSA UPP Á AÐ SKÁHALTIR DAGAR SÉU LÍKAR MEÐ HVÍTAN OG GRÁAN BAKGRUNN TIL SKIPTIS */
table.jCalendar tr:nth-child(odd) td.booked_start { background-color: #F0F0F0; }
table.jCalendar tr:nth-child(odd) td.booked_end { background-color: #F0F0F0; }
table.jCalendar tr:nth-child(odd) td.range_start { background-color: #F0F0F0; }
table.jCalendar tr:nth-child(odd) td.range_end { background-color: #F0F0F0; }


.datepicker_msg {
	margin: 0px 0px;
	//text-align: center;
}

/* -- CSS fyrir rönd - auðvelt að commenta út -- */ 
table.jCalendar {
	border-collapse: separate;
}
table.jCalendar th, 
table.jCalendar tr td {
	border: 1px solid #FFF;
	padding: 0;
}
table.jCalendar tr td.disabled {
	border-color: #ccc;
}
table.jCalendar tr td.booked_start, 
table.jCalendar tr td.booked_end, 
table.jCalendar tr td.booked_middle {
	border-color: #cdcdcd;
}

table.jCalendar tr td.range_start, 
table.jCalendar tr td.range_end, 
table.jCalendar tr td.range_middle, 
table.jCalendar tr td.selected,
table.jCalendar tr td.selected.booked_start, 
table.jCalendar tr td.selected.booked_end {
	border-color: #EB1432;
}
/* -- / CSS fyrir rönd endar --- */