@charset "UTF-8";
/*
Theme Name: TUB 
Theme URI: http://www.theurbanbrigade.com
Description: 'Showcasing of Urban Culture Interests By The Urban Brigade'
Author: Jay Marvalous
Author URI: http://simerabrandmedia.com
Version: 1.0
*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{border:0;font:inherit;font-size:100%;margin:0;padding:0;vertical-align:baseline}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}

blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
select,input,textarea,button{color:#9C9C9C;font-size:99%;font-family:Verdana, Geneva, sans-serif;}
pre,code,kbd,samp{font-family:monospace, sans-serif}
hr{border:0;border-top:1px solid #d2d4d4;clear:both;display:block;height:0;margin:15px 0;padding:0}

html{/*overflow-y:scroll;overflow-x:hidden*/}
a:hover,a:active,:focus{outline:none}
ul,ol{list-style:none}
ol{list-style-type:decimal}
nav ul,nav li{list-style:none;list-style-image:none;margin:0}
small{font-size:85%}
em,strong,th{font-weight:bold}
td{vertical-align:top}
sub,sup{font-size:75%;line-height:0;position:relative}
sup{top:-.5em}
sub{bottom:-.25em}
pre{padding:15px;white-space:pre-wrap;word-wrap:break-word}
textarea{overflow:auto}
.ie6 legend,.ie7 legend{margin-left:-7px}
input[type=checkbox]{vertical-align:bottom}
.ie7 input[type=checkbox]{vertical-align:baseline}
label,input[type=button],input[type=submit],input[type=image],button{cursor:pointer}
button,input,select,textarea{margin:0}
input:invalid,textarea:invalid{-moz-box-shadow:0 0 5px red;-webkit-box-shadow:0 0 5px red;box-shadow:0 0 5px red;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;behavior:url(css/PIE.htc);}
.no-boxshadow input:invalid,.no-boxshadow textarea:invalid{background-color:#f0dddd}
/*input[type=radio],.ie6 input{vertical-align:text-bottom}*/
button{overflow:visible;width:auto}
a:link{-webkit-tap-highlight-color:#000}
::-moz-selection,::selection{background:#000;color:#fff;text-shadow:none}

h1,h2,h3,h4,h5,h6{font-weight:bold;}
a{color:#dd1927;text-decoration:none}
a:hover{text-decoration:underline}

.clear{clear:both;height:1px;margin:0 0 -1px;width:100%}
.ir{background-repeat:no-repeat;direction:ltr;display:block;overflow:hidden;text-align:left;text-indent:-999em}
.hidden{display:none;visibility:hidden}
.visuallyhidden{border:0;clip:rect(0000);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}
.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}
.invisible{visibility:hidden}
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
/* ========================================== */
body{color:#545454;font-weight:300;font-family:Helvetica, Arial, sans-serif;font-size:16px;line-height:1.4;background:url(../img/background.jpg) 50% 0 #c8e9f2;background-position:bottom;background-attachment:fixed;background-repeat:repeat-x;}
	#bg_game{background:background:url(../img/bg_game.png) 0 0 repeat-x;}

#wrapper{margin:0 auto;position:relative;width:960px}

#error { color:#dd1927;font-weight: bold;padding-bottom: 10px; }

.red{color:#dd1927!important}
.white{color:#fff!important}
.darkblue{color:#00374e!important}
.lightblue{color:#b2e9f9!important}

.marginbottom20{margin-bottom:20px!important}
.marginbottom50{margin-bottom:50px!important}
.nopadding{padding:0!important}

.talignl{text-align:left}
.talignr{text-align:right}
.centered{text-align:center;}
/* buttons */		
.button-red,.button-blue,.button-darkblue,.button-green{display:inline-block;color:#fff;font-weight:bold;padding:7px 14px;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;behavior:url(css/PIE.htc);}
.button-red:hover,.button-blue:hover,.button-darkblue:hover,.button-green:hover{text-decoration:none;}

	.button-darkblue,.button-green{padding:12px 18px;font-size:24px;background-position:88% 50%;text-shadow:1px 1px #040404;}
	.button-red,.button-blue{font-size:18px;}
	
.button-red{background-color:#dd1927;border:1px solid #b1373e;text-shadow:1px 1px #610007;}
.button-blue{background-color:#007da4;border:1px solid #006690;text-shadow:1px 1px #00425d;}
.button-darkblue{background-color:#0d4259;border:1px solid #8ed5e7;-moz-box-shadow:1px 0 30px #c5efff;-webkit-box-shadow:1px 0 30px #c5efff;box-shadow:1px 0 30px #c5efff;behavior:url(css/PIE.htc);}
.button-green{background-color:#5c9729;border:1px solid #a3d869;-moz-box-shadow:1px 0 30px #c5efff;-webkit-box-shadow:1px 0 30px #c5efff;box-shadow:1px 0 30px #c5efff;behavior:url(css/PIE.htc);}


.button-red span,.button-blue span,.button-darkblue span,.button-green span{
        width: 0;
        height: 0;
        border-top: 7px solid transparent;
        border-bottom: 7px solid transparent;
        border-left: 7px solid #fff;
		display:inline-block;
		margin:0 0 0 6px;
}

/* nav upper */
#nav-upper{background:url(../img/bg_nav_top_grad.png) no-repeat 205% 0;color:#040707;font-size:12px;height:54px;line-height:52px;}
#nav-upper li{float:left;display:block;margin:0 14px;position:relative}
	#nav-upper #nav-back{margin:0 30px 0 0;}	
	#nav-upper #nav-facebook{display:block;float:right;margin:7px 0 0 0;height:21px;}
		#nav-upper #nav-facebook frame{border:none;overflow:hidden;float:left;display:block;}		
	#nav-upper #nav-twitter{display:block;float:right;margin:6px 0 0 0;height:20px;}
	
	#nav-upper li a{color:#040707;font-weight:300;}
	#nav-upper li.active a,#nav-upper li a:hover{color:#dd1927;text-decoration:none;}
	#nav-upper #client-login{color:#dd1927;}
		
		#nav-upper .nav-sub{}
		#nav-upper .nav-sub:hover{}
		
		#nav-upper .nav-sub a{background:url(../img/arrow_nav_down.png) no-repeat 98% 50%;padding-right:15px;}
		#nav-upper .nav-sub:hover a{}
		
		#nav-upper .nav-sub div{display:none;line-height:14px;position:absolute;float:left;z-index:8000;top:11px;left:-12px;padding:7px;background:#fff;border:1px solid #b5c4c9;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;behavior:url(css/PIE.htc);}
		#nav-upper .nav-sub:hover div{display:block!important}
		
		#nav-upper .nav-sub div a{margin:0 0 0 4px;}
		#nav-upper .nav-sub:hover div a{}
		
		#nav-upper .nav-sub ul{display:block;margin:0 0 0 4px;padding:0;line-height:14px;}
		#nav-upper .nav-sub:hover ul{float:none;}
			#nav-upper .nav-sub ul li{display:block;margin:3px 0;padding:0;background:none;float:none;}
			#nav-upper .nav-sub ul li a{display:block;margin:0;padding:0;background:none;float:none;}
	
/* nav lower */
#nav-lower{clear:both;position:relative;height:88px;margin:0 0 14px 0;padding:0;font-size:18px;}
#nav-lower h1{position:absolute;top:-20px;left:-26px;float:left;}
	#nav-lower h1 a,
	#nav-lower h1 a img{display:block;}
#nav-lower ul{text-align:center;display:block;position:absolute;top:35px;left:190px;width:615px;}
	#nav-lower ul li{display:inline;margin:0 18px;}
	#nav-lower ul li a{color:#00374e;text-shadow:1px 1px #fff;font-weight:bold}
	#nav-lower ul li.active a,#nav-lower ul li a:hover{text-decoration:none;color:#2c95b5;}
	
	#nav-lower .button-red{position:absolute;top:29px;right:0;float:right;}		

/* main header */
#main .header{height:148px;width:960px;background:url(../img/content_bg/bg_default.png) no-repeat 0 0;-webkit-border-radius:7px 7px 0 0;-moz-border-radius:7px 7px 0 0;border-radius:7px 7px 0 0;position:relative;z-index:7000;behavior:url(css/PIE.htc);}	
	/* inner */
	#main .header .inner{padding:30px 25px;height:88px;}
	
	/* general */
	#main .header h1{font-weight:700;color:#ffffff;font-size:36px;line-height: 1.2em;text-shadow:1px 1px #040707;}
	#main .header h2{font-weight:300;color:#00374e;font-size:30px;line-height: 1.2em;}
	#main .header .button-darkblue{position:absolute;right:30px;top:40px;}
	#main .header form{display:block;float:right;position:absolute;z-index:8000;top:50px;right:35px;}
	#main .header input{color:#545454;padding:10px 54px 10px 10px;margin:0;background:url(../img/icon_search.png) no-repeat 96% 50% #fff;border:1px solid #1a7fc1;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;width:400px;-moz-box-shadow:0 0 30px #75ddf2;-webkit-box-shadow:0 0 30px #75ddf2;box-shadow:0 0 30px #75ddf2;behavior:url(css/PIE.htc);}
	
/* main */
#main .content,#main .wide,#main .alone{border:1px solid #c6c6c6;background:#ffffff;margin:0;-moz-box-shadow:0 0 60px #dcf2fa;-webkit-box-shadow:0 0 60px #dcf2fa;box-shadow:0 0 60px #dcf2fa;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px;behavior:url(css/PIE.htc);}

#main .alone{-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;behavior:url(css/PIE.htc);}

	/* main article*/
	#main article{position:relative;}

	/* main alone - article*/
	#main .alone article{padding:20px 25px;}
	
	/* main wide - article */
	#main .wide article{padding:25px;}	
	
		/* wide 2 col */
		#main .wide-2col{padding:10px 0;}
		#main .wide-2col .col1{float:left;width:429px;padding:0 10px;}
		#main .wide-2col .col2{float:right;width:429px;padding:0 10px;}
		
		#main .wide-2col h2{margin:30px 0 15px 0;}
		#main .wide-2col p{margin:15px 0;}
				
		/* wide 3 col */
		#main .wide-3col{}
		#main .wide-3col .col1,#main .wide-3col .col2,#main .wide-3col .col3{float:left;width:302px;padding:0;margin-bottom:20px}
		
			/* screenshots */
			#main .screenshots p{margin:10px 0 15px 0;text-align:center;}
			#main .screenshots a{display:block;}
			#main .screenshots img{display:block;margin:0 auto;}
			
		/* wide 3 col services */
		#main .wide-3col-services{}
		#main .wide-3col-services .col1{float:left;width:270px;padding:0 24px 0 8px}
		#main .wide-3col-services .col2{float:left;width:270px;padding:0 16px}
		#main .wide-3col-services .col3{float:left;width:270px;padding:0 8px 0 24px}
		
			/* services */
			#main .wide-3col-services h1{margin:0 0 30px 0;text-align:center;}
			#main .wide-3col-services p{margin:15px 0;}
			#main .wide-3col-services img{display:block;margin:0 auto;}
			#main .wide-3col-services ul{list-style:disc inside;margin:15px 0;}
			#main .wide-3col-services ul li{color:#dd1927;font-size:16px;}
			#main .wide-3col-services a.button-blue{margin:10px 0 5px 0}	
		
			/* main */
			#main .invite h3{color:#00374e;font-size:18px;font-weight:300;}
			#main .invite p{}
			#main input[type=text],#main input[type=email],#main input[type=password], #main input[type=password], #main select{float:right;width:250px;padding:5px 8px;border:1px solid #c6c6c6;background:#fff;margin:0 0 5px;clear:right;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;behavior:url(css/PIE.htc);}	
            #main select {width:266px;}
					
			#main .invite label{float:left;width:110px;line-height: 30px;margin:0 0 5px}
			#main .invite textarea{width:400px;color:#9c9c9c;padding:10px;margin:0;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;border:1px solid #c6c6c6;background:#fff;height:110px;behavior:url(css/PIE.htc);}
			#main .invite form .button-blue{float:right;margin:15px 0 25px;}
			#main .invite .button-blue{float:right;}
			
			#main .invite .inside-left{float:left;width:420px;}
			#main .invite .image-right{float:right;margin:0 0 15px;position: relative;
    right: -30px;}
			
			#main .invite .label-wide{display:block;width:auto;float:none;cursor:default}
			
		/* comparison-table */
		.comparison-table{border:0 none}
		.comparison-table .col1{width:214px;}
		.comparison-table .col2{width:371px;}
		.comparison-table .col3{width:371px;}
		
		.comparison-table th,.comparison-table td{border-color:#c6c6c6;border-style:solid;border-width:0 0 1px 1px;padding:8px 25px;text-align:center;vertical-align:middle}
		.comparison-table th[scope=col]{border-color:#c6c6c6;border-style:solid;border-width:0 1px 1px 0;color:#00374e;padding:9px 25px;text-align:left}
		.comparison-table th+th[scope=col]{border-color:#c6c6c6;border-style:solid;border-width:0 0 1px 1px;color:#00374e;font-size:22px;text-align:center}
		.comparison-table th[scope=row]{border-color:#c6c6c6;border-style:solid;border-width:0 1px 1px 0;font-weight:300;padding:9px 25px;text-align:left}
		.comparison-table tr:first-child th{padding-top:20px}
		.comparison-table tr:last-child th,.comparison-table tr:last-child td{border-bottom:0}			
        .comparison-table td.yes { color: #7bc901; }
        .comparison-table td.no { color: #dd1927; }
		
	/* main content - article */
	#main .content article{float:right;width:684px;padding:25px 30px;position:relative}
	
	/* main - article - general*/
	
		/* top pagination (title bar) */
		#main article .title-left{float:left;}
		#main article .title-right{float:right;position:relative;top:6px;}
		
		/* bottom pagination */
		#main .content article .pagination{position:absolute;bottom:25px;width:684px;}
		#main .wide article .pagination{}
		
		#main article .pagination-prev{float:left;}
		#main article .pagination-next{float:right;}	
	
	#main .pic-txt-img{float:left;margin:0 15px 0 0;}
	#main .pic-txt-txt{text-align:left;}
	#main .txt-pic-img{float:right;margin:0 0 0 15px;}
	#main .txt-pic-txt{text-align:right;}
	
	#main .pic-txt-txt,
	#main .txt-pic-txt{padding:15px 0}
	#main .pic-txt-txt h2,
	#main .txt-pic-txt h2{margin:0 0 15px 0;}
	
	/* general */
	#main article h1{color:#00374e;font-size:22px;}	
	#main article h2{color:#000000;font-size:22px;font-weight:300}
	#main article p{margin:0 0 15px}
	
		/* article-list */
		#main .article-list{margin:20px 0 0 0;}
		#main .article-list li{border-top:1px solid #d2d4d4;padding:20px 0;clear:both;}
		#main .article-list li:last-child{padding-bottom:0;}
			#main .article-list li h2,#main .article-list li h2 a{color:#00374e;font-weight:300;font-size:18px;margin:0 0 10px 0 ;}
			#main .article-list li p{margin:0 0 5px 0;}
			#main .article-list .right{float:right;margin:0 0 0 15px;}
	
	/* main content - side nav */
	#main .content aside{float:left;border-right:1px solid #c6c6c6;width:213px;font-size:16px;padding:25px 0;}		
		#main .content aside h1{padding:3px 25px 15px 25px;color:#00374e;font-size:18px;}
		#main .content aside h2{padding:0 25px 15px 25px;font-size:18px;}
		#main .content aside ul{margin:0 0 10px 0;}
		#main .content aside ul li{list-style:disc inside;color:#00374e;padding:0 0 0 25px;height:40px;line-height:40px;position:relative}
		#main .content aside ul li a{color:#00374e;}		
		
		#main .content aside ul li.active{width:189px}
		#main .content aside ul li.active,
		#main .content aside ul li:hover{color:#dd1927;border-top:1px solid #c6c6c6;border-bottom:1px solid #c6c6c6;background:#fff;height:38px;line-height:38px;}		
		#main .content aside ul li.active a,
		#main .content aside ul li:hover a{color:#dd1927;font-weight:700;text-decoration:none;}		
		
		#main .content aside ul li.active a:after{content:" \00bb";}
		
	/* main content - footer */
	#main .content-footer{clear:both;border-top:1px solid #c6c6c6;height:85px;text-align:right}
		#main .content-footer h3{margin:22px 0 0 0;font-size:24px;font-weight:300;color:#dd1927;display:inline-block;}
		#main .content-footer .button-red,#main .content-footer .button-blue{margin:0 20px}
		#main .content-footer form{display:inline-block}
		#main .content-footer input[type=radio]{margin:0 0 0 10px}
		#main .content-footer label{color:#545454;font-size:16px;margin:0 0 0 4px}

/* featured */
#featured{position:relative;
-moz-box-shadow:0 10px 30px #444;-webkit-box-shadow:0 10px 30px #444;box-shadow:0 10px 30px #444;
z-index:6000;
height:460px;
width:100%;
-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fd1e9', endColorstr='#187ec0'); /* for IE */
    background: #4faad6; /*fallback for non-CSS3 browsers*/
    background: -webkit-gradient(linear, left top, left bottom, from(#7fd1e9) to(#187ec0)); /*old webkit*/
    background: -webkit-linear-gradient(#7fd1e9, #187ec0); /*new webkit*/
    background: -moz-linear-gradient(#7fd1e9, #187ec0); /*gecko*/
    background: -ms-linear-gradient(#7fd1e9, #187ec0); /*IE10*/
    background: -o-linear-gradient(#7fd1e9, #187ec0); /*opera 11.10+*/
    background: linear-gradient(#7fd1e9, #187ec0); /*future CSS3 browsers*/
    -pie-background: linear-gradient(#7fd1e9, #187ec0); /*PIE*/
    behavior: url(css/PIE.htc);
}
#featured h1{text-align:center;font-weight:700;color:#ffffff;font-size:44px;text-shadow:1px 1px #040707;position:absolute;top:35px;left:0;width:100%;line-height:1em;z-index:6600;}
	#featured h1 span{color:#dd1927}
#featured h2{color:#00374e;font-weight:300;position:absolute;line-height:1em;z-index:6100;height:381px;width:618px;top:30px;right:-20px;background:url(../img/279.png) no-repeat 0 0;text-indent:-9999px}
#featured h3{color:#ffffff;font-size:26px;font-weight:300;position:absolute;left:50px;bottom:40px;z-index:6400;}
#featured h4{color:#00374e;font-size:18px;font-weight:300;position:absolute;right:84px;top:318px;;z-index:6300;}
#featured h5{text-align:left;padding-left:35px;font-weight:700;color:#ffffff;font-size:44px;text-shadow:1px 1px #040707;position:absolute;top:35px;left:0;width:100%;line-height:1em;z-index:6600;}
	#featured h5 span{color:#dd1927}
#featured h6{color:#b2e9f9;font-size:23px;font-weight:300;position:absolute;left:35px;bottom:110px;z-index:6400;}
#featured h7{color:#00374e;font-weight:300;position:absolute;line-height:1em;z-index:6100;height:422px;width:426px;top:38px;right:0px;background:url(../img/play.png) no-repeat 0 0;text-indent:-9999px}
#featured ul{list-style:none;position:absolute;left:35px;top:185px;z-index:6200;}
#featured ul li{list-style:disc inside;color:#00374e;display:block;font-size:23px;line-height:1.3}
#featured .button-green{position:absolute;right:150px;bottom:28px;z-index:6100;}
#featured .button-darkblue{position:absolute;left:150px;bottom:28px;z-index:6100;}

/* footer */
footer{font-size:14px;margin:55px 0 0 0}
footer nav{margin:20px 0}
footer nav ul{display:block;text-align:center}
footer nav li{display:inline;margin:0 10px}
footer nav a{color:#00374e;font-weight:bold}
footer nav a:hover{color:#ffffff;text-decoration:none}
footer #copyright{margin:20px 0;color:#00374e;text-align:center}
footer #copyright a{color:#00374e;}
footer #copyright a:hover{color:#ffffff;text-decoration:none}
/* ========================================== */
@media all and (orientation:portrait) {
}

@media all and (orientation:landscape) {
}

@media screen and (max-device-width: 480px) {
  /* html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}
@media print {
*{-ms-filter:none!important;background:transparent!important;color:#000!important;filter:none!important;text-shadow:none!important}
a,a:visited{color:#444!important;text-decoration:underline}
a[href]:after{content:" (" attr(href) ")"}
abbr[title]:after{content:" (" attr(title) ")"}
.ir a:after,a[href^=javascript:]:after,a[href^=#]:after{content:""}
pre,blockquote{border:1px solid #999;page-break-inside:avoid}
thead{display:table-header-group}
tr,img{page-break-inside:avoid}
@page{margin:.5cm}
p,h2,h3{orphans:3;widows:3}
h2,h3{page-break-after:avoid}
}


/*
    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:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../img/cbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../img/cbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../img/cbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../img/cbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../img/cbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../img/cbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../img/cbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../img/cbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #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:#fff url(../img/cbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to IE9.
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
*/
.cboxIE6 #cboxTopLeft{background:url(../img/cbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../img/cbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../img/cbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../img/cbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../img/cbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../img/cbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../img/cbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../img/cbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}