/* Minification failed. Returning unminified contents.
(178,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/* Minification failed. Returning unminified contents.
(175,23): run-time error CSS1062: Expected semicolon or closing curly-brace, found ' '
 */
/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 */


/* ==========================================================================
   Base styles:opinionated defaults
   ========================================================================== */

html,
button,
input,
select,
textarea {
    color: #222;
}

body {
    font-size: 16px;
    line-height: 1.4;
}


/*
 * Remove text-shadow in selection highlight:h5bp.com/i
 * These selection declarations have to be separate.
 * Customize the background color to match your design.
 */

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}


/*
 * A better looking default horizontal rule
 */

hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}


/*
 * Remove the gap between images and the bottom of their containers:h5bp.com/i/440
 */

img {
    vertical-align: middle;
}


/*
 * Remove default fieldset styles.
 */

fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}


/*
 * Allow only vertical resizing of textareas.
 */

textarea {
    resize: vertical;
}


/* ==========================================================================
   Chrome Frame prompt
   ========================================================================== */

.chromeframe {
    margin: 0.2em 0;
    background: #ccc;
    color: #000;
    padding: 0.2em 0;
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 400;
    src: url(../fonts/RobotoCondensed.ttf), url(../fonts/RobotoCondensed.eot), url(../fonts/RobotoCondensed.svg);
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: italic;
    font-weight: 400;
    src: url(../fonts/RobotoCondensedItalic.ttf), url(../fonts/RobotoCondensedItalic.eot), url(../fonts/RobotoCondensedItalic.svg);
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 300;
    src: url(../fonts/RobotoCondensedLight.ttf), url(../fonts/RobotoCondensedLight.eot), url(../fonts/RobotoCondensedLight.svg);
}

@font-face {
    font-family: "Roboto Condensed";
    font-style: normal;
    font-weight: 700;
    src: url(../fonts/RobotoCondensedBold.ttf), url(../fonts/RobotoCondensedBold.eot), url(../fonts/RobotoCondensedBold.svg);
}

body {
    font-family: "Roboto Condensed", sans-serif;
    font-weight: 400;
}

body:before,
body:after {
    box-shadow: 0 0 6px 2px rgba(33, 35, 48, 0.4), 0 0 24px 5px rgba(33, 35, 48, 0.5);
    content: "";
    display: block;
    height: 0;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 2;
}

body:after {
    bottom: -1px;
    opacity: 0.3;
    top: auto;
}

nav {
    cursor: default;
    -moz-user-select: none;
    -ms-user-select: none;
    -webkit-user-select: none;
}

a {
    color: #2b668f;
    text-decoration: underline;
}

.btn-client,
.ui-dialog .ui-dialog-buttonpane .btn-client {
    background: #33607f;
    background: rgba(27, 86, 120, 0.9) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: rgba(27, 86, 120, 0.9) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    border: 0;
    border-radius: 0;
    box-shadow: (-1px) 0 2px rgba(0, 0, 0, 0.5);
    color: #f4f4f5;
    cursor: pointer;
    display: block;
    font-family: "Roboto Condensed", sans-serif;
    font-size: 20px;
    font-weight: 300;
    line-height: 33px;
    margin: 5px 0 0 0;
    padding: 0 14px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.btn-small {
    font-size: 16px;
    line-height: 29px;
    padding: 0 10px;
}

.btn-upsell {
    background: #e89316;
    background: rgba(236, 140, 0, 0.9) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: rgba(236, 140, 0, 0.9) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}

.btn-callback {
    background: transparent;
    box-shadow: none;
    color: #3c3c3c;
    font-size: 22px;
    line-height: 30px;
    margin-top: 1em;
    padding: 2px 35px 2px 50px;
    position: relative;
    text-align: left;
    text-shadow: none;
    width: 200px;
}

.btn-callback:hover {
    background: #222;
    background: rgba(34, 34, 34, 0.9);
    color: #fff;
    transition: all 0.3s;
}

.btn-client .ui-icon {
    background-image: url(smoothness/images/ui-icons_ffffff_256x240.png);
    display: inline-block;
    margin: -3px -7px 0 -2px;
    opacity: 0.9;
    vertical-align: middle;
}

.btn-callback .ui-icon {
    background-image: url(smoothness/images/ui-icons_222222_256x240.png);
    float: left;
    left: 0;
    margin-right: 6px;
    margin-left: -22px;
    opacity: 0.8;
    position: relative;
    top: 10px;
}

.btn-callback:hover .ui-icon {
    background-image: url(smoothness/images/ui-icons_ffffff_256x240.png);
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
}

.btn-callback.Active {
    background: #37a237;
    background: rgba(43, 150, 43, 0.9);
    color: #fff;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.btn-callback.Active .ui-icon {
    background-image: url(smoothness/images/ui-icons_ffffff_256x240.png);
}

.ui-widget {
    font-family: "Roboto Condensed", sans-serif;
    font-size: 14px;
    font-weight: 400;
}

.ui-widget-content {
    border-color: #aaa;
}

.ui-dialog .ui-dialog-titlebar {
    background: #2b4290 url(../../Areas/Admin/Content/Images/transparent_pattern.png) repeat 0 0;
    color: #fff;
    font-size: 18px;
    font-weight: 400;
}

.ui-dialog .ui-dialog-buttonpane {
    border-color: #ddd;
    border: 0;
    margin-top: 0;
    padding: 2px 3px 4px .4em;
}

.ui-dialog .ui-dialog-buttonpane .btn-client span {
    line-height: inherit;
    padding: 0;
}

.pdf-icon {
    background: transparent url(../images/pdficon.png) no-repeat 0 0;
    display: inline-block;
    height: 16px;
    opacity: 0.5;
    width: 16px;
}

.pdf-icon:hover {
    background-position: -16px 0;
    opacity: 1;
}

section .pdf-icon {
    position: absolute;
    right: 10px;
    top: 15px;
}

.Cookies {
    background: #333;
    background: rgba(0, 0, 0, 0.8);
    bottom: 0;
    color: #ddd;
    display: none;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 2000;
}

.Cookies p {
    font-family: sans-serif;
    font-size: 14px;
    margin: 0;
    padding: 10px 12px;
    text-shadow: 0 1px #000;
}

.Cookies p .ui-icon {
    background-image: url(smoothness/images/ui-icons_2e83ff_256x240.png);
    display: inline-block;
    position: relative;
    top: 1px;
}

.Cookies p button {
    background-color: #2e83ff;
    border: 0;
    border-radius: 4px;
    color: #fff;
    display: inline-block;
    margin-left: 8px;
    padding: 2px 2px 4px 8px;
}

.Cookies p button .ui-icon {
    background-image: url(smoothness/images/ui-icons_ffffff_256x240.png);
    left: -3px;
    top: 3px;
}

.Cookies p button:hover {
    opacity: 0.8;
}

@media only screen and (max-width: 1100px) {
    .Cookies p button {
        display: block;
        margin: 10px 0 0;
    }
}

.Back {
    background: no-repeat 50% 50%;
    background-size: cover;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.7);
    clear: both;
    font-size: 20px;
    font-weight: 300;
    height: 100%;
    margin: 0 auto;
    min-height: 400px;
    min-width: 800px;
    overflow: hidden;
    position: fixed;
    top: 10%;
    width: 100%;
    z-index: 0;
}

