﻿body {
    	margin:0;
    	font-family:Arial;
       	font-size:0.9em;
       	background-color:#f2f2f2;
       	/*background-color:#F1F4F7;*/
}
.cleardiv
{
    clear:both;
    }
.topbar
{
    padding:2px 10px 2px 2px;
    min-width:1000px;
    height:33px;
    background-color:#e0e0e0;
    border-bottom:solid 1px #d0d0d0;
    border-top:solid 1px #d0d0d0;
}
.webpartbar
{
    padding:2px 10px 2px 2px;
    background-color:#e0e0e0;
    border-bottom:solid 1px #d0d0d0;
    border-top:solid 1px #d0d0d0;
    color:firebrick;
    font-weight:600;
}
.popuptitle
{
    padding:5px 5px 5px 5px; 
    background-color:#587498; 
    color:#fafafa
    }
.topbar1
{
    background-color:#ffd800; 
    border-bottom:1px solid #587498; 
    border-top:1px solid #587498;
    }
.innerdiv
{
    padding:0 0 0 0;
    }
/* hyperlink E86850*/
    a:link 
    { 
        color: #707070; 
        text-decoration: none; 
    }		
	a:visited 
	{ 
	    color: #494949; 
	    text-decoration: none; 
	}
	a:hover 
	{ 
	    color: #494949; 
	    font-style: italic;
	    text-decoration: none; 
	}
	a:active 
	{ 
	    color: #494949; 
	    font-style: italic;
	    text-decoration: none; 
	}
/***********************************************************************/
    .gridlink
    {
        text-decoration: none;
        color:#800517;
    }
    a.gridlink:link 
    { 
        color: #800517; 
        text-decoration: none; 
    }		
	a.gridlink:visited 
	{ 
	    color: #800517; 
	    text-decoration: none; 
	}
	a.gridlink:hover 
	{ 
	    color: #800517; 
	}

	a.gridlink:active 
	{ 
	    color: #800517; 
	    text-decoration: none; 
	}
/* calendar */
    .TodayDayStyle
    {
        vertical-align:top;
        border:1px solid red;
        text-align:left;
        }
    .OtherMonthDayStyle
    {
        vertical-align:top;
        background-color:#f0f0f0;
        text-align:left;
        }
    .WeekendDayStyle
    {
        vertical-align:top;
        background-color:#FFF1B5;
        text-align:left;
        }
    .DayStyle
    {
        vertical-align:top;
        text-align:left;
        }
    .SelectedDayStyle
    {
        vertical-align:top;
        background-color:white;
        text-align:left;
        }
    .DayHeaderStyle
    {
        vertical-align:top;
        text-align:left;
        }
    .TitleStyle
    {
        vertical-align:top;
        }
/* small calendar */
    .smallTodayDayStyle
    {
        vertical-align:top;
        border:1px solid red;
        text-align:right;
        }
    .smallOtherMonthDayStyle
    {
        vertical-align:top;
        background-color:#f0f0f0;
        text-align:right;
        }
    .smallWeekendDayStyle
    {
        vertical-align:top;
        background-color:#FFF1B5;
        text-align:right;
        }
    .smallDayStyle
    {
        vertical-align:top;
        text-align:right;
        }
    .smallSelectedDayStyle
    {
        vertical-align:top;
        text-align:right;
        border:1px solid purple;
        color:Purple;
        }
    .smallDayHeaderStyle
    {
        vertical-align:top;
        text-align:right;
        }
    .smallTitleStyle
    {
        vertical-align:top;
        }
/* text box */
.entextright
{
     border:solid 1px lightgrey;
     background-color:#FFFFFF;
     text-align:right;
}
.entextleft
{
     border:solid 1px lightgrey;
     background-color:#FFFFFF;
     text-align:left;
}
/* gridview styles */
	.gridheader
	{
    	text-decoration:none;
    	background-color:#e0e0e0;
    	font-size:0.9em;
    	font-weight:normal;
        border-top:solid 1px #d0d0d0;
        border-bottom:solid 1px #d0d0d0;
		}
	.gridfooter
	{
    	text-decoration:none;
    	color:firebrick;
    	background-color:#e0e0e0;
        border-bottom:solid 1px #d0d0d0;
        border-top:solid 1px #d0d0d0;
	}    
	.gridfooterlarger
	{
    	text-decoration:none;
    	color:firebrick;
    	background-color:#e0e0e0;
        border-bottom:solid 1px #d0d0d0;
        border-top:solid 1px #d0d0d0;
        letter-spacing:2px;
	}    
	/*
	.gridcell
	{
    	font-size:1em;
	}
	.gridceellimage
	{
    	font-size:1em;
	}
	.gridcellselected
	{
    	font-weight:bold;
	}
    */
