/* -----------------------------

Title : framework.css
Author : Erickson Barnett
URL : 

dark grey text:   #333333
orange links:  #f16422
yellow hover #f2c131

----------------------------- */

html {
	background: #e2e2e2;
}

body {
	border: 0;
	margin: 0;
	padding: 0;
	font-family: arial, verdana, helvetica, sans-serif;
	color: #333333;
	font-size: small;
	text-align: center;
	background: #fff url('/xres/images/bg/html-bkgd.jpg') repeat-x bottom;
	}

/*-- global list styles ------------------*/

ul, li {
	list-style: none;
   	background: url(/xres/images/bullets/orange-arrow.gif) 0 .45em no-repeat;
	line-height: 1.37em;
	}
	
ul {
	background: none;
	padding-left: 0em;
	margin-left: 0em;
	margin: .34em 0em 1.37em 0em;
	}
 
ul li ul {
	margin: .34em 0; /*generally, keep this the same size as the margins on the li's*/
}
 
li {
	font-size: 95%;
	margin: .34em 0 .34em 0;
	padding-left: .8em;
}

li li, li li li {
	font-size: 100%;
}
		
ol {
	background: none;
	margin: .34em 0em 1.37em 0em;
	padding-left: 1em;
	margin-left: 1em;
}
	
ol li {
	list-style: decimal;
	background: none;
	padding-left:0;
}

ol li ul li{
	list-style: none;
	background: url(/xres/images/bullets/bullet.gif) 0 .45em no-repeat;
	padding-left: 1em;
}
	
dl {
	line-height: 1.37em;
	margin: .34em 0 1.37em 0;
}

dt {
	margin-top: .5em;
	color: #f16422;
	background: url('/xres/images/bg/grey-border.gif') repeat-x top left;
	padding-top: .5em;
}

dd {
	padding: 0 0 .7em 0;
	margin: 0;
	
}

dl p, dl ul li, dl ol li, dl h1, dl h2, dl h3, dl h4, dl h5, dl h6, li p, dl form label, dl form select {
	font-size: 100%;
}
	
/* any ul after a ul needs a bigger top margin */
ul + ul {
	margin-top: 1.2em;
}

/* any p inside an li needs a smaller top margin */
li > p {
	margin-top: 0.2em;
	}
	
/*-- end global list styles ------------------*/


p {
	font-size: 95%;
	line-height: 1.37em;
	margin: .34em 0em 1.37em 0em;
	/* 15px line-height / 11px font-size / top-margin 25% of the main line height */
}


/*-- global header styles ------------------*/

h1 {
	font-size: 116%;
	padding: 0 0 .3em 0;
	margin: 0em 0em .6em 0em;
	color: #58595b;
}

body.home h1 {
	background: url('/xres/images/bg/h1-bkgd.gif') repeat-x bottom;
}
	

h2 {
	font-size: 100%;
	color: #f16422;
	margin: 1.15em 0em .29em 0em;
}

h3 {
	font-size: 100%;
	margin: 1.15em 0em .29em 0em;
}

h4 {
	font-size: 100%;
	margin: 1.15em 0em .29em 0em;
	color: #f16422;
}

h5 {
	font-size: 100%;
	margin: 1.15em 0em .29em 0em;
}

h6 {
	font-size: 100%;
	margin: 1.15em 0em .29em 0em;
}

/*-- end global header styles ------------------*/

/*-- global table styles ------------------*/

table {
	font-size: 100%;
	line-height: 1.37em; /*should equal your main lineheights*/
}
/*this is for win ie5.x and Opera, as it will not cascade the percentage sizing
into the table.  Adding this rule defines the table as the containing block, 
and the sizing will then decend correctly.*/

table p, table li{
	font-size: 100%;
}

table td, table th {
	font-size: 95%; /* this should equal your main font-size (usually on the p element) */
}


/*-- end global tables ------------------*/

/*-- global links ------------------*/

a
{
  outline: none;
}

a:link {
    text-decoration: underline;
    outline: none;
    color: #f16422;
}

