/* @override http://localhost:7777/helpdesk/css/sharedStyles.css */

.loginStatus {
	text-align: right;
	padding-top: 2px;
	white-space: nowrap;
}



/* ----- Approvals -------- */
div.voteWidgetDiv {
	display: block;
	float: left;
	font-weight: bold;
	color: #393939;
	width: 100%;
}

div.yesVote, div.noVote, div.deferVote {
	background-color: #c7f7c4;
	padding: 2px;
	display: block;
	border: 1px dotted #008b2c;
	white-space: nowrap;
}

div.noVote {
	background-color: #f5afad;
	border: 1px dotted #95292a;
}

div.deferVote {
	background-color: #e5e2d8;
	border: 1px dotted #b8b8b1;
}

div.voteButtonsDiv {
	margin-top:5px;
	display:block;
	float:left;
	clear: both;
	white-space: nowrap;
	width: 110px;
}

div.voteExplanation {
	display: block;
	float: left;
	clear: both;
	margin-top: 2px;
}

div.noteNumberBlue{
	color: #7c84d8;
	font-size: 9px;
	text-align: right;
	margin: 2px 0 4px 8px;
	display: block;
}

div.noteNumber{
	color: #ada726;
	font-size: 9px;
	text-align: right;
	margin: 2px 0 4px 8px;
}

div.noteNumberGray{
	color: #a1a09b;
	font-size: 9px;
	text-align: right;
	margin: 2px 0 4px 8px;
}

div.noteNumberGreen{
	color: #6ea16b;
	font-size: 9px;
	text-align: right;
	margin: 2px 0 4px 8px;
}

div.notesToggleButton {
	display: block;
	clear: left;
	float: left;
}

div.stickyRepetition {
	display: block;
	float: left;
	clear: both;
	margin-top: 5px;
	width: 95%;
}

div.notesToggleLink a {
	color: #818181;
	font-weight: bold;
}

div.notesToggleLink a:hover {
	text-decoration: underline;
	color: black;
}

div.detailsToggleLink {
	background-color: #c2c6cf;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 1px;
	display: block;
	float: right;
	line-height: 18px;
	border: 1px dotted #9d9990;
	white-space: nowrap;
	vertical-align: top;
	margin-left: 5px;
}

div.detailsToggleLink a {
	color: #fff;
	font-weight: bold;
}

div.detailsToggleLink a:hover {
	text-decoration: underline;
	color: black;
}


/* -- Approval Indicator --- */

div.approvalStepIndicator {
	display: block;
	white-space: nowrap;
	float: left;
	width: 100%;
	
}

div.stepNumber
{
	margin-left: 5px;
}

div.approvalToken
{
	text-align: center;
	padding-top: 3px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	font-weight: bold;
	display: inline-block;
	float: left;
	white-space: nowrap;
	position: relative;
	cursor: pointer;
}

td.approvedLeftLess
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/approved_left_less.gif);
	background-repeat: no-repeat;
}

td.approvedLeftMore
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/approved_left_more.gif);
	background-repeat: no-repeat;
}

td.pendingLeftLess
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/pending_left_less.gif);
	background-repeat: no-repeat;
}

td.pendingLeftMore
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/pending_left_more.gif);
	background-repeat: no-repeat;
}

td.deniedLeftLess
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/denied_left_less.gif);
	background-repeat: no-repeat;
}

td.deniedLeftMore
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/denied_left_more.gif);
	background-repeat: no-repeat;
}

div.approvalToken a:hover {
	text-decoration: none;
}

td.greenAlertTokenLeft
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/status_green_left.gif);
	background-repeat: no-repeat;
}

td.greenAlertTokenRight
{
	width: 8px;
	height: 19px;
	background-image: url(/helpdesk/alerts/status_green_right.gif);
	background-repeat: no-repeat;
}

td.greenAlertTokenMiddle
{
	width: auto;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(/helpdesk/alerts/status_green_middle.gif);
	background-repeat: repeat-x;
	vertical-align: middle;

}


td.yellowAlertTokenLeft
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/status_yellow_left.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
	text-align: center;
}

