/* @override 
	http://innovativkultur.se/css/fond.css
	http://www.innovativkultur.se/css/fond.css
*/

/*	-	-	-	-	-	-	-	-	-	-	-	-	-	
			KULTURFOND	1.0 FOND
*/  -	-	-	-	-	-	-	-	-	-	-	-	-	

		/* De grejer som skiljer sig sektionerna emellan */


a:visited	{	color: #fff;		}
a:hover 	{	color: #abcce7;		}
body 		{ 	background: #285162 url(../graphics/base/gradient.png) 0 255px;
				color:#fff;			}		
				
.creditText { 	margin-top: 30px;
				font-size: 10px;color: #abcce7;	}				

#header {	background: #6f8798 url(../graphics/base/header.jpg) no-repeat center;
	}

#sidebar h4 {	color: #b8d7e7;	}
#sidebar p {	color: #ebebeb;	}

#main h4 { color: #abcce7;	}

		/* Andra fonder-ul */		
			
ul#andraFonder {
	display: block;
	list-style: none;
	}	
	ul#andraFonder li {
		padding: 15px 0 5px 0;
		}		
		ul#andraFonder li h4{
			margin-bottom:5px;
			color: #abcce7;
			}			
		ul#andraFonder li p{
			margin-bottom:3px;
			}
			
		
		/* APPLY-FORM */

/* Login */		

#loginWrapper {
	float: left;
	}

.loginLeft {
	width: 140px;
	float: left;
	text-align: left;
	padding-left: 45px;
	padding-top: 5px;		
	}
.loginRight {
	width: 260px;
	float: left;
	margin-bottom: 10px;
	}			

/* Structure */		

#applyTop {
	width: 500px;
	height: 15px;
	margin-left: 30px;
	background: url(../graphics/applyFormBack_Top.png) no-repeat;
	}
#applyStretch {
	padding: 30px 0 10px 0;
	width: 500px;
	margin-left: 30px;
	color: #31332d;
	background: url(../graphics/applyFormBack_Middle.png) repeat-y;
	}
	#applyStretch p {
		margin-bottom: 10px;
		}			
#applyBottom {
	width: 500px;
	height: 20px;
	margin-left: 30px;
	background: url(../graphics/applyFormBack_Bottom.png) no-repeat;
	}


	
#stepOne, #stepTwo, #stepThree, #stepFour {
	font: 17px "Courier New", Courier, mono;
	color: #31332d;
	padding: 4px;
	text-align: center;
	}
#stepFour .formLC, #stepFour .formLCLeft {
	padding: 0;
	}
#stepTwo, #stepThree, #stepFour {
	font-size: 14px;
	text-align: left;
	}
	.orgNameClass	{
		font-size: 24px;
		text-align: center;
		}
	.orgNrClass	{
		font-size: 16px;
		text-align: center;
		}		
		
	.fC, .fCStep4{ /* fC = formContainer */
		height: 32px;
		clear: both;
		padding-left: 50px;
		}
	.fCStep4 {
		padding-left: 37px;
		padding-top: 20px;
	}	
	.formHeader { /* Rubrikerna på de olika sektionerna, ex. Projektledare*/
		margin-top: 15px;
		text-align: center;
		font-size: 15px;
		}			
	.formLC, .formLCLeft, .formLCStep3, .formLCStep4 { /* formLC = formLeftContainer */
		padding-top: 5px;
		float: left;
		width: 200px;
		}
	.formLCStep3 {
		width: 170px;
		}
	.formLCLeft {
		width: 225px;
		}	
	.formLCStep4 {
		padding-top: 0;
		}		
	.formRC {
		float: left;
		width: 200px;
		}
	.formRCRight {
		float: right;
		width: 203px;
		}	
		.formRCRight input {
			text-align: right;
			}
	.formContainer3 {
		height: 25px;
		clear: both;
		padding-left: 85px;
		}	
		.formLC3, .formRC3 {
			font-size: 13px;
			float: left;
			width: 200px;
			}	
		.formLC3Big, .formRC3Big {
			font-size: 13px;
			padding-top: 4px;
			float: left;
			width: 200px;
			}
	
	.formRCPadd {
		padding-top: 4px;
		float: left;
		width: 200px;
		}
	.howInfo {
		padding-left: 37px;
		padding-right: 20px;	
		}
	.formRed, .formGreen {
		font: 15px "Courier New", Courier, mono;
		color: #8f2f36;
		text-align: center;		
		}	
	.formGreen {
		font-size: 19px;
		color: #628040;
		}		

	#uploadZero, #uploadOne, #uploadTwo {
		padding-left: 38px;
		}
		
	#uploadZero a:link, #uploadOne a:link, #uploadTwo a:link,
	#uploadZero a:visited, #uploadOne a:visited, #uploadTwo a:visited   {
		font: 16px "Courier New", Courier, mono;
		color: #31332d;
		padding: 4px;
		text-align: center;
		border: none;
		}	
		
	#uploadZero a:hover, #uploadOne a:hover, #uploadTwo a:hover {
		border-bottom: 1px dotted #31332d;
		}				

		
#stepOne input, textarea, #stepTwo input, textarea, #stepThree input, textarea, #stepFour input, textarea, #uploadZero input, textarea, #uploadOne input, textarea, #uploadTwo input, textarea  {
	font: 17px "Courier New", Courier, mono;
	color: #31332d;
	padding: 4px;
	background-color: #5d7d91;
	background-image: url(../graphics/applyFormBackB.png);
	border: 1px none #919191;
	border-bottom-style: none;
	border-bottom-color: #6a6a6a;
	}

#stepOne input, textarea {
	font-size: 19px;
	}	
	
#stepTwo input, textarea {
	font-size: 15px;
	text-align: left;
	}	
	
