.TopBar {
	width: 100%;
	height: 55px;
	background-repeat: no-repeat;
	padding: 5px 0px 0px 0px;
	color: #2d76b2;
}

.TopBar .Logo {
	background-repeat: no-repeat;
	position: absolute;
	top: 10px;
    background-position-x:10px;
	width: 140px;
	height: 39px;
}

.TopBar > ul > li {
	display: inline;
	float: right;
	height: 23px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

.TopBar > ul > li > a, .TopBar > ul > li > span {
	vertical-align: middle;
	padding: 0px 20px 0px 0px;
}

.TopBar .ProcessDesignerButton {
}

.TopBar .UserStatus {
	color: #666666 !important;
	display: block;
}

.TopBar .UserStatus i {
	color: #CCCCCC;
	font-style: normal;
}

.TopBar, .TopBar a {
    color: #333333 !important;
}

.TopBar a[href]:hover {
    color: #005E7B !important;
}

.TopBar .SignOutButton {
}

.TopBar .TaskNotification {
	display: inline-block;
	margin-right: 40px;
	padding: 0;
}

.TopBar .TaskNotification a em {
	font-style: normal;
	font-weight: bold;
}

.TopBar .SetLocalizationForm {
	padding: 0px 3px 0px 0px;
}

.TopBar .ChangesetStatus {
	height: 100%;
	margin: 3px 2px 0px 2px;
	padding: 0 10px;
}

.TopBar .ChangesetStatus a {
	display: inline-block;
	font-weight: bold;
	margin-top: 3px;
	color: White;
}

.TopBar .ChangesetStatus.open {
	background-color: red;
}

.TopBar .ChangesetStatus.closed {
	display: none;
}

.TabBar {
	height: 32px;
	background: red;
}

.TabBar.Bottom {
	height: 45px;
	background-color: #fff;
	background: url(../Graphic/Chrome/Tab/MainTabBg.png) top repeat-x;
	margin: 0;
	padding: 0;
    position: relative;
}

.TabList {
	overflow: hidden;
	padding-left: 10px;
}

.TabList li {
	display: inline;
}

.TabList li a {
	float: left;
	outline: 0px;
	text-decoration: none;
}

.TabList li a span {
	float: none;
	display: block;
	background-color: #fff;
	background: url(../Graphic/Chrome/Tab/Right.png) no-repeat left top;
	padding: 10px 10px 11px 34px;
	/*color: #c6d1db;*/
	font-weight: 700;
    padding: 10px 9px /*10px*/ 11px 41px;
}

.TabList li a span:hover {
	text-decoration: underline;
}

.TabList li.first a span {
	background-color: #fff;
	background: url(../Graphic/Chrome/Tab/First.png) no-repeat left top;
	padding: 10px 9px 11px 21px;
}

.TabList li.close a span {
	background-color: #fff;
	background: url(../Graphic/Chrome/Tab/Last.png) no-repeat left top;
}

.TabList li.selected a span {
	background-color: #fff;
	background: url(../Graphic/Chrome/Tab/SelectedLeft.png) no-repeat left top;
	color: #fff;
}

.TabList li.selected.first a span {
	background-color: #fff;
	background: url(../Graphic/Chrome/Tab/SelectedFirst.png) no-repeat left top;
	padding: 10px 9px 11px 21px;
}

.TabList li.selected.more > a span, .TabList li.more > a span {
    padding: 10px 0px 11px 41px;
}

.TabList li.selected + li a span, .TabList li.afterSelected a span {
	background-color: #fff;
	background: url(../Graphic/Chrome/Tab/AfterSelectionRight.png) no-repeat left top;
}

.TabList li.selected + li.close a span, .TabList li.afterSelected.close a span {
	background: url(../Graphic/Chrome/Tab/SelectedLast.png) no-repeat left top;	
}

.TabList li.more + li a span, .TabList li.afterMore a span {
	background: url(../Graphic/Chrome/Tab/Last.png) no-repeat left top;
}

.TabMenu {
	z-index: 1000;
	position: absolute;
	display: none;
	overflow: visible;
	background-color: White;
	/*
    border: 1px solid rgb(204, 204, 204);
    -webkit-border-radius: 10px;
       -moz-border-radius: 10px;
            border-radius: 10px;
    -webkit-box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.65);
       -moz-box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.65);
            box-shadow: 0px 2px 3px rgba(136, 136, 136, 0.65);
    */
	width: auto;
}
.TabMenu li TABLE TD { text-align:center; }
.TabMenu li {
	display: block;
	width: 100%;
	float: none;
}

.TabMenu li a {
	background-image: none;
	float: none;
}

.TabMenu li a span {
	/*white-space: nowrap;*/
	background-image: none !important;
	color: Black;
	padding: 6px 5px;
	font-weight: normal;
}

.QuickLinkList {
	padding: 0;
	margin-top: 0;
	background-image: url(../Graphic/Chrome/Tab/QuickLinkBg.png);
}

.QuickLinkList.Bottom {
    background-image: none;
    margin: 0 0 0 25px;
    position:absolute; top:50%; margin-top:-20px;
}

.QuickLinkList li {
	display: inline;
	padding-right: 5px;
}

.AdministrationMenu {
	color: #333;
	width: 142px;
	cursor: default;
}

.AdministrationMenuWidget img {
	vertical-align: top;
}

.AdministrationMenu ul {
	background-color: white;
	border: 1px solid #999999;
	position: relative;
	z-index: 1000;
	display: none;
	line-height: 2em;
	/*overflow:hidden;*/
}

.AdministrationMenu li {
	width: 140px;
	position: relative;
}

.AdministrationMenu > ul ul {
	position: absolute;
	left: -142px;
	top: -1px;
}

.AdministrationMenu li:hover {
	background-color: #eee;
}
.AdministrationMenu ul>:first-child:hover {
	-webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.AdministrationMenu ul>:last-child:hover {
	-webkit-border-bottom-left-radius: 10px;
    -webkit-border-bottom-right-radius: 10px;
    -moz-border-radius-bottomleft: 10px;
    -moz-border-radius-bottomright: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}

.AdministrationMenu li:hover > ul {
	display: block;
}

.AdministrationMenu ul a {
	display: block;
	padding: 3px 5px;
}

.AdministrationMenu li.Create a {
	font-style: italic;
	color: #999;
}

.AdministrationMenu li.Heading a {
	color: #333;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}

.AdministrationMenu li.Heading:hover {
	background-color: transparent;
}

.AdministrationMenu li.Heading a:hover {
	text-decoration: none;
}

.TabEditMenu {
	float: right;
	height: 16px;
	margin-right: 15px;
	margin-top: 15px;
}

.TabEditMenu .AdministrationMenuWidget {
	color: White;
	text-align: right;
	font-weight: bold;
}

*:focus {
    outline: none;
}