body
{
	margin: 0px 5px;
	padding: 0px;
	background: #efefef;
	font-family: Arial,Tahoma,Verdana,Helvetica;
}
form
{
	margin: 0px;
	padding: 0px;
	text-align: center;
}
h1
{
	margin: 0px 0px 10px;
	padding: 0px;
	font-size: 158%;
	color: #958b70;
}
h1.Smallest, h2.Smallest, h3
{
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	color: #313031;
}
h2
{
	margin: 0px 0px 8px;
	padding: 0px;
	font-size: 130%;
	color: #313031;
}
p
{
	margin: 0px 0px 1em;
	line-height: 1.4em;
}
ul
{
	margin: 0px 0px 0px 15px;
	padding: 0px;
}

a
{
	color: #527dbd;
	text-decoration: none;
}
img
{
	border: none;
}
.Intro
{
	font-size: 125%;
	color: #444444;
}
div#MainContainer
{
	width: 979px;
	margin: 42px auto 0px;
	text-align: left;
}
div#ContentContainer
{
	width: 827px;
	min-height: 537px;
	float: left;
	overflow: hidden;
	background: #ffffff;
	background-position: left top;
}
div#ContentPadding
{
	padding: 19px;
}
div#PageHeaderLeft
{
	width: 166px;
	float: left;
	overflow: hidden;
}
div#PageHeaderRight
{
	width: 623px;
	float: left;
	margin-top: 3px;
	overflow: hidden;
}
div#ShortcutMenu
{
	float: right;
	font-size: 70%;
	color: #333333;
	padding-top: 10px;
}
div#ShortcutMenu a, div#ShortcutMenu a:hover, div#ShortcutMenu a:visited
{
	color: #333333;
	text-decoration: none;
}
div#ShortcutMenu ul
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#ShortcutMenu li
{
	display: inline;
	margin: 0px 8px;
	padding: 0px;
}
div#ChooseSite
{
	font-size: 70%;
	float: right;
	width: auto;
	margin-left: 5px;
	padding-top: 7px;
}
div#ChooseSite select
{
	font-family: Arial,Verdana,Helvetica;
	font-size: 100%;
}
div#SiteTitle
{
	font-size: 125%;
	font-weight: normal;
	padding-top: 2px;
}
div#SiteTitle .Smaller
{
	display: block;
	padding-top: 4px;
	font-size: 85%;
}
div#SiteTitle .Smallest
{
	display: block;
	padding-top: 5px;
	font-size: 75%;
}
div#MainMenu
{
	width: 100%;
	float: left;
	margin-top: 14px;
	background: #ffffff url('Images/MainMenuBg.gif') repeat-x;
	font-size: 70%;
	clear: both;
}
div#MainMenu ul, div#MainMenu li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#MainMenu li
{
	float: left;
	line-height: 10px;
}
div#MainMenu li a, div#MainMenu li a:hover, div#MainMenu li a:visited
{
	display: block;
	text-decoration: none;
	color: #000000;
}
div#MainMenu li.Selected a, div#MainMenu li.Selected a:hover, div#MainMenu li.Selected a:visited
{
	color: #ffffff;
}
div#MainMenu li span
{
	display: block;
	padding: 7px 9px 9px;
}
div#MainMenu li.Selected span
{
	padding: 7px 17px 9px 16px;
}
div#ContentStart
{
	margin: 0px;
	padding: 9px 0px 0px;
	clear: both;
}
div#SubMenu
{
	width: 166px;
	float: left;
	font-size: 80%;
}
div#SubMenu ul, div#SubMenu li
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}
div#SubMenu ul.Indent1
{
	padding: 9px 0px;
	background-color: #e9e9e9;
}
div#SubMenu li
{
	line-height: 100%;
}
div#SubMenu li a
{
	display: block;
	padding: 6px 16px;
	text-decoration: none;
	color: #000000;
}
div#SubMenu li a.TopItemSelected, div#SubMenu li a.TopItem:hover
{
	background: #d3d3d3 url('Images/SubMenuItemBg.gif') repeat-x;
}
div#SubMenu ul ul
{
	margin: 0px;
	padding: 0px 0px 0px 10px;
}
div#SubMenu ul.Indent2
{
	padding: 0px 0px 5px 10px;
	background-color: #d3d3d3;
}
div#SubMenu ul.Indent2 li a
{
	font-size: 85%;
	background: none;
	padding: 4px 5px 6px 16px;
}
div#SubMenu li a.ItemSelected
{
	font-weight: bold;
}
* html div#SubMenu li
{
	height: 1%;
}
div#MiddleRight
{
	width: 623px;
	float: left;
	overflow: hidden;
}
div#MiddleRightInner
{
	padding-left: 28px;
}
div#Middle
{
	width: 414px;
	float: left;
}
div#MiddlePadding
{
	padding: 0px 22px 0px 28px;
}
div#BreadCrumbsArea
{
	font-size: 70%;
}
div#BreadCrumbsArea a
{
	color: #000000;
}
div#MainBody
{
	padding: 12px 0px 0px;
	font-size: 70%;
}
div#SecondaryBody
{
	font-size: 70%;
}
div.TextBody a
{
	text-decoration: underline;
}
div#Right
{
	width: 209px;
	float: left;
}
div#BannerContainer
{
	width: 138px;
	float: right;
	overflow: hidden;
}
div.Banner
{
	margin-bottom: 12px;
}
div.MainImage, div.SecondaryImage
{
	overflow: hidden;
	margin-bottom: 10px;
}
div.MainImage
{
	width: 364px;
}
div.MainImage img
{
	max-width: 364px;
}
div.SecondaryImage
{
	width: 209px;
}
div.SecondaryImage img
{
	max-width: 209px;
}

