/************************/
/* GLOBAL               */
/************************/
/************************/
/* 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(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         */
/************************/

#MainMenuArea 
{
	position: relative;
	width: 860px;
	margin: 0;
	padding: 0;
	background: url(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(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(images/MainMenuDivider.png) no-repeat right top;
	white-space: nowrap;
}

#MainMenuArea li.selected {
	background: url(images/MainMenuSelectedBg.png) no-repeat right top; 
}

#MainMenuArea li.selected a {
	display: block;
	padding: 5px 15px;
	background: url(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(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(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(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
{
    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;
}

/* IE 6 doesn't understand the > selector and ignores it */
html>body #MainContentArea {height: auto;}

#MainBodyArea
{
    width: 435px;
	float: left;
	overflow: hidden;
	background: url(images/PageMainBodyBg.png) no-repeat;
}

#MainBodyWideArea, .mainBodyWideArea
{
    width: 665px;
	float: left;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(images/PageMainBodyWideBg.png) no-repeat;
}

#MainBodyNarrowArea, .mainBodyNarrowArea
{
    width: 325px;
	overflow: hidden;
	margin-bottom: 15px;
	background: url(images/PageMainBodyColumnBg.png) no-repeat;
}

#MainBodyArea #MainBody, #MainBodyWideArea #MainBody,
#MainBodyNarrowArea #MainBody
{	
    width: 368px;
    margin-top: 2px;
	padding: 16px 40px 15px 25px;
	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;
	margin-left: 15px;
	float: left;
	background: url(images/PageSecondaryBodyBg.png) no-repeat;
}

#SecondaryBodyArea #SecondaryBody
{
	padding: 10px 20px 20px 20px;
	margin-top: 8px;
	min-height: 200px;
	border: 1px solid #dcdcdc;
	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;
    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(images/FrontTextAreaBg.png) repeat-y;
}

#StageArea.StartPage #MainBodyArea, #StageArea.StartPage #SecondaryBodyArea
{
	float: left;
	width: 423px;
	height: auto;
	min-height: 0;
	overflow: hidden;
	background: url(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(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(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(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(images/PageMainBodyColumnBg.png) no-repeat;
    margin-bottom: 15px;
    border-collapse: separate;
}

.webPartFull 
{
    background: url(images/PageMainBodyWideBg.png) no-repeat;
}

.webPartSecondary 
{
    background: url(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(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-left: 10px;
}
.calendarListEventItem .eventDate
{
	float: right;
}
.calendarListEventItem .eventDateIcon
{
	float: right;
	background: url(images/Clock.png) no-repeat;
	width: 16px;
}
.calendarListEventItem .eventDateIconLeft
{
	background: url(images/Clock.png) no-repeat;
	background-position: left;
	padding-left: 18px;
	float: right;
}
.calendarListEventItem .eventDateIconRight
{
	background: url(images/Clock.png) no-repeat;
	float: right;
	background-position: right;
	padding-right: 18px;
}

/*************************/
/* WORKROOM              */
/*************************/

/* Classes used by NewsList and CalendarList */
.workroomItemlist
{
}

.workroomItemlist .containerContent
{
	padding: 3px;
}

.workroomItemlist ul
{
	list-style-type:none;
	list-style-image: none;
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

.workroomItemlist li
{
	padding: 5px 5px 8px 7px;
}

.workroomItemlist li.selected
{
	
	 border-left: 4px solid #F49E46;
}

.workroomItemlist li.even
{
	background-color: #ebf0f3;	
}

.workroomItemlist li.uneven
{
}

.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;
}

/* File listing */
.workroomFilelist
{
}

.workroomFilelist .containerContent
{
	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
{
	
}

.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;
}

/* 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, .createWorkroom .templateDescription
{
    margin-left: 130px;
    display: block;
}

.createNews input.name
{
   width: 200px;
}

.createNews div
{
    margin-bottom: 1em;
}

/* Calendar */
.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: 10px 0;	
}
.workroomCalendarList h1
{
	font-size: 1em;
	font-weight: bold;
}
.workroomCalendarList h2
{
	margin: 10px 0px 6px 0px;
	font-size: 1em;
	border-bottom: 1px solid #e3e3e3;
}

/* Membership page */
.workroomMembershiplist table 
{
    font-family: Verdana, Helvetica, Sans-Serif;
    width: 100%;
    border: 1px solid #e3e3e3;
}

.workroomMembershiplist th 
{
    background-color: #eeeeee;
    font-weight: normal;
    padding: 3px 5px;
}

.workroomMembershiplist td 
{
    padding: 3px 5px;
}

.workroomMembershiplist .buttonToolbar
{
    margin-top: 1em;
}

/*************************/
/* FORUMS                */
/*************************/

.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(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(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(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(images/forum/bomb.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.sticky
{
    background-image: url(images/forum/sticky.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.locked
{
    background-image: url(images/forum/lock.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.stickylocked
{
    background-image: url(images/forum/stickylocked.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 40px 0px 0px;
}

.createForum label, .createThread label, .createReply label
{
    display: block;
    float: left;
    width: 180px;
    text-align: right;
    margin-right:10px;
    line-height: 2em;
}

.createThread label 
{
    width: 120px;
}

.createReply label
{
    width: 80px;
}

.createForum div, .createThread div, .createReply div
{
    margin-bottom: 0.8em;
}

.createForum input.title
{
   width: 300px;
}

.createThread input.title, .createThread textarea
{
   width: 400px;
}

.createReply textarea
{
    width: 460px;
}

.createForum div.buttons
{
    margin-left: 190px;
}

.createThread div.buttons 
{
    margin-left: 130px;
}

.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(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;
}


/*************************/
/* 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: 260px;
}

.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 li
{
	margin-bottom: 1.8em;
}
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;
}

/* 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
{
	width: 360px;
}
.mySettingsForm div
{
	overflow: hidden;
	margin-bottom: 0.4em;
}
.mySettingsForm div label
{
	float: left;
}
.mySettingsForm div input
{
	float: right;
	width: 200px;
}
.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(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
{
    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;
}

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 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;
}