/**

Calendar wrapper css

*/

.ipenelo-calendar-wrapper {
	height:400px;
	width:590px;
	float:none;
	margin-top: 1px;
}

.ipenelo-calendar-wrapper input {
}

.ipenelo-calendar-day {
	-moz-border-radius:5px;
	background-color:#36387B;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	min-height:252px;
	margin-bottom: 20px;
	line-height:10px;
	margin-top:0px;
	padding:20px;
	text-shadow:0 0 5px #DDDDDD;
	width:590px;
}

.ipenelo-calendar-form {
	-moz-border-radius:5px;
	background-color:#36387B;
	color:#FFFFFF;
	float:left;
	font-size:16px;
	height:252px;
	line-height:10px;
	margin-top:0px;
	padding:20px;
	text-shadow:0 0 5px #DDDDDD;
	width:590px;
}


.ipenelo-calendar-day td.background {
	width: 32px;
	padding: 10px;
}
.ipenelo-calendar-day td.time {
	width: 50px;
	padding: 10px;
}
.ipenelo-calendar-day td.title {
	padding: 10px;
	
}
.ipenelo-calendar-day td.status {
	width: 64px;
	padding: 10px;
}



.ipenelo-calendar-day span {
	display:block;
	font-size:16px;
	text-align:center;		
}




/**************/
/* the input field */
.ipenelo-calendar-input {
	border:1px solid #ccc;
	font-size:18px;
	padding:4px;
	text-align:center;
	width:180px;		
	-moz-box-shadow:0 0 10px #eee inset;
}

/* end calendar wrapper css */

/* start calendar css */

/* default calendar - medium sized */

.calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:1;	
	margin-top:-26px;	
	width:370px;	
}

.calroot #calbody {
	clear:both;
	font-family:sans-serif;		
	width:364px;
	font-size:13px;
	border:1px solid #BDC8D2;
	border-width:1px 1px 0;
	background:#F5F9FF url("../img/h300.png") 0 37px repeat-x;
	-moz-box-shadow:0 0 10px 0px #ccc;
	-webkit-box-shadow:0 0 10px 0px #ccc;
}

.calroot #calhead {
	padding-left:195px;		
}

.calroot #caltitle {
	font-family:sans-serif;		
	text-align:center;
	font-size:14px;
	float:left;
	width:130px;
}

.calroot #calnext, .calroot #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url("../img/prev.gif") no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

.calroot #calnext {
	background-image:url("../img/next.gif");
	float:right;
}

.calroot #calprev.caldisabled, .calroot #calnext.caldisabled {
	visibility:hidden;	
}

.calroot #caldays span {
	display:block;
	float:left;
	width:52px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	font-size:11px;
	color:#7e7e7e;
	line-height:18px;
	background:#fff url("../img/h80.png") repeat-x;
}

.calroot #calweeks {
	
}

.calroot .calweek {
	clear:left;
	height:50px;
	border-bottom:1px solid #BDC8D2;
	border-top:1px solid #fff;
}


.calroot .calweek a {
	display:block;
	float:left;
	width:50px;
	height:50px;
	text-decoration:none;
	font-size:15px;
	text-align:center;
	line-height:50px;
	color:#000;
	border-right:1px solid #fff;
	border-left:1px solid #BDC8D2;
	text-shadow:1px 1px 1px #fff;
} 

.calroot a.calsunday {
	border-left:1px solid transparent;		
	color:#900;
	background-color:#f2f2f2;
}

.calroot .calweek a:hover, .calroot .calfocus {
	background:#fff url("../img/h80.png") repeat-x;
}

.calroot .calsun {
	color:red;		
}

.calroot a.caloff {
	color:#999;	
	background:#eee url("../img/h80.png") repeat-x;
}

.calroot a.caloff.calfocus {
	background-color:#ddd;		
}

.calroot .caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

.calroot .caloff:hover {
	background-color:rgb(245, 245, 250);		
}


.calroot #caltitle select {
	font-size:10px;	
}

