/* --------- Override Styles ----------- */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }

select
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
}


body
{
	background: white url(/helpdesk/client/background.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 8px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
}

textarea
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
}

img { border: 0; }

form
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


td.required
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

td.surveyLabel
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 700;
	padding-bottom: 3px;
	width: 70;
	text-align: right;
}

td.surveyData
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	padding-bottom: 3px;
	padding-left: 4px;
}

td.surveyAnswer
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
}

td.surveyQuestion{	
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;	
	font-size: 11px;	
	font-weight: bold;
	padding-bottom: 3px;
	padding-top: 10px;
}

.defaultFont {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.problemTypeList {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.attachmentDetailsText {
  color: #888888; 
	white-space: no-wrap;
	margin: 0px;
}

/* ---------- Login Screen ------------- */
div#logoBox { 
	margin-left: 10px;
	margin-bottom: 20px;

}


td.logoWell
{
	width: 269px;
	height: 73px;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(/helpdesk/client/logo_well.gif);
}


div#messageBox
{
	margin-bottom: 20px;
	width: 400px;
}

div.loginContent {
	width: 400px;
	height: auto;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 378px;
}


div#messageIcon
{
	margin-right: 5px;
	float: left;
}

div#loginBox
{
	width: 400px;
}

div#loginBoxBottom
{
	margin: auto;
	width: 400px;
	height: 28px;
}

div#loginForm
{
	margin: auto;
	width: 411px;
	padding-top: 15px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-left-width: 1px;
	vertical-align: top; 
}

div#footer
{
	background-image: url(/helpdesk/client/footer_background.gif);
	margin-top: 40px;
	height: 31px;
	width: 100%;
	vertical-align: middle;
	color: #333;
	background-repeat: repeat-x;
}

div#footerLeft
{
	padding-left: 10px;
	padding-top: 8px;
	float: left;
}

div#footerRight
{
	padding-right: 15px;
	float: right;
	font-weight: bold;
	padding-top: 5px;
	width: 300px;
	display: inline;
}

div#userWellRight
{	
	background-image: url(/helpdesk/client/user_well_right.gif);
	background-repeat: no-repeat;
	width: 12px;
	height: 21px;
	float: right;
}

div#userWellMiddle
{	
	background-image: url(/helpdesk/client/user_well_middle.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 21px;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 4px;
	float: right;
}

div#userWellLeft
{	
	background-image: url(/helpdesk/client/user_well_left.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 21px;
	float: right;
}

.grayText {
	color: #999;
	text-align: left;
	font-weight: normal;
}

.errorFont {
	color: #F30;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	}


/* ----------- Finalize Ticket Page --------------- */
td.bigThankYou {
	font-size: 24px;
	font-weight: 900;
	color: #333;
	text-align: center;
	}
	
/* ----------- Logout Page --------------- */


td.thankYou {
	font-size: 16px;
	font-weight: 900;
	color: #333;
	text-align: center;
	}
	
div#logoutContent {
	margin-left: 25px;
	width: 675px;
	text-align: left;
	margin-top: 40px;
}


/* ----------- Aqua Button ------------------- */


div.aquaButton
{
	text-align: center;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	letter-spacing: -0.01em;
	color: black;
	cursor: pointer; cursor: hand;;
}


div.aquaLeft{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_left.gif);
	background-repeat: no-repeat;
	float: right;
}

div.aquaRight{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_right.gif);
	background-repeat: no-repeat;
	float: right;
}

div.aquaMiddle {
	width: auto;
	min-width: 50px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_middle.gif);
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	float: right;
	vertical-align: middle;
}

div.aquaLeftSel{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_left_sel.gif);
	background-repeat: no-repeat;
	float: right;
}

div.aquaRightSel{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_right_sel.gif);
	background-repeat: no-repeat;
	float: right;
}

div.aquaMiddleSel
{
	width: auto;
	min-width: 50px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_middle_sel.gif);
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	float: right;
	vertical-align: middle;
}

/* -------------- Small Aqua Button ------------ */

div.aquaSmallButton
{
	text-align: center;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: -0.01em;
	color: black;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer; cursor: hand;;
}


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

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

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

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

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