a:visited {
    color: #f16422;
}

a:hover {
	color: #58595b;
	text-decoration: underline;
}

a:active {
    color: #f16422;
}


/* prevent borders on images */
a img {
	border: 0;
}

/*-- end global links ------------------*/




/*-- for global use ------------------*/

pre {
	font-family: monospace;
	font-size: 100%;
	}
	
strong, b {
	font-weight: bold;
	}

hr {
	height:2px;
	border:0;
	background: transparent url('/xres/images/bg/grey-border.gif') repeat-x;
	clear: both;
	font-size: 0;
	margin: 13px 0;
}

.hr {
	height:2px;
	border:0;
	background: transparent url('/xres/images/bg/grey-border.gif') repeat-x;
	clear: both;
	font-size: 0;
	margin: 13px 0;
}

hr {
	height:2px;
	border:0;
	background: transparent url('/xres/images/bg/grey-border.gif') repeat-x;
	clear: both;
	font-size: 0;
	margin: 13px 0;
}

.right {
	text-align: right;
 }
 
 .left {
 	float: left;
 }

.clearer {
	clear: both;
}

.hide, .print {
	display:none;
}

.leadin {
	padding: 0;
	margin:.2em 0 .2em 0;
}

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

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

.last {
	border-right: none !important;
	background: none;
}

.replaced {
	width: 0px;
	height: 0px;
	display: block;
	margin: 0;
	padding: 0;
	text-indent: -10000px;
	background: url(/xres/images/bg/header-image.jpg) top left no-repeat;
}

ul.no-bullet {
	margin-left: 0;
	padding-left: 0;
}

ul.no-bullet li {
	padding-left: 0;
	background: none;
}

blockquote {	
	padding: 0;
	margin: .34em 0em 1em 0em; /* 1em = 15px */
	color: #000;
	font-size: 116%; /* 15px */
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	zoom: 1;
}

/*-- end for global use ------------------*/

/*-- general form stuff ------------------*/

form{
	padding: 0;
	margin: 0;
}

form fieldset {
	margin: 0;
	padding: 0;
	border: 0;
	margin-bottom:.34em;
}

form label, form select {
	font-size: 85%;
}

form p label, form p {
	font-size: 100%;
}

/*-- end general form stuff ------------------*/


/* ------------------------------------------------------------------------
   non-global framework/elements begin
   ------------------------------------------------------------------------ */

/* general stuff */

p.more {
	margin-top: -15px;
}

/*-- primary elements ------------------*/


#wrapper {
	margin: 0 auto;
	width: 911px;
	text-align:left;
}

#header {
	position: relative;
	height: 129px;
}

#header img#logo{
	position: absolute;
	bottom: 20px;
	left: 13px;
}

#content-wrapper {
	float: left;
	width: 911px;
	position: relative;
	background: url('/xres/images/bg/content-wrapper-bkgd.gif') no-repeat bottom;
}

#sidebar {
	float: left;
	width: 150px;
}

#callout {
}

#footer {
	clear: both;
	text-align: right;
	padding-top: 15px;
}	

#background {
	background: url('/xres/images/bg/idea-bkgd.gif') repeat-x 0 129px;
}

#main-content-wrapper {
	float: left;
	width: 663px;
}

#main-content {
	width: 511px;
	padding: 15px 52px 15px 58px;  
	float: left;
}

.wide #main-content {
	width: 843px;
	padding: 15px 10px 15px 58px;  
}

.grid {
	width: 165px;
	float: left;
}

.grid h2 {
	clear: left;
}


#main-content h1 {
	margin-top: 0;
}

div.section {
	padding: 0 2px 6px 2px;
	background: url(/xres/images/bg/section.gif) bottom left repeat-x;
	margin-bottom: -15px;
	zoom: 1;
}

#secondary-content {
	background: #fff;
	width: 236px;
	float: right;
	display: inline;
	padding-right: 11px;
	margin-bottom: 15px;
}

