* {
    margin: 0pt;
    padding: 0pt;
}

body {
    background: #0258AB url("../images/newdesign/RT_bg_image.jpg") no-repeat center top; /*background-image: url("../images/newdesign/WebBg_Metzger_hunt.jpg");     background-position: center top;*/
    font-family: Arial;
    font-size: 62.5%;
    color: White;
}

#wrap {
    margin: 0pt auto;
    width: 906px;
}

.logo {
    float: left;
    position: relative;
    top: 13px;
}

#header {
    /*background: url("../images/newdesign/Race_Tech_logo.jpg") no-repeat scroll 0 0 black;*/
    height: 92px;
}

#loginHeader {
    background: none repeat scroll 0 0 #4A4A4A;
    display: inline;
    float: right;
    margin-right: 10px;
    position: relative;
    top: 15px;
    font-size: 1.4em;
}

    #loginHeader li {
        color: white;
        float: left;
        list-style-type: none;
        padding: 6px 9px 6px 9px;
        color: White;
    }

        #loginHeader li a {
            text-decoration: none;
            color: White;
        }

#menu {
    float: right;
    font-size: 1.6em;
    position: relative;
    top: -4px; /*32px;*/
}

#genreImage {
    clear: both;
    padding: 0pt;
    width: 906px;
    font-size: 0;
}

    #genreImage img {
        min-width: 100%;
    }

#mainContainer {
    background: none repeat scroll 0pt 0pt transparent;
    font-size: 1.4em;
    min-height: 400px;
}

    #mainContainer a {
        color: Yellow;
    }

#container {
    border: 0px solid black;
    margin: 0pt auto;
    text-align: left;
    width: 906px;
}

.iframe {
    height: 900px;
    margin: 0pt;
    padding: 0pt;
    width: 893px;
}

A:link, A:visited, A:active, a.link:link, a.link:visited, a.link:active, a.link:hover {
    color: blue;
    text-decoration: none;
}

.YellowBG {
    background-color: yellow;
}

    .YellowBG td {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        vertical-align: middle;
    }

.style2 {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-style: italic;
    font-weight: bold;
}

img {
    border: 1px solid black;
}

A:hover {
    color: red;
    text-decoration: underline;
}

.headerImage {
    width: 100%;
}

.indexContent h1 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-style: italic;
    margin: 0pt;
    padding: 0pt;
    text-align: center;
}

h1 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    font-style: italic;
    margin: 0pt;
    padding: 0pt;
    text-align: center;
}

h3 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.8em;
    font-style: italic;
    margin: 0pt;
    padding: 0pt;
    text-align: center;
}

h4 {
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 1.4em;
    font-style: italic;
    margin: 0pt;
    padding: 0pt;
    text-align: center;
}

.toplinks {
    clear: both;
    float: right;
    list-style-type: none;
    margin-bottom: 5px;
}

    .toplinks li {
        float: left;
        padding: 2px 5px;
    }

    .toplinks A:link, .toplinks A:visited, .toplinks A:active {
        color: #000000;
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-decoration: none;
    }

    .toplinks li a:hover {
        color: red;
        font-family: Arial,Verdana,Helvetica,sans-serif;
        font-size: 1em;
        font-weight: 700;
        text-decoration: none;
    }

#topMenu1stLevel {
    bottom: 60px;
    clear: right;
    position: relative;
}

#topMenu2ndLevel {
    bottom: 20px;
    position: relative;
}

.secondMenuContainer {
    background: none repeat scroll 0% 0% white;
    display: none;
}

.headerImageContainer {
    background: none repeat scroll 0% 0% transparent;
}

.contentContainer {
    background: none repeat scroll 0% 0% transparent;
}

    .contentContainer td {
        border-collapse: collapse;
        border-spacing: 0px;
        border: 0px solid black;
        margin: 0px;
        padding: 0px;
    }

.genreMenuContainer {
    background: none repeat scroll 0% 0% #08084D;
}

    .genreMenuContainer td {
        border-spacing: 0px;
        padding: 0px;
    }

.layout {
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px solid black;
    empty-cells: hide;
    padding: 0px;
    width: 906px;
}

    .layout td {
        border-collapse: collapse;
        border-spacing: 0px;
        border: 0px solid black;
        padding: 0px;
        vertical-align: top;
    }

.pageTitle {
    font-size: 2em;
}

.pageHeadingContainer {
    background: none repeat scroll 0% 0% #FEF200;
    color: #000000;
    text-align: center;
}

.contentPaneHeader {
    background: none repeat scroll 0% 0% grey;
    padding: 5px;
}

.contentPaneBody {
    padding: 20px;
}

fieldset {
    border: 0px solid grey;
    padding: 0px 10px 10px;
}

    fieldset.module legend, fieldset.moduleFull legend, fieldset.orderSummary legend {
        color: #FFF;
        font-size: 1.8em;
        font-weight: 700;
        margin: 0pt 0pt 0pt 10px;
    }

    fieldset.module {
        background-color: silver;
        border: 0px solid grey;
        margin-bottom: 10px;
        padding: 0px 10px 10px;
        width: 300px;
    }

    fieldset.moduleFull, fieldset.orderSummary {
        /*background-color: silver;*/
        border: 1px solid #FEF200;
        margin-bottom: 10px;
        padding: 0px 10px 10px;
        color: White;
    }

    fieldset.module span {
        color: #000;
    }

legend {
    color: #FFF;
    font-size: 1.8em;
    font-weight: 700;
    margin: 0pt;
}

.content {
    background: none repeat scroll 0% 0% transparent;
    border-collapse: collapse;
    border-color: black;
    border-spacing: 0px;
    border-style: solid;
    border-width: 0px 1px 1px;
    font-size: 12px;
    height: auto !important;
    line-height: 18px;
    padding: 0px;
    width: 100% !important;
}

    .content th {
        border-collapse: collapse;
        border-color: black;
        border-style: solid;
        border-width: 0px 1px 1px;
        text-align: center;
        vertical-align: middle;
    }

    .content tr td {
        border-collapse: collapse;
        border-color: black;
        border-style: solid;
        border-width: 0px 0px 1px 1px;
        padding: 5px;
        vertical-align: top;
    }

    .content ol {
        padding-left: 15px;
    }

        .content ol li, .content ul li {
            margin-bottom: 5px;
        }

    .content img {
        border: medium none;
        padding: 20px;
    }

label.inputLabel {
    display: block;
    float: left;
    margin: 5px 0pt;
    width: 150px;
}

span.inputLabel {
    display: block;
    float: left;
    margin: 5px 0pt;
    width: 150px;
}

input.registrationInput {
    border: 1px solid #fff;
    margin: 5px 0pt;
    padding: 5px;
    width: 150px;
}

input.registrationAddressInput {
    border: 1px solid #fff;
    margin: 5px 0pt;
    padding: 5px;
    width: 300px;
}

span.registrationInput {
    border: 0pt none;
    float: left;
    margin: 5px 0pt;
    padding: 0pt;
}

.prev, .next {
    background-color: #B0232A;
    color: #FFFFFF !important;
    padding: 5px 10px;
    text-decoration: none;
}

    .prev:hover, .next:hover {
        background-color: #fff !important;
        text-decoration: none;
    }

.next {
    float: right;
    margin-right: 50%;
}

#main {
    padding: 10px;
}

#steps {
    list-style: none outside none;
    margin: 0pt;
    overflow: hidden;
    padding: 0pt;
    width: 100%;
}

    #steps li {
        color: #B0B1B3;
        float: left;
        font-size: 2.4em;
        padding: 10px;
    }

        #steps li span {
            display: block;
            font-size: 1.1em;
        }

        #steps li.current {
            color: #fff;
        }

#makeWizard {
    background-color: #B0232A;
    color: #FFFFFF;
    font-size: 1.8em;
    padding: 5px 10px;
    text-decoration: none;
}

    #makeWizard:hover {
        background-color: #000000;
    }

.alert {
    color: red;
}

.fieldError {
    background-color: red;
    color: #FFFFFF;
}

