/*******************************/
/* Copyright 2011 Psand limited*/
/*******************************/
/* Style rules here are common to both Central Administrators (EAWs) and Local Administrators (DAWs) */
body {
    margin:0;
    padding: 20px 0;
}
p {
    line-height: 1.4em;
}
h1 {
    font-size: 1.6em;
    font-weight: normal;
}
h2 {
    font-size: 1.4em;
    font-weight: normal;
}
code {
    font-size:1.2em;
    color:#E10000;
}
pre {
    font-size:1.2em;
    margin-top: 0;
}
/*********************/
/*Start layout styles*/
/*********************/
.wrapper {
    width:90%;
    margin:0 auto;
    padding:15px;
}
.wrapper .header {
    min-height: 80px;
    margin-bottom:20px;
    font-size:1em;/*Required to over-ride UEW imported style in BMW EAW*/
}
.column-wrapper {
    overflow:hidden;
    width:100%;
    margin-bottom:10px;
}
.header .column_1 {
    float:left;
    margin-right:1%;
    width: 69%;
}
.header .column_1 img {
    float: left;
    margin-right: 20px;
}
.header .column_1 .important-alert {
    margin-bottom: 0;
    width: 532px;
    float: left;
}
.header .column_1 .important-alert p {
    margin-top: 0;
}
.header .column_2 {
    float:right;
    text-align:right;
    width: 30%;
}
.header .column_2 h1 {
    margin:0;
    font-size:1.2em;
}
.header .column_2 p {
    margin:0;
}
.body {
    padding:10px; 
}
.body h1,
.body h2 {
    margin-top:0;
}
.content {
    position:relative;/*Used for positioning of help link*/
}
.footer {
    clear:both;
    margin-top:20px;
}
.footer p {
    padding-top:2px;
    margin:0;
    font-size:.95em;
}
/*********************/
/*End layout styles*/
/*********************/

/******************************/
/*Start main navigation styles*/
/******************************/
.main-navigation {
    list-style:none;
    margin:0;
    padding:0;
    padding:5px;
}
.main-navigation li {
    float:left;
    position:relative;
    z-index:1000;
    border-left:none;
}
.main-navigation li a {
    padding:5px 14px;
    display:block;
}
/*First level drop downs*/
.main-navigation li ul {
    position:absolute;
    top:-999em;
    list-style:none;
    margin:0;
    padding:0;
    width:200px;
    display:none;
}
.main-navigation li:hover ul,
.main-navigation li.sfHover ul {
    left:-1px;
    top:27px;
    display:block;
}
.main-navigation li ul li {
    float:none;
    padding-left:0;
}
.main-navigation ul li:first-child,
.main-navigation ul li:first-child a {
    -moz-border-radius:0;
    border-radius:0;
}
.main-navigation ul li:last-child,
.main-navigation ul li:last-child a {
    -moz-border-radius:0;
    border-radius:0;
}
.main-navigation li ul li a {
    padding:5px;
    position:relative;
    border-top:none;
    background-image:none;
}
.main-navigation li ul li a:link,
.main-navigation li ul li a:visited {
    text-shadow:none;
    -moz-border-radius:0;
    border-radius:0;
}
/*Second level drop downs*/
.main-navigation li:hover ul li ul,
.main-navigation li.sfHover ul li ul {
    top:-999em;
}
.main-navigation li ul li:hover ul,
.main-navigation li ul li.sfHover ul {
    left:198px;/*See ie6.css*/
    top:-1px;
}
/*Arrows*/
.main-navigation li a .sf-sub-indicator {
    text-indent:-999em;
    display:block;
    height:0;
    width:0;
    overflow:hidden;
}
.main-navigation li ul li a .sf-sub-indicator {
    height:10px;
    width:10px;
    background-repeat:no-repeat;
    position:absolute;
    right:5px;
    top:8px;
}
/******************************/
/*End main navigation styles*/
/******************************/

/* Buttons *******************************************************************/

a.button,
button.button {
    font: 1em sans-serif;
    cursor: pointer;
    vertical-align: middle;
    overflow: visible;
    padding: 2px 2px 2px 3px;
    margin: 0;
    line-height: 1.2em;
    margin-top: .2em;
    margin-bottom: .2em;
    white-space: nowrap;
    display: inline-block;
}
.managerTable a.button,
.managerTable button.button {
    margin: 0;
    padding: 1px 2px;
}
a.button.compact,
button.button.compact {
    padding: 2px 2px 1px 1px;
    margin: -6px .8em 0 .2em;
    margin-bottom: -5px;
    position: relative;
}
a.button:link,
a.button:visited,
a.button:active,
a.button:hover,
button.button,
button.button:hover,
button.button:focus,
button.button:active {
    text-decoration: none;
    outline: none;
    line-height: 1.2em;
}
a.button span,
button.button span {
    display: block;
    overflow: visible;
    padding: 2px 3px;
    font-weight: normal;
    line-height: 1.2em;
}
a.button span,
button.button span {
    background-image: none;
}
a.withIcon span,
button.withIcon span {
    padding-left: 20px;
    background-position: 0 50%;
    background-repeat: no-repeat;
    margin: 0px;
}
a.button.compact span,
button.button.compact span {
    padding: 0 0 0 20px;
    background-position: 0 1px;
    line-height: 1;
}
a.button,
a.button span,
button.withIcon span,
x:-moz-any-link { /* FF only */
 display: -moz-inline-box;
 display: inline-block;
 overflow: visible;
}
a.button,
x:-moz-any-link,
x:default { /* FF >2 only */
 display: inline-block;
}
a.throbbing,
button.throbbing,
a.disabled,
button.disabled {
    cursor: default;
}
a.throbbing span,
button.throbbing span {
    background-repeat: no-repeat;
}
a.throbbing:hover,
a.throbbing:active,
button.throbbing:hover,
button.throbbing:active,
a.disabled:hover,
a.disabled:active,
button.disabled:hover,
button.disabled:active {
    background:none;
}

