.ball_box_green
	{
	background-color:green;padding:3px; margin:3px; 
	}

.ball_box_green a
	{
	 color:white;	 
	}
 
.ball_box_red
	{
	background-color:indianred;padding:3px; margin:3px; 
	}

.ball_box_red a
	{
	 color:white;	 
	}


.shadowed
	{
	box-shadow: 0 0 10px rgba(0,0,0,0.5);
	}
a {color:#0857a6;}
.mdate
	{
	}
	
.login 
	{
	autocomplete:off;
	font-size:14pt;
	min-width:70Px;
	border:1px solid silver;
	padding:5px; 
	background:white;
	}

.login2
	{
	font-size:14pt;
	min-width:70Px;
	border:1px solid silver;
	padding:5px; 
	 
	}

.keng2
	{
	min-width:50%;
	}
.keng
	{
	min-width:200Px;
	}
  .column {
    -webkit-column-width: 200px;
    
    -webkit-column-count: 5;
     
    
    -webkit-column-gap: 30px;
    
    -webkit-column-rule: 1px solid #ccc;
     
   }
.menu_link
	{
	color:#0857a6;
	
	font-size:12px;
	text-decoration:none;
	
	}

.menu_link:hover
	{
	color:red;font-weight:bold;
	
	}	
	
.menu_link2:hover
{	
background:gray;
color:white

}
.menu_link3
	{
	cursor:default;
	}
.menu_link2
	{
	color:#0857a6;
	font-size:12px;
	margin:0px;
	background:FloralWhite;
	padding:10px;
	padding-left:0px;
	padding-right:0px;
	margin-left:0px;
	margin-right:4px;
	border:1px solid gray;
	border-bottom:2px solid gray;
	border-right:2px solid gray;
	border-radius:3px;
	

	
	
	}

a 	
	{
	text-decoration:none;
	}		
a:hover 	
	{
	color:red;
	 
	}		
	
hr
	{
	border:1px solid lavender;
	border-top:0px;
	}
.msgboxhover {}
.xmsgboxhover:hover {background:lightgreen;}

	
.msgbox2 
	{
	background:red;
	padding:10px;
	border:1px solid silver;
	border-bottom:2px solid silver;
	border-right:1px solid silver;
	border-radius:3;
	color:white;
	text-align:center;
	
	}	
.msgbox3
	{
	background:indianred;
	padding:10px;
	border:1px solid silver;
	border-bottom:2px solid silver;
	border-right:1px solid silver;
	border-radius:3;
	color:white;
	text-align:center;
	
	}	
	
.msgbox4
	{

	background:indianred;
	padding:1px;
	border:1px solid red;
	color:white;
	text-align:center;
	margin:1px;
	
	}
	
.xmsgbox:hover {background:mediumseagreen; color:white} 	

.msgbox 
	{
	background:Honeydew;
	padding:10px;
	margin-top:3px;	
	border:1px solid silver;
	border-bottom:1px solid silver;
	border-right:1px solid silver;
	border-radius:3;
	stext-align:center;
	
	}
	
.smd_menu_block:hover {background:bisque} 

	.menu_block 
	{
	xbox-shadow: 0 0 9px rgba(0,0,0,0.5);	
	margin-top:3px;
	background:FloralWhite;
	padding:10px;
	border:1px solid lavender;
	border-bottom:1px solid lavender;
	border-right:1px solid lavender;
	border-radius:2;
	
	}	

	.menu_block2
	{
	margin-top:3px;
	background:lavender;
	padding:1px;	
	border:1px solid lavender;
	border-bottom:1px solid lavender;
	border-right:1px solid lavender;
	border-radius:2;
	
	}	

.header
	{
	font-weight:bold;
	background:lavender;
	margin:0px; padding-left:10px;
	font-size:12px;
	border:1px solid black;
	border-bottom:1px solid black;
	border-radius:3;
	color:DarkBlue;
	}	



.row2
	{
	background:FloralWhite;
	}
	

.row3:hover
	{
	opacity:1;
	
	}
	
 
.row
	{
	background:FloralWhite;
	border-collapse:collapse;
	}

.toqrow
	{
	background:Bisque;
	border-collapse:collapse;
	}

 .row:hover
	{
	#background:Bisque;
	 
	}
	
.row td 
		{
		border:1px solid silver;
		border-collapse:collapse;
		xpadding:2px;
		}
.toqrow td 
		{
		border:1px solid silver;
		border-collapse:collapse;
		padding:5px;
		}

.smalltext
		{
		font-size:0.8em;
		}
.smalltext3
		{
		font-size:0.7em;
		}
.smalltext4
		{
		font-size:0.9em;
		}
		
.smalltext2
		{
		font-family:  sans-serif ;	
		sbackground:white;
		
		}

.job_finished
		{
		margin-bottom:1px; 
		padding-left:5px;
		border-left:20px solid MediumSeaGreen;
		}
			
.job_started
		
		{
		margin-bottom:1px; 
		padding-left:5px;
		border-left:20px solid indianred;
		}
						
.job_current
		{
		margin-bottom:1px; 
		padding-left:5px;
		border-left:20px solid Floralwhite;
		}
		
.tdjob_finished
		{
		background:MediumSeaGreen;
		border:1px solid #7300df;
		}
			
.tdjob_started
		
		{
		background:IndianRed;
		border:1px solid #7300df;
		}
		
						
.tdjob_current
		{
		background:Orange;
		border:1px solid silver;
		}
					
.tdjob_current2
		{
		background:bisque;
		border:1px solid silver;
		}

.newjob {font-weight:bold;}
.header td
		{
		border:1px solid black;
		}
.boldbutton
		{
		font-weight:bold;
		font-size:10pt;
		color:#6200bd;
		margin-top:3px;
		}
		
		
.msgboxmessage
			{
			margin-bottom:2;
			padding:8px;
			padding-left:39px;
			border-radius:5;
			border:1px solid silver;
			border-bottom:1px solid silver;
			border-right:1px solid silver;
			font-size:0.8em; 
			background:url(../img/mail.jpg) no-repeat ;  
			background-position:4 center; 
			background-color:floralwhite; 
			
			}	

.msgboxjob
			{
			
			margin-bottom:2;
			font-size:0.8em; 
			padding:5px;
			border-radius:5;
			padding-left:39px;
			border:1px solid silver;
			border-bottom:2px solid silver;
			border-right:1px solid silver;
			background:url(../img/file.gif) no-repeat left 2 top 2 bisque; 
			
			}
			
body{
    font: 14px/1 "Helvetica Neue", "Helvetica", Helvetica,Arial, sans-serif; /* example */
}

.file_upload{
    display: block;
    overflow: hidden;
    font-size: 1em;              /* example */
    height: 2em;                 /* example */
    line-height: 2em             /* the same as height */
}
.file_upload .button, .file_upload > mark{
    display: block;
    cursor: pointer              /* example */
}
.file_upload .button{
    float: right;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 8em;                  /* example */
    height: 100%;
    text-align: center           /* example */
}
.file_upload > mark{
    background: transparent;     /* example */
    padding-left: 1em            /* example */
}
@media only screen and ( max-width: 500px ){  /* example */
    .file_upload > mark{
        display: none
    }
    .file_upload .button{
        width: 100%
    }
}
.file_upload input[type=file]{
    position: absolute;
    top: 500;
    opacity: 0
}

/* Making it beautiful */

.file_upload{
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    transition: box-shadow 0.1s linear
}
.file_upload.focus{
    box-shadow: 0 0 5px rgba(0,30,255,0.4)
}
.file_upload .button{
    background: #7300df;
    transition: background 0.2s;
    border: 1px solid rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: #6200bd 0 -1px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}
.file_upload:hover .button{
    background: #6200bd;
    text-shadow: #5d00b3 0 -1px 0
}
.file_upload:active .button{
    background: #5d00b3;
    box-shadow: 0 0 3px rgba(0,0,0,0.3) inset
}


form 
	{
	margin-bottom:5px;
	}
.btn_logout
{
 color:white;
 background:red;
 padding:5px; 
 border:1px solid white; 
 border-radius:5; 
 margin-left:15px; 
 
 float:right;
 font-weight:bold;	
}	
.btn_logout:hover
	{
	 background:white;
	 color:red;
	}

.index_anchor { color:white;} ;

.index_anchor:hover
	{
	color:red;
	}
	
.buttonx
	{
	background: #7300df;
    transition: background 0.2s;
    border: 1px solid rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: #6200bd 0 -1px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
	padding:5px;
	margin-right:10px;
	}

	.buttonx:hover {
	cursor:pointer;
	color:white;
    background: #6200bd;
    text-shadow: #5d00b3 0 -1px 0
}	


.message_text
	{
	sbackground:url(../img/msgbox_bg.png) no-repeat  ;  
	}
.msg_avatar	
	{
	float:left;  
	margin-right:5px; 
	border:1px solid silver;
	}
.msg_avatar2	
	{
	float:right;  
	margin-left:5px; 
	border:1px solid silver;
	}
.play {
}	
#quiz_block
		{
		sbackground:url(../img/quiz.png) no-repeat  top right floralwhite; 
		font-size:0.9em;
		 
		}

		
img
	{
	margin:2px;
	 align:absmiddle;
	}
	
.current_page
		{
		background-color:Green;
		color:white;
		margin:2px;
		padding:3px;
		font-weight:bold;
		}
		
.current_page2
		{
		border:2px solid gray;
		xbackground-color:Green;
		xcolor:white;
		xmargin:2px;
		xpadding:3px;
		font-weight:bold;
		}
		
.top_panel
			{
			position: fixed;
			width:99%;
			top:0;
			background:lavender;
			border-bottom:2px solid gray;
			}		
			
.left_panel
			{
			sposition: fixed;
			width:170px;	
			left:0;
			background:lavender;
			top:15%;
			}

.bottom_panel
			{
			width:100%;
			border-bottom:2px solid gray;
			}			
.search
	{
	color:red;	
	font-weight:bold;
	}
 		
.keng22
	{
	width:250px;

	}
#user_container2			
	{
	color:silver;
	font-weight:bold;
	}
	
	
#get_result_container	
{

margin-top:-2px; 
position:absolute; 
border:1px solid black; 
border-top:0px; 
border-bottom:2px solid gray; 
border-right:1px solid gray; 
z-index:555; 
border-radius:0 0 5 5; 
background:lightyellow;

}	

.bodybg2
	{
	background: url(../views/carica/tdpu60.jpg)   0 bottom fixed  gray; width:100%;  min-width:1033px; height:auto; margin:0; padding:0;
	 
	}
	
.bodybg
	{
	background: url(../img/bg.png)   0 bottom fixed; width:100%; min-width:1033px; height:auto; margin:0; padding:0;
	ssbackground: silver  repeat-x 0 bottom fixed; width:100%; min-width:1033px; height:auto; margin:0; padding:0;
	margin-top:0px;
	}
	
.welcometext
		{
		 
		color:white;
		text-shadow: 2px 2px 2px indianred, 2px 2px 2px indianred, 2px 2px 2px indianred, 2px 2px 2px indianred;
		}
.anons
	{
	 background: url(../img/doska3.png) center no-repeat   ;
	}
	
.anons2
	{
	 background: url(../img/doska2.png) center no-repeat   ;
	}
.anonstext
	{
	padding-right:5px;	
	 font-size:0.72em; 
	 width:218Px; 
	 height:205Px; 
	 overflow:auto; 
	 border:0px solid silver; 
	 margin-top:45px; 
	 margin-left:35px;
	 color:darkblue;
	}

	
.bigtext
		{
		font-size:1.2em;
		}

		
.doninfo_text		
	{
	font-size:0.9em;
	padding-top:60px;
	padding-bottom:60px;
	padding-left:40px;
	padding-right:40px;
	background:white;
	width:800px;
	border:1px solid silver;
	border-right:3px solid gray;
	border-bottom:3px solid gray;
	text-align:justify;
	
	}
	
.word_body
		{
		border:1px solid gray;
		background:silver;
		text-align:center;
		height:95%; 
		overflow:scroll;
		padding:10px;
		
		}
		
		
.mybutton{
	cursor:hand;
    background: #7300df;
    transition: background 0.2s;
    border: 1px solid rgba(0,0,0,0.1);
    border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
    border-radius: 2px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05);
    color: #fff;
    text-shadow: #6200bd 0 -1px 0;
    overflow: hidden;
    white-space: nowrap;
	padding:3px;
    text-overflow: ellipsis
}
.mybutton:hover{
	
    background: #6200bd;
    text-shadow: #5d00b3 0 -1px 0
}
.mybutton:active{
    background: #5d00b3;
    box-shadow: 0 0 3px rgba(0,0,0,0.3) inset
}
		
.malumot_bor
			{
			background-color:orange;
			color:white; 
			padding:2px;
			border:1px solid red;
			border-radius:5;
			}
			
.done_form_con			
	{
	position:absolute; 
	top:15%;
	left:10%;
	width:75%; 
	border:4px solid darkblue; 
	border-top:35px solid darkblue; 
	display:none; 
	padding:10px; 
	opacity:0.5; 
	z-index:999;
	margin-top:15px; 
	margin-left:15px; 
	background:lavender;;
	
	}	
	
.done_form_con2			
	{
	position:absolute; 
	top:15%;
	width:60%; 
	border:2px solid darkblue; 
	border-top:25px solid darkblue; 
	display:block; 
	padding:10px; 
	opacity:1; 
	margin-top:15px; 
	margin-left:15px; 
	background:silver;
	}
.new_messages_list
		{
		}
.missed
			{
			background:indianred; 
			color:white;
			padding:3px;
			max-width:165px;
			border:1px solid black;
			}
			
.knops
		{
		
		}
.job_title
			{
			font-size:1.1em;
			}
			
.job_olinmagan
			{
			border-right:10px solid red;
			}
.day
	{
	background:url(../views/doc_chron/day.png) no-repeat  ;  
	width:55;
	height:35;
	padding-top:15px;
	float:left;
	}
			
.day_day
	{
	font-size:20Px;
	font-weight:bold;
	padding-left:0px;
	padding-right:10px;
	text-align:center;
	margin-bottom:-5px;
	}

.day_month
	{
	font-size:12Px;
	font-weight:bold;
	color:red;
	letter-spacing:2px;
	text-align:center;
	}
.day_hour
	{
	font-size:16Px;
	font-weight:bold;
	text-align:right;
	padding-right:10px;
	color:teal;
	}
.munosabat_form
	{
	}

	.munosabat
		{
		float:right; 
		cursor:hand;
		color:white;
		font-weight:bold;
		}
		
	.done_taxrir
		{
		float:right; 
		cursor:hand;
		color:white;
		font-weight:bold;
		}
		
		
.unvisible
			{
			display:none;
			}	}