.content-header {
	width: 577px;
	height: 58px;
	float: left;
	padding: 15px 30px 20px 57px;
	background: #fff url('/xres/images/bg/content-header.jpg') no-repeat 15px 0;
}

.wide .content-header {
	width: 858px;
	padding: 15px 25px 20px 28px;
	background: #fff url('/xres/images/bg/content-header-wide.jpg') no-repeat 15px 0;
}

.content-header h1 {
	background: none;
	color: #ffffff;
	font-size: 177%;
	line-height: 1.1em;
	margin: 0;
}

.right-bkgd {
	position: absolute;
	top: 0px;
	right: -45px;
}

.left-bkgd {
	position: absolute;
	top: 0px;
	left: -45px;
}

.button {
	margin: 3px;
	float: left;
}

.button-rt {
	float: right !important;
}

.button:link,
.button:visited,
.button:hover {border:none;}

.button:link,
.button:visited { /* Top left corner, top edge */
	float:left;
	color:#fff;
	background: url('/xres/images/bg/button.gif') no-repeat;
	text-decoration:none !important;
}
.button * {display:block;}
.button span { /* Top right corner */
	padding:2px 0 0;
	background:url('/xres/images/bg/corners.gif') no-repeat right top;
}
.button span span { /* Bottom left corner, left and bottom edges */
	padding:0 0 0 6px;
	background:url('/xres/images/bg/button.gif') no-repeat left bottom;
}
.button span span span { /* Bottom right corner */
	padding:0 0 2px;
	background:url('/xres/images/bg/corners.gif') no-repeat right bottom;
}
.button span span span span { /* Right edge */
	padding:2px 12px 2px 4px; /* Extra padding (3px vertical, 6px horizontal) added to give the text some breathing room */
	background:url('/xres/images/bg/button.gif') no-repeat right center;
}
.button:hover,
.button:focus,
.button:active { 
	color:#000;
}

.button img {
	display: inline;
}

#secondary-content h3 {
	background: url('/xres/images/bg/h1-bkgd.gif') repeat-x bottom;
	padding-bottom: 2px;
	margin-bottom: 15px;
}

.feature-e-top {
	width: 227px;
	background: url('/xres/images/bg/top-side.jpg') no-repeat top left;
	background: url('/xres/images/bg/feature-top.jpg') no-repeat top left;
}

.feature-e-top img {
	float: right;
	margin-left: 10px;
	display: inline;
}
	
.feature-e-bottom {
	background: url('/xres/images/bg/bottom-side.jpg') no-repeat bottom left;
	background: url('/xres/images/bg/feature-bottom.jpg') no-repeat bottom left;
	padding: 10px 15px 10px 15px;
	color: #fff;
}

.feature-e-bottom h3 {
	margin: 0 !important;
	font-size:120%;
	background: none !important;
}

.feature-e-bottom p {
	margin:0;
	padding:0;
}

.feature-e-bottom p a {
	color: white;
}

.feature-top {
	width: 227px;
	margin-bottom: 15px;
	background: url('/xres/images/bg/feature-top.jpg') no-repeat top left;
}
	
.feature-bottom {
	background: url('/xres/images/bg/feature-bottom.jpg') no-repeat bottom left;
	padding: 10px 15px;
	color: #fff;
}

.feature-bottom h3 {
	margin: 0 !important;
	font-size: 120%;
	background: none !important;
}

.feature-bottom p {
	margin:0;
	padding:0;
}

.feature-wide .feature-content {
	width: 200px;
	float: none;
}

.feature-content {
	float: left;
	width: 110px;
}

.links {
	float: right;
}

ul.links {
	margin:0;
}

.links li {
	width: 83px;	
	font-size: 85%;
	background: url('/xres/images/bg/feature-link-top.gif') no-repeat top left;
	padding:0;
}

.links li a {
	width: 73px;
	color: #fff;
	padding: 3px 10px;
	font-size: 115%;
	display: block;
	text-decoration: none;
	background: url('/xres/images/bg/feature-link-bottom.gif') no-repeat bottom left;
}