/* current day */
.calroot #calcurrent {
	background-color:#498CE2;
	color:#fff;
	text-shadow:0 1px 0 #000;
	border:0;
	width:52px;
	background-image:none;
	-moz-box-shadow:inset 0 0 10px 0px #000;
}

/* today */
.calroot #caltoday {
	background-color:#666;
	color:#fff;
	text-shadow:0 1px 0 #000;
}

/* end default medium sized calendar */

/** start small calendar */


.calrootsmall {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:1;
	
	margin-top:-1px;
	width:198px;
	padding:2px;
	background-color:#fff;
	font-size:11px;
	border:1px solid #ccc;
	
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;	
}

/* head. contains title, prev/next month controls and possible month/year selectors */
.calrootsmall #calhead {	
	padding:2px 0;
	height:22px;
} 

.calrootsmall #caltitle {
	font-size:14px;
	color:#0150D1;	
	float:left;
	text-align:center;
	width:155px;
	line-height:20px;
	text-shadow:0 1px 0 #ddd;
}

.calrootsmall #calnext, .calrootsmall #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url("../img/prev.gif") no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

.calrootsmall #calnext {
	background-image:url("../img/next.gif");
	float:right;
}

.calrootsmall #calprev.caldisabled , .calrootsmall #calnext.caldisabled {
	visibility:hidden;	
}

/* year/month selector */
.calrootsmall #caltitle select {
	font-size:10px;	
}

/* names of the days */
.calrootsmall #caldays {
	height:14px;
	border-bottom:1px solid #ddd;
}

.calrootsmall #caldays span {
	display:block;
	float:left;
	width:28px;
	text-align:center;
}

/* container for weeks */
.calrootsmall #calweeks {
	background-color:#fff;
	margin-top:4px;
}

/* single week */
.calrootsmall .calweek {
	clear:left;
	height:22px;
}

/* single day */
.calrootsmall .calweek a {
	display:block;
	float:left;
	width:27px;
	height:20px;
	text-decoration:none;
	font-size:11px;
	margin-left:1px;
	text-align:center;
	line-height:20px;
	color:#666;
	-moz-border-radius:3px;
	-webkit-border-radius:3px; 		
} 

/* different states */
.calrootsmall .calweek a:hover , .calrootsmall .calfocus {
	background-color:#ddd;
}

/* sunday */
.calrootsmall a.calsun {
	color:red;		
}

/* offmonth day */
.calrootsmall a.caloff {
	color:#ccc;		
}

.calrootsmall a.caloff:hover {
	background-color:rgb(245, 245, 250);		
}


/* unselecteble day */
.calrootsmall a.caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

/* current day */
.calrootsmall #calcurrent {
	background-color:#498CE2;
	color:#fff;
}

/* today */
.calrootsmall #caltoday {
	background-color:#333;
	color:#fff;
}

.ipenelo-calrootsmall {
	height: 220px !important;
}
/* end small calendar */

/** start large size calendar */

.calrootlarge {
	/* place on top of other elements. set a higher value if nessessary */
	z-index:1;	
	margin-top:-26px;	
	width:630px;	
}

.calrootlarge #calbody {
	clear:both;
	font-family:sans-serif;		
	width:630px;
	font-size:16px;
	border:1px solid #BDC8D2;
	border-width:1px 1px 0;
	background:#F5F9FF url("../img/h300.png") 0 37px repeat-x;
	-moz-box-shadow:0 0 10px 0px #ccc;
	-webkit-box-shadow:0 0 10px 0px #ccc;
}

.calrootlarge #calhead {
	padding-left:195px;		
}

.calrootlarge #caltitle {
	font-family:sans-serif;		
	text-align:center;
	font-size:14px;
	float:left;
	width:390px;
}

.calrootlarge #calnext , .calrootlarge #calprev {
	display:block;
	width:20px;
	height:20px;
	background:transparent url("../img/prev.gif") no-repeat scroll center center;
	float:left;
	cursor:pointer;
}

.calrootlarge #calnext {
	background-image:url("../img/next.gif");
	float:right;
}

