@charset "utf-8";
/* ########################################################################### *
/* ***** DOCUMENT INFO  ****************************************************** *
/* ########################################################################### *
 * ##### NAME:  global.css
/* ########################################################################### *

/* ########################################################################### *
/* ***** INDEX *************************************************************** *
/* ########################################################################### *
/* ##### DEFAULTS
/* ##### TYPOGRAPHY
/* ##### LINKS AND BUTTONS
/* ##### LAYOUT
/* ##### HEADER
/* ##### PRIMARY NAVIGATION
/* ##### TOP NAVIGATION
/* ##### SECONDARY NAVIGATION
/* ##### CONTENT
/* ##### FOOTER
/* ########################################################################### */

/* ########################################################################### *
/* ##### DEFAULTS
/* ########################################################################### */
/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
*/
html{color:#FFF;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
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:baseline;}
sub{vertical-align:baseline;}
legend{color:#333;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}
input,button,textarea,select{*font-size:100%;}
body{font:10px arial,helvetica,clean,sans-serif;*font-size:62.5%;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
table{font-size:inherit;font:100%;}

html
{
	background: #000 url('images/bg_html.gif') repeat-y;
	padding-left: 26px;	
}

body 
{
	font-size: 12px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	margin-bottom: 5em;
}

a:hover, a:active, a:focus, a:active
{
	outline: none;
	-moz-outline-style: none;
}

/* slightly enhanced, universal clearfix hack */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

.hidden {
	position: absolute;
	left: -9999px;
	overflow: hidden;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px
}

img 
{
	border: 0;
}

a img 
{
	display: block;
}

ul.horizontal li
{
	display: inline;
	float: left;
}

.noMargin
{
	margin: 0 !important;	
}

.noPadding
{
	padding: 0 !important;	
}

.noDisplay
{
	display: none !important;	
}

.left 
{
	text-align: left;
}

	img.left
	{
		float: left;
		margin: 0 10px 0 0;
	}

.center 
{
	text-align: center;
}

.right 
{
	text-align: right;
}

	img.right
	{
		float: right;
		margin: 0 0 0 10px;
	}

sup 
{
	vertical-align:text-top;
}



/* ########################################################################### *
/* ##### TYPOGRAPHY
/* ########################################################################### */

body 
{
	font-size: 12px;
	line-height: 1.5em;
	font-family: Helvetica, Arial, sans-serif;
	text-transform: uppercase;
}

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
{
	font-family: Helvetica, Arial, sans-serif;
}

p, h1, h2, h3, h4, h5, h6
{
	margin-bottom: 1em;
}

p
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;
}

h1 
{
	font-size: 1.5em;
	line-height: 1.5em;
	margin-bottom: 0.75em;	
	font-weight: bold;
}

h2 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0;	
	font-weight: bold;
}

h3 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0;
	margin-top: 3em;	
	font-weight: bold;
}

h4 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 0;	
	font-weight: bold;
}

h5 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
}

h6 
{
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: 1.5em;	
	font-weight: bold;
}


strong, 
.strong 
{
	font-weight: bold;
}

.emphasis 
{
	font-style: italic;	
}

.subdued 
{
	color: #666;
}

.highlight 
{
	color: #039;
}

.error 
{
	color: #c90400;
}

.success 
{
	color: #639905;
}

/* Text Replacement globals */
.replacement
{
	position: absolute;
	z-index: 10;
	background-repeat: no-repeat;
}

a .replacement
{
	z-index: 20;
	cursor: hand;
	c\ursor: pointer;	
}


/* ########################################################################### *
/* ##### LINKS AND BUTTONS
/* ########################################################################### */

