/*
*  custom styles for suggestions
*
*/
@media all
{
#suggestionslist {width: 100%;}
#suggestionslist th.description { vertical-align: bottom; text-align: left; }
#suggestionslist th.details { vertical-align: bottom; text-align: center; width: 10%; }
#suggestionslist td.description{ vertical-align: middle; text-align: left; }
#suggestionslist td.details{ vertical-align: middle; text-align: center; width: 10%; }

.picbox_activities { width: 240px; }

.vote input[type="radio"].toggle {
    display: none;
    *display: inline; /* IE8 hack */
}

.vote input[type="radio"]:checked + label, .vote input[type="radio"] + label:hover {
    background: transparent url(../../images/button_bg_checked.png) repeat-x scroll 0 0;
    color:#f5f5f5;
    font-size:1.1em;
    font-weight:bold;
    height:24px !important;
    line-height:24px !important;
    margin:1px 4px;
    padding:3px 8px;
    text-align:center;
    width:auto;
}

.vote input[type="radio"] + label {
    background: transparent url(../../images/button_bg.png) repeat-x scroll 0 0;
    border-color:#E5E5E5 rgb(187, 187, 187) rgb(187, 187, 187) rgb(229, 229, 229);
    border-style:solid;
    border-width:1px;
    color:#ff8800;
    font-size:1.1em;
    font-weight:bold;
    height:24px !important;
    line-height:24px !important;
    margin:1px 4px;
    padding:3px 8px;
    text-align:center;
    width:auto;
}

h4 {font-size: 1em; color: #333; margin: 0 0 0.30em 0; font-weight:bold;}
}

tr.highlighttop {
	background: #eceff5;
	border: none 0pt;
	border-top: 1px solid #e5e5e5;
}
tr.highlightmiddle {
    background: #eceff5;
    border: none 0pt;
}
tr.highlightbottom {
	background: #eceff5;
	border: none 0pt;
	border-bottom: 1px solid #e5e5e5;
	margin-right: 4px;
}
tr.blanktop {
	border: none 0pt;
 	border-top: 1px solid #e5e5e5;
}
tr.blankmiddle {
    border: none 0pt;
}
tr.blankbottom {
	border: none 0pt;
 	border-bottom: 1px solid #e5e5e5;
}

hr.suggestion {
    color: #ffab0c;
    border-color: #ffab0c;
}

#suggestionslist a {
    text-decoration: none;
}

/* Voting results for suggestions */
#results {
    width: 99%;
}

#results th, #results td {
    vertical-align: top;
    padding:1px 2px;
}

#results th.description, #results td.description {
    width:80%;
    text-align: left;
}

#results th.results {
    text-align: center;
}

#results td.resultsleft {
    text-align: left;
}

#results td.resultsright {
    text-align: right;
}

#results th.rank, #results td.rank {
    width:15%;
    text-align: center;
}
