/* ==============================================================
  (c) CPDcast
  
  CPDcast colour scheme:
  
  #49c4fa == CPD CYAN BLUE ("coloured")
  #fa0a8d == CPD PINK ("sharp")

  #38b3e9 == CPD cyan blue for plain text
  #286af8 == BLUE (post-tracker)
  #603913 == BROWN
  #60bf64 == GREEN

  CPD X-electricblue = #00ffc0
  
  #fee4f2 == background 4 "sharp" (pink)
  #e1f3fa == background 4 "coloured" (blue)
  
  #ffc == light notification background (sand)
  #e5d67a == light notification border (sand)
  #8f7c00 == light notification text (sand)
  
================================================================ */

/* -------------------------------- links ---------------------------------- */
.contentBox a {
	text-decoration: none;
}

.contentBox a:link {
	color: #424242;
	text-decoration: underline
}

.contentBox a:visited {
	color: #999;
	text-decoration: underline
}

.contentBox a:hover {
	color: #38b3e9;
	text-decoration: underline
}

.contentBox a:active {
	color: white;
	border-bottom: 0;
	background: #49c4fa;
	text-decoration: none;
}

.contentBox strong a:hover {
	color: #49c4fa;
	text-decoration: underline;
}

.contentBox a.download {
	text-decoration: underline;
	font-weight: bold;
}

.contentBox a.download:link {
	color: #49c4fa;
	text-decoration: underline;
}

.contentBox a.download:visited {
	color: #49c4fa;
	text-decoration: underline;
}

.contentBox a.download:hover {
	color: #fa0a8d;
	text-decoration: underline;
}

.contentBox a.download:active {
	color: white;
	border-bottom: 0;
	background: #49c4fa;
	text-decoration: none;
}

.contentBox a.external:link {
	padding-right: 0.9em;
	background: white url("/static/images/icons/icon_externalLink.png") right bottom no-repeat;
	color: #424242;
	text-decoration: underline
}

.contentBox a.external:visited {
	padding-right: 0.9em;
	background: white url("/static/images/icons/icon_externalLink-visited.png") right bottom no-repeat;
	color: #999;
	text-decoration: underline
}

.contentBox a.external:hover {
	padding-right: 0.9em;
	background: white url("/static/images/icons/icon_externalLink-hover.png") right bottom no-repeat;
	color: #38b3e9;
	text-decoration: underline
}

.contentBox a.external:active {
	padding-right: 0.9em;
	background: #49c4fa url("/static/images/icons/icon_externalLink-active.png") right bottom no-repeat;
	color: white;
	border-bottom: 0;
	text-decoration: none;
}

.contentBox a.externalGray:link {
	padding-right: 0.9em;
	background: #eee url("/static/images/icons/icon_externalLink-g.png") right bottom no-repeat;
	color: #424242;
	text-decoration: underline
}

.contentBox a.externalGray:visited {
	padding-right: 0.9em;
	background: #eee url("/static/images/icons/icon_externalLink-visited-g.png") right bottom no-repeat;
	color: #999;
	text-decoration: underline
}

.contentBox a.externalGray:hover {
	padding-right: 0.9em;
	background: #eee url("/static/images/icons/icon_externalLink-hover-g.png") right bottom no-repeat;
	color: #38b3e9;
	text-decoration: underline
}

.contentBox a.externalGray:active {
	padding-right: 0.9em;
	background: #49c4fa url("/static/images/icons/icon_externalLink-active.png") right bottom no-repeat;
	color: white;
	border-bottom: 0;
	text-decoration: none;
}

.contentBox a.sharp:link {
	color: #fa0a8d;
}

.contentBox  a.sharp:visited {
	color: #fa0a8d;
}

.contentBox  a.sharp:hover {
	background: #fa0a8d;
	color: white;
	text-decoration: none;
}

.contentBox p {
	margin: 0;
	padding: 0 0 1.4em 0;
	line-height: 1.4em;
}

a sup {
	line-height: 0;
}

a.bluelink:link {
	color: #49c4fa;
	background: white
}

a.bluelink:visited {
	color: #49c4fa;
	background: white
}

a.bluelink:hover {
	color: #fa0a8d;
	background: white
}

a.bluelink:active {
	background: #49c4fa;
	color: white
}

/* ------------------------------ headers ---------------------------------- */
h1 {
	color: #333;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 110%;
	position: relative;
}

