/* GENERAL STYLES */
/* GENERAL STYLES */
html, body{
	padding: 0px;
	margin: 0px;
	border: none;
}
body {
	/*background: #f6f7f7 url(/img/body_bg.gif) center repeat-y;*/
background: #fff;
	font-family: Arial, Helvetica, sans-serif; color: #333;	
	font-size: 12px;
}

iframe.tourIframe{width: 750px; height: 470px; border: 1px solid white;}
iframe.tourVideoFrame{width: 742px; height: 570px; border: 1px solid white;}


img {border: 0;}

.wrapper{width: 990px !Important; margin: auto; padding: 0px; text-align: left; position: relative}

#umbracoFormNavigation {
	margin: 10px 0; padding-top: 10px; border-top: 1px solid #ccc Important;
}


#faq {
	margin-left: 0;
}

#faq dt {
	font-weight: bold;
}

#faq li {
	margin: 15px 0;
	border-bottom: 1px solid #ccc;
}

#faq dd li {
	border: 0;
}

.toggleList {
	list-style: none;
}

.toggleList li {
	margin: 12px 0;
}

h3.toggleListHead{cursor: pointer;}

.certDevListIcon {
	vertical-align: middle;
}

/* BLOG */
.postmetadata, .postmetadata a {
	color: #d02964;
	margin: 0;
}


.post {
	margin-bottom: 30px;
}


.entry p {
	margin: 5px 0 2px 0;
}


.post h2, .post h2 a {
	font-size: 20px;
	font-weight: bold;
	color: #066808;
}


.post .blogWriter {
	margin-left: 10px;
	color: #6fb138;
}


.post .blogDate {
	margin-left: 10px;
	color: #9fdb6c;
}


.post h2 a {
	text-decoration: none;
}

#twitter a{display: inline !Important; padding: 0px !Important; font-weight: bold;}
#twitter img{float: left; border: 1px solid #ccc; padding: 1px; margin-right: 5px;}

ol.commentlist li{
margin-bottom: 10px;
padding: 10px;
background: #FAFAFA;
display: block;
}

ol.commentlist li small.commentmetadata{display: block; font-size: 10px; padding-bottom: 5px;}
ol.commentlist li small.commentmetadata a{color: #999; display: block;}
ol.commentlist li img.gravatar{float: right; margin: 0px 0xp 10px 10px; border: 1px solid #ccc; padding: 1px; display: block;}





#codegardenBanner{display: block; margin: 20px; margin-top: -20px; margin-bottom: 10px;}


/* LOVE SECTION */
#loveSections {
	margin-bottom: 20px;
}


#loveSections p {
	margin: 0; padding: 0;clear: both;
}


#loveSections ul {
	margin: 15px 20px;
	padding: 10px 5px 10px 20px;	
}




#loveSections div p {
	color: #fff;
	margin: 35px 20px 0 25px;
}


#loveSections a {
	color: #fff;
}


#loveSections ul li {
	line-height: 150%;
}




#editors h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}


#designers h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}


#developers h3 {
	color: #fff;
	font-size: 18px;
	margin: 15px 20px 0 23px;
}


#loveSections div {
	float: left;
	margin: 0 0 0 20px;
	width: 300px;
	height: 230px;
	color: #fff;
}


#loveSections #editors {
	background: url(/img/bgEditors.png) no-repeat;
}


#loveSections #developers {
	background: url(/img/bgDevelopers.png) no-repeat;
}


#loveSections #designers {
	background: url(/img/bgDesigners.png) no-repeat;
}