.links li a:visited {
	color: #fff;
}

.links li a:hover {
	color: #f2c131;
}

#flash {
	background: #fff;
	padding-left: 15px;
	float: left;
}

#flashcontent {
	width: 637px;
	height: 206px;
	background: url('/xres/images/bg/flash-pic.jpg') no-repeat top left;
}

#widget {
	float: left;
	background: #fff;
	width: 259px;
	height: 206px;
}

div.intro {
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url('/xres/images/bg/h1-bkgd.gif') repeat-x bottom;
	/*padding-left: 30px; */
	/*margin-left: -30px;*/
}


/*header-1 style intros.*/
p.intro, div.intro p {
	color: #f16422;
	font-size: 115%;
	line-height: 1.2em;
	margin-bottom: 0;
	font-weight: bold;
}

/*p.intro, div.intro p {
	background: none;
	color: #ffffff;
	font-size: 177%;
	line-height: 1.1em;
	margin: 0;
}*/

.h3-a {
	position: relative;
}

.headerlink {
	position: absolute;
	top: .4em;
	right:0;
}

.products-content {
	margin-left: -30px;
}

.products-content h4, .products-content p {
	padding-left:  135px;
}

.products-content .left {
	padding-left: 30px;
	padding-bottom: 15px;
}




#products-callout {
	float: right;
	padding: 2px 0 11px 106px;
	display: inline;
	margin: 0 0 22px 22px;
	border-left: 1px solid #cdcdcd;
	width: 173px;
}

div#main-content div.full {
	width: 427px;
	padding-left: 0;
	border-left: none;
	margin-left: 0 !important;
}

#products-callout h2 {
	position: relative;
	zoom: 1;
	margin: 0 0 22px -84px;
}

#products-callout h4 {
	margin-top: 0;
}

#products-callout div.hr {
	position: relative;
	margin-left: -84px;
}

#products-callout img.left {
	float: left;
	position: relative;
	display: inline;
	margin-left: -84px;
	margin-bottom: 1em;
}


#calculator-callout {
	float: right;
	padding: 2px 22px 0px 22px;
	display: inline;
	margin: 0 0 22px 22px;
	width: 231px;
	background: #bb4919 url(/xres/images/bg/calculator-callout-top.gif) top left no-repeat;
}

#calculator-callout-bottom {
	background: url(/xres/images/bg/calculator-callout-bottom.gif) bottom left no-repeat;
	padding-top: 7px;
	font-size: 0;
	width: 275px;
	margin-left: -22px;
	zoom: 1;
}

#calculator-form {
}

#calculator-form label {
	display: block;
	color: #f26522;
	font-weight: bold;
	margin: 2px 0 6px 0;
}

#calculator-form input {
	width: 50px;
	margin: 0;
	border: 1px solid #f26522;
	padding: 2px;
	width: 200px;
}

#button {
	outline: none;
	margin: 8px 6px 8px 0;
	background: none;
	border: none;
	padding: 0;
}



#calculator-form p.or {
	background: url(/xres/images/bg/or.gif) 0 50% repeat-x;
	text-align: center;
	color: #f26522;
	margin: 10px 0;
	width: 180px;
	font-weight: bold;
}

p.or span {
	background: white;
	padding: 0 10px;
}

.rates {
	background: url(/xres/images/bg/rates-bottom.gif) bottom left no-repeat;
	margin: 6px 0;
	zoom: 1;
}

.rates ul {
	position: relative;
	zoom: 1;
	margin: 0;
	background: url(/xres/images/bg/rates-top.gif) top left no-repeat;
	padding: 6px 0 6px 11px;
}	

#calculator-callout * {
	color: white;
}


/* Widget */

#widget {
	background: #fff;
	float: left;
	width: 259px;
}

#vertical-wrapper {
	background: url('/xres/images/bg/subnav-mid.gif') repeat-y left;
	width: 235px;
	height: 206px;
	margin: 0 0 0 10px;
	
}

