* {
	outline:none !important;
}

body {
	height:100%;
	margin:0;
	padding:0;
	font-family:Lucida Sans,Lucida Grande,Arial !important;
	font-size: 12px !important;
	background:white;
	color: #333;
}

body.claro {
	font-family:Lucida Sans,Lucida Grande,Arial !important;
}

/*-----------------------------------------------
	SH. Site Header (generic)
-----------------------------------------------*/
#upperMenu {
	background:black;
	height:2.4em;
	}
	
#header {
	margin:0;
	padding:0;
	background:#142A38 url(../images/header/header.png) repeat-x scroll center top;
	border-bottom:3px solid #0099CC;
	-moz-box-shadow:-3px 0 3px #000;
	-webkit-box-shadow:-3px 0 3px #000;
	box-shadow:-3px 0 3px #000;
	width:100%;
	display:table;
}
	#header .container {
		width:960px;
		height:7.3em;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		position:relative;
	}
	
	#header .menuContainer {
		width:960px;
		text-align:left;
		margin-left:auto;
		margin-right:auto;
		position:relative;		
	}
	
	/*-----------------------------------------------
		SHL. Site Header - Logo
	-----------------------------------------------*/
	#header #logo {
		display:inline-block;
		position:absolute;
		font-size:1em;
		line-height:1.65em;
		font-weight:bold;
		margin:0;
	}
		#header #logo a {
			color:#fff;
			text-decoration:none;
			padding-top:0.7em;
			display:block;
			margin-top:10;
		}
			#header #logo a img {
				padding:0;
				border:medium none;
			}
	
	/*-----------------------------------------------
		SHN. Site Header - Navigation
	-----------------------------------------------*/
	#upperMenu .menuContainer ul {
		position:absolute;
		right:10px; /* Changed from 150 by JG 3/2/2011 */
		margin:0 0 0 0;
		margin-top:0.8em;
		padding:0 0 0 0;//11.55em;
	}	
	
		#upperMenu .menuContainer ul li {
			list-style:none;
			display:inline;
		}
			#upperMenu .menuContainer ul li a {
				margin:0 0 0 0.5825em;
				padding:0 0.76em;
				display:block;
				float:left;
				font-size:0.8em;
				font-weight:400;
				line-height:1.5em;
				text-decoration:none;
				letter-spacing:-0.0035em;
			}
			
			/*#upperMenu .menuContainer ul li a:link,
			#upperMenu .menuContainer ul li a:visited,*/
			#upperMenu .menuContainer ul li a:hover,
			#upperMenu .menuContainer ul li a:active {
				color:blue;
			}
			    	
			#upperMenu .menuContainer ul li a:hover {
				border-bottom:1px solid #0099CC;
				color:#fff;
			}
			
			#upperMenu .menuContainer ul li.active a {
				font-weight:bold;
				border-bottom:2px solid #0099CC;
			}
			
	#header ul {
		position:absolute;
		right:10px; /* Changed from 150 by JG 3/2/2011 */
		margin:3.9em 0 0 0;
		padding:0 0 0 11.55em;
	}
		#header ul li {
			list-style:none;
			display:inline;
		}
			#header ul li a {
				margin:0 0 0 0.5825em;
				padding:0 0.76em;
				display:block;
				float:left;
				color:#fff;
				font-size:1.15em;
				font-weight:400;
				line-height:1.5em;
				text-decoration:none;
				letter-spacing:-0.0035em;
			}
			
			#header ul li a:link,
			#header ul li a:visited,
			#header ul li a:hover,
			#header ul li a:active {
				color:#fff;
			}
			    	
			#header ul li a:hover {
				border-bottom:2px solid #0099CC;
			}
			
			#header ul li.active a {
				font-weight:bold;
				border-bottom:2px solid #0099CC;
			}
	
			#upperMenu .menuContainer ul li a {
				color:#ebebe9
			}
			
	/*-----------------------------------------------
		SHS. Site Header - Search
	-----------------------------------------------*/
	#header form {
		position:absolute;
		right:0px;
		margin-top:3.5em;
	}
		#header form span {
			display:block;
			background:transparent url(../images/header/search.gif) no-repeat scroll 0 0;
			height:25px;
			width:178px;
		}
		
		#header form input {
			background:transparent;
			border:medium none;
			margin-top:5px;
			padding-left:14px;
			width:150px;
			outline:none;
			
		}
		
		#header form label, #header form button {
			display:none;
		}


		/*===============================================
		  Description:
		    The typography for the dojotoolkit website, 
		    includes all base styles.
		===============================================*/
		

		h1, h2, h3, h4, h5, h6,
		p, blockquote, code, pre, 
		div, form, table {
			vertical-align: baseline;
		}


		.accessibility {
			display: none;
			visibility: visible;
		}

		hr {
			height: 1px;
			width: auto;
			border: medium none;
			background: #DDDDDD;
			margin: 10px 0;
		}

		em, i {font-style: italic;}
		strong, b {font-weight: bold;}

		h1, h2, h3, h4, h5, h6 {
			font-weight: normal;
			color: #333333;
			clear: both;
		}

		#main h1, h1 {
			font-family: Futura, "Century Gothic", AppleGothic, sans-serif;
			font-size: 28px !important;
			line-height: 120%;
			margin: 0 0 18px 0 !important;
			clear: none;
			display: inline;
		}

		h2 {
			font-size: 20px;
			line-height: 120%;
			margin: 33px 0 10px 0;
			color:#cc0000;
		}


		h2 em {
			color:#333;
			font-style:normal;
		}

		h3 {
			font-size: 16px;
			color: #CC0000;
			line-height: 120%;
			margin: 40px 0 10px 0;
		}

		h4 {
			font-size: 14px;
			font-weight: bold;
			line-height: 120%;
			margin: 37px 0 10px 0;
		}

		p, ol, ul, dl {
			font-size: 12px;
			color: #555;
			line-height: 125%;
			margin: 0 0 12px;
		}

		ol, ul {
			margin: 0 0 12px 40px;
			padding: 0px;
			-moz-padding-start: 0px;
		}

		ol {
			list-style-type: decimal;
			list-style-position: outside;
		}

		ul {
			list-style-type: disc;
			list-style-position: outside;
		}

		dl {
			margin: 0 0 12px 0;
		}
			dl dt {
				font-weight: bold;
			}
			dl dd {
				margin: 0 0 0 40px;
				padding: 0px;
				-moz-padding-start: 0px;
			}

		pre, code {
			font-family: "Lucida Grande", "Lucida Sans", Geneva, verdana, san-serif;
		}
			pre {
				margin: 12px 0;
				padding: 6px 9px 7px;
				font-size: 11px;
				border: 1px solid #CCCCCC;
				background: #FFFFEB;
				color: #555;
			}

			code {
			}

		object, video {
			margin: 12px 0 12px;
		}

		a, a:link {
			color: #005197;
			text-decoration: none;
		}
		a:active, a:visited {
			color: #140586;
		}
		a:hover, a:focus {
			text-decoration: underline;
		}

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



		/**
		 * Common
		 */
		.displayNone, .hide {
			display: none;
		}

		/**
		 * Main layout
		 */
		html {
			height: 100%;
			width: 100%;
		}

		
		.accessibility {
			font-size:1px;
			position:absolute;
			top:-9999px;
			padding: 1em 0;
			text-align:center;
		}

		#page {
			position: relative;
		}

		/**
		 * Outer layout grid
		 */

		.innerBox {
			/*
			 * summary: used within head, foot, ... to center the outer box.
			 */
			width: 960px;
			margin: 0 auto;
			padding: 0;
			position: relative;
		}
		
		.homePage #header ul .purchase a,
		.successfulRegistrationPage #header ul .purchase a,
		.purchasePage #header ul .purchase a,
		.tourPage #header ul .tour a,
		.tourRestorePage #header ul .tour a,
		.templatePage #header ul .template a,
		.supportPage #header ul .support a,
		.signUpPage #header ul .signUp a,
		.aboutPage #header ul .about a,
		.downloadPage #header ul .download a,
		.contactPage #header ul .community a,
		.clientLoginPage #header ul .clientLogin a,
		.privacyPolicyPage #header ul .privacyPolicy a,
		.pricingPage #header ul .pricing a {
			font-weight:bold;
			border-bottom:2px solid #0099CC;
		}
		
		.accountDetailsPage,
		.homePage,
		.successfulRegistrationPage,
		.purchasePage,
		.tourPage,
		.tourRestorePage,
		.templatePage,
		.supportPage,
		.signUpPage,
		.aboutPage,
		.downloadPage,
		.contactPage,
		.clientLoginPage,
		.privacyPolicyPage,
		.pricingPage {
			min-height: 100%;
			height: auto !important;
			height: 100%;
			margin: 0 auto -50px;
			}

		/**
		 * Header
		 */
		.highlightHead {
			padding:0;
			margin: 0 0 0.5em 0;
			background:#E9E9E9;
			border:1px solid #DDDDDD;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			padding:0.35em 1em;
			font-size:14px;
			color:black;
			font-weight:bold;
			line-height:120%;
		}

		/*-----------------------------------------------
			The styles for the subnavigational elements.
		-----------------------------------------------*/
		.subnav {
			list-style: none;
			margin: 6px 0 0 0;
			padding: 0;
			float: left;
		}
			.subnav li {
				font-size: 12px;
				line-height: 14px;
				height: 26px;
				display: inline;
			}
				.subnav li a {
					display:inline;
					float: left;
					margin: 0 8px 0 0;
					text-decoration: none;
					color: #004fb1;
					height: 26px;
		  	}
					.subnav li a span {
						display: block;
						padding: 4px 12px 8px 0;
						margin: 0 0 0 12px;
					}

				.subnav li.active a,
				.subnav li a:hover {
					color: #050b10;
					background: url("images/subnav_sprite.png") 0px -27px no-repeat;
				}
					.subnav li.active a span,
					.subnav li a:hover span {
						background: url("images/subnav_sprite.png") top right no-repeat;
					}
				.subnav a#current{
					color: #050b10;
					background: url("images/subnav_sprite.png") no-repeat top right;
					background: url("images/subnav_sprite.png") no-repeat 0px -27px;
				}


		/**
		 * Lists
		 */
		.defaultList {
			margin:0.5em 0 0 1.5em;
		}

		.defaultList li {
			list-style-type:none;
			padding:0.6em 0;
		}


		.homePage #intro {
		    background: url(images/homeHeaderBg.gif) no-repeat center top;
				margin-top:2px;
		}

		.homePage #intro .line {

		        padding:35px 0 22px 275px;
		    }

		.homePage #intro .firstUnit {

		    }

		#main {
			padding: 0px 0px;
		}

			#main .firstUnit {

			}

			#main .sidebar .mod {
				margin-bottom: 20px;
			}

			#main .sidebar h1 {
				padding-bottom:10px;
			}

		.spacer {
			padding-right: 65px;
		}

		.rightUnitSpacer {
			margin-right: 2em;
		}

		.leftUnitSpacer {
			margin-left: 2em;
		}

		#foot {
			height: 24px;
			left: 0px;
			color: #333;
			font-size: 0.8em;
			padding-top: 13px;
			border-top:1px solid #ccc;
		}

		/**
		 * main content
		 */
		#contentLeft {
			float: left;
			width: 575px;
			padding-right: 20px;
			position: relative;
			background: url(../images/sepLrg.gif) no-repeat right 30px;
		}

		#contentNavRight {
			float: right;
			width: 250px;
		}

		#contentRight {
			float: right;
			width: 655px;
			position: relative;
		}

		#contentNavLeft {
			float: left;
			width: 180px;
			background: url(../images/sepLrg.gif) no-repeat right 30px;
			padding-right: 10px;
		}


		.sidebar h4 {
			padding:0;
			margin:0;
			background:#E9E9E9;
			border:1px solid #DDDDDD;
			-webkit-border-radius:6px;
			-moz-border-radius:6px;
			padding:0.35em 1em;
		}


		.sidebar ul {
			margin:10px 0;
			padding-left:15px;
		}

		.sidebar ul li {
			list-style-type:none;
			padding:0.3em 0;
		}

		/* reference:
		 *	 http://www.positioniseverything.net/easyclearing.html
		 *	 http://www.zeldman.com/2006/10/27/ie7fixes1/
		 *		comment by michael on 10/28/2006
		 */
		.clearfix {
			min-height: 1%;
		}

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

		
		/*
		 * Copied from Object Oriented CSS
		 * by stubbornella
		 */
		/* **************** GRIDS ***************** */
		.line, .lastUnit {overflow: hidden; _overflow: visible; zoom:1;width:auto !important;}
		.unit{float:left;zoom:1;}
		.size1of1{float:none;}
		.size1of2{width:50%;_width:49.9% !important;}
		.size1of3{width:33.33333%;_width:33.25% !important;}
		.size2of3{width:66.66666%;_width:66.65% !important;}
		.size1of4{width:25%;_width:24.95% !important;}
		.size3of4{width:75%;_width:74.95% !important;}
		.size1of5{width:20%;_width:19.95% !important;}
		.size2of5{width:40%;_width:39.95% !important;}
		.size3of5{width:60%;_width:59.95% !important;}
		.size4of5{width:80%;_width:79.95% !important;}
		.lastUnit {float:none;_float:right;}
		
		/**
		 * General inline styles
		 */

		#main h1 {
		    margin: 0 0 25px 0;
		
		}

		h4.icon {
		    padding: 4px 0 0 27px;
		}

		table th {
		    background-color:#DDDDDD;
		    font-size:11px;
		    padding:0.6em;
		}

		table td {
		    border-collapse:collapse;
		    border:1px solid #FFFFFF;
		    border-width:0 1px 1px 0;
		    font-size:11px;
		    padding:0.6em;
		}


		.pageTitleContainer {
			padding:0em 0 1.5em 0;
			border-bottom:1px solid #ccc;
			margin-bottom:2em;
			margin-top:35px;

		}

		.dj_ie .pageTitleContainer {
			position:relative;
			height:25px;
		}

		.dj_ie .pageTitleContainer h1 {
			position:absolute;
			left:0;
		}

		/**
		 * text
		 */
		.notice {
		    color: #e52b00;
		}

		/* special style for inlined images */
		img.inlined {
			border: 1px solid #ccc;
			padding: 2px;
			margin: 12px 0 12px;
		}

		a img {
		    border: none;
		}

		inputWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWWW {
		    color:#666666;
		    font-style:italic;
		}

		/* intro text styles */
		.introText {
		    font-size:2.5em;
		    color:#1BA6DF;
		    font-weight:bold;
			margin:0;
			padding:0;
			position:relative;
			top:-5px;
		}

		.introText em, h1 em {
			font-style:normal;
			color:#196daa;
		}

		.introSubText {
			width:70%;
		    font-size:1.15em;
		    color:#666666;
		    padding-bottom:20px;
			line-height:1.76em;
			font-weight:normal;
			padding-top:0;
			margin-top:0px;
			position:relative;
		}

		.introSubText img {
			display:block;
			margin-top:18px;
		}

		.homePage .version {
			width:200px;
			height:200px;
			position:absolute;
			left:2px;
			top:1px;
		}

		.homePage .version h1 {
			font-size:100px !important;
			font-style: italic;
			color:#fff;
			font-family:"Georgia", "Lucida Grande", "Arial", "Helvetica", sans-serif;
			padding:0;
			margin:0;
		}

		.homePage .version span {
			font-size:14px;
			display:block;
			text-align:center;
			position:relative;
			left:5px;
			top:0px;
			color:#fff;
			width:120px;
		}

		.companiesStrip {
			background:#0B8CD4 url("images/companiesStripBg.gif") repeat-x bottom left;
			height:37px;
			margin-bottom:5px;
		}

		.companiesStrip img {
			vertical-align:middle;
			margin-right:10px;
		}

		.featuresGrid {
			margin-top:15px;
			margin-bottom:5px;
			clear:left;
		}
		
		.homePage h2 {
			margin: 3px 0 10px 0;
			}
			
		.tourContent h2, .tourContent h2 a:link, .tourContent h2 a:visited 
		.featuresGrid h2, .featuresGrid h2 a:link, .featuresGrid h2 a:visited {
			margin-top:0px;
			margin-bottom:3px;
			padding:0;
			font-size:15px;
			color:#cc0000;
		}

		.featuresGrid .iconContainer {
			width:75px !important;
			padding:0 10px;
		}


		/* downloads */
		.downloadInfo li ul {
		  list-style:none;
		  margin-right:18px;
		  padding-left:30px;
		}

		ul.downloadInfo {
			padding-left:10px;
			margin-left:0;
			clear:left;
		}
		
		.codeSample textarea {
			background:none;
			border:0;
			width:95%;
			height:90px;
			font-size:11px;
		}

		.downloadInfo ul.inlineList {
		  margin: 15px 0 10px 0;
		  padding:0;
		  padding-left:0;
		  font-size:1.2em;
		}

		.downloadInfo ul.inlineList li img {
			margin-right:7px;
		}

		.downloadInfo ul.inlineList li {

		}

		.downloadInfo li ul li {
		  float:left;
		  padding-right:8px;
		}


		/* Temp TYPE rules */


		.codeSample {
			border:1px solid #ccc;
			background:#ffffeb;
			padding:5px;
			margin-top:8px;
		}


		/*  Download Page Styling */
		.buttonShelf {
			margin:50px 0 35px 0;
			background:url("../images/buttonShelf.png") no-repeat 50% 100%;
			height:115px;
			text-align:center;
		}

		.buttonShelf a:link img, .buttonShelf a:visited img {
			border:none;
			margin:0 15px;
		}

		#popularSolutions {
			margin-top:15px;
			/border-bottom:1px solid #ccc;
		}

		#popularSolutions strong {
			color:#999999;
		}

		#popularSolutions ul {
			margin:5px 0 20px 15px;
		}


		#popularSolutions ul li {
			list-style-type:none;
			padding:0.4em 0;
			margin:0;
		}

		#popularSolutions .unit {
			padding-left:0px;
		}

		#books a {
			margin-right:15px;
		}

		#books img {
			width:98px;
		}

		/* Comments */
		.commentsTitle {
			border-top:1px dotted #ddd;
			padding-top:20px;
			padding-bottom:10px;
			font-size:16px;
			color:#cc0000;
			font-weight:normal;
		}

		/**
		 * Page specific styling
		 */
		.go {
		    margin-top: 17px;
		}

		.headerLink {
			font-size:10px;
			padding-left:1em;
		}

		.navTab {
			list-style: none;
			margin: 0;
			padding: 4px;
			border-bottom: 1px solid #ccc;
			margin-bottom: 20px;
		}

		.navTab li {
			display: inline;
			border: 1px solid #ccc;
			padding: 5px 10px;
			background: #e3e3e3;
			color: #333;
			cursor: pointer;
		}

		.navTab li.active {
			background: white;
			border-bottom: 1px solid white;
			text-decoration: underline;
		}

		.downloadPage .downloadInfo {
			list-style: none;
		}

		.downloadPage .downloadInfo hr {
			margin-bottom: 15px;
		}

		.downloadInfo li strong {
			font-size:11px;
			font-weight:bold;
			color:#333;
			margin-right:5px;
		}
		

		.downloadPage .help {
			border: 1px solid #ccc;
			padding: 10px;
			margin: 10px 10px 30px 0px;
			background:#F5FFFE;
		}

		.downloadPage .info {
			padding: 0px;
			margin: 15px 0px;
			
		}
		
		.downloadPage .sidebar .info {
			font-size:11px;
			margin:5px 0;
			padding:5px 5px;
		}

		.downloadPage .help img {
			float: left;
			margin: 5px 8px 5px 0;
		}

		.downloadPage .help p {
			margin-bottom: 0;
		}

		.downloadPage #content img {
			vertical-align: middle;
		}

		.downloadPage div.group {
			clear: left;
		}

		.downloadPage div.group h1 {
			margin: 0 0 5px 0 !important; /* <- NEED TO GET RID OF THE IMPORTANT!!!!! */
		}

		.downloadPage hr {
			height: 1px;
			width: 100%;
			margin: 3px 0;
			clear: left;
		}

		.downloadPage div.group .checkbox {
			float: left;
			width: 30%;
			clear: both;
			margin-top: 10px;
		}

		.downloadPage div.group .content {
			float: left;
			width: 70%;
			margin-top: 10px;
		}

		.downloadPage .depHeader {
			float: right;
			font-size: 80%;
		}

		.downloadPage .depFooter {
			float: right;
			clear: left;
			font-size: 80%;
			margin-top: 8px;
		}

		.downloadPage .depWarning {
		    vertical-align: middle;
		}

		.dijitTooltip {
		    padding-left: 0px !important;
		    padding-right: 0px !important;
		}

		.dijitTooltipContainer {
		    background: #EEFFCC !important;
		    border: 1px solid #AACC99 !important;
		}

		.dijitTooltipConnector {
		    background: none !important;
		}

		#nabbleforum {
			margin-top:25px;
		}

		#nabbleforum .medium-border-color {
			border:0 !important;
		}


		.homeIntro {
			margin-left: 200px;
			height:195px;
		}
		
		.homeIntro .browsers {
			position:absolute;
			right:-170px;
			bottom:-25px;
		}

		.introSubText {
			height:159px;
			}


		#resultbox {
			border: 3px solid #999;
			background:#fff;
			padding:15px;
			width:420px;
			margin-top:5px;
			margin-bottom:10px;
			color:#000;
			position:absolute;
			right:0;
			z-index:200;
			-webkit-box-shadow:0 0 10px #333;
			-moz-box-shadow:0 0 10px #333;
			outline:none;
		}

		#googlesearch, #sitesearch {
			margin-left:20px;
		}

		#header form span.gs-spacer {
			background:none;
			display:inline;
			width:auto;
			height:auto;
		}

		.googleheader {
			margin:5px 0;
			font-weight:bold;
		} 

		/* Google Style Hacks */
		.gsc-search-box, .gsc-configLabelCell {
			display:none;
		}
		.gsc-control {
			width:100%;
		}

		.gsc-tabHeader {
			display:none;

		} 

		/* Link Colour */
		#resultbox a, .gs-title, .gs-title b {
			font-size:13px;
			font-weight:bold;
			color:#2253AA !important;
		}
		.gs-visibleUrl, .gs-visibleUrl-short {
			color:#666 !important;
		}

		#searchClose {
			text-align:right;
		}

		#searchClose a {
			font-size:10px !important;
			color:#cc0000;
			cursor:pointer;
		}


		#resultbox_underlay {
			opacity:0;
		}
		
.hidden {
	display:none;
}