/*
	
		Project: Leggero - Premium DotNetNuke Skin
		Developer: Vasilis Terzopoulos
		Version: 2.0
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Header
			2.2. Main
			2.3. Navbar
			2.4. Toolbar
			2.5. Panes
			2.6. Footer
		3. Typography
			3.1. DNN
			3.2. Generic
				3.2.1. Headings
			3.3. Links
				3.3.1. DNN
				3.3.2. Generic
				3.3.3. Skin
		4. Navigation
			4.1. Main Nav
				4.1.1. Second level
				4.1.2. Third level and beyond
			4.2. Footer Nav
		5. Lists
		6. Tables
		7. Forms
		8. Helpful
			8.1. Generic
			8.2. Skin
				
		-----------------------------------------------
		- Colors --------------------------------------
		
		# Dark grey (member-option):	#888
		# Light grey (bg-grey):			#F0F0F0
		
		# Cherry dark (links):			#8E0000
		# Cerry medium (nav borders):	#B50000
		# Cherry light (nav bg):		#FE0000

	*/


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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{width:100%;}
		.FileManager *{font-size:10px;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */

		#Body{background:url(bg.jpg) repeat-x #DBDBDB;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#ci{width:960px;margin:0 auto;padding-top:24px;}
		
		/* 2.1. Header */
		#ci #header{height:187px;position:relative;background:url(header.jpg);border-bottom:1px #FFF solid;}
		#ci #logo{position:absolute;top:31px;left:32px;z-index:1;}
		#ci #slogan{position:absolute;left:181px;top:99px;z-index:2;text-indent:-50000px;width:262px;height:60px;background:url(slogan.png);}
		#ci #member-options{position:absolute;bottom:8px;right:30px;}
		
		/* 2.2. Main */
		#ci #main{width:960px;float:left;position:relative;background:url(shadow.png) top repeat-x #FFF;border-top:1px #27437A solid;}
		
		/* 2.3. Side Column */
		#ci #side-column{width:250px;float:left;position:relative;left:20px;}

		#ci #search{width:250px;position:relative;background:url(nav-bottom.png) bottom no-repeat #27437A;padding:15px 0;}
		#ci #search .NormalTextBox{width:150px;height:25px;border:0;font-size:1.1em;padding:5px;background:url(search-input.png) no-repeat;position:absolute;top:10px;left:10px;overflow:hidden;}
		#ci #search .search{display:block;width:60px;height:25px;background:url(search-button.png);text-indent:-100000px;position:absolute;top:10px;right:10px;}
		
		/* 2.5. Panes */
		#ci .sidepane{margin-top:10px;}
		#ci .contentpane{width:630px;float:right;position:relative;right:30px;margin-top:30px;}
		
		/* 2.6. Footer */
		#ci #footer{width:960px;clear:both;padding:3.5em 0 1.5em;text-align:center;background:url(footer.jpg) bottom;}
		

	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 1.25em 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 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.3em;font-weight:bold;}
			h2{font-size:1.3em;font-weight:normal;}
			h3{font-size:1.2em;font-weight:bold;}
			h4{font-size:1.2em;font-weight:normal;}
			h5{font-size:1.1em;font-weight:bold;}
			h6{font-size:1.1em;font-weight:normal;}
		
		/* 3.3. Links */
		
			/* 3.3.1. DNN */
			a.CommandButton{font:bold 1em Verdana, Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#669933;text-decoration:underline;}
			a.CommandButton:visited{color:#669933;text-decoration:underline;}
			a.CommandButton:hover{color:#669933;text-decoration:none;}
			a.CommandButton:active{color:#669933;text-decoration:none;}
			
			a.SkinObject:link{color:#669933;text-decoration:underline;}
			a.SkinObject:visited{color:#669933;text-decoration:underline;}
			a.SkinObject:hover{color:#669933;text-decoration:none;}
			a.SkinObject:active{color:#669933;text-decoration:none;}
	
			/* 3.3.2. Generic */
			a img{border:0;}
			
			a{font:1em Verdana, Arial, Helvetica, sans-serif;}
			a:link{color:#669933;text-decoration:underline;}
			a:visited{color:#669933;text-decoration:underline;}
			a:hover{color:#669933;text-decoration:none;}
			a:active{color:#669933;text-decoration:none;}
			
			/* 3.3.3. Skin */
			#ci a.member-option{font-weight:bold;font-size:0.9em;}
			#ci a.member-option:link{color:#283F7B;text-decoration:none;}
			#ci a.member-option:visited{color:#283F7B;text-decoration:none;}
			#ci a.member-option:hover{color:#86BC00;text-decoration:none;}
			#ci a.member-option:active{color:#86BC00;text-decoration:none;}
			
			#ci #footer .footer,
			#ci #footer a{font-size:0.9em;color:#333;margin:0 0.6em;}
			#ci #footer a:link{color:#333;text-decoration:none;}
			#ci #footer a:visited{color:#333;text-decoration:none;}
			#ci #footer a:hover{color:#86BC00;text-decoration:none;}
			#ci #footer a:active{color:#86BC00;text-decoration:none;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
		
		#ci .radmenu{border:0;width:250px;background:url(nav-top.png) top repeat-x #283F7B;float:none;padding-top:15px;}
		
		#ci .radmenu img{display:none;}
		
		#ci .radmenu li.item{width:250px;border:0;background:url(nav-line.png) bottom repeat-x;}
		#ci .radmenu li.first{border-top:1px #7887AA solid;}
		
		#ci .radmenu a.link{width:250px;}
		
		#ci .radmenu span.text{padding:6px 20px 8px;color:#FFF;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:1em;cursor:pointer;}
		
		#ci .radmenu a.link:hover,
		#ci .radmenu a.expanded,
		#ci .radmenu a.focused,
		#ci .radmenu a.clicked{background:transparent;}
		#ci .radmenu a.link:hover span.text,
		#ci .radmenu a.expanded span.text,
		#ci .radmenu a.focused span.text,
		#ci .radmenu a.clicked span.text{background:url(nav-hover.png) top repeat-x;color:#FFF;}
		#ci .radmenu a.current span.text{background:url(nav-highlight.png) top repeat-x;color:#283F7B;font-weight:bold;}
		
		/* Second Level */
		#ci .radmenu .slide{padding:1px 0 0 2px;}
		#ci .radmenu .group{border:0;}
		#ci .radmenu .group li.item{width:auto;}
		#ci .radmenu .group li.first{border:0;}
		#ci .radmenu .group a.link{width:auto;}
		#ci .radmenu .group span.text{background:#283F7B;padding:5px 20px 5px 10px;}
		
		#ci .radmenu .group a.link:hover span.text,
		#ci .radmenu .group a.expanded span.text,
		#ci .radmenu .group a.current span.text{background:#000;color:#FFF;}
		
		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul,li{list-style-image:url(bullet1.png);}

	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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;}
		
		/* 8.2. Skin */		
		.bg-dark{background-color:#8E0000;}
		.bg-light{background-color:#FE0000;}
		.bg-grey{background-color:#F0F0F0;}
		
		.border-dark{border:1px #8E0000 solid;}
		.border-light{border:1px #FE0000 solid;}
		.border-grey{border:1px #F0F0F0 solid;}
		
		.pad5{padding:5px;}
		.pad10{padding:10px;}
		.pad15{padding:15px;}
		
		.text-dark{color:#8E0000;}
		.text-light{color:#FE0000;}
		.text-grey{color:#888;}