/* global elements */

 body{background-color:#fef7f6}
 .cs_save_buttom {background-color:#c0ffc0}  /* – a buttom which saves some data */ 
 .cs_discard_buttom {background-color:#f0cfc0} /* – a buttom which returns to main page not saving a data. */
 .cs_buttom {background-color:#f0ffc0} /* – any other buttom or submit */
 .cs_password{background-color:#f0ffc0}
 select {
    background-color:#ede3e1;
    border:1px solid green;
 } /* – Other dropdown  */
 input {
    background-color:#ede3e1;
    border:1px solid green; 
 }
 input[type="submit"] {
    background-color:#ede3e1;
    border:1px solid green; 
    border-bottom:2px solid blue; 
    border-right:2px solid blue; 
 }

 input[type="submit"]:hover {
    background-color:#eeee80;
    border:1px solid green; 
    border-bottom:2px solid blue; 
    border-right:2px solid blue; 
 }
 
 input[type="button"] {
    background-color:#ede3e1;
    border:1px solid green; 
    border-bottom:2px solid blue; 
    border-right:2px solid blue; 
 }

 input[type="button"]:hover {
    background-color:#eeee80;
    border:1px solid green; 
    border-bottom:2px solid blue; 
    border-right:2px solid blue; 
 }

 input[type="submit"]:active {
    background-color:#ede3e1;
    border:1px solid green; 
    border-top:2px solid blue; 
    border-left:2px solid blue; 
 }

textarea {
    background-color:#ede3e1;
    border:1px solid green; 
    border:1px solid green; 
} 
 .cs_checkbox {}
 .cs_component_head {text-align:center}
 
/* >> Name - Value Content */
 	.cs_nv_table {background-color:#ffffa0}
	.cs_nv_name {font-size:normal} /* – a html tag containing text which is name */
	.cs_nv_value {font-size:30px} /* – a html tag containing text which is value */
	.cs_nv_input, .cs_cv_panel_input { } /* – a changeable value in <input> tag */

	.cs_nv_dd {} /* – a  changeable value in <select> tag */
	textarea.cs_nv_textarea { }
/*	textarea.cs_nv_textarea {background-color:#ffffc0} */

/* << N-V Content (ends.)*/

			/*.body:after, .cs_nv_input:after, .cs_nv_dd:after {content:"Lalalala"}*/

/* >> Chat History: */
	.cs_h_container { /* – the box where is history */
		border-style:solid;
		border-width:3;
	} 
	.cs_h_container_wide { /* – the box where is history */
		border-style:solid;
		border-width:3;
		width: 800px;
	} 
	.cs_h_user_item {width:330px;background-color:#ede3e1;} /* – the user message field */
	.cs_h_operator_item {width:330px;background-color:#fbf7f6;} /* – the operator's free message */
	.cs_h_item_container, .cs_h_message_to_response {position:relative}
	.cs_h_autor {} /* – the text describing who wrote the message */
	.cs_h_time, .cs_h_status{ /* – the time of sending message */
		position:absolute;	
		right:0;
	}
	
	.cs_h_autor, .cs_h_time {font-size:small;}
	/* when element *.cs_h_time is inside element *.cs_h_operator_item */
	.cs_h_operator_item .cs_h_time, .cs_h_operator_item .cs_h_autor {
		color:#ff0000;
	}
	.cs_h_user_item .cs_h_time, .cs_h_user_item .cs_h_autor{
		color:green;
	}
	.cs_h_text {} /*font-weight:bold*/
	.cs_h_image {height:50px;width:50px}
	.cs_h_message_to_response {background-color:rgb(255,255,100); font-weight:bold}
	.cs_h_status{vertical-align:text-bottom}
/* << Chat History (ends.)*/	

/* AJAX Pager */
	.cs_prev_buttom{}
	.cs_next_buttom{}


/* Answer Panel */
	.cs_answer_counter{font-style:italic}
	.cs_answer_go_next{font-style:oblique}
	textarea.cs_answer_textarea {background-color:#ffc0c0} 
	
/* >> Content Viewer */
	.cs_cv_container {
		overflow:auto;
		position:relative;
		background-color:green;
		width:300px
	}
	
	.cs_cv_element {overflow:hidden;max-width:150}
	.cs_cv_title {}
	.cs_cv_image {height:150px;width:150px}
	
	.cs_cv_panel {position:relative;background-color:green;width:300px}
	.cs_cv_panel_table {position:relative;width:100%}
	.cs_cv_panel_image {height:150px;width:150px}
	.cs_cv_panel_input {position:relative;width:100%}
	.cs_cv_sent {position:absolute;opacity:0.6}
/* << Content Viewer (ends.) */

/* AJAX Propertier */
	.cs_pr_status {font-size:small}

/* Message Queue*/
	.cs_mq_ontainer{}
	.cs_mq_element{}
	.cs_mq_status{}
	
/* Operator Panel */
	.cs_op_head {}
	.cs_op_head>* {display: inline}
	.cs_op td {vertical-align:top}
/* logg */
    .ursms_log_table {
    height:30px;
    overflow:hidden;
    display:none;
    }
    
    .ursms_log_table:hover{
    display:none;
    }
    
    
    .infolabel {
	/*background-color:#eeeeee;*/
	opacity:0.7;
	
    }