/* Griffith Standard Login CSS for
   generation5-corporate-login-v3.0 - 2006.07.14
   Login styles are at the end of the stylesheet. */

/* Standard scheme styles */

* {
	margin: 0px;
	padding: 0px;}

body {
	text-align: center;
	background-color: #eee;
	color: #000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 70%;}

a {
	text-decoration: underline;}

div.br {
	position: relative;
	clear: both;}

a img {
	border: 0;}

.text {
	display: none;}

.printonly {
	display: none;}

#toolbar {
	font-size: 0.8em;
	text-align: right;
	width: 930px;
	margin: 0em auto;}

#toolbar #textversion {
	width: 350px;
	float: left;}
#toolbar #textversion a {
	width: 100%;
	font-weight: bold;
	text-decoration: none;
	color: #eee;
	padding: 0.2em 0;
	text-align: center;
	display: block;}
#toolbar #textversion a:hover, #toolbar #textversion a:focus {
	background: #fff url(login-img/text-version-bg.gif) 0 0 repeat-y;
	color: #000;}
#toolbar #textversion a:active {
	background-color: #fff;
	color: #b11;}

#toolbar ul {
	padding: 0.2em 0;
	list-style-type: none;}
#toolbar ul li {
	line-height: 1.0;
	display: inline;}
#toolbar ul li a {
	text-decoration: none;
	color: #000;}
#toolbar ul li a:hover, #toolbar ul li a:active, #toolbar ul li a:focus {
 	color: #b11;}

#page {
	text-align: left;
	background-color: #fff;
	color: #000;
	width: 930px;
	margin: 0em auto 1em auto;
	border: 1px solid #ccc;}

#banner {
	border-bottom: 1px solid #888;
	padding: 1.05em 1em 1.05em 1em; /* FireFox 1.0 fix */
	background-color: #c02424;
	color: #fff;
	height: 1%;} /* IE 5.0 fix */
#banner #logo {
	width: 273px; /* OP 7.5 fix */
	float: left;}
#banner #logo h1 {}
#banner #logo a {
	display: block;
	text-decoration: none;
	text-indent: -9999px;
	width: 273px;
	height: 30px;
	overflow: hidden;
	background: #c02424 url(login-img/griffith-logo-landscape.gif) 0 0 no-repeat;}

#nav-global {
	padding: 0.3em 0 0 0;
	float: right;}
#nav-global ul {
	display: inline;
	list-style-type: none;}
#nav-global ul li {
	line-height: 1.0;
	display: inline;}

#nav-global a {
	text-decoration: none;
	color: #fff;}
#nav-global a:hover, #nav-global a:focus {
	text-decoration: underline;
	color: #fff;}
#nav-global a:active {
	color: #fff;
	text-decoration: underline;}

#banner #search {
	float: right;}
#banner #search form {
	padding-left: 1em;
	display: inline;}
#banner #search fieldset {
	display: inline;
	border: 0;}
#banner #search legend {
	display: none;}
#banner #search input {
	float: left;
	background: url(login-img/search-input.gif) repeat-x;
	border: 0;
	color: #c02424;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 19px;
	padding: 2px 0 0 0;
	position: relative;
	width: 110px;}
#banner #search img {
	float: left;
	position: relative;
	z-index: 1;}
#banner #search #search-right {
	background: none;
	padding: 0;
	width: 19px;
	position: relative;
	overflow: hidden;}

#breadcrumbs {
	position: relative;}
#breadcrumbs p {
	color: #fff;
	padding: 0.5em 1em;
	background-color: #555;
	border-bottom: 1px solid #888;}
#breadcrumbs a {
	color: #fff;
	text-decoration: none;}
#breadcrumbs a:hover {
	text-decoration: underline;}


#column1 {
	position: relative;
	float: left;
	width: 59.9%;
	overflow: hidden;}
#column1-inner {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;
	border-right: 1px solid #ccc;}

#column2 {
	position: relative;
	float: left;
	width: 39.9%;
	overflow: hidden;}

#column2-inner {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;}

#column3 {
	position: relative;
	float: left;
	width: 33.15%;
	overflow: hidden;}

