/*--------------------------------------
               general
--------------------------------------*/

html, body { height: 100% }

body 
{
	/*display: inline-block;*/ /* create some problem in IE9 64bits if used as the same time as "html, body { height:100% }". And I can't remember the purpose of it': BUG-028354 */
	min-width: 100%;
}

body, textarea
{
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
	font-size: 0.9em;
}

html, body, form, a, table, td, select, input, div, span, ul, li, h1, h2, h3
{
	margin: 0;	
}

html, body, form, a, table, td, select, input, div, span, ul, li
{
    padding: 0;
}

.pm-action-button-popup 
{
    float: none;
    font-size: 13px !important;
    font-weight: inherit;
    padding-left: 15px;
    padding-right: 15px;
}

div, span, table, td, a, li, input, select, iframe,
.box, button.button-with-icon
{
    border-width: 1px;
    border-spacing:0;
}

#outterObjectLayoutContainer .box { overflow: auto }

input[type="button"], input[type="submit"]
{
    -webkit-appearance: none;
}

textarea { resize: none; }

button.button-with-icon, button.button-icon-only, a img 
{
	border-style: none;
}

button.button-icon-only { background-color: transparent }

td.object-tab-more > div, #topNav, .tab, .tab-active, #GlobalSearchBoxStyle, 
.t-animation-container .t-group, .box, .search-box 
{
	border-style: solid; 
}

#TopRightMenu .t-animation-container 
{	
    margin-top: 5px;
  
}

#newObject {
    min-width: 64px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) { #TopRightMenu .t-animation-container {margin-top: 3px;} }

.displaynone { display: none}

#header-wrapper .t-animation-container .t-group
{
	border-top-style: none;
}

.search-box 
{
    width: 10em; /*15em;*/
	border-collapse:separate;
	line-height: 1em;
	padding: 0.2em;
}
.search-text-input 
{ 
	border-style: none; 
	width: 100%;
}
.search-text-input-container 
{
    padding-left: 0; /*0.5em;*/
	padding-right: 0.5em;
	width: 100%;
}

.standard-padding,
 h1, h2, h3,  /* caption, */
.tab, .tab-active, .box-tab-caption, .box-tab-caption-active, .section-content, .subsection-content
{
	padding: 0.5em;	
}

.box-tab-caption, .box-tab-caption-active
{
	font-size: larger;
	font-weight: bold;
}

.box-tab-caption > img, .box-tab-caption-active > img, td > img 
{
	vertical-align: middle;
}

.box-tab-caption-detail
{
     font-size: inherit;
     font-weight:normal;
     margin-left:2em;
}

#viewId { padding: 0.3em }

a { text-decoration: none }
a:focus { outline: none; } /* remove the dotted border in Firefox*/

#main-content { margin: 1em 1em 1em 1em } /* also update #virtualCodeNotification margin-top value if you modify this value */
#header-wrapper 
{ 
	position: relative;
	border-bottom-style: solid;
	padding: 0 1em 0 0 
}
#footer-wrapper 
{ 
	border-top-style: solid;
	padding: 0 1em; 
}

.side-panel .tab, .side-panel .tab-active, .side-panel .box-tab-caption, 
.side-panel .box-tab-caption-active
{
	margin-bottom: 0.5em;
}

.left-panel .tab { margin-right: 0.5em }
.side-panel .tab a
{
	display: block;
}
.box .button-with-icon { margin-left: 0.5em }

.side-panel
{
	min-width: 200px;
	width: 200px;
	max-width: 250px;
	vertical-align: top; 
}
.buttons-line .table-first-col
{
	min-width: 200px;
	width: 200px; /* Same as .side-panel */
}

.buttons-bar, .box .save-cancel-buttons-bar
{
	/*margin: 0.75em inherit;*/ /* syntax not supported by Firefox*/
	margin-top:0.75em;
	margin-bottom:0.75em;
}

.box .save-cancel-buttons-bar { text-align:center }
.box > table { table-layout: fixed; }
.buttons-line
{
	height: 3em;
	white-space: nowrap;
}

#setupView, #ReportPage
{
    padding-top: 2em;
}

.large-border-radius, .box, .box-tab-caption, .box-tab-caption-active, .validation-summary-errors-panel
{
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

.medium-border-radius, .tab, .tab-active, #topNav, #viewId, .search-box,
#gridRecords .t-grid-header, #gridRecords .t-grid-footer, #gridRecords .t-grid-header th:first-child, #gridRecords .t-grid-bottom
{
	-moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
}

.small-border-radius, .button-with-icon, .action-button, .big-button-type1, .big-button-type2,
.notification-button, .left-side-label, .box .footer, .advanced-input-field,
input, select
{
	-moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}


#primaryObjectItemContent > div, #primaryObjectItemContentSelected > div { display: table-row }

/* ___ img commented to avoid problems related to width in IE8 */
/*#primaryObjectItemContentSelected img, */#primaryObjectItemContentSelected span, 
/*#primaryObjectItemContent img, */#primaryObjectItemContent a 
{
	vertical-align:middle;
	display: table-cell;
	/*word-break: break-all; BUG-027769 -  This will break within a word, which doesn't look good! */
}

#primaryObjectItemContentSelected span, #primaryObjectItemContent a { padding-left: 0.5em }

#appsuite-nav .tab, #appsuite-nav .tab-active
{
	padding:0 0.5em;
	line-height:2.2em;
	display:block;
	border-bottom-style: none;
}

/* filter on a to don't apply overflow hidden to the more object tab */
#appsuite-nav a.tab, #appsuite-nav a.tab-active
{
    max-width: 150px;
    text-overflow: ellipsis;
    overflow: hidden;
}
#appsuite-nav > li { max-width: 150px; } /* For IE8 BUG-024884 */

#appsuite-nav 
{ 
	display: inline; /* Doesn't change the display but mandatory to compute the min width for the header in JavaScript */
	white-space: nowrap 
}

#appsuite-nav > li > a > img
{
    display: none;
}

#appsuite-nav > li
{
    padding-left: 0.2em;
    padding-right: 0.2em;
    vertical-align: bottom;
}

#object-tab-more { visibility: hidden }
#object-tab-more .t-link 
{
    padding-left:0.25em;
   
}
#object-tab-more img 
{
    width:20px;
    vertical-align:bottom;
    margin-right: 0.25em;
}
 
#reportList a { display:block }
#reportList .report-dashboard
{
    background-image: url(../content/images/ObjectIcons/icon-small-report-dashboard.png);
}

.no-topleft-padding
{
	padding-top:0;
	padding-left:0;
}

.no-topleft-border-radius, .layout-leftpanel-main .box
{
	-moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.no-topright-border-radius, .layout-rightpanel-main .box
{
	-moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
}

.no-bottom-border-radius,
#appsuite-nav .tab, #appsuite-nav .tab-active, 
.box-tabbar .tab, .box-tabbar .tab-active,
#gridRecords .t-grid-header
{
	-moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.no-top-border-radius, #topNav, .box .footer,
#gridRecords .t-grid-footer, #gridRecords .t-grid-bottom
{
	-moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
}

.no-right-border-radius, .layout-leftpanel-main .tab-active, 
.left-panel .box-tab-caption, .left-panel .box-tab-caption-active,
.left-side-label
{
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
    border-top-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

.no-left-border-radius, .layout-rightpanel-main .tab-active, 
.right-panel .box-tab-caption, .right-panel .box-tab-caption-active
{
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
}

.left-panel .box-tab-caption-active, .left-panel .box-tab-caption
{
	border-right-style: none;
}

.button-with-icon, .action-button, .big-button-type1, .big-button-type2, .notification-button, .button-icon-only
{
    cursor: pointer;
    white-space: nowrap;
}

#main-wrapper {
	min-height:100%;
	min-width:970px;
	/* IE6 hack */
	height: auto !important;
	height: 100%;
	/* End IE6 hack */
	margin: 0 0 30px 0;
}

#header-table 
{
	width: 100%; 
	height: 100%;
}

#header-table 
{
	min-height: 95px;
    max-height: 140px; /*90px;*/
}

#footer-wrapper, #push {
	clear: both;
	height: 57px;
}	

#topNav 
{
	padding:0 0.5em 0;
	border-top-style:none;
	font-size: 0.9em;
}

#topNav .t-menu .t-item { vertical-align: inherit }

#appSelector > li > span 
{ 
	padding: 0;
	width:20px;
	margin-left: 15px;   
    margin-right: 35px;  
}

/*-- http://www.telerik.com/community/forums/aspnet-mvc/menu/menu-styling-removing-down-arrow.aspx --*/
#appMenuSelector .t-arrow-down {
    display: none;
}

#appMenuSelector .t-link
{
    padding-left: 8px;
}

#appMenuSelector > .t-item > .t-link
{
    border: 1px solid #B6C99D;
    border-bottom: 0px none;
    margin-right: 4px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    margin: 1px, 1px, 0px, 6px;
}

#appMenuSelector > .t-highlighted > a, #appMenuSelector > .t-state-selected > a
{
    background: white;
}

#OrganizationSelector a
{
    padding-left: 8px;
    text-align: left;
    /*font-size: 14px;*/
}

#OrganizationSelector > li
{
    padding-left: 5px;
}

#OrganizationSelector .t-link
{
    font-size: 13px;
}

#OptionsSelector > li > span 
{
	padding: 0 0.5em;
	font-size: 105%; 
}

#ObjectSelector > li > span 
{ 
	width:11px;
	padding-bottom: 0px;
	padding-top: 0px;
    margin-left: 5px;   
    margin-right: 30px;
	
}

#ObjectSelector .t-icon {background-image: url(../Content/2012.2.801/Windows7/sprite.png) }
#appSelector .t-icon { background-image: url(../Content/2012.2.801/Windows7/sprite.png)}

#topNav .t-icon, #ObjectSelector .t-icon ,#appSelector .t-icon
{
	vertical-align: middle;
}

#header-wrapper ul, .left-panel ul {
	list-style-type: none;
	margin:0;
	padding:0;		
}

.header-logo-td
{
	padding: 0;
	height: 90px;
}

#topNav .tab, #topNav .tab-active
{
	border-style:none;
	font-weight: bold;
}

#Options-Setup .t-animation-container, #OrganizationSelector .t-animation-container
{
	left: auto;
	right: 0;
}

#header-wrapper .t-animation-container { line-height:1.5em }

/*overrided in site-Grey-Theme-ie7lte.css*/
#topNav > ul > li, #appsuite-nav > li, #appNav > li {
	display:inline-block;
}

.space-for-ribbon-image 
{
    padding-left: 100px !important;
    margin-left: 12px;
}

#appNav 
{
    margin-right: 5em !important;
}

#appNav .tab, #appNav .tab-active  
{
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}

#appNav .arrow.bottom
{
    position: absolute;
    bottom: -16px;
    left: 50%;
    margin-left: -7px;
    display: none;
}

#appNav .tab-active + .arrow.bottom
{
    display: block;
}

#appNav li { position: relative; }

#topNav > ul > li > a, .spacer span, #OptionsSelector > li > span
{
	line-height:2.5em;
}

/* iPad [portrait + landscape] */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
   
    #topNav > ul > li > a, .spacer span, #OptionsSelector > li > span
    {

	    max-width: 200px;
        text-overflow: ellipsis;
        overflow: hidden;
    }

}

.spacer { margin: inherit 0.5em }
.spacer span { border-left: solid 1px inherit }

.t-animation-container .t-group, .popup-panel
{
	background-color: white;
}

.subsection-content span.label, /* span. to avoid a conflict with td.label / TODO: change one class name */
.subsection-content label
{
	width:33%;
	text-align:right;	
	display: inline-block;
	margin-right:0.5em;
	vertical-align:top;
}

#billingSetupView .subsection-content span.label { width: 50%; text-align:left; }

#memberSignupView .subsection-content span.label { width:11em }
#memberSignupView .subsection-content input[type=text],
#memberSignupView .subsection-content select,
#memberSignupView .subsection-content textarea  { width: 280px !important; }
#memberSignupView .subsection-content #trCampaign #objectPageLayoutSection { width: 453px !important;}
#memberSignupView .subsection-content #trCampaign #objectPageLayoutSection td.field { padding-left: 11px; }

#trCampaign { margin-left:2.2em } /* Hugly hack to get this field aligned with others */

#smtpAccountView input[type="text"], #smtpAccountView select
{
	width:55%;
}

#editUserForm .field 
{
    display: inline-block;
    width: 60%;
}
/*#editUserForm input[type="text"], #editUserForm select, #editUserForm textarea*/
#editUserForm input[type="text"], #editUserForm input[type="password"], #editUserForm select, #editUserForm textarea
{
    width:100%;
}

.box-min-height-container { min-height: 450px }
.subsection-content > div, .subsection-content > p
{
	margin-bottom:0.5em;
	margin-top: 0;
}

.remove-child-padding > *
{
	padding: 0;
} 

#signInLoginContainer
{
    overflow:hidden;
    max-width: 28em;
}
#signInLoginContainer.two-column { max-width: 58em }

#signInLoginContainer.embed { padding: .5em }

#signInLoginContainer .section-content
{
	padding: 0 1.5em;
	display:inline-block;
	vertical-align: top;
	border: 1px none lightgray;
}

#signInLoginContainer .section-content.left { border-right-style: solid }
#signInLoginContainer .section-content.right 
{ 
    border-left-style: solid;
    margin-left: -1px;
}

