@import "menu.css";

* {
  margin:                0; 
  padding:               0;
}

pre{
	font-family:           Fixed, monospace;
	font-size:             9pt;
}

body { 
  width:                 1024px;

	font-family:           helvetica, sans-serif;
	font-size:             9pt;

  margin-left:           auto;
  margin-right:          auto;

  background:            url("images/gradient-gray-white.png") repeat-x top !important; 
  background:            #fff;
}

body table {
  clear:                 both;
  border-collapse:       collapse;
}

body td {
  vertical-align:        top;
}

h2{
	margin-top:            0;
	color:                 #68abcf;
	font-weight:           normal;
  text-align:            center;
}

a:link{
	color:                 #68abcf;
}

a:visited{
	color:                 #75b6da;
}

a:hover, a:active{
	color:                 black;
}

ul{
  list-style: none;
}

.clNo {
  text-align:            right;
}

.clError {
  border:                1px solid red;
  color:                 red;
  margin:                20px;
  padding:               20px;
}

.clHeader {
  clear:                 both;
  float:                 left;
  width:                 100%;

  margin:                10px 0px  0px 0px;
  padding:               10px 0px 10px 0px;

  font-size:             30px;
  text-align:            left;
  color:                 white;

	background:            url("images/header.png") no-repeat top right; 
  vertical-align:        middle;

	border-radius:         15px 15px 10px 10px;         
  -o-border-radius:      15px 15px 10px 10px;
  -icab-border-radius:   15px 15px 10px 10px;
  -khtml-border-radius:  15px 15px 10px 10px;
  -moz-border-radius:    15px 15px 10px 10px;
  -webkit-border-radius: 15px 15px 10px 10px;
  -moz-border-radius:    15px 15px 10px 10px;

	box-shadow:            3px 3px 3px  rgba(120,120,120,0.75);
  -o-box-shadow:         3px 3px 3px  rgba(120,120,120,0.75);
  -icab-box-shadow:      3px 3px 3px  rgba(120,120,120,0.75);
  -khtml-box-shadow:     3px 3px 3px  rgba(120,120,120,0.75);
  -moz-box-shadow:       3px 3px 3px  rgba(120,120,120,0.75);
  -webkit-box-shadow:    3px 3px 3px  rgba(120,120,120,0.75);
}

.clHeader p {
  padding:               0px  0px  0px 20px;
}

.clFooter{
  clear:                 both;
  width:                 100%;

  padding:               5px 0 5px 0;
  border-top:            #387A9B 1px solid;
  color:                 #387A9B;

  background:            white;

  -o-border-radius:      0px 0px 20px 20px;
  -icab-border-radius:   0px 0px 20px 20px;
  -khtml-border-radius:  0px 0px 20px 20px;
  -moz-border-radius:    0px 0px 20px 20px;
  -webkit-border-radius: 0px 0px 20px 20px;
  -moz-border-radius:    0px 0px 20px 20px;
	border-radius:         0px 0px 20px 20px;

  -o-box-shadow:         3px 3px 3px  rgba(120,120,120,0.75);
  -icab-box-shadow:      3px 3px 3px  rgba(120,120,120,0.75);
  -khtml-box-shadow:     3px 3px 3px  rgba(120,120,120,0.75);
  -moz-box-shadow:       3px 3px 3px  rgba(120,120,120,0.75);
  -webkit-box-shadow:    3px 3px 3px  rgba(120,120,120,0.75);
	box-shadow:            3px 3px 3px  rgba(120,120,120,0.75);
}

.clFooter h1{
  font-size:             10px;
  padding:               0 2em 0 2em;
  text-align:            right;
}

.clFooter a{
  float:                 left;
  font-size:             10px;
  padding:               0 2em 0 2em;
  text-align:            left;
  color:                 #387A9B;
}

.clMiddleColumn {
  background:            white; 
  padding:               5px 0 5px 0;
  margin:                0px;
/*  border:                red 1px solid; */
  text-align:            justify;
  width:                 100%;
}

.clMiddleColumn tr.alt{
	background: #E5E5E5;
}

.clLeftColumn {
	border-radius:         10px 0px 0px 0px;
  -o-border-radius:      10px 0px 0px 0px;
  -icab-border-radius:   10px 0px 0px 0px;
  -khtml-border-radius:  10px 0px 0px 0px;
  -moz-border-radius:    10px 0px 0px 0px;
  -webkit-border-radius: 10px 0px 0px 0px;
  -moz-border-radius:    10px 0px 0px 0px;

  background:            white; 

  padding:               10px;
  width:                 120px;
  min-width:             120px;

  vertical-align:        top;
}

.clLeftColumn img {
  text-align:            center;
  padding:               10px;
  width:                 90px;
  border:                0;
}

