@CHARSET "ISO-8859-1";

/****************************
  General Page Style
****************************/
body {
	background: url('../images/general/background.png') top center;
	padding: 0;
	font-family: 'Arial', 'Helvetica', 'Sans-serif', 'sans';
	margin: 0;
	font-size:10pt;
	color:#fff;
}

a {
	color:#fff;
}

#global {
	background: url('../images/general/backgroundWidth.png') top center repeat-x;
	}
	 
#wrap {
	background: url('../images/general/contentBackHeight.png') top center repeat-y;
	}
	
#wrap, #footer {
	width:1000px;
	margin:0 auto;
	}
	
#column {
	background: url('../images/general/contentBack.png') no-repeat;
	width:1000px;
}

#columnInner {
	width:960px;
	margin:0 auto;
	min-height: 850px !important; 
	height: auto !important; 
}

a:hover {
	text-decoration: underline;
}

img {
	border: 0;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.two-column {
	float: left;
	width: 470px;
}
	
/****************************
  Header
****************************/
	
#header {
	height: 147px;
	background:url(../images/general/head.png) no-repeat;
}

#header #inner {
	height:114px;
}

#header #logo  {
	margin:5px;
	height:94px;
}


/****************************
  Content
****************************/

#content {
	width:100%;
	margin:0 auto;
	color:#fff;
	background:url(../images/general/contentShade.png) no-repeat;
}

#content #inner {
	padding:10px 10px 20px 10px;
}

#logo {
	float: left;
	padding: 0px;
}

.wizardBlock {
	clear:both;
	height:50px;
}

.wizardBlock h1 {
	float:left;
}

.wizardBlock ul {
	float:right;
}

.contentPanel hr {
	border:0 none;
	background:#000;
	height:1px;
	width:95%;
}

.spacer {
	height:5px;
}

/****************************
  Main Menu
****************************/

#menu {
	width:100%;
	height:33px;
	background: url(../images/general/menu.png) repeat-x;
	font-size:8pt;
}

#menu ul {
	padding:0 0 0 10px;
	margin:0px;
	list-style:none;
	}

#menu li {
	float:left;
	color:#fff;
	font-weight:bold;
	line-height:30px;
	font-size:9pt;
}

#menu li a  {
	display:block;
	padding:0 8px 0 10px;
	line-height:30px;
	height:33px;
	position: relative;
	margin-right:10px;
	background: url(../images/general/menuHighlight.png) no-repeat top left;
	}
	
#menu li a span{
	background: url(../images/general/menuHighlight.png) no-repeat top right;
	width:5px;
	height:33px;
    cursor: pointer;
    position: absolute;
    right: -3px;
    top: 0;
	}

	
#menu li a:hover {
	color:#FFB915;
	}
	
#menu li a.selected{
	background-position:bottom left;
	color:#FFB915;
	}
	
#menu li a.selected span{
	background-position:bottom right;
	}

#menu ul li ul {
	display:none;
	position:absolute;
	background: url(../images/general/dropdown.png) no-repeat top right;
	z-index:500;
	padding:0px;
}

#menu ul li ul li {
	float:none;
	}
	
#menu li a {
	color:#fff;
	text-decoration:none;
	}
	
#menu li:hover a.parent {
	background: url(../images/general/parent.png) no-repeat bottom left;
	color:#FFB915;
}

#menu li:hover a.parent  span{
	background: url(../images/general/parent.png) no-repeat bottom right;
}

#menu li:hover ul {
	display:block;
}

#menu li:hover ul li a, #menu li:hover ul li a  span{
	background:none;
}

#menu li:hover ul li a{
	position:static;
	line-height:30px;
	height:30px;
	padding:0 20px 0 20px;
}

#menu li:hover ul li a  span{
	display:none;
}

#menu .menuBase div {
	background: url(../images/general/dropdownBase.png) no-repeat bottom right;
	height:4px;
	position:relative;
	top:4px;
	margin-right:1px;
}

/****************************
  User Box
****************************/
#userBox {
	float:right;
	color:#fff;
	background: url(../images/general/upper.png) no-repeat;
	font-size:8pt;
	height:52px;
	width:401px;
	padding:8px 40px 0 50px;
	}
	
