/******************
HTML Tags
******************/

body {
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	color:#6A6A6A;
	font-size:.75em;
	background: url(images/bg-main.jpg);
	margin-top:0;
	margin-left:0px;
	margin-right:0px;
	}

/******************
FORM STYLES
******************/

#select-a-comic {
	width:140px;
	background:#EDF5FB;
	color:#797979;
	display:inline;
	font-size:12px;
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	}
	
#search-box {
	width:65px;
	background:#EDF5FB;
	color:#797979;
	display:inline;
	font-size:12px;
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	}
	
#search-button {
	background:#EDF5FB;
	color:#797979;
	border:1px solid #797979;
	display:inline;
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	height:22px;
	}

#select-and-search fieldset {
	border:none;
	}
	
#select-and-search legend {
	display:none;
	}

#loginregister {
	width:350px;
	margin-left:auto;
	margin-right:auto;
	padding-bottom:1px;
	}

#loginregister fieldset {
	padding:20px;
	}
	
#loginregister legend {
	color:#000000;
	padding:5px;
	font-weight:bold;
	}

#loginregister label {
	display:block;
	width:200px;
	font-weight:bold;
	margin-top:15px;
	}

#loginregister .button-login {
	display:block;
	margin-top:15px;
	font-weight:bold;
	width:100px;
	height:35px;
	}

/******************
LINKS
******************/

/* LINK VISTED HOVER ACTIVE selectors must remain in this order to work */
a:link {
	color:#0068FF;
	text-decoration:underline;
	font-weight:bold;
	}

a:visited {
	color:#632FD8;
	text-decoration:underline;
	font-weight:bold;
	}

a:hover {
	color:#009CFF;
	text-decoration:none;
	font-weight:bold;
	}

a:active {
	color:#1CD2FF;
	text-decoration:underline;
	font-weight:bold;
	}

/* TABLE HEADER LINKS */
th a:link, th a:visited  {
	color:#FFFB89;
	text-decoration:underline;
	font-weight:bold;
	}

th a:hover {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	}

th a:active {
	color:#FFD800;
	text-decoration:underline;
	font-weight:bold;
	}
	
/* ADMIN EDIT LINKS */
table#admin .edit a:link, table#admin .edit a:visited {
	color:#A83A3A;
	text-decoration:underline;
	font-weight:bold;
	}

table#admin .edit a:hover {
	color:#FF4545;
	text-decoration:none;
	font-weight:bold;
	}

table#admin .edit a:active {
	color:#FF6000;
	text-decoration:underline;
	font-weight:bold;
	}
	
/* MAIN NAV BUTTONS */
#button-thumbnail a:link, 
#button-list a:link,
#button-table a:link, 
#button-thumbnail a:visited,
#button-list a:visited,
#button-table a:visited {
	color:#0068FF;
	text-decoration:underline;
	font-weight:bold;
	}

#button-thumbnail a:hover,
#button-list a:hover,
#button-table a:hover {
	color:#009CFF;
	text-decoration:none;
	font-weight:bold;
	}

#button-thumbnail a:active,
#button-list a:active,
#button-table a:active {
	color:#1CD2FF;
	text-decoration:underline;
	font-weight:bold;
	}

/******************
HEADINGS
******************/

h1 {
	font-size:12px;
	margin:0px;
	display:inline;
	color:#797979;
	}

h2 {
	font-size:1.2em;
	}

h3 {
	font-size:1em;
	}

h4 {
	font-size:.9em;
	}


/******************
Layout Divs
******************/

#logo {
	position:absolute;
	top:0;
	left:0;
	}
	
#logo img {
	border:none;
	}

#select-and-search {
            position:absolute;
            top:13px;
            right:50px;
            width:431px;
            height:20px;
            min-height:55px;
            text-align:center;
            background: url(images/bg-select-and-search.gif) no-repeat;
            padding:14px 10px 10px 10px;
            }
	