/* SubStartPage */
div.StartSplash
{
	height: 225px;
	float: left;
	background-color: #efefef;
	background-repeat: repeat-y;
	font-size: 70%;
	font-family: Verdana,Tahoma,Arial,Helvetica;
	color: #000000;
}
div.StartSplash h1
{
	font-size: 130%;
	font-weight: normal;
	color: #000000;
	margin: 0px;
}
div.StartSplash p
{
	margin: 0px;
}
div.StartSplash a, div.StartSplash a:visited, div.StartSplash a:hover
{
	color: #000000;
	text-decoration: none;
}
div#MainStartSplash
{
	width: 307px;
	margin-right: 12px;
}
div#SecondaryStartSplash
{
	width: 286px;
	overflow: hidden;
	border-right: solid 1px #ffffff;
}
div.SplashTextPadding
{
	margin: 25px;
}
ul#SecondaryStartSplashMenu
{
	width: 183px;
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
}
ul#SecondaryStartSplashMenu li
{
	width: 183px;
	float: left;
	padding: 0px;
	margin: 0px;
	overflow: hidden;
	line-height: 11px;
	text-align: center;
}
ul#SecondaryStartSplashMenu li.First
{
	height: 47px;
	border-bottom: solid 1px #ffffff;
}
ul#SecondaryStartSplashMenu li.Second
{
	height: 101px;
	border-bottom: solid 1px #ffffff;
}
ul#SecondaryStartSplashMenu li.Third
{
	height: 75px;
}
ul#SecondaryStartSplashMenu li a
{
	display: block;
	cursor: pointer;
	line-height: 130%;
	font-size: 75%;
	color: #ffffff;
	text-decoration: none;
}
ul#SecondaryStartSplashMenu li a.Selected
{
	color: #000000;
}
ul#SecondaryStartSplashMenu li.First a
{
	padding: 15px 10px 16px 10px;
}
ul#SecondaryStartSplashMenu li.Second a
{
	padding: 42px 10px 43px 10px;
}
ul#SecondaryStartSplashMenu li.Third a
{
	padding: 29px 10px 30px 10px;
}
ul#SecondaryStartSplashMenu li.First a.Selected
{
	background-color: #000000;
}
ul#SecondaryStartSplashMenu li.Second a.Selected
{
	background-color: #000000;
}
ul#SecondaryStartSplashMenu li.Third a.Selected
{
	background-color: #000000;
}
div.BottomSplash
{
	float: left;
	width: 255px;
	margin: 26px 12px 0px 0px;
}
div.BottomSplash .Body
{
	padding: 8px 0px 0px 8px;
}
div.BottomSplash h1
{
	font-family: Verdana,Tahoma,Arial,Helvetica;
	font-size: 85%;
	font-weight: normal;
	margin: 0px;
	padding: 20px 10px;
	text-align: center;
	background-color: #c0c0c0;
	color: #000000;
}
div.BottomSplash h2
{
	font-family: Trebuchet MS, Verdana,Tahoma,Arial,Helvetica;
	font-size: 75%;
	font-weight: normal;
	margin: 0px;
}
div.BottomSplash h3
{
	font-family: Arial,Verdana,Tahoma,Helvetica;
	font-size: 112%;
	font-weight: bold;
	margin: 0px 0px 3px;
}
div.BottomSplash h3 a
{
	text-decoration: none;
}
div.BottomSplash h3 a:hover
{
	text-decoration: none;
}
div.BottomSplash p
{
	font-size: 70%;
	color: #454545;
	margin: 0px;
}
div.NoRightMargin
{
	margin-right: 0px;
}
/* SubStartPage END */