body.home .subnav-top {
	background: url('/xres/images/bg/subnav-top.gif') no-repeat top left;
	padding-top: 25px;
}

#subnav-bottom {
	background: url('/xres/images/bg/subnav-bottom.gif') no-repeat bottom left;
	padding-bottom: 5px;
}

#subnav-bottom {
	height: 181px;
	padding: 0;
}

/*-- navigation ------------------*/

#mainnav {
	position: absolute;
	bottom: 20px;
	right: 7px;
	margin: 0;
	padding: 0;	
	height: 34px;
	width: 714px;
	background: url('/xres/images/bg/mainnav.gif') no-repeat top left;
}

#mainnav li {
	float: left;
	margin: 0;
	font-size: 85%;
	display: block;
	padding: 0;
	background: none;
}

#mainnav li a {
	display: block;
	float: left;
	height: 34px;
	text-indent: -9999px;
}

#idea a {
	width: 131px;
}

#setting a {
	width: 159px;
}

#products a {
	width: 122px;
}

#support a {
	width: 99px;                   
}

#customers a {
	width: 110px;
}

#partners a {
	width: 93px;
}

#idea a:hover {
	background: url('/xres/images/bg/mainnav.gif') no-repeat 0 -68px;
}

#setting a:hover {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -131px -68px;
}

#products a:hover {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -290px -68px;
}

#support a:hover {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -412px -68px;
}

#customers a:hover {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -511px -68px;
}

#partners a:hover {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -621px -68px;
}

body.idea-in-your-world li#idea a {
	background: url('/xres/images/bg/mainnav.gif') no-repeat 0 -34px;
}

body.setting-industry-standards li#setting a {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -131px -34px;
}

body.products-services li#products a {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -290px -34px;
}

body.support li#support a {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -412px -34px;
}

body.customers li#customers a {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -511px -34px;
}

body.partners li#partners a {
	background: url('/xres/images/bg/mainnav.gif') no-repeat -621px -34px;
}

.subnav {
	background: url('/xres/images/bg/subnav-mid.gif') repeat-y left;
	width: 235px;
	margin-bottom: 25px;
}

.subnav-top {
	background: url('/xres/images/bg/subnav-top.gif') no-repeat top left;
}

.subnav-bottom {
	background: url('/xres/images/bg/subnav-bottom.gif') no-repeat bottom left;
	padding-bottom: 5px;
}

.subnav h2 {
	margin:0;
	color: #fff;
	position: relative;
	padding: 15px 10px 3px 10px;
}

.subnav li {
	border-top: solid 1px #f5b27b;
	font-size: 97%;
	padding: 0;
	margin: 0;
	float: left;
	width: 235px;
	background: none;
	
}

.subnav li a {
	color: #fff;
	text-decoration: none;
	display: block;
	padding: 3px 5px 3px 30px;
   	background: transparent url(/xres/images/bullets/white-arrow.gif) 1em .45em no-repeat;
   	width: 200px;
}

.subnav li a:visited {
	color: #fff;
}

.subnav li.on a {
	background: #f2a731 url(/xres/images/bullets/white-arrow.gif) 1em .45em no-repeat;
	color: #490D00;
}

.subnav li a:hover {
	background: #f2c131 url(/xres/images/bullets/white-arrow.gif) 1em .45em no-repeat;
	text-decoration: none;
	color: #490D00;
}

.subnav li ul {
	margin: 0;
	background: #eb9723;
}

.subnav li ul li {
	border-top: 0;
}

.subnav li ul li a {
	background: #f2a731 url(/xres/images/bullets/dash.gif) 1em .45em no-repeat !important;
	color: #fff !important;
	padding: 3px 5px 3px 40px;
	width: 190px;
}

.subnav li ul li.on a {
	color: #490D00 !important;
}

.subnav li ul li a:hover {
	background: #f2c131 url(/xres/images/bullets/white-arrow.gif) 1em .45em no-repeat;
	color: #490D00 !important;
}

