/*************************************************************************************
 * These rules apply to all elements, unless modified below 
 *************************************************************************************/

*					{ margin:0; padding:0; }
h3, h4, h5, ol, ul	{ padding: .5em 0; }

html				{}

body				{ font-family: Verdana, Arial; font-size: 11px; color: #000000; 
					  text-align: left; background-color: #FFFFFF;	
					  background-attachment: fixed; background-position: top center;
					  background-repeat: no-repeat; }

h1, h2, h3			{ font-weight: bold; }
h2, h3				{ font-size: 14px; color: #669900; }
h1					{ font-size: 16px; color: #9eb9d7; padding:1em 0;}
h2					{ padding:.5em 0 1em; }

p					{ padding: 0.7em 0.7em 0.7em 0em; }
hr					{ height: 1px; color: #C0C0C0; }
img					{ border-style: none; }

ol, ul				{ margin:0 0 0.5em 3em; } 
li					{} 

tr					{ vertical-align: top; }
td					{}

.Q					{ font-weight: bold; }
.A					{ text-indent: 15px; }

/*************************************************************************************
 * Form Section
 *************************************************************************************/

input				{ font-family:Verdana,Arial; font-size: 10px; font-weight: bold; }

input.button		{ /*margin-top:0.2em; padding-top:0.1em; padding-bottom: 0.1em;*/ }

input:hover			{ border-color:#000; }					/* Not supported in IE6 */
input:focus			{ background-color:#EEE; }				/* Not supported in IE6 */
input[type=radio]   { margin-top:.5em; margin-right:.5em;}	/* FX only, but only FX needs it */

span.checkbox input { margin-right:0.1em; }					/* asp.net checkboxes */

select				{ font-family:Verdana,Arial; font-size: 11px; 
					  background-color:#FFFFA0; }			/* Very light orange)*/

textarea			{ font-family: "Courier New", Courier, Sans-Serif;	font-size:10pt; }

fieldset			{ padding:0em .6em .6em .6em; }
legend				{ margin-bottom:.3em; color:Blue; padding-left:2px; padding-right:2px; }

/*************************************************************************************
 * Navigation Links
 *************************************************************************************/

a:link, 
a.visited						{ color: #666666; text-decoration: underline; } 
a:hover							{ color: #669900; text-decoration: none; } 

/*-- 'nav' class --*/
a.nav							{ font-size: 10px; text-decoration: none; }
a.nav:link, 
a.nav:visited					{ color: #666600; } 
a.nav:hover						{ color: white; } 
 
/*-- 'bnav' class --*/
/* Note: 'bnav' is also used as 'subnav' class in original version */
 
#header .bnav,
#footer .bnav					{ margin-top: 6px; margin-bottom: 4px; }

#header .bnav					{}
#footer .bnav					{ text-align: center; }

.bnav a, 
a.bnav							{ font-weight: bold; text-decoration: none;	}

.bnav a:link,
.bnav a:visited, 
a.bnav:link, 
a.bnav:visited					{ color: #666666; } 

.bnav a:hover, 
a.bnav:hover					{ color: #0033CC; } 

/*-- links used in mainContent panel --*/
#mainContent a					{ font-weight:bold; text-decoration: underline; } 
#mainContent a:link,			  /* regular .bnav links are hard to see in text */
#mainContent a:visited			{ color:#3366CC; } 
#mainContent a:hover			{ color: #0033CC; } 

/* those used in the 'Guide' page (back to 'bnav', but must override #mainContent's)*/
#mainContent .guide	a			{ font-weight:bold; text-decoration: none; }
#mainContent .guide a:link,         
#mainContent .guide a:visited	{ color:#666666; } 
#mainContent .guide a:hover		{ color: #0033CC; } 

/* Next step (at end of page, when applicable) */ 
#mainContent .hlNextStep		{ text-align:right;	margin:3em 0 0 0; padding-right:3em;
								  font-weight:bold; }
#mainContent .hlNextStep a		{ font-weight:bold; }

/*************************************************************************************
 * Web Page Settings 
 *************************************************************************************/

/* Container (includes everything) */
#container					{ width:760px; border:0; padding:0;	margin:0; }

/* Header section */
#header						{ margin:0;	}
#header img					{ display:inline; float:left;  }

/* Subnav menu */
#subNavItems				{ text-align:right; margin:0 1.5em 0 0; }
#subNavItems #subNavMenu, 
#subNavItems #subNavLang	{ margin:0 1.5em 0 0; }
#subNavItems #subNavLogin	{ margin:0; }

/* Current User Information (displayed underneath subnav top menu */
#currentUserInfo			{ margin:0; }
#currentUserInfo div		{ font-size:10px; text-align:right; margin:0.3em 1.7em 0 0;	}
#currentUserInfo span		{ margin-left:1em; }
#currentUserInfo a			{ margin-left:0.3em; }
#currentUserInfo a.last		{ margin-left:0; }

/* Content Panel */
#content_panel				{ /*clear:both;*/ background-image: url(../images/nav_bg.jpg);	
							  background-repeat:repeat-y; margin:0; }

/* Sidebar Menu (menu levels are styled further below) */
#menu						{ width: 180px; height:406px; vertical-align: top; 
							  padding-bottom:13px; }

/****************************************************************************************
 * Note on #menu: 
 *  - Background grey column provided by content panel wrapper 
 *  - Height: Will ensure a min 600px height screen size 
 *    menu height = 600px - height[(top banner + subnav menu + footer img + footer subnav)]
 *	   		      = 600px - [121px + 30px + 30px + 13px]
 *				  = 600px - 194px
 *                = 406px;
 ****************************************************************************************/

/*#mainContent			{ width:563px; padding:1em 0.8em 1em 0; margin:0; } */
/* Update: 579px = right edge of container */
#mainContent				{ width:568px; padding:1em 0 1em 0; margin-right:11px; }

/*------------------
 * Main content panel size =
 *   Container size - menu size - margin left - margin right (image has 11px white strip)
 *   = 760px - 180px - 1px - 11px
 *   = 568px (max)   
 *------------------*/	

#footer						{ margin:0; }
#footer img					{ float:left; }
#footer div					{ clear:both; }

/*************************************************************************************
 * Sub-Navigation Links for Login Button
 *************************************************************************************/

.bnavlogin a				{ font-weight: bold; text-decoration: none; }

.bnavlogin a:link, 
.bnavlogin a:visited		{ color: #669900; } 
.bnavlogin a:hover			{ color: #0033CC; } 

/*************************************************************************************
 * Sidebar menu : Current max of 3 levels
 *************************************************************************************/

#menu						{ color:#666600; }			 /* supplements definition above */

#menu .menuLevel1			{ font-size: 13px; }
#menu .menuLevel2			{ font-weight: normal; }
#menu .menuLevel3			{ font-weight: normal; }

#menu td.menuLevel1, 
#menu td.menuLevel2, 
#menu td.menuLevel3			{ width:180px;	vertical-align: middle; }

#menu td.menuLevel1			{ background-image: url(../images/nav_bg_main.jpg);
							  background-repeat: no-repeat;	height: 33px; padding-left:0.6em; }
#menu td.menuLevel2			{ padding:0em 1em 0.2em 0.8em; }
#menu td.menuLevel3			{ padding:0em 1em 0.2em 2.3em; }   

#menu a						{ display:block; text-decoration:none; }
#menu a.menuLevel1			{ font-weight:bold; }

#menu a:link, 
#menu a:visited				{ color:#666600; }
#menu a:hover				{ color:White; }

#menu a.selected			{ font-weight:bold;}
#menu a.selected:link,
#menu a.selected:visited	{color:White;}
#menu a.selected:hover		{}

/*************************************************************************************
 * Special stuff for Section display (within 'Self-Assessment Tool' menu item) 
 *************************************************************************************/

.section					{ margin-left:22px; }				

.section .title				{ text-indent:-22px; }     /* to indent like an ol list */
.section .title .number		{ padding-right:4px; }
.section .title .onedigit	{ padding-left:7px; }
.section .title .twodigits	{}
.section .title .text		{}

.started .text, 
.completed .text, 
.notStarted .text			{ font-weight:bold; }
.empty .text				{ text-decoration:line-through; }

.started .number, 
.completed .number, 
.notStarted .number			{ color:White; font-weight:bold; }
.empty .number				{}

/* Completion progress numbers for profile sections (in menu, when user logs in) */
.figures					{ display:block; }

.started .figures			{ color:yellow; font-weight:bold; }
.notStarted .figures		{ color:red; font-weight:bold; }
.completed .figures			{ color:green; font-weight:bold; }
.empty .figures				{ }

/*************************************************************************************
 * Special Text
 *************************************************************************************/

.sub_black					{ font-family: Garamond, Verdana, Arial; font-size: 15px; 
						      font-weight: bold; font-style: italic; } /* is this used ? */

/* classes for Admin error messages */
.errorAdmin					{ background-color:#EEE; border-style:ridge; border-width:2px; 
						      padding:1em; margin-top:1em;}
.contactAdmin				{ color:Red;}
.adminErrorMessage			{ display:block; padding-top:1.5em; color:blue; 
							  font-style:italic; }

/* Other info and error messages */
.infoMessage				{ color:Blue; }
.errorMessage				{ color:Red; }

#feedback					{ padding:1em 0em; }

/*-------------------
 *  Misc 
 *-------------------*/
.nowrap						{ white-space:nowrap; }
.right						{ text-align:right;}
.left						{ text-align:left;}
.readonly					{ background-color:#F2F2F2;}        /* Very light grey */

.numericTextbox				{ width:40px; text-align:right;	padding:0px 2px; }