body {margin: 0px; padding: 0px; background: #4E4F53; height: 100%;}

img, a:link img, a:visited img {border-style: none}
a img {color: #FFFFFF}

.absmid {vertical-align:middle}

form {margin:0px; padding:0px}

#overall {height: 550px;}

.top {background: url(../images/topbgl.gif) repeat-x; height:68px}
.topAds {background: #646468; height:68px}

#links {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 26px;
  visibility: hidden;
  display:none;
}
#menu {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 26px;
}

#menu2 {
  list-style-type: none;
  padding: 0;
  margin: 0;
  height: 26px;
}

#menu li {
  display: inline;
  padding: 0;
  margin: 0;
}

#menu2 li {
  display: inline;
  padding: 0;
  margin: 0;
}

#menu li a:link, #menu li a:visited {
  font: bold 11px/21px Tahoma, Arial, Verdana;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #D7D7D7;
  text-decoration: none;
  text-align: center;
  float: left;
  display: block;
  width: 130px;
  padding-top: 3px;
  margin: 0;
  background: url(../images/menu.gif) no-repeat;
}

#menu2 li a:link, #menu2 li a:visited {
  font: bold 11px/21px Tahoma, Arial, Verdana;
  letter-spacing: 1px;
  text-transform: uppercase;
  color: #D7D7D7;
  text-decoration: none;
  text-align: center;
  display: block;
  width: 130px;
  padding-top: 3px;
  margin: 0;
  background: url(../images/button.gif) no-repeat;
}

#menu li a#selected:link, #menu li a#selected:visited {
  background: url(../images/menuSel.gif) no-repeat;
  color: #FFFFFF;
}

#menu2 li a#selected:link, #menu2 li a#selected:visited {
  background: url(../images/buttonSel.gif) no-repeat;
  color: #FFFFFF;
}

#menu li a:hover {
  background: url(../images/menuOver.gif) no-repeat;
  color: #F2F2F2;
}

#menu2 li a:hover {
  background: url(../images/buttonOver.gif) no-repeat;
  color: #F2F2F2;
}

#menu li a span {font:bold 9px Tahoma, Arial, Verdana; color: #FFFF99;}

