/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
HTML{height:100%; FONT-SIZE:75%;}
BODY{height:100%;FONT-FAMILY:Arial,Verdana,Helvetica; margin:0 !important;}
A:link, A:active{COLOR: #5e8916; text-decoration:none;}
A:visited{color:#999; text-decoration:none;}
A:hover{color:#339900; text-decoration:underline;}
P{LINE-HEIGHT: 1.4em; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;/*Required for same look in Firefox and IE*/}
UL{MARGIN-TOP:0; MARGIN-BOTTOM:0; Margin-left:0;}
HR {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.H1header{}
.H2header{}
.H3header{}
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{FONT-SIZE:125%; color:#000; text-transform:uppercase; margin-top:0; MARGIN-BOTTOM:0; FONT-FAMILY:Arial;}
h2{FONT-SIZE:81,25%; FONT-WEIGHT:bold; color:#000; text-transform:uppercase; MARGIN-BOTTOM:0; MARGIN-TOP:0px; FONT-FAMILY:Arial;}
h3{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; MARGIN-TOP:0px; FONT-FAMILY:Verdana,Arial,Helvetica;}
/** STYLES FOR EDITOR DROP DOWN LIST (ADAPTED STYLE) *********************************/
/*************************************************************************************/
.ImportantEditor{FONT-WEIGHT:normal; background-color:#808080; color:#FFFFFF;}
.ImagetextEditor{FONT-WEIGHT:normal; FONT-SIZE:90%;}
/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/Framework1.master) */
/*************************************************************************************/
.WebBody {background-color: #ffffff; background-image: url(Images/WebBodyRepeat.gif); background-repeat: repeat-y; background-position:center; margin: 0px; padding: 0px; width: 100%; /*height: 100%;*/ min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebBodyStart {background-color: #ffffff; background-image: url(Images/WebBodyRepeatFullWidth.gif); background-repeat: repeat-y; background-position:center; margin: 0px; padding: 0px; width: 100%; /*height: 100%;*/ min-height: 100%; border-top:1px solid white;/*bugfix for Opera*/}
.WebMain {position: absolute; top: 0px; min-height: 100%; height:auto; width:100%;}
.WebMainContainer {height:auto; margin-bottom: 72px;}
.WebMainContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.WebTopContainer {height: 100px;}
.WebHeaderContainer {background-image: url(Images/WebHeader.gif); background-repeat: no-repeat; background-position:center;}
.WebHeader {width: 723px; height: 100px; margin:auto; padding-left:37px;}
.WebHeaderLogo {float:left; margin-top:15px;}
.WebHeaderLoginPrint {float:right; font-size:110%; width:auto; margin-right: 37px; margin-top:34px; border:none; color:white!important;}
.WebHeaderLoginPrint a {color:white!important;}
.WebHeaderMenuContainer {position: absolute; top: 71px; width:686px;}
.WebHeaderTopMenu {float:left; font-size:110%; width:490px;}
.WebHeaderSearch {float:right; margin-top:4px;}
.WebTopMenu {color:#666666!important; height:28px;}
.WebTopMenuItem {float: left; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.WebTopMenuItemSelected {float: left; background-image: url(Images/WebTopMenu.gif); background-repeat: repeat-x; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.WebMiddleContainer {height: auto; width: 100%; text-align:center;}
.WebContent {height: auto; width: 686px; margin:auto; padding:0px; text-align:left; padding-left:37px; padding-right:37px; padding-top:20px;}
.WebContentLeft {float: left; width: 166px; height: 100%; margin-top:10px;}
.WebContentRight {float: right; width:462px;}
.WebBottomContainer {position: absolute; bottom: 0px; width: 100%; text-align: center; height: 52px;}
.WebFooterContainer {background-image: url(Images/WebFooter.gif); background-repeat: no-repeat; background-position:center;}
.WebFooter {padding-top:10px; height: 42px; width: 686px; margin:auto; padding-left:37px; padding-right:37px; text-align: left; color:white; font-size:110%;}
.WebFooterText {float:left;}
.WebFooterText div{margin-bottom:5px;}
.WebFooterText a{color:white!important;}
.WebSearchField {font-size:110%; color:#666666; width:100px; font-family:Verdana,Arial,Helvetica;}
.WebSearchButton {font-size:110%; color:#666666; width:auto; font-family:Verdana,Arial,Helvetica;}
.StudioLogotype {background-image: url(Images/StudioLogotype.gif); background-repeat:no-repeat;}
.StudioExpressLogotype {background-image: url(Images/StudioExpressLogotype.gif); background-repeat:no-repeat;}
.WebLeftMenu ul{margin:0px; padding:0px;}
.WebLeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.WebLeftMenu a{padding:3px; margin-left:1px; line-height:14px;}
.WebLeftMenuSelected {margin-left:0px!important; border:1px solid #C4C4C4; background-color:#F0F0F0;}
.WebLeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.WebLeftMenu_level_2, .WebLeftMenu_level_3, .WebLeftMenu_level_4, .WebLeftMenu_level_5{margin-top:1px!important; line-height:110%;}
/*************************************************************************************
This stylesheet will be used for the templates included in Litium Studio. Changes
below will change the appearance of the pages using the templates in the folder
"Templates".
**************************************************************************************/
/** STYLES FOR LITIUM STUDIO TEMPLATES ***********************************************/
/*************************************************************************************/
.Intro{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Text{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.Normal{FONT-SIZE:110%;}
.Textbold{FONT-WEIGHT:bold;}
.Factheader{FONT-WEIGHT:bold; COLOR:white; BACKGROUND-COLOR:#555555; PADDING:5px;}
.Facttext{FONT-WEIGHT:normal; BACKGROUND-COLOR:#DDDDDD; PADDING:5px;}
.Imagetext{FONT-WEIGHT:normal; MARGIN-TOP:2px; TEXT-ALIGN:CENTER;}
.Date{COLOR:#AAAAAA; MARGIN-TOP:0px; MARGIN-BOTTOM:0px;}
.Linklist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Linkicon{MARGIN-RIGHT:3px; HEIGHT:10px;}
.Filelist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Fileicon{MARGIN-RIGHT:5px;}
.Productlist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Newslist{FONT-WEIGHT:normal; MARGIN-TOP:20px;}
.Form{}
.InputItem{FONT-SIZE:110%; MARGIN-BOTTOM:10px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:300px; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.InputItemFullWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:100%; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.SelectItemFixedWidth{FONT-SIZE:110%; MARGIN-BOTTOM:10px; WIDTH:305px; FONT-WEIGHT:bold; COLOR:#000000; FONT-FAMILY:Verdana,Arial,Helvetica;}
.MarginSingle{MARGIN-TOP:0px;}
.MarginDouble{MARGIN-TOP:0px;}
.Image{MARGIN-TOP:20px;}
.ImageCenter{TEXT-ALIGN:CENTER; MARGIN-TOP:20px;}
.ImageLeft{TEXT-ALIGN:LEFT; MARGIN-TOP:20px;}
.ImageRight{TEXT-ALIGN:RIGHT; MARGIN-TOP:20px;}
.ImageLeftFloat{FLOAT:LEFT; MARGIN-TOP:10px; MARGIN-RIGHT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ImageRightFloat{FLOAT:RIGHT; MARGIN-TOP:10px; MARGIN-LEFT:10px; MARGIN-BOTTOM:10px; DISPLAY:INLINE;}
.ColumnSpace{HEIGHT:10px; WIDTH:10px;}
.CrossHorizontal{FONT-SIZE:1%; HEIGHT:2px; BACKGROUND-COLOR:#555555;}
.CrossHorizontalCell{FONT-SIZE:1%; PADDING-BOTTOM:10px; PADDING-TOP:10px;}
.CrossVertical{FONT-SIZE:1%; WIDTH:2px; BACKGROUND-COLOR:#555555;}
.CrossVerticalCell{FONT-SIZE:1%; HEIGHT:100%; PADDING:5px;}
.threeColumnLeft{VERTICAL-ALIGN:top; WIDTH:350px; padding-right:5px;}
.threeColumnMiddle{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px; padding-right:5px;}
.threeColumnRight{VERTICAL-ALIGN:top; WIDTH:189px; padding-top:5px; padding-left:5px;}
.threeColumnLineV{padding-top:5px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineV_bg.gif);}
.threeColumnLineH{MARGIN-TOP:5px; MARGIN-BOTTOM:5px; HEIGHT:1px; BACKGROUND-IMAGE: url(../templates/common/images/dotlineH_bg.gif);}
.twoColumnTable{WIDTH:100%; HEIGHT:350px;}
.twoColumnLeft{VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.twoColumnRight{VERTICAL-ALIGN:top; WIDTH:180px; PADDING-LEFT:20px;}
.twoColumnInnerTable{MARGIN-TOP:20px;}
.twoColumnInnerOne{HEIGHT:100%; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-RIGHT:10px;}
.twoColumnInnerTwo{HEIGHT:150px; WIDTH:34%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px; PADDING-RIGHT:10px;}
.twoColumnInnerThree{HEIGHT:150px; WIDTH:33%; VERTICAL-ALIGN:top; PADDING-TOP:10px; PADDING-LEFT:10px;}
.twoColumnLineH{HEIGHT:1px; BACKGROUND-COLOR: #9A9A9A;}
.twoColumnLineV{WIDTH:1px; BACKGROUND-COLOR: #9A9A9A;}
.Fileheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Fileitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Linkheader{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px; BORDER-BOTTOM:1px solid black;}
.Linkitem{FONT-SIZE:110%; FONT-WEIGHT:normal; MARGIN-BOTTOM:5px;}
.Productname{FONT-SIZE:110%; FONT-WEIGHT:bold; MARGIN-BOTTOM:5px;}
.Productlink, A.Productlink:link, A.Productlink:active, A.Productlink:hover, A.Productlink:visited{}
.Productdesc{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.ProductRowItem1{PADDING:5px; PADDING-LEFT:0px;}
.ProductRowItem2{PADDING:5px; PADDING-LEFT:0px;}
.ProductColumnItem1{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductColumnItem2{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:34%;}
.ProductColumnItem3{PADDING:10px; border-left:1px solid #9A9A9A; WIDTH:33%;}
.ProductitemLineH{HEIGHT:1px; BACKGROUND-COLOR:#9A9A9A;}
.ProductitemLineV{PADDING:10px; border-left:1px solid #9A9A9A;}
.Productitem{FONT-SIZE:110%; LINE-HEIGHT:20px;}
.Productitemlist{PADDING-RIGHT:20px; WIDTH:100px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:100%;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{FONT-SIZE:110%; FONT-WEIGHT:normal;}
.Newsitem1{PADDING:5px; PADDING-LEFT:0px;}
.Newsitem2{PADDING:5px; PADDING-LEFT:0px;}
.Breadcrumb{FONT-SIZE:110%; FONT-WEIGHT:normal; COLOR:gray;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{COLOR:gray!important;}
/** SYSTEM ERROR MESSAGE *************************************************************/
/** System errors shown together with add-on-templates *******************************/
/*************************************************************************************/
.litErrorFieldset{MARGIN-TOP:10px; MARGIN-BOTTOM:10px;}
.litErrorLegend{COLOR: #FF0000! important; FONT-SIZE:110%; PADDING-RIGHT:6px;}
.litErrorDiv{PADDING-TOP:8px; PADDING-BOTTOM:5px;}
.litErrorIcon{WIDTH:16px; HEIGHT:16px; MARGIN-RIGHT:3px;}
.litErrorMsg{COLOR: #FF0000! important; FONT-SIZE:110%;}
/** STYLES FOR THE LEFT MENU *********************************************************/
/** CSS for the left menu, new in version 4.1 ****************************************/
/*************************************************************************************/
.LeftMenu ul{margin:0; margin-top:4px; padding:0;}
.LeftMenu li{list-style:none; padding:3px; margin-left:15px;}
.LeftMenu a, .LeftMenu a:link, .LeftMenu a:active, .LeftMenu a:hover, .LeftMenu a:visited{color:#666666;}
.LeftMenu a{text-decoration:none; padding:2px; margin-left:1px; line-height:14px;}
.LeftMenu a:hover{text-decoration:underline;}
.LeftMenu_Selected {margin-left:0px!important; border:1px solid #CCCCCC; background-color:White;}
.LeftMenu_StartPage {}
.LeftMenu_level_1{margin-left:-20px!important; line-height:130%; FONT-SIZE:110%;}
.LeftMenu_level_2, .LeftMenu_level_3, .LeftMenu_level_4, .LeftMenu_level_5{margin-top:1px!important; line-height:110%;}
.WebClear{clear:both; font-size:1px; line-height:1px;}
/** Memira specific **********************************/
/** Framework ***************************************/
/***************************************************/
#aspnetForm{height:100%;}
.MemiraBody{ height:100%; background:#7db61c url("Images/FrameworkSpritesMemira.gif") repeat-x left -119px;}
#MemiraMain{margin:0 auto; width:1024px; min-height:100%; background:url("Images/mainback.gif") repeat-y center;}
.MemiraMainContentContainer{float:left; min-height:400px;}
* html .MemiraMainContentContainer{height:400px;}
* html #MemiraMain{height:100%;}
object,embed{ outline:none;}
a img{border:none;}
.TopContent .MemiraLogo{float:left; outline:none;}
.FooterContent a:link,
.FooterContent a:active,
.FooterContent a:visited,
.FooterContent a:hover,
.TopContent a:link,
.TopContent a:active,
.TopContent a:visited,
.TopContent a:hover
{
color:#000;
}
.MemiraThinContent
{
float:left;
width:420px;
margin-right:7px;
min-height:400px;
}
* html .MemiraThinContent{height:400px;}
.MemiraRightContent{float:left;}
#MemiraMain .TopContent
{
width:987px;
background-color:#FFF;
height:80px;
padding-left:37px;
overflow:hidden;
}
#MemiraMain .CenterContent
{
margin: 8px 55px 13px 55px;
width: 914px;
}
.FooterContent
{
padding:0 0 20px 60px;
width:907px;
font-size:83%;
}
span.adressbox
{
margin:0 0 10px 57px;
display:block;
width:907px;
height:35px;
background:url("Images/FrameworkSpritesMemira.gif") no-repeat left -65px;
text-align:center;
line-height:32px;
overflow:hidden;
color:#FFF;
}
.SearchContainer
{
background:url("Images/FrameworkSpritesMemira.gif") left -100px;
padding-right:5px;
margin-top:5px;
}
.TopContent .rightContent
{
float:right;
margin: 8px 42px 0 0;
font-size:80%;
}
.searchFieldClass
{
border:0;
margin:2px 0 2px 18px;
width:114px;
background:transparent;
color:#909090;
font-size:11px;
}
.searchBtnClass
{
visibility:hidden;
width:0;
height:0;
}
/** Memira specific **********************************/
/** TopMenu *****************************************/
/***************************************************/
#MemiraTopMenu
{
padding-left:40px;
width:984px;
height:64px;
background:url("Images/FrameworkSpritesMemira.gif") no-repeat left top;
}
#MemiraTopMenu li
{
float:left;
list-style:none;
width:118px;
height:53px;
}
#MemiraTopMenu li.selected{position:relative;}
#MemiraTopMenu a
{
display:block;
width:118px;
height:53px;
overflow:hidden;
text-align:center;
line-height:48px;
font-weight:bold;
font-size:133%;
}
#MemiraTopMenu a:hover,
#MemiraTopMenu a:visited,
#MemiraTopMenu a:active,
#MemiraTopMenu a:link{text-decoration:none; color:#FFF;}
#MemiraTopMenu .selected a
{
width:125px;
position:absolute;
left:-4px;
background:url("Images/topmenuselected.png");
}
/** Memira specific **********************************/
/** Startpage ***************************************/
/***************************************************/
.StartpageLeftContent{float:left; width:604px; margin-right:9px;}
/** Memira specific **********************************/
/** RelationPersonInformation ***********************/
/***************************************************/
.PersonContainer{border-bottom: solid 1px #d6d8d7; width:685px; padding:10px 0 10px 0;}
.PersonImg{float:left; padding-bottom:0; margin-bottom:0;}
.PersonInfo{margin-left:145px; padding:0; list-style:none;}
.PersonInfo .Header{font-weight:bold;}
.PersonInfo .Title{}
.PersonInfo .Text{margin-top:20px;}
/** Memira specific **********************************/
/** PageTools ***************************************/
/***************************************************/
#PageTools
{
margin-bottom:8px;
text-align:right;
font-size:83%;
margin-top:5px;
}
.MemiraThinContent #PageTools
{
margin-bottom:20px;
}
#PageTools a
{
padding: 5px 0 10px 0;
}
#PageTools .print
{
background:url("Images/IconSprites.png") no-repeat left 2px;
padding-left:24px;
}
#PageTools .tipafriend
{
margin-left:5px;
background:url("Images/IconSprites.png") no-repeat left -29px;
padding-left:24px;
}
#PageTools .fontsize
{
margin-left:3px;
background:url("Images/IconSprites.png") no-repeat left -58px;
padding-left:20px;
}
#PageTools .fontsizeBig
{
font-size:110%;
}
#PageTools .fontsizeBiggest
{
font-size:120%;
}
/** Memira specific **********************************/
/** Blurbs ******************************************/
/***************************************************/
.MemiraPuff1 h1,.MemiraPuff2 h1,.MemiraPuff3 h1,#MiniContactForm h1
{
line-height:135%;
color:#81b61f;
margin-top:7px;
}
.MemiraPuff4 h1
{
color:#FFF;
line-height:135%;
margin-top:2px;
}
.MemiraPuff1 a,
.MemiraPuff2 a,
.MemiraPuff3 a,
.MemiraPuff4 a,
.MemiraPuff1 a:visited,
.MemiraPuff2 a:visited,
.MemiraPuff3 a:visited,
.MemiraPuff4 a:visited,
.MemiraPuff1 a:active,
.MemiraPuff2 a:active,
.MemiraPuff3 a:active,
.MemiraPuff4 a:active,
.MemiraPuff1 a:link,
.MemiraPuff2 a:link,
.MemiraPuff3 a:link,
.MemiraPuff4 a:link
{
font-weight:bold;
color:#000;
}
.MemiraPuff1 a:hover,
.MemiraPuff2 a:hover,
.MemiraPuff3 a:hover
{
font-weight:bold;
color:#81b61f;
text-decoration:none;
}
.MemiraPuff1
{
width:281px;
height:182px;
padding:12px 12px 0 7px;
background:url("Images/SpritesBlurbs.png") no-repeat left -127px ;
float:left;
overflow:hidden;
margin-top:2px;
}
.MemiraPuff2
{
width:276px;
height:121px;
padding:8px 12px 0;
background:url("Images/SpritesBlurbs.png") no-repeat left top ;
overflow:hidden;
margin-bottom:7px;
}
.MemiraPuff3
{
width:275px;
height:142px;
padding:8px 12px 0;
margin-top:5px;
background:url("Images/SpritesBlurbs.png") no-repeat left -540px;
overflow:hidden;
float:left;
}
.MemiraPuff4
{
width:274px;
height:100px;
padding:8px 12px 0;
margin:1px 0 6px 0;
background:url("Images/Intranet/spritesIntranetBlurbs.png") no-repeat -649px top;
overflow:hidden;
}
.UpcomingMeetings h1
{
line-height:150%;
color:#FFF;
text-align:center;
}
.UpcomingMeetings
{
padding:8px 12px 0;
width:273px;
height:58px;
background:url("Images/SpritesBlurbs.png") no-repeat left -327px;
margin-bottom:10px;
position:relative;
}
.BlurbImage1
{
float:left;
padding:0 3px 3px 0;
}
/** Memira specific **********************************/
/** UpcomingMeetings ********************************/
/***************************************************/
.UpcomingMeetings a
{
display:block;
position:absolute;
width:270px;
height:24px;
line-height:24px;
left:15px;
top:35px;
text-align:center;
display:none;
color:#000 !important;
text-transform:uppercase;
}
/** Memira specific **********************************/
/** MiniForm ****************************************/
/***************************************************/
.miniformError
{
position:absolute;
bottom:0;
width:276px;
text-align:center;
background-color:red;
color:#FFF;
font-size:10px;
}
#MiniContactForm
{
width:276px;
height:124px;
padding:5px 12px 0 12px;
background:url("Images/SpritesBlurbs.png") no-repeat left -400px;
margin-bottom:6px;
position:relative;
}
.miniformSendBtn
{
width:79px;
height:34px;
line-height:34px;
padding:0;
margin:0;
position:absolute;
left:209px;
top:78px;
text-align:center;
font-size:125%;
color:#FFF !important;
text-transform:uppercase;
font-family:arial;
font-weight:bold;
text-decoration:none !important;
}
#MiniContactForm .miniformField
{
border:0;
background:transparent;
position:absolute;
font-family:Arial;
font-size:11px;
line-height:15px;
font-weight:bold;
}
#MiniContactForm .firstnamefield{left:19px; top:41px; width:123px;}
#MiniContactForm .lastnamefield{left:157px; top:41px; width:123px;}
#MiniContactForm .phonefield{left:19px; top:67px; width:180px;}
#MiniContactForm .emailfield{left:19px; top:93px; width:180px;}
/** Memira specific **********************************/
/** LeftMenu ****************************************/
/***************************************************/
.MemiraLeftMenuContainer{float:left; width:185px;}
#MemiraLeftMenu{margin:3px 0 0 5px;}
#MemiraLeftMenu li{overflow:hidden;}
.pages,
.pages ul{ list-style:none; padding-left:0;}
.pages .MenuHeader
{
background:url("Images/SpritesLeftMenu.png") left top !important;
width:170px;
height:33px !important;
}
.pages .level1
{
background:url("Images/SpritesLeftMenu.png") left -33px;
width:170px;
height:31px;
}
ul.level2
{
background:url("Images/SpritesLeftMenu.png") left -33px;
padding:4px 0 7px 0;
}
.level1 a
{
display:block;
width:150px;
height:31px;
line-height:28px;
padding-left:20px;
}
.level2 a
{
display:block;
width:150px;
height:auto;
line-height:22px;
padding-left:20px;
}
.level3 a
{
display:block;
width:150px;
height:auto;
line-height:18px !important;
padding-left:30px;
font-size:11px !important;
}
#MemiraLeftMenu a:link,
#MemiraLeftMenu a:active,
#MemiraLeftMenu a:visited,
#MemiraLeftMenu a:hover
{
text-decoration:none;
color:#000;
font-size:13px;
font-family:Arial;
}
#MemiraLeftMenu .MenuHeader a:link,
#MemiraLeftMenu .MenuHeader a:active,
#MemiraLeftMenu .MenuHeader a:visited,
#MemiraLeftMenu .MenuHeader a:hover
{
color:#FFF;
line-height:32px;
}
#MemiraLeftMenu .level2 .MenuHeader a:link,
#MemiraLeftMenu .level2 .MenuHeader a:active,
#MemiraLeftMenu .level2 .MenuHeader a:visited,
#MemiraLeftMenu .level2 .MenuHeader a:hover
{
color:#000;
line-height:22px;
}
#MemiraLeftMenu .level3 .MenuHeader a:link,
#MemiraLeftMenu .level3 .MenuHeader a:active,
#MemiraLeftMenu .level3 .MenuHeader a:visited,
#MemiraLeftMenu .level3 .MenuHeader a:hover
{
color:#000;
line-height:18px;
}
.level2 .selected a:link,
.level2 .selected a:active,
.level2 .selected a:visited,
.level2 .selected a:hover
{
color:#7db61c !important;
}
.selectedparent .level3 a:link,
.selectedparent .level3 a:active,
.selectedparent .level3 a:visited,
.selectedparent .level3 a:hover
{
color:#000 !important;
}
.level3 .selected a:link,
.level3 .selected a:active,
.level3 .selected a:visited,
.level3 .selected a:hover
{
color:#7db61c !important;
}
.pages .selected
{
background:url("Images/SpritesLeftMenu.png") left -64px;
}
.pages .selected.parent,
.pages .selectedparent
{
background:url("Images/SpritesLeftMenu.png") 172px -2px;
}
ul.level2
{
background:url("Images/SpritesLeftMenu.png") 172px bottom;
}
.level2 li,
.level2 .MenuHeader
{
background:none !important;
height:auto !important;
}
.pages .parent
{
width:170px;
height:auto;
}
/** Memira specific ********************************/
/** ClientList *************************************/
/***************************************************/
.clientListsearchArea
{
background:url("Images/clientlistsearcharea.png");
}
.clientListImageArea
{
background:url("Images/clientlistimagearea.png");
}
.clientListMemiraStaff
{
background:url("Images/clientlistmemirastaff.png");
}
.clientListSortButton
{
background:url("Images/clientlistsortbutton.png");
}
.clientListmoreInfo
{
background: url("Images/clientlistimagearea.png");
background-color: transparent;
opacity: 0.75;
filter:alpha(opacity=75); /* IE-opacitet*/
}
.moreInfoOpened
{
background: url("Images/clientlistmoreinfo_png24.png");
width: 564px;
height: 461px;
}
.qtip-content
{
text-align: center;
line-height: 13px;
}
/** Memira specific ********************************/
/** MemiraForm2 ***********************************/
/*************************************************/
#MeetingFormList
{
padding:5px 0 0 28px;
}
#MeetingFormList a,
#MeetingFormList a:active,
#MeetingFormList a:visited,
#MeetingFormList a:hover
{
color:#000 !important;
}
#MeetingFormList li
{
list-style:none;
}
.MeetingFormHeader
{
border-top:solid 3px #BFDB9D;
border-bottom:solid 3px #BFDB9D;
line-height:22px;
}
/** Memira specific ********************************/
/** RegisterReference *****************************/
/*************************************************/
.RegisterReferenceText{padding:0 320px 8px 0;}
.RegisterReferencePersonVisualDefectInfo{ width:330px; float:left;}
.RegisterReferencePersonInfo{width:390px; float:left;}
.RegisterReferencePersonInfo textarea{width:330px;}
.RegisterReferencePersonInfo select{ width:150px;}
.RegisterReferencePersonInfo input{ width:280px;}
.TwoColumn{float:left;}
.btnSubmitClass
{
position:absolute;
bottom:0;
right:50px;
width:100px;
}
.RegisterReferencePersonInfo label,
.RegisterReferencePersonVisualDefectInfo label
{
display:block;
font-weight:bold;
padding:8px 0 3px 0;
}
.RegisterReferencePersonVisualDefectInfo table label{ display:inline; font-weight:normal;}
.ReferenceMessageBox
{
padding:20px 0 20px 20px;
margin-bottom:10px;
border:solid 3px #718E41;
background-color:#ACD42B;
}
.ReferenceErrorBox
{
padding:20px 0 20px 20px;
margin-bottom:10px;
border:solid 3px #000;
background-color:#CCC;
}