/**
 * Nannou
 *
 * Copyright (c) 2008, 2009 Lukáš Hroch (http://soundake.info)
 *
 *
 * @copyright  Copyright (c) 2008, 2009 Lukáš Hroch
 * @category   Nannou
 * @package    Nannou
 * @version    $Id: backend_main.css 79 2009-04-19 01:37:42Z soundake $
 */

body,html { height: 100%; }
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dd, dt, dl, form, table, th, td { margin: 0; padding: 0; list-style: none; }
body { font: normal 62.8%/1.5 'Lucida Grande', lucida, Arial, sans-serif; color: #000; background: #fff url('../images/nannou/bg.jpg') 0 0 repeat fixed; }
body.devel { xmargin-top: 21px !important; }

a { color: #2F568B; }
a:hover { color: #c60 !important; }  
a img { border: none; }

a[href^="error:"] {
        background-color: orange !important;
        color: grey !important;
}

h1 { font-size: 1.6em; font-weight: normal; margin: 10px; }

small { font-size: .85em; color: #555; }
.small { font-size: .85em; }
.info { color: #555; }

.clear { clear: both; }

.holder:after, .cols:after, #head:after, .formBox:after, .submenu:after, .item:after, #servis:after, .calendar .row:after,
.clearfix:after   { content:"."; display:block; height:0; clear:both; visibility:hidden; } 
* html .holder,
* html .clearfix   { height:1%; } 
.clearfix   { display:block; }       

.fl   { float: left; }
.fr   { float: right; }

.l { text-align: left !important; }
.r { text-align: right !important; }
.c { text-align: center !important; }

.hidden { display: none; }

.cols   { border-top: 1px solid #BBBFB6; }
.cols .col1 { float: left; width: 50%; }
.cols .col2 { float: right; width: 50%; }

.cols_wizzard { border: none; }
.cols_wizzard .col1 { width: 25%; border-right: 1px solid #BBBFB6; margin-right: -1px; }
.cols_wizzard .col2 { width: 75%; border-left: 1px solid #BBBFB6; margin-left: -1px; }



#view { font-size: 1.1em; height: 100%; background: url('../images/nannou/sidebar-bg.png') 0 0 repeat-y fixed; }

#head   { border-bottom: 1px dotted #666; margin-bottom: 10px; }

#servis	{ background: url('../images/nannou/top-menu-bg.png') repeat-x 0 0; border-bottom: 1px solid #666; line-height: 25px; height: 25px; padding: 0 10px; color: #bbb;}
#servis li { list-style: none; }
#servis li.user a { display: inline; }
#servis a { color: #ccc; }
#servis a:hover { color: #ffd583 !important; }

#content { margin-left: 155px; }

#dashboard { padding: 20px; }
#dashboard .newsbar { float: right; width: 30%; margin: 0 0 1em 1em; border: 1px solid #BBBFB6;padding: 1em; background: #ECF2E7; }
#dashboard .newsbar p { padding-bottom: .6em; margin-bottom: .6em; border-bottom: 1px solid #BBBFB6; }
#dashboard .newsbar p:last-child   { margin-bottom: 0; padding-bottom: 0; border: none; }

#menu   { width: 155px; float: left; }
#menu ul { border-right: 1px solid #555; }
#menu li { list-style: none; margin: 0;  color: #ccc; }
#menu li a   { display: block; color: #eee; text-decoration: none; font-weight: bold; padding: 5px 10px 7px 30px ; background: 5px 50% no-repeat; text-shadow: 0px 1px 1px #333; }
#menu li a:hover   { color: #333 !important; background-color: #eee; text-shadow: 0px 1px 1px #ccc;  }
#menu li.active   { border-width: 1px 0; }
#menu li.active a   { background-color: #fff; color: #222; text-decoration: none; text-shadow: 0px 1px 1px #ccc; }
#menu li.active a:hover   { color: #222 !important; background-color: #fff; }

#menu ul ul { border: none;margin-left: 26px; border-bottom: 1px solid #ccc; margin-bottom: 8px; }
#menu li.active li a { font-weight: normal; padding: 4px 5px 4px; background: none; color: #f2f2f2; text-shadow: 0px 1px 1px #555;}
#menu li.active li.active a { background: #f1f5fa; border-color: #bbb; color: #333; text-shadow: 0px 1px 1px #ccc; }
#menu li.active li a:hover   { background-color: #fff !important; text-shadow: 0px 1px 1px #ccc; }

#menu li li.second a { padding: 3px 10px 3px 20px; background: url('../icos/gear_small.png') 0 50% no-repeat !important; color: #eee; }
#menu li.active li.second.active a { background-color: #eee !important; }

#menu .ico_dashboard 	a { background-image: url('../icos/dashboard.png'); }
#menu .ico_actions 		a { background-image: url('../icos/trophy.png'); }
#menu .ico_documents 	a { background-image: url('../icos/folder-stand.png'); }
#menu .ico_photogallery	a { background-image: url('../icos/pictures.png'); }
#menu .ico_guestbook 	a { background-image: url('../icos/report_pencil.png'); }
#menu .ico_links 			a { background-image: url('../icos/chain.png'); }
#menu .ico_filesystem 	a { background-image: url('../icos/drive-globe.png'); }
#menu .ico_users 			a { background-image: url('../icos/users.png'); }
#menu .ico_dictionary 	a { background-image: url('../icos/locale.png'); }
#menu .ico_tips		 	a { background-image: url('../icos/heart.png'); }
#menu .ico_dogs		 	a { background-image: url('../icos/smiley-mr-green.png'); }
#menu .ico_referees	 	a { background-image: url('../icos/user-business.png'); }
#menu .ico_comments_small		 	a { background-image: url('../icos/balloon_small.png') !important; }

#sosumi { position: absolute; bottom: 5px; width: 155px; }
#sosumi p { padding: 0 10px 0 30px; font-size: 10px; color: #999; text-align: center; text-shadow: 0px 1px 1px #333;}


.formBox { }

.formBox fieldset { border: none; border-top: 1px solid #BBBFB6; padding: 10px 0 0; margin: 0; background: #DCE0D6; }
.formBox legend   { padding: 0 10px; font-style: italic; position: relative; top: 10px; border-top: 1px solid #BBBFB6; line-height: 20px; }
.formBox .fieldset { border: none; border-top: 1px solid #BBBFB6; padding: 0; margin: 0 0 10px; background: #DCE0D6; }
.formBox .fieldsetMinus { position: relative; top: -11px; }
.formBox .legend { padding: 3px 10px !important; font-style: italic; border: none !important;}
.formBox .fieldsetMinus .legend { display: none; }
.formBox .main   { width: 66%; float: left; }
.formBox .main table { width: 100%; border-collapse: collapse; background: #fff; border-right: 1px solid #d9d9d9; }
.formBox .main table tr th { border: 1px solid #d9d9d9; border-width: 1px 0; padding: 5px 5px 5px 10px; text-align: left; background: #f1f5fa; width: 33%; text-shadow: 0px 1px 1px white;}
.formBox .main table tr td { border: 1px solid #d9d9d9; border-width: 1px 0; padding: 3px 0 3px 5px; text-align: left; }
.formBox .main p   { border-bottom: 1px solid #ccc; margin: 0; padding: 2px 0; }
.formBox .main input   { width: 97%; padding: 2px; }             
.formBox .main input.datepicker   { width: 10em; }             
.formBox .main .ui-datepicker-trigger { position: relative; top: 3px; left: 5px;}
.formBox .main select   { width: 97%; }
.formBox .main textarea   { width: 97% !important; height: 15em; }
.formBox .main label   { }
.formBox .main input[type="radio"],
.formBox .main input[type="checkbox"] { width: auto; margin-right: .5em;}
.formBox .main input.button   { width: auto; }
.formBox .main tr:hover th { background-color: #3d80df !important; }
.formBox .main tr:hover td { background-color: #3d80df !important; }
.formBox .main tr:hover th { color: #fff;  text-shadow: none; }
.formBox .main tr:hover td a { text-decoration: underline; }
.formBox .main .required th { background-image: url('../icos/star_small.png'); background-position: 98% 50%; background-repeat: no-repeat; }

.formBox .collection   { width: 33%; float: right; border: 1px solid #999; border-right: none; background: #fff; }
.formBox .collection .list { border-bottom: 1px solid #999; max-height: 300px; overflow: auto; }
.formBox .collection .listBig { max-height: 600px; }
.formBox .collection .list .in { padding: 0 0 10px; }
.formBox .collection .list h4   { margin: 0 0 10px; padding: 5px 10px; background: #DCE0D6; color: #333; text-shadow: 0 1px 1px white; border-bottom: 1px solid #bbb; }
.formBox .collection .list .add { background: #ECF2E7; border-top: 1px solid #BBBFB6; padding: 2px;}
.formBox .collection .list .add label { margin: 0; }
.formBox .collection .list p { margin: 0; padding: 4px 10px;}
.formBox .collection .list p label { margin-left: 7px; }
.formBox .collection .list .checked { background: #cfc; }
.formBox .collection .list .item { margin-bottom: 5px; padding: 0 10px; }
.formBox .collection .todo h4   { margin: 0 0 10px; padding: 5px 10px; background: #c99; color: #fff; text-shadow: 0 1px 1px #555; }
.formBox .collection .todo ul { margin: 0 0 10px 0; padding: 0 10px 0 10px; }
.formBox .collection .todo li { margin: 0 0 5px 0; padding: 0 0 0 20px; background: url('../icos/balloon_small.png') 0 50% no-repeat; }

/*
.formBox .buttons { padding: 5px 0 0; }
.formBox .buttons input { width: 24%; margin-right: 5px;}
*/
/*
.collection .list .menu   { background: #eef; border: 1px solid #aad; margin-bottom: 10px; }
.collection .list .menu ul { margin: 0; padding: 0; }
.collection .list .menu li { margin: 0; padding: 0; list-style: none; padding: 5px 10px; }
.collection .list .menu li a { color: #063; }
*/
.filter { line-height: 20px; padding: 10px; }

.btnmenu { margin: 0; padding: 10px; }
.btnmenu h1 { margin: 0; }

.list .table { xmargin-bottom: -1px; }
.list table { border-collapse: collapse; width: 100%; font-size: 1em; }
.list th { background: #bbb url('../images/nannou/bg-th-gradient.png') 0 0 repeat-x;  text-align: left; border-bottom: 1px solid #999; border-top: 1px solid #999; border-left: 1px solid #e3e3e3; border-right: 1px solid #acacac; height: 16px; }
.list th.asc { background: #eef; }
.list th.desc { background: #fef; }
.list .odd th { background: #eee; }
.list th a { display: block; color: #333; background: no-repeat 98% 50%; padding: 1px 10px; text-decoration: none; text-shadow: 0px 1px 1px white; }
.list th span { display: block; color: #555; background: no-repeat 98% 50%; padding: 1px 10px; text-shadow: 0px 1px 1px white; }
.list th a:hover { color: #000 !important; text-decoration: underline; }
.list td { border: 1px solid #d9d9d9; border-width: 0 1px; padding: 4px 10px; background: #fff; color: #333; }
.list td a { text-decoration: none; }
.list td a:hover { color: #000 !important; }
.list .odd td { background: #f1f5fa; }
.list td td { border-bottom: 1px solid #eee; border-right: none; }
.list tr.recent th,
.list tr.recent td { background: #CFC; }
.list tr.me th,
.list tr.me td { background: #def; }
.list tr.h th { background: #ccc; color: #000; font-size: 13px; font-weight: bold; }
.list tr.is_hidden th,
.list tr.is_hidden td { background: #f2f2f2; color: #666; }
.list tr.is_hidden th a,
.list tr.is_hidden td a { color: #555; }


.list td.edit	 { color: #ccc !important; }
.list td.edit a { color: #aaa !important; display: inline !important;}

.list td.img { padding: 0; height: 40px; width: 40px; }
.list td.img a { display: block; cursor: hand; cursor: pointer; }
.list td.img img { display: block; }

.list td.intable { padding: 0; }

.list tr td:last-child,
.list tr th:last-child,
.list tr td:first-child,
.list tr th:first-child { border-left: none; }
.list tr:last-child td { border-bottom: none; }

.list th.alphabet_asc,
.list th.alphabet_desc,
.list th.date_asc,
.list th.date_desc,
.list th.number_asc,
.list th.number_desc,
.list th.quantity_asc,
.list th.quantity_desc { background-image: url('../images/nannou/bg-th-active.png'); }

.list th.alphabet_asc	a { color: #000; background-image: url('../icos/sort_alphabet.png');}
.list th.alphabet_desc	a { color: #000; background-image: url('../icos/sort_alphabet_descending.png');}
.list th.date_asc			a { color: #000; background-image: url('../icos/sort_date.png');}
.list th.date_desc		a { color: #000; background-image: url('../icos/sort_date_descending.png');}
.list th.number_asc		a { color: #000; background-image: url('../icos/sort_number.png');}
.list th.number_desc		a { color: #000; background-image: url('../icos/sort_number_descending.png');}
.list th.quantity_asc	a { color: #000; background-image: url('../icos/sort_quantity.png');}
.list th.quantity_desc	a { color: #000; background-image: url('../icos/sort_quantity_descending.png');}

.list td.ico { background-position: 7px 50%; background-repeat: no-repeat; padding-left: 33px; }

/*
.list td.asc			{ background-color: #eef; }
.list td.desc			{ background-color: #fef; }
.list .odd td.asc		{ background-color: #dde; }
.list .odd td.desc	{ background-color: #ede; }
*/
.list tbody tr:hover td { background-color: #3d80df !important; }
.list tbody tr:hover * { color: #fff !important; }
.list tbody tr:hover td a { text-decoration: underline; display: block; }
.list tbody tr:hover td a.preventBlock { display: inline-block; }
.list tbody tr:hover td.edit a { text-decoration: none; display: inline-block; }

.list .locked td		{ background-color: #ffe2e2; color: #555; }
.list .locked td a	{ color: #555; }
.list .locked td.asc	{ background-color: #ffe2ff; }

.list a.ico					{ text-decoration: none !important; display: block; width: 16px; height: 16px; }
.list a.ico:hover			{ background: #aaa; }
.list span.active_no		{ margin: 0 auto; background: url('../icos/slash.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.active_yes	{ margin: 0 auto; background: url('../icos/tick.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.locked_no		{ margin: 0 auto; background: url('../icos/lock_unlock.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.locked_yes	{ margin: 0 auto; background: url('../icos/lock.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.off				{ margin: 0 auto; background: url('../icos/light_bulb_off.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.on				{ margin: 0 auto; background: url('../icos/light_bulb.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.previews		{ margin: 0 auto; background: url('../icos/images.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.preview		{ margin: 0 auto; background: url('../icos/image_resize.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.member_i		{ margin: 0 auto; background: url('../icos/fam/user.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.member_0		{ margin: 0 auto; background: url('../icos/envelope.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.member_1		{ margin: 0 auto; background: url('../icos/exclamation.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.member_2		{ margin: 0 auto; background: url('../icos/tick_circle.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.privy_yes		{ margin: 0 auto; background: url('../icos/shield_disable.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.privy_no		{ margin: 0 auto; background: url('../icos/fam/shield.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.privy_i		{ margin: 0 auto; background: url('../icos/information_shield.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.breeded_yes	{ margin: 0 auto; background: url('../icos/lightning.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.breeded_no	{ margin: 0 auto; background: url('../icos/lightning_disable.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.male			{ margin: 0 auto; background: url('../icos/fam/male.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.female			{ margin: 0 auto; background: url('../icos/fam/female.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.death_yes		{ margin: 0 auto; background: url('../icos/heart_empty.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.death_no		{ margin: 0 auto; background: url('../icos/heart.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.key				{ margin: 0 auto; background: url('../icos/key.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.is_tip_i		{ margin: 0 auto; background: url('../icos/heart_half.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.is_tip_0		{ margin: 0 auto; background: url('../icos/heart_break.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.is_tip_1		{ margin: 0 auto; background: url('../icos/heart.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }
.list span.is_tip_2		{ margin: 0 auto; background: url('../icos/heart__exclamation.png') 0 0 no-repeat; display: block; width: 16px; height: 16px; }

/*
.list th a.ico span.key { background-position: 50% 50%; width: 1px; }
.list th a { background-position: 95% 50%; padding-right: 10px; width: auto !important; }
*/

.list .legend { background: #f5f5cc; border: 1px solid #dd5; margin: 10px; padding: 10px; }
.list .legend span { float: left; margin-right: .5em; }
.list .legend h5 { clear: left; margin-bottom: .75em; color: #333; text-shadow: 0 1px 1px white;}
.list .legend p { clear: left; margin-bottom: .5em; }
                                                              

.paging { border-top: 1px solid #ccc; padding: 3px 10px ; background: #ECF2E7; }
.paging em,
.paging span,
.paging a { padding: 0 3px; font-style: normal; }
.paging span { color: #777; }

.fullList .item      { border-top: 2px solid #ccc; padding: 10px 10px 0; margin-bottom: 10px; }
.fullList .even      { background: #f2f2f2; }
.fullList .ico       { width: 16px; float: left; margin: 0 5px 5px 0; }
.fullList .actions   { width: 50px; float: right; text-align: right;}
.fullList .descr     { margin: 0 55px 10px 21px;}
.fullList .author    { background: #f0f0f0; margin: 0 0 0 -10px; padding: 5px 10px 5px 0; width: 50%; float: left; font-size: .91em; border-top: 1px solid #ddd; }
.fullList .author p  { padding: 0 0 0 31px; }
.fullList .time      { background: #f0f0f0; margin: 0 -10px 0 0; padding: 5px 0 5px 10px; width: 50%; float: right; font-size: .91em; border-top: 1px solid #ddd; }
.fullList .time p    { padding: 0 0 0 10px; }
.fullList .link      { margin: 0 0 .5em 0; }
.fullList .link h5   { padding: 0; margin: 0; font-size: 1.1em; }
.fullList small      { color: #777; }

.actionsList   { background: #ECF2E7;}
.actionsList ul { list-style: none; margin: 0; padding: 0; }
.actionsList li { margin: 0; padding: 0; list-style: none; }
.actionsList li.odd { xbackground: #f2f2f2; }
.actionsList li.active { background: #fff; }
.actionsList li.active a { color: #000; text-decoration: none; font-weight: bold; }
.actionsList li.active a:hover { color: #000 !important; }
.actionsList li a { display: block; padding: 5px 10px; text-decoration: none; }
.actionsList li a:hover { background: #fff; color: #000 !important; }


.filePreview   { padding-bottom: 10px;  }
.filePreview p   { border: none !important; padding: 0 10px !important;  line-height: 1.6; }
.filePreview .img { text-align: center; margin-bottom: 10px;}

.text h1 { margin-bottom: .5em; }
.text h2 { margin-bottom: .5em; }
.text h3 { margin-bottom: .5em; }
.text h4 { margin-bottom: .4em; }
.text p { margin-bottom: 1.2em; }

.pictures { padding: 0 0 0 10px; }
.pictures .pict { float: left; margin: 0 10px 10px 0; height: 180px; position: relative; }
.pictures .pict .img { width: 150px; height: 150px; text-align: center; padding: 1px; background: #fff; border: 1px solid #ccc; margin-bottom: 3px;  -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
.pictures .pict .label { position: absolute; bottom: 27px; left: 1px; padding: 0 5px; background: #fff; opacity: .8; width: 142px; }

.bar { padding: 2px 10px; background: #ECF2E7; border: 1px solid #ccc; border-width: 1px 0; margin: 0 0 10px 0;}
.bar select { margin-right: 5px; }




.filters { border-right: 1px solid #ccc; margin-right: 10px; padding: 10px 10px 0 33px; line-height: 1.5; background: url('../icos/funnel.png') 10px 10px no-repeat; }
.filters .save { margin-bottom: 2px; border: 1px dashed #ccc; padding: 5px; background: #def !important;}
.filters .save span { display: block; color: #555; font-size: .85em; font-weight: bold; }
.filters .save a { margin-left: .75em; }
.filters .saved li { border-bottom: 1px dotted #ccc; padding: 3px 0; list-style: none; }

.trash { padding: 10px 10px 0 23px; line-height: 1.5; background: url('../icos/bin.png') 0 10px no-repeat; }
.trash h5 { margin-bottom: 5px; }
.trash .trashed li { border-bottom: 1px dotted #ccc; padding: 3px 0; list-style: none; }

.sysMessage { padding: 0; list-style: none; font-size: 1.2em; margin: 0 10px; }
.sysMessage ul { margin: 0; padding: 0; list-style: none; }
.sysMessage li { font-variant: small-caps; padding: 5px 10px 5px 33px; margin: 0 0 5px 0; }
.sysMessage li.info { color: #000; border: 1px solid #9292ff; background: #f2f2ff url('../icos/information.png') 10px 50% no-repeat; }
.sysMessage li.ok { color: #000; border: 1px solid #7b7; background: #cfc url('../icos/tick.png') 10px 50% no-repeat; }
.sysMessage li.err,
.sysMessage li.error { color: #000; border: 1px solid #f50; background: #fc0 url('../icos/cross_shield.png') 10px 50% no-repeat; }
.sysMessage li.warn,
.sysMessage li.warning { color: #000; border: 1px solid #f50; background: #fc0 url('../icos/exclamation.png') 10px 50% no-repeat; }
.sysMessage li.system { color: #000; border: 1px solid #b3b3b3; background: #eee url('../icos/gear.png') 10px 50% no-repeat; }

.msg   { padding: 3px 7px 3px 33px; margin-bottom: .5em; margin: 0 10px; }            
.msg strong   { color: #fff !important; }
.msg li   { margin: 3px; }
.msgErr   { border: 1px solid #f50; background: #fc0 url('../icos/exclamation.png') 10px 50% no-repeat; color: #000; }
.msgOk   { border: 1px solid #7b7; background: #cfc url('../icos/tick.png') 10px 50% no-repeat; color: #000; }
.msgInfo   { border: 1px solid #9292ff; background: #f2f2ff url('../icos/information.png') 10px 50% no-repeat; color: #000; }

.table .msg { margin: 10px; }

#deleteDecision { border: 1px solid #c88; padding: 3px; -webkit-border-radius: 4px; background: #fff0f0; }


.flag_cs		{ background-image: url('../icos/flags/cz.png') !important; }
.flag_en		{ background-image: url('../icos/flags/en.png') !important; }

/* System */
.dump { color: black; background: #ffc; font-size: 12px; text-align: left; border: 1px solid #aaa; padding: 5px 10px; }
.dump span { color: gray }

#debug { background: #fff; color: #000; font-size: 12px; font-family: monospace; border: 1px solid firebrick !important; padding: 20px; margin: 20px; }

.develLine   { position: fixed; background: #ffc; border-bottom: 1px solid orange; top: 0; left: 0; width: 100%; height: 20px; line-height: 20px; overflow: hidden; display: none; }
.develLine p   { padding: 0 10px; }
.develLine p span   { color: #777; }
.develLine p span span   { color: #555; }
.develLine p span span span   { color: #333; }

/* Login */
#loginPage   { background: #445b79 url('../images/nannou/login-bg.jpg') 0 50% repeat-x; margin: 0; padding: 0; }
#loginPage .wrapper { position: absolute; height: 100%; width: 100%; }
#loginPage .owner { height: 100%; width: 100%; position: static; background: url('../images/nannou/login-bg-tree.jpg') 0 50% no-repeat; }
#loginPage .inner { height: 426px; left: 50%; margin-top: -213px; top: 50%; position: absolute; width: 480px; font-size: 1.2em;  }

#loginPage h1 { text-shadow: 0px -1px 1px #243040; color: #fff; margin: 0 0 20px 0; padding: 80px 0 0 27px; font-size: 1.2em; font-weight: bold; background: url('../images/nannou/login-logo.png') 0 0 no-repeat;}
#loginPage .form { padding: 0 0 70px 27px; }
#loginPage label { color: #eee; text-shadow: 0px -1px 1px #243040; margin: 0 5px 0 2px; }
#loginPage input { padding: 3px; margin-right: 10px; border: 1px solid #bbb; background: transparent; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; color: #eee; }
#loginPage input:hover { border-color: #ddd; color: #fff; }
#loginPage input.username { margin-right: 10px; }
#loginPage button { margin-top: 3px; }
#loginPage .info { font-size: .91em; font-family: Arial, sans-serif; margin-top: 10px; padding-left: 3px;}
#loginPage a { color: #ccc; text-shadow: 0px -1px 1px #243040; text-decoration: none; border-bottom: 1px dashed #777;}
#loginPage a:hover { color: #fff !important; text-shadow: 0px -1px 1px #000;}

#loginPage .sosumi { text-shadow: 0px -1px 1px #243040; position: absolute; bottom: 20px; width: 80%; left: 20px; color: #ccc; background: url('../images/nannou/login-logo-sosumi.png') 0 50% no-repeat; padding-left: 25px; height: 20px; line-height: 20px; }

#loginPage .sysMessage { margin-left: 27px; margin-bottom: 15px;  font-size: 1em; }
#loginPage .sysMessage li { background-color: transparent; color: #fff; text-shadow: 0 -1px 1px #243040; font-variant: normal; font-weight: bold; }
#loginPage .sysMessage li.err { border-color: #693b3b; text-shadow: 0 -1px 1px #000;  color: #fff; background-color: #600 !important;}







/* Calendars */

.calendar {  }

.calendar .caption { text-align: center; padding: 10px 0; }
.calendar .caption h3 { color: #555; font-size: 1.5em; }

.calendar .days { display: table; border-bottom: 1px solid #ccc; }
.calendar .row { display: table-row;}

.calendar .day { border: 1px solid #ccc; border-width: 1px 1px 0 0; width: 14.28571%; position: relative; display: table-cell; }
.calendar .day .in { }
.calendar .day h5 { color: #333; font-size: 1em; text-align: right; margin: 0 3px 0 0; }
.calendar .day:hover { background: #ffc; color: #000; }

.calendar .weekend { background: #f2f2f2; }
.calendar .sunday { border-right: 0;}
.calendar .dimmed  { color: #999; }
.calendar .dimmed h5  { color: #888; }

.calendar li { line-height: 1.3; margin: 0 2px 2px; }
.calendar li a { display: block; color: #ce7373;  background: #ffe6e6; border: 1px solid #ce7373; padding: 0 3px; -moz-border-radius: 4px; -webkit-border-radius: 4px; text-decoration: none; }
.calendar li a:hover { color: #fff !important; background: #ce7373; }
.calendar li a small { color: #555; }
.calendar li a:hover small { color: #eee; }
.calendar li.eType1 a { color: #5b8539; background-color: #d4eebf; border-color: #abce73; }
.calendar li.eType1 a:hover { color: #fff !important; background-color: #abce73; border-color: #abce73; }
.calendar li.eType2 a { color: #2e558c; background-color: #afccf5; border-color: #7399ce; }
.calendar li.eType2 a:hover { color: #fff !important; background-color: #7399ce; border-color: #7399ce; }



/* AJAX */
#ajax-spinner {
    position:fixed;
    left: 50%;
    top: 50%;
    margin: -30px 0 0 -10px;
    background: transparent url('../images/nannou/loading.gif') no-repeat 50% 50%;
    padding: 11px;
    font-size: 0;
}




/* Start custom button CSS here
---------------------------------------- */
.btn, .slct {
  display:inline-block;
  background:none;
  margin:0;
  padding:3px 0;
  border-width:0;
  overflow:visible;
  font:100%/1.2 Arial,Sans-serif;
  text-decoration:none;
  color:#333;
   text-shadow: 0px 1px 1px white;
  }
* html button.btn {
  padding-bottom:1px;
  }
/* Immediately below is a temporary hack to serve the 
   following margin values only to Gecko browsers
   Gecko browsers add an extra 3px of left/right 
   padding to button elements which can't be overriden.
   Thus, we use -3px of left/right margin to overcome this. */
html:not([lang*=""]) button.btn {
  margin:0 -3px;
  }
.btn span {
  background:#ddd url('../images/nannou/bg-button-light.gif') repeat-x 0 0;
  margin:0;
  padding:3px 0;
  border-left:1px solid #bbb;
  border-right:1px solid #aaa;
  }
* html .btn span {
  padding-top:0;
  }
.btn span span {
  position:relative;
  padding:3px .5em;
  border-width:0;
  border-top:1px solid #bbb;
  border-bottom:1px solid #aaa;
  }

/* pill classes only needed if using pill style buttons ( LEFT | CENTER | RIGHT ) */
button.pill-l span {
  border-right-width:0;
  }
button.pill-l span span {
  border-right:1px solid #bbb;
  }
button.pill-c span {
  border-right-style:none;
  border-left-color:#fff;
  }
button.pill-c span span {
  border-right:1px solid #bbb;
  }
button.pill-r span {
  border-left-color:#fff;
  }

/* only needed if implementing separate hover/focus/active state for buttons */
.btn:hover span, .btn:hover span span, .btn:focus span, .btn:focus span span,
.slct:hover span, .slct:hover span span, .slct:focus span, .slct:focus span span
 {
  cursor:pointer; /* important for any clickable/pressable element */
  border-color:#3d80df !important;
  color:#000;
  }
.btn:active span {
  background-position:0 -400px;
  outline:none;
  }
.btn:focus, .btn:active {
  outline:none; /* doesn't seem to be respected for <button>, only <a> */
  }



/* use if one button should be the 'primary' button */
.primary {
  font-weight:bold;
  color:#000;
  }

.login span span {
	padding-left: 10px;
	padding-right: 10px;
}

.red {
	color:#fff;
  	text-shadow: 0px -1px 1px #402424;
}
.red span {
	background:#693b3b url('../images/nannou/bg-button-red.gif') repeat-x 0 0;
  	border-left:1px solid #4e2c2c;
  	border-right:1px solid #402424;
}
.red span span {
  border-top:1px solid #4e2c2c;
  border-bottom:1px solid #402424;
}


.blue {
	color:#fff;
  	text-shadow: 0px -1px 1px #243240;
}
.blue span {
	background:#693b3b url('../images/nannou/bg-button-blue.gif') repeat-x 0 0;
  	border-left:1px solid #2b3c4d;
  	border-right:1px solid #243240;
}
.blue span span {
  border-top:1px solid #2b3c4d;
  border-bottom:1px solid #243240;
}



.btn_add span span { background: url('../icos/plus.png') .5em 50% no-repeat !important; padding-left: 28px; }
.btn_back span span { background: url('../icos/arrow_180_small.png') .3em 50% no-repeat !important; padding-left: 23px; }
.btn_download span span { background: url('../icos/arrow_270_small.png') .3em 50% no-repeat !important; padding-left: 23px; }
.btn_balloon span span { background: url('../icos/balloon_small.png') .3em 50% no-repeat !important; padding-left: 23px; }
.btn_more span span { background: url('../icos/arrow_270_small.png') .3em 50% no-repeat !important; padding-left: 23px; }
.btn_less span span { background: url('../icos/arrow_90_small.png') .3em 50% no-repeat !important; padding-left: 23px; }
#deleteDecision .btn_yes span span { background: url('../icos/exclamation_small.png') .3em 50% no-repeat !important; padding-left: 23px; }