div.aquaSmallMiddleSel
{
	width: auto;
	min-width: 30px;
	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: right;
	vertical-align: middle;
	cursor: pointer; cursor: hand;;
}

/* -------------- Mini Aqua Button ------------ */

div.aquaMiniButton
{
	text-align: center;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: -0.01em;
	color: black;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer; cursor: hand;;
}


div.aquaMiniLeft{
	width: 9px;
	height: 16px;
	background-image: url(/helpdesk/buttons/aqua_mini_left.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer; cursor: hand;;
}

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

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: right;
	vertical-align: middle;
	cursor: pointer; cursor: hand;;
}

/* -------------- Square Aqua Button ------------ */

div.aquaSquareButton
{
	text-align: center;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	letter-spacing: -0.01em;
	color: black;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer; cursor: hand;;
}


div.aquaSquareLeft{
	width: 9px;
	height: 24px;
	background-image: url(/helpdesk/buttons/aqua_square_left.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer; cursor: hand;;
}

div.aquaSquareRight{
	width: 9px;
	height: 24px;
	background-image: url(/helpdesk/buttons/aqua_square_right.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer; cursor: hand;;
}

div.aquaSquareMiddle {
	width: auto;
	min-width: 50px;
	height: 24px;
	background-image: url(/helpdesk/buttons/aqua_square_middle.gif);
	background-repeat: repeat-x;
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 3px;
	float: right;
	vertical-align: middle;
	cursor: pointer; cursor: hand;;
}





/* ----------- Common Layout Widgets ---------- */

div#loginContent {
	margin-top: 40px;
	margin-left: 25px;
	width: 850px;
	text-align: left;
}

div#content {
	margin-top: 40px;
	margin-left: 25px;
	width: 675px;
	text-align: left;
}


div.boxTop {
	width: 100%;
	height: auto;	
	text-align: left;
}

table.boxTop {
	width: 100%;
	height: 31px;
}

td.boxTopLeft
{
	width: 6px;
	height: 31px;
	background-image: url(/helpdesk/client/box_top_left.gif);
	background-repeat: no-repeat;
}

td.boxTopRight{
	width: 6px;
	height: 31px;
	background-image: url(/helpdesk/client/box_top_right.gif);
	background-repeat: no-repeat;

}

td.boxTop{
	height: 31px;
	background-image: url(/helpdesk/client/box_top.gif);
	font-size: 18px;
	font-weight: 900;
	color: #333;
	padding-left:5px;
	background-repeat: repeat-x;

}

td.confirmResolution
{
	font-size: 14px;
	font-weight: 900;
	color: #03F;
	padding-right: 5px;
	vertical-align: top;
}


div.boxBottom {
	width: 100%;
	height: 12px;
	
}

table.boxBottom {
	width: 100%;
	height: 12;
}

td.boxBottomLeft
{
	width: 6px;
	height: 12px;
	background-image: url(/helpdesk/client/box_bottom_left.gif);
	background-repeat: no-repeat;
}

td.boxBottomRight{
	width: 6px;
	height: 12px;
	background-image: url(/helpdesk/client/box_bottom_right.gif);
	background-repeat: no-repeat;

}

td.boxBottom
{
	height: 12px;
	background-image: url(/helpdesk/client/box_bottom.gif);
	background-repeat: repeat-x;
}

div.spacer {
	 width: 15px;
	height: 1px; }


div#boxContent {
	width: 675px;
	padding-top: 15px;
	height: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	text-align: left;
	padding-left: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 663px;
	
}

div#myAssetsContent{
	padding-top: 10px;
	height: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}


div#myAssets{
	width: 300px;
}

table.filterOptions
{
	font-weight: 700;
}

td.filterLabel {
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
	text-align: right;
}

td.filterLabelTop {
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}


td.filterData {
	padding: 2px 10px 2px 2px;
}

div#searchContent{
	margin-top: 15px;
	margin-bottom: 10px;
	margin-right: 10px;
}

table.searchContent{
	width: 100%;

}


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

td.headerCenter
{
	font-size: 11px;
	text-align: center;
	font-weight: 700;
	padding: 2px 10px 5px 2px;
}

