html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	background-color: #336699;
	background-image: url(../../Content/Images/Home/background.png);
	background-position: center;
	background-repeat: repeat-y;
	font-family: Verdana,Helvetica,Sans-Serif;
}

/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: none;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

.kb-grid-custom {
	display: inline;
	float: left;
	margin-left: 10px;
	margin-right: 10px;
}

/* hide everything so that it doesn't show up 'choppy' while the board is loading */
.kb-board, #kanban, #backlog, #archive, #backlog_button, #archive_button, #filters_container, #backlog_container, #archive_container, .kb-vertical-outer, .wb-top, .wb-bottom, #kb-tabs, #kb-commands {
	visibility: hidden;
}

/* containers */
.kb-vertical-outer {
	height: 100%;
	border: 0px;
	float: right;
	left: 40px;
	margin-right: 0;
	position: absolute;
}

.kb-vertical {
	/*height: 100%;*/
	height:auto;
	border: 0px;
	overflow:hidden;
}

.kb-horizontal-section {
	float: left;
	width: 100%;
}

.kb-horizontal-section-swimlane {
	border: dashed 2px black;
	margin-left: -2px;
	width: 99.8%;
}

.kb-tab {
	overflow-x: auto;
	overflow-y: auto;
	height: 100%;
	border: 0px;
}

.kb-tab-content {
	overflow-x: hidden;
	overflow-y: auto;
	float: left;
	width: 100%;
	padding-top: 5px;
	height: 100%;
}

#kanban_container {
	background-color: #ECE8E0;
	overflow: visible;
	float: left;
	margin-left: 25px;
}
.whiteboard-container {
	float: left;
	overflow: visible;
	height: 100%;
}

#kb-board {
	/*height: 99.9%;*/
	height:auto;
	overflow: visible;
	visibility: hidden;
}

#kb-tabs {
	background-color: #ECE8E0;
	/*height: 99%;*/
	height:auto;
	min-width: 1050px;
	float: left;
	padding: 3px;
}

.slide-out-header {
	color: #303030;
	height: 1.5em;
	margin: 3px;
	text-align: center;
}

/* lanes and cards */
.kb-lane-content-wrapper {
	margin-top: 70px;
}
.lane
{
    margin: 0 1px;    
    padding: 0 1px;
    display: inline;
    float: left;
    height: 100%;
    min-width:145px;
    width: auto;
    border-left: solid 2px #5BADE9;
    border-right: 1px dotted #ece8e0;
    border-top: 1px solid #ece8e0;
    border-bottom: 1px solid #ece8e0;
    background-color: #ece8e0;
}

.parentLane
{
    margin: 0 1px;
    padding: 0 1px;
    display: inline;
    float: left;
    height: 100%;
    /*height:auto;*/
    /*width: 7em;*/
    width: auto;
    border-left: solid 1px #5BADE9;
    border-right: 1px dotted #ece8e0;
    border-top: 1px solid #ece8e0;
    border-bottom: 1px solid #ece8e0;
    background-color: #ece8e0;
}

.tabLane{
    border: none 0 black;
}

.childParentLane
{
    float: left;
    height: 95%;
    width:  auto;
    background-color: #ece8e0;
}

.childLane
{
    float: left;
    height: 95%;
    min-width:145px;
    background-color: #ece8e0;
}

.swimlane
{
    min-height: 104px !important;
    background-color: #ece8e0;
    /*width: 7em;*/
/*    width: 100% !important; */
    height:auto;
}

.swimlane .laneContents
{
    min-height: 104px !important;
    height:100%;
}

.newLane
{
    background-color: #ECCD8E;
}

.laneHeader
{
    /*min-height: 3.5em;*/
    padding: 0 0 3px 0;
    margin: 3px 0 10px 0;
    text-align: center;
    font-weight:bold;
    width:100%;
    float: left;
	background-color: #2191c0;
}

.parentLaneHeader
{
    /*min-height: 3.5em;*/
    padding: 0 0 3px 0;
    /*margin: 3px 0 10px 0;*/
    text-align: center;
    font-weight:bold;
    float: left;
    width: 100%;
	background-color: #2191c0;
}

.childParentLaneHeader
{
    text-align: center;
    padding: 0 0 3px 0;
    overflow:auto;
    font-weight:bold;
    width:100%;
	background-color: #2191c0;
}

