body 
    {
    margin: 0;
    font-family: Trebuchet MS, Arial;
    font-size: 12px;
    background-color: #FFFFFF;
    }
    
.logo    
    {
    color: white;
    font-weight: bold;
    font-size: 16px;
    padding: 15px; 
    float:left;   
    }
    
.sites
	{
	float: right;	
	padding: 15px;
	color: White;
	font-weight: bold;
	}    

.header
    {
    background-color: #636563;
    background-image: url('../images/bg_head.gif');
    }


/*****************************/

.left
    {
    padding: 10px;    
    width: 170px;
    background-color: #efefef;
    }
    
.left a:active, .left a:visited, .left a, .left a:link
    {
    color: black;    
    text-decoration: none;
    border-bottom: 1px solid #CCCCCC;
    }    
    
.left a:hover, .left a.active:visited, .left a.active:link, .left a.active:active
    {
    color: #CC0000;
    text-decoration: none;
    border-bottom: #000000;        
    }
    
/*****************************/    
    
.right
    {
    border-left: 2px solid #ded7c6;
    padding: 10px;  
    /*float: left;*/
    background-color: #FFFFFF;
    padding-bottom: 40px;
    }    
    
    
.right a:active, .right a:visited, .right a, .right a:link, a:active, a:visited, a, a:link
    {
    color: black;    
    text-decoration: none;
    border-bottom: 1px solid #CCCCCC;
    }    
    
.right a:hover, .right a.active:visited, .right a.active:link, .right a.active:active, a:hover, a.active:visited, a.active:link, a.active:active
    {
    color: #CC0000;
    text-decoration: none;
    border-bottom: #000000;        
    }    

.right a.item
{
	text-decoration:none;
	border:0px;
	background-color:#f7f7f7;
	display:block;
	padding: 2px 5px 2px 5px;
	margin:0px 0px 3px 0px;
}
.right a.itemSelected
{
	text-decoration:none;
	border:0px;
	background-color:#CCCCCC;
	display:block;
	padding: 2px 5px 2px 5px;
	margin:0px 0px 3px 0px;
}
    
.title
    {
    font-weight: bold; 
    font-size: 14px;   
    margin-bottom: 10px;
    border-bottom: 1px solid #cccccc;
    }    

.subtitle
    {
    font-weight: bold; 
    font-size: 12px;   
    margin-bottom: 10px;
    color: #888888;
    }    

/***************************/
    
.footer
    {
    color: white;
    padding: 10px;
    position: fixed;
    bottom: 0;
    width: 100%;
    }    
    
.footer a
    {
    color: #CCCCCC;    
    }    
    
/****************************/

input, textarea, select, option
    {
    margin: 0 2px 0 0;
    padding: 0 2px 0 2px;
    font-size: 11px;    
    font-family: Trebuchet MS;
    }        
        
.button {
    background-color: #666;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border: 0px solid #ffffff;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	padding:3px 7px;
	text-decoration:none;
    /*opacity:0.90;*/
    background: rgb(102, 102, 102);
    background: rgba(102, 102, 102, 0.9); 
}

.button:hover {
    opacity:1;
    color: yellow;
    }

.button_excel 
    {
    background-image: url(../images/icon_excel.gif);
    background-repeat: no-repeat;
    width: 20px;
    border: 0;
    cursor: pointer;
    }

checkbox
    {
    height:13px; width:13px; margin:0px; 
    }
    
.filter
    {
    background-color: #EEEEEE;    
    border: 1px solid #DEDEDE;
    }    
    
.filter th
    {
    padding: 0px 3px 0px 3px;
    text-align:left;
    color: #00468a;    
    }    
    
.validator
	{
	padding: 5px 8px 2px 8px;
	background-image: url('../images/error.gif');
	background-repeat: no-repeat;
	background-position: 50% 50%;	
	}    
	
/************* templates style (different from site to site) **************/

.templatecontainer table, .templatecontainer
	{
	background-color: #F7F7F7;
	width: 100%;
	height: 300px;
	}
	
.templatecontainer table tr td
	{
	border: 5px solid #EEEEEE;	
	background-color: #FFFFFF;
	/*vertical-align: top;*/
	}	
	
table.cellname tr td, table.cellname, table.contentitem tr td, table.contentitem
	{
	width: 100%;
	height: auto;
	border: 0;
	background-color: #DDDDDD;
	}	
	
.pnloptions	
	{	
	padding-bottom: 5px;
	}
	
.contentpanel
	{
	padding: 5px;	
	}	
	
table.contentitem tr td, table.contentitem	
	{
	background-color: #EEEEEE;
	}
	
table.contentitem		
	{
	border: 2px solid #DDDDDD;
	}
	
.template_left, .template_right
	{
	width: 25%;
	}
	
/*************************************************************************/	

.framepopup
	{
	border: 2px solid #5b2116;	
	margin: -2px 0 0 0;
	padding: 0;
	background-color: white;
    position: relative;
	}

