@charset "UTF-8";

/* -- BASIC PAGE & TYPE STYLES --
______________________________________*/
/* -- undo browser HTML defaults -- */
:link,:visited {
	text-decoration: none;
}

h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input {
	margin: 0;
	padding: 0;
}

/*a img,:link img,:visited img {
	border: none;
}*/
img {
	border: none;
}

address {
	font-style: normal;
}

html,body {
	background-color: #fff;
	color: #000;
	font-family: Arial, Helvetica, sans-serif;
}

body {
	margin: 0;
	font-size: 100.1%;
	color: #333;
}

/* ------ Link Styles ----------*/
a {
	text-decoration: none;
}

a,a:link {
	color: #15548f;
}

a:visited {
	
}

a:hover,a:focus {
	text-decoration: underline;
}

a:active {
	color: #606;
}

/* ------ Heading Styles ----------*/
h1 {
	font-size: 1.2em;
	margin: 0 0 .3em 0;
	color: #c00;
}

h2 {
	font-size: 1.2em;
	margin: 0 0 .3em 0;
	color: #c00;
}

h3 {
	font-size: 1.3em;
	margin: 0 0 .9em 0;
}

h4 {
	font-size: 1.2em;
	margin: 0 0 .9em 0;
}

h5 {
	font-size: 1.1em;
	margin: 0 0 .9em 0;
}

h6 {
	font-size: 1em;
	margin: 0 0 .9em 0;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Trebuchet MS', Arial, Lucida, Helvetica, sans-serif;
}

/* ------ Type Styles ----------*/
p {
	padding: 0 0 0.5em 0;
	margin: 0;
	text-indent: 0;
	font-size: 1em;
	line-height: 1.6em;
	font-family: Arial, helvetica, sans-serif;
}

pre {
	padding: 0.75em 1.5em;
	font-size: 12px;
}

blockquote {
	margin: 0;
	font-style: italic;
	font-size: 1.1em;
	background-image: url(/default/images/quote.gif);
	background-repeat: no-repeat;
	background-position: 0 15px;
	padding: 15px;
	padding-left: 40px;
	line-height: 1.3em;
}

code {
	font-size: 1em;
	font-family: Profont, 'lucida console', 'Courier New', Monaco, monospace;
}

hr {
	margin-top: 0.5em;
	margin-bottom: .5em;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	border: 0;
}

/* ------ Form Styles ----------*/
input[type="submit"] {
	
}

fieldset {
	padding: 0.8em;
}

legend {
	font-size: 130%;
	padding-left: 0.5em;
	padding-right: .5em;
	font-weight: normal;
	color: #c00;
}

label {
	margin-right: .5em;
	padding-top: 0.1em;
	width: 120px;
	display: block;
	text-align: right;
	float: left;
}

textarea {
	/*overflow: hidden;*/
}

input,select,textarea,button {
	color: #444444;
	width: 200px;
	padding: 2px;
}

/* ------ Table Styles ----------*/
table {
	font-size: 100%;
}

td,th {
	vertical-align: top;
}

/*--------------- MAIN CONTENT Structural Styles -----------------
________________________________________________________________*/
#pageWrapper {
	font-size: 80%; /* set your default font size here. */
}

#pageWrapper {
	border: 1px solid #fff;
	border-width: 0 1px;
	min-width: 40em;
	/* IE doens't understand this property. EMs are used
	 * so that as the font size increases, the proportional
	 * limitations (min-width) increase with it, rather
	 * than creating a middle column that can only fit
	 * 3 or 4 characters in it.
	 */
	width: auto;
}

* html #pageWrapper { /* \*/
	word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}

#masthead {
	background-color: #CC0000;;
	color: #fff;
}

#masthead {
	background-color: #e68b30;
	background-image: url(/default/images/banner.png);
	background-repeat: repeat-x;
}

#masthead h1 {
	padding: 0;
	margin: 0;
}

#masthead h1 a {
	display: block;
	width: 315px;
	height: 62px;
	background: transparent url(/default/images/logo.png) no-repeat;
	text-indent: -700em;
	text-decoration: none;
}