.gradient-button 
{
    width:auto;
    padding: 0.5em;
    font-weight: bold;
    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
    background-image: -moz-linear-gradient(bottom, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
    border-style:none;
    cursor: pointer;
}

.gradient-button:hover 
{
    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
    background-image: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, transparent 100%);
}

#signInLoginContainer input[type='text'], #signInLoginContainer input[type='password']
{
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0.25em;
    border-style: solid;
}

#signInLoginContainer.member-sign-in #signupForm > div:first-child { margin-bottom: 1em; font-weight:bold; width:23em }
#signInLoginContainer.member-sign-in  input[type='text'], #signInLoginContainer.member-sign-in input[type='password']
{
    width: 25em;
}

#signInLoginContainer input[type='text'], #signInLoginContainer input[type='password'], #signInLoginContainer select
{
    display: block;
}


#signInLoginContainer input, #signInLoginContainer select
{
    margin-top: 0.5em;
    margin-bottom: 0.5em;
}

#signInLoginContainer select 
{ 
    width: 100%;
    padding: 0.25em;
    padding-left: 0;
    border-style: solid;
}

#signInLoginContainer.member-sign-in select
{
    width: 25em;
}

#signInLoginContainer .field-validation-error
{
    font-family: inherit;
    font-style: inherit;
    font-size: smaller;
}

#signInLoginContainer .PLACEHOLDER-LABEL { padding-top: .8em }

#memberSignInSplitterOr
{
	line-height: 2em;
	margin-left: -0.5em;
	margin-top: -1em;
	position: absolute;
	top: 50%;
	width: 1em;
	color: lightgray;
}

#browserClientLogin label
{
	display: inline-block;
	width: 5em;
}

.inline-block { display: inline-block }

#signInLoginContainer
{
	text-align: left;
	position:relative;
	margin:1em auto 0.5em auto;
	padding-top: 1.5em;
}

.form-field-info { color: gray }

#container { width:100% }

#relatedObjects a
{
	display: block;
	text-overflow: ellipsis;
    overflow: hidden;
}

.inline-actionmenu 
{ 
	bottom: 0; 
}

.actions-cell { overflow: visible !important;}

.context-actionmenu
{
	position: absolute;
	display: none;
	z-index: 99999;
}

.actionmenu .menu-item
{ 
	padding: 0.25em 0.25em 0.25em 0; 
	white-space: nowrap
}
.inline-actionmenu .menu-item.first-level { font-weight: bold }
.inline-actionmenu .dropdown-container { margin-top: 0.25em; position: relative }
.actionmenu .menu-item 
{ 
    cursor: pointer;
}
.actionmenu .menu-item:hover { text-decoration:underline }
.actionmenu .menu-item.disabled 
{ 
    cursor: default; 
    text-decoration:none; 
    opacity: 0.3;
    filter:alpha(opacity=30);
}

.inline-actionmenu .popup-panel
{
	margin-left:0;
	position: absolute; 
	display:none;
	border-style: solid;
    z-index: 100;
    top: -10px;
}

.actionmenu.popup-panel .menu-item, .actionmenu .popup-panel .menu-item 
{ 
	display:block; 
	padding-left:0.25em;
}

.help-icon 
{
     width: 15px;
     height: 15px;
     vertical-align: top;
}

.arrow 
{
    display: inline-block;
    width: 0;
    height: 0;
    border-width: 0.5em;
    border-style: solid; 
}
.arrow.right, li > .arrow 
{ 
    margin: 0 0 0 0.25em;
    border-color: transparent;
}
.arrow.bottom, li.expanded > .arrow 
{ 
    margin: 0.25em 0 0 0;
    border-color: transparent;
}
.arrow.left
{
    margin: 0 0.25em 0 0;
    border-color: transparent;
}

.help-tooltip
{
    position:absolute;
    background-color: lightgray;
    border: 1px solid gray;
    border-radius: 4px;
    padding: 0.25em;
    z-index: 9999;
}
.help-tooltip:after
{
    padding-left: 0.5em;
    color: red;
    font-weight:bold;
    content: "X";
}

/*--------------------------------------
    Global Search
--------------------------------------*/

#criteria
{
    border-style: hidden;
    padding-left: 4px;
}

.fancysigninheader
{
    font-size: large;
    font-family: Arial;
    text-align: center;
}

A.fancysigninbutton
{
    display: inline-block;
    margin: 0.5em;
    padding: 0.5em 1em;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    text-align: right;
}

