/*
	
		Project: MitchelSellers.com
		Developer: Vasilis Terzopoulos
		Version: 1.3
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Header
			2.2. Main Nav
			2.3. Search
			2.4. Main
			2.5. Panes
			2.6. Footer
		3. Typography
			3.1. DNN
			3.2. Generic
				3.2.1. Headings
			3.3. Skin
			3.4. Links
				3.4.1. DNN
				3.4.2. Generic
				3.4.3. Skin
		4. Navigation
			4.1. Main Nav
				4.1.1. Submenus
			4.2. Footer Nav
		5. Lists
		6. Tables
		7. Forms
		8. Helpful
			8.1. Generic
				
		-----------------------------------------------
		- Colors --------------------------------------
		
		# Dark grey (top bar):	#373737
		# Light grey (menu borders):	#EEE
		
		# Purple (search):		#CFD1EF
		# Yellow (containers):	#FFEDC0

	*/


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 1. DNN */

		.ControlPanel{border:#CCC dotted;border-width:0 0 1px 0;}
		.ControlPanel table{margin:0 auto;}
		.ControlPanel a.CommandButton{font-size:10px;}
		
		.PagingTable{}
		
		.DNNEmptyPane{display:none;}
		.DNNAligncenter table{text-align:left;}
		
		.FileManager{font-size:0.85em;width:100%;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */

		#Body{background:url(bg.jpg) repeat-x #FFF;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#mitchel{width:960px;margin:0 auto;background:#FFF;/*overflow:hidden;*/}
		
		/* 2.1. Header */
		#mitchel #header{height:90px;position:relative;/*overflow:hidden;*/background:url(logo-bg.png) no-repeat;border-top:10px #373737 solid;}
		#mitchel #dnn_dnnLOGO_imgLogo{display:inline;float:left;margin:15px 0 0 40px;}
		#mitchel #member-options{position:absolute;top:0;right:10px;margin:0;padding:0;list-style:none;/*overflow:hidden;*/}
		#mitchel #member-options li{padding:0;margin:0;list-style:none;float:left;}

		/* 2.2. Main Nav */
		#mitchel #MainNav{float:left;width:670px;position:relative;left:10px;border:#CFD1EF solid;border-width:1px 0;} /* more in section 4 */

		/* 2.3. Search */
		#mitchel #search{float:right;width:235px;position:relative;right:10px;padding:11px 15px 10px 10px;background:#CFD1EF;text-align:right;}
		#mitchel #search .NormalTextBox{position:absolute;width:175px;left:10px;top:10px;font-size:1em;border:1px #AAA solid;}
		
		/* 2.4. Main */
		#mitchel #main{width:940px;clear:both;margin:0 auto 10px;/*overflow:hidden;*/}
		
		/* 2.5. Panes */
		#mitchel .contentpane{border:0 !important;width:650px;float:left;padding:20px 0 20px 7px;}
		#mitchel .contentpane-admin{border:0 !important;margin:0 10px 0 7px;padding:20px 0;}
		#mitchel .rightpane{border:0 !important;width:260px;float:right;padding:10px 0 20px;}
		#mitchel .bottompane{border:0 !important;clear:both;}
		
		/* 2.6. Footer */
		#mitchel #footer{width:925px;margin:0 auto;padding:1.5em 0;clear:both;border-top:4px #EEE solid;/*overflow:hidden;*/}
		#mitchel #copyright{width:480px;float:left;}
		#mitchel #footer-links{width:420px;float:right;text-align:right;}
		

	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 1.2em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SubHead{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SubSubHead{font:bold 0.85em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.Normal{font:1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.NormalDisabled{font:1em Verdana, Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.NormalRed{font:1em Verdana, Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.StandardButton{font:1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SkinObject{font:normal 1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
	
		/* 3.2. Generic */
		body{font-size:75%;}
		td,th,p,div,span,li{font:1em/1.4 Verdana, Arial, Helvetica, sans-serif;color:#333;}
		p{margin:0 0 .8em 0;padding:0;line-height:1.4;}
		blockquote,q{}
		pre{}
	
			/* 3.2.1. Headings */
			h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#333;margin:0 0 0.8em 0;padding:0;line-height:normal;}
			
			h1{font-size:1.6em;font-weight:bold;}
			h2{font-size:1.2em;font-weight:bold;}
			h3{font-size:1.2em;font-weight:normal;}
			h4{font-size:1em;font-weight:bold;}
			h5{font-size:0.9em;font-weight:bold;}
			h6{font-size:0.8em;font-weight:bold;}
			
		/* 3.3. Skin */
		
		#mitchel #footer{font-size:0.8em;}
		#mitchel #footer *{font-size:1em;}
		#mitchel #copyright-text,
		#mitchel #powered-by{margin-top:15px;}
		
		/* 3.4. Links */
		
			/* 3.3.1. DNN */
			a.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#66C;text-decoration:underline;}
			a.CommandButton:visited{color:#66C;text-decoration:underline;}
			a.CommandButton:hover{color:#66C;text-decoration:none;}
			a.CommandButton:active{color:#66C;text-decoration:none;}
			
			a.SkinObject:link{color:#66C;text-decoration:underline;}
			a.SkinObject:visited{color:#66C;text-decoration:underline;}
			a.SkinObject:hover{color:#66C;text-decoration:none;}
			a.SkinObject:active{color:#66C;text-decoration:none;}
	
			/* 3.3.2. Generic */
			a img{border:0;}
			
			a{font:1em Verdana, Arial, Helvetica, sans-serif;}
			a:link{color:#66C;text-decoration:underline;}
			a:visited{color:#66C;text-decoration:underline;}
			a:hover{color:#66C;text-decoration:none;}
			a:active{color:#66C;text-decoration:none;}
			
			/* 3.3.3. Skin */
			#mitchel a.member-option{display:block;line-height:2.5;padding:0 1.5em;margin-left:5px;float:left;background:#373737;}
			#mitchel a.member-option:link{color:#FFF;text-decoration:none;}
			#mitchel a.member-option:visited{color:#FFF;text-decoration:none;}
			#mitchel a.member-option:hover{color:#FFF;text-decoration:underline;}
			#mitchel a.member-option:active{color:#FFF;text-decoration:underline;}
			
			#mitchel .search label,
			#mitchel a.search{font-weight:bold;}
			#mitchel a.search:link{color:#333;text-decoration:none;}
			#mitchel a.search:visited{color:#333;text-decoration:none;}
			#mitchel a.search:hover{color:#333;text-decoration:underline;}
			#mitchel a.search:active{color:#333;text-decoration:underline;}
			
			#mitchel #footer .footer,
			#mitchel #footer a{color:#333;margin:0 10px;}
			#mitchel #footer a:link{color:#333;text-decoration:underline;}
			#mitchel #footer a:visited{color:#333;text-decoration:underline;}
			#mitchel #footer a:hover{color:#333;text-decoration:none;}
			#mitchel #footer a:active{color:#333;text-decoration:none;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
		
		/* 4.1. Main Nav */
		#mitchel .menuWrap li {list-style-type: none}

		#mitchel .menuWrap{float:left;width:670px;position:relative;left:10px;border:#CFD1EF solid;border-width:1px 0;background:none;}
		
		#mitchel .menuWrap *{border:0;background:none;margin:0;padding:0;text-decoration:none;}
		
		#mitchel .menuWrap .rootGroup{}
		
			#mitchel .menuWrap a.link{display:block;padding:10px 7px;margin:1px 1px 1px 0;float:none;cursor:pointer;}
	
			#mitchel .menuWrap span.text{display:block;color:#333;background:none;font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
			
			#mitchel .menuWrap a.link:hover,
			#mitchel .menuWrap a.expanded,
			#mitchel .menuWrap a.current{background:#CFD1EF;}

			#mitchel .menuWrap a.link:hover span.text,
			#mitchel .menuWrap a.expanded span.text,
			#mitchel .menuWrap a.current span.text{color:#333;text-decoration:none;}

			/* 4.1.1. Submenus */
			#mitchel .menuWrap .group {position:absolute; margin-top:1px;z-index:99999;border:0;background:#333;}
			
			#mitchel .menuWrap .group li.item{height:auto;}

			#mitchel .menuWrap ul.megacol{margin-left:0.5em;border-left:1px solid black;padding-left:0.5em}
			#mitchel .menuWrap ul.megacol.atleft{margin-left:0;border-left:0;padding-left:0}

			#mitchel .menuWrap .level1 ul.megacol li.megahead span.text{font-weight: bold}
			#mitchel .menuWrap .level1 ul.megacol li.megahead {border-bottom:1px solid #fff;}

		
			#mitchel .menuWrap .group a.link{width:200px;padding:0;margin:0;}
		
			#mitchel .menuWrap .group img{display:none;}
			
			#mitchel .menuWrap .group a.current,
			#mitchel .menuWrap .group a.expanded,
			#mitchel .menuWrap .group a.link:hover{background:none;}
			#mitchel .menuWrap .group a.link:hover span.text,
			#mitchel .menuWrap .group a.expanded span.text,
			#mitchel .menuWrap .group a.current span.text{background:#CFD1EF;color:#333;text-decoration:none;}
			
			#mitchel .menuWrap .group span.text{display:block;padding:0.4em 3em 0.4em 0.9em;margin:0;color:#FFF;font-weight:normal;white-space:normal;}		
			

		/* 4.2. Footer Nav */
		#mitchel #FooterNav ul{padding:0;margin:0;list-style:none;}
		#mitchel #FooterNav li{padding:0;margin:0;list-style:none;display:inline;}
		#mitchel #FooterNav .SelectedTab{font:normal 1em Verdana, Arial, Helvetica, sans-serif;}
		
		
		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul,li{}
		
		ul.nostyle,
		li.nostyle{list-style:none;margin:0;padding:0;}

	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 6. Tables */
	
		table,caption,tbody,tfoot,thead,tr,th,td{}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 7. Forms */
	
		form,fieldset,legend,label,input,textarea,select{}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 8. Helpful */
	
		/* 8.1. Generic */
		.b{font-weight:bold;}
		.u{text-decoration:underline;}
		.i{font-style:italic;}
		.del{text-decoration:line-through;}
		
		.text-large{font-size:1.5em;}
		.text-medium{font-size:1.2em;}
		.text-small{font-size:0.9em;}
	
		.reset{margin:0 !important;padding:0 !important;border:0 !important;
		line-height:normal !important;font-weight:normal !important;
		font-style:normal !important;font-size:100% !important;font-family:inherit; !important}
		
		.text-left{text-align:left;}
		.text-center{text-align:center;}
		.text-right{text-align:right;}
		
		.center{margin:0 auto;display:block;}
		
		.img-left{float:left;margin-right:15px;}
		.img-right{float:right;margin-left:15px;}
		
		.left{float:left;}
		.right{float:right;}
		.none{float:none;}
		
		.clear{clear:both;}
		
		.codebox{background:#EEE;margin-bottom:15px;overflow-x:auto;overflow-y:hidden;white-space:nowrap;padding:10px;padding-bottom:expression(this.scrollWidth > this.offsetWidth ? 29 : 10);}