html, body 
{
	height: 100%;
}

body
{
	margin: 0;
	padding: 0;
	font-size: small;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color: #999999;
	color: #282222;
	line-height: 140%;
}

ul, ol, li, a, div 
{
	margin: 0;
	padding: 0;
}

ul 
{
	list-style: none;
}

h1 {
	font-size:140%;
	color:#ED1B24;
	}

h2 {
	font-size:115%;
	}

a 
{
	text-decoration: none;
	color: #282222;
}

a:hover 
{
	text-decoration: underline;
}

a img 
{
	border: none;
}

.glossary {
	border-bottom:dashed 1px;
	cursor:help;
	}

.flushtop {
	margin-top:0;
	padding-top:0;
	}

#container 
{
	height: 100%;
	margin: 0 auto;
	max-width: 1280px;
	position:relative;
}

#isIE_version_LTE6 #container 
{
	width: 960px;
}

#nofooter 
{
	position: relative;
	min-height: 100%;
	background: #eaeaea url(images/sce/css/int_rightbanner_bkg.gif) repeat-y right;
	min-width: 940px;
	border-left: 1px solid black;
}

#isIE_version_LTE6 #nofooter 
{
	height: 100%;
}

#sidebanner 
{
	float: right;
	width: 160px;
}

#page 
{
	border-top: 1px solid black;
	margin-right: 160px;
	padding-bottom: 40px;
}

#isIE_version_LTE6 #page {
	width:796px;
	}

#header 
{
	height: 110px;
}

#header #topbar 
{
	width: 100%;
	height: 10px;
	line-height: 10px;
}

#header #topbar .col1 
{
	float: left;
	width: 280px;
	height: 10px;
	background-color: #ed1b24;
}

#header #topbar .col2 
{
	margin-left: 280px;
	height: 10px;
	background-color: #727272;
}

#header .navbar 
{
	height: 74px;
	background-color: #282222;
}

#header .navbar .col1 
{
	float: left;
	width: 280px;
	height: 74px;
	background: url(images/sce/css/h50w1red.gif) bottom right no-repeat;
}

#header .navbar .col1 form 
{
	margin-top: 40px;
	margin-left: 10px;
	margin-bottom:0;
	width:260px;
	background-image: url(images/sce/texts/search.gif);
	background-repeat: no-repeat;
	background-position: 0 50%;
}

#isIE_version_LTE6 #header .navbar .col1 form {
	margin-top:36px;
	}

#header .navbar .col1 form #keywords 
{
	margin-left: 60px;
}

#isIE_version_LTE6 #header .navbar .col1 form #keywords {
	width:120px;
	}

#header .navbar .col2 
{
	margin-left: 280px;
}

.menu 
{
	float: right;
	}
	
.menu li 
{
	float: left;
	height: 74px;
	background: url(images/sce/css/h50w1red.gif) no-repeat bottom right;
}

.menu #nav_contact 
{
	background-image: none;
}

.menu #nav_home a
{
	width: 70px;
	background-image: url(images/sce/css/nav_home.gif);
}

.menu #nav_about a
{
	width: 74px;
	background-image: url(images/sce/css/nav_about.gif);
}

.menu #nav_web a
{
	width: 68px;
	background-image: url(images/sce/css/nav_web.gif);
}

.menu #nav_opensites a
{
	width: 103px;
	background-image: url(images/sce/css/nav_opensites.gif);
}

.menu #nav_contact a
{
	width: 86px;
	background-image: url(images/sce/css/nav_contact.gif);
}

.menu a 
{
	display: block;
	height: 74px;
	background-position: center 0px;
	background-repeat: no-repeat;
	text-align: right;
}

.menu a:hover 
{
	background-position: center -74px;
}

#portfolio .capsule {
	background-color:#EAEAEA;
	float:left;
	font-size:90%;
	border-bottom:none;
	}

#portfolio .capsule .imagecontainer {
	float:none;
	height:108px;
	}

#portfolio .capsule .textcontent {
	padding-left:0;
	padding-right:0;
	}

#portfolio .capsule .textcontent h3 {
	margin-bottom:2px;
	font-size:100%;
	}

#footer {
	position: relative;
	margin: -40px auto 0 auto;
	height: 40px;
	border-left: 1px solid black;
	min-width: 940px;
}

#footercontent 
{
	height: 39px;
	background: white url(images/sce/css/int_rightbanner_bkg.gif) repeat-y right;
	border-bottom: 1px solid black;
}

