﻿@import url("Scheduler.Apollo.css");
@import url("Calendar.Apollo.css");
@import url("ComboBox.Apollo.css");
@import url("Upload.Apollo.css");
@import url("Grid.Apollo.css");
@import url("Window.Apollo.css");
@import url("Tooltip.Apollo.css");
@import url("Editor.Apollo.css");
/* --------------------------------------------------- */not
/* ---------- SYMPHONY DEFAULT STYLE SHEET ----------- */
/* --------------------------------------------------- */
/* -------------- © 2010 Quba New Media -------------- */

/* ---------- GLOBAL STYLES ---------- */
html, body
{
	width: 100%;
}

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, a, img, blockquote
{
	margin: 0;
	padding: 0;
	border: 0;
}

ul, ol
{
	list-style-type: none;
}

body
{
	font-size: 80%;
	font-family: "Source Sans Pro", Arial, Helvetica, sans-serif;
	background: #f6f6f6 url(../../Images/body_bg.gif) repeat-x top;
}

a:visited
{
    color:#0000EE;
}

.textindent
{
	text-indent: -3000px;
}

.displaynone
{
	display: none;
}

.displayauto{
    display:initial;
}

.linethrough
{
	text-decoration: line-through;
}

.noitems
{
	font-size:1.1em;
}

.clear
{
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}

.spacer
{
	height: 15px;
}

.spacerwithborder
{
	height: 15px;
	border-bottom: 1px solid #cccccc;	
}

.mandatory
{
	color:#CC0000;
	padding:0 0 0 2px;
}

.negative
{
	color:#CC0000;	
}

.passwordHelp
{
	font-size:1.1em;
}

.error
{
	color:#CC0000;
	display:block;
	font-size:1em;
	margin:6px 0 8px;
}

.standaloneerror
{
	color:#CC0000;
	display:block;
	font-size:1.1em;
	margin:10px;	
}

.inlineerror
{
    color:#CC0000;
	font-size:1em;
	margin:6px 
}

.floatleft
{
    float:left !important;
}

.floatright 
{
    float:right !important;
}

.scroller {
    overflow: auto;
}

.centreline {
    background: url("../../Images/border-cube.gif") repeat-y top center;
}

/* ---- HEADER ---- */

#header
{
	/*min-width: 925px;*/
	padding:0 41px 0 41px;
	/*background: #0066cb url(../../Images/header_bg.png) repeat-x top;*/
	background-color: #003553 !important;
}

.discountCurrency
{
	font-size:1.3em;
}

#header h1
{
	margin: 15px 20px 12px 0;
	float: left;
	color: #fff;
	font-weight: bold;
	font-size: 2.4em;
    font-family: "Oxygen", sans-serif;
}

#header h1 a
{
	color: #fff;
	text-decoration: none;
}

#header div.headeractions
{
	margin: 20px 0 12px 0;
	float: right;
	color: #fff;
	font-size: 1.2em;
}

#header div.headeractions a
{
	color: #fff;
}

#header div.headeractions a:hover
{
	text-decoration: none;
}

#header div.headeractions a.help
{
	display: block;
	width: 24px;
	height: 24px;
	background: url(../../Images/help_icon.png) no-repeat;
	float: right;
}

#header .headeractions span.loginview
{
	margin: 3px 7px 0 0;
	float: left;
}

/* ---------- SECTION: NAVIGATION ---------- */
ul#mainnav
{
	margin: 0;
	clear: both;
    font-family: "Source Sans Pro", sans-serif;
    font-size: 14px;
}

ul#mainnav li.right
{
	float: right;
}

ul#mainnav li
{
	background: url(../../Images/menuitem_end.png) no-repeat right top;
	float: left;
	margin: 0 2px 0 0;
	padding: 0 10px 0 0;
}

/*ul#mainnav li p included to handle changes to navigation (So the event setup button opens new side nav)*/
ul#mainnav li a, ul#mainnav li p
{
	font-size: 1.2em;
	background: url(../../Images/menuitem_bg.png) no-repeat left top;
	color: #fff;
	display: block;
	float: left;
	padding: 10px 0 6px 10px;
	text-decoration: none;
    /*two types to cover more browsers*/
    cursor:pointer;
    cursor: hand;
}

ul#mainnav li a:hover
{
	text-decoration: underline;
}

ul#mainnav li.selected
{
	background: transparent url(../../Images/menuitem_selected_end.png) no-repeat right top;
}

ul#mainnav li.selected a
{
	background: transparent url(../../Images/menuitem_selected_bg.png) no-repeat left top;
	color: #0265cb;
}

.whats-new-button
{
    font-size: 14px;
	color: #ff7;
	display: block;
	float: left;
	padding: 12px 0 6px 10px;
	text-decoration: none;
    font-family: "Oxygen", sans-serif;

}

 a.whats-new-button
{
    color: #ff7;
}

div#secondarynav
{
	font-size: 1.2em;
	clear: both;
	margin: 0;
	padding: 5px 41px;
	color: #fff;
	background-color:#000;
}

div#secondarynav a
{
	color: #fff;
	line-height:20px;
}

div#secondarynav select
{
	font-size: 1em;
	margin: 0 0 0 10px;
}

div#secondarynav a:hover
{
	text-decoration: none;
}

div#secondarynav div.change-event {
    float:right;
}

/* ---------- SECTION: FOOTER ---------- */
div#footer
{
	padding: 0 0 30px 0;
	clear: both;
	background: url(../../Images/footer.jpg) no-repeat top;
}

div#footer ul.footernav
{
	font-size: 1.1em;
	margin: 0 auto 0 auto;
	color: #676767;
	line-height: 16px;
}

div#footer ul.footernav li
{
	float: left;
	margin: 31px 0 0 0;
	border-left: solid #676767 1px;
	padding: 0 22px 0 22px;
}

div#footer ul.footernav li a
{
	color: #676767;
}

div#footer ul.footernav li a:hover
{
	text-decoration: none;
}

div#footer ul.footernav li.first
{
	border: none;
	margin-left: 41px;
	padding: 0 22px 0 0;
}

div#footer .poweredby
{
	float:right;
	margin:10px 41px 0 0;
}

/* ---------- SECTION: MAIN LAYOUT ---------- */
#sitewrapper
{
    margin:0 auto;
    max-width:1680px;
    min-width:740px;
}

#sitewrapper.help
{
    min-width:510px;
}

#content
{
	clear: both;
	padding: 20px 41px 20px 41px;
	min-width:700px;
    min-height:400px;
    height:400px;
}

#content p {
    margin: 0 0 12px 0;
}

#content.helpcontent {
    min-width:500px;
}

div#columnwrapper
{
	margin-right: 240px;
}

div#helpcolumnwrapper
{
	margin-left: 220px;
}

div#sidenav {
    float: left;
    height: 100vh;
    margin: -14px 0 0 -40px;
    position: fixed;
    z-index: 999;
}

div#maincolumn
{
	width: 100%;
	float: left;
	margin-bottom: 14px;
}

div#sidebar
{
	float: left;
	width: 220px;
	margin: 0 0 0 20px;
}

div#helpsidebar
{
	float: left;
	width: 220px;
	margin: 0 0 0 0;
    overflow:auto;
}


/* ---------- SECTION: BOXES ---------- */
div.box
{
	width: 100%;
	margin:0 0 20px 0;
}

div.box div.header
{
	/*background: url(../../Images/sectiontitle_right.png) no-repeat right top;
	padding: 0 10px 0 0;
	clear: right;*/
}

div.box div.left {
	padding: 0 0 0 10px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}

div.box div.header h2
{
	color: #333333;
	padding: 10px 0 9px 5px;
	font-size: 18px;
	margin: 0;
    font-family: "Oxygen", sans-serif;
    font-weight: 700;
}

div.box div.footer
{
	padding: 12px 0 12px 9px;
}

/* ---------- SECTION: HEADINGS ---------- */
h1
{
	font-size: 2.4em;
}

h1.pagetitle
{
	padding-bottom:20px;
    font-family: "Oxygen", sans-serif;
}

h2
{
	font-size: 1.5em;
}
h3
{
	font-size: 1.25em;
}
h4
{
	font-size: 1em;
}

/* ---------- SECTION: STANDARD BUTTONS ---------- */
.button:link, .button:visited, .button:active, .button:hover
{
	background: url(../../Images/button_bg_left.gif);
	height: 22px;
	display: block;
	float: left;
	text-decoration: none;
	color: Black;
}

.button:link span, .button:visited span, .button:active span, .button:hover span
{
	background: url(../../Images/button_bg_right.gif) no-repeat top right;
	height: 18px;
	padding: 4px 12px 0 12px;
	display: block;
	font-size: 11px;
	float: left;
	white-space:nowrap;
}

.formbuttons,
.scrollformbuttons
{
	font-size:1.1em;
	padding:0 0 18px 0;
}

.formbuttons a
{
	margin-top:-5px;
	margin-left:6px;
	margin-right:6px;
}

.formbuttons .button,
.scrollformbuttons .button
{
	margin:-3px 6px 0 0;
}

.formbuttons a,
.scrollformbuttons a
{
	margin-left:4px;
}

.sidebarbuttons a
{
	margin-left:4px;	
}

ul.commands li
{
	margin:0 0 10px 0;
}

a.resizablebutton, a.resizablebutton:link, a.resizablebutton:hover, a.resizablebutton:visited, a.resizablebutton:active {
	color: white;
}

a.resizablebutton.iconbutton, a.resizablebutton.iconbutton:link, a.resizablebutton.iconbutton:hover, a.resizablebutton.iconbutton:visited, a.resizablebutton.iconbutton:active {
	color: #000;
}

a.resizablebutton:hover span{
	background: #398e89;
}

.resizablebutton.iconbutton span {
    font-size: 16px;
    font-weight: bold;
}



a.resizablebutton.iconbutton:hover span{
	/*background: url('../../images/buttons/button-bg.png') no-repeat scroll right center transparent;*/
    background: none;
    
}

.resizablebutton
{
    background:url(../../Images/Buttons/btn_grey_end.png) no-repeat left;
	float:left;	
	height:30px;
	padding:0 0 0 0;	
	text-decoration:none;	
	color:#333;
}

th.actions .resizablebutton span
{
    width:auto;
}

.resizablebutton span {
	padding: 9px 10px;
	font-size: 1.3em;
	line-height:14px;
	display:block;
	background: #48b2ac;
	border-radius: 4px;
}

.deletebutton span{
	background: #C92E25;
    
}

a.deletebutton span:hover{
	background: #9E241D; 
}

.actions .resizablebutton span,
.commands .resizablebutton span {
    width:200px;
    text-align:center;
}

.fieldgroupitem .resizablebutton span {
    width:auto;
}

