div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {
    height: 13px
}

div.pp_default .pp_top .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat
}

div.pp_default .pp_top .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x
}

div.pp_default .pp_top .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat
}

div.pp_default .pp_content .ppt {
    color: #f8f8f8
}

div.pp_default .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;
    padding-left: 13px
}

div.pp_default .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;
    padding-right: 13px
}

div.pp_default .pp_next:hover {
    background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
    cursor: pointer
}

div.pp_default .pp_previous:hover {
    background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
    cursor: pointer
}

div.pp_default .pp_expand {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
    cursor: pointer;
    height: 28px;
    width: 28px
}

div.pp_default .pp_expand:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
    cursor: pointer
}

div.pp_default .pp_contract {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
    cursor: pointer;
    height: 28px;
    width: 28px
}

div.pp_default .pp_contract:hover {
    background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
    cursor: pointer
}

div.pp_default .pp_close {
    background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
    cursor: pointer;
    height: 30px;
    width: 30px
}

div.pp_default .pp_gallery ul li a {
    background: url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;
    border: 1px solid #aaa
}

div.pp_default .pp_social {
    margin-top: 7px
}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {
    left: auto;
    position: static
}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;
    height: 30px;
    width: 30px
}

div.pp_default .pp_nav .pp_pause {
    background-position: -51px -29px
}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {
    background: url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;
    height: 20px;
    margin: 4px 0 0;
    width: 20px
}

div.pp_default a.pp_arrow_next {
    background-position: -82px -3px;
    left: 52px
}

div.pp_default .pp_content_container .pp_details {
    margin-top: 5px
}

div.pp_default .pp_nav {
    clear: none;
    height: 30px;
    position: relative;
    width: 110px
}

div.pp_default .pp_nav .currentTextHolder {
    color: #999;
    font-family: Georgia;
    font-size: 11px;
    font-style: italic;
    left: 75px;
    line-height: 25px;
    margin: 0;
    padding: 0 0 0 10px;
    position: absolute;
    top: 2px
}

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {
    opacity: 0.7
}

div.pp_default .pp_description {
    font-size: 11px;
    font-weight: 700;
    line-height: 14px;
    margin: 5px 50px 5px 0
}

div.pp_default .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat
}

div.pp_default .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x
}

div.pp_default .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat
}

div.pp_default .pp_loaderIcon {
    background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat
}

div.light_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat
}

div.light_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat
}

div.light_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_rounded .pp_close {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.light_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat
}

div.light_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat
}

div.light_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat
}

div.light_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_top .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat
}

div.dark_rounded .pp_top .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat
}

div.dark_rounded .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y
}

div.dark_rounded .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y
}

div.dark_rounded .pp_next:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_rounded .pp_close {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.dark_rounded .pp_description {
    color: #fff;
    margin-right: 85px
}

div.dark_rounded .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_rounded .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat
}

div.dark_rounded .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat
}

div.dark_rounded .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat
}

div.dark_rounded .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat
}

div.dark_rounded .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat
}

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {
    background: #000
}

div.dark_square .pp_description {
    color: #fff;
    margin: 0 85px 0 0
}

div.dark_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat
}

div.dark_square .pp_expand {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_expand:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.dark_square .pp_contract:hover {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.dark_square .pp_close {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.dark_square .pp_nav {
    clear: none
}

div.dark_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.dark_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat
}

div.dark_square .pp_arrow_next {
    background: url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat
}

div.dark_square .pp_next:hover {
    background: url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.dark_square .pp_previous:hover {
    background: url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.light_square .pp_expand {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_expand:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.light_square .pp_contract:hover {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.light_square .pp_close {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 75px
}

div.light_square .pp_nav .pp_play {
    background: url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;
    height: 15px;
    width: 14px
}

div.light_square .pp_arrow_previous {
    background: url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat
}

div.light_square .pp_arrow_next {
    background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat
}

div.light_square .pp_next:hover {
    background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.light_square .pp_previous:hover {
    background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_top .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat
}

div.facebook .pp_top .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x
}

div.facebook .pp_top .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat
}

div.facebook .pp_content_container .pp_left {
    background: url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y
}

div.facebook .pp_content_container .pp_right {
    background: url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y
}

div.facebook .pp_expand {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_expand:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;
    cursor: pointer
}

div.facebook .pp_contract:hover {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;
    cursor: pointer
}

div.facebook .pp_close {
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;
    cursor: pointer;
    height: 22px;
    width: 22px
}

div.facebook .pp_description {
    margin: 0 37px 0 0
}

div.facebook .pp_loaderIcon {
    background: url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat
}

div.facebook .pp_arrow_previous {
    background: url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_previous.disabled {
    background-position: 0 -96px;
    cursor: default
}

div.facebook .pp_arrow_next {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;
    height: 22px;
    margin-top: 0;
    width: 22px
}

div.facebook .pp_arrow_next.disabled {
    background-position: -32px -96px;
    cursor: default
}

div.facebook .pp_nav {
    margin-top: 0
}

div.facebook .pp_nav p {
    font-size: 15px;
    padding: 0 3px 0 4px
}

div.facebook .pp_nav .pp_play {
    background: url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_nav .pp_pause {
    background: url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;
    height: 22px;
    width: 22px
}

div.facebook .pp_next:hover {
    background: url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;
    cursor: pointer
}

div.facebook .pp_previous:hover {
    background: url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;
    cursor: pointer
}

div.facebook .pp_bottom .pp_left {
    background: url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat
}

div.facebook .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x
}

div.facebook .pp_bottom .pp_right {
    background: url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat
}

div.pp_pic_holder a:focus {
    outline: none
}

div.pp_overlay {
    background: #000;
    display: none;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 9500
}

div.pp_pic_holder {
    display: none;
    position: absolute;
    width: 100px;
    z-index: 10000
}

.pp_content {
    height: 40px;
    min-width: 40px
}

* html .pp_content {
    width: 40px
}

.pp_content_container {
    position: relative;
    text-align: left;
    width: 100%
}

.pp_content_container .pp_left {
    padding-left: 20px
}

.pp_content_container .pp_right {
    padding-right: 20px
}

.pp_content_container .pp_details {
    float: left;
    margin: 10px 0 2px
}

.pp_description {
    display: none;
    margin: 0
}

.pp_social {
    float: left;
    margin: 0
}

.pp_social .facebook {
    float: left;
    margin-left: 5px;
    overflow: hidden;
    width: 55px
}

.pp_social .twitter {
    float: left
}

.pp_nav {
    clear: right;
    float: left;
    margin: 3px 10px 0 0
}

.pp_nav p {
    float: left;
    margin: 2px 4px;
    white-space: nowrap
}

.pp_nav .pp_play, .pp_nav .pp_pause {
    float: left;
    margin-right: 4px;
    text-indent: -10000px
}

a.pp_arrow_previous, a.pp_arrow_next {
    display: block;
    float: left;
    height: 15px;
    margin-top: 3px;
    overflow: hidden;
    text-indent: -10000px;
    width: 14px
}

.pp_hoverContainer {
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2000
}

.pp_gallery {
    display: none;
    left: 50%;
    margin-top: -50px;
    position: absolute;
    z-index: 10000
}

.pp_gallery div {
    float: left;
    overflow: hidden;
    position: relative
}

.pp_gallery ul {
    float: left;
    height: 35px;
    margin: 0 0 0 5px;
    padding: 0;
    position: relative;
    white-space: nowrap
}

.pp_gallery ul a {
    border: 1px rgba(0, 0, 0, 0.5) solid;
    display: block;
    float: left;
    height: 33px;
    overflow: hidden
}

.pp_gallery ul a img {
    border: 0
}

.pp_gallery li {
    display: block;
    float: left;
    margin: 0 5px 0 0;
    padding: 0
}

.pp_gallery li.default a {
    background: url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;
    display: block;
    height: 33px;
    width: 50px
}

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
    margin-top: 7px !important
}

a.pp_next {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: right;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_previous {
    background: url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;
    display: block;
    float: left;
    height: 100%;
    text-indent: -10000px;
    width: 49%
}

a.pp_expand, a.pp_contract {
    cursor: pointer;
    display: none;
    height: 20px;
    position: absolute;
    right: 30px;
    text-indent: -10000px;
    top: 10px;
    width: 20px;
    z-index: 20000
}

a.pp_close {
    display: block;
    line-height: 22px;
    position: absolute;
    right: 0;
    text-indent: -10000px;
    top: 0
}

.pp_loaderIcon {
    display: block;
    height: 24px;
    left: 50%;
    margin: -12px 0 0 -12px;
    position: absolute;
    top: 50%;
    width: 24px
}

#pp_full_res {
    line-height: 1 !important
}

#pp_full_res .pp_inline {
    text-align: left
}

#pp_full_res .pp_inline p {
    margin: 0 0 15px
}

div.ppt {
    color: #fff;
    display: none;
    font-size: 17px;
    margin: 0 0 5px 15px;
    z-index: 9999
}

div.pp_default .pp_content, div.light_rounded .pp_content {
    background-color: #fff
}

div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {
    color: #000
}

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {
    border-color: #fff
}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {
    position: relative
}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {
    background: #fff
}

div.light_rounded .pp_description, div.light_square .pp_description {
    margin-right: 85px
}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
    margin-top: 12px !important
}

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {
    background-position: 0 -87px;
    cursor: default
}

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {
    background-position: -22px -87px;
    cursor: default
}

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {
    background: url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat
}

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {
    background: url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat
}

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {
    color: #c4c4c4
}

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {
    color: #fff
}

.pp_top, .pp_bottom {
    height: 20px;
    position: relative
}

* html .pp_top, * html .pp_bottom {
    padding: 0 20px
}

.pp_top .pp_left, .pp_bottom .pp_left {
    height: 20px;
    left: 0;
    position: absolute;
    width: 20px
}

.pp_top .pp_middle, .pp_bottom .pp_middle {
    height: 20px;
    left: 20px;
    position: absolute;
    right: 20px
}

* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {
    left: 0;
    position: static
}

.pp_top .pp_right, .pp_bottom .pp_right {
    height: 20px;
    left: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.pp_fade, .pp_gallery li.default a img {
    display: none
}

.pp_social {
    display: none;
}

/*subtheme*/
body {
    font: 13px/15px Arial;
}

.body {
}

.headTitle {
    font-family: "Helvetica", "Arial", "Verdana", "sans-serif";
    font-size: 18px;
    font-weight: bold;
}


#page {
    padding: 0px;
    width: auto;
}

#page-wrapper {
    width: 100%;
    margin: auto;
    position: relative;
}

/*main*/
#page-wrapper {
    width: 100%;
    margin: auto;
    position: relative;
}

