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




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

/* NEW VIDEO PLAYER ELEMENTS */




/*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: 55px; background-color: #7ec245; padding-left: 40px; border-bottom: 2px solid #6aae30; position: relative;}

#navigation a#logo{background-image: url(../images/logo.gif); padding-left: 150px; padding-top: 55px; width: 0px; height: 0px; overflow: hidden; display: block; float: left; margin-top: 0px;}

#navigation ul{float: left; list-style: none; margin: 32px 18px 0 0; padding-left: 30px; 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(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;}

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



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




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



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


/* TOUR SECTION VERSION 4 */


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


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



/*
#umbracoAutoForm table{width: 17em; float: right; clear: both; display: block}
*/

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


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

























































































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

}

h5 {

}

em {

}