/* 
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
		
		SMSLink
		Frontend Layout Mobile v.2.0
		(C) 2008 - 2024 - ASTINVEST COM SRL. All rights reserved.
		
	----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/

/* Body */

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

body { margin: 0; padding: 0; border: 0; text-align: center; background: url('../../../graphics/background-mobile.jpg') top repeat-x scroll #0C82A8; font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px; text-align: center; }

div#page { clear: both; width: 95%; margin: 0 auto; padding: 0; border: 0; text-align: center; }

/* Header */

div#page div#header { clear: both; width: auto; margin: 0; padding: 5px 0 5px 5px; border: 0; text-align: left; }

/* Content */

div#page div#content { background: #FAFAFA; margin: 0 auto; padding: 10px 10px 10px 10px; border-radius: 5px 5px; background: #FFFFFF; border: 1px #EAEAEA solid; }

/* Page Title */

div#page div#content div#page-title { clear: both; margin: 2px 0 5px 0; padding: 0 0 10px 10px; border-bottom: 1px #EAEAEA solid; font-size: 16px; color: #0C82A8; text-align: left; }

/* Main Menu */

div#page div#content ul#mainmenu { clear: both; list-style: none; margin: 10px 0 0 0; padding: 0; }

div#page div#content ul#mainmenu li { clear: both; font-size: 16px; margin: 0 0 5px 0; padding: 8px 0 8px 0; border-radius: 5px 5px; background: #0C82A8; }
div#page div#content ul#mainmenu li a { text-decoration: none; font-weight: bold; color: #FFFFFF; }

/* Tabs Menu */

div#page div#content ul#tabsmenu { clear: both; list-style: none; margin: 10px 0 0 0; padding: 0; }

div#page div#content ul#tabsmenu li { clear: both; font-size: 16px; margin: 0 0 5px 0; padding: 8px 0 8px 0; border-radius: 5px 5px; background: #8C8C8C; }
div#page div#content ul#tabsmenu li.tabsmenu-selected { clear: both; font-size: 16px; margin: 0 0 5px 0; padding: 5px 0 8px 0; border-radius: 5px 5px; background: #0C82A8; }
div#page div#content ul#tabsmenu li a { text-decoration: none; font-weight: bold; color: #FFFFFF; }

/* Sections */

div#page div#content div.section-title { clear: both; text-align: justify; margin-bottom: 10px; padding: 0 10px 5px 10px; font-size: 12px; border-bottom: 1px #EAEAEA solid; }

div#page div#content div.section { clear: both; text-align: justify; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 12px; }
div#page div#content div.section div.subsection-title { clear: both; text-align: center; padding: 5px 10px 10px 10px; font-size: 12px; border-bottom: 1px #EAEAEA solid; }
div#page div#content div.section a { font-size: 12px; color: #000000; text-decoration: underline; }
div#page div#content div.section form { margin: 0; padding: 0; }
div#page div#content div.section p { clear: both; margin: 0; padding: 5px 5px 5px 5px; font-size: 11px; text-align: justify; }
div#page div#content div.section p a { font-size: 11px; }
div#page div#content div.section ul li a { font-size: 11px; }

div#page div#content div.message { clear: both; text-align: center; margin-bottom: 10px; padding-left: 10px; padding-right: 10px; font-size: 12px; font-weight: bold; color: #FF6600; }

div#page div#content div#section-summary { clear: both; text-align: justify; margin: 5px 0 5px 0;  padding: 5px 10px 5px 10px; font-size: 12px; }
div#page div#content div#section-summary a { color: #8C8C8C; text-decoration: underline; }
div#page div#content div#section-summary a:hover { text-decoration: none; }
div#page div#content div#section-summary b { color: #8C8C8C; font-weight: normal; }

div#page div#content div#section-summary-extended { clear: both; text-align: justify; margin: 5px 0 5px 0; padding: 10px 10px 5px 10px; font-size: 12px; border-top: 1px #EAEAEA solid; }
div#page div#content div#section-summary-extended a { color: #8C8C8C; text-decoration: underline; }
div#page div#content div#section-summary-extended a:hover { text-decoration: none; }
div#page div#content div#section-summary-extended b { color: #8C8C8C; font-weight: normal; }

/* Groups Selections */

div#page div#content div.section table.GroupsSelection { }
div#page div#content div.section table.GroupsSelection tr { }
div#page div#content div.section table.GroupsSelection tr td { border-bottom: 1px #EAEAEA dotted; }
div#page div#content div.section table.GroupsSelection tr td.GroupSelection { width: 20px; padding: 0 10px 0 0; text-align: center; }
div#page div#content div.section table.GroupsSelection tr td.GroupDescription { padding: 4px 10px 0 0; text-align: left; color: #464646; }
div#page div#content div.section table.GroupsSelection tr td.GroupOptions { padding-left: 5px; text-align: left; color: #464646; line-height: 1.5; }

/* Groups Contacts */

div#page div#content div.section table.GroupsContacts { }
div#page div#content div.section table.GroupsContacts thead tr { }
div#page div#content div.section table.GroupsContacts thead tr td { padding: 3px 5px 3px 5px; text-align: left; border-bottom: 1px #EAEAEA solid; color: #0C82A8; }
div#page div#content div.section table.GroupsContacts tbody tr { }
div#page div#content div.section table.GroupsContacts tbody tr td { padding: 3px 5px 3px 5px; text-align: left; }
div#page div#content div.section table.GroupsContacts tfoot tr { }
div#page div#content div.section table.GroupsContacts tfoot tr td { text-align: left; background: transparent; }

/* Compose Message Options */

div#page div#content div.section table.MessageComposeOptions { }
div#page div#content div.section table.MessageComposeOptions tr { }
div#page div#content div.section table.MessageComposeOptions tr td { padding: 2px 0 2px 0; text-align: left; }

/* Compose Message Categories */

div#page div#content div.section ul.MessageCategories { clear: both; margin: 0 0 0 20px; padding: 0; }
div#page div#content div.section ul.MessageCategories li { clear: both; padding: 4px 0 5px 0; border-bottom: 1px #EAEAEA dotted; }
div#page div#content div.section ul.MessageCategories li a { font-size: 12px; }
div#page div#content div.section ul.MessageCategories li ul { clear: both; margin: 0 0 0 20px; padding: 0; }
div#page div#content div.section ul.MessageCategories li ul li { clear: both; padding: 4px 0 5px 0; border-bottom: 0; }
div#page div#content div.section ul.MessageCategories li ul li a { font-size: 12px; }

/* Compose Message Templates */

div#page div#content div.section div.TemplateMessage { clear: both; margin: 0; padding: 0; border-bottom: 1px #EAEAEA solid; }
div#page div#content div.section div.TemplateMessage div.TemplateMessageText { clear: both; margin: 0; padding: 3px 10px 4px 10px; border-bottom: 1px #EAEAEA dotted; }
div#page div#content div.section div.TemplateMessage div.TemplateMessageOptions { clear: both; margin: 0; padding: 3px 10px 4px 10px; background: #FAFAFA; }
div#page div#content div.section div.TemplateMessage div.TemplateMessageOptions table { }
div#page div#content div.section div.TemplateMessage div.TemplateMessageOptions table tr { }
div#page div#content div.section div.TemplateMessage div.TemplateMessageOptions table tr td { margin: 0; padding: 0 10px 0 0; font-size: 11px; }
div#page div#content div.section div.TemplateMessage div.TemplateMessageOptions table tr td a { font-size: 11px; }

/* Message History */

div#page div#content div.section table.MessagesHistory { border-top: 1px #EAEAEA solid; }
div#page div#content div.section table.MessagesHistory thead { }
div#page div#content div.section table.MessagesHistory thead tr { }
div#page div#content div.section table.MessagesHistory thead tr td { padding: 5px 0 5px 5px; font-size: 12px; text-align: left; border-bottom: 1px #EAEAEA solid; font-weight: bold; color: #0C82A8; background: #FAFAFA; }

div#page div#content div.section table.MessagesHistory tbody { }
div#page div#content div.section table.MessagesHistory tbody tr { }
div#page div#content div.section table.MessagesHistory tbody tr td { padding: 4px 0 4px 5px; font-size: 12px; text-align: left; border-bottom: 1px #EAEAEA solid; }
div#page div#content div.section table.MessagesHistory tbody tr td a { font-size: 11px; }

div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails { }
div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td { padding: 0 10px 0 10px; background: #FAFAFA; }
div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td table { }
div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td table tr { }
div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td table tr td { padding: 4px 10px 4px 10px; border-bottom: 1px #EAEAEA solid; font-size: 11px; }
div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td table tr td:first-child { white-space: nowrap; }
div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td table tr td img { float: left; margin-right: 5px; }

div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td table tr.CloseMessageDetails { }
div#page div#content div.section table.MessagesHistory tbody tr.MessageDetails td table tr.CloseMessageDetails td { padding: 7px 10px 7px 10px; border: 0; }

div#page div#content div.section table.MessagesHistory tfoot { }
div#page div#content div.section table.MessagesHistory tfoot tr { }
div#page div#content div.section table.MessagesHistory tfoot tr td { padding: 5px 0 5px 5px; font-size: 12px; text-align: left; border-bottom: 1px #EAEAEA solid; font-weight: bold; color: #0C82A8; background: #FAFAFA; }
div#page div#content div.section table.MessagesHistory tfoot tr td div { background: transparent; }
div#page div#content div.section table.MessagesHistory tfoot tr td div a { font-size: 11px; }

/* Order SMS Package */

div#page div#content div.section form table.OrderTable thead { }
div#page div#content div.section form table.OrderTable thead tr { }
div#page div#content div.section form table.OrderTable thead tr td { padding: 4px 0 5px 10px; text-align: left; white-space: normal; border-bottom: 1px #EAEAEA solid; color: #0C82A8; }
div#page div#content div.section form table.OrderTable tbody.OrderTablePackages { }
div#page div#content div.section form table.OrderTable tbody.OrderTablePackages tr { }
div#page div#content div.section form table.OrderTable tbody.OrderTablePackages tr td { padding: 6px 10px 7px 10px; border-bottom: 1px #EAEAEA solid; border-left: 1px #EAEAEA dotted; text-align: left; white-space: nowrap; }
div#page div#content div.section form table.OrderTable tbody.OrderTablePackages tr td b { color: #0C82A8; }

div#page div#content div.section form table.OrderTable tbody { }
div#page div#content div.section form table.OrderTable tbody tr { }
div#page div#content div.section form table.OrderTable tbody tr td { text-align: left; background: transparent !important; }
div#page div#content div.section form table.OrderTable tbody tr td a.smalltext { font-size: 11px; text-decoration: none; }
div#page div#content div.section form table.OrderTable tbody tr td a.smalllink { font-size: 11px; text-decoration: underline; }
div#page div#content div.section form table.OrderTable tbody tr td a.generalbluetext { color: #0C82A8; text-decoration: none; }
div#page div#content div.section form table.OrderTable tbody tr td a.smallgraytext { font-size: 11px; text-decoration: none; }
div#page div#content div.section form table.OrderTable tbody tr td input#CheckoutButton { width: 100%; font-weight: bold; }

div#page div#content div.section form table.OrderTable tbody tr td img { display: none; }

div#page div#content div.section form table.OrderTable tr td table { }
div#page div#content div.section form table.OrderTable tr td table tbody { }
div#page div#content div.section form table.OrderTable tr td table tbody tr { }
div#page div#content div.section form table.OrderTable tr td table tbody tr td { border: 0 !important; text-align: left; }
div#page div#content div.section form table.OrderTable tr td table tbody tr td a.smalltext { font-size: 11px; text-decoration: none; }
div#page div#content div.section form table.OrderTable tr td table tbody tr.PaymentMethodDescription { display: none; }

/* Section Forms Table */

table.SectionFormsTable { }

table.SectionFormsTable thead { }
table.SectionFormsTable thead tr { }
table.SectionFormsTable thead tr td { padding: 5px 0 5px 0; box-sizing: border-box; text-align: left; }

table.SectionFormsTable tbody { }
table.SectionFormsTable tbody tr { }
table.SectionFormsTable tbody tr td { padding: 5px 5px 5px 5px; box-sizing: border-box; text-align: left; }
table.SectionFormsTable tbody tr td input[type=text],
table.SectionFormsTable tbody tr td input[type=password],
table.SectionFormsTable tbody tr td select { width: 100%; font-size: 16px; }

table.SectionFormsTable tfoot { }
table.SectionFormsTable tfoot tr { }
table.SectionFormsTable tfoot tr td { padding: 5px 0 5px 0; box-sizing: border-box; text-align: center; }
table.SectionFormsTable tfoot tr td input[type=submit] { width: 100%; font-size: 16px; font-weight: bold; box-sizing: border-box; }

/* Section Forms Table Transforms */

div#page div#content div.section table.SmallFontSize { }
div#page div#content div.section table.SmallFontSize thead tr { }
div#page div#content div.section table.SmallFontSize thead tr td { font-size: 11px; }
div#page div#content div.section table.SmallFontSize tbody tr { }
div#page div#content div.section table.SmallFontSize tbody tr td { font-size: 11px; }

div#page div#content div.section table.TextAlignLeft { }
div#page div#content div.section table.TextAlignLeft tr { }
div#page div#content div.section table.TextAlignLeft tr td { text-align: left; }

/* Forms Table */
/*   Merge Source from css/frontend/layout-screen-v4.css   */ 

table.FormsTable { border-top: 1px #EAEAEA solid; border-left: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; background: #FFFFFF; }

table.FormsTable tbody { }
table.FormsTable tbody tr { }
table.FormsTable tbody tr td { padding: 5px 5px 5px 5px !important; text-align: left; border-bottom: 1px #EAEAEA solid; }

table.FormsTable tbody tr.FormHeader { }
table.FormsTable tbody tr.FormHeader td { background: #FAFAFA; }
table.FormsTable tbody tr.FormHeader td.FormHighlight { color: #007CA5; }

table.FormsTable tbody tr.SectionHeader { }
table.FormsTable tbody tr.SectionHeader td { background: #FAFAFA; text-align: center; color: #007CA5; height: 30px; }

table.FormsTable tbody tr.SectionHeaderSeparator { }
table.FormsTable tbody tr.SectionHeaderSeparator td { border-bottom: 2px #E2E2E2 solid; }

table.FormsTable tbody tr.SectionHeaderExtended { }
table.FormsTable tbody tr.SectionHeaderExtended td { background: #FAFAFA; text-align: center; color: #007CA5; height: 45px; }

table.FormsTable tbody tr.SectionHeaderHighlight { }
table.FormsTable tbody tr.SectionHeaderHighlight td { background: #F4F4F4; text-align: center; color: #007CA5; height: 40px; }

table.FormsTable tbody tr.SubSectionHeader { }
table.FormsTable tbody tr.SubSectionHeader td { background: #FAFAFA; text-align: center; color: #8C8C8C; height: 30px; }

table.FormsTable tbody tr.SectionSubheader { }
table.FormsTable tbody tr.SectionSubheader td { padding: 8px 15px 8px 15px !important; background: #FAFAFA; text-align: left; color: #007CA5; }

table.FormsTable tbody tr.ElementHeader { }
table.FormsTable tbody tr.ElementHeader td { padding-top: 8px !important; padding-bottom: 8px !important; background: #FAFAFA; text-align: left; color: #007CA5;  }

table.FormsTable tbody tr.ElementHeaderExtended { }
table.FormsTable tbody tr.ElementHeaderExtended td { padding-top: 15px !important; padding-bottom: 15px !important; }

table.FormsTable tbody tr.SectionContentHeader { }
table.FormsTable tbody tr.SectionContentHeader td { padding: 5px 15px 5px 15px !important; background: #FAFAFA; text-align: left; }

table.FormsTable tbody tr.SectionContent { }
table.FormsTable tbody tr.SectionContent td { padding: 5px 15px 5px 15px !important; text-align: justify; }

table.FormsTable tbody tr.SectionContentWide { }
table.FormsTable tbody tr.SectionContentWide td { padding: 5px 15px 5px 15px !important; text-align: center; }

table.FormsTable tbody tr.SectionHelps { }
table.FormsTable tbody tr.SectionHelps td { padding: 10px 45px 10px 45px !important; text-align: justify; background: #FAFAFA; color: #8C8C8C; }

table.FormsTable tbody tr.SectionFooter { } 
table.FormsTable tbody tr.SectionFooter td { background: #FAFAFA; }

table.FormsTable tbody tr.SectionSeparator td { border-top: 1px #EAEAEA solid; }

table.FormsTable tbody tr.SectionResourceContainer { margin: 0 !important; padding: 0 !important; }
table.FormsTable tbody tr.SectionResourceContainer td { margin: 0 !important; padding: 10px 10px 10px 10px; }

table.FormsTable tbody tr td.FormCheckbox { text-align: center; }
table.FormsTable tbody tr td.FormLabel { text-align: right !important; }
table.FormsTable tbody tr td.FormLabelPrimary { text-align: center !important; }
table.FormsTable tbody tr td.FormLabelSecondary { padding-right: 7px; text-align: right; }
table.FormsTable tbody tr td.FormLabelTertiary { text-align: center !important; }
table.FormsTable tbody tr td.FormCheckboxSetting { padding: 5px 20px 5px 0 !important; text-align: justify !important; }
table.FormsTable tbody tr td.FormCheckboxSetting a { color: #000000; }

table.FormsTable tbody tr td.FormValueIcon { display: flex; }
table.FormsTable tbody tr td.FormValueIcon img { margin-right: 5px; }
table.FormsTable tbody tr td.FormValueCustom { padding: 8px 10px 5px 0 !important; }
table.FormsTable tbody tr td.FormValueExtend { padding: 5px 10px 5px 10px !important; }
table.FormsTable tbody tr td.FormValueJustify { text-align: justify !important; padding: 5px 10px 5px 5px !important; }

table.FormsTable tbody tr td.FormLabelTop { vertical-align: text-top; }
table.FormsTable tbody tr td.FormLabelTop span { display: inline-block; padding-top: 5px; }
table.FormsTable tbody tr td.FormLabelHeight { height: 35px; }
table.FormsTable tbody tr td.FormLabelTop { padding-top: 16px !important; }

table.FormsTable tbody tr td.FormHelps { text-align: justify; color: #8C8C8C; padding: 5px 15px 5px 15px !important; }
table.FormsTable tbody tr td.FormHelps ul.FormHelpsList { margin: 0 0 0 10px; padding: 0; }
table.FormsTable tbody tr td.FormHelps ul.FormHelpsList li { margin: 0; padding: 0 0 5px 10px; }

table.FormsTable tbody tr td ul.FormsTableList { clear: both; margin: 0 45px 0 45px; padding: 0; }
table.FormsTable tbody tr td ul.FormsTableList li { clear: both; margin: 0; padding: 0 0 5px 10px; text-align: justify; }
table.FormsTable tbody tr td ul.FormsTableList li ul { clear: both; margin: 10px 25px 10px 25px; padding: 0; }
table.FormsTable tbody tr td ul.FormsTableList li ul li { clear: both; margin: 0; padding: 0 0 5px 10px; text-align: justify; }

table.FormsTable tbody tr td.FormTextSpacing { padding-left: 40px !important; }

table.FormsTable tbody tr td ul.FormInlineCheckboxes { clear: both; margin: 3px 0 0 0; padding: 0; list-style: none; }
table.FormsTable tbody tr td ul.FormInlineCheckboxes li { float: left; margin: 0 0 0 5px; padding: 3px 9px 3px 9px; border: 1px #EAEAEA solid; border-radius: 5px; display: flex; }
table.FormsTable tbody tr td ul.FormInlineCheckboxes li span { display: inline-block; margin: 0; padding: 3px 0 0 3px; }

table.FormsTable tbody tr td ul.FormInlineLinks { clear: both; margin: 0; padding: 0; list-style: none; }
table.FormsTable tbody tr td ul.FormInlineLinks li { float: left; margin: 0 0 0 5px; padding: 5px 15px 5px 15px; border: 1px #EAEAEA solid; border-radius: 5px; display: flex; }
table.FormsTable tbody tr td ul.FormInlineLinks li img { margin: 0 10px 0 0; }

table.FormsTable tbody tr.FormHelps td { text-align: justify; color: #8C8C8C; padding: 5px 5px 5px 5px !important; }
table.FormsTable tbody tr.FormHelps td ul.FormHelpsList { margin: 0 0 0 10px; padding: 0; }
table.FormsTable tbody tr.FormHelps td ul.FormHelpsList li { margin: 0; padding: 0 0 5px 10px; }
table.FormsTable tbody tr.FormHelpsHighlight td { color: #464646 !important; }
table.FormsTable tbody tr.FormWideHelps td { text-align: justify; color: #8C8C8C; padding: 5px 10px 5px 10px !important; }

table.FormsTable tbody tr.FormFeatures { }
table.FormsTable tbody tr.FormFeatures td { text-align: justify; color: #000000; padding: 5px 5px 5px 5px !important; }
table.FormsTable tbody tr.FormFeatures td p { margin: 0; padding: 5px 0 5px 0; }
table.FormsTable tbody tr.FormFeatures td p.FormFeaturesParagraph { margin: 0; padding: 5px 15px 5px 15px; }
table.FormsTable tbody tr.FormFeatures td ul { margin: 5px 0 0 20px; padding: 0; }
table.FormsTable tbody tr.FormFeatures td ul li { margin: 0; padding: 0 10px 5px 10px; }

table.FormsTable tbody tr.FormContainer { }
table.FormsTable tbody tr.FormContainer td { }
table.FormsTable tbody tr.FormContainer td table { border-top: 1px #EAEAEA solid; border-left: 1px #EAEAEA solid; }
table.FormsTable tbody tr.FormContainer td table tbody { }
table.FormsTable tbody tr.FormContainer td table tbody tr { }
table.FormsTable tbody tr.FormContainer td table tbody tr td { padding: 5px 15px 5px 15px !important; border-bottom: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; }
table.FormsTable tbody tr.FormContainer td table tbody tr td input[type=text] { width: 100%; }
table.FormsTable tbody tr.FormContainer td table tbody tr td select { width: 100%; }

table.FormsTable tbody tr.FormGroupLeft td { padding: 8px 0 9px 5px !important; text-align: left; background: #FAFAFA; }

table.FormsTable tbody tr.FormOptionsList { }
table.FormsTable tbody tr.FormOptionsList td { }
table.FormsTable tbody tr.FormOptionsList td ul { clear: both; list-style: none; margin: 0; padding: 0; }
table.FormsTable tbody tr.FormOptionsList td ul li { float: left; margin: 0; padding: 0; }

table.FormsTable tbody tr td img.FormsTableIcon { float: left; margin-right: 10px; }
table.FormsTable tbody tr td a.FormsTableIconLink { padding-top: 4px; display: block; }

div.ErrorMessageStyle { clear: both; background: #FFECE6; text-align: center; padding: 10px; border-radius: 10px; margin-bottom: 8px; }
div.ErrorMessageCompactStyle { clear: both; background: #FFECE6; text-align: center; padding: 10px; border-radius: 10px; margin-bottom: 5px; }

table.FormsTable tfoot { }
table.FormsTable tfoot tr { }
table.FormsTable tfoot tr td { padding: 10px 10px 10px 10px !important; border-bottom: 1px #EAEAEA solid; text-align: center; background: #FAFAFA; }

table.FormsTable tfoot tr.FormFooterSeparator { }
table.FormsTable tfoot tr.FormFooterSeparator td { border-top: 1px #EAEAEA solid; border-bottom: 2px #EAEAEA solid !important; }

table.FormsTable tfoot tr td p.AfterSafe { margin: 0; padding: 5px 0 5px 0; text-align: center; font-size: 11px; color: #8C8C8C; }

a.FormCounterText { color: #007CA5; font-size: 12px; }

p.ExampleName { clear: both; margin: 0; padding: 0; color: #007CA5; }
p.ExampleData { clear: both; margin: 0; padding: 10px; border: 1px #EAEAEA solid; background: #FAFAFA; border-radius: 5px; font-size: 12px; }

table.TableBottomMargin { margin-bottom: 10px; }

table.FormsTableInputsMaximize tbody tr td input[type=text], 
table.FormsTableInputsMaximize tbody tr td input[type=password] { width: 100%; box-sizing: border-box; }
table.FormsTableInputsMaximize tbody tr td textarea { width: 100%; box-sizing: border-box; }
table.FormsTableInputsMaximize tbody tr td select { width: 100%; box-sizing: border-box; }

table.FormsTable tbody tr td.FormInputExtend input[type=text], 
table.FormsTable tbody tr td.FormInputExtend input[type=password] { width: 100%; box-sizing: border-box; }
table.FormsTable tbody tr td.FormInputExtend textarea { width: 100%; box-sizing: border-box; }
table.FormsTable tbody tr td.FormInputExtend select { width: 100%; box-sizing: border-box; }

table.FormsTable tbody tr td.FormInputCode input[type=text], 
table.FormsTable tbody tr td.FormInputCode input[type=password] { font-family: Consolas, monaco, monospace; }
table.FormsTable tbody tr td.FormInputCode textarea { font-family: Consolas, monaco, monospace; }
table.FormsTable tbody tr td.FormInputCode select { font-family: Consolas, monaco, monospace; }

table.FormsTable tbody tr td.FormInputCorners input[type=text], 
table.FormsTable tbody tr td.FormInputCorners input[type=password] { border-radius: 5px; }
table.FormsTable tbody tr td.FormInputCorners textarea { border-radius: 5px; }
table.FormsTable tbody tr td.FormInputCorners select { border-radius: 5px; }

table.FormsTable tbody tr td.FormInputPadding input[type=text], 
table.FormsTable tbody tr td.FormInputPadding input[type=password] { padding: 2px 5px 3px 5px;  }
table.FormsTable tbody tr td.FormInputPadding textarea { padding: 2px 5px 3px 5px; }
table.FormsTable tbody tr td.FormInputPadding select { padding: 2px 5px 3px 5px;  }

/* Tables Inputs */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

tr.TableInputsStandard td input[type=text], 
tr.TableInputsStandard td input[type=password],
tr.TableInputsStandard td input[type=number],
tr.TableInputsStandard td input[type=date],
tr.TableInputsStandard td input[type=time] { width: 200px; box-sizing: border-box; }
tr.TableInputsStandard td textarea { width: 200px; box-sizing: border-box; }
tr.TableInputsStandard td select { width: 200px; box-sizing: border-box; }

tr.TableInputsExtended td input[type=text], 
tr.TableInputsExtended td input[type=password],
tr.TableInputsExtended td input[type=number],
tr.TableInputsExtended td input[type=date],
tr.TableInputsExtended td input[type=time] { width: 350px; box-sizing: border-box; }
tr.TableInputsExtended td textarea { width: 350px; box-sizing: border-box; }
tr.TableInputsExtended td select { width: 350px; box-sizing: border-box; }

tr.TableInputsMaximize td input[type=text], 
tr.TableInputsMaximize td input[type=password],
tr.TableInputsMaximize td input[type=number],
tr.TableInputsMaximize td input[type=date],
tr.TableInputsMaximize td input[type=time] { width: 100%; box-sizing: border-box; }
tr.TableInputsMaximize td textarea { width: 100%; box-sizing: border-box; }
tr.TableInputsMaximize td select { width: 100%; box-sizing: border-box; }

tr.TableInputsDate td input[type=text] { width: 170px; box-sizing: border-box; }

tr.TableInputsDateTime td input[type=text] { width: 90px; box-sizing: border-box; }
tr.TableInputsDateTime td select { width: 77px; box-sizing: border-box; }

/* Radio Buttons Table */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

table.RadioButtonsTable { }
table.RadioButtonsTable tr { }
table.RadioButtonsTable tr td { margin: 0 !important; padding: 0 !important; border: 0 !important; }
table.RadioButtonsTable tr td input { margin: 0 !important; padding: 0 !important; }

/* Table Canvas Paragraph */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

p.TableCanvasParagraph { clear: both; margin: 0 0 10px 0; padding: 0 10px 0 10px; text-align: justify; }
p.TableCanvasParagraph img { float: left; margin-right: 10px; margin-bottom: 60px; }
p.TableCanvasParagraph span.TableCanvasParagraphCodeElement { font-family: Consolas, monaco, monospace; font-weight: bold; }

ul.TableCanvasParagraphList { clear: both; list-style: none !important; margin: 0 0 10px 40px; padding: 0; }
ul.TableCanvasParagraphList li { clear: both; margin: 0; padding: 0 0 4px 0; }
ul.TableCanvasParagraphList li a { color: #8C8C8C; }
ul.TableCanvasParagraphList li a:hover { color: #8C8C8C; }

/* Information Balloon */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

.InformationTextBelow { margin-top: 3px; }
.InformationText { position: relative; display: inline-block; border-bottom: 1px dotted black; }
.InformationText a { text-decoration: none !important; color: #000000; }
.InformationText .InformationTextBalloon { visibility: hidden; width: 200px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 10px; position: absolute; z-index: 1; bottom: 125%; left: 50%; margin-left: -60px; opacity: 0; transition: opacity 0.3s; font-size: 11px; text-align: justify; }
.InformationText .InformationTextBalloon::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.InformationText:hover .InformationTextBalloon { visibility: visible; opacity: 1; }

.InformationTextInline { margin-left: 5px; }

/* Information Balloon Properties */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

.InformationText .InformationTextBalloonExtraWide { width: 700px !important; }
.InformationText .InformationTextBalloonWide { width: 500px !important; }
.InformationText .InformationTextBalloonExtraLarge { width: 450px !important; }
.InformationText .InformationTextBalloonLarge { width: 300px !important; }
.InformationText .InformationTextBalloonSmall { width: 150px !important; }

.InformationText .InformationTextBalloonExtraWide::after { left: 8% !important; }
.InformationText .InformationTextBalloonWide::after { left: 12% !important; }
.InformationText .InformationTextBalloonExtraLarge::after { left: 15% !important; }
.InformationText .InformationTextBalloonLarge::after { left: 19% !important; }
.InformationText .InformationTextBalloonSmall::after { left: 35% !important; }

/* Information Balloon Common Elements */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

.InformationText .InformationTextBalloon p { margin: 0 0 5px 0; padding: 0; }
.InformationText .InformationTextBalloon ul { margin: 0 0 5px 20px; padding: 0; }
.InformationText .InformationTextBalloon ul li { }

.InformationText .InformationTextBalloon p.InformationTextBalloonCode { margin: 0 0 5px 0; padding: 0 5px 0 5px; font-family: Consolas, monaco, monospace; word-wrap: break-word; }
.InformationText .InformationTextBalloon ul.InformationTextBalloonCode { margin: 0 0 5px 20px; padding: 0; }
.InformationText .InformationTextBalloon ul.InformationTextBalloonCode li { }
.InformationText .InformationTextBalloon ul.InformationTextBalloonCode li b { font-family: Consolas, monaco, monospace; word-wrap: break-word; }

.InformationText .InformationTextBalloon p a { font-size: 11px; color: #FFFFFF; text-decoration: underline !important; }
.InformationText .InformationTextBalloon p a:hover { text-decoration: none !important; }

.InformationText .InformationTextBalloon table { }
.InformationText .InformationTextBalloon table tr { }
.InformationText .InformationTextBalloon table tr td { margin: 0; padding: 1px 5px 1px 5px !important; border: 0; }

/* Icon Balloon */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

.IconText { position: relative; display: inline-block; }
.IconText a { text-decoration: none !important; color: #000000; }
.IconText .IconTextBalloon { visibility: hidden; width: 200px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 10px; position: absolute; bottom: 125%; left: 50%; margin-left: -109px; opacity: 0; transition: opacity 0.3s; font-size: 11px; text-align: justify; z-index: 1000; }
.IconText .IconTextBalloon::after { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -5px; border-width: 5px; border-style: solid; border-color: #555 transparent transparent transparent; }
.IconText:hover .IconTextBalloon { visibility: visible; opacity: 1; }

.IconText .IconTextBalloonLeft { visibility: hidden; width: 200px; background-color: #555; color: #fff; text-align: center; border-radius: 6px; padding: 10px; position: absolute; top: -15%; left: -125px; margin-left: -109px; opacity: 0; transition: opacity 0.3s; font-size: 11px; text-align: justify; z-index: 1000; }
.IconText .IconTextBalloonLeft::after { content: ""; position: absolute; top: 5px; right: -5px; margin-left: -5px; border-width: 5px; border-style: solid; border-color:  transparent transparent #555 transparent; }
.IconText:hover .IconTextBalloonLeft { visibility: visible; opacity: 1; }

.IconText .IconTextBalloonWide { width: 300px; }
.IconText .IconTextBalloonWide::after { left: 109px !important; }

.IconTextWithBorder { border-bottom: 1px dotted black; }
.IconTextWithText { color: #464646; }

/* Form List Expandable Table */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

div.FormsListExpandableTableCanvas { clear: both; height: 400px; overflow-y: scroll; border: 1px #EAEAEA solid; }

div.FormsListExpandableTableCanvas table.FormsListExpandableTable { }

div.FormsListExpandableTableCanvas table.FormsListExpandableTable thead { }
div.FormsListExpandableTableCanvas table.FormsListExpandableTable thead tr { }
div.FormsListExpandableTableCanvas table.FormsListExpandableTable thead tr td { padding: 5px 15px 5px 15px !important; text-align: left; border-bottom: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; box-sizing: border-box; background: #FAFAFA; font-size: 11px; color: #007CA5; }

div.FormsListExpandableTableCanvas table.FormsListExpandableTable tbody { }
div.FormsListExpandableTableCanvas table.FormsListExpandableTable tbody tr { }
div.FormsListExpandableTableCanvas table.FormsListExpandableTable tbody tr td { padding: 3px 15px 3px 15px !important; text-align: left; border-bottom: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; box-sizing: border-box; font-size: 11px; }
div.FormsListExpandableTableCanvas table.FormsListExpandableTable tbody tr td.FormsListExpandableTableIterator { color: #8C8C8C; }

div.FormsListExpandableTableCanvas table.FormsListExpandableTable tfoot { }
div.FormsListExpandableTableCanvas table.FormsListExpandableTable tfoot tr { }
div.FormsListExpandableTableCanvas table.FormsListExpandableTable tfoot tr td { padding: 5px 15px 5px 15px !important; text-align: left; border-bottom: 1px #EAEAEA solid; border-right: 1px #EAEAEA solid; box-sizing: border-box; background: #FAFAFA; font-size: 11px; }

/* Information Box */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

div.InformationBox { clear: both; margin: 0 0 5px 0; padding: 10px; background: #FFE9DF; text-align: center; border-radius: 10px; }
div.InformationBox a { color: #000000; }
div.InformationBox ul.InformationBoxLog { clear: both; margin: 15px 100px 5px 100px; padding: 0; }
div.InformationBox ul.InformationBoxLog li { clear: both; margin: 0; padding: 1px 0 2px 0; font-size: 11px; color: #484848; text-align: left; }
div.InformationBox ul.InformationBoxLog li b { font-weight: normal; color: #000000; }

div.InformationBoxTop { margin-top: 5px; }

/* Payment Methods and Profile Interface */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

table.PaymentMethods { border-left: 1px #DFE8EF solid; border-right: 1px #DFE8EF solid; }

table.PaymentMethods tr { }
table.PaymentMethods tr td { background: #FAFAFA; border-top: 1px #EAEAEA solid; }
table.PaymentMethods tr td.PaymentSectionLabel { text-align: center; color: #007CA5; }
table.PaymentMethods tr td.PaymentSectionLabel img { margin-top: 5px; }

table.PaymentMethods tr td table.PaymentProfilesList { }
table.PaymentMethods tr td table.PaymentProfilesList tr { }
table.PaymentMethods tr td table.PaymentProfilesList tr td { border: 0 !important; }
table.PaymentMethods tr td table.PaymentProfilesList tr.PaymentProfileName td { margin: 0 !important; padding: 4px 10px 2px 10px !important; }
table.PaymentMethods tr td table.PaymentProfilesList tr.PaymentProfileName td.PaymentProfileSelector { width: 30px; }
table.PaymentMethods tr td table.PaymentProfilesList tr.PaymentProfileDescription td { margin: 0 !important; padding: 2px 10px 4px 10px !important; text-align: justify; color: #8C8C8C; }
table.PaymentMethods tr td table.PaymentProfilesList tr.PaymentProfileSeparator td { border-top: 1px #EAEAEA solid !important; }

table.PaymentMethods tr td table.PaymentMethodsList { }
table.PaymentMethods tr td table.PaymentMethodsList tr { }
table.PaymentMethods tr td table.PaymentMethodsList tr td { border: 0 !important; }
table.PaymentMethods tr td table.PaymentMethodsList tr.PaymentMethodName td { margin: 0 !important; padding: 4px 10px 2px 10px !important; }
table.PaymentMethods tr td table.PaymentMethodsList tr.PaymentMethodName td.PaymentMethodSelector { width: 30px; }
table.PaymentMethods tr td table.PaymentMethodsList tr.PaymentMethodDescription td { margin: 0 !important; padding: 2px 10px 4px 10px !important; text-align: justify; color: #8C8C8C; }
table.PaymentMethods tr td table.PaymentMethodsList tr.PaymentMethodSeparator td { border-top: 1px #EAEAEA solid !important; }

table.PaymentMethods tbody tr td.PaymentCouponTrigger a { color: #8C8C8C; }
table.PaymentMethods tbody tr td.PaymentCouponContainer { padding: 5px 0 5px 0 !important; text-align: center !important; }

table.PaymentMethodsOutsideContext { }
table.PaymentMethodsOutsideContext tr { }
table.PaymentMethodsOutsideContext tr td { }

/* Payment Submission */
/*   Merge Source from css/frontend/layout-screen-v4.css   */

table.PaymentSubmission { border: 1px #EAEAEA solid; }
table.PaymentSubmission tr { }
table.PaymentSubmission tr td { background: #FFF5D7; text-align: center; }
table.PaymentSubmission tr td.PaymentSubmissionButton { padding: 15px 0 5px 0 !important; }
table.PaymentSubmission tr td.PaymentSubmissionSupport { padding: 5px 0 15px 0 !important; font-size: 11px; }

/* Message Box */

div#MessageBox { clear: both; padding: 5px 10px 5px 10px; margin-bottom: 5px; text-align: center; background: #FFE9DF; display: block; border-radius: 5px 5px; font-size: 12px; }
div#MessageBox a { color: #000000; }

/* Inputs */

input.submit, input.button, input.reset, input[type=submit], input[type=button], input[type=reset] { margin: 0; padding: 4px 20px 5px 20px; font-size: 14px; color: #FFFFFF; border: 1px #FF6600 solid; background: url('../../../graphics/background-button-2.jpg'); border-radius: 5px 5px; text-align: center; }
input.text, input.password, input.file, select, input[type=text], input[type=password] { padding-top: 3px; padding-bottom: 4px; border-style: solid; border-color: #000000; border-width: 1px; background-color: #FFFFFF; font-size: 14px; border-radius: 5px 5px; }
textarea { font-family: Arial, Helvetica, sans-serif; font-size: 12px; border-radius: 5px 5px; }

/* Footer */

div#page div#footer { clear: both; margin-top: 5px; padding-bottom: 15px; font-size: 11px; color: #FFFFFF; text-align: center; }
div#page div#footer a { font-size: 11px; color: #FFFFFF; text-decoration: underline; }