.calltoaction {
    background:url(../../Images/Buttons/btn_green_end.png) no-repeat left; 
    
}

.calltoaction span {
	color: #fff;
	background: #48b2ac;
}

.notbold {
    font-weight: normal
}


.addfolder span {
    width: 100%;
}

.addfolder{
    width: 90%;
    text-align: center;
    
}

.addfolderbtn span {
    width: 80%;
}

.addfolderbtn {
    width: auto;
    text-align: center;
    padding-left: 3%;
}

.resizablebutton  img
{
	float:left;
}

.calltoaction, .resizablebutton {
	background: none;
}

.calltoaction span, .resizablebutton span {
    box-shadow: 1px 1px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
}

h2 a.button:link,
h2 a.button:active,
h2 a.button:visited,
h2 a.button:hover,
h2 a.resizablebutton:link,
h2 a.resizablebutton:active,
h2 a.resizablebutton:visited,
h2 a.resizablebutton:hover
{
	margin: -3px 8px 0 0;
	float: right;
	font-weight: normal;	
}

h3 a.button:link,
h3 a.button:active,
h3 a.button:visited,
h3 a.button:hover,
h3 a.resizablebutton:link,
h3 a.resizablebutton:active,
h3 a.resizablebutton:visited,
h3 a.resizablebutton:hover,
h4 a.resizablebutton:link,
h4 a.resizablebutton:active,
h4 a.resizablebutton:visited,
h4 a.resizablebutton:hover
{
	margin: -3px 14px 0 0;
	float: right;
	font-weight: normal;
}

h2 a.resizablebutton:link,
h2 a.resizablebutton:active,
h2 a.resizablebutton:visited,
h2 a.resizablebutton:hover,
h3 a.resizablebutton:link,
h3 a.resizablebutton:active,
h3 a.resizablebutton:visited,
h3 a.resizablebutton:hover,
h4 a.resizablebutton:link,
h4 a.resizablebutton:active,
h4 a.resizablebutton:visited,
h4 a.resizablebutton:hover
{
	font-size:0.8em;
}

/* Fix for icon buttons located in sidebars */
.actions a.iconbutton.resizablebutton {
    width: 100%;
    height: 30px;
}
.actions a.iconbutton.resizablebutton > div {
    margin: 0 !important;
}
.actions a.iconbutton.resizablebutton span {
    width: 85%;
}
/* END: Fix for icon buttons located in sidebars */

.iconbutton {
    height:100%;
    background-image:none;
}

.iconbutton span {
    padding:5px 10px 5px 5px;
    font-size:11px;
    float:left;
    /*background:url(../../images/buttons/button-bg.png) no-repeat right;*/
    background:none;
    margin-left:5px;
	line-height:12px;
	height:12px;
}

/* makes iconbutton use inline-block rather than floats */
.iconbutton.inline {
    margin: 0 !important;
}
.iconbutton.inline div {
    padding: 4px 10px !important;
}
.iconbutton.inline,
.iconbutton.inline div,
.iconbutton.inline img,
.iconbutton.inline span {
    display: inline-block !important;
    float: none !important;
    height: auto !important;
}
.iconbutton.inline span {
    font-size: 14px !important;
}
/* thin version */
.iconbutton.inline.thin div {
    padding: 0 6px !important;
}
.iconbutton.inline.thin span {
    font-size: 14px !important;
}
.iconbutton.inline.thin img {
    width: 12px;
    height: 12px;
}


/* ---------- SECTION: NON-STANDARD BUTTONS ---------- */
.loginbutton span {
    margin-right:17px;
    padding: 9px 75px;
}

.mfabutton span {
	margin-right: 17px;
	padding: 9px 46px;
}

.mfaresend span {
	margin-right: 17px;
	padding: 9px 43px;
}

.mfaInstruction {
	display: block;
	width: 192px; /* Adjust to match your text box/button width */
	padding: 8px;
	font-size: 14px;
	color: #137d11;
	background-color: #baffcc;
	margin-bottom: 8px;
	border-radius: 4px;
	box-sizing: border-box;
}

.mfaMessage {
	display: block;
	width: 181px; /* Adjust to match your text box/button width */
	padding: 8px;
	font-size: 14px;
	color: #137d11;
	background-color: #baffcc;
	padding: 8px;
	border-radius: 4px;
	margin-top: 8px;
}

.changepasswordbutton span {
    padding: 9px 24px;
}

.helpbutton {
    background-image:none;
}

.helpbutton span {
	color:#000;
	background:url(../../Images/buttons/button-bg.png) no-repeat right;	
	font-size:11px;
	margin-left:0;
	float:left;
	padding:5px 10px 5px 5px;
}

input.closebutton
{
	font-size: 1.1em;
	color: #333333;
	background: url(../../Images/button-close.gif) no-repeat;
	width: 140px;
	height: 22px;
	border: none;
	padding: 0 0 1px 15px;
	font-weight: bold;
	cursor: pointer;
}

input.gridaction, a.gridaction
{
	font-size: 1.1em;
	color: #333333;
	background: url(../../Images/button-gridactioncopy.png) no-repeat;
	width: 166px;
	height: 22px;
	border: none;
	padding: 1px 0 1px 0;
	font-weight: bold;
	cursor: pointer;
	display:block;
}

a.gridaction
{
    padding:5px 0 0 22px;
    text-decoration:none;
}

input.search
{
	font-size: 1.1em;
	color: #333333;
	background: url(../../Images/button-search.png) no-repeat;
	width: 72px;
	height: 22px;
	border: none;
	padding: 0 0 1px 15px;
	font-weight: bold;
	cursor: pointer;
	margin: 9px 0 0 0;
}

/* ---------- SECTION: ACTION LOG ---------- */
div.box div.content
{
	border: 1px #C0C0C0 solid;
}

h3.actionlogtitle
{
	display: block;
	background: #E9E9E9;
	padding: 10px 0 10px 14px;
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	margin: 0 0 0 0;
}

div.actionlogtitle h3 .subtitle
{
	font-weight: normal;
}

div.middle
{
	border-top: none;
}

div.actionlog
{
	margin: 1px 15px 0 15px;		
}

div.actionlog table
{
	width:100%;
	border: none;
}

div.actionlog table td
{
	font-size: 1.1em;
	line-height: 16px;
	color: #333333;
	margin: 0 0 10px 0;
	vertical-align: top;
	padding: 18px 0 5px 10px;
}

div.actionlog table td.icon
{
	padding: 13px 0 10px 0;
}

div.actionlog table a
{
	color: #333333;
}
div.actionlog table a:hover
{
	text-decoration: none;
}

div.actionlog div.noitemsactionlog
{
	border-top: none;
	font-size: 1.1em;
	padding: 6px 15px 7px 15px;
}

.RadGrid_Apollo tr.task .type
{
    background:#FCA5A3;
}

.RadGrid_Apollo tr.eventSelection .type
{
    background:#D99BD3;
}

.RadGrid_Apollo tr.file .type
{
    background:#FF9933;
}

.RadGrid_Apollo tr.alert .type
{
    background:#FFFFEE; 
}

.RadGrid_Apollo tr.report .type {
	background: #6BCCB0;
}

.RadGrid_Apollo, .RadGrid_Apollo .rgMasterTable, .RadGrid_Apollo .rgDetailTable, .RadGrid_Apollo .rgGroupPanel table, .RadGrid_Apollo .rgCommandRow table, .RadGrid_Apollo .rgEditForm table, .RadGrid_Apollo .rgPager table, .GridToolTip_Apollo {
	font: 16px "Source Sans Pro",arial,sans-serif;
}

/* ---------- SECTION: SIDEBOX FORM ---------- */
div#sidebar div.box .content
{
	border:1px solid #C0C0C0;
	padding:15px 15px 15px 15px;
}

div#sidebar div.box .content label.title
{
	font-size: 1.2em;
	color: #333333;
	display: block;
	margin: 0 0 7px 0;
}

div#sidebar div.box .content input.text {
	width:180px;
	margin: 0 0 10px 0;	
	height: 20px;
}


div#sidebar div.box .content select
{
	width:183px;
	margin: 0 0 10px 0;		
}

div#sidebar ul.actions li a.resizablebutton
{
	clear:both;
	margin-bottom:5px;	
}

div#sidebar dl.sidebyside dt,
div#sidebar dl.sidebyside dd
{
	width:50%;
}

li.firstsidecol {
    padding-left: 15px;
    display: inline-block;
    width: 40%;
}

li.secondsidecol,
li.thirdsidecol {
    display: inline-block;
    width: 25%;
}

div.firstsidecol {
    display: inline-block;
    width: 40%;
}

div.secondsidecol,
div.thirdsidecol {
    display: inline-block;
    width: 25%;
}



/* ---------- SECTION: TASKS ---------- */
h3.overdue, h3.thisweek, h3.later
{
	font-size: 1.2em;
	font-weight: bold;
	clear: both;
	padding: 0 0 2px 0;
}

div#sidebar div.tasks ol
{
	float:left;
}

div#sidebar div.tasks ol li
{
	float:left;
	margin-bottom:10px;
}

h3.overdue
{
	color: #950100;
}
h3.thisweek
{
	color: #C79A01;
}
h3.later
{
	color: #106D02;
}

div#sidebar h3
{
	margin:0 0 5px 0;
}

div#sidebar .taskcheckbox input {
	clear:both;
	float:left;
	margin:2px 0 0 2px;
}

div#sidebar label.task
{
	display:block;
	float:left;
	padding:0 0 0 8px;
	width:160px;
}

div#sidebar  label.task .text
{
	color:#343434;
	font-size:1.1em;
	font-weight:bold;
}

div#sidebar  label.task .taskdate
{
	color:#343434;
	display:block;
	font-size:1.1em;
	font-style:italic;
	font-weight:normal;
}

/* ---------- SECTION: HIGHLIGHT ---------- */
div.highlight
{
	padding:15px;
}

.titlebox
{
	background:#DDE5EC;
	border: 1px solid #cccccc;		
}

div.highlight h3 a.resizablebutton:link, 
div.highlight h3 a.resizablebutton:active, 
div.highlight h3 a.resizablebutton:visited, 
div.highlight h3 a.resizablebutton:hover 
{
	margin-right:0;
}

div.activebox
{
	background:#e8f9e6 url(../../Images/status-active-bg.gif) repeat-x top;
	border: 1px #4e9d42 solid;		
}

div.inactivebox
{
	background:#f9e5e6 url(../../Images/status-inactive-bg.gif) repeat-x top;
	border: 1px #9d4242 solid;				
}

div.inactivebox h3
{
	color:#b81717;
	margin-bottom:10px;	
}

div.activebox h3
{
	color:#2bb716;
	margin-bottom:10px;	
}

div.highlight p
{
	font-size:1.2em;
}

