/*--------------------------------------------------------------------------------------------------------------*/
	/* INDEX *//*
	
		1. DNN Core
		2. Layout
			2.1. Canvas
			2.2. Page
			2.3. Toolbar
			2.4. Header
			2.5. Skin Main
			2.6. Navigation Bar
			2.7. Main Content
			2.8. Footer
		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{border:#CCC dotted;border-width:0 0 1px 0;background:url(images/trans_white.png);}
		.ControlPanel table{margin:0 auto;}
		.ControlPanel .SubHead{font-size:1em;}
		.ControlPanel a.CommandButton{font-size:10px;}
		
		.DNNEmptyPane{display:none;}
		.DNNAligncenter table{text-align:left;}
		
		table.Settings{width:100%;}
		table.FileManager{width:100%;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */
	
		/* 2.1. Canvas */
		.skin-canvas{background:url(images/bg.jpg) top repeat-x #31A3BD;min-height:100%;height:auto !important;height:100%;}
		
		/* 2.2. Page */
		.skin-page{}
		
		/* 2.3. Toolbar */
		.skin-toolbar{position:absolute;top:0;right:0;padding:0;text-align:right;background:url(images/topbar-left.png) no-repeat;}
		.skin-toolbar ul{height:32px;margin:0;padding:0 10px;list-style:none;background:url(images/topbar-right.png) right no-repeat;float:left;}
		.skin-toolbar li{margin:0;padding:0;list-style:none;float:left;}
		.skin-select-language{margin:-4px 10px 0 10px;}

		/* 2.4. Header */
		.skin-header{width:964px;margin:0 auto;overflow:hidden;position:relative;height:125px;background:url(images/header.jpg);}
		h1.skin-logo{width:191px;height:97px;background:url(images/logo.png);margin:16px 0 0 49px;float:left;display:inline;}
		div.skin-logo{float:left;}
		.HeaderPane{float:right;width:auto !important;width:1%;}
		
		/* 2.5. Skin Main */
		.skin-main{position:relative;background:url(images/bg.png) 50% 50px no-repeat;}
		
		/* 2.6. Navigation Bar */
		.skin-navbar{width:964px;height:50px;margin:0 auto;position:relative;z-index:999;clear:both;background:url(images/menu-bg.png);}
		/* more in section 4 */
		
		/* 2.7. Main Content */
		.skin-content{width:964px;margin:0 auto;background:url(images/content-bg.png);}
		.skin-content-main{width:924px;min-height:500px;height:auto !important;height:500px;margin:0 auto;padding:270px 20px 0;background:url(images/content-top.jpg) top no-repeat;}
			.skin-content-main{display:inline-block;}
			.skin-content-main:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
			* html .skin-content-main{height:1%;}
			.skin-content-main{display:block;}
		.skin-inner .skin-content-main{min-height:600px;height:auto !important;height:600px;padding:54px 20px 0;background:url(images/content-top-inner.jpg) top no-repeat;}
		.MainPane{width:620px;float:right;}
		.skin-panes-small{}
		.SidePane{width:284px;float:left;margin-top:-30px;}
		.ContentPane{clear:both;}
		
		/* 2.8. Footer */
		.skin-footer{width:864px;margin:0 auto;clear:both;padding:25px 50px;overflow:hidden;background:url(images/footer.png) top no-repeat #31A3BD;}
		.skin-footer-left{width:250px;float:left;}
		.skin-page-css-selector{}
		.skin-footer-right{width:600px;float:right;text-align:right;}
		.skin-footer-right a{margin-left:15px;}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Content (Content Blocks - Inline Elements - Typography) */
	
		/* 3.1. DNN Core */
		.Head{font:bold 1.3em Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.SubHead{font:bold 1.1em Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.SubSubHead{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.Normal{font:1em/1.4 Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.NormalDisabled{font:1em Verdana, Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 1em Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.NormalRed{font:1em Verdana, Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:1em Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.StandardButton{font:1em Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.SkinObject{font:normal 1em Verdana, Arial, Helvetica, sans-serif;color:#111;}
		.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:#111;}
		p{margin:0 0 1em 0;padding:0;line-height:1.4;}
		blockquote,q{}
		pre{}
	
		/* 3.3. Headings */
		h1,h2,h3,h4,h5,h6{font-family:Verdana, Arial, Helvetica, sans-serif;color:#111;margin:0 0 1em 0;padding:0;line-height:normal;}
			
		h1{font-size:1.6em;font-weight:bold;}
		h2{font-size:1.6em;font-weight:normal;}
		h3{font-size:1.4em;font-weight:bold;}
		h4{font-size:1.3em;font-weight:bold;color:#31A3BD;}
		h5{font-size:1.2em;font-weight:bold;}
		h6{font-size:1.2em;font-weight:normal;}
			
		/* 3.4. Skin */
		h1.skin-logo{}
		.skin-page-title{font-size:1em;margin:0;font-weight:bold;line-height:1.4;}
		.skin-footer{color:#FFF;font-size:0.8em;}
		.skin-footer *{color:#FFF;font-size:1em;}
		.skin-page-id{background:#FF0 !important;color:#111 !important;}
			
		
		/* 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:#326ABD;text-decoration:underline;}
			a.CommandButton:hover,
			a.CommandButton:active{color:#326ABD;text-decoration:none;}
			
			a.SkinObject:link,
			a.SkinObject:visited{color:#326ABD;text-decoration:underline;}
			a.SkinObject:hover,
			a.SkinObject:active{color:#326ABD;text-decoration:none;}
	
			/* 3.5.2. Generic */
			a{font:1em Verdana, Arial, Helvetica, sans-serif;}
			a:link,
			a:visited{color:#326ABD;text-decoration:underline;}
			a:hover,
			a:active{color:#326ABD;text-decoration:none;}
			
			a img{border:0;}			
			
			/* 3.5.3. Skin */
			
			/* toolbar */
			.skin-toolbar a{padding:0 10px;font-weight:bold;font-size:0.9em;border-right:1px solid #036;line-height:2.6;}
			.skin-toolbar .last a{border:0;}
			.skin-toolbar a:link,
			.skin-toolbar a:visited{color:#036;text-decoration:none;}
			.skin-toolbar a:hover,
			.skin-toolbar a:active{color:#036;text-decoration:underline;}
			.skin-toolbar a.skin-link-optometrists-center:link,
			.skin-toolbar a.skin-link-optometrists-center:visited,
			.skin-toolbar a.skin-link-optometrists-center:hover,
			.skin-toolbar a.skin-link-optometrists-center:active{color:#C21B00;}
			
			/* skip to content link */
			.skin-link-skip{display:none;}
			
			/* logo */
			.skin-logo a{display:block;width:191px;height:97px;text-indent:-100000px;outline:none;}
			
			/* breadcrumbs */
			a.skin-elem-breadcrumb:link,
			a.skin-elem-breadcrumb:visited{color:#111;text-decoration:none;}
			a.skin-elem-breadcrumb:hover,
			a.skin-elem-breadcrumb:active{color:#111;text-decoration:underline;}			
			
			/* footer */
			.skin-footer a:link,
			.skin-footer a:visited{color:#FFF;text-decoration:none;}
			.skin-footer a:hover,
			.skin-footer a:active{color:#FFF;text-decoration:underline;}
			
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */

		/* 4.1. Main */
		.nav-main,.nav-main *{margin:0;padding:0;list-style:none;}
		.nav-main{height:50px;line-height:1;}
	
		.nav-main li{float:left;position:relative;}
		.nav-main li:hover{visibility:inherit;/* fixes IE7 'sticky bug' */}
		.nav-main li:hover ul,
		.nav-main li.sfHover ul{top:50px;}
		
		.nav-main a{display:block;position:relative;z-index:1000;padding:17px 16px 17px 15px;font-size:1.1em;font-weight:bold;background:url(images/separator.png) right no-repeat;}
		
		.nav-main a:link,
		.nav-main a:visited,
		.nav-main a:hover,
		.nav-main a:active{color:#FFF;text-decoration:none;}
		
		.nav-main a.selected,
		.nav-main a.bcrumb,
		.nav-main a.expanded,
		.nav-main a:hover{background:url(images/menu-item-bg.png);}
		
		.nav-main li.first a{padding-left:17px;}
		
		.nav-main li.first a.selected,
		.nav-main li.first a.bcrumb,
		.nav-main li.first a.expanded,
		.nav-main li.first a:hover{background-image:url(images/menu-item-first.png);}		
		
		.nav-main ul{position:absolute;top:-999em;width:15em;z-index:999;}
		.nav-main ul li{width:100%;}
		.nav-main ul li.last{}
		.nav-main ul a{height:auto;z-index:999;line-height:normal;padding:4px 40px 4px 12px;background:#1F4D92;font-size:1em;}
		
		.nav-main ul li.first a{padding-left:12px;}

		.nav-main ul li.first a.selected,
		.nav-main ul li.first a.bcrumb,
		.nav-main ul li.first a:hover,
		.nav-main ul li a.bcrumb,
		.nav-main ul li a.selected,
		.nav-main ul li a:hover{background-color:#C31D00;background-image:none;}

		.nav-main ul li a.hasChildren,
		.nav-main ul li a.hasChildren:hover{background-image:url(images/arrow-white.png);background-position:100% 50%;background-repeat:no-repeat;}
		.nav-main ul li.first a.expanded,
		.nav-main ul li a.expanded{background:url(images/arrow-white.png) 100% 50% no-repeat #C31D00;}

		.nav-main ul li a.disabled{text-decoration:line-through;}
	
		.nav-main ul ul{border:0;}
		
		.nav-main li:hover li ul,
		.nav-main li.sfHover li ul{top:-999em;}
		.nav-main li li:hover ul,
		.nav-main li li.sfHover ul{left:10em;top:0;}
		.nav-main li li:hover li ul,
		.nav-main li li.sfHover li ul{top:-999em;}
		.nav-main li li li:hover ul,
		.nav-main li li li.sfHover ul{left:10em;top:0;}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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;}