fancysigninbox
{
    display: inline-block;
    margin: 0.5em;
    padding: 0.5em 1em;
    border-style: solid;
    border-width: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#global-search-submit-button
{    
   vertical-align: middle;
}

#global-search-popup
{
    position: relative;
    display: none;
    z-index: 99;
    margin-top: 0px;
}

#global-search-preview > H3
{
    margin: 0;
    padding: 2px 0.5em;
}

#global-search-preview > P
{
    margin-bottom: 0;
    padding-left: 0.5em;
}

.global-search-preview-table
{
    margin-bottom: 1em;
    width: 599px;
}

.global-search-preview-table > TBODY > TR > TD
{
    padding: 3px;
}

#global-search-results
{
    margin: 1em 0 0;
    border: none 0;
}

#global-search-results > H3
{
    padding: 0.2em 0.5em 0.3em;
    margin: 0;
}

.global-search-results-object-name
{
    padding: 0.3em 1em;
    font-weight: bold;
}

#global-search-results > TABLE
{
    width: 100%;
}

.big-button-type1, .big-button-type2
{
	display: inline-block;
	min-width: 70px;
	font-size: 15px;
	font-weight: bold;
	text-align:center;
	margin: 0.5em;
	padding: 0.5em 1em;
}

.previous-button > img, .next-button > img
{
    vertical-align: middle;
    margin-top: -3px;
}
.previous-button > img { margin-right: .5em }
.next-button > img { margin-left: .5em }


#builtInButtons
{
    width: 100%;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

.box-tabbar 
{
    display: inline-block;
    position: absolute;
    left: 1em;
    bottom: -2px;    
}

.box-tabbar .tab, .box-tabbar .tab-active
{
    border-style: solid;
    border-width: 2px;
    cursor: pointer;  
}

.box-tabbar > li { display: inline-block }

.button-save
{
    height: 31px;
    width: 81px;
    background-image: url(../Content/Images/Buttons/Save.png);
    background-color: transparent;
    border: none;
    vertical-align: middle;
}
.button-save:hover { background-image: url(../Content/Images/Buttons/Save-active.png) }

.button-save.save-template
{
     width: 100px;
     background-image: url(../Content/Images/Buttons/SaveTemplate.png)
}
.button-save.save-template:hover { background-image: url(../Content/Images/Buttons/SaveTemplate-active.png) }


.button-cancel
{
    margin-top: 5px;
    margin-left: 1.5em;
    text-align: center;
    text-decoration: underline;
    vertical-align: middle;
}

.notification-button
{
	padding: 0.25em 0.5em;
	margin: 0.5em;
	min-width: 4em;
	display: inline-block;
}

/*--------------------------------------
    New / Edit / Clone / Delete buttons
--------------------------------------*/

.grid-td-style
{
    border-style: solid;
    border-width: 1px;
    padding-top: 5px;
    padding-bottom: 5px;
}
.button-with-icon
{
    padding-right: 0.5em;
    padding-left: 30px;
    background-position: 0.25em 50%;
    background-repeat: no-repeat;
    margin-right: 1em;
    display:inline-block; /* otherwise transparency don't work in IE */
	line-height: 1em; /* As it's now an inline-block we should reset this to avoid inheritance */
}

.delete-button-with-no-position {
    background-position:0.25em 50% !important;
    background-color: transparent !important;
}

.delete-button-with-no-position:active {
     -moz-box-shadow: none; 
     -webkit-box-shadow:none; 
     box-shadow: none;
}

.button-with-icon.right-icon 
{
    background-position: right 50%;
    padding-right: 30px;
    padding-left: 0.5em;
}

.button-icon-only
{
	width:25px;
	height:25px;
	background-position: 0.25em 50% !important;
    background-repeat: no-repeat !important;
}

.button-new-icon
{
	background-image: url(../content/Images/Buttons/Add.png);
    color: black;
}

.button-upload-icon
{
	background-image: url(../content/Images/Buttons/Upload-cloud.png);
}

.button-merge-field-icon
{
	background-image: url(../content/Images/ControlIcons/email-merge-field.png);
}

.button-back-icon
{
	background-image: url(../content/Images/Buttons/Back.png);
}

.button-edit-icon
{
    background-image: url(../content/images/Buttons/EditPen.png);
}
.button-delete-icon
{
    background-image: url(../content/images/Buttons/Delete.png) !important;
    background-repeat: no-repeat !important;
}
.button-clone-icon
{
    background-image: url(../content/images/Buttons/Clone.png);
}
.button-back-icon
{
    background-image: url(../content/images/Buttons/back.png);
}
.button-previous-icon
{
    background-image: url(../content/images/Buttons/Previous.png);
}
.button-next-icon
{
    background-image: url(../content/images/Buttons/Next.png);
}
.button-html-add-icon
{
    background-image: url(../content/images/Buttons/HtmlAdd.png);
}
.button-greencheck-icon
{
    background-image: url(../content/images/DefaultIcons/Success.png);
}

.button-function-icon {
    background-image: url(../content/images/Buttons/function.png);
}

.button-print-icon
{
    background-image: url(../content/images/Buttons/Print.png);
}

.button-paynow-icon
{
    text-decoration: underline;   
    cursor: pointer;
	cursor: hand;   
	font-weight: bold;
	padding-right:10px;
}

.button-paid
{  
    text-align:right;   
     color:Gray;
     padding-right:10px;
}



/*--------------------------------------
    Action Buttons (former custom buttons)
--------------------------------------*/

.action-button
{
    margin-right: 0.25em;
    padding-right: 0.5em;
    padding-left: 6px;
    white-space: nowrap;    
    display:inline-block; /* otherwise transparency don't work in IE */
	line-height: 1em; /* As it's now an inline-block we should reset this to avoid inheritance */
}

.action-button.disabled, .button-with-icon.disabled
{
	cursor: default;
	opacity: 0.3;
    filter:alpha(opacity=30);
    border: 0 none;
}

.action-button-width
{    
   width:60px;
}
.virtual-action-button
{
    padding-right: 20px !important;
    padding-left: 20px !important;
}
.action-button, .button-with-icon
{
    padding-top: 5px;
    padding-bottom: 5px;
}
#customButtonsContainerDiv
{
	/*width:1px;*/
	height: 37px;
	float:left;
	position: relative;
}
.scrollingHotSpotLeft, .scrollingHotSpotRight
{
    display: none;
    cursor:pointer;
    padding: 0.4em;
}
.scrollingHotSpotLeft img, .scrollingHotSpotRight img { vertical-align: middle }

.scrollingHotSpotLeft { float:left }
.touch-device .scrollingHotSpotLeft { margin-right: .5em }
.scrollingHotSpotRight { float: right }
.touch-device .scrollingHotSpotRight { margin-left: .5em }

.scrollWrapper
{
	overflow: hidden;
}
#system-buttons-container
{
	white-space: nowrap;
	float:left;
}
.scrollableArea
{
	border-width: 0px; 
	border-collapse: collapse; 
	white-space: nowrap;
}

.left-side-label
{
    width: 4em;
    display: inline-block;
    padding: 0.25em;
    background-position: 0.25em center; /* Do not use background-position-x and ...-y -> not supported by Firefox*/
    background-repeat: no-repeat;
}

.right-side-input
{
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-left-style: none;
}

#previousNextButtonsContainer .text { font-size: 0.8em; }
#previousNextButtonsContainer > a > .text
{
    text-decoration: underline;
    font-weight: bold;
}

#previousNextButtonsContainer .disabled { opacity: 0.7 }


#previousNextButtonsContainer .arrow { vertical-align: middle }

/*--------------------------------------
                iOS Buttons
--------------------------------------*/

.cb-enable, .cb-disable, .cb-enable span, .cb-disable span { background: url(../Content/Images/Buttons/switch.png) repeat-x; display: block; float: left; }
.cb-enable span, .cb-disable span { line-height: 30px; display: block; background-repeat: no-repeat; font-weight: bold; }
.cb-enable span { background-position: left -90px; padding: 0 10px; }
.cb-disable span { background-position: right -180px;padding: 0 10px; color: #333}
.cb-disable.selected { background-position: 0 -30px; }
.cb-disable.selected span { background-position: right -210px; color: #fff; }
.cb-enable.selected { background-position: 0 -60px; }
.cb-enable.selected span { background-position: left -150px; color: #fff; }
.switch label { cursor: pointer; margin: 0; width: auto;}
.switch input { display: none; }


/*--------------------------------------
               grid
--------------------------------------*/
#mainGrid table { table-layout: fixed; }
#mainGrid
{
    table-layout: fixed;
    white-space: nowrap;
    width: 100%;
}
#mainGrid TBODY TR TH
{
    white-space: nowrap;
    overflow: hidden;
    border: none;
    border-right: solid 2px inherit/*white*/;
}

TH.sortable
{
    cursor: pointer;
}

#mainGrid TBODY TR TH IMG
{
    vertical-align: middle;
    margin-right: 5px;
}

#mainGrid TBODY TR TD
{
    padding: 0px 5px 0px 5px;
    cursor: pointer;
    overflow: hidden;
}

#mainGrid TBODY TR TD.groupRow
{
    cursor: default;
}

/*--------------------------------------
            Save Validation
--------------------------------------*/

.validation-summary-errors-panel
{
    border-style: solid;
    border-width: 1px;
    margin: 6px 0 1em;
    padding: 0.5em 1em;
}

.field-validation-error
{
    font-family: "Times New Roman";
    font-style: italic;
}

.bookme-login-wrapper .field-validation-error
 {
    font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
    font-style: normal;
 }

/*--------------------------------------
               Application Suite
--------------------------------------*/

#objectId { border-style: hidden }


/*--------------------------------------
              File Types
--------------------------------------*/

.filetype-icon {
    background-repeat: no-repeat;
}
.filetype-icon.medium-html { background-image: url(../Content/Images/DocumentIcons/html_M.png)}
.filetype-icon.medium-pdf { background-image: url(../Content/Images/DocumentIcons/pdf_M.png)}
.filetype-icon.medium-docx { background-image: url(../Content/Images/DocumentIcons/docx_M.png)}
.filetype-icon.medium-xlsx { background-image: url(../Content/Images/DocumentIcons/xlsx_M.png)}
.filetype-icon.medium-pptx { background-image: url(../Content/Images/DocumentIcons/pptx_M.png)}
.filetype-icon.medium-default { background-image: url(../Content/Images/DocumentIcons/default_M.png)}

.filetype-icon.small-html { background-image: url(../Content/Images/DocumentIcons/html_50.png)}
.filetype-icon.small-pdf { background-image: url(../Content/Images/DocumentIcons/pdf_50.png)}
.filetype-icon.small-docx { background-image: url(../Content/Images/DocumentIcons/docx_50.png)}
.filetype-icon.small-xlsx { background-image: url(../Content/Images/DocumentIcons/xlsx_50.png)}
.filetype-icon.small-pptx { background-image: url(../Content/Images/DocumentIcons/pptx_50.png)}
.filetype-icon.medium-default { background-image: url(../Content/Images/DocumentIcons/default_50.png)}


/*--------------------------------------
               Reports
--------------------------------------*/
.reportMainContent { padding: 0px }

#reportDisplayTopContainer
{
	width: 100%;
	table-layout: auto;
	direction:rtl; 
	text-align:left;
	clear:both;
}
#adjustableFilterContainer
{
	display:inline-block; 
	vertical-align:top; 
	direction:ltr;
	min-width:600px;
}

#reportListAppRelated LI A IMG
{
    border-width: 0;
    margin-left: 0.3em;
    margin-right: 1em;
    vertical-align: middle;
}

UL.reportTreeFolder
{
    list-style-type: none;
    padding-left: 0.8em;
}
#mainGrid TBODY TR.reportSummaryRow TD
{
    padding: 0px 10px 2px 0px;
    margin: 0px;
    cursor: text;
}

#mainGrid TBODY TR.reportGrandTotalRow { width: 100% }

#mainGrid TBODY TR.reportGrandTotalRow TD
{
    padding: 0px 10px 2px 0px;
    margin: 0;
    cursor: auto;
    padding-bottom: 2px;
}
#mainGrid TBODY TR.reportSummaryRow
{
    border-style: solid;
    border-width: 0;
}

#mainGrid TBODY TR TD.reportDataCell, #mainGrid TBODY TR TD.reportDataCell-first-column, #mainGrid TBODY TR TD.record-cell-style
{
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 4px;
    margin: 4px;
    cursor: pointer;
    padding-right: 20px;
    font-size: 90%;
}

#mainGrid TBODY TR TD.reportDataCell-first-column, #mainGrid TBODY TH.reportGridTableHeader-first-column,
#report-grand-total
{
    padding-left: 25px;
}

#mainGrid TBODY TR.reportGroupRow TD
{
    cursor: default;
    padding-left: 10px;        
    padding-top:2px !important;
    padding-bottom:2px !important;
}
#mainGrid TBODY TR.reportGroupRow
{
    border-style: solid;
    border-width: 0;
}

#mainGrid TBODY TR.reportOddDataRow
{
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    cursor: default;
}
TH.reportGridTableHeader, TH.reportGridTableHeader-first-column
{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 90%;
}

/*--------------------------------------
               Objects tabs
--------------------------------------*/

#object-tab-more { vertical-align: bottom }
#object-tab-more .tab,  #object-tab-more .tab-active { padding: 0 }


/*--------------------------------------
         mini Cookie Trail & Help
--------------------------------------*/

#miniCookieTrail
{
    width: 90%;
    padding: 0;
}

#feedbackGlobal, #helpGlobal
{
    padding: 5px 0px 6px 5px;
    text-align: right;
    white-space: nowrap;
    vertical-align: top;
}

/*--------------------------------------
         view Selector & Filter
--------------------------------------*/

#viewSelectorAndFilter
{
    margin: 0px 0;
    padding: 0;
    width: 100%;
}

#customButtons { padding-left: 1em }

#viewSelector, #viewSelector-lookup
{
    margin: 0;
    padding: 0 1.5em 0 2em;
    white-space: nowrap;
}
#viewSelector { width: 10% }
#viewSelector-lookup { width: 70% }
#viewSelector-lookup select { width: 20em }

/*--------------------------------------
               pager
--------------------------------------*/

#pager
{
    border-style: solid;
    border-width: 0;
    border-bottom: hidden;
    margin: 0.5em 0 0 0;
    padding-top: 0.5em;
}

#pagerRecordsPerPage
{
    padding: 0 1em 0 0;
    white-space: nowrap;
    vertical-align: top;
}

#pagerTotalRecords
{
    padding: 0 0 0 1em;
    vertical-align: middle;
    color:#000000;
}

/*--------------------------------------
               related objects
--------------------------------------*/

#objectPageView
{
    width: 98%;
    margin-left: 0px;
    margin-right: 15px;
    margin-top: 15px
}

#objectPageLayout select
{
    width: 100%;
}

.objectPageLayoutSection
{
    width: 98%;
	margin-top: 0.75em;
}

.center, .objectPageLayoutSection
{
	margin-left:auto;
	margin-right:auto;
}

.relatedObjectListItem, .relatedObjectListItemSelected
{
    white-space: nowrap;
}

#primaryObjectItemContentSelected
{
    overflow: hidden;
    word-wrap: break-word;
}

/*--------------------------------------
               primary object
--------------------------------------*/
#primaryObjectItem 
{ 
	width: 200px;
	max-width: 200px;
}
#relatedtab-page-item { margin-right: -5px }

/*--------------------------------------
               banner
--------------------------------------*/

H1.banner
{
    border-style: solid;
    border-width: 1px;
    text-transform: capitalize;
    font-family: "Arial Narrow" , Helvetica, sans-serif;
    padding-bottom: 0.1em;
    margin-top: 1em;
}

/*--------------------------------------
               objects
--------------------------------------*/

#objectColumn
{
    display: inline-block;
    width: 49%;
    vertical-align: top;
}

#objectItem
{
    margin-left: 5%;
    margin-bottom: 0.5em;
}

#objectImage
{
    width: 30px;
    height: 30px;
    display: inline-block;
}

#objectLabel
{
    vertical-align: 50%;
    margin-left: 0.5em;
}

/*--------------------------------------
               login
--------------------------------------*/

div.login label
{
    text-align: right;
    display: inline-block;
    width: 10em;
}

div.login p { margin: 0.5em }
div.login input{ width: 15em }
div.login #buttonSignIn { margin-top: 0.5em }

div.login #checkBoxRememberMe, div.login #labelRememberMe
{
    text-align: left;
    width: auto;
}

#buttonSignIn
{
	vertical-align: middle;  
    background-repeat: no-repeat; 
    border: 0px; 
    width: 118px; 
    height: 30px;
    background-color: transparent;
}

#buttonForgotPassword
{
	border: none;
	background: none;
	text-decoration: underline;
	cursor: pointer;
	cursor: hand;
	/*vertical-align:middle;*/
	padding:1em;
	font-size:60%;
    float: left;
}

.fb-login-button-container /* overrided in ie7lte.css */
{
	display:inline-block;
	margin-left:auto;
	margin-right:auto;
	margin-top:1em;
	text-align:center;
}

div.login #buttonLaunch { margin: 1em 0 }
div.login .widthAuto { width: auto }

TABLE#requirements_box
{
    width: 100%;
    border-style: dashed;
    border-width: 1px;
}

TABLE#requirements_box > TBODY
{
    padding: 1em 0 1em 5em;
}

TABLE#requirements_box > TBODY > TR > TD
{
    width: 50%;
    vertical-align: top;
    padding: 0;
}

TABLE#requirements_box > TBODY > TR > TD.requirements-header
{
    padding: 1em 0 1em 5em;
}

TABLE#requirements_box > TBODY > TR > TD.requirements-header H3
{
    display: inline;
}

TABLE#requirements_box > TBODY > TR > TD.requirements-detail
{
    padding-left: 10em;
}

TABLE#requirements_box > TBODY > TR > TD.requirements-detail P
{
    margin: 0 0 1em;
}

/*--------------------------------------
               custom buttons
--------------------------------------*/


#customButtonNotification
{
    margin: 0;
    padding: 0;
    text-align: center;
}

#customButtonNotification > DIV
{
    margin: 0px 15px 0px 19px;
    padding: 20px 0px 10px 0px;
    
}
/*

.notificationOkButton
{
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    margin: 6px 3px 3px 6px;
    padding: 4px 24px 4px 24px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}
.notificationCancelButton
{
    border-style: solid;
    border-width: 1px;
    padding: 3px;
    margin: 6px 3px 3px 6px;
    padding: 4px 12px 4px 12px;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
}

#customButtonNotification > DIV > P { margin: 0.5em }*/
/*#customButtonNotification > DIV > P > A { margin: 0 1em }*/

/*--------------------------------------
Virtual Code Notification
---------------------------------------*/
#virtualCodeNotification
{
    margin: -1em -1em 0 -1em; /* margin-top value should be the same as #main-content*/
    padding: 1em 0 1em 0;
    text-align: center;
}


/*--------------------------------------
               tables
--------------------------------------*/

table, caption
{
    border-collapse: collapse;
}

th { text-align: left }

.objectPageLayoutSection caption, .objectPageLayoutSection h3, .section-content caption, .section-content h3
{
    font-weight: bold;
    text-align: left;
    font-size: 100%;
}

td.label, td.field
{
    vertical-align: top;
    padding-top: 10px;
    padding-bottom: 4px;
}

td.label
{
    text-align: right;
    padding-left: 4px;
    /*word-wrap: break-word;
    word-break: break-all; */
}
td.field { padding-left: 1em }

.ellipsis
{
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}

TD.field > INPUT, TD.field > SELECT, TD.field > TEXTAREA, TD.field > TABLE,
td.field .date-time-picker
{
    width: 90%;
}

TD.field * INPUT { width: 100% }

td.field .date-time-picker .date-cell { width: 65% }
td.field .date-time-picker .time-cell { width: 35% }
td.field .date-time-picker.time-hidden .date-cell { width: 100% }
td.field .date-time-picker.time-hidden .time-cell { width: 0% }
td.field .date-time-picker.time-hidden .timePicker { display:none }

TD.field > INPUT.address, TD.field > SELECT.address
{
    margin-bottom: 4px;
}

TD.field > Div A:link, TD.field > Div A:visited, .HypeLink-style,TD.field  A:link, TD.field > A:visited
{
    font-weight: bold;
}

TD.field > A:link:hover, TD.field > A:visited:hover, .HypeLink-style:hover, A.member-registration-nav-button-addNewMemeber:hover
{
    font-weight: bold;
    text-decoration: underline;
}

.HypeLink-style { font-weight: bold }

.HypeLink-style:hover, A.member-registration-nav-button-addNewMemeber:hover
{
    font-weight: bold;
    text-decoration: underline;
}
.required
{
    color: Red;
    vertical-align: top;
}

#NewButtonOnRecordListTop, #NewButtonOnRelatedRecordListTop
{
    padding: 15px 5px 7px 15px;
}

#GridForRecordRelatedList
{
    padding-bottom: 5px;
    padding-left: 0px;
    vertical-align: top;
}

#RelatedRecordNewButton
{
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 15px;
    margin-bottom: -40px;
}

#GlobalSearchBoxStyle
{
    display: block;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0px;
}


A.member-registration-nav-button-next img
{
    border: none;
}

A.member-registration-nav-button-Previous img
{
    border: none;
    height: 10px;
}

#member-registration-step-caption
{
    display: inline-block;
    white-space: nowrap;
}

#member-registration-step-caption, #login-header
{
    font-size: 240%;
}
#login-header { padding-left: 30px }

#member-registration-list > TBODY > TR > TD > DIV, #member-registration-list > TBODY > TR > TD > DIV.selected
{
    padding: 15px 4px 15px 4px;
    border: solid 1px #E2E2E2;
    text-align: center;
}
#member-registration-list > TBODY > TR > TD > DIV.selected
{
    background-color: #DBDBDB;
}
#member-registration-list > TBODY > TR > TD > DIV:hover
{
    background-color: #e2e2e2;
}

.member-registration-step-selected, .member-registration-step-transition
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: middle;
    border: 0px none;
}
.member-registration-step
{
    padding-top: 0.5em;
    padding-bottom: 0.5em;
    vertical-align: middle;
    border: 0px none;
}
.member-registration-step-transition
{
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: middle;
    padding-top: 10px;
}
.member-registration-step
{
    border-style: solid;
    border-width: 0;
}
.member-registration-step-selected
{
    font-weight: bold;
}

/* overrided in ie7lte.css: table-cell not supported */
/*.addins-bookme .side-panel, .addins-bookme .main-panel
{
	display: table-cell;
}*/
/*.addins-bookme .main-panel { width: 100% }*/

.choice-item
{
	display: inline-block;
	text-align: center;
	cursor: pointer;
	
}
.choice-item.selected 
{
	cursor: default;
}

.addins-bookme .choice-item
{
	border-style: solid;
	width:31%;
	margin-left: 1%;
	margin-right: 1%;
	padding-top: 1em;
	padding-bottom: 1em;
	font-weight: bold;
}

.addins-bookme .rsTimelineView .rsAllDayRow { height: 500px !important; }

/*.step-by-step-header { white-space: nowrap }
.step-by-step-header h1 { display: inline-block }
.step-buttons-container { float: right }*/
.step-by-step-header { width: 100% }
.step-buttons-container { white-space: nowrap; text-align:right; }
/*#BookMeEventTableRow
{
    padding-top: 3px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 3px;
    width: 30%;
}*/

.class-full 
{
    color: #DF0101;
    font-size: 4em;
    font-weight: normal;
    text-align: center;
}

#bookMeMemberLookup
{
    position: relative;
    table-layout: fixed;
    margin-top: -0px;
    margin-left: -200px;
    padding-left: -200px;
    border: solid 1px;
    text-align: left;
}
A.member-registration-nav-button-addNewMemeber, A.member-registration-nav-button-addNewMemeber:hover
{
    display: none;/*inline-block;*/
    text-decoration: underline;
    font-weight: normal;
    font-size: small;
    margin-left: -80px;
    color: #8F8F8F !important;
}

#addAnAttendeeButtonContainer
{
	margin-left: 16%;
	margin-bottom: 1em;
	margin-top: 0.5em;
	padding-left: 2em;
}

#member-registration-selectDateAndTime, #tax-application-table-profit
{
    width: 100%;
}
/* tax application style */
#tax-application-table-style-left
{
	margin-right:0.5em;
    width: 300px; 
}

#tax-application-table-container caption
{
	font-size: 1.5em;
	margin-bottom: 0.5em;
}

#tax-application-table-style-right
{
    margin-left:0.5em;
    width: 400px;  
}

#tax-application-table-style-left, #tax-application-table-style-right
{
	padding: 2em;
	text-align:left;
	vertical-align:top;
	display:inline-block;
}

#tax-application-table-profit, #PayPanel
{
	 margin-bottom: 3em;
}


#tax-application-profit-positive
{
    padding-top: 15px;
    color: green;
    font-size: 150%;
}
#tax-application-profit-negative
{
    padding-top: 15px;
    color: red;
    font-size: 150%;
}
#tax-application-detail-header
{
    text-align: left;
    border-style: solid;
    border-width: 1px;
    padding-bottom: 30px;
}

.tax-application-detail-row-name 
{ 
    font-weight: bold;
    word-wrap: break-word;
}

.tax-application-detail-row-amount
{
    text-align: right;
    font-weight: bold;
    font-size:1.2em;
}

#tax-application-profit-date-range
{
    text-align: left;
    font-weight: bold;
    font-size: 120%;
}

.tax-application-past-due, .tax-application-not-past-due
{
    padding-bottom: 1em;
    font-size: 0.8em;
    opacity:0.5;
}

.tax-application-individualTax
{
    width: 100%;
    table-layout: fixed;
    border-bottom-style: solid;
    margin-bottom: 1em;
}

#tax-application-pay-Tax
{
    text-align: left;
    border-bottom: solid 1px;
    width: 100%;
}

#tax-application-pay-Tax-header { text-align: left }

#tax-application-pay-Tax-type
{
    text-align: left;
    width: 102px;
    height: 35px;
}

#tax-application-pay-Tax-amount
{
    padding-left: 5px;
    text-align: left;
    width: 130px;
}

#tax-application-pay-history
{
    padding-top: 54px;
    padding-bottom: 27px;
    text-align: left;
    border-bottom-style: solid;
    border-bottom-width: 0;
    width: 125px;
}

#tax-application-tax-history td
{
	border-bottom-style: solid;
	border-bottom-width: 1px;
	padding-left: 0.5em;
	padding-top: 0.25em;
	word-wrap: break-word;
}

.tax-application-pay-control
{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 110px;
    font-size: 130%;
}

.tax-application-pay-control-amount
{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 140px;
    font-size: 130%;
}

.tax-application-pay-amount
{
    padding-top: 5px;
    padding-bottom: 5px;
    width: 132px;
    font-size: 130%;
}

#tax-application-table-container
{
    text-align: center;
    vertical-align:top;
}

#tax-application-table-style-right, #lookup-ContentContainer
{
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    border-radius: 10px;
}

#templateId
{
    padding-top: 4px;
    padding-bottom: 4px;
    padding-right: 2px;
    font-size: 105%;
    border-style: solid;
    border-width: 1px;
}

.round_text_box
{
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    border: solid 1px inherit/*#E2E2E2*/;
    margin-bottom: 0px;
    margin-right: 0px;
}

#social-widget-container
{
    border-top-style: solid;
    border-top-width: 0;
    border-bottom-style: solid;
    border-bottom-width: 0;
    vertical-align: bottom;
    text-align: center;
    line-height:1em;
    display: inline-block;
}

#social-widget-container > div { vertical-align: middle} 
#fb-root
{
    display:inline-block;
    margin-left:5px;
}

#social-widget-container td
{
    padding-right: 6px;
    text-align: center;
}

.forgot-password-link
{
    text-decoration: underline;
}

.forgot-password-link button
{
    text-decoration: underline;
}
/*social widget*/

#wrapper
{
    margin: 0 auto;
    text-align: center;
    display:inline-block;
}

hr { margin: 20px 0 }

/* Custom Icons */
.addthis_toolbox .custom_images a
{
    width: 20px;
    height:16px;
    margin: 0;
    padding: 0;
    display:inline-block;
}

.addthis_toolbox .custom_images a img { opacity: 1.0 }
.addthis_toolbox .custom_images a:hover img { opacity: 0.75 }

.addthis_button_compact .at15t_compact {
    margin-right: 4px;
    float: left;
}
.at300m 
{
    margin-right:10px;
}

.login-in-header
{
    margin-left: 50px;
    padding-left: 60px;
}

/* Global Action menu */
#globalActionMenu
{
    margin: 0;
    padding: 0;
    border: 1px;
}

#globalActionMenu li
{
    float: left;
    list-style: none;
    font: 12px Tahoma, Arial;
}

#globalActionMenu li a
{
    display: block;
    padding: 5px 0px 0px 35px;
    text-decoration: none;
    white-space: nowrap;
}

#globalActionMenu li ul
{
    margin: 8px 0 0 0;
    padding: 2px 4px 4px 4px;
    position: absolute;
    visibility: hidden;
    border-style: solid;
    border-width: 1px;
    text-align: left;
    z-index: 999999;
}

#globalActionMenu li ul li
{
    float: none;
    display: inline;
    text-align: left;
}

#globalActionMenu li ul li a
{
    padding: 5px 0px 0px 5px;
    font-weight: bold;
}

/*report style*/

.folder .title-row
{
	background-image: url(../content/images/DefaultIcons/folder-closed.png);
	background-repeat: no-repeat;
	background-position-y: 50%;
	padding: 0;
	padding-left: 35px;
	cursor: pointer;
	line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	background-position:0 5px;
}
.folder .title-row { margin-bottom: 0 }
.folder.expanded .title-row
{
	background-image: url(../content/images/DefaultIcons/folder-open.png);
	margin-bottom: 0.5em;
	background-position:0 5px;
}

.folder ul 
{ 
	display: none; 
	margin-left:35px; 
	line-height: 1em;
}
.folder.expanded ul { display: block }
.folder .tab-active { margin-right: 0px }
.folder .tab, .folder .tab-active 
{ 
	margin-bottom: 0.25em;
	margin-top: 0.25em; 
}

#ReportContentContainer
{
    vertical-align: top;
    padding-top: 8px;
}
#ReportContentContainer h1 { float:left }

#lookup-ContentContainer
{
    vertical-align: top;
    padding-top: -5px;
    padding-bottom: 20px;
}

.lookup-dialog {
    overflow-y: visible !important;
    overflow-x: visible !important;
}
#lookup-ContentContainer
{
    height: 260px;
    overflow-y: auto;
    overflow-x: hidden;
}

/*#ReportPage { padding-top: 15px }*/
#ReportApplication, #UserSetting
{
    margin-right: -2px;
    margin-bottom: 5px;
}
.Report-detail
{
    border-top-style: solid;
    border-top-width: 5px;
    margin-right: 0px;
}
#report-grand-total
{
    padding-bottom: 10px;
    padding-top: 5px;
}

.report-grand-total-summary
{
    font-size: 80%;
}

.report-grand-total-summary .label 
{ 
    display: block; 
}
/*#report-grand-total-summary-lable
{
    font-size: 80%;
    width: 70%;
}
#report-grand-total-summary-value
{
    padding-right: 20px;
    font-size: 85%;
}*/
/*#report-application-title
{
    padding-left: 10px;
    font-size: 130%;
}*/
#reportApplicationChartContainer
{
    padding-bottom: 8px;
    text-align: right;
    display:inline-block; 
    direction:ltr;
}
#report-group-arrow
{
    padding-top: 10px;
    width: 10px;
}
#report-group-record-number
{
    font-size: 105%;
    font-weight: bold;
}
#lookup-window-view-find-style
{
    padding-top: 10px;
    padding-bottom: 10px;
}
#lookup-window-button-style
{
    border: none;
    width: 90px;
    font-size: 150%;
    padding: 5px;
}

#user-setting-homepage { padding: 15px }
.grouping-icon
{
    background-position: right center;
    background-image: url(../content/images/DefaultIcons/Arrow_Bottom.png);
    background-repeat: no-repeat;
}
.grouping-icon.collapsed { background-image: url(../content/images/DefaultIcons/Arrow-Right.png) }

#report-Chart-Header-footer
{
    font-weight: bold;
    padding-bottom: 5px;
    font-size: 120%;
    padding-top: 5px;
    text-align: left;
    vertical-align: middle;
}
#launch-smart-client-bg
{
    background-position: 10px 15px;
    background-repeat: no-repeat;
}
#launch-smart-client-text
{
    font-size: 150%;
    padding-left: 80px;
}
#launch-smart-client-launch
{
    padding-left: 60px;
    padding-top: 60px;
    padding-bottom: 10px;
}

.switchBox
{
    background-image: url('../Content/images/SwitcherBg.jpg');
    background-repeat: repeat-x;
    text-align: center;
    font-size: 16px;
    height: 65px;
    width: 100%;
}
.signin-padding-left
{
    padding-left: 25px;
    font-size: 80%;
}
.footer-with-content
{
    margin: 20px;
    padding: 20px;
}
.footer-without-content
{
    margin: 0px;
    padding: 0px;
}

.toolTip
{
    width: 10px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    font: bold italic 12px serif;
    border-left: 1px solid /*black*/;
}

.toolTip span
{
    top: 50%;
    margin-top: -8px;
    position: absolute;
    padding-left: 3px;
}

.RadScheduler div.rsAptContent { padding-right: 10px }

.disable_auto_complete { autocomplete: off }

.bookme-lable-style
{
    min-width: 80px;
    text-align: left;
}
.Company-log-td
{
    border: 0px;
    width: 100px;
}
.Company-logo
{
    max-height: 140px;
    max-width: 300px;
    min-width: 222px;
    overflow: hidden;
}
.Company-logo.Display
{
    display: block;
    max-height: 140px;
    max-width: 300px;
    overflow: hidden;
}

.Header-table-style
{
    max-height: 140px; /*90px;*/
    min-height: 95px;
}

.login-logout-icon
{
    border: 0;
    margin-right: 5px;
    vertical-align: bottom;
}
.header-logo-icon, .header-logo-icon-bottom
{
    max-height: 90px;
    max-width: 300px;
    padding-right: 0px;
    text-align: center;
    overflow: hidden;
    table-layout: fixed; 
}
.header-logo-icon-bottom
{
    border-bottom-style: solid;
    border-bottom-width: 1px;     
}

.header-logo-icon_Orig
{
    max-height: 140px;
    max-width: 300px;
    padding-right: 0px;
    text-align: center;
    overflow: hidden;
    table-layout: fixed;
}
.apply-reset, .apply-reset:hover
{
    text-decoration: underline;
    padding-right: 10px;
    cursor: hand;
    margin-right: 15px;
    margin-top: 10px;
}
.apply-button
{
    border: 0;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    padding-bottom: 5px;
    padding-top: 15px;
    padding-left: 20px;
    padding-right: 25px;
    margin-right: 10px;
}

filterContainer
{
    vertical-align: top;
    padding-right: 10px;
}
.date-picker-tags
{
    position: absolute;
    display: none;
    border-style: solid;
    border-width: 1px;
    z-index: 100;
    margin-top: 0px;
    padding: 3px;
    width: 200px;
    height: 500px;
    overflow-y: scroll;
}
.textarea-readonly-style
{
    border-width: 0px;
    border-style: none;
    overflow: auto;
    font: inherit;
    resize: none;
}
.appSuite-bottom-border
{ 
	vertical-align: bottom; 
	border-bottom-style: solid;
    border-bottom-width: 3px;   
}
#Default-Logo-Icon-background
{
    width: 222px;
    height: 88px;
    background-repeat: no-repeat;
}

.setup-container
{
    width: 100%; 
    margin-top: 50px;
}
.setup-outside-border
{
    border-style: solid;
    border-width: 5px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
     padding: 25px;
}

#skin-summary-grid td.first
{
	width:15em; 
	max-width:15em;
}
/* -------------------
      TIME PICKER
 -------------------*/

.ui-widget-timepicker {
    font-family: Verdana,Arial,sans-serif;
    font-size: 1em;
}
.ui-widget-content-timepicker {
    border-style: solid;
    border-width: 1px;
}

.ui-state-hover-timepicker {
    border-style: solid;
    border-width: 1px;
    font-weight: normal;
}

.ui-menu-timepicker {
    display: block;
    margin: 0;
    padding: 2px;
    list-style: none outside none;
    z-index:99999;
}
.ui-menu-timepicker .ui-menu-item-timepicker {
    clear: left;
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.ui-menu-timepicker .ui-menu-item-timepicker a {
    display: block;
    padding: 0.2em 0.4em;
    line-height: 1.5;
    text-decoration: none;
}
.ui-menu-timepicker .ui-menu-item-timepicker a.ui-state-hover-timepicker {
    font-weight: normal;
    margin: -1px;
}

.ui-timepicker {
    display: block;
    position: absolute;
    height: 200px;
    text-align: center;
    overflow: auto;
    overflow-x: hidden; /* IE */
}

.ui-helper-hidden-timepicker { display: none }
.ui-div-timepicker { padding: 0px 0px 0px 4px }

.ui-corner-all-timepicker 
{
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}

.timePicker
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 0px 2px 2px;
    background: transparent url(../content/images/ControlIcons/timepickericon.png) no-repeat center right;
}
.pmdatepicker
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 0px 2px 2px;
    background: transparent url(../content/images/ControlIcons/datepickericon.png) no-repeat center right;
}
.pmdatetimepicker
{
    border-style: solid;
    border-width: 1px;
    padding: 2px 0px 2px 2px;
    background: transparent url(../content/images/ControlIcons/datepickericon.png) no-repeat center right;
}
.adjustableDatePickerContainer
{
	display: inline-table; 
	text-align:left;
	min-width:280px;
}

/* -------------------
      Grid Inline Actions
 -------------------*/

.inlineActionsContainer
{
	border-style: solid;
    border-width: 1px;
	padding: 0px 0px;
	margin: 0px;
	position: absolute;
	text-align: left;
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
}
.inlineActionItem
{
	padding: 6px 10px;
	cursor: pointer;
}
.inlineActionItemDisabled
{
	padding: 6px 10px;
	cursor: default;
}
a.inlineActionLinkTextDisabled { text-decoration: none }
.inlineActionItemHover, a.inlineActionLinkText:hover 
{ 
	text-decoration: underline;
}

/* -------------------
      CARD GRID
 -------------------*/
 
 .document_list .card-grid-title {
    height: 40px;
    overflow: hidden;
 }
 
.card-grid-item 
{
	display: inline-block; 
	width: 210px;  	 
	vertical-align: top; 
	border: solid 1px transparent; /* transparent border to hide cell resizing at loading */
	margin-left: -1px; /* Collapse borders */
	margin-top: -1px;
	padding: 10px;
	position:relative;
}

.card-grid-item a
{
	display:block;
	height:100%;
	
	position:relative;
	/* word-wrap: break-word; */ /* Threedots jQuery plugin doesn't work well without this - no longer using ThreeDots */
}

.cardview-container
{
	/* compensate for .card-grid-item negative margins */
	padding-top: 1px;
	padding-left: 1px;
}

.card-grid-imgcontainer
{
	display: block; /* overrided in ie7lte.css: otherwise img is not clickable */
	text-align: left;
	height: 126px; /* img.height + img.padding : usefull if the image is shrinked due to max-width */
	margin-bottom: 10px;
}

.card-grid-imgcontainer img 
{
	border-style: none;
	max-height: 120px;
	max-width: 180px;
}

.card-grid-field
{
	display: block;
	padding-bottom: 0.25em;
}

.card-grid-field img
{
	border: 0px;
	vertical-align: bottom;
	margin-right: 0.5em;
}

.card-grid-field input[type="checkbox"]
{
	margin:0px;
}

.card-grid-title
{
	display: block;
	font-size: 110%;
	font-weight: bold;
	margin-bottom: 0.8em;
}

.card-grid-no-record
{
	display: block;
	margin: 1em;
}

.label-text { overflow: hidden }

.card-grid-item .menu-item.first-level
{
    display: block;
}
/* -------------------
      ONE COLUMN VIEW
 -------------------*/
 
.one-column-view-container .title
{
	padding-left: 0;
}

.one-column-view-container .item
{
	margin-bottom: 1em;
}

.one-column-view-container .blog-post-content, .one-column-view-container .buttons-line
{
	padding: 0.5em;
}

.one-column-view-container .field.image-container
{
	text-align: center;
}

.comments-container
{
	padding: 0.5em;
}

.comments-container .comment
{
	position:relative; /* otherwise some z-index problem with the container top arrow*/
}

.comments-container hr
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

.one-column-view-container .inline-actionmenu, .one-column-view-container .inline-actionmenu .dropdown-container
{
	display:inline;
}

/* -------------------
      FEATURED ITEMS
 -------------------*/

#featuredItems
{
    margin-bottom: 1em;
    text-align:center;
}
                            
#featuredItems > div  
{
    display: inline-block;
    position: relative;
    -ms-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align:top;
    padding: .25em .5em;
    height:100%;
    border-right-style: solid;
}

#featuredItems > div > a { display: block }
/*#featuredItems > div.first-child { padding-left:0 }*/
#featuredItems > div.last-child 
{ 
    padding-right:0;
    border-right-style: none;    
}
                            
#featuredItems.cell-1 > div { width: 100% }
#featuredItems.cell-2 > div { width: 50% }
#featuredItems.cell-3 > div { width: 33% }
#featuredItems.cell-4 > div { width: 25% }
#featuredItems.cell-5 > div { width: 20% }
#featuredItems.cell-6 > div { width: 16.7% }
/*#featuredItems.cell-6 > div:first-child, #featuredItems.cell-6 > div:last-child { width: 16.6% } Bug in IE8 :-(*/
#featuredItems.cell-6 > div.first-child, #featuredItems.cell-6 > div.last-child { width: 16.6% }
                            
#featuredItems > div > div
{
    /*background-color: #FFC549;*/
    padding: .5em; 
    height: 100%;
}
#featuredItems .description { display: none }  
#featuredItems.gt450 .description { display: block }     
                      
#featuredItems.gt450 .img-container
{
    display: table-cell;
}

#featuredItems.gt450 .text-container
{
    display: table-cell;
    vertical-align: top;
    padding-left: .5em;
}

#featuredItems .text-container {
    text-align: left;
    display: inline-block;
    word-break: break-word;
    overflow: hidden;
    height: 70px;
    width: 100%;
}
                            
#featuredItems .img-container { height: 120px }
#featuredItems img 
{ 
    max-height: 120px;
    max-width: 100%; 
}
#featuredItems h3 { padding-left: 0 }
#featuredItems .price { padding-bottom: .5em }
#featuredItems .actionmenu { display: inline-block }
#featuredItems .actionmenu.bottom 
{ 
    position:absolute;
    bottom: 0;
    left: 0;
    height: auto;
    text-align: left;
}
#featuredItems .menu-item.first-level { display: block }

#GridForRecordList > .box-splitter 
{
    margin-bottom: 0;
    padding-top: .25em;
    padding-bottom: .25em;
}

#GridForRecordList > .box-splitter:first-child
{
    margin-bottom: 1em;
}

/* -------------------
      SETUP
	  Many rules are overrided in site-Grey-Theme-ie7lte.css
 -------------------*/

#setupView.layout-leftpanel-main { margin-left: -1em; }
#setupView .box-tab-caption
{
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding-left: 1em;
}
#setupView .left-panel .menu-subsection-container  
{
    padding-left: 1em;
    font-size: smaller;
}
#setupView .left-panel .menu-subsection-container li 
{ 
    padding-left: 1em;
    margin-bottom: 0.25em;
}
#setupView .menu-subsection-container li:last-child { margin-bottom: 0.75em; }

#setupView .tab:hover { opacity: 0.5; }

#setupView .tab a, #setupView .tab-active a
{
	display: block;
	line-height: 1em;
}

#panels-container
{
	display: table;
	border-collapse: separate;
	border-spacing: 0;
	margin-top: 50px;
	width:100%;
}

.layout-table-cell .side-panel, .layout-table-cell .main-panel,
#checkoutContainerTable .right-panel, #checkoutContainerTable .main-panel
{
	display: table-cell;
}
.layout-leftpanel-main.layout-table-cell .main-panel,
#checkoutContainerTable .main-panel
{ 
	width:100% 
}

#pageTree ul
{
	padding-left: 0px;
	list-style-type: none;
	margin-top: 0px;
	margin-left: 0px;
	padding-left: 40px;
}

#pageTree ul li
{
	background-image: url(../content/images/DefaultIcons/icon-object.png);
	background-position: 4px left;
	background-repeat: no-repeat;
	padding:0.25em;
	padding-left: 25px;
}

#pageTree ul li.page
{
	background-image: url(../content/images/DefaultIcons/icon-page.png);
}

#setupView .main-panel .subsection-container
{
	background-image:none;
}

#setupView .main-panel .section 
{
	padding: 0.5em;
	padding-left: 20px;
	margin-left: 0em;
	margin-top:1em;
	margin-bottom: 0.25em;
}

#setupView .main-panel .section span
{
	font-size: 120%;
	font-weight: bold;
}

#setupView .main-panel li > span
{
	vertical-align: middle;
}

#setupView .main-panel ul > li:first-child
{
	-moz-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	margin-top: 0em;
}

.button
{
	padding: 4px 5px 3px;
	border-style: solid;
    border-width: 1px;
	border-radius:5px;
	-moz-border-radius:5px;
	font-size:60%;
	display:inline-block;
	vertical-align: top;
	width: auto;
}

#setupView .button-add
{
	background-image: url(../content/images/Buttons/Add.png);
	background-position: 3px center;
	background-repeat: no-repeat;
	padding-left: 25px;
	margin-left: 2em;
}

#setupView .button-detail
{
	background-image: url(../content/images/Buttons/detail-arrow.png);
	background-position: 96% center;
	background-repeat: no-repeat;
	padding-right: 3%;
	margin-left: 1em;
	visibility: hidden;
}

#setupView .li-line > span
{
	vertical-align: middle;
}

.setup-genericobj-entity img
{
	vertical-align: middle;
	border-width: 0;
	width: 45px;
}

a.setup-genericobj-entity
{
	display: block;
	border-bottom-style: solid;
    border-bottom-width: 1px;
	padding: 2em;
	background-image: url(../content/images/Arrow_grid.png);
	background-position: 98% center;
	background-repeat: no-repeat;
}

a.setup-genericobj-entity > span
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 2em;
}

.setup-genericobj-name
{
	font-size: 120%;
	font-weight: bold;
}

#SetupOnePageIconMenu
{
	display: inline;
	max-height:300px;
}

.setup-onepage .choice-item > div
{
	display: table-cell;
	vertical-align: middle;
	width:40px;
	height:40px;
}
.setup-onepage .choice-item img
{
	max-width:30px; 
	max-height:30px;
	vertical-align: middle;
}

#organizationSummaryTopSection .label
{
    font-size: larger;
    vertical-align:top;
}

#organizationSummaryTopSection img
{
    max-height: 100%;
}

#organizationSummaryTopSection .field-web-control
{
    height: inherit;
}

#organizationSummaryTopSection .field-web-control div
{
    height: inherit;
}

#organizationSummaryTopSection .field { vertical-align:middle }
#PortalURL { width:auto }
#organizationLogoRow .label { vertical-align: top }

#skinSetupForm .subsection-content .field 
{
    display: inline-block;
    width: 65%;
}

.pixels-displayed-value { width: 3em }

/*
Misc
*/
.processing-indicator-container
{
	position: absolute;
	text-align: center;
	margin: 0 auto;
	padding: 0.3em 0.3em;
	width: 150px;
	background-color: white;
}
.multiple-picklist { width:100% }
.multiple-picklist option
{
	padding-left:10px;
	padding-top:5px;
	padding-bottom:5px;
}

/* BUG-024385 */
.field-web-control > img 
{
    max-width:100%;
}
/*.t-grid .last-selected td
{
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}*/

/* The 2 next rules are here to avoid position problem when the page is resized or the input are initialy placed in a display:none div 
and the input placeholders are not native but simulated by the jQuery plugin */
.address-container 
{ 
    position: relative;
    white-space: nowrap 
}
.jq-plugin-placeholder-wrapper { position: relative }

.address-container input, .address-container select { margin-bottom: 0.25em }
.address-container .addr-country { width: 100% }
.address-container .addr-province { display: inline-block; width: 50%; }
.address-container .addr-province select { width: 100% } 
.address-container .addr-zipcode { width: 48% }
.address-container .addr-zipcode { margin-left: 2%; }
.address-container .addr-province select { margin-right: 1% }
.placeholder { padding-left: 0.25em }

label.placeholder, .use-placeholder-style
{
    opacity: 0.65;
    filter: alpha(opacity = 50);
}
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { opacity: 0.65 }
input:-moz-placeholder, textarea:-moz-placeholder { opacity: 0.65 }
label.placeholder, input:placeholder { opacity: 0.65 }

/*input.required-field::-webkit-input-placeholder, textarea.required-field::-webkit-input-placeholder { color:red }
label.placeholder.required-field, input:placeholder.required-field { color:red !important}*/

input:invalid, textarea:invalid { border-color:#F88 !important }
#skinSetupForm input:invalid { background-color: #FCC; color: #8B0000 }

input.validation-error, textarea.validation-error { border-color:#F88 !important }
#skinSetupForm input.validation-error { background-color: #FCC; color: #8B0000 }



/*---------------------
    PM Dialog
---------------------*/

.pm-dialog-overlay {
	background: #666666 url(/Content/images/ControlIcons/overlay.png) 50% 50% repeat;
	opacity: .50;
	filter: Alpha(Opacity=50);
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100% !important;
    z-index: 800;
}

.pm-dialog-overlay.silent {
	background: none !important;
}

.pm-dialog {
    border-width: 13px !important;
    border-style: solid;
	/*width: 400px;
	height: 200px;*/
	position: absolute;
	top: 50% ;
	left: 50%;
	border-radius: 16px;
	box-shadow: 0px 0px 25px -2px black;
	background-color: White;
	color: Black;
    z-index: 2000;
}
.popup-buttons {
    display: inline-block;
}

.pm-dialog.silent {
    border: none !important;
	box-shadow: none;
	background-color: rgba(0, 0, 0, 0);
 }

.pm-dialog-close {
	position: absolute;
	width: 0;
	height: 0;
	border-radius: 15px;
	top: -25px;
	right: -25px;
    border-width: 15px;
    border-style: solid;
}

.pm-dialog-close > div {
	position: relative;
	width:16px;
	height: 16px;
	border-radius: 8px;
	left:-8px;
	top:-8px;
	cursor: pointer;
}

.pm-dialog-close > div:hover {
	color:red;
}

.pm-dialog-close > div > span {
	font-weight: bold;
	font-family: arial;
	font-size: 20px;
	position: relative;
	/*left: -1px;*/
	top: -4px;
	display:inline-block;
	width:100%;
	height:100%;
	text-align:center;
}

.pm-dialog-inner {
	margin: -5px;
	border-radius: 9px;
	position:relative;
}

.pm-dialog-overflow {
    overflow-y: auto;    
}

.pm-dialog-inner > div {
	display:table-row;
}

.pm-dialog-content {
	padding: 5px;
}

.pm-dialog-footer > div {
	position: relative;
	/*border-top: 1px dotted gray;*/
}

.pm-dialog-footer-background {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	/*background-color: black;*/
	opacity: .1;
	filter: Alpha(Opacity=10);
	background-color: White !important;
}

.pm-dialog-buttonpane {
	text-align: right;
	padding: 1em;
	padding-top: 3px;
	position: relative;
    background-color: transparent; 
}

.pm-dialog-buttonpane button 
{
     color: #333;
     font-size: 130%;
}



/*---------------------

---------------------*/

.advanced-input-field {
    border-style: solid;
    min-height: 1em;
}

.advanced-input-field .spacer {
	padding: 0;
	min-width: .25em;
	display:inline-block;
	white-space:nowrap;
	/*background-color: lightblue;*/
	overflow: hidden;
	min-height: 1em;
}

.advanced-input-field .spacer:focus {
	padding: 0 .25em;
	/*margin: 0 .25em;*/
}

.template-snippet { display: none !important}



/* --------------------
      PATCH 
 --------------------*/

/* ---- TELERIK ---- */

/* BUG-018265 */
.RadScheduler .rsHeader { z-index: 98 !important }
/* BUG-024899 */
.RadScheduler .rsArrowContainer { z-index: 98 !important }

/* BUG-023822 */
.t-grid td td { border-style: none }

/* BUG-027185 */
.t-grid .t-state-hover.t-no-data { cursor:default }

/* BUG-025909 */
.rsAdvancedEdit { visibility: hidden !important }

/* BUG-026839 */
.t-grid .t-icon.t-refresh 
{ 
    background-image: url(../content/images/ControlIcons/grid-refresh.png);
    background-position: 0 0;
}

/* BUG-028014 */
.t-grid .gridImageColumn img { display: block;max-width: 35%;}

.t-grid-pager { overflow: hidden !important }

.t-reorder-cue { top: 0 !important }
.RadEditor iframe { border-width: 0 }

.addins-bookme .rsAptContent { white-space: nowrap }
/* ---- jQueryUI ---- */

/* BUG-023864 & BUG-023865 */
.ui-widget {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 85%;
}

/* BUG-024405 */
#imageSelectorContextMenu a { padding-left:5px !important }

/* ---- CKE Html editor ---- */
/* BUG-023868 */
.cke_skin_kama textarea.cke_source 
{
	color: black;
}

.cke_button_toggletoolbar .cke_icon { display:none !important }
.cke_button_toggletoolbar .cke_label { display:inline !important; font-weight:bold; }
.cke_skin_kama .cke_button_image .cke_icon
{
    background-image: url(../content/Images/Buttons/ckeditorInsertImageButton.png) !important;
    width: 65px !important;
    background-position: 0 0 !important;
}

.cke_toolbar { white-space: nowrap; }

.facebook_Sharing
 {
     text-align:center;
     width:400px;
 }
#shopCartRdiv
{
    width: 80px;
}

#shopping-cart-icon
{
    height: 33px;
    background-image:url(../Content/images/DefaultIcons/Cart.png);
    background-repeat: no-repeat;
    cursor: pointer;
    margin-left: -32px;
}

#shopping-cart-icon-occupied
{
    height: 33px;
    background-image:url(../Content/images/DefaultIcons/Cart_Number.png);
    background-repeat: no-repeat;
    cursor: pointer;
    position: absolute;
    cursor: pointer;
}

.shopping-cart-item-count-hidden
{
    position: absolute;
    width: 0px;
    overflow:hidden;
}
.checkout-label-hidden
{
    display: none;
}
.checkout-label-show
{
    margin-top: -25px !important;
    position: absolute;
    cursor: pointer;
}
.shopping-cart-item-count-normal
{
    margin: 4px 0 0 12px;
    position: absolute;
    width: 20px;
    text-align: center;
    font-size: 70%;
    color: #FFFFFF;
    z-index: 1;
}
.shopping-cart-icon-hidden
{
	width:0px;
	padding:0px 0px;
}
.shopping-cart-icon-normal
{
    width: 33px;
    padding: 0 6px 0 0;
}

/*Tool Tip*/
div.tool-tip-message{
	background-color: #FFFFFF;
    border-radius: 4px 4px 4px 4px;
    border: 1px solid #CACACA;
    margin-left: -72px;
    padding: 5px;
    position: absolute;
    z-index: 800;
    display: none;
}

div.tool-tip-message span.tip{
	  background-image: url(../Content/images/DefaultIcons/tip.png);
    background-repeat: no-repeat;
    display: inline-block;
    height: 8px;
    left:80px;
    position: absolute;
    top: -8px;
    width: 26px;
}

div.tool-tip-message p{
	color: #808080;
    font-family: "open sans",verdana;
    font-size: 13px;
    font-weight: 500;
    margin: 0;
    padding: 0;
}

/*#filterEditorPopup select { color: #333 }*/
.reToolbar.Default .FormEditor
{
   background-image: url(../content/images/DefaultIcons/formeditor.png) !important;
}
#grdDocuments td { line-height: 22px; }
.restorePageHistoryItem {
    display: inline-block;
    white-space:nowrap;
    font-size: 80%;
    padding: 4px;
}
.cancelList {
    padding: 0px 0px 10px;
}

.boxShadowImgLayout {
   margin-top: 3px;
   box-shadow: -1px 0px 3px 2px #bababa; 
   padding:4px;
   border-collapse: separate;
   max-width: 100%;
}

/*--------------------------------------
         Custom Buttons
--------------------------------------*/
.pm-button, .pm-button-more
{
    height: 17px; /* !important;*/
	cursor: pointer;	
    max-width: 80px;
	min-width: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0px 0 #fff;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	margin: 6px 0px 6px 0px;     
	padding: 6px 10px 5px 10px;
    text-align: center;
    font: inherit;    
}

.pm-button, .pm-button-more
{
    margin: 5px 0 0 -2px;
    font-size: 12px !important;
    font-weight: 400 !important;
}

.pm-button:hover, .pm-button-more:hover
{
    background-color: transparent;  
}

.pm-button-menu-item, .pm-button-menu-item:hover
{
    height: 18px !important;
    overflow: hidden;
    text-overflow: ellipsis;
    text-shadow: 0 0px 0 #fff; 
    font-size: 	13px !important;
    font-weight: 400 !important; /*700;*/
    width: 92%;
    padding: 5px 0px 6px 12px !important;
    margin: 0px 0px 0px 0px !important;
    border: 0 !important;
	border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	font: inherit;   
}

.pm-button-more 
{
    margin: 5px 2px 0 -1px;
    text-align: left;
    min-width: 22px;    
	border-top-left-radius: 0;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius-topleft: 0;	
	border-bottom-left-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-bottomleft: 0;
	border-left-color: transparent !important;
	border: solid 1px #A9A9A9 !important;  
}

.pm-button.middle {
    border-left-color: transparent !important;
}

.pm-button.disabled, .pm-button.left.disabled, .pm-button.right.disabled,
.pm-button.disabled:hover, .pm-button.left.disabled:hover, .pm-button.right.disabled:hover,
.pm-button-menu-item.disabled, .pm-button-menu-item.left.disabled, .pm-button-menu-item.right.disabled,
.pm-button-menu-item.disabled:hover, .pm-button-menu-item.left.disabled:hover, .pm-button-menu-item.right.disabled:hover,
.toggle-button.disabled
{
	cursor: default;
	opacity: 0.3;
    filter:alpha(opacity=30);
}
.buttons-bar #newObject .label {width: 26px;}
.buttons-bar #multipleDeleteButton .label {width: 35px;}
/*--------------------------------------
         System Buttons
--------------------------------------*/
.pm-action-button {
    font-size: 13px !important;
    font-weight: 700 !important;
    padding-left: 15px;
    padding-right: 15px;
    float: none;
    /*background: #EAEAEA !important;               
    border: solid 1px darkgray !important;*/
    
}

.pm-action-button .label {
    width: auto !important;
}

.pm-action-blue {
    padding-left: 0px !important;
    padding-right: 10px !important;
}
.freezedisable{
    cursor: default;
    opacity: 0.3 !important;
}
.pm-text-button {
    font-size: 12px !important;
    font-weight: 700 !important;
    padding-left: 0;    
}

/* Reports system buttons */
.pm-reports-apply-button, .pm-reports-reset-button
{
    display: block;  
    height: 19px;
    width: 60px;
    margin-right: 10px;
    padding-left: 6px;
    padding-right: 10px;   
    padding-bottom: 4px;
    padding-top: 4px;    
}

.pm-reports-reset-button
{
    padding: 5px 10px 5px 1px;
}

.buttons-bar .label, .button .label {
    font-size: 12px !important;
    font-weight: 700 !important;
    width: auto;
}
.buttonNew 
{
    padding: 3px 0px 4px 12px !important;
}
.buttonEdit {
    padding: 4px 4px 3px 8px !important;
    margin-top: 5px !important;
}
.buttonDelete {
    margin-right: 6px !important;
    margin-top: 6px !important;
}
#previousNextButtonsContainer a.button {
    height: 17px;
    margin: 0;
    padding: 0;
    width: 17px;
    display: inline;
}

#previousNextButtonsContainer a.button .icon {
    margin-left: 0;
    margin-right: 0;
    width: 13px;
}

/*--------------------------------------
         Global Search style 
--------------------------------------*/
.hideShowGlobalSearchTable
{
    display: none;
    padding-right: 5px;
    position: relative;
    right: 8px;
    z-index: 99;
}

#globalSearch {
    background-color: #F0F0F0;
    background-position: left top;
    background-repeat: repeat-x;
    border: 1px solid #B9B9B9;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;   
    width: 300px;
}
#globalSearch .searchInput {
    background-image: url("images/globalsearch-inside-search.png");
    background-position: 184px center;
    background-repeat: no-repeat;
    background-color: #fff;
    border-radius: 0px;
    -moz-border-radius: 0px;
    border: 1px solid #B9B9B9;
    font-size: 11px;
    height: 22px;
    line-height: 22px;   
    margin: 15px 15px 10px 12px;
    padding-left: 8px;
    padding-right: 20px;   
    width: 243px;
    color: #333 !important;
    margin-left: 12px;
    padding-left: 30px;
    padding-right: 1px;    
}
#globalSearch #results {
    margin-top: 8px;
}
#globalSearch #results .head {
    background-color: #DEDEDE;
    color: #999898;
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
    padding: 5px 15px;
}
#globalSearch #results .section-content {
    color: #3B3B3B;
    margin-bottom: 5px;
     padding: 7px 15px 5px;
    display: block;
}
#globalSearch #results .section-content ul {
    list-style: none outside none;
    margin: 0;
    padding: 7px 15px 5px;
}
#globalSearch #results .section-content ul li {
    margin-bottom: 8px;
}
#globalSearch #results .section-content table{   margin-bottom: 8px; }
#globalSearch #results .section-content td.left{ font-size:13px;font-weight:bold;padding-right:  6px;}
#globalSearch #results .section-content td.middle{font-size:10px;font-weight:normal;padding-top:2px;padding-right: 6px;}
#globalSearch #results .section-content td.right{font-size:10px;font-weight:normal;padding-top:2px;}


