/*
	LAYOUT GUIDELINES
	
	Style information is possible to put in either the css file or
	directly in the xsl files (in attributes such as style or bgcolor).
	The correct place to put it is given by:

	In css files put:
	* font
	* color
	* padding and margins for content
	* alignment

	In xsl files put:
	* position info for things that have to be exact such as absolute
	positioned items.

	It should be possible to change the hole layout to use a completly
	different color-set by just changing the css file and updating
	necisary images. 

	COLORS USED

	Blue Colors
	#304490, Dark Blue, Used in: Title in FrameHeader
	#586488, Dark Blue, Used in: PortalLabel, Calender
	#4054a0, Blue, Used in: Links(not A:Hover), Footer, Header, PageLogin, ButtonCellLabel, WelcomePageLabel
	#9098c0, Light Blue, Used in: PortalLabel, Calendar
	#7888d0, Light Blue, Used in: A:Hover, Footer
	#f0f4f8, Light Blue, Used in: Forms
	#d8dcf0, Blue, Used in: Calender
	#c8d0e8, Light Blue, Used in: Calender

	Green Colors
	#486448, Dark Green, Used in: Embeddedhelp
	#88ac88, Green, Used in: Embeddedhelp, Processhelp
	#e0f4e0, Light Green, Used in: Embeddedhelp, Processhelp

	Red Colors
	#f8f0f0, Light Red, Used in: Form, Message
	#804040, Dark Red, Used in: Message
	#d0a0a0, Dark Red, Used in: Message

	Gray tones
	#c8c8c8, Light Grey, Used in: ContentBorder
	#a0a0a0, Light Grey, Used in: Forms
	#303030, Dark Grey, Used in: Text
	#e4e4e4, Light Grey, Used in: Calender 
	#b8b8b8, Dark Grey, Used in: Calender
	#7c7c7c, Dark Grey, Used in Calender, WelcomePage as line
	#e0e0f0, Grey, Used in: Buttons
	#f0f0f0, Light Grey, Used in: Tablebar
	#f8f8f8, Light Grey, Used in: Tablebar

	Scrollbar Colors 
	scrollbar-face-color: #d0d4e8;
	scrollbar-shadow-color: #808cb8;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #808cb8;
	scrollbar-darkshadow-color: #d0d0b0;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #808cb8;



	CLASS NAMING GUIDELINES

	Each hawk element should assign a class to the html element it
	produces. This can be skipped for very simple elements such as b,
	i, br. The class should be named cls<elementName>. Never use the id
	attribute.

	Some hawk elements take a type attribute (ex: form, table, ...)
	that affect how the element is layed out. These elements should be
	assigned two classes, the normal described above and a type
	specific named cls<elementName><type>.

	Within an element as few classes as possible should be used. Only
	add a new class if it is not possible to reference that part of the
	element as a path starting with the parents class. A new
	sub-element should be named <parentClass><name>.
	
	Example for table element:

	XML:

	<table type="portal">
	<colHeaders>
	<colHeader>Namn1</colHeader>
	</colHeaders>
	<rowHeaders>
	<rowHeader>Namn2</colHeader>
	</rowHeaders>
	<rows>
	<row>
	<data>Volvo</data>
	</row>
	</rows>
	</table>

	HTML:
	
	<table class="clsTable clsTableportal">
	<tr>
	<td></td><td class="clsTableHeaderCol">Namn1</td>
	</tr>
	<tr>
	<td class="clsTableHeaderRow">Namn2</td><td>Volvo</td>
	</tr>
	</table>

	Remember that you can for example modify the table column header
	for portal tables by a selector looking like this:

	.clsTableportal .clsTableHeaderCol { color: #6a6a6a; }

	Reference of class-names:

	body: clsBody<frameName>, clsBodyPage<pageType>,
	clsBodyCommand<command>
	(ex: clsBodyContent, clsBodyPageMasterDetails,
	clsBodyCommandentity_view_company)
 
	contents/content: clsContent, clsContent<firstChildName>, clsContent<firstChildName><firstChildType>
 
	welcome: clsWelcomeBar, clsWelcomeLabel, clsWelcomeDescription, clsWelcomeButton

	portal: clsPortal, clsPortalLabel	

	form: clsForm, clsForm<type>, clsFormSectionLabel,
	clsFormControlLabel, clsFormControlContent

	table: clsTable, clsTable<type>, clsTableHeaderCol,
	clsTableHeaderRow, clsTableRowEven, clsTableRowOdd,
	clsTableHeaderColSortLink

	link: clsLink

	button: clsButton

	title: clsTitle

	menuBar: clsMenuBar, clsMenuItem

	toolBar: clsToolBar, clsToolItem

	commandBar: clsCommandBar

	statusBar: clsStatusBar

	detailBar: clsDetailBar

	processHelp: clsProcessHelp, ...

	message: clsMessage, clsMessage<type>
	(ex: clsMessageerror)


	SPACING, PADDING AND MARGIN
	
	Use the *ExceptFirst classes to put margins only at top.
	Elements that can appear inside content should have small own margins on all sides.
	Elements withing containers such as menues and toolbars normally have no margins and placement is done by parent-container.
	Elements in lists or enums normally have only margin at top.
	
*/


