/****************************************
CSS Screen Media Document 
*****************************************/
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
reset-font.css
*/

html {
	color:#000;
	
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
	margin:0;
	padding:0;
	font-family: Verdana, Arial Regular, Arial, sans-serif;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
input, textarea, select {
*font-size:100%;
}
legend {
	color:#000;
}
body {
	font-family: Verdana, Arial Regular, Arial, sans-serif;
*font-size:small;
*font:x-small;
}
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}


/***
body background & color CSS
***/
html, body {
	font-family: Verdana, Arial Regular, Arial, sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
	color:#464646;
	background:#fff;
}

/************************
Initial Classes / Hacks
************************/

* {padding:0;margin:0;}
img {border:0;padding:0;margin:0;}
p { line-height:25px;padding-bottom:20px;font-size:14px;color:#000;}
h1 {font-size:2em;color:#6d6c6c;font-weight:normal;padding:0;margin:0;}
h2 {font-size:24px;color:#6d6c6c;font-weight:normal;text-transform:uppercase;text-decoration:underline;margin:0;text-align:center;}
h3 {font-size:1.6em;color:#6d6c6c;font-weight:bold;padding:0;margin:0;}
h4 {font-size:24px;color:#6d6c6c;font-weight:normal;padding:0;margin:0;text-decoration:underline;}
h5 {font-size:24px;color:#6d6c6c;font-weight:normal;padding-bottom:20px;margin:0;text-transform:uppercase;}
h6 {font-size:18px;color:#6d6c6c;padding:0px;text-transform:uppercase; }
h1#mainheading {
	position:relative;
	padding:15px 0 10px 0;
	font-size:1.5em;
   font-weight:bold;
}
strong {font-weight:bold;}
em {font-style:italic; font-size:11px;padding-left:20px;}
.nostyle {display:none;}

.noList li {
	list-style:none;
	list-style-typoe:none;
}
.withTextIndent {
  -moz-outline:none;
  outline:none;
}
/***********
 Holly Hack
************/
/* hide from IE-mac \*/
* html .holly {height: 1%;}
/* end hide */

/*********
clearfix -- a div containing floats will clear itself
http://www.positioniseverything.net/easyclearing.html
********/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display:inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.clearfix_easy {overflow:auto;}

.floatL {float:left}
.floatR {float:right}
.clear {clear:both;}
.clearL {clear:left}
.clearR {clear:right}
.normal {font-weight:normal;}
.hr {height:0;font-size:0;padding:0;margin:0;border-top:1px solid #72852A;}
.no-bg {background:none;}
ul.error, ul.errors {
  border: solid 1px red;
  background: #fdd;
  color: #000;
  font-weight: bold;
  margin: 1em;
  padding: .5em;
}
.grey {color:#636265;}
.bold {font-weight:bold;}
.underline {text-decoration:underline;}

/* mac hide\*/
html, body {height:100%;}
/* end hide */

a { color:#6d6c6c; text-decoration:none;}
a:hover { color:#6d6c6c; text-decoration:underline;}

/**************
Main Template
***************/

#container {
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

#header {
	position:relative;
	height:230px;
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
#logo-container {
	height:125px;
	width:900px;
	background: url(/images/new_alas_logo.gif) no-repeat top left;
	margin-top:20px;
	margin-bottom:20px;
}
.logo {
	float:left;
	margin-top:0px;
	margin-left:339px;
}
.home-link {
	width:288px;
	height:133px;
	margin-left:300px;
	float:left;	
}
ul.main-navigation {
	float:left;
	padding-left:0px;
	height:45px;
	width:100%;
	border-top:1px solid #efefef;
	border-bottom:1px solid #efefef;
}
.main-navigation li {
	padding-left:61px;
	float:left;
	text-transform:uppercase;

}
.nav-bar {
	background:url(/images/global_sprite.png) no-repeat;
	display:block;
}
.nav-production {
	background-position:-119px -146px;
	width:110px;
	height:43px;
}
.nav-education {
	background-position:-250px -146px;
	width:100px;
	height:43px;
}
.nav-blog {
	background-position:-400px -146px;
	width:110px;
	height:43px;
}
.nav-about {
	background-position:-545px -146px;
	width:70px;
	height:43px;
}
.nav-contact {
	background-position:-545px -146px;
	width:90px;
	height:43px;
}
.nav-clients {
	background-position:-660px -146px;
	width:80px;
	height:43px;
}
.nav-login {
	background-position:-757px -146px;
	width:70px;
	height:43px;
}
#main-bogy {
	width:1000px;
}
.headlines {
	width:215px;
	float:right;
	font-size:12px;
	padding-left:30px;
	padding-top:20;
	height:301px;
}
.homepage-center {

}
.homepage-center h2 {
	font-size:14px;
	font-weight:bold;
	text-decoration: none;
    text-transform: none;
	padding-top:20px;

	text-align:left;
}
.homepage-center p {
	font-size:12px;
	text-align:left;
	padding-top:15px;
	padding-right:25px;
	color:#6d6c6c;
	padding-bottom:20px;
}
.readMoreLink {
    padding-left: 121px;
    position: absolute;
    top: 266px;
}
.readMoreLink a {
	display:block;
	background:#000;
	padding:10px 15px;
	color:#fff;
}

.homepage-blogs {
	width:250px;
	float:left;
	margin-right:10px;
	border-right:1px solid #ccc;
}

.homepage-learning {
	width:175px;
	float:right;
	border-left:1px solid #ccc;
	padding-left:15px;
}
.homepage-blogs ul {
	
}
.homepage-learning ul{
	
}
.homepage-blogs li,
.homepage-learning li {
	font-size:13px;
	list-style-position:inside;
}
.homepage-blogs li {
	padding:5px 3px 5px 10px;
	list-style-image: url(/images/dot.png);
}
.homepage-learning li {
	padding: 10px 3px 10px 10px; 
}
.left-bar {
	background:url(/images/left-bar-bg.png) top left repeat-x #d4d3cf;
	min-height:394px;
	padding:28px 18px;
	width:205px;
	float:left;
}
.left-bar ul {
	text-align:center;
}
.left-bar li {
	padding-top:30px;
	text-transform:uppercase;
}
.left-bar p {
	padding-top:20px;
	font-size:14px;
	line-height:25px;
}
.body-container {
	background:url(/images/body-bg.png) top left repeat-y;
	width:746px;
	min-height:450px;
	
}
.body-copy {
	padding-top:25px;
	float:left;
}
.page_top_banner {
	padding:15px 0px;
}
.page_copy {
	padding:10px 30px;
}
.page_copy p {
	color:#000;
	font-size:14px;
	line-height:25px;
}
#production {
	border-top:2px solid #e8e8e8;
}
.productionRow {
	height:175px;
	width:100%;
}
.rowOdd {
	background-color:#f7f7f7;
}
.productionRow .leftTitle {
	padding-top:55px;
	border-right:2px solid #e8e8e8;
	width:253px;
	height:120px;
	float:left;
}
.leftTitle h4 {
	background: url(/images/global_sprite.png) no-repeat;	
	width:251px;
	height:45px;
}
.leftTitle h4 span {
	display:none;
}
.productionRow.rightContent {
	float:left;
}
.production-item {
	width:175px;
	height:110px;
	float:left;
	margin-top:30px;
	margin-left:45px;
}
.commericals h4 {
	background-position: -650px -240px;;
}
.marketing h4 {
	background-position: -650px -357px;;
}
.events h4 {
	background-position: -650px -295px;;
}
#education {
	width:100%;
	border-top:2px solid #e8e8e8;
}
.left-nav {
	width:215px;
	height:445px;
	border-right:2px solid #e8e8e8;;
}
.left-nav-title {
	background: url(/images/global_sprite.png) no-repeat -409px -354px;	
	width:215px;
	height:45px;
}
.left-nav-title span {
	display:none;
}

.left-nav ul {
	padding-top:15px;
}
.left-nav li {
	text-align:center;
	padding:15px;
	text-transform:uppercase;
	font-size:13px;
	
}
#contact {
	padding-top:55px;
}
#contact .left-nav ul {
	padding-top:0px;
}
#contact .left-nav li {
	text-align:center;
	padding:10px;
	font-size:12px;
	text-transform:none;
}
.contact-info {
	width:720px;
	padding:10px 25px;
	
}
.education-video {
	width:780px;
	text-align:center;
	padding-top:40px;
}
.education-copy {
	padding:25px 10px;
	line-height:30px;
	font-size:11px;
}
.education-copy p {

}
.education-copy ul {
	padding-bottom:20px;
}
.education-copy li {
	padding:5px 3px 5px 10px;
	list-style-image: url(/images/dot.png);
	list-style:inside;
	color:#6d6c6c
}

#clients {
	width:100%;
	padding-top:20px;
}
.client-list {
	width:610px;
}
.clientBox {
	float:left;
	width:130px;
	height:120px;
	padding:10px 10px 10px 10px;
	font-size:12px;
}
.client-quotes {
	width:390px;
	height:345px;
	color:#000;
	border-top:2px solid #b0b0b0;
	border-bottom:2px solid #b0b0b0;

}
.client-quote {
	padding:5px;
	width:300px;
	height:345px;
}


.client-quote p {
	font-size:12px;
	line-height:25px;
	color:#000;
}
.client-quote span {
	text-align:right;
	float:right;
}
.about-top {
	background-position:top left;
	background-repeat:no-repeat;
	height:176px;
	width:1000px;

}
.cart-chara  {
	display:block;
	float:left;
	height:176px;
	cursor:pointer;
	
}
.chara-info {
	display:block;
	height:450px;
	width:900px;

}
.eli-cart {
	width:158px;
	margin-left:80px;
}
.tlan-cart {
	width:174px;
}
.rosa-cart {
	width:165px;
}
.iba-cart {
	width:176px;
}
.marco-cart {
	width:176px;
}
.about-us {
	border-top:2px solid #e8e8e8;
	padding-top:40px;
}
.about-us img {
	padding-right:10px;
}
.about-me-info ul {
	
}
.about-me-info li {
	padding-bottom:10px;
	line-height:18px;
}

#our-story .body-container {
	height:407px;
	width:720px;
	float:left;
	font-size:18px;
}
#our-story .left-bar p {
	text-align:center;	
}
.story-heading {
	display:block;
	font-size:18px;
	color:#6d6c6c;
	font-weight:normal;
	text-transform:uppercase;
	text-decoration:underline;
	margin:0;
	text-align:center;
}
.story-padtop {
	padding-top:35px;
}