.Back * {
    line-height: 1.25em;
    margin: 0;
}

.Back > * {
    color: #fff;
    padding: 10px;
    position: absolute;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.25);
}

.Back > .First {
    left: 40px;
    top: 40px;
}

.Back > .Last {
    bottom: 40px;
    margin-right: 80px;
    right: 55%;
}

.Back p {
    font-size: 2.15em;
}

.Back ol,
.Back ul {
    font-size: 1.5em;
}

.Page {
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    box-shadow: 0 0 0 10px rgba(255, 175, 38, 0.25);
    margin-left: 0;
    min-height: 100%;
    left: 45%;
    position: absolute;
    top: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    width: 593px;
    z-index: 2;
}

.Page:before {
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
    content: "";
    display: block;
    height: 100%;
    left: -10px;
    padding: 0 10px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: -1;
}

.Page header {
    display: block;
    clear: both;
    margin: 20px 40px 0;
    min-height: 50px;
    position: relative;
}

.Page .Upsell {
    min-width: 260px;
    overflow: hidden;
    padding: 0 0 50px;
    position: absolute;
    right: -40px;
    top: -40px;
}

.Page .Upsell a {
    display: block;
    padding: 0 8px 10px 0;
    text-align: right;
}

.Page .Upsell a span {
    clear: both;
    float: right;
    margin-top: 13px;
}

.Page .Upsell a span.Off {
    color: #a50b20;
    color: rgba(179, 0, 0, 0.5);
    text-decoration: line-through;
}

.Page .Upsell img,
.Page aside img {
    border: 10px solid rgba(255, 255, 255, 0.7);
    box-shadow: 4px 0 14px rgba(0, 0, 0, 0.07);
    position: relative;
}

.Page aside img[src=""] {
    display: none;
}

.Page .Upsell img {
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.15);
    clear: both;
    display: block;
    float: right;
    margin-top: -10%;
    right: -10%;
    top: 0;
    -webkit-transform: rotate(-3deg);
    -ms-transform: rotate(-3deg);
    transform: rotate(-3deg);
}

.Page .Wrapper {
    float: left;
    margin-top: 35px;
    position: relative;
    width: 100%;
    z-index: 2;
}

.Page nav {
    float: left;
    left: -10px;
    padding-bottom: 20px;
    position: relative;
}

.Page nav ul {
    margin: 0;
    padding: 0;
}

.Page nav ul a,
.Page nav ul span.Included,
.Page nav h1,
.Page nav h2 {
    color: #3c3c3c;
    display: inline-block;
    font-size: 22px;
    font-weight: 300;
    margin: 0;
    padding: 2px 35px 2px 50px;
    text-decoration: none;
    width: 115px;
}

.Page nav ul ul a,
.Page nav ul ul h1 {
    font-size: 15px;
    padding: 6px 20px 7px 65px;
}

.Page nav ul a:hover {
    background: rgba(43, 66, 144, 0.2);
}

.Page nav .Selected > a,
.Page nav .Selected > a:hover {
    background: #2b4290;
    background: rgba(43, 66, 144, 0.9) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: rgba(43, 66, 144, 0.9) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #f4f4f5;
    cursor: default;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);
}

.Page nav .Selected.SubItems > a,
.Page nav .Selected.SubItems > a:hover {
    background: #dedddc;
    background: rgba(219, 219, 219, 0.8) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: rgba(219, 219, 219, 0.8) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    color: #fff;
    cursor: default;
    text-shadow: 0 1px #301f25;
}

.Page nav .SubItems ul {
    display: none;
}

.Page nav .SubItems.Selected ul {
    display: block;
}

.Page section {
    color: #404040;
    float: right;
    font-size: 18px;
    margin: 10px 4.5% 160px 0;
    width: 59%;
    word-wrap: break-word;
}

.Page section p {
    margin: 0;
}

.Page section li {
    font-size: 16px;
    line-height: 1.2em;
    margin: 0.5em 0;
}

.Page address {
    font-size: 16px;
    font-style: normal;
}

.Page address a {
    color: #2b668f;
    text-decoration: underline;
}

.Page section footer {
    margin-top: 40px;
}

.Page aside {
    bottom: 0;
    left: 0;
    overflow: hidden;
    padding: 50px 0 0;
    position: absolute;
    z-index: 1;
}

.Page aside img {
    display: block;
    left: -50%;
    top: -10px;
    -webkit-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    transform: rotate(7deg);
}

.Page > footer {
    bottom: 1px;
    position: absolute;
    right: 20px;
}

.UpsellDetails {
    display: none;
    height: 100%;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: -15px;
    width: 60%;
}

.UpsellDetailsContent {
    background: rgba(255, 255, 255, 0.95);
    border-radius: 4px;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.45);
    min-height: 50%;
    padding: 20px 30px 40px 25px;
    position: absolute;
    right: -300px;
    top: 0;
    width: 230px;
}

.UpsellDetailsContent .ui-icon-closethick {
    background-color: transparent;
    border: 0;
    opacity: 0.75;
    position: absolute;
    right: 11px;
    top: 11px;
}

