/*********************
 ** Positional Styles
 **/

html, body {
	height: 100%;
	padding: 0;
	margin: 0;
	font: 	10pt Arial, Helvetica, sans-serif;
	color: #FFF;
	text-align: left;
}

body {
	background: #1C1C1C url(images/ltblue.jpg) repeat-x;
	background-position: 0 160px;
}


/***************
 ** Top
 **/
.top_container {
	height: 160px;
	background: #2C7BCC url(images/dkblue.jpg) repeat-x;
	border-bottom: 8px solid #2BB1FF;
}

.top_logo {
	margin: 0 auto;
	width: 65em;
	height: 160px;
	background: url(images/logo_w_wm.jpg) no-repeat;
}

.top_login {
	float: right;
	width: 15em;
	padding: .25em;
	
	background: #5CABFF repeat-x;
	font: 10pt Arial, Helvetica, sans-serif;
	color: #FFF;
	border-bottom: 1px solid #6A9BCB;
	border-right: 1px solid #6A9BCB;
	border-left: 1px solid #072B52;
	
	text-align: right;
}

.top_login label {
	float: left;
	display: block;
	width: 5.5em;
	height: 2em;
	line-height: 1.5em;
}

.top_login .button {
	border: none;
	font: bold 11pt Arial, Helvetica, sans-serif;
	color: #FFF;
	padding: 0;
	background: none;
	float: right;
}

.top_login_title {
	float: left;
	margin-left: .5em;
	margin-bottom: 1em;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFF;
	border-bottom: 	1px solid #FF9600;
	text-align: left;
}

a.forgot {
	float: right;
	font: bold 8pt Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

.error {
	display: block;
	width: 100%;
	text-align: center;
	color: #FFF;
	background: #990000;
	border: 2px solid #FF3333;
	font: bold 10pt Arial, Helvetica, sans-serif;
	margin: 0 auto;
	margin-bottom: 1em;
}



#main {
	position: relative;
	margin: 0 auto;
	overflow: visible;
	
	height: auto !important;
	height: 100%;
	min-height: 100%;
	
}

#content_container1 {
	width: 65em;
	padding: 1em 0 10em 0;
	margin: 0 auto;
	overflow: auto;
	margin-bottom: 5em;
}

#content_container2 {
	margin-bottom: 10em;
	width: 100%;
	float: left;
	
}

.content, .content2 {
	position:relative;
	display: block;
	margin-left: 11em;
	margin-right: 16em;
	margin-bottom: 10em;
}

.content2 {
	margin-right: 0;
}

.content img, .content2 img {
	float: right;
	padding: .5em;
}

/***************
 ** Menu
 **/
.menu_container {
	float: left;
	width: 10em;
}

.menu {
	background: #2C7BCC url(images/orange.jpg) repeat-x;
	text-align:	center;
	border-left: 	1px solid #0096FF;
	border-right: 	1px solid #0C4B9C;
}

.menu ul {
	margin:				0px;
	padding:			0px;
	list-style-type: 	none;
}

.menu a {
	display: 		block;
	width: 			100%;
	padding:		.5em 0em .5em 0em;
	font: 			12pt bold Arial, Helvetica, sans-serif;
	letter-spacing: -.05em;
	text-transform: uppercase;
	text-decoration: none;
	color: 			#FFF;
	border-top: 	1px solid #0096FF;
	border-bottom: 	1px solid #0C4B9C;
}

.menu a:hover {
	background: 	#6CABFF;
	color:			#FFF;
	border-top: 	1px solid #0096FF;
	border-bottom: 	1px solid #0C4B9C;
}

/***************
 ** Sub Menu
 **/
.submenu {
	width: 100%;
	font: bold 10pt Arial, Helvetica, sans-serif;
	margin: 2px 0 2em 0;
}

