*{margin:0;padding:0}
img{border:0}
a{text-decoration:none;color:#02608c;}
li{list-style-type:none;background:url(./images/arrow.gif) 0 50% no-repeat;padding-left:10px}
h1,h2,h3,h4,h5,h6{font-family:helvetica,"Trebuchet MS"}
p{padding:8px}
html {
	background:#edecec url(./images/bg-header.png) repeat-x;
	color:#393939;
	font:11px verdana;
}
input,select,textarea {font:11px arial;color:#424242}
#body {
	margin:0 auto;
	width:1024px;
	position:relative;
}

#header_right {
	position:absolute;
	top:40px;
	height:198px;
	left:50%;
	right:0;
	width:50%;
	background:url(./images/bg-header-right.png) repeat-x;
}

#login_form {height:21px;padding:6px 40px 6px;text-align:right;color:#eef;font-weight:bold;font-size:1.1em}
form > #login_form{padding-bottom:13px}
#login_form div.form {float:right}
#login_form a {color:#eef;margin:0 5px}
#login_form input, #search input {background:url(./images/input.png) no-repeat;border:0;width:147px;height:15px;padding:3px;margin-right:14px;text-align:center}
#login_form input.submit, #search input.submit {background:none;width:auto;padding:1px 3px;height:19px;color:#eef;font-weight:bold;font-size:1.1em;margin-top:1px}
#login_form a.register {display:block;float:right;background:url(./images/register-bg.png) no-repeat;padding:5px 9px 9px 9px;height:11px;text-align:center;}

#header {background: url(./images/header.jpg) no-repeat;	height:138px;padding-top:60px}
#header h1 a{display:block;width:320px;height:70px;margin-left:30px}
#header h1 a *{display:none}

#menu{float:left;width:600px;height:29px;margin-left:35px;display: inline;padding:9px 0 8px 0;background:url(./images/menu-breaker.gif) left 50% no-repeat;font-weight:bold;font-size:1.1em}
#menu li {display:block;float:left;height:15px;padding:7px 17px;background:url(./images/menu-breaker.gif) right 50% no-repeat;}

#search {float:right;width:340px;margin-right:45px;display:inline;text-align:right;color:#eef;padding:9px 0;height:28px;font-weight:bold;font-size:1.1em}
#search input {margin-right:5px}
#search input.submit {margin:0;padding:0}

.panel {margin-bottom:6px}

#contentBoxBegin {margin:0 auto;width:952px;clear:both;height:17px;background:url(./images/bg-content-top.png) 0 13px no-repeat}
#contentBox {position:relative;margin:0 auto;width:952px;background:url(./images/bg-content.png) 0 13px repeat-y}
#contentBoxEnd {margin:0 auto;width:952px;clear:both;height:4px;background:url(./images/bg-content-bottom.png) left no-repeat;margin-top:-5px}
form > #contentBoxEnd{margin-top:0}

#left {float:left;width:201px;padding:0 4px 0 5px}
#left h3, #right h3 {width:196px;height:28px;background:url(./images/bg-left-header.png) no-repeat;padding:12px 0 5px 14px;font-size:1.2em;color:#eef;}
ul.panel {margin-right:13px}
ul.panel li {background:url(./images/dot.gif) 0 bottom repeat-x;margin-left:15px;padding-left:7px}
ul.panel a, #left ul.panel .more {display:block;padding:4px 0 4px 15px;font-size:0.9em;color:#393939;background:url(./images/arrow.gif) 0 50% no-repeat}
ul.panel li li {background:url(./images/dot.gif) 0 top repeat-x;}
ul.panel li li a {margin-left:7px;}

#center {float:left;padding:0 11px 50px;margin:0 9px;width:496px;}
#contentBox  > #center {width:524px}
#center h2 {background:url(./images/last-added.png) 0 50% no-repeat;padding:11px 0 0 40px;font-size:1.35em;color:#02608c;height:28px;border-bottom:1px solid #a0a0a0}
#center .film {
	padding:18px 0;
	width:100%;
	background:url(./images/dot.gif) bottom repeat-x;
}
#center .film .image {
	display:block;
	float:left;
	margin-right:13px;
	width:150px;
}
#center .film .description {float:right;width:310px}
#center .film > .description {float:left;width:340px}
#center .film p {padding:0}
#center .film h4 {font-size:1.1em;margin-bottom:18px}
#center .film .stats {margin-top:5px;font-size:0.9em}
#center .film .stats img {position:relative;top:5px}
#center .film .stats em {font-style:normal;font-weight:bold;}

#right {float:right;	width:178px;margin:0;padding:0;margin-top:-4px;}
#right h3 {width:164px;background:url(./images/bg-right-header.png) no-repeat}
#left div.panel {width:201px} #right div.panel {width:178px}
div.panel {text-align:center;padding:8px 0 20px;background:#fff url(./images/bg-panel-right-bottom.png) 0 bottom no-repeat;width:178px}
div.panel img {margin:5px 0}
div.panel a {font-weight:bold}

#left, #center, #right {display:inline}
#footer {
	margin:20px auto;
	clear:both;
	height:12px;
	width:916px;
	padding:10px 18px;
	background:url(./images/footer.png) no-repeat;
	color:#fff;
}
#footer span{display:block;float:left}
#footer span a{color:#01505f}
#footer ul{margin-left:30px;display:inline}
#footer ul li {display:inline;background:none;margin:0;padding:0;border-right:1px solid #fff;padding-right:6px;margin-left:3px}
#footer ul li:last-child{border:0}
#footer ul li a {color:#fff}


td {padding:2px}
td img {margin:5px;position:relative;top:7px}


/* implemented from default theme */
.bH{font-weight: bold}
.emotsBlock{margin-bottom: 12px}
.emotsBlock img{margin: 2px}
.favorites {display: inline}
.favorites div {display: inline}
.grid {width: 100%;padding: 0;margin: 0}
.gridHeader {padding: 5px;text-align:center;font-weight:bold;font-size:1.1em;background:#ddd}
.gridRow1 , .gridRow2{padding: 4px}
.rating {margin-bottom: 10px}
.errorInput {border: #ff0000 1px solid}
.input-error1, .input-error2, .input-error3 {border: 1px solid red;background-color: lightyellow}

.msgOk { 
	clear: both;
    	font-size:14px; 
    	border: solid 1px #c9b484; 
    	padding:12px; 
    	color: #3a6942; 
    	background-color: #fff9d9; 
    	text-align: center; 
	font-size: 140%;
	font-weight: bold;
	/*margin: 1em 0;*/
	margin-bottom: 10px;
}

.msgOk2 { 
	clear: both;
    	font-size:14px; 
    	border: solid 1px #c9b484; 
    	padding:12px; 
    	color: #3a6942; 
    	background-color: #fff9d9; 
    	text-align: center; 
	font-size: 110%;
	font-weight: bold;
	/*margin: 1em 0;*/
	margin-bottom: 10px;
}
