﻿body
{
    margin: 0px;
    padding: 0px; /*border:1px solid #000;*/
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000;
}

a:link, a:visited, a:active
{
    color: #284E98;
    xfont-weight: bold;
    text-decoration: none;
}
a:hover 
{
    text-decoration: underline;
}

.headerCont
{
    position: relative;
    height: 80px;
    background-color: #FFF;
}
.logoCont
{
    float: left;
    margin: 10px 20px 10px 10px;
}
.ownerCont
{
    float: left;
    margin-top: 10px;
}
.ownerName
{
    font-weight: bold;
    font-size: 16px;
}
.ownerAddress
{
    font-size: 14px;
}
.hocli
{
    float: right;
    text-align: left;
}
.headerNavCont
{
    margin: 10px;
    text-align: right;
    font-size: 12px;
    color: #30549E;
}
.headerHocli
{
    margin-right: 10px;
}

.clearer
{
    clear: both;
}

.watermarked
{
    border: 1px solid #BEBEBE;
    background-color: #F0F8FF;
    color: gray;
}

.hiddenLabel label
{
    display: none;
}

.secondRow
{
    padding: 0 5px 5px 5px;
}
.rootTabsHeight
{
    height: 25px;
}
.tdRootActiveTab
{
    border-bottom: 1px solid #AAC7EF;
}
.tableRootActiveTab
{
    background-color: #AAC7EF;
    margin-top: 5px;
    cursor: pointer;
    cursor: hand;
}
.tableRootActiveTabCol
{
    width: 1px;
    background-color: #30549E;
}
.tableRootActiveTabBody
{
    background-color: #AAC7EF;
    border-top: 1px solid #30549E;
    border-left: 1px solid #30549E;
    border-right: 1px solid #30549E;
    padding: 3px 10px 3px 10px;
}
.borderBottom
{
    border-bottom: 1px solid #30549E;
}
.rootTabsCont
{
    margin-top: 7px;
    margin-left: 5px;
    cursor: pointer;
    cursor: hand;
}
.mainTableCont
{
    border-right: 1px solid #808080;
    xborder-bottom: 1px solid #808080;
    border-left: 1px solid #808080;
    background-color: #fafafa;
}

.greyBorderBottom 
{
    border-bottom: 1px solid #808080;
}

.greyBorderTop
{
    border-top: 1px solid #808080;
}