div.highlight h3 .button:link,
div.highlight h3 .button:active,
div.highlight h3 .button:visited,
div.highlight h3 .button:hover,
div.highlight h4 .button:link,
div.highlight h4 .button:active,
div.highlight h4 .button:visited,
div.highlight h4 .button:hover
{
	float: right;
	margin: -4px 0 0 0;
	font-weight:normal;
}

/* ---------- SECTION: FORM ---------- */
.form {
    border: 1px #C0C0C0 solid;
}

.form h3
{
	display: block;
	background: #E9E9E9;
	padding: 10px 0 10px 14px;
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	margin: 0 0 0 0;	
}

.form h4
{
	display: block;
	background: #efefef;
	padding: 10px 0 10px 14px;
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	margin: 0 0 0 0;
}


.form h3 .button:link,
.form h3 .button:active,
.form h3 .button:visited,
.form h3 .button:hover,
.form h4 .button:link,
.form h4 .button:active,
.form h4 .button:visited,
.form h4 .button:hover,
.form h3 .link:link,
.form h3 .link:active,
.form h3 .link:visited,
.form h3 .link:hover,
.form h4 .link:link,
.form h4 .link:active,
.form h4 .link:visited,
.form h4 .link:hover
{
	float: right;
	margin: -4px 15px 0 0;
}

.form .columnwrapper
{
	width:auto;
	padding:10px;	
}
.form div.priceoverride
{
    padding:10px;
    width: 230px;
}

.form .borderright
{
	border-right: 1px solid #cccccc;	
}

.form .borderleft
{
	border-left: 1px solid #cccccc;	
}

.form .bordertop
{
	border-top: 1px solid #cccccc;	
}

.form .bordertop .righttext
{
    float:right;
}

.form .bordertop .righttext span
{
   padding-right:14px;
}

.form .borderbottom
{
	border-bottom: 1px solid #cccccc;	
}

.form .h3large {
    font-size: 1.3em;
    font-weight: bold;
}

.form .greyblock
{
	background: #E9E9E9;
	padding: 8px;
}

.form .valuecontainer 
{
    margin-top:8px;
}

#sitewrapper .nobordertop
{
	border-top: none;	
}

.form .columnwrappernomargin
{
	width:auto;
	margin:0;	
}

.form .halfcol
{
	float:left;
	width:50%;
	padding:0;
	margin:0;	
}

.form .halfcol p
{
    font-size:1.1em;
	line-height:14px;
	padding:0 0 12px 0;
}

.form .thirdcol
{
	float:left;
	width:33.3%;
	padding:0;
	margin:0;	
}

.form .thirdcolend
{
	width:33.4%;	
}

.form .blankcol
{
	float:left;
	width:100%;	
	background:#fff;
}

.form .blankcol p
{
	font-size:1.1em;
	line-height:14px;
	padding:0 0 12px 0;
}


.form p
{
	font-size:1.1em;
	margin:10px 0 10px 0;
}

.form dl.sidebyside dt p,
.form dl.sidebyside dd p
{
	font-size:1em;
}

.form dl dl dt .error,
.form dl dl dd .error 
{
	font-size:1em;	
}

.form dl
{
	clear:left;
	margin:0;
	padding:0;
}

.form dl.inline
{
	clear:none;
	float:left;
	margin-right:18px;
}

.form dl dt,
.form dl dd
{
	font-size:1.1em;	
}

.form div.priceoverride dl dt,
.form div.priceoverride dl dd
{
    margin-right:10px;
    width:105px;
    float:left;
}


.form dl dd.indent
{
	margin-left:20px;
}

.form dl.indent
{
	margin-left:20px;
}

.form dl dl dt,
.form dl dl dd
{
	font-size:1em;	
}

.form dl dl.answer
{
	margin-top:10px;
}

#sitewrapper .form dl.answer dt,
#sitewrapper .form dl.answer dd
{
    font-size:1em;
	background:#E9E9E9;
	height:28px;
	padding:5px 10px 0 10px;
	width:auto;
}

#sitewrapper .form dl.answer dt
{
	width:100px;
    line-height:24px;
}

#sitewrapper .form dl.answer dd .error
{
	float:right;
	font-size:1em;
	margin:2px 0 0 10px;
}

.form dl dd
{
	margin:0;
	padding:6px 0 12px;	
}

.form dl dd p.warning
{
	font-size:1em;
	font-style:italic;
}

.form dl.sidebyside
{
	clear:none;
	width:100%;
	float:left;	
	margin:0;
	padding:0;		
}

.form dl.sidebyside dt
{
	clear:both;
	float:left;
	width:20%;
	margin:0;
	padding:5px 0 5px 0;			
}

.form .halfcol dl.sidebyside dt
{
	width:40%;
}

.form dl.sidebyside dd
{
	font-size:1.1em;
	float:left;
	width:80%;
	margin:0;
	padding:5px 0 5px 0;			
}

.form dl.sidebyside dd select.restrict-width {
    max-width:90%;
}

.form .halfcol dl.sidebyside dd
{
	width:60%;
}

.form dl.sidebyside dd .text
{
	width:200px;
}

.form .innergrid 
{
	margin:0;
	width: 100%;
	padding: 0;
}

.form #bookingSummary
{
	font-size:1.1em
}

.form #bookingSummary .discount
{
	color:#cc0000;
}

.form #bookingSummary .bookingDetails
{
	width:300px;
}

.form #bookingSummary .cost
{
	width:100px;
}

.form #bookingSummary .tax
{
	width:100px;
}

.form #bookingSummary .gross
{
	width:100px;
}

.form #bookingSummary tr td,
.form #bookingSummary table tr td
{
	padding:5px 0;
}

.form .innergrid th
{
	padding: 8px 15px 8px 15px;
	border: 0;
	margin: 0;
	text-align: left;
	background: #E9E9E9;
	font-size: 1.1em;
}

.form .innergrid td
{
	padding: 8px 15px 8px 15px;
	border: 0;
	margin: 0;
	font-size: 1.1em;
}

.form .innergrid td a.resizablebutton
{
	font-size:0.9em;
	margin-right:5px;
}

.form .innergrid th.actions
{
	text-align: right;
	width: 77px;
}

.form .innergrid td.actions
{
	text-align: right;
}

.form .innergrid td.actions a
{
	font-size: 1em;
	white-space: nowrap;
}

.form .innertable
{
	margin: 0 0 0 24px;
	clear: left;
	padding: 0;
	background: #E9E9E9;
}

.form dd .innertable
{
	margin-left: 0;
}

.form .innertable th
{
	padding: 8px;
	border: 0;
	margin: 0;
	text-align: left;
}

.form .innertable td
{
	padding: 2px 8px 8px 8px;
	border: 0;
	margin: 0;
	font-size: 1.1em;
}

.form dd .innertable td
{
	font-size: 1em;
}

.form .innertable .checkbox
{
	padding: 0;
	position: relative;
	left: -4px;
	top: -1px;
	display: block;
	float: left;
}

.form .innertable table
{
	width: 100%;
	background: #E9E9E9;
}

.form .innertable table th
{
	padding: 8px 8px 8px 8px;
}

.form .innertable table td
{
	padding: 0 8px 8px 8px;
}

.form .innertable .validation
{
	font-size: 1em;
}

.form .innertable .validation .error
{
	padding: 2px 0 0 0;
	font-size: 1em;
}

.form .innertable table .text
{
	float: left;
	clear: none;
	margin: -1px 0 0 0;
}

.form .nodata
{
	font-size:1.1em;
	padding:15px;
}

/*Textboxes, datepickers, text areas, dropdown lists*/
.RadGrid td input[type="text"], .content input[type="text"], .form input[type="text"], 
.form input[type="number"] ,.form textarea, .content textarea,
.field textarea {
    border-color: lightgray !important;
    font-family: Tahoma,Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    border-radius: 5px;
    outline: none;
    border: 1px solid lightgray;
    box-shadow: 1px 1px 1px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
    padding-left: 2px !important;
    font-size: 1em !important;
}

.form input.text, .form textarea, 
.content textarea, .field textarea {
    width: 350px;
}

.content input[type="text"]:focus, .form input[type="text"]:focus,
.form select:focus, .content select:focus,
.form textarea:focus, .content textarea:focus,
.RadGrid input[type="text"]:focus {
    background-color: #D8ECE7 !important;
}

