/* start initial --------------------*/

html, body, form {
	margin: 0;
	padding: 0;
	font: 85%/120% "Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
	line-height:1.35;
	background:#f8f8f8;
	color:#443b38;
}

body {
	min-width:1000px;
	max-width:1600px;
	background:#f8f8f8 url(/themes/cc/gfx/bg/bk-faux-sidebar.gif) right top repeat-y;
}

form {
	font-size:100%;
}

input, select, textarea {
	font-family:"Lucida Sans", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}

h1,h2,h3,h4,h5,h6 {
	color:#443b38;
	font-weight:normal;
	letter-spacing:-1px;
	line-height:1.25;
}

h1 {
	font-size:150%;
	margin:0 0 14px;
	padding:14px 0 12px;
	text-transform:uppercase;
	border-bottom:1px solid #C7CCD1;
	clear:both;
	color:#554c49;
}

.huge {
	font-size:150%;
}

h2 {
	font-size:150%;
	margin:12px 0 7px;
	clear:both;
}

#frontpage h2 {
	clear:none;
}

.bio h2 {
	clear:none;
	margin-top:0;
}

h3, h4 {
	font-size:125%;
	margin:0 0 15px;
	clear:both;
}

#content p, #widecontent p, #sidebar p {
	margin-bottom:10px;
}

blockquote {
	margin-left:0;
}

form label, #submit {
	cursor: pointer;
}

form label, legend {
	font-size:100%;
}

fieldset {
}

input, select, textarea {
	font-size: 100%;
}

a, a:visited {
	color:#559900;
}

.highlight {
	color:#C23036;
}

.item2 a, .item2 a:visited {
	color:#559900;
}

a:hover {
	text-decoration:underline;
}

a img {
	border:none;
}

img {
	padding:0;
	margin:0;
}
	
hr {
	margin-bottom:30px;
	margin-top:25px;
	background:#bcc2c7;
	border:none;
	height:1px;
}

small {
	font-size:75%;
}

label small {
	font-size:77%;
}

.left {
	text-align:left;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.fleft {
	float:left;
	margin-right:15px;
	margin-bottom:15px;
}

.fright {
	float:right;
	margin-left:15px;
	margin-bottom:15px;
}

.clear {
	clear:both;
}

.noclear {
	clear:none;
}

.caps {
	text-transform:uppercase;
}

.caps span {
	text-transform:none;
}

.insetlarge {
	margin-left:127px;
}

.capitalize {
	text-transform:lowercase;
	text-transform:capitalize;
}

code {
	display:block;
	border:1px solid #bcc2c7;
	background:#fff;
	padding:15px;
	margin:15px 0;
}

.toggler {
	background:url(/themes/cc/gfx/bg/bk-toggle-grey.gif) no-repeat 100% 75%;
	padding-right:20px;
	cursor:pointer;
}

/*end initial-----------------------*/

/*images----------------------------*/

.framesmall {
	border:1px solid #bcc2c7;
	background:#fff;
	padding:5px;
}

a .framesmall:hover {
	border-color:#99cc00;
}

/*forms-----------------------------*/

form.def {
	background:#f1f4f8;
	border:1px solid #bcc2c7;
	padding:15px;
	margin-bottom:15px;
}

form.def fieldset {
	border:none;
	padding:0;
	margin:0;
}

form.def legend {
	display:none;
}

label {
	text-transform:uppercase;
	margin-bottom:2px;
}

#assess label {
	text-transform:none;
}

label span {
	text-transform:none;
}

input, select, textarea {
	margin-bottom:15px;
}

input, textarea {
	border:1px solid #bcc2c7;
	padding:2px;
}

.def input {
	width:250px;
}

.def div.logged {
	width:250px;
	border:1px solid #bcc2c7;
	padding:2px;
	margin-bottom:15px;
}

.def textarea {
	width:500px;
}

select {
	margin-top:2px;
}