.throbbing-block {
  display: block;
  background-repeat: no-repeat;
  background-position: top center;
  min-height: 2rem;
  min-width: 2rem;
}
.throbbing-block > * {
  display: none;
}

button.button::-moz-focus-inner {/* Remove default added padding in FF */
    border: 0;
    padding: 0;
}
.replaceWithIcon {
    display: block;
    letter-spacing: -1em;
    text-indent: -100000em;
    margin: 0;
    padding: 0;
    width: 16px;
    height: 16px;
    margin-bottom: -3px;
}
/* Icon images ***************************************************************/

/* Buttons/Links ************************************************/

a.add span,
button.add span {
    background-image: url(/shared_images/icons/add.png);
}
a.no span,
button.no span,
a.cancel span,
button.cancel span {
    background-image: url(/shared_images/icons/cross.png);
}
a.continue span,
button.continue span,
a.finish span,
button.finish span {
    background-image: url(/shared_images/icons/bullet_go.png);
}
a.go-back span,
button.go-back span {
    background-image: url(/shared_images/icons/bullet_go_back.png);
}
a.clone span,
button.clone span,
a.copy span,
button.copy span {
    background-image: url(/shared_images/icons/disk_multiple.png);
}
a.edit span,
button.edit span {
    background-image: url(/shared_images/icons/pencil.png);
}
a.edit_map span,
button.edit_map span {
    background-image: url(/shared_images/icons/map_edit.png);
}
a.email span,
button.email span {
    background-image: url(/shared_images/icons/email.png);
}
a.archive span,
button.archive span,
a.save span,
button.save span {
    background-image: url(/shared_images/icons/disk.png);
}
a.make_current span,
button.make_current span {
    background-image: url(/shared_images/icons/date_go.png);
}
a.document span,
button.document span,
a.draft span,
button.draft span {
    background-image: url(/shared_images/icons/page_white_text.png);
}
a.declined span,
button.declined span,
a.delete span,
button.delete span {
    background-image: url(/shared_images/icons/delete.png);
}
a.change_order span,
button.change_order span,
a.sortable-save span,
button.sortable-save span {
    background-image: url(/shared_images/icons/arrow_switch.png);
}
a.assign span,
button.assign span {
    background-image: url(/shared_images/icons/arrow_assign.png);
}
a.unassign span,
button.unassign span {
    background-image: url(/shared_images/icons/arrow_unassign.png);
}
a.return span,
button.return span,
a.removeFrom span,
button.removeFrom span {
    background-image: url(/shared_images/icons/arrow_left.png);
}
a.addTo span,
button.addTo span {
    background-image: url(/shared_images/icons/arrow_right.png);
}
a.view span,
button.view span {
    background-image: url(/shared_images/icons/magnifier.png);
}
a.reset span,
button.reset span,
a.discard span,
button.discard span {
    background-image: url(/shared_images/icons/arrow_undo.png);
}
a.download span,
button.download span {
    background-image: url(/shared_images/icons/download.png);
}
a.upload span,
button.upload span {
    background-image: url(/shared_images/icons/upload.png);
}
a.regenerate span,
button.regenerate span {
    background-image: url(/shared_images/icons/arrow_refresh.png);
}
a.daw_login span,
button.daw_login span {
    background-image: url(/shared_images/icons/lock_go.png);
}
a.lock span,
button.lock span {
    background-image: url(/shared_images/icons/lock.png);
}
a.unlock span,
button.lock span {
    background-image: url(/shared_images/icons/lock_open.png);
}
a.make_pending span,
button.make_pending span {
    background-image: url(/shared_images/icons/time_green.png);
}
a.slidUp span,
button.slidUp span,
a.slideUp span,
button.slideUp span {
    background-image: url(/shared_images/icons/arrow_up.png);
}
a.slidDown span,
button.slidDown span,
a.slideDown span,
button.slideDown span {
    background-image: url(/shared_images/icons/arrow_down.png);
}
a.disable span,
button.disable span {
    background-image: url(/shared_images/icons/cancel.png);
}
a.copy-live span,
button.copy-live span {
    background-image: url(/cpep_images/icons/page_white_go.png);
}
a.send-live span,
button.send-live span,
a.submit-for-approval span,
button.submit-for-approval span,
a.yes span,
button.yes span,
a.saved span,
button.saved span,
a.apply span,
button.apply span,
a.setAsDefault span,
button.setAsDefault span,
a.enable span,
button.enable span {
    background-image: url(/shared_images/icons/tick.png);
}
a.contacts span,
button.contacts span,
a.group span,
button.group span {
    background-image: url(/shared_images/icons/group.png);
}