.blueHeaderActiveTab
{
    float: left;
    margin-right: 5px;
}
.blueHeaderActiveTabTable
{
    margin-left: 3px;
    margin-top: 3px;
}
.blueHeaderActiveTabTableBody
{
    background-color: #DAE7F0;
    border-top: 1px solid #30549E;
    padding: 2px 10px 2px 10px;
}
.blueHeaderTabCont
{
    float: left;
    margin-top: 3px;
}
.generalTable
{
    /*width:960px;*/
    margin: 15px 0 15px 15px;
    background-image: url(images/table_general_bg.jpg);
    background-repeat: repeat-y;
}
.generalTableHeadingBody
{
    background-color: #f5fafe;
    border-top: 1px solid #999;
    padding: 2px 10px 2px 10px;
}
.generalTableHeading
{
    margin-left: 3px;
    margin-top: 6px;
}
.generalHeader
{
    /*width:960px;*/
    height: 25px;
    margin-left: 2px;
    background: #8DB0E6 url(images/footer_bg.jpg) repeat-x;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

.blue /*kotev*/
{
    background-image: url(images/table_blue_bg_dot.jpg);
    background-repeat: repeat;
}

.blueTable
{
    width: 960px;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999; /*margin: 15px 0 15px 15px;*/ /*background-image: url(images/table_blue_bg.jpg);     background-repeat: repeat-y;*/ /* moved to .blue*/
}
.blueTableHeading
{
    margin-left: 3px;
    margin-top: 6px;
}
.greyVertLine
{
    width: 1px;
    background-color: #999;
}
.blueTableHeadingBody
{
    background-color: #cc0000;
    border-top: 1px solid #999;
    padding: 2px 10px 2px 10px;
}
.blueTabsCont
{
    float: left;
    margin: 10px 0 0 0;
}
.spacer
{
    float: left;
    width: 10px;
    height: 20px;
}
.comboboxCont
{
    margin: 0 10px 0 10px;
    border: 1px solid #999;
    background-color: #FFFFFF;
}
.greyBotBorder
{
    height: 1px;
    background-color: #999999;
}
.greyTopBorder
{
    border-top: 1px solid #999999;
}

.floatLeft
{
    float: left;
}
.floatRight
{
    float: right;
}

.paddingLeft10
{
    padding-left: 10px;
}
.paddingRight10
{
    padding-right: 10px;
}
.paddingBottom10
{
    padding-bottom: 10px;
}
.padding5
{
    padding: 5px;
}
.paddingTop5
{
    padding-top: 5px;
}
.paddingRight5
{
    padding-right: 5px;
}
.padding10
{
    padding: 10px;
}
.paddingTop10
{
    padding-top: 10px;
}
.padding15
{
    padding: 15px;
}
.paddingTop15
{
    padding-top: 15px;
}
.paddingLeft15
{
    padding-left: 15px;
}
.margin15
{
    margin: 15px;
}
.marginRight5
{
    margin-right: 5px;
}
.green /*kotev*/
{
    background-image: url(images/table_green_bg.jpg);
    background-repeat: repeat-y;
}
.greenTable
{
    width: 470px;
    xmargin: 0 0 15px 15px; /*background-image: url(images/table_green_bg.jpg);     background-repeat: repeat-y;*/ /*moved to .green*/
}
.greenTableHeading
{
    margin-left: 3px;
    margin-top: 6px;
}
.greenTableHeadingBody
{
    background-color: #F7FDF3;
    border-top: 1px solid #999;
    padding: 2px 10px 2px 10px;
}
.greenTabsCont
{
    float: left;
    margin: 10px 0 10px 0;
}
.left
{
    float: left;
}

.greenComboCont
{
    margin: 0 10px 0 10px;
    border: 1px solid #999;
    background-color: #FFFFFF;
}

.orange /*kotev*/
{
    background-image: url(images/table_orange_bg.jpg);
    background-repeat: repeat-y;
}
.orangeTable
{
    width: 470px;
    mmargin: 0 0 15px 20px; /*background-image:url(images/table_orange_bg.jpg); 	background-repeat:repeat-y;*/ /*moved to .orange*/
}
.orangeTableHeading
{
    margin-top: 6px;
    margin-left: 3px;
}
.orangeTableHeadingBody
{
    background-color: #EDF8F2;
    border-top: 1px solid #999;
    padding: 2px 10px 2px 10px;
}
.orangeTabsCont
{
    float: left;
    margin: 10px 0 10px 0;
}
.orangeComboCont
{
    margin: 0 10px 0 10px;
    border: 1px solid #999;
    background-color: #FFFFFF;
}



.redTable
{
    width: 470px;
    margin: 0 0 15px 20px;
    background-image: url(images/table_red_bg.jpg);
    background-repeat: repeat-y;
}
.redTableHeading
{
    margin-top: 6px;
    margin-left: 3px;
}
.redTableHeadingBody
{
    background-color: #FAF2F0;
    border-top: 1px solid #999;
    padding: 2px 10px 2px 10px;
}
.redTabsCont
{
    float: left;
    margin: 10px 0 10px 0;
}
.redComboCont
{
    margin: 0 10px 0 10px;
    border: 1px solid #999;
    background-color: #FFFFFF;
}




/* TAB definitions */







/* css/tooltip.css -- fancy tooltips */
/*
span.tool {
  position: relative;
  cursor: pointer;
  cursor: hand;
}
 
span.tool span.tip {
  display: none;
}


 
span.tool:hover span.tip {
  display: block;
  z-index: 100;
  position: absolute;
  top: 2.5em;
  left: 0;
  width: auto;
  line-height: 1.2em;
  padding: 3px 7px 4px 6px;
  border: 1px solid #336;
  background-color: #f7f7ee;
  font-family: arial, helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

*/


/*span.tooltip:hover {background:#ffffff; text-decoration:none;}  *//*BG color is a must for IE6*/
/*a:hover
{
    visibility: visible;
    text-decoration: none;
}*/
a.tool:link
{
    color: #666666;
}
a.tool:visited
{
    color: #666666;
}
а.tool2
{
    text-decoration: none;
}
a.tool2 span.tip2
{
    display: none;
    padding: 2px 3px;
    margin-left: 8px;
    width: 130px;
    text-decoration: none;
}
a.tool2:hover span.tip2
{
    display: inline;
    position: absolute;
    background: #ffffff;
    line-height: 1.2em;
    padding: 3px 7px 4px 6px;
}

/* css/tooltip.css */



/*  Tabs root  */

.rootTab
{
    float: left;
    background: #FFFFFF url(images/white_header.jpg) repeat-x scroll left bottom;
    width: 100%;
}
.rootTab ul
{
    padding: 10px 0 0 0;
    margin: 0px;
    list-style-type: none;
}
.rootTab li
{
    padding: 0px;
    margin: 0px;
    display: inline; /*font-weight:bold;*/
}
.rootTab a
{
    padding: 0 0 0 4px;
    margin: 0px;
    float: left;
    text-decoration: none;
    background: url("images/tab_navigation_inactive_left.gif") no-repeat left bottom;
}
.rootTab a span
{
    padding: 5px 8px 4px 6px;
    display: block;
    float: left;
    background: url("images/tab_navigation_inactive_right.gif") no-repeat right bottom;
    color: #000;
    margin: 0 6px 0 0;
    text-decoration: none;
}
.rootTab a span
{
    font-size: 1.0em;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 2.3em;
}
.rootTab a span
{
    float: none;
}

.rootTab a:hover, .rootTab .currentRootTab a
{
    background: url("images/tab_navigation_active_left.gif") no-repeat left bottom;
    text-decoration: none;
}
.rootTab A:hover span
{
    padding: 0 8px 0 6px; /*font-weight:bold;*/
    color: #000;
    text-decoration: none;
}

.currentRootTab a
{
    background-position: 0% -42px;
    color: #000;
    text-decoration: none;
}
.currentRootTab a span
{
    background-position: 100% -42px;
    color: #000;
    text-decoration: none; /*font-weight:bold;*/
}
.tabsBottomBorder
{
    line-height: 2em;
}
/*.subNav, .mainContent, .mainContent div.topWhiteSpacer, .processNavigationBackgroundFix, .tabsSecondlevel{
	background-color: #FFFFFF;
}*/
.rootTab .currentRootTab a span, .rootTab .currentRootTab a:hover span, .rootTab a:hover span
{
    color: #000;
}


.rootTab a:hover span, .rootTab .currentRootTab a span
{
    background: url("images/tab_navigation_active_right.gif") no-repeat right bottom;
}
.rootTabBottomBorder
{
    line-height: 1.0em;
    font-size: 2.30em;
    background: url("images/tab_navigation_active_border.gif") repeat-x right bottom;
}


/*  End tabs root   */




.secondlevelTabCont
{
    float: left;
}
.secondlevelTabCont ul
{
    display: inline;
    padding: 10px 0 0 0;
    margin: 0px;
    list-style-type: none;
}
.secondlevelTabCont li
{
    padding: 0px;
    margin: 0px;
    display: inline; /*font-weight:bold;*/
}
.secondlevelTabCont a
{
    padding: 0 0 0 4px;
    margin: 0px;
    float: left;
    text-decoration: none;
    background: url("images/tab_navigation_inactive_left.gif") no-repeat left bottom;
}
.secondlevelTabCont a span
{
    padding: 5px 8px 4px 6px;
    display: block;
    float: left;
    background: url("images/tab_navigation_inactive_right.gif") no-repeat right bottom;
    color: #000;
    margin: 0 6px 0 0;
    text-decoration: none;
}
.secondlevelTabCont a span
{
    font-size: 1.0em;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 2.0em;
}
.secondlevelTabCont a span
{
    float: none;
}

.secondlevelTabCont a:hover, .secondlevelTabCont .currentSecondlevelTabCont a
{
    background: url("images/secondlevelTabCont_active_left.gif") no-repeat left bottom;
    text-decoration: none;
}
.secondlevelTabCont A:hover span
{
    padding: 0 8px 0 6px; /*font-weight:bold;*/
    color: #000;
    text-decoration: none;
}

.currentSecondlevelTabCont a
{
    background-position: 0% -42px;
    color: #000;
    text-decoration: none;
}
.currentSecondlevelTabCont a span
{
    background-position: 100% -42px;
    color: #000;
    text-decoration: none;
}
.tabsBottomBorder
{
    line-height: 2em;
}
/*.subNav, .mainContent, .mainContent div.topWhiteSpacer, .processNavigationBackgroundFix, .tabsSecondlevel{
	background-color: #FFFFFF;
}*/
.secondlevelTabCont .currentSecondlevelTabCont a span, .secondlevelTabCont .currentSecondlevelTabCont a:hover span, .secondlevelTabCont a:hover span
{
    color: #000;
}


.secondlevelTabCont a:hover span, .secondlevelTabCont .currentSecondlevelTabCont a span
{
    background: url("images/secondlevelTabCont_active_right.gif") no-repeat right bottom;
}
.tabsTabBottomBorder
{
    line-height: 1.0em;
    font-size: 2.30em;
    background: url("images/tab_navigation_active_border.gif") repeat-x right bottom;
}



/*  tab second color  */
.blueHeaderTabCont
{
    float: left;
}
.blueHeaderTabCont ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.blueHeaderTabCont li
{
    padding: 0px;
    margin: 0px;
    display: inline; /*font-weight:bold;*/
}
.blueHeaderTabCont a
{
    padding: 0 0 0 4px;
    margin: 0px;
    float: left;
    text-decoration: none; /*background: url("images/tab_navigation_inactive_left.gif") no-repeat left bottom;*/
    background: url("images/blueHeader_tab_navigation_inactive_left.gif") no-repeat left bottom;
}
.blueHeaderTabCont a span
{
    padding: 2px 8px 4px 6px;
    display: block;
    float: left; /*background: url("images/tab_navigation_inactive_right.gif") no-repeat right bottom;*/
    background: url("images/blueHeader_tab_navigation_inactive_right.gif") no-repeat right bottom;
    color: #000;
    margin: 0 6px 0 0;
    text-decoration: none;
}
.blueHeaderTabCont a span
{
    font-size: 1.0em;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 2em;
}
.blueHeaderTabCont a span
{
    float: none;
}
.blueHeaderTabCont a:hover, .blueHeaderTabCont .currentBlueHeader a
{
    background: url("images/blueHeader_tab_navigation_active_left.gif") no-repeat left bottom;
    text-decoration: none;
}
.blueHeaderTabCont A:hover span
{
    padding: 0 8px 0 6px; /*font-weight:bold;*/
    color: #000;
    text-decoration: none;
}
.currentBlueHeader a
{
    background-position: 0% -42px;
    color: #000;
    text-decoration: none;
}
.currentBlueHeader a span
{
    background-position: 100% -42px;
    color: #000;
    text-decoration: none;
}
.tabsBottomBorder
{
    line-height: 2em;
}
.blueHeaderTabCont .currentBlueHeader a span, .blueHeaderTabCont .currentBlueHeader a:hover span, .blueHeaderTabCont a:hover span
{
    color: #000;
}
.blueHeaderTabCont a:hover span, .blueHeaderTabCont .currentBlueHeader a span
{
    background: url("images/blueHeader_tab_navigation_active_right.gif") no-repeat right bottom;
}
.tabsTabBottomBorder
{
    line-height: 1.0em;
    font-size: 2.30em;
    background: url("images/tab_navigation_active_border.gif") repeat-x right bottom;
}
/*  end tab second color  */



/*  tab dark orange color  */
.orangeTabCont
{
    float: left;
}
.orangeTabCont ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.orangeTabCont li
{
    padding: 0px;
    margin: 0px;
    display: inline; /*font-weight:bold;*/
}
.orangeTabCont a
{
    padding: 0 0 0 4px;
    margin: 0px;
    float: left;
    text-decoration: none;
    background: url("images/orange_tab_navigation_inactive_left.gif") no-repeat left bottom;
}
.orangeTabCont a span
{
    padding: 2px 8px 4px 6px;
    display: block;
    float: left;
    background: url("images/orange_tab_navigation_inactive_right.gif") no-repeat right bottom;
    color: #000;
    margin: 0 6px 0 0;
    text-decoration: none;
}
.orangeTabCont a span
{
    font-size: 1.0em;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 2.0em;
}
.orangeTabCont a span
{
    float: none;
}
.orangeTabCont a:hover, .orangeTabCont .currentOrangeLevel a
{
    background: url("images/orange_tab_navigation_active_left.gif") no-repeat left bottom;
    text-decoration: none;
}
.orangeTabCont A:hover span
{
    padding: 0 8px 0 6px; /*font-weight:bold;*/
    color: #000;
    text-decoration: none;
}
.currentOrangeLevel a
{
    background-position: 0% -42px;
    color: #000;
    text-decoration: none;
}
.currentOrangeLevel a span
{
    background-position: 100% -42px;
    color: #000;
    text-decoration: none;
}
.orangeTabsBottomBorder
{
    line-height: 2em;
}
.orangeTabCont .currentOrangeLevel a span, .orangeTabCont .currentOrangeLevel a:hover span, .orangeTabCont a:hover span
{
    color: #000;
}
.orangeTabCont a:hover span, .orangeTabCont .currentOrangeLevel a span
{
    background: url("images/orange_tab_navigation_active_right.gif") no-repeat right bottom;
}
.orangeTabsBottomBorder
{
    line-height: 1.0em;
    font-size: 2.30em;
    background: url("images/tab_navigation_active_border.gif") repeat-x right bottom;
}
/*  end tab orange color  */



/*  tab light green color  */
.lightgreenTabCont
{
    float: left;
}
.lightgreenTabCont ul
{
    padding: 0px;
    margin: 0px;
    list-style-type: none;
}
.lightgreenTabCont li
{
    padding: 0px;
    margin: 0px;
    display: inline; /*font-weight:bold;*/
}
.lightgreenTabCont a
{
    padding: 0 0 0 4px;
    margin: 0px;
    float: left;
    text-decoration: none;
    background: url("images/lightgreen_tab_navigation_inactive_left.gif") no-repeat left bottom;
}
.lightgreenTabCont a span
{
    padding: 2px 8px 4px 6px;
    display: block;
    float: left;
    background: url("images/lightgreen_tab_navigation_inactive_right.gif") no-repeat right bottom;
    color: #000;
    margin: 0 6px 0 0;
    text-decoration: none;
}
.lightgreenTabCont a span
{
    font-size: 1.0em;
    padding-bottom: 0px;
    padding-top: 0px;
    line-height: 2.0em;
}
.lightgreenTabCont a span
{
    float: none;
}
.lightgreenTabCont a:hover, .lightgreenTabCont .currentLightgreenLevel a
{
    background: url("images/lightgreen_tab_navigation_active_left.gif") no-repeat left bottom;
    text-decoration: none;
}
.lightgreenTabCont A:hover span
{
    padding: 0 8px 0 6px; /*font-weight:bold;*/
    color: #000;
    text-decoration: none;
}
.currentLightgreenLevel a
{
    background-position: 0% -42px;
    color: #000;
    text-decoration: none;
}
.currentLightgreenLevel a span
{
    background-position: 100% -42px;
    color: #000;
    text-decoration: none;
}
.lightgreenTabsBottomBorder
{
    line-height: 2em;
}
.lightgreenTabCont .currentLightgreenLevel a span, .lightgreenTabCont .currentLightgreenLevel a:hover span, .lightgreenTabCont a:hover span
{
    color: #000;
}
.lightgreenTabCont a:hover span, .lightgreenTabCont .currentLightgreenLevel a span
{
    background: url("images/lightgreen_tab_navigation_active_right.gif") no-repeat right bottom;
}
.lightgreenTabsBottomBorder
{
    line-height: 1.0em;
    font-size: 2.30em;
    background: url("images/tab_navigation_active_border.gif") repeat-x right bottom;
}
/*  end tab light green color  */




.blueTab
{
    float: left;
    padding: 2px 10px 0 10px;
    margin: 0px 5px 0px 0px;
    border: 1px solid #30549E;
    border-bottom: none;
    color: #30549E;
    background-image: url(images/blue_tab_bg.jpg);
    background-repeat: repeat-x;
    background-position: top left;
    height: 18px;
}
.blueTab a:link
{
    color: #000;
    background-color: #993300;
}
.blueTab a:hover
{
    color: #000;
    background-color: #ff0000;
}

ol#blueTab
{
    height: 2em;
    list-style: none;
    margin-top: 0;
    padding: 0;
}

ol#blueTab li
{
    float: left;
    margin: 3px 5px 0 0;
    border: 1px solid #30549E;
    border-bottom: none;
}

ol#blueTab a
{
    background: #bdf url(images/blue_tab.jpg);
    color: #30549E;
    display: block;
    float: left;
    height: 18px;
    padding: 2px 10px 0 10px;
    text-decoration: none;
}

ol#blueTab a:hover
{
    background-color: #3af;
    background-position: 0 -20px;
}

ol#blueTab a:hover span
{
    background-position: 100% -20px;
}

ol#blueTab li.current a
{
    background-color: #48f;
    background-position: 0 -20px;
    border-bottom: 0px;
    color: #000;
    height: 18px;
}

ol#blueTab li.current span
{
    background-position: 100% -20px;
    border-bottom: none;
}


.blueHeader
{
    height: 25px;
    padding: 0 0 0 3px;
    margin-left: 2px;
    background: #8DB0E6 url(images/blue_header_bg.jpg) repeat-x; /*    border-top: 1px solid #999;     border-right: 1px solid #999;     border-left: 1px solid #999; */ /* kotev*/
}

.blueHeader_TabStrib
{
    height: 25px;
    padding: 0;
    margin-left: 0;
    background: #8DB0E6 url(images/blue_header_bg.jpg) repeat-x; 
    border-top: 1px solid #999;     
    border-right: 1px solid #999;
}

.horizontalTree
{
    height: 25px;
    padding: 3px 0 0 3px;
    margin-left: 2px;
    background-color: #e2e2e2;
}


.greyHeader
{
    height: 25px;
    padding: 3px 0 0 3px;
    margin-left: 2px;
    background: #e2e2e2 url(images/grey_header.jpg) bottom left repeat-x;
}

.transparentHeader
{
    height: 25px;
    padding: 3px 0 0 3px;
    margin-left: 2px;
    background: url(images/transparent_header.png) bottom left repeat-x;
}

.orangeTab
{
    float: left;
    height: 18px;
    background: url(images/orange_tab_bg.jpg) repeat-x;
    border: 1px solid #999;
    padding: 2px 10px 0 10px;
    margin: 0 10px 0 0;
}
.orangeTabOver
{
    float: left;
    height: 18px;
    color: #fff;
    background-color: #FFAD33;
    border: 1px solid #999;
    padding: 2px 10px 0 10px;
    margin: 0 10px 0 0;
}
.greenHeader
{
    width: 467px;
    height: 22px;
    margin-left: 2px;
    padding: 3px 0 0 3px;
    background: #8DB0E6 url(images/green_header_bg.jpg) repeat-x;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
.orangeHeader
{
    width: 467px;
    height: 22px;
    margin-left: 2px;
    padding: 3px 0 0 3px;
    background: #8DB0E6 url(images/orange_header_bg.jpg) repeat-x;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}

.greenTab
{
    float: left;
    height: 18px;
    background: url(images/green_tab_bg.jpg) repeat-x;
    border: 1px solid #999;
    padding: 2px 10px 0 10px;
    margin: 0 10px 0 0;
}
.greenTabOver
{
    float: left;
    height: 18px;
    color: #fff;
    background-color: #A2D387;
    border: 1px solid #999;
    padding: 2px 10px 0 10px;
    margin: 0 10px 0 0;
}
.redHeader
{
    width: 470px;
    height: 25px;
    margin-left: 2px;
    background: #8DB0E6 url(images/red_header_bg.jpg) repeat-x;
    border-top: 1px solid #999;
    border-right: 1px solid #999;
    border-left: 1px solid #999;
}
.redTab
{
    float: left;
    height: 18px;
    background: url(images/red_tab_bg.jpg) repeat-x;
    border: 1px solid #999;
    padding: 2px 10px 0 10px;
    margin: 0 10px 0 0;
}
.redTabOver
{
    float: left;
    height: 18px;
    color: #fff;
    background-color: #D1837E;
    border: 1px solid #999;
    padding: 2px 10px 0 10px;
    margin: 0 10px 0 0;
}

/* Button definitions */

.tabBtnImage
{
    border: 1px solid #999;
    xpadding: 0 5px;
    margin: 1px 10px 0 0;
}

.tabBtnStdWidth
{
    width: 100px;
}

.blueTabBtn
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    height: 22px;
    background: url(images/blue_tab_bg.jpg) repeat-x;
    border: 1px solid #999;
    padding: 0 5px;
    margin: 1px 10px 0 0;
}

.blueTabBtnOver
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    height: 22px;
    color: #fff;
    background-color: #82A9E2;
    border: 1px solid #999;
    margin: 1px 10px 0 0;
}

.blueTabSection
{
    height: 22px;
    background: url(images/blue_tab_bg.jpg) repeat-x;
    margin: 0 10px 0 0;
    border: 1px solid #999;
    padding-left: 0px;
}

.blueTabSection a
{
    background-image: none;
    color: #284E98;
    font-size: 11px;
    text-decoration: none;
}
.blueTabSection a:hover
{
    color: #000;
    font-size: 11px;
    text-decoration: none;
}

.blueTabBtn a
{
    color: #284E98;
    font-size: 11px;
    text-decoration: none;
    background-image: none;
}

.blueTabBtn a:hover
{
    color: #000;
    font-size: 11px;
    text-decoration: none;
}

.blueBtnUp 
{
    height: 15px;
	background-image: url(images/upbutton-sp.gif);
	border: solid 1px #999999;
	margin: 1px 10px 0 0;
	padding: 0 5 px 0 0;
}

.blueBtnDown 
{
    height: 15px;
	background-image: url(images/downbutton-sp.gif);
	border: solid 1px #999999;
	margin: 1px 10px 0 0;
	padding: 0 5 px 0 0;
}


.greenTabBtn
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    height: 22px;
    background: url(images/green_tab_bg.jpg) repeat-x;
    border: 1px solid #999;
    padding: 0 5px;
    margin: 1px 10px 0 0; /*min-width: 70px;*/
}
.greenTabBtnOver
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    height: 22px;
    color: #fff;
    background-color: #A2D387;
    border: 1px solid #999;
    margin: 1px 10px 0 0;
}
.greenTabSection
{
    height: 22px;
    background: url(images/green_tab_bg.jpg) repeat-x;
    margin: 0 10px 0 0;
    border: 1px solid #999;
    padding-left: 0px;
}

