@CHARSET "UTF-8";

body {
  font:               13px/20px palatino, helvetica, serif;
  margin:             0px;
  background-color:   #ccc;
  color:              #000;
}

.container {
  float-left:         50%;
  margin:             0 auto;
  width:              720px; /* subtract 40px from banner width for padding */
  background:         #FFFFFF;
  border-left:        1px solid #000;
  border-right:       1px solid #000;
}

.container_dimc {
  float-left:         50%;
  margin:             0 auto;
  width:              980px; /* subtract 40px from banner width for padding */
  background:         #FFFFFF;
  border-left:        1px solid #000;
  border-right:       1px solid #000;

/*
  padding:            0 20px 0px 20px;
  background-image:   url(/fps-web/resources/gfx/headerbkg.png);
  background-repeat:  repeat-x;
  padding-top:        30px;
  box-shadow:         3px 3px 15px #d5d5d5;
  border-top:         5px solid #000000;
  border-bottom:      25px solid #8c8f91;
*/
}

/* ------------------------------------------------------------------------------------------ */

.header {
  width:              720px;
  height:             93px;
  background-image:   url("/fps-web/resources/gfx/fps_new_720x92.gif");
  text-align:         right;
  vertical-align:     top;
  color:              white;
  border-bottom:      1px solid white;
}

.header_dimc {
  width:              980px;
  height:             93px;
  background-image:   url("/fps-web/resources/gfx/dimc_new_980x92.gif");
  text-align:         right;
  vertical-align:     top;
  color:              white;
  border-bottom:      1px solid white;
}

.header_sc {
  width:              720px;
  height:             93px;
  background-image:   url("/fps-web/resources/gfx/stayconnected_new_720x92.gif");
  text-align:         right;
  vertical-align:     top;
  color:              white;
  border-bottom:      1px solid white;
}

.header a, .header_dimc a, .header_sc a {
  color:              #FFFFFF;
}

.header a:visited, .header_dimc a:visited, .header_sc a:visited {
  color:              #FFFFFF;
}

.header a:link, .header_dimc a:link, .header_sc a:link {
  color:              #FFFFFF;
}

.header a:hover, .header_dimc a:hover, .header_sc a:hover {
  color:              #DDDDFF;
}

.header a:active, .header_dimc a:active, .header_sc a:active {
  color:              #DDDDFF;
}

/* ------------------------------------------------------------------------------------------ */

.nav_container {
  margin:             0px;
  width:              100%;
  background-color:   silver;
  border:             0px;
  border-spacing:     0;
  border-collapse:    collapse;
}

.nav_container a {
  color:              #0F2139;
  text-decoration:    none;
}

.nav_container a:visited {
  color:              #0F2139;
}

.nav_container a:link {
  color:              #0F2139;
}

.nav_container a:hover {
  color:              #144C94;
}

.nav_container a:active {
  color:              #144C94;
}

input[type="text"],input[type="password"] {
	width: 254px;
	-webkit-border-radius: 3px;
	border-radius: 3px; 
	height: 18px;
	border: 1px solid #cccccc;
	-webkit-transition: all 0.30s ease-in-out;
	-moz-transition: all 0.30s ease-in-out;
	-ms-transition: all 0.30s ease-in-out;
	-o-transition: all 0.30s ease-in-out;
	outline: none;
}

input[type="text"]:focus ,input[type="password"]:focus {
	border: 1px rgba(82, 168, 236, 0.8) solid;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px
		rgba(82, 168, 236, 0.6);
}

.odddiv{
  background-color: #DBE6F0;
}

.wrapdiv {
	padding:2px;
}

.headerspan{
  width:100%;
  background-color: #779fc7;
  text-align:center;
  border-bottom: 2px solid black;
  border-top: 2px solid black;
  float:left;
  margin-bottom: 6px;
}

.nav_button {
  height:             25px;
  border-right:       1px solid #666;
  border-bottom:      1px solid #000;
  border-left:        0;
  border-top:         0;
  text-align:         center;
  font-size:          13px;
  background-color:   #779fc7;
  color:              #0f2139;
}

.nav_button:last-child {
  border-right:       0px;
}

.nav_button:hover {
  background-color:   #B7CCE1;
}

.nav_button a {
  color:              #0f2139;
  font-weight:        bold;
  display:            block;
  width:              100%;
  height:             100%;
  padding-top:        6px;
  padding-bottom:     6px;
}