#submit {
	width:auto;
	border:2px solid #77aa00;
	background:#99cc00;
	color:#fff;
	padding:2px 3px;
	text-transform:uppercase;
	margin-bottom:0;
	margin-right:15px;
}

.submit, .submit:visited {
	border:2px solid #77aa00;
	background:#99cc00;
	color:#fff;
	padding:2px 3px;
	margin:0 7px;
	text-transform:uppercase;
	text-decoration:none;
}

.disabled {
	border:2px solid #bcc2c7;
	background:#dfe1e3;
	padding:2px 3px;
	margin:0 7px;
	text-transform:uppercase;
}

.scanlink {
	margin-top:15px;
	border-top:1px solid #bcc2c7;
	padding:15px;
	text-align:center;
}

#rememberme {
	width:auto;
}

input.radio {
	width:auto;
	margin-right:5px;
	border:none;
	vertical-align:text-top;
	padding:1px;
}

/*lists-----------------------------*/

#content ul, #widecontent ul, #sidebar ul {
	margin-left:15px;
	margin-bottom:15px;
}

#content ul li, #widecontent ul li, #sidebar ul li {
	margin-bottom:10px;
}

#sidebar dl {
	margin-bottom:15px;
}

#sidebar dt {
	margin-top:10px;
}

#sidebar dd {
}

#sidebar ul.user-address {
	margin-bottom:10px;
	margin-top:10px;
	text-transform:capitalize;
}

#sidebar ul.user-address li {
	margin-top:0;
	margin-bottom:0;
}

/*layout----------------------------*/

#container {
	padding:0;
	overflow:auto;
	background:url(/themes/cc/gfx/bg/bk-sidebar-front.jpg) no-repeat bottom right;
	min-height:300px;
}

.line {
	float:left;
	width:100%;
	position:relative;
}

.item {
	position:relative;
	float:left;
	left:100%;
}

.item1 {
	margin-left:-100%;
	margin-bottom:0;
	width:100%;
}

.item2 {
	margin-left:-350px;
	margin-bottom:0;
	width:350px;
}

.subnav {
	color:#333;
	font-size:80%;
	padding:2px 15px;
	text-transform:uppercase;
	background:#edf0f4;
	border-top:1px solid #f1f4f8;
}

#content {
	border-top:1px solid #eaedf0;
	padding:0 365px 0 15px;
}

#widecontent {
	border-top:1px solid #eaedf0;
	padding:0 15px 0;
	margin:0;
	background:#f8f8f8;
	overflow:auto;
	min-height:300px;
}

#sidebar {
	padding:0 15px 205px;
}

body#frontpage #sidebar {
	padding:255px 15px 205px;
	background:url(/themes/cc/gfx/bg/bk-sidebar-frontpage.jpg) no-repeat top right;
	min-height:260px;
}

#sidebar h2 {
	border-top:1px solid #E9EAEB;
	border-bottom:1px solid #C7CCD1;
	background:#d7dde1 url(/themes/cc/gfx/bg/bk-sidegrad.jpg) repeat-x top;
	padding:0;
	margin:0 -15px 15px -14px;
	padding:14px 15px 11px;
}

#sidebar h2.icon {
	padding:0;
}

body#frontpage #sidebar h2 {
	background:none;
	border:none;
	padding:0 15px;
}

#sidebar h3 {
	clear:both;
}

body#frontpage #sidebar h3 {
}

#sidebar #map h3 {
	clear:none;
}

#footer {
	clear:both;
	border-top:1px solid #BCC2C7;
	padding:10px 275px 10px 15px;
	background:#f8f8f8 url(/themes/cc/gfx/logos/footer-logos.gif) no-repeat 100% 50%;
	color:#5e6369;
	overflow:auto;
	-webkit-text-size-adjust: none;
}

#footer div {
	float:left;
	padding-right:15px;
	border-right:1px solid #bcc2c7;
	margin-bottom:10px;
}

#footer div#flinks {
	border-right:none;
}

