body {
	font-size: 11px;
	font-family: Verdana;
	color: #333333;
	margin: 0px;
	padding: 0px;
	background: #e5e5e5;
}

/* SITE DEFAULTS */

h2 {
  font-size: 11px !important;
  color: #2C567D;
  font-weight: bold;
  padding: 4px 0;
  margin: 4px 0;
}
h3 {
  font-size: 11px !important;
  color: #062F56;
  font-weight: bold;
}

/** Link Decoration ***/
a:link {
	color: #0073C3;
	text-decoration: none;
	}
a:visited {
	color: #0073C3;
	text-decoration: none;
  }
a:hover {
	color: #1BA0D8;
	text-decoration: underline;
  }
a:active {
	color: #0073C3;
	text-decoration: none;
  }
.doubleArrowForLinks {
  color: #0073C3 !important;
  font-weight: normal !important;
  }

/* CST DEFAULTS */

#CSTWrapper {
	background-color: #fff;
	margin: 0 auto;
	padding: 0px 14px;
	width: 978px;
	}
.cstLegacy {
	margin: 0 auto;
	width: 978px !important;
	background-color: #fff;
	}
.cstLegacyContent{
	margin: 0 auto;
	padding: 20px 0px 0px 0px;
	width: 924px;
	background-color: #fff;
	}
.Collegewrapper {
	width: 978px;
	background-color: #e9e9e9;
}

/* CST HOMEPAGE */
#slideshowControls {
  z-index: 1000 !important;
  display: block !important;
  top: 247px !important;
  left: 7px !important;
  position: relative;
  cursor: pointer;
  width: 50px !important;
}
.slideshowGif {
  position: relative;
  top: 140px;
  left: 478px;
  height: 43px !important;
  width: 50px !important;
}
.bannerSlideshow {
	margin: 0px 0px 9px 0px !important;
	height: 309px !important;
	width: 978px;
	}
.bannerSlideshow .banner {
	margin: 0px;
	padding: 0px;
	position: absolute;
	display: none;
	}
.middleCallOutRow {
	height: 202px !important;
	margin: 0px 0px 9px 0px !important;
	width: 978px;
	position: relative;
	}
.middleCallOutRowLeftText {
	background-color: #2c567d;
	height: 162px !important;
	overflow: hidden;
	margin: 0px 9px 0px 0px !important;
	width: 667px !important;
	padding: 20px 0px;
	float: left;
	display: inline;
	}
.middleCallOutRowLeftText p {
	font-size: 12px;
	line-height: 16px;
	float: left;
	clear: none;
	display: inline;
	margin: 0px 0px 0px 18px;
	color: #fff;
	width: 395px !important;
	}
.middleCallOutRowLeftTextCallout {
	float: right;
	clear: right;
	display: inline;
	width: 191px !important;
	margin: 0px 20px 10px 0px;
	height: 61px;
	border: 2px solid #a4a8b0;
	background-color: #688ca8;
	padding: 9px 0 0 9px;
	}
.middleCallOutRowLeftTextCallout p a {
	color: #fff;
}
.middleCallOutRowLeftTextCallout select {
	margin: 7px 0 0 0px !important;
	}
.middleCallOutRowLeftTextCallout p {
	margin: 0px;
	padding: 0px;
	width: 185px !important;
	font-size: 11px;
	}
.middleCallOutRowLeftText p a:link, 
.middleCallOutRowLeftText p a:visited, 
.middleCallOutRowLeftText p a:hover, 
.middleCallOutRowLeftText p a:active {
	color: #fff !important;
	}
.middleCallOutRowRightBg {
	float: right;
	clear: none;
	display: inline;
	overflow: hidden;
	background: #6c1925 url('../Images/CallOuts/exploreCalloutLink.jpg');
	width: 302px !important;
	height: 202px !important;
	}
.middleCallOutRowRightText {
	text-align: right;
	width: 89px;
	height: 37px;
	margin: 118px 0 0 86px !important; 
	}
.middleCallOutRowRightText a {
  display: block;
  height: 37px;
  width: 89px;
  }
.exploreLink {
	display: block;
	margin: -37px 0 0 0px;
	width: 89px;
	height: 37px;
	background-color: Red;
}
.bottomCallOutRow {
	width: 978px !important;
	}
