/* CSS Document */


/* ---- start reset ---- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ---- end reset ---- */




/* ---- start layout ---- */

div.wrapper {
	width: 977px;
	margin: auto;
   }
/* width of div.wrapper is always 80% of viewport width */ 

/* ---- end layout ---- */

/* CSS Document */

body {
	font-family:Arial, Verdana, Geneva, sans-serif;
	font-size: 12px;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 28px;
	font-weight:normal;
	margin: 0 0 0 0;
	padding: 5px 0 15px 0;
	color: #0084a9;
    padding-top: 15px;
    margin-bottom: 15px;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	color: #4d4d4d;
	padding: 4px 0px 10px 0px;

}

h2.maintitle
{
	border-bottom: 2px groove #999999; /* maintitle */
}

h1 span, h2 span, h3 span {
	color: #e76e34;
}

a {
	color: #1b75bb;
	text-decoration:underline;
}

a:hover {
	color: #333;
}

a.button
{
	float: left;
	display:block;
	width: 57px;
	height: 22px;
	background: transparent url(/images/common/bt_login.gif) no-repeat;
	color: white;
	text-align: center;
	line-height: 22px;
	text-decoration: none;
}

a.button:hover
{
	text-decoration: underline;
}



/* ---- start header ---- */

.header
{
	height: 84px;
	display:block;
	background: transparent url(/images/common/headerbg.gif) no-repeat;
}

.header .logo
{
	position:absolute;
	top: 10px;
	width: 289px;
	height: 65px;
	/*background: transparent url(/images/common/logo.gif) no-repeat;*/
}

div.logo h1 a{
background: transparent url(/images/common/logo.gif) no-repeat left top;
display:block;
height:65px;
width:289px;
text-indent:-99999px;
overflow:hidden;
outline:none;
}

.header .logo h1, .header .logo a
{
	height: 80px;
	padding: 0px;
	display:block;
	margin:0px; text-decoration: none;
}

.header a
{
	color: white;
	text-decoration: none;
}

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


#loginarea
{
/*	position:relative;
	left: 300px;*/
	float: right;
	padding: 2px 15px 0 0;
}

#faq_dropdown
{
	position: relative;
	left: 975px;
	padding: 2px 40px 20px 20px;
}

#loginarea div.label
{
	display: block;
	float: left;
	color: white;
	font-size: 16px;
	padding: 2px 5px 0 0;
}

#loginarea div.label span.loggedin
{
	font-size: 10px;
	padding-right: 10px;
	padding-top: 3px;
}

#loginbtn
{
}

	#myaccount-menu
	{
		display:none;
		z-index: 1000;
		position: absolute;
		top: 33px;
		left: 150px;
		margin:0px;
		padding:0px;
	}

	#myaccount-menu ul {
		list-style: none;
		margin:0px;
		padding:0px;
		z-index: 1000;
	}

	#myaccount-menu ul li {
		padding:0px;
		margin: 1px;
	}

	#myaccount-menu ul li a {
		display:block;
		width: 170px;
		line-height: 20px;
		background-color: #0083a9;
		padding: 4px;
		z-index: 200;
	}

	#myaccount-menu ul li a:hover
	{
		background-color: #666666;
	}




#navigation
{
	clear:both !important;

	position: relative;
	/*top: 50px;*/
	top: 26px !important;
	left: 325px !important;

/*	_left: inherit; / IE6 /
	_position: relative; / IE6 /
	_left: 310px;
	*/

	*position: relative;
	*left: 110px;
	*top: 20px;
	*clear:none;
}

#navigation ul li
{
	float: left;
	margin-right: 2px;

	_display: inline; /*IE6*/
	_width: 92px; /*IE6*/
	_text-align: center; /* IE6 */
}

#navigation ul li a
{
	display:block;
	background: transparent url(/images/common/navitemoffbg.gif) no-repeat;
	color: #e76e34;
	text-decoration: none;
	font-size: 18px;
	cursor: pointer;

	_font-size: 12px; /* IE6 */
	_height: 20px;

}

#navigation ul li a span
{
	background: transparent url(/images/common/navitemoffbgr.gif) no-repeat top right;
	display:block;
	line-height: 35px;
	height: 35px;
	padding: 0 10px 0 10px;

	_line-height: 12px;
	_padding-top: 12px;
	_height: 23px;
}

#navigation ul li a:hover
{
	background: transparent url(/images/common/navitemhoverbg.gif) no-repeat;
	color: #999999;
}

#navigation ul li a:hover span
{
	background: transparent url(/images/common/navitemhoverbgr.gif) no-repeat top right;
}


#navigation ul li.active a
{
	background: transparent url(/images/common/navitemonbg.gif) no-repeat;
}

#navigation ul li.active a span
{
	background: transparent url(/images/common/navitemonbgr.gif) no-repeat top right;
}



/* ---- end header --- */


/* ---- start content ---- */

.content-wrapper
{
	background-color: #f2f2f2;
}

.content-wrapper .top
{
	height: 16px;
	background: transparent url(/images/common/contentbg.gif) no-repeat top left;
}

.content-wrapper .bottom
{
	height: 16px;
	background: transparent url(/images/common/contentbg.gif) no-repeat bottom left;
}

.content-wrapper .content
{
	padding: 0 20px 0 20px;
}

.content-column
{
	background-color:white;
}

.content-column p
{
	margin-bottom: 5px;
	line-height: 14px;
}
/*
.content-column ul
{
	margin-left: 15px;
	list-style: disc outside;
}

.content-column ul li
{
	line-height: 14px;
}
*/

.content-column ul
{
	margin-left: 10px;
}

.content-column ul li
{
	list-style-type: disc;
	margin-left: 10px;
}

table td p
{
	line-height: 18px;
}


.content-column ol
{
	margin-left: 10px;
}

.content-column ol li
{
	list-style-type: decimal;
	margin-left: 10px;
}

.content-column-right
{
	float:left;
	padding: 5px;
	width: 90px;
}

.content-column-right h2
{
	text-align:center;
}

.rounded {
    border: 1px solid #d9d9d9;

    /* Do rounding (native in Firefox and Safari) */
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
}

/* ---- end content --- */



/* ---- start general content styling --- */

.form
{
	padding: 20px;
}


.content_article h2, .content_article h3, .content_article h4
{
    margin-bottom: 0.6em;
    padding-top: 0.5em;
    padding-bottom: 0.17em;
}

.content_article p
{
    margin-top: 0.4em;
    margin-right: 0pt;
    margin-bottom: 0.5em;
    margin-left: 0pt;
    line-height: 1.5em;
}

.content_article ul li
{
    margin-bottom: 0.1em;
    line-height: 16px;
}

/* ---- end general content styling --- */




/* ---- start footer ---- */

.footerbar
{
	padding-top: 25px;
	padding-bottom: 10px;
	height: 50px;
	font-size: 11px;
	color: #666666;
}

.footerbar .copyright
{
	float:right;
}

.footerbar ul
{
	float:left;
}

.footerbar ul li
{
	float: left;
	padding: 2px 5px 2px 5px;
	text-transform:uppercase;
}