#page {
    width: 100%;
}

/*content*/
#content {
    font-family: "Helvetica", "Arial", "Verdana", "sans-serif";
    font-size: 14px;
    letter-spacing: 0.5px;
}

#content ul a:hover {
    color: #cc0000
}

.not-front #content .section {
    width: 100%;
    min-height: 670px;
    float: left;
    margin-bottom: 50px;
}

.block {
    margin: 0;
}

.element-invisible {
    display: none;
}

#main-wrapper {
    width: 960px;
    position: relative;
    margin-left: auto;
    margin-right: auto;
}

form {
    font-family: Arial;
    font-size: 13px;
}

.checkbox-grid {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

/*links*/
a, a:active, a:visited {
    color: #2067a9 !important;
}

a:hover {
    color: #932522;
}

.main-menu a:active, .main-menu a.active {
    color: #fff;
}

/*header*/
#header {
    height: 136px;
    background: url(../images/headerbg.png) repeat-x;
    position: relative;
}

#site-name {
    position: absolute;
    top: 0;
    left: 300px;
}

#site-name a {
    display: block;
    width: 654px;
    height: 139px;
    background: url(../images/headerdeco.png);
}

#site-name span {
    display: none;
}

#logo {
    position: absolute;
    top: 10px;
    left: 24px;
}

#logos {
    margin-left: 65px
}

.join {
    position: absolute;
    z-index: 9;
    top: 93px;
    right: 10px;
    display: block;
    overflow: hidden;
    text-indent: -200px;
    width: 187px;
    height: 49px;
    background: url(../images/joinbutton.png) no-repeat 0 0;
}

.join:hover {
    background-position: 100% 0;
}

/*navigation*/
#nav {
    height: 50px;
    background: #566D8A;
}

#nav h2 {
    display: none;
}

#nav .block {
    margin: 0;
}

.sf-menu.sf-style-default {
    float: right;
    margin: 0;
}

.sf-menu.sf-style-default li, .sf-menu.sf-style-default.sf-navbar {
    background: none;
}

.sf-menu.sf-style-default li {
    padding: 0 0 0 1px;
}

.sf-menu.sf-style-default li.first {
    background: none;
    margin: 0 0 0 10px;
}

.sf-menu.sf-style-default a {
    border: none;
    height: 22px;
    padding: 16px 13px 0;
    font-size: 13px;
}

.sf-menu.sf-style-default a, .sf-menu.sf-style-default a:visited {
    color: #ccc !important;
    text-transform: uppercase;
}

.sf-menu.sf-style-default a:hover, .sf-menu.sf-style-default li.sfHover a.sf-depth-1 {
    color: #fff;
}

.sf-menu.sf-style-default li li, .sf-menu.sf-style-default li li.first {
    background: #333;
    margin: 0;
}

.sf-menu ul {
    margin: 4px 0 0;
    border: 1px solid #ccc;
    width: 192px;
}

.sf-menu.sf-style-default ul a {
    font-size: 12px;
    height: auto;
    padding: 10px;
}


/*center*/

.front h1, .front #first-time {
    display: none;
}

/*right*/
.region-sidebar {
    float: left;
    margin-top: 50px;
    width: 300px;
}

/*footer*/
#footer {
    background: #303030 url(../images/footer_bg.png) repeat-x;
    height: 50px;
    width: 100%;
    margin: auto;
    position: relative;
}

#footer .section {
    padding: 20px 0 0 40px;
    margin: 0 auto;
    width: 920px;
    color: #fff
}

.ouraddress {
    padding: 10px 0 0;
}

#footer p {
    margin: 0;
    display: inline;
}

.fitems {
    float: left;
    color: #fff;
    width: 180px;
    margin: 0 0 27px;
    font-size: 12px;
    line-height: 15px;
}

.fitems a {
    display: block;
    color: #9bbad4;
}

.fitems .heading {
    text-transform: uppercase;
    margin: 0 0 5px;
}

.socialmedia a {
    display: inline;
}

#footer p.copyright {
    text-align: center;
    position: absolute;
    bottom: 10px;
    width: 100%;
    margin: 0;
    left: 0;
}

/* Internal Page Styling */
.not-front .feed-item {
    border-bottom: 1px dotted #909090;
    padding-bottom: 18px;
    padding-top: 6px
}

