/* 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;
}


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

#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-weight: 100; font-size: 18px; line-height: 24px;}
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;}

/* NEW VIDEO PLAYER ELEMENTS */

#VideoPlayer p, #VideoPlayer strong, #VideoPlayer small{color: #666;}
#VideoPlayer h1 {margin: 0 0 10px 0;}
ul#VideoRelatedVideos{list-style: none; margin: 0px; padding: 0px; height: 555px; display: block;}
ul#VideoRelatedVideos li{height: 75px; display: block; clear: both; padding: 5px; overflow: hidden;}
ul#VideoRelatedVideos li:hover {background-color: #E5E5E5}
ul#VideoRelatedVideos li.header{height: auto; font-size: 130%;}
ul#VideoRelatedVideos li img{border: 1px solid #ccc; margin: 3px 7px 3px 3px; float: left;}
ul#VideoRelatedVideos li.playing {background-color: #CACACA;}
ul#VideoRelatedVideos li.playingDeleted img {padding: 3px; margin: 0 7px 0 0; background: url(img/videoThumbnailGlow.png) no-repeat}
ul#VideoRelatedVideos h5{overflow: hidden; padding: 0px; margin: 0px; line-height: 12px; color: #666 !Important}
ul#VideoRelatedVideos .playingVideo {color: #6aae30}
ul#VideoRelatedVideos small{line-height: 10px; font-size: 10px;}
ul#VideoRelatedVideos a{text-decoration: none !Important; } 


/*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;}


#navigation #loggedIn{position: absolute; top: 5px; right: 17px; font-size: 11px; color: #467120; text-align: right; width: 700px;}
#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(images/headerV5.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;}

.fullWidth .right{display: none !Important;}
.fullWidth .left{float: none; width: 100%;}


/* 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 .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; padding: 3px; 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;}


#newsLetterForm{padding:0px; margin: 0px;}
#newsLetterForm input.text{border: 1px solid #A5ACB2; background: #fff; padding: 3px; margin:0px 0px 7px 0px; width: 200px; clear: right;}
#newsLetterForm label{padding: 5px 5px 5px 10px; width: 40px; display: block; float: left; clear: left;}

#newsLetterResponse{padding:10px; margin: 0px 0px 0px 10px; color: #264409;}
input.errorField{background: #FBE3E4 !Important; color: #8A1F11 !Important; border-color:  #FBC2C4 !Important}
input.submitBt{margin-left: 55px;}

/* 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;
}
#umbracoAutoForm small{display: block}

/* 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 input {width: 17em;}
#contents textarea {width: 17em; height: 15em;}

.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 h2 a{text-decoration: none !Important; color: #333 !Important;}

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;}


.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 */


ul.licenseLists{
    padding: 0px; 
    margin-bottom: 15px;
}

ul.licenseLists li{list-style: none; padding: 0px; margin: 0px; margin-bottom: 5px;}

ul.licenseLists li h4{padding: 8px; margin: 0px;}

ul.licenseLists li div{margin: 8px; font-size: 11px; border-bottom: 1px solid #f2f2f2}

.licenseButton {
    width: 400px;
}

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

.licenseDownloads li {
    height:28px;
	
    background-position: 10px 4px;

    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;
    margin-left: 10px !Important;
}

.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;}
.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;}


#BookChapters pre{padding: 5px; display: block; color: #999; background: #F8FAFA; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc}

