body	{
	background-position: right 102;
	margin:0;
	background-color: #FFFFFF;
	font-family: verdana, arial, helvetica, sans-serif;
	}
			
#site_description	{ /* Used only on homepage of hubris.net */
	position: absolute; left: 170px; top: 125px;
	padding: 0px 30px 0px 0px;
	}




/* ----- SITE LAYOUT ----------------------------------- */

#header { margin: 0px; padding: 0px }

#footer {
        margin: 50px 0px 0px 0px;
        padding: 5px 10px;
        border-top: 1px solid #999999;
        background-color: white; /* #efefef; */
        }

#main 	{
	text-align:left;
	margin: 0px 15px;
	}

/* 3 COL LAYOUT DIVS */
		
#main1, main2 { margin:0px; padding:0px; }

#sidebar-left {
	width: 160px;
	margin: 0px;
	padding: 0px;
	float: left;
	}
	
#sidebar-right {
	width: 160px;
	margin: 0px;
	padding: 0px;
	float: right;
	}
	
#column-middle	{ margin: 0px 175px; }
#column-left	{ margin: 0px 175px 0px 15px; }
#column-right	{ margin: 0px 15px 0px 175px; }

.content_frame { margin:0; padding:5px; }   /* Allows wrapping content for grouping and for padding. */

.cleaner {   /* clears all divs so that the footer gets full portal width */
        clear:both;
        height:1px;
        font-size:1px;
        border:none;
        margin:0px; padding:0px;
        background:transparent;
        }




/* ----- BOILERPLATES ----------------------------- */

#menubar { /* menubar holds the jscript menu. */
        width: 100%;
        height: 22px;
        background-image:url('images/menu_spacer.gif');
        background-repeat:repeat-x;
        text-decoration: none
        }

