.container table { border:0;padding:0;margin:0; }
#.container table td, .container table th { border:0;padding:0;margin:0;text-align:left; }
.container table td, .container table th { border:0;margin:0;text-align:left; }



table.table { width:100%;border:0;margin-bottom:1.6em; }
table.table td, table.table th { padding:.3em .4em;border:0;text-align:left;vertical-align:top; }
.container table.table th a { color:white; }
table.table td { border-bottom:1px solid #E7E7E7; }
table.table td.light { color:#999; }
table.table td.right, table.table th.right { text-align:right; }
table.table th { 
	background-color:#7ECEED;
	/*color:#FFF;*/
	color:#000;
	/*text-shadow:1px 1px 0 #666;*/
	padding:.3em .4em; 

}
table.table a:visited { color:#3366CC; }
table.table tr.hover { background-color:#FFFF88; }
table.table tr.noborder td { border:0; }
.container table.table .minlen { width:1px; }

table.kui-table { width:100%;border:0; }
table.kui-table td, table.kui-table th { padding:.2em .4em;border:0;text-align:left; }
table.kui-table td { border-bottom:1px solid #E7E7E7; }
table.kui-table td.light { color:#999; }
table.kui-table td.right, table.kui-table th.right { text-align:right; }
table.kui-table th { background-color:#518C24;color:#FFF;text-shadow:1px 1px 0 #666;padding:.3em .4em; }
table.kui-table a:visited { color:#3366CC; }
table.kui-table tr.hover { background-color:#FFFF88;cursor:pointer; }
table.kui-table span.kui-table-prevnext a { padding:0 0 0 1em; }
table.kui-table td.kui-table-footer { font-weight:bold;font-size:1.1em; }

#pager { text-align:right; }
#pager span.active, #pager a.page { font-weight:bold;border:1px solid #E7E7E7   ;padding:.2em .4em;text-decoration:none;font-size:1.1em;margin-right:.3em; }
#pager span.active { background-color:white;border:1px solid #3366CC;color:#3366CC; }
#pager a.page:hover { border:1px solid #3366CC;color:#3366CC; }

div.tag { -moz-border-radius:3px 3px 3px 3px;color:#FFFFFF;font-size:10px;font-weight:700;padding:2px 1px;text-align:center;text-transform:uppercase;background-color:#29A1CB; }
div.tag-large { font-size:1.4em; }
div.ui-box { padding:.8em 19px;margin-bottom:1.6em; }

span.tag { -moz-border-radius:3px 3px 3px 3px;color:#FFFFFF;font-size:10px;font-weight:700;padding:3px 5px;text-align:center;text-transform:uppercase;background-color:#29A1CB; }
span.tag-green { background-color:#64992C; }
span.tag-red { background-color:#64992C; }
span.tag-gray { background-color:#DEE5F2;color:#5A6986; }
span.tag-orange { background-color:#EC7000;color:#FFF0E1 }

/**************************************/
/*               FORMS                */
/**************************************/
.container .form div { margin-bottom:0; }
.container .form .legend { font-size:1.2em;background-color:#F7F7F7; }
.container .form .clear { margin-bottom:0; }
.container .form .kform_el { float:left;margin-bottom:0; }
.container .form label { display:block;text-align:right; }
.container .form .kform_el label { display:block;text-align:left; }
.container .form label.required { font-size:1em;margin-bottom:0.2em; }
.container .form label.std { float:none;text-align:left;display:inline; }
.container .form label sup { font-weight:bold;color:red;vertical-align:middle;margin-right:.5em; }
.xcontainer .form .kform_error { background-color:#FFE8E0; }
.container .form .kform_error input { border:2px solid #FBC2C4; }
.container .form span.kform_error { color:red;font-size:12px;display:block; }
.container .form .kform_el input, .container .form .kform_el select, .container .form .kform_el textarea { font-size:1.1em;margin-right:.5em;width:auto;font-family: sans-serif;padding:4px 3px;background-color:#FFF;border:1px solid #DDD;border-top:1px solid #777;margin-bottom:0; }
.container .form textarea:focus, input[type="text"]:focus, input[type="password"]:focus, select:focus { border-color:#888888;outline-color:#e8f2fc;outline-style:solid;outline-width:2px; }
.container .form .kform_el textarea { padding:3px 4px; }
.container .form .kform_text { margin:2em .8em 0 0;float:left; }
.container .form .kform_els { clear:both;margin-bottom:.5em;overflow:hidden; }
.container .form .kform_note { color:#999;margin-bottom:0; }
.container .form .kform_group label { display:inline; }
.container .form .kform_els .kform_group input.radio, .container .form .kform_els .kform_group input.checkbox { margin-right:5px; }
.container .form .kform_els .span-16 input { width:618px;margin:0; }
.container .form .kform_els .span-15 input { width:578px;margin:0; }
.container .form .kform_els .span-14 input { width:538px;margin:0; }
.container .form .kform_els .span-13 input { width:498px;margin:0; }
.container .form .kform_els .span-12 input { width:458px;margin:0; }
.container .form .kform_els .span-11 input { width:418px;margin:0; }
.container .form .kform_els .span-10 input { width:378px;margin:0; }
.container .form .kform_els .span-9 input { width:338px;margin:0; }
.container .form .kform_els .span-8 input { width:298px;margin:0; }
.container .form .kform_els .span-7 input { width:258px;margin:0; }
.container .form .kform_els .span-6 input { width:218px;margin:0; }
.container .form .kform_els .span-5 input { width:178px;margin:0; }
.container .form .kform_els .span-4 input { width:138px;margin:0; }
.container .form .kform_els .span-3 input { width:98px;margin:0; }
.container .form .kform_els .span-2 input { width:58px;margin:0; }
.container .form .kform_els input.radio, .container .form .kform_els input.checkbox { width:auto;background-color:transparent;border:0;margin-right:5px; }

.container .form .kform_els .span-16 textarea { width:612px;margin:0; }
.container .form .kform_els .span-15 textarea { width:580px;margin:0; }
.container .form .kform_els .span-14 textarea { width:532px;margin:0; }
.container .form .kform_els .span-13 textarea { width:492px;margin:0; }
.container .form .kform_els .span-12 textarea { width:452px;margin:0; }
.container .form .kform_els .span-11 textarea { width:412px;margin:0; }
.container .form .kform_els .span-10 textarea { width:372px;margin:0; }
.container .form .kform_els .span-9 textarea { width:332px;margin:0; }
.container .form .kform_els .span-8 textarea { width:292px;margin:0; }
.container .form .kform_els .span-7 textarea { width:252px;margin:0; }
.container .form .kform_els .span-6 textarea { width:212px;margin:0; }
.container .form .kform_els .span-5 textarea { width:172px;margin:0; }
.container .form .kform_els .span-4 textarea { width:132px;margin:0; }
.container .form .kform_els .span-3 textarea { width:92px;margin:0; }
.container .form .kform_els .span-2 textarea { width:52px;margin:0; }

.container .form .kform_els .span-15 select { width:585px;margin:0; }
.container .form .kform_els .span-10 select { width:385px;margin:0; }
.container .form .kform_els .span-9 select { width:345px;margin:0; }
.container .form .kform_els .span-8 select { width:305px;margin:0; }
.container .form .kform_els .span-7 select { width:265px;margin:0; }
.container .form .kform_els .span-6 select { width:225px;margin:0; }
.container .form .kform_els .span-5 select { width:185px;margin:0; }
.container .form .kform_els .span-4 select { width:145px;margin:0; }
.container .form .kform_els .span-3 select { width:85px;margin:0; }
.container .form .kform_els .span-2 select { width:65px;margin:0; }
.container .form h5.section { margin-top:0.67em;margin-bottom:0.33em;color:#20A6DB; }

/* BUTTONS */
.container a.btn { color:#333;text-decoration:none; }
.container a.btn:visited { color:#333;}
.container .btn {
  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;
  }
* 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(./buttons/button-gray.png) 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.large {
  font:140%/1.2 Arial,Sans-serif;
  color: #333;
}
.btn span.large span {
  &margin-top: -3px;
  &padding-bottom: 1px;
  font-weight:bold;
}

.btn span span {
  position:relative;
  padding:3px .4em;
  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;
  }

.btn span.orange { background-color:#FF6804;background-image:url(./buttons/button-orange.png);border-color:#f26100; }
.btn span.orange span { background-color:#FF6804;background-image:url(./buttons/button-orange.png);border-color:#f26100;color:white;font-weight:bold; }
.btn span.green { background-color: #88a846;background-image:url(./buttons/button-green.png);border-color:#88a846; }
.btn span.green span { background-color:#88a846;background-image: url(./buttons/button-green.png);border-color:#88a846; color:white;font-weight:bold; }
.btn span.blue { background-color: #0c7199;background-image:url(./buttons/button-blue.png);border-color:#45869b; }
.btn span.blue span { background-color:#0c7199;background-image: url(./buttons/button-blue.png);border-color:#45869b; color:white;font-weight:bold; }

/* 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 {
  cursor:pointer; /* important for any clickable/pressable element */
  border-color:#9cf !important;
  color:#000;
  }
.container .btn:active span { background-position:0 bottom;outline:none; }
.container .btn:active span span { background-position:7px 4px; }


.btn:focus, .btn:active {
  outline:none; /* doesn't seem to be respected for <button>, only <a> */
  }
.container a.btn:hover, .container a.btn:focus, .container a.btn:active { text-decoration:none; }
.btn:hover span.orange, .btn:hover span.orange span, .btn:focus span.orange, .btn:focus span.orange span { color:white; }
.btn:hover span.green, .btn:hover span.green span, .btn:focus span.green, .btn:focus span.green span { color:white; }
.btn:hover span.blue, .btn:hover span.blue span, .btn:focus span.blue, .btn:focus span.blue span { color:white; }
.container a.btnr { padding-right:0; }

.btn span span.search { background:url(./buttons/search.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.save { background:url(./buttons/save.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.add { background:url(./buttons/add.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.edit { background:url(./buttons/edit.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.delete { background:url(./buttons/trash.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.cancel { background:url(./buttons/cancel.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.upload { background:url(./buttons/upload.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.playsound { background:url(./buttons/bt_play.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.download { background:url(./buttons/downloads.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.ok { background:url(./buttons/apply.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.send { background:url(./buttons/export.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.test { background:url(./buttons/test.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.back { background:url(./buttons/left.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.right { background:url(./buttons/right.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.next { background:url(./buttons/right.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.prev { background:url(./buttons/left.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.basket { background:url(./buttons/basket.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.larrow { background:url(./buttons/leftarrow.png) no-repeat 7px 3px;padding-left:29px;}
.btn span span.rarrow { background:url(./buttons/rightarrow.png) no-repeat 7px 3px;padding-left:29px;}
.btn span.large span.add, .btn span.large span.edit, .btn span.large span.save, .btn span.large span.basket { background-position:7px 4px; }
.btn span.large span.ok { background-position:7px 5px; }
.btn span.large span.prev, .btn span.large span.search, .btn span.large span.test, .btn span.large span.back, .btn span.large span.right, .btn span.large span.playsound, .btn span.large span.next  { background-position:7px 6px; }

.container a.FBConnectButton { padding:0; }

#flash-message div { padding:.6em;border:1px solid black;margin-bottom:1.6em;font-size:1.1em;font-weight:bold; }
#flash-message div.mb_ok { background-color:#CDEB8B;border-color:#008C00;color:#008C00; }
#flash-message div.mb_error { background-color:#FF1A00;border-color:#CC0000;color:#FFFFFF; }
#flash-message p { margin:0; }

.filter { background-color:#7ECEED;color:white;padding:1em 20px;margin-bottom:1.2em; }
.filter form { margin-bottom:0; }

form input.captchainput {
	font-size: 14px;
}