﻿body { margin:0; font-family: Trebuchet MS; line-height:auto; text-align:center; background:#f3f3f3 url(/UI/IMG/body_bg.gif) 0 0 repeat-x; }
body.campaign { background:#7e95a6 url(/UI/IMG/campaign_body_bg.gif) 0 0 repeat-x; }

a { text-decoration:none; color:#547188; }
a:hover { text-decoration:underline; }

a.arrow { background:url(/UI/IMG/icons/arrow_blue.gif) 0 2px no-repeat; padding:0 0 0 17px; position:relative; }

h1,h2,h3 { font-size:1.4em; margin:0; color:#333; padding:0 0 0.2em 0; position:relative; }
h2 { font-size:1.2em; }
h3 { font-size:1em; }

.loginField, textarea { font-family:Trebuchet MS; border:1px solid #6b6b6b; }
.box { overflow:hidden; }

input.loginField { font-size:0.85em; width:132px; }
input.tellfield { width:150px; }
input.defaulttext { font-style:italic; color:#999; }
textarea.tellmessage { overflow:hidden; width:330px; }

p { margin:0; padding:0 0 10px 0; overflow:hidden; }

img { border:none; }

.clear { clear:both; }

.left { float:left; }
.right { float:right; }


/* Copied from Editor.css - start */
h1, .heading1 { font-size: 1.4em; line-height: 1.4em; padding: 0; margin: 0.2em 0; }
h2, .heading2 { font-size: 1.2em; padding: 0; margin: 0.2em 0em; }
h3, .heading3 { font-size: 1em; padding: 0; margin: 0.4em 0em; }
.introduction { margin:0 0 20px 0; font-size:1em; font-weight:bold; color:#333; }
/* Copied from Editor.css - end */


img.float-left { float: left; margin-right:10px; }
img.float-right { float: right; margin-left:10px; }

.readmore { text-align:right; }
.archivelink { margin-top:5px; font-size:0.8em; text-align:right; }

.introduction { margin:0 0 20px 0; font-size:0.8em; font-weight:bold; color:#333; position:relative; }
.text .introduction { font-size:1em; }
table#id_matrix,
.text { font-size:0.8em; color:#000; position:relative; }
.error { font-size:0.9em; color:red; background-color:#fff; display:block; }
#QuickLogin .messages .error { color:#fff; background-color:Transparent; }

.xForm	{ overflow:hidden; }

#EventInformation ul,
.text ul { margin:20px; }
.text ol { margin:22px; }

fieldset.login { border:none; }
fieldset.login input.login { display:block; font-family:Trebuchet MS; border:1px solid #6b6b6b; width:132px; }
fieldset.login .buttonArea { margin:10px 0; }

.Add,
.Delete,
.Edit,
.ViewEvent { background-image:url(/UI/IMG/icons/add.gif); background-position: 0 0; background-repeat: no-repeat; padding:0 0 0 18px; }

.Delete  { background-image:url(/UI/IMG/icons/delete.gif); }
.Edit { background-image:url(/UI/IMG/icons/edit.gif); }
.ViewEvent { background-image:url(/UI/IMG/icons/viewmode.gif); }

.small,
.Add,
.Delete,
.Edit,
.ViewEvent { font-size:11px; }

.memberinfo { display:block; margin:20px 0; }

table#EventTimes { font-size:1em; width:100%; }
table#EventTimes tr td { width:60%; vertical-align:top; padding:2px; }
table#EventTimes tr td.link { width:15%; }
table#EventTimes tr td.info { width:25%; }
table#EventTimes tr td.even { background-color:#e8ebed; }

.ajaxloader { position:absolute; margin:-15px 0 0 76px; }

ul#Tools { height:20px; margin:5px 0 10px 0; padding:0; font-family:Tahoma; font-size:0.7em; }
ul#Tools li { float:left; list-style-type: none; padding:3px 0; }
ul#Tools li.addshortcut,
ul#Tools li.print,
ul#Tools li.share,
ul#Tools li.tip { float:right; background:url(/UI/IMG/icons/tip.gif) 0 50% no-repeat; padding-left:21px; }
ul#Tools li.print { float:right; background-image:url(/UI/IMG/icons/print.gif); margin-left:19px; padding-left:19px; }
ul#Tools li.share { float:right; background-image:url(/UI/IMG/icons/share.gif); margin-right:19px; padding-left:19px; }
ul#Tools li.addshortcut { float:right; background:url(/UI/IMG/icons/addshortcut.gif) 0 50% no-repeat; margin-right:19px; padding-left:20px; }

#Wrapper { width:1003px; margin:0 auto; text-align:left; background:url(/UI/IMG/document_bg.png) 0 0 repeat-y; }
#Wrapper .padding { padding:0 6px; }
#WrapperFoot { width:1003px; margin:0 auto; background:url(/UI/IMG/document_bottom_bg.png) -1px 0 no-repeat; height:9px; }

#CampaignWrapper { width:946px; margin:0 auto; margin-top:22px; text-align:left; }

#Document { width:991px; background-color:#fff; position:relative; overflow:hidden; }
#Head { background:url(/UI/IMG/head_bg.gif) 0 0 no-repeat; height:118px; padding:0 20px; }
#Logo { float:left; padding:13px 0 0 17px; background-image:url(/UI/IMG/fhplogo.gif); background-position: 17px 13px; background-repeat: no-repeat; }

#QuickLogin	{ float:right; font-size:13px; }
#QuickLogin .messages	{ margin-left:16px; height:34px; }
#QuickLogin .left	{ padding-left:16px; color:#fff; }

#Logout	{ float:right; margin:51px 0 4px 0; }
#Logout a { background-image:url(/UI/IMG/buttons/logga_ut.png); background-position:0 0; background-repeat:no-repeat; }
#Logout .message { float:right; margin-right:20px; color:#fff; padding-top:1px; }
#Logout .button { float:right; }

#Grid { padding:0 20px 0 15px; margin-bottom:20px; }

#LeftContent { float:left; width:207px; margin:8px 0 0 0; }

#StartPageContent { float:left; width:705px; }
#WideContent { float:left; width:705px; }
#MidRightContent { float:left; width:749px; }
#CampaignContent { float:left; width:695px; margin:8px 0 0 0; }
#Content { float:left; width:498px; }
#RightContent { float:left; width:251px; margin:8px 0 0 0; }

#Content .padding,
#MidRightContent .padding { padding:0 10px; }
#CampaignContent .padding { padding:0 21px 0 0; }

.frame .body .padding .newsletterArea
{
	font-size:13px;	
	background-color: #F2EFE8;
	padding:15px;
	margin-bottom:10px;
}
.frame .body .padding .newsletterArea input[type="checkbox"]
{
	padding-bottom:8px;
}
.frame .body .padding .newsletterArea input[type="text"]
{
	float:left;
	margin-right:5px;
	margin-top:5px;
}
.frame .body .padding .newsletterArea input[type="image"]
{
	margin-top:3px;
}

#Foot { background:#f2efe8 url(/UI/IMG/foot_bg.gif) 0 0 repeat-x; font-size:13px; color:#666; text-align:center; }

#Foot ul { font-size:12px; padding:20px 0 5px 0; }
#Foot ul li { padding:0 6px; display:inline; list-style-type:none; }

#CampaignWrapper #Foot { background:none; color:#ccc; }
#CampaignWrapper #Foot ul { padding:0; }
#CampaignWrapper #Foot a { color:#fff; }

#Experience { width:693px; }
#Content #Experience { width:498px; }
#NewsEvent { width:693px; }
#Tell { width:478px; margin:0 auto; text-align:left; }

#Experience .slide { margin:0; padding:0; overflow:hidden; }
#Experience .slide img { display:block; }

#Experience .top,
#NewsEvent .top { background:url(/UI/IMG/wide_shade_top.gif) 0 0 no-repeat; padding-top:8px; }
#Experience .body,
#NewsEvent .body { background:url(/UI/IMG/wide_shade_body.gif) 0 0 repeat-y; padding:0 9px; }
#Experience .body .padding,
#NewsEvent .body .padding { padding:3px; border:1px solid #818181; overflow:hidden; }
#Experience .bottom,
#NewsEvent .bottom { background:url(/UI/IMG/wide_shade_bottom.gif) 0 0 no-repeat; padding-top:8px; }

#Content #Experience .padding { padding:8px 8px 3px 8px; }

.frame {}
.frame .top { background:url(/UI/IMG/shade_top.gif) 0 0 no-repeat; padding-top:8px; }
.frame .body { background:url(/UI/IMG/shade_body.gif) 0 0 repeat-y; padding:0 9px; }
.frame .body .padding { padding:28px 24px!important; background:url(/UI/IMG/content_frame_bg.gif) 0 0 no-repeat; border:1px solid #d6d6d6; }
.frame .bottom { background:url(/UI/IMG/shade_bottom.gif) 0 0 no-repeat; padding-top:8px; }

.membereventeditor { font-size:0.8em; }
.membereventeditor textarea { width:400px; height:160px; }
.membereventeditor .label { padding-top:20px; margin:20px 0 0 0; border-top:1px dotted #ccc; }

.membereventeditorlist .label.title { font-size: 18px; font-weight: bold; }
.membereventeditorlist span.occurance { width:250px; }
.membereventeditorlist span.links { display:inline-block; width:190px; }
.membereventeditorlist .occurances { padding-bottom: 5px; }
.membereventeditorlist .occurances .title { font-size: 12px; }

.eventImageRadioButtonList { padding:4px; width:400px; }
.eventImageRadioButtonList input { margin:0 10px 10px 0; }
.eventImageRadioButtonList label { margin-right:20px; }

#Tell .frame .body .padding { height:254px; }

#WideContent .frame { width:693px; }
#WideContent .top { background-image:url(/UI/IMG/wide_shade_top.gif); }
#WideContent .body { background-image:url(/UI/IMG/wide_shade_body.gif); }
#WideContent .bottom { background-image:url(/UI/IMG/wide_shade_bottom.gif); }

#eventmap .top { background-image:url(/UI/IMG/full_width_shade_top.gif); padding-top:8px; }
#eventmap .body { background-image:url(/UI/IMG/full_width_shade_body.gif); padding:0 9px; }
#eventmap .body .padding { padding:3px; background:url(/UI/IMG/content_frame_bg.gif) 0 0 no-repeat; border:1px solid #dcdcdc; }
#eventmap .bottom { background-image:url(/UI/IMG/full_width_shade_bottom.gif); padding-top:8px; }

#NewsEvent .body .padding .background { background:url(/UI/IMG/news_event_list_bg.gif) 0 0 repeat-y; padding-bottom:1px; }

#NewsList,
#EventSearchList { float:left; width:340px; }

#NewsList h1,
#EventSearchList h1 { color:#fff; }
#EventSearchList h1 { color:#b6a98e; }
#EventList h1{ color:#999; }

#NewsList { background:#e7ebef url(/UI/IMG/newslist_bg.gif) 0 0 no-repeat; }
#EventSearchList { width:324px; background:#f8f8f8 url(/UI/IMG/eventsearchlist_bg.gif) 0 0 repeat-x; margin-left:3px; }

#PromotorPush,
#EventSearch { padding:15px 25px 15px 25px; overflow:hidden; }
#PromotorPush { background-position:0 0; background-repeat:no-repeat; font-size:0.9em; border-top:3px solid #fff; }
#PromotorPush h1 { color:#9a9a9a; font-size:1.5em; }
#EventSearch h1 { margin-bottom:15px; }
#EventList { border-top:3px solid #fff; }
#EventSearchMap { position:relative; float:right; top:7px; right:7px; }

#EventSearch select { display:block; width:166px; margin-bottom:12px; }

#FAQForm { font-weight:bold; margin:0 0 10px 0; font-size:0.9em; font-weight:bold; }
#FAQForm .box { width:400px; height:90px; display:block; margin:5px 0 8px 0; }

#FAQFilter { border-top:1px solid #e7ebef; padding:15px 0; margin-bottom:20px; }

#NewsList h1 { padding:0; }
#NewsList .padding { padding:14px 23px!important; border:none!important; }
.modulelist .item,
#List .item,
#NewsList .padding .item { font-size:0.9em; border-bottom:1px dotted #b9bcbf; padding:16px 0; }
.modulelist .item { padding:6px 0; }
.modulelist .item h1,
#List .item h1,
#NewsList .padding .item h1 { font-size:1em; }
.modulelist .item .date,
#List .item .date,
#NewsList .padding .item .date { color:#999; font-size:0.85em; }
.modulelist .item .text,
#List .item .text,
#NewsList .padding .item .text { color:#333; font-size:0.8em; }
#NewsList .padding .first { padding:12px 0 16px 0!important; }
#NewsList .padding .item img { float:right; margin-top:3px; padding: 0 0 10px 10px; }

#List .item { border-bottom-style:solid; }
#List .item h1 { font-size:1.2em; padding:0; }
#List .item .date { color:#616161; }
#List .item .text { font-weight:bold; }

#ListFilter select
{
	font-size:11px;
    border:1px solid #d6d6d6;
    padding:2px 3px 2px 0;
	width:170px;
    margin-right:10px;
    font-size:11px;
    float:left;
}

#FAQList .item { font-size:0.9em; border-bottom:1px solid #e7ebef; padding:0 0 5px 0; margin:0 0 5px 0; }
#FAQList .item h4 { padding:0; font-size:0.9em; }

#EventList .padding { padding:14px 23px!important; border:none!important; }
#EventList .padding .item { font-size:0.9em; padding:5px 0 5px 35px; background-repeat:no-repeat; background-position:0 6px; }
#EventList .padding .item h1 { font-size:1em; }
#EventList .padding .item .date { color:#999; font-size:0.85em; }

#EventList .padding .music
{
    background-image:url(/UI/IMG/Eventmap/event-icons/music/search-result.gif);
}

#EventList .padding .sport
{
    background-image:url(/UI/IMG/Eventmap/event-icons/sport/search-result.gif);
}

#EventList .padding .art
{
    background-image:url(/UI/IMG/Eventmap/event-icons/art/search-result.gif);
}

#EventList .padding .festival
{
    background-image:url(/UI/IMG/Eventmap/event-icons/festival/search-result.gif);
}

#EventList .padding .theatre
{
    background-image:url(/UI/IMG/Eventmap/event-icons/theatre/search-result.gif);
}

#EventList .padding .other
{
    background-image:url(/UI/IMG/Eventmap/event-icons/other/search-result.gif);
}

#EventList .padding .movie
{
    background-image:url(/UI/IMG/Eventmap/event-icons/movie/search-result.gif);
}

#EventList .padding .debate
{
    background-image:url(/UI/IMG/Eventmap/event-icons/debate/search-result.gif);
}

#EventList .padding .dance
{
    background-image:url(/UI/IMG/Eventmap/event-icons/dance/search-result.gif);
}

#EventList .padding .concert
{
    background-image:url(/UI/IMG/Eventmap/event-icons/concert/search-result.gif);
}
#EventList .padding .childrenstheatre
{
    background-image:url(/UI/IMG/Eventmap/event-icons/childrenstheatre/search-result.gif);
}
#EventList .padding .opera
{
    background-image:url(/UI/IMG/Eventmap/event-icons/opera/search-result.gif);
}
#EventList .padding .member
{
    background-image:url(/UI/IMG/Eventmap/event-icons/member/search-result.gif);
}


#EventInformation { padding:10px 12px 10px 0; }

#EventInformation .content { padding:10px 0 10px 0; }
#EventInformation .content .pad { padding:0 50px 0 20px; display:block; }
#EventInformation .content span { font-size:0.8em; }
#EventInformation .content span p { overflow:hidden; }
#EventInformation .content .introduction { font-size:1em; }

#EventInformation #comments {
	float: left;
	width: 490px;
}

#EventInformation .score {
	float: right;
}

#EventInformation #comments .rate {
	float: right !important;
}

#EventInformation #comments {
	display: block;
}

h1 .rate { float: left; }

h1 .userRated { float: right !important; }
h1 .rate { float: right !important; width: 80px; }
h1 .userRated small { font-size: 10px; margin-top: -8px; }

#Updated { font-size:0.75em; padding:10px 0; border-top:1px solid #ccc; color:#999; }

#EventListFiltersForm {}
#EventListFiltersForm select { font-size:11px; width:133px; padding:2px; margin-bottom:5px; }
#EventListFiltersForm input.searchEvents { float:left; width:220px; font-size:11px; padding:2px; color:#999; }
#EventListFiltersForm .button { float:right; margin-top:-2px; }
#EventListFiltersForm .helplink { float:left; background:url(/UI/IMG/icons/help.gif) 0 1px no-repeat; padding:0 0 0 17px; margin:1px 0 0 6px; font-size:11px; }
#FilterEventListHelp { display:none; padding:4px; border:1px solid #899eb7; margin-top:10px; font-size:0.8em; }

#FilteredEventList { border-bottom:1px solid #d6d6d6; padding-bottom:10px; }
#FilteredEventList .item {}
#FilteredEventList .item .eventName,
#FilteredEventList .expanded h4 .eventName { background-image:url(/UI/IMG/icons/collapsed.gif); background-position: 0 6px; background-repeat: no-repeat; padding:0 0 0 15px; position:relative; }
#FilteredEventList .expanded h4 .eventName { background-image:url(/UI/IMG/icons/expanded.gif); }
#FilteredEventList .item .innerlist { font-size:0.75em; display:none; border-top:1px solid #d6d6d6; border-bottom:1px solid #d6d6d6; margin:5px 0; }
#FilteredEventList .item .innerlist .inneritem { background-color:#e8ebed; padding:3px; }
#FilteredEventList .item .innerlist .alternate { background-color:#fff; }

#FilteredEventList .item .innerlist .inneritem .location,
#FilteredEventList .item .innerlist .inneritem .ticketlink,
#FilteredEventList .item .innerlist .inneritem .ticketinfo { float:left; overflow:hidden; }
#FilteredEventList .item .innerlist .inneritem .ticketinfo { float:right; }
#FilteredEventList .item .innerlist .inneritem .location { width:252px; }
#FilteredEventList .item .innerlist .inneritem .ticketlink { width:60px; display:block; }
#FilteredEventList .item .innerlist .inneritem .ticketinfo { width:92px; }

/* Tabs */
#Tabs { margin-top:4px; float:right; }
#Tabs ul { margin: 0; padding: 0; white-space: nowrap; font-size:13px; font-weight:bold; }
#Tabs ul li { padding:5px 1px 13px 0; margin:0!important; float:left; list-style-type: none; background: url(/UI/IMG/tab_right.gif) no-repeat 100% 0; }
#Tabs ul li.selected { background: url(/UI/IMG/tab_active_right.gif) no-repeat 100% 0; }
#Tabs ul li a { padding:5px 12px 11px 14px; color:#46667f; background: url(/UI/IMG/tab_left.gif) no-repeat 0 0; }
#Tabs ul li a.current { color:#000; background: url(/UI/IMG/tab_active_left.gif) no-repeat 0 0; }
/* /Tabs */

/* EventTabs */
#EventTabs { background:url(/UI/IMG/eventtabs_bg.gif) 0 100% repeat-x; }
#EventTabs ul { margin: 0; padding: 0; white-space: nowrap; font-size:11px; font-weight:bold; }
#EventTabs ul li { padding:6px 1px 13px 0; margin:0!important; float:left; list-style-type: none; background: url(/UI/IMG/tab_event_right.gif) no-repeat 100% 0; }
#EventTabs ul li.selected { background: url(/UI/IMG/tab_event_active_right.gif) no-repeat 100% 0; }
#EventTabs ul li a { padding: 6px 4px 11px 6px; color:#46667f; background: url(/UI/IMG/tab_event_left.gif) no-repeat 0 0; }
#EventTabs ul li a.current { color:#000; background: url(/UI/IMG/tab_event_active_left.gif) no-repeat 0 0; }
/* /EventTabs */

/* SubMenu */
#SubMenu {}
#SubMenu ul { margin: 0; padding: 0; white-space: nowrap; font-size:13px; font-weight:bold; text-align:center; }
#SubMenu ul li { padding:0 13px 0 16px; display:inline; list-style-type:none; background:url(/UI/IMG/submenu_li.gif) 0 0 no-repeat; }
#SubMenu ul li.first { background-image:none; }
#SubMenu ul li a.current { color:#000; }
/* /SubMenu */

/* LeftMenu */
#LeftMenu {}
#LeftMenu ul { margin: 0; padding: 0; font-size:13px; font-weight:bold; margin-bottom:1px; }
#LeftMenu ul li { list-style-type:none; background:#d7d0c0 url(/UI/IMG/leftmenu_level1_top_bg.gif) 0 0 no-repeat; }
#LeftMenu ul li a { color:#666; padding: 5px 0 4px 20px; display:block; background:url(/UI/IMG/leftmenu_level1_bottom_bg.gif) 0 100% no-repeat; }
#LeftMenu a.current { font-weight:bold; }

#LeftMenu ul ul { background-color:#f2efe8; font-size:12px; font-weight:normal; }
#LeftMenu ul ul li { background:none; }
#LeftMenu ul ul li a { color:#333; padding-left:20px; background:none; }
#LeftMenu ul ul ul { padding-left:20px;}
/* /SubMenu */

/* Modules */
.module { margin:0 0 10px 0; padding:0; font-size:0.75em; }
.module h1 { font-size:1.1em; color:#000; padding:0; }
.border { border:1px solid #c5c5c5; padding:4px; }

.module .list { margin:5px 0 0 0; }
.module .list .item { margin:0 0 5px 0; overflow:hidden; }

.module-list { width:420px; } /* This is how we cheat FF. We give the inner element a greater width. */
.module-list .border { padding:0!important; }
.module-list .module { width:128px; float:left; margin:0 10px 10px 0; }
.module-list .module .padding { padding:6px!important; border:none!important; background:none!important; font-weight:bold; font-size:1.1em; }

div.col2,
div.col3 {
	width:268px!important;
}
div.col3 { width:408px!important; }

.module-list .module .padding p,
.module-list .module .padding .pushimg,
div.col2 p,
div.col3 p { padding:0 0 5px 0; display:block; }
/* /Modules */

/* Gallery */
.gallery { margin:20px 0; }
.gallery .list {}
.gallery .list .text { margin-bottom:6px;}
.gallery .list .item { float:left; padding:5px; margin:0 5px 0 0; border:1px solid #ccc; }
.gallery .list .clear { height:5px; }

/* Pager */
.pager { font-size:0.9em; margin-top:10px; }
.pager ul { margin:0; padding:0; }
.pager ul li { display:inline; list-style-type:none; margin-right:6px; }
/* /Pager */

.top10events h3 { float: left; }

.top10events span {
	float: right;
	right: 0;
}

.padding-bottom-10 {
	padding-bottom: 10px;
}

div.red, span.red {color: Red;}

select.time {width: 45px; height: 18px;}

table.genretable td {width: 50%;}

/*************************/
/* SEARCH PAGE           */
/*************************/

#ResultArea 
{
    padding-top: 2em;
}

#ResultArea ol
{
    margin: 0;
    padding-left: 2em;
}
#ResultArea li 
{
    margin: 0; 
    padding: 0;
}

input.searchText 
{
	width: 200px;
}

/*************************/
/* WORKROOM              */
/*************************/

/**/
.contentAreaFull, .contentAreaWide, .contentAreaHalf, .contentAreaNarrow
{
	float:left;
	width: 693px;
	margin-top:8px;
	overflow: hidden;
}

.contentAreaWide { width: 478px; }
.contentAreaHalf  { width: 350px; }
.contentAreaNarrow  { width: 215px; }

.container 
{
    padding: 3px 0;
    margin-bottom: 15px;
    font-size: 0.8em;
}

.contentAreaFull .container     { background: url(/UI/IMG/WorkroomFullBodyBg.png) no-repeat; }
.contentAreaWide .container     { background: url(/UI/IMG/WorkroomMainBodyBg.png) no-repeat; }
.contentAreaHalf .container   { background: url(/UI/IMG/WorkroomHalfBodyBg.png) no-repeat; }
.contentAreaNarrow .container   { background: url(/UI/IMG/WorkroomNarrowBodyBg.png) no-repeat; }

.contentAreaFirst { margin:8px 17px 0 32px; }

.container textarea 
{
    width: 90%;
    height: 12em;
}

.container .containerCaption
{
	padding: 0 10px 2px 10px;
}

.container .containerCaption h1
{
	font-weight: bold;
	font-size: 1em;
	margin: 0;
	padding: 0;
    line-height: 1.6em;
    position:static;
}

.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;
}

.container .containerCaption .containerToolbar 
{
    padding: 0;
}

.containerContent .validation ul
{
    font-style: normal;
	background-color: #eeeeee;
	margin: 1em 2em;
	padding: 1em;
}

.containerContent .validation li
{
	margin-left: 1.4em;
	list-style-image: none;
    padding: 0;
} 

/* 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
{
}

.workroomItemlist li.even
{
	background-color: #ebf0f3;	
}

.workroomItemlist li.uneven
{
}

.workroomItemlist h2
{
	margin: 0;
	font-size: 1em;
	font-weight: normal;
}

.workroomItemlist h3
{
	margin: 0;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.1em;
}

.workroomItemlist p
{
	margin: 0;
}

.workroomItemlist .PagingContainer
{
	text-align: center;
}

/* 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
{
	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
{
    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;
}

.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: #da5b00;
}

/* 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 
{
    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;
}

/*EPiServer buttons*/
.buttonToolbar 
{
	font-size:0.9em;
    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;
}

.createButton
{
    background-image: url(/UI/IMG/Add.png);
}

.editButton
{
    background-image: url(/UI/IMG/Edit.png);
}

.deleteButton
{
    background-image: url(/UI/IMG/Delete.png);
}

.stickyButton
{
    background-image: url(/UI/IMG/forum/sticky.png);
}

.lockButton
{
    background-image: url(/UI/IMG/forum/lock.png);
}

.upButton
{
    background-image: url(/UI/IMG/forum/up.png);
}

/*************************/
/* FORUMS                */
/*************************/

.forumTable 
{
	width: 100%;
}
.forumTable th.title
{
	width: 50%;
}
.forumTable th
{
	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 
{
}

.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(/UI/IMG/forum/default.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.information 
{
    display: block;
    background-image: url(/UI/IMG/forum/Information.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.auction 
{
    display: block;
    background-image: url(/UI/IMG/forum/Auction.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.bomb 
{
    display: block;
    background-image: url(/UI/IMG/forum/bomb.png); 
    background-repeat: no-repeat;
    background-position: left center;
    padding: 8px 0px 8px 32px;
}

.forumTable a.sticky
{
    background-image: url(/UI/IMG/forum/sticky.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.locked
{
    background-image: url(/UI/IMG/forum/lock.png); 
    background-repeat: no-repeat;
    background-position: right center;
    padding: 0px 24px 0px 0px;
}

.forumTable a.stickylocked
{
    background-image: url(/UI/IMG/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(/UI/IMG/forum/replyBg.png);
    background-repeat: repeat-y;
    background-position: 485px;
    width: 100%;
    overflow: hidden;
}

.reply .text 
{
	font-size:1.1em;
    float: left;
    width: 460px;
    padding: 10px 15px;
    overflow: hidden;
}

.reply .text img
{
	max-width:440px;
	margin-bottom:10px;
}

.reply .info 
{
    float: left;
    width: 120px;
    padding: 10px 15px;
    overflow: hidden;
}

/**********************************/
/*   File Manager Control         */
/**********************************/
div.filemanagercontrol
{
	float:left;
	margin-top:8px;
	font-size:0.8em;
}

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(/UI/IMG/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(/UI/IMG/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
{
	width:663px;
	background:none!important;
	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(/UI/IMG/filemanager/buttonaddfile.png); }
div.filemanagercontrol a.addfolder { background-image: url(/UI/IMG/filemanager/buttonaddfolder.png); }
div.filemanagercontrol a.copy { background-image: url(/UI/IMG/filemanager/buttoncopy.png); }
div.filemanagercontrol a.cut { background-image: url(/UI/IMG/filemanager/buttoncut.png); }
div.filemanagercontrol a.delete { background-image: url(/UI/IMG/filemanager/buttondelete.png); }
div.filemanagercontrol a.details { background-image: url(/UI/IMG/filemanager/buttondetails.png); }
div.filemanagercontrol a.paste { background-image: url(/UI/IMG/filemanager/buttonpaste.png); }
div.filemanagercontrol a.rename { background-image: url(/UI/IMG/filemanager/buttonrename.png); }
div.filemanagercontrol a.view { background-image: url(/UI/IMG/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(/UI/IMG/filemanager/folder.png);
	background-repeat: no-repeat;
	padding-left: 1.7em;
	
}
div.filemanagercontrol ul.folderlist li.parent
{
	background-image: url(/UI/IMG/filemanager/folderup.png);
    background-repeat: no-repeat;
    margin-bottom: 1em;
}

div.filemanagercontrol table.fileList
{
	width: 98%;
	font-size:0.8em;
	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;
    padding-top: 0.3em;
    padding-right:15px;
}

div.filemanagercontrol .fileList td a
{
	padding: 3px 0 2px 20px;
	line-height: 1.6em;
}
div.filemanagercontrol ul.documentList
{
	list-style-type:none;
	list-style-image: none;
	margin-bottom: 1em;
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
    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;
}

.documentList a,
.document
{
    padding: 0 0 2px 20px;
	background-image:url(/UI/IMG/extensions/default.gif);
	background-repeat: no-repeat;
	line-height: 1.6em;
}

.folder
{
	padding: 0 0 2px 20px;
	background-image: url(/UI/IMG/filemanager/folder.png);
	background-repeat: no-repeat;
	line-height: 1.6em;
}

.gray { color: #9d9d9d; }

.bmpExtension {background-image: url(/UI/IMG/extensions/bmp.gif); }
.docExtension {background-image: url(/UI/IMG/extensions/doc.gif); }
.gifExtension {background-image: url(/UI/IMG/extensions/gif.gif); }
.htmExtension, .htmlExtension {background-image: url(/UI/IMG/extensions/htm.gif); }
.jpgExtension, .jpegExtension {background-image: url(/UI/IMG/extensions/jpg.gif); }
.mp3Extension {background-image: url(/UI/IMG/extensions/mp3.gif); }
.mpgExtension {background-image: url(/UI/IMG/extensions/mpg.gif); }
.pdfExtension {background-image: url(/UI/IMG/extensions/pdf.gif); }
.pngExtension {background-image: url(/UI/IMG/extensions/png.gif); }
.pptExtension {background-image: url(/UI/IMG/extensions/ppt.gif); }
.tifExtension, .tiffExtension {background-image: url(/UI/IMG/extensions/tif.gif); }
.txtExtension {background-image: url(/UI/IMG/extensions/txt.gif); }
.wavExtension {background-image: url(/UI/IMG/extensions/wav.gif); }
.xlsExtension {background-image: url(/UI/IMG/extensions/xls.gif); }
.zipExtension {background-image: url(/UI/IMG/extensions/zip.gif); }

.wrapper:after {
    content: ".";
    display: block;
    height: 0;
    font-size: 0;
    clear: both;
    visibility: hidden;
}

.wrapper {display: inline-block;}

/* Hides from IE5/Mac \*/
* html .wrapper {height: 1px;}
.wrapper {display: block;}
/* End hide from IE5/Mac */



@media print
{
	object, embed { display:none; }
	body, #Document, #WrapperFoot { background: none; }
	
	div { width:auto!important; padding:0; margin:0; }
	
	#Wrapper, #CampainWrapper, #Grid { background:none; }
	
	#Grid,
	#EventInformation,
	#EventInformation .content,
	.padding { padding:0; }
	
	.frame .top,
	.frame .body,
	.frame .body .padding,
	.frame .bottom { background:none; padding:0; border:none; }
	
	#StartPageContent,
	#WideContent,
	#MidRightContent,
	#CampaignContent,
	#Content { float:none; }
	
	#Head,
	#SubMenu,
	#LeftContent,
	#RightContent,
	#Foot,
	#EventTabs,
	#FAQForm,
	#FAQFilter,
	#ListFilter,
	#Tools { display:none; visibility:hidden; }
}
