h1,
h2,
h3 {
    color: #ed1c2e;
    margin: 0 10px 10px
}

li a,
p a {
    color: #C93
}

.header,
h3 a.more {
    text-transform: uppercase
}

h1 {
    font: 400 30px/32px "Open Sans", Georgia, "Times New Roman", Times, serif
}

h2 {
    font: 400 24px/28px "Open Sans", Georgia, "Times New Roman", Times, serif
}

h3 {
    font: 400 20px/24px "Open Sans", Georgia, "Times New Roman", Times, serif
}

.smalltext,
h5 {
    font-weight: 400
}

h3 a,
h3 a:hover {
    color: #fff
}

h3 a:hover {
    text-decoration: underline
}

li a,
p a,
ul.subnav li a,
ul.subnav li a:hover {
    text-decoration: none
}

h3 a.more {
    position: absolute;
    right: 10px;
    top: 14px;
    font-size: 11px;
    line-height: 14px;
    padding-right: 14px
}

h4,
h5 {
    font-size: 16px;
    line-height: 18px;
    color: #333;
    margin: 0 10px 10px
}

h3 a.more .arrow {
    background: url(/assets/img/arrow-nav.png) left bottom no-repeat;
    width: 10px;
    height: 10px;
    position: absolute;
    right: 0;
    top: 1px;
    text-indent: -9999em
}

hr {
    border: 0;
    width: 100%;
    color: silver;
    background-color: silver;
    height: 1px;
    text-align: center;
    margin-bottom: 10px;
    margin-top: 10px
}

blockquote {
    margin-left: 30px
}

dl,
ol,
p,
ul {
    margin: 0 10px 10px
}

li {
    margin: 0 15px 5px 25px
}

.float-left,
.float-right {
    width: auto!important;
    clear: none;
    margin: 0 10px 10px
}

ul>li {
    list-style: square
}

ul.blocks li,
ul.landing li,
ul.sitemap li,
ul.subnav li,
ul.tab-nav li,
ul.tools li {
    list-style: none
}

li a:hover,
p a:hover {
    color: #999
}

.smalltext {
    font-size: 10px
}

.align-left {
    text-align: left!important
}

.align-center {
    text-align: center!important
}

.align-right {
    text-align: right!important
}

.float-left {
    float: left!important
}

.float-right {
    float: right!important
}

.float-left img,
.float-right img {
    display: block;
    margin: 0 auto 5px
}

.keyline {
    border: 1px solid #333
}

ul.subnav {
    border-top: 1px solid #ddd;
    margin: 0 0 20px;
    font: 400 13px/18px "Open Sans", Helvetica, Arial, sans-serif
}

ul.subnav li {
    margin: 0;
    position: relative
}

ul.subnav li a {
    background: url(/assets/img/gradient.png) left bottom repeat-x #fff;
    display: block;
    color: #666;
    padding: 10px;
    border-bottom: 1px solid #ddd
}

ul.subnav li a:hover {
    background-color: #eee
}

ul.subnav li ul {
    margin: 0;
    font: 400 11px/14px Helvetica, Arial, sans-serif;
    border-bottom: 1px solid #ddd;
    padding: 10px 0 5px 10px
}

.redcross a,
.rr a {
    bottom: 10px;
    font-weight: 700
}

ul.subnav li ul li {
    margin: 0 0 5px
}

ul.subnav li ul li a {
    background: 0 0;
    display: inline;
    padding: 0;
    border: none
}

