/* ================================
    CSS STYLES FOR DotNetNuke
   ================================
*/   


/* PAGE BACKGROUND */
/* background color for the header at the top of the page  */
.HeadBg {
}

/* background color for the content part of the pages */
Body, p
{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.ControlPanel {
}

/* background/border colors for the selected tab */
.TabBg {
}

.LeftPane  { 
}

.ContentPane  { 
}

.RightPane  { 
}

/* text style for the selected tab */
.SelectedTab {
}

/* hyperlink style for the selected tab */
A.SelectedTab:link {
}

A.SelectedTab:visited  {
}

A.SelectedTab:active   {
}

A.SelectedTab:hover    {
}

/* text style for the unselected tabs */
.OtherTabs {
}
    
/* hyperlink style for the unselected tabs */
A.OtherTabs:link {
}

A.OtherTabs:visited  {
}

A.OtherTabs:active   {
}

A.OtherTabs:hover    {
}

/* GENERAL */
/* style for module titles */
.Head   {
}

/* style of item titles on edit and admin pages */
.SubHead    {
}

/* module title style used instead of Head for compact rendering by QuickLinks and Signin modules */
.SubSubHead {
}

/* text style used for most text rendered by modules */
.Normal
{
}

/* text style used for textboxes in the admin and edit pages, for Nav compatibility */
.NormalTextBox
{
}

.NormalRed
{
}

.NormalBold
{
}

/* text style for buttons and link buttons used in the portal admin pages */
.CommandButton     {
}
    
/* hyperlink style for buttons and link buttons used in the portal admin pages */
A.CommandButton:link {
}

A.CommandButton:visited  {
}

A.CommandButton:active   {
}

A.CommandButton:hover    {
}
    
/* button style for standard HTML buttons */
.StandardButton     {
}

/* GENERIC */
H1  {
}

H2  {
}

H3  {
}

H4  {
}

H5, DT  {
}

H6  {
}

TFOOT, THEAD    {
}

TH  {
}

A:link  {
}

A:visited   {
}

A:active    {
}

A:hover {
}

SMALL   {
}

BIG {
}

BLOCKQUOTE, PRE {
}


UL LI   {
}

UL LI LI    {
}

UL LI LI LI {
}

OL LI   {
}

OL OL LI    {
}

OL OL OL LI {
}

HR {
}

/* MODULE-SPECIFIC */
/* text style for reading messages in Discussion */    
.Message    {
}   

/* style of item titles by Announcements and events */
.ItemTitle    {
}

/* Menu-Styles */
/* Module Title Menu */
.ModuleTitle_MenuContainer {
}

.ModuleTitle_MenuBar {
}

.ModuleTitle_MenuItem {
}

.ModuleTitle_MenuIcon {
}

.ModuleTitle_SubMenu {
}

.ModuleTitle_MenuBreak {
}

.ModuleTitle_MenuItemSel {
}

.ModuleTitle_MenuArrow {
}

.ModuleTitle_RootMenuArrow {
}

/* Main Menu */

.MainMenu_MenuContainer {
}

.MainMenu_MenuBar {
}

.MainMenu_MenuItem {
}

.MainMenu_MenuIcon {
}

.MainMenu_SubMenu {
}

.MainMenu_MenuBrea


/*----------Anmälan till nyhetsbrev------------*/


	fieldset {border: none; padding: 0; margin: 0;}

	/**
	 * @tab Body
	 * @section foreground
	 * @tip Choose a color for your list form's foreground.  Pick a color that's easy to read against your text.
	 */
	.content {
		/*@editable*/ background-color:#FFFFFF;
		/*@editable*/ padding:20px;
		font-family:Verdana;
		font-size: 11px;
		line-height:150%;  /* #3# Editable */
		color: #000000;  /* #3# Editable */
	}

	/**
	 * @tab Header
	 * @section top bar
	 * @tip You can make this color stand out, or you might make it the same as your form's background color.
	 */
	.headerBar {
		/*@editable*/ background-color:#000000;
		/*@editable*/ padding:20px;
		/*@editable*/ border-bottom:0px solid #000000;
	}
	
	/**
	 * @tab Header
	 * @section top bar text
	 * @tip If you aren't using an image for your header, set the text styles here.
	 */
	.headerText {
		/*@editable*/ color:#666666;
		/*@editable*/ font-size:32px;
		/*@editable*/ font-family:Arial;
		/*@editable*/ font-weight:bold;
		/*@editable*/ text-align:left;
	}

	/**
	 * @tab Body
	 * @section default text
	 * @tip This is the default text style for the body of your list form.
	 */
	label, .formText {
		/*@editable*/ line-height:150%;
		/*@editable*/ font-family:Verdana;
		/*@editable*/ font-size: 11px;
		/*@editable*/ color: #000000;
	}

	/**
	 * @tab Alerts/Errors
	 * @section alerts
	 * @tip This is the style for the "There are errors below." warning that appears if invalid data is entered.
	 */
	.alert {
		/*@editable*/ font-size:20px;
		/*@editable*/ line-height:200%;
		/*@editable*/ color:#FF0000;
		/*@editable*/ font-family:Arial;
		/*@editable*/ font-weight:bold;
	}

	/**
	 * @tab Alerts/Errors
	 * @section errors
	 * @tip This is the style for the error messages that appear beneath each form fields with invalid data.  Use colors that will attract attention.
	 */
	div.errorText {
		/*@editable*/ font-size: 12px;
		/*@editable*/ line-height:150%;
		/*@editable*/ font-weight:bold;
		/*@editable*/ color:#FF0000;
		/*@editable*/ font-family:Arial;
		/*@editable*/ background-color:#FFEEEE;
		/*@editable*/ padding:5px;
		/*@editable*/ margin:3px;
	}

	/**
	 * @tab Body
	 * @section link style
	 * @tip Specify the color for all the hyperlinks in your list form.
	 */
	a.poweredBy {
		font-size:10px;
		font-family:trebuchet ms;
		text-decoration: none;
	}

	.poweredByBox td {
	text-align: center;
	}

	/* hCards + hCalendars */
	.vcard, .vevent {
		background:#eee;
		border: 2px solid #ccc !important;
		padding: 14px;
		-moz-border-radius: 4px;
		-webkit-border-radius:4px;
		border-radius: 4px;
		margin: 5px 0 !important;
	}

	span.vcard, 
	span.vevent {padding: 2px 1px 2px 70px !important; margin: 0 2px 0 !important;}

	.org {display:block; margin:8px 0 0 0; padding-left:19px; background:url(http://lisu.list-manage.com/images/vcard.png) no-repeat; font-weight:bold; font-size:110%;}
	.hcard-download {background:url(http://lisu.list-manage.com/images/hcard-download-or.png) no-repeat; padding:2px 0 2px 32px;}
