/* MASTER.CSS */
body {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
	font-size: small;
	text-align: left;
	color: #383d44;
	width: 100%;
	}
	
/*----------------------- header ------------------------------ */

#header {
	margin: 0 0 10px 0;
	padding: 0 0 20px 0;
	font-size: 95%;
	text-align: left;
	background: #FFF; /*#A5DB4A; #31363e*/
	background:  url(../img/topshad.gif) repeat-x bottom left;
	}

/* logo */


#logo {
	margin: 0;
	padding: 10px 0 0 10px;
	}

#logo a:link, #logo a:visited, #join a:link, #join a:visited {
	border: none;
	} {
	border: none;
	}

#header h2 {
	margin: 0 0 5px 5px;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	line-height: 0.5em;
	color: #666;
	}

/* -----------------------top links -------------*/

#top { text-align: right; height: 24px; font-size: 85%; background-color: #A5DB4A; }
#top span { position: relative; top: 5px; }
#top a, #top a:link, #top a:visited { padding: 10px 5px 0 5px; text-decoration: none; border: none; color: #000; }
#top a:hover { color: #FFF; }
#top img { float: left; }

/*----search---------*/
#search {
	margin: 15px 15px 0 0; float: right;
	}
#search P {
	font-size: 90%;
	margin-bottom: 4px;
	}
#search input { margin-left: 5px; }
/*---------------------------page structure ---------------------------- */

#main-body {
    width: 1000px;
	margin: 0;
	padding: 0;
	font-size: 95%;
	line-height: 1.6em;
	text-align: left;
	background: #ffffff;
	font-size: 90%;
	}

#sidebar {
	width: 176px;
	float: left;
	margin: 0 20px 0 0;
	padding: 0;
	line-height: 1.5em;
	color: #666b75;
	border-right: 1px dashed #CCC;
	}
	
#content {
    width: 800px;
	float: left;
	padding: 0;
	margin: 0;
	}
#content p{
	padding: 0;
	margin: 0 0 20px 0;
	}
	
#breadcrumb {
    font-size: 90%;
	font-weight: bold;
	text-align: left; 
	margin: 0 0 10px 0;
	padding: 2px 
	background-color: #ccc;
	color: #d49b40;
	}



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

a:link, a:visited {
	padding-bottom: 0;
	color: #3141A5;
	text-decoration: none;
	border-bottom: 1px solid #dbd5c5;
	font-weight: bold;
	}
a:hover {
	padding-bottom: 0;
	color: #383d44;
	border-bottom: 2px solid #dbd5c5;
	}

a.avatar, a:visited.avatar { font-weight: bold; border: none; color: #d49b40; }
a.thumbnail, a:visited.thumbnail { color: #383d44; border-bottom: 1px dashed #d49b40; }
/*--------------------- quotes -----------------------*/

#quotewrap {  
    float: right;
	background: url(../img/tute1point.gif) no-repeat top left;
	padding: 150px 0 0 0;
	margin: 0 0 20px 10px;
	}
#quote {
	margin: 0;
	width: 280px;
	text-align: left;
    font-family: Verdana, sans-serif;
	line-height: 1.5em;
	color: #666b75;
	background:  url(../img/quotes-meta.gif) no-repeat 0 2px;	
	}

#quote p {
    font-family: "Georgia", serif;
    padding: 0 10px 0 23px;
	font-size: 112%;
	background:  url(../img/quotes-meta-r.gif) no-repeat 0 2px;
	background-position: bottom right;	
	}

#quoteleft {
    float: left;
	margin: 0px 40px 0 10px;
	width: 279px;
	text-align: left;
    font-family: Verdana, sans-serif;
	line-height: 1.5em;
	color: #666b75;
	background:  url(../img/quotes-meta.gif) no-repeat 0 2px;	
	}
#quoteleft p {
    font-family: "Georgia", serif;
    padding: 0 10px 0 23px;
	font-size: 112%;
	background:  url(../img/quotes-meta-r.gif) no-repeat 0 2px;
	background-position: bottom right;	
	}


#quotewrap1 {
	float: right;
	padding: 200px 30px 200px 30px;
	margin: 0;
	width: 310px;
	background: url(../img/avatar1.jpg) no-repeat top left;
	}

#quotetute1 {
	float: right;
	padding: 200px 30px 200px 30px;
	margin: 0;
	width: 310px;
	background: url(../img/tutorials1.jpg) no-repeat top left;
	}
	
/*--------AVATAR------------*/	

#avatarcol {
	float: right;
	margin: 0 0 0 10px;
	padding: 0;
	width: 250px;
	}
	
#avatar {
	padding: 119px 0 0 0;
	background: url(../img/avatar1top.jpg) no-repeat top left;
	}
#avatar2 {
	padding: 119px 0 0 0;
	background: url(../img/avatar2top.jpg) no-repeat top left;
	}

#avatarcontent { padding: 0 0 0 20px; }

#avatarcontent p { padding: 0; }

#avatarbot { 
	padding: 0; 
	background: url(../img/avatar1bot.gif) no-repeat top left;
	height: 14px;
	}
	
#disclaimer {
    border: 1px dashed #CCC; 
	margin: 10px 0 10px 0;
	padding: 10px;
	width: 650px;
	}
	
#disclaimer h3 { 
	color: #d49b40;
	}
	
#promos { margin: 0 0 0 10px; width: 310px; }
#promosfoot { margin: 20px 0 5px 0; width: 800px; }
#promosfoot a, #promosfoot a:visited { font-size: 90%; line-height: 1.2em; border: none; }
#promosfoot a:hover { color: #FFF; }
#join { float: left; padding: 4px 4px 10px 0; }
.box1 { 
	width: 85px; 
	height: 85px; 
	float:left;
	margin: 4px 6px 10px 0;
	padding: 5px;
	background: #A5DB4A url(../img/ad-cam.jpg) no-repeat; 
	}