.not-front .feed-item p {
    margin-bottom: 0px
}

.not-front .feed-url, .not-front .feed-updated {
    display: none
}

.feed-icon {
    display: none
}

.view-content {
    margin-bottom: 20px
}

.not-front .field-name-field-slider-image img {
    width: 600px
}

.not-front #right-nav h3 {
    font-size: 22px;
    padding-left: 20px;
    padding-bottom: 0px;
    margin-top: 20px;
    color: #222
}

.not-front .region-content #block-campaignmonitor-eb97755e1ab2dbeaa1f7a1962c21a856 h2 {
    font-size: 15px;
    padding-bottom: 0px
}

.page-node-34 #block-campaignmonitor-eb97755e1ab2dbeaa1f7a1962c21a856--2 {
    display: none
}

.page-node-7 #node-35 p {
    margin-bottom: 0px
}

.not-front .content #in-this-section p {
    margin-left: 36px
}

.breadcrumb {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-family: Arial, sans-serif;
    padding-bottom: 20px;
    margin-top: 20px;
}

.breadcrumb_full {
    border-bottom: 1px solid #CCCCCC;
    color: #333333;
    font-family: Arial, sans-serif;
    padding-bottom: 20px;
    margin-top: 20px;
    width: 100%;
}

.share-area {
    position: absolute;
    top: 31px;
    left: 495px;
    width: 104px
}

.site-map-box-menu h2 {
    display: none
}

.views-field-title {
    display: inline
}

.views-field-field-city {
    display: inline;
    position: absolute;
    left: 400px
}

.view-dealerships h3 {
    font-size: 18px
}

/*Sidebar */

.not-front .content p {
    margin-bottom: 12px
}


/*lists*/
.list-item h4 {
    font-size: 18px;
    padding: 10px 0 10px 25px;
    background: url(../images/bullet.png) no-repeat 0 14px;
    margin: 0 0 0 10px;
}


/*hide*/
.front #page-title, .front #content .tabs, .front #content #first-time, .field-label {
    display: none;
}

/*overwrite*/
h1, h2, h3, h4, h5 {
    font-family: Arial, Helvetica, sans-serif;
}

h1 {
    font-size: 23px;
}

h1#page-title {
    margin-bottom: 0px;
}

h4 {
    font-size: 20px;
}

.no-sidebars #content {
    width: auto;
}

.front #content {
    background: #f7f7f7;
    padding: 0;
}

#main .column {
    float: left;
    position: relative;
}

/* hiding signup temporarily */
.content .join {
    display: none;
}

#header .socialmedia {
    display: none;
    position: absolute;
    right: 41px;
    top: 10px;
}

#header #search_box {
    position: absolute;
    right: 11px;
    top: 35px;
}

#header .sociallabel {
    display: inline;
    color: #7CB7C1;
    position: absolute;
    right: 42px;
    top: 6px;
    width: 122px;
}

.address {
    padding: 8px 23px;
    width: auto;
    position: relative;
    margin-left: 4px;
    float: left;
}

.addresses {
    font-size: 12px;
    font-weight: bold;
    height: 70px;
    text-align: center;
}

.footer_url {
    font-weight: bold;
    margin: 5px auto;
    width: 590px;
    text-align: center
}

.footer_url a {
    color: #fff;
    text-transform: uppercase;
    margin: 0 8px;
}

.enews_form_field {
    width: 250px
}

.page-taxonomy-term .views-field-field-clients {
    display: none
}

.page-taxonomy-term-56 .views-field-field-clients, .page-taxonomy-term-53 .views-field-field-clients, .page-taxonomy-term-55 .views-field-field-clients, .page-taxonomy-term-54 .views-field-field-clients, .page-taxonomy-term-57 .views-field-field-clients {
    display: block;
}

.round {
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    -khtml-border-radius: 20px;
    border-radius: 20px;
    background-color: #eee;
    margin-left: 5px;
    margin-right: 5px;
    margin-top: 10px;
    font-size: 11px;
    padding: 5px;
    width: 277px;
}

.scroll_alerts {
    overflow-y: scroll;
    height: 115px;
}

.customrange {
    display: inline;
}

#chart_div4 table.google-visualization-table-table,
#chart_div4 .google-visualization-table-tr-head,
#chart_div4 .google-visualization-table-tr-over,
#chart_div4 .google-visualization-table-tr,
#chart_div4 .google-visualization-table-tr-head td,
#chart_div4 .google-visualization-table-tr-over td,
#chart_div4 .google-visualization-table-tr td {
    background-color: transparent;
}

span.parss-title {
    /* title style definitions here */
}

span.parss-date {
    display: block;
    padding-bottom: 20px;
    /* date style definitions here */
}

span.parss-image {
    /* image wrapper style definitions here */
}

span.parss-image img {
    /* styles for the actual image element */
}

span.parss-description {
    /* description style definitions here */
    display: none;

}


#chart_div4 {
    display: none;
    width: 250px;
    height: 100px;

}

.light_form_field_width {
    width: 100%;
    padding: 16px;
    margin-left: 80px;

}

.light_form_field_width2 {
    width: 620px;
    padding: 20px;

}

.light_form_label_cell {
    width: 117px;
    text-align: right;
    float: left;
    font-weight: bold;
}

.light_form_field_cell {
    float: left;
    width: 117px;
    text-align: left;
    margin-left: 20px;
}

.light_form_field_cell input {
    width: 250px;
}

.light_form_field_cell.ten input {
    width: 30px !important;
    margin-top: 10px;
}


.light_form_header {
    font-weight: bold;
    font-size: 18px;
    height: 20px;

}

#menu {
    float: left;
    margin-top: -10px;
}

#menu ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    min-width: 110px;
}

#menu ul#navigation2 {
    float: left;
}

#menu ul#navigation2 #title {
    text-align: center;
}

#menu ul#navigation2 li {
    float: left;
    width: 140px;
    font-size: 13px;


}

#menu ul.sub_navigation2 {
    position: absolute;
    display: none;

}

#menuul.sub_navigation2 li {
    clear: both;
}

#menu #navigation2 li:hover .sub_navigation2 {
    display: block;
    font-size: 11px;
    border-radius: 10px;
    border: 1px #ccc solid;
    min-height: 76px;
    width: 160px;
    background-color: #fff;
    z-index: 5;
}

.sub_navigation2 li {
    padding: 10px;
    width: 150px;
}

#back, #button {
    font-size: 96%;
}

a#select {
    font-size: 86%;
}

a#edit, a#report {
    font-size: 68%;
}

#even {
    background-color: #eee;
}

.clientDashTable {
    float: left;
    width: 100%;
    padding-top: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid #ccc;

}

.adminDashClientLabel {
    float: left;
    width: 100%;
    height: 30px;
    padding-top: 20px;
    padding-bottom: 10px;
    font-weight: bold;
}

.hlpbtn {
    padding: 0px 20px 0 0;
    margin-top: -5px;
}

.view-report-sub-format-row {
    padding-bottom: 30px;
}

.view-report-sub-format-row span {
    float: left;
    width: 325px;
}

.mydiv6 {
    display: none;
}

.mydiv, .mydiv2, .mydiv3, .mydiv4, .mydiv5, .newsub {
    display: none;
}

.view-report-sub-format-row {
    padding-bottom: 30px;
}

.view-report-sub-format-row span {
    float: left;
    width: 325px;
}

.mydiv6 {
    display: none;
}