#header3.oops500 h1,#header3extrasharp h1 {
	color: #fa0a8d;
	padding-bottom: 0.5em;
	border-bottom: dashed 1px #fa0a8d;
}

h2 {
	padding: 2em 0 0 0;
	margin: 0;
	font-size: 110%;
}

h2.smalltopgap {
	padding-top: 0.5em;
}

h2.browsepage {
	padding: 2em 0 1em 0;
}

h3 {
	padding: 2em 0 0 0;
	margin: 0;
	font-size: 100%;
}

h3.result {
	padding: 0 0 2em 0;
	font-size: 110%;
}

h3.blue {
	font-size: 100%;
	padding: 0 0 1.3em 0;
	color: #224a9f;
}

.h2hr,.plainhr,.plainhrtop,.h2hrsmall,.h2hrsmaller,.h2hrmedium {
	height: 1px;
	background: url("/static/images/hr.png") no-repeat;
	overflow: hidden;
	margin: 0.5em 0 1em 0;
}

h3 strong,h2 strong,h1 strong {
	color: #49c4fa;
	background: white;
}  /* obsolete, to be removed on the next rollout */
h3 span,h2 span,h1 span {
	color: #49c4fa;
	background: white;
}

.plainhr {
	margin: 2em 0;
}

.plainhrtop {
	margin: 0;
}

.h2hrsmall {
	background: transparent url("/static/images/hrsmall.png") no-repeat;
}

.h2hrsmaller {
	background: white url("/static/images/hrsmaller.png") no-repeat;
	margin-bottom: 0.5em;
}

.h2hrmedium {
	background: white url("/static/images/hrmedium.png") no-repeat;
	width: 436px;
}

h1 span#basket {
	display: block;
	float: right;
	font: normal 80% Arial, sans-serif;
	position: relative;
}

h1 span#basket a:link,h1 span#basket a:link span#basketItemCount {
	color: #38b3e9;
	background: white;
	text-decoration: underline;
}

h1 span#basket a:visited,h1 span#basket a:visited span#basketItemCount {
	color: #38b3e9;
	background: white;
	text-decoration: underline;
}

h1 span#basket a:hover,h1 span#basket a:hover span#basketItemCount {
	color: #fa0a8d;
	background: white;
	text-decoration: underline;
}

h1 span#basket a:active,h1 span#basket a:active span#basketItemCount {
	background: #49c4fa;
	color: white;
	text-decoration: none;
}

h1 span#basketSpacer {
	padding: 20px;
	background: none;
}

#header2 #header3.oops500 #basketSpacer,#header2 #header3extrasharp #basketSpacer
	{
	padding: 0
}

/* -------------------- generic error msgs & schitt ----------------------- */
div.okay { /* green saved/completed/OK message */
	border: 1px dotted #60bf64;
	padding: 0.7em 1em 0.7em 2.7em;
	margin-bottom: 2em;
/* background: url("/static/images/_noImage.gif") no-repeat 0.6em 0.35em; */
	color: #49a74c;
}

p.completed { /* blue saved/completed/OK message */
	border: 1px dotted #49c4fa;
	padding: 0.7em 1em 0.7em 2.7em;
	margin-bottom: 2em; 
	background: url("/static/images/icons/icon_tickedBlue.png") no-repeat 0.6em 0.35em;
	color: #38b3e9;
}

.testMode, .contentBox p.testMode {
  border:2px dotted red;
  color:red;
  font-weight:bold;
  padding:0.5em 1em;
  text-align:center;
  letter-spacing:0.2em;
  background:#fee;
  margin-bottom:1.5em;
}
legend, div.legend {
	padding: 0;
	margin: 0;
  font-size:110%;
}

div.sharpNote,div.sharpNoteMod {
	margin: 0 12% 1.8em 12%;
	font-weight: bold;
	background: white;
	color: #fa0a8d;
	padding: 0.7em 0;
	text-align: center;
	border: 2px solid #fa0a8d;
}

div.sharpNote a:link,div.sharpNoteMod a:link {
	color: #fa0a8d;
	text-decoration: underline;
	background: white;
}

div.sharpNote a:visited,div.sharpNoteMod a:visited {
	color: #fa0a8d;
	text-decoration: underline;
	background: white;
}

div.sharpNote a:hover,div.sharpNoteMod a:hover {
	color: white;
	text-decoration: none;
	background: #fa0a8d;
}

