/* define text style for all tables */
body {
  margin: 0px;
  font-family: Arial, Verdana;
  font-size: 13px;
}

.main {
  margin-top: -6px;
  width: 975px;
}

.front-h3 {
  margin: 10px 0 10px;
  padding: 2px 0;
  border-bottom: 1px solid #000;
}

.mm-l, .mm-r {
  width: 15px;
  height: 24px;
  background: url(../img/layout.png) no-repeat 0px 0px;
}

.mm-ul {
  margin: 0 auto;
  padding: 0;
  list-style-type: none;
}

.mm-mid, .mm-l, .mm-r, .mm-mid-lrt, .mm-mid-lrb, .mm-sep {
  float: left;
  margin: 0;
  padding: 0;
}

.mm-mid, .mm-mid-lrt, .mm-mid-lrb {
  height: 24px;
  background: url(../img/layout.png) repeat-x 0px -74px;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 13px;
}

.mm-mid-lrt {
  width: 111px;
}

.mm-mid-lrb {
  width: 216px;
}

.mm-mid {
  height: 16px;
  padding: 3px 4px 5px;
}

.mm-mid:hover {
  color: #1f741c;
  background: url(../img/mm-mid-h.gif) repeat-x;
}

.mm-sep {
  width: 4px;
  height: 24px;
  background: url(../img/layout.png) repeat-x -32px 0px;
}

.mm-r {
  background: url(../img/layout.png) no-repeat -16px 0px;
}

.lmtt {
  width: 190px;
  height: 11px;
  background: url(../img/layout.png) no-repeat 0px -25px;
}

.lmtn, .lmtn0, .lmtn1 {
  font-size: 12px;
  color: #ffffff;
  text-indent: 10px;
  text-align: left;
  width: 190px;
  height: 20px;
  background: url(../img/layout.png) repeat-x 0px -37px;
}

.lmtn1 {
  background: url(../img/lmtn-vip.png) no-repeat;
}

.lin {
  font-size: 12px;
  background-color: #fde2cf;
  text-indent: 15px;
  text-align: left;
  width: 190px;
  height: 22px;
  border: 0px;
  background: #fceccf;
}

.lin:hover {
  background: url(../img/lms-h.gif) repeat-x;
}

.sta {
  font-size: 12px;
  text-align: left;
  padding-top: 5px;
  width: 190px;
  border: 0px;
  background: #fceccf;
}

.lmtb {
  width: 190px;
  height: 9px;
  background: url(../img/layout.png) repeat-x 0px -64px;
}

.lms {
  width: 190px;
  font-size: 12px;
  text-align: left;
  background: #fceccf;
}

#input-user, #input-pass {
  width: 138px;
  height: 16px;
  line-height: 16px;
  vertical-align: middle;
  margin: 0 0 5px 15px;
  padding: 0 0 0 20px;
  border: 1px solid #1f741c;
  background: #fff url(../img/input-user.png) no-repeat;
  background-position: 3px 3px;
  font-size: 12px;
}

#input-pass {
  background: #fff url(../img/input-pass.png) no-repeat;
  background-position: 3px 3px;
}

#input-submit {
  height: 18px;
  line-height: 16px;
  vertical-align: middle;
  margin: 0 0 10px 15px;
  padding: 0 10px;
  background: #5e9647;
  font-size: 11px;
  color: #fff;
  border: 0;
  cursor: pointer;
}

input.but {
  background-image: url(../img/blank.gif);
  font-size: 12px;
}

input.but-starred {
  background-image: url(../img/but-starred.gif);
  font-size: 12px;
  text-indent: 10px;
}

input.but-unstarred {
  background-image: url(../img/but-unstarred.gif);
  font-size: 12px;
  text-indent: 10px;
}

.inf-ha, .inf-bu {
  background: url(../img/layout.png) no-repeat 0px -99px;
  width: 565px;
  height: 11px;
}

.inf-t {
  background: #5e9647;
  font-size: 12px;
  color: #fff;
  text-align: center;
  text-decoration: underline;
  width: 25%;
  height: 20px;
  cursor: pointer;
}