.childLaneHeader
{
    margin: 0 0 10px 0;
    padding: 0 0 3px 0;
    text-align: center;
    float: left;
    font-weight:bold;
    width:100%;
	background-color: #2191c0;
}

.laneHeaderButtons {
	float: left;
	width: 100%;
	height:7px;
	margin-bottom: 4px;
	background-color: #2191c0;
}

.areaTitle {
	height: 1em;
	padding: 0;
	margin: 0;
	text-align: center;
	float: left;
	width: 96%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #CCC;
	background: #E66220;
}

.kb-lane-button {
	float: left;
	cursor: pointer;
}

.kb-lane-activity-button {
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background:#8AB8DA none repeat scroll 0 0;
    font-size:0.6em;
    margin-top:1px;
    padding:1px 5px 1px 4px;
}

div.laneCapacity {
	border: 2px solid #EEFFFF;
	color:#EEFFFF;
	text-shadow:0 1px 0 #323231;
	cursor: default;
	float: right;
	font-size: 0.75em;
	min-width: 1.2em;
}

input[type="text"].laneCapacity {
	font-family: Sans-Serif;
	color: #303030;
	background-color: #ECE8E0;
	text-align: right;
	float: right;
	margin-right: 3px;
}

.wip-limit-label {
	font-size: .8em;
	float: right;
	margin-right: 4px;
}

.move-handle {
	float: left;
}

.kb-edit-delete {
	margin: 5px 0px 0px 2px;
	float: left;
}

.addCardIcon {
	background: url(../../Content/Images/Board/add.png) no-repeat scroll 6px !important;
	position: relative;
	float: right;
	width: 1.3em;
}

div.laneName {
	font-family: Sans-Serif;
	color:#EEFFFF;
	padding:4px 3px 0px 3px;
	text-shadow:0 1px 0 #323231;
}

div.laneSubName {
	font-size: small;
}

div.laneName_help {
	font-family: Sans-Serif;
	color: #303030;
}

input[type="text"].laneName {
	font-family: Sans-Serif;
	color: #303030;
	background-color: #ECE8E0;
	text-align: right;
	margin-right: 3px;
	float:left;
}

.areaName {
	margin-top: .1em;
	font-family: Sans-Serif;
	font-size: .9em;
	font-weight: bold;
	color: #303030;
}
.area-name-small {
	margin-top: .1em;
	font-size: .6em !important;
	padding: 0;
	margin: 0;
}
.lane-name-small {
	font-size: .6em !important;
	padding: 0;
	margin: 0;
}

.laneContents {
	padding: 0;
}

.laneContentsWrapper {
	float:left;
}

.lane-type-edit 
{
    float:left;
}

.connectedSortable {
	list-style-type: none;
	margin: 0;
	height: 100%;
	padding: 0 3px 0 0;
}

.connectedSortable li {
	/*min-height: 100px;*/
	position: relative;
	z-index: 1;
}

.cardMoveProgress {
	background: url(../../Content/Images/Board/ajax-loader_bars3.gif) no-repeat 50% 50%;
}

.cardcolor_Sample {
	background: url(../../Content/Images/Board/SkinlessFlatStickySample.png) no-repeat top !important;
	border: 0;
	height: 100px;
	width: 100px;
}

/* These "wrappers" help us to float the icons down at the bottom of the card */
.kb-card-wrap-large, .kb-card-wrap-large_Sample {
	height: 100px;
}

.kb-card-wrap-small {
	height: 50px;
}

.kb-card-wrap, .kb-card-wrap_Sample {
}

/* floating icons, like blocked or avatar */
.kb-card-avatar {
	width: 35px;
	height: 35px;
	float: right;
	display: none;
	margin-left: 2px;
}

.kb-card-avatar-help {
	width: 35px;
	height: 35px;
	float: right;
	position: relative;
	margin: -105px 0 0 0;
	clear: both;
	display: none;
}

.kb-card-avatar-small {
	width: 17px;
	height: 17px;
	float: right;
	display: none;
}

.kb-card-icons {
	width: 100%;
	height: 25px;
	float: right;
	position: relative;
	bottom: 15px;	
	clear: both;
	z-index:10;
}
.kb-card-icons-help {
	width: 100%;
	height: 25px;
	float: right;
	position: relative;
	margin: -25px -1px 0 0;
	clear: both;
}