#staff {
	padding-top:100px;
}
.worker {
	width:140px;
	float:left;
	padding:2px;
	text-align:center;
}
.workerimg {
	z-index:4;
	height:191px;
}
.workername {
	font-size:14px;
}
.hoverworker {
	z-index:3;
	height:191px;
	margin-top:-170px;
	opacity:1;
	font-size:11px;
}


/*******************
 *
 *jTOOLS
 *
 ************************************/
/* DEPRECATED FILE */




/* this makes it possible to add next button beside scrollable */
div.scrollable {
	float:left;
	
}

/* prev, next, prevPage and nextPage buttons */
a.previ, a.nexti, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:-22px 25px;
	cursor:pointer;
	font-size:1px;
	
}

/* mouseover state */
a.previ:hover, a.nexti:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;		
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
}

/* next button uses another background image */
a.nexti, a.nextPage {
	background-image:url(http://static.flowplayer.org/tools/img/scrollable/arrow/right.png);
	clear:right;
	margin-left:650px;
}



/*********** navigator ***********/


/* position and dimensions of the navigator */
div.navi {
	margin-left:428px;
	width:200px;
	height:20px;
}


/* items inside navigator */
div.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(http://static.flowplayer.org/tools/img/scrollable/arrow/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
div.navi a.active {
	background-position:0 -16px;     
} 	

/* main vertical scroll */

#production #main,
#brands #main {
	background:url(/images/body-content-bg.png) top right no-repeat !important;
}
 
/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}
 