.greenTabSection a
{
    color: #284E98;
    font-size: 11px;
    text-decoration: none;
    background-image: none;
}

.greenTabBtn a
{
    color: #284E98;
    font-size: 11px;
    text-decoration: none;
    background-image: none;
}

.greenTabBtn a:hover
{
    color: #000;
    font-size: 11px;
    text-decoration: none;
}

.greenBtnUp 
{
    height: 15px;
	background-image: url(images/upbutton-serv.gif);
	border: solid 1px #999999;
	margin: 1px 10px 0 0;
	padding: 0 5 px 0 0;
}

.greenBtnDown 
{
    height: 15px;
	background-image: url(images/downbutton-serv.gif);
	border: solid 1px #999999;
	margin: 1px 10px 0 0;
	padding: 0 5 px 0 0;
}

.orangeTabBtn
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    height: 22px;
    background: url(images/orange_tab_bg.jpg) repeat-x;
    border: 1px solid #999;
    padding: 0 5px;
    margin: 1px 10px 0 0;
}
.orangeTabBtnOver
{
    font-family: Arial, Sans-Serif;
    font-size: 11px;
    height: 22px;
    color: #fff;
    background-color: #FFCE84;
    border: 1px solid #999;
    margin: 1px 10px 0 0;
}
.orangeTabSection
{
    height: 22px;
    background: url(images/orange_tab_bg.jpg) repeat-x;
    margin: 0 10px 0 0;
    border: 1px solid #999;
    padding-left: 0px;
}