#flinks ul {
	list-style:none;
	margin-left:15px;
}

#flinks li a {
	color:#5e6369;
	text-decoration:none;
}

#flinks li a:hover {
	color:#2b3036;
	text-decoration:underline;
}

/*main styling----------------------*/

#header {
	background:#2B3036 url(/themes/cc/gfx/bg/bk-header.jpg) repeat-x top;
	color:#dfe1e3;
	overflow:auto;
	border-top:1px solid #566;
	border-bottom:1px solid #3B4046;
}

#map {
	height:500px;
	background:#fff;
	border:1px solid #bcc2c7;
	margin-bottom:15px;
}

.gallery-panel {
	float:left;
	width:110px;
}

.locdesc {
	width:500px;
}

.staff {
	background:#dfe1e3;
	border:1px solid #bcc2c7;
	padding:15px;
	margin:30px 15px;
}

.bio .name, .bio .biotext {
	margin-left:127px;
} 

.bio {
	margin-bottom:15px;
	overflow:auto;
}

.locs {
	margin-bottom:15px;
}

.news {
	overflow:auto;
}

.sumnews {
	margin:0 0 15px 60px;
	padding:0;
}

.insetlarge h3, .sumnews h3 {
	clear:none;
}

.booknow {
	text-align:right;
	margin:0;
}

.dateblock {
	float:left;
	font-size:80%;
	margin-right:15px;
	margin-bottom:15px;
	margin-top:3px;
	color:#443b38;
	min-width:45px;
	background:#C23036 url(/themes/cc/gfx/bg/bk-sidebar1px.jpg) no-repeat top left;

	background:-moz-linear-gradient(top,#d55,#911);
	background:-webkit-gradient(linear, left top, left bottom, from(#d55), to(#911));
	
	border-radius:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	
}

.insetcol {
	margin-left:60px;
}

.dateblock a, .dateblock a:hover, .dateblock a:visited {
	color:#443b38;
	text-decoration:none;
}	

.toblock {
	float:left;
	font-size:80%;
	margin:10px 10px 0 0;
	padding:2px 4px;
	color:#443b38;
	background:#f1f4f8;
}

.dateblock span, .toblock span {
	display:block;
	text-align:center;
}

.dateblock .month {
	text-transform:uppercase;
	color:#fff;
	background:url(/themes/cc/gfx/bg/bk-sidebar1px.jpg) no-repeat top right;
	padding:2px 4px;
	border-bottom:1px solid #a01014;
}

.dateblock .deadmonth {
	text-transform:uppercase;
	color:#eee;
	background:url(/themes/cc/gfx/bg/bk-sidebar1px.jpg) no-repeat top right;
	padding:2px 4px;
	border-bottom:1px solid #bbb;
}

.dateblock .date {
	font-weight:bold;
	background:#f1f4f8;
	padding:4px 4px 1px;
}

.dateblock .year {
	background:#f1f4f8;
	padding:0 4px 4px;

	border-bottom-left-radius:3px;
	border-bottom-right-radius:3px;
	-moz-border-radius-bottomleft:3px;
	-moz-border-radius-bottomright:3px;
	-webkit-border-bottom-left-radius:3px;
	-webkit-border-bottom-right-radius:3px;

}

.dateblock span.dead {
	color:#999;
}

div.dead {
	background:#999 url(/themes/cc/gfx/bg/bk-sidebar1px.jpg) no-repeat top left;
}

.eventsum {
	margin-bottom:15px;
}

/* timetable */

.datepicker {
	width:165px;
	margin:0 auto 15px;
	overflow:auto;
}

.datepicker a {
	outline:none;
}

table#timetable {
	font-size:80%;
	border-collapse:collapse;
	border:1px solid #bcc2c7;
	background:#f1f4f8;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:275px;
}

table#timetable tr th, table#timetable tr td {
	border-top:none;
	border-left:1px solid #bcc2c7;
	border-right:1px solid #bcc2c7;
	padding:3px 2px;
}

table#timetable tr td.tt-occupied {
	background:#559900;
	border-left:1px solid #559900;
	border-right:1px solid #559900;
	border-bottom:1px solid #559900;
	color:#fff;
	text-decoration:none;
}

