@charset "utf-8";
image{
border:none;
}
.overlay {
        position: fixed;
        z-index: 99;
        top: 0px;
        left: 0px;
        background-color: #FFFFFF;
        width: 100%;
        height: 100%;
        filter: Alpha(Opacity=70);
        opacity: 0.70;
        -moz-opacity: 0.70;
    }
    * html .overlay {
        position: absolute;
        height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
        width: expression(document.body.scrollWidth > document.body.offsetWidth ? document.body.scrollWidth : document.body.offsetWidth + 'px');
    }
    .loader {
        z-index: 100;
        position: fixed;
        width: 120px;
        margin-left: -60px;
        top: 50%;
        left: 50%;
    }
    * html .loader {
        position: absolute;
        margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
    }



.helpPopUp{
display:none;
z-index:0;
background-color:#DDD;
border:thin solid navy
}
.collapsePanel {
	
	background-color:white;
	overflow:hidden;
}

.collapsePanelHeader{
	width:100%;
	height:30px;
	background-image: url(http://www.spendus.com/images/bg-menu-main.png);
	background-repeat:repeat-x;
	color:#FFF;
	font-weight:bold;
}
h1{
font-size:20px;
text-decoration:none;
}
h2{font-size:14px;}
body  {
	font: 100%  Arial,Helvetica, sans-serif,Verdana;
	background: #666666;
	font-size:12px;
	margin: 0px; 
	padding: 0px;
	text-align: center; 
	color: #000000;
}

validationError
{
 background-color:#FFFF66;
}
.funinfo{
   font-size:smaller;
}
.twoColFixLtHdr #container { 
	width: 1004px; 
	background: #FFFFFF;
	margin: 0 auto; 
	border: 0px solid #000000;
	text-align: left; 

} 

.twoColFixLtHdr #header { 
	padding: 4px 50px 4px 50px;   //TRBL
	vertical-align:top;
} 
.twoColFixLtHdr #topmenu {
    width:1004px;
	height:30px;
	background-color:#5B6973;
	display: table-cell;
	vertical-align: middle;
}
.twoColFixLtHdr #header h1 {
	margin: 0; 
	padding: 10px 0; 
}

/* current background color theme #D5D5C4 */

.twoColFixLtHdr #rightcol {
   float: right;
   width: 220px;
   margin: 0 0 0 10px;
   padding: 15px 10px;
   background-color:#D5D5C4;
}
.twoColFixLtHdr #mainContent { 
	margin: 0px 220px 0px 0px; 
	padding: 0px 10px;
	min-height:590px;
    align:top;
		
} 

 
.twoColFixLtHdr #advertising { 
	margin: 0 0 0 125px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 5px 5px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	height:65px;
	


} 
.twoColFixLtHdr #footercopyright{
	padding: 0 0 0 0px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background: #666666;
}
.twoColFixLtHdr #footer { 
	padding: 0 0 0 0; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#455660;    /* bjb change this color */
	

} 
.twoColFixLtHdr #footer p {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#ffffff;
	text-align:center;
}

