/** STYLES FOR HTML ELEMENTS *********************************************************/
/*************************************************************************************/
html{font-size:small;}
body{color:#595959; font-family:Arial,Verdana,Helvetica; margin-left:0px; margin-top:0px;}
a:link, a:active, a:visited{color: #595959; text-decoration: none;}
a:hover{color: #595959; text-decoration: underline;}
p{line-height: 1.5em; margin-top:0px; margin-bottom:15px;/*Required for same look in Firefox and IE*/}
ul{margin-top:0px; margin-bottom:5px; margin-left:20px; padding-left:0;}/*Remove padding for consistent rendering in Firefox and IE*/
hr {border: none; border-top: 1px solid #bababa; height: 1px; margin-top: auto; margin-bottom: auto;}
img{border: none; -ms-interpolation-mode: bicubic; }/*Better client-side scaling of images in IE*/

/** STYLES FOR TEMPLATE ELEMENTS *****************************************************/
/*************************************************************************************/
.litCommonTempH1header{font-size:180%; font-weight:normal; margin-bottom:10px; margin-top:5px;}
.litCommonTempH2header{font-size:120%; font-weight:normal; margin-bottom:3px; margin-top:5px;}
.litCommonTempH3header{font-size:100%; font-weight:normal; margin-bottom:2px; margin-top:5px;}
.litCommonTempH4header{font-size:100%; font-weight:normal; margin-bottom:3px; margin-top:5px;}

/** STYLES FOR EDITOR DROP DOWN LIST (PARAGRAPH FORMAT) ******************************/
/*************************************************************************************/
h1{font-size:180%; /*color: #b2d236;*/ font-weight:bold; margin-bottom:10px; margin-top:5px; font-family:arial,verdana,helvetica; text-decoration:underline; }
h2{font-size:120%; font-weight:bold; margin-bottom:3px; margin-top:5px; font-family:arial,verdana,helvetica;}
h3{font-size:100%; color: #36424a; font-weight:bold; margin-bottom:2px; margin-top:5px; font-family:arial,verdana,helvetica;}
h4{font-size:100%; font-weight:normal; margin-bottom:3px; margin-top:5px; font-family:arial,verdana,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) */
/*************************************************************************************/
.litTempWebBody {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*/}
.litTempWebBodyStart {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*/}
.litTempWebMain {position: absolute; top: 0px; min-height: 100%; height:auto; width:100%;}
.litTempWebMainContainer {height:auto; margin-bottom: 72px;}
.litTempWebMainContainer:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.litTempWebTopContainer {height: 100px;}
.litTempWebHeaderContainer {background-image: url(Images/WebHeader.gif); background-repeat: no-repeat; background-position:center;}
.litTempWebHeader {width: 723px; height: 100px; margin:auto; padding-left:37px;}
.litTempWebHeaderLogo {float:left; margin-top:15px;}
.litTempWebHeaderLoginPrint {float:right; font-size:110%; width:auto; margin-right: 37px; margin-top:34px; border:none; color:white!important;}
.litTempWebHeaderLoginPrint a {color:white!important;}
.litTempWebHeaderMenuContainer {position: absolute; top: 71px; width:686px;}
.litTempWebHeaderTopMenu {float:left; font-size:110%; width:490px;}
.litTempWebHeaderSearch {float:right; margin-top:4px;}
.litTempWebTopMenu {color:#666666!important; height:28px;}
.litTempWebTopMenuItem {float: left; padding-top:7px; padding-left:10px; padding-right:10px; height:21px; margin-right:0px;}
.litTempWebTopMenuItemSelected {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;}
.litTempWebMiddleContainer {height: auto; width: 100%; text-align:center;}
.litTempWebContent {height: auto; width: 686px; margin:auto; padding:0px;  text-align:left; padding-left:37px; padding-right:37px; padding-top:20px;}
.litTempWebContentLeft {float: left; width: 166px; height: 100%; margin-top:10px;}
.litTempWebContentRight {float: right; width:462px;}
.litTempWebBottomContainer {position: absolute; bottom: 0px; width: 100%; text-align: center; height: 52px;}
.litTempWebFooterContainer {background-image: url(Images/WebFooter.gif); background-repeat: no-repeat; background-position:center;}
.litTempWebFooter {padding-top:10px; height: 42px; width: 686px; margin:auto; padding-left:37px; padding-right:37px; text-align: left; color:white; font-size:110%;}
.litTempWebFooterText {float:left;}
.litTempWebFooterText div{margin-bottom:5px;}
.litTempWebFooterText a{color:white!important;}
.litTempWebClear {clear:both;}
.litTempWebSearchField {font-size:110%; color:#666666; width:100px; font-family:Verdana,Arial,Helvetica;}
.litTempWebSearchButton {font-size:110%; color:#666666; width:auto; font-family:Verdana,Arial,Helvetica;}
.litTempStudioLogotype {background-image: url(Images/StudioLogotype.gif); background-repeat:no-repeat;}
.litTempStudioExpressLogotype {background-image: url(Images/StudioExpressLogotype.gif); background-repeat:no-repeat;}
.litTempWebLeftMenu ul{margin:0px; padding:0px;}
.litTempWebLeftMenu li{list-style:none; padding:0px; margin-left:0px; padding-top: 2px; padding-bottom: 2px;}
.litTempWebLeftMenu li li{margin-left:8px;}
.litTempWebLeftMenu a{margin:1px; line-height:14px; display:block; padding: 2px; text-transform: capitalize;}
.litTempWebLeftMenuSelected {margin:0px!important; border:1px dotted #C4C4C4; background-color:#F0F0F0;}
.litTempWebLeftMenu_level_1{line-height:130%; FONT-SIZE:110%;}
.litTempWebLeftMenu_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 ***********************************************/
/*************************************************************************************/
.litCommonTempIntro{font-size:120%; font-weight:bold; margin-top:0px; margin-bottom:10px; line-height: 1.5em;}
.litCommonTempText{font-size:100%; font-weight:normal; margin-top:0px; margin-bottom:10px;}
.litCommonTempNormal{font-size:110%;}
.litCommonTempTextbold{font-weight:bold;}
.Factheader{font-weight:bold; color:white; background-color:#555555; padding:5px;}
.Facttext{font-weight:normal; background-color:#dddddd; padding:5px;}
.litCommonTempImagetext{font-weight:normal; margin-top:2px; text-align:center;}
.Date{color:#aaaaaa; margin-top:0px; margin-bottom:0px;}

.litCommonTempLinklist{font-weight:normal; margin-top:20px;}
.litCommonTempLinkicon{margin-right:3px; height:10px;}
.litCommonTempFilelist{font-weight:normal; margin-top:20px;}
.litCommonTempFileicon{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:arial,verdana,helvetica;}
.InputItemFixedWidth{font-size:110%; margin-bottom:10px; width:300px; color:#000000; font-family:arial,verdana,helvetica;}
.InputItemFullWidth{font-size:110%; margin-bottom:10px; width:100%; color:#000000; font-family:arial,verdana,helvetica;}
.SelectItemFixedWidth{font-size:110%; margin-bottom:10px; width:305px; font-weight:bold; color:#000000; font-family:arial,verdana,helvetica;}
.litCommonTempMarginsingle{margin-top:10px;}
.litCommonTempMargindouble{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;}
.litCommonTempImageRightFloat{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;}

.litCommonTempFileheader{font-size:110%; font-weight:bold; margin-bottom:5px; border-bottom:1px solid black;}
.litCommonTempFileitem{font-size:110%; font-weight:normal; margin-bottom:5px;}
.litCommonTempLinkheader{font-size:110%; font-weight:bold; margin-bottom:5px; border-bottom:1px solid black;}
.litCommonTempLinkitem{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:#36424a;}
A.Breadcrumb:link, A.Breadcrumb:active, A.Breadcrumb:hover, A.Breadcrumb:visited{color:#36424a!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%;}
.litSuccessMsg{color: #00ff00! important; font-size:11px;}


/** 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%;}