a.facebook span,
button.facebook span {
    background-image: url(/shared_images/icons/facebook.png);
}
a.twitter span,
button.twitter span {
    background-image: url(/shared_images/icons/twitter.png);
}
a.qr-code span,
button.qr-code span {
    background-image: url(/shared_images/icons/qr-code.png);
}
a.new-window span,
button.new-window span {
    background-image: url(/shared_images/icons/application_osx_go.png);
}
a.print span,
button.print span {
    background-image: url(/shared_images/icons/printer.png);
}
a.edit-vanity-url span,
button.edit-vanity-url span {
    background-image: url(/shared_images/icons/application_link.png);
}
a.gallery span,
button.gallery span {
    background-image: url(/shared_images/icons/images.png);
}
a.preview span,
button.preview span {
    background-image: url(/shared_images/icons/page_white_magnify.png);
}
a.manage-gallery span,
button.manage-gallery span {
    background-image: url(/cpep_images/icons/picture_edit.png);
}
a.cog_go span,
button.cog_go span {
  background-image: url(/cpep_images/icons/cog_go.png);
}
/* Inline icons *************************************************/

span.withIcon,
p.withIcon {
    background-repeat: no-repeat;
    padding-left: 20px;
}
span.withIcon {
    padding-top: 1px;
}
span.rejected,
p.rejected {
    background-image: url(/shared_images/icons/exclamation.png);
}
span.draft {
    background-image: url(/shared_images/icons/page_white_text.png);
}
span.accepted,
p.accepted,
span.enabled,
p.enabled,
span.enabled-1,
p.enabled-1,
span.disabled-0,
p.disabled-0,
span.yes,
p.yes,
span.Yes,
p.Yes,
span.gallery-status-2,
p.gallery-status-2 {
    background-image: url(/shared_images/icons/tick.png);
}
span.disabled,
p.disabled,
span.enabled-0,
p.enabled-0,
span.disabled-1,
p.disabled-1,
span.no,
p.no,
span.No,
p.No,
span.gallery-status-3,
p.gallery-status-3 {
    background-image: url(/shared_images/icons/cross.png);
}

/* Begin POW-1698 */
a.enabled-1,
a.enabled-0,
a.disabled-1,
a.disabled-0 {
    border: 1px solid #c9c9c9;
    border-radius: 5px;
    padding: 2px;
    background-position: center;
    background-repeat: no-repeat;
}
a.enabled-1,
a.disabled-0 {
    /* Fallback */
    background: no-repeat center url(/shared_images/icons/tick.png);
    background: no-repeat center url(/shared_images/icons/tick.png), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
}
a.enabled-0,
a.disabled-1 {
    /* Fallback */
    background: no-repeat center url(/shared_images/icons/cross.png);
    background: no-repeat center url(/shared_images/icons/cross.png), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
}
a.enabled-1:hover,
a.enabled-1:active,
a.disabled-0:hover, 
a.disabled-0:active {
    /* Fallback */
    background: no-repeat center url(/shared_images/icons/tick.png);
    background: no-repeat center url(/shared_images/icons/tick.png), -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbdada), color-stop(1, #eeeeee) );
}
a.enabled-0:hover,
a.enabled-0:active
a.disabled-1:hover, 
a.disabled-1:active {
    /* Fallback */
    background: no-repeat center url(/shared_images/icons/cross.png);
    background: no-repeat center url(/shared_images/icons/cross.png), -webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dbdada), color-stop(1, #eeeeee) );
}
a.enabled-0.throbbing,
a.enabled-1.throbbing
a.enabled-0.throbbing,
a.enabled-1.throbbing {
    background: no-repeat center url(/shared_images/icons/throbber.gif), -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
}
/* End POW-1698 */

span.pending,
p.pending,
span.warning,
p.warning,
span.gallery-status-0,
p.gallery-status-0,
span.gallery-status-1,
p.gallery-status-1 {
    background-image: url(/shared_images/icons/error.png);
}
span.ireland-site-1, p.ireland-site-1 {
    background-image: url(/shared_images/icons/ireland-flag.png);
}
span.ireland-site-0, p.ireland-site-0 {
    background-image: none;
}
span.uk-site-1, p.uk-site-1 {
    background-image: url(/shared_images/icons/british-flag.png);
}
span.uk-site-0, p.uk-site-0 {
    background-image: none;
}
span.info,
p.info {
    background-image: url(/shared_images/icons/information.png);
}
span.pdf,
p.pdf {
    background-image: url(/shared_images/icons/page_white_acrobat.png);
}
span.help,
p.help,
span.cluetip {
    background-image: url(/shared_images/icons/help.png);
}
span.contacts,
p.contacts {
    background-image: url(/shared_images/icons/group.png);
}
span.facebook,
p.facebook {
    background-image: url(/shared_images/icons/facebook.png);
}
span.twitter,
p.twitter {
    background-image: url(/shared_images/icons/twitter.png);
}
span.foursquare,
p.foursquare {
    background-image: url(/shared_images/icons/foursquare.png);
}
span.rss,
p.rss {
    background-image: url(/shared_images/icons/rss.png);
}
span.instagram,
p.instagram {
    background-image: url(/shared_images/icons/instagram-16.png);
}
span.flickr,
p.flickr {
    background-image: url(/shared_images/icons/flickr-16x16.png);
}
span.add,
p.add {
    background-image: url(/shared_images/icons/add.png);
}
span.delete,
p.delete {
    background-image: url(/shared_images/icons/delete.png);
}
span.edit,
p.edit {
    background-image: url(/shared_images/icons/pencil.png);
}
span.locked {
    background-image: url(/shared_images/icons/lock.png);
}
span.unlocked {
    background-image: url(/shared_images/icons/lock_open.png);
}