a:link 		{ color: #FFF; text-decoration: underline; }
a:visited	{ color: #FFF; text-decoration: underline; }
a:focus, 
a:hover 
{ 
	color: #000; 
	text-decoration: none; 
	background-color: #FFF; 
}

a:active	{ color: #FFF; text-decoration: underline; }

li.active a
{
	color: #FFF;
}

.bodyContent a
{

}

.bodyContent a:focus,
.bodyContent a:hover
{
	
}
	
button,
input.button,
a.button
{
	padding: 0px 10px;
	cursor: pointer;
	text-decoration: none;
	background: #808080;
	color: #fff;
	font-weight: normal;
	font-size: 100%;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

button:hover,
button:focus,
button:active,
input.button:hover,
input.button:focus,
input.button:active,
a.button:hover,
a.button:focus,
a.button:active 
{
	background: #333;
}

input,
textarea
{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;	
}


/* ########################################################################### *
/* ##### LAYOUT
/* ########################################################################### */

#page 
{
	margin: 0 auto;
	font-size: 0.9em; /* Reset the base font to 11px */
}

#contentContainer
{

}

#leftColumn,
#contentColumn,
#rightColumn{
	display: inline;
	float: left;
	z-index: 1;
}

	/* One Column */
	.layout_oneColumn #contentColumn {
		display: block;
		float: none;
	}

	/* Two Column Layout - Right */
	.layout_twoColumnRight #rightColumn
	{
	}
	
	.layout_twoColumnRight #contentColumn
	{
	}
	
	/* Two Column Layout - Right */
	.layout_twoColumnLeft #leftColumn
	{
	}
	
	.layout_twoColumnLeft #contentColumn
	{
	}	
	
	/* Three Column Layout */ 
	.layout_threeColumn #leftColumn
	{
	}
	
	.layout_threeColumn #contentColumn
	{
	}	
	
	.layout_threeColumn #rightColumn
	{
	}	
	
	.layout_threeColumn #content,
	.layout_threeColumn #rightColumn
	{
		float: left;
	}
	
	.layout_threeColumn #content
	{
		
	}
	


/* ########################################################################### *
/* ##### HEADER
/* ########################################################################### */

#header 
{

}

	#logo
	{
		margin-top: 0em;
		position: relative;
	}
	
		#logo h1
		{
			margin: 0;
		}
			
		#logo h1 .logo-block
		{
			width: 55px;
			height: 55px;
			line-height: 59px;
			display: block;
			background: #fff;
			text-align: center;
			color: #000;
			font-size: 115%;
			margin-bottom: 1em;
		}

		#logo h1 a
		{
			font-size: 105%;
			text-decoration: none;
			color: #fff;
		}
		
		#logo h1 a:hover,
		#logo h1 a:focus
		{
			background-color: transparent;
		}
		
		#logo .link_home
		{
			position: absolute;
			top: 18px;
			left: 65px;
			font-size: 60%;
			padding-left: 7px;
			background: url(images/btn_arrowLeft.gif) no-repeat 0 7px;
		}
		
		#logo .link_home:hover
		{
			text-decoration: underline;
		}	
		
	
		.backLink
		{
			font-weight: bold;
			font-size: 95%;
			padding-left: 7px;
			background: url(images/btn_arrowLeft.gif) no-repeat 0 4px;
			text-decoration: none !important;
			margin-top: 3em;
			display: block;
		}
		
		.backLink:hover
		{
			text-decoration: underline;
			background-color: transparent;
			color: #fff;
		}			
	

/* ########################################################################### *
/* ##### PRIMARY NAVIGATION
/* ########################################################################### */
	
#nav_primary 
{	
	margin: 0;
	padding: 0;
}
	
	#nav_primary ul
	{	
		margin: 0;
		padding: 0;
	}
	
		#nav_primary li 
		{
			padding: 0;
			margin: 0;
			list-style-type: none;
			text-transform: uppercase;
		}
		
		
		
		#nav_primary li h2
		{
			font-weight: normal;
		}
		
		#nav_primary li .content
		{
			position: absolute;
			left: -9999px;
			overflow: hidden;
			margin-bottom: -1px;
			font-size: 1px;
			line-height: 1px
		}
		
		#nav_primary li:hover
		{
		
		}	
		
		#nav_primary li:first-child 
		{
	
		}	

		#nav_primary h2
		{
		
		}
		
			#nav_primary h2 a
			{
			
			}


/* ########################################################################### *
/* ##### CONTENT
/* ########################################################################### */

#content 
{
	
}
		
#content h1 
{
	
}

#content .bodyContent
{
	position: relative;
}

.bodyContent img
{
	margin: 1em 0;
}
	
.bodyContent ul,
.bodyContent ol
{
	margin-bottom: 2em;
}

.bodyContent ul
{

}

	.bodyContent ol li
	{
		list-style-type: decimal;
		margin-left: 1.6em;	
	}
	
	.bodyContent ul li
	{
		list-style-type: disc;
		margin-left: 1.2em;	
	}
	
	#screenshots .screenshot
	{
		overflow: hidden;
		max-height: 300px;
		width: 300px;
		cursor: pointer;
		opacity: 0.9;
	}

		#screenshots .screenshot:hover
		{
			opacity: 1;
		}
	
		#screenshots .screenshot img
		{
			width: 300px;
			heigth: auto;
		}	
	
	#screenshots .fullView
	{
		max-height: 100% !important;
		height: auto !important;
		width: auto !important;
		opacity: 1;
	}
	
		#screenshots .fullView img
		{
			height: auto;
			width: auto;	
		}

/* -----------------------------------------------------------------------------*/
/* Tables
/* -----------------------------------------------------------------------------*/

.table
{
	width: 100%;
	margin-bottom:2em;
}

	.table th,
	.table td
	{
		padding: 1em 5px;
	}

	.table th
	{
		font-weight: bold;
		background: #efefef;
		border-right: 1px solid #fff;		
	}
	
	.table td
	{
		border-bottom: 1px solid #cfcfcf;
	}

	
	

/* ########################################################################### *
/* ##### FOOTER
/* ########################################################################### */

#footer
{
	color: #333;
	font-size: 1em;
}

	#footer .copyright
	{
	
	}		
	




/* END */