.clRightColumn {
	border-radius:         0px 10px 0px 0px;
  -o-border-radius:      0px 10px 0px 0px;
  -icab-border-radius:   0px 10px 0px 0px;
  -khtml-border-radius:  0px 10px 0px 0px;
  -moz-border-radius:    0px 10px 0px 0px;
  -webkit-border-radius: 0px 10px 0px 0px;
  -moz-border-radius:    0px 10px 0px 0px;

  -o-box-shadow:         3px 3px 3px  rgba(120,120,120,0.75);
  -icab-box-shadow:      3px 3px 3px  rgba(120,120,120,0.75);
  -khtml-box-shadow:     3px 3px 3px  rgba(120,120,120,0.75);
  -moz-box-shadow:       3px 3px 3px  rgba(120,120,120,0.75);
  -webkit-box-shadow:    3px 3px 3px  rgba(120,120,120,0.75);
	box-shadow:            3px 3px 3px  rgba(120,120,120,0.75);

  background:            white; 

  padding:               10px;
  width:                 160px;

  vertical-align:        top;
}

.clRightColumn {
  min-width:             120px;
}


.clLogin {
	background:            url("images/panel.png") no-repeat top left; 
  width:                 150px;
  padding:               10px;
  margin:                0px;
  border:                0;

	border-radius:         10px;
  -o-border-radius:      10px;
  -icab-border-radius:   10px;
  -khtml-border-radius:  10px;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;

  -o-box-shadow:         3px 3px 3px  rgba(120,120,120,0.75);
  -icab-box-shadow:      3px 3px 3px  rgba(120,120,120,0.75);
  -khtml-box-shadow:     3px 3px 3px  rgba(120,120,120,0.75);
  -moz-box-shadow:       3px 3px 3px  rgba(120,120,120,0.75);
  -webkit-box-shadow:    3px 3px 3px  rgba(120,120,120,0.75);
	box-shadow:            3px 3px 3px  rgba(120,120,120,0.75);

  text-align:            right;
}

.clLogin .clOuterPanel {
  border:                0;
  margin:                0px;
  padding:               0px;

  text-align:            left;
}

.clLogin h2 {
  color:                 white;
	font-weight:           normal;
  margin:                0px;
  padding:               0px 0px 0px 10px;
	font-size:             9pt;
}

.clLogin .clInnerPanel {
  background:            white;
  border:                0;
  margin:                3px;
  padding:               5px;

	border-radius:         10px;
  -o-border-radius:      10px;
  -icab-border-radius:   10px;
  -khtml-border-radius:  10px;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;

	font-size:             8pt;
}

.clLogin fieldset {
/*  border:                2px solid red; */
  border:                0; 
}

.clLogin input {
  width:                 100%;
	font-size:             8pt;
}

/*
.clLogin .clSubmit {
  margin:                3px;
  border:                0;
	background:            url("images/header.png") no-repeat top left;

	border-radius:         5px;
  -o-border-radius:      5px;
  -icab-border-radius:   5px;
  -khtml-border-radius:  5px;
  -moz-border-radius:    5px;
  -webkit-border-radius: 5px;
  -moz-border-radius:    5px;

  color:                 white;
  text-align:            center;

  -o-box-shadow:         2px 2px 2px  rgba(120,120,120,0.75);
  -icab-box-shadow:      2px 2px 2px  rgba(120,120,120,0.75);
  -khtml-box-shadow:     2px 2px 2px  rgba(120,120,120,0.75);
  -moz-box-shadow:       2px 2px 2px  rgba(120,120,120,0.75);
  -webkit-box-shadow:    2px 2px 2px  rgba(120,120,120,0.75);
	box-shadow:            2px 2px 2px  rgba(120,120,120,0.75);
}
*/

/*
.clLogin .clSubmit:hover {
  background:            #75b6da url("images/menu.png") center;
}
*/

.clQueryResult {
  margin-left:           auto; 
  margin-right:          auto; 
}


.clEditable {
  width:                 99%;
  padding:               3px;

	border-radius:         10px;         
  -o-border-radius:      10px;
  -icab-border-radius:   10px;
  -khtml-border-radius:  10px;
  -moz-border-radius:    10px;
  -webkit-border-radius: 10px;
  -moz-border-radius:    10px;
  border:                #75b6da solid 1px;
}

.clEditable textarea{
  width:                 99%;
}

.clEditable .clKey {
  font-weight:           bold;
  padding:               3px;
}

.clEditable .clValue {
  padding:               3px;
}


.clTimestamp {
  padding:               3px;
}

#idMemberNew div label {
  width:                 20%;
  float:                 left;
  text-align:            right;
  margin-right:          0.5em;
  display:               block;
}

#idMemberNew fieldset fieldset {
  margin:               3px;
}

#idMemberNew div input {
  width:                 75%;
  padding:               1px;
  margin:                2px;
}

#idPerAgeTimes div label {
  width:                 20%;
  float:                 left;
  text-align:            right;
  margin-right:          0.5em;
  display:               block;
}

#idPerAgeTimes fieldset fieldset {
  margin:               3px;
}

#idPerAgeTimes div input {
  width:                 75%;
  padding:               1px;
  margin:                2px;
}