td.yellowAlertTokenRight
{
	width: 8px;
	height: 19px;
	background-image: url(/helpdesk/alerts/status_yellow_right.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
}

td.yellowOverrideTokenRight
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/override_right.gif);
	background-repeat: no-repeat;
	white-space: nowrap;
}


td.yellowAlertTokenMiddle
{
	width: auto;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;

	background-image: url(/helpdesk/alerts/status_yellow_middle.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
}

td.redApprovalTokenLeft
{
	width: 20px;
	height: 19px;
	background-image: url(/helpdesk/approval/status_red_left.gif);
	background-repeat: no-repeat;
}

td.redAlertTokenRight
{
	width: 8px;
	height: 19px;
	background-image: url(/helpdesk/alerts/status_red_right.gif);
	background-repeat: no-repeat;
}

td.redAlertTokenMiddle
{
	width: auto;
	height: 19px;
	padding-left: 5px;
	padding-right: 5px;
	background-image: url(/helpdesk/alerts/status_red_middle.gif);
	background-repeat: repeat-x;
	vertical-align: middle;
}

div.tipLabel, div.tipLabelError {
	font-weight: bold;
}

div.tipLabelError {
	color: red;
}

td.approvalError {
	background-image: url(/helpdesk/approval/approval_error.gif);
	background-repeat: no-repeat;
	width: 20px;
}
div.tipData {
	color: #555;
}
div.tipRow {
	margin-bottom: 5px;
}

div.approvalAlert
{
	text-align: center;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: white;
	font-weight: bold;
	display: inline-table;
	vertical-align: middle;
	margin-left: 10px;

}

div.approvalSchedDate {
	background-color: #e2e3d7;
	padding: 4px;
	border: 1px solid #a7a7a7;
	margin-top: 5px;
	display: block;
	float: left;
	clear: left;
}

div.scheduledDateLabel {
	font-weight: bold;
	display: block;
	float: left;
	margin-left: 3px;
	margin-bottom: 3px;
	clear: none;
}

div.inlineDeleteButton {
	display: block;
	float: left;
	padding-top: 4px;
	padding-left: 3px;
}

/* -- Recessed Button --*/
div.listCountButton
{
 display: block;
 float: left;
 padding-left: 8px;
 padding-top: 2px;
}

div.recessedButtonFloatRight {
	display: block;
 	float: right;
}

.recessedButton {
	display: table;
	font-size: 10px;
	font-weight: bold;
	text-shadow: #525252 0 1px 0;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

a.recessedButton  {
	text-decoration: none;
	color: white;
	cursor: pointer;
}


div.recessedButtonLeft {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/recessed_button_left.gif) no-repeat;
	width: 7px;
	height: 17px;
}

div.recessedButtonRight {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/recessed_button_right.gif) no-repeat;
	width: 7px;
	height: 17px;
}

div.recessedButtonMiddle {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/recessed_button_middle.gif) repeat-x;
	height: 17px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
}


div.recessedMiniButtonLeft {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/recessed_mini_left.gif) no-repeat;
	width: 6px;
	height: 14px;
}

div.recessedMiniButtonRight {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/recessed_mini_right.gif) no-repeat;
	width: 6px;
	height: 14px;
}

div.recessedMiniButtonMiddle {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/recessed_mini_middle.gif) repeat-x;
	height: 14px;
	padding-top: 1px;
	padding-left: 5px;
	padding-right: 5px;
	font-size: 9px;
}

/* -- Round Rect Button --*/

.roundRectButton, roundRectButtonNoPadding{
	display: inline-table;
	text-shadow: rgba(249,249,249,0.9) 0 1px 0;
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	float: left;
	padding-left: 3px;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 1px;
}

.roundRectButtonNoPadding {
	padding: 0;
}

div.roundRectButtonFloatRight {
	display: block;
	float: right;
}

a.roundRectButton  {
	text-decoration: none;
	color: #111;
	cursor: pointer;
}

div.roundRectButtonLeft {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/round_rect_left.gif) no-repeat;
	width: 8px;
	height: 18px;
}

