* {
	font-family: "Lucida Sans","Lucida Grande",Verdana, sans-serif;
	font-size: 12px;
	color: #333333;
}
body {
	overflow-y: scroll;
	background: url("../images/bg_body.gif") top left repeat;
}
html,body {
	height: 100%;
}
#body {
	width: 100%;
	min-width:1240px;
	height: 100%;
}
div.innerDiv {
	margin: 0 auto;
	position: relative;
	width: 1240px;
    text-align: left;
}

/*****************************************************************************
	COMMON
*/
h1, h2, h3, h4, h5{
	line-height: 1.4 em;
	font-weight: bold;
}
h1 {
	font-size: 16px;
	margin-bottom: 3px;
}
h1.errorPage {
	color: #880000;
}
h2 {
	font-size: 14px;
	margin-bottom: 3px;
}
h3 {
	font-size: 13px;
	margin-bottom: 3px;
}
h4 {
	font-size: 12px;
	margin-bottom: 0;
}
h5 {
	font-size: 11px;
	margin-bottom: 0;
}


td {
	vertical-align: top;
}

p {
	line-height: 1.4 em;
}
p.soft {
	color: #a9a9a9;
}
p.soft a {
	color: #d78265;
}
p.soft b {
	color: #a9a9a9;
}
p.smallbody, p.smallbody * {
	font-size: 11px;
}
p.intro, p.intro a {
	font-size: 13px;
}
p.introBig, p.introBig a {
	font-size: 14px;
}
p.caption {
	font-size: 11px;
	font-style: italic;
}
p.caption a {
	font-size: 11px;
}
p.captionSmall {
	font-size: 10px;
	font-style: italic;
}
p.captionSmall a {
	font-size: 10px;
}
p.quote {
	font-size: 11px;
	font-style: italic;
}
p.quote a {
	font-size: 11px;
}
p.quotebig {
	font-size: 13px;
	font-style: italic;
}
p.quotebig a {
	font-size: 13px;
}
p.indented {
	padding: 0 10px;
}
p.footnote {
	font-size: 10px;
}
p.noBottomMargin {
	margin-bottom:0;
}

a, a:visited {
	color: #c15a2a;
	text-decoration: none;
}
a:hover {
	color: #eb6e33;
	text-decoration: underline;
}
a:active {
	color: #c15a2a;
	text-decoration: underline;
}
a.soft, a.soft:visited {
	color: #e0ac94;
	text-decoration: none;
}
a.soft:hover {
	color: #c15a2a;
	text-decoration: underline;
}
a.soft:active {
	color: #e0ac94;
	text-decoration: underline;
}
a.uncolored, a.uncolored:visited {
	color: #333333;
	text-decoration: none;
}
a.uncolored:hover {
	color: #c15a2a;
	text-decoration: underline;
}
a.uncolored:active {
	color: #333333;
	text-decoration: underline;
}

div.validationError {
	color: #CC0000;
	font-size: 10px;
	/* font-weight: bold; */
}

span.price, span.price:hover {
	font-weight: bold;
	text-decoration: none
}
span.priceRed, span.priceRed:hover {
	color: #FF0000;
	font-weight: bold;
	text-decoration: none
}

div.factBox {
	border: 2px solid #CCCCCC;
	padding: 35px;
	background: #FFFFFF;
}
div.sidebar {
	border: 1px solid #DDDDDD;
	padding: 20px;
	background: #FFFFFF;
	text-align: left;
}
div.sidebarCourse {
	border: 1px solid #DDDDDD;
	padding: 20px;
	background: #FAFAFA;
	text-align: left;
}

table.inventory {
	width: 100%;
	border: 2px solid #EEEEEE;
	border-collapse: collapse;
	}
table.inventory th {
	background: #CCCCCC;
	padding: 4px;
	border: 2px solid #EEEEEE;
	font-size: 11px;
}
table.inventory td {
	background: #DDDDDD;
	padding: 4px;
	border: 2px solid #EEEEEE;
	font-size: 11px;
	}
