/*
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

.nav{display:block;position: absolute; top: 130px;text-align:left;margin:10px auto 0;min-height:35px;padding:12px 0 0}

.nav ul{display:block;font-weight:300;margin:0 auto;text-align:left;list-style:none}

.nav ul li{display:inline;padding:0 11px 0}

.nav ul li a,.nav ul li a:visited,.nav ul li a:active{padding: 5px;color:#aaaaaa;font-size:14px;position:relative;text-decoration:none}

.nav ul li.first{padding-left:0}

.nav ul li.last{border-right:none;padding-right:0}

.nav ul li a:hover,.nav ul li a:focus{background-color: #00498f; color: #ffffff;}

.nav ul li.active a,.nav ul li a.active{background-color: #00498f; color: #ffffff;}

.another_nav{display:block; text-align:left;margin:0;min-height:25px;padding:12px 0 0}

.another_nav ul{display:block;font-weight:300;margin:0 auto;text-align:left;list-style:none}

.another_nav ul li{display:inline;padding:0 11px 0}

.another_nav ul li a,.another_nav ul li a:visited,.another_nav ul li a:active{padding: 5px;color:#aaaaaa;font-size:14px;position:relative;text-decoration:none}

.another_nav ul li.first{padding-left:0}

.another_nav ul li.last{border-right:none;padding-right:0}

.another_nav ul li a:hover,.another_nav ul li a:focus{background-color: #00498f; color: #ffffff;}

.another_nav ul li.active a,.another_nav ul li a.active{background-color: #00498f; color: #ffffff;}

.header {background-image: url(/images/1/WP_header-wrapper.png); background-repeat: repeat-x; height: 234px; width: 100%; }

.header-inner, .footer-inner, .content {width: 960px; float: none; margin: auto;}

.upabit img { margin-top: -10px; }

.footer {background-image: url(/images/1/WP_footer-wrapper.png); background-repeat: repeat-x; height: 150px; width: 100%;}

.footer-bottom {background-image: url(/images/1/WP_footer-bkgd.jpg); width: 100%;}




/* #Page Styles
================================================== */
textarea, table, tr, th, td, div {
	word-wrap:break-word !important;
}

table.props {
    border: none;
    background-image: none;
    padding-bottom: 0px;
    margin: 0px;
    width: 310px !important;
}
table.props > td { padding-top: 0px; padding-bottom: 0px; margin: 0px; }

.fullwidth {
	width: 100%;
}

.nomarginpaddingbottom {
	padding-bottom: 0px !important;
	margin-bottom: 0px !important;
}

form div{position:relative;}
form .counter{
	position:absolute;
	right:0;
	top:0;
	font-size:20px;
	font-weight:bold;
	color:transparent;
	}
form .warning{color:#600;}	
form .exceeded{color:#e00;}	

.is_featured {
	text-decoration: none;
	font-weight: bold;
	padding-left: 30px;
	background: url(/images/update/star.png) no-repeat left center;
}

.is_featured:hover {
	text-decoration: none;
	font-weight: bold;
	padding-left: 30px;
	background: url(/images/update/star_empty.png) no-repeat left center;
}

.not_featured {
	text-decoration: none;
	font-weight: bold;
	padding-left: 30px;
	background: url(/images/update/star_empty.png) no-repeat left center;
}

	.not_featured:hover {
		background: url(/images/update/star.png) no-repeat left center;
	}

.star {
	height: 24px;
	width: 24px;
}

.commenticon, .editicon, .detailsicon, .delete {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: .2;
	text-decoration: none;
	font-weight: bold;
}

	.commenticon:hover, .editicon:hover, .detailsicon:hover, .delete:hover {
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
		text-decoration: none;
	}
	
.icon {
	line-height: 21px;
	display: inline-block;
	vertical-align: middle;
}


.contributor {
	position: relative;
}

.contributoricon {
	position: absolute;
	top: 35px;
	right: 35px;
	height: 12px;
	width: 19px;
}

.addminusicon {
	position: absolute;
	top: 35px;
	left: 35px;
	height: 18px;
	width: 18px;
}

.contributeform, contributeform2 {
	display: inline !important;
	padding: 0;
	margin: 0;
}

.titleicon {
	line-height: 30px;
	display: inline-block;
	vertical-align: text-top;
}

.storyimagemain {
	width: 150px;
	height: 150px;
}

.storyimage {
	width: 100px;
	height: 100px;
	margin-right: 10px;
}

.avatar {
	width: 50px;
	height: 50px;
}

.rounded {
	border-radius: 4px;
}

.commentback {
	background-color: #efefef;
	padding: 10px 0px;
}

.charCount {
	width: 95%;
	position: relative;
}


#top-link  { display:none; position:fixed; right:5px; bottom:5px; font-weight:bold; text-decoration:none; 
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=20)";
	filter: alpha(opacity=20);
	opacity: .2;
	padding:10px;
	border: 1px solid #aaa; border-radius: 4px;
	}