.UpsellDetailsContent p:first-child {
    margin-top: 0;
}


/*Welcome Page*/

.Welcome {
    background-color: #212330;
}

.Welcome .CreationUserImage {
    max-height: 100px;
    max-width: 300px;
}


/* TODO:Enforce these max constraints when saving image */


/*Location Page*/

.Location {
    background-color: #262c21;
}

.Location .Page section .btn-client {
    margin: 5px 0 25px;
}

#MapModal {
    margin: 3px 1px 0;
}

#MapModal .popover img {
    background-image: url(smoothness/images/ui-icons_888888_256x240.png);
    background-position: -97px -128px;
    background-repeat: no-repeat;
    height: 16px;
    width: 16px;
}

#MapModal .popover img:hover {
    background-image: url(smoothness/images/ui-icons_454545_256x240.png);
}


/*Catering Page*/

.Catering {
    background-color: #2a2b22;
}


/*Venue Page*/

.Venue {
    background-color: #2f2121;
}


/*Accommodation Page*/

.Accommodation {
    background-color: #232b29;
}

.Accommodation .Page section table:before {
    background: -webkit-linear-gradient(right, #7a7a7a 2px, #fff 2px, #fff 3px);
    background: linear-gradient(to left, #7a7a7a 2px, #fff 2px, #fff 3px);
    background-size: 3px 100%;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -2px;
    width: 100%;
}

.Accommodation .Page section table {
    border-top: 1px dotted #000;
    border-color: rgba(0, 0, 0, 0);
    margin-top: 35px;
    position: relative;
    width: 100%;
}

.Accommodation .Page section th {
    font-style: italic;
    font-weight: 400;
    text-align: left;
}

.Accommodation .Page section td {
    font-size: 18px;
    font-weight: 700;
    text-align: right;
}


/*Additional Page*/

.Additional {
    background-color: #232b29;
}


/*Finance Page*/

.Finance {
    background-color: #212330;
}

.Finance .Page .Receipt {
    background: url(../images/receipt.png) no-repeat 0 100%;
    color: #404040;
    display: block;
    font-size: 14px;
    padding: 10px 20px 14px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: -40px;
    width: 151px;
}

.Finance .Page .Receipt span {
    display: block;
}

.Finance .Page .Receipt span:first-child {
    font-style: italic;
    font-size: 14px;
}

.Finance .Page .Receipt span.Total {
    font-size: 25px;
    font-weight: 700;
    position: relative;
    text-align: right;
}

.cssgradients .Finance .Page .Receipt span.Total:before {
    background: -webkit-linear-gradient(right, #7a7a7a 2px, #fff 2px, #fff 3px);
    background: linear-gradient(to left, #7a7a7a 2px, #fff 2px, #fff 3px);
    background-size: 3px 100%;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: 0;
    width: 100%;
}

.no-cssgradients .Finance .Page .Receipt span.Total {
    border-top: 1px dotted #000;
}

.Finance .Page .Receipt span.Smallprint {
    color: #888;
    font-size: 12px;
    padding-right: 8px;
    text-align: right;
}

.Finance.Detailed .Page section table {
    line-height: 1.2em;
    margin-bottom: 100px;
    width: 100%;
}

.Finance.Detailed .Page section caption {
    caption-side: bottom;
    color: #888;
    font-size: 12px;
    margin-top: 20px;
    text-align: right;
}

.Finance.Detailed .Page section sup {
    line-height: inherit;
}

.Finance.Detailed .Page section thead *,
.Finance.Detailed .Page section tfoot * {
    text-align: left;
    vertical-align: bottom;
}

.Finance.Detailed .Page section tbody * {
    text-align: left;
    vertical-align: top;
}

.Finance.Detailed .Page section th {
    font-size: 14px;
    font-weight: 700;
    line-height: 1em;
}

.Finance.Detailed .Page section td {
    max-width: 160px;
}

.Finance.Detailed .Page section thead th {
    font-size: 18px;
    width: 100px;
}

.Finance.Detailed .Page section thead td {
    font-size: 12px;
    text-align: center;
    width: 78px;
}

.Finance.Detailed .Page section .FinancePriceRow th,
.Finance.Detailed .Page section .FinancePriceRow td {
    padding-top: 20px;
    text-align: center;
}

.Finance.Detailed .Page section .FinancePriceRow th {
    text-align: left;
}

.Finance.Detailed .Page section .FinancePriceRow td,
td.Description {
    border-bottom: 1px solid #dbeeff;
}

.Finance.Detailed .Page section .FinancePriceRow:first-child th,
.Finance.Detailed .Page section .FinancePriceRow:first-child td {
    padding-top: 10px;
    text-align: center;
}

.Finance.Detailed .Page section .FinancePriceRow:first-child th {
    text-align: left;
}

.Finance.Detailed .Page section td.StandardPrice {
    color: #990f3d;
    font-weight: 700;
    min-width: 78px;
}

.Finance.Detailed .Page section td.SellingPrice {
    color: #2676b5;
    font-weight: 700;
    min-width: 53px;
}

.Finance.Detailed .Page section tbody td:only-child {
    padding-right: 20px;
    padding-left: 10px;
}

.Finance.Detailed .Page section tfoot tr:first-child th,
.Finance.Detailed .Page section tfoot tr:first-child td {
    padding: 30px 0 11px;
}

.Finance.Detailed .Page section tfoot th {
    font-style: italic;
    font-weight: 400;
}

.Finance.Detailed .Page section tfoot td {
    font-weight: 700;
    font-size: 16px;
    text-align: right;
}

.Finance.Detailed .Page section tfoot .Separator td {
    padding: 0;
}

.cssgradients .Finance.Detailed .Page section tfoot .Separator div {
    position: relative;
}

.cssgradients .Finance.Detailed .Page section tfoot .Separator div:before {
    background: -webkit-linear-gradient(right, #7a7a7a 3px, #fff 3px, #fff 6px);
    background: linear-gradient(to left, #7a7a7a 3px, #fff 3px, #fff 6px);
    background-size: 6px 100%;
    content: "";
    display: block;
    height: 1px;
    position: absolute;
    top: -1px;
    width: 100%;
}

.no-cssgradients .Finance.Detailed .Page section tfoot .Separator div {
    border-top: 1px dotted #000;
}

.Finance.Detailed .Page section tfoot .Last th,
.Finance.Detailed .Page section tfoot .Last td {
    padding-top: 10px;
}

.Finance.Detailed .Page section tfoot .Last td {
    font-size: 18px;
    position: relative;
}

.Finance.Detailed .Page .Receipt span.Smallprint {
    text-align: center;
}


/*Terms Page*/

.Terms {
    background-color: #212330;
}


/*Share Proposal screen*/

form#ShareProposal label[for=Body] {
    float: left;
    margin-top: 5px;
    vertical-align: top;
}

form#ShareProposal input,
form#ShareProposal textarea {
    width: 400px;
}

form#ShareProposal .cke {
    display: inline-block;
    width: 500px;
}

form#ShareProposal input#Unique[readOnly] {
    background-color: rgb(238, 238, 238);
}

form#ShareProposal .input-prepend .add-on {
    max-width: 426px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

form#ShareProposal .input-prepend input {
    width: 200px;
}

form#ShareProposal .MergeTagDetails {
    clear: left;
    color: #666;
    float: left;
    font-family: Calibri;
    font-size: 13px;
    text-align: right;
    width: 135px;
}

