html,body {
	margin: 0px;
	padding: 0px;
	height: 100%; /* needed for container min-height */
	width: 100%;
	
	font-family: "Trebuchet MS", sans-serif;
	font-size: 100%;
	line-height: 17px;
	color: black;
}
html { overflow: scroll; }

div#container {
	width: 100%;
}
#main
{
    background-color: #ffffff;
    padding: 15px;
}


#header {width: 100%; min-width: 955px; height: 40px; min-height: 40px; float: none; margin: 0px; padding: 0px; text-align: left;}
#header H1, #header H1 A, #header H1 A:link, #header H1 A:visited {line-height: 40px;}
#header H1 {margin-left: 16px;}

#header_right {min-width: 150px; height: 45px; margin: 9px 9px 0px 9px; padding: 0px; position: absolute; top: 0px; right: 0px; z-index: 100; background: transparent;}
#header_right #header_text 
	{
	    float: left; white-space: nowrap; height: 13px; margin-top: 6px;
	    }
#header_right #userlogo
	{
	    float: left;
	    /*background-image: url('../../_assets/images/icons/csre/uporabnik.png');*/
        background-repeat: no-repeat;
        padding: 20px;
        margin-top: 6px;
        background-size: 32px;
	}
#header_right #logo {min-width: 150px; height: 45px; float: left; text-align: center; background: white; margin: 0px 0px 0px 9px; padding: 0px;}
#header_right #logo IMG {height: 41px; margin: 2px; text-align: center;}

#menuribbon {width: 100%; min-width: 955px; float: none; margin: 0px; padding: 0px; text-align: left; white-space: nowrap;}

#menuribbon #tabsribbon-menu {height: 26px;}
#menuribbon #tabsribbon-menu ul li .ui-state-active { margin-bottom: 0px; padding-bottom:1px;}

#menuribbon #tabsribbon-content {width: 100%; height: 96px;}
#menuribbon #tabsribbon-content.lock_on {position: ; display: ;}
#menuribbon #tabsribbon-content.lock_off {position: absolute; display: none;}

#menuribbon .icon-group {
    height: 95px; 
    float: left; 
    margin: 0; 
    padding: 0; 
    line-height: 15px; 
    border: 0;
}
#menuribbon .icon-group .name {
    text-align: center; 
    font-size: 80%; 
    height: 18px; 
    color: #333333;    
    font-family: Arial, Helvetica, sans-serif;
    padding: 3px .5em 0 .5em;
}


#menuribbon .icon-group ul {
    list-style: none; 
    margin: 0px; 
    padding: 0px; 
    float: left;}
#menuribbon .icon-group ul li {
    /*width: 80px;*/ 
    height: 72px; 
    margin: 1px; 
    padding: 0px; 
    float: left; 
    position: relative; 
    z-index: 101; 
    display: block; 
    cursor: pointer;
}

#menuribbon .icon-group ul li A, #menuribbon .icon-group ul li A:link, #menuribbon .icon-group ul li A:visited, #menuribbon .icon-group ul li .nolink {width: 80px; height: 70px; display: block; text-align: center;}
#menuribbon .icon-group ul li IMG {
    border: 0px; 
    /*width: 80px; 
    height: 32px;*/ 
    margin: 0px 0px 0px 0px; 
    text-align: center;
    padding-top: 8px;
    padding-bottom: 3px;
}

#menuribbon .icon-group ul li:hover, #menuribbon .icon-group ul li.selected {
    //background: url("icon-background.gif") no-repeat;
    background-color:#f7f7f7;
}

#menuribbon .icon-group ul li DIV.sub {margin: 0px; padding: 0px; overflow: hidden; position: relative; top: -7px; left: -27px; float: right;}
#menuribbon .icon-group ul li DIV.sub IMG {border: 0px; width: 5px; height: 3px; margin: 0px; padding: 0px;}

#menuribbon .icon-group ul ul {
    overflow: hidden; visibility: hidden; position: absolute; margin: 0px; padding: 0px; width: 190px; z-index: 101 !important; list-style: none; 
}
#menuribbon .icon-group ul li:hover ul {
    visibility: visible; opacity: 1;
}
#menuribbon .icon-group ul li:hover ul li {
    width: 190px; height: 42px; padding: 0px; float: left; margin: 0px 0px 1px 0px; overflow: hidden; text-align: left;

}
#menuribbon .icon-group ul li:hover ul li:hover,
#menuribbon .icon-group ul li:hover ul li.selected {
    background: url("icon2-background.gif") no-repeat;
}
#menuribbon .icon-group ul li:hover ul li a {width: 190px; height: 42px; margin: 0px; padding: 0px; display: block; line-height: 42px; text-align: left;}
#menuribbon .icon-group ul li:hover ul li IMG {border: 0px; width: 32px; height: 32px; margin: 5px; float: left;}

#menuribbon .betweengroup {width: 3px; min-width: 3px; height: 95px; min-height: 95px; float: left; margin: 0px 8px 0px 8px; padding: 0px;}

