/* ========================== */
/*  Neptun Wasserpreis 2010   */
/*  Content Styles            */
/* ========================== */


/* === Standard Elements =================================================== */

/* --- Headers / Text ------------------------------------------------------ */

h1,
h2,
h3,
h4 {
  color: #0064a2;
  font-weight: bold;
  margin: 1em 0 0.5em;
}

h1 {
  font-size: 1.5em;
  margin-top: 0;
}

h2 {
  color: #DA801A;
  font-size: 1.3em;
}

h3 {
  font-size: 1.1em;
}

h4 {
  font-size: 1em;
}

p {
  margin: 0.5em 0;
}

/* --- Links --------------------------------------------------------------- */

a {
  color: #0064a2;
  text-decoration: underline;
}

a:hover,
a:focus,
a:active {
  background-color: #0064a2;
  color: #fff;
  text-decoration: none;
}

a.pdf,
a.word,
a.xls {
  background-repeat: no-repeat;
  background-position: 2px 50%;
  padding: 2px 1px 2px 22px;
}

a.pdf  { background-image: url("../images/ui/icon_file_pdf.gif"); }
a.word { background-image: url("../images/ui/icon_file_doc.gif"); }
a.xls  { background-image: url("../images/ui/icon_file_xls.gif"); }

p.more {
  background: url("../images/ui/bg_more.gif") no-repeat 0 50%;
  padding: 10px 0 10px 45px;
}

a.roundbutton {
  background-repeat: no-repeat;
  background-position: 0 0;
  display: block;
  height: 118px;
  margin: 0 auto;
  text-indent: -999em;
  width: 118px;
}
a.roundbutton:hover,
a.roundbutton:focus,
a.roundbutton:active {
  background-color: transparent;
  color: #0064a2;
}
a#einreichen { background-image: url(../images/ui/button_einreichen.png); }
a#mitstimmen { background-image: url(../images/ui/button_mitstimmen.png); }
a#ergebnisse { background-image: url(../images/ui/button_ergebnisse.png); }
a#empty { background-image: url(../images/ui/button_empty.png); }
a#einreichen:hover,
a#einreichen:focus,
a#einreichen:active { background-image: url(../images/ui/button_einreichen_hover.png); }
a#mitstimmen:hover,
a#mitstimmen:focus,
a#mitstimmen:active { background-image: url(../images/ui/button_mitstimmen_hover.png); }
a#ergebnisse:hover,
a#ergebnisse:focus,
a#ergebnisse:active { background-image: url(../images/ui/button_ergebnisse_hover.png); }
a#empty:hover,
a#empty:focus,
a#empty:active { background-image: url(../images/ui/button_empty_hover.png); }

.socialmedia ul {
  list-style: none!important;
  margin: 0 0 1em!important;
}

.socialmedia a {
  float: right;
}

.socialmedia a:hover,
.socialmedia a:focus,
.socialmedia a:active {
  background-color: #dfdfdf;
  color: #fff;
  text-decoration: none;
}

.socialmedia a.twitter {
  margin-left: 0.8em!important;
}


/* --- Lists --------------------------------------------------------------- */

#content ul {
  list-style-type: square;
  list-style-image: url('../images/ui/arrow_blue.gif');
  margin: 0 0 1em 2em;
}

#content ol {
  list-style-type: decimal;
  margin: 0 0 1em 2em;
}


/* --- Images -------------------------------------------------------------- */

#content img.bildLinks {
  float: left;
  margin: 0 0.5em 0.5em 0;
}

#content img.bildRechts {
  float: right;
  margin: 0 0 0.5em 0.5em;
}

/* === Category Teasers ==================================================== */

#content #catteaser ul {
  list-style: none none;
  margin-left: 0;
}

#catteaser ul li {
  float: left;
}

#catteaser a {
  border: 2px solid #fff;
  display: block;
  margin-right: 0.5em;
  text-decoration: none;
  width: 140px;
}

#catteaser a img {
  display: block;
}

#catteaser .last a {
  margin-right: 0;
}

#catteaser a:hover,
#catteaser a:focus,
#catteaser a:active {
  background-color: transparent;
  border-color: #0064a2;
  color: #0064a2;
}