table.inventory a {
		font-size: 11px;
	}
	
table.inventory td.inventoryfooter {
	font-style: italic;
	font-size: 10px;
}
table.inventory td.inventoryheader {
	background: #FFFFFF;
}
table.inventory td.price {
	font-weight: bold;
}
table.inventory td.priceRed {
	font-weight: bold;
	color: #FF0000;
}
table.inventory td.kayaksample {
	border: 0px;
	padding: 0px;
	background: #FFFFFF;
}
table.inventory span {
	font-size: 9px;
}
span.smallcaps {
	font-size: 10px;
	text-transform: uppercase; 
}
.cleaner {
	font-size : 0 !important;
	height : 0 !important;
	clear : both;
	margin : 0 !important;
	padding : 0 !important;
	visibility : hidden;
}



/*	Anv�nds i bokningsformul�r */
div.leftMainColumnWarning {
	background: #AE2424;
	color: #FFFFFF;
	padding:6px;
	text-align: center;
	font-weight: bold;
	font-size: 14px;
}

table.bokning td.leftColumn {
	width: 390px;
	padding-bottom:40px;
	padding-top:170px;
}
table.bokning td.rightColumn td, 
table.bokning td.rightColumn p, 
table.bokning td.rightColumn input, 
table.bokning td.rightColumn textarea {
	font-size: 11px;
	padding: 3px;
}
table.bokning td.leftColumn img,
table.bokning td.leftColumn b {
	padding-left:60px;
}
table.bokning td.leftColumn p {
	padding:0 60px;
	font-size: 11px;
}
table.bokning td.rightColumn {
	padding-right:100px;
}
table.bokning td.rightColumn h1 {
	padding: 50px 0 20px 0;
}
table.bokning td.rightColumn h2 {
	padding: 0px 0 0px 0;
	background: #FFFFFF;
}
table.bokning td.rightColumn h3 {
	margin-top: 0;
}
table.bokning td.rightColumn span {
	font-size: 10px;
	text-transform: uppercase;
	
}
	table.bokning a {
	font-size: 11px;
	}
table.bokning td.rightColumn div.fb-button *
{
	text-transform: none;
}
	




table.eventList {
	background: #FAFAFA;
	border: 1px solid #C8C8C8;
	border-width: 1px 0;
}
table.eventList td {
	padding: 5px 20px;
}
table.eventList tr.nobg td {
	background: #FFFFFF;
}
table.eventList tr.bottomLine td {
	border-bottom: 1px solid #C8C8C8;
}
table.eventList td.firstCell {
	padding-left: 20px;
}
table.eventList tr.small td,
table.eventList tr.small td b,
table.eventList tr.small td a {
	font-size: 11px;
}
table.eventList span {
	text-transform: uppercase;
	font-size: 10px;
}




table.paddledata {
	width: 100%;
	border: 1px solid #EEEEEE;
	border-collapse: collapse;
	}
table.paddledata th {
	background: #CCCCCC;
	padding: 3px;
	border: 1px solid #EEEEEE;
	font-size: 11px;
}
table.paddledata td {
	background: #DDDDDD;
	padding: 3px;
	border: 1px solid #EEEEEE;
	font-size: 11px;
}
table.paddledata td.paddledatafooter {
	font-style: italic;
	font-size: 10px;
}
table.paddledata td.paddledataheader {
	background: #FFFFFF;
}
table.paddledata td.price {
	font-weight: bold;
}
table.paddledata td.priceRed {
	font-weight: bold;
	color: #FF0000;
}
table.paddledata span {
	font-size: 9px;;
}

table.shopitems td.shopitemsbottom {
	vertical-align: bottom;
	}

table.clubBooking {
}
table.clubBooking tr.odd {
	background: #EEEEEE;
}
table.clubBooking td {
	padding: 4px;
}
table.clubBooking td.divider {
	border-left:1px solid #DDDDDD;
}
table.clubBooking td.booked {
	background: green;
}
table.clubBooking td.bookedByAdmin {
	background: blue;
}

