img {border: 0;} body {background: #FFFFFF; font-family: Arial; font-size: 14px; font-weight: normal} *:focus {outline: none;} select, select option {color: #333333 !important;} .body_content {width: 1200px; min-height: 500px; margin: 50px auto;} .body_content h2 {letter-spacing: 10; color: #475675; font-family: Arial; font-size: 14pt; font-weight: normal; text-transform: uppercase; padding: 0px 0px 50px;} .break {clear: both;} p.path {font-family: Arial Narrow; font-size: 10pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} h1 {font-family: Arial; font-size: 28pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} h2 {font-family: Arial; font-size: 24pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} h3 {font-family: Arial; font-size: 12pt; color: ##475675; margin-top: 0; margin-bottom: 0; font-weight: normal; text-transform: uppercase;} h4 {font-family: Arial; font-size: 12pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} h5 {font-family: Arial; font-size: 10pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} h6 {font-family: Arial; font-size: 8pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} a:link {color: inherit;} a:visited {color: inherit;} a:hover {text-decoration: underline; color: inherit} a:active {color: inherit;} li {font-size: 12px;} h1.center_body {font-family: Arial; font-size: 18pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} h2.center_body {font-family: Calibri; font-size: 24pt; color: #3272B9; margin-top: 0; margin-bottom: 0; font-weight: bold; text-transform: uppercase;} h3.center_body {font-family: Arial; font-size: 16pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: normal} h4.center_body {font-family: Arial; font-size: 12pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} h5.center_body {font-family: Arial; font-size: 8pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold;} h6.center_body {font-family: Arial; font-size: 8pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: bold} p.center_body {font-family: Arial; font-size: 10pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: normal} a.center_body{text-decoration: none;} a:link.center_body {color: #808080;} a:visited.center_body {color: #808080;} a:hover.center_body {text-decoration: underline; color: #333333} a:active.center_body {color: #808080;} /********* HEADER AND FOOTER ********/ body {background-image: url(bg_lines.gif); background-repeat: repeat-x; background-position: top; padding-top: 20px;} .header_td {padding: 10px 0px;} h1.header {font-family: Arial; font-size: 24pt; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: 800} h2.header {font-family: Arial; font-size: 16pt; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: 200} h3.header {font-family: Arial; font-size: 12pt; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: 200} h4.header {font-family: Arial; font-size: 10pt; color: #475675; text-transform: uppercase; margin-top: 0; margin-bottom: 0; font-weight: 800} h5.header {font-family: Arial; font-size: 8pt; color: #475675; margin-top: 0; margin-bottom: 0; font-weight: 200} h6.header {font-family: Arial; font-size: 8pt; color: #475675; margin-top: 0; margin-bottom: 0; font-weight: 800} p.header {font-family: Arial; font-size: 10pt; color: #000000; margin-top: 0; margin-bottom: 0; font-weight: 400} a.header {text-decoration: underline; color: #475675;} a:hover.header {text-decoration: underline;} .page_title {background: #FFFFFF; height: 50px; border-bottom: 1px solid #3272B9} .footer_td {text-align: center; border-top: 5px solid #FFD800; padding: 10px 0px 20px;} .footer_td h6 {font-family: Calibri; font-size: 8pt; color: #333333; font-weight: normal; text-transform: uppercase;} .footer_td a {text-decoration: none;} .footer_td a:hover {text-decoration: underline;} /********* ERROR AND SUCCESS BOXES ********/ .popup_display {background: #FFFFCC; border-top: 5px solid #E3DBA5; border-bottom: 5px solid #E3DBA5; padding: 10px; width: 100%;} .popup {font-family: Calibri, 'Sans Serif'; width: 50%; font-size: 14px; border-radius: 6px; margin: 18px 0px; padding: 15px; position: relative; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1), 0 1px 0 rgba(255, 255, 255, 0.6) inset;} .popup h1 {font-size: 16px; color: inherit; text-transform: uppercase} .popup .scroll-pane {max-height: 200px; position: relative; overflow: auto;} .popup_error {background: #f0d8d8; border: 1px solid #e9c6c6; color: #884646;} .popup_success {background: #DFF0D8; border: 1px solid #D6E9C6; color: #468847;} .popup_warning {background: #f0e3d8; border: 1px solid #e9dac6; color: #886b46;} /********* HOME/MENU PAGE ********/ .login {margin: 30px 0px 130px;} .content_td {min-height: 500px; vertical-align: top;} .buttonnav {list-style: none; padding-bottom: 20px; width: 400px;} .buttonnav li {border-color: #2270AB #18639A #0F568B; border-style: solid; border-width: 1px; border-radius: 6px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#33a0e8', endColorstr='#2180ce'); background: -webkit-gradient(linear, left top, left bottom, from(#33A0E8), to(#2180CE)); background: -moz-linear-gradient(top, #33A0E8, #2180CE); text-shadow: 0 1px 2px #355782; -webkit-text-shadow: #355782 0 1px 2px; -moz-text-shadow: #355782 0 1px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83C5F1; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83c5f1; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83C5F1; background: #2180CE; margin: 10px 10px;} .buttonnav li:hover {background: #2587d7;} .buttonnav li a {display: block; font-family: Arial; font-size: 14pt; text-transform: uppercase; color: #FFFFFF; text-decoration: none; padding: 10px;} /********* ANALYTICS PAGE ********/ .analytics h3 {letter-spacing: 10; color: #475675; font-family: Arial; font-size: 14pt; font-weight: normal; text-transform: uppercase; margin-bottom: 20px;} div.navigation {width: 230px; background-color: #FFFFFF; float: left; } ul#navigation {list-style: none; margin: 0px; padding: 0px;} li.navigation {background: #FFFFFF; border: 1px solid #FFFFFF; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;} li.navigation:hover {background: #b6d8fa} li.navigation a {font-size: 14px; display: block; padding: 7px 10px; margin-left: 10px; border-left: 1px solid #FFFFFF; background: #539dea; color: #FFFFFF; text-transform: uppercase; letter-spacing: 1px; text-decoration: none; -moz-transition: all .5s ease 0s; -webkit-transition: all .5s ease 0s; -o-transition: all .5s ease 0s;} li.navigation a:hover {color: #FFFFFF;} #navigation-a .navigation-a, #navigation-b .navigation-b, #navigation-c .navigation-c, #navigation-d .navigation-d {background: #ffd79a} #navigation-a .navigation-a a, #navigation-b .navigation-b a, #navigation-c .navigation-c a, #navigation-d .navigation-d a {background: #FF9000; color: #FFFFFF;} .analytics {width: 1200px; min-height: 400px; padding: 10px 20px; margin-left: auto; margin-right: auto;} .analytics .col1 {text-align: right; margin-left: 250px; margin-right: 420px;} .analytics .col2 {float: right; width: 400px;} .analytics .colfull {margin-left: 250px;} .analytics .full {width: 100%;} /********* TABLES ********/ a.table1 {text-decoration: none; font-weight: 800;} a:link.table1 {color: #333333;} a:visited.table1 {color: #333333;} a:hover.table1 {text-decoration: underline; color: #FCCD33;} a:active.table1 {color: #333333;} .internalnav {width: 100%;} div.surround {border: 1px solid #FFFFFF; width: 99%; margin: 0px 0px 30px; margin-left: auto; margin-right: auto; padding: 0px 1px 1px; border-radius: 10px 10px 0px 0px;} table.noborder {border: none; border-collapse: collapse; width: 100%; margin: 10px 0px 30px;} table.surround {border: 1px solid #FFFFFF; border-collapse: collapse; width: 100%; margin: 10px 0px 50px;} table.internal {width: 100%; border-collapse: collapse; border-spacing: 0px;} table.login {width: 250px;} table.borderless {border-width: 0; width: 100%; border-collapse: collapse; border-spacing: 0px; padding:3px;} tr.internalheader {background-color: #FFFFFF; letter-spacing: 10; color: #475675; font-family: Arial; font-size: 14pt; text-transform: uppercase; border-bottom: 1px solid #3272B9;} tr.internalheader2 {background-color: #3272B9; padding: 5px 0px; background-image: url(bg_lines.gif); color: #FFFFFF; font-family: Arial; font-size: 8pt; text-transform: uppercase; font-weight: bold; border-top: 1px solid #FFFFFF;} tr.internalheader2 h5 {font-size: 8pt; color: #FFFFFF; font-weight: bold;} tr.internalheader2.actions {text-align: center;} tr.internalheader2 * {color: #FFFFFF; font-size: 8pt; font-weight: bold;} table.internal td {padding: 10px; vertical-align: middle;} tr.internalcolor1, tr.internalcolor2 {-moz-transition: background .5s linear 0s; -webkit-transition: background .5s linear 0s; -o-transition: background .5s linear 0s; background-color: #FFFFFF; color: #333333; font-family: Arial; font-size: 8pt; font-weight: normal; border-bottom: 1px solid #dde4ff;} tr.internalcolor1:hover, tr.internalcolor2:hover {background-color: #dde4ff;} tr.internalcolor2 {background-color: #E8EDFF} tr.internalcolor1 *, tr.internalcolor2 * {color: #333333} tr.internalcolor1 h6, tr.internalcolor2 h6 {font-family: Arial; font-size: 8pt; font-weight: normal; display: inline;} a.internalheader{text-decoration: none;} a:link.internalheader {color: #475675;} a:visited.internalheader {color: #475675;} a:hover.internalheader {text-decoration: underline; color: #FCCD33; color: #475675;} a:active.internalheader {color: #475675;} table img.image {max-width: 80px !important; width: expression(this.width > 80 ? 80: true); border: 1px solid #475675;} table img {max-width: 200px; max-height: 200px; width: expression(this.width > 200 ? 200: true); vertical-align: middle;} /********* FORMS, TEXTBOXES, AND BUTTONS ********/ form {padding: 0px; margin: 0px;} label {font-family: Arial; font-size: 10px; text-transform: uppercase; font-weight: bold;} .icon {max-width: 18px; vertical-align: middle;} .submit {color: #FFFFFF !important; font-weight: bold; text-transform: uppercase; font-size: 10px !important; padding: 2px 12px; margin: 0px 2px; border-style: solid; border-width: 1px; border-radius: 10px; cursor: pointer;} .submit {border-color: #22ab5f #189a49 #0f8b44; text-shadow: 0 1px 2px #358259; -webkit-text-shadow: #358259 0 1px 2px; -moz-text-shadow: #358259 0 1px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83f1a7; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83f1a7; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #83f1a7; background: #34a16f;} /*.submit.disable {border-color: #ab2222 #9a1818 #8b0f0f; text-shadow: 0 1px 2px #823535; -webkit-text-shadow: #823535 0 1px 2px; -moz-text-shadow: #823535 0 1px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #f18383; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #f18383; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #f18383; background: #a13734;} */ .internalheader2 .submit {border-color: #ab6922 #9a5b18 #8b550f; text-shadow: 0 1px 2px #825935; -webkit-text-shadow: #825935 0 1px 2px; -moz-text-shadow: #825935 0 1px 2px; box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #f1b983; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #f1b983; -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 0 #f1b983; background: #e28123;} .submit:hover {box-shadow: 0 1px 1px rgba(0, 0, 0, .3), inset 0 1px 50px rgba(0, 0, 0, 0.1);} body .textField {font-size: 14px; border-style: solid; border-width: 1px; border-color: #81b3f1; padding: 1px 5px; margin: 5px 2px; border-radius: 0 6px 6px 6px; min-width: 150px; max-width: 350px;} body .textField, body textarea {color: #000000; font-weight: normal; -moz-transition: border .7s linear 0s; -webkit-transition: border .7s linear 0s; -o-transition: border .7s linear 0s;} body .smallField {min-width: 50px;} body .textField:focus, textarea:focus {border: 1px solid #FF9000;} body textarea {font-size: 14px; border-style: solid; border-width: 1px; border-color: #81b3f1; padding: 2px; margin: 5px 2px; border-radius: 0 6px 6px 6px;} .checkbox, .radio {width: 19px; height: 25px; padding: 5px 10px; background: url(checkbox.png) no-repeat; clear: left;} .radio {background: url(radio.png) no-repeat;} .middle {vertical-align: middle; padding-bottom: 2px;} .statusbutton {position: relative; vertical-align: top;} select[multiple="multiple"] {width: 200px; height: 100px; font-family: Arial; font-size: 11px;} /********* HORRIBLE CSS THAT SHOULD NOT BE USED BECAUSE IT WILL EVENTUALLY BE DELETED FROM HERE ********/ h1.error {font-family: Arial; font-size: 14pt; color: #FF0000; margin-top: 0; margin-bottom: 0; font-weight: 800} h2.error {font-family: Arial; font-size: 24pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 200} h3.error {font-family: Arial; font-size: 16pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 200} h4.error {font-family: Arial; font-size: 12pt; color: #FF0000; margin-top: 0; margin-bottom: 0; font-weight: 200} h5.error {font-family: Arial; font-size: 10pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 200} h6.error {font-family: Arial; font-size: 8pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 800} h1.warning {font-family: Arial; font-size: 12pt; color: #FF9900; margin-top: 0; margin-bottom: 0; font-weight: 800} h2.warning {font-family: Arial; font-size: 24pt; color: #FF9900; margin-top: 0; margin-bottom: 0; font-weight: 200} h3.warning {font-family: Arial; font-size: 16pt; color: #FF9900; margin-top: 0; margin-bottom: 0; font-weight: 200} h4.warning {font-family: Arial; font-size: 12pt; color: #FF9900; margin-top: 0; margin-bottom: 0; font-weight: 200} h5.warning {font-family: Arial; font-size: 10pt; color: #FF9900; margin-top: 0; margin-bottom: 0; font-weight: 200} h6.warning {font-family: Arial; font-size: 8pt; color: #FF9900; margin-top: 0; margin-bottom: 0; font-weight: 800} h1.normal {font-family: Arial; font-size: 12pt; color: GREEN; margin-top: 0; margin-bottom: 0; font-weight: 800} h2.normal {font-family: Arial; font-size: 24pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 200} h3.normal {font-family: Arial; font-size: 16pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 200} h4.normal {font-family: Arial; font-size: 12pt; color: GREEN; margin-top: 0; margin-bottom: 0; font-weight: 200} h5.normal {font-family: Arial; font-size: 10pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 200} h6.normal {font-family: Arial; font-size: 8pt; color: #C0C0C0; margin-top: 0; margin-bottom: 0; font-weight: 800} h1.irbs_green {font-family: Arial; font-size: 16pt; color: #779B16; margin-top: 0; margin-bottom: 0; font-weight: 800} h2.irbs_green {font-family: Arial; font-size: 16pt; color: #779B16; margin-top: 0; margin-bottom: 0; font-weight: 200} h3.irbs_green {font-family: Arial; font-size: 12pt; color: #779B16; margin-top: 0; margin-bottom: 0; font-weight: 800} h4.irbs_green {font-family: Arial; font-size: 12pt; color: #779B16; margin-top: 0; margin-bottom: 0; font-weight: 200} h5.irbs_green {font-family: Arial; font-size: 9pt; color: #779B16; margin-top: 0; margin-bottom: 0; font-weight: 800} h6.irbs_green {font-family: Arial; font-size: 9pt; color: #779B16; margin-top: 0; margin-bottom: 0; font-weight: 200} a:link.irbs_green {color: #779B16; text-decoration: underline;} a:visited.irbs_green {color: #779B16; text-decoration: underline;} a:hover.irbs_green {color: #C0C0C0; text-decoration: none;} a:active.irbs_green {color: #779B16; text-decoration: underline;} h1.irbs_blue {font-family: Arial; font-size: 16pt; color: #1483AE; margin-top: 0; margin-bottom: 0; font-weight: 800} h2.irbs_blue {font-family: Arial; font-size: 16pt; color: #1483AE; margin-top: 0; margin-bottom: 0; font-weight: 200} h3.irbs_blue {font-family: Arial; font-size: 12pt; color: #1483AE; margin-top: 0; margin-bottom: 0; font-weight: 800} h4.irbs_blue {font-family: Arial; font-size: 12pt; color: #1483AE; margin-top: 0; margin-bottom: 0; font-weight: 200} h5.irbs_blue {font-family: Arial; font-size: 9pt; color: #1483AE; margin-top: 0; margin-bottom: 0; font-weight: 800} h6.irbs_blue {font-family: Arial; font-size: 9pt; color: #1483AE; margin-top: 0; margin-bottom: 0; font-weight: 200} a:link.irbs_blue {color: #1483AE; text-decoration: underline;} a:visited.irbs_blue {color: #1483AE; text-decoration: underline;} a:hover.irbs_blue {color: #C0C0C0; text-decoration: none;} a:active.irbs_blue {color: #1483AE; text-decoration: underline;} h1.irbs_gray {font-family: Arial; font-size: 16pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: 800} h2.irbs_gray {font-family: Arial; font-size: 16pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: 200} h3.irbs_gray {font-family: Arial; font-size: 12pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: 800} h4.irbs_gray {font-family: Arial; font-size: 12pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: 200} h5.irbs_gray {font-family: Arial; font-size: 9pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: 800} h6.irbs_gray {font-family: Arial; font-size: 9pt; color: #333333; margin-top: 0; margin-bottom: 0; font-weight: 200} a:link.irbs_gray {color: #333333; text-decoration: underline;} a:visited.irbs_gray {color: #333333; text-decoration: underline;} a:hover.irbs_gray {color: #C0C0C0; text-decoration: none;} a:active.irbs_gray {color: #333333; text-decoration: underline;}