#top-link:hover {
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
		filter: alpha(opacity=100);
		opacity: 1;
}


.spacetop {
	padding-top: 20px;
}


table.nametag { background: #fff; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; margin: 9px 0 18px; width: 100%; border: none;
-webkit-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .3);
-moz-box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .3);
box-shadow: 1px 1px 3px 3px rgba(0, 0, 0, .3);
}


/*	--------------------------------------------------
	:: Block grids
	
	These are 2-up, 3-up, 4-up and 5-up ULs, suited
	for repeating blocks of content. Add 'mobile' to
	them to switch them just like the layout grid
	(one item per line) on phones
	
	For IE7/8 compatibility block-grid items need to be
	the same height. You can optionally uncomment the
	lines below to support arbitrary height, but know
	that IE7/8 do not support :nth-child.
	-------------------------------------------------- */
	
	.block-grid { display: block; 
	/* overflow: hidden; */ }
	.block-grid>li { display: block; height: auto; float: left; }
	
	.block-grid.two-up { margin-left: -4% }
	.block-grid.two-up>li { margin-left: 4%; width: 46%; }
/* 	.block-grid.two-up>li:nth-child(2n+1) {clear: left;} */
	
	.block-grid.three-up { margin-left: -2% }
	.block-grid.three-up>li { margin-left: 2%; width: 31.3%; }
/* 	.block-grid.three-up>li:nth-child(3n+1) {clear: left;} */
	
	.block-grid.four-up { margin-left: -2% }
	.block-grid.four-up>li { margin-left: 2%; width: 23%; }
/* 	.block-grid.four-up>li:nth-child(4n+1) {clear: left;} */
	
	.block-grid.five-up { margin-left: -1.5% }
	.block-grid.five-up>li { margin-left: 1.5%; width: 18.5%; }
/* 	.block-grid.five-up>li:nth-child(5n+1) {clear: left;} */


	.leftme {
		clear: left;
	}

/* Artfully masterminded by ZURB  */



/* CSS for jQuery Orbit Plugin 1.4.0
 * Maintained for Foundation. foundation.zurb.com
 * Free to use under the MIT license.
 * http://www.opensource.org/licenses/mit-license.php
 
 
 
/* CONTAINER
   ================================================== */

div.orbit-wrapper {
    width: 1px;
    height: 1px;
    position: relative; }

div.orbit {
    width: 1px;
    height: 1px;
    position: relative;
    overflow: hidden }
    
div.orbit.with-bullets {
    margin-bottom: 40px; }

div.orbit .orbit-slide {
    max-width: 100%;
    position: absolute;
    top: 0;
    left: 0; }

div.orbit a.orbit-slide {
    border: none;
    line-height: 0; 
    display: none; }

div.orbit div.orbit-slide {
    width: 100%;
    height: 100%; }

/* Note: If your slider only uses content or anchors, you're going to want to put the width and height declarations on the ".orbit>div" and "div.orbit>a" tags in addition to just the .orbit-wrapper */


