/*
	DW
	used to space button images on services pages
*/
.buttonrow{padding: 0 0 0 5px; height: 130px; width: 930px;}
.buttonspace{padding: 0 5px 5px 0; float:left;}
	
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 1. DNN */

		.ControlPanel{border:#CCC dotted;border-width:0 0 1px 0;}
		.ControlPanel table{margin:0 auto;}
		.ControlPanel .SubHead{font-size:1em;}
		.ControlPanel a.CommandButton{font-size:10px;}
		
		.PagingTable{}
		
		.DNNEmptyPane{display:none;}
		.DNNAligncenter table{text-align:left;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */
	
		#Body{background:#DAE4E6;}
		#Form{width:100%;float:left;}
		
		.outer-page{background:url(images/bg.jpg) top repeat-x;}
		#page{width:980px;margin:0 auto;position:relative;background:url(images/content-bg.png) 50% 0 repeat-y;}
		#skin-header{height:66px;background:url(images/header-bg.jpg);position:relative;}
	
		#skip2content{position:absolute;top:0;right:20px;}
		#skin-logo{position:absolute;left:50px;bottom:5px;margin:0;}
		#skin-logo a{display:block;text-indent:-100000px;width:358px;height:49px;outline:none;background:url(images/logo.png);}
		
		#search{float:right;}
		#search .NormalTextBox{background:#FFF;border:1px #FFF solid;width:150px;}
		
		/* main content */
		#main-content{clear:both;background:url(images/content-top.png) no-repeat;padding:15px 25px;min-height:400px;height:auto !important;height:400px;}
		#main-panes{width:560px;float:left;}
		.WidePane{}
		.MainPane{width:335px;float:right;}
		.ExtraPane{width:200px;float:left;}
		.SidePane{width:355px;float:right;}
		#grid-panes{clear:both;}
		.GridPane1{width:300px;float:left;}
		.GridPane2{width:300px;float:left;margin-left:15px;}
		.GridPane3{width:300px;float:right;}
		.ContentPane{clear:both;}
		.skin-pane{border:0 !important;}
		.isAdmin .skin-pane{}
		
		/* footer */
		#skin-footer{background:url(images/content-bottom.png) top no-repeat;clear:both;padding:45px 30px;line-height:2;text-align:center;}
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SubHead{font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.SubSubHead{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#333;}
		.Normal{font:1em/1.4 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;}
		.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
	
		/* 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 1em 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 1em 0;padding:0;line-height:normal;}
			
			h1{font-size:1.666em;font-weight:bold;}
			h2{font-size:1.666em;font-weight:normal;}
			h3{font-size:1.333em;font-weight:bold;}
			h4{font-size:1.333em;font-weight:normal;}
			h5{font-size:1.166em;font-weight:bold;}
			h6{font-size:1.166em;font-weight:normal;}
			
			/* 3.2.2. Skin */
			#skin-footer{color:#333;font-size:0.8em;}
			#skin-footer *{color:#333;font-size:1em;}
		
		/* 3.3. Links */
		
			/* 3.3.1. DNN */
			a.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#0099FF;text-decoration:underline;}
			a.CommandButton:visited{color:#0099FF;text-decoration:underline;}
			a.CommandButton:hover{color:#0099FF;text-decoration:none;}
			a.CommandButton:active{color:#0099FF;text-decoration:none;}
			
			a.SkinObject:link{color:#0099FF;text-decoration:underline;}
			a.SkinObject:visited{color:#0099FF;text-decoration:underline;}
			a.SkinObject:hover{color:#0099FF;text-decoration:none;}
			a.SkinObject:active{color:#0099FF;text-decoration:none;}
	
			/* 3.3.2. Generic */
			a img{border:0;}
			
			a{font:1em Verdana, Arial, Helvetica, sans-serif;}
			a:link{color:#0099FF;text-decoration:underline;}
			a:visited{color:#0099FF;text-decoration:underline;}
			a:hover{color:#0099FF;text-decoration:none;}
			a:active{color:#0099FF;text-decoration:none;}
			
			/* 3.3.3. Skin */
			
			/* skip to content */
			a#skip2content{left:20px;top:-20px;right:auto;background:#3F464F;color:#FFF;padding:4px 15px;display:none;font-size:0.8em;}
			a#skip2content:link{color:#FFF;text-decoration:none;}
			a#skip2content:visited{color:#FFF;text-decoration:none;}
			a#skip2content:hover{background:#0099FF;color:#FFF;text-decoration:none;}
			a#skip2content:active{background:#0099FF;color:#FFF;text-decoration:none;}
			
			/* member options */
			a.member-option{}
			a.member-option:link{color:#FFF;text-decoration:none;}
			a.member-option:visited{color:#FFF;text-decoration:none;}
			a.member-option:hover{background:#0099FF;color:#FFF;text-decoration:none;}
			a.member-option:active{background:#0099FF;color:#FFF;text-decoration:none;}
			
			/* footer */
			a.skin-footer:link{color:#333;text-decoration:none;}
			a.skin-footer:visited{color:#333;text-decoration:none;}
			a.skin-footer:hover{color:#333;text-decoration:underline;}
			a.skin-footer:active{color:#333;text-decoration:underline;}
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */

	#nav{position:absolute;right:50px;bottom:-1px;line-height:1;}
	#nav,#nav *{margin:0;padding:0;list-style:none;}

	#nav li{float:left;position:relative;margin-right:3px;}
	#nav li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
	#nav li:hover ul,
	#nav li.sfHover ul{left:0;top:29px;}
	
	#nav a{display:block;text-decoration:none;}

	#nav span{display:block;padding:5px 10px;font-size:1.1em;font-weight:bold;color:#1F4D85;border:solid #DAE3E7;border-width:1px 1px 0 1px;background:#DAE3E7;-moz-border-radius-topleft:5px;-moz-border-radius-topright:5px;-webkit-border-top-left-radius:5px;-webkit-border-top-right-radius:5px;}

	#nav a.selected,
	#nav a.bcrumb,
	#nav a.expanded,
	#nav a:hover{}

	#nav a.selected span,
	#nav a.bcrumb span{border:solid #DAE3E7;border-width:1px 1px 0 1px;background:#FFF;}
	#nav a.expanded span,
	#nav a:hover span{border:solid #DAE3E7;border-width:1px 1px 0 1px;background:#DAE3E7;}

	#nav ul{position:absolute;top:-999em;width:20em;z-index:999;background:#DAE3E7;padding:10px;}
	#nav ul li{width:100%;height:auto;margin:0;}
	#nav ul a{height:auto;line-height:normal;padding:0;border:0;}
	#nav ul span{height:auto;padding:3px 20px 3px 15px;text-transform:none;font-size:1em;-moz-border-radius:0;-webkit-border-radius:0;}
	
	#nav ul li a.selected span,
	#nav ul li a.bcrumb span,
	#nav ul li a.expanded span,	
	#nav ul li a:hover span{background:#FFF;}
	
	#nav ul li a.hasChildren span{background:url(images/arrow-dark.png) 100% 50% no-repeat;}
	
	#nav ul li a.bcrumb.hasChildren span,
	#nav ul li a.selected.hasChildren span,
	#nav ul li a.expanded.hasChildren span,
	#nav ul li a.hasChildren:hover span{background:url(images/arrow-dark.png) 100% 50% no-repeat #FFF;}

	#nav ul ul{border:3px solid #FFF;}
	
	#nav li:hover li ul,
	#nav li.sfHover li ul{top:-999em;}
	#nav li li:hover ul,
	#nav li li.sfHover ul{left:15em;top:0;}
	#nav li li:hover li ul,
	#nav li li.sfHover li ul{top:-999em;}
	#nav li li li:hover ul,
	#nav li li li.sfHover ul{left:15em;top:0;}

		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul,li{}

	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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;}
		
		p.last{margin:0;}
		
		.highlighted{background:#EFEADD;padding:10px;}
		
		.border-top{border-top:1px dotted #333;padding-top:1em;}
		.border-bottom{border-bottom:1px dotted #333;padding-bottom:1em;margin-bottom:1em;}
		
		.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:0 10px 4px 0;}
		.img-right{float:right;margin:0 0 4px 10px;}
		
		.float-left{float:left;}
		.float-right{float:right;}
		.float-none{float:none;}
		
		.clear{clear:both;}
		
		.padding-5{padding:5px;}
		.padding-10{padding:10px;}
		.padding-15{padding:15px;}
		
		.rounded {
			-moz-border-radius:10px;
			-webkit-border-radius:10px;
		} 

		/* Clearing floats without extra markup  */
		.clearfloats{display:inline-block;}
		.clearfloats:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		* html .clearfloats{height:1%;}
		.clearfloats{display:block;}