/* Page listings */
ul.PageList
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.PageList .Date
{
	display: block;
	color: #808080;
}

.SortPanel
{
	margin-bottom: 10px;
}
.SortPanel .Fieldset
{
	padding: 7px;
	background: #f2f2f2;
	border: solid 1px #dddddd;
}
.SortPanel .Legend
{
	color: #000000;
	font-weight: bold;
}

div.SortField
{
	float: left;
	width: auto;
	margin: 3px 10px 0px 0px;
}
div.SortField label
{
	display: block;
}
div.SortField select
{
	font-size: 100%;
}
div.SortFieldButton
{
	padding-top: 13px;
}
div.SortFieldButton input
{
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-size: 100%;
	width: 2.5em;
}
div.CategoryList h2
{
	padding: 3px 5px;
	background-color: #efefef;
	margin: 0px;
}
a.CategoryListItem
{
	display: block;
	padding: 4px;
	cursor: pointer;
}
a.CategoryListItem:hover
{
	background-color: #efefef;
}
div.CategoryList p
{
	margin: 0px 0px 4px;
	padding: 0px 4px;
}
/* Page listings END */

/* XForms */
.xForm label
{
	display: block;
}

.xForm fieldset label
{
	display: inline;
}

span.xformvalidator
{
	color: Red;
}

.xformsummary
{
	font-size: 70%;
}

/* XForms END */

/* Document list */
ul.DocList
{
	margin: 0px;
	padding: 0px;
	list-style: none;
}

ul.DocList li
{
	margin-bottom: 10px;
	clear: both;
}

ul.DocList .download
{
	margin-top: 5px;
}

ul.DocList a
{
	padding: 2px 0px 2px 21px;
}