.unvisible2
			{
			display:block;
			}
.user_image
				{
				
				float:left;
				width:50px;
				}
.rowx
				{
				border-bottom:1px solid silver;
				}
				
.qator
		{
		cursor:default;
		}			
.qator td 
		{
		border:0px solid silver;
		border-bottom:2px solid gray;
		
		}
.have_information
			{
			border-right:7px solid orange;
			}
.user_info
			{
			
			}
			
#user_info_div			
	{
	
	width:30%;
	position:absolute;
	background:bisque;
	display:none;
	}
.done_info_jad
{
}

#msg_user_rasm
		{display:none;
		position:absolute; 
		border:2px solid silver; 
		border-bottom:2px solid gray;
		border-right:2px solid gray;
		}
 
		
.msg_user,	 .msg_user_add_btn
	{
	cursor:hand;
	padding:5px; 
	border-bottom:1px solid white; 
	} 


.menu_div:hover 
{
background-color:gray;

}

.menu_div:hover a
{

color:white;
}

.menu_div:hover a:hover
{

color:lightblue;
}

.menu_div a
{

color:white;
}

.menu_div  a:hover
{

color:red;
}

.menu_div2:hover 
{
background-color:gray;

}
 
 


.menu_div2  a:hover
{

color:red;
}


	
.menu_div
		{
		font-size:small;
		display:none;
		background:gray;
		min-width:150px;
		padding:5px;
		border:1px solid black;
		border-left:20px solid indianred;
		border-top:0px solid mediumseagreen;
		border-bottom:1px solid black;
		 
		z-index:99999;
		border-radius:0 0 7 2;
		min-height:100px;
		
		}
	
	
.menu_div2
		{
		font-size:small;
		display:none;
		background:gray;
		min-width:150px;
		padding:5px;
		border:1px solid black;
		border-left:20px solid indianred;
		border-top:0px solid mediumseagreen;
		border-bottom:1px solid black;
		 
		z-index:99999;
		border-radius:0 0 7 2;
		min-height:100px;
		
		}
	

.mfile_div:hover
	{
	border:1px solid red;
	background:silver;
	scolor:white;
	border-radius:4px;
	}
.mfile_div
		{
		font-size:8pt;;
		border:1px solid white;
		padding:5px;
		width:100px;
		cursor:default;
		}

.mfile_div_new
		{
		background:bisque;
		}