table#timetable tr td.tt-occupied-arrow {
	background:#559900 url(/themes/cc/gfx/bg/bk-tt-arrow.gif) no-repeat 50% 0;
	border-left:1px solid #559900;
	border-right:1px solid #559900;
	border-bottom:1px solid #559900;
	color:#fff;
	text-decoration:none;
}

table#timetable tr td.tt-time {
	border-bottom:1px solid #bcc2c7;
}

table#timetable tr td.tt-time a {
	text-decoration:none;
}

table#timetable tr td.tt-occupied a, table#timetable tr td.tt-occupied-arrow a {
	color:#fff;
	text-decoration:none;
}

table#timetable tr td.tt-episode {
	background:#dfe1e3;
}

.pickepi {
	float:left;
	width:18%;
	padding:1%;
}

.pickepi ul {
	margin-left:15px;
}

.epibar {
	width:100%;
	height:200px;
	background:#DFE1E3;
	border-top:1px solid #bcc2c7;
	position:fixed;
	bottom:0;
	overflow-y:scroll;
}

/* assessment */

.notes {
	margin-bottom:10px;
}

.question {
	font-size:150%;
	margin-bottom:15px;
}

.score {
	text-align:center;
	width:80px;
	margin:30px auto;
	font-size:200%;
	padding:15px 15px 5px;
	text-transform:uppercase;
}

.score span {
	display:block;
	padding:0 0 10px;
	margin:0;
}

.score .pass {
	border:3px solid #337700;
	background:#559900 url(/themes/cc/gfx/bg/bk-score-pass.jpg) repeat-x 0 50%;
}

.score .fail {
	border:3px solid #a01014;
	background:#c23036 url(/themes/cc/gfx/bg/bk-score-fail.jpg) repeat-x 0 50%;
}

.pass {
	background:#559900;
	color:#f8f8f8;
	padding-left:3px;
	padding-right:3px;	
}

.fail {
	background:#C23036;
	color:#f8f8f8;
	padding-left:3px;
	padding-right:3px;
}

.highlight-box {
	border:1px solid #bcc2c7;
	padding:15px 15px 5px;
	margin:0 0 15px;
}

.highlight-title {
	border:1px solid #bcc2c7;
	border-bottom:none;
	background:#d7dde1 url(/themes/cc/gfx/bg/bk-sidegrad.jpg) repeat-x top;
	padding:15px;
	margin-bottom:0;
}

.hipromo {
	border-color:#36c;
}

/*--assessment-results--*/

.assessment-results {
	margin-bottom:15px;
}

.assessment-results dt {
	margin-top:15px;
}

.assessment-results dd.marg {
	margin-top:10px;
}

.uans {
	background:#acf url(/themes/cc/gfx/bg/bk-user-result.gif) repeat-x top;
}

/*--pager--*/

.pager {
	text-align:center;
	list-style:none;
	margin-bottom:5px;
}

.pager li {
	display:inline;
	padding:0 15px;
}

/* eventsummary */

table#eventsummary {
	width:100%;
	border-collapse:collapse;
	border:1px solid #bcc2c7;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:30px;
	text-align:center;
}

table#eventsummary tr th {
	background:#dfe1e3 url(/themes/cc/gfx/bg/bk-sidegrad.jpg) repeat-x top;
	border:1px solid #bcc2c7;
	padding:3px 5px;
	text-transform:uppercase;
	color:#5e6369;
}

table#eventsummary tr td {
	border:1px solid #bcc2c7;
	padding:3px 5px;
}

table#eventsummary tr td.stitle {
	text-align:left;
}

/* eplan timetable */

.abs {
	margin-bottom:15px;
}

a.attending {
	color:#443b38;
}