form#ShareProposal .MergeTagDetails p {
    margin-bottom: 0;
}

form#ShareProposal .MergeTagDetails li {
    margin-top: 5px;
    margin-bottom: 5px;
}

form#ShareProposal .alert {
    margin-right: 180px;
    display: none;
}


/*Page Under and Over - used for subpages which appear on top of the parent page*/

.Page.Under {
    left: 34%;
    position: fixed;
    -webkit-transform: scale(0.75);
    transform: scale(0.75);
    z-index: 1;
}

.Page.Under:before {
    padding: 10px;
    top: -10px;
}

.Page.Under > a {
    background: rgba(226, 222, 222, 0.7);
    box-shadow: 0 0 0 10px rgba(255, 175, 38, 0.25) inset;
    display: block;
    height: 100%;
    left: -10px;
    padding: 10px;
    position: absolute;
    text-indent: -9999px;
    top: -10px;
    width: 100%;
    z-index: 5;
}

.Page.Under > a:hover {
    background: rgba(226, 225, 197, 0.7);
}

.Page.Over nav > a {
    color: #9B1743;
    display: block;
    font-size: 12px;
    line-height: 30px;
    margin-top: 10px;
    padding-left: 22px;
    text-decoration: none;
    text-transform: lowercase;
}

.Page.Over nav ul a,
.Page.Over nav ul span.Included,
.Page.Over nav h1,
.Page.Over nav h2 {
    padding: 2px 5px 2px 35px;
    width: 160px;
}

.Page.Over nav ul a,
.Page.Over nav ul span.Included,
.Page.Over nav h1 {
    font-size: 15px;
    line-height: 1.2em;
    padding-top: 6px;
    padding-bottom: 6px;
}

.Page.Over nav h2 {
    padding-bottom: 8px;
}

.Page.Over nav span {
    display: block;
    font-weight: 700;
}

.Page.Over nav .Upgrades a {
    background: #f1e8d7;
    background: rgba(235, 215, 180, 0.5) -webkit-linear-gradient(transparent, rgba(0, 0, 0, 0.05));
    background: rgba(235, 215, 180, 0.5) linear-gradient(transparent, rgba(0, 0, 0, 0.05));
}


/*Page Blocked - used for Expired and Deleted Proposals*/

.Page.Blocked {
    left: 50%;
    margin-left: -296px;
}

.Page.Blocked .Wrapper {
    padding: 0 40px;
    width: auto;
}

.Page.Blocked .alert h1 {
    margin-top: 0;
}

.Page.Blocked .alert .ui-icon {
    float: left;
    margin-top: 3px;
    margin-right: 12px;
}

.Page.Blocked .alert-info .ui-icon {
    background-image: url(../../../../content/css/smoothness/images/ui-icons_33607f_256x240.png);
}


/*Share button*/

.share_btn {
    background: #d6721b;
    border-bottom: 2px solid #bc6215;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    float: left;
    margin: 20px 0 0 30px;
    padding: 2px;
    text-align: center;
    width: 130px;
}


/*Admin view*/


/* TODO:Move to ProposalsAdmin.css if collisions can be resolved */

body.Admin .Admin .Wrapper {
    clear: both;
    margin: 0 auto;
    max-width: 1000px;
    min-width: 593px;
    width: 100%;
}

.Admin .Page header {
    margin-top: 129px;
}

.Admin .Page nav .Switchable.Off {
    color: #a50b20;
    color: rgba(179, 0, 0, 0.5);
    text-decoration: line-through;
}

.Page nav a.Addable.Add {
    color: #ddac2e;
}

.Admin .Page nav a.Addable.Add {
    color: #ddac2e;
}

header.Admin,
nav.Admin {
    display: none;
}

.Admin header.Admin,
.Admin nav.Admin {
    display: block;
}

header.Admin {
    height: 45px;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1004;
}

header.Admin #Brand #Logo {
    background-size: contain;
    height: 45px;
    width: 75px;
}

header.Admin #Brand .Separator {
    height: 30px;
    margin: 7.5px 15px;
    width: 1.5px;
}

header.Admin #Brand #Program {
    font-size: 18px;
    line-height: 45px;
}

header.Admin #User #Account {
    height: 45px;
    margin: 0 3.75px 0 0;
    width: 27px;
}

header.Admin #User #Account .ir {
    -webkit-transform: scale(0.75);
    -ms-transform: scale(0.75);
    transform: scale(0.75);
}

header.Admin #User #Username {
    font-size: 17.25px;
    line-height: 45px;
}

nav.Admin {
    box-shadow: 0 5px 20px rgba(1, 1, 1, 0.4);
    height: auto;
    left: 0;
    padding: 5px;
    position: fixed;
    text-align: center;
    top: 45px;
    width: 100%;
    z-index: 1003;
}

nav.Admin label {
    color: #000;
    font-weight: 300;
}

nav.Admin select {
    margin: 0 15px 0 5px;
}