#globalSearch #global-search-popup-content{ padding: 0px !important;}
#globalSearch #previewCOntent{ padding: 0px !important;}
#all-results {
    background-color: #E7E7E7;
    border-bottom-left-radius: 8px;
    border-bottom-right-radius: 8px;
    color: #999898;
    font-size: 14px;
    font-weight: bold;
    padding: 7px 15px;
    text-align: center;
}
#all-results a {
    color: #74A4D1;
    text-decoration: none;
}
#all-results a:hover {
    color: #74A4D1;
    text-decoration: none;
}
#globalSearch.search-closed #results {
    display: none;
}
#globalSearch.search-open #results {
    display: block;
}
.clearme {
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
}

.setFontsPopup {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 85%;    
}

.setFontsRewardsPopup {
   font-size:1.2em;
    margin-top: 10px;  
    font-family: Arial,Helvetica,sans-serif;   
}

.saveDocPopup {
   padding-left:170px !important;
}

.documents {
     font-family: tahoma;
    font-size: 12px;
    font-weight: bold;
    padding: 10px;
}
    
.emailSpanNewFolder {

    width: 78px !important;
}

/*--------------------------------------
         Header Layout style 
--------------------------------------*/
#appsuite-nav .arrow.bottom
{
    position: absolute;
    bottom: -7px;
    left: 50%;
    margin-left: -5px;
    display: none;
}

