/* ------------------------------------------------------------------------ */
/* ----------------------->>>    C O M M O N    <<<------------------------ */
/* ------------------------------------------------------------------------ */

.left {
	float: left;
}

.right {
	float: right;
}

.jsready .jsswfreq {
	display: none;
}

#blq-content {
	color: #FFFFFF;
	font-size: 1em;
	width: 974px;
	overflow: hidden;
}

#blq-content h1.header {
	overflow: hidden;
	width: 0px;
	height: 0px;
}

#blq-content p,
#blq-content div {
	line-height: 1.2em;
}

#blq-content p.intro {
	margin-bottom: 5px;
	text-align:center;
}

#blq-content a {
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}

#blq-content a:hover {
	color: #F15A24;
}

#blq-content a.external {
	background-color: #C83F0D;
	font-style: oblique;
	font-weight: bold;
	padding: 1px 3px;
	text-decoration: none;
}

#blq-content a.external:hover {
	color: #FFF;
	background-color: #1E94D2;
}

/* ------------------------------------------------------------------------ */
/* ----------------------->>>    H E A D E R    <<<------------------------ */
/* ------------------------------------------------------------------------ */

#header {
	position: absolute;
	top: 12px;
	left: 10px;
	width: 954px;
	z-index: 3;
}

#header #logo-pinball,
#header #logo-pinball span {
	display: block;
	width: 104px;
	height: 40px;
	overflow: hidden;
	background: url(/staticarchive/ad6afdda1358b87af7b1b33fe3a78ce6eb3aa1f6.gif) no-repeat;
	border: none;
	cursor: pointer;
}

#header #logo-bbcscotland,
#header #logo-bbcscotland span {
	display: block;
	width: 68px;
	height: 54px;
	overflow: hidden;
	background: url(/staticarchive/ad6afdda1358b87af7b1b33fe3a78ce6eb3aa1f6.gif) no-repeat -104px 0px;
	border: none;
	cursor: pointer;
}

/* ------------------------------------------------------------------------ */
/* ----------------------->>>    F O O T E R    <<<------------------------ */
/* ------------------------------------------------------------------------ */

#footer {
	clear: both;
	margin: auto;
	padding: 20px 0px 0px;
	width: 852px;
	background: url(/staticarchive/2092569ddb188457335fe609b0f44ee7f82f827b.gif) no-repeat 0px center;
}

#footer-top {
	width: 410px;
	height: 61px;
	background: url(/staticarchive/496f7afab09386a90697153843e1218dc56ed98c.gif) no-repeat -595px -61px;
}

#footer-content {
	margin: auto;
	width: 410px;
	text-align: center;
	background: url(/staticarchive/496f7afab09386a90697153843e1218dc56ed98c.gif) repeat-y;
}

#footer-content p {
	padding: 0px 20px;
	margin-bottom: 20px;
	font-size: 0.9em;
}

#footer-bot {
	margin-top: -20px;
	width: 410px;
	height: 31px;
	background: url(/staticarchive/496f7afab09386a90697153843e1218dc56ed98c.gif) no-repeat -595px -123px;
}

/* ------------------------------------------------------------------------ */
/* -------------------->>>    M O R E   B O X E S    <<<------------------- */
/* ------------------------------------------------------------------------ */

#more {
	clear: both;
	margin: 0px 13px;
	padding: 15px 45px;
}

#more li {
	margin-bottom: 5px;
}

#more .header {
	height: 41px;
	overflow: hidden;
	margin-bottom: 4px;
}

#more .header span {
	display: block;
	width: 185px;
	height: 41px;
	background: #083463 url(/staticarchive/496f7afab09386a90697153843e1218dc56ed98c.gif) no-repeat -410px 0px;
}

#more .text {
	padding: 10px;
	background: #083463;
}

#more .text p {
	margin-bottom: 1.5em;
}

#more .cap {
	width: 185px;
	height: 20px;
	overflow: hidden;
	margin-top: -15px;
	background: url(/staticarchive/496f7afab09386a90697153843e1218dc56ed98c.gif) no-repeat -410px -123px;
}

#more #using .text,
#more #more-web .text {
	height: 180px;
}

#more #using,
#more #more-web,
#more #more-bbc {
	width: 185px;
	float: left;
}

#more #more-bbc {
	margin: 0px 10px;
}

#more #more-web {
	line-height: 1.8em;
}

#more #more-bbc,
#more #more-bbc .header span,
#more #more-bbc .cap {
	width: 466px;
}

#more #more-web .header span {
	background-position: -410px -41px;
}

#more #more-bbc .header span {
	background-position: -595px 0px;
}

#more #more-bbc .cap {
	background-position: -595px -41px;
}

#more .links li {
	clear: both;
}