/* === Diashow ============================================================= */

#content p.diashowStart {
  text-align: right;
}

#content div#diashow img {
  border: 0;
  margin: 0 auto;
  padding: 0;
}

/* --- Edit Mode --- */

#content div#diashow.diashowEdit div.diaImage {
  border-bottom: 1px solid #0099ff;
  padding: 1em 0;
  margin: 1em 0;
}

/* --- Index Mode --- */

#content div#diashow.diashowIndex div.diaImage {
  float: left;
  border: 1px solid #ccc;
  margin: 3px;
}

#content div#diashow.diashowIndex div.diaImage a {
  display: block;
  height: 100px;
  padding: 3px;
  position: relative;
  text-align: center;
  text-decoration: none;
  width: 100px;
}

#content div#diashow.diashowIndex div.diaImage a img {
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  position: absolute;
  margin: auto;
}


#content div#diashow.diashowIndex div.diaImage a:hover,
#content div#diashow.diashowIndex div.diaImage a:focus,
#content div#diashow.diashowIndex div.diaImage a:active {
  background-color: #0099ff;
  text-decoration: none;
}

/* --- View Mode --- */

#content div#diashow.diashowView div.diaImage a,
#content div#diashow.diashowView div.diaImage span {
  border: 1px solid #ccc;
  display: block;
  padding: 3px;
  text-align: center;
  text-decoration: none;
}

#content div#diashow.diashowView div.diaImage a:hover,
#content div#diashow.diashowView div.diaImage a:focus,
#content div#diashow.diashowView div.diaImage a:active {
  background-color: #fff;
  border-color: #0099ff;
}

/* --- Diashow Controls --- */

#content div.diashowControls {
  background-color: #eee;
  margin: 1em 0;
  padding: 0.3em 0;
}

#content div.diashowControls p {
  font-size: 0.9em;
  margin: 0;
  text-align: center;
}

#content div.diashowControls p a,
#content div.diashowControls p span {
  background-color: #fff;
  display: -moz-inline-box;
  display: inline-block;
  margin: 0 0.05em;
  padding: 0.1em 0.4em;
  text-decoration: none;
  vertical-align: middle;
}

#content div.diashowControls p a {
  border: 1px solid #ddd;
  color: #000;
}

#content div.diashowControls p span {
  border: 1px solid #ddd;
  color: #999;
}

#content div.diashowControls p a:hover,
#content div.diashowControls p a:focus,
#content div.diashowControls p a:active {
  border: 1px solid #eb690a;
}

/* === Bildgalerie ============================================================== */
.gallery ul {
  float: left;
  margin: 0;
  padding: 0;
}

.gallery li {
  float: left;
  background: none !important;
  margin: 0 0 20px 18px;
  padding: 0;
  list-style: none;
}

.gallery li.clearrow {
  clear:left;
  margin-left:0;
}

.gallery a {
  border: 1px solid #dfdfdf;
  display: block;
}

.gallery a:hover {
  border-color: #0064A2;
  background-color: #dfdfdf;
}

.gallery a img {
  margin: 0;
  display: block;
}


/* === VOTING ============================================================== */

#voting #contribs {
  float: right;
  width: 100%;
}

#voting button {
  margin: 1em 0;
}

#voting label.done {
  color: #666;
  text-decoration: line-through;
}

#voting .row {
  clear: left;
  padding-bottom: 1em;
}

#voting .contrib {
  background-color: #dfdfdf;
  float: left;
  margin-right: 1em;
  padding: 0.3em 0.3em 3em 0.3em;
  position: relative;
  width: 252px;
}

#voting .checked {
  background-color: #b2e0ff;
}

#voting .image h3 {
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url('../images/ui/mime-image-32.png');
}
#voting .video h3 {
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url('../images/ui/mime-video-32.png');
}
#voting .text h3 {
  background-position: top right;
  background-repeat: no-repeat;
  background-image: url('../images/ui/mime-text-32.png');
}

#voting .contrib h3 {
  background-color: #fff;
  font-weight: bold;
  margin-top: 0;
  margin-bottom: 0.5em;
  padding: 0.35em 30px 0.35em 0.2em;
}

