@charset "utf-8";
/* CSS Document */

/* Main Frame*/



#wrapper{
	width: 768px;
	height: 100%;
	background-image:url(images/main.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right: auto;
	font-family:Verdana, Geneva, sans-serif;
}

#topbar{
	height:120px;
	margin-top: 14px;
}

#mainframe{
	height:100%;
	margin-left: 36px;
    margin-right: 36px;
	font-family: Arial, Helvetica, sans-serif;
}



/*Login Screen*/

#iframesize{
	width: 723px;
	height: 698px;
}

#iframetop {
	width: 723px;
	height:220px;
	text-align:center;
}
#loginframe {
	width: 723px;
	height: 180px;
}
#login {
	width:200px;
	height:180px;
	margin: 0 auto;
	text-align:center;
}

#register {
	width:723px;
	height: auto;
	margin-left: 5px;
	text-align:center;
}

/*Buttons */
#button-society {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_society.png);
	color: #FFF;
}

#button-you {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_you.png);
	color: #FFF;
}

#button-business {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_business.png);
	color: #FFF;
}

#button-politics {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_politics.png);
	color: #FFF;
}

#button-logfile {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_logfile.png);
	color: #FFF;
}

#button-queue {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_queue.png);
	color: #FFF;
}

#button-logout {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_logout.png);
	color: #FFF;
}

#button-admin {
	width:140px;
	height:30px;
	float: left;
	background-image: url(images/button_admin.png);
	color: #FFF;
}

/*Tooltip*/
	/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
	width: 100px;
}

	/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 100%;
    background-color: #555;
    color: #fff;
    text-align: center;
    padding: 5px 0;
    border-radius: 6px;

    	/* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

   	 /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
}

	/* Tooltip arrow */
.tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
}

	/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
}

/*User Hub*/
#subframe {
	width: 700px;
	
}

#terframe {
	width: 600px;
}

#titlebar {
	width:700px;
	height:70px;
}
#buttonbar {
	width: 700px;
	height:30px;
	color: #FFF;
}

/*Pages General*/
#actionbar {
	width: 600px;
	height: 100px;
}

#confirmbar {
	width: 500px;
	heigth: 50px;
	border-width:medium;
	border-color:#000;
}

/*Business Page*/
#businessbar {
	width: 600px;
	height: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	border-radius: 5px;
}
#businesslogo {
	width: 100px;
	height: 100%;
}

/*Politics Page*/
#politicsbar {
	width: 600px;
	height: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: #333;
	border-radius: 5px;
}
#politicslogo {
	width: 100px;
	height: 100%;
}