html, body {
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
 	color: #4a5a6a;
	background-color: #fafafc;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
}

a {
	text-decoration: none;
	color: #3c7ce8;
}

a:hover {
	text-decoration: underline;
	color: #90b8ff;
}

a img,
a:hover img {
	border: 0;
	margin: 0;
	padding: 0;
	text-decoration: none;
}

h1, h2, h3, h4 {
	margin: 4px;
	padding: 4px;
}
h1 {
	font-size: 22px;
	letter-spacing: -1px;
}
h2 {
	font-size: 17px;
	letter-spacing: -1px;
}
h3 {
	font-size: 16px;
}
h4 {
	font-size: 12px;
}

hr {
	height: 1px;
	color: #a2acbe;
}

img {
	border: 0;
	padding: 0;
}

ol.def {
	margin-top: 0;
	padding-top: 0;
}

ul.misclinks {
	margin-top: 4px;
	list-style-position: outside;
	list-style-type: disc;
	list-style-image: url('../gfx/ul_bullet.gif');
}
ul.misclinks li {
	margin-left: 14px;
	margin-bottom: 2px;
	color: #5e6874;
	font-size: 11px;
}

ul.biglist {
	margin-top: 10px;
	margin-left: 50px;
	list-style-position: outside;
	list-style-type: disc;
	font-size: 22px;
	font-weight: bold;
	letter-spacing: -1px;
}
ul.biglist li {
	margin-top: 8px;
}
ul.biglist li a:hover {
	text-decoration: none;
}

ul.sublist {
	padding-top: 0;
	padding-left: 10px;
	list-style-type: none;
}
ul.sublist li {
	font-size: 11px;
}

.bigger,
span.bigger {
	font-size: 140%;
	font-weight: bold;
}

code,
.code {
	font-size: 11px;
	font-family: "courier new", courier, mono;
}

.con_col {
	border-right: 1px solid #a2acbe;
}

.con_col_ul {
	background: #fafafc url('../gfx/back_col_right.jpg') repeat-y;
}

#copyright {
	color: #c8dcfa;
	text-align: center;
}

#copyright a {
	color: #c8dcfa;
}

#copyright a:hover {
	background-color: black;
	border: 1px solid white;
	text-decoration: none;
}

.def_tbl {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}

.def_tbl td {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

.narrow_break {
	margin-top: 7px;
}

.noshow {
	display: none;
	visibility: hidden;
}

a.professional {
	text-decoration: none;
}

a.professional:hover {
	text-decoration: none;
}

.rss_failed {
	margin: 10px;
	margin-left: 20px;
	color: #768492;
}

.strike {
	text-decoration: line-through;
}

.ul_header {
	margin-left: -12px;
	margin-bottom: 10px;
	color: #728090;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
	text-align: center;
}

.ul_header img {
	position: relative;
	top: 8px;
}

#week_quo {
	margin: 3px 3px;
	padding: 4px 4px 8px 8px;
	color: #565a64;
	font-family: verdana,arial,sans-serif;
	font-size: 10px;
	letter-spacing: -1px;
}

/* //////////////////////////////////////////////////////////////////////////////// */
/* start page layout */

#wrapper {
	width: 100%;
	height: 100%;
	background: #fafafc url('../gfx/back_main.jpg') repeat-y 177px 0;
/*	display: table; */
}
#wrap_noside {
	padding-left: 14px;
	background: white url('../gfx/back_noside.jpg') repeat-x;
}

#content {
	height: 100%;
	margin-top: -81px;
}

/* needed to make room for header */
.clearheader {
	height: 90px;
/*	border: 1px solid black; */
}

#header_red,
#header_orange,
#header_yellow,
#header_lime,
#header_green,
#header_blue,
#header_magenta,
#header_black {
/* firefox doesn't use parent's width if position:absolute is used (which means header won't span entire page width) */
	margin: 0;
	padding: 0;
	width: 100%;
	height: 81px;