/* ------------------------------------------------------------------------------------------ */

.content {
  padding:            12px;
}

.content a {
  color:              #0F2139;
}

.content a:visited {
  color:              #0F2139;
}

.content a:link {
  color:              #0F2139;
}

.content a:hover {
  color:              #144C94;
}

.content a:active {
  color:              #144C94;
}
/* ------------------------------------------------------------------------------------------ */

.footer {
  font:               10px/13px palatino, helvetica, serif;
  color:              #FFF;
  background-color:   #0f2139;
  text-align:         center;
}

.footer a {
  color:              #DBE6F0;
}

.footer a:visited {
  color:              #DBE6F0;
}

.footer a:link {
  color:              #DBE6F0;
}

.footer a:hover {
  color:              #FFF;
}

.footer a:active {
  color:              #FFF;
}

/* ------------------------------------------------------------------------------------------ */

.infoMessage {
  color:              #2d2;
  font-weight:        bold;
}

.warnMessage {
  color:              #fa0;
  font-weight:        bold;
}

.errorMessage {
  color:              #d22;
  font-weight:        bold;
}

.fatalMessage {
  color:              #900;
  font-weight:        bold;
  text-decoration:    underline;
}

/* ------------------------------------------------------------------------------------------ */

h1 {
  font:               1.5em palatino, helvetica, serif;
  font-weight:        bold;
  color:              #0f2139;
}

h2 {
  font:               1.4em palatino, helvetica, serif;
  font-weight:        bold;
  color:              #0f2139;
}

h3 {
  font:               1.3em palatino, helvetica, serif;
  font-weight:        bold;
  color:              #0f2139;
}

h4 {
  font:               1.2em palatino, helvetica, serif;
  font-weight:        bold;
  color:              #0f2139;
}

h5 {
  font:               1.1em palatino, helvetica, serif;
  font-weight:        bold;
  color:              #0f2139;
}

/* ------------------------------------------------------------------------------------------ */

.dblue {
  color:              #0f2139;
}

.lblue {
  color:              #779fc7;
}

/* ------------------------------------------------------------------------------------------ */

.bg_red {
  background-color:   #fbb;
}

.bg_orange {
  background-color:   #fdb;
}

.bg_yellow {
  background-color:   #ffb;
}

.bg_green {
  background-color:   #bfb;
}

.bg_aqua {
  background-color:   #bff;
}

.bg_blue {
  background-color:   #bbf;
}

.bg_purple {
  background-color:   #fbf;
}

.bg_grey, .bg_gray {
  background-color:   #bbb;
}

.bg_black {
  background-color:   #000;
  color:              #fff;
}

/* ------------------------------------------------------------------------------------------ */

table.fill {
  width:              100%;
  height:             100%;
}

/* ------------------------------------------------------------------------------------------ */

table.simpleBorders {
  border-spacing:     0;
  border-collapse:    collapse;
  border-top:         1px solid black;
  border-left:        1px solid black;
}

table.simpleBorders td {
  padding:            2px 5px;
  border-right:       1px solid black;
  border-bottom:      1px solid black;
}

table.simpleBorders th {
  padding:            2px 5px;
  background-color:   #000000;
  color:              #FFFFFF;
}

/* ------------------------------------------------------------------------------------------ */

table.lines {
  margin:             0px;
/*
  border-right:       2px solid black;
  border-bottom:      2px solid black;
  border-left:        2px solid black;
  border-top:         2px solid black;
*/
  border-collapse:    collapse;
}

table.lines td {
  padding:            2px 5px;
  border-top:         1px solid silver;
}

table.lines > tbody > tr:nth-child(1) td {
  border-top:         0px solid silver;
}

table.lines th {
  padding:            2px 5px;
  background-color:   #000000;
  color:              #FFFFFF;
  border-top:         0px solid silver;
}

/* ------------------------------------------------------------------------------------------ */

table.alternating {
/*  margin:             3px;*/
  border-right:       2px solid black;
  border-bottom:      2px solid black;
  border-left:        2px solid black;
  border-top:         2px solid black;
  border-collapse:    collapse;
  background-color:   #FFFFFF;
}

table.alternating > tbody > tr > td {
  padding:            2px 5px;
}

table.alternating > tbody > tr:nth-child(odd) {
  background-color:   #DBE6F0;
}

