body { cursor: default; }

/* This is used for displaying debugging info, when debugging is turned on. */
div.debug {
	font-family: Arial,Helv,Helvetica,sans;
	font-size: 10pt;
	font-weight: bold;
	margin: 2px 16px;
	border-left: 8px solid #C99;
	border-right: 8px solid #C99;
	color: #000;
	background-color: #EDD;
	padding: 4px 16px;
}
div.debug ul {
	margin: 0 24px;
	padding: 0;
}
div.debug li {
	font-weight: normal;
	font-family: Courier,monospace,mono;
	font-size: 9pt;
}

h2 {
	margin: 0;
	padding: 0;
	font-size: 20pt;
}

h3 {
	margin: 0;
	padding: 0;
	font-size: 16pt;
}

form {
	display: block;
	margin: 0;
	padding: 0;
}

table.admin_pagebox {
	width: 100%;
	height: 100%;
	border-collapse: collapse;
	empty-cells: show;
}

table.admin_pagebox td.admin_between {
	width: 0;
	height: 100%;
	padding: 0;
	margin: 0;
}
table.admin_pagebox td.admin_sidebar {
	width: 190px;
	height: 100%;
	background-color: #FFF;
	border-right: 1px solid #99F;
	vertical-align: top;
	padding: 0;
}
table.admin_pagebox td.admin_page {
	width: 100%;
	height: 100%;
	border-left: 1px solid #339;
	vertical-align: top;
	padding: 0;
}

img.linkimg {
	width: 9px;
	height: 11px;
	position: relative;
	top: 1px;
	left: -1px;
}

div.admin_sidebar {
	padding: 8px 12px;
	text-align: center;
	width: 170px;
}
div.admin_page {
	padding: 20px 12px 8px 12px;
}
div.admin_loginheader {
	display: table;
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	padding-left: 10px;
	background: url("../adminimg/admin_logincorner.gif")
		no-repeat scroll bottom left;
	font-size: 9pt;
}
div.admin_loginheader2 {
	padding: 1px 2px 2px 2px;
	border-bottom: 1px solid #99F;
	background-color: #EEE;
	color: #000;
}

div.topsep {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px dotted #999;
}
div.botsep {
	margin-bottom: 6px;
	padding-bottom: 6px;
	border-bottom: 1px dotted #999;
}

table.admin_pagebox td.admin_sidebar #comic_clock {
	width: 170px;
	font-size: 9pt;
}

table.admin_pagebox td.admin_sidebar div.admin_group_list {
	margin: 4px 0 10px 0;
	border-bottom: 1px dotted #999;
	text-align: left;
	padding-bottom: 6px;
}

table.admin_pagebox td.admin_sidebar div.admin_group_list div.admin_group {
	background-position: 100% 25%;
	background-repeat: no-repeat;
	text-align: left;
}

table.admin_pagebox td.admin_sidebar div.admin_group_list div.admin_group_sep {
	margin-top: 6px;
	border-top: 1px dotted #999;
	padding-top: 6px;
}

table.admin_pagebox td.admin_sidebar div.admin_group_list div.admin_group_title {
	font-weight: bold;
	font-size: 12pt;
	white-space: nowrap;
	padding: 0;
	margin: 0;
}
table.admin_pagebox td.admin_sidebar div.admin_group_list ul {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 10pt;
	white-space: nowrap;
}
table.admin_pagebox td.admin_sidebar div.admin_group_list li {
}
table.admin_pagebox td.admin_sidebar div.admin_group_list li.bold {
	font-weight: bold;
}
table.admin_pagebox td.admin_sidebar div.admin_group_list li.disable {
	color: #CCC;
}

div.admin_page_missing {
	width: 350px;
}

table.stat_table {
	border-collapse: collapse;
	width: 220px;
}
table.stat_table th {
	text-align: left;
	font-weight: normal;
	padding: 1px 0 2px 0;
	white-space: nowrap;
	font-size: 10pt;
}
table.stat_table td {
	text-align: right;
	font-weight: bold;
	padding: 1px 0 2px 8px;
	white-space: nowrap;
	font-size: 10pt;
}

div.bbcode_code {
	border: 1px solid #CCC;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #EEE;
	color: #000;
	padding: 4px 8px;
	margin: 0.5em 1.0em;
}

.waiting {
	cursor: wait;
}

/*----------------------------------------------------------------------------
**  Shrink wrap and center.
*/

.w1 {
	margin: 0 auto 0 auto;
	text-align: center;
	display: table;
}
.c1 {
	display: table-cell;
}
/*\*//*/
.w1 {
	display: block;
}
.c1 {
	display: inline-block;
}
/**/

/*----------------------------------------------------------------------------
**  Boxes of content.
*/

div.admin_box_plain {
	display: block;
	margin: 0.5em 0;
	padding: 0;
	background-color: #EEE;
	border: 1px solid #66C;
	border-bottom: 1px solid #009;
}
div.admin_box_plain2 {
	border: 1px solid #CCF;
	border-bottom: 1px solid #66C;
	padding: 6px 8px;
	text-align: left;
	margin: 0;
}

div.admin_box_title {
	padding: 0;
	margin: 0;
	margin-top: 0.5em;
	z-index: 1;
	text-align: left;
	margin-left: 10px;
}
div.admin_box_title span.l {
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 100%;
	_height:1600px;
	background: url('../adminimg/admin_titlebar.gif') no-repeat 0 0;
}
div.admin_box_title h2 {
	position: relative;
	padding: 3px 10px 1px 0px;
	color: #FFE8D0;
	font-size: 12pt;
	font-weight: bold;
	text-align: left;
	background: url('../adminimg/admin_titlebar.gif') no-repeat 100% 0;
}

div.admin_box_content {
	border-left: 1px solid #66C;
	border-right: 1px solid #66C;
	border-bottom: 1px solid #009;
	padding: 0;
	margin: 0;
	margin-bottom: 0.5em;
}
div.admin_box_content2 {
	border-left: 1px solid #CCF;
	border-right: 1px solid #CCF;
	border-bottom: 1px solid #66C;
	background-color: #FFF;
	padding: 4px 8px 6px 8px;
	margin: 0;
	text-align: left;
}
div.admin_box_content3 {
	padding: 4px 8px 6px 8px;
}
div.admin_box_buttons {
	padding: 0.5em 1em;
	background-color: #EEE;
	text-align: right;
	border-top: 1px solid #CCD;
	height: 2.25em;
	vertical-align: middle;
}

div.admin_box_floating_title {
	padding: 0;
	margin: 0;
	margin-top: 0.5em;
	z-index: 1;
	text-align: left;
	margin-left: 10px;
}
div.admin_box_floating_title span.l {
	position: absolute;
	top: 0;
	left: -10px;
	width: 10px;
	height: 100%;
	_height:1600px;
	background: url('../adminimg/admin_titlebar.gif') no-repeat 0 -32px;
}
div.admin_box_floating_title h2 {
	position: relative;
	padding: 4px 10px 1px 0px;
	height: 32px;
	color: #FFF;
	font-size: 14pt;
	font-weight: bold;
	text-align: left;
	background: url('../adminimg/admin_titlebar.gif') no-repeat 100% -32px;
}

div.admin_box_title table {
	border-collapse: collapse;
	width: 100%;
}
div.admin_box_title table th {
	text-align: left;
	color: #FFE8D0;
	font-size: 12pt;
	font-weight: bold;
	vertical-align: bottom;
	padding-right: 8px;
}
div.admin_box_title table td {
	text-align: left;
	color: #FFE8D0;
	font-size: 9pt;
	font-weight: normal;
	white-space: nowrap;
	vertical-align: bottom;
	padding-bottom: 3px;
}