div.roundRectButtonRight {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/round_rect_right.gif) no-repeat;
	width: 8px;
	height: 18px;
	
}

div.roundRectButtonMiddle {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/round_rect_middle.gif) repeat-x;
	height: 18px;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: center;
	min-width: 30px;
	white-space: nowrap;
	
}

.roundRectButtonSpacer {
	width: 2px;
	display: inline-table;
}


/* --- Round Rect Button used for AjaxFlexibleFileUpload (taken from default_ajaxupload.css in Ajax.framework) --- */
.AjaxFlexibleFileUpload {
	overflow: hidden;
	width: auto;
}

.AFUProgressBar {
	float: left;
	width: 200px;
	height: 20px;
	border: 1px solid #aaa;
	margin-top: 3px;
	margin-right: 5px;
	
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

.AFUProgressAmount {
	height: 20px;
	background-color: #6482b8;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}

.AFUProgressAmountIndeterminate {
	background-color: #c0c0c0;
}

.AjaxFlexibleFileUpload .Button,
.ERAttachmentFlexibleEditor .Button {
	float: left;
	background-image: url(/helpdesk/buttons/round_rect_fixed.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	color: #111;
	text-shadow: rgba(249,249,249,0.9) 0 1px 0;
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	margin: 3px 0;
}

.AjaxFlexibleFileUpload .Button span,
.ERAttachmentFlexibleEditor .Button span {
	float: left;
	background-image: url(/helpdesk/buttons/round_rect_fixed.png);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #fff;
	padding: 0;
	line-height: 19px;
	margin-left: 23px;
	padding-right: 23px;
	text-shadow: rgba(249,249,249,0.9) 0 1px 0;
}

.AjaxFlexibleFileUpload .ClearUploadObjButton {
	background-image: url(btn_del.png);
	height: 23px;
	width: 25px;
}

.AjaxFlexibleFileUpload .ClearUploadObjButton span {
	display: none;
}

.AjaxFlexibleFileUpload .UploadFileObjButton {
	margin-right: 5px;
}

.AFUFileObject {
	
}

.AFUProgressBarWrapper {
	width: 100%;
	float: left;
}

.AFUFileNameWrapper {
	float: left;
	line-height: 29px;
	margin-right: 5px;
}

.ERAttachmentFlexibleEditor .AEEdit {
	padding: 10px;
	border: 1px solid #666;
	width: 350px;
	overflow: hidden;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: #777 2px 2px 3px;
	-webkit-box-shadow:#777 2px 2px 3px;
}

.AEEditHeader {
	margin: 0;
	margin-bottom: 10px;
}

/* --- Toggle Button --- */

.toggleButton {
	display: inline-table;
	font: 11px "Lucida Grande", Arial, Helvetica, sans-serif;
	float: left;
	white-space: nowrap;
	cursor: pointer;
	padding-top: 1px;
	height: 22px;
}


a.toggleButtonUp  {
	text-decoration: none;
	color: #111;
	cursor: pointer;
}

div.toggleButton {
	display: inline;
	float: left;
	height: 22px;
}

div.toggleButtonLeftUp {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/toggle_button_left_up.gif) no-repeat;
	width: 5px;
	height: 22px;
}

div.toggleButtonLeftDown {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/toggle_button_left_down.gif) no-repeat;
	width: 5px;
	height: 22px;
}


div.toggleButtonDown {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/toggle_button_down.gif) repeat-x;
	height: 22px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

div.toggleButtonUp {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/toggle_button_up.gif) repeat-x;
	height: 22px;
	padding-top: 3px;
	padding-left: 5px;
	padding-right: 5px;
}

div.toggleButtonDivider {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/toggle_button_divider.gif) no-repeat;
	width: 1px;
	height: 22px;
}

div.toggleButtonRight {
	display: inline;
	float: left;
	height: 22px;
}

div.toggleButtonRightUp {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/toggle_button_right_up.gif) no-repeat;
	width: 5px;
	height: 22px;
}