/* GENERIC */

/* Standard fonts, colors */
body, td {
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	color:#303030;
	text-align: left;
	vertical-align: top;
}

/* Everything defaults to 0 padding and margin */
body, table, tr, td, form, input, select, applet, img, a {
	padding: 0px;
	margin: 0px;
	border: 0px;
}

/* Elements that can appear inside content elements have padding */
.clsPortal, .clsForm, .clsTable, .clsButton, .clsButtonOver, .clsButtonDown, .clsImg {
	margin: 1px 2px 1px 2px;
}

A:link, A:visited, A:active { 
	text-decoration: none;
	color: #4054a0;
}
A:hover {
	text-decoration: none;
	color: #7888d0;
}

body {
	scrollbar-face-color: #d0d4e8;
	scrollbar-shadow-color: #808cb8;
	scrollbar-highlight-color: #ffffff;
	scrollbar-3dlight-color: #808cb8;
	scrollbar-darkshadow-color: #d0d0b0;
	scrollbar-track-color: #ffffff;
	scrollbar-arrow-color: #808cb8;
}

/* PAGE_LOGIN */

.clsBodyLogin {
	background-image: url("../img/background/pattern.gif");
}

.clsLoginContentTd {
	border: solid #808689 1px;
	vertical-align: middle;
}
.clsLoginFooterTd {
	background-color: #4054a0;
	border: solid #808689 1px;
	text-align: right;
	vertical-align: middle;
	padding-right: 25px;
}
.clsPageLoginHeadline {
	font-family: Times New Roman, Times, Arial;
	color: #4054a0;
	font-size: 20px;	
}

/* PAGE_POPUP */

/* Strip it down */
.clsBodyContentPagepopup {
	background-image: none !important;
}
.clsBodyContentPagepopup .clsContent {
	border: none;
	background-color: transparent;
}
.clsBodyContentPagepopup .clsContentTd {
	padding: 0;
}

/* PAGE_WELCOME */

.clsBodyWelcome {
	background-image: url("../img/background/pattern.gif");
}

.clsWelcomeBar .clsButton, .clsWelcomeBar .clsButtonOver, .clsWelcomeBar .clsButtonDown {
	margin-left: 10px;
	margin-right: 10px;
}

.clsWelcomeLabel {
	font-family: Times New Roman;
	font-size: 20px;
	color: #4054a0;
	padding-bottom: 4px;
}

.clsWelcomeDescription {
	position: absolute;
	visibility: hidden;
	padding-top: 6px;
	max-width: 250px;
}
.clsWelcomeDescriptionOver {
	position: absolute;
	visibility: visible;
	padding-top: 6px;
	max-width: 250px;
}

.clsWelcomeBar .clsLeftTd, .clsWelcomeBar .clsMiddleTd {
	border-top: solid #7c7c7c 1px;
}
.clsWelcomeBar .clsRightTd, .clsWelcomeBar .clsMiddleTd {
	border-bottom: solid #7c7c7c 1px;
}
.clsWelcomeBar .clsMiddleTd {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
}


/* FRAME_HEADER */

.clsBodyHeader {
	background-image: url("../img/header/background.gif");
	background-repeat: repeat-y;
	background-color: #4054a0;
}

.clsTitle {
	font-family: verdana,arial,helvetica;
	font-weight: bold;
	font-size: 11px;
	color: #304490;	
	padding: 8px 0px 0px 20px;
}