#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: 14em solid #fff;
	border-right: 14em solid #fff;
}

#outerColumnContainer {
	border-left-color: #fff; /* left column background color */
	border-right-color: #fff; /* right column background color */
	background-color: #fff;
	/* set the background color for the middle column here */
}

#innerColumnContainer {
	border: 1px solid #fff;
	border-width: 0 1px;
	margin: 0 -1px;
	/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}

#leftColumn,#middleColumn,#rightColumn,* html #SOWrap {
	overflow: visible; /* fix for IE italics bug */
	position: relative; /* fix some rendering issues */
}

#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}

#middleColumn {
	float: right;
	margin: 0 0 0 -1px;
	padding-top: 0px; /**/
	padding-bottom: 10px; /**/
	width: 100%;
	z-index: 5;
}

#leftColumn {
	float: left;
	margin: 0 1px 0 -14em;
	width: 14em;
	z-index: 4;
}

#rightColumn {
	float: right;
	width: 14em;
	margin: 0 -14em 0 1px;
	z-index: 2;
}

#footer {
	padding: 0.5em;
	text-align: center;
	background-color: #fff;
	border: 1px solid #fff;
	border-width: 1px 0;
}

#pageWrapper,#masthead,#innerColumnContainer,#footer {
	border-color: #ccc;
}

/* ------ Menu Styles ----------*/
.menu, .categories {
	padding: 3px 0;
	margin-left: 0;
	border-bottom: 1px solid #cc6600;
	list-style-type: none;
	text-align: center;
}

.menu li, .categories li {
	display: inline;
	margin: 0;
}

.menu li a, .categories li a {
	text-decoration: none;
	padding: 3px 7px;
	margin-right: 3px;
	border: 1px solid #cc6600;
	border-bottom: none;
	background-color: #fedfa2;
	color: #2d2b2b;
}

.menu li a:visited, .categories li a:visited {
	color: #2d2b2b;
	text-decoration: none;
}

.menu li a:hover, .categories li a:hover {
	background-color: #fff;
	/*color: #b30000;*/
	text-decoration: none;
}

.menu li a:active, .categories li a:active {
	color: black;
	text-decoration: none;
}

.menu li.selected a, .categories li.selected a { /*selected tab effect*/
	position: relative;
	top: 1px;
	padding-top: 4px;
	background-color: #fff;
	color: #333;
}

/* ------ Categories Styles ----------*/
.categories {
	text-align: left;
	border-bottom: 1px solid gray;
}

.categories li a {
	border: 1px solid gray;
	border-bottom: none;
	background-color: #fff;
	color: gray;
}

.categories li a:hover {
	background-color: #fff;
	color: #333;
}

.categories li a:visited {
	color: gray;
}

.categories li.selected a {
	color: #333;
}

#rightColumn .inside {
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 90%;
}

