/*------------------------------------------------------------------
[Master Stylesheet]

Project:		Ung Kultur Möts
Version:		2.0
Last change:	-
Assigned to:	Kim Gunnarsson, Mindbite
Primary use:	Corporate Website
-------------------------------------------------------------------*/

@import "reset.css";
/*--------------------------------------------------------------------------------------------------
Body and text
--------------------------------------------------------------------------------------------------*/
body									{font: normal 12px/18px Arial, Helvetica, Tahoma,sans-serif; color: #333; margin: 0; padding: 0; background: #fff; background-image: url(../gfx/bg.gif); background-attachment: fixed;}

h1										{font: bold 30px Arial, Helvetica, Tahoma, sans-serif; color: #c3198c; margin: 0 0 0;}
h2										{font: bold 15px Arial, Helvetica, Tahoma,sans-serif; color: #242424; margin: 10px 0 5px;}
h3										{font: bold 12px Arial, Helvetica, Tahoma,sans-serif; color: #000; margin: 30px 0 5px; text-transform: uppercase; padding-bottom: 3px; border-bottom: 1px solid #f0f0f0;}
h4										{font: bold 12px Arial, Helvetica, Tahoma,sans-serif; color: #D62294; margin: 5px 0 3px; text-transform: uppercase;}
h3.group								{padding-top: 15px; font: bold 14px/18px sans-serif; border-top: solid 0px #ccc; clear: both;}

a										{color: #af4980;}

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

p.line									{margin: 15px 0; border-bottom: 1px solid #ccc;}

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

#page, #navigation, #wrapper			{width: 960px;}

div#ukm									{background: url(../gfx/page-bg.png) repeat-y center; width: 960px; margin: 0 auto; padding: 0 27px;}
div#page								{}
div#masthead							{position: relative; float: left; padding: 8px; margin: 0 0 1px;} 
div#masthead #logo						{position: absolute; left: 0; top: 10; margin: 5px 0 0 -20px;}
div#masthead #header					{width: 944px; height: 193px; overflow: hidden;}

div#wrapper								{clear:both;}
div#wrapper #navigation					{width: 220px; float: left; margin-left: 8px; background: url(../gfx/navigation-bg.gif) no-repeat; min-height: 727px !important; padding: 12px 0 0;}
div#wrapper #content					{width: 400px; float: left; margin: 0 21px; overflow: hidden;}
div#wrapper #secondarycontent			{width: 282px; float: right; margin-right: 8px;}

div#wrapper #content 					{font-size: 11px; color: #000; line-height: 1.5em;}
div#wrapper #content p					{margin-bottom: 14px; font-size: 11px;}
div#wrapper #content li					{margin-bottom: 14px;}
div#wrapper #content a:hover			{text-decoration: none;}

div#footer								{background: #fff url(../gfx/footer_bg.gif) no-repeat top; clear: both; margin: 10px 0; padding: 65px 8px 25px; text-align: center;}
div#footer a							{color: #000; font: normal 11px sans-serif; text-decoration: underline;}
div#footer a:hover						{text-decoration: none;}

div#wrapper #secondarycontent #loginbox	{background: #fff url(../gfx/loginbox_bg.gif) no-repeat; padding: 65px 10px 0px 30px; font-size: 11px; min-height: 201px;}
div#wrapper #secondarycontent #loginbox #forgot {float: left; margin: 0; line-height: 1.3em;}
div#wrapper #secondarycontent #loginbox #forgot a {color: #2ba8ee; font-size: 11px; text-decoration: none;}
div#wrapper #secondarycontent #loginbox #forgot a:hover {text-decoration: underline;}
div#wrapper #secondarycontent #loginbox fieldset {}
div#wrapper #secondarycontent #loginbox fieldset legend {display: none;}
div#wrapper #secondarycontent #loginbox fieldset input {font: normal 12px sans-serif; width: 220px; background: #fff; border: solid 1px #e4e4e4; padding: 4px; margin: 0 0 8px;}
div#wrapper #secondarycontent #loginbox fieldset input[type=submit], div#wrapper #secondarycontent #loginbox fieldset input.btn {float: right; width: auto; font: normal 11px sans-serif; text-transform: uppercase; background: #ed3496 url(../gfx/btn-bg.gif); border: solid 1px #e4e4e4; color: #fff; padding: 4px 8px; margin: 0 10px 0 13px;}
div#wrapper #secondarycontent #loginbox p {margin: 0 0 5px;}

div#wrapper #secondarycontent h2.blogg {text-indent: -9999px; background: url(../gfx/h2-blogg.gif) no-repeat left; width: 249px !important; height: 24px !important; margin: 25px 0 10px;}
div#wrapper #secondarycontent h2.splash {text-indent: -9999px; background: url(../gfx/h2-splash.gif) no-repeat left; width: 262px !important; height: 33px !important;}
div#wrapper #secondarycontent h2.news {text-indent: -9999px; background: url(../gfx/h2-nyheter.gif) no-repeat left; width: 223px !important; height: 26px !important; margin: 15px 0 5px;}
div#wrapper #secondarycontent h2.new-splash {text-indent: -9999px; background: url(../gfx/h2-nysplash.gif) no-repeat left; width: 136px !important; height: 33px !important;}
div#wrapper #secondarycontent h2.guestbook {text-indent: -9999px; background: url(../gfx/h2-gastbok.gif) no-repeat left; width: 170px !important; height: 32px !important;}


div#wrapper #secondarycontent #blogg .item {padding: 5px 0 25px !important;}
div#wrapper #secondarycontent #blogg .item h3, div#wrapper #secondarycontent #blogg .item h3 a {font: bold 16px Arial, Helvetica,Tahoma,Sans-serif; color: #c3198c; margin: 0 0 5px!important; border: 0 !important; text-transform: none !important;}
div#wrapper #secondarycontent #blogg .item h3 a{text-decoration: none;}
div#wrapper #secondarycontent #blogg .item p, div#wrapper #secondarycontent #blogg .item p a{font: normal 11px Arial,Helvetica,Tahoma,Sans-serif; color: #000; line-height: 1.6em;}
div#wrapper #secondarycontent #blogg a{text-decoration: none;}

div#wrapper #secondarycontent #news .item {padding: 5px 0 25px !important;}
div#wrapper #secondarycontent #news .item h3, div#wrapper #secondarycontent #news .item h3 a {font: bold 16px Arial, Helvetica,Tahoma,Sans-serif; color: #c3198c; margin: 3px 0 5px !important; border: 0 !important; text-transform: none !important;}
div#wrapper #secondarycontent #news .item h3 a{text-decoration: none;}
div#wrapper #secondarycontent #news .item p, div#wrapper #secondarycontent #news .item p a{font: normal 11px Arial,Helvetica,Tahoma,Sans-serif; color: #000; line-height: 1.6em;}
div#wrapper #secondarycontent #news .item p a{text-decoration: none;}

div#wrapper #secondarycontent #welcomebox{background: #f52 url(../gfx/welcomebox_bg.gif) no-repeat; padding: 50px 10px 20px 16px; margin: 0 0 15px;}
div#wrapper #secondarycontent #welcomebox p strong {color: #ed3496;}
div#wrapper #secondarycontent #welcomebox div.change {float: left; margin-top: 10px;}
div#wrapper #secondarycontent #welcomebox p.logout {float: right; margin-top: 10px;}
div#wrapper #secondarycontent #welcomebox a {color: #ed3496; text-decoration: none;}
div#wrapper #secondarycontent #welcomebox a:hover {text-decoration: underline;}

div#wrapper #secondarycontent #helptext p{margin-bottom: auto;}
div#wrapper #secondarycontent #helptext	ul {list-style-type: circle; margin: 10px 0 10px 30px;}
div#wrapper #secondarycontent #helptext	ol {list-style-type: decimal; margin: 10px 0 10px 30px;}

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

address.footer							{font: normal 11px Arial, Helvetica,Tahoma,Sans-serif; display: block; clear: both; margin-top: 18px;}
address.footer span.org					{display: inline; font-weight: bold;}
address.footer span						{display: inline;}
address.footer strong					{display: none;}

div.events								{width: 400px; clear: both;}
div.events .event						{width: 178px; float: left; background: #fff; border: solid 1px #f2f2f2; margin: 0 24px 10px 10px; min-height: 130px; position: relative; padding: 5px;}
div.events .event.first					{margin: 0 0 10px!important;}
div.events .event.last					{margin: 0 10px 10px 10px !important;}

div.events .event a						{padding: 5px; background: #fff url(../gfx/info-btn-bg.gif) center repeat-x; color: #2ba8ee; display: block; text-align: center; text-decoration: none; position: absolute; bottom: 5px; width: 170px;}
div.events .clearer						{border-bottom: solid 1px #fff;}



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

div#navigation ul						{}
div#navigation ul li					{display: block;}
div#navigation ul li a					{color: #000; text-decoration: none; display: block; font-weight: bold; font-size: 16px; padding: 5px 5px 5px 10px;}
div#navigation ul li a:hover, div#navigation ul li.on a {color: #fff;}

div#navigation ul.submenu {margin: 0 0 0 15px; padding: 0 10px 5px 0; list-style: none;}
div#navigation ul.submenu li {clear: both;}
div#navigation ul.submenu li a {font-size: 12px; color: #000; text-decoration: none; padding: 2px 0; margin: 0 0 5px; display: block;}
div#navigation ul.submenu li.on a {font-weight: bold; color: #fff;}
div#navigation ul.submenu li a:hover {color: #fff !important;}

div#navigation ul.submenu ul {margin: 0; padding: 0 10px 0 0; list-style: none;}
div#navigation ul.submenu ul li {clear: both;}
div#navigation ul.submenu ul li a {color: #000 !important; font-weight: normal !important; border-bottom: none !important; text-decoration: none; padding: 3px 0 3px 10px; margin: 0 0 5px; display: block; background: url(../gfx/arrow.gif) no-repeat left;}
div#navigation ul.submenu ul li.on a {font-weight: bold !important; color: #fff !important;}

div#navigation ul.submenu ul ul {margin: 0 0 0 12px; padding: 0 10px 0 0; list-style: none;}
div#navigation ul.submenu ul ul li {clear: both;}
div#navigation ul.submenu ul ul li a, div#secondarynavigation ul.submenu ul li.on ul li a  {color: #656565 !important; font-weight: normal !important; border-bottom: none !important; padding: 0 0 0 10px !important; margin: 0 0 5px; background: url(../gfx/arrow.gif) no-repeat left !important;}
div#navigation ul.submenu ul ul li.on a, div#secondarynavigation ul.submenu ul li.on ul li.on a {font-weight: bold !important; color: #993 !important;}

/*--------------------------------------------------------------------------------------------------
Modules
--------------------------------------------------------------------------------------------------*/

fieldset.register						{width: 95%; margin: 0 0 0 0; padding: 10px 10px 30px 0px; border: 0;}
fieldset.hide							{margin: 0;	padding: 10px 0 10px 10px; background: #dde7f4;	display: none;}
fieldset.register legend				{display: none;}
fieldset.register p						{width: auto !important; margin: 0 0 10px 0; float: none !important; font: normal 11px Sans-Serif;}
fieldset.register p label				{font: normal 11px Sans-Serif;}
fieldset.register p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; font: normal 11px Sans-Serif; display: inline; clear: none;}
fieldset.register p.checkbox input		{width: auto; vertical-align: middle;	margin: 0; padding: 0;}
fieldset.register p.checkbox label img	{vertical-align: middle;}
fieldset.register p.showhide label		{line-height: 22px;}

fieldset.register div.checkbox label	{display: inline; margin: -10px 0 10px; font: normal 11px Sans-Serif;}
fieldset.register div.checkbox input	{display: inline; width: 15px; margin-right: 13px;}
fieldset.register div.checkbox span		{margin-bottom: 15px;}
fieldset.register div.checkbox			{line-height: 1.3em; margin-bottom: 10px;}

fieldset.register input[type=text]		{border: 1px solid #ccc; width: 98%;}
fieldset.register input[type=password]	{border: 1px solid #ccc; width: 98%;}
fieldset.register select				{border: 1px solid #ccc; position:static; background-color: #fffffe; width: 100%;}
fieldset.register textarea				{border: 1px solid #ccc; width: 100%;}

.fielddescription						{border: solid 1px #ffdf88;background-color: #fffabc;}
.fielddescription p						{padding: 0 !important; margin: 0 10px 0 10px !important; font-size: 11px;}
span.validator							{font-size: 11px;}

div#loginbox							{margin-bottom: 20px;}
div#loginbox div.field					{position:relative;}
div#loginbox fieldset label.overlabel	{}
div#loginbox fieldset label.overlabel-apply 	{color:#999; position: absolute; top: 5px; left: 5px; z-index: 1; cursor: text;}

input									{width: 98%; padding: 2px; font: normal 11px Sans-Serif;}
input.btn								{width: auto !important; padding: 0 2px; font: normal 11px Sans-Serif;}
input.datepicker						{width: 80px; padding: 2px; font: normal 11px Sans-Serif; vertical-align: middle;}

textarea								{width: 98%; padding: 2px; font: normal 11px Sans-Serif; overflow: auto;}
textarea.relationpicker					{width: 250px; height: 60px; padding: 2px; font: normal 11px Sans-Serif; vertical-align: middle;}

div.msg									{margin: 10px; color: #000 !important; min-height: 40px; margin-left: 0;padding: 10px 10px 10px 50px; border: solid 2px #ffdf88;background: #fffabc url(../gfx/message.gif) no-repeat 10px 10px; clear: both;}
div.msg h2								{margin: 0 0 5px 0;padding: 0;font: bold 12px Sans-Serif;color: #000;background: none;}
div.msg p								{margin: 0; font-size: 11px;}

div.err									{margin: 10px; color: #000 !important; min-height: 40px; margin-left: 0;padding: 10px 10px 0px 70px; border: solid 2px #ffdf88; background: #fffabc url(../gfx/error.gif) no-repeat 10px 10px; clear: both;}
div.err h2								{margin: 0 0 5px 0;padding: 0;font: bold 16px Sans-Serif;color: #000;background: none;}
div.err p								{margin: 0; font-size: 11px;}

table.profile td						{width: 150px;}

p.memberlink							{color: #af4980; font-weight: bold; text-decoration: none; margin-bottom: 0 !important;}
p.memberlink a							{color: #af4980; font-weight: bold; text-decoration: none;}
div.registrationmembers					{padding: 0 10px 0 10px;}
div.registrationmembers ul				{margin: 0 0 10px 0 !important;}
div.registrationmembers li				{margin: 0 !important;}

h4.place								{background-image: url(../gfx/place_bg.gif); color: #555; line-height: 25px; padding-left: 10px; margin-top: 8px;}
table.events							{width: 100%;}
table.events .date						{width: 100px; padding-left: 10px;}
table.events .title						{width: 240px;}
table.events .alt						{border-top: 1px solid #ececec;}

/* SPLASHES */
div.pager								{padding: 10px; line-height: 2.1em; font-size: 14px; text-align: center;}
div.pager div.navigation				{text-align: center;}
div.pager a								{color: #666 !important; padding: 3px 2px; margin: 0 0 4px !important; text-decoration: none !important; border: solid 1px #fff; border-bottom: solid 1px #f8f8f8;}
div.pager a:hover						{border: solid 1px #f3f3f3;}
div.pager strong						{color: #fff !important; padding: 3px 2px; border: solid 1px #d82885; background: #ed3496;}
div.pager a.nav							{font-weight: bold !important; padding: 3px 5px; border: none !important; background: #666; color: #fff !important;}
div.pager div.navigation p				{float: left;}
div.pager div.navigation .right			{float: right; width: 300px; text-align: right;}
div.pager div.navigation .right a		{margin-left: 3px !important;}
div.pager div.navigation .right a:hover	{background-color: #888 !important;}

p.latest-splash							{text-align: center;}

div#wrapper #secondarycontent #splashbox {background: #f2f2f2; padding: 5px 10px 10px; font-size: 11px;}
div#wrapper #secondarycontent #splashbox fieldset legend {display: none;}
div#wrapper #secondarycontent #splashbox fieldset input {width: 250px;}
div#wrapper #secondarycontent #splashbox fieldset select {width: 260px;}
div#wrapper #secondarycontent #splashbox fieldset label {display: block; font-weight: bold; font-size: 0.9em; margin: 5px 0 0;}
div#wrapper #secondarycontent #splashbox fieldset .btn {margin: 10px 0 0;}
div#wrapper #secondarycontent #splashbox fieldset .preview {margin: 10px 0 0; background: #fff; border: solid 1px #e9e9e9; text-align: center;}
div#wrapper #secondarycontent #splashbox fieldset .preview img {margin: 0 auto;}

/* GUESTBOOK */
div#wrapper #secondarycontent #guestbook {background: #f2f2f2; padding: 5px 10px 10px; font-size: 11px;}
div#wrapper #secondarycontent #guestbook fieldset legend {display: none;}
div#wrapper #secondarycontent #guestbook fieldset input {width: 250px;}
div#wrapper #secondarycontent #guestbook fieldset select {width: 260px;}
div#wrapper #secondarycontent #guestbook fieldset label {display: block; font-weight: bold; font-size: 0.9em; margin: 5px 0 0;}
div#wrapper #secondarycontent #guestbook fieldset .btn {margin: 10px 0 0;}

/* BLOGG */
div#wrapper #content .blogitem			{border-bottom: solid 1px #f2f2f2; margin: 0 0 15px; padding: 5px 0 10px;}
div#wrapper #content .blogdate			{float: left; margin: 0 10px 0 0;}
div#wrapper #content .blogdate span.month {background-color: #DD3795; color: #fff; text-transform: uppercase; display: block;  width: 40px; text-align: center; font-weight: bold; border: solid 1px #a92a75; border-bottom: 0px; padding: 1px 0;}
div#wrapper #content .blogdate span.day {background-color: #a92a72; color: #fff; display: block; width: 40px; text-align: center; font-size: 15px; padding: 4px 0; border: solid 1px #a92a75;}

div#wrapper #content .blogheader		{margin: 5px 0 0 !important; padding: 0 0 5px !important; color: #222;}
div#wrapper #content .blogheader h2		{margin: -5px 0 7px !important; font-size: 1.5em;}
div#wrapper #content .blogheader h2 a	{color: #000; text-decoration: none;}
div#wrapper #content .blogheader .permalink a { margin: 0 15px 0 0;}
div#wrapper #content .blogheader .comments a {background: #fff url(../gfx/icons/comment.png) no-repeat left; padding: 0 0 0 18px;}

div#wrapper #content .blogpost			{margin: 5px 0 10px !important;}

div#wrapper #content .blogcategories	{background: #fff url(../gfx/icons/tag_blue.png) no-repeat left; padding: 0 0 0 25px;}
div#wrapper #content .blogcategories ul li {display: inline;}

div#wrapper #content .blogcomments		{}
div#wrapper #content .blogcomments h2	{margin: 0 0 5px;}
div#wrapper #content .blogcomments ol	{}
div#wrapper #content .blogcomments ol li{padding: 15px 10px 5px; background: #f2f2f2; border-bottom: solid 1px #f2f2f2; position: relative; margin: 0px !important;}
div#wrapper #content .blogcomments ol li.odd {background: #f8f8f8;}
div#wrapper #content .blogcomments ol li a {text-decoration: none;}

div#wrapper #content .blogcomments ol li span.author span {font-size: 1.4em; font-weight: bold;}
div#wrapper #content .blogcomments ol li span.date {display: block; font-size: 0.9em; color: #222;}
div#wrapper #content .blogcomments ol li span.report {position: absolute; right: 10px; top: 10px;}

div#wrapper #content .blogform			{margin: 10px 0 0;}
div#wrapper #content .blogform fieldset {border: 0; padding: 10px; margin: 0; background: #f2f2f2;}
div#wrapper #content .blogform fieldset legend {display: none;}

ul#blogcategories								{clear: both; margin: 15px 0;}
ul#blogcategories li							{display: inline; margin: 0 3px 0 0; line-height: 25px;}
ul#blogcategories li a							{text-decoration: none;}
ul#blogcategories li a:hover					{text-decoration: none;}
ul#blogcategories li.on a						{text-decoration: none;}
ul#blogcategories li.weight0 a					{font-size: 11px;}
ul#blogcategories li.weight1 a					{font-size: 12px;}
ul#blogcategories li.weight2 a					{font-size: 14px;}
ul#blogcategories li.weight3 a					{font-size: 16px;}
ul#blogcategories li.weight4 a					{font-size: 18px;}
ul#blogcategories li.weight5 a					{font-size: 20px;}
ul#blogcategories li.weight6 a					{font-size: 22px;}
ul#blogcategories li.weight7 a					{font-size: 25px;}
ul#blogcategories li.weight8 a					{font-size: 28px;}
ul#blogcategories li.weight9 a					{font-size: 30px;}

h3.blogarchive							{color: #000;}
ul.blogarchive							{margin-left: 18px; list-style-type: none;}
ul.blogarchive li.on a					{color: #000; text-decoration: none;}


/*--------------------------------------------------------------------------------------------------
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; background: #f5f5f5; border: solid 1px #eee; display: none;}
a.gallerydir							{width: 180px; height: 124px; padding: 5px; background: #fff url(../gfx/bg_gallery.gif) no-repeat 100% 100%; color: #000; text-decoration: none; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
a.galleryimg							{width: 180px; height: 124px; padding: 5px; background: #fff; color: #000; text-decoration: none; text-decoration: none; text-align: center; display: block; float: left; position: relative; overflow: hidden;}
div.gallerybg							{width: 180px; height: 124px; position: absolute; background-image: url(../gfx/gallery_bg.gif); cursor: hand;}
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; padding: 5px;}
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; display: none;}


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: #555; display: none;}
fieldset.contact p						{margin: 5px 0 !important;}
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: #555; background-color: #f9e4ef; border: 1px solid #d799ba;}
fieldset.contact input.captcha-input	{width: 60px;}
fieldset.contact textarea				{width: 250px; height: 100px; padding: 2px; font: normal 12px sans-serif; color: #555; 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: #555;}
fieldset.loginprotectedpage p			{margin: 5px 0 !important;}
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: #555;}
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; padding: 0; list-style-type: square;}
ul.sitemap ul							{margin: 5px 0 5px 20px; padding: 0; list-style-type: square;}

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


/*--------------------------------------------------------------------------------------------------
CE
--------------------------------------------------------------------------------------------------*/
div.largeimage							{display:none; position: absolute; left:200px; background-color:#fff; border:solid 1px #ccc;}
div.largeimage a						{margin:10px; display: block;}

ol.guestbook							{width: 70%; margin: 0; padding: 0; list-style: none; float: left;}
ol.guestbook li							{margin: 0 0 10px 0; padding: 10px; background: #f5f5f5;}
ol.guestbook h3							{margin: 0; font: bold 11px sans-serif;}
ol.guestbook p							{margin: 0;}
ol.guestbook p.report					{margin-bottom: 10px;}
ol.guestbook a							{text-decoration: none; color: Blue;}
ol.guestbook a.reported					{text-decoration: none; color: Red;}

ol.guestbook li.pager					{margin: 0; padding: 0; line-height: 20px; text-align: center; background: none !important; clear: both;}
ol.guestbook li.pager a					{text-decoration: none;}
ol.guestbook li.pager a:hover			{text-decoration: underline;}
ol.guestbook li.pager a.left			{float: left;}
ol.guestbook li.pager a.right			{float: right;}

fieldset.guestbook						{width: 25%; padding: 10px; background: #f5f5f5; border: 0; float: right;}
fieldset.guestbook legend				{margin: 0 0 10px -7px; padding: 0; font: bold 14px sans-serif; color: #000;}
fieldset.guestbook p					{margin: 5px 0;}
fieldset.guestbook p.info				{margin: 10px 0;}
fieldset.guestbook p.error				{color: Red;}
fieldset.guestbook p.done				{color: Green;}
fieldset.guestbook p.checkbox			{margin: 0 0 10px 0;}
fieldset.guestbook p.checkbox label		{margin: 0 0 0 3px; vertical-align: middle; display: inline;}
fieldset.guestbook p.checkbox input		{width: auto; vertical-align: middle;}
fieldset.guestbook label				{display: block;}
fieldset.guestbook label span			{color: Red; visibility: hidden;}
fieldset.guestbook input				{width: 97%; font: normal 11px sans-serif;}
fieldset.guestbook textarea				{width: 97%; height: 80px; font: normal 11px sans-serif; overflow: auto;}
fieldset.guestbook input.btn			{width: auto;}

fieldset.guestbook fieldset				{margin: 0; padding: 0; border: 0; display: none;}
fieldset.guestbook fieldset legend		{display: none;}

ul.banners								{margin: 20px 0; padding: 0; list-style: none;}
ul.banners li							{margin: 5px 0;}