/** GENERAL **/
body {
margin: 0;
overflow-x: hidden;
}
/*
p, textarea, input, select, ul, li , body, td, html {font-family: Tahoma, Arial, Helvetica; font-size: 11px;  Tahoma, Arial, Helvetica; color:#222;}
table { empty-cells: show;}
th { font-family: Tahoma, Arial, Helvetica; font-size: 8pt; color:000000; vertical-align: center; padding: 10px; background-color: #e2e2e2; text-decoration:none; /*border-top: 1px solid #C0C0C0;*/border-bottom: 1px solid #C0C0C0;text-align: left;}
/*
h3 { font-family: Tahoma, Arial, Helvetica; font-size: 13pt; font-weight: bold; margin-top:0; margin-bottom:4;}*/
/*input.radio { background: #DDDDDD; color: #DDDDDD}*/
/*
textarea, input, select {padding:2; border: 1px solid silver;}

#CategoryID > optgroup:nth-child(2) {
   background-color: #6AA6F3;
}
#CategoryID > optgroup:nth-child(3) {
   background-color: rgb(253, 122, 0);
}
input  {border: 1px solid silver; padding: 4px 4px;}
input[type='checkbox']  {border: 0px} 
#network input  {text-align: right;}

#bottom { 
width: 98%;
position: fixed;
bottom: 0px;
text-align: left;
}

#weekedate{float:right; padding-right: 20px; padding-top:2px;FONT-SIZE: 8pt;color: #FFF;
}
#actionforselected a {
	margin-right: 20px;
	margin-left: 15px;
	border-radius: 7px;
	font-weight: bold;
}
#actionforselected a:hover {
	text-decoration: none;
}

#mailstatus {
display:none;
float: center;
width: 120px;
position: fixed;
margin-left: 500px;
background-color: rgb(255, 255, 184);
padding: 5px 15px;
border-bottom-left-radius: 8px;
border-bottom-right-radius: 8px;
}

#profpic{
vertical-align: middle;max-width: 25px;max-height: 20px;margin-top: -4px;margin-right: 5px;
}

a {text-decoration:none; color: initial; cursor:hand}*/
/*
a:link {color: #000080}
a:visited {color: #000080}
a:hover {color: #000080;text-decoration:underline}

a.Important {color: #000080; font-weight:bold;}
a.Unread {color: #000000; font-weight:bold}
a.Read {color: #000000;}*/