.box2 { 
	width: 85px; 
	height: 85px; 
	float:left;
	margin: 4px 6px 10px 0;
	padding: 5px;
	background: #FF8200 url(../img/ad-insur.jpg) no-repeat;
	}
.box3 { 
	width: 85px; 
	height: 85px; 
	float:left;
	margin: 4px 6px 10px 0;
	padding: 5px;
	background: #CCC url(../img/ad-heat.jpg) no-repeat;
	}
.box4 { 
	width: 85px; 
	height: 85px; 
	float:left;
	margin: 4px 6px 10px 0;
	padding: 5px;
	background: #A5DB4A url(../img/ad-plas.jpg) no-repeat;
	}

/*---------------------------- content styles ---------------------*/
strong {
	font-weight: bold;
	}

/* title box */

#title {
	margin: 0 0 20px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px solid #CCC;
	width: 300px;
	}
#title h1 {
	margin: 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 170%;
	line-height: 1.2em;
	font-weight: normal;
	text-transform: none;
	letter-spacing: 0;
	color: #383d44;
	border: none;
	}
#title h1 span {
	color: #666b75;
	}
#title h2 {
	margin: 3px 0 0 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 100%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.6em;
	color: #666b75;
	}

h1 {
	margin: 10px 0 5px 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 160%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.0em;
	color: #383d44;
	}
	h2 {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 140%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.0em;
	color: #666b75;
	}
	h3 {
	margin: 10px 0 0 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 120%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.0em;
	color: #666b75;
	}

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

#content ul, #content ol, #content dl {
	margin: 0 0 1.5em 0;
	padding: 0;
	}
#content ul, #content ol {
	margin-left: 20px;
	}
#content ol {
	padding-left: 20px;
	}
#content ul {
	list-style: none;
	}
#content ul li {
	padding: 0 0 4px 14px;
	line-height: 1.4em;
	background:  url(../img/icon-bullet.gif) no-repeat 0 4px;
	}

/*----------------------- sidebar ------------------------ */

#sidebar h3 {
	margin: 0 5px 5px 0;
	padding: 5px 5px 5px 6px;
	font-family: Verdana, sans-serif;
	font-weight: bold;
	font-size: 93%;
	line-height: 1em;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #d49b40;
	border-bottom: 1px #d49b40 solid; 
	}
#sidebar h3.first {
	margin: 5px 5px 5px 0;
	}
#sidebar h3.featured {
	margin-bottom: 0;
	border-bottom: 0;
	}
#sidebar p {
	margin: 0;
	padding: 0 0 0 10px;
	}

#sidebar ul  {
	margin: 0 0 0 6px;
	padding: 0;
	line-height: 1.5em;
	list-style: none;
	}
	
#sidebar ul.info  {
	margin: 0 0 20px 6px;
	}

/* ------panelise ---------*/

#verticalcontainer { width: 166px; margin: 0 0 0 4px;}

#verticalcontainer ul
{
margin: 0;
}
	
#verticalcontainer ul li
{
margin: 0;
padding: 0;
list-style-type: none;
}


#verticalcontainer ul li a, #verticalcontainer ul li a:link, #verticalcontainer ul li a:visited
{
display: block;
padding: 3px 0 3px 6px;
width: 160px;
border-bottom: 1px solid #eee;
color: #EEE;
background-color: #4A5159;
}
#verticalcontainer ul ul li a, #verticalcontainer ul ul li a:link, #verticalcontainer ul ul li a:visited
{
display: block;
padding: 3px 0 3px 18px;
width: 148px;
background-color: #CCC;
border-bottom: 1px solid #eee;
color: #464A52;
font-weight: normal;
background: #CCC url(../img/pageicon.gif) no-repeat;
background-position: 4px 5px ;
}



#verticalcontainer ul li a:hover, #verticalcontainer ul ul li a:hover
{
background-color: #8493BA;
color: #fff;
}

#verticalcontainer ul ul li.current
{
margin: 0;
padding: 3px 0 3px 18px;
font-weight: normal;
border-bottom: 1px solid #eee;
background: #CCC url(../img/pageicon1.gif) no-repeat 4px 5px;
color: #000;
}
#verticalcontainer ul li.identifier
{
margin: 0;
padding: 4px 0 3px 25px;
list-style-type: none;
font-weight: bold;
border-bottom: 1px solid #eee;
color: #FFF;
letter-spacing: 1px;
text-transform: uppercase;
background: #d49b40 url(../img/aro-on-orange.gif) no-repeat;
background-position: 0px 0px ;
}



/* work list */

#work-list dt {
	margin: 10px 0 0 0;
	font-weight: normal;
	}
#work-list dd {
	margin: 0 0 2px 0;
	padding: 0;
	}
#work-list dd strong {
	color: #666;
	}
#work-list dt a {
	float: left;
	display: block;
	margin: 2px 8px 10px 0;
	padding: 2px;
	border: 3px solid #dbd5c5;
	background: #fffefa;
	}
#work-list dt a:hover, #work-list dt.active a {
	border-color: #fff;
	background: #fff;
	}
#work-list dt.active a {
	border-color: #EBF4D9;
	background: #2D405B;
	}
#work-list dd.active a {
	text-decoration: none;
	font-weight: bold;
	color: #2D405B;
	border-bottom: none;
	}
	
/* tutorial list */

#tutorial {  
	padding: 0;
	}