.bottomCallOutRowButtons {
	float: left;
	display: inline;
	background-color: #362110 ;
	height: 117px !important;
	overflow: hidden;
	margin: 0px 9px 9px 0px !important;
	padding: 18px 0 2px 19px;
	width: 171px;
	position: relative;
}
.bottomCallOutRowButtons img {
	margin: 0 0 10px 0 !important;
	}
.bottomCallOutRowCallouts {
	padding: 9px 0 0 18px;
	width: 758px !important;
	height: 128px;
	float: right;
	display: inline;
	background-color: #362110;
}
.bottomCallOutRowCallouts .callout {
	float: left;
	display: inline;
	width: 230px !important;
}
.bottomCallOutRowCallouts .callout img {
	margin-bottom: 2px;
	border: solid 3px #826349 !important;
}
.bottomCallOutRowCallouts .middle {
	margin: 0 22px !important;
}

.bottomCallOutRowCallouts .callout p {
	margin: 0px !important;
	padding: 0px !important;
	color: #fff;
	width: 200px;
}

.bottomCallOutRowCallouts .callout span a:link {
	font-weight: bold;
	color: #fcc226;
	text-decoration: none;
}
.bottomCallOutRowCallouts .callout span a:visited {
	font-weight: bold;
	color: #fcc226;
	text-decoration: none;
}
.bottomCallOutRowCallouts .callout span a:hover {
	font-weight: bold;
	color: #fcc226;
	text-decoration: underline;
}
.bottomCallOutRowCallouts .callout span a:active {
	font-weight: bold;
	color: #fcc226;
	text-decoration: none;
}

/* CST BROWSE */
.browseH1Wrapper {
	/*background: url('../Images/dotted_line.gif') bottom left repeat-x;*/
	margin: 0px 0px 0px 0px;
	border:0px solid;
}
.browseH1Wrapper img {
	position: relative;
	top: -5px;
	}
.browseH1Text {
	margin: 0 0 20px 0;
}	
.browseH1Text p {
	margin: 0px;
	line-height: 14px;
	padding-right: 25px;
	float: left;
	display: inline;
	width: 616px !important;
	}
.browseH1Text p.createH1 {
	width: 590px;
}

.browseH1Text a img {
	float: left;
	display: inline;
}
.browseSortBarText {
  margin: 0 0 25px 0;
}
.browseSortBarText p {
  margin: 4px 0 0 0 !important;
}
.browseSortByRegion {
	float:left;
	clear: none;
	display: inline;
	background-color:#EEEEEE;
	width: 673px !important;
	height: 20px !important;
	overflow: hidden !important;
	padding:7px 0px 5px 10px;
}
/* Adjust Width for Bottom */
.sortRegionBottom {
  width: 673px !important;
}
.sortRegionNavBottom {
  width: 230px !important;
}

.browseSortByRegion p {
	margin: 10px 0 !important;
	background-color: Red;
}
.browseSortByRegion span {
  color: #062f56;
	font-weight: bold;
	padding: 0 3px 0 0;
	position: relative;
	top: -1px;
}
.browseSortByRegionNav {
	float:left;
	display: inline;
	background-color: #EEE;
	height: 20px !important;
	overflow: hidden !important;
	padding: 7px 10px 5px 0px;
	width: 230px;
	text-align: right;
}

.browseSortByRegionNav span {
	position: relative;
	top: -4px;
}
.browseSortByRegionNav .inputLeft{
	margin: 0px 0px 0px 5px !important;
}
.browseTourWrap {
	margin: 0px 0px 30px 0px !important;
}
.browseSortByRegion select {
  position: relative;
  top: -1px;
}

.tourHeading {
	background-color: #2c567d;
	height: 9px !important;
	float:left; 
	display: inline;
	/* for IE */
	font-size: 9px;
	line-height: 9px;
	width: 923px;
}
.tourMapImage {
	float: left;
	display: inline;
	clear: none;
	width: 132px !important;
	height: 195px !important;
	overflow: hidden;
}
.tourItineraryImg {
	float: left;
	display: inline;
	clear: none;
	width: 165px !important;
	height: 196px !important;
}
.tourItineraryIncludes {	
	width:600px;
	float: left;
	display: inline;
	margin: 0px;
	padding: 12px 0 0 20px;
}

.tourItineraryIncludes p {
  padding: 0px !important;
  margin: 0px !important;
	font-weight: bold;
	width: 540px !important;
	line-height: 17px;
}
.tourItineraryText {
	float:left;
	clear: none;
	display: inline;
	border: 1px solid #fff; 
	border-right: 1px solid #d8e6f3;
	border-top: 0px;
	width:624px;
	background-color:#d8e6f3;
}