.subnav li ul li.on a:hover {
	color: #490D00 !important;
}

#mininav {
	position: absolute;
	top: 0;
	right: 15px;
	margin: 0;
	padding: 0;	
	font-size: 110%;
}

#mininav li {
	float: left;
	margin: 0;
	font-size: 85%;
	padding: 5px 0;
	line-height: 1.1em;
	background: none;

}	

#mininav li a {
	color: #333;
	text-decoration: none;
	padding: 0 1em 0 .5em;
	border-right: 1px solid #f16422;
}

#mininav .login {
	color: #fff;
	display: block;
	width: 127px;
	background: url('/xres/images/bg/login-bkgd.gif') no-repeat bottom;
}

#mininav .login-wide {
	display: block;
	width: 140px;
	margin-left: 6px;
	background: url('/xres/images/bg/login-bkgd-wide.gif') no-repeat bottom;
}

#mininav .login a, #mininav .login-wide a {
	color: #fff;
	border-right: 0;
	background: url('/xres/images/bullets/white-arrow.gif') no-repeat left;
	padding-left: 1.2em;
	
}

#mininav li.on {
	font-weight: bold;
}

/* Home styles------------------------------------------------*/

.home #background {
	background: url('/xres/images/bg/idea-home-bkgd.gif') repeat-x 0 129px;
}

.home #content-wrapper {
	background: url('/xres/images/bg/content-wrapper-home-bkgd.gif') no-repeat bottom;
}

.col {
	width: 230px;
	float: left;
	margin-right: 20px;
	padding: 20px 40px 20px 27px;
}

.mid-c {
	width: 235px;
	margin-right: 19px;
}

* html .mid-c {
	margin-right: 15px;
}

.right-c {
	padding: 20px 24px 20px 20px;
	width: 229px;
	margin: 0;
}

.narrow {
	padding-left: 15px;
}

.home dt {
	background: none;
	color: #333;
}

.home dd {
	background: url('/xres/images/bg/grey-border.gif') repeat-x bottom left;
	zoom: 1;
}



/* End Home styles------------------------------------------------*/


#widget ul {
	padding: 7px 0 0 0;
	margin: 0;
	height: 1%;
	background: #58595b url('/xres/images/bg/shadow-top.gif') repeat-x top;
}

#widget li {
	padding:0;
	margin: 0;
	color: #fff;
	line-height: 1.2em;
	font-size: 11px;
	background: #58595b url('/xres/images/bg/shadow-bottom.gif') repeat-x bottom;
	padding:0px 15px 7px 15px;
}

#widget li a:hover {
	color: #fff;
}

#widget dl {
	margin: 0;
	padding: 0;
}

#widget dd {
	background: none;
	padding: 0;
	line-height: 1.1em;
	margin: 0;
	display: none;
}

#widget dl dd div {
	display: none;
	overflow: hidden;
	height: auto;
}

#widget dt {
	font-weight: bold;
	border-bottom: solid 1px #f4b27b;
	color: #fff;
	margin: 0;
	padding: 6px 15px;
	background: url(/xres/images/bullets/plus.gif) no-repeat 16em 8px;
}

#widget dt.on {

	background: url(/xres/images/bullets/minus.gif) no-repeat 16em 12px;
}

#widget dt.last {
	border:none;
}

dt.one-stop {
	display: none;
}

dd.one-stop {
	zoom: 1;
}

dd.one-stop li {
 	margin-bottom: 4px !important;
 }

dd.one-stop li a {
	display: block;
	background: url(/xres/images/headers/one-stop.gif) no-repeat top left;
	text-indent: -10000px;
	width: 150px;
	height: 17px;
	margin: 0;
}
	
div.top-dots {
   background: url(/xres/images/bg/orange-dot.gif) repeat-x top left;
   padding-top: 4px;
   margin-bottom: 3px;
}

.cust {
	
}

div.bottom-dots {
   background: url(/xres/images/bg/orange-dot.gif) repeat-x bottom left;
   padding-bottom: 4px;
   margin-bottom: 2em;
}


