@import url("common/styles/forms.css") ;
@import url("common/styles/RSTViewTable.css") ;
@import url("common/controls/RST.ButtonLink.aspx?style") ;
@import url("common/styles/page.css") ;
@import url("common/styles/RST.UI.Field.css") ;

/*
Name:       style.css

Synospsis:  This Cascading Style Sheet is intended to contain all of the common
            general purpose stylesheet information used in all applications.
            Neither application-specific, nor forms-specific, information should
            be included. Imported sheet common/styles/forms.css is reserved for
            selectors that are unique to forms, and other imported sheets
            contain additional specialized selectors.

    ============================================================================
    Maintenance Log

    Date       Who Synopsis
    ---------- --- -------------------------------------------------------------
    2007/04/17 DAG 1) Add selectors clsReferenceInfo and clsReferenceInfoTitle.

                   2) Organize existing selectors so that they are easier to
                      read.

                   3) Add selector body.clsreqdmemberupdate.

    2007/04/27 DAG There were no substantive changes. However, I added notes
                   about the purpose of various selectors.

    2008/07/02 DAG Add h1.CustomerNotice selector, for use with new customer
                   notice.

    ============================================================================
*/

/*	GENERAL ========================================================================== */

html
	{
	scrollbar-3d-light-color:		#5b97cd ;
	scrollbar-dark-shadow-color:	#5b97cd ;
	scrollbar-highlight-color:		#5b97cd ;
	scrollbar-shadow-color:			#5b97cd ;
	scrollbar-track-color:			#7bb7dd ;
	scrollbar-face-color:			#3b77ad ;
	scrollbar-base-color:			#3b77ad ;
	scrollbar-arrow-color:			#ffffff ;
	}

body
	{
	background-color:	#3b77ad ;
	margin:				0px ;
	padding:			0px ;
	overflow:			auto !important ;
	float:				none !important;
	}

body.certpage
	{
	background-color:	#3b77ad ;
	margin:				0px ;
	padding:			0px ;
	overflow:			none !important ;
	float:				none !important;
	}

body.clsreqdmemberupdate
	{
	background-color:	#ffffff ;
	margin:				0px ;
	padding:			0px ;
	}

body.tour a:link,	body.tour a:visited
	{
	color:				#074e2d ;
	}

body.admin a:link,	body.admin a:visited
	{
	color:				#780a33 ;
	}

body.member a:link,	body.member a:visited
	{
	color:				#003366 ;
	}

body, th, td, p, li
	{
	font-size:			10pt ;
	font-family:		Verdana, Arial, sans-serif ;
	}

p
	{
	margin:				0pt ;
	padding:			5pt 10pt 5pt 20pt ;
	}

div.smallprint
	{
	font-size:			8pt ;
	font-family:		Arial ;
	text-align:			right ;
	padding-top:		10pt ;
	}

div.smallprint hr
	{
	color:				#d4cec2 ;
	width:				50% ;
	}

div.adminmsg
	{
	font-size:			14pt ;
	color:				#7f0000 ;
	font-family:		Arial ;
	}

dt
	{
	font-weight:		bold ;
	margin-top:			10pt ;
	}

h1.CustomerNotice
	{
	font-family:		Arial ;
	font-size:			14pt ;
	font-weight:		bold ;
	color:				#ff0000 ;
	padding:			10pt 0pt 0pt 0pt ;
	text-align:			center ;
	}

h2
	{
	font-family:		Arial ;
	font-size:			11pt ;
	font-weight:		bold ;
	padding:			10pt 0pt 0pt 0pt ;
	}

h3
	{
	font-weight:		bold ;
	padding-top:		10pt ;
	font-size:			14pt ;
	padding-left:		5pt ;
	}


/*	TABLES =========================================================================== */
table.master
	{
	border-color:		#000000 ;
	border-style:		solid ;
	border-width:		1px 2px 2px 1px ;
	width:				auto ;
	}

table.tourmenu
	{
	border:				1px outset #a0a0a0 ;
	width:				185px ;
	font-size:			9pt ;
	font-family:		Arial, sans-serif ;
	}

td.help
	{
	background-color:	#f0f0f0 ;
	font-size:			10pt ;
	font-family:		Arial ;
	border:				1px solid #a0a0a0 ;
	}

td.content
	{
	background-color:	#f7f7f7 ;
	vertical-align:		top ;
	}

table.tourmenu td
	{
	background-color:	#f0f0f0 ;
	}

td.graph
	{
	background-color:	#7f0000 ;
	color:				#ffffff ;
	text-align:			right ;
	}

td.graphlabel
	{
	font-size:			10pt ;
	font-family:		Arial ;
	padding-right:		15px ;
	}

td.reportgroup
	{
	color:				#ffffff ;
	background-color:	#548abc ;
	font-weight:		bold ;
	text-transform:		uppercase ;
	}

tr.header th
	{
	color:				#ffffff ;
	background-color:	#548abc ;
	font-size:			11pt ;
	margin-top:			12pt ;
	padding-left:		5pt ;
	}

tr.footer th
	{
	color:				#000000 ;
	background-color:	#e0e0e0 ;
	margin-top:			12pt ;
	padding-right:		5pt ;
	}

td.headermast
	{
	background-color:	#215e97 ;
	}

td.headerbuttons
	{
	background-color:	#548abc ;
	}

th
	{
	text-align:			left ;
	}

