@CHARSET "UTF-8";

a:hover{text-decoration:none; color:#df8c0a}
.global-message-container{ margin-bottom: 50px;margin-top: 7px;position: relative;}
.loader{ background: url("../img/loader4.png") no-repeat scroll 5px 4px transparent;display: none;height: 39px;line-height: 40px;padding-left: 45px;right: 154px;}
.global-error-block{display:none;}
.global-success-block{display:none; position:absolute; width:1070px}

.left{float:left}
.right{float:right}
.clear{clear:both}
.control-label em{color:#c05c04;}
.user-name{color:#fff !important}
.linked tr{cursor:pointer;}
.tree ul {margin:0;overflow: hidden;}
.tree ul li ul{clear: both;}
.tree ul li ul li{clear: both;}
.tree ul li ul li ul{clear: both;}
.tree ul li{line-height: 1;list-style: none outside none;}
.tree ul li label{margin-bottom:0; line-height: 1;}
.tree ul li input{margin:0;}
.tree ul img{float:left;width:16px; height:18px;}
.tree .controls{ overflow: hidden;}


 .x-tree-node { font-weight:normal; font-size:12px; list-style-type:none;}
.x-tree-node-icon{
    background:transparent url(../img/folder.gif) no-repeat 0 50%;
}
.x-tree-node-expanded .x-tree-node-icon {
    background:transparent url(../img/folder-open.gif) no-repeat 0 50%;
}
.x-tree-node-leaf .x-tree-node-icon{
    background:transparent url(../img/leaf.gif) no-repeat 0 50%;
}

.x-tree-noicon .x-tree-node-icon{
    width:0; height:0;
}

.x-tree-node-loading .x-tree-node-icon{
    background:transparent url(../img/default/grid/loading.gif) !important;
}
.x-tree-node-loading a span{
     font-style: italic;
     color:#444444;
}
.x-tree-node .x-tree-selected a span { background:#f5d6c7; color:#000; }

.x-tree-elbow{
    background:transparent url(../img/elbow.gif) no-repeat ;
}
.x-tree-elbow-plus{
    background:transparent url(../img/elbow-plus.gif) no-repeat;
}
.x-tree-elbow-minus{
    background:transparent url(../img/elbow-minus.gif) no-repeat;
}
.x-tree-elbow-end{
    background:transparent url(../img/elbow-end.gif) no-repeat;
}
.x-tree-elbow-end-plus{
    background:transparent url(../img/elbow-end-plus.gif) no-repeat;
}
.x-tree-elbow-end-minus{
    background:transparent url(../img/elbow-end-minus.gif) no-repeat;
}
.x-tree-elbow-line{
    background:transparent url(../img/elbow-line.gif);
}


.x-tree-no-lines .x-tree-elbow{
    background:transparent;
}
.x-tree-no-lines .x-tree-elbow-plus{
    background:transparent url(../img/elbow-plus-nl.gif) no-repeat;
}
.x-tree-no-lines .x-tree-elbow-minus{
    background:transparent url(../img/elbow-minus-nl.gif) no-repeat;
}
.x-tree-no-lines .x-tree-elbow-end{
    background:transparent;
}
.x-tree-no-lines .x-tree-elbow-end-plus{
    background:transparent url(../img/elbow-end-plus-nl.gif) no-repeat;
}
.x-tree-no-lines .x-tree-elbow-end-minus{
    background:transparent url(../img/elbow-end-minus-nl.gif) no-repeat;
}
.x-tree-no-lines .x-tree-elbow-line{
    background:transparent;
}

:-moz-placeholder {
    color: #999999 !important;
}

.form-actions{
	  background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin-top: 0;
    
}
.page-header{ margin-top: 20px;}
.navbar-fixed-top, .navbar-fixed-bottom{position:relative;
		
}
.fixed-header{background: none repeat scroll 0 0 #D9EDF7;border-bottom: 1px solid #BCE8F1;left: 50%;margin-left: -600px;margin-top: 0;opacity: 0.85;padding-bottom: 0;padding-top: 0;position: fixed;text-align: right;text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);top: 0;width: 1200px;z-index: 100;}

.ajax-overlay{ background-color: #000000;display: none;height: 100%;left: 0;opacity: 0.4;position: fixed;top: 0;width: 100%;}
.btn-danger.right{margin-right:10px;}


.error{}
.error p{color:#c7042d; font-size:11px;}
.view-form .controls{min-height:25px; line-height:28px}

.tab-content {
   overflow: visible;
}


.btn-group  .nav-header {
display: block;
padding: 3px 15px;
font-size: 11px;
font-weight: bold;
line-height: 18px;
color: #999;
text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
text-transform: uppercase;
}
.table-striped tbody tr{cursor:pointer;}
select.input-xlarge {width:280px}

.drag-drop{border: 1px dashed #CCCCCC;border-radius: 5px 5px 5px 5px;line-height: 1.25em;padding: 10px 20px;width: 188px;}
.drag-drop:after{content: attr(data-description);margin:0;color:#b6b6b6}
.drag-drop.highlighted{border-color:#C05C04;}
.item-file-upload{padding:10px 20px; border:1px dashed #ccc; margin-top:10px; border-radius:5px; width:188px;}
.item-file-upload .name{margin-bottom:5px;}
.item-file-upload .details{margin-top:10px;}
.item-file-upload p{color:#1e1e1e; font-size:11px;}
.item-file-upload p label{font-weight:bold;display:inline;font-size:11px;}
.item-file-upload .error p{color:#c05c04 !important}
.a-center{text-align:center;}
.nav .nav-list li{clear: both;}
.nav .nav-list li ul{clear: both;}


.input-prepend .add-on, .input-append .add-on, .input-prepend .btn, .input-append .btn{ margin-left: -5px;}
.item-file-upload .name{font-size:12px;}
.input-modal-large{width: 515px;}
.table thead th a{font-size:12px; font-weight:normal;}
.error{z-index:10000}
.sub-header{margin-top:0 !important;}




/******************************** DATA INPUT **************************************/


#calroot {
	/* place on top of other elements. set a higher value if nessessary */
	z-index: 10001;
	margin-top: -1px;
	width: 198px;
	padding: 2px;
	background-color: #fff;
	font-size: 11px;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 15px #666;
	-webkit-box-shadow: 0 0 15px #666;
}

#calhead {
	padding: 2px 0;
	height: 22px;
}

#caltitle {
	font-size: 14px;
	color: #0150D1;
	float: left;
	text-align: center;
	width: 155px;
	line-height: 20px;
	text-shadow: 0 1px 0 #ddd;
}

#calnext,#calprev {
	display: block;
	width: 20px;
	height: 20px;
	background: transparent url(../img/prev.gif) no-repeat scroll
		center center;
	float: left;
	cursor: pointer;
}

#calnext {
	background-image: url(../img/next.gif);
	float: right;
}

#calprev.caldisabled,#calnext.caldisabled {
	visibility: hidden;
}

/* year/month selector */
#caltitle select {
	font-size: 10px;
	height: auto;
	width: auto;
}

/* names of the days */
#caldays {
	 height: 25px;
	border-bottom: 1px solid #ddd;
}

#caldays span {
	line-height: 1;
	display: block;
	float: left;
	width: 28px;
	text-align: center;
}

/* container for weeks */
#calweeks {
	background-color: #fff;
	margin-top: 4px;
}

/* single week */
.calweek {
	clear: left;
	height: 22px;
}

/* single day */
.calweek a {
	display: block;
	float: left;
	width: 27px;
	height: 20px;
	text-decoration: none;
	font-size: 11px;
	margin-left: 1px;
	text-align: center;
	line-height: 20px;
	color: #666;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/* different states */
.calweek a:hover,.calfocus {
	background-color: #ddd;
}

/* sunday */
a.calsun {
	color: red;
}

/* offmonth day */
a.caloff {
	color: #ccc;
}

a.caloff:hover {
	background-color: rgb(245, 245, 250);
}

/* unselecteble day */
a.caldisabled {
	background-color: #efefef !important;
	color: #ccc !important;
	cursor: default;
}

/* current day */
#calcurrent {
	background-color: #498CE2;
	color: #fff;
}

/* today */
#caltoday {
	background-color: #333;
	color: #fff;
}

.a-center{ text-align: center !important;}
.container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container{width:1200px;}
.backend-container{min-height:350px;}
.table-header{background-color: #508892;color: #FFFFFF;font-size: 18px;}
.timesheet{}
.timesheet thead th{font-size:10px;font-weight:normal;}
.timesheet tbody td{font-size:10px;font-weight:normal;white-space: nowrap; height:10px;}



.form-horizontal .controls {
    line-height: 29px;
}
.modal form{margin:0}
.invalid{border:1px solid #c95500 !important}
.btn{margin-right:10px;}

.public-page{margin-top:10%}
.public-page h3,.public-page p{text-align:center;}
.public-page h3{color:#0269b1}
.public-page h4{color: #000000;font-size: 40px;margin-bottom: 20px;margin-top: 40px;text-align: center;}
.home-menu{position:absolute;right:0; top:0;}
.home-menu li{border:1px solid #000; list-style:none;padding:5px 10px;}
.popover li, .popover ul{list-style:none;padding:0;margin:0; font-size:11px;}
.popover .separator-popover{border-bottom: 1px solid #EBEBEB;margin-bottom: 8px;margin-top: 5px;}

.fixed-header h1{text-align:left;padding-left:10px;font-size:22px;;line-height:1;margin:5px;}
.fixed-header h1 small{font-size:16px;}
.block-data-time{background-color:#f2f2f2;}
.alert p{margin-bottom:0}
.table-day{font-size:12px;}

.colorpicker {
	width: 356px;
	height: 176px;
	overflow: hidden;
	position: absolute;
	background: url(../img/colorpicker_background.png);
	font-family: Arial, Helvetica, sans-serif;
	display: none;
z-index:10000;
}
.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 14px;
	top: 13px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
}
.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url(../img/colorpicker_overlay.png);
}
.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url(../img/colorpicker_select.gif);
	margin: -5px 0 0 -5px;
}
.colorpicker_hue {
	position: absolute;
	top: 13px;
	left: 171px;
	width: 35px;
	height: 150px;
	cursor: n-resize;
}
.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url(../img/colorpicker_indic.gif) left top;
	margin: -4px 0 0 0;
	left: 0px;
}
.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 213px;
	top: 13px;
	background: #f00;
}
.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 283px;
	top: 13px;
	background: #f00;
}
.colorpicker input {
	width: auto;
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 4px;
	right: 11px;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 11px;
}
.colorpicker_hex {
	position: absolute;
	width: 72px;
	height: 22px;
	background: url(../img/colorpicker_hex.png) top;
	left: 212px;
	top: 142px;
}
.colorpicker_hex input {
	right: 6px;
}
.colorpicker_field {
	height: 22px;
	width: 62px;
	background-position: top;
	position: absolute;
}
.colorpicker_field span {
	position: absolute;
	width: 12px;
	height: 22px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
}
.colorpicker_rgb_r {
	background-image: url(../img/colorpicker_rgb_r.png);
	top: 52px;
	left: 212px;
}
.colorpicker_rgb_g {
	background-image: url(../img/colorpicker_rgb_g.png);
	top: 82px;
	left: 212px;
}
.colorpicker_rgb_b {
	background-image: url(../img/colorpicker_rgb_b.png);
	top: 112px;
	left: 212px;
}
.colorpicker_hsb_h {
	background-image: url(../img/colorpicker_hsb_h.png);
	top: 52px;
	left: 282px;
}
.colorpicker_hsb_s {
	background-image: url(../img/colorpicker_hsb_s.png);
	top: 82px;
	left: 282px;
}
.colorpicker_hsb_b {
	background-image: url(../img/colorpicker_hsb_b.png);
	top: 112px;
	left: 282px;
}
.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url(../img/colorpicker_submit.png) top;
	left: 322px;
	top: 142px;
	overflow: hidden;
}
.colorpicker_focus {
	background-position: center;
}
.colorpicker_hex.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_submit.colorpicker_focus {
	background-position: bottom;
}
.colorpicker_slider {
	background-position: bottom;
}
.message-date{color:#000}
.week{background-color: #DDDDDD;}
.fixed-container{padding-top:60px;}



 .scrolltable{height:500px;overflow:auto; overflow-x:hidden;position: relative;}
 .scrolltable .header-timesheet{position:relative;top:0; left:0;z-index:100;width:100%;}
 .scrolltable body{padding-top:100px}
.timeline{cursor:pointer;}

.table-shedule-report{}
.table-shedule-report th, .table-shedule-report td{font-size:10px;font-weight:normal;padding:1px; text-align:center;}
.table-shedule-report .table-day{text-align:left;}
.intable-separator{border-bottom: 1px solid #848484 !important;padding: 0 !important;}
.item-activity-name{display:block; float:left;margin-right: 40px;}

.toast-container {
	width: 280px;
	z-index: 9999;
}


* html .toast-container {
	position: absolute;
}

.toast-item {
	height: auto;
	background: #333;
    opacity: 0.9;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	color: #eee;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 6px;
	padding-right: 6px;
	font-family: lucida Grande;
	font-size: 14px;
	border: 2px solid #999;
	display: block;
	position: relative;
	margin: 0 0 12px 0;
}

.toast-item p {
    text-align: left;
    margin-left: 50px;
}

.toast-item-close {
    background:url(../img/close.gif);
    width:22px;
    height:22px;
    position: absolute;
    top:7px;
    right:7px;
}

.toast-item-image {
    width:32px;
    height: 32px;
    position: absolute;
    top: 50%;
    margin-top: -16px;
    left: 10px;
}

.toast-item-image-notice {
    background:url(../img/notice.png);
}

.toast-item-image-success {
    background:url(../img/success.png);
}

.toast-item-image-warning {
    background:url(../img/warning.png);
}

.toast-item-image-error {
    background:url(../img/error.png);
}


/**
 * toast types
 *
 * pattern: toast-type-[value]
 * where 'value' is the real value of the plugin option 'type'
 *
 */
.toast-type-notice {
    color: white;
}

.toast-type-success {
    color: white;
}

.toast-type-warning {
    color: white;
    border-color: #FCBD57;
}

.toast-type-error {
    color: white;
    border-color: #B32B2B;
}

/**
 * positions
 *
 * pattern: toast-position-[value]
 * where 'value' is the real value of the plugin option 'position'
 *
 */
.toast-position-top-left {
    position: fixed;
    left: 20px;
    top: 20px;
}

.toast-position-top-center {
    position: fixed;
    top: 20px;
    left: 50%;
    margin-left: -140px;
}

.toast-position-top-right {
    position: fixed;
    top: 20px;
    right: 20px;
}

.toast-position-middle-left {
    position: fixed;
    left: 20px;
    top: 50%;
    margin-top: -40px;
}

.toast-position-middle-center {
    position: fixed;
    left: 50%;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}

.toast-position-middle-right {
    position: fixed;
    right: 20px;
    margin-left: -140px;
    margin-top: -40px;
    top: 50%;
}


.notifications {
  position: fixed;
}

/* Positioning */ 
.notifications.top-right {
  right: 10px;
  top: 65px;
}

.notifications.top-left {
  left: 10px;
  top: 25px;
}

.notifications.bottom-left {
  left: 10px;
  bottom: 25px;
}

.notifications.bottom-right {
  right: 10px;
  bottom: 25px;
}

/* Notification Element */
.notifications > div {
  position: relative;
  z-index: 9999;
  margin: 5px 0px;
}

/**
 * alert-blackgloss.css v1.0
 * --
 * Based off blackgloss growl theme.
 * Copyright 2012 Nijiko Yonskai
 * --
 * Usage: 
 *   Set style to `blackgloss` and include this css.
 *
 * Note: 
 *   The gloss is only supported in webkit based browsers. 
 *   Chrome and Safari.
 */
@-webkit-keyframes notification {
	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
}

@-moz-keyframes notification {
	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
}

@-o-keyframes notification {
	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
}

keyframes notification {
	0% { -webkit-transform: rotateY(-90deg); opacity: 0; }
	70% { -webkit-transform: rotateY(20deg); opacity: .8; }
	90% { -webkit-transform: rotateY(-10deg); opacity: 1; }
	100% { -webkit-transform: rotateY(-0deg); opacity: 1; }
}

/* Webkit Only */
.alert-blackgloss:before {
	background: -webkit-gradient(linear, 0% -16.5%, 16.5% -100%, from(rgba(255,255,255,.0)), to(rgba(255,255,255,.6)), color-stop(.99,rgba(255,255,255,.2)),color-stop(.5,rgba(255,255,255,.0))) no-repeat;
	-webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.5)), color-stop(.8,rgba(255,255,255,.0)));
	position: absolute;
	content: '.';
	line-height: 0;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	overflow: hidden;
	text-indent: -99999px;
	-webkit-border-radius: 5px;
}

.alert-blackgloss {
	-webkit-animation: notification .75s linear;
	-moz-animation: notification .75s linear;
	-ms-animation: notification .75s linear;
	-o-animation: notification .75s linear;
	animation: notification .75s linear;
	background: rgba(0,0,0,1);
	-webkit-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
	-moz-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
	-ms-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
	-o-box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
	box-shadow: 0 2px 5px rgba(0,0,0,.5), inset 0 1px 0 rgba(255,255,255,.2), inset 0 0 0 1px rgba(255,255,255,.1);
	border: 1px solid rgba(0,0,0,.95);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-ms-border-radius: 5px;
	-o-border-radius: 5px;
	border-radius: 5px;
	-webkit-font-smoothing: antialiased;
	text-shadow: 0 1px 2px rgba(0,0,0,.5);
	color: #fff;
	-webkit-transform: rotateY(-0deg);
	-moz-transform: rotateY(-0deg);
	-o-transform: rotateY(-0deg);
	transform: rotateY(-0deg);
	position: relative;
	background-clip: padding-box;
}

.alert-blackgloss .close {
  position: relative;
  top: -3px;
  right: -25px;
	color: #fff;
	content: 'x';
}
th.header{  font-size: 12px;
    font-weight: normal; color: #0088CC;cursor:pointer;}

.headerSortUp{}
.headerSortDown{}
.scrollable{overflow: auto;height: 450px;}
.scrollable table{margin-top: -59px;}
.scrollable-fixed{overflow: hidden;height: 59px;width:1182px}
.scrollable-fixed table{;margin-top: 0 !important;}
.time-td:after{content: attr(data-content);}

.hour-block {background-color:#efefef;}
.popover-close{position: absolute;right: 5px;top: 0;}