#select-and-search.admin-page {
	position:absolute;
	top:13px;
	right:50px;
	width:411px;
	height:20px;
	min-height:55px; /* won't work in IE */
	text-align:center;
	background: url(images/bg-select-and-search.gif) no-repeat;
	padding:18px 20px 14px 20px;
	font-weight:bold;
	}
	
#select-and-search img {
	vertical-align:bottom;
	}
	
#top-curves-left {
	position:absolute;
	top:185px;
	width:60px;
	height:19px;
	left:4%;
	background:url(images/corner-content-top-left.gif) no-repeat;
	}

#top-curves-left.admin-page{
	background:#FFFFFF;
	}
	
#top-curves-middle {
	position:absolute;
	top:185px;
	background:#FFFFFF;
	margin-left:8%;
	margin-right:8%;
	width:84%;
	height:19px;
	}
		
#top-curves-right {
	position:absolute;
	top:185px;
	right:4%;
	width:60px;
	height:19px;
	background:url(images/corner-content-top-right.gif);
	}
	
#content-container {
	position:absolute;
	top:204px;
	margin-left:4%;
	margin-right:4%;
	width:92%;
	height:19px;
	padding-bottom:10px;
	}
#content {
	background:#FFFFFF;
	padding:0 20px 0px 20px;
	}

#login-tab {
	position:absolute;
	top:155px;
	left:4%;
	height:30px;
	background: url(images/corner-login-left.gif) no-repeat;
	padding:0px 0px 0px 18px;
	position:relative;
	width:160px;
	}

#login-tab-content {
	height:24px;
	text-align:center;
	font-size:12px;
	padding:6px 0 0 0;
	background: #D1DDF1;
	width:133px;	
	float:left;
	}

#login-tab-right {
	height:30px;
	width:27px;
	background: url(images/corner-login-right.gif) no-repeat;
	float:right;
	}

#login-tab.admin-page{
	background: url(images/corner-login-left-active.gif) no-repeat;
	}

#login-tab-content.admin-page {
	background: #FFFFFF;
	}
	
#login-tab-right.admin-page{
	background: url(images/corner-login-right-active.gif) no-repeat;
	}
	
#bottom-container {
	position:relative;
	}
	
#bottom-curves-left {
	position:absolute;
	top:0;
	left:0;
	width:60px;
	height:19px;
	background:url(images/corner-content-bottom-left.gif) no-repeat;
	}

#bottom-curves-middle {
	position:absolute;
	top:0;
	left:0px;
	background:#FFFFFF;
	margin-left:4%;
	margin-right:4%;
	height:19px;
	width:92%;
	}
		
#bottom-curves-right {
	position:absolute;
	top:0;
	right:0;
	width:60px;
	height:19px;
	background:url(images/corner-content-bottom-right.gif);
	}

#footer-container {
	position:relative;
	color:#000000;
	height:64px;
	margin-top:35px;
	font-size:11px;
	line-height:17px;
	padding-bottom:20px;
	}

#footer-curve-left{
	background:url(images/corner-footer-left.gif);
	position:absolute;
	top:0;
	left:0;
	height:64px;
	width:50px;
	}

#footer-content{
	background:#D1DDF1;
	position:absolute;
	top:0;
	left:0;
	margin-left:2%;
	margin-right:2%;
	width:96%;
	padding:14px 0 0 1px;
	height:50px;
	}

#footer-curve-right{
	background:url(images/corner-footer-right.gif);
	position:absolute;
	top:0;
	right:0;
	height:64px;
	width:50px;
	float:right;
	}

/******************
MAIN NAV BUTTONS - HOT
******************/
	
#button-thumbnail a {
	background: url(images/bg-thumbnail-button.gif) no-repeat;
	position:absolute;
	top:79px;
	right:364px;
	width:137px;
	height:16px;
	padding:53px 0 5px 0;
	text-align:center;
	font-size:11px;
	}	
	
#button-list a {
	background: url(images/bg-list-button.gif) no-repeat;
	position:absolute;
	top:79px;
	right:206px;
	width:137px;
	height:16px;
	padding:53px 0 5px 0;
	text-align:center;
	font-size:11px;
	}	
	