div.dot-box {
    background: none;
    background-color: #eee;
    padding: 10px;
}

.dot-box p {
    margin-bottom: 0;
}

.dot-box h2 {
    color: #666;
    margin-top: 0;
}


.list-arrow {
    margin-left: 5px;
    
}  

ul.customer-list li {
    padding-left: 0;
    background: none;
}

ul.customer-list a {
    whitespace: nowrap;
}

/* for two-column lists generated by JS */
ul.left {
	float: left;
	width: 220px;
	padding-right: 10px;
	margin-top: 0;
}

ul.right {
	float: right;
	width: 230px;	
	text-align: left;
	margin-top: 0;
}


div.logo {
    float: left;
    display: inline;
    width: 130px;
    margin-right: 10px;
}

div.info-text {
    float: left;
    width: 360px;
}

span.date {
    display: block;
}

p.event_date {
	color: #f26522;
	margin-bottom: 0;
}

p.event_title {
	margin-bottom: 0;
}

p.idea_event {
	margin-left: -20px;
	padding-left: 20px;
	background: url(/xres/images/bullets/4diamonds.gif) 5px 0 no-repeat;
}

table.advertising {
	margin-bottom: 2em;
}

table.advertising td {
	text-align: center;
	padding: 10px;
}

table.advertising th {
	background-color: #f26522;
	color: #fff;
	text-align: center;
	font-weight: normal;
	padding: 2px 10px 2px 10px;
}

table.cb {
	margin-bottom: 2em;
}

table.cb td {
	text-align: center;
	padding: 10px;
	
}

table.cb tr {
    background-color: #e5e5e5;
}

table.cb th {
	background-color: #f26522;
	color: #fff;
	text-align: center;
	padding: 2px 10px 2px 10px;
}

table.cb .left {
	text-align: left;
}

table.cb .right {
	text-align: right;
}

.dark {
	background-color: #ccc;
}

.light {
	background-color: #e5e5e5;
}

tr.hilite td {
	background-color: #f26522 !important;
	color: #fff;
	font-weight: bold;
}



dl.fb {
	float: left;
	width: 511px;
	background: #fff url('/xres/images/bg/grey-border.gif') 0 0 repeat-x;
	margin: 0;
	padding-bottom: 1em;
}

dl.fb dt {
	float: left;
	display: inline;
	width: 225px;
	margin-right: 15px;
	font-weight: bold;
	color: #333;
	padding-left: 5px;
	background: none;
}

dl.fb dd {
	float: left;
	width: 265px;
	background: none;
	clear: right;
	padding-top: 3px;
	padding-bottom: 0;
}

dl.fb ul {
	margin-bottom: 0;
}

dl.dark {
	background: #eee url('/xres/images/bg/grey-border.gif') 0 0 repeat-x;
}

div.fb-dots {
	margin-top: 0;
}

#admin {
	position: absolute;
	bottom: -100px;
	right: 15px;
	padding-top: 3em;
	clear: both;
}

.imgborder {
    border: 1px solid #e5e5e5;
    padding: 8px;
}

.center {
    text-align: center;
}

/* sponsors on home page */

.feature-sponsors img {
	float: none;
	margin: 0;
	text-align: center;
}

.sponsor-wrapr {
	background: url(/xres/images/bg/sponsors-top.gif) top left no-repeat;
	width: 193px;
	color: #333333;
	margin: 8px 0 0 0;
	padding: 8px 0 0 0;
	height: 105px;
	position: relative;
}

.sponsor-wrapr div {
	background: #fff;
	padding: 0 5px 0 5px;
	width: 183px;
	height: 90px;
	
}

.sponsor-wrapr p.sponsor {
	position: absolute;
	background: white;
	width: 185px;
	padding: 4px 0 0 0;
	margin: 0;
}


.sponsor-wrapr p.sponsor span {
	display: block;
	margin-top: 2px;
}

 div.sponsor-bottom {
	height: 8px;
	width: 193px;
	margin-bottom: 8px;
	background: url(/xres/images/bg/sponsors-bottom.gif) bottom left no-repeat;
	font-size: 0;
}