#menuribbon .padlock {width: 38px; height: 37px; float: right; margin: 58px 0px 0px 0px; padding: 0px;}
#menuribbon .padlock IMG {padding: 9px;}

#line_submenu {width: 100%; min-width: 955px; height: 5px; min-height: 5px; float: none; margin: 0px; padding: 0px; z-index:99;}
#line_submenu.lock_on {position: ; display: ;z-index:99;}
#line_submenu.lock_off {position: absolute; top: 121px; display: none;z-index:99;}

#contentribbon {min-width: 955px; padding: 16px;}
#content {min-width: 955px; padding: 16px;}

#subicons {width: 923px; margin-bottom: 20px; float: none; clear: both;}
#subicons DIV.message {width: 200px; height: 59px; float: right; border: 1px solid black; padding: 0px 5px;}
.submenu_icon {width: 60px; height: 59px; float: left; text-align: center; line-height: 13px; margin-right: 10px; border: 1px solid black; overflow: hidden;}
/* changed 2.4.2012 .submenu_icon IMG {padding: 7px 18px 2px 18px; clear: both; float: left;}*/
.submenu_icon IMG {padding: 5px 17px 2px 17px; clear: both; float: left;}
.submenu_icon A, .submenu_icon A:link, .submenu_icon A:visited {text-decoration: none; width: 60px; height: 59px; display: block;}
.submenu_icon A:hover {text-decoration: none;}
.submenu_icon:hover {background: url("iconsub-background.gif") no-repeat; border: 1px solid white; cursor: pointer; }

.subtabber {width: 961px; }

/*
.table_list TD A, .table_list_sub TD A {color: black; text-decoration: none;}
.table_list TH, .table_list TD {padding-left: 3px;}
.table_data INPUT, 
.table_data SELECT, 
.table_data TEXTAREA {width: 300px;}

*/


.table_list_sub TD A {color: black; text-decoration: none; }

.table_listTH TD, .table_list TD, .table_list_odd TD, .table_list_even TD {padding-left: 3px; padding-top: 2px; padding-bottom: 2px;}
.table_listTH TD {font-weight: bold; text-align: left;}
.table_list TD A, .table_list_odd TD A, .table_list_even TD A {color: black; text-decoration: none;}

P {text-indent: 0px; text-align: justify; margin-top: 0px;}
P.right {text-align: right;}
P.right_brez {text-align: right; margin-top: 0px;}
P.center {text-align: center;}

FORM {font-family: "Trebuchet MS", sans-serif; font-size: 100%; line-height: 11pt;}
TEXTAREA {font-family: "Trebuchet MS", sans-serif; font-size: 100%; line-height: 11pt;}
INPUT {font-family: "Trebuchet MS", sans-serif; font-size: 100%; line-height: 11pt;}
	INPUT.error, SELECT.error {background-color: #fcf3cd; color: black; font-weight: normal;}
OPTION {font-family: "Trebuchet MS", sans-serif; font-size: 100%; line-height: 11pt;}
SELECT {font-family: "Trebuchet MS", sans-serif; font-size: 100%; line-height: 11pt;}
IFRAME {font-family: "Trebuchet MS", sans-serif; font-size: 100%; line-height: 11pt;}

UL {margin-top: 0px;}
OL {margin-top: 0px;}
BLOCKQUOTE {margin: 0px 0px 0px 20px; padding: 0px;}
LI {margin: 0px; padding: 0px;}
LI.space {margin-bottom: 10px;}

TH {font-weight: bold; text-align: left;}
.table_line1, .table_line2 {width: 100%; height: 0px; padding: 0px; margin: 0px;}

/*A, A:link, A:visited {text-decoration: underline; color: #005091;}*/
A:hover {text-decoration: none;}

H1 {font-size: 150%; margin-top: 0px; padding-top: 0px;}
H2 {font-size: 125%; margin-top: 0px; padding-top: 0px; text-decoration: none;}

.topbrez {margin-top: 0px;}
.bottombrez {margin-bottom: 0px;}
.brez {margin: 0em 0em 0em 1.5em;}

.linija {background-color: #28006A;}

.ok {color: green; font-weight: bold;}
.error {color: #bb141a; font-weight: bold;}

.small {font-size: 80%; line-height: 9pt;}

.break {clear: both; float: none;}

.GridPager
{
	padding: 2px 5px 2px 5px;
	border: thin none #000000;
	font-family: "Trebuchet MS", sans-serif;
	color: #000000;
	font-size: 150%;
	text-align: center;
	border-top: solid 1px #B9B9B9;
}
TR.GridPager TD A, TR.GridPager TD A:link, TR.GridPager TD A:visited {text-decoration: underline; color: #005091;}
TR.GridPager TD A:hover {text-decoration: none;}

.stylePointer
{
cursor: pointer;
}



.SubMenu {
    display: none;
    left: 0px;
}
.SubMenuActivator:hover ~ .SubMenu {
    display: block;
    left: 190px;
}
.SubMenu:hover {
    display: block;
    left: 190px;
}