/* Update url on these later when .csproj is checked in */
a.bmpExtension
{
	background: url(../Glossy/images/extensions/bmp.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.docExtension, a.docxExtension, span.docExtension
{
	background: url(../Glossy/images/extensions/doc.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.gifExtension
{
	background: url(../Glossy/images/extensions/gif.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.htmExtension, a.htmlExtension
{
	background: url(../Glossy/images/extensions/htm.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.jpgExtension, a.jpegExtension
{
	background: url(../Glossy/images/extensions/jpg.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.mp3Extension
{
	background: url(../Glossy/images/extensions/mp3.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.mpgExtension
{
	background: url(../Glossy/images/extensions/mpg.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.pdfExtension, span.pdfExtension
{
	background: url(../Glossy/images/extensions/pdf.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.pngExtension
{
	background: url(../Glossy/images/extensions/png.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.pptExtension, a.pptxExtension
{
	background: url(../Glossy/images/extensions/ppt.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.tifExtension, a.tiffExtension
{
	background: url(../Glossy/images/extensions/tif.gif) no-repeat;
	line-height: 2em;
}
a.txtExtension
{
	background: url(../Glossy/images/extensions/txt.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.wavExtension
{
	background: url(../Glossy/images/extensions/wav.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.xlsExtension, a.xlsxExtension, span.xlsExtension
{
	background: url(../Glossy/images/extensions/xls.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
a.zipExtension
{
	background: url(../Glossy/images/extensions/zip.gif) no-repeat;
	padding: 2px 0px 2px 21px;
	line-height: 2em;
}
span.docExtension, span.pdfExtension, span.xlsExtension
{
	line-height: 1.8em;
	text-decoration: none;
}
/* Document list END */

span.MailLink
{
	text-decoration: underline;
}
p.ListLinks a
{
	line-height: 1.5em;
	display: inline-block;
	margin-bottom: 2px;
	cursor: pointer;
	text-decoration: none;
	padding-left: 7px;
	background: transparent url(Images/linkarrow.gif) no-repeat;
	background-position: left 0.5em;
}
div#MainBody a:hover, div#SecondaryBody a:hover
{
	text-decoration: underline;
}
div#MainBody a:hover span, div#SecondaryBody a:hover span
{
	text-decoration: underline;
}

.LastUpdated
{
	clear: both;
	padding-top: 20px;
}
.ErrorMessage
{
	display: block;
	border: solid 1px #ff0000;
	padding: 8px;
	color: #ff0000;
	margin-bottom: 10px;
}
div#FlashContainerStart ul
{
	list-style: none;
	margin: 60px 0px 60px 20px;
	padding: 0px;
	display: inline;
	float: left;
}
div#FlashContainerStart li
{
	float: left;
	width: 158px;
	margin: 0px 4px;
}
div#FlashContainerStart li.LastItem
{
	margin-left: 80px;
}
div#FlashContainerStart li a
{
	display: block;
	cursor: pointer;
	font-size: 75%;
	text-decoration: none;
	text-align: left;
}
div#FlashContainerStart li a:hover
{
	text-decoration: none;
}
div#FlashContainerStart li a.Color1
{
	width: 158px;
	height: 120px;
	margin-bottom: 3px;
	text-align: center;
}
div#FlashContainerStart li a.Color2
{
	width: 158px;
	height: 58px;
	margin-bottom: 3px;
	text-align: center;
}

/* Misc */
.Clear
{
	display: block;
	clear: both;
}
.Hidden
{
	display: none;
	visibility: hidden;
}
.PrintOnly
{
	display: none;
	visibility: hidden;
}

/* Misc END */

/* Added by Mattias 2009-04-27 */
/* Edited by Jonas 2009-08-06 */

#RightLoginBox
{
	margin-bottom: 12px;
	font-size: 70%;
}
#RightLoginBox h1
{
	font-size: 100%;
	font-family: Verdana,Arial,Helvetica;
	margin: 0px;
	padding: 4px 7px;
}
#RightLoginBox input.InputText
{
	width: 105px !important;
	font-family: Arial,Verdana,Helvetica;
	font-size: 100%;
}
#RightLoginBox input.LoginButton
{
	font-size: 11px;
	margin-right: 3px;
	padding: 0px 4px 0px 4px;
}
#RightLoginBox .LoginBox .Inner
{
	padding: 3px 5px 5px;
	border: solid 1px #e9e9e9;
}
#RightLoginBox .LoginLabelStyle
{
	padding-right: 3px;
}

.CourseRegistrationButton
{
	cursor: pointer;
	margin-top: 15px;
	width: 106px;
	height: 18px;
	border: none;
	background: transparent url('/Templates/Public/Images/skickaanmalan.gif') no-repeat;
}

.CourseAddButton
{
	cursor: pointer;
	margin-top: 15px;
	width: 71px;
	height: 18px;
	border: none;
	background: transparent url('/Templates/Public/Images/laggtill.gif') no-repeat;
}

.CourseRegistrationCheckBox
{
	margin-top: 2px;
}

.CourseParticipantInput
{
	margin-top: 4px;
	clear: both;
	display: block;
}

.CourseHeader
{
	font-size: 18px;
	font-weight: bold;
	color: #B3A98C;
	margin: 0px 0 3px 0;
	text-decoration: none;
}
.CourseSubHeader
{
	font-size: 14px;
	font-weight: bold;
	color: #B3A98C;
	margin: 0px 0 3px 0;
	text-decoration: none;
}
.CourseRuler
{
	color: #e0e0e0;
	height: 2px;
}