/*FONTS */
h1, h2, h3, h4, h5, p{font-family: Arial, Helvetica, sans-serif; color: #333;}
a{color: #1A6AB3;}
h1 a, h3 a, h4 a, h5 a{color: #1A6AB3; text-decoration: none;} 
h1 a:hover, h3 a:hover, h4 a:hover, h5 a:hover{text-decoration: underline;} 

p{font-size: 12px; margin-top: 7px; margin-bottom: 15px; color: #333; line-height: 18px}
small{font-size: 11px; color: #5b5b5b;}

em{color: #332e2e; font-style: normal; font-weight: bold;}
h1{font-size: 28px; font-weight: bold;}
h2{font-size: 18px; font-weight: bold; margin-top: 0px;}
h3{font-size: 14px; font-weight: bold;}
h3.pink a{color: #d02964 !Important; padding-right: 20px; text-decoration: underline;}

h3.grey{font-size: 16px; color: #595a5a; font-weight: bold; }
h4.grey{font-size: 14px; color: #595a5a; font-weight: bold; border-bottom: 1px solid #C9C9C9; }
h4.grey a{color: #d02964; font-weight: normal; font-size: 11px; text-decoration: underline; padding-left: 20px; clear: both}

/*featurematrix table*/
table.featureMatrix{font-size: 11px; padding: 0px; margin: 0px; width: 100%;}
table.featureMatrix thead td{border-bottom: 1px solid #fff; padding: 10px; width: 25%; vertical-align: top; 
background: #333; text-align: center; font-size: 13px; font-weight: bold; color: #fff;}
table.featureMatrix thead p{line-height: 11px; color: #fff; margin-top: 0px; font-size: 11px; font-weight: normal; display: block;}

table.featureMatrix tbody td, 
table.featureMatrix tbody th,
table.featureMatrix tfoot td, 
table.featureMatrix tfoot th
{background: #EFEFEF; padding: 7px; color: #333; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}

table.featureMatrix tbody th{width: 200px !Important; text-align: right; font-weight: normal;}
table.featureMatrix tbody td{text-align: center; }

table.featureMatrix tbody td.true{background: #6AAE30; color: #fff; font-weight: bold; font-size: 11px;}

table.featureMatrix tfoot td{text-align: center; font-size: 18px !Important; color: #333; font-weight: bold; padding-top: 10px;}
table.featureMatrix tfoot th{width: 200px !Important; text-align: right; font-weight: normal;}

table.featureMatrix tfoot tr.price td, table.featureMatrix tfoot tr.price th{background: #E0EAEF !Important; font-weight: bold; font-size: 16px;}
table.featureMatrix tfoot tr.perfectFor td{font-size: 11px !Important; font-weight: normal !Important;}
table.featureMatrix tfoot td p{display: block; font-size: 13px; font-weight: normal; margin: 0px; }




/* CERTIFICATION */
.cert_answers{}
.cert_answers input{width: auto !Important;}
.cert_answers h3{margin-bottom: 5px; padding-bottom: 0px;}
.cert_answers table{margin-top: 0px; padding-top: 0px;}
.cert_answers table td{font-size: 11px; padding: 3px;}

.cert_buttons{padding-top: 15px;}
.cert_buttons input{width: auto !Important;}
.cert_buttons em{font-weight: normal; text-variant: italic}

/*VIDEOS */
.tourList {margin-top: 20px;}
ul#videoNavigation{ margin: 10px 0;  list-style: none; display: block; height: 15px; background: #f0f2f2; border-bottom: #bababa 1px solid; padding: 7px;}
ul#videoNavigation li{float: left; padding-right: 20px; margin: 0px;}
ul#videoNavigation li a{font-size: 11px; text-decoration: none; color: #8a8a8a;}

ul#videoNavigation li.tools{width: 120px; float: right; border-left: 1px solid #bababa; padding: 0px;}
ul#videoNavigation li.tools ul{margin: 0px; list-style: none; padding: 0px;}
ul#videoNavigation li.tools ul li{padding-right: 0px; padding-left: 20px;}

div#videosFrontpage{text-align: center; color: #8a8a8a; padding-bottom: 5px; border-bottom: 1px solid #c0c0c0; margin-bottom: 20px;}
div#videosFrontpage p{color: #8a8a8a; font-size: 14px; line-height: 22px;}
div#videosFrontpage h2, div#tutorialRelated h2{font-size: 16px; font-weight: bold; color: #8a8a8a;}
div#videosFrontpage ul{list-style: none; display: block; width: 100%; padding: 0px; margin: 0px; padding-top: 15px;}

div#videosFrontpage ul li{width: 33%; padding: 0px; display: block; float: left; margin: 0px;}
div#videosFrontpage.tourList ul li{width: 243px; }

div#videosFrontpage ul li p{color: #575757; font-size: 11px; line-height: 14px; margin: 0px;}
div#videosFrontpage ul li h3{color: #575757; font-size: 14px; margin-bottom: 0px;}
div#videosFrontpage ul li a{display: block; text-decoration: none; padding: 7px 10px 15px 10px;}
div#videosFrontpage ul li a:hover{ background: #f0f2f2;}

div#tutorialFeature{display: block; clear: both; border-bottom: 1px solid #ccc;}

div#tutorialFeature a.preview{float: left; display: block; width: 350px; height: 190px; border: 1px solid #a3a3a3; margin-right: 20px; margin-bottom: 20px;}
div#tutorialFeature p{margin-top: 0px;}
div#tutorialFeature ul{list-style: none; float: left; display: block; margin-left: 10px; margin-right: 0px; padding: 0px; width: 500px; }
div#tutorialFeature li{display: block; padding: 0px;}
div#tutorialRelated a.relatedLink{display: block; font-size: 14px; font-weight: bold;}
div#tutorialInfo ul.tutorialLinks{display: block; margin: 0px; padding: 0px; list-style: none;}
div#tutorialInfo ul.tutorialLinks li{display: block; padding: 5px; margin: 0px;}

div#tutorialRelated{padding-top: 10px; padding-bottom: 30px; margin-bottom: 30px; clear: both; width: 100%;}

div#tutorialRelated .videoTutorial{display: block; width: 170px; margin-right: 10px; float: left;
height: 240px; text-decoration: none; text-align: center; padding-bottom: 0px;}
div#tutorialRelated .videoTutorial h4{font-size: 13px; margin-bottom: 3px; margin-top: 0px; height: 45px;}
div#tutorialRelated .videoTutorial a{border: 1px solid #c9c9c9;  background: #f7fafa; padding: 7px; text-decoration: none;}
div#tutorialRelated .videoTutorial a:hover{ background: #f0f2f2;}
div#tutorialRelated .videoTutorial img{border: 1px solid #c9c9c9; margin: auto; width: 150px; height: 150px;}


.video .right{display: none;}
.video .left{width: 100% !Important;}
div#videoPlayer{text-align: center; background: #000; padding: 10px;}

div#videoOptions{height: 22px; padding-top: 5px; border-bottom: 1px solid #c9c9c9;}
div#videoOptions .videoTags{display: inline; float: left;}
div#videoOptions .videoButton{display: in-line; float: right; margin-left: 15px;}

div#videoAccessDenied{margin: .5em 0 .5em 0; height: 190px; }
div#videoAccessDenied div{text-align: center; float: left; width: 472px; padding: 40px 0px 47px 0px; font-size: 12px;}
div#videoAccessDenied a.image{float: right;}

a.featureVideo{font-size: 17px; font-weight: bold; display: block; margin: 10px; color: #8a8a8a; text-align: center;}

/*TAGCLOUD*/
#tagCloud
{
margin-top: 10px;
    padding:10px;
    margin-bottom:10px;
    text-align:justify;
background: #f5f7f7;
}

#tagCloud A
{
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    font-family:Verdana, Arial;
    text-transform:lowercase;
color: #8a8a8a;
}

#tagCloud A:hover
{
    color:#000;
    text-decoration:underline;
}

#tagCloud A.weight1
{
    font-size: 2.6em;
    font-weight:bolder;
}
#tagCloud A.weight2
{
    font-size:2.2em;
    font-weight:bolder;
}
#tagCloud A.weight3
{
    font-size: 1.8em;
    font-weight:bolder;
}
#tagCloud A.weight4
{

    font-size: 1.4em;
}
#tagCloud A.weight5
{
    font-size: 1.0em;
}

#tagCloud span{font-size: 10px !Important; color: #595a5a!Important; font-weight: normal  !Important; }


.hLabel{font-size: 10px; color: #adc251;}


/******************* TOP */

#navigation{height: 49px; background-color: #7ec245; padding-left: 40px; border-bottom: 2px solid #6aae30; position: relative;}

#navigation a#logo{background-image: url(/img/top_logo.gif); padding-left: 123px; padding-top: 38px; width: 0px; height: 0px; overflow: hidden; display: block; float: left; margin-top: 7px;}

#navigation ul{float: right; list-style: none; margin: 27px 18px 0 0; padding: 0px; height: 29px; display: block;}
#navigation ul li{display: block; float: left; padding: 0; padding-left: 5px; height: 29px;}

#navigation ul li a{
/*-moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
*/
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;
background-color:#6AAE30;

color:#FFFFFF;
display:block;
font-family:Trebuchet MS,Arial,sans-serif;
font-size:1.1em;
font-variant:normal;
font-weight:bold;

padding: 3px 7px;

text-decoration: none;
}
#navigation ul li a:hover, #navigation ul li.current a{background: #066808;}

/* OLD NAV
	#navigation ul{float: right; list-style: none; margin: 27px 18px 0 0; padding: 0px; height: 29px; display: block;}
	#navigation ul li{display: block; float: left; padding: 0; background: url(/img/topNaviRight.png) no-repeat right top; height: 29px;}
	#navigation ul li a{color: #fff; text-decoration: none; font-size: 12px; display: block; float: left; padding: 9px 20px 0 20px; height: 29px;background: url(/img/topNaviLeft.png) no-repeat left top;}
	#navigation ul li a:hover{text-decoration: underline;}
#navigation a#logo{background-image: url(/img/top_logo.gif); padding-left: 123px; padding-top: 38px; width: 0px; height: 0px; overflow: hidden; display: block; float: left; margin-top: 10px;}
*/

#navigation #loggedIn{position: absolute; top: 5px; right: 17px; font-size: 11px; color: #467120; text-align: right; width: 600px;}
#navigation #loggedIn a{color: #fff;}
#navigation #loggedIn div{display: inline !Important;}

/******************** HEADER */	
#frontIntro {
		background: #fff; 
		margin-bottom: 33px; 
		padding: 40px;
padding-left: 0px !Important; 
		border-bottom: 2px solid #F0F2F2;
		text-align: left;
		position: relative;
		}


#header {
		padding: 20px 0px 0px 15px; 
		text-align: left;
		position: relative;
}


#header .breadcrumb {
	display: block;
}


#header ul {
	margin: 0; padding: 10px 0; list-style: none; height: 10px;
}
#header li {
	float: left; margin-right: 5px;
	font-size: 80%;
	color: #999;
}


#buttons{position: absolute; bottom: 0px; left: 15px;}
#buttons a{width: 143px; height: 52px; display: block; margin-right: 4px; float: left; background: url(/img/header_button.jpg) no-repeat top center; color: #fff;
font-size: 12px; font-weight: bold; text-align: center; padding-top: 10px;					}

.button, .prev, .next {
width: 127px; height: 52px; display: block; margin-right: 4px; float: left; background: url(/img/header_button.jpg) no-repeat top center; color: #fff;	
font-size: 12px; font-weight: bold; text-align:center; padding-top: 10px;
}

.ShopButton{
display: block; width: 1px; height: 1px;
padding: 20px 0px 0px 49px; overflow: hidden;
background: url(/images/pro_order.png) no-repeat top left;
}

.sIFR-hasFlash #header h1 {color: #fff; height: 36px;} 
#frontIntro {height: 200px; background: url(/img/headerV4.png) 0px no-repeat; }

#frontIntro h1 {
	visibility: hidden;
}
#frontIntro h3 {
	visibility: hidden;
}


#header p {
	color: #083e09;
}


/******************** MAIN */
#main{padding: 0px 0px 0px 15px;}


.left{float: left; width: 606px;}
.right{float: right; width: 300px;}


.oppositeCols .left{float: right;}
.oppositeCols .right{float: left;}




/* SIDENAV - Lists and boxes */
#main #sidenavigation p{font-size: 11px;}
#main #sidenavigation a{font-size: 11px;} 

#main #sidenavigation ul, #main #sidenavigation div.box{display: block; padding: 0px 0px 6px 0px; margin: 0 0 20px 0; border: 1px solid #f2f2f2; list-style: none; background: url(img/main_sidenavigation_ul_bg.gif) repeat-x top #f6f7f7;}
#main #sidenavigation ul li.header, #main #sidenavigation div.box div.header{
		padding: 10px; border-bottom: #f0f0f0 1px solid; 
		background: #f0f2f2; font-weight: bold; font-size: 12px; color: #444444; margin: 0px; 
		line-height: 12px;
		display: block;}


#main #sidenavigation ul li{margin: 0px; padding: 0px; display: inline;}
#main #sidenavigation ul a{display: block; height: auto; padding: 6px 10px 0px 10px; font-size: 11px;}
#main #sidenavigation ul p{padding: 6px 10px 0px 15px;}
#main #sidenavigation ul a:hover{background: #fafcfc;}
#main #sidenavigation ul a.feed{padding-left: 30px !Important;  background: url(/media/6018/feed-icon-14x14.png) 10px 5px no-repeat;}

#main #sidenavigation ul li ul.sub{margin: 0px; padding: 0px;
border: none; background: none; padding-left: 25px !Important;}
#main #sidenavigation div.boxContent{padding: 10px;}

#main #sidenavigation input#searchField{width: 200px; border: 1px solid #a5acb2;}
#main #sidenavigation input#searchButton{font-size: 10px;}

#main #sidenavigation .videoProfile div{padding: 6px 10px 0px 15px; font-size: 11px; display: block; line-height: 19px;}
#main #sidenavigation .videoProfile a{display: inline; padding: 0px;}
#main #sidenavigation .videoProfile em{color: red;}


/* CONTENTS RELATED RULES */
#main #contents h2, #main #contents h3{margin-bottom: 2px; clear: both;}
#content {min-height: 400px;}
/******************** FOOTER */

#footer{clear: both; padding-left: 15px; font-size: 10px; border-top: 1px solid #ccc;} 
#footer .right, #footer .left{padding-top: 15px; padding-bottom: 15px; }

/* fixed centered width */

#footer .left {width: 625px;}
#header, #main, #footer{text-align: left;}



/* umbraco Books */
#print {text-align: right;}

.BookList h3{
	color: #000;
	font-size: 130%;
	font-weight: bold;
	margin-top: 20px;
	padding-bottom: 2px;
	}

.BookList h3 a {
	color: #000;
	}
	

#BookInfo{
	padding-top: 10px;
	padding-bottom: 10px;
	margin-bottom: 10px;
	float:left;
	width: 100%;
}
#BookInfo:hover {
	background-color: #f9f9f9;
	}

.BookTitle{
	font-weight: bold;
	font-size: 115%;
}

.BookAuthor{
	float:left;
	/* font-weight: bold; */
	color: #aaa;
}


.BookumbVer{
	/* float:right; */
	color: #999;
	font-weight: bold;
}


.BookType{
	font-style: italic;
}


.BookDesc{
	clear: both;
}

#bookChapterList{list-style: none; font-size: 14px; padding: 0px; color: #9A9B9B; display: block;}
#bookChaptersList li{padding: 2px;}

#BookChapters table {
	border-collapse:collapse;
	width: 100%;
	padding-bottom: 10px;
}


#BookChapters caption{
	font-weight: bold;
	color: #ADC251;
	font-size: 115%;
}


#BookChapters th{
	font-weight: bold;
	color: #000000;
}