td.headerLeft{
	font-size: 11px;
	text-align: left;
	font-weight: 700;
	padding: 2px 10px 5px 2px;


}
	
td.headerRight{
	font-size: 11px;
	text-align: right;
	font-weight: 700;
	padding: 2px 10px 5px 2px;


}

div#displayGroupBrowser
{
	width: 100%;
	text-align: center;
	display: block;
}


	

/* ----------- Request Help -------------- */

div.helpRequest {
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 20px;

}

div#myAssets {
	float: right;
	padding-right: 20px;
	}

td.helpLabel {
	font-size: 12px;
	font-weight: bolder;
	padding-right: 4px;
	text-align: right;
	height: 30px;
	color: #333;
	white-space: nowrap;
	width: 100px;

}

td.helpData {
	font-size: 11px;
	text-align: left;
	width: 175;
}

div#assetPartLabel{
	font-size: 18px;
	font-weight: 900;
	color: #333;
	text-align: left;
	width: 100%;
}

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


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

/* ---------- From whdStyles ------------- */
table.detailView
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.labelRequiredLeft
{
	text-align: left;
	background: url(/helpdesk/label_background.gif);
	padding: 4px 4px 4px 8px;
	font-weight: 700;
	height: 30px;
	background-color: #fff;
}

td.label
{
	text-align: right;
	background: url(/helpdesk/label_background.gif);
	background-color: #fff;
	padding: 4px 2px 2px 2px;
	height: 20px;
}

td.labelRequired {
	text-align: right;
	background: url(/helpdesk/label_background.gif);
	padding: 4px 2px 2px 2px;
	font-weight: 700;
	height: 20px;
	background-color: #fff;

	}
	
td.labelBackground
{
	background: url(/helpdesk/label_background.gif);
	background-color: #fff;
}

td.data
{
	background-color: #FFFFFF;
	padding: 4px 2px 2px 2px;
	text-align: left;
}

td.saveOptions
{
	text-align: right;
	padding: 4px 4px 4px 4px;
	background-color: #FFFFFF;
}

td.outline
{
	background-color: #aaa;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}


table#DGBrowser
{
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	margin-left: auto;
	margin-right: auto;
}

td.inactiveHeader
{
	background: url(/helpdesk/column_header_up.gif);
	background-color: white;
	text-align: center;
	white-space: nowrap;
	height: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

td.inactiveHeaderLeft {
	background: url(/helpdesk/column_header_up.gif);
	background-color: white;
	text-align: left;
	white-space: nowrap;
	height: 15px;
	padding-left: 10px;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 400;
	
	}
	
td.outline {
	background-color: #aaa;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

div.marginBottom {
	vertical-align: top;
	margin-bottom: 10px;
}

td.leftAlignTop
{
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
	white-space: normal;
	vertical-align: top;
	background-color: white;
}

td.centerAlignTop
{
	font-size: 11px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
	white-space: normal;
	vertical-align: top;
	background-color: white;
}

td.saveOptionsSmall
{
	text-align: right;
	padding: 4px 2px 4px 2px;
	background-color: #FFFFFF;
	vertical-align: center;
}

div.nestedAlignRight {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	}

/*  ------------ Dialog Box ------------------ */

div.dialogBoxTop
{
	width: 400px;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(/helpdesk/dialog_top.gif);
	background-repeat: no-repeat;
}

div.dialogBoxBottom {
	width: 400px;
	height: 8px;
	background-image: url(/helpdesk/dialog_bottom.gif);
	background-repeat: no-repeat;

}


div#dialogContent {
	width: 400px;
	height: auto;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 378px;

}

.dialogMessage {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	}


div#dialog
{
	margin-bottom: 10px;
	width: 400px;
}

/* ---------------- Column Header for History ----------------*/

td.columnDown
{
	text-align: left;
	padding-left: 5px;
	white-space: nowrap;
	text-decoration: underline;
	font-weight: bold;
}

td.columnUp
{
	text-align: left;
	padding-left: 5px;
	white-space: nowrap;
	font-weight: bold;
}

td.headerStyle
{
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
}

td.headerStyleCenter
{
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
}

table.columnHeader
{
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 400;
	white-space: nowrap;
}

table.columnHeader td a
{
	color: #000000;
}

td.sortDescending
{
	background: url(/helpdesk/client/descending_triangle.gif);
	background-color: white;
	width: 15px;
	height: 15px;
	white-space: nowrap;
}

td.sortAscending
{
	background: url(/helpdesk/client/ascending_triangle.gif);
	background-color: white;
	width: 15px;
	height: 15px;
	white-space: nowrap;
}


/* --------- Override Styles ----------- */
a:link { text-decoration: none; }
a:visited { text-decoration: none; }

select
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
}


body
{
	background: white url(/helpdesk/client/background.gif);
	background-repeat: repeat-x;
	margin-left: 0px;
	margin-right: 0;
	margin-top: 8px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
}

textarea
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
}

