input {
    font-size: 100%;
}

textarea {
    font-size: 100%;
}

button {
    font-size: 100%;
}

select {
    font-size: 100%;
}

.message {
    color: green;
}

.error, .required {
    color: red;
}

.stats{
    padding-left: 20px;
}

.warning {
    color: #FF8000;
}

#galleria{
    height: 250px;
}

.acls tr td {
    vertical-align: text-top;
}

#header input {
    border-radius: 10px;
}

h1, h2, h3 {
    font-family: 'Comfortaa', cursive;
}

body#index #mainNav li#indexTab a,
body#contribute #mainNav li#contributeTab a,
body#elections #mainNav li#electionsTab a,
body#submissions #mainNav li#submissionsTab a,
body#results #mainNav li#resultsTab a,
body#admin #mainNav li#adminTab a {
    background-color: #fff;
    color: #444;
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    min-width:0px;
}

body#admin table {
    padding-top:2em;
}

#options {
    float:right;
    width:23%;
    margin-right: 5px;
    box-shadow: 0 6px 10px rgba(0, 0, 0, 0.15) inset;
    border-radius: 10px 10px 10px 10px;
    position: absolute;
    top:120px;
    right:0;
}

#delimiter {
    background-color:#193b6c;
    height: 10px;
}

#options_title {
    border-radius: 10px 10px 0px 0px;
    padding: 1px 0em 1px 1em;
    margin: 0px 0px 0px 0px;
    background: #34609f;
    color: #fff;
}

#options_content ul {
    list-style-type: none;
    margin-right: 5px;
}

#options_content li {
    margin-bottom: 5px;
}

#options input[type="submit"] {
    width: 90%;
}

/** Web App Styles **/
/* Links to other web apps */
#actions {
  line-height: 1;
  list-style: none;
  margin: 1ex 0!important;
  padding: 1ex 0ex 0ex 0ex;
}

#actions li {
    display: inline;
    margin-right: 1ex;
}

#metainfo th{
    text-align: left;
    background: none repeat scroll 0 0 #DDDDDD;
}

#metainfo th{
    border: 1px solid #000000;
    padding: 0.6ex;
}

.acls, .owner {
    padding: 0px;
    margin: 0px;
}

#legend {
    margin-top: 4em;
    font-size: 85%;
}

#legend td {
    padding-left: 0.5em;
}

#legend td img {
    padding-right: 0.5em;
}

#legend th {
    min-width: 0px;
    padding-left: 0.5em;
}

#pending th {
    text-align: left;
}

.italic {
    font-style: italic;
}

.bold {
    font-weight: bold;
}

.small {
    font-size: 75%
}

.underline {
    text-decoration: underline;
}


a.large_button,
a:hover.large_button,
a:visited.large_button {
    color: white;
}

.large_button {
    color: white;
    background: #3C6EB4;
    padding: 1em;
    margin-bottom: 1em;
    -moz-border-radius: 15px;
    border-radius: 15px;
    display:inline-block;
}

.cell a {
    color: #193C6E;
}


.demo-container {
    box-sizing: border-box;
    width: 835px;
    height: 325px;
    padding: 10px 10px 15px 10px;
    margin: 15px auto 30px auto;
}

.demo-placeholder {
    width: 100%;
    height: 100%;
    font-size: 14px;
    line-height: 1.2em;
}

#votechoice input[type=checkbox]
{
   position: absolute;
   left: -9999px;
}

#votechoice
{
   -webkit-column-count: 3;
   -webkit-column-gap:   5px;
   -moz-column-count:    3;
   -moz-column-gap:      5px;
   column-count:         3;
   column-gap:           5px;
   width:750px;
}

#votechoice .cell
{
    position:relative;
    display:block;
    width:250px;
}


#votechoice input[type=checkbox]:checked ~ label
{
    display:block;
    -moz-transition: height 0.6s ease-out, opacity 0.8s ease-out;
    opacity:0.3;
    pointer-events: none;
}


#votechoice input[type=checkbox]:checked ~ .resizelink
{
    display:block;
    opacity:0;
    height:0;
}

#votechoice label
{
    height: 100%;
    width:100%;
    min-height:100%;
    display:block;
    opacity:1;
    position:relative;
}

#votechoice img.smallthumb
{
    width:100%;
}

#votechoice .resizelink
{
    position:absolute;
    width:250px;
    height:100%;
    min-height:100%;
    top:0;
    left:0;
    cursor:pointer;
    background-color:rgba(50,50,50,0.7);
    z-index:999;
    display:none;
    background-image:url(zoomin-hover.png);
    background-repeat: no-repeat;
    background-position: bottom 10px right 10px;
}

#votechoice input[type=checkbox]:focus ~ label > .hoveroverlay.limit,
#votechoice .resizelink:focus ~ label .hoveroverlay.limit,
#votechoice .cell:hover .hoveroverlay.limit
{
    display:none!important;
    left:0!important;
}

#votechoice .cell:hover .hoveroverlay,
#votechoice .cell:hover .resizelink
{
    left:0;
    display:block;
}

#votechoice input[type=checkbox]:focus ~ label > .hoveroverlay,
#votechoice .resizelink:focus ~ label .hoveroverlay
{
    display:block;
}

#votechoice input[type=checkbox]:focus ~ a.resizelink,
#votechoice .resizelink:focus
{
    left:0;
}

.hoveroverlay
{
    position:absolute;
    left:-9999px;
    bottom:0px;
    cursor:pointer;
    z-index:1000;
    width:50px;
    height:50px;
    background-image:url(vote.png);
    background-repeat:no-repeat;
    background-position: top right;
}

#votechoice .cell:hover .resizelink.limit,
#votechoice input[type=checkbox]:focus ~ a.resizelink.limit,
#votechoice .resizelink.limit:focus
{
    left:-9999px!important;
}

.hoveroverlay:hover,
.hoveroverlay:focus
{
    background-image:url(vote-hover.png);
}

.hoveroverlay:hover + label > .resizelink,
.hoveroverlay:focus + label > .resizelink
{
    background-image:url(zoomin.png)!important;
}

#fixedsidebar
{
    position: fixed;
    right: 0;
    height:100%;
    background-color:#777;
    color:white;
    max-width:150px;
    width:150px;
    top:0;
    padding:15px;
    box-shadow: 0px 0px 10px 2px #555;
    overflow: auto;
}

#fixedsidebar input
{
    margin-bottom: 4em;
}

#sideimages
{
    width:150px;
    max-width:150px;
}

#sideimages img
{
    width:70px;
}

#s3slider
{
    background-image:url(screen.png)!important;
}

.firstout tr,
.firstout td {
    border-top: 2px solid red !important;
}

.progress-bar {
    background-color: #2970A2;
}