#tutorial p, #tutorial1 p  { margin: 0; width: 400px; }

#tutorial-list { width: 300px; }

#tutorial-list dt {
	margin: 12px 0 0 0;
	font-weight: normal;
	}
#tutorial-list dd {
	margin: 0 0 2px 0;
	padding: 0;
	}
#tutorial-list dd strong {
	color: #666;
	}
#tutorial-list dt a {
	float: left;
	display: block;
	margin: 2px 8px 0 0;
	padding: 2px;
	border: 3px solid #dbd5c5;
	background: #fffefa;
	}
#tutorial-list dt a:hover, #tutorial-list dt.active a {
	border-color: #fff;
	background: #fff;
	}
#tutorial-list dt.active a {
	border-color: #EBF4D9;
	background: #2D405B;
	}
#tutorial-list dd.active a {
	text-decoration: none;
	font-weight: bold;
	color: #2D405B;
	border-bottom: none;
	}

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

#footer {
	
	margin: 0;
	padding: 10px 0 5px 0;
	font-size: 95%;
	text-align: left;
	background: #CCC; /*#31363e*/
	}
	
#footer p { padding: 0 0 0 10px; font-size: 95%;}


#footer a:link, #footer a:visited{ border: none; }


/*----------------------- misc.-------------- */

hr, .hide {
	display: none;
	}
a img, a:visited img {
	border: none;
	}


/* self-clearing floats */

#nav ul:after, 
#main-body:after,
#footer:after {
	content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    }

/*keeping the floats within parent*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */







/* IE.CSS */

/* fixes font-size keyword problem for IE5/Win */
body {
	font-size: x-small; /* IE5 Win */
  	voice-family: "\"}\""; 
  	voice-family: inherit;
  	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

/* self-clearing floats
----------------------------------------------------- */

/* target ie5+6/win only */
* html #nav ul, 
* html #main-body {
	height: 1%;
	}
/* target ie7/win only */
*:first-child+html #nav ul, 
*:first-child+html #title, 
*:first-child+html #main-body {
	min-height: 1px;
	}
	











/* COMPARE.CSS */
/* Compare input */

#compareformcontainer { background: url(pod1.gif) no-repeat; height: 211px; padding: 0 0 0 25px; }
#compareforminput FORM { background: none; }
#compareforminput fieldset {
    margin: 60px 0 0 0;
	padding: 0;
	border: none;
    float: left;
	background: transparent;
}



#compareforminput fieldset {
	width: 260px;
	}

#compareforminput legend {
	margin: 0 0 0 -8px;
	padding: 0 0 5px 0;
	font-size: 1.3em;
	font-weight: bold;
	color: #d49b40;
	text-align: right;
}




#compareformleft label {
	float: left;
	width: 150px;
	padding: 0 4px 0 0;
	text-align: left;
}


#compareformright div label {
	margin: 0;
	width: 50px;
	text-align: right;
}


#compareformleft input {
	border-top: 1px solid #555;
	border-left: 1px solid #555;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 1px;
	color: #333;
	
}

#compareformright input {
	margin: 0 5px 0 0;
	padding: 0;
	
}

#compareforminput div {
	margin-bottom: 5px;
}

#compareforminput h4 {
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	width: 120px;
	float: left;
	}

#resultsleft {
float: left; 
background: url("../img/your-results.gif") no-repeat;
height: 162px;
width: 357px;
padding: 0;
}

#resultsleft p { padding: 84px 16px 16px 16px; }

#resultsright {
float: left; 
width: 357px;
padding: 16px;
}

#cmpForm {
	clear: left;
	margin: 0;
	}
	
#cmpForm TD {
	padding: 0 10px;
	}
	
input#compare { margin: 5px 0 0 0; }

/* comparison results */

#imgtitle {
	margin: 0 0 20px 0;
	}

#comparison TABLE { 
	width: 792px; 
	border: 0;
	}

#comparison TD { 
	padding: 0 10px; 
	}
	
#comparison TD p { 
	padding: 0;
	margin: 0; 
	}

#comparison TD H3 { 
	font-family: Georgia, serif ;
	font-style: italic;
	font-weight: bold;
	color: #d49b40; 
	margin: 0;
	border-bottom: 2px solid #FFE6CC;
	}
	
TD.identifiers  { 
	text-align: right; 
	}
	
TD.orange { 
	background-color: #d49b40;
	}
	
TD.grey {
    background-color: #999999;
	}
	
TD.beloworange {
	background-color: #FFE6CC;
	border-bottom: 1px solid #FFFFFF;
	}
	
TD.belowgrey {
	border-bottom: 2px solid #FFE6CC;
	}














/* yui-230/container/assets/container.css */
/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
.yui-overlay,
.yui-panel-container {
    visibility:hidden;
	position:absolute;
	z-index: 1;
}

.masked .yui-panel-container {

    /*
        Default to a z-index 1 higher than default if the Panel is modal
        to make sure the panel is above its modality mask.
    */

   z-index: 2;

}

.yui-tt {
	visibility:hidden;
	position:absolute;
	color:#333;
	background-color:#FDFFB4;
	font-family:arial,helvetica,verdana,sans-serif;
	padding:2px;
	border:1px solid #FCC90D;
	font:100% sans-serif;
	width:auto;
}

/*
    PLEASE NOTE: The <DIV> element used for a Tooltip's shadow is appended 
    to its root element via JavaScript once it has been rendered.  The 
    code that creates the shadow lives in the Tooltip's public "onRender" 
    event handler that is a prototype method of YAHOO.widget.Tooltip.  
    Implementers wishing to remove a Tooltip's shadow or add any other markup
    required for a given skin for Tooltip should override the "onRender" method.
*/