.clsLogo {
	padding: 6px 4px 0px 10px;
}
	
.clsHeaderMenuBar {
	position:absolute;
	left:0px;
	top:28px;
	z-index:4;
}

.clsMenuItem {
	font-family: verdana,arial,helvetica;
	font-weight: bold;
	font-size: 10px;
	color: #ffffff;	
	cursor: pointer;
	padding: 4px 10px 0px 10px;
}

/* FRAME_CONTENT */

.clsBodyContent {
	background-image: url("../img/background/pattern.gif");
}

.clsContent {
	border: solid #c8c8c8 1px;
	background-color: #ffffff;
}
.clsContentExceptLast {
	margin-bottom: 10px;
}
.clsContentTd { 
	padding: 10px;
}
.clsBodyContent {
	padding: 20px 20px 20px 20px;
}

/* FRAME_DETAIL_CONTENT */

.clsBodyDetailContentLeft, .clsBodyDetailContentRight, .clsBodyDetailBar, {
	background-image: url("../img/background/pattern.gif");
}

.clsBodyDetailContent {
	padding: 20px 20px 20px 20px;
}

/* FRAME_COMMAND_BAR */

.clsBodyCommand {
	background-color: #4054a0;
}
.clsFrameCommandLinePosition {
	padding: 4px 0px 0px 0px;
}
.clsFrameCommandLineFirstColor{
	background-color:#000000;
}
/* 808DB8, 2B3A6D */
.clsFrameCommandLineSecondColor {
	background-color:#7888d0;
}
.clsFrameCommandBGColor {
	background-color:#4054a0;
}
.clsCommandBar{
	padding: 12px 25px 0px 0px;
	text-align: right;
}
.clsShortCutBar{
	padding: 12px 0px 0px 25px;
	text-align: left;
}

/* MANUAL */

.clsManualChapterTitle {
	font-size: 14px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 10px;
}
.clsManualSectionTitle {
	font-size: 12px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 0px;
}
.clsManualSection2Title {
	font-size: 11px;
	font-weight: bold;
	padding-top: 15px;
	padding-bottom: 0px;
}
.clsManualParagraph {
	margin-top: 5px;
	margin-bottom: 10px;
}
.clsManualChapterTitleText, .clsManualSectionTitleText, .clsManualSection2TitleText, .clsManualChapterContentSection2TitleText, .clsManualChapterContentSectionTitleText {
	padding-left: 10px;
}
.clsManualChapterContent {
	padding-top: 10px;
	padding-bottom: 10px;
}
.clsManualChapterContentSectionTitleNumber {
	padding-left: 10px;
}
.clsManualChapterContentSection2TitleNumber {
	padding-left: 20px;
}

.clsManualDescription {
	font-size: 12px;
	padding-top: 15px;
	padding-bottom: 0px;
}
.clsManualTocChapterTitle {
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;
}
.clsManualTocSectionTitle {
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
}
.clsManualTocSection2Title {
	font-size: 11px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 20px;
}
.clsManualTocChapterTitleText, .clsManualTocSectionTitleText, .clsManualTocSection2TitleText, .clsManualIndexLinkText {
	padding-left: 10px;
}

.clsManualIndexKeyword {
	padding-top: 10px;
	padding-right: 5px;
	font-weight: bold;
}
.clsManualIndexLinkFirst {
	padding-top: 10px;
}

/* PROCESS HELP */

.clsProcessHelp {
	border: solid #88ac88 1px;
	background-color: #e0f4e0;	
	font-size: 10pt;
	color: #486448;
	margin-bottom: 10px;
}

.clsProcessHelpLabel {
	font-weight: bold;
	padding-right: 30px;
}

.clsProcessHelpItemStartpending, .clsProcessHelpItemMiddlepending, {
	background-color: #e9f7e9;
	border-top: solid #88ac88 1px;
	border-bottom: solid #88ac88 1px;
}
.clsProcessHelpItemEndpending {
	background-color: #e9f7e9;
}
.clsProcessHelpItemStartcurrent, .clsProcessHelpItemMiddlecurrent, {
	background-color: #ffffff;	
	border-top: solid #88ac88 1px;
	border-bottom: solid #88ac88 1px;
}
.clsProcessHelpItemEndcurrent {
	background-color: #ffffff;
}
.clsProcessHelpItemStartfinished, .clsProcessHelpItemMiddlefinished, {
	background-color: #E6E6E6;	
	border-top: solid #88ac88 1px;
	border-bottom: solid #88ac88 1px;
}
.clsProcessHelpItemEndfinished {
	background-color: #E6E6E6;	
}