#button-table a {
	background: url(images/bg-table-button.gif) no-repeat;
	position:absolute;
	top:79px;
	right:50px;
	width:137px;
	height:16px;
	padding:53px 0 5px 0;
	text-align:center;
	font-size:11px;
	}	

/******************
MAIN NAV BUTTONS - ACTIVE
******************/

#button-thumbnail.active {
	background: url(images/bg-thumbnail-button-dim.gif) no-repeat;
	position:absolute;
	top:79px;
	right:364px;
	width:137px;
	height:16px;
	padding:53px 0 5px 0;
	text-align:center;
	color:#CCCCCC;
	}	

#button-list.active {
	background: url(images/bg-list-button-dim.gif) no-repeat;
	position:absolute;
	top:79px;
	right:206px;
	width:137px;
	height:16px;
	padding:53px 0 5px 0;
	text-align:center;
	color:#CCCCCC;
	}	

#button-table.active {
	background: url(images/bg-table-button-dim.gif) no-repeat;
	position:absolute;
	top:79px;
	right:50px;
	width:137px;
	height:16px;
	padding:53px 0 5px 0;
	text-align:center;
	color:#CCCCCC;
	}

/******************
MAIN NAV CONNECTOR
******************/

#connector-thumbnail{
	position:absolute;
	top:153px;
	right:412px;
	background: url(images/connector.gif) no-repeat;
	width:41px;
	height:32px;
	}

#connector-list{
	position:absolute;
	top:153px;
	right:253px;
	background: url(images/connector.gif) no-repeat;
	width:41px;
	height:32px;
	}

#connector-table{
	position:absolute;
	top:153px;
	right:98px;
	background: url(images/connector.gif) no-repeat;
	width:41px;
	height:32px;
	}
	
/******************
THUMBNAIL TABLE
******************/

table#thumbnail {
	width:100%;
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	table-layout:fixed;
	}
	
table#thumbnail td{
	padding:25px 4px 0 0;
	border:1px solid #FFFFFF;
	}

table#thumbnail tr.top-row td{
	padding:0 4px 0 0;
	}
	
/******************
LIST TABLE
******************/

table#list {
	width:100%;
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	table-layout:fixed;
	font-weight:bold;
	}

table#list td{
	padding:4px 4px 5px 6px;
	border:2px solid #FFFFFF;
	vertical-align:top;
	}

table#list .cover-image { 
	width:120px;
	}
	
table#list .title{ 
	width:100%;
	text-align:left;
	background:#FFFFC0;
	}
	
table#list .number { 
	width:70px;
	text-align:center;
	background:#FFFFC0;
	}
	
table#list .year{ 
	width:70px;
	text-align:center;
	background:#FFFFC0;
	}
	
table#list .rating{ 
	width:70px;
	text-align:center;
	background:#FFFFC0;
	}
	
table#list .cgc-rating{ 
	width:70px;
	text-align:center;
	background:#FFFFC0;
	} 
/*
table#list .description{ 
	font-weight:normal;
	background:url(images/bg-table-row-highlight.gif) repeat-x;
	} 
*/
table#list th {
	border:2px solid #FFFFFF;
	border-bottom:16px solid #FFFFFF;
	padding:8px 0;
	text-align:center;
	background:#3A66A8;
	color:#FFFFFF;
	}

table#list tfoot th {
	border-top:16px solid #FFFFFF;
	}
	
/******************
TABLE TABLE : )
******************/

table#table {
	width:100%;
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	table-layout:fixed;
	}
	
table#table td {
	padding:4px;
	border:1px solid #FFFFFF;
	}

table#table .row-highlight {
	background:#E9E9E9;
	}
	
table#table .cover-image { 
	width:65px;
	text-align:center;
	}
	
table#table .title { 
	width:16%;
	text-align:left;
	font-weight:bold;
	}
	
table#table .number { 
	width:70px;
	text-align:center;
	font-weight:bold;
	}
	
table#table .year{ 
	width:40px;
	text-align:center;
	font-weight:bold;
	}
	