#mainSpot {
	padding: 20px;
	background-color: #3f768b;
	margin-top: 10px;
	border: 1px solid #4a91aa;
	}	
	#mainSpot h3 {
	margin-top: 0;
	}
	#mainSpot p {
	margin-bottom: 0;
	}
	
	
	
	
	
	
	
	
	
				
		/* MENU TABS */
					
		ul#menuTabs li#homeTab a, ul#menuTabs li#homeTab a:hover, ul#menuTabs li#homeTab a.current 			
		{		width: 87px; height: 53px;			}						
		ul#menuTabs li#homeTab a { background: url(../graphics/base/menu/hem.png) 0 -53px no-repeat;					}
		ul#menuTabs li#homeTab a:hover 		{	background: url(../graphics/base/menu/hem.png) 0 0 no-repeat;			}	
		ul#menuTabs li#homeTab a.current	{	background: url(../graphics/base/menu/hem_p.png) 0 0 no-repeat;			}		
			
									
		ul#menuTabs li#aboutTab a, ul#menuTabs li#aboutTab a:hover, ul#menuTabs li#aboutTab a.current 		
		{		width: 112px;		height: 53px;	}
		ul#menuTabs li#aboutTab a {	background: url(../graphics/base/menu/about.png) 0 -53px no-repeat;					}
		ul#menuTabs li#aboutTab a:hover 	{	background: url(../graphics/base/menu/about.png) 0 0 no-repeat;			}	
		ul#menuTabs li#aboutTab a.current 	{	background: url(../graphics/base/menu/about_p.png) 0 0 no-repeat;		}			
				
		ul#menuTabs li#guidelinesTab a, ul#menuTabs li#guidelinesTab a:hover, ul#menuTabs li#guidelinesTab a.current 
		{		width: 96px;		height: 53px;	}		
		ul#menuTabs li#guidelinesTab a { background: url(../graphics/base/menu/guidelines.png) 0 -53px no-repeat;			}
		ul#menuTabs li#guidelinesTab a:hover {	background: url(../graphics/base/menu/guidelines.png) 0 0 no-repeat;		}	
		ul#menuTabs li#guidelinesTab a.current {	background: url(../graphics/base/menu/guidelines_p.png) 0 0 no-repeat;	}						
				
		ul#menuTabs li#applyTab a, ul#menuTabs li#applyTab a:hover, ul#menuTabs li#applyTab a.current 
		{		width: 83px;		height: 53px;	}		
		ul#menuTabs li#applyTab a { background: url(../graphics/base/menu/apply.png) 0 -53px no-repeat;					}
		ul#menuTabs li#applyTab a:hover {	background: url(../graphics/base/menu/apply.png) 0 0 no-repeat;				}	
		ul#menuTabs li#applyTab a.current {	background: url(../graphics/base/menu/apply_p.png) 0 0 no-repeat;			}		
		
				
		ul#menuTabs li#projectsTab a, ul#menuTabs li#projectsTab a:hover, ul#menuTabs li#projectsTab a.current 
		{		width: 87px;		height: 53px;	}		
		ul#menuTabs li#projectsTab a { background: url(../graphics/base/menu/projects.png) 0 -53px no-repeat;			}
		ul#menuTabs li#projectsTab a:hover {	background: url(../graphics/base/menu/projects.png) 0 0 no-repeat;		}	
		ul#menuTabs li#projectsTab a.current {	background: url(../graphics/base/menu/projects_p.png) 0 0 no-repeat;	}		
				
				
		ul#menuTabs li#supportTab a, ul#menuTabs li#supportTab a:hover, ul#menuTabs li#supportTab a.current 
		{		width: 116px;		height: 53px;	}		
		ul#menuTabs li#supportTab a { background: url(../graphics/base/menu/support.png) 0 -53px no-repeat;				}
		ul#menuTabs li#supportTab a:hover {	background: url(../graphics/base/menu/support.png) 0 0 no-repeat;			}	
		ul#menuTabs li#supportTab a.current {	background: url(../graphics/base/menu/support_p.png) 0 0 no-repeat;		}	
		
						
		ul#menuTabs li#mediaTab a, ul#menuTabs li#mediaTab a:hover, ul#menuTabs li#mediaTab a.current 
		{		width: 82px;		height: 53px;	}		
		ul#menuTabs li#mediaTab a { background: url(../graphics/base/menu/media.png) 0 -53px no-repeat;					}
		ul#menuTabs li#mediaTab a:hover {	background: url(../graphics/base/menu/media.png) 0 0 no-repeat;				}	
		ul#menuTabs li#mediaTab a.current {	background: url(../graphics/base/menu/media_p.png) 0 0 no-repeat;			}	
		
								
		ul#menuTabs li#contactTab a, ul#menuTabs li#contactTab a:hover, ul#menuTabs li#contactTab a.current 
		{		width: 92px;		height: 53px;	}		
		ul#menuTabs li#contactTab a { background: url(../graphics/base/menu/contact.png) 0 -53px;						}
		ul#menuTabs li#contactTab a:hover {	background: url(../graphics/base/menu/contact.png) 0 0;						}	
		ul#menuTabs li#contactTab a.current {	background: url(../graphics/base/menu/contact_p.png) 0 0;				}	
		
		ul#menuTabs li#forumTab a, ul#menuTabs li#forumTab a:hover, ul#menuTabs li#forumTab a.current 
		{		width: 153px;		height: 53px;	}		
		ul#menuTabs li#forumTab a { background: url(../graphics/base/menu/forum.png) 0 -53px;							}
		ul#menuTabs li#forumTab a:hover {	background: url(../graphics/base/menu/forum.png) 0 0;						}	
		ul#menuTabs li#forumTab a.current {	background: url(../graphics/base/menu/forum_p.png) 0 0;						}