.inf-i {
  background: #fceccf;
  text-align: left;
  width: 565px;
}

.inf-bu {
  background: url(../img/layout.png) no-repeat 0px -110px;
}

.inf-pt {
  background: #5e9647;
  font-size: 12px;
  color: #fff;
  text-align: left;
  text-indent: 10px;
  width: 100%;
  height: 20px;
}

.inf-p {
  background: #fceccf;
  text-align: center;
  width: 20%;
}

.inf-ip {
  background: #fceccf;
  text-align: left;
}

.pbut {
  font-size: 12px;
  color: #000000;
  background-color: #fff;
  text-align: center;
  padding-top: 2px;
  width: 100px;
  height: 18px;
  margin-bottom: 3px;
}

.main_inf {
  color: #000;
  text-decoration: none;
  font-size: 13px;
  text-align: left;
}

#downmail {
  border: 1px solid red;
  padding: 10px;
  background-color: white;
  position: absolute;
  display: none;
  top: 0px;
  right: 0px;
}

#newmail {
  width: 220px;
  height: 80px;
  border: 1px solid red;
  padding: 10px;
  background-color: white;
  position: absolute;
  display: none;
  top: 200px;
  right: 370px;
}

.abut {
  display: block;
  border: 1px solid #aaa;
  text-decoration: none;
  background-color: #fafafa;
  color: #123456;
  margin: 0px;
  clear: both;
}

.eworks {
  float: left;
  text-align: center;
  margin: 10px;
}

#select1, #select2 {
  width: 245px;
  height: 200px;
}
.fast {
  position: relative; 
  float: right; 
  margin: -20px 13px 0px 0px;
}

#img-status {
  position: relative;
  top: 3px;
}

#menu-status {
  width: 93px;
  position: absolute;
  background-color: #fff;
  z-index: 100;
  border: 1px solid;
  display: none;
}

#menu-close {
  position: relative;
  float: right;
  top: 1px;
  right: 1px;
}

/* thumbnail list */
ul#thumbs, ul#thumbs li{
  margin: 0;
  padding-left: 7px;
  margin-top: 3px;
  list-style: none;
}

ul#thumbs li{
  float: left;
  margin-right: 5px;
  border: 1px solid #666;	
  padding: 2px;
}

ul#thumbs a{
  display: block;
  width: 100px;
  height: 90px;
  line-height: 20px;
  overflow: hidden;
  position: relative;
  z-index: 1;		
}

ul#thumbs a img{
  float: left;
  position: absolute;
  top: 0px;
  left: 0px;	
}

ul#thumbs a:hover{
  overflow: visible;
  z-index: 1000;
  border: none;		
}

ul#thumbs a:hover img{
  border: 1px solid #999;	
  background: #fff;
  padding: 0px;			
}	

ul#thumbs:after, li#thumbs:after{
  content: ".";
  display: block; 
  height: 0px; 
  clear: both; 
  visibility: hidden;
}

ul#thumbs, li#thumbs{
  display: block;
}

ul#thumbs, li#thumbs{
  min-height: 1%;
}

* html ul#thumbs, * html li#thumbs{
  height: 1%;
}

/* entering */
.suggestionsBox {
  position: absolute;
  margin: 10px 0px 0px 0px;
  width: 200px;
  background-color: #212427;
  border: 2px solid #000;	
  color: #fff;
  z-index: 1;
}

.suggestionList {
  margin: 0px;
  padding: 0px;
}

.suggestionList li {
  margin: 0px 0px 3px 0px;
  padding: 3px;
  cursor: pointer;
  list-style: none;
}

.suggestionList li:hover {
  background-color: #659CD8;
}

h3 a:link   {
  font-size: 16px; 
  color: #34691e; 
  text-decoration: none;
}

h3 a:visited {
  font-size: 16px; 
  color: #34691e; 
  text-decoration: none;
}
h3 a:hover  {
  font-size: 16px; 
  color: #34691e; 
  text-decoration: underline;
}