#userBox  ul {
	float:right;
	color:#D3D3D1;
	margin:0px;
	padding:7px 0 0 0;
	list-style:none;
	width:auto;
	}
	
#userBox  ul li{
	border:solid #D3D3D1;
	border-width:0 0 0 1px;
	float:left;
	}
	
#userBox  ul li:first-child{
	border:0px;
}

#userBox  ul li a {
	line-height:10px;
	padding:0 8px 0 8px;
	display:block;
	font-weight:bold;
	text-decoration:none;
	}
	
#userBox ul li a:hover {
	color:#00B0F0;
	text-decoration:none;
}
	
#userBox #loggedInUser {
	line-height:10px;
	float:left;
}

#userBox .userOne {
	color:#00B0F0;
}

#userBox .userInfo {
	float:left;
}

#userBox .userInfo span {
	display:inline-block;
	margin-bottom:4px;
	width:170px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

/****************************
  Footer
****************************/

#footer {
	height:40px;
	color:#fff;
	background: url('../images/general/footer.png') no-repeat;
	padding-top:5px;
}

.footerInner {
	display:block;
	padding:5px 30px 0 30px;
}

#footer  ul {
	padding:0px;
	margin:0px;
	list-style:none;
	}
	
#footer ul li {
	float:left;
	padding:0 20px 0 0;
	}
	
#footer ul li a {
	color:#fff;
}

#footer #copyright {
	float:right;
}

#footer p {
	margin:0px;
	}
	
#footer .horizon {
	width:100px;
	height:25px;
	float:left;
}

/****************************
  Headings and Titles
****************************/

h1 {
	color:#FEBB15;
	font-size: 18pt;
	margin:0 0 15px 0;
}

h2 {
	font-weight: normal;
	font-style: normal;
	margin: 5px auto 10px auto;
}

/****************************
  BreadCrumb
****************************/

ul#breadCrumb {
	margin:0 0 10px 0;
	padding:0px;
	height:20px;
	}
	
ul#breadCrumb li {
	list-style:none;
	float:left;
	font-size:10pt;
}

ul#breadCrumb li a {
	color:#809FB1;
}

/****************************
  Feedback and Messages 
****************************/

.feedback {
	margin:0 0 10px 0;
	width:99%;
}

.feedbackPanelUpper {
	background:url(../images/general/feedbackTop.png) no-repeat top left;
	height:11px;
}

.feedbackPanelUpper span, .feedbackPanelLower span {
	float:right;
	position:relative;
	left:8px;
	width:8px;
}

.feedbackPanelUpper span{
	background:url(../images/general/feedbackTop.png) no-repeat top right;
	height:11px;
}

.feedbackPanelLower {
	background:url(../images/general/feedbackBase.png) no-repeat top left;
	height:10px;
}

.feedbackPanelLower span{
	background:url(../images/general/feedbackBase.png) no-repeat top right;
	height:10px;
}

.feedbackPanelInner {
	background:url(../images/general/feedbackMid.png) repeat-y top left;
}

.feedbackPanelInnerRight {
	background:url(../images/general/feedbackMid.png) repeat-y top right;
	position:relative;
	left:8px;
}

ul.feedbackPanel  {
	list-style:none;
	width:100%;
	padding:4px 0 0 0;
	margin:0px;
	font-size:10pt;
	min-height: 40px !important; 
	height: auto !important; 
	background-repeat:no-repeat;
	background-position:5px 0px;
}

ul.feedbackPanel > li {
	padding:0 0 0 60px;
}

.feedback.ERROR ul.feedbackPanel {
	background-image:url(../images/icons/error_large.png);
}
	
.feedback.INFO ul.feedbackPanel {
	background-image:url(../images/icons/info_large.png);
}

.feedback.CONFIRM ul.feedbackPanel {
	background-image:url(../images/icons/confirm_large.png);
}	

.iconFeedback img {
	vertical-align:middle;
}

/****************************
  Slidable Hideable Menu
****************************/

.hideableMenu ul {
	list-style:none;
	margin:0px;
	padding:0px;
	}
	
.hideableMenu ul ul{
	}

/********************************
	Upload Panel
*********************************/
div.upload {
	margin: 0px 0px 0px 5px;
}