/* single page */
.page {
	padding:10px;
	height: 950px;
	width:746px;
}
 
/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width: 746px;
	height: 950px;
}
 
/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}
 
/* single scrollable item */
.item {
	float:left;
	cursor:pointer;
	width:746px;
	height:450px;

}
.item p {
	width:700px;
}

.item img {
	padding-bottom:35px;
}
.item-desc {
	background: #fff;
	background-image:none;
	width:713px;
	
}
/* main navigator */
#main_navi {
	padding:0 !important;
	float:left;
	margin:0px !important;
	width:220px;
}
 
#main_navi li {

	clear:both;
	font-size:12px;
	height:25px;
	list-style-type:none;


	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
}
 
#main_navi li:hover {
	text-decoration:underline;
}
 
#main_navi li.active {
	text-decoration:underline;
}

#main_navi img {
	float:left;
	margin-right:10px;
}
 
#main_navi strong {
	display:block;
}
 
#main div.navi {
	margin-left:315px;
	cursor:pointer;
}


.main_navi2 {
	padding:0 !important;
	float:left;
	margin:0px !important;
	width:220px;
}
 
.main_navi2 li {

	clear:both;
	font-size:12px;
	height:25px;
	list-style-type:none;

	color:#5d5d5d;
	text-transform:uppercase;
	cursor:pointer;
	text-align:center;
}

.main_navi2 li:hover {
	text-decoration:underline;
	color:#5d5d5d;
}
 