table.alternating  > thead > tr > th, table.alternating  > tbody > tr > th {
  padding:            2px 5px;
  border-top:         2px solid black;
  border-bottom:      2px solid black;
/*  background-color:   #0F2139;*/
  background-color:   #779fc7;
  color:              #FFFFFF;
  font-weight:        bold;
}
table.alternating > thead > tr:nth-child(1) > th {
  border-top:         0px solid black;
}

/* ------------------------------------------------------------------------------------------ */

table.red tr > th {
  background-color:   #c7779f;
}

table.red tr:nth-child(odd) td {
  background-color:   #F0DBE6;
}

/* ------------------------------------------------------------------------------------------ */

table.grey tr > th, table.gray tr > th {
  background-color:   #999;
}

table.grey tr:nth-child(odd) td, table.gray tr:nth-child(odd) td {
  background-color:   #EEE;
}

/* ------------------------------------------------------------------------------------------ */

table.firstColumnBold tr > td:nth-child(1) {
  font-weight:        bold;
}

/* ------------------------------------------------------------------------------------------ */

.priv_list_c1 { width: 130px; } /* button */
.priv_list_c2 { width: 100px; } /* userid */
.priv_list_c3 { width: 120px; } /* name */
.priv_list_c4 { width: 120px; } /* name */
.priv_list_c5 { width:  90px; } /* checkbox */
.priv_list_c6 { width:  60px; } /* checkbox */
.priv_list_c7 { width:  60px; } /* checkbox */
.priv_list_c8 { width:  60px; } /* checkbox */
.priv_list_c9 { width: 130px; } /* button */

/* ------------------------------------------------------------------------------------------ */

/* Used in the API demo pages */
label.required:before {
  content:            "*";
  color:              red;
  font-size:          1.2em;
}

/* Used in the FPS pages */
td.required:after, p.required:after {
  content:            "*";
  color:              red;
  font-size:          1.2em;
}

.center {
  margin-left:        auto;
  margin-right:       auto;
/*  text-align:         center;*/
}

label {
    float: left;
    text-align:left;
	padding-left: 6px;
}


.StayConnectedLink {
  text-decoration:    none;
  font-size:          22px;
  display:            block;
  border:             2px solid #aaa;
  border-bottom:      4px solid #444;
  border-right:       4px solid #444;
  background-color:   #cfc;
  width:              155px;
  padding:            5px;
  border-radius:      5px;
}

.StayConnectedLink:active {
  border:             2px solid #aaa;
  border-bottom:      4px solid #444;
  border-right:       4px solid #444;
}

input[type=button], input[type=submit] {
  width:              auto;
}

input[type=radio], input[type=checkbox] {
  width:              auto;
  float:              left;
}

input[type=radio] + label, input[type=checkbox] + label {
  width:              auto;
}

select {
  width:              250px;
}

hr {
  width:              95%;
  height:             0px;
  border:             1px solid #779fc7;
}

blockquote {
  margin-left:        10px;
  font:               11px/18px verdana, helvetica, san-serif;
}

/* ------------------------------------------------------------------------------------------ */

/* content visible to screenreaders only */
.visually-hidden {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px); /* IE6, IE7 */
	clip: rect(1px, 1px, 1px, 1px);
	padding: 0 !important;
	border: 0 !important;
	height: 1px !important;
	width: 1px !important;
	overflow: hidden;
}

/*
dl {
  margin-top:         0;
  margin-bottom:      15px;
}

dt {
  font:               11px/18px palatino, helvetica, serif;
}

dd {
  font:               11px/18px palatino, helvetica, serif;
}

h4 {
  font:               normal 18px verdana, helvetica, sans-serif;
  margin-bottom:      0;
  color:              #333366;
  background:         transparent;
}

H5 {
  font:               bold 12px verdana, helvetica, san-serif;
  color:              #333366;
}

p {
  font:               11px/18px helvetica, palatino, serif;
}

ul {
  font:               11px/18px helvetica, palatino, serif;
}

ol {
  font:               11px/18px helvetica, palatino, serif;
}

u {
  font:               11px/18px helvetica, palatino, serif;
}

.formlabel {
  text-align:         right;
  text-decoration:    none;
  font:               11px verdana, helvetica, san-serif;
  font-weight:        bold;
  color:              #660000;
}

*/