.clean ul, ul.clean {
  padding: 0;
  margin: 0;
  list-style: none;
}
.clean li, ul.clean li {
  padding: 0;
  margin: 0;
  list-style: none;
}
table.fit {
  width: 100%;
}
table.fit thead {
  display: block;
  position: relative;
  width: 100%;
}
table.fit thead tr {
  width: 100%;
  display: block;
}
table.fit tbody {
  display: block;
}
table.fit tbody tr {
  width: 100%;
}
table.fit tbody td {
  width: 1%;
}
.border-box {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.pending .sprite[rel="pending"],
.sprite[rel="pending"]:hover,
.disabled.pending .sprite[rel="pending"]:hover,
.WorkflowContainer li.active[class~=Pending] .taskName,
.WorkflowContainer li.active[class~=Pending] div:before,
.statusToolbar .sprite[class~=pending][class~=active],
#projectList .states.custom[class~=pending] span:before {
  color: #3f70a7;
}
.progress .sprite[rel="inprogress"],
.sprite[rel="inprogress"]:hover,
.disabled.progress .sprite[rel="progress"]:hover,
.WorkflowContainer li.active[class~=Progress] .taskName,
.WorkflowContainer li.active[class~=Progress] div:before,
.statusToolbar .sprite[class~=progress][class~=active],
#projectList .states.custom[class~=progress] span:before {
  color: #81ab45;
}
.stalled .sprite[rel="stalled"],
.sprite[rel="stalled"]:hover,
.disabled.stalled .sprite[rel="stalled"]:hover,
.WorkflowContainer li.active[class~=Stalled] .taskName,
.WorkflowContainer li.active[class~=Stalled] div:before,
.statusToolbar .sprite[class~=stalled][class~=active],
#projectList .states.custom[class~=stalled] span:before {
  color: #d28e15;
}
.canceled .sprite[rel="canceled"],
.sprite[rel="canceled"]:hover,
.disabled.canceled .sprite[rel="canceled"]:hover,
.WorkflowContainer li.active[class~=Canceled] .taskName,
.WorkflowContainer li.active[class~=Canceled] div:before,
.statusToolbar .sprite[class~=canceled][class~=active],
#projectList .states.custom[class~=canceled] span:before {
  color: #990000;
}
.completed .sprite[rel="completed"],
.sprite[rel="completed"]:hover,
.disabled.completed .sprite[rel="completed"]:hover,
.WorkflowContainer li.active[class~=Completed] .taskName,
.WorkflowContainer li.active[class~=Completed] div:before,
.statusToolbar .sprite[class~=completed][class~=active],
#projectList .states.custom[class~=completed] span:before {
  color: #64d017;
}
.aborted .sprite[rel="aborted"],
.sprite[rel="aborted"]:hover,
.disabled.aborted .sprite[rel="aborted"]:hover,
.WorkflowContainer li.active[class~=aborted] .taskName,
.WorkflowContainer li.active[class~=aborted] div:before,
.statusToolbar .sprite[class~=aborted][class~=active],
#projectList .states.custom[class~=aborted] span:before {
  color: #990000;
}
#projectList .states.custom a {
  cursor: pointer;
  padding: 0 1em 0 2.5em;
  border: 1px solid #666;
  text-decoration: none;
  display: inline-block;
  line-height: 2em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  width: 95px;
  position: relative;
}
#projectList .states.custom a span:before {
  font-size: 1.8em;
  position: absolute;
  left: 5px;
  text-shadow: 1px 1px 1px #333;
}
.disabled .sprite:hover, .sprite.isInactive:hover {
  cursor: pointer;
}
.disabled .sprite, .sprite.isInactive {
  color: #666;
}
.disabled .sprite:hover, .sprite.isInactive:hover {
  color: #666 !important;
}
body {
  /*background:url('/images/bg.png') top left repeat @base-bg;*/

  background-color: #eeeeee;
}
#header {
  background-image: url('yellow-gray/hive-pattern.png');
  background-position: top left;
  background-repeat: repeat-x;
}
span#SiteMapPath1 {
  color: #000;
}
a#SiteMapPath1_HyperLink1_1 {
  color: #000;
}
body {
  color: #111111;
}
h3 {
  font-weight: bold;
  text-shadow: 0px 1px 2px white;
  color: #111;
}
hr.vert {
  border: 1px dotted white;
  width: 2px;
  border: none;
  border-right: 2px dotted #eee;
  background: transparent;
}
.dialog hr.vert {
  border-color: white;
}
a, a:focus {
  color: #111111;
}
.accordion-toggle {
  cursor: pointer;
  line-height: 1.5em;
}
textarea {
  font-family: arial;
}
.sprite {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(rgba(255, 255, 255, 0.398438)), to(white));
  color: #7ea4ce;
  font-size: 2em;
  line-height: 0.7em;
  text-decoration: none;
  text-shadow: black 0px 1px 2px;
}
.sprite:hover, .sprite:focus {
  -webkit-transition: color 0.2s ease-out;
  -moz-transition: color 0.2s ease-out;
  transition: color 0.2s ease-out;
  outline: 0;
  text-decoration: none;
}
.disabled .sprite:hover, .disabled .sprite:focus {
  -webkit-transition: none;
  -moz-transition: none;
  transition: none;
  outline: 0;
  text-decoration: none;
}
.sprite[rel=Edit]:hover, .sprite[rel=Clear]:hover, .sprite[rel=Assignments]:not([class~=Full]) {
  color: #72a3da;
}
.sprite.Empty {
  -webkit-text-stroke: 1px #72a3da;
  -webkit-text-fill-color: transparent;
  text-shadow: none;
}
a[rel=Expand], a[rel=Collapse] {
  color: #01427c;
  font-size: 1.3em;
}
a[rel=Expand]:hover, a[rel=Collapse]:hover {
  color: #72a3da;
}
th a[rel=Expand], th a[rel=Collapse] {
  color: white;
  font-size: 1.3em;
}
.sprite[rel=Update]:hover, .sprite[rel=Unlock]:hover {
  color: #81ab45;
}
.sprite[rel=Delete]:hover, .sprite[rel=Lock]:hover {
  color: #990000;
}
.sprite[rel=Cancel]:hover {
  color: #d28e15;
}
.disabled .sprite:not([class~=active]):hover, .disabled .sprite:focus {
  color: white;
  cursor: text;
}
/*.email:before
{
	content:"M";
	font-family:Pictos;
	font-size:1.5em;
}*/
.fancy {
  font-family: 'Lobster','Myriad Pro', Myriad, helvetica, arial, serif;
  font-weight: normal;
  text-shadow: 2px 2px 3px #222;
  -webkit-text-stroke: 0.5px white;
  position: relative;
  -webkit-transform-origin: top right;
  -moz-transform-origin: top right;
  transform-origin: top right;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  transform: rotate(-2deg);
  top: -0.3em;
  line-height: 1.6em;
}
.fancy * {
  color: white;
  position: absolute;
  top: 0;
  left: 0;
  font-size: 1em;
  font-weight: normal;
  line-height: 1.6em;
}
.colborder {
  border-right: 2px dotted #01427c;
}
.inset {
  background-color: #01427c;
  color: white;
  padding: 1.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.inset fieldset.simple {
  border-top: 1px solid #cccccc;
}
#header {
  color: #bbbbbb;
  background-color: #191919;
  padding-top: 37px;
  /*for floating nav bar*/

}
/*
.nav-grad(@base)
{
	background-image:-webkit-gradient(linear, 0 0, 0 100%, from(@base - @nav-grad-step), to(@base));
	background:-moz-linear-gradient(top, @base - @nav-grad-step, @base);
}

.navigation,
.navigation ul
{
	color:@nav-color;
	.nav-grad(@nav-bg);
}

.navigation li:hover ul
{
	.rounded-bottom(3px);
	-webkit-box-shadow:2px 4px 5px #333;
	-moz-box-shadow:2px 4px 5px #333;
	box-shadow:2px 4px 5px #333;
	
}

.navigation > ul > li > a
{
	font-weight:bold;
}

.navigation li a
{
	color:@nav-color;
	display:inline-block;
	width:100%;
	text-decoration:none;
	font-weight:normal;
}

.navigation a:hover
{
	color:@nav-hover-color;
}

.navstep(@index:1)
{
	@base: @nav-bg - ((4-@index) * @nav-step-color);
	background-color:@base;
	.nav-grad(@base);
}
.navigation > ul > li:nth-child(1),
.navigation > ul > li:nth-child(1) ul
{
	.navstep(1)
}
.navigation > ul > li:nth-child(2),
.navigation > ul > li:nth-child(2) ul 
{
	.navstep(2)
}
.navigation > ul > li:nth-child(3) ,
.navigation > ul > li:nth-child(3) ul
{
	.navstep(3)
}
	*/