#column3-inner {
	position: relative;
	padding-left: 15px;
	padding-right: 15px;}

#content {
	padding: 1em 0;
	position: relative; /* Preemptive IE bug-fix */
	background: #fff url(login-img/h1-bg.jpg) 0 0 repeat-x;
	clear: both;}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
	color: #333;
	font-weight: normal;
	padding-bottom: 0.7em;
	padding-left: 0.7em;}

#content h2 {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	color: #333;
	background-color: #ddd;
	font-weight: normal;
	padding: 0.2em 0.7em;}

#content h3 {
	letter-spacing: 0.05em;
	font-size: 1.35em;
	font-weight: normal;
	padding: 0.3em 0;}

#content h4 {
	font-size: 1.2em;
	font-weight: bold;
	padding: 0.4em 0;}

#content h5 {
	letter-spacing: 0.1em;
	font-size: 1.2em;
	font-weight: bold;
	font-style: italic;
	padding: 0.4em 0;}

#content h6 {
	font-style: oblique;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	font-weight: normal;
	padding: 0.4em 0;}

#content div.error-message {
	border: #ddd dotted 1px;
	background-color: #fee;
	color: #555;
	padding: 0.5em;}

#content div.success-message {
	border: #ddd dotted 1px;
	background-color: #dfd;
	color: #555;
	padding: 0.5em;}

#content a {
	color: #c02424;
	text-decoration: underline;}

#content p {
	padding: 0.5em 0;}

#content ol {
	padding: 0.5em 0 0.5em 3em;}

#content ol li {
	padding: 0.1em 0;}

#content ul {
	padding: 0.7em 0 1.3em 0;
	list-style-type: none;}

#content ul li {
	padding: 0.1em 0 0.1em 1.2em;
	background: transparent url(login-img/chevron.gif) 0 0.5em no-repeat;}

#content blockquote {
	padding: 2em 1.5em 2em 2.5em;
	font-style: italic;
	font-size: 1.1em;
	background: #fff url(login-img/blockquote.gif) 0.5em 0.5em no-repeat;}

#content form #griffithsearchinput {
	border: 1px solid #999;
	width: 270px;}

#content form #phonesearchinput {
	border: 1px solid #999;
	width: 270px;}

#content ul.ajaxresults {
	font-size: 0.9em;
	position: relative;
	display: none;
	top: -2px; /* IE 6 fix... change to -1px when IE7 is dominant */
	left: 0;
	padding: 0;
	margin: 0;
	border: 1px solid #999;
	z-index: 1000;
	background-color: #ffeaea;
	width: 268px; /* IE 6 can suck it, IE7 should be an exact width match */
	color: #000;
	list-style-type: none;}

#content ul.ajaxresults li {
	display: inline; /* IE bug fix */
	height: 1%; /* IE 5.5 fix */
	padding: 0;}

#content ul.ajaxresults li a {
	border-bottom: 1px solid #fff;
	height: 1%; /* IE bug fix */
	text-decoration: none;
	padding: 0.2em 0.5em;
	background-color: #ffeaea;
	display: block;
	color: #000;
	font-size: 1em;}

#content ul.ajaxresults li a:hover, #content ul.ajaxresults li a:focus {
	background-color: #f8f8f8;}

#content ul.ajaxresults li a:active {
	color: #fff;
	background-color: #c02424;}

#content ul.ajaxresults li span.field2 {
	position: absolute;
	right: 0;
	padding-right: 0.5em;
	text-align: right;
	font-weight: normal;
	color: #911;}

#content ul.ajaxresults li.summary {
	display: block;
	padding: 0.2em 0.5em;
	text-align: right;
	color: #fff;
	background-color: #666;}

#content p.leading {
	font-style: oblique;
	letter-spacing: 0.1em;
	font-size: 1.2em;
	padding: 0.5em 0;}
#content p.leading:first-letter {
	font-weight: bold;
	font-size: 1.4em;}

#content div.image {
	text-align: center;
	height: 1%; /* IE bug-fix */
	margin: 0.5em 0;
	background-color: #eee;}
#content div.image img {
	float: left;
	margin-right: 1em;
	border: 1px solid #888;}
