﻿/* Admin */


body {}
* {background-repeat:no-repeat; padding:0px; margin:0px; outline:none;}
img {border:0px;}
table, tr, td, th {border-spacing:0px; vertical-align:top;}
td, th {empty-cells:hide;}
body {background-color:#fff; font-size:62.5%; color:#000; font-family:Open Sans, Arial, Helvetica, Verdana, Sans-Serif; font-weight:400;}

h1 {font-size:26px; font-weight:normal; font-family:Open Sans, Arial, Helvetica, Verdana, Sans-Serif; margin:0px 0px 15px 0px; line-height:36px;}
h2 {font-size:20px; font-weight:normal; font-family:Open Sans, Arial, Helvetica, Verdana, Sans-Serif; margin:0px 0px 15px 0px; line-height:30px;}
a   {color:#000; text-decoration:none;}
p   {margin:0px 0px 8px 0px; font-size:12px; line-height:16px;}
ul {margin:6px 10px 8px 13px;}
ol {margin:6px 10px 8px 17px;}
ul li {margin:3px 10px 3px 0px; font-size:1.2em; line-height:1.3em;}
ol li {margin:3px 10px 3px 0px; font-size:1.2em; line-height:1.3em;}
.BottomFix {clear:both; height:0px; font-size:0px; line-height:0px;}

.FormTableSpacer {height:20px;}
.ValidationComplianceTag {} /*display:none in JS*/
.PageMessage {margin-left:0px;}
.LeftTitle .PageMessage {margin-left:0px;}

.LineSpacer1 {height:2px;  font-size:2px; clear:both;}
.LineSpacer2 {height:5px;  font-size:2px; clear:both;}
.LineSpacer3 {height:10px; font-size:2px; clear:both;}
.LineSpacer4 {height:15px; font-size:2px; clear:both;}
.LineSpacer5 {height:25px; font-size:2px; clear:both;}
.LineSpacer6 {height:40px; font-size:2px; clear:both;}
.LineSpacer7 {height:80px; font-size:2px; clear:both;}

/* Structure ----------------------------------- */
.MainDiv {z-index:1; margin:0px auto 0px auto; position:relative;}

.MainHeader {width:100%;}
.MainHeader .ContentWidth                                 {width:996px; background-color:#fff; padding:20px 0px 0px 0px; margin:0px auto;}
.MainHeader .ContentWidth .Logo                           {float:left; margin:0px 0px 15px 20px;}
.MainHeader .ContentWidth .Logo img                       {height:60px;}
.MainHeader .ContentWidth .Dashboard                      {float:right; margin:0px 20px 0px 0px; text-align:right;}
.MainHeader .ContentWidth .Dashboard .BtnStd              {margin-left:10px; display:inline-block;}
.MainHeader .ContentWidth .MainNavigation                 {}

.MainContent .ContentWidth                        {padding:20px; margin:0px auto; min-height:350px; width:956px; background-color:#fff;}
.MainContent .ContentWidth .RightColumn           {padding:0px;  margin:0px; width:220px; float:right;}
.MainContent .ContentWidth .LeftColumn            {padding:0px;  margin:0px; width:710px;}
.MainContent .ContentWidth .LeftTitle             {padding:0px;  margin:0px; width:710px;}
.MainContent .ContentWidth .FullWidth             {padding:0px;  margin:0px;}
.MainContent .ContentWidth .FormColumnBlock       {padding:0px;  margin:0px 25px 0px 0px; width:330px; float:left;}
.MainContent .ContentWidth .FormColumnBlockCenter {padding:0px;  margin:0px; width:330px; float:left;}
.MainContent .ContentWidth .FormSubTitle          {padding:0px;  margin:15px 0px 10px 0px; font-size:16px;}

.MainContent .ContentWidth div.LogInButtonBlock {float:left; width:277px; height:25px; font-size:10px; font-weight:normal; margin:20px auto 10px 0px; clear:both;}


.MainFooter                       {width:100%; margin-bottom:50px; background-color:#d9001b;}
.MainFooter .ContentWidth         {width:956px; padding:20px; margin:0px auto;color:#fff; background-color:#d9001b;}
.MainFooter .ContentWidth p       {color:#ffffff; font-size:11px; margin:0px; padding:0px; font-weight:100;}
.MainFooter .ContentWidth span    {color:#123d76; font-size:14px; font-weight:700;}
.MainFooter .ContentWidth a       {color:#ffffff;}
.MainFooter .ContentWidth a:hover {color:#ffffff; text-decoration:underline;}

/* Navigation ----------------------------------- */
.GlobalNav                        {position:relative;}
.GlobalNav table                  {line-height:26px; width:100%;}
.GlobalNav table td               {text-align:center; border-top:1px solid #fff; border-right:1px solid #fff; background-color:#d9001b;}
.GlobalNav table td:last-child    {border-right:none;}
.GlobalNav table td a             {display:block; font-size:14px; padding:5px 0px; color:#fff; font-weight:400;}
.GlobalNav table td a:hover       {color:#fff; background-color:#d93045;}
.GlobalNav table td.Active        {}
.GlobalNav table td.Active a      {color:#fff; background-color:#d93045;}

.LocalNav                                     {position:relative; padding:20px 0px 0px 20px;}
.LocalNavInner                                {width:100%; text-align:left;}
.LocalNavInner .Inactive                      {display:inline-block; text-align:center; margin-right:10px;}
.LocalNavInner .Active                        {display:inline-block; text-align:center; margin-right:10px;}
.LocalNavInner .Between                       {display:none;}
.LocalNavInner .Inactive .Centre              {}
.LocalNavInner .Inactive .Centre a            {display:block; background: url(/Content/Images/BtnGradient.png) repeat-x; color:#d93045; font-family:arial; padding:0px 20px; border-radius:4px; border:none; border-bottom:1px solid #c0c4cb; font-size:12px; line-height:27px; cursor:pointer; text-transform:uppercase; font-weight:700;}
.LocalNavInner .Inactive .Centre a:hover      {background:url(/Content/Images/BtnGradientHover.png);}
.LocalNavInner .Active .Centre                {}
.LocalNavInner .Active .Centre a              {display:block; background:#d93045; color:#fff; font-family:arial; padding:0px 20px; border-radius:4px; border:none; border-bottom:1px solid #c0c4cb; font-size:12px; line-height:27px; cursor:pointer; text-transform:uppercase; font-weight:700;}
.LocalNavInner .Active .Centre a:hover        {}

/* BtnStd ----------------------------------- */
.BtnStd                 {}
.BtnStd a               {display:block; background:url(/Content/Images/BtnGradient.png) repeat-x; color:#d93045; font-family:arial; padding:0px 20px; border-radius:4px; border:none; border-bottom:1px solid #c0c4cb; font-size:12px; line-height:27px; cursor:pointer; text-transform:uppercase; font-weight:700;}
.BtnStd a:hover         {background:url(/Content/Images/BtnGradientHover.png);}
.BtnStd input           {display:block; background:url(/Content/Images/BtnGradient.png) repeat-x; color:#d93045; font-family:arial; padding:0px 20px; border-radius:4px; border:none; border-bottom:1px solid #c0c4cb; font-size:12px; line-height:27px; cursor:pointer; text-transform:uppercase; font-weight:700;}
.BtnStd input:hover     {background:url(/Content/Images/BtnGradientHover.png);}
.BtnStd button          {display:block; background:url(/Content/Images/BtnGradient.png) repeat-x; color:#d93045; font-family:arial; padding:0px 20px; border-radius:4px; border:none; border-bottom:1px solid #c0c4cb; font-size:12px; line-height:27px; cursor:pointer; text-transform:uppercase; font-weight:700;}
.BtnStd button:hover    {background:url(/Content/Images/BtnGradientHover.png);}


.ButtonBlock          {text-align:right; width:685px; margin:20px 0px; clear:both; float:none;}
.ButtonBlock .BtnStd  {margin-left:10px; display:inline-block; vertical-align:top;}

/* CMSBox ----------------------------------- */
.CMSBox {margin-bottom:10px;}

/* Forms ----------------------------------- */
.FormSpacer {width:10px; height:5px}
.FormBox {margin-bottom:5px; padding:4px 0px 6px 0px;}
.FormBoxWiderForImage {width:360px;}
.HTMLEditor {width:685px;}

.InnerFormBox {float:left; width:136px;}
.InnerFormBoxFix {clear:left; height:1px; font-size:1px;}

.FormBox .FormLabel {font-size:12px; margin-bottom:5px; color:#000;}
.FormBox .FormLabel a:hover {text-decoration:underline;}
.FormBox .FormField {clear:left;}
.FormBox .FieldInfo     {font-size:11px;}
.FormBox .FieldView     {font-size:12px; color:#0b3162; font-weight:bold;}
.FormBox .FieldView a   {font-size:12px;}
.FormBox .LengthInfo {font-size:1.2em; margin-top:2px; color:#666; text-align:right;}
.FormBox .ImageV1 {margin-bottom:6px;}
.FormBox .ImageV2 {margin-bottom:6px; width:310px; overflow:auto; /*background-color:#eee;*/} /* just a horizontal limitation - form field  width:264px; */

.FormBox .ImageV3 {margin-bottom:4px; width:264px; } 
.FormBox .ImageV3 img {width:100%;}

.FormField .EditBoxW1      {width:318px; font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormField .EditBoxW2      {width:153px; font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormField .EditBoxW3      {width:90px;  font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 10px 0px 0px; border:1px solid #c9c9c9;}
.FormField .EditBoxW4      {width:40px;  font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormField .DropDownW1     {width:330px; font-size:12px; height:26px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormField .DropDownW2     {width:156px; font-size:12px; height:26px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormField .DropDownW3     {width:84px;  font-size:12px; height:26px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormField .ListBoxW1      {width:263px; font-size:11px; color:#000; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Arial;}
.FormField .ListBoxW1.Wide {width:100%;}
.FormField .TextAreaW1     {width:315px; font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9; height:150px; font-family:Arial;}
.FormField .FileUploadW1   {width:318px; font-size:12px; height:24px; color:#000; background-color:#fff; padding:3px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormWideInfoBox           {             font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}
.FormLabel .FirstNumber    {width:75px;  font-size:10px; font-style:italic; float:left; margin:0px 15px 5px 0px;}
.FormLabel .SecondNumber   {width:75px;  font-size:10px; font-style:italic; float:left; margin:0px 15px 5px 0px;}
.FormLabel .ThirdNumber    {width:125px; font-size:10px; font-style:italic; float:left; margin:0px 15px 5px 0px;}
.FormField .FirstNumber    {width:56px;  font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 15px 0px 0px; border:1px solid #c9c9c9;}
.FormField .SecondNumber   {width:56px;  font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 15px 0px 0px; border:1px solid #c9c9c9;}
.FormField .ThirdNumber    {width:146px; font-size:12px; height:24px; color:#000; background-color:#fff; padding:0px 5px 0px 5px; margin:0px 0px 0px 0px;  border:1px solid #c9c9c9;}

.WithFocusHighlight {} /* <- JQ class*/
.JSTextarea {} /* <- JQ class*/
.FormBoxFocusHighlighted      {}
.FormBoxValidationHighlighted {}
.InputFieldValidationHighlighted {}
.BindColourPicker {position:relative;}
.XScroll {overflow-x:auto;}

/* iCheck Plugin Square skin, grey ----------------------------------- */
.CbxAndLabel          {}
.CbxAndLabel a        {}
.CbxAndLabel input    {top:2px; position:relative;}
.CbxAndLabel label    {font-size:12px; color:#000; margin-left:2px; margin-right:15px;}
.RadioAndLabel        {}
.RadioAndLabel input  {top:2px; position:relative;}
.RadioAndLabel label  {font-size:12px; color:#000; margin-left:2px; margin-right:15px;}

/* Validation ----------------------------------- */
.Asterisk               {color:red; font-size:12px;}
.ValidationMessage1     {color:red; font-size:12px; margin:5px 0px; font-weight:bold;}
.ValidationMessage1 a   {color:red;}
.ValidationMessage2     {color:red; font-size:12px; margin:5px 0px; font-weight:bold;}
.ValidationMessage2 a   {color:red;}
.ValidationInfo         {color:red; font-size:12px; margin:5px 0px; font-weight:bold;}


/*Telerik help ----------------------------------- */
.TelerikInfo {position:relative; height:auto; font-size:11px; font-weight:bold; padding:5px 10px 5px 6px; background-color:#eee; background-repeat:repeat-x; border-top:solid 1px #828282; border-right:solid 1px #828282; border-left:solid 1px #828282;}/*Adds a bar that looks like it is part of the telerik control */

/* Admin Access Page ----------------------------------- */
.TopRightButtons          {float:right; margin-top:10px;}
.TopRightButtons .BtnStd  {float:right; margin-left:10px;}


.AccessItem h2 {font-size:1.3em; margin:15px auto 5px 0px; font-family:Arial, Helvetica, Verdana, Sans-Serif;}
.AccessItem .AccessItemButtons          {margin:5px 0px 8px 0px;}
.AccessItem .AccessItemButtons a        {color:#0b3162; font-size:12px; margin-right:12px; font-weight:bold; text-decoration:underline;}
.AccessItem .AccessItemButtons a:hover  {}
.AccessItem .AccessCBList {padding:5px 0px 10px 0px;}
 
.SwitchablePanel {display:none; border-top:solid 1px #fff;}

.OrderDataTable {font-size:1.2em; border:solid 1px #ddd; border-bottom:none;}
.OrderDataTable th {text-align:left; padding:4px 6px 4px 6px; background-color:#f2f2f2;}
.OrderDataTable td {padding:3px 6px 4px 6px; border-bottom:solid 1px #ddd;}

.LicensePricingTable {font-size:1.2em; border:solid 1px #ddd; width:100%; padding-bottom:10px;}
.LicensePricingTable th {text-align:center; padding:10px; font-size: 16px;}
.LicensePricingTable td {text-align:center; padding:0px;  empty-cells:show;  vertical-align:middle;}
.LicensePricingTable td.BottomBorder {border-bottom:0px; height:0px; padding:0px;}
.LicensePricingTable td input {width:100px; font-size:11px; height:1.5em; padding-top:1px; padding-left:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Open Sans; color:#000;}
.LicensePricingTable td.TableValidationInfo {color:#d22; padding-top:0px; font-weight:bold;}

.SimpleGeneralTable {font-size:1.2em; border:solid 1px #ddd; border-bottom:none;}
.SimpleGeneralTable th {text-align:left; padding:5px 8px 5px 8px; background-color:#f2f2f2;}
.SimpleGeneralTable td {padding:5px 8px 4px 8px;  border-bottom:solid 1px #ddd;}

.SubscriptionsTable {font-size:1.2em; margin-bottom:10px; margin-top:10px;}
.SubscriptionsTable th {text-align:left; padding:5px 8px 5px 8px; background-color:#f2f2f2;}
.SubscriptionsTable th.BL {border-bottom:solid 1px #ddd; border-left:solid 1px #ddd;}
.SubscriptionsTable th.T {border-top:solid 1px #ddd; }
.SubscriptionsTable th.TR {border-top:solid 1px #ddd; border-right:solid 1px #ddd;}
.SubscriptionsTable th.TL {border-right:solid 1px #ddd; border-bottom:solid 1px #ddd; background-color:#fff;}
.SubscriptionsTable th.L {border-left:solid 1px #ddd;}
.SubscriptionsTable td {padding:5px 8px 4px 8px; border-bottom:solid 1px #ddd; vertical-align:middle;}
.SubscriptionsTable td input {width:110px; font-size:11px; height:1.5em; padding-top:1px; padding-left:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Open Sans; color:#000;}
.SubscriptionsTable td.R {border-right:solid 1px #ddd;}

#pageMessage {color:red; font-weight:bold;} 

.LongImageList                        {width:685px;}
.LongImageList .ColumnLeft            {width:330px; float:left;}
.LongImageList .ColumnLeft .ImageV2   {width:250px;}
.LongImageList .ColumnLeft .FormBox   {width:200px;}
.LongImageList .ColumnRight           {width:330px; float:right;}
.LongImageList .Delimiter             {clear:both; border-bottom:solid 1px #ddd; height:20px; margin-bottom:20px;}

.LongImageViewList                              {width:390px; margin-top:20px;}
.LongImageViewList .Item                        {margin-bottom:10px; padding-bottom:17px; border-bottom:solid 1px #ddd;}
.LongImageViewList .Item:last-child             {border-bottom:none;}
.LongImageViewList .Item .InfoLabelLeft         {float:left; font-size:12px; margin-bottom:5px;}
.LongImageViewList .Item .InfoLabelLeft span    {font-weight:bold;}
.LongImageViewList .Item .InfoLabelRight        {float:right; font-size:12px; margin-bottom:5px;}
.LongImageViewList .Item .InfoLabelRight span   {font-weight:bold;}
.LongImageViewList .Item .Image                 {}

/* Table Styles  ----------------------------------- */
.SimpleGeneralTable {font-size:1.2em; border:solid 1px #ddd; border-bottom:none; width:100%;}
.SimpleGeneralTable th {text-align:left; padding:5px 8px 5px 8px; background-color:#f2f2f2;}
.SimpleGeneralTable td {padding:5px 8px 4px 8px;  border-bottom:solid 1px #ddd;}
.SimpleGeneralTable td input.TextBox1 {width:85px; font-size:11px; height:1.5em; padding-top:1px; padding-left:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Open Sans; color:#000;}

.AdminTotalTable {font-size:1.2em; margin-top:16px;}
.AdminTotalTable th {text-align:right; font-weight:bold; font-size:1.2em; width:85px; font-size:11px; padding:5px 8px 5px 8px; font-family:Open Sans; color:#e4151d;}
.AdminTotalTable tr {}
.AdminTotalTable td {font-weight:bold; font-size:1.2em; width:85px; font-size:11px; padding:5px 8px 5px 8px; font-family:Open Sans; color:#000;}

/* Add Order Table  ----------------------------------- */
#JSAlertsTable {position:relative; width: 100%; float:left; margin-bottom:16px; font-size:14px; padding:15px 0px 10px 15px; border:1px solid #d6d6d6;}
#JSAlertsTable .HeaderRow td {font-size:16px; color:#000; font-weight:bold; padding-top:10px;}
#JSAlertsTable .HeaderRow td.HeaderRowText     {width:28%;}
#JSAlertsTable .HeaderRow td.HeaderRowImage    {width:22%; text-align:center;}
#JSAlertsTable .HeaderRow td.HeaderRowType     {width:20%; text-align:center;}
#JSAlertsTable .HeaderRow td.HeaderRowInactive {width:12%; text-align:center;}
#JSAlertsTable .HeaderRow td.HeaderRowDelete   {width:15%; text-align:center;}
#JSAlertsTable .HeaderRow td.HeaderRowChooseSectionsType       {width:33%;}
#JSAlertsTable .HeaderRow td.HeaderRowChooseSectionsTest       {width:33%;}
#JSAlertsTable .HeaderRow td.HeaderRowChooseSectionsNormGroup  {width:33%;}
#JSAlertsTable .FileUploadW1 {font-size:16px; width:205px; margin-right:15px; padding:5px 5px; height:auto;}
#JSAlertsTable .FormField .EditBoxW1  {font-size:16px; margin-bottom:10px; padding:0px 5px 0px 5px; height:35px; width:90%; margin-right:5%;}
#JSAlertsTable .FormField .DropDownW1 {font-size:16px; margin-bottom:10px; padding:0px 5px 0px 5px; height:35px; width:95%; margin-right:5%;}
#JSAlertsTable .FormField  img {display:block; margin-bottom:10px;} 
#JSAlertsTable .icheckbox_square-grey, .iradio_square-grey {left:40%;}
#JSAlertsTable .ButtonSmallSilver {float:left; margin:10px 0px 0px 5px;}
#JSAlertsTable .BtnStd {float:left; width:245px;}
#JSAlertsTable .CbxAndLabel {margin-bottom:10px;}
#JSAlertsTable .CbxAndLabel label {font-size:14px; padding:0px 0px 10px 0px;}
#JSAlertsTable .CbxAndLabel .icheckbox_square-grey {left:0%;}

/* AddressLookupPopup admin version - identical as public */
#AddressLookupPopup {position:fixed; width:640px; left:50%; margin-left:-320px; top:15%; box-sizing:border-box; border:solid 15px #eee; padding:14px; z-index:200; min-height:250px;  background-color:#fff; display:none;}
#AddressLookupPopup .ProgressIndicator {position:absolute; left:50%; margin-left:-24px; top:100px; width:48px; height:48px; display:none;}
#AddressLookupPopup .ProgressIndicator img {width:48px; height:48px;}
#AddressLookupPopup .TopMessage {font-size:14px; margin-bottom:8px; margin-right:14px;}
#AddressLookupPopup .AjaxContent {overflow:auto; border:solid 1px #ccc;}
#AddressLookupPopup .CloseButton {position:absolute; top:10px; right:10px; width:16px; height:16px; cursor:pointer; background-image:url(/Content/Images/icon-close.png); background-repeat:no-repeat;}
#AddressLookupPopup  select {width:100%; min-width:560px; border:none; height:200px;}
#AddressLookupPopup  select option {}


/* ----------------------------------- */
.t-grid {width:950px !important;}


/* CMSPage - copy from general.css to style cms view pages */
.DospMainBanner        {margin-bottom:20px;}
.DospMainBanner img    {width:100%;}
.DospSectionSpacer     {float:left; width:6%; height:10px;}
.DospSection           {float:left; width:47%; position:relative; margin-bottom:20px;}
.DospSection h2        {position:absolute; top:20px;}
.DospSection img       {width:100%; margin-bottom:5px;}
.DospSection .SubTitle {font-size:16px; line-height:16px; font-weight:600; color:#d93045; margin:0px; padding:0px;}
.DospSection p         {}

.DospBannerBottom      {position:relative; margin-bottom:20px;}
.DospBannerBottom h2   {position:absolute; top:20px;}
.DospBannerBottom img  {width:100%;}

/* style not used, similar may be needed
.Quote              {text-align:center; padding:10px 40px;}
.Quote .OpenQuote   {color:#e4151d; font-size:25px; font-style:italic; font-weight:bold;}
.Quote .CloseQuote  {color:#e4151d; font-size:25px; font-style:italic; font-weight:bold;}
.Quote .TextQuote   {color:#d93045; font-size:25px; font-family:Optima-BoldItalic, Arial;}

.Prayer  {color:#d93045; font-size:16px; font-style:italic;}
*/