.orangeTabSection a
{
    color: #284E98;
    font-size: 11px;
    text-decoration: none;
    background-image: none;
}

.orangeTabBtn a
{
    color: #284E98;
    font-size: 11px;
    text-decoration: none;
    background-image: none;
}

.orangeTabBtn a:hover
{
    color: #000;
    font-size: 11px;
    text-decoration: none;
}

.orangeBtnUp 
{
    height: 15px;
	background-image: url(images/upbutton-prod.gif);
	border: solid 1px #999999;
	margin: 1px 10px 0 0;
	padding: 0 5 px 0 0;
}

.orangeBtnDown 
{
    height: 15px;
	background-image: url(images/downbutton-prod.gif);
	border: solid 1px #999999;
	margin: 1px 10px 0 0;
	padding: 0 5 px 0 0;
}

/*  Horizontal menu styles  */

.blueItem
{
    height: 20px;
    background: url(images/blue_tab_bg.jpg) repeat-x;
    margin: 0 10px 0 0;
}
.blueItemOver
{
    height: 20px;
    color: #fff;
    background-color: #82A9E2;
    margin: 0 10px 0 0;
}

.greenItem
{
    height: 20px;
    background: url(images/green_tab_bg.jpg) repeat-x;
    margin: 0 10px 0 0;
}
.greenItemOver
{
    height: 20px;
    color: #fff;
    background-color: #A2D387;
    margin: 0 10px 0 0;
}

