html {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-y: scroll;		
}

body {
	font-family: Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	text-align: left;
	margin: 0;
	padding: 0;	
	background-color: #fff;
	height: 100%;
}

#main {
	min-height: 78%;	
}

#pickapollLogo {
	margin-top: 3px;
}

/* html tag specific */

h1 {
	font-size: 20px;
	color: #625E4C;
	margin: 6px 0px; 6px 0px;
}

oldh2 {
	font-size: 20px;
	color: #5A5A5A;
	padding: 0px 5px 15px 0px;
	margin: 0px 0px 0px 0px;	
}

h2 {
	font-size: 18px;
	color: #999999;
	padding: 0px 5px 8px 0px;
	margin: 0px 0px 0px 0px;	
}

h3 {
	font-size: 16px;
	color: #999999;
	padding: 0px 5px 5px 0px;
	margin: 0px 0px 0px 0px;	
}

p {
	/* margin-top: 0; */
}

a:link {
	font-weight: normal;
	/* text-decoration: none; */
	color: #90B030;
}

a:visited {
	font-weight: normal;
	/* text-decoration: none; */
	color: #A8C848;
}

a:active {
	/* text-decoration: underline; */
	color: #90B030;
}

a:hover, a:active {
	/* text-decoration: underline; */
	color: #A8C848;
}

/* hides ugly focus border */
a:focus {
	-moz-outline-style: none;
}

a:link.categoryList, a:visited.categoryList {
	text-decoration: none;
	color: #7F7777;
}

a:hover.categoryList {
	text-decoration: underline;	
}

a:link.categoryListCurrent, a:active.categoryListCurrent,a:hover.categoryListCurrent, a:visited.categoryListCurrent {
	text-decoration: underline;
	color: #6F6868;
	font-weight: bold;
	background-image: url("/images/bullet.gif"); 
	background-repeat: no-repeat;
	background-position:  left center;
	padding-left: 12px;
}

a.tabLink {
	text-decoration: none;	
}

a.tabLinkSelected {
	color: black;
	font-weight: bold;
}

input {	
	font-family: Trebuchet MS;
	margin-right: 10px;	
}

input.button {
	border: 2px outset #aaa;
	color: black;
	background-color: #F892CA;
}

.inputText {
	width: 180px;
	border: 1px solid #CDCDCD;
}
.inputTextError{
	width: 180px;
	border: 1px solid #A62222;
}
.inputTextLargeError{
	width: 320px;
	border: 1px solid #A62222;
}

.inputTextLarge {
	width: 320px;
	border: 1px solid #CDCDCD;
}

textarea {
	border: 1px solid #CDCDCD;
}

label {
	color: #7F7777;
	display: block;
	margin-top: 12px;
	margin-bottom: 2px;
}

.login {
	color: #75624E;
	padding: 0px 30px 0px 0px;
}

#logo {
	padding: 0px;
	margin-left: 13px;
}

.site {
	color: #75624E;
	font-weight: bold;
	font-size: 18px;
	min-height: 100%; /*for mozilla*/			
}

#specs {
	padding: 2px 23px 2px 23px;
}

#menuBar {
	/* height: 28px; */
}

#menu {	
	float: left;
	/* display: inline;
	padding: 0 30px 0 0;
	margin: 0;
	margin-left: 60px; */
}

#menu li {
	/* display: inline;
	margin-right: 12px;
	margin-left: 0; */
}

#languages {
	display: inline;
	padding: 0 20px 0 0;
	margin: 0;	
}

#languages li {
	display: inline;
	margin-right: 4px;
	margin-left: 0;
	font-size: 8px;
}

#languages li a {
	color: #6A8124;
}

/*pagina inhoud*/
.prevnext{
	font-size: 13px;
	font-weight: bold;
	color: #B84691;
}

#pollImage {
	padding: 0;
	border: 1px solid #838383;	
}

#pollBox {
	color: white;
	width: 280px;
	height: 155px;
	background: #DD6AB0 url("/images/poll-background.jpg") repeat-x bottom center;
	padding: 8px 4px 0px 4px;
	margin: 0;
}