.registrationError {
    color: red;
    display: block;
    float: left;
}

.loading {
    background-color: Red;
    color: #FFFFFF;
    display: none;
    font-family: Arial,Verdana,Helvetica,sans-serif;
    padding: 1px;
    position: fixed;
}

.listBoxes {
    height: 300px;
    width: 250px;
}

.headerCartGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    font-size: 1.2em;
    color: #000;
}

.footerCartGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    color: #000;
}

.selectHeaderForCartGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    padding: 5px;
    text-align: center;
    width: 10%;
}

.qtyHeaderForCartGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    text-align: center;
    width: 10%;
}

.itemHeaderForCartGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    padding: 5px;
    text-align: left;
    width: 15%;
}

.descHeaderForCartGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    padding: 5px;
    text-align: left;
    width: 50%;
}

.priceHeaderForCartGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    padding: 5px;
    text-align: center;
    width: 10%;
}

td.qtyRowForCartGrid input {
    border: 1px solid #000000;
    height: 15px;
    margin: 3px;
    padding: 5px;
    width: 50px;
}

.headerGrid {
    background: none repeat scroll 0% 0% #EEEEEE;
    text-align: center;
}

.rowGrid {
    background: none repeat scroll 0% 0% silver;
    color: #000000;
    padding: 5px;
    text-align: center;
}

.alternateRowGrid {
    background-color: #356AA0;
    color: #FFFFFF;
    padding: 5px;
    text-align: center;
}

    .alternateRowGrid a {
        color: #FFFFFF;
        text-decoration: none;
    }

.divExpandLink {
    color: #FFFFFF;
    float: right;
    text-decoration: none;
}

    .divExpandLink img {
        border: 0pt none;
    }

.productHeader {
    background: none repeat scroll 0% 0% #EEEEEE;
    color: #000000;
    font-size: 1.5em;
    font-style: italic;
    height: 35px;
    text-align: center;
}

.productCategory {
    border-bottom: 1px solid #000000;
    width: 100%;
}

.productContent {
    width: 906px;
}

    .productContent div.item {
        border-top: 1px solid #000000;
        overflow: hidden;
    }

.itemDescription {
    border-right: 1px solid #000000;
    float: left;
    margin-bottom: -1000px;
    padding: 5px 5px 1000px;
    width: 500px;
}

.itemData {
    border-right: 1px solid #000000;
    float: left;
    margin-bottom: -1000px;
    padding: 5px 5px 1000px;
    width: 200px;
}

.itemComment {
    display: block;
    padding-left: 5px;
}

.Comment {
    font-weight: 700;
    padding-left: 5px;
}

.price {
    border-right: 1px solid #000000;
    float: left;
    margin-bottom: -1000px;
    padding: 5px 5px 1000px;
    text-align: right;
    width: 75px;
}

.itemQty {
    float: left;
    padding: 5px;
    width: 75px;
}

    .itemQty input {
        width: 75%;
    }

.productHeader .price {
    border: 0pt none;
    margin-bottom: 0pt;
    padding: 5px;
    width: 50px;
}

.productHeader .itemQty {
    margin-left: 20px;
    width: 40px;
}

.clear {
    clear: both;
}

.right {
    float: right;
}

.left {
    float: left;
}

a.button:link, a.button:visited, a.button:active, a.button:hover {
    background-color: #234786;
    border-color: #78859F #000033 #000033 #78859F;
    border-left: 2px solid #78859F;
    border-right: 2px solid #000033;
    border-style: solid;
    border-width: 2px;
    color: #FFFFFF !important;
    font-weight: 700;
    height: 14px;
    margin: 0pt;
    padding: 4px 6px 8px 8px;
    text-decoration: none;
}

.row {
    clear: both;
    margin-bottom: 10px;
}

a {
    outline: medium none;
}

.modifiers {
    list-style-type: decimal;
    margin-left: 30px;
}

.hide {
    display: none;
}

.ModifierErr {
    color: Red;
    margin-left: 50px;
}

.springRateButton:link, .springRateButton:visited, .springRateButton:active, .springRateButton:hover {
    display: block;
    font-size: 25px;
    margin: 10px;
    color: #FEF200;
    text-decoration: underline !important;
}

.btnAddToCart {
    font-size: 0.7em !important;
}

.centered {
    text-align: center;
}

.bold {
    font-weight: 700;
}

p {
    padding-bottom: 10px;
}

.popup {
    width: 500px;
}

.popupHeader {
    font-size: 2em;
    font-weight: 700;
    text-align: center;
}

.popupDescription {
    font-size: 1.2em;
    font-style: italic;
    line-height: 1.4em;
    margin-bottom: 10px;
    margin-top: 10px;
}

    .popupDescription img {
        border: 0pt none;
        float: right;
    }

.popupContent {
    margin: 0pt auto;
}

    .popupContent * {
        margin-left: auto;
        margin-right: auto;
    }

    .popupContent table {
        -moz-border-bottom-colors: none;
        -moz-border-image: none;
        -moz-border-left-colors: none;
        -moz-border-right-colors: none;
        -moz-border-top-colors: none;
        border-collapse: collapse;
        border-color: #000000 -moz-use-text-color -moz-use-text-color #000000;
        border-style: solid none none solid;
        border-width: 1px 0pt 0pt 1px;
        font-size: 1.1em;
        padding: 0pt;
    }

        .popupContent table td {
            border-bottom: 1px solid #000000;
            border-right: 1px solid #000000;
            padding: 3px;
        }

.CategoryContainer {
    background-color: #EEEEEE;
    border-bottom: 1px solid #000000;
    color: #000000;
    font-size: 1.5em;
    font-style: italic;
}

.ProductCategoryHeader {
    float: left;
    padding: 5px;
    text-align: center;
    width: 475px;
}

.DataHeader {
    float: left;
    padding: 5px;
    text-align: center;
    width: 200px;
}

.PriceHeader {
    float: left;
    padding: 5px;
    text-align: center;
    width: 75px;
}

.QtyHeader {
    float: left;
    padding: 5px;
    text-align: center;
    width: 50px;
}

.ProductItem {
    border-right: 1px solid #000000;
    float: left;
    margin: 0pt 0pt -995px;
    padding: 5px 5px 1000px;
    width: 475px;
}

.DataItem {
    border-right: 1px solid #000000;
    float: left;
    margin: 0pt 0pt -995px;
    padding: 5px 5px 1000px;
    width: 200px;
}

.PriceItem {
    border-right: 1px solid #000000;
    float: left;
    margin: 0pt 0pt -995px;
    padding: 5px 5px 1000px;
    text-align: right;
    width: 75px;
}

.CommentItem {
    padding: 5px;
}

div.QtyItem {
    float: left;
    margin: 0pt 0pt -995px;
    padding: 5px 5px 1000px;
    text-align: center;
    width: 75px;
}

.QtyItem input {
    padding: 2px;
    text-align: center;
    width: 56px;
}

ul.products {
    background: none repeat scroll 0% 0% transparent;
}

ul.categories, ul.products {
    list-style-type: none;
    margin: 0pt;
    padding: 0pt;
}

    ul.categories li, ul.products li {
        margin: 0pt;
        padding: 0pt;
    }

li.productContainer {
    border-bottom: 1px solid #000000;
    overflow: hidden;
}

    li.productContainer a:link, li.productContainer a:visited, li.productContainer a:active, li.productContainer a:hover {
        color: #FEF200;
        text-decoration: none;
    }

.rear .CategoryContainer {
    background-color: #9FCFF0;
}

.checkbox-left label {
    margin-right: 10px;
}

.orderInfo {
    margin-left: 20px;
}

    .orderInfo li {
        line-height: 16px;
        margin-bottom: 10px;
    }

.orderNoInfo {
    font-weight: 700;
    margin-right: 10px;
}