table.eplan {
	width:100%;
	border-collapse:collapse;
	border:1px solid #bcc2c7;
	margin-left:auto;
	margin-right:auto;
	margin-bottom:15px;
	-webkit-text-size-adjust: none;
}

table.eplan h2, table.eplan h3 {
	font-size:125%;
	text-transform:none;
	padding:5px 0;
	margin:0;
}

table.eplan tr th {
	border-top:5px solid #C23036;
	background:#f1f4f8;
}

table.eplan tr td {
	border:1px solid #bcc2c7;
	padding:3px 5px;
}

table.eplan tr.setime td {
	padding:0;
}

table.eplan tr.setime span.etime {
	background:#dfe1e3 url(/themes/cc/gfx/bg/bk-eplan-etime.gif) no-repeat 50% 100%;
	padding:3px 5px;
	display:block;
	float:left;
}

table.eplan tr td.type {
	border-right-color:#f8f8f8;
	border-right:none;
}

table.eplan tr td.top {
	border-left-color:#f8f8f8;
	border-left:none;
	text-align:center;
	background:url(/themes/cc/gfx/bg/bk-eplan-top.gif) repeat-y left;
}	

table.eplan tr td div.abstract {
	min-height:75px;
}

table.eplan tr td.etitle {
	background:#dfe1e3;
	border-right-color:#dfe1e3;
}

table.eplan tr td.etitle h3 {
	text-transform:capitalize;
}

table.eplan tr td.availability {
	background:#dfe1e3;
	border-right-color:#dfe1e3;
	border-right:none !important;
	text-align:right;
	width:20%;
}

td.link {
	background:#559900 url(/themes/cc/gfx/bg/bk-eplan-link.gif) no-repeat 0 50%;
	color:#fff;
	text-align:center;
}

.link a {
	color:#fff;
	text-decoration:none;
	display:block;
	padding:5px;
}

td.cancel {
	background:#bcc2c7 url(/themes/cc/gfx/bg/bk-eplan-link.gif) no-repeat 0 50%;
	text-align:center;
	border-left-color:#dfe1e3;
}

.cancel a {
	color:#443b38;
	text-decoration:none;
	display:block;
	padding:5px;
}

td.warn {
	background:#C23036 url(/themes/cc/gfx/bg/bk-eplan-link.gif) no-repeat 0 50%;
	color:#fff;
	text-align:center;
	border-left-color:#dfe1e3;
}

td.inactive {
	background:#dfe1e3 url(/themes/cc/gfx/bg/bk-eplan-inactive.gif) no-repeat 0 50%;
	text-align:center;
	border-left-color:#dfe1e3;
}

table.eplan td.link, table.eplan td.cancel, table.eplan td.warn, table.eplan td.inactive {
	width:20%;
	padding:0;
	border-left-color:#dfe1e3;
	border-left:none;
}

/*--navmain--*/

#navmain {
	width:349px;
	padding-left:1px;
	padding-bottom:1px;
	padding-top:1px;
	list-style:none;
	text-align:center;
	background:#2b3036 url(/themes/cc/gfx/bg/bk-header.jpg) repeat-x top;
	color:#dfe1e3;
}

body#frontpage #navmain {
	border-left:1px solid #bcc2c7;
	padding-left:0;
}

#navmain li {
	display:inline-block;
	margin:0 2px;
}

#navmain li a {
	color:#dfe1e3;
	text-decoration:none;
	padding:14px 4px 15px;
	display:block;
}

#navmain li.current {
	background:url(/themes/cc/gfx/bg/bk-current.gif) no-repeat 50% 83%;
}

#navmain li.current a {
	color:#ACD602;
}

#navmain li a:hover {
	color:#ACD602;
	text-decoration:underline;
}

/*--navuser--*/

#navuser {
	list-style:none;
	background:#2B3036 url(/themes/cc/gfx/bg/bk-header.jpg) repeat-x top;
	border-bottom:1px solid #2b3036;
	margin-right:350px;
	overflow:auto;
	padding-bottom:1px;
	padding-top:1px;
}