.kb-card-icons-small {
	width: 100%;
	height: 17px;
	float: right;
	position: relative;
	margin: -17px -1px 0 0;
	clear: both;
}

.kb-card-icon {
	background: url(../../Content/Images/Icons/CardAnnotation/Icons.png) no-repeat;
	float: right;
	/*margin-left: 2px;*/
	height: 26px;
	width: 26px;
}

.kb-card-icon-help {
	background: url(../../Content/Images/Icons/CardAnnotation/Icons.png) no-repeat;
	float: right;
	margin-left: 2px;
	height: 26px;
	width: 26px;
}

.kb-card-icon-small {
	background: url(../../Content/Images/Icons/CardAnnotation/Icons.png) no-repeat;
	float: right;
	margin-left: 1px;
	width: 17px;
	height: 17px;
}

.kb-blocked {
	background-position: 0px -78px;
}
.kb-blocked-help {
	background-position: 0px -78px;
}

.kb-blocked-small {
	background-position: -26px -78px;
}

.kb-priority-critical {
	background-position: 0px 0px;
}

.kb-priority-critical-small {
	background-position: -26px 0px;
}

.kb-priority-high {
	background-position: 0px -26px;
}

.kb-priority-high-small {
	background-position: -26px -26px;
}

.kb-priority-low {
	background-position: 0px -52px;
}

.kb-priority-low-help {
	background-position: 0px -52px;
}

.kb-priority-low-small {
	background-position: -26px -52px;
}

/* card components, the list item and the div for text ("sticky") */
#archive li, .kb-horizontal-section li, #kanban li {
	font-size: 0.7em;
	float: left;
	width: 100px;
	border: 0;
}

.sticky, .sticky_Sample {
	margin: 5px 5px 1px 9px;
	color: Black;
	font-weight: normal;
	overflow: hidden;
	height: 6.5em;
}
.sticky-small {
	margin-top: 0px;
	padding: 15px 5px 5px 20px !important;
	width: 80% !important;
}


/* handles for slide-in elements, like backlog and archive */
.kb-commands {
	height: 99%;
	width: 60px;
	float: left;
}

.kb-commands a {
	color: #ffffff;
}

.kb-board-edit-commands {	
	padding-top: 10px;
	display:none;
}

.kb-tab-buttons {
	width: 48px;
	height: 400px;
	display: block;
	float: left;
	background: Transparent url(../../Content/Images/Board/TabButtons.png) no-repeat scroll;
}

.kb-tab-buttons-edit {
	background: Transparent url(../../Content/Images/Board/TabButtonsForEdit.png) no-repeat scroll;
	height:285px;
}

.kb-tab-buttons-filtered {
	width: 48px;
	height: 400px;
	display: block;
	float: left;
	background: Transparent url(../../Content/Images/Board/TabButtonsFiltered.png) no-repeat scroll;
}

.kb-tab-buttons-none {
	background-position: -2px 50%;
}

.kb-tab-buttons-archive {
	background-position: -122px 50%;
}

.kb-tab-buttons-backlog {
	background-position: -62px 50%;
}

.kb-tab-buttons-filters {
	background-position: -182px 50%;
}

.kb-tab-filters-button {
	height: 132px;
	margin-top: 5px;
}

.kb-tab-backlog-button {
	height: 118px;
}

.kb-tab-archive-button {
	height: 132px;
}
.kb-tab-leankit-logo 
{
    margin:10px 0 0 5px;
    width:55px;
}
.kb-tab-button {
	width: 40px;
	display: block;
	float: left;
	padding: 0;
	cursor: pointer;
}

/** Theme Roller overrides **/
.ui-widget {
	font-size: 1.0em;
}

.kanban-state-highlight, .ui-widget-content .kanban-state-highlight {
	background: url(../../Content/Images/Board/FlatStickyShadow.png) no-repeat scroll !important;
	border: solid 0px black;
	width: 140px;
	height: 100px;
	float: left;
}

.kanban-state-highlight-small {
	background: url(../../Content/Images/Board/FlatStickyShaddow50.png) no-repeat scroll !important;
	border: solid 0px black;
	width: 50px;
	height: 50px;
	float: left;
}