.indexContent {
    background: none repeat scroll 0% 0% transparent;
    border-collapse: collapse;
    border-spacing: 0px;
    border: 0px solid black;
    font-size: 12px;
    padding: 0px;
}

    .indexContent th {
        border-collapse: collapse;
        border: 0px solid black;
        text-align: center;
        vertical-align: middle;
    }

    .indexContent tr td {
        border-collapse: collapse;
        border: 0px none black;
        padding: 5px;
        vertical-align: top;
    }

    .indexContent A:link, .indexContent A:visited, .indexContent A:active, .rowGrid a {
        color: #000000;
        text-decoration: none;
    }

.headerLinks {
    font-size: 16px;
}

.prev {
    float: left;
}



td.selectRowForCartGrid, td.qtyRowForCartGrid, td.itemFooterForCartGrid {
    padding: 5px;
    text-align: center;
}

td.itemRowForCartGrid, td.descRowForCartGrid {
    padding: 5px;
    text-align: left;
}

td.priceRowForCartGrid, td.priceFooterForCartGrid {
    padding: 5px;
    text-align: right;
}

.productHeader .itemDescription, .productHeader .itemData {
    border: 0pt none;
    margin-bottom: 0pt;
    padding: 5px;
}

.checkbox-left input[type="checkbox"], .checkbox-left input[type="radio"] {
    margin-right: 4px;
}
/*#mainContainer>*{margin-left:20px;padding-top:20px;}
#mainContainer>table.content{margin-left:0px}*/

.headerTNKProducts th {
    background-color: #EEEEEE;
    border-color: -moz-use-text-color -moz-use-text-color #000000;
    border-left: 0 none;
    border-right: 0 none;
    border-style: none none solid;
    border-width: 0 0 1px;
    color: #000000;
    font-size: 1.5em;
    font-style: italic;
    font-weight: normal;
}

.rowTNKProducts td {
    background-color: transparent;
    border: 1px solid black;
    color: black;
    padding: 5px;
    text-align: left;
}

#fancybox-wrap {
    font-size: 1.1em !important;
    color: #000;
}

#indexContainer td {
    vertical-align: top;
}

#indexContainer img {
    border: solid 0px transparent;
}

.yellowBG {
    background-color: yellow;
    color: Black;
}

.center {
    text-align: center;
}

.bold {
    font-weight: bold;
}

.NewsFeedHeader {
    font-size: 16px;
    padding: 4px;
    text-align: center;
}

.eventHeader {
    display: block;
    font-size: 16px;
    font-weight: bold;
    text-align: center;
    text-transform: uppercase;
    width: 100%;
}

table.playGround {
    width: 100%;
}
/*.playGround img{width:90%}*/

.sideLink {
    background: #000000; /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */
    background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPgo8bGluZWFyR3JhZGllbnQgaWQ9ImczODYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMCUiIHkxPSIwJSIgeDI9IjAlIiB5Mj0iMTAwJSI+CjxzdG9wIHN0b3AtY29sb3I9IiMwMDAwMDAiIG9mZnNldD0iMC40Ii8+PHN0b3Agc3RvcC1jb2xvcj0iIzAyNThBQiIgb2Zmc2V0PSIxIi8+CjwvbGluZWFyR3JhZGllbnQ+CjxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZzM4NikiIC8+Cjwvc3ZnPg==");
    background: -moz-linear-gradient(top, #000000 40%, #0258ab 100%); /* FF3.6  */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(40%,#000000), color-stop(100%,#0258ab)); /* Chrome,Safari4  */
    background: -webkit-linear-gradient(top, #000000 40%,#0258ab 100%); /* Chrome10 ,Safari5.1  */
    background: -o-linear-gradient(top, #000000 40%,#0258ab 100%); /* Opera 11.10  */
    background: -ms-linear-gradient(top, #000000 40%,#0258ab 100%); /* IE10  */
    background: linear-gradient(to bottom, #000000 40%,#0258ab 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#0258ab',GradientType=0 ); /* IE6-8 */
    height: 40px;
    padding-left: 3px;
    vertical-align: middle !important;
    width: 223px;
}

    .sideLink a:link, .sideLink a:hover, .sideLink a:active, .sideLink a:visited {
        font-size: 21px;
        font-weight: bold;
        color: #FFF !important;
        text-decoration: none;
    }




/* News feed */

.newsFeedContainer {
    width: 435px;
    height: 560px;
    overflow: auto;
    padding: 4px;
}


.newsFeeds {
    padding: 10px;
    height: 100%;
    width: 97%;
}

.newsFeed {
    margin-bottom: 10px;
    padding: 5px;
}

.newsFeedTitle {
    font-weight: bold;
    margin-bottom: 10px;
    padding-bottom: 10px;
    text-align: left;
    font-size: 22px;
}

.newsFeedImage {
    padding-bottom: 10px;
    text-align: center;
}

.newsFeedShortDescription {
    font-size: 16px;
    line-height: 19px;
    padding-bottom: 10px;
    text-align: left;
    /*text-indent: 50px;*/
}

.newsFeedReadMore {
    /*padding: 10px 0;*/
    float: left;
}

.socialShare {
    float: right;
}

.newsFeedButton {
    background: none repeat scroll 0 0 #CCCCCC;
    color: #000000 !important;
    padding: 10px;
    font-weight: bold;
    border: solid 1px #000;
}

.newsFeedRead {
}

.newsFeedNavigate {
    padding: 10px;
    width: 97%;
}



.olderEntry, .newerEntry {
}

.paddedDiv {
    padding: 10px 0px;
}

.slides_container {
    height: 150px;
}

.slide {
    height: 150px;
    display: block;
}

    .slide img {
        height: 150px;
        width: 900px;
    }

.caption {
    z-index: 500;
    position: absolute;
    bottom: 0px;
    left: 0;
    height: 30px;
    padding: 2px 10px 2px 10px;
    background: #000;
    background: rgba(0,0,0,.5);
    width: 890px;
    font-size: 12px;
    line-height: 1.33;
    color: #fff;
    border-top: 1px solid #000;
    text-shadow: none;
}

.btn-inverse, .btn-primary {
    color: #FFFFFF !important
}

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
    margin: 0;
    padding: 0;
    list-style: none;
}

.sf-menu {
    line-height: 1.0;
}

    .sf-menu ul {
        position: absolute;
        top: -999em;
        width: 10em; /* left offset of submenus need to match (see below) */
    }

        .sf-menu ul li {
            width: 100%;
        }

    .sf-menu li:hover {
        visibility: inherit; /* fixes IE7 'sticky bug' */
    }

    .sf-menu li {
        float: left;
        position: relative;
        z-index: 99;
        background-color: #06075c;
    }

    .sf-menu a {
        display: block;
        position: relative;
        z-index: 99;
        font-family: Arial;
    }

    .sf-menu li:hover ul,
    .sf-menu li.sfHover ul {
        left: 0;
        top: 1.7em; /* match top ul list item height */
        z-index: 99;
    }

ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
    top: -999em;
}

ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
    left: 10em; /* match ul width */
    top: 0;
}

/*** DEMO SKIN ***/
.sf-menu {
    float: left;
    margin-bottom: 0em;
}

    .sf-menu a {
        border-left: 1px solid transparent;
        border-top: 1px solid transparent;
        border-bottom: 1px solid transparent;
        padding: .3em .50em;
        text-decoration: none;
    }

        .sf-menu a, .sf-menu a:visited { /* visited pseudo selector so IE6 applies text colour*/
            color: #ffffff;
        }

    .sf-menu li {
        background: transparent;
    }

        .sf-menu li li {
            background: transparent;
        }

            .sf-menu li li li {
                background: transparent;
            }

        .sf-menu li:hover, .sf-menu li.sfHover,
        .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
            background: #22292F;
            color: #ffffff;
            outline: 0;
        }

    /*** arrows **/
    .sf-menu a.sf-with-ul {
        /*padding-right: 	2.25em;*/
        min-width: 1px; /* trigger IE7 hasLayout so spans position accurately */
    }

.sf-sub-indicator {
    position: absolute;
    display: block;
    right: .75em;
    top: 1.05em; /* IE6 only */
    width: 10px;
    height: 10px;
    text-indent: -999em;
    overflow: hidden;
    /*background:		url('../images/arrows-ffffff.png') no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}

a > .sf-sub-indicator { /* give all except IE6 the correct values */
    top: .8em;
    background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
    background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator {
    background-position: -10px 0;
}

.sf-menu ul a > .sf-sub-indicator {
    background-position: 0 0;
}
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
    background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
    background: #000;
}

    .sf-shadow ul.sf-shadow-off {
        background: transparent;
    }
/*
 * jQuery UI CSS Framework 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden {
    display: none;
}

.ui-helper-hidden-accessible {
    position: absolute !important;
    clip: rect(1px 1px 1px 1px);
    clip: rect(1px,1px,1px,1px);
}

.ui-helper-reset {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    line-height: 1.3;
    text-decoration: none;
    font-size: 100%;
    list-style: none;
}

.ui-helper-clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.ui-helper-clearfix {
    display: inline-block;
}
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix {
    height: 1%;
}

.ui-helper-clearfix {
    display: block;
}
/* end clearfix */
.ui-helper-zfix {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: absolute;
    opacity: 0;
    filter: Alpha(Opacity=0);
}


/* Interaction Cues
----------------------------------*/
.ui-state-disabled {
    cursor: default !important;
}


/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    display: block;
    text-indent: -99999px;
    overflow: hidden;
    background-repeat: no-repeat;
}


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