.orangeItem
{
    height: 20px;
    color: #fff;
    background-color: #FFCE84;
    margin: 0 10px 0 0;
}
.orangeItemOver
{
    height: 20px;
    background: url(images/orange_tab_bg.jpg) repeat-x;
    margin: 0 10px 0 0;
}
.imgSpacer
{
    margin-right: 10px;
}

/*  End Horizontal menu styles  */


.calendarHoverBox
{
    white-space: nowrap;
    display: none;
    background-color: #DAE7F0;
    position: absolute;
    margin-top: 15px;
    border: 1px solid black;
    padding: 2px;
    text-align: left;
}

.calendarTemplateCell
{
    z-index: 6;
    display: block;
    position: relative !important;
    top: 0px;
    left: 0px;
}

.calendarOverlayDiv
{
    display: block;
    white-space: nowrap;
    xoverflow: hidden;
    z-index: 5;
    position: absolute !important;
    top: 0px;
    left: 2px;
}

.calInactiveCell
{
    background-color: #7F7F80; 
    border-top: 1px solid white; 
    border-right: 1px solid white;
}

.calStdCell 
{
     xborder-top: 1px solid white; 
     xborder-right: 1px solid white;
     border-right: 1px solid #86BAE1;
     border-top: 1px solid #86BAE1; 
}