.calrootlarge #calprev.caldisabled, .calrootlarge #calnext.caldisabled {
	visibility:hidden;	
}

.calrootlarge #caldays span {
	display:block;
	float:left;
	width:90px;
	text-align:center;
	font-weight:bold;
	padding:4px 0;
	font-size:11px;
	color:#7e7e7e;
	line-height:18px;
	background:#fff url("../img/h80.png") repeat-x;
}

.calrootlarge #calweeks {
	
}

.calrootlarge .calweek {
	clear:left;
	height:50px;
	border-bottom:1px solid #BDC8D2;
	border-top:1px solid #fff;
}


.calrootlarge .calweek a {
	display:block;
	float:left;
	width:88px;
	height:50px;
	text-decoration:none;
	font-size:21px;
	font-weight: bold;
	text-align:center;
	line-height:50px;
	color:#000;
	border-right:1px solid #fff;
	border-left:1px solid #BDC8D2;
	text-shadow:1px 1px 1px #fff;
} 

.calrootlarge a.calsunday {
	border-left:1px solid transparent;		
	color:#900;
	background-color:#f2f2f2;
}

.calrootlarge .calweek a:hover, .calrootlarge .calfocus {
	background:#fff url("../img/h80.png") repeat-x;
}

.calrootlarge .calsun {
	color:red;		
}

.calrootlarge a.caloff {
	color:#999;	
	background:#eee url("../img/h80.png") repeat-x;
}

.calrootlarge a.caloff.calfocus {
	background-color:#ddd;		
}

.calrootlarge .caldisabled {
	background-color:#efefef !important;
	color:#ccc	!important;
	cursor:default;
}

.calrootlarge .caloff:hover {
	background-color:rgb(245, 245, 250);		
}


.calrootlarge #caltitle select {
	font-size:10px;	
}

/* current day */
.calrootlarge #calcurrent {
	background-color:#498CE2;
	color:#fff;
	text-shadow:0 1px 0 #000;
	border:0;
	width:90px;
	background-image:none;
	-moz-box-shadow:inset 0 0 10px 0px #000;
}

/* today */
.calrootlarge #caltoday {
	background-color:#666;
	color:#fff;
	text-shadow:0 1px 0 #000;
}

/* end large size calendar */

/**  end calendar css */




div.error {
	z-index: 9999;
    background-color: #FFEBE8;
    border-color: #CC0000;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 5px 15px 2px;
    padding: 0 0.6em;
}

div.error p , #message p {
	margin: 0;
}

.form-table td {
	padding: 5px;
}


#message {
    background-color: #FFFFE0;
    border-color: #E6DB55;
    border-radius: 3px 3px 3px 3px;
    border-style: solid;
    border-width: 1px;
    margin: 0 0 16px 8px;
    padding: 12px;
}


div.ipenelo_colordiv {
	height: 32px;
	width: 32px;
	display: block;
}

div.ipenelo-calendar-event {
}

div.ipenelo-calendar-event h2 {
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
}
div.ipenelo-calendar-event div.row {
	clear: both;
	float: none;
	display: table;
	width: 500px;
}


div.ipenelo-calendar-event div.background {
	float: left;
	width: 32px;
}
div.ipenelo-calendar-event div.title {
	float: left;
	padding: 10px;
	text-align: center;
	width: 85%;
}

div.ipenelo-calendar-event div.cost {
	float: left;
	width: 64px;
	padding: 10px;
}
div.ipenelo-calendar-event div.url {
	float: left;
	padding: 10px;
}


div.ipenelo-calendar-event div.active_from {
	float: left;
	width: 50%;
	padding: 10px;
	text-align: right;
}
div.ipenelo-calendar-event div.active_to {
	float: left;
	padding: 10px;
	text-align: left;
}

div.ipenelo-calendar-event div.description {
	padding: 10px;
	border: 1px dotted #777;
	border-radius: 5px;
}
div.ipenelo-calendar-event div.last_registration_allowed {
	text-align: center;
	width: 100%;
	padding: 10px 0;
}

div.ipenelo_hidden {
	display: none;
}