@import url(_external.css);
@import url(_jquery_ui.css);
@import url(_elements.css);
@import url(_forms.css);
@import url(_actions.css);
@import url(_actions_btn.css);
@import url(_tables_grid.css);
@import url(_tables_grid_statuses.css);
@import url(_custom.css);


* { padding: 0; margin: 0; }
html { }
body { height: 100%; background: #F0F0F0 url(bgrd_content.png); }
body, form, input, label, textarea, select, option { font: normal 11px Arial, sans-serif; }
body { color: #000;  }

h1 { font-size: 300%; font-weight: normal; margin-bottom: 20px; text-shadow: 1px 1px 1px rgba(255,255,255,0.75); }
h2 { font-size: 200%; font-weight: normal; }
h3, h4, h5, h6 {  }
h3 { font-size: 150%; }
h4 { font-size: 125%; }
h5, h6 { font-size: 100%; text-transform: uppercase; font-weight: bold; }

p { padding-bottom: 20px; }
pre {  }
li { list-style-type: none; display: block; list-style-position: outside; }
li ul { padding-left: 20px; }
a { color: #369; outline: none; }
a:active, input, select, textarea { outline: none; }
a img { border: none; }
object, embed { outline: none; }
img { vertical-align: middle; border: none; }
strong { font-weight: bold; }
table caption { display: none; }

.cleaner { display: block; clear: both; height: 0px; overflow: hidden; /* margin-top: -1px; */ }
.spacer { margin-bottom: 20px; }

.navbtn { display: block; width: 16px; height: 16px; overflow: hidden; margin: 0 auto; background: left top no-repeat; }
.navbtn.prev { background-image: url(icons/16/arrow_left.png); }
.navbtn.next { background-image: url(icons/16/arrow_right.png); }

/* --- Layout ------------------------------------------------ */
#page_container { margin: auto; width: 100%; min-width: 1000px; }
#page_content, #sub_content { box-shadow: inset 0 6px 12px rgba(0,0,0,0.33); position: fixed; top: 40px; left: 0; right: 0; bottom: 20px; z-index: 0; overflow: auto; }
#page_content { /* right: 25% */ }
#sub_content { /* left: 75%; background: rgba(128,128,128,.33); box-shadow: -6px 0 6px rgba(0,0,0,0.1) , inset -3px 6px 6px rgba(0,0,0,0.33); */ display: none; }
.content {  }
.content div.inn { padding: 20px; padding-bottom: 50px; }
#sub_content div.inn { padding: 20px; background: rgba(0,0,0,.1) }
#sub_content #external_help_page { display: none; }
#sub_content iframe { width: 99.5%; height: 99%; }
#sub_content iframe body { padding: 20px; }

#page_content.on { right: 25% }
#sub_content.on { left: 75%; display: block; }

#header { background: rgba(95,100,115,1); position: fixed; top: 0; left: 0; width: 100%; height: 40px; z-index: 2; }

#footer { padding: 0 20px; color: rgba(0,0,0,0.33); z-index: 2; }
#footer a { color: rgba(0,0,0,0.33); }

#footer_content { position: fixed; left: 0; bottom: 0; width: 100%; height: 20px; background: rgba(50,60,80,0.75); box-shadow: 0 -4px 6px rgba(0,0,0,0.2); color: rgba(255,255,255,0.75); }
#footer_content a { color: rgba(255,255,255,0.75); text-decoration: none; }
#footer_parnetr_addon { display: none; }

#footer .links { width: auto; text-align: left; border-collapse: collapse; }
#footer .links td { padding: 0 20px; background: transparent 0px center no-repeat; background-size: 16px; line-height: 20px; }

#footer .support { position: absolute; top: 0; left: 0; }

#footer .links.personal { position: absolute; top: 0; right: 0; }
#footer .links.personal td {  }

#footer .links .tv 			{  background-image: url(icons/16/group.png); }
#footer .links .wiki 		{  background-image: url(icons/16/help.png); }
#footer .links .ticket 		{  background-image: url(footer_support_ticket.png); display: none; }
#footer .links .user 		{  background-image: url(icons/16/user.png); }
#footer .links .exit 		{  background-image: url(icons/16/cross_white.png); }
#footer .links .wai 		{  background-image: url(icons/16/in_color.png); }
#footer .links .syslog 		{  background-image: url(icons/16/information.png); padding-left: 0; }

#footer .links .syslog a	{ padding-left: 20px; }
/* --- CONTENT STRUCTURE ---------------------------------------------------------------------------------------------- */
.sub {  }
.main {  }

.main_subcontainer { margin: -20px 0 -21px -20px; background: url(/images/bgrd_sidebar_mainsubleft.gif) left top repeat-y; }
.main_submain { padding: 20px 0 20px 200px; }

.main_subleft { float: left; background: #323C4E; padding: 10px 5px 10px 0; width: 175px; }
.main_subleft h3 { color: #f0dc98; text-indent: 10px; padding-bottom: 5px; }
.main_subleft span { text-align: right; padding-top: 2px; display: block; }
.main_subleft span a { color: #848a95; }
.main_subleft form { background: #848a95; }
.main_subleft .list td,.main_subleft .calendar td { background: #FFF; }

/* --- TOP ------------------------------------------------------------------------------------------------------------ */
#header .top { position: relative; padding-right: 300px; color: rgba(255, 255, 255,0.33); /* margin-bottom: 20px; */ }
#header .top a { padding: 0 10px; text-transform: capitalize; color: rgba(255, 255, 255,0.33); }
#header .top span { line-height: 18px; }

#header .left { display: block; }
#header .right { display: none; }
#header .left div { position: relative; display: block; float: left; /* padding: 0 10px */ }
#header .left ul { position: absolute; top: 20px; left: 0; border-top: solid 1px #666; display: none; }
#header .left li { padding-right: 50px; border-bottom: solid 1px #666; text-align: left; background: #333; }
#header .left li a { padding-right: 50px; padding-left: 30px; background: transparent 10px center no-repeat; }

#header #header_langs { padding-right: 0; position: absolute; left: 20px; top: 8px; }
#header #change_lang { padding: 0; }
#header #header_date { display: none; }
#header #header_langs a.lang_bg { background-image: url(icons/lang_bg.gif); }
#header #header_langs a.lang_en { background-image: url(icons/lang_en.gif); }
#header #header_langs a.lang_ro { background-image: url(icons/lang_ro.gif); }
#header #header_langs a.lang_mk { background-image: url(icons/lang_mk.gif); }
#header #header_langs a.lang_sr { background-image: url(icons/lang_sr.gif); }
#header #header_langs a.lang_fi { background-image: url(icons/lang_fi.gif); }
#header #header_langs a.lang_ru { background-image: url(icons/lang_ru.gif); }

#top_fast_search { position: absolute; right: 10px; top: 5px; width: 280px; height: 30px; border-radius: 0 0 0 12px; }
#top_fast_search .search_type { display: block; width: 16px; height: 16px; float: left; margin: 7px 8px 0 8px; padding: 0; }
#top_fast_search input { width: 230px; margin-top: 2px; }

#top_fast_search .result { position: absolute; right: 10px; top: 30px; padding: 0; display: none; border: 5px solid rgba(95,100,115,1); border-width: 0 5px; white-space: nowrap; background: #F0F0F0 url(bgrd_content.png); box-shadow: 0 6px 12px rgba(0,0,0,0.33) }
#top_fast_search .result ul { padding: 0 ; margin: 0; width: 230px; max-height: 450px; overflow: auto; overflow-x: hidden; border-bottom: solid 5px rgba(95,100,115,1); background: rgba(95,100,115,0.6); }
#top_fast_search .result ul ul { max-height: 100%; overflow: visible; border: none; }
#top_fast_search .result li { display: block; color: rgba(0,0,0,0.75); font-weight: bold; }
#top_fast_search .result a, #top_fast_search .result span { display: block; padding: 0 5px; height: 20px; line-height: 19px; border-bottom: solid 1px rgba(0,0,0,0.2); }
#top_fast_search .result a { font-weight: normal; color: rgba(255,255,255,0.75); padding-left: 25px; background: url(icons/16/link.png) 5px center no-repeat; }
#top_fast_search .result a.selected { background-color: rgba(95,100,115,0.65); color: rgba(255,255,255,1); }
#top_fast_search .result b { background-color: rgba(0,0,0,0.2); font-weight: normal; }
#top_fast_search .result ul ul span { text-align: right; background: rgba(95,100,115,0.8); color: rgba(255,255,255,0.5); height: 10px !important; line-height: 10px !important; font-weight: normal; }
#top_fast_search .result a.action { color: #FF9; background-image: url(icons/16/add.png); }

#top_fast_search .search_type ul { display: none; background: rgba(95,100,115,1); padding: 5px; margin: 0 0 0 -5px; width: 16px; position: absolute; }
#top_fast_search .search_type a { display: block; padding: 0; background-repeat: no-repeat; background-position: center; margin-bottom: 5px; }
#top_fast_search .search_type .icon {  width: 16px; height: 20px; }

/* --- Navigation tabs ------------------------------------------------------------------------------------------------------------ */
#header #logo { color: #FFF; text-align: right; padding: 10px 20px 5px 20px; margin: 0 0 -35px 0; position: absolute; right: 0; top: 20px; display: none; }

/* --- Navigation tabs ------------------------------------------------------------------------------------------------------------ */

#header .wraper ul { /*margin-right: 270px; */ }
#header .wraper li { display: block; float: left; position: relative; }
#header .wraper a { font-weight: bold; text-decoration: none; text-transform: uppercase; color: rgba(255,255,255,0.6); text-shadow: -1px -1px 1px rgba(0,0,0,0.1); padding: 0 10px; display: inline-block; }
#header .wraper .selected, #header .wraper .tabs-selected { }
#header .wraper .selected a, #header .wraper .tabs-selected a { color: #FFF; text-shadow: none; }
#header .wraper a.temp { color: #FF9; }

#header ul.l1, #header ul.l2 { display: none; }
#header #nav { display: none; position: absolute; left: 10px; min-width: 600px; padding: 0 10px 10px 10px; background: rgba(75,80,95,0.965); box-shadow: 0 6px 12px rgba(0,0,0,0.5); z-index: 1; }

#header .main_tabs ul { padding-left: 40px; line-height: 40px; overflow: hidden; }

#header #nav li { /* border: 1px solid rgba(255,255,255,0.1); border-width: 1px 1px 0 1px; margin-left: -1px; */ }
#header #nav li:last-child { /* border-bottom: 1px solid rgba(255,255,255,0.1); */ }
#header #nav a { width: 130px; overflow: hidden; white-space: nowrap; line-height: 10px; padding: 7px 10px; }

#header #nav .l1 { background: rgba(0,0,0,0.1); overflow: hidden; border-bottom: 1px solid rgba(255,255,255,0.1); }
#header #nav .l2 { width: 150px; float: left; box-shadow: -3px 0 6px rgba(0,0,0,0.05); }
#header #nav .l2 a { font-weight: normal; text-transform: none; white-space: normal; }

#header #nav a:hover { background: rgba(0,0,0,0.1); color: #FF9; }


/* --- Elements ------------------------------------------------------------------------------------------------------------ */
#wai { display: none; }
#wai { background: #848a95; color: #FFF; border-bottom: solid 1px #323C4E; height: 30px; line-height: 30px; margin: -21px -20px 20px -20px; }
#wai .left { float: left; padding-left: 15px; }
#wai .right { float: right; padding-right: 15px; }


#header ul#icons_tools { display: block; position: absolute; top: 10px; right: 290px; height: 30px; overflow: hidden; border: none; }
ul#icons_tools li,
ul#icons_tools a { display: block; float: left; border: none; padding: 0; }
ul#icons_tools a { height: 30px; line-height: 30px; }
ul#icons_tools #new_task_alert { margin: 7px 0 0 0; }
ul#icons_tools #page_help_toggle { margin-right: 7px; }


.loader { background: #900 left center no-repeat; box-shadow: 0 3px 6px rgba(0,0,0,0.33); color: #FFF; position: fixed; top: 50%; left: 50%; padding: 5px 20px; margin: -20px 0 0 -100px; }
.loader span { text-decoration: blink; }
.loader a { color: #FF0; }

.preloader_bar { background: #FFF left center no-repeat; box-shadow: 0 3px 6px rgba(0,0,0,0.33); position: fixed; top: 50%; left: 50%; padding: 20px; margin: -110px 0 0 -285px; width: 570px; border-radius:3px; }
.preloader_bar span { display: block; }
.preloader_bar .loader_bar { 
	border-radius: 4px; overflow: hidden;
	background: #CCC; 
	background: -moz-linear-gradient(top, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%);
	background: -webkit-linear-gradient(top, rgba(226,226,226,1) 0%,rgba(219,219,219,1) 50%,rgba(209,209,209,1) 51%,rgba(254,254,254,1) 100%);
	border: solid 1px rgba(0,0,0,0.1); border-width: 0 1px 1px 1px;
	margin: 5px 0 5px 0;
} 
.preloader_bar .loader_progress { 
	width: 0%;
	height: 15px;
	background: -moz-linear-gradient(top, rgba(59,103,158,1) 0%, rgba(43,136,217,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%);
	background: -webkit-linear-gradient(top, rgba(59,103,158,1) 0%,rgba(43,136,217,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%);
}
.preloader_bar .loader_cancel { width: 16px; height: 16px; overflow: hidden; position: absolute; bottom: 20px; right: 20px; text-indent: 16px; white-space: nowrap; background: url(icons/16/cross.png) center center no-repeat; }


/* PANEL ------------------------------------------------------------------------------------------------ */
.panel { border: 1px solid rgba(0,0,0,0.1); background: rgba(0,0,0,0.05); padding: 0 10px; margin-bottom: 20px; }
.panel p { display: block; margin: 0; padding: 5px 0; border-bottom: solid 1px #CCC; }
.panel table { width: 100%; border-collapse: collapse; }

.panel .inner { margin: 10px 0; }

h1 .actions { display: block; float: right; border: solid 1px #CCC; border-radius: 5px; padding: 5px; }
h1 .actions .act { float: left; margin-right: 5px; }
h1 .actions .act:last-child { margin-right: 0; }
h1 .subtitle { display: block; font-size: 0.66em; }

/* GENERAL ---------------------------------------------------------------------------------------------- */
.bold { font-weight: bold; }
.light { font-weight: normal; color: #999; }
.left { float: left; }
.underline { text-decoration: underline; }
.italic { font-style: italic; }
.right { float: right; }
.txt_left { text-align: left; }
.num,.txt_right { text-align: right; }
.txt_center { text-align: center; }
.border-top { border-top: solid 1px #CCC; }
.nowrap { white-space: nowrap; }
.hidden { display: none; }
.invisible { visibility: hidden; }
.readonly { color: #999; }


div.preloader { min-height: 25px; text-indent: 20px; }
div.warning { padding: 10px; border: solid 1px #C99; background-color: #FFEBC6; margin-bottom: 10px; }
div.error { padding: 10px; border: solid 1px #C99; background-color: #E5CCCC; margin-bottom: 10px; }


.col { display: block; float: left; margin: 0 0 20px 0; padding-right: 20px; box-sizing: border-box; -moz-box-sizing: border-box; }
.col.c1,.col.c100 { float: none; margin-right: 0; padding-right: 0; }

.col.c2 { width: 50%; }
.col.c3 { width: 33.33%; }
.col.c4 { width: 25%; }
.col.c5 { width: 20%; }
.col.c6 { width: 16.66%; }
.col.c7 { width: 14.28%; }
.col.c8 { width: 12.5%; }
.col.c9 { width: 11.11%; }
.col.c10 { width: 10%; }

.col.c23 { width: 66.66%; }
.col.c34 { width: 75%; }
.col.c25 { width: 40%; }
.col.c35 { width: 60%; }
.col.c45 { width: 80%; }
.col.c56 { width: 83.33%; }
/*
.col.c27 { width: 28.56%; }
.col.c37 { width: 42.84%; }
.col.c47 { width: 57.12%; }
.col.c57 { width: 71.4%; }
.col.c67 { width: 85.68%; }
*/

.col.cX { margin-right: 20px; }
.col.cXF { width: 250px; margin-right: 20px; }

.col .col, /* .col .c2, .col .c3, .col .c4, .col .c5, .col .c6, .col .c23, .col .c34, .col .c45, .col .c56, */
.col fieldset:last-child,.col .fieldset:last-child { margin-bottom: 0; }




/* GENERAL ---------------------------------------------------------------------------------------------- */
.hr { margin: 0; position: relative; height: 0; border-top: 1px solid rgba(0,0,0,.05); border-bottom: 1px solid rgba(255,255,255,.5); z-index: -99; }
.hr.full span { position: absolute; display: block; border: none; height: 80px; top: -80px; z-index: -100; }

.hr.full span.first {
	width: 80px; left: 0;
	background: -webkit-radial-gradient(bottom right,circle,rgba(0,0,0,.1),transparent 80px,transparent 100%);
	background: -moz-radial-gradient(bottom right,circle,rgba(0,0,0,.1),transparent 80px,transparent 100%);
	background: -o-linear-gradient(bottom right,circle,rgba(0,0,0,.1),transparent 80px,transparent 100%);
}

.hr.full span.second {
	width: 80px; right: 0;
	background: -webkit-radial-gradient(bottom left,circle,rgba(0,0,0,.1),transparent 80px,transparent 100%);
	background: -moz-radial-gradient(bottom left,circle,rgba(0,0,0,.1),transparent 80px,transparent 100%);
	background: -o-linear-gradient(bottom left,circle,rgba(0,0,0,.1),transparent 80px,transparent 100%);
}

.hr.full span.third {
	position: relative; margin-left: 80px; margin-right: 80px; top: -80px;
	background: -moz-linear-gradient(bottom,rgba(0,0,0,.12),rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 1px,transparent 80px,transparent 100%);
	background: -webkit-linear-gradient(bottom,rgba(0,0,0,.12),rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 1px,transparent 80px,transparent 100%);
	background: -o-linear-gradient(bottom,rgba(0,0,0,.12),rgba(0,0,0,.1) 1px,rgba(0,0,0,.1) 1px,transparent 80px,transparent 100%);
}

/* #footer .hr.full { box-shadow: 0 2px 14px rgba(0,0,0,0.2); } */
#header .hr/* , #footer .hr */ { display: none; }