a.view-all {
	position: absolute;
	right: 10px;
	bottom:10px;
	font-size: .8em;
}

#cloud {
	margin-bottom: 24px;
}

#cloud a {
	text-decoration: none;
	margin-right: 4px;
	white-space: nowrap;
}

#cloud a.step22 {
	font-size: 22px;
	font-weight: bold;
}

#cloud a.step22:hover {
	background: #595959;
	color: #fff;
}

#cloud a.step20 {
	font-size: 18px;
	font-weight: bold;
	color: #595959;
}

#cloud a.step20:hover {
	color: #ffffff;
	background: #F16422;
}

#cloud a.step18 {
	font-size: 17px;
}

#cloud a.step18:hover {
	background: #595959;
	color: #fff;
}

#cloud a.step16 {
	font-size: 17px;
	color: #595959;
}

#cloud a.step16:hover {
	color: #ffffff;
	background: #F16422;
}

#cloud a.step14 {
	font-size: 14px;
	color: #595959;
	font-style: italic;
}

#cloud a.step14:hover {
	color: #ffffff;
	background: #F16422;
}


#cloud a.step12 {
	font-size: 13px;
	color: #595959;
	font-style: italic;
}

#cloud a.step12:hover {
	color: #ffffff;
	background: #F16422;
}

p.related-tags {
	margin-left: 8px;
}

p.related-tags a {
	color: #595959;
}

div.with-feature {
	margin-bottom: 24px;
}

div.col-feat-wrap {
	float: left;
	width: 638px;
}

#featured-message {
	clear: left;
	position: relative;
	/*background: #fff9f0;
	border: 1px solid #d65f1b;*/
	padding: 14px 24px 0px 30px;
	margin: 0 27px;
	width: 584px;
	/*margin-left: -10px;
	height: 232px;*/
	margin-left: -3px;
	height: 190px;
	
	background: #da7718;
	border: 1px solid #d65f1b;
	
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px;
}

#featured-message p {
	font-size: 14px;
	color: #fff;
}

#featured-message p a {
	color: #fff;
	margin: 0;
}

#featured-message li {
	zoom: 1;
	font-size: 15px;
	color: #fff;
	background: url(/xres/images/bullets/white-arrow.gif) 0 .45em no-repeat;
}

#featured-message li.on {
	font-weight: bold;
}

div.screenshots {
	background: #fff9f0;
}

#featured-message div.screenshots img {
	position: absolute;
	/*right: 28px;*/
	right: 8px;
	top: 52px;
	background: #da7718;
}

#featured-message h3 {
	position: absolute;
	right: 12px;
	top: 150px;
	text-align: center;
	color: #fff;
	margin: 0;
	width: 185px;
}

#featured-message h2 {
	font-size: 15px;
	color: #fff;
	line-height: 17px;
	/*text-shadow: #623307 1px 1px 1px;*/
	background: #58595b;
	padding: 4px 8px;
	margin: 0 0 8px -20px !important;
	border: 2px solid #4b4b4d;
	
	-moz-border-radius: 4px; 
	-webkit-border-radius: 4px;
}

#featured-message ul {
	margin-left: 0;
	/*margin-top: -6px;
	margin-left: -12px;*/
}

#featured-message ul li {
	font-size: 13px;
	font-weight: normal;
}

#featured-message ul li a, #featured-message ul li a:visited {
	color: #fff;
	font-weight: normal;
}

#featured-message ul li a:hover {
	color: #7e440b;
}

#featured-message #default {
	position: absolute;
	right: 24px;
	top: 8px;
}

#featured-message p, #featured-message h2 {
	width: 410px;
	margin-left: -12px;
}

#featured-message h2 {
 	width: 592px;
}

#featured-message p {
	font-size: 13px;
}
		
#default {
	width: 150px;
	position: absolute;
	left: 12px;
	top: 24px;
}