.clsProcessHelpItemMiddlePospending, .clsProcessHelpItemMiddlePoscurrent, .clsProcessHelpItemMiddlePosfinished {
	font-size: 18pt;
}

.clsProcessHelpItemMiddleLabelpending, .clsProcessHelpItemMiddleLabelcurrent, .clsProcessHelpItemMiddleLabelfinished {
}

.clsProcessHelpItemSpace {
	width: 10px;
}

.clsProcessHelpDescription {
	background-color: #ffffff;	
	padding: 2px;
	border: solid #88ac88 1px;
}

/* EMBEDDED HELP */

.clsEmbeddedHelpHeader {
	border: solid #88ac88 1px;
	background-color: #e0f4e0;	
	color: #486448;
	font-size: 10px;
	margin-bottom: 10px;
}
.clsEmbeddedHelpHeaderTd {
	padding: 5px;
}

.clsEmbeddedHelpControl {
	border: solid #88ac88 1px;
	background-color: #e0f4e0;
	padding: 5px;
	margin-left: 5px;
	color: #486448;
	font-size: 10px;
}


/* PORTAL */

.clsContentportal {
	border: none;
	background-color: transparent;
}
.clsContentportal .clsContentTd {
	padding: 0px;
}

.clsPortalExceptFirst {
	margin-top: 10px;
}

.clsPortalLabel {
	font-family: verdana,arial,helvetica;
	font-weight: bold;
	font-size: 11px;
	color: #ffffff;
	background-color: #9098c0;
	padding: 2px;
}
.clsPortalLabelBorder{
	background-color: #586488;
}
.clsPortalContent {
	background-color: #ffffff;
}
.clsPortalContentBorder{
	background-color: #c0c0c0;
}

/* FORM */

.clsFormedit .clsFormSectionExceptFirst .clsFormSectionLabel,
.clsFormview .clsFormSectionExceptFirst .clsFormSectionLabel {
	padding-top: 15px;
}
.clsFormpanel .clsFormSectionExceptFirst {
	padding-left: 20px;
}

.clsFormControlLabel {
	font-weight: bold;
	padding: 2px;
	padding-right: 5px;
}
.clsFormControlContent {
	padding: 2px;
	padding-right: 10px;
}

input, select, textarea {
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	background-color: #f0f4f8;
	border: solid #a0a0a0 1px;
}

input.clsControlRequired, .clsControlRequired input, 
select.clsControlRequired, .clsControlRequired select, 
textarea.clsControlRequired, .clsControlRequired textarea {
	background-color: #f8f0f0;
}

.clsControlRadio input {
	border: none;
	background-color: transparent;
}	

.clsContentformpanel .clsContentTd {
	padding: 4px;
}

/* TABLE */

.clsTableData, .clsTableHeaderCol, .clsTableHeaderRow {
	padding: 2px 2px 2px 2px;
}

.clsTableHeaderCol, .clsTableHeaderRow {
	font-family:verdana,arial,helvetica;
	font-size: 11px;
	color: #303030;
	text-decoration: underline;
	padding-right: 5px;
}

.clsTableHeaderColSortLink:link, .clsTableHeaderColSortLink:visited, .clsTableHeaderColSortLink:active {
	color: #303030;
	text-decoration: underline;
}
.clsTableHeaderColSortLink:hover {
	color: #7888d0; 
	text-decoration: underline;
}

.clsTableRowOdd .clsTableData {
	background-color: #f8f8f8;
	padding-right: 10px;
}

.clsTableRowEven .clsTableData {
	background-color: #ffffff;
	padding-right: 10px;
}

.clsTableRowdimmed .clsTableData {
	/*background-color: #f8f0f0;*/
	/*background-color: #f7d2d2;*/
	color: #ff0000;
	padding-right: 10px;
}

/* Treat embedded tables specially, no coloring of every other row */
.clsTableembedded .clsTableRowOdd .clsTableData, .clsTableembedded .clsTableRowEven .clsTableData {
	background-color: #ffffff;
}