input[disabled="disabled"][type="file"]+span {
	color: #999999;
}

/********************************
    Palette
*********************************/
table.palette {
	border: 0;
	width: 70%;
}

table.palette td.header {
	font-weight: bold;
	font-size: 12pt;
	background-color: #eef7ff;
	padding: 2px;
	border-top: 1px solid #729ac2;
	border-bottom: 1px solid #729ac2;
}

table.palette td.pane {
	width: 100px;
	text-align: center;
}

table.palette td.pane select {
	width: 200px;
}

table.palette td.buttons {
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}

table.palette td.buttons button {
	width: 40px;
	height: 40px;
}

/********************************
    Pagination
*********************************/

div.listpagination {
	padding: 3px;
	color: #fff;
}

div.listpagination span:first-child {
	display: inline-block;
	margin-left: 5px;
	padding-top: 1px;	
}

div.listpagination a, div.listpagination em {
	float: right;
}

/***********************************
  Block Menu
***********************************/

.blockMenu {
	display:inline-block;
	vertical-align:top;
	width:160px;
	float:left
	}

.blockMenu .top {
	background: url(../images/general/sidemenuTop.png) no-repeat;
	width:100%;
	height:9px;
}

.blockMenu .mid {
	background: url(../images/general/sidemenuMid.png) repeat-y;
	width:143px;
	height:auto;
	padding:4px 0 0 6px
}

.blockMenu .base {
	background: url(../images/general/sidemenuBase.png) no-repeat;
	width:100%;
	height:12px;
}
	
.blockContent {
	display:inline-block;
	vertical-align:top;
	width:760px;
	height:auto;
	}
	
/***********************************
  Content Panel
***********************************/

.contentPanel, .contentPanelUpper, .contentPanelLower {
	min-height: 50px !important; 
	height: auto !important; 
}

.contentPanel {	
	margin-bottom:20px;
	background-repeat:repeat-y;
	position:relative;
	top:5px;
}

.contentInner {
	padding:5px;
}

.clean  .contentInner {
	padding:0px;
}

.contentPanelUpper {
	background-position:left bottom;
	background-repeat:no-repeat;
	position:relative;
	top:10px;
}

.contentPanelLower {
	background-repeat:no-repeat;
	position:relative;
	top:-15px;
	padding:5px 1px 0 1px;
}

.contentPanel h4 {
	height:20px;
	color:#19232C;
	font-size:10pt;
	font-weight:bold;
	margin:0 0 6px 10px;
}

.contentPanel.third {
	background-image:url(../images/content/thirdMid.png);
	width:296px;
}

.contentPanel.third .contentPanelUpper {
	background-image:url(../images/content/thirdBase.png);
}

.contentPanel.third .contentPanelLower {
	background-image:url(../images/content/thirdTop.png);
}


.contentPanel.half {
	background-image:url(../images/content/halfMid.png);
	width:460px;
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
}

.contentPanel.half  .contentPanelUpper {
	background-image:url(../images/content/halfBase.png);
}

.contentPanel.half  .contentPanelLower {
	background-image:url(../images/content/halfTop.png);
}

.contentPanel.full {
	background-image:url(../images/content/fullMid.png);
	width:940px;
}

.contentPanel.full  .contentPanelUpper {
	background-image:url(../images/content/fullBase.png);
}

.contentPanel.full  .contentPanelLower {
	background-image:url(../images/content/fullTop.png);
}

.contentPanel.fullinhalotab {
	background-image:url(../images/content/fullHaloMid.png);
	width:914px;
}

.contentPanel.fullinhalotab  .contentPanelUpper {
	background-image:url(../images/content/fullHaloBase.png);
}

.contentPanel.fullinhalotab  .contentPanelLower {
	background-image:url(../images/content/fullHaloTop.png);
}

.contentPanel.threequarter {
	background-image:url(../images/content/threequarterMid.png);
	width:760px;
	display:inline-block;
	vertical-align:top;
}

.contentPanel.threequarter  .contentPanelUpper {
	background-image:url(../images/content/threequarterBase.png);
}

.contentPanel.threequarter  .contentPanelLower {
	background-image:url(../images/content/threequarterTop.png);
}
.contentPanel.halfinoutertab {
	background-image:url(../images/content/halfMidTabbedPanel.png);
	width:450px;
	display:inline-block;
	vertical-align:top;
	margin-right:5px;
}