table.compact * {
	font-size: 11px;
}


a.rightColumnFilter {
	cursor: pointer;
	color: #555A55;
}
a.selected {
	font-weight: bold;
	text-decoration: none;
	color: #AE2424;
}


/*****************************************************************************
	FORMS
*/

button, input.submit {
	padding:3px;
   	width:auto;
   	overflow:visible;
   	border: 1px solid #666666;
   	background: #c15a2a;
   	color: #FFFFFF;
   	font-size: 11px;
}
input.textField, select {
	padding:2px 2px 2px 3px;
	margin:0;
	/*border: 1px solid #888888;*/
   	background: #FFFFFF;
   	font-size: 11px;
}
textarea {
	font-size: 11px;
	padding:0px 0px 0px 3px;
	margin:0;
	width:100%;
	/*border: 1px solid #888888;*/
   	background: #FFFFFF;
}

input.short {
	width:50px;
}

span.mandatory {
	color: #9E4334;
	font-weight: bold;
}

form.withMargins {
	margin: 0 20px 20px 20px;
}

fieldset {
	border: 1px solid #AAAAAA;
  	padding: 10px;
}
legend {
  	float:left;
  	width:25%;
  	margin-right:0.5em;
  	padding:4px 6px;
  	text-align:right;
  	font-weight:bold;
  	font-style: italic;
  	color: #888888;
}



/*****************************************************************************
	PAGE BORDER
*/

table.outerShadow {
	width: 1240px;
	empty-cells: show;
}
table.outerShadow td {
}
table.outerShadow td.shadowTop {
	width:1240px;
	height:10px;
	background: url("../images/content_shadow_top.png") top left no-repeat;
}
table.outerShadow td.shadowLeft {
	width:10px;
	background: url("../images/content_shadow_leftMiddle.png") top left repeat-y;
}
table.outerShadow td.content {
	background: #FFFFFF;
	width:1220px;
}
table.outerShadow td.shadowRight {
	width:10px;
	background: url("../images/content_shadow_rightMiddle.png") top left repeat-y;
}
table.outerShadow td.shadowBottom {
	width:1240px;
	height:10px;
	background: url("../images/content_shadow_bottom.png") top left no-repeat;
}



/*****************************************************************************
	TOP
*/

#topPane {
	position: relative;
	width: 100%;
	background: url("../images/bg_top.gif") top left repeat;
	text-align: center;
	color: #BEBA90;
}
#topPane a {
	color: #BEBA90;
	font-size: 10px;
}
#topPane div {
	min-height: 30px;
}
#topPane div div.login {
	position: relative;
	margin:3px 10px;
	font-size: 10px;
	display:inline;
	float:right;
	text-align: right;
	color:#BEBA90
}
#topPane div div.login form {
	color: #BEBA90;
	font-size: 10px;
}
#topPane div div.login input.submit {
	background: #BEBA90;
	color: #490d03;
	font-size: 10px;
	border: 1px solid #490d03;
}
#topPane div div.login a {
	color: #BEBA90;
	margin-right:10px;
}
#topPane div div.login span {
	color: #BEBA90;
}


/*****************************************************************************
	LOGO & MENU
*/

#menuPane {
	position: relative;
	width: 100%;
	text-align: center;
}
#menuPane div {
	height: 82px;
}
#menuPane div div.logo {
	position: absolute;
	width: 140px;
	height: 74px;
	top:12px;
	left:70px;
	background: url("../images/logo_new.png") no-repeat;
	cursor:pointer;
}

#menuPane div.menu {
	position: absolute;
	top:52px;
	left:0px;
}
/*Left was 238*/