.footer
{
    background-image: url(images/footer_bg.jpg);
    background-repeat: repeat-x;
    padding: 0 15px 0 15px;
    color: #000;
}
.footer a
{
    text-decoration: underline;
}
.footer a:link
{
    text-decoration: underline;
}
.footer a:hover
{
    text-decoration: none;
    color: #000;
}
.blueTabHead
{
    color: #000000;
    background-color: #86BAE1;
    background: url(images/bgblue.jpg);
    height: 18px;
    xpadding-left: 5px;
    xpadding-right: 5px;
    border-left: 1px solid #F5FAFE;
    border-right: 1px solid #86BAE1;
    border-top: 1px solid #86BAE1;
    cursor: default;
}
.blueTabHeadLeft
{
    border-left: 1px solid #86BAE1 !important;
    padding-left: 5px;
    padding-right: 5px;
}
.blueTabHeadWeekend
{
    color: #000000;
    background-color: #86BAE1;
    background: url(images/bgblue.jpg);
    height: 18px;
    xpadding-left: 5px;
    xpadding-right: 5px;
    border-left: 1px solid #F5FAFE;
    border-right: 1px solid #86BAE1;
    border-top: 1px solid #86BAE1;
    cursor: default;
    font-weight: bold;
}
.calendarTabCell
{
    font-family: Arial,sans-serif;
    font-size: 11px;
    height: 19px;
    border-left: 1px solid #F5FAFE;
    border-bottom: 1px solid #86BAE1;
    border-right: 1px solid #86BAE1;
}
.calendarTabCell input
{
    font-family: Arial,sans-serif;
    font-size: 11px;
}