img { border: 0; }

form
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}


td.required
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	white-space: nowrap;
}

td.surveyQuestion{	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;	font-size: 11px;	font-weight: bold;}

.defaultFont {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

.problemTypeList {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/* ---------- Login Screen ------------- */
div#logoBox { 
	margin-left: 10px;
	margin-bottom: 20px;

}


td.logoWell
{
	width: 269px;
	height: 73px;
	text-align: center;
	vertical-align: middle;
	background-repeat: no-repeat;
	background-image: url(/helpdesk/client/logo_well.gif);
}


div#messageBox
{
	margin-bottom: 20px;
	width: 400px;
}

div.loginContent {
	width: 400px;
	height: auto;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 378px;
}


div#messageIcon
{
	margin-right: 5px;
	float: left;
}

div#loginBox
{
	width: 400px;
}

div#loginBoxBottom
{
	margin: auto;
	width: 400px;
	height: 28px;
}

div#loginForm
{
	margin: auto;
	width: 411px;
	padding-top: 15px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-left-width: 1px;
	vertical-align: top; 
}

div#footer
{
	background-image: url(/helpdesk/client/footer_background.gif);
	margin-top: 40px;
	height: 31px;
	width: 100%;
	vertical-align: middle;
	color: #333;
	background-repeat: repeat-x;
}

div#footerLeft
{
	padding-left: 10px;
	padding-top: 8px;
	float: left;
}

div#footerRight
{
	padding-right: 15px;
	float: right;
	font-weight: bold;
	padding-top: 5px;
	width: 300px;
	display: inline;
}

div#userWellRight
{	
	background-image: url(/helpdesk/client/user_well_right.gif);
	background-repeat: no-repeat;
	width: 12px;
	height: 21px;
	float: right;
}

div#userWellMiddle
{	
	background-image: url(/helpdesk/client/user_well_middle.gif);
	background-repeat: repeat-x;
	width: auto;
	height: 21px;
	vertical-align: middle;
	padding-top: 3px;
	padding-left: 4px;
	float: right;
}

div#userWellLeft
{	
	background-image: url(/helpdesk/client/user_well_left.gif);
	background-repeat: no-repeat;
	width: 8px;
	height: 21px;
	float: right;
}

.grayText {
	color: #999;
	text-align: left;
	font-weight: normal;
}

.errorFont {
	color: #F30;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;	
	}


/* ----------- Logout Page --------------- */


td.thankYou {
	font-size: 16px;
	font-weight: 900;
	color: #333;
	text-align: center;
	}
	
div#logoutContent {
	margin-left: 25px;
	width: 675px;
	text-align: left;
	margin-top: 40px;
}


/* ----------- Aqua Button ------------------- */


div.aquaButton
{
	text-align: center;
	width: auto;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 13px;
	letter-spacing: -0.01em;
	color: black;
	cursor: pointer; cursor: hand;;
}


div.aquaLeft{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_left.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer; cursor: hand;;
}

div.aquaRight{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_right.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer; cursor: hand;;
}

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

div.aquaLeftSel{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_left_sel.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer; cursor: hand;;
}

div.aquaRightSel{
	width: 11px;
	height: 25px;
	background-image: url(/helpdesk/buttons/aqua_right_sel.gif);
	background-repeat: no-repeat;
	float: right;
	cursor: pointer; cursor: hand;;
}

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