.contentPanel.halfinoutertab  .contentPanelUpper {
	background-image:url(../images/content/halfBaseTabbedPanel.png);
}

.contentPanel.halfinoutertab  .contentPanelLower {
	background-image:url(../images/content/halfTopTabbedPanel.png);
}

/***********************************
  Services Feature LIst
***********************************/

ul.featureList {
	margin:0px;
	padding:0px;
	list-style:none;
	}
	
/***********************************
  Halo Gadgets
***********************************/

.haloGadgetWrap {
	float:left;
	margin-right:4px;
}

.dropBox {
	z-index:170;
	position:absolute;
}

.dropInner {
	background:url(../images/general/haloDropMid.png) repeat-y;
}

.dropRight {
	background:url(../images/general/haloDropMidRight.png) repeat-y top right;
	position:relative;
	left:5px;
}

.gradLeft {
	background:url(../images/general/haloDropGradLeft.png) no-repeat top left;
	position:relative;
	left:-5px;
}

.gradRight {
	background:url(../images/general/haloDropGradRight.png) no-repeat top right;
	position:relative;
	left:5px;
}

.dropContent {
	position:relative;
	left:-5px;
	padding:0 0 0 5px;
}

.dropBox .base {
	background:url(../images/general/haloDropBase.png) no-repeat top left;
	height:7px;
}

.dropBox .base span{
	background:url(../images/general/haloDropBase.png) no-repeat top right;
	height:7px;
	width:5px;
	position:relative;
	float:right;
	left:5px;
}

.dropBox ul {
	padding:0;
	margin:0px;
	list-style:none;
}

.dropBox ul li a {
	display:block;
	height:25px;
	line-height:25px;
	color:#fff;
	text-decoration:none;
	padding:2px 5px 2px 5px;
}

.dropBox ul li a:hover {
	background:#252A2D;
}

.dropBox .inner {
	width:200px;
	padding:5px 5px 5px 5px;
}

.dropBox form {
	overflow:hidden;
}

/***********************************
  Indicators
***********************************/

.shadeMask {
	z-index: 20000; 
	position: fixed; 
	top: 0px; 
	left: 0px;
}

.shadeImage {
	background:#000;
	z-index: 20001; 
	position:fixed;
	top:50%;
	left:50%;
	padding:10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin:-30px 0 0 -30px;
}

.lazyLoadPanelWrapper {
	height:40px;
	width:100%;
	text-align:center;
	padding:20px 0 20px 0;
}

.lazyLoadPanel {
	background:#fff;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	width:15px;
	padding:5px;
	margin:0 auto;
}

.shadeBox {
	position:absolute;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:10px;
	background:#000;
}

.shadeBox span, .shadeBox img {
	vertical-align:middle;
}

.shadeBox span {
	margin-left:10px;
	font-weight:bold;
}

/****************************
  Login Page
****************************/

.smallOverBoxWrap, .createPasswordOverBoxWrap, .overBoxWrap {
	margin:0 auto;
}

.overBoxWrap { 
	background: url('../images/general/innerOverlay.png') no-repeat top center;
	width:970px;
	height:850px;
}

.smallOverBoxWrap {
	background: url('../images/general/login.png') no-repeat top center;
	width:660px;
	height:610px;
	padding:240px 0 0 0;
}
.createPasswordOverBoxWrap{
	background: url('../images/general/createpassword.png') no-repeat top center;
	width:660px;
	height:610px;
	padding:240px 0 0 0;
}
.overlay {
	padding:100px 0 0 15px;
	width:920px;
}

.smallOverBoxWrap .login, .createPasswordOverBoxWrap .createPassword{
	padding:0 40px 0 100px;
	width:450px;
}

.smallOverBoxWrap .error {
	padding:50px 40px 0 100px;
	width:400px;
}

.smallOverBoxWrap .login h1.title, .createPasswordOverBoxWrap .createPassword h1.title{
	float:left;
	margin-left:20px;
	font-size:20pt;
	padding-top:7px;
}

