@import "reset.css";

/* @group TAG REDEFINITIONS */

* {
  background-repeat:  no-repeat;
}

body {
  /*text-align: center;*/
  width: 850px;
  margin-left : auto;
  margin-right : auto;
  font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
  font-size: 0.7em;
  color: #487797;
}



/* @group FONTs */

h1,h2,h3,h4,h5,h6 { 
  color:#111; 
  clear:both;
}

h1 { font-size: 2.0em; color: #00375b; margin-bottom:1.5em;}
h2 { font-size: 1.75em; color: #00375b;}
h3 { font-size: 1.4em; line-height:2; color: #00375b; }
h4 { font-size: 1.2em; line-height:1.25; font-weight:bold; }
h5 { font-size: 1em; font-weight:bold; color: #00203e; margin-bottom: 0.5em; }
h6 { font-size: 1em; }

p           { margin: 0 0 1em 0; }
p.last      { margin-bottom:0; }
p img.top   { margin-top:0; } /* Use this if the image is at the top of the <p>. */
p img.left  { float: left; margin-right: 21px; }

ul, ol      { margin: 0 0 1.5em 1.5em; }
ol          { list-style-type: decimal; }
dl          { margin: 1.5em 0; }
dl dt       { font-weight: bold; }

/* @end */

a           { color: #487797; text-decoration: underline; outline: none; }
a:hover     { color: #a2bed3; }

blockquote  { margin: 1.5em 0 1.5em 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
strong.extra{ color: #00203e;}
em          { font-style: italic; }
pre         { margin-bottom: 1.3em; background: #eee; border:0.1em solid #ddd; padding:1.5em; }
code        { font:0.9em Monaco, monospace; }
label      { font-weight: bold; display: block;}
input, textarea, select  {
        position : relative;
  font-family: Tahoma, Verdana, sans-serif;
  font-size: 1em;
  padding: 3px 3px 3px 3px;
  border-left: 1px solid #cdcdcd;
  border-right: 1px solid #cdcdcd;
  border-bottom: 1px solid #cdcdcd;
  border-top: 1px solid #cdcdcd;
  color: #000000;
}


input.active, textarea.active, select.active {
  color: #333;
  border: 1px solid #147b8f;  
}
#searchbox input.active {
  border: none;
}

/*    feuser    */
#regtable tr td {
  border: 0;
  border-bottom: 0px solid silver;
  width: 200px;
}
#tx-srfeuserregister-pi1-fe_users_form  {
  margin-left: 21px;
}
#tx-srfeuserregister-pi1-fe_users_form fieldset dl dt  {
  width: 200px;
}

#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd  {
  width: 200px;
  margin-left: 140px;
}
#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd label {
  width: 250px;
}

#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd select {
  color: #000000;
}
#tx-srfeuserregister-pi1-fe_users_form fieldset dl dd textarea {
  color: #000000;
}
#tx-srfeuserregister-pi1-radio {
  border-left: 0px solid #cdcdcd;
  border-right: 0px solid #cdcdcd;
  border-bottom: 0px solid #cdcdcd;
  border-top: 0px solid #cdcdcd;
}

.tx-srfeuserregister-pi1-text, .tx-srfeuserregister-pi1-password, .tx-srfeuserregister-pi1-status, .tx-srfeuserregister-pi1-submit {
  color: #000000;
}

.tx-srfeuserregister-pi1-error { 
  color: #FF0000;
        width : 250px;
        float: left;
}



   
/*IE 7.0 */
*:first-child+html .tx-srfeuserregister-pi1-text, .tx-srfeuserregister-pi1-password, .tx-srfeuserregister-pi1-status, .tx-srfeuserregister-pi1-submit {
  /*margin-left: 21px;*/
}
*:first-child+html #tx-srfeuserregister-pi1-fe_users_form fieldset dl dd  {
  margin-left: 80px;
}

*:first-child+html #tx-srfeuserregister-pi1-error { 
  color: #FF0000;
        width : 250px;
        float: left;
}


*:first-child+html #tx-srfeuserregister-pi1-fe_users_form fieldset dl dd select {
  color: #000000;
  margin-left: 80px;
}
*:first-child+html #tx-srfeuserregister-pi1-fe_users_form fieldset dl dd textarea {
  color: #000000;
  margin-left: 0px;
}


