/* Automatically included across all of c5 - use this file gingerly */
img.ccm-captcha-image {display: block}

/* clear and pagination styles */
*.ccm-spacer {clear: both; font-size:1px; line-height:1px; }
div.ccm-pagination { text-align:center; position: relative}
div.ccm-pagination span.ccm-page-right {position: absolute; top: 0px; right: 0px; margin-right: 0px !important}
div.ccm-pagination span.ccm-page-right span {margin-right: 0px}
div.ccm-pagination span.ccm-page-left {position: absolute; top: 0px; left: 0px}
div.ccm-pagination span {margin-right: 4px}
.ccm-ui div.ccm-pagination span {margin-right: 0px;}

/* Extra pagination styling to make code generated by C5 pagination helper look nice */
div.pagination ul strong, div.pagination ul span.ltgray {
	display:block;
	padding:0 14px;
	float:left;
	line-height:34px;
	border-right:1px solid #DDD;
	text-decoration:none;
}

/* Layout */ 
/*
.ccm-layout .ccm-layout-cell{ overflow:hidden; }
*/
.ccm-layout-table .ccm-layout-col {float:left}
.ccm-layout .first .ccm-layout-col-spacing { margin-left:0px !important } 
.ccm-layout .last .ccm-layout-col-spacing { margin-right:0px !important } 

/* global error styles */
.ccm-error {font-weight: bold; color: #f00}
.ccm-required {font-weight: bold; color: #3975AD}

div#ccm-overlay {
	position: fixed;
	z-index:99;
	top: 0px;
	left: 0px;
	background-color:#000;
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	height:100%;
	width:100%;
	display: none;
} 

.ccm-input-time-wrapper select {width: 55px !important; margin-right: 4px !important;}
.ccm-input-date {width: 80px !important; margin-right: 4px !important;}

.ui-datepicker 								{ width: 233px; display: none; background-color: #fff; font-weight: 400; font-size: 0.875em; line-height: 1.5em; font-family: "adelle", "trebuchet ms", arial, verdana, helvetica, sans-serif; color: #191919; padding: 0; border: 0; margin-top: 0;  }
.ui-datepicker .ui-datepicker-header 		{ position: relative; background: #fab2dc none; font-weight: normal; font-size: 0.9em; padding: 0; border: 0;  }
.dcf .ui-datepicker .ui-datepicker-header 	{ background-color: #7f3585; }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next 			{ width: 1.8em; height: 1.8em; position: absolute; top: 2px; }
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover 	{ top: 2px; }
.ui-datepicker .ui-datepicker-prev 			{ left: 2px; }
.ui-datepicker .ui-datepicker-next 			{ right: 2px; }
.ui-datepicker .ui-datepicker-prev-hover 	{ left: 2px; }
.ui-datepicker .ui-datepicker-next-hover 	{ right: 2px; }
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span 	{ width: 30px; height: 0; overflow: hidden;  display: block; position: absolute; left: 50%; top: 50%; background: transparent none; background-repeat: no-repeat !important; background-position: center center !important; padding-top: 21px; margin-left: -8px; margin-top: -10px;  }
.ui-datepicker .ui-datepicker-prev span		{ background: url(/css/images/arrow_left_pink.png); }
.ui-datepicker .ui-datepicker-next span 	{ background: url(/css/images/arrow_right_pink.png); margin-left: -18px; }
.dcf .ui-datepicker .ui-datepicker-prev span	{ background: url(/css/images/arrow_left_white.png); }
.dcf .ui-datepicker .ui-datepicker-next span 	{ background: url(/css/images/arrow_right_white.png); }
.ui-datepicker .ui-datepicker-prev span:hover,
.ui-datepicker .ui-datepicker-next span:hover 	{ background-position: center center !important; cursor: pointer; }

.ui-datepicker .ui-datepicker-title 		{ font-weight: bold; font-size: 12px; line-height: 27px; text-align: center; color: #552c3c; margin: 0 2.3em; }
.dcf .ui-datepicker .ui-datepicker-title 	{ color: #fff; text-shadow: none;  }
.ui-datepicker .ui-datepicker-title select 	{ font-size: 1em; margin: 1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: 100%; }
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year 	{ width: 49%; }

.ui-datepicker table 						{ width: 100%; font-size: .8em; border-collapse: collapse; color: #552c3c; margin: 0; }
.ui-datepicker th 							{ width: 14%; font-weight: normal; text-align: center; padding: .3em .3em; border: 0;  }
.ui-datepicker td 							{ width: 14%; padding: 1px; border: 0; }
.ui-datepicker td span,
.ui-datepicker td a 						{ display: block; background: #eee none !important; font-weight: bold; font-size: 1.1em; text-align: center; text-decoration: none; color: #552c3c; padding: 4px 3px; border: 0 !important; }
.ui-datepicker td a:hover,
.ui-datepicker td a:active 					{ background-color: #ed008c !important; color: #fff; }
.dcf .ui-datepicker td a:hover,
.dcf .ui-datepicker td a:active 			{ background-color: #7f3585 !important; color: #fff; }
.ui-datepicker .ui-datepicker-buttonpane 	{ background-image: none; padding: 0 .2em; border-left: 0; border-right: 0; border-bottom: 0; margin: .7em 0 0 0; }
.ui-datepicker .ui-datepicker-buttonpane button { width: auto; overflow: visible; float: right; padding: .2em .6em .3em .6em; margin: .5em .2em .4em; cursor: pointer; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi 				{ width: auto; }
.ui-datepicker-multi .ui-datepicker-group 		{ float: left; }
.ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group 	{ width: 50%; }
.ui-datepicker-multi-3 .ui-datepicker-group 	{ width: 33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group 	{ width: 25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header 	{ border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header 	{ border-left-width: 0; }
.ui-datepicker-multi .ui-datepicker-buttonpane 	{ clear:left; }
.ui-datepicker-row-break 						{ width: 100%; clear: both; font-size: 0em; }

/* RTL support */
.ui-datepicker-rtl 								{ direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev 			{ right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next 			{ left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover 	{ right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover 	{ left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane 	{ clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group 		{ float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header 		{ border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header 	{ border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
	position: absolute; /*must have*/
	z-index: -1; /*must have*/
	filter: mask(); /*must have*/
	top: -4px; /*must have*/
	left: -4px; /*must have*/
	width: 200px; /*must have*/
	height: 200px; /*must have*/
}
.ccm-tags-display ul.ccm-tag-list li {
	display: inline;
	color: #fff;
	padding: 5px 8px 6px 8px;
	margin: 3px 6px 3px 0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	float: left;
	line-height: 13px;
	height: 13px;
}
.ccm-next-previous-wrapper {
    text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
.ccm-next-previous-previouslink, .ccm-next-previous-parentlink, .ccm-next-previous-nextlink, .ccm-next-previous-wrapper .spacer {
    display: -moz-inline-block;
    display: inline-block;
    *display: inline;
    zoom: 1;
    text-align: left;
    -ms-text-justify: auto;
    text-justify: auto;
}
.ccm-next-previous-wrapper .spacer {
    font-size: 1px;
    line-height: 1px;
    width: 100%;
}