#BookChapters tr, #BookChapters td {
	border-bottom: #cccccc thin solid;
	padding-right: 7px;
	padding-top: 5px;
	padding-bottom: 5px;
}


#BookChapters em{
	font-style: italic;
	background: #FFFFFF;
	color: #000000;
}


#BookChapters strong{
	font-weight: bold;
	color: #000000;
}


#BookChapters h4{
	font-weight: bold;
	font-size: 115%;
}


#BookChapters li{
    padding-bottom: 10px;
}


.BookChaptersNav{
  clear: both;
  background: #F0F2F2;
}

.BookChaptersNav a {
  color: #9A9B9B;
  font-size: 12px;
  font-weight: bold;
  text-decoration: none;    
  padding: 10px;
}

.BookChaptersNav a:hover{background: #EBEBEB;}

.BookChaptersNav div.clear {
  clear: both;
  height: 1px; overflow: hidden;    }

.BookChaptersNav .nextChapter {
  float: right;
  text-align: right;
}


.BookChaptersNav .prevChapter {
  float: left;
}


.BookTOCLink{
	padding-top: 10px;
	padding-bottom: 25px;}




/* Autoform */
  #umbracoAutoForm fieldset {border:none;}
  #umbracoAutoForm p {padding-bottom: 1em;border-bottom:1px solid #ccc;}
  #umbracoAutoForm legend {display:none;}
  #umbracoAutoForm label {float: left; width: 22em;}
  #umbracoAutoForm td input {width: 2em; float: left;}
  #umbracoAutoForm td label {width: 8em; margin-left: 5px; float: left;}
  .umbracoAutoFormAlert {color: red;margin-left: 15em;}
  #umbracoAutoForm input, textarea, select {width: 17em;}
  .umbracoAutoFormValidationSummary {display: none;}
.umbracoAutoFormRowDescription {
	font-weight: normal;
	font-size: 80%;
	color: #999;
}


/* PAYMENT RELATED RULES */
#umbracoAutoForm.paymentForm fieldset{display: block; padding: 0px 0px 6px 0px; margin: 0 0 20px 0; border: 1px solid #f2f2f2 !Important; background: url(/img/main_sidenavigation_ul_bg.gif) repeat-x top #f6f7f7;}
#umbracoAutoForm.paymentForm fieldset h4{
		padding: 10px; border-bottom: #f0f0f0 1px solid; 
		background: #f0f2f2; font-weight: bold; font-size: 12px; color: #444444; margin: 0px; 
		line-height: 12px;
		display: block !Important;}

