/* MyAnimeList.net CSS File 
// modified by Mathes for "MAL Updater" */

body {
	margin: 0;
	text-align: center;
	font-family: Verdana, Arial;
	font-size: 11px;
	background: #fff;
	}

img { border: 0; }
td { font-size: 11px; }	
a,a:visited { color: #646392; text-decoration: none; }
a:hover { color: #706f9f; text-decoration: underline; }

#header-wrapper {
	height: 60px;
	width: 100%;
	background: url(../img/header-bg.png) top left repeat-x; }

#header-left {
	float: left;
	height: 60px;
	width: 220px;
	background: url(../img/header.png) top left no-repeat; }

#header-left span { display: none; }

#header-links { position: absolute; left: 200px; height: 60px; }
#header-links ul { padding-top: 5px; list-style: none; }
#header-links ul li { font-size: 16px; font-weight: bold; padding: 0 10px; display: inline; }
#header-links a { color: #b1b0cd; text-decoration: none; }
#header-links a:hover { color: #fff; text-decoration: none; }

#header-right {
	height: 60px;
	width: 600px;
	padding-top: 15px; 
	padding-right: 10px;
	float: right;
	text-align: right;
	vertical-align: bottom;
	color: #fff; } 
	
#wrapper {
	width: 100%;
	margin-top: 5px;
	margin-right: auto;
	margin-left: auto;
	text-align: left; }

#navigation {
	float:left;
	width: 150px;
	background:#fff;
	padding-top: 5px;
	z-index: 2;	}

#navigation ul {
	width: 160px;
	margin-left: 25px;
	margin-top: 5px;
	margin-bottom: 0;
	padding-left: 5px;
	list-style-type: none;
	font-family: Verdana, Arial;
	font-size: 13px; }
	
#navigation ul.items li { 
	padding: 2px; background-color: #F6F6F8; margin-bottom: 2px; 
	-moz-border-radius-topright:10px; -moz-border-radius-bottomright:10px; 	 			 	
	border-bottom: 1px solid #BCBBCD; border-right: 1px solid #BCBBCD; }
	
#navigation ul.items li a {	padding: 2px; }
#navigation ul.items li:hover { background-color: #BCBBCD; color: #fff; }
#navigation a:link{	color: #646392; text-decoration: none; }
#navigation a:hover { color: #fff; text-decoration: none; }
#navigation  li.bold-item { color: #646392; font-weight: bold; background-color: #fff; border-bottom: 1px solid #BCBBCD; }

#content-wrapper { width: 900px; float: left; }

.inputButton {
	border-style: solid;
	border-top-width: 1px;
	border-left-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-color: #686868;
	border-left-color: #686868;
	border-bottom-color: #191919;
	border-right-color: #191919;
	background-color: #6f6e8e;
	color: #fff;
	font-size: 11px;
	padding: 1px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	}

.inputtext {
	padding: 2px;
	border-width: 1px;
	color: #fff;
	border-color: #000;
	border-style: solid;
	background-color: #6f6e8e;
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	}
	
.inputtextyellow {
	padding: 2px;
	border-width: 1px;
	color: #ffff;
	border-color: #000;
	border-style: solid;
	background-color: Yellow;
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	}	
	

.inputtextred {
	padding: 2px;
	border-width: 2px;
	color: #ffff;
	border-color: #000;
	border-style: solid;
	background-color: Red;
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	}	
	
	
.textarea {
	padding: 2px;
	border-width: 1px;
	border-color: #d8d8d8;
	border-width: 1px;
	border-style: solid;
	background-color: #6f6e8e;
	font-size: 11px;
	font-family: "lucida grande", tahoma, verdana, arial, sans-serif;
	}
	
.uploadfield { padding: 2px; font-size: 11px; color: #000; }
.inputtext:hover, .textarea:hover, .inputButton:hover { background-color: #63628F; }
.inputtext:focus, .textarea:focus, .inputButton:focus { background-color: #51508F; }

#footer {
	padding-top: 20px;
	text-align: center;
	margin-bottom: 4px;
	}


/* script-template */
.tableHeader { font-size:12px; color: #fff; font-weight:bold; background-color: #54537f; }
.tableRow1 { background: #fff url(../img/table-header.png) top left; }
.tableRow1 td:first-child { -moz-border-radius-topleft:10px; }
.tableRow1 td:last-child { -moz-border-radius-topright:10px; }
.tableRow2 { background-color: #f6f6f8; }
.tableRow3 { background-color: #f6f6f8; }
.tableRow4 { background-color: #f6f6f8; -moz-border-radius-bottomright:10px; -moz-border-radius-bottomleft:10px; }
.tableRow5 { background-color: #fff; }
.notice { border: 2px solid #a63845; background-color: #edbbc1; padding: 10px 0 10px 10px; }
ul.sort { list-style: none; padding: 0; margin: 0; }
ul.sort li { font-size: 12px; font-weight: bold; padding: 0 20px; display: inline; }
ul.features { padding-left: 10px; }
ul.features li { padding: 5px 0; border-bottom: 1px dotted #BCBBCD; }
.commentRow { background-color: #f6f6f8; }
.commentDiv { margin-bottom: 2px; border-bottom: 1px solid #bcbcbc; }
td[name*="description"] { vertical-align:top; padding-top: 5px; }
td[name*="stats"] { vertical-align: bottom; padding-bottom: 5px; }
.pageNav { font-size: 14px; background-color: #F6F6F8; padding: 0 10px 3px 0; }
.rowPadding { padding-left: 5px; }
.tableSpacer { height: 20px; }
.thumbImg { border: 1px solid #BCBBCD; }
.hoverInfo:hover, .hoverLoad:hover { height: 0;	margin: 0 auto;	width: 0; }
.hoverInfo:hover { padding: 21px 34px 0 0; background: transparent url(../img/button-info_hover.png) no-repeat center center; }
.hoverLoad:hover { padding: 21px 70px 0 0; background: transparent url(../img/button-download_hover.png) no-repeat center center; }
.errorMsg { background-color: #e3c1b0; border: 2px solid #e4ae94; padding: 10px; width: 600px; }
.forwardMsg { background-color: #a1a1bd; border: 2px solid #54537f; padding: 10px; width: 600px; }

/* new css styles */
.borderimg { border: 1 }