/* Validation messages *******************************************************/

label.inputValidationError,
label.inputValidationSuccess,
.managerForm label.inputValidationError,
.managerForm label.inputValidationSuccess {
    float: none;
    margin: 0 .2em 0 .5em;
    padding-left: 20px;
    font-weight: normal;
}
label.inputValidationError {
    background: url(/shared_images/icons/cross.png) no-repeat;
    color: #a00;
}
label.inputValidationSuccess {
    display: none !important; /*required to override JS inline css*/
}
form.showValidationSuccess label.inputValidationSuccess {
    display: inline !important; /*required to override JS inline css*/
    background: url(/shared_images/icons/tick.png) no-repeat;
}
.ui-tabs-nav > li.inputValidationError {
  border-color: #a00;
}
.ui-tabs-nav > li.inputValidationError a {
  color: #a00;
  font-weight: bold;
}
.button.inputValidationError {
  border-color: #a00;
}
.button.inputValidationError span {
  color: #a00;
  font-weight: bold;
}
/* Manager tables ************************************************************/
/*Default table styles*/
table {
    border-collapse: collapse;
}
table td {
    border:1px solid;
}
.managerTable {
    border-collapse: collapse;
    margin-bottom:20px;
    max-width:100%;
    table-layout:fixed;
}
.managerTable td,
.managerTable th {
    white-space: nowrap;
    vertical-align: top;
    padding: 7px;
    overflow: visible;
    border-top:none;
    border-left:none;
    border-right:none;
    word-wrap:break-word;
}
.managerTable th {
    padding-top: 4px;
    padding-bottom: 4px;
}
.managerTableCompact td,
.managerTableCompact th {
    padding: 3px;
}
.managerTableCompact th {
    padding-top: 2px;
    padding-bottom: 2px;
}
.managerTable th.centre,
.managerTable td.centre {
    text-align: center;
}
.managerTable th.centre span.replaceWithIcon,
.managerTable td.centre span.replaceWithIcon,
.managerTable td.centre a.replaceWithIcon {
    margin-left: auto;
    margin-right: auto;
}
.managerTable td.wrap,
.managerTable th.wrap {
    white-space: normal;
}
.managerTable td.imageContainer {
    padding-top: 2px;
    padding-bottom: 2px;
}
.managerTable td.imageContainer img {
    vertical-align: top;
}
.managerTableSmall th,
.managerTableSmall td {
    font-size: .85em;
}
.managerTable th .cluetip {
    top: 0;
}
.managerTable a.button,
.managerTable button.button {
    margin-top: -6px;
    margin-bottom: -4px;
}
.managerTable td.buttonContainer a.button,
.managerTable td.buttonContainer button.button {
    margin: 0;
}
/* Manager forms ************************************************************/

.managerForm {
    clear:both;
    margin-bottom:1em;
}
.managerForm fieldset,
.managerForm .replaced-fieldset {
    margin: 0 0 1em 0;
    padding: 0;
    border: none;
}
.managerForm fieldset fieldset,
.managerForm .replaced-fieldset .replaced-fieldset {
    margin:auto auto 1em;
}
.managerForm fieldset fieldset:last-child,
.managerForm .replaced-fieldset .replaced-fieldset:last-child {
    margin:1em 0 0;
}
.managerForm legend {
    border-bottom:none;
    padding:5px 8px;
    -moz-border-radius-topright:5px;
    -moz-border-radius-topleft:5px;
    -webkit-border-top-right-radius:5px;
    -webkit-border-top-left-radius:5px;
    border-top-right-radius:5px;
    border-top-left-radius:5px;
}
.managerForm .formList {
    list-style:none;
    margin:0;
    padding:10px;
    -moz-border-radius-bottomright:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-topright:5px;
    -webkit-border-bottom-right-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-top-right-radius:5px;
    border-bottom-right-radius:5px;
    border-bottom-left-radius:5px;
    border-top-right-radius:5px;
}
.managerForm .formList li {
    overflow:hidden;
    line-height:1.3em;
    padding-top:2px;
    padding-bottom:3px;
    clear:left;
}
.managerForm .formList li.extra-margin-top {
    margin-top: 1em;
}
.managerForm .formList li.divider-top {
    margin-top: .6em;
    border-top: 1px #999 dotted;
    padding-top: .9em
}
.managerForm .formList li:first-child p:first-child {
    margin-top: 0;
}
.managerForm .formList li:last-child {
    padding-bottom: 0;
}
.managerForm .formList li br {
    clear:left;
}
.managerForm .label,
.managerForm label,
.managerForm span.label {
    float:left;
    padding-bottom:4px;
    margin-right: .6em;
}
.managerForm .label.width-auto,
.managerForm label.width-auto,
.managerForm span.label.width-auto {
    width: auto;
}
.managerForm .formList li ul,
.managerForm .formList li ol {
    background:none;
    border:none;
    padding:0 0 0 40px;
    margin:1em 0;
}
.managerForm .formList li ul li,
.managerForm .formList li ol li {
    overflow:visible;
    line-height:normal;
    padding-bottom:0;
}
.managerForm .formList li ul {
    list-style:disc;
}
.managerForm .formList li ol {
    list-style: decimal;
}
.managerForm input[type="text"],
.managerForm input[type="password"],
.managerForm select {
    margin-left:0;
    margin-top:-2px;
}
.managerForm input[type="radio"] {
    margin:0 .2em;
    padding:0;
}
.managerForm input[type="checkbox"] {
    position:relative;
    top:1px;
}
.managerForm legend.withIcon {
    padding-left:21px;
    background-repeat:no-repeat;
    background-position:3px 3px;
}
.managerForm legend.twitter {
    background-image:url(/shared_images/icons/twitter.png);
}
.managerForm legend.facebook {
    background-image:url(/shared_images/icons/facebook.png);
}
.managerForm textarea {
    font:1em Arial, Helvetica, sans-serif;
}
.managerForm .formList .formList {
  list-style: none;
  margin: 0;
  padding: 10px;
}
/* Radio switches ******************************************************/