#pollBox a {
	color: #ddd;
}

#pollDescription {
	padding: 8px 25px 3px 25px;	
	/* color: #888;*/	
}

#pollQuestion {		
	font-size: 14px;
	font-weight: bold;
	margin: 4px 0px 10px 10px;
}

#pollOptions {
	padding-left: 10px;	
}

#pollOptions label {
	color: white;	
	display: inline;	
}
#pollOptions label:hover {
	text-decoration: underline;
	cursor: pointer;
}

#previousPoll {
	width: 280px;
	height: 119px;
	text-align: left;
	color: black;
	background-color: #DFDFE0;
	background: #DFDFE0 url("/images/previous-poll-background.jpg") repeat-x top center;
	padding: 10px 4px 8px 4px;
	margin: 0;
}

#previousPoll .title {
	text-align: left;
	font-size: 0.9em;
	margin: 0;
	padding: 0 0 0 10px;	
}

#previousPoll .title a {
	text-decoration: none;
}

#previousPoll .titleSpacer {
	width: 100%;
	height: 0px;
	border-bottom: 1px solid #bbb;
	// font-size: 0px; /* for IE (otherwise incorrect height) */
}

#previousPoll .score {
	font-size: 20px;
	text-align: center;
	margin: 0;
	padding: 0px 0 0 6px;
}

#diagram {
	width: 100px;
	padding: 4px 4px 4px 6px;	
	margin: 0;
	/*margin-left: auto;
	margin-right: auto;
	margin-top: 6px;
	margin-bottom: 6px;*/
	text-align: left;
}

#previousPoll .diagramSpacer {
	width: 100%;
	height: 0px;
	border-bottom: 1px solid #bbb;
	// font-size: 0px; /* for IE (otherwise incorrect height) */
}

#previousPoll #thumb {
	border: 1px solid #999;
	margin-top: 6px;
}
#diagram .bar5 {
	// font-size: 7px; /* for IE (otherwise incorrect height) */
	height: 7px;
	margin-top: 2px;
	background-color: #E69508;
}

#diagram .bar4 {
	// font-size: 7px; /* for IE (otherwise incorrect height) */
	height: 7px;
	margin-top: 2px;
	background-color: #F4C300;
}

#diagram .bar3 {
	// font-size: 7px; /* for IE (otherwise incorrect height) */
	height: 7px;
	margin-top: 2px;
	background-color: #797979;
}

#diagram .bar2 {
	// font-size: 7px; /* for IE (otherwise incorrect height) */
	height: 7px;
	margin-top: 2px;
	background-color: #1163A6;
}

#diagram .bar1 {
	// font-size: 7px; /* for IE (otherwise incorrect height) */
	height: 7px;
	margin-top: 2px;
	background-color: #0F3F6F;
}

#pollActions {
	display: inline;
	padding: 0 0 0 10px;
	margin: 0;	
}

#pollActions li {
	display: inline;
	margin-right: 6px;
	margin-left: 0;
}

.subCategories {
	margin-top: 0;
	list-style: none;
}

.subCategories li {
	// color: #90B030;
	color: #555;
}

.category {
	text-align: center;
	font-size: 16px;
	color: #555;
	font-weight: bold;	
}

.categoryThumb {
	border: 1px solid black;
}

.categorySampling .gridItem a:link, .categorySampling .gridItem a:visited, .categorySampling .gridItem a:hover, .categorySampling .gridItem a:active {
	margin: 0;
}

.categorySampling .categoryTitle {
	color: #90B030;
	font-weight: bold;
}

#gridThumbTable {
	padding: 6px;
}
.gridItem {
	float:left;
	width: 96px;
	height: 96px;
	line-height: 96px;
	border: 1px solid #ddd;	
	margin: 2px;
	text-align: center;
	padding:0;
	position: relative;			
}

.gridItem img {	
	vertical-align:  middle;
}

.gridThumb {
	padding: 4px;
	/* border: 1px solid #ddd; */
	border: none;	
}

