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

body
{
	margin-left: 0px;
	margin-right: 0;
	margin-top: 0px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
}


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

div#DetailsAndFaqContainer {
	display: block;
	float: left;
	width: 100%;
	}

div#DetailsPanelDiv {
	padding-left: 25px;
	padding-bottom: 20px;
	width: 97%;
	float: left;
}

div#FaqPanelDiv {
	display: inline-table;
	float: right;
	vertical-align: top;
	width: 300px;
}

div.relatedFaqLink {
	display: block;
	cursor: pointer;
	color: #2c2c2c;
}

div.relatedFaqLink:hover {
	text-decoration: underline;
	color: #263ffd;
}

div#AssetPanelDiv {
	padding-left: 25px;
	padding-bottom: 20px;
	display: block;
}

div.helpRequestButtonContainer {
	padding-right: 25px;
	padding-bottom: 50px;


}


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

ul {    
	text-indent: 0px; 
	padding: 0px 10px 0px 20px;
	margin: 10px 0px 0px 0px;
}

ol {
	text-indent: 0px;                                           
	padding: 0px 10px 0px 25px;
	margin: 10px 0px 0px 0px;
}  

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



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: 70px;
	text-align: right;
	vertical-align: top;
	white-space: nowrap;
}

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

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: nowrap;
	margin: 0px;
}

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

/* ------------ MDSCompletionBar ------------*/
td.completionStatusText {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: #999999;
	padding-left: 5px;
}

td.completionBarLeft{
	height: 20px;
	width: 5px;
	background-image: url(/helpdesk/completion_bar_left.gif);
	background-repeat: no-repeat;
}

td.completionBarBlue{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: white;
	height: 20px;
	background-image: url(/helpdesk/completion_bar_blue.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}

td.completionBarIndeterminate {
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: 400;
	color: white;
	height: 20px;
	background-image: url(/helpdesk/completion_bar_indeter.gif);
	background-repeat: repeat-x;
	vertical-align: top;
}

td.completionBarIndeterLeft{
	height: 20px;
	width: 2px;
	background-image: url(/helpdesk/completion_bar_indeter_left.gif);
	background-repeat: no-repeat;
}

td.completionBarIndeterRt{
	height: 20px;
	width: 2px;
	background-image: url(/helpdesk/completion_bar_indeter_rt.gif);
	background-repeat: no-repeat;
}

td.completionBarDivider{
	height: 20px;
	width: 1px;
	background-image: url(/helpdesk/completion_bar_divider.gif);
	background-repeat: no-repeat;
}

td.completionBarRemaining{
	height: 20px;
	background-image: url(/helpdesk/completion_bar_remaining.gif);
	background-repeat: repeat-x;
}

td.completionBarRight{
	height: 20px;
	width: 5px;
	background-image: url(/helpdesk/completion_bar_right.gif);
	background-repeat: no-repeat;
}



/* ----------- 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.buttonSpacer {
	display: block;
	width: 5px;
	float: right;
}

.aquaButton
{
	float: right;
}


/* -------------- Small Aqua Button ------------ */
.aquaSmallButton {

	float: right;
	display: table-cell;
}

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
{
	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: 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 ------------ */
div.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.aquaMiniButtonFloatLeft
{
	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: block;
	float: left;
}

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: 20px;
	cursor: pointer;
}

a.aquaMiniButtonLink:hover
{
	color: black;
	text-decoration: none;
}

/* -------------- 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; 
	display: table-cell;
	float: right;
}


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

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

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



/* new attempt at curved box */

.roundbox {
  background:transparent; 
  width:100%;
}
.roundbox .b1, .roundbox .b2, .roundbox .b3, .roundbox .b4, .roundbox .b1b, .roundbox .b2b, .roundbox .b3b, .roundbox .b4b {
  display:block; 
  overflow:hidden;
  font-size:1px;
  }
.roundbox .b1, .roundbox .b2, .roundbox .b3, .roundbox .b1b, .roundbox .b2b, .roundbox .b3b {
  height:1px;
  }
.roundbox .b2 {
  background: white;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  }
.roundbox .b3 {
  background: white;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  }
.roundbox .b4 {
  background: white;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
}
.roundbox .b4b {
  background: white;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  }
.roundbox .b3b {
  background: white;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  }
.roundbox .b2b {
  background: white;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  }
.roundbox .b1 {
  margin:0 5px; 
  background: #ccc;
  }
.roundbox .b2, .roundbox .b2b {
  margin:0 3px; 
  border-width:0 2px;
  }
.roundbox .b3, .roundbox .b3b {
  margin:0 2px;
  }
.roundbox .b4, .roundbox .b4b {
  height:2px; margin:0 1px;
  }
.roundbox .b1b {
  margin:0 5px; background:#ccc;
  }
.boxcontent {
  display: block;  
  background: white;
  border-left:1px solid #ccc; 
  border-right:1px solid #ccc;
  padding-left: 10px;
  padding-right:  10px;

}

div.moduleLabel {
	font-size: 18px;
	font-weight: 900;
	display: inline-block;
	color: #333;
	padding: 5px;
	float: left;
	clear: both;
}

div.moduleHeaderSearch {
	padding: 5px;
	float: right;
	display: block;
}


div.roundboxHeader {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}


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

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

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



div.boxTop
{
	width: 100%;
	height: 4px;
	border-right: 1px solid white;
	border-left: 1px solid white;
}

div.boxTopLeft{
	width: 6px;
	height: 4px;
	background-image: url(/helpdesk/client/box_top_left.gif);
	background-repeat: no-repeat;
	float: left;
}

div.boxTopMiddle{
	border-top: 1px solid #ccc;
	float: none;
	width: 100%;
	clear: left;
}

div.boxTopRight{
	width: 6px;
	height: 4px;
	background-image: url(/helpdesk/client/box_top_right.gif);
	background-repeat: no-repeat;
	float: right;
}



table.boxTop {
	width: 100%;
	
}

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

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

}

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

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: 12px;
}

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: 100%;
	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;
	display: block;
}