.smallOverBoxWrap .error h1.title {
	display:inline-block;
	vertical-align:top;
	margin-left:10px;
	padding-top:7px;
}

.overBoxWrap .overlay h1.title{
	float:left;
	margin-left:20px;
	font-size:20pt;
	padding-top:15px;
}

.loginForm {
	clear:both;
	width:450px;
}

.overBoxWrap .wizardBlock, .smallOverBoxWrap .wizardBlock {
	height:80px;
}

.overBoxWrap .wizardBlock .wizardCrumb, .smallOverBoxWrap .wizardBlock .wizardCrumb{
	margin: 20px 0 0;
}

.securityMessage {
	width:460px;
	top:535px;
	margin-top:100px;
}

.exclamation {
	color:#FEBB15;	
	font-weight:bold;
	font-size:14px;
}

/********************************
    Box Wrap
*********************************/

.box {
	margin:0 0 10px 0;
	width:99%;
}

.boxTop {
	background: url('../images/general/boxTop.png') no-repeat top left;
	height:9px;
}

.boxTop span {
	background: url('../images/general/boxTop.png') no-repeat top right;
	float:right;
	position:relative;
	left:5px;
	width:5px;
	height:9px;
}

.boxInner {
	background: url('../images/general/boxMid.png') repeat-y top left;
}

.boxContent {
	background: url('../images/general/boxMidRight.png') repeat-y top right;
	position:relative;
	left:5px;
}

.boxBase {
	background: url('../images/general/boxBase.png') no-repeat top left;
	height:8px;
}

.boxBase span {
	background: url('../images/general/boxBase.png') no-repeat top right;
	float:right;
	position:relative;
	left:5px;
	width:5px;
	height:8px;
}

.pull {
	position:relative;
	left:-3px;
}

.paddedBoxContent {
	width:98%;
	padding:0 0 0 5px;
}

/********************************
    Item Picker Panel
*********************************/

.itemPicker {
	width:100%;
	clear:both;
	margin-bottom:5px;
	height:250px;
}

#pickerLeftPanel {
	width: 29%;
	margin-right:10px;
	}
	
#pickerRightPanel {
	width:65%;
	}
	
#pickerLeftPanel, #pickerRightPanel {
	color:#fff;
	float:left;
}

#pickerLeftPanel ul, #pickerRightPanel ul, ul.selector{
	overflow-y:auto;
	overflow-x:hidden;
}

.itemPickerAdd {
	padding-left:5px;
}

ul.selectedUsers {
	padding:5px 5px 5px 10px;
	margin:0px;
	list-style:none;
	height:205px;
	overflow:auto;
}

ul.selectedUsers li {
	float:left;
	background:url(../images/general/selectedBack.png) no-repeat top left;
	height:27px;
	line-height:27px;
	padding:0 0 0 6px;
	font-size:10pt;
	margin:0 15px 5px 0;
	color:#fff;
}

ul.selectedUsers li span.last{
	background:url(../images/general/selectedBack.png) no-repeat top right;
    position: relative;
	left:0px;
	float:right;
	width:30px;
	height:27px;
	cursor:pointer;
	color:#66FFFF;
	font-weight:bold;
	text-align:right;
	padding: 0 3px 0 0;
}

ul.selector li a.linkButton span {
	padding:0px;
	}
	
.itemPicker h3 {
	margin:0px;
	padding:0px;
	height:22px;
	margin-bottom:6px;
	padding-left:4px;
}

/********************************
    Item Search Panel
*********************************/

.itemSearchWrap{
	width:100%;
	margin-bottom:10px;
}

.itemSearch {
	padding-right:10px;
}

.itemSearch input {
	width:100%;
}

.itemSearch .textBoxWrap input {
	padding-right:0px;
}

.itemSearch .textBoxWrap {
	width:100%;
	margin-right:0px;
}

ul.selector {
	position:relative;
	list-style:none;
	padding:0px;
	margin:0px;
	height:183px;
}

ul.selector li {
	height:25px;
	margin:0px;
	padding:0px;
}

ul.selector li span {
	line-height:25px;
}

ul.selector li.selected {
	background:#252A2D;
}

ul.selector li:hover {
	background:#2C3235;
	cursor:pointer;
}

