select {
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	color:#000000;
	padding:1px 0px 1px 4px;
	border:1px solid #000000;
	background-color:#D5D6DB;
}

input,textarea {
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	color:#000000;
	padding:1px 0px 1px 4px;
	border:1px solid #000000;
	background-color:#FFFFFF;
}

option {
	border-top:1px solid #000;
	background-color:#D5D6DB;
}

ul {
	margin-top:2px;
	margin-bottom:2px;
}

input[type=submit], input[type=button], button {
	background:#E9EAEF;
	border:1px outset #000000;
}

input[type=file] {
	color:#000000;
}

ul.menu li{
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	text-transform:none;
	margin-left:-20px;
	color:#D5D6DB;
}

a:link, a:visited, a:active {
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:none;
	color:#004486;
}

a:hover {
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:none;
	color:#000000;
}

a.search:link, a.search:visited, a.search:active {
	font-size:14px;
}

TR{
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	text-transform:none;
	color:#000000;
}
TD{
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	font-variant:normal;
	text-decoration:none;
	text-transform:none;
	color:#000000;
}
td.mainpage {
	background:#D5D6DB;
}
td.menu {
	background:#635F74;
	border:1px solid #000000;
}
td.menu1 {
	background:#D5D6DB;
	border:1px solid #000000;
}
td.menu2 {
	background:#D5D6DB;
	border:0px;
}

body {
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:13px;
	font-weight:normal;
	font-style:normal;
	text-decoration:none;
	text-transform:none;
	color:#000000;
	margin:0px;
	background:#FFFFFF;
}

hr {
	border:1px solid #000000;
	width:75%;
	text-align:center;
}

table.indextbl {
	background:#E9EAEF;
	border-collapse:collapse;
	border:1px solid #000000;
	width:100%;
}

table.indextbl th {
	background:#CAD4DC;
	border:1px solid #000000;
	border-left:0px;
	border-right:0px;
	font-weight:normal;
	font-size:13px;
}

table.indextbl td {
	vertical-align:top;
	font-size:13px;
	padding:2px;
}


table.friendscommentbox {
	background:#E9EAEF;
	border-collapse:collapse;
	border:1px solid #000000;
	width:100%;
}

table.friendscommentbox td {
	vertical-align:top;
	font-size:13px;
	padding:2px;
}


/* navigation trail */
table.trail {
	border-collapse:collapse;
	margin-bottom:4px;
	width:100%;
}
table.trail th {
	text-align:left;
	vertical-align:top;
	background:#EBEBEB;
	color:#000000;
	font-weight:normal;
	padding:2px 4px 2px 4px;
}

table.inner_stats {
	background:#E9EAEF;
	border-collapse:collapse;
	margin:0px;
	padding:0px;
	width:100%;
}

table.inner_stats td {
	vertical-align:top;
	font-size:13px;
	border:1px solid #000000;
	padding:1px;
}

table.inner_stats th {
	background-color:#CAD4DC;
	border:1px solid #000000;
	color:#000000;
	font-weight:normal;
	font-size:13px;
	padding:1px;
	text-align:center;
}

/* movie rating display on show_mov */
div.rating {
	font-size:18px;
	font-weight:bold;
}

/* markup for error messages */
div.error {
	background:url(pics/icon_exclamation.png) no-repeat;
	background-color:#DADBE0;
	background-position:5px 5px;
	height:40px;
	margin:2px 0px 4px 0px;
	border:1px solid #000000;
	padding-left:40px;
	font-weight:normal;
}

/* wrapper for pages */
div.wrapper {
	background:#DADBE0;
	border:1px solid #000000;
	padding:2px;
}

/* alphabet on show_userratings */
div.alphabet a {
	font-family: "Lucida Console", Courier, "Courier New", monospace;
}

/* new content (pms, friend feed, etc) in header */
div.headerbutton {
	height:24px;
	width:30px;
	line-height:28px;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}

/* new content links (pms, friend feed, etc) in header */
div.headerbutton a {
	display:block;
	height:100%;
	width:100%;
	font-size:20px;
	font-weight:bold;
}

/* buttons (credits, friends, etc) on show_mov */
div.moviebutton {
	width:115px;
	margin:0px 0px 0px 2px;
	padding:2px 0px 2px 0px;
	background:#FFFFFF url('/templates/layout1/pics/button_gradient.png') repeat-x;
	border:1px solid #000000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	float:left;
}

/* buttons (credits, friends, etc) on show_mov */
div.moviebutton a {
	color:#000000;
	font-size:13px;
	font-weight:bold;
}

