/** Core Elements **/
html, body {
  height: 100%;
}
body {
  color: #404042;
  font-family: arial;
  font-size: 11px;
  line-height: 16px;
  margin: 0 auto;
  padding: 0px;
}
a { color: #404042; }
a:active { text-decoration: none; }
a:hover { text-decoration: none; }
a:visited { }
a:visited:hover { text-decoration: none; }
ul { padding:0px; margin-left:30px; margin-right:0px; margin-top:2px; margin-bottom:5px; }
br { line-height:9px; }
h1 { font-family:arial; font-size:13px; color:#006FBE; line-height:16px; font-weight:bold; margin:0; padding:0; }
h2 { font-family:arial; font-size:12px; color:#666666; line-height:16px; font-weight:bold; margin:0; padding:0; }
h2.tableTitle { color:#000000; margin-bottom:15px; }
h2.tableTitle .parenthesis { font-size:10px; font-weight:normal; }
h3 { font-family:arial; font-size:11px; color:#666666; line-height:16px; margin:0; padding:0; }
.required { color:red; }
form { margin:0px; padding:0px; }
input { font-family:arial; font-size:11px; }
select { font-family:arial; font-size:11px; }
button { font-family:arial; font-size:11px; }
textarea { font-family:arial; font-size:11px; }
textarea.shortform { font-family:arial; font-size:11px; width:250px; height:100px; }
textarea.largeform { font-family:arial; font-size:11px; width:250px; height:250px; }
.clear { float:none; clear:both; height:0; }
.dottedline { height:5px; border-bottom:1px dashed #cccccc; margin-bottom:13px; clear:both; }
.verticalContainer { float:left; width:363px; }

/** Table elements **/
table.standard { margin-bottom:15px; border:1px solid #CCCCCC; width:363px; border-collapse:collapse; }
table.standard tr.headerRow { background-image:url(../images/theadbg.png); }
table.standard tr.headerRow td { color:#FFFFFF; font-weight:bold; padding-left:8px; padding-right:8px; }
table.standard tr.subheaderRow { background-color:#A3A3A3; }
table.standard tr.subheaderRow td { color:#FFFFFF; }
table.standard tr.subheaderRow td.highlight { font-weight:bold; }
table.standard tr.subheaderRow td.week { }
table.standard tr.subheaderRow td.month { font-weight:bold; }
table.standard tr.standardRow td.highlight { font-weight:bold; }
table.standard tr.standardRow td.greenhighlight { font-weight:bold; color:green; }
table.standard tr.standardRow td.week { border-left:1px solid #666666; }
table.standard tr.standardRow td.month { border-left:1px solid #666666; font-weight:bold; }
table.standard tr.altRow { background-color:#f2f2f2; }
table.standard tr.altRow td.highlight { font-weight:bold; }
table.standard tr.altRow td.greenhighlight { font-weight:bold; color:green; }
table.standard tr.altRow td.week { border-left:1px solid #666666; }
table.standard tr.altRow td.month { border-left:1px solid #666666; font-weight:bold;}
table.standard td.label { text-align:right; }
table.long { width:741px; }
table.medium { width:525px; }
table.standardshort { float:left; margin-bottom:15px; border:1px solid #CCCCCC; width:125px; }
table.standard.wide { width: 100%; }
table.standard.auto { width: auto; }
/* Use 'odd' and 'even' instead of 'standardRow'/'altRow', to allow _parity usage */
table.standard tr.even td.highlight { font-weight:bold; }
table.standard tr.even td.greenhighlight { font-weight:bold; color:green; }
table.standard tr.even td.week { border-left:1px solid #666666; }
table.standard tr.even td.month { border-left:1px solid #666666; font-weight:bold; }
table.standard tr.odd { background-color:#f2f2f2; }
table.standard tr.odd td.highlight { font-weight:bold; }
table.standard tr.odd td.greenhighlight { font-weight:bold; color:green; }
table.standard tr.odd td.week { border-left:1px solid #666666; }
table.standard tr.odd td.month { border-left:1px solid #666666; font-weight:bold;}
table.altrows tr:nth-child(2n+1) {
  background-color:#f2f2f2;
}
table.stdrows tr:nth-child(2n) {
  background-color:#f2f2f2;
}
table.standard th, table.standard td {
    padding: 4px;
}

/* Width */
.old-width {
  width: 741px;
}

#content, #nav-inner, #subnav-inner, #footer-inner {
  width: 95%;
  min-width: 741px;
}

/* Navigation Layout */
#main {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -38px;
}
#nav {
  height: 32px;
  background-image: url(../images/navbackground.png);
}
.nav_logo {
  float: left;
  padding: 4px 10px 3px 0;
  border-right: 1px solid #92d1eb;
  width: 54px;
  height: 24px;
}
#nav-inner {
  margin: 0 auto;
  height: 31px;
}
#nav-inner .nav_on {
  display: block;
  float: left;
  height: 21px;
  border: 1px solid #DDDDDD;
  border-bottom: 0px;
  border-top: 0px;
  font-weight: bold;
  color: #383839;
  background-color: #f2f2f2;
  font-size: 12px;
  padding: 8px 10px 3px 10px;
  text-decoration: none;
}
#nav-inner .nav_off { display:block; float:left; height:21px;  font-weight:bold; color:white; font-size:12px; padding:8px 10px 3px 10px; text-decoration:none; }
#nav-inner .nav_off:hover { color:#383839; background-color:#f2f2f2; }
#nav-inner .feedback_nav_off { display:block; float:left; height:21px;  font-weight:normal; color:yellow; font-size:12px; padding:8px 10px 3px 10px; text-decoration:none; }
#nav-inner .feedback_nav_off:hover { color:#383839; background-color:#f2f2f2; }
#subnav { font-size:12px; line-height:26px; height:26px; background-color:#f2f2f2; border-bottom:1px solid #DDDDDD; padding-right: 10px; }
#subnav a { color:#383839; }
#subnav .subnav_off { text-decoration:none; padding:0px 7px; }
#subnav .subnav_off:hover { text-decoration:underline; font-weight:normal;}
#subnav .subnav_on { text-decoration:underline; padding:0px 7px; }
#subnav .subnav_on:hover { text-decoration:underline; font-weight:normal; }
#errorbox { width:300px; background-color:#FFCCCC; border:1px solid red; padding:10px; }
#errorbox span { color:red; }
#messagebox { width:341px; background-color:#EEEEEE; border:1px solid green; padding:10px; margin-bottom:15px; }
#messagebox span { color:green; font-weight:bold;}

#content {
  margin: 15px auto 0;
}

#subnav-inner, #footer-inner {
  margin: 0 auto;
}

.wrapper-push {
  height: 50px;
}

#footer {
  width: 100%;
  height: 18px;
  margin-top: 10px;
  padding-top: 5px;
  padding-bottom: 3px;
  background-color: #f2f2f2;
  text-align: center;
  font-size: 10px;
  border-top: 1px solid #DDDDDD;
}

.logout_link {
  float: right;
  margin-right: 5px;
}
.admin-search-input {
  width: 140px;
  border: 1px solid #CCC;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  padding: 5px;
  margin-right: 5px;
  float: right;
  margin-top: 3px;
}
.admin-search-button {
  float: right;
  margin-top: 3px;
}

table.login-table { border-collapse: collapse; border: 0; }
table.login-table tr td, table.login-table tr th { padding: 4px; }

/* Notification message */
.message-box {
  position: fixed;
  background-color: rgba(0, 153, 51, 0.9);
  z-index: 100;
  text-align: center;
  font-weight: bold;
  vertical-align: middle;
  padding: 5px 0;
  display: block;
  color: white;
  font-size: 1.5em;
  width: 705px;
}

/* Icons */
.support-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_support.gif);
  background-repeat: no-repeat;
}

.ticket-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_ticket.gif);
  background-repeat: no-repeat;
}

.followup-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_followup.gif);
  background-repeat: no-repeat;
}

.lightning-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/lightning.png);
  background-repeat: no-repeat;
}

.pdf-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_pdf.png);
  background-repeat: no-repeat;
}

/* Navigation styles */
.back-icon {
  display: inline-block;
  height: 16px;
  padding-left: 18px;
  vertical-align: bottom;
  background-image: url(../images/icon_back.gif);
  background-repeat: no-repeat;
  background-position: 0 3px;
  text-decoration: underline;
}
.back-icon:hover {
  cursor: pointer;
  text-decoration: none;
}

.plus-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_plus.png);
  background-repeat: no-repeat;
  text-decoration: underline;

  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.plus-icon:hover {
  cursor: pointer;
  text-decoration: none;
}

.delete-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_delete.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}
.delete-icon:hover {
  cursor: pointer;
  text-decoration: none;
}

.edit-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_edit.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}
.edit-icon:hover {
  cursor: pointer;
  text-decoration: none;
}

