/*

+----------------------------------------------------------------------------------------------------+
|                                                                                                    |
|    TYPOGRIDPHY - TYPOGRAPHICAL AND GRID LAYOUT CSS FRAMEWORK FROM HARRY ROBERTS OF CSS WIZARDRY    |
|                                                                                                    |
+-------------------------------------------------+--------------------------------------------------+
|                                                 |                                                  |
|   TYPOGRIDPHY IS © COPYRIGHT OF HARRY ROBERTS   |   v 0.1.1                                        |
|   IT IS FREE TO BE USED AND MODIFIED PROVIDED   |   May 2008                                       |
|   THIS TEXT REMAINS INTACT -- CSSWIZARDRY.COM   |   http://csswizardry.com                         |
|                                                 |                                                  |
+-------------------------------------------------+--------------------------------------------------+



COLOUR REFERENCES
BODY BG: #FFF
TOP STRIP: #000
BODY COLOUR: #666
LINKS: #000
-------------------------------------------------------- */


/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
    margin:0; 
    padding:0; 
} 
table { 
    border-collapse:collapse; 
    border-spacing:0; 
} 
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym {
    border:0; 
}
/*---------- END RESET ----------*/


/*-------------------------------------------+
|                                            |
|            MAIN STRUCTURE STYLES           |
|                                            |
+-------------------------------------------*/
html{
    font-size:100%;
    min-height:101%;
}
body{
    font-size:62.5%;
    font-size:62.5%;
    font-family: Verdana, Arial;
    background-color: #AAA;
    /*font-family:Georgia,"Times New Roman",serif;/*
    color:#666;
    background-color:/*url(images/grid.gif) top center repeat-y*/ #bdbdbd; /* Uncomment to display the grid */
    /*border-top:0.5em solid #031CC2;*/
}
#wrapper{
    width:94em;
    margin:0 auto;
    padding: 0.5em 1em 1em 1em;
    background-color: #fff;
    position: relative;
}
/*GRIDS
-------------------------------------------------------- */
/* Set styles common among all grids - all grid divs must be assigned this class */
.generic {
    /*border-top:0.5em solid #0055a5; /* The border at the top of each grid */
    border-top:0.5em solid #00386D; /* The border at the top of each grid */
    float:left;
    padding-top:1em;
    /*margin-bottom:2em;*/
    margin-bottom:1em;
}
.generic-clean{
    float:left;
    padding-top:0.5em;
    margin-bottom:2em;
    /*font-size: 11px;*/
}
.clean {
    float:left;
}
/* Sets styles for any 'start' grids - this class MUST be given to a grid that is the first in a horizontal series */
.clear{
    clear:both;
}
/* Sets styles for any 'end' grids - this class MUST be given to a grid that is the last in a horizontal series */
.end{
    margin-left:0 !important;
    margin-right:0 !important;
}
/* 160px */
.onesixty{
    width:16em;
    margin-right:2em;
}
/* 220px */
.twotwenty{
    width:22em;
    margin-right:2em;
}

/* 240px */
.twoforty{
    width:24em;
    margin-right:2em;
}

/* 280px */
.twoeighty{
    width:28em;
    margin-right:2em;
}
/* 340px */
.threeforty{
    width:34em;
    margin-right:2em;
}
/* 370px */
.threeseventy {
    width:37em;
    margin-right:2em;
}
/* 400px */
.fourhun{
    width:40em;
    margin-right:2em;
}
/* 460px */
.foursixty{
    width:46em;
    margin-right:2em;
}
/* 520px */
.fivetwenty{
    width:52em;
    margin-right:2em;
}
/* 580px */
.fiveeighty{
    width:58em;
    margin-right:2em;
}
/* 640px */
.sixforty{
    width:64em;
    margin-right:2em;
}
/* 700px */
.sevenhun{
    width:70em;
    margin-right:2em;
}
/* 760px */
.sevensixty{
    width:76em;
    margin-right:2em;
}
/* 820px */
.eighttwenty{
    width:82em;
    margin-right:2em;
}
/* 880px */
.eighteighty{
    width:88em;
    margin-right:2em;
}
/* 940px */
.nineforty{
    width:94em;
}
/*-------------------------------------------+
|                                            |
|                FONT STYLES                 |
|                                            |
+-------------------------------------------*/
/*PARAGRAPHS
-------------------------------------------------------- */
.generic p, .generic-clean p {
    font-size:1.2em;
    line-height:1.5em;
    margin-bottom:1.5em;
}
/* Styles an introductory paragraph, similar to newspapers. Assign this class to the first paragraph in an article */
p.intro:first-line{
    font-variant:small-caps;
}
/* Styles a drop cap on each paragraph with this class */
p.drop:first-letter{
    float:left;
    font-size:3em;
    margin-top:-0.05em;
    margin-right:0.1em;
    margin-bottom:-0.5em;
}
/*HEADINGS
-------------------------------------------------------- */
h1{
    color:#000;
    font-size:1.6em;
    margin-bottom:0.6em;
/*    font-style:italic;*/
    line-height:1.2em;
}