/*
 * jQuery UI CSS Framework 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Tahoma&fwDefault=normal&fsDefault=1.2em&cornerRadius=4px&bgColorHeader=356AA0&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=ffffff&iconColorHeader=ffffff&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget {
    font-family: Arial,Verdana, Helvetica, sans-serif;
    font-size: 1.2em;
}

    .ui-widget .ui-widget {
        font-size: 1em;
    }

    .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
        font-family: Arial,Verdana, Helvetica, sans-serif;
        font-size: 1em;
    }

.ui-widget-content {
    border: 1px solid #aaaaaa;
    background: #ffffff url(images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x;
    color: #222222;
}

    .ui-widget-content a {
        color: #222222;
    }

.ui-widget-header {
    border: 1px solid #aaaaaa;
    background: #356aa0 url(images/ui-bg_highlight-soft_75_356aa0_1x100.png) 50% 50% repeat-x;
    color: #ffffff;
    font-weight: bold;
}

    .ui-widget-header a {
        color: #ffffff;
    }

    /* Interaction states
----------------------------------*/
    .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
        border: 1px solid #d3d3d3;
        background: #e6e6e6 url(images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #555555;
    }

        .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {
            color: #555555;
            text-decoration: none;
        }

    .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
        border: 1px solid #999999;
        background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

        .ui-state-hover a, .ui-state-hover a:hover {
            color: #212121;
            text-decoration: none;
        }

    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
        border: 1px solid #aaaaaa;
        background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
        font-weight: normal;
        color: #212121;
    }

        .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
            color: #212121;
            text-decoration: none;
        }

.ui-widget :active {
    outline: none;
}

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    border: 1px solid #fcefa1;
    background: #fbf9ee url(images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x;
    color: #363636;
}

    .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
        color: #363636;
    }

.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {
    border: 1px solid #cd0a0a;
    background: #fef1ec url(images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x;
    color: #cd0a0a;
}

    .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a {
        color: #cd0a0a;
    }

.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text {
    color: #cd0a0a;
}

.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary {
    font-weight: bold;
}

.ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary {
    opacity: .7;
    filter: Alpha(Opacity=70);
    font-weight: normal;
}

.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    opacity: .35;
    filter: Alpha(Opacity=35);
    background-image: none;
}

/* Icons
----------------------------------*/