#voting .contrib a.thumb {
  border: 1px solid #dfdfdf;
  display: block;
}

#voting .contrib a.thumb:hover,
#voting .contrib a.thumb:focus,
#voting .contrib a.thumb:active {
  background-color: #dfdfdf;
  border-color: #0064a2;
}

#voting .contrib div.details {
}

#voting .contrib div.details h4{
margin: 0;
}

#voting .contrib div.details a {
 text-decoration: none;
 color: black;
}

#voting .contrib div.details a:hover {
 color: black;
}

#voting .contrib p.teaser {
}

#voting .contrib input.vote {
  vertical-align: middle;
}

#voting .contrib a img {
  display: block;
  margin-right: 1em;
}

#voting .contrib p.controls {
  background-color: #fff;
  padding: 0.2em 0.5em;
  margin-bottom: 0.5em;
  margin-right: 0.5em;
  position: absolute;
  bottom: 0;
  right: 0;
}

#voting div.option,
#voting div.option_single,
#voting div.input,
#voting div.button {
  margin-bottom: 0.5em;
}

#voting div.option_single {
  margin-left: 10.2em;
}

#voting div.input label {
  display: block;
  float: left;
  margin-right: 0.5em;
  text-align: right;
  width: 10em;
}

#voting div.input input,
#voting div.input textarea {
  border: 1px solid #ddd;
  width: 20em;
}

#voting div.input input:hover,
#voting div.input input:focus,
#voting div.input textarea:hover,
#voting div.input textarea:focus,
#voting div.button button:hover,
#voting div.button button:focus {
  border-color: #0099ff;
}

#voting div.input textarea {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 1.05em;
}

#voting div.option input.checkbox,
#voting div.option_single input.checkbox {
  background-color: #eee;
  border: 1px solid #aaa;
}

#voting div.button button.indent {
  margin-left: 10em;
}


#voting em {
  background-color: #c00;
  color: #fff;
  font-style: normal;
  padding: 0 0.2em;
}

p.icon {
  background-position: 0 50%;
  background-repeat: no-repeat;
  padding-bottom: 5px;
  padding-left: 30px;
  padding-top: 5px;
}

p.error { background-image: url('../images/ui/icon-error.gif'); }
p.warning { background-image: url('../images/ui/icon-warning.gif'); }
p.info { background-image: url('../images/ui/icon-info.gif'); }
p.question { background-image: url('../images/ui/icon-question.gif'); }


/* === Submission Forms ==================================================== */

form.submission fieldset {
  border-top: 1px solid #aaa;
  margin: 1em 0;
}
form.submission fieldset legend {
  display: block;
  font-weight: bold;
  padding-right: 1em;
}

form.submission fieldset.project {
  border-bottom: 1px solid #aaa;
  border-left: 1px solid #aaa;
  border-right: 1px solid #aaa;
  padding: 12px;
}

form.submission fieldset.project legend {
  padding: 0 0.3em;
}

form.submission p.hint {
  color: #666;
  font-size: 0.9em;
}

form.submission div.input,
form.submission div.file,
form.submission div.option {
  margin: 0.5em 0;
}
form.submission div.option {
  position: relative;
}
form.submission div.options {
  margin: 0.2em 0;
  position: relative;
}

form.submission div.tooltip {
  color: #666;
}

form.submission div.input label {
  display: block;
  color: #555;
}
form.submission div.file label {
  color: #555;
  margin-right: 0.5em;
}
form.submission div.option label,
form.submission div.options label {
  color: #555;
  margin-left: 2em;
}
form.submission label span,
form.submission legend span {
  color: #DA801A;
  margin-left: 0.2em;
}

form.submission div.input input,
form.submission div.file input {
  background-color: #eee;
  border: 1px solid #aaa;
  font-size: 1em;
}
form.submission div.input input {
  padding: 0.3em;
  width: 390px;
}
form.submission div.input textarea {
  background-color: #eee;
  border: 1px solid #aaa;
  font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
  font-size: 1em;
  height: 5em;
  padding: 0.3em;
  width: 390px;
}
form.submission div.input select {
  background-color: #eee;
  border: 1px solid #aaa;
  padding: 0.3em;
  width: 400px;
}
form.submission div.option input,
form.submission div.options input {
  position: absolute;
  left: 0;
  top: 0;
}
form.submission div.option input.checkbox,
form.submission div.options input.checkbox {
  background-color: #eee;
  border: 1px solid #aaa;
}