.generalContainerGreyCell
{
    padding: 5px;
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
}

.generalContainerGrey
{
    padding: 5px;
    border: 1px solid #999999;
}

.blackBorderTable
{
    border: 1px solid black;
    border-collapse: collapse;
}

.blackBorderTable td
{
    border: 1px solid black;
    padding-left: 2px;
    padding-right: 2px;
}

.greyBorderTable
{
    border: 1px solid #888888;
    border-collapse: collapse;
}

.greyBorderTable td
{
    border: 1px solid #888888;
    padding-left: 2px;
    padding-right: 2px;
}

.pictureListPictureItem
{
    padding: 5px;
    width: 220px;
}

.pictureListNameItem
{
    vertical-align: top;
    width: 200px;
    padding: 5px;
}

.pictureListValidItem
{
    vertical-align: top;
    width: 150px;
    padding: 5px;
}

.greenBorderLeft
{
    border-left: 1px solid #C5E560;
}
.greenBorderTop
{
    border-top: 1px solid #C5E560;
}
.greenBorderRight
{
    border-right: 1px solid #C5E560;
}
.greenBorderBottom
{
    border-bottom: 1px solid #C5E560;
}

.orangeBorderLeft
{
    border-left: 1px solid #FEC60A;
}
.orangeBorderTop
{
    border-top: 1px solid #FEC60A;
}
.orangeBorderRight
{
    border-right: 1px solid #FEC60A;
}
.orangeBorderBottom
{
    border-bottom: 1px solid #FEC60A;
}