nav.Admin .ActionsForCompletion {
    float: right;
    margin-top: 2px;
}

.AdminOverlay {
    background: rgba(255, 255, 255, 0.01);
    cursor: pointer;
    position: absolute;
    z-index: 1001;
}

.AdminOverlay .Highlight {
    background: rgba(255, 212, 7, 0.2);
    border: 2px dashed rgba(88, 57, 21, 0.45);
    display: none;
    height: 100%;
    left: -2px;
    padding: 0;
    position: absolute;
    top: -2px;
    width: 100%;
    z-index: 1;
}

.AdminOverlay button {
    background: #fff -webkit-linear-gradient(top, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.16) 100%);
    background: #fff linear-gradient(to bottom, rgba(0, 0, 0, 0.03) 0%, rgba(0, 0, 0, 0.16) 100%);
    border: 1px solid #ddd;
    border-radius: 4px;
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2);
    display: block;
    left: -10px;
    overflow: visible;
    padding: 3px;
    position: absolute;
    top: -31px;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
    z-index: 2;
}

.AdminOverlay button .Icon {
    background: url(../../areas/admin/content/images/Edit.png) no-repeat -20px 0;
    height: 20px;
    width: 20px;
}

.AdminOverlay button .Icon.Locked {
    background: url(../../areas/admin/content/images/padlocks.png) no-repeat 0 0;
    height: 22px;
    width: 20px;
}

.AdminOverlay.ButtonTop button {
    top: -31px;
}

.AdminOverlay.ButtonBottom button {
    bottom: -31px;
    top: auto;
}

.AdminOverlay.ButtonLeft button {
    left: -32px;
    margin-top: -16px;
    top: 50%;
}

.AdminOverlay.ButtonRight button {
    top: 17px;
}

.AdminOverlay.ButtonTop:hover button {
    top: -34px;
}

.AdminOverlay.ButtonBottom:hover button {
    bottom: -34px;
    top: auto;
}

.AdminOverlay.ButtonLeft:hover button {
    left: -34px;
    top: 50%;
}

.AdminOverlay.ButtonTop button:after,
.AdminOverlay.ButtonBottom button:after,
.AdminOverlay.ButtonLeft button:after,
.AdminOverlay.ButtonRight button:after {
    content: "";
    height: 0;
    left: 50%;
    position: absolute;
    width: 0;
}

.AdminOverlay.ButtonTop button:after {
    border: 7px solid;
    border-color: #cbcbcc transparent transparent;
    margin-left: -7px;
    margin-top: 1px;
    top: 100%;
}

.AdminOverlay.ButtonBottom button:after {
    border: 5px solid;
    border-color: transparent transparent #cbcbcc;
    margin-left: -5px;
    top: -11px;
}

.AdminOverlay.ButtonLeft button:after {
    border: 5px solid;
    border-color: transparent transparent transparent #cbcbcc;
    left: 100%;
    margin-top: -4px;
    margin-left: 1px;
    top: 50%;
}

.AdminOverlay.ButtonRight button:after {
    border: 5px solid;
    border-color: transparent transparent #cbcbcc;
    margin-left: -5px;
    top: -11px;
}

.Back .Editable {
    max-width: 500px;
}

.EditableOverlay button:after,
.UpsellOverlay button:after {
    border: 7px solid;
    border-color: #cbcbcc transparent transparent;
    content: "";
    height: 0;
    left: 50%;
    margin-top: 1px;
    margin-left: -7px;
    position: absolute;
    top: 100%;
    width: 0;
}

.EditableOverlay:hover button,
.UpsellOverlay:hover button {
    top: -34px;
}

.EditableImageOverlay button .Icon {
    background: url(../../areas/admin/content/images/editableimage.png) no-repeat 0 0;
}

.AdminOverlay.ButtonOnly .Highlight,
.SwitchableOverlay .Highlight,
.ProposalItemOverlay .Highlight,
.AddableOverlay .Highlight {
    left: 0;
}

.SwitchableOverlay button,
.ProposalItemOverlay button,
.AddableOverlay button {
    margin-top: -14px;
    padding: 2px;
    top: 17px;
    -webkit-transform: scale(0.5);
    -ms-transform: scale(0.5);
    transform: scale(0.5);
}

.SwitchableOverlay button {
    left: 7px;
}

.ProposalItemOverlay button {
    left: 25px;
    top: 17px;
}

.AddableOverlay button {
    left: 30px;
}

.Detailed .AddableOverlay button {
    left: 4px;
}

.SwitchableOverlay:hover button,
.ProposalItemOverlay:hover button,
.AddableOverlay:hover button {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
}

.SwitchableOverlay button .Icon {
    background: url(../../areas/admin/content/images/switch.png) no-repeat 0 0;
}

.SwitchableOverlay.Off button .Icon {
    background-position: -20px 0;
}

.AddableOverlay button .Icon {
    background: url(../../areas/admin/content/images/addable.png) no-repeat 0 0;
}

.AddableOverlay.Edit button .Icon {
    background: url(../../areas/admin/content/images/edit.png) no-repeat -20px 0;
}

.AdminOverlay.Behind {
    z-index: 0;
}

.EditableOverlay.Behind button {
    left: 45%;
    margin-left: -60px;
    top: 20px;
}

.EditableOverlay.Behind button:after {
    display: none;
}

.EditableOverlay.Behind:hover button {
    -ms-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    transform: scale(1.5);
    -ms-transform-origin: 50% 50%;
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
}

.EditableOverlay.Behind .Highlight {
    background: rgba(255, 212, 7, 0.05);
}


/*Dimensions for EditableImages*/

.EditableImage[data-content-reference*=HeaderImage] {
    max-width: 260px;
    max-height: 120px;
}

.EditableImage[data-content-reference*=FooterImage] {
    max-width: 125px;
    max-height: 100px;
}

.EditableImage[data-content-reference*=UpsellImage] {
    max-width: 230px;
    max-height: 150px;
}

.EditableImage[data-content-reference*=SideImage] {
    max-width: 320px;
    max-height: 300px;
}


/*New Proposal screen*/

.Header p.required {
    color: #ff008f;
    font-size: 14px;
    margin-top: 0;
    position: absolute;
    right: 0;
    top: 0;
}