.tourItineraryText-enhance {
	float:left;
	clear: none;
	display: inline;
	border: 1px solid #fff; 
	border-right: 1px solid #d8e6f3;
	border-top: 0px;
	width:624px;
	background-color:#d8e6f3;
	height:280px !important;
}

.tourItineraryText span.header {
  display: block;
  margin: 20px 0 7px 20px !important;
}
.tourItineraryText span.header a {
	color: #333;
	font-size: 13px !important;
	font-weight: bold;
	text-decoration: none;
}
.tourItineraryText p.details {
	color: #333;
	font-size: 11px !important;
	margin: 0px 20px !important;
	width: 540px !important;
}

.tourItineraryText-enhance p.details-enhance {
	color: #333;
	font-size: 11px !important;
	margin: 0px 20px !important;
	width: 490px !important;
}

.tourItineraryText p.details span {
	margin: 0px 0px 5px 0px;
	display: block;
}
.tourItineraryText p.details span.link {
 	margin: 0px 0px 25px 0px;
	display: block; 
}

/* BROWSE - TOUR DETAILS */
.PriceTourAndQuoteDetails {
	float: left;
	clear: none;
	display: inline;
	width: 300px !important;
}
.DescriptionAndItinerary {
	float: left;
	clear: none;
	display: inline;
	width: 600px !important;
}
.TourDetailsWidthOverride {
  width: 900px !important;
  margin-bottom: 85px;
}
.DescriptionAndItinerary p {
  width: 500px;
  margin: 0px;
  padding: 7px 0 10px 20px  !important;
}
.DescriptionAndItinerary p.cities {
  line-height: 17px;
}
.DescriptionAndItinerary span.header {
	font-weight: bold;
	font-size: 13px;
}
.DescAndItinBgCo {
	padding: 0px 0 0 20px;
	
}
.DescAndItinBgCo span.desc {
	display: block;
	padding: 10px 0;
	width: 540px;
}
.TourItineraryDetail {
	margin: 0px 0 0 15px;
	padding:0 0 20px 0;
	width:450px;
}
.TourItineraryDetail li {
  list-style: disc;
  list-style-position:inside;
}
.TourItineraryDetail p {
  margin: 0px;
  padding: 0px !important;
  }

.TourItineraryDetail .Alternating {
  margin: 10px 0px;
}
.tourDetails {
  background-color: #362110;
}
.DayAndDescription {
	color: #2c567d;
	font-weight: bold;
	margin: 16px 0px 4px 0px !important;
}
.tourDetailsH1Wrapper {
	/*background: url('../Images/dotted_line.gif') bottom left repeat-x;*/
	margin: 0px 0px 7 px 0px;
	border:0px solid;
}
.tourDetailsH1Wrapper img {
	position: relative;
	top: -5px;
	}
.TdSpace {
	padding-top: 5px !important;
}

.PriceThisTour {
	padding: 14px 0 15px 14px !important;
	margin: 0 0 20px 0;
	clear: both;
	background-color:#d8e6f3; 
	width:284px;
	}
.PriceThisTour h4 {
	padding: 0px;
	margin: 0 0 10px 0;
	font-size: 11px;
	font-weight: bold;
	color: #062f56;
}

hr.grayDashedDetails {
	width: 558px;
	border: 1px dashed #DDDDDD;
	margin: 0 0 0 20px;
}
hr.grayDashedQuotes {
	width: 260px;
	border: 1px dashed #99a3ac;
	margin: 14px 0 14px 0;
	padding: 0px;
}
.PriceThisTourSubmit input {
	position: relative;
	display: block;
}
.PriceThisTour select {
  margin: 0 0 12px 0;
}
.ItinLinkSection {
margin: 16px 0 0 20px;
	background-color: #D8E6F3;
	width: 400px;
}
.ItinLink {
	display: inline;
	margin: 0 0 0 0px;
}

/* BROWSE - TOUR DETAILS - QUOTE DETAILS */
.QuoteDetailsDiv table {
	width: 260px;
	margin: 0 0 10px -2px;
	padding: 0px;
}
.QuoteDetailsDiv table tbody {
  margin: 0px;
  padding: 0px;
}
.QuoteDetailsHdr {
	padding: 10px 0 7px;
	}