#mid {height:100%; width: 780px; background-color: #DFDFDF}
#mid1 {width: 780px; background-color: #DFDFDF}
#mid2 {width: 780px; background-color: #DFDFDF}
#mid3 {background-color: #FFFFFF}
.brdtop {background: url(../images/brdtop.gif) repeat-x}
.brdtopright {background: url(../images/brdtop.gif) #C9C9CA repeat-x}
.brdtopmid {background: url(../images/brdtop1.gif) #B2B3B4 repeat-x}
.brdtopwht {background: url(../images/brdtop.gif) #FFFFFF repeat-x}
.divmid {background: url(../images/divmid.gif) repeat-y}
.divmid1 {background: url(../images/divmid1.gif) repeat-y}
.div1 {background: url(../images/bg3.gif) repeat-y}
.boxright {background-color: #C9C9CA}
.brdbottom {background: url(../images/brdbottom.gif) repeat-x left bottom}
.brdbottom2 {background: url(../images/bg4.gif) repeat-x left bottom}
.brdbottom2a {background: url(../images/bg4.gif) #D0CFD0 repeat-x left bottom}
.brdbottom3 {background: url(../images/bg6.gif) repeat-x left bottom}
.brdbottommid {background: url(../images/brdbottom2.gif) #B2B3B4 repeat-x left bottom}
.brdbottomwht {background: url(../images/brdbottom.gif) #FFFFFF repeat-x left bottom}
.brdbottom1 {background: url(../images/brdbottom1.gif) repeat-x left bottom}
.brdleft {background: url(../images/brdleft.gif) repeat-y}
.brdleft2 {background: url(../images/brdleft2.gif) #D0CFD0 repeat-y}
.brdleft3 {background: url(../images/brdleft.gif) #656C88 repeat-y}
.brdleft4 {background: url(networkimages/bg1.gif) #7E7F82 repeat-y}
.brdleft5 {background: url(../images/brdleft.gif) #7990B9 repeat-y}
.brdlefts {background: url(../images/leftbarmiddle.gif) repeat-y}
.brdright {background: url(../images/brdright.gif) repeat-y right top}
.brdright2 {background: url(../images/brdright2.gif) repeat-y right top}
.brdright3 {background: url(../images/brdright.gif) #656C88 repeat-y right top}
.brdright4 {background: url(networkimages/bg4.gif) #7E7F82 repeat-y right top}
.brdright5 {background: url(../images/brdright.gif) #7990B9 repeat-y right top}
.brdrights {background: url(../images/rightbarmiddle.gif) repeat-y right top}
.brdrightd {background: url(../images/brdright.gif) #C9C9CA repeat-y right top}

.copy {font: normal 11px Tahoma, Arial, Verdana; color: #D1D1D1}
.copy a {color: #D1D1D1}
.bottomnav {font: normal 11px/18px Tahoma, Arial, Verdana; color: #919191}
.bottomnav a {color: #919191}
.bottomnav span {font: normal 9px Tahoma, Arial, Verdana; color: #FFFFFF}

.field {
  background: url(../images/fieldbg.gif) #EFEEEE repeat-x;
  border: solid 1px #9B9C9D;
  font: normal 11px Tahoma, Arial, Verdana;
  height: 20px; width: 125px
}
.fields {
  background: url(../images/fieldbg.gif) repeat-x;
  border: solid 1px #9B9C9D;
  font: normal 11px Tahoma, Arial, Verdana;
  height: 20px; width: 90px
}
.fieldSelect {
  background: #EFEEEE;
  font: normal 11px/20px Tahoma, Arial, Verdana;
  width: 125px
}
html>body .fieldSelect {background: url(../images/fieldbg.gif) repeat-x; height: 20px; border: solid 1px #9B9C9D;}
html>body .fieldSelect option {background-color:#EFEEEE}

.fieldname {
  font: bold 11px Tahoma, Arial, Verdana;
  color: #717274;
  letter-spacing: 1px;
  text-align: right
}
.fieldreq {font: bold 11px Tahoma, Arial, Verdana; color: #ADB5E2; cursor:default}
.alert {font: normal 11px Tahoma, Arial, Verdana; color: #990000}
.head {font: bold 14px Tahoma, Arial, Verdana; color: #122059;}

.body {font: normal 11px Tahoma, Arial, Verdana; color: #2D2D2D}
.body a {color: #333399}

.bodyl {font: normal 11px Tahoma, Arial, Verdana; color: #7A7A7A}
.bodyl a:link, .bodyl a:visited {color: #7A7A7A; text-decoration:none}
.bodyl a:hover {color: #7A7A7A; text-decoration:underline}

.bodyd {font: normal 11px Tahoma, Arial, Verdana; color: #122059}
.bodyd a:link, .bodyd a:visited {color: #122059; text-decoration:none}
.bodyd a:hover {color: #122059; text-decoration:underline}

.bodyn {font: normal 11px Tahoma, Arial, Verdana; color: #2D2D2D}
.bodyn a:link, .bodyn a:visited {color: #2D2D2D; text-decoration:none}
.bodyn a:hover {color: #2D2D2D; text-decoration:underline}

.bodybld {font: normal 11px Tahoma, Arial, Verdana; color: #122059}
.bodybld a {color: #122059}

.bodyml {font: normal 11px Tahoma, Arial, Verdana; color: #4E4F53}
.bodyml a {color: #4E4F53}

.bodynl {font: normal 11px Tahoma, Arial, Verdana; color: #7A7A7A}
.bodynl a {color: #7A7A7A}

.bodybl {font: normal 11px Tahoma, Arial, Verdana; color: #333399}
.bodybl a:link, .bodybl a:visited {color: #333399; text-decoration:none}
.bodybl a:hover {color: #333399; text-decoration:underline}

.bodywt {font: normal 11px Tahoma, Arial, Verdana; color: #FFFFFF}
.bodyrd {font: normal 11px Tahoma, Arial, Verdana; color: #B60E0E}
.bodyrd a {color: #B60E0E}
.bodysm {font: normal 10px Tahoma, Arial, Verdana; color: #939496}
.bodysm a {color: #939496}

.bodybg {font: normal 12px/18px Verdana, Tahoma, Arial; color: #4E4F53}
.bodybg a {color: #890000}
.bodybg b {font-size:14px}

.bodybgb {font: normal 12px/16px Verdana, Tahoma, Arial; color: #4E4F53}
.bodybgb a:link, .bodybgb a:visited {color: #34448D; text-decoration:none}
.bodybgb a:hover {color: #34448D; text-decoration:underline}

.bodybr {font: normal 11px Verdana, Tahoma, Arial; color: #A47E5C}

.fdescr {font: normal 10px Tahoma, Arial, Verdana; color: #717274; padding-left:12px}
.fdescrb {font: normal 10px Tahoma, Arial, Verdana; color: #122059; padding-left:12px}

.title1 {font: bold 11px Tahoma, Arial, Verdana; color:#333399}
.title2 {font: bold 12px Tahoma, Arial, Verdana; color: #122059; text-transform:uppercase}
.title2 a {color: #122059}
.title3 {font: bold 14px Tahoma, Arial, Verdana; color:#333399; text-transform:uppercase}
.title6 {font: bold 12px Tahoma, Arial, Verdana; color:#545559;}
.title7 {font: bold 14px Tahoma, Arial, Verdana; color:#cc0000;}
.title9 {font: bold 12px Arial, Tahoma, Verdana; color:#6A6A6E; text-transform:uppercase}
.title10 {font: bold 12px Tahoma, Arial, Verdana; color:#FFFFFF; text-transform:uppercase}
.title11 {font: bold 11px Tahoma, Arial, Verdana; color:#444B5F; text-transform:uppercase}
.title12 {font: bold 11px Tahoma, Arial, Verdana; color:#666666;}
.normal {font: normal 11px Tahoma, Arial, Verdana; color: #4E4F53;}
.normal12 {font: normal 11px Tahoma, Arial, Verdana; color:#666666}
.normal13 {font: normal 12px Tahoma, Arial, Verdana; color:#333333}
.normal14 {font: normal 13px Tahoma, Arial, Verdana; color:#ffffff}
.errcell {font: normal 11px Tahoma, Arial, Verdana; color:#000000; background-color:#ffff00}
.title13 {font: bold 13px Arial, Tahoma, Verdana; color:#4E4F53; text-transform:uppercase}
.title13 a {color: #4E4F53; text-decoration:none}
.title14 {font: normal 18px Trebuchet, Tahoma, Arial, Verdana; color:#91434B;}
label {font: bold 11px Tahoma, Arial, Verdana; color: #6A6A6E;}

h1.tagline {font: normal 18px Tahoma, Arial, Verdana; color: #D7D7D7; text-transform: uppercase; letter-spacing: 3px; margin-bottom:0px}
h1.tagline:first-line {font: normal 18px Tahoma, Arial, Verdana; letter-spacing: 3px}

.featdiv {background: url(../images/fieldbg.gif) repeat-x;  height: 20px; font-size: 1px}

.featbg1 {height:42px; font: bold 14px Arial; color:#ffffff; text-align:center; text-transform:uppercase; }
#pht1 {background: url(../images/featbg1pht.gif) no-repeat}
#mus1 {background: url(../images/featbg1mus.gif) no-repeat}
#ind1 {background: url(../images/featbg1ind.gif) no-repeat}
#ind1sp {background: url(images/featbg1ind.gif) no-repeat}
#vid1 {background: url(../images/featbg1vid.gif) no-repeat}
#doc1 {background: url(../images/featbg1doc.gif) no-repeat}
.featbg2 {background: url(../images/featbg2.gif) repeat-x; height:45px; font: bold 14px Arial; color:#ffffff; text-align:center; text-transform:uppercase;}
.featbg2sp {background: url(images/featbg2.gif) repeat-x; height:45px; font: bold 14px Arial; color:#ffffff; text-align:center; text-transform:uppercase;}
#pht2 {background: url(../images/featbg2pht.gif) no-repeat}
#mus2 {background: url(../images/featbg2mus.gif) no-repeat}
#ind2 {background: url(../images/featbg2ind.gif) no-repeat}
#ind2sp {background: url(../images/featbg2ind.gif) no-repeat}
#vid2 {background: url(../images/featbg2vid.gif) no-repeat}
#doc2 {background: url(../images/featbg2doc.gif) no-repeat}
.featbg2 a, .featbg2sp a {color: #FFFFFF; text-decoration:none}
.featbg3 {background: url(../images/featbg3.gif) repeat-x; height:140px; width:173px;
          font: normal 11px Tahoma, Arial, Verdana; color: #4E4F53; vertical-align:top; padding:5px;}
.featbg4 {background: url(../images/featbg4.gif) no-repeat center center; width:205px; height:18px;
          font: bold 11px/16px Tahoma, Arial, Verdana; color:#ffffff; text-align:center; text-transform:uppercase;
          margin-top:10px; margin-bottom:5px;}
.featbg5 {background: url(../images/featbg3.gif) repeat-x; height:140px; width:362px;
          font: normal 11px Tahoma, Arial, Verdana; color: #4E4F53; vertical-align:top; padding:5px;}
.featbg6 {background: url(../images/featbg6.gif) repeat-x; height:280px; width:362px; background-color:#E0DFE0;
          font: normal 11px Tahoma, Arial, Verdana; color: #4E4F53; vertical-align:top; padding:5px;}
.featbg7 {height:280px; width:740px;
          font: normal 11px Tahoma, Arial, Verdana; color: #4E4F53; vertical-align:top; padding:5px;}
.featbg4 a {color: #FFFFFF; text-decoration:none}
.shad1 {background: url(../images/shad1.gif) #DFDFDF repeat-y top right}
.shad2 {background: url(../images/shad2.gif) #DFDFDF repeat-y;}
#shad2ent {padding-left:11px; padding-top:10px; width:189px}
.entfeat {background: #B2B3B4; padding-left:20px; padding-right:20px; padding-top:10px;}

div.previewImg { text-align:center }
div.previewMsg {font: normal 11px Tahoma, Arial, Verdana; color: #2D2D2D; margin-top:6px }
#dragDiv {position:absolute; visibility:hidden; left:0; top:0; z-index:1000; background:#EFEFEF; border: solid 1px #A7AFDB;}
#handle {color: #333399; font: normal 11px Tahoma, Arial, Verdana; background: url(../images/fieldbg.gif) repeat-x; cursor:move; height:20px; border-bottom:solid 1px #DFDFDF}
#handle td {color: #333399;  font: normal 11px Tahoma, Arial, Verdana;}
.xBox {margin-bottom:1px}

.barMusic{width:173px; height:47px; text-align:right; vertical-align:middle; background: url(../images/barMusic.jpg) no-repeat}
.barPhoto{width:173px; height:47px; text-align:right; vertical-align:middle; background: url(../images/barPhoto.jpg) no-repeat}
.barVideo{width:173px; height:47px; text-align:right; vertical-align:middle; background: url(../images/barVideo.jpg) no-repeat}
.barFolder{width:173px; height:47px; text-align:right; vertical-align:middle; background: url(../images/barFolder.jpg) no-repeat}

.head1 {background: url(../images/bg1.gif) repeat-x; height: 38px; text-align:center; font: bold 12px Arial; color: #FFFFFF; text-transform: uppercase;}
.head1 a {color: #FFFFFF; text-decoration:none}
.head2 {background: url(../images/bg7.gif) repeat-x; height: 38px; font: bold 12px Verdana, Tahoma, Arial; color: #890000; 1text-transform: uppercase; padding-top:5px}
.head2 b {font-size:14px}
.head3 {font: bold 16px/30px Verdana, Tahoma, Arial; color: #FFFFFF; 1text-transform: uppercase; background:#7E7F82}
.head4 {border-bottom:solid 1px #7E7F82; font:bold 16px/20px Verdana; color:#890000;}
.head4 a:link, .head4 a:visited {color:#890000; text-decoration:none}
.head4 a:hover {color:#890000; text-decoration:none}

.boxBott {background: url(../images/bg2.gif) #DFDFDF repeat-x;}
.boxBotta {background: #D0CFD0;}
.line {background: #4E4F53}

.title {font: bold 13px Tahoma, Arial, Verdana; color: #FFFFFF; text-transform: uppercase; height: 28px; vertical-align: middle;}
#pht {background: url(../images/phtImg3.jpg) #747B9B no-repeat; text-align: right; width: 596px;}
#mus {background: url(../images/musImg3.jpg) #747B9B no-repeat; padding-right: 7px; text-align: right; width: 596px;}
#ind {background: url(../images/indImg3.jpg) #747B9B no-repeat; text-align: right; width: 596px;}
#vid {background: url(../images/vidImg3.jpg) #747B9B no-repeat; padding-right: 7px; text-align: right; width: 596px;}
#doc {background: url(../images/docImg3.jpg) #747B9B no-repeat; text-align: right; width: 596px;}
#loginl {background: url(../images/shad3.gif) #656C88 repeat-y top right; text-align: center; width:220px;}
#loginm {background: #747B9B; text-align: center;}
#loginmf {background: #656C88; text-align: center;}
#loginr {background: url(../images/shad4.gif) #656C88 repeat-y; text-align: center; }

#loginlsp {background: url(../images/shad3.gif) #86010E repeat-y top right; text-align: center; width:220px;}
#loginmsp {background: #990110; text-align: center;}
#loginrsp {background: url(../images/shad4.gif) #86010E repeat-y; text-align: center; }

#uploader {background: #7990B9; text-align: center;}

.subscrTitle {font: bold 11px/18px Tahoma, Arial, Verdana; color: #122059; text-transform: uppercase;}
.subscrTitle a {color: #122059; text-decoration: none}
.subscrTitle td {border-bottom: solid 1px #4E4F53; vertical-align:bottom; padding-left:5px; padding-top:5px}
.subscrPrice {font: bold 14px/20px Tahoma, Arial, Verdana; color: #122059; text-align:right; vertical-align:top}
.subscrPrice a {color: #122059; text-decoration: none}
.subscrCont td.bodyml {padding:3px}

.regPlan    {border:solid 1px #DFDFDF; background:#DFDFDF}
.regPlanSel {border:solid 1px #9B9C9D; background:#EFEEEE}
.regPrice {font: normal 20px Tahoma, Arial, Verdana; color:#122059}
.regPrice div {font: bold 11px/25px Tahoma, Arial, Verdana; color: #4E4F53}
.regPrice span {font: bold 12px Tahoma, Arial, Verdana; color:#122059}
.regDescrTbl {border:solid 1px #7E7F82; background:#FFFFFF; width:170px}

.bckTop {text-align:right; margin-top:20px; margin-bottom:10px}

.stepHead td {background: url(../images/bg8.gif) repeat-x left center; vertical-align:middle}

.stepHead h6 {font: bold 12px/17px Verdana, Tahoma, Arial; margin:0px 0px 0px 5px}
.stepHead h6:first-line {font: bold 14px Tahoma, Arial, Verdana; text-transform: uppercase;}

.stepHead a:link, .stepHead a:visited {color: #8F9092; text-decoration:none}
.stepHead a:hover {color: #890000; text-decoration:none}

.stepHead img {margin-top:1px}

.stepHead h6#step {color: #890000}

.headline {font: normal 18px Tahoma, Arial, Verdana; color: #830900; text-transform: uppercase;}
.headline a:link, .headline a:visited {color: #830900; text-decoration:none}
.headline a:hover {color: #830900; text-decoration:underline}
.header {font: bold 13px Verdana, Tahoma, Arial; color: #830900}

.headerA {font: normal 18px/30px Verdana, Tahoma, Arial; color: #830900; border-bottom: dotted 3px #CCCCCC; margin-bottom:10px}
.headerB {font: normal 18px/30px Verdana, Tahoma, Arial; color: #2F72D0; border-bottom: dotted 3px #CCCCCC; margin-bottom:10px}

.tip {border:solid 1px #999999; padding:5px; font-size:11px}

.uplMid {background:url(images/uplImg4.jpg) no-repeat;
    padding-left:110px; padding-top:6px; vertical-align:top;
    font:normal 11px/20px Verdana, Tahoma, Arial; color: #4D5B6E}

.uplMid button {background:url(images/uplDwldButton.gif) no-repeat;
    width:219px; height:53px; border:none; padding:0px;
    margin-left:40px; cursor:pointer;}
.uplMid a {color:#3879D2; font-size:10px}
.uplMid button table td {font:normal 11px Verdana, Tahoma, Arial; color: #FFFFFF}
.uplCent {background:url(images/bg9.gif) repeat-x}