#content div.image p {
	text-align: left;
	padding: 1em;
	font-style: italic;}
#content div.bottom {
	text-align: center;}
#content div.bottom img {
	float: none;
	margin: 0;}
#content div.bottom p {
	padding: 0.5em;}

#content img.spotlight {
	margin-top: 1em;}

#content a img.spotlight {
	border: 0;}

#content div.ernews-article {
	clear: left;
	margin: 0.5em 0 1em 0;}
#content div.ernews-article h2 {
	padding:  0.3em 0 0.3em 0;
	background-color: transparent;
	font-size: 1em;
	font-weight: bold;}
#content div.ernews-article img {
	border: 1px solid #ddd;
	padding: 3px;
	margin: 0 0.5em 0.5em 0;
	float: left;}
#content div.ernews-article p {
	padding: 0;
	color: #555;}

#content form {
	padding: 1em 0;}
#content fieldset {
	padding: 0 1em 1em 1em;
	margin-bottom: 1em;
	background-color: #f9f9f9;
	border: 1px solid #ddd;}
#content fieldset fieldset {
	padding: 1em 1em;
	margin-bottom: 0;}
#content fieldset:hover {
	border: 1px solid #bbb;}
#content fieldset legend {
	color: #000;
	padding: 0 0.5em 0.5em 0.5em;
	font-weight: bold;}
#content fieldset fieldset legend {
	font-weight: normal;}
#content fieldset label {
	display: block;
	padding: 0.8em 0 0.2em 0;}
#content fieldset fieldset label {
	padding: 0.3em 0;}
#content form .required {
	font-size: 0.8em;
	color: #c02424;}
#content fieldset p {
	padding: 0.5em 0;}
#content fieldset input {
	font-size: 1.1em;
	width: 20em;}
#content fieldset fieldset input {
	width: auto;}
#content fieldset fieldset label:hover {
	background-color: #eee;}
#content fieldset input.checkbox {
	width: auto;}
#content fieldset input.radio {
	width: auto;}
#content fieldset textarea {
	font-size: 1.1em;
	width: 20em;}
#content fieldset .fullwidth {
	width: 95%;}
#content form div.submit {
	text-align: right;
	margin: 1em 0;
	padding: 1em;
	background-color: #f9f9f9;
	border: 1px solid #ddd;}
#content form div.submit input {
	background-color: #ddd;
	font-weight: bold;
	padding: 0.1em 0.5em;
	color: #000;
	border: 1px double #aaa;}
#content form input.submit {
	width: auto;
	overflow: visible;
	float: right;
	background-color: #ddd;
	font-weight: bold;
	padding: 0.1em 0.5em;
	color: #000;
	border: 1px double #aaa;}


#content table {
	margin: 1em 0em;
	border-collapse: collapse;}
#content table caption {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: left;
	font-size: 0.9em;
	padding: 0.5em 0;}
#content table td {
	padding: 0.25em 0.4em;
	border: 1px solid #ddd;}
#content table th {
	font-weight: bold;
	background-color: #eee;
	padding: 0.5em 0.4em;
	border: 1px solid #ddd;
	border-bottom: 3px solid #ccc;}
#content table tr.highlight {
	color: #fff;
	background-color: #666;}
#content table .center {
	text-align: center;}
#content table tr:hover {
	color: #000;
	background-color: #f8f8f8;}
#content table tr.highlight:hover {
	color: #fff;
	background-color: #666;}

#content table.feature {
	background-color: #ffeaea;}
#content table.feature td {
	border: 1px solid #fff;}
#content table.feature th {
	background-color: #c02424;
	color: #fff;
	border: 1px solid #fff;
	border-bottom: 3px solid #ccc;}
#content table.feature tr.highlight {
	color: #fff;
	background-color: #666;}


#nav-local ul {
	padding: 0;
	list-style-type: none;}
#nav-local ul li {
	display: inline; /* IE bug fix */
	height: 1%; /* IE 5.5 fix */}
#nav-local ul li a {
	text-decoration: none;
	display: block;
	color: #333;
	height: 1%; /* IE bug fix */
	padding: 0.45em 0.5em 0.45em 2.0em;
	background: #f1f1f1 url(login-img/chevron.gif) 0.9em 0.8em no-repeat;
	border-bottom: 1px solid #fff;}
