/*Process.css 
-----------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: middle;
}
html, body
{
    height: 100%;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
    display: block;
}
body
{
    line-height: 1;
}
ol, ul
{
    list-style: none;
}
blockquote, q
{
    quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
    content: '';
    content: none;
}
a
{
    color: inherit;
    text-decoration: none;
}
a:visited
{
    color: inherit;
    text-decoration: none;
}
/*table {
	border-collapse: collapse;
	border-spacing: 0;
}*/

/*----------------------------------------------------------
The base color for this template is #5c87b2. If you'd like
to use a different color start by replacing all instances of
#5c87b2 with your new color.
----------------------------------------------------------*/

section
{
    padding-bottom: 40px;
}

.processpage
{
    background: #000;
    font-family: Arial, Helvetica, Sans-Serif;
    color: #fff;
}

.wrapper
{
    min-height: 100%;
    position: relative;
    width: 1242px;
    background: #202020 url(/Content/themes/base/images/backgroundBorderRepeat.png) repeat-y;
    margin: 0 auto;
}

.wrapper .leftBorder
{
    position: absolute;
    width: 43px;
    height: 100%;
    background: url(/Content/themes/base/images/backgroundBorder.png) scroll no-repeat;
}

.wrapper .rightBorder
{
    background: url("/Content/themes/base/images/backgroundBorder.png") no-repeat scroll 100% 0 transparent;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 43px;
}


/* Header Styles */

.processTitle
{
    width: 1012px;
    height: 68px;
    margin: 0 auto 25px;
    background: url("themes/base/images/bgTitle.png") no-repeat;
}

.processTitle .title
{
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
    color: #00b050;
    line-height: 3.8;
}

.headerWrap
{
    min-height: 166px;
    padding-top: 10px;
    width: 1012px;
    margin: 0 auto;
}

.topBtn
{
    display: block;
    float: left;
    width: 230px;
    height: 50px;
    border: 1px solid #444;
    margin-right: 40px;
    background: #444;
    background: -moz-linear-gradient(top,  #656564 0%, #393939 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#656564), color-stop(100%,#393939)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #656564 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #656564 0%,#393939 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #656564 0%,#393939 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #656564 0%,#393939 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#656564', endColorstr='#393939',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    font-size: 14px;
    color: #00b050;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 16px;
    cursor: pointer;
}
.backgroundGreen
{
    background-position: -88px 0;
}

.backgroundGreen_informer
{
    background-position: -88px 0;
}
.colorBlackFont
{
    color: #ffffff !important;
}

.saveDataText
{
    display: block;
    margin-top: 16px;
}

.eventHeaderName
{
    width: 100%;
}

.headerTop
{
    border: 1px solid #47484A;
    background: -moz-linear-gradient(top,  #535453 0%, #191919 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#535453), color-stop(100%,#191919)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #535453 0%,#191919 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #535453 0%,#191919 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #535453 0%,#191919 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #535453 0%,#191919 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#535453', endColorstr='#191919',GradientType=0 ); /* IE6-9 */
    border-radius: 12px 12px 0 0;
    box-shadow: 0 0 4px #000000, 0 -3px 10px rgba(0, 0, 0, 0.6) inset, 0 1px 1px rgba(255, 255, 255, 0.4) inset;
    height: 10px;
}
.headerTitle
{
    position: relative;
    color: #00b050;
    min-height: 16px;
    background: none repeat scroll 0 0 #242527;
    border-bottom: 1px solid #09090A;
    border-top: 1px solid #47484A;
    box-shadow: 0 0 4px #000000;
    padding: 3px 15px;
    text-align: center;
}
#buttonBack
{
    cursor: pointer;
}
#processName
{
    display: block;
    margin: 0 auto;
    padding-right: 30px;
}

#templateList
{
    width: 100%;
    margin-top: 40px;
}
#verticalStatisticDiagramm {
    float: left;
}
#analyticDiagramm {
    float: right;
    margin-left:12px;
}

#UploadDialog
{
    position: relative;
    margin-left: 40px;
    margin: 0 auto;
}
.labels
{
    margin-left: 20px;
    float: left;
    width: 100px;
}
.controlContainer
{
}