.clsTableBar {
	margin-top: 5px;
	padding: 3px;
	border: solid #f0f0f0 1px;
	background-color:#f8f8f8;
}

.clsTableBarSection {
	vertical-align: middle;
	font-family:verdana,arial,helvetica; 
	font-size: 11px;
}

.clsTableBarSectionSeparator {
	vertical-align: middle;
	padding-left: 6px;
	padding-right: 6px;
}

/* TREE */

.clsTree {
	width: 100%;
	height: 100%;
}

.clsTree applet {
	width: 100%;
	height: 100%;
}

.clsTreeBar {
	margin-top: 5px;
	padding:5px;
	font-family:verdana,arial,helvetica; 
	font-size: 11px;
	border: solid #f0f0f0 1px;
	background-color:#f8f8f8;
}


.clsTreeBarSectionSeparator {
	text-align: center;
	padding-left: 8px;
	padding-right: 4px;
}

/* CALENDERS */

/* Treat calendars specially, skip the normal borders and padding */

.clsContentweekCalendar, .clsContentmonthCalendar, .clsContentgroupCalendar {
	border: none;
	background-color: transparent;
}
.clsContentweekCalendar, .clsContentmonthCalendar {
	width: 100%;
}
.clsContentweekCalendar .clsContentTd, .clsContentmonthCalendar .clsContentTd, .clsContentgroupCalendar .clsContentTd {
	padding: 0px;
}

.clsWeekCalendar, .clsMonthCalendar, .clsGroupCalendar {
	border: solid #a0a0a0 1px;
	background-color: #ffffff;
}
.clsWeekCalendar, .clsMonthCalendar {
	width: 100%;
}

.clsWeekCalendarDatafree, .clsMonthCalendarDatafree, .clsGroupCalendarDatafree {
	background-color: #e4e4e4;
	padding: 5px;
}
.clsWeekCalendarDatabusy, .clsMonthCalendarDatabusy, .clsGroupCalendarDatabusy {
	background-color: #d8dcf0;
	padding: 5px;
}
.clsWeekCalendarDatadimmed, .clsMonthCalendarDatadimmed, .clsGroupCalendarDatadimmed {
	background-color: #e4e4e4;
	padding: 5px;
}

.clsWeekCalendarHeaderCol, .clsMonthCalendarHeaderCol, .clsGroupCalendarHeaderCol {
	border: solid #586488 1px;
	padding: 5px;
	background-color: #9098c0;
	color:#ffffff;	
	font-weight: bold;
	text-align: center;
}

.clsWeekCalendarHeaderRow, .clsMonthCalendarHeaderRow, .clsGroupCalendarHeaderRow {
	border: solid #7c7c7c 1px;
	padding: 5px;
	background-color: #c8d0e8;
	color:#303030;	
	text-align: center;
}


/* BUTTON */

.clsButton {
	display: inline;
	background-color: #ffffff;
}

.clsButtonOver {
	display: inline;
	background-color: #e0e0f0;
	cursor: pointer;
}

.clsButtonDown {
	display: inline;
	background-color: #ffffff;
	cursor: pointer;
}

.clsButtonLeftTop {
	background-image: url("../img/button_frame/content/left_top.gif");
}
.clsButtonTop {
	background-image: url("../img/button_frame/content/top.gif");
}
.clsButtonRightTop {
	background-image: url("../img/button_frame/content/right_top.gif");
}
.clsButtonRight {
	background-image: url("../img/button_frame/content/right.gif");
}
.clsButtonRightBottom {
	background-image: url("../img/button_frame/content/right_bottom.gif");
}
.clsButtonBottom {
	background-image: url("../img/button_frame/content/bottom.gif");
}
.clsButtonLeftBottom {
	background-image: url("../img/button_frame/content/left_bottom.gif");
}
.clsButtonLeft {
	background-image: url("../img/button_frame/content/left.gif");
}