/* ------ Secondary Styles ----------*/
#homeBox {
	width: 86%;
	height: auto;
	margin: 0 auto;
	margin-bottom: 15px;
	border-collapse: collapse;
}
#homeBox td {
	width: 33%;
	/*border-style: solid; 
	border-width: 1px; 
	border-color: #000000;*/
}
#homeTeaser, #homeLogin, #homeSubscribe {
	width: 228px;/*280px*/
	height: 345px; /*185*/
	margin: 0 auto;
	padding: 10px 15px 0 15px;/*185px 15px 0 15px;*/
}
#homeTeaser h2, #homeLogin h2, #homeSubscribe h2 {
	margin: 0;
	height: 75px;
	display: block;
	font-size: 100%;
}
#homeSubscribe h2 {
	height: 50px;
}
#homeTeaser ul, #homeSubscribe ul {
	margin-left: 0;
	padding-left: 0;
	list-style: none;
}
#homeTeaser li, #homeSubscribe li {
	padding-left: 60px;
	padding-top: 5px;
	height: 45px;
	color: #fff;
}
#homeSubscribe li {
	height: 60px;
}
#homeTeaser li.item1 {
	background-image: url(/default/images/item1.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#homeTeaser li.item2 {
	background-image: url(/default/images/item2.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#homeTeaser li.item3 {
	background-image: url(/default/images/item3.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#homeTeaser li.item4 {
	background-image: url(/default/images/item4.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/**/
#homeSubscribe li.free {
	background-image: url(/default/images/free.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#homeSubscribe li.silver {
	background-image: url(/default/images/silver.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#homeSubscribe li.gold {
	background-image: url(/default/images/gold.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#homeSubscribe li.platinum {
	background-image: url(/default/images/platinum.png);
	background-repeat: no-repeat;
	background-position: 0 0;
}
/*button*/
#homeLogin .button {
	background: #840908;
	border-left: 1px solid #ea8f21;
	border-top: 1px solid #ea8f21;
	border-right: 1px solid #ea8f21;
	border-bottom: 1px solid #ea8f21;
	padding: .2em 0.5em .2em 0.5em;
	font: 1em Tahoma;
	color: #ea8f21;
	width: auto;
}
/*links*/
#homeTeaser a, #homeSubscribe a {
	color: #fff;
}
#homeLogin, #homeLogin a {
	color: #840908;
}
/*background*/
#homeTeaser {
	background: #fff url(/default/images/home_teaser.png) no-repeat;
}
#homeLogin {
	background: #fff url(/default/images/home_login.png) no-repeat;
}
#homeSubscribe {
	background: #fff url(/default/images/home_subscribe.png) no-repeat;
}
/*header*/
#homeTeaser h2 {
	color: #ea8f21;	
}
#homeLogin h2 {
	color: #840908;
}
#homeSubscribe h2 {
	color: #fff;
}

#login-box {
	width: 240px;
	min-height: 160px;
	padding: 10px;
	background-image: url(/default/images/login.gif);
	background-repeat: no-repeat;
}

#notice {
	margin: 0 auto;
	margin-top: 10px;
	margin-bottom: 10px;
}

#notice p {
	text-align: center;
}

#quote,#quickinfo {
	clear: both;
}

#quote {
	height: 150px;
	padding-left: 200px;
	background-image: url(/default/images/quote_bg.jpg);
	background-repeat: no-repeat;
	background-color: #f3efec;
	border: 1px solid #c2bb97
}

div.quickinfo-box {
	margin-right: 6px;
	/*width:310px;*/
	width: 30%;
	height: 180px;
	float: left;
	background-image: url(/default/images/quickinfo.gif);
	background-repeat: no-repeat;
}

div.quickinfo-box h2 {
	padding-left: 10px;
	font-weight: bold;
}

div.quickinfo-box p {
	margin: 0;
	padding: 0px 10px;
	line-height: 1.2em
}

div.bookmark {
	float: left;
	text-align: center;
	padding-bottom: 0;
	margin-top: 10px;
	margin-right: 8px;
}

div.bookmark .icon {
	margin: 2px;
	padding: 3px;
	border: 3px double #ccc;
	cursor: pointer
}

/* Messages */
#messages, #errors {
	margin-bottom: 1em;
	padding: 5px 0px;
	width: auto;
	font-style: italic;
	font-weight: bold;
	text-align: left;
}
#errors {
	color: red;
}
#messages ul, #errors ul {
	list-style: none;
	margin: 0;
	padding: 0;
}
#messages li , #errors li {
	/*display: inline;*/
	list-style-type: none;
}

div.welcome p {
	padding-top: 1em;
	padding-left: 1em;
	line-height: 100%;
}

/* ------ Bookmarks Thumb Styles ----------*/
#bookmarks {
	margin-top: 5px;
	margin-bottom: 5px;
	width: 100%; /*967px*/
	height: 100px;
	overflow: auto;
	white-space: nowrap;
}

.thebookmark {
	float: left;
	margin-right: 5px;
}

.thumb {
	padding: 2px;
	border: 3px double #ccc;
}

.highlight {
	padding: 2px;
	border: 3px solid yellow;
}