.mydiv, .mydiv2, .mydiv3, .mydiv4, .mydiv5, .newsub {
    display: none;
}

​
.ui-widget-header {
    background: #eee !important;
}

label.error {
    color: #B40404;
}

#framecontentFooter {
    position: fixed;
    bottom: 0px;
    height: 40px;
    overflow: hidden;
    background: #eee;
    color: white;
    width: 100%;
}

#maintable {
    line-height: 1.63em;
    min-width: 451px;
    min-height: 180px;
    height: auto;
    position: relative;
    text-align: center;
}

#login {
    width: 400px;
    background: #fff;
    border: 1px solid #d4d4d4;
    border-radius: 8px;
    box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.15);
    display: inline-block;
    margin: 100px auto 30px;
    padding: 30px;
}

#loginfields {
    padding: 10px;
}

#row1_1 input {
    width: 350px;
    height: 25px;
}

#loginerror {
    color: #CC2A2A;
    padding-bottom: 10px;
}

#loginforgot {
    display: inline;
    float: left;
}

#loginbutton {
    display: inline;
    float: right;
}

#loginbottomcontainer {
    width: 380px;
    margin-left: 10px;
}

.report_fields {
    margin-bottom: 20px;
    float: left;
    width: 450px;
}

#report_long_fields {
    width: 180px;
}

#report_short_fields {
    width: 80px;
}

.report_sub_fields {
    float: left;
    width: 320px;
    padding: 0 0 10px 0;
}

.report_sub_labels {
    width: 165px;
    float: left;
}

.report_sub_section_space {
    clear: both;
    padding-bottom: 20px;
    padding-top: 20px;
    border-bottom: 1px solid #cccccc;
}

.report_sub_fields input[type=text] {
    float: left;
    width: 100px;
}

.chosen-container-multi .search-field {
    width: 70px;
}

.chosen-single {
    width: 140px;
}

.report_row {
    text-align: center;
    padding: 15px 0 15px 0;
}

.report103_row {
    border-top: 1px solid #ccc;
    padding-top: 10px;
    font-weight: bold;
}

.rtalign p span {
    float: right
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: url('images/loading.gif') 50% 50% no-repeat rgb(249, 249, 249);
}

.sub_checks {
    width: 60px;
    display: block;
    float: left;
    clear: both;
    margin-bottom: 10px;
}

.divTable {
    display: table;
    width: 100%;
    font-size: 11px;
}

.divTableRow {
    display: table-row;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
}

.divTableCell, .divTableHead {
    border-bottom: 1px solid #ccc;
    display: table-cell;
    padding: 3px 10px;
    vertical-align: middle;
}

.divTableHeading {
    background-color: #EEE;
    display: table-header-group;
    font-weight: bold;
}

.divTableFoot {
    background-color: #EEE;
    display: table-footer-group;
    font-weight: bold;
}

.divTableBody {
    display: table-row-group;
}

.ui-accordion-header {
    padding-left: 25px;
    padding-top: 10px;
    padding-bottom: 10px;
}

select.submitted:invalid + .chosen-container {
    background: red !important;
    padding: 8px;
}

/*demos*/
body {
    font-size: 62.5%;
}

table {
    font-size: 1em;
}

/* Site
   -------------------------------- */

body {
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
}

/* Layout
   -------------------------------- */

.layout-grid {
    width: 960px;
}

.layout-grid td {
    vertical-align: top;
}

.layout-grid td.left-nav {
    width: 140px;
}

.layout-grid td.normal {
    border-left: 1px solid #eee;
    padding: 20px 24px;
    font-family: "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
}

.layout-grid td.demos {
    background: url('/images/demos_bg.jpg') no-repeat;
    height: 337px;
    overflow: hidden;
}

/* Normal
   -------------------------------- */

.normal h3,
.normal h4 {
    margin: 0;
    font-weight: normal;
}

.normal h3 {
    padding: 0 0 9px;
    font-size: 1.8em;
}

.normal h4 {
    padding-bottom: 21px;
    border-bottom: 1px dashed #999;
    font-size: 1.2em;
    font-weight: bold;
}

.normal p {
    font-size: 1.2em;
}

/* Demos */

.demos-nav, .demos-nav dt, .demos-nav dd, .demos-nav ul, .demos-nav li {
    margin: 0;
    padding: 0
}

.demos-nav {
    float: left;
    width: 170px;
    font-size: 1.3em;
}

.demos-nav dt,
.demos-nav h4 {
    margin: 0;
    padding: 0;
    font: normal 1.1em "Trebuchet MS", "Helvetica", "Arial", "Verdana", "sans-serif";
    color: #e87b10;
}

.demos-nav dt,
.demos-nav h4 {
    margin-top: 1.5em;
    margin-bottom: 0;
    padding-left: 8px;
    padding-bottom: 5px;
    line-height: 1.2em;
    border-bottom: 1px solid #F4F4F4;
}

.demos-nav dd a,
.demos-nav li a {
    border-bottom: 1px solid #F4F4F4;
    display: block;
    padding: 4px 3px 4px 8px;
    font-size: 90%;
    text-decoration: none;
    color: #555;
    margin: 2px 0;
    height: 13px;
}

.demos-nav dd a:hover,
.demos-nav dd a:focus,
.demos-nav dd a:hover,
.demos-nav dd a:focus {
    background: #f3f3f3;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.demos-nav dd a.selected {
    background: #555;
    color: #ffffff;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}


/* new styles for demo pages, added by Filament 12.29.08
eventually we should convert the font sizes to ems -- using px for now to minimize style conflicts
*/

.normal h3.demo-header {
    font-size: 32px;
    padding: 0 0 5px;
    border-bottom: 1px solid #eee;
    text-transform: capitalize;
}

.normal h4.demo-subheader {
    font-size: 10px;
    text-transform: uppercase;
    color: #999;
    padding: 8px 0 3px;
    border: 0;
    margin: 0;
}

.normal a:link,
.normal a:visited {
    color: #1b75bb;
    text-decoration: none;
}

.normal a:hover,
.normal a:active {
    color: #0b559b;
}

#demo-config {
    padding: 20px 0 0;
}

#demo-frame {
    float: left;
    width: 540px;
    height: 380px;
    border: 1px solid #ddd;
    overflow: auto;
    position: relative;
}

#demo-frame h3, #demo-frame h4 {
    padding: 0;
    font-weight: bold;
    font-size: 1em;
}

#demo-config-menu {
    float: right;
    width: 180px;
}

#demo-config-menu h4 {
    font-size: 13px;
    color: #666;
    font-weight: normal;
    border: 0;
    padding-left: 18px;
}

#demo-config-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#demo-config-menu li {
    font-size: 12px;
    padding: 0 0 0 10px;
    margin: 3px 0;
    zoom: 1;
}

#demo-config-menu li a:link,
#demo-config-menu li a:visited {
    display: block;
    padding: 1px 8px 4px;
    border-bottom: 1px dotted #b3b3b3;
}

* html #demo-config-menu li a:link,
* html #demo-config-menu li a:visited {
    padding: 1px 8px 2px;
}

#demo-config-menu li a:hover,
#demo-config-menu li a:active {
    background-color: #f6f6f6;
}

#demo-config-menu li.demo-config-on {
    background: url(images/demo-config-on-tile.gif) repeat-x left center;
}