h3 a:active {
  font-size: 16px; 
  color: #34691e; 
  text-decoration: none;
}

/* links */
a.but:link , a.but:visited , a.but:hover, a.but:active {
  font-size: 13px; 
  color: #FFFFFF; 
  text-decoration: none;
}

a.lml:link, a.lml:visited, a.lml:hover, a.lml:active   {
  font-size: 13px; 
  color: #34691e; 
  text-decoration: none; 
  display: block; 
  padding-top: 3px; 
  padding-bottom: 1px;
}

a.bl:link, a.bl:visited, a.bl:hover, a.bl:active {
  font-size: 13px; 
  color: #34691e; 
  text-decoration: none;
}

a.fri:link, a.fri:visited, a.fri:hover, a.fri:active {
  font-size: 13px; 
  color: #34691e; 
  text-decoration: none; 
  display: block; 
  padding-top: 2px; 
  padding-bottom: 1px;
}

.mm-mid:hover a {
  color: #1f741c;
}

#nav {
  width: 100%;
  height: 20px;
  margin: 5px 0;
  padding: 2px 0 0 0;
  border-top: 1px solid #333; 
  border-bottom: 1px solid #333; 
}

#nav-left, #nav-right {
  float: left;
  width: 150px;
  height: 20px;
  line-height: 20px;
  vertical-align: middle;
  margin: 0;
  padding: 0;
}

#nav-right {
  float: right;
  text-align: right;
}

#share-button {
  float: right;
  padding: 4px 8px 0 0;
  line-height: 16px;
  text-indent: 0;
}

.nav-left {
  float: left;
  margin: 0;
  padding: 0 0 0 12px;
}

.nav-right {
  float: right;
  margin: 0;
  padding: 0 12px 0 0;
}

.titlec {
  height: 25px;
  font-size: small;
}

ul.videos {
  width: 39em;
  margin: 5px auto;
  padding: 0;
  list-style-type: none;
}

ul.videos li {
  float: left;
  width: 11em;
  height: 141px;
  margin: 1em;
}

#editor-mask {
  position: absolute;
  top: 340px;
  width: 545px;
  height: 279px;
  line-height: 277px;
  margin: 0;
  padding: 0;
  font-size: 30px;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  color: #ff3600;
  background: url(../img/editor-mask-bg.png) no-repeat;
  z-index: 100;
}

.small-img-anchor {
  float: left;
  display: block;
  width: 100px;
  height: 80px;
  padding: 0;
  margin: 0 4px 4px 0;
  overflow: hidden;
}

/* ads position 1 */
#bh1 {
  width: 300px;
  height: 250px;
  margin: 0;
  padding: 0;
  background: #fff;
}

#bh1p, #bh1i, #bh1w {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 13px;
  overflow: hidden;
}

#bh1i {
  width: 148px;
  text-align: left;
}

#bh1i span {
  color: #ff1e00;
}

#bh1i h3 {
  margin: 0;
  padding: 0;
}

#bh1w {
  width: 274px;
  height: 99px;
  line-height: 13px;
  vertical-align: middle;
  padding: 0 13px 13px 13px;
  text-align: left;
}

.bh1w-anchor:link, .bh1w-anchor:visited, .bh1w-anchor:hover,
.bh2w-anchor:link, .bh2w-anchor:visited, .bh2w-anchor:hover,
.bh3w-anchor:link, .bh3w-anchor:visited, .bh3w-anchor:hover {
  font-size: 12px;
  color: #000; 
}

.bh1w-anchor:hover, .bh2w-anchor:hover {
  color: #ff1e00;
}

#bh1f, #bh2f, #bh3f {
  float: left;
  width: 295px;
  height: 12px;
  line-height: 12px;
  vertical-align: middle;
  margin: 0;
  padding: 0 5px 0 0;
  font-size: 9px;
  text-align: right;
  color: #fff;
  background: #6f7ca9;
}

/* ads position 2 */
#bh2 {
  width: 468px;
  height: 60px;
  margin: 0;
  padding: 0;
  background: #fff;
}

