html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline;}/* remember to define focus styles! */:focus {outline: 0;}body {color: black;background: white;}ol, ul {list-style: none;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: separate;border-spacing: 0;}caption, th, td {text-align: left;font-weight: normal;}

/*
 *
 * The fonts included are copyrighted by the vendor listed below.
 *
 * @vendor:     Eric Schiller
 * @licenseurl: http://www.fontsquirrel.com/license/Sapir
 *
 *
 */

@font-face {
	font-family: 'SapirItalic';
	src: url('SapirSansItal.eot');
	src: local('Sapir Italic'), local('Sapir-Italic'), url('SapirSansItal.ttf') format('truetype');
}

@font-face {
	font-family: 'SapirRegular';
	src: url('SapirSans.eot');
	src: local('Sapir Regular'), local('Sapir'), url('SapirSans.ttf') format('truetype');
}

html {
background:url(/images/bg.jpg) repeat 0 0;
height:100%;
overflow-y:scroll;   /* always have a scrollbar so that the page doesnt jump around */
width:100%
}
body {
background:transparent;
color:#333;
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:12px;
line-height:1.3;
padding:10px 0
}
.container {
background:#fff url(/images/banner2.jpg) no-repeat 0 0;
-moz-box-shadow:1px 0px 12px #333, -1px 0px 12px #333;
-webkit-box-shadow:1px 0px 12px #333, -1px 0px 12px #333;
box-shadow:1px 0px 12px #333, -1px 0px 12px #333;
margin:0 auto;
position:relative;
width:980px
}
.leftCol {
float:left;
padding:0 0 20px 20px;
width:600px
}
.leftCol h1, .leftCol h2, .singleCol h1, .singleCol h2 {
padding:20px 0 0
}
.rightCol {
float:right;
padding:20px 60px 0;
text-align:center;
width:240px
}
.singleCol {
padding:0 20px;
width:940px
}
header, footer, section, aside, nav {display:block}
header h1 {float:left;height:110px;width:620px}
header h1 a {display:inline;float:left;height:85px;margin:15px 0 10px 20px;text-indent:-9999em;width:182px}
section h1, .h1 {color:#0033cc;font:normal 24px SapirRegular,verdana,sans-serif;}
h2, .leftCol h3 {color:#0033cc;font:normal 18px SapirRegular,verdana,sans-serif;padding:15px 0 0}
.leftCol h4 {color:#0033cc;font:normal 16px SapirRegular,verdana,sans-serif;padding:10px 0 0}
a, span.link {color:#0033ff;cursor:pointer;text-decoration: underline}
a:hover, span.link:hover {color:#00cc33}
ul, ol {color:#333;font-size:12px;list-style:disc;margin-left:20px;padding:10px}
ol li {font-size:14px;padding:5px 0}
ul li {}
p {color:#333;font-size:12px;padding: 5px 0}
.leftCol p {text-align:justify}
.rightCol p {text-align:left}
strong {font-weight:bold}
#registerForm p {text-align:left}
button {border:none;color:black;padding:3px}
input[type="text"],
input[type="password"] {width:220px}
input[type="text"],
input[type="password"],
select {border:1px solid #ccc;color:#111;font-size:14px;font-weight:bold;padding:6px}
textarea {border:1px solid #ccc}
input[type="text"]:hover, input[type="password"]:hover, textarea:hover {border:1px solid #00cc33}
input[type="text"]:focus, input[type="password"]:focus, textarea:focus {border:1px solid #0033cc}
select {margin-right:10px}
label {cursor:pointer}
textarea {vertical-align:top}
input[type="checkbox"], input[type="radio"] {
cursor:pointer;
position:relative;
top:2px
}
.red, label span, .requiredField span	{ color:#cc0000 }
.clearFix 	{ clear:both !important;float:none !important;height:0!important;margin:0 !important;overflow:hidden !important;padding:0 !important}
.quiet		{ font-size: smaller; color: #808080; }

/*buttons*/
.button {
background-color: #222;
display: inline-block;
padding: 5px 10px 6px;
color: #fff;
text-decoration: none;
font-family:helvetica, arial,sans-serif;
font-weight: bold;
line-height: 1;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
border-bottom: 1px solid rgba(0,0,0,0.25);
position: relative;
cursor: pointer
}
input.button {border-width:0}
.button:hover {color:#fff}
.green.button,
.orange.button:hover,
.orange.button:focus {
background-color: #00cc33;
background:	-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,204,51)),
    color-stop(1, rgb(0,204,102))
);
background:
-moz-linear-gradient(
    center bottom,
    rgb(0,204,51) 0%,
    rgb(0,204,102) 100%
);
}
.green.button:hover,
.green.button:focus {
background-color:#0033ff;
background:
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(0,51,204)),
    color-stop(1, rgb(0,51,255))
);
background:
-moz-linear-gradient(
    center bottom,
    rgb(0,51,204) 0%,
    rgb(0,51,255) 100%
);
}
.red.button {
background-color:#ff0033;
background:
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(255,51,0)),
    color-stop(1, rgb(255,0,51))
);
background:
-moz-linear-gradient(
    center bottom,
    rgb(255,51,0) 0%,
    rgb(255,0,51) 100%
);
}
.red.button:hover,
.red.button:focus {
background-color:#cc0033;
background:
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(204,0,51)),
    color-stop(1, rgb(204,0,102))
);
background:
-moz-linear-gradient(
    center bottom,
    rgb(204,0,51) 0%,
    rgb(204,0,102) 100%
);
}
.orange.button {
background-color:#ff3300;
background:
-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.03, rgb(255,102,0)),
    color-stop(1, rgb(255,51,0))
);
background:
-moz-linear-gradient(
    center bottom,
    rgb(255,102,0) 3%,
    rgb(255,51,0) 100%
);
}
.large.button {
font-size:18px;
padding:18px 0;
text-align:center;
width:240px
}
.small.button {
font-size:13px;
padding:5px 20px;
text-align:center
}
#topMenu {color:blue;float:right;padding:47px 60px;text-align:center;width:240px}
body#register #topMenu a.register {color:#00cc33}
form label.error {display:none}
nav ul {
background:url(/images/menu.png) no-repeat -2px -194px;
clear:both;
display:inline;
float:left;
height:73px;
list-style-type:none;
margin-left:20px;
padding:0;
width:603px
}
nav li {float:left;height:70px;padding:0;width:150px}
nav li a {background-image:url(/images/menu.png);background-repeat:no-repeat;float:left;height:70px;text-indent:-9999em;width:150px}
nav li.ondemand a {background-position:0px -194px}
nav li.ondemand a:hover {background-position:0px -98px}
#ondemand nav li.ondemand a,
#ondemand nav li.ondemand a:hover {background-position:0px -2px}
nav li.scheduler {width:177px}
nav li.scheduler a {background-position:-150px -194px;width:177px}
nav li.scheduler a:hover {background-position:-150px -98px}
#scheduler nav li.scheduler a,
#scheduler nav li.scheduler a:hover {background-position:-150px -2px}
nav li.about a {background-position:-327px -194px}
nav li.about a:hover {background-position:-327px -98px}
#about nav li.about a,
#about nav li.about a:hover {background-position:-327px -2px}
nav li.resources {width:123px}
nav li.resources a {background-position:-477px -194px;width:123px}
nav li.resources a:hover {background-position:-477px -98px}
#resources nav li.resources a,
#resources nav li.resources a:hover {background-position:-477px -2px}
#signUpButton,
#goToClassroom {
clear:right;
display:inline;
float:right;
font-family:Arial Black, arial;
margin:8px 60px 0 0
}
#countdownTimer,
#noAppointments,
#setOnDemandAvailability {
background-color:#98fb98;
clear:right;
float:right;
font-size:14px;
margin:12px 50px 0 0;
padding:5px;
text-align:center;
width:243px
}
#noAppointments {
background-color:#fa8072;
margin-top:3px
}
#noAppointments a {color:#333}
#setOnDemandAvailability {
background-color:#f0f0f0;
border:1px solid #d8d8d8;
float:none;
margin:0 0 20px;
width:230px
}
#setOnDemandAvailability h3 {font-weight:bold}
.content {
background:url(/images/contentBottom.jpg) no-repeat left bottom;
clear:both;
min-height:415px;
height:auto !important;
height:415px;
padding:0 0 180px;
width:980px
}

