/* $Id: cornflower.css 35384 2011-07-14 22:36:39Z sept_7 $
 * Cornflower (blue) option for Ohia
 * Ohia is an original theme for TikiWiki CMS/Groupware by
 * Gary Cunningham-Lee (chibaguy), released under the GNU LGPL license.
 * This theme uses the *litecss source-ordered layout solution (http://sourceforge.net/projects/litecss).
 * For more information, please visit http://themes.tiki.org or http://zukakakina.com.
*/


/***** XHTML Elements (body tag here,
			others follow Layout) *****/
body {
	background: #7299A5;
	color: #004354;
	text-align: left;
}

/***** Layout (overrides layout.css;
		also styling of page layout divs)  *****/
#main {
	color: #004354}

#header {
	height: 147px;
}

#middle {background: #A3BFC9}

#c1c2 #wrapper #col1 > .content {
	color: #004354;
}

#footer {
	text-align: center;
	font-size: .9em;
	background: #2D1705 url(cornflower/header.png) 0 0;
	min-height: 90px;
	color: #fff;
	position: relative;
}

#footer a:link,
#footer a:visited {
	color: #fff;
}

#footer a:hover {
	color: #A3BFC9;
	text-decoration: underline}

/***** XHTML Elements (other than body tag) ******/
a,
a:visited {
	color: #0B7698;
	text-decoration: none}

a:hover {
	text-decoration: underline;
	color: #004354}

.wikitext a:link.wiki,
.wikitext a.link:visited {
	color: #0B7698 !important;
	text-decoration: none !important}

.wikitext a.link:hover {
	color: #004354 !important;
	text-decoration: none !important}


hr {
	width: 100%;
	height: 1px;
	background: #aaa;
	border-width: 0;
	padding: 0;
	color: #004354}

fieldset {
	color: #004354;
	border: 1px solid #4c4c4c;
	padding: 10px}

legend {color: #004354}

button,
input,
textarea,
select,
body.cke_show_borders {
	background: #B1CFD6;
	color: #0C7E9B;
	border: 1px solid #0C7E9B}

body.cke_show_borders {
	border: none;
}

#col2 input[type="text"],
#col2 input[type="password"],
#col3 input[type="text"],
#col3 input[type="password"] {width: 90%}

input[type="file"] {color: #004354}


.button a,
.button a:visited,
button,
input[type="reset"],
input[type="submit"],
.button input,
.calbuttonbox {
	padding: 1px 4px;
	margin: 2px;
	color: #F9FBCC;
	font-size: 11px;
	font-weight: bold;
	border: 1px solid #528D9C;
	border-right: 1px solid #004454;
	border-bottom: 1px solid #004454}


.button a:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.button input:hover,
.calbuttonbox:hover {
	padding: 1px 4px;
	margin: 2px;
	color: #fff;
	background: #608C96;
	text-decoration: none}

button:active,
input[type=submit]:active,
.button input:active {background: #87B5BF}

form.admin input[name="features"] {margin-bottom: 3px !important}
select[name="theme"] {width: 145px}
small {font-size: .9em}
label {margin: 0 2px}

/***** Site Header & Identity *****/
#header-top {
	position: static;
}

#siteheader {
	text-align: left;
	background: transparent;
	vertical-align: middle;
	padding: 0;
	margin: 0 0 27px;
	background: #7996A4 url(cornflower/header.png) repeat-x 0 100%;
	height: 114px;
}

div#sioptions {
	width: 100%;
	margin: 0}

div#sitelogo {
	margin: auto}

div#sitead {margin: auto}
#sitead.floatright {padding-right: 100px}
#sitead.floatleft {padding-left: 100px}

#siteloginbar {
	top: 0px;
	right: 0px;
	bottom: auto;
	color: #fff;
	padding: 6px 20px;
}

#siteloginbar a,
#siteloginbar a:visited {
	color: #fff;
	font-weight: bold;
}

.sl-login, .rme, .pass, .register, #siteloginbar .wikiaction {
    display: block;
    clear: both;
    float: right;
    margin-right: 0;
}

#sl-login-user, #sl-login-pass {
	width: 8em;
}

#siteloginbar_popup {
	bottom: 9px;
}

#sitelocbar {float: left}
#customcodewith_ad {width: 400px}

