/************************************************
 *	                                            *
 *	Samain Publishing, Ltd. CSS Document        *
 *   Author    :  Chad Gowan                    *
 *   Web       :  http://www.allspeeds.net      *
 *   E-mail    :  chad@allspeeds.net            *
 *   Modified  :  27-August-2008                *
 *                                              *
 ************************************************
 *                                              *
 *	 Color Key         :                        *
 *    Base Baby Blue   : #ccccff                *
 *    Dark Blue        : #6699ff                *
 *    Dark Gray        : #333                   *
 *    Gray             : #999                   *
 *    Light Gray       : #ccc                   *
 *    Maroon           : #660000                *
 *    Dark Maroon      : #330000                *
 *                                              *
 *                                              *
 ************************************************/
 
@import "reset-fonts.css";		/* RESET BROWSERS TO START IN THE SAME PLACE */
@import "charts.css";			/* CHARTS/TABLES */
@import "forms.css";			/* FORMS */
@import "navs.css";				/* NAVIGATIONS */
@import "jquery.cluetip.css";	/* jQuery CLUETIPS */
@import "flexigrid.css";		/* FLEXIGRID */

/* GENERAL
************************************************/
html, body { 
	background-color:#333;
}
body { 
	font-family:Georgia, Times New Roman, serif; 
	color:#fff;	
	text-shadow: #000 0 0 0; /* To fix goofiness in safari */
}
p, address { 
	padding:0 0 15px 15px;
}
/* ANCHORS
************************************************/
a, a:visited {
	color:#ccccff; 
}
a:hover {  
	color:#fff; 
}
.external { 
	padding-right:1.4em !important;
	background:url(../images/icon_external-link.png) no-repeat right;
}
.mailto {
	padding-left:18px;
	background:url(../images/icon_email.png) no-repeat 0 50%;
}
.rss {
	padding-left:18px;
	background:url(../images/icon_feed.png) no-repeat 0 50%;
}
.delete, .subtract, .minus {
	padding-left:18px;
	background:url(../images/icon_delete.png) no-repeat 0 50%;
}
.add, .plus {
	padding-left:18px;
	background:url(../images/icon_add.png) no-repeat 0 50%;
}
.edit {
	padding-left:18px;
	background:url(../images/icon_pencil.png) no-repeat 0 50%;
}
.zoom { 
	padding-left:18px;
	background: url(../images/icon_zoom.png) no-repeat 0 50%;
}
.redo { 
	padding-left:18px;
	background: url(../images/icon_arrow_refresh.png) no-repeat 0 50%;
}
.check, .accept {
	padding-left:18px;
	background:url(../images/icon_accept.png) no-repeat 0 50%;
}
.warn {
	padding-left:18px;
	background:url(../images/icon_error.png) no-repeat 0 50%;
}
.help {
	padding-left:18px;
	background:url(../images/icon_help.png) no-repeat 0 50%;
}
.info {
	padding-left:18px;
	background:url(../images/icon_information.png) no-repeat 0 50%;
}
.chat {
	padding-left:18px;
	background:url(../images/icon_comment.png) no-repeat 0 50%;
}
.cal {
	padding-left:18px;
	background:url(../images/calendar/icon_calendar.png) no-repeat 0 50%;
}
.icon {
	margin:0 auto;
	width:20px;
	height:20px;
	display:block; 
	text-indent:-9999px !important;
	padding:0 !important;
	background-position:2px 2px;
}
a.read-more {
	font-weight:bold;
	text-align:right;
	display:block;
	clear:both;
	padding:0 5px 0 0;	
}
/* CLEARING ELEMENTS
************************************************/	
div.clearer { 
	clear: left; 
	height: 0; 
	line-height: 0; 
}
hr { 
	border:0;
	width:99%; 
	height:2px; 
	color:#ccccff; 
	background-color:#ccccff; 
	margin:15px auto;
	margin-top:0; 
	line-height:1px; 
	clear:both; 
}
/* POSITIONING
************************************************/	
.fl-left {
	float:left;
	padding:2px;
}
.fl-right {
	float:right;
	padding:2px;
}
.centered {
	display:block;
	margin-left: auto !important;
	margin-right: auto !important;
}
.hidden {
	display:none; 
}
/************************************************/	
strong {
	font-weight:bold;
}
sup {
	line-height:8px;
}
abbr, acronym {
  cursor:help;
  border-bottom:1px dashed #000;
}
pre {
	display:block;
	overflow:auto;
	background:#999;
	border-left:3px solid #666;
	margin:15px auto;
	padding:5px 0;
	width:90%;
	white-space:pre;
}
/* COLOR CLASSES
************************************************/	
.color1 {
	background-color:#f3f3f3;
}
.color2 {
	background-color:#e3e3e3;
}
div.color1, div.color2 {
	color:#000;
	padding:0 5px;
}
div.color1 h4, div.color2 h4 {
	color:#000;
}
div.color1 a, div.color2 a {
	color:#333;
}
div.color1 a:hover, div.color2 a:hover {
	color:#660000;
}
.inactive {
	background-color:#ffcccc;
}
.active {
	background-color:#ccffcc;
}
.highlight {
	background-color:#ccccff;
}
.red {
	color:#cc0000 !important;
}
/* CONTAINERS
************************************************/
#wrapper { 
	margin:0 auto; 
	width:974px;
}
/* HEADERS
************************************************/
h1, h2, h3, h4, h5, h6 {
	font-weight:bold;
	letter-spacing:-1px;
	margin-bottom:10px;
	padding:0;
	clear:both;
}
h1 {
	font-size:2em;
	color:#ccccff;
}
h2 {
	font-size:1.6em;
	color:#ccccff;
	border-bottom:2px solid #ccccff;
	padding-bottom:1px;
}
h3 {
	font-size:1.4em;
	color:#999;
}	
h4 {
	font-size:1.4em;
	color:#ccc;
}
h5 {
	font-size:1.2em;
	color:#cccff;
}
h6 {
	font-size:1.2em;
	color:#ccccff;
	text-align:center;
}
/* LISTS
************************************************/
ul {
	list-style:none;
}
ul, ol, dl {
	margin-bottom:15px;
}
ul {
	margin-left:.75em;
	margin-right:.5em;
	}
