body {
	background-color:#CCCCCC;
	color:#333333;
	font:normal 62.5% Arial, Helvetica, sans-serif;
	margin:0;
	padding:10px;
}

a {color:#333333; text-decoration:none}
a:hover {color:#666666}

h1,h2,h3,h4,h5,h6,ul,li,form {margin:0; padding:0}
li {list-style-type:none}

img {border:none}

h1 {color:#FFFFFF; font-size:160%; margin-bottom:5px}
h3 {color:#006699; font-size:110%}
input, textarea, select {font-size:100%; font-family:Arial, Helvetica, sans-serif;}

.textField {border:solid 1px #dcdcdc;background-color:#dcdcdc}
.submit {border:solid 1px #CC3333;background-color:#CC3333;color:#FFFFFF;cursor:pointer}

.alignRight {text-align:right}
.alignCenter {text-align:center}

table {border-collapse:collapse; border-spacing:0}
th {text-align:left}

table.list {border:solid 1px #dcdcdc; background-color:#FFFFFF;}
.list td, .list th {padding:5px; font-size:110%}
.list td {border-bottom:solid 1px #dcdcdc}
.list th {font-size:110%; color:#CC3333; border-bottom:solid 1px #dcdcdc}
.list td a {color:#006699}

.error {color:#FF0000}
.displaynone {display:none}

/* HACK */
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#wrapper {width:90%}

#header {background-color:#FFFFFF; border-bottom:solid 1px #666666;  padding:5px;}
#operation-status {color:#990000; font-weight:bold}
#imdb {margin-bottom:15px}

#search {float:left; font-size:110%; line-height:25px}
#search .title {color:#006699;font-weight:bold}
#search input.textField {width:150px; margin-left:5px}

#search-result {margin-bottom:15px}

#nav {
	float:left;
	font-size:110%;
    margin-right:20px;
    }

#nav a {
	background-color:#006699;
	color:#FFFFFF;
	display:block;
	float:left;
    line-height:25px;
    text-decoration:none; 
    padding:0 20px; 
    }

#nav li {
	border-left:solid 1px #FFFFFF;
	float:left; 
    position:relative; 
    }

#nav li a:hover {
	color:#FFFFCC; 
    _position:relative
    }

#nav li:hover ul,
#nav a:hover ul {
	visibility:visible
    }

#nav ul {
	visibility:hidden; 
    position:absolute; 
    left:0; 
    top:25px;
    z-index:100
    }

#nav ul li {
	border:none;
    border-bottom:solid 1px #FFFFFF;
	}

#nav ul li a {
	background-color:#CC3333; 
    width:200px;
    /*/**/width:160px/**/
   }

#film-update, 
#imdb-link {margin:15px 0;}

#imdb-link-inner {margin-top:15px}

/* #member-area */
#member-area {
	color:#006699;
	display:inline;
	line-height:25px;
    float:right;
    margin-right:20px;
}

#operations-window {
	margin-bottom:10px;
}

table.template1 {
	border:solid 1px #FFFFFF;
    margin-bottom:10px;
}

table.template1 th {
	background-color:#006699;
    color:#FFFFFF;
}

table.template1 td {
	background-color:#f8f8f8;
}

table.template1 th,
table.template1 td {
	padding:5px;
}

table.template1 td .textField {
	width:200px
}

/* form */
.formgrp {width:100%; overflow:hidden; margin-bottom:5px}
.formgrp label {float:left; display:block; width:100px}

/* member-register */ 
#member-register {
	background-color:#f8f8f8;
	border:solid 1px #dcdcdc;
	padding:5px;
}

/* add-imdb-link-window */
#add-imdb-link-window {
	border:solid 2px #dcdcdc;
	background-color:#FFFFFF;
	padding:10px;
}
