/*
* Table based page layout.
*/

@import url("/css3/admin.css");
@import url("/css3/std-layout.css");
@import url("/css3/cms-edit-form.css");
@import url("/css3/content-types/master.css");

/*
* Includes for RWE.
*/

@import url("/training/rockwell.css");

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 0px;
	margin-bottom: 50px;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding: 0px 0px 0px 0px;
	 background-color: #000099; 
}
p {
  line-height: 130%;
  font-size: 10pt;
  margin-top: 0px;
}

tablex {
  	border-collapse: collapse;
  	border: 0px;
	margin: 0px;
	padding: 0px;
	
	vertical-align: top;
}
tdx {
  text-align:left;
  vertical-align: top;
  padding: 0px;
}

/*
* Table based page layout.
*/

table.form {
  border-collapse: separate;
}

/* Top Row */
table.top {
	width: 100%;
	/* height: 70px; */
	border: 0px;
	padding : 0px;
	margin: 0px;
	
	background-color: #000099;
}
td.top-right {
	vertical-align: bottom;
}



/* Top Navigation Strip */
table.top-nav-strip {
	width: 100%;
	height: 15px;
	border: 0px;
	padding: 0px;
	margin: 0px;
}
table.top-nav-strip td {
	background-color: #000099;
}

div.top-nav-strip {
	
	background-color: #000099;
}

div.nav-strip {
	/* height: 20px; */
	float:right;
	text-align:right;
}

div.search-strip
{
	
	text-align: left;
}

span.search-form-label {
  font-weight: normal;
  color: white;
}

/* General Purpose Style Classes */
div.group
{
	margin: 0px;
	padding: 0px;
	border-color: #F0F;
	border-width: 1px;
	border-style: dashed;
}
table.grouper {
  width: 100%;
  margin: 0px;
  padding: 0px;
}
div.grouper {
  width: 100%;
  margin: 0px;
  padding: 0px;
}


table.layout {
	/* cellpadding: 0;
	cellspacing: 0;
	*/
}

td.content {
	padding: 2px;
}

/* Main body row */
/*
table#body {
	width: 800px;
}

td#left-margin {
	width: 150px;
	vertical-align: top;
	padding: 4px;
	text-align: center;
	background-color: #000099;
}

td#main {
	width: 500px;
	border: 2px;
	background-color: white;
}

td#right-margin {
	width: 150px;
	
	vertical-align: top;
	background-color: white;
}
*/



/*
* Page Layout.
*/

div#header {
  position: absolute;
  left: 0px;
  top: 0px;
  right: 0px;
  
  height: 70px;
  
  background-color: #000099;
}

div#header-left {
  position: absolute;
  top: 0px;;
  left: 0px;

/*   width: 400px; */
/*   border: dashed red 1px; */
}
div#header-right {
  position: absolute;
  bottom: 0px;;
  right: 0px;
  
/* Top Navigation */
/*    width: 100px;  */
/*    border: dashed fuchsia 1px; */
}

div#top-nav {
/*  border: dashed fuchsia 1px; */
 text-align: right;
 background-color: #000099;
}
div#top-nav-menu {
/*  border: dashed fuchsia 1px; */
}
div.login-control {
/*  border: dashed fuchsia 1px; */
	display: inline;
}
span.top-nav-item {
/*  border: dashed fuchsia 1px; */
}
  	
  


div#main-nav {
   position: absolute;
   left: 0px;
   top: 70px;
   
   width: 150px;
   margin: 0px; 
   padding: 0px;
   background-color: #000099;
  
/*    border: dashed green 1px; */
}
div#right-margin {
   position: absolute;
   left: 650px;
   top: 70px;
   right: 770px;
   margin: 0px; 
   padding: 0px;
  
  background-color: #000099;
/*     border: dashed silver 1px;  */
}

div#main {
	position: absolute;
	left: 150px;
	top: 70px;
	
	margin: 0px; 
    padding: 0px;
	width: 500px;
	
	background-color: #FFFFFF;
	

}
div.bottom {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
}

div.intro {
  position: absolute;
  top: 0px;
  
  width: 500px;
  height: 200px;
  
  margin: 0px; 
  padding: 0px;
}

div.features {
	position: absolute;
  	top: 200px;
  	left: 0px;
  	
  	margin: 0px; 
    padding: 0px;
  	width:500px;
  	
}

div.left-column {
  	/* position: absolute; */
/*   	top: 0px; */
/*   	left: 0px; */
/*   	bottom: auto; */
	float: left;
  	
  	margin: 0px; 
    padding: 0px;
  	width:225px;
  	
  	 background-color: silver;
  	
/*   	border: dashed gray; */
}