#footer p 
{
	margin: 0 0 0 20px;
	font-size: 80%;
	line-height: 40px;
}

#pagebody 
{
	width: 100%;
	padding-bottom:40px;
}

#pagebody .col2 
{
	margin-left:290px;
/*		width:850px										Compress content for editing in Dreamweaver Layout View only */
}

#pagebody .columnsubwrapper 
{
	margin: 0 30px;
}

#pagebody .col2 .columnsbwrapper 
{
	margin-left: 20px;
}

#pagebody .col2 a {
	color:#282222;
	text-decoration:underline;
	}

#pagebody .col2 a:hover {
	text-decoration:none;
	color:#ED1B24;}

#pagebody .col1 
{
	width: 280px;
	position:relative;
	float:left;
}

#pagebody .col1 .columnsubwrapper 
{
	margin-right:20px;
	}

#pagebody .col1withsubnav .columnsubwrapper 
{
	margin: 0;
	border-right:1px solid #ED1B24;
	position:relative;
	top:-26px;
	}

#pagebody ul.arrowlist li 
{
	background-image: url(images/sce/css/list-arrow-red.gif);
	background-position: left .15em;
	background-repeat: no-repeat;
	margin-bottom: 0.8em;
	padding-left: 1.5em;
}

.subnav {
	position:relative;
	top:-26px;
	}

.subnav ul {
	border-top:5px solid #ed1b24;
	}

.subnav li {
	background-color:#727272;
	border-right: 1px solid #ed1b24;
	border-bottom: 1px solid #ed1b24;
	padding:5px 10px;
	}

.subnav li.current {
	background-color:#ed1b24;
	border-right:none;
	}

#pagebody .subnav li a {
	color:white;
	font-weight:bold;
	display:block;
	}

#pagebody .subnav li.current a {
	}

#pagebody .subnav li.current a:hover {
	text-decoration:none;
	cursor:default;
	}

.section .title 
{
	background-image: url(images/sce/css/1px_red.gif);
	background-repeat: repeat-x;
	background-position: bottom;
	margin-bottom: 10px;
}

.section .title img 
{
	margin-bottom: -1px;
	padding-right: 5px;
	background-color: #eaeaea;
}

.capsule 
{
	float: left;
	width: 100%;
	margin-bottom: 5px;
}

#isIE_version_LTE6 .page_home .capsule {
	width:99%;
	}

a img {
	border:1px solid #EAEAEA;
	}

a:hover img {
	border-color:#ED1B24;
	}

.capsule .imagecontainer 
{
	float: left;
}

.capsule .textcontent 
{
	padding: 5px 20px;
}

a:hover .capsule .textcontent 
{
	text-decoration: none;
}

.col2 .capsule {
	border-bottom:1px solid white;
	margin-bottom:10px;
	}

.col2 a .capsule 
{
	background-color: white;
	border: #aeaeae 1px solid;
}

.col2  a .capsule img {
	border:none;
	}

.capsule .textcontent h3 
{
	margin-top: 0;
	margin-bottom: 5px;
}

.col1 #news .capsule .textcontent {
	padding-left:0;
	padding-right:0;
	}

.col1 .capsule .textcontent h3 
{
	font-size: 100%;
	margin-bottom: 0;
}

#isIE_version_7 .col1 .capsule .textcontent h3 
{
	font-size: 95%;
}

.col1 .capsule .textcontent p 
{
	margin-top: 5px;
	margin-bottom: 5px;
}

.capsule .textcontent li 
{
	margin-bottom: 2px;
}

.col1 .capsule 
{
	border-bottom: 1px solid white;
	font-size: 90%;
	margin-bottom: 10px;
}

.col1withsubnav .capsule 
{
	border-bottom:1px solid #ED1B24;
	padding-bottom:10px;
	float:none;
}

.summary_right {
	border: 1px solid #ABABAB;
	float: right;
	width: 190px;
	margin-left: 9px;
	padding: 0 9px;
	background-color: #CDCDCD;
	}

.summary_right h2 {
	color:#ED1B24;
	}

#isIE_version_7 .summary_right {
	padding:9px;
	}
	

/* Screenshots */
div.screenshot {
	text-align:center;
	margin:20px 0;
	}

div.screenshot a span.caption {
	color:#282222;
	}

div.screenshot a:hover span.caption {
	color:#ED1B24;
	text-decoration:none;
	}

div.screenshot a img {
	border-color:#005D88;
	}

div.screenshot a:hover img {
	border-color:#ED1B24;
	}

