/*
-----------------------------------------------
UtiliPoint Styles
'	$Id: mainstyles14a.css,v 1.11 2008/08/10 14:41:50 manfred Exp $
'    Copyright (c) 2005 Manfred Stanfield
'
'	Developer:
'		Manfred Stanfield
'		$Author: manfred $
'	Date:
'		$Date: 2008/08/10 14:41:50 $
'	Version:
'		$Revision: 1.11 $
'    Description:
'        Main Page Layout and formatting styles
'    Parameters:
'        none
'    Usage:
'        NA
'	PseudoCode:
'		NA
'    Documentation:
'        none
'    Based on:
'
----------------------------------------------- */

/* Main fonts, text, and headers
----------------------------------------------- */
body 				{ background-color: white; padding: 0; margin: 0px; }
form				{ display: inline; margin: 0; padding: 0; }
h1                  { color:#335; font: bold 28px Georgia, verdana, Helvetica, arial, geneva, sans-serif; font-style:italic; }
h2                  { color:#333; font: bold 24px Georgia, verdana, Helvetica, arial, geneva, sans-serif; }
h3                  { color:#333; font: bold 20px verdana, Helvetica, arial, geneva, sans-serif; margin-bottom: 0; padding-bottom: 0; line-height: normal; }

p, ul, dl, ol, div       { color:#333; background-color: transparent;  font: normal 10pt verdana, Helvetica, arial, geneva, sans-serif; }

/* Links
----------------------------------------------- */
a img 				{ border-width:0; }
a:link			    { color:#358; background-color: transparent; text-decoration: underline; }
a:visited		    { color:#677; background-color: transparent; text-decoration: underline; }
a:active		    { color:#000; background-color: transparent; text-decoration: underline; }
a:hover			    { color:#f00; background-color: transparent; text-decoration: underline; }

/* Page Structure
----------------------------------------------- */
#masthead		{ padding: 0; background-color: #4a3959; background: url(images/bkgd2.gif); }
#masthead h1	{ padding: 0; margin: 0; }

	div#sidebar {position: absolute; top: 120px; /*top: 150px; */left: 0; width: 220px; background: transparent; padding: 0; margin: 1em; border-width: 0; }
	div#sidebar div { /*margin-bottom: 1em;*/ }

	#navcontainer { margin: 0; font: bold 11px verdana, Helvetica, arial, geneva, sans-serif; }

	#navcontainer ul { margin: 0; padding: 2px; list-style-type: none; font-family: verdana, arial, Helvetica, sans-serif; }
	#navcontainer ul li { margin:  0 0 1px 0; /* background-image: url(/conferences/Conferences.jpg);*/ background-color: #7c91b4; }
	#navcontainer ul a { font-weight: bold; /* Sets all levels to bold*/ display: block; padding: 5px 10px; width: 198px; color: #fff; /*background-color: #C38C4F;*/ text-decoration: none; }
	#navcontainer ul a:hover { color: #f00; /*background-color: #6B4E7A;*/ text-decoration: none; }
	#navcontainer ul .current { color: #000; /*background-color: #afad83;*/ }

	#navcontainer ul ul li { margin:  0 0 1px 0; }
	#navcontainer ul ul a { display: block; padding: 5px 5px 5px 30px; width: 180px; color: #000; background-color: #fff; text-decoration: none; }
	#navcontainer ul ul a:hover { color: #fff; background-color: #6B4E7A; text-decoration: none; }
	#navcontainer ul ul .current { color: #000; background-color: #afad83; }

	#navcontainer ul ul ul li { margin:  0 0 1px 0; }
	#navcontainer ul ul ul a { display: block; padding: 5px 5px 5px 50px; width: 160px; color: #000; background-color: #fff; text-decoration: none; }
	#navcontainer ul ul ul a:hover { color: #fff; background-color: #6B4E7A; text-decoration: none; }
	#navcontainer ul ul ul .current { color: #000; background-color: #afad83; }

div#note p {margin: 0; padding: 0.66em; font-size: 80%; font-family: sans-serif; line-height: 1.33; color: #335;}
div#note h4, div#credits h4 {font-weight: bold; letter-spacing: 0.5em; margin: 0; padding: 0.33em 0.5em 0.167em; border-top: 1px solid #335; border-bottom: 1px solid #557; background: #C38C4F; color: white;}
div#sidebar div#credits a {padding: 0.33em 0.66em 0.167em 0.66em; letter-spacing: 0; font-weight: normal; text-align: left; font-size: 90%;}

/* TOP Navigation bar
----------------------------------------------- */
#navbar				{ left: 0px; top: 80px; height: 25px; width: 100%; background-color: #C38C4F; border-top: 1px solid black; /*border-bottom: 1px solid red;*/ }
#navbar ul 			{ margin: 2px 0; padding: 0; list-style-type: none; height: 24px;
			text-align: center; vertical-align: middle; width: 95%; }
#navbar ul li 		{ display: inline; font: bold 10pt Verdana,Arial,sans-serif; text-transform: uppercase; }
#navbar a:link, #navbar a:visited { text-decoration: none; padding: 4px 15px 4px 0px; color: #fff; }
#navbar a:hover		{ text-decoration: underline; color: #fff; }

/* TOP Secondary bar
----------------------------------------------- */
#secnavbar			{ left: 0px; height: 30px; width: 100%; background-color: #fff; border-bottom: 1px solid #000; }
#secnavbar ul 		{ margin: 2px 0; padding: 0; list-style-type: none; height: 20px;
			text-align: center; vertical-align: middle; color: #f00; }
#secnavbar ul li 	{ display: inline; font: bold 9pt Verdana,Arial,sans-serif; }
#secnavbar a:link, a:visited { text-decoration: underline; padding: 4px 10px 4px 0px; color:#000; }
#secnavbar a:hover	{  text-decoration: underline; color: #f00; }

/* Content Area/body of site
----------------------------------------------- */
div#main {position: absolute; top: 120px; /*top: 150px;*/ left: 240px; width: auto; margin: 1em; padding: 1em 1.5em; /*border: 1px solid red;*/ }
div#main h3 {letter-spacing: 3px; margin: 1.25em 0 0;}
div#main h3#top {margin-top: 0;}
div#main p {margin: 0.25em 0 1em; line-height: 1.25em;}

/* Message Boxes */
div.messageBox { font-size:12px; margin:0 0 10px 0; border:1px solid #000; padding:12px 40px 0 12px; background-repeat:no-repeat; background-position:17px 15px; 
	background-color:#ffc; border-color:#fc0; __width:auto; width:400px; min-width:200px; min-height:50px; }
div.messageBox.notification { background-image: url(/images/icon_notification.gif); background-color: #eff7fe; border-color: #83a8cc; color: #000; padding-left: 80px; }
div.messageBox.confirmation { background-image: url(/images/icon_confirmation.gif); background-color: #fafff1; border-color: #a9d260; color: #000; padding-left: 80px; }
div.messageBox.criticalalert { background-image: url(/images/icon_criticalalert.gif); background-color: #fcc; border-color:#C30; color: #000; padding-left: 80px; }
div.messageBox.error { background-image: url(/images/icon_criticalalert.gif); background-color: #ffc; border-color: #fc0; color: #c60000; padding-left: 80px; }
div.messageBox p { color:#F00; margin: 0 0 12px 0 !important; line-height: 1.5; }
div.messageBox ul { margin: 0 0 12px 20px; padding: 0; line-height: 1.5; }
div.messageBox li { color:#F00; list-style-image: none; list-style-type: disc; }

.errortextRed { color:##cc0000; font-family:Arial, Helvetica,sans-serif; font-size:12px;}

#loadingMessage {
	z-index: 2;
	position: absolute;
	border: 2px solid black;
	background-color: white;
	padding: 5px 10px;
}