form.submission div.button {
  margin-top: 1.5em;
}
form.submission div.button button {
  background-color: #eee;
  border: 2px outset #aaa;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  color: #000;
  cursor: pointer;
  font-size: 1.2em;
  font-weight: bold;
  padding: 0.3em 0.5em;
  text-align: left;
}
form.submission div.button button .hint {
  font-size: 0.8em;
  font-weight: normal;
  margin-left: 1em;
}

form.submission div.error label {
  color: #c00;
  font-weight: bold;
}
form.submission div.error input,
form.submission div.error select,
form.submission div.error textarea {
  border-color: #c00;
}
div.errors {
  border: 3px solid #c00;
  padding: 0.5em;
}
div.errors h3 {
  color: #c00;
  margin-top: 0;
}
div.errors ul {
  margin-bottom: 0;
}

form.submission div.input input:hover,
form.submission div.input input:focus,
form.submission div.input input:active,
form.submission div.input textarea:hover,
form.submission div.input textarea:focus,
form.submission div.input textarea:active,
form.submission div.input select:hover,
form.submission div.input select:focus,
form.submission div.input select:active,
form.submission div.option input.checkbox:hover,
form.submission div.option input.checkbox:focus,
form.submission div.option input.checkbox:active,
form.submission div.options input.checkbox:hover,
form.submission div.options input.checkbox:focus,
form.submission div.options input.checkbox:active,
form.submission div.button button:hover,
form.submission div.button button:focus,
form.submission div.button button:active {
  background-color: #fff;
  border-color: #0064a2;
}

/* chrome/chromium */
form.submission div.option input[type=checkbox]:hover,
form.submission div.option input[type=checkbox]:active,
form.submission div.option input[type=checkbox]:focus,
form.submission div.options input[type=checkbox]:hover,
form.submission div.options input[type=checkbox]:active,
form.submission div.options input[type=checkbox]:focus{
  outline: 2px solid #0064a2;
}

form.submission div.button button:hover,
form.submission div.button button:focus,
form.submission div.button button:active {
  border-style: inset;
}
form.submission div.button button.disabled {
  background-color: #eee;
  color: #666;
  border-color: #aaa;
  border-style: inset;
}

form.submission div.twocols .left {
  float: left;
  margin-right: 1em;
}
form.submission div.twocols .left input {
  width: 6em;
}
form.submission div.twocols .left select {
  width: 16em;
}
form.submission div.twocols .right {
  float: left;
}
form.submission div.twocols .right input {
  width: 22.3em;
}

form.left {
  float: left;
  margin-right: 1em;
}

form.submission div.secondary button {
  font-weight: normal;
  font-size: 1em;
}


/*
Uploadify
Copyright (c) 2012 Reactive Apps, Ronnie Garcia
Released under the MIT License <http://www.opensource.org/licenses/mit-license.php>
*/

