/* DYNAMIC CLASSES */
/* html, body, a,a:visited, mainMenu, mainMenu a, footer */
/***************************/
/***** HTML ELEMENTS *******/
/***************************/
html, body
{
background: #08528F; /* OBS OBS OBS ##DYNAMIC COLOR## OBS OBS OBS */
font-family: Verdana, Arial, Sans-Serif;
font-size: 10px;
}
h1, .heading1, .Heading1
{
color: #006EB2;
font-size: 12px;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0.8em /*2px*/;
}
h2, .heading2, .Heading2
{
color: #000000;
font-size: 11px;
font-weight: bold;
margin-top: 3px;
margin-bottom: 0px;
}
h3, .heading3, .Heading3
{
color: #006EB2;
font-size: 10px;
font-weight: bold;
margin-top: 1px;
margin-bottom: 0px;
}
h4, .heading4, .Heading4
{
color: #000000;
font-size: 10px;
font-weight: bold;
margin-top: 1px;
margin-bottom: 0px;
}
a
{
color: #006EB2; /* OBS OBS OBS ##DYNAMIC COLOR## OBS OBS OBS */
text-decoration: none;
}
a:hover
{
text-decoration: underline;
}
a:visited
{
color: #006EB2; /* OBS OBS OBS ##DYNAMIC COLOR## OBS OBS OBS */
}
p
{
margin-top: 0px;
margin-bottom: 12px;
}
img
{
border: 0px;
}
strong
{
font-weight: bold;
}
em
{
font-style: italic;
}
/***************************/
/***** GENERAL CLASSES *****/
/***************************/
.ContentClearer
{
clear: both;
height: 20px;
}
.ContentClearerSimple
{
clear: both;
}
.ingress .Selected a, .ingress
{
font-weight: bold;
}
.imagetext
{
font-style: italic;
font-size: 9px;
display: block;
margin-top: 4px;
}
.Date
{
color: Gray;
}
/***************************/
/***** MASTERPAGE **********/
/***************************/
body.WideLayout #Left, body.WideLayout #SubMenu
{
width: 164px;
}
body.WideLayout #Content
{
background-image: url(/ClientUI/Graphic/Backgrounds/ContentBgWideLayout.gif);
background-position: top left;
background-repeat: repeat-y;
}
div#MainWrapper
{
margin-left: 15px;
}
div#InfoMenuStart
{
background-image: url(../Graphic/Backgrounds/InfoMenuStart.png);
height: 14px;
width: 14px;
float: left;
}
div#InfoMenuDiv
{
background-image: url(../Graphic/Backgrounds/InfoMenuBg.png);
height: 14px;
width: 789px;
background-repeat: repeat-x;
margin-left: 14px;
}
div#InfoMenuDiv li
{
display: inline;
padding-left: 14px;
}
div#InfoMenuDiv a
{
color: #c0c0c0;
}
div#InfoMenuDiv a:hover
{
color: #e0e0e0;
}
div#BannerTopWrapper
{
margin-bottom:12px;
}
div#BannerTopWrapper div p
{
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
div#BannerRightWrapper
{
margin-left:18px;
margin-top:4px;
float:left;
width:175px;
}
div#BannerRightWrapper div
{
margin-bottom:5px;
}
div#BannerRightWrapper div p
{
margin: 0;
}
div#SiteWrapper
{
background-image: url(../Graphic/Backgrounds/siteBg.png);
background-repeat: repeat-y;
width: 810px;
float:left;
}
div#TopImage
{
width: 800px;
margin-left: 2px;
}
#MainMenu
{
width: 800px;
height: 21px;
margin-left: 2px;
background-color: #75b5e3; /* OBS OBS OBS ##DYNAMIC COLOR## OBS OBS OBS */
margin-top: -1px;
}
#MainMenuShade
{
height: 21px;
background-image: url(../Graphic/Backgrounds/MainMenuShade.png);
background-repeat: repeat-x;
}
#MainMenu ul
{
padding-top: 3px;
}
#MainMenu li
{
display: inline;
list-style-type: none;
/* padding-left: 10px;
padding-top: 1px;
padding-bottom: 4px;*/
padding:1px 5px 4px 12px;
margin-left: -2px;
margin-right: -2px;
}
#MainMenu a
{
font-weight: bold;
font-size:9px;
color: #006EB2; /* OBS OBS OBS ##DYNAMIC COLOR## OBS OBS OBS */
}
/*#MainMenu a img
{
margin-top:2px;
}*/
#MainMenu ul li.Selected
{
background-image: url(../Graphic/Icons/MainMenuSelected.png);
background-repeat: no-repeat;
background-position: 1px 1px;
}
#Content
{
background-image: url(/ClientUI/Graphic/Backgrounds/ContentBgDefault.gif);
background-position: top left;
background-repeat: repeat-y;
width: 800px;
margin-left: 2px;
clear: both;
}
#Left, #Center, #Right
{
padding-left: 15px;
padding-right: 15px;
float: left;
}
#Left, #Right, #SubMenu
{
width: 176px;
height: auto;
}
#LeftContainer #SubMenu, #LeftContainer
{
float: left;
}
#LeftContainer #SubMenu, #LeftContainer #SearchBoxArea
{
padding-left: 10px;
}
#SearchBoxArea img
{
padding-bottom: 10px;
}
#Center
{
width: 350px;
padding-left:8px;
}
body.WideLayout div#Center
{
width: 574px;
padding-left:0;
margin-left:-5px;
}
#Footer
{
clear: both;
height: 54px;
width: 810px;
background-image: url(../Graphic/Backgrounds/footerBg.png);
background-color: #08528F; /* OBS OBS OBS ##DYNAMIC COLOR## OBS OBS OBS */
background-repeat: no-repeat;
}
#Footer .FooterLogo
{
width: 160px;
float: left;
margin-left: 36px;
}
#Footer .FooterText
{
width: 560px;
height: 35px;
padding-left: 15px;
padding-right: 15px;
float: left;
}
/***************************/
/***** SUB MENU *******/
/***************************/
#SubMenu
{
padding-bottom: 10px;
margin-bottom: 10px;
/*border-bottom: 1px dotted #ccc; */
border-bottom:1px solid lightGrey;
}
.SubMenuImage
{
background-image: url(../Graphic/Icons/pageSelected.gif);
background-repeat: no-repeat;
height: 27px;
width: 21px;
float: top left;
}
#SubMenu ul li a.Selected
{
font-weight: bold;
}
#SubMenu ul
{
margin: 0 0 0 5px;
}
/*Viktig rör ej!*/
#SubMenu li
{
/**/
list-style: none;
padding: 0px 0 2px 0;
margin: 0;
}
/***************************/
/***** PAGE SPECIFIC *******/
/***************************/
.Message
{
border: 0px solid #ccc;
padding: 5px;
font-weight: bold;
width: 330px;
margin: 0 0 0px 0;
}
.Message img
{
padding-right: 5px;
float:left;
margin-top:-2px;
}
.BlueTable
{
background-color: #e3effd;
border: 1px solid #325B87;
}
/***************************/
/******* XForms ************/
/***************************/
div#Center table#id_matrix
{
}
div#Center table#id_matrix tr td
{
padding: 5px 0px;
}
div#Center table#id_matrix tr td label
{
float: left;
margin-right: 20px;
font-weight: bold;
}
div#Center table#id_matrix tr td fieldset
{
font-weight: bold;
}
div#Center table#id_matrix tr td fieldset label
{
float: none;
width: auto;
margin-right: 5px;
font-weight: normal;
}
div#Center table#id_matrix tr td fieldset input
{
width: auto;
margin-right: 5px;
}
/***************************/
/******* XForms Summary ****/
/***************************/
.ColumnLeftField
{
float: left;
width: 100px;
margin-right: 20px;
padding: 5px 0px;
font-weight: bold;
}
.ColumnRightField
{
float: left;
width: 200px;
padding: 5px 0px;
}
/***************************/
/******* Page List *********/
/***************************/
div#NewsPage div.PageList
{
margin: 10px 0 0 0;
}
div.PageListTop
{
float: left;
margin: 5px 0 0 0; /*margin-bottom:0px;*/
}
div.PageListBottom
{
float: left; /*border:1px solid #999; */
}
div.PageListItem
{
clear: both;
}
div.PageListItem .Image
{
float: left;
clear: both;
}
div.PageListTop div.PageListItem
{
float: left;
margin-bottom: 5px; /*border:1px solid #999; */
}
div.PageListTop div.PageListItem span, div.PageListTop div.PageListItem a, div.PageListTop div.PageListItem p
{
float: left;
clear: both;
}
div.PageListTop div.PageListItem p
{
margin: 0;
}
div.PageListBottom /*div.PageListItem span.Date*/
{
/*float:left;*/
margin-right: 1px; /*width:105px;*/
width: 349px;
border: 0px solid grey;
}
div.PageListBottom div.PageListItem a
{
/*float:left;*/ /*width:249px;*/
font-weight:bold;
}
/******* Sitemap ********/
.siteMapButton
{
margin: 10px 0 0 0;
}
.sitemapList ol
{
margin: 0 0 0 15px;
}
.sitemapList li
{
list-style-type: disc;
list-style-position: inside;
color: #08528F;
}
/*******Sökresultat - "tabeller"**********/
.tableWrapper
{
display: table;
width: 500px; /*background-color:#FFFFFF;*/ /*width: 574px;*/
}
.tableRow
{
display: table-row;
padding-right: 5px;
padding-top: 5px;
}
.rowRight, .rowMiddle
{
display: table-cell;
padding-right: 5px;
padding-top: 5px;
}
.rowLeft
{
display: table-cell;
padding-right: 5px;
padding-top: 5px;
width: 40px;
}
.rowTop
{
display: table-caption;
}
/*******Fillistning bara test"**********/
.fileList_size
{
}
.fileList_changed
{
}
.fileListSpace
{
width: 50;
}
/*******Social delning"**********/
.addthis_button_compact
{
color: grey;
}
/*********QuickSearch (Rubrikexempel***********/
/****************************************/
/*
Gör om, skriv på engelska!!!
*/
.Rubrik
{
width: 50px;
height: 23px;
font-size: 12px;
line-height: 1.5em;
color: #006EB2;
font-weight: bold;
background-image: url(../Graphic/Icons/SIBF_logotype_web_gradient.gif);
background-repeat: no-repeat;
background-position: 100%;
padding-right: 0.1 em;
}
/*search help text*/
div#SearchArea div#HelpText
{
margin: 0 0 10px 0;
width: 400px;
display: none;
}
div#SearchArea div#HelpText ul span
{
color: #000;
}
div#SearchArea div#HelpText ul li
{
margin: 10px 0px 10px 10px; /*problemet*/
list-style-type: disc;
list-style-position: outside;
color: #08528F;
}
.helpButton
{
}
div#ResultArea
{
margin: 5px 0 5px 0;
}
div#SearchArea div#AdvancedArea
{
margin: 5px 0 5px 0;
}
/*div#ResultArea ol li p
{
display:block;
margin:0 !important;
}*/
/* end search help text*/
/*
/*************************************
* Fixtures (Resultat/Spelprogram)
*************************************/
div.FixturesCompetitionInfoText
{
margin:10px 0 10px 0;
}
/*
/*************************************
* Resultat / Spelprogram
*************************************/
.competitionLinks
{
text-align:right;
margin-bottom:0;
}
/*IDA start
!!! Migrated from old innbandy.se !!!
*/
table#WeekMatches tr td
{
padding: 2px;
}
div.tableContainer
{
width: 400px;
background-color: #eeeeee;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
div.tableContainerAlt
{
width: 400px;
background-color: #eeeeee;
padding: 0px;
margin-top: 5px;
margin-bottom: 5px;
}
div.statisticsTeam, div.statisticsTopScorers
{
width: 520px;
}
div.statisticsPlayer, div.statisticsListMatches
{
width: 550px;
}
div.statisticsAudienceAttendance
{
width: 520px;
}
div.statisticsAudienceAttendance table td
{
text-align:right;
/*border-left:1px solid black;*/
}
div.statisticsAudienceAttendance table tr th
{
text-align:center;
}
div.statisticsAudienceAttendance table .align-right
{
text-align:right;
}
div.statisticsAudienceAttendance table .align-left
{
text-align:left;
}
div.statisticsAudienceAttendance table tr:first-child td
{
font-weight:bold;
}
div.statisticsAudienceAttendance table tr:first-child td
{
border-left:solid 1px black;
text-align:center;
}
div.statisticsAudienceAttendance table .last-child
{
border-top:solid 1px black;
font-weight:bold;
}
div.statisticsAudienceAttendance table tr:first-child td:first-child
{
border-left:none;
}
div.statisticsAudienceAttendance .border-left
{
border-left:solid 1px black;
padding-left:2px;
}
tr.dateStart td
{
padding-top: 15px !important;
}
div.tableContainer div.tableHeader
{
background-color: #006EB2;
color: #ffffff;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
div.tableContainerAlt div.tableHeader
{
background-color: #777777;
color: #ffffff;
font-weight: bold;
padding-left: 5px;
padding-top: 2px;
padding-bottom: 2px;
}
div.tableContainer td.selected
{
font-weight: bold;
}
div.tableContainer th a.selected
{
color: #000000;
}
div.tableContent
{
padding-left: 5px;
}
table.tableList
{
}
table.statistics
{
width: 100%;
}
table.tableList td, table.tableList th, table.tableListResults td, table.tableListResults th
{
margin: 4px;
padding: 4px;
padding-bottom: 2px;
padding-top: 2px;
padding-left: 0px;
padding-right: 8px;
text-align: left;
vertical-align: top;
}
table.tableListResults td, table.tableListResults th
{
padding-bottom: 1px;
padding-top: 1px;
}
table.tableListResults th
{
padding-top: 4px;
}
tr.dividerAutoMoveUp, tr.dividerAutoMoveDown, tr.dividerQualifyingTop, tr.dividerQualifyingDown
{
margin: 0px;
padding: 0px;
height: 1px;
font-size: 0px;
}
tr.dividerRegular, tr.dividerRegular td
{
margin: 0px;
padding: 0px;
height: 0px;
font-size: 0px;
display: none;
}
tr.dividerAutoMoveUp td, tr.dividerAutoMoveDown td, tr.dividerQualifyingTop td, tr.dividerQualifyingDown td
{
margin: 0px;
padding: 0px;
height: 1px;
font-size: 0px;
}
tr.dividerQualifyingTop td, tr.dividerQualifyingDown td
{
border-bottom: dotted 1px #000000;
}
tr.dividerAutoMoveUp td, tr.dividerAutoMoveDown td
{
border-bottom: solid 1px #000000;
}
td.CompetitionRound
{
background-color: #dddddd;
}
tr.sectionTop th, tr.sectionTop td
{
padding-top: 15px;
}
tr.sectionTop td table.tableList td
{
padding-top: 0px;
}
tr.homeTeam, tr.homeTeam td, tr.homeTeam td a.event
{
color: #4C4D4D;
}
tr.awayTeam, tr.awayTeam td, tr.awayTeam td a.event
{
color: #00008B;
}
div.legendColumn
{
float: left;
width: 180px; /*border: solid 1px #000000;*/
}
div.statisticsTeam div.legendColumn
{
width: 170px;
}
div.legendItem
{
width: 180px;
}
div.statisticsTeam div.legendItem
{
width: 170px;
}
div.legend
{
float: left;
width: 28px;
}
div.legendDescription
{
float: left;
width: 152px;
}
div.statisticsTeam div.legendDescription
{
width: 142px;
}
div.tableContent
{
display: block;
clear: both;
}
div.break
{
font-size: 0px;
line-height: 0px;
}
/*table.tableList,
div.tableContent table,
table.tableListResults
{
width:100%;
}*/
table.tableList tr th, div.tableContent table tr th, table.tableListResults tr th
{
font-weight: bold;
}
.competitionTeamInfoTableContent
{
padding-left:0px !important;
}
.competitionTeamInfoGrey
{
background-color:Silver;
}
.competitionTeamInfoFirstList
{
padding-left:0px;
}
.competitionTeamInfoSecondList
{
float:left;
width:90px;
}
.competitionTeamInfoThirdList
{
float:left;
margin-top:10px;
/* padding-left:10px;*/
}
.competitionTeamInfoThirdList li
{
float:left;
/*margin-left:10px;*/
}
.competitionTeamInfoFourthList
{
float:left;
margin-top:10px;
/* padding-left:10px;*/
}
.competitionTeamInfoFourthList li
{
float:none;
}
.competitionTeamInfoClubName
{
font-weight:bold;
}
/*IDA end*/
/***********************************/
/***** CALENDAR ********************/
/***********************************/
div#calendarWrapper table tr td, div#calendarWrapper table tr th
{
padding: 5px;
text-align: center;
font-size: 10px;
color: #000;
}
.calendarDDL
{
margin-bottom: 10px;
border: 0px solid black;
}
.calendarHeader
{
font-weight: bold;
}
.calendarLeft
{
float: left;
width: 250px;
}
.calendarLeftEvent
{
border-bottom: solid 1px lightGrey;
}
.calendarRight
{
float: right;
}
.calendarRight p
{
line-height: normal;
margin-top: 0px;
}
.calendarRight h3
{
line-height: normal;
margin: 0;
}
.calendar
{
border: 0px solid #e3e3e3 !important;
}
.calendar .title
{
}
.calendar .selector
{
/* background-color: #ccc !important;*/
}
.calendar .dayHeader
{
background-color: #006EB2 !important;
}
.calendar .selectedDay
{
font-weight: bold;
}
.calendar .otherMonthDay a
{
color: #adadad !important;
}
.calendar tr td.hasEvent a
{
font-weight: bold;
}
.calendarEvent a
{
color: #000;
}
.calendarItem
{
color: #000;
}
.calendarItem a
{
color: #000;
}
.calendarList
{
font-size: 12px;
}
.calendarList h3
{
font-size: 12px;
font-family: Arial;
}
/* DEMO BLOG */
/*************************/
/* BLOG */
/*************************/
.bloggerThumbnail
{
float: left;
width: 75px;
padding: 7px;
border: 1px solid #dcdcdc;
background-color: White;
}
.bloggerImage
{
width: 150px;
padding: 10px;
border: 1px solid #dcdcdc;
background-color: White;
}
.blogItem
{
width: 100%;
overflow: hidden;
}
.blogItem .textWide
{
width: 100%;
}
.blogItem .text
{
float: left;
margin-left: 15px;
width: 234px;
}
.blogItem h2
{
margin: 0 0 0.6em 0;
font-size: 1.1em;
font-style: italic;
}
.blogItem h2 a
{
font-family: Verdana, Helvetica, Sans-Serif;
font-style: normal;
}
/* Tag links */
.tags
{
overflow: hidden;
}
.tags h2
{
float: left;
font-style: normal;
}
.tags ul
{
margin: 0;
padding: 0;
overflow: hidden;
}
.tags li
{
font-family: Verdana, Helvetica, Sans-Serif;
list-style: none;
list-style-image: none;
float: left;
margin-left: 0.5em;
}
/* Tag cloud */
ul.tagCloud
{
margin: 0;
padding: 0;
}
ul.tagCloud li
{
display: inline;
list-style: none;
list-style-image: none;
margin: 0 0.4em 0 0;
vertical-align: baseline;
}
ul.tagCloud h1, ul.tagCloud h2, ul.tagCloud h3, ul.tagCloud h4, ul.tagCloud h5, ul.tagCloud h6
{
display: inline;
white-space: nowrap;
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Sans-Serif;
}
ul.tagCloud h1
{
font-size: 1.6em;
font-weight: 900;
}
ul.tagCloud h2
{
font-size: 1.3em;
font-weight: 700;
}
ul.tagCloud h3
{
font-size: 1.0em;
font-weight: 500;
}
ul.tagCloud h4
{
font-size: 0.9em;
font-weight: 400;
}
ul.tagCloud h5
{
font-size: 0.8em;
font-weight: 200;
}
ul.tagCloud h6
{
font-size: 0.7em;
font-weight: 100;
}
/* Date archive */
div.dateTree
{
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
overflow: hidden;
}
div.dateTree ul
{
padding: 0;
margin: 0;
}
div.dateTree ul ul
{
margin: 0 0 0 2em;
}
div.dateTree li
{
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
/* Comments */
ol.comments
{
margin-bottom: 1.5em;
padding-left: 2em;
margin: 0;
}
ol.comments ul
{
margin-left: 2.8em;
}
ol.comments li
{
margin-bottom: 1.8em;
background-color: #efefef;
padding-bottom: 0.2em;
}
ol.comments .footer
{
margin-top: 0.4em;
text-align: right;
}
ol.comments .footer h2
{
margin: 0.5em 0;
margin-top: 0.2em;
font-size: 1.1em;
font-style: italic;
}
ol.comments .footer a
{
font-family: Verdana, Helvetica, Sans-Serif;
font-style: normal;
}
ol.comments img, .newsBody img, .eventBody img, div.WRbody img, div.text img
{
padding: 0.5em;
background: #fff;
border: solid 1px #dcdcdc;
}
ol.comments img
{
max-width: 27.1em;
}
.newsBody img, div.WRbody img, div.text img
{
max-width: 31em;
}
.eventBody img
{
width: 22em;
}
* html ol.comments img, ol.comments p
{
/**/
width: expression(this.clientWidth > 217? "21.7em": "auto");
}
* html .newsBody img, div.WRbody img, div.text img, .newsBody p, div.WRbody p, div.text p
{
/**/
width: expression(this.clientWidth > 310? "31em": "auto");
}
* html .eventBody img, .eventBody p
{
/**/
width: expression(this.clientWidth > 220? "22em": "auto");
}
.WRnote
{
display: block;
margin: 1.5em 0;
padding-left: 0.5em;
color: #e99636;
}
/* Post comment */
fieldset.comment
{
}
fieldset.comment ul
{
/* Validation summary */
font-family: Verdana, Helvetica, Sans-Serif;
font-style: normal;
font-size: 0.8em;
background-color: #eeeeee;
margin: 1em 0;
padding: 1em;
}
fieldset.comment li
{
margin-left: 1.4em;
list-style-image: none;
margin-bottom: 0.7em;
padding: 0;
}
fieldset.comment label, fieldset.comment input, fieldset.comment textarea
{
display: block;
}
fieldset.comment input.textinput, fieldset.comment textarea
{
width: 325px;
margin-top: 0.2em;
margin-bottom: 0.5em;
}
fieldset.comment textarea
{
height: 140px;
}
/*RSS
***************************************************************************/
.rss
{
margin: 5px 0 0 0;
padding: 5px 0 0 0;
}
.rss .news
{
font-size:10px;
}
/*Composer
*********/
body.ComposerLayout div#Content
{
background-image: url(/ClientUI/Graphic/Backgrounds/ContentBgComposer.gif);
background-repeat: repeat-y;
background-position: top left;
}
body.ComposerLayout div#Content div#Center
{
width: 350px;
padding-left:15px;
}
body.ComposerLayout div#Content div#Center img
{
max-width: 350px;
}
body.ComposerLayout div#Center div.FiftyLayout img
{
max-width: 170px !important;
}
body.ComposerLayout div#Left div.PageList div.PageListBottom span.Date,
body.ComposerLayout div#Right div.PageList div.PageListBottom span.Date,
body.ComposerLayout div#Center div.FiftyLayout div.PageList span.Date
{
display: none;
}
body.ComposerLayout div.PageListTop div.PageListItem
{
margin: 0 0 10px 0 !important;
}
body.ComposerLayout div.PageListBottom div.PageListItem
{
margin: 0 0 1px 0 !important;
}
body.ComposerLayout div.PageList div.PageListTop
{
float:none;
clear:both;
margin: 0 0 10px 0 !important;
}
body.ComposerLayout div#Center div.FiftyLayout div.PageList,
body.ComposerLayout div#Center div.FiftyLayout div.PageList span.Date,
body.ComposerLayout div#Center div.FiftyLayout div.PageList div.PageListItem,
body.ComposerLayout div#Center div.FiftyLayout div.PageList div.PageListItem p,
body.ComposerLayout div#Center div.FiftyLayout div.PageList div.PageListTop,
body.ComposerLayout div#Center div.FiftyLayout div.PageList div.PageListBottom,
body.ComposerLayout div#Center div.FiftyLayout div.PageList h2
{
width: 170px !important;
}
body.ComposerLayout div#Center div.FiftyLayout
{
width:100%;
display:inline-block;
}
body.ComposerLayout div#Center div.FiftyLayout div.LeftFiftyLayout, body.ComposerLayout div#Center div.FiftyLayout div.RightFiftyLayout
{
float:left;
}
body.ComposerLayout div#Center div.FiftyLayout div.LeftFiftyLayout
{
width:48%;
}
body.ComposerLayout div#Center div.FiftyLayout div.RightFiftyLayout
{
width:48%;
}
body.ComposerLayout div#Center .LineFiftyLayout
{
background: url("/ClientUI/Graphic/Backgrounds/ContentBgComposerFiftyLayout.gif") repeat-y scroll 0 0 #FFFFFF;
margin-top:15px;
}
body.ComposerLayout div#Center div.FiftyLayout div.ComposerFunction
{
padding: 10px 5px 10px 5px;
}
body.ComposerLayout div#Left div.PageList,
body.ComposerLayout div#Right div.PageList,
body.ComposerLayout div#Left div.PageList span.Date,
body.ComposerLayout div#Right div.PageList span.Date,
body.ComposerLayout div#Left div.PageList div.PageListItem,
body.ComposerLayout div#Right div.PageList div.PageListItem,
body.ComposerLayout div#left div.PageList div.PageListItem p,
body.ComposerLayout div#Right div.PageList div.PageListItem p,
body.ComposerLayout div#Left div.PageList div.PageListTop,
body.ComposerLayout div#Right div.PageList div.PageListTop,
body.ComposerLayout div#Left div.PageList div.PageListBottom,
body.ComposerLayout div#Right div.PageList div.PageListBottom,
body.ComposerLayout div#Right div.PageList h2,
body.ComposerLayout div#Left div.PageList h2
{
display:block;
width: 176px !important;
}
body.ComposerLayout div#Center div.PageList,
body.ComposerLayout div#Center div.PageList span.Date,
body.ComposerLayout div#Center div.PageList div.PageListItem,
body.ComposerLayout div#Center div.PageList div.PageListItem p,
body.ComposerLayout div#Center div.PageList div.PageListTop,
body.ComposerLayout div#Center div.PageList div.PageListBottom,
body.ComposerLayout div#Center div.PageList h2
{
width: 350px !important;
}
body.ComposerLayout div#Left div.PageList div.PageListTop .Image img,
body.ComposerLayout div#Right div.PageList div.PageListTop .Image img,
body.ComposerLayout div#Left div.PageList div.PageListBottom .Image img,
body.ComposerLayout div#Left div.PageList div.PageListBottom .Image img,
body.ComposerLayout div#Left div.ComposerFunction div.RssList img,
body.ComposerLayout div#Right div.ComposerFunction div.RssList img
{
max-width: 176px;
}
body.ComposerLayout div.PageList div.PageListBottom
{
float: none !important;
clear: both !important;
}
body.ComposerLayout .BottomLine
{
border-bottom:solid 1px lightGrey;
}
div.ComposerFunction
{
padding: 10px 0 10px 0;
}
div.ComposerFunction .PageList
{
margin: 0 !important;
}
body.ComposerLayout div#Left,
body.ComposerLayout div#Right,
body.ComposerLayout div#Center
{
position:relative;
margin:-10px 0 0 0;
}
/*WriterInfo
*********/
#WriterInfo
{
margin: 10px 0 10px 0;
}
/* DEMO Templates*/
#Page
{
position: relative;
padding: 0 20px 0 20px;
text-align: left;
overflow: hidden;
background: url(/Templates/Demo/Styles/Default/Images/FooterBg.png) bottom left no-repeat;
}
.introduction
{
font-weight: bold;
}
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;
}
fieldset
{
margin: 0 0 1em 0;
padding: 1em;
}
legend
{
color: #606060;
}
.emptyParagraph
{
height: 0;
margin: 0;
padding: 0;
}
.hidden
{
display: none;
}
.error
{
color: Red;
}
.button, .buttonExt
{
border: 1px solid black;
color: White;
background: black url(/Templates/Demo/Styles/Default/Images/buttonBg.png) repeat-x;
}
.buttonExt
{
padding: 0 0.5em;
}
table
{
font-size: 1em;
border-collapse: collapse;
}
th
{
text-align: left;
}
/************************/
/* HEADER */
/************************/
#HeaderArea
{
height: 90px;
}
#Header
{
}
#Logotype
{
float: left;
margin: 32px 0px 0px 20px;
}
#Functions
{
position: absolute;
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;
border-left: 1px solid #dee1e3;
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;
}
a.loginButton
{
background: url(/Templates/Demo/Styles/Default/Images/ButtonLogin.png) no-repeat;
}
a.logoutButton
{
background: url(/Templates/Demo/Styles/Default/Images/ButtonLogin.png) no-repeat;
}
a.rssButton
{
background: url(/Templates/Demo/Styles/Default/Images/ButtonRss.png) no-repeat;
}
a.sitemapButton
{
background: url(/Templates/Demo/Styles/Default/Images/ButtonSitemap.png) no-repeat;
}
a.languageButton, input.languageButton
{
background: url(/Templates/Demo/Styles/Default/Images/buttonLanguage.png) no-repeat;
}
input.languageButton
{
width: 20px;
float: left;
height: 1.6em;
}
select.languageButton
{
font-size: 1em;
}
.GradientHeader
{
background-image: url(/Templates/Demo/Styles/Default/Images/GradientHeader.png);
background-repeat: repeat-x;
background-position: top left;
}
/************************/
/* MAINMENUAREA */
/************************/
#MainMenuArea
{
position: relative;
width: 860px;
margin: 0;
padding: 0;
background: url(/Templates/Demo/Styles/Default/Images/MainMenuBg.png) repeat-y right top;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
color: White;
font-size: 1em;
line-height: 16px;
overflow: hidden;
}
#MainMenuArea ul
{
width: 660px;
margin: 0;
padding: 0px 0px 1px 3px;
background: url(/Templates/Demo/Styles/Default/Images/MainMenuLeft.png) no-repeat left top;
list-style-type: none;
float: left;
overflow: visible;
}
#MainMenuArea li
{
display: block;
float: left;
margin: 2px 0px 2px 0px;
padding: 0px 3px 0px 0px;
background: url(/Templates/Demo/Styles/Default/Images/MainMenuDivider.png) no-repeat right top;
white-space: nowrap;
}
#MainMenuArea li.selected
{
background: url(/Templates/Demo/Styles/Default/Images/MainMenuSelectedBg.png) no-repeat right top;
}
#MainMenuArea li.selected a
{
display: block;
padding: 5px 15px;
background: url(/Templates/Demo/Styles/Default/Images/MainMenuSelectedLeft.png) no-repeat left top;
}
#MainMenuArea li a
{
display: block;
padding: 5px 16px;
text-decoration: none;
color: White;
}
#MainMenuArea li.unselected a:hover
{
background: #3a3a3a url(/Templates/Demo/Styles/Default/Images/MainMenuHoverBg.png) repeat-x;
border: 1px solid #41403d;
padding: 4px 15px;
}
/*************************/
/* QUICKSEARCH */
/*************************/
.QuickSearchArea
{
position: absolute;
right: 0px;
margin: 5px 8px 0px 0px;
}
input.quickSearchField
{
border: 1px solid Black;
float: left;
margin: 0px 2px 0px 0px;
width: 11em;
}
.quickSearchButton
{
background: url(/Templates/Demo/Styles/Default/Images/MainMenuSearchButton.png) no-repeat top left;
width: 23px;
height: 21px;
display: block;
float: left;
}
/*************************/
/* STAGEAREA */
/*************************/
#StageArea
{
width: 100%;
padding: 8px 0;
overflow: hidden;
}
/*************************/
/* SUBMENUAREA */
/*************************/
#SubMenuArea
{
width: 195px;
float: left;
overflow: hidden;
color: #3e3e3e;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
padding-bottom: 16px;
}
#SubMenuArea a
{
color: #3e3e3e;
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(/Templates/Demo/Styles/Default/Images/SubMenuTopSelected.png) no-repeat 22px 5px;
display: block;
padding: 0 4px 6px 38px;
}
#SubMenuArea ul ul
{
width: 100%;
overflow: hidden;
background: url(/Templates/Demo/Styles/Default/Images/SubMenuBg.png) repeat-y top left;
}
#SubMenuArea li li
{
background: url(/Templates/Demo/Styles/Default/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(/Templates/Demo/Styles/Default/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
{
width: 643px;
float: left;
padding: 0 16px 0 2px;
margin-bottom: 2px;
font-size: 0.9em;
font-family: Verdana, Arial, helvetica, Sans-Serif;
line-height: 1.8em;
overflow: hidden;
}
#BreadCrumbsArea a
{
color: #606060;
text-decoration: none;
}
#BreadCrumbsArea a:hover
{
text-decoration: underline;
}
/*************************/
/* CONTENTAREA */
/*************************/
#MainContentArea
{
width: 665px;
height: 250px;
min-height: 250px;
float: left;
margin: 0.4em 0 0 0;
}
/* IE 6 doesn't understand the > selector and ignores it */
html > body #MainContentArea
{
height: auto;
}
#MainBodyArea
{
/*width: 435px;*/
float: left;
overflow: hidden;
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyBg.png) no-repeat;
}
#MainBodyWideArea, .mainBodyWideArea
{
width: 665px;
float: left;
overflow: hidden;
margin-bottom: 15px;
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyWideBg.png) no-repeat;
}
#MainBodyNarrowArea, .mainBodyNarrowArea
{
width: 325px;
overflow: hidden;
margin-bottom: 15px;
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyColumnBg.png) no-repeat;
}
#MainBodyArea #MainBody, #MainBodyWideArea #MainBody, #MainBodyNarrowArea #MainBody
{
width: 340px;
margin-top: 2px; /*padding: 16px 0 15px 25px;*/
padding: 15px;
border: 1px solid #dcdcdc;
border-top: 0;
overflow: hidden;
}
#MainBodyWideArea #MainBody
{
width: 598px;
}
#MainBodyNarrowArea #MainBody
{
width: 258px;
}
#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: 215px; /*width: 215px; margin-left: 15px;*/
float: left;
background: url(/Templates/Demo/Styles/Default/Images/PageSecondaryBodyBg.png) no-repeat;
}
#SecondaryBodyArea hr
{
color: #eee;
}
#SecondaryBodyArea #SecondaryBody
{
padding: 10px 10px 0;
margin-top: 8px;
min-height: 200px;
border: 1px solid #dcdcdc;
border-top: 0;
overflow: hidden;
}
.contentAreaFull, .contentAreaWide, .contentAreaHalf, .contentAreaNarrow
{
/*width: 665px; margin-left: 15px; overflow: hidden;*/
float: left;
}
.contentAreaFull
{
margin-left: 0;
}
.contentAreaWide
{
/*width: 435px;*/
}
.contentAreaHalf
{
width: 325px;
}
.contentAreaNarrow
{
width: 215px;
}
.contentAreaFirst
{
margin-left: 0;
}
.container
{
display: block;
padding: 0.3em 0;
margin-bottom: 1.5em;
}
.contentAreaFull .container
{
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyWideBg.png) no-repeat;
}
.contentAreaWide .container
{
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyBg.png) no-repeat;
}
.contentAreaHalf .container
{
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyColumnBg.png) no-repeat;
}
.contentAreaNarrow .container
{
background: url(/Templates/Demo/Styles/Default/Images/PageSecondaryBodyBg.png) no-repeat;
}
.container textarea
{
width: 90%;
height: 12em;
}
.container .containerCaption
{
padding: 0 10px 2px 10px;
}
.container .containerCaution
{
padding: 0 10px 2px 10px;
}
.container .containerCaption h1, .container .containerCaution h1
{
font-family: Verdana, Helvetica, Sans-Serif;
font-weight: bold;
font-size: 1em;
margin: 0;
padding: 0;
line-height: 1.6em;
}
.container .containerCaution h1
{
color: #e99636;
background: url(/Templates/Demo/Styles/Default/Images/WRcommon/notice.png) no-repeat center right;
}
.container .containerContent
{
display: block;
border: 1px solid #dcdcdc;
padding: 0.5em;
background-color: White;
overflow: hidden;
height: auto;
}
.containerContent input[type="checkbox"]
{
/**/
margin-right: 5px;
margin-bottom: 7px;
}
.container .containerContentText
{
border-bottom: 1px solid #dcdcdc;
border-left: 1px solid #dcdcdc;
border-right: 1px solid #dcdcdc; /*padding: 1em 1em 1.5em 2.5em;*/
padding: 15px;
margin-bottom: 0.5em;
}
.container .containerContentText ul
{
display: box;
margin-left: 1.5em;
overflow: visible;
}
.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;
}
.containerContent div, .containerContent table
{
overflow: hidden;
display: block;
height: auto;
}
.containerContent .buttons
{
clear: both;
float: left;
display: inline;
padding-top: 0.5em;
}
.containerContent .buttonsRight
{
float: right;
padding-top: 0.5em;
}
/*************************/
/* BUTTONS */
/*************************/
.buttonToolbar
{
float: right;
padding: 0 10px 6px 10px;
}
.WRbuttons
{
float: right;
padding: 1em 0 0.5em 0;
}
.WRbuttonsLeft
{
float: left;
padding: 1em 0 0.5em 0;
}
.WRbuttonsDiv
{
width: 1em;
height: 0.5em;
}
.createButton, .editButton, .deleteButton, .stickyButton, .lockButton, .upButton, .inviteButton
{
padding: 0 4px 4px 18px;
background-repeat: no-repeat;
line-height: 1.4em;
font-family: Verdana, Helvetica, Sans-Serif;
}
.createButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/Add.png);
}
.editButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/Edit.png);
}
.deleteButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/Delete.png);
}
.stickyButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/forum/sticky.png);
}
.lockButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/forum/lock.png);
}
.upButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/forum/up.png);
}
.inviteButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/Invite.png);
}
.MMeditButton, .MMcreateButton, .MMinviteButton, .WReditButton, .WRcreateButton, .WRdeleteButton
{
padding: 0 0 0.6em 2em;
margin: 0 0 0 0.6em;
background-repeat: no-repeat;
line-height: 1.6em;
font-family: Verdana, Helvetica, Sans-Serif;
width: auto;
display: inline;
}
.WReditButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/WRcommon/edit.png);
}
.WRdeleteButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/WRcommon/delete.png);
}
.MMcreateButton, .WRcreateButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/Managemembers/add.png);
}
.MMeditButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/Managemembers/edit.png);
}
.MMinviteButton
{
background-image: url(/Templates/Demo/Styles/Default/Images/Managemembers/invite.png);
}
.SendNotificationsConfirmation
{
padding-left: 2em;
}
/*************************/
/* STARTPAGE */
/*************************/
#StageArea.StartPage
{
position: relative;
background-image: none;
width: 100%;
padding-bottom: 0;
overflow: hidden;
}
#StageArea.StartPage h1
{
font-family: Verdana, Helvetica, Sans-Serif;
line-height: 1.5em;
}
#StageArea.StartPage #ImageArea
{
position: relative;
clear: both;
}
#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(/Templates/Demo/Styles/Default/Images/FrontTextAreaBg.png) repeat-y;
}
#StageArea.StartPage #MainBodyArea, #StageArea.StartPage #SecondaryBodyArea
{
float: left;
width: 423px;
height: auto;
min-height: 0;
overflow: hidden;
background: url(/Templates/Demo/Styles/Default/Images/FrontBodyAreaBg.png) no-repeat;
}
#StageArea.StartPage #SecondaryBodyArea
{
margin-left: 14px;
}
#StageArea.StartPage #MainBody, #StageArea.StartPage #SecondaryBody
{
width: 343px;
border: 0;
min-height: 0;
height: auto;
padding: 20px 40px;
}
#StageArea.StartPage #LinksArea
{
width: 100%;
overflow: hidden;
}
#StageArea.StartPage #MainLinksArea, #StageArea.StartPage #SecondaryLinksArea
{
float: left;
width: 423px;
padding: 15px 0;
overflow: hidden;
background: White url(/Templates/Demo/Styles/Default/Images/frontLinksAreaBg.png) repeat-x;
}
#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;
margin-left: 200px;
list-style: url(/Templates/Demo/Styles/Default/Images/frontBullet.png);
list-style-type: none;
}
#StageArea.StartPage li
{
padding: 5px 0;
border-bottom: 2px dotted #f9a61a;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
/*************************/
/* PORTAL PAGE */
/*************************/
.ZoneConfigurePart
{
border: 1px solid #dcdcdc;
}
.zoneConfigurePartLink, .zoneConfigurePartLinkSelected
{
padding-left: 12px;
}
.zoneConfigurePartLinkSelected
{
background: url(/Templates/Demo/Styles/Default/Images/frontBullet.png) no-repeat 0 -5px;
}
.zoneConfigureTitle
{
font-size: 1.5em;
margin: 0.2em 0;
padding-top: 1em;
}
.zoneLeftArea, .zoneRightArea, .zoneFullArea
{
width: 325px;
float: left;
overflow: hidden;
}
.zoneLeftArea
{
margin-right: 15px;
}
.zoneFullArea
{
width: 675px;
}
.zoneSecondaryArea
{
float: left;
width: 215px;
margin-left: 15px;
overflow: hidden;
}
.zoneTitle
{
font-weight: bold;
font-family: Verdana, Helvetica, Sans-Serif;
}
.webPart, .webPartFull, .webPartSecondary
{
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyColumnBg.png) no-repeat;
margin-bottom: 15px;
border-collapse: separate;
}
.webPartFull
{
background: url(/Templates/Demo/Styles/Default/Images/PageMainBodyWideBg.png) no-repeat;
}
.webPartSecondary
{
background: url(/Templates/Demo/Styles/Default/Images/PageSecondaryBodyBg.png) no-repeat;
}
.webPartTitle
{
padding: 5px 10px;
font-family: Verdana, Helvetica, Sans-Serif;
border-bottom: 1px solid #dcdcdc;
}
.webPartContent
{
border: 1px solid #dcdcdc;
border-top: 0;
background-color: White;
}
/*************************/
/* LOGIN PAGE */
/*************************/
.loginArea
{
width: 100%;
}
.loginArea label
{
display: block;
line-height: 1em;
width: 35%;
}
.loginArea input
{
margin: 0.3em 0 1em 0;
}
/*************************/
/* REGISTER PAGE */
/*************************/
.registerArea
{
width: 100%;
}
.registerArea label
{
display: block;
line-height: 1em;
}
.registerArea input
{
margin: 0.3em 0 1em 0;
}
/*************************/
/* SUBSCRIPTION PAGE */
/*************************/
.subscriptionArea
{
width: 100%;
}
.subscriptionArea label.topLabel
{
display: block;
line-height: 1em;
}
.subscriptionArea input, .subscriptionArea select
{
margin: 0.3em 0 1.5em 0;
}
.subscriptionListArea input
{
margin: 0 0.3em 0 0;
}
.subscriptionListArea td
{
vertical-align: text-bottom;
padding: 0.3em 0;
}
/*************************/
/* SEARCH PAGE */
/*************************/
#ResultArea
{
padding-top: 2em;
}
#ResultArea ol
{
margin: 0;
padding-left: 2em;
}
#ResultArea li
{
margin: 0;
padding: 0;
}
input.searchText
{
width: 75%;
}
/*************************/
/* SITEMAP PAGE */
/*************************/
#SiteMap ul
{
margin: 0;
padding: 0.2em 0;
list-style-image: none;
}
#SiteMap ul ul
{
padding: 0;
margin-left: 0.5em;
}
#SiteMap li
{
margin: 0 0 0.5em 0;
padding: 0;
list-style: none;
font-size: 1.3em;
}
#SiteMap li a
{
text-decoration: none;
}
#SiteMap li li
{
margin: 0.2em 0;
padding-left: 1em;
background: url(/Templates/Demo/Styles/Default/Images/SiteMapBullet.png) no-repeat;
font-size: 0.7em;
}
#SiteMap li li a
{
text-decoration: underline;
}
#SiteMap li li li
{
font-size: 1em;
}
/*************************/
/* CALENDAR */
/*************************/
.calendar
{
width: 100%;
border-color: #e3e3e3;
font-family: Verdana, Helvetica, Sans-Serif;
}
.calendar .title
{
border-bottom: 1px solid #e3e3e3;
}
.calendar table, .calendar table td, .calendar .title td
{
padding-bottom: 3px;
border: 0;
}
.calendar th
{
padding: 3px;
text-align: center;
}
.calendar td
{
text-align: center;
border: 1px solid #eeeeee;
padding: 2px;
}
.calendar .selector
{
font-weight: bold;
border-top-width: 0;
border-bottom: 1px solid #eeeeee;
}
.calendar a
{
padding: 3px;
text-decoration: none;
}
.calendar .today
{
font-weight: bold;
background-color: #dddddd;
}
.calendar td.highlighted
{
background-color: #307DA0;
}
/* Calendar list */
.calendarList
{
margin: 10px 0;
}
.calendarList h1
{
font-size: 1em;
font-weight: bold;
}
.calendarList h2
{
margin: 10px 0px 6px 0px;
font-size: 1em;
border-bottom: 1px solid #e3e3e3;
}
.calendarListEventItem
{
width: 100%;
overflow: hidden;
}
.calendarListEventItem h1
{
margin: 0;
}
.calendarListEventItem .eventDate
{
float: right;
}
.calendarListEventItem .eventDateIcon
{
float: right;
background: url(/Templates/Demo/Styles/Default/Images/Clock.png) no-repeat;
width: 16px;
}
.calendarListEventItem .eventDateIconLeft
{
background: url(/Templates/Demo/Styles/Default/Images/Clock.png) no-repeat;
background-position: left;
padding-left: 18px;
float: right;
}
.calendarListEventItem .eventDateIconRight
{
background: url(/Templates/Demo/Styles/Default/Images/Clock.png) no-repeat;
float: right;
background-position: right;
padding-right: 18px;
}
/*************************/
/* WORKROOM */
/*************************/
.WorkroomLayout .GradientHeader
{
width:350px;
}
.WorkroomLayout #Center
{
padding-left:15px;
}
/* Classes used by NewsList and CalendarList */
.workroomItemlist, .workroomMembershiplist
{
clear: both;
overflow: hidden;
display: block;
}
.WYMeditor
{
display: block;
margin-bottom: 0.3em;
}
.workroomItemlist .containerContent
{
display: block;
padding: 3px;
}
.workroomItemlist ul
{
list-style-type: none;
list-style-image: none;
width: 98%;
overflow: hidden;
margin: 0;
padding: 0;
}
a.WRlistItem:link, a.WRlistItem:visited
{
color: #606060;
text-decoration: none;
border-bottom: dotted 1px #606060;
}
a.WRlistItem:hover
{
color: #000;
text-decoration: none;
border-bottom: none;
}
.workroomItemlist li
{
padding: 0.5em 0.5em 0.8em 0.7em;
display: block;
}
.workroomItemlist li.selected
{
border-left: 4px solid #F49E46;
}
.workroomItemlist li.even
{
background-color: #ebf0f3;
}
.workroomItemlist li.uneven
{
background: transparent;
}
.workroomItemlist h2
{
margin: 0;
font-family: Verdana, Helvetica, Sans-Serif;
font-size: 1em;
font-weight: normal;
}
.workroomItemlist h3
{
margin: 0;
font-size: 0.8em;
font-weight: normal;
line-height: 1.1em;
}
.workroomItemlist p
{
margin: 0;
}
.workroomItemlist .PagingContainer
{
text-align: center;
font-family: Verdana, Helvetica, Sans-Serif;
}
.newsBody
{
width: 32em;
}
.expanded h1, .expanded_over h1
{
background: url(/Templates/Demo/Styles/Default/Images/WRcommon/expanded_off.png) no-repeat center right;
}
.expanded_over h1, .collapsed_over h1
{
color: #f2811e;
cursor: pointer;
}
.collapsed h1, .collapsed_over h1
{
background: url(/Templates/Demo/Styles/Default/Images/WRcommon/collapsed_off.png) no-repeat center right;
cursor: pointer;
}
.sendInvitationError
{
padding-top: 0.3em;
color: #e99636;
}
/* File listing */
.workroomFilelist
{
}
.workroomFilelist .containerContent
{
display: block;
padding: 3px;
padding-top: 7px;
}
.workroomFilelist ul
{
list-style-type: none;
list-style-image: none;
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.workroomFilelist li
{
font-family: Verdana, Helvetica, Sans-Serif;
clear: both;
padding: 2px 5px 2px 7px;
overflow: hidden;
}
.workroomFilelist li.even
{
background: transparent;
}
.workroomFilelist li.uneven
{
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
background-color: #ebf0f3;
}
.workroomFilelist .document
{
float: left;
}
.workroomFilelist .date
{
font-size: 0.8em;
line-height: 2em;
float: right;
min-width: 9em;
}
/* Workroom listing page */
ul.workroomList
{
width: 100%;
overflow: hidden;
list-style-image: none;
list-style-type: none;
}
ul.workroomList li
{
display: block;
width: 205px;
margin-bottom: 1.5em;
float: left;
overflow: visible;
}
ul.workroomList li a
{
font-family: Verdana, Helvetica, Sans-Serif;
line-height: 1.2em;
}
ul.workroomList li img
{
width: 32px;
height: 32px;
border: 1px solid #e3e3e3;
background-color: White;
padding: 4px;
margin-right: 4px;
float: left;
}
ul.workroomList li span
{
display: block;
margin-top: 4px;
text-decoration: underline;
}
.createWorkroom label
{
display: block;
float: left;
width: 120px;
text-align: right;
margin-right: 10px;
line-height: 2em;
}
.createWorkroom input.name
{
width: 200px;
}
.createWorkroom div
{
margin-bottom: 1em;
}
.createWorkroom div.buttons
{
margin-left: 13em;
display: block;
}
.createWorkroom .templateDescription
{
display: block;
margin: 0.5em 0;
}
.createNews input.name
{
width: 200px;
}
.createNews div
{
margin-bottom: 1em;
}
/* Calendar */
.OutlookIcon
{
float:right;
margin-top:-12px;
}
.workroomCalendar
{
width: 100%;
border-color: #e3e3e3;
font-family: Verdana, Helvetica, Sans-Serif;
}
.workroomCalendar .title
{
border-bottom: 1px solid #e3e3e3;
}
.workroomCalendar table, .workroomCalendar table td, .workroomCalendar .title td
{
padding-bottom: 3px;
border: 0;
}
.workroomCalendar th
{
padding: 3px;
text-align: center;
}
.workroomCalendar td
{
text-align: center;
border: 1px solid #eeeeee;
padding: 2px;
}
.workroomCalendar .selector
{
font-weight: bold;
border-top-width: 0;
border-bottom: 1px solid #eeeeee;
}
.workroomCalendar a
{
padding: 3px;
text-decoration: none;
}
.workroomCalendar .today
{
font-weight: bold;
background-color: #dddddd;
}
.workroomCalendar td.highlighted
{
background-color: #307DA0;
}
/* Calendar list */
.workroomCalendarList
{
margin: 1em 0;
}
.workroomCalendarList h1
{
font-size: 1em;
font-weight: bold;
margin: 0.5em 0 0.5em 0;
}
.workroomCalendarList h2
{
margin: 10px 0px 6px 0px;
font-size: 1em;
border-bottom: 1px solid #e3e3e3;
}
.workroomCalendarList .calendarDateRow
{
display: block;
margin: 0 0 0.2em 0.5em;
}
.workroomCalendarList .calendarDateLabel
{
float: left;
display: block;
width: 4em;
font-weight: bold;
}
.workroomCalendarList .calendarDateValue
{
display: block;
}
/* Membership page */
.workroomMembershiplist table
{
font-family: Verdana, Helvetica, Sans-Serif;
width: 100%;
border: 1px solid #e3e3e3;
}
.workroomMembershiplist tbody
{
border-collapse: collapse;
display: block;
width: 100%;
overflow: hidden;
margin: 0;
padding: 0;
}
.workroomMembershiplist td.WRMembershipEmail
{
min-width: 24em;
}
.workroomMembershiplist td.WRMembershipRemove
{
width: 0.7em;
min-width: 0em;
}
.workroomMembershiplist th
{
background-color: #eeeeee;
font-weight: normal;
padding: 3px 5px;
}
.workroomMembershiplist td
{
padding: 3px 5px;
}
.workroomMembershiplist .buttonToolbar
{
margin-top: 1em;
}
.workroomMembershiplist .deleteButtonToolbar
{
margin-top: 1em;
}
.WorkroomLayout .containerContentText
{
/* width:340px;*/
}
.deleteColumnHeader
{
background-position: center;
background-image: url(/Templates/Demo/Styles/Default/Images/Managemembers/remove.png);
background-repeat: no-repeat;
}
.deleteMemberButton
{
border: 1px solid black;
color: White;
background: black url(/Templates/Demo/Styles/Default/Images/buttonBg.png) repeat-x;
}
.workroomMembershiplist .even
{
background: white;
}
.workroomMembershiplist .uneven
{
background: #fafafa;
}
.WRMembershipUsername
{
margin: 0;
font-weight: bold;
}
.WRMembershipStatus
{
margin: 0;
font-style: italic;
font-size: 0.82em;
}
a.WRMembershipEmailAddress
{
margin: 0;
padding: 0.5em 0;
}
/* User Profile Page*/
.displayPanelGroup
{
display: block;
}
.displayPanel
{
display: block;
line-height: 1.8em;
}
.displayPanelLabel
{
float: left;
width: 12em;
font-weight: bold;
}
.displayPanelValue
{
font-weight: normal;
max-width: 40em;
}
.displayPanelShow
{
float: inherit;
max-width: 40em;
}
.displayPanelCaution
{
font-weight: normal;
}
/*************************/
/* FORUMS */
/*************************/
.contentAreaFull
{
width: inherit;
}
.forumTable
{
width: 100%;
}
.forumTable th.title
{
width: 50%;
}
.forumTable th
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-weight: normal;
border-bottom: 1px solid #dcdcdc;
}
.forumTable th.replies, .forumTable td.replies
{
text-align: right;
}
.forumTable td.info
{
width: 20%;
}
.forumTable th
{
padding: 0 8px;
}
.forumTable a
{
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
.forumTable tr.even td, .forumTable tr.uneven td
{
padding: 4px 8px;
}
.forumTable tr.even td
{
background-color: #ebf0f3;
}
.forumTable tr.uneven td
{
}
.forumTable a:hover
{
background-color: Transparent;
}
.forumTable a.default
{
display: block;
background-image: url(/Templates/Demo/Styles/Default/Images/forum/default.png);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 8px 32px;
}
.forumTable a.information
{
display: block;
background-image: url(/Templates/Demo/Styles/Default/Images/forum/Information.png);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 8px 32px;
}
.forumTable a.auction
{
display: block;
background-image: url(/Templates/Demo/Styles/Default/Images/forum/Auction.png);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 8px 32px;
}
.forumTable a.bomb
{
display: block;
background-image: url(/Templates/Demo/Styles/Default/Images/forum/bomb.png);
background-repeat: no-repeat;
background-position: left center;
padding: 8px 0px 8px 32px;
}
.forumTable a.sticky
{
background-image: url(/Templates/Demo/Styles/Default/Images/forum/sticky.png);
background-repeat: no-repeat;
background-position: right center;
padding: 0px 24px 0px 0px;
}
.forumTable a.locked
{
background-image: url(/Templates/Demo/Styles/Default/Images/forum/lock.png);
background-repeat: no-repeat;
background-position: right center;
padding: 0px 24px 0px 0px;
}
.forumTable a.stickylocked
{
background-image: url(/Templates/Demo/Styles/Default/Images/forum/stickylocked.png);
background-repeat: no-repeat;
background-position: right center;
padding: 0px 40px 0px 0px;
}
.createForum label, .createThread label, .createReply label, .createWorkroom label
{
display: block;
float: left;
width: 180px;
text-align: right;
margin-right: 10px;
line-height: 2em;
}
.createThread label, .createWorkroom label
{
width: 120px;
}
.createReply label
{
width: 80px;
}
.createForum div, .createThread div, .createReply div, .createWorkroom div
{
margin-bottom: 0.8em;
}
.createForum input.title
{
width: 300px;
}
.createThread input.title, .createThread textarea, .createThread div.text, .createWorkroom input.title, .createWorkroom div.text
{
width: 68%;
}
.createThread div.buttons, .createWorkroom div.buttons
{
margin-left: 130px;
}
.createReply textarea
{
width: 460px;
}
.createForum div.buttons
{
padding-left: 190px;
text-align: left;
}
.createReply div.buttons
{
margin-left: 90px;
}
.replyList
{
list-style-image: none;
list-style-type: none;
margin: 0;
overflow: hidden;
}
.reply
{
margin: 0 0 10px 0;
padding: 10px 0;
overflow: hidden;
}
.reply .content
{
background-image: url(/Templates/Demo/Styles/Default/Images/forum/replyBg.png);
background-repeat: repeat-y;
background-position: 485px;
width: 100%;
overflow: hidden;
}
.reply .text
{
float: left;
/*width: 460px;*/
padding: 10px 15px;
overflow: hidden;
}
.reply .info
{
float: left;
width: 120px;
padding: 10px 15px;
overflow: hidden;
}
body.BlogLayout #Left,
body.BlogLayout #Right,
body.BlogLayout #SubMenu,
body.WorkroomLayout #Left,
body.WorkroomLayout #Right,
body.WorkroomLayout #SubMenu
{
width: 150px;
}
body.BlogLayout #Content,
body.WorkroomLayout #Content
{
background-image: none !important;
}
/*************************/
/* BLOG */
/*************************/
.bloggerThumbnail
{
float: left;
width: 75px;
padding: 7px;
border: 1px solid #dcdcdc;
background-color: White;
}
.bloggerImage
{
width: 150px;
padding: 10px;
border: 1px solid #dcdcdc;
background-color: White;
}
.blogItem
{
width: 100%;
overflow: hidden;
margin-bottom:10px;
}
.blogItem .textWide
{
width: 100%;
}
.blogItem .personalBlog h1
{
margin-top: 4px;
margin-bottom: 0px;
}
.blogItem .text
{
float: left;
margin-left: 15px;
width: 234px;
}
.blogItem h2
{
margin: 0 0 0.6em 0;
font-size: 1.1em;
font-style: italic;
}
.blogItem h2 a
{
font-family: Verdana, Helvetica, Sans-Serif;
font-style: normal;
}
/* Tag links */
.tags
{
overflow: hidden;
}
.tags h2
{
float: left;
font-style: normal;
}
.tags ul
{
margin: 0;
padding: 0;
overflow: hidden;
}
.tags li
{
font-family: Verdana, Helvetica, Sans-Serif;
list-style: none;
list-style-image: none;
float: left;
margin-left: 0.5em;
}
/* Tag cloud */
ul.tagCloud
{
margin: 0;
padding: 0;
}
ul.tagCloud li
{
display: inline;
list-style: none;
list-style-image: none;
margin: 0 0.4em 0 0;
vertical-align: baseline;
}
ul.tagCloud h1, ul.tagCloud h2, ul.tagCloud h3, ul.tagCloud h4, ul.tagCloud h5, ul.tagCloud h6
{
display: inline;
white-space: nowrap;
margin: 0;
padding: 0;
font-family: Verdana, Helvetica, Sans-Serif;
}
ul.tagCloud h1
{
font-size: 1.6em;
font-weight: 900;
}
ul.tagCloud h2
{
font-size: 1.3em;
font-weight: 700;
}
ul.tagCloud h3
{
font-size: 1.0em;
font-weight: 500;
}
ul.tagCloud h4
{
font-size: 0.9em;
font-weight: 400;
}
ul.tagCloud h5
{
font-size: 0.8em;
font-weight: 200;
}
ul.tagCloud h6
{
font-size: 0.7em;
font-weight: 100;
}
/* Date archive */
div.dateTree
{
font-family: Verdana, Helvetica, Sans-Serif;
margin: 0;
padding: 0;
overflow: hidden;
}
div.dateTree ul
{
padding: 0;
margin: 0;
}
div.dateTree ul ul
{
margin: 0 0 0 2em;
}
div.dateTree li
{
margin: 0;
padding: 0;
list-style: none;
list-style-image: none;
}
/* Comments */
ol.comments
{
margin-bottom: 1.5em;
padding-left: 2em;
margin: 0;
}
ol.comments ul
{
margin-left: 2.8em;
}
ol.comments li
{
margin-bottom: 1.8em;
background-color: #efefef;
padding-bottom: 0.2em;
}
ol.comments .footer
{
margin-top: 0.4em;
text-align: right;
}
ol.comments .footer h2
{
margin: 0.5em 0;
margin-top: 0.2em;
font-size: 1.1em;
font-style: italic;
}
ol.comments .footer a
{
font-family: Verdana, Helvetica, Sans-Serif;
font-style: normal;
}
ol.comments img, .newsBody img, .eventBody img, div.WRbody img, div.text img
{
padding: 0.5em;
background: #fff;
border: solid 1px #dcdcdc;
}
ol.comments img
{
max-width: 27.1em;
}
.newsBody img, div.WRbody img, div.text img
{
max-width: 31em;
}
.eventBody img
{
width: 22em;
}
* html ol.comments img, ol.comments p
{
width: expression(this.clientWidth > 217? "21.7em": "auto");
}
* html .newsBody img, div.WRbody img, div.text img, .newsBody p, div.WRbody p, div.text p
{
width: expression(this.clientWidth > 310? "31em": "auto");
}
* html .eventBody img, .eventBody p
{
width: expression(this.clientWidth > 220? "22em": "auto");
}
.WRnote
{
display: block;
margin: 1.5em 0;
padding-left: 0.5em;
color: #e99636;
}
/* Post comment */
fieldset.comment
{
}
fieldset.comment ul
{
/* Validation summary */
font-family: Verdana, Helvetica, Sans-Serif;
font-style: normal;
font-size: 0.8em;
background-color: #eeeeee;
margin: 1em 0;
padding: 1em;
}
fieldset.comment li
{
margin-left: 1.4em;
list-style-image: none;
margin-bottom: 0.7em;
padding: 0;
}
fieldset.comment label, fieldset.comment input, fieldset.comment textarea
{
display: block;
}
fieldset.comment input.textinput, fieldset.comment textarea
{
width: 325px;
margin-top: 0.2em;
margin-bottom: 0.5em;
}
fieldset.comment textarea
{
height: 140px;
}
/*************************/
/* CAPTCHA */
/*************************/
fieldset.captcha
{
margin-top: 1em;
padding: 0;
border: 0;
}
fieldset.captcha legend
{
display: none;
}
fieldset.captcha label
{
float: left;
margin-right: 0.5em;
margin-bottom: 0.7em;
width: 115px;
}
fieldset.captcha img
{
float: left;
margin-bottom: 0.7em;
padding-left: 0.5em;
}
fieldset.captcha input
{
clear: both;
width: 325px;
}
fieldset.captcha span
{
/* validator */
float: right;
}
/*************************/
/* MY SETTTINGS */
/*************************/
.mySettingsForm
{
margin-top: 1em;
width: 350px;
}
.mySettingsForm div
{
overflow: hidden;
margin-bottom: 0.4em;
}
.mySettingsForm div label
{
float: left;
clear: left;
}
.mySettingsForm div input
{
float: right;
width: 200px;
}
.mySettingsForm div.buttons input
{
float: left;
width: auto;
clear: both;
}
.mySettingsForm div div
{
float: right;
}
/*************************/
/* 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(/Templates/Demo/Styles/Default/Images/extensions/default.gif);
background-repeat: no-repeat;
line-height: 1.4em;
}
.folder
{
padding: 0 0 2px 20px;
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/folder.png);
background-repeat: no-repeat;
line-height: 1.4em;
}
.folderup
{
padding: 0 0 2px 20px;
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/folderup.png);
background-repeat: no-repeat;
line-height: 1.4em;
}
.bmpExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/bmp.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.docExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/doc.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.gifExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/gif.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.htmExtension, .htmlExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/htm.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.jpgExtension, .jpegExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/jpg.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.mp3Extension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/mp3.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.mpgExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/mpg.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.pdfExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/pdf.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.pngExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/png.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.pptExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/ppt.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.tifExtension, .tiffExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/tif.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.txtExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/txt.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.wavExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/wav.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.xlsExtension
{
background-image: url(/Templates/Demo/Styles/Default/Images/extensions/xls.gif);
background-repeat: no-repeat;
padding: 0 0 2px 20px;
line-height: 1.4em;
}
.zipExtension
{
background-image: url(/Templates/Demo/Styles/Default/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
{
padding-bottom: 0.2em;
list-style-type: 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;*/
padding:5px !important;
}
span.xformvalidator
{
color: Red;
}
.xForm input, .xForm .options
{
float: left;
}
.xForm fieldset
{
border: 1px solid #cdcdcd;
}
.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;
}
/*************************/
/* FOOTERAREA */
/*************************/
#FooterArea
{
overflow: hidden;
width: 100%;
clear: both;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
#Footer
{
}
#FooterArea ul
{
margin: 20px 0 10px 0;
padding: 0;
list-style-type: none;
float: right;
}
#FooterArea ul li
{
display: block;
float: left;
color: #6e6e72;
border-left: solid 1px #6e6e72;
padding: 0 0.8em;
font-size: 0.8em;
}
#FooterArea ul li.first
{
border: 0;
}
#FooterArea a
{
text-decoration: none;
color: #6e6e72;
}
#FooterArea a:hover
{
text-decoration: underline;
}
/**********************************/
/* 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 0em;
}
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(/Templates/Demo/Styles/Default/Images/filemanager/toolbarbg.png) no-repeat;
padding: 7px;
}
div.filemanagercontrol .toolbarbuttonarea
{
overflow: hidden;
width: 100%;
padding-bottom: 0.1em;
clear: both;
text-align: center;
}
div.filemanagercontrol .toolbarbuttonsectionleft, div.filemanagercontrol .toolbarbuttonsectionright
{
overflow: hidden;
float: left;
}
div.filemanagercontrol .toolbarbuttonsectionleft
{
padding-right: 0.3em;
margin-right: 0.3em;
border-right: dotted 1px #aaa;
}
div.filemanagercontrol .toolbarbuttonsectionright
{
padding-left: 0.3em;
margin-left: 0.3em;
border-left: dotted 1px #aaa;
}
div.filemanagercontrol .toolbarmessage
{
margin-left: 0.4em;
color: #ff6600;
}
div.filemanagercontrol .crumbs
{
color: #006ea0;
font-size: 0.9em;
background: url(/Templates/Demo/Styles/Default/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;
min-height: 400px;
overflow: hidden;
}
div.filemanagercontrol .body .leftpanel, div.filemanagercontrol .body .rightpanel
{
overflow: auto;
padding-top: 0.7em;
}
div.filemanagercontrol .body .leftpanel
{
float: left;
width: 23%;
border-right: 1px solid #DCDCDC;
}
div.filemanagercontrol .body .rightpanel
{
width: 100%;
}
div.filemanagercontrol a
{
text-decoration: none;
color: #3e3e3e;
border: 0;
}
div.filemanagercontrol .toolbar a
{
font-family: Helvetica, "Trebuchet MS" , Verdana, Arial, Sans-Serif;
text-decoration: none;
color: #3e3e3e;
border: 0;
min-width: 3.8em;
max-width: 5.2em;
}
* html div.filemanagercontrol .toolbar a
{
font-family: Helvetica, "Trebuchet MS" , Verdana, Arial, Sans-Serif;
text-decoration: none;
color: #3e3e3e;
border: 0;
width: 4.1em;
}
/* --------------- */
/* ToolBar BUTTONS */
/* --------------- */
div.filemanagercontrol .toolbar a[disabled="disabled"], div.filemanagercontrol .toolbar a:hover.addfile_dis, div.filemanagercontrol .toolbar a:hover.addfolder_dis, div.filemanagercontrol .toolbar a:hover.copy_dis, div.filemanagercontrol .toolbar a:hover.cut_dis, div.filemanagercontrol .toolbar a:hover.checkin_dis, div.filemanagercontrol .toolbar a:hover.checkout_dis, div.filemanagercontrol .toolbar a:hover.undocheckout_dis, div.filemanagercontrol .toolbar a:hover.delete_dis, div.filemanagercontrol .toolbar a:hover.details_dis, div.filemanagercontrol .toolbar a:hover.paste_dis, div.filemanagercontrol .toolbar a:hover.rename_dis, div.filemanagercontrol .toolbar a:hover.version_dis
{
color: #888;
text-decoration: none;
border: 0;
}
.toolbar a.addfile_dis, .toolbar a.addfolder_dis, .toolbar a.copy_dis, .toolbar a.cut_dis, .toolbar a.checkin_dis, .toolbar a.checkout_dis, .toolbar a.undocheckout_dis, .toolbar a.delete_dis, .toolbar a.details_dis, .toolbar a.paste_dis, .toolbar a.rename_dis, .toolbar a.version_dis
{
color: #888;
display: block;
float: left;
background-position: top center;
background-repeat: no-repeat;
font-size: 0.8em;
line-height: 1.6em;
text-align: center;
padding-top: 18px;
margin: 0 0.4em;
text-decoration: none;
border: 0;
}
div.filemanagercontrol a:hover
{
color: #000;
text-decoration: none;
border-bottom: dotted 1px #888;
background-color: transparent;
}
.toolbar a.addfile, .toolbar a.addfolder, .toolbar a.copy, .toolbar a.cut, .toolbar a.checkin, .toolbar a.checkout, .toolbar a.undocheckout, .toolbar a.delete, .toolbar a.details, .toolbar a.paste, .toolbar a.rename, .toolbar a.version
{
display: block;
float: left;
background-position: top center;
background-repeat: no-repeat;
font-size: 0.8em;
line-height: 1.6em;
text-align: center;
padding-top: 18px;
margin: 0 0.4em;
color: #000;
border: 0;
}
* html .toolbar a
{
letter-spacing: -0.1em;
}
div.filemanagercontrol .toolbar a:hover
{
color: #ff6600;
background-color: Transparent;
text-decoration: none;
border: 0;
}
div.filemanagercontrol a.addfile
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonaddfile_off.png);
}
div.filemanagercontrol a.addfolder
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonaddfolder_off.png);
}
div.filemanagercontrol a.copy
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncopy_off.png);
}
div.filemanagercontrol a.cut
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncut_off.png);
}
div.filemanagercontrol a.checkin
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncheckin_off.png);
}
div.filemanagercontrol a.checkout
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncheckout_off.png);
}
div.filemanagercontrol a.undocheckout
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonundocheckout_off.png);
}
div.filemanagercontrol a.delete
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttondelete_off.png);
}
div.filemanagercontrol a.details
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttondetails_off.png);
}
div.filemanagercontrol a.paste
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonpaste_off.png);
}
div.filemanagercontrol a.rename
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonrename_off.png);
}
div.filemanagercontrol a.view
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonview_off.png);
}
div.filemanagercontrol a.version
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonversion_off.png);
}
div.filemanagercontrol a:hover.addfile
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonaddfile_on.png);
}
div.filemanagercontrol a:hover.addfolder
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonaddfolder_on.png);
}
div.filemanagercontrol a:hover.copy
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncopy_on.png);
}
div.filemanagercontrol a:hover.cut
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncut_on.png);
}
div.filemanagercontrol a:hover.checkin
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncheckin_on.png);
}
div.filemanagercontrol a:hover.checkout
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncheckout_on.png);
}
div.filemanagercontrol a:hover.undocheckout
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonundocheckout_on.png);
}
div.filemanagercontrol a:hover.delete
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttondelete_on.png);
}
div.filemanagercontrol a:hover.details
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttondetails_on.png);
}
div.filemanagercontrol a:hover.paste
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonpaste_on.png);
}
div.filemanagercontrol a:hover.rename
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonrename_on.png);
}
div.filemanagercontrol a:hover.view
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonview_on.png);
}
div.filemanagercontrol a:hover.version
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonversion_on.png);
}
div.filemanagercontrol a.addfile_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonaddfile_dis.png);
}
div.filemanagercontrol a.addfolder_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonaddfolder_dis.png);
}
div.filemanagercontrol a.copy_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncopy_dis.png);
}
div.filemanagercontrol a.cut_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncut_dis.png);
}
div.filemanagercontrol a.checkin_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncheckin_dis.png);
}
div.filemanagercontrol a.checkout_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttoncheckout_dis.png);
}
div.filemanagercontrol a.undocheckout_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonundocheckout_dis.png);
}
div.filemanagercontrol a.delete_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttondelete_dis.png);
}
div.filemanagercontrol a.details_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttondetails_dis.png);
}
div.filemanagercontrol a.paste_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonpaste_dis.png);
}
div.filemanagercontrol a.rename_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonrename_dis.png);
}
div.filemanagercontrol a.view_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonview_dis.png);
}
div.filemanagercontrol a.version_dis
{
background-image: url(/Templates/Demo/Styles/Default/Images/filemanager/buttonversion_dis.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(/Templates/Demo/Styles/Default/Images/filemanager/folder.png);
background-repeat: no-repeat;
padding-left: 1.7em;
}
div.filemanagercontrol ul.folderlist li.parent
{
background-image: url(/Templates/Demo/Styles/Default/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: #eee;
}
div.filemanagercontrol .fileList th
{
border-bottom: 1px solid #DCDCDC;
padding: 0 1em 0.3em 1em;
}
div.filemanagercontrol .fileList th a, div.filemanagercontrol .crumbs a
{
border-bottom: dotted 1px #888;
}
div.filemanagercontrol .fileList th a:hover, div.filemanagercontrol .crumbs a:hover
{
border-bottom: none;
}
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 .editfilesummary p
{
padding-left: 20.3em;
}
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: 20em;
}
div.filemanagercontrol fieldset.editfilesummary a
{
cursor: text;
text-decoration: none;
color: #606060;
}
div.filemanagercontrol fieldset.editfilesummary a:hover
{
background: none;
}
.sort
{
padding: 0 0 2px 14px;
line-height: 1.2em;
}
.Ascending
{
background-image: url(/Templates/Demo/Styles/Default/Images/Filemanager/ascending.png);
background-repeat: no-repeat;
background-position: left;
padding: 0 0 2px 14px;
line-height: 1.2em;
}
.Descending
{
background-image: url(/Templates/Demo/Styles/Default/Images/Filemanager/descending.png);
background-repeat: no-repeat;
background-position: left;
padding: 0 0 2px 14px;
line-height: 1.2em;
}
.articlePageBody ol
{
padding:5px 0 5px 15px;
}
.articlePageBody ul
{
padding:5px 0 5px 15px;
}
.articlePageBody ol li
{
list-style-type: decimal;
list-style-position: inside;
}
.articlePageBody ul li
{
list-style-type: disc;
list-style-position: inside;
margin-left:6px;
}
/* DEMO Templates end*/