.form select:focus, .RadGrid select:focus {
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.content select, .form select,
.content .hasDatepicker, .form .hasDatepicker,
.form .riTextBox, .content .riTextBox {
    border-color: lightgray !important;
    border-radius: 5px;
    outline: none;
    border: 1px solid lightgray;
    box-shadow: 1px 1px 1px #888888;
    padding-left: 2px;
}
/*Checkboxes*/
.form input[type="checkbox"], .RadGrid input[type="checkbox"] {
    -webkit-appearance: none;
    background-color: white;
    border: 1px solid #cacece;
    box-shadow: 1px 1px 1px #888888, inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    -webkit-box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
    margin: 5px 5px -5px 0;
    padding: 9px;
    border-radius: 3px;
    display: inline-block;
    position: relative;
}

.form input[type="checkbox"]:active, .form input[type="checkbox"]:checked:active, 
.RadGrid input[type="checkbox"]:active, .RadGrid input[type="checkbox"]:checked:active {
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}

.form input[type="checkbox"]:checked, .RadGrid input[type="checkbox"]:checked {
    background-color: #D8ECE7 !important;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
    color: #99a1a7;
}

.form input[type="checkbox"]:checked:after, .RadGrid input[type="checkbox"]:checked:after {
    content: '\2714';
    font-size: 14px;
    position: absolute;
    top: 0px;
    left: 3px;
    color: darkslategrey;
}

/*Radiobuttons*/
.form input[type="radio"], .RadGrid input[type="radio"] {
    -webkit-appearance: none;
    background-color: #fafafa;
    border: 1px solid #cacece;
    box-shadow: 1px 1px 1px #888888, inset 0px -15px 10px -12px rgba(0,0,0,0.05);
    -webkit-box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
    margin: 5px 5px -5px -5px;
    padding: 9px;
    padding: 2px\9;
    border-radius: 50px;
    display: inline-block;
    position: relative;
}

.form input[type="radio"]:checked:after {
    content: ' ';
    width: 12px;
    height: 12px;
    border-radius: 50px;
    position: absolute;
    top: 3px;
    background: #6BCCB0;
    box-shadow: inset 0px 0px 10px rgba(0,0,0,0.6);
    text-shadow: 0px;
    left: 3px;
    font-size: 32px;
}

.form input[type="radio"]:checked {
    background-color: #e9ecee;
    color: #99a1a7;
    border: 1px solid #adb8c0;
    box-shadow: 0 1px 2px #888888, inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1), inset 0px 0px 10px rgba(0,0,0,0.1);
}

.form input[type="radio"]:active, .form input[type="radio"]:checked:active {
    box-shadow: 0 1px 2px #888888, inset 0px 1px 3px rgba(0,0,0,0.1);
}

.form input[type="radio"]:disabled, .form input[type="checkbox"]:disabled, .form input[type="text"]:disabled {
    background-color: #eeeeee;
    color: gray;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.RadGrid input[type="checkbox"], .RadGrid input[type="radio"] {
    margin: 0;
}

.form ul
.horizontallist ,
.form ul.verticallist 
{
	list-style-type:disc;
	margin-left:20px;
}

.form ul.verticallist li
{
	font-size:1.1em;
	margin:5px 30px 5px 0;	
}

.form ul.horizontallist
{
	margin-top:5px;
}

.form ul.horizontallist  li
{
	float:left;
	font-size:1.1em;
	line-height:20px;
	margin-right:30px;	
	margin:0 30px 5px 0;	
}

.form ul.horizontalcheckboxes 
{
	float:left;
	padding:10px 15px 0;
}

.form ul.horizontalcheckboxes  li
{
	width:320px;
	float:left;
}

.form .horizontalcheckboxes li label
{
	display:block;
	float:left;
	font-size:1.1em;
	margin:3px 20px 0 4px;
}

.form .horizontalcheckboxes li input
{
	float:left;	
}

.attendeeTicketTick
{
	background: url(../../Images/bullet_tick.png) no-repeat top left;
	height: 24px;
	width: 24px;
	display: block;
	text-indent: -5000px;
	margin:0 10px;
}

.attendeeTicketCross
{
	background: url(../../Images/bullet_cross.png) no-repeat top left;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -5000px;
	margin:0 10px;
}

.form .tick
{
	background: url(../../Images/bullet_tick.png) no-repeat top left;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -5000px;
}

.form .cross
{
	background: url(../../Images/bullet_cross.png) no-repeat top left;
	height: 16px;
	width: 16px;
	display: block;
	text-indent: -5000px;
}

.form .session-summary {
    max-height:400px;
    overflow:auto;
}

/* ---------- SECTION: MODAL WINDOW ---------- */
body#modal
{
	height:auto;
	background:#fff;
}

body#modal .form
{	
	border:0 none;
}

body#modal .LinkManager .form
{
	border: 1px #C0C0C0 solid;	
}

body#modal .largecontent
{
	overflow-y:scroll;
	margin:0 0 10px 0;	
	height:435px;	
}

body#modal .smallcontent
{
	margin:10px;
}
body#modal .smallcontent h2
{
	font-size:1.3em;	
	margin:0 0 5px 0;
}

body#modal .smallcontent ul li,
body#modal .smallcontent p
{
	font-size:1.1em;
	margin:0 0 5px 0;
}


body#modal .form textarea 
{
	width:99%;
}

body#modal .mediumcontent
{
    padding:15px 10px 15px 15px;
}
body#modal .mediumcontent .greyblock
{
	width:358px;
	margin:0;
}

body#modal .formbuttons 
{
	width:100%;
	padding:5px 0 10px 0;
}

body#modal .scrollformbuttons
{
	width:100%;
	background:#E9E9E9;
	padding:10px 0 10px 0;
	position:absolute;
	bottom:0;
	border-top: 1px solid #C0C0C0;	
}

body#modal .formbuttons a,
body#modal .scrollformbuttons a
{
	margin-top:-5px;
	margin-left:6px;
	margin-right:6px;
}

body#modal dl.sidebyside dt
{
	width:40%;			
}

body#modal dl.sidebyside dd
{
	width:60%;			
}

body#modal .innergrid
{
	margin-top: 15px;
	clear: left;
	border: 1px solid #CCCCCC;
}

body#modal .innergrid tbody
{
	overflow-x: hidden;
	overflow-y: scroll;
	height: 200px;
}

body#modal .innergrid tr
{
	height: 1%;
}

body#modal .innergrid tr.empty
{
	height: auto;
}

/* ---------- SECTION: CONTACT SEARCH MODAL ------------ */
#modal #contactsearch .text
{
	float:left;
	margin-right:10px;
	width:400px;
}

#modal #contactsearch .error
{
	font-size:1.1em;
}

/* ---------- SECTION: SEARCH ---------- */
.box .searchblock
{
	border-left: 1px solid #C0C0C0;
	border-right: 1px solid #C0C0C0;
	background: #E9E9E9;
}

.box .searchblock .container 
{
	display: none;
	padding: 15px;
}

.box .searchblock .searchby 
{
    clear:left;
    float:left;
    margin:12px 0 0 0;
}

.box .savedsearches h3 
{
    margin-bottom:12px;
}

.box .savedsearches li 
{
    font-size:1.1em;
    float:none !important;
}

.box .searchblock a 
{
    font-size:1.1em;
}

.box .savedsearches li a
{
    font-size:1em;
}

.box .searchblock .text 
{
    width:155px;
    font-size:1.1em;
}

.box .searchblock dl 
{
    float:left;
    clear:left;
    margin:12px 0 8px 0;
}

.box .searchblock dt
{
    float:left;
    clear:left;
    font-size:1.1em;
    width:160px;
    padding:2px 0 12px 0;
}

.box .searchblock dt label 
{
    position:relative;
    top:-2px;
    left:2px;
}

.box .searchblock dd 
{
    float:left;
    font-size:1.1em;
    margin:0;
}

.box .searchblock .checkboxes li 
{
    float:left;
    margin-right:8px;
}

.box .searchblock .buttons 
{       
    height:34px;
}

.box .searchblock .buttons a 
{
    margin-right:12px;
}

.search .searchoptions dt 
{
    padding-bottom:2px;
}

.search .searchoptions dt input 
{
    margin-left:1px;
}

.search .searchoptions dt label 
{
    position:relative;
    top:-1px;
    padding-left:2px;
    font-size:1.1em;
}

.search .searchoptions dd
{
    margin-left:0;
    font-size:1.1em;
}

.search .showbasic, .search .showadvanced
{
	clear:none;
    float:left;
    font-size:1.1em;
    margin:20px 0 10px 0;
}

.search .content .basic
{
	height:110px;
}

.search .clearsearch
{
    float:right;
    font-size:1.1em;
}

.search .combofield, .search .radiofield, .search .datefield
{
    padding-bottom:10px;
}

.searchControls
{
	height:80px;
}

div#sidebar div.search .textanddropdownfield select{ width: 105px;}
div#sidebar div.search .textanddropdownfield input{ width: 71px;}

/* ---------- SECTION: FILE UPLOAD CONTROL ---------- */

.fileupload .swffilename 
{
    position:relative;
    top:-5px;
}

.fileupload .current 
{
    margin:12px 0 12px 0;
}

.fileupload .current img 
{
    margin-top:12px;
}

.multifileupload .progressName, .multifileupload .progressStatus
{
    display:none;
}

.multifileupload .files 
{
    margin:12px 0 12px 0;
}

.multifileupload .files table td 
{
    padding:12px 12px 0 0;
}

/* ---------- SECTION: EVENT OVERVIEW ---------- */
div#eventoverview .summarycontent
{
	border-bottom: solid 1px #c0c0c0;
}

.box .subtitle
{
	border-left: 1px #C0C0C0 solid;
	border-right: 1px #C0C0C0 solid;
	padding: 8px 5px 7px 14px;
}

.box .subtitle h3
{
	font-size: 1.3em;
	display: inline;
}

.box .subtitle select
{
	margin: 0 0 0 5px;
}

div#eventoverview table
{
	text-align: left;
	clear: both;
	width: 100%;
	color: #333333;
	border-bottom: 1px #C0C0C0 solid;
}

div#eventoverview thead
{
	background-color: #f2f2f2;
}

div#eventoverview th
{
	font-size: 1.1em;
	padding: 10px 0 6px 14px;
	border: 1px #C0C0C0 solid;
	text-align: left;
}

div#eventoverview td
{
	font-size: 1.1em;
	line-height: 16px;
	padding: 6px 0 7px 14px;
	border-left: 1px #C0C0C0 solid;
	border-right: 1px #C0C0C0 solid;
}

div#eventoverview thead.notopborder th
{
	border-top:none;
}

/* ---------- SECTION: SESSION CAPACITY ---------- */
div.nocapacity
{
	border:solid 1px grey;
	width:200px;
	height:14px;	
}

div.capacity
{
	/*background:url(../../Images/capacity-available.gif) repeat-x;*/
    background-color: #023652;
	width:200px;
	height:14px;	
	/*border:solid 1px grey;*/	
}

div.capacity div.booked
{
	/*background:url(../../Images/capacity-notallocated.gif) repeat-x;*/
    height: 14px;
    background-color: #faa2a3;
}

div.capacity div.allocated
{
	height:14px;
	/*background:url(../../Images/capacity-booked.gif) repeat-x;*/
    background-color: #4db3ad;
}

div.capacity div.waiting
{
	height:14px;
	/*background:url(../../Images/capacity-booked.gif) repeat-x;*/
    background-color: #cccccc;
}
/* ---------- SECTION: EVENT FILES ---------- */
#files
{
	border: 1px solid #cccccc;
	border-top: 0;
	width: auto;	
}

ul#filecategories li
{
	clear:both;
}

ul#filecategories li h3
{
	display: block;
	background: #E9E9E9;
	padding: 10px 0 10px 14px;
	font-size: 1.2em;
	font-weight: normal;
	color: #333333;
	margin: 0 0 5px 0;
}

ul#filecategories li h3 .button
{
	float: right;
	margin: -4px 15px 0 0;	
}

ul#filecategories li p.nofiles
{
	font-size:1.2em;
	margin:10px 0 10px 25px;
}

div.filewrapper
{
	margin-left:100px;
}

.files img
{
	float:left;
	width:100px;
}

div.file
{
	width:100%;
	float:left;
	margin:10px 0 5px 0;
}

div.file h4
{
	font-size:1.2em;
}

div.file h4 span.fileSize
{
	font-weight:normal;
	margin-left:40px;
}

div.file h4 a.deleteFile
{
	font-weight:normal;
	float:right;
	margin:0 20px 0 200px;
}

div.file p
{
	margin:5px 0 5px 0;
	font-size:1.2em;	
}

div.file p.latestVersionDetails
{
	color:#444444;
}

div.file h5
{
	margin:10px 0 5px 50px;
	font-size:1.1em;
}

div.file ul li
{
	margin-left:50px;
	font-size:1.1em;
}

div.notificationchoices
{

}

div.notificationchoices div.subcheckboxes
{
	margin:5px 0 15px 10px;
}

div.notificationchoices label
{
	font-size:1.1em;
	padding:0 20px 0 5px;
	font-weight:bold;
}
div.notificationchoices div.subcheckboxes label,
div.notificationchoices div.subcheckboxes input
{
    float:left;
    display:block;
}

div.notificationchoices div.subcheckboxes label
{
    margin:3px 0 0 0;
    font-weight:normal;
}

/* ---------- SECTION: BOOKING NAVIGATION ---------- */
ul#bookingnavigation li 
{
    padding:0;
}

ul#bookingnavigation li a
{
    display:block;
    font-size:1.1em;
}

ul#bookingnavigation li.previous 
{
    float:left;
}

ul#bookingnavigation li.next 
{
    text-align:right;
    float:right;
}

/* ---------- SECTION: EVENT SETUP STEPS ---------- */
#eventsetupsteps
{

}

#eventsetupsteps div.box
{
    width:21.5%;
    margin:0 1% 70px 1%;
    float:left;    
    height:270px;
}

#eventsetupsteps div.unavailable .content
{
    background:#f3f3f3;
}

#eventsetupsteps div.unavailable a 
{
    text-decoration:none;
}

#eventsetupsteps ol 
{
    float:left;
    width:100%;
    height:100%;
}

#eventsetupsteps span.arrow
{
    background:url(../../images/arrow_right.gif) no-repeat center right;	
    width:16px;  
    float:left;
    height:226px;      
    text-indent:-3000px;
}

#eventsetupsteps .last ol 
{   
    background:0;
    padding-right:0;
}

#eventsetupsteps ol li
{
    padding:8px 0 8px 0;
    width:100%;
    margin:0;
}

#eventsetupsteps ol li.warning
{   
    background:url(../../Images/bullet_warning.png) no-repeat right;
}

#eventsetupsteps ol li a
{
	color:#000;
	font-size:1.1em;
}

#eventsetupsteps .content 
{
	padding:10px;
    height:100%;
}

/* ---------- SECTION: ATTENDEE TICKET TYPES ---------- */
.form .attendeetickets, .form .attedneeticketsvertical
{
	border-top: 1px solid #CCCCCC;
	background: #E9E9E9;
}

.form .attendeeticketheaders
{
	background: #E9E9E9;
}

.form .attendeeticketheaders h2
{
	float:left;
	font-size:1.1em;
	margin:0;
	padding:12px 10px;	
	font-weight:bold;	
}

.form .attendeeticketheaders h2.first
{
	width:200px;	
	padding:12px 10px;
}

.form .attendeetickets a.disabled, .form .attendeeticketsvertical a.disabled
{
	color: #8F8F8F;
}

.form .attendeetickets .scroll
{
	overflow-x: scroll;
	margin-left: 220px;
}

.form .attendeeticketsvertical .scroll
{
	overflow-x:auto;
}

.form .attendeetickets span.tick, .form .attendeetickets span.cross,
.form .attendeeticketsvertical span.tick, .form .attendeeticketsvertical span.cross
{
	display: inline-block;
	margin: 0 4px 0 0;
}

.form .attendeetickets table,
.form .attendeeticketsvertical table
{
	width: 100%;
}

.form .attendeeticketsvertical table
{
    border-collapse:collapse;
    margin-bottom:0;
}

.form .attendeeticketsvertical table.header
{
    border-top:solid 1px #ccc;
    margin-bottom:0;
}

.form .attendeetickets ul li,
.form .attendeeticketsvertical ul li
{
	display: inline;
	margin: 0 4px 0 0;
	font-weight: normal;
}

.form .attendeetickets th ul li
{
	margin: 0 2px 0 2px;
}

.form .attendeetickets table th,
.form .attendeeticketsvertical table th
{
	text-align: center;
	padding: 10px 5px 10px 5px;
	background: #F9F9F9;
	margin: 0;
	width: 200px;
	font-size: 1.1em;
}

.form .attendeeticketsvertical table th
{
    text-align:left;
	background: #E9E9E9;
	padding: 10px;
	border:none;
}

.form .attendeetickets table th.first
{
	width: 0px;
	padding: 0;
	border-right: 0;
}

.form .attendeetickets table th.last
{
	border-right: 0;
}

.form .attendeetickets table td.first
{
	padding: 0;
	font-weight: bold;
	padding-bottom: 13px;
	width: 1px;
	border-right: 0;
}

.form .attendeetickets table td.last
{
	border-right: 0;
}

.form .attendeetickets table.attviewer td.first span
{
    margin-top:-24px;    
}

.form .attendeetickets table td.first span
{
	position: absolute;
	margin-left: -221px;
	margin-top: -23px;
	display: block;
	padding: 10px;
	width: 200px;
	text-align: left;
	border-top:1px solid #cccccc;
}

.form .attendeetickets table td
{
	padding: 20px 10px 20px 10px;
	font-size: 1.1em;
	text-align: center;
	margin: 0;
	background: #F9F9F9;
	border-top:1px solid #cccccc;
}

.form .attendeeticketsvertical table td
{
	padding: 8px 10px 8px 10px;
	font-size: 1.1em;
}

.form .attendeeticketsvertical table td.links
{
	font-size: 1.2em;
    text-align:right;
}

.form .attendeeticketsvertical table td.status
{
    width:1%;
}

.form .attendeeticketsvertical table td.nopadding {
    padding:0;
}

.form .attendeeticketsvertical table.tickets {
    border-top:solid 1px #ccc;
    border-bottom:solid 1px #ccc;
    width:100%;
}

.form .attendeeticketsvertical table.tickets table {
    width:100%;
}

.form .attendeeticketsvertical table.header a.togglelink {
    width:16px;
    height:16px;
    background:transparent url("../../images/greencircle_icon.png") no-repeat top left;
    display:block;
    text-decoration:none;
    color:#fff;
    padding-left:4px;
}


.form .attendeetickets span.tick, .form .attendeetickets span.cross 
{
	display:inline-block;
	margin:0;
}


.form .comments
{
	margin: 0 15px 0 15px;
}

.form .comments td, .form .comments th
{
	padding: 6px;
	text-align: left;
	font-size: 1.1em;
	vertical-align: top;
}

/* ---------- SECTION: COMMENTS ---------- */
.form .comments
{
	margin:15px;
}

.form .comments th
{
	background: #e9e9e9;
}
.form .comments th.date
{
	width: 140px;
}
.form .comments th.addedby
{
	width: 140px;
}

.form .comments textarea
{
	float: left;
}

.form .comments .button
{
	clear: left;
	margin-top: 6px;
}

.form .comments .error
{
	float: left;
	padding: 4px 0 0 8px;
	font-size: 1em;
}

/* ---------- SECTION: ATTENDEE/TICKET TYPE VIEWER ---------- */

.form .attviewer th.tickettype
{
    width:200px;
}

.form .attviewer td 
{
    font-size:1.1em;
    padding:8px 12px 8px 12px;
}

.form .attendeeticketheaders div.controls {
    float:right;
    font-size:1.1em;
    padding:8px 12px 8px 12px;
}

.form .attendeeticketheaders div.controls a {
    margin-left:20px;
    
    font-weight:bold;
}

p.attendee-error {
    margin-left:10px;
}
/* ---------- SECTION: STEP NAVIGATION ---------- */
.stepsnavigation
{
	float: right;
}

.stepsnavigation li
{
	float: left;
	width: 75px;
	border: 1px solid #cccccc;
	margin: 0 0 15px 15px;
	padding: 4px 0 0 0;
	text-align: center;
	font-size: 20px;
	background: white;
	color: #0265cb;
}

.stepsnavigation li.selected
{
	background: #4d94db;
	color: white;
	border: 1px solid #4d94db;
}

.stepsnavigation li span
{
	display: block;
	font-size: 11px;
	margin: 6px 0 8px 0;
}

/* -------------- SECTION: TOOLTIP -----------------------*/

.tooltip
{
	padding: 0px;
	color: #333333;
}

.tooltip h3
{
	border-bottom: solid 1px #cccccc;
	margin:0;
	padding:0 0 6px 0;
	font-family:Tahoma;
	font-size:1.2em;	
	background:none;
}

.tooltip h4
{
	clear:left;	
	font-size: 1em;
	padding:6px 0 0px 0;
	border:none;
	color:#333333;
	background:none;
}

.tooltip dl
{
	float: left;
	width:100%;
	padding: 4px 0 4px 0;
	font-size:1em;
	background:none;
	clear:left;
	margin:0;	
}

.tooltip .bottomborder
{
	border-bottom: solid 1px #cccccc;
}

.tooltip dl dt
{
    font-size:1em;
    font-weight:bold;
	clear: both;
	float: left;
	width: 90px;
	padding: 2px 0 2px 0;
}

.tooltip dl dd
{
	float: left;
	font-size:1em;
	padding:0;
	margin: 2px 0 2px 5px;
}

.tooltip p
{
    font-size:1em;
    padding:4px 0 4px 0;
    line-height:20px;
}

.tooltip ul 
{
    padding:2px 10px 8px 0;
}

.tooltip ul li
{
    margin:0;
    padding:0 0 0 10px;
    background:url(../../Images/bullet-tooltip.gif) no-repeat center left;
}

.tooltip a:hover, .tooltip a:active, .tooltip a:visited, .tooltip a:link
{
    color:black;
}

.tooltip .buttons
{
    margin:10px 0;
}

.tooltip .buttons a
{
    margin-left:25px;
}
/*-----------------SECTION: LOGIN BOX --------------*/
div#hiddenlogin
{
    position:absolute;
    top:10px;
    right:10px;
}

div#hiddenlogin a.logintoggle
{
    float:right;
}

div#hiddenlogin div.loginboxwrapper
{
    display:none;
}

div#hiddenlogin div#loginbox
{
	margin: 0 auto 0 auto;    
}

div#loginbox
{
    overflow: hidden;
    margin: 10% auto 0 auto;
    font-size: 1.2em;
    width: 275px;
    text-align: center;
    padding: 34px 20px 16px;
    background: #f6f6f6;
    border-radius: 5px;
    box-shadow:
              1px 1px 1px #696969,
              2px 2px 5px #696969,
              3px 3px 8px #696969;
}

div#loginbox h1 
{
    font-size:1.2em;
    text-align:left;
    margin:0 0 12px 0;
}

div#loginbox p
{
    text-align:left;
    display:block;
    padding-bottom:6px;
}

div#loginbox img
{
	margin:0 auto 0 auto;
}

div#loginbox p
{
	color: #333333;
	margin: 0 0 15px 0;
}

div#loginbox dl 
{   
    text-align:left;  
}

div#loginbox dt 
{
	float: left;
	clear: both;
	margin: 0 0 15px 44px;
	color: #333333;
	padding-top:4px;
}
div#loginbox dd
{
    float:left;
	margin: 0px 0px 15px 44px;
}
div#loginbox dd input.text
{
    width: 182px;
    border-radius: 4px;
    border: solid 1px #48b2ac;
    padding: 5px;
}

div#loginbox input.button
{
	margin-left: 70px;
	clear: both;
}

div#loginbox a {
    font-size:0.9em;
}


/*div#loginbox .forgotten 
{
    margin:4px 0 0 0;
    float:right;
}*/

#loginpage .error 
{
    float:left;
    clear:left;
    font-size:1.1em;
}

#loginpage {
    background: #D9ECE6;

}