#menuPane div.menu div.menuItem {
	display: inline;
	float:left;
	cursor: pointer;
	height: 40px;
	margin-right:5px;
	background-image: url("../images/menu_bg_new2.png");
	background-repeat: no-repeat;
}
#menuPane div.menu div.start {
	width: 227px;
	background-position: 10px -23px;
}
#menuPane div.menu div.startHover {
	width: 227px;
	background-position: 10px -63px;
}
#menuPane div.menu div.startSelected {
	width: 227px;
	background-position: 10px -103px;
}
#menuPane div.menu div.turer {
	width: 126px;
	background-position: -227px -11px;
}
#menuPane div.menu div.turerHover {
	width: 126px;
	background-position: -227px -51px;
}
#menuPane div.menu div.turerSelected {
	width: 126px;
	background-position: -227px -91px;
}
/*227+126=353*/

#menuPane div.menu div.kurser {
	width: 136px;
	background-position: -353px -11px;
}
#menuPane div.menu div.kurserHover {
	width: 136px;
	background-position: -353px -51px;
}
#menuPane div.menu div.kurserSelected {
	width: 136px;
	background-position: -353px -91px;
}
#menuPane div.menu div.resor {
	width: 124px;
	background-position: -489px -11px;
}
#menuPane div.menu div.resorHover {
	width: 124px;
	background-position: -489px -51px;
}
#menuPane div.menu div.resorSelected {
	width: 124px;
	background-position: -489px -91px;
}
#menuPane div.menu div.butik {
	width: 106px;
	background-position: -613px -11px;
}
#menuPane div.menu div.butikHover {
	width: 106px;
	background-position: -613px -51px;
}
#menuPane div.menu div.butikSelected {
	width: 106px;
	background-position: -613px -91px;
}
#menuPane div.menu div.club {
	width: 119px;
	background-position: -719px -11px;
}
#menuPane div.menu div.clubHover {
	width: 119px;
	background-position: -719px -51px;
}
#menuPane div.menu div.clubSelected {
	width: 119px;
	background-position: -719px -91px;
}
#menuPane div.menu div.uthyrning {
	width: 150px;
	background-position: -840px -11px;
}
#menuPane div.menu div.uthyrningHover {
	width: 150px;
	background-position: -840px -51px;
}
#menuPane div.menu div.uthyrningSelected {
	width: 150px;
	background-position: -840px -91px;
}


#menuPane div.uthyrning_online {
	position: absolute;
	top:38px;
	left:869px;
	width:100px;
	height: 12px;
	background: url("../images/menu_boka_online.png") no-repeat;
}

#menuPane div.turer_online {
	position: absolute;
	top:38px;
	left:240px;
	width:100px;
	height: 12px;
	background: url("../images/menu_boka_online.png") no-repeat;
}

#menuPane div.kurser_online {
	position: absolute;
	top:38px;
	left:371px;
	width:100px;
	height: 12px;
	background: url("../images/menu_boka_online.png") no-repeat;
}

#menuPane div div.loginLinks {
	position: absolute;
	top:4px;
	left:730px;
	width:500px;
	text-align: right;
}


div.subMenu {
	position: relative;
	float: left;
	width:332px;
	padding: 40px 0 40px 0;
}
div.subMenu div.subMenuTitle {
	font-size: 18px;
	padding: 4px 0 0 40px;
}

div.subMenu div.subMenuHeader {
	font-size: 13px;
	font-weight: bold;
	margin: 30px 80px 4px 40px;
	padding-bottom: 2px;
	text-transform: uppercase;
	border-bottom: 1px solid #666666;
}
div.subMenu div.subMenuItem {
	padding: 4px 0 0 40px;
}
div.subMenu div.subMenuItem a {
	color: #555A55;
	padding: 2px 0;
}
div.subMenu div.subMenuItemSelected {
	padding: 4px 0 0 40px;
}
div.subMenu div.subMenuItemSelected a {
	font-weight: bold;
	color: #AE2424;
	padding: 2px 0;
}
div.subMenu a {
	text-decoration: none;
}
div.subMenu a:hover {
	text-decoration: underline;
}
div.subMenu div.subMenuLevel1 {
	
}
div.subMenu div.subMenuLevel2 {
	padding-left: 50px;
}
div.subMenu div.subMenuLevel3 {
	padding-left: 60px;
}

div.subMenuContent {
	position: relative;
	float: left;
	width: 888px;
}


