body {
    padding-top: 45px;
    padding-bottom: 40px;
    background-image: none;
}

.newsTicker {
    background-color: #F9F9F9;
    border-bottom: 1px solid #DDDDDD;
    border-top: 1px solid #DDDDDD;
    line-height: 18px;
    padding: 8px;
    overflow: hidden;
    margin: 0 0 18px 0;
}

.tickerImportant {
    background-color: #B94A48;
    border-bottom: 1px solid #803333;
    border-top: 1px solid #803333;
    color: #FFFFFF;
}

.newsTicker strong {
    float: left;
    width: 60px;
}

.newsTicker ul {
    list-style: none;
    padding: 0;
    margin: 0;
    overflow: hidden;
    float: left;
    width: 754px;
}

.newsTicker ul li {
    padding: 0;
    margin: 0;
    float: left;
}

.newsTicker div.newsTickerControls {
    width:100px;
    padding: 0 0 0 10px;
    float: right;
}

dl#appformFilter {

}

dl#appformFilter dt {
    margin: 2px 0;
}

dl#appformFilter dd {
    margin: 2px 0;
}

.homeFooter {
    font-size: 0.8em;
}

div.categoryTree ul {
    list-style: none;
}

div.categoryTree ul div.listToggle {
    width: 11px;
    height: 11px;
    float: left;
    display: inline-block;
    margin-left: -17px;
    margin-top: 5px;
    background: transparent url('/img/expand-collapse.png') no-repeat -11px 0px;
    cursor: pointer;
}

div.categoryTree ul.treeRadio li {
    padding-left: 6px;
}

div.categoryTree ul.treeRadio div.listToggle {
    margin-left: -15px;
}

#pagePreviewLayout {
    border: 1px solid #DDD;
}

#pagePreviewLayout input {
    text-transform: uppercase;
}

.page-header {
    position: relative;
}

#saveAppform, #saveTerms {
    position: absolute;
    right: 0;
    bottom: -41px;
}
#saveAppformDuplicate, #saveTermsDuplicate {
    position: absolute;
    right: 120px;
    bottom: -41px;
}
#textBlockElementAttributes, #commonBlockElementAttributes, #extendedBlockElementAttributes {
    display: none;
}

#extendedBlockElementAttributes {
    padding-bottom: 40px;
}

#blockElementActionButtons {
    display: none;
    position: absolute;
    bottom: 15px;
    right: 15px;
}

#blockElementActionTagButtons{
    display: none;
    position: absolute;
    bottom: 15px;
    right: 15px;
}


#blockElementsRow, #keyFinancialRow {
    padding: 8px 0 0 0;
    position: relative;
}

#cancelUpdateBlockElement, #updateBlockElement, #updateTag, #cancelUpdateTag {
    margin: 5px 0 0 10px;
}

#blockDetailsRow {
    border-bottom: 1px solid #CCC;
    padding:0 0 8px 0;
}

#blockDetailsRow label {
    display: inline-block;
    margin: 0 10px;
    width: 80px;
}

#element_territories {
    margin: 0 0 9px 0;
}

#element_territories label {
    display: inline-block;
    margin: 0;
    width: 67px;
}

#addBlockElement {
    margin: 3px 0 5px 0;
}

#blockElementsList, #checkboxOptionsList, #actionTagNameList, #actionTagDataList {
    margin: 0;
    padding: 0;
}

#blockElementsList li, #checkboxOptionsList li, #actionTagNameList li, #actionTagDataList li {
    margin: 0;
    padding: 7px 40px 7px 25px;
    list-style: none;
    border-bottom: 1px solid #CCCCCC;
    background-color: #FFF;
    position: relative;
    min-height: 18px;
}

#blockElementsList li.active {
    background-color: #CCC;
}

#blockElementsList li div.handle, #checkboxOptionsList li div.handle, #actionTagNameList li div.handle, #actionTagDataList li div.handle {
    cursor: pointer;
    position: absolute;
    left: 5px;
    top: 10px;
}

#blockElementsList li div.icon-remove, #checkboxOptionsList li div.icon-remove, #actionTagNameList li div.icon-remove, #actionTagDataList li div.icon-remove {
    cursor: pointer;
    position: absolute;
    right: 5px;
    top: 10px;
}