.ui-widget-content {
	background: #ECE8E0 none repeat scroll 0 0;
}

#cf-edit-template {
	display: none;
	visibility: collapse;
}

#cf-edit {
	margin: 0;
	padding: 0;
	overflow:hidden;
}

#cf-edit fieldset {
	border: 0 solid #EDDB81;
}

#cf-edit fieldset label {
	display: block;
	margin: 0.5em 0 0 3px;
	font-size: 0.8em;
	text-align: left;
}

#cf-edit fieldset label.inline {
	display: inline;
}
#cf-edit form fieldset .error {
	color: Red;
	margin-top: 0;
}

.cf-fields {
	height: 180px;
	margin: 0 10px 10px 0;
}

.cf-line-item {
}
.cf-card-type {
	width: 300px;
	float: left;
	margin-left: 0px;
	margin-right: 15px;
}
.cf-size {
	width: 70px;
	float: left;
	margin-left: 20px;
	margin-right: 15px;
}
.cf-duedate {
	width: 140px;
	float: left;
	margin-left: 0px;
	margin-right: 0px;
}

.cf-externallink
{
    visibility:hidden;
    width:65px;
    float:right;
    margin-left:2px;
}
.cf-external-link 
{
}

.cf-external-link a 
{
   float:right;
   font-size:.7em;
}
.cf-external-link span 
{
   font-size:.7em;
   font-weight:lighter;
}
.cf-external-link-menu 
{
    margin:15px;
    padding:5px;
    border: 1px solid #336699;
    width:100%; 
}
.cf-external-link-menu label
{
   display:inline !important;
}

.kb-external-link-name
{
}
.kb-external-link-url
{
}
.cf-external-link-link 
{
    margin-right:8px;
}
#ui-datepicker-div {
	z-index: 9999999;
}

.dueDate {
	width: 115px;
}

.cf-is-blocked {
	width: 90px;
	float: left;
	margin-left: 10px;
	margin-right: 0px;
}

.cf-CoS {
	width: 200px;
	float: left;
}

.cf-assigned-user 
{
    width:300px;
	float: left;
	margin-left: 0px;
	margin-right: 30px;
}



#Card_Title {
	width: 100%;
	font-size: 1.5em;
}

#Card_Type {
	width: 100%;
}

#Card_Size {
	width: 100%;
}
#Card_Priority {
	width: 100%;
}
#Card_UserId 
{
    width:100%;
}

#Card_CoSId 
{
    width:170px;
}

#cf-priority{
	float: left;
	width: 300px;
}
#Card_LaneId_Container {
	float: left;
	width: 300px;
}
#Card_LaneId {
	width: 100%;
}

.cf-hide {
	display: none;
}

.kb-button {
	cursor: pointer;
	height: 40px;
	width: 40px;
	float: left;
	display: block;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-left: 6px;
}

.kb-button:hover {
	background-position: -40px 0px;
}

.kb-sidebar-button:hover {
	background-position: -45px 0px;
}

.kb-button-return {
	background-image: url(../../Content/Images/Icons/White/Return.png);
}

.kb-button-add-card {
	background-image: url(../../Content/Images/Icons/White/AddCard.png);
}

#kb_zoom_in.kb-zoom {
	display: none;
}

.kb-button-zoom-in {
	background-image: url(../../Content/Images/Icons/White/ZoomIn.png);
}

.kb-button-zoom-out {
	background-image: url(../../Content/Images/Icons/White/ZoomOut.png);
}

.kb-button-subscribe-board {
	background-image: url(../../Content/Images/Icons/BoardSidebar/ClosedMail.png);
}

.kb-button-unsubscribe-board {
	background-image: url(../../Content/Images/Icons/BoardSidebar/OpenMail.png);
}

.kb-button-feed {
	background-image: url(../../Content/Images/Icons/BoardSidebar/Feed.png);
}

.kb-board-edit-button {
	background-image: url(../../Content/Images/Icons/White/Edit.png);
}

.kb-board-avatar-on-button {
	background-image: url(../../Content/Images/Icons/BoardSidebar/AvatarOn.png);
}

.kb-board-avatar-off-button {
	background-image: url(../../Content/Images/Icons/BoardSidebar/AvatarOff.png);
}

.kb-button-feedback {
	background-image: url(../../Content/Images/Icons/White/Megaphone.png);
}