#more .links li span {
	clear: both;
	display: block;
	overflow: hidden;
	width: 0px;
	height: 0px;
}

#more .links .link {
	float: left;
}

#more .links .description {
	float: right;
	width: 330px;
}

#weblinks li {
	padding: 0px 0px 4px;
}

/* ------------------------------------------------------------------------ */
/* --------------------->>>    H O M E P A G E    <<<---------------------- */
/* ------------------------------------------------------------------------ */

#page-home #blq-main {
	background: #00002b url(/staticarchive/01a746b1505de0920e3990c7c1e990a5740bc954.gif) repeat-y;
}

#page-home #blq-content {
	background: url(/staticarchive/6d969aef83855a9762fd883c6bd2f3ed47e2cc50.gif) no-repeat;
	padding: 160px 0px 20px;
}

#page-home #tools {
	position: relative;
	width: 926px;
	height: 348px;
	padding: 21px 24px 0px;
	margin: 0px;
}

#page-home #tools #intro-emp {
	position: absolute;
	top: 21px;
	left: 231px;
	width: 512px;
	height: 323px;
	background: #000;
	border: 1px solid #f15a23;
}

#page-home #tools #intro-emp p {
	margin: 22px;
	line-height: 2em;
	text-align: center;
}

#page-home #tools .tool {
	width: 185px;
	height: 91px;
	display: block;
	overflow: hidden;
	padding: 0px;
	margin: 0px;
}

#page-home #tools .tool span {
	display: block;
	width: 185px;
	height: 91px;
	background-position: 0px 0px;
}

#page-home #tools a.tool span {
	cursor: pointer;
}

#page-home #tools a.tool:hover span {
	background-position: 0px 91px;
}

#page-home #tools .dotdash   span {
	background-image: url(/staticarchive/8cc68522542ea35ae7865cf79e7a3b8bfd5149fa.gif);
}

#page-home #tools .dropzone  span {
	background-image: url(/staticarchive/1a52f428badc804376dfc10ec7976663bfb51c93.gif);
}

#page-home #tools .snapshot  span {
	background-image: url(/staticarchive/e587043644009c1d3c7ca80f095daeab142ef490.gif);
}

#page-home #tools .wildreels span {
	background-image: url(/staticarchive/0960617a721fdc2a6933e17a3aa932d79f594022.gif);
}

#page-home #tools .livewire  span {
	background-image: url(/staticarchive/e0918d9b57395e1b936e8e37399bac1d8e071918.gif);
}

#page-home #tools .curveball span {
	background-image: url(/staticarchive/7c6eb62d3e70dd06ad3ff1d7cbdcdc84f2ef7129.gif);
}

#page-home #tools a.about {
	display: inline-block;
	margin: 3px 0px 7px;
	font-size: 0.9em;
	font-weight: normal;
	padding-right: 10px;
	background: url(/staticarchive/8721dfb89d7a6932a0510954ecae09d3ceb9374e.gif) no-repeat right 5px;
}

#page-home #tools .left a.about {
	width: 156px;
	text-align: right;
}

#page-home #tools .right a.about {
	margin-left: 25px;
}

#page-home #more #using .header span {
	background-position: -410px -82px;
}

/* ------------------------------------------------------------------------ */
/* ------------------------>>>    T O O L S    <<<------------------------- */
/* ------------------------------------------------------------------------ */

#page-tool #blq-main {
	background: #00002b;
}

#page-tool #blq-content {
	padding: 0px 0px 20px;
}

#page-tool #logo {
	display: none;
}

#page-tool #stripes-top {
	position: absolute;
	width: 974px;
	height: 79px;
	background: no-repeat 0px 0px;
	z-index: 2;
	visibility: hidden;
}

#page-tool #stripes-left {
	position: absolute;
	top: 600px;
	left: 0px;
	width: 42px;
	height: 0px;
	overflow: hidden;
	background: repeat-y -974px 0px;
	z-index: 1;
	visibility: hidden;
}

#page-tool #stripes-right {
	position: absolute;
	top: 600px;
	left: 932px;
	width: 42px;
	height: 0px;
	overflow: hidden;
	background: repeat-y -1017px 0px;
	z-index: 1;
	visibility: hidden;
}

#page-tool.dotdash #stripes-top,
#page-tool.dotdash #stripes-left,
#page-tool.dotdash #stripes-right {
	background-image: url(/staticarchive/013ac3b1c417702119f2215c33005891e3af639a.gif);
}

#page-tool.dropzone #stripes-top,
#page-tool.dropzone #stripes-left,
#page-tool.dropzone #stripes-right {
	background-image: url(/staticarchive/7da820833e3304ef8c5d78bc8bbb429a188af783.gif);
}