#topbar { /* This arrangement will eventually replace all the id tags below. */
        left: 0px;
        top: 0px;
        height: 80px;
        width: 100%;
        background-repeat: no-repeat;
        background-attachment: scroll;
        background-position: left top;
        }

        .gardencity     { background: rgb(64,77,47) url('http://www.hubris.net/images/bars/gardencity.jpg') top left no-repeat; }
        .liberal	{ background: rgb(149,104,36) url('http://www.hubris.net/images/bars/wheat.jpg') }
        .dodgecity	{ background: rgb(45,12,1) url('http://www.hubris.net/images/bars/dodgecity.jpg'); }
	.iwichita	{ background: rgb(151,171,245) url('http://www.hubris.net/images/bars/iwichita.jpg') top left; }
        .keyboard       { background-color: #003399; background-image: url('http://www.hubris.net/images/bars/keyboard.jpg'); }
        .home           { background-color: #ffffff; background-image: url('http://www.hubris.net/images/bars/home.jpg');}
        .collage        { background-color: #000000; background-image: url('http://www.hubris.net/images/bars/collage_shortest.jpg');}
        .monitor        { background-color: #cb41a3; background-image: url('http://www.hubris.net/images/bars/monitor.jpg'); }
        .cdtray         { background-color: #364d8b; background-image: url('http://www.hubris.net/images/bars/cdtray.jpg'); }
        .chip           { background-color: #3f533a; background-image: url('http://www.hubris.net/images/bars/chip.jpg'); }
        .clock          { background-color: #120e0a; background-image: url('http://www.hubris.net/images/bars/clock.jpg'); }
        .email          { background-color: #003399; background-image: url('http://www.hubris.net/images/bars/email.jpg'); }
        .mouse          { background-color: #b8b8b8; background-image: url('http://www.hubris.net/images/bars/keyboard_and_mouse.jpg'); }
        .weather        { background-color: #003399; background-image: url('http://www.hubris.net/images/bars/weather.jpg'); }

	/* These topbar id tags will eventually be deleted when all pages use the new id and class tags above. */

		#topbar_cdtray  { left: 0px; top: 0px; height: 80px; width: 100%; background-color: #364d8b; }


#page_title	{
	position: absolute; top:15px;
	width: 98%;
	padding: 0px 0px 5px 0px;
	text-align: right;
	}

	#page_title h1 { /* For the page title. Used only within a page_title div. */
		font-size: 16pt;
		color: #FFFFFF;
		letter-spacing: -1;
		font-weight: bold;
		margin: 0
		}
				
	#page_title p.top_menu { /* For the section menu at the top. Used only within a page_title div. */
		width: 100%;
		border-top:0px solid #FFFFFF;
		font-size: 8pt;
		color: #FFFFFF;
		text-decoration: none;
		padding-top:2;
		margin-top: 0
		}
			
		p.top_menu a, p.top_menu a:link, p.top_menu a:visited, p.top_menu a:hover { color: #ffffff; }
	
			
/* inset_box_right will give you a gray box with blue top and
   bottom borders. Use it to put a sidebar comment which is mostly
   text. */

	/* Change these to classes of inset_box */

#inset_box {
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0C0C0;
        border-top: 3px solid #0066cc;
	border-bottom: 3px solid #0066cc;
        background-color: #EEEEEE;
	margin: 0px 0px 10px 0px;
	}

	.right#inset_box { width: 150px; float: right; margin: 0px 0px 10px 20px; padding: 5px }
	.left#inset_box  { width: 150px; float: left; margin: 0px 20px 10px 0px; padding: 5px }

	#inset_box h1 {
		font-style: verdana,arial,helvetica,sans-serif;
		color: #5d5d5d;
		font-size: 8pt;
		font-weight: bold;
		margin: 5px 2px;
		}

	#inset_box p, #inset_box ul, #inset_box ol, #inset_box li { font-size: 8pt }
	
		   
#inset_box_right	{
	padding: 5px;
	position: relative;
	width: 150px;
	float: right;
	border-right: 1px solid #C0C0C0;
	border-left: 1px solid #C0c0c0;
	border-top: 3px solid #0066cc;
	border-bottom: 3px solid #0066cc;
	background-color: #EEEEEE;
	margin: 10px 0px 10px 10px;
	}                  	 	 	
	
	.within_sidebar#inset_box_right	{
		float: none;
		margin: 10px 0px;
		width: 100%
		}

                    					
/* ad_column_right will give you a white sidebar with a thin gray
   gutter line. This is useful if you want a one-plus layout. The
	   sidebar's width and height must be specified in the actual page. */
	   
#ad_column_right	{
	border-left:1px solid #c0c0c0;
	position: relative;
	float: right;
	margin: 10px 0px 10px 15px;
	padding: 5px 5px 5px 15px;
	}
					
/* bannerbox will give you a banner ad box 460 pixels wide. The h1 will be 
   a thin gray title to the banner ad box. Should always be followed
   by a .cleaner div. */

#bannerbox {
	border: 1px solid #c0c0c0;
	padding: 0px;
	margin: 15px auto -5px auto;
	width: 472px;
	text-align: center;
	overflow: hidden;
	}

	#bannerbox h1 {
		margin: 0px;
                font-size: 7pt;
                font-weight: bold;
                color: #c0c0c0;
		background: #eee;
		border-bottom: 1px solid #c0c0c0;
                letter-spacing: 1em;
		text-align: center;
		padding: -1px;
		}


/* groupbox allows you to make a small box to group content.
   The box has a gray border. An h1 in this div serves as the groupbox title. */

.groupbox {
	padding: 0px;
	border: 1px solid #c0c0c0;
	float: none;
	margin: 0px 0px 10px 0px;
	background-color: #ffffff;
	}

	.groupbox h1 {
		border-bottom: 1px solid #c0c0c0;
		background-color: #eeeeee;
		font-size: 8pt;
		font-weight: bold;
		color: #5d5d5d;
		padding: 3px;
		margin: 0px 0px -5px 0px;
		}

	.groupbox h2 {
		font-size: 8pt;
		font-weight: bold;
		margin: 3px 0px;
		padding: 0px 10px;
		margin: 0px 0px -7px 0px;
		color: black;
		}

	.groupbox p, .groupbox ul, .groupbox ol, .groupbox dl, .groupbox li { font-size: 8pt }
	.groupbox p, .groupbox dl { padding: 0px 10px }
	.groupbox dt { font-weight: bold; margin-top: 7px }
	.groupbox dd { margin-left: 10px }
	.groupbox ul, .groupbox ol { padding: 5px 10px 5px 25px; margin: 5px; line-height: 120% }


/* These are paragraph tags which are used to provide uniform formatting
   of text throughout the site. */
   
h1	{
	font-size: 13pt;
	color: #000000;
	font-weight: bold;
	margin-top:25;
	margin-bottom:-10
	}
	
h2	{
	font-size: 11pt;
	color: #5d5d5d;
	font-weight: bold;
	margin-top:25;
	margin-bottom:-10;
	}
	
h3	{
	font-size: 10pt;
	color: #000000;
	font-weight: bold;
	}
	
h4	{
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
	margin-bottom:0;
	text-transform: uppercase
	}
	
ol	{
	font-size: 10pt;
	margin-top:15;
	}
	
ul, dl	{
	font-size: 10pt;
	margin-top: 15px;
	margin-bottom: 15px;
	line-height:150%
	}
	
	dt { font-weight: bold; margin-top: 10px; }
	dd { line-height: 120%; font-size: 8pt; }
	
li 	{ margin-bottom: 5px }

	li.new { padding-right: 50px; background: url('http://www.hubris.net/images/new_tag.gif') right top no-repeat; }
	li.updated { padding-right: 50px; background: url('http://www.hubris.net/images/updated_tag.gif') right top no-repeat; }	

a:link	{
	color: #0066CC;
	text-decoration:none
	}

	a.document_download {
		display: block;
		margin: 0px 0px 0px 36px;
		padding: 30px 0px 30px 96px;
		background: transparent url('/images/document_download.gif') center left no-repeat;
		font-weight: bold;
		}
	
a:visited	{
	color: #003399;
	text-decoration:none
	}
			
a:hover	{
	text-decoration:underline
	}

/* These paragraph tags are classes for other tags. */
/* THESE CLASSES CAN EVENTUALLY BE DELETED BECAUSE THE page_title DIV NOW INCLUDES THEM */
	   
.title	{ /* For the page title. Used only within a page_title div. */
	font-size: 16pt;
	color: #FFFFFF;
	letter-spacing: -1;
	font-weight: bold;
	margin: 0
	}
	
.top_menu	{ /* For the section menu at the top. Used only within a page_title div. */
	width: 100%;
	border-top:0px solid #FFFFFF;
	font-size: 8pt;
	color: #FFFFFF;
	text-decoration: none;
	padding-top:2;
	margin-top: 0
	}
			
	.top_menu a, .top_menu a:link, .top_menu a:visited, .top_menu a:hover {	color: #ffffff; }

p	{ /* For "Normal" text */
	color: #000000;
	font-size: 10pt;
	line-height:150%
	}

	#sidebar-left p, #sidebar-right p { font-size: 8pt; }

	.copy_small, .small, .tight	{ /* For times when you need small body copy, as in tables. */
		font-size: 8pt;
		letter-spacing: -.04em;
		}

		.tight { margin: 0px; }

	.copy_small_reverse	{ /* For times when you need small body copy, as in tables. */
		color: #FFFFFF;
		font-size: 8pt;
		}

	.teaser_question	{
		font-family: Georgia, Times New Roman, Times Roman, Times, serif;
		color: #000000;
		font-size: 10pt;
		line-height: 140%;
		margin-top:0;
		margin-bottom: 3;
		font-style:italic;
		text-align: left;					
		}
		
	.teaser_answer		{
		color: #000000;
		font-size: 8pt;
		text-align:left;
		margin-top:2;
		margin-bottom:0;
		}

	.package	{ /* Used for the heading of a product package. */
		font-size: 14pt;
		letter-spacing: -1;
		color: #0066CC;
		border-left-width: 1; border-right-width: 1; 
        	padding: 2px 5px;
       		margin: 10px 0px 0px 0px;
		border-top-style:solid; border-top-width:3;
		background-color:#D2EBF7;
		}
		                        
	.price	{ /* Used to display the price of a product package. */
		font-size: 18pt;
		color: #000000;
		letter-spacing: -1pt;
		font-weight: bold;
		float: right;
		margin: 15px;
		line-height: 100%;
		}
				
	.bottom_menu	{ /* Used for the section menu at the bottom of the page. */
		font-size: 10pt;
		color: #666666;
		text-decoration: none;
		font-weight:bold
		}
				
		.bottom_menu a, .bottom_menu a:link, .bottom_menu a:visited, .bottom_menu a:hover { color: #666666; }
											
	.ad_caption	{
		color: #666666;
		font-size: 8pt;
		text-align:left;
		margin:0
		}
					
	ul.carot	{
		list-style: none;
		font-size: 8pt;
		padding-left:0;
		margin: 4 0 0 0
		}
	
	li.carot	{
		margin:5 0 1 10;
		text-indent:-13
		}

	.weather_header	{ 
		color: white; 
		margin: 0px;
		line-spacing: 100%;
		}

        .disclaimer     {
		color: #666666;
		font-size: xx-small;
		}		


/* Form Elements */

form { padding: 0px; font-family: verdana, arial, helvetica, sans-serif; }

.text_field  {
        font-size: 8pt;
        text-decoration:none;
	border: 1px solid #c0c0c0;
	padding: 1px;
	font-family: verdana, arial, helvetica, sans-serif;
        }

.button, .button_default {
	background-color: #0066cc;
	border: 1px solid #003399;
	color: white;
	font-size: 8pt;
	padding: 1px;
	margin: 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	}
	
	.button_default { background-color: #003399; }


/* Span Tags */

span.strikeout { text-decoration: line-through; color: #FF0000 }
span.title_section { font-size: 12pt }



/* Styles from support_styles.css on support.hubris.net (merge into above.) */

#breadcrumb	{
			width: 100%;
			padding-top:2;
			padding-bottom:2;
			padding-left:5;
			background-color:#c0c0c0;
			border-bottom: 1px solid #c0c0c0; 
			font-family:verdana,arial,helvetica,sans;
			font-size:8pt;
			color:#555555; text-align:left; 
			margin-bottom:5;
			line-height:100%
			}
			
			.breadcrumb a,
			.breadcrumb a:link,
			.breadcrumb a:visited,
			.breadcrumb a:hover
													{
													color: #555555;
													}
																
.search_highlight	{border-bottom:1px dotted #000080; border-left-width:1; border-right-width:1; border-top-width:1}