div.toggleButtonRightDown {
	display: inline;
	float: left;
	background: url(/helpdesk/buttons/toggle_button_right_down.gif) no-repeat;
	width: 5px;
	height: 22px;
}




td.saveOptionsSmall
{
	text-align: right;
	background-color: white;
	vertical-align: middle;
	height: 24px;
	background: url(/helpdesk/header.gif);
	background-repeat: repeat-x;
	padding: 3px 4px 2px 0px;
}

td.saveOptionsSmallTopBorder
{
	text-align: right;
	padding: 3px 4px 3px 0px;
	background-color: white;
	vertical-align: middle;
	height: auto;
	background: url(/helpdesk/header.gif);
	background-repeat: repeat-x;
	border-top: 1px solid #c6c6c6;
}

td.saveOptionsSmallStandard
{
	text-align: right;
	padding: 3px 4px 3px 0px;
	background-color: white;
	vertical-align: middle;
	height: auto;
	background: url(/helpdesk/header.gif);
	background-repeat: repeat-x;
	border-color: #c6c6c6;
	border-style: solid;
	border-width: 1px 1px 1px 0px;
}

tr.smallBtnRow td
{
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	padding-top: 1px;
	padding-bottom: 1px;
	padding: 3px 4px 2px 0px;
}

tr.panelButtonRow td
{
	border-color: #aaa;
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	background: white url(/helpdesk/header.gif) repeat-x;
	padding-top: 1px;
	padding-bottom: 1px;
}


div.quickSearchBar {
	border-color: #aaa;
	border-style: solid;
	border-width: 0px 1px 0px 1px;
	background: url(/helpdesk/header.gif);
	height: 25px;
	padding-left: 5px;
	display: block;
	padding-top: 4px;
	text-shadow: #fdfdfd 0 1px 0;
}

/* BBCode Buttons */

.bbCodeButton {
	border: 1px solid #878787;
	background-color: #f0f0f0;
	margin-bottom: 1px;
	padding: 1px;
	display: inline-block;
	float: left;
	margin-right: 4px;
}

.bbCodeButton:hover {
	background-color: #b3b0b2;
	cursor: pointer;
}


/* -- Aqua Button -- */

.aquaButton
{
	text-align: center;
	color: black;
	white-space: nowrap;
	display: inline-table;
	float: left;
	margin: 4px;
	margin-bottom: 0px;
	margin-right: 0px;
	font: normal 13px "Lucida Grande", Arial, Helvetica, sans-serif;
	cursor: pointer;
	text-shadow: none;
}

a.aquaButtonLink {
	color: black;
}




div.aquaLeft, div.aquaRight, div.aquaLeftSel, div.aquaRightSel
{
	width: 11px;
	height: 25px;
	background-repeat: no-repeat;
	float: left;
}

div.aquaLeft
{
	background-image: url(/helpdesk/buttons/aqua_left.gif);
}

div.aquaRight
{
	background-image: url(/helpdesk/buttons/aqua_right.gif);
}

div.aquaMiddle, div.aquaMiddleSel
{
	width: auto;
	min-width: 50px;
	height: 23px;
	background-image: url(/helpdesk/buttons/aqua_middle.gif);
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	float: left;
	text-align: center;
	cursor: pointer;
}

div.aquaLeftSel
{
	background-image: url(/helpdesk/buttons/marble_left_sel.gif);
}

div.aquaRightSel
{
	background-image: url(/helpdesk/buttons/marble_right_sel.gif);
}

div.aquaMiddleSel
{
	background-image: url(/helpdesk/buttons/marble_middle_sel.gif);
}

/* -- Small Aqua Button -- */
div.aquaSmallButton
{
	text-align: center;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	letter-spacing: -0.01em;
	color: black;
	display: block;
	float: left;
	margin-left: 5px;
}

div.aquaSmallLeft
{
	width: 9px;
	height: 19px;
	background-image: url(/helpdesk/buttons/graphite_mini_left.png);
	background-repeat: no-repeat;
	float: left;
}

div.aquaSmallRight
{
	width: 9px;
	height: 19px;
	background-image: url(/helpdesk/buttons/graphite_mini_right.png);
	background-repeat: no-repeat;
	float: left;
}

