/* Style sheet file for Ehealth_Alterations */
/* Only differences from Default.css are stored here */
/* Olof Rydergren Spize IT 2008-09-16 */

body { background: #efede1; font-family: Verdana,Arial; font-size: 17px; }
#OuterWidth { z-index: 2; position: relative; width: 1004px; background-color: #ffffff; margin: 0 auto; padding: 0 8px 0 8px; }
#PageContent { padding: 0; margin: 0; }

/*****************************************************************
* Page layout
******************************************************************/

.ZoneViewMode {}

/*****************************************************************
* Spize info box footer
******************************************************************/
.SpizeInfoBox {font:normal 11px Arial, Tahoma, Sans-Serif;margin:10px 0 0 5px;}

/*****************************************************************
* Tab Sub Menu (spzTabSubMenuStrip)
******************************************************************/
/*  border: 1px solid #005EA7; background-color: #fe8a39; */
.MainMenu { height: 27px; width: 998px; border: 1px solid #005EA7; background-color: #fe8f4b; padding: 3px 0 0 0; font: normal 13px Verdana,Arial; }
.xqh_DropDownMenu { height: 30px; position: absolute; z-index: 10000; font-family: Verdana, Arial; }
.xqh_DropDownMenu .dropMenu { float: left; border: 2px solid #fe8f4b; cursor: pointer; }
.xqh_DropDownMenu .dropMenu_hover { float: left; background-color: #f79201; border: 2px solid #f79201; }
.xqh_DropDownMenu .dropMenuHeader { padding: 2px 10px 5px 10px; font-size: 1.0em; font-weight: bold; color: #000080; cursor:pointer;}
.xqh_DropDownMenu .dropMenuGroup { position: absolute; visibility: hidden; border: 1px solid #f79201; margin-top: -3px; margin-left: -2px; border-top: none; background-color: #f79201; z-index: 1000; }
.xqh_DropDownMenu .dropMenuGroup .dropMenuItem { width: 16em; font-size: 1em; margin: 1px; padding: 6px 10px 6px 10px; cursor: pointer; background-color: #FFBD2E; }
.xqh_DropDownMenu .dropMenuGroup .dropMenuItem_hover { width: 16em; font-size: 1em; margin: 1px; padding: 6px 10px 6px 10px; cursor: pointer; background-color: #f79201; }
.xqh_DropDownMenu .dropMenuDivider { float: left; margin: 0 -3px 0 -3px; padding: 3px 0 0 0; font-size: 1.0em; color: #787878; }

/*****************************************************************
* Web Parts framework
******************************************************************/

.WebParts_RightZone { float: left; width: 230px; }

.News { border: 3px solid #0071BC; background-color: #C2E15F; padding: 5px; margin: 0 0 5px 0; }
.News h1 { font-size: 11px; font-weight: bold; color: #000000; margin: 0 0 5px 0; }

.Welcome { width: 100%; font: normal 13px Verdana, Arial; text-align: justify; }
.Welcome h1 { color: #0060A0; font: normal 46px Verdana, Arial; letter-spacing: 10px; }

/*****************************************************************
* Home page header box
******************************************************************/
.HeaderBox { overflow: hidden; width: 240px; margin: 5px 0 5px 0; color: #555584; font: normal 11px Arial, Tahoma, Sans-Serif; }
.HeaderBox .Top { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Top.jpg') no-repeat left bottom; }
.HeaderBox .Middle { position: relative; top: 0; width: 230px; padding: 0 5px 0 5px; background: #ffffff url('Images/Box/Middle.jpg') repeat-y left top; }
.HeaderBox .Bottom { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Bottom.gif') no-repeat left top; }
.HeaderBox h2 { margin: 0px 0 5px 0; color: #555584; font: bold 13px Arial, Tahoma, Sans-Serif; font-variant: small-caps; }
.HeaderBox a, visited { text-decoration: none; }
.HeaderBox a:hover { color:#ff6600; text-decoration: underline; }
.HeaderBox dl {}
.HeaderBox dt {}
.HeaderBox dd { margin: 0 0 5px 10px; }

.HeaderBox3 { width: 240px; margin: 5px 0 5px 0; color: #555584; font: normal 11px Arial, Tahoma, Sans-Serif; }
.HeaderBox3 .Top { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Top3.jpg') no-repeat left bottom; }
.HeaderBox3 .Middle { position: relative; top: 0; width: 230px; padding: 0 5px 0 5px; background: #ffffff url('Images/Box/Middle3.gif') repeat-y left top; }
.HeaderBox3 .Bottom { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Bottom3.gif') no-repeat left top; }
.HeaderBox3 h2 { margin: 0px 0 5px 0; color: #555584; font: bold 13px Arial, Tahoma, Sans-Serif; font-variant: small-caps; }
.HeaderBox3 a, visited { text-decoration: none; }
.HeaderBox3 a:hover { color:#ff6600; text-decoration: underline; }
.HeaderBox3 dl {}
.HeaderBox3 dt {}
.HeaderBox3 dd { margin: 0 0 5px 10px; }

/*****************************************************************
* ArticleSearch (border and background color, header font)
******************************************************************/
.swpArticleSearch { border: 1px solid #005EA7; }
.swpArticleSearch .Header { display: none; }
.swpArticleSearch .Content { height: 24px; background-color: #FFBD2E; padding: 3px 0 0 3px; overflow: hidden; }
.swpArticleSearch .Content .SearchTextBox .txtSearch { width: 184px; color: #000000; font-size: 11px;}
.swpArticleSearch .Content .SearchButton { float: right; padding: 1px 2px 0 0; }
.swpArticleSearch .Content .SearchButton .cmdSearch { height: 19px; width: 40px; font-size: 12px; font-weight: bold; background-color: #fe8f4b; }

/*****************************************************************
* ProductSearch (border and background color, header font)
******************************************************************/
.swpProductSearch { border: 1px solid #e0e0e0; }
.swpProductSearch .Header { display: none; background-color: #f0f0f0; border:0; color: #555584; font: bold 13px Arial, Tahoma, Sans-Serif; font-variant: small-caps; }
.swpProductSearch .Content { background-color: #f0f0f0; }

/*****************************************************************
* ProductDetailLarge
******************************************************************/
.swpProductDetailLarge { border: 0; padding: 0; font: normal 10px Verdana, Arial;}
.swpProductDetailLarge .Header h1 { color:#333333; font-weight: normal; font-size: 16px; }
.swpProductDetailLarge .LongDescription p { text-align: justify; font: normal 10px Verdana, Arial; line-height: 16px; }
.swpProductDetailLarge .Divider { border-top: 0; }
.swpProductDetailLarge .PriceBlock .PriceHeader { color: #000000; font-weight: bold; font-size: 10px;}
.swpProductDetailLarge .PriceBlock .Price { color: #000000; font-weight: normal; font-size: 12px;}
.swpProductDetailLarge .PriceBlock .QuantityBlock { color: #000000; font-weight: normal; font-size: 10px;}

/*****************************************************************
* Home Page Header
******************************************************************/
.HeaderLinkBox { position: relative; top: 105px; left: 20px; }
.HeaderLinkBox .Link { padding: 0 0 8px 0; }
.HeaderLinkBox .Link a, visited { text-decoration: none; color: #005198; font: bold 14px Arial;  }
.HeaderLinkBox .Link a:hover { color:#ff6600; text-decoration: underline; }

/*****************************************************************
* ArticleSubCategoriesList
******************************************************************/
.swpArticleSubCategoriesList { width: 500px; }
.swpArticleSubCategoriesList .Header { border: 3px solid #F68232; padding: 4px 8px 4px 8px; margin: 5px 0 5px 0; color: #0C1A26; background-color: #F8A266; font: normal 18px Verdana, Arial; letter-spacing: 3px; font-variant: small-caps; }

/*****************************************************************
* ArticleCategoryTree
******************************************************************/
.swpArticleCategoryTreeView { width: 100%; }
.swpArticleCategoryTreeView .TopNode { padding: 3px 5px 5px 5px; margin: 0px 0 5px 0; border:1px solid #005ea7; color: #ffffff; background-color: #FFBD2E; font-size: 20px; font-weight: bold; font-variant: small-caps; letter-spacing: 2px; }
.swpArticleCategoryTreeView .TopNode a, visited { color: #0000a0; text-decoration: none; font: bold 15px Arial; }
.swpArticleCategoryTreeView .TopNode a:hover { color: #0C1A26; text-decoration: none; cursor: default; }

/*****************************************************************
* Article Detail Large
******************************************************************/
.swpArticleDetailLarge .CategoryBox { padding: 3px 5px 5px 5px; border:1px solid #005ea7; background-color: #FFBD2E; }
.swpArticleDetailLarge .CategoryBox h2 { height: 17px; margin: 0; color: #0000a0; font: bold 15px Arial; padding: 2px 0 0 0; }

/*****************************************************************
* Article Detail Medium
******************************************************************/
.swpArticleDetailMedium h2 { color: #00558D; }

/*****************************************************************
* Box wrappers
******************************************************************/
.BlueRoundedBox { overflow: hidden; width: 240px; margin: 5px 0 5px 0; color: #555584; font: normal 11px Verdana,Arial; }
.BlueRoundedBox .Top { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Top.jpg') no-repeat left bottom; }
.BlueRoundedBox .Middle { position: relative; top: 0; width: 230px; padding: 0 5px 0 5px; background: #ffffff url('Images/Box/Middle.jpg') repeat-y left top; }
.BlueRoundedBox .Bottom { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Bottom.gif') no-repeat left top; }
.BlueRoundedBox h2 { margin: 0px 0 5px 0; color: #555584; font: bold 13px Verdana,Arial; font-variant: small-caps; }
.BlueRoundedBox a, visited { text-decoration: none; }
.BlueRoundedBox a:hover { color:#ff6600; text-decoration: underline; }
.BlueRoundedBox dl {}
.BlueRoundedBox dt {}
.BlueRoundedBox dd { margin: 0 0 5px 10px; }

.YellowRoundedBox { width: 240px; margin: 5px 0 5px 0; color: #555584; font: normal 11px Arial, Tahoma, Sans-Serif; }
.YellowRoundedBox .Top { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Top3.jpg') no-repeat left bottom; }
.YellowRoundedBox .Middle { position: relative; top: 0; width: 230px; padding: 0 5px 0 5px; background: #ffffff url('Images/Box/Middle3.gif') repeat-y left top; }
.YellowRoundedBox .Bottom { position: relative; top: 0; width: 240px; height: 10px; background: #ffffff url('Images/Box/Bottom3.gif') no-repeat left top; }
.YellowRoundedBox h2 { margin: 0px 0 5px 0; color: #555584; font: bold 13px Arial, Tahoma, Sans-Serif; font-variant: small-caps; }
.YellowRoundedBox a, visited { text-decoration: none; }
.YellowRoundedBox a:hover { color:#ff6600; text-decoration: underline; }
.YellowRoundedBox dl {}
.YellowRoundedBox dt {}
.YellowRoundedBox dd { margin: 0 0 5px 10px; }

/*****************************************************************
* Teaser pictures on home page (two pictures side by side)
******************************************************************/
.TeaserPicture { float: left; width: 245px; margin: 0 0 10px 0; } 
.TeaserPictureRight { float: right; width: 245px; margin: 0 0 10px 0; } 

/*****************************************************************
* UserRegistration
******************************************************************/
.swpUserRegistration { border: 1px solid #005EA7; }
.swpUserRegistration .Header { height: 18px; padding: 4px 5px 5px 5px; border-bottom: 1px solid #005EA7; color: #0000a0; background-color: #FFBD2E; font: bold 13px Verdana,Arial; font-variant: small-caps; letter-spacing: 2px; }

/*****************************************************************
* UserProfile
******************************************************************/
.swpUserProfile { border: 1px solid #005EA7; }
.swpUserProfile .Header { height: 18px; padding: 4px 5px 5px 5px; border-bottom: 1px solid #005EA7; color: #0000a0; background-color: #FFBD2E; font: bold 13px Verdana,Arial; font-variant: small-caps; letter-spacing: 2px; }

/*****************************************************************
* Login
******************************************************************/
.swpLogin { border: 1px solid #005EA7; }
.swpLogin .Header { height: 18px; padding: 4px 5px 5px 5px; border-bottom: 1px solid #005EA7; color: #0000a0; background-color: #FFBD2E; font: bold 13px Verdana,Arial; font-variant: small-caps; letter-spacing: 2px; }

/*****************************************************************
* ForgotPassword
******************************************************************/
.swpForgotPassword { border: 1px solid #005EA7; }
.swpForgotPassword .Header { height: 18px; padding: 4px 5px 5px 5px; border-bottom: 1px solid #005EA7; color: #0000a0; background-color: #FFBD2E; font: bold 13px Verdana,Arial; font-variant: small-caps; letter-spacing: 2px; }

/*****************************************************************
* ContactMe
******************************************************************/
.swpContactMe { border: 1px solid #005EA7; }
.swpContactMe .Header { height: 18px; padding: 4px 5px 5px 5px; border-bottom: 1px solid #005EA7; color: #0000a0; background-color: #FFBD2E; font: bold 13px Verdana,Arial; font-variant: small-caps; letter-spacing: 2px; }

.swpContactMe3Steps { border: 1px solid #005EA7; padding: 0; }
.swpContactMe3Steps .Header { height: 18px; padding: 4px 5px 5px 5px; border-bottom: 1px solid #005EA7; color: #0000a0; background-color: #FFBD2E; font: bold 13px Verdana,Arial; font-variant: small-caps; letter-spacing: 2px; }
.swpContactMe3Steps .Header h1 { color: #0000a0; background-color: #FFBD2E; font: bold 13px Verdana,Arial; font-variant: small-caps; letter-spacing: 2px; }
.swpContactMe3Steps .Content .StepIndicator { padding: 0; margin: 0 0 20px 20px; }
.swpContactMe3Steps .Content .MainInstructions { margin: 0 0 20px 20px; font: bold 12px Verdana,Arial; }
.swpContactMe3Steps .Content .ButtonsBlock { width: 100%; overflow: hidden; margin: 0 0 10px 0;}
.swpContactMe3Steps .Content .ButtonsBlock .PreviousButton {float: left; margin: 0 0 0 10px; }
.swpContactMe3Steps .Content .ButtonsBlock .NextButton {float: right; margin: 0 10px 0 0; }

.usr_TextBox { width: 200px; color: #000000; font: normal 13px Verdana,Arial; border: 1px solid #aaaaaa; }

/*****************************************************************
* PageNavigator
******************************************************************/
.swpPageNavigator { border: 1px solid #B0B0B0; background-color: #D0D0D0; }