/**
  * @author mike
  * @copyright Copyright © 2009, Subzerostudio Ltd.
  * 
  * CSS file for CMS layout
  * 
  */
  
* { margin:0; padding:0; }

body { font-family:Tahoma,Arial,Helvetica,sans-serif; background:#FFF url(../images/body_bg.gif) no-repeat left 6.25em; text-align:center; }

h1 { width:375px; height:6.25em; font-size:1em; text-indent:-10000px; background:#303030 url(../images/logo-kukla.gif) no-repeat top left; }
h2 { font-size:0.8em; color:#000; padding:0.2em 0.2em 0.2em 25px; margin:1em 0 0.5em 12px; }
h3 { font-size:0.7em; color:#000; margin:0.4em 1em 1em 2.25em; }

a { text-decoration:none; }
a img { border:0; }
a:link { color:#333; border-bottom:#CCC 1px solid; }
a:visited { color:#555; border-bottom:#CCC 1px solid; }
a:hover { color:#555; border-bottom:0; }
a:active,a:focus { background:#333; color:#FFF; }
a.withimg { border:0 !important; }
table a { border:0 !important; }

a.homelink { display:block; text-align:center; font-size:1em; color:#039; margin:0 1.25em 1.5em 0; float:left; width:10.3125em; padding:1.25em 0; border:#E4E4E4 1px solid !important; background:#FAFAFA; font-weight:bold; }
a.homelink:hover { background:#FFF; color:#333; }
a.last { margin-right:0; }

hr { background:#EDEDED; color:#EDEDED; border:0; height:1px; overflow:hidden; margin:1em 0; }
hr.separator { background:#E4E4E4; color:#E4E4E4; border:0; height:1px; overflow:visible; margin:0.5em 0; padding:0; clear:both; }
hr.ahem { background:none; color:#FFF; border:0; height:2.5em; overflow:hidden; margin:0; padding:0; clear:both; }

#imagedisplay { float:right; border:#E4E4E4 1px solid; padding:3px; width:200px; font-size:0.8em; }

fieldset { border:#E4E4E4 1px solid; padding:0 1em 1em 1em; margin:0 0 1em 0; clear:both; }
html>body fieldset { margin:0 0 1.5em 0; padding-top:0; }
legend { font-size:0.8em; font-weight:bold; color:#000; padding:0 1em 0 0.5em; }

form { clear:both; }
form * { font-family:Tahoma,Arial,Helvetica,sans-serif; }
form.formunder { margin-top:2em; }
form fieldset div { float:left; margin-top:1em; clear:left; width:100%; }
form fieldset div p { margin:0.5em 0 0.5em 14.25em; float:left; display:inline; width:45em; }
form fieldset label { float:left; display:block; width:12.5em; font-size:0.8em; padding-top:3px; position:relative; }
form fieldset input.textbox,form textarea { float:left; width:40em; font-size:0.8em; padding:2px; border:#BBBBC8 1px solid; background:#FAFAFA; }
form fieldset input.small { width:19em; }
form fieldset input.smaller { width:10em; margin-right:4px; }
form fieldset input.with { margin-left:1em; }
form fieldset input.filebox { float:left; width:40em; font-size:0.8em; }
form fieldset textarea { height:22.5em; line-height:1.5; overflow:auto; }
form fieldset select { width:40em; font-size:0.8em; background:#FAFAFA; border:#BBBBC8 1px solid; padding:1px; }
form fieldset div.frameleft { margin-left: 10em;  }

form input.submit,form input.reset { float:left; font-size:0.8em; padding:1px 3px; }
form input.submit { color:#060; font-weight:bold; }
form input.reset { margin-left:1em; color:#C30; }
form select.datefield { width:4.5em; }
form div.newsection { border-top:#CCC 1px solid; padding-top:1.5em; margin-top:1.5em; }
form div.imagelibrary div { margin-top:1.25em; clear:both; }
form div.imagelibrary select { width:30em; }
form label span.req { font-size:0.75em; color:#C30; font-style:italic; padding-left:1em; }

div.logincontainer { margin:0 auto; width:24.875em; }
div.loginform { clear:left; border:#E4E4E4 1px solid; float:left; width:24.875em; padding:2em 0; margin-bottom:1.5em; }
div.loginform div { float:left; clear:left; margin:0; width:100%; }
div.loginform div.first { margin-bottom:1em; }
div.loginform label,div.loginform input { float:left; display:block; }
div.loginform label { font-size:0.7em; width:10em; text-align:right; font-weight:bold; padding:0.5em 1em 0 0; }
div.loginform input { font-size:0.8em; padding:2px; width:17.5em; }

div#header { text-align:left; background:#303030 url(../images/header_bg.gif) no-repeat bottom right; position:relative; }
div#welcome { position:absolute; top:0; right:190px; color:#FAFAFA; }
div#container { width:100%; margin:1em auto; text-align:left; }
div#content { width:50.5em; float:left; margin:0 0 1em 0; position:relative; }
div#left { float:left; margin: 0 50px; width:150px; }
div#footer { background:#303030; clear:both; padding:1em 0; position:relative; }

body.login div#container { width:25em; }
div#content.login { width:25em; }

div#content p { font-size:0.8em; line-height:1.5; }
div#content p.subp { margin:0.5em 1em 1.5em 2em; }
div#content p.normal { margin-bottom:1em; }
div#content form fieldset div p { font-size:0.7em; }
div#welcome p { margin:1em; font-size:0.7em; }
div#welcome a { color:#FAFAFA; }
div#footer p { color:#FFF; font-size:0.7em; }

div.inner { border:#E4E4E4 1px solid; padding:0.75em 1em; margin:0 0 1.5em 0; width: 48.5em; }
div.logininner { border:#E4E4E4 1px solid; padding:0.75em 1em; margin:0 0 1.5em 0; width: 22.875em; }
div.home { border:#E4E4E4 1px solid; padding:2px; margin:0 0 1.5em 0; clear:left; }
div.home2 { background:#FAFAFA url(../images/home_logo.gif) no-repeat 20px 50%; height:75px; }
div.home3 { background:#FAFAFA; padding:1em; }
div.home h3 { margin:0 0 0.75em 0; }
div.buttons { background:#F0F0F0; float:left; clear:left; }
form.login div.buttons { width:22.875em; }
div.error { float:none; background:url(../images/error.gif) no-repeat 1em 1em; border-color:#C30; }

div.success { float:none; background:url(../images/success.gif) no-repeat 1em 1em; border-color:#446600; }
div.success h3 { color:#446600; font-size:0.9em; margin:0.15em 1em 0.5em 1.7em; }



div.approval a { border:0; background:#FAFAFA; border:#E4E4E4 1px solid; padding:3px 9px; color:#303030; }
div.approval p { margin:0 0 0.75em 0; }
div.error h3 { color:#C30; font-size:0.9em; margin:0.15em 1em 0.5em 1.7em; }
div.inner p { float:none; margin:1em 0; font-size:0.7em; }

div.inner ul,ol { font-size:0.7em; line-height:1.5; margin:0.5em 2em; }


div.menu { width:10.5em; margin-bottom:1em; }
div.menu div { background:#FFF; border:#E4E4E4 1px solid; }
div.menu ul { list-style:none; margin:2px; background:#FAFAFA; padding:0.4em; }
div.menu ul a { font-size:0.7em; text-decoration:none; padding:0.5em 0.5em 0.5em 28px; display:block; width:10em; border:#FAFAFA 1px solid; line-height:1.2; }
div.menu ul a:link { color:#039; border:#FAFAFA 1px solid; }
div.menu ul a:visited { color:#039; border:#FAFAFA 1px solid; }
div.menu ul a:hover,div.menu ul a:focus,div.menu ul a:active { background-color:#EDF0F5; border-color:#BBBBC8; }

ul#navigation { position:absolute; top:4.71em; left:16em; }
ul#navigation li { display:inline; }
ul#navigation li a { display:block; float:left; padding:0.5em 1.2em; color:#FFF; font-size:0.7em; text-decoration:none; border:0; }
ul#navigation li a:hover,ul#navigation li a:active,ul#navigation li a:focus { background:#DDD; color:#303030; }
ul#navigation li.selected a { background:#fff; color:#303030; font-weight:bold; }

div#browsers { position:absolute; top:0; right:0; color:#FFF; font-size:0.7em; }

/* Tab Styles */

li#viewsiteli a { background:#666; color:#FFF; }

/* Styles for H2 icons */

div.logincontainer h2 { background:#FFF url(../images/login.gif) no-repeat center left; }
body.home #content h2 { background:#FFF url(../images/home.gif) no-repeat center left; }
body.pages #content h2 { background:#FFF url(../images/page.gif) no-repeat center left; }
body.blog #content h2 { background:#FFF url(../images/news.gif) no-repeat center left; }
body.events #content h2 { background:#FFF url(../images/events.gif) no-repeat center left; }
body.faqs #content h2 { background:#FFF url(../images/faqs.gif) no-repeat center left; }
#content h2.users { background:#FFF url(../images/user.gif) no-repeat center left; }
body.settings #content h2 { background:#FFF url(../images/tools.gif) no-repeat center left; }
body.error #content h2 { background:#FFF url(../images/error.gif) no-repeat center left; }

/* Styles for icons on toolbar */

div.page .vie a { background:transparent url(../images/page_view.gif) no-repeat 2px center; }
.tools a { background:transparent url(../images/events_edit.gif) no-repeat 2px center; }
div.page .home a { background:transparent url(../images/home.gif) no-repeat 2px center; }
div.page .new a { background:transparent url(../images/page_new.gif) no-repeat 2px center; }
div.page .edi a { background:transparent url(../images/page_edit.gif) no-repeat 2px center; }
div.page .set a { background:transparent url(../images/page_settings.gif) no-repeat 2px center; }

div.events .edi a { background:transparent url(../images/events_edit.gif) no-repeat 2px center; }
div.events .new a { background:transparent url(../images/events_new.gif) no-repeat 2px center; }

div.faqs .edi a { background:transparent url(../images/faqs_edit.gif) no-repeat 2px center; }
div.faqs .new a { background:transparent url(../images/faqs_new.gif) no-repeat 2px center; }
div.faqs .set a { background:transparent url(../images/faqs_order.gif) no-repeat 2px center; }

div.user .vie a { background:transparent url(../images/user_view.gif) no-repeat 2px center; }
div.user .new a { background:transparent url(../images/user_add.gif) no-repeat 2px center; }
div.user .edi a { background:transparent url(../images/user_edit.gif) no-repeat 2px center; }
div.user .con a { background:transparent url(../images/user_talk.gif) no-repeat 2px center; }

div.news .new a { background:transparent url(../images/news_add.gif) no-repeat 2px center; }
div.news .vie a { background:transparent url(../images/news_view.gif) no-repeat 2px center; }

div.tools .ima a { background:transparent url(../images/tools_image.gif) no-repeat 2px center; }
div.tools .pdf a { background:transparent url(../images/tools_pdf.gif) no-repeat 2px center; }
div.tools .log a { background:transparent url(../images/tools_logs.gif) no-repeat 2px center; }
div.tools .tes a { background:transparent url(../images/tools_testimonials.gif) no-repeat 2px center; }
div.tools .mys a { background:transparent url(../images/tools_database.gif) no-repeat 2px center; }

/* Toolbar heading styles */
h2.home { background:#FFF url(../images/home.gif) no-repeat center left; }
h2.login { background:#FFF url(../images/login.gif) no-repeat center left; }
h2.pages { background:#FFF url(../images/page.gif) no-repeat center left; }
h2.users { background:#FFF url(../images/user.gif) no-repeat center left; }
h2.news { background:#FFF url(../images/news.gif) no-repeat center left; }
h2.tools { background:#FFF url(../images/tools.gif) no-repeat center left; }
h2.events { background:#FFF url(../images/events.gif) no-repeat center left; }
h2.faqs { background:#FFF url(../images/faqs.gif) no-repeat center left; }

table.view { border-collapse:collapse; margin:1px 0 1.25em 0; width:50.5em; clear:both; }
table.view th,table.view td { border:#E4E4E4 1px solid;; padding:0.5em; }
table.view th { background:#FAFAFA; font-size:0.8em; }
table.view tr td { color:#AAA; font-size:0.7em }
table.view tr td.withicon { background:url(../images/bullet_red.gif) no-repeat 50% 50%; }
table.view tr td.secure { background:url(../images/secure.gif) no-repeat 98% center; }
table.view tr.published td { color:#000; }
table.view tr.published td.withicon { background:url(../images/bullet_green.gif) no-repeat 50% 50%; }

table.view tr.imagebank td { background:#c1e890; }


table.view img { margin:0 0.25em 0 0; vertical-align:middle; }

table.view span.toplevel { color:#CCC; }
table.view span.subpage { padding-left:1.5em; }

table.view #pubcell { width:2.5em; }
html>body table.view #pubcell { width:1.5em; }
table.view #titlecell { width:30em; }
table.view #categorycell { width:20em; }
table.view #actioncell { width:15em; }
table.view #longcell { width:50em; }

table.view span.level_1 { color:#060; font-weight:bold; }
table.view span.level_2 { color:#C30; font-weight:bold; }

div.leftmenu-space { 
	margin-top:15px;
}

/* Quick Help menu styles */

#quickhelp { position:absolute; top:8px; right:15px; list-style:none; }
#quickhelp li ul { display:none; list-style:none; border-bottom:#E4E4E4 1px solid; margin-left:3px; width:155px; }
#quickhelp li.first a { display:block; width:161px; height:25px; text-indent:-10000px; background:transparent url(../images/quick-help.gif) no-repeat top left; border:0; }
#quickhelp li.first a:hover { background-image:url(../images/quick-help-on.gif); }
#quickhelp li.first:hover ul { display:block; }
#quickhelp li.first ul a { text-indent:0; background:#FAFAFA; /*border:#E4E4E4 solid; border-width:1px 1px 0 1px;*/ border-top:#E4E4E4 1px solid; border-right:#E4E4E4 1px solid; border-left:#E4E4E4 1px solid; font-size:0.7em; padding:4px 6px; width:141px; height:auto; }
#quickhelp li ul a:hover { background:#EEE url(../images/arrow_small.gif) no-repeat 95% 50% !important; }

/* WYSIWYG Editor Styles */

body.mceContentBody { font-size:1.2em; line-height:1.4; padding:1em 0.75em; cursor:text; }

/* mike - added for the password forgotten */
div.password-forgot a { font-size:0.8em; }

p.largebmargin { 
	margin-bottom:10px;
}

div.pseudo-button { 
	float:left;
}

textarea.smaller { 
	height:10em;
}