/* GENERAL STYLES */
/* GENERAL STYLES */
html, body{
	padding: 0px;
	margin: 0px;
	border: none;
}
body {
	background: #f6f7f7 url(/media/373/body_bg.gif) center repeat-y;
	font-family: Arial, Helvetica, sans-serif; color: #333;	
	font-size: 12px;
}
iframe.tourIframe{width: 775px; height: 470px; border: 1px solid white;}
img {border: 0;}
.wrapper{width: 974px !Important; margin: auto; padding: 0px; text-align: left;}

#umbracoFormNavigation {
	margin: 10px 0;
}

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


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


/*FONTS */
h1, h2, h3, h4, h5, p{font-family: Arial, Helvetica, sans-serif; color: #333;}
a{color: #d02964;}
h1 a, h3 a, h4 a, h5 a{color: #0e0606; 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;}
h4.grey{font-size: 14px; color: #595a5a; font-weight: bold; }
h4.grey a{color: #d02964; font-weight: normal; font-size: 11px; text-decoration: underline; padding-left: 20px; clear: both}

/*VIDEOS */
ul#videoNavigation{ margin: 0px;  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: 250px; 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: 21px; 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: 229px; }

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 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-bottom: 30px; margin-bottom: 30px; text-align: center;}

div#tutorialRelated .videoTutorial{display: block; width: 200px; margin-right: 15px; float: left;
height: 250px; text-decoration: none; text-align: center;}
div#tutorialRelated .videoTutorial h4{font-size: 13px; margin-bottom: 3px;}
div#tutorialRelated .videoTutorial p{font-size: 11px; font-weight: normal; line-height: 14px; margin-top: 0px;}
div#tutorialRelated .videoTutorial a{ background: #f7fafa; padding: 5px; text-decoration: none;}
div#tutorialRelated .videoTutorial a:hover{ background: #f0f2f2;}
div#tutorialRelated .videoTutorial img{border: 1px solid #c9c9c9; margin: auto;}
.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;}

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: 1.7em;
    font-weight:bolder;
}
#tagCloud A.weight2
{
    font-size:1.3em;
    font-weight:bolder;
}
#tagCloud A.weight3
{
    font-size: 1.2em;
    font-weight:bolder;
}
#tagCloud A.weight4
{

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

#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 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(/media/368/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(/media/363/topnavileft.png) no-repeat left top;}
	#navigation ul li a:hover{text-decoration: underline;}
	#navigation a#logo{background-image: url(/media/378/top_logo.gif); background-repeat: no-repeat; padding-left: 159px; padding-top: 38px; width: 0px; height: 0px; overflow: hidden; display: block; float: left; margin-top: 10px;}

#navigation #loggedIn{position: absolute; top: 6px; right: 17px; font-size: 10px; color: #467120; text-align: right}
#navigation #loggedIn a{color: #fff;}


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


#header {
		background: #fff; 
		padding: 20px 40px 10px 40px; 
		text-align: left;
		position: relative;
}


#header .breadcrumb {
	display: block;
}


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


#buttons{position: absolute; bottom: 0px; left: 27px;}
#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;					}

.sIFR-hasFlash #header h1 {color: #fff; height: 36px;} 
#frontIntro {height: 200px; background: url(/media/67/mtt_cgusaheader.jpg) center no-repeat; }
#frontIntro h1 {
	visibility: hidden;
}
#frontIntro h3 {
	visibility: hidden;
}


#header p {
	color: #083e09;
}


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


.left{float: left; width: 566px;}
.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(/media/347/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 0px; 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; display: inline; border: none; background: none;}
#main #sidenavigation ul li ul.sub a{padding-left: 25px;}

#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;}
#content {min-height: 400px;}
/******************** FOOTER */
#footer{clear: both; padding: 0 15px; font-size: 10px;} 
#footer .right, #footer .left{border-top: solid 1px #7ec245; padding-top: 15px;}
/* fixed centered width */
#footer .left {width: 600px;}
#header, #main, #footer{text-align: left;}


/* umbraco Books */
#print {text-align: right;}
#BookInfo{
	padding-bottom: 20px;
	float:left;
}


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


.BookAuthor{
	float:left;
	font-weight: bold;
}


.BookumbVer{
	float:right;
	font-weight: bold;
}


.BookType{
	font-style: italic;
}


.BookDesc{
	clear: both;
}


#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;
	color: #ADC251;
	font-size: 115%;
}


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




.BookChaptersNav{
  clear: both;
  padding: 5px;
  background: #A4BB44;
}
.BookChaptersNav a {
  color: #fff;
  padding: 5px 0 0;
  width: 45%;
}
.BookChaptersNav div.clear {
  clear: both;
}
.BookChaptersNav .next {
  float: right;
  text-align: right;
  padding-right: 25px;
  background: url(img/header_gallery_next.gif) no-repeat top right;
}


.BookChaptersNav .prev {
  float: left;
  padding-left: 25px;
  background: url(img/header_gallery_prev.gif) no-repeat top left;
}


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




/* GENERAL STYLES */
  #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, #umbracoAutoForm textarea, #umbracoAutoForm 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;}
 

djr-#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;
}
h2 {

}

h5 {

}

em {

}

.cartDisplay
{
 display:none;
}

/* BEGIN GRID STYLES */
.headerRow
{
line-height: 12px; 
font-color:  #FFFFFF;
background-color: #000000; 
padding: 4px;
spacing: 4px;
border:0;
border-collapse: collapse;
}

.List
{
line-height: 14px; 
background-color: #FFFFFF; 
padding: 4px;
spacing: 4px;
border:0;
border-collapse: collapse;
}


.altList
{
line-height: 14px; 
background-color: #C0C0C0; 
spacing: 4px;
padding: 4px;
border:0;
border-collapse: collapse;
}

/* END GRID STYLES */


/* DJR STYLES */
table {
	border: 0;
	padding: 20px 0 0 0;
	margin: 0;
	}
table th {
	text-align: left;
	}
table td {
	padding-right: 5px;
	/*text-align: right;*/
	padding-bottom: 3px;
	padding-top: 3px;
	}
table td.activity {
	text-align: left;
	font-weight: bold;
	padding-left: 15px;
	}
h2.subtitle {
	color: #888;
	font-style: italic;
	font-weight: normal;
	margin-top: -2px;
	padding-bottom: 15px;
	letter-spacing: 1px;
	font-size: 15px;
	}
.bios {
	clear: both;
	padding: 10px 0;
	width: 566px;
	float: left;
	display: inline;
	}
.bios h3 {
	padding-bottom: 7px;
	}
.bios img {
	float: left;
	display: inline;
	border: 1px solid #999;
	padding: 2px;
	background-color: #fff;
	}
.bios p {
	float: right;
	display: inline;
	width: 446px;
	margin-top: 0;
	}
.clearfix {
	clear: both;
	float: none;
	margin: 0;
	padding: 0;
	}

/* jquery cycle styles */
#cgPics {
	width: 300px;
	height: 200px;
	border: 1px solid #CCCCCC;
	overflow:hidden;
	margin-bottom: 20px;
}

/* home video player styles */
#homeVidPlayer {
	margin: 10px 0 10px 0;
}

/* EDITOR PROPERTIES */