body  {font: normal normal normal 12px "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif; color: black;
  background-color: white; margin: 0px}
td  {font: normal normal normal 12px "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif; color: black; margin: 0px; text-align: left;}
th  {font: normal normal normal 12px "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif; color: black; margin: 0px; text-align: left;}
.td_big td {font-size: 13px;}


h1	{font-weight: bolder; font-size: 18px;  vertical-align: bottom; color: black; padding-bottom: 5px}
h2	{font-weight: bolder; font-size: 16px; vertical-align: bottom; color: black; margin-top: 0; padding-bottom: 0px}
h3	{font-weight: bolder; font-size: 14px; vertical-align: bottom; color: black; padding-bottom: 3px; display: inline;}
hr	{color: #E87F35; width: 99%; height: 1px; margin: 0 auto;}
a 	{color: #E87F35; text-decoration: none}
a.black {color: black;}
a:hover	{color:#333333; text-decoration: none}
img 	{border-width: 0px}
textarea {font-size: 8pt; color: black; font-size: 12px; border: 1px solid silver; font-family: "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif; border-radius: 2px;}
select {font-size: 8pt; color: black; font-size: 12px; border: 1px solid silver; font-family: "Arial CE", Arial, "Geneva CE", "Helvetica CE", sans-serif; border-radius: 2px;}
input	{border: 1px solid silver; font-size: 12px; font-family: inherit; margin: 0; border-radius: 2px;}
input.check  {height: auto; vertical-align:  middle;}
input,label {vertical-align: middle;}
.editor {width: 750px; height: 400px; border: 1px solid silver; overflow: scroll;}
.version	{position: absolute; right: 9px}
.right  {text-align: right;}
.redbox {border: 1px solid red; background-color: #fffffe;}
.whitebg    {background: white;}
.grayed {background: #E9E9E9;}

.topbg	{float: left; width: 100%; height: 80px; font-weight: bold; color: white; background: url(imgs/headbg.jpg) repeat-x;}
.logo	{position: absolute; top: 8px; left: 10px; max-height: 70px}

.offs   {clear: both; text-align: center; width: 100%;}

.headbg	{font-weight: bold; color: white; background: #E87F35; line-height: 20px; height: 20px; padding: 0; position: relative;}
.headbg .tcontainer {width: 100%; height: 20px; position: relative;}
.headbg .theader {padding: 0; text-indent: 6px; width: 100%; height: 20px; position: absolute; overflow: visible; white-space: nowrap;}
.resizer    {position: absolute; top: 0; right: -3px; cursor: col-resize; height: 100%; width: 5px; z-index: 10000;}

.headbg	{font-weight: bold; color: white; background: #E87F35; padding: 3px 6px;}
.login  {position: absolute; right: 5px; top: 5px;}
.s_line	{background-color: #e6e6e6; padding: 3px 6px;}
.h_line	{background-color: #fcfcfc; padding: 3px 6px;}
.s_liner	{background-color: #e6e6e6; text-align: right;}
.h_liner	{background-color: #fcfcfc; text-align: right;}
tr:hover .s_line, tr:hover .h_line, tr:hover .s_liner, tr:hover .h_liner {background-color: #ECE4B0;}

.leftmenu {float: left; width: 150px;}
.leftmenuhide {float: left; width: 8px; overflow: hidden;}
.leftmenu .pad {padding: 6px 3px;}
.leftmenuhide .pad {padding: 6px 3px 6px 0;}
.menu1	{width: 141px; background-color: #B6106E; color: white;}
.menu1 a	{color: white; text-decoration: none; }
.menu1 a:hover {color: #333333; text-decoration: underline}
.menu2	{width: 120px; background-color: #484848; color: white}
.menu2 a	{color: white; text-decoration: none}
.menu2 a:hover {color: white; text-decoration: underline}
.menu3	{width: 120px; background-color: #648500; color: white}
.menu3 a	{color: white; text-decoration: none}
.menu3 a:hover {color: white; text-decoration: underline}
.main	{position: relative; float: left; width: 100%; z-index: 1;}
.mainpad {padding: 6px 12px;}
.topright   {position: absolute; top: 12px; right: 12px;}

.topmenu {position: relative; float: left; width: 100%; height: 26px; background-color: #E5E5E5; color: white; margin-bottom: 5px; border-bottom: 1px solid #aaa; font-size: 11px; z-index: 5;}
.topmenu .pad {padding: 0 0 0 12px; z-index: 5;}
.topmenu .rmenu {position: absolute; right: 0; top: 0;}
.topmenu .element {position: relative; top: 1px; float: left; display: inline; height: 26px; line-height: 26px; margin-right: 4px; z-index: 5;}
.topmenu .aelement {position: relative; top: 1px; float: left; display: inline; height: 26px; line-height: 26px; margin-right: 4px; background-color: white; color: black; z-index: 5;}
.topmenu .shadow {position: absolute; top: 0; left: 0; width: 100%; height: 2px; background: #fafafa; overflow: hidden;}
.lcorn	{position: absolute; left: 0; top: 0; width: 2px; height: 2px; background: url(imgs/lcorn_d.gif); overflow: hidden;}
.rcorn	{position: absolute; right: 0; top: 0; width: 2px; height: 2px; background: url(imgs/rcorn_d.gif); overflow: hidden;}
.topmenu a	{color: white; text-decoration: none;  font-weight: bold; margin: 0 5px;}
.topmenu img {position: relative; top: 4px; margin-left: 2px; margin-right: 4px;}
.topmenu .aelement a	{color: black;}
.topmenu a:hover {color: #333333;}
.submenu {position: absolute; left: 0px; top: 25px; border-top: 1px solid white; border-left: 1px solid white; border-bottom: 1px solid #222222; border-right: 1px solid #222222;  background: white; opacity: .9; filter: alpha(opacity=95);z-index: 30;}
.submenu .inner {border: 1px solid #B6106E; padding: 12px 0; opacity: .9; filter: alpha(opacity=95); border-color: #666; background: #fafafa;}
.inner a { color: black; width: 100%; height: 20px; margin: 0; line-height: 20px; display: block; font-size: 12px; font-weight: normal;}
.submenu .pad {margin: 0 12px; padding: 0;}
.inner a:hover { color: white; background: #B6106E; text-decoration: none;}

.hidden	{display: none;}

.ctopbgw {color: white; font-weight: bold; text-align: center; padding-top: 3px; padding-right: 7px; font-size: 14px; width: 2%;}
.ctopbg	{color: white; font-weight: bold; text-align: center; padding-top: 3px; padding-right: 7px; font-size: 14px; width: 14%;}
.ctopbgn {color: red; font-weight: bold; text-align: center; padding-top: 3px; padding-right: 7px; font-size: 14px; width: 14%;}
.cweek {background: #EFEFEF; color: black; vertical-align: middle; text-align: center; font-size: 10px;}
.cday, .cdaya	{position: relative; background: #EFEFEF; color: black; min-height: 60px; font-size: 9px; margin: 0; padding: 0;}
.wday {height: 250px;}
.yday {height: 22px; width: 30px; padding: 0;}
.cdaya	{background: #FAFAFA;}
.aday	{top: 0; right: 0;}
.cday .text, .cdaya .text {margin: 18px 4px 4px 4px;}
.daynumber  {position: absolute; top: 2px; right: 4px; font-size: 14px; font-weight: bold;}
.yday .daynumber {position: relative; width: 26px; text-align: right; top: 0; right: 0;}
.dayinfo  {position: absolute; top: 4px; left: 4px; font-size: 9px; width: 90%; height: 13px; overflow: hidden; color: #888888; white-space: nowrap; }
.redborder {background: #FFCBB3;}
.tdbox  {position: relative; float: left; height: 100%; width: 100%; margin: 0; padding: 0;}

.title	{font-weight: bold; color: black; font-size: 18px; margin-left: 20px}
.disable_error	{font-weight: bold; color: red; font-size: 22px}
.disable_info	{font-weight: bold; color: blue; font-size: 22px}
.disable_ok	{font-weight: bold; color: green; font-size: 22px}
.disable_header	{font-weight: bold; color: black; font-size: 22px}
.ico	{position: relative; top: 5px}
.pagin, .pagin a	{color: white; text-align: center; background-color: #484848;}
.pagin a:hover	{color: orange}

.deleted.tip	{position: relative; left: 0px; top: 1px; display: inline; width: 11px; height: 16px; background-image: url(imgs/bulb.gif); margin-right: 5px; overflow: hidden;}
.deleted.itip	{position: relative; left: 0px; top: 1px; display: inline; width: 12px; height: 12px; background-image: url(imgs/info.gif); margin-right: 5px; overflow: hidden;}

.tool	{width: 12px; height: 12px;}
.help	{font-size: 9px; color: #666666;}
.helpq	{font-size: 9px; color: #666666;}
.red    {color: red;}
.green  {color: green;}
.blue   {color: blue;}
.gray   {color: #aaa; font-style: italic;}

.form_overlay {position: fixed; top: 0; left: 0; height: 100%; width: 100%; opacity: .5; filter: alpha(opacity=50); background-color: #000; text-align: center; z-index: 6;}
.form_table, .form_box {position: fixed; left: 150px; top: 100px; border: 1px solid black; background-color: white; padding: 8px 8px; z-index: 12;  box-shadow: 3px 3px 4px #000; border-radius: 4px;}
.form_close {position: absolute; top: 3px; right: 5px; background: red;  font-weight: bold; font-size: 11px; line-height: 14px; width: 14px; height: 14px; text-align: center; text-decoration: none; color: white;  box-shadow: 1px 1px 2px #000; border-radius: 2px;}
.form_title {background: blue; color: white; position: relative; float: left; width: 100%; height: 20px; line-height: 20px; font-weight: bold; text-transform: uppercase; margin-bottom: 10px; border-radius: 2px;}
#form_table {position: relative; overflow: auto; margin-bottom: 45px;}
.form_table table {overflow: auto; position: relative; }
.form_send  {position: absolute; left: 0; bottom: 8px; width: 100%; text-align: center;}
.form_send input {  box-shadow: 1px 1px 2px #000;}

.center {text-align: center; margin: 5px auto;}

.index_panel    {border: 1px solid silver; padding: 5px; margin-right: 6px; float: left; height: 300px;}

.red_button {border: red; color: red;}
.green_button {border: green; color: green;}

.note   {position: relative; float: left; font-size: 9px; width: 150px; height: 150px; border: 1px solid silver; margin-right: 6px; margin-bottom: 6px; padding: 5px;}
.note strong    {width:100%; font-size: 13px; border-bottom: 1px solid silver;}

.deleted    {text-decoration: line-through;}

.filter {position: relative; width: 100%; line-height: 26px; background: black; color: white; margin-bottom: 12px;  border-radius: 2px; z-index: 30;}
.pfilter {position: relative; width: 100%; line-height: 18px; background: silver; color: black; margin-bottom: 12px;}
.filter td {background-color: #484848; color: white}
.filter input, .filter select {margin-right: 12px;}
.filter form {margin: 0; padding: 0; margin-top: 0px;}
.filter .nomargin    {margin-right: 5px;}
.filter .icon {position: relative; top: 4px; }
.period     {position: relative; display: inline;}
.period-menu {position: absolute; top: 18px; left: 0; border: 1px solid black; opacity: .9; filter: alpha(opacity=95);  border-radius: 2px; box-shadow: 1px 1px 2px #000; display: none;}
.period-menu a {background-color: #F0F0F0; color: black; text-indent: 5px; line-height: 20px; display: block; height: 20px; width: 120px;}
.period-menu a:hover {background-color: blue; color: white; }
.filter .fdv    {position: relative; display: inline; margin: 4px 8px; padding: 2px 1px; background: url(imgs/fdv.gif); overflow: hidden; }
.save    {position: absolute; top: 4px; right: 4px;}
.save-menu {position: absolute; top: 23px; right: 4px; border: 1px solid black; opacity: .9; filter: alpha(opacity=95);  border-radius: 2px; box-shadow: 1px 1px 2px #000; display: none;}
.filter-link {position: relative; text-indent: 5px; line-height: 20px; display: block; height: 20px; width: 140px; overflow: hidden;}
.filter-link:hover, .filter-link:hover a {background-color: blue; color: white; }
.save-menu a {color: black; }
.save-menu a:hover {background-color: blue; color: white; }
#saveFilter {text-indent: 5px; line-height: 20px; display: block; height: 20px; width: 140px; border-top: #A0A0A0 1px solid;}
.deleteFilter {position: absolute; top: 4px; right: 6px;}
.okbg {background: url(imgs/ok_bg.gif) repeat-x #00CA65;}

.extfilter  {position: relative; top: -16px; padding-top: 10px; width: 100%; line-height: 22px; background: #555; color: white; border-radius: 2px; z-index:28; padding-bottom: 4px;}
.extfilter .pad {padding: 0 8px;}

.clearall {clear: both;}
.db_debug   {font-size: 9px; background: silver; color: black;}
.db_debug_err   {font-size: 9px; background: silver; color: red;}

.panel  {width: 100%; background: #EFEFEF; margin-bottom: 12px;}
.panel .pad {padding: 12px;}
.panel .left12 {margin-left: -12px;}

.bad    {margin-left: 5px; padding-left: 20px; color: red; background: url(imgs/no.png) no-repeat;}
.ok     {margin-left: 5px; padding-left: 20px; color: green; background: url(imgs/yes.png) no-repeat;}
.loading     {margin-left: 5px; padding-left: 20px; color: black; background: url(imgs/loading.gif) no-repeat;}

.error  {margin-top: 18px; margin-bottom: 5px; border: 2px solid red; padding: 12px 6px; color: red; padding-left: 52px; background: url(imgs/i_warning.gif) 9px center no-repeat; border-radius: 2px;}
.success  {margin-top: 18px; margin-bottom: 5px; border: 2px solid green; padding: 12px 6px; color: green; padding-left: 52px; background: url(imgs/i_ok.gif) 9px center no-repeat; border-radius: 2px;}
.info   {margin-top: 18px; margin-bottom: 5px; border: 2px solid blue; padding: 12px 6px; color: blue; padding-left: 52px; background: url(imgs/i_info.gif) 9px center no-repeat; border-radius: 2px;}
.tip    {margin-top: 18px; margin-bottom: 5px; border: 2px solid yellow; padding: 12px 6px; color: yellow; padding-left: 52px; background: url(imgs/i_tip.gif) 9px center no-repeat; border-radius: 2px;}


.nofr   {border: 0px; height: inherit;}

#naseptavacDiv {position: absolute; left: 60px; top: 24px; z-index: 1000;}
#naseptavac {border: 1px solid silver; font-size: 14px;}
td #naseptavacDiv {left: 60px; top: 42px;}
td #naseptavac {border: 1px solid silver; font-size: 18px;}

.tabs   {width: 100%; height: 25px; border-bottom: 1px solid #B0B0B0; padding: 0; font-size: 12px; clear: both; }
.tabs .tab {display: block; float: left; position: relative; width: 145px; height: 25px; line-height: 24px; border: 1px solid #B0B0B0; margin: 0 4px 0 0; text-align: center; color: black; text-transform: uppercase; background: url(imgs/panel_bg.jpg) repeat-x #FDFDFC; top: 1px; overflow: hidden;}
.tabs>.tab {height: 23px;}
.tabs a:hover {color: #CA0000;}
.tabs .active {background: white; border-bottom: 1px solid white;}

.table_light td   {background-color: #fafafa;}

.scroll {}

.small  {font-size: 10px;}

.actions td {padding: 5px;}

.img_container	{float: right; width: 96px; text-align: center;}
.img_container img {width: 80px;}