.QuoteDetailsDiv {
}
.QuoteDetailsDiv .TourFees {
  color:#2c567d; 
  margin: 0 0 0 0;
  padding: 0 0 0 0px;
  font-size:11px; 
  font-weight:bold;
}
.QuoteDetailsDiv .TotalPrice {
  color:#2c567d; 
  padding-left:20; 
  font-size:11px; 
  font-weight:bold;
}
.QuoteDetailLinks {
  margin: 0 0 7px 0;
  padding: 0px;
  color: #0073C3;
}
.QuoteNotes {
  width: 250px;
  margin: 16px 0 0 0;
  font-size: 10px;
}

/* MORE TOUR FEES */
#nyroModalContent {
  padding: 0px !important;
  }
#moreTourFees {}

#menuContainer {
  width: 640px;
  font-weight: bold;
  color: #2C567D;
  background-color: #d8e6f3;
  height: 48px;
  background-image: url('../Images/lightWindowTitle_TourFees.gif');
  background-repeat: no-repeat;
  }
#menuContainer a:link, 
#menuContainer a:visited, 
#menuContainer a:hover, 
#menuContainer a:active {
  text-decoration: none;
  color: #2C567D;
}
#tourFeesContainer, 
#insuranceContainer {
  font-size: 11px;
  padding: 0 20px 0 25px;
}
#nyroModalContent h4, 
#nyroModalContent h4 { 
  font-weight: normal !important;
  font-size: 12px;
  padding: 0 0 20px 25px;
  display: block;
  }
a.nyroLinkOn {
  color: #666666;
  text-decoration: none;
}
a.nyroLinkOff {
  color: #0073C3;
  text-decoration: underline;
}
a.nyroLinkOff:hover {
  color: #1BA0D8;
  text-decoration: none;
}
.nyroSwitcher {
  display: block;
  visibility: visible;
}
.nyroSwitcherOff {
  display: none;
  visibility: hidden;
}
#tourFeesContainer p , 
#insuranceContainer p {
  margin: 4px 0;
  line-height: 13px;
}
#tourFeesContainer p span, 
#insuranceContainer p span {
  font-weight: bold;
  color: #2c567d;
  padding-bottom: 4px;
}
#tourFeesContainer ul, 
#insuranceContainer ul {
  list-style: none;
  line-height: 16px;
  margin: 8px auto 8px 0px;
  padding: 0 0 0 0px;
}
.nyroTitle {

  margin: 16px 0 0 !important;

}
/* CST CREATE */
.createItineraryImg {
	display: inline;
	float: left;
	clear: none;
	width: 299px !important;
	height: 196px !important;
	border-top: 1px solid #fff;
}

.createItineraryImg-enhance {
	display: inline;
	float: left;
	clear: none;
	width: 391px !important;
	height: 280px !important;
	border-top: 1px solid #fff;
}

.createTourWrap {
	margin: 0px 0px 30px 0px !important;
}

span.itineraryTitle {
	color: #333;
	font-size: 13px !important;
	font-weight: bold;
	display: block;
	padding: 19px 0 7px 19px !important;	
}

span.itineraryTitle-enhance {
	color: #333;
	font-size: 11px !important;
	font-weight: normal;
	display: block;
	padding: 14px 0 7px 19px !important;	

}

span.itineraryTitle span.itineraryDesc {
	color: #2c567d;
	font-size: 11px !important;
}

.createTourWrap .tourItineraryText .details span {
	margin-bottom: 15px;
}
.createTourWrap .tourItineraryText {
  border-top: 1px solid #fff;
	width: 622px !important;
}

.createTourWrap .tourItineraryText-enhance {
  border-top: 1px solid #fff;
	width: 530px !important;
	line-height:1.4em;
}

.createH1Text {
	margin: 0 0 20px 0;
}	
.createH1Text p {
	margin: 0px;
	padding-right: 25px;
	float: left;
	display: inline;
	width: 600px !important;
	}
	
.createH1Text-enhance p {
	margin: 0px;
	padding-right: 25px;
	float: left;
	display: inline;
	width: 600px !important;
	line-height:1.4em;
	}
	
	.createH1Text-enhance {
	margin: 0 0 15px 0;
	}
	
.createH1Callout {
	padding: 0 0 0 16px;
	margin: 0px 0 0 0 !important; 
	position: relative; 
	float:left;
	display: inline;
	border:0px solid; 
}
.createH1Callout p {
	padding: 0px;
	margin: 0px;
	width: 320px;
}
.createH1Callout img {
	position: relative;
}
.createH1Callout .notFoundText {
  margin: 10px 0 0 0;
}