/*****************************************************************************
	SPECIAL
*/

.ralname td {
	font-size: 9px;
	padding-bottom: 12px;
	border: 8px solid #FFFFFF;
	padding-top: 0px;
}
.ralsample td {
	font-size: 9px;
	padding-bottom: 0px;
	border: 2px solid #FFFFFF;
	padding-top: 2px;
}


/*****************************************************************************
	MAIN
*/

#mainPane {
	position: relative;
	width: 100%;
	text-align: center;
}



/*****************************************************************************
	CONTENT
*/

#contentPane {
}

#contentPane td.leftMainColumn {
	position: relative;
	width:888px;
}
div.imageHeader {
	position: absolute;
	top: 280px;
	left:40px;
	font-size: 40px;
	font-weight: bold;
	color: #FFFFFF;
}
div.threeBlocks {	
	position:relative;
	float:left;
	display:inline;
}
div.threeBlocks div {
	display:inline;
	float:left;
	width:270px;
	padding: 0px 20px 0px 0px;
}

div.threeBlocks div a.blockLink,
div.threeBlocks div a.blockLink:visited,
div.threeBlocks div a.blockLink:hover,
div.threeBlocks div a.blockLink:active{
	display: block;
	padding: 3px 9px;
	background: #535B53;
	color: #FFFFFF;
	
}

div.fourBlocks {	
	position:relative;
	float:left;
	display:inline;
}
div.fourBlocks div {
	display:inline;
	float:left;
	width:221px;
	margin-right:1px;
}
div.fourBlocks div a.blockLink,
div.fourBlocks div a.blockLink:visited,
div.fourBlocks div a.blockLink:hover,
div.fourBlocks div a.blockLink:active{
	display: block;
	padding: 3px 9px;
	background: #535B53;
	color: #FFFFFF;
	
}
div.fourBlocks div a.blockLinkNoLink,
div.fourBlocks div a.blockLinkNoLink:visited,
div.fourBlocks div a.blockLinkNoLink:hover,
div.fourBlocks div a.blockLinkNoLink:active{
	display: block;
	padding: 3px 6px;
	background: #535B53;
	color: #FFFFFF;
	text-decoration: none;
}
div.fourBlocks div h4 {
	margin: 15px 15px 0 15px;
}
div.fourBlocks div p {
	margin: 10px 15px;
}
div.fourBlocks div ul {
	margin: 4px 15px 15px 30px;
}
div.fourBlocks div li {
	margin-bottom: 4px;
	list-style-image: url("../images/blockListArrow.gif");
}
div.fourBlocks div li span {
	font-size: 9px;
/*	font-weight: bold;*/
}

#contentPane td.rightMainColumn {
	background: #F6F6F6;
	line-height: 1.5em;
}
#contentPane td.rightMainColumn div.nextEvent {
	padding: 10px 30px;
}
#contentPane td.rightMainColumn div.nextEvent,
#contentPane td.rightMainColumn div.nextEvent b,
#contentPane td.rightMainColumn div.nextEvent a {
	font-size: 11px;
}
#contentPane td.rightMainColumn div.rightColumnAdmin {
	border: 1px solid #DADADA;
	background: #DDDDDD;
	padding: 0 6px;
}
#contentPane td.rightMainColumn div.rightColumnAdmin,
#contentPane td.rightMainColumn div.rightColumnAdmin a {
	font-size: 10px;
}
#contentPane td.rightMainColumn span {
	text-transform: uppercase;
	font-size: 10px;
}
#contentPane td.rightMainColumn div.futureEvents {
	padding: 10px 0 30px 20px;
}
#contentPane td.rightMainColumn div.scrollbox { 
	background: #FFFFFF;
	border: 1px solid #DDDDDD;
	padding: 5px 0 20px 0;
	height: 480px; 
	width: 309px; 
	overflow-x: hidden; 
	overflow-y: scroll; 
}
#contentPane td.rightMainColumn div.futureEvent,
#contentPane td.rightMainColumn div.futureEvent b,
#contentPane td.rightMainColumn div.futureEventLinks,
#contentPane td.rightMainColumn div.futureEventLinks a {
	font-size: 11px;
}
#contentPane td.rightMainColumn div.futureEvent {
	padding: 0 20px; 
	line-height: 1.3em;
}
#contentPane td.rightMainColumn div.futureEventLinks {
	position: relative;
	top:-17px;
	height: 0px;
	text-align: right;
	padding-right: 20px;
}
.nonPublic {
	color: #AE2424;
}

