/* © 2010 SuperSaaS */

/* Shared styles */
body { font-family: Tahoma, "Lucida Grande", Arial, sans-serif;font-size: 11pt; margin:0px 0px 5px 0px}
em {font-family: Arial, sans-serif}
h1, h2, caption, .hid2 {color: #2F9BE0}
h1 {font-size:140%;margin-bottom:28px;font-weight:normal}
h2 {font-size:110%; font-weight:normal; margin:16px 0px 6px 0px;padding-right:4px}
h1 b, h2 b {font-weight:normal;padding:0px 4px 11px 4px;border-bottom:solid 1px #ADD5FD}
h3 {font-size:90%; margin-bottom: 4px; margin-top: 12px}
h4 {font-size:85%;margin: 0px; padding: 0px 0px 2px}
caption {font-size:110%; text-align: left; padding: 12px 2px 8px 14px}
ul { margin-top: 6px}
img { border: 0px}
p {margin: 14px 0px}
abbr {font-size:90%;border-bottom:1px dotted}
.logo {position:relative;top:12px;left:15%}
.swoosh {float:left;width:100%;margin-top:0px;height:58px} /* float prevents IE whitespace */
.flash {color: green; font-size: large; text-align: center;margin:5px 0px}
.centerbox {text-align:center; width:400px; margin:0px auto}
.center_form {width:600px; margin:0px auto}
.center_form table {margin:0px auto}
.center_form td {padding:2px 4px}
.small {font-size: smaller;color: #515A5F}
.centerbox h2 {text-align:left}
.orange {color: Orange}
.c {text-align:center}
.g {color:Gray}
.gt {color:GrayText}
.r {color:Red}
.j {cursor:pointer}
.s {font-size:small}
.rt {text-align:right}
.bp {padding:8px}
input.but {overflow:visible;padding:0 0.3em} /* fix IE buttons */
p.adremoval {font-size:x-small;margin:0px;text-align:center}
.pagination {padding: 3px;margin: 3px;font-size:70%}
.pagination a {padding: 2px 5px;margin: 2px;border: 1px solid #aaaadd;text-decoration: none;color: #000099;background-color:White}
.pagination a:hover, .pagination a:active {border: 1px solid #000099;color: #000}
.pagination span.current {padding: 2px 5px;margin: 2px;border: 1px solid #000099;font-weight: bold;background-color: #000099;color: #FFF}
.pagination span.disabled {padding: 2px 5px;margin: 2px;border: 1px solid #eee;color: #ddd}

/* for Info pages */
.info { margin: 38px auto; width:54.2em; color:#79797a}
.info ul {list-style-image:url(../images/arrow_bullet.gif)}
.info li {padding:0px 0px 7px 5px;margin-left:5px}
.info fieldset {color:black}
div.blue {border:solid 8px #add5fd; margin:20px}
div.blue_inner {background-image: url(../images/blue_bg.gif); height:190px; padding:20px;border:solid white 1px}
.blue h2 {font-size:18px}
.blue a {text-decoration:none;color:#79797a}
.blue a:hover {text-decoration:underline}
.tut p {margin:6px 0px 14px 0px}
.tut img {float:right;clear:right;margin:15px 0px 10px 20px}
.redbut {background-image:url(../images/redbut_bg.png);color:white;width:96px;height:43px;font-size:16px;padding-top:16px;font-weight:bold}
a#fl {text-decoration:none;padding:0px 10px}
a:hover#fl {background:url(../images/flag/uk_sm.gif) no-repeat 0px}

/* for the dashboard page */
.table { border-collapse: collapse; text-align:center}
.table td {font-size:90%;padding: 8px; border-top: solid 1px #C3C0C0}
.table .grid td {border-left: solid 1px #C3C0C0} /* check */
.table .d th {padding: 5px 8px;background-image: url(../images/table/bg.gif);font-weight:normal;border-bottom:solid 1px #55C932}
.table .e th {padding: 3px 8px 5px;font-weight:normal}
.table .bc {border-color:#C3C0C0}
.table .bf {background-color:#C3C0C0}
.table th a {color:black}  /* for IE6 */
.table th a {color:inherit}  /* don't color links for sorting */
.table th.l {padding:0;background-image: url(../images/table/tl.gif)}
.table th.r {padding:0;background-image: url(../images/table/tr.gif)}
.table .f td {padding:0;border-top-width:0}
.table td.bl {width:3px;height:2px;background-image: url(../images/table/bl.gif)}
.table td.br {width:3px;background-image: url(../images/table/br.gif)}
.table .b {border-bottom: solid 1px #C3C0C0}
.table td.l, .table th.lcc {padding:0;background-image: url(../images/table/l.gif)}
.table td.r, .table th.rcc {padding:0;background-image: url(../images/table/r.gif)}
/* login box */
.table .in td {border-style:none;padding:2px}
.center .table, .center {text-align:center;margin:0 auto;font-size:14px} /* fixed size? */

.buttons td { background-image: url(../images/usc/button_bg.gif);padding:2px;border:0px}
.buttons th { background-image:none; padding:0px;border:0px}
.controls a { font-size:105%}
.controls td {padding: 8px 18px 8px 18px; text-align:left}
.controls .odd, .sup { background-color: #fdf4d9}

.button-to { margin: 0px} /* make IE behave in auto generated buttons */

.navbox {float:right; margin: 30px 16px 30px 16px; cursor:default} /* match width with margin-right of content div */
.navbox td { border-left:solid 1px #C3C0C0; border-right:solid 1px #C3C0C0;color:Navy}
.navbox th.navbg {background-image: url(../images/tab/bg.gif); color: White; text-align:left;padding-bottom:6px;padding-left:10px;font-size:90%;width:7em}
.navbox ul { padding: 6px 0px 17px 6px; margin: 0px; background-color: #D4E7FA; list-style-type: none;border-left:solid 4px white;border-right:solid 4px white}
.navbox li { padding: 3px 2px 3px 4px;width:9em}
.navbox .bottom { background-image: url(../images/tab/b.gif)}
.navbox a { color: black; text-decoration:none}
.navbox a:hover {text-decoration: underline}
.navmr {margin-right:13.2em}

.content { margin: 20px}
.content h2 {padding-left: 14px}
.content p {padding-left:14px; margin-top:6px}
p.centered {padding:0px;text-align:center}
.content fieldset p {padding-left:0px}
.content li { margin: 6px}
.stepnumber { float: right; margin-right:10px}
.stepnumber td {font-weight:bold}
.help {margin: 40px 20px}

/* for superschedule tab bar */
.schedulenav { float: right; clear:right; margin: 20px 20px 2px 6px}
.schedulenav th#title {background-image: url(../images/usc/panel_bg.png);color:White;font-size:10pt;padding:0px 6px}
.schedulenav td {background-image: url(../images/usc/button_bg.gif);padding:2px;text-align:center}
.tabrow { background-image: url(../images/tab/row_bg.gif);padding-left:21px}
.tabrow td.unsel { background-image: url(../images/tab/unsel_bg.png);width:7.6em;text-align:center}
.tabrow a { color:Black;text-decoration:none}
.tabrow a:hover { text-decoration: underline}
.tabrow th { background-image: url(../images/tab/select_bg.gif);width:7.9em;cursor:default}

/* for headers and footers */
.breadcrumb,.footer { clear: both; float: none}
.breadcrumb { font-size:70%;line-height:3.3;padding: 0px 6px 0px 24px;  background-image: url(../images/header_bg.gif); color: #444444;cursor:default}
.breadcrumb a {color:#222222;cursor:pointer}
.nobread {font-size:1px;height:16px}
.footer {text-align: center; background-color: #b3c9df;color:#555655;font-size:10pt;line-height:2.5;margin-top:36px}
.footer small {font-family: Arial; font-size:11px}
.footer a {color: #555655; text-decoration:none}
.footer a:hover, .topmenu a:hover {text-decoration: underline}
.topmenu { position: absolute; top:4px;right:0px; padding-right:12px;cursor:default;z-index:90}
.topmenu li { list-style-type: none; display: inline; font-size: 80%; padding: 0px 6px; color:#444}
.topmenu a {color: #525253; text-decoration:none;cursor:pointer}
.topmenu img {vertical-align:middle;cursor:pointer}
a:hover#ca {text-decoration:line-through}
#flagbox {position:absolute;right:12px;top:20px}
#flagbox td:hover  {text-decoration:underline}

.menucontainer { background-image: url(../images/header_bg.gif)}
.menucontainer th {color:White; width:115px;font-weight:normal;font-size:13pt;cursor:default}
table#menubar {margin: 0px auto}
.menucontainer a { color: White; text-decoration:none;cursor:pointer}
.menucontainer a:hover { font-size: 120%}

/* stuff for forms */
.sumtable th { text-align: left; font-family: Arial, Helvetica, sans-serif; padding-right: 12px}
fieldset { background-color: #f4efdf}
fieldset { padding: 16px; margin:12px auto}
fieldset, .rnd {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px}
fieldset, span.search, table#outer {border:1px solid #c3c0c0}
.proclist { background-image: url(../images/process_arrows.gif); color: blue; background-repeat: no-repeat; list-style-type: none; list-style-position: inside; line-height: 52px; padding-left: 110px; margin: 12px 0px 0px 0px} /*  tidy up by putting in a table? */
.proclist li { margin: 0px}
ul#procbullet {line-height:77px;background-image:url(../images/process_bullet.gif); margin:0px}
.indenttable th { vertical-align: top;padding:4px}
.indenttable td { background-color: white;padding:4px 8px}
.conf_matrix th, .indic {color:blue;font-size:larger;vertical-align:top}
.conf_matrix .head th {width:68px;font-weight:normal;font-size:small}
.sstable th, .sstable td {border-bottom:solid 1px Gray;padding:4px}
pre { background-color: #eee; padding: 10px; font-size:75%}
span.search {padding:8px}
.w150 {width:150px}
.br {margin-top:62px}

/* new forms */
table#outer { margin:0px auto}
.fld th, .fld td, .row {padding:4px;margin:4px}
.fld h2, .row h2 {padding-left:0px}
.fld th {font-size:90%;text-align:left;padding:4px 2px 4px 4px;vertical-align:top}
h6 {font-size:90%;margin:0px 0px 4px 0px}
.req {vertical-align:top;padding-left:4px} /* color:red */
.hid1 {color:#446CAA}

/* error fields */
.fieldWithErrors, .badfield { padding: 4px 2px; background-color: red; display: inline}
.fieldWithErrorsTA {padding: 2px; background-color: red; display: table}
#errorExplanation { width: 500px; border: 2px solid red; padding: 7px; padding-bottom: 12px; margin-top: 20px; margin-bottom: 20px; background-color: #f4efdf; font-size: 90%}
#errorExplanation h2 { text-align: left; font-weight: bold; padding: 5px 5px 5px 15px; font-size: 12px; margin: -7px; background-color: #c00; color: white}
#errorExplanation p { margin-bottom: 0; padding: 5px; padding-top:10px}
#errorExplanation ul { margin-bottom: 0; list-style: square}

/* Fillers */
.of, .ofr, .ofl, .if, .ifr, .ifl, .tf, .ef, .ef1, .ef2, .ef3, .ef4, .efx {height: 1px; font-size: 1px; overflow: hidden}
.of {margin: 0px 2px} .ofl {margin: 0px 0px 0px 2px} .ofr {margin: 0px 2px 0px 0px}
.if {margin: 0px 1px} .ifl {margin: 0px 0px 0px 1px} .ifr {margin: 0px 1px 0px 0px}
.lb, .rb, .bb, .tb {border-width:1px}
.lb {border-left-style:solid} .rb {border-right-style:solid}

/* Dialog box */
div.dialogwindow { position:absolute}
.dialoghead { padding: 2px 8px; background-color: ActiveCaption; cursor: move;color:Window} /* CaptionText / HighlightText doesn't work for Safari 4 */
.close { background-color: ActiveCaption; border: 0px; cursor: pointer; padding:1px 7px 0px 0px}
.dialoginside { background-color:#FFF; border-style: solid; border-color: ActiveCaption; border-width: 1px 4px}
.ofb, .ifb, .ofbl, .ifbl { height: 1px; font-size: 1px; overflow: hidden; background-color: ActiveCaption}
.ofb {margin: 0px 2px}
.ifb {margin: 0px 1px}
.ofbl, .ofcl {margin: 0px 2px 0px 0px}
.ifbl, .ifcl {margin: 0px 1px 0px 0px}