/* HTML Overrides */
body{background:url(/images/bgs/body_bg.png) repeat-x #8B8B8B;margin:0px;color:white;font-family:'Trebuchet MS', Helvetica;}
input{color:white}
h1, h2, h3, h4, h5, h6{margin:0px;padding:0px}
td{vertical-align:top}

a:visited, a:link{text-decoration:none;color:white} a:hover{text-decoration:none;color:#D7F64A}
a.highlight:visited, a.highlight:link{text-decoration:none;color:#E6FF6F} a.highlight:hover{text-decoration:none;color:#BFDF29}
a.anchor:visited, a.anchor:visited{color:#CDDF8B} a.anchor:hover{color:#CDDF8B}
a.quick_link:visited, a.quick_link:link{#D7F64A;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7}
a.quick_link:hover{#D7F64A;opacity:1.00;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0}
a.transparent:visited, a.transparent:link{text-decoration:none;;opacity:0.70;filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity: 0.7} a.transparent:hover{text-decoration:none;opacity:1.00;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0}

img { border: 0 }
img.icon, img.bullet{vertical-align:middle}
img.thumbnail{border:1px solid black;opacity:0.80;filter:alpha(opacity=80);-moz-opacity:0.8;-khtml-opacity: 0.8;}
img.thumbnail:hover{border:1px solid #666;;opacity:1.00;filter:alpha(opacity=100);-moz-opacity:1.0;-khtml-opacity: 1.0}

b.highlight{color:#D7F64A}
b.highlight2{color:#DFD0A7}
b.highlight3{color:#CFFBFF}

div.spacer{border-bottom:1px solid #999;height:1px;margin:3px 0px 3px 0px;}
div.section a:hover{color:white}

input, textarea, select{ color:white;background:url(/images/bgs/black_trans_25.png) repeat; border:1px solid #333333;font-family:'Trebuchet MS', Helvetica;;-moz-border-radius: 3px;-webkit-border-radius: 3px;padding:3px;}
input.selected, textarea.selected{ background:url(/images/bgs/black_trans_10.png) repeat;border:1px solid #B4CF33;font-family:'Trebuchet MS', Helvetica;}

h1.title, h2.title, h3.title{text-shadow:1px 1px 2px black;}
h2 a:hover{color:white}


/* Blog Posts */
.blog_post_title{font-weight:bold;font-size:20px;text-shadow:1px 1px 2px black;}
.blog_post_date{font-size:12px;color:#D7F64A; font-style:italic;font-weight:bold}
.blog_post_content{color:white;font-size:12px;text-align:left;margin-top:10px;}

/* Main Structure */
table.main_table{background:url(/images/bgs/main_table_bg.png) no-repeat;background-position:top center;width:100%;margin-bottom:10px;}
	table.main_table .top{height:10px;}
		table.main_table .top table.logo_table{width:1000px;margin-top:30px;margin-bottom:10px;}
		table.main_table .top div.top_menu{padding-right:12px;}
	table.main_table .middle{min-height:500px;}
		table.main_table .middle table.content_table{width:1000px;}
			.content_table td{padding:0px 3px 0px 3px;}
			.content_table div.top{background:url(/images/bgs/content_table_bg_top.png) no-repeat;background-position:bottom center;height:48px;width:1000px;}
			.content_table div.middle{background:url(/images/bgs/content_table_bg_middle.png) repeat-y;padding:0px 10px 0px 10px;}
				.content_table div.middle td.content_column{width:70%;vertical-align:top}
					td.content_column div.content{padding:0px; 5px; 0px; 0px;padding-left:0px}
				.content_table div.middle td.right_column{width:30%;vertical-align:top}
			.content_table div.bottom{background:url(/images/bgs/content_table_bg_bottom.png) no-repeat;height:15px;}
	table.main_table td.bottom{background:url(/images/bgs/bottom_bg.png) no-repeat;background-position:center center;height:35px;font-size:10px;vertical-align:middle;}

/* Top Bar */
.top_bar{}
	.top_bar .logged_in_menu{border:1px solid #333; border-top:0px; background:url(/images/bgs/black_trans_50.png) repeat;width:990px;padding:5px;-moz-border-radius-bottomleft:5px;-webkit-border-bottom-left-radius:5px;-moz-border-radius-bottomright:5px;-webkit-border-bottom-right-radius:5px; }

/* Box Styles */
.box_style_1{background:url(/images/bgs/dark_dotted_bg.png) repeat-x #0B0B0B;padding:5px;border:0px solid #0B0B0B;;-moz-border-radius: 5px;-webkit-border-radius: 5px;}
	.box_style_1 div.spacer{border-bottom:1px solid #333333;height:1px;margin:3px 0px 3px 0px;}
	.box_style_1 div.spacer_vert{margin:3px 0px 3px 0px;border-left:1px solid #333333}
.box_style_2{border:1px solid #666666; background:url(/images/bgs/stripe_1.png);color:white;padding:5px;;-moz-border-radius: 5px;-webkit-border-radius: 5px}
.box_style_3{border:1px solid #666666; background:url(/images/bgs/box_style_3_bg.png) repeat-x black;color:white;padding:5px;;-moz-border-radius: 5px;-webkit-border-radius: 5px}
.box_style_4{border:1px solid #333; background:url(/images/bgs/black_trans_25.png) repeat;color:white;padding:5px;;-moz-border-radius: 5px;-webkit-border-radius: 5px}
	.box_style_4 div.spacer{border-bottom:1px solid #333;height:1px;margin:3px 0px 3px 0px;}
.box_style_5{border:1px solid #666; background:url(/images/bgs/white_trans_05.png) repeat;color:white;padding:5px;;-moz-border-radius: 5px;-webkit-border-radius: 5px}


div.inner_box_top{background:url(/images/bgs/inner_box_bg_1_top.png) no-repeat;padding-right:10px;}
div.inner_box_middle{background:url(/images/bgs/inner_box_bg_1_middle.png) repeat-y;width:692px;background-position:center center;}
div.inner_box_bottom{background:url(/images/bgs/inner_box_bg_1_bottom.png) no-repeat;width:692px;height:20px;background-position:center center;}

/* Partials */
.partial_quick_links{font-size:20px;}

/* Tables */
td.icon_column{width:20px;vertical-align:middle}

/* Other Stuff */
.demo_box{background:url(/images/bgs/demo_box.png) no-repeat;background-position:bottom center;height:35px;width:200px}
.request_quote_box{background:url(/images/bgs/request_quote_box.png) no-repeat;background-position:bottom center;height:35px;width:200px}
	.request_quote_box div{padding:10px 0px 0px 15px;font-size:14px;}
.contact_us_box{background:url(/images/bgs/contact_us_box.png) no-repeat;background-position:bottom center;height:35px;width:200px}
	.contact_us_box div{padding:10px 0px 0px 10px;font-size:14px;}	
.download_box{background:url(/images/bgs/download_box.png) no-repeat;background-position:bottom center;height:118px;width:200px;background-position:center center;text-shadow:0px 2px 5px black;}
.download_box_2{border:1px solid #666666; background:url(/images/bgs/stripe_1.png);color:white;padding:5px;}
.download_older_version_box{background:url(/images/bgs/download_archive_box.png) no-repeat;background-position:bottom center;height:35px;width:200px}
	.download_older_version_box div{padding:10px 0px 0px 36px;font-size:14px;}
div.project_question{font-weight:bold;font-style:italic;color:#CDDF8B}
div.project_answer{padding-left:20px}
.flash_success{border:1px solid #5F8B0A;text-shadow:1px 1px 2px black; background:#95BF0E;color:white;font-weight:bold;font-size:20px;padding:5px;text-align:center;;-moz-border-radius: 5px;-webkit-border-radius: 5px}	
.flash_failure{border:1px solid #6F0715;text-shadow:1px 1px 2px black; background:#9F2737;color:white;font-weight:bold;font-size:20px;padding:5px;text-align:center;-moz-border-radius: 5px;-webkit-border-radius: 5px}	
div.rss_items{}
	div.rss_items div.item{border-bottom:1px dashed #333333;}
		div.rss_items div.item div.title{font-weight:bold}	
		div.rss_items div.item div.description{font-size:9px;color:#AAAAAA}	
		div.rss_items div.item div.date{font-size:10px;}	
div.thumbnail_box{height:110px;width:110px;}
	div.thumbnail_box div{}
div.code_block{border:1px solid #333333; background:#7F7F7F;color:white;padding:5px;margin:5px;}
.spacer_horiz_fade{height:1px;width:638px;background:url(/images/bgs/spacer_horiz_fade.png) no-repeat;}

div.screenshots{}
	div.screenshots div.screenshot{float:left;margin:5px;}


.pricing_table{width:100%}
.pricing_table .price_box{vertical-align:top;border-right:1px solid #333333;width:175px;}
.pricing_table .details_box{vertical-align:top;border-right:0px solid #333333;width:450px;}
.pricing_table td.spacer{border-bottom:1px solid #333333;width:100%;height:2px}

/* Tabs */
ul#tabmenu {	list-style:none; 	margin:0 !important; 	padding:0;	height:25px;	margin-bottom:0px;}
#tabmenu li  { 	float:left;	 	text-indent:0;	padding:0;	margin:0 !important;	list-style-image:none !important; }/* single tab */
#tabmenu a, a.active { color:#ccc;	background: url(/images/bgs/user_tab_bg_unselected.png) no-repeat;;	font-size:12px;	display:block;	height: 20px;  	width: 120px;	text-align:center;		text-decoration:none;	padding:4px 0px 1px 0px;	margin:0px 2px 0px 0px;		position:relative;}/* link inside the tab. uses a background image */
#tabmenu a.active {	color:#fff; border:0px;	background: url(/images/bgs/user_tab_bg_selected.png) no-repeat;}
#tabmenu a:visited, #tabmenu a:link {} #tabmenu a:hover {color:#fff;;border:0px;	background: url(/images/bgs/user_tab_bg_selected.png) no-repeat;}
#tabmenu a.active:hover{}/* active tab uses a class name "current". it's highlight is also done by moving the background image. */
#tabmenu a.special_tab:visited, #tabmenu a.special_tab:link{border:0px;} #tabmenu a.special_tab:hover {;border:0px;}
#content {	background: url(/images/bgs/user_tab_pane_bg.png) repeat-x;	padding:5px;	min-height:300px;}

/* Project Menu Slider */
p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
p#cross-links { text-align: center }
p#cross-links { margin-bottom: 30px; padding-bottom: 30px }
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }
/*a:focus { outline:none }*/
img { border: 0 }
.stripViewer .panelContainer .panel ul {	text-align: left;	margin: 0 15px 0 30px;}
.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */	margin: 20px 0;	position: relative;	width: 100%;}
/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 460px; background: #0B0B0B; overflow: scroll}
.csw .loading {margin: 200px 0 300px 0; text-align: center}
.stripViewer { /* This is the viewing window */	position: relative;	overflow: hidden; 	background:url(/images/bgs/dark_dotted_bg.png) repeat-x #0B0B0B;	padding:5px;	border:0px solid #0B0B0B;	margin: auto;	width: 700px; -moz-border-radius: 5px;-webkit-border-radius: 5px/* Also specified in  .stripViewer .panelContainer .panel  below */	/* height: 460px; */	clear: both;	color:white;}
.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */	position: relative;	left: 0; top: 0;	width: 100%;	list-style-type: none;	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */}
.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */	float:left;	height: 100%;	position: relative;	width: 700px; /* Also specified in  .stripViewer  above */}
.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */	padding: 30px 10px 10px 10px;}
.stripNav { /* This is the div to hold your nav (the UL generated at run time) */	margin: auto;}
.stripNav ul { /* The auto-generated set of links */	list-style: none;	display:none; /* Hide */}
.stripNav ul li {	float: left;	margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */}
.stripNav a { /* The nav links */}
.stripNav li.tab1 a { }
.stripNav li.tab2 a { }
.stripNav li.tab3 a { }
.stripNav li.tab4 a { }
.stripNav li.tab5 a { }
.stripNav li a:hover {background: #333;}
.stripNav li a.current {			background: #000;			color: #fff;}
.stripNavL, .stripNavR { /* The left and right arrows */			position: absolute;			top: 230px;			text-indent: -9000em;		}		
.stripNavL a, .stripNavR a {			display: block;			height: 40px;			width: 40px;		}
.stripNavL {			left: 0;	}
.stripNavR {right: 0;}
.stripNavL {}
.stripNavR {}

/* LightBox */
#lightbox{
	position: absolute;
	top: 20px;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	color:white;
	}

#lightbox a, #lightbox a:hover {
	border-bottom:none;
	color:white;
	text-decoration:underline;
}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #0B0B0B;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#loadingLink {
	display:block;
	margin:0 auto;
	padding:0;
	width:50px;
	height:50px;
	background:url("/images/ajax-loader.gif") center center no-repeat;
	text-indent:-9999px;
}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLinkImg, #nextLinkImg{
	width: 49%;
	height: 100%;
	background: transparent url("/images/buttons/lightbox/blank.png") no-repeat; /* Trick IE into showing hover */
	display: block;
	text-indent:-9999px;
	}
#prevLinkImg { left: 0; float: left;}
#nextLinkImg { right: 0; float: right;}
#prevLinkImg:hover, #prevLinkImg:visited:hover { background: url("/images/buttons/lightbox/prev.png") left 15% no-repeat; }
#nextLinkImg:hover, #nextLinkImg:visited:hover { background: url("/images/buttons/lightbox/next.png") right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #0B0B0B;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{
	padding:0 10px;
	}
#imageDetails{ width: 70%; float: left; text-align: left; }	
#caption{ font-weight: bold;	}
#numberDisplay{ display: block; clear: left; }			
#detailsNav{ display: block; clear: left; padding:0 0 10px 0;	}	
#prevLinkDetails { margin:0 8px 0 0; }		
#nextLinkDetails { margin:0 8px 0 0; }		
#closeLink {
	display:block;
	margin:0;
	padding:0 0 10px 0;
	text-decoration:none;
	float:right;
	width:66px;
	height:28px;
	background:url("/images/buttons/lightbox/close.png") no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #666666;
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	}
	

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

* html>body .clearfix {
	display: inline-block; 
	width: 100%;
	}

* html .clearfix {
	/* Hides from IE-mac \*/
	height: 1%;
	/* End hide from IE-mac */
	}	


/* ColorBox Image Gallery CSS */
#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; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(/images/buttons/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:21px; height:21px; background:url(/images/buttons/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:21px; height:21px; background:url(/images/buttons/colorbox/controls.png) -129px 0 no-repeat;}
    #cboxBottomLeft{width:21px; height:21px; background:url(/images/buttons/colorbox/controls.png) -100px -29px no-repeat;}
    #cboxBottomRight{width:21px; height:21px; background:url(/images/buttons/colorbox/controls.png) -129px -29px no-repeat;}
    #cboxMiddleLeft{width:21px; background:url(/images/buttons/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(/images/buttons/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(/images/buttons/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(/images/buttons/colorbox/border.png) 0 -29px repeat-x;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:28px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/buttons/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/buttons/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/buttons/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/buttons/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; bottom:0; right:0; background:url(/images/buttons/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

	/* ColorBox IE Transparency Fix */
	.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
	.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
	.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
	.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
	.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
	.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
	.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
	.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/buttons/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}