.itemWrap .checkBoxWrap, .itemWrap .radioWrap, ul.selector span.selectorInner,ul.selector li .selectInnerRight {
	position: relative;
	float: left;
}

ul.selector li .selectInnerRight {
	width:45px;
	display:block;
	margin-right:-45px;
}

ul.selector li .itemWrap{
	display:block;
	padding-left:30px;
}

ul.selector li .itemWrap.right {
	padding-left:5px;
	padding-right:50px;
}

.itemWrap .checkBoxWrap, .itemWrap .radioWrap {
	margin-left:-30px;
	width:25px;
	padding-left:5px;
}

ul.selector li label {
	display:inline-block;
	height:25px;
	overflow:hidden;
	width:90%;
}

ul.selector span.selectorInner {
	display:inline-block;
	height:25px;
	width:100%;
}

ul.selector span.selectorInner span.selectorInnerText {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow:hidden;
	display:block;
}

ul.selector span.selectorInner img {
	float:left;
	padding-top:2px;
}

ul.selector li label:hover, ul.selector li input:hover {
	cursor:pointer;
}


ul.selector li .itemWrap.right.nin {
	padding-right:70px;
}

ul.selector li .itemWrap.right.nin .selectInnerRight {
	width:60px;
	margin-right:-60px;
}

ul.selector li .itemWrap.right.sma {
	padding-right:30px;
}

ul.selector li .itemWrap.right.sma .selectInnerRight {
	width:20px;
	margin-right:-20px;
}

ul.selector .selectorRight {
	position:absolute; 
	right:0px; 
	padding-right:40px;
}

/********************************
    ScrollingPaginating Search Panel
*********************************/

ul.scrollingPaginatingSelector {
	height:100%;
}

/********************************
    Wizard Crumb
*********************************/

ul.wizardCrumb {
    list-style:none;
    margin:5px 0 0 0;
    padding:0px;
    overflow: auto;
}

ul.wizardCrumb li {
	display: block;
    float:left;
	font-size:9pt;
}

ul.wizardCrumb span {
    display: block;
    padding: 0 20px 0 20px;
    height: 22px;
	line-height:22px;
    color: #FFF;
    float: left;
}

ul.wizardCrumb div.arrow {
    background:url(../images/tabs/trailEnds.png) no-repeat 0 -176px;
	width:21px;
    height:22px;
    float: right;
	display:block;
}

ul.wizardCrumb li span {
	color: #C3C8CC;
	font-weight:bold;
}

ul.wizardCrumb li.active span {
	color: #25292C;
}

ul.wizardCrumb li.complete span, ul.wizardCrumb li.penuComplete span {
	color: #222B2A;
}

ul.wizardCrumb li  span{
    background:url(../images/tabs/trailInner.png) no-repeat 0 -22px;
}

ul.wizardCrumb li.active  span{
    background:url(../images/tabs/trailInner.png) no-repeat 0 -44px;
}

ul.wizardCrumb li.complete  span, ul.wizardCrumb li.penuComplete  span{
    background:url(../images/tabs/trailInner.png) no-repeat 0 -66px;
}

ul.wizardCrumb li.first span{
    background:url(../images/tabs/trailFirst.png) no-repeat top left;
}

ul.wizardCrumb li.first.complete span, ul.wizardCrumb li.first.penuComplete span{
    background:url(../images/tabs/trailFirst.png) no-repeat 0 -22px;
}

ul.wizardCrumb li.last span{
    background-position:0 0;
}

ul.wizardCrumb li.last.active span{
    background-position:0 -44px;
}

ul.wizardCrumb li.first .arrow, ul.wizardCrumb li.first.penu .arrow, ul.wizardCrumb li.active .arrow{
    background-position:0 -132px;
}

ul.wizardCrumb li.complete .arrow, ul.wizardCrumb li.penu.complete .arrow{
    background-position:0 -88px;
}

ul.wizardCrumb li.last .arrow{
    background-position:0 0
}

ul.wizardCrumb li.penu .arrow{
    background-position:0 -154px;
}

ul.wizardCrumb li.penu.active .arrow{
    background-position:0 -66px;
}

ul.wizardCrumb li.penuComplete .arrow {
    background-position:0 -110px;
}

ul.wizardCrumb li.active.last .arrow {
    background-position:0 -22px;
}