#footer {
	width: 800px;
	height: 140px;	
	margin-bottom: 20px;
	margin-left: auto;
	margin-right: 0;
	background: #eee url("/images/footer-background.jpg") repeat-x bottom center;
	border-top: 1px solid #bbb;	
}
#footer a{
	color: #5a5a5a;
	text-decoration: none; 	
}

#footer a:hover {
	color: #888;
	text-decoration: underline;;
}

#footer dl {
	display: inline;	
	float: right;
	margin-top: 32px;
	margin-right: 50px;
}

#footer dt {
	color: #333;
	font-weight: bold;
	margin-bottom: 3px;
}

#footer dd {
	color: #777;
	margin-left: 2px;
}

#news_feed dl{
	text-align: left; 
	width: 328px;	
}
#news_feed dt{
	font-weight: bold;
	margin: 3px 3px 8px 3px;
}
#news_feed dd{
	color: gray;
}

#footerLogo {
	position: absolute;	
	left: 135px; 
	width: 228px;	
	border-top: 2px solid #bbb; 
	height: 30px; 
	padding: 6px 0 0 0;	
}

#companyLogo {
	margin-top: 3px;
	padding: 0px 0px 0px 20px;	
}

#companyLinks {
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	padding: 0px 5px 0px 3px;
	width: 536px;	
	text-align: right;
	border-top: 2px solid #bbb;	
}

#shuffles {
	padding: 20px 0 20px 20px; 
	margin: 0;
	text-align: left;
	list-style: none;	
}

#shuffles li {
	padding-bottom: 10px;
	display: block;
}

#statement {
	font-size: 9px;
	font-weight: bold;
	color: #999;
	padding: 0px 0px 0px 15px;
}

.hr {	
	width: 90%;
	height: 3px;
	font-size: 1px;
	padding: 0;
	margin: 6px;
	border-bottom: 1px solid #eee;
}

.dimmed {
	color: #999;
}

#createPoll {
	width: 420px;
	margin: 0;
	padding: 10px;
	background-color: #F6F6F4;
	border: 1px solid #c7c7c7;	
}

#createPollLabels label {
	display: inline;
	color: black;
}

#createPollLabels label:hover, #abuseform label:hover,#pollingConditionsForm label:hover {
	text-decoration: underline;
	cursor: pointer;
}

.warning, .error, .warning, .info{
	width: 645px;	
	font-size: 16px;
	padding: 10px 10px 10px 44px;	
	margin: 14px 0 25px 18px;
	text-align: center;	
}

.info { 
	background: #F6F6F6  url("/images/info.png") no-repeat 5px 5px;
	border: #84AE17 1px solid;
}

.warning {
	background: #F6F6F6  url("/images/warning.png") no-repeat 5px 5px;
	border: #EDBE59 1px solid;
}

.error {
	background: #E9F4FD  url("/images/error.png") no-repeat 5px 5px;	
	border: #EB7660 1px solid;
}

form {
	margin: 0;
}

.pages {
	width: 100%;
	text-align: center;
	color: #90B030;
	height: 42px;
	/* do not remove this padding, necessary for a IE quirck, will not show upper border on hover */ 
	padding: 4px;
}

.pages .paginator .currentPage {	
	padding: 2px 6px 2px 6px;	
	color: #BD5496;
	font-weight: bold;	
}

.pages .paginator .prev {
	color: #aaa;
	font-weight: normal;
	margin-right: 0px;
	border: 0;
}

.pages .paginator a.prev {
	color: #90B030;
	border: 0;
	text-decoration: none;
}

.pages .paginator a.prev:hover {
	color: #BD5496;
	background-color: white;
	border: 0;
}

.pages .paginator a {
	padding: 2px 6px 2px 6px;
	margin: 0;
	border: 1px solid white;
	text-decoration: underline;
	color: #A8C848;
	height: 42px;
}

.pages .paginator a:hover {
	color: #BD5496;
	border: 1px solid #A8C848;
	background-color: #eee;
}

.pages .paginator .next {
	color: #aaa;
	font-weight: normal;
	margin-left: 0px;
	border: 0;
}