/* TIMER
   ================================================== */

div.orbit-wrapper div.timer {
    width: 40px;
    height: 40px;
    overflow: hidden;
    position: absolute;
    top: 10px;
    right: 10px;
    opacity: .6;
    cursor: pointer;
    z-index: 31; }

div.orbit-wrapper span.rotator {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: -20px;
    background: url(../images/orbit/rotator-black.png) no-repeat;
    z-index: 3; }

div.orbit-wrapper span.mask {
    display: block;
    width: 20px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    overflow: hidden; }

div.orbit-wrapper span.rotator.move {
    left: 0 }

div.orbit-wrapper span.mask.move {
    width: 40px;
    left: 0;
    background: url(../images/orbit/timer-black.png) repeat 0 0; }

div.orbit-wrapper span.pause {
    display: block;
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    left: 0;
    background: url(../images/orbit/pause-black.png) no-repeat;
    z-index: 4;
    opacity: 0; }

div.orbit-wrapper span.pause.active {
    background: url(../images/orbit/pause-black.png) no-repeat 0 -40px }

div.orbit-wrapper div.timer:hover span.pause,
div.orbit-wrapper span.pause.active {
    opacity: 1 }


/* CAPTIONS
   ================================================== */

.orbit-caption {
    display: none;
    font-family: "HelveticaNeue", "Helvetica-Neue", Helvetica, Arial, sans-serif; }

.orbit-wrapper .orbit-caption {
    background: #000;
    background: rgba(0,0,0,.6);
    z-index: 30;
    color: #fff;
    text-align: center;
    padding: 7px 0;
    font-size: 13px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%; }


/* DIRECTIONAL NAV
   ================================================== */

div.orbit-wrapper div.slider-nav {
    display: block }

div.orbit-wrapper div.slider-nav span {
    width: 78px;
    height: 100px;
    text-indent: -9999px;
    position: absolute;
    z-index: 30;
    top: 50%;
    margin-top: -50px;
    cursor: pointer; }

div.orbit-wrapper div.slider-nav span.right {
    background: url(../images/orbit/right-arrow.png);
    right: 0; }

div.orbit-wrapper div.slider-nav span.left {
    background: url(../images/orbit/left-arrow.png);
    left: 0; }

/* BULLET NAV
   ================================================== */

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -40px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }
    
ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }
    
/* FLUID LAYOUT
   ================================================== */
div.orbit img.fluid-placeholder {
    visibility: hidden;
    position: static;
    display: block;
    width: 100%; }

div.orbit, div.orbit-wrapper { width: 100% !important; }

ul.orbit-bullets {
    position: absolute;
    z-index: 30;
    list-style: none;
    bottom: -50px;
    left: 50%;
	margin-left: -50px;
    padding: 0; }

ul.orbit-bullets li {
    float: left;
    margin-left: 5px;
    cursor: pointer;
    color: #999;
    text-indent: -9999px;
    background: url(../images/orbit/bullets.jpg) no-repeat 4px 0;
    width: 13px;
    height: 12px;
    overflow: hidden; }

ul.orbit-bullets li.has-thumb {
    background: none;
    width: 100px;
    height: 75px; }

ul.orbit-bullets li.active {
    color: #222;
    background-position: -8px 0; }