.switch label {
    cursor: pointer;
    position: relative;
    top: -1px;
}
.switch input {
    display: none;
}
.managerForm .formList .switch label,
.managerForm .formList .switch label span {
    background-repeat: repeat-x;
    display: block;
    float: left;
    margin: 0;
    padding: 0;
}
.managerForm .formList .switch label span.replaceWithIcon,
.managerForm .formList .switch label span {
    line-height: 20px;
    height: 20px;
    background-repeat: no-repeat;
    font-size: .9em;
    padding: 0 10px;
}
.managerForm .formList .switch label.last-label span {
    border: none;
}
.managerForm .formList .switch label.last-label {
    margin-right: .8em;
}
.managerForm .formList .managerTable .switch label,
.managerTable .switch label {
    margin-top: -0px;
    margin-bottom: -3px;
}
.switch label.first-label span {
    background-position: left -60px;
}
.switch label.last-label span {
    background-position: right -120px;
}
.switch label.first-label.selected,
.switch label.first-label-selected {
    background-position: 0 -40px;
}
.switch label.last-label.selected,
.switch label.last-label-selected {
    background-position: 0 -20px;
}
.switch label.last-label.selected span,
.switch label.last-label-selected span {
    background-position: right -140px;
}
.switch label.first-label.selected span,
.switch label.first-label-selected span {
    background-position: left -100px;
}
.managerForm .formList .switch label span span.throbbing {
    padding: 0;                                               
    margin: 0;
    background: none;
    border: none;
    background-position: 0 50%;
    background-repeat: no-repeat;
}
div.switch {
    margin-bottom:15px;
}
/* Cluetips ************************************************************/

/* Styles for the icon you hover over to get the tip to pop up */
span.cluetip {
    height: 16px;
    width: 16px;
    margin-bottom:-3px;
    display: inline-block;
}
#cluetip {
    font-size: .9em;
    line-height: 1.3em;
    margin: -6px 0 0 16px;
}
.cluetip-outer {
    padding: 10px;
}
.cluetip-inner,
.cluetip-inner p {
    line-height:1.6;
}
.cluetip-inner p {
    margin-top:0;
}
.cluetip-arrows {
    display: none;
    position: absolute;
    top: 0;
    left: -11px;
    height: 42px;
    width: 15px;
    margin-left: -4px
}
.cluetip-extra {
    display: none;
}
.ajax-tooltip {
    margin-left:5px;
}
.cluetip-close {
    background:url(/cpep_images/close.png) no-repeat right top;
    overflow:hidden;
}
.cluetip-close a {
    padding-top:15px;
    overflow:hidden;
    display:block;
    height:0;
    width:15px;
    float:right;
}
/* This is to get the cluetip icon aligned to the top of the element */ 
.managerForm textarea,
.managerForm select {
    vertical-align: top;
}
/* Lists *********************************************************************/

.wrapping-image-list,
.wrapping-image-list li {
    list-style-type: none;
    padding: 0;
    margin: 0;
}
.wrapping-image-list li {
    float: left;
    font-size: .9em;
    margin: 0 1em 1em 0;
    padding: 2px;
}
.wrapping-image-list img {
    vertical-align: top;
}
/*Start box highlight styles*/
.important-alert,
.psand_support_only {
    padding:10px 10px 0px;
    margin-bottom:20px;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    background: #F2DEDE;
    border: 1px solid #f44b4b;
    color: #A94442;
}
.body .psand_support_only p {
    margin-top:10px;
}
.psand_support_only:not(fieldset):before,
fieldset.psand_support_only legend:after {
    font-weight:bold;
    color:#C00;
}
.psand_support_only:not(fieldset):before {
    content:"This information only appears for users within the Psand support group.";
}
fieldset.psand_support_only {
    background: none;
}
fieldset.psand_support_only legend:after {
    content:" - Psand support only";
}
fieldset.psand_support_only legend,
fieldset.psand_support_only ol.formList {
    border-color:#c00;
}
/*End box highlight styles*/