table#table .rating{ 
	width:60px;
	text-align:center;
	font-weight:bold;
	}
	
table#table .cgc-rating { 
	width:60px;
	text-align:center;
	font-weight:bold;
	} 

table#table .description{ 
	font-weight:normal;
	} 

table#table th {
	border:2px solid #FFFFFF;
	border-bottom:16px solid #FFFFFF;
	padding:8px 0;
	text-align:center;
	background:#3A66A8;
	color:#FFFFFF;
	}

table#table tfoot th {
	border-top:16px solid #FFFFFF;
	}
	
/******************
ADMIN TABLE
******************/

table#admin {
	width:100%;
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	table-layout:fixed;
	}
	
table#admin td {
	padding:4px;
	border:1px solid #FFFFFF;
	}

table#admin .row-highlight {
	background:#E9E9E9;
	}

table#admin .edit { 
	width:50px;
	text-align:center;
	}
	
table#admin .delete { 
	width:50px;
	text-align:center;
	}
	
table#admin .cover-image { 
	width:65px;
	text-align:center;
	}
	
table#admin .title { 
	width:16%;
	text-align:left;
	font-weight:bold;
	}
	
table#admin .number { 
	width:70px;
	text-align:center;
	font-weight:bold;
	}
	
table#admin .year{ 
	width:40px;
	text-align:center;
	font-weight:bold;
	}
	
table#admin .rating{ 
	width:60px;
	text-align:center;
	font-weight:bold;
	}
	
table#admin .cgc-rating { 
	width:60px;
	text-align:center;
	font-weight:bold;
	} 

table#admin .description{ 
	font-weight:normal;
	} 

table#admin th {
	border:2px solid #FFFFFF;
	border-bottom:16px solid #FFFFFF;
	padding:8px 0;
	text-align:center;
	background:#3A66A8;
	color:#FFFFFF;
	}

table#admin tfoot th {
	border-top:16px solid #FFFFFF;
	}
	
/******************
COVER PHOTOS & SHADOWS - THUMBNAIL VIEW
******************/

span.cover-photo {
	background: url(images/image_shadow.gif) no-repeat right bottom;
	clear: right;
	float: left;
	margin: 9px 0px 0px 9px;
	padding: 4px;
	position: relative;
	display:block;
	}

span.cover-photo img  {
	border:none;
	display: block;
	margin: -9px 5px 5px -9px;
	padding:0px;
	position: relative;
	}
	
a:link span.cover-photo, a:visited span.cover-photo  {
	background: url(images/image_shadow.gif) no-repeat right bottom;
	cursor:pointer;
	}
	
a:hover span.cover-photo {
	background: url(images/image_shadow-hover.gif) no-repeat right bottom;
	}
	
a:active span.cover-photo {
	}

/******************
COVER PHOTOS & SHADOWS - LIST VIEW
******************/

#list span.cover-photo {
	background: url(images/image_shadow.gif) no-repeat right bottom;
	clear: right;
	float: left;
	margin: -4px 0 0 5px;
	padding: 4px;
	position: relative;
	}

#list span.cover-photo img {
	border: none;
	display: block;
	margin: -9px 5px 5px -9px;
	padding:0;
	position: relative;
	}

#list a:link span.cover-photo, #list a:visited span.cover-photo  {
	background: url(images/image_shadow.gif) no-repeat right bottom;
	cursor:pointer;
	}
	
#list a:hover span.cover-photo {
	background: url(images/image_shadow-hover.gif) no-repeat right bottom;
	}
	
#list a:active span.cover-photo {
	}

/******************
CLASSES
******************/

.clear {
	clear:both;
	}

.none {
	display:none;
	}
	
/******************
ADDED BY JDP
******************/

.login-tab {
	position:absolute;
	top:155px;
	left:4%;
	height:30px;
	background: url(images/corner-login-left.gif) no-repeat;
	padding:0px 0px 0px 18px;
	position:relative;
	width:160px;
	}

.top-curves-left-no-tab {
	position:absolute;
	top:185px;
	width:60px;
	height:19px;
	left:4%;
	background:url(images/corner-content-top-left-no-tab.gif) no-repeat;
	}