div.aquaSmallMiddle
{
	height: 19px;
	background-image: url(/helpdesk/buttons/graphite_mini_middle.png);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	float: left;
	line-height: 18px;
	min-width: 30px;
	vertical-align: middle;
	cursor: pointer;
	text-shadow: white 0 1px 0;
}

div.aquaSmallLeftSel
{
	width: 10px;
	height: 22px;
	background-image: url(/helpdesk/buttons/aqua_small_left_sel.gif);
	background-repeat: no-repeat;
	float: left;
}

div.aquaSmallRightSel
{
	width: 10px;
	height: 22px;
	background-image: url(/helpdesk/buttons/aqua_small_right_sel.gif);
	background-repeat: no-repeat;
	float: left;
}

div.aquaSmallMiddleSel
{
	width: auto;
	height: 22px;
	background-image: url(/helpdesk/buttons/aqua_small_middle_sel.gif);
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	float: left;
	vertical-align: middle;
	cursor: pointer;
}

/* -- Mini Aqua Button -- */
.aquaMiniButton
{
	text-align: center;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	letter-spacing: -0.01em;
	color: black;
	white-space: nowrap;
	vertical-align: middle;
	text-decoration: none;
	display: table-cell;
	float: right;
}

div.aquaMiniLeft
{
	width: 9px;
	height: 19px;
	background-image: url(/helpdesk/buttons/graphite_mini_left.png);
	background-repeat: no-repeat;
	float: left;
}

div.aquaMiniRight
{
	width: 9px;
	height: 19px;
	background-image: url(/helpdesk/buttons/graphite_mini_right.png);
	background-repeat: no-repeat;
	float: left;
}

div.aquaMiniMiddle
{
	width: auto;
	height: 19px;
	background-image: url(/helpdesk/buttons/graphite_mini_middle.png);
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	float: left;
	vertical-align: middle;
	min-width: 25px;
	cursor: pointer;
}

a.aquaButtonLink:hover {
	color: black;
	text-decoration: none;
	cursor: pointer;

}

div.buttonsRight {
	display: block;
	float: right;
	white-space: nowrap;
}

div.buttonsRight.inline {
	
}

div.buttonsRight a, div.buttonsLeft a {
	color: black;
}

div.buttonsLeft {
	display: block;
	float: left;
	white-space: nowrap;
}

div.hiddenButton {
    border: none;
    width: 0px;
    height: 0px;
    overflow: hidden;
}

.nowrap {
	white-space: nowrap;
}



/* ----------- FAQ Viewer ----------------- */

tr.white td
{
	border-color: #aaa;
	border-style: solid;
	background-color: #fff;
	border-width: 0px 1px 0px 0px;
}

tr.shaded td
{
	border-color: #aaa;
	border-style: solid;
	background-color: #ecf2fe;
	border-width: 0px 1px 0px 0px;
}




td.faqQuestion {
	color: #666;
	}
	
td.faqRule {
	 background-color: #ccc;
	 height: 1px;
 }

 div.FaqQuestionStyle {
	padding: 10px;
	border: 1px dotted #c1c1c1;
	background-color: #ffffc3;
	display: block;
	float: left;
	width: 95%;
}
 
 div.FaqAnswerStyle {
	padding: 10px;
	border: 1px dotted #c1c1c1;
	background-color: #c1d8ff;
	display: block;
	float: left;
	width: 95%;
	margin-top: 10px;
}

div.FaqAttachmentStyle {
	padding: 10px;
	border: 1px dotted #c1c1c1;
	background-color: #e9f7e6;
	display: block;
	float: left;
	width: 95%;
	margin-top: 10px;
}

tr.FaqAttachmentBackground td{
	background-color: #e9f7e6;
	border-style: none;
}

div.FaqToggleButton {
	display: block;
	float: left;
	padding-top: 10px;
	clear: both;
}

div.FaqUpdateContainer {
	display: block;
	float: left;
	width: 100%;
}

td.searchContent {
	font-size: 11px;
	padding: 8px 10px 10px 5px;
	vertical-align: top;
}


