/*--------------------layout---------------------*/
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 1.2;
	color: #888888;
	text-align: left;
	margin:0;
	padding:0;
	background: url(Images/background.jpg) repeat-x;
	background-color: #88aaff;
}
form {
	text-align: center;
	}
img 
{
	border:0;
}
#wrapper .LoginName
{
	color: #000000;
	font-size: 15px;
	padding-right: 5px;
}

#wrapper .LoginStatus
{
	padding-right: 5px;
}
#wrapper .LoginStatus a
{
	color: #ffffff;
	text-decoration: none;
	font-size: 15px;
}

#wrapper .PaneHeader
{
	text-decoration: none;
	font-size: 20px;
	color: #666666;
	margin-left: 10px;
	margin-top: 8px;
	clear: both;
	float:none;
	display:block;
}


.ReadMore
{
	display: block;
	text-decoration: none;
	color: #888888;
	text-align: right;
	font-style:italic;
	padding-right: 30px;
}

#wrapper {
	width: 1000px;
	margin: 10px auto;
	margin-top: 0;
	text-align: left;	
	font-size: 13px;
	font-family: Tahoma;
	}
#wrapper h4
{
	font-size: 20px;
	font-family: Tahoma;
	margin: 0;
	padding:0;
	margin-left: 8px;
	margin-top: 8px;
	color: #222222;
}

#wrapper #TopPane
{
	color: #000000;
	background-color: #ffffff;
	height: 150px;
	margin-bottom: 12px;
	background: url(Images/header.jpg) repeat-x;
	background-color: #88aaff;

}

#wrapper #HighlightPane
{
	background-color: #ffffff;
	height: 350px;
	margin-bottom: 12px;
}

#wrapper #MiddleLeftPane
{
	background-color: #ffffff;
	height: 300px;
	width: 400px;
	float: left;
	margin-right: 18px;
	margin-bottom: 15px;
}

#wrapper #MiddleCenterPane
{
	background-color: #ffffff;
	height: 300px;
	width: 240px;
	float: left;
	margin-right: 15px;
}

#wrapper #MiddleRightTopPane
{
	background-color: #ffffff;
	height: 140px;
	width: 325px;
	float: right;
	margin-bottom: 20px;
}
#wrapper #MiddleRightTopPane p
{
	color: #444444;
	font-size: 12px;
	margin-left: 8px;
	margin-right: 8px;
}


#wrapper #MiddleRightBottomPane
{
	background-color: #ffffff;
	height: 140px;
	width: 325px;
	float: right;
}

#wrapper #FooterPane
{
	background-color: #f8f8f8;
	height: 200px;
	clear: both;
	float:none;
	background: url(Images/footer-bg.png) repeat-x;
}

#wrapper  #LeftPane
{
	background-color: #ffffff;
	margin-bottom: 12px;
	width: 200px;
	min-height: 700px;
	float: left;

}
#wrapper #RightPane
{
	background-color: #ffffff;
	margin-bottom: 12px;
	width: 770px;
	min-height: 700px;
	float: right;
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}

#wrapper #RightPane #RightPaneLeft
{
	float: left;
	margin-right: 10px;
	width: 70%;
}

#wrapper #RightPane #RightPaneRight
{
	float: left;
}




#wrapper #MiddleRightTopPane h3,
#wrapper #MiddleCenterPane h3,
#wrapper #MiddleLeftPane h3
{
	font-size: 24px;
	margin: 0;
	padding: 0;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
	color: #585858;
}


.sf_newsList
{
	padding:0;
	margin:0;
	margin-top: 10px;
	margin-left: 5px;
	margin-right: 5px;
	font-family: Arial, Verdana, Tahoma, Tahoma;
}

#wrapper .sf_newsList .sf_newsThumbnail
{
	margin-right: 5px;
}