#loginpage a.poweredby
{
	position: absolute;
	bottom: 30px;
	right: 30px;
}
a.skiplogin
{
	position: absolute;
	top: 0;
	right: 0;
	padding: 10px;
}

select.skiplogin
{
    position: absolute;
    top: 0;
    right:60px;
    margin:6px;
}

#forgottenpassword 
{
    float:left;
    width:285px;
    padding:10px;
}

#forgottenpassword p
{
    font-size:1.1em;
    margin:0 0 12px 0;
}

#forgottenpassword input
{
    width:278px;
}

#forgottenpassword .error 
{   
    font-size:1.1em;
}

/*----------------------SECTION: HISTORYENTRY-----------------*/
.historyentry{padding:10px;}

/*----------------- SECTION: FORM OVERVIEW ------------- */
table.formlayout
{
	width:100%;
}

table.formlayout thead td
{
	border-bottom:solid 1px #C0C0C0;
	font-weight:bold;
	background:#EFEFEF;
}

table.formlayout td
{
	font-size:1.1em;
	border-right:solid 1px #C0C0C0;	
	padding:10px 20px 10px 20px;
}

table.formlayout .alternate td
{
	background:#EFEFEF;
}


/*-----------------SECTION: FORM PAGE --------------*/

#formpageheader h1
{
	float:left;
}