/*------------ Sticky note styles --------------*/

.stickyNote tbody tr td.noteTopBlue {
	background: url(/helpdesk/note_top_blue.png) repeat-x;
	height: 10px;
	border-left: 1px solid #9ab6dd;
}

.stickyNote tbody tr td.noteTopWindowsBlue {
	background: url(/helpdesk/note_top_blue.png) repeat-x;
	height: 10px;
	border: 1px solid #9ab6dd;
	border-top: none;
	border-bottom: none;
	width: 500px;
	line-height: 1px;
}

td.noteCornerBlue {
	background: url(/helpdesk/note_corner_blue.png) no-repeat;
	height: 10px;
	width: 10px;
}

.stickyNote tbody tr td.noteBodyBlue {
	background: #b4d4ff url(/helpdesk/note_body_blue.png) repeat-x;
	border: 1px solid #9ab6dd;
	border-top: none;
}


.stickyNote tbody tr td.noteTopGreen {
	background: url(/helpdesk/note_top_green.png) repeat-x;
	height: 10px;
	border-left: 1px solid #a0c89b;
}

.stickyNote tbody tr td.noteTopWindowsGreen {
	background: url(/helpdesk/note_top_green.png) repeat-x;
	height: 10px;
	border: 1px solid #a0c89b;
	border-top: none;
	border-bottom: none;
	width: 500px;
	line-height: 1px;
}

td.noteCornerGreen {
	background: url(/helpdesk/note_corner_green.png) no-repeat;
	height: 10px;
	width: 10px;
}

.stickyNote tbody tr td.noteBodyGreen {
	background: #baebb2 url(/helpdesk/note_body_green.png) repeat-x;
	border: 1px solid #a0c89b;
	border-top: none;
}

.stickyNote tbody tr td.noteTop {
	background: url(/helpdesk/note_top.png) repeat-x;
	height: 10px;
	border-left: 1px solid #d8d897;
}

.stickyNote tbody tr td.noteTopWindows {
	background: url(/helpdesk/note_top.png) repeat-x;
	height: 10px;
	border: 1px solid #d8d897;
	border-top: none;
	border-bottom: none;
	width: 500px;
	line-height: 1px;
}

td.noteCorner {
	background: url(/helpdesk/note_corner.png) no-repeat;
	height: 10px;
	width: 10px;
}

.stickyNote tbody tr td.noteBody {
	background: #ffa url(/helpdesk/note_body.png) repeat-x;
	border: 1px solid #d8d897;
	border-top: none;
}

.stickyNote tbody tr td.noteTopGray {
	background: url(/helpdesk/note_top_gray.png) repeat-x;
	height: 10px;
	border-left: 1px solid #d8d8d8;
}

.stickyNote tbody tr td.noteTopWindowsGray {
	background: url(/helpdesk/note_top_gray.png) repeat-x;
	height: 10px;
	border: 1px solid #d8d8d8;
	border-top: none;
	border-bottom: none;
	width: 500px;
	line-height: 1px;
}

td.noteCornerGray {
	background: url(/helpdesk/note_corner_gray.png) no-repeat;
	height: 10px;
	width: 10px;
}

.stickyNote tbody tr td.noteBodyGray {
	background: #eee url(/helpdesk/note_body_gray.png) repeat-x;
	border: 1px solid #d8d8d8;
	border-top: none;
}


td.noteCell
{
	vertical-align: top;
	padding: 3px 5px 3px 5px;
}

td.noteListCell
{
	vertical-align: text-top;
	padding: 3px 5px 3px 5px;
}

.noteText, .noteTextSmall {
	vertical-align: middle;
	margin: 0 8px 8px;
	font: 10px "Lucida Grande", Arial, Helvetica, sans-serif;
}

.noteTextSmall {
	font-family: Arial, Helvetica, sans-serif;
}


div.noteTextTicketView
{
	vertical-align: middle;
	margin: 6px 0px 0px 8px;
}


div.noteTextTicketView img {
	max-width: 95%;
}