/********************************
    Block menu
*********************************/

.blockMenu  h4 {
	color:#58E1F1;
	font-weight:bold;
	font-size:12pt;
	margin:0px;
	padding:0px;
}

.blockMenu ul {
	list-style:none;
	padding:0px;
	margin:0px;
}

.blockMenu ul li a, .blockMenu ul li div  {
	color:#fff;
	text-decoration:none;
	width:140px;
	display:block;
	cursor:pointer;
	font-weight:bold;
}

.blockMenu ul li a:hover, .blockMenu ul li div :hover {
	color:#FFB915;
}

.blockMenu ul li ul li a{
	padding-left:10px;
	font-size:9pt;
}

.infoBurstBox {
	width:30%;
	display:inline-block;
	height:auto;
	vertical-align:top;
	}

/***********************************
  Tooltip
***********************************/

.toolTip {
	display:inline-block;
	width:38px;
	height:32px;
	background:url(../images/icons/tooltip.png) no-repeat top left;
	vertical-align: middle; 
	margin:0 0 0 10px;
	cursor:pointer;
	position:relative;
	top:-4px;
}

.toolTip.open {
	background:url(../images/icons/tooltipActive.png) no-repeat top left;
	}

.toolTipOpen {
	position:absolute;
	width:200px;
	height:60px;
	cursor:pointer;
	z-index:40000;
}

.toolTipOpen span.upper
{
	background:url(../images/general/toolTipHaloUpper.png) no-repeat top left;
	display:block;
	height:32px;
}

.toolTipOpen span.mid{
	background:url(../images/general/toolTipHaloMid.png) repeat-y top left;
	display:block;
	height:auto;
}

.toolTipOpen span.mid span{
	position:relative;
	top:-25px;
	padding:0 0 0 10px;
	display:block;
	width:160px;
}

.toolTipOpen span.lower{
	background:url(../images/general/toolTipHaloLower.png) no-repeat top left;
	display:block;
	height:13px;
}

.lineToolTip {
	position:absolute;
	background:url(../images/general/lineToolTip.png) no-repeat top left;
	height:32px;
	line-height:32px;
	padding:0 0 0 10px;
	z-index:50000;
}

.lineToolTip span{
	display:block;
	float:right;
	background:url(../images/general/lineToolTip.png) no-repeat top right;
	position:relative;
	height:32px;
	width:10px;
	left:10px;
}
.lineItemCell
{
	overflow:hidden;
	white-space:nowrap; 
	text-overflow:ellipsis; 
	word-wrap:break-word; 
	-o-text-overflow:ellipsis;
	-moz-text-overflow:ellipsis;
	-ms-text-overflow:ellipsis;
}
/****************************
 Icon Help 	 
****************************/

.hiWrap {
	height:40px;
	margin-bottom:5px;
	width:100%;
}

.hiWrap h1 {
	float:left;
}
	
	
.siteBack {
	float:right;
	margin-top:2px;
}

.hiWrap .inplaceHint {
	float:right;
}

.inplaceHint {
	background:url(../images/general/iconHelp.png) no-repeat top left;
	height:40px;
	width:auto;
	position:relative;
	left:-20px;
	}
	
.inplaceHint span{
	background:url(../images/general/iconHelp.png) no-repeat top right;
	position:absolute;
	width:20px;
	height:40px;
	display:block;
	top:0px;
	right:-20px;
	}
	
.inplaceHint ul {
	list-style:none;
	display:inline;
	margin:0px;
	padding:0px;
	position:relative;
	left:10px;
	z-index:10;
}

.inplaceHint li{
	display:inline-block;
	padding-right:2px;
}

/***********************************
  Thumbnail Stacks
***********************************/

.thumbnail {
	display:inline-block;
	margin:5px;
}

/***********************************
  Misc
***********************************/
/* Creates a rounded div for the ScheduleColourDot */
div.round {
	height: 10px;
	width: 10px;
	border-radius: 5px;	
	-moz-border-radius: 5px;
}

.highlightedText {
	color:#04bab8;
	font-weight:bold;
}

/* CSS for the HOW Help Guide */
div.howBlock {
	text-align:right;
	padding-bottom:10px;
	padding-right:5px;
}