.clsBodyCommand .clsButtonLeftTop, .clsBodyLogin .clsButtonLeftTop {
	background-image: url("../img/button_frame/command/left_top.gif");
}
.clsBodyCommand .clsButtonTop, .clsBodyLogin .clsButtonTop {
	background-image: url("../img/button_frame/command/top.gif");
}
.clsBodyCommand .clsButtonRightTop, .clsBodyLogin .clsButtonRightTop {
	background-image: url("../img/button_frame/command/right_top.gif");
}
.clsBodyCommand .clsButtonRight, .clsBodyLogin .clsButtonRight {
	background-image: url("../img/button_frame/command/right.gif");
}
.clsBodyCommand .clsButtonRightBottom, .clsBodyLogin .clsButtonRightBottom {
	background-image: url("../img/button_frame/command/right_bottom.gif");
}
.clsBodyCommand .clsButtonBottom, .clsBodyLogin .clsButtonBottom {
	background-image: url("../img/button_frame/command/bottom.gif");
}
.clsBodyCommand .clsButtonLeftBottom, .clsBodyLogin .clsButtonLeftBottom {
	background-image: url("../img/button_frame/command/left_bottom.gif");
}
.clsBodyCommand .clsButtonLeft, .clsBodyLogin .clsButtonLeft {
	background-image: url("../img/button_frame/command/left.gif");
}

.clsButtonImage {
	vertical-align: middle;
	padding: 0px 2px 0px 2px;
}

.clsButtonLabel
{
	vertical-align: middle;
	padding: 1px 2px 1px 2px;
	font-family: verdana,arial,helvetica;
	font-size: 10px;
	font-weight: bold;
	color: #4054a0;
} 

/*
	position: relative; bottom: 3px;
	margin-left: 5px;
*/

/* MESSAGE */
.clsMessageinformation {
	border: solid #c8c8c8 1px;
	background-color: #ffffff;
	margin-bottom: 10px;
}
.clsMessageerror {
	border: solid #d0a0a0 1px;
	background-color: #f8f0f0;
	margin-bottom: 10px;
}
.clsMessageerror .clsMessageTd {
	color: #804040;
}
.clsMessageTd {
	padding: 5px;
}
.clsBodyLogin .clsMessageinformation, .clsBodyLogin .clsMessageerror {
	width: 100%;
}

/* FLOW LAYOUT */

.clsFlowLayoutTd {
	padding-left: 2px;
	padding-right: 2px;
}

/* Frico standard text */

.clsBodyCommandcustom_standardTextPopup div, .clsBodyCommandcustom_standardTextPopup td {
}

.clsStandardTextProject {
	font-weight: bold;
	margin-top: 10px;
}

.clsStandardTextProductTitle {
	font-weight: bold;
	margin-top: 10px;
}
		
.clsStandardTextProductDescription1 {
}
		
.clsStandardTextProductDescription2 {
}
		
.clsStandardTextPropertyTitle {
	font-weight: bold;
	margin-top: 10px;
}
		
.clsStandardTextPropertyTable {
}
.clsStandardTextPropertyTable td {
	padding-right: 4px;
}
.clsStandardTextPropertyTableSectionStart td {
	padding-top: 6px;
}

.clsStandardTextPropertyEnvironmentTitle {
	font-weight: bold;
	margin-top: 10px;
}

.clsStandardTextPropertyEnvironmentDescription {
}

.clsStandardTextPropertyEnvironmentTable {
}
.clsStandardTextPropertyEnvironmentTable td {
	padding-right: 4px;
}

.clsStandardTextRegulationTitle {
	font-weight: bold;
	margin-top: 10px;
}
		
.clsStandardTextRegulationDescription1 {
}

.clsStandardTextRegulationDescription2 {
}

.clsStandardTextRegulationTable {
}
.clsStandardTextRegulationTable td {
	padding-right: 4px;
}

.clsStandardTextAccessoriesTitle {
	font-weight: bold;
	margin-top: 10px;
}
		
.clsStandardTextAccessoriesTable {
}
.clsStandardTextAccessoriesTable td {
	padding-right: 4px;
}
.clsStandardTextAccessoriesDescription td {
	padding-bottom: 4px;
}

.clsStandardTextComments {
	margin-top: 10px;
}

.clsStandardTextButtons {
	text-align: center;
	padding: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
	background-color: #e0e0f0;
	font-weight: bold;
}
@media print {
	.clsStandardTextButtons {
		display:none;
	}
}

.clsTurntoolInstructions {
	text-align: center;
}

@media print {
	.clsTurntoolInstructions {
		display:none;
	}
}

#dhtmltooltip{
position: absolute;
width: 350px;
border: 2px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
}

</style>