/*Solution providers page */
.solutionProvider h3{font-size: 22px; color: #999;}
.solutionProvider{border-bottom: 1px solid #F0F2F2; margin: 10px;}
.solutionProvider .meta{ border-bottom: 1px solid #F0F2F2;}
.solutionProvider .meta p{margin: 0px;}
.solutionProvider .meta img{float: right; margin: 0px 0px 0px 20px; border: 1px solid #f0f2f2;}

/* XML TRANSLATION TOOL */


/* SUBMITTED SITES */

#tagSelector{height: 100px; padding: 7px; display: block; list-style: none; 
background: #F6F7F7 url(img/main_sidenavigation_ul_bg.gif) repeat-x center top; 
margin-bottom: 20px; border: 1px solid #F2F2F2}

#tagSelector li{float: left; margin: 0px; display: block; width: 200px; padding: 5px;}
#tagSelector li a{padding: 3px;}
#tagSelector li a.current{font-weight: bold;}
#tagSelector li.header{width: 100%; float: none; color: #444444; font-weight: bold; text-size: 12px;}

#viewToggle{text-align: center; display: block; width: 120px; padding: 6px; border: solid 1px #e7e7e7; text-decoration: none; clear: both; margin-bottom: 20px; }

#featuredSites{display: block; margin: 0px; padding: 0px;}

#featuredSites li{display: block; text-align: center; width: 297px; height: 270px; float: left; margin: 0px 10px 14px 0px; padding: 7px;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 2px solid #E7E7E7;
border-bottom: 2px solid #E7E7E7;
overflow: hidden
}

#featuredSites li a.thumb{display: block; margin: auto; background: #FAFAFA no-repeat top center; width: 297px; padding-top: 230px; height: 1px; overflow: hidden;}
#featuredSites li h5{margin-top: 12px; padding: 5px; font-size: 13px; font-weight: normal;}
#featuredSites li p{display: none;}



#sites.grid{display: block; margin: 0px; padding: 0px;}

#sites.grid li{opacity:0.2; display: block; text-align: center; width: 135px; height: 135px; float: left; margin: 0px 10px 14px 0px; padding: 7px;
border-top: 1px solid #E7E7E7;
border-left: 1px solid #E7E7E7;
border-right: 2px solid #E7E7E7;
border-bottom: 2px solid #E7E7E7;
overflow: hidden
}

#sites.grid li a.thumb{display: block; margin: auto; background: #FAFAFA no-repeat top center; width: 136px; padding-top: 101px; height: 1px; overflow: hidden;}
#sites.grid li h5{margin-top: 7px; padding: 5px; font-size: 11px; font-weight: normal;}
#sites.grid li p{display: none;}
#sites.grid li.show{opacity: 0.99;}

#sites.list{display: block; margin: 0px; padding: 0px; width: auto;}

#sites.list li{opacity: 0.99 !Important; display: none; border-bottom: 1px solid #ccc; text-align: left; 
padding: 10px 10px 10px 150px; position: relative; min-height: 90px; height: auto !Important; height: 90px;}

#sites.list li a.thumb{display: block; border: 1px solid #999; background: no-repeat top center; width: 115px; padding-top: 81px; height: 1px; 
overflow: hidden; position: absolute; top: 15px; left: 10px;}

#sites.list li h5{margin: 2px 0px 5px 0px; padding: 2px; font-size: 16px;}

#sites.list li p{}
#sites.list li.show{opacity: 0.99 !Important; display: block;}

div#showcase{width: 750px; height: 470px; overflow: auto; padding: 5px;}
div#showcase div.image{margin: 0px 0px 20px 20px; width: 450px; height: 280px; overflow: hidden; border: 1px solid #ccc; text-align: center; 
position: absolute; top: 20px; right:0px;
}
div#showcase h1{float: left; color: #575757; width: 280px;}

div#showcase div.desc{overflow: auto; position: absolute; bottom: 0px; height: 125px; 
padding: 7px; border-top: #e7e7e7 1px solid; margin-top: 35px; width: 745px;}

div#showcase div.desc p{font-size: 12px !Important; line-height: 20px;}

div#showcase dl{clear: left;}
div#showcase dt{font-weight: bold;}
div#showcase dd{margin-bottom: 10px;}


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

#main .productPage .air {
margin-bottom: 40px;
}

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

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


#main .dinner{
background: url(/css/images/videoheader2.png) no-repeat 460px 5px;
margin-bottom: 50px;
}
#main .dinner p.tweet{
   padding: 15px; font-style: italic;
}
.dinnerSignup{
margin-top: 22px;
background: #eaf4e2;
padding: 20px;
-moz-border-radius: 12px;
-webkit-border-radius: 12px;
border-radius: 12px;
}