ul.orbit-bullets li.active.has-thumb {
    background-position: 0 0;
    border-top: 2px solid #000; }

/*
     #featured img,  
     #featured div { display: none; }
*/





/* jQuery.Rating Plugin CSS - http://www.fyneworks.com/jquery/star-rating/ */
div.rating-cancel,div.star-rating{float:left;width:17px;height:15px;text-indent:-999em;cursor:pointer;display:block;background:transparent;overflow:hidden}
div.rating-cancel,div.rating-cancel a{background:url(../images/update/delete.gif) no-repeat 0 -16px}
div.star-rating,div.star-rating a{background:url(../images/update/star.gif) no-repeat 0 0px}
div.rating-cancel a,div.star-rating a{display:block;width:16px;height:100%;background-position:0 0px;border:0}
div.star-rating-on a{background-position:0 -16px!important}
div.star-rating-hover a{background-position:0 -32px}
/* Read Only CSS */
div.star-rating-readonly a{cursor:default !important}
/* Partial Star CSS */
div.star-rating{background:transparent!important;overflow:hidden!important}
/* END jQuery.Rating Plugin CSS */



/* Base Panel */

div.gradient_panel {
		padding: 20px 20px 2px 20px;
		background: #efefef;
		background: -moz-linear-gradient(top, #FFFFFF 0%, #F4F4F4 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#F4F4F4));
		background: -o-linear-gradient(top, #ffffff 0%,#f4f4f4 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FFFFFF', endColorstr='#F4F4F4',GradientType=0 );
		box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.15);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.25);
		margin: 0 0 20px 0;
	}





div.pager {
	width					: 100%;
	margin-top				: 10px;
	margin-bottom			: 10px;
	height					: 25px;
	line-height				: 25px;
	background-color		: none;
	border-bottom			: 1px solid #cdcdcd;
	border-top				: 1px solid #cdcdcd;
	float: left;
} 


div.pager_first {
	width					: 15%;
	height					: 25px;
	line-height				: 25px;
	float: left;
}


div.pager_pages {
	width					: 70%;
	height					: 25px;
	line-height				: 25px;
	text-align				: center;
	float: left;
}

div.pager_last {
	width					: 15%;
	height					: 25px;
	line-height				: 25px;
	text-align				: right;
	float					: right;
	float: left;
}


a.pager, a.pager:link, a.pager:visited {
	text-decoration	    	: none;
}

a.pager:hover {
	text-decoration	    	: underline;
}

a.pages, a.pages:link, a.pages:visited {
	margin-left				: 2px;
	margin-right			: 2px;
	text-decoration	    	: none;
}

a.pages:hover {
	text-decoration	    	: underline;
}

a.pagesbold, a.pagesbold:link, a.pagesbold:visited {
	margin-left				: 2px;
	margin-right			: 2px;
	font-size				: 14px;
	font-weight				: bold;
	text-decoration	    	: none;
}

a.pagesbold:hover {
	text-decoration	    	: underline;
}



/*  --------------------------------------------------
    Subnav classes for category browse go here
    -------------------------------------------------- */  
    .subnav {
    	border-bottom: solid 1px #eee;
    }
    .subnav li {
    	height: auto; padding: 0; margin: 0;
    }
    
    .subnav li a {
	   	 display: block; width: auto; height: auto; padding: 10px; margin:0px; border: none; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; background: #fff; text-decoration: none;
    }
    
    .subnav li a:hover {
    	text-decoration: none; background: #bbbe3c; color: #fff;
    }
    
    .subnav li.active a {
	   	 background: #bbbe3c; color: #fff;
    }
	
	.sub_1 { padding: 6px 0px 6px 18px !important; font-size: .9em !important; font-weight: bold !important; }
	.sub_2 { padding: 5px 0px 5px 23px !important; font-size: .8em !important; }
	.sub_3 { padding: 4px 0px 4px 28px !important; font-size: .7em !important; }
	.sub_4 { padding: 3px 0px 3px 33px !important; font-size: .6em !important; }
	.sub_5 { padding-left: 25px !important; font-size: .6em !important; }
	.sub_6 { padding-left: 28px !important; font-size: .6em !important; }
	.sub_7 { padding-left: 31px !important; font-size: .6em !important; }
	.sub_8 { padding-left: 34px !important; font-size: .6em !important; }
	.sub_9 { padding-left: 37px !important; font-size: .6em !important; }
	.sub_10 { padding-left: 40px !important; font-size: .6em !important; }




.marginleftme {
	margin-left: 20px;
}

/* #Miscellaneous
================================================== */

.props_box {
	background-color: #b1b51e;
	padding: 10px 0px;
}

.props_box p {
	color: #ffffff;
	font-size: 10px;
}

.props_head {
	background-image: url(/images/2/WP_thumbs-up.png);
	background-repeat: no-repeat;
	height: 42px;
}

.random_box {
	background-image: url(/images/2/WP_content_photo.png);
	background-repeat: no-repeat;
	height: 355px;
	
}

.blue_white_button {
	display: block;
	background-image: url('/images/2/WP_white-blue_hover.png');
	background-position: 0 -61px;
	height: 61px;
	width: 108px;
}

.blue_white_button:hover {
	background-position: 0 0;
}

.top_nav {
	color: #ffffff;
}

.top_nav a {
	color: #ffffff;
}


.goldtext {
	font-size: 12px;
	color: #A89E79;
}

.goldtextother {
	color: #A89E79 !important;
}

.idea_phase_submission {
	background-image: url(/images/2/homepage_phase1.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 960px;
	color: #00498f;
	font-style: italic;
	font-size: 18px;
	position: relative;
	font-weight: bold;
}

 .idea_phase_submission .days_remaining {
 	position: absolute;
 	top: 48px;
 	left: 652px;
 }
 
 .idea_phase_submission .idea_count {
 	position: absolute;
 	top: 18px;
 	left: 652px;
 	text-align: right;
 }

.idea_phase_feedback {
	background-image: url(/images/2/homepage_phase2.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 960px;
	color: #00498f;
	font-style: italic;
	font-size: 24px;
	position: relative;
	font-weight: bold;
}

 .idea_phase_feedback .days_remaining {
 	position: absolute;
 	top: 36px;
 	left: 618px;
 }

.idea_phase_voting {
	background-image: url(/images/2/homepage_phase3.png);
	background-repeat: no-repeat;
	height: 87px;
	width: 960px;
	color: #00498f;
	font-style: italic;
	font-size: 24px;
	position: relative;
	font-weight: bold;
}

 .idea_phase_voting .days_remaining {
 	position: absolute;
 	top: 36px;
 	left: 602px;
 }

.panelContainer .panel {
	margin: 0;
	padding: 0;
	border: 0;
	background: transparent;
	text-shadow: none;
	box-shadow: none;
}

.ideaspot {
	margin-top: 10px;
}

.leftbump {
	margin-right: 10px;
}

.awrap {
	background-color: #00498f;
	color: #fff !important;
	height: 410px;
}
.slider-wrap								{ width: 560px; padding: 10px; margin-top: 18px; }			
.stripViewer .panelContainer 
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 560px; height: 285px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 560px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: 20px 0 0 -10px !important; }
#movers-row div								{ width: 20%; float: left; }
#movers-row div a.cross-link 				{ float: right; }
.photo-meta-data							{ background: url(/images/update/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: 0px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; width: 90px;  margin-left: 10px; 
											  position: relative; padding-top: 15px; z-index: 9999; text-decoration: none !important; }
.cross-link img {
	box-shadow: 0 2px 5px rgba(0,0,0,0.5);
		-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
		-moz-box-shadow: 0 2px 5px rgba(0,0,0,0.5);
}				


.firstlink {
	margin-top: 10px;
}
							  
.active-thumb {
	border: 1px solid #fff !important;
	padding: 2px;
}



.storytext {
	border: 1px solid #00498f;
	font-size: 11px;
	color: #fff !important;
	line-height: 13px;
}

/*
    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%; height: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:url(images/overlay.png) repeat 0 0;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0; background:url(images/controls.png) no-repeat -75px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(images/controls.png) no-repeat -50px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext:hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(images/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(images/loading.gif) no-repeat center center;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(images/controls.png) no-repeat -25px 0; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose:hover{background-position:-25px -25px;}

/*
  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 or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.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
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(images/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(images/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(images/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(images/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(images/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(images/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(images/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(images/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')");
}