.framepopup_close 
    {
    position: absolute;
    top: 0px;
    right: -2px;

    background-image: url('../images/close.gif');
    background-repeat: no-repeat;
    width: 39px;
    height: 16px;
    cursor:pointer;
    padding:0;
    float: right;
    }

/*************************************************************************/

.gallery_image img
	{
	margin-bottom: 5px;
    max-width:120px;
    max-height:120px;
	}
	
.gallery_image
	{
	background-color: #EEEEEE;	
	width: 120px;
	height: 120px;
	float: left;
	margin: 10px;
	}	
	
.MaskedEditError	
	{
	background-color: #220000;	
	}
	
/**********************************************/

#contentText
	{
	float:left;	
	}
	
#meniu
	{
	float:left;	
	width: 200px;
	padding-right: 10px;
	}
	
/* Rating stars */

.ratingStar {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.filledRatingStar {
    background-image: url("../images/filledstar.png");

}

.emptyRatingStar {
    background-image: url("../images/emptystar.png");
}

.savedRatingStar {
    background-image: url("../images/savedstar.png");
}
	
/* end rating stars */	

fieldset
{
	border:1px solid #CCCCCC;
	margin-top:10px;
}
legend
{
	padding:0px 5px 0px 5px;
	border:1px solid #CCCCCC;
}

.imageborder
	{
	border: 2px solid #CCCCCC;
	padding:2px;
	margin: 4px;
	}
	
.tips 
    {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #CCC;
    background-color: #FFC;
    color: black;
    width: 500px;
    font-size: 12px;
    background-image: url(../images/bulb.gif);
    background-repeat: no-repeat;
    background-position: 15px center;
    padding-left: 50px;
    }	


.gradientPreview
{
    width:307px;
    height:60px;
    margin:0px 0px 5px 0px;
    cursor:pointer;
	border: 1px solid #cccccc;
	background-image: url('../images/transparent.gif');
}  
.gradientPreviewColor
{
    width:307px;
    height:60px;
    margin:0;
    cursor:pointer;
	border: 0px;
}   

.splash_wrapper
	{
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	width: 3000px;
	height: 3000px;
	z-index: 1000;
	}

.splash
	{
	display: block;
	position: fixed;
	top: 0;
	background-color: white;
	border: 3px solid gray;
	z-index: 10000;
	padding: 15px;
	}
	
.error, a.error, a.error:active, a.error:visited, a.error, a.error:link, .error a
	{
	color: #CC0000;	
	}	
	
div.warning 
    {
    background-color: red;
    /*animation: bg 0.5s infinite;*/
    color: white;
    padding: 12px;    
    font-weight: bold;
    text-align: center;
    margin-top: 0px;        
    width:50%;
    left: 50%;
    transform: translateX(-50%);
    position:fixed;
    z-index:1000;
    }	
.orange 
{
    background-color: orange !important;        
}
span.wo
{
    font-size:1.4em;
    color: white;    
    padding:5px;
}
span.wb 
{
    font-size:1.4em;
    color: white;
    background-color: black;
    animation: spanbg 0.5s infinite;
    padding:5px;
}

@keyframes bg {
	0%		{ background-color: red;}
	50%		{ background-color: black;}
	100%		{ background-color: red;}
} 
@keyframes spanbg {
	0%		{ background-color: black;}
	50%		{ background-color: red;}
	100%		{ background-color: black;}
} 


div.warning a
    {
    color: White;    
    }    
    
div.highlight_box
    {
    background-color: #FFF68F;
    padding: 10px;
    font-weight: bold;
    }

.ajax__calendar_container {
    z-index:999;

}

.stickyTop{
    position:sticky;
    top:30px;
    margin-left:55%;
}

/* try to make update always visible */
#form1 > table > tbody > tr > td.right {
    padding-bottom: 80px;
}

.reporttable + br + input[value=Update] {
    position: fixed;
    bottom: 44px;
    z-index: 1001;
}

.reporttable + br + input[value=Update] + span {
    display: block;
    background: rgba(0, 0, 0, 0.3);
    z-index: 1000;
    position: fixed;
    bottom: 34px;
    z-index: 1000;
    padding-bottom: 38px;
    padding-top: 5px;
    width: 100%;
    left: 192px;
}
/* try to make update always visible */

/* pid-16 delete user moved */
body[data-pid="16"] > form > table > tbody > tr > td.right > table:nth-child(3) > tbody > tr > td:first-child {
    position: relative;
}

body[data-pid="16"] > form > table > tbody > tr > td.right input[value="DELETE USER"] {
    position: absolute;
    bottom: 45px;
    right: 0;
}
/* pid-16 delete user moved */

/* flags extend full td */
.header table tr:first-child td:nth-child(2) .nav {
    width: 100%!important;
}
/* flags extend full td */

/* reportable hover tr */
.reporttable tr:hover td {
    background: rgba(0, 90, 255, 0.20)
}