/* Author: Micah Montoya 8/29/2010
definitions:
-h - helper
-a - all
-t - top
-r - right
-b - bottom
-l - left
-tr - top right
-tl - top left
-br - bottom right
-bl - bottom left
-c - clear or center
txt - text
bdr - border
mgn - margin
pdg - padding
clr - color
vert - vertical
hor - horizontal
sz - size
ln - line
ico - icon
wid - width
hgt - height
px - pixel
per - percent
rnd - round
*/
@media screen /*FOR VIEWING IN BROWSERS*/
{
* {margin:0px;padding:0px;border-collapse:collapse;} /*clear all margins, padding, and align text for all elements*/
/* body {font-size:.9em;} */
/* body {font-size:1.2em;} */
body {font-family:roboto;}
input {font-family:roboto;}
input {font-size:1em;}
legend {padding-right:2px;font-size:.8em;font-weight:bold;}
/*TEXT SIZE 1em == 16px*/
.txtSZ6em {font-size:.6em;} /*em*/
.txtSZ7em {font-size:.7em;}
.txtSZ8em {font-size:.8em;}
.txtSZ9em {font-size:.9em !important;} /*for usage because of inheritence in CSS resizing to reset*/
.txtSZ1em {font-size:1em;}
.txtSZ12em {font-size:1.2em;}
.txtSZ14em {font-size:1.4em;}
.txtSZ16em {font-size:1.6em;}
.txtSZ18em {font-size:1.8em;}
.txtSZ2em {font-size:2em;}
.txtSZ4em {font-size:4em;}
.txtSZ8px {font-size:8px;} /*px*/
.txtSZ9px {font-size:9px;}
.txtSZ10px {font-size:10px;}
.txtSZ11px {font-size:11px;}
.txtSZ12px {font-size:12px;}
.txtSZ13px {font-size:13px;}
.txtSZ14px {font-size:14px;}
.txtSZ15px {font-size:15px;}
.txtSZ16px {font-size:16px;}
.txtSZ18px {font-size:18px;}
.txtSZ20px {font-size:20px;}
.txtSZ22px {font-size:22px;}
}
@media print /*WHEN PRINTED FROM BROWSER - adjust text size*/
{
* {margin:0px;padding:0px;border-collapse:collapse;} /*clear all margins, padding, and align text for all elements*/
body {font-size:10pt;}
legend {padding-right:2px;font-size:12pt;font-weight:bold;}
/*TEXT SIZE .9em == 12pt == 16px*/
.txtSZ6em {font-size:7pt;} /*em --> pt (approximate)*/
.txtSZ7em {font-size:8pt;}
.txtSZ8em {font-size:10pt;}
.txtSZ9em {font-size:11pt;}
.txtSZ1em {font-size:12pt !important;} /*for usage because of inheritence in CSS resizing to reset*/
.txtSZ12em {font-size:14pt;}
.txtSZ14em {font-size:16pt;}
.txtSZ16em {font-size:20pt;}
.txtSZ18em {font-size:22pt;}
.txtSZ2em {font-size:24pt;}
.txtSZ8px {font-size:6pt;} /*px --> pt (approximate)*/
.txtSZ9px {font-size:7pt;}
.txtSZ10px {font-size:7pt;}
.txtSZ11px {font-size:8pt;}
.txtSZ12px {font-size:9pt;}
.txtSZ13px {font-size:10pt;}
.txtSZ14px {font-size:10pt;}
.txtSZ15px {font-size:11pt;}
.txtSZ16px {font-size:12pt;}
.txtSZ18px {font-size:13pt;}
.txtSZ20px {font-size:14pt;}
.txtSZ22px {font-size:16pt;}
}
@media all
{
body {font-family:roboto; font-size: 1em;}
/*body {font-family:verdana, arial, sans-serif}*/ /*font-family:verdana, arial, sans-serif - verdana is easier to read for small text*/
/*addednew as part of bootstrap look start*/
select:focus, input[type="text"]:focus, input[type="password"]:focus, textarea:focus{border: 1px solid #CCC;border-radius: 3px;border-color: #66AFE9;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(102, 175, 233, 0.6);transition: border-color 0.30s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;}
input[type="text"],input[type="password"],select {border-radius: 3px;border: 1px solid #CCC;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;/*font-size: inherit;*//*height: 21px;*/color: #333;padding: 3px;}
textarea{border-radius: 3px;border: 1px solid #CCC;box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;/*font-size: inherit;*/color: #333;padding: 1px;}
select{ padding-left: 0;} /* to make dropdown list items to be aligned inline with textboxes*/
.border1pxrndCorner {border-radius: 5px; border: 1px solid rgb(204, 204, 204); box-shadow: 0px 1px 2px 1px #CACBCD;}
.topLeftCornerBorderRad0px{border-top-left-radius: 0px}
/* Define the background color for all the ODD background rows */
table.alternateTableRowColor tr:nth-child(odd){background: #DDDADA;}
/* Define the background color for all the EVEN background rows */
table.alternateTableRowColor tr:nth-child(even){background: white;}
thead tr th{ font-weight: bold;}
/*end*/
ol,ul,blockquote {margin-left:30px;} /*general left margin for ordered/unordered lists*/
th,td,h1,h2,h3,h4,h5,h6,li,p,legend {padding:2px;} /*font-size:.9em;*/
label {padding-right:2px;}
table {width:100%;}
table td {vertical-align:text-top;}
th {vertical-align:bottom;font-weight:normal;}
/*select {background-color:#fff;border:1px solid #686868;font-size:.9em;}*/ /*set border to prevent moving - remove if remove select:focus*/
/*input[type=text], textarea, input[type=password] {background-color:#fff;border:1px solid #686868;}*/ */ /*set border to prevent moving in IE - remove if remove input:focus*/
/*input[type=text]:focus, textarea:focus, select:focus, input[type=password]:focus {background-color:#ffffcc;border:1px dotted #990000;}*/
/*input[type=text]:blur, textarea:blur, select:blur, input[type=password]:blur {background-color:#fff;border:1px solid #686868;}*/
html,body {height: 100%;}
a img {border:none;}
/*input[type="button"]:hover,button:hover {background-color:#ccffff;color:#006600;}*/
/*a {color:#163a03;}
a:hover {color:#990000;} */
/*USER DEFINED IDs
CONTAINERS - only defined once in page*/
/*content containers*/
#container {width:960px;margin-left:auto;margin-right:auto;} /*960px is the standard width for a resolution of 1024x768 - most common resolution*/
#container_holder {float:left;width:100%;}
#container_head {clear:both;float:none;}
#container_head h1{ color: #787878;}
.container_head_sub20per {width:20%;float:left;}
.container_head_sub50per {width:50%;float:left;}
.container_head_sub80per {width:80%;float:left;}
.container_head_sub100per {}
#container_body {clear:both;float:none;}
#container_footer {clear:both;float:none;}
/*USER DEFINED CLASSES
HOW TO USE: to create red text that is aligned right and is bolded would be. This is not the best way if multiple styles can be combined that
creates a class generic enough for usage, it is best to do so to prevent numerous calls
some text
*/
/*FONT FAMILIES*/
.arial {font-family:arial;}
.verdana {font-family:verdana;}
.roboto {font-family:roboto;}
/*HELPERS*/
.hide-h {display:none;}
.showBlock-h {display:block;}
.showInline-h {display:inline;}
.noListItem-h {list-style-type:none;}
/*VERTICAL ALIGNMENT*/
.alignVert-t {vertical-align:top;}
.alignVert-m {vertical-align:middle;}
.alignVert-b {vertical-align:bottom;}
/*HORIZONTAL ALIGNMENT*/
.alignHor-l {margin-left:0px;float:none;clear:both;}
.alignHor-c {margin-left:auto;margin-right:auto;float:none;clear:both;}
/*TEXT COLOR*/
.clrRed {color:#ff0000;}
.clrDarkRed {color:#990000;}
.clrSteelBlue {color:#95b9c7;}
.clrBlue {color:#000099;}
.clrDarkGray {color:#686868;}
.clrGray {color:#ccc;}
.clrLightGray {color:#f2f2f2;}
.clrGreen {color:#00ff00;}
.clrOrange {color:#ff6600;}
.clrBlack {color:#000;}
.clrWhite {color:#fff;}
.clrDarkGreen {color:#006600;}
.clrPaleBlue {color:#d9e8f5;} /*style guide starts here*/
.clrBlue2 {color:#9dc3e6;}
.clrBrightBlue {color:#0065bd;}
.clrNavBlue {color:#41699d;}
.clrBlue3 {color:#003478;}
.clrDarkBlue {color:#001c40;}
.clrBrightGreen {color:#3d9e07;}
.clrGreen2 {color:#2c610f;}
.clrDarkGreen2 {color:#163a03;}
.clrTaupe {color:#e7dba5;}
.clrGray2 {color:#b2b2b2;}
/*FLOATS - float elements must take into consideration padding and border for width*/
.float-r {float:right;}
.float-l {float:left;}
.float-c {clear:both;float:none;}
/*OVERFLOWS*/
.overFlowHide {overflow:hidden;}
.overFlowScroll {overflow:scroll;}
.overFlowAuto {overflow:auto;}
/*TEXT ALIGNMENT*/
.txt-r {text-align:right;}
.txt-l {text-align:left;}
.txt-c {text-align:center;}
/*TEXT TRANSFORM*/
.txtUC {text-transform:uppercase;}
.txtLC {text-transform:lowercase;}
.txtC {text-transform:capitalize;}
.txtTN {text-transform:none;}
/*TEXT STYLES*/
.noStyle {text-decoration:none;font-weight:normal;font-style:normal;}
.bold {font-weight:bold;}
.italic {font-style:italic;}
.underline {text-decoration:underline;}
.strikeThrough {text-decoration:line-through;}
/*MARGIN - px 2,5,8,10,15,25*/
.mgn2-a {margin:2px;}
.mgn2-t {margin-top:2px;}
.mgn2-r {margin-right:2px;}
.mgn2-b {margin-bottom:2px;}
.mgn2-l {margin-left:2px;}
.mgn5-a {margin:5px;}
.mgn5-t {margin-top:5px;}
.mgn5-r {margin-right:5px;}
.mgn5-b {margin-bottom:5px;}
.mgn5-l {margin-left:5px;}
.mgn8-a {margin:8px;}
.mgn8-t {margin-top:8px;}
.mgn8-r {margin-right:8px;}
.mgn8-b {margin-bottom:8px;}
.mgn8-l {margin-left:8px;}
.mgn10-a {margin:10px;}
.mgn10-t {margin-top:10px;}
.mgn10-r {margin-right:10px;}
.mgn10-b {margin-bottom:10px;}
.mgn10-l {margin-left:10px;}
.mgn15-a {margin:15px;}
.mgn15-t {margin-top:15px;}
.mgn15-r {margin-right:15px;}
.mgn15-b {margin-bottom:15px;}
.mgn15-l {margin-left:15px;}
.mgn25-a {margin:25px;}
.mgn25-t {margin-top:25px;}
.mgn25-r {margin-right:25px;}
.mgn25-b {margin-bottom:25px;}
.mgn25-l {margin-left:25px;}
/*PADDING - px 2,4,5,8,10,15
add(+) this padding to an element if it an element with existing padding (element type has default padding of 4.
If we add class pdg4-a to it, padding will become 8 (4 + 4))
*/
.pdg0-a {padding:0px;}
.pdg2-a {padding:2px;}
.pdg2-t {padding-top:2px;}
.pdg2-r {padding-right:2px;}
.pdg2-b {padding-bottom:2px;}
.pdg2-l {padding-left:2px;}
.pdg4-a {padding:4px;}
.pdg4-t {padding-top:4px;}
.pdg4-r {padding-right:4px;}
.pdg4-b {padding-bottom:4px;}
.pdg4-l {padding-left:4px;}
.pdg5-a {padding:5px;}
.pdg5-t {padding-top:5px;}
.pdg5-r {padding-right:5px;}
.pdg5-b {padding-bottom:5px;}
.pdg5-l {padding-left:5px;}
.pdg8-a {padding:8px;}
.pdg8-t {padding-top:8px;}
.pdg8-r {padding-right:8px;}
.pdg8-b {padding-bottom:8px;}
.pdg8-l {padding-left:8px;}
.pdg10-a {padding:10px;}
.pdg10-t {padding-top:10px;}
.pdg10-r {padding-right:10px;}
.pdg10-b {padding-bottom:10px;}
.pdg10-l {padding-left:10px;}
.pdg15-a {padding:15px;}
.pdg15-t {padding-top:15px;}
.pdg15-r {padding-right:15px;}
.pdg15-b {padding-bottom:15px;}
.pdg15-l {padding-left:15px;}
.pdg18-a {padding:18px;}
.pdg18-t {padding-top:18px;}
.pdg18-r {padding-right:18px;}
.pdg18-b {padding-bottom:18px;}
.pdg18-l {padding-left:18px;}
/*PADDING SPECIAL - % not common usage due to possible affects by surrounding elements - use with discretion*/
.pdg2per-a {padding:2%;}
.pdg2per-t {padding-top:2%;}
.pdg2per-r {padding-right:2%;}
.pdg2per-b {padding-bottom:2%;}
.pdg2per-l {padding-left:2%;}
.pdg3per-a {padding:3%;}
.pdg3per-t {padding-top:3%;}
.pdg3per-r {padding-right:3%;}
.pdg3per-b {padding-bottom:3%;}
.pdg3per-l {padding-left:3%;}
.pdg4per-a {padding:4%;}
.pdg4per-t {padding-top:4%;}
.pdg4per-r {padding-right:4%;}
.pdg4per-b {padding-bottom:4%;}
.pdg4per-l {padding-left:4%;}
.pdg10per-l {padding-left:10%;}
.pdg15per-l {padding-left:15%;}
.pdg20per-l {padding-left:20%;}
.pdg30per-l {padding-left:30%;}
.pdg40per-l {padding-left:40%;}
.pdg50per-l {padding-left:50%;}
/*BORDERS*/
.bdrNone {border:none;}
.bdrHidden {border:hidden;} /*fix for border conflict areas in tables*/
/*colors: black,gray,white, green, blue*/
.bdrCLRblack {border-color:#000;}
.bdrCLRgray {border-color:#ccc;}
.bdrCLRwhite {border-color:#fff;}
.bdrCLRgreen {border-color:#00ff00;}
.bdrCLRblue {border-color:#000099;}
.bdrCLRorange {border-color:#ff6600;}
.bdrClRdarkGray {border-color:#686868;}
.bdrCLRpaleBlue {border-color:#d9e8f5;} /*style guide starts here*/
.bdrCLRblue2 {border-color:#9dc3e6;}
.bdrCLRbrightBlue {border-color:#0065bd;}
.bdrCLRnavBlue {border-color:#41699d;}
.bdrCLRblue3 {border-color:#003478;}
.bdrCLRdarkBlue {border-color:#001c40;}
.bdrCLRbrightGreen {border-color:#3d9e07;}
.bdrCLRgreen {border-color:#2c610f;}
.bdrCLRdarkGreen {border-color:#163a03;}
.bdrCLRtaupe {border-color:#e7dba5;}
.bdrCLRgray2 {border-color:#b2b2b2;}
.bdrbtmCLRwhite{ border-bottom-color: white;}
/*size: 1,2,3,4,5,6px*/
.bdrSZ1 {border-width:1px;}
.bdrSZ2 {border-width:2px;}
.bdrSZ3 {border-width:3px;}
.bdrSZ4 {border-width:4px;}
.bdrSZ5 {border-width:5px;}
.bdrSZ6 {border-width:6px;}
/*style*/
.bdrSolid {border-style:solid;}
.bdrDashed {border-style:dashed;}
.bdrDotted {border-style:dotted;}
.bdrDouble {border-style:double;}
/*position*/
.bdrSolid-t {border-top-style:solid;}
.bdrSolid-r {border-right-style:solid;}
.bdrSolid-b {border-bottom-style:solid;}
.bdrSolid-l {border-left-style:solid;}
.bdrDashed-t {border-top-style:dashed;}
.bdrDashed-r {border-right-style:dashed;}
.bdrDashed-b {border-bottom-style:dashed;}
.bdrDashed-l {border-left-style:dashed;}
.bdrDotted-t {border-top-style:dotted;}
.bdrDotted-r {border-right-style:dotted;}
.bdrDotted-b {border-bottom-style:dotted;}
.bdrDotted-l {border-left-style:dotted;}
.bdrDouble-t {border-top-style:double;}
.bdrDouble-r {border-right-style:double;}
.bdrDouble-b {border-bottom-style:double;}
.bdrDouble-l {border-left-style:double;}
/*BACKGROUND COLORS*/
.bakClRred {background-color:#ff0000;}
.bakClRgray3 {background-color:#e6e6e6;}
.bakCLRgray {background-color:#ccc;}
.bakCLRblack {background-color:#000;}
.bakCLRwhite {background-color:#fff;}
.bakCLRlightGray {background-color:#f2f2f2;}
.bakCLRsteelBlue {background-color:#95b9c7 !important;}
.bakCLRlightYellow {background-color:#ffff99;}
.bakCLRtan {background-color:#cccc99;}
.bakCLRlightGreen {background-color:#f5fbef;}
.bakCLRlightBlue {background-color:#effbfb;}
.bakCLRred {background-color:#ff0000;}
.bakCLRblue {background-color:#000099;}
.bakCLRpaleBlue {background-color:#d9e8f5;} /*style guide starts here*/
.bakCLRblue2 {background-color:#9dc3e6;}
.bakCLRbrightBlue {background-color:#0065bd;}
.bakCLRnavBlue {background-color:#41699d;}
.bakCLRblue3 {background-color:#003478;}
.bakCLRdarkBlue {background-color:#001c40;}
.bakCLRbrightGreen {background-color:#3d9e07;}
.bakCLRgreen {background-color:#2c610f;}
.bakCLRdarkGreen {background-color:#163a03;}
.bakCLRtaupe {background-color:#e7dba5;}
.bakCLRgray2 {background-color:#b2b2b2;}
/*FILE TYPE CUES - icons may not appear in print depending on browser settings
a[href $='.pdf'] {padding-right: 18px;background: transparent url(../icons/page_white_acrobat.png) no-repeat center right;}
a[href $='.doc'] {padding-right: 18px;background: transparent url(../icons/page_white_word.png) no-repeat center right;}
a[href $='.docx'] {padding-right: 18px;background: transparent url(../icons/page_white_word.png) no-repeat center right;}
a[href $='.txt'] {padding-right: 18px;background: transparent url(../icons/page_white_text.png) no-repeat center right;}
a[href $='.xls'] {padding-right: 18px;background: transparent url(../icons/page_white_excel.png) no-repeat center right;}
a[href $='.xlsx'] {padding-right: 18px;background: transparent url(../icons/page_white_excel.png) no-repeat center right;}
a[href $='.zip'] {padding-right: 18px;background: transparent url(../icons/compress.png) no-repeat center right;}
a[href ^="mailto:"] {padding-right: 18px;background: transparent url(../icons/email.png) no-repeat center right;}
a[target="_blank"] {padding-right: 18px;background: transparent url(../icons/external.png) no-repeat center right;}*/
/*LINE HEIGHTS*/
.lnHGT16 {line-height:16px;}
.lnHGT18 {line-height:18px;}
.lnHGT20 {line-height:20px;}
.lnHGT21 {line-height:21px;}
.lnHGT22 {line-height:22px;}
.lnHGT24 {line-height:24px;}
.lnHGT25 {line-height:25px;}
.lnHGT26 {line-height:26px;}
.lnHGT28 {line-height:28px;}
.lnHGT30 {line-height:30px;}
.lnHGT32 {line-height:32px;}
.lnHGT33 {line-height:33px;}
/*SPRITE CONTROLS - icons may not appear in print depending on browser settings
Usage: class="activeIcon icon icoEdit" to show edit icon - icons appear as background*/
.ico {display:inline-block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;margin:0px 2px;padding:0px;vertical-align:bottom;}
.icoCheck1 {background-image:url("../icons/accept.png");}
.icoCheck2 {background-image:url("../icons/check.png");}
.icoAdd {background-image:url("../icons/add.png");}
.icoCancel {background-image:url("../icons/cancel.png");}
.icoEdit {background-image:url("../icons/pencil.png");}
.icoPerson {background-image:url("../icons/user.png");}
.icoCalendar {background-image:url("../../images/icons/calendar.png");}
.icoMonth {background-image:url("../icons/calendar_view_month.png");}
.icoDay {background-image:url("../icons/calendar_view_day.png");}
.icoExt {background-image:url("../icons/external.png");}
.icoNote {background-image:url("../icons/note.png");}
.icoHelp {background-image:url("../../images/icons/helpIconSmall.gif");}
.icoInfo {background-image:url("../../images/icons/information.png");}
.icoSearch {background-image:url("../icons/zoom.png");}
.icoPage {background-image:url("../icons/page.png");}
.icoBook {background-image:url("../icons/book.png");}
.icoTools {background-image:url("../icons/wrench.png");}
.icoHome {background-image:url("../icons/home.png");}
.icoChart1 {background-image:url("../icons/chart_curve.png");}
.icoChart2 {background-image:url("../icons/chart_bar.png");}
.icoError {background-image:url("../icons/exclamation.png");}
.icoPrint {background-image:url("../icons/printer.png");}
.icoHome {background-image:url("../icons/house.png");}
.icoGo {background-image:url("../icons/bullet_go.png");}
.icoClock{background-image:url("../icons/clock.png");}
.icoPlugin {background-image:url("../icons/plugin.png");}
.icoDB {background-image:url("../icons/database.png");}
.icoCopy {background-image:url("../icons/page_copy.png");}
.icoKey {background-image:url("../icons/key.png");}
.icoGroup {background-image:url("../icons/group.png");}
.icoStarHot {background-image:url("../icons/starHot.png");}
.icoStarCold {background-image:url("../icons/starCold.png");}
.icoCog {background-image:url("../icons/cog.png");}
.icoAlert {background-image:url("../icons/error.png");}
.icoBulAdd {background-image:url("../icons/bullet_add.png");}
.icoBulBot {background-image:url("../icons/bullet_arrow_bott.png");}
.icoBulTop {background-image:url("../icons/bullet_arrow_top.png");}
.icoBulUp {background-image:url("../icons/bullet_arrow_up.png");}
.icoBulR {background-image:url("../icons/bullet_arrow_right.png");}
.icoBulL {background-image:url("../icons/bullet_arrow_left.png");}
.icoBulBlack {background-image:url("../icons/bullet_black.png");}
.icoBulBlue {background-image:url("../icons/bullet_blue.png");}
.icoBulPin {background-image:url("../icons/bullet_pink.png");}
.icoBulOra {background-image:url("../icons/bullet_orange.png");}
.icoBulRed {background-image:url("../icons/bullet_red.png");}
.icoBulDel {background-image:url("../icons/bullet_delete.png");}
.icoBulErr {background-image:url("../icons/bullet_error.png");}
.icoBulGo {background-image:url("../icons/bullet_go.png");}
.icoBulGreen {background-image:url("../icons/bullet_green.png");}
.icoBulKey {background-image:url("../icons/bullet_key.png");}
.icoBulPic {background-image:url("../icons/bullet_picture.png");}
.icoBulStar {background-image:url("../bullet_star.png");}
.icoBulMin {background-image:url("../icons/bullet_toggle_minus.png");}
.icoBulPlus {background-image:url("../icons/bullet_toggle_plus.png");}
.icoBulWre {background-image:url("../icons/bullet_wrench.png");}
.icoSqrBlue {background-image:url("../icons/square-blue.png");}
.icoSqrGreen {background-image:url("../icons/square-green.png");}
.icoSqrOra {background-image:url("../icons/square-orange.png");}
.icoCom {background-image:url("../icons/compress.png");}
.icoAcro {background-image:url("../icons/page_white_acrobat.png");}
.icoExcel {background-image:url("../icons/page_white_excel.png");}
.icoWord {background-image:url("../icons/page_white_word.png");}
.icoGear {background-image:url("../icons/page_white_gear.png");}
.icoMail {background-image:url("../icons/email.png");}
.icoText {background-image:url("../icons/page_white_text.png");}
/*ROUNDED CORNERS - CSS3 supported browsers only
border-bottom-left-radius, border-bottom-right-radius, border-top-left-radius, border-top-right-radius
SYNTAX: border-*-*-radius: [ | <%> ] [ | <%> ]? */
.rndCorner-tl {border-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;}
.rndCorner-tr {border-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;}
.rndCorner-bl {border-radius:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;}
.rndCorner-br {border-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;}
.rndCorner-t {border-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-topright: 6px;-webkit-border-top-right-radius:6px;}
.rndCorner-b {border-radius:6px;-moz-border-radius-bottomleft:6px;-webkit-border-bottom-left-radius:6px;-moz-border-radius-bottomright:6px;-webkit-border-bottom-right-radius:6px;}
.rndCorner-r {border-radius:6px;-moz-border-radius-topright:6px;-webkit-border-top-right-radius:6px;-moz-border-radius-bottomright: 6px;-webkit-border-bottom-right-radius:6px;}
.rndCorner-l {border-radius:6px;-moz-border-radius-topleft:6px;-webkit-border-top-left-radius:6px;-moz-border-radius-bottomleft: 6px;-webkit-border-bottom-left-radius:6px;}
.rndCorner-a {border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;}
.rndCorner4-a {border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.rndCorner4-t {border-radius:4px;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright: 4px;-webkit-border-top-right-radius:4px;}
.rndCorner4-b {border-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;}
/*behavior: url(global/helpers/PIE.htc);} : 3rd party component -
IE 5.5+ compatible only - creates rounded corners http://css3pie.com/
can only be applied to the all due to its limitations. see site for known issues
.rndCorner-tl,.rndCorner-tr,.rndCorner-br,.rndCorner-t,.rndCorner-b,.rndCorner-r,.rndCorner-l,.rndCorner-a,.rndCorner4-a,.rndCorner4-t,.rndCorner4-b {behavior: url(http://localhost/cms/scripts/plugins/PIE.htc);position:relative;}*/
/*SHADOW ON ELEMENT - CSS3 supported browsers only*/
.shadow-tr {-moz-box-shadow:-10px 10px 5px #686868;box-shadow:-10px 10px 5px #686868;-webkit-box-shadow: -10px 10px 5px #686868;} /*shadow top right*/
.shadow-tl {-moz-box-shadow:-10px -10px 5px #686868;box-shadow:-10px -10px 5px #686868;-webkit-box-shadow: -10px -10px 5px #686868;} /*shadow top left*/
.shadow-br {-moz-box-shadow: 10px 10px 5px #686868;box-shadow: 10px 10px 5px #686868;-webkit-box-shadow: 10px 10px 5px #686868;} /*shadow bottom right*/
.shadow-bl {-moz-box-shadow:10px -10px 5px #686868;box-shadow:10px -10px 5px #686868;-webkit-box-shadow: 10px -10px 5px #686868;} /*shadow bottom left*/
/*MESSAGES*/
.error {border:1px solid #cd0a0a;color:#cd0a0a;background-color:#ffffcc;}
.success {border:1px solid #00ff00;background-color: #ffffcc;}
/*OPACITY 40,50,60,70,80,90*/
.opacity40 {opacity:.40;filter:Alpha(Opacity=40);}
.opacity50 {opacity:.50;filter:Alpha(Opacity=50);}
.opacity60 {opacity:.60;filter:Alpha(Opacity=60);}
.opacity70 {opacity:.70;filter:Alpha(Opacity=70);}
.opacity80 {opacity:.80;filter:Alpha(Opacity=80);}
.opacity90 {opacity:.90;filter:Alpha(Opacity=90);}
/*WIDTHS - PX 16,30,50,100,200,220,250,280,300,320,350,380,400,420,450,500,550,600,650,700,750,800,850,900*/
.wid16px {width:16px;}
.wid30px {width:30px;}
.wid50px {width:50px;}
.wid100px {width:100px;}
.wid150px {width:150px;}
.wid200px {width:200px;}
.wid220px {width:220px;}
.wid250px {width:250px;}
.wid280px {width:280px;}
.wid290px {width:290px;}
.wid300px {width:300px;}
.wid320px {width:320px;}
.wid350px {width:350px;}
.wid380px {width:380px;}
.wid400px {width:400px;}
.wid420px {width:420px;}
.wid450px {width:450px;}
.wid460px {width:460px;}
.wid500px {width:500px;}
.wid550px {width:550px;}
.wid600px {width:600px;}
.wid620px {width:620px;}
.wid650px {width:650px;}
.wid700px {width:700px;}
.wid750px {width:750px;}
.wid800px {width:800px;}
.wid850px {width:850px;}
.wid900px {width:900px;}
.wid962px {width:962px;}
/*WIDTHS - % 0,15,20,33,45,50,60,80,100*/
.wid0per {width:0%;}
.wid15per {width:15%;}
.wid20per {width:20%;}
.wid25per {width:25%;}
.wid30per {width:30%;}
.wid33per {width:33%;}
.wid40per {width:40%;}
.wid45per {width:45%;}
.wid48per {width:48%;}
.wid49per {width:49%;}
.wid50per {width:50%;}
.wid60per {width:60%;}
.wid70per {width:70%;}
.wid75per {width:75%;}
.wid76per {width:76%;}
.wid77per {width:77%;}
.wid78per {width:78%;}
.wid79per {width:79%;}
.wid80per {width:80%;}
.wid95per {width:95%;}
.wid96per {width:96%;}
.wid97per {width:97%;}
.wid98per {width:98%;}
.wid99per {width:99%;}
.wid100per {width:100%;}
/*HEIGHT - PX 16,2O,22,23,24,25,30,50*/
.hgt16px {height:16px;}
.hgt20px {height:20px;}
.hgt22px {height:22px;}
.hgt23px {height:23px;}
.hgt24px {height:24px;}
.hgt25px {height:25px;}
.hgt30px {height:30px;}
.hgt40px {height:40px;}
.hgt50px {height:50px;}
.hgt80px {height:80px;}
.hgt100px {height:100px;}
.hgt150px {height:150px;}
.hgt180px {height:180px;}
.hgt200px {height:200px;}
.hgt250px {height:250px;}
.hgt300px {height:300px;}
.hgt350px {height:350px;}
.hgt400px {height:400px;}
.hgt450px {height:450px;}
.hgt550px {height:550px;}
.hgt650px {height:650px;}
/*HEIGHT - % 0,20,30,40,50,80,100*/
.hgt0per {height:0px;}
.hgt20per {height:20px;}
.hgt30per {height:30px;}
.hgt40per {height:40px;}
.hgt50per {height:50px;}
.hgt80per {height:80px;}
.hgt100per {height:100%;}
/*POSITION TYPE*/
.posAbs {position:absolute;}
.posRel {position:relative;}
/*POSITION HEIGHTS - px*/
.pos20px-t {top:20px;}
.pos20px-r {right:20px;}
.pos20px-b {bottom:20px;}
.pos20px-l {left:20px;}
.pos40px-t {top:40px;}
.pos40px-r {right:40px;}
.pos40px-b {bottom:40px;}
.pos40px-l {left:40px;}
.pos60px-t {top:60px;}
.pos60px-r {right:60px;}
.pos60px-b {bottom:60px;}
.pos60px-l {left:60px;}
.pos100px-t {top:100px;}
.pos100px-r {right:100px;}
.pos100px-b {bottom:100px;}
.pos100px-l {left:100px;}
.pos200px-t {top:200px;}
.pos200px-r {right:200px;}
.pos200px-b {bottom:200px;}
.pos20px-l {left:200px;}
.pos300px-t {top:300px;}
.pos300px-r {right:300px;}
.pos300px-b {bottom:300px;}
.pos300px-l {left:300px;}
.pos400px-t {top:400px;}
.pos4000px-r {right:400px;}
.pos400px-b {bottom:400px;}
.pos400px-l {left:400px;}
/*percent */
.pos20per-t {top:20%;}
.pos20per-r {right:20%;}
.pos20per-b {bottom:20%;}
.pos20per-l {left:20%;}
.pos40per-t {top:40%;}
.pos40per-r {right:40%;}
.pos40per-b {bottom:40%;}
.pos40per-l {left:40%;}
.pos50per-t {top:50%;}
.pos50per-r {right:50%;}
.pos50per-b {bottom:50%;}
.pos50per-l {left:50%;}
.pos60per-t {top:60%;}
.pos60per-r {right:60%;}
.pos60per-b {bottom:60%;}
.pos60per-l {left:60%;}
.pos80per-t {top:80%;}
.pos80per-r {right:80%;}
.pos80per-b {bottom:80%;}
.pos80per-l {left:80%;}
.pos100per-t {top:100%;}
.pos100per-r {right:100%;}
.pos100per-b {bottom:100%;}
.pos100per-l {left:100%;}
/*predefined*/
.solidBlackLine {border:1px solid #000;} /*solid*/
.solidGray0Line {border:1px solid #e1e1e1;}
.solidGray1Line {border:1px solid #ccc;}
.solidGray2Line {border:1px solid #959595;}
.solidGray3kLine {border:1px solid #636363;}
.dottedBlackLine {border:1px dotted #000;} /*dotted*/
.dottedGray0Line {border:1px dotted #e1e1e1;}
.dottedGray1Line {border:1px dotted #ccc;}
.dottedGray2Line {border:1px dotted #959595;}
.dottedGray3kLine {border:1px dotted #636363;}
.solidGray1Line-t {border-top:1px solid #ccc;}
.solidRed1Line {border-top:1px solid #ff0000;}
.solidGray1Line-b {border-bottom:1px solid #ccc;}
.solidWhite1Line-b {border-bottom:1px solid #fff;}
.solidBlue1Line {border:1px solid #9dc3e6;}
.blockItem {display:block;}
.errorMessage {font-size:.8em;color:#ff0000;}
.successMessage {font-size:.8em;color:#636363;}
.blockQuoteLabel label {width:20%;text-align:right;float:left;margin-right:15px;}
span[title=rq] {color:#ff0000 !important;} /*span with specific title required field*/
.modal450 {width:450px;padding:15px;margin-left:auto;margin-right:auto;border:2px solid #ccc;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;}
.clickable * {cursor: pointer;}
.clickable *:hover {background-color:#f2f2f2;}
.tabClass {padding:2px;font-size:13px;}
/*day picker*/
.scollableContainer200px {height:200px;overflow:auto;padding:5px;}
.scollableContainer300px {height:300px;overflow:auto;padding:5px;}
.scollableContainer500px {height:500px;overflow:auto;padding:5px;}
.itemPickerContainer div.inactive {float:left;width:50px;height:50px;margin:2px;cursor:pointer;}
.itemPickerContainer div.inactive:hover {float:left;width:50px;height:50px;margin:2px;cursor:pointer;}
.itemPickerContainer div.disabled {float:left;width:50px;height:50px;margin:2px;}
.itemPickerContainer div.active {float:left;width:50px;height:50px;margin:2px;cursor:pointer;}
.itemPickerContainer div.active:hover {float:left;width:50px;height:50px;margin:2px;cursor:pointer;}
.itemPickerContainer div p {font-weight:bold;text-align:center;padding:15px 0px 0px 0px;font-size:18px;}
/*day time picker*/
.dayTimerPicker {float:left;overflow:hidden;width:50px;height:50px;margin:2px;background:transparent url(../../images/misc/timeOfDayPicker.png) no-repeat;cursor:pointer;}
.dayTimerPickerFull {background-position:top left;}
.dayTimerPickerMorning {background-position:center left;}
.dayTimerPickerAfternoon {background-position:bottom center;}
/*help icon*/
.iconContainer {background:transparent url(../../images/misc/iconContainer.png) no-repeat top left;width:18px;height:18px;font-size:11px;padding:0;float:left;}
.iconContainer a {text-decoration:none;display:block;padding-top:2px;text-align:center;}
.iconContainer a:hover {text-decoration:none;}
/*calendar icon*/
.icoCalendar{background-image:url(../../images/icons/calendar.gif);background-position:left top;}
.upProgressContainer {border:1px solid #686868; background-color:#fff; width:300px;height:100px;margin:0px auto;}
span.left {position:absolute; left:0;}
span.right {position:absolute; right:0; text-align:left;}
div.line {position:relative; text-align:center; width:100%;}
}