/*

F1ECAE => F1E8C8

*/


BODY {font-family: Verdana, sans-serif; font-size: 80%; margin: 0px; background-color: #FFFFFF; line-height: 1.3}
BODY.sngprint {font-family: Verdana, sans-serif; font-size: 70%; margin-left: 50px; background-color: #FFFFFF}
TABLE {font-size: 100%;}
PRE {font-size: 120%; margin-top: 0px}
P {text-indent: 0px; margin: 10px 0px; text-align: justify}
P.listp {text-indent: -10px; margin: 3px; text-align: justify}

UL {margin-top: 7px; margin-left: 10px; padding-left: 10px; list-style: disc inside}
OL {margin-top: 7px; list-style: decimal inside}
UL UL {margin-top: 0px; vertical-align: bottom}
DIV.m30 {margin-left: 5px; margin-top: 3px;  margin-top: 3px}
.poem {width:300px; white-space: pre; margin: 10px auto 20px auto}
UL.litopys {padding-left: 1em}
UL.litopys li {text-indent: -1em; margin-bottom: 0.4em;}

span.cntmark {background-color: red; color: white; border-radius: 2px; padding: 0px 2px; display: inline-block;}

.maincolumn {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; background-color: #DDDDDD; padding-left: 15px; padding-right: 15px}
.topmenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%}
/*.content {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px}*/
.lgcont {font-size:110%}
.smcont {font-size:100%}
.smmcont {font-size:80%}
.fade {font-style: italic; font-size: 90%; color: #777777}
.fade2 {font-style: italic; font-size: 90%; color: #AAAAAA}
.smallest {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 4px}
input, textarea, select {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 120%;
  border: 1px solid #888888; margin: 1px; padding: 2px}
input.button, div.button {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; height:28px; min-wwidth:130px;
  font-weight: bold; border: 1px solid #444444; padding-bottom: 3px; margin: 10px;
  background-image: url(/images/files.png); background-color: white; cursor: pointer; text-decoration: none; background-position: -0px -292px;}
input.smbutton {font-family: Arial, Courier New, Helvetica, sans-serif; font-size: 80%; background-color:white; text-align:center;
  font-weight: bold; border: 1px solid #444444; padding-bottom: 3px; min-width: 50px; height: 22px; cursor: pointer; background-image: url(/images/files.png); background-position: -96px -272px;}
input.radio {border: 0px; margin-left: 5px; margin-right: 2px;}
.comment_input {width:450px;font-family: Courier New, Courier, monospaced;}
.mono {  font-family: Cconsolas, Courier New, Courier, monospaced; font-size: 13px}
.monosm {  font-family: Cconsolas, Courier New, Courier, monospaced; font-size: 12px}
A { text-decoration: none; color: #0000AA}
A:hover { text-decoration: underline; color: #EE0000}
A.dyn:visited {color: #804080}
A.dyn:hover {color: #EE0000}
.songwords {font-family: Consolas, Courier New, Courier, monospaced;}
A.menuHeader:hover {color: green}


div#backMessage { 
	position: absolute; /*visibility: hidden;*/ display: none; z-index: 10; 
	width:300px; height:26px; 
	text-align: center; vertical-align: middle;
	font-size: 150%;
	/* font-weight: bold; */
	background-color: #CCFF00; color: black/*#000000*/; 
	padding: 6px 5px 2px 5px; border: double black; 
}



/* Navigation column */

.nav_column {background-color: #EFEFEF}

.nav_title {font-size: 110%;
  font-weight: bold; text-align: center; color: white; background: #BBBBBB; height: 23px;
  border-bottom: 1px solid #444444; border-top: 1px solid #444444}

.nav_cell { font-family: Arial, Helvetica, sans-serif; font-size: 120%; padding-top: 5px;
  padding-right: 4px; padding-bottom: 5px; padding-left: 4px; color: #000000; vertical-align: top;}

.nav_input {font-size: 90%; font-family: Arial, Helvetica, sans-serif; width: 135px}
.login_input {font-size: 90%; font-family: Arial, Helvetica, sans-serif; width: 160px}

#nav_search {width: 110px}

.nav_button_search {font-family: Courier New, Arial, Helvetica, sans-serif; font-size: 100%;
  font-weight: bold; border: 1px solid #888888; background-color: #AAAAAA; padding: 1px; width: 30px; height: 20px; cursor: pointer}

.nav_button_login {font-family: Arial, Courier New, Helvetica, sans-serif; font-size: 90%; background-color:white; text-align:center;
  font-weight: bold; border: 1px solid #444444; padding-bottom: 3px; width: 100px; height: 22px; cursor: pointer; background-image: url(/images/files.png); background-position: -96px -272px;}

.contact_cell {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-style: italic}
.sm_nav_cell {font-size: 90%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px}
.smm_nav_cell {font-family: Arial, Helvetica, sans-serif; font-size: 11px; padding-top: 5px; padding-right: 4px; padding-bottom: 5px; padding-left: 4px}


/* End navigation column */

/* Lists */

.list {background: #AAAAAA; width: 100%;}
.lh {background: #E7E7E0; font-weight: bold; text-align: center;}
.lhtd {padding-top:3px; padding-bottom:3px}
.li {background: #F8F8F8;}
.li_nohover {background: #EFEFEF;}
tr.li:hover {background-color: #FEC0C0 !important}

/* End lists */

/* Twocolor */

.evenrow {background: #EFEFEF;}
.oddrow {background: #F5F5F5;}

/* End twocolor */



/* Custom colors */

#cc_not_reviewed {background-color: #DDFFDD}

#cc_male {background-color: #E7E7FE}
#cc_female {background-color: #FEE7E7}

#cc_news_visible {background-color: #EFB0B0}
#cc_news_old {background-color: #EFEFD0}
#cc_news_upcoming {background-color: #D0EFD0}

#cc_calendar_today {background-color: #EFB0B0}

/* End custom colors */


/* h1 same as h3 */
h1, h2, h3, h4, h5 {  font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; text-align: center;}
h1 {font-size: 140%; margin-top: 30px;}
.nomarg {margin-bottom: 5px; margin-top: 30px;}
.newsheadmain {margin: 25px 0px; font-size: 150%; text-align: left; color: #404040; text-decoration: underline}
.nullmarg {margin: 5px;}
h3 {font-size: 140%; margin-top: 30px; margin-bottom: 10px}
h4 {font-size: 120%;}
h5 {font-size: 110%;}
h6 {font-size: 100%;}
.error {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; font-weight: bold; text-align: left; color: red}
.warning {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-align: left; color: black}

/* Begin blocks */

div.sidebarblock {padding: 5px; background: #F8F8F8; border: 1px solid #AAAAAA; margin: 10px auto; font-size: 90%}
div.actualblock {padding: 5px; background: #EFE0E0; border: 1px solid #AAAAAA; margin-top: 12px; font-size: 100%}
div.personlistblock {padding: 5px; background: #F8F8F8; border: 1px solid #AAAAAA; font-size: 90%}
div.newsblock {padding: 0px; background: #FFFFFF; bborder: 1px solid #AAAAAA; margin-top: 10px;}
.blockheader      {background: #F1E8C8; border: 1px solid #AAAAAA; padding: 2px 5px; text-align: left; font-weight: bold; margin-bottom: 3px; vertical-align:top;}
.songsblockheader {background: #F1E8C8; border: 1px solid #AAAAAA; padding: 4px 5px; text-align: left; font-weight: bold; margin: 10px 0px 0px 0px; vertical-align:top;}
.hidebutton {float: right; font-weight: normal; cursor: pointer; font-size: 80%}

/* End blocks */

/* Begin toolbar */
.tbButtonRised {text-align: center; padding: 0px; border-top: 1px solid buttonhighlight; border-bottom: 1px solid buttonshadow; border-left: 1px solid buttonhighlight; border-right: 1px solid buttonshadow; width:20px; height:20px; display: inline-block; cursor: pointer;}
.tbButtonPressed {text-align: center; padding: 0px; border-top: 1px solid buttonshadow; border-bottom: 1px solid buttonhighlight; border-left: 1px solid buttonshadow; border-right: 1px solid buttonhighlight; width:20px; height:20px; display: inline-block;}
.tbButtonActive {text-align: center; padding: 0px; margin:1px; color: #000000; width:20px; height:20px; display: inline-block}
/* End toolbar */

/* Begin messages */
.warningBox {
	text-align: center;
	min-width: 15%;
	max-width: 75%;
	border: solid 1px #ff8888;
	margin: 15px auto;
	padding: 10px;
	background: #EECCCC;
}

.warningBoxT {
	text-align: center;
	min-width: 15%;
	max-width: 85%;
	border: solid 1px #ff8888;
	margin: 5px auto;
	padding: 5px;
	background: #EECCCC;
}
/* End message */


/* Forum begin */

div.forumQuote {
	background: #EEFFEE;
	border: solid 1px #878760;
	width: 90%;
	padding: 0px;
	margin: 10px auto 5px auto;
	text-align:left;
}

div.forumQuoteUser {
	background: #E7E7E0;
	border: none;
	padding: 5px;
	margin: 0px;
	text-align:left;
}

div.forumQuoteBody {
	background: #F8F8F8;
	padding: 5px;
	text-align:left;
}

/* Forum end */




/* New design */

div.siteMenu {
	/*background: #F1EA7E;*/
	background: #F1E8C8;
	border-bottom: solid 1px #878760;
	border-top: solid 1px #878760;
	border-left: none;
	border-right: none;
	padding: 4px;
	margin: 0px;
	text-align: left;
	/*clear: both;*/
	font-size:120%;
	/*height:16px;*/
}

.siteMenu td {
	border-right: solid 2px #878760;
	padding: 0px 7px 1px 7px;
}

div.siteFooter {
	background: #F1E8C8;
	border-bottom: solid 1px #878760;
	border-top: solid 1px #878760;
	border-left: none;
	border-right: none;
	padding: 3px;
	margin: 0px auto;
	text-align: left;
	clear: both;
}

div.navColumnBlock {
	background: #F8F8F8;
	/*background: #E8ECF7;*/
	border: solid 1px #878760;
	padding: 3px;
	margin-bottom: 10px;
	text-align: left;
	width:152px;
}

#nav_search1 {width: 140px}

/* End new design */



/* Tabs */
ul#tabnav { /* general settings */
text-align: left; /* set to left, right or center */
margin: 1em 0em 1em 0em; /* set margins as desired */
font-size: 110%;
font-weight: bold;
/*font: bold 11px verdana, arial, sans-serif;*/ /* set font as desired */
border-bottom: 1px solid #888888; /* set border COLOR as desired */
list-style-type: none;
padding: 5px 10px 4px 10px; /* THIRD number must change with respect to padding-top (X) below */
}

ul#tabnav li {display: inline;}

div#tab1 li.tab1, div#tab2 li.tab2, div#tab3 li.tab3, div#tab4 li.tab4 { /* settings for selected tab */
border-bottom: 1px solid #fff; /* set border color to page background color */
background-color: #fff; /* set background color to match above border color */
}

div#tab1 li.tab1 a, div#tab2 li.tab2 a, div#tab3 li.tab3 a, div#tab4 li.tab4 a { /* settings for selected tab link */
background-color: #fff; /* set selected tab background color as desired */
color: #000; /* set selected tab link color as desired */
position: relative;
top: 1px;
padding-top: 6px; /* must change with respect to padding (X) above and below */
}

ul#tabnav li a { /* settings for all tab links */
padding: 5px 8px; /* set padding (tab size) as desired; FIRST number must change with respect to padding-top (X) above */
border: 1px solid #888888; /* set border COLOR as desired; usually matches border color specified in #tabnav */
background-color: #F1E8C8; /* set unselected tab background color as desired */
color: #666; /* set unselected tab link color as desired */
margin-right: 0px; /* set additional spacing between tabs as desired */
text-decoration: none;
border-bottom: none;
}

ul#tabnav a:hover { /* settings for hover effect */
background: #fff; /* set desired hover color */
}



/* Small buttons and icons */
/*.pisni-btn {display:inline-block; vertical-align:middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; horizontal-position: absolute; width:15px; height:15px; border: solid 1px #888888; margin: 0px; background-image: url('/images/icons.png'); cursor:pointer;}*/
/*.pisni-icon {display:inline-block; vertical-align:middle; -moz-border-radius: 3px; -webkit-border-radius: 3px; horizontal-position: absolute; width:15px; height:15px; border: solid 1px #888888; margin: 0px; background-image: url('/images/icons.png');}*/
.piisni-header-icon {border: none; display:inline-block; vertical-align: middle; horizontal-position: absolute; width:10px; height:10px; margin: 0px; background-image: url('/images/icons.png');}
.pisni-icon-32 {border: none; display:inline-block; vertical-align: middle; horizontal-position: absolute; width:32px; height:32px; margin: 0px; background-image: url('/images/files.png');}
.pisni-icon-16, .i16 {border: none; display:inline-block; vertical-align: middle; horizontal-position: absolute; width:16px; height:16px; margin: 0px; background-image: url('/images/files.png');}
.pisni-icon-16-m1 {border: none; display:inline-block; vertical-align:: -1px; horizontal-position: absolute; width:16px; height:16px; margin: 0px; background-image: url('/images/files.png');}
.icon-tb {border: none; display:inline-block; vertical-align: bottom; horizontal-position: absolute; width:16px; height:16px; margin: 2px auto; background-image: url('/images/files.png');}
/*.pisni-tb-span {border: none; display:inline-block; width:24px; height:24px; margin: 0px;}*/
.icon-ei {border: none; display:inline-block; vertical-align: bottom; horizontal-position: absolute; width:16px; height:16px; margin: 0px; background-image: url('/images/files.png');}
.pisni-icon-expnd { background-position: -2px -227px; border: none; display:inline-block; vertical-align: middle; horizontal-position: absolute; width:10px; height:12px; margin: 0px; background-image: url('/images/files.png');}
.pisni-icon-treble { background-position: -0px -256px; border: none; display:inline-block; vertical-align: middle; horizontal-position: absolute; width:17px; height:37px; margin: 0px; background-image: url('/images/files.png');}
.pisni-icon-bass { background-position: -16px -255px; border: none; display:inline-block; vertical-align: middle; horizontal-position: absolute; width:22px; height:25px; margin: 0px; background-image: url('/images/files.png');}
/*.rcms-btn:hover, .rcms-btn-hover {background-color: #654b24; background-image: url('css/pepper-grinder/images/ui-icons_ffffff_256x240.png')}*/
.pisni-icon-delete { background-position: -177px -97px; }
.rcms-btn-edit { background-position: -65px -113px; }
.rcms-btn-add { background-position: -33px -129px; }
.pisni-icon-left { background-position: -96px -49px; }
.pisni-icon-speaker { background-position: -147px -163px; }
.pisni-icon-printer { background-position: -163px -99px; }
.pisni-icon-text { background-position: -67px -99px; }
.rcms-btn-lock { background-position: -193px -99px; }

.pisni-icon-c2-32 { background-position: -31px -0px; } /* Minus */
.pisni-icon-c3-32 { background-position: -0px -0px; } /* Plus */
.pisni-icon-c4-32 { background-position: -96px -0px; } /* Plus */

/* File types icons */
.i16-video { background-position: -112px -96px;}
.i16-txt { background-position: -80px -96px;}
.i16-gpro { background-position: -32px -96px;}
.i16-phono-plus { background-position: -0px -96px;}
.i16-phono-minus { background-position: -48px -96px;}
.i16-phono-demo { background-position: -16px -96px;}
.i16-notes { background-position: -16px -112px;}
.i16-chorus { background-position: -48px -112px;}
.i16-speaker { background-position: -0px -112px;}
.i16-instr { background-position: -32px -112px;}
.i16-photo { background-position: -96px -96px;}
.i16-muse { background-position: -128px -96px;}

/* Design icons */
.pisni-icon-left-red-16 { background-position: -0px -240px;} /* Left red arrow */
.pisni-icon-key-16 { background-position: -16px -240px;} /* Key */
.pisni-icon-sum-16 { background-position: -32px -240px;}
.pisni-icon-forum-16 { background-position: -48px -240px;}
.pisni-icon-calendar-16 { background-position: -64px -240px;}
.pisni-icon-top-16 { background-position: -80px -240px;}
.pisni-icon-music-16 { background-position: -96px -240px;}
.pisni-icon-vote-16 { background-position: -112px -240px;}
.pisni-icon-heart-16 { background-position: -128px -240px;}
.pisni-icon-person-16 { background-position: -144px -240px;}
.pisni-icon-add-16 { background-position: -160px -240px;}
.pisni-icon-news-16 { background-position: -176px -240px;}
.pisni-icon-bifurcation-16 { background-position: -208px -240px;}
.pisni-icon-box-16 { background-position: -224px -240px;}
.pisni-icon-spanner-16 { background-position: -240px -240px;}
.pisni-icon-book-16 { background-position: -272px -240px;}
.pisni-icon-rss-v2 { background-position: -53px -275px; cursor:pointer; width: 36px !important; height: 12px !important}
.pisni-icon-mail { background-position: -67px -226px; cursor:pointer; width: 18px !important; height: 11px !important; border: solid 1px blue !important;}

.pisni-icon-search-24 { background-position: -167px -200px; border: solid 1px #888888; -moz-border-radius: 3px; width: 18px !important; height: 18px !important}
.pisni-icon-advsearch-24 { background-position: -199px -200px; border: solid 1px #888888; -moz-border-radius: 3px; width: 18px !important; height: 18px !important}

/* Forum icons */
.pisni-icon-lock-16 { background-position: -0px -144px;}
.pisni-icon-discuss-16 { background-position: -16px -144px;}
.pisni-icon-question-16 { background-position: -32px -144px;}
.pisni-icon-misc-16 { background-position: -48px -144px;}
.pisni-icon-inform-16 { background-position: -64px -144px;}
.pisni-icon-bulb-16 { background-position: -80px -144px;}
.pisni-icon-pin-16 { background-position: -96px -144px;}

/* Action icons */
.pisni-icon-edit-32 { background-position: -0px -192px; cursor:pointer;}
.pisni-icon-trash-32 { background-position: -32px -192px; cursor:pointer;}
.pisni-icon-history-32 { background-position: -64px -192px; cursor:pointer;}
.pisni-icon-cd-32 { background-position: -128px -192px; cursor:pointer;}

.pisni-icon-edit-16 { background-position: -16px -224px; cursor:pointer;}
.pisni-icon-trash-16 { background-position: -32px -224px; cursor:pointer;}
.pisni-icon-history-16 { background-position: -48px -224px; cursor:pointer;}

.pisni-icon-autoproc-16 { background-position: -192px -224px; cursor:pointer;}
.pisni-icon-moveass-16 { background-position: -208px -224px; cursor:pointer;}
.pisni-icon-moveasss-16 { background-position: -224px -224px; cursor:pointer;}
.pisni-icon-rename-16 { background-position: -240px -240px; cursor:pointer;}
.pisni-icon-revert-16 { background-position: -0px -240px; cursor:pointer;}
.pisni-icon-approve-16 { background-position: -240px -224px; cursor:pointer;}

.pisni-icon-good-16 { background-position: -144px -224px; cursor:pointer;}
.pisni-icon-bad-16 { background-position: -160px -224px; cursor:pointer;}
.pisni-icon-spam-16 { background-position: -176px -224px; cursor:pointer;}

/* Emoicons */
.ei-smile { background-position: -0px -320px;}
.ei-wink { background-position: -16px -320px;}
.ei-laugh { background-position: -32px -320px;}
.ei-rofl { background-position: -176px -320px;}
.ei-wow { background-position: -192px -320px;}
.ei-cool { background-position: -208px -320px;}
.ei-tongue { background-position: -48px -320px;}
.ei-sad { background-position: -64px -320px;}
.ei-sceptic { background-position: -80px -320px;}
.ei-silent { background-position: -96px -320px;}
.ei-cry { background-position: -112px -320px;}
.ei-shout { background-position: -128px -320px;}
.ei-blush { background-position: -144px -320px;}

/* Toolbar */
.tb-b, .tb-sb { background-position: -0px -176px;}
.tb-i, .tb-si { background-position: -16px -176px;}
.tb-u, .tb-su { background-position: -32px -176px;}
.tb-p { background-position: -48px -176px;}
.tb-br { background-position: -64px -176px;}
.tb-hr { background-position: -80px -176px;}
.tb-clrtxt { background-position: -96px -176px;}
.tb-a { background-position: -112px -176px;}
.tb-t { background-position: -128px -176px;}
.tb-im { background-position: -144px -176px;}
.tb-str { background-position: -160px -176px;}
.tb-ul { background-position: -176px -176px;}
.tb-ol { background-position: -192px -176px;}
.tb-pre, .tb-spre { background-position: -208px -176px;}
.tb-sng { background-position: -0px -160px;}
.tb-snglst { background-position: -16px -160px;}
.tb-psn { background-position: -32px -160px;}
.tb-psna { background-position: -48px -160px;}
.tb-art { background-position: -64px -160px;}
.tb-cal { background-position: -80px -160px;}
.tb-for { background-position: -96px -160px;}
.tb-ya { background-position: -112px -160px;}
.tb-usr { background-position: -128px -160px;}
.tb-main { background-position: -144px -160px;}

/* Notes for user score */
.pisni-icon-1note { background-position: -41px -256px; width:10px !important;}
.pisni-icon-2note { background-position: -41px -256px; width:22px !important;}
.pisni-icon-3note { background-position: -41px -256px; width:33px !important;}
.pisni-icon-4note { background-position: -41px -256px; width:44px !important;}
.pisni-icon-5note { background-position: -41px -256px; width:55px !important;}



/* Dropdown menu - common styling */
.menu {position:relative; z-index:100;}
.menu ul li a, .menu ul li a:visited {display:inline; font-weight: bold; wwidth:104px; hheight:20px; text-align:left; ccolor:#fff; bborder:1px solid #fff; bbackground:#710069; lline-height:20px; overflow:hidden; white-space:nowrap}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;border:1px solid black; }

/* specific to non IE browsers */
.menu ul li:hover a {color:red; text-decoration:none;}
.menu ul li:hover ul {display:block; position:absolute; top:16px; left:-3px; width:185px; background:#F1E8C8;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide {background:white; color:#000;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#F1E8C8; color:#000;height:20px; width:165px; padding: 2px 10px; text-decoration:none;}
.menu ul li:hover ul li a:hover {background:white; color:#000;}