/* VoiceIndigo customizable stylesheet */

body {
  margin-top: 10px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  width: 790px;
  background-color: #ffffff; 
  font-family: verdana, sans serif, tahoma, lucida console;
  font-size: 90%;
  color: #000000;
}

/* text sizes */
.small { font-size: 85%; }
.tiny { font-size: 75%; }
.smallbold { font-size: 85%; font-weight: bold; }

/* colors */
.cblack { color: #000000; }
.cmain { color: #354363; }       /* main color - blue */
.cdark { color: #3D6BA0; }       /* main darker - darker blue */
.ccontrast { color: #3BA881; }   /* main contrast color - green */
.cgraymax { color: #646464; }    /* gray - very dark */
.cgraymed { color: #888888; }    /* gray - medium dark */
.cgraynormal { color: #B4B4B4; } /* gray - normal */
.cgraylight { color: #D2D2D2; }  /* gray - faint light */
.cgrabdark { color: #F2835E; }   /* eye-grabbing color - cantalope */
.cgrablight { color: #F7D3A2; }  /* eye-grabbing color - cantalope light */
.cwarn { color: #FF5555; }       /* warning/error color - red */

.cbackwhite { background-color: #ffffff; }
.cbackoffwhite { background-color: #f0f0f0; }

/* links - default links are darker blue and normal font weight, no underlines */
a:link, a:visited { color: #3D6BA0; text-decoration: none; }
a:hover { color: #3D6BA0; text-decoration: underline; }

a.showall:link, a.showall:visited { font-weight: bold; color: #3D6BA0; text-decoration: none; }
a.showall:hover { font-weight: bold; color: #3D6BA0; text-decoration: underline; }

a.title:link, a.title:visited { background-color: #FFFFFF; color: #000000; text-decoration: none; }
a.title:hover { background-color: #FFFFFF; color: #000000; text-decoration: underline; }

/* alignments */
.left { text-align: left; }
.center { text-align: center; }
.right { text-align: right; }

.celltop { vertical-align: top; }
.cellmid { vertical-align: middle; }
.cellbot { vertical-align: bottom; }

/* ----- header, footer, main page elements, & other decorative elements ----- */

#hsep { margin-left: 0px;  margin-right: 0px; border-bottom: solid 1px #D2D2D2; }
.vsep {  margin-left: 2px;  margin-right: 2px; color: #D2D2D2; font-weight: normal; }

#hf {
  margin-left: 0px;
  margin-right: 0px;
  font-size: 80%;
  color: #646464;
}

#vspace {
  margin-top: 200px;
}

#hf a:link, #hf a:visited { color: #646464; text-decoration: none; }
#hf a:hover { color: #646464; text-decoration: underline; }

#hf table {
  background-color: #FFFFFF;
  width: 100%;
  margin: 0px;
}

#pageheader {
  text-align: center;
  font-weight: bold;
}

#pagefooter {
  text-align: center;
  font-weight: normal;
}

#pagebody {
  width: 95%;
  margin-top: 5px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  font-size: 100%;
  text-align: left;
}

#pagetitle { font-size: 120%; font-weight: bold; }
#pagesubhead { font-weight: bold; }
#pagetext { font-size: 90%; padding-top: 2px; }
#pagesmall { font-size: 85%; }

#homeimage {
  margin-top:10px;
  margin-bottom: 10px;
  padding: 0px;
  text-align: center;
}

#homehelp {
  margin-top: 5px;
  margin-bottom: 5px;
  text-align: center;
  clear: both;
}

/* text link style */
.mybtn { font-size: 10px; font-weight: normal; color: #3D6BA0; }

/* ----- Browse Directory Pages - Also for home page ----- */

#browseblock table {
  border-collapse: collapse;
}

#browseblock td {
  /*font-size: 75%;*/
  margin: 0px;
  padding: 0px;
  vertical-align: top;
}

#browsedir {
  font-size: 75%;
  margin: 0px;
  padding-top: 0px;
  padding-left: 10px;
  padding-bottom: 0px;
  padding-right: 0px;
  width: 200px;
  float: right;
}

#browsedir table {
  width: 100%;
}

#browsedir ul {
  /*list-style-image: url(/ht/images/folder_mini.gif);*/
  list-style: square;
  color: #B4B4B4;
  line-height: 16px;
  padding: 0px;
  margin-left: 18px;
}

#browserec {
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 75%;
  width: 100%; /*540px;*/
}

#browsepop {
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 75%;
  width: 100%; /*540px;*/
}

#checkitout {
  margin-top: 0px;
  margin-bottom: 4px;
  margin-left: 0px;
  margin-right: 0px;
  font-size: 75%;
  width: 100%; /*540px;*/
}

#ptile {
  width: 180px;
  padding: 0px;
}

#ptiletext {
  padding: 0px;
  margin-top: 0px;
  margin-bottom: 0px;
  margin-left: 2px;
  margin-right: 2px;
  width: 108px;
  float: right;
}

#ptileimg {
  border: solid 1px #D2D2D2;
  text-align: center;
  padding: 0px;
  margin: 0px;
  width: 50px;
}

#ptilewide td {
  vertical-align: top;
}

/* ----- Search Results Page ----- */
#search {
  text-align: left;
  margin-top: 5px;
  margin-bottom: 5px;
}
#search .thispage {
  font-size: 100%;
  font-weight: bold;
  padding-left: 3px;
  padding-right: 3px;
}
#search .otherpages {
  font-size: 90%;
  padding-left: 2px;
  padding-right: 2px;
}

