/* These styles are only used by the current theme. The can be adjusted in any way.*/
/*
Theme colours
Red: ce0632
Blue: 26d3ff
*/
body {
  padding:0;
  margin:0;
  background-color: #FFF;
  font-size: 10pt;
  font-family:Verdana, Arial, sans-serif;
  color:#555;
  margin-top: 0;
  margin-bottom: 0;
}
h1,h2,h3,h4,h5 {
  margin: 0px;
  color: #ce0632;
  text-decoration: none;
  font-weight:normal;
}
h1{font-size: 20pt;}
h2{font-size: 16pt;}
h3{font-size: 14pt;}
h4{font-size: 12pt;}
h5{font-size: 10pt;}
p,table{margin: 0 0px}
p{padding-bottom:1em}
img {border:0;}
form{margin:0;padding:0;}

a{text-decoration: none}
a:link  {color: #2fa7d8;}
a:visited {color: #2fa7d8;}
a:active {color: #2fa7d8;}
a:hover {text-decoration: underline; color: #ce0632;}


div#container {
  position: relative;
  width: 744px;
  margin: 0 auto;
  margin-bottom: 0px;
  margin-top: 0px;
}

div#head {
  padding-bottom:25px;
}

div#header {
  height:176px;
  margin:0px;
  background: transparent url(/views/theme/hmenu/images/logo.jpg) no-repeat bottom;
  align: right;
}

div#sidebar {
  float:left;
  padding-left:10px;
  margin-left:5px;
  width:195px;
  border-left: 1px solid #DDD;
}

div#news {
  padding:0 0 10px 0;
  border: 0px solid #DDD;
}

div#login {
  margin:25px 0;
  padding:0 0 10px;
  align: center;
  font-size: 8pt;
  border: 0px solid #DDD;
}

div#log {
  width: 100%
  font-size: 9px;
  position: relative;
  padding-left: 570px;
  padding-top: 8px;
}

.podHeader {
  color:#26d3ff;
  font-size:12pt;
  font-weight:bold;
  text-decoration:none;
  letter-spacing:0.9em;
  padding:0 0 5px 5px;
  margin:5px 5px 0;
}

div#contentwrapper {
  display: table;
  height: 1px;
  margin-top: 0px;
  margin-bottom: 0px;
}

div#content {
  float:left;
  position: relative;
  top: -15px;
  left: -10px;
  padding-left: 8px;
  padding-right: 8px;
}

div#footnote {
  float:left;
  position: relative;
  width:724px;
  font-size:10px;
  text-align:center;
  background: #e1e1e1;
  height: 4px;
  margin-top: 8px;
  margin-left: 8px;
  margin-right: 8px;
}

#footerleft {
   float: left;
   position: relative;
   width:520px;
   font-size:11px;
   padding-left: 8px;
   padding-top: 10px;
}

div#footerright {
   float:left;
   width:194px;
   font-size: 12px;
   color: #666666;
   text-align: right;
   padding-left: 8px;
   padding-top: 12px;
}
        
.thumbnail {
   padding: 3px 3px 10px 3px;
   background-color: #DDD;
   border: 1px solid #AAA;
   float: left;
   margin-right: 10px;
   margin-bottom: 10px;
}

/* Content Styles */

.superlist1 {
/*   padding-left: 15px;
   padding-right: 15px;
   padding-bottom: 20px;*/
   padding-left: 5px;
   position: relative;
   padding-right: 8px;
   padding-bottom: 10px;
}
.superlist1 h1 {
   font-size: 130%;
   color: #2fa7d8;
   font-weight:bold;
}

.superlist1 h2 {
   font-size: 130%;
   color: #2fa7d8;
   font-weight:bold;
   padding-bottom: 8px;
}

.superlist1 h3 {
   font-size: 130%;
   font-weight: bold;
   padding-left: 0px;
   padding-bottom: 8px;
}

.superlist1 h4 {
   padding-left: 0px;
   padding-bottom: 8px;
}
.superlist1 p {padding-left: 0px}

.superlist2 {
/*   padding-left: 12px;
   padding-right:12px;
   padding-bottom: 20px;*/
   padding-left: 5px;
   position: relative;
   padding-right: 8px;
   padding-bottom: 10px;
}

.superlist2 h1 {
   padding-left: 0px;
   padding-bottom: 8px;
}
.superlist2 h2 {
   font-size: 130%;
   color: #2fa7d8;
   font-weight:bold;
   padding-bottom: 8px;
}

.superlist2 h3 {
   font-size: 130%;
   font-weight: bold;
   padding-left: 0px;
   padding-bottom: 8px;
}

.superlist2 h4 {
   padding-left: 0px;
   padding-bottom: 8px;
}

.superlist2 p {padding-left: 0px;}

.superlist3 {
   padding-left: 5px;
   position: relative;
   padding-right: 8px;
   padding-bottom: 10px;
}