.main_navi2 li.active {
	text-decoration:underline;
	color:#5d5d5d;
}

#learn .homepage-center {
	padding-top:35px;
}

.learn-box {
	width:446px;
	height:181px;
	float:left;
	
}

.learn-title {
	text-transform:uppercase;
	font-size:24px;
	color:#000;
	padding-left: 181px;
	padding-top:10px;
}
.learn-desc {
	padding-left: 181px;
	padding-bottom:25px;
}

.learn-flickschool {
	background: url(/images/learn-flickschool.png) no-repeat top left;
}

.learn-alaswiki {
	background: url(/images/learn-alaswiki.png) no-repeat top left;
}
.learn-shop {
	background: url(/images/learn-shop.png) no-repeat top left;
}
.learn-blog {
	background: url(/images/learn-blog.png) no-repeat top left;
}
.video-item {
	height:420px;
	padding-left:42px;
	padding-top:45px;
}

.alas-saying {
	height:40px;
	width:340px;
	background:url(/images/global_sprite.png) no-repeat -2px -325px;
	margin-left:330px;
	margin-top:30px;
}

/***********
Footer
***********/
#footer {
	margin-top:55px;
	margin-bottom:17px;
	text-align:center;
	color:#828282;
	width:964px;
	margin-right:auto;
	margin-left:auto;
}
#footer .copyright {
	padding-top:20px;
	font-size:12px;
	padding-bottom:20px;
}
#footer .social-links {
	background:url(/images/global_sprite.png) no-repeat  -2px -375px ;
	height:25px;
	width:175px;
	text-align:center;
	margin-left:395px;
	margin-top:20px;
}
#footer .social-link-box {
	height:24px;
	width:24px;
	display:block;
	float:left;
	margin-right:5px;
}
.alas {
	float:right;
	padding-left:210px;
	padding-right:75px;
}

#branding {
	border-top:none;

}

#branding #searchform {
    top: 34.8em;
}

#header-wp {
	position:relative;
	height:470px;
	width:900px;
	margin-right:auto;
	margin-left:auto;
}
/************
	CMS
***********/
#cms_subHeader {
	padding: 15px 5px 15px 5px;
	border: 1px solid #ccc;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: .5px;
	clear: left;
	
}
div#data_not_found{
	margin: 10px;
	color: red;
	font-size: 1.1em;
	font-weight: bold;
}
.dump_array{
	font-size: 1.1em;
	border: 1px dotted grey;
	display: block;
	width: 100%;
	padding: 5px;
	clear: both;
	float: left;
	background: #fff;
}

.cmsNav {
	height: 25px;	
	margin: 0;	
	background: url(tab_bottom.gif) repeat-x bottom;
}
.cmsNav li {
	margin: 0; 
	padding: 0;
	display: inline;	
	list-style-type: none;
	border:1px solid grey;
	
}
.cmsNav a:link, .cmsNav a:visited {	
	float: left;
	background: #f3f3f3;
	font-size: 1em;	
	line-height: 14px;	
	font-weight: bold;
	padding: 5px 5px 5px 5px;
	margin-right: 1px;	
	border: 1px solid #ccc;	
	text-decoration: none;	
	color: #666;
}
.cmsNav a:link.active, .cmsNav a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;	
	color: #000;
}
.cmsNav a:hover	{
	background: #fff;
	}
.cmsSubNav {
	height: 20px;	
	margin: 0 0 15px 0;
	background: url(tab_bottom.gif) repeat-x bottom;
}
.cmsSubNav li {
	margin: 0; 
	padding: 0;
	display: inline;	
	list-style-type: none;
}
.cmsSubNav a:link, .cmsSubNav a:visited {	
	float: left;
	background: #f3f3f3;
	font-size: 1em;	
	line-height: 14px;	
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin-right: 1px;	
	border: 1px solid #ccc;	
	text-decoration: none;	
	color: #666;
}
.cmsSubNav a:link.active, .cmsSubNav a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;	
	color: #000;
}
.cmsSubNav a:hover	{
	background: #fff;
}
#cms_content ul {
	padding-left:20px;
	padding-top:5px;
}
#cms_content li {
	list-style:circle;
	padding-bottom:5px;
}
.cmsform dt { padding-top: 15px;}

#errorNotes {
	background-color:#F9FDAB;
	border:1px solid #FDCC68;
	margin:25px 0;
}
#errorNotes ul {
	margin:0;
	padding:5px 0 5px 10px;
}
#errorNotes ul.error li {
	color:#222;
	font-size:15px;
	list-style:none;
	padding:0;
	margin:0;
}
form {
	margin:20px auto;
	width:500px;
}