/*****************************************************************************
	BLOGS
*/

#contentPane td.rightMainColumn div.blogs {
	padding: 0 30px 20px 30px;
}
#contentPane td.rightMainColumn div.blogs div.gravatar {
	float:left;
	width:80px;
}
#contentPane td.rightMainColumn div.blogs div.gravatar img {
}
#contentPane td.rightMainColumn div.blogs div.post {
	width:270px;
	font-size: 9px;
	line-height: 1.2em;
	margin-top : 10px;
}
#contentPane td.rightMainColumn div.blogs div.post p {
	font-size: 8px;
	padding : 4px 0px 0px 84px;
}
#contentPane td.rightMainColumn div.blogs div.post a {
	font-size: 10px;
}
#contentPane td.rightMainColumn div.blogs div.post div.comment-count {
	display : block;
	background-image : url("../images/bubbla2.png");
	background-repeat : no-repeat;
	background-position-y : -3px;
	font-size : 8px;
	margin-left : 2px;
	padding-left : 15px;
	font-weight : bold;
	line-height : 8px;
	vertical-align : top;
	padding-bottom : 2px;
	float : right;
}
#contentPane td.rightMainColumn div.blogs ul {
	margin: 4px 15px 15px 10px;
}
#contentPane td.rightMainColumn div.blogs li {
	margin-bottom: 4px;
	list-style-image: url("../images/blockListArrow.gif");
}
#contentPane td.rightMainColumn div.blogs a {
	font-size: 10px;
	
}

/*****************************************************************************
	BOTTOM
*/
#bottomPane {
}
#bottomPane div {
	margin:5px 0;
}
#bottomPane div.bottomLeft {
	font-size: 10px;
	display:inline;
	float:left;
	margin-left:10px;
}
#bottomPane div table td {
	font-size: 10px;
	padding: 0 10px 30px 10px;
	color:#BEBA90;
}
#bottomPane div table td a {
	font-size: 10px;
	color:#BEBA90;
}
#bottomPane div.bottomMiddle {
	display:inline;
	float:left;
	margin-left:100px;
}
#bottomPane div.bottomRight {
	float:right;
	margin-right:20px;
}
#bottomPane div.footerLogo {
	width: 125px;
	height: 50px;
	margin:0;
	background: url("../images/footer_logo.gif") top left no-repeat;
}


/*****************************************************************************
	SPECIALKLASSER FÖR ADMINISTRERINGSSIDORNA
*/
span.structureLevelMarker {
	padding-left:10px;
	color: #666666;
	font-size: 8px;
	position: relative;
	top: -3px;
}
a.deleteLink {
	color: #888888;
	font-size: 9px;
	text-decoration: none;
}
a.deleteLink:hover {
	color: #880000;
	font-size: 9px;
	text-decoration: underline;
}