/* states and images */
.ui-icon {
    width: 16px;
    height: 16px;
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-content .ui-icon {
    background-image: url(images/ui-icons_222222_256x240.png);
}

.ui-widget-header .ui-icon {
    background-image: url(images/ui-icons_ffffff_256x240.png);
}

.ui-state-default .ui-icon {
    background-image: url(images/ui-icons_888888_256x240.png);
}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-active .ui-icon {
    background-image: url(images/ui-icons_454545_256x240.png);
}

.ui-state-highlight .ui-icon {
    background-image: url(images/ui-icons_2e83ff_256x240.png);
}

.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {
    background-image: url(images/ui-icons_cd0a0a_256x240.png);
}

/* positioning */
.ui-icon-carat-1-n {
    background-position: 0 0;
}

.ui-icon-carat-1-ne {
    background-position: -16px 0;
}

.ui-icon-carat-1-e {
    background-position: -32px 0;
}

.ui-icon-carat-1-se {
    background-position: -48px 0;
}

.ui-icon-carat-1-s {
    background-position: -64px 0;
}

.ui-icon-carat-1-sw {
    background-position: -80px 0;
}

.ui-icon-carat-1-w {
    background-position: -96px 0;
}

.ui-icon-carat-1-nw {
    background-position: -112px 0;
}

.ui-icon-carat-2-n-s {
    background-position: -128px 0;
}

.ui-icon-carat-2-e-w {
    background-position: -144px 0;
}

.ui-icon-triangle-1-n {
    background-position: 0 -16px;
}

.ui-icon-triangle-1-ne {
    background-position: -16px -16px;
}

.ui-icon-triangle-1-e {
    background-position: -32px -16px;
}

.ui-icon-triangle-1-se {
    background-position: -48px -16px;
}

.ui-icon-triangle-1-s {
    background-position: -64px -16px;
}

.ui-icon-triangle-1-sw {
    background-position: -80px -16px;
}

.ui-icon-triangle-1-w {
    background-position: -96px -16px;
}

.ui-icon-triangle-1-nw {
    background-position: -112px -16px;
}

.ui-icon-triangle-2-n-s {
    background-position: -128px -16px;
}

.ui-icon-triangle-2-e-w {
    background-position: -144px -16px;
}

.ui-icon-arrow-1-n {
    background-position: 0 -32px;
}

.ui-icon-arrow-1-ne {
    background-position: -16px -32px;
}

.ui-icon-arrow-1-e {
    background-position: -32px -32px;
}

.ui-icon-arrow-1-se {
    background-position: -48px -32px;
}

.ui-icon-arrow-1-s {
    background-position: -64px -32px;
}

.ui-icon-arrow-1-sw {
    background-position: -80px -32px;
}

.ui-icon-arrow-1-w {
    background-position: -96px -32px;
}

.ui-icon-arrow-1-nw {
    background-position: -112px -32px;
}

.ui-icon-arrow-2-n-s {
    background-position: -128px -32px;
}

.ui-icon-arrow-2-ne-sw {
    background-position: -144px -32px;
}

.ui-icon-arrow-2-e-w {
    background-position: -160px -32px;
}

.ui-icon-arrow-2-se-nw {
    background-position: -176px -32px;
}

.ui-icon-arrowstop-1-n {
    background-position: -192px -32px;
}

.ui-icon-arrowstop-1-e {
    background-position: -208px -32px;
}

.ui-icon-arrowstop-1-s {
    background-position: -224px -32px;
}

.ui-icon-arrowstop-1-w {
    background-position: -240px -32px;
}

.ui-icon-arrowthick-1-n {
    background-position: 0 -48px;
}

.ui-icon-arrowthick-1-ne {
    background-position: -16px -48px;
}

.ui-icon-arrowthick-1-e {
    background-position: -32px -48px;
}

.ui-icon-arrowthick-1-se {
    background-position: -48px -48px;
}

.ui-icon-arrowthick-1-s {
    background-position: -64px -48px;
}

.ui-icon-arrowthick-1-sw {
    background-position: -80px -48px;
}

.ui-icon-arrowthick-1-w {
    background-position: -96px -48px;
}

.ui-icon-arrowthick-1-nw {
    background-position: -112px -48px;
}

.ui-icon-arrowthick-2-n-s {
    background-position: -128px -48px;
}

.ui-icon-arrowthick-2-ne-sw {
    background-position: -144px -48px;
}

.ui-icon-arrowthick-2-e-w {
    background-position: -160px -48px;
}

.ui-icon-arrowthick-2-se-nw {
    background-position: -176px -48px;
}

.ui-icon-arrowthickstop-1-n {
    background-position: -192px -48px;
}

.ui-icon-arrowthickstop-1-e {
    background-position: -208px -48px;
}

.ui-icon-arrowthickstop-1-s {
    background-position: -224px -48px;
}

.ui-icon-arrowthickstop-1-w {
    background-position: -240px -48px;
}

.ui-icon-arrowreturnthick-1-w {
    background-position: 0 -64px;
}

.ui-icon-arrowreturnthick-1-n {
    background-position: -16px -64px;
}

.ui-icon-arrowreturnthick-1-e {
    background-position: -32px -64px;
}

.ui-icon-arrowreturnthick-1-s {
    background-position: -48px -64px;
}

.ui-icon-arrowreturn-1-w {
    background-position: -64px -64px;
}

.ui-icon-arrowreturn-1-n {
    background-position: -80px -64px;
}

.ui-icon-arrowreturn-1-e {
    background-position: -96px -64px;
}

.ui-icon-arrowreturn-1-s {
    background-position: -112px -64px;
}

.ui-icon-arrowrefresh-1-w {
    background-position: -128px -64px;
}

.ui-icon-arrowrefresh-1-n {
    background-position: -144px -64px;
}

.ui-icon-arrowrefresh-1-e {
    background-position: -160px -64px;
}

.ui-icon-arrowrefresh-1-s {
    background-position: -176px -64px;
}

.ui-icon-arrow-4 {
    background-position: 0 -80px;
}

.ui-icon-arrow-4-diag {
    background-position: -16px -80px;
}

.ui-icon-extlink {
    background-position: -32px -80px;
}

.ui-icon-newwin {
    background-position: -48px -80px;
}

.ui-icon-refresh {
    background-position: -64px -80px;
}

.ui-icon-shuffle {
    background-position: -80px -80px;
}

.ui-icon-transfer-e-w {
    background-position: -96px -80px;
}

.ui-icon-transferthick-e-w {
    background-position: -112px -80px;
}

.ui-icon-folder-collapsed {
    background-position: 0 -96px;
}

.ui-icon-folder-open {
    background-position: -16px -96px;
}

.ui-icon-document {
    background-position: -32px -96px;
}

.ui-icon-document-b {
    background-position: -48px -96px;
}

.ui-icon-note {
    background-position: -64px -96px;
}

.ui-icon-mail-closed {
    background-position: -80px -96px;
}

.ui-icon-mail-open {
    background-position: -96px -96px;
}

.ui-icon-suitcase {
    background-position: -112px -96px;
}

.ui-icon-comment {
    background-position: -128px -96px;
}

.ui-icon-person {
    background-position: -144px -96px;
}

.ui-icon-print {
    background-position: -160px -96px;
}

.ui-icon-trash {
    background-position: -176px -96px;
}

.ui-icon-locked {
    background-position: -192px -96px;
}

.ui-icon-unlocked {
    background-position: -208px -96px;
}

.ui-icon-bookmark {
    background-position: -224px -96px;
}

.ui-icon-tag {
    background-position: -240px -96px;
}

.ui-icon-home {
    background-position: 0 -112px;
}

.ui-icon-flag {
    background-position: -16px -112px;
}

.ui-icon-calendar {
    background-position: -32px -112px;
}

.ui-icon-cart {
    background-position: -48px -112px;
}

.ui-icon-pencil {
    background-position: -64px -112px;
}

.ui-icon-clock {
    background-position: -80px -112px;
}

.ui-icon-disk {
    background-position: -96px -112px;
}

.ui-icon-calculator {
    background-position: -112px -112px;
}

.ui-icon-zoomin {
    background-position: -128px -112px;
}

.ui-icon-zoomout {
    background-position: -144px -112px;
}

.ui-icon-search {
    background-position: -160px -112px;
}

.ui-icon-wrench {
    background-position: -176px -112px;
}

.ui-icon-gear {
    background-position: -192px -112px;
}

.ui-icon-heart {
    background-position: -208px -112px;
}

.ui-icon-star {
    background-position: -224px -112px;
}

.ui-icon-link {
    background-position: -240px -112px;
}

.ui-icon-cancel {
    background-position: 0 -128px;
}

.ui-icon-plus {
    background-position: -16px -128px;
}

.ui-icon-plusthick {
    background-position: -32px -128px;
}

.ui-icon-minus {
    background-position: -48px -128px;
}

.ui-icon-minusthick {
    background-position: -64px -128px;
}

.ui-icon-close {
    background-position: -80px -128px;
}

.ui-icon-closethick {
    background-position: -96px -128px;
}

.ui-icon-key {
    background-position: -112px -128px;
}

.ui-icon-lightbulb {
    background-position: -128px -128px;
}

.ui-icon-scissors {
    background-position: -144px -128px;
}

.ui-icon-clipboard {
    background-position: -160px -128px;
}

.ui-icon-copy {
    background-position: -176px -128px;
}

.ui-icon-contact {
    background-position: -192px -128px;
}

.ui-icon-image {
    background-position: -208px -128px;
}

.ui-icon-video {
    background-position: -224px -128px;
}

.ui-icon-script {
    background-position: -240px -128px;
}

.ui-icon-alert {
    background-position: 0 -144px;
}

.ui-icon-info {
    background-position: -16px -144px;
}

.ui-icon-notice {
    background-position: -32px -144px;
}

.ui-icon-help {
    background-position: -48px -144px;
}

.ui-icon-check {
    background-position: -64px -144px;
}

.ui-icon-bullet {
    background-position: -80px -144px;
}

.ui-icon-radio-off {
    background-position: -96px -144px;
}

.ui-icon-radio-on {
    background-position: -112px -144px;
}

.ui-icon-pin-w {
    background-position: -128px -144px;
}

.ui-icon-pin-s {
    background-position: -144px -144px;
}

.ui-icon-play {
    background-position: 0 -160px;
}

.ui-icon-pause {
    background-position: -16px -160px;
}

.ui-icon-seek-next {
    background-position: -32px -160px;
}

.ui-icon-seek-prev {
    background-position: -48px -160px;
}

.ui-icon-seek-end {
    background-position: -64px -160px;
}

.ui-icon-seek-start {
    background-position: -80px -160px;
}
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first {
    background-position: -80px -160px;
}

.ui-icon-stop {
    background-position: -96px -160px;
}

.ui-icon-eject {
    background-position: -112px -160px;
}

.ui-icon-volume-off {
    background-position: -128px -160px;
}

.ui-icon-volume-on {
    background-position: -144px -160px;
}

.ui-icon-power {
    background-position: 0 -176px;
}

.ui-icon-signal-diag {
    background-position: -16px -176px;
}

.ui-icon-signal {
    background-position: -32px -176px;
}

.ui-icon-battery-0 {
    background-position: -48px -176px;
}

.ui-icon-battery-1 {
    background-position: -64px -176px;
}

.ui-icon-battery-2 {
    background-position: -80px -176px;
}

.ui-icon-battery-3 {
    background-position: -96px -176px;
}

.ui-icon-circle-plus {
    background-position: 0 -192px;
}

.ui-icon-circle-minus {
    background-position: -16px -192px;
}

.ui-icon-circle-close {
    background-position: -32px -192px;
}

.ui-icon-circle-triangle-e {
    background-position: -48px -192px;
}

.ui-icon-circle-triangle-s {
    background-position: -64px -192px;
}

.ui-icon-circle-triangle-w {
    background-position: -80px -192px;
}

.ui-icon-circle-triangle-n {
    background-position: -96px -192px;
}

.ui-icon-circle-arrow-e {
    background-position: -112px -192px;
}

.ui-icon-circle-arrow-s {
    background-position: -128px -192px;
}

.ui-icon-circle-arrow-w {
    background-position: -144px -192px;
}

.ui-icon-circle-arrow-n {
    background-position: -160px -192px;
}

.ui-icon-circle-zoomin {
    background-position: -176px -192px;
}

.ui-icon-circle-zoomout {
    background-position: -192px -192px;
}

.ui-icon-circle-check {
    background-position: -208px -192px;
}

.ui-icon-circlesmall-plus {
    background-position: 0 -208px;
}

.ui-icon-circlesmall-minus {
    background-position: -16px -208px;
}

.ui-icon-circlesmall-close {
    background-position: -32px -208px;
}

.ui-icon-squaresmall-plus {
    background-position: -48px -208px;
}

.ui-icon-squaresmall-minus {
    background-position: -64px -208px;
}

.ui-icon-squaresmall-close {
    background-position: -80px -208px;
}

.ui-icon-grip-dotted-vertical {
    background-position: 0 -224px;
}

.ui-icon-grip-dotted-horizontal {
    background-position: -16px -224px;
}

.ui-icon-grip-solid-vertical {
    background-position: -32px -224px;
}

.ui-icon-grip-solid-horizontal {
    background-position: -48px -224px;
}

.ui-icon-gripsmall-diagonal-se {
    background-position: -64px -224px;
}

.ui-icon-grip-diagonal-se {
    background-position: -80px -224px;
}


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
}