.redcross,
.rr {
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

ul.subnav li ul li a:hover {
    background: 0 0;
    color: #999
}

.redcross,
.rr {
    background: #fff
}

ul.subnav li a.sidebar-header-on,
ul.subnav li.on a {
    color: #ed1c2e
}

.rr p,
ul.subnav li.on.flyout ul li a {
    color: #666
}

ul.subnav li.flyout ul {
    position: absolute;
    left: -9999em;
    top: -10px;
    background: #fff;
    width: 210px;
    border: 1px solid #ddd;
    z-index: 999
}

ul.subnav li.flyout:hover ul {
    left: 162px;
	box-shadow: 0 0 6px #ccc;

}

ul.subnav li.flyout span.arrows {
    position: absolute;
    right: 10px;
    top: 1px
}

.rr {
    position: relative;
    padding: 70px 10px 10px
}

.rr a,
.rr h3,
.rr img {
    position: absolute
}

.rr img {
    right: 5px;
    top: 5px
}

.redcross h3,
.rr h3 {
    left: 10px;
    top: 20px;
    margin: 0
}

.rr h3 {
    font-size: 16px;
    line-height: 18px;
    width: 100px
}

.rr a,
.rr p {
    font-size: 11px;
    line-height: 16px
}

.rr p {
    margin: 0
}

.rr a {
    right: 10px;
    color: #ed1c2e
}

.redcross {
    position: relative;
    padding: 1px 10px 10px
}

.redcross img {
    position: relative;
    right: 5px
}

.redcross h3 {
    font-size: 16px;
    line-height: 18px;
    position: absolute;
    width: 155px
}

.redcross a,
.redcross p {
    line-height: 16px;
    font-size: 11px
}

.redcross p {
    color: #666;
    margin: 0
}

.redcross a {
    position: absolute;
    right: 10px;
    color: #ed1c2e
}

.breadcrumb {
    font-size: 11px;
    margin: 0 10px 20px;
    color: #999
}

.breadcrumb a {
    color: #999
}

.breadcrumb a:hover {
    color: #333
}

ul.tools {
    background: #ed1c2e;
    width: 200px;
    margin: 0 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(assets/js/PIE.htc)
}

ul.tools li {
    margin: 0;
    padding: 8px 12px;
    background: url(/assets/img/gradient.png) left bottom repeat-x;
    text-shadow: 0 1px 3px rgba(0, 0, 0, .4);
    display: block;
    color: #fff;
    border-bottom: 1px solid #999
}

#aux ul.tools li a,
ul.tools li a {
    color: #fff;
    font: 400 13px/18px "Open Sans", Helvetica, Arial, sans-serif;
    text-decoration: none
}

#aux ul.tools li a:hover,
ul.tools li a:hover {
    color: #fff;
    text-decoration: underline
}

#aux ul li a,
.message p a,
table td a,
table.audit td a,
ul.features li h3 a {
    text-decoration: none
}

ul.tools li.tools-login {
    border: none
}

ul.blocks,
ul.landing li a,
ul.landing li.nonlink {
    border: 1px solid #ddd;
    behavior: url(assets/js/PIE.htc)
}

ul.tools li.tools-login h4 {
    color: #fff;
    font: 400 14px/18px "Open Sans", Helvetica, Arial, sans-serif;
    margin: 0 0 10px;
    font-weight: 400
}

ul.tools li.tools-login label {
    font: 700 11px/14px Helvetica, Arial, sans-serif;
    margin: 0 0 4px;
    display: block
}

ul.tools li.tools-login>input {
    width: 158px;
    margin: 0 0 10px
}

ul.tools li.tools-login .form-submit {
    margin: 0 0 6px
}

ul.landing {
    margin-right: 0
}

ul.landing li {
    display: inline;
    margin: 0
}

ul.landing li a,
ul.landing li.nonlink {
    float: left;
    width: 48%;
    height: 120px;
    margin: 0 8px 8px 0;
    background: url(/assets/img/gradient.png) left bottom repeat-x #eee;
    position: relative;
    padding: 10px 10px 0 90px;
    color: #000;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    text-decoration: none
}

ul.blocks li,
ul.landing li.nonlink a {
    float: none;
    height: auto;
    padding: 0;
    margin: 0
}

ul.landing li img {
    position: absolute;
    left: 5px;
    top: 10px
}

ul.landing li h3 {
    font: 400 14px/16px "Open Sans", Helvetica, Arial, sans-serif;
    margin: 0 0 3px
}

ul.landing li p {
    font-size: 11px;
    line-height: normal;
    margin: 0
}

ul.landing li a:hover {
    background-color: #fff
}

ul.landing li a:hover p {
    color: #333
}

ul.landing li.nonlink a {
    width: auto;
    display: inline;
    border: none;
    background: 0 0
}

ul.blocks li,
ul.tab-nav {
    border-bottom: 1px solid #ddd
}

ul.landing li.nonlink a:hover {
    color: #333;
    background: 0 0
}

ul.blocks {
    background: #fff;
    font: 14px/18px "Open Sans", Helvetica, Arial, sans-serif;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}

ul.blocks li {
    font-size: 14px
}

ul.blocks li .accordion-header {
    display: block;
    color: #666;
    background: url(/assets/img/gradient.png) left bottom repeat-x;
    padding: 8px 10px;
    position: relative;
    cursor: pointer
}

ul.blocks li .arrow {
    background: url(/assets/img/icon-arrow.png) left top no-repeat;
    width: 12px;
    height: 12px;
    display-dep: inline-block;
	    display: none;

    position: relative;
    margin-left: 5px;
    top: 1px
}

ul.blocks li .ui-state-active .arrow {
    background-position: left bottom
}

ul.blocks li .accordion-header:hover,
ul.blocks li>a:hover {
    background-color: #eee
}

ul.blocks li .accordion-content {
    padding: 20px 10px 10px;
    font: 400 12px/18px Helvetica, Arial, sans-serif
}

.tab {
    background: #fff;
    border: 1px solid #ddd;
    margin: 0 10px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    behavior: url(assets/js/PIE.htc)
}

ul.tab-nav {
    display: block;
    font: italic 14px/18px "Open Sans", Helvetica, Arial, sans-serif;
    background: url(/assets/img/gradient.png) left bottom repeat-x;
    padding: 0 0 0 10px;
    position: relative;
    cursor: pointer;
    margin: 0;
    height: 34px
}

.header,
dl.totals dd,
ul.sitemap {
    font-weight: 700
}

ul.tab-nav li {
    float: left;
    margin: 0;
    padding: 0 15px 0 0
}

ul.tab-nav li a {
    display: block;
    color: #666;
    padding: 8px 0 0;
    height: 26px
}

.header a.sort,
a.remove {
    text-indent: -9999em;
    display: inline-block
}

ul.tab-nav li.ui-tabs-selected a {
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    padding-left: 10px;
    padding-right: 10px;
    height: 27px;
    background: #fff
}

.tab-content {
    padding: 20px 10px 10px
}

table td,
table th {
    padding: 6px 10px;
    border: 1px solid #ddd;
    text-align: left
}

.ui-tabs-hide {
    position: absolute;
    left: -9999em
}

#aux h3 {
    font-size: 18px;
    margin: 0 0 10px 10px
}