.yui-tt-shadow {

    display: none;

}

* html body.masked select {
	visibility:hidden;
}

* html div.yui-panel-container select {
	visibility:inherit;
}

* html div.drag select {
	visibility:hidden;
}

* html div.hide-select select {
	visibility:hidden;
}

.mask {
    /*
        Default to a z-index of 1 less than the default defined 
        by ".masked .yui-panel-container"
    */

    z-index: 1; 
    display:none;
    position:absolute;
    top:0;
    left:0;
    -moz-opacity: 0.5;
    opacity:.50;
    filter: alpha(opacity=50);
    background-color:#CCC;
}

/*

There are two known issues with YAHOO.widget.Overlay (and its subclasses) that 
manifest in Gecko-based browsers on Mac OS X:

    1) Elements with scrollbars will poke through Overlay instances floating 
       above them.
    
    2) An Overlay's scrollbars and the scrollbars of its child nodes remain  
       visible when the Overlay is hidden.

To fix these bugs:

    1) The "overflow" property of an Overlay instance's root element and child 
       nodes is toggled between "hidden" and "auto" (through the application  
       and removal of the "hide-scrollbars" and "show-scrollbars" CSS classes)
       as its "visibility" configuration property is toggled between 
       "false" and "true."
    
    2) The "display" property of <SELECT> elements that are child nodes of the 
       Overlay instance's root element is set to "none" when it is hidden.

PLEASE NOTE:  
  
    1) The "hide-scrollbars" and "show-scrollbars" CSS classes classes are 
       applied only for Gecko on Mac OS X and are added/removed to/from the 
       Overlay's root HTML element (DIV) via the "hideMacGeckoScrollbars" and 
       "showMacGeckoScrollbars" methods of YAHOO.widget.Overlay.
    
    2) There may be instances where the CSS for a web page or application 
       contains style rules whose specificity override the rules implemented by 
       the Container CSS files to fix this bug.  In such cases, is necessary to 
       leverage the provided "hide-scrollbars" and "show-scrollbars" classes to 
       write custom style rules to guard against this bug.

** For more information on this issue, see:

   + https://bugzilla.mozilla.org/show_bug.cgi?id=187435
   + SourceForge bug #1723530

*/

.hide-scrollbars,
.hide-scrollbars * {

	overflow: hidden;

}

.hide-scrollbars select {

	display: none;

}

.show-scrollbars {

    overflow: auto;

}

.yui-panel-container.show-scrollbars {

    overflow: visible;

}

.yui-panel-container.show-scrollbars .underlay {

    overflow: auto;

}

.yui-panel-container.focused {

}


/* Panel underlay styles */

.yui-panel-container .underlay {

    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;

}

.yui-panel-container.matte {

	padding: 3px;
	background-color: #fff;

}

.yui-panel-container.shadow .underlay {

    top: 3px;
    bottom: -3px;
    right: -3px;
    left: 3px;
    background-color: #000;
    opacity: .12;
    filter: alpha(opacity=12);  /* For IE */

}

.yui-panel {
	visibility:hidden;
	border-collapse:separate;
	position:relative;
	left:0;
	top:0;
	font:1em Arial;
	background-color:#FFF;
	border:1px solid #000;
	z-index:1;
	overflow:hidden;
}

.yui-panel .hd {
	background-color:#3d77cb;
	color:#FFF;
	font-size:100%;
	line-height:100%;
	border:1px solid #FFF;
	border-bottom:1px solid #000;
	font-weight:bold;
	padding:4px;
    white-space:nowrap;
}

.yui-panel .bd {
	overflow:hidden;
	padding:4px;
}

.yui-panel .bd p {
	margin:0 0 1em;
}

.yui-panel .container-close {
	position:absolute;
	top:5px;
	right:4px;
	z-index:6;
	height:12px;
	width:12px;
	margin:0px;
	padding:0px;
	background:url(close12_1.gif) no-repeat;
	cursor:pointer;
	visibility:inherit;
}

.yui-panel .ft {
	padding:4px;
	overflow:hidden;
}

.yui-simple-dialog .bd .yui-icon {
	background-repeat:no-repeat;
	width:16px;
	height:16px;
	margin-right:10px;
	float:left;
}