#page-tool.livewire #stripes-top,
#page-tool.livewire #stripes-left,
#page-tool.livewire #stripes-right {
	background-image: url(/staticarchive/380791937b229590495b7fbbefbd777f893e0659.gif);
}

#page-tool.snapshot #stripes-top,
#page-tool.snapshot #stripes-left,
#page-tool.snapshot #stripes-right {
	background-image: url(/staticarchive/f599e3b1727173f2ab5c0623012b32298dc25beb.gif);
}

#page-tool.wildreels #stripes-top,
#page-tool.wildreels #stripes-left,
#page-tool.wildreels #stripes-right {
	background-image: url(/staticarchive/02fd03a639ae6e4232f936a07508d7ec359d914f.gif);
}

#page-tool.curveball #stripes-top,
#page-tool.curveball #stripes-left,
#page-tool.curveball #stripes-right {
	background-image: url(/staticarchive/7b80bd4feab824178ad5e38d07c6d308250d368c.gif);
}

#page-tool #tool {
	background: #000;
	width: 974px;
	height: 521px;
	margin: 0px;
	padding-top: 79px;
	border: none;
}

#page-tool #tool embed {
	margin: 0px;
	padding: 0px;
	border: none;
}

#page-tool #tool p {
	display: block;
	margin: auto;
	line-height: 2em;
	padding-top: 150px;
	text-align: center;
}

#page-tool #about {
	clear: both;
	margin: 0px 13px;
	padding: 15px 45px;
}

#page-tool #about .header {
	width: 866px;
	height: 41px;
	overflow: hidden;
	margin-bottom: 4px;
	cursor: pointer;
}

#page-tool #about .box {
	position: relative;
	width: 866px;
}

#page-tool #about .content {
	width: 866px;
	background: #083463;
}

#page-tool #about .header span {
	display: block;
	width: 866px;
	height: 41px;
	margin-bottom: 5px;
	background: #083463 url(/staticarchive/a81021cd4335a8949185aa94c20ed33f5d8d2821.gif) no-repeat;
}

#page-tool #video {
	margin: 0px 0px 20px;
}

#page-tool #about #guide .header span {
	background-position: 0 -20px;
}

#page-tool #about #guide .header span.expanded {
	background-position: -866px -20px;
}

#page-tool.wildreels #about #video .header span {
	background-position: 0 -61px;
}

#page-tool.wildreels #about #video .header span.expanded {
	background-position: -866px -61px;
}

#page-tool.dropzone #about #video .header span {
	background-position: 0 -102px;
}

#page-tool.dropzone #about #video .header span.expanded {
	background-position: -866px -102px;
}

#page-tool.dotdash #about #video .header span {
	background-position: 0 -143px;
}

#page-tool.dotdash #about #video .header span.expanded {
	background-position: -866px -143px;
}

#page-tool.snapshot #about #video .header span {
	background-position: 0 -184px;
}

#page-tool.snapshot #about #video .header span.expanded {
	background-position: -866px -184px;
}

#page-tool.livewire #about #video .header span {
	background-position: 0 -225px;
}

#page-tool.livewire #about #video .header span.expanded {
	background-position: -866px -225px;
}

#page-tool.curveball #about #video .header span {
	background-position: 0 -266px;
}

#page-tool.curveball #about #video .header span.expanded {
	background-position: -866px -266px;
}

#page-tool #about-tool-emp {
	display: none;
}

.blq-js #page-tool #about-tool-emp {
	display: block;
}

#page-tool #about .text {
	padding: 10px;
	width: 846px;
	background: #083463;
}

#page-tool #about .cap {
	background: url(/staticarchive/a81021cd4335a8949185aa94c20ed33f5d8d2821.gif) no-repeat;
	height: 20px;
}

#page-tool #about #video .content {
	padding: 10px 0 0;
}

#page-tool #about #about-tool-emp {
	margin: auto;
	width: 640px;
	height: 395px;
	background: #000;
	border: 1px solid #f15a23;
}

#steps {
	padding-top: 12px;
}

#page-tool #about #guide .content {
	position: relative;
	z-index: 2;
}

#page-tool #guide ol {
	list-style: none;
	width: 860px;
	padding-left: 6px;
}

#page-tool #guide li {
	display: block;
	width: 426px;
	height: 160px;
	float: left;
}

#page-tool #guide li img {
	display: block;
	width: 231px;
	height: 153px;
	float: left;
}

#page-tool #guide li div {
	margin-top: 4px;
	margin-left: 241px;
	width: 175px;
}

#page-tool #guide #triggerPrint {
	display: block;
	background: url(/staticarchive/21bf9e51790b85e5e623bc57269e317637ef4cdc.gif) no-repeat 3px 8px;
	padding: 14px 0px 4px 36px;
}