/********************************
    Sortable Item Search Panel
*********************************/

ul.sortable.selectedUsers li {
	float:none;
	cursor: move;
}

ul.sortable.selectedUsers li .item {
	padding-left:20px;
	background:url(../images/icons/drag.png) no-repeat;
}


ul.sortable.selectedUsers li.placeholder {
	border:#fff 1px dashed;
	padding-right:12px;
	background:#323638;
	height:25px;
}

/***********************************
  Cookie Law
***********************************/

.cwcookielaw  {
	background: #383f43;
	background-repeat: repeat-x; 
	border: 1px solid black;
	font-family: Calibri, Tahoma, Geneva, sans-serif;
	font-size: 12px;
	font-weight: bold;
	z-index: 1000;
	width: 350px;
	position: fixed;
	bottom: 0px;
	display: none;
	line-height: 14px;
	position: fixed;
}

.cwcookielaw p{ 
	padding: 15px 0 0 0; 
	margin: 0; 
	color: #ffffff; 
	line-height: 14px; 
}

.cwcookielaw .cwallowcookies { 
	background-repeat: no-repeat; 
	width: 57px; 
	height: 25px; 
	float: right; 
	margin-top: 10px; 
	padding: 5px 0 0 21px; 
	color: #fff; 
} 

.cwcookielaw .cwcookiesmoreinfo { 
	background-repeat: no-repeat; 
	width: 66px; 
	height: 20px; 
	float: right; 
	margin-top: 10px; 
	padding: 5px 0 0 13px; 
	color: #fff; 
} 
.cwcookielaw .cwallowcookies:hover, .cwcookielaw .cwcookiesmoreinfo:hover { 
	text-decoration: none; 
	color: #FEBB15; 
}

.cwcookielaw .cwcookiecontainer { 
	width: 300px; 
	margin:0 auto; position: relative;
}

.cwcookielaw .cwcookiebubble { 
	background:#444b4f;
	background-repeat: no-repeat; 
	border: 1px solid black; 
	left: 20px; 
	position: fixed; 
	width: 302px; 
	height: 132px; 
	left: 0px; 
	bottom: 97px; 
	padding: 31px 24px 0 24px; 
	display: none; 
	cursor: pointer; 
}

.cwcookiebubble .cwcookietitle { 
	font-family: Calibri, Tahoma, Geneva, sans-serif; 
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 10px; 
	color: #FEBB15; 
}

.closeButton {
	font-size:20px; 
	position:absolute; 
	top:0px; 
	right:0px; 
	padding:10px;
}
	
.closeButton:hover {
	color:#FEBB15; 
	font-size:20px; 
	position:absolute; 
	top:0px; 
	right:0px; 
	padding:10px;
}

.cwcookiebubble p { 
	margin: 0; 
	padding: 0; 
	color: #fff;
	line-height: 14px;
}

.cwcookiebubble a { 
	text-decoration: underline; 
	color: #fff; 
	font-weight:bold; 
}

/********************************
    Slider Item Search Panel
*********************************/

ul.selectedUsers li {
	float:none;
}

.sliderBlock {
	float:right;
}

/* Slider background*/
div.slider {
	width:100px;
	background:black;
	margin-top:8px;
	float:left;
}

/* Slider handle*/
.ui-slider .ui-slider-handle { 
	width:0.6em;
	background:#FFBB17;
	cursor:pointer;
	margin-left:0;
	margin-top:1px;
	border: 1px inset #FFBB17;
}

/* Left of slider handle*/
.ui-slider-horizontal .ui-slider-range-min {
	border: 1px groove #FFBB17;
	background:#FFBB17
}

.sliderLabelP, .sliderLabel{
	float:left;
}

.sliderLabel{
	margin-left:10px;
	width:25px;
	text-align:right;
}

/************************************
    Bars for Alerting Panel
************************************/

.alertBar
{
	position:absolute;
	height:100%;
}


.alertBar.green
 {
	background:#008000;
}

.alertBar.yellow 
{
	background:#ffff00;
}

.alertBar.red 
{
	background:#FF0000;
}


/**
*Device Cust
**/
/**
*Layouts
**/
.dc-outpanel-header{
	padding:0px 10px;
}