/*

	Vertical Reference DotNetNuke Skin
	by ThinkofDesign - http://www.thinkofdesign.com

	/*--------------------------------------------------------------------------------------------------------------*/
	/* INDEX *//*
	
		1. DNN Core
		2. Layout
		3. Content
			3.1. DNN Core
			3.2. Generic
			3.3. Headings
			3.4. Skin
			3.5. Links
				3.5.1. DNN Core
				3.5.2. Generic
				3.5.3. Skin
		4. Navigation
			4.1. Main
		5. Helpful
		

	/*--------------------------------------------------------------------------------------------------------------*/
	/* 1. DNN Core */
		
		html,body{height:100%;}
		#Form{width:100%;height:100%;float:left;}
		
		.ControlPanel{width:980px;margin:0 auto;border:#DADADA solid;border-width:0 0 1px 0;background:url(../images/trans_white.png);font-size:12px;margin-bottom:10px;}
		.ControlPanel .SubHead{font-size:1em;}
		.ControlPanel a.CommandButton{font-size:10px;}
		.ControlPanel table{width:100%;}
		.ControlPanel table table{width:auto;margin:0 auto;}
		
		.ControlPanel .dnnRibbon .barContent{border-right:0;border-bottom:0;}
		.ControlPanel .dnnRibbonBarHeader{padding:4px 0 7px;}
		.ControlPanel .RadTabStrip_Default{background-color:transparent;}
		.ControlPanel .RadTabStrip_Default .rtsLI *{padding:0;margin:0;}
		.ControlPanel .RadTabStrip_Default .rtsLI,
		.ControlPanel .RadTabStrip_Default .rtsLink{width:auto !important;height:auto;border-width:1px 1px 0;padding:0;margin-right:1px;}
		.ControlPanel .RadTabStrip .rtsLevel1 .rtsTxt,
		.ControlPanel .RadTabStripVertical .rtsLevel1 .rtsTxt{padding:5px;}
		.ControlPanel .rtsSelected span{font-weight:bold;}
		.ControlPanel .dnnRibbonGroup .footer{padding:5px;font-weight:bold;margin-top:5px;color:#999;}
		
		.DNNEmptyPane{display:none;}
		.DNNAligncenter table{text-align:left;}
		
		table.Settings{width:100%;}
		table.FileManager{width:100%;}
		table.FileManager *{font-size:11px !important;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */
	
		#Body{background:url(images/bg.jpg) top repeat-x #59718D;}
	
		.skin-canvas{min-height:100%;height:auto !important;height:100%;background:url(images/top.jpg) 50% 0 no-repeat;padding-bottom:20px;}
		
		.skin-page{width:980px;margin:0 auto;position:relative;background:url(images/top.jpg) 50% 0 no-repeat #FFF;}
		
		.skin-header{margin:0;height:130px;visibility:hidden;}
		
		.skin-main{clear:both;width:100%;float:left;position:relative;}
		
		.skin-navbar{height:38px;position:relative;z-index:999;clear:both;background:url(images/nav.png);margin:0 5px;}
		
		.skin-toolbar{width:970px;overflow:hidden;clear:both;background:url(images/toolbar.png) top repeat-x;margin:0 5px;position:relative;}
		.skin-text-date,
		.skin-breadcrumb{float:left;line-height:1.5;margin:5px 10px;}
		.skin-toolbar-links{position:absolute;top:10px;right:370px;}
		.skin-search{float:right;background:url(images/search.png) top no-repeat;width:352px;height:27px;text-align:center;}
		.skin-search .NormalTextBox{width:200px;margin:4px 0 0 65px;height:13px;}
		
		.skin-content-main{width:970px;float:left;clear:both;padding:20px 5px;}
		.skin-panes-main{float:left;width:740px;}
		.TopBanner{}
		.skin-panes-small{width:100%;float:left;clear:both;}
		.LeftPane{width:365px;float:left;}
		.RightPane{width:365px;float:right;}
		.BannerPane{width:220px;float:right;}
		.ContentPane{clear:both;}
		
		.skin-footer{clear:both;padding:10px;overflow:hidden;background:url(images/footer.png) bottom no-repeat #FFF;}

		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Content (Content Blocks - Inline Elements - Typography) */
	
		/* 3.1. DNN Core */
		.Head{font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.SubHead{font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.SubSubHead{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.Normal{font:1em/1.4 Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.NormalDisabled{font:1em Verdana, Arial, Helvetica, sans-serif;color:#CCC !important;}
		.NormalBold{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.NormalRed{font:1em Verdana, Arial, Helvetica, sans-serif;color:#F00 !important;}
		.NormalTextBox{font:1em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.StandardButton{font:1em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.SkinObject{font:normal 1em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
	
		/* 3.2. Generic */
		body{font-size:75%;}
		td,th,p,div,span,li{font:1em Verdana, Arial, Helvetica, sans-serif;color:#000;}
		p{margin:0 0 1em 0;padding:0;}
		blockquote,q{}
		pre{}
	
		/* 3.3. Headings */
		h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#000;margin:0 0 1em 0;padding:0;line-height:normal;}
			
		h1{font-size:1.9em;font-weight:bold;}
		h2{font-size:1.6em;font-weight:bold;}
		h3{font-size:1.4em;font-weight:bold;}
		h4{font-size:1.3em;font-weight:normal;}
		h5{font-size:1.2em;font-weight:bold;}
		h6{font-size:1em;font-weight:normal;}
			
		/* 3.4. Skin */
		.skin-toolbar{font-size:0.8em;}
		.skin-toolbar-links{font-size:1.2em;}
		.skin-toolbar-links a{margin-left:10px;background:url(images/arrow-black.png) 0 50% no-repeat;padding-left:15px;}
		.skin-footer{font-size:0.8em;}
		.skin-footer *{font-size:1em;}
			
		
		/* 3.5. Links */
		
			/* 3.5.1. DNN Core */
			a.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
			a.CommandButton:link,
			a.CommandButton:visited{color:#DA640E;text-decoration:underline;}
			a.CommandButton:hover,
			a.CommandButton:active{color:#DA640E;text-decoration:none;}
			
			a.SkinObject:link,
			a.SkinObject:visited{color:#DA640E;text-decoration:underline;}
			a.SkinObject:hover,
			a.SkinObject:active{color:#DA640E;text-decoration:none;}
	
			/* 3.5.2. Generic */
			a{font:1em Verdana, Arial, Helvetica, sans-serif;}
			a:link,
			a:visited{color:#DA640E;text-decoration:underline;}
			a:hover,
			a:active{color:#DA640E;text-decoration:none;}
			
			a img{border:0;}			
			
			/* 3.5.3. Skin */
			
			/* toolbar */
			.skin-toolbar a{font-weight:normal;}
			.skin-toolbar a:link,
			.skin-toolbar a:visited{text-decoration:none;}
			.skin-toolbar a:hover,
			.skin-toolbar a:active{text-decoration:underline;}
			
			/* skip to content link */
			.skin-link-skip{display:none;}
			
			/* breadcrumbs */
			a.skin-elem-breadcrumb:link,
			a.skin-elem-breadcrumb:visited{text-decoration:none;}
			a.skin-elem-breadcrumb:hover,
			a.skin-elem-breadcrumb:active{text-decoration:underline;}			

			/* search link */
			a.skin-link-search{font-weight:bold;}
			a.skin-link-search:link,
			a.skin-link-search:visited{color:#FFF;text-decoration:none;}
			a.skin-link-search:hover,
			a.skin-link-search:active{color:#FFF;text-decoration:underline;}
			
			/* footer */
			.skin-footer a:link,
			.skin-footer a:visited{color:#000;text-decoration:none;}
			.skin-footer a:hover,
			.skin-footer a:active{color:#000;text-decoration:underline;}
			
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */

		/* 4.1. Main */
		.nav-main,.nav-main *{margin:0;padding:0;list-style:none;}
		.nav-main{line-height:1;float:left;height:38px;}
	
		.nav-main li{float:left;position:relative;background:url(images/sep.png) right no-repeat;padding-right:3px;}
		.nav-main li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
		.nav-main li:hover ul,
		.nav-main li.sfHover ul{top:38px;}
		
		.nav-main a{display:block;position:relative;padding:10px;font-weight:bold;}
		.nav-main a:link,
		.nav-main a:visited,
		.nav-main a:hover,
		.nav-main a:active{text-decoration:none;color:#103052;}
		
		.nav-main a:hover,
		.nav-main .selected,
		.nav-main .bcrumb,
		.nav-main .sfHover a{background:#A1AFBF;}

		.nav-main ul{position:absolute;top:-999em;width:200px;z-index:999;background-color:#A1AFBF;}
		.nav-main ul li{width:100%;border-top:1px dotted #E0E5EB !important;border-top:1px solid #E0E5EB;background:none;padding:0;}
		.nav-main ul a{height:auto;z-index:999;line-height:normal;padding:4px 0 4px 10px;font-weight:normal;background-color:#A1AFBF;}
		
		.nav-main ul a:hover{background-color:#E0E5EB;}
		.nav-main ul a.hasChildren,
		.nav-main ul a.hasChildren:hover{background-image:url(images/arrow-black.png);background-position:100% 50%;background-repeat:no-repeat;}
		
		.nav-main ul .disabled{}
	
		.nav-main ul ul{}
		
		.nav-main li:hover li ul,
		.nav-main li.sfHover li ul,
		.nav-main li li:hover li ul,
		.nav-main li li.sfHover li ul{top:-999em;}
		
		.nav-main li li:hover ul,
		.nav-main li li.sfHover ul,
		.nav-main li li li:hover ul,
		.nav-main li li li.sfHover ul{left:200px;top:-1px;}
		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Helpful */
	
		.b,.strong{font-weight:bold;}
		.u{text-decoration:underline;}
		.i,.em{font-style:italic;}
		.del{text-decoration:line-through;}
		
		.last{margin:0;}
		
		.highlighted,.spot{background:#FCF8EB;padding:10px;}
		
		.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;
			float:none !important;
			line-height:1 !important;
			font-family:inherit !important;
			font-weight:normal !important;
			font-style:normal !important;
			font-size:100% !important;
			text-align:left !important;
			vertical-align:baseline !important;
		}
		
		.align-center{text-align:center;}
		.align-left{text-align:left;}
		.align-right{text-align:right;}
		
		.left{float:left;}
		.right{float:right;}
		
		img.center{margin:0 auto;display:block;}
		img.left{float:left;margin:0 10px 4px 0;}
		img.right{float:right;margin:0 0 4px 10px;}

		.clear{clear:both;}

		/* clearing inner floats */
		/* the easy way */
		.clearinner{overflow:hidden;}
		/* the tricky way */
		.clearinnerfloats{display:inline-block;}
		.clearinnerfloats:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
		* html .clearinnerfloats{height:1%;}
		.clearinnerfloats{display:block;}