/**
 * Cortex Creations JavaScript Software pages - CSS styles.
 *
 * @started: Thursday, August 31, 2006
 * @subversion: $Id: style.css 159 2006-08-29 19:28:16Z josh $
 **/

body
{
	background-color: #ffffff;
	margin: 0;
	font-family: Tahoma;
	font-size: 15px;
}
body,html { height: 100%; }

/**********************************
 *             Header
 **********************************/
div#header_bar
{
	margin-top: 10px;
	width: 100%; height: 273px;
	background-image: url(../images/javascript_software/header_bg.png);
}
div#head_logo
{
	position: relative;
	border-style: none;
	width: 1000px;
	margin: 0 auto 0 auto;
}
div#head_logo,
div#head_logo a:link, div#head_logo a:hover,
div#head_logo a:active, div#head_logo a:visited
{
	font-family: Monaco, Tahoma;
	font-size: 13px;
	color: #bfbfbf;
	text-decoration: none;
}
div#head_logo div#download
{
	position: absolute;
	top: 169px; left: 65px;
	text-align: center;
}
div#head_logo div#more_info
{
	position: absolute;
	top: 169px; left: 885px;
	text-align: center;
}

/**********************************
 *       Body, footer, links
 **********************************/
div#navigation_section
{
}
div#body_section
{
	padding: 20px;
}
div#footer
{
	margin-top: 25px;
	text-align: center;
}
.white_bg a:link, .white_bg a:hover, .white_bg a:active, .white_bg a:visited
{
	color: #111155;
	text-decoration: none;
}
.white_bg a:hover
{
	background-color: #f5f5ff;
	color: #0000aa;
}
h1
{
	font-size: 14px;
	font-weight: normal;
	display: inline;
	padding: 0;
	padding-right: 5px; /* IE */
	clear: none;
}
html>body h1
{
	padding-right: 0px; /* CSS compatible browsers */
}

/**********************************
 *        Index listings
 **********************************/
div.software_index_box_wrapper
{
	position: relative;
	margin: 20px 0 20px 0;
	padding: 0;
	height: 277px;
}
div.software_index_box_left
{
	position: absolute;
	top: 0; left: 0;
	width: 33px; height: 277px;
	background-image: url(../images/javascript_software/index_software_cap_left.png);
}
div.software_index_box_right
{
	position: absolute;
	top: 0; right: 0;
	width: 80px; height: 277px;
	background-image: url(../images/javascript_software/index_software_cap_right.png);
}
div.software_index_box_content
{
	margin: 0 80px 0 33px;
	height: 277px;
	background-image: url(../images/javascript_software/index_software_bg.png);
	vertical-align: Middle;
}
div.software_index_box_content img
{
	float: left;
	margin-top: 20px;
}
div.software_index_box_content div
{
	color: #ffffff;
}
div.software_index_box_content div div
{
	padding: 2px 0 0 250px;
}
html>body div.software_index_box_content div div
{
	padding-top: 15px; /* Everything but IE */
}

/**********************************
 *        Content pages
 **********************************/
.sb0    { width: 100%; }
.sb_bl  { width: 100%; }
.sb1    { position: relative; background: url(../images/javascript_software/content_tr.png) 100% 1px no-repeat; } 
.sb2    { position: relative; background: url(../images/javascript_software/content_tl.png) 0 0 no-repeat; } 
.sb3    { position: relative; padding: 0 13px 0 13px; z-index: 101; }
.sb4    { position: relative; padding: 7px; background: url(../images/javascript_software/content_bg.png) repeat; }
.sb_bl  { position: relative; height: 15px; background: url(../images/javascript_software/content_bl.png) 0 0 no-repeat; }
.sb_br  { position: relative; height: 15px; background: url(../images/javascript_software/content_br.png) 100% 0 no-repeat; }
.top    { position: relative; height: 15px; margin: 0 16px -19px 16px; top: 1px; background: url(../images/javascript_software/content_top.png) repeat-x; }
.left   { position: relative; margin: 0 0 0 0; background: url(../images/javascript_software/content_left.png) repeat-y; }
.right  { position: relative; margin: 16px 0 0 0; background: url(../images/javascript_software/content_right.png) 100% repeat-y; color: #eeeeee; }
/* height cannot be changed in IE6/Win? */
.bottom { position: relative; height: 15px; margin: -3px 16px; background: url(../images/javascript_software/content_bottom.png) 100% 100% repeat-x; }
/* IE hacks - fixes attributes, the following IE cannot see */
* > .right  { margin: 20px 0 0 0; }
* > .bottom  { margin: 0 16px; }
/* Headers */
.sb0 h1 { font-size: 30px; font-weight: bold; display: block; }
.sb0 h2 { font-size: 19px; font-weight: bold; display: block; }

/* Links */
a:link, a:active, a:visited, a:hover
{
	color: #f0f0f0;
	text-decoration: underline;
	background-color: transparent;
}
a:hover
{
	color: #ddddff;
	text-decoration: none;
	background-color: #6666aa;
}

/* Initially hide WebDDM menu */
#webddm_menu { visibility: hidden; height: 0; }