#wrapper .sf_newsList .sf_newsTitle
{
	font-size: 16px;
	font-weight: bold;
	color: #444444;
	padding: 0;
	margin: 0;
	margin-bottom: 5px;
}
#wrapper .sf_newsList .sf_newsTitle a
{
	text-decoration: none;
	font-style: italic;
	padding: 0;
	margin: 0;
	color: #444444;

}
#wrapper .sf_newsList .sf_newsDate
{
	color: #aaaaaa;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
}
#wrapper .sf_newsList .sf_newsSummary
{
	color: #666666;
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
}

#wrapper #MiddleCenterPane .sf_eventsList
{
	margin-top: 5px;
	color: #666666;
	margin-left: 5px;
	font-family: Tahoma;
	font-size: 12px;
}
#wrapper #MiddleCenterPane .sf_eventsList th
{
	font-weight: normal;
	text-align:left;
	color: #888888;
	padding-right: 5px;
	white-space: nowrap;
	vertical-align: top;
}


/******************************** Start Login start page *************************/
.LoginControl
{
	margin-left: 10px;
	margin-top: 5px;
}
.LoginControl h1
{
	font-family: Tahoma;
	font-size: 16px;
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}
.LoginControl th
{
	font-weight: normal;
	padding-right: 10px;
}

.LoginControl input
{
	font-family: Tahoma;
}


/******************************** End Login start page *************************/

/******************************** Start EventView list *************************/
.sf_EventViewList
{
	margin-bottom: 40px;
}
.sf_EventViewList th
{
	color: #222222;
	text-align:left;
}
.sf_EventViewList td
{
	color: #555555;
	padding-right: 8px;
	vertical-align:top;
}

.sf_EventViewList .Date,
.sf_EventViewList .Title
{
	white-space:nowrap;
}
.sf_EventViewList a
{
	text-decoration: none;
	color: #555555;
}



/******************************** Stop EventView list *************************/


/******************************** Start Expandable list *************************/

.sf_controlListItems,
.sf_listTitle
{
	display:none;
}

.sf_expandableList
{
}
.sf_expandableList h3
{
	font-size: 13px;
	margin-bottom: 5px;
}
.sf_expandableList h3 a
{
	color: #444444;
	text-decoration: none;
}
.sf_expandableList .sf_listItemBody
{
	border: 1px solid #cccccc;
	background-color: #eeeeee;
	padding: 5px;
	color: #555555;
}

/******************************** End Expandable lis *************************/




/******************************** Start Medlemsansökan *************************/

#ContactForm
{
	width: 100%;
}

#ContactForm input[type="text"]
{
	width: 250px;
	font-family: Tahoma;
}

#ContactForm textarea
{
	width: 250px;
	height: 65px;
	font-family: Tahoma;
	font-size: 13px;
}

#ContactForm .BoatData,
#ContactForm .PersonData
{
	width: 50%;
	float: left;
}


#ContactForm h1
{
	font-size: 15px;
	color: #505050;
}
#ContactForm p
{
	color: #606060;
	margin-bottom: 2px;
	margin-top: 6px;
	
}
#ContactForm .Work
{
	float:none;
	clear: both;
}
#ContactForm .Work h1
{
	padding-top: 20px;
}
#ContactForm .Work select
{
	font-family: Tahoma;
}

#ContactForm .Accept
{
	margin-bottom: 20px;
}
#ContactForm .Accept input
{
	margin-top: 10px;
	font-family: Tahoma;
}



/******************************** End Medlemsansökan *************************/

/******************************** Start documentlist *************************/

.DocumentList
{
	
}
.DocumentList table
{
	width: 100%;
}
.DocumentList table th
{
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #666666;
	font-weight:bold;
}

.DocumentList table td
{
	border-bottom: 1px solid #888888;
	padding-bottom: 8px;
	padding-top: 8px;
	color: #888888;
	padding-right: 10px;
}
.DocumentList table td a
{
	display:block;
	color: #444444;
	padding-bottom: 3px;
	font-weight: bold;
}
.DocumentList table td label
{
	font-style:italic;
}

/******************************** End documentlist *************************/


/******************************** Start blog *************************/
.Blog
{
}