/*IE 6.0*/
* html .tx-srfeuserregister-pi1-text, .tx-srfeuserregister-pi1-password, .tx-srfeuserregister-pi1-status, .tx-srfeuserregister-pi1-submit {
  /*margin-left: 10px;*/
}
* html #tx-srfeuserregister-pi1-fe_users_form fieldset dl dd  {
  margin-left: 80px;
}



* html #tx-srfeuserregister-pi1-fe_users_form fieldset dl dd select {
  color: #000000;
  margin-left: 80px;
}
* html #tx-srfeuserregister-pi1-fe_users_form fieldset dl dd textarea {
  color: #000000;
  margin-left: 0px;
}
* html .tx-srfeuserregister-pi1-radio {
  /*width: 30px;*/
}
* html .tx-srfeuserregister-pi1-checkbox {
  /*width: 30px;*/
}
* html .tx-srfeuserregister-pi1-error {
  /*margin-left: 60px;*/
}


* html #tx-srfeuserregister-pi1-error { 
  color: #FF0000;
        width : 250px;
}


/* @end */

/* @group UTILs */

.hidden {
  display: none;
}
.no-text {
  display: block;
  overflow: hidden;
  text-indent: -9999px;  
}
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {
  zoom: 1; /* Triggering hasLayout in IE7 : THIS IS NOT VALID */
}
* html .clearfix { /* only show to IE */
  height: 1%;
}
ul.arrow {
  list-style: none;
  margin: 0;
}
div.text ul.arrow li {
  background: transparent;
  padding-left: 0;
}  
ul.arrow a {
  display: block;
  background: url(../images/arrow.gif) no-repeat left 0;
  margin-bottom: 12px;
  padding-left: 18px;
  height: auto !important;
  min-height: 12px;
  height: 12px; /* IE min-height hack*/
}
span.topline {
  display: block;
  color: #8baec5;
  margin-bottom: -5px;
}
a.arrow {
  color: #ffae00;
  background: url(../images/arrow.gif) no-repeat right;
  padding-right: 15px;
}

/* @end */

/* @group IDs, CLASSes, SELECTORs */

#container {
  margin: auto;
  width: 803px;
  overflow: hidden;
}
#header {
  position: relative;
  margin: 25px 0 28px 0;
  height: 31px;
}
#logo {
  background-image: url(../images/h1-logo.gif);
  width: 159px;
  height: 49px;
  margin: 0 0 0 14px;
}
#claim {
  position: absolute;
  right: 13px;
  bottom: 0px;
  background-image: url(../images/h2-claim.gif);
  width: 236px;
  height: 31px;
  text-indent: -999px;
  overflow:hidden;
  margin: 0;
}
#navigation {
  position: relative;
  height: 28px;
  background-image: url(../images/navigation-back.gif);
  padding: 7px 0 0 0;
  overflow: hidden;
}