#aux ul {
    margin: 0 0 10px;
    font-size: 11px;
    line-height: 16px
}

#aux ul li a {
    color: #666
}

#aux ul li a:hover {
    color: #999
}

.header {
    position: relative;
    font-size: 11px;
    line-height: 14px;
    color: #666;
    height: 20px;
    margin: 0 10px
}

.header label,
.header span {
    position: absolute;
    top: 0
}

.header label.header-check {
    left: 8px;
    text-transform: none;
    color: #999
}

.header label.header-check input {
    margin-right: 3px
}

.header a.sort {
    width: 8px;
    height: 12px;
    background: url(/assets/img/arrow-sort.gif) center top no-repeat;
    text-align: left;
    margin-left: 2px
}

table,
table.audit {
    width: 800px;
    border-collapse: collapse;
    text-shadow: 0 1px 0 #fff
}

.header a.sort-up {
    background-position: left top
}

.header a.sort-down {
    background-position: right top
}

table {
    margin: 0 10px 10px
}

table th {
    margin: 0;
    vertical-align: bottom;
    border-bottom: 3px double #ccc
}

table td {
    margin: 0;
    vertical-align: top
}

table.audit {
    margin: 0
}

table.audit th {
    border: 1px solid #ddd;
    margin: 0;
    padding: 2px 4px;
    text-align: left;
    vertical-align: bottom;
    border-bottom: 3px double #ccc
}

table.audit td,
table.skinny td {
    text-align: left;
    vertical-align: top;
    margin: 0
}

table.audit td {
    border: 1px solid #ddd;
    padding: 2px
}

table .alt td,
table .alt th,
table .alt tr {
    background: #eee
}

