/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
body{margin:0px; margin-top:0px; font-family:Verdana,Arial,Helvetica; }
html{font-size:x-small;}
a:link{color:#1981a6; text-decoration:none;}
a:active{color:#1981a6; text-decoration:none;}
a:hover{color:#1981a6!important; text-decoration:none;}
a:visited{color:#1981a6; text-decoration:none;}
p{margin-top:0px; margin-bottom:15px;/*Required for same look in Firefox and IE*/}
/** STYLES FOR THE BASEFILE **********************************************************/
/** The class names below are used in the basefile (/Templates/Framework/base1.ascx) */
/*************************************************************************************/
.mainArea
{
width:928px; padding-left:26px; padding-right:26px;
background:url(../Images/bg_main.gif) repeat-y;
margin-left:auto; margin-right:auto; text-align:left;
}
.mainAreaIECrap
{
width:928px; padding-left:26px; padding-right:26px;
background:url(../Images/bg_main.gif) repeat-y 0px -150px;
margin-left:auto; margin-right:auto; text-align:left;
}
.menuArea{ position:relative; }
.footerArea{background-color:#ffffff; width:100%; height:40px; border-top:1px solid #C3C3AB;}
.footerLeftContent{float:left; padding-top:15px; color:#666666;}
.footerRightContent{float:right; padding-top:15px; color:#666666;}
.topMenuText{padding-left:3px; padding-right:15px; font-size:110%;}
.topArea
{
margin:10px auto 0px auto; width:980px; height:37px;
}
.topAreaIECrap
{
margin:10px auto 0px auto; width:980px; height:37px;
}
.topMenuBackground{ top:14px; position:absolute; }
.topMenuBackgroundFlash{ top:14px; position:absolute; padding-top:12px; margin-bottom:25px; }
.topMenuContainer{height: 299px; position:relative; top:0px; z-index:1000;}
input[type=text], textarea{ border:solid 1px #7E959D; }
/** STYLES FOR SITE SETTINGS PAGE ****************************************************/
/*************************************************************************************/
.fontVerdana{font-family:Verdana,sans-serif!Important;}
.fontGeorgia{font-family:Georgia,serif!Important}
.fontGeorgia h1{ font-family:Georgia,serif!Important;}
.fontGeorgia h2{ font-family:Georgia,serif!Important;}
.fontGeorgia h3{ font-family:Georgia,serif!Important;}
.fontGeorgia .H1header{ font-family:Georgia,serif!Important;}
.fontGeorgia .H2header{ font-family:Georgia,serif!Important;}
.fontGeorgia .H3header{ font-family:Georgia,serif!Important;}
.textSizeXSmall{font-size:80%!Important;}
.textSizeMedium{font-size:120%!Important;}
.textSizeLarge{font-size:180%!Important;}
.lineHeightStandard{}
.lineHeightMedium{line-height:180%!Important;}
.lineHeightLarge{line-height:240%!Important;}
/** STYLES FOR TEMPLATE WIDTH ********************************************************/
/** The templates are included inside the basefile, your web design will tell you ****/
/** the maximal width to use for the templates. **************************************/
/*************************************************************************************/
.LeftMenu{float:left; width:162px; padding-bottom:20px; padding-left:20px; padding-top:30px; overflow:hidden;}
.Template{WIDTH:890px!important; min-height:350px; _height:350px; padding-left:15px; padding-right:23px; padding-top:13px;}
.TemplateSub{WIDTH:702px!important; background-color:#FFFFFf; MIN-HEIGHT:350px; _HEIGHT:350px; padding-left:20px; padding-right:23px; padding-top:13px;}
/** STYLES FOR TEMPLATE ELEMENTS AND EDITOR DROP DOWN LIST ***************************/
/*************************************************************************************/
.Mainheader{FONT-SIZE:220%; margin:0px; padding:0px; font-family:Arial!important;}
.Subheader{FONT-SIZE:130%; FONT-WEIGHT:bold;/*Required for Firefox*/}
.Header{FONT-SIZE:180%; margin:0px; padding:0px;}
A.BoldLink:link, A.BoldLink:active, A.BoldLink:visited{color:#000000; text-decoration:none; font-weight:bold;}
A.BoldLink:hover{color:#1981A6; text-decoration:none; font-weight:bold;}
A.LinkRegular:link, A.LinkRegular:active, A.LinkRegular:visited, A.LinkRegular:hover{color:#000000!important; text-decoration:none;}
A.mail:link, A.mail:active, A.mail:visited{color:#666; text-decoration:none; font-weight:normal;}
A.mail:hover{color:#1981A6; text-decoration:none; font-weight:normal;}
A.BlueLink:link, A.BlueLink:active, A.BlueLink:visited{color:#1981A6; text-decoration:none; font-weight:normal;}
A.BlueLink:hover{color:#1981A6; text-decoration:underline; font-weight:normal;}
/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ********/
/*************************************************************************************/
h1{FONT-SIZE:220%; margin:0px; padding:0px; font-family:Arial!important;}
h2{FONT-SIZE:130%; FONT-WEIGHT:bold;/*Required for Firefox*/}
h3{FONT-SIZE:180%; margin:0px; padding:0px;}
/*************************************************************************************
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 ***********************************************/
/*************************************************************************************/
.tipAFriendContainer{ display:none; top:100px; left:100px; z-index:1000; position:absolute; width:200px; background-color:#FFFFFF; padding:10px; border:1px solid #B8D8E3; }
.tipAFriendField{ width:150px; }
.tipAFriendFieldTitle{ font-weight:bold; }
.tipAFriendFieldContainer{}
A.tipAFriendSendButton:link, A.tipAFriendSendButton:active, A.tipAFriendSendButton:visited{color:#000000; text-decoration:none; font-weight:bold; cursor:pointer; cursor:hand; }
A.tipAFriendSendButton:hover{color:#1981A6; text-decoration:none; font-weight:bold; cursor:pointer; cursor:hand; }
A.BackLink:link, A.BackLink:active, A.BackLink:visited{color:#000000; text-decoration:none; font-weight:bold; cursor:pointer; cursor:hand; }
A.BackLink:hover{color:#1981A6; text-decoration:none; font-weight:bold; cursor:pointer; cursor:hand; }
.Normal{FONT-SIZE:110%;}
.NormalBold{FONT-SIZE:110%; font-weight: bold;}
.Text{FONT-SIZE:110%; font-weight:normal; }
.Textbold{FONT-SIZE:110%; FONT-WEIGHT:bold;MARGIN-TOP:0px; MARGIN-BOTTOM:10px;}
.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;}
.Introduction { font-weight:normal; font-size:110% }
.Intro {color:#000000; font-weight:bold; font-size:105%}
.InputLabel{FONT-SIZE:110%; FONT-WEIGHT: 600;MARGIN-TOP:10px;}
.breadCrumbDiv{height:15px;}
.ImageBorder{text-align:center; border:1px solid #B8D8E3; padding:4px;}
.ImageBorderFloatRight{ float:right; text-align:center; border:1px solid #B8D8E3; text-align:right; display:inline; padding:4px; margin-left:10px; margin-bottom:10px; }
.ImageBorderFloatLeft{ float:left; text-align:center; border:1px solid #B8D8E3; text-align:left; display:inline; padding:4px; margin-right:10px; margin-bottom:10px; }
.FloatLeft{float:left;}
.cursorHand{cursor: hand; cursor: pointer; }
A.cursorHand:hover{color:#000000;}
A.BreadcrumbCurrent:link, A.BreadcrumbCurrent:active, A.BreadcrumbCurrent:hover, A.BreadcrumbCurrent:visited{color:#000000;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{color:#1981A6;}
A.BreadcrumbDelimiter:link, A.BreadcrumbDelimiter:active, A.BreadcrumbDelimiter:hover, A.BreadcrumbDelimiter:visited{color:#000000;}
.NoticeListHeader{FONT-SIZE:130%; FONT-WEIGHT:bold; margin:0px 0px 2px 0px; padding:0px; }
.PrintableVersionImage{ vertical-align:middle; margin-right:2px;}
.PrintableVersionDiv{float:right; padding-right:30px; padding-top:5px; width:190px; text-align:right; }
.HeaderContainer{ width:300px; float:left; overflow:visible; line-height:24px; }
.HeaderPrintableTipContainer{ clear:both; overflow:visible; }
.MenuTopItem{ font-size:120%; cursor: hand; cursor: pointer; text-transform:uppercase; border-top:1px solid #C9C9C9; padding-top:7px; padding-bottom:8px; }
.MenuTopItemExpanded{ color:#1584B1; font-size:120%; cursor: hand; cursor: pointer; text-transform:uppercase; border-top:1px solid #C9C9C9; padding-top:7px; padding-bottom:8px; }
.MenuTopItemSelected{ color:#1584B1; font-size:120%; cursor: hand; cursor: pointer; text-transform:uppercase; border-top:1px solid #C9C9C9; padding-top:7px; padding-bottom:8px; }
.MenuTopItemHover{ color:#1584B1; font-size:120%; cursor: hand; cursor: pointer; text-transform:uppercase; border-top:1px solid #C9C9C9; padding-top:7px; padding-bottom:8px; }
.MenuChildContainer{ font-family:Arial!important; padding-left:10px; padding-top:0px;}
.MenuChildItem{padding-bottom:5px; color:#000000; font-size:120%; cursor: hand; cursor: pointer;}
.MenuChildItemSelected{padding-bottom:5px; color:#1981A6; font-size:120%; cursor: hand; cursor: pointer; }
.MenuChildItemHover{padding-bottom:5px; color:#1584B1; font-size:120%; cursor: hand; cursor: pointer; }
.MenuChild2Container{ font-family:Arial!important; padding-left:10px; }
.MenuChild2Item{padding-bottom:5px; color:#5F5F5F; font-size:120%; cursor: hand; cursor: pointer;}
.MenuChild2ItemSelected{padding-bottom:5px; color:#1584B1; font-size:120%; cursor: hand; cursor: pointer; }
.MenuChild2ItemHover{padding-bottom:5px; color:#1584B1; font-size:120%; cursor: hand; cursor: pointer; }
.SearchButton{background-image:url(../Images/search.gif); width:60px; background-color:Transparent; background-repeat:no-repeat; border:none; height:19px; cursor: hand; cursor: pointer; }
.SearchButton:hover{background-image:url(../Images/search_over.gif); width:60px; background-color:Transparent; background-repeat:no-repeat; border:none; height:19px; cursor: hand; cursor: pointer; }
.SearchField{width:151px; border:1px solid #A5ACB2; color:Grey; padding:3px; font-family:Verdana;}
.startPageColumnLeft{width:710px; VERTICAL-ALIGN:top; PADDING-RIGHT:20px;}
.startPageColumnRight{VERTICAL-ALIGN:top; WIDTH:161px;}
.boxTitleBar{ background:url(../Images/background_box_header.gif) repeat-x; background-color:#187CA0; padding-left:13px; padding-bottom:6px; padding-top:7px; width:148px; overflow:hidden;}
.boxTitle{font-size:130%; color:White; font-weight:bold;}
.boxContent{padding:13px;border-left:1px solid #B8D8E3; border-right:1px solid #B8D8E3; border-bottom:1px solid #B8D8E3; background-image:url(../Images/background_box_content.gif); background-repeat:repeat-x; }
.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{ background-image:url(../Images/form_bg.jpg); background-repeat:repeat-x; background-color:#FFFFFF; border:solid 1px #B8D8E3; padding:15px;}
.ButtonItem{FONT-SIZE:110%;}
.InputItem{FONT-SIZE:110%;}
.InputItemFixedWidth{FONT-SIZE:110%; WIDTH:230px;}
.InputItemFullWidth{FONT-SIZE:110%; WIDTH:100%;}
.SelectItemFixedWidth{FONT-SIZE:110%; WIDTH:305px; FONT-WEIGHT:bold;}
.InputTableFixedWidth{width: 305px;}
.MarginSingle{MARGIN-TOP:10px;}
.MarginDouble{MARGIN-TOP:20px;}
.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;}
.ImageNoBorder{border:0px;}
.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; BACKGROUND-COLOR:#F7F7F7;}
.ProductRowItem2{PADDING:5px; BACKGROUND-COLOR:#EBEBEB;}
.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:150px;}
.ProductitemlistLineV{border-left:1px solid #9A9A9A;}
.Newsimage{FLOAT:RIGHT; MARGIN-LEFT:10px; DISPLAY:INLINE;}
.Newsdate{FONT-SIZE:100%; color:#666666;white-space: nowrap;}
.Newsheader{FONT-SIZE:110%; FONT-WEIGHT:bold;}
.Newslink, A.Newslink:link, A.Newslink:active, A.Newslink:hover, A.Newslink:visited{}
.Newsintro{ }
.Newsitem1{padding-bottom:10px;}
.Newsitem2{}
.Breadcrumb{FONT-SIZE:100%; FONT-WEIGHT:normal; COLOR:gray;}
.ToppuffTransparent {float:right; text-align:left; width:296px; height:180px;margin-top:0px;background-image:url(../Images/transparent_kbab180.png)}
* html .ToppuffTransparent {float:right; text-align:left; width:296px; height:180px;margin-top:0px;background-image: none; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/transparent_kbab180.png", sizingMethod="scale");}
.topPuffHeader{FONT-SIZE:220%; font-weight:bold; margin:0px; padding:0px; font-family:Arial!important;}
.ToppuffStartTransparent {float:right; text-align:left; width:364px; height:189px;margin-top:48px;background-image:url(../Images/transparent_startpage_kbab.png)}
.ToppuffStartTransparentIE {float:right; text-align:left; width:364px; height:190px;margin-top:42px;background-image: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../Images/transparent_startpage_kbab.png", sizingMethod="scale");}
/** SYSTEM ERROR MESSAGE *************************************************************/
/*************************************************************************************/
.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%;}