#menu {
  list-style: none;
}
#menu li {
  float: left;
  background: url(../images/menu-item-left.gif) no-repeat left top;
  padding-left: 16px;
  margin-right: 7px;
}
#menu li a {
  display: block;
  background: url(../images/menu-item-right.gif) no-repeat right top;
  padding: 8px 16px 11px 0;
  color: #000;
  text-decoration: none;
}
#menu li a:hover {
  color: #555;
}
#menu li.selected {
  background-image: url(../images/menu-item-left-selected.gif);
}
#menu li.selected a {
  background-image: url(../images/menu-item-right-selected.gif);
  color: #fff;
}
#menu li.selected a:hover {
  color: #ccc;
}
#searchbox {
  position: absolute;
  top: 6px;
  right: 10px;
  width: 111px;
  height: 14px;
  padding: 4px 15px 6px 25px;
  background: url(../images/searchbox.gif) no-repeat;
  overflow: hidden;
}
#searchbox input {
  width: 111px;
  color: #000000;
  border: none;
  background: none;
  padding: 2px 0;  
}
#submenu {
  background: #102a4a url(../images/submenu-back.gif) repeat-x left top;
  height: auto !important;
  min-height: 218px;
  height: 218px; /* IE minheight hack*/
}
#submenu h3 {
  font-size: 1.3em;
  margin-bottom: 0.5em;
  padding-top: 14px;
  color: #2ecceb;
}
#submenu ul {
  list-style: none;
  margin: 0;
  line-height: 0;
  clear: both;
}
#submenu>ul {
  border-bottom: 1px solid transparent; /*Safari whitespace bugfix*/
}
#submenu ul li {
  display: inline;
}
#submenu a {
  display: block;
  background: url(../images/arrow-blue.gif) no-repeat left 0;
  margin-bottom: 10px;
  padding-left: 18px;
  color: #fff;
  text-decoration: none;
  line-height: 1em;
}
#submenu a:hover {
  color: #c1c1c1;
}
#submenu li li a {
  background: url(../images/submenu-bullet.gif) no-repeat left 2px;  
  color: #c4c4c4;
}
#submenu li li a:hover {
  color: #e2e2e2;
}
#submenu li.selected a {
  font-weight: bold;
}
#submenu li.selected li a {

  font-weight: normal;
}
#submenu li li.selected a {
  color: #fff;
}

/* @group COLUMNS */

div.section {
  float: left;
  clear: both;
  width: 848px;
  overflow: hidden;
}
/*
.bordered {
  border-bottom: 4px solid #147b8f;
}
*/

div.column {
  float: left;
}
div.column.span-1 {
  width: 212px;
  overflow: hidden;
}
div.column.span-2 {
  width: 424px;
  overflow: hidden;  
}
div.column.span-3 {
  width: 620px;
  overflow: hidden;
}
div.column.span-4 {
  width: 850px;
  overflow: hidden;  
}
div.column .first {
  display: block;
  margin-top: 21px;
}
div.column .last {
  display: block;
  margin-bottom: 21px;
}
div.column p, div.column ul, div.column h1, div.column h2, div.column h3, div.column h4,div.column h5, div.column span {
  padding: 0 21px;
}
div.column ul p, div.column ul h3, div.column ul h2, div.column ul h1, div.column ul span {
  padding: 0;
}
div.text p, div.text ul {
  line-height: 1.4em;
}
div.text ul {
  list-style: none;
  margin-left: 0;
}
div.text ul li {
  padding-left: 14px;
  background: url(../images/li-bullet.gif) no-repeat left 4px;
}
div.text div.leadin {
  font-size: 1.3em;
}
#login p {
  position: relative;
}
#login p button {
  position: absolute;
  border: 0;
  background: transparent;
}
#logout {
  height: 118px;
}

* html #logout p button {
  position: absolute;
  border: 0;
  background: transparent;
  
}

#logout p {
  position: relative;
}
#logout p button {
  position: absolute;
  border: 0;
  background: transparent;
}
#content div.keyvisual {
  background-image: url(../images/content-back.jpg);
  padding-top: 98px;
}
#content div.column.span-3 div.column {
  float: left;
  width: 50%;
}
#content div.column.span-3 h2, #content div.column.span-3 h3, #content div.column.span-3 h4, #content div.column.span-3 h5 {
  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
  font-weight: normal;
}
#content div.column.span-3 h2 {
  font-size: 2.5em;
  margin-bottom: 0.7em;
}
#content div.column.span-3 h2 span, #content div.column.span-3 h3 span, #content div.column.span-3 h4 span, #content div.column.span-3 h5 span {
  padding: 0;
  color: #406380;
}
#content div.column.span-3 h3 {
  font-size: 2.0em;
  margin-bottom: 0.6em;
}
#content div.column.span-3 h4 {
  font-size: 1.5em;
  margin-bottom: 0.5em;
}
#content div.column.span-3 h5 {
  font-size: 1.3em;
  margin-bottom: 0.4em;
}

#footer {
  position: relative;
}
#footer div.section {
  height: 170px;
  background: #efefef url(../images/footer-section-back.gif) repeat-x;
  border-top: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
  width: 846px;
}
#footer div.section div.column {
  background: #efefef url(../images/footer-column-back.gif) no-repeat right;
  height: 230px;
}
#footer div.section div.column.last {
  background: transparent;
}
#footer div.section div.column.span-2 {
  width: 422px;
}

