body { 
  margin:0px 0px 0px 0px;
  font: 12px Arial normal;
  background:url("../images/bg.png") repeat-x #3E3E3E;

}

h1,h2,h3,h4,h5,h6{
  font-family:"Tahoma", sans-serif;
  font-weight: normal;
}

h1{
  font: 20px;
  letter-spacing: 2px;
}

h2{
  font: 15px;
  letter-spacing: 2px;
}

h3.toggler{
  height:20px;
  padding-left:10px;
  margin:1px;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  cursor:pointer;
  background: #333;
}

.xmlRecord{
  padding: 10px;
  clear:both;
  border-bottom: 0.5px solid #ddd;
}

.xmlRecord-Item{
  width:150px;
  padding:3px 3px 3px 30px;
  color:#ddd;
  font:12px normal "Tahoma", sans-serif;
  letter-spacing: 1px;
  border: 0px none;
  float:left;
}

.xmlRecord-Item-Gallery{
  padding:3px 3px 3px 0px;
  color:#ddd;
  font:12px normal "Tahoma", sans-serif;
  letter-spacing: 1px;
  border: 0px none;
}
.xmlRecord input, .xmlRecord textarea{
  margin-left:10px;
  padding:3px;
  color:#333;
  font:12px normal "Tahoma", sans-serif;
  letter-spacing: 1px;
  background: #ddd;
  border: 0px none;
  text-decoration:none;
}
.xmlRecord a, .xmlRecord-Item-Gallery a{
  color:white;
  text-decoration:none;
}

.xmlRecord-Header{
  width:150px;
  float:left;
  margin-left:30px;
  padding:3px;
  color:#fff;
  font:12px normal "Tahoma", sans-serif;
  letter-spacing: 1px;
  border: none 0px;
  background:#999;
}

.addRecord{
  height:500px;
  padding: 10px;
  margin:3px;
  clear:both;
  border-bottom: 0.5px solid #ddd;
  font:12px normal "Tahoma", sans-serif;
}
.addRecord-title{
  width:100px;
  margin-top:10px;
  float:left;
  clear:left;
}
.addRecord input, textarea, select, option {
  float:left;
  clear:right;
  margin-top:10px;
  color:#333;
  letter-spacing: 1px;
  background: #ddd;
  border: 0px none;
}
#simpleDisplay{
  width: 500px;
  margin:50px auto 100px auto;
  padding: 20px;
  background: url("../images/transbg.png") transparent;
  font: 12px normal "Tahoma", sans-serif;
  color:white;
}

#outerFrame {
  width:100%;
  margin:0px 0px 0px 0px;
  background:url("../images/bg.png") repeat-x #3E3E3E;
}
#innerFrame {
  width:860px; 
  margin:0 auto 0 auto;
  background:url("../images/bg.png") repeat-x #3E3E3E;
}
#leftShadow{
  width:30px;
  height:550px;
  background:url("../images/bg_L.png");
  float:left; 
}
#rightShadow{
  width:30px;
  height:550px;
  background:url("../images/bg_R.png") ;
  float:left;
}
#contentArea{
  float:left; 
  width:800px;
  height:auto;
  min-height: 800px;
  background: #ddd url("../images/bgpattern-01.jpg") 0px 20px;
}

#copyrights{
  padding:10px;
  font:10px Arial;
  color: #ddd;
  text-align:center;
  clear:both;
}

#mainmenu li{
  background: url("../images/transbg.png");
  list-style-type: none;
  font: 12px normal white;
  vertical-align:middle;
  text-align:center;
  float:left;
  width:120px;
  height:15px;
}
#mainmenu a{
  padding: 5px;
  color:white;
  text-decoration:none;
 
}

#login{
  width: 250px;
  height: 100px;
  margin: 150px auto 100px auto;
  text-align:center;
  color:#ddd;
  font:12px normal "Tahoma", sans-serif;
  letter-spacing: 1px;
}

#login input{
  color:#333;
  font:12px normal "Tahoma", sans-serif;
  letter-spacing: 1px;
  background: #ddd;
  border: none 0px;
}

#login h3{
  color:#ddd;
  font:15px normal "Tahoma", sans-serif;
  padding:5px 0px 5px 0px;
  background:url("../images/transbg.png") transparent;
  letter-spacing: 5px;
}

#login-center{
 background: url("../images/transbg.png") transparent;
 float:left;
 height:25px;
 width:200px;
}

#login-middle{
 background: url("../images/transbg.png") transparent;
 width:100%;
 float:left;
 clear:left;
}

#login-stripe{
 background: black;
 width:100%;
 height:20px;
 float:left;
 clear:left;
}


#login-left-top{
   background: url("../images/transcorners.png") top left no-repeat  transparent;
   width:25px;
   height:25px;
   float:left;
   clear:left;   
}

#login-right-top{
   background: url("../images/transcorners.png") top right no-repeat transparent;
   width:25px;
   height:25px;
   float:right;
}


#login-left-bottom{
   background: url("../images/transcorners.png") bottom left no-repeat transparent;
   width:25px;
   height:25px;
   float:left;
   clear:left;
}

#login-right-bottom{
   background: url("../images/transcorners.png") bottom right no-repeat transparent;
   width:25px;
   height:25px;
   float:right;
}

#preview{
	position:absolute;
	border:0px none;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	text-decoration:none;
}