.uploadify {
  position: relative;
  margin-bottom: 1em;
}
.uploadify-button {
  background-color: #505050;
  background-image: linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -o-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -moz-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -webkit-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -ms-linear-gradient(bottom, #505050 0%, #707070 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #505050),
    color-stop(1, #707070)
  );
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-border-radius: 30px;
  -moz-border-radius: 30px;
  border-radius: 30px;
  border: 2px solid #808080;
  color: #FFF;
  font: bold 12px Arial, Helvetica, sans-serif;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0,0.25);
  width: 100%;
}
.uploadify:hover .uploadify-button {
  background-color: #606060;
  background-image: linear-gradient(top, #606060 0%, #808080 100%);
  background-image: -o-linear-gradient(top, #606060 0%, #808080 100%);
  background-image: -moz-linear-gradient(top, #606060 0%, #808080 100%);
  background-image: -webkit-linear-gradient(top, #606060 0%, #808080 100%);
  background-image: -ms-linear-gradient(top, #606060 0%, #808080 100%);
  background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, #606060),
    color-stop(1, #808080)
  );
  background-position: center bottom;
}
.uploadify-button.disabled {
  background-color: #D0D0D0;
  color: #808080;
}
.uploadify-queue {
  margin-bottom: 1em;
}
.uploadify-queue-item {
  background-color: #F5F5F5;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  font: 11px Verdana, Geneva, sans-serif;
  margin-top: 5px;
  max-width: 350px;
  padding: 10px;
}
.uploadify-error {
  background-color: #FDE5DD !important;
}
.uploadify-queue-item .cancel a {
  background: url('../images/ui/uploadify-cancel.png') 0 0 no-repeat;
  float: right;
  height:	16px;
  text-indent: -9999px;
  width: 16px;
}
.uploadify-queue-item.completed {
  background-color: #E5E5E5;
}
.uploadify-progress {
  background-color: #E5E5E5;
  margin-top: 10px;
  width: 100%;
}
.uploadify-progress-bar {
  background-color: #0099FF;
  height: 3px;
  width: 1px;
}

/* --- Submissions List ---------------------------------------------------- */

table {
  margin: 1em 0;
  width: 100%;
}

table thead tr th {
  background-color: #b2c7df;
  font-weight: bold;
  padding: 0.3em;
  text-align: left;
}

table tbody tr td,
table tbody tr th {
  padding: 0.3em;
  text-align: left;
}

table tbody tr.even td,
table tbody tr.even th {
  background-color: #ddd;
}

table tbody tr.nouploads td,
table tbody tr.nouploads th {
  background-color: #FFBABA;
}

table tbody tr th {
  font-weight: bold;
  text-align: left;
}

#submissions_list tbody td ul {
  list-style: none;
  margin: 0;
}

p.right {
  float: right;
}

/*
 * socialmedia styles
 **/
.hidden {
  display: none !important;
}

.visuallyHidden {
  display: block;
  height: 0;
  left: -999em;
  overflow: hidden;
  position: absolute;
  width: 0;
}

/* Table of Content
==================================================

    #Main Styles
    #Media Queries
    #No-JS Styles */

/* #Main Styles
================================================== */

#socialmedia {
  padding: 0.5em 0;
}

#socialmedia ul,
#socialmedia li {
  margin: 0;
  padding: 0;
}

#socialmedia li {
  height: 25px;
  text-align: left;
  display: inline-block;
  width: 215px!important;
  margin-right: -80px;
}

#socialmedia .switch {
  background: transparent url('../images/social/socialSwitch-sprite.png') 0 0 no-repeat;
  display: inline-block;
  height: 11px;
  margin-right: 7px;
  margin-top: 4px;
  text-indent: -999em;
  vertical-align: top;
  width: 19px;
  float: left;
}

#socialmedia .hover .switch,
#socialmedia .switch:hover,
#socialmedia .switch:focus {
  background-position: 0 -11px;
}

#socialmedia .active .switch {
  background-position: 0 -22px;
}

#socialmedia .active.hover .switch,
#socialmedia .active .switch:hover,
#socialmedia .active .switch:focus {
  background-position: 0 -33px;
}

#socialmedia .socialIcon {
  font-size: 0;
  padding-left: 0.5em;
  overflow: hidden;
  display: inline-block;
}

#socialmedia .socialIcon .dummyImg {
  cursor: pointer;
  display: block;
  float: left;
  height: 20px;
  padding-bottom: 0;
  text-indent: -999em;
  vertical-align: top;
  max-width: 60px;
}

#socialmedia .socialIcon .fb.dummyImg {
  background: transparent url('../images/social/facebook.png') 0 0 no-repeat;
  width: 48px;
}

#socialmedia .socialIcon .twitter.dummyImg {
  background: transparent url('../images/social/twitter.png') 0 0 no-repeat;
  width: 56px;
}

#socialmedia .hover .socialIcon .fb.dummyImg {
  background-position: 0 -20px;
}

#socialmedia .hover .socialIcon .twitter.dummyImg {
  background-position: 0 -20px;
}