/* front page carousel */
div.carousel {
height:242px;
margin-top:10px;
overflow:hidden;
padding-top:9px;
position:relative;
width:600px;
}
.items {
width:20000em; 
position:absolute; 
}
.carousel .items div {
float:left;
width:600px;
height:242px;
position:relative;
}
.carousel div h2,
.carousel div p {
display:none
}
#tutoringWhenYouWant {
background: transparent url(/images/carousel1.jpg) no-repeat 0 0;
height:220px
}
#virtualClassroom {
background: transparent url(/images/carousel1.jpg) no-repeat 0 -490px;
}
#scheduleAppointments {
background: transparent url(/images/carousel1.jpg) no-repeat 0 -240px;
}

/* footer */
footer div {
background-color:#fcfcfc;
background:
-webkit-gradient(
    linear,
    left top,
    left bottom,
    color-stop(0, rgb(228,228,228)),
    color-stop(0.25, rgb(252,252,252)),
    color-stop(1, rgb(252,252,252))
);
background:
-moz-linear-gradient(
    center top,
    rgb(228,228,228) 0%,
    rgb(252,252,252) 25%,
    rgb(252,252,252) 100%
);
padding:20px 0;
position:relative;
width:980px
}
/*footer .leftCol {width:300px}
footer .rightCol {padding:5px 60px 0 0;width:600px}*/
.footerLinks {color:#333;text-align:center}
#futurekode {color:black;display:block;font-family:Arial;font-size:11px;font-style:normal;font-variant:normal;font-weight:normal;height:18px;line-height:normal;text-align:center;text-decoration:none;}
a#futurekode:hover {color:orange;text-decoration:none}
a#futurekode span {background:transparent url(http://www.futurekode.com/images/futurekodeicon.png) no-repeat scroll left top;display:inline-block;height:16px;margin:0;padding-left:20px;}

/* privacy page / terms page */
#privacy h3,
#terms h3 {padding-top:20px}

/* standard form settings */
.form label {display:inline-block;width:65px;}

/* login Form */
#loginButton {
float:right;
margin-right:38px
}