ul.footer_col
{
    width: 120px;
}

ul.footer_col li
{
    float: none !important;

}





/* ---- end footer --- */





/* ---- start homepage rules --- */



/*#jointodaybtn
{
	background: transparent url(/images/home/bt_join.gif) no-repeat;
	float: right;
	width: 173px;
	height: 43px;

	font-size: 20px;
	line-height: 43px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: center;
}
*/

#jointodaybtn
{
	background: transparent url(/images/home/bt_join2.gif) no-repeat;
	float: right;
	width: 210px;
	height: 55px;
	font-size: 20px;
	line-height: 55px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
/*	padding-left: 60px;*/
	text-align: center;
	margin-top:-10px;
}

#jointodaybtn:hover
{
	text-decoration: none;
}

#jointodaybtnsmall
{
	background: transparent url(/images/home/bt_join_small.gif) no-repeat;
	float: right;
	width: 75px;
	height: 56px;
    padding-top: 5px;
	font-size: 20px;
	line-height: 22px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
/*	padding-left: 60px;*/
	text-align: center;
	margin-top:-10px;
    text-align: center;
    text-indent:-9999px;
}

#jointodaybtnsmall:hover
{
	text-decoration: none;
}

#jointodaybtnlimitedtime
{
	background: transparent url(/images/plans/btn_joinfreelimitedtrial.png) no-repeat;
	float: right;
	width: 173px;
	height: 56px;
    padding-top: 5px;
	font-size: 20px;
	line-height: 22px;
	color: white;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
/*	padding-left: 60px;*/
	text-align: center;
	margin-top:-10px;
    text-align: center;
    text-indent:-9999px;
}

#instantreportbtn, #instantreportbtn:hover
{
	background: transparent url(/images/common/btn_lg_instantreport.png) no-repeat;
	float: right;
	width: 123px;
	height: 30px;
	font-size: 20px;
	line-height: 55px;
	color: transparent;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -9999;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
/*	margin-right: 60px;*/
}

#instantreportbtn-sample, #instantreportbtn-sample:hover
{
	background: transparent url(/images/common/btn_sm_sampleinstantreport.png) no-repeat;
	float: right;
	width: 158px;
	height: 25px;
	font-size: 20px;
	line-height: 55px;
	color: transparent;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -9999;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
/*	margin-right: 60px;*/
}

#printreportbtn, #printreportbtn:hover
{
	background: transparent url(/images/common/btn_sm_printinstantreport.png) no-repeat;
	float: right;
	width: 116px;
	height: 25px;
	font-size: 20px;
	line-height: 55px;
	color: transparent;
	text-transform: uppercase;
	text-decoration: none;
	text-indent: -9999;
	display: block;
	padding-left: 30px;
	margin-top: 5px;
/*	margin-right: 60px;*/
}

#myaccount
{
	float: right;
	width: 173px;
	height: 43px;

	font-size: 14px;
	color: #0084a9;
	text-decoration: none;
	display: block;
	text-align: center;
}

#myaccount:hover
{
	text-decoration: none;
}

#portfolio-report-card
{
	float:left;
	width:141px;
	height: 362px;
	margin: 5px;
	padding: 8px 8px 5px 8px;
	*padding-left: 4px;
	background: transparent url(/images/home/portfoliobg.gif) no-repeat left top; /*#fef2e1*/
	background: #fef2e1 none;
	border: 1px solid #ececec;
	height: auto;
}

#portfolio-report-card h2
{
	font-size: 16px;
	width: 144px;
	height: 65px;
	color: transparent;
	margin: 0 0 0 0;
	padding: 0 0 10px 0;
	background: transparent url(/images/home/portfoliotitle.gif) no-repeat left top;
}

#portfolio-report-card h2 img
{
	position: relative;
	top: 7px;
	left: 6px;
}

#portfolio-report-card h3
{
	font-weight: bold;
	font-size: 11px;
}

#portfolio-report-card h4 { font-weight: bold; font-size: 14px; }
#portfolio-report-card h4 a { color: #4d4d4d; text-decoration:none; }
#portfolio-report-card h4 a:hover {color: #4d4d4d; text-decoration:none; }

#portfolio-report-card p
{
	font-size: 12px;

	line-height: 15px;
}

#portfolio-report-card label
{
	display:block;
	clear:both;
}

#portfolio-report-card p.left
{
	clear:both;
}

#portfolio-report-card p.left label
{
	float:left;
	clear:both;
	width: 72px;
	overflow: hidden;
	white-space : nowrap; display: inline;
}

#portfolio-report-card p.left span.value
{
float:left;
display:block;
	text-align:right;
	width: 68px;
}

#portfolio-report-card hr
{
	margin: 3px 0px 3px 0px;
	clear:both;
	*margin: 0px 0px 0px 0px;
	*height:1px;
}

#portfolio-report-card .sep10px
{
	border:none;
	border-bottom: 10px solid #999999;
}

#portfolio-report-card .sep3px
{
	border:none;
	border-bottom: 3px solid #999999;
}

#portfolio-report-card .sep1px
{
	border:none;
	border-bottom: 1px solid #999999;
}

#portfolio-state-list-wrapper
{
	height: 342px;
	padding-left: 10px;
	*padding-left: 10px;
	*margin-left: 0px;
}

#portfolio-state-list-wrapper ul
{
	float: left;
	width: 20px;
	margin-left:0px;
	list-style:none !important;
	list-style-type: none;
	padding-left:0px;
	*margin-left:0px;
	*padding-left: 0px;
}

#portfolio-state-list-wrapper ul li
{
	margin-left:0px;
	padding-left: 4px;
	line-height: 18px;
	list-style-type: none;
}





.boxes .box
{
	float:left;
	background:transparent url(/images/home/boxbg.jpg) no-repeat top left;
	width: 198px;
	padding: 15px 15px 15px 15px;
	height: 157px;
	margin-right: 7px;
}

.boxes .last
{
	margin-right: 0px !important;
}

.boxes .last
{
	margin-right:0px;
}

.boxes h2
{
	font-size: 16px;
	font-weight:bold;
	color: #0084a9;
	text-align:center;
	padding-top: 10px;
	padding-bottom: 5px;
}

.boxes p
{
	color: #4d4d4d;
}

.boxes .box .icon
{
	text-align:center;
	margin: auto;
	width: 90px;
	height: 65px;
	background: transparent url(/images/home/boxicons2.jpg) no-repeat top left;
}

.boxes  .box .icon01
{
	background-position: 0px 0px;
}

.boxes  .box .icon02
{
	background-position: -90px 0px;
}

.boxes  .box .icon03
{
	background-position: -180px 0px;
}

.boxes  .box .icon04
{
	background-position: -270px 0px;
}

#news
{
	padding-top: 20px;
	color: #666666;
	font-size: 12px;
	line-height: 14px;
	clear:both;
}

#news h2
{
	color: #e76e34;
}

#news .column
{
	float: left;
	width: 47%;
}



/* ---- end homepage rules --- */