/* tooltip */	
		.tooltip {
			outline: none;
			cursor: help; text-decoration: none;
			position: relative;
		}
		.tooltip span {
			margin-left: -999em;
			position: absolute;
		}
		.tooltip:hover span {
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
			position: absolute; left: 20px; top: -35px; z-index: 99;
			margin-left: 0; width: 250px;

		}
		.tooltip:hover img {
			border: 0; margin: -20px 0 0 -42px; 
			float: left; position: absolute;
			height:24px;width:24px; 
		}
		.tooltip:hover strong {
			display: block; color:purple;
		}
		.tooltip:hover em {
			display: block; color:purple; font-size:0.9em;
		}

		.classic { padding: 5px 5px 5px 5px }
		.custom { padding: 5px 5px 5px 5px }
		* html a:hover { background: transparent; }

		.yellow {background: #FFFFAA; border: 1px solid #FFAD33; }
		.red { background: #FFCCAA; border: 1px solid #FF3334;	}
		.blue { background: #9FDAEE; border: 1px solid #2BB0D7;	}
		.green { background: #B6FF00; border: 1px solid #5B7F00;	}

        .fadingTooltip { 
			border-radius: 5px 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
			box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1); -webkit-box-shadow: 5px 5px rgba(0, 0, 0, 0.1); -moz-box-shadow: 5px 5px rgba(0, 0, 0, 0.1);
            BORDER-RIGHT: purple 1px inset; 
            BORDER-TOP: purple 1px outset; 
            BORDER-BOTTOM: purple 1px inset; 
            BORDER-LEFT: purple 1px outset; 
            FONT-SIZE: 0.8em; 
            line-height:1.3em;
            WIDTH: auto; 
            COLOR: black; 
            HEIGHT: auto; 
            BACKGROUND-COLOR: lemonchiffon; 
            MARGIN: 3px 3px 3px 3px; 
            padding: 5px 5px 5px 5px; 
            }
    .modalPopup 
    {
        background-color:black;
        filter:alpha(opacity=60);
        opacity:0.6;
        z-index:1000;
        position:absolute; 
        left:0; 
        right:0; 
        width:100%; 
        height:100%; 
        text-align:center
    }    
    
   /* tabs */
    .activetab
    {
        width:120px;
        height:23px; 
        background-image:url('Images/Tab_active.png'); 
        background-repeat:no-repeat;  
        vertical-align:middle; 
        text-align:center;
    }
    .inactivetableft
    {
        width:120px;
        height:23px; 
        background-image:url('Images/Tab_inactive_lastleft.png'); 
        background-repeat:no-repeat;  
        vertical-align:middle; 
        text-align:center;
        cursor:pointer;
    }
    .inactivetab
    {
        width:120px;
        height:23px; 
        background-image:url('Images/Tab_inactive.png'); 
        background-repeat:no-repeat;  
        vertical-align:middle; 
        text-align:center;
        cursor:pointer;
    }
    
 .zaprimljen{
     color:red;
     }
 .uprocesu{
     color:green;
     }
  .zatvoren{
     color:gray;
     text-decoration:line-trough;
     }




































.outer
 
{
 
    border-top:solid 1px #f0f0f0; 
    border-left:solid 1px #f0f0f0; 
    border-bottom:solid 1px #e2e2e2;
    border-right:solid 1px #e2e2e2;
}
 
.inner
 
{
    border-top:solid 1px #e2e2e2; 
    border-left:solid 1px #e2e2e2; 
    border-bottom:solid 1px #d6d6d6;
    border-right:solid 1px #d6d6d6;
    background-color:#fafafa;
}