/* z-index requires position:something */
	position: relative;
	top: 0;
	left: 0;
	z-index: 1001;
}
#header_red { background: black url('../gfx/header/fill/red.gif') repeat-x; }
#header_orange { background: black url('../gfx/header/fill/orange.gif') repeat-x; }
#header_yellow { background: black url('../gfx/header/fill/yellow.gif') repeat-x; }
#header_lime { background: black url('../gfx/header/fill/lime.gif') repeat-x; }
#header_green { background: black url('../gfx/header/fill/green.gif') repeat-x; }
#header_blue { background: black url('../gfx/header/fill/blue.gif') repeat-x; }
#header_magenta { background: black url('../gfx/header/fill/magenta.gif') repeat-x; }
#header_black { background: black url('../gfx/header/fill/black.gif') repeat-x; }

#header_shadow {
/* firefox doesn't use parent's width if position:absolute is used (which means header won't span entire page width) */
	position: relative;
	top: 23px;
	left: 0px;
	width: 100%;
	height: 9px;
	margin: 0;
	padding: 0;
	border: 0;
	background: url('../gfx/header/shadow.png') repeat-x;
	z-index: 1002;
}

#sider {
/* background property specified in php code, so it's commented out below */
/*	background: black url('../gfx/sider/blue_summer_night.jpg') no-repeat 0 81px; */
	border-right: 1px solid black;
}

#footer {
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-bottom: 0;
	width: 100%;
/* NO HEIGHT ATTRIBUTE */
	color: #d0d4d8;
	border-top: 1px solid #575757;
	background: black url('../gfx/back_footer.gif') repeat-x;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

#footer a {
	color: #d0d4d8;
}

#footer a:hover {
}

#footer #legal {
	color: #7696cc;
}

/* end page layout */


/* //////////////////////////////////////////////////////////////////////////////// */
/* start form styles */

form {
	margin: 0;
	padding: 0;
}

button, input, select, .textinput {
	font-family: geneva,verdana,arial,sans-serif;
	font-size: 9px;
}

button {
	margin: 2px;
	color: #404448;
}

input {
	color: #404448;
}

input:unknown {
	background: #ffffff;
	border: #878787 1px solid;
}

.frm_elem, .code_new {
	display: inline;
	position: absolute;
	left: 110px;
}

.frm_param {
	display: inline;
	padding-top: 3px;
}

.param {
	display: inline;
}

#upd_conf {
	margin-left: 84px;
	margin-top: 20px;
}

/* end form styles */


/* //////////////////////////////////////////////////////////////////////////////// */
/* start overlib styles */

#overDiv {
	position: absolute;
	visibility: hidden;
	z-index: 1004;
}

.overlib_fg_orange,
.overlib_fg_yellow,
.overlib_fg_green,
.overlib_fg_blue,
.overlib_fg_magenta,
.overlib_fg_black {
	margin: 0;
	padding: 0;
	text-align: left;
}
.overlib_fg_orange {
	background: #ff963d url('../gfx/ol/fg_back_orange.gif') repeat-x;
	border-top: 1px solid #aa7f2c;
}
.overlib_fg_yellow {
	background: #febb37 url('../gfx/ol/fg_back_yellow.gif') repeat-x;
	border-top: 1px solid #aaa62c;
}
.overlib_fg_green {
	background: #93f876 url('../gfx/ol/fg_back_green.gif') repeat-x;
	border-top: 1px solid #30aa2c;
}
.overlib_fg_blue {
	background: #7297ff url('../gfx/ol/fg_back_blue.gif') repeat-x;
	border-top: 1px solid #5088e0;
}
.overlib_fg_magenta {
	background: #ff87ff url('../gfx/ol/fg_back_magenta.gif') repeat-x;
	border-top: 1px solid #c446c4;
}
.overlib_fg_black {
	background: #9ea2af url('../gfx/ol/fg_back_black.gif') repeat-x;
	border-top: 1px solid #828486;
}

.overlib_bg {
	margin: 0;
	padding: 0;
	border: 2px solid black;
	text-align: center;
	background: #1b1b1b url('../gfx/ol/bg_back.gif') repeat-x
}

/* end overlib styles */


/* //////////////////////////////////////////////////////////////////////////////// */
/* start info_box styles */