table.sortableTable {
	/* font-family:arial;*/
	margin:6px 0;
	width: 1180px;
	text-align: left;
	border-collapse:collapse;
}
div.subMenuContent table.sortableTable {
	width: 868px;
}
table.sortableTable thead tr th, table.sortableTable tfoot tr th {
	background-color: #E6EEEE;
	border: 1px solid #FFF;
	font-size: 10px;
	padding: 4px;
}
table.sortableTable thead tr .header {
	background-image: url(../images/sortNone.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.sortableTable tbody td {
	color: #333333;
	padding: 2px 4px;
	background-color: #FFF;
	vertical-align: top;
	font-size: 10px;
	/*font-family: Verdana;*/
}
	
table.sortableTable a {
	font-size: 10px;}

table.sortableTable tbody tr.odd td {
	background-color:#EAEEEE;
}
table.sortableTable tbody tr.highlighted td {
	background-color:#D5DDDD;
}
table.sortableTable thead tr .headerSortUp {
	background-image: url(../images/sortAsc.gif);
}
table.sortableTable thead tr .headerSortDown {
	background-image: url(../images/sortDesc.gif);
}
table.sortableTable thead tr .headerSortDown, table.sortableTable thead tr .headerSortUp {
	background-color: #D5DDDD;
}
table.sortableTable tr.bookingUser {
	display:none;
}	

div.sortableTablePager {
	display: none;
	padding:0 0 6px 0;
	text-align: center;
}
div.sortableTablePager span {
	padding: 2px 5px;
	margin:0 2px;
	cursor: pointer;
   	background: #e6EEEE;
   	font-family:arial;
   	font-size: 11px;
}
div.sortableTablePager input.prev {
	width: auto;
	margin-right: 10px;
}
div.sortableTablePager input.next {
	width: auto;
	margin-left: 10px;
}
div.sortableTablePager input {
	width: 50px;
	text-align: center;
}
#quicksearch {
	display: inline;
}




/******************************************************************************** 
	DATEPICKER 
*/

table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}

table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected.dp-hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
	background: #fff;
	color: #000;
}
table.jCalendar tr.selectedWeek td {
	background: #f66;
	color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
	background: #bbb;
	color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
	background: #bbb;
	color: #888;
}

/* 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: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	/*width: 171px;*/
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
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: 100px;
}
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;
}
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;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}

/* located in demo.css and creates a little calendar icon
 * instead of a text link for "Choose date"
 */
a.dp-choose-date {
	float: left;
	width: 16px;
	height: 16px;
	padding: 0;
	margin: 0 3px;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.png) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

table.receipt td
{
	padding : 3px 5px;
}
table.receipt td.title
{
	font-style: italic;
}
tr.deleted td, tr.deleted td a
{
	color : #888 !important;
}
div.delete
{
	background: url(../images/icon/delete.png) no-repeat;
}
div.undelete
{
	background: url(../images/icon/undelete.png) no-repeat;
}
div.delete, div.undelete
{
	width : 16px;
	height : 16px;
}
div.delete a, div.undelete a
{
	display : block;
	text-decoration: none !important;
}
td.cancel-rules h2
{
	font-size : 12px;
	font-weight : bold;
}
td.cancel-rules ul li
{
	font-size : 11px;
	margin : 10px 0px;
}
p.auth-heading
{
	font-weight : bold;
	font-size : 13px;
	color : #888;
	font-style : italic;
}
div.edit-user, 
div.edit-booking
{
	padding : 20px;
}
div.edit-user td, 
div.edit-booking td
{
	padding : 5px;
}
div.edit-user td input[type="text"],
div.edit-booking td input[type="text"]
{
	width : 200px;
}

/* = Sales stat  = */
table.sales-stat td
{
	padding : 3px 6px;
}
table.sales-stat, table.sales-stat td, table.sales-stat th
{
	border : 1px solid #000;
	border-collapse: collapse;
}
table.sales-stat th
{
	padding : 6px;
	font-weight : bold;
	text-align : center;
}

/* = RSS feed = */
p.rssfeed
{
	background: url("../images/icon/rss-feed.gif") top right no-repeat;
	margin : 10px 10px 10px 0;
}
p.rssfeed a
{
	display : block;
	text-align : right;
	padding : 0 90px 0 0;
}

/* = Club bookings = */
table.club-bookings 
{
	margin : 5px 0 20px 0;
}
table.club-bookings th
{
	padding : 10px 0;
}
table.club-bookings td
{
	padding : 3px 0;
}
table.club-bookings td,
table.club-bookings td a
{
	font-size : 11px;
}
table.club-bookings td.small,
table.club-bookings td.small a
{
	font-size : 10px;
}