/* Site Structure Rules ---------------------------------------*/
* {
  margin: 0;
  padding: 0;
  border: 0;
}

html, body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: black;
  background-color: white;
  text-align: center;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 0.9em;
	padding: 2px;
}

table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
}

div#wrapper {
  width: 780px;
  margin: 0 auto 1em auto;
  text-align: left;
}

div#regionhead {
	width: 100%;
	height: 84px;
}

div#centerbody {
	padding: 1em;
	background-color: #dfddd5;
}


/* General Element Rules --------------------------------------*/
p, h1, h2, h3, h4 {
  margin: 0.85em 0;
}

p, ul, ol {
	line-height: 1.5em;
}

h1 {
  font-size: 140%;
}

h2 {
  font-size: 125%;
}

h3 {
	font-size: 110%;
}

h4 {
	font-size: 100%;
}

a {
  text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

ul, ol {
  padding: 0.5em 0;
  margin: 0 0 0 2em;
}

ol {
	margin: 0 0 0 2.25em;
}

ol li {
	margin-bottom: 0.5em;
}

label {
	font-weight: bold;
}


/* Misc formatting rules ------------------------------*/
.extrapadtop {
	margin-top: 1.5em;
}

div.hr {
  border-top: 1px solid #666;	
  margin: 0.85em 0;
}


/* Header Rules ---------------------------------------*/
div#header {
  background: url("header-gradient.gif") repeat-x;
  width: 780px;	
}

div#header a {
  display: block;
  width: 756px;
  height: 46px;	
  color: white;
  font-family:Trebuchet MS, sans-serif;
  padding: 12px; 
}

div#header a:hover {
  text-decoration: none;	
}

div#header span#header-page {
  font-size: 180%;
}

div#header span#header-title {
  font-size: 120%;
}


/* Form Input Rules -----------------------------------*/
input.inputfield, select {
	border: 1px solid #666;
	width: 200px;
}

input.btn {
	border-bottom: 1px solid #777;
	border-right: 1px solid #777;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	background-color: #EEE;
	color: #4a4947;
}

input.btn:hover {
	border-top: 1px solid #777;
	border-left: 1px solid #777;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	background-color: #DDD;
}

input.questinput {
  width: 95%;
  border-width: 0 0 1px 0;
}


/* Various DIV rules -----------------------------------*/
div#passworditems {
	width: 100%;
	overflow: hidden;
	margin: 1em 0;
}

div#meter {
	float: right;
	width: 250px;
	text-align: center;
	padding: 0.85em 0;
}

div#fields {
	float: left;
	width: 450px;
}

div.questresp {
  margin: 0.8em 0;
  width: 100%;	
  overflow: hidden;
}

/* Strength Meter Rules -----------------------------*/
/* used for password complexity meter */  
/* start width 28 */

div#vertgraph { 
	width: 28px !important; 
	height: 60px; 
	position: relative;
	border: 2px solid #A4A4A4;
	margin: 0 auto;		
}

ul#graph2 {
	list-style: none;
	width: 28px !important; 
	height: 207px; 
	margin: 0; 
	padding: 0;
}

ul#graph2 li { 
	height: 160px;
	width: 28px !important;
	position: absolute;
	bottom: 0px;
	padding: 0 !important; 
	margin: 0 !important; 
	background: url("progress_bar_bg.jpg") no-repeat !important; 
	text-align: center; 
	font-weight: bold; 
	color: white; 
	line-height: 2.5em;
}

div#vertgraph li.bar { 
	left: 0px; 
	background-position: 0px bottom !important;
}

div.strengthdisplay { 
	float: none; 
	text-align:center; 
	font-size: 90%;
	font-weight: bold;
	width: 100%;
}

div#strength {
	display: inherit;
	margin-top: 30px;
	position: relative;
	top: 0;
	width: 25%;
	height: 100px;
	margin: 0 auto;
}


/* Error/Sucess/Info Message Rules -----------------------------*/
div.msg-info, div.msg-error, div.msg-success, div#capslockwarning {
	display:block;
	padding:6px 0; 
	width: 100%;
	font-weight: bold;
	font-size: 100%;
}

div.msg-info { 
	/*background-color:#DDDDDD;*/
	/*border:1px solid #D4D4D4;*/ 
}

div.msg-error { 
	color: red;
	/*background-color:#FFCD59;*/
	/*border:1px solid #D4D4D4;*/
}

div.msg-success { 
	/*background-color:#EFEFEF;*/ 
	/*border:1px solid #D4D4D4;*/
}


/* Table Information Rules --------------------------------*/
table.infotable, table.infotable td {
	border: 0px solid #999;
}

table.infotable { 
	border-width: 1px 1px 0 1px; 
	width: 97%; 
	margin: 1em auto 2em auto;
	font-size: 0.95em;
}

table.infotable td {
	border-width: 0 0 1px 0;
	padding: 3px;
}

table.infotable td.title {
	text-align: center;
	font-weight: bold;
	font-size: 115%;
	background-color: #666;	
	color: white;
}

table.infotable td.key {
  text-align: right;
  font-weight: bold;
  width: 200px;
  padding-right: 10px;	
  border-width: 0 1px 1px 0;
}

table.infotable td.cell {
	border-width: 0 1px 1px 0;	
}


/* Question/Response Rules -----------------------------*/

div.questresprow {
	width: 100%;
	margin: 0.30em 0;
	overflow: hidden;
}

div.questrespcol1 {
  float: left;
  width: 12%;	
}

div.questrespcol2 {
	float: right;
	width: 85%;	
}

select.questrespsel {
	width: 400px;	
}

/* FOOTER -------------------------------------------------*/
div#footer {
  font-size: 90%;
}

div#footer div.idle_status {
  color: #333;
}



/* LEFT OVER STUFF FROM THE OLD CSS FILE --------------------------*/
table { border-collapse:collapse;  border: 2px solid #D4D4D4; width:100%; margin-left: auto; margin-right: auto }
table td { border: 1px solid #D4D4D4; padding-left: 5px;}
table td.title { text-align:center; font-weight: bold; font-size: 150%; padding-right: 10px; background-color:#DDDDDD }
table td.key { text-align:right; font-weight:bold; padding-right: 10px; width: 200px;}