/*Start info box styles*/
.info-box {
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    padding:20px 20px 10px;
    margin-bottom:10px;
    position:relative;
    display:none;
}
.info-box .close-button {
    position:absolute;
    top:5px;
    right:5px;
    background:url(/cpep_images/close.png) no-repeat top right;
    padding-right:20px;
    text-indent:-1000em;
    overflow:hidden;
    outline:none;
}
.help-link {
    background:url(/shared_images/icons/help.png) no-repeat top left;
    padding-left:20px;
    text-decoration:none;
    position:absolute;
    top:5px;
    right:10px;

}
.close-button:link,
.help-link:link {
    text-decoration:none;
}
/*End info box styles*/

/* Jim's interim styles */
table td,
table th {
    vertical-align: top;
}
table.borders,
table.borders td,
table.borders th {
    border-spacing: 0;
}
table.noBorders,
table.noBorders td,
table.noBorders th {
    border: none;
}

/* Xinha *********************************************************************/

.htmlarea {
    position:relative;
}
/*Start styles for multiple file upload UI*/
#fileupload img {
    border:0;
}
#fileupload button,
#fileupload input {
    line-height:normal;
}
#fileupload .row {
    margin-left:0px;
}
#fileupload .row:before,
#fileupload .row:after {
    display:table;
    content:"";
}
#fileupload .row:after {
    clear:both;
}
#fileupload .row>[class*="span"] {
    display:inline;
    float:left;
    margin-left:20px;
}
#fileupload input[type=checkbox],
#fileupload input[type=radio] {
    cursor:pointer;
    width:auto;
    height:auto;
    padding:0;
    margin:3px 0;
    line-height:normal;
    border:none;
}
.fade {
    -moz-transition: opacity 0.15s linear 0s;
    opacity: 0;
    position:absolute;
    top:-1000em;
    left:-1000em;
}
.fade.in {
    opacity: 1;
    position:static;
}
#fileupload .fileupload-buttonbar {
    float: left;
    margin-bottom: 1.2em;
}
#fileupload .fileinput-button input {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    border: solid transparent;
    border-width: 0 0 100px 200px;
    opacity: 0;
    -moz-transform: translate(-300px, 0) scale(4);
    direction: ltr;
    cursor: pointer;
}
#fileupload .fileinput-button {
    float: left;
    margin-right: 4px;
    overflow: hidden;
    position: relative;
}
#fileupload .progressbar,
#fileupload .progressbar div {
    width: 200px;
    height: 20px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3);
    background: #fff;
}
#fileupload .progressbar div {
    width: auto;
    background: #AABBFF;
}
#fileupload .fileupload-progressbar {
    float: left;
    margin-left: 20px;
    width: 400px;
    margin-top: 4px;
} 
/*End styles for multiple file upload UI*/

/*Start styles for sitemap ui*/
.tree {
    display:none;
}
.tree ul li .tree-wrap {
    position:relative;
}
.tree ul li .controls {
    position:absolute;
    top:16px;
    left:0px;
    display:none;
    z-index:100;
    -moz-box-shadow: 1px 1px 2px #999;
    -webkit-box-shadow: 1px 1px 2px #999;
    box-shadow: 1px 1px 2px #999;
    background:#F0F0F0;
    font-size:0.9em;
    border:1px solid #979797;
    padding-bottom:1px;
}
.tree ul li .controls a {
    margin:1px 1px 0;
    padding:1px 6px;
    display:block;
    line-height:1.8;
}
.tree ul li .controls .page-info {
    padding:2px 10px 0;
    display:block;
    border-bottom:1px solid #979797;
    margin-bottom:2px;
    background:#DDDDDD;
}
.tree ul li .controls a span {
    display:block;/*IE7*/
}
.tree .controls a:link,
.tree .controls a:visited {
    color:#000;
    text-decoration:none;
}
.tree .controls a:hover,
.tree .controls a:active {
    background-color:#E8EFF7;
    border:1px solid #AECFF7;
    -webkit-border-radius:2px;
    -moz-border-radius:2px;
    border-radius:2px;
    padding:0 5px;
}
.tree .sortable li.open > span,
.tree .sortable li.closed > span,
.tree .sortable ins,
.tree .sortable li a {
    cursor:move;
}
#disable-reordering {
    display:none;
}
.tree .isenabled-0 .title:link,
.tree .isenabled-0 .title:visited {
    color:#FF0000;
}
.sitemap-security-1 > span .title:link,
.sitemap-security-1 > span .title:visited {
    padding-left: 20px;
    color: #FF8C00;
    background: url(/shared_images/icons/lock.png) no-repeat left top;
}
.visible-0,
.visible-0 .title:link,
.visible-0 .title:visited,
.sitemap-visible-0 .title:link,
.sitemap-visible-0 .title:visited,
.sites-to-sitemap-visible-0 .title:link,
.sites-to-sitemap-visible-0 .title:visited {
    color: #999;
}
.status-0,
.status-0 .title:link,
.status-0 .title:visited,
.sitemap-status-0 .title:link,
.sitemap-status-0 .title:visited,
.sites-to-sitemap-status-0 .title:link,
.sites-to-sitemap-status-0 .title:visited {
    color: #c00;
}
.tree .visible-0 .tree-wrap .icon,
.tree .sitemap-visible-0 .tree-wrap .icon,
.tree .sites-to-sitemap-visible-0 .tree-wrap .icon {
    background-image:url(/cpep_images/jstree/page-no-nav.png);
    background-position:0px 0px;
}
.tree .status-0 .tree-wrap .icon,
.tree .sitemap-status-0 .tree-wrap .icon,
.tree .sites-to-sitemap-status-0 .tree-wrap .icon {
    background-image:url(/cpep_images/jstree/page-off.png);
    background-position:0px 0px;
}
.tree .leaf .tree-wrap .cluster {
    background-image:url(/cpep_images/jstree/cluster-page.png);
    background-position:0px 0px;
}
.tree .leaf .tree-wrap .cluster {
    background-image:url(/cpep_images/jstree/cluster-page.png);
    background-position:0px 0px;
}
.tree .internal-link-node .tree-wrap .icon {
    background-image:url(/cpep_images/jstree/page_white_link.png);
    background-position:0px 0px;
}
.tree .external-link-node .tree-wrap .icon {
    background-image:url(/cpep_images/jstree/world_link.png);
    background-position:0px 0px;
}
.tree a {
    padding:2px;
}
.tree a:link,
.tree a:visited {
    color:#000000;
}
.tree .hover-active:link,
.tree .hover-active:visited,
.tree .hover-active:hover,
.tree .hover-active:active {
    background-color:#990000;
    color:#FFFFFF;
}
/*End styles for sitemap ui*/