#formpageheader a.button,
#formpageheader a.addbutton,
#formpageheader a.resizablebutton
{
	float:right;
	margin:0 0 0 10px;
}

ol#fieldgroups li.fieldgroupitem
{
	background:#fff;
	border: 1px solid #cccccc;	
	padding:10px;
	margin-bottom:20px;
}

ol#fieldgroups li.fieldgroupitem h3
{
	margin:0 0 10px 0;
}

ol#fieldgroups li.fieldgroupitem h3 span.title
{
	float:none;
	font-size:1.5em;
}

ol#fieldgroups li.fieldgroupitem h3 span
{
	float:right;
	font-weight:normal;
}

ol#fieldgroups li.fieldgroupitem div.commands
{
	margin:10px 0 0 0;
}

ol#fieldgroups li.fieldgroupitem div.commands .move
{
	float:left;
}

ol#fieldgroups li.fieldgroupitem div.commands a.resizablebutton
{
	float:right;
	margin-left:10px;
}




ol#fieldgroups li.fieldgroupitem .formmarkup
{
	float:left;
	width:60%;
}

ol#fieldgroups li.fieldgroupitem .moveformfield
{
	padding:8px 0 5px 5px;
	margin-right:20px;
	float:left;
	font-size:1.1em;
	cursor:move;
}

ol#fieldgroups li.fieldgroupitem .inputfield 
{
	clear:both;
	float:left;
	width:100%;
}

ol#fieldgroups li.fieldgroupitem .inputfield label
{
	font-size:1.2em;	
}

ol#fieldgroups li.fieldgroupitem .formmarkup label.fieldlabel
{
	float:left;
	width:40%;
	padding:8px 0 5px 5px;
}

ol#fieldgroups li.fieldgroupitem .formmarkup .field
{
	float:left;	
	width:50%;
	padding:5px 0 5px 0;	
}

ol#fieldgroups li.fieldgroupitem .inputfield .field input.text,
ol#fieldgroups li.fieldgroupitem .inputfield .field select.text
{
	width:200px;
}

ol#fieldgroups li.fieldgroupitem .inputfield .commands
{

	font-size:1.1em;
	padding:8px 5px 5px 0;	
	float:left;
}

ol#fieldgroups li.fieldgroupitem .inputfield .dependents
{
	color:#CC0000;
	font-size:1.1em;
	width:320px;
	float:left;
	margin-left:10px;
}
ol#fieldgroups li.fieldgroupitem .inputfield .dependents li
{	
	list-style-type:disc;
	margin-left:20px;
}
ol#fieldgroups li.fieldgroupitem .inputfield .dependents li.title
{	
	list-style-type:none;
		margin-left:0px;
}

ol#fieldgroups li.fieldgroupitem .contentviewer p
{
	font-size:1.2em;
	margin:0 0 20px 0;
}

ol#fieldgroups li.fieldgroupitem .contentviewer
{
	padding-bottom:10px;
}

.box .archive
{
	font-size:1.1em;
}

div.formpublishing
{
	background:#fff9df url(../../Images/publish-bg.gif) repeat-x top;
	padding:15px;
	border: 1px #f3d871 solid;		
}

div.formpublishing h3
{
	margin-bottom:10px;
}

div.formpublishing p
{
	font-size:1.2em;
}

div.formpublishing .resizablebutton:link,
div.formpublishing .resizablebutton:active,
div.formpublishing .resizablebutton:visited,
div.formpublishing .resizablebutton:hover
{
	margin: 0 15px 0 0;
}

#sessions .error
{
	font-size:1.1em;
}

#formcontent .content
{
	width:510px;
	float:left;
}

#formcontent .tags
{
	width:130px;
	float:right;
	margin:0;
}

#formcontent .tags h3
{
	font-size:1em;
}

#formcontent .tags ul li a
{
	font-size:1em;	
}

/* ----------- SECTION: ACCOMMODATION ROOM TYPE NIGHT DIALOG ----------------- */

#accommodationRoomTypeNightDialog
{
    width:200px !important;
    overflow:hidden;
}

/* ----------- SECTION: REPORTS ---------------------------------------------- */

.reportfieldcontainer 
{
	width:50%;
	float:left;
}

.reportfieldcontainer div.leftpane, .reportfieldcontainer div.rightpane 
{
    border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	margin:14px;
}

.reportfieldcontainer div.leftpane { margin-right:8px; }
.reportfieldcontainer div.rightpane { margin-left:8px; }

.reportfieldcontainer h3 
{
    background:transparent url(../../images/box-topgradient.png) repeat-x;
    padding:6px 0 6px 7px;
}

.reportfieldcontainer h4 
{
    padding:6px 0 8px 6px;
    font-size:1.1em;
}

.reportfieldcontainer a
{
	background:transparent url(../../images/box-topgradient.png) repeat-x;
	display:block;
	width:auto;
	text-decoration:none;
	padding:6px 6px 5px 8px;
	border-bottom:solid 1px #cccccc;
}

.reportfieldcontainer a span 
{
    float:right;
}

.reportfieldcontainer a span:hover
{
    text-decoration:underline;
}

.reportfieldcontainer .columnname
{
	font-size:1.1em;
}

.reportfieldcontainer .addlink, .reportfieldcontainer .warninglink
{
	background:none;
	border:none;
	float:right;
	width:auto;
	margin-right:6px;
	padding:0;
}

.reportfieldcontainer .addlink:hover, .reportfieldcontainer .warninglink :hover
{
    text-decoration: underline;
}

.reportfieldcontainer div.categorygrouping
{
	height:280px;
	overflow-x:hidden !important;
}

.reportfieldcontainer div.typegrouping
{
	padding:5px;
	border:solid 1px #F2F2F2;
	width:auto;
	float:none;
	overflow:hidden;
}

.reportfielderror 
{   
    font-size:1.1em;
    margin-bottom:10px;
    margin-left: 15px;
}

#eventcapacityform .error
{
	display:inline;
	margin-left:5px;
}

.filter 
{
    border:1px solid #cccccc;
    margin:0 15px 15px 15px;
}

/* jquery-ui 1.14.1 resets */
.reportfieldcontainer .ui-accordion .ui-accordion-content {
    padding: 0;
}
.reportfieldcontainer .ui-widget {
    font-family: inherit;
    font-size: inherit; 
}
.reportfieldcontainer .ui-accordion .ui-accordion-header {
    margin: 0;
    padding: 6px 6px 5px 8px !important;
}
.reportfieldcontainer .ui-widget-content a {
    color: #0000EE;
}
.reportfieldcontainer .ui-state-active, 
.reportfieldcontainer .ui-widget-header .ui-state-active {
    border: none;
}

/* ----------- SECTION: DISCOUNT CALCULATOR ----------- */
#calculator
{
	float:left;
	width:370px;
}

#calculatorResults
{
	float:right;
	width:250px;
	border:solid 1px black;
	padding:10px;
	background:#F5F5DC;
	margin-right:5px;	
}

div#calculatorResults dl.sidebyside dt 
{
	width:180px;
}

div#calculatorResults dl.sidebyside dd
{
	width:70px;	
}

div#calculatorResults dl.sidebyside dt.discount,
div#calculatorResults dl.sidebyside dt.surcharge
{
	width:210px;	
	margin-left:10px;
	font-style:italic;
}

div#calculatorResults dl.sidebyside dd.discount
{
	color:Red;
}

div#calculatorResults dl.sidebyside dd.surcharge
{
	color:Green;
}

/* ----------- SECTION: EVENT SETUP MESSAGE NOT COMPLETE ----------- */
#EventNotSetup
{
	border:solid 3px #cb2e2e;
	background:#cf5d5d;
	width:900px;
}

#EventNotSetup p
{
	font-size:2.0em;
	padding:20px;
	color:white;
}

/* ----------- SECTION: WIZARD STEPS ----------- */
ol.steps
{
	float:right;
	margin-bottom:20px;
}

ol.steps li.first
{
	background:none;
	padding:7px 0 7px 0;	
}

ol.steps li
{
	font-size:1.12em;
	font-weight:bold;
	background:url(../../images/arrow_right.gif) no-repeat left;
	padding:7px 0 7px 25px;
	display:inline;
	margin-right:5px;
}

ol.steps li span
{
	padding:5px 7px 5px 7px;	
	border:solid 1px #C0C0C0;	
	background:#f3f3f3 url(../../Images/stepunselectedgradient.gif) repeat-x bottom;
}

ol.steps li.selected span
{
	background:#ffffff url(../../Images/stepselectedgradient.gif) repeat-x top;
}

/* ---------SECTION: TEMPLATE SELECTION ------------*/

body#modal #templateSelect
{
	border:0 none;
	width:500px;
}

#templateSelect  .template
{
	float:left;
	margin: 0 12px 12px 12px;
    align-content: center;
    height: 150px;
    width: 105px;
} 