.ui-corner-tr {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-bl {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-br {
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-top {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
}

.ui-corner-bottom {
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-right {
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.ui-corner-left {
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.ui-corner-all {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}

/* Overlays */
.ui-widget-overlay {
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
}

.ui-widget-shadow {
    margin: -8px 0 0 -8px;
    padding: 8px;
    background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;
    opacity: .30;
    filter: Alpha(Opacity=30);
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}
/*
 * jQuery UI Resizable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Resizable#theming
 */
.ui-resizable {
    position: relative;
}

.ui-resizable-handle {
    position: absolute;
    font-size: 0.1px;
    z-index: 99999;
    display: block;
}

.ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle {
    display: none;
}

.ui-resizable-n {
    cursor: n-resize;
    height: 7px;
    width: 100%;
    top: -5px;
    left: 0;
}

.ui-resizable-s {
    cursor: s-resize;
    height: 7px;
    width: 100%;
    bottom: -5px;
    left: 0;
}

.ui-resizable-e {
    cursor: e-resize;
    width: 7px;
    right: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-w {
    cursor: w-resize;
    width: 7px;
    left: -5px;
    top: 0;
    height: 100%;
}

.ui-resizable-se {
    cursor: se-resize;
    width: 12px;
    height: 12px;
    right: 1px;
    bottom: 1px;
}

.ui-resizable-sw {
    cursor: sw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    bottom: -5px;
}

.ui-resizable-nw {
    cursor: nw-resize;
    width: 9px;
    height: 9px;
    left: -5px;
    top: -5px;
}

.ui-resizable-ne {
    cursor: ne-resize;
    width: 9px;
    height: 9px;
    right: -5px;
    top: -5px;
}
/*
 * jQuery UI Selectable 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Selectable#theming
 */
.ui-selectable-helper {
    position: absolute;
    z-index: 100;
    border: 1px dotted black;
}
/*
 * jQuery UI Accordion 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Accordion#theming
 */
/* IE/Win - Fix animation bug - #4615 */
.ui-accordion {
    width: 100%;
}

    .ui-accordion .ui-accordion-header {
        cursor: pointer;
        position: relative;
        margin-top: 1px;
        zoom: 1;
    }

    .ui-accordion .ui-accordion-li-fix {
        display: inline;
    }

    .ui-accordion .ui-accordion-header-active {
        border-bottom: 0 !important;
    }

    .ui-accordion .ui-accordion-header a {
        display: block;
        font-size: 1em;
        padding: .5em .5em .5em .7em;
    }

.ui-accordion-icons .ui-accordion-header a {
    padding-left: 2.2em;
}

.ui-accordion .ui-accordion-header .ui-icon {
    position: absolute;
    left: .5em;
    top: 50%;
    margin-top: -8px;
}

.ui-accordion .ui-accordion-content {
    padding: 1em 2.2em;
    border-top: 0;
    margin-top: -2px;
    position: relative;
    top: 1px;
    margin-bottom: 2px;
    overflow: auto;
    display: none;
    zoom: 1;
}

.ui-accordion .ui-accordion-content-active {
    display: block;
}
/*
 * jQuery UI Autocomplete 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Autocomplete#theming
 */
.ui-autocomplete {
    position: absolute;
    cursor: default;
}

/* workarounds */
* html .ui-autocomplete {
    width: 1px;
}
/* without this, the menu expands to 100% in IE6 */

/*
 * jQuery UI Menu 1.8.10
 *
 * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Menu#theming
 */
.ui-menu {
    list-style: none;
    padding: 2px;
    margin: 0;
    display: block;
    float: left;
}

    .ui-menu .ui-menu {
        margin-top: -3px;
    }

    .ui-menu .ui-menu-item {
        margin: 0;
        padding: 0;
        zoom: 1;
        float: left;
        clear: left;
        width: 100%;
    }

        .ui-menu .ui-menu-item a {
            text-decoration: none;
            display: block;
            padding: .2em .4em;
            line-height: 1.5;
            zoom: 1;
        }

            .ui-menu .ui-menu-item a.ui-state-hover,
            .ui-menu .ui-menu-item a.ui-state-active {
                font-weight: normal;
                margin: -1px;
            }
/*
 * jQuery UI Button 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Button#theming
 */
.ui-button {
    display: inline-block;
    position: relative;
    padding: 0;
    margin-right: .1em;
    text-decoration: none !important;
    cursor: pointer;
    text-align: center;
    zoom: 1;
    overflow: visible;
}
/* the overflow property removes extra width in IE */
.ui-button-icon-only {
    width: 2.2em;
}
/* to make room for the icon, a width needs to be set here */
button.ui-button-icon-only {
    width: 2.4em;
}
/* button elements seem to need a little more width */
.ui-button-icons-only {
    width: 3.4em;
}

button.ui-button-icons-only {
    width: 3.7em;
}

/*button text element */
.ui-button .ui-button-text {
    display: block;
    line-height: 1.4;
}

.ui-button-text-only .ui-button-text {
    padding: .4em 1em;
}

.ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text {
    padding: .4em;
    text-indent: -9999999px;
}

.ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 1em .4em 2.1em;
}

.ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text {
    padding: .4em 2.1em .4em 1em;
}

.ui-button-text-icons .ui-button-text {
    padding-left: 2.1em;
    padding-right: 2.1em;
}
/* no icon support for input elements, provide padding by default */
input.ui-button {
    padding: .4em 1em;
}

/*button icon element(s) */
.ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon {
    position: absolute;
    top: 50%;
    margin-top: -8px;
}

.ui-button-icon-only .ui-icon {
    left: 50%;
    margin-left: -8px;
}

.ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary {
    left: .5em;
}

.ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

.ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary {
    right: .5em;
}

/*button sets*/
.ui-buttonset {
    margin-right: 7px;
}

    .ui-buttonset .ui-button {
        margin-left: 0;
        margin-right: -.3em;
    }

/* workarounds */
button.ui-button::-moz-focus-inner {
    border: 0;
    padding: 0;
}
/* reset extra padding in Firefox */
/*
 * jQuery UI Dialog 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Dialog#theming
 */
.ui-dialog {
    position: absolute;
    padding: .2em;
    width: 300px;
    overflow: hidden;
}

    .ui-dialog .ui-dialog-titlebar {
        padding: .4em 1em;
        position: relative;
    }

    .ui-dialog .ui-dialog-title {
        float: left;
        margin: .1em 16px .1em 0;
    }

    .ui-dialog .ui-dialog-titlebar-close {
        position: absolute;
        right: .3em;
        top: 50%;
        width: 19px;
        margin: -10px 0 0 0;
        padding: 1px;
        height: 18px;
    }

        .ui-dialog .ui-dialog-titlebar-close span {
            display: block;
            margin: 1px;
        }

        .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus {
            padding: 0;
        }

    .ui-dialog .ui-dialog-content {
        position: relative;
        border: 0;
        padding: .5em 1em;
        background: none;
        overflow: auto;
        zoom: 1;
    }

    .ui-dialog .ui-dialog-buttonpane {
        text-align: left;
        border-width: 1px 0 0 0;
        background-image: none;
        margin: .5em 0 0 0;
        padding: .3em 1em .5em .4em;
    }

        .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
            float: right;
        }

        .ui-dialog .ui-dialog-buttonpane button {
            margin: .5em .4em .5em 0;
            cursor: pointer;
        }

    .ui-dialog .ui-resizable-se {
        width: 14px;
        height: 14px;
        right: 3px;
        bottom: 3px;
    }

.ui-draggable .ui-dialog-titlebar {
    cursor: move;
}
/*
 * jQuery UI Slider 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Slider#theming
 */
.ui-slider {
    position: relative;
    text-align: left;
}

    .ui-slider .ui-slider-handle {
        position: absolute;
        z-index: 2;
        width: 1.2em;
        height: 1.2em;
        cursor: default;
    }

    .ui-slider .ui-slider-range {
        position: absolute;
        z-index: 1;
        font-size: .7em;
        display: block;
        border: 0;
        background-position: 0 0;
    }

.ui-slider-horizontal {
    height: .8em;
}

    .ui-slider-horizontal .ui-slider-handle {
        top: -.3em;
        margin-left: -.6em;
    }

    .ui-slider-horizontal .ui-slider-range {
        top: 0;
        height: 100%;
    }

    .ui-slider-horizontal .ui-slider-range-min {
        left: 0;
    }

    .ui-slider-horizontal .ui-slider-range-max {
        right: 0;
    }

.ui-slider-vertical {
    width: .8em;
    height: 100px;
}

    .ui-slider-vertical .ui-slider-handle {
        left: -.3em;
        margin-left: 0;
        margin-bottom: -.6em;
    }

    .ui-slider-vertical .ui-slider-range {
        left: 0;
        width: 100%;
    }

    .ui-slider-vertical .ui-slider-range-min {
        bottom: 0;
    }

    .ui-slider-vertical .ui-slider-range-max {
        top: 0;
    }
/*
 * jQuery UI Tabs 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs {
    position: relative;
    padding: .2em;
    zoom: 1;
}
    /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
    .ui-tabs .ui-tabs-nav {
        margin: 0;
        padding: .2em .2em 0;
    }

        .ui-tabs .ui-tabs-nav li {
            list-style: none;
            float: left;
            position: relative;
            top: 1px;
            margin: 0 .2em 1px 0;
            border-bottom: 0 !important;
            padding: 0;
            white-space: nowrap;
        }

            .ui-tabs .ui-tabs-nav li a {
                float: left;
                padding: .5em 1em;
                text-decoration: none;
            }

            .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
                margin-bottom: 0;
                padding-bottom: 1px;
            }

                .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
                    cursor: text;
                }

            .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
                cursor: pointer;
            }
    /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
    .ui-tabs .ui-tabs-panel {
        display: block;
        border-width: 0;
        padding: 1em 1.4em;
        background: none;
    }

    .ui-tabs .ui-tabs-hide {
        display: none !important;
    }
/*
 * jQuery UI Datepicker 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Datepicker#theming
 */
.ui-datepicker {
    width: 17em;
    padding: .2em .2em 0;
    display: none;
}

    .ui-datepicker .ui-datepicker-header {
        position: relative;
        padding: .2em 0;
    }

    .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next {
        position: absolute;
        top: 2px;
        width: 1.8em;
        height: 1.8em;
    }

    .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover {
        top: 1px;
    }

    .ui-datepicker .ui-datepicker-prev {
        left: 2px;
    }

    .ui-datepicker .ui-datepicker-next {
        right: 2px;
    }

    .ui-datepicker .ui-datepicker-prev-hover {
        left: 1px;
    }

    .ui-datepicker .ui-datepicker-next-hover {
        right: 1px;
    }

    .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span {
        display: block;
        position: absolute;
        left: 50%;
        margin-left: -8px;
        top: 50%;
        margin-top: -8px;
    }

    .ui-datepicker .ui-datepicker-title {
        margin: 0 2.3em;
        line-height: 1.8em;
        text-align: center;
    }

        .ui-datepicker .ui-datepicker-title select {
            font-size: 1em;
            margin: 1px 0;
        }

    .ui-datepicker select.ui-datepicker-month-year {
        width: 100%;
    }

    .ui-datepicker select.ui-datepicker-month,
    .ui-datepicker select.ui-datepicker-year {
        width: 49%;
    }

    .ui-datepicker table {
        width: 100%;
        font-size: .9em;
        border-collapse: collapse;
        margin: 0 0 .4em;
    }

    .ui-datepicker th {
        padding: .7em .3em;
        text-align: center;
        font-weight: bold;
        border: 0;
    }

    .ui-datepicker td {
        border: 0;
        padding: 1px;
    }

        .ui-datepicker td span, .ui-datepicker td a {
            display: block;
            padding: .2em;
            text-align: right;
            text-decoration: none;
        }

    .ui-datepicker .ui-datepicker-buttonpane {
        background-image: none;
        margin: .7em 0 0 0;
        padding: 0 .2em;
        border-left: 0;
        border-right: 0;
        border-bottom: 0;
    }

        .ui-datepicker .ui-datepicker-buttonpane button {
            float: right;
            margin: .5em .2em .4em;
            cursor: pointer;
            padding: .2em .6em .3em .6em;
            width: auto;
            overflow: visible;
        }

            .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: left;
            }

    /* with multiple calendars */
    .ui-datepicker.ui-datepicker-multi {
        width: auto;
    }

.ui-datepicker-multi .ui-datepicker-group {
    float: left;
}

    .ui-datepicker-multi .ui-datepicker-group table {
        width: 95%;
        margin: 0 auto .4em;
    }

.ui-datepicker-multi-2 .ui-datepicker-group {
    width: 50%;
}

.ui-datepicker-multi-3 .ui-datepicker-group {
    width: 33.3%;
}

.ui-datepicker-multi-4 .ui-datepicker-group {
    width: 25%;
}

.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
    border-left-width: 0;
}

.ui-datepicker-multi .ui-datepicker-buttonpane {
    clear: left;
}

.ui-datepicker-row-break {
    clear: both;
    width: 100%;
}

/* RTL support */
.ui-datepicker-rtl {
    direction: rtl;
}

    .ui-datepicker-rtl .ui-datepicker-prev {
        right: 2px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next {
        left: 2px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-prev:hover {
        right: 1px;
        left: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-next:hover {
        left: 1px;
        right: auto;
    }

    .ui-datepicker-rtl .ui-datepicker-buttonpane {
        clear: right;
    }

        .ui-datepicker-rtl .ui-datepicker-buttonpane button {
            float: left;
        }

            .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current {
                float: right;
            }

    .ui-datepicker-rtl .ui-datepicker-group {
        float: right;
    }

    .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

    .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
        border-right-width: 0;
        border-left-width: 1px;
    }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display /**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}
/*
 * jQuery UI Progressbar 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Progressbar#theming
 */
.ui-progressbar {
    height: 2em;
    text-align: left;
}

    .ui-progressbar .ui-progressbar-value {
        margin: -1px;
        height: 100%;
    }

#popup_container {
    font-family: Arial, sans-serif;
    font-size: 12px;
    min-width: 300px; /* Dialog will be no smaller than this */
    max-width: 600px; /* Dialog will wrap after this width */
    background: #FFF;
    border: solid 5px #999;
    color: #000;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

#popup_title {
    font-size: 14px;
    font-weight: bold;
    text-align: center;
    line-height: 1.75em;
    color: #666;
    background: #CCC url(../images/title.gif) top repeat-x;
    border: solid 1px #FFF;
    border-bottom: solid 1px #999;
    cursor: default;
    padding: 0em;
    margin: 0em;
}

#popup_content {
    background: 16px 16px no-repeat url(../images/info.gif);
    padding: 1em 1.75em;
    margin: 0em;
}

    #popup_content.alert {
        background-image: url(../images/info.gif);
    }

    #popup_content.confirm {
        background-image: url(../images/important.gif);
    }

    #popup_content.prompt {
        background-image: url(../images/help.gif);
    }