/* side main list on browse movies */
div.browsemovies {
	display:block;
	font-size:14px;
	font-weight:bold;
	background-color:#FFFFFF;
	border-bottom:1px solid #EEEDE9;
	padding:5px 4px 5px 4px;
}
div.browsemovies a {
	font-size:14px;
	font-weight:bold;
}

/* side inner list on browse movies */
div.browsemoviesinner {
	display:block;
	font-size:14px;
	background-color:#EBEBEB;
	padding:2px 0px 2px 8px;
}
div.browsemoviesinner a {
	font-size:14px;
	font-weight:normal;
}

table.movieratebar {
	padding:0px;
	border-collapse:collapse;
	border:1px solid #004486;
	height:10px;
}

table.movieratebar td.bar {
	border:0px;
	background:#004486;
	padding:0px;
}

table.movieratebar td.none {
	border:0px;
	padding:0px;
}

h1 {
	margin:0px 0px 2px 0px;
	padding-left:2px;
	font-size:15px;
	width:100%;
}

h2 {
	font-size:13px;
}

.success {
	font-weight:bold;
	color:#000000;
	font-family:Arial,Helvetica,Verdana,Sans-Serif;
	font-size:9pt;
}

.light {
	background:#DFE0E5;
}

.dark {
}


/* autocomplete box used in alter covers */
#livesearch {
    font-size:10px;
    margin:0px;
    width:95%;
    list-style: none;
}


div.pagination {
    padding: 3px;
    padding-left: 0px;
    margin: 3px;
    margin-left: 0px;
}

div.pagination a {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000000;
    text-decoration: none;
    color: #000099;
}

div.pagination a:hover, div.pagination a:active {
    border: 1px solid #000099;
    color: #000000;
}

div.pagination span.current {
    padding: 2px 5px 2px 5px;
    margin: 2px;
    border: 1px solid #000000;
    font-weight: bold;
    background-color: #E9EAEF;
    color: #000000;
}

p.index {
    font-weight:bold;
    font-size:13px;
}

/* stills on show_mov */
.stillbox {
    border:1px solid #000000;
    position:relative;
    float:center;
    width:140px;
    height:100px;
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-size:cover;
    margin-right:2px;
}

/* infobar on show_mov */
table.infobar {
    background:#333333;
    border-collapse:collapse;
    border:1px solid #000000;
    width:100%;
}
table.infobar td {
    vertical-align:top;
    font-size:15px;
    color:#FFFFFF;
    padding:2px 2px 2px 4px;
}
span.smalltext {
    font-size:11px;
}

/* rounded corner on text strings */
a.rcorners {
    border-radius: 25px;
    background: #CAD4DC;
    padding:1px 6px 1px 6px;
    margin:0px 2px 4px 0px;
}
/* percent bar on show mov*/
            .graph {
                width: 100%; /* width and height are arbitrary, just make sure the #bar styles are changed accordingly */
                height: 30px;
                border: 1px solid #888; 
                background: rgb(168,168,168);
                background: -moz-linear-gradient(top, rgba(168,168,168,1) 0%, rgba(204,204,204,1) 23%);
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(168,168,168,1)), color-stop(23%,rgba(204,204,204,1)));
                background: -webkit-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                background: -o-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                background: -ms-linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a8a8a8', endColorstr='#cccccc',GradientType=0 );
                background: linear-gradient(top, rgba(168,168,168,1) 0%,rgba(204,204,204,1) 23%);
                position: relative;
            }
            #bar {
                height: 30px; /* Not 30px because the 1px top-border brings it up to 30px to match #graph */
                background: #004486; 
                background: -moz-linear-gradient(top, #FFFFFF 0%, #004486 100%); 
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#004486)); 
                background: -webkit-linear-gradient(top, #FFFFFF 0%,#004486 100%); 
                background: -o-linear-gradient(top, #FFFFFF 0%,#004486 100%); 
                background: -ms-linear-gradient(top, #FFFFFF 0%,#004486 100%); 
                background: linear-gradient(top, #FFFFFF 0%,#004486 100%);
            }
            #bar p { position: absolute; text-align: center; width: 100%; margin: 0; line-height: 30px; }
/* /percent bar on show mov*/

/* image grids */
.grid5 { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 2px;
  align-items: stretch;
  justify-items: center;
  }
.grid5 img {
  border: 1px solid #000;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  max-width: 100%;
}
.grid6 { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 2px;
  align-items: stretch;
  justify-items: center;
  }
.grid6 img {
  border: 1px solid #000;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  max-width: 100%;
}
.grid8 { 
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-gap: 2px;
  align-items: stretch;
  justify-items: center;
  }
.grid8 img {
  border: 1px solid #000;
  box-shadow: 2px 2px 6px 0px  rgba(0,0,0,0.3);
  max-width: 100%;
}
/* /image grids*/