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


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', Arial, lucida, sans-serif; color: #000; background: #151d02 url('../images/bg.jpg') top center no-repeat; margin: 0; }

a { color: #06c; }
a:hover { color: #c60 !important; }  
a img { border: none; }

.todo {
   background: blue !important;
   color: white !important;
}
a[href^="error:"] {
        background: red !important;
        color: white !important;
}

h1 { color: #333; font-weight: normal; margin: 20px 20px .25em; font-size: 2.6em; }
h1 span.beta { color: #941a72; font-size: .55em; font-variant: small-caps; position: relative; top: -1em;}
h3 { color: #3e5c80; font-size: 1.4em; margin-bottom: .25em; }
h3 a { color: #3e5c80; }
h4 { color: #333; font-size: 1.2em; }

small { font-size: .81em; }

fieldset { border: 1px solid #ccc; padding: 10px; background: #f9f9ff; margin: 1em 0; }
legend { padding: 3px 10px; }
form table { border-collapse: collapse; width: 99%; }
form table th { text-align: left; width: 34%; padding: 5px 5px 5px 0; vertical-align: top;}
form table td { padding: 5px 0; }
form table td label { margin-left: .5em; }

ul.list li { list-style: square; margin-left: 20px;}

div.img img { display: block; }
div.img p.info { margin-top: 5px; }

img.fl { margin-right: 10px; }

.clear { clear: both; }

.holder:after, .cols:after, #head:after, .formBox:after, #menu:after, .submenu:after, #main:after, .item:after, .tags:after, .pedigree li: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; }
.fc   { clear: both; }
.fcl   { clear: left; }
.fcr   { clear: right; }

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

.info { color: #666; }
.small { font-size: .85em !important; }

.last { margin-bottom: 0 !important; border-bottom: 0 !important; padding-bottom: 0 !important; }

.moreLink	{ background: url('../icos/newspaper_arrow.png') 0 0 no-repeat; padding-left: 22px; }


.hidden { display: none; }

.cols   {}
.cols .col1 { float: left; width: 360px; }
.cols .col2 { float: right; width: 360px;  }


#view    { font-size: 1.2em; width: 980px; margin: 0 auto; position: relative; }
#head    { margin-bottom: 20px; position: relative; height: 210px; }
#user    {  }
#main    {  background: #fff; }

#footer   { xbackground: #fff url('../images/bg-footer.png') repeat-x; color: #555; }
#footer .holder { width: 940px; margin: 0 auto ; padding: 20px 20px 20px;  background: #ccc; border-top: 1px solid #aaa;}
#footer #copy { float: right; font-size: .85em;  clear: right; }
#footer #powered { float: left; font-size: .85em;  clear: left; }
#footer a { color: #445366;}

#content { width: 740px; float: right; margin-left: -1px; border-left: 1px solid #ccc; }
#sidebar { width: 240px; float: left; } 

#menu li { margin: 0 -20px 0 -20px; }
#menu li a { display: block; padding: 5px 0 6px 20px; line-height: 11px; xtext-decoration: none !important; color: #333 !important;}
#menu li a:hover { background: #666; color: #fff !important; text-decoration: none !important; }
#menu .div { border-top: 1px solid #ddd; padding-top: 10px; margin-top: 10px; }
#menu span.beta { color: #941a72; font-size: .89em; font-variant: small-caps; position: relative; top: -0.65em;}


#auxMenu { width: 300px; position: absolute; right: 10px; bottom: 10px; }
#auxMenu li { float: right; margin-right: 10px; }
#auxMenu li a { color: #fff; }
#auxMenu li a:hover   { color: #fba !important; }

#logo   { width: 270px; height: 165px; position: relative; top: 30px; left: 7px; overflow: hidden; } 
#logo a   { width: 100%; height: 100%; display: block; text-indent: -300px; } 

#cse-search-box { padding: 5px  0 0; }
#cse-search-box input { height: 2em; padding: .1em .5em; font-size: 1.2em; }

.sysMessage { border: 1px solid #ccc; padding: 0; list-style: none; font-size: 1.2em; }
.sysMessage ul { margin: 0; padding: 0; list-style-position: inside; }
.sysMessage li { font-variant: small-caps; padding: 5px 10px; margin: 0;}
.sysMessage li.info { color: #009; background: #eef; }
.sysMessage li.ok { color: #090; background: #efe; }
.sysMessage li.error { color: #900; background: #fee; }
.sysMessage li.system { color: #b3b3b3; background: #eee; }

/* BOX */
.box  { background: #fff; padding: 20px; }

#sidebar .box  { background: #f2f2f2; border-right: 1px solid #ccc; border-bottom: 1px dotted #ccc; }

#homepagePhoto { background: #f2f2f2; padding: 0;}
#homepagePhoto .wrapper { height: 190px; width: 700px; overflow: auto; padding: 20px 20px 10px;}
#homepagePhoto .holder { width: 1410px; height: 170px; overflow: hidden; }
#homepagePhoto .item { float: left; font-size: .85em; width: 130px; margin-right: 10px; }
#homepagePhoto .img { margin: 0 0 10px; xborder: 1px solid #ccc; width: 130px; height: 130px; background: #fff url('../images/loadingAnimation2.gif') 50% 50% no-repeat; }

.box .cols { margin-bottom: 10px; }
.box .col1 { width: 49%; }
.box .col2 { width: 49%; }

.miniCal            { background: url('../images/bg-minical.png') no-repeat 0 0; width: 40px; height: 39px; padding: 1px 0 0 5px; }
.miniCal .month   { width: 28px; text-align: center; color: #fff; font-weight: bold; text-transform: lowercase; font-size: 11px; line-height: 13px; margin-bottom: 1px;}
.miniCal .day      { width: 28px; line-height: 20px; font-size: 16px; color: #3e5c80; text-align:center; font-weight: bold; }
.miniCalTo            { background: url('../images/bg-minical-to.png') no-repeat 0 0; width: 40px; height: 39px; padding: 13px 0 0 5px; }

.navPath   { margin: 0 20px 0; padding: 5px 0 2px; color: #999; margin-top: -1.2em; font-size: .91em; }
.navPath a   { color: #666; }

.author         { color: #777; margin-top: 10px; }
.author .name   { color: #333; }
.author .date   { color: #444; }
.author .www   { font-size: .85em; }
.author .www a   { color: #444; }



div.list    { margin-bottom: 1.5em; padding-top: 1em; }
div.list .empty   { background: #f6f6ff; margin-bottom: 20px; color: #06c; padding: 10px; border: 1px solid #06c; }
div.list .itemYear   { background: #fafafa; margin-bottom: 20px; font-size: 2em; color: #666; border-bottom: 1px solid #ccc; }
div.list .item      { margin-bottom: 2em; border-bottom: 1px solid #eee; padding-bottom: 1.5em; }
div.list p.item      { margin-bottom: 5px; border-bottom: 1px solid #ccc; padding-bottom: 5px;}
div.list .item h3      { font-size: 1.5em; margin-bottom: 10px; }
div.list .item h3 span		{ font-size: .71em; color: #666; }
div.list .item h3 span a	{ color: #666; }
div.list .item h4 			{ margin-bottom: 7px; }
div.list .item h5      { font-size: 1em; color: #5c803e; margin-bottom: .3em; }
div.list .item h6      { font-size: .85em; position: relative; top: -10px; color: #333; }
div.list .item h6 a   { color: #666; }
div.list .item .link   { margin-bottom: 10px; background: url('../icos/document_text.png') 0 0 no-repeat; padding-left: 24px; }
div.list .item .more   { margin-bottom: 10px; background: url('../icos/arrow_skip.png') 0 0 no-repeat; padding-left: 24px; }
div.list .item .descr   { margin-bottom: 10px; }
div.list .item .descr p   { margin-bottom: .75em; }
div.list .item .tags   { margin-bottom: 10px; height: 15px; }
div.list .item .reaction   { border-top: 1px solid #ccc; padding: 10px 0 0; font-style: italic; margin-bottom: 10px; }
div.list .item .author         { margin-bottom: 10px; }

div.list h3.breed	{ margin-bottom: 1.5em; }
div.list .nickname { color: #666; font-size: .89em; }

.item dt   { color: #3e5c80; font-weight: bold; font-size: .85em; }
.item dd   { color: #666; margin-left: 1em; margin-bottom: .5em; }

.eventList .item h1 { margin: 0 0 10px 0; font-size: 1.4em; }
.eventList .item .dates   { float: left; margin-right: 10px; }
.eventList .item .gps   { color: #666; font-weight: normal; }
.eventList .item .descr   { margin-left: 55px; }
.eventList .item .reaction   { margin-left: 55px; }
.eventList .item .entries   { margin: 0 0 10px 55px; }
.eventList .item .tags   { margin-left: 55px; }
.eventList .item .author         { margin-left: 55px; }

div.listHPNews	{ margin: 0 0 10px; padding: 0; }
div.listHPNews .item { border-color: #eee; margin-bottom: 1em; padding-bottom: 1em; }
div.listHPNews .item h4 { margin-bottom: .33em; }

.smallList .item { margin-bottom: 5px !important; padding-left: 13px; padding-bottom: 5px !important; font-size: .85em; border-color: #ddd !important; background: url('../icos/arrow_000_small.png') -5px .1em no-repeat !important;}

.tags { min-height: 16px; _height: 16px; }
.tags div   { font-size: 9px; color: #716535; white-space: nowrap; float: left; margin: 0 6px 0 1px; padding: 0; line-height: 9px; }
.tags div div   { margin: 0; padding: 1px 0; background: #ffe477; }
.tags div div div   { margin: 0; float: none; margin: 0 -1px; padding: 2px 5px; }

.tags .r1 div   { color: #fff; background: #ce7373 !important; }
.tags .r2 div   { color: #ce7373; background: #ffe6e6 !important; }

.tags .b1 div   { color: #fff; background: #7399ce !important; }
.tags .b2 div   { color: #2e558c; background: #afccf5 !important; }

.tags .g1 div   { color: #fff; background: #abce73 !important; }
.tags .g2 div   { color: #5b8539; background: #d4eebf !important; }

.tags .v1 div   { color: #fff; background: #b272b3 !important; }
.tags .v2 div   { color: #941a72; background: #e5c8dd !important; }

.tags .gr1 div   { color: #fff; background: #999 !important; }
.tags .gr2 div   { color: #444; background: #ccc !important; }

.submenu { border: 1px solid #06c; padding: 10px 10px 5px; margin-bottom: 20px; background: #f6f6ff; font-size: 1.1em; }
.submenu li { list-style: square; margin: 0 0 .5em 25px; color: #06c; }

.formbox   { border: 1px solid #ccc; padding: 20px; background: #f6f6ff; }

#regForm td span { display: block; }

.maskImg320 { position: relative; margin-bottom: 5px; }
.maskImg320 img { display: block; margin: 0 auto; }
.maskImg320 span { display: block; position: absolute; top:0; left:0; height: 100%; width: 100%; background: url('../images/image320-corners-top.png') no-repeat 0 0; }
.maskImg320 span span { display: block; position: absolute; bottom: 0; left: 0; height: 100%; width: 100%; background: url('../images/image320-corners-bottom.png') no-repeat 0 100%; }

.links li	{ background: url('../images/bul-arrow-dark.png') 0 .3em no-repeat; padding-left: 30px; margin-bottom: .5em;}
.listUl p.item	{ background: url('../images/bul-arrow-dark.png') 0 .3em no-repeat; padding-left: 30px; }

.text h1 { font-size: 2em; color: #04a; margin:  0 0 .5em; }
.text h2 { font-size: 1.4em; color: #06c; margin: 1em  0 .75em; }
.text p,
.text ol,
.text ul { margin-bottom: 1.5em; }
.text ol li { list-style: decimal; margin: 0 0 .5em 3em; }
.text ol ol li { list-style: lower-alpha; }
.text ul li { list-style: square; margin: 0 0 .5em 3em; }
.text li ol { margin-top: .5em; }
.text li ul { margin-top: .5em; }
.text blockquote   { padding: 0; margin: 0 0 1em; font-style: italic; color: #06c; background: #fff; padding: 10px; border: 1px solid #ccccff; }
.text dl { margin-bottom: 1.5em; }
.text dt { font-weight: bold; color: #04a; margin-top: 1.5em; }
.text dd { margin-left: 2em; margin-bottom: .33em; }

.text li:last-child,
.text ol:last-child,
.text ul:last-child,
.text p:last-child   { margin-bottom: 0; }

.detail h1   { font-size: 2.6em; color: #04a; margin-bottom: .5em; }
.detail h5   { font-size: 1.2em; color: #808080; margin-bottom: .25em; position: relative; top: -1em; }
.detail .text      { margin: 0 0 2em; border: 1px dotted #ddddff; padding: 10px; background: #fafaff; }
.detail .text h1   { font-size: 1.6em; }
.detail .text h2   { font-size: 1.5em; color: #06c; }
.detail .text h3   { font-size: 1.4em; color: #000; margin-bottom: .5em; }
.detail .text h4   { font-size: 1.3em; color: #04c; margin-bottom: .5em; }
.detail .text h5   { font-size: 1.2em; color: #03b; }
.detail .text .readMore   { margin: 0 !important; }
.detail .text .readMore a   { display: block; }

.detail .aMenu { float: right; padding: 10px; font-size: .91em; background: #fafafa; border: 1px solid #ccc; margin: 0 0 10px 10px; }
.detail .aMenu h4 { margin-bottom: .5em; }
.detail .aMenu li { margin-bottom: .5em; }

.eventDetail h1 span { font-size: .85em; color: #666; }
.eventDetail h3.eventDates { position: relative; top: -1em; }
.eventDetail .tags { position: relative; top: -1.2em; }

.dogDetail .tags { margin-bottom: 10px; }
.stationDetail table,
.dogDetail table { border-collapse: collapse; }
.stationDetail table tbody th,
.dogDetail table tbody th { color: #3e5c80; text-align: left; padding: 0 10px 3px 0; }
.stationDetail table tbody td,
.dogDetail table tbody td { text-align: left; padding: 0 10px 3px 0; }

.toDownload h4 { color: #666; margin-bottom: .25em; }
.toDownload .gallery { margin-bottom: .5em; }
.toDownload .gallery a { display: block; float: left; margin: 0 10px 10px 0; }
.toDownload .gallery img { display: block; border: 1px solid #06c; }
.toDownload .gallery a:hover img { border-color: #c60; }
.toDownload .list li { margin-bottom: .25em; }

.puppies .item { margin-bottom: 20px; }

.pedigree ul {xmargin-left: 20px; clear: both; }
.pedigree li { clear: both; padding: 0 0 0 20px;}
.pedigree li.mom { background: #fffafa url('../icos/fam/female.png') no-repeat; }
.pedigree li.dad { background: #fafaff url('../icos/fam/male.png') no-repeat; }

.pedigree p { width: 25%; float: left; }
.pedigree .parents {  width: 74%; float: right;}

.awards { margin: 0 0 1.5em; padding: 10px 10px 8px; background: #fafafa; border: 1px solid #ccc; }
.awards li { margin-bottom: .2em; }
.awards li abbr { border-bottom: 1px dashed #999; }

.frame	{ margin: 0 0 2em; border: 1px solid #ccccff; padding: 10px; background: #f9f9ff; }

.vcard	{ background: url('../icos/card_address.png') 0 0 no-repeat; padding-left: 22px; margin-bottom: 1em; }
.vcard .n { font-weight: bold; }

.filter { background: #f2f2ff; border: 1px solid #ccc; padding: 3px 10px; margin-bottom: 10px; font-size: .91em; color: #333; }
.filter h4 { margin-bottom: .5em; color: #dfd;}
.filter select { margin-right: 10px; }

.paging { padding: 5px 3px ; background: #f2f2f2; margin-top: 20px; }
.paging em,
.paging span,
.paging a { padding: 3px 7px; font-style: normal; }
.paging a:hover { background: #ccc; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.paging span { color: #777; }


div.shortNewsList { border: 1px solid #ccc; padding: 10px 10px 0; background: #f2f2ff; }
div.shortNewsList .item { border-color: #ccc; margin-bottom: 5px; padding-bottom: 0; }
div.shortNewsList .item .dates   { float: left; margin-right: 10px; }

div.listHPNews h1 { color: #3e5c80; font-size: 1.4em; padding: 0; margin: 0 0 .2em; }

div.table table { width: 99%; border-collapse: collapse; }
div.table table thead td { border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 6px 10px 3px 10px; font-weight: bold; color: #3e5c80;}
div.table table thead th { text-align: left; padding: 3px 10px; }
div.table table tbody tr.odd { background: #f2f2f2; }
div.table table tbody td { padding: 3px 10px; }
div.table table tbody tr:hover { background-color: #fafacc;}

#results table { margin-bottom: 30px; }
#results table thead th { padding-top: 10px; }
#results table td { border: 1px solid #eee; border-width: 1px 0; }

#breeds { position: relative; }
#breeds .item { margin-bottom: 10px; }
#breeds h3 { font-size: 1.1em; float: left; background: #f2f2f2; border: 1px solid #999; border-right: 0; width: 317px; margin-right: -1px; margin-bottom: -1px !important; font-weight: normal; position: relative; }
#breeds h3 a { display: block; padding: 5px 10px; color: #333; text-decoration: none; }
#breeds h3 a:hover { color: #000 !important; background: #fff; text-decoration: underline;}
#breeds .active h3 { background: #fff; color: #000; z-index: 5; }
#breeds .cont { float: right; width: 380px; border: 1px solid #999; xposition: absolute; right: 0; top: 0; z-index: 3; }
#breeds .img { height: 150px; width: 378px; padding: 0 0 1px; border: 1px solid #fff; border-bottom: 1px solid #999; background: #f2f2f2; margin-bottom: 10px; overflow: hidden; }
#breeds .img img { display: block; }
#breeds p.more { font-size: .85em; padding: 0 10px 0 26px; background: url('../icos/arrow_000_small.png') 10px 50% no-repeat; margin-bottom: 5px; }
#breeds .descr { padding: 0 10px; font-size: .91em; margin-bottom: 10px; }
#breeds .stats { padding: 0 10px; margin-bottom: 10px; }
#breeds .stats h5 { color: #333; margin-bottom: .5em; }

#newsFeed { font-size: .91em; background: #fafafa !important; border-top: 1px dotted #ccc; padding: 20px; }
#newsFeed h2 span.beta { color: #ce7373; font-size: .75em; padding-left: .25em; position: relative; top: -0.5em;}
#newsFeed .item { border: none; margin-bottom: 7px; position: relative; padding-left: 25px; background-position: 0 .1em; background-repeat: no-repeat;}
#newsFeed span.time { color: #666; position: absolute; right: 0; top: 0; font-size: .81em; }
#newsFeed p.action_update { background-image: url('../icos/trophy_pencil.png'); }
#newsFeed p.action_new { background-image: url('../icos/trophy_plus.png'); }
#newsFeed p.dog_update { background-image: url('../icos/database_pencil.png'); }
#newsFeed p.dog_new { background-image: url('../icos/database_plus.png'); }
#newsFeed p.result { background-image: url('../icos/report.png'); }

#guestbookForm table { width: 100%; }
#guestbookForm input { width: 50%; }
#guestbookForm textarea { width: 98%; }

#eventsCalendar h4 { margin-bottom: .5em;}
#eventsCalendar .item { background: #f2f2f2; padding: 7px 8px; margin: 0 -20px; }
#eventsCalendar .odd { background: #fff; }
#eventsCalendar .miniCal { float: left; }
#eventsCalendar h5 { font-size: 1em; }
#eventsCalendar p.info { font-size: .91em;margin-bottom: .2em; }

#events .item { clear: left; margin-bottom: 5px; }
#events .item h3 { font-size: 1.2em;}
#events .item:hover { background: #def !important;}
#events .dayCal { background: #d4eebf; border: 1px solid #5b8539; width: 4em; text-align: center; float: left; margin-right: 10px; }
#events .dayCal .name { background: #5b8539; color: #fff; font-variant: small-caps; }
#events .dayCal .number { font-size: 2em; }

#events .race .dayCal { background: #ffe6e6; border: 1px solid #ce7373; width: 4em; text-align: center; float: left; margin-right: 10px; }
#events .race .dayCal .name { background: #ce7373; color: #fff; font-variant: small-caps; }

#contactMail   {  background: #f9f9ff; border: 1px solid #ccccff; font-size: 4em; padding: 20px 30px; }

#calendar table { border-collapse: collapse; width: 100%; }
#calendar caption { font-size: 1.6em; }
#calendar th { border: 1px solid #ccc; background: #f2f2f2; }
#calendar td { border: 1px solid #ccc; text-align: left; vertical-align: top; padding: 0; font-size: .91em; background: #fafafa; }
#calendar td.empty { background: #fff; border: none;  }
#calendar td.weekend { background: #fff; }
x#calendar td.is { background: #ffffcc;  }
#calendar td h4 { margin-bottom: .5em; font-size: 1em; text-align: right; margin: 2px 4px 2px 2px;}
#calendar td p { line-height: 1.3; margin: 0 2px 2px; }
#calendar td p 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 td p a:hover { color: #fff !important; background: #ce7373; }
#calendar td p a small { color: #555; }
#calendar td p a:hover small { color: #eee; }
#calendar td p.cours a { color: #5b8539; background-color: #d4eebf; border-color: #abce73; }
#calendar td p.cours a:hover { color: #fff !important; background-color: #abce73; border-color: #abce73; }
#calendar td p.race a { color: #2e558c; background-color: #afccf5; border-color: #7399ce; }
#calendar td p.race a:hover { color: #fff !important; background-color: #7399ce; border-color: #7399ce; }
#calendar td p.results { background: url('../icos/table.png') 0 50% no-repeat; padding-left: 20px; min-height: 16px; }

/*
.tags .r1 div   { color: #fff; background: #ce7373 !important; }
.tags .r2 div   { color: #ce7373; background: #ffe6e6 !important; }

.tags .b1 div   { color: #fff; background: #7399ce !important; }
.tags .b2 div   { color: #2e558c; background: #afccf5 !important; }

.tags .g1 div   { color: #fff; background: #abce73 !important; }
.tags .g2 div   { color: #5b8539; background: #d4eebf !important; }

.tags .v1 div   { color: #fff; background: #b272b3 !important; }
.tags .v2 div   { color: #941a72; background: #e5c8dd !important; }

.tags .gr1 div   { color: #fff; background: #999 !important; }
.tags .gr2 div   { color: #444; background: #ccc !important; }
*/

.ico_sex_2 { background: url('../icos/fam/male.png') 0 .4em no-repeat; padding-left: 22px; }
.ico_sex_1 { background: url('../icos/fam/female.png') 0 .4em no-repeat; padding-left: 22px; }

.dogDetail .ico_sex_2,
.dogDetail .ico_sex_1 { background-position: 0 50%; }

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

.form-error-message { background: url('../icos/exclamation.png') 5px 50% no-repeat; color: #000; padding: 3px 7px 3px 25px; margin: 0; font-size: 11px; color: #c00; }
.form-control-error { border-color: #c00; }

.betaText { border: 1px solid #e6db55; background: #fcf9cf url('../icos/sticky-note.png') 10px 12px no-repeat; color: #000; margin: 10px; padding: 10px 10px 10px 36px; font-style: italic; }

/* System */
.dump { color: black; background: #ffc; font-size: 12px; text-align: left; border: 1px solid #aaa; padding: 5px 10px; overflow: auto; }
.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   { width:345px; position: absolute; top: 5px; right: 15px; font-size: .81em; z-index: 100;}
.develLine p   { padding: 5px 10px; color: #eee; }
.develLine p a   { color: #abf; }
.develLine p a:hover   { color: #fba !important; }

/* Login */
#loginPage   { background: #f2f2f2; margin-top: 30px; }
#loginPage form   { border: 1px solid #ccc; background: #fff; padding: 30px; width: 300px; margin: 0 auto; }
#loginPage input.username,
#loginPage input.password { width: 200px; }