a {
  color: #69a8f5;
}

a:active {
  color: #ff7474;
}

a:visited {
  color: #b874f6;
}

body {
  color: #ccc;
  background: #393e43;
}

table {
	border-collapse: separate;
}

td {
	padding:5px;
	border-style: ridge;
	border-width: 2px;
}

tr.head {
	background-color: #212426;
}

.dark 
{
	color:#212426 ;
}:


.ht {background: url(webimages/dot.gif) 0 0 repeat-x; width: 20em;}
.hb {background: url(webimages/dot.gif) 0 100% repeat-x;}
.hl {background: url(webimages/dot.gif) 0 0 repeat-y;}
.hr {background: url(webimages/dot.gif) 100% 0 repeat-y;}
.htl {background: #212426 url(webimages/tlf.gif) 0 0 no-repeat;}
.htr {background: url(webimages/trf.gif) 100% 0 no-repeat; padding:10px; color:#494e53; text-transform:uppercase; font-weight:bold;} 

.t {background: url(webimages/dot.gif) 0 0 repeat-x; width: 20em}
.b {background: url(webimages/dot.gif) 0 100% repeat-x}
.l {background: url(webimages/dot.gif) 0 0 repeat-y}
.r {background: url(webimages/dot.gif) 100% 0 repeat-y}
.bl {background: url(webimages/bl.gif) 0 100% no-repeat}
.br {background: url(webimages/br.gif) 100% 100% no-repeat}
.tl {background: url(webimages/tlfr.gif) 0 0 no-repeat}
.tr {background: url(webimages/trfr.gif) 100% 0 no-repeat; padding:10px} 

#imagewrapper {
position: relative;
float: left;
}

#imagewrapper span {
position: absolute;
z-index: 2;
height: 12px;
width: 12px;
}

.curve1 {
background: transparent url(/webimages/trc.gif) top right no-repeat;
top: 0;
right: 0;
}

.curve2 {
background: transparent url(/webimages/tlc.gif) top left no-repeat;
top: 0;
left: 0;
}

.curve3 {
background: transparent url(/webimages/brc.gif) bottom right no-repeat;
bottom: 0;
right: 0;
}

.curve4 {
background: transparent url(/webimages/blc.gif) bottom left no-repeat;
bottom: 0;
left: 0;
}