.info_box_red,
.info_box_orange,
.info_box_yellow,
.info_box_lime,
.info_box_green,
.info_box_blue,
.info_box_magenta,
.info_box_black {
	padding: 4px;
}
.info_box_red,
.hover_box_red a:hover {
	border: 1px solid #dd8f9b;
	background-color: #fff7f7;
	color: #a40c3e;
}
.info_box_orange,
.hover_box_orange a:hover {
	border: 1px solid #ca9278;
	background-color: #fffcf7;
	color: #a2500c;
}
.info_box_yellow,
.hover_box_yellow a:hover {
	border: 1px solid #deba75;
	background-color: #fffef4;
	color: #965a0a;
}
.info_box_lime,
.info_box_green,
.hover_box_lime a:hover ,
.hover_box_green a:hover  {
	border: 1px solid #9dcb90;
	background-color: #f6fdf7;
	color: #28830b;
}
.info_box_blue,
.hover_box_blue a:hover  {
	border: 1px solid #b0c6e8;
	background-color: #f4f8ff;
	color: #5678ba;
}
.info_box_magenta,
.hover_box_magenta a:hover  {
	border: 1px solid #b464ad;
	background-color: #fff5ff;
	color: #781486;
}
.info_box_black,
.hover_box_black a:hover  {
	border: 1px solid #838a90;
	background-color: #f8fafc;
	color: #3f5057;
}

/* universal */
.info_box {
	margin-top: 10px;
	padding: 4px 15px 8px 12px;
	color: #4e7cb7;
	background-color: #ffffff;
	border: 1px solid #b0c6e8;
	text-align: justify;
}

/* ice! */
.ice_box_wrapper {
	padding-top: 1px;
	width: 667px;
	background: url('../gfx/ice_box_top.png') no-repeat;
}
.ice_box_footer {
	margin-top: -25px;
	width: 667px;
	height: 43px;
	position: relative;
	z-index: 1020;
	background: url('../gfx/ice_box_btm.png') no-repeat;
}
.ice_box_content {
	margin: 0;
	padding: 0 14px;
	text-align: justify;
	position: relative;
	z-index: 1021;
}
.ice_box_content p {
	margin: 0;
	margin-top: 10px;
	padding: 0;
}
.ice_box_content h1 {
	margin-bottom: 0;
}
.ice_box_content h1 a:hover,
.ice_box_content h2 a:hover,
.ice_box_content h3 a:hover {
	text-decoration: none;
}

/* end info_box styles */


/* //////////////////////////////////////////////////////////////////////////////// */
/* start color styles */

.col_red,
.col_red a {
	color: #d74646;
}
.col_orange,
.col_orange a {
	color: #de8652;
}
.col_yellow,
.col_yellow a {
	color: #ba981a;
}
.col_lime,
.col_lime a,
.col_green,
.col_green a {
	color: #20aa00;
}
.col_blue,
.col_blue a {
	color: #476bb3;
}
.col_magenta,
.col_magenta a {
	color: #c256c8;
}
.col_black,
.col_black a {
	color: #505e68;
}

.col_red a:hover {
	color: #ff7373;
}
.col_orange a:hover {
	color: #ffa066;
}
.col_yellow a:hover {
	color: #fbcf2d;
}
.col_lime a:hover,
.col_green a:hover {
	color: #a0e692;
}
.col_blue a:hover {
	color: #96b7ed;
}
.col_magenta a:hover {
	color: #f888fe;
}
.col_black a:hover {
	color: #909eac;
}

/* end color styles */


/* //////////////////////////////////////////////////////////////////////////////// */
/* start color_picker styles */

#color_picker,
#cp_null {
	margin-top: 14px;
	margin-right: 0;
	padding: 0;
	width: 30px;
	height: 42px;
	border: 1px solid black;
	background: black url('../gfx/color_picker/back.gif') repeat-x;
/*	background-image: url('../gfx/color_picker/shadow.png'); */
}
#cp_null {
	border: 1px dashed #34383c;
	background: none;
}