.yui-simple-dialog .bd span.blckicon {
	background: url("blck16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.alrticon {
	background: url("alrt16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.hlpicon {
	background: url("hlp16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.infoicon {
	background: url("info16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.warnicon {
	background: url("warn16_1.gif") no-repeat;
}

.yui-simple-dialog .bd span.tipicon {
	background: url("tip16_1.gif") no-repeat;
}

.yui-dialog .ft, 
.yui-simple-dialog .ft {
	padding-bottom:5px;
	padding-right:5px;
	text-align:right;
}

.yui-dialog form, 
.yui-simple-dialog form {
	margin:0;
}

.button-group button {
	font:100 76% verdana;
	text-decoration:none;
	background-color: #E4E4E4;
	color: #333;
	cursor: hand;
	vertical-align: middle;
	border: 2px solid #797979;
	border-top-color:#FFF;
	border-left-color:#FFF;
	margin:2px;
	padding:2px;
}

.button-group button.default {
	font-weight:bold;
}

.button-group button:hover, 
.button-group button.hover {
	border:2px solid #90A029;
	background-color:#EBF09E;
	border-top-color:#FFF;
	border-left-color:#FFF;
}

.button-group button:active {
	border:2px solid #E4E4E4;
	background-color:#BBB;
	border-top-color:#333;
	border-left-color:#333;
}









/* yui-230/tabview/assets/tabview.css */


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
/* default space between tabs */
.yui-navset .yui-nav li {
    margin-right:0.5em; /* horizontal tabs */
}
.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    margin:0 0 0.5em; /* vertical tabs */
}

/* default width for side tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { width:6em; }
.yui-navset-left { padding-left:6em; } /* map to nav width */
.yui-navset-right { padding-right:6em; } /* ditto */

/* core */

.yui-nav, .yui-nav li {
    margin:0;
    padding:0;
    list-style:none;
}
.yui-navset li em { font-style:normal; }

.yui-navset {
    position:relative; /* contain absolute positioned tabs (left/right) */
    zoom:1;
}

.yui-navset .yui-content { zoom:1; }

.yui-navset .yui-nav li {
    display:inline-block;
    display:-moz-inline-stack;
    *display:inline; /* IE */
    vertical-align:bottom; /* safari: for overlap */
    cursor:pointer; /* gecko: due to -moz-inline-stack on anchor */
    zoom:1; /* IE: kill space between horizontal tabs */
}

.yui-navset-left .yui-nav li, .yui-navset-right .yui-nav li {
    display:block;
}

.yui-navset .yui-nav a {
    outline:0; /* gecko: keep from shifting */
}

.yui-navset .yui-nav a { position:relative; } /* IE: to allow overlap */

.yui-navset .yui-nav li a {
    display:block;
    display:inline-block;
    vertical-align:bottom; /* safari: for overlap */
    zoom:1;
}

.yui-navset-left .yui-nav li a, .yui-navset-right .yui-nav li a {
    display:block;
}

.yui-navset-bottom .yui-nav li a {
    vertical-align:text-top; /* for inline overlap (reverse for Op border bug) */
}

.yui-navset .yui-nav li a em { display:block; }

/* position left and right oriented tabs */
.yui-navset-left .yui-nav, .yui-navset-right .yui-nav { position:absolute; z-index:1; }
.yui-navset-left .yui-nav { left:0; }
.yui-navset-right .yui-nav { right:0; }











/* yui-230/tabview/assets/border_tabs.css */


/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.0
*/
.yui-navset .yui-nav li a, .yui-navset .yui-content {
    border:1px solid #000;  /* label and content borders */
}

.yui-navset .yui-nav .selected a, .yui-navset .yui-nav a:hover, .yui-navset .yui-content {
    background-color:#f6f7ee; /* active tab, tab hover, and content bgcolor */
}

.yui-navset .yui-nav li em { padding:.5em; } /* tab padding */

/* defaults to orientation "top" */
.yui-navset .yui-nav .selected a {
    border-bottom-width:0; /* no bottom border for active tab */
    padding-bottom:1px; /* to match height of other tabs */
}

.yui-navset .yui-content {
    margin-top:-1px; /* for active tab overlap */
}

/* overrides for other orientations */

.yui-navset-bottom .yui-nav .selected a {
    border-width:0 1px 1px; /* no top border for active tab */
    padding:1px 0 0; /* to match height of other tabs */
}

.yui-navset-bottom .yui-content {
    margin:0 0 -1px; /* for active tab overlap */
}

.yui-navset-left .yui-nav li.selected a {
    border-width:1px 0 1px 1px; /* no right border for active tab */
    padding:0 1px 0 0; /* to match width of other tabs */
}

.yui-navset-left .yui-content {
    margin:0 0 0 -1px; /* for active tab overlap */
}

.yui-navset-right .yui-nav li.selected a {
    border-width:1px 1px 1px 0; /* no left border for active tab */
    padding:0 0 0 1px; /* to match width of other tabs */
}

.yui-navset-right .yui-content {
    margin:0 -1px 0 0; /* for active tab overlap */
}
















/* FORCE.CSS */


/* developer forcing stuff over the top of designers stuff :) */

span.giantnum {
	padding: 0pt 5px 20px 0pt;
	float: left;
	font-size: 250%;
	font-family: Georgia,serif;
	font-style:normal;
	color: rgb(204, 204, 204);
}
p.giantnumcontent {
	padding-left:30px !important;
}
h3 {
	/* set to what h1 is, is only used on home page */
	margin: 10px 0 5px 0;
	padding: 0;
	font-family: Georgia, serif;
	font-size: 160%;
	font-weight: normal;
	font-style: italic;
	line-height: 1.0em;
	color: #383d44;
	}
#breadcrumb	p {
	font-size:104% !important;
	}
#top a {
	font-size:104% !important;
	}
#content ul li {
	list-style-type:none;
	background:transparent url("../img/icon-bullet.gif") no-repeat scroll 0pt 4px;
	line-height:1.4em;
	padding:0pt 0pt 4px 14px;
	}




span.avatar_link {
	/*font-size:12px;*/ /* use relative font sizes */
	color:#666666;
	/*border-bottom:1px dashed #d49b40;*/
	cursor:help;
	font-weight:bold;
}
#calcform_container span.avatar_link,
#calcform_container span.avatar_link_static
{
	font-weight:normal;
	border-bottom:none;
}
span.avatar_link_static {
	font-weight:bold;
}
/* only shown in static version */
span.avatar_content {
	font-size:10px;
	color:#d49b40;
}
#calculate span.avatar_link,
#calculate span.avatar_link_static {
	font-weight:bold;
	color:#000000;
}
#comparison span.avatar_link,
#comparison span.avatar_link_static {
	font-weight:normal;
	color:#000000;
}


	
	
