@charset "UTF-8";

* {font-size: 100%; padding: 0; margin: 0;}

body {
	font: 0.84em/1.333 Arial, sans-serif;
	background-color: #ffffff;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	margin: 0;
}

body {
		font-family: 'arial', sans-serif;
		color: rgb(20%, 20%, 20%);
		background-color: white;
		line-height: normal;
		/*font-size: 80%;*/
		font-size: 10pt;
		border: 0;
		margin: 0;
		padding: 0;
	}

br.clear-floats {
		clear: both;
		font-size: 0;
		height: 0;
		line-height: 0;
	}

#comments {
	color: #AA0000;
	font-size: 80%;
	font-family: tahoma;
}

a {
	color: #0000FF;
	text-decoration: none;
	margin: 0;
	padding: 0;
}

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

/* ================== floating elements ==================== */

	.sizer {
		text-align: center;
		margin: 0 auto;
		padding: 0;
	}

	div.sizer#sizer-accountinfo {
		width: 99%;
	}

	div.sizer#sizer-electioninfo {
		width: 97%;
	}

	.floater {
		margin: 0;
		width: 100%;
		float: left;
		padding: 0;
	}

	.sizer div#accountinfo {
		background-color: #FBE1BC;
		border: 1px dashed gray;
	}

	.sizer div#electioninfo {
		background-color: #E8E1C8;
		border-left: 1px dashed gray;
		border-bottom: 1px dashed gray;
		border-right: 1px dashed gray;
	}

	.floater div#float-left {
		float: left;
	}

	.floater div#float-right{
		float: right;
	}


/* =================================================== */

#floatleft {
	float: left;
}

#floatright {
	float: right;
}

#tail {
	color: #888888;
}



/* ===================== header + admin account info ===================== */

	.floater #logout a {
		font-size: 90%;
		font-weight: bold;
		color: #0030C5;
		text-decoration: none;
	}

	.floater #logout a:hover {
		font-family: arial;
		color: #FBE1BC;
		background: #000000;
		text-decoration: underline;
	}

/* ===================== EOM info ===================== */

	.centerelement {
		text-align: center;
	}

	.floater #electiontitle
	{
		font-weight: bold;
		color: #B94100;
		margin-left: 4px;
		background-color: #E8E1C8;
	}

	.floater #electiondeadline
	{
		color: red;
		font-weight: bold;
		margin-right: 4px;
		background-color: #E8E1C8;
	}

/* ==================== what would you like to do? ========================== */

	#todo  {
		width: 500px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
		border-collapse: collapse;
		border: 3px solid #B94100;
	}

	#todo #question {
		font-weight: bold;
		text-align: center;
		color: white;
		background-color: #B94100;
		padding: 3;
	}

	#todo #answers {
		padding: 5;
	}

	#todo #answers ul {
		margin-left: 18;
	}

	#todo #answers ul li {
		padding-bottom:4px;
	}

/* ==================== tooltip ================== */

	#tip {display: none; text-align:left;}
	#tip ul
		{
			margin: 0 0 0 10;
			padding:2;
		}

	#tip li {
		margin:0;
		margin-bottom:2px;
		padding:0;
		list-style-position: outside;
		list-style-type: disc;
		list-style-image: none;
	}

	.tooltipwrapper {
		width: 750;
		margin: 10 auto;
		text-align: center;
		padding: 4 8 4 8;
		border: 1px dashed gray;
		background-color: #FFFF9E;

	}

	.tooltipwrapper #tiptitle {
		float: left;
	}

	.tooltipwrapper #tiptitle span {
		color: #aa0000;
		border-bottom: 2px dashed #CCCCCC;
	}

	.tooltipwrapper #infoicon {
		float: right;
	}


/* ==================== active election observation missions ==================== */

	.center {
		text-align: center;
	}

	#active_missions {
		width: 60%;
		margin-top: 5px;
		margin-left: auto;
		margin-right: auto;
		text-align: left;
		border-collapse: collapse;
		border: 1px solid gray;
	}

	#active_missions tr {
		background-color: #F3F8F1;
	}

	#header th {
		color: #ffffff;
		font-family: verdana;
		background-color: #2E64C8;
		padding: 3;
	}

	#active_missions td {
		padding: 2 4 2 4;
		text-align: left;
		border-bottom: 1px dashed gray;
		vertical-align: top;
	}

	#active_missions a {
		color: #0000FF;
		text-decoration: none;
	}

	#active_missions a:hover {
		color: #FF0000;
		text-decoration: underline;
	}