#cp_red,
#cp_orange,
#cp_yellow,
#cp_lime,
#cp_green,
#cp_blue,
#cp_magenta,
#cp_black,
#cp_random {
	margin: 0;
	background: black url('../gfx/color_picker/shine.gif') no-repeat;
	float: left;
}
#cp_random {
	background: black url('../gfx/color_picker/dark.gif') no-repeat;
}

#cp_red a:hover {
	background: black url('../gfx/color_picker/red.gif') no-repeat;
}
#cp_orange a:hover {
	background: black url('../gfx/color_picker/orange.gif') no-repeat;
}
#cp_yellow a:hover {
	background: black url('../gfx/color_picker/yellow.gif') no-repeat;
}
#cp_lime a:hover {
	background: black url('../gfx/color_picker/lime.gif') no-repeat;
}
#cp_green a:hover {
	background: black url('../gfx/color_picker/green.gif') no-repeat;
}
#cp_blue a:hover {
	background: black url('../gfx/color_picker/blue.gif') no-repeat;
}
#cp_magenta a:hover {
	background: black url('../gfx/color_picker/magenta.gif') no-repeat;
}
#cp_black a:hover {
	background: black url('../gfx/color_picker/black.gif') no-repeat;
}

/* end color_picker styles */


/* //////////////////////////////////////////////////////////////////////////////// */
/* start news */

.news_header,
.news_item,
.news_footer {
	width: 254px;
	margin: 0;
	margin-left: 4px;
	padding: 0;
	display: block;
/*	overflow: hidden; */
/*	white-space: no-wrap; */
}