.twoColFixLtHdr #footer a {
text-decoration:none;
color:#ffffff;
}
.twoColFixLtHdr #footer a:hover {
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	color:#000000;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	
}
.invoice-table table{border-collapse:collapse;}
.invoice-table th {border-bottom:thick; border-bottom-style:solid;background-color:#98B2D5;border-color:#98B2D5;}
.invoice-table tr {background-color:#D9E5BF;border-color:#A3A611; font-size:smaller;}

div#flash {float: right;position:relative;top:2px;}

div#nifty{ margin: 0 10%;background: #F5F6EA}
div.news{margin-bottom: 10px;margin-top: 10px; margin-right:3px;margin-left:3px;font-size:10px;text-align:center;float: left;width:239px}
div.newscontent{background:#D5D5C4;border-left : 1px outset #425363;border-right : 1px solid #425363;border-bottom : 1px groove #425363;padding: 10px 5px 10px 5px;min-height:170px;} 


div.newstextonly{margin-top:0px;margin-left:10px;margin-bottom: 10px;font-size:10px;text-align:center;}
div.newscontenttextonly{padding: 10px 5px 10px 5px;background:#D5D5C4;}

/*.grey-box td {background-color:#F5F6EA;border-color:#CDCEC5;}*/


div.news h3{font-size: 10px;margin:0;padding: 0 0 3px;background: #EFF3FE;color: #5B6973;font-weight:bold; text-align: center;border-left : 1px outset #425363;border-right : 1px solid #425363;}
div.newstextonly h3{font-size: 10px;margin:0;padding: 0 0 3px;background: #EFF3FE;color: #5B6973;font-weight:bold; text-align: center;}

.clear {
clear: both;
}

/* table stuff used for layout */
td {margin-top:0px;}

.table-box {margin-bottom:10px;text-decoration:none;}
.table-box .top td,.table-box .bottom td {height:6px;line-height:1px;/* line-height 0 hides cell borders in FFox */}
.table-box .left {border-left-style:solid;border-left-width:1px;}
.table-box .right {border-right-style:solid;border-right-width:1px;}
.table-box .top td {border-top-style:solid;border-top-width:1px;}
.table-box .bottom td {border-bottom-style:solid;border-bottom-width:1px;}
.table-box .top .round,.table-box .bottom .round {border-width:0px;}
.table-box .bottom .left {background-position:bottom left;}
.table-box .bottom .right {background-position:bottom right;}
.table-box .top .left {background-position:top left;}
.table-box .top .right {background-position:top right;}
.table-box .round {background-color:Transparent !important;}
.blue-box td {background-color:#eff3fe;border-color:#588eed;}
.blue-box td.round {background-image:url('../images/lookfeel/circlelb.gif');}
.green-box td {background-color:#DEF6DF;border-color:#86F08A;}
.green-box td.round {background-image:url('../images/lookfeel/circleg.gif');}
.pink-box td {background-color:#F9DDEB;border-color:#FF99CC;}
.pink-box td.round {background-image:url('../images/lookfeel/circlep.gif');}
.yellow-box td {background-color:#F7F7DA;border-color:#F7F887;}
.yellow-box td.round {background-image:url('../images/lookfeel/circley.gif');}
.buff-box td {background-color:#F9E5C0;border-color:#F8D087;}
.buff-box td.round {background-image:url('../images/lookfeel/circlebuff.gif');}
.gold-box td {background-color:#F6CB7C;border-color:#EE9C08;}
.gold-box td.round {background-image:url('../images/lookfeel/circlegold.gif');}
.grey-box td {background-color:#F5F6EA;border-color:#CDCEC5;}
.grey-box td.round {background-image:url('../images/lookfeel/circlegrey.gif');}
.pea-box td {background-color:#ffffff;border-color:#A3A611;}
.pea-box td.round {background-image:url('../images/lookfeel/circlepea.gif');}

.product-list ul {list-style-image: url('../images/lookfeel/circlepea.gif');}

.middle {font-size:10px;}
input {font-size:10px;}
select {font-size:10px;}


#toptools{
float:right;
position:relative;
top:-60px;
font-size:10px;
}

#toptools a {
text-decoration:none;
color:#000000;
}
#toptools a:hover{
color:#000000;
}

a img{
border:0;
} 

.greentext {color:#9DAA1A; }
.smallertext {font-size:smaller;}

/* Vertical Tabs
----------------------------------*/
.ui-tabs-vertical { width: 730px; }
.ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 12em; }
.ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; }
.ui-tabs-vertical .ui-tabs-nav li a { display:block; }
.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; }
.ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 40em;}

/* Component containers
----------------------------------*/
#widget-docs .ui-widget { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button { font-family: Trebuchet MS,Verdana,Arial,sans-serif; font-size: 1em; }
#widget-docs .ui-widget-header { border: 1px solid #ffffff; background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
#widget-docs .ui-widget-header a { color: #ffffff; }
#widget-docs .ui-widget-content { border: 1px solid #ffffff; background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x; color: #222222; }
#widget-docs .ui-widget-content a { color: #222222; }

/* Interaction states
----------------------------------*/
#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default { border: 1px solid #666666; background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-default a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus { border: 1px solid #666666; background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x; font-weight: normal; color: #ffffff; outline: none; }
#widget-docs .ui-state-hover a { color: #ffffff; text-decoration: none; outline: none; }
#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active { border: 1px solid #666666; background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x; font-weight: normal; color: #F6921E; outline: none; }
#widget-docs .ui-state-active a { color: #F6921E; outline: none; text-decoration: none; }

/* Interaction Cues
----------------------------------*/
#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x; color: #363636; }
#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x; color: #cd0a0a; }
#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text { color: #cd0a0a; }
#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }
#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary { font-weight: bold; }
#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }

/* Icons
----------------------------------*/

/* states and images */
#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon { width: 16px; height: 16px; background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-content .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-widget-header .ui-icon {background-image: url(images/222222_256x240_icons_icons.png); }
#widget-docs .ui-state-default .ui-icon { background-image: url(images/888888_256x240_icons_icons.png); }
#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-active .ui-icon {background-image: url(images/454545_256x240_icons_icons.png); }
#widget-docs .ui-state-highlight .ui-icon {background-image: url(images/2e83ff_256x240_icons_icons.png); }
#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {background-image: url(images/cd0a0a_256x240_icons_icons.png); }


/* Misc visuals
----------------------------------*/

/* Corner radius */
#widget-docs .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; }
#widget-docs .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; }
#widget-docs .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; }
#widget-docs .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; }
#widget-docs .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; }

/* Overlays */
#widget-docs .ui-widget-overlay { background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
#widget-docs .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; }

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

#widget-docs { margin:20px 0 0; border: none; }

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code { margin:0; padding:0; }
#widget-docs code { display:block; color:#444; font-size:.9em; margin:0 0 1em; }
#widget-docs code strong { color:#000; }
#widget-docs p { margin:0 3em 1.2em 0; }
#widget-docs p.intro { font-size:13px; color:#666; line-height:1.3; }
#widget-docs ul { list-style-type: none; }

#widget-docs h2 { font-size:16px; margin:1.2em 0 .5em; }
#widget-docs h3 { font-size:14px; color:#e6820E; margin:1.5em 0 .5em; }
.normal #widget-docs h4 { font-size:12px; color:#000; border:0; margin:0 0 .5em; }

#docs-overview-main { width:400px; }
#docs-overview-sidebar { float:right; width:200px; }
#docs-overview-sidebar a span { color:#666; }
#widget-docs #docs-overview-main p { margin-right:0; }
#widget-docs #docs-overview-sidebar h4 { padding-left:0; }

.docs-list-header { float:left; width:100%; margin:10px 0 0; border-bottom:1px solid #eee; }
#widget-docs .docs-list-header h2 { float:left; margin:0; }
#widget-docs .docs-list-header p { float:right; margin:5px 0; font-size:11px; }

.docs-list { float:left; width:100%; padding:0 0 10px; }
.docs-list .param-header { float:left; clear:left; width:100%; padding:8px 0; border-top:1px solid #eee; }
#widget-docs .param-header h3, #widget-docs .param-header p { margin:0; float:left; }
#widget-docs .param-header h3 { width:50%; }
#widget-docs .param-header h3 span { background: url(images/demo-spindown-closed.gif) no-repeat left; padding-left:13px; }
#widget-docs .param-open .param-header h3 span { background: url(images/demo-spindown-open.gif) no-repeat left; }
#widget-docs .param-header p { width:24%; }
#widget-docs .param-header p.param-type span { background: url(images/icon-docs-info.gif) no-repeat left; cursor:pointer; border-bottom:1px dashed #ccc; padding-left:15px; }

.param-details { padding-left:13px; }
.param-args { margin:0 0 1.5em; border-top:1px dotted #ccc;}
.param-args td { padding:3px 30px 3px 5px; border-bottom:1px dotted #ccc;  }


/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav { padding:0 0 0 8px; }
#widget-docs .ui-tabs-nav li { margin:5px 5px 0 0; }

#widget-docs .ui-tabs-nav li a:link,
#widget-docs .ui-tabs-nav li a:visited,
#widget-docs .ui-tabs-nav li a:hover,
#widget-docs .ui-tabs-nav li a:active { font-size:14px; padding:4px 1.2em 3px; color:#fff; }

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active { color:#e6820E; }

#widget-docs .ui-tabs-panel { padding:20px 9px; font-size:12px; line-height:1.4; color:#000; }

#widget-docs .ui-widget-content a:link,
#widget-docs .ui-widget-content a:visited { color:#1b75bb; text-decoration:none; }
#widget-docs .ui-widget-content a:hover,
#widget-docs .ui-widget-content a:active { color:#0b559b; }