/*************************************
@BASE
	@basics
	@inputs
	@headings
	@tables
	@ajax
@STRUCTURE
	@header
	@nav
	@main
	@ribbon
	@panels
	@sidebar
	@buttons
	@tabs
	@errors and notifications
	@dialog
	@paging
	@dashboard-graphs
	@logic
	@builders
	@icons
	@tree-view
	@admin
	@accounts
	@share
	@zooming
@MISC
	@expandos
@CKEDITOR
@template colours
**************************************/
/*@BASE*/
html { background: #899AAB url(/assets/images/framework/bodybg.png) repeat-x top left; }
body { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #333333; }
::selection { background: orange; }
::-moz-selection { background: orange; }
#me a::selection { background: white; }
#me a::-moz-selection { background: white; }
/* @basics */
a { text-decoration: none; color: #3974BD; cursor: pointer; }
a:hover { text-decoration: underline; }
ol { margin: 5px 0 5px 14px; list-style: decimal; }
ul { list-style-type: disc; list-style-position: inside; }
p { margin: 10px 0; line-height: 18px; }
p.required { color: #666666; margin: 10px 0px; }
p.label { margin: 0; }
select { padding: 3px 2px; border: medium none; /*max-width: 100%;*/ -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; border: 1px solid #DCDCDC; cursor: pointer; }
.abbr { border-bottom-width: 1px; border-bottom-style: dotted; }
a.abbr { text-decoration: none; cursor: help; }
optgroup { font-style: normal; }
label + p { line-height: 26px; }
label.auto-width { width: auto; }
label.disabled { color: gray; }
input + span { font-size: 12px; }
h1 { font-size: 18px; line-height: 22px; }
/* @inputs - more in form.css */
input[type=text], input[type=password], textarea { border: 1px solid #DCDCDC; color: #444444; font-family: Arial, Helvetica, sans-serif; font-size: 13px; line-height: normal; padding: 4px 5px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
input[type=password] { margin-right: 5px; }
input[type=hidden] { display: none; }
input.disabled { color: gray; background-color: #EEEEEE; }
/* @headings */
h1.page-title, h1.error-title { color: #56595B; font-size: 18px; padding: 5px 40px; margin-bottom: 18px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; line-height: 22px; }
h1.page-title a { background: transparent url(/assets/images/icon-set/breadcrumbs_sep.png) right 8px no-repeat; padding-right: 12px; display: inline-block; }
h1.page-title a.last { background: none; padding-right: 0; }
h1.page-title.survey { padding: 4px 0 5px 35px; }
h1.error-title { line-height: 20px !important; }
h2 { position: relative; }
h2, .page-heading { color: #56595B; font-size: 14px; font-weight: bold; font-family: Arial, Verdana, Sans-Serif; margin: 10px 0; }
div + h2 { margin: 20px 0 10px; }
h2 a { font-size: 12px; font-weight: normal; }
h2.container { position: relative; }
h2.container a { position: absolute; right: 0; top: 0; }
.page-heading { font-size: 15px; }
h3 { font-size: 13px; margin: 20px 0 10px; font-family: "Trebuchet MS" , Arial, Helvetica, sans-serif; }
/* @tables */
table + table { margin-top: 20px; }
table.data { width: 100%; }
table.data th { font-size: 13px; font-weight: bold; padding: 8px 5px; text-align: left; border-bottom: 1px solid #ccc; white-space: nowrap; background-color: #F0F0F0; }
table.data td { vertical-align: middle; padding: 5px; background-color: #ffffff; border-top: 1px solid #E9E9E9; }
table.checkboxlist td { padding: 0; }
.form-background table.data input[type="radio"], .form-background table.data input[type="checkbox"] { margin-top: 0px; }
/* to override table.data td /lists/data/view */
table.data th:first-child { -moz-border-radius: 4px 0px 0px 0px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; border-radius: 4px 0px 0px 0px; }
table.data th:last-child { -moz-border-radius: 0px 4px 0px 0px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; border-radius: 0px 4px 0px 0px; }
table.data th:last-child:first-child { -moz-border-radius: 4px 4px 0px 0px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; border-radius: 4px 4px 0px 0px; }
table.data tr:last-child td { border-bottom: 1px solid #E9E9E9; }
.width350 { width: 350px; }
.width300 { width: 300px; }
.width200 { width: 200px; }
.width192 { width: 192px; }
.width180 { width: 180px; }
.width160 { width: 160px; }
.width150 { width: 150px; }
.width140 { width: 140px; }
.width120 { width: 120px; }
.width100 { width: 100px; }
.width85 { width: 85px; }
.width63 { width: 63px; }
.width30 { width: 30px; }
/* @ajax */
.loader { background-image: url(/assets/images/39.gif); height: 32px; width: 32px; float: right; }
#ajax-alpha { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000; cursor: progress; }
.alpha, #beta, #charlie { position: fixed; top: 0; left: 0; height: 100%; width: 100%; background-color: #000; z-index: 100; }
/*@STRUCTURE*/
.fullscreen > #nav, .fullscreen > #header, .fullscreen > #content, .fullscreen > #footer { margin-left: 20px; margin-right: 20px; }
/* @header */
#header-inner { min-width: 960px; width: 960px; margin: 0 auto 20px; height: 42px; position: relative; z-index: 3; }
#logo { background: transparent url(/assets/images/framework/ubiquity-help.gif) no-repeat -10px -8px; width: 154px; height: 26px; text-indent: -9999em; margin: 10px 0px 0px 0px; float: left; }
#logo.konami { background: transparent url(/assets/images/framework/konami.png) no-repeat top left; height: 26px; }
div#print-logo { position: absolute; left: 20px; top: 10px; display: none; }
#account-switcher { top: 9px; left: 195px; position: absolute; background-color: #233C55; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; z-index: 3; max-width: 353px; padding: 4px 10px; }
#account-switcher p { color: #fff; padding: 0 20px 0 0; line-height: 16px; overflow: hidden; margin: 0; white-space: nowrap; float: left; max-width: 270px; font-size: 11px; max-width: 327px; overflow: hidden; }
#account-switcher p.no-child-accounts { padding: 0; background: none; }
#account-switcher.multi .trigger { background: #233C55 url(/assets/images/framework/switchaccountarrow.png) no-repeat 100% 5px; cursor: pointer; }
#account-switcher-container .top-corners, #account-switcher-container .bottom-corners { width: 100%; height: 10px; position: relative; }
#account-switcher-container .sep { height: 10px; background: #233C55; margin: 0px 10px; }
#account-switcher-container .top-left, #account-switcher-container .top-right { background: transparent url(/assets/images/framework/as-top-corners.png) left top no-repeat; }
#account-switcher-container .bottom-left, #account-switcher-container .bottom-right { background: transparent url(/assets/images/framework/as-bottom-corners.png) left top no-repeat; }
#account-switcher-container .top-left, #account-switcher-container .bottom-left { position: absolute; left: 0; top: 0; }
#account-switcher-container .top-right, #account-switcher-container .bottom-right { background-position: right top; position: absolute; right: 0; top: 0; }
#switcher { border-top: 1px solid #fff; margin-top: 2px; max-height: 300px; overflow: auto; background-color: #233C55; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; border-radius: 0px 0px 4px 4px; clear: both; }
#switcher-inner { padding: 5px 20px 5px 10px; }
#switcher a, #switcher span { font-size: 11px; color: #F7A900; display: block; margin: 10px 0; max-width: 355px; overflow: hidden; text-decoration: none; white-space: nowrap; line-height: 13px; }
#switcher a.current-account { color: #FFFFFF; }
#switcher a:first-child, #switcher apsn:first-child { margin-top: 0px !important; }
#switcher a:hover { color: #fff; }
#switcher a.administration { font-weight: bold; margin: 10px 0px 15px; }
#switcher a.rootaccount, #switcher span.rootaccount { font-weight: bold; margin: 0px 0px 10px; }
#switcher ul { margin: 0; }
#switcher ul ul { margin-left: 10px; }
#me { float: right; margin: 17px 0 0 0; }
#me > li { float: left; margin-left: 7px; padding-left: 7px; border-left: 1px solid #ffffff; }
#me > li:first-child { border: none; margin: 0; padding: 0; }
#me li a { font-size: 11px; color: #F7A900; text-decoration: none; }
#me > li a:hover { color: #FFFFFF; }
#me > li span { font-size: 11px; color: #FFFFFF; }
#no-script, #non-trusted-browser { background-color: #FFFFFF; text-align: center; padding: 10px; position: fixed; width: 100%; left: 0; top: 0; z-index: 10000; }
#no-script p, #non-trusted-browser p { margin: 0; }
#non-trusted-browser { display: none; }
.recommendation { font-size: 10px; }
.vertical-space-small { margin: 3px 0px; overflow: hidden; }
.vertical-space-medium { margin: 5px 0px; overflow: hidden; }
.vertical-space-large { margin: 10px 0px; overflow: hidden; }
/* @nav */
#nav { margin-bottom: 10px; }
#nav-inner { min-width: 960px; width: 960px; margin: 0px auto; height: 45px; background: transparent url(/assets/images/framework/navbg_repeat.png) repeat-x scroll left top; }
#nav #myengage, #nav #surveys, #nav #database, #nav #emails, #nav #forms, #nav #events, #nav #reports, #nav #txt { float: left; position: relative; }
#nav #myengage a, #nav #surveys a, #nav #database a, #nav #emails a, #nav #help, #nav #forms a, #nav #events a, #nav #reports a, #nav #txt a, #contactus { background: #133558 url(/assets/images/framework/navbg.png) no-repeat top left; text-indent: -9999em; display: block; line-height: 45px; width: 130px; }
#nav #myengage a:hover, #nav #myengage a.active { background-position: 0 -45px; }
#nav #surveys a { background-position: -130px 0; width: 88px; }
#nav #surveys a:hover, #nav #surveys a.active { background-position: -130px -45px; }
#nav #database a { background-position: -218px 0; width: 97px; }
#nav #database a:hover, #nav #database a.active { background-position: -218px -45px; }
#nav #emails a { background-position: -315px 0; width: 74px; }
#nav #emails a:hover, #nav #emails a.active { background-position: -315px -45px; }
#nav #forms a { background-position: -389px 0; width: 113px; }
#nav #forms a:hover, #nav #forms a.active { background-position: -389px -45px; }
#nav #events a { background-position: -566px 0; width: 91px; }
#nav #events a:hover, #nav #forms a.active { background-position: -566px -45px; }
#nav #reports a { background-position: -657px 0; width: 91px; }
#nav #reports a:hover, #nav #reports a.active { background-position: -657px -45px; }
#nav #txt a { background-position: -502px 0; width: 64px; }
#nav #txt a:hover, #nav #txt a.active { background-position: -502px -45px; }
#nav #myengage ul, #nav #surveys ul, #nav #database ul, #nav #emails ul, #nav #forms ul, #nav #txt ul { position: absolute; top: 100%; left: 0px; background-color: #fff; padding: 0px 8px; }
#nav #help { background-position: right top;}
#nav #help, #contactus { float: right; text-indent: 0; width: auto; }
#contactus { background-position: -762px top; }
#nav #help a { padding: 0 20px 0 30px; }
#nav #help a, #contactus a { text-decoration: none; color: #fff; line-height: 45px; display: block; }
#contactus a { padding: 0 0 0 22px; }
#nav #help a:hover, #contactus a:hover { text-decoration: underline; }
/* @main */
#content { min-width: 960px; background-color: #FFF; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; width: 960px; margin: 0 auto; }
#footer { margin-top: 10px; text-align: center; }
#footer p { color: #d2d8df; font-size: 11px; }
#main { width: 100%; float: left; margin-left: -170px; }
#main.main-fullscreen, .help #main { margin-left: 0; }
#main-inner { padding: 20px; margin-left: 170px; }
#main-inner-fullscreen { padding: 20px; }
#main .page-title { background: url(/assets/images/icon-set/page-title.png) no-repeat 0 0; }
#main .dashboard { background-position: left -340px; }
#main .database { background-position: left -507px; }
#main .campaigns { background-position: left -677px; }
#main .mailouts { background-position: left -1472px; }
#main .email { background-position: left -1623px; }
#main .reports { background-position: left -1772px; }
#main .forms { background-position: left -2163px; }
#main .event { background-position: left -2318px; }
#main .administrators { background-position: left -1018px; }
#main .accounts { background-position: left -846px; }
#main .members { background-position: left -169px; }
.fullscreen #nav-inner, .fullscreen #header-inner, .fullscreen #content, .fullscreen #footer { width: auto; }
.top-corners, .bottom-corners { width: 960px; min-width: 960px; height: 10px; margin: 0 auto; position: relative; }
.top-corners .sep, .bottom-corners .sep { height: 10px; background: #fff; margin: 0px 10px; }
.fullscreen .top-corners, .fullscreen .bottom-corners { margin: 0 20px; width: auto; }
.top-corners .top-left, .top-corners .top-right { background: transparent url(/assets/images/framework/top-corners.png) left top no-repeat; height: 10px; width: 10px; }
.bottom-corners .bottom-left, .bottom-corners .bottom-right { background: transparent url(/assets/images/framework/bottom-corners.png) left top no-repeat; height: 10px; width: 10px; }
.top-corners .top-left, .bottom-corners .bottom-left { position: absolute; left: 0; top: 0; }
.top-corners .top-right, .bottom-corners .bottom-right { background-position: right top; position: absolute; right: 0; top: 0; }
/* @footer */
#footer { width: 960px; margin: 10px auto; overflow: hidden; }
#footer a { display: block; background: transparent url(/assets/images/framework/ubiquity.png) no-repeat left top; width: 82px; height: 20px; text-indent: -9999em; margin: 0 auto; float: right; }
#footer p { margin: 0; line-height: 1; }
/* @ribbon */
.ribbon { margin: 18px 0; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background-color: #F4F4F4; padding: 6px 15px; overflow: hidden; }
.ribbon-tabs li { float: left; margin-right: 6px; background: url(/assets/images/framework/ribbon/ribbontabs.png) no-repeat left -44px; padding-left: 9px; }
.ribbon-tabs li a { display: block; text-transform: uppercase; background: url(/assets/images/framework/ribbon/ribbontabs.png) no-repeat right top; font-size: 13px; color: #3E5C72; text-decoration: none; padding: 9px 15px 9px 6px; }
.ribbon-tabs li.selected { background-position: 0 -131px; }
.ribbon-tabs li.selected a { background-position: right -88px; color: #FFF; }
.ribbon label { float: left; margin: 13px 10px 0 0; }
.ribbon select, .ribbon input { float: left; margin: 6px 10px 0 0; }
.ribbon select { width: 212px; }
.ribbon .ribbon-actions { margin: 5px 10px 0 0; }
/* @panels */
.collapsable { cursor: pointer; margin-top: 20px; }
.collapsable.inline { margin-top: 0; }
.collapsable.closed + .collapsable-content { display: none; zoom: 1; }
.collapsable > .trigger { float: right; display: block; width: 16px; height: 23px; background: transparent url(/assets/images/framework/showhide.png) no-repeat scroll left 7px; }
.collapsable.open > .trigger { background-position: left -477px; }
.panel { background: #DCE5EB; overflow: hidden; padding: 0 15px; height: 30px; line-height: 30px; clear: both; cursor: pointer; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.panel.open { -moz-border-radius: 6px 6px 0px 0px; -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; border-radius: 6px 6px 0px 0px; }
.panel > h2 { margin: 0; }
.panel-options { clear: both; padding: 10px 15px; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; border-radius: 0px 0px 6px 6px; overflow: hidden; }
.panel-options select { float: left; width: 238px; }
.panel-options select:first-child { margin-right: 14px; }
.panel-options span.select + span.right { margin-top: 6px; }
.panel + .collapsable-content h4 { color: #396C96; font-weight: bold; font-size: 13px; line-height: 19px; }
.collapsable-content { margin-top: 1px; }
/* @sidebar */
#sidebar { width: 170px; float: left; background: url(/assets/images/framework/sidebarbg.png) no-repeat scroll top left; min-height: 523px; position: relative; z-index: 2; overflow: hidden; }
#sidebar-inner { padding: 20px 13px 13px; position: relative; /*SLIDING NAV left: -155px;*/ }
#sidebar-inner .pane { width: 155px; float: left; }
.createaction { padding: 0 5px; margin: 0px 0px 10px; display: block; font-size: 13px; color: #fff; background: url(/assets/images/framework/buttons/thenuke.png) no-repeat scroll left top; }
.createaction:hover { background-position: left -33px; text-decoration: none; }
.createaction:active { background-position: left -65px; }
.createaction span { display: block; padding: 11px 0 11px 25px; background: transparent url(/assets/images/icon-set/hitthenuke.png) no-repeat scroll left 5px; font-size: 11px; }
.two-lines span { padding: 5px 0 6px 25px; } /* text wraps onto two lines */
/*create*/
.createaction.widgets span { background-position: left -2168px; }
.createaction.members span { background-position: left -164px; }
.createaction.forms span { background-position: left -1958px; }
.createaction.reports span { background-position: left -1755px; }
.createaction.mailouts span { background-position: left -1371px; }
.createaction.database span { background-position: left -502px; }
.createaction.campaigns span { background-position: left -672px; }
.createaction.email span { background-position: left -1620px; }
.createaction.event span { background-position: left -2212px; }
.createaction.administrators span { background-position: left -1013px; }
.createaction.accounts span { background-position: left -843px; }
/*delete*/
.createaction.survey.delete span { background-position: left -43px; }
.createaction.members.delete span { background-position: left -222px; }
.createaction.database.delete span { background-position: left -551px; }
.createaction.campaigns.delete span { background-position: left -723px; }
.createaction.accounts.delete span { background-position: left -890px; }
.createaction.administrators.delete span { background-position: left -1069px; }
.createaction.help.delete span { background-position: left -1234px; }
.createaction.mailouts.delete span { background-position: left -1419px; }
.createaction.email.delete span { background-position: left -1660px; }
.createaction.event.delete span { background-position: left -2264px; }
.createaction.reports.delete span { background-position: left -1809px; }
.createaction.forms.delete span { background-position: left -2008px; }
/*view*/
.createaction.survey.view span { background-position: left -127px; }
.createaction.database.view span { background-position: left -600px; }
.createaction.mailouts.view span { background-position: left -1468px; }
.createaction.email.view span { background-position: left -1702px; }
.createaction.event.view span, .createaction.event.download span { background-position: left -2316px; }
.createaction.reports.view span { background-position: left -1860px; }
.createaction.forms.view span { background-position: left -2058px; }
/*deactivate*/
.createaction.survey.deactivate span { background-position: left -93px; }
.createaction.database.deactivate span { background-position: left -454px; }
.createaction.forms.deactivate span { background-position: left -2109px; }
.createaction.event.deactivate span { background-position: left -2368px; }
.createaction.mailouts.deactivate span { background-position: left -1509px; }
/*others*/
.createaction.mailouts.resume span { background-position: left -1547px; }
.createaction.mailouts.pause span { background-position: left -1585px; }
.createaction.layouts.defaults span { background-position: left -842px; }
.context-menu { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; overflow: hidden; position: relative; }
.context-menu + .context-menu { margin: 20px 0px; }
.createaction + .context-menu { margin: 20px 0px; }
.context-menu h3 { color: #54585B; margin: 0 0 8px; font-family: Arial, Helvetica, Sans-Serif; }
.context-menu.members h3 { background-position: 0 -50px; }
.context-menu.dashboard h3 { background-position: 0 -99px; }
.context-menu.database h3 { background-position: 0 -148px; }
.context-menu.campaigns h3 { background-position: 0 -197px; }
.context-menu.accounts h3 { background-position: 0 -264px; }
.context-menu.administration h3 { background-position: 0 -298px; }	/* Leave at 344 as that is what works on live */
.context-menu.help h3 { display: block; cursor: pointer; background: #e9e9e9 url(/assets/images/icon-set/related_tasks.png) no-repeat scroll 10px -344px; text-transform: none; margin-bottom: 0; line-height: 17px; padding: 5px 10px 5px 35px; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.context-menu.mailouts h3 { background-position: 0 -400px; }
.context-menu.email h3 { background-position: 0 -483px; }
.context-menu.reports h3 { background-position: 0 -526px; }
.context-menu.forms h3 { background-position: 0 -579px; }
.context-menu > ul li { background-color: #e2e2e2; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; margin: 2px 0px; }
.context-menu a, .context-menu > ul span { display: block; margin-bottom: 10px; font-size: 11px; }
.context-menu a:last-child { margin-bottom: 0px; }
.context-menu > ul a, .context-menu > ul span { padding: 8px; margin: 0; line-height: 1.2; }
.context-menu.help { padding: 0; border: 1px solid #e9e9e9; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.context-menu.help.open { background-position: 116px -478px; }
.context-menu.help.open h3 { -webkit-border-bottom-left-radius: 0px; -webkit-border-bottom-right-radius: 0px; -moz-border-radius: 6px 6px 0px 0px; border-radius: 6px 6px 0px 0px; }
.context-menu.help.open .trigger { background-position: 0 -484px; }
.context-menu.help a { color: #4299CF; }
.context-menu.help .trigger { background: transparent url(/assets/images/framework/showhide.png) no-repeat scroll left top; position: absolute; left: 118px; top: 6px; width: 16px; height: 16px; }
.context-menu.help > ul { display: none; padding: 10px; }
.context-menu.help > ul li { background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; margin: 10px 0px 0px; }
.context-menu.help > ul li:first-child { margin: 0; }
.context-menu.help > ul a { padding: 0; margin: 0; font-size: 11px; }
/* @buttons */
.button { font-size: 13px; text-decoration: none; float: right; display: block; padding: 0 16px 0 0; font-weight: bold; }
a.button, a.button span { background: url(/assets/images/framework/buttons/button.png) no-repeat right -245px; color: #56595B; zoom: 1; }
a.button span { background-position: left -208px; display: block; line-height: 38px; padding: 0 0 0 16px; position: relative; float: left; }
a.button img { display: block; float: left; margin: 11px 5px 0 -6px; }
a.button.small img { margin-top: 9px; }
.dialog a.small span { position: static; }
a.button.refresh { margin-top: 5px; }
a.button:hover { text-decoration: none; background-position: right -325px; }
a.button:hover span { background-position: left -285px; }
a.button:active { background-position: right -406px; }
a.button:active span { background-position: left -368px; }
a.button.disabled, a.button.disabled span { color: #949798; }
a.button.disabled { background-position: right -548px; cursor: default; }
a.button.disabled span { background-position: left -511px; }

a.button.small.disabled:hover { background-position: right -30px; float: left; }
a.button.small.disabled:hover span { background-position: left 2px; line-height: 33px; }

a.button.small { background-position: right -30px; float: left; }
a.button.small span { background-position: left 2px; line-height: 33px; }
a.button.small:hover { background-position: right -98px; }
a.button.small:hover span { background-position: left -62px; }
a.button.small:active { background-position: right -171px; }
a.button.small:active span { background-position: left -132px; }
a.small.arrow { background-position: right -620px; padding-right: 27px; }
a.small.arrow:hover { background-position: right -688px; }
a.small.arrow:active { background-position: right -761px; }

.buttons-left { float: left; width: 300px; }
.buttons-left a.button, .left a.button { float: left; }
.buttons-right { float: right; width: 300px; }
.left a.right { float: right; }
.button-group, .button-group li { float: left; }
.button-group.right { float: right; }
.previewbtn-container { position: relative; }
#previewbtn-inner { left: 619px; position: absolute; top: -31px; }
.button-group + .button-group { margin-left: 5px; }
.button-group.right + .button-group.right { margin-right: 5px; }
.button-group a.button, .button-group a.button span { background: url(/assets/images/framework/buttons/button-group.png) no-repeat left top; }
.button-group a.button { padding: 0; background: none; float: left; }
.button-group a.button span { padding: 0 8px; background-position: -200px top; line-height: 26px; font-weight: normal; }
.button-group a.button:hover span { background-position: -200px -65px; }
.button-group li:first-child a.button span, .button-group li a.button.first span { background-position: left top; }
.button-group li:first-child a.button:hover span, .button-group li a.button.first:hover span { background-position: left -65px; }
.button-group a.button.last, .button-group a.button.last span { background: url(/assets/images/framework/buttons/button-group.png) no-repeat right -32px; }
.button-group a.button.last { padding-right: 8px; }
.button-group a.button.last span { padding: 0 0 0 8px; background-position: -200px top; }
.button-group a.button.last:hover { background-position: right -96px; }
.button-group a.button.last:hover span { background-position: -200px -65px; }
/* @tabs */
.tabs { float: left; width: 100%; }
.tabs li { float: left; }
.tabs li a, .tabs-content { border-color: #bbbbbb; border-style: solid; }
.tabs li a { display: block; padding: 6px 8px; color: #56595b; margin: 0px 2px 0px 0px; border-width: 1px 1px 0; background: url(/assets/images/framework/buttons/tabs-normal.gif) left bottom repeat-x; -moz-border-radius: 6px 6px 0px 0px; -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; border-radius: 6px 6px 0px 0px; }
.tabs li a:hover { background: #fff; text-decoration: none; }
.tabs li.selected { position: relative; z-index: 2; }
.tabs li a:hover, .tabs li.selected a { background: #fff url(/assets/images/framework/buttons/tabs.gif) left top repeat-x; }
.tabs-content { clear: both; background-color: #fff; width: 100%; float: left; position: relative; z-index: 1; margin-top: -1px; border-width: 1px; -moz-border-radius: 0px 6px 6px 6px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px; border-radius: 0px 6px 6px 6px; }
.tabs-content-inner { padding: 15px; }
.tabs-content .form-background { padding: 0; }
.tabs-content .form-container { margin: 0; background: #F4F4F4; }
.tabs-content .form-field { border-bottom: 1px solid white; }
.tabs-content textarea { width: 99%; }
#cover { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(/assets/images/blank.gif) left top repeat; z-index: 10000; }
/* @errors and notifications */
input.error, textarea.error, input.input-validation-error { border: 1px solid #FF9C9C; }
.fail { margin: 0 0 10px 0; background-color: #AF2B2B; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; clear: both; }
.fail > p, .system > p, .confirmation > p, .warnings > p, div.warning > p { color: #fff; margin: 0; padding: 4px; font-weight: bold; text-align: center; }
.fail-list { background-color: #FFF1F1; padding: 1px 20px; border: 1px solid #FF9C9C; border-top: none; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; border-radius: 0px 0px 4px 4px; }
.fail-list li { color: #333; padding: 3px 0; }
.fail-list ol { margin: 5px 17px; }
.system, .warnings, div.warning { clear: both; margin: 0 0 10px 0; background-color: #EFA40B; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.system-list, .warning-list { background: #FFF2CF none repeat scroll 0 0; padding: 5px 20px; border: 1px solid #EFB20E; border-top: none; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; border-radius: 0px 0px 4px 4px; }
.system-list li, .warning-list li { color: #333; padding: 3px 0; }
.logic-warning { float: left; background: url(/assets/images/icon-set/warning_24.png) no-repeat; text-indent: -9999em; width: 24px; height: 24px; margin: 2px 10px 0px 0px; }
.logic-warning p { margin: 0; padding: 3px; text-align: center; }
.logic-warning p a { color: #fff; text-decoration: none; font-size: 15px; font-weight: bold; }
.logic-warning-list { display: none; padding: 0; background-color: #FFF2CF; padding: 5px 20px; border: 1px solid #FFCFCF; border-top: none; -moz-border-radius: 0px 0px 4px 4px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; border-radius: 0px 0px 4px 4px; }
.logic-warning-list li { color: #666666; padding: 3px 0; }
.confirmation { clear: both; margin: 0 0 10px 0; background-color: #51AF4C; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
/* @dialog */
.dialog { width: 440px; position: fixed; left: 50%; top: -9999px; z-index: 101; background-color: #FFF; padding: 20px; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.dialog-scroll { overflow-y: auto !important; overflow-x: hidden; margin: 10px 0 0; position: relative; }
.dialog.full { width: 640px; }
.dialog h3, .yui-skin-sam .yui-dialog .yui-panel .hd h3 { line-height: 24px; font-size: 18px; margin: 0; cursor: move; background: #f4f4f4 url(/assets/images/icon-set/move_25.png) 98% 7px no-repeat; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px; padding-left: 12px; }
.yui-skin-sam .yui-dialog .yui-panel .hd .yuiHeaderFix { padding: 20px 14px 0; }
.dialog .form-buttons { margin: 10px 0 0; background: #f4f4f4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; padding: 5px; }
.dialog table.data th { background: #FFF; padding: 6px; }
.dialog td .chk { margin-top: 0px; }
.dialog td.visible-option { text-align: center; }
.dialog td.visible-option input { float: none; }
.dialog .input-multiple { margin-top: 10px; }
.dialog .date-min-max .form-element, .dialog .min-max .form-element { float: left; margin: 0; }
.dialog h2 { position: static; }
#logic-selectitem-dialog h3 { margin-bottom: 8px; }
.dialog.full .question-option-line-items input[type=text] { width: 168px; }
.dialog.full .question-subquestion-line-item input[type=text] { width: 358px; }
/* @paging */
.pagination { text-align: center; clear: both; background-color: #F0F0F0; padding: 5px 0; margin: 0 !important; -moz-border-radius: 0px 0px 6px 6px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 6px;-webkit-border-bottom-left-radius: 6px; border-radius: 0px 0px 6px 6px; }
.form-field .pagination { background-color: #fff; border-top: 1px solid #E9E9E9; }
.pagination ul { margin: 0px 0px 10px; }
.pagination li { display: inline; }
.pagination li.page { margin-right: 10px; }
.pagination a { border: solid 1px #9aafe5; margin-right: 2px; }
.pagination a:link, .pagination a:visited, .pagination span { padding: 3px 8px; text-decoration: none; font-size: 10px; line-height: 11px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.pagination a:hover { border: solid 1px #3974BD; background: #3974BD; color: #fff !important; }
.pagination span { border: solid 1px #ccc; margin-right: 2px; color: #A6A6A6; }
/* @dashboard-graphs */
.calltoaction-container { float: left; width: 100%; }
.calltoaction-container .calltoaction { margin-right: 340px; float: none; width: auto; }
.calltoaction { float: left; width: 100%; }
.calltoaction h2, .calltoaction p, .calltoaction-grid h2, .calltoaction-grid p { margin: 0px; position: relative; z-index: 2; }
.calltoaction-container p.mandatory, .calltoaction p.mandatory, .calltoaction-grid p.mandatory { color: #7C7C7C; }
.calltoaction-container .column h2 { margin: 5px 10px 15px; }
.calltoaction-container .column div { border-bottom: 1px solid #fff; padding: 0px 10px; }
.calltoaction-container .column h2 + div { border-top: 1px solid #fff; }
.calltoaction p.required, .calltoaction-grid p.required { margin: 0px 0px 5px; }
.calltoaction .arrow { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 1; }
.calltoaction h2 { display: inline; }
.calltoaction h2 a { font-family: Arial,Verdana,Sans-Serif; font-size: 14px; font-weight: bold; color: #3974BD; }
.calltoaction > div, .calltoaction-container .column > div { border: 1px solid #D9D9D9; margin: 0 0 10px; padding: 10px 50px 10px 10px; position: relative; background: #F4F4F4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
.calltoaction-container .column { float: left; width: 31%; margin: 0 0 0 3%; overflow: hidden; }
.calltoaction-container .column > div { margin: 0 0 20px; padding: 10px 0px; }
.calltoaction-container .column:first-child { margin: 0; }
.status-completed, .status-attention, .status-notcompleted { display: block; padding: 11px 25px 11px 0; }
.calltoaction .completed, .calltoaction .attention, .calltoaction .notcompleted { background: #F4F4F4 url(/assets/images/icon-set/dashboard_status_24.png) no-repeat 97% 14px; }
.calltoaction .attention { background-position: 97% -140px; }
.calltoaction .notcompleted { background-position: 97% -294px; }
.calltoaction-container .status-completed, .calltoaction-container .status-attention, .calltoaction-container .status-notcompleted { background: #F4F4F4 url(/assets/images/icon-set/dashboard_status_18.png) no-repeat 100% 8px; }
.calltoaction-container .status-attention { background-position: 100% -82px; }
.calltoaction-container .status-notcompleted { background-position: 100% -172px; }
.smta-dashboard-graphs, .smta-dashboard-graphs div { float: left; }
.smta-dashboard-graphs { width: 681px; margin: 16px 0; }
.smta-dashboard-graphs .left { margin-left: 20px; margin-right: 30px; }
/* @logic */
.logic-english .builder-row > p { font-weight: normal; }
.level-1, .level-2 { position: relative; }
.level-1 > p, .level-2 > p { margin: 0; }
.level-1 { margin: 10px 0; }
.level-2 { -moz-border-radius: 4px 0px 4px 4px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; border-radius: 4px 0px 4px 4px; overflow: hidden; }
.level-1 > li > .delete, .level-1 > li > .delete-when { position: absolute; right: 0; top: 0; margin: -22px 0 0; padding: 5px 10px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; -moz-border-radius: 4px 4px 0px 0px; border-radius: 4px 4px 0px 0px; }
.level-2 > li > .delete, .level-2 > li > .delete-when { float: right; padding: 5px; }
.level-1 > li > .delete, .level-2, .level-2 > li > .delete, .level-1 > li > .delete-when, .level-2 > li > .delete-when { background-color: #fff; }
.level-1.first { margin: 10px 0px 20px; }
.level-1.last { margin: 10px 0px; }
.level-1.last .level-2 { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.level-2 > li { padding: 6px 67px 6px 6px; border-top: 1px solid #f4f4f4; overflow: hidden; position: relative; }
.level-2 > li:first-child { border-top: none; }
.level-2 > li:hover { background-color: #FFFFCC; }
.level-2 > li:first-child:hover { -moz-border-radius: 4px 0px 0px 0px; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 0px;-webkit-border-bottom-left-radius: 0px; border-radius: 4px 0px 0px 0px; }
.level-2 > li.last:hover { -moz-border-radius: 0px 0px 4px 4px; -webkit-border-top-left-radius: 0px; -webkit-border-top-right-radius: 0px;-webkit-border-bottom-right-radius: 4px;-webkit-border-bottom-left-radius: 4px; border-radius: 0px 0px 4px 4px; }
.level-1.last .level-2 > li:hover { background: none; }
.level-2 > li span, .level-2 .options a, .level-2 a.operand, .level-2 span.operand, .level-2 a.operand-when { line-height: 26px; }
.level-2 a.operand + span, .level-2 span.operand + span, .level-2 a.operand-when + span { margin-left: 18px; overflow: hidden; max-width: 545px; }
.fullscreen .level-2 a.operand + span, .fullscreen .level-2 span.operand + span, .fullscreen .level-2 a.operand-when + span { max-width: 97%; }
.level-2 a.operand.and + span, .level-2 a.operand-when.and-when + span, .level-2 span.operand.and + span  { margin-left: 28px; }
.level-2 li > h2 { margin-top: 0px; }
.level-2 a.operand, .level-2 a.operand-when, .level-2 span.operand { position: absolute; left: 6px; top: 6px; }
.level-2 .statement { float: left; margin-right: 70px; }
.level-2 .options { float: right; margin-right: -62px; }
.level-2 .options .edit { margin-right: 5px; }
p.operand, a.operand, a.operand-when, span.operand { font-weight: bold; }
p.operand.add { margin: 0px 0px 0px 15px; }
div.last p.operand.add { margin-bottom: 20px; }
h2.last { margin: 30px 0px 10px; }
.collapsable-content .form-background.filter-items { -moz-border-radius: 0px; -webkit-border-radius: 0px; border-radius: 0px; margin-bottom: 1px; }
.filter .level-2 > li { padding: 5px 67px 5px 5px; }
.filter .level-1 { margin: 20px 0 5px; }
.filter .level-2 a.operand { top: 5px; }
.builder-row { position: relative; padding: 10px 200px 10px 15px; border-bottom: 1px solid #CACACA; background-color: #fff; overflow: hidden; }
.builder-row:last-child { border: none; }
.builder-content { float: left; width: 100%; }
.builder-row .builder-content > span, .builder-row .builder-content > p { color: #666666; margin: 0; line-height: 16px; font-size: 13px; }
.actions + div { clear: both; }
.builder-row .actions { float: right; margin-right: -200px; }
.logic-english .builder-row { padding: 10px 155px 10px 15px; }
/* @builders - build survey, form */
.builder-row .builder-content td p { margin: 0; }
.builder-row .builder-content .title { float: left; line-height: 20px; }
span.description em { font-style: italic; color: inherit; margin: 0; line-height: 1; }
/*survey reports*/
.builder-row .builder-content .statement { margin: 0 0 0 12px; line-height: 20px; width: 97%; }
.graph-builder .builder-content .statement { margin-left: 10px; }
.builder-row .builder-content .statement p { line-height: 20px; margin: 0; }
.statement .mandatory { float: left; }
#form-contents .statement { margin: 0; }
.builder-row > label, .builder-row .builder-row-field > label { float: left; width: 200px; line-height: 26px; }
.builder-row div.column { float: left; width: 200px; }
.builder-row div.column div.question, .builder-row div.column div.required { margin-top: 5px; }
.logic-english .actions { margin-right: -155px; }
div.icon-spacer { height: 26px; }
/* @icons */
.share, .dd-link, .connect-link, a.icon, .actions > a, a.connect, a.connect-preview, a.add-option, a.delete-option, a.move-option-down, a.move-option-up, a.add-column, a.disable, a.delete-column, a.move-column, a.move-column-up, a.move-column-down, a.edit-column, a.delete-override, .level-2 .options .edit, .level-2 .options .delete, .level-2 .options .edit-when, .level-2 .options .delete-when, .yui-dt-liner .edit, a.add-image, a.edit-image, a.delete-image, a.view-data, a.edit-data, a.delete-data, a.picker { text-indent: -9999em; display: block; background: transparent url(/assets/images/icon-set/actions/actions.png) no-repeat 0 0; width: 27px; height: 26px; }
a.icon, .actions > a, a.add-option, a.delete-option, a.move-option-down, a.move-option-up, a.add-column, a.disable, a.delete-column, a.move-column, a.move-column-up, a.move-column-down, a.edit-column, a.delete-override, .level-2 .options .edit, .level-2 .options .delete, .level-2 .options .edit-when, .level-2 .options .delete-when, .yui-dt-liner .edit, a.add-image, a.edit-image, a.delete-image { float: left; margin-right: 3px; }
/*normal*/
a.view-data { background-position: -210px 0; }
a.copy-question, a.copy-field { background-position: -30px 0; }
a.move-question, a.move-field, a.move-column { background-position: -60px 0; }
.actions > a.delete, a.delete-question, a.delete-option, a.delete-data, a.delete-column, a.delete-override, a.delete-field, .level-2 .options .delete, .level-2 .options .delete-when, a.delete-image { background-position: -90px 0; }
.actions > a.move-up, a.move-question-up, a.move-option-up, a.move-column-up, a.move-field-up { background-position: -120px 0; }
a.move-question-down, a.move-option-down, a.move-column-down, a.move-field-down { background-position: -150px 0; margin-right: 0; }
.actions > a.move-down { background-position: -150px 0; }
.actions > a.add, a.add-column, a.add-option, a.add-image, a.add-to-dash, a.connect { background-position: -180px 0; }
a.connect-preview { background-position: -330px 0; }
a.disable { background-position: -240px 0; }
.actions > a.remove { background-position: -360px 0; }
a.switch { background-position: -390px top; }
a.share { background-position: -480px 0; }
/*hover*/
a.view-data:hover { background-position: -210px -27px; }
.actions > a.edit:hover, a.edit-question:hover, a.add-option:hover, a.edit-data:hover, a.edit-column:hover, a.edit-field:hover, a.edit-field-confirm:hover, .level-2 .options .edit:hover, .level-2 .options .edit-when:hover, .yui-dt-liner .edit:hover, a.edit-image:hover { background-position: left -27px; }
a.copy-question:hover, a.copy-field:hover { background-position: -30px -27px; }
a.move-question:hover, a.move-column:hover, a.move-field:hover { background-position: -60px -27px; }
.actions > a.delete:hover, a.delete-question:hover, a.delete-option:hover, a.delete-data:hover, a.delete-column:hover, a.delete-field:hover, .level-2 .options .delete:hover, .level-2 .options .delete-when:hover, a.delete-image:hover { background-position: -90px -27px; }
.actions > a.move-up:hover, a.move-question-up:hover, a.move-option-up:hover, a.move-column-up:hover, a.move-field-up:hover { background-position: -120px -27px; }
.actions > a.move-down:hover, a.move-question-down:hover, a.move-option-down:hover, a.move-column-down:hover, a.move-field-down:hover { background-position: -150px -27px; }
.actions > a.add:hover, a.add-column:hover, a.add-option:hover, a.add-image:hover, a.add-to-dash:hover, a.connect:hover { background-position: -180px -27px; }
a.connect-preview:hover { background-position: -330px -27px; }
a.disable:hover { background-position: -240px -27px; }
.actions > a.remove:hover { background-position: -360px -27px; }
a.share:hover { background-position: -480px -27px; }
.actions > a.remove.disabled, .actions > a.remove.disabled:hover { background-position: -360px -54px; cursor: default; }
a.switch:hover { background-position: -390px -27px; }
a.edit:hover { background-position: 0 -27px; }
/*disabled*/
a.disabled { cursor: default !important; }
a.add.disabled, a.add.disabled:hover { background-position: -181px -54px; }
a.delete-column.disabled, a.delete-column.disabled:hover { background-position: -90px -54px; }
a.share.disabled { background-position: -480px -54px; }
.actions > a.move-up.disabled { background-position: -120px -54px; }
.actions > a.move-down.disabled { background-position: -150px -54px; }
a.edit.disabled { background-position: 0 -54px; }
a.switch.disabled { background-position: -390px -54px; }

.dd-link, .connect-link { display: inline-block; margin: 0 0 0 5px; line-height: 27px; vertical-align: bottom; }
.dd-link { background-position: -270px 0; }
.connect-link { background-position: -450px 0; }
.dd-link:hover { background-position: -270px -27px; }
.connect-link:hover { background-position: -450px -27px; }
.html .dd-link, .url .dd-link { line-height: 1; }
a.hidden { visibility: hidden; }
a.searchButton { float: left; margin: 0 0 0 4px; }
#advancedFilter, div.filterCont { width: 286px; line-height: 26px; float: right; }
a.picker { background-position: -300px 0; }
a.picker:hover { background-position: -300px -27px; }
/*e.g email templates?*/
.inline-ddlink .dd-link { margin-top: -30px; float: right; }
/*after a h2 and need the link to sit inline with h2 e.g edit survey question*/
.connect-link span { background-position: -480px 0; }
.connect-link span:hover { background-position: -480px -27px; }
.date-icon { height: 27px; width: 27px; display: inline-block; padding: 0 4px; margin: 0; line-height: 27px; vertical-align: bottom; }
.date-icon span { display: block; height: 27px; width: 27px; background-image: url(/assets/Images/icon-set/actions/actions.png); background-position: -300px 0; }
.date-icon span:hover { background-position: -300px -27px; }
.connect-iconForm, .connect-iconSurvey, .connect-iconViewOnline, .connect-iconCol, .connect-iconEvent { background: url(/assets/Images/icon-set/related_tasks.png) left -577px no-repeat; display: block; width: 21px; height: 24px; margin: 0px; padding: 0px; }
.connect-iconSurvey { background-position: left 2px; }
.connect-iconEvent { background-position: left -622px; }
.connect-iconViewOnline { background-position: left -400px; }
.connect-iconCol { background-position: left -344px; }
.yui-grid-iconForm, .yui-grid-iconSurvey, .yui-grid-iconViewOnline, .yui-grid-iconCol, .yui-grid-iconEvent, .yui-grid-iconFacebook, .yui-grid-iconTwitter, .yui-grid-iconLinkedIn { background: url(/assets/Images/icon-set/related_tasks.png) left -575px no-repeat; display: block; width: 21px; height: 24px; margin: 0px; padding: 0px; }
.yui-grid-iconSurvey { background-position: left 2px; }
.yui-grid-iconEvent { background-position: left -622px; }
.yui-grid-iconViewOnline { background-position: left -398px; }
.yui-grid-iconCol { background-position: left -342px; }
.yui-grid-iconFacebook { background-position: left -674px; }
.yui-grid-iconTwitter { background-position: left -724px; }
.yui-grid-iconLinkedIn { background-position: left -777px; }
.yui-grid-icon { padding-left: 24px; width: auto; }
div#connect-preview-loading { text-align: center; }
div#connect-preview-loading span { display: none; }
/* @tree-view */
.tree table { background: none; }
.tree td { white-space: normal; }
.tree-view { width: 100%; }
.tree-view td { border: none !important; vertical-align: top; padding: 0; }
.tree-view-trees { height: 500px; }
.tree-view-trees, .tree-view-condition, .tree-view-details { padding: 6px 10px; background-color: #f4f4f4; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; border: none; }
.tree-view-trees, .tree-cont { width: 290px; }
.yui-panel .tree-view-trees { width: 320px; }
.tree-view-trees { margin-right: 10px; float: left; border: 1px solid #CCC; }
.tree-view-details { clear: right; max-height: 319px; overflow: auto; }
.tree-cont { overflow: auto; height: 472px; }
.tree { float: left; margin-left: 15px; }
.tree-view-condition, .tree-view-details { float: right; width: 275px; border: 1px solid #CCC; }
.yui-panel .tree-view-condition, .yui-panel .tree-view-details { width: 318px; }
.tree-view-condition { margin-bottom: 10px; padding: 6px 10px 16px; }
.tree-view-condition select { width: 238px; }
.tree-view-condition > input[type=text], .tree-view-condition > select { margin-left: 17px; }
.tree-view-condition > p { margin: 7px 0px 7px 17px; }
.tree-view-condition select + select, .tree-view-condition input + input { margin-left: 0px; }
.tree-view-details-data p { overflow: hidden; }
.tree-view-details-data label { width: 80px; float: left; }
.tree-view-details-data span { width: 177px; float: left; }
/* @admin */
.spf .cached { font-style: italic; }
.spf .value { white-space: normal; }
.spf h3 { margin: 20px 0px 10px; }
.spf .form-field > div:first-child h3 { margin: 0px 0px 10px; }
.spf .pass, .spf .none, .spf .fail, .spf .softfail, .spf .neutral { background: transparent url(/assets/images/icon-set/status_16.png) no-repeat left top; padding: 0 0 0 20px; }
.spf .fail { background-position: left -24px; }
.spf .none { background-position: left -48px; }
.spf .softfail { background-position: left -72px; }
.spf .neutral { background-position: left -96px; }
.dns th.type { width: 80px; }
.dns th.ttl { width: 50px; }
.dns tr.authority td { background-color: #bffcff; }
.dns tr.additional td { background-color: #fff4c0; }
.transcript td { padding-left: 5px; }
.transcript { line-height: 15px; }
.transcript tr.request { font-weight: bold; }
#form-email-messages .checkboxlist > div, #form-sms-messages .checkboxlist > div { width: 190px; }
#form-email-messages .checkboxlist > div label, #form-sms-messages .checkboxlist > div label { width: 170px; margin-top: 0px; }
table.admin-system-cache .Name { width: 90%; }
table.admin-system-cache .Count { width: 10%; }
table tr.session-expired { color: #AAA; }
table.admin-applications .Name { width: 75%; }
#sessions-datagrid tr.expired { color: #777; font-style: italic; }
#bugs-list-datagrid tr.read { color: #777; font-style: italic; }
#ChangePageID { width: 180px; margin-left: 8px; }
table.data tfoot td { font-weight: bold; font-size: 13px; padding: 8px 5px; }

table.permissions-list {
	background-color: #FFF !important;
	width: 100%;
	border-collapse: collapse;
}
table.permissions-list td {
	border: solid 1px #CCC;
	padding: 3px;
}
table.permissions-list td:first-child {
	width: 245px;
}
table.permissions-list td.indent0:first-child input[type="checkbox"] {
	margin-left: 5px;
}
table.permissions-list td.indent1:first-child input[type="checkbox"] {
	margin-left: 20px;
}
table.permissions-list td.indent2:first-child input[type="checkbox"] {
	margin-left: 35px;
}
table.permissions-list td.indent3:first-child input[type="checkbox"] {
	margin-left: 50px;
}
table.permissions-list input[type="checkbox"], table.permissions-list input[type="checkbox"] + label {
	display: inline;
	float: none;
}
table.permissions-list input[type="checkbox"] {
	margin: 1px 0 0 0;
}
table.permissions-list input[type="checkbox"] + label {
	margin: 0px;
}
table.permissions-list input[type="checkbox"] + label, table.permissions-list td.description > span {
	position: relative;
	top: -2px;
}
table.permissions-list label.checked, .cbLegend span.checked, #MemberHomePermissions_IsSuperUser_Label.checked { font-weight: bold; }
table.permissions-list label.implied, .cbLegend span.implied { /*font-style: italic; */color: #666; }
.cbLegend { font-weight: bold; height: 1.5em; }
.cbLegend span { background-color: #FFF; font-weight: normal; }

/* @accounts */
#accounts .first { border-top: 1px solid white; }
#accounts li { position: relative; float: left; width: 100%; background-color: #EBEBEB; }
#accounts a, #accounts span { height: 40px; display: block; line-height: 40px; white-space: nowrap; overflow: hidden; }
#accounts div.expandable { background: #EDF5FF url(/assets/images/framework/showhide.png) right 12px no-repeat; padding: 0 90px 0 0; border-bottom: 1px solid #DFDFDF; }
#accounts div.expandable:hover { background-color: #C3D0DF; padding: 0 90px 0 0; }
#accounts div.expandable.open { background-position: right -472px; }
#accounts a.edit, #accounts a.switch { padding: 0; text-indent: -9999em; width: 27px; height: 27px; position: absolute; top: 6.5px; }
#accounts a.edit { right: 60px; }
#accounts a.switch { right: 30px; }
#accounts div:hover a.edit, #accounts div:hover a.switch, #accounts ul li:hover a { display: block; }
#accounts ul li div { padding-left: 30px; }
#accounts ul li div:hover { padding-left: 30px; }
#accounts ul li ul li div { padding-left: 90px; }
#accounts ul li ul li div:hover { padding-left: 90px; }
#accounts .view { background: transparent url(/assets/images/icon-set/users_two_24.png) 5px 8px no-repeat; padding-left: 35px; }
#accounts ul .view { background: transparent url(/assets/images/icon-set/users_two_24.png) 35px 8px no-repeat; padding-left: 66px; }
#accounts li > div.no-children { background: #fff url(/assets/images/icon-set/user_20.png) 6px 10px no-repeat; padding-left: 42px; }
#accounts ul li > div.no-children { background: #fff url(/assets/images/icon-set/user_20.png) 36px 10px no-repeat; padding-left: 66px; }
#accounts ul ul li > div.no-children {background: #fff url(/assets/images/icon-set/user_20.png) 66px 10px no-repeat; padding-left: 90px; }

#MoveSurvey_DestinationAccount .depth-1 { padding-left: 20px; }
#MoveSurvey_DestinationAccount .depth-2 { padding-left: 40px; }
#MoveSurvey_DestinationAccount .has-children { font-weight: bold; font-size: 1.1em; }

/* @zooming */
.zoom50 {zoom: 0.5; -moz-transform: scale(0.5); -moz-transform-origin: 0 0; -o-transform: scale(0.5); -o-transform-origin: 0 0; -webkit-transform: scale(0.5); -webkit-transform-origin: 0 0;}

/*@MISC*/
#existing-forms select, #load-template-dialog select, #create-template-dialog select, #createmailout-dialog select, #createmember-dialog select { width: 100%; }
.text-box tr td:first-child { padding-left: 10px; }
.html-links h2, .text-links h2 { margin-top: 10px; }
.CodeMirror-wrapping { background-color: #FFF; }
.searched-account-list { margin-top: 10px; }
#ui-datepicker-div { z-index: 101; }
h1.page-title.dashboard { position: relative; width: 60%; margin-right: 0; padding-right: 0; float: left; }
#dashboard-options { float: right; position: relative; height:50px; width:30%; float: right; }
#customize-dashboard { position: relative; background: none; text-decoration: none; font-family: Arial, Helvetica, sans-serif; font-size: 90%; float: right; margin: 12px 0 0 0; font-weight: bold; }
#dashboard-important-attention { float: right; margin: 0 0 10px 15px; cursor: pointer; }
#dashboard-important-attention img.attention { position: relative; }
#dashboard-important-message.closed .message-content { display: none; }
.important-message.closed img.attention { display: block; }
.important-message img.attention, .important-message.closed .message-content { display: none; }
.important-message { position: relative; }
.important-message.closed { cursor: pointer; }
.important-message .message-content, .important-message img.attention { zoom: 1; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background-color: #FFF1F1; border: 1px solid #FF9C9C; padding: 4px; }
.important-message .message-content { margin-bottom: 10px; position: relative; z-index: 2; background: #FFF1F1 url(/assets/images/icon-set/warning_24.png) 11px 11px no-repeat; padding: 0 0 0 50px; }
.important-message .message-content a.close, .important-message img.attention { position: absolute; top: 0px; right: 0px; z-index: 1; }
.important-message .message-content a.close { cursor: pointer; width: 15px; height: 15px; background: url(/Assets/images/widget/widget-options.png) right top no-repeat; margin:6px; text-indent:-9999px; }
.important-message ol, .important-message ul { margin: 5px 0 5px 18px; }
#rememberMe { margin-left: 68px; }
#rememberMe label { margin:0; width:auto; }
.line-height-fix { line-height: 26px }
.line-height36 { line-height: 36px }
.text-seperator { margin: 0 8px; }
.no-margins { margin: 0; }
.layoutsPreview { float: left; line-height: 26px; margin-left: 3px; margin-right: 10px; }
#floatingText { border: 1px solid #DCDCDC; position: absolute; background-color: #DFEFFF; z-index: 102; padding: 0px 10px; overflow: hidden; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
div#defaultLayoutsList input { margin-bottom: 10px; }
div#defaultLayoutsList label { width: 360px; margin: -23px 0 0 20px; font-weight: normal; }
div.pricing-details { background-color: #DBDBDB; }

/* TXT */
.toc { list-style-position: inside; margin: 5px 0; }
.toc li { padding: 1px 0 5px; }
#help h2 { font-size: 18px; margin: 40px 0 10px; padding: 0 0 10px; position: relative; }
#help .back-to-top { font-size: 10px; font-weight: normal; position: absolute; right: 0; top: 9px; }
div#help { width: 80%; }
/* @expandos */
ul.hide-bullets, .ul-hide-bullets > ul, #nav ul, #switcher ul, #me, ul.widgets, #sidebar ul, ul.button-group, ul.tabs, ul.draggable-list, ul.widgets, ul.level-1, ul.level-2, #accounts, #accounts ul, ul.dialog_dropdown { list-style: none !important; list-style-position: outside; }
.mandatory { color: #DF3838; margin: 0px 3px; }
.warning { color: #E27403; }
.limit-height-500 { max-height: 500px; overflow: auto; }
span.status { padding: 3px 10px; text-align: center; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; text-transform: uppercase; font-size: 9px; color: #fff; font-weight: bold; }
.search { background: transparent url(/assets/images/icon-set/search_20.png) no-repeat 4px; height: 24px; width: 24px; text-indent: -9999em; float: left; display: block; }
.nowrap { white-space: nowrap; }
.clear { clear: both; }
.clear-white { clear: both; background-color:white; }
.left { float: left; }
.right { float: right; }
.auto-width { width: auto; }
.hidden { display: none; }
.scroll { overflow: auto; clear: both; }
.center { text-align: center; }
.noflows { overflow: visible; }
.full-width { width: 100% !important; }
/* @CKEDITOR */
#cke_dialog_background_cover { background-color: #000 !important; }
body .cke_skin_kama .cke_dialog_footer_buttons span.cke_dialog_ui_button { margin: 0px; cursor: pointer; font-weight: bold; }
body .cke_skin_kama a.cke_dialog_ui_button_ok, body .cke_skin_kama a.cke_dialog_ui_button_ok span, body .cke_skin_kama a.cke_dialog_ui_button_cancel, body .cke_skin_kama a.cke_dialog_ui_button_cancel span { background: url("/assets/images/framework/buttons/button.png") no-repeat scroll transparent; background-position: right -245px; color: #56595B; }
body .cke_skin_kama a.cke_dialog_ui_button_cancel:hover, body .cke_skin_kama a.cke_dialog_ui_button_ok:hover { text-decoration: none; background-position: right -325px; }
body .cke_skin_kama a.cke_dialog_ui_button_ok:hover span, body .cke_skin_kama a.cke_dialog_ui_button_cancel:hover span { background-position: left -285px; }
body .cke_skin_kama a.cke_dialog_ui_button_cancel, body .cke_skin_kama a.cke_dialog_ui_button_ok { display: block; float: right; font-weight: bold !important; font: 13px Arial,Helvetica,sans-serif !important; padding: 0 16px 0 0; text-decoration: none; }
body .cke_skin_kama a.cke_dialog_ui_button_cancel span, body .cke_skin_kama a.cke_dialog_ui_button_ok span { background-position: left -208px; display: block; float: left; line-height: 38px; padding: 0 0 0 16px; position: relative; }
body .cke_skin_kama a.cke_dialog_tab { -webkit-border-top-left-radius: 6px; -webkit-border-top-right-radius: 6px;-webkit-border-bottom-right-radius: 0;-webkit-border-bottom-left-radius: 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0; background: url("/assets/images/framework/buttons/tabs-normal.gif") repeat-x scroll left bottom transparent; border-width: 1px 1px 0; color: #56595B; display: block; margin: 0 2px 0 0; padding: 6px 8px; }
body .cke_skin_kama a.cke_dialog_tab, body .cke_skin_kama a.cke_dialog_tab:link, body .cke_skin_kama a.cke_dialog_tab:active, body .cke_skin_kama a.cke_dialog_tab:hover, body .cke_skin_kama a.cke_dialog_tab:visited { background-position: 0 -1279px; height: 16px; padding: 4px 16px; }
body .cke_skin_kama .cke_dialog_contents { margin-top: 35px; border: 1px solid #CCCCCC; border-bottom: none; }
body .cke_browser_ie7 table.cke_dialog_contents { position: relative; top: 13px; }
/* *** Engagify the CK dialogs... *** */
/* Input fields: */
.cke_skin_kama div.cke_dialog_ui_input_text, .cke_skin_kama div.cke_dialog_ui_input_password, .cke_skin_kama div.cke_dialog_ui_input_textarea { border: none !important; background-color: transparent !important; }
.cke_skin_kama textarea.cke_dialog_ui_input_textarea, .cke_skin_kama .cke_dialog_ui_input_select, .cke_skin_kama input.cke_dialog_ui_input_text, .cke_skin_kama input.cke_dialog_ui_input_password { border: 1px solid #DCDCDC !important; background-color: white !important; padding: 4px 5px !important; width: 95% !important; }
.cke_skin_kama .cke_dialog_ui_input_select { padding: 3px 2px !important; width: auto !important; }
/* Dialog borders/backgrounds: */
body .cke_skin_kama .cke_dialog_contents { -webkit-border-radius: 6px 6px 0 0 !important; -moz-border-radius: 6px 6px 0 0 !important; border-radius: 6px 6px 0 0 !important; border: 1px solid #DCDCDC !important; border-bottom: none !important; background-color: white !important; }
body .cke_skin_kama .cke_dialog_footer { border: 1px solid #DCDCDC !important; border-top: none !important; background-color: white !important; }
/* Dialog tabs: */
body .cke_skin_kama a.cke_dialog_tab { float: left; -webkit-border-radius: 6px 6px 0 0 !important; -moz-border-radius: 6px 6px 0 0 !important; border-radius: 6px 6px 0 0 !important; background: url("/assets/images/framework/buttons/tabs-normal.gif") repeat-x scroll left bottom transparent !important; border-width: 1px 1px 0 !important; color: #56595B !important; margin: 0 2px 0 0 !important; padding: 6px 8px 1px 8px !important; border-color: #DCDCDC !important; border-style: solid !important; }
body .cke_skin_kama a.cke_dialog_tab.cke_dialog_tab_selected { background: none repeat scroll 0 0 #FFFFFF !important; padding: 6px 8px 2px 8px !important; }
body .cke_skin_kama a.cke_dialog_tab:hover { background: none repeat scroll 0 0 #FFFFFF !important; text-decoration: none !important; }
/* Dialog close button: */
.cke_skin_kama .cke_dialog .cke_dialog_body .cke_dialog_close_button { display: none; }
/* DateTime Picker */
#ui-timepicker-div, #ui-datepicker-div { z-index: 9999; }
#ui-datepicker-div { width: 170px; }
#ui-datepicker-div, #ui-timepicker-div { padding: 3px 0px; }
#ui-datepicker-div table { width: 80%; font-size: 12px; line-height: 18px; }
#ui-datepicker-div td span, #ui-datepicker-div td a { padding: 0 3px; }
#ui-datepicker-div select.ui-datepicker-month, #ui-datepicker-div select.ui-datepicker-year  { width: auto; margin: 1px; }
#ui-datepicker-div .ui-datepicker-title { margin: 1px auto; }
#ui-datepicker-div .ui-datepicker-prev, #ui-datepicker-div .ui-datepicker-next { width: 20px; }
#hourSlider .ui-slider-handle, #minuteSlider .ui-slider-handle { height: 14px; width: 14px; }
#hourSlider .ui-slider-vertical, #minuteSlider .ui-slider-vertical { width: 10px; }
#ui-datepicker-div .ui-datepicker-title select { font-size: 14px; }
#ui-datepicker th { font-size: 12px; }
.cke_dialog_ui_hbox_first > .cke_dialog_ui_labeled_label { display: block; position: relative; top: 6px; }
.click2select { border-bottom-style: dashed; border-bottom-color: #3974BD; border-bottom-width: 1px; }
/* Manage Share Content */
#shareContent span.word-count { float: right; font-weight: bold; }
/* Editable Dropdownlist */
.editable-select { padding: 0px; margin: 5px 0px 0px 0px; border: solid 1px #DCDCDC; width: 140px; background-color: #FFF; float: left; cursor: pointer; }
.editable-select IMG { padding: 4px 4px 3px 0px; }
.editable-select INPUT { width: 115px; padding: 0px 0px 0px 4px; margin: 0px; border: 0px; vertical-align: middle; color: #000000; line-height: 26px; }
.option-div { border: solid 1px #000; background-color: #FFF; z-index: 100; cursor: pointer; }
.option-div DIV { border: solid 1px #FFF; padding: 3px; }
.option-div DIV:hover { border: dotted 1px #CCC; background-color: #3399FF; padding: 3px; }

/* @template colours */
#backgroundColor_c { z-index: 102 !important; }
#backgroundColor_c .yui-panel .hd { padding:0 10px 0 10px; }
#backgroundColor_c .yui-panel .bd { padding:10px; }

div.template-selected-only .form-container { clear: both; zoom:1; }
div.template-selected-only .form-field { background-color: #fff; margin: 10px; }

#selectedColour p { float: left; margin-right: 24px; }
#selectedColour p.last { margin-right: 0; }
#selectedColour a { height: 30px; width: 30px; float: left; cursor: pointer; border: 1px solid #fff; }
#selectedColour label { line-height: 30px; float: left; margin-right: 10px; }

#selectedColour .text, #selectedColour .heading { float: left; }

.color-picker-item { height: 20px; }
.color-picker { width: 30px; padding: 5px; cursor: pointer; background-color: #E4E4E4; }
.color-picker.selected { background-color: #003366; }

/* address book */
#address-book-dialog { width: 300px }
#address-book-dialog input[type='text'] { width: 197px }
#address-book-dialog ul { list-style-type: none; }
#address-book-dialog ul li { clear: both; line-height: 17px; vertical-align: middle; }
#address-book-dialog ul li img { float: right; cursor: pointer; }
.launch-address-book div { float: right; width: 29px; height: 27px; background-image: url("/assets/images/icon-set/address.png") }
.launch-address-book div:active { background-position: left 29px; }
.launch-address-book div:hover { background-position: left 56px; }
.address-book-textbox input[type='text'] { width: 350px; }