#navuser li {
	float:left;
	display:block;
	margin:0 3px;
}

#navuser li a {
	color:#dfe1e3;
	text-decoration:none;
	padding:14px 4px 14px;
	display:block;
}

#navuser li a:hover {
	color:#ACD602;
}

#navuser #skip {
	float:left;
	list-style:none;
	padding-top:6px;
	padding-bottom:0;
}

#navuser #skip li {
	float:none;
	border-right:none;
	font-size:90%;
	margin-right:0;
}

#navuser #skip li a {
	padding-bottom:1px;
	padding-top:1px;
}

#navuser li#logo {
	padding-left:13px;
	padding-right:5px;
	padding-top:6px;
}

#navuser li#logo a {
	display:inline;
	padding-top:5px;
	padding-bottom:0;
	padding-left:0;
	padding-right:0;
}

#navuser li.current {
	background:url(/themes/cc/gfx/bg/bk-current.gif) no-repeat 50% 83%;
}

body#frontpage #navuser li.current {
	background:url(/themes/cc/gfx/bg/bk-current-front.gif) no-repeat 50% 83%;
}


body#frontpage #navuser {
	background:#d7dde1 url(/themes/cc/gfx/bg/bk-sidegrad.jpg) repeat-x top;
	border-bottom:1px solid #bcc2c7;
	color:#3c4147;
}

body#frontpage #navuser li a {
	color:#3c4147;
}

body#frontpage #navuser li a:hover {
	color:#3c4147;
	text-decoration:underline;
}

/*--events--*/

.eventblock {
	border:1px solid #bcc2c7;
	overflow:auto;
	margin-bottom:15px;
}

.ubadge, .ubadge:hover {
	text-decoration:none;
	cursor:pointer;
	margin-left:10px;
}

.eventblock h2 {
	background:#d7dde1 url(/themes/cc/gfx/bg/bk-sidegrad.jpg) repeat-x top;
	padding:15px;
	margin:0;
	overflow:auto;
	color:#3c4147;
}

.datewrapper {
	float:right;
}

.eventblock .dateblock {
	font-size:55%;
	margin-top:0;
	margin-bottom:0;
	margin-right:0;
	margin-left:15px;
	padding:0;
	letter-spacing:normal;
}

.eventblock .toblock {
	font-size:55%;
	margin-left:15px;
	margin-right:0;
	margin-top:5px;
}

.eventblock h2 a {
	color:#3c4147;
	text-decoration:none;
}

.eventblock h2 a:hover {
	text-decoration:underline;
	color:#448800;
}

.eventblock h2 span a:hover {
	text-decoration:none;
}

.eventblock .eveabs {
	padding:15px 15px 0;
	clear:both;
}

.eventblock .eveabs .abs {
	margin-left:127px;
}

.eventblock .eveabs .booknow {
	clear:left;
	margin-bottom:15px;
	margin-top:0;
}

/*--courses--*/

.courseabs {
	padding:15px;
}

.courseabs .abs {
	margin:0;
}

.linkblock {
	text-align:right;
}

.bookblock {
	display:inline;
	margin-left:15px;
	line-height:1.65;
}

.bookblock img {
	vertical-align:bottom;
}

/*--dashboard--*/

#dashuser ul, #dashevents ul, #dashcourses ul, #dashassessments ul {
	list-style:none;
}

#dashuser {
	background:url(/themes/cc/gfx/bg/bk-user50-side.gif) no-repeat 75% 50%;
}

/*--icons--*/

.icon .help {
	display:block;
	padding:14px 15px 12px;
	position:relative;
	background:url(/themes/cc/gfx/icons/help30-side.gif) no-repeat 95% 50%;
}

.icon .dash {
	display:block;
	padding:14px 15px 12px;
	position:relative;
	background:url(/themes/cc/gfx/icons/icon-dash30-side.gif) no-repeat 95% 50%;
}