#popup_message {
    padding-left: 48px;
}

#popup_panel {
    text-align: center;
    margin: 1em 0em 0em 1em;
}

#popup_prompt {
    margin: .5em 0em;
}

 /*
------------------------------
	Impromptu's
------------------------------
*/
.jqifade {
    position: absolute;
    background-color: #aaaaaa;
}

div.jqi {
    width: 400px;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    font-size: 11px;
    text-align: left;
    border: solid 1px #eeeeee;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 7px;
}

    div.jqi .jqicontainer {
        font-weight: bold;
    }

    div.jqi .jqiclose {
        position: absolute;
        top: 4px;
        right: -2px;
        width: 18px;
        cursor: default;
        color: #bbbbbb;
        font-weight: bold;
    }

    div.jqi .jqimessage {
        padding: 10px;
        line-height: 20px;
        color: #444444;
    }

    div.jqi .jqibuttons {
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
    }

    div.jqi button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #2F6073;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.jqi button:hover {
            background-color: #728A8C;
        }

        div.jqi button.jqidefaultbutton {
            /*background-color: #8DC05B;*/
            background-color: #BF5E26;
        }

.jqiwarning .jqi .jqibuttons {
    background-color: #BF5E26;
}

/*
------------------------------
	impromptu
------------------------------
*/
.impromptuwarning .impromptu {
    background-color: #aaaaaa;
}

