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

/* ----- 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;
}

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: inline;
	line-height: 18px;
	border: 1px dotted #9d9990;
	white-space: nowrap;
	vertical-align: top;
}

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;
	
}

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

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

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


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

div.toggleButtonLeft {
	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;
}

tr.smallBtnRow td
{
	border-color: #aaa;
	border-style: solid;
	border-width: 1px 1px 0px 0px;
	background: white url(/helpdesk/header.gif) repeat-x;
	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;
}

/* 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-right: 2px;
	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: 22px;
	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/aqua_left_sel.gif);
}

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

div.aquaMiddleSel
{
	background-image: url(/helpdesk/buttons/aqua_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-right: 5px;
}

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

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

div.aquaSmallMiddle
{
	height: 17px;
	background-image: url(/helpdesk/buttons/aqua_small_middle.gif);
	background-repeat: repeat-x;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	float: left;
	vertical-align: middle;
	cursor: pointer;
}

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: 16px;
	background-image: url(/helpdesk/buttons/aqua_mini_left.gif);
	background-repeat: no-repeat;
	float: left;
}

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

div.aquaMiniMiddle
{
	width: auto;
	height: 16px;
	background-image: url(/helpdesk/buttons/aqua_mini_middle.gif);
	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;
}

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

div.buttonsRight 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 --------------*/
td.stickyNote
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #ffffbe url(/helpdesk/note_background.gif) repeat-x;
}

td.stickyNoteSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #ffffbe url(/helpdesk/note_background.gif) repeat-x;
	background-repeat: repeat-x;
}

td.noteRightCol
{
	border-width: 0px;
	width: 11px;
	background: url(/helpdesk/note_right_column_yellow.gif);
	background-repeat: no-repeat;
}

td.noteLeftBorder
{
	border-width: 0px;
	width: 1px;
	background: url(/helpdesk/note_border_yellow.gif);
	background-repeat: repeat;
}

td.noteBottomBorder
{
	height: 1px;
	background: url(/helpdesk/note_border_yellow.gif);
	background-repeat: repeat-x;
}

td.stickyNoteBlue
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #bed7ff url(/helpdesk/note_background_blue.gif);
	background-repeat: repeat-x;
}

td.stickyNoteBlueSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #bed7ff url(/helpdesk/note_background_blue.gif);
	background-repeat: repeat-x;
}

td.noteRightColBlue
{
	border-width: 0px;
	width: 11px;
	background: #bed7ff url(/helpdesk/note_right_column_blue.gif);
	background-repeat: no-repeat;
}

td.noteLeftBorderBlue
{
	border-width: 0px;
	width: 1px;
	background: url(/helpdesk/note_border_blue.gif);
	background-repeat: repeat;
}

td.noteBottomBorderBlue
{
	height: 1px;
	background: url(/helpdesk/note_border_blue.gif);
	background-repeat: repeat-x;
}

td.stickyNoteGreen
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #baebb2 url(/helpdesk/note_background_green.gif) repeat-x;
}

td.stickyNoteGreenSmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #bfedba url(/helpdesk/note_background_green.gif) repeat-x;
}

td.noteRightColGreen
{
	border-width: 0px;
	width: 11px;
	background: url(/helpdesk/note_right_column_green.gif);
	background-repeat: no-repeat;
}

td.noteLeftBorderGreen
{
	border-width: 0px;
	width: 1px;
	background: url(/helpdesk/note_border_green.gif);
	background-repeat: repeat;
}

td.noteBottomBorderGreen
{
	height: 1px;
	background: url(/helpdesk/note_border_green.gif);
	background-repeat: repeat-x;
}


td.stickyNoteGray
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #f5f5f5 url(/helpdesk/note_background_gray.gif) repeat-x;
}

td.stickyNoteGraySmall
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: black;
	background: #f5f5f5 url(/helpdesk/note_background_gray.gif) repeat-x;
	background-repeat: repeat-x;
}

td.noteRightColGray
{
	border-width: 0px;
	width: 11px;
	background:#f5f5f5 url(/helpdesk/note_right_column_gray.gif);
	background-repeat: no-repeat;
}

td.noteLeftBorderGray
{
	border-width: 0px;
	width: 1px;
	background: url(/helpdesk/note_border_gray.gif);
	background-repeat: repeat;
}

td.noteBottomBorderGray
{
	height: 1px;
	background: url(/helpdesk/note_border_gray.gif);
	background-repeat: repeat-x;
}

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

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

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

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

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 -------------------- */

.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;
}