dl {
	margin-left:.75em;
	margin-right:.5em;
	}
dt {
	font-weight:bold;
	}
dd {
	background:url(../images/bullet.png) no-repeat .5em .25em;
	padding-left:20px;
	padding-bottom:10px;
	}	
ol {
	margin-left:3em;
	margin-right:.5em;
	list-style-type:decimal !important;
	}
ul.bulleted_list {
	margin-left:.5em;
	}	
ul.bulleted_list li {
	background: url(../images/bullet.png) no-repeat 0 .25em; 
	padding:0 0 5px 15px;
	}
ul.bulleted_list li.completed {
	background: url(../images/bullet_completed.png) no-repeat 0 .25em; 
	padding:0 0 5px 20px;
	}
ol.type-A { 
	list-style-type:upper-alpha !important;
}
li.read-more { 
	font-weight:bold;
	text-align:right;
	padding-right:5px;
	margin-bottom:10px;
	background-image:none !important;
	clear:both;
	}
ol li.read-more { 
	list-style:none;
	}
/* QUOTATIONS
************************************************/
blockquote {
	margin:0 auto;
	/*background:url(../images/quote_cnr.gif) no-repeat 1px 0;*/
	clear:both;
	padding:20px 0 40px 20px;
	}
blockquote p {
	padding-left:0;
	}
blockquote .leader {
	font:40px "Times New Roman", Times, serif;
	font-weight:bold;
	color:#ccccff;
	float:left;
	margin:0 4px 4px 4px;
	padding-bottom:4px;
	}
/* IMAGES WITH CAPTIONS
************************************************/
.capimg { 
	margin:2px;
	padding:2px;
	border:1px solid #999;
	background-color:#ccc;
}
.capimg img {
	text-decoration:none;
}
.capimg p {
	margin:0 auto;
	padding:0;
	text-align:center;
	font-size:.8em;
	line-height:1em;
	font-weight:bold;
	color:#660000;
}	
/* BOXES
************************************************/
/* Box Sizing */
.quarter_box, .half_box, 
.three-fourths_box {
	margin-bottom:10px;
	padding:0;
}
.quarter_box {
	width:24%;
	}
.half_box {
	width:48.8%;
	}
.sixty_box {
	width:60%;
	}
.fourty_box {
	width:38%;
	}
.three-fourths_box {
	width:70%;
	}
.full_box {
	width:100%;
	clear:both;
	margin-left:0;
	}
/* Standard Boxes */
.sbox {
	margin:1px;
	margin-bottom:10px;
}
.sbox div.sbtop {
	background:#660000 url(../images/bg_chart_head.gif) repeat-x;
	height:25px;
	border:1px solid #330000;
}
.sbox div.sbcontentwrap {
	background-color:#6e6e6e;
	border:2px solid #999;
	border-width:0 2px;
	padding-top:5px;
	padding-right:2px;
}
.sbox div.sbbottom {
	border-bottom:2px solid #999;
}
.sbox h3 {
	margin-bottom:0;
	padding-left:5px;
	color:#fff;
	line-height:25px;
}
.sbox table {
	margin-bottom:0;
	width:90%;
}
/* jQuery TABS
***********************************************/	
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}
/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
    list-style:none;
    margin:0;
    padding:0 0 0 2px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display:block;
    clear:both;
    content:" ";
}
.ui-tabs-nav li {
    float:left;
    margin:0 0 0 2px;
    min-width:84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display:block;
    padding:0 10px;
    /*background:#ccccff url(../images/tab.png) no-repeat;*/
    background-color:#ccc;
}
.ui-tabs-nav a {
    margin:1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left:0;
    color:#999;
    font-weight:bold;
    line-height:1.2em;
    text-align:center;
    text-decoration:none;
    white-space:nowrap; /* required in IE 6 */    
    outline:0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position:relative;
    top:2px;
    z-index:2;
    margin-top:0;
    background-color:#660000;
}
.ui-tabs-nav a span {
    width:64px; /* IE 6 treats width as min-width */
    min-width:64px;
    height:18px; /* IE 6 treats height as min-height */
    min-height:18px;
    padding-top:6px;
    padding-right:0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;    
    background-color:#660000;
}
.ui-tabs-nav a:hover {
    color:#333;
}
.ui-tabs-nav .ui-tabs-selected a {
	color:#fff;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    /*background-position: 100% -150px;*/    
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    /*background-position: 100% -100px;*/
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    /*background-position: 0 -50px;*/
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    /*background-position: 0 0;*/
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border:2px solid #999;
    padding: 1em 8px;
    background: #333; /* declare background color for container to avoid distorted fonts in IE while fading */
    margin-right:1px;
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(../images/loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}