body {
background: #FFFFFF;
font-family: Palatino Linotype, Tahoma, georgia, times, 'times new roman', serif;
position: relative;
}
a { text-decoration: none;
}
a:hover {
  color: red;
  text-decoration: underline;
}
input
{
color: #781351;
background: #fee3ad;
border: 2px solid #781351;
font-size: 1.3em;
margin:.5em;
}

input.submit {
  background-color: #557FFF; 
  font-weight: bold; 
 font-size: 1.1em;
 color: white;
 margin:.5em;
  }
input.submit:hover {
  background-color: #2A00FF; 
 }
.oddRow {
  background-color: #D4D4FF;
}
#top {
  position: absolute;
  top: 0;
  left: 0;
  text-align: left;
  padding: 0px;
  margin: 0px;
  width: 100%;
  height: 135px;
  z-index: 50;
  }
#left {
  position: absolute;
  top:135px;
  left: 0;
  width: 185px;
  margin-top: 0;
  margin-left: 10px;
  margin-right: 0px;
  padding: 0px;
  }
#middle {
  position: absolute;
  top:135px;
  left:185px;
  min-width: 390px;
  width: 60%;
  padding: 0px;
  margin: 0 0 0 0;
  border-width: 0px;
  border-color: black;
  border-style: solid;
  z-index: 0;
   }
#right {
  position: absolute;
  right: 0px;
  top: 135px;
  width: 20%;
  padding: 2px;
  margin-right: 2%;
  margin-top: 0px;
 }
#main {
  position: absolute;
  top: 135px;
  min-width: 390px;
  max-width: 900px;
  width: 74%;
  margin-left: 2%;
  padding: 0px;
  border-width: 0px;
  border-color: black;
  border-style: solid;
  z-index: 0;
}
.vurbsLetters {
  height: 100px;
  border-width: 0px 0px 0px 0px;
}
.heading,.handle {
  font-family: 'Lucida Grande', sans-serif;
  font-weight: bold;
  font-size: 1.1em;
  margin: 2px 2px 2px 2px;
  padding: 1px 1px 1px 1px;
  background-color: white;
  background: url(/images/background-greengrad.png) repeat-x;
  border-width: 1px 1px 1px 1px;
  border-color: black;
  border-style: solid;
  color: #FFFFFF;
  text-align: center;
}
.catName {
  font-family: sans-serif;
  font-weight: bold;
  font-size: .8em;
  margin: 1px 1px 1px 1px;
  padding: 2px 2px 2px 2px;
  border-width: 1px 1px 1px 1px;
  border-color: blue;
  border-style: solid;
  text-align: center;
 }
.catHeading {
  font-family: 'Lucida Grande', sans-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 1px 1px 1px 1px;
  padding: 2px 2px 2px 2px;
  background-color: white;
  background: url(/images/background-yellowgrad.png) repeat-x;
  border-width: 1px 1px 1px 1px;
  border-color: blue;
  border-style: solid;
  text-align: center;
}
.videoCatHeading {
  font-family: 'Lucida Grande', sans-serif;
  font-size: 1.1em;
  font-weight: normal;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
}

.systemNotice {
   font-size: .9em;
  font-family: Palatino Linotype, Verdana, sans-serif;
  color: red;
  margin: 2px;
}
.noticeBox {
  font-family: Palatino Linotype, Verdana, sans-serif;
  font-weight:normal;
  color: red;
  margin: .3em;
  padding: .2em;
  border: .2em solid blue;
  }

.videoListing {
  font-family: Palatino Linotype, san-serif;
  font-size: 1em;
  font-weight: bold;
  margin: 1px 1px 1px 1px;
  padding: 1px 1px 1px 1px;
  border-width: 0px 0px 0px 0px;
  border-color: blue;
  border-style: outset;
  text-align: left;
  width: 95%;
}


.byLine {
 margin: 0px 0px 0px 0px;
 text-align: center;
 font-size: small;
}

.info {
 margin: 5px 5px 5px 5px;
 font-family: Palatino Linotype, Verdana, sans-serif;
 font-weight: normal;
 text-align: left;
}
.tags {
   background-color: #FFFFD4;
  border-width: 1px;
  border-style: dotted;
  border-color: #0000FF;
  font-size: 1em;
  padding: 5px; 
  vertical-align: middle;
}
a.navButton {
  border-width: 1px;
  border-style: solid;
  border-color: red;
  padding: 3px;
  color: white;
  background-color: blue;
  margin: 2px;
  font-size: .8em;  
}
a.navButton:hover {
  background-color: green;
}
.loginStatusBox {
  margin: 5px;
  width: 100%;
  background-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  padding: 2px;                                                      
  vertical-align: middle;
}