#appsuite-nav .tab-active + .arrow.bottom, #appsuite-nav .tab:hover + .arrow.bottom
{
    display: none;
}

#appsuite-nav li { position: relative; }

#appsuite-nav .arrow.right, li > .arrow 
{ 
    border-left-color: #8c8c8c 
}

#appsuite-nav .arrow.bottom, li.expanded > .arrow 
{ 
    border-top-color: #8c8c8c 
}

#appsuite-nav .arrow.left { border-right-color: #8c8c8c}
#appsuite-nav .arrow.top { border-bottom-color: #8c8c8c}

.subsection-header {}
.subsection-header .box-splitter {height: 26px; padding-top: 6px; padding-bottom: 6px; margin-top: 15px;}
.subsection-header-text {float: left; margin-top: 2px; margin-bottom: 0px; height: 21px;}
.subsection-header-buttons {}
.subsection-header-buttons a.button {margin-bottom: 0px;margin-top: 0px;}
.subsection-header-buttons a.left, .subsection-header .one-button a {margin-left: 18px;}
.subsection-header-buttons a.button {border:none !important; background-color:transparent !important;}

/*--------------------------------------
         Prev/Next Buttons style 
--------------------------------------*/
#previousNextButtonsContainer a.button {
    border-left-width: 1px;
    border-radius: 1px 1px 1px 1px;
    border-top-width: 1px;
    padding: 5px 8px 5px 5px;
}