/* My Comment */

*html div#boxContent {
	width: 725px;
	w\idth: 713px;
	padding-top: 5px;
	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;
}

div#popupBoxContent {
	width: 663px;
	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;
	
	
}

* html div#popupBoxContent {
	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;
}

div.smallBoxContent{
	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.smallBox{
	width: auto;
	padding-right: 15px;
}

table.filterOptions, table.filterOptionsAutoWidth
{
	margin-left: 25px;
	font-weight: 700;
	margin-top: 5px;
}

table.filterOptionsAutoWidth {
	width: auto;
}

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

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

table.DGBrowser
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
}

table.DGBrowser td
{
	padding-left: 2px;
	padding-right: 2px;
	border-style: none;
}



	

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

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

table.helpRequest {
	display: inline-table;

	padding-right: 20px;
}

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

td.helpLabelNoWidth {
	font-size: 12px;
	font-weight: bold;
	padding-right: 4px;
	text-align: right;
	height: 30px;
	color: #333;
	white-space: nowrap;
	width: 75px;
}

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

td.helpDataTop {
	font-size: 11px;
	text-align: left;
	vertical-align: top;
}

td.customHelpLabel {
	font-size: 12px;
	font-weight: bold;
	padding-right: 4px;
	text-align: right;
	height: 30px;
	color: #333;
	white-space: nowrap;
	width: 100px;
	padding-top: 3px;
	vertical-align: top;
}

div#assetPartLabel{
	font-size: 18px;
	font-weight: 900;
	color: #333;
	text-align: left;
	padding: 5px;
	clear: both;
	display: table;
}

div.assetInfoMessage{
	width: 100%;
}

td.orText {
	color: #a50b11;
	font: bold 18px Helvetica, Arial, Geneva, sans-serif;
	padding-right: 15px;
}

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


td.faqQuestion {
	color: #666;
	}

/* ----------- Ticket Detail ----------------- */
div#cancelTicketButton {
	padding-top: 5px;
	padding-right: 10px;
	vertical-align: bottom;
	float: right;
}

td.listCount
{
	color: black;
	font-style: italic;
	vertical-align: middle;
	padding: 6px 0px 6px 8px;
}




/* ---------- 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.labelTop
{
	text-align: right;
	vertical-align: top;
	padding: 4px 2px 2px 2px;
	background: url(/helpdesk/label_background.gif);
	height: 20px;
	background-color: #fff;
}


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.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.rightAlignTop
{
	font-size: 11px;
	text-align: right;
	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;
}

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

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

a.sortLink:hover {
	text-decoration: underline;
}

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;
	padding: 0px 10px 0px 5px;
}

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

td.headerStyleRight {
	text-align: right;
	padding-right: 10px;
}

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;
	font-weight: bold;
}

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


/*------------ Table with alternating row colors --------------*/
table.alternatingRowColor
{  
    border-color: #aaa;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-spacing: 0;
    border-collapse: collapse;
}