table.skinny td {
    border: 0 solid #ddd;
    padding: 12px 0 0;
    background-color: #fff
}

table.billpay {
    margin: 0;
    border-collapse: collapse;
    text-shadow: 0 1px 0 #fff;
    width: auto
}

table.billpay td {
    border: none
}

dl.totals {
    text-align: right;
    font-size: 14px
}

dl.totals dt {
    float: left;
    width: 66%;
    height: 24px
}

dl.totals dd {
    float: right;
    width: 33%;
    height: 24px
}

dl.totals dd.totals-final,
dl.totals dt.totals-final {
    font-size: 16px;
    height: 26px
}

dl.totals dd.totals-final {
    color: #ed145a
}

a.remove {
    background: url(/assets/img/icon-sheet.png) right top no-repeat;
    width: 20px;
    height: 20px;
    cursor: pointer;
    text-align: left
}

a.remove:hover {
    background-position: right bottom
}

ul.sitemap {
    font-size: 14px
}

ul.sitemap li {
    border: 1px solid #ddd;
    padding: 10px;
    margin-left: 0;
    margin-right: 0
}

ul.sitemap li ul {
    margin: 10px 0 0;
    border-top: 1px solid #eee;
    padding: 5px;
    font-size: 12px
}

ul.sitemap li ul li {
    border: none;
    border-bottom: 1px solid #eee;
    padding: 5px;
    margin: 0
}

ul.sitemap li ul li ul {
    border: none;
    margin: 0;
    padding: 10px 0 0;
    font-weight: 400
}

ul.sitemap li ul li ul li {
    border: none;
    padding: 0;
    margin: 0 15px 5px 25px;
    list-style: square
}

.message {
    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff
}

.message ol,
.message p,
.message ul {
    margin: 0 0 5px
}

.message-green {
    background-color: #d7e7b6
}

.message-yellow {
    background-color: #fbf3bf
}

.message-red {
    background-color: #f7d9d9
}

#admin {
    background: #eee;
    border: 1px solid #ddd;
    text-shadow: 0 1px 0 #fff;
    margin: 10px 20px 0;
    padding: 9px 9px 8px;
    position: relative;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

#admin dl {
    width: 501px;
    margin: 0
}

#admin dl dt {
    float: left;
    width: 100px;
    padding: 3px 0;
    font-weight: 700
}

#admin dl dd {
    float: left;
    width: 150px;
    padding: 3px 0
}

#admin dl dd.admin-user {
    width: 400px
}

#admin ul {
    position: absolute;
    right: 9px;
    top: 9px;
    margin: 0
}

#admin ul li {
    display: inline;
    list-style: none;
    margin: 0
}

.tooltip .tooltip-query,
.tooltip .tooltip-stop {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px;
    text-indent: -9999em
}

.tooltip a.tooltip-text,
.tooltip span.tooltip-text {
    margin: 0 5px;
    font-weight: 700;
    font-size: 11px
}

.tooltip {
    position: relative;
    text-align: left
}

.tooltip .tooltip-query {
    background: url(/assets/img/icon-tips.png) -2px -22px no-repeat
}

.tooltip .tooltip-stop {
    background: url(/assets/img/icon-tips.png) -2px -2px no-repeat
}

.tooltip span.tooltip-text {
    color: #666;
    cursor: help
}

.tooltip .tooltip-content {
    display: none;
    position: absolute;
    right: 0;
    bottom: 15px;
    width: 250px;
    padding: 14px;
    text-align: left;
    background: #fbf3bf;
    border: 1px solid #ccc;
    font-weight: 400;
    box-shadow: 0 0 10px #ccc;
    text-shadow: 0 1px 0 #fff;
    font-size: 12px;
    line-height: 18px;
    letter-spacing: 0;
    color: #333;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    behavior: url(assets/js/PIE.htc)
}

.box,
.message {
    background: #f1efed
}

.tooltip .tooltip-downward {
    top: 15px!important;
    bottom: auto!important
}

.tooltip .tooltip-content a {
    font-weight: 700
}

.active .tooltip-content,
.tooltip:hover .tooltip-content {
    display: block!important
}

.tooltip:hover {
    z-index: 9999
}

