/*

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

*/

body{
	font-family: arial;
	margin: 0px; /* for IE6 / IE7 */
}

/* container for the left table */
#main_container #container0{
			width: 130px;
			height: 310px;
			float: left;
			/*margin-right: 10px;*/
			/* make it visible */
			border: 2px solid #499B33;
			background-color: #aaaeee;
			overflow: auto;		
			position: relative;			
}

 
#main_container #container1{
			width: 430px;
			height: 310px;
			float: left;
			/*margin-right: 10px;*/
			/* make it visible */
			border: 2px solid #499B33;
			background-color: #aaaeee;
			overflow: auto;		
			position: relative;
}
		/* container for the right table */
#main_container #container2{
			width: 430px;
			height: 300px;
			/* align div to the right */
			float: left;
			padding-top: 10px;
			/*padding-left: auto;*/
			/*padding-right: 0px;*/
			margin-left: 0px;
			margin-right: 0px;
			/* make it visible */
			border: 2px solid #499B33;
			background-color: #bbbfff;
			overflow: auto;		
			position: relative;
}

		
#main_container #container3{
			width: 400px;
			height: 310px;
			/* align div to the right */
			float: right;
			/*padding-left: auto;*/
			/*padding-right: 0px;*/			
			/* make it visible */
			border: 2px solid #499B33;
			background-color: #eee;
			overflow: auto;		
			position: relative;
}
		
#main_container #container4{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: auto;
			/*padding-right: 0px;*/			
			/* make it visible */
			/* border: 2px solid #499B33;
			 background-color: #eee;*/
			overflow: auto;		
			position: relative;
}

#main_container #container5{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: 0px;
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}				
		
#main_container #container6{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: 0px;
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}			
		
#main_container #container7{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: 0px;
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}	
		
#main_container #container8{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: auto;
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}	
		
#main_container #container9{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: auto;
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}	
		
#main_container #container10{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: auto;
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}	
		
#main_container #container11{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: auto;
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}		
		
#main_container #container12{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: auto;
			/*overflow: scroll;*/	
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}						

#main_container #container13{
			width: 310px;
			height: 240px;
			/* align div to the right */
			float: left;
			padding-top: 5px;
			padding-left: auto;
			/*overflow: scroll;*/	
			/*padding-right: 0px;*/			
			/* make it visible */
			/*border: 2px solid #499B33;*/
			/*background-color: #eee;*/
			overflow: auto;		
			position: relative;
}	

#main_container #container14{
			width: 130px;
			height: 310px;
			float: left;
			/*margin-right: 10px;*/
			/* make it visible */
			border: 2px solid #499B33;
			background-color: #aaaeee;
			overflow: auto;		
			position: relative;			
}


#table0, #table1, #table2, #table3, #table4, #table5, #table6, #table7, #table8, #table9, #table10, #table11, #table12, #table13, #table14{
    margin-bottom:5px
}

/* make drag container visible */
#drag{
	border: 2px dashed LightBlue;
	display: table;
	width:1560px;
	margin:auto;
}

#drag img {
    margin: 1px
    }
    
#obj_new{
    height:23px;width:10px
}

/* needed for IE because cursor "move" shown on radio button and checckbox ?! */
div#drag input{
	cursor: auto;
}

/* table */
div#drag table{
	background-color: #e0e0e0;
	border-collapse: collapse;
	margin: 7px;
}

/* table cells */
div#drag td{
	border: 1px solid #FFF;
	height: 32px;
	text-align: center;
	font-size: 10pt;
	padding: 2px;
}

div#drag input{
    cursor:auto
}

/* drag object (DIV inside table cell) */
.drag{
    cursor:move;
    z-index:10;
	margin: auto;
	margin-bottom: 1px;
	margin-top: 1px;
	font-size:10pt;
	text-align: center;
	width: 87px;
	height: 25px;
	line-height: 25px;
	border: 2px solid SteelBlue;
	background-color: white;
	/* round corners */
	border-radius: 4px; /* Opera, Chrome */
	-moz-border-radius: 4px; /* FF */
}
	/* checkbox inside DIV element */
	.drag input{
		float: right;
		margin: 0px 0px auto auto;
	}

/* dark cells (first column and table header) */
/*
.dark {
	color: #444;
	background-color: #e0e0e0;
}	
*/
/* orange DIV elements */
.orange {
	border-color: #FF8A58;
}

/* row dark */
.rd {
	background-color: #ddd;
}

/* row light */
.rl {
	background-color: #eee;
}

.mark{
     color:#FFF;background-color:#9B9EA2;vertical-align:top;
}

.totop{
     vertical-align:top;
}

.trash{
     color:#FFF;background-color:#2D4B7A;
}

.button{background-color:#6A93D4;color:#FFF;width:115px;height:30px;border-width:3px;padding:0;}

.checkbox{margin-left:13px;margin-right:14px;width:13px;}

/* Form elements */ 
.money {
font-size : 12px;
border : 2px solid #499B33;
height: 2em; /* replace 2em with your chosen value, in px or whatever */
}
 
.message_line{padding-left:10px;margin-bottom:3px;font-size:10pt;color:#888;}

.t1{border:2px solid #499B33;}

.t2{border:2px solid #2D4B7A;}

.t3{border:2px solid #BF6A30;}

.t4{border:2px solid #499B33; color:#FFF;background-color:#FFA500;}

.t5{border:2px solid #499B33; color:#FFF;background-color:#e0e0e0;}

.frm {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    font-weight: bold;
    color: #164BA0;
    background-color: #D1D1D1;
    border: 1px solid #83AAD3;
}