.superlist3 h1 {
   padding-left: 0px;
   padding-bottom: 8px;
}
.superlist3 h2 {
   font-size: 130%;
   color: #2fa7d8;
   font-weight:bold;
   padding-bottom: 8px;
}

.superlist3 h3 {
   font-size: 130%;
   font-weight: bold;
   padding-left: 0px;
   padding-bottom: 8px;
}

.superlist3 h4 {
   padding-left: 0px;
   padding-bottom: 8px;
}

.superlist3 p {
   padding-left: 0px
}

#boyscontainer {
   float: left;
   background-image: url('/data/userfiles/image/earth-boy-s.jpg');
}
#plaincontainer {
   float-left;
   padding: 0px;
   margin-bottom: 8px;
}
#plaincontainer1 {
   float: left;
   padding: 0px;
   width: 724px;
   margin-bottom: 8px;
   margin-left: 8px;
}
#plaincontainer2 {
   float: left;
   padding: 0px;
   padding-left: 5px;
   width: 471px;
   margin-bottom: 8px;
/*   margin-right: 8px;*/
 /*  margin-left: 8px;*/
}
#plaincontainer3 {
   float: left;
   padding: 0px;
   width: 248px;
   margin-bottom: 8px;
   margin-left: 8px;
}
#roundcontainer {
   float-left;
   padding: 0px;
   margin-bottom: 8px;
}
#roundcontainer1 {
   float: left;
   position: relative;
   padding: 0px;
   width: 730px;
   margin-bottom: 8px;
   margin-left: 8px;
/*   float: left;
   padding: 0px;
   width: 730px;
   margin-bottom: 8px;
   margin-left: 8px;*/
}
#roundcontainer2 {
   float: left;
   padding: 0px;
   width: 465px;
   margin-bottom: 8px;
   margin-left: 8px;
}
#roundcontainer3 {
   float: left;
   padding: 0px;
   width: 248px;
   margin-bottom: 8px;
   margin-left: 8px;
}

#gradientcontainer {
   float-left;
   padding: 0px;
   margin-bottom: 8px;
}
#gradientcontainer1 {
   float: left;
   position: relative;
   padding: 0px;
   width: 730px;
   margin-bottom: 8px;
   margin-left: 8px;
}
#gradientcontainer2 {
   float: left;
   position: relative;
   padding: 0px;
   width: 465px;
   margin-bottom: 8px;
   margin-left: 8px;
}
#gradientcontainer3 {
   float: left;
   position: relative;
   padding: 0px;
   width: 260px;
   margin-bottom: 8px;
   margin-left: 0px;
   color: #666666;
   font-size: 12px;
   font: Verdana, Arial;
}

/*#gradientcontainer3 p {
   padding-left: 0px;
} */

.rtop,.artop{display:block}
.rtop *,.artop *{display:block;height:1px;overflow:hidden;font-size:1px}
.artop *{border-style: solid;border-width:0 1px}
.r1,.rl1,.re1,.rel1{margin-left:5px}
.r1,.rr1,.re1,.rer1{margin-right:5px}
.r2,.rl2,.re2,.rel2,.ra1,.ral1{margin-left:3px}
.r2,.rr2,.re2,.rer2,.ra1,.rar1{margin-right:3px}
.r3,.rl3,.re3,.rel3,.ra2,.ral2,.rs1,.rsl1,.res1,.resl1{margin-left:2px}
.r3,.rr3,.re3,.rer3,.ra2,.rar2,.rs1,.rsr1,.res1,.resr1{margin-right:2px}
.r4,.rl4,.rs2,.rsl2,.re4,.rel4,.ra3,.ral3,.ras1,.rasl1,.res2,.resl2{margin-left:1px}
.r4,.rr4,.rs2,.rsr2,.re4,.rer4,.ra3,.rar3,.ras1,.rasr1,.res2,.resr2{margin-right:1px}
.rx1,.rxl1{border-left-width:5px}
.rx1,.rxr1{border-right-width:5px}
.rx2,.rxl2{border-left-width:3px}
.rx2,.rxr2{border-right-width:3px}
.re2,.rel2,.ra1,.ral1,.rx3,.rxl3,.rxs1,.rxsl1{border-left-width:2px}
.re2,.rer2,.ra1,.rar1,.rx3,.rxr3,.rxs1,.rxsr1{border-right-width:2px}
.rxl1,.rxl2,.rxl3,.rxl4,.rxsl1,.rxsl2,.ral1,.ral2,.ral3,.ral4,.rasl1,.rasl2{border-right-width:0}
.rxr1,.rxr2,.rxr3,.rxr4,.rxsr1,.rxsr2,.rar1,.rar2,.rar3,.rar4,.rasr1,.rasr2{border-left-width:0}
.r4,.rl4,.rr4,.re4,.rel4,.rer4,.ra4,.rar4,.ral4,.rx4,.rxl4,.rxr4{height:2px}
.rer1,.rel1,.re1,.res1,.resl1,.resr1{border-width:1px 0 0;height:0px !important;height /**/:1px}