/**************************/
 /**  Tripod's Third Leg  **/
/**************************/
@import url(https://ly.lygo.net/ly/css/utils.css); /* Includes network-wide utilities stylesheet */

body {
  font: normal 10px Helvetica, Arial, sans-serif;
  background-color: #fff;
  color: #000;
  text-align: center;
  font-size: 10px;
  }
  
.bold { font-weight: bold; }
.none {display: none; }

/**  One div to hold them all  **/
div.page {
  width: 800px;
  .width: 830px; 
  margin: 0 auto;
  padding: 15px;
  background-color: #fff;
  text-align: left;
  font-size: 1.2em;
  }

div.old3pod {text-align: left;}

/* Shadow styles */

.container-shadow { 
	position: relative; 
	left: -3px;  
	margin: -10px 0 0 0; 
	width: 805px; 
	height: auto; 
}
.shadow-text { 
	background: url(/img/3pod/shadow_r.gif) left repeat-y; 
	width: 790px; 
	padding: 10px 10px 10px 13px;
	_padding: 10px 0px 10px 13px; 
	height: auto; 
}
.shadow-holder { 
	float: left;
	background: url(/img/3pod/shadow_l.gif) right repeat-y; 
	height: auto; 
	width: 806px; 
}
.shadow-sw { 
	float: left; 
	background: url(/img/3pod/shadow_sw.gif) no-repeat; 
	height: 7px; 
	width: 5px;   
}
.shadow-bottom { 
	float: left; 
	clear: left; 
	background: url(/img/3pod/shadow_s.gif) repeat-x; 
	height: 7px; 
	width: 806px; 
} 
.shadow-se { 
	float: right; 
	background: url(/img/3pod/shadow_se.gif) no-repeat; 
	width: 5px; 
	height: 7px;  
}

  /**************/
 /**  Header  **/
/**************/
div.header { margin-top: 30px;}

div.header div.txtwrap {
  float: right;
  width: 210px;
  line-height: 2em;
  text-align: right;
  white-space: nowrap;
  }

div.header img.tag {
  float: left;
  margin-top: 35px;
  }

div.login span.tag {
  float: left;
  line-height: 2em;
  background-image: none;
  }

img.logo { float: left; margin-top: 9px; }

div.login {
  margin: 0 0 10px 0;
  padding: 2px 10px; 
  line-height: 26px;
  height: 28px; 
  background: #74749e url(/img/3pod/gradient_bar.png) repeat;
  color: #fff;
  font-weight: bold;
  clear: right;
  position: relative; 
  z-index: 20;
  }

div.login img.tag { 
  height: 15px;
  position: absolute;
  top: 8px;
  *top: 7px;
  }

div.login input { vertical-align: middle; }

div.login input.text { 
  width: 100px;
  border: 1px solid #666;
  }


/**  The big navigation bar  **/
ul.navbar {
  min-width: 795px;
  margin: 0 0 10px 0;
  padding: 0;
  /**border: 1px solid #6f6f98;**/
  border-left: 1px solid #9d9ac6;
  background: #74749e url(/img/3pod/gradient_bar.png) repeat;
  list-style: none;
  }

ul.navbar li {
  /** fixed width change **/
  width: 110px;
  float: left;
  margin: 0;
  padding: 0;
  font-weight: bold
  background: #74749e url(/img/3pod/gradient_bar.png) repeat;
  color: #fff;
  /**border: 1px solid #6f6f98;**/
  border-left: 1px solid #9d9ac6;
  }

ul.navbar a {
  display: block;
  margin: 0;
  /**padding: 0 20px;**/
  line-height: 29px;
  background-color: transparent;
  color: #fff;
  font-weight: bold;
  white-space: nowrap;
  text-decoration: none;
  text-align: center;
  }

ul.navbar li a:hover {
  background: #9d9ac6 none;
  color: inherit;
  }

ul.navbar li + li + li + li + li a { padding: 0 15px; }
ul.navbar li + li + li + li + li + li a { padding: 0 22px; }

img.promo { display:block; float: left;}
  
a.viewall { cursor: pointer; }

  /*****************************/
 /**  Logged In Member Area  **/
/*****************************/
div.member {
  float: left;
  margin: 0 0 10px 0;
  border: 1px solid #000;
  background: #fff url(/img/3pod/bg.memberpanel-circles.gif) no-repeat bottom right;
  color: #000;
  padding: 10px;
  width: 545px;
  }

/* Migaration Pieces */
div.migration {
	background: #edecef url(/img/common/img_warning.gif) no-repeat 10px 18px; 
	border: 1px solid #6b68a9;
	padding: 0 10px 0 75px;
	.padding-top:13px;
	margin-bottom: 10px;
	width: 713px; 
	.width: 743px; _width:100%;
	float: left;
}

div.migration-faq { margin: 0 20px 0 10px; }

.mig_btn { margin: 30px 10px 0 0; }
 .homeText { line-height: 1.6em; width: auto; }  /* For post active migration */
.homeLong { line-height: 1.6em; width: auto; }
.purpHead { color: #5b5a7e; font-size:1.2em; font-weight: bold; }
div.migration-faq p { line-height: 16px; }
div.migration-faq p.steps-text { width: 600px; }
div.migration-faq div.migration-process { border: 1px solid #6b68a9; background: #e8e7eb; padding: 50px 20px 20px 20px; margin-bottom: 20px; position: relative; }
div.migration-faq div.migration-process div.top { background: url(/img/common/bg_squarehead_purple.png) repeat-x; height: 30px; width: 100%; position: absolute; top: 0; left: 0; }
div.migration-faq div.step-one div.top { _width: 598px; }
div.migration-faq div.migration-process div.top a { display: block; height: 22px; color: #292929; line-height: 22px; _width: 5%; _white-space:nowrap; }
div.migration-faq div.migration-process div.top a.grey { background: url(/img/common/btn_silver_pill_left.png) no-repeat top left; height: 22px; margin: 3px 2px 0 3px; text-decoration: none; padding: 0 0 0 5px; }
div.migration-faq div.migration-process div.top a.grey span { background: url(/img/common/btn_silver_pill_right.png) no-repeat top right; display: block; height: 22px; padding: 0 15px 0 5px; }
div.migration-faq div.migration-process div.top a.green { background: url(/img/common/btn_green_pill_left.png) no-repeat top left; font-weight: bold; height: 22px; margin: 3px 3px 0 0; text-decoration: none; padding: 0 0 0 5px; }
div.migration-faq div.migration-process div.top a.green span { background: url(/img/common/btn_green_pill_right.png) no-repeat top right; display: block; height: 22px; padding: 0 15px 0 5px; }
div.migration-faq div.step-one { width: 600px; }

div.migration-faq div.step-two { width: 719px; }
div.migration-faq div.step-two div.top { _width: 737px; }
div.migration-faq div.step-two p.style { color: #fff; padding-left: 5px; line-height: 3px; .line-height: 29px; _line-height: 29px; width: 70%; }
div.migration-faq div.step-two div.style-holder { margin: 0 0 0 20px;}
div.migration-faq div.step-two div.tile { width: 25%; margin: 10px 0; }
div.migration-faq div.step-two div.tile img { display: block; width: 150px; height: 100px; background: #666; margin-bottom: 6px; border:2px #6B68A9 solid } 

div.tile_center{margin:0 auto; width:122px}

div.migration-faq div.migration-process br { margin-bottom: 10px; }
div.migration-faq h3 { font-size: 16px; }
div.migration-faq h3.select { font-size: 18px; margin-top: 20px; }
div.migration-faq ul { list-style-image: none; list-style-type: none; }

div.migration-tips { width: 390px; height: 300px; background: #edecef; border: 6px solid #93b255; position: absolute; top: 50%; left: 50%; margin: -195px 0 0 -150px; z-index: 1000; } 
div.migration-tips div.holder { padding: 15px; }
div.migration-tips h2 { font-size: 14px; color: #292929; font-weight: bold; margin: 0 0 5px 0; }
div.migration-tips h3.bold { margin: 0; color: #292929; padding-top: 5px; }
div.migration-tips p { margin: 5px 0 10px 0; line-height: 16px; }
div.migration-tips a.close { display: block; text-align: center; margin: 0 auto; position: absolute; bottom: 15px; left: 0; right: 0; }

/* End Migration Pieces */

/* Webon homepage control panel */

div.my_sites h2.console-webon { position: relative; margin-top: 10px; }
div.my_sites h2.console-webon span { position: absolute; right: 0; bottom: 3px; font-size: 14px; }

/* End Webon homepage control panel */


/* Learn more about Webon */ 

div#learnmore h2.title { background: url(/img/learnmore/txt_learnmore_heading.gif) no-repeat; height: 16px; width: 239px; text-indent: -5000px; }
div#learnmore div.box1 { width: 235px; margin-right: 30px; }
div#learnmore .box1 h2 { border-bottom: 1px solid #a9a9a9; color: #292929; font-size: 14px; margin-bottom: 10px; padding-bottom: 5px; }
div#learnmore .box1 p { margin-bottom: 20px; }

#learnMoreSide { width: 260px; _width: 262px; text-align: center; position: relative; top: -30px; }
#learnMoreSide a { display: block; margin-bottom: 10px; }
#learnMoreSide img.screenshots { margin-bottom: 10px; }

/* End Learn more */

div.my_sites {float: left; width: 55%; }
  
div.info_panel {float: right; width: 42%; }

div.info_panel span { font-size: .9em; }

div.info_panel div.inner {
  margin: 5px 0;
  padding: 10px;
  background-color: #e7e7ec;
  color: #000;
  }

div.my_sites div.row { padding: 3px; }

div.odd { background-color: #dedee5; color: #000; }

div.even {background-color: #e8e7eb; color: #000; }

div.my_sites div.row span { float: right; }

img#btn-trsites,
img#btn-blogs,
img#btn-albums,
img#btn-domassign { margin-top: 5px; }

h2 a,
div.member ul li a{font-size: .9em; font-weight: normal; }
  
.alternateBox { width: auto; min-width: 100px; height: auto; background: #f5f5f7; }
.alternateBoxText { height: 185px; }
.sites .alternateBoxText { _height: 225px; }
.sites .alternateBoxText p { position: relative; z-index: 2; margin: 0 0 5px 0; padding: 0; }
.wrap strong { position: relative; z-index: 2; }
.featuredHeading { position: relative; z-index: 2; }

.alternateBox .bdrL { background:transparent url(/img/3pod/box_ml.gif) repeat-y 0px 0px;}

.alternateBox .bdrL .bdrR {background:transparent url(/img/3pod/box_mr.gif) repeat-y right 0px;}

.alternateBox .bdrL .bdrR .alternateBoxText{margin:0px 8px 0px 4px; padding:10px;}

.alternateBox .bottomBdrL {background:transparent url(/img/3pod/box_bl.gif) no-repeat 0px 0px; height: 12px;}

.alternateBox .bottomBdrL .bottomBdrR {
 background:transparent url(/img/3pod/box_br.gif) no-repeat right 0px;
 height: 12px; 
}

/**  Meters  **/
div.meter{
  float: left;
  width: 100px;
  height: 10px;
  margin: 0 2px;
  border: 1px solid #000;
}

div.meter div.fill { height: 10px; }

span.meter_used { float: left; width: 55px; text-align: right;}


/**  Handles all of our bordered, purple boxes  **/
div.box { border: 1px solid #6b68a9; background-color: #f3f3f8; }

div.wrap { padding: 10px; }
  
div.corners {
  background: #f3f3f8 url(/img/3pod/corner_se.png) no-repeat right top;
  color: inherit;
  }

div.corners div {
  height: 11px;
  font-size: 1px; 
  background: transparent url(/img/3pod/corner_sw.gif) no-repeat left top;
  color: inherit;
  }

div.sites div.row { clear: left;margin-bottom: 15px;}

div.row img {float: left; margin-right: 10px; }

div.sites div.row img { border: 1px solid #6c6b89; }

p.rgttxt { clear: left; text-align: right; margin: 0; }

/**  Fixed widths for each box container  **/
div.feature { width: 220px; }
div.hosting { width: 440px; }
div.sites { width: 344px; }
div.medium-box { width: 500px; margin: 10px 0 0 0; }
div.small-box { width: 260px; margin: 10px 10px 0 0; _margin: 10px 5px 0 0; }
.medium-box span, .small-box span{ font-size: .8em; }
.medium-box p, .small-box p { margin: 5px 5px; }

div.feature img.promo { margin-top: 26px; }

div.hosting div.box, div.sites div.box { border-width: 2px 2px 0 2px; }

div.feature h1, div.box h2 {
  margin: 0;
  padding: 2px 0 5px 5px;
  line-height: 14px;
  background: #74749e url(/img/3pod/curved_box_gradient.gif) repeat;
  color: #fff;
  font: bold 1.1em Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  }

h1.tab {
  height: 27px;
  background: url(/img/3pod/corner_ne.gif) no-repeat right top;
  color: #fff;
  font: bold 1.1em Arial, Helvetica, sans-serif;
  letter-spacing: normal;
  }

h1.tab span {
  display: block;
  padding: 5px 0 0 10px;
  background: url(/img/3pod/corner_nw.gif) no-repeat left top;
  color: inherit;
  }

h1.tab span.right {
  margin: -12px 20px 0 0;
  padding: 3px 0;
  background-image: none;
  color: #fff;
  font-size: 1em;
  text-align: right;
  }

div.title img { vertical-align: text-bottom; }

/* Hosting Plan Packages box */
div.hosting div.box div { width: 50%; }
div.hosting img { vertical-align: middle; }
div.hosting ul li { margin-bottom: 5px; }

.alternateBoxText ul { padding: 5px 0 0 0; }

div.boxout {
  width: 90%;
  _width: 95%;
  padding: 2px 10px 5px 10px;
  background-color: #dbdbe5;
  border: 1px solid #6b6a8c;
  }

div.boxout a, div.feature a {
  font-variant: small-caps;
  font-weight: bold;
  }

div#domain_suggestions li {display:block; margin: 0 0 5px;} 
div#domain_suggestions a {font-variant:normal;} 
form#domain_search { margin:5px 0; } 
#domainwait { width: 16px; height:16px; top: 2px; right: 5px; position: absolute;  }

/* Fancy bulleted lists */
ul {
  margin: 0;
  padding: 0;
  list-style-image: url(/img/3pod/purple_bullets.gif);
  list-style-position: outside;
  }

li { margin: 0 0 5px 15px; }

/**  Plan Compare  **/
table.compare {
  border-collpase: collapse;
  }

table.compare th {
  background-color: #575679;
  color: #fff;
  font-size: 1.1em;
  font-weight: bold;
  text-align: left;
  }

table.compare td {
  border: 1px solid #000;
  border-width: 0 1px 1px 0;
  text-align: center;
  vertical-align: top;
  }

table.compare ul { text-align: left; }

table.compare thead tr.top td { border: none; }

table.compare thead tr.top td.tab {
  border: 0 solid #000;
  border-width: 1px 1px 0 0;
  background-color: #575679;
  color: #fff;
  font-weight: bold;
  }

table.compare thead tr.head td {
  border-top-width: 1px;
  background-color: #e8e7ec;
  color: #000;
  font-weight: bold;
  text-align: center;
  }

table.compare td.item {
  background-color: #e8e7ec;
  border-width: 0 1px 1px 1px;
  text-align: left;
  }

table.compare td.item a {
  background-color: inherit;
  color: #3e6ecc;
  font-weight: bold;
  }

div.account {
  float: left;
  border: 1px solid #6c6b89;
  width: 560px;
  padding: 10px;
  }

div.account table tr { vertical-align: top; }

div.member h2,
div.account h2 {
  padding: 3px;
  font-size: 1.4em;
  }

div.account h2 { background-color: #dddde4; color: #000;  }

  /*********************/
 /**  Ad Containers  **/
/*********************/
div.banner,
div.ad_banner {
  text-align:center;
margin: 40px auto 20px;
  }

div.banner { margin: 10px auto; }

div.wideskyscraper {
  float: right;
  margin: 10px 20px 0 0;
  }

div.adBox {
	width: 300px; 
	height: 250px;
	*margin: 0 -10px 0 0;
}

/* 404 - Error Styles */

h4.errorHeading { display: block; background: url(/img/error/txt_404.gif) no-repeat; margin: 0; padding: 0; text-indent: -5000px; height: 19px; width: 161px; } 
p.errorP { margin: 5px 0 0 0; padding: 0; line-height: 14px; }
div.hotWiredSearch { margin: 10px 0; width: 436px; height: auto; background: #fff; padding: 0; }
div.sponsorHolder { border: 1px solid #575679; width: 435px; height: auto; padding: 0; margin: 0; }
h4.sponsorHeading { width: 100%; background: #5A5A7B; text-indent: 5px; font-family: verdana, sans-serif; font-size: 10px; color: #FFFFFF; font-weight: bold; padding: 3px 0; margin: 0; text-transform: uppercase; }
div.sponsorBox { width: 47%; height: auto; padding: 5px; margin: 0; }
div.sponsorBox a { margin: 0; padding: 0; }
p.sponsorP { line-height: 14px; font-size: 11px; margin: 0 0 0 8px; width: 65%; }

div.insiderinfo div.search input.query { width: 155px; }
div.insiderinfo div.search input.btn { margin-right: 10px; }

/* BEGIN HUB styles */
.hub-container p { margin: 0; width: 95%; }

.hub-container ul { list-style-image: none; }

.hub-container ol li { margin: auto 0; }	

a.link-small { color: #6d6c89; text-decoration: none; }

.hub-left { 
  float: left;
  padding: 10px;
  width: 520px; 
  border: 1px solid #6C6B89; 
  }

.hub-other { margin-left: 40px; }

.hub-right { float: right; width: 250px; }

.hub-right div { margin: 0 0 10px 0; }
.hub-image { margin: 5px auto; }

/* END HUB styles */

/*  *** Tripod Times ***  */
.times-header { 
	background: url(/img/3pod/times/times_header.jpg) no-repeat; 
	height: 176px; 
	width: 780px; 
	color: #fff; 
	text-align: right; 
  }

.times-date { 
	position: relative; 
	top: 50px; 
	padding: 0 10px 0 0; 
  }

.blog-box {
  border: 1px solid #6C6B89;
  border-top-width: 0;
  height:130px;
  overflow: auto;
  overflow-x: hidden;
  }

.recent-blog {
  border-collapse: collapsed;
  empty-cells: show;
  width: 100%;
  margin: 0;
  padding: 0;
  }

.recent-blog p { margin: 5px 5px 0 5px; }
.recent-blog a { margin: 4px 10px 0 10px; }
.recent-blog tr { border-bottom: 1px solid #6C6B89; }
.recent-blog tr:hover, .recent-blog tr.over{ background: #DBDBE5;}
.recent-blog td { border-bottom: 1px solid #6C6B89; font-size: 12px; height: 20px; white-space: nowrap; }
.recent-blog td a { text-decoration: none; }
tr.recent-blog-last { border-bottom: none; } 
td.recent-blog-last { boder-bottom: none; }
.blog-post { color: #258DEF; font-weight: bold; text-decoration: none; }
.blog-body { color: #696969; text-decoration: none; }


div.site-updates {
  height: 128px;
  overflow: auto;
  overflow-x: hidden;
  }

.site-updates ul { list-style-image: none; padding: 5px 10px; }

.recent-photos-container {
  width: 498px;
  height: 155px;
  overflow: auto;
  overflow-y: hidden;
  }

.recent-photos {
  padding: 10px 0 0 0;
  text-align: center;
  }

.recent-photos div {
  float: left;
  margin: 0 0 0 8px;
  }

.recent-photos div.photo {
  float: none;
  width: 100px;
  height: 100px;
  text-align: left;
  }

.times-search {  padding: 10px; }
.times-search p { margin: 0 0 5px 0; }

.times-search-field {
  width: 135px;
  height: 16px;
  }

.times-search input {vertical-align: middle; margin: 0; }
 
/*  *** End Tripod Times ***  */

/* Tripod Extra Pages */ 

.padTop10 { padding-top: 10px; }
.greyCaps { font-size: 1.2em; text-transform: uppercase; color: #333; }
.toolsLeft { width: 570px; }
.toolsLeft .image {  }
.toolsRight { height: auto; width: 170px; }
.toolsLeft p, div.toolsHolder p { margin: 0; padding: 5px 0 0 0; line-height: 18px; }
div.toolsHolder { position:relative; top: 0; left: 0; padding-bottom: 10px; width: 550px; }
div.toolboxDesc { position: absolute; top: 0; right: 0; width: 325px; }
.toolsLeft .last { border-bottom: 2px dotted #999; }
.toolsVert { width: 240px; }
.toolsVertRight { width: 280px; position: relative; top: -15px; .top: 0; right: 0; }

  /**************/
 /**  Footer  **/
/**************/
div.footer {
  clear: both;
  margin: 0;
  padding: 5px 0;
  font-size: 1.0em;
  word-spacing: .2em;
  line-height: 1.2em;
  color: #333; 
  }

/**  Fix for lycos network header markup  **/
div.footer div#lyFtr {word-spacing: normal; font-size: 1.0em;}

.clrfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
  }

/* Hides from IE-mac \*/
* html .clrfix { height: 1%; }
/* End hide from IE-mac */


  /***********************/
 /**  Redefining Tags  **/
/***********************/
a {
  background-color: inherit;
  color: #3867c2;
  text-decoration: underline;
  }

a:hover { text-decoration: none; }

hr {
  width: 85%;
  height: 3px;
  margin: 20px auto;
  border: none;
  background-color: #6c6b89;
  color: #6c6b89;
  }

h1 {
  margin: 0;
  padding: 0;
  background-color: inherit;
  color: #5b5a7e;
  font: bold 2.2em 'Helvetica Neue Black Condensed', 'Franklin Gothic Demi Cond', 'Arial Narrow Bold', Helvetica, Arial, sans-serif;
  }

h2 {
  margin: 15px 0 10px 0;
  background-color: inherit;
  color: #5b5a7e;
  font-size: 1.8em;
  font-weight: bold;
  }

h3 { 
  margin: 0 0 10px 0; 
  font-weight: bold; 
  font-size: 1.1em;
  }

img { border: 0; }
form { margin: 0; }

div.footer a { word-spacing: normal; }

.lineheight19{display:block; font-weight:bold; line-height:1.9em; text-align:right}

.padfix{padding-top:20px!important}

input.publish_btn{background:url(/img/3pod/btn_publish.jpg) no-repeat; border:none; cursor:pointer; display:block; height:51px; text-indent:-9000px; width:141px}

.onepageburstcontain{float:right; margin-right:30px; margin-top:25px; width:160px}
.onepgburst{background:#f0eff4; border:1px solid #6b68a9; cursor:pointer; font-size:16px; font-weight:bold; height:auto; margin:0 0 10px 0; padding:15px; text-align:center; width:160px}
	
.onepgburst hr{margin:8px auto; color:#6b68a9!important; background:#6b68a9!important; height:1px}
.onepgburst a{line-height:1.3em}
.onepgburst a:hover{text-decoration:underline}
.clr{clear:both}

h2.onepgbtn{background:url(/img/btn_greenwide.jpg) no-repeat;}
	.onepgbtn .link{color:#fff; font-size:12px; font-weight:bold; line-height:1.8em; padding-left:9px; text-decoration:none}
	span.onepgbtntwo{font-size:13px; float:right; margin-right:-4px}
	.onepageleft{width:540px!important}