#blockElementsList li div.icon-edit, #checkboxOptionsList li div.icon-edit, #checkboxOptionsList li div.icon-play, #actionTagNameList li div.icon-edit {
    cursor: pointer;
    position: absolute;
    right: 24px;
    top: 10px;
}

#blockElementsList span.elementindex {
    font-size: 10px;
}

#actionTagNameList {
    margin-top: 10px;
}


#actionTagDataDiv {
    position:relative;
    padding-bottom: 50px;
}

#textareaElementAttributes textarea {
    width: 300px;
    height: 200px;
}

#textareaContentPreview{
    height: 200px;
    width: 300px;
    border: 1px solid #CCCCCC;
    overflow: auto;
}

#textareaElementAttributes .textarea-title-row{
    width:300px;
    padding-bottom: 5px;
}

.library {
    height: 700px;
    overflow: auto;
}

.moduleList {
    height: 700px;
    overflow: auto;
}

.second-language {
    font-style: italic !important;
    color: #666666 !important;
    font-size: 0.9em;
}

div.second-language {
    /*padding-top: 5px;*/
}

#blockLibrary {
    padding: 0;
    margin: 0;
}

#blockLibrary div.libraryCategoryTitle {
    padding: 2px 8px;
    margin: 0;
    background-color: #007CB9;
    color: #ffffff;
    font-weight: normal;
    cursor: pointer;
}

#blockLibrary div.libraryCategoryVariants {
    padding: 2px 8px;
    margin: 0;
}

#blockLibrary div.libraryCategoryVariants ul.blockVariants {
    padding: 0;
    margin: 10px 0;
}

#blockLibrary div.libraryCategoryVariants ul li {
    padding: 0;
    margin: 5px 0;
    list-style: none;
    cursor: pointer;
    font-size: 0.9em;
    background-color: #C0C0C0;
    color: #FFF;
    padding: 3px;
    border-radius: 4px;
}

#blockVariantLibrary {
    padding: 0;
    margin: 0;
}

#blockVariantLibrary li {
    padding: 3px 41px 3px 6px;
    position: relative;
    margin: 5px 0;
    list-style: none;
    overflow: hidden;
    background-color: #C0C0C0;
    color: #FFF;
    border-radius: 4px;
}

#blockVariantLibrary li .icon-edit, #blockVariantLibrary li .icon-ban-circle {
    position: absolute;
    right: 7px;
    top: 5px;
    cursor: pointer;
}

#blockVariantLibrary li .icon-trash {
    position: absolute;
    right: 25px;
    top: 5px;
    cursor: pointer;
}

#pageLayout div.appformBlock, #pageLayout div.textAppformBlock, #frontPageLayout div.appformWhatYouNeed, #frontPageLayout div.whereToSend, #frontPageLayout div.frontPageHeader, #pageLayout .frontPageHeaderBlock, #pageLayout div.appformWhatYouNeed, #pageLayout div.whereToSend {
    /*
    margin: 0;
    -moz-transform: scale(0.575);
    -webkit-transform: scale(0.575);
    -ms-transform: scale(0.575);
    transform: scale(0.575);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
    */
}

#pageLayout div.frontPageHeader {
    margin: 0;
    -moz-transform: scale(0.475);
    -webkit-transform: scale(0.475);
    -ms-transform: scale(0.475);
    transform: scale(0.475);
    -moz-transform-origin: top left;
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
}

#frontPageLayout {
    display: none;
}

#pageLayout, #frontPageLayout {
    border: 1px solid #ddd;
    height: 648px;
    overflow: hidden;
    padding: 23px 5px;
}

#pageLayout .letterPageTemplate, #pageLayout .letterPageContent {
    width: 340px;
}

#pageLayout .letterPageTemplate p, #pageLayout .letterPageContent p{
    font-size: 7pt;
    line-height: 10px;
}

#pageLayout .letterPageTemplate .appformBlockElement li, #pageLayout .letterPageContent .appformBlockElement li{
    font-size: 7pt;
    line-height: 10px;
}

.popover .letterPageContent, .popover .letterPageHeader, .popover .letterPageTemplate {
    width: 340px;
}

.frontPageZonesWrap {
    overflow: hidden;
    position: relative;
}

.pageZones, .frontPageZones {
    border: 1px solid transparent;
    float:left;
    padding: 0px;
    margin: 0px;
    min-height: 20px;
}

.termsPageZones {
    border: 1px solid #DDDDDD;
}

.termsPageZones {
    border: 1px solid #DDDDDD;
    position: relative;
}