#nav-local ul li a:hover, #nav-local ul li a:focus {
	background-color: #e6e6e6;
	border-bottom: 1px solid #ccc;}
#nav-local ul li a:active {
	color: #fff;
	background-color: #c02424;}
#nav-local ul li ul {
	margin: 0;}
#nav-local ul li ul li a {
	padding: 0.4em 0.5em 0.4em 3em;
	background: #f9f9f9 url(login-img/chevron.gif) 1.9em 0.8em no-repeat;}
#nav-local ul li ul li a:hover, #nav-local ul li ul li a:focus {
	background-color: #e9e9e9;}
#nav-local ul li ul li a:active {
	color: #fff;
	background-color: #c02424;}


#nav-local ul li.group a {
	font-size: 1.2em;
	padding: 0.4em 0.5em 0.4em 0.9em;
	font-weight: bold;
	color: #fff;
	background: #555 none 0 0 no-repeat;}
#nav-local ul li.group a:hover {
	color: #fff;
	background-color: #666;
	border-bottom: 1px solid #fff;}
#nav-local ul li.site a {
	font-size: 1.2em;
	padding: 0.4em 0.5em 0.4em 0.9em;
	font-weight: bold;
	color: #fff;
	background: #c02424 none 0 0 no-repeat;}
#nav-local ul li.site a:hover {
	color: #fff;
	background-color: #dc060a;
	border-bottom: 1px solid #fff;}

#backtotop {
	padding: 0em 1em;
	text-align: right;}
#backtotop a {
	color: #c02424;
	font-size: 0.8em;
	padding: 0.2em 0 0.2em 1.5em;
	background: transparent url(login-img/backtotop.gif) 0 0.5em no-repeat;}

#footer {
	clear: both;
	font-size: 0.9em;
	color: #555;
	padding: 5em 1em 1em 1em;}
#footer a {
	text-decoration: none;
	padding: 0.3em 0em;
	color: #555;}
#footer a:hover, #footer a:active, #footer a:focus {
	text-decoration: underline;
	color: #b11;}
#footer ul {
	padding-top: 1em;
	float: right;
	list-style-type: none;}
#footer ul li {
	display: inline;}
#footer #print-footer {
	display: none;}


/* login css */

#content form.login-form {
	border: #ccc 1px solid;
	margin: 1em 0;
	padding: 0.5em 1em;}
#content form.login-form fieldset input {
	width: 90%;}

#content ul#login-help {
	float: right;
	width: 30%;
	margin: 1.8em 0 1em 0;
	border-left: 1px solid #ccc;
	padding: 0.5em 0;}
#content ul#login-help li {
	padding: 0.4em 0 0.4em 1.2em;
	background: none;}

#content form div.submit {
	margin: 1em 0;
	padding: 0;
	background-color: transparent;
	border: 0px;}
#content #login {
	text-align: center;
	margin: 0.5em auto;
	display: block;}

#content form fieldset {
	padding: 0;
	margin: 0;
	background-color: transparent;
	border: 0px;}
#content form fieldset:hover {
	border: 0px;}
#content form fieldset legend {
	display: none;}

#content  .warning {
	margin: 1em 0 1em 0;
	border: #ddd dotted 1px;
	background-color: #fee;
	color: #555;
	padding: 0.5em;}
#content  .warning p {
	font-weight: bold;}

#content  .fyi {}
#content  .fyi p {
	font-weight: normal;}

#content  .major {
	background-color: #fcc;
	border: 1px dotted #b11;
	color: #000;}
#content  .major p {
	font-weight: bold;}

#content  .wrong-password {
	margin: 1em 0 1em 0;
	background-color: #fcc;
	border: 1px dotted #b11;
	padding: 0.5em;
	color: #000;}
#content  .wrong-password p {
	font-weight: bold;
	font-size: 1.1em;}

#content ul.notices li {
	padding: 0.3em 0 0.3em 1.2em;
	background: transparent url(login-img/chevron.gif) 0 0.7em no-repeat;}