#umbracoAutoForm.paymentForm fieldset p{border: none; padding: 5px; margin: 0px; padding-left: 10px;}
#umbracoAutoForm.paymentForm .formButton{float: right;}

#umbracoAutoForm.paymentForm fieldset.loginSet input.field{width: 250px;}
#umbracoAutoForm.paymentForm fieldset.loginSet label{width: 100px;}

#umbracoAutoForm.paymentForm fieldset.loginSet{width: 48%; float: left; height: 150px;}
#umbracoAutoForm.paymentForm fieldset.createSet{width: 48%; float: right; height: 150px;}

#umbracoAutoForm.paymentForm div.intro{border: 1px solid #7EC245; margin-bottom: 15px; padding: 8px;}
#umbracoAutoForm.paymentForm div.intro p{border: none; margin: 0px;}
#umbracoAutoForm.paymentForm div.intro h3{margin-top: 2px; color: #7EC245;}

body.fullContent #contents{width: 100%;}
body.fullContent #sidenavigation{display: none !Important;}


.umbMailFormLabel {float: left; width: 15em;}
 

#contents textarea {width: 17em;}

.csharpcode, .csharpcode pre
{
?font-size: small;
?color: black;
?font-family: Consolas, "Courier New", Courier, Monospace;
?background-color: #ffffff;
?/*white-space: pre;*/
}