/*Start simple list to list styles*/
  .chosen {
    background-color: #2255BB;
    color: #EFFFEF;
  }
  
  .l2l-stuff {
    border: 1px solid #AAAAAA;
    padding: 2px 1em 2px 0.5em;
    max-height: 20em;
    max-width: 40%;
    overflow-x: hidden;
    overflow-y: scroll;
  }
  
  .l2l-stuff > span {
    border: 1px dotted;
    cursor: pointer;
    display: block;
    margin: 2px 0;
    overflow: visible;
    padding: 2px 0 2px 5px;
    word-wrap: break-word;
  }
/*End simple list to list styles*/

/*Start drag and drop, list to list styles*/
.managerForm fieldset .formList li .current-selection {
    list-style:none;
}
.managerForm fieldset .formList li .current-selection li {
    background:url(/shared_images/icons/tick.png) no-repeat left center;
    padding-left:20px;
}
.managerForm fieldset .formList li .current-selection li img {
    vertical-align:middle;
}
.l2l-unselected-container,
.l2l-selected-container {
    border: 1px solid #CCCCCC;
    float: left;
    min-height: 10em;
    margin-bottom:10px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.5);
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.l2l-unselected-container {
    background-color: #44A8D9;
    margin-right:20px;
    border: 1px solid #2B7CCE;
}
.l2l-selected-container {
    background-color: #e8414c;
    border: 1px solid #c8222d;
}
.l2l-buttons {
    clear: left;
}
.l2l-search-input {
    margin: 0 5%!important;
    width: 90%!important;
}
.l2l-main-container h2 {
    text-align:center;
    font-size:1em;
    font-weight:bold;
    color:#FFF;
    padding:2px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -webkit-border-top-left-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-radius-topleft: 5px;
    -moz-border-radius-topright: 5px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: -ms-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: -o-linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
    background: linear-gradient(top, rgba(255, 255, 255, 0.2), rgba(0, 0, 0, 0.1));
}
.l2l-unselected-container h2{
    border-bottom: 1px solid #2B7CCE;
    background-color: #44A8D9;
}
.l2l-selected-container h2 {
    border-bottom: 1px solid #c8222d;
    background-color: #e8414c;
}
.managerForm fieldset .formList li .l2l-main-container ul {
    list-style: none;
    padding: 0;
    margin:20px;
    max-width:370px;
}
.managerForm fieldset .formList li .l2l-main-container ul li {
    cursor: move;
    margin-bottom:8px;
    padding: 7px 14px;
    background:#FFF;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.5);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.5);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.2), inset 0 1px 1px rgba(255, 255, 255, 0.5);
}
.managerForm fieldset .formList li .l2l-main-container .empty {
    text-align: center;
    cursor: inherit;
    background:none;
    border:none;
    color:#FFFFFF;
    font-weight:bold;
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;
}
.managerForm fieldset .formList li .l2l-main-container ul .placeholder {
    filter: alpha(opacity=25);
    opacity: 0.25;
}
.managerForm fieldset .formList li .l2l-main-container ul .ui-sortable-helper {
    filter: alpha(opacity=85);
    opacity: 0.85;
}
.managerForm fieldset .formList li .l2l-main-container ul li img {
    vertical-align:middle;
}
.managerForm fieldset .formList li .l2l-main-container ul li.selected-l2l {
    background:#999;
    color:#FFFFFF;
}
/*End drag and drop, list to list styles*/

/*Start homepage manager module styles*/
.module-wrapper {
    overflow:hidden;
    margin-bottom:10px;
}
.modules {
    float:left;
    margin-right:20px;
    margin-bottom:20px;
    padding:10px;
    border:1px solid #CCC;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:#FFF;
}
.module-container {
    background:#fff;
    border:1px solid #999;
    margin-bottom:10px;
    overflow:hidden;
}
.modules .actions {
    text-align:center;
}
.modules p label {
    font-weight:bold;
}
.modules iframe {
    display: block;
}
/*End homepage manager module styles*/