.icon .exam {
	display:block;
	padding:14px 15px 12px;
	position:relative;
	background:url(/themes/cc/gfx/icons/icon-exam30-side.gif) no-repeat 95% 50%;
}

.icon .course {
	display:block;
	padding:14px 15px 12px;
	position:relative;
	background:url(/themes/cc/gfx/icons/icon-course30-side.gif) no-repeat 95% 50%;
}

.icon .event {
	display:block;
	padding:14px 15px 12px;
	position:relative;
	background:url(/themes/cc/gfx/icons/icon-event30-side.gif) no-repeat 95% 50%;
}

.icon .exclaim {
	display:block;
	padding:14px 15px 12px;
	position:relative;
	background:url(/themes/cc/gfx/icons/icon-exclaim30-side.gif) no-repeat 95% 50%;
}

.inline-error {
	color:#C23036;
}

/*--errors--*/

#TB_window {
	background:#f1f4f8;
}

#TB_ajaxContent {
	width:350px;
	height:170px;
}

h3#error-title {
	margin:-15px -15px 10px;
	background:#d7dde1 url(/themes/cc/gfx/bg/bk-sidegrad.jpg) repeat-x top;
	border-bottom:1px solid #bcc2c7;
	font-size:150%;
}

p#error-message {
	min-height:70px;
	padding-bottom:15px;
}

p#error-message a, p#error-message a:visited {
	color:#559900;
}

div#error-ok {
	text-align:center;
	border-top:1px solid #bcc2c7;
	padding-top:15px;
}

/* -- promotion signups -- */

.promoline {
	border-bottom:1px solid #bcc2c7;
}

.ctick {
	padding-left:20px;
	background:url(/themes/cc/gfx/icons/icon-tick12-main.gif) no-repeat 0% 50%;
}

.ccross {
	padding-left:20px;
	background:url(/themes/cc/gfx/icons/icon-cross12-main.gif) no-repeat 0% 50%;
}

/* ***** front page ***** */

	body#frontpage #content h2 {
		margin-top:10px;
		padding-top:10px;
		padding-bottom:10px;
		border-bottom:1px solid #bcc2c7;
	}
	
	body#frontpage #sidebar h2.frontside {
		padding:15px;
		border-bottom:1px solid #bcc2c7;
		border-top:1px solid #bcc2c7;
		background:#a2a5aa url(/themes/cc/gfx/bg/bk-sidegrad-frontpage.jpg) repeat-x top;
	}
	
	body#frontpage #sidebar .upcoming-event {
		margin-bottom:15px;
	}
	
	body#frontpage #sidebar h3 {
		clear:none;
		margin-left:60px;
		border-bottom:1px solid #bcc2c7;
		padding-bottom:10px;
		margin-bottom:10px;
	}

	body#frontpage #sidebar div.upcoming-eventsummary {
		margin-left:60px;
	}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */

/* Easy Slider */

	div#wel-cont {
		position:relative;
		width:100%;
		height:275px;
		margin:15px 0 5px;
		overflow:hidden;
	}

	div#welcome {
		position:absolute;
		top:0px;
		right:0px;
		height:275px;
		/*max-width:420px;*/
		width:50%;
		z-index:100;
		background:#d7dde1;
	}
	
	div#welcome-title {
		font-size:150%;
		line-height:1.25;
		padding:15px;
		background:#333 url(/themes/cc/gfx/bg/bk-welcome-title.jpg) repeat-x top;
		text-align:right;
		color:#dfe1e3;
		white-space:nowrap;
		overflow:hidden;
	}
	
	div#welcome-intro {
		padding:15px 15px 0;
		background:#d7dde1 url(/themes/cc/gfx/bg/bk-sidegrad.jpg) repeat-x top;
		overflow:visible;
	}

	div#welcome-intro h1 {
		text-align:center;
		text-transform:capitalize;
		margin:0 0 10px;
		padding:0 0 10px;
	}
	
	div#welcome-intro div {
	}
	
	#slider {
	}
		
	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:15px;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:610px;
		height:275px;
		overflow:hidden;
		position:relative;
		}	
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:-30px;
		top:71px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:570px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:77px;
		background:url(/themes/cc/includes/slider/images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(/themes/cc/includes/slider/images/btn_next.gif) no-repeat 0 0;	
		}	
		
	/* numeric controls */	

	ol#controls{
		position:relative;
		top:-45px;
		left:15px;
		margin:0;
		padding:0;
		height:28px;
		opacity:0.85;
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #bcc2c7;
		background:#d7dde1 url(/themes/cc/gfx/bg/bk-slider-sidegrad.jpg) repeat-x top;
		color:#2b3036;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a, ol#controls li a:hover {
		background:#99cc00;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}