/* added */
fieldset ul, fieldset li { border:0; margin:0; padding:0; list-style:none; }
fieldset li { clear:both; list-style:none; padding-bottom:10px; }
fieldset input { float:left; width:400px; }
fieldset label { width:200px; float:left; }

.content table { padding: 0.5em; margin-bottom: 1.5em; }
.content table th { text-align: left; font-weight: bold; padding: 0.5em; }
.content table td { padding: 0.3em; }
.content table tr.rowA { background-color: #f5f5f5; color: inherit;}
.content table tr.rowB { background-color: #fdfdfd; color: inherit; }
.content table tr.rowC { background-color: #eeeeee; color: inherit; }
.content .spacer { height:10px; }

.content h3 
{
    font-size: 15px;
    margin: 6px 0px 4px 0px;
    font-weight: normal;
    color: #111111;
}

.content h4
{
    font-size: 13px;
    margin: 6px 0px 4px 0px;
    font-weight: bold;
    color: #111111;
}

/* Misc */
.clear { clear: both; }
.alert { color:red; font-weight:bold; }
.loading { height: 350px; background-image: url(/images/ajax-loader.gif); background-position: center center; background-repeat: no-repeat; }
.leftdef { float:left; padding-left:420px; }

/* Tabs related */
.tabs_div { width: 800px; }
.ui-tabs { padding: .2em; zoom: 1;}
.ui-tabs .ui-tabs-nav { list-style: none; position: relative; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0;}
.ui-tabs .ui-tabs-nav li a { float: center; text-decoration: none; padding: .0em 2em; border-style: solid; border-width: thin; border-color: #cacaca;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0px; border-bottom-width: 0; background: #cacaca; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { padding: 1em 1.4em; display: block; border-width: 0; border-style:solid; border-color: #cacaca;}
.ui-tabs .ui-tabs-hide { display: none !important; }

/* Portfolio pages */
#portfolio { padding: 10px; }
#portfolio .hd { padding-left: 10px; padding-bottom: 4px; font-size: 10pt; font-weight: bold; }
#portfolio .listfirst { float:left; }
#portfolio .list { float:left; padding-left: 10px; }
#portfolio .divider { margin-top: 1.2em; margin-bottom: 1.2em; border-bottom: dotted 1px #cacaca; }
#portfolio select { width: 175px; }
#portfolio .left { text-align: left; }
#portfolio .finished {position:absolute; left:700px; padding: 0px 20px 0px 20px; margin-left:40px;}
#portfolio h2 { color: #df572d; }
#portfolio h3, #portfolio h3 span { color: #666666; font-size: 14px; font-weight: normal; padding-bottom:4px; }
#portfolio table { border-bottom: 2px solid #999999; margin-bottom:1px; }
#portfolio table th { color: #e84323; border-bottom: 2px solid #999999; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 4px; }
#portfolio table td { font-size: 11px; color: #333333; padding: 4px; }
#portfolio table td input { width: 140px; }
#portfolio table tr.even { background-color: #efefef; }

#category-list table { border:none; font-size: 8pt; padding:0; margin:0; }
#category-list table tr { padding:0; margin:0; }
#category-list table td { padding:2px; margin:0; text-align:top; }

/* high net worth */
#highnetworth table { border:none; font-size: 8pt; padding:0; margin:0; text-align:top; }
#highnetworth table tr { padding:0; margin:0; }
#highnetworth table th { padding:2px; margin:0; font-weight: bold; }
#highnetworth table td { padding:2px; margin:0; text-align:top; }
#highnetworth .header { font-weight: bold; font-size: 10pt; background: #eaeaea; padding:2px; margin-bottom:4px; }

#newsfeeds table { border: none; }
#newsfeeds table td { padding: 2px 0 0 0; border-bottom: dotted 1px #cacaca; }

.pricecheck-box { float:left; padding-top: 20px; }
.pricecheck-box img.icon { margin-left:15px; padding-top: 20px; }
.pricecheck-box .search { margin-left:20px; }
.pricecheck-box .search .label {font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight:bold; color: #0084a9; text-align: right; }
.pricecheck-box .search .small {font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #000000; }


#monitoring { padding: 10px; }
#monitoring .divider { margin-top: 1.2em; margin-bottom: 1.2em; border-bottom: dotted 1px #cacaca; }
#monitoring .left { text-align: left; }
#monitoring h2 { color: #df572d; }
#monitoring table { border-bottom: 2px solid #999999; margin-bottom:1px; }
#monitoring table th { color: #e84323; border-bottom: 2px solid #999999; font-size: 11px; font-weight: bold; text-transform: uppercase; padding: 4px; }
#monitoring table td { font-size: 11px; color: #333333; padding: 4px; }



#portfolio-report-card h2.portfolio
{
	background: none; /*transparent url(/images/portfolio/portfoliotitle.gif) no-repeat left top !important;*/
	height: 38px !important;
	color: #147095;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 13px;
	*font-size: 11px;
}


.report table
{

}

.report table th
{
	text-align: left;
	padding: 4px 2px 4px 0;
	border-bottom: 3px solid #666666;
}

.report table td
{
	padding: 5px 2px 5px 0;
	border-bottom: 1px solid #666666;
}

.report table td.align-right
{
	text-align: right;
	padding-right: 5px;
}

.content-column-block
{
	float:left; padding: 10px;
}



/* ---- start search ---- */

.search-panel
{
	padding: 10px 10px 0px 10px;
	height: auto;
}

.content-column .search-panel-column #searchlogo { background: #ffffff url(/images/pricecheck/headerbg.jpg) no-repeat left top; height: auto; }

.search-panel .separator-horiz
{
	border-top: 1px dotted #cacaca; padding: 0 0 20px 0; 
}

.filter-panel
{
	padding: 10px 0px 0px 10px;
	margin: 10px;
}

.search-panel h3, .filter-panel h3
{
	font-size: 12px;
	font-weight: bold;
	color: #777777;
	padding: 0px 0px 6px 0px;
}

.search-panel .title, .filter-panel .title
{
	font-size: 17px;
	font-weight: bold;
	color: #0084a9;
	padding-top: 0px;
	padding-right: 15px;
	width:150px;
}

.search-panel ul li
{
	padding: 0px 0px 2px 0px;
	font-size: 11px;
}

.search-panel ul li a
{
	color: #2b99d8;
}

.search-panel-column
{
	float: left;
	padding: 10px;
/*	height: 80px;*/
}

.search-separator
{
	border-right: 1px solid #cccccc;
}

.search-separator-section
{
	border-bottom: dotted 1px #cacaca;
	padding: 15px 0 15px 0;
}

.filter-panel
{
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #fcebe4;
}

.filter-panel select, .search-panel select
{
	padding: 2px;
	font-size: 11px;
}

.filter-panel-column
{
	float: left;
	padding: 10px;
}

.filter-panel-showhide, .filter-panel-showhide:hover
{
	background: transparent url(/images/search/iconfilter.gif) no-repeat left top;
	background-position: 0px -20px;
	width: 100px;
	height: 20px;
	display: block;
	color: transparent;
}

.filter-panel-showhide-show
{
	background-position: 0px -0px !important;
}

.filter-panel-savefilter, .filter-panel-savefilter:hover
{
	background: transparent url(/images/search/iconfilter2.gif) no-repeat left -28px;
	width: 70px;
	height: 14px;
	display: block;
	color: transparent;
}

.filter-panel-savename
{
	width: 70px;
	height: 15px;
	padding: 0 10px 0 0;
	display: block;
}


.filter-panel-label-preset
{
	background: transparent url(/images/search/iconpreset.gif) no-repeat 10px 20px;
	width: 80px;
	height: 50px;
}
.filter-panel-label-custom
{
	background: transparent url(/images/search/iconcustom.gif) no-repeat 10px 20px;
	width: 80px;
	height: 50px;
}


#search-preset
{
	padding:0px;
	margin:0px;
}

.search-criteria li a
{
}

.search-criteria li a.selected
{
	font-weight: bold;

}


ul.search-criteria
{
	margin-left: 0px !important;
}

ul.search-criteria li
{
	list-style-type: none !important;
	margin-left: 0 !important;
}




.search-results
{
	padding: 10px;
}

.search-results h2
{
	color: #df572d;
}

.search-results h3, .search-results h3 span
{
	text-transform: uppercase;
	color: #666666;
	font-size: 14px;
	font-weight: normal;
}

#search-results-title-filters
{
	height: 22px;
}

#savename
{
	margin-right: 8px;
	padding: 2px 5px 2px 5px;
	font-size: 11px;
	color: #333333;
	border: 1px solid #dddddd;
	width: 100px;
}


.search-results .showing
{
	font-size: 16px;
	font-weight: bold;
	color: #0084a9;
}

.search-results table
{
	border-bottom: 2px solid #999999;
	margin-bottom:1px;
}

.search-results table th
{
	color: #e84323;
	border-bottom: 2px solid #999999;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	padding: 4px;
}

.search-results table td
{
	font-size: 11px;
	color: #333333;
	padding: 4px;
}

.search-results table tr.even td
{
	background-color: #efefef;
}

.search-results-showmore
{
	height: 15px;
	width: 100px;
	padding:0px;
	margin:0px;
}

.search-results-showmore a
{
	background: transparent url(/images/search/showmore.gif) no-repeat top center;
	display:block;
	width: 900px;
	float:left;
	height: 20px;
	margin: auto;
	text-align: center;
	color:transparent;
}

#search-results-value-criteria
{
	text-transform: capitalize;
}

.search-clear
{
	display: block;
	padding-top: 20px;
	font-size: 11px;
	font-weight: normal;
}

.loading
{
	background: transparent url(/images/search/loading.gif) no-repeat;
}


/* ---- end search ---- */


/* ---- start debug ---- */

#debug
{
	padding: 10px;
}

#debug p
{
	padding: 5px;
}

/* ---- end debug ---- */



/* ---- start price check ---- */

#pricecheck-form
{
	background: #ffffff url(/images/pricecheck/headerbg.jpg) no-repeat left;
	margin-right: 11px;
	height: 140px;
}

#pricecheck-form form
{
	padding-top: 20px;
	padding-left: 200px;
}

#pricecheck-form form label
{
	color: #0084a9;
	font-size: 16px;
	font-weight: bold;
	width: 250px;
	text-align:right;
	float:left;
	padding-right: 5px;
	padding-top: 3px;
}

#pricecheck-form form .small
{
	font-size: 9px;
	color: #000000;
	font-style: normal;
	padding: 4px 0 4px 0;
	display:block;
}

#pricecheck-form p
{
	line-height: 14px;
}

#pricecheck-form form div div
{
	padding-bottom: 10px;
}

#pricecheck-results h2
{
	margin: 0px 10px 0px 10px;
	padding:10px !important;
	border-bottom: 1px solid #999999;
}

#pricecheck-results table
{
	font-size: 11px;
}

#pricecheck-results table.col1
{
	border-right: 1px solid #999999;
}

#pricecheck-results table th
{
	padding:2px;
	font-weight: bold;
	text-transform: uppercase;
}


#pricecheck-results table td
{
	padding:2px;
}

/* ---- end price check ---- */




/* ---- start user plans signup ---- */

/*
http://jquery.bassistance.de/tooltip/demo/
*/

.signup
{
	background-image: url(/images/plans/planbg.jpg);
	background-repeat: no-repeat;
	background-position: 20px 20px;
	padding: 10px;
}

.signup .col .yes
{
	background-image: url(/images/plans/yesw.gif);
	background-repeat: no-repeat;
	/* background-position: 54px 5px;*/
    background-position: 42px 5px;
}

.signup .plan-premium .yes
{
	background-image: url(/images/plans/yeso.gif) !important;
	background-repeat: no-repeat;
	/*background-position: 54px 5px;*/
    background-position: 65px 5px !important;
}



.signup .btn-signup, .signup .btn-signup:hover
{
	background-image: url(/images/plans/btn-signup.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 47px;
	display: block;
	float: left;
	color: transparent;
	cursor: pointer;
	text-decoration:none;
	margin-top: 5px;
}

.btn-signup-gray, .btn-signup-gray:hover
{
	background-image: url(/images/plans/btn-signup-gray.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 47px;
	display: block;
	float: left;
	color: transparent;
	cursor: pointer;
	text-decoration:none;
	margin-top: 5px;
}

.btn-contact-gray, .btn-contact-gray:hover
{
	background-image: url(/images/plans/btn-contact-gray.gif);
	background-repeat: no-repeat;
	width: 130px;
	height: 47px;
	display: block;
	float: left;
	color: transparent;
	cursor: pointer;
	text-decoration:none;
	margin-top: 5px;
}

.signup .btn-signup-star, .signup .btn-signup-star:hover
{
	background-image: url(/images/plans/btn-signup-star.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 55px;
	display: block;
	float: left;
	color: transparent;
	cursor: pointer;
	text-decoration:none;
	margin-top: 1px;
}

.signup .btn-contact-star, .signup .btn-contact-star:hover
{
	background-image: url(/images/plans/btn-contact-star.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 55px;
	display: block;
	float: left;
	color: transparent;
	cursor: pointer;
	text-decoration:none;
	margin-top: 1px;
}

.btn-signup-star-gray, .btn-signup-star-gray:hover
{
	background-image: url(/images/plans/btn-signup-star-gray.gif);
	background-repeat: no-repeat;
	width: 170px;
	height: 55px;
	display: block;
	float: left;
	color: transparent;
	cursor: pointer;
	text-decoration:none;
	margin-top: 1px;
    margin-left: 10px;
}


	.signup .col
	{
		float:left;
		width: 130px;
        width: 130px;
        padding-left: 0px;
	}
    
    .signup .col ul
    {
        padding-left: 0px;
    }

	.signup .col ul li
	{
		line-height: 42px;
		color: #1d6f95;
		font-weight:bold;
		text-align: left;
        
        list-style-type: none !important;
        margin-left: 0px;
	}

	.signup .plan ul li
	{
		text-align: center;
        padding-right: 20px;
		color: #000000;
		font-size: 16px;
		display:block;
        padding-left: 10px;
	}
    
    .signup .plan ul li a
    {
        display: block;
    }

	.signup .col-titles
	{

		position:relative;
		top: 130px;
		left: 25px;
	}
    
    .signup .col-titles a
    {
        display: block;
    }
    
	.signup .col-titles ul li
	{
		width: 190px;
	}

	.signup .col-titles a { text-decoration: none; }

	.signup .plan-enterprise
	{
		position:relative;
		top: 70px;
		left: 105px;
	}

	.signup .plan-pro
	{
		position:relative;
		top: 70px;
		left: 140px;
	}

	.signup .plan-premium
	{
		position:relative;
		top: 70px;
		/*left: 205px; */
		left: 175px;
	}

	.signup .plan-premium	/** att */
	{
		width: 150px !important;
	}

	.signup .plan-premium .yes /** att **/
	{
		background-position: 90px 5px;
	}

	.signup .plan-premium ul li	/** att **/
	{
		padding-left: 35px !important;
	}

	.signup .plan-premium div h4	/** att **/
	{
		padding-left: 40px !important;
	}

	.signup .plan-free
	{
		position: relative;
		top: 70px;
		left: 245px;
	}

	.signup .plan div
	{
		height: 60px;
	}

	.signup .plan div h4
	{
		padding-top: 4px;
		font-size: 18px;
		font-weight: bold;
		text-align: center;
	}


	#tooltip.pretty {
		font-family: Arial;
		border: none;
		width: 180px;
		height: 113px;
		padding-right: 30px;
		/*background: transparent url('/images/common/tooltip.png') no-repeat !important;*/
		background: transparent url('/images/common/tooltip2.gif') no-repeat !important;
		color: #333333;
		opacity: 1;
        top: 0px;
        position:absolute;
	}





		.iagree
		{
			font-size: 14px;
			color: #e76e34;
			font-weight:bold;
		}

		span.required
		{
			display: block;
			float: left;
			width: 15px;
			height: 15px;
			background: transparent url(/images/common/icon-required.gif) no-repeat;
		}

		span.padding
		{
			display:block;
			float:left;
			width: 15px;
			height: 15px;
			background:none;
		}

		span.accounttype
		{
			color: #1d6f95;
			text-transform: capitalize;
			font-weight: bold;
		}

		.banner div
		{
			padding-top: 57px;
			font-size: 18px;
			font-weight:bold;
			text-align: center;
		}

		.banner ul
		{
			padding-top: 50px;
			padding-left: 40px;
			list-style: disc;
		}

		.banner ul li
		{
			font-size: 11px;
			font-weight: bold;
			line-height: 13px;
		}


		.banner-premium
		{
			background: transparent url(/images/plans/banner_premium.jpg) no-repeat;
			width: 221px;
			height: 390px;
		}

		.banner-pro
		{
			background: transparent url(/images/plans/banner_pro.jpg) no-repeat;
			width: 221px;
			height: 390px;
		}
		
		.banner-enterprise
		{
			background: transparent url(/images/plans/banner_enterprise.jpg) no-repeat;
			width: 221px;
			height: 390px;
		}

		.banner-free
		{
			background: transparent url(/images/plans/banner_free.jpg) no-repeat;
			width: 221px;
			height: 390px;
		}


/* ---- end sign up ---- */



.small {font-size: 9px; }

#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #eee;
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
	color: black;
}
#tooltip h3, #tooltip div { margin: 0; }

.even { background-color: #efefef; }




/* ---- start report card */


#lettergrade-control
{
	margin: auto;
	width: 500px;
	clear: both;
	text-align: center;
}

#lettergrade-control div
{
	float:left;
	width: 45px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	font-size: 20px;
	font-family: Arial;
	font-weight: bold;
	color: #777777;
	background: url(/images/reportcard/grade-small.gif);
	margin-top: 45px;
}

#lettergrade-control .active
{
	width: 144px;
	height: 144px;
	color: #1d6f97;
	background: url(/images/reportcard/grade-big.gif);
	line-height: 144px;
	font-size: 75px;
	margin-top: 0px;
}

.lettergrade-table
{
	color: #545454;
}

.lettergrade-table .inner
{
	color: #545454;
}

.lettergrade-table thead th
{
	border-bottom: 1px solid #999999;
}

.lettergrade-table tbody td
{
	border-bottom: 1px solid #999999;
}

.lettergrade-table thead th
{
	text-transform: uppercase;
	font-size: 12px;
	color: #000000;
}

.lettergrade-table .title
{
	font-size: 16px;
}

.lettergrade-table .title-grade
{
	color: #1d6f97;
	font-size: 16px;
	font-weight: bold;
}

.lettergrade-table .subtext
{
/*	color: #545454; */
color: #1d6f97;
	font-weight: bold;
}

.lettergrade-table tfoot td.totalgrade
{
	background-color: #1d6f97;
	font-size: 16px;
	color: #ffffff;
}

.lettergrade-table tr.expanded td
{
	background-color: #d6e8f2;  /* color row expanded first line */
	border-bottom: 1px solid #d6e8f2;
}

.lettergrade-table tr.expanded2 td
{
	background-color: #ebf4f9;  /* color row expanded second line */
	background-color: #fafafa;
/*	color: #1d6f97;*/
	font-size: 12px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 8px;
	border-bottom: 1px solid #ebf4f9;
}


.reportcard-all-showhide, .reportcard-all-showhide:hover
{
	background: transparent url(/images/reportcard/icondetailsall.gif) no-repeat left top;
	background-position: 0px -14px;
	width: 95px;
	height: 14px;
	display: block;
	color: transparent;
	text-transform: none;
}

.reportcard-all-showhide-show
{
	background-position: 0px -0px !important;
}


.reportcard-reason-showhide, .reportcard-reason-showhide:hover
{
	background: transparent url(/images/reportcard/icondetails.gif) no-repeat left top;
	background-position: 0px -14px;
	width: 77px;
	height: 14px;
	display: block;
	color: transparent;
	text-transform: none;
}

.reportcard-reason-showhide-show
{
	background-position: 0px -0px !important;
}


/* ---- end report card ---- */



/* ---- start beta site ---- */

#betapanel
{

}

#betapanel p
{
	color: #333333;
}

#betapanel span.label
{
	clear: both !important;
	display: block;
	color:#333333 !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
}

#betapanel div input
{
	font-size: 14px;
	border: 1px solid #0083a9;
	padding: 6px 4px 6px 4px;
}

#betapanel div .formbutton
{
	padding:0px;
	border:none;
}

#betapanel div.row
{
	padding: 10px 0 4px 0;
}

.gray
{
	background: #CAC6BA;
	color: white;
}

/* ---- end beta site ---- */

.portfolioSelectList {font-size: 10px; width:140px;}


/* Navigation Menu Styles */

/*http://www.justsoftwaresolutions.co.uk/articles/sample_menu.html*/
.navmenu
{
	display:block;
	float:left;

}
.navmenu,
.navmenu ul,
.navmenu li
{
	padding: 0px;
	margin: 0px;
	z-index: 900;
}
.navmenu > li
{
	float: left;
}
.navmenu li
{
	list-style-type: none;
	color: black;
}
.navmenu ul
{
	display: none;
	position: absolute;
	margin-left: -3px;
	margin-top: 0px; /* 2 */
}
.navmenu li:hover > ul
{
	display: block;
	background-color: #0083a9;
}
.navmenu ul.parent_hover
{
	display: white;
}
.navmenu a
{
	color: white;
	background: none;
	display: block;
	width: 100%;
	text-decoration: none;
}
.navmenu li:hover
{
	color: black;
}
.navmenu li.hover,
.navmenu a:hover
{
	color: white;
}
.navmenu ul ul
{
	margin-top: -1.2em;
	left: 99%;
}
.navmenu span
{
	display: block;
}
.navmenu
{
	float: left;
	color: white;
}
.navmenu li ul li a
{
	font-size: 12px !important;
	padding: 3px;
	background-color: #0083a9;
	padding: 4px;
	width: 147px;
	line-height: 20px;
	margin-bottom:2px;
}
.navmenu li ul li a:hover
{
	background-color: #666666;
}
.endmenu
{
	clear: left;
}

.custom_round
{
    background: transparent url(/images/home/border.png) no-repeat;
    width: 490px;
    height: 176px;
    padding: 10px;
    overflow: hidden;
    overflow-y: hidden ;
    overflow-x: hidden ;
}

.custom_round .inner
{
    
    height: 166px;
    overflow: scroll;
    overflow-y: scroll ;
    overflow-x: hidden ;
}

.custom_round2
{
    background: transparent url(/images/home/border2.png) no-repeat;
    width: 370px !important;
    height: 166px;
    padding: 10px;
    overflow: hidden;
    overflow-y: hidden ;
    overflow-x: hidden ;
}

.custom_round2 .inner
{
    width: 365px;
    height: 95px;
    overflow: scroll;
    overflow-y: scroll ;
    overflow-x: hidden ;
}

#newsletter
{
    background: transparent url(/images/common/newsletterbg.png) no-repeat;
    width: 346px;
    height: 60px;
}

#newsletter form
{
    padding-top: 8px;
    padding-left: 50px;
    font-size: 12px;
    color:white;
}

#newsletter .newsletter_textbox
{
    position: absolute;
    padding-left: 5px;
    padding-top: 7px;
    color: #555555;
    font-size: 11px;
}

#newsletter .newsletter_textbox input
{
    padding: 4px;
    *padding: 2px;
    color: #555555;
    font-size: 11px;
    border:none;
}

#newsletter .newsletter_button
{
    position: absolute;
    padding-left: 140px;
    padding-top: 5px;
}


/*
 * Price Check page CSS rules
 *
 * This section contains all custom price check page CSS optimization
 */

.pricecheck_table td, .pricecheck_table th
{
    margin:2px !important;
    padding: 2px !important;
}

.pricecheck_table th
{
    background-color: #dddddd;
}

.pricecheck_table td
{
    background-color: #efefef;
}


        
        .topsection
        {
            background: transparent url(/images/pricecheck/topsection.png) no-repeat;
            width: 750px;
            height: 197px;
            padding-top: 5px;
            margin-bottom: 20px;
            margin-left: 20px;
        }
        
        .price
        {
            background: transparent url(/images/pricecheck/pricecheck_background1.jpg) no-repeat;
            width: 495px;
            height: 170px;
            margin-left: 200px;
        }
        
        .price .how
        {
            color: white;
            position: relative;
            top: 60px;
            left: 60px;
            font-size: 13px;
        }
        
        .price .how .left
        {
            float: left;
            width: 250px;
        }
        
        .price .how a
        {
            color: white;
            text-decoration: underline;
            cursor: pointer;
        }
        
        .estimated_how_class
        {
            width: 190px;
            height: 160px;
            background: transparent url(/images/pricecheck/tooltipbg.png) no-repeat !important;
            border:none !important;
            padding: 20px !important;
            font-size: 11px !important;
            color: #333333 !important;
            font-weight: normal !important;
        }

        .price_trans
        {
            width: 463px;
            height: 135px;
            z-index: 10;
            position: absolute;
        }
        
        .figures
        {
            position: relative;
            top: 40px;
            left: 5px;
            height: 75px !important;
            overflow: hidden;
            font-size: 72px;
            color: white;
        }
        
        .figures span.sign
        {
            display: block;
            float: left;
            padding-top: 5px;
            padding-left: 10px;
            width: 40px;   
            font-size: 60px;
        }
        
        .figures span.sign_right
        {
            display: block;
            float: left;
            padding-top: 20px;
            padding-left: 5px;
            width: 50px;   
            font-size: 50px;
        }
        
        .figures span.col1
        {
            display: block;
            float: left;
            width: 172px;
            padding-left: 8px;
            text-align: right;            
            letter-spacing: 20px;
        }
        
        .figures span.col2
        {
            display: block;
            float: left;
            width: 172px;
            padding-left: 20px;
            text-align: right;             
            letter-spacing: 20px;
        }
        
        .figures span.digit
        {
            float: left;
            width: 58px;
            height: 75px;
            display: block;
            font-size: 70px;
            color: black;
            text-indent: -9999px;
        }
        
        .figures span.digit_sep
        {
            float: left;
            width: 35px;
            height: 75px;
            display: block;
            font-size: 70px;
            color: black;
            text-indent: -9999px;
        }
        
        .digit_0 { background: transparent url(/images/pricecheck/pricecheck-0.png) no-repeat; }
        .digit_1 { background: transparent url(/images/pricecheck/pricecheck-1.png) no-repeat; }
        .digit_2 { background: transparent url(/images/pricecheck/pricecheck-2.png) no-repeat; }
        .digit_3 { background: transparent url(/images/pricecheck/pricecheck-3.png) no-repeat; }
        .digit_4 { background: transparent url(/images/pricecheck/pricecheck-4.png) no-repeat; }
        .digit_5 { background: transparent url(/images/pricecheck/pricecheck-5.png) no-repeat; }
        .digit_6 { background: transparent url(/images/pricecheck/pricecheck-6.png) no-repeat; }
        .digit_7 { background: transparent url(/images/pricecheck/pricecheck-7.png) no-repeat; }
        .digit_8 { background: transparent url(/images/pricecheck/pricecheck-8.png) no-repeat; }
        .digit_9 { background: transparent url(/images/pricecheck/pricecheck-9.png) no-repeat; }
        .digit_blank { background: transparent url(/images/pricecheck/pricecheck_blank.png) no-repeat; }
        
        .digit_bang { background: transparent url(/images/pricecheck/icon_largebang_forblack2.png) no-repeat 10px 20px;
                height: 75px;
                display: block;
                padding-top: 10px;
        }
        
        .official
        {
            float: right;
            padding-left: 10px;
            width: 136px;
            height: 149px;
            text-align: center;
        }
        
        .official .buttons
        {
            padding-top:20px;
        }
        
        .official hr
        {
            border: none;
            height: 1px;
            background-color: #dddddd;
            color: #dddddd;
        }
        .official .buttons img
        {
            padding-bottom: 20px !important;
        }
        
        .official .stars
        {
            padding-bottom: 0px;
        }
        
        .topsection .chooser
        {
            position: absolute;
            font-size: 11px;
            margin-top: -15px;
            z-index: 1000;
        }
        
        .topsection .disabled label, .topsection .disabled
        {
            color: #AAAAAA;
        }
        
        .tabs
        {
            position: absolute;
        }
        
        .tabs ul
        {
            list-style: none;
            padding: 0px;
            margin:0px;
            padding-top: 10px;
        }
        
        .tabs ul li
        {
            list-style: none;
            padding: 0px;
            margin: 0px;
        }
        
        .tabs ul li a
        {
            display: block;
            width: 180px;
            padding-left: 10px;
            height: 32px;
            line-height: 32px;
            text-decoration: none;
            border-top: 1px solid #7fc2d5;
            border-left: 1px solid #7fc2d5;
            background: transparent url(/images/pricecheck/tabitembg.png) no-repeat right 0px;
        }
        
        .tabs ul li a.selected
        {
            background: transparent url(/images/pricecheck/tabitembg.png) no-repeat right -32px;
            font-weight: bold;
            color: black;
        }
        
        .tabs ul li a:hover
        {
            background: transparent url(/images/pricecheck/tabitembg.png) no-repeat right -32px;
            text-decoration: none;
        }
        
        .tabs ul li a.selected:hover
        {
            background: transparent url(/images/pricecheck/tabitembg.png) no-repeat right -32px;
            text-decoration: underline;
        }
        
        .tabs ul li.last
        {
            border-bottom: 1px solid #7fc2d5;
        }
        
        
        .tabs ul li .submenu a
        {
            border-top:none;
            border-right:none;
            background: white none;
            color: gray;
            line-height: 18px !important;
            height: 18px;
            padding-left: 20px;
            font-size: 11px;
        }
        
        .tabs ul li .submenu
        {
            padding-bottom: 10px;
        }
        
        .tabs .selected
        {
            background: transparent url(/images/pricecheck/tabitemselected.png);
        }
        
        .chartsection
        {
            background: transparent url(/images/pricecheck/chartbg.png) no-repeat;
            width: 750px;
            height: 345px;
            padding-top: 5px;
            margin-left: 20px;
        }
        
        .chart
        {
            width: 463px;
            height: 264px;
            margin-left: 200px;
        }
        
        .chart_controls
        {
            /*padding-top: 20px;
            padding-left: 30px;*/
            height: 24px;
            margin: 20px 0 0 30px;
        }
        
        .chart_controls a
        {
            padding: 2px 4px;
            background-color: #666666;
            color: white;
        }
        
        .chart_controls a.selected
        {
            background-color: #999999;
            color: black;
        }
        
        .chart_startstop
        {
            background: transparent url(/images/pricecheck/toggle_play.png) no-repeat center -48px !important;
            display: block;
            width: 122px !important;
            height: 24px !important;
            text-indent: -9999px;
        }
        
        .chart_startstop_play
        {
            display: block;
            background: transparent url(/images/pricecheck/toggle_play.png) no-repeat center 0px !important;
            width: 122px;
            height: 24px;
            text-indent: -9999px;
        }
        

    /* rules for chart section */

    .slideshow2 { height: 270px; width: 400px; padding: 0px; float: left; }
    .slideshow2 img { border: 0px solid #ccc; background-color: #fafafa; }
    
    #next
    {
        z-index: 10;
        float: left;
        position: relative;
        top: 80px;
        display: block;
        width: 67px;
        height: 200px;
        background: transparent url(/images/slider/arrows.png) no-repeat;
        text-indent: -9999px;
        cursor: pointer;
    }
    #next:hover
    {
        background-position: left bottom;
    }
    
    #prev
    {
        z-index: 10;
        margin-left: 120px;
        float: left;
        position: relative;
        top: 80px;
        display: block;
        width: 67px;
        height: 200px;
        background: transparent url(/images/slider/arrows.png) no-repeat right top;
        cursor: pointer;
    }
    #prev:hover
    {
        background-position: right bottom;
    }
    
    #nav
    {
        text-align: center;
        padding-top: 20px;
        padding-left: 0px;
        padding-right: 20px;
        margin: auto;
        width: 560px;
        display: block;
    }
    #nav ul
    {
        text-align: center;
        list-style: none;
    }
    #nav ul li {
        float: left;
        list-style: none;
    }
    #nav ul li a {
        background-color: #666666;
        color: white;
        padding: 4px 8px;
        display: block;
        text-decoration: none;
    }
    #nav a:hover { text-decoration: underline;}
    
    


/* Research */

#research_videos 
{
    /*height: 200px;*/
    height: 240px;
    padding-left: 10px;
}

#research_videos div.video
{
    float: left;
    display: block;
    width: 261px;
    height: 164px;
}

#research_videos div.video .video_border
{
    border: 1px solid #7ec1d4;
    -moz-border-radius: 5px;
    float: left;
    width: 261px;
    height: 164px;
    padding: 5px;
}

#research_videos div.thubmanil_desc
{
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 11px;
    height: 100px;
}



#research_audio .audiolist
{
    list-style: none;
    height: 100px;
    padding-left: 0px;
    margin-left: 0px;
}

#research_audio .audiolist li
{
    float: left;
    list-style: none;
    display: block;
    width: 120px;
    height: 100px;
    text-align: center;
    font-size: 11px;
    padding: 10px;
}

#research_audio .audiolist li a
{
    color: black;
    text-decoration: none;
}

#research_trends
{
    
}

#research_trends .research_chart
{
    width: 550px;
    border: 1px solid #7ec1d4;
    -moz-border-radius: 5px;
    padding: 10px;
}

#research_reports
{
    
}

#research_reports .item
{
    padding-bottom: 10px;
    min-height: 70px;
}

#research_reports .thumbnail
{
    float: left;
    width: 50px;
    padding-top: 5px;
}

#research_reports .description
{
    margin-left: 70px;
    color: #666666;
    font-size: 11px;
}

#research_reports .description h2
{
    color: black;
    font-size: 12px;
    text-transform: uppercase;
    margin-bottom: 0px;
    padding-bottom: 2px;
}

#research_reports .description h2 a
{
    color: black;
    text-decoration: none;
}

.research_highlight
{
    color: #7ec1d4;
}

.subline
{
    border-bottom: 1px solid #888888;
    margin-bottom: 10px;
}

ul.research_thumbnails
{
    list-style: none;
    margin: 0px;
    padding:0px;
}

ul.research_thumbnails li
{
    float: left;
    display: block;
    margin-right: 2px;
    margin-bottom: 10px;
}

ul.research_thumbnails li div.thumbnail
{
    display: block;
    width: 128px;
    height: 96px;
    padding: 3px;
    border: 1px solid #dddddd;    
}

ul.research_thumbnails li div.thumbnail_desc
{
    padding-top: 4px;
    font-size: 11px;
}

ul.research_thumbnails li div.thumbnail_desc h3
{
    
}

ul.research_thumbnails li a
{
    display: block;
    text-decoration: none;
}

ul.research_thumbnails li a img
{
    border: none;
}

.votes
{
    display: block;
    height: 25px;
    width: 150px;
    padding-top: 10px;
    padding-bottom: 5px;
}

.votes .vote_up
{
    display: block;
    float: left;
    width: 60px;
    height: 25px;
    margin-right: 10px;
    background: transparent url(/images/research/vote.png) no-repeat 0 0;
    text-indent: -9999px;
}

.votes .vote_down
{
    display: block;
    float: left;
    width: 34px;
    height: 25px;
    background: transparent url(/images/research/vote.png) no-repeat -60px 0;
    text-indent: -9999px;
}


#ratingstab
{
    height: 70px;
    background: transparent url(/images/ratings/tabbg.png) no-repeat left -1px;
    list-style: none;
    margin-left: 0px;
}
#ratingstab li 
{
    float: left;
    background: transparent url(/images/ratings/taboptionbg.png) repeat-x left top;
    list-style: none;
    margin-left: 0px;
    margin-right: 5px;
}

#ratingstab li a 
{
    display: block;
    height: 30px;
    padding: 5px 10px 5px 10px;
    border: 1px solid #c4c8ce;
    line-height: 30px;
    font-weight: bold;
    text-decoration: none;
}

#ratingstab li.current
{
    background-color: white !important;
    border-bottom: 1px solid white;    
}
#ratingstab li.current a 
{
    background-color: white !important;
    border-bottom: 1px solid white;
}

#tooltip.audiotooltip
{
    background: #333333 !important;
    color: white;
    border: #555555;
    width: 150px;
}

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between all ColorBox themes
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, 
    in hope that this will make the relationship easier to understand. Thanks, jack@colorpowered.com
*/
#cboxOverlay{background:url(images/overlay.png) 0 0 repeat;}

#colorbox{}
	#cboxTopLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
	#cboxTopRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px 0 no-repeat;}
	#cboxBottomLeft{width:21px; height:21px; background:url(/images/colorbox/controls.png) -100px -29px no-repeat;}
	#cboxBottomRight{width:21px; height:21px; background:url(/images/colorbox/controls.png) -129px -29px no-repeat;}
	#cboxMiddleLeft{width:21px; background:url(/images/colorbox/controls.png) left top repeat-y;}
	#cboxMiddleRight{width:21px; background:url(/images/colorbox/controls.png) right top repeat-y;}

	#cboxTopCenter{height:21px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
	#cboxBottomCenter{height:21px; background:url(/images/colorbox/border.png) 0 -29px repeat-x;}

	#cboxContent{background:#fff;}
		#cboxLoadedContent{margin-bottom:28px;}
                #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
                #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
                #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
                #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxPrevious.hover{background-position:-75px -25px;}
                #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
                #cboxNext.hover{background-position:-50px -25px;}
		#cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
                #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
		#cboxClose{position:absolute; bottom:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
		#cboxClose.hover{background-position:-25px -25px;}

@import "ui.base.css";
@import "ui.theme.css";


/*
    anythingSlider v1.0
    
    By Chris Coyier: http://css-tricks.com
    with major improvements by Doug Neiner: http://pixelgraphics.us/
    based on work by Remy Sharp: http://jqueryfordesigners.com/
*/


.anythingSlider                         { width: 920px; height: 375px; position: relative; margin: 0 auto 15px; left: 0px;  }
.anythingSlider .wrapper                { width: 920px; overflow: hidden; height: 375px; margin: 0 00px /*40px*/; position: absolute; top: 0; left: 0; }
.anythingSlider .wrapper ul             { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-bottom: 3px solid #666666; margin: 0; }
.anythingSlider ul li                   { display: block; float: left; padding: 0; height: 375px; width: 920px; margin: 0; }
.anythingSlider .arrow                  { display: block; height: 200px; width: 67px; background: url(/images/slider/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSlider .forward                { background-position: 0 0; right: -80px; }
.anythingSlider .back                   { background-position: -67px 0; left: -80px; }
.anythingSlider .forward:hover          { background-position: 0 -200px; }
.anythingSlider .back:hover             { background-position: -67px -200px; }

.anythingSliderPriceCheck               { width: 460px; overflow: hidden !important; height: 375px; position: relative; margin: 0 auto 15px; left: 150px;  }
.anythingSliderPriceCheck .wrapper      { width: 460px; overflow: hidden !important; height: 375px; margin: 0 00px /*40px*/; position: absolute; top: 0; left: 0; }
.anythingSliderPriceCheck .wrapper ul   { width: 99999px; list-style: none; position: absolute; top: 0; left: 0; background: #eee; border-bottom: 3px solid #666666; margin: 0; }
.anythingSliderPriceCheck ul li         { display: block; float: left; padding: 0; height: 375px; width: 460px; margin: 0; }
.anythingSliderPriceCheck .arrow        { display: block; height: 200px; width: 67px; background: url(/images/slider/arrows.png) no-repeat 0 0; text-indent: -9999px; position: absolute; top: 65px; cursor: pointer; }
.anythingSliderPriceCheck .forward      { background-position: 0 0; right: -80px; }
.anythingSliderPriceCheck .back         { background-position: -67px 0; left: -80px; }
.anythingSliderPriceCheck .forward:hover { background-position: 0 -200px; }
.anythingSliderPriceCheck .back:hover   { background-position: -67px -200px; }


#thumbNav                               { position: relative; top: 375px; text-align: center; }
#thumbNav a                             { color: white; font: 11px/18px Georgia, Serif; display: inline-block; padding: 2px 8px; height: 18px;
											margin: 0 5px 0 0; background: #666666 url(/images/slider/cellshade.png) repeat-x;
											text-align: center; -moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
											-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
										}
#thumbNav a:hover                       { background-image: none; }
#thumbNav a.cur                         { background: #999999; color: #000000; }

#start-stop                             { background: #666666; background-image: url(/images/slider/cellshade.png); background-repeat: repeat-x; color: white;
											padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 75px /*45px*/; top: 375px; height: 18px;
											-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
											-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
										}
#start-stop.playing                     { background-color: #666666; }
#start-stop:hover                       { background-image: none; }

#slide-close							{ background: #666666; background-image: url(/images/slider/cellshade.png); background-repeat: repeat-x; color: white;
											padding: 2px 5px; width: 40px; text-align: center; position: absolute; right: 10px; top: 375px; height: 18px;
											-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px;
											-webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px;
										}


/*
  Prevents
*/
.anythingSlider .wrapper ul ul          { position: static; margin: 0; background: none; overflow: visible; width: auto; border: 0; }
.anythingSlider .wrapper ul ul li       { float: none; height: auto; width: auto; background: none; }