#demo-config-menu li.demo-config-on a:link,
#demo-config-menu li.demo-config-on a:visited,
#demo-config-menu li.demo-config-on a:hover,
#demo-config-menu li.demo-config-on a:active {
    background: url(images/demo-config-on.gif) no-repeat left;
    padding-left: 18px;
    color: #fff;
    border: 0;
    margin-left: -10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

#demo-source, #demo-notes {
    clear: both;
    padding: 20px 0 0;
    font-size: 1.3em;
}

#demo-notes {
    width: 520px;
    color: #333;
    font-size: 1em;
}

#demo-notes p code, .demo-description p code {
    padding: 0;
    font-weight: bold;
}

#demo-source pre, #demo-source code {
    padding: 0;
}

code, pre {
    padding: 8px 0 8px 20px;
    font-size: 1.2em;
    line-height: 130%;
}

#demo-source a:link,
#demo-source a:visited,
#demo-source a:hover,
#demo-source a:active {
    font-size: 12px;
    padding-left: 13px;
    background-position: left center;
    background-repeat: no-repeat;
}

#demo-source a.source-open:link,
#demo-source a.source-open:visited,
#demo-source a.source-open:hover,
#demo-source a.source-open:active {
    background-image: url(images/demo-spindown-open.gif);
}

#demo-source a.source-closed:link,
#demo-source a.source-closed:visited,
#demo-source a.source-closed:hover,
#demo-source a.source-closed:active {
    background-image: url(images/demo-spindown-closed.gif);
}

div.demo {
    padding: 12px;
    font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
}

div.demo.ten {
    width: 330px;
    position: absolute;
    top: 100px;
    right: 0px;
}

div.demo h3.docs {
    clear: left;
    font-size: 12px;
    font-weight: normal;
    padding: 0 0 1em;
    margin: 0;
}

div.demo-description {
    clear: both;
    padding: 12px;
    font-family: "Trebuchet MS", "Arial", "Helvetica", "Verdana", "sans-serif";
    font-size: 1.3em;
    line-height: 1.4em;
}

.ui-draggable, .ui-droppable {
    background-position: top left;
}

.left-nav .demos-nav {
    padding-right: 10px;
}

#demo-link {
    font-size: 11px;
    padding-top: 6px;
    clear: both;
    overflow: hidden;
}

#demo-link a span.ui-icon {
    float: left;
    margin-right: 3px;
}

/* Component containers
----------------------------------*/
#widget-docs .ui-widget {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 1em;
}

#widget-docs .ui-widget input, #widget-docs .ui-widget select, #widget-docs .ui-widget textarea, #widget-docs .ui-widget button {
    font-family: Trebuchet MS, Verdana, Arial, sans-serif;
    font-size: 1em;
}

#widget-docs .ui-widget-header {
    border: 1px solid #ffffff;
    background: #464646 url(images/464646_40x100_textures_01_flat_100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

#widget-docs .ui-widget-header a {
    color: #ffffff;
}

#widget-docs .ui-widget-content {
    border: 1px solid #ffffff;
    background: #ffffff url(images/ffffff_40x100_textures_01_flat_75.png) 50% 50% repeat-x;
    color: #222222;
}

#widget-docs .ui-widget-content a {
    color: #222222;
}

/* Interaction states
----------------------------------*/
#widget-docs .ui-state-default, #widget-docs .ui-widget-content #widget-docs .ui-state-default {
    border: 1px solid #666666;
    background: #555555 url(images/555555_40x100_textures_03_highlight_soft_75.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
    outline: none;
}

#widget-docs .ui-state-default a {
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

#widget-docs .ui-state-hover, #widget-docs .ui-widget-content #widget-docs .ui-state-hover, #widget-docs .ui-state-focus, #widget-docs .ui-widget-content #widget-docs .ui-state-focus {
    border: 1px solid #666666;
    background: #444444 url(images/444444_40x100_textures_03_highlight_soft_60.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #ffffff;
    outline: none;
}

#widget-docs .ui-state-hover a {
    color: #ffffff;
    text-decoration: none;
    outline: none;
}

#widget-docs .ui-state-active, #widget-docs .ui-widget-content #widget-docs .ui-state-active {
    border: 1px solid #666666;
    background: #ffffff url(images/ffffff_40x100_textures_01_flat_65.png) 50% 50% repeat-x;
    font-weight: normal;
    color: #F6921E;
    outline: none;
}

#widget-docs .ui-state-active a {
    color: #F6921E;
    outline: none;
    text-decoration: none;
}

/* Interaction Cues
----------------------------------*/
#widget-docs .ui-state-highlight, #widget-docs .ui-widget-content #widget-docs .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/fbf9ee_40x100_textures_02_glass_55.png) 50% 50% repeat-x;
    color: #363636;
}

#widget-docs .ui-state-error, #widget-docs .ui-widget-content #widget-docs .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/fef1ec_40x100_textures_05_inset_soft_95.png) 50% bottom repeat-x;
    color: #cd0a0a;
}

#widget-docs .ui-state-error-text, #widget-docs .ui-widget-content #widget-docs .ui-state-error-text {
    color: #cd0a0a;
}

#widget-docs .ui-state-disabled, #widget-docs .ui-widget-content #widget-docs .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

#widget-docs .ui-priority-primary, #widget-docs .ui-widget-content #widget-docs .ui-priority-primary {
    font-weight: bold;
}

#widget-docs .ui-priority-secondary, #widget-docs .ui-widget-content #widget-docs .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

/* Icons
----------------------------------*/

/* states and images */
#demo-frame-wrapper .ui-icon, #widget-docs .ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-content .ui-icon {
    background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-widget-header .ui-icon {
    background-image: url(images/222222_256x240_icons_icons.png);
}

#widget-docs .ui-state-default .ui-icon {
    background-image: url(images/888888_256x240_icons_icons.png);
}

#widget-docs .ui-state-hover .ui-icon, #widget-docs .ui-state-focus .ui-icon {
    background-image: url(images/454545_256x240_icons_icons.png);
}

#widget-docs .ui-state-active .ui-icon {
    background-image: url(images/454545_256x240_icons_icons.png);
}

#widget-docs .ui-state-highlight .ui-icon {
    background-image: url(images/2e83ff_256x240_icons_icons.png);
}

#widget-docs .ui-state-error .ui-icon, #widget-docs .ui-state-error-text .ui-icon {
    background-image: url(images/cd0a0a_256x240_icons_icons.png);
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
#widget-docs .ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
}

#widget-docs .ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#widget-docs .ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

#widget-docs .ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
}

#widget-docs .ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
}

#widget-docs .ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
}

#widget-docs .ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

/* Overlays */
#widget-docs .ui-widget-overlay {
    background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

#widget-docs .ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/aaaaaa_40x100_textures_01_flat_0.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

/*
----------------------------------*/

#widget-docs {
    margin: 20px 0 0;
    border: none;
}

#widget-docs h2, #widget-docs h3, #widget-docs h4, #widget-docs p, #widget-docs ul, #widget-docs code {
    margin: 0;
    padding: 0;
}

#widget-docs code {
    display: block;
    color: #444;
    font-size: .9em;
    margin: 0 0 1em;
}

#widget-docs code strong {
    color: #000;
}

#widget-docs p {
    margin: 0 3em 1.2em 0;
}

#widget-docs p.intro {
    font-size: 13px;
    color: #666;
    line-height: 1.3;
}

#widget-docs ul {
    list-style-type: none;
}

#widget-docs h2 {
    font-size: 16px;
    margin: 1.2em 0 .5em;
}

#widget-docs h3 {
    font-size: 14px;
    color: #e6820E;
    margin: 1.5em 0 .5em;
}

