html, body { font-family:Verdana, sans-serif;font-size:0.9em;margin:0;padding:0;background-color:white;height:100%; }
img { border:0 !important; }

a { color:#4D7285;text-decoration:underline; }
a:hover { color:#6DA3BD; }

h1 { color:#333;font:1.9em normal Verdana, Tahoma, sans-serif;margin:0 0 5px; }
h2 { color:#333;font:1.6em normal Verdana, Tahoma, sans-serif;margin:0 15px 5px; }
h3 { color:#333;font:1.4em normal Verdana, Tahoma, sans-serif;margin:0 10px 5px; }
h4 { color:#333;font:1.2em normal Verdana, Tahoma, sans-serif;margin:0 10px 5px; }

h1 a,
h2 a { color:#333;border-color:#597A7D; }
h1 a:hover,
h2 a:hover { color:#888;border-color:#597A7D; }

p { margin:0 0 5px 0;text-indent:15px;line-height:1.4em; }
ul, ol { margin:0 0 5px 15px;padding:0 0 0 20px; }
li { line-height:1.4em;margin-bottom:3px; }

table.full_width { width: 100%; }
table.padded td { padding: 5px; vertical-align: middle; }
table.padded { margin-top: 10px }
tr.grey td { background-color:#d0d0d0 }
td.small { font-size:0.85em; }

.text_body { padding-left:20px;padding-right:16px;padding-top:0px;padding-bottom:10px;font-size:0.8em; }
.text_body_nopadding { padding: 0px; }
input.full_width { width: 100%; }
select.full_width { width: 100%; }
textarea.full_width { width: 100%; height: 150px; font-family: arial, helvetica, sans-serif;}
input.invalid { background-color: #f0c0c0;}

.error { background-color: #f0c0c0; border: 1px solid black; padding: 5px; margin: 5px 10px; }
.warning { display: block; background-color: #ffba88; border: 1px solid #ff7109; padding: 5px; width: auto; }
.message { display: block; background-color: #ffffc0; border: 1px solid #ff7109; padding: 5px; width: auto;margin:10px 5px 5px 5px; }
.comment { font-size: 0.9em; } 

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/* Page configuration */ 
#page { margin:5px 5px 0 25px;width:1200px;clear:both;padding-bottom:50px; }

/* Windows */
#control_overlay { background-color:#000; } 
.modal { background-color:#fff; padding:10px; border:1px solid #333; }

/* Participation form */
.redbg {background-color:#ffc0c0;}
.yellowbg {background-color:#ffffc0;}
.greenbg {background-color:#c0ffc0;}
.greybg {background-color:#eee;}
.magentabg {background-color: #fb9be3;}
.lbluebg {background-color: #6fafff !important;color: white;}
.lbluebg a {color: white;}
.bluebg {background-color: #0071fc;color: white;}
.bluebg a {color: white;}

.mlpbg {background-color: #b9e1fa; background-image: url('/i/mlp.png'); background-attachment: fixed; background-position: -150px}
.attnbg {text-align: center; background-color: white; border-left: 2px solid red; border-right: 2px solid red; color: red; font-weight: bolder; font-size: 130%; cursor: default;}

/* Tabs */
.tab-body {clear:both;}
ul.tab-options {list-style:none;margin:0 0 4px 0;padding:0 4px;clear:both;border-bottom:1px solid green;height:20px;}
ul.tab-options li {float:left;margin:0 15px;text-align:center;}
ul.tab-options li a {text-decoration:none;color:green;}
ul.tab-options li.selected a {font-size:1em;font-weight:bold;color:green;}

#participation-list { border-spacing:0;border-collapse:collapse; }
#participation-list th,
#participation-list td { border-bottom:1px solid #ccc;padding:3px 10px; }
#participation-list td .comment { font-size:0.85em;color:grey; }

#participation-form { border-spacing:0 0px; }
#participation-form th,
#participation-form td { border-top:1px solid #555;font-size:0.9em; }
#participation-form td { padding:6px 3px;vertical-align:middle; }
#participation-form tr.noborder td { border:none; }

#participation-form .people { border:none; }
#participation-form .people table { border-spacing:0 0px;border-collapse:collapse;margin:0px auto; }
#participation-form .people table th,
#participation-form .people table td { border:none;padding:2px; }
#participation-form .people table td { border:1px solid #ccc;background-color:white; }
#participation-form .people table input { border:none; }

/* Comments */
#comments { width: 100%; }
#comments .message { margin:10px 0;padding:10px;background-color:#c0ffc0; }
#comments .hidden { background-color:#EAEAEA; }
#comments .author { font-size:0.9em;margin:0 0 5px 0; }
#comments .date { font-style:italic;color:grey;font-size:0.9em; }
#comments .controls { font-size:1em;width:120px;text-align:right;float:right; }
#comments .description { padding:10px 0 0 5px;font:1.2em; margin-bottom: 0.5em}
#comments .description p { text-indent:0px; }

#comments .reply { text-align:left;margin:10px 0px;border:none; }
#comments .reply h3 { font-size:1.4em;margin:0 0 5px 0;text-align:left;font-weight:normal;color:black; }
#comments .reply textarea { width:100%;height:90px;margin:4px 0px; }

#comments .empty { margin:15px 5px;padding:15px;font-size:1.6em;text-align:center; }
#comments .not_logged { border:1px solid black;margin:15px 5px;padding:15px;font-size:1.6em;text-align:center; }

#comments a.button-delete { width:18px;height:18px;background-image:url(/i/icon_delete.png);display:inline-block;background-repeat:no-repeat;border:none;text-decoration:none; }

/* File upload */
#container { width:370px;float:left; }

#form-files { width:540px;float:left;margin-right:14px; }
#form-files .container {margin:3px 2px;padding:4px;border:solid 1px #E8E8E8;background-color:#F7F7F7;overflow:hidden;}
#form-files .container.red /* Error */{border: solid 1px #B50000;background-color: #FFEBEB;}
#form-files .container.green /* Current */ {border: solid 1px #DDF0DD;background-color: #EBFFEB;}
#form-files .container.blue /* Complete */ {border: solid 1px #CEE2F2;background-color: #F0F5FF;}
#form-files .container.grey /* Obsolete */ {border: solid 1px #707070;background-color: #F0F0F0;}
#form-files .filename {font-size:10pt;font-weight: bold;color: #555555;text-align:left;white-space:nowrap;}
#form-files .status {margin-top:3px;font-size: 8pt;font-family: Verdana;text-align: left;}

#btnBrowse,
#btnUpload {vertical-align:middle;font-family:Verdana, sans-serif;height:50px;text-align:center;}

#btnBrowse .title,
#btnUpload .title {font-weight:bold;font-size:1.2em;line-height:1em;margin-bottom:3px;}

#btnUpload .desc,
#btnBrowse .desc {font-size:0.8em;line-height:1.1em;}

#btnBrowse {width:200px;}
#btnUpload {width:160px;}
/*#btnUpload img { float:right;height:40px; }*/

#uResults { max-height:330px;overflow-y:auto;margin:5px 0; }
#uResults .container {margin: 2px 0px;padding: 4px;border: solid 1px #E8E8E8;background-color: #F7F7F7;overflow: hidden;position:relative;z-index:5;}
#uResults .container.red /* Error */{border: solid 1px #B50000;background-color: #FFEBEB;}
#uResults .container.green /* Current */ {border: solid 1px #DDF0DD;background-color: #EBFFEB;}
#uResults .container.blue /* Complete */ {border: solid 1px #CEE2F2;background-color: #F0F5FF;}
#uResults .wrapper {width:100%;overflow: hidden;position:relative;}
#uResults .filename {font-size: 8pt;font-weight: bold;color: #555555;width: 320px;height: 14px;text-align: left;white-space: nowrap;overflow: hidden;}
#uResults .status {margin-top: 2px;width: 337px;font-size: 7pt;font-family: Verdana;text-align: left;white-space: nowrap;}
#uResults .bar {position:absolute;top:0;bottom:0;left:0;width:0%;z-index:2;font-size:0px;background-color:#EBFFEB;}

#history-table { border-spacing:0;border-collapse:collapse; }
#history-table th,
#history-table td { border:1px solid #ccc;padding:3px 5px;font:8pt Verdana, sans-serif; }
#history-table th { font-weight:bold;border:none; }
#history-table .grey {background-color:#f0f0f0;}

/*---------------------------------------
             TICKETS MODULE
  ---------------------------------------*/

#tickets-list { border-spacing:0;border-collapse:collapse; }
#tickets-list th,
#tickets-list td { border-bottom:1px solid #ccc;padding:3px 10px; }
#tickets-list .comment { font-size:0.85em;color:grey; }

#tickets-form { border-spacing:0 0px; }
#tickets-form th,
#tickets-form td { border-top:none;font-size:0.9em; }
#tickets-form td { padding:6px 3px;vertical-align:middle; }
#tickets-form tr.noborder td { border:none; }

#ticket-prices table { border-spacing:0 0px;border-collapse:collapse;margin:0; }
#ticket-prices table th { font-size:0.8em;}
#ticket-prices table th,
#ticket-prices table td { border:none;padding:2px 5px;text-align:center; }
#ticket-prices table td { border:1px solid #ccc;background-color:white; }
#ticket-prices table tr.payed td {background-color: #6fafff;color: white;}
#ticket-prices table input.text { border:none; }

.place {cursor: default; width: 10px; height: 10px; text-align: center; font-size: 6pt; font-family: arial, helvetica, sans-serif; }
.place_free {background-color: #b0d8a9; border-bottom: 2px solid #147b00; border-left: 1px solid #147b00; border-right: 1px solid #147b00; color: #147b00; cursor: pointer}
.place_my {background-color: #ffde00; border-bottom: 2px solid #ffde00; border-left: 1px solid #ffde00; border-right: 1px solid #ffde00; color: black; cursor: pointer}
.place_my_payed {background-color: #ffde00; border-bottom: 2px solid #003372; border-left: 1px solid #ffde00; border-right: 1px solid #ffde00; color: black;}
.place_unknown {background-color: #cdcdcd; border-bottom: 2px solid #9b9b9b; border-left: 1px solid #9b9b9b; border-right: 1px solid #9b9b9b; color: #9b9b9b;}
.place_recieved {background-color: #fb9be3; border-bottom: 2px solid #ba2f98; border-left: 1px solid #ba2f98; border-right: 1px solid #ba2f98; color: #147b00;}
.place_pending {background-color: #fb9be3; border-bottom: 2px solid #ba2f98; border-left: 1px solid #ba2f98; border-right: 1px solid #ba2f98; color: #147b00;}
.place_waiting {background-color: #ff8d8d; border-bottom: 2px solid #b50000; border-left: 1px solid #b50000; border-right: 1px solid #b50000; color: #147b00;}
.place_accepted {background-color: #6fafff; border-bottom: 2px solid #003372; border-left: 1px solid #003372; border-right: 1px solid #003372; color: #147b00;}
.place_complete {background-color: #0071fc; border-bottom: 2px solid #003372; border-left: 1px solid #003372; border-right: 1px solid #003372; color: white;}
.emptyPlace {font-size: 6pt;} 

a.tlgrm {display: block; padding-top: 30px;}
a.tlgrm img {width: 2em; height: 2em; padding-right: 0.5em; vertical-align: -50%}

.related {border: none; border-collapse: collapse; margin: 0;}
.current {background-color: #DFD}
.canceled {background-color: #EEE}

audio {width: 100%;}