div.admin_box_title a:link { color: #DCC; }
div.admin_box_title a:visited { color: #DCC; }
div.admin_box_title a:hover { color: #FFF; }
div.admin_box_title a:active { color: #FFF; }

/*----------------------------------------------------------------------------
**  Nice, clean-looking tables
*/

table.nice, table.nice_yellow {
	border-collapse: collapse;
}
table.nice th {
	border: 1px solid #999;
	color: #000;
	background-color: #DDF;
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
	padding: 1px 4px;
}
table.nice_yellow th {
	border: 1px solid #999;
	color: #000;
	background-color: #FEB;
	text-align: left;
	font-weight: bold;
	font-size: 10pt;
	padding: 1px 4px;
}
table.nice tr.odd td {
	border: 1px solid #BBB;
	color: #000;
	background-color: #EEF;
	text-align: left;
	font-size: 10pt;
	padding: 1px 4px;
}
table.nice_yellow tr.odd td {
	border: 1px solid #BBB;
	color: #000;
	background-color: #FFD;
	text-align: left;
	font-size: 10pt;
	padding: 1px 4px;
}
table.nice tr.even td, table.nice_yellow tr.even td {
	border: 1px solid #BBB;
	color: #000;
	background-color: #FFF;
	text-align: left;
	font-size: 10pt;
	padding: 1px 4px;
}
table.nice tr.highlight td, table.nice_yellow tr.highlight td {
	background-color: #FCF0DC;
}
table.nice tr.sel td, table.nice_yellow tr.sel td {
	border: 1px solid #BBB;
	color: #FF7;
	background-color: #C00;
	text-align: left;
	font-size: 10pt;
	padding: 1px 4px;
}
table.nice tr.odd td.right, table.nice_yellow tr.odd td.right {
	text-align: right;
}
table.nice tr.even td.right, table.nice_yellow tr.even td.right {
	text-align: right;
}
table.nice tr.sel td.right, table.nice_yellow tr.sel td.right {
	text-align: right;
}
table.nice tr.odd td.center, table.nice_yellow tr.odd td.center {
	text-align: center;
}
table.nice tr.even td.center, table.nice_yellow tr.even td.center {
	text-align: center;
}
table.nice tr.sel td.center, table.nice_yellow tr.sel td.center {
	text-align: center;
}
table.nice th.right, table.nice_yellow th.right {
	text-align: right;
}
table.nice th.center, table.nice_yellow th.center {
	text-align: center;
}

table.nice tr.sel a:link { color: #FFF; }
table.nice tr.sel a:visited { color: #FFF; }
table.nice tr.sel a:hover { color: #FFF; }
table.nice tr.sel a:active { color: #FFF; }

div.dialog_content table.nice th {
	border: 1px solid #669;
	color: #FFF;
	background-color: #559;
	padding: 1px 4px;
}
div.dialog_content table.nice tr.odd td {
	border: 1px solid #669;
	color: #EEF;
	background-color: #339;
}
div.dialog_content table.nice tr.even td {
	border: 1px solid #669;
	color: #EEF;
	background-color: #3B3B99;
}

/*----------------------------------------------------------------------------
**  Styles for windows (from window-default.css and lighting.css)
*/

.overlay_dialog {
	background-color: #666666;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}

.overlay___invisible__ {
  background-color: #666666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.dialog_nw {
	width: 9px;
	height: 23px;
	background: transparent url('../window-default/top_left.gif') no-repeat 0 0;		
}

.dialog_n {
	background: transparent url('../window-default/top_mid.gif') repeat-x 0 0;	
	height: 23px;
}

.dialog_ne {
	width: 9px;
	height: 23px;
	background: transparent url('../window-default/top_right.gif') no-repeat 0 0;		
}

.dialog_e {
	width: 2px;
	background: transparent url('../window-default/center_right.gif') repeat-y 0 0;	
}

.dialog_w {
	width: 2px;
	background: transparent url('../window-default/center_left.gif') repeat-y 0 0;		
}

.dialog_sw {
	width: 9px;
	height: 19px;
	background: transparent url('../window-default/bottom_left.gif') no-repeat 0 0;			
}

.dialog_s {
	background: transparent url('../window-default/bottom_mid.gif') repeat-x 0 0;		
	height: 19px;
}

.dialog_se {
	width: 9px;
	height: 19px;
	background: transparent url('../window-default/bottom_right.gif') no-repeat 0 0;			
}

.dialog_sizer {
	width: 9px;
	height: 19px;
	background: transparent url('../window-default/sizer.gif') no-repeat 0 0;	
	cursor:se-resize;	
}

.dialog_close {
	width: 14px;
	height: 14px;
	background: transparent url('../window-default/close.gif') no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:8px;
	cursor:pointer;
	z-index:2000;
}

.dialog_minimize {
	width: 14px;
	height: 15px;
	background: transparent url('../window-default/minimize.gif') no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:28px;
	cursor:pointer;
	z-index:2000;
}

.dialog_maximize {
	width: 14px;
	height: 15px;
	background: transparent url('../window-default/maximize.gif') no-repeat 0 0;			
	position:absolute;
	top:5px;
	left:49px;
	cursor:pointer;
	z-index:2000;
}

.dialog_title {
	float:left;
	height:14px;
	font-family: Tahoma, Arial, sans-serif;
	font-size:12px;
	text-align:center;
	width:100%;
	color:#000;
}

.dialog_content {
	overflow:auto;
	color: #DDD;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 10px;
	background-color:#339;
}

.top_draggable, .bottom_draggable {
  cursor:move;
}

.status_bar {
  font-size:12px;
}
.status_bar input{
  font-size:12px;
}

.wired_frame {
	display: block;
  position: absolute;
  border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
	display: block;
	position: absolute;
}

.dialog table.table_window  { 
  border-collapse: collapse; 
  border-spacing: 0; 
  width: 100%;
	margin: 0px;
	padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
  padding: 0; 
}

.dialog .title_window {
  -moz-user-select:none;
}                                                    

.overlay___invisible__ {
  background-color: #666;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
}

.top_draggable, .bottom_draggable {
	cursor:move;
}

.status_bar {
	font-size:12px;
}

.wired_frame {
	display:block;
	position:absolute;
	border:1px #000 dashed;
}

.overlay_coolblue {
	background-color:#CCC;
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

.coolblue_wired_frame {
	background:#808080;
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;	
}

.coolblue_nw {
	background:transparent url('../window-coolblue/top-left.png') no-repeat 0 0;
	width:10px;
	width:10px;
	height:27px;
}

.coolblue_n {
	background:transparent url('../window-coolblue/top-middle.png') repeat-x 0 0;
	height:27px;
}

.coolblue_ne {
	background:transparent url('../window-coolblue/top-right.png') no-repeat 0 0;			
	width:10px;	  
	height:27px;
}

.coolblue_w {
	background:transparent url('../window-coolblue/left.png') repeat-y top left;			
	width:10px;
}

.coolblue_e {
	background:transparent url('../window-coolblue/right.png') repeat-y top right;			
	width:10px;	  
}

.coolblue_sw {
	background:transparent url('../window-coolblue/bottom-left.png') no-repeat 0 0;			
	width:10px;
	height:13px;
}

.coolblue_s {
	background:transparent url('../window-coolblue/bottom-middle.png') repeat-x 0 0;			
	height:13px;
}

.coolblue_se, .coolblue_sizer  {
	background:transparent url('../window-coolblue/bottom-right.png') no-repeat 0 0;			
	width:10px;
	height:13px;
}

.coolblue_sizer {
	cursor:se-resize;	
}

.coolblue_close {
	width:16px;
	height:19px;
	background:transparent url('../window-coolblue/button-close.png') no-repeat 0 0;			
	position:absolute;
	top:5px;
	right:10px;
	cursor:default;
	z-index:1000;
}

.coolblue_maximize {
	width:16px;
	height:9px;
	background:transparent url('../window-coolblue/button-maximize.png') no-repeat 0 0;			
	position:absolute;
	top:5px;
	right:28px;
	cursor:default;
	z-index:1000;
}

.coolblue_minimize {
	width:16px;
	height:9px;
	background:transparent url('../window-coolblue/button-minimize.png') no-repeat 0 0;			
	position:absolute;
	top:5px;
	right:46px;
	cursor:default;
	z-index:1000;
}

.coolblue_title {
	float:left;
	height:14px;
	font-size:11pt;
	font-weight:bold;
	font-family:Arial,Helv,Helvetica,sans;
	text-align:center;
	margin-top:0px;
	width:100%;
	color:#F4F4FF;
}

.coolblue_content {
	overflow:auto;
	color:#FFF;
	font-family:Arial,Helv,Helvetica,sans;
	font-size:10pt;
	background:#339;
}

/* For alert/confirm dialog */
.coolblue_window {
	border:1px solid #F00;	
	background:#808080;
	padding:20px;
	margin-left:auto;
	margin-right:auto;
	width:400px;
}

.coolblue_message {
  	font-size:10pt;
	text-align:center;
	width:100%;
	padding-bottom:10px;
	padding-top: 10px;
}

.coolblue_buttons {
	text-align:center;
	width:100%;
	padding-bottom:10px;
}

.coolblue_progress {
	float:left;
	margin:auto;
	text-align:center;
	width:100%;
	height:16px;
	background:transparent url('../window-lighting/spinner.gif') no-repeat center center
}

/*----------------------------------------------------------------------------
**  Display sets of clickable tabs.
*/

div.tabs_wrapper {
	border-bottom: 1px solid #CCF;
	margin: 0;
	padding: 0;
	margin-top: 0.5em;
}
ul.tabs {
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	height: 22px;
	border-bottom: 1px solid #66C;
	padding-right: 1em;
}
ul.tabs li.tab {
	display: block;
	float: left;
	margin: 0 0 0 4px;
	padding: 0;
	color: #000;
	font-weight: bold;
	white-space: nowrap;
	height: 22px;
}
ul.tabs li.tab span {
	float:left;
   	display:block;
	padding:4px 10px 2px 0px;
	background: url('../adminimg/admin_tabs.gif') no-repeat 100% 0px;
}
ul.tabs li.tab a {
	float:left;
	display:block;
	background:url('../adminimg/admin_tabs.gif') no-repeat 0px 0px;
	margin:0;
	padding:0 0 0 10px;
	cursor: pointer;
}
ul.tabs li.tab a.active {
	background:url('../adminimg/admin_tabs.gif') no-repeat 0 -32px;
}
ul.tabs li.tab a.active span {
	background:url('../adminimg/admin_tabs.gif') no-repeat 100% -32px;
	color:#FFF
}
ul.tabs li.tab a:active {
	color: #009;
}
ul.tabs li.tab a.active:active {
	color: #FFF;
}

div.tab_page {
	margin: 1em;
	margin-bottom: 1em;
}

div.endtab {
	margin: 0;
	padding: 0;
	margin-bottom: 12px;
	border-bottom: 1px solid #66C;
}
div.endtab div.endtab2 {
	margin: 0;
	padding: 0;
	padding-bottom: 6px;
	border-bottom: 1px solid #CCF;
}

div.dialog_tabs_wrapper {
	border-bottom: 1px solid #669;
	margin: 0;
	padding: 0;
	margin-top: 0.5em;
}
div.dialog_tabs_wrapper ul.tabs {
	border-bottom: 1px solid #99C;
}
div.dialog_tab_page {
	margin: 1em;
	margin-bottom: 1em;
}

div.dialog_tabs_wrapper ul.tabs li.tab span {
	background: url('../adminimg/admin_tabs_dialog.gif') no-repeat 100% 0px;
}
div.dialog_tabs_wrapper ul.tabs li.tab a {
	color: #BBE;
	background: url('../adminimg/admin_tabs_dialog.gif') no-repeat 0px 0px;
}
div.dialog_tabs_wrapper ul.tabs li.tab a.active {
	color: #FFF;
	background: url('../adminimg/admin_tabs_dialog.gif') no-repeat 0 -32px;
}
div.dialog_tabs_wrapper ul.tabs li.tab a.active span {
	background: url('../adminimg/admin_tabs_dialog.gif') no-repeat 100% -32px;
}

div.dialog_endtab {
	margin: 0;
	border-bottom: 1px solid #669;
}
div.dialog_endtab div.endtab2 {
	padding: 0;
	border-bottom: 1px solid #99C;
}

/*----------------------------------------------------------------------------
**  Display a long list of settings.
*/

dl.longsettings dt {
	font-size: 12pt;
	font-weight: bold;
}
dl.longsettings dd {
	margin-left: 2em;
	font-size: 9pt;
	color: #666;
	margin-top: 0.5em;
}
dl.longsettings div {
	border-bottom: 1px dotted #999;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
	padding-right: 1.5em;
}
dl.longsettings div.sel {
	background-color: #E8F4E8;
}

/*----------------------------------------------------------------------------
**  Display a single setting.
*/

table.site_setting {
	border-collapse: collapse;
}
table.site_setting td {
	padding: 0;
	margin: 0;
	padding-left: 1em;
	vertical-align: top;
}

/*----------------------------------------------------------------------------
**  Display BBCode-editing help.
*/

span.bbcode_ex {
	position:relative;
	top: -4px;
	padding: 1px 4px;
	background-color: #DDE;
	border: 1px solid #CCC;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	margin-right: 2px;
	cursor: pointer;
	color: #000;
}
span.bbcode_ex:hover {
	background-color: #FFF;
	color: #333;
}

textarea {
	background-color: #FFD;
	border: 1px solid #CCA;
}
input[type='text'], input[type='password'] {
	background-color: #FFD;
	border: 1px solid #CCA;
	font: 10pt Arial,Helv,Helvetica,sans;
	padding: 2px 2px;
	height: 16px;
}
select {
	background-color: #FFD;
	border: 1px solid #CCA;
	font: 10pt Arial,Helv,Helvetica,sans;
	padding: 1px 1px;
	height: auto;
}
select.multiline {
	background-color: #FFD;
	border: 1px solid #CCA;
	font: 10pt Arial,Helv,Helvetica,sans;
	padding: 1px 1px;
	height: auto;
}

div.autodisable {
	color: #CCC;
}
div.autodisable td, div.autodisable th {
	color: #CCC;
}
div.autodisable textarea {
	background-color: #F8F8F8;
	border: 1px solid #DDD;
	color: #CCC;
}
div.autodisable input[type='text'], div.autodisable input[type='password'] {
	background-color: #F8F8F8;
	border: 1px solid #DDD;
	color: #CCC;
}
div.autodisable select {
	background-color: #F8F8F8;
	border: 1px solid #DDD;
	color: #CCC;
}
div.autodisable select.multiline {
	background-color: #F8F8F8;
	border: 1px solid #DDD;
	color: #CCC;
}
input.invisible {
	border: 0;
	padding: 0;
	background-color: transparent;
	color: inherit;
}

/*----------------------------------------------------------------------------
**  Display image galleries of 100x100-pixel images.
*/

div.thumb_gallery {
	text-align:center;
	margin: 0;
}
div.thumb_gallery span.galleryitem {
	display: -moz-inline-box;
	display: inline-block;
	width: 110px;
	margin: 0px 5px 5px 5px;
	vertical-align: bottom;
}
div.thumb_gallery span.container {
	display: block;
	width: 110px;
	border: 1px solid #FFF;
	padding: 4px 0px 4px 0px;
}
div.thumb_gallery span.picture {
	display: block;
}
div.thumb_gallery span.picture img {
	border:1px solid #339;
}
div.thumb_gallery span.picture img:hover {
	border:1px solid #66C;
}
div.thumb_gallery span.title {
	display: block;
	font-size:10pt;
}
div.thumb_gallery span.descr {
	display:block;
	font-size:9pt;
	color: #666;
}
div.thumb_gallery span.hover span.container {
	background-color: #FFC;
	color: #000;
	border: 1px solid #CC9;
}
div.thumb_gallery span.sel span.container {
	background-color: #C00;
	color: #000;
	border: 1px solid #D77;
}
div.thumb_gallery span.sel span.descr { color: #FF7; }
div.thumb_gallery span.sel a:link { color: #FFF; }
div.thumb_gallery span.sel a:visited { color: #FFF; }
div.thumb_gallery span.sel a:hover { color: #FFF; }
div.thumb_gallery span.sel a:active { color: #FFF; }

/*----------------------------------------------------------------------------
**  Display image galleries of one image per line, with some associated text.
*/

table.wide_gallery {
	border-collapse: collapse;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
table.wide_gallery tr.odd td {
	background-color: #F0F0FF;
	border: 1px solid #CCD;
	padding: 2px 6px;
	color: #000;
}
table.wide_gallery tr.even td {
	background-color: #FFFFFF;
	border: 1px solid #CCD;
	padding: 2px 6px;
	color: #000;
}
table.wide_gallery td.info {
	white-space: nowrap;
}
table.wide_gallery td.text {
	text-align: left;
}
table.wide_gallery tr.hover td {
	background-color: #FFC;
	color: #000;
}
table.wide_gallery tr.sel td {
	background-color: #C00;
	color: #FF7;
}
table.wide_gallery tr.sel a:link { color: #FFF; }
table.wide_gallery tr.sel a:visited { color: #FFF; }
table.wide_gallery tr.sel a:hover { color: #FFF; }
table.wide_gallery tr.sel a:active { color: #FFF; }

/*----------------------------------------------------------------------------
**  Display comic galleries as a list of plain text.
*/

table.list_gallery {
	border-collapse: collapse;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
	width: 100%;
}
table.list_gallery tr.odd td {
	text-align: left;
	background-color: #F0F0FF;
	border: 1px solid #CCD;
	padding: 1px 4px;
	color: #000;
	white-space: nowrap;
}
table.list_gallery tr.even td {
	text-align: left;
	background-color: #FFFFFF;
	border: 1px solid #CCD;
	padding: 2px 4px;
	color: #000;
	white-space: nowrap;
}
table.list_gallery td.text {
	width: 100%;
	overflow: hidden;
}
table.list_gallery div.trunctext {
	width: 100%;
	height: 1.2em;
	overflow: hidden;
}
table.list_gallery tr.hover td {
	background-color: #FFC;
	color: #000;
}
table.list_gallery tr.sel td {
	background-color: #C00;
	color: #FF7;
}
table.list_gallery tr.sel a:link { color: #FFF; }
table.list_gallery tr.sel a:visited { color: #FFF; }
table.list_gallery tr.sel a:hover { color: #FFF; }
table.list_gallery tr.sel a:active { color: #FFF; }

/*----------------------------------------------------------------------------
**  Display links for navigating between gallery pages.
*/

div.pagelinks {
	text-align: center;
	margin-bottom: 1em;
}
div.pagelinks span.info {
	margin-right: 1.0em;
	white-space: nowrap;
}
div.pagelinks span.prev {
	white-space: nowrap;
	font-weight: bold;
}
div.pagelinks span.next {
	white-space: nowrap;
	font-weight: bold;
}
div.pagelinks span.current_page {
	font-weight: bold;
	margin-right: 0.5em;
	font-size: 11pt;
}
div.pagelinks span.ellipsis {
	margin-right: 0.5em;
}
div.pagelinks span.links a {
	margin-right: 0.5em;
}

/*----------------------------------------------------------------------------
**  The "Edit comics" section.
*/

table.admin_managecomics {
	width: 100%;
}
table.admin_managecomics td.comicwrapper {
	width: 100%;
}
table.admin_managecomics .years {
	text-align: center;
	font-size: 10pt;
}
table.admin_managecomics .years_header {
	font-weight: bold;
}
table.admin_managecomics table.arcs {
	border-collapse: collapse;
}
table.admin_managecomics table.arcs td {
	padding: 0;
	white-space: nowrap;
}
table.admin_managecomics table.arcs td.arc_name div {
	margin-left: 8px;
	color: #CCC;
	font-size: 9pt;
}
table.admin_managecomics table.arcs td.arc_name div strong {
	color: #009;
}
table.admin_managecomics table.arcs td.arc_start {
	text-align: right;
	color: #666;
	font-size: 9pt;
}
table.admin_managecomics table.arcs td.arc_end {
	text-align: left;
	color: #666;
	font-size: 9pt;
}
table.admin_managecomics table.arcs th {
	padding: 0;
	text-align: left;
	white-space: nowrap;
}
table.admin_managecomics table.arcs th div {
	margin-top: 8px;
	padding-top: 6px;
	border-top: 1px dotted #999;
	padding-bottom: 2px;
}

table.admin_managecomics table.arcs tr.hover td {
	background-color: #FF9;
}

table.admin_managecomics div.countbar {
	white-space: nowrap;
	font-size: 6px;
}
table.admin_managecomics div.countbar span.title {
	font-size: 10pt;
	margin-right: 0.25em;
	font-weight: bold;
}
table.admin_managecomics div.modebar span.title {
	font-weight: bold;
}
table.admin_managecomics div.modebar {
	margin-top: 6px;
	padding-top: 6px;
	border-top: 1px dotted #999;
	white-space: nowrap;
}
table.admin_managecomics div.adminbar {
	text-align: center;
}

span.displaymode, span.displaymode_sel {
	background-color: #EEF;
	background-repeat: no-repeat;
	vertical-align: middle;
	display: -moz-inline-box;
	display: inline-block;
	width: 38px;
	height: 30px;
	overflow: hidden;
	white-space: nowrap;
	font-size: 1px;
}
span.displaymode { background-image: url("../img/cmx_displaymodes.png"); }
span.displaymode:hover { background-color: #FFF; }
span.displaymode_sel { background-image: url("../img/cmx_displaymodes_sel.png"); }

span.countmode, span.countmode_sel {
	background-color: #EEF;
	display: inline;
	margin-left: 0;
	margin-right: 0;
	padding: 0.1em 0.2em;
	border: 1px solid #EEF;
	font-size: 10pt;
}
span.countmode { }
span.countmode:hover { background-color: #FFF; border: 1px solid #FFF; }
span.countmode a:hover { text-decoration: none; }
span.countmode_sel { background-color: #FFF; font-weight: bold;
	border-top: 1px solid #DDD; border-bottom: 1px solid #BBB;
	border-left: 1px solid #CCC; border-right: 1px solid #CCC; }

/*----------------------------------------------------------------------------
**  The "Post a comic" section.
*/

div.post_error {
	color: #900;
	margin: 1em;
	text-align: center;
	padding-top: 1em;
	border-top: 1px dotted #999;
}
div.admin_post_comic_box {
	width: 100px;
	height: 100px;
	padding: 4px;
	border: 1px solid #CCC;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	background-color: #EEE;
	margin: 1em 2em;
}

div.admin_post_comic_box_info {
	margin: 0;
	padding: 0;
	text-align: center;
}

div.file_input_wrapper {
	position: relative;
	width: 74px;
	height: 20px;
	overflow: hidden;
}

div.file_input_wrapper div.fake_input {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	width: 74px;
	height: 20px;
	background-image: url('../img/cmx_choose.gif');
	background-position: center left;
}
div.file_input_wrapper div.hover {
	background-position: top left;
}
div.file_input_wrapper div.disabled {
	background-position: bottom left;
}
div.file_input_wrapper input {
	position: absolute;
	top: 0;
	right: 0;
	height: 20px;
	text-align: right;
	-moz-opacity: 0.001;
	filter:alpha(opacity: 0.001);
	opacity: 0.001;
	z-index: 2;
}

div.image_uploading {
	background-color: #0413C0;
	color: #FFF;
	height: 48px;
	padding: 26px 0;
	text-align: center;
	width: 100px;
}

/*----------------------------------------------------------------------------
**  The "Edit news" section.
*/

table.admin_managenews {
	width: 100%;
}
table.admin_managenews td.newswrapper {
	width: 100%;
}
table.admin_managenews td.newswrapper td.date {
	white-space: nowrap;
	width: 65px;
	text-align: center;
}
table.admin_managenews td.newswrapper td.author {
	width: 80px;
	text-align: center;
}
table.admin_managenews td.newswrapper tr.hover td {
	background-color: #FFC;
}
table.admin_managenews td.newswrapper tr.sel td {
	background-color: #C00;
}
table.admin_managenews td.newswrapper tr.waiting td {
	background-color: #CCC;
}
table.admin_managenews td.newswrapper tr.disabled td {
	color: #999;
}
table.admin_managenews td.newswrapper tr.disabled td a {
	color: #999;
}

table.admin_managenews div.countbar {
	white-space: nowrap;
}

table.admin_managenews div.yearsmonths div.year {
	font-size: 12pt;
	margin-top: 0.5em;
}
table.admin_managenews div.yearsmonths div.year a {
	color: #000;
}
table.admin_managenews div.yearsmonths div.sel {
	font-weight: bold;
}
table.admin_managenews div.yearsmonths div.sel a {
	color: #009;
}
table.admin_managenews div.yearsmonths span.count {
	font-size: 9pt;
	color: #666;
	padding-left: 0.5em;
}
table.admin_managenews div.yearsmonths div.sel span.count {
	color: #99C;
}
table.admin_managenews div.yearsmonths ul {
	zoom: 1;
	margin: 0;
	padding: 0 0 0 1.0em;
	display: block;
}
table.admin_managenews div.yearsmonths li {
	display: block;
	list-style-type: none;
}
table.admin_managenews div.yearsmonths li span.count {
	color: #99C;
}
table.admin_managenews div.yearsmonths li.highlight {
	display: block;
	list-style-type: none;
	background-color: #FCF0DC;
	font-weight: bold;
	margin-left: -0.5em;
	padding: 1px 0 1px 0.5em;
	border: 1px solid #ECE0CC;
}
table.admin_managenews div.yearsmonths li.highlight a:link { color: #000; }
table.admin_managenews div.yearsmonths li.highlight a:hover { color: #000; }
table.admin_managenews div.yearsmonths li.highlight a:visited { color: #000; }
table.admin_managenews div.yearsmonths li.highlight a:active { color: #000; }
table.admin_managenews div.yearsmonths li.highlight span.count { color: #999; }

table.news_post_recent {
}
table.news_post_recent tr.short, table.news_post_recent tr.long {
}
table.news_post_recent td.sig {
	text-align: center;
	vertical-align: top;
	padding-bottom: 0.5em;
}
table.news_post_recent td.text {
	text-align: left;
	vertical-align: top;
	padding-bottom: 0.5em;
	padding-left: 2.0em;
}
table.news_post_recent span.date {
	font-weight: bold;
	position: relative;
	left: -1.0em;
}

/*----------------------------------------------------------------------------
**  The "Artists' Comments" section.
*/

table.admin_managecomments {
	width: 100%;
}
table.admin_managecomments td.commentswrapper {
	width: 100%;
}
table.admin_managecomments td.commentswrapper td.date {
	white-space: nowrap;
	width: 65px;
	text-align: center;
}
table.admin_managecomments td.commentswrapper td.author {
	width: 80px;
	text-align: center;
}
table.admin_managecomments td.commentswrapper tr.hover td {
	background-color: #FFC;
}
table.admin_managecomments td.commentswrapper tr.sel td {
	background-color: #C00;
}
table.admin_managecomments td.commentswrapper tr.waiting td {
	background-color: #CCC;
}
table.admin_managecomments td.commentswrapper tr.disabled td {
	color: #999;
}
table.admin_managecomments td.commentswrapper tr.disabled td a {
	color: #999;
}

table.admin_managecomments div.countbar {
	white-space: nowrap;
}

table.admin_managecomments div.yearsmonths div.year {
	font-size: 12pt;
	margin-top: 0.5em;
}
table.admin_managecomments div.yearsmonths div.year a {
	color: #000;
}
table.admin_managecomments div.yearsmonths div.sel {
	font-weight: bold;
}
table.admin_managecomments div.yearsmonths div.sel a {
	color: #009;
}
table.admin_managecomments div.yearsmonths span.count {
	font-size: 9pt;
	color: #666;
	padding-left: 0.5em;
}
table.admin_managecomments div.yearsmonths div.sel span.count {
	color: #99C;
}
table.admin_managecomments div.yearsmonths ul {
	zoom: 1;
	margin: 0;
	padding: 0 0 0 1.0em;
	display: block;
}
table.admin_managecomments div.yearsmonths li {
	display: block;
	list-style-type: none;
}
table.admin_managecomments div.yearsmonths li span.count {
	color: #99C;
}
table.admin_managecomments div.yearsmonths li.highlight {
	display: block;
	list-style-type: none;
	background-color: #FCF0DC;
	font-weight: bold;
	margin-left: -0.5em;
	padding: 1px 0 1px 0.5em;
	border: 1px solid #ECE0CC;
}
table.admin_managecomments div.yearsmonths li.highlight a:link { color: #000; }
table.admin_managecomments div.yearsmonths li.highlight a:hover { color: #000; }
table.admin_managecomments div.yearsmonths li.highlight a:visited { color: #000; }
table.admin_managecomments div.yearsmonths li.highlight a:active { color: #000; }
table.admin_managecomments div.yearsmonths li.highlight span.count { color: #999; }

/*----------------------------------------------------------------------------
**  Calendars.
*/

div.calendar_gallery {
	text-align:center;
	margin: 0;
}
div.calendar_gallery span.galleryitem {
	display: -moz-inline-box;
	display: inline-block;
	width: 164px;
	height: 191px;
	margin: 5px;
	vertical-align: bottom;
}
span.calendar {
	display: block;
	border: 2px solid #E0E0E0;
	width: 164px;
	padding: 0;
	background-color: #E0E0E0;
}
table.calendar {
	background-color: #E0E0E0;
	color: #000;
	overflow: hidden !important;
	white-space: nowrap;
	text-align: center;
	border-collapse: separate;
	border-spacing: 0;
	padding: 0;
	margin: 0;
	width: 100%;
	table-layout: fixed;
}
table.calendar col { width: 14% !important; }
table.calendar tr { height: 23px !important; }
table.calendar tr.columns { height: 0 !important; }

table.calendar th {
	font: 9pt Tahoma, Arial, Helv, Helvetica, sans;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	background-color: #E0E0E0;
	border: 1px solid #E0E0E0;
	padding: 1px 0 2px 0;
	height: 23px !important;
	overflow: hidden !important;
}
table.calendar td {
	font: 9pt Tahoma, Arial, Helv, Helvetica, sans;
	font-weight: normal;
	text-align: center;
	white-space: nowrap;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	padding: 1px 0 2px 0;
	color: #E8E8E8;
	height: 23px !important;
	background-color: #FFF;
	overflow: hidden !important;
}

table.calendar tr.days th {
	color: #777;
	font-weight: bold;
	background-color: #E8E8E8;
	border-bottom: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}
table.calendar th.month {
	color: #0A0A0A;
	font-size: 10.5pt;
	background-color: #FFFFFF;
	border-top: 1px solid #E5E5E5;
	border-left: 1px solid #E5E5E5;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}
table.calendar th.prevmonth, table.calendar th.nextmonth {
	color: #777;
	background-color: #E8E8E8;
	border-bottom: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}

table.calendar td.xnocomic {
	color: #CCC;
}
table.calendar td.xcomic {
	font-weight: bold;
	color: #777;
}
table.calendar td.noday {
	color: #000;
}

table.calendar td.xcomic, table.calendar td.xnocomic, table.calendar td.noday {
	background-color: #E8E8E8;
	border-bottom: 1px solid #B9B9B9;
	border-right: 1px solid #B9B9B9;
	border-top: 1px solid #D1D1D1;
	border-left: 1px solid #D1D1D1;
}

table.calendar td.bg_blk  { font-weight: bold; background-color: #000; }
table.calendar td.bg_red  { font-weight: bold; background-color: #900; }
table.calendar td.bg_brn  { font-weight: bold; background-color: #950; }
table.calendar td.bg_dyel { font-weight: bold; background-color: #660; }
table.calendar td.bg_grn  { font-weight: bold; background-color: #060; }
table.calendar td.bg_daqu { font-weight: bold; background-color: #099; }
table.calendar td.bg_blue { font-weight: bold; background-color: #009; }
table.calendar td.bg_dvio { font-weight: bold; background-color: #909; }
table.calendar td.bg_wht  { font-weight: bold; background-color: #FFF;    }
table.calendar td.bg_pink { font-weight: bold; background-color: #FFE8E8; }
table.calendar td.bg_tan  { font-weight: bold; background-color: #FFF0E0; }
table.calendar td.bg_yel  { font-weight: bold; background-color: #FFC; }
table.calendar td.bg_lgrn { font-weight: bold; background-color: #E8FFE8; }
table.calendar td.bg_laqu { font-weight: bold; background-color: #E8FFFF; }
table.calendar td.bg_lblu { font-weight: bold; background-color: #E8F0FF; }
table.calendar td.bg_lvio { font-weight: bold; background-color: #FFE0FF; }
table.calendar td.bg_lgry { font-weight: bold; background-color: #EEE; }
table.calendar td.bg_dgry { font-weight: bold; background-color: #666; }
table.calendar td.bg_gray { font-weight: bold; background-color: #999; }
table.calendar td.bg_dred { font-weight: bold; background-color: #400; }

table.calendar td.hover { background-color: #FF7; }

table.calendar a { display: block; min-width: 19px; text-align: center; }
table.calendar a:link { text-decoration: none; color: #777; }
table.calendar a:visited { text-decoration: none; color: #777; }
table.calendar a:hover { text-decoration: underline; color: #000; }
table.calendar a:active { text-decoration: underline; color: #000; }

table.calendar td.tx_blk , table.calendar td.tx_blk  a:link, table.calendar td.tx_blk  a:visited { text-decoration: none; color: #000; }
table.calendar td.tx_red , table.calendar td.tx_red  a:link, table.calendar td.tx_red  a:visited { text-decoration: none; color: #900; }
table.calendar td.tx_brn , table.calendar td.tx_brn  a:link, table.calendar td.tx_brn  a:visited { text-decoration: none; color: #950; }
table.calendar td.tx_dyel, table.calendar td.tx_dyel a:link, table.calendar td.tx_dyel a:visited { text-decoration: none; color: #660; }
table.calendar td.tx_grn , table.calendar td.tx_grn  a:link, table.calendar td.tx_grn  a:visited { text-decoration: none; color: #060; }
table.calendar td.tx_daqu, table.calendar td.tx_daqu a:link, table.calendar td.tx_daqu a:visited { text-decoration: none; color: #099; }
table.calendar td.tx_blue, table.calendar td.tx_blue a:link, table.calendar td.tx_blue a:visited { text-decoration: none; color: #009; }
table.calendar td.tx_dvio, table.calendar td.tx_dvio a:link, table.calendar td.tx_dvio a:visited { text-decoration: none; color: #909; }
table.calendar td.tx_wht , table.calendar td.tx_wht  a:link, table.calendar td.tx_wht  a:visited { text-decoration: none; color: #FFF; }
table.calendar td.tx_pink, table.calendar td.tx_pink a:link, table.calendar td.tx_pink a:visited { text-decoration: none; color: #FFE8E8; }
table.calendar td.tx_tan , table.calendar td.tx_tan  a:link, table.calendar td.tx_tan  a:visited { text-decoration: none; color: #FFF0E0; }
table.calendar td.tx_yel , table.calendar td.tx_yel  a:link, table.calendar td.tx_yel  a:visited { text-decoration: none; color: #FFC; }
table.calendar td.tx_lgrn, table.calendar td.tx_lgrn a:link, table.calendar td.tx_lgrn a:visited { text-decoration: none; color: #E8FFE8; }
table.calendar td.tx_laqu, table.calendar td.tx_laqu a:link, table.calendar td.tx_laqu a:visited { text-decoration: none; color: #E8FFFF; }
table.calendar td.tx_lblu, table.calendar td.tx_lblu a:link, table.calendar td.tx_lblu a:visited { text-decoration: none; color: #E8F0FF; }
table.calendar td.tx_lvio, table.calendar td.tx_lvio a:link, table.calendar td.tx_lvio a:visited { text-decoration: none; color: #FFE0FF; }
table.calendar td.tx_lgry, table.calendar td.tx_lgry a:link, table.calendar td.tx_lgry a:visited { text-decoration: none; color: #EEE; }
table.calendar td.tx_dgry, table.calendar td.tx_dgry a:link, table.calendar td.tx_dgry a:visited { text-decoration: none; color: #666; }
table.calendar td.tx_gray, table.calendar td.tx_gray a:link, table.calendar td.tx_gray a:visited { text-decoration: none; color: #999; }
table.calendar td.tx_dred, table.calendar td.tx_dred a:link, table.calendar td.tx_dred a:visited { text-decoration: none; color: #400; }

table.calendar td.tx_blk a:hover, table.calendar td.tx_blk a:active,
	table.calendar td.tx_red  a:hover, table.calendar td.tx_red  a:active,
	table.calendar td.tx_brn  a:hover, table.calendar td.tx_brn  a:active,
	table.calendar td.tx_dyel a:hover, table.calendar td.tx_dyel a:active,
	table.calendar td.tx_grn  a:hover, table.calendar td.tx_grn  a:active,
	table.calendar td.tx_daqu a:hover, table.calendar td.tx_daqu a:active,
	table.calendar td.tx_blue a:hover, table.calendar td.tx_blue a:active,
	table.calendar td.tx_dvio a:hover, table.calendar td.tx_dvio a:active,
	table.calendar td.tx_wht  a:hover, table.calendar td.tx_wht  a:active,
	table.calendar td.tx_pink a:hover, table.calendar td.tx_pink a:active,
	table.calendar td.tx_tan  a:hover, table.calendar td.tx_tan  a:active,
	table.calendar td.tx_yel  a:hover, table.calendar td.tx_yel  a:active,
	table.calendar td.tx_lgrn a:hover, table.calendar td.tx_lgrn a:active,
	table.calendar td.tx_laqu a:hover, table.calendar td.tx_laqu a:active,
	table.calendar td.tx_lblu a:hover, table.calendar td.tx_lblu a:active,
	table.calendar td.tx_lvio a:hover, table.calendar td.tx_lvio a:active,
	table.calendar td.tx_lgry a:hover, table.calendar td.tx_lgry a:active,
	table.calendar td.tx_dgry a:hover, table.calendar td.tx_dgry a:active,
	table.calendar td.tx_gray a:hover, table.calendar td.tx_gray a:active,
	table.calendar td.tx_dred a:hover, table.calendar td.tx_dred a:active
	{ text-decoration: underline; color: #000; }

/*----------------------------------------------------------------------------
**  Popup menus.  This uses the "even more rounded borders" technique
**  described at http://www.schillmania.com/projects/dialog2/
**  Big thanks to Scott Schiller for figuring out how to do this!
*/

div.magic_menu {
	position:absolute;
	margin:0px auto;
	min-width:20px;
	max-width:450px; /* based on image dimensions - not quite consistent with drip styles yet */
	color:#fff;
	z-index:1;
	margin-left:8px; /* default, width of left corner */
	margin-bottom:0.5em; /* spacing under dialog */
	text-align: left;
}

div.magic_menu .content,
div.magic_menu .t,
div.magic_menu .b,
div.magic_menu .b div {
	background:transparent url('../adminimg/admin_popup.png') no-repeat top right;
	_background-image:url('../adminimg/admin_popup.gif');
}

div.magic_menu .content {
	position:relative;
	zoom:1;
	_overflow-y:hidden;
	padding:8px 8px 0px 0px;
}

div.magic_menu .t {
	/* top+left vertical slice */
	position:absolute;
	left:0px;
	top:0px;
	width:8px; /* top slice width */
	margin-left:-8px;
	height:100%;
	_height:1600px; /* arbitrary long height, IE 6 */
	background-position:top left;
}

div.magic_menu .b {
	/* bottom */
	position:relative;
	width:100%;
}

div.magic_menu .b,
div.magic_menu .b div {
	height:8px; /* height of bottom cap/shade */
	font-size:1px;
}

div.magic_menu .b {
	background-position:bottom right;
}

div.magic_menu .b div {
	position:relative;
	width:8px; /* bottom corner width */
	margin-left:-8px;
	background-position:bottom left;
}

div.magic_menu .hd,
div.magic_menu .bd,
div.magic_menu .ft {
	position:relative;
}

div.magic_menu .wrapper {
	/* extra content protector - preventing vertical overflow (past background) */
	position:static;
	max-height:450px;
}

div.magic_menu a { display: block; padding: 0px 4px 1px 4px; }
div.magic_menu a:link { color: #FFF; }
div.magic_menu a:visited { color: #FFF; }
div.magic_menu a:hover { color: #FFF; background-color: #66F; text-decoration: none; }
div.magic_menu a:active { color: #FFF; background-color: #66F; text-decoration: none; }

div.magic_menu cite { display: block; padding: 0px 4px 1px 4px; color: #99C; text-decoration: none;
	font-style: normal; font-variant: normal; font-weight: normal; cursor: default; }

div.magic_menu ul {
	display: block;
	margin: 0 0 0 0;
	padding: 0;
	text-align: left;
	font: 9pt Arial,Helv,Helvetica,sans;
	color: #EEF;
}
div.magic_menu li {
	display: block;
	margin: 0;
	padding: 0;
}
div.magic_menu ul.botsep {
	margin-bottom: 5px;
	padding-bottom: 4px;
	border-bottom: 1px dotted #99C;
}

/*----------------------------------------------------------------------------
**  Content in a dialog box.
*/

div.dialog_content {
	text-align: left;
	font: 10pt Arial,Helv,Helvetica,sans;
	color: #FFF;
	background-color: #339;
	padding: 0 1.0em 0 1.0em;
	margin: 0;
	overflow: hidden;
}

.cmxpress_dialog_button {
	text-align: center;
	font: 10pt Arial,Helv,Helvetica,sans;
	font-weight: bold;
	margin: 0.5em 1.0em 0 0;
}

div.dialog_content a:link { color: #CCF; }
div.dialog_content a:visited { color: #CCF; }
div.dialog_content a:hover { color: #FFF; text-decoration: underline; }
div.dialog_content a:active { color: #F77; text-decoration: underline; }

div.dialog_content h3 {
	font: 12pt Arial,Helv,Helvetica,sans;
	font-weight: bold;
}

div.dialog_content div.dialog_comic_list h4 {
	font-size: 10pt;
	font-weight: bold;
	margin: 0;
	margin-top: 0.5em;
}
div.dialog_content div.dialog_comic_list ul {
	margin: 0;
	padding: 0;
}
div.dialog_content div.dialog_comic_list li {
	display: block;
	margin: 0;
	padding: 0;
	margin-left: 1.0em;
}

/*----------------------------------------------------------------------------
**  Clocks on the date/time page.
*/

table.clocks {
	border-collapse: collapse;
	margin-left: auto;
	margin-right: auto;
}
table.clocks td {
	margin-bottom: 0.5em;
	text-align: left;
}

/*----------------------------------------------------------------------------
**  Arcs and groups on the arcs/groups page.
*/

#arcs_groups div.min_width {
	width: 670px;
	height: 1px;
}
#order_arcs_groups {
	display: block;
}
#order_arcs_groups div.group {
	display: block;
	float: left;
	margin: 6px 4px;
	text-align: left;
	width: 205px;
}
#order_arcs_groups div.group h3 {
	display: inline;
	background-color: #66C;
	color: #FFF;
	font-weight: bold;
	font-size: 11pt;
	margin: 0;
	padding: 1px 12px 2px;
	cursor: move;
}
#order_arcs_groups ul {
	display: block;
	border-top: 2px solid #66C;
	border-left: 2px solid #66C;
	border-bottom: 2px solid #E6E6FF;
	border-right: 2px solid #E6E6FF;
	background-color: #CCF;
	padding: 4px;
	margin: 0;
	color: #000;
	cursor: move;
}
#order_arcs_groups li.arc, #order_arcs_groups li.arc2 {
	display: block;
	font-weight: normal;
	font-size: 10pt;
	padding: 0 5px 0 3px;
	margin: 0;
	border: 1px solid #BBE;
	border-left: 4px solid #66C;
	height: 18px;
	width: 180px;
	cursor: move;
	white-space: nowrap;
	clear: both;
}
#order_arcs_groups li.arc {
	background-color: #FFF;
	color: #202020;
}
#order_arcs_groups li.arc2 {
	background-color: #FFF4E8;
	color: #000;
}
#order_arcs_groups span.title {
	display: block;
	float: left;
	width: 140px;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
}
#order_arcs_groups span.info {
	display: block;
	float: right;
	position: relative;
	top: 3px;
	left: 2px;
	width: 35px;
	height: 12px;
	font-size: 7pt;
	overflow: show;
	white-space: nowrap;
	text-align: right;
	color: #999;
	margin: 0;
	padding: 0;
}

/*
#order_arcs_groups span.title {
	display: -moz-inline-box;
	display: inline-block;
	width: 140px;
	height: 18px;
	overflow: hidden;
	white-space: nowrap;
	text-align: left;
	margin: 0;
	padding: 0;
}
#order_arcs_groups span.info {
	display: -moz-inline-box;
	display: inline-block;
	width: 40px;
	height: 18px;
	font-size: 7pt;
	overflow: show;
	white-space: nowrap;
	text-align: right;
	color: #999;
	margin: 0;
	padding: 0;
}
*/

/*----------------------------------------------------------------------------
**  User information/settings on a user-admin page.
*/

div.userdescr {
	font-size: 12pt;
	margin-top: 8px;
}
h3.userinfo {
	font-size: 12pt;
	font-weight: bold;
	text-decoration: underline;
	margin: 4px 0;
}
table.userinfo {
	border-collapse: collapse;
}
table.userinfo td {
	text-align: left;
	padding: 1px 0 1px 12px;
	margin: 0;
}
table.userinfo th {
	font-weight: bold;
	text-align: left;
	padding: 1px 0 1px 12px;
	margin: 0;
}

div.password_strength {
	width: 16.5em;
	text-align: left;
	overflow: visible;
	white-space: nowrap;
}

table.users a.b { font-weight: bold !important; }

table.users a.normal { color: #009 !important; }
table.users a.disabled { color: #C00 !important; }
table.users a.readonly { color: #C90 !important; }

table.users tr.sel a.normal { color: #FF8 !important; }
table.users tr.sel a.disabled { color: #F88 !important; }
table.users tr.sel a.readonly { color: #FB0 !important; }

/*----------------------------------------------------------------------------
**  Template chooser.
*/

ul.template_list {
	display: block;
	margin: 0;
	padding: 0;
}
ul.template_list li {
	display: block;
	margin: 0 1em 0.5em 0.5em;
	padding: 0;
	background-color: #FFF;
	border: 1px solid #FFF;
}
ul.template_list div.thumb {
	float: right;
	margin: 0.25em 1em;
	padding: 0;
}
ul.template_list div.thumb img {
	border: 1px solid #999;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
}
ul.template_list div.title {
	padding-left: 0.5em;
	padding-bottom: 0.25em;
}
ul.template_list span.title {
	font-size: 16pt;
	padding-left: 0.25em;
}
ul.template_list span.author {
	padding-left: 1em;
	font-size: 10pt;
}
ul.template_list div.descr {
	color: #666;
	padding-left: 3.5em;
	padding-right: 1em;
	padding-bottom: 0.5em;
}
ul.template_list li.original {
	background-color: #FFF7E0;
	border-top: 1px solid #F7F0D0;
	border-bottom: 1px solid #F7F0D0;
}
ul.template_list li.sel {
	background-color: #DED;
	border-top: 1px solid #CDC;
	border-bottom: 1px solid #CDC;
}

/*----------------------------------------------------------------------------
**  Visitor statistics.
*/

div.stats_menu { margin: 0.667em 0 0.5em 0; }
div.stats_menu a.first { border-left: 0; }
div.stats_menu span { border: 1px solid #CC9; background-color: #FFC;
	font-weight: bold; padding: 0.25em 0.5em; }
div.stats_menu a { border-left: 1px solid #CCC; padding: 0.25em 0.5em; }

/*----------------------------------------------------------------------------
**  Sortable menus.
*/

div.order_menu_items {
	display: block;
	border: 1px solid #999;
	margin: 0.25em 1em 1em 1em;
	width: 320px;
/*	height: 480px;
	overflow: auto; */
}
div.order_menu_items_inner {
	padding: 8px 16px 1px 4px;
	background-color: #E8E8F0;
}
ul.sortable_menu {
	display: block;
	margin: 0; border: 0; padding: 0;
}
ul.sortable_menu li {
	display: block;
	margin: -1px 0px -1px 10px;
}
ul.sortable_menu span.name { display: inline-block; background-color: #FFF; border: 1px solid #CCC; padding: 1px 10px; margin-right: -1px; }
ul.sortable_menu span.submenu { font-weight: bold; background-color: #FFC; color: #000; padding: 1px 15px 1px 5px; }
ul.sortable_menu span.plugin { color: #339; background-color: #F4F4FC; }
ul.sortable_menu li.space span.space { background-color: #F4F4FC; }
ul.sortable_menu li.space { font-size: 3px; height: 8px; overflow: hide; }
ul.sortable_menu li.sep span.sep { background-color: #667; }
ul.sortable_menu li.sep { font-size: 3px; height: 8px; overflow: hide; }
ul.sortable_menu li.topmost { }
div.order_menu_items ul.topmost li { margin-bottom: 8px; }
div.order_menu_items ul.notopmost li { margin-bottom: -1px; }
ul.sortable_menu a.toggle { display: inline-block; width: 12px; height: 12px;
	background: url("../adminimg/admin_droptri.gif") 0px 0px; border:0; padding:0; margin:0; text-decoration: none; }
ul.sortable_menu a.down:link { background-position: 0px 1px; }
ul.sortable_menu a.down:visited { background-position: 0px 1px; }
ul.sortable_menu a.down:hover { background-position: -12px 1px; }
ul.sortable_menu a.down:active { background-position: -12px 1px; }
ul.sortable_menu a.right:link { background-position: -24px 0px; }
ul.sortable_menu a.right:visited { background-position: -24px 0px; }
ul.sortable_menu a.right:hover { background-position: -36px 0px; }
ul.sortable_menu a.right:active { background-position: -36px 0px; }

ul.sortable_menu li.sel { margin: -2px -1px -2px 9px; }
ul.sortable_menu li.sel span.sel { border: 2px solid #000; }

/*----------------------------------------------------------------------------
**  AJAX content on the repair page.
*/

div.repair_results div {
	margin-left: 2em;
	text-indent: -1em;
	min-height: 1em;
}

/*----------------------------------------------------------------------------
**  The tracking list on the tracking tab of the site-settings page.
*/

div.admin_tracking_setting div.title {
	display: table-row;
	border-collapse: collapse;
	width: 100%;
}
div.admin_tracking_setting div.title span.check {
	display: table-cell;
	padding-right: 0.5em;
	padding-left: 0.5em;
	vertical-align: middle;
}
div.admin_tracking_setting div.title span.descr {
	display: table-cell;
	width: 100%;
	vertical-align: middle;
}
div.admin_tracking_setting div.title span.stats {
	display: table-cell;
	text-align: right;
	white-space: nowrap;
	vertical-align: middle;
	padding-right: 1em;
	color: #999;
}
div.admin_tracking_setting div.help {
	margin-left: 3em;
	margin-bottom: 1em;
	color: #666;
}

/*----------------------------------------------------------------------------
**  The general structure and layout of a "settings" page.
*/

table.settings {
	border-collapse: collapse;
}
table.settings thead th {
	font-weight: bold;
	font-size: 12pt;
	border-bottom: 1px dotted #66C;
	padding-top: 1.0em;
}
table.settings tbody td  {
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	vertical-align: top;
}
table.settings tbody tr.changed td div.title {
	color: #900;
}
table.settings tbody td div.title {
	padding-top: 0.2em;
	font-weight: bold;
	margin-left: 1em;
	width: 15em;
	position: relative;
}
table.settings tbody td div.title span.change_arrow {
	position: absolute;
	top: 0.075em;
	left: -1.125em;
	color: #C66;
	font-size: 12pt;
}
table.settings tbody td div.descr {
	font-size: 9pt;
	color: #666;
	margin-left: 2em;
	width: 14em;
}

/*----------------------------------------------------------------------------
**  Tips of the day on the status page.
*/

ol.tipsoftheday {
	height: 328px;
	overflow: auto;
	text-align: left;
	padding-right: 1em;
}
ol.tipsoftheday li {
	margin-bottom: 0.667em;
}
ol.tipsoftheday a:link { color: #CCF; }
ol.tipsoftheday a:visited { color: #CCF; }
ol.tipsoftheday a:hover { color: #FFF; text-decoration: underline; }
ol.tipsoftheday a:active { color: #F77; text-decoration: underline; }

div.bbcode_help { text-align: center; }

div.bbcode_help a:link { color: #339; text-decoration: none; }
div.bbcode_help a:visited { color: #339; text-decoration: none; }
div.bbcode_help a:hover { color: #66C; text-decoration: underline; }
div.bbcode_help a:active { color: #F00; text-decoration: underline; }

div.bbcode_help_smileys a:link { position: relative; top: 0px; }
div.bbcode_help_smileys a:visited { position: relative; top: 0px; }
div.bbcode_help_smileys a:hover { position: relative; top: -1px; }
div.bbcode_help_smileys a:active { position: relative; top: 0px; }

/*----------------------------------------------------------------------------
**  Calendar date-select widget.
*/

.calendar_date_select {
  color:white;
  border:#777 1px solid;
  display:block;
  width:195px;
  z-index: 1000;
}

/* This is a fun ie6 hack to get drop downs to stay behind the popup window.
   This should always be just underneath .calendar_date_select */
iframe.ie6_blocker {
  position: absolute;
  z-index: 999;
}

.calendar_date_select  thead th {
  font-weight:bold;
  background-color: #000;
  border-top:1px solid #777;
  border-bottom:2px solid #334;
  color: white !important;
}

.calendar_date_select .cds_buttons {
  text-align:center;
  padding:5px 0px;
  background-color: #000055;
}

.calendar_date_select .cds_footer {
  background-color: black;
  padding:3px;
  font-size:12px;
  text-align:center;
}

.calendar_date_select table {
  margin: 0px;
  padding: 0px;
}


.calendar_date_select .cds_header {
  background-color: #ccc;
  border-bottom: 2px solid #aaa;
  text-align:center;
}

.calendar_date_select .cds_header span {
  font-size:15px;
  color: black;
  font-weight: bold;
}

.calendar_date_select select { font-size:11px;}

.calendar_date_select .cds_header a:hover {
  color: white;
}
.calendar_date_select .cds_header a {
  width:22px;
  height:20px;
  text-decoration: none;
  font-size:14px;
  color:black !important;
}

.calendar_date_select .cds_header a.prev {
  float:left;
}

.calendar_date_select .cds_header a.next {
  float:right;
}

.calendar_date_select .cds_header a.close {
  float:right;
  display:none;
}


.calendar_date_select .cds_header select.month {
  width:90px;
}

.calendar_date_select .cds_header select.year {
  width:61px;
}

.calendar_date_select .cds_buttons a {
  color: white;
  font-size: 9px;
}

.calendar_date_select td {
  background-color: #000066;
  font-size:12px;
  width: 24px;
  height: 21px;
  text-align:center;
  vertical-align: middle;
}
.calendar_date_select td.weekend {
  background-color: #00005a;
}

.calendar_date_select td div.other {
  color: #4C5593;
}

.calendar_date_select tbody td {
  border-bottom: 1px solid #000044;
}
.calendar_date_select td.selected {
  background-color:white;
  color:black;
}

.calendar_date_select td:hover {
  background-color:#ccc;
}

.calendar_date_select td.disabled div {
  color: #000044;
}
.calendar_date_select td.today {
  border: 1px dashed blue;
}

.fieldWithErrors .calendar_date_select {
  border: 2px solid red;
}