.kb-button-question {
	background-image: url(../../Content/Images/Icons/White/Question.png);
}

.kb-button-save {
	background-image: url(../../Content/Images/Icons/White/Save.png);
}

.kb-button-save.disabled {
	background-image: url(../../Content/Images/Icons/White/SaveDisabled.png);
}

.kb-button-cancel {
	background-image: url(../../Content/Images/Icons/White/Cancel.png);
}

#kb-board-avatars-off {
	display: none;
}
#kb-board-skin-on {
	display: none;
}

/** History Form **/
#hf-overlay.overlay {
	background-image: url(../../Scripts/images/whitebox.png);
	background-repeat: no-repeat;
	display: none;
	height: 470px;
	padding: 50px 45px 0 50px;
	width: 560px;
	z-index: 10000;
}

#hf-overlay div.close {
	background-image: url(../../Scripts/images/closebox.png);
	cursor: pointer;
	height: 30px;
	position: absolute;
	right: 5px;
	top: 5px;
	width: 30px;
}

#hf-wrap {
	height: 441px;
	overflow-y: auto;
}



/*  jquery overrides */
.ui-widget-overlay {
	background: Black;
}
.categoryList {
	width: 200px;
	height: 100px;
	background-color: #EEEEEE;
}
.categoryInput {
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #EEEEEE;
	width: 250px;
}

.kb-add-section {
	border: dashed 5px Gray;
	width: 112px;
	border-spacing: 3px;
	background-color: #DCD8D0;
	margin-left: 1px;
	margin-right: 1px;
	float: left;
}

.kb-add-section-title {
	vertical-align: middle;
	color: Gray;
	font-size: 16pt;
	text-align: center;
	cursor: pointer;
}

.kb-icon {
	cursor: pointer;
}

/*Comments*/
#cardDlgPlaceholder {
	position: relative;
	overflow:visible;
}

#cardEdit_LeftAndRight
{
	margin-top: 5px;
	min-height: 270;
	min-width: 882px;
}

#cardEdit_leftside 
{
    width:320px;
    float:left;
}
#cardEdit_rightside 
{
    width:556px;
    float:left;
}

#commentEditArea {
	padding: 5px;
	margin: 10px 0 0 0;
}

#commentsData {
	overflow: auto;
	height: 200px;
	margin: 10px 0 10px 0;
	width: 100%;
}

#commentEditArea button {
	margin: 0.5em 1em 0 0;
}

#cardHistory {
	overflow: auto;
	height: 335px;
}

.kb-tooltip {
	display: none;
	z-index: 10000;
	color: White;
	padding: 0.5em;
	margin-top: 5px;
	background-color: #333333;
	border: 1px solid #666666;
	font-size: .8em;
	width: 377px;
	-moz-box-shadow: 0 0 15px 1px #444444;
	-webkit-box-shadow: 0 0 15px #444444;
}

.kb-tooltip-mark {
	background: url(../../Content/Images/Dashboard/notemark.png) no-repeat;
	height: 17px;
	width: 17px;
	position: absolute;
	left: -16px;
}

.kb-tooltip-white {
	display: none;
	z-index: 10000;
	padding: 0.5em;
	margin-top: 5px;
	background-color: #fff;
	border: 1px solid #666666;
	font-size: .8em;
	width: auto;
	height: auto;
	max-height: 400px;
	max-width: 500px;
	min-height: 200px;
	min-width: 200px;
	overflow: auto;
	-moz-box-shadow: 0 0 15px 1px #444444;
	-webkit-box-shadow: 0 0 15px #444444;
}

#kb-header-tooltip {
	width: 510px;
	height: 220px;
	background: #333333 url(../../Content/Images/Help/InBoard/LaneHeader.png) no-repeat 5px 2px;
}

#kb-card-tooltip {
	min-width: 800px;
}

#kb-card-tooltip-static {
	height: 180px;
	background: #333333 url(../../Content/Images/Help/InBoard/Card.png) no-repeat 5px 5px;
	width: 400px;
	float: left;
}

.kb-card-tooltip-colors {
	float: left;
	min-height: 1em;
	width: 200px;
	margin-top: 16px;
}

.kb-card-tooltip-colors .item {
	margin-top: 4px;
}