/* ABOUT EF */
.aboutEFContent {
  color: #666666; 
  float: left; 
  clear: none; 
  display: inline;
  width: 665px; 
  line-height: 16px;
  margin-bottom: 55px;
  margin-right: 25px;
}
.aboutEFContent b {
  color: #2c567d;
}
.aboutEFContent p {
  margin: 0px 0 14px;
}
.aboutEFCallOuts {
  color: #666666;
  font-size: 11px;
  float: left; 
  clear: none; 
  width: 180px;
  margin: 40px 30px 0 0;
  }

.aboutEFCallOuts span {
  color: #2c567d;
  font-weight: bold;
}
.aboutEFCallOuts p {
  margin: 0px;
  padding: 0px;
}
.aboutEFRightCallOut {
  display: inline;
  float: left;
  clear: none;
  width: 200px;
}

/* BOOKING CONDITIONS */
.bookingConditions p {
  color: #666;
    margin-bottom: 2px;
}
.bookingConditions h4 {
  font-size: 11px;
  font-weight: normal !important;
  color: #666;
  margin-bottom: 20px;
}
.bookingConditions p span {
   display: block;
}
.bookingConditions b {
  color: #2C567D;
}
.bookingConditions a {
  margin-bottom: 20px;
}
span.bookingConditions {
  display: block;
  margin-bottom: 20px;
}
.bookingConditions .marginFix {
  margin-top: 20px;
}
.DownloadAdobe {
  margin: 25px 0 0 0;
}
.DownloadAdobeImg {
  display: block;
  margin-bottom: 80px !important;
}

/* SITE MAP */
.sitemapColumn {
  float: left;
  clear: none;
  width: 300px;
  margin: 10px 0;
  }
.cstSitemap {
  margin: 0 0 30px 0;
  }
.cstSitemap dt {
  font-weight: bold;
  color: #2C567D;
  }
.cstSitemap dd {
  margin: 0px !important;
  padding: 4px 0 0 0 !important;
  }


/* CONTACT US */
.contactUsContainer  {
  margin-bottom: 40px;
  }
.contactUsContainer .formContainer {
  float: left; 
  clear: none; 
  width: 650px;
  padding: 0 20px 0 0;
  line-height: 16px;
  }
.contactUsContainer .formContainer p {
  color: #666666;
  font-size: 11px;
  }
  
.contactUsContainer .formContainer p span {
  font-weight: bold;
}
.contactUsContainer .calloutContainer {
  float: left;
  clear: none;
  margin: 0 0 0 0px;
  position: relative;
  left: 10px;
  width: 220px;
}
.contactUsContainer .calloutContainer h4 {
  color : #ffae00;
  font-size: 11px;
  margin: 0px 0;
  padding: 0px 0;
  }
.calloutContainer .getStartedCallOut {
  padding-left: 0px !important; 
  padding-top: 1px !important;
  margin-bottom: 20px !important;
 }
.contactUsContainer .calloutContainer p {
  color: #666666;
  font-size: 11px;
  width: 250px;
  margin: 0px 0;
  padding: 0px 0;
  }
h2.first {
  margin: 0 0 4px 0 !important;
  padding: 0 0 4px 0 !important;
}
  
p.text {
  margin: 4px 0 14px !important;
}
.contactUsContainer .calloutContainer p span {
  font-weight: bold;
}
#emailUsForm {
  margin: 30px 0 0 0;
}
#emailUsForm input, #emailUsForm select {
  font-size: 11px;
  color: #666;
}
#emailUsForm table {
  position: relative;
  left: -7px;
}
.formContainer p.leadText {
  margin-top: 0px;
}

#formSelection p {margin: 0 0 0 0}
#formSelection p span{
  font-weight: normal !important;
  display: block;
  float: left;
  clear: none;
  width: 220px !important;
  padding: 0 20px 0 0;
}
.tourParticipant p, 
.parentTourParticipant p, 
.teacherOrGroupLeader p,
.leadingATour p,
.other p {
  margin: 10px 0;}

.tourParticipant p span, 
.parentTourParticipant p span, 
.teacherOrGroupLeader p span,
.leadingATour p span,
.other P span {
  font-weight: normal !important;
  display: block;
  float: left;
  clear: none;
  width: 220px !important;
  padding: 0 20px 0 0;
}
.InternationalTours, .NorthAmericanTours {
  float: left;
  clear: none;
  width: 240px !important;
  padding-bottom: 0px !important;
  margin-bottom: 0px !important;
  }