#userNav {
  color: #111111;
}
#userNav a {
  color: #111111;
  text-decoration: none;
  font-weight: bold;
}
#userNav a:hover {
  text-decoration: underline;
  color: #eeeeee;
}
#context ul.location li {
  color: #81ab45;
}
#context ul.location span, #context ul.location h1 {
  color: #bbbbbb;
}
#context ul.location li {
  color: #81ab45;
}
#context ul.location span {
  color: #bbbbbb;
}
#context ul.location a {
  text-decoration: none;
}
/*
#context ul.location li:last-child
{
	font-family:'Share','Lobster','Myriad Pro', Myriad, helvetica, arial, serif;
	font-size:3em;
	font-weight:@title-weight;	
}

#context ul.location h1
{
	font-size:1em;
	font-weight:@title-weight;
}
*/
#context ul.location li:last-child {
  font-family: 'Share','Lobster','Myriad Pro', Myriad, helvetica, arial, serif;
  font-weight: normal;
  text-shadow: 2px 2px 3px #222;
  position: relative;
  line-height: 1.6em;
}
#context ul.location li:last-child:after {
  content: attr(title);
  color: #dbdbdb;
}
#context ul.location h1 {
  color: #eeeeee;
  position: absolute;
  font-size: 1em;
  font-weight: normal;
  -webkit-mask-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, black), color-stop(90%, rgba(0, 0, 0, 0.3)));
  text-shadow: 0 2px 1px #bbbbbb;
  line-height: 1.6em;
}
/*
#context ul.location li:last-child
{
	font-size:3.5em;
	text-shadow: 2px 3px 3px #393939;
	//text-shadow: 2px 3px 3px red;
	-webkit-text-stroke:0.5px #333;
	position:relative;
	font-weight:bold;
	z-index:0;
}
#context ul.location li:last-child:after
{
	content:attr(title);
	color:#111;
	
}

#context ul.location h1
{
	color:#292929;
	
	font-weight:bold;
	position:absolute;
	font-size:1em;
	-webkit-mask-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,1)), to(rgba(0,0,0,0)));
	text-shadow: 0 2px 0 #191919;
	text-shadow: 0 2px 0 #222;
}*/
#instantMessagesContainer {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}
#instantMessages li {
  color: #5d5d5d;
  -webkit-transition: color 1s ease-out;
  -webkit-transition-delay: 5s;
  border-bottom: 1px solid #2a2a2a;
  height: 1.5em;
}
#instantMessages li a {
  text-decoration: none;
  color: inherit;
}
#waitIndicator {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #191919;
}
#waitIndicator img {
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
}
.tabs {
  border-bottom: 1px solid #01427c;
}
.tabs li a, .tabs li span {
  background-color: #01427c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -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;
  text-decoration: none;
  color: white;
  font-weight: bold;
}
.tabs li span {
  color: #cccccc;
}
.tabs .selected a {
  color: #eeeeee;
}
#beecrumbs {
  color: #000;
  cursor: default;
}
#beecrumbs a {
  text-decoration: none;
  cursor: pointer;
}
#beecrumbs a:hover {
  text-decoration: underline;
  color: #94c5fc;
}
#beecrumbs a.sprite {
  /*font-size:1.7em;*/

}
#beecrumbs a.sprite:hover {
  text-decoration: none;
}
#beecrumbs > span > a:first-child + span + span {
  /*display:none;*/

}
#beecrumbs a.sprite + a.sprite {
  padding-right: 0.5em;
}
table.grid th {
  font-weight: bold;
}
table.grid thead th {
  background: #01427c;
  color: white;
}
table.grid th, table.grid td, table.grid caption {
  padding: 0 10px 0 5px;
  height: 3em;
  border-bottom: 1px solid #cccccc;
}
table.grid tbody tr:nth-child(even) td, table.grid tbody tr.even td {
  background: white;
}
table.grid tbody tr:nth-child(odd) td, table.grid tbody tr.even td {
  background: white;
}
table.grid tfoot {
  font-style: italic;
}
table.grid caption {
  background: #eeeeee;
}
table.grid td.indent {
  background: transparent !important;
  border: 0 !important;
}
#projectList td {
  background-color: white;
  border-bottom: 1px solid white;
}
#tblAssets .assetList td {
  border-bottom: 1px solid #f0f0f0;
}
#tblAssets .assetList td:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}
#projectList tr.assetList > td {
  background-color: white;
  border-bottom: 1px solid #f0f0f0;
}
#projectList tr.taskList > td {
  background-color: #fefefe;
  border-bottom: 1px solid #eaeaea;
}
#projectList td.indent + td.Command, #projectList tr.projectRow td:first-child {
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}
#projectList tr.projectRow td {
  border-bottom-color: #eeeeee;
  font-weight: bold;
}
tr.groupHeaderRow > td {
  background-color: transparent !important;
  line-height: 3em;
  padding-top: 1.5em;
  border-bottom: 2px solid #01427c !important;
}
tr.groupHeaderRow > td.groupHeader {
  font-size: 1.2em;
  line-height: 1em;
  height: 1em;
}
tr.groupHeaderRow > td.groupHeader h5 {
  margin: 0;
  padding: 0;
  font-size: 1.5em;
  line-height: 1.95em;
  color: white;
  text-shadow: 0px 1px 2px #eeeeee;
}
.pastDue, .dueToday, .dueThisWeek {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  display: inline-block;
  width: 6em;
  text-align: center;
}
.pastDue {
  background-color: #990000;
  color: #fff;
}
.dueToday {
  background-color: #d28e15;
}
.dueThisWeek {
  background-color: #64d017;
}
fieldset, .callout {
  border: 0;
  border-top: 1px solid #003973;
  border-bottom: 1px solid #3475af;
  background-color: #01427c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topright: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
}
fieldset label {
  display: block;
}
legend {
  color: #FFF;
}
label, p {
  color: #FFF;
}
input[type=text]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  outline-color: #aad46e;
}
input[type=search]:focus {
  outline-color: #3f70a7;
}
input[disabled],
textarea[disabled],
input[readonly],
textarea[readonly],
select[disabled],
select[readonly],
input[type=checkbox][disabled],
input[type=checkbox][readonly] {
  background-color: white;
  border: 1px solid #01427c !important;
  color: #111111;
}
.actions {
  margin: 0 0 1.5em 0;
}
.actions a, .spriteLink {
  color: #72a3da;
  margin-right: 2em;
  text-decoration: none;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}