#templateSelect .selectedTemplate {
            /*border: 5px solid #48b2ac;*/
            border: 5px solid #fca5a3;
            border-radius: 8px;
        }
       
#templateSelect  .template img
{
	display:block;
    /*border: solid 1px black; !important;*/
	cursor:pointer;
    max-height: 100px;
    max-width: 100px;
}

#templateSelect .template label
{
	font-size:1.1em;
	cursor:pointer;
	display:block;
	float:left;
	width:70px;
	margin:2px 0 0 3px;
}

#templateSelect dl .template label
{
	font-size:0.9em;    
	width:70px;
}

#templateSelect dl .template .name
{
    float:left;
}

#templateSelect .template input
{
	float:left;
}

#templateSelect .template .name
{
	width:100px;
	margin: 0 15px 10px 15px;
}

.logolink, .backgroundimagelink {
    margin-left: 60px;
}

.logo a.removelogo, .background-image a.removebackroundimage {
    margin-left: 10px;
}

/* ---------SECTION: EMAIL CAMPAIGNS ------------*/
.thirdcol
{
	background: url(../../images/arrow_right.gif) no-repeat 100% 40px;
}

.thirdcolend
{
	background:none;
}

.thirdcol .listbox {
    border: 1px solid #ccc;	
	text-align: center;
	margin:10px 30px 10px 20px;
}

.thirdcol .emailbox
{
	border: 1px solid #ccc;	
	text-align: center;
	margin:10px 30px 10px 20px;
	padding:0 0 10px 0;
}

.thirdcol .listbox li {
    background: none;
    padding: 5px;
}

.thirdcol .listbox li:nth-child(odd) {
    background-color: #efefef;
}

.thirdcol .listbox li:first-child {
    border-top: 0;
}

.thirdcol .listbox li:last-child {
    border-bottom: 0;
}

/*.thirdcolend .emailbox
{
	margin:10px 20px 10px 10px;	
}*/

.thirdcol .emailbox h4
{
	margin:0 0 10px 0;
}

.thirdcol .emailbox a.resizablebutton,
.thirdcol .emailbox a.resizablebutton:link,
.thirdcol .emailbox a.resizablebutton:visited,
.thirdcol .emailbox a.resizablebutton:active
{
	display:block;
	margin:0 auto 0 auto;
	float:none;
	width:150px;
}

.thirdcol p
{
	font-size:1.2em;
	margin:10px 10px 10px 30px;			
}

.thirdcol ol
{
	margin:10px 10px 10px 30px;		
}

.thirdcol ol li
{
	font-size:1.2em;
}

.htmltypedescription
{
	display:block;
	margin:10px;
}

.triggeredemailfields .noitems p
{
	padding-left:10px;
}

#TbLinks td
{
	word-break: break-all;
}
/* ---------SECTION: TASKS------------*/
.upcoming span.taskdate
{
	color: #ffc000;
}

.overdue span.taskdate
{
	color: #c00000;
}

.completed span.taskdate
{
	color: #00b050;
}

.completed label
{
	text-decoration: line-through;
}

p.overduedate
{
	color: #c00000;
}

p.overduedate span
{
	color: #000;
}

.tasklist div.details
{
	float: left;
	margin: 10px 0 20px 10px;	
}

.tasklist li img
{
	margin: 10px 0 20px 10px;		
}

.tasklist li .resizablebutton img
{
	margin:0;
}

.completed div.details
{
	margin: 5px 0 5px 10px;	
}

.tasklist li p,
.tasklist li label
{
	font-size: 1.2em;
}

.tasklist a
{
	margin: 10px 0 0 10px;
}

.tasklist ul.comments li
{
	background-color: #f4fff4;
	color: #00b050;
	margin: 0 0 10px 0;
	padding: 2px;
}

.tasklist ul.comments li p
{
	margin: 5px 0 0 0;
}

.tasklist ul.comments li p.black
{
	color: #000;	
}

.tasklist .overdue 
{
    color:#CC0000;
    font-weight:bold;
}

.form p.notasks 
{
    font-size:1.2em;
    padding:0 0 12px 12px;
}

div#overdue h3
{
	background-color: #c00000;
}

div#upcoming h3
{
	background-color: Orange;
}

div#completed  h3
{
	background-color: #00b050;
}

#overdue h3,
#upcoming h3,
#completed h3
{
	color: #fff;
	background: none;
	margin: 0;
	text-transform: uppercase;
}

p.taskcheckbox
{
	float: left;
	margin: 0 0 10px 0;
}

p.taskcheckbox label
{
	font-size: 0.9em;
}

.sideform dl dt,
.sideform dl dd
{
	margin: 0;
	display: block;
	width: 100%;
	float: none;
}

.sideform dl dd
{
	margin: 0 0 7px 0;
}

.sideform dl dd span.error
{
	font-size:1.1em;
}

.sideform dl dt label,
.sideform dl dt span
{
	font-size:1.2em;
}

.sideform dl dt span label
{
	font-size:1em;	
}

.sideform dl dt
{
	padding:0 0 2px 0;
}

.sideform dd.fileupload 
{
	margin: 0 0 15px 0;
}

.sideform dd.fileupload input
{
	width: 108px;	
}

.content .sideform select.ddsmall
{
	width: 50px;
	margin: 0 5px 0 0;
}

.content .sideform select.ddmed
{
	width: 70px;
}

.sideform .formbuttons
{
	padding: 8px 0 0 0;
}

div.header a.rss
{
	float:right;
	font-size: 1em;
	padding: 4px 0 0 0;
	display: block;	
}


/* ---------SECTION: TRIGGERED EMAILS ------------*/
.two-col
{
    -moz-column-count: 2;
    -moz-column-gap: 2.5em;
    -webkit-column-count: 2;
    -webkit-column-gap: 2.5em;
     column-count: 2;
     column-gap: 2.5em;
}
#triggeredemailcontent
{
	margin-left:5px;
}

#triggeredemailcontent dl
{
    width:100%;
}

#triggeredemailcontent dd .RadEditor
{
    float:left;
    height: fit-content !important;
}

#triggeredemailcontent dd textarea 
{
    width:760px;
    float:left;
    border:1px solid #828282;
}

.triggeredemailfields 
{
    max-width:350px;
    float:left; 
    margin-left:20px;
    border:1px solid #828282;
}

.triggeredemailfields ul
{
    padding:10px;
}

.triggeredemailfields ul li
{
    padding:4px;
    display:block;
}

.triggeredemailfields ul li a
{
    text-decoration:none;
}

.triggerpanel
{
	width: 280px;
	margin: 12px 0 0 10px;	
	float: left;
}

.triggerpanel dt
{
    padding-left:4px;
    font-weight:bold;
}

.triggerpanel dd label
{
    padding:2px 0 0 2px;
    float:left;
}

.triggerpanel dd input
{
    float:left;
    clear:left;
    margin-bottom:4px;
}

.triggerdisplay 
{
    width:25%;
    float:left;
}

.triggerdisplay dt
{
    font-weight:bold;
    width:100% !important;
    padding-bottom:8px;
    padding-left:4px;
}

.triggerdisplay dd span
{
    float:left;
}

.triggerdisplay dd span.tick, .triggerdisplay dd span.cross
{
    clear:left;
    margin:0 4px 12px 4px;
}

.attachment 
{
    font-size:1.1em;
    width:300px;
    padding:10px 6px 12px 6px;
    border-bottom:1px solid #cccccc;
}

.alternate 
{
    background:#e9e9e9;
}

.attachment label
{
    position:relative;
    top:-2px;
    padding-left:4px;
    font-weight:bold;
}

.attachment .details
{
    padding:2px 0 0 24px;
}

/* ---------SECTION: EVENT PERMISSIONS ------------*/

#adduser h1 
{
    font-size:1.2em;
    font-weight:bold;
    padding:8px 0 8px 6px;
    background:#f2f2f2;
}

#adduser input 
{   
    margin-left:-2px;
}

#adduser label 
{
    position:relative;
    top:-2px;
    left:2px;
}

#adduser .formbuttons 
{
    margin-top:14px;
    margin-bottom:14px;
}

/* ---------SECTION: SETTINGS ------------*/
div#colourSelection
{
	overflow:auto;
}

div.colourScheme
{
	float:left;
	overflow:auto;
}

.sidebyside div.colourScheme
{
	margin:0;
}

#colourSelection div.colourScheme {
    margin: 0 20px 20px 20px;
    overflow: visible;
}
div.colourScheme .colour
{
	width:25px;
	height:25px;
	float:left;
	overflow:auto;
}

div.colourScheme input
{
	display:block;
	clear:left;
	float:left;
	margin: 10px 0 0 18px;
}

#deletemessage
{
}

#deletemessage div
{
	border:solid 1px #CC0000;
	background:#ffd5d5;	
	padding:10px;
	margin-bottom:20px;
}

/* ---------SECTION: RadEditor Amazon Image Manager ------------*/

.RadEditor .AmazonImageManager
{
    background-position:-366px center;
}

span.ApolloLinkManager {
background-position:-665px center;
}

.RadEditor .AmazonDocumentManager
{
    background-position:-186px center;
}


#imagemanager 
{
    width:500px;
    background:#f7f7f7;
}

#imagemanager .images 
{
    float:left;
    width:209px;
    height:470px;
    overflow-y:scroll;
    overflow-x:hidden;
    border-right:1px solid #dfdfdf;
}

#imagemanager li
{
    background:#f7f7f7;
    border-bottom:1px solid #dfdfdf;
}

#imagemanager li.alternate
{
    background:#e9e9e9;
}

#imagemanager li a 
{
    display:block;
    padding:10px;
    text-decoration:none;
    font-size:1.1em;
    outline:none;
}

#imagemanager li a:hover 
{
    background:white;
}

#imagemanager .upload 
{
    float:left;
    width:275px;
}

#imagemanager .currentfile
{
    padding:10px;
    height:410px;
    width:210px;
    overflow:hidden;
    font-size:1.1em;
}

#imagemanager .currentfile p 
{
    margin:0 0 12px 0;
}

#imagemanager .formbuttons 
{
    border-top:1px solid #dfdfdf;
    background:#e9e9e9;
    padding:12px 0 12px 12px !important;
}

/*  ------ FILES ------- */
#filelist
{
	margin-left:201px;	
}

#filelist #filesmaincontent
{
	float:left;
	width:100%;
	overflow-y:scroll;
}

div#sidefolders
{
	height:500px;
	width:200px;
	float:left;
	padding-top:5px;
	overflow-y:scroll;	
}

.filelist .scrollablefilelist
{
	overflow-y:scroll;
	height:300px;
}

.filelist .scrollablefilelist
{
	overflow-y:scroll;
	height:350px;
}