.box {
    margin: 0 10px 20px;
    padding: 15px 15px 10px;
    font-size: 14px;
    line-height: 20px;
    text-shadow: 0 1px 0 #fff;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px
}

.message {
    padding: 20px 20px 15px;
    margin: 0 0 15px;
    -moz-border-radius: 5px;
    -khtml-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.message h4,
.message p {
    margin: 0 0 5px!important;
    text-shadow: #ddd 0 1px 0
}

.message p {
    font: 700 12px/18px Helvetica, Arial, sans-serif!important;
    color: #333
}

.message h4 {
    font: 700 14px/18px Helvetica, Arial, sans-serif!important;
    color: red
}

.message p a {
    color: #333;
    border-bottom: 1px dotted #333
}

.caution {
    background: #fc0!important
}

.error {
    background: #c00!important
}

.success {
    background: #690!important
}

.error p,
.error p a,
.success p,
.success p a {
    color: #fff!important;
    text-shadow: #666 0 1px 0
}

.error p a,
.success p a {
    border-bottom: 1px dotted #fff!important
}

.calendar {
    background: #fff;
    width: 300px;
    z-index: 1000;
    padding: 0;
    box-shadow: 0 0 25px rgba(0, 0, 0, .3)
}

.calendar table {
    width: 300px;
    margin: 0
}

.tooltipwide {
    position: relative
}

.tooltipwide:hover {
    z-index: 25
}

.tooltipwide span {
    display: none;
    position: absolute;
    top: 1em;
    left: 1em;
    padding: 2px;
    border: 1px solid #000;
    width: 200px;
    background-color: silver
}

.tooltipwide:hover span {
    display: block;
    color: #fff;
    text-shadow: none
}

ul.features {
    margin: 0 20px 0 0;
    position: relative
}

ul.features li {
    margin: 0 0 0 20px;
    float: left;
    list-style: none;
    width: 200px
}

ul.features li img {
    border: 2px solid #ccc;
    margin: 0 0 10px;
    display: block
}

ul.features li h3 {
    font-size: 20px;
    line-height: 20px;
    margin: 0 0 10px;
    position: relative
}

ul.features li h3 a {
    color: #ed1c2e
}

ul.features li p {
    font-size: 11px;
    line-height: 16px;
    margin: 0 0 10px;
    width: 80%
}

ul.features li.features-right {
    width: 100%;
    float: left;
    margin: 0
}

ul.features .features-rr {
    border: 1px solid #ddd;
    padding: 10px 80px 1px 10px;
    position: relative;
    margin: 0 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(assets/js/PIE.htc);
    background: url(/assets/img/gradient.png) left bottom repeat-x #eee
}

ul.features .features-rr img {
    border: none;
    position: absolute;
    right: -15px;
    top: -12px
}

ul.features .features-rr img.ambest {
    border: none;
    position: absolute;
    right: -15px;
    top: 30px
}

ul.features .features-rr a.button {
    position: absolutedep;
    right: 10px;
    bottom: 10px;
    margin-bottom: 10px
}

#aux .features-right .features-rr li p {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 10px
}

#aux .features li.features-right {
    width: 260px;
    float: right;
    margin: 0
}

#aux .features-right .features-rr {
    background: #eee;
    border: 1px solid #ddd;
    padding: 5px;
    position: relative;
    margin: 0 0 20px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    behavior: url(assets/js/PIE.htc)
}

#aux .features-right .features-rr img.awards {
    border: none;
    position: absolute;
    right: -20px;
    top: -10px
}

#aux .features-right .features-rr h3.awards {
    font-size: 20px;
    line-height: 24px;
    margin: 50px 5px 5px
}

#aux .features-right .features-rr a.button {
    position: absolutedep;
    right: 10px;
    bottom: 10px;
    margin-bottom: 10px;
    color: #fff;
    margin-left: 5px
}

table.noborder td {
    border: 0px solid #ddd;
    margin: 0;
    margin-left: 0px;
    padding: 0px 0px;
    padding-top: 12px;
    text-align: left;
    vertical-align: top;
    background-color: transparent;
    ;
}

table.noborder td a {
    color: #cc9933;
}



.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}