#sitetitle,
#sitesubtitle {
	color: #fff;
	font-weight: bold;
	padding-left: 50px}

#sitetitle a,
#sitetitle a:visited {color: #fff}

#sitetitle {
	display: block;
	font-size: 28px;
	margin-top: 20px;
	margin-bottom: 2px}

#sitesubtitle {
	display: block;
	margin-top: 3px;
	padding-top: 6px}

#tiki-top {
	text-align: left;
	position: absolute;
	top: 114px;
	width: 100%;
	background: #FF8C26;
}

#tiki-top ul.cssmenu_horiz {
	float: left;
	background: #FF8C26;
	padding: 0}

#tiki-top table {width: auto}

#sitesearchbar {
	padding: 2px;
	text-decoration: none;
	/*font: 1.1em Verdana, Helvetica, Arial, Sans-Serif;*/
	color: #fff;
	background: transparent;
	border: none}

#sitesearchbar form {
	margin-right: 15px;
	margin-top: 1px !important;
}

/****** Menus, Links ******/
/** CSS (suckerfish) menus **/

/*.cssmenu_vert li,*/
.cssmenu_horiz li {
	padding: 0.7em 1.2em;
	background: #FF8C26;
}

/*.cssmenu_vert li:hover,*/
.cssmenu_horiz li:hover {
	background: #FF482A;
}

.cssmenu_vert li ul li {
	border: 1px solid #B1CFD6;
	background: #94BBC4;
}

.cssmenu_horiz li ul li {
	border: 1px solid #FF8C26;
	background: #FF8C26;
}

.cssmenu_vert li ul li:first-child {
	border-top: 1px solid #87B5BE;
}

.cssmenu_horiz a, .cssmenu_vert a {
	color: #fff;
	font-weight: bold;
}

.cssmenu_horiz a:hover, .cssmenu_vert a:hover {
	text-decoration: none;
}

#secondary_site_menu a,
#secondary_site_menu a:visited {
	color: #fff;
	font-size: 95%
}

#secondary_site_menu ul li ul a,
#secondary_site_menu ul li ul a:visited {
	color: #0B7698;
}