/*******************/
/*Start misc styles*/
/*******************/
legend {
    font-size: 1.1em;
}
.fullWidth {
    width: 100%;
}
.width-auto {
    width: auto;
}
.hidden {
    display: none;
}
.invisible {
    visibility: hidden;
}
.displayTableCell0,
.displayTableRow0,
.displayBlock0,
.displayInline0,
.hideBlock1,
.hideInline1 {
    display: none;
}
.displayBlock1,
.hideBlock0 {
    display: block;
}
.displayInline1,
.hideInline0 {
    display: inline;
}
.displayNone1 {
    display: none;
}
.centre {
    text-align: center;
}
.right,
.right td {
    text-align:right;
}
.total {
    border-top:1px solid black;
    border-bottom:1px solid black;
}
.sortable-handle {
    cursor: move;
}
.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
.float-right {
    float:right;
}
/*Start jQuery UI overrides*/
.ui-datepicker {
    font-size:0.8em !important;
}
.ui-dialog {
    font-size:0.9em !important;
    box-shadow: 1px 1px 6px #000;
}
/*--fixing the grey bar dialog issue--*/
div.ui-widget-overlay {
    background: none repeat scroll 0 0 #000000;
    filter: alpha(opacity=70) !important;
    opacity:0.7  !important;
    position: fixed;
}
/*--end fixing---*/
.ui-tabs {
    font-size:1em !important;
}
div.ui-accordion {
    font-size:1em !important;
}
.ui-datepicker-trigger {
    vertical-align: top;
    margin-left: 2px;
    cursor: pointer;
}
.ui-widget input,
.ui-widget select,
.ui-widget textarea,
.ui-widget button {
    font-family: Arial,Helvetica,sans-serif !important;
}
.ui-tabs {
    margin-bottom:10px;
}
.accordion {
    display:none;
}
/*End jQuery UI overrides*/
.syntaxhighlighter .toolbar {
    display:none;
}
#toc ul {
    list-style:none;
    padding-left:20px;
}
#toc ul ul {
    padding-left:15px;
    margin:5px 0 5px;
}
#toc ul li {
    padding-bottom:5px;
}
.h3-highlight h3 {
    border-bottom:1px solid;
}
/*Start password strength styles*/
.password_strength {
    margin-left:10px;
    padding:2px 4px;
    color:#FFF;
    font-weight:bold;
    position:relative;
    top:-2px;
}
.password_strength_1 {
    background-color: #F00;
}
.password_strength_2 {
    background-color: #F60;
}
.password_strength_3 {
    background-color: #6C9;
}
.password_strength_4,
.password_strength_5 {
    background-color: #390;
}
.tabs {
    display:none;
}
.defaultSkin table {
    border-spacing:0;
}
/*Hidden content styles*/
.hide-me {
    display:none;
}
/*jCrop UI styles*/
.crop-ui-wrapper {
    padding:5px 20px 20px;
    border:1px solid #999;
    display:inline-block;
    margin-bottom:20px;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
    background:#F5F5F5;
}
.crop-title {
    margin-bottom:5px;
    font-weight:bold;
    color:#666;
}
.crop-controls {
    position:relative;
}
#crop-and-scale-image-revert {
    position:absolute;
    right:0;
}
#crop-and-scale-image-resize {
    visibility:hidden;
}
.box-out {
    margin-bottom:20px;
    padding: 10px 10px 0px 10px;
}
.managerForm .formList li.alert-box,
.managerForm .formList li.highlight-box,
.highlight-box,
.alert-box,
.alert-box-with-icon {
    background-color: #FCF8E3;
    border: 1px solid #F5DD89;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 20px;
    padding: 10px 10px 0px;
    display: inline-block;
}
.highlight-box {
    background-color: #F7F7F9;
    border: 1px solid #E1E1E8;
}
.alert-box-with-icon {
    background-image: url(/shared_images/icons/error.png);
    background-repeat:no-repeat;
    background-position:5px 9px;
    padding-left:25px;
}
/*Start no-image, no-thumbnail styles*/
.no-thumb, .no-img {
    background-color: #EFEFEF;
    border: 1px dashed #888888;
    color: #444444;
    display: inline-block;
    text-align: center;
}
.no-thumb {
    height: 60px;
    line-height: 60px;
    width: 80px;
}
.no-img {
    height: 120px;
    line-height: 120px;
    width: 160px;
}
/*End no-image, no-thumbnail styles*/
.mceEditor .mceLayout {
    margin-bottom:10px;
}
.mce-tinymce.mce-container {
    display: inline-block;
}
.warning {
    color:#a00;
    font-weight:bold;
}
/*******************/
/*End misc styles*/
/*******************/

#the-block table.managerTable.sortable tbody.ui-sortable .page-content-module-text div {
	width: 380px;
	margin: 10px;
}

#the-block table.managerTable.sortable tbody.ui-sortable tr.odd td.fullWidth.module.wrap .page-content-module-text div img {
	width: 380px;
}

#the-block table.managerTable.sortable tbody.ui-sortable .page-content-module-text .flex-video {
	width: 380px;
}