/* ********************************* */
/* CUSTOM CONTROL: COLLAPSE BOX      */
/* ********************************* */
.tms_collapsebox-control {
	
}

/*
 * TODO: Remove !important rule. Now still necessary for the "New task" dialog 
 */
.tms_collapsebox-control_bar {
	background: #CACAB7 url(../images/tms_collapsebox-control_icon.gif) no-repeat 6px 0 !important;
	font: bold 11px/ 21px 'Lucida Grande', Tahoma, sans-serif;
	height: 21px;
	padding-left: 25px;
	cursor: pointer;
}

.tms_collapsebox-control_bar_hover {background-color: #9D9D7B !important;}

.tms_collapsebox-control_collapsed {
	background-position: 6px 0 !important;
	/* Vendor-specific */
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;	
}

.tms_collapsebox-control_expanded {
	background-position: 6px -21px !important;
	/* Vendor-specific */
	-moz-border-radius: 3px 3px 0 0;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-radius: 3px 3px 0 0;
}

.tms_collapsebox-control_content {
	background-color: #fff;
	display: none;
	border: 2px solid #CACAB7;
	border-top-width: 0;
	padding: 2px;
}

.tms_collapsebox-control_content_hover {border-color: #9D9D7B;}

/* ********************************* */
/* CUSTOM CONTROL: CHECK BOX         */
/* ********************************* */
.tms_checkbox-control {
	clear: left;
	float: left;
	font-size: 11px;
	text-align: left;
}

.tms_checkbox-control label {
	display: block;
	position: relative;
}

.tms_checkbox-control label span {
	background: transparent url(../images/exc_checkbox.gif) no-repeat left top;
	width: 16px;
	height: 16px;
	position: absolute;
	left: -1px;
}

.tms_checkbox-control label span.checked {background-position: -18px 0;}
.tms_checkbox-control label span.over {background-position: -36px 0;}
.tms_checkbox-control label span.checked.over {background-position: -57px 0;}
html.medium.ie .tms_checkbox-control label span {left: 0px;}

/* ******************************* */
/* CUSTOM CONTROL: Tab Box         */
/* ******************************* */
	
div.tabbox-control {margin-top:6px;}
div.tabbox-control .tb-menu * {font: normal 11px 'Lucida Grande', Tahoma, sans-serif;}

/* MENU */
div.tabbox-control div.tb-menu {
	background: #92bf55 url(../images/tms-box-nav-bg.png) repeat-x left top;
	min-height: 23px;
	padding: 1px 3px 0 3px;
	border-bottom: 3px solid #669D26;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;	
	/*TODO: Contitional Comments */
	_height: 26px;
}

div.tabbox-control div.tb-menu ul,div.tabbox-control div.tb-menu ul li {
	display: inline;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}

div.tabbox-control div.tb-menu ul li a,
div.tabbox-control div.tb-menu ul li.active span,
div.tabbox-control div.tb-menu ul li.tms-box-nav-active span
{
	display: block;
	float: left;
	padding: 1px 7px 2px 7px;
	margin-top: 4px;
	color: #2d5004;
	font-weight: bold;
	text-decoration: none;
}

div.tabbox-control div.tb-menu ul li a,div.tabbox-control div.tb-menu ul li a i {
	color: #2d5004;
	font-weight: bold;
	text-decoration: none;
}

div.tabbox-control div.tb-menu ul li a:hover {color: #000;}

div.tabbox-control div.tb-menu ul li.active a:hover,
div.tabbox-control div.tb-menu ul li.active a:hover span, 
div.tabbox-control div.tb-menu ul li.active a i 
{
	color: #fff;
}

div.tabbox-control div.tb-menu ul li.active a,div.tabbox-control div.tb-menu ul li.active span,div.tabbox-control div.tb-menu ul li.tms-box-nav-active span
{
	color: #fefefe;
	background-color: #669d26;
	margin-left: 3px;
	margin-right: 3px;
	padding: 2px 7px 1px 7px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	/*TODO: Export to Conditional comment */
	_padding: 2px 7px 3px 7px;
}

div.tabbox-control div.tb-menu ul li.active a span {color: #fefefe;}
div.tabbox-control div.tb-menu ul li.active a:focus {outline: none;}
div.tabbox-control div.tb-menu ul li.active div {float: left;}

html.gecko div.tabbox-control div.tb-menu ul li.active b,html.webkit div.tabbox-control div.tb-menu ul li.active b{
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	display: block;
	clear: both;
	margin: 0 2px;
	border: 1px solid #7BA93A;
	border-width: 0 1px;
	background-color: #669d26;
}

html.gecko div.tabbox-control div.tb-menu ul li.active b+b,html.webkit div.tabbox-control div.tb-menu ul li.active b+b{margin: 0 1px;}
html.gecko div.tabbox-control div.tb-menu ul li.active b+b+b,html.webkit div.tabbox-control div.tb-menu ul li.active b+b+b{margin: 0;}

/* CONTENT */
div.tabbox-control div.tb-content {
	background-color: #fff;
	border: solid 1px #669D26;
	margin-bottom: 10px;
}

/* ******************************* */
/* CUSTOM CONTROL: HORIZONAL FORM  */
/* ******************************* */
table.h_form {margin: 2px;}

table.h_form th {
	background-color: #E7E7DE;
	font: normal 11px Verdana, Arial, Tahoma, sans-serif;
	color: #000;
	text-align: left;
	padding: 0 5px;
}

table.h_form th label {
	width: 100px;
	line-height: 24px;
	display: block;
}

table.h_form td {
	background-color: #F2F2EE;
	padding: 2px 5px;
	width: 100%;
}

table.h_form input.text,table.h_form select,table.h_form textarea {
	border: 1px solid #969696;
	padding: 3px;
	width: 100%;
}

table.h_form td td {
	background-color: transparent;
	padding: 0;
	width: auto;
}

div.buttonbar {
	background-color: #DADACD;
	padding: 4px;
	overflow: hidden;
}

.ie div.buttonbar {
	zoom: 1;
}

/* ******************************** */
/* CUSTOM CONTROL: CALENDAR CONTROL */
/* ******************************** */
div.calendar_control input:focus,div.time_control input:focus {outline: 0;}

div.calendar_control {
	background-color: #fff;
	border: 1px solid #969696;
	padding: 2px 1px;
	float: left;
}

div.time_control {
	background-color: #fff;
	border: 1px solid #969696;
	padding: 2px 1px;
}

.ie div.time_control {padding: 1px;}
div.calendar_control img {float: right;}
.ie div.calendar_control img {float: none;}

div.calendar_control input,div.time_control input {
	border-width: 0;
	float: left;
	margin: 0;
}

div.time_control input {
	height: 16px;
	float: none;
}

div.ui-datepicker {margin: 2px 0 0 -2px;}
div.ui-datepicker button.ui-datepicker-close {display: none;}
div.ui-datepicker div.ui-datepicker-buttonpane {margin: 0;}

div.ui-datepicker button.ui-datepicker-current {
	width: 100%;
	opacity: 1;
	text-shadow: none;
	margin: 0.2em 0;
	padding: 0.2em;
}

/* ******************************** */
/* CUSTOM CONTROL: TIME CONTROL     */
/* ******************************** */
div.time_control {
	position: relative;
	zoom: 1;
}

div.time_control * {zoom: 1;}

div.time_control div.time_selector {
	top: 20px;
	left: -1px;
	cursor: default;
	z-index: 1000;
	position: absolute;
	line-height: 20px;
	min-width: 75px;
	height: 140px;
	overflow-x: hidden;
	overflow-y: auto;
	background-color: #fff;
	border: 1px solid #666;
	display: none;
}

/*.ie div.time_control div.time_selector { left:-2px; }*/
.ie div.time_control div.time_selector {width: 80px;}

div.time_control div.time_selector div.tc_hour {
	white-space: nowrap;
	padding: 0 20px 0 4px;
	overflow: visible;
}

.ie div.time_control div.time_selector div.tc_hour {padding: 0 4px;}
div.time_control div.time_selector div.active {
	background-image: none;
	border-width:0;
	background-color: #CACAB7;
	position:static;
}
div.time_control div.time_selector div.tc_over {background-color: #F2F2EE;}

/* Workflow */
div.time_control.wf {
	float: left;
	margin-left: 5px;
}

/* ************************************ */
/* CUSTOM CONTROL: WORKFLOW DATE TIME   */
/* ************************************ */
div.tz_hint {
	clear: both;
	font: normal 10px 'Lucida Grande', Tahoma, sans-serif;
	color: #FF0000;
}

/* *********************************** */
/* CUSTOM CONTROL: AUTOCOMPLETE COMBO  */
/* *********************************** */
div.cBtn {
	border:1px solid #969696;
	background-color: #fff;
	overflow: hidden;
	position:relative;
}
.ie div.cBtn {float:left;}
div.cBtn input.text:focus{outline:0;}

div.cBtn input.text{
	border-width:0 !important;
	padding-left:2px;
}
.ie div.cBtn input.text{
	height:20px;
	padding-top:3px;
}

div.autocomplete_combo input.ac_input {height: auto;}

a.combo {
	background: #DCDCDC url(../images/combo_sprite_btn.gif) no-repeat left top !important;
	text-decoration: none !important;
	display:block;
	float:right;
	width:17px;
	height:18px;
	margin:1px;
	position:absolute;
	right:0;
}

a.combo:hover {
	background-position: 0 -18px !important;
	text-decoration: none !important;
}

/* *********************************** */
/* CUSTOM CONTROL: TABLEGRID           */
/* *********************************** */
table.grid {outline: none;border-collapse: collapse;empty-cells: show;}
table.grid th {border: solid 1px #bbb;}
table.grid td a,table.grid th a {text-decoration: none;}
table.grid tbody td {line-height: 22px;border-bottom: 1px solid #E0E0E0;padding: 2px 3px;}

table.grid tr.head td,
table.grid tr.head th,
table.grid tfoot tr.total td {
	background: #DCDCDC url(../images/submenu_bg.gif) repeat-x;
	font-weight: normal;
	white-space: nowrap;
	font-size: 11px;
}

table.grid tfoot tr.total td {
	line-height: 22px;
	font-weight: bold;
	padding: 0 3px;
	border: 1px solid #bbb !important;
	border-width: 1px 0 !important;
}


table.grid tr.body td a,table.grid tr.body td span {
	display: block;
	line-height: 22px;
}

table.grid tr.grid-row.hover td {padding: 0;}

table.grid tr.grid-row.hover a,
table.grid tr.grid-row.hover span,
table.grid tr.grid-row span.active{
	background-color: #FDF5DA;
	border: 1px solid #E3CE85;
	margin: 1px 0;
	padding: 0 3px;
}

table.grid tr.grid-row span.active {background-color: #F9E3D6;border: 1px solid #DFA481;}
table.grid tr.grid-row.hover a.last,table.grid tr.grid-row.hover span.last{	padding-right: 2px;}
table.grid tr.grid-row.odd {background-color: #F8F8F6;}
table.grid tr.head th {text-align: left;}
table.grid tr.head th.headerSort a {background: transparent url(../images/th_sorting_sprite.gif) no-repeat right top; }
table.grid tr.head th.headerSort.sortDown a {background-position:right -44px; }
table.grid tr.head th.headerSort.sortUp a {background-position:right -66px; }
table.grid tr.head th a:hover { color:#3D8300; }
table.grid tr.head th.headerSort a:hover {background-position:right -22px; }
table.grid tr.head th.headerSort.sortDown a:hover {background-position:right -88px; }
table.grid tr.head th.headerSort.sortUp a:hover {background-position:right -110px; }

table.grid tr.head td a,table.grid tr.head th a,table.grid tr.head th div,table.grid tr.head th span{
	display: block;
	line-height: 22px;
	padding: 0 22px 0 3px;
	color: #000;
	cursor: default;
}

table.grid tr.head th.header a,table.grid tr.head th.header span {background: transparent url(../images/th_sorting_sprite.gif) no-repeat right top;}
table.grid tr.head th.headerSortDown a,table.grid tr.head th.headerSortDown span{background-position: right -44px;}
table.grid tr.head th.headerSortUp a,table.grid tr.head th.headerSortUp span{background-position: right -66px;}
table.grid tr.head th a:hover,table.grid tr.head th span:hover {color: #3D8300;background-position: right -22px;}
table.grid tr.head th.headerSortDown a:hover,table.grid tr.head th.headerSortDown span:hover{background-position: right -88px;}
table.grid tr.head th.headerSortUp a:hover,table.grid tr.head th.headerSortUp span:hover{background-position: right -110px;}

table.grid tbody td.grid-group{padding:0;}
table.grid tbody td.grid-group table{
	border-collapse: collapse;
	outline: none;
	width:100%;
}
table.grid tbody td.grid-group td{
	padding:12px 0 6px 0;
	border-width:0;
	font-weight: bold;
	font-size: 11px;
}
table.grid tbody td.grid-group div.grid-group-btn {
	width:11px;
	height:11px;
	background: transparent url(../images/icon_tree_sprites.gif) no-repeat 0 -15px;
}

table.grid tbody td.grid-group div.grid-group-btn.expanded {background-position: 0 0;}

table.grid tfoot td.buttonbar {
	background-color: #EFEFEF;
	text-align: right;
	padding: 4px;
}

/* *********************************** */
/* CUSTOM CONTROL: BUTTON 	           */
/* *********************************** */
a.button,a.button b,span.button.disabled,span.button.disabled b,button.button,button.button b{
	display: block;
	white-space: nowrap;
	font: normal 11px/ 20px Tahoma, Arial, sans-serif;
	color: #333;
	margin: 0;
	padding: 0;
}

button.button,button.button:active {
	background: none;
	border: 0;
	cursor: pointer;
	margin: 0;
	padding: 0;
	outline: 0;
	vertical-align: baseline;
}

.ie button.button,.ie button.button:active {padding: 0 3px;}

span.button.disabled,span.button.disabled b {
	color: #969696;
	text-shadow: 0 1px 0 #fff
}

a.button,span.button.disabled,button.button {
	float: left;
	outline: none;
	text-decoration: none !important;
}

a.button b,span.button.disabled b,button.button b {
	background: #ECECE6 url(../images/button_bg.gif) repeat-x 0 0;
	border: solid #969696;
	border-width: 1px 0;
	margin: 0 1px;
}

.chrome button.button b 
{
	margin: 0 4px;
}

span.button.disabled b {
	background-image: none;
	border-color: #CACAB7;
}

a.button b b,
span.button.disabled b b,
button.button b b 
{
	background: none;
	border-width: 0 1px;
	margin: 0px -1px !important;
	padding: 0 6px;
}

a.button b b b,button.button b b b {cursor: pointer;border: none;}
span.button.disabled b b b {border: none;}

a.button:hover b,button.button:hover b {
	border-color: #565656;
	color: #2C5004;
	background-image: none;
}

a.button i,span.button.disabled i,button.button i {font-style: normal;}

/* Combo */
a.button span,span.button.disabled span {
	float: right;
	background: transparent url(../images/combo_arrow_sprite.gif) no-repeat 0 -7px;
	display: block;
	width: 7px;
	height: 4px;
	line-height: 1px;
	font-size: 1px;
	margin: 9px 0 0 6px;
}

a.button:hover span {background-position: 0 0;}

/* NEXT/PREVIOUS BUTTON */
a.button.next b b b,a.button.previous b b b,
span.button.next b b b,span.button.previous b b b
{
	overflow: hidden;
	padding: 5px;
}

.ie a.button.next b b b,.ie a.button.previous b b b,
.ie span.button.next b b b,.ie span.button.previous b b b
{
	overflow: auto;
}

a.button.next b b b i,a.button.previous b b b i,
span.button.next b b b i,span.button.previous b b b i
{
	background: transparent url(../images/combo_arrow_sprite.gif) no-repeat 0 -21px;
	width: 4px;
	height: 7px;
	display: block;
	overflow: hidden;
	text-indent: -5000px;
}

a.button.previous b b b i,span.button.previous b b b i{	background-position: -3px -21px;}
a.button:hover.next b b b i{background-position: 0 -14px;}
a.button:hover.previous b b b i{background-position: -3px -14px;}

/* GREEN */
button.button.green,button.button.green b{
	background:transparent url(../images/exc_button_sprite_24.gif) no-repeat 0 -89px;
	display: inline-block;
	border-width:0 !important;
}
button.button.green{
	color:#000000;
	text-decoration: none;
	text-shadow: #C7E4B4 0px 1px 0px;
}

button.button.green b {
	background-repeat: repeat-x; 
	background-position: 0 0;
	text-align:center;
	height:26px;
	line-height:24px;
}

button.button.green b b {
	background-repeat: no-repeat; 
	background-position:right -120px;
	position:relative;
	right:-1px;
	margin:0;
	padding:0 10px 0 6px;
	cursor: pointer;
}

/* IE */
.ie button.button.green{
	overflow:visible;
	white-space: nowrap;
	background-position: 0 -90px;
}
	
.ie button.button.green b b{background:transparent url(../images/exc_button_sprite_24.gif) no-repeat right -120px;}


/* *********************************** */
/* CUSTOM CONTROL: CUSTOM USER SELECT  */
/* *********************************** */

div.ctrl_involvedusers {
	background-color: #FFF;
	border: 1px solid #969696;
	overflow: auto;
	font: 11px Tahoma, Verdana, sans-serif;
}

div.ctrl_involvedusers div,div.ctrl_involvedusers ul,div.ctrl_involvedusers li,div.ctrl_involvedusers input {padding: 0;margin: 0;}

.ie div.ctrl_involvedusers {float: left;}
div.ctrl_involvedusers ul {list-style-type: none;}
div.ctrl_involvedusers li {clear: both;}

.ie div.ctrl_involvedusers li {
	float: left;
	width: 100%;
	overflow: hidden;
}

div.ctrl_involvedusers div.cb-container {
	background-color: #DBDBDB;
	float: left;
	padding: 1px 2px 4px 2px;
	_padding: 0 0 2px 0;
}

div.ctrl_involvedusers li.usergroup div.cb-container {padding-top:12px;_padding-top:8px;}
div.ctrl_involvedusers li.user div.cb-container {padding-top:1px;_padding-top:0;}
div.ctrl_involvedusers div.cb-container.first {	padding-top: 11px;}

div.ctrl_involvedusers div.cbw {
	background-color: #DBDBDB;
	padding: 2px;
	_padding: 1px;
	margin-left: 1px;
}

div.ctrl_involvedusers div.counter {
	float: right;
	padding: 1px;
	font: bold 11px/ 15px Tahoma, Arial sans-serif;
}

div.ctrl_involvedusers div.group-label-container,div.ctrl_involvedusers div.company-label-container
{
	border-bottom: 1px solid #669D26;
	margin: 0 2px 0 30px;
	cursor: pointer;
}

div.ctrl_involvedusers label {cursor: pointer;line-height: 15px;}

div.ctrl_involvedusers .collapsed {background: transparent url(../images/arrow_collapsed.gif) no-repeat 0 16px;}
div.ctrl_involvedusers .expanded {background: transparent url(../images/arrow_expanded.gif) no-repeat 0 16px;}

div.company-label-container div.lw,div.group-label-container div.lw {
	font: bold 11px/ 17px Tahoma, Arial sans-serif;
	margin-left: 10px;
	padding: 1px;
}

div.ctrl_involvedusers div.company-label-container{background-position: 0 6px !important;}

div.ctrl_involvedusers div.user-label-wrapper {
	margin: 1px 2px 1px 1px;
	cursor: pointer;
	padding: 1px;
	_margin: 0 2px 0 0;
	_padding: 2px 0 2px 1px;
}

.ie div.ctrl_involvedusers .ulc {padding-bottom: 1px;}

div.ctrl_involvedusers .ulc div.user-label-wrapper div.lw {
	margin-left: 50px;
	padding: 1px 0;
	_padding: 1px 0;
	color: #3D8300;
}

div.ctrl_involvedusers div.group-label-container {margin-left: 40px;}

div.ctrl_involvedusers div.user-label-border {
	border-width: 0;
	background-color: #eee;
	margin: 0 2px 0 45px;
	padding: 0;
	overflow: hidden;
	height: 1px;
}


/* CHECKED */

li.user_row_checked div.cb-container {
	padding: 0 0 3px 1px;
	_padding: 0 0 2px 0;
}

div.ctrl_involvedusers li.user div.cb-container.first{
	padding-top:10px;
}
div.ctrl_involvedusers li.user div.ulc.first{
	padding-top:8px;
	_padding-top:10px;
}

div.ctrl_involvedusers li.user_row_checked div.cb-container.first {
	padding-top:9px;
	_padding-top:10px;
}
div.ctrl_involvedusers li.user_row_checked div.ulc.first {
	padding-top:8px;
	_padding-top:10px !important;
}

div.ctrl_involvedusers li.user_row_checked div.cb-container {padding-top:0;}
li.user_row_checked div.cb-container.first {padding-top: 10px;}

li.user_row_checked div.cbw {
	background-color: #fdf5da !important;
	border: 1px solid #e3ce85;
	border-right-width: 0;
	padding: 2px 4px 2px 2px;
	_padding: 0 1px 0 0;
}

li.user_row_checked div.user-label-wrapper {
	background-color: #fdf5da !important;
	border: 1px solid #e3ce85;
	border-left-width: 0;
	padding: 0;
	_padding: 1px 0 2px 1px;
}

li.user_row_checked div.user-label-wrapper label {font-weight: bold !important;}