* { margin:0; padding:0; border:none; }
body { font:13px Arial, Helvetica, sans-serif; color:#444;  }

/*	--------------------------------------------------
Global 
-------------------------------------------------- */
a { outline:none; color:#006699; text-decoration:underline; }
a:hover { color: #333; }

ul { list-style:none; }
.clear { clear:both; }
.float_l { float:left; }
.float_r { float:right; }
.text_c { text-align:center; }
.clear { clear:both; }

/*	--------------------------------------------------
Typography
-------------------------------------------------- */
em, i { font-style:italic; font-weight:inherit; }
small { font-size:12px; line-height:15px; color:#777; }
h1, h2, h3, h4, h5, h6 { color:#2b445b; font-family:Arial, Helvetica, sans-serif; font-weight:normal; }
h1 a, h1 a:visited, h2 a, h2 a:visited, h3 a, h3 a:visited, h4 a, h4 a:visited, h5 a, h5 a:visited, h6 a, h6 a:visited { border:0; }
h1 { font-size:26px; padding:0 0 5px 0; margin-bottom:20px; color:#006699; font-weight:normal; border-bottom:1px solid #e3e3e3; position:relative; }
h1 span.link { font-size:11px; color:#333; position:absolute; right:0; _right:8px; top:18px; }
#btnid { position:relative; }

h2 { margin:0; padding: 5px 0 8px 0; color: #006699; font:normal 24px Arial, Helvetica, sans-serif; }
h3 { font-size:22px; padding:0px 0 3px 0; margin:0; color:#273e53;  }
h4 { font-size:20px; padding:10px 0 5px 0; font-weight:normal; }
h5 { font:normal 18px arial; padding:10px 0 5px 0; }
h6 { font-size:16px; padding:10px 0 5px 0; }

select {/*background-color:#efefef; border:1px; border-style:solid; border-color:#999; font-family:Arial, Helvetica, sans-serif; font-size: 10px; padding:10px;*/}
html>select { width: auto; min-width: 18em;}
option {font-family:Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 2em;}
html>option {font-family:Arial, Helvetica, sans-serif; font-size: 10pt; min-width: 2em;}

ul, ol { margin:0; }
ol { list-style: decimal; list-style-position: inside; }
li { font-size: 12px; line-height: 18px; }
li a, li a:visited { border: 0; }
p small, li small {	font-size: 11px; }
blockquote { margin: 5px 0px 10px 0; padding:5px 0 0px 28px; font:bold 16px Arial, Helvetica, sans-serif; background:url(images/quote3.gif) no-repeat 5px 8px; }
blockquote p { font:bold 16px Arial, Helvetica, sans-serif; line-height: 19px; color:#0c1d3b; }
blockquote cite { display: block; text-align: right; font-size: 12px; line-height: 15px; }

table { /*margin: 0 0 18px 0;*/margin: 0 0 0 0; }
table tr { }
table td { font-size: 12px; line-height: 18px; }
table a, table a:visited { border: 0; }
.txtr { text-align:right; }
.txtl { text-align:left; }
.txtc { text-align:center; }
.tbl_ctr {margin-top:0; margin-right:auto; margin-bottom:0; margin-left:auto;}
form { }
label { cursor: pointer; }
input, select, textarea { font-family: Arial, Helvetica, sans-serif; }
.tbl_main td { font-weight:bold; line-height: 10pt; font-family:Arial, Helvetica, sans-serif; font-size:10pt; text-align:left; padding-left:10px;}
.text-center { text-align:center; }

/*	--------------------------------------------------
Structure
-------------------------------------------------- */
body {	background-image: url(images/payblueinterface.png);	font:13px Arial, Helvetica Neue, Helvetica, sans-serif;	color:#333;	background-color: #fff;
	background-repeat: repeat-x;}
.header { width:960px; margin: -144px auto 0; /*padding-top:22px;*/ height:147px; /*border: #000  solid 1px;*/ }
.header2 { /*margin-top: -20px;*/ font-size:14px; font-weight:bold;	color:#fff;	line-height: 26px; padding-top:6px; padding-right:10px;}
.header2 a { color:#66cc33; text-decoration:none}
.header2 a:hover { color:#68a9d2; }
#wrapper { width:960px; margin:0 auto; /*background: url(images/centerbottombg.png) no-repeat bottom;*/ min-height:500px; padding-top:10px; padding-bottom:20px;  } 

#content { width:700px; padding-right:10px; float:right;   }
#sidebar { width:220px; padding-left:10px; float:left; }

/*	--------------------------------------------------
Header
-------------------------------------------------- */
.logo { display: block; width:205px; height:46px; font-size:18px; position:relative; padding-top: 81px; margin-bottom:11px; }
.logo span { width: 100%; height: 100%; position:absolute; bottom:0; left:0; }
.logo span, #header .logo span a { width:317px; height:62px; background:url(images/payblue-logo.png) no-repeat; }
.logo span a { display:block; color:#fff; }
.logo a { text-decoration:none; color:#fff; }
.logo a:hover { text-decoration:none; color:#fee267; }
.lastlog  {color:#86949e; font-weight:bold; padding-bottom:4px; margin-left:7px;}
.hdr_splash { margin: 0 auto; width:851px; height:144px; background:url(images/header-middlebluehighlight.png) no-repeat 0px 32px; /*margin-top:32px; margin-left:110px; border: red 1px solid;*/}
.login_msgs {margin-top:-30px; width:960px; height:50px; }

#navbar {  /*background:url(images/top_navbar.png) no-repeat;*/ border-bottom:1px solid #D6D6D6; color:#333; font-family:Tahoma, Geneva, sans-serif; font-size:16pt; font-weight:bold; height:32px; margin: 0 10px 10px; /*padding: 0 0 0 0;*/ } 
#navbar2 { border-bottom:1px solid #D6D6D6; height:2px; margin: 0 10px 10px; } 
#nav { margin:0; padding:7px 10px 0 10px; }
#nav li { margin:0; padding:0; list-style:none; font:bold 14px Arial, Helvetica, sans-serif; color:#000; text-transform:uppercase; }
#nav li a { display:block; padding:11px 15px; text-decoration:none; color:#fff; background:url(images/nav_sepretor.png) no-repeat 0 top;  }
#nav li a:hover  { color:#fff; background:#5295bf url(images/nav_sepretor.png) no-repeat 0 top;  }

#nav li.nleft a { background-position: right top; }
#nav li.nleft a:hover { background-position: right top; }

/* ---------------------------------------------------
Footer
----------------------------------------------------*/
#footer {font-family:Arial, Helvetica, sans-serif; text-align:center; font-size:10pt; color:#999999; padding:4px; /*background-color:#EFEFEF; border:1px solid #91b4c9;*/ width:930px; margin:0 auto; margin-bottom: 20px; }
#footer a {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #999999;text-decoration:none;}
#footer a:visited {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #999999;text-decoration:none;}
#footer a:hover {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #FF0000;text-decoration:none;}
.disclaimer{ font-size:8pt; padding-top:6px;}

/*	--------------------------------------------------
login page
-------------------------------------------------- */
.loginbox { width:382px; margin:35px auto; background:url(images/memberbox_center.png) repeat-y top; }
.loginbox_top { background:url(images/memberbox_top.png) no-repeat top; padding:20px 0 30px 75px; font:18px Arial, Helvetica, sans-serif; color:#3f5c6e; text-transform:uppercase; }
.loginbox_bottom { background:url(images/memberbox_bottom.png) no-repeat bottom; height:100%; overflow:hidden; padding:10px 25px 25px 25px;  }
.login_error{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#ff9900; padding: 0 0 2px 8px; text-align:left; margin-left:655px; height:30px;}

/* fed3 - copy of code during testing of formbox1 */
.formbox { width:382px; margin: auto; background:url(images/memberbox_center.png) repeat-y top; padding-left: 40px; }
.formbox_top { background:url(images/memberbox_top.png) no-repeat top; padding:20px 0 27px 240px; font:18px Arial, Helvetica, sans-serif; color:#3f5c6e; text-transform:uppercase; }
.formbox_bottom { background:url(images/memberbox_bottom.png) no-repeat bottom; height:100%; overflow:hidden; padding:0px 25px 0px 25px;  }

.formbox1 { width:600px; margin: auto; background:url(images/frmbox_mid.png) repeat-y top; padding-left: 40px; }
.formbox1_top { background:url(images/frmbox_top.png) no-repeat top; padding:20px 0 14px 240px;}
.formbox1_top #frm_title {font:18px Arial, Helvetica, sans-serif;color:#3f5c6e;text-transform:uppercase;}

.formbox1_bottom { background:url(images/frmbox_bot.png) no-repeat bottom; height:100%; overflow:hidden; padding:0px 25px 0px 25px;  }

.field { height:100%; overflow:hidden; margin-bottom:8px;  }
/*.field label { width:135px; float:left; font-size:14px; color:#587485; padding-top:9px; margin-right:10px; text-align:right; cursor:default;  }*/
.field label { width:135px; float:left; font-size:14px; color:#666; padding-top:9px; margin-right:10px; text-align:right; cursor:default;  }
.field .twoline { padding-top:0px; }
.field .radio { padding-top:9px; }
.field a { display:block; padding-top:9px; margin:0px 140px; }
.field a.lft { display:block; padding-top:9px; margin:0px; }

/*.textfield { float:left; width:200px; border:1px solid #91b4c9; padding:8px; background:#fff; }
.textfield1 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; width:90px; border:1px solid #91b4c9; margin-left:8px; padding:2px; background:#d6dde2; }
.textfield2 { float:left; width:218px; border:1px solid #91b4c9; padding:5px; background:#fff; height:30px; }
.textarea { float:left; width:500px; border:1px solid #91b4c9; padding:8px; background:#fff; font-size:13px; }
.textarea2 { float:none; width:310px; border:1px solid #91b4c9; padding:8px; background:#fff; }*/
.textfield { float:left; width:200px; border:1px solid #999; padding:8px; background:#fff; }
.textfield1 { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666; width:90px; border:1px solid #999; margin-left:8px; padding:2px; background:#d6dde2; }
.textfield2 { float:left; width:218px; border:1px solid #999; padding:5px; background:#fff; height:30px; }
.textarea { float:left; width:500px; border:1px solid #999; padding:8px; background:#fff; font-size:13px; }
.textarea2 { float:none; width:310px; border:1px solid #999; padding:8px; background:#fff; }
.textarea3 { float:none; width:640px; border:1px solid #999; padding:8px; background:#fff; font-size:12px; }



.searchfield { margin-bottom:8px; height:100%; overflow:hidden; vertical-align:middle;}
.searchfield1 { color:#666; margin-left:8px;  font-family: Tahoma, Geneva, sans-serif; font-size:12px; /*height:22px; border:1px solid #91b4c9;*/ padding:1px; /*background:#d6dde2;*/}
.searchfield input {width:196px; padding:2px; /*height:22px;*/}
.searchfield a { display:block; /*padding-top:7px;*/ margin:-2px 10px 14px 10px; }

.askquestion { padding:0px 0px 5px 0px; font:18px Arial, Helvetica, sans-serif; color:#3f5c6e; text-transform:uppercase; }

.field2 { height:100%; overflow:hidden; margin-bottom:8px;  }
.field2 label { width:100px; float:left; font-size:13px; color:#444; padding-top:9px; margin-right:10px; text-align:left;  }
.field2 span { float:left; padding:8px 0 10px 0;  }

.spacer { margin-left:15px; }

.loginbox a { color:#006699; text-decoration:underline; }
.loginbox a:hover { color:#333;  }
.loginbox p.forgot { margin-left:110px; }

.forgot {font-family:Arial, Helvetica, sans-serif; font-size:10px; margin:-48px 95px 0 770px; height:15px;}
.forgot a { color:#8d9bA4; text-decoration:none;}
.forgot a:hover {color:#66cc33;}

/*	--------------------------------------------------
content 
-------------------------------------------------- */
#content p { margin:0 0 12px 0; padding:0; font:14px Arial, Helvetica, sans-serif; color:#333; line-height:20px;  }

.xsnazzy {background: transparent; margin:0 0 12px 0;}
.xtop, .xbottom {display:block; background:transparent; font-size:1px;}
.xb1, .xb2, .xb3, .xb4, .xb5, .xb1b, .xb2b, .xb3b, .xb4b, .xb1a, .xb2a, .xb3a, .xb4a, .xb5a {display:block; overflow:hidden;}
.xb1, .xb2, .xb3, .xb1b, .xb2b, .xb3b, .xb1a, .xb2a, .xb3a {height:1px;}
/*.xb2, .xb3, .xb4, .xb5 {background:#2a5067; border-left:1px solid #2a5067; border-right:1px solid #2a5067;}*/
.xb2, .xb3, .xb4 {background:#2a5067; border-left:1px solid #2a5067; border-right:1px solid #2a5067;}
.xb2a, .xb3a, .xb4a, .xb5a {background:#999; border-left:1px solid #999; border-right:1px solid #999;}
.xb2b, .xb3b, .xb4b {background:#ffffff; border-left:1px solid #D6D6D6; border-right:1px solid #D6D6D6;}
.xb1 {margin:0 5px; background:#2a5067;}
.xb1a {margin:0 5px; background:#999;}
.xb1b {margin:0 5px; background:#D6D6D6;}
.xb2, .xb2b, .xb2a {margin:0 3px; border-width:0 2px;}
.xb3, .xb3b, .xb3a {margin:0 2px;}
.xb4, .xb4b, .xb4a {height:2px; margin:0 1px;}
/*.xb5, .xb5a {height:29px; font-size:13pt; color:#ffffff; font-family:Tahoma, Geneva, sans-serif; padding: 4px 10px 0px 10px;}*/
.xb5, .xb5a {height:26px; font-size:10pt; /*letter-spacing:-1px;*/ text-transform: uppercase; color:#666; font-family:Arial, Tahoma, Geneva, sans-serif; padding: 12px 10px 0px 10px; background-image:url(images/pb-widetitle.png); text-shadow:1px 1px 0 rgba(255,255,255,1.0); font-weight:bold;}
.xboxcontent {display:block; background:#fff; border:0 solid #D6D6D6; border-width:0 1px; padding:5px 10px ; /*min-height:200px;*/ _height:200px;  }

#frmbox_btn .b_login a {  width:139px; height:37px; background:url(images/b_submit.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:200px; margin-top:10px; margin-bottom:10px; }
#frmbox_btn .b_login a:hover  { background-position:0 -37px; } 

/* changed for new non-graphic button style 
.b_show_advanced a {  position: absolute; right:10px; top:0; width:150px; height:25px; overflow:hidden; background:url(images/show_advanced_button.png) no-repeat left top; display:block; text-indent:-9009px; margin-top:6px;  }
.b_show_advanced a:hover { background-position:0 -25px; } 
.b_hide_advanced a {  position: absolute; right:10px; top:0; width:150px; height:25px; overflow:hidden; background:url(images/hide_advanced_button.png) no-repeat left top; display:block; text-indent:-9009px; margin-top:6px;  }
.b_hide_advanced a:hover { background-position:0 -25px; } 
.b_showproduct a {  position: absolute; right:10px; top:0; width:169px; height:25px; overflow:hidden; background:url(images/b_show_product.png) no-repeat left top; display:block; text-indent:-9009px; margin-top:6px;  }
.b_showproduct a:hover { background-position:0 -25px; } 
.b_addproduct a {  position: absolute; right:10px; top:0; width:150px; height:25px; overflow:hidden; background:url(images/b_addproduct.png) no-repeat left top; display:block; text-indent:-9009px; margin-top:6px;  }
.b_addproduct a:hover { background-position:0 -25px; } 
.b_updatenotes a {  width:200px; height:37px; background:url(images/b_update_notes.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:60px; margin-top:10px; margin-bottom:10px; }
.b_updatenotes a:hover { background-position:0 -37px; } 
.b_searchagain a {  position: absolute; right:10px; top:0; width:150px; height:25px; overflow:hidden; background:url(images/b_search_again.png) no-repeat left top; display:block; text-indent:-9009px; margin-top:6px;  }
.b_searchagain a:hover { background-position:0 -25px; } 
.b_help { float:right; margin:-50px 0px 0 0;}
.b_help a {  position: absolute; right:10px; top:0; width:113px; height:25px; overflow:hidden; background:url(images/b_support.png) no-repeat left top; display:block; text-indent:-9009px; margin-top:6px;  }
.b_help a:hover { background-position:0 -25px; } 
.b_login a {  width:139px; height:37px; background:url(images/b_submit.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:110px; margin-top:10px; margin-bottom:10px; }
.b_login a:hover { background-position:0 -37px; } 
.b_login_no span {  width:139px; height:37px; background:url(images/b_submit_no.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:110px; margin-top:10px; margin-bottom:10px; cursor: crosshair; }
*/
.b_show_advanced {  position: absolute; right:10px; top:0; margin-top:5px; width:125px;  }
.b_hide_advanced {  position: absolute; right:10px; top:0; margin-top:5px; width:125px;  }
.b_showproduct {  position: absolute; right:10px; top:0; margin-top:5px; width:125px;  }
.b_addproduct  {  position: absolute; right:10px; top:0; margin-top:5px; width:125px;  }
.b_updatenotes {  margin-left:90px; margin-top:10px; margin-bottom:10px; }
.b_searchagain {  position: absolute; right:10px; top:0; margin-top:5px; width:125px;  }
.b_help  {  position: absolute; right:10px; top:0; width:113px;/* margin-top:6px;float:right;*/ margin:-47px 0px 0 0;  }
.b_smallheader { margin:-5px 0px 0 0; }

.b_login {  width:139px; height:37px; background:url(images/b_submit.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:110px; margin-top:10px; margin-bottom:10px; }
.b_login_no span {  width:139px; height:37px; background:url(images/b_submit_no.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:110px; margin-top:10px; margin-bottom:10px; cursor: crosshair; }
.b_login2 a {  width:75px; height:24px; background:url(images/b_login2.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:110px; margin-top:-28px; margin-bottom:2px; }
.b_login2 a:hover { background-position:0 -24px; } 
.b_search { padding-top:5px; margin-top:-5px;}
.b_search a {  width:108px; height:25px; background:url(images/b_search.png) no-repeat left top; display:block; text-indent:-9009px; margin-bottom:2px;/*margin-left:110px; margin-top:-28px;*/  }
.b_search a:hover { background-position:0 -25px; } 
.b_search2 { margin:-2px 0 0 8px; padding-top:2px;}
.b_search3 { width:400px; margin-top:-12px; border: 1px solid black; }

.b_submit a {  width:117px; height:36px; background:url(images/b_submit2.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:110px; margin-top:10px; margin-bottom:10px; }
.b_submit a:hover { background-position:0 -36px; } 
.b_submit a #frmbox_btn {  width:117px; height:36px; background:url(images/b_submit2.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:300px; margin-top:10px; margin-bottom:10px; }
.b_submit a:hover #frmbox_btn { background-position:0 -36px; } 

.aup a {  position: absolute; left:2px; top:-4px; width:12px; height:12px; overflow:hidden; background:url(images/arrow_up6.png) no-repeat left 6px; display:block; text-indent:-9009px; margin-left:-12px; }
.adown a {  position: absolute; left:2px; top:9px; width:12px; height:12px; overflow:hidden; background:url(images/arrow_dwn6.png) no-repeat left top; display:block; text-indent:-9009px; margin-left:-12px; }
.apad{ padding-right:12px;}

.rel { position:relative; }
.absol { position: absolute; }
#sortheader{ text-decoration:none; color:#333333; font-size:12px; font-weight:normal; }

/* table format -------------------------*/
.table { /*border:1px solid #fff; margin-bottom:20px;*/ border-collapse:collapse; }
.table td  { font:12px Arial, Helvetica, sans-serif; color:#1e3146; padding:4px 5px;  border-bottom:1px solid #fff; vertical-align:text-top;  }
.table td.taligncenter  { text-align:center; }
.table tr.taligncenter td{ text-align:center; }

.table td { background:#faf8f8; padding:10px 8px; }

.table td.vmiddle { vertical-align:middle; }
.table td a { color:#006699; text-decoration:underline; }
.table td a:hover { color:#333;  }
.table tr.row1 td{ background:#efefef;  }

#content .table td.thead, .table tr.thead td { background:#e6e6e6; font-size:13px; font-weight:bold; color:#333; vertical-align:middle; padding:8px 5px; margin:0;  }
#content .thead2, .thead2 td, .thead2 tr td { background:#ffffff; font-size:14px; font-weight:bold;  color:#000000; vertical-align:middle; padding:8px 5px; margin:0;  }
#content .thead2 { /*border:thin solid #069;*/ padding:0px; }
.i_link { background:url(images/i_productlink.png) no-repeat 0 5px; padding:3px 0 2px 20px; }

.total { color:#000; }
#content .table td.bold { font-weight:bold; }

span.i_help { background:url(images/i_help.png) no-repeat 0 6px; padding:5px 5px 3px 15px; font-size:11px; font-weight:bold; float:right;  }
span.i_help a { text-decoration:none; }

/*	--------------------------------------------------
dashboard control panel
-------------------------------------------------- */
#dashboard img{ margin-right: 8px;}
#dashboard { margin: 10px auto 0 auto;}

/*	--------------------------------------------------
sidebar 
-------------------------------------------------- */
.dahboard { background:url(images/dashboard_center.png) repeat-y top left;  }
/*.dahboard_top {	background:url(images/pb-narrowtitle.png) no-repeat;	padding:12px 10px 8px 10px; font-size:11pt; font-weight:bold;letter-spacing:-1px; text-transform: uppercase; color:#666; font-family:Arial, Tahoma, Geneva, sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,1.0);}
.dahboard_top1 { background:url(images/pb-narrowtitle.png) no-repeat; padding:9px 10px 8px 10px; font-size:11pt; font-weight:bold;letter-spacing:-1px; text-transform: uppercase; color:#666; font-family:Arial, Tahoma, Geneva, sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,1.0);}
.dahboard_top2 { background:url(images/pb-narrowtitle.png) no-repeat; padding:9px 10px 8px 10px; font-size:11pt; font-weight:bold;letter-spacing:-1px; text-transform: uppercase; color:#666; font-family:Arial, Tahoma, Geneva, sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,1.0);}
.dahboard_top3 { background:url(images/left-orangeheader.png) no-repeat; padding:9px 10px 8px 10px; font-weight:bold; font-size:13pt; font-family: Tahoma, Geneva, sans-serif;	color:#FFF;}
.dahboard_top_a { background:url(images/left-greyheader.png) no-repeat; padding:9px 10px 8px 10px; font-weight:bold; font-size:13pt; font-family: Tahoma, Geneva, sans-serif;	color:#FFF;}*/

.dahboard_top,.dahboard_top1,.dahboard_top2,.dahboard_top3,.dahboard_top_a { background:url(images/pb-narrowtitle.png) no-repeat; padding:12px 9px 8px 10px; font-size:10pt; font-weight:bold;/*letter-spacing:-1px;*/ text-transform: uppercase; color:#666; font-family:Arial, Tahoma, Geneva, sans-serif; text-shadow:1px 1px 0 rgba(255,255,255,1.0);height:18px;}

.dashboard_bottom { background:url(images/dashboard_bottom.png) no-repeat bottom; margin-bottom:20px; /*padding:0 0 20px 0; min-height:500px;*/   }
* html .dashboard_bottom { height:500px; }

#dashboard_spacer {Margin-top:20px;}
#flashcontent { margin-left:28px;}

#sidebar ul { margin:0; padding:0; }
#sidebar li { margin:0; padding:8px 0 9px 28px; list-style:none; font:bold 13px Arial, Helvetica, sans-serif; color:#333; border-bottom:1px solid #d6d6d6; background:url(images/greyblt1.png) no-repeat 10px 11px; }
#sidebar li.pagelight { margin:0px 1px; padding:9px 0 9px 28px; list-style:none; font:bold 13px Arial, Helvetica, sans-serif; color:#333; border-bottom:1px solid #d6d6d6; background:url(images/greyblt1.png) no-repeat 10px 11px; background-color: #E6E6E6;   }
#sidebar li a {  color:#666;/*color:#333;*/  text-decoration:none;   }
/*#sidebar li a.pagelight  {  color: #900;  text-decoration:none;   }*/
#sidebar li a:hover  { color:#006699;  }

/*.i_salesreport { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
.i_product { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
.i_customers { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
.i_affiliates { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
.i_network { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
.i_tracking { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
.i_traning_video { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
.i_customer_support { background:url(images/bul_tri.png) no-repeat 8px 9px;  }
*/

/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 
--------------------- */
.clearfix:after { content: "."; clear: both; height: 0; visibility: hidden; display: block; }
.clearfix { display: inline-block; /* Fixes IE/Mac */ }
/* Hides from IE-mac \*/ * html .clearfix { height: 1%; }
.clearfix { display: block; }

* html #wrapper { height:500px; }
#frmbx_img {margin-top: -18px;margin-left: -150px;}
#frmbox_left {float: left;width: 275px;margin-top: 20px;margin-right: 10px;margin-left: 20px;}
#frmbox_left fieldset input {margin-right: 10px;margin-top: 3px;margin-bottom: 3px;}
#frmbox_left fieldset {margin-right: 10px;margin-top: 3px;margin-bottom: 3px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;}

#frmbox_btn {clear: both;width: 600px;margin-top: 10px;margin-right: auto;margin-bottom: 11px;margin-left: auto;}

#frmbox_right {float: right;width: 275px;margin-right: 10px;margin-top: 20px;}
#frmbox_right select {font-family: Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: normal;color: #333;margin-bottom: 6px;border: 1px solid #89B7D5;padding: 2px;margin-top: 6px;}
#frmbox_right label {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;display: block;width: 50px;margin-top: 6px;margin-bottom: 3px;float: left;}
#frmbox_right fieldset {margin-right: 10px;margin-top: 3px;margin-bottom: 3px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;}
#frmbox_right fieldset input {margin-right: 10px;margin-top: 3px;margin-bottom: 3px;}

/* Formbox Top */
#frmbox_top {float: none;width: 95%;margin-top:10px;margin-right: auto;margin-bottom: 10px;margin-left: auto;border: 1px solid #D6D6D6;padding:8px;}
#frmbox_top fieldset input {margin-right: 5px;/*margin-top: 3px;*/margin-bottom: 3px;vertical-align: middle;}
#frmbox_top fieldset {margin-right: 10px;margin-top: 3px;margin-bottom: 3px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;}
#frmbox_top .radio {margin-bottom:3px;}
/* Formbox Bottom */
#frmbox_bottom {float: none;width: 95%;margin-right: auto;margin-bottom: 10px;margin-left: auto; border: 1px solid #D6D6D6; padding:8px;}
#frmbox_bottom select, input.cal {font-family: Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: normal;color: #333;margin: 0 6px;/*border: 1px solid #89B7D5;*/ border: 1px solid #999; padding: 2px;width:184px;}
#frmbox_bottom input.cal {text-align:right;background:none;}
#frmbox_bottom .calspan {/*margin:0 134px 2px -184px; height: 25px;padding: 2px;*/margin:-21px 0 0 6px;font-family: Arial, Helvetica, sans-serif;font-size: 11pt;font-weight: bold;color: #999;}
#frmbox_bottom .calspan2 {margin:0 157px 0 5px;}
#frmbox_bottom label {font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;display: block;width: 50px;margin-top: 6px;margin-bottom: 3px;float: left;}
#frmbox_bottom fieldset {margin-right: 10px;margin-top: 3px;margin-bottom: 3px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;text-align: left;}
#frm_title_image {margin-top: -10px;vertical-align: middle;margin-right: 10px;}
.new_login {width: 295px; margin: -60px 10px 0 0;}
.new_search{/*border:#F00 thin solid;*/margin-top:-53px;}
#content #dashboard tr td strong a {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;color: #000;font-weight: bold;}
#content #dashboard tr td strong a {font-family: Arial, Helvetica, sans-serif;font-size: 10pt;font-weight: bold;color: #000;}
#frmbox_top fieldset ul li {display: inline; list-style-type: none;	margin-left: 20px;}
.page     { display:block; height:40px; overflow:hidden; padding:20px 0 0 0; margin-right: 4px; font: bold 13px Tahoma, Geneva, sans-serif; color:#333;}
.pageblack{ /*background:url(images/page_gold_a.png) no-repeat 0px 5px;*/}
.pagered  { /*background:url(images/page_red_a.png) no-repeat 0px 5px;*/}
.pagestart{ /*background:url(images/page_blue_p.png) no-repeat 0px 0px; width:14px;*/ }
.pageend  { /*background:url(images/page_yblue2.png) no-repeat 0px 0px; width:65px;*/}
.pageprev {/* background:url(images/bul_tri_lft.png) no-repeat 42px 5px;*/  width:65px;}
.pagenext { /*background:url(images/bul_tri.png) no-repeat 10px 5px;*/ width:65px;}
.page a { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #069; background-color: #f3f3f3; border: 1px solid #d0d0d0; text-decoration: none; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px;}
.page a:hover {	text-decoration: underline;	color: #C00;}
.page a:visited { font-family: Arial, Helvetica, sans-serif; font-size: 10pt; color: #069; background-color: #f3f3f3; border: 1px solid #d0d0d0; text-decoration: none; margin-right: 2px; padding-top: 2px; padding-right: 4px; padding-bottom: 2px; padding-left: 4px;}


.centerpage { text-align:center; }
.centerpage table{ margin: 0 auto; }

.border { border:red 1px solid; }
.predate { margin:6px;}

.notes{}
.notestime{font-weight:bold;}
.notesnotes{}
.dlimit{color:#666; }
.req{color:#F00; font-weight:bold;}

.panelbtn {display: block;padding: 6px;min-height: 72px;width: 315px;border: 1px solid #E6E6E6;cursor: pointer;}
.panelbtn a{text-decoration:none;font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#000;}
.panelbtn a:hover{background-color:#E6E6E6;}
.panelbtn2 {background-color:#E6E6E6;border: 1px solid #909090;}
.gadtbl{border:1px green solid; width:200px; padding:5px; margin: 10px 0 5px 2px; font-family:Arial, Helvetica, sans-serif; font-size:small; color:#000; background-color:#9CF;}
.gad1{ font-size:medium; font-weight:normal; margin:0; padding:0; text-decoration:underline; color:#00F;}
.gad2{}
.gad3{}
.gad4{}
.gad4 a{ margin:0; padding-top:0; display:inherit; color:green; font-style:normal;}
#jlink { margin:4px 0 0 0; padding:4px 0;}
.pimg{max-width:500px; max-height:200px;}
.pupdate{color:#F00; font-weight:bold; margin-top:10px;}
.pinsert{color:#F00; font-weight:bold; margin-top:10px;}
.file{margin: 4px 0 3px 0;}
#repeatx{ margin-top:5px;}
#hidebackg, #hidehdr{ position:relative; top:-29px; left:395px;}
.chkbxmsg{margin:10px 0 -31px 250px;}
.gogrey{opacity : 0.4;filter: alpha(opacity=40); /*msie*/}
.supporttf { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#666; width:90px; border:1px solid #91b4c9; margin-left:8px; padding:2px; background:#d6dde2; }
/* .supporth1 { font-size:20px; margin-left:8px; } */
.support h1 { font-size:18px; margin: 10px; color:#333; font-weight:bold; }
.support h2 { font-size:16px; margin: 10px; color:#333; font-weight:bold; }
.jumplink { float:left;/* min-width:200px;*/ border:1px solid #91b4c9; padding:8px; background:#fff; }
.producttag { margin-top:3px;}
#producttag { font-size:20px; font-weight:bold; color:#2A5067;}

#ordcusinf{  margin-top:20px;/*border:1px solid #D6D6D6; width:300px; overflow:visible;*/}
#orddata{ float:right; text-align:right; margin-top:20px;}
#ordstatus{ color:#2A5067; font-size:20px; font-weight:bold;}
#ordprod table{ background-color:#D6D6D6;}
#ordprod table .price{ }
#ordtotals{ float:right;}
#ordtotals table td #price{ }
.bold1{ font-weight:bold;}
.signup_wrapper{ width:700px; margin-left:130px;}

/* --------------------------------------------------
Tool tips
-------------------------------------------------- */
/*span.tooltip {color:#c00;}
span.tooltip b {display:none;}
span.tooltip:hover {border:0; position:relative; z-index:500; text-decoration:none;}
span.tooltip:hover b {display:block; position:absolute; top:3px; left:10px; padding:5px; font-weight:normal; color:#000; border:1px solid #888; background:#ffc; width:290px;}
span.tooltip:hover b em {position:absolute; left:-6px; top:7px; width:6px; height:11px; background:#fff url(/images/tooltip2.gif) 0 0; display:block; font-size:1px;}*/
.tipdiv{border-bottom:1px solid #d6d6d6;}
.tipdiv .field textarea{width:200px; font-size:12px;}
/* --------------------------------------------------
Sales Page
-------------------------------------------------- */
#sales_wrapper { width:950px; margin:0 auto; background: url(images/sales_background.png) no-repeat bottom; min-height:400px; padding-top:10px; padding-bottom:20px;  } 
#sales_wrapper h1{font-family:Tahoma, Geneva, sans-serif; font-size:24px; font-weight:bold; letter-spacing:-1px; color:#8999A4; text-align:center;}
#sales_3colwrap h2{font-family:Arial, Helvetica, sans-serif; font-size:16pt; font-weight:bold; letter-spacing:-1px; color:#000; text-align:center;}

#sales_3colwrap { width:960px; margin-top: 10px;}
.sales_col_a { width:310px; height:200px; display:block; }
.sales_col_b { width:310px;	height:200px; display:block; border-left-width: 3px; border-left-style: solid; border-left-color: #dbe9f1; padding-left: 10px; }
.sales_col_c { width:310px; height:200px; display:block; border-left-width: 3px; border-left-style: solid; border-left-color: #dbe9f1; padding-left: 10px; }
#b_join { padding-left:15px; }
#creditcard { padding-left:15px; padding-bottom: 6px; }

.dis_cat_option{ color:#F00; font-weight:bold;}
.dis_cat_option:hover{ background-color:#F00; color:#000; font-weight:bold;}
.dis_cat_option:active{ color:#F00; font-weight:bold;}

#ct{
	width:676px;
}
#ct_top_container{
	width:675px;
	margin:0 0 -1px -1px;
	height: 33px;
	background: #c0c0c0 url(/images/gray_bk_top.gif) repeat-x right center;
	border: 1px solid #aaaaaa;
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
}
#ct_items_per_page_container{
	float: right;
	margin-top: 7px;
	margin-right: 15px;
}
#ct th{
	color: #555555;
	font-weight: normal;
	text-align: center;
	text-decoration: none;
	border:1px solid #d3d3d3;
	border-top:1px solid #aaaaaa;
	/*background: #404046 url(/images/gray_bk_header.gif) repeat-x right center;*/
	background: #ffffff url(/images/gray_bk_header.gif) repeat-x right center;
	padding:3px 0px 3px 0px;
	margin: 0px;
	cursor: pointer;
}
#ct td{
	color: 555555;
	border:1px solid #d3d3d3;
	padding:5px 8px;
}

#ct .odd, #ct_no_results{
	background-color: #EEFFEE;
}
#ct th span{
	display: block;
	float: right;
	width: 21px;
	height: 9px;
	margin-top: 4px;
}
#ct th span.sort{
	background: url(/images/sort_black.gif) no-repeat right center;
}

#ct th span.sort_asc{
	background: url(/images/sort_asc_black.gif) no-repeat right center;
}

#ct th span.sort_desc{
	background: url(/images/sort_desc_black.gif) no-repeat right center;
}

#ct_bottom_container{
	width:675px;
	height: 33px;
	margin:-1px 0 0 -1px;
	background: #c0c0c0 url(/images/gray_bk_top.gif) repeat-x right center;
	border: 1px solid #aaaaaa;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}
/* PAGER */
#ct_pager{
	list-style: none;
	float: right;
	margin-top: 7px;
	margin-right: 15px;
}

#ct_pager li{
	display: inline;
}

#ct_pager li a, #ct_pager li b{
	display: inline;
	color: #555555;
	font-size: 12px;
	text-decoration: none;
	padding: 2px 6px;
	background: #ededed url(/images/gray_bk_pager.gif) repeat-x left top;
	border: 1px solid #D3D3D3;
}

#ct_pager li a:hover{
	background: #ededed url(/images/gray_bk_pager_hover.gif) repeat-x left top;
	color: #333333;
}

#ct_pager li b.selected{
	background: #ededed url(/images/gray_bk_pager_hover.gif) repeat-x left top;
	color: #555555;
	font-weight: bold;
}

#ct_pager_info1{
	font-size: 12px;
	height: 20px;
	margin: 5px 0px 0px 0px;
  padding: 4px 10px 4px 10px;
	float: left;
}

#ct_pager_info2{
	display: none;
}


#ct_pager_prev a{
	-moz-border-radius-topleft: 4px;
	-webkit-border-top-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}

#ct_pager_next a{
	-moz-border-radius-topright: 4px;
	-webkit-border-top-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
}

#ct_pager_pos_first{
	color: #000000;
	font-size: 12px;
	margin-right: 3px;
	padding: 5px;
}

#ct_pager_pre_last{
	color: #000000;
	font-size: 12px;
	margin-right: 3px;
	padding: 5px;


}

#ct_pager_first a{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

#ct_pager_last a{
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}
/*** extra small button ***/

.xsmbtn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 10px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .4em 1em .45em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.xsmbtn:hover {
	text-decoration: none;
}
.xsmbtn:active {
	/*position: relative;*/
	top: 1px;
}
/*** small button ***/

.smbtn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .4em 1em .45em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.smbtn:hover {
	text-decoration: none;
}
.smbtn:active {
	/*position: relative;*/
	top: 1px;
}

/*** medium button ***/

.mbtn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 14px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.mbtn:hover {
	text-decoration: none;
}
.mbtn:active {
	position: relative;
	top: 1px;
}

/*** large button ***/

.lbtn {
	display: inline-block;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font: 18px/100% Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding: .5em 2em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: .5em; 
	-moz-border-radius: .5em;
	border-radius: .5em;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
}
.lbtn:hover {
	text-decoration: none;
}
.lbtn:active {
	position: relative;
	top: 1px;
}
.btnsubmit{ margin-left:110px; margin-top:10px; margin-bottom:10px;}
/*** Orange Button Set ***/
.orange {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* green */
.green {
	color: #e8f0de;
	border: solid 1px #538312;
	background: #65CC33;
}
.green:hover {
	background: #5F9943;
}
.green:active {
	color: #a9c08c;
}

/*** Dark Gray Button Set ***/
.dgray {
	color: #fff;
	border: solid 1px #5c676c;
	background: #70818b;
}
.dgray:hover {
	background: #abbcc4;
}
.dgray:active {
	color: #fff;
}
/*** Light Gray Button Set ***/
.lgray {
	color: #fff;
	border: solid 1px #5c676c;
	background: #abbcc4;
}
.lgray:hover {
	background: #858E93;
}
.lgray:active {
	color: #fff;
}
/*** Light Blue Button Set ***/
.lblue {
	color: #fef4e9;
	border: solid 1px #da7c0c;
	background: #f78d1d;
	background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
	background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.lblue:hover {
	background: #f47c20;
	background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
	background: -moz-linear-gradient(top,  #f88e11,  #f06015);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.lblue:active {
	color: #fcd3a5;
	background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
	background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}