/** Links in other menus **/
.separator a:link,
.separator a:visited,
.separator a:hover {color: #004354}

.linkmenu:hover {color: #004354}
a.linkmodule:hover {color: #004354}

/***** Misc. Center Col. *****/
a.flip,
a.flip:visited,
.tellafriend a,
.tellafriend a:visited {color: #840000}

a.flip:hover,
.tellafriend a:hover {color: #004354}

/****** Misc. Global ****/

.inline_syntax {
	color: #0B7698;
}

/****** Jquery ******/
/**help**/
a.tikihelp:hover {
	color: #0B7698;
}


/***** Boxes *****/
/** Modules **/
.box {
	width: 200px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 4px}

h3.box-title {
	padding-top: 0;
	color: #fff;
	background: #FF8C26;
	border: 1px solid #528D9C;
	padding: 8px;
	margin: 0;
	font-size: 1.1em;
}

.box-title a,
.box-title a:link {
	color: #fff;
	text-decoration: none}

.box-title a:hover {text-decoration: underline}

.box:hover img.flipmodimage {
	border: 1px solid transparent;
	right: 3px;
	top: 3px;
	background: #87B5BF}

img.flipmodimage:hover {
	border: 1px solid #528D9C !important
}

.box-data {
	background: #B1CFD6;
	border: 1px solid #528D9C;
	border-top: none;
	padding: 14px;
	margin-bottom: 10px}

/** Other boxes **/
.cbox {
	color: #004354;
	background: #94BBC4;
	border: 1px solid #528D9C}

.cbox-title {
	border-color: #528D9C;
	text-align: center;
	font-weight: bold}

.rbox-title,
.rbox-data {
	background: #87B5BF;
	border-color: #528D9C;
	color: #fff}

.rbox-title {
	border-bottom: none;
}

.simplebox {
	background: #94BBC4;
	border: 1px dotted #a9a9a9;
	color: #004354}

.rbox-data a:hover {
	color: #0B7698;
	text-decoration: underline;
}

/***** Tables, Tabs *****/
/** Tables **/

.admin {background:#94BBC4}

.normal,
.sortable {
	border: solid 1px #0C7E9B;
	border-bottom: solid 1px #0C7E9B;
	border-left: solid 1px #0C7E9B;
	border-collapse: collapse}

.normal tr,
.sortable tr { border: none }

.normal th,
.sortable th { border: none }

td {vertical-align: top}

.formcolor td,
.editblogform td {padding: 3px}

tr.odd,
td.odd,
tr.odd td,
li.odd {
	background: #94BBC4;
	color: #004354;
}

tr.even,
td.even,
tr.even td,
li.even {
	background: #A3BFC9;
	color: #004354;
}

tr.odd td,
td.odd,
tr.even td,
td.even {
	border-right: none;
}

.normal td,
.sortable td,
.wikitable td,
td.odd,
td.even {
	margin: 0;
	padding: 0.2em;
	vertical-align: top;
	border-collapse: collapse}

/* headings */
th,
.normal td.heading,
td.heading,
.caltable .days {
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background: #87B5BF;
	min-height: 32px;
	text-align: center}


a.tablename,
a.galname,
a.imagename,
a.blogname,
a.fgalname,
a.artname,
a.forumname {color: #0B7698}

a.forumnameread {color: #0B7698}

/* links in table headings */
.tableheading,
.gallistheading,
.listgalheading,
.bloglistheading,
.llisfgalheading,
.llistfileslink,
.llistart,
.lforumheading {color: #004354}

/** Tabs **/
.tabs {
	padding: .2em .2em 0;
	margin: 0 0.2em 0 0;}

.tabmark {
	background: #87B5BF;
	border: 1px solid #4c4c4c}

.tabmark a {
	border-bottom: 0;
	color: #0B7698;
	padding: 1px 5px 1px 5px;
	text-decoration: none}

.tabmark a:active {
	background: #87B5BE;
	color: red}

.tabmark a:hover {
	color: #004354;
	background: #87B5BE}

.tabactive {
	border: solid 1px #666 !important;
	border-bottom: 0 !important;
	border-top-width: 2px !important;
	position: relative; top: -2px}

[class].tabactive {top: -1px}
.tabactive a {background: #87B5BF; color: #004354}

.tabinactive {border: solid 1px #666 !important}

.tabcontent {
	border-color: #528D9C;
	padding-top: 22px;
	margin-bottom: 25px;
	background: #94BBC4}

.tabcontent table {
	margin: 1% auto 2% auto;
	text-align: left;
	width: 95%;
	background: transparent}

.tabcontent table td {padding: 5px}

/***** Wiki *****/
body.tiki_wiki #comments {padding: 1em}

h1 a.pagetitle,
h1 a.pagetitle:visited {
	font-size: 1.2em;
	color: #004354}

h1 a.pagetitle:hover {
	text-decoration: none}

.wikitopline {}

#description,
.description {
	font-size: .95em;
	font-style: italic}

#pageid {
	float: left;
	clear: both}

#cachedpage {
	float: right;
	font-size: small}

.wikitext {margin-top: 4px}

.titlebar {
	padding: 0.1em;
	border-top: 1px solid #0C7E9B;
	border-bottom: 1px solid #0C7E9B;
	margin: 10px 0}

.wikitable {
	border: none;
	border-collapse: collapse}

.wikicell {
	padding: 3px;
	border: none;
	border-collapse: collapse}

#page-bar {
	display: block;
	margin-top: 0;
	float: 0}


#wikihelp-tab table,
#wikihelp-tab table td {
	border: solid 1px #0C7E9B;
	border-collapse: collapse}

#wikihelp-tab table td {padding: 2px}
#textarea-toolbar {background: white}

/* Wiki plugins */

/* Code plugin  */
.code {
	font-size: 90%;
	padding: 3px;
	border: 1px dashed #a9a9a9;
	background: #000;
	font-family: "Courier New", Courier, monospace}

.codelisting {
	font-family: "Courier New", Courier, monospace;
	padding: 10px;
	background: #000;
	margin: 4px;
	border: 1px dashed #0C7E9B;
	overflow: auto;
	width: 600px} /*Using % here makes Firefox 3 act like IE7. */

.codecaption {
	font-size: 90%;
	padding: 0 10px;
	position: relative;
	bottom: -5px;
	display: inline;
	border: 1px solid #0C7E9B;
	border-bottom: 0;
	margin: 0;
	color: #0C7E9B;
	background: #000;
	font-weight: bold}

/* Quote plugin */
.quoteheader {margin-left: 20px}
.quotebody {font-style: italic}
.wikiplugin-split {border: 0}

/** Wiki tocs **/
.tocnav {
	background: #B1CFD6;
	padding: 3px;
	margin-bottom: 4px;
	clear: both}

#tocnavicons {float: left}
#tocnavaddpage {float: right}
#tocnavlinks {clear: both}
.fancytoclevel {list-style-image: url(../img/icons/footprint.gif)}

li.toclevel a,
li.toclevel a:visited {
	color: #0B7698;
	text-decoration: none}

li.toclevel a:hover {
	text-decoration: underline;
	color: #004354}

/* TOC */
.toc {
	padding-left: 2em;
	border-top: 1px dotted #a9a9a9;
	border-bottom: 1px dotted #a9a9a9;
	margin-bottom: 4px}

.toc * {border: 0}

/* wikiplugin remarksbox */
.wikitext .rbox-data ul {
    list-style-type: disc;
    margin-left: 15px;
    padding-left: 15px; 
}

/* wikiplugin tracker */
.mandatory_star {
    font-weight: bold;
    color: red;
}

.trackerplugindesc {
	color: #0C7E9B;
    font-style: italic
}

.charCount {
    color: #BEBCBC; font-style: italic
}

/***** Articles ****/

.articleheadingtext {
	color: #004354}

.articletrailer {
	text-align: right}

.articletrailer .wikitopline {
	float: right;
	color: #004354}

/***** Blogs *****/

a.blogt:hover {
	color: #004354;
	border-bottom: 1px dotted #004354}

.postinfo {
	margin-bottom: 20px;
	margin-top: 10px;
	font-size: 1.2em}

.postinfo a {
	color: #0B7698;
	text-decoration: none;
	border-bottom: 0}

/***** Forums *****/
body.tiki_forums .normal {margin: auto}

.post .postbody {
	clear: both;
	margin: 0;
	margin-top: 5px;
	padding: 0;
	background: #87B5BE;
	font-size: 1.1em}

* html .post .postbody {font-size: 11px}

.post .postbody .content {
	float: left;
	padding: 0;
	text-align: left;
	width: 100%;
	color: #004354;
	border: 1px solid #4c4c4c;
	border-top: 0;
	background: #87B5BE !important}

.post .postbody-title {
	display: block;
	padding-bottom: .8em;
	background: #87B5BF;
	border: 1px solid #528D9C}

.post .postbody-title .checkbox {float: left}

.post .postbody-title .title {
	float: left;
	font-weight: bold;
	font-size: 1em;
	margin-left: 5px;
	margin-top: 3px}

.post .postbody-title .title h2 {
	padding: 0}

.post .postbody-title .title a.link {color: #004354}

.post .author {
	text-align: right;
	vertical-align: top}

.post .author_post_info {
	display: block;
	background: #94BBC4;
	padding: 0 2px 2px 2px}

.post .author_info .icons {display: block}
.post .author_info .icons .actions {margin-right: 10px}
.post .author_post_info_on {font-style: italic}

.post .author_info {
	float: right;
	background: #94BBC4;
	padding: 0 2px 2px 2px;
	margin-left: 5px;
	margin-bottom: 6px;
	margin-right: 0;
	border-left: 1px solid #4c4c4c;
	border-bottom: 1px solid #4c4c4c}

.post .avatar {
	float: right;
	margin-bottom: 5px;
	margin-left: 4px;
	padding: 3px;
	border: 1px solid #777777;
	background: #94BBC4}

.sub_comment {padding-left: 20px}

.sub_comment_area {
	clear: both;
	background: url("../../img/edge.gif") no-repeat top left}

.forum_actions .actions {
	clear: both;
	border: 1px solid #4c4c4c;
	background: #94BBC4;
	padding: 3px;
	vertical-align: middle}

.forum_actions .actions .action {margin-right: 10px}
.forum_actions .headers {vertical-align: bottom}
.forum_actions .headers .title {
	float: left;
	background: #A3BFC9;
	border: 1px solid #4c4c4c;
	border-bottom: 0;
	padding: 1px}

.forum_actions .headers .infos {
	float: right;
	font-size: smaller;
	padding-top: 2px}

.thread_pagination {
	text-align: center;
	margin-bottom: 10px}

.nb_replies {white-space: nowrap}
.post_preview, .top_post {margin-bottom: 15px}


/***** File Galleries *****/
.fgalexplorer {border: 1px solid #0C7E9B}

.fgallisting table td {
	padding-left: 2px;
	padding-right: 2px}

.thumbnailcontener {
	border: 1px solid #0C7E9B;
}

/***** Directory *****/
.dircategs {
	border: 1px solid #0C7E9B;
	padding: 5px}

/***** Messages *****/
.prio1,
.prio2,
.prio3,
.prio4,
.prio5 {
	border: 1px solid #528D9C;
	padding-left: 2px}

.prio1 {background: #780101}
.prio2 {background: #8d0101}
.prio3 {background: #a20202}
.prio4 {background: #b70202}
.prio5 {background: #cc0202}

.messureadflag {
	background: #87B5BE;
	padding-left: 5px}

.messureadhead {
	background: #87B5BE;
	margin-top: 2px}

.messureadbody {
	margin-top: 5px;
	background: #87B5BE}

.readlink {
	font-size: .95em;
	color: #fff}

/***** TikiSheets *****/
.default thead td,
.default tfoot td {
	font-weight: bold;
	text-align: center;
	background: #4c4c4c;
	color: #004354}

.default td {
	border: solid 1px #a9a9a9;
	background: black}

/***** Calendar *****/

.caltoggle {font-size: 90%}

.opaque {
	background: #528D9C;
	border: 1px solid #528D9C}

.opaque .box-title {border-bottom: 1px solid black}
.searchresults {display: inline}
#caltable td {padding: 0}
#caltable a,
#caltable a:visited {
	color: #0B7698;
	text-decoration: none}

#caltable a:hover {
	text-decoration: underline;
	color: #004354}

#caltable .calfocuson,
.box-data .fc a.today,
.box-data td a.today {
	background: #87B5BF;
	border: solid 1px #528D9C;
	font-weight: bold;
}

.caltable .calfocuson {
	color: #ffffff;
	background: #87B5BF;
}

#caltable .calfocuson a {color: #000}

#caltable .calfocus a,
#caltable .calfocuson a {
	text-decoration: none;
	color: #fff}

.calfocus a {
	color: red;
}

.caltable .calfocuson a {
	color: #ffffff;
}

.calfocus {border-bottom: 0}

.calnavigation {
	border: 1px solid #528D9C;
	text-align: center;
}
.calnavigation a:hover {background: url(cornflower/body.png)}
.calinput {background: #000}

.calfocuson + .calcontent {
	background: #000;
	border: 1px solid #528D9C}

#caltable .days {
	color: #004354;
	background: #87B5BF;
	border: 0;
	border-right: 1px solid #528D9C}

#caltable .weeks {
	background: #87B5BF;
	color: #004354;
	border: 0}

.addevent {
	padding: 0 5px;
	float: right}

.calodd, .caleven {border: 1px solid #0B7698}
.calodd {background: #94BBC4}
.caleven {background: #87B5BE}

.caldark {
	background: #7299A5;
	color: #004354;
	border: 1px solid #0B7698;
}

.caldark .calfocus {background: #7299A5}

div#calscreen .calfocuson {
	background: #7299A5;
}

.calfocuson {
	font-size: 100%;
	border-bottom: 0px;
}

.calfocuson a {
	font-size: 90%;
}

.calHeadingOn, .calHeadingOn a {
	background: #87B5BF;
}

.daterow {
	background-color: #87B5BE;
	border: 1px outset #87B5BE;
}

.daterow:hover {
	background-color: #222;
}

/***** Admin *****/
a.admbox {
	color: #a9a9a9;
	border: 1px solid #a9a9a9;
	background: #94BBC4 center no-repeat}

a.admbox:hover,
a.admbox:focus,
a.admbox:active {
	background: #87B5BE center no-repeat;
	border: 1px solid #0C7E9B;
	color: #fff}

a.admbox.off {border: 1px solid #a9a9a9}

a.admbox.off:hover,
a.admbox.off:focus,
a.admbox.off:active {border: 1px solid #a9a9a9}

/* Fixed-width rules */

body.fixed_width {
	background: #7299A5;
}

body.fixed_width #main[id] {
	border: none;
	margin-top: 0;
	margin-bottom: 5px;
}

/* End of File */