.top-curves-left {
	position:absolute;
	top:185px;
	width:60px;
	height:19px;
	left:4%;
	background:url(images/corner-content-top-left.gif) no-repeat;
	}

.top-curves-left-active {
	position:absolute;
	top:185px;
	width:60px;
	height:19px;
	left:4%;
	background:#FFFFFF;
	}

.select-a-comic {
	width:140px;
	background:#EDF5FB;
	color:#797979;
	display:inline;
	font-size:12px;
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	}

.search-box {
	width:80px;
	background:#EDF5FB;
	color:#797979;
	display:inline;
	font-size:12px;
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	}
	
.search-button {
	background:#EDF5FB;
	color:#797979;
	border:1px solid #797979;
	display:inline;
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	height:22px;
	}

.edit-comic input,textarea
{
	font-size:12px;
	font-family:Tahoma, Verdana, Helvetica, Helvetica-Narrow, sans-serif;
	background:#EDF5FB;
}
	
/**************************************************

   STYLES FOR TABLE-VIEW TABLE AND ADMIN TABLE

**************************************************/

table.table {
	width:100%;
	border:1px solid #FFFFFF;
	border-collapse:collapse;
	table-layout:fixed;
	}
	
table.table th {
	border:2px solid #FFFFFF;
	border-bottom:16px solid #FFFFFF;
	padding:8px 0;
	text-align:center;
	background:#3A66A8;
	color:#FFFFFF;
	}

table.table td {
	padding:4px;
	border:1px solid #FFFFFF;
	}

table.table .action{ 
	width:92px;
	text-align:center;
	font-weight:normal;
	}
	
table.table .itemid{ 
	width:40px;
	text-align:center;
	font-weight:normal;
	}
	
table.table .row-highlight {
	background:#E9E9E9;
	}
	
table.table .cover-image { 
	width:65px;
	text-align:center;
	}
	
table.table .title { 
	width:16%;
	text-align:left;
	font-weight:bold;
	}
	
table.table .number { 
	width:70px;
	text-align:center;
	font-weight:bold;
	}
	
table.table .year{ 
	width:40px;
	text-align:center;
	font-weight:bold;
	}
	
table.table .rating{ 
	width:60px;
	text-align:center;
	font-weight:bold;
	}
	
table.table .cgc-rating { 
	width:60px;
	text-align:center;
	font-weight:bold;
	} 

table.table .description{ 
	font-weight:normal;
	} 

table.table tfoot th {
	border-top:16px solid #FFFFFF;
	}
	
/******************
ADMIN MENU
******************/

table.admin-menu {
	position:absolute;
	top:155px;
	left:4%;
	font-weight:bold;
	}

table.admin-menu td{
	white-space:nowrap !important;
	text-align:center;
	vertical-align:middle;
	}

td.corner-admin-far-left {
	background:url(images/corner-admin-far-left.gif) no-repeat;
	width:17px;
	}

td.corner-admin-far-left-active {
	background:url(images/corner-admin-far-left-active.gif) no-repeat;
	width:17px;
	}
	
td.corner-admin {
	background:#D1DDF1;
	height:25px;
	padding:2px 10px 3px 10px;
	}
	
td.corner-admin-active {
	background:#FFFFFF;
	height:25px;
	padding:2px 10px 3px 10px;
	}

td.corner-admin-left-active {
	background:url(images/corner-admin-left-active.gif) no-repeat;
	width:27px;
	}

td.corner-admin-right-active {
	background:url(images/corner-admin-right-active.gif) no-repeat;
	width:27px;
	}

td.corner-admin-left-and-right {
	background:url(images/corner-admin-left-and-right.gif) no-repeat;
	width:27px;
	}

td.corner-admin-far-right {
	background:url(images/corner-admin-far-right.gif) no-repeat;
	width:27px;
	}

td.corner-admin-far-right-active {
	background:url(images/corner-admin-far-right-active.gif) no-repeat;
	width:27px;
	}