#previousNextButtonsContainer a.button span.icon63 {
    margin-left: 2px;
}

/*--------------------------------------
         Save/Cancel Buttons style 
--------------------------------------*/
#submitLink.button-save, #submitTemplateLink.button-save, 
#submitLinkVisible.button-save, #submitTemplateLinkVisible.button-save
{
    height: auto;
    width: auto;
    /*background-image: none;*/
    /*background-color: transparent;*/
    border: none;
    vertical-align: middle;
}

#submitLink.button-save:hover, #submitTemplateLink.button-save:hover, 
#submitLinkVisible.button-save:hover, #submitTemplateLinkVisible.button-save:hover { /*background-image: none;*/ }

#submitCancelLink.button-cancel, 
#submitCancelLinkVisible.button-cancel
{
    margin-top: none;
    margin-left: none;
    text-align: none;
    text-decoration: none;
    vertical-align: none;
}

/*--------------------------------------
         Left Panel button icon style 
--------------------------------------*/
.viewDropdownItemEdit  .button.edit{float:left;display:inline-block;padding:0px;width:12px;}
.viewDropdownItemEdit  .button.trash{position: absolute; float:right;display:inline-block;padding:0px;width:12px;}
.viewDropdownItemEdit  .ddm span.icon, 
.viewDropdownItemEdit  button span.icon, 
.viewDropdownItemEdit  .button span.icon {
	background-image: url(//apps.perfectmind.com/content/google-plus-ui-buttons/images/google-ui-sprite-gray.png) !important;
	display: inline-block;
	float: left;	
	line-height: 12px;
	height: 12px;
	width: 12px;
	max-width: 12px;	
	overflow: hidden;
	text-indent: -9999px;	
	background-repeat: no-repeat;	
	-webkit-transition: background-image 0.20s linear;
	-moz-transition: background-image 0.20s linear;
	-o-transition: background-image 0.20s linear;
	transition: background-image 0.20s linear;
}

#currentViewPopup .button{border:none !important; background:none !important;padding:0px !important;margin:30px 0px 0px 0px !important;}
#currentViewPopup .button span{padding:0px !important;}
#currentViewPopup .button span.icon{margin-left:0px !important;}
#currentViewPopup .viewDropdownItemEdit {width:42px !important;}
#viewSelector #currentViewPopup .viewDropdownItemEdit {width:20px !important;}
#currentViewPopup .viewDropdownItemEdit a.button{border:none !important; background:none !important;padding:0px !important;margin:0px 2px 0px 7px !important;}
#currentViewPopup .viewDropdownItemEdit .button span{padding:0px !important;}
#currentViewPopup .viewDropdownItemEdit .button:hover{border:none !important; background:none !important;padding:0px !important;}
#currentViewPopup .viewDropdownItemEdit .button:hover span{padding:0px !important;; }
#currentViewPopup .viewDropdownItemEdit button, .viewDropdownItemEdit .button{height:12px;margin:2px 4px !important;}
#currentViewPopup .viewDropdownItemEdit .ddm:hover span.icon, 
#currentViewPopup .viewDropdownItemEdit  button:hover span.icon, 
#currentViewPopup .viewDropdownItemEdit  .button:hover span.icon {
	background-image: url(//apps.perfectmind.com/content/google-plus-ui-buttons/images/google-ui-sprite-colour.png) !important;
}
span.icon201 {background-position: 0px -180px !important;}
span.icon202 {background-position: -18px -180px !important;}

/*--------------------------------------
         Book Me - Confirm booking styles
--------------------------------------*/
#confirm-booking-info td.label {
    text-align: left;
}