.loginForm {
  margin: 2px 2px 2px 2px;
  padding: 1px 1px 1px 1px;
  font-size: medium;
  font-family: arial;
}

.submitForm { 
  width: 80%;
  padding: 20px;
  border: 1px;
  border-color: green;
  border-style: solid;
  font-size: 1em;
}

img.thumb {
  background: url(/images/background-gray.png) repeat-x;
  border: 1px solid black;
  margin: .5em;
  padding: .5em;
}

img.thumb:hover {
  border: 2px double green;
  background-color: #00AAFF;
}

form.submitVideo {
  border: 1px;
  width: 90%;
}
table.submitVideo {
  border: none;
}

/* Ranking List CSS */
.ranking {
width: 4.5em;
text-align: center;
font-size: 1.1em;
padding: .3em;
margin: .4em;
border-width: 1px 2px 1px 1px;
border-color: blue;
border-style: ridge;
background: url(/images/background-gray.png) repeat-x;

}
td.ranking {
width: 9em;
text-align: center;
font-family: 'Lucida Grande';
padding: .33em;
background: url(/images/background-ranking.png) repeat-x;
margin: .33em;
border-width: 1px 0px 1px 1px;
border-style: dashed;
border-color: blue;

}
td.ratingEntry {
width: 100px;
text-align: center;
font-family: Verdana, sans-serif;
font-size: large;
font-weight: bold;
padding: 4px;
background: url(/images/background-ranking.png) repeat-x;
margin: 2px;
border-width: 1px 1px 1px 0px;
border-style: dashed;
border-color: blue;
}


img.thumbNail {
  border: .1em solid black;
  margin: .25em;
  padding: .25em;
  width: 8em;

}
img.thumbNail:hover {
  border: .1em double green;
  background-color: #00AAFF;
}

.videoURLBox {
  font-family: Verdana;
  font-weight: bold;
  margin: 2px 2px 2px 2px;
  padding: .5em .5em .5em .5em;
  background: url(/images/background.png) repeat-x;
  border-width: 1px 1px 1px 0px;
  border-color: blue;
  border-style: dashed;
  text-align: left;
  vertical-align: middle;

}

.videoListing {
  font-family: Verdana;
  font-weight: bold;
  margin: 2px 2px 2px 2px;
  padding: .5em .5em .5em .5em;
  background: url(/images/background.png) repeat-x;
  border-width: 1px 1px 1px 1px;
  border-color: blue;
  border-style: dashed;
  text-align: left;
  vertical-align: middle;

}
#video-list
{font-size: 1em;}
#favorites-list
{font-size: .7em;}

.comments
{
  margin: 2px 2px 2px 2px;
  padding: 4px 4px 4px 4px;
  background: url(/images/background-lightblue.png) repeat-x;
  border-width: 1px 1px 1px 1px;
  border-color: blue;
  border-style: dashed;
  text-align: left;
  vertical-align: middle;
  font-family: Arial, Verdana;

}
/* Raised rounded borders for button*/
.raised {
  background:transparent;
  width:100%;
  }
.raised h1, .raised p {
  margin:0 10px;
  }
.raised h1 {
  font-size:1em;
  color:#ff0000;
  }