div.screenshot a span.caption {
	display:block;
	}

/* Modules list */

.moduleslist {
	background-color:white;
	border:1px solid #ED1B24;
	float:left;
	width:100%;	
	margin-bottom:10px;
	font-size:95%;
	}

#isIE_version_LTE6 .moduleslist {
	width:444px;
	font-size:85%;
	line-height:130%;
	}

.moduleslist .category {
	background-color:#727272;
	}

.moduleslist .category h2 {
	color:white;
	font-weight:bold;
	padding:5px 10px;
	margin:0;
	font-size:100%;
	}

.modules2cols, .modules3cols, .modules3cols .innercontainer {
	background-image:url(images/SCE/CSS/1px_red.gif);
	background-position:center top;
	background-repeat:repeat-y;
	float:left;
	width:100%;
	}

.moduleslist .rowcontainer {
	border-top:1px solid #ED1B24;
	float:left;
	width:100%;
	}

.modules2cols .module {
	float:left;
	width:50%;
	}

.modules3cols {
	background-position:33% top;
	}

.modules3cols .innercontainer {
	background-position:66%;
	}

.modules3cols .module {
	float:left;
	width:33%;
	}

#isIE_version_LTE6 .modules3cols .module {
	width:32%;
	}

.module .name {
	float:left;
	font-weight:bold;
	padding:5px 10px 0 10px;
	width:90%;
	}

.module .description {
	float:left;
	padding:0px 10px 5px 10px;
	}


/* PRICE LIST */

table#pricelist {
	border:1px solid #ed1b24;
	background-color:white;
	font-size:95%;
	}

#isIE_version_7 {
	font-size:90%;
	}
	
#pricelist th, #pricelist td {
	padding:2px 10px;
	vertical-align:top;
	text-align:left;
	}

#pricelist td.tblcol1 {
	padding-left:25px;
	}

#pricelist .category td.tblcol1 {
	padding-left:10px;
	}

#pricelist .category td.tblcol1 .details {
	padding-left:15px;
	}

#pricelist th {
	background-color:#727272;
	color:white;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px
	}

#pricelist td {
	border-top:1px solid #CCCCCC;
	}

/*
#pricelist .alternate td {
	background-color:#EFEFEF;
	}
*/

#pricelist .heading th {
	background-color:#ED1B24;
	}

#pricelist th .alltitle {
	display:block;
	float:left;
	text-align:left;
	}

#pricelist th .maintitle {
	font-size:130%;
	}

#pricelist th .subtitle {
	font-size:110%;
	display:block;
	padding-top:5px;
	}
	
#pricelist th .downloadlink {
	font-size:85%;
	text-align:right;
	}

#pricelist th .downloadlink a {
	color:white;
	}

#pricelist th .downloadlink a:hover {
	color:#282222;
	}

#pricelist tr.category td {
	border-top:2px solid #727272;
	}

#pricelist tr.category td.tblcol1 {
	font-weight:bold;
	}

#pricelist tr.category td.tblcol1 .details {
	font-weight:normal;
	display:block;
	}

#pricelist tr.category span.wow {
	color: #ED1B24;
	font-weight:bold;
	font-size:110%;
	}
	
#pricelist th.tblcol1, #pricelist td.tblcol1 {
	width:60%;
	}

#pricelist th.tblcol2, #pricelist td.tblcol2 {
	border-left:1px solid #565656;
	border-right: 1px solid #565656;
/*	width:7em;
*/	text-align:center;
	}

#pricelist td.tblcol2 {
	border-right-color:#727272;
	border-left-color:#727272;
	vertical-align:middle;
	}

#pricelist td.tblcol3 {
	vertical-align:middle;
	}

#pricelist th.tblcol3, #pricelist td.tblcol3 {
	text-align:center;
/*	width:7em;
*/	}

#pricelist span.description {
	display:block;
	font-size:85%;
	font-style:italic;
	line-height:135%;
	}

#pricelist span.noteref {
	position:relative;
	top:-5px;
	font-size:80%;
	}

#pricelist tr.note td {
	font-size:85%;
	vertical-align:top;
	padding-left:10px;
	}

#pricelist tr.note span.noteref {
	top:0;
	font-size:inherit;
	display:block;
	float:left;
	width:2em;
	}

#pricelist tr.note span.notetext {
	display:block;
	padding-left:2em;
	}

/* Login Form etc */

#loginarea label {
	width:60pt;
	display:block;
	float:left;
	}

#loginarea form {
	margin:5px 0 0 0;
	}