form.Standard span.Required {
    color: #ff008f;
    line-height: 100%;
    margin-right: -10px;
    vertical-align: top;
}

form.Standard ul {
    list-style: none;
    margin: 50px 0 70px;
    padding: 0;
}

form.Standard li {
    list-style: none;
    margin: 10px 0;
    padding: 0;
    position: relative;
}

form.Standard li.Separator {
    margin: 35px;
}

form.Standard label {
    display: inline-block;
    margin-right: 20px;
    text-align: right;
    width: 135px;
}

form.Standard label.error,
.field-validation-error {
    color: #ff008f;
    font-family: Calibri, sans-serif;
    font-size: 14px;
    line-height: 1em;
    margin: 0;
    vertical-align: top;
}

.field-validation-error {
    margin-left: 5px;
}

.popover .field-validation-error {
    line-height: 1.4;
    margin-left: 0;
}

form.Standard input[type=checkbox] {
    vertical-align: -1px;
}

form.Standard input.input-validation-error,
form.Standard select.input-validation-error,
form.Standard textarea.input-validation-error,
.ui-spinner.error,
.cke.input-validation-error {
    border-color: #ff008f;
}

div.shadow {
    border-radius: 8px;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

div.shadow.ui-focus {
    box-shadow: 0 0 8px rgba(255, 255, 76, 1);
}

form.Standard input.input-validation-error:focus,
form.Standard select.input-validation-error:focus,
form.Standard textarea.input-validation-error:focus,
.ui-spinner.error.ui-focus,
div.shadow.input-validation-error.ui-focus,
.cke.cke_focus.input-validation-error,
.cke.error_focus.input-validation-error {
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 143, 0.4);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 0, 143, 0.4);
}

.ui-autocomplete {
    border-color: #dee1e6;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.05);
    font-family: Calibri, sans-serif;
    font-size: 16px;
    max-height: 310px;
    overflow-x: hidden;
    overflow-y: auto;
}

.ui-autocomplete.ui-menu {
    padding: 0;
}

.ui-menu .ui-menu-item a {
    border-bottom: 1px solid #e0e0e0;
    cursor: pointer;
    border-radius: 0;
    padding: 10px 15px;
}

.ui-menu .ui-menu-item a.ui-state-focus {
    background: #3399FF;
    border: 0;
    border-bottom: 1px solid #3399FF;
    color: #fff;
    margin: 0;
}

.ui-spinner {
    border-color: #dee1e6;
    border-radius: 8px;
}

input.Spinner {
    border: 0;
    box-shadow: none;
    font-size: 16px;
}

input.Spinner:focus {
    box-shadow: none;
}

form.Standard #Buttons {
    clear: both;
}

.ui-autocomplete-loading {
    background: white url("../../../../content/css/smoothness/images/ui-anim_basic_16x16.gif") 97% center no-repeat;
}

#ProposalContentChangeMessage {
    margin-right: 15px;
    margin-left: 15px;
}


/*New Template screen*/

form.Standard.Small input[type=text] {
    width: 220px;
}

form.Standard.Small ul {
    margin: 0;
}

form.Standard.Small .Header {
    margin: 20px 0;
    min-height: 36px;
}

form.Standard.Small #Buttons {
    float: right;
    padding: 25px 30px 10px;
}

form.Standard fieldset {
    padding-left: 150px;
    position: relative;
    width: 400px;
}

form.Standard fieldset legend {
    left: 0;
    position: absolute;
    text-align: right;
    top: 0;
    width: 130px;
}

form.Standard fieldset label {
    font-family: Calibri, Arial, Helvetica, sans-serif;
    margin-bottom: 2px;
    vertical-align: top;
    text-align: left;
    width: 135px;
}

form.Standard fieldset label span {
    float: right;
    width: 80%;
    word-wrap: break-word;
}

form.Standard fieldset label input[type=checkbox] {
    margin: 0 4px;
}

form#NewTemplate label.error {
    left: 485px;
    position: absolute;
    text-align: left;
    top: 0;
    width: 500px;
}

.input-prepend,
.input-append {
    font-size: 0;
}

.input-prepend input,
.input-append input {
    font-size: 16px;
    position: relative;
    z-index: 1;
}

.input-prepend input {
    border-radius: 0 8px 8px 0;
    margin-left: 0;
}

.input-append input {
    border-radius: 8px 0 0 8px;
    margin-right: 0;
}

.input-prepend .add-on,
.input-append .add-on {
    background-color: #eee;
    background-image: -webkit-linear-gradient(to bottom, #f4f4f4, #e8e8e8);
    background-image: linear-gradient(to bottom, #f4f4f4, #e8e8e8);
    border: 1px solid #dee1e6;
    display: inline-block;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    font-size: 16px;
    line-height: 19px;
    min-width: 16px;
    padding: 6px 7px;
    position: relative;
    text-align: center;
    text-shadow: 0 1px 0 #fff;
    width: auto;
    z-index: 0;
}

.input-prepend .add-on {
    border-radius: 8px 0 0 8px;
    margin-right: -1px;
}

.input-append .add-on {
    border-radius: 0 8px 8px 0;
    margin-left: -1px;
}

#DefaultExpiry {
    width: 110px;
}


/*Send Proposal screen*/

form#SendProposal label[for=Body] {
    float: left;
    margin-top: 5px;
    vertical-align: top;
}

form#SendProposal input,
form#SendProposal textarea {
    width: 400px;
}

form#SendProposal .cke {
    display: inline-block;
    width: 500px;
}

form#SendProposal input#Unique[readOnly] {
    background-color: rgb(238, 238, 238);
}

form#SendProposal .input-prepend .add-on {
    max-width: 269px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: bottom;
}

form#SendProposal .input-prepend input {
    width: 200px;
}

form#SendProposal .MergeTagDetails {
    clear: left;
    color: #666;
    float: left;
    font-family: Calibri;
    font-size: 13px;
    text-align: right;
    width: 135px;
}

form#SendProposal .MergeTagDetails p {
    margin-bottom: 0;
}

form#SendProposal .MergeTagDetails li {
    margin-top: 5px;
    margin-bottom: 5px;
}

form#SendProposal .alert {
    margin-right: 180px;
}