.phone-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_phone.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}

.dollar-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_dollar.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}

.package-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/package_icon.png);
  background-repeat: no-repeat;
  text-decoration: underline;
}

.binoculars-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/binoculars_icon.png);
  background-repeat: no-repeat;
  text-decoration: underline;
}

.knowledge-icon {
  display: inline-block;
  height: 16px;
  padding-left: 20px;
  vertical-align: bottom;
  background-image: url(../images/icon_edit.gif);
  background-repeat: no-repeat;
  text-decoration: underline;
}

.warning-icon-large {
  background: url(../images/warning48.png) no-repeat;
  display: inline-block;
  vertical-align: bottom;
  height: 44px;
  padding-left: 50px;
}

.warning-icon-small {
  background: url(../images/warning16.png) no-repeat;
  display: inline-block;
  vertical-align: bottom;
  height: 16px;
  padding-left: 24px;
}

.check-icon {
  background: url(../images/check16.png) no-repeat;
  display: inline-block;
  vertical-align: bottom;
  height: 16px;
  padding-left: 24px;
}

.check-icon-large {
  background: url(../images/check48.png) no-repeat;
  display: inline-block;
  vertical-align: bottom;
  height: 44px;
  padding-left: 50px;
}

.info-icon {
  background: url(../images/info.png) no-repeat;
  display: inline-block;
  vertical-align: bottom;
  height: 16px;
  padding-left: 24px;
}

/* Images */
img {
  border: 0;
}

/* override default jQuery UI styles */
.ui-tabs.ui-widget {
  font-family: inherit;
  font-size: inherit;
}

.app-errorbox, .app-successbox, .app-infobox, .app-yellow-infobox {
  font-weight: bold;
  margin-top: 10px;
  margin-bottom: 10px;
  padding: 10px;
}

.app-errorbox {
   background-color: #FFE5E5;
   border: 1px solid #F00;
   color: #F00;
}

.app-successbox {
  background-color: #E5F7E8;
  border: 1px solid #04AF1C;
  color: #04AF1C;
}

.app-infobox {
  background-color: #EEE;
  border: 1px solid #999;
  color: black;
}

.app-yellow-infobox {
  background-color: #FFFCD9;
  border: 1px solid #999;
  color: black;
}

/* reduce ugliness of flash of unstyled content for tabs */

#tab {
  padding: 1em 1.4em;
}

#tabs > ul {
  margin: 0;
}

#tabs > ul:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

#tabs > ul li {
  list-style: none;
  float: left;
}

#tabs > ul a {
  text-decoration: none;
  padding: 0 15px;
  line-height: 34px;
  font-size: 13px;
}