/*
   master.css
   Gullkalven
   
   Created by Jesper Thøgersen on 2009-03-31.
*/



/* Useful stuff
-------------------------------------------------*/

	/* ###### Reset ###### */

		html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,code,del,dfn,em,img,q,dl,dt,dd,ol,ul,li,
		fieldset,form,label,legend,caption,tbody,tfoot,thead,tr,th,td { margin:0;padding:0;border:0;font-size:100%;font-family:inherit; }

	/* ######## Clearfix ######## */

		.clearfix:after{ content:"";display:block;clear:both;visibility:hidden;line-height:0;height:0; }
		*:first-child+html .clearfix{display:inline-block;}
		html[xmlns] .clearfix{display:block;}
		* html .clearfix{height:1%;}



/* Tags
--------------------------------------------------*/

	body { background: #fff /*url('../images/bg_vimpler.png') repeat-y top center*/; color: #140f08; font: 80% Helvetica, Arial, sans-serif; }
	
	a { color: #140f08; }
	
	h2 { font-family: Helvetica, Arial; font-size: 18px; font-weight: bold; line-height: 45px; margin: 0 0 0.8em;}
	h3 { font-family: Helvetica, Arial; font-size: 14px; font-weight: bold; margin: 25px 0 6px; text-align: center; }
	h4 { font-family: Helvetica, Arial; font-size: 12px; font-weight: bold; margin: 0 0 6px; text-transform: uppercase; }
	
	p { margin: 0 0 1.2em; line-height: 22px;}
	
	ul { margin: 15px 0; padding: 0 0 0 15px; }
	
	img { vertical-align: middle; }


/* Wrapper
--------------------------------------------------*/

	#wrapper { margin: 0 auto; background: #fff; position: relative; width: 960px; }
	
	

/* Header
--------------------------------------------------*/
	
		#hd { background: #fff; height: 144px; }

		/* Logo */
		#hd h1 { position: absolute; top: 40px; left: 50px; }
		#hd h1 a { background: url(../images/logo.png) no-repeat; display: block; width: 150px; height: 87px; }
		#hd h1 a span { position: absolute; left: 0; text-indent: -9000px; }
		
		#slogan { width: 400px; float: left; background: #fff url(../images/gb_slogan.png) no-repeat 255px 40px; text-indent: 
			-9999px; }

		/* Menu */
		#hd ul#menu { margin: 0; padding: 0; position: relative; top: 92px; float: right; list-style: none; }
		#hd ul#menu li { float: left; display: inline; margin: 0 10px; }
		#hd ul#menu li a { font-size: 14px; color: #b2b2b2; font-weight: bold; line-height: 18px; border-bottom: none; text-decoration: none; }
		#hd ul#menu li a:hover { color: #000; }
		#hd ul#menu li a span { }
		

/* Body
--------------------------------------------------*/

		#bd { padding: 30px 30px 0; }
		
		.narrow { margin: 0 auto; width: 550px; }



/* Footer
--------------------------------------------------*/

	#footer { padding: 60px 30px; background: #fff;}
		#footer p { font-size: 11px; }
		#footer #kf-logo img { float: left; }
		#footer #eventition-logo img { float: right; }
		ul#admin_actions { clear: both; padding: 0; }
		ul#admin_actions li { list-style: none; font-size: 11px; color: #ba9a62; display: inline;  }


/* Tables, forms & lists
--------------------------------------------------*/

	.section_text { font-family: Helvetica, Arial; font-size: 14px; font-style: italic; color: #000; padding: 30px 0; line-height: 1.5em; text-align: center; clear: left; }
	.section_text p { margin: 20px 0 0; }

	.continue { background: #eaeaea; margin: 30px 0; padding: 10px 0; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}
	.continue input {  }

	/* ######## Form Breadcrumbs ######## */
	
		ul.breadcrumbs { border-bottom: 1px solid #999; margin: 0 0 10px; padding: 0; list-style: none; height: 30px; }
		ul.breadcrumbs li { display: block; float: left; font-size: 11px; line-height: 20px; padding: 0 6px; width: 110px; }
		ul.breadcrumbs .bc_number { color: #fff; background: #ddd; display: block; font-weight: bold; float: left; margin: 0 6px 0 0; padding: 0 8px; }
		ul.breadcrumbs a { text-decoration: none; }
		ul.breadcrumbs a .bc_desc { text-decoration: underline; }

		ul.breadcrumbs li.active { font-weight: bold; }
		ul.breadcrumbs li.active .bc_number { background: #140f08; }
		
		
	/* ######## Form fields ######## */
			
		.form_wrapper { width: 960px; position: relative; }

		.form { margin: 0; position: relative; }
		.form table { margin: 0 auto; width: 100%; }
		.form td { border-top: 1px solid #ddd; vertical-align: top; position: relative; }
		.form tr:first-child td { border: none; }
		.form tr.form_buttons td { padding: 8px 0; }
	
		/*.form .form_label { width: 150px; padding: 13px 10px 8px 8px; text-align: right; }*/
		.form .form_label { width: 150px; padding: 13px 10px 8px 10px; text-align: left; }
		.form .form_field { display: block; padding: 8px 14px 8px 0; }
	
		.form_label label { font-size: 12px; font-weight: bold; font-weight: bold; opacity: 0.5; -moz-opacity: 0.5; filter:alpha(opacity=50); }
		.form_label label[for]:hover { cursor: pointer; }
		.form_label span.optional { display: block; font-size: 11px; font-style: italic; font-weight: bold; opacity: 0.8; -moz-opacity: 0.8; filter:alpha(opacity=80); }
		
		.form_label .field_required { color: red; }
		
		.form_field input[type=text], .form_field input[type=password], .form_field textarea { border: 1px solid #999; padding: 3px; font-size: 14px; width: 98%; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
		.form_field select { width: 100%; }
		
		.form_field .desc { background: url(../images/desc_arrow.png) 0 8px no-repeat; margin: -24px 0 0; padding: 0 0 0 6px; position: absolute; top: 33px; right: -210px; z-index: 99; width: 200px; }
		.form_field .desc div { background: #140f08; color: #fff; font-size: 11px; line-height: 1.3em; padding: 6px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; opacity: 0.9; -moz-opacity: 0.9; filter:alpha(opacity=90); }		

		.form .choose-category li { list-style: none; color: #000; line-height: 24px; font-size: 12px; width: 400px;}
		
	/* ###### Categories ###### */

		.category_list { margin: 1px 0 20px; }
		ul.categories { float: left; margin: 0; padding: 0; width: 180px; }
		ul.categories li { list-style-type: none; }
	
	
	/* ######## Contributors ######## */
		
		.contributors { margin: 10px 0 0 0; }
		.contributors th { font-size: 11px; font-weight: normal; text-align: left; }
		.contributors td { vertical-align: middle; padding: 3px; }
		.contributors input[type=text] { font-size: 11px; width: 90%; }
		.contributors select { width: 90%; }
		
		.add_contributor { display: block; font-size: 11px; line-height: 20px; margin: 10px 0 0; }
		.remove_contributor { font-size: 11px; }
	
	
	/* ###### Summary ###### */

		table.summary td {  padding: 6px 4px 6px 0; }

		/*table.summary th { text-align: left; }
		table.summary td.label { font-weight: bold; width: 30%; }
		table.overview th, table.overview td { border: 1px solid #999; text-align: left; }
		td.summary_label { font-weight: bold; }*/
	
	
	/* ###### Overview ###### */
		
		table.overview { border: none; border-collapse: collapse; margin: 0 auto 20px; width: 100%; }
		table.overview th, table.overview td { text-align: left; font-size: 11px; padding: 6px 4px; line-height: 15px; }
		table.overview th { padding: 6px 4px; border-bottom: 1px solid #ccc; }
        
		ul.overview { border: none; border-collapse: collapse; margin: 20px auto; width: 100%; }
		ul.overview li { text-align: left; font-size: 12px; padding: 3px 4px; }
		
		table.moreinfo { background: #D8D8D8; margin: 5px 20px 10px 20px; 	}
	
	/* ###### Report ###### */
	
		.report { background: #f0f0f0; padding: 5px;  }
		.report table { border: none; border-collapse: collapse; margin: 0px auto; width: 100%; }
		.report table td { text-align: left; font-size: 11px; padding: 3px; line-height: 14px;}
	
		.report-attendants, .report-deliverables { background: #d8d8d8; margin: 10px 0 40px 20px; padding: 5px 5px 5px 5px; }
		.report-attendants table, .report-deliverables table { border: none; border-collapse: collapse; margin: 0; width: 100%;  }
		.report-attendants table td, .report-attendants th, .report-deliverables table td, .report-deliverables th { text-align: left; font-size: 11px; padding: 3px; line-height: 14px;}		
		.report-attendants .total-price, .report .total-price { font-weight: bold; }
	
		.report h3, .report-attendants h3, .report-deliverables h3 { text-align: left; margin: 3px; }	
		
		.summary-deliverables, .summary-elements, .summary-contributors, .summary-form { margin-top: 20px; background: url('../images/summary-shadow.png') no-repeat bottom; padding: 0 0 3px 0; }
		.summary-form { padding: 0 0 27px 0; }
		
		.summary-form { margin-top: 20px; background: url('../images/summary-shadow.png') no-repeat bottom; padding: 0 0 3px 0; }
	
		.report-deliverables { background: #f0f0f0; margin: 20px; }
        .report-deliverables h3 { margin-top: 40px; margin-bottom: 10px; border-bottom: 1px solid #afafaf; color: #000000; padding: 4px 0; }
        .report-deliverables h3 a { text-decoration: none; color: #000000;  }
        .report-deliverables table { color: #252525; }	
        .report-deliverables table td.received { width: 100px; }
        .report-deliverables table td.title { width: 100px; }
        .report-deliverables table td.description { width: 550px; }
        
/* Misc stuff
--------------------------------------------------*/
	
	.alt, tr.alt td { background: #ebebeb; }
	.alt2, tr.alt2 td { background: #fff; }
	
	/* ###### Notices ###### */

		.notice { background:#fff9d7; border:1px solid #e2c822; text-align: center; margin: 10px 0; padding: 12px; }
		
		.success { background: #dbffa7; border:1px solid #b2e569; padding:12px; }

		.error { background: #ffd1d8; border:1px solid #bb0405; padding:12px; }

		.form_error { font-weight: bold; color: red; padding: 4px 0 0; }

		.important { font-weight: bold; color: red; }
		
		.highlight { background: #fffcd5;  }
		
		.lost_password { padding: 20px 0 0 170px; }
		
		.receipt-reminder { margin-top: 20px; color: red; font-weight: bold; }
	
		table.overview td a.arrow-up { background: url('../images/icons/arrow-up.png'); display: block; width: 16px; height: 16px; }
		table.overview td a.arrow-down { background: url('../images/icons/arrow-down.png'); display: block; width: 16px; height: 16px; }
	
	/* ###### Progress bar ###### */

		#progress_container { display: none; margin: 3em 0; width: 400px; height: 24px; }
		#progress_filename { width: 100%; }
		#progress_bar { border: 1px solid #999; width: 100%; }
		#progress_indicator { background: #8a9 url('../images/pbar-ani.gif'); width: 0; height: 12px; }
	
	
	/* ###### Linkbutton ###### */

		.linkbutton { background: url(../images/button_gradient.png); border: 1px solid #ccc; display: block; float: left; font-size: 11px; padding: 0 5px; text-decoration: none; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
		.linkbutton:hover { border-color: #aaa; }
		.linkbutton span { background-position: left center; background-repeat: no-repeat; display: block; height: 22px; line-height: 22px; padding: 0 0 0 15px; }

	/* ##### Header ##### */
	.big-header { color: red; font-weight: bold; font-size: 170%; }

/* Icons
--------------------------------------------------*/

	/* ###### Settings ###### */

		.icon { background-position: center left; background-repeat: no-repeat; padding: 3px 0 3px 20px; }
		.icon_right { background-position: center right; background-repeat: no-repeat; padding: 3px 20px 3px 0px; }
		img.icon { display: inline; padding: 0; vertical-align: middle; }
		ul.icon_list li { list-style-type: none; }


	/* ###### The icons (www.famfamfam.com) ###### */

		.icn_add { background-image:url(../images/icons/add.png); }
		.icn_application_add { background-image:url(../images/icons/application_add.png); }
		.icn_blocks { background-image:url(../images/icons/blocks.png); }
		.icn_cog { background-image:url(../images/icons/cog.png); }
		.icn_door_open { background-image:url(../images/icons/door_open.png); }
		.icn_drag { background-image:url(../images/icons/drag.png); }
		.icn_eye { background-image:url(../images/icons/eye.png); }
		.icn_group { background-image:url(../images/icons/group.png); }
		.icn_money { background-image:url(../images/icons/money.png); }
		.icn_magnifier { background-image:url(../images/icons/magnifier.png); }
		.icn_news { background-image:url(../images/icons/news.png); }
		.icn_page_save { background-image:url(../images/icons/page_save.png); }
		.icn_page_white_acrobat { background-image:url(../images/icons/page_white_acrobat.png); }
		.icn_listdownload { background-image:url(../images/icons/listdownload.png); }
		.icn_page_white_add { background-image:url(../images/icons/page_white_add.png); }
		.icn_page_white_edit { background-image:url(../images/icons/page_white_edit.png); }
		.icn_page_white_stack { background-image:url(../images/icons/page_white_stack.png); }
		.icn_page_white_text { background-image:url(../images/icons/page_white_text.png); }
		.icn_user_suit { background-image:url(../images/icons/user_suit.png); }
		.icn_user { background-image:url(../images/icons/user.png); }
		.icn_print { background-image:url(../images/icons/printer.png); }
		.icn_decision_ok { background-image:url(../images/icons/decision_ok.png); }
		.icn_save { background-image:url(../images/icons/save.png); }
		.icn_forward { background-image:url(../images/icons/forward.png); }
		.icn_lock { background-image:url(../images/icons/lock.png); }



dt {
	font-weight: bold;
}

dd {
	margin: 6px 0 6px 24px;
}