/* RESET
----------------------------------------------------------- */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
body{font:13px/1.231 Tahoma,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}



/* COMMON STYLES
----------------------------------------------------------- */
body { min-width: 980px; }

a { cursor: pointer; }
a { color: #1E9AE0; }

.hidden { display: none; }

table.form {}
	table.form td.label { color: #777; padding: 10px 10px 10px 0; }
	table.form td.field { color: #777; padding: 10px 0 10px 10px; }
	table.form td.buttons { color: #777; padding: 10px 0 10px 10px; }
	table.form td.field div.error { color: red; font-size: 0.8em; }
	table.form td.field input.text { width: 292px; font-size: 1.3em; padding: 3px; border: 1px solid #ABADB3; }
	table.form td.buttons input { font-size: 1.3em; padding: 3px; }


/* TOP MENU
----------------------------------------------------------- */
.topMenu { background: url('/assets/templates/hackday/images/topnav_background.png') 0 100% repeat-x #000; color: #fff; padding: 5px 0; }
	.topMenu a { color: #fff; text-decoration: none; }
	
	.topMenu table.layout { width: 100%; }
	
		.topMenu .home { width: 20px; padding-left: 20px; }
			.topMenu .home img { vertical-align: bottom; }
		
		.topMenu .eventSelectorLabel { padding-left: 5px; text-align: left; width: 90px; }
		.topMenu .eventSelectorField { width: 300px; text-align: left; }
		.topMenu .eventSelectorField a.current { border-bottom: 1px dotted #fff; }
		.topMenu .eventSelectorField a.active { background: #fff; color: #000; padding: 2px 10px; border: 1px solid #000; border-width: 0 0 0 5px; }
		
		.topMenu .eventSelectorField .close { font-size: 0.9em; padding: 5px 0 0 5px; }
			.topMenu .eventSelectorField .close a { color: #BF0000 !important; }
		
		.topMenu .eventSelectorField .eventSelectorVariants { position: absolute; top: 23px; width: 300px; display: none; }		
		.topMenu .eventSelectorField .eventSelectorVariants { border: 5px solid #000; border-top: 0; background: #fff; color: #000; padding: 10px 5px; }
		
			.topMenu .eventSelectorField .eventSelectorVariants a { color: #1E9AE0; }
			.topMenu .eventSelectorField .eventSelectorVariants .header { color: #D50000; margin-bottom: 10px; font-weight: bold; padding: 0 5px; }
			
			.topMenu .eventSelectorField .eventSelectorVariants .events {}
				.topMenu .eventSelectorField .eventSelectorVariants .events .event { margin-bottom: 10px; padding: 0 5px; }
					.topMenu .eventSelectorField .eventSelectorVariants .events .event .title { font-size: 125%; }
					.topMenu .eventSelectorField .eventSelectorVariants .events .event .where { font-size: 85%; }
						.topMenu .eventSelectorField .eventSelectorVariants .events .event .where a { color: #777; text-decoration: none; }
				
				.topMenu .eventSelectorField .eventSelectorVariants .past { margin-top: 20px; }
					.topMenu .eventSelectorField .eventSelectorVariants .past .header { color: #555; }
					.topMenu .eventSelectorField .eventSelectorVariants .past .list { padding: 0 5px; }

	.topMenu .sign { text-align: right; padding-right: 20px; }
		.topMenu .sign .signin { text-decoration: none; border-bottom: 1px dotted; color: #6DBD58; font-weight: bold; }
		.topMenu .sign .me { text-decoration: none; border-bottom: 1px solid; color: #6DBD58; font-weight: bold; }
		.topMenu .sign .signup { border-bottom: 1px solid; }
		.topMenu .sign .logout { border-bottom: 1px solid; }
		
	
	.topMenu .commonLinks { width: auto; padding-right: 20px; text-align: right; }
		.topMenu .commonLinks a { text-decoration: none; color: #ccc; }
	
					
					
/* LOGIN
----------------------------------------------------------- */
.loginForm  { display: none; }

	.loginLogin { width: 300px; text-align: left; }
		.loginLogin .loginLegend { font-size: 1.4em; color: #6DBD58; font-weight: bold; margin-bottom: 10px; display: block; }
		.loginLogin .field { margin-bottom: 10px; }
			.loginLogin .field label { display: block; margin-bottom: 3px; }
			.loginLogin .field input.text { display: block; width: 292px; font-size: 1.3em; padding: 3px; border: 1px solid #ABADB3; }
			.loginLogin .field .hint {text-align: right;}
				.loginLogin .field .hint a { font-size: 1em; text-decoration: none; }
			.loginLogin .submit {}
				.loginLogin .submit input { font-size: 1.3em; }

	.loginForm .loginMessage { display: none; }
		



/* INDEX PAGE
----------------------------------------------------------- */

.indexHeader { background: #F0F0E7; padding: 5px 20px; }
	.indexHeader table.content { width: 100%; }
		.indexHeader  .logo{ padding-right: 10px; width: 346px; } 
		.indexHeader  .divider { width: 1px; background: #777; }
		.indexHeader  .about { padding-left: 20px; font-size: 1.1em; width: 450px; }
			.indexHeader  .about p { margin: 0.5em 0; }
		.indexHeader .links { padding: 10px 0; text-align: right; vertical-align: top; }
			.indexHeader .links .social { margin-bottom: 5px; }
			.indexHeader .links .facebook { margin-bottom: 5px; }
				.indexHeader .links .facebook iframe { background: #ECEEF5; border: 1px solid #CAD4E7; padding: 1px; overflow:hidden; width: 130px; height:21px; }
		
.indexPastEvents { text-align: center; margin: 30px 0; }
	.indexPastEvents h2 { font-size: 1.5em; color: #777; margin-bottom: 10px; font-weight: normal;}
	.indexPastEvents .eventList  {}
		.indexPastEvents .eventList  .element { width: 200px; display: inline-block; margin: 0 5px 10px 5px; background: #F0F0E7; }
			.indexPastEvents .eventList  .element table { width: 100%; }
				.indexPastEvents .eventList  .element table td {  }
				.indexPastEvents .eventList  .element table td.title { font-size: 1.2em; padding: 10px 0 0 0; font-weight: bold; }
					.indexPastEvents .eventList  .element table td.title a { text-decoration: none; color: #555; }
				.indexPastEvents .eventList  .element table td.link { padding: 5px 0 10px 0; }
					.indexPastEvents .eventList  .element table td.link a { text-decoration: none; padding: 2px 15px; background: #6EB243; color: #fff; font-weight: bold; }
				.indexPastEvents .eventList  .element table td.slogan { padding: 0 0 5px 0; font-size: 0.9em; }
				.indexPastEvents .eventList  .element table td.date { padding: 0 0 10px 0; font-size: 0.9em; color: #999999; }


.indexFutureEvents { text-align: center; margin: 30px 0; }
	.indexFutureEvents h2 { font-size: 2.1em; color: #85B637; margin-bottom: 10px; font-weight: normal;}
	.indexFutureEvents .eventList  {}
		.indexFutureEvents .eventList  .element { width: 300px; display: inline-block; margin: 0 5px 10px 5px; background: #D5E7CC; }
			.indexFutureEvents .eventList  .element table { width: 100%; }
				.indexFutureEvents .eventList  .element table td {  }
				.indexFutureEvents .eventList  .element table td.title { font-size: 1.8em; padding: 15px 0 0 0; }
					.indexFutureEvents .eventList  .element table td.title a { text-decoration: none; color: #000; }
				.indexFutureEvents .eventList  .element table td.link { padding: 5px 0 15px 0; }
					.indexFutureEvents .eventList  .element table td.link a { text-decoration: none; padding: 2px 15px; background: #6EB243; color: #fff; font-weight: bold; }
				.indexFutureEvents .eventList  .element table td.slogan { padding: 0 0 10px 0; font-size: 1.1em; }
				.indexFutureEvents .eventList  .element table td.date { padding: 0 0 5px 0; font-size: 1em; }

/* FOOTER
----------------------------------------------------------- */			
.footer { clear: both; padding: 50px 0 20px 0; text-align: center; font-size: 0.85em;}
	.footer .email { margin-left: 50px; }
	.footer .developer { margin-left: 50px; }
	.footer .dots { margin-top: 5px; color: #777; font-family: "Courier New", monotype; font-size: .85em; }



/* REGISTER PAGE
----------------------------------------------------------- */


/* FORGOT-PASSWORD PAGE
----------------------------------------------------------- */
.loginFPErrors { color: red !important; }


/* PROFILE PAGE
----------------------------------------------------------- */
.updprof-error { color: red !important; margin: 0.5em 0; }
.updprof-success { color: #628F2C !important; margin: 0.5em 0; }



/* INDEX PAGE
----------------------------------------------------------- */

.eventMenu { padding: 20px; list-style: none; }
	.eventMenu li { background: #F0F0E7; margin-right: 5px; padding: 5px 10px; float: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.eventMenu li a { color: #333; text-decoration: none; display: inline; display: block; float: left; }
	.eventMenu li:hover { background: #6DBD58; }
		.eventMenu li:hover a { color: #fff; }
	.eventMenu li.active { background: #6DBD58; }
		.eventMenu li.active a { color: #fff; }
	.eventMenu li.takeParty { margin-left: 40px; background: #FBCF2E; }
	.eventMenu li.joinParty { margin-left: 40px; background: #B50058; }
		.eventMenu li.joinParty a { color: #fff; }
	
.middleBlock { margin: 20px 0 0 20px; clear: both; }
	.middleBlock .content { width: 70%; font-size: 1.1em; font-family: "Trebuchet MS", Tahoma, serif; float: left; }
		.middleBlock .content h1 { font-family: "Trebuchet MS",georgia,helvetica,arial,verdana,sans-serif; font-size: 2.5em; margin-bottom: .3em; color: #59B500; }
		.middleBlock .content h2 { font-family: "Trebuchet MS",georgia,helvetica,arial,verdana,sans-serif; font-size: 1.8em; margin: .5em 0 .3em 0; }
		.middleBlock .content h3 { font-family: "Trebuchet MS",georgia,helvetica,arial,verdana,sans-serif; font-size: 1.4em; margin: .5em 0 .3em 0; color: #47749C; }
		.middleBlock .content h4 { font-family: "Trebuchet MS",georgia,helvetica,arial,verdana,sans-serif; font-size: 1.2em; margin: .5em 0 .3em 0; font-weight: bold; color: #AE9A62; }
		.middleBlock .content p { margin: 0.6em 0; }
		.middleBlock .content strong,
		.middleBlock .content b { font-weight: bold; }
		.middleBlock .content em,
		.middleBlock .content i { font-style: italic; }
		.middleBlock .content u { text-decoration: underline; }
		.middleBlock .content ul,
		.middleBlock .content ol { margin: 0.6em 0 0.6em 2em; }
		.middleBlock .content ol ul, 
		.middleBlock .content ul ol,
		.middleBlock .content ul ul, 
		.middleBlock .content ol ol    { margin-top: 0; margin-bottom: 0; }
		.middleBlock .content li  { display: list-item; margin-bottom: 0.5em;  }
		.middleBlock .content ol li { list-style-type: decimal; }
		.middleBlock .content ul li { list-style-type: disc; }

		.middleBlock .content .breadcrumbs { margin-bottom: 5px; font-size: 85%; }
			.middleBlock .content .breadcrumbs a { color: #888; }

		
	.middleBlock .column { width: 20%; font-size: 1.1em; font-family: "Trebuchet MS", Tahoma, serif; float: right; margin: 0 20px 0 40px; }



/* PROJECT
----------------------------------------------------------- */
.projectElement {margin-bottom: 20px; border: 1px solid #A0A0A0; border-top: 8px solid #a0a0a0; padding: 20px; font-family: Trebuchet, Arial, sans-serif; font-size: 0.85em; }
	.projectElement  .title { font-size: 22px; margin-bottom: 5px; line-height: 0.9em; color: #0052AB; }
		.projectElement  .title a { font-size:xx-small; vertical-align: super; color: #6AAA2E; }
		.projectElement  .title sup { font-size: 50%; }
	.projectElement  .author { margin-bottom: 20px; color: #777; }
	.projectElement  .description { line-height: 1em; margin-bottom: 20px; }
	.projectElement  .members { margin-top: 20px; margin-bottom: 20px; }
		.projectElement  .members  .header { font-size: 17px; color: #59B500; margin-bottom: 10px; }
		.projectElement  .members  .element { margin-top: 5px; padding-left: 10px; border-left: 4px solid #eee; line-height: 100%; }
			.projectElement  .members  .element img { vertical-align: bottom; }
		.projectElement  .members  .memberAuthor { border-left: 4px solid #59B500; }
			.projectElement  .members  .element  .me { font-weight: bold; color: #DF0000; }
			.projectElement  .members  .element  .name { font-weight: bold; color: #0052C8; }
			.projectElement  .members  .element  .city { color: #777; }
			.projectElement  .members  .element  .prophecy { color: #777; font-size: 85%; } 
			.projectElement  .members  .element  .email { color: #777; font-size: 85%; } 
				.projectElement  .members  .element  .email img { vertical-align: middle; }
			
	.projectElement  .edit {  }
		.projectElement  .edit a { padding: 5px 10px; background: #2274B9; color: #fff; text-decoration: none; }
	.projectElement  .delete { float: right; }
		.projectElement  .delete a { padding: 5px 10px; background: #D20000; color: #fff; text-decoration: none; }
	.projectElement  .comments { margin-right: 10px; }
		.projectElement  .comments a { padding: 5px 10px; background: #777; color: #fff; text-decoration: none; }
	.projectElement  .join { }
		.projectElement  .join a { padding: 5px 10px; background: #6AAA2E; color: #fff; text-decoration: none; }
	.projectElement  .leave { }
		.projectElement  .leave a { padding: 5px 10px; background: #999; color: #fff; text-decoration: none; }
		
.addProjectButton { margin: 2em 0; font-family: Trebuchet, Arial, sans-serif; }
	.addProjectButton a {  padding: 7px 15px 7px 10px; background: #6AAA2E; color: #fff; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
		.addProjectButton a .plus { font-size: 1.5em; vertical-align: middle; }


.projectAddingStopped { font-size: 1.2em; margin: 2em 0; color: #B50058; }

.addProjectForm { margin: 2em 0; font-family: Trebuchet, Arial, sans-serif; }
	.addProjectForm  .element { margin-bottom: 1em; }
		.addProjectForm  .element .label { font-size: 0.85em; }
		.addProjectForm  .element .field { }
			.addProjectForm  .title .field { }
				.addProjectForm  .title .field input { width: 600px; font-size: 1.3em; padding: 3px; border: 1px solid #ABADB3; }
			.addProjectForm  .description .field { }
				.addProjectForm  .description .field textarea { width: 600px; height: 300px; padding: 3px; border: 1px solid #ABADB3; }
			.addProjectForm  .controls .field { }
				.addProjectForm  .controls .field button { font-size: 1.3em; padding: 3px 20px; border: 1px solid #ABADB3; }
		.addProjectForm  .element .comment { font-size: 0.75em; margin: 5px 0; }
			.addProjectForm  .element .comment span { background: #6AAA2E; color: #fff; padding: 2px 4px; }
			.addProjectForm  .element .important span { background: #FBCF2E; color: #000; }

		

/* MEMBERS
----------------------------------------------------------- */
.member { margin: 10px 0; padding: 0; }
	.member .name { font-size: 130%; }
	.member .city { color: #777; }
	.member .prophecy {font-size: 90%; color: #777; }
	.member .company {font-size: 70%; color: #777; top: -5px; position: relative; }

	
.battle-commands { margin-top: 50px; }
	.battle-commands td { padding: 0 10px 10px 0; vertical-align: top; }
		.battle-commands img { width: 100px; }
		.battle-commands strong { color: #59B500; }
		
		
	
	
/* PARTNERS COLUMN
----------------------------------------------------------- */
.PartnerColumn { margin-bottom: 50px; }
	.PartnerColumn h4 { font-family: Arial, sans-serif; font-size: 1.2em; margin-bottom: 1em; }
	.PartnerColumn .element { margin-bottom: 1em; }
		.PartnerColumn .element img { max-width: 200px; }
	
.PartnerList { margin-top: 2em; }
	.PartnerList td { vertical-align: top; padding-bottom: 2em; }
	.PartnerList .image { width: 150px; }
		.PartnerList .image img { max-width: 140px; }

	
	
	
/* PAYMENT FORM
----------------------------------------------------------- */
.payment-form {}
	.payment-form p {}
		.payment-form p input.text { border: 1px solid #777; font-size: 17px; padding: 3px; width: 90%; }
		.payment-form p input.text:focus { background: #F0F0E7; }
	
	
	
/* SHARE BLOCK
----------------------------------------------------------- */
.share-page-controls { margin-top: 20px; }
	.share-page-controls table {}
		.share-page-controls td.button { padding: 0 20px 5px 0; }