#loginarea input {
	width:140px;
	}

#loginarea div.button input {
	margin-left:60pt;
	margin-top:3px;
	width:145px;
	}

h3 
{
	font-size: 110%;
}

.offpage 
{
	float: left;
	margin-left: -2000px;
}

.capsule .imgW100 .textcontent 
{
	margin-left: 100px;
}

#isIE_version_7 .section .title img 
{
	margin-bottom: -4px;
}

#pagebody a 
{
	color: #ed1b24;
}

#pagebody #welcome a 
{
	color: #282222;
}

a:hover .capsule 
{
	cursor: pointer;
	border: 1px solid #ed1b24;
	text-decoration: none;
}

.separator 
{
	clear: left;
	padding: 0px;
	font-size: 0.5px;
}

.form_data 
{
	float: left;
	text-align: left;
	margin-top: 2px;
}

.form_element 
{
	width: 150px;
	float:left;
	margin: 1px 1px 1px 5px;
}

.menu li.main_current a
{
	background-position: center -148px;
}

/* Registration Form */

.reg_fieldset {
	border: 1px solid #ABABAB;
	margin-right:225px;
	}

#OSRegister td.label {
	width:20em;
	}

/* Pop-Over for Screenshots etc */

.popoverOn {
	position: absolute;
	min-height:100%;
	width:100%;
	z-index:110;
	top:0;
	left:0;
	}

.popoverOff {
	display:none;
	}

.overlayOff {
	display:none;
	}

.overlayOn {
	position:absolute;
	z-index:100;
	min-height:100%;
	width:100%;
  background-color:#575757;
	opacity: 0.9;
	filter:alpha(opacity=90);
	}

#imageframe {
	background-color:black;
	width:980px;
	height:755px;
	margin: 10px auto 10px auto;					/* Note: top margin gets overwritten by Javascript when page is scrolled. */
	position:relative;
	}

#toclose {
	width:980px;
	text-align:center;
	position:absolute;
	top:7px;
	color:white;
	font-weight:bold;
	}

#popover #imageframe img {
	margin:35px 20px 20px 20px;
	width:940px;
	height:700px;
	}

/*  Browser Incompatible message for ID6 */

#incompatible {
	background-color:#FFFF55;
	color:#0000FF;
	border:1px solid #0000FF;
	margin:10px 0;
	padding:5px 10px 0 10px;
	line-height:130%;
	}

#incompatible ul {
	font-size:95%;
	line-height:100%;
	}

#incompatible ul li span {
	float:left;
	width:200pt;
	}

#pagebody #incompatible ul li a {
	color:#0000FF;
	}

/* Rules for Social Bookmarks */

	#socialBookMarks {
		border: 1px solid #727272;
		padding:5pt;
		}
	
	#socialBookMarks h3 {
		font-size:90%;
		margin:0;
		}
	
	#socialBookMarks p {
		margin:0;
		text-align:right;
		font-size:85%;
		}
	
	#social ul {
		margin: 5pt 0;
		}
			
	#social ul li {
		display:inline;
		}
	
	#social ul li a {
		padding: 0 30px 0 20px;
		text-align:center;
		background-repeat:no-repeat;
		}

	#social ul li.bm_delicious a {
		background-image:url(../images/SCE/CSS/bm_delicious.gif);
		}

	#social ul li.bm_digg a {
		background-image:url(../images/SCE/CSS/bm_digg.gif);
		}

	#social ul li.bm_reddit a {
		background-image:url(../images/SCE/CSS/bm_reddit.gif);
		}

	#social ul li.bm_facebook a {
		background-image:url(../images/SCE/CSS/bm_facebook.gif);
		}

	#social ul li.bm_stumbleupon a {
		background-image:url(../images/SCE/CSS/bm_stumbleupon.gif);
		}

	#isIE_version_LTE6 #socialBookMarks {
		}

	#isIE_version_LTE6 #social ul li {
		display:block;
		float:left;
		}

		
/* Style adjustments for Popups */

body.popup #header {
	height:30px;
	}

body.popup #header #topbar .col1 
{
	width: 35%;
}

body.popup #header #topbar .col2 
{
	margin-left: 35%;
}

body.popup #isIE_version_LTE6 #container 
{
	width:auto;
}

body.popup #nofooter, body.popup #footer
{
	min-width: 200px;
}

body.popup #container #page a {
	color:#282222;
	text-decoration:underline;
	}

body.popup #container #page a:hover {
	color:#ED1B24;
	text-decoration:none;
	}