/* -------------- 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;
	cursor: pointer; cursor: hand;;
}


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

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

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

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

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

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: right;
	vertical-align: middle;
	cursor: pointer; cursor: hand;;
}


/* ----------- Common Layout Widgets ---------- */

div#loginContent {
	margin-top: 40px;
	margin-left: 25px;
	width: 850px;
	text-align: left;
}

div#content {
	margin-top: 40px;
	margin-left: 25px;
	width: 675px;
	text-align: left;
}


div.boxTop {
	width: 100%;
	height: auto;	
	text-align: left;
}

table.boxTop {
	width: 100%;
	height: 31px;
}

td.boxTopLeft
{
	width: 6px;
	height: 31px;
	background-image: url(/helpdesk/client/box_top_left.gif);
	background-repeat: no-repeat;
}

td.boxTopRight{
	width: 6px;
	height: 31px;
	background-image: url(/helpdesk/client/box_top_right.gif);
	background-repeat: no-repeat;

}

td.boxTop{
	height: 31px;
	background-image: url(/helpdesk/client/box_top.gif);
	font-size: 18px;
	font-weight: 900;
	color: #333;
	padding-left:5px;
	background-repeat: repeat-x;

}

td.confirmResolution
{
	font-size: 14px;
	font-weight: 900;
	color: #03F;
	padding-right: 5px;
}


div.boxBottom {
	width: 100%;
	height: 12px;
	
}

table.boxBottom {
	width: 100%;
	height: 12;
}

td.boxBottomLeft
{
	width: 6px;
	height: 12px;
	background-image: url(/helpdesk/client/box_bottom_left.gif);
	background-repeat: no-repeat;
}

td.boxBottomRight{
	width: 6px;
	height: 12px;
	background-image: url(/helpdesk/client/box_bottom_right.gif);
	background-repeat: no-repeat;

}

td.boxBottom
{
	height: 12px;
	background-image: url(/helpdesk/client/box_bottom.gif);
	background-repeat: repeat-x;
}

div.spacer {
	 width: 15px;
	height: 1px; }


div#myAssetsContent{
	padding-top: 10px;
	height: auto;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	text-align: center;
	padding-left: 10px;
	padding-right: 10px;
}


div#myAssets{
	width: 300px;
}

table.filterOptions
{
	font-weight: 700;
}

td.filterLabel {
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
	text-align: right;
}

td.filterLabelTop {
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	white-space: nowrap;
	text-align: right;
	vertical-align: top;
}


td.filterData {
	padding: 2px 10px 2px 2px;
}

div#searchContent{
	margin-top: 15px;
	margin-bottom: 10px;
}

table.searchContent{
	width: 100%;

}


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

td.headerCenter
{
	font-size: 11px;
	text-align: center;
	font-weight: 700;
	padding: 2px 10px 5px 2px;
}

td.headerLeft{
	font-size: 11px;
	text-align: left;
	font-weight: 700;
	padding: 2px 10px 5px 2px;


}
	
td.headerRight{
	font-size: 11px;
	text-align: right;
	font-weight: 700;
	padding: 2px 10px 5px 2px;


}

div#displayGroupBrowser
{
	width: 100%;
	text-align: center;
	display: block;
}


	

/* ----------- Request Help -------------- */

div.helpRequest {
	padding-top: 10px;
	padding-left: 25px;
	padding-bottom: 20px;

}

div#myAssets {
	float: right;
	padding-right: 20px;
	}

td.helpLabel {
	font-size: 12px;
	font-weight: bolder;
	padding-right: 4px;
	text-align: right;
	height: 30px;
	color: #333;
	white-space: nowrap;

}

td.helpData {
	font-size: 11px;
	text-align: left;
}

div#assetPartLabel{
	font-size: 18px;
	font-weight: 900;
	color: #333;
	text-align: left;
	width: 100%;
}

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


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

/* ---------- From whdStyles ------------- */
table.detailView
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.labelRequiredLeft
{
	text-align: left;
	background: url(/helpdesk/label_background.gif);
	padding: 4px 4px 4px 8px;
	font-weight: 700;
	height: 30px;
	background-color: #fff;
}