div.sharpNote a:active,div.sharpNoteMod a:active {
	color: #49c4fa;
	text-decoration: none;
	background: white;
}

div.sharpNoteMod {
	font-weight: normal;
	margin: 1.5em 0 1.8em 0;
	text-align: left;
	padding-left: 1em;
	padding-right: 1em;
}

em.mandatory {
	color: #fa0a8d;
	padding-left: 3px;
	font: normal bold 140% Arial, sans-serif;
	background: white;
	cursor: help;
}

em.semiMandatory {
	color: #999;
	padding-left: 3px;
	font: normal bold 140% Arial, sans-serif;
	background: white;
	cursor: help;
}

em.optional {
	color: #fa0a8d;
	padding-left: 3px;
	font: normal bold 140% Arial, sans-serif;
	background: white;
}

div.roundedNote {
	padding-top: 5px;
}

div.roundedNote span.rightRound {
	background: url("/static/images/tracker_roundedNoteRight.png") left center no-repeat;
	padding: 3px 125px 3px 0;
	font-size: 11px;
}

div.roundedNote span.leftRound {
	background: #dbf3fe url("/static/images/tracker_roundedNoteLeft.png") left center no-repeat;
	color: #49c4fa;
	padding: 3px 0 3px 9px;
	font-size: 11px;
}

div.roundedNoteSharp {
	padding-top: 10px;
}

div.roundedNoteSharp span.rightRound {
	background: url("/static/images/tracker_roundedNoteRight-sharp.png") left center no-repeat;
	padding: 3px 9px 3px 0;
	font-size: 11px;
}

div.roundedNoteSharp span.leftRound {
	background: #fee5f3 url("/static/images/tracker_roundedNoteLeft-sharp.png") left center no-repeat;
	color: #fa0a8d;
	padding: 3px 3px 3px 9px;
	font-size: 11px;
}

div.userNote, .userNote {
	padding: 0.5em 0.7em;
	border: 2px solid #e5d67a;
	background: #ffc;
	margin-bottom: 0.5em;
	color: #8f7c00;
}
.userNote a { text-decoration: none; }
.userNote a:link {
	color: #8f7c00;
	text-decoration: underline
}
.userNote a:visited {
	color: #999;
	text-decoration: underline
}
.userNote a:hover {
	color: black;
	text-decoration: underline
}
.userNote a:active {
	color: white;
	border-bottom: 0;
	background: #49c4fa;
	text-decoration: none;
}
.fixedNoteRight .userNote {
	z-index:103;
}