label.text {
	float:left;
	font-size:18px;
	margin:3px;
	text-align:right;
	width:145px;
}
input.text-input,select {
	background-color:#f1f1f1;
	border:2px solid #E1E1E1;
	color:#387CA4;
	float:left;
	font-size:15px;
	font-weight:bold;
	margin:0 0 15px;
	padding:3px;
	width:250px;
	margin-left:10px;
}
textarea{
	
    background-color: #F1F1F1;
    border: 2px solid #E1E1E1;
    color: #387CA4;
    float: left;
    margin: 0 0 15px 10px;
    padding: 3px;
    width: 250px;
	
	font-size:12px;
	font-weight:normal;
	margin:10px;
	padding:4px;

	height:150px;

}
dt {
	padding-top:10px;
}
.submit-btn-publish, .submit-btn-publish:active, .submit-btn-publish:visited{
	background-color:#0076A3;
	border:2px solid #B0D0E3;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:5px 5px 0;
	padding:5px 10px;
}
.submit-btn-publish:hover {
	color:#000;
}
input.submit-btn {
	background-color:#0076A3;
	border:2px solid #B0D0E3;
	color:#FFFFFF;
	cursor:pointer;
	float:left;
	font-size:16px;
	font-weight:bold;
	margin:5px 5px 0;
	padding:5px 10px;
}
input.submit-btn:hover {
	color:#000;
}
p.recover-message {
	font-size:14px;
}
.delete {
	background-color:#d23d3d;
	border:2px solid #a20303;
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:16px;
	font-weight:bold;
	margin:0px 5px 0;
	padding:5px 10px;	
}

a.btn, .btn:visited, .btn:active {
	background-color:#0076A3;
	border:2px solid #B0D0E3;
	color:#fff;
	cursor:pointer;
	float:right;
	font-size:16px;
	font-weight:bold;
	margin:0px 5px 0;
	padding:5px 10px;	
}
.btn:hover {
	
}
.feature_content_ul {
	width:600px;
	float:left;
	margin:0px;
	padding:0px;
}
.feature_content {
	border-bottom:1px dashed #B0D0E3;
	width:600px;
	height:40px;
}
#shop .body-container {
	text-align:center;
	padding-left:0px;
	width:720px;
	padding-top:10px;
}
input.feature-text-input {
	background-color:#f1f1f1;
	border:2px solid #E1E1E1;
	color:#387CA4;
	float:left;
	font-size:15px;
	font-weight:bold;
	margin:0 5px 15px;
	padding:3px;
	width:30px;
	margin-left:10px;
}
.cmsSubNav {
	height: 20px;	
	margin: 0 0 15px 0;
	border-top:2px solid #ccc;
}
.cmsSubNav li {
	margin: 0; 
	padding: 0;
	display: inline;	
	list-style-type: none;
}
.cmsSubNav a:link, .cmsSubNav a:visited {	
	float: left;
	background: #f3f3f3;
	font-size: 14px;	
	line-height: 14px;	
	font-weight: bold;
	padding: 2px 5px 2px 5px;
	margin-right: 1px;	
	border: 1px solid #ccc;	
	text-decoration: none;	
	color: #666;
}
.cmsSubNav a:link.active, .cmsSubNav a:visited.active {
	border-bottom: 1px solid #fff;
	background: #fff;	
	color: #000;
}
.cmsSubNav a:hover	{
	color: #000;
}
/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#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;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(/images/controls.png) no-repeat 0 0;}
    #cboxTopCenter{height:14px; background:url(/images/border.png) repeat-x top left;}
    #cboxTopRight{width:14px; height:14px; background:url(/images/controls.png) no-repeat -36px 0;}
    #cboxBottomLeft{width:14px; height:43px; background:url(/images/controls.png) no-repeat 0 -32px;}
    #cboxBottomCenter{height:43px; background:url(/images/border.png) repeat-x bottom left;}
    #cboxBottomRight{width:14px; height:43px; background:url(/images/controls.png) no-repeat -36px -32px;}
    #cboxMiddleLeft{width:14px; background:url(/images/controls.png) repeat-y -175px 0;}
    #cboxMiddleRight{width:14px; background:url(/images/controls.png) repeat-y -211px 0;}
    #cboxContent{background:#fff; overflow:visible;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(/images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(/images/loading.gif) no-repeat center center;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
		#cboxTitle p { font-size:12px;padding-bottom:0px;line-height:12px;padding-right:30px;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(/images/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious:hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext:hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose:hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-125px 0px;}