.raised p {
  padding-bottom:0.5em;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {
  display:block;
  overflow:hidden;
  font-size:1px;
  }
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {
  height:1px;
  }
.raised .b2 {
  background: rgb(195, 217, 255);
  border-left:1px solid #fff;
  border-right:1px solid #eee;
  }
.raised .b3 {
  background: rgb(195, 217, 255);
  border-left:1px solid #fff;
  border-right:1px solid #ddd;
  }
.raised .b4 {
  background: rgb(195, 217, 255);
  border-left:1px solid #fff;
  border-right:1px solid #aaa;
  }
.raised .b4b {
  background:rgb(195, 217, 255);
  border-left:1px solid #eee;
  border-right:1px solid #999;
  }
.raised .b3b {
  background:rgb(195, 217, 255);
  border-left:1px solid #ddd;
  border-right:1px solid #999;
  }
.raised .b2b {
  background:rgb(195, 217, 255);
  border-left:1px solid #aaa;
  border-right:1px solid #999;
  }
.raised .b1 {
  margin:0 5px;
  background:#fff;
  }
.raised .b2, .raised .b2b {
  margin:0 3px;
  border-width:0 2px;
  }
.raised .b3, .raised .b3b {
  margin:0 2px;
  }
.raised .b4, .raised .b4b {
  height:2px;
  margin:0 1px;
  }
.raised .b1b {
  margin:0 5px;
  background:#999;
  }
.raised .boxcontent {
  display:block;
  background:rgb(195, 217, 255);
  border-left:1px solid #fff;
  border-right:1px solid #999;
}
.boxcontent:hover {background: #55AAFF;}
/* Fancy boxes from Octopus */
.octopus {background: #FFFFFF; }
.north { background: url(/images/seahorse/i/north.png) repeat-x top; }
.east { background: url(/images/seahorse/i/east.png) repeat-y right; }
.south { background: url(/images/seahorse/i/south.png) repeat-x bottom; }
.west { background: url(/images/seahorse/i/west.png) repeat-y left; }
.ne { background: url(/images/seahorse/i/ne.png) no-repeat top right; }
.se { background: url(/images/seahorse/i/se.png) no-repeat bottom right; }
.sw { background: url(/images/seahorse/i/sw.png) no-repeat bottom left; }
.nw { background: url(/images/seahorse/i/nw.png) no-repeat top left; }
.nw { padding: 18px; } /* Controls padding.  Increase to make text further away from edges; decrease to bring closer.  */
/*  CSS Menu STuff  */
#menuOptions2 {
  padding:0;
  margin:0;
  list-style-type:none; 
  }
#menuOptions2 li {
  width:65px; 
  height:13px; 
  float:left;
  border:1px solid #000;
  margin-right:1px;
  }
#menuOptions2 a em {
  font-style:normal; 
  font-size:.70em; 
  line-height:1.1em;
  }
#menuOptions2 a {
  text-decoration:none;
  color:#000;
  position:absolute; 
  width:65px; 
  height:13px; 
  display:block;
  text-align:center;
  }
#menuOptions2 a.red {background:#c00; color:#fff;}
#menuOptions2 a.orange {background:#fc0; color:#000;}
#menuOptions2 a.yellow {background:#ee0; color:#000;}
#menuOptions2 a.green {background:#080; color:#fff;}
#menuOptions2 a.blue {background:#00c; color:#fff;}
#menuOptions2 a:hover {
  width:100px; 
  height:17px;
  z-index:200;
  background:transparent url(/images/opaque.gif);
  }
#menuOptions2 a:hover em {
  font-size:.9em;
  line-height:1.0em;
  overflow:hidden;
  cursor:pointer;
  background:#fff; 
  border:1px solid #000;
  position:absolute; 
  width:100px; 
  height:17px;
  left:-8px; 
  top:-4px;
  }
#menuOptions2 a:hover.red em {background:#c00;}
#menuOptions2 a:hover.orange em {background:#fc0;}
#menuOptions2 a:hover.yellow em {background:#ee0;}
#menuOptions2 a:hover.green em {background:#080;}
#menuOptions2 a:hover.blue em {background:#00c;}


/* Tagging CSS  */
.cloudTagBox {
  border: 2px double blue;
  background-color: #D4FFFF;
  margin: 5px;
  padding: 5px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.personalCloudTagBox {
  border: 2px double blue;
  background-color: #D4D4FF;
  margin: 5px;
  padding: 10px;
}
 legend
{
font-weight: bold;
color: #000;
font-size: .8em;
background: #ffa20c;
border: 1px solid #781351;
padding: 2px 6px
}

/* Scriptalious CSS stuff */

div.autocomplete {
      position:absolute;
      width:250px;
      background-color:white;
      border:2px solid #000000;
      margin:0px;
      padding:2px;
    }
    div.autocomplete ul {
      
	  list-style-type: none;
      margin:0px;
      padding:0px;
     }
    div.autocomplete ul li.selected { 
	  background-color: #ffb;
	  border:1px dotted blue;
	}
    div.autocomplete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
      
          }