/*
	
		Project: coolhandnuke.com
		Developer: Vasilis Terzopoulos
		
		-----------------------------------------------
		- Index ---------------------------------------
		
		1. DNN
		2. Layout
			2.1. Header
				2.1.1. Logo
				2.1.2. Job Links
				2.1.3. Member Options
				2.1.4. Header Employer
			2.2. Top Pane
			2.2. Main Content
			2.3. Small Panes
			2.4. Main Content
			2.5. Footer
				2.5.1. Tipbox
		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.2. Footer Nav
			4.3. Admin Nav
			
		5. Lists
		6. Tables
		7. Forms
		8. Helpful
				
	*/


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

		#Body{background:#000;margin:0;padding:0;height:100%;}
		#Form{width:100%;float:left;}
		
		#chn{width:900px; margin: 15px auto 0px auto;}
		
		/* 2.1. Header */
		#chn #header{position:relative;height:136px;margin-bottom:3px;background:url(images/header-topleft.png) top left no-repeat #00A9FC;}
		#chn .header-home{}
		#chn .header{}

			/* 2.1.1. Logo */
			#chn #logo{position:relative;top:10px;left:20px;}
			
			/* 2.1.2. Job Links */
			#chn #job-links{position:absolute;top:0;right:0;padding:0;margin:0;list-style:none;width:368px;height:68px;background:url(images/header-topright.png);}
			#chn #job-links li{margin:16px 0 0 0;padding:0;float:left;list-style:none;}
			#chn #job-links li#item1{padding-left:36px;}
			#chn #job-links li#item2{padding-left:26px;padding-right:10px;border-right:1px #FFF solid;}
			#chn #job-links li#item3{padding-left:26px;}
			
			/* 2.1.3. Member Options */
			#chn #member-options{position:absolute;margin-top:-27px; margin-left:650px; text-align:left;}
			#chn #member-options_emp{position:absolute;margin-top:90px; margin-left:70px; text-align:left; color:White;}
			/*#chn #header-employer #member-options{right:30px;}*/
			
			/* 2.1.4. Header Employer */
			#chn #header-employer{position:absolute;top:0;right:0;width:375px;height:136px;background:url(images/header-right.png);}
			#chn #header-employer #cart{position:absolute;top:30px;right:30px;display:inline-block;}
		
		/* 2.2. Top Pane */
		#chn #toppane-wrapper{background:#84C239;padding:17px 40px;}
		#chn .toppane{border:0 !important;}
		
		/* 2.3. Small Panes */
		#chn #small-panes{}
		#chn .smallpane1{border:0 !important;width:298px;float:left;}
		#chn .smallpane2{border:0 !important;width:298px;float:left;position:relative;left:3px;}
		#chn .smallpane3{border:0 !important;width:298px;float:right;}
		
		/* 2.4. Main Content */
		#chn #main-content{padding-top:6px; position:relative;}
		#chn #main-content2{position:relative;}
		#chn #main-content3{padding-top:6px; padding-bottom:6px;  position:relative;}
		#chn .mainpane{border:0 !important;width:497px;float:left;}
		#chn .sidepane{border:0 !important;width:367px;float:right;}
		#chn.inner .mainpane{border:0 !important;width:584px;float:left;}
		#chn.inner .sidepane{border:0 !important;width:280px;float:right;}
		#chn .contentpane{border:0 !important;clear:both;}
		
		#chn #main-content3 .LeftPane{background-color:#e9e9e9; text-align:left; vertical-align:top;}
		#chn #main-content3 .ContentPane{background-color:#e9e9e9; text-align:left; vertical-align:top;}
		#chn #main-content3 .ContentLeftPane{background-color:#e9e9e9; text-align:left; vertical-align:top;}
		#chn #main-content3 .ContentRightPane{background-color:#e9e9e9; text-align:left; vertical-align:top;}
		#chn #main-content3 .RightPane{background-color:#e9e9e9; text-align:left; vertical-align:top;}
		#chn #main-content3 .BottomPane{background-color:#e9e9e9; text-align:left; vertical-align:top;}
		
		/* 2.5. Footer */
		#chn #footer-wrapper{clear:both;background:url(images/footer-top.gif) top no-repeat #2794CD;position:relative;}
		#chn #footer{background:url(images/footer-bottom.gif) bottom no-repeat;padding:20px;}
		
		/*#chn #footer .share{float:left;margin-top:8px;height:20px;line-height:20px;background:url(tipbox/shareblt.jpg) no-repeat left 4px;padding-left:18px;cursor:pointer;color:#FFF;}
		#chn #footer .share a{font-size:11px;color:#FFF;line-height:20px;text-decoration:none;}*/
		
		#chn #footer .share{float:left;margin-top:8px;height:20px;line-height:20px;padding-left:18px;cursor:pointer;color:#FFF;}
		#chn #footer .share a{font-size:11px;color:#FFF;line-height:20px;text-decoration:none;}
		
			/* 2.5.1. Tipbox */
			#tipbox{width:118px;background:url(tipbox/tipboxtop.gif) no-repeat right top;padding-top:12px;position:absolute;display:none;top:-48px;left:830px;}
			#tipbox .tipboxtop{width:118px;padding-top:12px;background:url(tipbox/tipboxbg.gif) repeat-y;}
			#tipbox .tipboxtop ul{background:url(tipbox/tipind.gif) no-repeat left;width:118px;padding:2px 0;list-style:none;margin:0;}
			#tipbox .tipboxtop ul li{width:98px;height:20px;margin-left:20px;list-style:none;}
			#tipbox .tipboxtop ul li a{width:98px;overflow:hidden;color:#2658B0;font-size:12px;line-height:20px;text-decoration:none;}
			#tipbox .tipboxtop ul li a img{width:16px;height:16px;float:left;margin-right:4px;}
			#tipbox .tipboxbtm{background:url(tipbox/tipboxbtm.gif) no-repeat right bottom;padding-bottom:11px;}
			
			


	/*--------------------------------------------------------------------------------------------------------------*/
	/* 3. Typography */
	
		/* 3.1. DNN */
		.Head{font:bold 1.2em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
		.SubHead{font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
		.SubSubHead{font:bold 0.85em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
		.Normal{font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
		.NormalDisabled{font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#CCC;}
		.NormalBold{font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
		.NormalRed{font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#F00;}
		.NormalTextBox{font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
		.StandardButton{font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
		.SkinObject{font:normal 1em "Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;}
	
		/* 3.2. Generic */
		body{font-size:70%;}
		td,th,p,div,span,li{font:1em/1.4 "Trebuchet MS", Arial, Helvetica, sans-serif;color:#000000;}
		p{margin:0 0 .8em 0;padding:0;line-height:1.4;}
		blockquote,q{}
		pre{white-space:normal;}
	
			/* 3.2.1. Headings */
			h1,h2,h3,h4,h5,h6{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;color:#484848;margin:0 0 0.8em 0;padding:0;line-height:normal;}
			
			h1{font-size:1.6em;font-weight:bold;}
			h2{font-size:1.2em;font-weight:bold;}
			h3{font-size:1.2em;font-weight:normal;}
			h4{font-size:1em;font-weight:bold;}
			h5{font-size:0.9em;font-weight:bold;}
			h6{font-size:0.8em;font-weight:bold;}
			
		/* 3.3. Skin */
		#chn #member-options{color:#FFF;}
		#chn #member-options_emp{color:#FFF;}
		#chn #job-search div{color:#FFF;text-transform:uppercase;font-weight:bold;}
		#chn #job-search input{color:#A4A4A4;font-size:0.8em;}
		#chn #job-search select{font-size:0.8em;text-transform:none;}
		#chn #footer{font-size:0.9em;color:#FFFFFF;}
		#chn #footer *{font-size:1em;color:#FFFFFF;}
		
		/* 3.4. Links */
		
			/* 3.3.1. DNN */
			a.CommandButton{font:bold 1em "Trebuchet MS", Arial, Helvetica, sans-serif;}
			a.CommandButton:link{color:#484848;text-decoration:underline;}
			a.CommandButton:visited{color:#484848;text-decoration:underline;}
			a.CommandButton:hover{color:#484848;text-decoration:none;}
			a.CommandButton:active{color:#484848;text-decoration:none;}
			
			a.SkinObject:link{color:#484848;text-decoration:none;}
			a.SkinObject:visited{color:#484848;text-decoration:none;}
			a.SkinObject:hover{color:#484848;text-decoration:underline;}
			a.SkinObject:active{color:#484848;text-decoration:underline;}
	
			/* 3.3.2. Generic */
			a img{border:0;}
			
			a{font:1em "Trebuchet MS", Arial, Helvetica, sans-serif;}
			a:link{color:#484848;text-decoration:underline;}
			a:visited{color:#484848;text-decoration:underline;}
			a:hover{color:#484848;text-decoration:none;}
			a:active{color:#484848;text-decoration:none;}
			
			/* 3.3.3. Skin */
			#chn #job-links a{text-transform:uppercase;}
			#chn #job-links li#item3 a{padding-right:18px;background:url(images/arrow-green.png) right no-repeat;}
			#chn #job-links a:link{color:#FFF;text-decoration:none;}
			#chn #job-links a:visited{color:#FFF;text-decoration:none;}
			#chn #job-links a:hover{color:#FFF;text-decoration:underline;}
			#chn #job-links a:active{color:#FFF;text-decoration:underline;}
			
			#chn a.member-option{text-transform:uppercase; font-family: Arial, Helvetica, sans-serif;}
			#chn a.member-option:link{color:#FFF;text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
			#chn a.member-option:visited{color:#FFF;text-decoration:none; font-family: Arial, Helvetica, sans-serif;}
			#chn a.member-option:hover{color:#FFF;text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}
			#chn a.member-option:active{color:#FFF;text-decoration:underline; font-family: Arial, Helvetica, sans-serif;}
			
			#chn a#cart{position:absolute;width:24px;height:18px;display:block;right:23px;top:19px;outline:none;background:url(images/icon-cart.png);text-indent:-100000px;}
			#chn a#cart:hover{background-position:bottom;}
			
			#chn #footer .footer{color:#FFFFFF;}
			#chn #footer a:link{color:#FFFFFF;text-decoration:none;}
			#chn #footer a:visited{color:#FFFFFF;text-decoration:none;}
			#chn #footer a:hover{color:#FFFFFF;text-decoration:underline;}
			#chn #footer a:active{color:#FFFFFF;text-decoration:underline;}
			
			
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 4. Navigation */
		
		/* 4.1. Main Nav */
		#dnn_MainNav_RadMenu1{float:none;background:none;border:0;height:37px;}
		#dnn_MainNav_RadMenu1 ul.rootGroup{}
		#dnn_MainNav_RadMenu1 li.item{border:0;display:inline;position:static;}
		#dnn_MainNav_RadMenu1 a.link{position:absolute;width:155px;height:37px;text-align:center;background:url(images/navbg2.gif);cursor:pointer;outline:none;text-decoration:none;}
		#dnn_MainNav_RadMenu1 a.root-item1{left:0;z-index:100;background:url(images/navbg2fst.gif);}
		#dnn_MainNav_RadMenu1 a.root-item2{left:150px;z-index:99;}
		#dnn_MainNav_RadMenu1 a.root-item3{left:298px;z-index:98;}
		#dnn_MainNav_RadMenu1 a.root-item4{left:448px;z-index:97;}
		#dnn_MainNav_RadMenu1 a.root-item5{left:597px;z-index:96;}
		#dnn_MainNav_RadMenu1 a.root-item6{left:745px;z-index:95;}
		
		#dnn_MainNav_RadMenu1 a.current{background-position:bottom;z-index:101;}
		#dnn_MainNav_RadMenu1 a.current:hover{background:url(images/navbg2fst.gif) 0 -37px;}
		#dnn_MainNav_RadMenu1 a.link:hover{background-position:0 -37px;}
		
		#dnn_MainNav_RadMenu1 span.text{padding:0;color:#FEFDFC;text-transform:uppercase;font-size:1em;font-weight:bold;height:37px;line-height:37px;}
		#dnn_MainNav_RadMenu1 a.link:hover span.text{text-decoration:underline;}
		
		#dnn_MainNav_RadMenu1 ul.group{}
		#dnn_MainNav_RadMenu1 ul.group a.link{position:relative;width:auto;height:auto;text-align:left;background:none;}

		/* 4.2. Footer Nav */
		#chn  #footer-nav{width:740px;padding:0;margin:0;display:block;float:left;text-transform:uppercase;overflow:hidden;list-style:none;}
		#chn  #footer-nav li{background:url(images/arrow-footer.jpg) no-repeat left 5px;line-height:17px;width:102px;float:left;margin:0;padding-left:18px;list-style:none;}
		#chn  #footer-nav li a{color:#FFF;font-size:1em;text-decoration:none;}
		#chn  #footer-nav li a:link,
		#chn  #footer-nav li a:visited,
		#chn  #footer-nav li a:hover,
		#chn  #footer-nav li a:active{color:#FFF;}
			
		/* 4.3. Admin Nav */
		#dnn_AdminNav_RadMenu1{width:100%;margin:1px auto 0;float:none;}
		#dnn_AdminNav_RadMenu1 .rootGroup{width:870px;margin:0 auto;float:none;}
			
		
	/*--------------------------------------------------------------------------------------------------------------*/
	/* 5. Lists */

		dl,dt,dd,ol{}
		
		ul,li{}
		
		ul.nostyle,
		ul.nostyle li,
		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 */
	
		.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-right{text-align:right;}
		.text-center{text-align:center;}
		
		.center{margin:0 auto;display:block;text-align:center;}
		
		.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;}
		
		/* 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;}


		


/* Other */
#EmployerBox {
	BORDER-BOTTOM: #808080 thin solid; BORDER-LEFT: #808080 thin solid; PADDING-BOTTOM: 5px; BACKGROUND-COLOR: #000000; PADDING-LEFT: 5px; PADDING-RIGHT: 5px; FONT-FAMILY: Georgia, "Times New Roman", Times, serif; COLOR: #048aff; BORDER-TOP: #808080 thin solid; BORDER-RIGHT: #808080 thin solid; PADDING-TOP: 5px; width:130px;	
}
#EmployerBox div{COLOR: #048aff;}
#EmployerBox A {
	COLOR: #ea9528
}

#PageHeadline {
	BORDER-BOTTOM: #61889b 1px dotted; PADDING-BOTTOM: 5px; MARGIN-BOTTOM: 8px; PADDING-TOP: 12px
}
.HeadlineText {
	FONT-FAMILY: Georgia, "Times New Roman" , Times, serif; COLOR: #000000; FONT-SIZE: 18px
}
.SiteColorCHB {
	COLOR: #3399ff
}
.SiteFontGreen {
	COLOR: #000000
}

.LineHorz {
	BORDER-BOTTOM: #61889b 1px dotted; MARGIN-BOTTOM: 8px; HEIGHT: 8px
}

.FeaturedBox {
	BACKGROUND-COLOR: #ffffff; FONT-FAMILY: Georgia, "Times New Roman" , Times, serif; COLOR: #000000;
	border:#cccccc 1px solid;
}
.FeaturedBox .FeaturedBoxHeadRow {
	BACKGROUND-COLOR: #04a8ff; FONT-FAMILY: Georgia, "Times New Roman" , Times, serif; COLOR: #000000;
}
.FeaturedBox A {
	FONT-FAMILY: Georgia, "Times New Roman" , Times, serif; COLOR: #05487e; FONT-SIZE: 10px
}

.FeaturedBox A:hover {
	FONT-FAMILY: Georgia, "Times New Roman" , Times, serif; COLOR: #427ebb; FONT-SIZE: 10px
}

submit, input, textarea {outline:none;}
textarea {resize:none;}

/*
#fdbk_tab {
position: absolute!important;
top:expression(eval(document.documentElement.scrollTop)+200)!important;
}
*/
#fdbk_container{height:440px!important;}
.nnfeed-list img{width:300px!important;}
.nnfeed-list{width:320px;}