#bh2p, #bh2i, #bh2w {
  float: left;
  width: 50px;
  height: 50px;
  margin: 0;
  padding: 5px;
  overflow: hidden;
  text-align: left;
}

#bh2w, #bh3w {
  width: 258px;
  height: 39px;
  line-height: 13px;
  vertical-align: middle;
  padding: 5px 0 4px 0;
}

#bh3w {
  width: 170px;
  height: auto;
  padding: 0 5px 4px;
  text-align: left;
  overflow: hidden;
}

#bh2i {
  width: 130px;
}

#bh2i span {
  font-size: 13px;
  color: #ff1e00;
}

#bh2i h3 {
  margin: 0;
  padding: 0;
}

#bh2i p {
  margin: 0;
  padding: 0;
}

#bh2f {
  width: 258px;
}

#bh3f {
  float: none;
  width: 180px;
  margin: 0 auto 15px;
  text-align: right;
}

#bh1f a:link, #bh1f a:active, #bh1f a:visited, #bh1f a:hover,
#bh2f a:link, #bh2f a:active, #bh2f a:visited, #bh2f a:hover,
#bh3f a:link, #bh3f a:active, #bh3f a:visited, #bh3f a:hover {
  font-size: 9px;
  color: #fff;
  text-decoration: none;
}

#bh2f a:hover, #bh3f a:hover {
  text-decoration: underline;
}

/* SLIMBOX */
#lbOverlay {
  position: absolute;
  z-index: 9999;
  left: 0;
  width: 100%;
  background-color: #000;
  cursor: pointer;
}

#lbCenter, #lbBottomContainer {
  position: absolute;
  z-index: 9999;
  left: 50%;
  overflow: hidden;
  background-color: #fff;
}

.lbLoading {
  background: #fff url(slimbox/loading.gif) no-repeat center;
}

#lbImage {
  position: absolute;
  left: 0;
  top: 0;
  border: 10px solid #fff;
  background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
  display: block;
  position: absolute;
  top: 0;
  width: 50%;
  outline: none;
}

#lbPrevLink {
  left: 0;
}

#lbPrevLink:hover {
  background: transparent url(slimbox/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
  right: 0;
}

#lbNextLink:hover {
  background: transparent url(slimbox/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
  font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
  font-size: 10px;
  color: #666;
  line-height: 1.4em;
  text-align: left;
  border: 10px solid #fff;
  border-top-style: none;
}

#lbCloseLink {
  display: block;
  float: right;
  width: 66px;
  height: 22px;
  background: transparent url(slimbox/closelabel.gif) no-repeat center;
  margin: 5px 0;
  outline: none;
}

#lbCaption, #lbNumber {
  margin-right: 71px;
}

#lbCaption {
  font-weight: bold;
}

/* GROUPS */
.groups-list {
  width: 565px;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

.groups-list li {
  width: 545;
  margin: 0;
  padding: 5px 10px;
}

.groups-list li div.img, .groups-list li div.info {
  float: left;
  width: 100px;
  height: 100px;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

.groups-list li div.info {
  width: 435px;
  padding: 0 0 0 10px;
}

#group-playlist {
  position: fixed;
  bottom: 0px;
  width: 100%;
  height: 24px;
  line-height: 24px;
  vertical-align: middle;
  margin: 0 auto;
  padding: 0 5px;
  color: #fff;
  background: #5E9647;
  border: 0;
  border-top: 2px solid #f72;
}

#pl-prev:link, #pl-prev:visited, #pl-prev:hover,
#pl-next:link, #pl-next:visited, #pl-next:hover {
  display: block;
  float: left;
  width: 16px;
  height: 16px;
  margin: 5px 5px 0 0;
  background: url(../img/control_start.png) no-repeat;
}

#pl-next:link, #pl-next:visited, #pl-next:hover {
  background: url(../img/control_end.png) no-repeat;
}

.clr {
  clear: both;
  height: 0;
  line-height: 0;
  font-size: 0;
}