/* avatar_tooltip_0 border + container */
div#avatar_tooltip_0,div#avatar_tooltip_1,div#avatar_tooltip_2,div#avatar_tooltip_3,div#avatar_tooltip_4,
div#avatar_tooltip_5,div#avatar_tooltip_6,div#avatar_tooltip_7,div#avatar_tooltip_8,div#avatar_tooltip_9,div#avatar_tooltip_10,div#avatar_tooltip_11,div#avatar_tooltip_12,div#avatar_tooltip_13,div#avatar_tooltip_14,div#avatar_tooltip_15,div#avatar_tooltip_16,div#avatar_tooltip_17,div#avatar_tooltip_18,div#avatar_tooltip_19,div#avatar_tooltip_20,div#avatar_tooltip_21,div#avatar_tooltip_22,div#avatar_tooltip_23,div#avatar_tooltip_24,div#avatar_tooltip_25,div#avatar_tooltip_26
   {
		background-color:#d49b40;
		width:220px; /* HAVE SHRUNK FOR RATES, USED TO BE 300 */
		border:0;
	}
/* avatar_tooltip_0 background */
div#avatar_tooltip_0 div.bd, div#avatar_tooltip_1 div.bd, div#avatar_tooltip_2 div.bd,
div#avatar_tooltip_3 div.bd, div#avatar_tooltip_4 div.bd, div#avatar_tooltip_5 div.bd,
div#avatar_tooltip_6 div.bd, div#avatar_tooltip_7 div.bd, div#avatar_tooltip_8 div.bd,
div#avatar_tooltip_9 div.bd, div#avatar_tooltip_10 div.bd, div#avatar_tooltip_11 div.bd, div#avatar_tooltip_12 div.bd, div#avatar_tooltip_13 div.bd, div#avatar_tooltip_14 div.bd, div#avatar_tooltip_15 div.bd, div#avatar_tooltip_16 div.bd, div#avatar_tooltip_17 div.bd, div#avatar_tooltip_18 div.bd, div#avatar_tooltip_19 div.bd, div#avatar_tooltip_20 div.bd, div#avatar_tooltip_21 div.bd, div#avatar_tooltip_22 div.bd, div#avatar_tooltip_23 div.bd, div#avatar_tooltip_24 div.bd, div#avatar_tooltip_25 div.bd, div#avatar_tooltip_26 div.bd
    {
		background-color:#faf7ee;
		border:0;
		padding:3px;
		font-size:85%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}


span.definition_link {
	/*font-size:12px;*/ /* use relative font sizes */
	color:#666666;
	/*border-bottom:1px dashed #d49b40;*/
	cursor:help;
	font-weight:bold;
}
span.definition_link_static {
	font-weight:bold;
}
#avatar_list p,
#definition_list p {
	font-size:92%;
	margin:0;
	padding:0;
	padding-bottom:10px;
	margin-left:20px;
	width:260px;
}	
#avatar_list p sup,
#definition_list p sup {
	font-weight:bold;
}

div#definition_tooltip_0,div#definition_tooltip_1,div#definition_tooltip_2,div#definition_tooltip_3,div#definition_tooltip_4,
div#definition_tooltip_5,div#definition_tooltip_6,div#definition_tooltip_7,div#definition_tooltip_8,div#definition_tooltip_9,div#definition_tooltip_10,div#definition_tooltip_11,div#definition_tooltip_12,div#definition_tooltip_13,div#definition_tooltip_14,div#definition_tooltip_15,div#definition_tooltip_16,div#definition_tooltip_17,div#definition_tooltip_18,div#definition_tooltip_19,div#definition_tooltip_20,div#definition_tooltip_21,div#definition_tooltip_22,div#definition_tooltip_23,div#definition_tooltip_15,div#definition_tooltip_25,div#definition_tooltip_26
   {
		background-color:#d49b40;
		background-image:url("../img/definition.gif");
		background-repeat:no-repeat;
		width:200px;
		border:0;
		padding-top:12px;
		padding-left:2px;
	}
/* definition_tooltip_0 background */
div#definition_tooltip_0 div.bd, div#definition_tooltip_1 div.bd, div#definition_tooltip_2 div.bd,
div#definition_tooltip_3 div.bd, div#definition_tooltip_4 div.bd, div#definition_tooltip_5 div.bd,
div#definition_tooltip_6 div.bd, div#definition_tooltip_7 div.bd, div#definition_tooltip_8 div.bd,
div#definition_tooltip_9 div.bd,
div#definition_tooltip_10 div.bd,
div#definition_tooltip_11 div.bd,
div#definition_tooltip_12 div.bd,
div#definition_tooltip_13 div.bd,
div#definition_tooltip_14 div.bd,
div#definition_tooltip_15 div.bd,
div#definition_tooltip_16 div.bd,
div#definition_tooltip_17 div.bd,
div#definition_tooltip_18 div.bd,
div#definition_tooltip_19 div.bd,
div#definition_tooltip_20 div.bd,
div#definition_tooltip_21 div.bd,
div#definition_tooltip_22 div.bd,
div#definition_tooltip_23 div.bd,
div#definition_tooltip_24 div.bd,
div#definition_tooltip_25 div.bd,
div#definition_tooltip_26 div.bd
    {
		background-color:#faf7ee;
		border:0;
		padding:3px;
		font-size:85%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
	}


/* calcform */

div#calcform_container td.left {
	background-image:url("../img/steve-calc-left.gif");
	background-repeat:repeat-y;
}

div#calcform_container td.right {
	background-image:url("../img/steve-calc-right.gif");
	background-repeat:repeat-y;
}

div#calcform_container th {
	color:#d49b40;
	font-size:129%;
	font-weight:bold;
}

div#calcform_container td,

div#calcform_container th {
	padding:4;
	margin:0;
}

div#calcform_container label,
div#calcform_container input,
div#calcform_container h4  {
	padding:0;
	margin:0;
}