td.r, th.r
	{
	text-align:			right ;
	}

td.c, th.c, table.c
	{
	text-align:			center ;
	}

.clsReferenceInfo
	{
	border-left:		#ffffcc 1px solid ;
	border-right:		#ffffcc 1px solid ;
	border-top:			#ffffcc 1px solid ;
	border-bottom:		#ffffcc 1px solid ;

	padding-left:		3pt ;
	padding-right:		3pt ;
	padding-top:		3pt ;
	padding-bottom:		1pt ;
	text-align:			left ;

	color:				#000000 ;
	background-color:	#ffffcc ;
	}

.clsReferenceInfoTitle
	{
	border-left:		#ffffcc 1px solid ;
	border-right:		#ffffcc 1px solid ;
	border-top:			#ffffcc 1px solid ;
	border-bottom:		#ffffcc 1px solid ;

	padding-left:		3pt ;
	padding-right:		3pt ;
	padding-top:		3pt ;
	padding-bottom:		1pt ;

	text-align:			center ;
	font-weight:		bold ;

	color:				#000000 ;
	background-color:	#ffffcc ;
	}

/*	FORMS ============================================================================ */
form
	{
	padding:			0px ;
	border:				0px ;
	margin:				0px ;
	}

div.button,
input.button
	{
	font-family:		Tahoma, Arial, sans-serif ;
	font-size:			9pt ;
	font-weight:		bold ;
	background-color:	#548abc ;
	color:				#ffffff ;
	border-width:		1px ;
	border-style:		outset ;
	border-color:		#548abc ;
	}

/*
	By experimenting with colors, I've determined that this selector CAN
	control the appearnace of the text in the input boxes. as defined,
	it governs only the border, background color, and text color.

	Coincidentally, this confirms that the addition of the href tag made the
	import URLs at the top of this style sheet work.
*/

input.disabled
	{
	border:				1px dotted #cccccc ;
	background-color:	#F7F7F7 ;
	color:				#000000 ;
	}

input.number
	{
	text-align:			right ;
	}

select
	{
	font-family:		Tahoma, sans-serif ;
	font-size:			8pt ;
	background-color:	#ffffff ;
	color:				#000000 ;
	height:				16pt ;
	}

.type
	{
	font-size:			12pt ;
	font-family:		"Courier New", Courier, "Lucida Console", "Terminal", "Times New Roman", serif ;
	}

div.message
	{
	width:				80% ;
	border:				1px solid #d7dbdc ;
	padding:			3px ;
	margin:				3px ;
	background-color:	#e7ebec ;
	height:				auto ;
	overflow:			auto ;
	}

div.message img,
div.message div.img
	{
	display:			block ;
	width:				16px ;
	height:				16px ;
	vertical-align:		middle ;
	padding:			0px ;
	margin:				0.1em 0.4em 0.1em 0.2em ;
	float:				left ;
	}

/*
[DIV.ACTION [DIV.ICON DIV.IMG|IMG] [DIV.LABEL]]
*/

div.action
	{
	border-color:		#CDC8BD ;
	border-style:		solid ;
	border-width:		1px ;
	background-color:	#EBEBE4 ;
	padding-bottom:		0px ;
	text-align:			left ;
	width:				100% ;
	height:				20px ;
	}

div.action div.icon,
div.action div.icon div.img,
div.action div.icon img,
div.action div.label
	{
	position:			relative ;
	border:				none ;
	margin:				0px ;
	padding:			0px ;
	}

div.action div.icon	
	{
	top:				1px ;
	left:				1px ;
	width:				20px ;
	height:				20px ;
	border:				none ;
	float:				left ;
	}

div.action div.icon div.img, div.action div.icon img
	{ }

div.action div.label
	{
	top:				3px ;
	left:				3px ;
	width:				auto ;
	height:				20px ;
	border:				none ;
	font-size:			8pt ;
	font-family:		Tahoma, Verdana, Arial ;
	}

div.action div.label a:visited,
div.action div.label a:link,
div.action div.label a:active
	{
	color:				black ;
	text-decoration:	none ;
	}

table.view
	{
	margin-top:			5px ;
	margin-bottom:		10px ;
	border-width:		0px 0px 1px 1px ;
	border-style:		solid ;
	border-color:		rgb(167,199,224) ;
	border-collapse:	collapse ;
	background-color:	#ffffff ;
	margin:				0px ;
	width:				100% ;
	}

table.view td,
table.view th
	{
	border-width:		0px 1px 1px 0px ;
	border-style:		solid ;
	border-color:		rgb(167,199,224) ;
	}

table.view th
	{
	background-image:	url('images/table.view.th.gif') ;
	color:				white ;
	padding:			3px 5px ;
	}

table.view thead
	{
	padding:			0px ;
	}

table.view thead th
	{
	background-image:	url('images/table.view.thead.th.gif') ;
	color:				black ;
	}

table.view li,
table.view ul,
table.view ol
	{
	font-family:		Tahoma ;
	font-size:			8pt ;
	padding:			0pt ;
	margin-top:			0pt ;
	margin-bottom:		0pt ;
	}

table.certmeminfo
	{
	padding:			0px ;
	}
table.certmeminfo td,
table.certmeminfo th
	{
	font-size:			8pt ;
	font-family:		Arial ;
	}
div.stretcher
	{
	max-height:			1px ;
	line-height:		1px ;
	overflow:			hidden ;
	visibility:			hidden ;
	}