@import "reset.css";

/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 12px/1.6em Arial, Helvetica, sans-serif; color: #000; background: #fff;}

h1										{font: bold 2.5em/1.6em Arial, Helvetica, Sans-Serif; color: #333;}
h2										{font: bold 1.6667em/1.5em Arial, Helvetica, Sans-Serif; color: #333; margin: 0.3em 0 0.4em;}
h3										{font: normal 1.4167em/1.5em Arial, Helvetica, Sans-Serif; color: #333; margin: 0.3em 0 0.2em;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

a										{}

.clearer								{height: 0; font-size: 0; line-height: 0; clear: both;}

/*--------------------------------------------------------------------------------------------------
Layout
--------------------------------------------------------------------------------------------------*/

div#page								{margin: 20px auto 0;}
div#page, div#page div#masthead, div#page div#container, div#page div#footer {width: 960px;}

div#masthead							{position: relative; height: 83px; display: block; margin: 0 0 20px;}
div#masthead div#logo					{width: 190px; float: left;}
div#masthead div#navigation				{width: 770px; float: left;}

div#container							{margin: 0 0 20px;}
div#container div#secondarynavigation	{width: 180px; float: left;}
div#container div#content				{width: 460px; float: left; margin: 0 0 0 10px !important; min-height: 400px;}

div#content p							{margin: 0 0 1em;}
div#content a							{color: #000; text-decoration: underline;}
div#content a:hover						{color: #444; text-decoration: none;}
div#content ul, div#content ol			{padding: 5px 10px; margin: 5px 15px; }
div#content ul, div#content	ul li		{list-style-type: disc;}
div#content ol, div#content ol li		{list-style: decimal;}
div#content	ul li, div#content ol li	{line-height: 1.6em;}
div#content.wide						{width: 770px !important;}

div#page div#footer						{text-align: center;}

img										{border: 0;}
img.left								{float: left; margin: 0 10px 5px 0;}
img.right								{float: right; margin: 0 0 5px 10px;}

/* Module: Events */
div#container div#eventholder			{background: #000; padding: 10px; margin: 18px 0 0;}
div#container div#eventholder h2		{background: #000 url(../gfx/headings/h2-commingevents-bg.png) no-repeat; display: block; width: 243px; height: 14px; text-indent: -9999px; margin: 5px 0 18px;}
div#container div#eventholder a.more	{color: #fff; text-transform: uppercase; display: block; margin: 10px 0 0; font-weight: bold; text-decoration: none;}

div#container div#content div.event-column.left {width: 420px; float: left;}
div#container div#content div.event-column.right {width: 350px; float: right;}

div#container div#content div.event-column.right ol, 
div#container div#content div.event-column.right ol li {list-style-type: none !important; padding: 0 !important; margin: 0 !important;}

div#container div#eventholder div.eventitem,
div#container div#content div.event-column.right ol li div.eventitem {width: 300px; float: left; margin: 5px 12px 5px 0;}
div#container div#content div.event-column.right ol li div.eventitem {width: 350px; margin: 5px 12px 5px 5px; border-bottom: solid 1px #999; padding: 0 0 10px;}

div#container div#eventholder div.eventitem div.contentwrapper,
div#container div#content div.event-column.right ol li div.eventitem div.contentwrapper {position: relative;}

div#container div#eventholder div.eventitem div.date, 
div#container div#content div.event-column.right ol li div.eventitem div.date {float: left !important; margin: 5px 10px 0 0 !important; width: 54px !important;}

div#container div#eventholder div.eventitem div.date span.month,
div#container div#content div.event-column.right ol li div.eventitem div.date span.month {background-color: #d8d8d8; color: #252525; text-transform: uppercase; display: block;  width: 50px; text-align: center; padding: 2px 0;}

div#container div#eventholder div.eventitem div.date span.day,
div#container div#content div.event-column.right ol li div.eventitem div.date span.day {background-color: #fff; color: #666; display: block; width: 50px; text-align: center; font-size: 2.1667em; padding: 7px 0;}

div#container div#eventholder div.eventitem h3, 
div#container div#content div.event-column.right ol li div.eventitem h3 {color: #fff; text-transform: uppercase; font-size: 1.1667em !important; font-weight: bold; margin: -5px 0 0 !important; padding: 0 !important;}

div#container div#eventholder div.eventitem p.location, 
div#container div#content div.event-column.right ol li div.eventitem p.location {color: #fff; text-transform: uppercase; margin: 0 0 8px;}

div#container div#eventholder div.eventitem a,
div#container div#content div.event-column.right ol li div.eventitem a {color: #fff; text-decoration: none; font-weight: bold;}

div#container div#content div.event-column.right ol li div.eventitem h3, 
div#container div#content div.event-column.right ol li div.eventitem p.location, 
div#container div#content div.event-column.right ol li div.eventitem a {color: #000 !important;}
div#container div#content div.event-column.right ol li div.eventitem span.day {background-color: #f0f0f0 !important;}

div#container div#eventholder div.eventitem div.sign,
div#container div#content div.event-column.right ol li div.eventitem div.sign  {position: absolute; left: 154px; top: 10px; text-indent: -9999px; display: block; width: 80px; height: 27px; background: transparent url(../gfx/booked_sign.png) no-repeat right top;}

div#container div#content div.eventview	{}
div#container div#content div.eventview div.eventitem {margin: 0 0 10px;}
div#container div#content div.eventview div.eventitem h2, 
div#container div#content h2.locationview {font-size: 1.3333em !important; color: #333; background-color: #f0f0f0; padding: 5px 10px !important; margin: 0 !important;}
div#container div#content h2.locationview {margin: 15px 0 0 !important;}
div#container div#content div.eventview div.eventitem h2 span {font-size: 12px !important; font-weight: normal !important;}
div#container div#content div.eventview div.eventitem h2 a {text-decoration: none;}

div#container div#content table.locationview {width: 100%;}
div#container div#content table.locationview td {padding: 5px; border-right: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0;}
div#container div#content table.locationview td.register {width: 70px; border-right: none !important;}
div#container div#content table.locationview td.date {width: 80px;}
div#container div#content table.locationview td.title {width: 600px;}
div#container div#content table.locationview td.title span { color: #999;}
div#container div#content table.locationview td.title span span {color: #666;}
div#container div#content table.locationview td.title span.registrationdate {float: right;}
div#container div#content table.locationview td.title span.booked {margin: 0 0 0 10px; background-color: #ac0004; padding: 1px 3px; color: #fff; text-transform: uppercase;}

div#container div#content div.formarea fieldset	legend {display: none;}
div#container div#content div.formarea fieldset	label {display: block;}
div#container div#content div.formarea fieldset	input.txt, div#container div#content div.formarea fieldset textarea {width: 365px;}
div#container div#content div.formarea fieldset div.cl, div#container div#content div.formarea fieldset div.cr {width: 375px; float: left;}
div#container div#content div.formarea fieldset p.checkbox label {display: inline !important;}
div#container div#content div.formarea fieldset textarea {font: normal 12px/1.6em Arial, Helvetica, sans-serif;}
div#container div#content div.formarea div.controlarea	{text-align: right; position: relative; clear: both;}
div#container div#content div.formarea div.controlarea.finito {text-align: center !important; background-color: #a0a0a0; margin: 10px 0 0; padding: 10px 0 !important; border: none !important;}
div#container div#content div.formarea div.controlarea.change {text-align: left;}
div#container div#content div.formarea div.controlarea p.itemssaved {position: absolute; left: 0; background: transparent url(../gfx/success_formarea.gif) no-repeat left 5px; padding: 7px 0 0 35px;}

div#container div#content div.controlarea.registrations	{padding: 10px 0 0; text-align: right;}

div#container div#content div.formarea.companyregistration {background-color: #f0f0f0; padding: 10px; margin: 10px 0;}
div#container div#content div.formarea.registrations {}
div#container div#content div.formarea.registrations fieldset p.checkbox {margin: 10px 0;}
div#container div#content div.formarea.registrations fieldset.add {margin: 15px 0 0; background-color: #f0f0f0; padding: 10px;}

div#container div#content div.formarea.registrations table {width: 100%;}
div#container div#content div.formarea.registrations table th {text-align: left;}
div#container div#content div.formarea.registrations table th, 
div#container div#content div.formarea.registrations table td {padding: 8px 5px 5px; border-right: solid 1px #f0f0f0; border-bottom: solid 1px #f0f0f0;}
div#container div#content div.formarea.registrations table tr td {background-color: #f6f6f6;}
div#container div#content div.formarea.registrations table tr.odd td {background-color: #fff;}
div#container div#content div.formarea.registrations table td input {width: 100%; font-size: 11px;}

div#container div#content div.formarea.registrations table td.firstname {width: 90px;}
div#container div#content div.formarea.registrations table td.firstname input {width: 80px;}
div#container div#content div.formarea.registrations table td.lastname {width: 110px;}
div#container div#content div.formarea.registrations table td.lastname input {width: 100px;}
div#container div#content div.formarea.registrations table td.allergies {width: 110px;}
div#container div#content div.formarea.registrations table td.allergies input {width: 100px;}
div#container div#content div.formarea.registrations table td.phone {width: 110px;}
div#container div#content div.formarea.registrations table td.phone input {width: 90px;}
div#container div#content div.formarea.registrations table td.email {width: 110px;}
div#container div#content div.formarea.registrations table td.email input {width: 100px;}
div#container div#content div.formarea.registrations table td.comment {width: 100px;}
div#container div#content div.formarea.registrations table td.comment input {width: 90px;}
div#container div#content div.formarea.registrations table td.dinner {width: 35px;}
div#container div#content div.formarea.registrations table th.delete, 
div#container div#content div.formarea.registrations table td.delete {text-align: center; vertical-align: bottom; border-right: none !important;}
div#container div#content div.formarea.registrations table td.delete input {margin: 3px 0 0;}

div#container div#content div.messagebox	{padding: 10px; margin: 0 0 10px;}
div#container div#content div.messagebox p	{margin: 0 !important;}
div#container div#content div.messagebox.reserve {color: #ac0004; background: #eecccd url(../gfx/warning.gif) no-repeat 10px 20px; padding-left: 45px; margin: 10px 0;}
div#container div#content div.messagebox.registrationcomplete {background: #ffc url(../gfx/success.gif) no-repeat 25px; padding-left: 80px;}
div#container div#content div.messagebox.registrationcomplete h2 {margin: 0 !important;}
div#container div#content div.messagebox.registrationwarning {background: #ffc url(../gfx/note.gif) no-repeat 10px; padding-left: 40px;}
div#container div#content div.messagebox.registrationwarning h2 {margin: 0 !important;}

div#container div#content div.messagebox.registrationerror {background: #ffc url(../gfx/note.gif) no-repeat 25px 15px; padding-left: 70px;}
div#container div#content div.messagebox.registrationerror h2 {margin: 0 !important;}

/*--------------------------------------------------------------------------------------------------
Menu
--------------------------------------------------------------------------------------------------*/

div#page div#navigation	ul				{background-color: #000; position: absolute; bottom: 0; width: 770px; display: block;}
div#page div#navigation	ul li			{display: inline;}
div#page div#navigation	ul li a			{display: block; float: left; color: #fff; text-decoration: none; text-transform: uppercase; font: normal 1.2em/1.6em Arial, Helvetica, Sans-Serif; padding: 7px 14px;}
div#page div#navigation	ul li.on a		{font-weight: bold;}
div#page div#navigation	ul li.on a:hover, div#page div#navigation ul li a:hover {color: #f0f0f0;}

div#page div#container div#secondarynavigation ul li {border-bottom: solid 1px #f0f0f0;}
div#page div#container div#secondarynavigation ul li a {padding: 5px 10px; display: block; color: #000; text-decoration: none; text-transform: uppercase;}
div#page div#container div#secondarynavigation ul li.on a {font-weight: bold; background-color: #000; color: #fff;}
div#page div#container div#secondarynavigation ul ul {margin: 0 0 0 15px}
div#page div#container div#secondarynavigation ul ul li {border: none;}
div#page div#container div#secondarynavigation ul ul li a {text-transform: none !important; font-weight: normal !important; background-color: transparent !important; color: #000 !important;}
div#page div#container div#secondarynavigation ul ul li.on a {font-weight: bold;}

/*--------------------------------------------------------------------------------------------------
AddOns etc
--------------------------------------------------------------------------------------------------*/

span.smark								{background-color: #ccc; padding: 0 2px;}

ol.searchresult li						{margin-bottom: 20px;}
ol.searchresult h3						{margin: 0 0 5px 0;}
ol.searchresult h3 a					{text-decoration: none;}
ol.searchresult p						{margin: 3px 0;}

address.staff							{margin: 20px 0; display: block; clear: both;}
address.staff span						{margin: 0 0 3px 0; font: normal 12px sans-serif; display: block;}
address.staff span.wrapper				{width: 300px; float: left;}
address.staff span.photo				{width: 120px; margin-right: 5px; float: left;}
address.staff span.n					{margin-bottom: 5px; font-size: 14px; font-weight: bold;}
address.staff span.title				{margin: 10px 0; font-size: 14px;}
address.staff span.value				{display: inline;}

div.gallery								{width: 100%; margin: 10px 0; clear: both; float: left;}
p.gallerybreadcrumb						{margin: 10px 0 5px 0; padding: 5px 0; border-bottom: solid 1px #888; text-transform: uppercase;}
a.gallerydir							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 120px; height: 120px; margin: 0 5px 5px 0; padding: 5px; background: #fff; color: #000; text-decoration: none; border: solid 1px #eee; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.gallerydir:hover						{color: #000; background-color: #f5f5f5;}
a.galleryimg:hover						{color: #000; background-color: #f5f5f5;}
a.gallerydir img, a.galleryimg img	    {display: block; clear: both;}
a.gallerydir span, a.galleryimg span    {width: 120px; font: normal 11px sans-serif; text-align: center; display: block; clear: both; position: absolute; bottom: 5px; left: 5px;}

body#viewphoto							{height: auto; margin: 10px; padding: 0; font: normal 12px sans-serif; color: #fff; background: #000;}
body#viewphoto h1						{font: bold 18px sans-serif; color: #fff;}
body#viewphoto p						{margin: 5px 0; color: #fff;}

fieldset.contact						{border: 0; margin: 10px 0; padding: 0;}
fieldset.contact legend					{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000; display: none;}
fieldset.contact p						{margin: 5px 0;}
fieldset.contact label					{display: block;}
fieldset.contact label .rfv				{font-size: 11px; color: #f00;}
fieldset.contact input					{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #000; overflow: auto;}
fieldset.contact .btn					{width: auto;}

fieldset.loginprotectedpage				{border: 0; margin: 10px 0; padding: 0;}
fieldset.loginprotectedpage legend		{margin: 0 0 5px -7px; padding: 0; font: bold 12px sans-serif; color: #000;}
fieldset.loginprotectedpage p			{margin: 5px 0;}
fieldset.loginprotectedpage label		{display: block;}
fieldset.loginprotectedpage label .rfv	{font-size: 11px; color: #f00;}
fieldset.loginprotectedpage input		{width: 250px; padding: 0 2px; font: normal 12px sans-serif; color: #000;}
fieldset.loginprotectedpage .btn		{width: auto;}

dl#pageproperties						{width: 100%; margin: 20px 0; display: block; clear: both;}
dl#pageproperties dt					{width: 110px; font: bold 11px sans-serif; float: left;}
dl#pageproperties dd					{font: normal 11px sans-serif;}
dl#pageproperties dd a					{}

ul.sitemap								{margin: 5px 0 5px 20px; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; list-style-type: square;}

ul.breadcrumb							{margin: 0; padding: 0; list-style: none;}
ul.breadcrumb li						{margin-right: 5px; padding: 0; line-height: 25px; display: inline;}
ul.breadcrumb li.delimiter				{font-weight: bold;}

ul.documentlibrary						{list-style: none; margin-left: 0 !important; padding-left: 0 !important;}
ul.documentlibrary li					{line-height: 20px; list-style: none !important; padding-left: 0 !important; margin-left: 0 !important;}
ul.documentlibrary li img				{vertical-align: top;}
ul.documentlibrary li a					{margin: 0 0 0 6px;}