div.right-column {
 /*  position: absolute; */
/*   top: 0px; */
/*   left: 250px; */
/*   bottom: auto; */
  float: left;
  
  margin: 0px;
  padding: 0px;
  width:225px;
  
  background-color: silver;
  
/*  border: dashed gray; */
}

/****************************************
/* Relatively positioned, grouping boxes 
/*****************************************/

div.group {
  position: relative;
  margin: 0px; 
  padding: 0px;
  width: 500px;
}

div.intro-group {
  position: relative;
  margin: 0px; 
  padding: 0px;
  width: 500px;
  height: 150px;
}

div.content {
  position: relative;
  
/*   padding: 2px; */
  margin-left:   1px;
  margin-right:  1px;
  margin-top:    1px;
  margin-bottom: 2px;
   
}

div#pusher {
  position: absolute;
  top: 20px;
  left: 20px;
/*   right: 20px; */
/*   bottom: 20px; */
  height: 90%;
  background-color: silver;
  overflow: visible;
 }
 
div#footer {
	/* position: absolute; */
/* 	left: 0px; */
/* 	bottom: 0px; */
	
	width: 100%;
	text-align: center;
	padding-top: 5px;
}

/* Home Page Layout for body */
div#home-header {
  position: absolute;
  left: 0px;
  top: 0px;
  
  height: 100px;
  width: 770px;
  
  background-color: #000099;
}

div#home-main-nav {
   position: absolute;
   left: 0px;
   top: 100px;
   
   width: 150px;
      height: 100%;
   background-color: #000099;
}

div#home-body {
	position: absolute;
	left: 150px;
	top: 100px;
	
	width: 500px;
	
}

div#home-nav {
  position: absolute;
  top: 0px;
  
  width: 500px;
  height: 250px;
  
}

div#home-left {
  	position: absolute;
  	top: 250px;
  	left: 0px;
  	
  	width:250px;
  	
  	border: dashed gray;
}

div#home-right {
  position: absolute;
  top: 250px;
  left: 250px;
  
  width:250px;
/*   border:dashed fuchsia; */
  
}


/*
 Content area, top section for main pages.
*/
.content-top {
   height: 300px;
}

/*
 General Form Setup
*/


.form-box {
  background-color: silver;
   border-width: thin;
   border-style: dashed;
   border-color: gray;
   margin-left:3%;
   margin-right:3%;
}
.form-label {
  background-color: gray;
  font-weight: normal;
  text-align: left;
}
.form-label-required {
    color : black; 
	background-color: gray;
	font-weight: bold;
	text-align: left;
}
.form-label-across {
	background-color: gray;
	text-align: center;
}
.form-label-across-required {
	background-color: gray;
	text-align: center;
	font-weight: bold;
}