table.alternatingRowColor td {
}

tr.header td {
  	/*font-size: 11px;*/
    border-color: #aaa;
    border-style: solid;
	border-width: 0px 1px 1px 0px;
}

tr.btnRow td {
    border-color: #aaa;
    border-style: solid;
    border-width: 1px 1px 0px 0px;
		padding-right: 5px;
}

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

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


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

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

div.noBorder td {
	border-width: 0px 0px 0px 0px;
}

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


/* ---------- Login Screen ------------- */



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#footerLeft
{
	padding-left: 10px;
	padding-top: 10px;
	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;
	color: #333;
}

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

.stackTrace {
	color: #666;
}

.stackTrace a {
	color: #666;
}

.stackTrace a:hover {
	text-decoration: underline;
}


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


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

table.assetInfoTable { padding: 15px 0px 0px 0px;
width: 95%; }


div#myAssets{
	width: 300px;
}

div.searchContent{
	margin-top: 20px;
	margin-right: 10px;
}

div.relatedFaqContent {
	margin-right: 10px;
}


table.searchContent{
	width: 100%;

}


table.relatedFaqTable {
	width: 100%;
}

table.relatedFaqTable td {
	padding-left: 5px;
	padding-right: 5px;
	font-size: 10px;
	color: #2b2b2b;
}


/*------------ DG Browser Table -----------------*/
table#DGBrowser
{
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-left: auto;
	margin-right: auto;
}

table#DGBrowser td {
	padding-left: 2px;
	padding-right: 2px;
}



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.saveOptionsMessage
{
	text-align: left;
	padding: 10px 0px 10px 2px;
	background-color: white;
	vertical-align: top;
}

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

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

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

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

/* -------------------- Sticky Messages ------------------------ */


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


div.messageTitleBar {
	width: 398px;
	height: 17px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #FFC700;
	border-left-color: #FFC700;
	background-image: url(/helpdesk/message/title_bar.gif);
	background-repeat: repeat-x;
}



div.messageTitleBarText {
	padding-top: 2px;
	font-size: 10px;
	text-align: right;
	padding-right:5px;
}

div.messageContent {
	width: 400px;
	height: auto;
	vertical-align: top;
	border-right-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #FFC700;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	padding-right: 5px;
	margin-bottom: 20px;
	background-color: #FFFFA1;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 388px;
}

div.messageCloseWidget {
	width: 13px;
	height: 17px;
	float: left;
}

div.clientMessageContainer {
	padding-left: 50px;
	padding-bottom: 30px;
}

div.tabPanelTop {
	width: 433px;
	height: 19px;
	text-align: center;
	background-image: url(/helpdesk/message/tab_panel_top.gif);
	background-repeat: no-repeat;
}

div.tabPanelBackground {
	width: 433px;
	height: auto;
	text-align: right;
	padding-top: 20px;
	padding-bottom: 1px;
	background-image: url(/helpdesk/message/tab_panel_background.gif);
	background-repeat: repeat-y;
 }
 
 div.tabPanelBottom {
 	width: 433px;
 	height: 11px;
	background-image: url(/helpdesk/message/tab_panel_bottom.gif);
	background-repeat: no-repeat;
}

div.messageContainer {
	width: 400px;
	height: auto;
	text-align: right;
	margin: 0 auto;
}

div.buttonContainer {
	width: 220px;
	margin: 0 auto;
}

td.audienceLabel
{
	text-align: center;
	vertical-align: middle;
	font-size: 11px;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
	white-space: nowrap;
	background-color: #fff;
}

div.buttonDiv {
	height: 30px;
}

/*---------- Asset Info Popup Styles-----------*/
div.assetInfoRow
{
	width: auto;
	display: block;
	font-size: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
	padding: 0 0 4px 0;
}

div.assetInfoLabel
{
	font-weight: bold;
	display: inline;
	width: 200px;
	text-align: right;
	padding: 0 2px 0px 0;
	color: #333;
	height: 100%;
}

div.assetInfoData { display: inline; }




/*------------- Client List For Non-Client Components -----------------*/
table#clientListSearch { font-size: 10px; }

table#clientListSearch td
{
	background-color: #fff;
	height: 15px;
}

table#clientList
{
	font-size: 10px;
	font-family: "Lucida Grande", Arial, Helvetica, sans-serif;
}

#clientList
{
	padding-top: 10px;
	vertical-align: top;
}