#stagingArea {
    height: 648px;
    overflow:auto;
}

.pageColumns, #fontpageLeftColumn, #frontpageRightColumn {
    /*width: 197px;*/
    width: 340px;
    min-height:20px;
    margin: 14px 0;
    /*overflow: scroll;*/
}
#leftColumn, #fontpageLeftColumn {
    margin: 14px 14px 14px 0;
}
.pageHeader, .pageFooter, #fontpageHeader {
    width: 410px;
    overflow: hidden;
}
.pageZones li {
    margin: 15px 0 15px 0;
    padding: 0 0;
    list-style: none;
    position: relative;
    border-bottom: 1px solid #DDDDDD;
}

.blockOptions, .frontpageOptions {
    position: absolute;
    top: 0;
    left: 0;
    overflow: hidden;
    z-index: 2;
    width: 100%;
}

.blockOptions div, .frontpageOptions div {
    float: right;
    margin: 5px;
    cursor: pointer;
}

div.sortable ol {
    list-style-type: none;
}
.sortable li {
    margin: 5px 0 0;
    padding: 0;
}
.sortable  div.wrap {
    border: 1px solid #d4d4d4;
    border-radius: 3px;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
    padding: 6px 65px 6px 30px;
    margin: 0;
    background-color: #f6f6f6;
    position: relative;
}
.sortable div.handle {
    cursor: move;
    background: transparent url('/img/grab.png') no-repeat center center;
    width: 14px;
    height: 13px;
    left: 6px;
    top: 10px;
    position: absolute;
}
.sortable a.icon-trash {
    cursor: pointer;
    right: 6px;
    top: 8px;
    position: absolute;
}
.sortable a.icon-edit {
    cursor: pointer;
    right: 46px;
    top: 8px;
    position: absolute;
}
.sortable a.icon-plus {
    cursor: pointer;
    right: 26px;
    top: 8px;
    position: absolute;
}
.placeholder {
    border: 1px dashed #4183C4;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.mjs-nestedSortable-error {
    background: #fbe3e4;
    border-color: transparent;
}


ul.nav li.dropdown:hover > ul.dropdown-menu{
    display: block;
}

.control-territories {
}

.territories-left {
    width:50%;
    float:left;
}

.territories-right {
    width:50%;
    float:left;
}

.control-languages {
}

.languages-left {
    width:50%;
    float:left;
}

.languages-right {
    width:50%;
    float:left;
}

#phrase-entry-section {
    border-bottom: 1px solid #CCC;
    padding:0 0 8px 0;
}

#phrase-entry-section label {
    display: inline-block;
    margin: 0 10px;
    width: 80px;
}

#phrase-details-section{
}

.ui-autocomplete {
    display: none !important;
}

#appformPhraseFinderModal .left{
    padding: 8px 0 0;
    position: relative;
}

#appformPhraseFinderModal .right{
    padding: 8px 0 0;
    position: relative;
}

#phrase-list{
    height: 320px;
    overflow:auto;
}

#add-phrase-row{
    padding-top:10px;
}

#phrase-list ul {
    /*height: 320px;*/
}

#phrase-list ul li {
    background-color: #C0C0C0;
    /*border-radius: 4px 4px 4px 4px;*/
    color: #FFFFFF;
    list-style: none outside none;
    margin: 5px 0;
    overflow: hidden;
    padding: 3px 41px 3px 6px;
    position: relative;
}

#phrase-list ul li .phrase-item{
    padding: 4px;
    cursor: pointer;
    cursor: hand;
}

#phrase-list ul li:hover {
    color: #007EB6;
}

#phrase-list ul li.selected {
    color: #007EB6;
}

.phrase-preview {
}

.phrase-preview-title {
    margin-left: 5px;
    /*border-bottom: 1px solid #CCC;*/
}
#phrase-preview-body {
    border-top: 1px solid #CCCCCC;
    margin: 5px;
    padding-top: 5px;
    height: 280px;
    overflow: auto;
}

#phrase-preview-body-rte{
    margin: 5px;
    height: 280px;
}

input.span2-large{
    width: 146px;
}

#edit-phrase-form {
    display:none;
    position: relative;
}

#edit-phrase-form-save {
    position: absolute;
    right: 0;
    top: 1px;
}

#edit-phrase-form-cancel {
    position: absolute;
    right: 117px;
    top: 1px;
}