.kb-card-tooltip-colors .title {
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;	
}

.kb-card-tooltip-colors .color {
	height: 16px;
	width: 16px;
	margin-right: 3px;
	float: left;
}

.kb-lane-type-tooltip {
	width: 460px;
	height: 126px;
	background: #333333 url(../../Content/Images/Help/InBoard/LaneType.png) no-repeat 0px 0px;
}

.kb-lane-button-tooltip {
	width: 200px;
}

#kb-board-edit-header-tooltip {
	width: 510px;
	height: 400px;
	background: #333333 url(../../Content/Images/Help/InBoard/LaneEdit.png) no-repeat 0px 0px;
}

#kb-lane-options-tooltip * {
    margin-bottom: 5px;
}

#kb-lane-options-tooltip label {
    display: block; 
    float: left; 
    width: 100px;
}

.dummy-image {
	width: 16px;
	height: 16px;
	vertical-align: top;
	border: none;
}

.overflow-hidden {
	overflow: hidden;
}

.kb-icon-invisible {
	visibility: hidden;
}

#kb-lane-options-button {
    float: left;
    margin: 2px;
}

#clipshow {
	display: block;
	float: right;
	width: 16px;
	height: 16px;
}
.labeltitle {
	width: 250px;
	float: left;
}
#plink {
	font-size: 12px;
}
.nopermission {
 padding-left:15px;
 font-size:12px;    
 font-weight:bold;
}


/* backlog and archive header */
#backlog_header 
{
    width:90% !important;
}
#archive_header 
{
    width:90% !important;
}

#userEmailNote
{
    float:right;
    width:50%;
}

.backlogHeaderSmallText 
{
    font-size:x-small;
    font-style:italic;
}

.kb-menu-text{
	font-size: 0.9em;
	font-weight:bolder;
}

#commentTemplate{
	border-bottom:2px groove white;
	width:95%;
}

.kb-comment-header-section {
	height:35px;
	padding: 5px;
	font-weight: bolder;
	background-color: #D3D3D3;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
.kb-comment-info-section {
	font-size: smaller;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

.kb-comment-date{
	font-size:smaller;
}

.kb-edit-link{
	padding-left: 15px;
	font-size:smaller;
	font-style:italic;
}
.kb-history-eventdate {
	font-size: smaller;
	padding: 5px;
	font-weight: bolder;
	background-color: #D3D3D3;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-top-right-radius: 4px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

.kb-history-info-section {
	font-size: smaller;
	background-color: #FFFFFF;
	padding: 4px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

.kb-history-item {
	border-bottom:2px groove white;
	padding-bottom: 3px;
}

.kb-history-datediff{
	float:right;
	font-style:italic;
	padding-right: 4px;
	font-weight:normal;
}

.kb-history-blocked-comment {
	background-color: #FFCCCC;
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

.kb-history-unblocked-comment {
	background-color: #9FFF9F;
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

.kb-history-wipoverride-reason{
	background-color: #FFCCCC;
	padding: 3px;
	margin-left: 10px;
	margin-right: 10px;
	-moz-border-radius:4px 4px 4px 4px;
	-webkit-border-top-right-radius:4px;
	-webkit-border-top-left-radius:4px;
	-webkit-border-bottom-right-radius:4px;
	-webkit-border-bottom-left-radius:4px;
}

.archivedBoard{
    -moz-opacity:0.40;
	-khtml-opacity: 0.40;
	opacity: 0.40;
}

/* the overlayed element */ 
.apple_overlay { 
     
    /* initially overlay is hidden */ 
    display:none; 
     
    /* growing background image */ 
    background-image:url(/Content/Images/white.png); 
     
    /*  
        width after the growing animation finishes 
        height is automatically calculated 
    */ 
    width:640px;         
     
    /* some padding to layout nested elements nicely  */ 
    padding:32px; 
 
    /* a little styling */     
    font-size:11px; 
} 
 
/* default close button positioned on upper right corner */ 
.apple_overlay div.close { 
    background-image:url(/Content/Images/close.png); 
    position:absolute; right:5px; top:5px; 
    cursor:pointer; 
    height:35px; 
    width:35px; 
}

.apple_overlay .title
{
	font-weight: bold; 
	font-size: 14px;	
}

.apple_overlay .content
{
	margin-top: 15px;
}