.dinnerSignup h3{padding: 0px; margin: 0px;}
.dinnerSignup fieldset{padding: 10px; margin: 0px; border: none;}
.dinnerSignup .contourField{padding-bottom: 13px;}
.dinnerSignup label{float: left; width: 100px; display: block; padding: 3px; font-size: 14px;}
.dinnerSignup input.text{float: left; width: 180px; padding: 2px;}
.dinnerSignup .contourNavigation{height: 20px; width: 350px}
.dinnerSignup input.contourSubmit{float: right; width: 80px !Important;}

#main .dinner .umbracian{
	border: 1px solid #efefef;
	padding: 10px;
	margin-right: 25px;
	margin-bottom: 25px;
	height: 270px;
	width: 210px;
	text-align: center;
	font-size: 13px;
	float: left;
}

#main .dinner .umbracian a{text-decoration: none; border: none;}
#main .dinner .umbracian img{margin-bottom: 10px}


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

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

#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(images/contour-order-button.png) no-repeat scroll left top;
display:block;
height:1px;
overflow:hidden;
padding:50px 0 0 249px;
width:1px;
}

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




#umbracoAutoForm #commentform{
	padding-left: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
}
#umbracoAutoForm #commentform #gravatar{
	float:right;
	margin-right: 190px;
	margin-top: 20px;
}
#umbracoAutoForm #commentform label
{
	float:none;
}
#umbracoAutoForm #commentform .form-input{
	margin-top: 5px;
	margin-bottom: 5px;
}
#umbracoAutoForm #commentform .form-input textarea{
	width: 400px;
}
#umbracoAutoForm #commentform .error{
padding:0 0em;
}
#umbracoAutoForm #commentform label.error{
border:none;

padding:0 0.8em;
}
#umbracoAutoForm #commentform label.error {
background:#FFF;
border-color:#FBC2C4;
color:#8A1F11;
}

#umbracoAutoForm #commentPosted {
border:2px solid #DDDDDD;
margin-bottom:0.5em;
padding:0 0.8em;
padding:10px;
}

#umbracoAutoForm #commentPosted {
background:#FFF6BF none repeat scroll 0 0;
border-color:#FFD324;
color:#514721;
}





.image-overlay { list-style: none; text-align: left; }
.image-overlay li { display: inline; }
.image-overlay a:link, .image-overlay a:visited, .image-overlay a:hover, .image-overlay a:active { text-decoration: none; }
.image-overlay a:link img, .image-overlay a:visited img, .image-overlay a:hover img, .image-overlay a:active img { border: none; }

.image-overlay a
{
    margin: 9px;
    float: left;
    background: #fff;
    border: solid 2px;
    overflow: hidden;
    position: relative;
}
.image-overlay img
{
    position: absolute;
    top: 0;
    left: 0;
    border: 0;
}
.image-overlay .caption
{
    float: left;
    position: absolute;
    background-color: #000;
    width: 100%;
	cursor: pointer;
	/* The way to change overlay opacity is the follow properties. Opacity is a tricky issue due to
		longtime IE abuse of it, so opacity is not offically supported - use at your own risk. 
		To play it safe, disable overlay opacity in IE. */
    /* For Firefox/Opera/Safari/Chrome */
	opacity: .8;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.image-overlay .caption h1, .image-overlay .caption h2, .image-overlay .caption h3,
.image-overlay .caption h4, .image-overlay .caption h5, .image-overlay .caption h6
{
	margin: 10px 0 10px 2px;
    font-size: 20px;
    font-weight: bold;
	padding: 0 0 0 5px;
}
.image-overlay p
{
	text-indent: 0;
	margin: 10px;
	font-size: 1em;
}



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

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

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

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



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

.weare .weAreVideo{
	float:left;


}

iframe.weAreFrame{width: 630px; height: 360px; border: 1px solid white;}






























































































































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

}

h5 {

}

em {

}