.pages .paginator a.next {
	color: #90B030;
	border: 0;
	text-decoration: none;
}

.pages .paginator a.next:hover {
	color: #BD5496;
	background-color: white;
	border: 0;
}

/*
* Comment stuff
*/
.comment {
	padding: 0;
	margin: 0;	
	list-style: none;
}

.comment .author {
}

.comment .text {
	color: #777;
	font-style: italic;
	width: 360px;
	padding-top: 4px;
	padding-bottom: 4px;
}

/* Fixes scriptaculous IE bug (bold text)) */
#commentPreview {
	background-color: #fff;	
}

#changeAvatar{
	width: 242px;
    height: 170px;
   	padding: 10px;
   	color: #7F7777;
   	background: #F6F6F4;
   	border: 1px solid #ccc;
}
#accountLinks {
	width: 228px;
    height: 240px;
	position: absolute; 
   	top: 60px; 
   	right: 0; 
   	list-style: none; 
   	padding-left: 6px;
   	border-left: 1px solid #ccc;
}

#accountLinks li {	
	padding-top: 10px; 
	font-size: 15px;	
}

#accountLinks li img {
	vertical-align: middle;
}

#accountLinks li span {
	vertical-align: middle;
}

.required {
	color: #A62222;
	padding: 0;
	margin: 2px;
}

#pollExtendedInfo {
	padding-left: 20px;	
	height: 300px;
	background-image: url("/images/dashboard.gif");
	background-position: left center;
	background-repeat: repeat-y;
}

#pollExtendedInfo ul {
	list-style: url("/images/bullet_list.gif");		
	padding: 0 0 0 16px;
	margin: 0;	
}

#pollExtendedInfo ul li {
	padding-top: 5px;
}

.profileLabel {	
	text-align: right;
	width: 120px;
	color: #7F7777;
}
.profileFields p{
	margin-left: 35px;
}
h2.header {
	font-family: Trebuchet MS;
	color: #555555; 
	font-size: 15px;
	margin:4px 4px 0 4px;
	padding:2px;
	font-weight: bold;
	border-bottom: 1px solid #CDCDCD;
}
.simpleStripe, .stripe {
	background: #F6F6F6;
	padding:2px;
	padding-left: 18px;
}
.stripe {
	color: #545454;	
}
table.striper td {
	padding-left: 18px;
	padding-top: 4px;
	padding-bottom: 4px;
}
.tabmenu {	
	margin-top: 16px;
	margin-bottom: 2px;
}
.tabmenu strong {
	color: #555555;
}

.categorySampling {
	padding-left: 10px;
	display: block;
}	
.categorySampling a:link, .categorySampling a:hover, .categorySampling a:visited  {
	margin: 0 0 0 10px;		
	font-weight: bold;
}
.categorySampling a.greater, a.greater:hover.categorySampling, a.greater:visited.categorySampling {
	margin: 0;
	padding:0;
	text-decoration:  none;
}
.categorySampling strong {
	color: #aaa; 
	margin-left: 10px;
	display: block;
	font-size:smaller;
	font-weight: normal;
}

.categorySampling .gridItem {
	margin: 5px;
}

input.change, input.save, input.cancel, input.next, input.send {
	border: none; 
	cursor: pointer;
	width: 104px; 
	height: 40px; 	
}

.infoBox {
	background-color: #F6F6F4; 
  	color: #7F7777; 
	border: 1px solid silver;
	padding: 15px;	
}

#searchField {
	padding-left: 20px;
	margin-right: 6px;
	padding-bottom: 0px;
	height: 20px;
	/* font-size: 12px; */
	color: #aaa;
	border: 1px solid #ddd;
	background: url(/images/search.png)
	no-repeat center left #FFFFFF;
}

.click_full_size {
	position: absolute;	
	background-color: #fff;
	border: 2px solid #999;
	width: 120px;	
	margin-left: 32px;	
	margin-top: 32px;	
	padding: 8px;
	color: #333;
	text-decoration: none;
}

#pollingConditionsForm ul li {
	list-style: none;
}
#pollingConditionsForm  label{
	display: inline; 
	color: black;
}