/* Global */
* {margin:0;padding:0;border:none}
body {font:11pt Arial,Verdana,Tahoma,Helvetica,Geneva,sans-serif;color:#444;background:#fff url(images/tari-invoice-pricing-increase.png) repeat-x 0 190px;margin:0;padding:0;min-width:898px}
#Hbod{background-position:0 330px}

p {margin:0 0 11pt}

h1, h2, h3, h4, label {font-family:Verdana,Tahoma,Arial,Helvetica,Geneva,sans-serif}
h1 {font-size:140%;color:#007AA3;margin:4pt 0 8pt}
h2 {font-size:125%;color:#E0A116;margin:11pt 0 6pt}
h3 {font-size:115%;color:#db7800;margin:10pt 0 4pt}
h4 {font-size:110%;color:#069;margin:8pt 0 0}
h5 {font-size:105%;color:#069}

a:link    {color: #0000CD}
a:active  {color: #00F}
a:visited {color: Navy}
a:hover   {color: #007AA3;font-weight:bold}

hr {border-color:#ccc;border-style:solid;border-width:1px 0 0;margin:0 0 20px;height:0}

ol, ul {margin:0.5em 0 0 20px}
li {margin:0 0 0.5em}

/* layout */
#wrapper{width:898px;border:1px solid #CCC;margin:4px auto 2px auto;position:relative}
#logo   {margin:4px 0 10px;float:left}
.logor  {float:right;margin:14px 10px 0}
#menu   {clear:both;border-top:1px solid #CCC}
#hclr   {clear:both}
#main   {padding:8px 0}
#content{float:left;width:718px}
#sidebar{float:right}
#footer {clear:both;font-size:8pt;text-align:center;padding:10px 0 0;color:#555}
/* Book & Member Info */
#HdrCtr {position:absolute;left:324px;top:20px;width:200px;text-align:center}
#MI {position:absolute;left:174px;top:82px;width:550px;text-align:center}
#L  {position:absolute;width:24px;height:24px;left:488px;background:#ffffea url(images/load24grn.gif) no-repeat center}

/* G popup */
.box {position:absolute;width:460px;display:none;padding:8px;border:2px solid #ffdd77;background:#fffadc;outline:2px solid #ccc;-moz-outline-radius:4px}

/* misc */
.b   {font-weight:bold}
.i   {font-style:italic}
.s   {font-size:smaller}
.f10 {font-size:10pt}
.f11 {font-size:11pt}
.f12 {font-size:12pt}
.f13 {font-size:13pt}
.fl  {float:left}
.fr  {float:right}
.hide{display:none}
.clr {clear:both}
.ctr {text-align:center}
.mctr{margin-left:auto;margin-right:auto}
.left{text-align:left}
.right{text-align:right}
.mid {vertical-align:middle}
.top {vertical-align:top}
.mb0 {margin-bottom:0}
.mb6 {margin-bottom:6px}
.mb11{margin-bottom:11pt}
.mt0 {margin-top:0}
.mt3 {margin-top:3px}
.mt6 {margin-top:6px}
.mt10 {margin-top:10px}
.mt12 {margin-top:12px}
.m4  {margin:4px}
.m8  {margin:8px}
.m12 {margin:12px}
.p0  {padding:0}
.p4  {padding:4px}
.p8  {padding:8px}
.pt6 {padding-top:6px}
.pl8 {padding-left:8px}
.pl12{padding-left:12px}
.p12 {padding:12px}
.h300{height:300px}
.w225{width:225px}
.w600{width:600px}
.Tcolor {color:#E0A116} /* TARI T color - orange */
.Acolor {color:#CDD122} /* TARI A color - olive  */
.Rcolor {color:#007AA3} /* TARI R color - blue   */
.Icolor {color:#9B9C9E} /* TARI I color - grey   */
.grey4{color:#444}
.grey7{color:#777}
.imgr{border:1px solid #CCC;padding:1px;margin:4px 0 4px 8px}
.imgl{border:1px solid #CCC;padding:1px;margin:4px 8px 4px 0}
.brd {border:1px solid #CCC}
.ben {background:#ffe;border:2px solid #066;margin-bottom:11pt}
.BBlue {font-weight:bold;color:#007AA3}

/* Menu Son of Suckerfish Dropdown http://htmldog.com/articles/suckerfish/dropdowns/ */
#tagline {float:left;padding:6px 0 0 12px}
.tgsfb {padding:6px 0 0 12px}
#nav li.thisp {background:#E0A116;text-align:center}
#nav>li.thisp {padding:0 6px}
#nav, #nav * {margin:0;z-index:9}
#nav {float:right;position:relative;margin-top:2px;font-size:14px}
#nav li {display:block;float:left;color:#414141;font-weight:bold;height:22px;line-height:22px;margin-right:6px;position:relative}
#nav li.dad1 {padding-left:6px;width:92px;background:url(images/MenuDown.png) 99% 50% no-repeat}
#nav li.dad1.InD {background-position: 80% 50%}
#nav li.dad1.abt {background-position: 63% 50%}
#nav a.dad2 {width:98px; background: url(images/MenuRight.png) 90% 50% no-repeat}
#nav a {display:block;float:left;color:#414141;padding:0 6px;text-decoration:none}
#nav ul a {padding:0 2px 0 6px}
#nav li li {position:relative;float:none;width:98px;border-top:1px solid #999}
#nav li li li {position:relative;float:none;width:185px;border-top:1px solid #999;font-size:90%}
#nav li ul {float:none;left:-999em;position:absolute;width:98px}
#nav li:hover ul,
#nav li.sfHover ul {left:0;top:22px}
#nav li:hover,
#nav li.sfHover,
#nav ul {color:#007AA3;background:#E0A116}
#nav li:hover a,
#nav li.sfHover a,
#nav li:hover li:hover a,
#nav li.sfHover li.sfHover a,
#nav li:hover li:hover li:hover a,
#nav li.sfHover li.sfHover li.sfHover a {color:#007AA3;font-weight:bold}
#nav li:hover li a,
#nav li.sfHover li a,
#nav li:hover li:hover li a,
#nav li.sfHover li.sfHover li a {color:#414141;font-weight:normal}
#nav li:hover li ul,
#nav li.sfHover li ul,
#nav li li:hover li ul,
#nav li li.sfHover li ul,
#nav li li li:hover li ul,
#nav li li li.sfHover li ul {top:-999em}
#nav li li:hover ul,
#nav li li.sfHover ul,
#nav li li li:hover ul,
#nav li li li.sfHover ul,
#nav li li li li:hover ul,
#nav li li li li.sfHover ul {left:99px;top:-1px; width:185px}
#nav a:active {background:#fff}

/* Round corners Blue w white bg*/
.cornerTlBw{background:url(images/cornerTlBw.png) 0 0 no-repeat}
.cornerTrBw{background:url(images/cornerTrBw.png) 100% 0 no-repeat;padding:5px 22px 12px 20px}
.cornerBrBw{background:url(images/cornerBrBw.png) 100% 100% no-repeat}
.cornerBlBw{background:url(images/cornerBlBw.png) 0 100% no-repeat #C8F0FF}
/* Round corners Blue w grey bg*/
.cornerTlBg{background:url(images/cornerTlBg.png) 0 0 no-repeat}
.cornerTrBg{background:url(images/cornerTrBg.png) 100% 0 no-repeat;padding:5px 22px 12px 20px}
.cornerBrBg{background:url(images/cornerBrBg.png) 100% 100% no-repeat}
.cornerBlBg{background:url(images/cornerBlBg.png) 0 100% no-repeat #C8F0FF}

.hLabel {font-weight:bold;font-size:10pt}

/* tables and inputs */
table  {font-size:1em;border-collapse:collapse}
td     {padding:3px;vertical-align:top}
input  {font:normal 0.9em verdana,arial,sans-serif;color:#000;background:#f0ffff;border:1px solid #7F9DFF;padding:0 2px 1px 2px}
select {font:normal 0.9em verdana,arial,sans-serif;color:#000;background:#f0ffff;border:1px solid #7F9DB9}

/* Buttons */
div.button {display:inline;text-decoration:none;cursor:pointer}
div.button table{display:inline-table}
div.button td.l{width:15px;height:36px;padding:0;background-image:url(images/buttons.png);background-repeat:no-repeat;background-position:-20px 0}
div.button td.c{height:36px;color:#06A;font-size:14px;font-weight:bold;padding:0 0 3px;vertical-align:middle;background-image:url(images/buttons.png);background-repeat:repeat-x;background-position:0 -36px}
div.button td.r{width:15px;height:36px;padding:0;background-image:url(images/buttons.png);background-repeat:no-repeat;background-position:0 0}
div.button:hover td.c{color:#00F}
div.btnGrey {cursor:default}
div.btnGrey:hover td.c{color:#06A}
div.btnGrey td.l{background-position:-20px -72px}
div.btnGrey td.c{background-position:0 -108px}
div.btnGrey td.r{background-position:0 -72px}

.topB {margin:0 auto;width:70px;height:12px;padding-top:14px;font-size:8.5pt;font-weight:bold;color:#333;background-image:url(images/TopBtns.png);background-repeat:no-repeat;background-position:50% 0}
.topB:hover {background-position:50% -30px;color:#f00}

