body {
	background-image: url("../images/background.jpg");
        background-repeat: repeat-x;
        background-position: left top;
        background-attachment: scroll;
        background-color: #7AABB9; 
        /* background-color: #9A92BD; */
        background-clip: border-box;
        background-origin: padding-box;
        background-size: auto auto;
	color: #000000;
	font-family: 'Helvetica Neue','Helvetica', Arial, sans-serif;
	font-size: 14px;
	text-align: left; 

}

select, input, textarea, button {
	color: #000000;
	font-family: 'Helvetica Neue','Helvetica', Arial, sans-serif;
	font-size: 14px;
        background-color: #eee;
}
div.tadiv {
        margin-bottom: 10px;
}
h0 {
	font-family: 'Helvetica Neue','Helvetica', Arial, sans-serif;
	color: #ffffff; 
	text-align: center; 
	font-size: 16px; 
	font-weight: bold; 
}

.banner {
   
}

#main {
   background-color: white;
}

h1.title {
  font-family: 'Helvetica Neue','Helvetica', Arial, sans-serif;
  font-size: 18px;
  background-color: #000063;
  color: #FFF718;
  margin-top: 0px;
  text-align: center;
  padding: 5px;
  font-weight: normal;
}


.b-banner{
  text-align: center;
  padding-top: 10px;
  margin-bottom: 10px;
  background-color: #000063;
  height: 40px;
}

td {
        text-align: left;
        margin: 5px 0;
        vertical-align: top;
}

td.header {
        text-align: center;
        font-weight: bold;
}

p {
  margin-left: 10px;
}

.t2 {
  margin: 10px;
}

td p {
  margin: 0px;
}

legend {
  font-weight: bold;
}

.form-item {
  margin-bottom: 10px;
}

label {
  width: 180px;
  float: left;
  display: block;
  margin-left: 10px;
}

label.option {
}

.mceEditorArea {
  background-color: white;
}

    #tabsJ {
      float:left;
      width:100%;
      background: #d1d1d1;
      font-size:93%;
      line-height:normal;
          border-bottom:1px solid #24618E;
      }
    #tabsJ ul {
        margin:0;
        padding:5px 10px 0 20px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      font-size: 9pt;
      }

    #tabsJ a span {
      float:left;
      display:block;
      background:url("/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }


.ui-emulate {
    background: url("/images/ui-bg_glass_75_e6e6e6_1x400.png") repeat-x scroll 50% 50% #E6E6E6 !important;
    border: 1px solid #D3D3D3 !important;
    color: #555555 !important;
    font-weight: normal !important;
}

table.display {
  padding-top: 10px;
  padding-bottom: 10px;
}

table.display td {
  vertical-align: middle;
  padding: 5px;
 /* background-color: #eee; */
}

div.backend {
   font-family: Arial, Helvetica, sans-serif;
   font-size: 10pt !important;
}

div.backend h2 {
   background-color: #24618E;
   color: white;
   text-align: center;
   margin-left: 0px;
   margin-right: 0px;
   padding: 5px;
}


.ellipsis {
    overflow: hidden;
    white-space: nowrap; 
    text-overflow: ellipsis;
}

.td-nowrap {
  white-space: nowrap;
}

div#tabsJ p {
   font-size: 12pt;
   color: #5D9731;
   text-align: center;
   margin: 2px;
}

.backend select, .backend input, .backend textarea {
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
        background-color: #eee;
}

.backend .dataTables_length, .backend .dataTables_info {
  font-style: italic;
}

h6 {
  font-size: 100%;
  font-weight: normal;
  margin-top: 5px;
  margin-bottom: 5px;
  margin-left: 10px;
}

.form-submit   {
  font-weight: bold;
}
.form-submit:hover  {
  background-color: #FFF718;
  border-color: #FFF718 !important;
}

p.warning {
  border: 2px solid red;
  background-color: #FFF718;
  padding: 10px;
}

p.confirm {
  border: 2px solid green;
  background-color: #FFF718;
  padding: 10px;
}


table.subdata {
  width: 100%;
}
table.subdata tr td:first-child {
   padding: 5px;
   background-color: #f0f0f0;
   width: 220px;
}
table.subdata tr td:nth-child(2) {
   padding: 5px;
   background-color: #FFFFE0	;
} 

table.registration {
 width: 100%;
}
table.registration td {
 padding: 3px;
}

table.registration tr td:first-child,table.registration tr  td:nth-child(2) {
 width: 10%;
}

table.registration tr td:last-child,table.registration tr  td:nth-child(4) {
 width: 20%;
}

table.registration tr td:nth-child(3) {
 width: 25%;
}
table.registration tr td input,table.registration tr td select {
 width: 100%;
}

input:focus {
  background-color: lightyellow;
}

p.logout {
   text-align: right;
   margin-bottom: 0px;
   font-weight: bold;
}

p.logout a {
  text-decoration: none;
}