/* -------------------------- text enrichments ----------------------------- */
strong.coloured, .coloured { color:#49c4fa; }
strong.sharp, .sharp { color:#fa0a8d; }
strong.orange, .orange { color:#c1181b; }
strong.brown, .brown { color:#754c24; }
strong.blue, .blue { color:#286af8; }
  a:hover strong.blue, a:hover .blue { color:#49c4fa; }
strong.red, .red { color:red; }
strong.blueSharp, .blueSharp { color:blue; }
strong.big, .big { font-size:140%;
  padding-left:0.1em; padding-right:0.1em;
  line-height:0.5em;
  position:relative;
  top:0.1em;
} strong.fixed, .fixed { font-family:Courier New,monospace; }
strong.bigger, .bigger { font-size:110%; }
.biggerPlus { font-size:140%; }
em.coloured, .coloured { color:#49c4fa; }
em.sharp { color:#fa0a8d; font-style:normal }
em.sharp.italic { font-style:italic }
em.colourOnly { color:#38b3e9; font-style:normal; }
em.disabled { font-style:normal; color:#aaa; cursor:help; }
p.aritmetics { font-weight:bold;  }
p.aritmetics em { font-size:150%; vertical-align:middle; }
p.aritmetics strong { font-size:150%; vertical-align:middle; }
.bigger { font-size:110%; }
.allCaps { text-transform:uppercase; }
.adminGreen { color:#9e9; }
.adminRed { color:#FFA07A; }
.adminGrey { color:#e2e2e2; }

span.hidden, .hidden { display:none; }
span.crossedOut { text-decoration:line-through; }
span.filled { background:white; }
.help { cursor:help; }
abbr { border-bottom:1px dotted #666; }
span.helper { cursor:help; border-bottom:1px dotted #666; }
span.disabled { color:#999; }
span.pink { color:#fa0a8d; font-style:italic; }

.boxxy {
 	padding: 0.2em 0.5em;
	border: 2px solid #fa0a8d;
	background: #fee4f2;
	color: #fa0a8d;
}.boxxy.boxxyColoured {
	border: 2px solid #49c4fa;
	color: #49c4fa;
	background: #286af8;
}.boxxy.boxxyGreen {
	border: 2px solid #35c138;
	color: #20ab23;
	background: #e4ffdc;
}
/* --------------------------- paragraph styles ---------------------------- */
p.centered,.centered {
	text-align: center;
}

p.textRight,.textRight {
	text-align: right
}

p.topGap3,.topGap3 {
	margin-top: 3em;
}

p.topGap2Plus,.topGap2Plus {
	margin-top: 2.5em;
}

p.topGap2,.topGap2 {
	margin-top: 2em;
}

p.topGap1Plus,.topGap1Plus {
	margin-top: 1.5em;
}

p.topGap1,.topGap1 {
	margin-top: 1em;
}

p.topGapPlus,.topGapPlus {
	margin-top: 0.5em;
}

p.topGap0,.topGap0 {
	margin-top: 0;
}

p.tightLineGaped,.tightLineGaped {
	line-height: 1em;
}

p.cutShort,.cutShort {
	padding-bottom: 0;
}

p.reverse,.reverse {
	padding-top: 0;
	padding-bottom: 1em;
}

p.halfGap,.halfGap {
	padding-bottom: 0.5em;
}

p.indented,.indented {
	padding-left: 2em;
}

p.bottomgaped,.bottomgaped {
	padding-bottom: 2.4em;
}

p.bothGap2,.bothGap2 {
	margin-top: 2em;
	margin-bottom: 2em;
}

p.download {
	border: 1px solid white;
	background: url("/static/images/icons/button_BigBlue.png") center no-repeat;
	text-align: center;
	height: 73px;
	margin-top: 1em;
	margin-bottom: 1em;
}

p.download strong {
	border: 0;
	display: block;
	margin: 0 auto;
	font-size: 170%;
	width: 364px;
	margin-top: 37px;
}

.contentBox p.download strong a:link {
	color: white;
	border: 0;
	text-decoration: none;
}

.contentBox p.download strong a:visited {
	color: #eee;
	border: 0;
	text-decoration: none;
}

.contentBox p.download strong a:hover {
	color: white;
	text-decoration: line-through;
	border: 0;
}

/* --------------------------- positioning divs ---------------------------- */
div.textRight {
	text-align: right;
}

div.rightPane, .rightPane {
	float: right;
	width: 51%;
}

div.leftPane, .leftPane {
	width: 48%;
}

div.allCentered {
	text-align: center;
}

.allCentered a:active {
	background: white;
}

.allCentered img#imgleft {
	width: 117px;
	height: 95px;
	margin-right: 1.8em;
	border: 0;
	position: relative;
	bottom: 35px;
}

.allCentered img#imgright {
	width: 168px;
	height: 141px;
	margin-left: 1.8em;
	border: 0;
	margin-top: 2em;
}

img.overLeft,img.overRight {
	float: left;
	border: 0;
	position: relative;
	top: 0.5em;
}

img.overRight, .overRight {
	float: right;
}

div.indentLeft { /* so far used for _quizReady only */
	padding-left: 60px;
}

div.clearer {
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}

.leftcol {
	width: 55%;
}

.rightcol {
	float: right;
	width: 43%;
	position: relative;
}

/* ---------------------------- rounded boxes ------------------------------ */
.fullBGimg-back {
	display: block;
	margin-bottom: 2em;
	text-decoration: none;
}

.fullBGimg-back span {
	display: block;
}

.whiteRounded .topLeft {
	background: transparent url("/static/images/rounderTopLeft.gif") left top no-repeat;
}

.whiteRounded .topRight {
	background: transparent url("/static/images/rounderTopRight.gif") right top no-repeat;
}

.whiteRounded .bottomLeft {
	background: transparent url("/static/images/rounderBottomLeft.gif") left bottom no-repeat;
}

.whiteRounded .bottomRight {
	background: transparent url("/static/images/rounderBottomRight.gif") right bottom no-repeat;
}

.whiteRounded span {
	display: block;
}

.contentBox a.seamless,.contentBox a.seamless:link,.contentBox a.seamless:visited,.contentBox a.seamless:hover {
	text-decoration: none;
}

.contentBox a.seamless span {
	cursor: pointer;
}

/* ---------------------------- etc / misc --------------------------------- */
.clearBoth {
	clear: both;
}

.loading {
	width: 100%;
	text-align: center;
}

em.ticked {
	position: relative;
	font-style: normal;
	text-decoration: none;
	padding-right: 35px;
	background: url("/static/images/icons/icon_tickedPink.png") right 0 no-repeat;
	padding-top: 9px;
	padding-bottom: 18px;
}

p.signupLink {
	font-weight: bold;
	font-size: 110%;
	text-align: center;
	margin: 1em 0 1em 0;
}

p.signupLink#smaller {
	font-size: 100%;
	margin: 1em 0 0 0;
}

p.signupLink a:link {
	color: #49c4fa;
	text-decoration: underline;
}

p.signupLink a:visited {
	color: #49c4fa;
	text-decoration: underline;
}

p.signupLink a:hover {
	color: #fa0a8d;
	text-decoration: underline;
}

p.signupLink a:active {
	color: white;
	background: #49c4fa;
	text-decoration: none;
}

kbd {
	font: normal 100% Courier New, monospace;
	background: #eee;
	color: #666;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

kbd.help {
	padding-left: 0;
	padding-right: 0;
}

a.print {
	display: block;
	width: 7em;
	height: 22px;
	font-size: 70%;
	font-weight: normal;
	background: url("/static/images/icons/button_printPage.png") right center no-repeat;
	padding-right: 25px;
	padding-top: 7px;
	float: right;
	vertical-align: middle;
	position: relative;
	bottom: 12px;
}

#CPDpoints {
	padding-bottom: 1em;
	line-height: 1.2em;
	padding-left: 16.2em;
	background: white url("/static/images/decorative/ipod-headphones.png") 7% 30% no-repeat;
	color: #777;
}

#CPDpoints div {
	min-height: 141px;
	height: auto !important;
	height: 141px;
}

#CPDpoints p {
	margin: 0;
	padding: 0 0 1em 0;
}

div#printOpts {
	text-align: right;
}

div#printOpts img {
	border: 0;
}

div#floatingText {
	width: 550px;
	float: left;
	margin: 0;
	padding: 0;
}

p.backLink {
	font-weight: bold;
	margin: 0;
	padding: 0;
}

span#spacedoff {
	padding: 1em 0 0 1.5em;
}

div#aboutUsInformaWrapper {
	margin-right: 400px;
}

img.informa {
	float: right;
	margin: 76px 41px 0 0;
}

/* ------------------------------ CPDplayer -------------------------------- */
.playerContainer {
	position: relative;
	right: 8px;
	bottom: 5px;
}

.playerFail,.playerFailJS {
	width: 750px;
	text-align: center;
	padding: 3em 0;
	color: #fa0a8d;
	font-weight: bold;
	background: #fee4f2;
	border: 2px solid #fa0a8d;
	margin-left: 8px
}

.playerFail div,.playerFailJS div {
	padding: 0 3em;
}

.categoryAnchor {
	width: 1px !important;
	height: 1px !important;
	margin: 0 !important;
	padding: 0 !important;
}

/* ------------------------------ contributor ------------------------------ */
div.photo {
	float: right;
	color: #999;
	background: white;
	font-size: 76%;
	text-align: center;
	line-height: 2em;
}

div.bottomGap {
	margin-bottom: 4.5em;
}

/* ------------------------------- accessibility --------------------------- */
p.centeredButtons {
	padding: 0.5em 0 1.7em 0;
	text-align: center;
}

.centeredButtons img {
	margin: 0 1em;
	width: 88px;
	height: 31px;
	border: 0;
}

img.left,.left {
	float: left;
}

/* ------------------------------- REMINDER -------------------------------- */
#reminderform {
	margin: 0;
	padding: 1em 0 3em 0;
}

#reminderform fieldset {
	margin: 0;
	padding: 0;
	border: 0;
}

#reminderform legend {
	display: none;
}

#reminderform label {
	width: 8em;
	text-align: right;
}

#reminderform input.submit {
	margin-top: 0.5em
}

/* -------------------------------- tracker -------------------------------- */
div.centeredList {
	width: 45em;
	margin: 0 auto;
}

/* ------------------------------- basket --------------------------------- */
ul.itemContents {
	margin: 0;
	padding: 0.3em 0 0 1.5em;
	color: #49c4fa;
}

ul.itemContents li {
	margin: 0;
	padding-bottom: 0.2em;
}

ul.itemContents li div.litxt {
	color: #666;
}

/* ------------------------ report (tab.css??) ---------------------------- */
div.paging {
	padding: 0.5em 0;
	text-align: center;
}

.paging div.pagerCaption {
	color: #333;
	padding-bottom: 0.5em;
}

.fixedTop { /* for the position:fixed IE6 hack to work: */
	position:fixed;
	bottom:auto;
	top:0px;
}
.fixedBottom {
	position:fixed;
	bottom:0px;
	top:auto;
}
.fixedLeft {
	position:fixed;
	right:auto;
	left:0px;
}
.fixedRight {
	position:fixed;
	right:0;
	left:auto;
}

.fixedNoteRight { /* used with fixedBottom IE6 hax */
	right:10px;
}


/* ----------------------- firm admin exclusive styles ---------------- */
.adminFeature {
	border:1px solid #286af8;
	color:#286af8 !important;
	text-decoration:none !important;
	background:#e1f3fa;
	padding:0.4em 0.6em;
	-moz-border-radius: 0.5em;
	-o-border-radius: 0.5em;
	-webkit-border-radius: 0.5em;
	-khtml-border-radius: 0.5em;
	border-radius: 0.5em;
	-moz-box-shadow: inset 0 0 5px white;	
	-o-box-shadow: inset 0 0 5px white;	
	-webkit-box-shadow: inset 0 0 5px white;	
	-khtml-box-shadow: inset 0 0 5px white;	
	box-shadow: inset 0 0 5px white;	
}
.adminFeature:hover {
	background:#286af8;
	color:white !important;
}

/* -------------------------- moved from home ------------------------------ */
div.flashboxTop {
	overflow: hidden;
	background: url("/static/images/rounderFlashboxTopLeft.png") left top no-repeat;
	padding-left: 4px;
}

div.flashboxTop1 {
	overflow: hidden;
	background: url("/static/images/rounderFlashboxTopRight.png") right top no-repeat;
	padding-right: 4px;
}

div.flashboxTop2 {
	overflow: hidden;
	background: white url("/static/images/rounderFlashboxLine.png") top repeat-x;
	height: 4px;
}

div.flashboxBottom {
	overflow: hidden;
	background: url("/static/images/rounderFlashboxBottomLeft.png") left bottom no-repeat;
	padding-left: 4px;
	margin-bottom: 1em;
}

div.flashboxBottom1 {
	overflow: hidden;
	background: url("/static/images/rounderFlashboxBottomRight.png") right bottom no-repeat;
	padding-right: 4px;
}

div.flashboxBottom2 {
	overflow: hidden;
	background: white url("/static/images/rounderFlashboxLine.png") left 3px repeat-x;
	height: 4px;
}

div.flashboxBody {
	background: #dfdfdf;
	padding: 0 1px;
}

div.flashboxContent {
	background: white;
	color: #666;
}

div.flashboxText {
	padding: 0.7em;
}

.flashboxBody h2 {
	padding: 0 0 0;
	color: #666;
	background: white;
	border-bottom: 1px solid #dfdfdf;
}

.flashboxBody h2 span.block {
	display: block;
	padding: 0.3em 0.7em;
	color: #666;
}

.flashboxBody h2 a {
	display: block;
	padding: 0.3em 0.7em;
}

.flashboxBody h2 a:link {
	text-decoration: none;
	background: white url("/static/images/icons/arrowDoubleBlue-r.png") 97% center no-repeat;
	color: #666;
}

.flashboxBody h2 a:visited {
	text-decoration: none;
	background: white url("/static/images/icons/arrowDoubleBlue-r.png") 97% center no-repeat; 
	color: #666;
}

.flashboxBody h2 a:hover {
	text-decoration: none;
	background: white url("/static/images/icons/arrowDoublePink-r.png") 97% center no-repeat;
	color: #49c4fa;
}

.flashboxBody h2 a:active {
	text-decoration: none;
	background: white url("/static/images/icons/arrowDoublePink-r.png") 97% center no-repeat;
	color: #fa0a8d;
}

/* ================================================================== */
div.sectionTop {
	clear: both;
	height: 25px;
	background: white url("/static/images/backend/bg_section-top.png") repeat-x top;
/*	margin-left: -1%;
  width: 102%; */
}

div.sectionTopRight {
	height: 25px;
	background: url("/static/images/backend/bg_section-top-right.png") no-repeat right top;
}

div.sectionTopLeft {
	height: 25px;
	background: url("/static/images/backend/bg_section-top-left.png") no-repeat left top;
}

div.sectionBottom {
	margin-bottom: 0.5em;
	height: 25px;
	background: url("/static/images/backend/bg_section-bottom.png") repeat-x bottom;
/*	margin-left: -1%;
  width: 102%; */
}

div.sectionBottomRight {
	height: 25px;
	background: url("/static/images/backend/bg_section-bottom-right.png") no-repeat right bottom;
}

div.sectionBottomLeft {
	height: 25px;
	background: url("/static/images/backend/bg_section-bottom-left.png") no-repeat left bottom;
}

div.sectionRight {
	background: white url("/static/images/backend/bg_section-right.png") repeat-y right;
/*	margin-left: -1%;
  width: 102%; */
}

div.sectionLeft {
	background: url("/static/images/backend/bg_section-left.png") repeat-y left;
}

div.section {
	margin: 0 38px;
	padding: 1em 0;
	background: white;
}


a.purchaseButton, .contentBox a.purchaseButton, .contentBox .libCats li .libCatLine a.purchaseButton {
	line-height: 1.3em;
	float:right;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-size:75%;
	font-weight:bold;
	padding:6px 20px;
}

a.purchaseButton:link, .contentBox a.purchaseButton:link, .contentBox .libCats li .libCatLine a.purchaseButton:link {
	border:1px solid #009FE5;
	background: #49c4fa;
	color:white;
	text-decoration:none;
}

a.purchaseButton:visited, .contentBox a.purchaseButton:visited, .contentBox .libCats li .libCatLine a.purchaseButton:visited {
	border:1px solid #009FE5;
	background: #49c4fa;
	color:white;
	text-decoration:underline;
}

a.purchaseButton:hover, .contentBox a.purchaseButton:hover, .contentBox .libCats li .libCatLine a.purchaseButton:hover {
	background: #5ad5fb;
	border:1px solid #49c4fa;
	text-shadow: 0 0 10px white;
	-moz-box-shadow: inset 0 0 5px white;
	-o-box-shadow: inset 0 0 5px white;
	-webkit-box-shadow: inset 0 0 5px white;
	-khtml-box-shadow: inset 0 0 5px white;
	box-shadow: inset 0 0 5px white;
	color:white;
	text-decoration:none;
}

a.purchaseButton:active, .contentBox a.purchaseButton:active, .contentBox .libCats li .libCatLine a.purchaseButton:active {
	background: #fa0a8d;
	border:1px solid #c33;
	text-shadow: 0 0 10px white;
	-moz-box-shadow: inset 0 0 5px white;
	-o-box-shadow: inset 0 0 5px white;
	-webkit-box-shadow: inset 0 0 5px white;
	-khtml-box-shadow: inset 0 0 5px white;
	box-shadow: inset 0 0 5px white;
	text-decoration:none;
}

.contentBox .libCats li .libCatLine a.purchaseButton {
	bottom: 2.5em;
	float: none;
}

a.commonButton {
	line-height: 1.3em;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;
	border-radius: 5px;
	font-size:75%;
	font-weight:bold;
	padding:6px 20px;
}

a.commonButton:link {
	border:1px solid #009FE5;
	background: #49c4fa;
	color:white;
	text-decoration:none;
}

a.commonButton:visited {
	border:1px solid #009FE5;
	background: #49c4fa;
	color:white;
	text-decoration:underline;
}

a.commonButton:hover {
	background: #5ad5fb;
	border:1px solid #49c4fa;
	text-shadow: 0 0 10px white;
	-moz-box-shadow: inset 0 0 5px white;
	-o-box-shadow: inset 0 0 5px white;
	-webkit-box-shadow: inset 0 0 5px white;
	-khtml-box-shadow: inset 0 0 5px white;
	box-shadow: inset 0 0 5px white;
	color:white;
	text-decoration:none;
}

a.commonButton:active {
	background: #fa0a8d;
	border:1px solid #c33;
	text-shadow: 0 0 10px white;
	-moz-box-shadow: inset 0 0 5px white;
	-o-box-shadow: inset 0 0 5px white;
	-webkit-box-shadow: inset 0 0 5px white;
	-khtml-box-shadow: inset 0 0 5px white;
	box-shadow: inset 0 0 5px white;
	text-decoration:none;
}