.InternationalToursChecks, .NorthAmericanToursChecks {
  margin-left: -3px;
 }
.OtherOption {
  position: relative;
  left: 60px;
  top: -18px;
}
em.totalNumb {
  display: inline !important;
  width: 100px;
}
.CheckBoxFix {
  padding-top: 20px;
  margin-bottom: 4px !important;
  color: #2C567D !important;
  font-weight: bold;
}
p.phone input, p.zipcode input {
  margin: 0 5px 0 0;
}
p.QuestionsAndComments {
  margin: 30px 0 0 0;
}
#submitButtons input {
  display: block;
  margin: 0 0 0 340px;
}
#leadingATourHiddenStudent,
#leadingATourHiddenGradeSubject,
#leadingATourHiddenGrade { display: none; }
.leadingATourHiddenGradeTable { margin-left: 238px; }
.currentLevelTable, .currentLevelTextBox { margin-left: 241px; margin-top: -20px; }

/* Get Started Callout */

.getStartedImg {
  display: block;
  width: 212px !important;
  height: 77px !important;
}
.getStartedCallOut {
	padding: 0 0 0 16px;
	margin: 0px 0 0 0 !important; 
	position: relative; 
	float:left;
	display: inline;
	border:0px solid;
	width: 215px;
}
.getStartedCallOutRefer {
	margin: 0px 0 0 0 !important; 
	position: relative; 
	float:left;
	display: inline;
	border:0px solid;
	width: 265px;
}

.getStartedCallOut .notFoundText {
  margin: 16px 0 0 0;
  line-height: 16px;
}
.getStartedCallOut .notFoundText .notFoundImg {
  display: block;
}
.notFoundImgBottom {
  display: block;
  margin: 8px 0 0 0;
  }

/* Get Started Adjustments */
.browseH1Text .getStartedCallOut, .createH1Callout .getStartedCallOut  {
  position: relative;
  left: 52px;
  }
.getStartedBrowseDetails {
  margin: 6px 0 0 0;
  }  
.getStartedBrowseDetails img {
  margin: 0 0 4px 0;
  }



/*** Clearing Fix ***/

.clearfix:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix { height: 1%; }

/*** COLORBOX

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
html,body{height:100%}
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute !important;top:0; left:0; z-index:9999; overflow:hidden !important;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#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
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#666;}

#colorbox{}
#cboxContent{}
#cboxLoadedContent{background:#fff; padding:7px;}
#cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
#cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
#cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
#cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) top left no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:bottom left;}
#cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(../images/colorbox/controls.png) top right no-repeat; width:28px; height:65px; text-indent:-9999px;}
#cboxNext.hover{background-position:bottom right;}
#cboxLoadingOverlay{background:#fff;}
#cboxLoadingGraphic{background:url(../images/colorbox/loading-white.gif) center center no-repeat;}
#cboxClose{position:absolute; top:-17px; right:-17px; display:block; background:url(../images/colorbox/fancy_close.png) top center no-repeat; width:30px; height:30px; text-indent:-9999px;}

/* Dropshadow*/
#cboxTopLeft{width:20px; height:20px; background:url(../images/colorbox/fancy_shadow_nw.png) 0 0 no-repeat;}
#cboxTopCenter{height:20px; background:url(../images/colorbox/fancy_shadow_n.png) 0 0 repeat-x;}
#cboxTopRight{width:20px; height:20px; background:url(../images/colorbox/fancy_shadow_ne.png) 0 0 no-repeat;}
#cboxBottomLeft{width:20px; height:20px; background:url(../images/colorbox/fancy_shadow_sw.png) 0 0 no-repeat;}
#cboxBottomCenter{height:20px; background:url(../images/colorbox/fancy_shadow_s.png) 0 0 repeat-x;}
#cboxBottomRight{width:20px; height:20px; background:url(../images/colorbox/fancy_shadow_se.png) 0 0 no-repeat;}
#cboxMiddleLeft{width:20px; background:url(../images/colorbox/fancy_shadow_w.png) 0 0 repeat-y;}
#cboxMiddleRight{width:20px; background:url(../images/colorbox/fancy_shadow_e.png) 0 0 repeat-y;}
/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxClose{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../../../../images/colorbox/fancy_close.png, sizingMethod='scale');}
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_nw.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_n.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_ne.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_sw.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_s.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_se.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_w.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=../../../images/colorbox/fancy_shadow_e.png, sizingMethod='scale');}