/** Contents:
 * - GLOBAL SETTINGS
 * - LAYOUT
 * - GENERAL MARKUP
 * - COMMON ELEMENTS
 * - PAGES
*/

/* GLOBAL SETTINGS */

/* General styles */
body, html {padding: 0; margin: 0;}
body {background-color: #FFF; background-image: none; text-align: left;}
body, td {font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; color: #000;}
img {border: 0;}
td, img, input, select, label {vertical-align: middle;}
input, select, textarea, button {font-family: Arial, Tahoma, Verdana, sans-serif;}

/* Basic content styles */
p {text-align: left; padding: 0; margin: 0 0 10px; line-height: 19px;}
p.last {margin: 0;}
a {color: #000; text-decoration: underline;}
.extlink {padding-right: 14px; background: url(../img/extlink.gif) no-repeat 100% 50%}
ul {margin: 0; padding: 0;}
ol {margin: 0; padding: 0 0 0 4px;}
li {padding: 0; margin: 0 0 10px 15px; text-align: left; line-height: 19px;}
li ul {margin: 10px 0 0 0;}
li ol {margin: 10px 0 0 0;}
ul li {list-style-type: none; list-style-image: url(../img/li.gif);}
ol li {list-style-type: decimal;}
form {padding: 0; margin: 0;}
hr {margin: 5px 0; font-size: 1px; line-height: 1px; border: 0; border-top: 1px solid #666;}
.color-green hr {border-color: #3c843c;}
.color-blue hr {border-color: #3c8484;}
.color-yellow hr {border-color: #84843c;}
.color-red hr {border-color: #843c3c;}
.bigger {font-size: 14px;}
.dn {display: none;}
.preload {position: absolute; left: -100px; top: -1000px;}
.nobr {white-space: nowrap;}
.transparent {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}
.placeholder {color: #888;}
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.red, .star {color: #800;}
.link {cursor: pointer;}
.clear {clear: both; font-size: 1px; line-height: 1px; height: 0px;}
.border- {border-collapse: collapse; width: 100%;}
.border- td {padding: 0;}
.clickable {border-bottom: 1px dashed #ccc; cursor: pointer;}
a.clickable {text-decoration: none;}
.with-hint {}
.color-green .with-hint {border-bottom: 1px dotted #3c843c;}
.color-blue .with-hint {border-bottom: 1px dotted #3c8484;}
.color-yellow .with-hint {border-bottom: 1px dotted #84843c;}
.color-red .with-hint {border-bottom: 1px dotted #843c3c;}
.color-green .with-hint {border-color: #3c843c;}
.project-state-NOT_ST {color: #bebe17;}
.project-state-RUNNING {color: #080;}
.project-state-FINISHED {color: #333;}
.note {color: #666;}
.note a {color: #666;}
.disabled {color: #aaa;}
.disabled a {color: #aaa;}
.small {font-size: 11px;}
.section-sep {padding-left: 12px; background: url(../img/li.gif) 6px 1px no-repeat;}
.hl {}
.color-green .hl {color: #3c843c;}
.color-green .hl a {color: #3c843c;}
.color-blue .hl {color: #3c8484;}
.color-blue .hl a {color: #3c8484;}
.color-yellow .hl {color: #84843c;}
.color-yellow .hl a {color: #84843c;}
.color-red .hl {color: #843c3c;}
.color-red .hl a {color: #843c3c;}

/* LAYOUT */

/* Basic markup */
#main {padding: 0; min-width: 772px;}
.columns-wrap {padding: 10px; background: #ababab;}
.columns-wrap-community {background: #eaeaea;}
.columns {border-spacing: 0; width: 100%;}
.columns .left-column {padding: 0 10px 0 0; width: 224px; vertical-align: top;}
.columns .center-column {padding: 15px 0; vertical-align: top; background: #fff; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px;}
.columns-top .center-column {-webkit-border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; border-radius: 8px 8px 0 0;}
.columns-mid .center-column {-webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.columns-bottom .center-column {-webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; border-radius: 0 0 8px 8px;}
.columns .right-column {padding: 0 0 0 10px; width: 224px; vertical-align: top;}
.content {clear: both; padding-left: 15px; padding-right: 15px;}
.content-left-pad- {padding-left: 75px;}
.columns-wrap-community .columns .center-column {border: 2px solid rgba(0, 0, 0, 0.2);}
.columns .center-column-disabled {background: #eee; border: 1px solid #8f8f8f;}

/* 3 columns of widgets */
.columns-wrap-widgets {padding: 0 5px;}
.columns-widgets .left-column {padding: 0; width: 234px;}
.columns-widgets .center-column {padding: 0; background: none;}
.columns-wrap-community .columns-widgets .center-column {border: 0;}
.columns-widgets .right-column {padding: 0; width: 234px;}
.columns-widgets .placeholder {height: 50px; background: rgba(250, 249, 194, 0.5); border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border: 2px dotted #71726C; margin-bottom: 15px;}
.columns-widgets .ui-sortable-helper .widget {opacity: 0.8; box-shadow: 0 0 15px #000;}
.columns-widgets .widgets-inner- {margin: 5px 0; padding: 5px 5px 0; position: relative;}

.columns-widgets .widgets-inner-admin- {border: 1px dashed #71726c; padding: 3px; margin: 0 1px; background: rgba(255, 255, 255, 0.5);}
.columns-widgets .widgets-inner-admin- .widget {margin-top: 3px;}
.columns-widgets .widgets-inner-admin- .widget .header- {cursor: move;}

.columns-widgets-community .left-column {padding-right: 5px; width: 234px;}
.columns-widgets-community .center-column {padding: 0 5px; background: rgba(0, 0, 0, 0.2); -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0;}
.columns-widgets-community .right-column {padding-left: 5px; width: 234px;}

.columns-widgets-community .widgets-inner-admin- {background: none;}
.columns-widgets-community .widgets-inner-admin- .widget {margin: 0;}
.columns-widgets-community .widgets-inner-admin- .widget-wrap {padding: 2px 0 0;}
.columns-widgets-community .widgets-inner-admin- .widget-wrap-loading {padding: 2px;}
.columns-widgets-community .widgets-inner-admin- .widget-inner-wrap- {margin-top: 3px; background: rgba(0, 0, 0, 0.2); padding: 2px; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px;}

/* GENERAL MARKUP */

/* top menu */
.intmenu {height: 25px; background: url(../img/intmenu-bg.gif) repeat-x left top; font-family: arial, sans-serif;}
.intmenu .list- {height: 25px; margin: 0 auto; padding: 0; font-size: 12px; line-height: 22px; color: #000;}
.intmenu a,
.intmenu a:visited {border-bottom: 1px solid #808080; text-decoration: none; color: #000;}
.intmenu li {display: inline; float: right; position: relative; padding: 1px 10px 0; margin: 0;}
.intmenu li.current- {background: #fff url(../img/intmenu-bg-l.gif) no-repeat left top; padding: 0 0 0 10px; height: 25px;}
.intmenu li.current- a,
.intmenu li.current- a:visited {color: #000;}
.intmenu li.current- div {background: #fff url(../img/intmenu-bg-r.gif) no-repeat right top; padding: 1px 10px 0 0; float: left;}
.intmenu .item- {float: left; height: 25px; color: #999;}
.intmenu .project-name- {float: left; font-weight: bold;}
.intmenu .service- {display: inline; float: left; overflow: hidden; width: 460px; height: 25px;}
.intmenu .user- {float: right;}

/* ENDPOINT_PROJECT_HEAD_BEGIN */

/* Head: logo, menu, current user */
#head {height: 30px; clear: both; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 14px; color: #222;}
#head .head-outer- {height: 30px; background: #e7e6db url(../img/head-bg.gif) 0 0 repeat-x; overflow: hidden;}
#head .l- {display: block; float: left; height: 30px;}
#head .r- {display: block; float: right; height: 30px;}
#head .logo- {color: #222; line-height: 26px; padding: 0 6px 0 0px; font-size: 16px;}
#head .logo- a {color: #222;}
#head .logo- img {}
#head .link- {line-height: 28px; color: #222; padding: 0 8px;}
#head .link- a {color: #222;}
#head .link-sep- {width: 8px; height: 30px;}
#head .link-sep-left- {background: url(../img/head-bg.gif) 0 -30px no-repeat;}
#head .link-sep-right- {background: url(../img/head-bg.gif) 0 -60px no-repeat;}
#head .link-current- {color: #000; background: #fff;}
#head .link-current- a {color: #000;}
#head .link-project- {font-size: 14px; color: #fff;}
#head .link-project- a {color: #fff;}
#head .link-project-left- {padding-left: 10px;}
#head .r-link- {line-height: 28px; padding-right: 15px;}
#head .r-link- a {color: #222;}
#head .project-arr- {line-height: 28px; font-size: 18px; color: #fff; padding-left: 10px;}
#head .project-sep- {line-height: 28px; font-size: 16px; color: #fff; padding-left: 15px;}
#head .ico- {margin-left: 9px;}
#head .ico- a {display: block; height: 30px; width: 35px; background-image: url(../img/head-icons.png); background-repeat: no-repeat; text-decoration: none;}
#head .ico- a.ico-pm- {background-position: 0 0;}
#head .ico- a.ico-read- {background-position: 50% 0;}
#head .ico- a.ico-calendar- {background-position: 100% 0;}
#head .ico- a.ico-pm-:hover {background-position: 0 -30px;}
#head .ico- a.ico-read-:hover {background-position: 50% -30px;}
#head .ico- a.ico-calendar-:hover {background-position: 100% -30px;}
#head .ico-number- a.ico-pm- {background-position: 0 -60px;}
#head .ico-number- a.ico-read- {background-position: 50% -60px;}
#head .ico-number- a.ico-calendar- {background-position: 100% -60px;}
#head .ico-number- a.ico-pm-:hover {background-position: 0 -90px;}
#head .ico-number- a.ico-read-:hover {background-position: 50% -90px;}
#head .ico-number- a.ico-calendar-:hover {background-position: 100% -90px;}
#head .ico-number- a {}
#head .ico-number- a span {display: block; height: 11px; padding-top: 15px; margin: 0 0 0 18px; font-size: 11px; line-height: 10px; color: #222; text-align: center;}
#head .user- {margin-left: 45px; line-height: 29px;}
#head .user- a {display: block; height: 30px; padding-left: 8px; color: #222; font-weight: bold; white-space: nowrap; text-decoration: none;}
#head .user- a span {display: block; float: left; height: 29px; line-height: 29px; text-decoration: underline;}
#head .user- a.hover- {background: #f9ec3f; color: #222;}
#head .user- a img {margin: 3px 4px 3px 10px; vertical-align: top;}
#head .user-dd-container- {position: relative;}
#head .user-dd- {display: none; position: absolute; right: 0; top: 30px; z-index: 800; padding: 10px 6px; background: #f9ec3f; color: #222;}
#head .user-dd- a {color: #222; white-space: nowrap; padding: 2px 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
#head .user-dd- a:hover {background: #fff; color: #000; text-decoration: none;}
#head .user-dd- .user-dd-head- {padding: 0 0 4px 4px; font-size: 16px;}
#head .user-dd- .user-dd-link- {margin-top: 6px; font-size: 12px;}

/* Project head */
#project-head {width: 100%; border-spacing: 0; border-collapse: collapse; padding: 0; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; color: #000;}
#project-head td, #project-head th {padding: 0;}
#project-head .transparent- {background: #fff; background: rgba(255, 255, 255, 0.7);}
#project-head .logo- {width: 0; padding: 0;}
#project-head .logo- .bottomline- {position: absolute; left:0; top: 56px; height: 31px; line-height: 31px; width: 100%; z-index: 0;}
#project-head .logo- .sep- {height: 75px; padding: 6px; position: relative;}
#project-head .logo- .sep- img {position: relative;}
#project-head .top- {width: 100%; vertical-align: top;}
#project-head .top-wrap- {width: 100%; position: relative;}
#project-head .top- .status- {text-align: right; font-size: 11px; color: #606060; line-height: 15px; position: absolute; right:0; top: 0;  z-index: 100;}
#project-head .top- .status- .warning- {padding: 5px 8px 6px; background: #d71f1f; color: #fff;}
#project-head .top- .status- .warning- a {color: #fff;}
#project-head .top- .status- .info- {padding: 5px 8px 6px; -moz-border-radius: 0 0 0 7px; -webkit-border-radius: 0 0 0 7px; border-radius: 0 0 0 7px; color: #000;}
#project-head .top- .status- a {color: #000;}
#project-head .top- .title-wrap- {float: left; height: 48px; position: relative;}
#project-head .top- .title- {float: left; text-align: left; font-size: 24px; color: #000; line-height: 24px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 0 7px; margin: 7px 0 0 0; position: relative; height: 38px; line-height: 38px;}
#project-head .top- .title- a {color: #000; text-decoration: underline; display:block;}
#project-head .top- .button- {position: absolute; left: 100%; margin: 18px 0 0 -124px; z-index: 1;}
#project-head .bottom- {vertical-align: bottom;}
#project-head .bottom- .menu- {height: 31px; overflow: hidden; padding: 0;}
#project-head .bottom- .menu- .item- {float: left; margin-right: 4px; white-space: nowrap;}
/* IE6 */
* html #project-head .bottom- .menu- .item- {width: 0;}
#project-head .bottom- .menu- .item- .clickable {border-color: #333;}
#project-head .bottom- .menu- .item-selected- {}
#project-head .bottom- .menu- .item-selected- .clickable {border-color: #fff;}
#project-head .bottom- .menu- .item-inner- {height: 31px; padding: 0 7px; font-size: 14px; line-height: 30px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; position: relative;}
#project-head .bottom- .menu- .item-inner- a {color: #000;}
#project-head .bottom- .menu- .item-selected- .item-inner- {color: #fff;}
#project-head .bottom- .menu- .item-selected- .item-inner- a {color: #fff;}
#project-head .bottom- .menu- .item-admin- a {color: #800000;}
#project-head .bottom- .menu- .item-admin- span {color: #800000;}
#project-head .bottom- .menu- .item-admin- .clickable {border-color: #800000;}
#project-head .bottom- .menu-dd-wrap- {position: relative; height: 1px; width: 0;}
#project-head .bottom- .menu-dd- {position: absolute; top: 34px; z-index: 2; padding: 3px; border-style: solid; border-width: 0 2px 2px 2px; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px;}
#project-head .bottom- .menu-dd- table {min-width: 100px;}
#project-head .bottom- .menu-dd- td {padding: 0;}
#project-head .bottom- .menu-dd- a {display: block; height: 26px; line-height: 26px; padding: 0 6px; font-size: 14px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: nowrap;}
#project-head .bottom- .menu-dd- a:hover {background: #fff; color: #000;}
#project-head .bottom- .menu-dd- .menu-dd-item-selected- a {height: 22px; line-height: 22px; border: 2px solid #fff;}
.color-green #project-head {border-bottom: 2px solid #259c25; border-top: 2px solid #259c25;}
.color-green #project-head .bottom- .menu- .item-selected- .item-inner- {background: #259c25;}
.color-green #project-head .bottom- .menu- .item-selected- .item-admin- {background: #800000;}
.color-green #project-head .bottom- .menu-dd-  {background: #5cb55c; border-color: #259c25;}
.color-blue #project-head {border-bottom: 2px solid #259c9c; border-top: 2px solid #259c9c;}
.color-blue #project-head .bottom- .menu- .item-selected- .item-inner- {background: #259c9c;}
.color-blue #project-head .bottom- .menu- .item-selected- .item-admin- {background: #800000;}
.color-blue #project-head .bottom- .menu-dd-  {background: #5cb5b5; border-color: #259c9c;}
.color-yellow #project-head {border-bottom: 2px solid #9c9c25; border-top: 2px solid #9c9c25;}
.color-yellow #project-head .bottom- .menu- .item-selected- .item-inner- {background: #9c9c25;}
.color-yellow #project-head .bottom- .menu- .item-selected- .item-admin- {background: #800000;}
.color-yellow #project-head .bottom- .menu-dd-  {background: #b5b55c; border-color: #9c9c25;}
.color-red #project-head {border-bottom: 2px solid #9c2525; border-top: 2px solid #9c2525;}
.color-red #project-head .bottom- .menu- .item-selected- .item-inner- {background: #9c2525;}
.color-red #project-head .bottom- .menu- .item-selected- .item-admin- {background: #800000;}
.color-red #project-head .bottom- .menu-dd-  {background: #b55c5c; border-color: #9c2525;}

/* ENDPOINT_PROJECT_HEAD_END */

/* Head 2: Main header and second menu */
.head2 {margin: 0 10px 23px 15px;}
.head2-admin- {margin-left: 10px;}
.head2-secondary- {margin-right: 40px;}
.head2 .head2-table- {border-collapse: collapse; width: 100%;}
.head2-secondary- .head2-table- {margin-left: 29px;}
.head2 .head2-table-narrow- {width: auto;}
.head2 .head2-table-left- {padding: 0 10px 0 0; width: 0%; vertical-align: top;}
.head2 .head2-table-right- {padding: 0; width: 100%; vertical-align: top;}
.head2 .profile-up- {position: relative;}
.head2 .profile-up- div {position: absolute; left: -29px; top: 2px;}
.head2 .profile-up- a {display: block; width: 24px; height: 21px; background: url(../img/user_profile_up.gif);}
.head2 .title- .border- {height: 32px;}
.head2 .title- .border- .l- {width: 6px; background-position: 0 0; background-repeat: no-repeat;}
.head2 .title- .border- .c- {font-size: 20px;}
.head2 .title- .border- .c- h1 {padding: 0; margin: 0; font-size: 20px; color: #fff; font-weight: normal;}
.head2 .title- .border- .r- {width: 6px; background-position: 100% 0; background-repeat: no-repeat;}
.head2 .menu- {padding: 26px 0 6px;}
.head2 .no-avatar- .menu- {padding-top: 0;}
.head2 .menu- .menu-item- {float: left;}
.head2 .menu- .menu-item- .border- {height: 25px; width: auto;}
.head2 .menu- .menu-item- .border- .l- {width: 3px;}
.head2 .menu- .menu-item- .border- .r- {width: 3px;}
.head2 .menu- .menu-item- .border- .c- {padding: 0 3px; line-height: 24px; white-space: nowrap; font-size: 15px; color: #000;}
.head2 .menu- .menu-item-selected- .border- .l- {background-position: 0 100%;}
.head2 .menu- .menu-item-selected- .border- .r- {background-position: 100% 100%;}
.head2 .menu- .menu-item-selected- .border- .c- {color: #FFF;}
.head2 .menu- .menu-item-selected- .border- .c- a {color: #FFF;}
.head2 .menu- .menu-sep- {padding: 0 6px; float: left; line-height: 24px; font-size: 15px;}
.head2 .avatar-width- {}
.head2 .avatar- {float: left; padding: 1px; border: 1px solid #34a3a3;}
.color-green .head2 .title- .border- .l- {background-image: url(../img/head2-border-green.gif);}
.color-green .head2 .title- .border- .c- {background: #259c25;}
.color-green .head2 .title- .border- .r- {background-image: url(../img/head2-border-green.gif);}
.color-green .head2 .menu- .menu-item-selected- .border- .l- {background-image: url(../img/head2-border-green.gif);}
.color-green .head2 .menu- .menu-item-selected- .border- .r- {background-image: url(../img/head2-border-green.gif);}
.color-green .head2 .menu- .menu-item-selected- .border- .c- {background: #3c843c;}
.color-blue .head2 .title- .border- .l- {background-image: url(../img/head2-border-blue.gif);}
.color-blue .head2 .title- .border- .c- {background: #259c9c;}
.color-blue .head2 .title- .border- .r- {background-image: url(../img/head2-border-blue.gif);}
.color-blue .head2 .menu- .menu-item-selected- .border- .l- {background-image: url(../img/head2-border-blue.gif);}
.color-blue .head2 .menu- .menu-item-selected- .border- .r- {background-image: url(../img/head2-border-blue.gif);}
.color-blue .head2 .menu- .menu-item-selected- .border- .c- {background: #3c8484;}
.color-yellow .head2 .title- .border- .l- {background-image: url(../img/head2-border-yellow.gif);}
.color-yellow .head2 .title- .border- .c- {background: #9c9c25;}
.color-yellow .head2 .title- .border- .r- {background-image: url(../img/head2-border-yellow.gif);}
.color-yellow .head2 .menu- .menu-item-selected- .border- .l- {background-image: url(../img/head2-border-yellow.gif);}
.color-yellow .head2 .menu- .menu-item-selected- .border- .r- {background-image: url(../img/head2-border-yellow.gif);}
.color-yellow .head2 .menu- .menu-item-selected- .border- .c- {background: #84843c;}
.color-red .head2 .title- .border- .l- {background-image: url(../img/head2-border-red.gif);}
.color-red .head2 .title- .border- .c- {background: #9c2525;}
.color-red .head2 .title- .border- .r- {background-image: url(../img/head2-border-red.gif);}
.color-red .head2 .menu- .menu-item-selected- .border- .l- {background-image: url(../img/head2-border-red.gif);}
.color-red .head2 .menu- .menu-item-selected- .border- .r- {background-image: url(../img/head2-border-red.gif);}
.color-red .head2 .menu- .menu-item-selected- .border- .c- {background: #843c3c;}

/* Lightbox */
.lightbox {}
.lightbox .overlay- {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity: 0.25;
}
.lightbox .dialog-box- {position: fixed; width: 100%; left: 0; top: 0; z-index: 1001;}
.lightbox .dialog- {margin: 0 auto;}
.lightbox .dialog- .head- {height: 24px; position: relative; background: #bababa; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; border-color: #8d8d8d; border-style: solid; border-width: 1px 1px 0 1px;}
.lightbox .dialog- .head- .close- {position: absolute; top: 0px; right: 0; width: 24px; height: 24px; background: url(../img/close.gif) 50% 50% no-repeat; cursor: pointer;}
.lightbox .dialog- .head- .title- {line-height: 23px; font-size: 14px; color: #fff; text-align: center;}
.lightbox .dialog- .main- {background: #fff; -webkit-border-bottom-left-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; border-color: #8d8d8d; border-style: solid; border-width: 0 1px 1px 1px;}
.lightbox .dialog- .content- {padding: 10px;}

.lightbox .dialog- .head- { position: relative;height: 24px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #8d8d8d; -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; background: #bababa;}
.lightbox .dialog- .head- .close- {position: absolute; top: 0px; right: 0; width: 24px; height: 24px; background: url(../img/close.gif) 50% 50% no-repeat; cursor: pointer;}
.lightbox .dialog- .head- .title- { color: #fff; text-align: center; font-size: 14px;line-height: 23px;}
.lightbox .dialog- .main- { border-width: 0 1px 1px 1px; border-style: solid; border-color: #8d8d8d; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px;background: #fff;}
.lightbox .dialog- .content- {padding: 10px;}


.lightbox .dialog- .button-box- {text-align: center;}
.lightbox .dialog- .button-box- .button {margin-bottom: 8px;}
.color-green .lightbox .dialog- .head- {border-color: #259c25; background: #55ba55;}
.color-green .lightbox .dialog- .main- {border-color: #259c25;}
.color-blue .lightbox .dialog- .head- {border-color: #259c9c; background: #55baba;}
.color-blue .lightbox .dialog- .main- {border-color: #259c9c;}
.color-yellow .lightbox .dialog- .head- {border-color: #9c9c25; background: #baba55;}
.color-yellow .lightbox .dialog- .main- {border-color: #9c9c25;}
.color-red .lightbox .dialog- .head- {border-color: #9c2525; background: #ba5555;}
.color-red .lightbox .dialog- .main- {border-color: #9c2525;}
.color-green .lightbox .dialog-red- .head-,
.color-blue .lightbox .dialog-red- .head-,
.color-yellow .lightbox .dialog-red- .head-,
.color-red .lightbox .dialog-red- .head- {border-color: #b62222; background: #d13b3b;}
.color-green .lightbox .dialog-red- .main-,
.color-blue .lightbox .dialog-red- .main-,
.color-yellow .lightbox .dialog-red- .main-,
.color-red .lightbox .dialog-red- .main- {border-color: #b62222;}

.lightbox-autoheight {overflow: auto;}

/* Admin structure lightbox */
.lightbox-admin-structure-add {}
.lightbox-admin-structure-add .field {margin-top: 0;}

/* Communities menu */
#communities-menu {height: 30px; border-bottom: 1px solid #a3a31d; background: #ecec94;}
#communities-menu li {padding: 0 0 0 10px; margin: 0; float: left; height: 30px; list-style-type: none; list-style-image: none; font-size: 12px; line-height: 29px;}

/* Community super head */
.community-sup-head {height: 30px; padding: 0 10px; background: #303030; line-height: 28px; font-size: 14px; color: #fff;}
.community-sup-head a {color: #fff;}
.community-sup-head .arr- {font-size: 18px; padding-right: 10px;}
.community-sup-head .link- {}
.community-sup-head .sep- {padding: 0 15px;}

/* Community head */
#community-head div {position: relative;}
#community-head {width: 100%; height: 89px; border-spacing: 0; border-collapse: collapse; padding: 0;}
#community-head td, #project-head th {padding: 0;}
#community-head .transparent- {background: #fff; background: rgba(255, 255, 255, 0.7);}
#community-head .logo- {width: 0; padding: 0;}
#community-head .logo- .bottomline- {position: absolute; left:0; top: 56px; height: 31px; line-height: 31px; width: 100%; z-index: 0;}
#community-head .logo- .sep- {height: 75px; padding: 6px; position: relative;}
#community-head .logo- .sep- img {position: relative;}
#community-head .top- {width: 100%; vertical-align: top; padding: 0;}
#community-head .top-wrap- {width: 100%; position: relative; padding-top: 1px;}
#community-head .top- .status- {text-align: right; font-size: 11px; color: #606060; line-height: 15px; position: absolute; right:0; top: 0; z-index: 100;}
#community-head .top- .status- .warning- {padding: 5px 8px 6px; background: #d71f1f; color: #fff;}
#community-head .top- .status- .warning- a {color: #fff;}
#community-head .top- .status- .info- {padding: 5px 8px 6px; -moz-border-radius: 0 0 0 7px; -webkit-border-radius: 0 0 0 7px; border-radius: 0 0 0 7px; color: #000;}
#community-head .top- .status- a {color: #000;}
#community-head .top- .title-wrap- {float: left; height: 28px; position: relative; margin-top: 6px;}
#community-head .top- .title- {float: left; text-align: left; font-size: 18px; color: #000; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 0 7px; margin: 0; position: relative; line-height: 28px; height: inherit;}
#community-head .top- .title- a {color: #000; text-decoration: underline; display:block;}
#community-head .top- .title-wrap-wide- {height: 42px; position: relative; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; padding: 0 7px; margin: 6px 6px 0 0; float: none;}
#community-head .top- .title-wrap-wide- .title- {margin-top: 0; margin-bottom: 0; padding-left: 0;}
#community-head .top- .title-wrap-wide- .title-wrap- {margin-top: 0; margin-bottom: 0; padding-left: 0; height: 24px;}
#community-head .top- .descr- {clear: both; color: #777; font-size: 12px; line-height: 18px; height: 18px; margin-top: -4px; font-size: 11px;}
#community-head .top- .descr- a {color: #777;}
#community-head .top- .button- {position: absolute; height: 17px; left: 100%; margin: 7px 0 0 -124px; z-index: 1;}
/* IE6 */
* html #community-head .bottom- .menu- .item- {width: 0;}
#community-head .bottom- {height: 31px; vertical-align: bottom;}
#community-head .bottom- .menu- {overflow: hidden; padding: 0; height: 31px;}
#community-head .bottom- .menu- .item- {float: left; margin-right: 4px; white-space: nowrap;}
#community-head .bottom- .menu- .item-selected- {}
#community-head .bottom- .menu- .item-inner- {height: 31px; padding: 0 6px; font-size: 14px; line-height: 31px; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; border-top: solid 1px transparent; border-left: solid 1px transparent; border-right: solid 1px transparent;}
#community-head .bottom- .menu- .item-inner- a {color: #000;}
#community-head .bottom- .menu- .item-selected- .item-inner- {}
#community-head .bottom- .menu- .item-selected- .item-inner- a {}
#community-head .bottom- .menu- .item-admin- a {color: #800000;}
#community-head .bottom- .menu- .item-admin- span {color: #800000;}
#community-head .bottom- .menu- .item-admin- .clickable {border-color: #800000;}

.color-green #community-head {border-bottom: 2px solid #259c25;}
.color-green #community-head .top- .title- {color: #259c25;}
.color-green #community-head .top- .title- a {color: #259c25;}
.color-green #community-head .bottom- .menu- .item-selected- .item-inner- {background: #aef0ae; border: 1px solid #3c843c;}
.color-green #community-head .bottom- .menu- .item-selected- .item-admin- {background: #f0aeae; border: 1px solid #843c3c;}

.color-blue #community-head {border-bottom: 2px solid #259c9c;}
.color-blue #community-head .top- .title- {color: #259c9c;}
.color-blue #community-head .top- .title- a {color: #259c9c;}
.color-blue #community-head .bottom- .menu- .item-selected- .item-inner- {background: #aef0f0; border: 1px solid #3c8484;}
.color-blue #community-head .bottom- .menu- .item-selected- .item-admin- {background: #f0aeae; border: 1px solid #843c3c;}

.color-yellow #community-head {border-bottom: 2px solid #9c9c25;}
.color-yellow #community-head .top- .title- {color: #9c9c25;}
.color-yellow #community-head .top- .title- a {color: #9c9c25;}
.color-yellow #community-head .bottom- .menu- .item-selected- .item-inner- {background: #f0f0ae; border: 1px solid #84843c;}
.color-yellow #community-head .bottom- .menu- .item-selected- .item-admin- {background: #f0aeae; border: 1px solid #843c3c;}

.color-red #community-head {border-bottom: 2px solid #9c2525;}
.color-red #community-head .top- .title- {color: #9c2525;}
.color-red #community-head .top- .title- a {color: #9c2525;}
.color-red #community-head .bottom- .menu- .item-selected- .item-inner- {background: #f0aeae; border: 1px solid #843c3c;}
.color-red #community-head .bottom- .menu- .item-selected- .item-admin- {background: #f0aeae; border: 1px solid #843c3c;}

/* Minisite head (now it is used only in competence sets) */
#minisite-head {margin-bottom: 10px; padding-left: 15px; padding-right: 10px;}
#minisite-head .border- {width: 100%; height: 75px; border-collapse: collapse;}
#minisite-head .border- td {padding: 0; vertical-align: top;}
#minisite-head .border- .logo- {width: 0%; padding: 0 10px 0 0;}
#minisite-head .border- .left- {width: 0%;}
#minisite-head .border- .left- div {width: 10px; height: 75px; background-position: 0 0; background-repeat: no-repeat;}
#minisite-head .border- .right- {width: 0%;}
#minisite-head .border- .right- div {width: 10px; height: 75px; background-position: 100% 0; background-repeat: no-repeat;}
#minisite-head .border- .main- {width: 100%;}
#minisite-head .border- .main- .title- {height: 32px; line-height: 31px; color: #fff; font-size: 18px; overflow: hidden;}
#minisite-head .border- .main- .title- .site- {float: right; height: 32px; line-height: 31px; font-size: 14px; max-width: 400px; color: #fff;}
#minisite-head .border- .main- .title- .site- a {color: #fff;}
#minisite-head .border- .main- .menu- {height: 41px;}
#minisite-head .border- .main- .menu- .menu-item- {float: left; padding: 9px 3px 0; _width: 10px;}
#minisite-head .border- .main- .menu- .menu-item- div {height: 24px; padding: 0 6px; line-height: 23px; white-space: nowrap; font-size: 15px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#minisite-head .border- .main- .menu- .menu-item-selected- div {color: #fff;}
#minisite-head .border- .main- .menu- .menu-item-selected- div a {color: #fff;}
#minisite-head .border- .main- .menu- .menu-item- div.menu-item-admin- a {color: #9c2525;}
#minisite-head .border- .main- .menu- .menu-item-selected- div.menu-item-admin- {background: #9c2525; color: #fff;}
#minisite-head .border- .main- .menu- .menu-item-selected- div.menu-item-admin- a {color: #fff;}
#minisite-head .border- .main- .bottom-border- {font-size: 1px; line-height: 1px; height: 2px;}
.color-green #minisite-head .border- .left- div {background-image: url(../img/minisite-head-border-green.gif);}
.color-green #minisite-head .border- .right- div {background-image: url(../img/minisite-head-border-green.gif);}
.color-green #minisite-head .border- .main- .title- {background: #259c25;}
.color-green #minisite-head .border- .main- .menu- .menu-item-selected- div {background: #259c25;}
.color-green #minisite-head .border- .main- .menu- .menu-item-selected- div.menu-item-admin- {background: #9c2525;}
.color-green #minisite-head .border- .main- .bottom-border- {background: #259c25;}
.color-blue #minisite-head .border- .left- div {background-image: url(../img/minisite-head-border-blue.gif);}
.color-blue #minisite-head .border- .right- div {background-image: url(../img/minisite-head-border-blue.gif);}
.color-blue #minisite-head .border- .main- .title- {background: #259c9c;}
.color-blue #minisite-head .border- .main- .menu- .menu-item-selected- div {background: #259c9c;}
.color-blue #minisite-head .border- .main- .menu- .menu-item-selected- div.menu-item-admin- {background: #9c2525;}
.color-blue #minisite-head .border- .main- .bottom-border- {background: #259c9c;}
.color-yellow #minisite-head .border- .left- div {background-image: url(../img/minisite-head-border-yellow.gif);}
.color-yellow #minisite-head .border- .right- div {background-image: url(../img/minisite-head-border-yellow.gif);}
.color-yellow #minisite-head .border- .main- .title- {background: #9c9c25;}
.color-yellow #minisite-head .border- .main- .menu- .menu-item-selected- div {background: #9c9c25;}
.color-yellow #minisite-head .border- .main- .menu- .menu-item-selected- div.menu-item-admin- {background: #9c2525;}
.color-yellow #minisite-head .border- .main- .bottom-border- {background: #9c9c25;}
.color-red #minisite-head .border- .left- div {background-image: url(../img/minisite-head-border-red.gif);}
.color-red #minisite-head .border- .right- div {background-image: url(../img/minisite-head-border-red.gif);}
.color-red #minisite-head .border- .main- .title- {background: #9c2525;}
.color-red #minisite-head .border- .main- .menu- .menu-item-selected- div {background: #9c2525;}
.color-red #minisite-head .border- .main- .menu- .menu-item-selected- div.menu-item-admin- {background: #9c2525;}
.color-red #minisite-head .border- .main- .bottom-border- {background: #9c2525;}

/* Headers */
h2 {float: left; margin: 0 0 10px 15px; padding: 0 80px 4px 0; border-bottom: 2px solid #888; color: #888; font-weight: normal; font-size: 20px;}
h2.admin {float: none; margin: 0 0 10px 15px; padding: 0; color: #000; border: 0; font-weight: normal; font-size: 20px;}
h3 {padding: 0 0 10px; margin: 0; font-size: 18px; line-height: 22px; color: #505050; font-weight: normal;}
h3 a {color: #505050;}
h3.down {padding-top: 23px;}
h3.black {color: #000;}
h3.black a {color: #000;}
h3.pre {margin-bottom: 0; padding-bottom: 0; font-size: 16px;}
h3.no-padding {padding: 0;}
.minor {padding-left: 16px; color: #333;}
h3 .minor {font-size: 12px; vertical-align: middle;}
h4 {margin: 0 0 10px; padding: 0 0 0 20px; font-size: 18px; line-height: 20px; background: url(../img/h4-arrow.gif) 6px 4px no-repeat; font-weight: normal; color: #505050;}
h4 a {color: #505050;}
h5 {margin: 0 0 10px; padding: 0; font-size: 16px; line-height: 18px; font-weight: bold; color: #505050;}
h5.pre {margin-bottom: 0; padding-bottom: 0; font-size: 16px;}
h5 a {color: #505050;}
h6 {margin: 0 0 10px; padding: 0 0 0 20px; font-size: 16px; line-height: 18px; background: url(../img/h4-arrow.gif) 6px 4px no-repeat; font-weight: normal; color: #505050;}
h6 a {color: #505050;}

/* Footer */
#footer {margin: 0 0 14px; padding-top: 12px; border-top: 1px solid #999999;}
#footer.footer-wide- {margin-top: 0; margin-left: 0; margin-right: 0;}
#footer p {margin: 0; line-height: 23px; text-align: center;}

/* Debug info */
#debug-info {background: #eee; color: #666; font-size: 11px; padding: 5px 10px 6px; text-align: center;}
#debug-info span {padding: 0 20px 0 0;}
#debug-info i {font-style: normal; color: #000;}
#debug-info i.no_cache {color: #000088;}
#debug-info i.cached {color: #008835;}
#debug-info i.miss {color: #800;}
#debug-info i.cached_partially {color: #880;}
#debug-info i.cached_directly {color: #080;}

/* COMMON ELEMENTS */

/* Forms */
fieldset {padding: 12px 12px 0; margin-bottom: 18px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc;}
fieldset.fake- {padding-top: 4px;}
fieldset legend {margin: 0; padding: 2px; font-size: 16px; color: #3c3c3c;}
fieldset legend.toggle {border-bottom: 1px dashed #3c3c3c; cursor: pointer;}
.field {margin: 10px 0 14px; font-size: 12px;}
.field label {}
.field label.title- {display: block; margin-bottom: 2px; font-size: 14px;}
.field label.inline- {padding-left: 4px;}
.field label.with-next- {padding-right: 10px;}
.field .input-set- {border: 1px solid #ccc; padding: 7px 10px; background: #f4f4f4; width: 96%;}
.field .input-set- .input- {padding: 3px 0;}
.field .input- {}
.field .input-set-no-border- {padding: 0 18px;}
.field .comment- {font-size: 11px; color: #666; margin-top: 1px;}
.field input {margin: 0; font-size: 16px; font-weight: bold; color: #101010;}
.field input.placeholder {color: #888;}
.field .input-text {width: 96%; padding: 4px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cccccc;}
.field .input-password {width: 150px; padding: 4px 2px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cccccc;}
.field .input-checkbox {margin: 0; vertical-align: middle;}
.field .input-file {width: 350px; font-size: 14px;}
.field .input-radio {margin: 0; vertical-align: middle;}
.field .short- {width: 150px;}
.field input.narrow- {width: 150px; font-weight: normal;}
.field select {margin: 0; padding: 2px; max-width: 96%; font-size: 14px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cccccc;}
.field select.wide- {width: 100%;}
.field select.right-margin- {margin-right: 4px;}
.field select.left-margin- {margin-left: 4px;}
.field textarea {width: 96%; height: 150px; padding: 2px; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 15px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; border: 1px solid #cccccc;}
.field .textarea-br- {}
.field input:disabled {background: #eee; color: #666;}
.field input:read-only {background: #eee; color: #666;}
.field input.read-only {background: #eee; color: #666;}
.field select:disabled {background: #eee; color: #666;}
.field select:read-only {background: #eee; color: #666;}
.field select.read-only {background: #eee; color: #666;}
.field textarea:disabled {background: #eee; color: #666;}
.field textarea:read-only {background: #eee; color: #666;}
.field textarea.read-only {background: #eee; color: #666;}
.field div.inline- {float: left; margin-right: 8px;}
.field .datepicker- {border: 0; width: 1px; visibility: hidden;}
.field .date-cleaner- {padding-left: 6px;}
.field .smart-multiselect-search {font-size: 14px; font-weight: normal; margin-bottom: 6px;}
.field .enabler- {}
.field .image- {padding-bottom: 4px;}
.field .image-delete- {padding-top: 4px;}
.field .error- {padding-top: 7px; margin-bottom: 4px; background: url(../img/error_arrow.gif) no-repeat 7px 0;}
.field .error- span {padding: 4px 8px; margin-bottom: 7px; color: #fff; background: #c3424c;}
.field .error- span a {color: #fff;}
.field .error-long- {padding-top: 4px;}
.field .error-long- span {display: block; line-height: 18px;}
.field .ui-datepicker-trigger {cursor: pointer;}

.field_mobile_upload {font-size: 16px;}
.field_mobile_upload ._list {}
.field_mobile_upload ._file {margin-bottom: 1px;}
.field_mobile_upload ._file a {display: block; padding: 0.688em 0 0.813em; margin-right: 5.50em; text-decoration: none;}
.field_mobile_upload ._file a ._icon {margin-right: 0.25em;}
.field_mobile_upload ._file a ._file_name {text-decoration: underline; word-wrap: break-word;}
.field_mobile_upload ._file a ._size {color: #999; font-size: 0.875em;}
.field_mobile_upload ._file ._remove {float: right; padding: .625em 0; width: 2.750em; text-align: center; cursor: pointer;}
.field_mobile_upload ._file ._remove ._icon {font-size: 1.5em; color: #ff7373; vertical-align: middle;}
.field_mobile_upload ._file ._insert_name {float: right; padding: .75em 0 .625em; width: 2.750em; text-align: center; cursor: pointer;}
.field_mobile_upload ._file ._insert_name ._icon {font-size: 1.125em; color: #000; vertical-align: middle;}
.no-touch .field_mobile_upload ._file ._remove:hover ._icon {color: #a00;}
.field_mobile_upload ._button {display: inline-block; position: relative; overflow: hidden; margin-top: .625em; padding: .5em 1.25em; background: #ffdc73; border-radius: .25em; vertical-align: middle; cursor: pointer;}
.field_mobile_upload ._button input {position: absolute; font-size: 3.125em; top: -0.200em; right: -0.800em; z-index: 2; opacity: 0; filter: alpha(opacity=0); cursor: pointer;}
.field_mobile_upload ._button ._text {position: relative; font-size: 1.25em;}
.field_mobile_upload ._button ._progress {position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: .5;}
.field_mobile_upload ._button ._progress ._bar {position: absolute; left: 0; bottom: 0; width: 0; top: 0; background-color: #77B900;}

/* Cities menu */
.cities-menu-block-hidden {visibility: hidden;}
.cities-menu {padding: 0 0 10px;}
.cities-menu .item- {display: inline-block; margin-right: 4px; padding: 4px 8px; font-size: 14px; -webkit-border-radius: 4px; border-radius: 4px;}
.cities-menu .item- span {border-bottom: 1px dashed #000; cursor: pointer;}
.cities-menu .item-selected- {color: #fff;}
.cities-menu .item-selected- span {border-bottom: 0; cursor: default;}
.color-green .cities-menu .item-selected- {background: #259c25;}
.color-blue .cities-menu .item-selected- {background: #259c9c;}
.color-yellow .cities-menu .item-selected- {background: #9c9c25;}
.color-red .cities-menu .item-selected- {background: #9c2525;}

/* Informers */
.info, .error {padding: 7px 0 17px;}
.info span, .error span {color: #fff; padding: 7px 8px;}
.info span a, .error span a {color: #fff;}
.info span {background: #389347;}
.error span {background: #c3424c;}

/* Big error informer */
.error-big {margin: 0 0 10px; padding: 7px 8px; background: #c3424c; line-height: 19px;}
.error-big span {color: #fff;}

/* Big green informer */
.info-big {font-size: 14px; line-height: 19px; text-align: center; padding: 28px 10px 18px; margin-bottom: 10px;}
.info-big p {text-align: center;}
.color-green .info-big {background: #aef0ae; border-top: 1px solid #3c843c; border-bottom: 1px solid #3c843c;}
.color-blue .info-big {background: #aef0f0; border-top: 1px solid #3c8484; border-bottom: 1px solid #3c8484;}
.color-yellow .info-big {background: #f0f0ae; border-top: 1px solid #84843c; border-bottom: 1px solid #84843c;}
.color-red .info-big {background: #f0aeae; border-top: 1px solid #843c3c; border-bottom: 1px solid #843c3c;}

/* Super buttons */
.button {
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	height: 32px;
	line-height: 28px;
	font-size: 16px;
	color: #fff;
	padding: 0 8px 2px;
	position: relative; /* For PIE */
}
.color-green .button {
	background: #239823;
	background: -moz-linear-gradient(top,  #5bcf5b 0%, #239823 64%, #5cd15c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bcf5b), color-stop(64%,#239823), color-stop(100%,#5cd15c));
	background: -webkit-linear-gradient(top,  #5bcf5b 0%,#239823 64%,#5cd15c 100%);
	background: -o-linear-gradient(top,  #5bcf5b 0%,#239823 64%,#5cd15c 100%);
	background: -ms-linear-gradient(top,  #5bcf5b 0%,#239823 64%,#5cd15c 100%);
	background: linear-gradient(top,  #5bcf5b 0%,#239823 64%,#5cd15c 100%);
	border: 1px solid #53a553;
	text-shadow: 0px 1px 0px #346134;
	filter: dropshadow(color=#346134, offx=0, offy=1);
}
.color-blue .button {
	background: #239898;
	background: -moz-linear-gradient(top,  #5bcfcf 0%, #239898 64%, #5cd1d1 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5bcfcf), color-stop(64%,#239898), color-stop(100%,#5cd1d1));
	background: -webkit-linear-gradient(top,  #5bcfcf 0%,#239898 64%,#5cd1d1 100%);
	background: -o-linear-gradient(top,  #5bcfcf 0%,#239898 64%,#5cd1d1 100%);
	background: -ms-linear-gradient(top,  #5bcfcf 0%,#239898 64%,#5cd1d1 100%);
	background: linear-gradient(top,  #5bcfcf 0%,#239898 64%,#5cd1d1 100%);
	border: 1px solid #53a5a5;
	text-shadow: 0px 1px 0px #346161;
	filter: dropshadow(color=#346161, offx=0, offy=1);
}
.color-yellow .button {
	background: #989823;
	background: -moz-linear-gradient(top,  #cfcf5b 0%, #989823 64%, #d1d15c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cfcf5b), color-stop(64%,#989823), color-stop(100%,#d1d15c));
	background: -webkit-linear-gradient(top,  #cfcf5b 0%,#989823 64%,#d1d15c 100%);
	background: -o-linear-gradient(top,  #cfcf5b 0%,#989823 64%,#d1d15c 100%);
	background: -ms-linear-gradient(top,  #cfcf5b 0%,#989823 64%,#d1d15c 100%);
	background: linear-gradient(top,  #cfcf5b 0%,#989823 64%,#d1d15c 100%);
	border: 1px solid #a5a553;
	text-shadow: 0px 1px 0px #616134;
	filter: dropshadow(color=#616134, offx=0, offy=1);
}
.color-red .button {
	background: #982323;
	background: -moz-linear-gradient(top,  #cf5b5b 0%, #982323 64%, #d15c5c 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cf5b5b), color-stop(64%,#982323), color-stop(100%,#d15c5c));
	background: -webkit-linear-gradient(top,  #cf5b5b 0%,#982323 64%,#d15c5c 100%);
	background: -o-linear-gradient(top,  #cf5b5b 0%,#982323 64%,#d15c5c 100%);
	background: -ms-linear-gradient(top,  #cf5b5b 0%,#982323 64%,#d15c5c 100%);
	background: linear-gradient(top,  #cf5b5b 0%,#982323 64%,#d15c5c 100%);
	border: 1px solid #a55353;
	text-shadow: 0px 1px 0px #613434;
	filter: dropshadow(color=#613434, offx=0, offy=1);
}
.color-green .button-disabled,
.color-blue .button-disabled,
.color-yellow .button-disabled,
.color-red .button-disabled {
	background: #b5b5b5;
	background: -moz-linear-gradient(top,  #cdcdcd 0%, #b5b5b5 64%, #cccccc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cdcdcd), color-stop(64%,#b5b5b5), color-stop(100%,#cccccc));
	background: -webkit-linear-gradient(top,  #cdcdcd 0%,#b5b5b5 64%,#cccccc 100%);
	background: -o-linear-gradient(top,  #cdcdcd 0%,#b5b5b5 64%,#cccccc 100%);
	background: -ms-linear-gradient(top,  #cdcdcd 0%,#b5b5b5 64%,#cccccc 100%);
	background: linear-gradient(top,  #cdcdcd 0%,#b5b5b5 64%,#cccccc 100%);
	border: 1px solid #c2c2c2;
	color: #646464;
	text-shadow: 0px 1px 0px #dedede;
	filter: dropshadow(color=#dedede, offx=0, offy=1);
}
.color-green .button-gray,
.color-blue .button-gray,
.color-yellow .button-gray,
.color-red .button-gray {
	background: #7f7f7f;
	background: -moz-linear-gradient(top,  #a9a9a9 0%, #7f7f7f 64%, #a6a6a6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a9a9a9), color-stop(64%,#7f7f7f), color-stop(100%,#a6a6a6));
	background: -webkit-linear-gradient(top,  #a9a9a9 0%,#7f7f7f 64%,#a6a6a6 100%);
	background: -o-linear-gradient(top,  #a9a9a9 0%,#7f7f7f 64%,#a6a6a6 100%);
	background: -ms-linear-gradient(top,  #a9a9a9 0%,#7f7f7f 64%,#a6a6a6 100%);
	background: linear-gradient(top,  #a9a9a9 0%,#7f7f7f 64%,#a6a6a6 100%);
	border: 1px solid #969696;
	text-shadow: 0px 1px 0px #616161;
	filter: dropshadow(color=#616161, offx=0, offy=1);
}
.color-green .button-red,
.color-blue .button-red,
.color-yellow .button-red,
.color-red .button-red {
	background: #cd3232;
	background: -moz-linear-gradient(top,  #ed7b7b 0%, #cd3232 64%, #eb7777 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ed7b7b), color-stop(64%,#cd3232), color-stop(100%,#eb7777));
	background: -webkit-linear-gradient(top,  #ed7b7b 0%,#cd3232 64%,#eb7777 100%);
	background: -o-linear-gradient(top,  #ed7b7b 0%,#cd3232 64%,#eb7777 100%);
	background: -ms-linear-gradient(top,  #ed7b7b 0%,#cd3232 64%,#eb7777 100%);
	background: linear-gradient(top,  #ed7b7b 0%,#cd3232 64%,#eb7777 100%);
	border: 1px solid #e15959;
	text-shadow: 0px 1px 0px #7b0000;
	filter: dropshadow(color=#7b0000, offx=0, offy=1);
}
.color-green .button-green,
.color-blue .button-green,
.color-yellow .button-green,
.color-red .button-green {
	background: #31ca31;
	background: -moz-linear-gradient(top,  #64e564 0%, #31ca31 64%, #61e361 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#64e564), color-stop(64%,#31ca31), color-stop(100%,#61e361));
	background: -webkit-linear-gradient(top,  #64e564 0%,#31ca31 64%,#61e361 100%);
	background: -o-linear-gradient(top,  #64e564 0%,#31ca31 64%,#61e361 100%);
	background: -ms-linear-gradient(top,  #64e564 0%,#31ca31 64%,#61e361 100%);
	background: linear-gradient(top,  #64e564 0%,#31ca31 64%,#61e361 100%);
	border: 1px solid #68d068;
	text-shadow: 0px 1px 0px #007b00;
	filter: dropshadow(color=#007b00, offx=0, offy=1);
}
.button-small {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	height: 28px;
	line-height: 24px;
	font-size: 14px;
	padding-bottom: 0px;
}
.button-large {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	height: 38px;
	line-height: 34px;
	font-size: 21px;
	padding: 0 10px 2px;
}
.button .arrow- {font-size: 18px;}
.button-small .arrow- {font-size: 14px;}
.button-large .arrow- {font-size: 26px;}
.button-block {display: inline-block; text-decoration: none;}
.button-right {margin-left: 10px;}
.bulk-button-box {background: url(../img/bulk-button-arrow.gif) 8px 50% no-repeat; padding-left: 22px; margin-top: 8px;}

.button-join {
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	height: 17px;
	font-size: 12px;
	line-height: 11px;
	color: #fff;
	padding-bottom: 2px;
	background: #808080;
	background: -moz-linear-gradient(top,  #808080 0%, #777777 43%, #727272 44%, #666666 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#808080), color-stop(43%,#777777), color-stop(44%,#727272), color-stop(100%,#666666));
	background: -webkit-linear-gradient(top,  #808080 0%,#777777 43%,#727272 44%,#666666 100%);
	background: -o-linear-gradient(top,  #808080 0%,#777777 43%,#727272 44%,#666666 100%);
	background: -ms-linear-gradient(top,  #808080 0%,#777777 43%,#727272 44%,#666666 100%);
	background: linear-gradient(top,  #808080 0%,#777777 43%,#727272 44%,#666666 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#808080', endColorstr='#666666',GradientType=0 );
	border: 1px solid #5e5e5e;
	text-shadow: 0px 1px 0px #424242;
	filter: dropshadow(color=#424242, offx=0, offy=1);
	cursor: pointer;
}

.button-add {
	display: block;
	padding: 0 8px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	height: 36px;
	line-height: 34px;
	font-size: 16px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	cursor: pointer;
	position: relative; /* For PIE */
}
.color-green .button-add {
	background: #3b8a3b;
	background: -moz-linear-gradient(top,  #43b443 0%, #3b8a3b 64%, #42ab42 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b443), color-stop(64%,#3b8a3b), color-stop(100%,#42ab42));
	background: -webkit-linear-gradient(top,  #43b443 0%,#3b8a3b 64%,#42ab42 100%);
	background: -o-linear-gradient(top,  #43b443 0%,#3b8a3b 64%,#42ab42 100%);
	background: -ms-linear-gradient(top,  #43b443 0%,#3b8a3b 64%,#42ab42 100%);
	background: linear-gradient(top,  #43b443 0%,#3b8a3b 64%,#42ab42 100%);
	border: 1px solid #4f974f;
	text-shadow: 0px 1px 0px #1d621d;
	filter: dropshadow(color=#1d621d, offx=0, offy=1);
}
.color-blue .button-add {
	background: #3b8a8a;
	background: -moz-linear-gradient(top,  #43b4b4 0%, #3b8a8a 64%, #42abab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b4b4), color-stop(64%,#3b8a8a), color-stop(100%,#42abab));
	background: -webkit-linear-gradient(top,  #43b4b4 0%,#3b8a8a 64%,#42abab 100%);
	background: -o-linear-gradient(top,  #43b4b4 0%,#3b8a8a 64%,#42abab 100%);
	background: -ms-linear-gradient(top,  #43b4b4 0%,#3b8a8a 64%,#42abab 100%);
	background: linear-gradient(top,  #43b4b4 0%,#3b8a8a 64%,#42abab 100%);
	border: 1px solid #4f9797;
	text-shadow: 0px 1px 0px #1d6262;
	filter: dropshadow(color=#1d6262, offx=0, offy=1);
}
.color-yellow .button-add {
	background: #8a8a3b;
	background: -moz-linear-gradient(top,  #b4b443 0%, #8a8a3b 64%, #abab42 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b4b443), color-stop(64%,#8a8a3b), color-stop(100%,#abab42));
	background: -webkit-linear-gradient(top,  #b4b443 0%,#8a8a3b 64%,#abab42 100%);
	background: -o-linear-gradient(top,  #b4b443 0%,#8a8a3b 64%,#abab42 100%);
	background: -ms-linear-gradient(top,  #b4b443 0%,#8a8a3b 64%,#abab42 100%);
	background: linear-gradient(top,  #b4b443 0%,#8a8a3b 64%,#abab42 100%);
	border: 1px solid #97974f;
	text-shadow: 0px 1px 0px #62621d;
	filter: dropshadow(color=#62621d, offx=0, offy=1);
}
.color-red .button-add {
	background: #8a3b3b;
	background: -moz-linear-gradient(top,  #b44343 0%, #8a3b3b 64%, #ab4242 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b44343), color-stop(64%,#8a3b3b), color-stop(100%,#ab4242));
	background: -webkit-linear-gradient(top,  #b44343 0%,#8a3b3b 64%,#ab4242 100%);
	background: -o-linear-gradient(top,  #b44343 0%,#8a3b3b 64%,#ab4242 100%);
	background: -ms-linear-gradient(top,  #b44343 0%,#8a3b3b 64%,#ab4242 100%);
	background: linear-gradient(top,  #b44343 0%,#8a3b3b 64%,#ab4242 100%);
	border: 1px solid #974f4f;
	text-shadow: 0px 1px 0px #621d1d;
	filter: dropshadow(color=#621d1d, offx=0, offy=1);
}
.color-green .button-add:hover {
	background: #3e983e;
	background: -moz-linear-gradient(top,  #43b143 0%, #3e983e 64%, #42ab42 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b143), color-stop(64%,#3e983e), color-stop(100%,#42ab42));
	background: -webkit-linear-gradient(top,  #43b143 0%,#3e983e 64%,#42ab42 100%);
	background: -o-linear-gradient(top,  #43b143 0%,#3e983e 64%,#42ab42 100%);
	background: -ms-linear-gradient(top,  #43b143 0%,#3e983e 64%,#42ab42 100%);
	background: linear-gradient(top,  #43b143 0%,#3e983e 64%,#42ab42 100%);
}
.color-blue .button-add:hover {
	background: #3e9898;
	background: -moz-linear-gradient(top,  #43b1b1 0%, #3e9898 64%, #42abab 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#43b1b1), color-stop(64%,#3e9898), color-stop(100%,#42abab));
	background: -webkit-linear-gradient(top,  #43b1b1 0%,#3e9898 64%,#42abab 100%);
	background: -o-linear-gradient(top,  #43b1b1 0%,#3e9898 64%,#42abab 100%);
	background: -ms-linear-gradient(top,  #43b1b1 0%,#3e9898 64%,#42abab 100%);
	background: linear-gradient(top,  #43b1b1 0%,#3e9898 64%,#42abab 100%);
}
.color-yellow .button-add:hover {
	background: #98983e;
	background: -moz-linear-gradient(top,  #b1b143 0%, #98983e 64%, #abab42 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b1b143), color-stop(64%,#98983e), color-stop(100%,#abab42));
	background: -webkit-linear-gradient(top,  #b1b143 0%,#98983e 64%,#abab42 100%);
	background: -o-linear-gradient(top,  #b1b143 0%,#98983e 64%,#abab42 100%);
	background: -ms-linear-gradient(top,  #b1b143 0%,#98983e 64%,#abab42 100%);
	background: linear-gradient(top,  #b1b143 0%,#98983e 64%,#abab42 100%);
}
.color-red .button-add:hover {
	background: #983e3e;
	background: -moz-linear-gradient(top,  #b14343 0%, #983e3e 64%, #ab4242 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b14343), color-stop(64%,#983e3e), color-stop(100%,#ab4242));
	background: -webkit-linear-gradient(top,  #b14343 0%,#983e3e 64%,#ab4242 100%);
	background: -o-linear-gradient(top,  #b14343 0%,#983e3e 64%,#ab4242 100%);
	background: -ms-linear-gradient(top,  #b14343 0%,#983e3e 64%,#ab4242 100%);
	background: linear-gradient(top,  #b14343 0%,#983e3e 64%,#ab4242 100%);
}
.color-green .button-add-disabled,
.color-blue .button-add-disabled,
.color-yellow .button-add-disabled,
.color-red .button-add-disabled {
	color: #646464;
	background: #b6b6b6;
	background: -moz-linear-gradient(top,  #c2c2c2 0%, #b6b6b6 64%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c2), color-stop(64%,#b6b6b6), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
	background: -o-linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
	background: -ms-linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
	background: linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
	border-color: #bebebe;
	text-shadow: 0px 1px 0px #dedede;
	filter: dropshadow(color=#dedede, offx=0, offy=1);
	cursor: default;
}
.button-add-disabled:hover {
	background: #b6b6b6;
	background: -moz-linear-gradient(top,  #c2c2c2 0%, #b6b6b6 64%, #c0c0c0 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c2c2c2), color-stop(64%,#b6b6b6), color-stop(100%,#c0c0c0));
	background: -webkit-linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
	background: -o-linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
	background: -ms-linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
	background: linear-gradient(top,  #c2c2c2 0%,#b6b6b6 64%,#c0c0c0 100%);
}

/* Post */
.post {clear: both;}
.post .author- {float: right; width: 0; margin-left: 10px; border-collapse: collapse; border-left: 1px solid #ccc;}
.post .author- td {padding: 0;}
.post .author- .avatar- {vertical-align: top;}
.post .author- .avatar- span {float: left; display: block; padding: 1px; border: 1px solid #a4a4a4; background: #fff;}
.post .author- .text- {padding: 0 10px 0 10px; vertical-align: top;}
.post .author- .text- a {}
.post .author- .text- b {display: block; font-weight: normal; color: #999;}
.post h3 {padding-bottom: 0;}
.post h3.down {margin-top: 23px; padding-top: 0;}
.post .section- {margin-top: 6px; line-height: 12px;}
.post .section- .caption- {}
.post .section- .link- {color: #333;}
.post .section- .link- a {color: #333;}
.post .content- {margin-top: 10px;}
.post .nav- {margin-top: 10px;}
.post .nav- .block- {float: left; height: 30px; padding: 0 12px; margin-right: 2px; line-height: 29px; background: #e0e0e0; white-space: nowrap; color: #191919; font-size: 11px;}
.post .nav- .block- a {color: #191919;}
.post .nav- .block-first- {-webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}
.post .nav- .block-last- {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.post .nav- .block-comments- {}
.post .nav- .block-comments- .caption- {}
.post .nav- .block-comments- .count- {font-size: 14px; font-weight: bold;}
.post .nav- .block-write- {}
.post .nav- .block-write- .link- {}
.post .nav- .block-date- {}
.post .nav- .block-date- .date- {}
.post .hr- {margin-top: 15px; font-size: 1px; line-height: 1px; height: 1px; background: url(../img/post-hr.gif) 0 0 repeat-x;}
.color-green .post .section- .caption- {color: #259c25;}
.color-green .post .hr- {background-position: 0 0;}
.color-blue .post .section- .caption- {color: #259c9c;}
.color-blue .post .hr- {background-position: 0 -1px;}
.color-yellow .post .section- .caption- {color: #9c9c25;}
.color-yellow .post .hr- {background-position: 0 -2px;}
.color-red .post .section- .caption- {color: #9c2525;}
.color-red .post .hr- {background-position: 0 -3px;}

/* Block set editor */
.block-set-editor {}
.block-set-editor-field-title- {font-size: 14px;}
.block-set-editor hr {
	margin: 2px 0 0;
	height: 6px;
	background: #639463;
	background: -moz-linear-gradient(top,  #639463 0%, #639463 20%, #e2f7e2 21%, #f9fdf9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#639463), color-stop(20%,#639463), color-stop(21%,#e2f7e2), color-stop(100%,#f9fdf9));
	background: -webkit-linear-gradient(top,  #639463 0%,#639463 20%,#e2f7e2 21%,#f9fdf9 100%);
	background: -o-linear-gradient(top,  #639463 0%,#639463 20%,#e2f7e2 21%,#f9fdf9 100%);
	background: -ms-linear-gradient(top,  #639463 0%,#639463 20%,#e2f7e2 21%,#f9fdf9 100%);
	background: linear-gradient(top,  #639463 0%,#639463 20%,#e2f7e2 21%,#f9fdf9 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#639463', endColorstr='#f9fdf9',GradientType=0 );
}
.block-set-editor .buttons- {height: 48px; margin-top: 3px;}
.block-set-editor .buttons- div {float: left;}
.block-set-editor .buttons- .left- {width: 85px; padding-top: 6px; color: #467c46; font-size: 14px;}
.block-set-editor .buttons- .btn- {width: 101px; height: 48px; margin-right: 16px; background-image: url(../img/block-set-buttons.png); background-repeat: no-repeat; cursor: pointer;}
.block-set-editor .buttons- .btn-text- {background-position: 0 0;}
.block-set-editor .buttons- .btn-video- {background-position: 0 -48px;}
.block-set-editor .buttons- .btn-audio- {background-position: 0 -96px;}
.block-set-editor .buttons- .btn-file- {background-position: 0 -144px;}
.block-set-editor .buttons- .btn-image- {background-position: 0 -192px;}
.block-set-editor .buttons- .btn-flash- {background-position: 0 -240px;}
.block-set-editor .buttons- .btn-cut- {background-position: 0 -288px;}
.block-set-editor .block-set {padding-top: 26px;}
.block-set .block- {border-collapse: collapse; table-layout: fixed; width: 100%;}
.block-set .block- .l- {padding: 0; width: 73px; vertical-align: middle;}
.block-set .block- .l- .controls- {height: 17px;}
.block-set .block- .l- .controls- .btn-move- {float: right; margin-right: 2px; width: 20px; height: 17px; background: url(../img/move-up-down.gif) 50% 0 no-repeat; cursor: n-resize;}
.block-set .block- .r- {padding: 5px 0; vertical-align: top;}
.block-set .block- .r- .content- {margin-bottom: -12px; padding-left: 10px; border-left: 2px solid #fff;}
.block-set .block- .r- .border-fix- {border: 1px solid #fff;}
.block-set .block-text- .r- .content- {}
.block-set .block-text- .r- .content-hover- {border-left: 2px solid #c4bb44;}
.block-set .block-video- .r- .content-hover- {border-left: 2px solid #55a6ba;}
.block-set .block-audio- .r- .content-hover- {border-left: 2px solid #bc6551;}
.block-set .block-file- .r- .content-hover- {border-left: 2px solid #96c347;}
.block-set .block-image- .r- .content-hover- {border-left: 2px solid #d1883c;}
.block-set .block-flash- .r- .content-hover- {border-left: 2px solid #985eb5;}
.block-set .block-cut- .r- .content-hover- {border-left: 2px solid #c3c3c3;}
.block-set .block-text-editor- .r- textarea {width: 100%;}
.block-set .block-submit- {}
.block-set {font-size: 14px; line-height: 22px;}
.block-set p {margin-bottom: 12px; font-size: 14px; line-height: 22px;}
.block-set li {margin-bottom: 12px; font-size: 14px; line-height: 22px;}
.block-set li ul {margin-top: 12px;}
.block-set li ol {margin-top: 12px;}
.block-set .block-text-content- {}
.block-set .block-video-content- .video- {margin-bottom: 12px;}
.block-set .block-file-content- .file-info- {margin-bottom: 12px; border-collapse: collapse;}
.block-set .block-file-content- .file-info- .td-file-icon- {padding: 3px 10px 3px 0; vertical-align: top;}
.block-set .block-file-content- .file-info- .td-file-icon- a {text-decoration: none;}
.block-set .block-file-content- .file-info- .td-file-icon- .image- {}
.block-set .block-file-content- .file-info- .td-file-icon- b {font-size: 10px; line-height: 10px; text-decoration: none;}
.block-set .block-file-content- .file-info- .td-caption- {padding: 0 0 3px; vertical-align: middle;}
.block-set .block-file-content- .file-info- .td-caption- a {}
.block-set .block-file-content- .file-info- .td-caption- .size- {}
.block-set .block-cut-content- {}
.block-set .block-cut-content- .cut-info-outer- {background: url(../img/block-set-cut-scissors.gif) 100% 100% no-repeat;}
.block-set .block-cut-content- .cut-info- {padding-bottom: 20px; margin: 0 23px 12px 0; background: red; background: url(../img/block-set-cut-line.gif) 0 100% repeat-x;}
.block-set .block-cut-content- .cut-info- p {margin-bottom: 0;}

/* Block set dialogs */
.block-set-window {}
.block-set-window .overlay- {
	position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: #000; z-index: 1000;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"; filter: alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity: 0.25; opacity: 0.25;
}
.block-set-window .win- {position: fixed; width: 435px; left: 100px; top: 100px; z-index: 1001; background: #fff; border: 1px solid #8d8d8d; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.block-set-window .win- .head- {height: 24px; position: relative; background: #bababa; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px;}
.block-set-window .win- .head- .close- {position: absolute; top: -1px; right: 0; width: 24px; height: 24px; background: url(../img/close.gif) 50% 50% no-repeat; cursor: pointer;}
.block-set-window .win- .head- .title- {line-height: 23px; font-size: 14px; color: #fff; text-align: center;}
.block-set-window .win- .content- {padding: 10px;}
.block-set-window .win- .content-submitting- {padding: 10px;}
.block-set-window .win- .content-hidden- {display: none;}
/* IE7 */
*:first-child+html .block-set-window .win- .content-hidden-  {display: none;}
.block-set-window .win- .b-string- {margin-bottom: 18px;}
.block-set-window .win- .b-string- label {display: block; margin-bottom: 1px;}
.block-set-window .win- .b-string- input {width: 98%; border: 1px solid #606060; background: #fff; font-size: 16px; height: 20px; font-weight: normal;}
.block-set-window .win- .b-text- {margin-bottom: 18px;}
.block-set-window .win- .b-text- label {display: block; margin-bottom: 1px;}
.block-set-window .win- .b-text- textarea {width: 98%; border: 1px solid #606060; font-size: 14px; height: 85px; font-weight: normal; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0;}
.block-set-window .win- .b-btn- {text-align: center;}
.block-set-window .win- .b-btn- button {margin: 0 0 8px 0;}
.block-set-window .win- .b-submitting-head- {margin: 2px 0 8px; font-size: 14px; text-align: center;}
.block-set-window .win- .b-submitting-loader- {height: 32px; margin-bottom: 20px; background: url(../img/loading-big.gif) 50% 50% no-repeat;}
.block-set-window .win- .b-submitting-cancel- {margin-bottom: 8px; text-align: center;}
.block-set-window .win- .b-submitting-cancel- span {color: #666; border-bottom: 1px dashed #666; cursor: pointer;}
.block-set-window .win-file- {border: 1px solid #77b10f;}
.block-set-window .win-file- .head- {background: #96c347;}
.block-set-window .win-file- .b-file- {margin-bottom: 18px;}
.block-set-window .win-file- .b-file- .error- {clear: both;}
.block-set-window .win-file- .b-file- .file- input {margin-left: 8px; height: 17px; font-size: 12px; font-weight: normal; width: 300px; float: left; border: 0;}
.block-set-window .win-file- .b-file- .file- .button-placeholder- {display: block-inline; float: left; margin-top: 2px; width: 99px; height: 16px;}
.block-set-window .win-file- .b-file- .file- .file-name- {}
.block-set-window .win-file- .file-input-real-container- {position: relative;}
.block-set-window .win-file- .file-input-real-container- .file-input-real-container-inner- {position: absolute; top: 10px; left: 10px;}
.block-set-window .win-file- .file-input-real-container- object {float: left; margin-top: 2px;}
.block-set-window .win-file- .file-input-real-container- .uploadifyQueue {display: none;}
.block-set-window .win-file- .b-string- input {border: 1px solid #77b10f;}
.block-set-window .win-file- .b-btn- {text-align: center;}
.block-set-window .win-file- .b-btn- button {
	background: #719a25;
	background: -moz-linear-gradient(top,  #a5ce5a 0%, #719a25 64%, #a5ce59 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a5ce5a), color-stop(64%,#719a25), color-stop(100%,#a5ce59));
	background: -webkit-linear-gradient(top,  #a5ce5a 0%,#719a25 64%,#a5ce59 100%);
	background: -o-linear-gradient(top,  #a5ce5a 0%,#719a25 64%,#a5ce59 100%);
	background: -ms-linear-gradient(top,  #a5ce5a 0%,#719a25 64%,#a5ce59 100%);
	background: linear-gradient(top,  #a5ce5a  0%,#719a25 64%,#a5ce59 100%);
	border: 1px solid #88a553;
	text-shadow: 0px 1px 0px #516134;
	filter: dropshadow(color=#516134, offx=0, offy=1);
}
.block-set-window .win-file- .content-submitting-file- .b-submitting-loader- {height: auto; border: 1px solid #77b10f; background-image: none;}
.block-set-window .win-file- .content-submitting-file- .b-submitting-loader- .loader-fill- {background: #96c347; width: 50%; height: 6px;}
.block-set-window .win-file- .b-reupload- {margin-bottom: 18px;}
.block-set-window .win-file- .b-reupload- span {cursor: pointer; border-bottom: 1px dashed #666; color: #666;}
.block-set-window .win-video- {border: 1px solid #248da8;}
.block-set-window .win-video- .head- {background: #55a6ba;}
.block-set-window .win-video- .b-string- input {border: 1px solid #248da8;}
.block-set-window .win-video- .b-text- textarea {border: 1px solid #248da8;}
.block-set-window .win-video- .b-btn- {text-align: center;}
.block-set-window .win-video- .b-btn- button {
	background: #25829a;
	background: -moz-linear-gradient(top,  #5ab6ce 0%, #25829a 64%, #59b6ce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5ab6ce), color-stop(64%,#25829a), color-stop(100%,#59b6ce));
	background: -webkit-linear-gradient(top,  #5ab6ce 0%,#25829a 64%,#59b6ce 100%);
	background: -o-linear-gradient(top,  #5ab6ce 0%,#25829a 64%,#59b6ce 100%);
	background: -ms-linear-gradient(top,  #5ab6ce 0%,#25829a 64%,#59b6ce 100%);
	background: linear-gradient(top,  #5ab6ce 0%,#25829a 64%,#59b6ce 100%);
	border: 1px solid #5394a5;
	text-shadow: 0px 1px 0px #345861;
	filter: dropshadow(color=#345861, offx=0, offy=1);
}
.block-set-window .win-cut- {border: 1px solid #a8a8a8;}
.block-set-window .win-cut- .head- {background: #bababa;}
.block-set-window .win-cut- .b-string- input {border: 1px solid #a8a8a8;}
.block-set-window .win-cut- .b-btn- {text-align: center;}
.block-set-window .win-cut- .b-btn- button {}
.block-set-window .win-error- {border: 1px solid #b62222;}
.block-set-window .win-error- .head- {background: #d13b3b;}
.block-set-window .win-error- .b-msg- {margin-bottom: 18px;}
.block-set-window .win-error- .b-btn- button {}

/* Project admin menu */
.project-admin-menu {text-align: center;}
.project-admin-menu table {height: 37px; margin: 0 auto;}
.project-admin-menu td {padding: 0; vertical-align: middle;}
.project-admin-menu td.icon- {width: 16px; background: url(../img/admin-menu-icons.png) 0 50% no-repeat;}
.project-admin-menu td.icon-structure- {background-position: 0 50%;}
.project-admin-menu td.icon-settings- {background-position: -16px 50%;}
.project-admin-menu td.icon-design- {background-position: -32px 50%;}
.project-admin-menu td.icon-integration- {background-position: -48px 50%;}
.project-admin-menu td.icon-users- {background-position: -64px 50%;}
.project-admin-menu td.link- {padding: 0 24px 0 4px;}
.project-admin-menu td.link- div {height: 25px; padding: 0 6px; line-height: 25px; font-size: 14px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.project-admin-menu td.link- div.selected- {background: #800000; color: #fff;}
.project-admin-menu td.link- div.selected- a {color: #fff;}
.color-green .project-admin-menu {border-bottom: 2px solid #259c25;}
.color-blue .project-admin-menu {border-bottom: 2px solid #259c9c;}
.color-yellow .project-admin-menu {border-bottom: 2px solid #9c9c25;}
.color-red .project-admin-menu {border-bottom: 2px solid #9c2525;}

/* Submenu */
.submenu {margin-bottom: 16px; text-align: center;}
.submenu-left- {text-align: left;}
.submenu .inner- {padding: 3px 6px; color: #fff; font-size: 13px;}
.submenu .inner- a {color: #fff;}
.submenu .item- {}
.submenu .selected- {font-weight: bold;}
.submenu .sep- {}
.color-green .submenu .inner- {background: #3c843c;}
.color-blue .submenu .inner- {background: #3c8484;}
.color-yellow .submenu .inner- {background: #84843c;}
.color-red .submenu .inner- {background: #843c3c;}

/* Feed type menu (expanded/short switcher) */
.feed-type-menu {float: right; margin-right: 15px;}
.feed-type-menu .block- {height: 24px; float: right; padding: 0 8px; line-height: 23px; background: #fcfae1; border-style: solid; border-color: #d2c70f; border-width: 1px 1px 1px 0;}
.feed-type-menu .block-selected- {background: #e2db5f;}
.feed-type-menu .block-first- {-webkit-border-top-right-radius: 5px; -webkit-border-bottom-right-radius: 5px; -moz-border-radius-topright: 5px; -moz-border-radius-bottomright: 5px; border-top-right-radius: 5px; border-bottom-right-radius: 5px;}
.feed-type-menu .block-last- {border-width: 1px; -webkit-border-top-left-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-bottomleft: 5px; border-top-left-radius: 5px; border-bottom-left-radius: 5px;}

/* Precedent show */
.precedent-show-marks {}
.precedent-show-marks .precedent-show-marks-user- {padding-bottom: 22px;}

/* Precedent edit menu */
.precedent-edit-menu {table-layout: fixed; border-collapse: collapse; margin: 0 0 10px -4px;}
.precedent-edit-menu td {padding: 0; height: 33px;}
.precedent-edit-menu td.sep- {width: 8px; background-image: url(../img/precedent-edit-menu.gif); background-repeat: no-repeat;}
.precedent-edit-menu td.sep-z0- {background-position: 0 -66px;}
.precedent-edit-menu td.sep-z1- {background-position: 0 -99px;}
.precedent-edit-menu td.sep-00- {background-position: 0 -132px;}
.precedent-edit-menu td.sep-10- {background-position: 0 -165px;}
.precedent-edit-menu td.sep-01- {background-position: 0 -198px;}
.precedent-edit-menu td.sep-0z- {background-position: 0 -231px;}
.precedent-edit-menu td.sep-1z- {background-position: 0 -264px;}
.precedent-edit-menu td.item- {padding: 0 8px; font-size: 14px; background-image: url(../img/precedent-edit-menu.gif); background-repeat: repeat-x; background-position: 0 0;}
.precedent-edit-menu td.item-selected- {background-position: 0 -33px;}
.precedent-edit-menu td.item- strong {font-weight: normal;}
.precedent-edit-menu td.item- span {color: #888;}
.precedent-edit-menu td.item-right- {padding-left: 40px;}
.precedent-edit-menu .ico-links {height: auto;}

/* Precedent edit */
h4.precedent-edit-header {font-size: 16px; font-weight: normal; color: #888108; background-image: none; padding: 0;}
h5.precedent-edit-header {font-size: 16px; font-weight: normal; color: #000; background-image: none; padding: 0; margin: 20px 0 10px;}
.precedent-edit-search-user {margin-bottom: 10px; padding: 0 3px; height: 28px; border: 1px solid #cfcfcf;}
.precedent-edit-search-user input {height: 26px; width: 100%; border: 0; padding: 0; font-size: 16px;}

/* Precedent edit marks */
.precedent-edit-marks-selects {}
.precedent-edit-marks-selects .field {float: left; margin-right: 40px;}
.precedent-edit-marks-table {margin: 20px 0 0 0; table-layout: auto; border: none; padding: 0;}
.precedent-edit-marks-table {border-collapse: separate; border-spacing: 0;}
/* IE7 */
*:first-child+html .precedent-edit-marks-table {border-collapse: collapse;}
.precedent-edit-marks-table .odd- {background: #f4f4f4;}
.precedent-edit-marks-table .even- {background: #ffffff;}
.precedent-edit-marks-table td.user-, .precedent-edit-marks-table td.mark- {border-right: solid 1px #c4c4c4;}
.precedent-edit-marks-table td.title- {padding: 10px; width: 300px; min-width: 300px; border-left: solid 1px #c4c4c4;}
.precedent-edit-marks-table td.user-, .precedent-edit-marks-table td.mark- {padding: 0 9px;}
.precedent-edit-marks-table .sub-header- .tab- {background: #dadada; text-align: center; text-shadow: 0 1px 1px #fff; line-height: 15px; padding: 6px; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; border: solid 1px #b0b0b0; border-bottom-color: #fff;}
.precedent-edit-marks-table .sub-header- .separate- {padding: 0;}
.precedent-edit-marks-table .sub-header- .separate- div {width: 6px;}
.precedent-edit-marks-table .header- {}
.precedent-edit-marks-table .header- td.mark- {font-weight: bold;}
.precedent-edit-marks-table .header- td.title- {font-size: 14px; line-height: 18px; font-weight: bold; background: none; color: #505050;}
.precedent-edit-marks-table .header- td.user- {padding-top: 4px; padding-bottom: 4px;}
.precedent-edit-marks-table .header- td.user- .text- {white-space: nowrap;}
.precedent-edit-marks-table .body- td.mark- {cursor: pointer; position: relative;}
.precedent-edit-marks-table .body- td.mark-:hover {background: #fff9b8;}
.precedent-edit-marks-table .body- td.mark- table {border-collapse: collapse;}
.precedent-edit-marks-table .body- td.mark- .value- span {width: 20px; line-height: 16px; margin-right: 12px; background: #df0000; color: #fff; text-align: center;}
.precedent-edit-marks-table .body- td.mark- .text- {line-height: 15px; padding: 4px 0;}
.precedent-edit-marks-table .body- td.mark-group- .value- span {background: #0030df;}
.precedent-edit-marks-table .body- td.mark- .message- {position: absolute; background: #fff9b8; width: 100%; height: 100%; left: 0; top: 0;}
.precedent-edit-marks-table .body- td.mark- .message- table {width: 100%; height: 100%; text-align: center;}
.precedent-edit-marks-table .body- td.mark- .message- table td {padding: 0 5px;}
.precedent-edit-marks-table .body- td.mark- .message- .text- {text-align: center; color: #918900; border-bottom: dashed 1px #918900; padding: 0;}
.precedent-edit-marks-table .first- {border-left: solid 1px #c4c4c4;}
.precedent-edit-marks-table .last- {border-bottom: solid 40px transparent;}
.precedent-edit-marks-table .separate-line- td {height: 40px;}
.precedent-edit-marks-table .last-.even- .title-, .precedent-edit-marks-table .last-.even- .mark- {border-bottom: solid 2px #f4f4f4;}

/* Link to user in text */
.user-link {padding: 1px 4px; background: #fafaaa;}
.user-link a {}

/* User link in widget */
.user-block {border-collapse: collapse; table-layout: fixed;}
.user-block td {padding: 0;}
.user-block .avatar- {width: 0%; vertical-align: top;}
.user-block .avatar- span {margin: 6px 6px 6px 0; float: left; display: block; padding: 1px; border: 1px solid #a4a4a4; background: #fff;}
.user-block .text- {width: 100%; padding: 4px 0; vertical-align: top;}
.user-block .text- a {}
.user-block .text- b {display: block; font-weight: normal; color: #999;}

/* Resources head (events / materials) */
#resources-head {}
#resources-head table {table-layout: fixed; width: 100%; margin-bottom: 32px;}
#resources-head table .l- {width: 320px;}
#resources-head table .r- {}
#resources-head .submenu- {}
#resources-head .submenu- .header- {padding-right: 1px;}
#resources-head .submenu- .item- {padding: 2px;}
#resources-head .submenu- .item- a {}
#resources-head .submenu- .selected- {color: #fff;}
#resources-head .submenu- .sep- {font-size: 1px; line-height: 1px; padding-right: 10px;}
#resources-head .submenu-sort- .item- a {}
#resources-head .submenu-sort- .selected- {}
#resources-head .submenu-show-events- .item- a {color: #309a00;}
#resources-head .submenu-show-events- .selected- {background: #309a00;}
#resources-head .submenu-show-materials- .item- a {color: #007d99;}
#resources-head .submenu-show-materials- .selected- {background: #007d99;}
#resources-head .settings- {position: relative;}
#resources-head .settings- .link- {cursor: pointer;}
#resources-head .settings- .dd- {position: absolute; z-index: 2; top: 20px; left: -10px; width: 360px; padding: 6px 10px; background: #fff;}
#resources-head .settings- .setting- {margin: 0; padding: 0;}
#resources-head .settings- .setting- .line- {padding: 3px 0;}
#resources-head .settings- .setting- .line-head- {}
#resources-head .what-is-shown- {font-size: 12px; margin-bottom: 16px;}
.color-green #resources-head .submenu-sort- .item- a {color: #3c843c;}
.color-green #resources-head .submenu-sort- .selected- {background: #3c843c;}
.color-green #resources-head .settings- .link- {border-bottom: 1px dashed #3c843c; color: #3c843c;}
.color-blue #resources-head .submenu-sort- .item- a {color: #3c8484;}
.color-blue #resources-head .submenu-sort- .selected- {background: #3c8484;}
.color-blue #resources-head .settings- .link- {border-bottom: 1px dashed #3c8484; color: #3c8484;}
.color-yellow #resources-head .submenu-sort- .item- a {color: #84843c;}
.color-yellow #resources-head .submenu-sort- .selected- {background: #84843c;}
.color-yellow #resources-head .settings- .link- {border-bottom: 1px dashed #84843c; color: #84843c;}
.color-red #resources-head .submenu-sort- .item- a {color: #843c3c;}
.color-red #resources-head .submenu-sort- .selected- {background: #843c3c;}
.color-red #resources-head .settings- .link- {border-bottom: 1px dashed #843c3c; color: #843c3c;}

/* Resource head (event / material) */
.resource-head {}
.resource-head-bottom-margin- {margin-bottom: 20px;}
.resource-head td {vertical-align: top;}
.resource-head .col-checkbox- {width: 0; padding: 4px 4px 0 0;}
.resource-head .col-checkbox- input {margin: 0; padding: 0;}
.resource-head .col-datetime- {width: 0;}
.resource-head .col-datetime- .sep- {width: 80px;}
.resource-head .col-datetime- .date-unknown- {float: left; width: 67px; height: 22px; line-height: 10px; font-size: 11px; color: #fff; text-align: center; background: #999;}
.resource-head .col-datetime- .date- {float: left; width: 44px; height: 22px; line-height: 22px; color: #fff; text-align: center; background: #067991;}
.resource-head .col-datetime- .date- .day- {font-size: 16px;}
.resource-head .col-datetime- .date- .month- {padding-left: 2px; font-size: 11px;}
.resource-head .col-datetime- .week-day- {float: left; width: 22px; height: 22px; margin-left: 1px; line-height: 21px; color: #fff; text-align: center; background: #d4bc00; font-size: 16px;}
.resource-head .col-datetime- .week-day-weekend- {background: #911e06;}
.resource-head .col-datetime- .time- {margin-top: 5px; clear: both; float: left; width: 67px; height: 22px; font-size: 14px; text-align: center;}
.resource-head .col-main- {width: 100%;}
.resource-head .col-main- .title- {margin-bottom: 7px; font-size: 16px; line-height: 18px; font-weight: bold;}
.resource-head .col-main- .title- span.project- {color: #888; font-weight: normal;}
.resource-head .col-main- .title- span.project- a {color: #888;}
.resource-head .col-main- .title- a {font-weight: normal;}
.resource-head .col-main- .title- h3 {display: inline; font-size: 16px; line-height: 18px; line-height: 18px; font-weight: bold; color: #000;}
.resource-head .col-main- .info- {margin-bottom: 7px;}
.resource-head .col-main- .categories- {margin-bottom: 7px;}
.resource-head .col-main- .announce- {margin-bottom: 7px; line-height: 17px;}
.resource-head .col-main- .comments- {margin-bottom: 7px;}
.resource-head .col-main- .comments- span {padding-left: 17px; background: url(../img/comments.gif) 0 3px no-repeat; color: #666;}
.resource-head .col-main- .comments- span a {color: #666;}
.resource-head .col-main- .statuses- {height: 22px; line-height: 21px;}
.resource-head .col-main- .statuses- span {display: inline-block; vertical-align: middle; height: 22px; margin-right: 10px; white-space: nowrap; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 0 3px;}
.resource-head .col-main- .statuses- span i {font-style: normal;}
.resource-head .col-main- .statuses- span.button- {cursor: pointer;}
.resource-head .col-main- .statuses-disabled- span.button- {cursor: default;}
.resource-head .col-main- .statuses- span.button- i {border-bottom: 1px dashed #000;}
.resource-head .col-main- .statuses- span.check-dark- {background: url(../img/resources-statuses.png) 3px 0 no-repeat; padding-left: 19px;}
.resource-head .col-main- .statuses- span.check-light- {background: url(../img/resources-statuses.png) 3px -22px no-repeat; padding-left: 19px;}
.resource-head .col-main- .statuses- span.selected-dark- {cursor: default; background: #309a00 url(../img/resources-statuses.png) 3px -44px no-repeat; padding-left: 19px;; color: #fff; border-bottom: none;}
.resource-head .col-main- .statuses- span.selected-dark- i {border-bottom: none;}
.resource-head .col-main- .statuses- span.selected-light- {cursor: default; background: #869a00 url(../img/resources-statuses.png) 3px -66px no-repeat; padding-left: 19px;; color: #fff; border-bottom: none;}
.resource-head .col-main- .statuses- span.selected-light- i {border-bottom: none;}
.resource-head .col-main- .statuses- span.yes- {padding: 0 5px; margin-right: 15px; background: #309a00; color: #fff;}
.resource-head .col-main- .statuses- span.yes- i {border-bottom: 1px dashed #fff;}
.resource-head .col-main- .statuses- span.no- {padding: 0 5px; margin-right: 15px; background: #727272; color: #fff;}
.resource-head .col-main- .statuses- span.no- i {border-bottom: 1px dashed #fff;}
.resource-head .col-main- .statuses- span.text- {}
.resource-head .col-main- .statuses- span.text-gray- {margin-right: 0; color: #666;}
.resource-head .col-main- .statuses- span.excl- {height: 22px; margin-right: 0; background: url(../img/resources-excl.gif) 0 0 no-repeat;}
.resource-head .col-main- .statuses- span.excl- i {display: inline-block; width: 16px; height: 10px;}
.resource-head .col-main- .statuses- span.loading- {}
.resource-head .col-main- .statuses- span.no-left-pad- {padding-left: 0;}
.resource-head .col-main- .statuses-disabled- span.loading- {padding-left: 16px; background: url(../img/loading.gif) 50% 50% no-repeat;}
.resource-head .col-main- .statuses- .dd-outer- {padding: 0; margin: 0; position: relative;}
.resource-head .col-main- .statuses- .dd- {position: absolute; z-index: 3; top: 22px; background: #a05700; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.resource-head .col-main- .statuses- .dd- span.text- {color: #fff; margin-right: 0;}
.resource-head .col-main- .statuses- .dd- span.text- i {border-bottom: none; cursor: default;}
.resource-head .col-main- .statuses- .dd- span.button- {margin-right: 2px; color: #fff;}
.resource-head .col-main- .statuses- .dd- span.button- i {border-bottom: 1px dashed #fff;}
.resource-head .col-main- .statuses- .dd- span.check- {background: #a05700 url(../img/resources-statuses.png) 3px -88px no-repeat; padding-left: 19px;}
.resource-head .col-main- .statuses-materials- span.check-dark- {background-position: 3px -110px;}
.resource-head .col-main- .statuses-materials- span.check-light- {background-position: 3px -132px;}
.resource-head .col-main- .statuses-materials- span.selected-dark- {background-color: #007d99; background-position: 3px -154px;}
.resource-head .col-main- .statuses-materials- span.selected-light- {background-color: #0f9994; background-position: 3px -176px;}
.resource-head .col-match- {width: 0; position: relative;}
.resource-head .col-match- .header- {position: absolute; top: -14px; font-size: 11px;}
.resource-head .col-match- .sep- {position: relative; width: 120px;}
.resource-head .col-match- .fill-rate- {background: url(../img/resource-rate-excl.gif) 0 5px no-repeat; padding-left: 30px; font-size: 11px; line-height: 13px;}
.resource-head .col-match- .resource-match {}
.resource-head .col-match- .dd- {z-index: 1; position: absolute; left: -150px; top: 13px; width: 400px;}
.resource-outer .dd- {z-index: 1; position: absolute; top: 13px; width: 400px;}

/* Resource body (event / material) */
.resource-body {}
.resource-body .descr- {padding-top: 20px;}

/* Resource match */
.resource-rate {}
.resource-rate h3 {}
.resource-rate .subhead- {margin-bottom: 10px; font-size: 16px; font-style: italic;}
.resource-head .dd- .resource-rate h3 {padding-top: 10px;}

/* Resource match */
.resource-match {}
.resource-match a {display: block; background: #eaeaea; width: 100px; height: 12px; text-decoration: none; border-left: 2px solid #888888;}
.resource-match a span.fill- {display: block; width: 100px; height: 12px; text-align: center; background: #f7980c; line-height: 17px; font-weight: normal; text-decoration: underline; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; -moz-border-radius-topright: 3px; -moz-border-radius-bottomright: 3px; border-top-right-radius: 3px; border-bottom-right-radius: 3px;}
.resource-match a span.fill- span {padding: 0 2px;}
.resource-match a.full- span.fill- {-moz-border-radius-bottomright: 0; border-top-right-radius: 0; border-bottom-right-radius: 0;}

/* Comments */
.comments {}
.comments h3 span {margin-left: 40px; font-size: 11px; color: #505050; padding-left: 16px; background: url(../img/comments-subscribe.gif) 0 3px no-repeat; cursor: pointer;}
.comments h3 span i {font-style: normal; border-bottom: 1px dashed #505050;}
.comments h3 span.subscribed- {font-size: 11px; color: #008000;}
.comments h3 span.subscribed- i {border-bottom-color: #008000;}
.comments .list- {margin-left: -10px;}
.comments .comment- {position: relative; border: 2px solid #fff; padding: 4px 8px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;}
.comments .comment-bordered- {border-color: #ccc;}
.comments .comment- .anchor- {position: absolute; top: -20px;}
.comments .comment- .icons-small {float: right; margin-top: 6px;}
.comments .comment- .date- {float: right; margin-top: 6px; font-size: 11px; line-height: 16px; color: #666;}
.comments .comment- .link- {float: right; margin-top: 6px; font-size: 11px; line-height: 16px; color: #666; margin-right: 12px;}
.comments .comment- .link- a {color: #666;}
.comments .comment- .content- {padding-top: 4px; clear: both;}
.comments .comment- .deleted- {padding: 4px 0;}
.comments .comment- .reply- {}
.comments .comment- .reply- span {font-size: 11px; cursor: pointer;}
.comments .comment- .reply- span {border-bottom: 1px dashed #888;}
.comments .comment- .form- {}
.comments .main-reply- {padding-top: 18px;}
.comments .main-reply- .head- {font-size: 14px;}
.comments .reply-inner- .textarea- {margin-top: 8px; padding-right: 6px;}
.comments .reply-inner- .textarea- textarea {width: 96%;}
.comments .reply-inner- .button- {margin: 8px 0;}
.color-green .comments .comment- .reply- span {color: #3c843c;}
.color-green .comments .main-reply- .head- {color: #3c843c;}
.color-blue .comments .comment- .reply- span {color: #3c8484;}
.color-blue .comments .main-reply- .head- {color: #3c8484;}
.color-yellow .comments .comment- .reply- span {color: #84843c;}
.color-yellow .comments .main-reply- .head- {color: #84843c;}
.color-red .comments .comment- .reply- span {color: #843c3c;}
.color-red .comments .main-reply- .head- {color: #843c3c;}

/* Box */
.box {margin-bottom: 10px; padding: 5px 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; position: relative; /* For PIE */}
.color-green .box {background-color: #aef0ae; border: 1px solid #3c843c;}
.color-blue .box {background-color: #aef0f0; border: 1px solid #3c8484;}
.color-yellow .box {background-color: #f0f0ae; border: 1px solid #84843c;}
.color-red .box {background-color: #f0aeae; border: 1px solid #843c3c;}
.box-warning {padding-left: 42px; background-image: url(../img/warning.png); background-position: 6px 6px; background-repeat: no-repeat;}
.box-stop {padding-left: 64px; background-image: url(../img/stop.png); background-position: 6px 6px; background-repeat: no-repeat;}
.color-green .box-red,
.color-blue .box-red,
.color-yellow .box-red,
.color-red .box-red {background-color: #f9bcbc; border: 1px solid #cf4d4d;}

/* Professiogram match info */
.box-match- .content- {font-size: 16px; padding: 8px 0; text-align: center;}

/* Light box */
.box-light {padding: 5px 8px; border-style: solid; border-width: 1px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; position: relative; /* For PIE */}
.color-green .box-light {background: #f4fdf4; border-color: #3c843c;}
.color-blue .box-light {background: #f4fdfd; border-color: #3c8484;}
.color-yellow .box-light {background: #fdfdf4; border-color: #84843c;}
.color-red .box-light {background: #fdf4f4; border-color: #843c3c;}

/* Search form */
.search-form {}
.search-form-w100p {}
.search-form .line- {clear: both;}
.search-form .line- .el- {padding: 5px 10px 5px 0; float: left;}
.search-form .line- .el-text- {}
.search-form .line- .el-text- input {width: 200px; padding: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.search-form .line- .el-text- input.placeholder {color: #000;}
.search-form .line- .el-btn- {}
.search-form .line- .el-btn- .button-small {font-size: 12px; height: 24px; line-height: 20px; padding-left: 4px; padding-right: 4px;}
.search-form .line- .el-cb- {}
.search-form .line- .el-cb- input {padding: 0; margin: 0;}
.search-form .line- .el-cb- label {padding-left: 4px;}
.search-form .line- .el-select- {}
.search-form .line- .el-select- select {padding: 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;}
.search-form .example- {font-size: 11px; margin-top: 1px; color: #333;}
.search-form .example- span {border-bottom: 1px dashed #333; cursor: pointer;}
.search-form-w100p .line- .el- {float: none;}
.search-form-w100p .line- .el-text- input {width: 100%;}
.search-form-w100p .line- .el-select- select {width: 100%;}
.color-green .search-form .line- .el-text- input {border: 1px solid #3c843c;}
.color-green .search-form .line- .el-select- select {border: 1px solid #3c843c;}
.color-blue .search-form .line- .el-text- input {border: 1px solid #3c8484;}
.color-blue .search-form .line- .el-select- select {border: 1px solid #3c8484;}
.color-yellow .search-form .line- .el-text- input {border: 1px solid #84843c;}
.color-yellow .search-form .line- .el-select- select {border: 1px solid #84843c;}
.color-red .search-form .line- .el-text- input {border: 1px solid #843c3c;}
.color-red .search-form .line- .el-select- select {border: 1px solid #843c3c;}

/* Legend */
.legend {}
.legend .item- {}
.legend div.item- {padding: 5px 0; line-height: 14px;}
.legend table.item- {border-collapse: collapse;}
.legend table.item- td {padding: 0; vertical-align: top;}
.legend table.item- td.img- {padding: 5px 4px 5px 0; width: 0%;}
.legend table.item- td.text- {line-height: 14px; width: 100%; padding: 5px 0;}

/* Icons for legends */
.legend-bar {width: 16px; height: 16px; background: url(../img/legend-bars.png) 0 70% no-repeat; _background-image: url(../img/legend-bars.gif);}
.legend-bar-rose-need {background-position: 0 100%;}
.legend-bar-rose-sum {background-position: 0 90%;}
.legend-bar-rose-self {background-position: 0 80%;}
.legend-bar-rose-case1 {background-position: 0 0%;}
.legend-bar-rose-case2 {background-position: 0 10%;}
.legend-bar-rose-case3 {background-position: 0 20%;}
.legend-bar-rose-case4 {background-position: 0 30%;}
.legend-bar-rose-case5 {background-position: 0 40%;}
.legend-bar-bars-need {background-position: 100% 100%;}
.legend-bar-bars-sum {background-position: 100% 90%;}
.legend-bar-bars-self {background-position: 100% 80%;}
.legend-bar-bars-delta {background-position: 100% 70%;}
.legend-bar-bars-gmarks {background-position: 100% 60%;}
.legend-bar-bars-pmarks {background-position: 100% 50%;}
.legend-bar-bars-case1 {background-position: 100% 0%;}
.legend-bar-bars-case2 {background-position: 100% 10%;}
.legend-bar-bars-case3 {background-position: 100% 20%;}
.legend-bar-bars-case4 {background-position: 100% 30%;}
.legend-bar-bars-case5 {background-position: 100% 40%;}

/* Precedents */
.precedent-access {width: 13px; height: 13px; background-image: url(../img/precedent-access.gif); background-repeat: no-repeat;}
.precedent-access-public- {background-position: 0 0;}
.precedent-access-private- {background-position: 0 100%;}

.precedent-complete {}
.precedent-complete .outer- {}
.precedent-complete span {float: left; width: 16px; height: 16px; margin-right: 6px;}
.precedent-complete span b {float: left; width: 16px; height: 16px; background-image: url(../img/precedent-complete.gif); background-repeat: no-repeat;}
.precedent-complete span.descr- b {background-position: 0 100%;}
.precedent-complete span.users- b {background-position: 50% 100%;}
.precedent-complete span.marks- b {background-position: 100% 100%;}
.precedent-complete span.descr- b.complete- {background-position: 0 0;}
.precedent-complete span.users- b.complete- {background-position: 50% 0;}
.precedent-complete span.marks- b.complete- {background-position: 100% 0;}

/* Sortable list */
.sort-list {margin-top: 18px;}
.sort-list .item- {height: 24px;}
.sort-list .item- .sort-handler {display: block; width: 16px; height: 24px; float: left; background: url(../img/move-up-down.gif) 2px 50% no-repeat; cursor: n-resize;}
.sort-list .item- .title- {float: left; white-space: nowrap; line-height: 23px;}
.sort-list .item- .icons- {float: left;}
.sort-list .item- .icons- a {float: left; margin-left: 6px;}
.sort-list form {display: inline;}

/* Outlined table */
.tbl {border-collapse: collapse; clear: both; margin-bottom: 5px;}
.tbl-top- {margin-top: 14px;}
.tbl-nohead- {border-top: 1px solid #cfcfcf;}
.tbl tr {}
.tbl tr.hl- {background: #e2e284;}
.tbl td {border-bottom: 1px solid #cfcfcf; padding: 4px 6px 4px 3px;}
.tbl th {border-bottom: 1px solid #cfcfcf; padding: 0 0 4px; text-align: left; font-size: 11px; color: #333; white-space: nowrap;}
.tbl th.no-border- {border-bottom: 0;}
.tbl-no-hor-lines- {border: 0;}
.tbl-no-hor-lines- td {border: 0;}
.tbl-no-hor-lines- th {border: 0;}
.tbl th a {color: #333; white-space: nowrap;}
.tbl th span {padding: 2px 13px 2px 3px; text-align: left; font-size: 11px; color: #333; line-height: 18px; white-space: nowrap;}
.tbl th span span {padding: 0; line-heihgt: inherit; text-align: inherit; font-size: inherit; font-weight: inherit; color: inherit;}
.tbl th .clickable {text-decoration: none;}
.tbl th.center- {text-align: center;}
.tbl th.sortable- {}
.tbl th.sortable- span.selected- {padding-right: 13px; color: #fff; background: red url(../img/sort-arrow.gif) 100% 0 no-repeat;}
.tbl th.sortable- span.selected- a {color: #fff;}
.tbl th.sortable- span.sort-back- {background-position: 100% 100%;}
.tbl .input-checkbox {margin: 0;}
.tbl .col-checkbox- {text-align: center;}
.tbl .col-input-text- {vertical-align: top;}
.tbl .col-input-text- input {font-size: 14px; font-weight: normal;}
.tbl .col-bullet- {}
.tbl .col-bullet- .bullet- {padding-left: 20px; background-position: 6px 50%; background-repeat: no-repeat;}
.tbl .col-longer- {padding-right: 20px;}
.tbl .col-title- {font-size: 15px;}
.tbl .col-digits- {text-align: center; font-size: 14px; white-space: nowrap;}
.tbl .col-date- {font-size: 11px;}
.tbl .col-links- {line-height: 17px;}
.tbl .col-links- ul {margin: 0; padding: 0;}
.tbl .col-links- li {margin: 2px 0; padding: 0 0 0 10px; list-style-type: none; list-style-image: none; background: url(../img/li.gif) 0 0 no-repeat;}
.tbl .col-icons- a {float: left;}
.tbl .hl- .col-icons- {background: #fff;}
.tbl .col-icons- .sep- {float: left; display: block; width: 10px; height: 24px;}
.tbl .col-list- {}
.tbl .col-list- ul {margin: 0; padding: 0;}
.tbl .col-list- li {margin: 2px 0; padding: 0 0 0 10px; font-size: 11px; list-style-type: none; list-style-image: none; background: url(../img/li.gif) 0 0 no-repeat;}
.tbl .col-text- {font-size: 12px; line-height: 19px;}
.tbl .col-logo- {vertical-align: top; text-align: center;}
.tbl .col-logo- .community-logo-sep- {text-align: left; width: 50px;}
.tbl .col-project-title- {vertical-align: top;}
.tbl .col-project-title- .title- {font-size: 16px; margin-bottom: 2px;}
.tbl .col-project-title- .dates- {font-size: 11px; color: #666;}
.tbl .col-project-title- .state- {font-size: 11px;}
.tbl .col-community-title- {vertical-align: middle;}
.tbl .col-community-title- .title- {font-size: 16px; margin-bottom: 2px;}
.tbl .col-community-title- .descr- {font-size: 11px; color: #666;}
.tbl .col-user-avatar- {padding-top: 4px; padding-bottom: 4px;}
.tbl .col-user-avatar- span {float: left; display: block; padding: 1px; border: 1px solid #a4a4a4; background: #fff;}
.tbl .col-user-avatar- img {}
.tbl .col-user-avatar-small- {padding: 4px 0 4px 4px;}
.tbl .col-user-avatar-small- span {float: left; display: block; padding: 1px; border: 1px solid #a4a4a4; background: #fff;}
.tbl .col-user-avatar-small- img {}
.tbl .col-user-avatars- {padding: 4px 0 4px 4px; vertical-align: top;}
.tbl .col-user-avatars- span {float: left; margin: 2px 4px 2px 0; display: block; padding: 1px; border: 1px solid #a4a4a4; background: #fff;}
.tbl .col-user-avatars- img {}
.tbl .col-user-name- {}
.tbl .col-user-name- .title- {font-size: 18px; margin-bottom: 2px;}
.tbl .col-user-name- .second- {font-size: 14px; color: #666;}
.tbl .col-user-name- .second- a {color: #666;}
.tbl .col-user-name-small- {padding-top: 2px; padding-bottom: 2px; vertical-align: top;}
.tbl .col-user-name-small- .title- {font-size: 13px; margin-bottom: 1px;}
.tbl .col-user-name-small- .second- {font-size: 12px; color: #666;}
.tbl .col-user-name-small- .second- a {color: #666;}
.tbl .col-user-name-2- {}
.tbl .col-user-name-2- .title- {font-size: 15px; margin-bottom: 2px;}
.tbl .col-precedent-access- {padding-right: 10px; text-align: center;}
.tbl .col-precedent-access- .precedent-access {margin: 0 auto;}
.tbl .col-add- {}
.tbl .col-add- span {display: block; width: 30px; height: 31px; cursor: pointer; background: url(../img/ico-add-big.gif) 0 0 no-repeat;}
.tbl .col-add- span.added- {background-position: 0 100%;}
.tbl .col-add- span.loading- {background: url(../img/loading.gif) 50% 50% no-repeat;}
.tbl .col-center- {text-align: center;}
.tbl .col-no-line- {border-bottom: none;}
.tbl .col-subtable- {padding: 0; border-collapse: collapse;}
.tbl .col-subtable- table {border-collapse: collapse;}
.tbl .col-subtable- table td {border: 0;}
.tbl .key- {margin-top: 3px; height: 16px; background: url(../img/keys.gif) 0 0 no-repeat; padding-left: 36px; line-height: 15px; font-size: 11px;}
.tbl .key-admin- {background-position: 0 0; color: #d68431;}
.tbl .key-moderator- {background-position: 0 -16px; color: #31a5d6;}
.color-yellow .tbl-nohead- {border-color: #d9d9ac;}
.color-yellow .tbl td {border-color: #d9d9ac;} /* Yellow only - other colors have gray lines */
.color-yellow .tbl th {border-color: #d9d9ac;}
.color-green .tbl th.sortable- span.selected- {background-color: #3c843c;}
.color-green .tbl .col-digits- {color: #3c843c;}
.color-green .tbl .col-bullet- .bullet- {background-image: url(../img/bullet-green.png); _background-image: url(../img/bullet-green.gif);}
.color-blue .tbl th.sortable- span.selected- {background-color: #3c8484;}
.color-blue .tbl .col-digits- {color: #3c8484;}
.color-blue .tbl .col-bullet- .bullet- {background-image: url(../img/bullet-blue.png); _background-image: url(../img/bullet-blue.gif);}
.color-yellow .tbl th.sortable- span.selected- {background-color: #84843c;}
.color-yellow .tbl .col-digits- {color: #84843c;}
.color-yellow .tbl .col-bullet- .bullet- {background-image: url(../img/bullet-yellow.png); _background-image: url(../img/bullet-yellow.gif);}
.color-red .tbl th.sortable- span.selected- {background-color: #843c3c;}
.color-red .tbl .col-digits- {color: #843c3c;}
.color-red .tbl .col-bullet- .bullet- {background-image: url(../img/bullet-red.png); _background-image: url(../img/bullet-red.gif);}

/* Table with marks */
.tbl-marks- {}
.tbl-marks- {margin: 8px 0 0 20px; table-layout: fixed;}
.tbl-marks- .col-user-avatar-small- {width: 24px; padding: 4px 0; vertical-align: top;}
.tbl-marks- .col-text- {width: 67%; padding: 6px 20px 6px 8px; vertical-align: top;}
.tbl-marks- .col-marks- {width: 33%;}
.tbl-marks- .col-marks- .mark-competence- {font-size: 11px; line-height: 15px;}
.tbl-marks- .col-marks- .marks {border-left: 1px solid #ccc; margin-top: 5px;}
.tbl-marks- .col-marks- .marks td {border-right: 1px solid #ccc;}
.tbl-marks- .col-marks- .marks td span {font-weight: normal; color: #fff;}

/* Competence tree - base */
.tree-head {padding-bottom: 8px;}
.tree-head .item- {}
.tree-head .sep- {}
.tree {}
.tree .group- {width: 100%; margin-top: 21px;}
.tree .group- td, .tree .group- th {border-bottom: 1px solid #c7c7c7;}
.tree .group- .head-only- th {border-bottom-width: 0;}
.tree .group- .head-collapsed- th {border-bottom-width: 0;}
.tree .group- td td {border-bottom-width: 0;}
.tree .group-first- {margin-top: 8px;}
.tree .group- th {text-align: left; font-weight: normal; vertical-align: top;}
.tree .group- .col-group-title- {width: 100%; padding: 0 0 12px; font-size: 14px; line-height: 15px; font-weight: bold; background-position: 0 1px; background-repeat: no-repeat;}
.tree .group- .col-group-title- span {padding-left: 20px; border-bottom: 0;}
.tree .group- .col-bars-legend- {width: 0%;}
.tree .group- .col-bars-legend- .width- {width: 133px;}
.tree .group- .col-bars-legend- table {border: 0; border-left: 1px solid #c7c7c7; height: 30px; margin-bottom: 6px;}
.tree .group- .col-bars-legend- td {border: 0; padding: 0; width: 40px; border-right: 1px solid #c7c7c7; font-size: 16px; font-weight: bold; text-align: center;}
.tree .group- .col-details1-legend- {width: 0%;}
.tree .group- .col-details1-legend- .width- {width: 121px;}
.tree .group- .col-details1-legend- div.title- {position: absolute; font-size: 12px; font-weight: bold; width: 120px; text-align: center; line-height: 10px;}
.tree .group- .col-details1-legend- div.title- span {background: #fff;}
.tree .group- .col-details1-legend- table.title- {border: 0; border-left: 1px solid #c7c7c7; height: 30px; margin-bottom: 6px;}
.tree .group- .col-details1-legend- td {border: 0; padding: 0; width: 40px; border-right: 1px solid #c7c7c7; font-size: 12px; text-align: center; vertical-align: bottom;}
.tree .group- .col-details2-legend- {width: 0%;}
.tree .group- .col-details2-legend- .width- {width: 105px;}
.tree .group- .col-details2-legend- div.title- {text-align: center; font-size: 12px; font-weight: bold; line-height: 16px;}
.tree .group- .col-title- {width: 100%; padding: 1px 4px 4px 0; font-size: 12px; line-height: 15px;}
.tree .group- .row-disabled- .col-title- {color: #888;}
.tree .group- .col-title-focus- {font-weight: bold;}
.tree .group- .col-title- input {margin: 0 4px 0 0; padding: 0;}
.tree .group- .col-bars- {width: 0%;}
.tree .group- .col-bars- .width- {width: 133px;}
.tree .group- .col-details1- {width: 0%;}
.tree .group- .col-details1- .width- {width: 121px;}
.tree .group- .col-details2- {width: 0%;}
.tree .group- .col-details2- div {width: 105px;}
.tree .group- .col-details2- div a {display: block; padding-right: 28px; height: 24px; float: left; text-align: right; text-decoration: none; color: #000; font-size: 16px;}
.tree .group- .col-details2- div a.rater- {width: 20px; background: url(../img/ico-raters.gif) no-repeat 100% 50%; margin-right: 6px;}
.tree .group- .col-details2- div a.precedent- {width: 20px; background: url(../img/ico-precedents.gif) no-repeat 100% 50%;}
.tree .group- .col-professions- {width: 0%;}
.tree .group- .col-professions- .professions- {table-layout: fixed;}
.tree .group- .col-professions- .professions- td {width: 24px; text-align: center;}
.tree .group- .col-professions- .professions- td div {margin: 0 auto;}
.tree .group- .col-professions- .professions- td .mark-title- {font-size: 11px; color: #666; font-weight: bold;}
.color-green .tree .group- .col-group-title- {color: #3c843c;}
.color-green .tree .group- .col-group-title- {background-image: url(../img/tree-expander-big-minus-green.gif);}
.color-green .tree .group- .head-collapsed- .col-group-title- {background-image: url(../img/tree-expander-big-plus-green.gif);}
.color-blue .tree .group- .col-group-title- {color: #3c8484;}
.color-blue .tree .group- .col-group-title- {background-image: url(../img/tree-expander-big-minus-blue.gif);}
.color-blue .tree .group- .head-collapsed- .col-group-title- {background-image: url(../img/tree-expander-big-plus-blue.gif);}
.color-yellow .tree .group- .col-group-title- {color: #84843c;}
.color-yellow .tree .group- .col-group-title- {background-image: url(../img/tree-expander-big-minus-yellow.gif);}
.color-yellow .tree .group- .head-collapsed- .col-group-title- {background-image: url(../img/tree-expander-big-plus-yellow.gif);}
.color-red .tree .group- .col-group-title- {color: #843c3c;}
.color-red .tree .group- .col-group-title- {background-image: url(../img/tree-expander-big-minus-red.gif);}
.color-red .tree .group- .head-collapsed- .col-group-title- {background-image: url(../img/tree-expander-big-plus-red.gif);}

/* Competence tree - result bars */
.tree .bars {margin: 2px 0; width: 133px; border: 0; border-left: 2px solid #4c4c4c;}
.tree .bars td {border: 0; padding: 0; font-size: 1px; line-height: 1px;}
.tree .bars td table {height: 12px; border-collapse: collapse;}
.tree .bars td {padding-top: 2px;}
.tree .bars .first- td {padding-top: 0;}
.tree .bars .type-case1- .main- {background: #d85472;}
.tree .bars .type-case2- .main- {background: #5ddfba;}
.tree .bars .type-case3- .main- {background: #e89b54;}
.tree .bars .type-case4- .main- {background: #bbc555;}
.tree .bars .type-case5- .main- {background: #8f55de;}
.tree .bars .type-need- .main- {background: #a2a2a2;}
.tree .bars .type-sum- .main- {background: #4fa553;}
.tree .bars .type-self- .main- {background: #d34dcd;}
.tree .bars .main- {border-right: 2px solid #fff;}
.tree .bars .delta- {background: #f7980c;}
.tree .bars .width-3- .main- div {width: 120px;}
.tree .bars .width-2- .main- div {width: 79px;}
.tree .bars .width-1- .main- div {width: 39px;}
.tree .bars .width-0- .main- div {width: 4px;}
/*.tree .bars .width-0- {display: none;}*/
.tree .bars .width-3-0- .main- div {width: 120px;}
.tree .bars .width-2-0- .main- div {width: 79px;}
.tree .bars .width-1-0- .main- div {width: 39px;}
/*.tree .bars .width-0-0- {display: none;}*/
.tree .bars .width-0-0- .main- div {width: 4px;}
.tree .bars .width-2-1- .main- div {width: 79px;}
.tree .bars .width-2-1- .delta- div {width: 39px;}
.tree .bars .width-1-1- .main- div {width: 39px;}
.tree .bars .width-1-1- .delta- div {width: 38px;}
.tree .bars .width-0-1- .main- {display: none;}
.tree .bars .width-0-1- .delta- div {width: 39px;}
.tree .bars .width-1-2- .main- div {width: 39px;}
.tree .bars .width-1-2- .delta- div {width: 79px;}
.tree .bars .width-0-2- .main- {display: none;}
.tree .bars .width-0-2- .delta- div {width: 79px;}
.tree .bars .width-0-3- .main- {display: none;}
.tree .bars .width-0-3- .delta- div {width: 120px;}

/* Competence tree - rate edition */
.tree th.rate-select- {}
.tree th.rate-select- div {width: 175px; text-align: right;}
.tree td.rate-select- {}
.tree td.rate-select- div {width: 175px; text-align: right;}
.tree td.rate-select- select {}
fieldset .tree {margin-bottom: 12px;}

/* Competence tree - set's competences' */
.tree .competence-stat- {}
.tree .competence-stat- div {width: 140px; text-align: center;}

/* Competence tree - competence usage stat (as bars) */
.tree .bar-stat- {}
.tree .bar-stat- .bar-wrap- {width: 180px; padding: 4px 0;}
.tree .bar-stat- .line- {padding: 1px 0;}
.tree .bar-stat- .line-only-important-1- {display: none;}
.tree .bar-stat- .line-only-important-0- {}
.tree .bar-stat- .line-clickable- .clickable- {cursor: pointer;}
.tree .bar-stat- .line- .bar- {display: inline-block; width: 0; height: 14px; margin: 1px 0; vertical-align: middle; border-radius: 2px;}
.tree .bar-stat- .line- .text- {padding-left: 4px; line-height: 16px; vertical-align: middle; color: #888;}
.tree .bar-stat- .line-position- .bar- {background-color: #9e165b;}
.tree .bar-stat- .line-activity- .bar- {background-color: #128425;}
.tree .bar-stat- .line-format- .bar- {background-color: #c2c2c2;}
.tree .bar-stat- .line-mark- .bar- {background-color: #4574aa;}

.box-bar-stat-legend {}
.box-bar-stat-legend .color- {display: inline-block; width: 14px; height: 14px; border-radius: 2px; vertical-align: middle;}
.box-bar-stat-legend .color-position- {background-color: #9e165b;}
.box-bar-stat-legend .color-activity- {background-color: #128425;}
.box-bar-stat-legend .color-format- {background-color: #c2c2c2;}
.box-bar-stat-legend .color-mark- {background-color: #4574aa;}

/* Marks (currently used in the competence tree only) */
.marks {width: 120px; margin: 1px 0; border: 0;}
.marks td {width: 40px; text-align: center; padding: 1px; border: 0; height: 16px;}
.marks a, .marks span {display: block; width: 20px; height: 16px; margin: 0 auto; font-weight: bold; text-decoration: none; color: #000;}
.marks .personal- .c10 {background: #df0000;}
.marks .personal- .c9 {background: #e21919;}
.marks .personal- .c8 {background: #e53333;}
.marks .personal- .c7 {background: #e94c4c;}
.marks .personal- .c6 {background: #ec6666;}
.marks .personal- .c5 {background: #ef7f7f;}
.marks .personal- .c4 {background: #f29999;}
.marks .personal- .c3 {background: #f5b2b2;}
.marks .personal- .c2 {background: #f9cccc;}
.marks .personal- .c1 {background: #f8c9c9;}
.marks .personal- .c0 {background: #ffffff;}
.marks .group- .c10 {background: #0030df;}
.marks .group- .c9 {background: #1944e2;}
.marks .group- .c8 {background: #3359e5;}
.marks .group- .c7 {background: #4c6ee9;}
.marks .group- .c6 {background: #6683ec;}
.marks .group- .c5 {background: #7f97ef;}
.marks .group- .c4 {background: #99acf2;}
.marks .group- .c3 {background: #f5b2b2;}
.marks .group- .c2 {background: #ccd6f9;}
.marks .group- .c1 {background: #c9d3f8;}
.marks .group- .c0 {background: #ffffff;}

/* Rose */
.rose {}
.rose .rose- {width: 0; vertical-align: top;}
.rose .rose- .rose-container- {position: relative; width: 320px; height: 320px;}
.rose .rose- .rose-container- img {position: absolute; left: 0px; top: 0px; width: 320px; height: 320px;}
.rose .rose- .rose-container- .cover- {position: absolute; left: 0; top: 0; width: 320px; height: 320px; background: url(../img/dark.png) 0 0 repeat; _background: none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../img/dark.png');}
.rose .rose- .rose-container- .cover- div {width: 320px; height: 320px; background: url(../img/loading.gif) 50% 50% no-repeat;}
.rose .descr- {width: 100%; vertical-align: top;}

/* Choice stat */
.choise-stat {}
.choise-stat .legend- {padding: 6px 0;}
.choise-stat .legend- .legend-sep- {width: 20px;}
.choise-stat .graph- {vertical-align: bottom; padding-bottom: 4px; padding-top: 10px;}
.choise-stat .graph- .choices- {border-left: 1px solid #e0e0e0;}
.choise-stat .graph- .choices- td, .choise-stat .graph- .choices- th {padding: 0 2px; vertical-align: bottom; border-right: 1px solid #e0e0e0;}
.choise-stat .graph- .choices- td {}
.choise-stat .graph- .choices- th {font-weight: normal; background: #ccc;}
.choise-stat .block- {display: block; margin-bottom: 2px; background: #cfc;}
.choise-stat .block-finished- {background: #080;}
.choise-stat .competences- {padding: 0 0 0 18px; vertical-align: bottom;}

/* Vector - Step caption */
.vector-step-caption {border-collapse: collapse; height: 27px;}
.vector-step-caption-fixed {width: 131px;}
.vector-step-caption-fixed div {text-align: center;}
.vector-step-caption td {padding: 0;}
.vector-step-caption div {padding: 0 6px; height: 27px; line-height: 27px; font-size: 17px; color: #fff; white-space: nowrap;}
.vector-step-caption-red- {background: #9c2525 url(../img/vector-steps-bg.gif) 0 0 no-repeat;}
.vector-step-caption-red- div {background: url(../img/vector-steps-bg.gif) 100% 20% no-repeat;}
.vector-step-caption-green- {background: #259c25 url(../img/vector-steps-bg.gif) 0 40% no-repeat;}
.vector-step-caption-green- div {background: url(../img/vector-steps-bg.gif) 100% 60% no-repeat;}
.vector-step-caption-gray- {background: #999999 url(../img/vector-steps-bg.gif) 0 80% no-repeat;}
.vector-step-caption-gray- div {background: url(../img/vector-steps-bg.gif) 100% 100% no-repeat;}

/* Vector - Professiogram index */
.vector-prof-index {width: 16px; height: 16px; color: #fff; font-size: 12px; text-align: center; font-weight: bold;}
.vector-prof-index-1- {background: #d85472 url(../img/vector-prof-index-bg.gif) 0 0 no-repeat;}
.vector-prof-index-2- {background: #5ddfba url(../img/vector-prof-index-bg.gif) 0 25% no-repeat;}
.vector-prof-index-3- {background: #e89b54 url(../img/vector-prof-index-bg.gif) 0 50% no-repeat;}
.vector-prof-index-4- {background: #bbc555 url(../img/vector-prof-index-bg.gif) 0 75% no-repeat;}
.vector-prof-index-5- {background: #8f55de url(../img/vector-prof-index-bg.gif) 0 100% no-repeat;}

/* Vector - Resume - Step */
.vector-resume-step {width: 100%; margin-bottom: 32px;}
.vector-resume-step .head- {height: 27px;}
.vector-resume-step .head- .step- {vertical-align: middle; width: 0;}
.vector-resume-step .head- .step- div {white-space: nowrap; font-size: 18px; width: 60px;}
.vector-resume-step .head- .title- {vertical-align: middle; width: 0;}
.vector-resume-step .head- .question- {padding-left: 6px; vertical-align: middle; font-size: 14px; font-style: italic; text-align: left; width: 100%;}
.vector-resume-step .body- {}
.vector-resume-step .body- .content- {padding-top: 15px;}
.vector-resume-step .body2- .content- {padding-top: 20px;}
.vector-resume-step .change- {padding-left: 20px;}

/* Vector - intro */
.vector-intro {width: 620px;}
.vector-intro .what-is- {margin-bottom: 20px; font-size: 18px; color: #333;}
.vector-intro .is-inner- {margin-bottom: 20px; font-size: 15px;}
.vector-intro .later- {margin-bottom: 20px; font-size: 15px;}
.vector-intro .steps- {margin-top: 40px; margin-bottom: 34px; border-left: 2px solid #9c2525;}
.vector-intro .steps- th {padding: 4px 0 20px 18px; text-align: left; font-size: 24px; font-weight: normal; color: #505050;}
.vector-intro .steps- td {vertical-align: top;}
.vector-intro .steps- td.l- {padding: 4px 0 24px 18px; font-size: 37px; line-height: 27px;}
.vector-intro .steps- td.l- .red- {color: #9c2525;}
.vector-intro .steps- td.l- .green- {color: #259c25;}
.vector-intro .steps- td.c- {padding: 4px 0 24px 28px;}
.vector-intro .steps- td.r- {padding: 8px 0 0 35px; font-size: 14px;}
.vector-intro .steps- td.r- .question- {font-style: italic;}
.vector-intro .steps- td.r- .note- {color: #777777;}
.vector-intro .button- {text-align: center;}

/* Vector menu */
#vector-menu {margin-bottom: 20px;}
#vector-menu th {vertical-align: bottom; padding-bottom: 4px;}
#vector-menu th.sep- div {width: 20px; height: 28px; position: relative;}
#vector-menu th.sep- div span {position: absolute; left: -3px; top: 3px; font-size: 28px; color: #999; line-height: 27px;}
#vector-menu th div {font-size: 18px; line-height: 17px; font-weight: normal; text-align: center;}
#vector-menu th div.disabled- {color: #999;}
#vector-menu th div.current- {font-size: 28px; line-height: 27px;}

/* 'About' info */
.content-about {padding-top: 40px;}
.content-about p {font-size: 14px;}
.content-about p.item- {padding-top: 15px; font-size: 18px;}

/* Key-value info */
.kv-info {margin: 1px 0 10px;}
.kv-info-2-columns {border-collapse: collapse;}
.kv-info-2-columns td {padding: 0 20px 0 0; vertical-align: top;}
.kv-info ul {margin: 0; padding: 0;}
.kv-info li {margin: 1px 0 10px 20px;}

/* Widget controls */
.widget-controls {text-align: right; width: 100%;}
.widget-controls .button- {display: inline-block; width: 20px; height: 20px; border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; background: url(../img/widget-controls.gif) 0 2px no-repeat #fff; margin-right: 3px; cursor: pointer;}
.widget-controls .move- {background-position: 0 2px; cursor: move;}
.widget-controls .edit- {background-position: -40px 2px;}
.widget-controls .title- {background-position: -20px 2px;}
.widget-controls .delete- {background-position: -60px 2px; margin-right: 5px;}

/* Widget - common markup */
.widget {margin-bottom: 10px; position: relative; border: solid 1px #fff; background: url(../img/widget-bottom-bg.gif) 0 bottom repeat-x #fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-radius: 7px; position: relative; /* For PIE */}
.narrow-column .widget {width: 222px;}
.widget .header- {display: block; -moz-border-radius: 7px 7px 0 0; -webkit-border-radius: 7px 7px 0 0; border-radius: 7px 7px 0 0; border-bottom: solid 1px #c6c6c6; position: relative; /* For PIE */}
.widget .header- table {padding: 0; margin: 0; height: 36px; border: solid 1px white; border-bottom: solid 2px white; border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0; width: 100%; position: relative; /* For PIE */}
.widget .header- table td {vertical-align: middle;}
.widget .header- .text- {display: block; font-size: 18px; line-height: 19px; padding: 6px 7px; float: none; margin: 0; color: #fff; border-bottom: none;}
.widget .header-hidden- {height: 9px; visibility: hidden; background: none; border: none;}
.widget .header-hidden- table {display: none;}
.widget hr {font-size: 1px; line-height: 1px; height: 1px; border-top: solid 1px #c6c6c6; margin: 8px 0;}
.widget .content- {padding: 9px;}
.widget .content- .label- {font-size: 11px;}
.widget .content-message- {margin: 0 9px 8px; padding: 8px 14px;}
.widget .content-message- .text- {text-align: center; line-height: 15px; margin: 0;}
.widget .content-message- .button- {text-align: center; line-height: 15px; margin: 7px 0 2px;}
.widget .content-message-config- {background: #faf9c2;}
.widget .content-message-access- {background: #fadcc2;}
.widget .content-message-empty- {margin: 0; padding: 10px;}
.widget .content-message-empty- .text- {text-align: left;}
.widget .content-message- .clickable {border-color: #000;}
.widget .buttons- {padding: 0 5px 9px;}
.widget .buttons- .button- {font-size: 12px; font-weight: bold; display: inline-block; padding: 2px 10px 6px; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; background: #fff; position: relative; /* For PIE */}
.widget .buttons-active- .button- {cursor: pointer;}
.widget .buttons- .button- .text- {text-transform: lowercase; line-height: 17px;}
.wide-column .widget .buttons- {padding: 0 0 9px;}
.wide-column .widget .buttons- .button-right- {float:right;}
.wide-column .widget .wide-only- {display: block;}
.wide-column .widget .narrow-only- {display: none;}
.narrow-column .widget .wide-only- {display: none;}
.narrow-column .widget .narrow-only- {display: block;}
.widget .footer- {padding: 0 0 12px; text-align: center; font-size: 11px;}
.widget .bold {font-weight: bold;}
.narrow-column .widget {overflow: hidden;}
.widget .header- {word-wrap: break-word;}
.widget .content- {word-wrap: break-word;}
.widget .footer- {word-wrap: break-word;}

.columns-wrap-community .widget-wrap {padding: 2px; background: rgba(0, 0, 0, 0.2); margin-bottom: 10px; border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; position: relative; /* For PIE */}
.columns-wrap-community .widget-wrap .widget {margin-bottom: 0;}
.columns-wrap-community .widget {border-bottom: none; padding-bottom: 1px; border-color: transparent;}
.columns-wrap-community .widget .header- td {border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; -webkit-border-radius: 6px 6px 0 0;}
.columns-wrap-community .narrow-column .widget {width: 218px;}

/* Widget preloader */
.widget-loading {height: 40px; background: url(../img/loading-big.gif) 50% 50% no-repeat #fff; border-color: #fff;}

/* Widget add button */
.widget-add {cursor: pointer; margin: 10px 5px; background-image: none;}
.widget-add .content- {margin: 0;}
.widget-add .clickable {text-decoration: none;}

.columns-wrap-community .widget-add {margin-bottom: 10px;}

/* Text widget */
.widget-text .content- {padding-bottom: 0;}
.widget-text .header-hidden- {display: none;}

/* Statistics widget */
.widget-stat p {line-height: 23px; margin-bottom: 0;}
.widget-stat .text- {margin-right: 5px;}
.widget-stat .header-hidden- {display: none;}

/* Last posts widget */
.widget-last-posts .item- {list-style: none; background: #f7f7f7; padding: 0; position: relative;}
.widget-last-posts .title- {background: #f0f0f0; font-weight: bold; padding: 6px 10px 0 10px;}
.widget-last-posts .section- {background: #f0f0f0; padding: 0 10px 4px 10px;}
.widget-last-posts .author- {padding: 0 10px;}
.widget-last-posts .author- .text- {display: block; padding: 6px 0; line-height: 14px;}
.widget-last-posts .author- .label- {margin-top: 9px;}
.widget-last-posts .comments- a {display: inline-block; line-height: 21px; height: 21px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 4px; min-width: 13px; text-align: center; border: solid 2px transparent;}
.widget-last-posts .comments- a:hover {border: solid 2px #aaa;}
.widget-last-posts .author- .avatar- span {margin-top: 8px;}

.narrow-column .widget-last-posts .content- {padding: 2px 2px 9px;}
.narrow-column .widget-last-posts .content-.content-feed- {padding-left: 0; padding-right: 0;}
.narrow-column .widget-last-posts .item- {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0 0 3px 0;}
.narrow-column .widget-last-posts .comments- {text-align: right; background: #f0f0f0; height: 33px; line-height: 34px; padding-right: 5px;}
.narrow-column .widget-last-posts .comments- a {background: #f7f7f7;}
.narrow-column .widget-last-posts .author- .label- {display: none;}

.wide-column .widget-last-posts .content- {padding: 0; margin: 2px 9px 0;}
.wide-column .widget-last-posts .content-.content-feed- {margin-left: 0; margin-right: 0;}
.wide-column .widget-last-posts .footer- {padding-top: 2px;}
.wide-column .widget-last-posts .item- {border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; margin: 0 0 6px 0;}
.wide-column .widget-last-posts .label- {position: absolute; right: 100%; margin-right: -44px;}
.wide-column .widget-last-posts .comments- {position: absolute; border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; background: #f7f7f7; bottom: 0; right: 6px; height: 40px; line-height: 43px;}
.wide-column .widget-last-posts .comments- a {background: #f0f0f0;}
.wide-column .widget-last-posts .title- {padding-left: 54px; border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0;}
.wide-column .widget-last-posts .section- {padding-left: 54px;}
.wide-column .widget-last-posts .author- {padding-left: 54px;}
.wide-column .widget-last-posts .comments- .text- {visibility: hidden;}
.wide-column .widget-last-posts .comments- .text-.first- {visibility: visible;}

.columns-wrap-community .narrow-column .widget-last-posts .buttons- {padding-bottom: 0;}

/* Last comments widget */
.widget-last-comments .item- {list-style: none; background: #f7f7f7; padding: 0; position: relative;}
.widget-last-comments .title- {background: #f0f0f0; font-weight: bold; padding: 6px 10px 0 10px;}
.widget-last-comments .section- {background: #f0f0f0; padding: 0 10px 4px 10px;}
.widget-last-comments .author- {padding: 0 10px;}
.widget-last-comments .author- .text- {display: block; padding: 6px 0; line-height: 14px;}
.widget-last-comments .author- .label- {margin-top: 9px;}
.widget-last-comments .footer- {padding-bottom: 7px;}
.widget-last-comments .comment- {padding: 0 10px; clear: both;}
.widget-last-comments .comment- div {display: inline;}
.widget-last-comments .comment- a {display: inline-block; margin-left: 4px; line-height: 21px; height: 21px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 4px; min-width: 13px; text-align: center; border: solid 2px transparent;}
.widget-last-comments .comment- .readmore- {display: inline-block; line-height: 13px; height: 14px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 3px; min-width: 8px; text-align: center; border: solid 2px transparent; text-decoration: none;}
.widget-last-comments .comment- a:hover {border: solid 2px #aaa;}
.widget-last-comments .content-message-empty- {padding-top: 1px;}

.narrow-column .widget-last-comments .content- {padding: 2px 2px 9px;}
.narrow-column .widget-last-comments .item- {border-radius: 8px; -moz-border-radius: 8px; -webkit-border-radius: 8px; margin: 0 0 3px 0;}
.narrow-column .widget-last-comments .comment- {background: #f0f0f0; padding: 5px 10px;}
.narrow-column .widget-last-comments .comment- a {background: #f7f7f7;}
.narrow-column .widget-last-comments .author- .label- {display: none;}

.wide-column .widget-last-comments .content- {border: solid 1px #b9b9b9; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; padding: 0; margin: 2px 9px 9px;}
.wide-column .widget-last-comments .footer- {padding-top: 2px;}
.wide-column .widget-last-comments .item- {margin: 0 0 6px 0; background: #f7f7f7;}
.wide-column .widget-last-comments .item-first- {border-radius: 8px 8px 0 0; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0;}
.wide-column .widget-last-comments .item-last- {border-radius: 0 0 8px 8px; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px; margin-bottom: 0;}
.wide-column .widget-last-comments .item-first-.item-last- {border-radius: 8px;}
.wide-column .widget-last-comments .label- {}
.wide-column .widget-last-comments .comment- {background: none; bottom: 0; line-height: 18px; padding-bottom: 14px; padding-top: 2px;}
.wide-column .widget-last-comments .comment- a {background: #cbcbcb;}
.wide-column .widget-last-comments .title- {background: none;}
.wide-column .widget-last-comments .section- {background: none; padding-bottom: 2px;}
.wide-column .widget-last-comments .author- {padding-left: 54px;}
.wide-column .widget-last-comments .author- .label- {display: none;}
.wide-column .widget-last-comments .author- .avatar- span {margin-top: 8px;}

/* Grey widget */
.widget-gray {background: #f1f1f1; background-image: none; border-radius: 7px; -moz-border-radius: 7px; -webkit-border-radius: 7px; border-color: #b9b9b9; position: relative;}

/* Communities widget*/
.widget-communities .content- {padding: 2px 0;}
.widget-communities .item- {list-style: none; padding: 0 6px; margin: 0; clear: both; margin-bottom: 10px;}
.widget-communities .logo- {display: table-cell; width: 56px; height: 43px; padding-right: 10px;}
.widget-communities .logo- img {border: solid 3px #fff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}
.widget-communities .title- {display: table-cell; height: 43px; line-height: 15px; vertical-align: middle;}
.widget-communities li {list-style-image: none;}

/* Last users widget */
.widget-last-users .item- {list-style: none; padding: 0 5px; border-bottom: solid 1px #dfdfdf; margin: 0; clear: both;}
.widget-last-users .avatar- {width: 28px; display: inline-block; margin-right: 6px;}
.widget-last-users .avatar- span {float: right; margin-right: 0;}
.widget-last-users .avatar- img {max-width: 22px;}
.widget-last-users .text- {width: 28px; display: inline-block; width: auto; line-height: 14px; margin-top: 1px;}
.widget-last-users .header-hidden- {}

.narrow-column .widget-last-users .content- {padding: 4px 0 9px;}

.wide-column .widget-last-users .content- {padding-top: 4px;}
.wide-column .widget-last-users .item- {margin: 0;}

/* Top users widget */
.widget-top-users .item- {list-style: none; padding: 0 5px; border-bottom: solid 1px #dfdfdf; margin: 0; clear: both;}
.widget-top-users .avatar- {width: 28px; display: inline-block; margin-right: 6px;}
.widget-top-users .avatar- span {float: right; margin-right: 0;}
.widget-top-users .avatar- img {max-width: 22px;}
.widget-top-users .text- {width: 28px; display: inline-block; width: auto; line-height: 14px; margin-top: 1px;}
.widget-top-users .number- {float:right; display: inline-block; height: 38px; line-height: 38px; font-size: 13px; font-weight: bold; margin-right: 8px;}
.widget-top-users .header-hidden- {display: none;}

.narrow-column .widget-top-users .content- {padding: 9px 0px;}
.narrow-column .widget-top-users .column-hidden- {display: none;}

.wide-column .widget-top-users .content- {padding: 9px;}
.wide-column .widget-top-users .item- {margin: 0 0 6px 0; background: #fff; padding-left: 6px; padding-right: 9px;}
.wide-column .widget-top-users .content-wrap- {display: table; width: 100%;}
.wide-column .widget-top-users .column- {display: table-cell; width: 50%; padding-left: 1px; padding-right: 5px;}
.wide-column .widget-top-users .column-right- {padding-left: 5px; padding-right: 1px;}
.wide-column .widget-top-users .column-hidden- {display: table-cell; width: 50%;}

/* Materials widget */
.widget-materials .item- {}
.widget-materials .comments- {padding: 0 10px;}
.widget-materials .comments- a {display: inline-block; line-height: 21px; height: 21px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 4px; min-width: 13px; text-align: center; background: #f0f0f0; border: solid 2px transparent;}
.widget-materials .comments- a:hover {border: solid 2px #aaa;}
.widget-materials .comments- .text- {visibility: hidden;}
.widget-materials .title- {padding: 2px 10px 0; height: 38px; display: table-cell; vertical-align: top; width: 100%;}

.narrow-column .widget-materials .content- {padding: 0 3px;}
.narrow-column .widget-materials .item- {margin-bottom: 12px;}
.narrow-column .widget-materials .comments- {text-align: right; background: #f7f7f7; height: 33px; line-height: 34px; padding-right: 5px;}
.narrow-column .widget-materials .comments- a {background: #fff;}
.narrow-column .widget-materials .comments- .text-.first- {visibility: visible;}
.narrow-column .widget-materials .title- {height: 30px; padding: 0 6px;}
.narrow-column .widget-materials .footer- {}

.wide-column .widget-materials .content- {padding: 0; display: table; width: 100%;}
.wide-column .widget-materials .item- {margin: 0 0 6px 0; display: table-row;}
.wide-column .widget-materials .comments- {background: none; bottom: 0; line-height: 18px; display: table-cell; vertical-align: middle; text-align: right; padding-right: 15px;}
.wide-column .widget-materials .comments- .text-.first- {position: absolute; right: 15px; top: 19px; visibility: visible; text-align: right;}
.wide-column .widget-materials .title- {background: none; width: 75%;}

/* Events widget */
.widget-events .table- {border-spacing: 0}
.widget-events .content- .col-datetime- {margin-left: 12px;}
.widget-events .content- .col-main- {margin-left: 12px;}
.widget-events .comments- {padding: 0 10px;}
.widget-events .comments- a {display: inline-block; line-height: 21px; height: 21px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 0 4px; min-width: 13px; text-align: center; background: #f0f0f0; border: solid 2px transparent;}
.widget-events .comments- a:hover {border: solid 2px #aaa;}
.widget-events .comments- .text- {visibility: hidden;}

.narrow-column .widget-events .content- {padding: 0 3px;}
.narrow-column .widget-events .item- {margin-top: 9px;}
.narrow-column .widget-events .footer- {padding-top: 9px;}
.narrow-column .widget-events .comments- {text-align: right; background: #f7f7f7; height: 33px; line-height: 34px; padding-right: 5px;}
.narrow-column .widget-events .comments- a {background: #fff;}
.narrow-column .widget-events .comments- .text-.first- {visibility: visible;}
.narrow-column .widget-events .content- .col-main- {padding-right: 5px;}
.narrow-column .widget-events .content- .col-datetime- {padding-left: 5px;}
.narrow-column .widget-events .content- .col-datetime- .sep- {width: 70px;}
.narrow-column .widget-events .content- .col-main- .title- {font-size: 14px; width: 134px; word-wrap: break-word;}
.narrow-column .widget-events .content- .col-datetime- .day- {font-size: 14px;}
.narrow-column .widget-events .content- .col-datetime- .date- {height: 20px; line-height: 20px;}
.narrow-column .widget-events .content- .col-datetime- .week-day- {font-size: 14px; width: 20px; height: 20px; line-height: 20px;}
.narrow-column .widget-events .content- .col-datetime- .time- {margin-top: 3px;}

.wide-column .widget-events .content- {padding-right: 0; padding-top: 11px;}
.wide-column .widget-events .content- .item- {display: table; width: 100%; margin-bottom: 6px;}
.wide-column .widget-events .content- .table- {width: 75%;}
.wide-column .widget-events .comments- {background: none; bottom: 0; line-height: 18px; display: table-cell; vertical-align: middle; text-align: right; padding-right: 15px; width: 25%;}
.wide-column .widget-events .comments- .text-.first- {position: absolute; right: 15px; top: 19px; visibility: visible; text-align: right;}

/* Color schemes for widgets */
.color-green .widget .header- {background: #5cb55c;}
.color-green .widget .header- .text- {text-shadow: 0px 1px 0px #3c843c;}
.color-green .widget .header-light- {background: #fff; border-bottom-color: transparent;}
.color-green .widget .header-light- .text- {color: #3c843c; text-shadow: none;}
.color-green .widget .footer- a {color: #3c843c;}
.color-green .widget .buttons- .button- .text- {border-color: #339933; color: #3c843c; background: url('../img/dot-bold-green.gif') left bottom repeat-x;}
.color-green .widget .buttons- .button-selected- {background: #339933;}
.color-green .widget .buttons- .button-selected- .text- {color: #fff; border: none;}
.color-green .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-green .widget-gray .header- table {border-color: #f1f1f1;}
.color-green .widget-gray .header- .text- {color: #3c843c; text-shadow: none;}
.color-green .widget-gray .content- {background: none;}
.color-green .widget-gray .footer- {background: none;}
.color-green .widget-last-posts .label- {color: #3c843c;}
.color-green .widget-last-comments .label- {color: #3c843c;}
.color-green .widget-top-users .number- {color: #3c843c;}
.color-green .widget-custom-feed .label- {color: #3c843c;}

.color-green .columns-wrap-community .widget .header- {background: #aef0ae;}
.color-green .columns-wrap-community .widget .header- td {border: solid 1px #5cb55c;}
.color-green .columns-wrap-community .widget .header- .text- {color: #035503; text-shadow: none;}
.color-green .columns-wrap-community .widget .header-light- {background: #fff;}
.color-green .columns-wrap-community .widget .header-light- td {border: none;}
.color-green .columns-wrap-community .widget .header-light- .text- {color: #3c843c;}
.color-green .columns-wrap-community .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-green .columns-wrap-community .widget-gray .header- table {border-color: #f1f1f1;}
.color-green .columns-wrap-community .widget-gray .header- .text- {color: #3c843c;}
.color-green .columns-wrap-community .widget-gray .header- td {border: none;}

.color-blue .widget .header- {background: #5cb5b5;}
.color-blue .widget .header- .text- {text-shadow: 0px 1px 0px #3c8484;}
.color-blue .widget .header-light- {background: #fff; border-bottom-color: transparent;}
.color-blue .widget .header-light- .text- {color: #3c8484; text-shadow: none;}
.color-blue .widget .footer- a {color: #3c8484;}
.color-blue .widget .buttons- .button- .text- {border-color: #339999; color: #3c8484;  background: url('../img/dot-bold-blue.gif') left bottom repeat-x;}
.color-blue .widget .buttons- .button-selected- {background: #339999;}
.color-blue .widget .buttons- .button-selected- .text- {color: #fff; border: none;}
.color-blue .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-blue .widget-gray .header- table {border-color: #f1f1f1;}
.color-blue .widget-gray .header- .text- {color: #3c8484; text-shadow: none;}
.color-blue .widget-gray .content- {background: none;}
.color-blue .widget-gray .footer- {background: none;}
.color-blue .widget-last-posts .label- {color: #3c8484;}
.color-blue .widget-last-comments .label- {color: #3c8484;}
.color-blue .widget-top-users .number- {color: #3c8484;}
.color-blue .widget-custom-feed .label- {color: #3c8484;}

.color-blue .columns-wrap-community .widget .header- {background: #aef0f0;}
.color-blue .columns-wrap-community .widget .header- td {border: solid 1px #5cb5b5;}
.color-blue .columns-wrap-community .widget .header- .text- {color: #035555; text-shadow: none;}
.color-blue .columns-wrap-community .widget .header-light- {background: #fff;}
.color-blue .columns-wrap-community .widget .header-light- td {border: none;}
.color-blue .columns-wrap-community .widget .header-light- .text- {color: #3c8484;}
.color-blue .columns-wrap-community .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-blue .columns-wrap-community .widget-gray .header- table {border-color: #f1f1f1;}
.color-blue .columns-wrap-community .widget-gray .header- .text- {color: #3c8484;}
.color-blue .columns-wrap-community .widget-gray .header- td {border: none;}

.color-yellow .widget .header- {background: #b5b55c;}
.color-yellow .widget .header- .text- {text-shadow: 0px 1px 0px #84843c;}
.color-yellow .widget .header-light- {background: #fff; border-bottom-color: transparent;}
.color-yellow .widget .header-light- .text- {color: #84843c; text-shadow: none;}
.color-yellow .widget .footer- a {color: #84843c;}
.color-yellow .widget .buttons- .button- .text- {border-color: #999933; color: #84843c;  background: url('../img/dot-bold-yellow.gif') left bottom repeat-x;}
.color-yellow .widget .buttons- .button-selected- {background: #999933;}
.color-yellow .widget .buttons- .button-selected- .text- {color: #fff; border: none;}
.color-yellow .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-yellow .widget-gray .header- table {border-color: #f1f1f1;}
.color-yellow .widget-gray .header- .text- {color: #84843c; text-shadow: none;}
.color-yellow .widget-gray .content- {background: none;}
.color-yellow .widget-gray .footer- {background: none;}
.color-yellow .widget-last-posts .label- {color: #84843c;}
.color-yellow .widget-last-comments .label- {color: #84843c;}
.color-yellow .widget-top-users .number- {color: #84843c;}
.color-yellow .widget-custom-feed .label- {color: #84843c;}

.color-yellow .columns-wrap-community .widget .header- {background: #f0f0ae;}
.color-yellow .columns-wrap-community .widget .header- td {border: solid 1px #b5b55c;}
.color-yellow .columns-wrap-community .widget .header- .text- {color: #555503; text-shadow: none;}
.color-yellow .columns-wrap-community .widget .header-light- {background: #fff;}
.color-yellow .columns-wrap-community .widget .header-light- td {border: none;}
.color-yellow .columns-wrap-community .widget .header-light- .text- {color: #84843c;}
.color-yellow .columns-wrap-community .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-yellow .columns-wrap-community .widget-gray .header- table {border-color: #f1f1f1;}
.color-yellow .columns-wrap-community .widget-gray .header- .text- {color: #84843c;}
.color-yellow .columns-wrap-community .widget-gray .header- td {border: none;}

.color-red .widget .header- {background: #b55c5c;}
.color-red .widget .header- .text- {text-shadow: 0px 1px 0px #843c3c;}
.color-red .widget .header-light- {background: #fff; border-bottom-color: transparent;}
.color-red .widget .header-light- .text- {color: #843c3c; text-shadow: none;}
.color-red .widget .footer- a {color: #843c3c;}
.color-red .widget .buttons- .button- .text- {border-color: #993333; color: #843c3c;  background: url('../img/dot-bold-red.gif') left bottom repeat-x;}
.color-red .widget .buttons- .button-selected- {background: #993333;}
.color-red .widget .buttons- .button-selected- .text- {color: #fff; border: none;}
.color-red .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-red .widget-gray .header- table {border-color: #f1f1f1;}
.color-red .widget-gray .header- .text- {color: #843c3c; text-shadow: none;}
.color-red .widget-gray .content- {background: none;}
.color-red .widget-gray .footer- {background: none;}
.color-red .widget-last-posts .label- {color: #843c3c;}
.color-red .widget-last-comments .label- {color: #843c3c;}
.color-red .widget-top-users .number- {color: #843c3c;}
.color-red .widget-custom-feed .label- {color: #843c3c;}

.color-red .columns-wrap-community .widget .header- {background: #f0aeae;}
.color-red .columns-wrap-community .widget .header- td {border: solid 1px #b55c5c;}
.color-red .columns-wrap-community .widget .header- .text- {color: #550303; text-shadow: none;}
.color-red .columns-wrap-community .widget .header-light- {background: #fff;}
.color-red .columns-wrap-community .widget .header-light- td {border: none;}
.color-red .columns-wrap-community .widget .header-light- .text- {color: #843c3c;}
.color-red .columns-wrap-community .widget-gray .header- {background: none; border-bottom-color: transparent;}
.color-red .columns-wrap-community .widget-gray .header- table {border-color: #f1f1f1;}
.color-red .columns-wrap-community .widget-gray .header- .text- {color: #843c3c;}
.color-red .columns-wrap-community .widget-gray .header- td {border: none;}

/* Widget: Navigation */
.widget-nav {}
.widget-nav .content- {padding: 4px 0 8px;}
.widget-nav .content- div {padding-top: 2px; font-size: 11px; line-height: 14px; color: #505050; padding-right: 6px; background-repeat: no-repeat;}
.widget-nav .content- div a {color: #505050;}
.widget-nav .content- div.selected- {font-weight: bold;}
.widget-nav .content- div.level1- {padding-left: 10px; background-position: -20px 0;}
.widget-nav .content- div.level2- {padding-left: 26px; background-position: 15px 4px;}
.widget-nav .content- div.level3- {padding-left: 42px; background-position: 31px 4px;}
.widget-nav .content- div.level4- {padding-left: 58px; background-position: 47px 4px;}
.widget-nav .content- div.level5- {padding-left: 74px; background-position: 63px 4px;}
.widget-nav .content- div.level6- {padding-left: 90px; background-position: 79px 4px;}
.widget-nav .content- div.level7- {padding-left: 106px; background-position: 95px 4px;}
.color-green .widget-nav .content- div {background-image: url(../img/nav-arrow-green.gif);}
.color-blue .widget-nav .content- div {background-image: url(../img/nav-arrow-blue.gif);}
.color-yellow .widget-nav .content- div {background-image: url(../img/nav-arrow-yellow.gif);}
.color-red .widget-nav .content- div {background-image: url(../img/nav-arrow-red.gif);}

/* Widget: categories */
.widget-categories {}
.widget-categories .items- {padding: 0 0 10px; margin: 0 -1px;}
.widget-categories .items- .item-outer- {border-top: 1px solid #fff; border-bottom: 1px solid #fff;}
.widget-categories .items- .item-outer-selected- {}
.widget-categories .items- .item-outer-selected- .item- {font-weight: bold;}
.widget-categories .items- .item- {padding: 5px 10px 6px 143px; font-size: 12px; line-height: 14px; background-image: url(../img/categories-arrow.gif); background-repeat: no-repeat; background-position: 149px 5px;}
.widget-categories .items- .item- .count- {padding-left: 6px; font-size: 11px; font-weight: normal;}
.widget-categories .items- .level-1- {padding-left: 10px; font-size: 14px; line-height: 16px; background-position: -100px 5px;}
.widget-categories .items- .level-2- {padding-left: 29px; background-position: 16px 5px;}
.widget-categories .items- .level-3- {padding-left: 48px; background-position: 35px 5px;}
.widget-categories .items- .level-4- {padding-left: 67px; background-position: 54px 5px;}
.widget-categories .items- .level-5- {padding-left: 86px; background-position: 73px 5px;}
.widget-categories .items- .level-6- {padding-left: 105px; background-position: 92px 5px;}
.widget-categories .items- .level-7- {padding-left: 124px; background-position: 111px 5px;}
.widget-categories .items- .level-8- {padding-left: 143px; background-position: 130px 5px;}
.widget-categories .items- .level-9- {padding-left: 162px; background-position: 149px 5px;}
.columns-wrap-community .narrow-column .widget-categories {overflow: visible;}
.color-green .widget-categories .items- .item-outer-selected- {border-top: 1px solid #3c843c; border-bottom: 1px solid #3c843c;}
.color-green .widget-categories .items- .item-outer-selected- .item- {background-color: #aef0ae;}
.color-green .widget-categories .items- .item- .count- {color: #3c843c;}
.color-blue .widget-categories .items- .item-outer-selected- {border-top: 1px solid #3c8484; border-bottom: 1px solid #3c8484;}
.color-blue .widget-categories .items- .item-outer-selected- .item- {background-color: #aef0f0;}
.color-blue .widget-categories .items- .item- .count- {color: #3c8484;}
.color-yellow .widget-categories .items- .item-outer-selected- {border-top: 1px solid #84843c; border-bottom: 1px solid #84843c;}
.color-yellow .widget-categories .items- .item-outer-selected- .item- {background-color: #f0f0ae;}
.color-yellow .widget-categories .items- .item- .count- {color: #84843c;}
.color-red .widget-categories .items- .item-outer-selected- {border-top: 1px solid #843c3c; border-bottom: 1px solid #843c3c;}
.color-red .widget-categories .items- .item-outer-selected- .item- {background-color: #f0aeae;}
.color-red .widget-categories .items- .item- .count- {color: #843c3c;}

/* Widget: current city */
.widget-city {}
.widget-city .content- {padding-top: 2px; padding-bottom: 16px;}
.widget-city .city-box- {}
.widget-city .city-box- .city- {font-size: 18px; color: #444; white-space: nowrap;}
.widget-city .city-box- .change- {padding-left: 12px;}
.widget-city .city-box- .change- span {font-size: 12px; color: #888;}
.widget-city .select-box- {}
.widget-city .select-box- select {font-size: 18px;}

/* Widget: Post add */
/* Add post button */
.widget-post-add {margin-bottom: 10px;}
.widget-post-add p {margin: 4px 0 0; padding: 0; font-size: 11px; line-height: 13px; text-align: center; color: #000;}

/* Widget: Side menu */
.widget-menu {}
.widget-menu .items- {padding: 10px 0 10px 9px;}
.widget-menu .menu-item- {clear: both; height: 30px;}
.widget-menu .menu-item-expander- {}
.widget-menu .menu-item-expander- span {cursor: pointer; border-bottom: 1px dashed #000;}
.widget-menu .menu-item- div {float: left; padding: 0 6px; font-size: 15px; line-height: 23px; height: 24px; color: #000; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
.widget-menu .menu-item-level2- {padding-left: 24px; background: url(../img/h4-arrow.gif) 12px 5px no-repeat;}
.widget-menu .menu-item-selected- div {background: #635600; color: #fff;}
.widget-menu .menu-item-selected- div a {color: #fff;}
.widget-menu .menu-item-ext- {padding-left: 18px; background: url(../img/extlink.gif) 6px 7px no-repeat;}
.widget-menu .dd-wrap- {position: relative;}
.widget-menu .dd- {position: absolute; z-index: 2; left: 0; top: 0; padding: 3px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;}
.widget-menu .dd- table {}
.widget-menu .dd- td {padding: 0;}
.widget-menu .dd- a {display: block; height: 26px; line-height: 26px; padding: 0 6px; font-size: 14px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; white-space: nowrap;}
.widget-menu .dd- a:hover {background: #fff; color: #000;}
.color-green .widget-menu .menu-item-selected- div {background: #3c843c;}
.color-green .widget-menu .dd- {background: #5cb55c;}
.color-blue .widget-menu .menu-item-selected- div {background: #3c8484;}
.color-blue .widget-menu .dd- {background: #5cb5b5;}
.color-yellow .widget-menu .menu-item-selected- div {background: #84843c;}
.color-yellow .widget-menu .dd- {background: #b5b55c;}
.color-red .widget-menu .menu-item-selected- div {background: #843c3c;}
.color-red .widget-menu .dd- {background: #b55c5c;}

/* Widget: Project admin menu (inherits widget-menu) */
.widget-menu-admin {}
.widget-menu-admin .menu-item-structure- {padding-left: 30px; background: url(../img/admin-menu-structure-icons.png) 0 0 no-repeat;}
.widget-menu-admin .menu-item-add- {padding-left: 30px; background: url(../img/admin-menu-structure-icons.png) 0 -30px no-repeat;}
.widget-menu-admin .dd-add- {left: 36px; top: -4px;}
.widget-menu-admin .items- {padding-top: 6px; padding-bottom: 4px;}
.widget-menu-admin hr {margin-top: 0;}
.widget-menu-admin .move-hint- {margin: 8px; padding: 4px 0; background: #e8e674; font-size: 11px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; text-align: center;}
.widget-menu-admin ul.jqtree-tree {padding: 0 4px 8px 4px;}
.widget-menu-admin ul.jqtree-tree ul {padding: 0; margin: 0;}
.widget-menu-admin ul.jqtree-tree li {margin: 0; list-style-image: none; font-size: 14px; line-height: 18px;}
.widget-menu-admin ul.jqtree-tree li div {padding: 6px 0;}
.widget-menu-admin ul.jqtree-tree li ul {margin-left: 24px;}
.widget-menu-admin ul.jqtree-tree .jqtree-folder {}
.widget-menu-admin ul.jqtree-tree .jqtree-title {}
.widget-menu-admin ul.jqtree-tree .jqtree-title a {}
.widget-menu-admin ul.jqtree-tree a.jqtree-toggler {text-decoration: none; left: -14px;}
.widget-menu-admin ul.jqtree-tree .selected-item- {padding: 3px 6px; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.widget-menu-admin ul.jqtree-tree .selected-item- a {color: #fff; text-decoration: none;}
.widget-menu-admin ul.jqtree-tree span.jqtree-border {top: 6px;}
.color-green .widget-menu-admin ul.jqtree-tree .selected-item- {background-color: #259c25;}
.color-green .widget-menu-admin ul.jqtree-tree li.jqtree-ghost span.jqtree-line {background-color: #3c843c;}
.color-green .widget-menu-admin ul.jqtree-tree span.jqtree-border {border-color: #3c843c;}
.color-green .widget-menu-admin ul.jqtree-tree .jqtree-moving > div .jqtree-title {outline-color: #3c843c;}
.color-blue .widget-menu-admin ul.jqtree-tree .selected-item- {background: #259c9c;}
.color-blue .widget-menu-admin ul.jqtree-tree li.jqtree-ghost span.jqtree-line {background-color: #3c8484;}
.color-blue .widget-menu-admin ul.jqtree-tree span.jqtree-border {border-color: #3c8484;}
.color-blue .widget-menu-admin ul.jqtree-tree .jqtree-moving > div .jqtree-title {outline-color: #3c8484;}
.color-yellow .widget-menu-admin ul.jqtree-tree .selected-item- {background: #9c9c25;}
.color-yellow .widget-menu-admin ul.jqtree-tree li.jqtree-ghost span.jqtree-line {background-color: #84843c;}
.color-yellow .widget-menu-admin ul.jqtree-tree span.jqtree-border {border-color: #84843c;}
.color-yellow .widget-menu-admin ul.jqtree-tree .jqtree-moving > div .jqtree-title {outline-color: #84843c;}
.color-red .widget-menu-admin ul.jqtree-tree .selected-item- {background: #9c2525;}
.color-red .widget-menu-admin ul.jqtree-tree li.jqtree-ghost span.jqtree-line {background-color: #843c3c;}
.color-red .widget-menu-admin ul.jqtree-tree span.jqtree-border {border-color: #843c3c;}
.color-red .widget-menu-admin ul.jqtree-tree .jqtree-moving > div .jqtree-title {outline-color: #843c3c;}

/* Widget: Precedents: "my" summary */
.widget-precedents-my-summary {padding-bottom: 8px;}
.widget-precedents-my-summary .block- {padding: 0 10px 4px;}
.widget-precedents-my-summary .block-first- {padding-top: 8px;}
.widget-precedents-my-summary .block- .head- {font-size: 16px;}
.widget-precedents-my-summary .block- .line- {margin-top: 2px; color: #333;}
.widget-precedents-my-summary .block- .comment- {font-size: 11px; color: #888;}

/* Widget: Project comparison */
.widget-project-comparison {}
.widget-project-comparison .item- {padding: 5px 0; line-height: 14px;}
.widget-project-comparison .item-level-2- {padding-top: 0; padding-left: 18px;}
.widget-project-comparison .item-with-comment- {padding-bottom: 1px;}
.widget-project-comparison .item- input {margin: 0; padding: 0;}
.widget-project-comparison .item- label {padding-left: 4px;}
.widget-project-comparison .comment- {padding-left: 18px; font-size: 11px; color: #666;}

/* Widget: Filter of marks */
.widget-filter {}
.widget-filter .mark-count- {padding: 6px 4px 6px; text-align: center;}
.widget-filter .mark-count- .caption- {font-size: 12px;}
.widget-filter .mark-count- .number- {}
.widget-filter .mark-count- .number- .digits- {font-size: 22px;}
.widget-filter .mark-count- .number- .text- {font-size: 14px;}
.widget-filter .subhead- {margin: 0 -1px; padding: 2px 0; font-size: 12px; border-width: 1px 0; border-style: solid; font-weight: bold; text-align: center;}
.widget-filter .cb- {padding: 3px 0 4px;}
.widget-filter .cb- input {margin: 0; padding: 0;}
.widget-filter .cb- label {padding-left: 4px;}
.widget-filter .block- {padding: 0 4px 4px 10px;}
.widget-filter .subtitle- {margin: 6px 0 3px; padding: 0; font-size: 11px; line-height: 13px; color: #666;}
.widget-filter .subtitle- a {color: #666;}
.widget-filter .clickable- {border-bottom: 1px dashed #666; cursor: pointer;}
.widget-filter .projects- .expandee- {padding: 2px 0 4px;}
.widget-filter .projects- .expandee- .text- {margin-bottom: 1px; font-size: 11px; line-height: 13px; color: #666;}
.widget-filter .projects- .expandee- .select- {padding-right: 6px;}
.widget-filter .projects- .expandee- .select- select {font-size: 11px; width: 100%;}
.widget-filter .projects- {}
.widget-filter .raters- {}
.widget-filter .submit- {padding: 10px 0 6px; border-width: 1px 0 0; border-style: solid;}
.widget-filter .submit- .input- {margin-bottom: 8px; text-align: center;}
.widget-filter .submit- .drop- {text-align: center; font-size: 11px; color: #666;}
.widget-filter .submit- .drop- a {color: #666;}
.color-green .widget-filter .mark-count- .number- {color: #259c25;}
.color-green .widget-filter .subhead- {background: #aef0ae; border-color: #259c25;}
.color-green .widget-filter .submit- {border-color: #259c25;}
.color-blue .widget-filter .mark-count- .number- {color: #259c9c;}
.color-blue .widget-filter .subhead- {background: #aef0f0; border-color: #259c9c;}
.color-blue .widget-filter .submit- {border-color: #259c9c;}
.color-yellow .widget-filter .mark-count- .number- {color: #9c9c25;}
.color-yellow .widget-filter .subhead- {background: #f0f0ae; border-color: #9c9c25;}
.color-yellow .widget-filter .submit- {border-color: #9c9c25;}
.color-red .widget-filter .mark-count- .number- {color: #9c2525;}
.color-red .widget-filter .subhead- {background: #f0aeae; border-color: #9c2525;}
.color-red .widget-filter .submit- {border-color: #9c2525;}

/* WIdget: User list */
.widget-users {}
.widget-users .item- {width: 100%; border-collapse: collapse; border-top: 1px solid #c6c6c6;}
.widget-users .item-first- {border-top: 0;}
.widget-users .item- .user- {width: 100%; padding: 0 0 0 10px; text-align: left; vertical-align: top;}
.widget-users .item- .digit- {width: 0; padding: 5px; vertical-align: top; text-align: center; font-size: 13px; font-weight: bold;}
.widget-users .item- .digit- i {display: block; width: 20px; font-style: normal;}
.widget-users .item- .sep- {width: 34px;}
.widget-users .nobody- {padding: 12px 0 10px; text-align: center;}
.color-green .widget-users .item- .digit- {color: #3c843c;}
.color-blue .widget-users .item- .digit- {color: #3c8484;}
.color-yellow .widget-users .item- .digit- {color: #84843c;}
.color-red .widget-users .item- .digit- {color: #843c3c;}

/* Widget: Calendar */
.widget-calendar {padding: 7px 0; position: relative; margin-bottom: 10px; overflow: visible;}
.widget-calendar .head- {margin: 0; width: 100%;}
.widget-calendar .head- .arrow- {width: 0;}
.widget-calendar .head- .arrow- div {
	margin: 0 9px;
	width: 27px;
	height: 15px;
	font-size: 18px;
	line-height: 11px;
	text-align: center;
	color: #fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	cursor: pointer;
}
.widget-calendar .head- .date- {width: 100%; text-align: center;}
.widget-calendar .head- .date- table {border-collapse: collapse; margin: 0 auto; height: 20px;}
.widget-calendar .head- .date- table td {padding: 0 1px 2px;}
.widget-calendar .head- .date- td.link- {border: 1px solid #fff; vertical-align: bottom;}
.widget-calendar .head- .date- td.link- div.relative- {position: relative;}
.widget-calendar .head- .date- td.link- a {font-size: 13px; line-height: 17px; font-weight: bold; text-decoration: none; border-bottom: 1px solid #ccc;}
.widget-calendar .head- .date- td.link-hover- {}
.widget-calendar .head- .date- td.arr- {width: 9px; cursor: pointer; font-size: 1px; line-height: 1px; border: 1px solid #fff; border-left: 0;}
.widget-calendar .head- .date- td.arr-hover- {background-position: 50% 50%; background-repeat: no-repeat;}
.widget-calendar .head- .date- td.left- {width: 9px; font-size: 1px; line-height: 1px;}
.widget-calendar .head- .date- td.month- {}
.widget-calendar .head- .date- td.sep- {padding: 0; width: 0px; font-size: 1px; line-height: 1px;}
.widget-calendar .head- .date- td.year- {}
.widget-calendar .days-head- {border-left: 1px solid #fff; border-top: 1px solid #fff; margin-left: 9px;}
.widget-calendar .days-head- th {width: 28px; height: 11px; background: #fff; border-right: 1px solid #fff; border-bottom: 1px solid #fff; text-align: center; font-size: 11px; font-weight: normal; line-height: 10px;}
.widget-calendar .days- {margin-left: 9px;}
.widget-calendar .days- td {background: #fff; text-align: center; font-size: 14px;}
.widget-calendar .days- td div {width: 26px; height: 23px; margin: 1px; line-height: 22px;}
.widget-calendar .days- td div.hl- {margin: auto; background-color: #ea8500; color: #fff;}
.widget-calendar .days- td div.hl-my- {background-position: 100% 0; background-repeat: no-repeat;}
.widget-calendar .days- td div.hl- a {color: #fff;}
.widget-calendar .days- td span.gray- {color: #cccccc;}
.widget-calendar .days- td span.today- {font-weight: bold;}
.widget-calendar .archive- {text-align: center; margin-top: 4px;}
.widget-calendar .archive- a {}
.widget-calendar .dd-menu- {position: absolute; z-index: 2; top: 20px; left: -2px; width: 80px; border-bottom: 0;}
.widget-calendar .dd-menu- .item- {height: 18px; line-height: 17px; background: #fff; text-align: left; padding: 0 4px; cursor: pointer;}
.widget-calendar .dd-menu- .item- span {}
.widget-calendar .dd-menu- .item-hover- {background: #eee;}
.color-green .widget-calendar .head- .arrow- div {
    background: #45b645;
	background: -moz-linear-gradient(top,  #45b645 0%, #45b645 40%, #2a882a 60%, #2a882a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b645), color-stop(40%,#45b645), color-stop(60%,#2a882a), color-stop(100%,#2a882a));
	background: -webkit-linear-gradient(top,  #45b645 0%,#45b645 40%,#2a882a 60%,#2a882a 100%);
	background: -o-linear-gradient(top,  #45b645 0%,#45b645 40%,#2a882a 60%,#2a882a 100%);
	background: -ms-linear-gradient(top,  #45b645 0%,#45b645 40%,#2a882a 60%,#2a882a 100%);
	background: linear-gradient(top,  #45b645 0%,#45b645 40%,#2a882a 60%,#2a882a 100%);
}
.color-green .widget-calendar .head- .date- td.link-hover- {border: 1px solid #3c843c;}
.color-green .widget-calendar .head- .date- td.arr-hover- {border: 1px solid #3c843c; background-image: url(../img/calendar-arrow-green.gif);}
.color-green .widget-calendar .days-head- th {color: #3c843c;}
.color-green .widget-calendar .days- {border-left: 1px solid #3c843c; border-top: 1px solid #3c843c;}
.color-green .widget-calendar .days- td {border-right: 1px solid #3c843c; border-bottom: 1px solid #3c843c;}
.color-green .widget-calendar .days- td div.hl-my- {background-image: url(../img/calendar-my-events-green.gif);}
.color-green .widget-calendar .archive- a {color: #3c843c;}
.color-green .widget-calendar .dd-menu- {border: 1px solid #3c843c;}
.color-green .widget-calendar .dd-menu- .item- {border-bottom: 1px solid #3c843c;}
.color-blue .widget-calendar .head- .arrow- div {
    background: #45b6b6;
	background: -moz-linear-gradient(top,  #45b6b6 0%, #45b6b6 40%, #2a8888 60%, #2a8888 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#45b6b6), color-stop(40%,#45b6b6), color-stop(60%,#2a8888), color-stop(100%,#2a8888));
	background: -webkit-linear-gradient(top,  #45b6b6 0%,#45b6b6 40%,#2a8888 60%,#2a8888 100%);
	background: -o-linear-gradient(top,  #45b6b6 0%,#45b6b6 40%,#2a8888 60%,#2a8888 100%);
	background: -ms-linear-gradient(top,  #45b6b6 0%,#45b6b6 40%,#2a8888 60%,#2a8888 100%);
	background: linear-gradient(top,  #45b6b6 0%,#45b6b6 40%,#2a8888 60%,#2a8888 100%);
}
.color-blue .widget-calendar .head- .date- td.link-hover- {border: 1px solid #3c8484;}
.color-blue .widget-calendar .head- .date- td.arr-hover- {border: 1px solid #3c8484; background-image: url(../img/calendar-arrow-blue.gif);}
.color-blue .widget-calendar .days-head- th {color: #3c8484;}
.color-blue .widget-calendar .days- {border-left: 1px solid #3c8484; border-top: 1px solid #3c8484;}
.color-blue .widget-calendar .days- td {border-right: 1px solid #3c8484; border-bottom: 1px solid #3c8484;}
.color-blue .widget-calendar .days- td div.hl-my- {background-image: url(../img/calendar-my-events-blue.gif);}
.color-blue .widget-calendar .archive- a {color: #3c8484;}
.color-blue .widget-calendar .dd-menu- {border: 1px solid #3c8484;}
.color-blue .widget-calendar .dd-menu- .item- {border-bottom: 1px solid #3c8484;}
.color-yellow .widget-calendar .head- .arrow- div {
    background: #b6b645;
	background: -moz-linear-gradient(top,  #b6b645 0%, #b6b645 40%, #88882a 60%, #88882a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b6b645), color-stop(40%,#b6b645), color-stop(60%,#88882a), color-stop(100%,#88882a));
	background: -webkit-linear-gradient(top,  #b6b645 0%,#b6b645 40%,#88882a 60%,#88882a 100%);
	background: -o-linear-gradient(top,  #b6b645 0%,#b6b645 40%,#88882a 60%,#88882a 100%);
	background: -ms-linear-gradient(top,  #b6b645 0%,#b6b645 40%,#88882a 60%,#88882a 100%);
	background: linear-gradient(top,  #b6b645 0%,#b6b645 40%,#88882a 60%,#88882a 100%);
}
.color-yellow .widget-calendar .head- .date- td.link-hover- {border: 1px solid #84843c;}
.color-yellow .widget-calendar .head- .date- td.arr-hover- {border: 1px solid #84843c; background-image: url(../img/calendar-arrow-yellow.gif);}
.color-yellow .widget-calendar .days-head- th {color: #84843c;}
.color-yellow .widget-calendar .days- {border-left: 1px solid #84843c; border-top: 1px solid #84843c;}
.color-yellow .widget-calendar .days- td {border-right: 1px solid #84843c; border-bottom: 1px solid #84843c;}
.color-yellow .widget-calendar .days- td div.hl-my- {background-image: url(../img/calendar-my-events-yellow.gif);}
.color-yellow .widget-calendar .archive- a {color: #84843c;}
.color-yellow .widget-calendar .dd-menu- {border: 1px solid #84843c;}
.color-yellow .widget-calendar .dd-menu- .item- {border-bottom: 1px solid #84843c;}
.color-red .widget-calendar .head- .arrow- div {
    background: #b64545;
	background: -moz-linear-gradient(top,  #b64545 0%, #b64545 40%, #882a2a 60%, #882a2a 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b64545), color-stop(40%,#b64545), color-stop(60%,#882a2a), color-stop(100%,#882a2a));
	background: -webkit-linear-gradient(top,  #b64545 0%,#b64545 40%,#882a2a 60%,#882a2a 100%);
	background: -o-linear-gradient(top,  #b64545 0%,#b64545 40%,#882a2a 60%,#882a2a 100%);
	background: -ms-linear-gradient(top,  #b64545 0%,#b64545 40%,#882a2a 60%,#882a2a 100%);
	background: linear-gradient(top,  #b64545 0%,#b64545 40%,#882a2a 60%,#882a2a 100%);
}
.color-red .widget-calendar .head- .date- td.link-hover- {border: 1px solid #843c3c;}
.color-red .widget-calendar .head- .date- td.arr-hover- {border: 1px solid #843c3c; background-image: url(../img/calendar-arrow-red.gif);}
.color-red .widget-calendar .days-head- th {color: #843c3c;}
.color-red .widget-calendar .days- {border-left: 1px solid #843c3c; border-top: 1px solid #843c3c;}
.color-red .widget-calendar .days- td {border-right: 1px solid #843c3c; border-bottom: 1px solid #843c3c;}
.color-red .widget-calendar .days- td div.hl-my- {background-image: url(../img/calendar-my-events-red.gif);}
.color-red .widget-calendar .archive- a {color: #843c3c;}
.color-red .widget-calendar .dd-menu- {border: 1px solid #843c3c;}
.color-red .widget-calendar .dd-menu- .item- {border-bottom: 1px solid #843c3c;}

/* Calendar day */
.calendar-day-outer {position: relative;}
.calendar-day {position: absolute; left: -236px; width: 224px; padding: 0; background: #fff;}
.calendar-day .content- {position: relative;}
.calendar-day .content-loading- {background: url(../img/loading-big.gif) 50% 50% no-repeat;}
.calendar-day .content-inner- {padding-bottom: 12px;}
.calendar-day .close- {position: absolute; right: 10px; top: 10px; height: 15px; width: 15px; background: url(../img/close.gif) 50% 50% no-repeat; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; cursor: pointer;}
.calendar-day .date- {padding: 9px 0 7px; font-size: 14px; text-align: center; font-weight: bold;}
.calendar-day .event- .title- {padding: 4px 10px 0; line-height: 15px;}
.calendar-day .event- .title- .time- {padding-left: 16px;}
.calendar-day .event- .resource-match {padding: 2px 10px 0;}
.calendar-day .event- hr {margin: 0; padding: 0; margin-top: 8px;}
.calendar-day .event-no-hr- {margin-bottom: 8px;}
.calendar-day .details- {margin: 8px 0 12px; text-align: center;}
.calendar-day .details- a {}
.calendar-day .my-events-head- {padding: 2px 0 7px; font-size: 13px; text-align: center; font-weight: bold;}
.color-green .calendar-day {background: #fff;}
.color-green .calendar-day .close- {background-color: #3c843c;}
.color-green .calendar-day .event- .title- .time- {color: #3c843c;}
.color-green .calendar-day .details- a {color: #3c843c;}
.color-blue .calendar-day {background: #fff;}
.color-blue .calendar-day .close- {background-color: #3c8484;}
.color-blue .calendar-day .event- .title- .time- {color: #3c8484;}
.color-blue .calendar-day .details- a {color: #3c8484;}
.color-yellow .calendar-day {background: #fff;}
.color-yellow .calendar-day .close- {background-color: #84843c;}
.color-yellow .calendar-day .event- .title- .time- {color: #84843c;}
.color-yellow .calendar-day .details- a {color: #84843c;}
.color-red .calendar-day {background: #fff;}
.color-red .calendar-day .close- {background-color: #843c3c;}
.color-red .calendar-day .event- .title- .time- {color: #843c3c;}
.color-red .calendar-day .details- a {color: #843c3c;}

/* Widgets - communities edit */
.widget-edit-communities {}
.widget-edit-communities table {table-layout: fixed; border-collapse: collapse; width: 100%;}
.widget-edit-communities table th {padding-bottom: 10px; text-align: center; font-size: 14px; font-weight: normal;}
.widget-edit-communities table td {padding: 0; vertical-align: top; width: 50%;}
.widget-edit-communities table td.l- {padding-right: 5px;}
.widget-edit-communities table td.r- {padding-left: 5px;}
.widget-edit-communities .column- {height: 1000px; overflow: auto; padding: 3px; border: 1px dashed #71726c;}
.widget-edit-communities .community- {table-layout: fixed; width: 100%; cursor: move;}
.widget-edit-communities .community- a {cursor: pointer;}
.widget-edit-communities .community-:hover {background: #eee;}
.widget-edit-communities .community- .logo- {width: 53px; padding: 3px 0; vertical-align: top;}
.widget-edit-communities .community- .logo- img {margin-left: 3px;}
.widget-edit-communities .community- .title- {padding: 3px 3px 3px 6px; vertical-align: middle; width: 100%; font-size: 14px; line-height: 17px;}
.widget-edit-communities .note- {padding: 10px 10px 0; text-align: center; color: #666;}

/* Widgets: add page */
.widgets-add {padding: 10px 0 0 10px;}
.widgets-add .buttons- {}
.widgets-add .buttons- .button-add {margin: 0 10px 10px 0; width: 182px; float: left;}
.widgets-add .bottom- {padding-right: 10px; text-align: center; font-size: 11px; color: #666;}

/* Paging */
.paging {margin: 10px 0;}
.paging .border- {width: auto; height: 21px;}
.paging .border- .l- {width: 0px;}
.paging .border- .c- {line-height: 20px; text-align: right;}
.paging .border- .c- a {display: block; padding: 0 8px; height: 21px;}
.paging .border- .r- {width: 0px;}
.paging .border- .c-arrow- {font-size: 22px;}
.paging .border- .c-arrow- a {text-decoration: none; padding: 0 2px;}
.paging .border- .l-sel- {width: 3px; background-position: 0 0;}
.paging .border- .c-sel- {padding: 0 5px; color: #fff;}
.paging .border- .r-sel- {width: 3px; background-position: 100% 0;}
.paging .border- .no-sel- {}
.paging .border- .sep- {}
.color-green .paging .border- .l-sel- {background-image: url(../img/paging-border-green.gif);}
.color-green .paging .border- .c-sel- {background-color: #259c25;}
.color-green .paging .border- .r-sel- {background-image: url(../img/paging-border-green.gif);}
.color-blue .paging .border- .l-sel- {background-image: url(../img/paging-border-blue.gif);}
.color-blue .paging .border- .c-sel- {background-color: #259c9c;}
.color-blue .paging .border- .r-sel- {background-image: url(../img/paging-border-blue.gif);}
.color-yellow .paging .border- .l-sel- {background-image: url(../img/paging-border-yellow.gif);}
.color-yellow .paging .border- .c-sel- {background-color: #9c9c25;}
.color-yellow .paging .border- .r-sel- {background-image: url(../img/paging-border-yellow.gif);}
.color-red .paging .border- .l-sel- {background-image: url(../img/paging-border-red.gif);}
.color-red .paging .border- .c-sel- {background-color: #9c2525;}
.color-red .paging .border- .r-sel- {background-image: url(../img/paging-border-red.gif);}

/* Icons */
.icons {}
.icons a {display: block; width: 24px; height: 24px; cursor: pointer;}
.icons .edit- {background: url(../img/ico-edit.gif) 0 0 no-repeat;}
.icons .delete- {background: url(../img/ico-delete.gif) 0 0 no-repeat;}
.icons .rate- {background: url(../img/ico-rate.gif) 0 0 no-repeat;}
.icons .plot-rose- {background: url(../img/ico-plot-rose.gif) 0 0 no-repeat;}
.icons .plot-bars- {background: url(../img/ico-plot-bars.gif) 0 0 no-repeat;}
.icons .rating- {background: url(../img/ico-rating.gif) 0 0 no-repeat;}
.icons .ext- {background: url(../img/ico-ext.gif) 0 0 no-repeat;}
.icons .gray- {background-position: 0 100%;}
.icons .disabled- {background-position: 0 100%;}
.icons a:hover {background-position: 0 0;}
.icons a.gray-:hover {background-position: 0 0;}
.icons a.disabled-:hover {background-position: 0 100%;}
.icons-small {display: inline-block; vertical-align: middle; line-height: 16px; height: 16px;}
.icons-small a, .icons-small span {display: inline-block; vertical-align: middle; width: 16px; height: 16px; margin-left: 6px;}
.icons-small span {cursor: pointer;}
.icons-small .edit- {background: url(../img/ico-edit-small.gif) 0 0 no-repeat;}
.icons-small .delete- {background: url(../img/ico-delete-small.gif) 0 0 no-repeat;}
.icons-small .ignore- {background: url(../img/ico-ignore.gif) 0 0 no-repeat; width: 21px; height: 21px;}
.icons-small .gray- {background-position: 0 100%;}
.icons-small .disabled- {background-position: 0 100%;}
.icons-small .loading- {background: url(../img/loading.gif) 0 0 no-repeat;}
.icons-small .ignore-loading- {background: url(../img/loading.gif) 50% 50% no-repeat; width: 21px; height: 21px;}
.icons-small a:hover {background-position: 0 0;}
.icons-small a.gray-:hover {background-position: 0 0;}
.icons-small a.disabled-:hover {background-position: 0 100%;}
.icons-small a.loading-:hover {background-position: 0 0;}
.icons-small a.ignore-loading-:hover {background-position: 50% 50%;}

/* Link with icons */
.ico-links {height: 24px; margin-bottom: 10px;}
.ico-links a {display: block; float: left; height: 24px; line-height: 23px; padding-left: 30px; margin-right: 20px; text-decoration: none;}
.ico-links strong {display: block; float: left; height: 24px; line-height: 23px; padding-left: 30px; margin-right: 20px;}
.ico-links .add- {background: url(../img/ico-add.gif) 0 0 no-repeat;}
.ico-links .import- {background: url(../img/ico-import.gif) 0 0 no-repeat;}
.ico-links .edit- {background: url(../img/ico-edit.gif) 0 0 no-repeat;}
.ico-links .delete- {background: url(../img/ico-delete.gif) 0 0 no-repeat;}
.ico-links .rate- {background: url(../img/ico-rate.gif) 0 0 no-repeat;}
.ico-links .ext- {background: url(../img/ico-ext.gif) 0 0 no-repeat;}
.ico-links .disabled- {background-position: 0 100%;}
.ico-links span {text-decoration: underline; font-weight: normal; cursor: pointer;}
.ico-links span.clickable {text-decoration: none; border-bottom: 1px dashed #000;}
.ico-links .disabled- span {color: #666; text-decoration: none; cursor: default;}
.ico-links .current- span {font-weight: bold; text-decoration: none; cursor: default;}
.ico-links .dd- {position: absolute; margin: 24px 0 0 22px; padding: 0; background: #ffffff; border: 1px solid #888;}
.ico-links .dd- .dd-item- {display: block; clear: both; float: none; padding: 0; margin: 0;}
.ico-links .dd- a {display: block; float: none; margin: 0; padding: 4px 8px; white-space: nowrap; text-decoration: underline;}
.ico-links .dd- a:hover {background: #ded;}
.ico-links-small {height: 16px; margin-bottom: 10px;}
.ico-links-small a {display: block; float: left; height: 16px; line-height: 15px; padding-left: 22px; margin-right: 16px; text-decoration: none;}
.ico-links-small strong {display: block; float: left; height: 16px; line-height: 15px; padding-left: 22px; margin-right: 16px;}
.ico-links-small .add- {background: url(../img/ico-add-small.gif) 0 0 no-repeat;}
.ico-links-small .add-group- {background: url(../img/ico-add-group-small.gif) 0 0 no-repeat;}
.ico-links-small .edit- {background: url(../img/ico-edit-small.gif) 0 0 no-repeat;}
.ico-links-small .delete- {background: url(../img/ico-delete-small.gif) 0 0 no-repeat;}
.ico-links-small .disabled- {background-position: 0 100%;}
.ico-links-small span {text-decoration: underline; font-weight: normal; cursor: pointer;}
.ico-links-small .disabled- span {color: #666; text-decoration: none; cursor: default;}
.ico-links-small .current- span {font-weight: bold; text-decoration: none; cursor: default;}

/* Icons with file types */
.file-type {display: block; position: relative; width: 40px; height: 46px; background-image: url(../img/file-types.png); background-repeat: no-repeat; margin: 0; padding-bottom: 4px;}
.file-type b {display: block; height: 16px; width: 40px; position: absolute; bottom: 0; font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 9px; text-transform: uppercase; text-decoration: none; text-align: center; color: #fff; font-weight: bold; margin: 0;}
.file-type-pdf {background-position: 0 0;}
.file-type-psd {background-position: -40px 0;}
.file-type-flash {background-position: -80px 0;}
.file-type-ssheet {background-position: -120px 0;}
.file-type-doc {background-position: -160px 0;}
.file-type-richtxt {background-position: -200px 0;}
.file-type-txt {background-position: -240px 0;}
.file-type-img {background-position: -280px 0;}
.file-type-slides {background-position: -320px 0;}
.file-type-archive {background-position: -360px 0;}

/* Mouse hint */
#mouse_hint {position: absolute; top: 0; left: 0; padding: 2px; border: 1px solid #999; background: #ffe; display: none; z-index: 3000; font-size: 11px; text-align: left;}

/* xpost ("Loading..." message) */
.xpost-loading {position: fixed; left: 50%; top: -1px; z-index: 2000;}
* html .xpost-loading {position: absolute;}
.xpost-loading .content- {
	position: relative; left: -50px; width: 100px;
	background: #f7ef2d;
	border: 1px solid #c5bf14;
	text-align: center;
	line-height: 28px;
	font-size: 13px;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/* Multiselect from loudev.com */
.ms-container {background: transparent url('../img/multiselect-switch.png') no-repeat 50% 50%; width: 470px;}
.ms-container:after {content: "."; display: block; height: 0; line-height: 0; font-size: 0; clear: both; min-height: 0; visibility: hidden;}
.ms-container .ms-selectable, .ms-container .ms-selection {background: #fff; color: #555555; float: left; width: 45%;}
.ms-container .ms-selection {float: right;}
.ms-container .ms-list {border: 1px solid #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; position: relative; height: 200px; padding: 0; overflow-y: auto;}
.ms-container .ms-list.ms-focus {}
.ms-container ul {margin: 0; list-style-type: none; padding: 0;}
.ms-container .ms-optgroup-container {width: 100%;}
.ms-container .ms-optgroup-label {margin: 0; padding: 5px 0px 0px 5px; cursor: pointer; color: #999;}
.ms-container .ms-selectable li.ms-elem-selectable,
.ms-container .ms-selection li.ms-elem-selection {border-bottom: 1px #eee solid; margin: 0; padding: 2px 4px; list-style-image: none; color: #555; font-size: 14px; white-space: nowrap;}
.ms-container .ms-selectable li.ms-hover, 
.ms-container .ms-selection li.ms-hover {cursor: pointer; color: #fff; text-decoration: none; background-color: #08c;}
.ms-container .ms-selectable li.disabled,
.ms-container .ms-selection li.disabled {background-color: #eee; color: #aaa; cursor: text;}

/* PAGES */

/* Page 404 */
.page404 {padding: 33px 77px;}
.page404 .head1- {margin-bottom: 25px; color: #9c2525; font-size: 168px; line-height: 120px;}
.page404 .head2- {color: #9c2525; font-size: 27px; line-height: 30px;}
.page404 .head3- {margin-bottom: 23px; color: #9c2525; font-size: 18px;}
.page404 .text- {margin-top: 48px; font-size: 14px; line-height: 15px;}

/* Marks */
.page-marks .competence-info- {padding: 10px 0 24px 60px;}
.page-marks .competence-info- .result- {font-size: 14px; font-style: italic;}
.page-marks .competence-info- .result- .hl {font-weight: bold;}
.page-marks .hint- {font-size: 11px; margin-top: 5px;}
.page-marks .projects- {}
.page-marks .projects- hr {}
.page-marks .projects- .hl {color: #3c8484;}
.page-marks .projects- .hl a {color: #3c8484;}
.page-marks .projects- .legend- {float: right;}
.page-marks .projects- .legend- .item- {clear: both;}
.page-marks .projects- .legend- .item- div {width: 21px; height: 17px; float: left; margin: 0 4px 2px 0;}
.page-marks .projects- .legend- .item- div.personal- {background: #df0000;}
.page-marks .projects- .legend- .item- div.group- {background: #0030df;}
.page-marks .projects- .legend- .item- span {font-size: 11px; color: #666;}
.page-marks .projects- h3.super- {font-size: 24px; color: #153030; margin: 9px 0; padding: 0;}
.page-marks .projects- .project-head- {}
.page-marks .projects- .project-head- .title-left- {width: 6px; background: url(../img/head2-border-green.gif) no-repeat 0 0;}
.page-marks .projects- .project-head- .title-right- {width: 6px; background: url(../img/head2-border-green.gif) no-repeat 100% 0;}
.page-marks .projects- .project-head- .title- {height: 32px; background: #259c25; font-size: 18px; color: #fff;}
.page-marks .projects- .project-head- .title- a {color: #fff; white-space: nowrap;}
.page-marks .projects- .project-head- .dates- {padding-left: 20px;}
.page-marks .projects- .project-head- .dates- span {white-space: nowrap; font-size: 11px;}
.page-marks .projects- .project-head- .graph- {padding-left: 20px;}
.page-marks .projects- .project-head- .graph- table {}
.page-marks .projects- .project-head- .graph- table .t- td {width: 40px;}
.page-marks .projects- .project-head- .graph- table .t- td div {margin-left: 1px; font-size: 14px; text-align: center; line-height: 14px; border-left: 1px solid #000;}
.page-marks .projects- .project-head- .graph- table .t- td.last- {border-right: 1px solid #000;}
.page-marks .projects- .project-head- .graph- table .b- {}
.page-marks .projects- .project-head- .graph- table .b- td {padding-top: 2px;}
.page-marks .projects- .project-head- .graph- table .b- .left-border- {border-left: 2px solid #4c4c4c; height: 12px; width: 2px; position: relative;}
.page-marks .projects- .project-head- .graph- table .b- .fill- {height: 12px; position: absolute; background: #4fa553;}
.page-marks .projects- .project-summary- {padding: 9px 0 0 10px;}
.page-marks .projects- .project-summary- .result- {}
.page-marks .projects- .project-summary- .result- .hl {font-weight: bold;}
.page-marks .projects- .project-summary- .translator-info- {padding: 10px 0 0;}
.page-marks .projects- .project-summary- .translator-info- p {font-size: 11px; line-height: 15px; margin: 0;}
.page-marks .projects- .project-summary- .translator-info- ul {margin: 0; padding: 0;}
.page-marks .projects- .project-summary- .translator-info- li {margin-bottom: 0; font-size: 11px; line-height: 15px;}
.page-marks .projects- .precedents- {padding-top: 9px;}
.page-marks .projects- .precedents- .precedent- {padding-bottom: 21px;}
.page-marks .projects- .precedents- .precedent- h3 {margin: 0; padding: 0; font-size: 12px; line-height: 15px; color: #505050;}
.page-marks .projects- .precedents- .precedent- h4 {margin: 2px 0 0;}
.page-marks .projects- .precedents- .precedent- h4.no-precedent_group- {}
.page-marks .projects- .precedents- .precedent- h4 .title- {color: #000;}
.page-marks .projects- .precedents- .precedent- h4 .title- a {color: #000;}
.page-marks .projects- .precedents- .precedent- h4 .date- {margin-left: 20px; font-size: 11px; color: #666; white-space: nowrap;}
.page-marks .projects- .precedents- .precedent- h4 .show-descr- {margin-left: 20px; font-size: 11px; border-bottom-color: #000; white-space: nowrap;}
.page-marks .projects- .precedents- .precedent- .box {margin: 8px 0 0 20px;}

/* Admin modules */
.page-modules {font-size: 14px; line-height: 19px;}
.page-modules .module- {padding: 24px 0 12px; border-bottom: 1px solid #c6c6c6;}
.page-modules .module- .enabled- {}
.page-modules .module- .enabled- .checked- {float: left; height: 22px; line-height: 22px; padding-left: 30px; margin-right: 20px; background: url(../img/admin-module-checked.png) 0 0 no-repeat; font-size: 14px; font-weight: bold; color: #116507;}
.page-modules .module- .enabled- .setup- {float: left; height: 22px; line-height: 22px; margin-right: 20px; font-size: 12px; color: #000;}
.page-modules .module- .enabled- .disable- {float: left; height: 22px; line-height: 22px; margin-right: 8px; font-size: 12px; color: #650707;}
.page-modules .module- .enabled- .disable- a {color: #650707;}
.page-modules .module- .enabled- .disable-hint- {float: left; height: 22px; line-height: 22px; font-size: 12px; color: #666666;}
.page-modules .module- .disabled- {}
.page-modules .module- .disabled- .button- {float: left; height: 38px; margin-right: 10px;}
.page-modules .module- .disabled- .select-hint- {float: left; height: 38px; line-height: 38px; font-size: 12px; color: #333333;}

/* Admin structure main page */
.page-admin-structure {padding: 120px 20px 120px;}
.page-admin-structure table {margin: 0 auto;}
.page-admin-structure .main-text- {font-size: 20px; line-height: 26px; color: #333333; text-shadow: 0px 1px 0px #fff;}
.page-admin-structure .main-text- a {color: #333333;}
.page-admin-structure .main-text- p {margin-bottom: 17px; line-height: 26px;}
.page-admin-structure .main-text- p.header- {margin-bottom: 45px; font-size: 24px; color: #000;}
.page-admin-structure .main-text- p.header- a {color: #000;}
.page-admin-structure .help- {text-align: center; font-size: 14px; color: #333333;}
.page-admin-structure .help- a {color: #333333;}

/* Admin structure module disable */
.page-admin-structure-module-disable {padding: 40px 0; text-align: center;}
.page-admin-structure-module-disable .delete-note- {padding-top: 12px; color: #666;}
.page-admin-structure-module-disable .delete-note- a {color: #666;}
.page-admin-structure-module-disable .delete-note- div {margin-bottom: 6px;}

/* Login and register pages */
.auth-page {margin: 15px 0 15px; text-align: center;}
.auth-page .project-title- {margin: 0 auto 30px;}
.auth-page .project-title- td {padding: 0; vertical-align: middle;}
.auth-page .project-title- .logo- {padding-right: 8px;}
.auth-page .project-title- .title- {font-size: 22px;}
.auth-page h3 {font-size: 24px;}
.auth-page .form- {margin: 20px auto 30px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border: 1px solid #ccc;}
.auth-page .form- td {padding: 20px 40px 0;}

.auth-page-login input {font-size: 18px; text-align: center;}
.auth-page-login p {text-align: center;}

.auth-page-register {}
.auth-page-register form {text-align: left;}
.auth-page-register .form- {width: 500px;}
.auth-page-register .form- td {padding: 20px;}
.auth-page-register .registered-question- {margin-top: 10px;}