BODY, #content, #userGreeting
  {
  text-align: center;
  color: #ffffff;
  background-color: #000000;
  }

#userGreeting
  {
  margin: 0px;
  padding: 0px;

  position: absolute;
  top: 0.1em;
  height: 1.0em;
  font-size: 0.8em;
  left: 0.2em;
  }

#payPal
  {
  position: absolute;
  right: 10px;
  top: 2px;
  }

#logoAndNews
  {
  width: 100%;
  right: 0px;
  }

#theGrabCol, #previewImages img, #countdown {float: left;}

.chat 
   {
   float: left;
   text-align: left;
   padding: 4px 4px;
	 overflow: auto;
	 width: 33%;
   height: 150px;
   border: 2px solid #666666;
   }

.soloChat 
  {
	text-align: left;
  font-size: 1em;
  overflow: auto;
	}

#previewImages
  {
	overflow: auto;
	height:150px;
	width: 33%;
	float: left;
  }

* html form {margin-top: -0.1em;}

.rating {display: inline;}

:link { color: #ffff00;  }
:visited, #ISlinks :visited { color: #999900; }

B { color: #FFFFFF }
H2 { color: #FFFFFF }
TH { color: #FFFFFF }
EM { color: #FFFFFF }

P 
  { 
  text-align: center;
  color: #FFFFFF;
  } 
  
TD 
  {
  color: #FFFFFF;      
  text-align: center;
  }

#login input{margin-bottom: 0.4em;}
  
#logo {padding-top: 5px; }

#welcome, .important
 {
 font-size: 1.1em; 
 padding: 3px;
 }

#welcome a, .important a {text-decoration: none;}

.submit 
 {
 border: 2px solid #ffff00; 
 font-style: italic;
 color: #ffff00; 
 background-color: #999999;
 padding: 0.2em 0.6em 0.2em 0.4em;
 text-decoration: none;
 }
 
.submit:hover
 {
 border: 2px solid #ff9900;
 color: #ff9900;
 background-color: #ffffff;
 }

.submit:active, .active
 {
 border: 2px solid #ff9900;
 color: #ff9900;
 background-color: #ffff00;
 }

.optional 
 {
 background-color: #ffff00;
 }
 
.headline 
  {
  padding: 0.5em;
  font-size: 1.2em;
  vertical-align: middle;
  clear: both;
  } 

.center 
  {
  margin-left: auto; 
  margin-right: auto;
  clear: both;
  text-align: center;
  }

.movieForm 
  {
  border: 1px solid #ff0000;
  margin: 3px 0px 2px 5px;
  width: 47%;
  float: left;
  }

.linkIcons {display: inline; padding: 3px;}

#rating {width: 100px;}

ol.task 
  {
  list-style-type: decimal;
  list-style-position: inside;
  display: block;
  padding: 0px;
  margin: 1px;
  width: 100%;
  vertical-align: middle;
  }

.task li 
  {
  float: left;
  margin: 0px;
  padding: 0.4em;
  border: none;
  height: 1.2em;
  text-align: center;
  vertical-align: middle;
  width: 12em;
  }

.task .future, .task .completed, .task .present
  {
  text-align: center;
  margin: 0px;
  }

.task .future, .task .completed, .task .present
  {
  border: 3px #ff0000 solid;
  }

.task .completed
  {
  color: #666666;
  background-color: #cccccc;
  }

.task .future
  {
  color: #666666;
  background-color: #cccccc;
  }

.task .present
  {
  font-style: italic;
  background-color: #ffffff;
  color: #ff0000;
  }

li 
  {
  margin: 10px;
  text-align: left;
  }

img {border: 0px;}

TD.left, TH.left 
  { 
  text-align: left;
  }

TD.right, TH.right 
  { 
  text-align: right;
  vertical-align: top;
  padding-right: 3px;
  }

TD.center { text-align: center;}

.caption  
 {
 width: 33%; 
 float: left;
 padding-bottom: 0.7em;
 height: 22em;
 }
 
 
.caption .graphics
 {
 margin-left: auto;
 margin-right: auto;
 margin-bottom: 0px;
 padding-bottom: 0px;
 }

.alert
 {
 margin: 3px auto 7px auto;
 padding: 0px 5px 2px 5px;
 border: 2px solid #666666;
 }

.alert, .chat, .alert b, .chat b, .chat em 
 {
 color: #000000;
 background-color: #ffffff;
 font-size: 0.8em;
 }

.alert 
 { 
 clear: both;
 width: 75%;
 }

.alert img {padding-top: 2px;}



.filmInfo :link, .alert :link { color: #E82454  }
.filmInfo :visited, .alert :visited { color: #C82454 }

.schedule TD,TH {border-bottom: 1px solid; }

.schedule TH.corner {border-bottom: 0px none; }

.schedule {margin: auto;}

.info {text-align: left;} 

.grabpreviewOff img {border: 1px solid #909090;}
.grabpreviewOn img {border: 1px solid #ffff00; }
  
.error 
  {
  color: #FF2424; 
  font-style: italic; 
  font-weight: bold;
  font-size: large;
  }

#countdown 
  {
	background-image: url("image0/counter.gif");
  background-repeat: no-repeat;
  height: 28px;
  width: 32px;
  color: #ffff00;
  font-style: italic; 
  font-weight: bold;  
  font-size: 14px;
  padding-top: 8px;
  margin-right: 8px;
	float: left; 
	
	}

.profileLink
  {
  background-image: url("/images/user.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 16px;
  width: 16px;
  padding-left: 5px;
  padding-top: 5px
  }

.profileLink a,.mailToLink a, .fbLink a, .button a {text-decoration: none;} 

.button a
  {
  background-repeat: no-repeat;
  background-position: right;
  height: 16px;
  width: 16px;
  margin-left: 0px;
  float: left;
  }
  
.popOut  { background-image: url("image0/popout.png"); }

.popIn { background-image: url("image0/popin.png");}

.mailToLink 
  {
  background-image: url("image0/email.png");
  background-repeat: no-repeat;
  background-position: right;
  height: 15px;
  width: 20px;
  margin-left: 0px;
  float: left;
  }

.mailToLink:hover {background-image: url("image0/email_go.png");}

.fbLink 
  {
  background-image: url("image0/facebook_share_icon.gif");
  background-repeat: no-repeat;
  background-position: right;
  height: 16px;
  width: 16px;
  margin-left: 1px;
  float: left;
  }

.fbLink:hover {background-image: url("image0/facebook_share_icon_hover.gif");}

.editable {  color: #ffffff; text-decoration: none;}

.imageLink * a
  {
  background-repeat: no-repeat;
  height: 15px;
  width: 20px;
  margin-left: 0px;
  float: left;
  text-decoration: none;
  }

.imageLink .vote a 
  {
  background-image: url("image0/thumb_up.png");
  }

.imageLink .vote a:hover 
  {
  background-image: url("image0/thumb_up_r.png");
  }


.imageLink .favorite a 
  {
  background-image: url("image0/favorite.png");
  }


.voteCount, .toggleButton a
  {
  border: 2px solid #99ffff;
  background-color: #00dddd;
  float: left;
  color: #000000;
  font-family: Lucida, Helvetica, sans-serif;
  font-weight: bold;
  margin-bottom: 2px;
  }

.toggleButton a
 {
 height: 1em;
 width: 1em;
 text-decoration: none;
 }
  
.movieList {width: 100%;}
    
.movieList td {text-align: left;}

.movieList th 
  {
  background-color: #666666;
  color: #eeeeee;
  font-weight: bold;
  padding-right: 12px;
  }

.movieList th a
  {
  padding-right: 12px;
  background-repeat: no-repeat;
  background-position: right;
  text-decoration: none; 
  }       

.movieList th :visited { color: #ffff00;  }
   
.movieList th a.desc { background-image: url("image0/arrow_desc.png"); }

.movieList th a.asc { background-image: url("image0/arrow_asc.png"); }

.movieRowA {background-color: #000000; }

.movieRowB {background-color: #999999; }

.movieRowB :visited { color: #cccc00; }

.movieList .scheduleDate TD 
  {
  background-color: #eeeeee;
  color: #666666;
  text-align: right;
  }

.quicklinks 
  {
  padding: 2px 0px 2px 0px;
  clear: both;  
  }   

.headerBlurb {padding: 0.3em;}

.payPalBlurb { font-size: 0.7em;  }

.filmInfo
  {
  border: 4px solid #AAAAAA;
  padding: 3px;
  width: 47%;
  background-color: #EEEEEE;
  color: #111111;
  margin: 3px auto 2px auto;
  float: left;
  }
  
table.mailToTable {width: 100%; }
  
.mailToTable td {width: 50%;}
  
.filmInfo em {color: #111111;}

.superRequired {display: none;}

.tshirt {font-size: 0.8em;}

.tshirt img {padding: 4px;}

#countdown { font-style: italic; }

@media TV 
 {
 .caption 
   {
   float: left;
   height: auto;
   width: 100%;
   padding-bottom: auto;
   }
  }
