/*

Darko Bunic
http://www.redips.net/
Jan, 2010.

*/

  body {
	padding-left: 1em;
	font-family: Arial;
    color:#FFF8C6;
    background-color: black;
	font-size:10px;
}

#rightcol
{	
margin-left: 50px;
}	
#dragn{			
width: 200px;		
height: 30px;					
margin-left: 230px;
margin-top:20px;
}
#kol{			
width: 100px;	
height: 15px;					
margin-left:350px;
margin-top:0px
px;
}

input { 
 background-color: #666699; font-size:20px;
}

      .dot {
        height: 100px;
        width: 100px;
        border-style: solid;
        border-width: 0px;
        border-radius: 100%;
        display: inline-block;
        text-align: center;
		font-size:20px;
color:yellow;
		margin-top:-630px;
margin-left:-650px;
      }

#Speaker{			
cursor: move);
}

/* the following code(for centering fons in left table) not placed in "black but in "redips-drag" */
#{	
    display: grid;
      place-items: center;
 }
#black{			
background: rgba(0, 0, 0, 0);
width: 34px;		
height: 34px;

}

/* table cells */
div#redips-drag td {
height: 34px;
border: 0px solid white;
line-height: 35px;
font-size: 20px;
padding: 0px;
}



#help{
position:absolute;
right:120px;
top:100px;		
width: 20px;	
height: 20px;				
}

#next{
position:absolute;
right:190px;
top:100px;		
width: 20px;		
height: 20px;
}

#home{
position:absolute;
right:240px;
top:100px;		
width: 20px;
height: 20px;
}


/* FON TABLE*/
#left{
height: 110px;
float: left;
margin-left:-20px;
margin-top:65px;}

/* CENTRE MAIN TABLE*/


#main_container 
{
float: left;
display: table;		   
 table-layout: auto;			
padding-left: 0px;
padding-right: 0px;		
margin-left: 0px;
margin-top: -10px;
}
		
				/* the following is ONLY NEEDED for page where THE CODE FOR RIGHT CON TABLE is sperated from MAIN CONTAINER in EDITOR. 
				see the example page in ALWAYS AWAKE PLUS.
#rightcolxCONS
{
float: left;
display: table;		   
 table-layout: auto;			
padding-left: 0px;
padding-right: 0px;		
margin-left: 850px;
width: 200px;
margin-top: -500px;
}	
		*/

		
/* trash cell */
.redips-trash {
    color: SteelBlue;
    background-color: lightblue ;
}

/* trash cell behind FON7CON cells- black */
.FONCON-trash {
    color: RED;
    background-color: lightblue ;
	height: 33px;
}


/* CONTROLS color of CON grey cells in center table */
.grey {
	background-color: grey;
}
body{
	font-family: arial;
	margin: 0px; /* for IE6 / IE7 */
}
p.smallspace {
  line-height: 0.2;
}

/* drag objects (DIV inside table cells - table FONS and table CONS) */
.redips-drag{
	cursor: move;
	margin: auto;	
z-index: -1;
background-color: black;
text-align: center;	
font-size:22pt; /* adjusts CON Rtable size */
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
opacity: 0.9;	
border: 2px solid GREY;
filter: alpha(opacity=70);
width: 34px;	
height: 34px;
display: grid;
      place-items: center;
}
		/* left table - td */
	div#redips-drag #table1 td{		
border-width: 0px 0px 0px 0px;		
border-color: blue;
	}
		
.dark {
	background-color: black;
padding-bottom: 0px;	
text-align: center;	
font-size:35pt;
}

#number{
position:absolute;	
text-align: left;	
 margin-top:120px;

}

div.scrollmenu5 {
	position:absolute; 
	display: BLOCK;
MARGIN-LEFT:880px;
    background-color: black;
    overflow: auto;
    white-space: nowrap;
	margin-top: -360px;
	cursor:pointer;
	width:100px;
	height: 380px;

}


#list_1
{		
width:220px;			
height: 100px;			
 position:absolute;
margin-top:0px;
margin-left: 10px;
font-size:10pt; 
color:yellow;
text-align: left;
z-index:1;
}

#list_2
{			
width:250px;		
height: 100px;			
position:absolute;
margin-top:350px;
margin-left: 10px;	
text-align: left;
font-size:10pt; 
color:yellow;
}

#list_3{			
width:200px;			
height: 700px;			
 position:absolute;
margin-top:-550px;
margin-left: 980px;	
color: pink;	
font-size:15pt; 	
}

#list_4{			
width:60px;			
height: 700px;			
 position:absolute;
margin-top:-400px;
margin-left: 1180px;
color: white;		
}


a:link { 
color: #33FFFF; 
font-size:120%;
background-color:black ;
text-decoration: none;
}

a:visited { 
color: #33FFFF; 
font-size:120%;
background-color: black;
text-decoration: none;
}

a:hover {
color: grey; 
background-color: dark grey;
text-decoration: none;
} 

#th5{
background-color:  black;
text-decoration: none;

} 
#th5:hover {

background-color:  #2d2d2d;
text-decoration: none;

} 
#list_left
{			
	text-align: center;
}


/* blank cells (to create gap between left column and message row) */
.blank {
	background-color: GREY;
}



/* message line */
#message {
	
width: 200px;		
height: 30px;	
background-color: black;
text-align: center;	
font-size:30px;
color: white;
padding-left: 0px;
padding-right: 0px;
}