.csharpcode pre { margin: 0em; }

.csharpcode .rem { color: #008000; }

.csharpcode .kwrd { color: #0000ff; }

.csharpcode .str { color: #006080; }

.csharpcode .op { color: #0000c0; }

.csharpcode .preproc { color: #cc6633; }

.csharpcode .asp { background-color: #ffff00; }

.csharpcode .html { color: #800000; }

.csharpcode .attr { color: #ff0000; }

.csharpcode .alt 
{
?background-color: #f4f4f4;
?width: 100%;
?margin: 0em;
}

.csharpcode .lnum { color: #606060; }

/* hacks */
#umbMailForm_3_comment {height: 150px;}

.helpWindow {
	border: 1px solid #ccc;
	padding: 5px;
	width: 600px;
	height: 270px;
	overflow: scroll;
}

/* TOUR SECTION VERSION 4 */


div#main.tour a{color: #3d51ff; outline: none;}

div#tourHeader{text-align: center; height: 353px; background: url(tour/header_bg.gif) top repeat-x; width: 100%;}
    
div#tourHeader *{display: none;} div#tourHeader img{display: block; margin: auto;}

div#tourFeatures{padding: 10px; margin-bottom: 20px; border: #e4e4e4 1px solid; background: url(tour/features_bg.gif) bottom repeat-x #fefefe;}

div#tourFeatures h2{text-align: center; margin-bottom: 15px;}
div#tourFeatures ul{padding: 20px 0px; margin: 0px; list-style: none; width: 100%; clear: both; height: 70px;}
div#tourFeatures ul li{width: 238px; float: left;}
div#tourFeatures ul li img{float: left; padding: 0px 15px 30px 15px;}
div#tourFeatures ul li h3{padding: 0px; margin: 0px; color: #5a5a5a; font-size: 13px;}
div#tourFeatures ul li p{font-size: 11px !Important; line-height: 15px; padding: 0px 10px 0px 0px; margin-top: 3px;}
div#tourFeatures ul li a{display: block; padding-top: 5px;}


div#tourFeatures.transparent{padding: 0px; border: none; background: none;}
div#tourFeatures.transparent h2{font-size: 15px;}
div#tourFeatures.transparent p{font-size: 14px; color: #8A8A8A; line-height: 22px; text-align: center;}
div#tourFeatures.pro li{width: 33%;}

ul.tourHighlights{display: block; margin: 0px; padding: 25px 0px 25px 25px; list-style: none;}
ul.tourHighlights li{width: 33%; padding: 0px; margin: 0px; float: left;}

ul.tourHighlights li ul, ul.tourHighlights li p{padding-right: 30px;}

ul-tourHighlights li ul{padding-left: 0px; margin-left: 0px; margin-top: 9px;}

ul.tourHighlights li ul li{padding-left: 10px; width: 100%; float: none; margin-bottom: 10px; list-style: none; background: url(tour/li_bg.png) no-repeat 0px 5px; margin-left: 0px;}

ul.download{list-style: none; margin: 0px; padding: 0px 20px 10px 70px !Important; background: no-repeat 15px 0px; font-size: 11px;}

ul.download li{margin-bottom: 5px !Important; background: none !Important; padding-left: 0px;}

ul.featurelist{padding-left: 0px !Important; margin-left: 10px !Important; }


.error, .notice, .success {padding:.8em; padding-top: 0em; padding-bottom: 0em; margin-bottom:.5em;border:2px solid #ddd;}
          .error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
          .notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
          .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
          .error a {color:#8a1f11;}
          .notice a {color:#514721;}
          .success a {color:#264409;}



/* SNIPPETS SECTION */
code#snippet, code.snippetCode{white-space: pre; display: block; border: 1px solid #ddd; color: #999; padding: 10px; width: 550px; overflow: auto; height: 400px;}

code.snippetCode{height: auto;}

ul#snippetList, ul#snippetList ul{list-style: none; padding: 0px; margin: 0px; display: block;}
ul#snippetList li{display: block; padding: 10px; margin: 0px; display: block; 
border-bottom: 1px solid #ccc; margin-bottom: 10px; background: no-repeat top right;}

ul#snippetList li.snippet_131{background-image: url(images/package.png);}
ul#snippetList li.snippet_132{background-image: url(images/document.png);}
ul#snippetList li.snippet_133{background-image: url(images/snippet.png);}

ul#snippetList li h3{margin-top: 0px; color: green;}
ul#snippetList li.noPadding{padding: 10px; margin: 0px; list-style: none; border: none;}

ul#snippetComments{margin: 0px; padding: 0px; list-style: none; padding-top: 15px;}
ul#snippetComments li{border-top: 1px solid #ddd; margin: 0px; padding: 10px; padding-bottom: 0px; margin-bottom: 10px;}
ul#snippetComments li h4{margin: 0px;}
ul#snippetComments li p{margin: 0px;}
ul#snippetComments li .commentsnippet{padding-top: 5px; color: #999;}

.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus,
.star-rating .current-rating{
	background: url(/images/star.gif) left -1000px repeat-x;
}
.star-rating{
	position:relative;
	width:125px;
	height:25px;
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	background-position: left top;
}
.star-rating li{
	display: inline;
}
.star-rating a, 
.star-rating .current-rating{
	position:absolute;
	top:0;
	left:0;
	text-indent:-1000em;
	height:25px;
	line-height:25px;
	outline:none;
	overflow:hidden;
	border: none;
}
.star-rating a:hover,
.star-rating a:active,
.star-rating a:focus{
	background-position: left bottom;
}
.star-rating a.one-star{
	width:20%;
	z-index:6;
}
.star-rating a.two-stars{
	width:40%;
	z-index:5;
}
.star-rating a.three-stars{
	width:60%;
	z-index:4;
}
.star-rating a.four-stars{
	width:80%;
	z-index:3;
}
.star-rating a.five-stars{
	width:100%;
	z-index:2;
}
.star-rating .current-rating{
	z-index:1;
	background-position: left center;
}	

/* for an inline rater */
.inline-rating{
	display:-moz-inline-block;
	display:-moz-inline-box;
	display:inline-block;
	vertical-align: middle;
}

/* smaller star */
.small-star{
	width:50px;
	height:10px;
}
.small-star,
.small-star a:hover,
.small-star a:active,
.small-star a:focus,
.small-star .current-rating{
	background-image: url(/images/star_small.gif);
	line-height: 10px;
	height: 10px;
}


.umbracoAutoFormRowDescription{
	font-weight: normal;
	font-size: 80%;
	color: #999; clear: both; display: block; height: 20px;
}
#umbracoAutoForm table{width: 17em; float: right; clear: both; display: block}

.small {
	font-size: 80%;
	color: ccc;
}

/* License, my account stuff */
.licenseLists li {
    margin-bottom: 10px;
}
.licenseButton {
    width: 400px;
}

.licenseDownloads {
    margin:0;
    padding:0;
    list-style-type: none;
}

.licenseDownloads li {
margin-left: 25px;
    height:28px;

    background-position:left;

    background-repeat:no-repeat;

    line-height: 28px;

    margin-bottom:10px;

}

.licenseDownloads li a {

    height: 100%;

    width: 100%;

    display: block;

    padding-left: 25px;

    text-decoration: none;

}

.licenseDownloads .filepdf {
    background-image:url(/images/icons/page_white_acrobat.png);
}

.licenseDownloads .filezip {
    background-image:url(/images/icons/page_white_compressed.png);
}

/* Generel error / success / notice classes, as seen in the umbraco installer. */
.umbError, .umbNotice, .umbSuccess {padding:.8em; padding-top: 0em; padding-bottom: 0em; margin-bottom:.5em;border:2px solid #ddd;}
.umbError {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.umbNotice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.umbSuccess {background:#E6EFC2;color:#264409;border-color:#C6D880;}

.umbError a {color:#8a1f11;}
.umbNotice a {color:#514721;}
.umbSuccess a {color:#264409;}

.umbNotice p, .umbSuccess p{
border: none !Important; padding-bottom: 0px !Important; margin-bottom: 10px !Important; 
}

.cartFlow{background: #F0F2F2; font-size: 16px; font-weight: bold; padding: 5px; height: 35px !Important; display: block;}

.cartFlow a{color: #999999 !Important;}
.cartFlow li{padding: 10px; padding-right: 50px;}
.cartFlow li.current{background: none; color: #000 !Important;}

#umbracoFormNavigation{display: block;}
#umbracoFormNavigation .next{float: right !Important; clear: right;}
#umbracoFormNavigation .prev{float: left !Important; clear: left;}

table.dataGrid{
width: 100% !Important;
display: table !Important;}

table.dataGrid td{
padding-right: 20px;
}

table.dataGrid thead{font-weight: bold;}
table.dataGrid tbody td{border-top: 1px solid #ccc;}
table.dataGrid input{
width: auto !Important;
}

.umbracoFormTab small{display: block; width: 200px; float: left; padding: 5px;}


.contour h1 {
background: url(/images/contour-header.png) no-repeat;
height: 60px;
}
.contour h1 span {
display: none;
}

.contour .air {
margin-bottom: 40px;
}

.contour {
background: url(/images/contour-icon.png) no-repeat top right;
margin-bottom: 50px;
}

.contour h3 {
font-weight: 100;
font-size: 18px;
line-height: 24px;
width: 580px;
}

.contour #column1 {
width: 440px;
float: left;
margin-right: 30px;
}

.contour #column2 {
width: 440px;
float: right;
}

#column1 img, #column2 img {
margin: 5px;
}


.contour .ShopButton {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(/css/images/contour-order-button.png) no-repeat scroll left top;
display:block;
height:1px;
overflow:hidden;
padding:50px 0 0 249px;
width:1px;
}









/* EDITOR PROPERTIES - PLEASE DON'T DELETE THIS LINE TO AVOID DUPLICATE PROPERTIES */
h2 {

}

h5 {

}

em {

}



/* EDITOR PROPERTIES */
h2 {

}