/* ----- My Channels Page ----- */
#mychannel {
  font-size: 80%;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 0px;
  padding-right: 0px;
  margin: 0px;
}

#mychannel .myetitle {
  color: #646464;
  font-weight: bold;
}

/* ----- FAQ ----- */
#faq {
  font-size: 85%;
}

#faq .faqq {
  font-size: 110%;
  font-weight: bold;
  color: #F2835E;
}

#faq .faqa {
}


/* ----- ----- */

.border {
	border-top:solid 1px #D2D2D2;
	border-left:solid 1px #D2D2D2;
	border-right:solid 1px #D2D2D2;
	border-bottom:solid 1px #D2D2D2;
}

.button{
	color:#272750;
	text-align:center;
	height:20px;
	border-top: solid 1px #E0E0E0;
	border-left: solid 1px #E0E0E0;
	border-bottom:solid 1px #555555;
	border-right:solid 1px #555555;
	background-image:url("../images/but_bg.jpg");
}

/*----- Add Subscription ----- */
#addsubsleft {
  border: solid 1px #D2D2D2;
  width: 240px;
  height: 320px;
  float: left;
}

#addsubsright {
  border: solid 1px #D2D2D2;
  width: 240px;
  height: 320px;
  float: right;
}
#addsubsright ul {
  /*list-style-image: url(/ht/images/folder_mini.gif);*/
  list-style: square;
  color: #B4B4B4;
  line-height: 16px;
  padding-left: 4px;
  margin-left: 18px;
}

#addsubsmiddle {
  border: solid 1px #D2D2D2;
  margin-left: 245px;
  margin-right: 245px;
  height: 320px;
}

/*----- Table with 3D header row -----*/

#table3d table {
  border: solid 1px #D2D2D2;
  border-collapse: collapse;
}

#table3d th {
  padding-top: 2px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-right: 4px;
  border-bottom: solid 1px #D2D2D2;
  background: url(/ht/images/3d_headerbackground2.gif) repeat-x bottom left;
  font-size: 12px;
}

#table3d td {
  margin: 0px;
  padding-top: 2px;
  padding-left: 4px;
  padding-bottom: 2px;
  padding-right: 4px;
  vertical-align: top;
}

/* if you just want to have background shading, use this class */
.table3d {
  border-bottom: solid 1px #D2D2D2;
  background: url(/ht/images/3d_headerbackground2.gif);
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

#tblborder td {
  border: solid 1px #D2D2D2;
}

/* ----- borderless table to cheat on layouts ----- */

#tblcheat table {
  border: none;
  border-collapse: collapse;
  padding: 0px;
  margin: 0px;
}

#tblcheat tr, #tblcheat th, #tblcheat td {
  border: none;
  padding: 0px;
  margin: 0px;
}

#tbltile {
  font-size: 85%;
  margin-left: 5px;
  margin-right: 5px;
}

/*----- Podcast/Episode Elements -----*/
#pimage {
  margin-right: 60px;
  margin-left: 60px;
  width: 120px;
  height: 120px;
  text-align: center;
  border: solid 1px #D2D2D2;
  float: right;
}

#pmeta {
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 90%;
}

#psummary {
  font-size: 90%;
}

#episode {
  margin-bottom: 5px;
  text-align: left;
  font-size: 90%;
}

#episode table {
  font-size: auto;
  border-spacing: 4px;
}

#episode .eid {
  width: 8px;
  text-align: right;
  vertical-align: top;
  padding-top: 2px;
  font-size: 90%;
}

#episode .emeta {
}

#episode .etitle {
  font-size: 100%;
}

.epublished, #episode .epublished, #podcast .epublished {
  color: #888888;
}

.esummary, #episode .esummary, #podcast .epublished {
}

.eduration, #episode .eduration, #podcast .eduration {
  color: #888888;
}


/* ----- single channel listing ----- */
#channel {
  margin-top: 5px;
}

#chtitle {
  font-size: 120%;
}