/* common datatable */
.datatable th	{ background-color: #7e7e7e; color: #ffffff; text-align: left; }
.datatable td	{ border-top: #7e7e7e; }

/* contact form */
#contactForm {overflow:hidden;position:relative}
#contactForm label {display:inline-block;width:60px;}
#contactMessage {
color:black;
height:200px;
padding:3px;
vertical-align:top;
width:525px
}
.submitForm {
float:right;
margin:5px 5px 0 0;
}
#errorBox {background-color:#fafad2;border:1px solid #cc0000;display:none;font-size:11px;margin:5px 0 0;padding:5px 10px;position:absolute;right:7px;top:0;width:260px}
#errorBox label {float:none;width:100%}#errorBox div {color:#000;font-size:11px;list-style-type:none;margin:0;padding:0;text-align:left;}
#errorBox div p {padding:0 0 5px}#badserver,#success {padding-top:40px}
#badserver,#loading,#success {background-color:#fcfcfc;color:#369;display:none;height:100%;left:0px;position:absolute;top:0px;width:100%}
#loading img {display:block;height:100px;left:50%;margin-left:-50px;margin-top:-50px;position:absolute;top:50%;width:100px}
#success h2 {color:#369;font-size:30px;margin-top:50px;text-align:center	}
#badserver p,
.warning {color:#cc0000}
input.error,select.error,textarea.error {border:1px solid #cc0000 !important}
/* register page + account page */
#register fieldset,
#account fieldset {border:1px solid #ddd;margin:15px 0;padding:15px 10px;position:relative;width:580px}
#register legend,
#account legend {font-weight:bold;padding:0 4px;}
#registerForm label, #accountForm label {display:block}
#registerForm p, #accountForm p {float:left;padding:2px 4px;width:280px}
/*.requiredField {width:130px}
.requiredField span {position:relative;top:4px} */
.checkBoxes, .radioInputs, .formSection {padding:0 0 15px;clear:left;float:left;position:relative;width:580px}
.checkBoxes span,.radioInputs span {float:left;padding:2px 0 2px 10px;width:255px}
#additionalTop select {width:183px}
#additionalTop p {float:left;padding:2px 4px;width:195px}
#additionalTop label {display:block}
#birthDate select {margin-right:0px;}
.comments {clear:left}
.comments #comments {display:block;height:200px;width:550px}
.comments p {font-size: 10px; padding:0; text-align: right; width:556px}
input#zip {width:45px}
#register label.error, #account label.error .error, .error {color:#cc0000}

.tooltip {
background:#0033cc; 
background:rgba(0,51,204,0.85);
border:1px solid #ccc; 
color:#fff;
display:none;
font-size:12px;
max-width:200px;
padding:10px 15px;
text-align:left;
-moz-box-shadow:0 0 10px #999; 
-webkit-box-shadow:0 0 10px #999; 
}
/*#twitterBird {
background:transparent url(/images/twitter.png) no-repeat 0 0;
height:104px;
left:408px;
position:absolute;
text-indent:-9999em;
top:18px;
width:123px;
z-index:1000
}*/
.twitter, .facebook {
background:#f7f7f7;
color:#0033cc;
cursor:pointer;
display:inline-block;
padding:10px;
text-align:center;
width:100px
}
.twitter.selected {
background-color:#8ec1da;
color:#fff;
}
.facebook.selected {
background-color:#94a3c4;
color:#fff
}
#twitter {
border:1px solid #8ec1da;
width:238px
}
/* tutor cv page */
.profileLeft {float:left;padding:0 30px 0 0;width:290px}
.profileRight {float:left;padding:30px 0 0;width:280px}
.profileRight ul {padding:0 0 10px}
.profileRight li {padding:0 0 6px}
.profilePic {
-moz-box-shadow:1px 0 3px #E6E6E6, -1px 0 3px #E6E6E6, 0 1px 3px #E6E6E6, 0 -1px 3px #E6E6E6;
-webkit-box-shadow:1px 0 3px #E6E6E6, -1px 0 3px #E6E6E6, 0 1px 3px #E6E6E6, 0 -1px 3px #E6E6E6;
background-color:#fff;
height:230px;
margin:5px 0;
padding:5px;
width:230px;
}
.profilePic div {
height:230px;
overflow:hidden;
width:230px
}
.profilePic img {
vertical-align:bottom;
width:230px
}

.gradeLevels ul {list-style-type:none;margin:0;overflow:hidden;width:260px}
.gradeLevels li {
background: url(/images/smallTick.png) no-repeat 0 0;
float:left;
padding:1px 0 7px 22px;
text-align:left;
width:108px
}
/* scheduler page */
#schedulerKey {
margin:170px auto 0;
width:220px;
}
#schedulerKey h2 {
color:#333
}
#schedulerKey p span {
background:#0000ff;
display:inline-block;
height:14px;
vertical-align:middle;
width:14px
}
div#schedule {
margin:20px 0 10px 0;
width:600px
}
p#theMonth {
font:normal 30px 'SapirRegular', verdana, sans-serif;margin:0 auto;padding-bottom:15px;text-align:center;width:450px}
#theMonth .previousMonth {
cursor:pointer;
float:left;
height:30px;
width:21px}
#theMonth .nextMonth {
cursor:pointer;
float:right;
height:30px;
width:21px
}
.previousMonth {margin-right:100px}
.nextMonth {margin-left:100px}
.calendar .avail,
.calendar .noAvail,
.calendar .blank,
.calendar .past {
float:left;
height:70px;
margin:0px 1px 1px 0;
width:84px
}
.calendar div.blank {background:none}
.calendar .noAvail {background:#18191d}
.calendar .past {background: #a1a1a1;}
.calendar .avail_student {background:#00cc33;cursor: pointer;position: relative}
.calendar .avail_student div {display: none;	position: absolute;	top: 100px;	z-index: 200;	cursor: auto;	color: #00cc33;	background-color: #ffffff;	border:3px solid #00cc33;	padding:4px;	width:86px;}
.calendar .avail_tutor, .calendar .tutor_schedule, .calendar .student_log_in {background:#0000ff;cursor:pointer;position:relative}
.calendar .avail_tutor:hover, .calendar .tutor_schedule:hover {background:#0033ff;z-index:20}
.calendar .blank:hover {background:none !important;cursor:auto !important}
.calendar .blank div {display:none !important}
.calendar .avail_tutor div {background-color:#fff;border:3px solid #0033ff;color:#0033ff;cursor:auto;display:none;left:0;padding:0 11px;position:absolute;top:100px;width:56px;z-index:200;}
.calendar .avail_tutor div ul {color:#0050f3;list-style-type:none;margin:0;}
.calendar .avail_tutor .taken {
color:red;
text-decoration:line-through
}
.calendar .tutor_schedule div {
background-color:#fff;
border:3px solid #0000ff;
color:#0033cc;
cursor:auto;
display:none;
left:0;
padding:0 17px;
position:absolute;
top:100px;
width:60px;
z-index:200;
}
.calendar .tutor_schedule div ul {
color:#00cc33;
list-style-type:disc;
margin:0;
}
.dayNames div {
background:none;
float:left;
height:30px;
width:85px
}
.dayNames {
color:#000;
font:normal 14px 'Trebuchet MS',sans-serif;
text-transform:uppercase
}
.calendar h4 {color:#fff;font:normal 26px 'Trebuchet MS',sans-serif;padding:4px}/* the form that pops up when a user clicks on an available day in the schedule */#appointmentForm {overflow:hidden;width:405px} #appointmentForm textarea {height:100px;width:400px}#appointmentForm .submitForm {margin-right:0}.invisible {display: none;}/* edit appointment modal */#editAppointmentModal {padding:5px 10px;}
/* pricing page */
#pricingFormula {
color:#cc0033;
font:normal 30px SapirRegular, verdana, sans-serif;
}
/* table list */
table#list th {background:#7e7e7e;color:#fff;font-size:14px;
text-transform:uppercase
}
table#list td {

}
table#list tr:hover td {
background:#f7f7f7
}
table {
font-family:"Lucida Grande","Lucida Sans Unicode",Calibri,Arial,Helvetica,Sans,FreeSans,Jamrul,Garuda,Kalimati;
margin: 10px 0;
}
table h4 {
padding-top:2px
}
tr {
border-color: #6e8173;
border-style: solid;
border-width: 1px;
}
tr.odd {
background-color: #ecf1ff;
}
tr.even {
background-color: #e3e3e3;
}
td,th {
padding: 5px 10px;
vertical-align:top
}
td.onepx {
padding:5px;
width: 1px;
}

/*
right hand menu settings
*/
#accountMenu, .sideMenu {margin:0 auto;width:170px;}
#accountMenu a, .sideMenu a {
background:#7784a3;
border-bottom:1px solid #fff;
color:#fff;
display:block;
font-size:14px;
padding:10px;
text-decoration:none;
width:150px
}
#accountMenu a:hover, .sideMenu a:hover {background:#0000fe}
#accountMenu a.selected, .sideMenu .selected {background:#0026dd}

/* tutors page */
.tutorOnDemand {
-moz-box-shadow:1px 0px 12px #ccc, -1px 0px 12px #ccc;
-webkit-box-shadow:1px 0px 12px #ccc, -1px 0px 12px #ccc;
box-shadow:1px 0px 12px #ccc, -1px 0px 12px #ccc;
background-color:white;
border:1px solid #ccc;
border-radius:3px;
-moz-border-radius:3px;
-webkit-border-radius:3px;
float:left;
margin:10px 20px 10px 0;
overflow:hidden;
padding:10px 10px 15px;
position:relative;
width:260px
}
.tutorOnDemand h2 {float:left;font-size:16px;padding-top:0}
.tutorOnDemand .feedbackStars {
float:right
}
.tutorOnDemand img {
clear:left;
float:left;
margin:5px 5px 5px 0
}
.tutorOnDemand p {
float:right;
font-size:11px;
padding-top:0;
text-align:left;
width:150px
}
.tutorOnDemand .button,
.tutorOnDemand span.red {
clear:left;
display:inline;
float:left
}
.tutorOnDemand .button {
margin-left:4px
}
.tutorOnDemand span {
text-align:center;
width:100px
}
.tutorOnDemand .viewProfile {
bottom:10px;
font-size:10px;
position:absolute;
right:10px
}

/* Process Page */
#process .leftCol div {
float:left;
margin-top:20px;
padding:0 20px 20px 40px;
width:240px
}
#process .leftCol div h3 {
font-size:24px;
padding-top:5px
}
#process .one,
#process .two,
#process .three,
#process .four {background-image: url(/images/numbersProcess.png);background-repeat: no-repeat}
#process .one {background-position: 0 0}
#process .two {background-position: -315px 0}
#process .three {background-position: 0 -222px}
#process .four {background-position: -315px -222px}

#process .leftCol #signUpButton,
#process .leftCol #goToClassroom {
display:block;
float:none;
margin-left:-6px;
margin-top:0
}

/* faq page */
#faq .leftCol ul {list-style-type:none}
#faq .leftCol li {padding:2px 10px}

/* feedback stars */
.feedbackStars {background-image:url(/images/feedbackStars.png);background-repeat:no-repeat;display:block;height:20px}
.stars5 {background-position:0 -80px;width:100px}
.stars4 {background-position:0 -60px;width:80px}
.stars3 {background-position:0 -40px;width:60px}
.stars2 {background-position:0 -20px;width:40px}
.stars1 {background-position:0 0;width:20px}

/* ColorBox Core Style */
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* ColorBox example user style */
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}
		
/* our own colorbox styles */

#cboxLoadedContent h2:first-child, #cboxLoadedContent h4 {padding-top:0}