.normal #widget-docs h4 {
    font-size: 12px;
    color: #000;
    border: 0;
    margin: 0 0 .5em;
}

#docs-overview-main {
    width: 400px;
}

#docs-overview-sidebar {
    float: right;
    width: 200px;
}

#docs-overview-sidebar a span {
    color: #666;
}

#widget-docs #docs-overview-main p {
    margin-right: 0;
}

#widget-docs #docs-overview-sidebar h4 {
    padding-left: 0;
}

.docs-list-header {
    float: left;
    width: 100%;
    margin: 10px 0 0;
    border-bottom: 1px solid #eee;
}

#widget-docs .docs-list-header h2 {
    float: left;
    margin: 0;
}

#widget-docs .docs-list-header p {
    float: right;
    margin: 5px 0;
    font-size: 11px;
}

.docs-list {
    float: left;
    width: 100%;
    padding: 0 0 10px;
}

.docs-list .param-header {
    float: left;
    clear: left;
    width: 100%;
    padding: 8px 0;
    border-top: 1px solid #eee;
}

#widget-docs .param-header h3, #widget-docs .param-header p {
    margin: 0;
    float: left;
}

#widget-docs .param-header h3 {
    width: 50%;
}

#widget-docs .param-header h3 span {
    background: url(images/demo-spindown-closed.gif) no-repeat left;
    padding-left: 13px;
}

#widget-docs .param-open .param-header h3 span {
    background: url(images/demo-spindown-open.gif) no-repeat left;
}

#widget-docs .param-header p {
    width: 24%;
}

#widget-docs .param-header p.param-type span {
    background: url(images/icon-docs-info.gif) no-repeat left;
    cursor: pointer;
    border-bottom: 1px dashed #ccc;
    padding-left: 15px;
}

.param-details {
    padding-left: 13px;
}

.param-args {
    margin: 0 0 1.5em;
    border-top: 1px dotted #ccc;
}

.param-args td {
    padding: 3px 30px 3px 5px;
    border-bottom: 1px dotted #ccc;
}


/* overrides for ui-tab styles */
#widget-docs ul.ui-tabs-nav {
    padding: 0 0 0 8px;
}

#widget-docs .ui-tabs-nav li {
    margin: 5px 5px 0 0;
}

#widget-docs .ui-tabs-nav li a:link,
#widget-docs .ui-tabs-nav li a:visited,
#widget-docs .ui-tabs-nav li a:hover,
#widget-docs .ui-tabs-nav li a:active {
    font-size: 14px;
    padding: 4px 1.2em 3px;
    color: #fff;
}

#widget-docs .ui-tabs-nav li.ui-tabs-selected a:link,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:visited,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:hover,
#widget-docs .ui-tabs-nav li.ui-tabs-selected a:active {
    color: #e6820E;
}

#widget-docs .ui-tabs-panel {
    padding: 20px 9px;
    font-size: 12px;
    line-height: 1.4;
    color: #000;
}

#widget-docs .ui-widget-content a:link,
#widget-docs .ui-widget-content a:visited {
    color: #1b75bb;
    text-decoration: none;
}

#widget-docs .ui-widget-content a:hover,
#widget-docs .ui-widget-content a:active {
    color: #0b559b;
}

/*tables*/

table.table_format {
    width: 99%;

}

table.table_format2 {
    border-left: 0px solid #ccc;
    border-top: 0px solid #fff;
    border-right: 0px solid #ccc;
    border-collapse: collapse;
}

table.table_format3 {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 1px solid #ccc;
    border-collapse: collapse;
}

table.table_format2 th {
    vertical-align: middle;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px;

    border-bottom: 1px solid #ccc;
    border-right: 0px solid #ccc;
    border-left: 0px solid #ccc;
    color: #333;
}

table.table_format {
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    border-top: 2px solid #666;
    border-collapse: collapse;

}

table.table_format th {
    vertical-align: middle;
    font: 12px Arial, Helvetica, sans-serif;
    font-weight: bold;
    padding: 5px;
    background-image: url(../images/head_grad.gif);

    border-bottom: 1px solid #666;
    border-right: 0px solid #CCC;
    border-left: 0px solid #CCC;
    color: #333;

}

table.table_format th.name {
    font: 18px Arial, Helvetica, sans-serif;
    color: #333;

}

table.table_format th.left {
    vertical-align: top;
    text-align: right;
}

table.table_format tfoot, table.table_format tfoot th, table.table_format tfoot td {
    border-top: 1px solid #ccc;
    font-weight: bold;
}

table.table_format tfoot td {
    background-color: #EEE;
}

table.table_format td {
    vertical-align: top;
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #ccc;
    font: 12px Arial, Helvetica, sans-serif;
}

.table_format2 .titles {
    vertical-align: top;
    font-weight: bold;
    text-align: center;
}

tr#even {
    background-color: #eee;
}

tr#even:hover, tr#odd:hover {
    background-color: #FFFFD5;
}

tr.row input:focus {
    background-color: #FFFFD5;
}

table.table_format2 td {
    vertical-align: top;
    padding: 5px;
    border-bottom: 1px solid #ccc;
    font: 12px Arial, Helvetica, sans-serif;
    text-align: left;
    line-height: 2;
}

table.table_format3 td {
    vertical-align: top;
    padding: 5px;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #ccc;
    font: 12px Arial, Helvetica, sans-serif;
    background: #fff;
    color: #333;
}

.table_format3 #label {
    text-align: right;
    font-weight: bold;
}

table.table_format td.medium {
    font-weight: bold;

}

.shadedrow {
    background-color: #EEE;
}

.table_format2 #label {
    text-align: right;
    font-weight: bold;
}

.feedback-panel {
    padding: 20px;
    width: 250px;
    background: #bab6d8;
    border: #29216d 1px solid;
    position: absolute;
    top: 200px;
    left: -291px;
}

.feedback-panel a.feedback-tab {
    background: transparent url(feedbacktab.gif) no-repeat scroll 0 0;
    border-width: 1px 1px 1px 0;
    display: block;
    height: 99px;
    left: 51px;
    bottom: 21px;
    position: relative;
    float: right;
    text-indent: -9999px;
    width: 30px;
    outline: none;
}

textarea {
    width: 90%;
    padding: 5px;
}

#response-message {
    background: #ccc;
    border: 1px solid #999;
    padding: 50px;
}

.feedback-panel {
    background: none repeat scroll 0 0 #B5D6DB !important;
    border: 1px solid #A7A7A7 !important;
}


.feedback-panel h3 {
    color: #222222;
    font-family: helvetica !important;
    font-size: 28px;
    line-height: 30px;
    text-transform: uppercase;
}

.feedback-panel .button {
    background-color: #D42B2B;
    border: 1px solid #CCCCCC;
    color: #FFFFFF;
    cursor: pointer;
    float: right;
    margin: 12px;
}

#form-wrap {
    font-family: arial;
    font-size: 11px;
    text-transform: uppercase;
}

.comReportRow:hover {
    background-color: #FFFFD5;
}

.comReportRow2:hover {
    background-color: #FFFFD5;
}

.comReportRow {
    padding-bottom: 5px;
    padding-top: 5px;
    border-bottom: 1px solid #cccccc;
    height: 50px;
}