h2{
    color:#000;
    font-size:2em;
    margin-bottom:0.9em;
    line-height:0.9em;
}
h3{
    color:#000;
    font-size:1.5em;
    margin-bottom:1.2em;
    line-height:1.2em;
    font-variant:small-caps;
}
.twoforty h3 {
    font-weight: bold;
}
h4{
    color:#000;
    font-size:1.2em;
    margin-bottom:1.5em;
    line-height:1.5em;
    font-variant:small-caps;
}
h5{
    color:#000;
    font-size:1em;
    margin-bottom:1.8em;
    line-height:1.8em;
    font-variant:small-caps;
}
h6{
    color:#000;
    font-size:1em;
    margin-bottom:1.8em;
    line-height:1.8em;
}
/*LINKS
-------------------------------------------------------- */
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
p a{
    text-decoration:none;
    color:#000;
}
p a:hover{
    text-decoration:underline;
}
h1 a{
    text-decoration:none;
    color:#000;
}
h1 a:hover{
    text-decoration:underline;
}
li a{
    text-decoration:none;
    color:#000;
}
li a:hover{
    text-decoration:underline;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    color: #0055a5;
    text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover {
    text-decoration: underline;
}
/*ALL THE TRIMMINGS
-------------------------------------------------------- */
blockquote p{
    font-size:1.2em!important;
    line-height:1.5em!important;
    margin-bottom:1.5em!important;
    font-style:italic;
    font-weight:bold;
}
blockquote p cite{
    font-style:normal;
}
.generic strong, .generic-clean strong {
    font-variant:small-caps;
}
.generic em, .generic-clean em {
    font-style:italic;
    font-weight:inherit;
}
.amp{ /* Give those ampersands a right sexy look */
    font-family:Baskerville, "Goudy Old Style", "Palatino", "Book Antiqua", serif;
    font-style:italic;
    font-weight:normal;
    line-height:inherit;
}
abbr{
    border-bottom:1px dotted #666;
    border-color:inherit;
    cursor:help;
}
.clear{
    clear:both;
}
.right-float{ /* Float any item to the right */
    float:right;
    margin-left:2em;
    margin-right:0;
}
.left-float{ /* Float any item to the left */
    float:left;
    margin-right:2em;
    margin-left:0;
}
.code{ /* Styling for and code type items */
    font-family:Courier, "Courier New", monospace;
    background:#ddd;
    font-size:1em;
}
/*-------------------------------------------+
|                                            |
|               IMAGE STYLES                 |
|                                            |
+-------------------------------------------*/
img{
    font-size:1em;
}
img.left-img{ /* Float any image to the LEFT and give it some margin */
    font-size:1em;
    float:left;
    padding:4px;
    border:1px solid #ccc;
    margin-bottom:1.8em;
    margin-right:2em;
    margin-top:0.3em;
}
img.right-img{ /* Float any image to the RIGHT and give it some margin */
    font-size:1em;
    float:right;
    padding:4px;
    border:1px solid #ccc;
    margin-bottom:1.8em;
    margin-left:2em;
    margin-top:0.3em;
}
/*CONTACT FORM STYLES
-------------------------------------------------------- */
#contact-form{
}
#contact-form label{
    width:10em;
    float:left;
    margin-top:0.6em;
}
#name, #form-email, #url, #location{
    width:42.7em;
    height:20px;
    padding:3px;
    padding-top:5px;
    border:2px solid #666;
    margin-bottom:18px;
    background:#fff !important;
}
#comments{
    width:43.8em;
    height:10em;
    padding:3px;
    border:2px solid #666;
    margin-bottom:18px;
    overflow:auto;
    background:#fff !important;
}
#name:active, #form-email:active, #url:active, #location:active, #comments:active, #submit:active, #name:focus, #form-email:focus, #url:focus, #location:focus, #comments:focus, #submit:focus{
    border:2px solid #000;
}
#submit{
    clear:both;
    padding:5px;
    border:2px solid #666;
    background:#fff !important;
    cursor:pointer;
    margin-left:9em;
}
#reset{
    clear:both;
    padding:3px;
    border:none;
    background:#f00 !important;
    cursor:pointer;
    float:right;
    color:#fff;
    margin-top:-28px;
}
/*-------------------------------------------+
|                                            |
|                LIST STYLES                 |
|                                            |
+-------------------------------------------*/
ul{
    margin-bottom:1.8em;
    list-style:square inside;
}
ul li{
    font-size:1.2em;
    line-height:1.5em;
}
ul li.caption{ /* Apply this class to the first list item in a list to give it a caption */
    font-variant:small-caps;
    list-style:none;
    color:#000;
}
li > ul, li > ol{
    margin-bottom:0;
    margin-left:5em;
}
li > ul li, li > ol li{
    font-size:1em;
}
ol{
    margin-bottom:1.8em;
    list-style:decimal inside;
}
ol li{
    font-size:1.2em;
    line-height:1.5em;
}