td.label
{
	text-align: right;
	background: url(/helpdesk/label_background.gif);
	background-color: #fff;
	padding: 4px 2px 2px 2px;
	height: 20px;
}

td.labelRequired {
	text-align: right;
	background: url(/helpdesk/label_background.gif);
	padding: 4px 2px 2px 2px;
	font-weight: 700;
	height: 20px;
	background-color: #fff;

	}
	
td.labelBackground
{
	background: url(/helpdesk/label_background.gif);
	background-color: #fff;
}

td.data
{
	background-color: #FFFFFF;
	padding: 4px 2px 2px 2px;
	text-align: left;
}

td.saveOptions
{
	text-align: right;
	padding: 4px 4px 4px 4px;
	background-color: #FFFFFF;
}

td.outline
{
	background-color: #aaa;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}


table#DGBrowser
{
	font-size: 11px;
	padding: 2px 2px 2px 2px;
	margin-left: auto;
	margin-right: auto;
}

td.inactiveHeader
{
	background: url(/helpdesk/column_header_up.gif);
	background-color: white;
	text-align: center;
	white-space: nowrap;
	height: 15px;
	padding-left: 10px;
	padding-right: 10px;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 400;
}

td.inactiveHeaderLeft {
	background: url(/helpdesk/column_header_up.gif);
	background-color: white;
	text-align: left;
	white-space: nowrap;
	height: 15px;
	padding-left: 10px;
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 400;
	
	}
	
td.outline {
	background-color: #aaa;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}

div.marginBottom {
	vertical-align: top;
	margin-bottom: 10px;
}

td.leftAlignTop
{
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
	white-space: normal;
	vertical-align: top;
	background-color: white;
}

td.centerAlignTop
{
	font-size: 11px;
	text-align: center;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 4px;
	padding-bottom: 4px;
	height: 20px;
	white-space: normal;
	vertical-align: top;
	background-color: white;
}

td.saveOptionsSmall
{
	text-align: right;
	padding: 4px 2px 4px 2px;
	background-color: #FFFFFF;
	vertical-align: center;
}

div.nestedAlignRight {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: right;
	}

/*  ------------ Dialog Box ------------------ */

div.dialogBoxTop
{
	width: 400px;
	height: 5px;
	font-size: 1px;
	line-height: 1px;
	background-image: url(/helpdesk/dialog_top.gif);
	background-repeat: no-repeat;
}

div.dialogBoxBottom {
	width: 400px;
	height: 8px;
	background-image: url(/helpdesk/dialog_bottom.gif);
	background-repeat: no-repeat;

}


div#dialogContent {
	width: 400px;
	height: auto;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #ccc;
	border-left-color: #ccc;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: white;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 378px;

}

.dialogMessage {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 900;
	}


div#dialog
{
	margin-bottom: 10px;
	width: 400px;
}

/* ---------------- Column Header for History ----------------*/

td.columnDown
{
	text-align: left;
	padding-left: 5px;
	white-space: nowrap;
	text-decoration: underline;
	font-weight: bold;
}

td.columnUp
{
	text-align: left;
	padding-left: 5px;
	white-space: nowrap;
	font-weight: bold;
}

table.columnHeader
{
	font-size: 11px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-weight: 400;
	white-space: nowrap;
}

table.columnHeader td a
{
	color: #000000;
}

td.sortDescending
{
	background: url(/helpdesk/client/descending_triangle.gif);
	background-color: white;
	width: 15px;
	height: 15px;
	white-space: nowrap;
}

td.sortAscending
{
	background: url(/helpdesk/client/ascending_triangle.gif);
	background-color: white;
	width: 15px;
	height: 15px;
	white-space: nowrap;
}


/* ---------- Help Popup Styles --------------------- */

table.helpPopup
{
	width: 100%;
	border: 0px;
	text-align: left;
}

td.helpText {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}

td.changeMsg{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

td.tipRight
{
	text-align: right;
	background-color: white;
	vertical-align: center;
	padding-right:8px;
}

span.helpLink a
{
	color: black;
	text-decoration: none;
}

span.helpLinkMsgAttached a
{
	color: green;
	text-decoration: none;
}

span.helpLinkNoMsgAttached a
{
	color: red;
	text-decoration: none;
}