.news_header {
	height: 25px;
	font-size: 11px;
	font-weight: bold;
	font-family: arial,sans-serif;
	letter-spacing: 2px;
	line-height: 28px;
	text-align: center;
	text-transform: uppercase;
}
a.news_header {
	text-decoration: none;
}
a:hover.news_header {
	color: #50a646;
	text-decoration: none;
	cursor: pointer;
}
a.nh_red { color: #802828; background: url('../gfx/news/top_red.png') no-repeat; }
a.nh_orange { color: #84662c; background: url('../gfx/news/top_orange.png') no-repeat; }
a.nh_yellow { color: #80661e; background: url('../gfx/news/top_yellow.png') no-repeat; }
a.nh_green { color: #3e7533; background: url('../gfx/news/top_green.png') no-repeat; }
a.nh_blue { color: #345375; background: url('../gfx/news/top_blue.png') no-repeat; }
a.nh_magenta { color: #753473; background: url('../gfx/news/top_magenta.png') no-repeat; }
a.nh_black { color: #50575e; background: url('../gfx/news/top_black.png') no-repeat; }
a:hover.nh_red { color: #c85050; }
a:hover.nh_orange { color: #dca843; }
a:hover.nh_yellow { color: #d2ac3e; }
a:hover.nh_green { color: #50a646; }
a:hover.nh_blue { color: #5482b6; }
a:hover.nh_magenta { color: #c058be; }
a:hover.nh_black { color: #9ba0a5; }

.news_item {
	padding-left: 1px;
	height: 20px;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	text-align: center;
}
a.news_item {
	background: url('../gfx/news/mid_normal.png') no-repeat;
	color: #687c9c;
	text-decoration: none;
}
a:hover.news_item {
	background: url('../gfx/news/mid_dark.png') no-repeat;
	color: white;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

.news_footer {
	height: 27px;
}
.nf_red { background: url('../gfx/news/btm_red.png') no-repeat; }
.nf_orange { background: url('../gfx/news/btm_orange.png') no-repeat; }
.nf_yellow { background: url('../gfx/news/btm_yellow.png') no-repeat; }
.nf_green { background: url('../gfx/news/btm_green.png') no-repeat; }
.nf_blue { background: url('../gfx/news/btm_blue.png') no-repeat; }
.nf_magenta { background: url('../gfx/news/btm_magenta.png') no-repeat; }
.nf_black { background: url('../gfx/news/btm_black.png') no-repeat; }

/* end news */


/* //////////////////////////////////////////////////////////////////////////////// */
/* start spotlight */

a.sli_row {
	margin: 0;
	padding: 0;
	display: block;
	height: 76px;
}
a.sli_red {
	border-top: 1px solid #c64e4e;
	border-bottom: 1px solid #a34040;
	background: #f26c6b url('../gfx/sli/back_red.jpg') repeat-x;
	color: #fff1f2;
}
a.sli_orange {
	border-top: 1px solid #d6902e;
	border-bottom: 1px solid #ac6f1f;
	background: #febb60 url('../gfx/sli/back_orange.jpg') repeat-x;
	color: #ffffff;
}
a.sli_yellow {
	border-top: 1px solid #cfaa2b;
	border-bottom: 1px solid #9e8018;
	background: #f0d461 url('../gfx/sli/back_yellow.jpg') repeat-x;
	color: #ffffff;
}
a.sli_green {
	border-top: 1px solid #469953;
	border-bottom: 1px solid #34783d;
	background: #61c972 url('../gfx/sli/back_green.jpg') repeat-x;
	color: #e7f4ea;
}
a.sli_blue {
	border-top: 1px solid #5373bf;
	border-bottom: 1px solid #4661a0;
	background: #6c90e6 url('../gfx/sli/back_blue.jpg') repeat-x;
	color: #e6eefc;
}
a.sli_magenta {
	border-top: 1px solid #bf53b7;
	border-bottom: 1px solid #a0469a;
	background: #e66cda url('../gfx/sli/back_magenta.jpg') repeat-x;
	color: #fce6fc;
}
a.sli_black {
	border-top: 1px solid #6e727d;
	border-bottom: 1px solid #555a62;
	background: #9297a4 url('../gfx/sli/back_black.jpg') repeat-x;
	color: #eef0f2;
}
a.sli_silver {
	border-top: 1px solid #ccd0d8;
	border-bottom: 1px solid #a4aec0;
	background: #e7eeff url('../gfx/sli/back_silver.jpg') repeat-x;
	color: #444c5c;
}
a:hover.sli_row {
/* IE flickers */
	border-top: 1px solid #fffbba;
	border-bottom: 1px solid #ffda90;
	background: url('../gfx/sli/back_hover.jpg') repeat-x;
	color: #ff9a2c;
/* end IE flickers */
	text-decoration: none;
	cursor: pointer;
}

.sli_row .sli_title {
	margin: 0;
	margin-bottom: 2px;
	padding: 0;
	font-family: verdana,arial,sans-serif;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: -1px;
}
.sli_red .sli_title {
	color: #fff1f2;
}
.sli_orange .sli_title {
	color: #ffffff;
}
.sli_yellow .sli_title {
	color: #ffffff;
}
.sli_green .sli_title {
	color: #e7f4ea;
}
.sli_blue .sli_title {
	color: #e6eefc;
}
.sli_magenta .sli_title {
	color: #fce6fc;
}
.sli_black .sli_title {
	color: #eef0f2;
}
.sli_silver .sli_title {
	color: #444c5c;
}
a:hover.sli_row .sli_title {
/* IE flickers */
	color: #ff7400;
/* end IE flickers */
}


.sli_left .sli_icon {
	float: right;
}
.sli_right .sli_icon,
a:hover.sli_right .sli_icon {
	float: left;
	margin-right: 4px;
}
.sli_red .sli_icon {
	border: 1px solid #a34040;
}
.sli_orange .sli_icon {
	border: 1px solid #ac6f1f;
}
.sli_yellow .sli_icon {
	border: 1px solid #9e8018;
}
.sli_green .sli_icon {
	border: 1px solid #34783d;
}
.sli_blue .sli_icon {
	border: 1px solid #4661a0;
}
.sli_magenta .sli_icon {
	border: 1px solid #a0469a;
}
.sli_black .sli_icon {
	border: 1px solid #555a62;
}
.sli_silver .sli_icon {
	border: 1px solid #747c8a;
}
a:hover.sli_row .sli_icon {
/* IE flickers */
	border: 1px solid #fff8c4;
/* end IE flickers */
}

a.sli_left {
	padding-left: 4px;
}

/* end spotlight styles */