/*-------------------------------------------+
|                                            |
|                 UPLOADIFY                  |
|                                            |
+-------------------------------------------*/
.fileUploadQueueItem {
    font: 11px Verdana, Geneva, sans-serif;
    background-color: #F5F5F5;
    border: 3px solid #E5E5E5;
    margin-top: 5px;
    padding: 10px;
    width: 300px;
}
.fileUploadQueueItem .cancel {
    float: right;
}
.fileUploadProgress {
    background-color: #FFFFFF;
    border-top: 1px solid #808080;
    border-left: 1px solid #808080;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    width: 100%;
}
.fileUploadProgressBar {
    background-color: #0099FF;
}

/*-------------------------------------------+
|                                            |
|                 TOOLTIP                    |
|                                            |
+-------------------------------------------*/
#tooltip {
    position: absolute;
    z-index: 3000;
    border: 1px solid #111;
    background-color: #eee;
    padding: 0.5em;
    line-height: 0.5em;
    width: 30em;
}
#tooltip i, #tooltip b {
    font-size: 0.6em;
}
#tooltip h3, #tooltip div { margin: 0; }

/*-------------------------------------------+
|                                            |
|                  CALENDAR                  |
|                                            |
+-------------------------------------------*/
/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; }

.calendar, .calendar table {
  color: #000;
  cursor: default;
  background: #F1F8FC;
  border-collapse: separate;
  width: 100%;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: #00386D;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #000;
  color: #fff;
  padding: 2px;
}

.calendar thead tr { /* Row <TR> containing navigation buttons */
  background: #00386D;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #C5D4E4;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  border-bottom: 1px solid #00386D;
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background-color: #34ABFA;
  color: #000;
  border: 1px solid #016DC5;
  padding: 1px;
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #006AA9;
  border: 1px solid #008AFF;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #456;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  border-right: 1px solid #000;
  background: #C5D4E4;
}

.calendar tbody .rowhilite td {
  background: #def;
}

.calendar tbody .rowhilite td.wn {
  background: #F1F8FC;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #def;
  padding: 1px 3px 1px 1px;
  border: 1px solid #8FC4E8;
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #cde;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  border: 1px solid #000;
  padding: 1px 3px 1px 1px;
  background: #fff;
  color: #000;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #a66;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #0055A5;
}

.calendar tbody .disabled { color: #999; }

.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */
  visibility: hidden;
}

.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */
  display: none;
}

/* The footer part -- status bar and "Close" button */

.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */
  text-align: center;
  background: #206A9B;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #000;
  color: #fff;
  border-top: 1px solid #206A9B;
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #B8DAF0;
  border: 1px solid #178AEB;
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #006AA9;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  border: 1px solid #655;
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #34ABFA;
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  font-weight: bold;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #F1F8FC;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  padding: 1px 0px;
  text-align: center;
  background-color: #E3F0F9;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  padding: 0px 3px 0px 4px;
  border: 1px solid #889;
  font-weight: bold;
  background-color: #F1F8FC;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  border-color: #000;
  background-color: #267DB7;
  color: #fff;
}

.calendar td.time span.active {
  border-color: red;
  background-color: #000;
  color: #A5FF00;
}