#FacebookSignupContainer span {
    height: 25px;
    width: 78px;    
}

#FacebookSignupContainer .fb-login-button-container {
    margin-top: 0;
    /*background-image: url(../Content/Images/Buttons/Facebook_Button.png);*/
}
/*
#FacebookSignupContainer .pluginFaviconButton { background-color: transparent; }
#FacebookSignupContainer .sx_login-button_large,
#FacebookSignupContainer .pluginFaviconButton:active .pluginFaviconButtonIcon, 
#FacebookSignupContainer .pluginFaviconButton .pluginFaviconButtonIconActive { display: block; }
#FacebookSignupContainer .pluginFaviconButtonBorder {visibility: visible;}*/
/*
#signInLoginContainer .color-main-color { display:none;}
#signInLoginContainer .gradient-button { display:none;}
*/

/*--------------------------------------
         Planner styles
--------------------------------------*/
.planner-resource:last-child hr { display:none}

/*--------------------------------------
         Contact Detail Layout styles
--------------------------------------*/
.body[data-table="Contact"] .buttons-line .table-first-col
{
    padding-right: 21px !important;
}

.body[data-table="Contact"] .buttons-line .table-second-col
{
    min-width: 607px;
}

.body[data-table="Contact"] .buttons-line #previousNextButtonsContainer
{
    min-width: 66px;
}
.freezeTransactionWarning {
    margin-top: 10px !important;   
}
.freezeTransactionStyle   
{   
    padding-left: 20px;
    list-style-image: url(../content/images/DefaultIcons/BookMe-Arrow.png);
}

/*--------------------------------------
         Input Place Holder styles
--------------------------------------*/
/* .loginPlaceHolder {color: black!important;} */
/*
.loginPlaceHolder[type="text"] {color: grey!important;}
.loginPlaceHolder[type="password"] {color: grey!important;}
#signInLoginContainer input[type="checkbox"] {color: grey!important;}
*/

/** Fix space between location picker and other side menu item works for default and custom theme  **/
#OrgMenu{
     margin-left:11px;
}

#listMultiLocPicker{
    margin-left:6px;
}

.smallButton 
{
    padding: 0;
    margin: 0 5px 0 5px;
    height: 20px !important;
    float: none;
}

/*-------| Agreement |-------*/

div.spacer{
	height:30px;
	display: block;
}

.agreement-wrapper{
	width:620px;
	padding:30px;
	padding-bottom:20px;
	background-color:white;
	/*margin-top:160px;*/
	margin-left: auto;
	margin-right:auto;
}

.agreement-wrapper h3{
	padding:0px;
	margin-top:0px;
	margin-bottom:15px;
	font-family: 'Myriad Pro';
	font-weight: normal;
	font-size: 18px;
	color:#0C7895;
}

.agreement-wrapper p{
	padding:0px;
	margin-top:0px;
	margin-bottom:20px;
	font-family: 'open sans';
	font-weight: normal;
	font-size: 13px;
	color:#3C3C3C;
}

span.bold{
	font-weight: 600;
}

.agreement-wrapper a.link-style{
	font-family: 'open sans';
	color:#4B8CF4;
	font-size: 12px;
	padding:0px;
	margin:0px;
}

.agreement-wrapper a.link-style:hover{
	text-decoration: none;
}

 a.learn-more{
 	display: block;
	margin-top:-10px !important;
}

div.spacer{
	height:30px;
	display: block;
}

span.dark{
	color:#161616;
	font-weight: 600;

}

.large{
	font-size: 15px !important;
	margin-bottom:10px !important;
}

.agreement-wrapper .agree{
	float:left;
	margin-right:5px;
}

.agreement-wrapper .float-right {
    float: right !important;
}

.agreement-wrapper .buttons-line-popup{
	 margin-left: 14px;
     padding-bottom: 30px;
}

/*-------| Wizard |-------*/

.wizard-wrapper {
	width:620px;
	padding:30px;
	padding-bottom:20px;
	background-color:white;
	/*margin-top:160px;*/
	margin-left: auto;
	margin-right:auto;
	position: relative;

}

.wizard-wrapper .left-cell{
	width:55%;
	height:250px;
	display: inline-block;
	float: left;
}

.wizard-wrapper .right-cell{
	width:45%;
	height:250px;
	display: inline-block;
}


.wizard-wrapper input.default {
    border: 1px solid #CECECE !important;
    border-radius: 5px 5px 5px 5px;
    color: #000000 !important;
    font-size: 12px;
    height: 29px;
    margin-bottom: 0px;
    padding: 0px 5px;
    width: 250px;
    background-color: white;
}
.wizard-wrapper input.default:hover {
    border: 1px solid #AAAAAA;
}
.wizard-wrapper input.default:focus {
    border: 1px solid #AAAAAA;
    box-shadow: 2px 1px 2px 0 #DDDDDD inset;
    outline: medium none;
}

.wizard-wrapper .icon-input {
    background-image: url("../content/images/broadcast/cal-icon.png");
    background-position: 98% center;
    background-repeat: no-repeat;
}

.notIE label:after {
    background: url("../content/images/broadcast/drop-down-arrow-grey.png") ;
   background-repeat: no-repeat;
    background-color:white;
    background-position: 40% center;
    content: "";
    display: inline-block;
    height: 27px;
    pointer-events: none;
    position: absolute;
    right:5px;
    top: 1px;
    width: 23px;
    border-radius: 4px 4px 4px 4px !important;
}

@-moz-document url-prefix() {
    .notIE label:after{
    right:4px;
   }
    .shopping-cart-item-count-normal
    {
        margin: 3px 0 0 12px;
        position: absolute;
        width: 20px;
        text-align: center;
        font-size: 70%;
        color: #FFFFFF;
        z-index: 1;
    }
}

.wizard-wrapper label {
    display: inline-block;
    position: relative;
}

.wizard-wrapper select {
	font-family: 'open sans';
    background-color: #FFFFFF;
    /*
    border: 1px solid #CECECE;
    */
    border: 1px solid blue;
    border-radius: 4px 4px 4px 4px;
    line-height: 23px;
    color: #000;
    display: inline-block;
    margin-bottom: 8px;
    outline: medium none;
    padding: 4px 3px 5px 5px;
    width: 260px;
    font-weight: 600;
}

.wizard-wrapper select:hover {
    border: 1px solid #AAAAAA;
}