/* contentbox is a late addition hack to give a fake 3 column layout */
div#contentbox p, 
div#contentbox h1, 
div#contentbox h2, 
div#contentbox h3, 
div#contentbox h4, 
div#contentbox ul,  
div#contentbox ol, 
div#contentbox li {
	width:430px;
}

/* compare */
table#comparison td h3 {
	font-size:114%;
}
div#contentbox table#comparison p, 
div#contentbox table#comparison h3,
div#contentbox div#resultsleft p,
div#contentbox div#resultsright p
{
	width:auto;
}
div#contentbox div#resultsright {
	padding-top:75px;
	padding-bottom:5px;
}
.orange,.grey {
	font-weight:bold;
	color:white;
}
table#comparison td {
	width:153px;
}
table#comparison td.identifiers {
	width:200px;
	vertical-align:top;
}

/* v2 */
div#printbutton-container {
	font-size:92%;
	font-weight:bold;
	clear:both; /* for right hand column in static mode */
}
div#printbutton-container a {
	border-bottom:0;
}
div#calc-backbutton-container,
div#calc-backbutton-container2 {
	padding-left:5px;
	width:666px;
}
div#calc-backbutton-container a {
	border-bottom:0;
}
div#disclaimer {
	padding-top:0 !important;
}
/* v2 comparison tabs */
ul.yui-nav {
	width:auto !important;
	margin:0 !important;
	padding:0 !important;
	background-image:url("../img/tab-bg.gif");
	background-position:bottom;
	background-repeat:no-repeat;
	padding-left:224px !important;
}
ul.yui-nav {
	margin-left:5px !important;
}
ul.yui-nav li {
	width:100px !important;
	height:27px;
	margin:0 0.5em 0 0 !important;
	padding:0 !important;
	border:0 !important;
	background-image:url("../img/tab-off.gif") !important;
	background-repeat:no-repeat !important;
}
ul.yui-nav li.selected {
	background-image:url("../img/tab-on.gif") !important;
}
ul.yui-nav li a {
	background-color:transparent !important;
	padding:0 !important;
	margin:0 !important;
	border:0 !important;
	color:#000000 !important;
}
div.yui-content {
	background-color:transparent !important;
	padding:5px !important;
	border:0 !important;
}
/* v2.5 */
div#random-promo {
	padding-left:23px;
	padding-bottom:5px;
	padding-top:20px;
}
div#random-promo a {
	border:0;
}
div#v25-free-reports-container {
}
div#v25-free-reports-title {
	color:#d49b40;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:131%;
}
div.v25-free-reports-sub {
	color:#000000;
	font-family:"Times New Roman", Times, serif;
	font-weight:bold;
	font-style:italic;
	font-size:123.1%;
}
div#v25-free-reports-container ul {
	padding-top:6px;
	margin-left:0;
}
div#v25-free-reports-container ul {
	padding-top:6px;
	margin-left:0;
}
div#v25-free-reports-container a {
	font-weight:normal;
	color:#333399;
	font-size:93%;
}
div#v25-free-reports-container a:link,
div#v25-free-reports-container a:visited {
	text-decoration:none;
}
div#v25-free-reports-container a:hover,
div#v25-free-reports-container a:active {
	text-decoration:underline;
}
div#v25-free-reports-container li {
	background-image: url(../img/icon-bullet-cccccc.gif);
}
div#disclaimer {
	clear:both;
}


p.comapre_break_text {
	/*color:#d49b40;*/
	color:#666666;
	font-size:85%;
}
h3.compare_break_h3 {
	padding-top:5px;
}

/* OVER-HACKING FOR DEBENTURES SITE */
#verticalcontainer ul li.identifier {
	/*background-color: #A5DB4A;*/
	background-color: #d49b40;
	background-image: url(../img/aro-on-bronze.gif);
}
#header {
	padding-bottom:0;
	margin-bottom:0;
}
td.beloworange {
	background-color:#0000ff;
}
td.belowgrey {
	border-bottom:2px solid #0000ff;
}
td.orange {
	background-color:#3382cc;
}
#comparison td h3 {
	border-bottom:2px solid #faf7ee;
}
#top {
	background-color:#A5DB4A; /* A5DB4A */
}
div#calcform_container th {
	color:#3333CC;
}
td.identifiers h3 span.avatar_link {
	color:#d49b40!important;
}

#resultsleft {
	background-image:url(../img/your-results2.gif);
	height:90px;
}
#resultsleft p {
	padding:50px 16px 16px;
}
#contentbox h2 {
	color:#d49b40;
	font-size:120%;
	font-weight:bold;
}
/*
dark bronze d49b40 (nav)
dark sandstone bfb284 (th)
light sandstone f8f1dc (table)
vlight sandstone faf7ee (tt bg)
*/


/* RATES */


table.cs_rates {
	/*border-collapse: collapse;*/
	width:100%;
}
table.cs_rates th, table.cs_rates td,
div#datatable-target th, div#datatable-target td {
	font-family:arial;
	font-size:100%;
	text-align: center;
}
table.cs_rates th,
div#datatable-target th,
table.cs_rates .mortgage-sub {
	vertical-align: bottom;
	background-color:#bfb284;
	color:white;
}
table.cs_rates .mortgage-sub {
	text-align:left;	
}
table.cs_rates tr.one td,
div#datatable-target tr.yui-dt-odd td {
	background-color: white;
}
table.cs_rates tr.two td,
div#datatable-target tr.yui-dt-even td {
	background-color: #f8f1dc;
}
table.cs_rates th.border-right {
	border-right:1px solid #f8f1dc;
}
table.cs_rates th.top-ths {
	/*color:#d49b40;*/
}
table.cs_rates tr.btm-ths th {
	
}
table.cs_rates span.avatar_link {
	color:white;
}
#tabs-target ul.yui-nav {
	padding:0px!important;
	background-position: -200px bottom !important;
}