.blueBorderLeft
{
    border-left: 1px solid #87B1EB;
}
.blueBorderTop
{
    border-top: 1px solid #87B1EB;
}
.blueBorderRight
{
    border-right: 1px solid #87B1EB;
}
.blueBorderBottom
{
    border-bottom: 1px solid #87B1EB;
}
.checkboxOneQuarter td
{
    width: 25%;
}

.tableRowBorderHover:hover, .tableRowBorderSelected
{
    /*border: 2px solid black;*/
    border-color: Black !important;
    cursor: pointer;
    background-image: url(images/rowGradient2.png);
    background-repeat: repeat-x;
}

.tableRowBorderHover :hover td
{
    border-color: Black;
}

/*+++++++++++++++ kotev */
.table
{
    border-right: 1px solid #999;
    border-top: 1px solid #999;
}
.tableCell
{
    height: 18px;
    border-left: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 0 2px 0 2px;
}
.tableRowHover:hover
{
    background-color: #e2e2e2;
    cursor: pointer;
}

.tableRowSelected, .tableRowSelected:hover
{
    background-color: #3399ff !important;
    color: White;
}
.orangeCellHeader
{
    background: url(images/orange_tab_bg.jpg) repeat-x;
}
.greenCellHeader
{
    background: url(images/green_tab_bg.jpg) repeat-x;
}
.blueCellHeader
{
    background: url(images/blue_tab_bg.jpg) repeat-x;
}

.statusImage
{
    background: url(images/grid_icons.png) no-repeat;
    width: 11px;
    height: 11px;
}
.statusOK
{
    background-position: -11px 0px;
}
.statusWarn
{
    background-position: 0px 0px;
}
.statusError
{
    background-position: -33px 0px;
}
.bold
{
    font-weight: bold;
}

.disabledText 
{
    color: #808080;
}

.paging a, .paging a:link, .paging a:active, .paging a:visited, .paging a:hover
{
    color: Black;
}

.paging .pagingNumber
{
    margin-right: 3px;
    float: left;
    margin-bottom: 3px;
    padding: 2px;
}

.paging .selected
{
    border: 1px solid #999999;
    padding: 1px;
}

.transactionStatusYellow
{
    background-color: #fffda0;
}
.transactionStatusRed
{
    background-color: #f69793;
}
.transactionStatusGreen
{
    background-color: #d6efd9;
}
/*--------------- kotev */
/*---------------anichka*/
.noDisplay
{
    display: none;
}
.blockDisplay
{
    display: block;
}
/*-------------anichka*/

.slmTable
{    
    border-left: 1px solid #949494;
    border-top: 1px solid #949494;
    margin-bottom:5px;
}
.slmTable td
{
    border-bottom: 1px solid #949494;
    border-right: 1px solid #949494;        
    padding:5px;
}
td.slmExtraCell 
{
    border-bottom: 1px solid #949494;
    border-left: 1px solid #949494;    
    border-top: 1px solid #949494;        
    padding:5px;
}

.slmTable .noCell
{
    border-style:none;
     padding:0px;

}
.slmTable .slmCell
{
    width:100px;
    height:40px;
}
.web20HeadCell
{
    background: repeat-x #7fa5d7 url(images/tabBgBlue.png);
    -moz-background-clip: border;
    -moz-background-inline-policy: continuous;
    -moz-background-origin: padding;
}
.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

.cbxGridTable tr td 
{
    border-style: none !important;
    border-spacing: 0px;
    border-right: 0px !important;
    padding: 0px !important;
    width: 35px !important;
    text-align: center !important;
}

.highlightRed
{
    font-size: 14px;
    color: Red;
}