/*-------------------------------------------+
|                                            |
|                  SLIDER                    |
|                                            |
+-------------------------------------------*/
table.slider {
    margin: 0.1em 0 0.5em 0;
    border-top: 1px solid #F0F0F0;
    border-bottom: 1px solid #F0F0F0;
    background-color: #FAFAFA;
}
table.slider input {
    width: 30px;
    border: 1px solid #CCC;
    background-color: #FFF;
}
table.slider strong {
    font-size: 1.2em;
}
table.slider a {
    text-decoration: none;
}
table.slider a:hover {
    text-decoration: underline;
}
table.slider tr td span {
    color: #CCC;
}

/*-------------------------------------------+
|                                            |
|               MISC. STYLES                 |
|                                            |
+-------------------------------------------*/
.center-text {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

fieldset input {
    border:1px solid #3b6e22;
    color:#666666;
}
fieldset label{
    display:block;
    margin-bottom:1em;
    color:#555555;
}
fieldset span{
    font-size: 1.3em;
    display:block;
    float:left;
    width:11em;
    text-align:left;
    font-variant:small-caps;
}
fieldset .form-button {
    margin-top: 0.5em;
    padding: 2px 10px;
}
input.checkbox {
    border: none;
}

.pageform fieldset {
    width: 320px;
    margin: 0 auto;
}

.pageform fieldset p {
    font-size: 0.9em;
    margin-bottom: 2em;
}

#header{
    height: 17em;
    position: relative;
}
#header img#logo {
    margin: 1em;
}
#login-box {
    display: block;
    position: absolute;
    top: 0.2em;
    right: 0;
    text-align: right;
    line-height: 0.8em;
}
#languages {
    position: absolute;
    bottom: 3em;
    right: 0;
}
#languages img {
    margin: 0 0 0 0.5em ;
}
#search-options {
    position: absolute;
    bottom: 2.7em;
    right: 10em;
    display: none;
}
#search-options strong {
    font-variant: small-caps;
    font-size: 1.2em;
}
#search-options input {
    position: relative;
    top: 0.2em;
}
#header-images {
    width: 775px; 
    height: 106px; 
    position: absolute; 
    right: -10px; 
    top: 15px; 
    background-image: url(../img/lenta.jpg);
}
#header-images img {
    float: right;
    margin: 18px 0 0 10px;
}
#header-images div {
    width: 775px; 
    height: 106px; 
    position: absolute; 
    top: 0px; 
    left: 0px; 
    background-image: url(../img/lenta.png);
    z-index: 1000;
}
#main {
    position: absolute;
    left: 0;
    bottom: 0.5em;
    width: 94em;
    margin: 0;
    background: url(../img/mmbk.png) repeat-x;
}
#main ul {
    list-style: none;
}
#main li {
    display: inline;
    list-style: none;
}
#main li a {
    display: block;
    float: left;
    padding: 0 10px;
    text-align: center;
    color: #FFF;
    text-decoration: none;
    line-height: 2em;
    background: url(../img/mm_sep1.png) no-repeat center right;
}
#main a:hover {
    text-decoration: underline;
}
#main a.active, #main-menu a.active:hover {
    background-color: #00386D;
    background-image: url(../img/mm_sep1.png);
    background-repeat: no-repeat;
    background-attachment: center right;
}
#main li a span {
    display:block;
}

#search-button {
    position: absolute;
    right: 0.3em;
    top: 0.4em;
}
#search-input {
    position: absolute;
    right: 1.9em;
    top: 0.1em;
    border: 1px solid #000;
    padding: 0.1em 0.2em 0.2em 0.2em;
}

#footer {
    clear: both;
    color: #FFF;
    background-color: #0055a5;
    padding: 1em 2em;
    height: 9em;
}
#footer a {
    color: #FFF;
}
#footer p {
    text-align: right;
}

table.key-values {
    margin: 0 auto 1em auto;
    width: 46em;
    border-collapse: separate;
    border-spacing: 0.1em;
    font-size: 1em;
}
table.key-values p {
    margin: 0;
}
.table-key {
    vertical-align: top;
    font-weight: bold;
    font-size: 0.9em;
    padding: 0.5em 1em;
    text-align: left;
    background-color: #F6F6F6;
}
.table-value {
    font-size: 1.2em;
    vertical-align: top;
    background-color: #F8F8F8;
    padding: 0.5em 1em;
    text-align: left;
    width: 100%;
}

