/* all containers must have a width counterpart */
.cont { margin-left: auto; margin-right: auto; text-align: left; }

.bggray { background-color:#CACACA; }

.bgwhite { background-color:#FFFFFF; }

.desx { border: 1px dotted #CCCCCC; }

.whiter { color:#FFFFFF; text-decoration:underline; }
.whiter:hover { color:#FFFFFF; text-decoration:none; }

.black { color:#000000; text-decoration:none; }
.black:hover { color:#000000; text-decoration:underline; }

.white { color:#FFFFFF; text-decoration:none; }
.white:hover { color:#FFFFFF; text-decoration:underline; }

.yellowr { color:#FFFF00; text-decoration:underline; }
.yellowr:hover { color:#FFFF00; text-decoration:none; }

.yellow { color:#FFFF00; text-decoration:none; }
.yellow:hover { color:#FFFF00; text-decoration:underline; }

.yellowline { color:#FFFF00; text-decoration:underline; }
.yellowline:hover { color:#FFFF00; text-decoration:none; }

.gray { color:#999999; text-decoration:none; }
.gray:hover { color:#999999; text-decoration:underline; }

.gray-hov { cursor: pointer; color: #999999; text-decoration: none; border-bottom: 1px #999999 dotted; }
a.gray-hov:hover { color:#FF0000; text-decoration: none; border-bottom: 1px #FF0000 dotted; }

.bgyel { background-color:#FFFF00; }
.bgred { background-color:#FF0000; }
.bgdbl { background-color:#191970; }
.bgblu { background-color:#0000FF; }
.bggre { background-color:#00FF00; }

/* admin HL */
.green { color:#248922; text-decoration:none; }
.green:hover { color:#248922; text-decoration:underline; }

.red { color:#FF0000; text-decoration:none; }
.red:hover { color:#FF0000; text-decoration:underline; }

.purple { color:#A334ED; text-decoration:none; }
.purple:hover { color:#A334ED; text-decoration:underline; }

.smap { color: #FF0000; text-decoration: none; }
a.smap:hover { color: #666666; text-decoration: none; }

.smap-ul { color:#FF0000; text-decoration: underline; }
a.smap-ul:hover { color:#666666; text-decoration: none; }

.help { cursor: pointer; color: #FF0000; text-decoration: none; border-bottom: 1px #FF0000 dotted; }
a.help:hover { color:#666666; text-decoration: none; border-bottom: 1px #CCCCCC dotted; }

.smap-hov { cursor: pointer; color: #FF0000; text-decoration: none; border-bottom: 1px #FF0000 dotted; }
a.smap-hov:hover { color:#666666; text-decoration: none; border-bottom: 1px #CCCCCC dotted; }

.link-hov { cursor: pointer; color: #0000FF; text-decoration: none; border-bottom: 1px #0000FF dotted; }
a.link-hov:hover { text-decoration: underline; border-bottom: none #CCCCCC dotted; }

.black-hov { cursor: pointer; color: #000000; text-decoration: none; border-bottom: 1px #FF0000 dotted; }
a.black-hov:hover { color:#FF0000; text-decoration: none; border-bottom: 1px #FF0000 dotted; }

a.linkr { color:#0000FF; text-decoration: underline; } a.linkr:hover { color:#0000FF; text-decoration: none; }

/* standard box over */

.bx0 { width:0; background:#FFF2C0; border:0px solid #777777; padding:0px;}
.bx100 { width:100; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx150 { width:150; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx200 { width:200; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx250 { width:250; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx300 { width:300; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx350 { width:350; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx400 { width:400; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx450 { width:450; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx500 { width:500; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx550 { width:550; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx600 { width:600; background:#FFF2C0; border:1px solid #777777; padding:2px;}
.bx650 { width:650; background:#FFF2C0; border:1px solid #777777; padding:2px;}

/* STD_WIDTHS */
.w10p { width: 10%; }
.w20p { width: 20%; }
.w30p { width: 30%; }
.w40p { width: 40%; }
.w50p { width: 50%; }
.w60p { width: 60%; }
.w70p { width: 70%; }
.w80p { width: 80%; }
.w90p { width: 90%; }
.w18 { width: 18px; }
.w26 { width: 26px; }
.w50 { width: 50px; }
.w66 { width: 66px; }
.w75 { width: 75px; }
.w90p { width: 90%; }
.w100 { width: 100px; }
.w125 { width: 125px; }
.w150 { width: 150px; }
.w175 { width: 175px; }
.w200 { width: 200px; }
.w225 { width: 225px; }
.w250 { width: 250px; }
.w275 { width: 275px; }

/* Two extra */
.w300 { width: 300px; }
.w325 { width: 325px; }

/* STD_WIDTHS */
.w350 { width: 350px; }
.w375 { width: 375px; }
.w400 { width: 400px; }
.w425 { width: 425px; }
.w450 { width: 450px; }
.w475 { width: 475px; }
.w500 { width: 500px; }
.w525 { width: 525px; }
.w550 { width: 550px; }
.w575 { width: 575px; }
.w600 { width: 600px; }
.w625 { width: 625px; }
.w650 { width: 650px; }
.w675 { width: 675px; }
.w700 { width: 700px; }
.w725 { width: 725px; }
.w750 { width: 750px; }
.w760 { width: 760px; }
.w850 { width: 850px; }
.w875 { width: 875px; }
.w900 { width: 900px; }
.w975 { width: 975px; }
.w1000 { width: 1000px; }
.w1075 { width: 1075px; }
.w1100 { width: 1100px; }
.w1175 { width: 1175px; }
.w1200 { width: 1200px; }

.ml0 { margin-left: 0px; }
.ml12 { margin-left: 12px; }
.ml24 { margin-left: 24px; }
.ml36 { margin-left: 36px; }
.ml48 { margin-left: 48px; }

.nb { border-width: 0px; }
.ml1 { margin-left: 1px; }
.ml2 { margin-left: 2px; }
/* .ml4 { margin-left: 4px; } */
/* .ml8 { margin-left: 8px; } */
/* .ml16 { margin-left: 16px; } */
/* .ml24 { margin-left: 24px; } */

.mr1 { margin-right: 1px; }
.mr2 { margin-right: 2px; }
.mr4 { margin-right: 4px; }

.pr1 { padding-right: 1px; }
.pr2 { padding-right: 2px; }
.pr4 { padding-right: 4px; }
.pr6 { padding-right: 6px; }
.pr8 { padding-right: 8px; }

.pl1 { padding-left: 1px; }
.pl2 { padding-left: 2px; }
.pl4 { padding-left: 4px; }
.pl6 { padding-left: 6px; }
.pl8 { padding-left: 8px; }
.pl16 { padding-left: 16px; }
.pl24 { padding-left: 24px; }
.pl32 { padding-left: 32px; }

/* 10px is too small here */
.code_mini { font: normal 11px "Courier New", "Lucida Console", "OCR A Extended"; }
.code_raw { font-family: "Courier New", "Lucida Console", "OCR A Extended"; }

.x1 { width: 1px; height: 1px; }
.x16 { width: 16px; height: 16px; }
.x24 { width: 24px; height: 24px; }
.x32 { width: 32px; height: 32px; }
.x48 { width: 48px; height: 48px; }
.x72 { width: 72px; height: 72px; }

.b { font-weight: bold; }
.block { display: block; }
.inline { display: inline; }
.hide { display: none; }

/* this will not center tables  */
/* this matters in IE but not FF */
p.c, td.c, div.c { text-align: center; }
p.r, td.r, div.r { text-align: right; }
/* useful for left columns on tables */
p.r2, td.r2, div.r2 { text-align: right; padding-right: 4px; }
p.l, td.l, div.l, div.startp { text-align: left; }

/* adding this will - specifically, IE requires this, and compress c will not center an IE table; others only req-uire compress c */
/* the effect a div/td of this type will have on a table (above declaration does not apply to tables) */
/* this matters in FF, but not IE */
.centerm, td.c table, div.c table, div.c ul { margin-left: auto; margin-right: auto; text-align: left; }
td.l table, div.l table, div.l ul, div.startp table { margin-left: 0px;  margin-right: auto; text-align: left; }
td.r table, div.r table, div.r ul { margin-left: auto;  margin-right: 0px; text-align: left; }
td.r2 table, div.r2 table, div.r2 ul { margin-left: auto;  margin-right: 0px; text-align: left; }

.fw { width: 100%; }
.flag-1 { border: 1px #CECECE solid; }
.i { font-style: italic; }
.nodec { text-decoration: none; }
.noheight { font: normal 0px Arial; }
.nowrap { white-space: nowrap; }
.pad1 { padding: 1px; }
.pad2 { padding: 2px; }
.pad4 { padding: 4px; }
.pad8 { padding: 8px; }
.pad12 { padding: 12px; }
.pad05 { padding: 0px 5px; }
/* add not height: 0px;  */
form { margin: 0px; padding: 0px; }
.strike { text-decoration: line-through; }
.u { text-decoration: underline; }
.uc { text-transform: uppercase; }
.lc { text-transform: lowercase; }
.cap { text-transform: capitalize; }
.vbottom { vertical-align: bottom; }
.vmiddle { vertical-align: middle; }
.vtop { vertical-align: top; }
.vpad_2 { padding: 2px 0px; }
.vpad_4 { padding: 4px 0px; }
.vmar_8 { margin: 8px 0px; }
.vmar_12 { margin: 12px 0px; }
.vmar_16 { margin: 16px 0px; }
.vmar_24 { margin: 24px 0px; }

.padtop12 { padding-top: 12px; }

table.uc { text-transform: uppercase; }

/* useful for aligning tables */
table.r, .mr0 { margin-left: auto; margin-right: 0px; }
table.c, .mc { margin-left: auto; margin-right: auto; }
table.l, .ml0 { margin-left: 0px; margin-right: auto; }

/* if div.c is used on the table, compress c is not required to center it; however, if compress c is used, margin must then be omitted or set to auto */
table.compress { border-collapse: collapse; border-width: 0px; padding: 0px; }
table.normal { border-collapse: separate; border-width: 0px; padding: 0px; }

/* removed on table.report // border-spacing: 4px; */

table.report { border-collapse: separate; border-width: 0px; margin: 0px; padding: 0px; }
table.report td { border: 1px dotted #999999; padding: 4px; }

table.report table.compress td { border: none; padding: 0px; }
table.report table.normal td { border: none; padding: 0px; }

/* mix with compress, normal, or report */
table.tinywrap td { font: normal 11px Arial, Helvetica; }
table.tinynowrap td { white-space: nowrap; font: normal 11px Arial, Helvetica; }
table.nowrap td { white-space: nowrap; }

.verdana { font: normal 13px Verdana, Helvetica, Arial, Tahoma; }

.prel { position: relative; }
.pabs { position: absolute; }

.zidx4 { z-index: 40; }
.zidx3 { z-index: 30; }
.zidx2 { z-index: 20; }
.zidx1 { z-index: 10; }

/* corrects png behavior in IE; courtesty of webfx.eae.n-et  */
img, INPUT.img { behavior: url("/systemw/_si/p3/webfx/pngbehavior.htc"); }
/* formerly in a2.css; these may be useful when using the admin template */
.dotpad { padding: 10px; border: 1px #999999 dotted; }
.dotted { border: 1px #999999 dotted; }
.dot_top { border-top: 1px #999999 dotted; }
.dot_bottom { border-bottom: 1px #999999 dotted; }
.dot_bot2 { border-bottom: 1px #999999 dotted; margin-bottom: 10px; }
.solid { border: 1px #999999 solid; }
.solid_top { border-top: 1px #999999 solid; }
.solid_bottom { border-bottom: 1px #999999 solid; }
.double-4 { border: 4px #999999 double; }
.pdm-code { background: #FFFFFF; color: #000000; border: 1px solid #999999; font: normal 11px "Courier New", "Lucida Console", "OCR A Extended"; }

img.middle, input.middle { vertical-align: middle; }
img.bottom, input.bottom { vertical-align: bottom; }
img.left { float: left; }
img.right { float: right; }
.clear { clear: both; }

.blink { text-decoration: blink; }

.font10 { font-size: 10px;}
.font11 { font-size: 11px;}
.font12 { font-size: 12px;}
.font13 { font-size: 13px;}
.font14 { font-size: 14px;}
.font15 { font-size: 15px;}
.font16 { font-size: 16px;}
.font17 { font-size: 17px;}
.font18 { font-size: 18px;}
.font19 { font-size: 19px;}
.font20 { font-size: 20px;}
.font21 { font-size: 21px;}
.font22 { font-size: 22px;}
.font23 { font-size: 23px;}
.font24 { font-size: 24px;}
.font25 { font-size: 25px;}
.font26 { font-size: 26px;}
.font27 { font-size: 27px;}
.font28 { font-size: 28px;}
.font29 { font-size: 29px;}
.font30 { font-size: 30px;}

.pointer { cursor: pointer; }

.nar { font: normal 12px Arial, Helvetica, Tahoma, Verdana;}