
html, body {
        font:normal 12px verdana;
        margin:0;
        padding:0;
        border:0 none;
        overflow:hidden;
        height:100%;
    }
    p {
        margin:5px;
    }
  		
    
    .iconStartNew {		background-image: url( ../_img/inter.png) !important; }
    .iconStartTest {	background-image: url( ../_img/inter_test.png) !important; }
    .iconInstructions {	background-image: url(../_img/helpfile.png ) !important; }
    .iconAppointments {	background-image: url(../_img/appointments.png ) !important; }
    .iconProjects {		background-image: url(../_img/projects.png ) !important; }
    .iconLiveUpdate {	background-image: url(../_img/live-update.png ) !important; }

    .buttonInterrupt {	background-image: url(../_img/interrupt.png ) !important; }
    .buttonAppointment{	background-image: url(../_img/appointment-button.png ) !important; }
    
    td.button, td.emptyButton{
   		border: 1px solid black;
   		color: #000000;
   		font-size: 12px;
   		border-radius: 8px;
   		/*height: 50px;*/
   		padding: 4px;
   		width: 50px;
   		background: #CCDBEE;
   		text-align: center;
   		vertical-align: middle;   
   	 	opacity: 1.0;	
  	}
  	td.button:hover{
  		border: 1px solid yellow;
  		cursor: pointer;
  		opacity: 1.0;	
  	}
  	td.button:active{
  		background: #ABC7EC;
  		opacity: 1.0;	
  	}
  	#projectsList{    		
  		background: #CCDBEE;
  		position: absolute;
  		border: 1px solid black;
  		width: auto;
  		z-index: 30;
  		border-radius: 8px;
  		height: auto;
  		float: left;
  		display: none;
  		margin: 282px 0px 0px 0px;
  	}
  	
	.menuLeft{
		position: absolute;   			
		/*border: 1px solid green;*/
		width: 76px;
		z-index: 30;
		height: auto;
		margin-top: 1px;
		margin-left: 0px;
		padding: 0px;
		opacity: 1.0;
		top: 1px;
		/*left: 1px;*/
	}
	.menuTop{
		position: absolute;   	 			
		border: 1px solid green;
		width: 578px;
		height: auto;
		margin: 0px auto;
		top: 1px;
		left: 1px;
		
	}
	table
	{
		margin: 0px auto;
	}
	.buttonIcon{
		margin: 5px 0 -6px 8px;
	}
	.projectSelect{
		padding: 30px;
		border-radius: 10px;
		font-weight: bold;
		margin: 5px;
	}
	.projectSelect:hover{
		background: white;  		
	}
	#content{
		background: #FFFFFF;
		margin: 0 auto;
		width: 100%;
		height: 100%;
		overflow: auto;   			
	}	 
	#liveUpdateIframe, #quotaIframe{
		height: 100%;
		background: #DBEAF9;
		border: 2px solid #CCDBEE;
		border-radius: 10px;
		width: 400px;
		left: 80px;
 		position: absolute;
 		z-index: 90;
 		height: auto;
 		display:none;		  
  		min-height: 300px;
  		max-height: 600px;
	}
	#showMenuButton{
		border: 1px solid black;
		width: 60px;
		opacity: 0.2;
		cursor: pointer;
		background: #D2E1F0;
		height: 40px;
		padding-top: 11px;
		display: none;
    	text-align: center;
    	width: 60px;		    
		border-radius: 10px;
		position: absolute;
		z-index: 100;
		top: 1px;
		/*left: 1px;*/
	}
	#showMenuButton:active{
		background: #ABC7EC;
		opacity: 0.2;
	}  		
	.logoutRow{
		margin-bottom: 5px;
	}
#closeLUIframe, #closeQuotaIframe{
	/*display: none;*/
	background: #CCDBEE;
	cursor: pointer;
	border-radius: 0 11px 0 8px;
    font-weight: bold;
    height: 30px;
    display: none;
    left: 422px;
    padding-top: 10px;
    position: absolute;
    text-align: center;
    width: 60px;
    z-index:101;
 		}