/* #c0c0c0 */
/*.categories > ul {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
    border-left: 1px solid #fff;
}*/
.categories ul > li {
    border-top: 1px solid #fff;
}
.categories ul {
    list-style: none;
    margin: 0;
    padding: 0;
    background-color: #d2d2d2;
}
.categories ul li {
    font-size: 1em;
    line-height: 20px;
}
.categories ul li a {
    margin-left: 1em;
}
.categories ul ul {
    background-color: #dcdcdc;
}
.categories ul ul ul {
    background-color: #e6e6e6;
}
.categories ul ul ul ul {
    background-color: #f0f0f0;
}
.categories ul ul ul ul ul {
    background-color: #fafafa;
}
.categories ul li span {
    font-size: 0.9em;
    color: #999;
    margin-left: 0.3em;
}
.categories a {
    text-decoration: none;
}
.categories a.selected {
    font-weight: bold;
    color: #000;
}

.subcategories {
    margin-bottom: 2em;
}
.subcategories div {
    float: left;
    width: 10em;
    height: 15em;
    text-align: center;
    margin: 0;
    clear: none;
    padding: 1px;
}
.subcategories strong {
    font-size: 1.3em;
    clear: both;
}
.subcategories a {
    font-size: 1.1em;
    color: #000;
    text-decoration: none;
}
.subcategories img {
    border: none;
}
.subcategories span {
    font-size: 0.9em;
    color: #AAA;
    margin-left: 0.3em;
}

.photos-table {
    border-collapse: separate;
    border-spacing: 1px;
}
.photos-table tr td {
    vertical-align: middle;
    border: 1px solid #DDDDDD;
    text-align: center;
    width: 102px;
    height: 102px;
    padding: 0;
}
.photos-table tr td div {
    border: 1px solid #DDDDDD;
}
.photos-table tr td span {
    margin: 0;
    font-size: 10px;
    line-height: 10px;
}

div.event div.intro {
    margin-bottom: 2em;
}
div.event div.intro img {
    float:left;
    margin-right:2em;
    margin-left:0;
}

div.small-event-item {
    margin: 1em 0;
    padding: 1em 0 0 0;
    border-top: 1px solid #0054A7;
    clear: both;
}
div.small-event-item h4 {
    font-size: 12px;
    font-variant: normal;
    font-family:Georgia,"Times New Roman",serif;
    font-weight: bold;
    /*text-decoration: underline;*/
    margin: 0 0 1em 0;
    clear: both;
}
div.small-event-item a {
    text-decoration: none;
    color: #000080;
}
div.small-event-item a:hover {
    text-decoration: underline;
}
div.small-event-item p {
    /*text-align: justify;*/
    font-size: 1.1em;
}
div.small-event-item img {
    float: left;
    margin: 0 0.8em 0.8em 0;
}

div.timestamp {
    margin-bottom: 10px;
}

div#linked-events p {
    margin-bottom: 10px;
    padding: 4px;
}
div#linked-events p#is-current {
    background-color: #F9F9F9;
}
div#linked-events p a:hover {
    text-decoration: underline;
}

table#users-table tr td {
    padding: 0.5em;
    font-size: 1.1em;
}
table#users-table tr td a {
    text-decoration: none;
}
table#users-table tr td a:hover {
    text-decoration: underline;
}

.buy-div {
    margin: 0 3em;
    padding: 1em 0;
    text-align: center;
    background: #E7E7E7;
}
.buy-button {
    background: #555;
    color: #FFF;
    font-weight: bold;
    border: 1px solid #A00;
    padding: 0.3em;
    font-size: 1.2em;
}







.thumbnail {
    float: left;
    width: 102px;
    margin: 0px;
}
.thumbnail table tr td {
    text-align: center;
    width: 104px;
    height: 104px;
    border: 1px solid #DDDDDD;
}







input.editable {
    width: 100%;
}
div.editable p {
    margin-bottom: 1em;
}
.editable-hidden {
    display: none;
}
div.editable-hidden {
    display: none;
    margin-top: 2em;
    font-size: 1.2em;
    text-align: center;
    color: #BB0000;
}
.editor-panel {
    border-top: 1px solid #FAA;
    border-bottom: 1px solid #FAA;
    background-color: #FFFFF0; 
    padding: 1px; 
    line-height: 1.8em;
}
.editor-panel button {
    font-size: 11px;
}
div.editor-text {
    margin: 0;
    padding: 0 4px;
}
div.editor-text textarea {
    border: 1px dashed #F00;
    width: 100%;
}
div.editor-text textarea:hover, div.editor-text textarea.selected  {
    border: 1px solid #F00;
}