div.noteText a:link { text-decoration: none; }
div.noteText a:hover { text-decoration: underline; }
div.noteText a:visited { color: blue; }

td.dbConnectionHeader
{
	background: url(/helpdesk/header.gif);
	background-repeat: repeat-x;
	white-space: nowrap;
	height: 30px;
	padding-left: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: white;
	font-weight: bold;
	text-shadow: rgba(249,249,249,1.0) 0 1px 0;
}


/* --------------------- progress bar component ---------------*/
table.progressBarContainer {
	width: 100%;
	border-spacing: 0px;
}

table.progressBarContainer td {
	font-family: Helvetica;
	font-size: 8pt;
	padding: 2px;
	color: rgb(100, 100, 100);
}

table.progressBarContainer td.progressValue {
	white-space: nowrap;
}

table.progressBar {
	border: 1px solid black;
}

table.progressBar td.percentageFinished {
	background-image: url(/helpdesk/completion_bar_blue.gif);
	background-repeat: repeat-x;
}

table.progressBar td.percentageFinished.done {
	background-image: url(/helpdesk/completion_bar_remaining.gif);
	background-repeat: repeat-x;
}

table.progressBar td.percentageUnfinished {
	background-image: url(/helpdesk/completion_bar_remaining.gif);
	background-repeat: repeat-x;
}

table.progressBarContainer td.progressMaximum {
	white-space: nowrap;
}

/*------------- Ajax auto complete - Scriptaculous -------------------- */

.auto_complete {
  position:absolute;
  width:350px;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
}
ul.contacts  {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
ul.contacts li.selected { 
   background-color: #ffb; 
}
li.contact {
  list-style-type: none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
}
li.contact div.image {
  float:left;
  width:32px;
  height:32px;
  margin-right:8px;
}
li.contact div.name {
  font-weight:bold;
  font-size:12px;
  line-height:1.2em;
}
li.contact div.email {
  font-size:10px;
  color:#888;
}
#list {
  margin:0;
  margin-top:10px;
  padding:0;
  list-style-type: none;
  width:350px;
}
#list li {
  margin:0;
  margin-bottom:4px;
  padding:5px;
  border:1px solid #888;
  cursor:move;
}
.auto_complete ul {
    border:1px solid #888;
    margin:0;
    padding:0;
    width:100%;
    list-style-type:none;
}
.auto_complete ul li {
    margin:0;
    padding:3px;
}
.auto_complete ul li.selected { 
    background-color: #ffb; 
}
.auto_complete ul strong.highlight { 
    color: #800; 
    margin:0;
    padding:0;
}

em.blockquote {
	border: 1px solid #aaa; 
	padding: 6px; 
	margin: 8px 0px 8px 0px; 
	background-color: #fff
}

option {
	font-size: 12px;
}

/*------------- Ajax auto complete - jQuery -------------------- */