form#UpsellEditModal label[for=Content] {
    float: left;
    margin-top: 5px;
    vertical-align: top;
}

form#UpsellEditModal .cke {
    display: inline-block;
    width: 500px;
}


/*Highlighted*/

.Highlight {
    background: #ffec48;
}


/*Labels*/

label[for] {
    cursor: pointer;
}


/*Inputs*/

input[type=text],
input[type=password],
input[type=file],
select,
textarea,
.ui-widget textarea {
    border: 1px solid #dee1e6;
    border-radius: 8px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    font-family: Calibri, Arial, Helvetica, sans-serif;
    margin: 0;
    padding: 6px 7px;
    width: 300px;
}

input[type=text]:focus,
input[type=password]:focus,
input[type=file]:focus,
select:focus,
textarea:focus,
.ui-spinner.ui-focus {
    border-color: rgb(255, 236, 72);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 76, 1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(255, 255, 76, 1);
    outline: 0;
    outline: thin dotted 9;
    -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
    transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea.cke_source {
    border: 0;
    border-radius: 0;
    box-shadow: none;
}


/*Merge tags*/

.Tags {
    list-style: none;
    padding-left: 0;
}

.Tags .Tag {
    font-family: "Roboto Condensed", sans-serif !important;
    font-size: 0.8em !important;
    font-weight: 400 !important;
    background-color: #f8f8f8;
    background-image: linear-gradient(to bottom, #fdfdfd, #f6f6f6);
    background-image: -webkit-linear-gradient(top, #fdfdfd, #f6f6f6);
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075);
    cursor: pointer;
    display: inline-block;
    *display: inline;
    font-size: 13px;
    margin: 0 0 5px;
    padding: 2px 5px;
    text-shadow: 0 1px rgba(255, 255, 255, 0.75);
    *zoom: 1;
}

.Tags .Tag > span {
    float: left;
}

.Tags .Tag > .ui-icon {
    cursor: pointer;
    margin-top: 1px;
    margin-right: -2px;
    margin-left: 2px;
    opacity: 0.5;
}

#HtmlContentEditor .Tags {
    margin-top: -5px;
    margin-bottom: 10px;
}


/*Gradient fade-in-out left-to-right with bottom border*/

.fade-in-out {
    background: -webkit-linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%), -webkit-linear-gradient(#fff, #fafbfb);
    background: linear-gradient(to right, #fff 0%, rgba(255, 255, 255, 0) 50%, #fff 100%), linear-gradient(#fff, #fafbfb);
    border-bottom: 1px solid #cacfd2;
    position: relative;
}

.fade-in-out:after {
    background: transparent;
    background: -webkit-linear-gradient(to right, #fff 0%, #cacfd2 25%, #cacfd2 75%, #fff 100%);
    background: linear-gradient(to right, #fff 0%, #cacfd2 25%, #cacfd2 75%, #fff 100%);
    bottom: -1px;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}


/*Button styles*/

.btn,
.ui-dialog .ui-dialog-buttonpane button.btn {
    background-color: #fff;
    background-image: none;
    background-image: -webkit-linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.1));
    border: 1px solid;
    border-color: #e6e6e6 #e6e6e6 #cfcfcf;
    border-radius: 21px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05) inset;
    color: #333;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    padding: 5px 12px;
    line-height: 21px;
    text-align: center;
    text-decoration: none;
    text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
}

.btn:hover,
.ui-dialog .ui-dialog-buttonpane button.btn:hover {
    background-color: #f3f3f3;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
}

.btn:focus,
.ui-dialog .ui-dialog-buttonpane button.btn:focus {
    border-color: rgb(255, 236, 72);
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px 1px rgba(255, 255, 76, 1);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px 1px rgba(255, 255, 76, 1);
    outline: 0;
    outline: thin dotted 9;
    -webkit-transition: all linear 0.2s;
    transition: all linear 0.2s;
}

.btn-prominent,
.ui-dialog .ui-dialog-buttonpane button.btn-prominent,
.ui-widget button.btn-prominent {
    background-color: #85c300;
    border: 0;
    box-shadow: 0 1px rgba(255, 255, 255, 0.2) inset, 0 -1px rgba(0, 0, 0, 0.05) inset, 0 1px 3px rgba(0, 0, 0, 0.2);
    color: #f0f0f0;
    font-family: "Roboto Condensed", Impact;
    font-size: 16px;
    font-weight: 400;
    line-height: normal;
    padding: 3px 14px;
    text-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
}

.btn-prominent:hover,
.ui-dialog .ui-dialog-buttonpane buttform#ShareProposal .input-prepend .add-onon.btn-prominent:hover,
.ui-widget button.btn-prominent:hover {
    background-color: #9ce00b;
    color: #fff;
    text-shadow: none;
}

.btn-cancel,
.ui-dialog .ui-dialog-buttonpane button.btn-cancel,
.ui-widget button.btn-cancel {
    background-color: #e43d3d;
}

.btn-cancel:hover,
.ui-dialog .ui-dialog-buttonpane button.btn-cancel:hover,
.ui-widget button.btn-cancel:hover {
    background-color: #ff630b;
}

.btn-secondary,
.ui-dialog .ui-dialog-buttonpane button.btn-secondary {
    background-color: #53a6c0;
}

.btn-secondary:hover,
.ui-dialog .ui-dialog-buttonpane button.btn-secondary:hover {
    background-color: #63c9e9;
}

.btn-large,
.ui-dialog .ui-dialog-buttonpane button.btn-large,
.ui-widget button.btn-large {
    font-size: 22px;
    font-weight: 700;
    padding: 4px 19px;
}

.ui-dialog .ui-dialog-buttonpane button.btn span {
    display: inline;
    padding: 0;
}

.btn-recessive {
    background-color: transparent;
    color: #3c81ba;
    border: 0;
    font-family: "Roboto Condensed", Impact;
    font-size: 14px;
    font-weight: 300;
    padding: 0;
    text-decoration: underline;
}


/*Classes to add to header tag*/

.Page header.medium-header {
    min-height: 90px;
}

.Page header.large-header {
    min-height: 120px;
}


/*Responsive */

@media only screen and (max-width: 1600px) {
    .Back {
        font-size: 16px;
    }
}

@media only screen and (max-width: 1100px) {
    .Back > .Last {
        right: 59%;
    }
    .Page {
        left: 37%;
    }
    .EditableOverlay.Behind button {
        left: 37%;
    }
    .Page.Under {
        left: 25%;
    }
}

@media only screen and (max-width: 960px) {
    .Back {
        font-size: 12px;
    }
    .Back > .First {
        left: 630px;
        text-shadow: 0 0 7px rgba(0, 0, 0, 0.8);
    }
    .Back > .Last {
        left: 630px !important;
        margin-right: 40px;
        right: auto !important;
        text-shadow: 0 0 7px rgba(0, 0, 0, 0.8);
    }
    .Page {
        left: 0;
    }
    .EditableOverlay.Behind button {
        left: 100%;
    }
    .Page.Under {
        left: 95px;
    }
}

@media only screen and (max-width: 600px) {
    .Page {
        min-width: 550px;
        width: 100%;
    }
    .Page.Blocked {
        left: 0;
        margin-left: 0;
        width: 100%;
    }
}

@media only screen and (max-width: 602px) {
    body {
        background-color: #fff !important;
    }
    body:before,
    body:after {
        display: none;
    }
    .Back {
        display: none !important;
    }
    .Page {
        background: #fff;
        box-shadow: none;
        width: 100%;
    }
    .Page:before {
        display: none;
    }
    .Page.Under {
        display: none;
    }
}

@media only screen and (max-height: 750px) {
    .Back {
        height: 600px;
        margin-top: -300px;
        top: 50%;
    }
    .Admin .Back {
        margin-top: 89px;
        top: 0;
    }
}

@media only screen and (max-height: 600px) {
    .Back {
        height: 100%;
        margin-top: 0;
        top: 0;
    }
}


/*Alert message styles from twitter bootstrap*/

.alert {
    padding: 8px 35px 8px 14px;
    margin-bottom: 20px;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fcf8e3;
    border: 1px solid #fbeed5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
}

.alert,
.alert h4 {
    color: #c09853;
}

.alert h4 {
    margin: 0;
}

.alert-success {
    color: #468847;
    background-color: #E2F3DA;
    border-color: #C3E9A4;
}

.alert-success h4 {
    color: #468847;
}

.alert-error {
    color: #DF486C;
    background-color: #FDE8F4;
    border-color: #E7B4D1;
}

.alert-error h4 {
    color: #DF486C;
}

.alert-info {
    color: #33607f;
    background-color: #D9EDF7;
    border-color: #BCE8F1;
}

.alert-info h4 {
    color: #33607f;
}


/* ==========================================================================
   Helper classes
   ========================================================================== */


/*
 * Image replacement
 */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    /* IE 6/7 fallback */
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}