/*chosen*/
/*!
Chosen, a Select Box Enhancer for jQuery and Prototype
by Patrick Filler for Harvest, http://getharvest.com

Version 1.1.0
Full source at https://github.com/harvesthq/chosen
Copyright (c) 2011 Harvest http://getharvest.com

MIT License, https://github.com/harvesthq/chosen/blob/master/LICENSE.md
This file is generated by `grunt build`, do not edit it by hand.
*/

/* @group Base */
.chosen-container {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    font-size: 13px;
    zoom: 1;
    *display: inline;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
}

.chosen-container .chosen-drop {
    position: absolute;
    top: 100%;
    left: -9999px;
    z-index: 1010;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    border: 1px solid #aaa;
    border-top: 0;
    background: #fff;
    box-shadow: 0 4px 5px rgba(0, 0, 0, 0.15);
}

.chosen-container.chosen-with-drop .chosen-drop {
    left: 0;
}

.chosen-container a {
    cursor: pointer;
}

/* @end */
/* @group Single Chosen */
.chosen-container-single .chosen-single {
    position: relative;
    display: block;
    overflow: hidden;
    padding: 0 0 0 8px;
    height: 23px;
    border: 1px solid #aaa;
    border-radius: 5px;
    background-color: #fff;
    background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #ffffff), color-stop(50%, #f6f6f6), color-stop(52%, #eeeeee), color-stop(100%, #f4f4f4));
    background: -webkit-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -moz-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: -o-linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background: linear-gradient(top, #ffffff 20%, #f6f6f6 50%, #eeeeee 52%, #f4f4f4 100%);
    background-clip: padding-box;
    box-shadow: 0 0 3px white inset, 0 1px 1px rgba(0, 0, 0, 0.1);
    color: #444;
    text-decoration: none;
    white-space: nowrap;
    line-height: 24px;
}

.chosen-container-single .chosen-default {
    color: #999;
}

.chosen-container-single .chosen-single span {
    display: block;
    overflow: hidden;
    margin-right: 26px;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.chosen-container-single .chosen-single-with-deselect span {
    margin-right: 38px;
}

.chosen-container-single .chosen-single abbr {
    position: absolute;
    top: 6px;
    right: 26px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-single .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single.chosen-disabled .chosen-single abbr:hover {
    background-position: -42px -10px;
}

.chosen-container-single .chosen-single div {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 18px;
    height: 100%;
}

.chosen-container-single .chosen-single div b {
    display: block;
    width: 100%;
    height: 100%;
    background: url('chosen-sprite.png') no-repeat 0px 2px;
}

.chosen-container-single .chosen-search {
    position: relative;
    z-index: 1010;
    margin: 0;
    padding: 3px 4px;
    white-space: nowrap;
}

.chosen-container-single .chosen-search input[type="text"] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 1px 0;
    padding: 4px 20px 4px 5px;
    width: 100%;
    height: auto;
    outline: 0;
    border: 1px solid #aaa;
    background: white url('chosen-sprite.png') no-repeat 100% -20px;
    background: url('chosen-sprite.png') no-repeat 100% -20px;
    font-size: 1em;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-single .chosen-drop {
    margin-top: -1px;
    border-radius: 0 0 4px 4px;
    background-clip: padding-box;
}

.chosen-container-single.chosen-container-single-nosearch .chosen-search {
    position: absolute;
    left: -9999px;
}

/* @end */
/* @group Results */
.chosen-container .chosen-results {
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
    margin: 0 4px 4px 0;
    padding: 0 0 0 4px;
    max-height: 240px;
    -webkit-overflow-scrolling: touch;
}

.chosen-container .chosen-results li {
    display: none;
    margin: 0;
    padding: 5px 6px;
    list-style: none;
    line-height: 15px;
    -webkit-touch-callout: none;
}

.chosen-container .chosen-results li.active-result {
    display: list-item;
    cursor: pointer;
}

.chosen-container .chosen-results li.disabled-result {
    display: list-item;
    color: #ccc;
    cursor: default;
}

.chosen-container .chosen-results li.highlighted {
    background-color: #3875d7;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #3875d7), color-stop(90%, #2a62bc));
    background-image: -webkit-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -moz-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: -o-linear-gradient(#3875d7 20%, #2a62bc 90%);
    background-image: linear-gradient(#3875d7 20%, #2a62bc 90%);
    color: #fff;
}

.chosen-container .chosen-results li.no-results {
    display: list-item;
    background: #f4f4f4;
}

.chosen-container .chosen-results li.group-result {
    display: list-item;
    font-weight: bold;
    cursor: default;
}

.chosen-container .chosen-results li.group-option {
    padding-left: 15px;
}

.chosen-container .chosen-results li em {
    font-style: normal;
    text-decoration: underline;
}

/* @end */
/* @group Multi Chosen */
.chosen-container-multi .chosen-choices {
    position: relative;
    overflow: hidden;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    width: 100%;
    height: auto !important;
    height: 1%;
    border: 1px solid #aaa;
    background-color: #fff;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(1%, #eeeeee), color-stop(15%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -moz-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: -o-linear-gradient(#eeeeee 1%, #ffffff 15%);
    background-image: linear-gradient(#eeeeee 1%, #ffffff 15%);
    cursor: text;
}

.chosen-container-multi .chosen-choices li {
    float: left;
    list-style: none;
}

.chosen-container-multi .chosen-choices li.search-field {
    margin: 0;
    padding: 0;
    white-space: nowrap;
}

.chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    margin: 1px 0;
    padding: 5px;
    height: 15px;
    outline: 0;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none;
    color: #666;
    font-size: 100%;
    font-family: sans-serif;
    line-height: normal;
    border-radius: 0;
}

.chosen-container-multi .chosen-choices li.search-field .default {
    color: #999;
}

.chosen-container-multi .chosen-choices li.search-choice {
    position: relative;
    margin: 3px 0 3px 5px;
    padding: 3px 20px 3px 5px;
    border: 1px solid #aaa;
    border-radius: 3px;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(#f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-clip: padding-box;
    box-shadow: 0 0 2px white inset, 0 1px 0 rgba(0, 0, 0, 0.05);
    color: #333;
    line-height: 13px;
    cursor: default;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close {
    position: absolute;
    top: 4px;
    right: 3px;
    display: block;
    width: 12px;
    height: 12px;
    background: url('chosen-sprite.png') -42px 1px no-repeat;
    font-size: 1px;
}

.chosen-container-multi .chosen-choices li.search-choice .search-choice-close:hover {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-choices li.search-choice-disabled {
    padding-right: 5px;
    border: 1px solid #ccc;
    background-color: #e4e4e4;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #f4f4f4), color-stop(50%, #f0f0f0), color-stop(52%, #e8e8e8), color-stop(100%, #eeeeee));
    background-image: -webkit-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -moz-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: -o-linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    background-image: linear-gradient(top, #f4f4f4 20%, #f0f0f0 50%, #e8e8e8 52%, #eeeeee 100%);
    color: #666;
}

.chosen-container-multi .chosen-choices li.search-choice-focus {
    background: #d4d4d4;
}

.chosen-container-multi .chosen-choices li.search-choice-focus .search-choice-close {
    background-position: -42px -10px;
}

.chosen-container-multi .chosen-results {
    margin: 0;
    padding: 0;
}

.chosen-container-multi .chosen-drop .result-selected {
    display: list-item;
    color: #ccc;
    cursor: default;
}

/* @end */
/* @group Active  */
.chosen-container-active .chosen-single {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active.chosen-with-drop .chosen-single {
    border: 1px solid #aaa;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    border-bottom-left-radius: 0;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(20%, #eeeeee), color-stop(80%, #ffffff));
    background-image: -webkit-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -moz-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: -o-linear-gradient(#eeeeee 20%, #ffffff 80%);
    background-image: linear-gradient(#eeeeee 20%, #ffffff 80%);
    box-shadow: 0 1px 0 #fff inset;
}

.chosen-container-active.chosen-with-drop .chosen-single div {
    border-left: none;
    background: transparent;
}

.chosen-container-active.chosen-with-drop .chosen-single div b {
    background-position: -18px 2px;
}

.chosen-container-active .chosen-choices {
    border: 1px solid #5897fb;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
}

.chosen-container-active .chosen-choices li.search-field input[type="text"] {
    color: #111 !important;
}

/* @end */
/* @group Disabled Support */
.chosen-disabled {
    opacity: 0.5 !important;
    cursor: default;
}

.chosen-disabled .chosen-single {
    cursor: default;
}

.chosen-disabled .chosen-choices .search-choice .search-choice-close {
    cursor: default;
}

/* @end */
/* @group Right to Left */
.chosen-rtl {
    text-align: right;
}

.chosen-rtl .chosen-single {
    overflow: visible;
    padding: 0 8px 0 0;
}

.chosen-rtl .chosen-single span {
    margin-right: 0;
    margin-left: 26px;
    direction: rtl;
}

.chosen-rtl .chosen-single-with-deselect span {
    margin-left: 38px;
}

.chosen-rtl .chosen-single div {
    right: auto;
    left: 3px;
}

.chosen-rtl .chosen-single abbr {
    right: auto;
    left: 26px;
}

.chosen-rtl .chosen-choices li {
    float: right;
}

.chosen-rtl .chosen-choices li.search-field input[type="text"] {
    direction: rtl;
}

.chosen-rtl .chosen-choices li.search-choice {
    margin: 3px 5px 3px 0;
    padding: 3px 5px 3px 19px;
}

.chosen-rtl .chosen-choices li.search-choice .search-choice-close {
    right: auto;
    left: 4px;
}

.chosen-rtl.chosen-container-single-nosearch .chosen-search,
.chosen-rtl .chosen-drop {
    left: 9999px;
}

.chosen-rtl.chosen-container-single .chosen-results {
    margin: 0 0 4px 4px;
    padding: 0 4px 0 0;
}

.chosen-rtl .chosen-results li.group-option {
    padding-right: 15px;
    padding-left: 0;
}

.chosen-rtl.chosen-container-active.chosen-with-drop .chosen-single div {
    border-right: none;
}

.chosen-rtl .chosen-search input[type="text"] {
    padding: 4px 5px 4px 20px;
    background: white url('chosen-sprite.png') no-repeat -30px -20px;
    background: url('chosen-sprite.png') no-repeat -30px -20px;
    direction: rtl;
}

.chosen-rtl.chosen-container-single .chosen-single div b {
    background-position: 6px 2px;
}

.chosen-rtl.chosen-container-single.chosen-with-drop .chosen-single div b {
    background-position: -12px 2px;
}

/* @end */
/* @group Retina compatibility */
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-resolution: 144dpi) {
    .chosen-rtl .chosen-search input[type="text"],
    .chosen-container-single .chosen-single abbr,
    .chosen-container-single .chosen-single div b,
    .chosen-container-single .chosen-search input[type="text"],
    .chosen-container-multi .chosen-choices .search-choice .search-choice-close,
    .chosen-container .chosen-results-scroll-down span,
    .chosen-container .chosen-results-scroll-up span {
        background-image: url('chosen-sprite@2x.png') !important;
        background-size: 52px 37px !important;
        background-repeat: no-repeat !important;
    }
}

/* @end */

.d-none {
    display: none;
}

.font-bold {
    font-weight: bold;
}

.text-center {
    text-align: center;
}

.my-2 {
    margin-top: .5em;
    margin-bottom: .5em;
}

.box-border,
.box-border * {
    box-sizing: border-box;
}

.default_view_container {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 100px;
    width: 1080px;
    min-height: 750px;
}

.snapshot_project_details {
    display: flex;
    column-gap: 10px;
    row-gap: 20px;
    flex-direction: row;
    width: 100%
}

.snapshot_project_details .project_details {
    flex: 1;
    display: flex;
}

.snapshot_project_details .project_statistics {
    width: 310px;
    overflow: hidden;
}

.snapshot_project_details .project_statistics .item {
    display: flex;
    flex-direction: column;
    column-gap: 10px;
    row-gap: 20px;
    height: 100%;
    justify-content: space-between;
}

.snapshot_project_details .project_statistics .item div {
    margin: auto;
}
.snapshot_project_details .project_statistics .item div table {
    width: 100%;
}

/* Extra small devices (phones, 600px and down) */

.admin-reports-container {
    width: 100%;
    height: 100%;
    display: flex;
    gap: 1em;
}

.admin-reports-container .filters {
    padding: 5px 0;
    flex-shrink: 0;
    width: 200px;
}

.admin-reports-container .filters .recipient-report-filters {
    display: flex;
    flex-direction: column;
    row-gap: 10px;
    padding: 5px 0;
}

.admin-reports-container .filters .recipient-report-filters .recipient-report-filter {
    display: flex;
    column-gap: 20px;
    justify-content: space-between;
}

.admin-reports-container .filters .recipient-report-filters .recipient-report-filter .filter-form {
    flex: 1;
    flex-basis: 60px;
}

.admin-reports-container .filters .recipient-report-filters .recipient-report-filter .filter-form select {
    width: 100%;
}

.admin-reports-container .filters h4 {
    font-weight: bold;
    font-size: 1em;
    margin: .25em 0 .5em 0;
    padding: 0;
}

.admin-reports-container .table-container {
    flex-grow: 1;
    overflow-y: auto;
    overflow-x: hidden;
}


@media (max-width: 600px) {
    .default_view_container {
        width: 90%;
    }

    .snapshot_project_details {
        flex-direction: column;
    }

    .snapshot_project_details .project_statistics {
        width: 100%;
    }

    .snapshot_project_details .project_statistics .item {
        flex-direction: row;
    }
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media (min-width: 600px) {
    .default_view_container {
        width: 90%;
        min-height: 750px;
    }

    .snapshot_project_details {
        flex-direction: column;
    }

    .snapshot_project_details .project_statistics {
        width: 100%;
    }

    .snapshot_project_details .project_statistics .item {
        flex-direction: row;
    }
}

/* Medium devices (landscape tablets, 768px and up) */
@media (min-width: 768px) {
    .default_view_container {
        width: 90%;
        min-height: 750px;
    }

    .snapshot_project_details {
        flex-direction: column;
    }

    .snapshot_project_details .project_statistics .item {
        flex-direction: row;
    }
}

/* Large devices (laptops/desktops, 992px and up) */
@media (min-width: 992px) {
    .default_view_container {
        width: 90%;
        min-height: 750px;
    }

    .snapshot_project_details {
        flex-direction: column;
    }
    .snapshot_project_details .project_statistics {
        width: 100%;
    }

    .snapshot_project_details .project_statistics .item {
        flex-direction: row;
    }
}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media (min-width: 1200px) {
    .snapshot_project_details {
        flex-direction: row;
    }
    .snapshot_project_details .project_statistics {
        width: 310px;
    }
    .snapshot_project_details .project_statistics .item {
        flex-direction: column;
        justify-content: space-between;
    }
    .default_view_container {
        width: 1080px;
        min-height: 750px;
    }
}