#meta {
  position: relative;
  height: 28px;
  background-image: url(../images/footer-back.gif);
  padding: 10px 20px 0 20px;
  overflow: hidden;
  margin-bottom: 50px;
  color: #a0a0a0;
}
#meta ul {
  float: right;
  list-style: none;

}
#meta ul li {
  display: inline;
  margin-left: 15px;
}
#meta ul li a {
  text-decoration: none;
  color: #a0a0a0;  
}
#meta ul li a:hover {
  color: #808080;
}
#meta #copyright {
  display: block;
  float: left;
}

div.column #submenu ul ul {
  padding: 0 0 0 21px;
}

div.column ul.topics {
  list-style: none;
  margin-left: 0;
  padding-right: 0;
}
div.column ul.topics li {
  background: transparent;
  padding: 0;
  margin-bottom: 1.7em;
}

/* @end */

/* @group TABLE */
table {
  border-collapse: collapse;
  width: 95%;
  margin: 0 21px 2em 21px;
}
table th, table td {
  border: 1px solid #e2e2e2;
  padding: 6px;
}
table th {
  background: #f2f2f2 url(../images/table-th-back.gif) repeat-x left top;
  color: #7b7b7b;  
}
table td {
  line-height: 1.4em;
}
table thead th {
  font-weight: bold;
}

div.shortdesc {
  line-height: 1.3em;
  margin-bottom: 1.5em;
}
div.shortdesc ul.arrow {
  float: left;
  padding: 0;
}
div.shortdesc ul.arrow li {
  margin-bottom: 3px;
}
div.shortdesc ul.arrow li a {
  display: inline;
}

/* @end */

div.box {
  border: 1px solid #e2e2e2;  
  background: #f2f2f2 url(../images/box-back.gif) repeat-x 0 top;
  margin-bottom: 1.5em;
  padding-top:20px;
}
div.column div.box {
  margin-left: 21px;
}
div.column div.box p {
  padding: 0 14px;
}
div.column div.box h4 {
  padding: 0 14px;
  margin: 12px 0;
  clear: none;
}
div.column div.box cite {
  display: block;
  line-height: 1.5em;
  padding: 0 14px;
  font-style: italic;
  margin-bottom: 1em;
}
div.column div.box img {
  float: right;
  margin: 16px;
}
div.column div.box span {
  padding: 0;
  color: #00203e;
}

div.sidebox {
  height: 350px;
  background: #efefef url(../images/footer-section-back.gif) repeat-x 0 top;
  border-bottom: 1px solid #e1e1e1;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;  
}
a.backlink {
  line-height: 1.7em;
  background: url(../images/backlink.gif) no-repeat left 5px;
  padding-left: 14px;
}
a.backlink.focus {
  background: url(../images/arrow-left.gif) no-repeat;
}
p.loggedIn {
  line-height: 1.5em;
}
p.loggedIn a, div.box a {
  color: #0f7b8f;
}
p.loggedIn a:hover, div.box a:hover {
  color: #39b6cb;
}
#login a.logout {
  position: absolute;
  right: 14px;
  color: #ffae00;
  padding-left: 14px;
  background: url(../images/arrow.gif) no-repeat left;
}
#logout button.logout {
  position: absolute;
  right: 14px;
  color: #ffae00;
  padding-left: 14px;
}

div.table { 
   display:table; 
   border-collapse:separate; 
   width:400px; 
}
div.tr { display:table-row; 
         width:133px; 
}
div.td { display:table-cell; 
         border:thin solid red; 
         padding:5px;
}


      table.cTable-table { border:1px solid #BCBEC0; border-collapse:collapse; clear:both; width:180px; }
      td.cTable-td, th.cTable-th { border:1px solid #BCBEC0; border-collapse:collapse; padding:2px; font-size:9px; color:#545353; }
      th.cTable-th { background-color:#BF2236; color:#FFF; padding:5px; text-align:left; font-size:10px; } 

#orgImage1{
  padding-left: 40px; !important
  max-width: 200px;
}