/*
 * Hide from both screenreaders and browsers:h5bp.com/u
 */

.hidden {
    display: none !important;
    visibility: hidden;
}


/*
 * Hide only visually, but have it available for screenreaders:h5bp.com/v
 */

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}


/*
 * Extends the .visuallyhidden class to allow the element to be focusable
 * when navigated to via the keyboard:h5bp.com/p
 */

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}


/*
 * Hide visually and from screenreaders, but maintain layout
 */

.invisible {
    visibility: hidden;
}


/*
 * Clearfix:contain floats
 *
 * For modern browsers
 * 1. The space content is one way to avoid an Opera bug when the
 *    `contenteditable` attribute is included anywhere else in the document.
 *    Otherwise it causes space to appear at the top and bottom of elements
 *    that receive the `clearfix` class.
 * 2. The use of `table` rather than `block` is only necessary if using
 *    `:before` to contain the top-margins of child elements.
 */

.clearfix:before,
.clearfix:after {
    content: " ";
    /* 1 */
    display: table;
    /* 2 */
}

.clearfix:after {
    clear: both;
}


/*
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */

.clearfix {
    *zoom: 1;
}


/* ==========================================================================
   EXAMPLE Media Queries for Responsive Design.
   Theses examples override the primary ('mobile first') styles.
   Modify as content requires.
   ========================================================================== */

@media only screen and (min-width: 35em) {
    /* Style adjustments for viewports that meet the condition */
}

@media print,
(-o-min-device-pixel-ratio: 5 / 4),
(-webkit-min-device-pixel-ratio: 1.25),
(min-resolution: 120dpi) {
    /* Style adjustments for high resolution devices */
}


/* ==========================================================================
   Print styles.
   Inlined to avoid required HTTP connection:h5bp.com/r
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important;
        /* Black prints faster:h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }
    a,
    a:visited {
        text-decoration: underline;
    }
    a[href]:after {
        content: " (" attr(href) ")";
    }
    abbr[title]:after {
        content: " (" attr(title) ")";
    }
    /*
     * Don't show links for images, or javascript/internal links
     */
    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }
    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }
    thead {
        display: table-header-group;
        /* h5bp.com/t */
    }
    tr,
    img {
        page-break-inside: avoid;
    }
    img {
        max-width: 100% !important;
    }
    @page {
        margin: 0.5cm;
    }
    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }
    h2,
    h3 {
        page-break-after: avoid;
    }
}


/*SOCIAL SHARING ICONS*/

.social-icons {
    width: 200px;
    height: 33px;
    float: right;
    margin-top: -5px;
}

.social-icons ul li {
    float: left;
    margin-right: 5px;
    list-style: none;
    width: 33px;
    height: 33px;
    background: url(../../areas/admin/content/images/social_icons.png) no-repeat;
    cursor: pointer;
}

.social-icons ul li a {
    cursor: pointer;
    width: 33px;
    height: 33px;
    display: block;
}

.social-icons ul li.fb {
    background: url(../../areas/admin/content/images/social_icons.png) no-repeat 0;
}

.social-icons ul li.tw {
    background: url(../../areas/admin/content/images/social_icons.png) no-repeat -33px 0;
}

.social-icons ul li.li {
    background: url(../../areas/admin/content/images/social_icons.png) no-repeat -66px 0;
}

.social-icons ul li.gp {
    background: url(../../areas/admin/content/images/social_icons.png) no-repeat -99px 0;
}