.error {
	padding: 2px;
	border: 3px solid #ccc;
}

.lastlogin {
	padding: 2px;
	height: 25px;
	font-size: 90%;
	clear: both;
}

.paginationControl {
	margin-top: 15px;
	clear: both;
}

/* ------ Custom Styles ----------*/
.clear {
	clear: both;
	padding-bottom: 1px; /* for Gecko-based browsers */
	margin-bottom: -1px; /* for Gecko-based browsers */
}

.hide {
	display: none !important;
}

.inside {
	/* glitch in IE caused by vertical padding in this class, so 0 padding is
	 * set here and those blocks that need the vertical padding must be 
	 * applied to the parent element. the purpose of this class is to provide
	 * horizontal padding without using hacks to get around IE's broken box 
	 * model. so it's okay to apply vertical padding to the parent element, 
	 * just not horizontal padding.
	 */
	padding: 0 1em;
}

.float-left {
	float: left
}

.float-right {
	float: right
}

.center {
	margin-left: auto;
	margin-right: auto
}

.text-left {
	text-align: left
}

.text-right {
	text-align: right
}

.text-center {
	text-align: center
}

.text-justify {
	text-align: justify
}

.bold {
	font-weight: bold
}

.italic {
	font-style: italic
}

.underline {
	border-bottom: 1px solid
}

.highlight {
	background: #ffc
}

.strike {
	text-decoration: line-through
}

.small {
	font-size: 85%
}

.img-left {
	float: left;
	margin: 4px 10px 4px 0
}

.img-right {
	float: right;
	margin: 4px 0 4px 10px
}

.img-icon {
	margin-right: 2px;
	vertical-align: middle;
	border: none
}

.nopadding {
	padding: 0
}

.noindent {
	margin-left: 0;
	padding-left: 0
}

.nobullet {
	list-style: none;
	list-style-image: none
}

.divider {
	height: 20px;
	clear: both;
}

.marker {
	color: black;
	background: #ffff00;
	padding: 2px;
}

.disabled {
	color: grey
}

.icon {
	vertical-align: bottom
}

.button, .scanButton {
	background: #fd8701;
	border-left: 1px solid #ffa76d;
	border-top: 1px solid #ffa76d;
	border-right: 1px solid #b94a00;
	border-bottom: 1px solid #b94a00;
	padding: .2em 0.5em .2em 0.5em;
	font: 1em Tahoma;
	color: #fff;
	width: auto;
}

.scanButton {
	background: #f42e00;
	border-left: 2px solid #ff9999;
	border-top: 2px solid #ff9999;
	border-right: 2px solid #b94a00;
	border-bottom: 2px solid #b94a00;
	padding: .2em 0.5em .2em 0.5em;
	font: 1em Tahoma;
	font-weight: bold;
	color: #fff;
	width: auto;
	cursor: pointer;
}

/* ------ Overlay Styles ----------*/
#overlay { /* REQUIRED */
	display: none;
	visibility: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100px;
	z-index: 500;
	/* REQUIRED */
}

#ititle {
	margin-bottom: 10px;
	padding: 2px;
	font-size: 90%;
	background: #ededed;
	border: 1px solid #ccc;
	clear: both;
}

#icontainer {
	width: 100%;
}

#browser {
	width: 100%;
	height: 600px;
	padding: 2px;
	background: transparent;
	/*border: 2px solid #ccc;*/
	border: none;
}

#alert {
	position: absolute;
	top: 45%;
	left: 0;
	width: 100%;
	text-align: center;
	z-index: 999999;
	display: none;
}

#alert p {
	width: 300px;
	margin: 0 auto 0 auto;
	padding: 10px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background: #fedfa2;
	border: 2px solid #cc6600;
	text-align: left;
}

#alert p a {
	font-size: 11px;
}

#popup {
	position: absolute;
	top: 5%;
	left: 5%;
	width: 80%;
	text-align: center;
	background: white;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border: 1px solid #666;
	z-index: 999;
	display: none;
}