.autocomplete-w1 { background:url(/helpdesk/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#BDBDBD; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


/*---------- Help Popups -------------*/
.helpPopup {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-box-shadow: 0px 3px 4px rgba(180,180,180,100);
	-moz-box-shadow: 0px 3px 4px rgba(180,180,180,100);
    position: fixed;
    visibility: hidden;
    /*
    background-color: #fefec9;
    layer-background-color: #fefec9;
    */
    background-color: #ecf2fe;
    layer-background-color: #ecf2fe;
	filter:alpha(opacity=90);  /* for IE */
  	opacity:0.90;  /* CSS3 standard */
    width: 400px;
    border: 1px solid;
    border-color: rgb(178,199,236);
  /*  border-left-color: rgb(136,163,210);
    border-right-color: rgb(136,163,210);
    border-bottom-color: rgb(123,150,193);*/
    border-bottom-color: rgb(136,163,210);
    padding: 1em;
    z-index: 999;
    font-family: arial; 
    font-size: 12px; 
    color: black;
    font-weight: normal;
    text-decoration: none;
    white-space: normal;
    text-shadow: none;
    margin-right:50px;
}
.helpPopup strong.label { 
	color: #102e65; 
	padding-left:0;
	padding-top:0;
	padding-bottom:0.5em; 
	display:block; 
	background: transparent;
	text-align: left;
}
.helpPopup ul { padding: 0; margin: 1.5em; }
.helpPopup ol { padding: 0; margin: 1.5em; }
.helpPopup hr
{
  border-color: black; /*#6278a1;*/
  border-style: solid;
  border-width: 1px 0 0;
  clear: both;
  margin: 6px 0;
  height: 0;
}

.helpPopup a { text-decoration: underline; color: #102e65; font-weight: bold;}

a.term { color: black; cursor: help; text-decoration: none; outline: none; }
a.requiredTerm { color: black; cursor: help; text-decoration: none; font-weight: bold; outline: none; }
a.definedTerm { color: green; cursor: help; text-decoration: none; outline: none; }
a.undefinedTerm { color: red; cursor: help; text-decoration: none; outline: none; }
.requiredTerm { color: black; font-weight: bold; outline: none; }
.term { color: black; outline: none; }




/*---------- Condition Builder -------------*/

div.conditionBuilder {
	width: 700;
	border: 1px solid #A0A0A0;
	/*background: url(/helpdesk/label_bg.png) repeat-x rgb(233, 233, 233);*/
	/*background-color: #ECECEC;*/
	padding: 0;
	margin: 0;
}

div.conditionBuilderBody {
	background: url(/helpdesk/label_bg.png) repeat-x rgb(233, 233, 233);
	/*background-color: #ECECEC;*/
	padding: 15px 20px 15px 20px;
	border-bottom: solid 1px #a0a0a0;
	text-shadow: white 0 1px 0;
}

table.conditionList {
	border: 1px;
	border-style: solid;
	border-top-color: #8e8e8e;
	border-right-color: #bebebe;
	border-bottom-color: #fcfcfc;
	border-left-color: #bebebe;
	margin-top: 7px;
	width: 708px;
}

table.conditionList tr {
	height: 29px;
	line-height: 29px;
}

table.conditionList tr.white td {
	border-style: hidden;
	background-color: #fff;
	border-width: 0px;
}

table.conditionList tr.shaded td {
	border-style: hidden;
	background-color: #ecf2fe;
	border-width: 0px;
}

table.condition td {
	padding: 0px 0px 0px 2px;
	vertical-align: middle;
}

table.conditionList td.button {
	padding: 0px 7px 0px 0px;
	width: 20px;
	text-align: right;
	vertical-align: middle;
}




/* jQuery Dialog js popup -----------------------------------------*/

/* Layout helpers----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Component containers----------------------------------*/
.ui-widget { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: "Lucida Grande", Arial, Helvetica, sans-serif; font-size: 11px; }
.ui-widget-content { border: 0; background: #eeeeee; color: #333333; }
.ui-widget-content a { color: #333333; }
/*.ui-widget-header { background: #f6a828 url(/helpdesk/header.gif) 50% 50% repeat-x; color: #ffffff; font-weight: 700; height: 30px; }
.ui-widget-header a { color: #ffffff; }*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.ui-widget-overlay { background: #666666; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; }


/* Dialog----------------------------------*/
.ui-dialog { position: relative; padding: 0; width: 300px; }
.ui-dialog .ui-dialog-titlebar { display: none } /*{ padding: .5em .3em .3em 1em; position: relative;  }*/
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-titlebar-close { display: none } /*{ position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; }*/
.ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; }
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; }
.ui-dialog .ui-dialog-content { border: 0; padding: 0em 0em; background: #B5B5B5; overflow: auto; zoom: 1; }
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }
.ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; }
.ui-draggable .ui-dialog-titlebar { cursor: move; }

/* Resizable----------------------------------*/
.ui-resizable { position: relative;}
.ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; display: block;}
.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; }
.ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0px; }
.ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0px; }
.ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0px; height: 100%; }
.ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0px; height: 100%; }
.ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; }
.ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; }
.ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; }
.ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}
.ui-icon { width: 16px; height: 16px; background-image: url(/helpdesk/ui-icons_222222_256x240.png); }
.ui-icon-gripsmall-diagonal-se { background-position: -62px -222px; }