/*
	
		Project: ccmc.com
		Developer: Vasilis Terzopoulos
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Header
				2.1.1. Top Links
				2.1.2. Current Date
			2.2. Search Bar
				2.2.1. Welcome
				2.2.2. Search
				2.2.3. Icon Links
			2.4. Contents
				2.4.1. Main
			2.5. Bottom Nav
			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. Panelbar
			4.3. Bottom Nav
			4.4. Admin Nav
		5. Lists
		6. Tables
		7. Forms
		8. Helpful
			8.1. Generic
				
	*/


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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:11px;width:100%;}
		
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 2. Layout */

		#Body{background:url(images/bg-inner-base.png) 50% 0 no-repeat #FFF;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#mycmcc{background:url(images/bg-inner.png) 50% 0 no-repeat;}
		#mycmcc {margin:0 auto;}
		#page{width:935px;margin:0 auto;overflow:hidden;padding-top:40px;}
		
		/* 2.1. Header */
		#mycmcc #header{width:935px;position:relative;overflow:hidden;border:1px #5E6E66 solid;background:url(images/bg-header.jpg);}
		#mycmcc #dnn_dnnLOGO_imgLogo{margin:10px 20px;}
		
			/* 2.1.1. Top Links */
			#mycmcc #top-links{position:absolute;top:10px;right:10px;}
			
			/* 2.1.2. Current Date */
			#mycmcc .current-date{display:block;position:absolute;right:10px;bottom:10px;}
		
		/* 2.2. Search Bar */
		#mycmcc #search-bar{width:935px;height:41px;margin-top:7px;border:#5E6E66 solid;border-width:1px 0;background:#FFF;position:relative;line-height:1;}
			
			/* 2.2.1. Welcome */
			#mycmcc #welcome{position:absolute;left:10px;top:10px;}
			
			/* 2.2.2. Search */
			#mycmcc #search{position:relative;top:10px;width:350px;margin:0 auto;}
			#mycmcc #search .NormalTextBox{width:282px;}
			
			/* 2.2.3. Icon Links */
			#mycmcc #icon-links{position:absolute;right:10px;bottom:5px;}
			#mycmcc #icon-links img{margin-left:10px;}
		
		/* 2.4. Contents */
		#mycmcc #contents{overflow:hidden;margin:7px 0 17px;}
			
			/* 2.4.1. Main */
			#mycmcc #Column-Nav{float:left;width:200px;}
			.pane1{border:0 !important;}
			
			.contentpane{width:728px;float:right;border:0 !important;}
			.contentpane-int,
			#Column-Main{width:521px;float:left;position:relative;left:7px;border:0 !important;}
			.pane2{border:0 !important;}
			#small-panes{overflow:hidden;}
			.smallpane1{width:257px;float:left;border:0 !important;}
			.smallpane2{width:257px;float:right;border:0 !important;}
			
			.pane3{width:200px;float:right;border:0 !important;}

			#mycmcc-left-pane {width:200px;float:left;}
			#mycmcc-center-pane{width:515px;float:left;padding:0 10px;}
			#mycmcc-right-pane{width:200px;float:left;}
			/*home.ascx*/
			#mycmcc-top-pane {width:100%;}
			#mycmcc-lower-left {float:left;width:298px;} 
			#mycmcc-lower-right {float:left;width:635px;}
			
		/* 2.5. Bottom Nav */
		#mycmcc #bottom-nav{width:935px;clear:both;border:#5E6E66 solid;border-width:1px 0;padding:5px 0;}
		
		/* 2.6. Footer */
		#mycmcc #footer{padding:10px 0;overflow:hidden;}
		#mycmcc #footer-logo{width:300px;float:left;position:relative;}
		#mycmcc #footer-logo img{float:left;margin-right:5px;vertical-align:middle;}
		#mycmcc #footer-logo span{display:block;margin-top:4px;}
		#mycmcc #copyright{width:320px;float:right;text-align:right;}
		

	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 14px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.SubHead{font:bold 12px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.SubSubHead{font:bold 11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.Normal{font:11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.NormalDisabled{font:11px Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.NormalRed{font:11px Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.StandardButton{font:11px Arial, Helvetica, sans-serif;color:#5E6E66;}
		.SkinObject{font:normal 11px Arial, Helvetica, sans-serif;color:#5E6E66;}
	
		/* 3.2. Generic */
		body{font-size:75%;}
		td,th,p,div,span,li{font:13px/1.4 Arial, Helvetica, sans-serif;color:#5E6E66;}
		p{margin:0 0 10px 0;padding:0;line-height:1.4;}
		blockquote,q{}
		pre{}
	
			/* 3.2.1. Headings */
			h1,h2,h3,h4,h5,h6{font-family:Arial, Helvetica, sans-serif;color:#5E6E66;margin:0 0 0.8em 0;padding:0;line-height:normal;}
			
			h1{font-size:18px;font-weight:bold;}
			h2{font-size:16px;font-weight:bold;}
			h3{font-size:14px;font-weight:bold;}
			h4{font-size:12px;font-weight:bold;}
			h5{font-size:11px;font-weight:bold;}
			h6{font-size:11px;font-weight:normal;}
			
		/* 3.3. Skin */
		#mycmcc #welcome{font-size:14px;color:#485A51;}
		#mycmcc #welcome span{font-size:14px;color:#5D9732;}
		#mycmcc .current-date{color:#FFF;font-size:18px;}
		#mycmcc #footer *{font-size:11px;}
		
		/* 3.4. Links */
		
			/* 3.3.1. DNN */
			a.CommandButton{font:bold 11px Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#007EA3;text-decoration:none;}
			a.CommandButton:visited{color:#007EA3;text-decoration:none;}
			a.CommandButton:hover{color:#5D9732;text-decoration:none;}
			a.CommandButton:active{color:#5D9732;text-decoration:none;}
			
			a.SkinObject:link{color:#007EA3;text-decoration:none;}
			a.SkinObject:visited{color:#007EA3;text-decoration:none;}
			a.SkinObject:hover{color:#5D9732;text-decoration:none;}
			a.SkinObject:active{color:#5D9732;text-decoration:none;}
	
			/* 3.3.2. Generic */
			a img{border:0;}
			
			a{font:normal 11px Arial, Helvetica, sans-serif;}
			a:link{color:#007EA3;text-decoration:none;}
			a:visited{color:#007EA3;text-decoration:none;}
			a:hover{color:#5D9732;text-decoration:none;}
			a:active{color:#5D9732;text-decoration:none;}
			
			/* 3.3.3. Skin */
			#mycmcc #top-links,
			#mycmcc #top-links a{font-size:12px;color:#FFF;}
			#mycmcc #top-links a:link{color:#FFF;text-decoration:none;}
			#mycmcc #top-links a:visited{color:#FFF;text-decoration:none;}
			#mycmcc #top-links a:hover{color:#FFF;text-decoration:underline;}
			#mycmcc #top-links a:active{color:#FFF;text-decoration:underline;}
			
			#mycmcc a.search{display:block;width:65px;height:35px;background:url(images/search.png);position:absolute;top:-6px;right:0;text-decoration:none;}
			#mycmcc a.search span{visibility:hidden;}
			
			#mycmcc #breadcrumbs,
			#mycmcc #breadcrumbs *{font-size:10px;}
			#mycmcc #breadcrumbs a:link{color:#5D9732;text-decoration:none;}
			#mycmcc #breadcrumbs a:visited{color:#5D9732;text-decoration:none;}
			#mycmcc #breadcrumbs a:hover{color:#007EA3;text-decoration:none;}
			#mycmcc #breadcrumbs a:active{color:#007EA3;text-decoration:none;}
			
			#mycmcc #copyright{color:#5D9732;}
			#mycmcc #copyright .copyright,
			#mycmcc #copyright a{color: #5D9732;margin:0 5px;}
			#mycmcc #copyright a:link{color:#5D9732;text-decoration:none;}
			#mycmcc #copyright a:visited{color:#5D9732;text-decoration:none;}
			#mycmcc #copyright a:hover{color:#007EA3;text-decoration:none;}
			#mycmcc #copyright a:active{color:#007EA3;text-decoration:none;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
		
		/* 4.1. Main Nav */
		#mycmcc .radmenu{float:none;border:0;background:#FFF;}
		
		#mycmcc .radmenu *{border:0;margin:0;padding:0;text-decoration:none;}
		
		#mycmcc .radmenu .rootGroup *{z-index:1;}
		
			#mycmcc .radmenu a.link{display:block;padding:17px 12px 10px;margin:0;float:none;cursor:pointer;}
	
			#mycmcc .radmenu span.text{display:block;color:#5E6E66;background:none;font:bold 11px Arial, Helvetica, sans-serif;}
			
			#mycmcc .radmenu a.link:hover,
			#mycmcc .radmenu a.expanded,
			#mycmcc .radmenu a.current{}

			#mycmcc .radmenu a.link:hover span.text,
			#mycmcc .radmenu a.expanded span.text,
			#mycmcc .radmenu a.current span.text{color:#5E6E66;text-decoration:none;}
			
			/* 4.1.1. Submenus */
		
			#mycmcc .radmenu .slide{z-index:999;}
			
			#mycmcc .radmenu .group{border:0;background:url(menu/border.png) repeat-y #FFF;border:1px #485A51 solid;padding:5px 0;}
			
				#mycmcc .radmenu .group li.item{}
				
				#mycmcc .radmenu .group a.link{padding:0;margin:0;background:none;}
			
				#mycmcc .radmenu .group img{display:none;}

				#mycmcc .radmenu .group a.link:hover span.text,
				#mycmcc .radmenu .group a.current span.text{color:#5D9732;text-decoration:none;background:url(menu/arrow.png) 0 50% no-repeat;}
				
				#mycmcc .radmenu .group span.text{display:block;padding:2px 30px 2px 22px;margin:0;color:#5E6E66;font-weight:normal;background:url(menu/arrow.png) 0 50% no-repeat;}
				
				#mycmcc .radmenu .group a.link span.expandLeft{color:#5E6E66;}
				#mycmcc .radmenu .group a.link:hover span.expandLeft{color:#5D9732;}
				#mycmcc .radmenu .group a.current span.expandLeft{color:#5D9732;}
				#mycmcc .radmenu .group a.expanded span.text{color:#5E6E66;}
				
		/* 4.2. Panelbar */		
		#mycmcc .panelbar{width:200px;background:#999A9F;border:0;margin-bottom:7px;}
		#mycmcc .panelbar .rootGroup{border:1px #747474 solid;padding:0 0 6px;}
		#mycmcc .panelbar .rootGroup img{display:none;}
		
		#mycmcc .panelbar .rootGroup li.item{margin:6px 6px 0;}
		#mycmcc .panelbar .rootGroup a.link{border:0;background:#CCCDCF;width:186px;}
		#mycmcc .panelbar .rootGroup span.text{background:url(images/arrow-gray.png) 167px 50% no-repeat;padding:5px;color:#505253;font-weight:bold;}
		#mycmcc .panelbar .rootGroup a.link:hover span.text,
		#mycmcc .panelbar .rootGroup a.current span.text,
		#mycmcc .panelbar .rootGroup a.expanded span.text{color:#5D9732;}
		
		#mycmcc .panelbar .rootGroup li li.item{margin:1px 0 0;}
		#mycmcc .panelbar .rootGroup li li a.link{background:#BDBEC2;}
		#mycmcc .panelbar .rootGroup li li span.text{background:none;padding:2px 5px;}
		
		#mycmcc .panelbar .rootGroup li li a.current{background:none;}
		#mycmcc .panelbar .rootGroup li li a.current span.text{color:#FFF;}
				
		
		/* 4.3. Bottom Nav */
		#mycmcc #BottomNav ul{margin:0;padding:0;list-style:none;overflow:hidden;text-align:center;}
		#mycmcc #BottomNav li{margin:0 5px 0 10px;padding:0;list-style:none;display:inline;line-height:1;}
		#mycmcc #BottomNav li.SelectedTab a{font:normal 11px Arial, Helvetica, sans-serif;}
		#mycmcc #BottomNav a:link{color:#5E6E66;text-decoration:none;}
		#mycmcc #BottomNav a:visited{color:#5E6E66;text-decoration:none;}
		#mycmcc #BottomNav a:hover{color:#5D9732;text-decoration:none;}
		#mycmcc #BottomNav a:active{color:#5D9732;text-decoration:none;}		
		
		/* 4.4. Admin Nav */
		#mycmcc #dnn_AdminNav_RadMenu1{position:absolute;top:0;left:230px;float:left;border-left:1px #CCC dotted;border-right:1px #CCC dotted;}
		#mycmcc #dnn_AdminNav_RadMenu1 a.link{padding:4px 10px 4px;}
		#mycmcc #dnn_AdminNav_RadMenu1 .group a.link{padding:0;}
		#mycmcc #dnn_AdminNav_RadMenu1 span.text{font-size:12px;}
		
	
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 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;}
	
		.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 15px 5px 0;}
		.img-right{float:right;margin:0 0 5px 15px;}
		
		.left{float:left;}
		.right{float:right;}
		.clear{clear:both;}