/* #Media Queries
================================================== */

/* Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
    #socialmedia li {
        min-width: 0;
    }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {}

/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #socialmedia li {
        display: block;
        margin: 0.5em;
    }
}


/* #No-JS Styles
================================================== */

.no-js #socialmedia {
    display: none;
}

/*
 * poshytip
 * */
.tip-yellowsimple {
  z-index:1000;
  text-align:left;
  border:1px solid #c7bf93;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  padding:6px 8px;
  min-width:50px;
  max-width:19em; /* rene */
  color:#000;
  background-color:#fff9c9;
  /**
   * - If you set a background-image, border/padding/background-color will be ingnored.
   *   You can set any padding to .tip-inner instead if you need.
   * - If you want a tiled background-image and border/padding for the tip,
   *   set the background-image to .tip-inner instead.
   */
}

.tip-yellowsimple p {
  margin: 0;
}

.tip-yellowsimple .tip-inner {
  font:inherit; /* rene */
  line-height:1.4em; /* rene */
}

/* Configure an arrow image - the script will automatically position it on the correct side of the tip */
.tip-yellowsimple .tip-arrow-top {
  margin-top:-6px;
  margin-left:-5px; /* approx. half the width to center it */
  top:0;
  left:50%;
  width:9px;
  height:6px;
  background:url('../images/ui/tip-yellowsimple_arrows.gif') no-repeat;
}
.tip-yellowsimple .tip-arrow-right {
  margin-top:-4px; /* approx. half the height to center it */
  margin-left:0;
  top:50%;
  left:100%;
  width:6px;
  height:9px;
  background:url('../images/ui/tip-yellowsimple_arrows.gif') no-repeat -9px 0;
}
.tip-yellowsimple .tip-arrow-bottom {
  margin-top:0;
  margin-left:-5px; /* approx. half the width to center it */
  top:100%;
  left:50%;
  width:9px;
  height:6px;
  background:url('../images/ui/tip-yellowsimple_arrows.gif') no-repeat -18px 0;
}
.tip-yellowsimple .tip-arrow-left {
  margin-top:-4px; /* approx. half the height to center it */
  margin-left:-6px;
  top:50%;
  left:0;
  width:6px;
  height:9px;
  background:url('../images/ui/tip-yellowsimple_arrows.gif') no-repeat -27px 0;
}

/*
 * autocomplete
 */

li.autocomplete-message {
    clear: both;
    float: none;
}
li.autocomplete-message p {
    border-top: 1px solid #C8C8C8;
    font-weight: bold;
    padding: 0.4em 1em;
}

/* Gemeindeeinreichung */

form div.accepted {
  color: #555;
  background: url("../images/ui/icon-accepted.png") no-repeat right bottom;
}

form div.accepted p {
  margin: 0 5px;
}

a.add {
  background: url("../images/ui/icon-add.png") no-repeat scroll 1px 1px rgba(0, 0, 0, 0);
  display: inline-block;
  height: 24px;
  width: 125px;
  vertical-align: middle;
  padding-left: 30px;
  line-height: 2em;
  font-weight: bold;
  margin-bottom: 1em;
}

a.cancel {
  background: url("../images/ui/icon-cancel.png") no-repeat right bottom;
  width: 24px;
  height: 24px;
  float: right;
  text-indent: -999em;
  vertical-align: middle;
}

a.add:hover,
a.add:active,
a.add:focus,
a.cancel:hover,
a.cancel:active,
a.cancel:focus {
  color: #0064a2!important;
  background-color: #ddd;
}

.link-button {
text-decoration: none;
font-size: 11px;
color: black;
border: 1px solid #BBBBBB;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
background: #FFFFFF;
padding: 0 0.5em;
margin: 1em 0;
}

.link-button:hover {
	background-color: #E7E7E7;
	color: black;
	border: 2px outset #09f;
	border-radius: 0;
}

.options {
	border:0.1em solid lightgray; 
	border-radius:3px; padding: 0 1em; 
	margin:0 0 1em 5.7em; 
	width:24em;
}

.options:hover,
.options:focus {
	border-color: #09f;
}