.headerBottom
{
    border: 1px solid #47484A;
    background: -moz-linear-gradient(top,  #191919 0%, #535453 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191919), color-stop(100%,#535453)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #191919 0%,#535453 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #191919 0%,#535453 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #191919 0%,#535453 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #191919 0%,#535453 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191919', endColorstr='#535453',GradientType=0 ); /* IE6-9 */
    border-radius: 0 0 12px 12px;
    box-shadow: 0 0 4px #000000, 0 0 1px rgba(255, 255, 255, 0.3) inset, 0 1px 15px rgba(0, 0, 0, 0.6) inset;
    height: 10px;
    margin-bottom: 6px;
}

.processPerformer
{
    float: left;
    margin-right: 40px;
    width: 300px;
}
.performerName
{
    display: table;
    margin: 0 auto;
}

.topButtons
{
    min-height: 58px;
    width: 760px;
    float: left;
}

.topBtn.return
{
    color: #fff;
}

.currentDate
{
    display: block;
    float: right;
    font-size: 18px;
    color: #ff9000;
    line-height: 2.5;
}

.selectWrap
{
    width: 1012px;
    margin: 0 auto 40px;
}

.selectOwner
{
    height: 50px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 3.3;
    color: #00b050;
    z-index: 15;
}

.selectOwner .userSelect
{
    z-index: 15;
}

.selectOwner .userSelect .departmentsTree
{
    z-index: 15;
}

.selectOwner > div
{
    float: left;
    margin-right: 20px;
}

.full_width_Template
{
    height: 50px;
    margin-bottom: 20px;
    width: 100%;
}

.selectBtn
{
    display: block;
    float: left;
    width: 208px;
    height: 50px;
    font-size: 20px;
    color: #fff;
    background: #444;
    background: -moz-linear-gradient(top,  #626262 0%, #3b3c3b 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#626262), color-stop(100%,#3b3c3b)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #626262 0%,#3b3c3b 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #626262 0%,#3b3c3b 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #626262 0%,#3b3c3b 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #626262 0%,#3b3c3b 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626262', endColorstr='#3b3c3b',GradientType=0 ); /* IE6-9 */
    border-radius: 3px;
    border: 1px solid #444;
    text-transform: uppercase;
    cursor: pointer;
}


/* Table Styles */

.contentTop
{
    height: 18px;
    position: relative;
}
.contentTop .left
{
    width: 9px;
    height: 100%;
    background-image: url("/Content/themes/base/images/main_content_header_left.png");
    float: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.contentTop .center
{
    width: 100%;
    height: 100%;
    background-image: url("/Content/themes/base/images/main_content_header_center.png");
    float: left;
}

.contentTop .right
{
    width: 9px;
    height: 100%;
    background-image: url("/Content/themes/base/images/main_content_header_right.png");
    float: right;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
}


.contentBottom
{
    height: 28px;
    margin-bottom: 30px;
    position: relative;
    z-index:5;
}

.contentBottom .left
{
    width: 8px;
    height: 100%;
    background-image: url("/Content/themes/base/images/main_content_footer_left.png");
    float: left;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}

.contentBottom .center
{
    width: 100%;
    height: 100%;
    background-image: url("/Content/themes/base/images/main_content_footer_center.png");
    float: left;
    z-index: 2;
}

.contentBottom .right
{
    width: 8px;
    height: 100%;
    background-image: url("/Content/themes/base/images/main_content_footer_right.png");
    float: right;
    z-index: 2;
    position: absolute;
    top: 0;
    right: 0;
}





.mainContent
{
    background: #242527;
    padding: 10px 15px;
    box-shadow: 0 0 4px #000;
    border-top: 1px solid #47484a;
    border-bottom: 1px solid #09090a;
    position:relative;
    z-index:10;
    display: block;
}
.floating {
    float: left;
}
.centerColumnWrap
{
    width: 1012px;
    margin-left: 54px;
    position: relative;
}

.statsPanel
{
    background: #242527;
    padding: 10px 15px;
    box-shadow: 0 0 4px #000;
    border-top: 1px solid #47484a;
    border-bottom: 1px solid #09090a;
    display: block;
    float: left;
}

.backgroundTable
{
    background-image: url(/Content/themes/base/images/processOfficeBackGround.png);
    background-repeat: no-repeat;
    float: right;
    width: 460px;
    height: 280px;
    padding: 10px;
}

.processFilter
{
    float: left;
    height: 100%;
    width: 500px;
    padding-top: 10px;
}
.filter_selected
{
}

.headerPush
{
    width: 100%;
    height: 50px;
}

.filterTitle
{
    width: 360px;
    text-transform: uppercase;
}
.filterTitlePaddingText
{
    padding-left: 40px;
}

.button_grey
{
    display: block;
    float: left;
    height: 46px;
    background-image: url("/Content/themes/base/images/button300.png");
    background-repeat: no-repeat;
    width: 215px;
    cursor: pointer;
    text-transform: uppercase;
    color: #ffffff;
    margin-right: 34px;
    margin-bottom: 0px;
    text-align: center;
}
.button_greyBackground_Green
{
    background-position: -215px 0;
    color: #000000;
}

.statistics
{
    width: 460px;
    margin-right: 10px;
}

.statisticsMenu
{
    width: 460px;
    margin-right: 10px;
}

.processOffice
{
    width: 100%;
    height: 300px;
}

.processOffice .text
{
    color: #A7A7A7;
    margin-top: 120px;
    float: left;
    font-size: 40px;
    width: 480px;
    display: block;
    text-align: center;
    vertical-align: middle;
}

#objectsInformer .tableProcess
{
    color: #FF9000;
    font-size: 22px;
    width: 250px;
}
#objectsInformer .tableProcessActive
{
    background-image: url("/Content/themes/base/images/button_proces_informer.png");
    background-repeat: no-repeat;
    color: #00b050;
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin: 3px auto 3px auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 88px;
}

#objectsInformer .tableProcessPassive
{
    background-image: url("/Content/themes/base/images/button_proces_informer.png");
    background-repeat: no-repeat;
    color: #a7a7a7;
    cursor: pointer;
    display: block;
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    margin: 3px auto 3px auto;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 88px;
}

.tableScroll
{
    height: 700px;
    overflow-y: scroll;
}

.tableElement
{
    display: table;
    margin: 0px auto;
}
.borderLeft
{
    border-left: 1px solid #3A3A3A;
}

.tableHeaderWidth
{
    width: 123px;
}

table
{
    position: relative;
    width: 100%;
    border-collapse: collapse;
}

table th
{
    font-size: 18px;
    color: #00b050;
    text-align: center;
    text-transform: uppercase;
    vertical-align: top;
    background-color: inherit;
    border-radius: inherit;
}

table th.sortBtnWrap
{
    font-size: 14px;
    text-transform: none;
    vertical-align: middle;
}

tbody tr
{
    /*   border-bottom: 1px solid #242527;*/
}

/*--------------Verification table-------------------*/
.requirementsTable
{
    margin: 30px 0;
    border-collapse: separate; /* Способ отображения границы */
    border-spacing: 0px 10px; /* Расстояние между ячейками */
}

.requirementsTr
{
    background: none repeat scroll 0 0 #28292b;
    border-bottom: 1px solid #09090A;
    border-radius: 5px;
    border-top: 1px solid #47484A;
    box-shadow: 0 0 4px #000000;
    height: 40px;
}

.requirementsThButtons
{
    width: 160px;
    height: 20px;
    font-size: 17px;
    padding: 10px 0;
    color: #ffffff;
    text-transform: none;
    background-image: url("/Content/themes/base/images/verificationTableHeadButtons.png");
    background-repeat: no-repeat;
    margin: 5px;
}
.requirementsTh
{
    font-size: 17px;
    height: 20px;
    width: 620px;
    padding: 10px 0;
    color: #ffffff;
    text-transform: none;
    background-image: url("/Content/themes/base/images/verificationTableHead.png");
    background-repeat: no-repeat;
    margin: 5px;
}

.requirementsTd
{
    text-transform: none;
    vertical-align: middle;
    padding: 10px;
    color: #ffffff;
    text-transform: none;
    margin: 5px;
}

.requirementsButton
{
    vertical-align: middle;
    background-image: url("/Content/themes/base/images/requirementsButton.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 35px;
    text-align: center;
    width: 160px;
    margin: 5px auto;
}
.requirementsButton .stateActive
{
    background-image: url("/Content/themes/base/images/state_sprite.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    margin: 0 auto;
    height: 35px;
    width: 20px;
}

.noState
{
    background-position: -40px 0;
}

.diagrammCenterAlign
{
    margin: 0 auto;
    width: 430px;
}
.statisticsMenuCenterAlign
{
    margin-left: 10px;
}

.column1
{
    height: 54px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    background-image: url("/Content/themes/base/images/table_row_background_left.png");
    background-repeat: no-repeat;
    border: none;
    padding-left: 9px;
}

.centerColumn
{
    height: 54px;
    background-image: url("/Content/themes/base/images/table_row_background_center.png");
    background-repeat: repeat-x;
}

.lastColumn
{
    height: 54px;
    font-size: 16px;
    color: #fff;
    text-align: center;
    text-transform: uppercase;
    vertical-align: middle;
    background-image: url("/Content/themes/base/images/table_row_background_right.png");
    background-repeat: no-repeat;
    border: none;
    padding: 0 5px;
}

.firstColumn
{
    text-transform: none;
    color: #00b050;
    padding-left: 5px;
    border-radius: 6px 0 0 6px;
}

.column2
{
    width: 960px;
    height: 54px;
    font-size: 17px;
    color: #00b050;
    vertical-align: middle;
    padding: 0 10px;
    background-image: url("/Content/themes/base/images/table_row_background_center.png");
    background-repeat: repeat-x;
    border: none;
}
.column2 a:link, .column2 a:visited
{
    color: #00b050;
}

.column3
{
    height: 54px;
    font-size: 17px;
    color: #00b050;
    vertical-align: middle;
    background-image: url("/Content/themes/base/images/table_row_background_center.png");
    background-repeat: repeat-x;
    border: none;
}

.userSelect0, .userSelect2
{
    vertical-align: middle;
    background: #2e2e2e;
    background: -moz-linear-gradient(top,  #383838 0%, #242527 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#383838), color-stop(100%,#242527));
    background: -webkit-linear-gradient(top,  #383838 0%,#242527 100%);
    background: -o-linear-gradient(top,  #383838 0%,#242527 100%);
    background: -ms-linear-gradient(top,  #383838 0%,#242527 100%);
    background: linear-gradient(to bottom,  #383838 0%,#242527 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#383838', endColorstr='#242527',GradientType=0 );
}

.userSelect2
{
    border-radius: 0 6px 6px 0;
}

.roundedBorder
{
    border-radius: 6px;
}

.btnStateActive
{
    width: 60px;
    background-image: url('/Content/themes/base/images/stateActive.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnStateActive.stop
{
    background-image: url('/Content/themes/base/images/stateStopped.png');
    background-repeat: no-repeat;
}

.btnStateInactive
{
    width: 60px;
    background-image: url('/Content/themes/base/images/stateInactive.png');
    background-repeat: no-repeat;
    cursor: pointer;
}

.btnStateInactive.stop
{
    background-image: url('/Content/themes/base/images/stateStoppedInactive.png');
    background-repeat: no-repeat;
}

td.empty
{
    width: 20px;
}

.button
{
    text-decoration: none;
    display: block;
    position: relative;
    width: 100px;
    height: 46px;
    font-size: 14px;
    color: #fff;
    background: #444;
    background: -moz-linear-gradient(top,  #646464 0%, #393939 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#646464), color-stop(100%,#393939)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #646464 0%,#393939 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #646464 0%,#393939 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #646464 0%,#393939 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #646464 0%,#393939 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#646464', endColorstr='#393939',GradientType=0 ); /* IE6-9 */
    border-radius: 3px;
    margin: 3px 3px 3px 2px;
    border: 1px solid #555;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.userSelect, .userListSelect
{
    text-decoration: none;
    display: block;
    position: relative;
    width: 100px;
    height: 46px;
    font-size: 15px;
    color: #fff;
    background-image: url("/Content/themes/base/images/buttom100.png");
    background-repeat: no-repeat;
    margin: 3px 3px 3px 2px;
    text-transform: uppercase;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
}

.userSelectActive
{
    background-position: -100px 0;
    color: #ffffff;
}

.userSelectFilter
{
    background-image: url("/Content/themes/base/images/button_proces_informer.png");
    background-repeat: no-repeat;
    cursor: pointer;
    display: block;
    height: 60px;
    line-height: 60px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    vertical-align: middle;
    width: 88px;
    font-size: 15px;
    color: #fff;
    margin: 3px auto;
}


.userSelect.inactive, .userListSelect.inactive
{
    cursor: default;
    color: #999;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    -khtml-opacity: 0.7;
    opacity: 0.7;
}

.hasError
{
    box-shadow: 0 0 12px rgba(255,0,0,0.4);
}

.departmentsTree
{
    display: block;
    position: absolute;
    background-image: url("/Content/themes/base/images/background_tree.png");
    top: 0;
    right: 100px;
    border: 1px solid #333;
    border-radius: 5px;
    box-shadow: 0 0 5px #111;
    box-shadow: 0 0 7px rgba(0,0,0,0.8);
    line-height: 1.8;
    text-align: left;
    padding: 10px 20px 10px 10px;
    text-transform: none;
    min-width: 220px;
    overflow-x: inherit;
    font-size: 16px;
}



.departmentsTree ul li > ul
{
    margin-left: 15px;
    display: block;
}

.departmentsTree .item
{
    display: block;
    clear: both;
    width: 100%;
}

.gr_name
{
    margin: -4px 0 0 5px;
    float: left;
    cursor: pointer;
}

.departmentsTree .plus
{
    background-image: url('/Content/themes/base/images/menuItemSprite.png');
    background-repeat: no-repeat;
    width: 20px;
    height: 20px;
    display: block;
    float: left;
    cursor: pointer;
}

.departmentsTree .noPlus
{
    float: left;
    height: 20px;
    width: 20px;
}

.rotate
{
    background-position: -20px 0px;
}

.departmentsTree .showItem
{
    display: block;
}

.departmentsTree .hiddenItem
{
    display: none;
}

.selectedItem
{
    text-transform: none;
    font-size: 12px;
}
.toUpper
{
    text-transform: uppercase;
    line-height: 46px;
}

.toBold
{
    font-weight: bold;
}

.selectedItem.toUpper
{
    height: 46px;
    overflow: hidden;
    display: block;
    font-size: 14px;
    text-transform: uppercase;
    line-height: 46px;
}

.selectedItem.toShort
{
    height: 46px;
    margin: 0;
    display: block;
    overflow: hidden;
    text-transform: none;
}

#objectsInformer table td
{
    /*  border: solid 1px #999999;*/
}

.btnAssign
{
    display: block;
    width: 210px;
    height: 53px;
    font-size: 18px;
    color: #272829;
    background: #1fc369;
    background: -moz-linear-gradient(top,  #3dd481 0%, #03b052 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#3dd481), color-stop(100%,#03b052)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #3dd481 0%,#03b052 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #3dd481 0%,#03b052 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #3dd481 0%,#03b052 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #3dd481 0%,#03b052 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3dd481', endColorstr='#03b052',GradientType=0 ); /* IE6-9 */
    border-radius: 5px;
    margin: 25px auto 30px;
    text-transform: uppercase;
    border: none;
    outline: none;
    cursor: pointer;
}

.sortBtn
{
    background: #1e1e1e;
    border-radius: 6px;
    padding: 2px;
    line-height: 2;
    margin: 2px;
    cursor: pointer;
    box-shadow: 0 0 2px #000, inset 0 -1px 3px rgba(0,0,0,0.6), /*bottom internal shadow*/ inset 0 1px 1px rgba(255,255,255,0.4); /*top internal highlight*/
}

.sortBtn.sortSelected
{
    box-shadow: inset 0 0 7px #000;
}

.bottomLine
{
    position: relative;
}

.errorMessage
{
    font-size: 14px;
}

.buttonPanel
{
    position: relative;
    display: block;
    float: left;
    text-align: center;
}

.buttonPanel div
{
    float: left;
}

.diagramm
{
    display: block;
    height: 48px;
    width: 416px;
    background-image: url('/Content/themes/base/images/diagrammGrey.png');
    margin-left: 6px;
}

.diagramm > div
{
    height: 48px;
    width: 0%;
}

.diagramm > div.green
{
    background-image: url('/Content/themes/base/images/diagrammGreen.png');
}

.diagramm > div.blue
{
    background-image: url('/Content/themes/base/images/diagrammBlue.png');
}

.diagramm > div.red
{
    background-image: url('/Content/themes/base/images/diagrammRed.png');
}

.statisticsMenu > div
{
    padding-top: 16px;
}

.statisticsMenu > div > div
{
    cursor: pointer;
}

.statisticsMenu div
{
    float: left;
}

.statisticsMenu div.normal
{
    background-image: url('/Content/themes/base/images/greyPanel.png');
    width: 234px;
    height: 48px;
    margin-left: 10px;
    font-size: 16px;
    text-transform: uppercase;
    line-height: 48px;
    color: #cbcbcb;
}

.statisticsMenu .active div.normal
{
    font-weight: bold;
    background-image: url('/Content/themes/base/images/greyPanelActive.png');
    color: #00b050;
}

.statisticsMenu div.normal span
{
    margin-left: 10px;
}

.statisticsMenu div.small
{
    background-image: url('/Content/themes/base/images/greyPanelSmall.png');
    width: 193px;
    height: 48px;
    font-size: 20px;
    text-transform: uppercase;
    color: #cbcbcb;
    line-height: 48px;
}

.statisticsMenu .active div.small
{
    font-weight: bold;
    background-image: url('/Content/themes/base/images/greyPanelSmallActive.png');
    color: #00b050;
}

.statisticsMenu div.small span
{
    display: block;
    margin-left: 24px;
    float: left;
}

.statisticsMenu div.big
{
    background-image: url('/Content/themes/base/images/greyBigPanel.png');
    width: 193px;
    height: 96px;
    font-size: 20px;
    text-transform: uppercase;
    color: #cbcbcb;
    line-height: 96px;
}

.statisticsMenu .active div.big
{
    font-weight: bold;
    background-image: url('/Content/themes/base/images/greyBigPanelActive.png');
    color: #00b050;
}

.statisticsMenu div.big span
{
    margin-left: 24px;
    float: left;
}

.statisticsMenu div.btnWrapper
{
    width: 42px;
    float: right;
    margin-right: 4px;
}

.statisticsMenu div.btn
{
    display: block;
    width: 42px;
    height: 42px;
    background-image: url('/Content/themes/base/images/greyButton.png');
    float: right;
    margin-top: 4px;
    text-align: center;
    line-height: 42px;
}

.statisticsMenu div.btn.active
{
    color: #00b050;
}

div.hspacer
{
}

div.vspacer
{
    display: block;
    background-image: none;
    width: 400px;
    height: 10px;
}

.processSaveBlock
{
    color: #d70707;
    font-size: 18px;
    display: none;
}

.processSaveBlock input
{
    margin: 12px;
}

.processSaveBlock .name
{
    color: #c1c1c1;
}

.processSaveBlock .name input
{
    width:560px;
}


/* MISC  
----------------------------------------------------------*/
.blank
{
    clear: both;
}

.siteWidth
{
    background: url(/Content/themes/base/images/backgroundBorderRepeat.png) repeat-y 100% 0;
    margin: 0 auto;
    padding: 0 63px 1px;
}

.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/** html .clearfix
{
    zoom: 1;
}
*:first-child + html .clearfix
{
    zoom: 1;
}*/

.orangeFont
{
    color: #ff9000;
}

.greyFont
{
    color: #999999;
}

.greenFont
{
    color: #00b050;
}

.orangeFont a:link, .orangeFont a:visited
{
    color: #ff9000;
}

.greyFont a:link, .greyFont a:visited
{
    color: #999999;
}

.greenFont a:link, .greenFont a:visited
{
    color: #00b050;
}

#currentDateTime
{
    float: right;
    position: absolute;
    right: 35px;
    top: -46px;
    width: 250px;
}

.width15
{
    width: 120px;
    padding: 0 !important;
}

.documentSelect
{
    border: 3px solid #00B050;
}

#overlayTaskInfo
{
    visibility: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    text-align: center;
    z-index: 1000;
}

#overlayTaskInfo .overlayText
{
    width: 750px;
    margin: 100px auto;
    background: #202020;
    border: 1px solid #999999;
    padding: 15px;
    text-align: center;
}

#overlayTaskInfo .overlayText .button_grey
{
    margin: 16px auto 0 270px;
}

#overlayTaskInfo .overlayText > div
{
    margin-top: 16px;
}

#overlayTaskInfo .overlayText input
{
    margin: 0px auto;
    float: none;
}

.tableSeparator
{
    background-image: url(/Content/themes/base/images/mainPage_tableSeparator.png);
    background-repeat: no-repeat;
    background-position: left;
    height: 100%;
    line-height: 50px;
    text-align: center;
}

.riskState
{
    cursor: pointer;
    margin-right: 5px;
    width: 52px;
    height: 53px;
    background-image: url('/Content/themes/base/images/risks_sprite.png');
}

.riskState.occurred
{
    background-position: 0 0;
}

.riskState.high
{
    background-position: 0 -54px;
}

.riskState.normal
{
    background-position: 0 -108px;
}

.riskState.eliminated
{
    background-position: 0 -162px;
}

.riskState.unknown
{
    background-position: 0 -216px;
}

.riskTable
{
    float: left;
    width: 100%;
}

.riskHeader
{
    text-transform: none;
    text-align: left;
    font-size: 15px;
}

.riskLegend
{
    float: right;
    width: 300px;
    height: 280px;
    background-image: url('/Content/themes/base/images/risks_legend.png');
}

.buttonTextCenter
{
    margin-top: 15px;
    display: block;
}


.performer, .performer .departmentsTree
{
    z-index: 9;
}

.alternate, .alternate .departmentsTree
{
    z-index: 10;
}

.verificator, .verificator .departmentsTree
{
    z-index: 20;
}

/*-------------Modal window------------------*/
.ui-widget-content
{
    z-index: 10;
    width: 100%;
    height: 200px;
    background-image: url('/Content/themes/base/images/info_window_backgound.png');
    background-repeat: repeat;
    border: 1px solid #444444;
}

.ui-dialog-titlebar
{
    cursor: move;
    height: 30px;
    line-height: 30px;
    padding: 5px;
}
.ui-button
{
    display: none;
}
.modalContent
{
    margin-top: 20px;
    width: 100%;
    text-align: center;
    padding: 5px;
}
.modalButtonOk
{
    background: none repeat scroll 0 0 #202020;
    line-height: 30px;
    cursor: pointer;
    width: 60px;
    height: 30px;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
}

/*--------------verticalDiagramm----------------*/
#verticalStatisticDiagramm .backgroundTable
{
    float: left;
}
.verticalColumn
{
    background-image: url("/Content/themes/base/images/verticalDiagrammGrey.png");
    display: block;
    float: left;
    height: 260px;
    width: 60px;
    margin-left: 5px;
    padding: 0 !important;
    position: relative;
    cursor: pointer;
}

.verticalColumn .red, .verticalColumn .blue, .verticalColumn .green
{
    position: absolute;
    bottom: 0;
    width: 100%;
}
.verticalColumn .red
{
    background-image: url("/Content/themes/base/images/verticalDiagrammRed.png");
}
.verticalColumn .blue
{
    background-image: url("/Content/themes/base/images/verticalDiagrammBlue.png");
}
.verticalColumn .green
{
    background-image: url("/Content/themes/base/images/verticalDiagrammGreen.png");
}
.verticalColumnText
{
    float: left;
    width: 60px;
    height: 20px;
    margin-left: 5px;
    padding: 0 !important;
}
.verticalColumnText.colorRad
{
    text-align: center;
    color: #E5785D;
    clear: both;
}
.verticalColumnText.colorBlue
{
    text-align: center;
    clear: both;
    color: #9696c8;
}
.verticalColumnText.colorGreen
{
    text-align: center;
    clear: both;
    color: #00b050;
}


.statisticsMenu .textColorGreen div.big, .statisticsMenu .textColorGreen div.normal
{
    color: #00b050;
}
.statisticsMenu .textColorBlue div.big, .statisticsMenu .textColorBlue div.normal
{
    color: #9696c8;
}
.statisticsMenu .textColorRad div.big, .statisticsMenu .textColorRad div.normal
{
    color: #FF9000;
}
#verticalStatisticDiagramm .noPadding
{
    padding: 0;
}

#copyright
{
    position: absolute;
    bottom: 0px;
    left: 50px;
    font-size: 10px;
    color: #ffffff;
}

#analytics
{
}

#analytics .personnelPane
{
    position:relative;
    margin-top:4px;
    margin-left:10px;
    width:200px;
    height:274px;
    float:left;
}

#analytics .personnelPane .param
{
    width:197px;
    height:46px;
    background-image: url("/Content/themes/base/images/smallBtn.png");
    background-repeat: no-repeat;
    text-transform:uppercase;
    font-size:14px;
    line-height:46px;
    padding-left:8px;
    color:#c1c1c1;
    position:relative;
}

#analytics .personnelPane .param.selected
{
    color:#00b050;
}

#analytics .personnelPane .param .value
{
    width:60px;
    height:38px;
    background-image: url("/Content/themes/base/images/smallPane.png");
    background-repeat: no-repeat;
    font-size:22px;
    line-height:38px;
    color:#000000;
    position:absolute;
    top:4px;
    right:12px;
    text-align:center;
}

#analytics .caption
{
    position:absolute;
    width:100%;
    bottom:0px;
}

#analytics .legend
{
    width:170px;
    height:24px;
    background-image: url("/Content/themes/base/images/efficiencyLegend.png");
    margin-left:12px;
    clear:both;
}

#analytics span.small
{
    font-size:14px;
}

#analytics span
{
    display:block;
    text-transform:uppercase;
    text-align:center;
    font-size:18px;
}

#analytics .efficiencyPanel
{
    position:relative;
    width:200px;
    height:274px;
    float:right;
    margin-top:4px;
}

#analytics .efficiencyPanel .devider
{
    background-color:#000000;
    clear:both;
    position:relative;
    width:190px;
    height:2px;
}

#analytics .efficiencyPanel .devider span
{
    position:absolute;
    left:-16px;
    top:-8px;
}

#analytics .efficiencyPanel .devider span.plus
{
    position:absolute;
    left:-16px;
    top:-100px;
    color:#00b050;
}

#analytics .efficiencyPanel .devider span.minus
{
    position:absolute;
    left:-16px;
    top:80px;
    color:#FF9000;
}

#analytics .positiveColumn
{
    width:48px;
    height:100px;
    background-color:#333333;
    position:relative;
    float:left;
}

#analytics .green
{
    position:absolute;
    bottom:0px;
    width:48px;
    height:0px;
    background-image: url("/Content/themes/base/images/analyticsGreen.png");
}

#analytics .negativeColumn
{
    width:48px;
    height:100px;
    background-color:#333333;
    float:left;
}

#analytics .orange
{
    width:48px;
    height:0px;
    background-image: url("/Content/themes/base/images/analyticsOrange.png");
}

a.docIcon
{
    width:32px;
    height:44px;
    position:relative;
    display:block;
    background-image: url("/Content/themes/base/images/doc.png");
}

a.docIcon.present
{
    background-position:32px 0px;
}

a.docIcon.absent
{
    background-position:0px 0px;
}

#btnSave
{
    visibility:hidden;
}

#btnRestart
{
    visibility:hidden;
}

.docInformationObject
{
    width:400px;
    height:70px;
    position:absolute;
    top:-20px;
    left:16px;
    background-image: url("/Content/themes/base/images/flipPannel.png");
    padding:8px;
    padding-left:22px;
}

.docInformationObject .buttons
{
    margin:0 auto;
    width:220px;
    clear:both;
    padding-top:4px;
}

.docInformationObject .buttons div
{
    float:left;
}

.docInformationObject .documentUri
{
    width:394px;
}