.impromptufade {
    position: absolute;
    background-color: #ffffff;
}

div.impromptu {
    position: absolute;
    background-color: #cccccc;
    padding: 10px;
    width: 300px;
    text-align: left;
}

    div.impromptu .impromptuclose {
        float: right;
        margin: -35px -10px 0 0;
        cursor: pointer;
        color: #213e80;
    }

    div.impromptu .impromptucontainer {
        background-color: #213e80;
        padding: 5px;
        color: #ffffff;
        font-weight: bold;
    }

    div.impromptu .impromptumessage {
        background-color: #415ea0;
        padding: 10px;
    }

    div.impromptu .impromptubuttons {
        text-align: center;
        padding: 5px 0 0 0;
    }

    div.impromptu button {
        padding: 3px 10px 3px 10px;
        margin: 0 10px;
    }

/*
------------------------------
	columns ex
------------------------------
*/
.colsJqifadewarning .colsJqi {
    background-color: #b0be96;
}

.colsJqifade {
    position: absolute;
    background-color: #ffffff;
}

div.colsJqi {
    position: absolute;
    background-color: #d0dEb6;
    padding: 10px;
    width: 400px;
    text-align: left;
}

    div.colsJqi .colsJqiclose {
        float: right;
        margin: -35px -10px 0 0;
        cursor: pointer;
        color: #bbbbbb;
    }

    div.colsJqi .colsJqicontainer {
        background-color: #e0eEc6;
        padding: 5px;
        color: #ffffff;
        font-weight: bold;
        height: 160px;
    }

    div.colsJqi .colsJqimessage {
        background-color: #c0cEa6;
        padding: 10px;
        width: 280px;
        height: 140px;
        float: left;
    }

    div.colsJqi .jqibuttons {
        text-align: center;
        padding: 5px 0 0 0;
    }

    div.colsJqi button {
        background: url(../images/button_bg.jpg) top left repeat-x #ffffff;
        border: solid #777777 1px;
        font-size: 12px;
        padding: 3px 10px 3px 10px;
        margin: 5px 5px 5px 10px;
        width: 75px;
    }

        div.colsJqi button:hover {
            border: solid #aaaaaa 1px;
        }

/*
------------------------------
	brown theme
------------------------------
*/
.brownJqiwarning .brownJqi {
    background-color: #cccccc;
}

.brownJqifade {
    position: absolute;
    background-color: #ffffff;
}

div.brownJqi {
    position: absolute;
    background-color: transparent;
    padding: 10px;
    width: 300px;
    text-align: left;
}

    div.brownJqi .brownJqiclose {
        float: right;
        margin: -20px 0 0 0;
        cursor: pointer;
        color: #777777;
        font-size: 11px;
    }

    div.brownJqi .brownJqicontainer {
        position: relative;
        background-color: transparent;
        border: solid 1px #5F5D5A;
        color: #ffffff;
        font-weight: bold;
    }

    div.brownJqi .brownJqimessage {
        position: relative;
        background-color: #F7F6F2;
        border-top: solid 1px #C6B8AE;
        border-bottom: solid 1px #C6B8AE;
    }

        div.brownJqi .brownJqimessage h3 {
            background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
            margin: 0;
            padding: 7px 0 7px 15px;
            color: #4D4A47;
        }

        div.brownJqi .brownJqimessage p {
            padding: 10px;
            color: #777777;
        }

        div.brownJqi .brownJqimessage img.helpImg {
            position: absolute;
            bottom: -25px;
            left: 10px;
        }

    div.brownJqi .brownJqibuttons {
        text-align: right;
    }

    div.brownJqi button {
        background: url(../images/brown_theme_gradient.jpg) top left repeat-x #ffffff;
        border: solid #777777 1px;
        font-size: 12px;
        padding: 3px 10px 3px 10px;
        margin: 5px 5px 5px 10px;
    }

        div.brownJqi button:hover {
            border: solid #aaaaaa 1px;
        }

/*
*------------------------
*   clean blue ex
*------------------------
*/
.cleanbluewarning .cleanblue {
    background-color: #acb4c4;
}

.cleanbluefade {
    position: absolute;
    background-color: #aaaaaa;
}

div.cleanblue {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    position: absolute;
    background-color: #ffffff;
    width: 300px;
    font-size: 11px;
    text-align: left;
    border: solid 1px #213e80;
}

    div.cleanblue .cleanbluecontainer {
        background-color: #ffffff;
        border-top: solid 14px #213e80;
        padding: 5px;
        font-weight: bold;
    }

    div.cleanblue .cleanblueclose {
        float: right;
        width: 18px;
        cursor: default;
        margin: -19px -12px 0 0;
        color: #ffffff;
        font-weight: bold;
    }

    div.cleanblue .cleanbluemessage {
        padding: 10px;
        line-height: 20px;
        font-size: 11px;
        color: #333333;
    }

    div.cleanblue .cleanbluebuttons {
        text-align: right;
        padding: 5px 0 5px 0;
        border: solid 1px #eeeeee;
        background-color: #f4f4f4;
    }

    div.cleanblue button {
        padding: 3px 10px;
        margin: 0 10px;
        background-color: #314e90;
        border: solid 1px #f4f4f4;
        color: #ffffff;
        font-weight: bold;
        font-size: 12px;
    }

        div.cleanblue button:hover {
            border: solid 1px #d4d4d4;
        }

/*
*------------------------
*   Ext Blue Ex
*------------------------
*/
.extbluewarning .extblue {
    border: 1px red solid;
}

.extbluefade {
    position: absolute;
    background-color: #ffffff;
}

div.extblue {
    border: 1px #6289B6 solid;
    position: absolute;
    background-color: #CAD8EA;
    padding: 0;
    width: 300px;
    text-align: left;
}

    div.extblue .extblueclose {
        background-color: #CAD8EA;
        margin: 2px -2px 0 0;
        cursor: pointer;
        color: red;
        text-align: right;
    }

    div.extblue .extbluecontainer {
        background-color: #CAD8EA;
        padding: 0 5px 5px 5px;
        color: #000000;
        font: normal 11px Verdana;
    }

    div.extblue .extbluemessage {
        background-color: #CAD8EA;
        padding: 0;
        margin: 0 15px 15px 15px;
    }

    div.extblue .extbluebuttons {
        text-align: center;
        padding: 0px 0 0 0;
    }

    div.extblue button {
        padding: 1px 4px;
        margin: 0 10px;
        background-color: #cccccc;
        font-weight: normal;
        font-family: Verdana;
        font-size: 10px;
    }