#content p {
	margin:10px 0 10px 0;
	padding:0pt;
}
#quote p {
	margin:0pt 0pt 20px; /* resetting it back to what it was */
	padding:0pt 10px 0pt 23px;
}
span.giantnum {
	clear:left;
	padding-bottom: 0;
}



/* TABS */

#tabs2 {
	background: none;
	padding: 0 0 0 4px;
	margin: 5px 0 20px 0;
	list-style: none;
	background:  url(../img/topshad.gif) repeat-x bottom left;
	}
#tabs2 li
{
	display: inline;
	}

#tabs2 span.on
{
	display: inline;
	padding: 5px 5px 0 0;
	margin: 0;
	background: #FFF url(../img/topleft.gif) top left no-repeat;
	}
#tabs2 li a.on, #tabs2 li a.on:visited 
{
	margin: 0;
	padding: 5px 10px 0 0;
	text-decoration: none;
	border: none;
	background: #FFF url(../img/topright.gif) top right no-repeat;
	}
#tabs2 span.off
{
	display: inline;
	padding: 5px 5px 0 0;
	margin: 0;
	background: #FFF url(../img/topleftoff.gif) top left no-repeat;
	}
#tabs2 li a.off, #tabs2 li a.off:visited 
{
	margin: 0;
	padding: 5px 10px 0 0;
	text-decoration: none;
	border: none;
	background: #FFF url(../img/toprightoff.gif) top right no-repeat;
	color: #FFF;
	}
#tabs2 li a.off:hover { color: #CCC; }



/* stwi = sortable table with interface */

div#stwi-div {
	margin-top:5px;
	border-top: 1px dashed #cccccc;
	border-bottom:1px dashed #cccccc;
	padding-bottom:7px;
	padding-top:6px;
	line-height:1em;
	font-size:normal;
	}
div#stwi-div h3 {
	color:white;
	background-color:#aad;
	margin:0;
	padding:2px 3px 3px 3px;
	border:0;
	}
div#stwi-div h4 {
	background-color:#EEEEFF;
	border:0pt none;
	color:#666699;
	font-size:11px;
	line-height:1em;
	margin:0;
	margin-top:5px;
	margin-bottom:3px;
	padding:3px;
	border-top:1px solid #ddf;
	border-bottom:1px solid #ddf;
}
div#stwi-div h4.first {
	margin-top:0;
	}
div#stwi-inner {
	width:164px;
	margin:0;
	padding:0;
	margin-left:4px;
	background-color:#f9f9ff;
	border: 1px solid #aad;
	}
form#stwi-form {
	margin:0;
	padding:0;
	}
form#stwi-form fieldset {
	margin:0;
	padding:0;
	border:0;
	}
form#stwi-form div.checkbox-con {
}
form#stwi-form div.checkbox-con label {
	font-weight:normal;
	margin:0;
	margin-left: 3px;
	padding:0;
	font-size: 93%;
	}
form#stwi-form div.checkbox-row {
	padding:0;
	margin:4px;
	}
form#stwi-form select {
	font-size: 93%;
	}
form#stwi-form input {
	margin:0;
	padding:0;
	width:14px; /* IE6+7 have larger widths, with the extra like transparent gif borders */
	height:14px;
	}
form#stwi-form fieldset.button-container {
	text-align:right;
	margin-top:0;
	margin-bottom:6px;
	}	
form#stwi-form button {
	font-size:93%;
	padding:0.2em;
	margin-right:6px;
	}
tr.no-records-found td {
	font-weight:bold;
	text-align:left!important;
}
.cs_rates th.sortable a,
.cs_rates th.sortable a:link, .cs_rates th.sortable a:visited,
.cs_rates th.sortable a:hover, .cs_rates th.sortable a:active {
	color:white;
	border:0;
	text-decoration: underline;
}

div#content p.feed_provided_by {
	float:right;
	text-align:right;
	padding:0;
	margin:0;
	font-size:93%;
	color:#666;
	line-height:1.2em;
}

div#on-refine-target{
	margin-top:1.25em;
	margin-bottom:1em;
}

span.on-refine-value {
	font-size:146.5%;
	font-family:'Times New Roman';
	font-style:italic;
	color:#777;
	font-weight:bold;
}

/* used for credit card "additional details" */
span.container-close {
	background-image:url("http://www.consumer2.org.nz/lib/js/yui-241/container/assets/close12_1.gif") !important;
}
#showMorePanel {
	text-align:left;
	background-color:#fff;
	padding:0;
	margin:0;
	border:1px solid #AAAADD;
}
#showMorePanel .hd {
	background-color:#AAAADD;
	border:0;
}
#showMorePanel .bd {
	padding:0;
}
#showMorePanel td {
	vertical-align: top;
	background-color:transparent;
	border-bottom:1px solid #fff;
	padding:2px;
}
#showMorePanel td.td_one {
	text-align:right;
}
#showMorePanel td.td_two {
	text-align:centre;
	padding-left:10px;
	padding-right:10px;
	width:50px;
}
#showMorePanel td.bg_one {
	background-color:#F9F9FF;
}
#showMorePanel td.bg_two {
	background-color:#ffffff;
}
span.showMoreLink {
	font-size:77%;
}
/* no-js showMore */
#creditcards-detail {
	font-size:normal
}
#creditcards-detail th, #creditcards-detail td {
	padding:5px;
	font-size:85%;
}
#creditcards-detail th {
	text-align:left;
}