.actions a:hover, .spriteLink:hover {
  text-decoration: underline;
  color: #72a3da;
}
.spriteLink:hover {
  text-decoration: none;
}
.actions a:before,
.actions a:after,
.spriteLink span:before,
.spriteLink span:after {
  font-family: Pictos;
  font-size: 1.3em;
  line-height: 1em;
}
.actions a:before, .spriteLink:before {
  padding-right: 0.3em;
}
.actions a:after, .spriteLink span:after {
  padding-left: 0.3em;
}
fieldset .actions, .dialog .actions {
  margin: 1.5em 0 0 0;
  text-align: right;
}
fieldset .actions a:last-child, .dialog .actions a:last-child {
  margin-right: 0;
}
fieldset .actions:last-child a, .dialog .actions:last-child a {
  color: #FFF;
  display: inline-block;
  -webkit-border-radius: 12px;
  -moz-border-radius: 12px;
  border-radius: 12px;
  border-top: 1px solid #6192c9;
  border-bottom: 1px solid #1d4e85;
  border-left: 1px solid #5081b8;
  border-right: 1px solid #2e5f96;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3f70a7), to(#36679e));
  background-image: -moz-linear-gradient(top, #3f70a7, #36679e);
  padding: 0.25em 1em;
  text-decoration: none;
}
fieldset .actions:last-child a.disabled, .dialog .actions:last-child a.disabled {
  background: transparent;
  border: 1px solid #bbbbbb;
  color: #bbbbbb;
  cursor: default;
}
fieldset .actions:last-child a:hover, .dialog .actions:last-child a:hover {
  text-decoration: none;
}
.spriteLink {
  text-decoration: none;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}
.spriteLink span:before {
  font-family: Pictos;
  font-size: 1.4em;
  line-height: 1em;
  padding-right: 0.5em;
}
.spriteLink:hover {
  color: #eeeeee;
}
.selectListContainer, .WorkflowContainer {
  background-color: #01427c;
  border-top: 1px solid #003973;
  border-bottom: 1px solid #3475af;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 0 1em;
}
.selectListContainer[class~=simple] {
  background-color: transparent;
  border: 0;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  padding: 0;
}
.selectListContainer li, .WorkflowContainer li {
  border-bottom: 1px solid #bbbbbb;
  cursor: pointer;
}
.selectListContainer[class~=simple] ul {
  border-top: 1px solid #eeeeee;
}
.selectListContainer[class~=simple] li {
  border-bottom: 1px solid #eeeeee;
}
.selectListContainer li > div, .WorkflowContainer li > div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #01427c;
  color: white;
  -webkit-transition: background-color 0.2s ease-out;
  -moz-transition: background-color 0.2s ease-out;
  transition: background-color 0.2s ease-out;
}
.selectListContainer[class~=simple] li > div {
  background-color: transparent;
  color: #111111;
}
.selectListContainer li:hover > div,
.selectListContainer li.active > div,
.WorkflowContainer li:hover > div,
.WorkflowContainer li.active > div,
.selectListContainer li:hover > a > div,
.selectListContainer li.active > a > div {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #00316b;
  -webkit-transition: background-color 0.2s ease-in;
  -moz-transition: background-color 0.2s ease-in;
  transition: background-color 0.2s ease-in;
}
.selectListContainer li.active > div > span.itemName > a {
  color: #FFF;
}
.selectListContainer[class~=simple] li:hover > div,
.selectListContainer[class~=simple] li:active > div,
.selectListContainer[class~=simple] li:hover > a > div,
.selectListContainer[class~=simple] li:active > a > div {
  background-color: #01427c;
}
.selectListContainer li:hover > a, .selectListContainer li:active > a, .selectListContainer li > a {
  text-decoration: none;
}
.selectListContainer .itemName, .WorkflowContainer .taskName {
  color: white;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.selectListContainer[class~=simple] .itemName {
  color: #111111;
  padding-right: 1em;
}
.selectListContainer.editMode .itemName, #WorkflowContainer.editMode .taskName {
  color: #81ab45;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.selectListContainer.simple.editMode .itemName {
  color: #111111;
}
.selectListContainer.simple.editMode li:hover .itemName {
  color: #3f70a7;
}
.selectListContainer li:hover .itemName, .TaskTemplates li:hover .taskName {
  color: #3f70a7;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.selectListContainer li.active .itemName, .TaskTemplates li.active .taskName {
  color: #81ab45;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.selectListContainer .itemDesc, .WorkflowContainer .taskDesc {
  color: #dddddd;
  font-size: 0.8em;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.selectListContainer[class~=simple] .itemDesc {
  color: #111111;
}
.selectListContainer li:hover .itemDesc, .WorkflowContainer li:hover .taskDesc {
  color: white;
  -webkit-transition: color 0.2s ease-in;
  -moz-transition: color 0.2s ease-in;
  transition: color 0.2s ease-in;
}
.selectListContainer[class~="editMode"] li a[rel=Delete]:hover + div .itemName,
.selectListContainer[class~="editMode"] li.deleting .itemName,
#WorkflowContainer.editMode li a[rel=Delete]:hover + div .taskName,
#WorkflowContainer.editMode li.deleting .taskName {
  color: #990000;
}
.WorkflowContainer li.Pending div,
.WorkflowContainer li.Progress div,
.WorkflowContainer li.Stalled div,
.WorkflowContainer li.Canceled div,
.WorkflowContainer li.Completed div {
  padding-left: 5em;
}
.WorkflowContainer li.Pending div:before,
.WorkflowContainer li.Progress div:before,
.WorkflowContainer li.Stalled div:before,
.WorkflowContainer li.Canceled div:before,
.WorkflowContainer li.Completed div:before {
  color: #555;
}
.taskDetails .detailsHeader, .infoBar {
  background: url('/Style/yellow-gray/hive-pattern.png') bottom left repeat-x #00316b;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topright: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
}
.taskDetails h3 {
  font-size: 3em;
  margin-bottom: 1em;
}
.taskIssues, .taskNotes {
  border: 1px solid #01427c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-left-radius: 20px;
  -webkit-border-top-right-radius: 20px;
  -moz-border-radius-bottomleft: 20px;
  -moz-border-radius-topright: 20px;
  border-bottom-left-radius: 20px;
  border-top-right-radius: 20px;
  background-color: white;
}
.taskIssues h3, .taskNotes h3 {
  text-shadow: 0px 1px 2px #00316b;
  color: white;
}
.issues > ul > li, .taskNotes li {
  border-top: 2px solid #01427c;
  background-color: white;
}
.taskIssues .issueHeader span, .taskIssues .issueNoteHeader span, .taskNotes .noteHeader span {
  font-weight: bold;
}
.taskIssues .issueNotes li {
  border-top: none;
  border-left: 1px solid #12538d;
}
.taskIssues li.Warning:before {
  color: #d28e15;
  -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 120%, from(white), to(rgba(255, 255, 255, 0.398438)), to(white));
  line-height: 1.9em;
  text-shadow: black 0px 1px 2px;
}
.taskIssues li.Exception:before {
  color: #990000;
  -webkit-mask-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(white), to(rgba(255, 255, 255, 0.398438)), to(white));
  line-height: 1.9em;
  text-shadow: black 0px 1px 2px;
}
.dialog {
  background: url('/Style/yellow-gray/hive-pattern.png') top left repeat-x #00316b;
  color: white;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-left-radius: 18px;
  -webkit-border-top-right-radius: 18px;
  -moz-border-radius-bottomleft: 18px;
  -moz-border-radius-topright: 18px;
  border-bottom-left-radius: 18px;
  border-top-right-radius: 18px;
  border-top: 1.5em solid #ed9f0e;
  border-right: 2px solid #ed9f0e;
  border-top: 1.5em solid #00316b;
  border-right: 2px solid #00316b;
}
.dialog h3 {
  text-shadow: 0px 1px 2px #00316b;
  color: white;
}
.dialog .fancy {
  font-size: 3em;
  display: inline-block;
  margin-bottom: -1em;
}
.selectListContainer.simple span.sprite {
  display: inline-block;
  width: 1em;
  height: 1em;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #01427c;
  color: white;
  font-size: 1.4em;
  margin-right: 0.3em;
  padding: 0.2em;
  text-align: center;
  text-shadow: none;
  vertical-align: middle;
  line-height: 1.0em;
}
.selectListContainer.simple li:hover span.sprite {
  color: #01427c;
  background-color: white;
  -webkit-transition: all 0.2s ease-out;
}
.selectListContainer.simple.editMode li {
  display: table;
  width: 100%;
}
.selectListContainer.simple.editMode li > div {
  margin-right: 0;
}
.selectListContainer.simple.editMode .actions {
  text-align: left;
  background: transparent !important;
  margin: 0.3em 0 0 0.5em;
  float: right;
}
.selectListContainer.simple.editMode li .actions {
  /*border:1px solid @base-bg;*/
}
.selectListContainer.simple.editMode .actions a.sprite {
  position: static;
  display: inline-block;
  height: 1em;
  width: auto;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  background-color: transparent;
  color: #7ea4ce;
  font-size: 1.4em;
  padding: 0.2em;
  text-align: center;
  vertical-align: middle;
  line-height: 1.0em;
  border: 0;
  background-image: none;
}
.selectListContainer.simple.editMode .actions a.sprite:hover {
  text-decoration: none;
}
.selectListContainer.simple.editMode .actions a.sprite span {
  background-color: transparent;
}
.accordion-content label {
  font-weight: normal;
}
.dialogLeft {
  padding-right: 1em;
}
.dialogRight {
  padding-left: 1em;
  border-left: 1px dashed #dddddd;
}
.notesDialogList li, .issueDialogList li {
  border-bottom: 1px solid #01427c;
}
.notesDialogList .noteAuthor, .issueDialogList .issueTitle, .comments .commentAuthor {
  font-weight: bold;
  color: #eeeeee;
}
.notesDialogList .noteDate, .issueDialogList .issueDate, .comments .commentDate {
  color: #bbbbbb;
}
ul.comments {
  margin-left: 2em;
}
.comments li {
  border-top: 1px dashed #01427c;
  border-bottom: none;
  margin-left: 2em;
}
.itemActions {
  background-color: #00316b;
}
.itemActions a {
  color: #3f70a7;
  text-decoration: none;
}
.issueCommentForm {
  background-color: #01427c;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-topright: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 5px;
}
.issueCommentForm .actions {
  padding: 0;
  margin: 0;
}
#zones {
  width: 501px;
  height: 307px;
  background: url('/images/us.png') top left no-repeat;
}
#selectedZone {
  width: 501px;
  height: 307px;
  background-image: url('/images/zones.png');
  background-repeat: no-repeat;
  background-position: 501px left ;
  display: table;
}
#selectedZone span {
  display: table-cell;
  vertical-align: middle;
  font-weight: bold;
  font-size: 3.5em;
  padding-right: 0.5em;
  color: #eee;
  text-shadow: 2px 2px 2px #111;
}
.Pacific #selectedZone {
  background-position: top left;
}
.Mountain #selectedZone {
  background-position: 0 -305px;
}
.Central #selectedZone {
  background-position: left -608px;
}
.Eastern #selectedZone {
  background-position: left -915px;
}
.zones {
  margin: 0;
}
.zones td {
  width: 1% !important;
}
.zones label {
  display: inline;
  width: auto;
}
/* Calendar Control*/
.Calendar .ajax__calendar_container {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border-top: 1px solid #6192c9;
  border-bottom: 1px solid #1d4e85;
  border-left: 1px solid #5081b8;
  border-right: 1px solid #2e5f96;
  background-color: #3f70a7;
  color: #eeeeee;
  font-size: 11px;
  text-align: center;
}
.Calendar .ajax__calendar_body {
  text-align: center;
}
.Calendar .ajax__calendar_dayname {
  background-color: #6192c9;
  font-weight: bold;
  border: none;
}
.Calendar .ajax__calendar_active .ajax__calendar_day {
  background-color: #6192c9;
}
.Calendar .ajax__calendar_other .ajax__calendar_day {
  color: white;
}
.Calendar .ajax__calendar_hover .ajax__calendar_day {
  background-color: #ed9f0e;
  border: 0;
  border-color: red;
  color: black;
}
.spriteLink[rel=Notes], .spriteLink[rel=Warnings], .spriteLink[rel=Exceptions] {
  color: white;
}
.spriteLink.hasItems[rel=Notes], .spriteLink.hasItems[rel=Warnings], .spriteLink.hasItems[rel=Exceptions] {
  color: #72a3da;
}
.watermark {
  color: #999;
}
.tag, .addTag {
  display: inline-block;
  padding: 0 1.5em 0 1em;
  cursor: pointer;
}
.tag {
  background: url('/images/tag.png');
  border-right: 1px solid #E5DC8A;
}