.filelist .scrollablefilelist .iconbutton 
{
    height:100%;
    background-image:none;
}
#testingbutton {
    margin: 2px;
    font-weight: bold;
    border: 2px solid #48B2AC;
    border-radius: 4px;
    padding: 4px 10px 20px 10px;
    box-shadow: 1px 1px 1px #888888;
    -webkit-box-shadow: 1px 1px 1px #888888;
    -moz-box-shadow: 1px 1px 1px #888888;
}

#testingbutton span {
    padding: 1px;
    box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -moz-box-shadow: none !important;
}

#testingbutton:hover {
    font-weight: bold;
    border-radius: 5px;
    border: 2px solid #398e89;
}

.radgridimg{
    padding: 5px;
    width: 100px;
}

.filelist .scrollablefilelist .iconbutton span 
{
    font-size:16px;
    /*background:url(../../Images/buttons/button-bg.png) no-repeat right;*/
    float: left;
}


/* ------ FILE UPLOADER ------ */
.progressContainer
{
	margin:2px 2px 2px 0;
	border:solid 1px #cccccc;
	background:#E9E9E9;
	padding:5px;
	width:202px;
}

.progressContainer .progressName,
.progressContainer .progressBarStatus
{
	font-size:1.1em;
	padding:2px;
}

.progressContainer .progressBarStatus
{
	font-style:italic;
}

.progressContainer .progressBarInProgress
{
	background:blue;
	height:5px;
}

.colorItem
{
	border: solid 1px black;
	height:15px;
	width:15px;
	float:right;
	margin-right:100px;
}

.colorSelector
{
	margin:20px auto 20px auto;
	width:200px;
}

/* ------ ALERT BOX ------- */

div.alertbox {
	padding:13px 13px 16px 13px;
	border: solid 1px #ffd853;
    border-radius: 5px;
	background: #fffade url(../../Images/alertbox_bg.gif) repeat-x;
	margin: 0 0 20px 0;
    width: 98%;
    min-width: 400px;
}

div.alertbox h2 {
    color:#333333;
	float: left;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.5em;
}

div.alertbox input.closebutton {
	float: right;
	margin:-4px -2px 0 0;
}

div.alertbox p {
	font-size:1.1em;
	line-height:16px;
	clear: both;
}

.ui-datepicker-trigger
{
	position:relative;
	top:5px;
	left:5px;
}

.graphs div
{
	text-align:center;
}

.graphs .graphitem
{
    width:33.3333%;
    float:left;
    min-width: 310px;
}

p.pagination
{
	height:20px;

	width:90;
	float:right;
}

p.pagination a
{
	margin-right:10px;
	float:right;
}

#campaigntrialmsg ul li
{
	font-size:1.1em;
	margin-left:20px;
	list-style-type:disc;
}

#campaigntrialmsg em, #campaigntrialmsg h2
{
	color:#C60C31;
	font-weight:bold;
}

#campaigntrialmsg em
{
	font-size:1.2em;
	font-style:normal;
}

.gettingstarted
{
	margin:0 0 20px 0;
}

.innerhelpcontent ol li
{
	font-size:1.1em;
	list-style-type:decimal;
	margin:3px 0 3px 20px;
}

.innerhelpcontent ul li
{
	font-size:1.1em;
	list-style-type:disc;
	margin:3px 0 3px 20px;
}

#AccessDenied
{
	width:400px;
	border: solid 1px #850303;
	height:150px;
	margin:200px auto;
	background:#ffefef;

}

#AccessDenied h1
{
	margin:10px;
	text-decoration:none;
	color:#a91313;
}

#AccessDenied p
{
	margin: 20px;
	font-size:1.3em;
}

#AccessDenied a
{
	color:#a91313;	
}

/* Session Page Legend Keys */

.AllocatedSessionLegend { /*color:#b30101;*/ color: #4db3ad; }
.WaitingListLegend { color: #cccccc; }
.UnallocatedSessionLegend { /*color:#f0ba02;*/ color: #faa2a3; }
.CapacitySessionLegend { /*color:#22b409;*/ color: #023652; }
.SessionLegend { font-weight:bold; }

.ReportFieldsInfo { font-size:1.1em; }

.reportScheduleCalendar .ui-datepicker-trigger { padding-right:8px; }
.reportScheduleCalendar .and { padding-right:5px; }

.terms, .privacy
{
	font-size:1.2em;
}

.privacy ul
{
	list-style-type:disc;
	padding:3px 30px;
}

.privacy p
{
	padding:6px 0;
}

.terms td
{
	vertical-align:top;
}

.terms .bold td  
{
	font-weight:bold;
}

#reportdetail .RadGrid_Apollo .reportNoDelete { color:Gray;  }

.bookingSummaryEditPayment 
{ 
	float:right; 
 	margin:-3px 14px 0 0;
}

a.bookingSummaryEditPayment:hover
{
	cursor:pointer;
}

#modal .form .fullWidth { width:100%; }

#fileBackToRoot  
{
	color:Blue; 
	text-decoration:underline;
	cursor:pointer;
	margin:10px;
	float:left;
	font-size:1.1em;
}

#sidefolders .RadTreeView
{
	clear:both;
}

#getFileImagePreview
{
	max-width:100px;
	max-height:100px;
}

.imagePreviewWrapper
{
	height:100px;
	width:100px;
	padding:5px;
}

.imgpreview {
    max-width: 50px;
    max-height: 50px;
}

.imageUploaderPreviewImage img
{
	max-width:300px;
	max-height:300px;
}

.clientLogo 
{
    max-width: 220px;
    display: block;
    margin: 0 auto;
}

.InvoiceLogo
{
	max-width:98%;
	padding:1%;
}

.form dl dd.customError
{
	padding:0px;
}

.form dl dd.customError .error
{
	margin: 0 0 0 7px;
}

.actions .sendTestCampaignEmail span 
{ 
	font-size:1.3em; 
	padding-bottom:9px; 
	float:left;
}

.templateColourTitle
{
    display:block;
    float:left;
    width:40%;
}

.campaignEmailDistributionSummary
{
    overflow: scroll;
}

.form .halfcol .note
{
    padding:0px;
    margin:10px 0px;
}

#loginToViewFile, 
#loginToConfirmEmail,
#changeYourPassword,
#dvVerified,
#dvVerificationSent,
#dvChangeSuccess
{
    background:#e8f9e6 url(../../Images/status-active-bg.gif) repeat-x bottom;
	border: 1px #4e9d42 solid;	
}

#dvInvalidToken,
#dvPasswordChangeFailed {
    background: #F1CBCA url(../../Images/status-inactive-bg.gif) repeat-x bottom;
	border: 1px #FF121B solid;	
}

#loginbox #loginToViewFile p, 
#loginbox #loginToConfirmEmail p,
#loginbox #changeYourPassword p,
#loginbox #dvVerified p,
#loginbox #dvInvalidToken p,
#loginxbox #dvPasswordChangeFailed p,
#loginbox #dvVerificationSent p,
#loginbox #dvChangeSuccess p
{
    text-align:center;
    padding:6px 0px;
    margin:0px;
    
}
}

#loginlogo img{
    max-width: 171px;
    display: block;
    margin: 0 auto;
    background: #f6f6f6;
    padding: 10px;
    border-radius: 5px;
    position: absolute;
    top: 5%;
    max-height: 70px;
    left: 19.9%;

}

/*.mergeTagsShowHide
{
    margin:0px 10px;
}

.form .triggeredEmailMergeTagHeadingLast h3 span, .form .triggeredEmailMergeTagHeading h3 span
{
    float:left;
}

.form .triggeredEmailMergeTagHeadingLast h3 a, .form .triggeredEmailMergeTagHeading h3 a
{
    float:right;
}

.triggeredEmailMergeTagHeading
{
   border-bottom:solid 1px #CCC;
   float:left;
}

.triggeredEmailMergeTagHeading h3
{
    
}*/

.mergeTagsBox
{
	min-width:200px;
	max-width:350px;
	border:solid 1px #ccc;
	float:left;
	margin: 0 0 20px 20px;
}

.mergeTagsBox h3
{
	border-bottom:solid 1px #ccc;
	margin:0;
	padding:10px;
	background-color:#E9E9E9;
}

.mergeTagsBox h3.mergeTagsBoxLast
{
    border-bottom:none;
}

.mergeTagsBox ul.mergeTagsBoxLast 
{
    border-bottom:none;
}

.mergeTagsBox span
{
	float:left;
}

.mergeTagsBox h3 a
{
	float:right;
	margin-left:10px;
}

.mergeTagsBox li
{
    margin:5px 10px;
}

.mergeTagsBox ul
{
    padding:5px 0;
    border-bottom:solid 1px #ccc;
}

.discountCannotBeActive
{
    color: #CC0000;
    font-size: 1.1em;
    margin: 25px 0 0 15px;
}

.linkModalButtons
{
    height:15px;
}

.email-log
{
    margin:15px;
}
.email-log .row
{
    font-size: 12px;
    margin: 10px 0 ;
}
.email-log .row .label
{
    width:150px;
    float:left;
    font-weight:bold;
}
.email-log .row div.element
{
    margin: 15px 0;
    float:left;
}

.email-log .formbuttons{margin:15px 0; float:left;}

.capacitynotifications
{
    margin-bottom: 10px;
}
.capacitynotifications a,
.capacitynotifications a:visited,
.capacitynotifications a:active,
.capacitynotifications a:hover {
    color: #000;
}
.hidenotifications
{
    display: none;
}
.notificationslist ul {
    margin-top: 5px;
    list-style-type: disc;
    list-style-position: inside;
    line-height: 1.4em;
}

.search-criteria
{
    float:right;
    width: 70%;
    overflow: hidden;
    text-align:right;
}

.ZenboxTabRight
{
    width:30px;
}

.text-box-inline 
{
    display: inline-block;
    font-size: 1.2em;
    width: 190px;
}

.label-inline
{
    display: inline-block;
}

.RadGrid .rgHeader, .RadGrid th.rgResizeCol {
	padding: 5px 0;
	text-align: left;
	font-weight: bold;
}

.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td {
	padding-top: 8px;
	padding-bottom: 8px;
	height: 40px;
}

.RadGrid .rgRow td, .RadGrid .rgAltRow td, .RadGrid .rgEditRow td, .RadGrid .rgFooter td, .RadGrid .rgFilterRow td, .RadGrid .rgHeader, .RadGrid .rgResizeCol, .RadGrid .rgGroupHeader td {
	padding-left: 10px;
	padding-right: 10px;
}

.forgotten-password.resizablebutton span {
    background: none;
    color: #444;
    padding: 10px 0;
    font-size: 1em;
    text-decoration: underline;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

.forgotten-password.resizablebutton span:hover{
    background: none;
    color: #0000EE;
}

.marginLeftImport {
    margin-left: 155px;
}