.wizard-wrapper .voice{
	font-family: 'open sans';
	font-size: 16px;
	color:#4A8BF6;
	padding:5px 0px 5px 30px;
	background-image: url(../content/images/broadcast/phone-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

.wizard-wrapper .voice-disabled{
	font-family: 'open sans';
	font-size: 16px;
	color:#B2B2B2;
	padding:5px 0px 5px 30px;
	background-image: url(../content/images/broadcast/phone-icon-grey.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

.wizard-wrapper .sms{
	font-family: 'open sans';
	font-size: 16px;
	margin-left:25px;
	color:#4A8BF6;
	padding:5px 0px 5px 30px;
	background-image: url(../content/images/broadcast/sms-icon-blue.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

.wizard-wrapper .sms-disabled{
	font-family: 'open sans';
	font-size: 16px;
	margin-left:25px;
	color:#B2B2B2;
	padding:5px 0px 5px 30px;
	background-image: url(../content/images/broadcast/sms-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	cursor: pointer;
}

.wizard-wrapper span.reload-icon{
	background-image: url(../content/images/broadcast/refresh-icon.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	width:14px;
	height:19px;
	margin-top:43px;
	margin-left:8px;
}

.wizard-wrapper span.play-icon{
	background-image: url(../content/images/broadcast/PlayBTN_S.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	position: absolute;
	width:30px;
	height:30px;
	margin-top:43px;
	margin-left:8px;
}

.wizard-wrapper .sound-file-container{
	height: 59px;
	width:248px;
	padding:8px 5px 8px 5px;
	border:1px dashed #000;
    display: inline-block;
	position: relative;
}

.wizard-wrapper .file-name{
	font-family: 'open sans';
	font-size: 12px;
	color:#4f4f4f;
	margin-top:17px;
	margin-left:4px;
	float: left;
	max-width: 110px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.wizard-wrapper span.file-delete-icon{
	background-image: url(../content/images/broadcast/delete-icon.png);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	width:14px;
	height:15px;
	margin-top:20px;
	margin-left:8px;
}

.wizard-wrapper span.file-progress-icon{
	background-image: url(../content/images/Site/ProgressAnimation.gif);
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	width:14px;
	height:15px;
	margin-top:20px;
	margin-left:128px;
	position: absolute;
}

#btnUpload.action.file-upload-btn{
    position: absolute;
    right: 0;
    top: 27px;
}

.wizard-wrapper .file-upload-btn{
	float:right;
	margin-top:12px;
}

.wizard-wrapper .right-cell h4{
	padding:0px;
	margin-top:20px;
	margin-bottom:10px;
	font-family: 'open sans';
	font-weight: 600;
	font-size: 13px;
	font-style: normal;
	color:#000;
}

.wizard-wrapper .right-cell p{
	padding:0px;
	margin-top:0px;
	margin-bottom:10px;
	font-family: 'open sans';
	font-weight: 300;
	font-size: 12px;
	color:#000;
}

.wizard-wrapper .right-cell p.terms{
	font-size: 13px;
	font-weight:600;
}

.wizard-wrapper .right-cell p.terms a{
	font-size: 13px;
	color:#5584FF;
	text-decoration:underline;
}

.wizard-wrapper .right-cell p.terms a:hover{
	text-decoration:none;
}



.wizard-wrapper .buttons-line-popup{
	float: right;
	margin-top:1px;
	text-align: right;
}

.wizard-wrapper .sound-file-container button.action .label, .wizard-wrapper .button.action .label {
    padding: 0 3px !important;
}

.wizard-wrapper #objectPageLayoutSection label {
    display: none;
}

.wizard-wrapper  #label_00000000-0000-0000-0000-000000000000 {
    display: none;
}



.wizard-wrapper .field{
	width: 220px;
}

.wizard-wrapper td.label {
    padding-left: 0px;
}

:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000{
    position: relative;
    right: 32px;
    top: -5px;
}

.wizard-wrapper span.reload-icon {
    margin-left: 0px;
    margin-top: 0px;
    position: absolute;
}

.wizard-wrapper span.play-icon {
    margin-left: 269px;
    margin-top: 0px;
    position: absolute;
}

.wizard-wrapper td.label{
    width:0px !important;
    display: none !important;
}

.wizard-wrapper td.field{
    padding-left:0px !important;
}

.wizard-wrapper .uploadTitle {
    font-family: 'open sans';
    font-size: 12px;
}

:not(#imgbtn-00000000-0000-0000-0000-000000000000.bookme-attendee-wrapper) #imgbtn-00000000-0000-0000-0000-000000000000 {
    position: relative;
    right: 52px;
}

.printandexport {
    margin-left: 10px;
    float: right;
    display: none;    
}
.printgrid
{
    background-image: url(../content/images/buttons/Print.png);
    padding-left: 25px;
    background-repeat: no-repeat;
    padding-right: 15px;
}
.exportGrid {
    background-image: url(../content/images/buttons/Print.png);
    padding-left: 25px;
    background-repeat: no-repeat;
}
#inprogressIcon {
    position: relative;
    top: -30px;
    text-align: center;
    display: none;
}

.print-btn{
	color:#9f9f9f;
	cursor: pointer;
	font-size: 11px;
	font-family: 'open sans' !important;
	background-image:url(images/printer-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px;
	font-style: normal;
    margin-right: 5px;
}
.print-btn:hover{
	color:#3793f2;
	background-image:url(images/printer-icon-blue.png);
}

.export-btn{
	color:#9f9f9f;
	cursor: pointer;
	font-size: 11px;
	font-family: 'open sans' !important;
	background-image:url(images/export-icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left:18px;
    font-style: normal;
}
.export-btn-dashboard{
    font-family: Arial !important;
    font-size: 14px !important;
    

}
.export-dis{
    background-image: url(images/export-icon-dis.png) !important;
    cursor: progress !important;
    color: #E0E0E0 !important;
}

.export-dis:hover{
    background-image: url(images/export-icon-dis.png) !important;
    cursor: progress !important;
    color: #E0E0E0 !important;
}


.export-btn:hover{
	color:#3793f2;
	background-image:url(images/export-icon-blue.png);
}

.wizard-wrapper span.send-progress-icon {
    background-image: url("../content/images/Site/ProgressAnimation.gif");
    background-repeat: no-repeat;
    cursor: pointer;
    display: inline-block;
    height: 15px;
    width: 14px;
    margin-top: 12px;
    position: absolute;
    right: 16px;
}

.wizard-wrapper #btnSelect{
	left: 170px;
    margin-top: 12px;
    position: absolute;
}

/* Chrome only css hack - Should only be applied to Broadcast */
/*

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	.notIE label:after{right:8px !important;}
}

@media screen and (-webkit-min-device-pixel-ratio:0)
{ 
	.wizard-wrapper .box, .search-box, .search-box input, select, .box input, .box textarea, .box select, .box button, #memberSignInSplitterOr, #ViewPickerViewName, .colors-main-content {
	background-color: white !important;
	}
} */

/*------| Error message css ~ Tyson|------*/

.error-message{
	background-color:#f00000;
	border-radius: 10px;
	color:white;
	font-family: 'open sans';
	padding:6px 8px 6px 8px;
	position: relative;
	width:272px;
}

.error-message p{
	font-size: 12px;
	margin-bottom:10px;
	margin-top:0px;
	padding:0px;
}

.error-message p:last-child{
	margin-bottom:0px;
}

.error-message strong{
	font-size: 12px;
	font-weight: 600;
	text-decoration: underline;
	text-transform: capitalize;
}

.error-message span.error-icon{
	background-image: url(../content/images/error-message-warning-icon.png);
	background-position: center center;
	background-repeat: no-repeat;
	display: inline-block;
	height:23px;
	left:-40px;
	position: absolute;
	width:26px;
}

/*------| End of error message css|------*/

/*----- |Invoice prosses pop up| ------ */

input:focus {outline: none;}

#invoiceProcessNowPopup input{
	border-radius: 5px;
	border:1px solid #cecece;
	color:#000;
	font-family: 'open sans';
	font-size: 12px;
	height:18px;
	margin-bottom:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
}

#invoiceProcessNowPopup input:hover{
	border:1px solid #aaa;

}

#invoiceProcessNowPopup input:focus{
	border:1px solid #aaa;
	-webkit-box-shadow: inset 1px 2px 2px 0px #dddddd;
  	-moz-box-shadow: inset 1px 2px 2px 0px #dddddd;
  	box-shadow: inset 2px 1px 2px 0px #dddddd;
}

#invoiceProcessNowPopup .processNowPopupLabel{
	width:110px;
}

#invoiceProcessNowPopup .error-message{
	margin-left:130px;
}

#AmountToPay{
	width:270px;
}

#processInvoiceNowForm label{
	margin-right:20px;
}

/*------| Select box stylings for Invoice processing pop up|------*/

#invoiceProcessNowPopup .select-styles-large{
   background-position: left center;
   background-repeat: no-repeat;
   height: 29px;
   margin-bottom:8px;
   overflow: hidden;
   position: relative;
   width: 290px;
}

#invoiceProcessNowPopup .select-styles-large select{
	font-family: verdana;
	font-size: 11px;
	padding-bottom:7px;
	padding-left:6px;
    /*background: transparent;*/
    border-radius: 0;
    border: 0;
    font-weight: 600;
    height: 29px;
    padding-top:6px;
    width: 106%;
   -webkit-appearance: none;
   letter-spacing: 0.1px
}

#invoiceProcessNowPopup {
	/*background-image:url(../content/images/select-background.png);*/
	background-position: left center;
	background-repeat: no-repeat;
}
#PaymentMethodForInHouse {
    	background-image:url(../content/images/select-background.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#FinanceInfoIdToUseForInHouse {
    	background-image:url(../content/images/select-background.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#invoiceProcessNowPopup .visa{
	background-image:url(../images/select-background-visa.png) !important;
	padding-left:40px !important;
}

#invoiceProcessNowPopup .master-card{
	background-image:url(../images/select-background-mc.png) !important;
	padding-left:40px !important;
}

#invoiceProcessNowPopup #pay-now-cc-number{
	width:280px;
}

#invoiceProcessNowPopup .details-link{
	color:#036EC4;
	cursor: pointer;
	font-family: 'open sans';
	font-size: 11px;
	left:210px;
	margin-top:6px;
	position: absolute;
}

#invoiceProcessNowPopup .details-link:hover{
	cursor: pointer;
	text-decoration: underline;
}

#invoiceProcessNowPopup .details-link a{
	color:#036EC4;
	text-decoration: none;
}


/*------| Select box stylings for invoice process pop up|------*/


.select-styles-large{
   background-position: left center;
   background-repeat: no-repeat;
   height: 29px;
   margin-bottom:8px;
   overflow: hidden;
   position: relative;
   width: 290px;
}

.select-styles-large select{
	font-family: verdana;
	font-size: 11px;
	padding-bottom:7px;
	padding-left:6px;
    background: transparent;
    border-radius: 0;
    border: 0;
    font-weight: 600;
    height: 29px;
    padding-top:6px;
    width: 106%;
   -webkit-appearance: none;
   letter-spacing: 0.1px
}

#FinanceInfoIdToUseForBillingDirect,#FinanceInfoIdToUseForInHouse {
    background-image:url(../content/images/select-background.png);
	background-position: left center;
	background-repeat: no-repeat;
}

.visa{
	background-image:url(../content/images/select-background-visa.png) !important;
	padding-left:40px !important;
}

.master-card{
	background-image:url(../content/images/select-background-mc.png) !important;
	padding-left:40px !important;
}

#pay-now-cc-number{
	width:280px;
}

.details-link{
	color:#036EC4;
	cursor: pointer;
	font-family: 'open sans';
	font-size: 11px;
	left:210px;
	margin-top:6px;
	position: absolute;
}

.details-link:hover{
	cursor: pointer;
	text-decoration: underline;
	
}

.details-link a{
	color:#036EC4;
	text-decoration: none;
}

/*------|input radio button for invoice process now pop up|------*/

#invoiceProcessNowPopup td > span > input[type='radio'],
#invoiceProcessNowPopup td > span > input[type='checkbox'] 
{
    opacity: 0;
}

#invoiceProcessNowPopup td > span > input[type='radio'] + label,
#invoiceProcessNowPopup td > span > input[type='checkbox'] + label {
    margin: 0;
    clear: none;
    padding: 5px 0 4px 24px;
    /* Make look clickable because they are */
    cursor: pointer;
    background: url(../content/images/radio-blank.png) left center no-repeat;
}

#invoiceProcessNowPopup td > span.green > input[type='radio']:checked + label {
    background-image: url(../content/images/radio-green.png);
}

#invoiceProcessNowPopup td > span.red > input[type='radio']:checked + label {
    background-image: url(../content/images/radio-red.png);
    color:red;
    font-weight: 600;
}

#invoiceProcessNowPopup .checkbox-set1{
	font-family: 'open sans';
	font-size: 13px;
}

.ajax-loading
{
    background-position: right center !important;
    background-image: url(../content/images/ControlIcons/ajax-loader.gif) !important;
    background-repeat: no-repeat !important;
    opacity: 0.7 !important;
}

/*---------disabled background scrolling for kendo ui window------*/

.overflowHidden
{
    overflow:hidden;
    }

/*----------end-----------------*/

/*--------------------------------------
           UI Elements 2013
--------------------------------------*/

/*-------|Tags|------*/

.notification-tag{
	display: block;
	width:60px;
	height:30px;
	background-color:#8A8A8A;
	font-family:'open sans', arial;
	color:#fff;
	font-size: 12px;
	font-weight: 500;
	text-align: center;
	border-radius: 4px;
	line-height: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
    white-space: nowrap;
    margin-left:auto;
    margin-right:auto;
}

.notification-tag.red{
	background-color:#D94A3C !important;
}

.notification-tag.green{
	background-color:#8DCA35 !important;
}

.notification-tag.small{
	width:60px;
	height:19px;
	font-size: 11px;
	font-weight: 400;
	border-radius: 4px;
	line-height: 20px;
}

.notification-tag.left{
	float:left;
	clear: both;
}

.notification-tag.right{
	float:right;
	clear: both;
}

.email-error-msg{
    background-color:#FFABA8;
    color:#000000;
    font-size:13px;
    font-family: 'verdana' !important;
    padding:10px;
    border:2px solid #E78278;
    border-radius: 12px 12px 12px 12px;
    display: block;
    text-align: left;
    margin-left: 73px;
    width: 90%;
}


/*-------|End Tags|------*/



/*-------|Start Beta Icon|------*/

.beta-icon
{
    background-image:url(Images/Site/Beta_01.png);
    background-repeat:no-repeat;
    background-position: top right;
    padding-top:7px !important;
}

body.socialsite-page .beta-icon
{
    background-image:url(Images/Site/Beta_01.png);
    background-repeat:no-repeat;
    background-position: top right;
    padding-top:0px !important;
}

/*-------|End Beta Icon|------*/

/*--------------------------------------
          End UI Elements 2013
--------------------------------------*/