.submenu ul {
	width: 100%;
	height: 2em;
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.submenu ul li {
	float: left;
	position: relative;
}

.submenu ul li a {
	float: left;
	padding: .5em 1em .5em 1em;
	margin-right: 2px;
	text-decoration: none;
	color: #FFF;
	border: 0;
}

.submenu ul li a.on, .submenu ul li a:hover {
	color: #FFFFFF;
	background: #2BB1FF;
}









/***************
 ** News
 **/
.right_container {
	float: right;
	width: 15em;
	background: #1C1C1C  url(images/ltblue.jpg) repeat-x;
}

.right_container img {
	float: right;
}

.right_container a {
	display: block;
	float: left;
	width: auto;
	/*background: #333;*/
	border-bottom: 1px solid #666;
	font: bold;
	text-decoration: none;
	padding: .5em;
	margin-top: 0em;
}

.right_container a:hover {
	color: #FFF;
	border-bottom: 1px solid #2BB1FF;
	background: #08478F;
}


/***************
 ** Features
 **/ 

p.feature_vert_block {
	float: left;
	width: 100%;
	margin: 0 auto 2em auto;
	text-align:center;
}

a.feature {
	display: block;
	width: 100%;
	background: #FFFFFF url(images/ltblue.jpg) repeat-x;
	background-position: 0 -120px;
	padding: .25em;
	float: left;
	margin: 0 auto 2em auto;
	font: 10pt Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	border: 1px solid #9FFAFF;
	z-index: 30;
	clear: both;
}

a.feature:hover, a.feature_vert:hover {
	background: #FFFFFF url(images/ltblue.jpg) repeat-x;
	background-position: 0 -60px;
	font: 10pt Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	border: 1px solid #6FCAFF;
}

a.feature_vert {
	display: block;
	width: 30.33%;
	height: 10em;
	float: left;
	background: #FFFFFF url(images/ltblue.jpg) repeat-x;
	background-position: 0 -120px;
	padding: .25%;
	margin: 0 1% 0 1%;
	overflow: auto;
	font: 10pt Arial, Helvetica, sans-serif;
	text-decoration: none;
	color: #000;
	border: 1px solid #9FFAFF;
	text-align: center;
}

a.feature img {
	float: left;
	margin-right: .5em;
}

a.feature_vert img {
	float: none;
	clear: both;
}

a.feature br {
	clear: none;
}

.new {
	float: right;
	position: relative;
	top: 15px;
	left: 25px;
	width: 58px;
	height: 58px;
	background: url(images/new.gif) no-repeat;
	z-index: 40;
}


/***************
 ** Footer
 **/ 
.footer_container1 {
	float: left;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: auto;
	border-top: 8px solid #666;
	background: #CCC;
}

.footer_container2 {
	height: 100%;
	width: 60em;
	margin: 0 auto;
	padding-top: 2em;
}

.footer {
	float: left;
	width: 100%;
	height: 7em;

	background: #FAF3E3 url(images/black.jpg) repeat-x;
	border: 1px solid #EB6810;
	padding: .5em;
}

.footer_left {
	float: left;
	width: 29%;
	
	font: 9pt Arial, Helvetica, sans-serif;
	color: #111111;
	line-height: 1.25em;
	text-align: left;
}

.footer_phone, .footer_fax, .footer_email {
	float: right;
	width: 23%;
	font: 9pt Arial, Helvetica, sans-serif;
	color: #111111;
	line-height: 1.25em;
	text-align: left;
	padding-left: 3px;
	border-left: 1px solid #EEB690;
}

.footer em {
	display: block;
	float: left;
	width: 4.5em;
	color: #333;
	font-style: normal;
}

.footer a, .footer_copyright a {
	font: 9pt Arial, Helvetica, sans-serif;
	color: #333;
	text-decoration: underline;
	border: 0;
}

.footer a:hover, .footer_copyright a:hover {
	color: #999;
	text-decoration: underline;
	border: 0;
}

.footer_copyright {
	width: 100%;
	font: 8pt Arial, Helvetica, sans-serif;
	color: #111111;
}

.footer_copyright a {
	font: bold 8pt Arial, Helvetica, sans-serif;
}


/*********************
 ** Text Classes
 **/
.title {
	display: block;
	width: 100%;
	font: 22pt Arial, Helvetica, sans-serif;
	letter-spacing: -.05em;
	text-transform: uppercase;
	color: #2BB1FF;
	border-bottom: 1px solid #2BB1FF;
	padding-bottom: .25em;
	margin-bottom: 0;
}

.subtitle {
	font: bold 12pt Arial, Helvetica, sans-serif;
	letter-spacing: -.05em;
	color: #000000;
}

a {
	font-weight: bold;
	color: #FFF;
	border-bottom: 1px solid #EEE;
	text-decoration: none;
}

a:hover {
	color: #2BB1FF;
	border-bottom: 1px solid #2BB1FF;
}

p {
	width: 100%;
	margin: .25em 0 1.5em 0;
	text-align: justify;
}

br {
	clear: both;
}

.content br {
	clear: none;
}

img {
	border: 0;
}

ol li {
	margin-bottom: 1em;
}


/*********************
 ** Screenshots
 **/
p.screenshots a {
	display: block;
	float: left;
	margin: .5em;
	border: 2px solid #666666;
}

p.screenshots a:hover {
	border: 2px solid #2BB1FF;
	background: #08478F;
}

p.screenshots img {
	float: left;
	padding: 0;
	border: 1px solid #000;
}

#ss_bg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: #000;
	
	filter: alpha(opacity: 50);
	KHTMLOpacity: .5;	
	MozOpacity: .5;
	opacity: .5;
	z-index: 200;	
}

#ss_popup_bg {
	display: none;
	position: absolute;
	top: 10%;
	left: 10%;
	
	width: 900px;
	height: auto;
	z-index: 205;
}
	
div.ss_popup {
	display: block;
	width: auto;
	float: left;
	background: #333;
	padding: 1em;
	border: 5px solid #999;
}

a.ss_button {
	display: block;
	float: right;
	border: 0;
	padding: .25em;
	font: bold 10pt Arial, Helvetica, sans-serif;
	color: #FFF;
	background: #999;
	text-decoration: none;
}

a.ss_button:hover {
	color: #FFF;
	text-decoration: none;
	border: 0;
}

div.ss_popup img {
	display: block;
	margin: 0 auto;
	margin-bottom: 1em;
	border: 2px solid #000;
}

div.ss_popup p {
	width: 30em;
	font: 10pt Arial, Helvetica, Sans-serif;
	color: #FFF;
	margin: 0 auto;
}

div.ss_popup a, #ss_prev a, #ss_next a{
	border: 0;
}

div.ss_popup br {
	clear: none;
}

#ss_prev, #ss_next {
	display: block;
	width: auto;
	height: 100%;
	vertical-align: middle;
	font: 48pt Arial, Helvetica, sans-serif;
	color: #FFF;
}

#ss_prev { float: left; }
#ss_next { float: right; }

#ss_count { text-align: center; }

/*********************
 ** Forms
 **/

form.download label, form.download input{
	display: block;
	float: left;
	padding: .25em;
	margin-bottom: .5em;
}

form.download label {
	width: 15em;
	font-weight: bold;
}

form.download input {
	padding: 0;
	margin: .25em;
	margin-bottom: .5em;
}

form.download br {
	clear: none;
}

p.buttons {
	float: right;
	width: 100%;
	text-align: center;
}

p.buttons input {
	display: inline;
	float:none;
	clear: none;
	margine: 0 auto;
}