/*
 Standard, default links
*/
a {color: blue; font-style:normal; text-decoration: underline} 
a:link {color: blue;  font-style:normal; text-decoration: underline}
a:visited {color: blue; font-style:normal; text-decoration: underline}
a:hover {color: blue; background-color: #3399FF;  text-decoration: underline}
a:active { color: blue;  background-color: yellow;}

/*
 Standard, default table
*/
tablex {
  border-width: 0px;
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
}

/* h1 {font-size: 18pt; font-weight: bold; background-color: #000099; color: white; text-align: center}
h2 {font-size: 16pt; font-weight: bold; background-color: #000099; color: white; text-align: center} */
h3 {font-size: 12pt; font-weight: bold; background-color: #000099; color: white; text-align: center}
h4 {
	font-size: 12pt; 
	font-weight: bold; 
	color: #000099; 
	text-align: center;
	padding: 0px 0px 0px 0px;
    margin: 4px 4px 4px 4px;
}
h5 {
	font-size: 110%; 
	font-weight: bold; 
	color: #000099; 
	text-align: left;
	padding: 2px 2px 2px 2px;
    margin: 2px 2px 2px 2px;
}
h6 {font-size: 12pt; font-weight: bold; background-color: #000099; color: white; text-align: center}
small {font-size: 9pt}


.note {
  border: dashed;
  border-width: 1px;
  margin: 25px;
  margin-left: 25px; 
  margin-right: 25px;
}

.title-box {
	background-color: #000099; 
	color: white; 
	font-size: 14pt; 
	font-weight: bold; 
	text-align: center
}

/*
* header content type
*/
.header-container-top {
  margin: 0px; 
  padding: 0px;
}
.header-box-top {
	background-color: #000099; 
	color: white;
	padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px; 
}
.header-leftcol-top {
  text-align: left;
}
.header-rightcol-top {
  text-align: right; 
}

/*
* Footer content type
*/
.footer-container-top {
  margin-top: 5px;
  
/*   border: dashed 1px yellow; */
}
.footer-box-top {
  color: white; 
  font-size: 7pt; 
  text-align: center;
  color: yellow;
}


.edit-button-box {
 background-color: yellow;
 border-width: thin;
 border-style: dashed;
 border-color: gray
 }
.edit-button-link {
  color: red;
  font-weight: bold
}

/* float: left; omitted due to NS4 incompatability. */
.standard-image {
	border: 0;  
	float:left; 
	margin-left: 0
}

h1, .header1 {
	font-size: 16pt; 
	font-weight: bold; 
	background-color: #000099; 
	color: white; 
	text-align: center; 
	width: 100%;
	margin-top: 1px;
	margin-left: 1px;
	padding-top: 2px;
	padding-bottom: 2px
}
h2, .header2 {
	font-size: 11pt; 
	font-weight: bold; 
	background-color: #000099; 
	color: white; 
	text-align: center; 
	margin-top: 8px;
	margin-left: 0px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 0px;
	padding-right: 0px;
}
.runin-header2 {
	font-size: 11pt; 
	font-weight: bold;
	display: inline;
	color: #000099;
	padding-right: 5px;
}


h2 a, h2 a:link, h2 a:visited {
	color: white; 
	font-size: 11pt; 
	font-style:normal; 
	text-decoration: underline
}
h2 a:hover {
	color: white; 
	font-size: 11pt; 
	font-style:normal; 
	background-color: #3399FF;
	text-decoration: underline
}
h2 a:active {
	color: white; 
	font-size: 11pt; 
	font-style:normal; 
	background-color: green;
	text-decoration: underline
}



/* Remove these and just call plain "header2" */
.features-header {
	font-size: 11pt; 
	font-weight: bold; 
	background-color: #000099; 
	color: white; 
	text-align: 
	center; width: 100%
}


.contacts-header {font-size: 11pt; font-weight: bold; background-color: #000099; color: white; text-align: center; width: 100%}




/*
 Navbar
*/
.navbar {
  background-color: #000099;
  font-size: 10pt;
  color: white;
  text-align: right;
 }

a.navbar {color: white; font-style:normal; text-decoration: none}
a.navbar:link {color: white; font-style:normal; text-decoration: none}
a.navbar:visited {color: white}
a.navbar:hover {background-color: #3399FF; color: white; text-decoration: underline}
a.navbar:active {background-color: yellow; color: blue}

/*
 Login / Logout
*/

.login-form {
	background-color: #3399FF;
	text-align: center;
	padding: 4px;
}

.login-form-label {
	font-weight: bold;
}
.login-form-button {
	text-align: center;
}

.login-control
{
	display: inline;
	background-color: #000099;
	font-size: 10pt;
	text-align: right;
	color: #06F;
}
a.login-control {color: #06F; font-style:normal; text-decoration: none}
a.login-control:link {color: #06F;  font-style:normal; text-decoration: none}
a.login-control:visited {color: #06F}
a.login-control:hover {background-color: #3399FF; color: white; text-decoration: underline}
a.login-control:active {background-color: green; color: blue}

.logout-control {
  display: inline;
  background-color: #000099;
  font-size: 10pt;
  color: #06F;
 }
a.logout-control {color: #06F;  font-style:normal; text-decoration: none}
a.logout-control:link {color: #06F;  font-style:normal; text-decoration: none}
a.logout-control:visited {color: #06F}
a.logout-control:hover {background-color: #3399FF; color: white; text-decoration: underline}
a.logout-control:active {background-color: red; color: blue}


/*
 Narrow (stadard) styles.
*/

a
{
	color: #009;
	font-style: normal;
	text-decoration: underline;
}

a:link
{
	color: #009;
	font-style: normal;
	text-decoration: underline;
}
a:visited
{
	color: #009;
	font-style: normal;
	text-decoration: underline;
}
a:hover
{
	color: #009;
	font-style: normal;
	text-decoration: underline;
}
a:active
{
	color: #009;
	font-style: normal;
	text-decoration: underline;
}





/*
 Links
*/

a.link-link:link {color: blue; font-style:normal; text-decoration: underline}
a.link-link:visited {color: blue; font-style:normal; text-decoration: underline}
a.link-link:hover {color: white; background-color: #3399FF;  text-decoration: underline}
a.link-link:active {color: blue; background-color: yellow; }

.link-container {
}
.link-box {
  margin-top: 0px;
  margin-left: 5px;
  margin-bottom: 5px;
}
.link-blurb {
   margin-left: 10px;
}
.link-link {
}




/*  
*
*/
.admin-tool-menu-box {background-color: silver}
.admin-tool-content-box {background-color: white}
.admin-tool-label-box {background-color: aqua; font-size: 14pt; font-weight: bold}
.admin-tool-menu-box {background-color: silver; font-size: 9pt}



.label
{
	display: inline;
	color: gray;
	padding-right: 5px;
}





/*
* FAQ
*/

.faq-container-medium {
    margin: 0px; 
  padding: 0px;
 }
.faq-box-medium {
}
.faq-question-medium {
  font-weight: bold;
  font-size: 14pt;
  
}
.faq-answer-medium {
  font-style: normal;
  margin-left: 25px;
  margin-right: 25px;
}


/*
*/

.message-page {
  text-align: center;
  width: 80%
}

.error-message-box {
  background-color: silver;
  padding: 4px;
  border: 2px red dashed;
}

.error-title-box {
  color: red;
  font-weight: bold;
  font-size: 16pt;
  text-align: center
}
.error-title-text {
  color: black;
  font-size: 14pt;
  text-align: left
}

.error-box {
  background-color: silver;
   padding: 4px;
  border: 2px red dashed;
}

.error-title {
  color: red;
  font-weight: bold;
  font-size: 16pt;
  text-align: center
}
.error-message {
  color: black;
  font-size: 14pt;
  text-align: left
}

.right-margin-list
{
	margin: 2px;
	padding-left: 12px;
	/* border: dashed red 1px; */
	list-style-type: disc;
	font-size: 90%;
}
.right-margin-content {
	
	 margin: 0px;
	 /* border: dashed blue 1px; */
}



/* div#content-body {visibility: hidden; } */





.roundedcornr_box_320873 {
   background: #0099ff url(/i/b/roundedcornr_320873_grad.png) repeat-x;
}
.roundedcornr_box_320873 { color: #BBB; width: 30em; padding: 15px; }


.roundedcornr_box_733373 {
   background: #000099 url(/i/b/roundedcornr_733373_grad.png) repeat-x;
}
.roundedcornr_box_733373 { color: #BBB; width: 30em; padding: 15px; }


.roundedcornr_box_304908 {
   background: #0099ff url(roundedcornr_304908_grad.png) repeat-x;
}
.roundedcornr_box_304908 { color: #BBB; width: 30em; padding: 15px; }

.roundedcornr_box_372236 {
   background: #000099 url(roundedcornr_372236_grad.png) repeat-x;
}
.roundedcornr_box_372236 { color: #BBB; width: 30em; padding: 15px; }

.roundedcornr_box_328439 {
   background: #0033ff url(roundedcornr_328439_grad.png) repeat-x;
}
.roundedcornr_box_328439 { color: #BBB; width: 30em; padding: 15px; }


div#content-left { visibility: hidden; }

div#content-right { visibility: hidden; }

/* NEW LAYOUT STUFF */
div.layout
{
	padding: 0px;
	/* visibility: hidden; */
	/*	border: 1px green dashed;  */
}
div.column {
	background-color: #FFFFFF;
	padding: 6px;
	margin: 0px;
	
/*	 border: 1px red dashed;  */
}
div.wrapper {
	margin:auto;
}

div.layout#header
{
	position: absolute;
	top: 0px;
	left: 0px;
}
div.layout#footer
{
	position: absolute;
	left: 0px;
	bottom: 0px;
	visibility: hidden;
}
div.column#left-column
{
	position: absolute;
	top: 100px;
	left: 10px;
	width:163px;
	visibility: hidden;
}

div.wrapper#left-column-wrapperx {
	width:165px;
	margin: auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

div.column#middle-column {
	position: absolute;
	top: 100px;
	left: 195px;
	width:588px;
	visibility: hidden;
	border: 1px green solid;
}
div.column#right-column {
	position: absolute;
	top: 100px;
	left: 805px;
	width:173px;
	visibility: hidden;
}
#xright-column-wrapper {
	float:left;
}

.wrapper {
	float: left;
}
div.wrapper#right-column-wrapperx {
	width:165px;
	margin: auto;
	margin-top: 4px;
	margin-bottom: 4px;
}

img.block {
	display:block;
	border-width: 0px; border-style: none;
}

img {
	display:block;
	border-width: 0px; border-style: none;
}
img.dlarrow
{
	display: inline;
	width: 16px;
	height: 13px;
	margin: 0 2px 0 0;
}

/* Line card - oh why not working in the css file? */

div.line-card-image-A-narrow {  
	padding-left:18px; 
	padding-top: 4px; padding-bottom: 4px;
}

input.search-form-submit {
	margin-left: 3px;
}

ul.potm { list-style: none; }

ul.potm li {
	margin-bottom: 8px;
	display: block; 
}