html, body
{
height:100%;
text-align:center;
}
html
{
}
body
{
font-size: 0.75em;
font-family: Verdana;
margin: 0;
padding: 0;
text-align: center;
color: #000000;
height:100%;
}
body form
{
min-height: 100%;
width: 1010px;
margin:0px auto 0px auto;
}
#Page
{
min-height: 100%;
height:auto;
position: relative;
padding: 0 0px 0 0px;
text-align: left;
}
a
{
border:0;
color: #006ea0;
}
a:hover
{
/*background-color: #e9f1f4;*/
}
h1, h2, h3, h4
{
font-family: Verdana;
}
h1, heading1 {font-weight: bold; font-size: 2em; line-height: 1.2em; padding: 0; margin: 0.3em 0em 0.2em 0;}
h2, heading2 {font-weight: bold; font-style: normal; font-size: 1.5em; padding: 0; margin: 0.2em 0em;}
h3, heading3 {font-weight: normal; font-size: 1.2em; padding: 0; margin: 0.4em 0em;}
.tablebody
{
font-weight: normal;
font-size: 0.8em;
padding: 0;
margin: 0em 0em;
}
.introduction
{
font-style: italic;
}
p {margin: 0 0 1em 0; padding: 0; }
hr
{
margin: 0.5em 0;
height: 1px;
padding: 0;
background: #d7d7d7;
color: #d7d7d7;
border:0;
}
hr.clear
{
clear: both;
}
ul
{
padding: 0;
margin: 0 0 0 1em;
list-style-image: url(images/DefaultBullet.png);
}
ul.horizontal
{
list-style-type:none;
list-style-image:none;
overflow:hidden;
margin: 0;
width: 100%;
}
ul.horizontal li
{
float:left;
padding-right: 0.7em;
}
label
{
}
input
{
}
fieldset
{
margin: 0 0 1em 0;
padding: 1em;
}
legend
{
color: #606060;
}
.hidden {display: none;}
.error
{
color: Red;
}
.button
{
border: 1px solid black;
color: White;
background: black url(images/buttonBg.png) repeat-x;
}
table
{
font-size: 1em;
border-collapse: collapse;
}
th
{
text-align: left;
}
/************************/
/* HEADER */
/************************/
#HeaderArea
{
}
#HeaderAreaShort
{
overflow:hidden;
height: 261px;
}
#HeaderAreaShort .ImageArea
{
height: 248px;
overflow:hidden;
}
#Header
{
padding:0;
margin:0;
}
#Logotype
{
/*float: left;*/
position: relative;
top: 32px;
left: 20px;
/*margin: 32px 0px 0px 20px;*/
}
#BannerIngress
{
position: relative;
top: 40px;
left: 75px;
width: 360px;
height: 115px;
overflow: hidden;
display: block;
color: #FFFFFF;
font-style:italic;
font-size: 11px;
}
#BannerFunctions
{
/*width: 270px;*/
overflow:hidden;
position: absolute;
right: 0px;
top: 117px;
margin: 5px 8px 0px 0px;
}
#Functions
{
position: relative;
top: 10px;
right: 10px;
margin: 0;
padding: 0;
list-style-type: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.8em;
line-height: 1.4em;
}
#Functions li
{
display: block;
height: 1.6em;
float: left;
padding: 0 1em;
overflow: visible;
}
#Functions li.first
{
border-left: 0;
}
#Functions li a
{
display: block;
color: #3b3d41;
text-decoration: none;
float: left;
padding-left: 2em;
}
#Functions a:hover
{
color: Black;
text-decoration: underline;
}
#Functions li.languages
{
}
#Functions li.languages img
{
border:0;
}
a.flagIcon
{
padding-left: 2px !important ;
}
a.loginButton
{
padding-left: 15px;
position: absolute;
right: 0px;
top: 20px;
background: url(images/ButtonLogin.png) no-repeat;
}
a.logoutButton
{
background: url(images/ButtonLogin.png) no-repeat;
}
a.rssButton
{
background: url(images/ButtonRss.png) no-repeat;
}
a.sitemapButton
{
background: url(images/ButtonSitemap.png) no-repeat;
}
a.languageButton, input.languageButton
{
background: url(images/buttonLanguage.png) no-repeat;
}
input.languageButton
{
width: 20px;
float: left;
height: 1.6em;
}
select.languageButton
{
font-size: 1em;
}
/************************/
/* MAINMENUAREA */
/************************/
#MenuArea
{
/*width: 1010px;
position:relative;
top:-54px;
display:block;*/
position: absolute;
top:219px;
}
#MenuArea.bg
{
background: url(images/HMMenu_bread_bg.png) repeat-x;
height: 41px;
}
#MainMenuArea
{
width: 1010px;
font-family: Arial, sans-serif;
background: url(images/HM_menubg.png) repeat-x;
}
#MainMenuArea ul
{
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
margin: 0 0 0px 0; /* Just some margin to align the blue border below the menu */
height: 20px;
*height:25px;
padding-top: 9px;
*padding-top: 3px;
}
#MainMenuArea li
{
display: inline; /* Menu links are horizontally aligned using display: inline */
padding: 4px 6px 4px 6px;
/*margin-bottom: 10px;*/
*padding: 4px 4px 4px 6px;
}
#MainMenuArea li a
{
padding: 0px 0 0px 0px;
color: #FFFFFF;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
padding: 4px 4px 3px 10px;
*line-height: 25px;
}
#MainMenuArea li a:hover
{
background: url(images/HM_menu_left.png) no-repeat;
}
#MainMenuArea li:hover
{
background: url(images/HM_menu_right.png) no-repeat right;
}
#MainMenuArea li.selected
{
background: url(images/HM_menu_right.png) no-repeat right;
}
#MainMenuArea li.selected a
{
background: url(images/HM_menu_left.png) no-repeat;
}
/*************************/
/* QUICKSEARCH */
/*************************/
.QuickSearchArea
{
display: block;
position: relative;
right: 0px;
margin: 37px 8px 0px 0px;
}
input.quickSearchField
{
border: 1px solid Black;
float: left;
margin: 0px 2px 0px 0px;
width: 11em;
}
.quickSearchButton
{
background: url(images/MainMenuSearchButton.png) no-repeat top left;
width: 23px;
height: 21px;
display: block;
float: left;
}
/*************************/
/* STAGEAREA */
/*************************/
#StageArea
{
width: 100%;
padding: 0;
overflow: hidden;
}
/*************************/
/* SUBMENUAREA */
/*************************/
#SubMenuArea
{
position: relative;
top: 200px;
z-index: 10000;
width: 195px;
float: left;
overflow: hidden;
color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
padding-bottom: 16px;
}
#SubMenuArea a
{
color: #ffffff;
text-decoration: none;
}
#SubMenuArea a:hover
{
color: Black;
background-color: Transparent;
}
#SubMenuArea ul
{
padding: 0;
margin: 0;
list-style-type: none;
list-style-image: none;
}
#SubMenuArea li span.top
{
background: url(images/SubMenuTopSelected.png) no-repeat 22px 5px;
display: block;
padding: 0 4px 6px 38px;
}
#SubMenuArea ul ul
{
width: 100%;
overflow: hidden;
background: url(images/SubMenuBg.png) repeat-y top left;
}
#SubMenuArea li li
{
background: url(images/SubMenuItemBg.png) no-repeat top left;
border-bottom: 2px solid White;
}
#SubMenuArea li li a, #SubMenuArea li li span
{
display: block;
padding: 6px 10px 6px 20px;
}
#SubMenuArea li li span
{
background: url(images/SubMenuSelected.png) no-repeat 8px 11px;
}
#SubMenuArea ul ul ul
{
background: transparent none no-repeat;
padding: 0 0 4px 16px;
}
#SubMenuArea li li li
{
border: 0;
background: transparent none no-repeat;
font-size: 0.9em;
}
#SubMenuArea li li li a, #SubMenuArea li li li span
{
padding: 2px 40px 2px 15px;
}
#SubMenuArea li li li span
{
background-position: 3px 5px;
}
#SubMenuArea li li li a:hover
{
background: transparent none no-repeat;
}
#SubMenuArea li li li li
{
font-size: 1em;
}
/*************************/
/* BREADCRUMBS */
/*************************/
#BreadCrumbsArea
{
padding: 0;
margin: 0;
width: 1010px;
position:relative;
font-family: Verdana;
height: 12px;
line-height:10px;
text-align: center; /* We are using text-align: center on ul to horizontally align our menu to the page. If you want the menu aligned left or right just change text-align to either left or right */
margin: 0 0 0px 0; /* Just some margin to align the border below the menu */
}
#BreadCrumbsArea a
{
font-size: 9px;
color: #000000;
text-decoration: none;
}
#BreadCrumbsArea a:hover
{
text-decoration: underline;
}
/*************************/
/* CONTENTAREA */
/*************************/
#MainContentArea
{
width: 1010px;
min-height: 250px;
float: left;
padding:0;
}
#MainFlashArea
{
position:relative;
z-index:100;
margin-top:-10px;
margin-bottom:-45px;
display:block;
width: 1010px;
height: 319px;
background: url(images/Flashtaustaliuku4.png)repeat-x;
}
#SecondaryBodyArea
{
padding-top: 45px;
float:right;
width: 298px;
}
#RightContainer
{
float: left;
height: 400px;
width: 297px;
}
#RightColumnArea
{
position:relative;
padding-top: 30px;
height: 400px;
width: 270px;
float:left;
}
#MainContentRight
{
position:relative;
padding-top: 51px;
float:right;
width: 298px;
overflow:hidden;
background: url(images/HM_greytop.png) no-repeat top left;
}
#MainBodyArea
{
position: relative;
padding: 34px 00px 0px 0px;
width: 410px;
min-height: 400px;
float: left;
}
#LeftColumnArea
{
float:left;
padding:0;
margin:0;
position: relative;
min-height: 400px;
height: auto;
width: 300px;
}
#LeftContainer
{
min-height: 400px;
height: auto;
}
#LeftContainer h2
{
color: #ffffff;
}
#LeftContainer ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
#LeftContainer li
{
margin-left:60px;
/* background: url(images/HM_li_icon.png) no-repeat left; */
color: #ffffff;
font-weight:bold;
text-decoration:none;
}
#LeftContainer li .selected
{
background: url(images/HM_li_icon.png) no-repeat left;
}
#LeftContainer a
{
display:block;
margin-left: 55px;
color: #ffffff;
font-weight:bold;
text-decoration:none;
}
#LeftContainer span.selected
{
display: block;
padding-left: 55px;
}
#MainContentLeft
{
padding-top: 34px;
float: left;
width:301px;
background: url(images/HM_redtop.png) no-repeat top right;
}
#MainContentLeft.Narrow
{
width: 250px;
}
#MainContentLeft.NarrowNoColor
{
width: 301px;
background-image: none;
}
/* IE 6 doesn't understand the > selector and ignores it */
html>body #MainContentArea {height: auto;}
.MainWide
{
width: 650px ! important;
}
#mainText, .maintext
{
display: block;
overflow: hidden;
width: 360px;
margin-left: 25px;
}
#MainBodyNarrowArea #MainBody textarea
{
width: 258px;
}
#MainBodyArea .pageList
{
padding: 0;
}
#MainBodyArea .pageList ul, #MainBodyArea .documentList ul
{
list-style: none;
list-style-image: none;
margin: 0;
padding: 0;
}
#SecondaryBodyArea
{
width: 260px;
display:block;
margin-left: 15px;
/* float: left;*/
}
#SecondaryBodyArea #SecondaryBody
{
padding: 10px 0px 20px 0px;
margin-top: 8px;
min-height: 200px;
border-top: 0;
overflow: hidden;
}
.contentAreaFull, .contentAreaWide, .contentAreaHalf, .contentAreaNarrow
{
width: 665px;
margin-left: 15px;
float: left;
overflow: hidden;
}
.contentAreaFull { margin-left: 0; }
.contentAreaWide { width: 435px; }
.contentAreaHalf { width: 325px; }
.contentAreaNarrow { width: 215px; }
.contentAreaFirst
{
margin-left: 0;
}
.container
{
padding: 3px 0;
margin-bottom: 15px;
}
.contentAreaFull .container { background: url(images/PageMainBodyWideBg.png) no-repeat; }
.contentAreaWide .container { background: url(images/PageMainBodyBg.png) no-repeat; }
.contentAreaHalf .container { background: url(images/PageMainBodyColumnBg.png) no-repeat; }
.contentAreaNarrow .container { background: url(images/PageSecondaryBodyBg.png) no-repeat; }
.container textarea
{
width: 90%;
height: 12em;
}
.container .containerCaption
{
padding: 0 10px 2px 10px;
}
.container .containerCaption h1
{
font-family: Verdana, Helvetica, Sans-Serif;
font-weight: normal;
font-size: 1em;
margin: 0;
padding: 0;
line-height: 1.6em;
}
.container .containerContent
{
border: 1px solid #dcdcdc;
padding: 10px;
background-color: White;
}
.container .containerContentText
{
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc;
padding: 10px 40px 15px 25px;
}
.container .containerToolbar
{
float: right;
padding: 0 10px;
font-family: Verdana, Helvetica, Sans-Serif;
}
.container .containerCaption .containerToolbar
{
padding: 0;
}
.containerContent .validation ul
{
font-family: Verdana, Helvetica, Sans-Serif;
font-style: normal;
font-size: 0.8em;
background-color: #eeeeee;
margin: 1em 2em;
padding: 1em;
}
.containerContent .validation li
{
margin-left: 1.4em;
list-style-image: none;
padding: 0;
}
/*************************/
/* BUTTONS */
/*************************/
.buttonToolbar
{
float: right;
padding: 0 10px 6px 10px;
}
.createButton,
.editButton,
.deleteButton,
.stickyButton,
.lockButton,
.upButton
{
padding: 0 4px 4px 18px;
background-repeat: no-repeat;
line-height: 1.4em;
font-family: Verdana, Helvetica, Sans-Serif;
}
.createButton
{
background-image: url(Images/Add.png);
}
.editButton
{
background-image: url(Images/Edit.png);
}
.deleteButton
{
background-image: url(Images/Delete.png);
}
.stickyButton
{
background-image: url(Images/forum/sticky.png);
}
.lockButton
{
background-image: url(Images/forum/lock.png);
}
.upButton
{
background-image: url(Images/forum/up.png);
}
/*************************/
/* STARTPAGE */
/*************************/
#StageArea.StartPage
{
position: relative;
width: 1010px;
padding-bottom: 0;
overflow: hidden;
}
#StageArea.StartPage h1
{
text-align: center;
font-family: Verdana, Helvetica, Sans-Serif;
line-height: 1.5em;
font-size: 1.2em;
color: #5d6b70;
text-transform:capitalize;
}
#StageArea.StartPage h2
{
text-align: center;
font-family: Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-style: normal;
line-height: 1.5em;
font-size: 1.2em;
color: #e0053a;
text-transform:uppercase;
}
.HContainer
{
width: 100%;
background: url(images/HM_header_bg.png) bottom no-repeat;
padding:5px 0px 0px 0px;
margin-bottom: 10px;
}
#StageArea.StartPage #MainContentArea
{
height: auto;
width: 100%;
min-height: 0;
padding: 0;
margin: 0;
background-image: none;
overflow: hidden;
}
#StageArea.StartPage #TextArea
{
width: 100%;
background-color: White;
overflow: hidden;
margin-top: 10px;
background: url(images/FrontTextAreaBg.png) repeat-y;
}
#StageArea.StartPage #SecondaryBodyArea
{
margin-left: 14px;
}
#StageArea.StartPage #LinksArea
{
width: 100%;
overflow: hidden;
}
#StageArea.StartPage #MainLinksArea, #StageArea.StartPage #SecondaryLinksArea
{
float: left;
width: 423px;
padding: 15px 0;
overflow: hidden;
}
#StageArea.StartPage #MainLinksArea a, #StageArea.StartPage #SecondaryLinksArea a
{
text-decoration: none;
color: #6e6e72;
}
#StageArea.StartPage #SecondaryLinksArea
{
margin-left: 14px;
}
#StageArea.StartPage ul
{
padding: 0;
margin: 0;
width: 200px;
}
#StageArea.StartPage li
{
padding: 5px 0;
margin-left : 20px;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
/*************************/
/* LOGIN PAGE */
/*************************/
.loginArea
{
width: 100%;
}
.loginArea label
{
display: block;
line-height: 1em;
width: 35%;
}
.loginArea input
{
margin: 0.3em 0 1em 0;
}
/*************************/
/* SEARCH PAGE */
/*************************/
#ResultArea
{
padding-top: 2em;
}
#ResultArea ol
{
margin: 0;
padding-left: 2em;
}
#ResultArea li
{
margin: 0;
padding: 0;
}
input.searchText
{
width: 75%;
}
/*************************/
/* DOCUMENTS */
/*************************/
#MainBody.documentList ul
{
list-style-type: none;
padding: 0;
margin: 0;
}
#MainBody.documentList li
{
clear: both;
}
#MainBody.documentList .download
{
float: right;
}
.documentList a,
.document
{
padding: 0 0 2px 20px;
background-image:url(images/extensions/default.gif);
background-repeat: no-repeat;
line-height: 1.4em;
}
.folder
{
padding: 0 0 2px 20px;
background-image: url(images/filemanager/folder.png);
background-repeat: no-repeat;
line-height: 1.4em;
}
.bmpExtension {background-image: url(images/extensions/bmp.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.docExtension {background-image: url(images/extensions/doc.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.gifExtension {background-image: url(images/extensions/gif.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.htmExtension, .htmlExtension {background-image: url(images/extensions/htm.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.jpgExtension, .jpegExtension {background-image: url(images/extensions/jpg.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.mp3Extension {background-image: url(images/extensions/mp3.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.mpgExtension {background-image: url(images/extensions/mpg.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.pdfExtension {background-image: url(images/extensions/pdf.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.pngExtension {background-image: url(images/extensions/png.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.pptExtension {background-image: url(images/extensions/ppt.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.tifExtension, .tiffExtension {background-image: url(images/extensions/tif.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.txtExtension {background-image: url(images/extensions/txt.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.wavExtension {background-image: url(images/extensions/wav.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.xlsExtension {background-image: url(images/extensions/xls.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
.zipExtension {background-image: url(images/extensions/zip.gif); background-repeat: no-repeat; padding: 0 0 2px 20px; line-height: 1.4em;}
/*************************/
/* PAGELIST */
/*************************/
.pageList ul
{
margin: 0;
padding: 0;
list-style-type: none;
}
.pageList li
{
background: url(images/HM_li_icon.png) no-repeat left;
margin-left:60px;
}
.pageList a
{
width: 180px;
display:block;
margin-left: 50px;
color: #ffffff;
font-weight:bold;
text-decoration:none;
}
.pageList h2
{
margin: 0;
}
/*************************/
/* FORMS */
/*************************/
.xForm
{
}
.xForm h2
{
padding: 1em 0;
margin: 0;
}
.xForm .heading
{
font-weight: bold;
font-size: 1em;
padding: 0;
margin: 0.4em 0em;
}
.xForm #id_matrix
{
width: 100%;
margin: 0;
padding: 0;
}
.xForm #id_matrix td
{
border:0;
margin: 0;
padding: 0.2em 0;
white-space: nowrap;
}
span.xformvalidator
{
color: Red;
}
.xForm input, .xForm .options
{
float: left;
}
.xForm fieldset
{
border-style: none;
padding: 0px 0px 0px 0px;
}
.xForm legend
{
color: #606060;
padding: 10px 5px;
}
.xForm label
{
line-height: 1.7em;
margin-right: 0.5em;
float: left;
/*width: 120px;*/
}
#id_matrix br
{
clear: both;
}
.thankyoumessage
{
padding: 1em 0;
margin: 0;
font-weight: bold;
}
.xForm input.value, .xForm textarea.textbox
{
width: 200px;
}
/**********************************/
/* Table classes for content */
/**********************************/
table.classic
{
border-collapse: collapse;
border: solid 0.1em #777777;
}
table.classic th
{
border: solid 0.1em #777777;
background-color: #DADADA;
padding: 0.4em;
}
table.classic td
{
border: solid 0.1em #777777;
padding: 0.2em 0.4em;
}
table.color
{
border-collapse: collapse;
border: solid 0.1em #275569;
}
table.color th
{
border: solid 0.1em #275569;
background-color: #4495b9;
color: White;
padding: 0.4em;
}
table.color td
{
border: solid 0.1em #275569;
padding: 0.2em 0.4em;
}
th.highlighted, td.highlighted
{
}
table.classic th.highlighted
{
background-color: #AAAAAA;
}
table.classic td.highlighted
{
background-color: #F0F0F0;
}
table.color th.highlighted
{
background-color: #377995;
}
table.color td.highlighted
{
background-color: #d1e6ef;
}
th.leftalignedcontent, td.leftalignedcontent
{
text-align: left;
}
th.rightalignedcontent, td.rightalignedcontent
{
text-align: right;
}
/**********************************/
/* Image classes for content */
/**********************************/
img.topleftfloatingimage
{
margin-right: 1em;
margin-bottom: 1em;
float: left;
}
img.toprightfloatingimage
{
float: right;
vertical-align: top;
margin-left: 1em;
margin-bottom: 1em;
}
/**********************************/
/* File Manager */
/**********************************/
div.filemanager {}
.filetree
{
margin-top:.6em;
margin-bottom: 1em;
}
.filetree td
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.filetree td a
{
padding:.1em .2em;
}
.filetree td.selectednode a
{
font-weight:bold;
}
/**********************************/
/* File Manager Control */
/**********************************/
div.filemanagercontrol
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
div.filemanagercontrol h1,
div.filemanagercontrol h2,
div.filemanagercontrol h3,
div.filemanagercontrol h4
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
div.filemanagercontrol h1 {font-weight: normal; font-size: 1.4em; line-height: 1.2em; padding: 0; margin: 0.3em 0em 0.2em 0;}
div.filemanagercontrol h2 {font-weight: normal; font-style: normal; font-size: 1.2em; padding: 0; margin: 0.2em 0em;}
div.filemanagercontrol h3 {font-weight: bold; font-size: 1em; padding: 0; margin: 0.4em 0em;}
div.filemanagercontrol h4 {font-weight: bold; font-size: 0.9em; padding: 0; margin: 0.4em 0em;}
div.filemanagercontrol p
{
margin: 0.3em 0em 0.4em 0;
}
div.filemanagercontrol fieldset
{
margin: -0.5em 0.8em 1em 0.2em;
}
div.filemanagercontrol label
{
display: block;
padding-top: 0.3em;
float: left;
width: 7em;
}
div.filemanagercontrol .toolbar
{
background: url(images/filemanager/toolbarbg.png) no-repeat;
padding: 7px;
}
div.filemanagercontrol .toolbarbuttonarea
{
overflow: hidden;
width: 100%;
padding-bottom: 0.1em;
clear: both;
}
div.filemanagercontrol .toolbarmessage
{
margin-left: 0.4em;
}
div.filemanagercontrol .crumbs
{
color: #006ea0;
font-size: 0.9em;
background: url(images/filemanager/toolbarcrumbsbg.png) no-repeat;
padding: 0.3em;
padding-left: 1.1em;
}
div.filemanagercontrol .validator ul
{
list-style-type:none;
list-style-image: none;
margin: 0;
margin-left: 0.4em;
padding: 0;
font-weight: bold;
font-size: 0.9em;
}
div.filemanagercontrol .body
{
border: 1px solid #DCDCDC;
height: 400px;
overflow:hidden;
}
div.filemanagercontrol .body .leftpanel,
div.filemanagercontrol .body .rightpanel
{
overflow: auto;
padding-top: 0.7em;
height:400px;
}
div.filemanagercontrol .body .leftpanel
{
float:left;
width:23%;
border-right: 1px solid #DCDCDC;
}
div.filemanagercontrol .body .rightpanel
{
float:right;
width:76%;
}
div.filemanagercontrol a
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
div.filemanagercontrol a[disabled="disabled"]
{
color: #888;
}
div.filemanagercontrol a.addfile,
div.filemanagercontrol a.addfolder,
div.filemanagercontrol a.copy,
div.filemanagercontrol a.cut,
div.filemanagercontrol a.delete,
div.filemanagercontrol a.details,
div.filemanagercontrol a.paste,
div.filemanagercontrol a.rename,
div.filemanagercontrol a.view
{
display: block;
float: left;
background-position: top center;
background-repeat: no-repeat;
font-size: 0.8em;
line-height: 1.6em;
text-align: center;
min-width: 34px;
padding: 26px 5px 5px 5px;
margin-right: 1em;
border: 0;
}
div.filemanagercontrol .toolbar a:hover
{
padding: 26px 4px 3px 4px;
border: 1px solid #cccccc;
}
div.filemanagercontrol a.addfile { background-image: url(images/filemanager/buttonaddfile.png); }
div.filemanagercontrol a.addfolder { background-image: url(images/filemanager/buttonaddfolder.png); }
div.filemanagercontrol a.copy { background-image: url(images/filemanager/buttoncopy.png); }
div.filemanagercontrol a.cut { background-image: url(images/filemanager/buttoncut.png); }
div.filemanagercontrol a.delete { background-image: url(images/filemanager/buttondelete.png); }
div.filemanagercontrol a.details { background-image: url(images/filemanager/buttondetails.png); }
div.filemanagercontrol a.paste { background-image: url(images/filemanager/buttonpaste.png); }
div.filemanagercontrol a.rename { background-image: url(images/filemanager/buttonrename.png); }
div.filemanagercontrol a.view { background-image: url(images/filemanager/buttonview.png); }
div.filemanagercontrol ul.folderlist
{
list-style-type:none;
list-style-image: none;
margin: 0em 0 0 0.8em;
padding: 0;
}
div.filemanagercontrol ul.folderlist li
{
background-image: url(images/filemanager/folder.png);
background-repeat: no-repeat;
padding-left: 1.7em;
}
div.filemanagercontrol ul.folderlist li.parent
{
background-image: url(images/filemanager/folderup.png);
background-repeat: no-repeat;
margin-bottom: 1em;
}
div.filemanagercontrol table.fileList
{
width: 98%;
border-collapse: collapse;
margin: 0;
}
div.filemanagercontrol table.fileList tr.selected
{
background-color: #aaa;
}
div.filemanagercontrol .fileList th
{
border-bottom: 1px solid #DCDCDC;
padding: 0 1em 0.3em 1em;
}
div.filemanagercontrol .fileList td
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
padding-top: 0.3em;
padding-right:15px;
}
div.filemanagercontrol .fileList td a
{
padding: 3px 0 2px 20px;
line-height: 1.4em;
}
div.filemanagercontrol ul.documentList
{
list-style-type:none;
list-style-image: none;
margin-bottom: 1em;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.9em;
padding-top: 0.3em;
}
/* File summary css styling */
/* Applied to override what is in the filesummary.config */
div.filemanagercontrol fieldset.editfilesummary
{
}
div.filemanagercontrol fieldset.editfilesummary fieldset
{
margin-top: 0.2em;
}
div.filemanagercontrol fieldset.editfilesummary label
{
float:none;
display: inline;
width: auto;
}
div.filemanagercontrol fieldset.editfilesummary td
{
vertical-align: top;
padding-top: 0.3em;
width: 40%;
}
div.filemanagercontrol fieldset.editfilesummary a
{
cursor: text;
text-decoration: none;
color: #606060;
}
div.filemanagercontrol fieldset.editfilesummary a:hover
{
background: none;
}
/************************/
/* AREAS */
/************************/
#HeaderArea
{
background-color: #ffffff;
background-image:none;
height: 262px;
}
#HeaderArea #Functions
{
background-color: #ffffff;
background-image:none;
}
.ImageArea
{
/*height:339px;*/
height:300px;
width:1010px;
background-color: #ffffff;
background-image:none;
}
/************************/
/* News */
/************************/
#newsList
{
}
#newsList.h3
{
color: White;
}
.newsList
{
color: #ffffff;
}
.newsList ul
{
margin-left: 10px;
list-style-type: none;
}
.newsList a
{
font-family: Verdana;
color: #Ffffff;
font-size: 11px;
font-weight: bold;
width: 165px;
text-decoration: none;
}
.NewsContent
{
vertical-align: top;
padding-left: 10px;
width: 165px;
height: 100px;
overflow: hidden;
}
.NewsImage
{
padding: 0;
width: 100px;
height: 100px;
overflow: hidden;
}
.newsList ul li
{
width: 300px;
padding-left: 10px;
list-style-type: none;
}
.newsList img
{
float: right;
width: 80px;
}
newsList a
{
display:block;
padding: 5 0 5 0;
}
#NoBG
{
padding: 0;
margin:0;
background-color: #ffffff;
background-image:none;
}
/* LEAD REPORTING */
table td.leadleft
{
text-align: right;
/*padding-right: 5px;*/
}
span.leadleft
{
text-align: right;
padding-right: 10px;
display: block;
white-space: nowrap;
}
table td.leadright
{
text-align: left;
/*padding-left: 5px;*/
}
table.leadreport
{
border-collapse: collapse;
border-spacing: 0;
background-color: #dddddd;
font-size: 12px;
}
table.leadreport td
{
border: 1px solid gray;
width: 250px;
}
div.container
{
width: 100%;
padding: 2px 2px 2px 2px;
margin: 2px 2px 2px 2px;
}
div.delimiter-container
{
border: 2px solid #DDDDDD;
padding: 0 0 0 0;
margin: 0 0 0 0;
display: block;
}
table.delimiter
{
border-collapse: collapse;
width: 100%;
}
table.delimiter td
{
padding: 2px 2px 2px 3px;
background-color: White;
}
table.delimiter .link
{
color: #555555;
text-transform: uppercase;
text-decoration: none;
}
table.leadlist, .leadreport table
{
width: 382px;
border-collapse: collapse;
}
table.leadlist td, .leadreport table td
{
background-color: #ffffff;
border: 0px solid grey;
}
table.leadlist td .button
{
/*background-color: #eeeeee;*/
border: 1px solid #dddddd;
padding: 2px 5px 2px 5px;
background-image: none;
background-color: #555555;
}
table.lead fieldset, .leadreport table fieldset
{
border-style: none;
padding: 0px 0px 0px 0px;
}
.leadreport .textbox
{
border: 1px solid #cccccc;
background-color: #eeeeee;
width: 99%;
}
.leadContainer
{
padding: 0 0 0 0;
margin: 0 0 0 0;
width: 398px;
max-height: 260px;
overflow-x: hidden;
overflow-y: scroll;
border-top: 2px solid #DDDDDD;
}
.leadReportContainer
{
border: 2px solid #DDDDDD;
}
.leadReportContainer .divider
{
border-top: 2px solid #DDDDDD;
border-bottom: 2px solid #DDDDDD;
text-transform: uppercase;
padding: 4px 0px 4px 10px;
font-weight: bolder;
}
.reportform fieldset
{
border-style: none;
padding: 0px 0px 0px 0px;
}
.reportform .textbox
{
border: 1px solid #cccccc;
background-color: #eeeeee;
width: 99%;
}
.reportform table td
{
width: 200px;
}
/*ie6 png fixi*/
/*img, div
{
behavior: url(/js/iepngfix.htc)
}*/
/* kuvagalleria */
#foldertree
{
margin:0;
padding-left:60px;
}
#foldertree a
{
margin:0;
padding:0;
}
/* kuvagalleria loppuu */
/*************************/
/* Vertical submenu */
/*************************/
#VerticalSubMenu
{
padding-top:10px;
height:158px;
min-height: 158px;
height:auto;
left: 0px;
width: 301px;
clear: right;
background-image: none;
background-color: #ffffff;
padding-bottom: 5px;
}
#VerticalSubMenu ul
{
margin:0;
}
#VerticalSubMenu li
{
/*background: url(images/HM_li_icon.png) no-repeat top left; */
margin-left:60px;
}
#VerticalSubMenu ul li ul
{
list-style-type: disc ! important ;
}
#VerticalSubMenu ul li ul li ul
{
list-style-type: none ! important;
}
#VerticalSubMenu ul li ul li
{
background: none;
padding:0 ! important;
margin-left:15px;
}
#VerticalSubMenu a
{
display:block;
color: #e0053a;
font-weight:bold;
text-decoration :none;
}
#VerticalSubMenu ul li ul li a
{
margin-left: 0px;
font-size: 9px;
padding:0;
margin:0;
color: #000000;
font-weight: bold;
}
#VerticalSubMenu ul li ul li ul li a
{
font-weight: normal;
}
#VerticalSubMenu span.selected
{
display:block;
color: #5d6b70;
text-decoration :none;
font-weight: bold;
}
#VerticalSubMenu ul li ul li span.selected
{
font-weight: bold;
margin-left: 0px;
font-size: 9px;
padding:0;
margin:0;
color: #5d6b70;
}
#VerticalSubMenu ul li ul li ul li span.selected
{
font-weight: normal;
}
#grid
{
font-size: 10px;
}
/************************/
/* Frontpage campaigns */
/************************/
.CampaignBody
{
background: url(images/HMCase_bg.png) no-repeat;
width:265px;
padding:0px 0px 0px 0px;
margin-left:20px;
}
.CampaignIngress
{
color: #ffffff;
padding-bottom: 25px;
padding-left: 10px;
background: url(images/HMCase_bg_bottom.png) no-repeat left bottom;
}
.CampaignIngress a
{
font-family: Verdana;
display:block;
color: #Ffffff;
font-size: 10px;
font-weight: bold;
width: 150px;
text-decoration: none;
}
.CampaignIngress h4
{
text-transform: uppercase;
color: #Ffffff;
font-size: 10px;
font-weight: bold;
}
.grid
{
font-size: 10px;
margin-left: 1px;
width: 1009px;
}
.grid td
{
padding: 4px 2px 4px 2px;
}
.grid th
{
color: White;
text-align: center;
padding: 5px 5px 5px 5px;
background: black url(images/buttonBg.png) repeat-x;
}
table.customerSearch
{
width: 1009px;
font-size: 10px;
border: 1px solid black;
margin-left: 1px;
}
table.customerSearch th
{
color: White;
text-align: center;
padding: 5px 5px 5px 5px;
background: black url(images/buttonBg.png) repeat-x;
}
table.customerSearch td.filter
{
padding: 5px 5px 5px 5px;
border-right: 1px solid black;
}
.messuButton
{
width: 56px;
height: 25px;
background-color: #a7b3bc;
color: #455560;
border-style: none;
font-weight: bolder;
}
.#footer ul
{list-style-type:none;
}