﻿/* Perceptions 360 */
body {}
* {background-repeat:no-repeat; padding:0px; margin:0px; outline:none;}
img {border:0px;}
table, tr, td, th {border-spacing:0px; vertical-align:top;} 
body {font-size:62.5%; color:#333333; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif;}

/* Commonly Used */
h1  {font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; color:#333333; text-transform:none; font-size:32px; line-height:1em; font-weight:500; margin:0px 0px 35px 0px;}
h1.NoSpaceBtm {margin-bottom:15px;}
h2  {font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; color:#333333; text-transform:none; font-size:22px; line-height:1em; font-weight:500; margin:30px 0px 35px 0px;}
h3  {font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; color:#333333; text-transform:none; font-size:16px; line-height:1em; font-weight:500; margin:20px 0px 15px 0px;}
h4  {font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-size:18px; line-height:21px; font-weight:400; color:#555; margin-bottom:8px;}

a {color:#333; text-decoration:none;}
a:hover {text-decoration:underline;}

p           {font-size:13px; line-height:1.7em; font-weight:300; margin-bottom:15px;}
p b         {font-weight:700;}
p.Light     {color:#676766;}
ul          {margin:0px 0px 20px 0px; list-style:disc url(/content/images/Icon_BulletPoint.png);}
ol          {margin:0px 0px 20px 0px;}
ul li       {margin:0px 0px 20px 16px; font-size:13px; line-height:1.5em;}
ol li       {margin:0px 0px 20px 16px; font-size:13px; line-height:1.5em;}
.BottomFix  {clear:both; height:0px; font-size:0px; line-height:0px;}
strong      {font-weight:600;}

.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;}

.WidthContent {position:relative; max-width:1120px; margin:0px auto; padding:0px 40px; min-width:280px;}

h2.QuestionnaireNumber      {font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; color:#222222; text-transform:none; font-size:22px; line-height:25px; font-weight:500; margin:0px 0px 30px 0px;}


.BoldFont {font-weight:bold;}

.DebugBox {position:fixed; top:0px; left:0px; border:solid 1px #ddd; background-color:#fff; font-size:11px; color:#000; padding:3px; z-index:1000; max-width:240px; opacity:0.8; line-height:1.1em; font-family:Arial;}
.DebugBox hr {margin:1px 0px 1px 0px; height:0px;}

.GreyBorder                     {height:1px; background-color:#dbdbdb; margin:40px 0px;}

/* Form Styles */
.FormBox                        {margin-bottom:20px;}
.FormBox .FormLabel             {font-size:13px; line-height:1em; color:#333333; margin-bottom:13px; color:#333333;}
.FormBox .LengthInfo            {font-size:10px; line-height:14px; color:#a8a8a8; margin-top:5px;}
.FormBox.OtherGender            {display:none;}
.FormBox.OtherGender.Show       {display:block;}
.FormBox.ConsentBox             {margin-bottom:0px;}
.FormBox.ConsentBox label       {margin-right:10px;}
.FormBox.ConsentBox .Radio,      
.FormBox.ConsentBox .Radio2     {display:inline-block; vertical-align:middle;}
.FormBox.ConsentBox .Txt        {display:inline-block; vertical-align:middle; font-size:13px; padding-left:5px; box-sizing:border-box;}

.SkinSideBySide                       {display:table; width:100%; margin:0px 0px 30px 0px;}
.SkinSideBySide .FormBox              {display:table-cell; vertical-align:middle; margin-bottom:0px;}
.SkinSideBySide .FormBox.LeftCell     {}
.SkinSideBySide .FormBox.RightCell    {text-align:right; box-sizing:border-box;}

.FormField .EditBox           {width:100%; font-size:13px; line-height:1.0em; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:normal; color:#333333; padding:12.5px 15px; box-sizing:border-box; margin:0px; background-color:#F8F7F7; border:1px solid #E5E5E5; border-radius:3px; box-sizing:border-box; -webkit-appearance:none;}
.FormField .DropDown          {width:100%; font-size:13px; line-height:1.0em; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:normal; color:#333333; padding:12.5px 15px; box-sizing:border-box; margin:0px; background-color:#F8F7F7; border:1px solid #E5E5E5; border-radius:3px; box-sizing:border-box; -webkit-appearance:none;}
.FormField .TextArea          {width:100%; font-size:13px; line-height:1.0em; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:normal; color:#333333; padding:12.5px 15px; box-sizing:border-box; margin:0px; background-color:#F8F7F7; border:1px solid #E5E5E5; border-radius:3px; box-sizing:border-box; -webkit-appearance:none;}

.FormField .EditBoxWhite      {width:100%; font-size:13px; line-height:1.0em; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:normal; color:#333333; padding:12.5px 15px; box-sizing:border-box; margin:0px; background-color:#F8F7F7; border:1px solid #E5E5E5; border-radius:3px; box-sizing:border-box; -webkit-appearance:none;}
.FormField .DropDownWhite     {width:100%; font-size:13px; line-height:1.0em; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:normal; color:#333333; padding:12.5px 15px; box-sizing:border-box; margin:0px; background-color:#F8F7F7; border:1px solid #E5E5E5; border-radius:3px; box-sizing:border-box; -webkit-appearance:none;}
.FormField .TextAreaWhite     {width:100%; font-size:13px; line-height:1.0em; font-family:'Montserrat', Arial, Helvetica, Verdana; font-weight:normal; color:#333333; padding:12.5px 15px; box-sizing:border-box; margin:0px; background-color:#F8F7F7; border:1px solid #E5E5E5; border-radius:3px; box-sizing:border-box; -webkit-appearance:none;}

.ValidationInfo                 {display:block; font-size:10px; line-height:12px; color:#dc4444; padding:5px 0px  0px 0px; margin:0px;}
.ValidationInfo span            {display:block; margin-top:8px;}
.ValidationMessage              {display:block; font-size:14px; line-height:18px; color:#dc4444; padding:0px 0px 15px 0px; margin:0px; font-family:'Montserrat', Arial,Helvetica,Verdana; text-transform:none; font-weight:normal;}
.ValidationMessage2             {display:block; font-size:14px; line-height:18px; color:#dc4444; padding:0px 0px 15px 0px; margin:0px; font-family:'Montserrat', Arial,Helvetica,Verdana; text-transform:none; font-weight:normal;}
.Asterisk                       {font-size:12px; line-height:15px; color:#dc4444; padding-left:5px;}
.Denotes                        {font-size:12px; line-height:15px; color:#333333;}

.input-validation-error         {border:1px solid #dc4444 !important; background-color:#fff7f7 !important;}

.ForgottenPassword              {font-size:11px; line-height:18px; color:#A8A8A8; text-decoration:underline;}

.ButtonBottom                           {margin-top:30px;}
.ButtonBottom .BtnBottom                {width:100%;}
.ButtonBottom .ButtonStd input          {width:100%;}
.ButtonBottom .ButtonStd input:focus    {opacity:0.9;}
.ButtonBottom .Denotes                  {float:none; text-align:center; font-size:9px; color:#a2a2a2; padding:20px 10px 0px 0px;}
.ButtonBottom .Denotes .Asterisk        {font-size:8px; padding:0px 2px 0px 0px;} 

.DisbaleBox             {background-color: #ffffff !important; color:#222222 !important; border:1px solid #dbdbdb !important;}

.PasswordStrengthInfo .Inner {display:block; font-size:14px; line-height:17px; color:#676766; padding:5px 0px 0px 0px;}

/* iCheck Plugin Square skin, grey ----------------------------------- */

.CbxAndLabel            {position:relative; min-width:90px;}
.CbxAndLabel a          {color:#333333; font-weight:bold;}
.CbxAndLabel input      {position:relative;}
.CbxAndLabel label      {font-size:13px; line-height:18px; color:#333333; float:left; margin-left:30px; line-height:20px;}
.CbxAndLabel.V2         {position:inherit;}
.RadioAndLabel          {position:relative;}
.RadioAndLabel input    {position:relative;}
.RadioAndLabel label    {font-size:13px; line-height:18px; color:#333333; float:left; margin-left:30px;}

.icheckbox_square-grey          {display:block; margin:0; padding:0; width:20px; height:20px; background:url(/Content/Images/grey.png) no-repeat; border:none; cursor:pointer;}
.iradio_square-grey             {display:block; margin:0; padding:0; width:20px; height:20px; background:url(/Content/Images/grey.png) no-repeat; border:none; cursor:pointer;}

.HomeContent .icheckbox_square-grey       {background:url(/Content/Images/grey.png) no-repeat;}

.icheckbox_square-grey {background-position: 0 0;}
.icheckbox_square-grey.hover {background-position: -24px 0;}
.icheckbox_square-grey.checked {background-position: -48px 0;}
.icheckbox_square-grey.disabled {background-position: -72px 0; cursor: default;}
.icheckbox_square-grey.checked.disabled {background-position: -96px 0;}

.iradio_square-grey {background-position: -120px 0;}
.iradio_square-grey.hover {background-position: -144px 0;}
.iradio_square-grey.checked {background-position: -168px 0;}
.iradio_square-grey.disabled {background-position: -192px 0; cursor: default;}
.iradio_square-grey.checked.disabled {background-position: -216px 0;}

/* Retina support */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (-moz-min-device-pixel-ratio: 1.5),
       only screen and (-o-min-device-pixel-ratio: 3/2),
       only screen and (min-device-pixel-ratio: 1.5) {
    .icheckbox_square-grey,
    .iradio_square-grey {background-image: url(/Content/Images/grey.png); -webkit-background-size: 240px 24px; background-size: 240px 24px;}
}
/*End ----------------------------------- */


/* ButtonStd */
.ButtonStd                  {position:relative;}
.ButtonStd a,
.ButtonStd input,
.ButtonStd button,
.ButtonStd span             {display:inline-block; width:100%; font-size:1.4em; font-weight:400; line-height:1.0em; background-color:#3498B0; border:1px solid #3498B0; text-align:center; border-radius:3px; color:#ffffff; padding:12px 20px; box-sizing:border-box; font-family:'Montserrat', Arial, sans-serif; cursor:pointer; text-decoration:none;}
.ButtonStd a:hover,
.ButtonStd input:hover,
.ButtonStd button:hover,
.ButtonStd span:hover       {opacity:0.9;}

.ButtonStd.Inline           {display:inline-block; vertical-align:top;}

.ButtonStd.StartNew         {margin-top:30px;}

.ButtonStd .ProgressImage   {position:absolute; top:3px; left:72px; height:26px; display:none;}

.ButtonLogin input          {font-family:Arial, Helvetica, Verdana, Sans-Serif; padding:0px 20px; cursor:pointer; font-size:16px; width:auto; border-radius:4px; border:none; color:#fff; background:#44728d; position:relative; line-height:40px; height:40px; text-transform:uppercase; -webkit-appearance:none;}
.ButtonLogin input:hover    {background-color:#315b75;}

.ButtonSmall               {float:left; margin:10px 20px 0px 0px;}
.ButtonSmall a             {padding:0px 20px; cursor:pointer; font-size:16px; border:1px solid #41bfe9; color:#fff; background-color:#41bfe9; position:relative; line-height:31px; height:33px; display:inline-block;}
.ButtonSmall a:hover       {border:1px solid #2e70a4; background-color:#2e70a4;}

.ButtonSmallRight          {position:absolute; top:-90px; right:16px;}
.ButtonSmallRight a        {padding:0px 20px; cursor:pointer; font-size:16px; border:1px solid #41bfe9; color:#fff; background-color:#41bfe9; position:relative; line-height:31px; height:33px; display:inline-block;}
.ButtonSmallRight a:hover  {border:1px solid #2e70a4; background-color:#2e70a4; text-decoration:none;}

.BtnWhite                 {}
.BtnWhite a,
.BtnWhite input,
.BtnWhite button,
.BtnWhite span            {display:inline-block; width:100%; font-size:1.4em; font-weight:400; line-height:1.0em; background-color:#ffffff; border:1px solid #e5e5e5; text-align:center; border-radius:3px; color:#333333; padding:12px 20px; box-sizing:border-box; font-family:'Montserrat', Arial, sans-serif; cursor:pointer; text-decoration:none;}
.BtnWhite a:hover,
.BtnWhite input:hover,
.BtnWhite button:hover,
.BtnWhite span:hover      {opacity:0.9;}

.BtnDashed                {}
.BtnDashed a,
.BtnDashed input,
.BtnDashed button,
.BtnDashed span           {display:inline-block; width:100%; font-size:1.4em; font-weight:400; line-height:1.0em; background-color:#ffffff; border:1px dashed #e5e5e5; text-align:center; border-radius:3px; color:#333333; padding:14px 20px; box-sizing:border-box; font-family:'Montserrat', Arial, sans-serif; cursor:pointer; text-decoration:none;}
.BtnDashed a:hover,
.BtnDashed input:hover,
.BtnDashed button:hover,
.BtnDashed span:hover     {opacity:0.9;}


/* Structure ----------------------------------- */
.MainDiv2 {min-width:320px;}
.MainDiv2 .CentrePanel  {flex:1 1; min-height:500px; width:100%;}
.MainDiv2 .CentrePanel .Content {height:100%;}
.MainDiv2 .MiddleContent.Height01 {display:table; width:100%; height:calc(100vh - 200px);}
.MainDiv2 .MiddleContent .Cell  {display:table-cell; vertical-align:middle; text-align:center;}
.MainDiv2 .MiddleContent .Cell .Icon  {width:160px; height:60px; background:url(/Content/Images/Centrica/Icon_Warning.png) no-repeat center; background-size:contain; margin:0 auto 10px auto;}
.MainDiv2 .MiddleContent .Cell .Text  {padding:10px 0px; box-sizing:border-box;}
.MainDiv2 .MiddleContent .Cell .Info  {padding:0 15px; box-sizing:border-box;}


/* Header */
.MainHeader                                     {background-color:#ffffff; margin:0px auto; border-bottom:1px solid #e5e5e5; height:60px;}
.MainHeader .Logo                               {width:140px; height:60px; background:url(/Content/Images/Logo.png) no-repeat center; background-size:contain; margin: 0px; float:left;}
.MainHeader .Logo img                           {display:none;}
.MainHeader .BottomFix                          {background:#ffffff; height:0px;}
.MainHeader .BlockRight                         {float:right; margin:10px 0px 0px 0px;}
.MainHeader .BlockRight .ButtonStd a            {color:#3498B0; background:#ffffff;}
.MainHeader .BlockRight .ButtonStd a:hover      {background:#3498B0; color:#ffffff;}
.MainHeader .Social                             {margin-top:44px; height:40px; width:220px; float:right;}
.MainHeader .Social a                           {width:40px; height:40px; float:right; margin-left:20px;}
.MainHeader .RightPanelDetails .LogoutBtn       {padding-left:15px; box-sizing:border-box;}

/* Footer */
.MainFooter                 {background-color:#ffffff; padding:0px 20px; box-sizing:border-box;}
.MainFooter .WidthContent   {background-color:#ffffff; border-top:1px solid #e5e5e5; max-width:1120px; padding:21px 0px;}
.MainFooter .LeftSide       {font-size:13px; line-height:15px; float:left; padding:0px;}
.MainFooter .LeftSide a     {font-size:9px; color:#a8a8a8; padding-left:14px; padding-right:14px;}
.MainFooter .LeftSide .SmallLogo      {width:98px; height:17px; float:left; padding:11px 0px 0px 14px;}
.MainFooter .RightSide      {font-size:9px; line-height:15px; color:#a8a8a8; float:right; padding:0px; }

/* Navigation */
.Navigation {background-color:#eee;}
.Navigation a {display:block; float:left; padding:16px 14px 16px 14px; font-size:14px; line-height:17px; color:#555; text-decoration:none;}
.Navigation a:hover {border-top:solid 2px #555; padding-top:14px;}
.Navigation .Phone {float:right; padding:14px 17px 14px 0px; background-image:url(/Content/Images/phone.png); background-position:center right;}
.Navigation .Phone span {font-size:14px; line-height:17px; margin-right:5px;}

/* General Info Form */
.ValidationMessage1 {font-size:14px; color:#dc4444;}
.PQTable01 td.GenFormFields  {text-align:right; width:29%;}
.PQTable01 td.GenFormFields .ValidationInfo {text-align:left;}
.PQTableBox {margin-bottom:10px;}
.PQTableBox .ColQuestion  {padding-right:20px;}

/* Page Content */
.PageContent                                    {padding:40px 0px; min-height:calc(100vh - 200px);}
.PageContent div.InfoBlock                      {float:right; width:30.5%;}
.PageContent div.InfoBlock h2                   {padding-bottom:15px; margin:0px; margin-bottom:20px; border-bottom:none;}
.PageContent div.InfoBlock h2.NoSpaceBtm        {margin-bottom:0px;}
.PageContent div.InfoBlock.NoSpaceBtm h2        {margin-bottom:0px; padding-bottom:20px;}


.PageContent div.ListWidthBlockWithTopBorder    {}
.PageContent div.FullWidthBlockWithTopBorder    {float:left;  width:69.5%; padding-right:40px; box-sizing:border-box;}

.PageContent div.FullWidthBlock                           {width:710px; clear:left; padding:0px  15px 0px 0px; padding-top:1px; margin-bottom:20px;} /* <- not changeable without a good testing */
.PageContent div.FormFullBlock                            {width:710px; clear:left; padding:15px 0px 10px 15px; background-color:#fff; border:1px solid #E5E5E5; margin-right:20px; margin-bottom:20px;}
.PageContent div.ButtonBlock                              {float:left; width:710px; margin:20px 0px 10px 0px; clear:both;}
.PageContent div.ButtonBlock .ButtonStd                   {float:left; margin-right:20px;}
.PageContent div.LogInButtonBlock                         {float:left; width:277px; height:25px; font-size:12px; line-height:15px; font-weight:normal; margin:20px auto 10px 0px; clear:both;}
.PageContent div.FormSubTitle                             {font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif; font-size:22px; line-height:25px; font-weight:500; margin:40px 0px 20px 0px color:#222222; text-transform:none;}
.PageContent div.LogColumnBlock                           {background-color:#fff; border:1px solid #E5E5E5; border-radius:3px; margin:0px 30px 0px 0px; padding:40px 30px; float:left; width:255px !important;}
.PageContent div.LogColumnBlock .FormField .EditBox       {width:240px;}
.PageContent div.LogColumnBlock .FormField .DropDown      {width:240px;}
.PageContent div.LogColumnBlock.GenForm                   {width:60% !important;}

.PageContent .Nominees div.FormSubTitle                   {margin-bottom:15px;}


/* Dashboard */
.Dashboard                                            {}
.Dashboard h1                                         {margin-bottom:15px;}
.Dashboard h2                                         {margin-top:0px; margin-bottom:15px;}
.Dashboard .NewCampaignCode                           {position:relative; border:1px solid #dbdbdb; border-radius:3px; background-color:#ffffff; padding:40px 30px 30px 30px;}
.Dashboard .NewCampaignCode .BtnCross                 {width:30px; background:#898989; border-radius:30px; position:absolute; top:-15px; right:-15px; cursor: pointer;}
.Dashboard .NewCampaignCode .BtnCross img             {width:100%; display:block;}
.Dashboard .NewCampaignCode .ButtonBottom             {margin-top:30px;}
.Dashboard .RegistrationDetails                       {position:relative; border:1px solid #dbdbdb; border-radius:3px; background-color:#ffffff; padding:40px 30px 30px 30px;}
.Dashboard .RegistrationDetails .BtnCross             {width:30px; background:#898989; border-radius:30px; position:absolute; top:-15px; right:-15px; cursor: pointer;}
.Dashboard .RegistrationDetails .BtnCross img         {width:100%; display:block;}
.Dashboard .RegistrationDetails .FormBoxTitle         {float:left; width:18%;}
.Dashboard .RegistrationDetails .FormBoxFirstName     {float:left; width:38%;}
.Dashboard .RegistrationDetails .FormBoxLastName      {float:left; width:38%;}
.Dashboard .RegistrationDetails .FormBoxSpacer01      {float:left; width:3%; height:1px;}
.Dashboard .RegistrationDetails .FormBoxTwoColumn     {float:left; width:48.5%;}
.Dashboard .RegistrationDetails .FormBoxSpacer02      {float:left; width:3%; height:1px;}
.Dashboard .LineSpacer6:last-child                    {display:none;}
.Dashboard .ButtonBottom                              {margin-top:10px;}

/* Home */
.HomeContent                                        {}
.HomeContent .TableIndex                            {display:table; width:100%; margin-bottom:40px; margin-top:0px;}
.HomeContent .TableIndex .TableCellIndex00          {display:table-cell; width:80%; vertical-align:top;}
.HomeContent .TableIndex .TableCellIndex01          {display:table-cell; width:65%; vertical-align:top;}
.HomeContent .TableIndex .TableCellIndex02          {display:table-cell; width:35%; vertical-align:top;}

.HomeContent .ForgottenYourPassword                                       {margin:0px; max-width:500px;}
.HomeContent .ForgottenYourPassword .RespondentRegistration .Title        {padding-bottom:40px;}

.HomeContent .ThankYou  {max-width:500px; margin:100px 0px 0px 0px;}
.HomeContent .ThankYouTextBody  {margin:10px 0px 100px 0px;}

.HomeContent .FeedbackClosed            {max-width:600px; margin:100px 0px 0px 0px;}
.HomeContent .FeedbackClosedTextBody    {margin:10px 0px 100px 0px;}

.HomeContent .HomePage .TableIndex            {margin-bottom:0px;}
.HomeContent .HomePage .ButtonBottom          {margin-top:15px;}

.RespondentRegistration                                 {padding:0px 40px 0px 0px;}
.RespondentRegistration .Title                          {padding-bottom:35px; margin:0px; border-bottom:none; font-size:32px; line-height:33px; color:#333333; font-weight:500;}
.RespondentRegistration .FormBoxTitle                   {float:left; width:18%;}
.RespondentRegistration .FormBoxFirstName               {float:left; width:37%;}
.RespondentRegistration .FormBoxLastName                {float:left; width:37%;}
.RespondentRegistration .FormBoxSpacer01                {float:left; width:3%; height:1px;}
.RespondentRegistration .FormBoxSpacer02                {float:left; width:3%; height:1px;}
.RespondentRegistration .FormBoxOneColumn               {float:left; width:100%;}
.RespondentRegistration .FormBoxTwoColumn               {float:left; width:48.5%;}
.RespondentRegistration .FormBoxTwoColumn .DropDown     {background-color:#ffffff; float:left; width:100%; font-size:15px; line-height:25px; font-family:Arial, Helvetica, Verdana; font-weight:normal; color:#333333; padding:10px; box-sizing:border-box; margin:0px; border:1px solid #dbdbdb; -webkit-appearance:none;}

.RespondentLogIn                                  {background-color:#ffffff; border:1px solid #E5E5E5; border-radius:3px; padding:35px 30px 40px 30px;}
.RespondentLogIn .Title                           {padding-bottom:35px; font-size:22px; font-weight:500; margin:0px;}
.RespondentLogIn .Title.NoSpaceBtm                {padding-bottom:15px;}
.RespondentLogIn .FormBox .FormField .DropDown    {background-color:#ffffff; color:#333333; border:1px solid #dbdbdb; margin-bottom:20px; margin-left:0px; margin-right:0px; margin-top:0px; float:left; width:100%; font-size:15px; line-height:25px; font-family:Arial, Helvetica, Verdana; font-weight:normal; padding:9px; box-sizing:border-box; -webkit-appearance:none;}
.RespondentLogIn .ButtonStd input                 {background:#34C8CA; border:1px solid #34C8CA;}

.RespondentRegistration .FormBox .GenderRadioField                    {float:left; margin-right:20px;}
.RespondentRegistration .FormBox .GenderRadioField .Button            {display:inline-block; vertical-align:middle; margin-right:10px;}
.RespondentRegistration .FormBox .GenderRadioField .Label             {display:inline-block; vertical-align:middle;}
.RespondentRegistration .FormBox .GenderRadioField .Label label       {font-size:13px; line-height:17px; color:#333333;}

.RegistrationDetails .FormBox .GenderRadioField                       {float:left; margin-right:30px; margin-bottom:5px;}
.RegistrationDetails .FormBox .GenderRadioField .Button               {display:inline-block; vertical-align:middle; margin-right:10px;}
.RegistrationDetails .FormBox .GenderRadioField .Label                {display:inline-block; vertical-align:middle;}
.RegistrationDetails .FormBox .GenderRadioField .Label label          {font-size:13px; line-height:17px; color:#333333;}

.FormBox.OtherGender        {display: none;}
.FormBox.OtherGender.Show   {display: block;}


/* Footer */
.Footer {}
.TopFooter {background-color:#28343d; color:#fff; padding:40px 0px 40px 0px;}
.TopFooter h3 {color:#fff;}
.TopFooter a {color:#fff; text-decoration:none;}
.TopFooter .LatestBlog {padding-right:20px;}
.TopFooter .LatestBlog a {font-weight:bold; display:block; margin-bottom:20px; font-size:12px; line-height:15px;}
.TopFooter .LatestBlog p {font-size:12px; line-height:15px;}
.TopFooter .LatestBlog h2 {margin-bottom:18px;color:#fff;}
.TopFooter .Twitter {}
.TopFooter .Twitter h2 {color:#fff;}
.TopFooter .Newsletter {}
.TopFooter .Newsletter h2 {margin-bottom:18px;color:#fff;}
.LowerFooter {background-color:#1c252b;}
.LowerFooter a.Link {display:block; float:left; padding:16px 0px 16px 0px; margin-right:16px; font-size:12px; line-height:15px; color:#fff;  text-decoration:none;}
.LowerFooter a:hover {border-top:solid 2px #fff; padding-top:14px;}
.LowerFooter p {padding:16px 0px 16px 0px; font-size:12px; line-height:15px; color:#fff; text-align:center}
.LowerFooter .Copyright {padding:16px 0px 16px 0px; font-size:12px; line-height:15px; color:#fff; text-align:center}
.LowerFooter .SmallLogo {width:98px; height:17px; float:left; padding:16px 32px 16px 0px; }

/* Slideshow */
.Slideshow {background-color:#fc1e24; padding:40px 0px 0px 0px;}
.Slideshow h3 {color:#fff; font-size:20px; line-height:23px; text-align:center;}
.Slideshow img {width:100%;}
.Slideshow table {height:274px;}
.Slideshow table td {vertical-align:middle; text-align:center;}
.Slideshow .navigation {width:140px; background-color:#fc1e24; text-align:center;}
.Slideshow .navigation img {width:140px; padding:10px 0px 10px 0px}

/* Client Logos */
.ClientLogos {background-color:#fff; padding:20px 0px 20px 0px;}
.ClientLogos table {width:100%; height:100px; text-align:center; background-color:#fff;}
.ClientLogos table td {vertical-align:middle;}
.ClientLogos img {max-width:172px;}

/* Map */
.Map {margin-bottom:-4px; margin-top:100px;}

/* FAQ */
.FAQ p:last-of-type                                   {margin-bottom:0px;}
.FAQ .LineSpacer4:last-child                          {display:none;}

/* Privacy Policy */
.PrivacyPolicy p:last-of-type                         {margin-bottom:0px;}
.PrivacyPolicy .LineSpacer4:last-child                {display:none;}
.PrivacyPolicy a                                      {color:#3498b0; text-decoration:underline;}
.PrivacyPolicy a:hover                                {opacity:0.8;}
.PrivacyPolicy ul li                                  {font-weight:300; margin-bottom:10px;}
.PrivacyPolicy ul li ul                               {margin-top:10px;}
.PrivacyPolicy ul li ul li                            {list-style-type:circle;}

/* Nominees */
.Nominees .InstructionFullBlock                       {padding:0px; border:0px;}
.Nominees h1                                          {margin-bottom:25px;}
.Nominees .BtnClose                                   {position:relative; top:11px; width:20px; height:20px; background:#898989; border-radius:30px; cursor:pointer; margin:10px 0px;}
.Nominees .BtnClose img                               {width:100%; display:block;}


/* CMSPage */
.CMSPage {padding-bottom:40px;}

/* SiteMap */
.Sitemap {padding-bottom:40px;}

/* Blogs */
.Blogs                  {padding-bottom:40px;}
.Blogs .Details         {font-size:12px; line-height:15px; font-weight:300; display:block; margin-bottom:20px;}
.Blogs .DetailsFull     {font-size:12px; line-height:15px; font-weight:300; display:block; margin-bottom:20px;}
.Blogs .Archive         {text-align:right;}
.Blogs .Archive ul      {list-style-type:none;}
.Blogs .Archive ol      {list-style-type:none;}
.Blogs .Archive .Year   {font-size:30px; line-height:33px; margin:0px;}
.Blogs .Archive .Month  {font-size:20px; line-height:25px; margin:0px;}
.Blogs .Archive .Title  {margin:0px;}

/* Technologies */
.Technologies {padding-bottom:40px;}
.Technologies .TechSection {margin-top:40px; text-align:center;}
.Technologies .TechSection .Icon {width:100px; height:100px; margin:auto; margin-bottom:10px;}
.Technologies .TechSection .Icon img {width:100px; height:100px;}

.RelatedTech {padding-bottom:40px;}
.RelatedTech .RelatedTechSection {text-align:center;}
.RelatedTech .RelatedTechSection .Icon {width:100px; height:100px; margin:auto; margin-bottom:10px;}
.RelatedTech .RelatedTechSection .Icon img {width:100px; height:100px;}
.RelatedTech .RelatedTechSection p {font-size:13px; line-height:17px;}


/* Services */
.Services {padding-bottom:40px;}
.Services .ServiceSection {margin-top:40px; text-align:center;}
.Services .ServiceSection .Icon {width:100px; height:100px; margin:auto; margin-bottom:10px;}
.Services .ServiceSection .Icon img {width:100px; height:100px;}
.Services .ServiceSection a:hover { text-decoration:underline; color:#1E7198;}

.ServiceDetailsHeader {position:relative;}
.ServiceDetailsHeader h1 {}
.ServiceDetailsHeader .ServiceImage {position:absolute; top:-14px; width:100%; text-align:center; z-index:-1;}
.ServiceDetailsHeader .ServiceImage img {width:100px; height:100px;}

/* Services */
.ServiceDetails {padding-bottom:40px;}

/* Project */
.Projects {padding-bottom:40px;}
.Projects .Project {margin-bottom:40px;}
.Projects .Project h3 {color:#555; text-align:center;}
.Projects .Project p {color:#555; text-align:center;}
.Projects .Project img {width:100%; background-color:#ccc; margin-bottom:20px;}
.Projects .ButtonStd {width:20%; margin:auto;}

.ProjectDetails {padding-bottom:40px;}
.ProjectDetails .OtherImage img {width:100%;}
.ProjectDetails .ShortDescription {margin-top:40px;}
.ProjectDetails .ShortDescription p {font-size:13px; line-height:17px;}
.ProjectDetails img {width:100%; background-color:#ccc; margin-bottom:20px;}

.RelatedProjects {padding-bottom:40px;}
.RelatedProjects .ProjectLink {width:100%; height:140px; background-color:#ccc; margin-bottom:20px;}

/* Account Home */
.AssessmentTable                                                {display:block; width:100%; color:#333333;line-height:18px;  margin-bottom:0px;}
.AssessmentTable .AssessmentRow                                 {display:table;  width:100%; margin-bottom:20px; box-sizing:border-box; background-color:#fff; border:1px solid #dbdbdb; border-radius:3px;}
.AssessmentTable .AssessmentRow .AssessmentCell                 {display:table-cell; padding:30px 30px; border-bottom:1px dashed #fff; vertical-align:middle;}
.AssessmentTable .AssessmentRow .AssessmentCell01               {width:10%; text-align:center;}
.AssessmentTable .AssessmentRow .AssessmentCell02               {width:70%; text-align:left;}
.AssessmentTable .AssessmentRow .AssessmentCell02 .Text         {font-size:1.4em;}
.AssessmentTable .AssessmentRow .AssessmentCell03               {width:20%; text-align:center;}
.AssessmentTable .AssessmentRow .AssessmentCell03 .Text         {font-size:1.2em; font-weight:700;}
.AssessmentTable .AssessmentRow .AssessmentCell03 .ButtonStd    {font-size:1.2em; color:#A8A8A8;}
.AssessmentTable .AssessmentRow .AssessmentCell03 .ButtonStd a  {font-size:1.2em;}
.AssessmentTable .AssessmentRow:nth-child(2n+0)                 {background-color:#ffffff;}
.AssessmentTable .AssessmentRow:last-child                      {border-bottom:1px solid #dbdbdb;}
.AssessmentTable .AssessmentRow:last-child .AssessmentCell      {border-bottom:none;}
.AssessmentTable .AssessmentRow .Text                           {padding:0px 10px;}
.AssessmentTable .AssessmentRow a                               {font-size:1.4em; color: #ffffff;}
.AssessmentTable .AssessmentRow a:hover                         {text-decoration:none;}


.InfoBlock {
  margin-bottom: 40px;
}
.InfoBlock .AssessmentKey           {position:relative; margin-top:10px;}
.InfoBlock .AssessmentKey .Img      {position:absolute; left:0px; top:50%; margin-top:-15px;}
.InfoBlock .AssessmentKey .Text     {position:relative; bottom:4px; padding-left:30px;}

.AssessmentList                         {font-size:13px; line-height:17px; width:100%; padding-bottom:0px; border:1px solid #E5E5E5; padding:10px 20px;}
.AssessmentList th                      {text-align:left; padding:15px 0px 10px 0px; font-size:13px; line-height:17px; vertical-align:bottom; border-top:1px solid #E5E5E5;}
.AssessmentList td                      {text-align:left; padding:15px 0px 10px 0px;  empty-cells:show;  vertical-align:middle; border-top:1px solid #E5E5E5;}
.AssessmentList tr:first-child td       {border-top:none;}
.AssessmentList td.Col1                 {width:4%;}
.AssessmentList td.Col2                 {width:34%; padding-right:2%;}
.AssessmentList td.Col3                 {width:35%;}
.AssessmentList td.Col4                 {width:25%;}
.AssessmentList td.Col11                {font-size:13px; line-height:17px; padding:0px 0px 15px 0px; border-top:none;}
.AssessmentList td.Col11 p              {font-size:13px; line-height:17px; margin:0px;}
.AssessmentList td a                    {font-size:13px; line-height:17px; color:#47c1ea; margin-right:3px;}
.AssessmentList td a:hover              {text-decoration:underline;}
.AssessmentList td.BottomBorder         {border-bottom:0px; height:0px; padding:0px;}
.AssessmentList td input                {width:45px; font-size:14px; line-height:17px; height:1.5em; padding-top:1px; padding-left:1px; border:solid 1px #ccc; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; color:#333;}
.AssessmentList td.TableValidationInfo  {color:#d22; padding-top:0px; font-weight:bold;}
.AssessmentList div.CompleteSection     {background-image:url(/content/images/High.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.AssessmentList div.CurrentSection      {background-image:url(/content/images/Medium.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.AssessmentList div.FutureSection       {background-image:url(/content/images/Low.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}

.AssessmentList2 {font-size:13px; line-height:17px; width:100%; padding-bottom:0px; border:1px solid #E5E5E5; padding:10px 20px;}
.AssessmentList2 th {text-align:left; padding:15px 0px 10px 0px; font-size:13px; line-height:17px; vertical-align:bottom;}
.AssessmentList2 td {text-align:left; padding:15px 0px 10px 0px;  empty-cells:show;  vertical-align:middle; border-top:1px solid #E5E5E5;}
.AssessmentList2 tr:first-child td {border-top:none;}
.AssessmentList2 td.Col1 {width:4%;}
.AssessmentList2 td.Col2 {width:24%; padding-right:2%;}
.AssessmentList2 td.Col3 {width:28%;}
.AssessmentList2 td.Col4 {width:27%;}
.AssessmentList2 td.Col5 {width:15%;}
.AssessmentList2 td.Col11 {font-size:13px; line-height:17px; padding:0px 0px 15px 0px; border-top:none;}
.AssessmentList2 td.Col11 p {font-size:13px; line-height:17px; margin:0px;}
.AssessmentList2 td.Col15 {text-align:right; padding:0px; border-top:none;}
.AssessmentList2 td.Col15 a             {margin-top:-10px; margin-bottom:15px; padding:0px 20px; cursor:pointer; font-size:13px; line-height:17px; border-radius:2px; border:1px solid #2e70a4; color:#fff; background:#105b8e; position:relative; line-height:31px; height:33px; display:inline-block;}
.AssessmentList2 td.Col15 a:hover       {background-color:#439ae0;}
.AssessmentList2 td a {font-size:13px; line-height:17px; color:#47c1ea; margin-right:3px;}
.AssessmentList2 td a:hover {text-decoration:underline;}
.AssessmentList2 td.BottomBorder {border-bottom:0px; height:0px; padding:0px;}
.AssessmentList2 td input {width:45px; font-size:14px; line-height:17px; height:1.5em; padding-top:1px; padding-left:1px; border:solid 1px #ccc; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; color:#333;}
.AssessmentList2 td.TableValidationInfo {color:#d22; padding-top:0px; font-weight:bold;}
.AssessmentList2 div.CompleteSection  {background-image:url(/content/images/High.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.AssessmentList2 div.CurrentSection   {background-image:url(/content/images/Medium.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.AssessmentList2 div.FutureSection     {background-image:url(/content/images/Low.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}

.CompleteSection     {display:inline-block; background:#009944; border-radius:50%; width:20px; height:20px; background-size:cover;}
.CurrentSection      {display:inline-block; background:#FBB900; border-radius:50%; width:20px; height:20px; background-size:cover;}
.FutureSection       {display:inline-block; background:#C6C6C6; border-radius:50%; width:20px; height:20px; background-size:cover;}

/* Question Information */
.QuestionInformation {padding:20px; border:1px solid #ccc; background:#f0f0f0; margin-bottom:20px;}
.QuestionInformation p {margin-bottom:0px;}
.QuestionInformation img {text-align:center; max-width:618px;}
.QuestionAsk {font-size:13px; line-height:17px; font-weight:bold; margin-bottom:10px; border-bottom:none; padding:0 0 8px;}
.QuestionAsk img {display:block; margin:0px 0px 20px 0px;}
.QuestionTable {border:1px solid #E5E5E5; padding:10px 10px 5px 10px; text-align:center;}
.QuestionTable div.QuestionAnswer {display:inline-block; vertical-align:top; padding:10px 5px; width:114px; text-align:center;}
.QuestionTable div.QuestionAnswer label {display:block;}
.QuestionTable div.QuestionAnswer input {display:block; padding:10px; vertical-align:bottom; margin:auto; margin-top:10px; margin-bottom:6px;}
.QuestionTable div.QuestionAnswer img {display:block; margin:auto;}
.QuestionTable div.QuestionAnswer .AnswerInfoGood {color:#669800; display:none; font-size:12px; line-height:15px;}
.QuestionTable div.QuestionAnswer .AnswerInfoBad {color:#d22; display:none; font-size:12px; line-height:15px;}

.QuestionTable div.VerticalAnswers       {width:100%; text-align:left; display:inline-block; vertical-align:top; clear:both; position:relative; margin:5px 10px;}
.QuestionTable div.VerticalAnswers label  {margin-left:20px;}
.QuestionTable div.VerticalAnswers input {display:inline-block; margin:0px; float:left; position:absolute; top:12px; left:0px; padding:0px;}
.QuestionTable div.VerticalAnswers .AnswerInfoBad {margin-left:20px;}

/* RequestBlock */
.RequestBlock {}
.RequestBlock .FormBox .FormField textarea {width:660px; height:170px;}

/* Right Column Questionnaire */
.RightColumnQuestionnaire {float:right;}
.RightColumnQuestionnaire .TimeBlock {padding:15px; border:1px solid #ccc; background:#f0f0f0; margin-bottom:20px; width:190px; text-align:center;}
.RightColumnQuestionnaire .TimeBlock h2 {font-size:16px; line-height:19px; font-weight:normal; margin:0px 0px 10px 0px; line-height:normal;}
.RightColumnQuestionnaire .TimeBlock .TimeRemaining {color:#47c1ea; font-weight:bold; font-size:30px; line-height:33px;}
.RightColumnQuestionnaire .InfoBlock {float:none;}
.RightColumnQuestionnaire .InfoBlock p {margin:0px;}


/* Block Questionnaire */
.QuestionnaireBlock     {margin-bottom:40px;}
.QuestionnaireBlock h1  {}

/* Questionnaire Number */
h1.QuestionnaireNumber {float:left;}

/* Progress Bar */
.ProgressBar                              {margin:10px 0px 0px 20px; display:table; border:1px solid #dbdbdb; padding:0px; border-radius:25px; float:right;}
.ProgressBar .ProgressBlock               {display:table-cell; width:20px; height:10px; margin-left:0px;}
.ProgressBar .ProgressBlock:first-child   {border-top-left-radius:25px; border-bottom-left-radius:25px;}
.ProgressBar .ProgressBlock:last-child    {border-top-right-radius:25px; border-bottom-right-radius:25px;}
.ProgressBar .ProgressEmpty               {background-color:#f8f7f7;}
.ProgressBar .ProgressFull                {background-color:#3498b0;}

/* Instruction Full Block */
/*.InstructionFullBlock               {width:auto; clear:left; padding:40px; background-color:#ffffff; border:1px solid #dbdbdb; margin-bottom:20px;}*/
.InstructionFullBlock p:last-child  {margin-bottom:0px;}
.InstructionFullBlock h2            {font-size:20px; line-height:23px;}

.InstructionBtns                      {padding-top:30px; margin-top:30px; border-top:1px solid #e5e5e5;}
.InstructionBtns .BtnLeft             {float:left}
.InstructionBtns .BtnLeft a,
.InstructionBtns .BtnLeft input,
.InstructionBtns .BtnLeft button,
.InstructionBtns .BtnLeft span        {min-width:140px;}
.InstructionBtns .BtnRight            {float:right;}
.InstructionBtns .BtnRight a,
.InstructionBtns .BtnRight input,
.InstructionBtns .BtnRight button,
.InstructionBtns .BtnRight span       {min-width:140px;}



.PQTable01                         {font-size:13px; line-height:18px; width:100%; padding-bottom:0px;}
.PQTable01 th                      {text-align:left; padding:0px 0px 10px 0px; font-size:13px; line-height:17px; font-weight:normal; vertical-align:bottom;}
.PQTable01 th.Col1                 {width:18%;}
.PQTable01 th.Col2                 {width:18%;}
.PQTable01 th.Col3                 {width:18%;}
.PQTable01 th.Col4                 {width:18%;}
.PQTable01 th.Col5                 {width:16%; text-align:center;}
.PQTable01 th.Col6                 {width:12%; text-align:center;}
.PQTable01 td                      {text-align:left; padding:0px 0px 10px 0px;  empty-cells:show;  vertical-align:top;}
.PQTable01 td.Col1                 {width:18%;}
.PQTable01 td.Col2                 {width:18%;}
.PQTable01 td.Col3                 {width:18%;}
.PQTable01 td.Col4                 {width:18%;}
.PQTable01 td.Col5                 {width:16%; text-align:center;}
.PQTable01 td.Col5 .FormField      {margin-left:37px;}
.PQTable01 td.Col6                 {width:12%; text-align:center;}
.PQTable01 td a                    {font-size:13px; line-height:17px; color:#47c1ea; margin-right:3px;}
.PQTable01 td a:hover              {text-decoration:underline;}
.PQTable01 td.BottomBorder         {border-bottom:0px; height:0px; padding:0px;}
.PQTable01 td input                {width:90px; padding:0px 5px; font-size:14px; line-height:17px; color:#333; background-color:#fff; border:1px solid #d9d9d9;}
.PQTable01 td.TableValidationInfo  {color:#d22; padding-top:0px; font-weight:bold;}
.PQTable01 div.CompleteSection     {background-image:url(/content/images/High.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.PQTable01 div.CurrentSection      {background-image:url(/content/images/Medium.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.PQTable01 div.FutureSection       {background-image:url(/content/images/Low.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.PQTable01 td span.ValidationInfo  {}

.PQBox                                      {border:1px solid #EAEAEA; padding:40px 30px; margin-top:20px; box-sizing:border-box; border-radius:3px;}
.PQBox .NomineeTypeNum                      {display:none;}
.PQBox .MinNumNom                           {display:none;}
.PQBox .MaxNumNom                           {display:none;}
.PQBox .DelNominee.Hide                     {display:none;}
.PQBox .AddNominee.Hide                     {display:none;}
.PQBox .FormField .EditBox                  {font-size:10px; padding:12.5px 10px;}

.PQBoxReadonly                                      {border:1px solid #EAEAEA; padding:30px 40px 30px 40px; box-sizing:border-box;}
.PQBoxReadonly .NomineeTypeNum                      {display:none;}
.PQBoxReadonly .MinNumNom                           {display:none;}
.PQBoxReadonly .MaxNumNom                           {display:none;}
.PQBoxReadonly .DelNominee.Hide                     {display:none;}
.PQBoxReadonly .AddNominee.Hide                     {display:none;}

.PQTable02                                  {display:table; font-size:12px; line-height:17px;}

.PQTable02 .PQTopRow02                      {display:table-row;}
.PQTable02 .PQTopRow02 .ColSpacer           {display:table-cell; width:1%;}
.PQTable02 .PQTopRow02 .Col1                {display:table-cell; width:14.5%; vertical-align:bottom; text-align:left;}
.PQTable02 .PQTopRow02 .Col2                {display:table-cell; width:14.5%; vertical-align:bottom; text-align:left;}
.PQTable02 .PQTopRow02 .Col3                {display:table-cell; width:22.3%; vertical-align:bottom; text-align:left;}
.PQTable02 .PQTopRow02 .Col4                {display:table-cell; width:14.5%; vertical-align:bottom; text-align:left;}
.PQTable02 .PQTopRow02 .Col5                {display:table-cell; width:14.5%; vertical-align:bottom;}
.PQTable02 .PQTopRow02 .Col6                {display:table-cell; width:14.5%; vertical-align:bottom; text-align:left;}
.PQTable02 .PQTopRow02 .Col7                {display:table-cell; width:5%; vertical-align:bottom; text-align:left;}

.PQTable02 .PQRow02                         {display:table-row;}
.PQTable02 .PQRow02 .ColSpacer              {display:table-cell; width:2%;}
.PQTable02 .PQRow02 .ColSpacer2             {display:table-cell; width:3%;}
.PQTable02 .PQRow02 .Col1                   {display:table-cell; width:15.5%; text-align:left;}
.PQTable02 .PQRow02 .Col2                   {display:table-cell; width:15.5%; text-align:left;}
.PQTable02 .PQRow02 .Col3                   {display:table-cell; width:22.3%; text-align:left;}
.PQTable02 .PQRow02 .Col4                   {display:table-cell; width:15.5%; text-align:left;}
.PQTable02 .PQRow02 .Col5                   {display:table-cell; width:15.5%; text-align:center;}
.PQTable02 .PQRow02 .Col5 .FormField        {position:relative; top:8px;}
.PQTable02 .PQRow02 .Col6                   {display:table-cell; width:15.5%; text-align:left; color:#A8A8A8;}
.PQTable02 .PQRow02 .Col7                   {display:table-cell; width:4%; vertical-align:top; text-align:left;}
.PQTable02 .PQRow02 .FormField              {margin-top:10px;}
.PQTable02 .PQRow02 .icheckbox_square-grey  {}
.PQTable02 .PQRow02 .RespondFormLabel       {display:none;}

.PQTable02 .PQRow02  a                    {font-size:13px; line-height:17px; color:#47c1ea; margin-right:3px;}
.PQTable02 .PQRow02  a:hover              {text-decoration:underline;}
.PQTable02 .PQRow02.BottomBorder          {border-bottom:0px; height:0px; padding:0px;}


.PQTable02 .PQRow02.TableValidationInfo   {color:#d22; padding-top:0px; font-weight:bold;}
.PQTable02 .CompleteSection               {background-image:url(/content/images/High.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.PQTable02 .CurrentSection                {background-image:url(/content/images/Medium.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.PQTable02 .FutureSection                 {background-image:url(/content/images/Low.png); display:block; width:17px; height:16px; background-position:0px 0px; padding-left:0px;}
.PQTable02 td span.ValidationInfo         {position:absolute;}


.PQTable                                {display:table; width:100%;}

.PQTable .PQTopRow                      {display:table-row; font-family:'Montserrat', Arial,Helvetica,Verdana; height:50px;}
.PQTable .PQTopRow .ColQuestion         {display:table-cell; width:48%; font-size:15px; line-height:23px; font-weight:bold; text-align:left; text-transform:none; vertical-align:middle; padding-right:2%; padding-bottom:10px;}
.PQTable .PQTopRow .Col1                {display:table-cell; width:7.5%; font-size:11px; line-height:15px; color:#a8a8a8; text-align:center; vertical-align:middle;}
.PQTable .PQTopRow .Col2                {display:table-cell; width:7.5%; font-size:11px; line-height:15px; color:#a8a8a8; text-align:center; vertical-align:middle;}
.PQTable .PQTopRow .Col3                {display:table-cell; width:7.5%; font-size:11px; line-height:15px; color:#a8a8a8; text-align:center; vertical-align:middle;}
.PQTable .PQTopRow .Col4                {display:table-cell; width:7.5%; font-size:11px; line-height:15px; color:#a8a8a8; text-align:center; vertical-align:middle;}
.PQTable .PQTopRow .Col5                {display:table-cell; width:7.5%; font-size:11px; line-height:15px; color:#a8a8a8; text-align:center; vertical-align:middle;}
.PQTable .PQTopRow .Col6                {display:table-cell; width:7.5%; font-size:11px; line-height:15px; color:#a8a8a8; text-align:center; vertical-align:middle;}
.PQTable .PQTopRow .ColSpacer           {display:table-cell; width:2%;}

.PQTable .PQRow                         {display:table-row; height:100px;}
.PQTable .PQRow .ColQuestion            {display:table-cell; width:48%; font-size:13px; line-height:20px; vertical-align:middle; padding:5px 2% 5px 0px; border-top:1px solid #e5e5e5;}
.PQTable .PQRow .Col1                   {display:table-cell; width:7.5%; text-align:center; vertical-align:middle; background-color:#ffffff; border-top:1px solid #e5e5e5;}
.PQTable .PQRow .Col2                   {display:table-cell; width:7.5%; text-align:center; vertical-align:middle; background-color:#ffffff; border-top:1px solid #e5e5e5;}
.PQTable .PQRow .Col3                   {display:table-cell; width:7.5%; text-align:center; vertical-align:middle; background-color:#ffffff; border-top:1px solid #e5e5e5;}
.PQTable .PQRow .Col4                   {display:table-cell; width:7.5%; text-align:center; vertical-align:middle; background-color:#ffffff; border-top:1px solid #e5e5e5;}
.PQTable .PQRow .Col5                   {display:table-cell; width:7.5%; text-align:center; vertical-align:middle; background-color:#ffffff; border-top:1px solid #e5e5e5;}
.PQTable .PQRow .Col6                   {display:table-cell; width:7.5%; text-align:center; vertical-align:middle; background-color:#ffffff; border-top:1px solid #e5e5e5;}
.PQTable .PQRow .ColSpacer              {display:table-cell; width:2%; background-color:#ffffff; border-top:1px solid #e5e5e5;}
.PQTable span.TitleTable                {display:none; font-size:12px; line-height:15px; color:#333333; text-align:center; padding:5px 5px 0px 5px;}
.PQTable .Hr                            {display:none;}

.PQTable .PQRow:nth-child(4n+0) .Col1            {background-color:#ffffff;}
.PQTable .PQRow:nth-child(4n+0) .Col2            {background-color:#ffffff;}
.PQTable .PQRow:nth-child(4n+0) .Col3            {background-color:#ffffff;}
.PQTable .PQRow:nth-child(4n+0) .Col4            {background-color:#ffffff;}
.PQTable .PQRow:nth-child(4n+0) .Col5            {background-color:#ffffff;}
.PQTable .PQRow:nth-child(4n+0) .Col6            {background-color:#ffffff;}
.PQTable .PQRow:nth-child(4n+0) .ColSpacer       {background-color:#ffffff;}

.PQTable .PQValidationHighlighted .ColQuestion      {background-color:#fff7f7 !important; padding:5px 2% 5px 2%;  width:48%;}
.PQTable .PQValidationHighlighted .Col1             {background-color:#fff7f7 !important;}
.PQTable .PQValidationHighlighted .Col2             {background-color:#fff7f7 !important;}
.PQTable .PQValidationHighlighted .Col3             {background-color:#fff7f7 !important;}
.PQTable .PQValidationHighlighted .Col4             {background-color:#fff7f7 !important;}
.PQTable .PQValidationHighlighted .Col5             {background-color:#fff7f7 !important;}
.PQTable .PQValidationHighlighted .Col6             {background-color:#fff7f7 !important;}
.PQTable .PQValidationHighlighted .ColSpacer        {background-color:#fff7f7 !important;}

.PQTable .icheckbox_square-grey          {display:block; margin:auto; padding:0; width:41px; height:43px; background:url(/Content/Images/square.png) no-repeat; border:none; cursor:pointer;}
.PQTable .iradio_square-grey             {display:block; margin:auto; padding:0; width:41px; height:43px; background:url(/Content/Images/square.png) no-repeat; border:none; cursor:pointer;}

.PQTable .icheckbox_square-grey                   {background-position: -14px 0;}
.PQTable .icheckbox_square-grey.hover             {background-position: -55px 0;}
.PQTable .icheckbox_square-grey.checked           {background-position: -96px 0;}
.PQTable .icheckbox_square-grey.disabled          {background-position: -137px 0; cursor:default;}
.PQTable .icheckbox_square-grey.checked.disabled  {background-position: -178px 0;}

.PQTable .iradio_square-grey                      {background-position: -220px 0;}
.PQTable .iradio_square-grey.hover                {background-position: -264px 0;}
.PQTable .iradio_square-grey.checked              {background-position: -308px 0;}
.PQTable .iradio_square-grey.disabled             {background-position: -352px 0; cursor:default;}
.PQTable .iradio_square-grey.checked.disabled     {background-position: -396px 0;}


.FormBoxQuestionEnd .PQValidationHighlighted                        {background-color:#ffcaca !important; padding:20px;}
.FormBoxQuestionEnd .PQValidationHighlighted .FormField             {border:2px solid #dc4444;}

.SortableLists .Header                              {color:#222222; text-transform:none; font-size:30px; line-height:33px; font-weight:400; margin:60px 0px 30px 0px; font-family:'Montserrat', Arial, Helvetica, Verdana, Sans-Serif;}
.SortableLists .IndividualList                      {font-size:13px; line-height:20px;}
.SortableLists .IndividualList .SortableItem        {padding:20px 20px 20px 40px; border:solid 1px #E5E5E5; margin-bottom:6px; border-radius:3px; background-image:url(/content/images/up_down_icon.png); background-position:14px center; background-size:12px auto; cursor:n-resize; background-color:#fff;  }
.SortableLists .IndividualList .SortableItem span   {}

/* Pop-ups */
.CoverLayer                                         {position:absolute; top:0px; left:0px; width:100%; z-index:120; opacity:0; display:none; background-color:rgba(0, 0, 0, 0.7); background-repeat:repeat; transition:opacity 300ms ease;}
.CoverLayer.Visible                                 {opacity:1;}

.Positioning                                                                  {position:relative; max-width:605px; min-width:290px; padding:15px 30px; margin:0px auto 0px auto;}
.Positioning .CloseForm                                                       {position:absolute; background-image:url(/Content/Images/Icon_Cross.png); top:0px; right:15px; width:36px; height:36px; cursor:pointer; background-size:28px 28px; background-position:center center; background-repeat:no-repeat;}
.Positioning .PopupContent                                                    {position:relative; background-color:#ffffff; border:1px solid #ffffff; box-sizing:border-box; color:#333; margin:0px auto 0px auto; padding:40px 30px; box-sizing:border-box; min-height:100px; line-height:1.5em;}
.Positioning .PopupContent .ContentToDisplay                                  {font-size:1.4em; line-height:1.8em; font-weight:400;}
.Positioning .PopupContent .BeforeSignUpConsent h2                            {margin:0px 0px 25px 0px;}
.Positioning .PopupContent .BeforeSignUpConsent h2:focus                      {outline:1px dotted #000000;}
.Positioning .PopupContent .BeforeSignUpConsent p:focus                       {outline:1px dotted #000000;}
.Positioning .PopupContent .BeforeSignUpConsent .SubmitButton:focus           {opacity:0.9;}
.Positioning .PopupContent .BeforeSignUpConsent a                             {color:#3498b0; text-decoration:underline;}
.Positioning .PopupContent .BeforeSignUpConsent a:hover                       {opacity:0.8;}
.Positioning .PopupContent .BeforeSignUpConsent a:focus                       {outline:1px dotted #000000;}
.Positioning .PopupContent .BeforeSignUpConsent .Content                      {display:none;}
.Positioning .PopupContent .BeforeSignUpConsent .Content p                    {margin-bottom:15px;}
.Positioning .PopupContent .BeforeSignUpConsent .Content.Show                 {display:block;}
.Positioning .ProgressIndicator                                               {position:absolute; top:10px; left:50%; width:200px; height:200px; margin-left:-100px; background-image:url(/Images/Default/progress-anim-bg.png); display:none;}
.Positioning .ProgressIndicator img                                           {display:block; position:absolute; top:84px; left:84px;}
.Positioning ul                                                               {margin-left:13px !important;}

.PopUpContainer                                     {display:none;}
.PopupContent .LineSpacer                           {display:none;}
.PopupContent p:last-child                          {margin-bottom:0px;}
.PopupContent .ContractTextLargeScreen              {margin-bottom:20px;}
.PopupContent .ContractTextSmallScreen              {margin-bottom:20px; display:none;}

/* Parallax */
#projectone { 
	background:#ed1b2e 50% 0 no-repeat fixed; 
	height: 810px;  
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}
#projecttwo { 
	background:#5f8c1f 50% 0 no-repeat fixed; 
	height: 810px;
	margin: 0 auto; 
    width: 100%; 
    max-width: 1920px; 
    position: relative; 
}

#projectthree { 
	background:#295d7a 50% 0 no-repeat fixed; 
	height: 810px;
	margin: 0 auto; 
  width: 100%; 
  max-width: 1920px; 
  position: relative; 
}


/* Cookie Banner */
#cookie-banner                                        {position:fixed; left:0px; bottom:0px; width:100%; padding:17px 0px; box-sizing:border-box; z-index:100000000!important; box-shadow:0 -1px 3px #eaf0f6; border-top:1px solid #cbd6e2; background-color:#ffffff;}
#cookie-banner .WidthContent                          {height:100%;}
#cookie-banner .CookieContent                         {display:table; width:100%; height:100%;}
#cookie-banner .CookieContent .CC_Cell                {display:table-cell; vertical-align:middle;}
#cookie-banner .CookieContent .CC_Cell.Txt            {padding-right:50px; box-sizing:border-box;}
#cookie-banner .CookieContent .CC_Cell.Btn            {width:180px;}
#cookie-banner p                                      {margin-bottom:0px;}
#cookie-banner.Hide                                   {display:none;}


@media only screen and (max-width: 767px){
  .Header .Logo {margin:30px 0px 10px 0px; height:90px;}
  .Header .Social {margin:20px auto 40px auto; width:220px; height:40px; float:none;}
  .Slideshow table {height:auto !important; margin-bottom:20px;}
  .Navigation a {clear:left; text-align:center; float:none; padding-right:0px; padding-left:0px;}
  .Navigation .Phone {margin:auto; float:none;}
  .LowerFooter a.Link {clear:left; text-align:center; float:none !important; margin-right:0px; padding-left:0px;}
  .LowerFooter .SmallLogo {clear:left; margin:0px auto 0px auto; text-align:center; float:none !important; padding-right:0px;}
  .Map {margin-bottom:-4px; margin-top:20px;}
  .CMSPage {padding-bottom:20px;}
  .Sitemap {padding-bottom:20px;}
  .Blogs {padding-bottom:20px;}
  .Blogs .Archive {text-align:center;}
  .Blogs .Archive ul {margin:0 0 20px 0px;}
  .Blogs .Archive li {margin:0 0 20px 0px;}
  .Technologies {text-align:center;}
}

.CurrentPage, .IsLastPage, .SortColumn {display:none;}

.RightColumnLogo        {}
.RightColumnLogo img    {width:100%;}   

/* StackedList - BEGIN */
.StackedList {}
.StackedList .Bucket              {display:inline-block; position:relative;  background-color:#eee; min-height:150px; width:110px; margin-right:20px; margin-bottom:40px; border-radius:3px;}
.StackedList .Bucket .Pos         {position:absolute; bottom:0px; width:100%; padding-top:25px;}
.StackedList .Bucket .Pos .Block  {height:24px; border-radius:3px; margin-top:2px; background-color:#009944; cursor:move;}
.StackedList .Bucket .Label       {position:absolute; width:100%; font-size:12px;}
/* StackedList - END */

.CoastiFrame {border:none; min-height:400px;} /*min height for the progress indicator to appear not too clost to outer footer */
.IframeProgress {position:fixed; top:50%; left:50%; margin-left:-16px; margin-top:-16px;}

.IconWithTooltip                        {display:inline-block; vertical-align:middle; position:relative; color:#fff; margin-left:5px;}
.IconWithTooltip .Icon                  {width:18px; height:18px; background-image:url(/content/images/q-icon.png); background-size:100% 100%; background-position:center center; cursor:pointer; }
.IconWithTooltip .Tooltip               {position:absolute; background-color:#44718e; border-radius:4px; width:170px; bottom:35px; left:-74px; display:none; /*box-shadow:2px 2px 3px rgba(0, 0, 0, 0.3);*/}
.IconWithTooltip .Tooltip .Content      {font-size:12px; line-height:1.2em; padding:10px;}
.IconWithTooltip .Tooltip .PointerIcon  {position:absolute; bottom:-15px; left:59px; background-image:url(/content/images/tooltip_icon.png); background-position:center bottom; width:50px; height:20px;}