/* ***** slider contents ***** */

	div#slider li a {
		text-decoration:none;
	}
	
	div#slider span.slider-image {
		position:absolute;
		top:0;
		left:0;
	}
	
	div#slider span.slider-title {
		display:block;
		background:#222 url(/themes/cc/gfx/bg/bk-slider-title.jpg) repeat-x top;
		color:#eee;
		padding:15px;
		font-size:150%;
		line-height:1.25;
		position:relative;
		opacity:0.85;
		width:580px;
	}
	
	div#slider span.slider-intro {
		display:block;
		background:#d7dde1 url(/themes/cc/gfx/bg/bk-slider-sidegrad.jpg) repeat-x top;
		color:#2b3036;
		padding:15px;
		font-size:100%;
		margin-top:15px;
		margin-left:15px;
		position:relative;
		opacity:0.85;
		width:248px;
		border:1px solid #bcc2c7;
	}
	
	span.lookalink {
		color:#448800;
		padding-right:13px;
		background:url(/themes/cc/gfx/bg/bk-lookalink.gif) no-repeat 100% 45%;
	}
	
/* // Easy Slider */

/* ***** showcase ***** */

	#gallery-wrapper {
		width:320px;
		height:232px;
		overflow:hidden;
		margin-bottom:15px;
	}

	#showcase1 {
		background:#f8f8f8;
		padding:5px;
		display:none;
	}
	
	#altcase {
		width:335px;
		overflow:auto;
	}
	
/* ***** promo ***** */

	#promo {
		margin-top:15px;
		background:transparent;
	}
	
	#promo p {
		text-align:center;
		margin-left:135px;
		padding:0;
		text-align:left;
	}
	
	#promo fieldset {
		border:none;
		margin:0;
		padding:3px 0 0 0;
		background:url(/themes/cc/gfx/bg/bk-promo.gif) no-repeat top left;
	}
	
	#promo legend {
		visibility:hidden;
		margin:0;
		padding:0;
		height:0;
		line-height:0;
	}
	
	#promo div {
		float:left;
		width:125px;
		margin:0 10px 0 0;
		padding:0;
	}

	#promo div label {
		display:block;
		margin-bottom:0.25em;
		font-size:80%;
		color:#4d5258;
	}
	
	#promo div input.codebox {
		background:#f8f8f8;
		color:#2b3036;
		width:119px;
		padding:2px;
		border:1px solid #bcc2c7;
		font-size:150%;

		border-radius:5px;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;

	}
	
	#promo div#sub {
		width:45px;
		padding-top:1.25em;
		margin-right:0;
		margin-top:1px;
	}
	
	#promo div#sub #submit {
		
		background:#590;
		background:-moz-linear-gradient(top,#9d4,#590);
		background:-webkit-gradient(linear, left top, left bottom, from(#9d4), to(#590));
		
		border:none;
		padding:4px 12px;
		color:#dfe1e3;
		
		border-radius:15px;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		
	}
		
	#promo div#check {
		clear:left;
		width:250px;
		padding:0 2px;
	}
	
	#promo div#check label {
		display:inline;
		font-size:100%;
	}