.Blog table
{
	width: 100%;
}
.Blog table th
{
	border-bottom: 1px solid #666666;
	border-top: 1px solid #666666;
	padding-bottom: 5px;
	padding-top: 5px;
	color: #666666;
	font-weight:bold;
}

.Blog table td
{
	padding-bottom: 8px;
	padding-top: 8px;
	color: #666666;
	padding-right: 10px;
}

.Blog table td a
{
	color: #666666;
}

.Blog table td .title  a
{
	font-weight: bold;
}

.Blog .content
{
	border: 1px solid #e8e8e8;
	background: #f8f8f8;
	padding: 8px;
	margin-bottom: 20px;
	color: #444444;
}
.Blog h1
{
	font-size: 20px;
	font-weight: normal;
	color: #444444;
}

.Blog h2
{
	font-size: 14px;
	font-weight: normal;
	color: #444444;
	border-bottom: 1px solid #aaaaaa;
}
.Blog p
{
	margin: 0;
	margin-bottom: 3px;
}
.Blog table td .title
{
	display:block;
	color: #444444;
	padding-bottom: 3px;
	font-weight: bold;
}

/******************************** End blog *************************/



/******************************** Start slider *************************/


        #sliderarea ul, #sliderarea li {
        margin:0;
        padding:0;
        list-style:none;
        }
        #sliderarea, #sliderarea li {
        width:1000px;
        height:350px;
        overflow:hidden;
        }
        span#prevBtn{}
        span#nextBtn{}

/******************************** End slider *************************/


.rounded {
  -moz-border-radius:1ex;
  -webkit-border-radius:1ex;
}

/* Small newslist */


.sf_newsListSmall
{
	width: 100%;
	padding:0;
	margin:0;
	font-family: Arial, Verdana, Tahoma, Tahoma;
	margin-bottom: 10px;
}
.sf_newsListSmall p
{
	padding:0;
	margin:0;
}


.sf_newsListSmall .sf_newsDate
{
	color: #888888;
	padding: 0;
	margin: 0;
	margin-bottom: 2px;
	font-size:smaller;
}
.sf_newsListSmall .sf_newsTitle a
{
	text-decoration: none;
	font-weight: bold;
	font-style: italic;
	padding: 0;
	margin: 0;
	color: #444444;
	margin-bottom: 2px;

}
.sf_newsListSmall .sf_newsSummary
{
	padding:0;
	margin: 0;
	margin-bottom: 15px;
	color: #666666;
}


/* End Small newslist */


/* Easy Slider */

	#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider, #slider li{ 
		/* 
			define width and height of container element and list item (slide)
			list items must be the same size as the slider area
		*/ 
		width:100%;
		height:100%;
		overflow:hidden; 
		}
	span#prevBtn{}
	span#nextBtn{}					

/* // Easy Slider */

/*--------------------Panelbar start---------------------*/

RadPanelBar,
RadPanelBar_kbkpanelbar,
rpRootGroup,
rpGroup
{
	background-color: Transparent;
}
rpLink
{
	text-decoration: none;
}
rpSelected
{
	padding-left: 10px;
}
rpText
{
	font-size: 15px;
}
.RadPanelBar_kbkpanelbar .rpRootGroup
{
	margin-top: 10px;
	padding-left: 10px;
	margin-bottom: 5px;

}

.RadPanelBar_kbkpanelbar .rpGroup.rpItem,
.RadPanelBar_kbkpanelbar .rpItem
{
	list-style-type: none;
	margin-bottom: 5px;
}
.RadPanelBar_kbkpanelbar .rpLink
{
	text-decoration: none;
}
.RadPanelBar_kbkpanelbar .rpText
{
	font-size: 14px;
	color: #444444;
}
.RadPanelBar_kbkpanelbar .rpGroup
{
	margin-left: 20px;
	padding-left: 0;
}

.RadPanelBar_kbkpanelbar .rpLevel1
{
}


/*
RadPanelBar_Simple
rpItem rpFirst
rpLink rpExpandable rpExpanded
rpOut

rpSlide
 rpLevel1
rpLink rpSelected
rpLast
*/
/*--------------------Panelbar end---------------------*/