.projectname a:link{color: white; background-Color: rgb(253, 122, 0); padding: 3px; font-size: 80%; text-transform: uppercase; font-weight: normal; border-radius:5px; text-decoration:none}
.projectname a:visited{color: white; text-decoration:none}
.folderlabel{color: white; background-Color: #6AA6F3; padding: 3px; font-size: 80%; text-transform: uppercase; font-weight: normal; border-radius:5px;}
.green {border: 1px solid green; color: green; background-Color: #CCFFCC; font-weight: bold; padding-top:4px; padding-bottom:3px; width: 95%; text-align:center}
.red {border: 1px solid red; color: red; background-Color: pink; font-weight: bold; padding-top:4px; padding-bottom:3px; width: 95%; text-align:center}
.notifications {border: 1px solid black; color: black; background-Color: lightyellow; padding-top:7px; padding-bottom:7px; padding-left: 25px; padding-right: 25px; text-align:center}
.skin0 {position:absolute;width:130px;border:1px solid black;background-color:#cccccc;line-height:18px;cursor:default;z-index:100;visibility:hidden;border-right: #555555 thin inset; border-top: white thin outset; border-left: white thin outset; border-bottom: #555555 thin inset}
.tooltip {position: absolute; visibility:hidden;  font-size:8pt;  border: 1px solid black;  background-color: lightyellow; padding: 1px;}
.small {font-family: Arial, Helvetica; font-size: 8pt}
.preview { font-family: Arial, Helvetica; font-size: 8pt; color: #666666;}
.CalendarCells {background: whitesmoke; border-right: 1px solid silver; border-bottom: 1px solid silver;}
.NoUnderline { text-decoration:none}
.mini 	{FONT-SIZE: 8pt}
.minigray	{FONT-SIZE: 7pt; COLOR: #525252;}

.searchinput  { background-image: url(img/searchbg.gif); background-position: 0px 3px; background-repeat:no-repeat; border: 1px solid silver; padding-left: 19px;/*margin-right: 5;*/}
.pending     { color: #C0C0C0; font-style: italic }
.pagetitle {FONT-WEIGHT: bold; FONT-SIZE: 19px; }
.description {color: #777;}
#projectbar {margin: 5px 0 4px 0;}
#projecttable  {margin: 0 0 30px 0; padding:0px}
.leftborder  {border-left: 1px solid silver;}
.lastupdate {color: #666; font-style: italic}
.projectlogo {max-height: 50px; margin-right: 10px; padding: 5px; /*border-bottom: 1px solid silver;border-right: 1px solid silver; */}

tr.strike {text-decoration: line-through}
.height23 td{height: 34}
.stdtable {border-collapse:collapse;}
.stdtable td{border-bottom: 1px solid silver; padding: 2px 10px 2px 10px; height: 40;}
.noborder td{border-bottom: 0px; padding:4px}
.daysheet-table {border: 0px;width: 100%;}
.daysheet-table td{padding:4px 6px;}
.highlighted td{background-color: yellow;}

/** DOCUMENTS **/
.deleteditem {background: #FFE6E7;}
.deleteditemhidden {background: #FFE6E7; display:none}
.folderrow  td, .folderrow   a{background: whitesmoke; font-weight:bold; text-decoration:none; color: #323232;}

.optionpanel {background: yellow; font-weight:bold; text-decoration:none; color: #323232; border: 1px solid silver}


a.searchbutton {background: #eee; padding: 4px 8px; font-weight:bold; text-decoration:none; color: #323232; border: 1px solid silver; text-decoration:uppercase;}
#contextMenu{position: absolute;}
.ContextItem {padding: 10px;	background-color:White;	color:Black; font-weight:normal;	}
.ContextItem:hover {background-color: whitesmoke;} 
.ContextItem a {padding: 10px; color:#222; font-weight:normal; text-decoration:none;}	
.ContextItem a:hover {color:#000; font-weight:bold; text-decoration:none;}

#doctable td{padding: 6px 4px 12px;}
#doctable a , #doctable a :hover{color:#333;text-decoration:none;}
#doctable .options {margin-top: 18px;}
/*vertical-align:top
padding: 3px 0px 20px 10px; margin-bottom: 15px 
*/
#docspath {padding: 5px 15px; font-weight:bold; font-size: 13pt;}

/** MAIL **/

.nonletto {color: #000000; font-weight:bold; text-decoration:none;cursor: move;}
.letto {color: #000000; font-weight:normal; text-decoration:none;cursor: move;}
.hi_nonletto {color: #000000; font-weight:bold; text-decoration:none; background-color:pink;}
.hi_letto {color: #000000; font-weight:normal; text-decoration:none;}
.highpriority {color: #000000; font-weight:bold; text-decoration:none; background-color:#ff33cc;}

.mailtable td{border-bottom: 1px solid silver; padding: 2px 2px 2px 2px}
.overing  tr:hover{background-color:#edf6fe; cursor: hand;}
.mailtable a:link{color: #000000;text-decoration:none}
.mailbutton {border: 1px solid #d8d8d8}
.mailbutton:hover {border: 1px solid white; cursor:hand}
.menuspacer {
	color: rgba(245, 245, 245, 0.33);
	padding: 0 5px;
}
/** Notification **/
.alert {
	/*background-color: rgb(248, 168, 182);*/
	background-color: pink;
	 padding: 4px 10px 5px;
	/* font-weight: bold; */
	/* color: rgb(173, 0, 0); */
	/* letter-spacing: 0.5pt; */
	/* text-transform: uppercase; */
	border-bottom: 1px solid rgb(173, 0, 0);
	/* border-top: 1px solid; */
	background-image: url("images/");
}

.errormsg {border-bottom: 1px solid rgb(173, 0, 0); background-color: pink; padding: 4px 10px 5px; }
.greenmsg {border-bottom: 1px solid green; color: green; background-Color: #CCFFCC; font-weight: bold; padding: 4px 10px 5px; /* width: 95%; text-align:center*/}
.notify {font-color: #ffffff;padding: 1;text-decoration: none;}

/** Menu **/
.menuitems {font-family:MS Sans serif, Arial, Helvetica;font-size:8px;padding-left:6px;padding-right:6px;}

/** Dropdown menu **/

#dropmenudiv{
	position:absolute;border:0px; margin-left:-5px;
	line-height:25px;z-index:100;}
#dropmenudiv a{width: 100%;display: block;
text-indent: 10px;border-bottom: 0px;padding: 1px 0;text-decoration: none;}
#dropmenudiv a:hover{background-color: #a2a2a2;}

#popitmenu{position: absolute;background-color: white;border:1px solid black;line-height: 20px;z-index: 100;visibility: hidden;}
#popitmenu a{text-decoration: none;color: black;display: block;}
#popitmenu a:hover{background-color: #CCFF9D;}


#shadow {background-color: #000000; Filter:Alpha(Opacity=70);-moz-opacity: 0.7;opacity:.70; visibility: visible;position: absolute;left: 0px; top: 0px;width:100%;height:100%;text-align:center;z-index: 1;}
#overlay {visibility: visible;position: absolute;left: 0px;top: 0px;width:100%; height:100%;text-align:center; z-index: 1000;}
#overlay div {width:300px;margin: 100px auto; background-color: #fff;border:1px solid #000;padding:15px;text-align:center;}

/** SUBMODAL  **/
#popupMask {	position: absolute;	z-index: 200;	top: 0px;	left: 0px;	width: 100%;	height: 100%;	opacity: .7;	filter: alpha(opacity=70);
	/* this hack is so it works in IE
	 * I find setting the color in the css gives me more flexibility 
	 * than the PNG solution.
	 */
	background-color:transparent !important;
	background-color: #333333;
	/* this hack is for opera support
	 * you can uncomment the background-image if you don't care about opera.
	 * this gives you the flexibility to use any bg color that you want, instead of the png
	 */
	background-image/**/: url("img/maskBG.png") !important; // For browsers Moz, Opera, etc.
	background-image:none;	background-repeat: repeat;	display:none;}
#popupContainer {	position: absolute;	z-index: 201;	top: 0px;left: 0px;	display:none;	padding: 0px;}
#popupInner {	border: 1px solid #000000;	background-color: #ffffff;}
#popupFrame {	margin: 0px;	width: 100%;	height: 100%;	position: relative;	z-index: 202;}
#popupTitleBar {color: #ffffff;	font-weight: bold;	height: 1.3em;	padding: 8px;	position: relative;	z-index: 203;}
#popupTitle {	float:left;	font-size: 1.0em;}
#popupControls {	float: right;	cursor: pointer;	cursor: hand;}

/* docs preview */
div#tipDiv {
    color:#000; font-size:11px; line-height:1.2;
    background-color:#E1E5F1; border:1px solid #667295; 
    width:250px; padding:4px;
}

/** CALENDAR **/
 .week {font-family: Tahoma, Verdana, Arial;font-size:10px; background-color: #B00000;color: white;padding: 5 10 5 10;text-decoration: none;align: center;font-weight: bold;}
.day {font-size:20px; line-height: 38px;text-decoration: none;align: center;font-weight: bold;}
.day a{	color: black;padding: 4 8 4 8;background-color: #fff;text-decoration: none;border-bottom: 1px solid #222222;border-top: 1px solid black;border-left: 1px solid #222222;border-right: 1px solid #222222; }
.month {font-family: Tahoma, Verdana, Arial;font-size:9px; align: center}

/* CSS for "content" DIV of Drop Down Panel */
.ddpanel .ddpanelcontent{ 
color: white;
background: whitesmoke; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */}

.helptip {font-family: Arial;color: grey;
/*  sopra,  destra , sotto, sinistra*/
padding: 2 2 2 6;}
.helptip a{	color: grey;text-decoration: none;}

#dhtmltooltip{
position: absolute;
width: 150px;
border: 1px solid black;
padding: 3px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
cursor:hand;
}

/*
#floating{
position: absolute;
width: 45%;
border: 1px solid grey;
background-color: white;
height: 530px;
right:30px;
bottom: 40px;
overflow: inherit;
z-index: 100;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
*/
#floatbar{color:#fff; width:98.%; background-color: #0063AD; heigth:20px;top:0px; padding: 5px 10px;overflow-x:hidden;text-align: right;}
#floatbar:hover {/*background-color: #2e2e2e;cursor:move;*/}



.floating{
position: fixed;
/*absolute;*/
width: 45%;
border: 1px solid grey;
background-color: white;
height: 530px;
max-height: 90%;
right:30px;
bottom: 40px;
overflow: inherit;
z-index: 100;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

#contactslist{position:absolute; display:none;/*visibility: hidden;*/ border: 1px solid #ccc; background-color: white; width: 300px; /*height: 380px;*/ z-index:20}
.tofields {border: 1px solid #7F9DB9; background-color: #fff; padding-left:2px; padding-right:4px; padding-top:2px; padding-bottom:4px; height: 23px;outline: none;}
.recipient {border: 1px solid silver; background-color: #fff; padding:5px 6px; margin: 2px 4px 2px 0px; display: inline-block; cursor: move;}
.clearrecipient {margin-left:5px; }
.clearrecipient:hover {cursor: hand}
#mailtopbar {background-color: #d8d8d8; height: 33px;
/*
background-image: url('img/mailtopbar.gif');
background-repeat: repeat-x;
background-position-y: 34;*/}

.icon_mail {
font-size: 16px;
color: darkgrey;
margin-right: 10px;
padding: 2px 6px;
}
.text_mail {
font-size: 11px;
border: 1px solid darkgrey;
padding: 2px 6px;
border-radius: 8px;
}

.text_mail:hover {
border: 1px solid #464646;
}

.button {
font-size: 11px;
border: 1px solid darkgrey;
padding: 10px 12px;
border-radius: 3px;
color: #8D8D8D;
background: linear-gradient(rgba(213, 213, 213, 0.14), rgba(196, 196, 196, 0.7));
display: inline;
}

.button:hover {
border: 1px solid #464646;
}

.buttonimage {
font-size: 16px;
padding: 9px 12px 5px;
/* margin-top: -10px; */
/* position: absolute; */
/* vertical-align: bottom; */
width: 15;
height: 20px;
/* size: legal; */
/* display: block; */
}

.sectionheader {
padding: 4px 6px;
}
.pageheader {
background-color: #D8D8D8;
height:29px;
/*
font-size: 19px;
font-weight: bold;*/
width: 100%;
}
.pageheader div{
background-color: #D8D8D8;
padding: 3px 10px;
display: flex;
}
/*
.pageheader td {
font-size: 19px;
font-weight: bold;
vertical-align: bottom;
padding: 0px 25px 4px 10px;
}
*/
.removefilter {
font-size: 19px;
color: #AAA;
cursor: hand;
vertical-align: sub;
}

.removefilter:hover {color: #222;}
.command td{padding-top: 3px;/*	padding: 5px 10px 0px;*/}

.pagination {
	/*width: 100%;*/
	background-Color: whitesmoke;
	padding: 8px 10px 5px 12px;
	border-top: 1px solid silver;
	border-bottom: 1px solid silver;
}

.pagination  .active, .pagination  b{
	border: 1px solid #C0C0C0;
	font-weight:bold;
	
}
.pagination  a{padding: 5px;cursor:hand; margin-right: 20px;}
.pagination  p{line-height: 150%}

span.tag{
	background-color: #BBB;
	border-radius: 5px;
	/*
	background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0), #088BC9);
	background: -o-linear-gradient(right, rgba(255, 255, 255, 0), #088BC9);
	background: -moz-linear-gradient(right, rgba(255, 255, 255, 0), #088BC9);
	background: linear-gradient(to right, rgba(255, 255, 255, 0) , #088BC9);
	*/
	margin-right: 15px;
	padding: 2px 0px 2px 2px
}
a.tag  {
	margin-right: 5px;
	color: white;
	
}
.icon-aws-tag{
	font-size: 24px;
	color: white;
	vertical-align: middle;
	text-shadow: -2px 2px 4px rgba(0, 0, 0, 0.32);
}

#addressbook td:hover {
	background-color: rgb(221, 247, 255);
}


tr.normal td {
    background-color: white;
}
tr.highlighted td {
    background-color: rgb(221, 247, 255);
}


/*
.mailtable td{border-bottom: 1px solid silver; padding: 2px 2px 2px 2px}*/

.bigger {font-size: 16px;}
.opaque {color: #BBB}
.opaque:hover {color: #444}
.icon_mail:hover {color: #464646;cursor:hand;}


#loading {  display: none;
/*
position: absolute;
padding: 45% 40%;
/* top: 50%; */
/* left: 50%; */
/* right: 50%; */
width: 100%;
height: 100%;
z-index: 2;
}
		
#floatbar a{color:#fff;}
.floatingtitle{float:left; /*font-weight: 400;*/}

.daysheet-sectionheader {
	border-bottom: 1px solid silver;
	background: linear-gradient(rgba(213, 213, 213, 0.14), rgba(196, 196, 196, 0.7));
	padding: 4px 6px;
	font-weight: bold;
}
	.blur {
	opacity: 0.9;
		-webkit-filter: blur(2px);
		   -moz-filter: blur(2px);
		    -ms-filter: blur(2px);
		     -o-filter: blur(2px);
		        filter: blur(2px);
	}

/*----------------------------
    file uploader
-----------------------------*/


#upload {
/* font-family: 'PT Sans Narrow', sans-serif; */
/* background-color: #373A3D; */
/* background-image: -webkit-linear-gradient(top, #373A3D, #313437); 
background-image: -moz-linear-gradient(top, #373a3d, #313437);
background-image: linear-gradient(top, #373a3d, #313437);*/
/* width: 250px; */
/*padding: 30px;*/
/* border-radius: 3px; */
/* margin: 200px auto 100px; */
/* box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); */
padding-top: 2px;
}

#drop{
text-align: left;
color: #7F858A;
float: left;
}

#drop a{
	cursor:pointer;
}

#drop a:hover{
    background-color:#0986a3;
}

#drop input{
    display:none;
}

#upload ul{
    list-style:none;
    margin-top:20px;
	margin-left: -25px; /*FP*/
}

#upload ul li {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	background:whitesmoke;
	border: 1px solid silver;
	padding:15px;
	height: 52px;
	position: relative;
}

#upload ul li input{
    display: none;
}

#upload ul li p {
white-space: nowrap;
font-weight: bold;
position: absolute;
top: 20px;
left: 70px;
}

#upload ul li i{
    font-weight: normal;
    font-style:normal;
    color:#7f7f7f;
    display:block;
}

#upload ul li canvas{
    top: 23px;
    left: 15px;
    position: absolute;
}

#upload ul li span{
    width: 15px;
    height: 12px;
    background: url('../img/icons.png') no-repeat;
    position: absolute;
    top: 37px;
    /*right: 33px;*/
    cursor:pointer;
	left: 29px;
}

#upload ul li.working span{
    height: 16px;
    background-position: 0 -12px;
}

#upload ul li.error p{
    color:red;
}


/*---------------------------- */
		#uploader{
			position:fixed;
			display: table-cell;
			vertical-align: bottom;
			border: 0px solid red;
			left:40px;
			bottom:40px;
			width:400px;
			/* For IE8 and earlier 
			filter:alpha(opacity=80); */
		}
		#uploadinfo{
			padding-top: 2px;
			text-align: left;
			color: #7F858A;		
			float: left;
			font-size: 8pt;
		}
		#uploadinfo a{
			cursor:pointer;
		}		
		#footer{
			  display: none;
			text-align: right;
			position:fixed;
			left:0px;
			bottom:-1px;
			height:20px;
			width:100%;
			background:#e2e2e2;
			border-top: 1px solid silver;
			padding:7px 8px 4px 10px;
			/*opacity:0.8;*/
			/* For IE8 and earlier 
			filter:alpha(opacity=80); */
		}
		/* Für ie6*/
		* html #footer{
			position:absolute;
			top:expression((0-(footer.offsetHeight)+(document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight)+(ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop))+'px');
		}	
		#footer select {
			border: 0px;
			padding: 0px;
			background-color: #E2E2E2;
		}	
		#docsinfo{
		/*background-color: lightgreen;*/
			float:right;
		}	
		
		.tree-folder {
		  background: url('img/icon_folder.png') no-repeat;
		}
		.tree-folder-open {
		  background: url('img/icon_folder.png') no-repeat;
		}		
		
		.copylink:hover {
		  background: url('img/icon_folder.png') no-repeat;
		  cursor: pointer;
		}		
#chart, #chart2{width: 100%;height: 150px;}



/* TOOLTIPS */ 
/* AD OGGI 2/06/2014 anche il blocco sotto attivo non viene preso in considerazione dallo script
  .ui-tooltip, .arrow:after {
    background: black;
    border: 2px solid white;
  }
  */
  .ui-tooltip {
    padding: 10px 20px;
    color: white;
	border: 1px solid red;
    border-radius: 20px;
    font: 12px "Helvetica Neue", Sans-Serif;
    /*text-transform: uppercase;*/
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.80);
  }
  /*
  .arrow {
    width: 70px;
    height: 16px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    margin-left: -35px;
    bottom: -16px;
  }
  .arrow.top {
    top: -16px;
    bottom: auto;
  }
  .arrow.left {
    left: 20%;
  }
  .arrow:after {
    content: "";
    position: absolute;
    left: 20px;
    top: -20px;
    width: 25px;
    height: 25px;
    box-shadow: 6px 5px 9px -9px black;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
    tranform: rotate(45deg);
  }
  .arrow.top:after {
    bottom: -20px;
    top: auto;
  }
  */
  
#blacklayer {
  display: none;
  width: 100%;
  height: 100%;
  position: fixed;
  background-color: black;
  top: 0;
  background-color: rgba(0, 0, 0, 0.66);
  z-index: 2;
}
#loginboxContainer {
	display: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: 50%;
  z-index: 3;
  width: 30%;  
}
#loginbox {
  display: none;
  width: 270px;
  margin: 0px auto;
  padding: 20px;
  background-color: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.65) 0 4px 15px -1px;
    border-radius: 5px;
	   
}
#loginbox  input[type=text], #loginbox  input[type=password]{
  width: 90%;
  margin: 10px 0 10px;
  border: 1px solid silver;
  border-radius: 5px;
  padding: 5px 10px;
}
#fplogin a {
	 font-size: 12px !important;
}

.button {
  font-weight: bold;
  padding: 5px 15px !important;
  background: #3B7185;
  color: #fff !important;
  font-size: 14px;
  /* font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; */
  cursor: pointer;
  text-decoration: none;
  /* text-shadow: 0 1px 0px rgba(0,0,0,0.15); */
  /* border-width: 1px 1px 3px !important; */
  /* border-style: solid; */
  border-color: #3B7185;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -moz-inline-stack;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  /* -webkit-box-sizing: border-box; */
  -moz-box-sizing: border-box;
  /* box-sizing: border-box; */
  /* -webkit-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset; */
  -moz-box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset;
  /* box-shadow: 0 -1px 0 rgba(255,255,255,0.1) inset; */
}

.pageMain {
    display: block;
    margin-top: 30px;
}
#voted {display: none;}
#login {
float: right;}
div#yetvoted {
    margin: 20px 0;
}
div#voted {
    margin: 40px;
}