/* AGR - Admin */ /* reset */
body {}
* {outline:none;}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, table, td, th, hr, input, label, a {background-repeat:no-repeat;}
body, h1, h2, h3, h4, label, ul, ol, li, dl, dt, dd, p, div, span, img, label, a {padding:0px; border:0px; margin:0px;}
table, tr, td, th {border-spacing:0px; padding:0px; border:0px; margin:0px; vertical-align:top;} 
td, th {empty-cells:hide;}
input {margin:0px; padding:0px;}
body {font-size:62.5%; color:#333; font-family:Arial, Verdana, Helvetica, sans-serif; background-color:#FFF}
.Radio, .CheckBox  {position:relative; left:-4px; top:1px;}
.Radio2, .CheckBox2 {position:relative; left:-4px; top:1px; margin-left:15px}

/* common basic */
h1 {font-size:64px; margin-bottom:0px; padding-bottom:5px; padding-top:5px; color:#257DB1; font-weight:bold;}
.H1AlternativePlaceholder {height:18px; font-size:2px; clear:both;}
.DragContent h1 {font-size:21px; color:#222; border-color:#222; margin-bottom:5px}
h2 {font-size:20px; padding-top:5px; color:#222; font-weight:normal;}
  h2 a {color:#0284A8; font-size:12px; text-decoration:none !important}
  h2.FakeH1 {font-size:21px !important}
h3 {font-size:14px; margin-top:10px; margin-bottom:10px; color:#000; font-weight:normal}
.DropColumnW3 .DragContent h3 {font-size:13px; font-style:italic}
  h3.TimerTitle {text-align:center; position:relative; left:-2px; margin-top:10px;}
a {color:#222; text-decoration:none; font-weight:normal; font-size:1em}
p a {font-size:1em;}
a:hover {text-decoration:underline;}
p {margin-top:8px; margin-bottom:8px; font-size:1.2em; line-height:1.5em; color:#666666}
p.NormPara {margin-top:8px !important; margin-bottom:8px !important; font-size:1.2em; line-height:1.5em; color:#666666}
p.BottomPad {padding-bottom:5px}
p.Larger {font-size:1.2em;}
.Red {color:#d00 !important; font-weight:bold}
.Bold   {font-weight:bold !important;}
.Italic {font-style:italic !important;}
.Warning {color:#d00 !important; font-weight:bold; font-size:14px; text-align:center;}
ul {margin:8px 0px 8px 30px;}
ol {margin:8px 0px 8px 30px;}
ul li {margin:2px 0px 2px 0px; font-size:1.3em; line-height:1.4em; color:#666666}
ul li a {font-size:1em;}
ol li {margin:2px 0px 2px 0px; font-size:1.3em; line-height:1.4em; color:#666666}
ol li a {font-size:1em;}
dl {margin:15px 0px 10px 0px;}
dl dt {margin:2px 0px 0px 0px; font-size:1.1em; line-height:1.5em; font-weight:bold;}
dl dt a {font-size:1em;}
dl dd {margin:2px 0px 10px 20px; font-size:1.1em; line-height:1.5em;}
dl dd a {font-size:1em;}
.drag {cursor:move}
.BottomFix {clear:both; height:2px; font-size:1px; line-height:1px; display:block;}
.Spacer0 {height:6px; width:10px;}
.Spacer {height:15px; width:10px;}
.Spacer10 {height:10px; width:10px; clear:both;}
.NumberedLabel {display:block; text-indent:-1.5em; margin-left:1.5em}
.BlueHR1 {margin-top:4px; margin-bottom:-7px; height:2px; font-size:2px; clear:both; border-top:solid 1px #a9cfd3;}
.BlueHR2 {margin-top:4px; margin-bottom:0px;  height:2px; font-size:2px; clear:both; border-top:solid 1px #a9cfd3;}
.HeaderGray1 {background-color:#ddd;}
.HeaderGray2 {background-color:#eee;}
.BlockSpans span {display:block; line-height:1.5em;}
.BoxStd {background-color:#f0fcff; border:solid 1px #c0c8c9;  padding:10px 12px 10px 12px;}
.Black {color:#000;}
.DisplayNone {display:none !important}
.ClearLeft {clear:left;}
.SwitchablePanel {display:none; border-top:solid 1px #fff;}

/************** Validation *************/
.WarningInfo {color:#d33; font-size:1.2em; font-weight:bold; margin-bottom:-10px}
.Asterisk {color:#d33; font-weight:bold}
.ValidationHighlighted {border:solid 1px #d99 !important; background-color:#fee !important;}

/* General validation message */
.ValidationMessage1 {width:auto; color:#d33 !important; font-size:1.1em; margin-left:auto; margin-right:auto; font-weight:bold;}
.ValidationMessage1 span {display:block; margin-bottom:5px;}
.ValidationMessage1 a {color:#d33; text-decoration:underline;}

/* Test pages below material*/
.ValidationMessage3 {width:auto; color:#d33; font-size:1.1em; margin:10px auto 0px auto; font-weight:bold;}
.ValidationMessage3 a {color:#d33; text-decoration:underline;}

/* Top of a test page */
.ValidationMessage4 {width:auto; color:#d33; font-size:1.1em; margin:10px auto -10px 55px; font-weight:bold;}
.ValidationMessage4 a {color:#d33; text-decoration:underline;}

/* Validation images rollovers for general use, maybe not used in this project - del later*/
.ValidationInfo   {position:relative; text-indent:0px; white-space:nowrap;}
.ValidationInfo img {position:relative;}
.ValidationInfo div{ position:absolute; white-space:normal; font-weight:normal; overflow:hidden; padding:2px 2px 2px 4px; top:-85px; left:17px; width:140px; height:80px; font-size:11px; border:solid 1px #ccc; background-color:#fff; color:#333; display:none; z-index:12;}

/* Spacers */
.LineSpacer   {height:5px; font-size:2px; clear:both;}
.LineSpacer1  {height:5px; font-size:2px; clear:both;}
.LineSpacer2  {height:10px; font-size:2px; clear:both;}
.LineSpacer3  {height:15px; font-size:2px; clear:both;}
.LineSpacer4  {height:25px; font-size:2px; clear:both;}
.LineSpacer5  {height:50px; font-size:2px; clear:both;}

.LineSpaceReducer1 {margin-bottom:-5px;  height:2px; font-size:2px;}
.LineSpaceReducer2 {margin-bottom:-10px; height:2px; font-size:2px;}
.LineSpaceReducer3 {margin-bottom:-15px; height:2px; font-size:2px;}
.LineSpaceReducer4 {margin-bottom:-25px; height:2px; font-size:2px;}

.BoxSpacer1 {padding:20px 0px 0px 55px;}

.FloatRight {float:right}
a.FloatRight {margin-left:10px;}
img.FloatRight {margin:10px 0px 10px 10px}

.RightLink {position:absolute; bottom:0px; right:10px; text-align:right}
.RightLink a {color:#333 !important; text-decoration:none !important; font-weight:normal !important}
.RightLink a:hover {text-decoration:underline !important}

/*Structure*/
.MainDiv {position:relative; width:990px; margin:0px auto}
.MainHeader {}
  .MainHeader .MainHeaderInner {position:relative; padding:10px 0px 13px 0px;}
    .MainHeader .MainHeaderInner .HeaderImage {float:right; width:379px; height:92px; margin-top:-2px; margin-bottom:-2px; background-image:url(/Images/Default/header-image.jpg)}
    .MainHeader .MainHeaderInner .Logo {font-weight:bold; font-size:18px; color:#777; padding:0px 0px 0px 0px; display:block; width:200px; height:60px; background-image:url(/Images/Default/logo-admin.jpg);}

.MainContent {position:relative; min-height:500px}

.PopUpContent {}
.PopUpContent .MainDiv {top:0px; position:relative; width:742px; padding-top:28px;}
.PopUpContent .MainContent {position:relative; min-height:100px}
.PopUpContent .DropColumnW3 {float:none}
.PopUpContent .MainHeaderInner {position:relative; z-index:10; padding-bottom:0px;}
.PopUpContent .MainHeaderInner .FreeIconHolder {float:left; position:relative; width:82px; height:90px;}
.PopUpContent .MainHeaderInner a {margin-top:0px; text-align:center; font-size:1.1em; background-color:#FFF; border:solid 1px #333; padding:3px 5px 3px 5px; width:68px;}
.PopUpContent .MainHeaderInner a.FreeIcon {margin:0px auto; float:none; display:block; position:relative; top:0px; left:0px; width:30px; padding:0px; border:none; background-color:transparent}

.PopUpContent .MainHeaderInner .MainHeadPanel {z-index:1; padding:0px 0px 10px 0px; position:relative; top:-8px; width:100%; background-color:#f1f1f1; background-image:url(/images/default/admin-panel-bottom.gif); background-position:center bottom;}
.MainHeadPanelToggle {z-index:2; position:relative; top:-28px; height:20px;}
#MainHeadPanelToggle {display:block; width:52px; height:20px; margin:0px auto; border:none; background-color:transparent}

.PopUpContent .AdminPopUpButtons {z-index:150; position:absolute; top:0px; right:0px; height:19px; }
.PopUpContent .AdminPopUpButtons a {display:block; float:left; width:19px; height:19px; padding:0px; border:none; margin-left:5px;}
.PopUpContent .AdminPopUpButtons .PopButtonPrint {background-image:url(/images/default/pop-print-button.gif)}
.PopUpContent .AdminPopUpButtons .PopButtonClone {background-image:url(/images/default/pop-clone-button.gif)}
.PopUpContent .AdminPopUpButtons .PopButtonClose {background-image:url(/images/default/pop-close-button.gif)}

.PopUpTable {padding-left:10px; width:100%; font-size:1.3em;}
.PopUpTable th {text-align:left;}



  /* old, but still used version */
  #AGRWelcome {position:relative;}
  #AGRWelcome h1 {white-space:nowrap; font-size:70px; line-height:70px; position:absolute; top:17px; left:225px; color:#849ACB}
  #AGRWelcome h1 span {font-size:70px; display:block; color:#8D417F}
  #AGRWelcome div {position:absolute; top:180px; left:225px; color:#8D417F; font-size:18px; font-weight:bold;}
  #AGRWelcome div span {color:#849ACB; margin-right:10px; margin-left:10px}

  /* New version from volunteer */
  .TopHomeSection {width:100%;}
  .TopHomeSection td.Column1 {position:relative; width:1px;}
  .TopHomeSection td.Column2 {position:relative; padding-left:10px; padding-right:10px; padding-bottom:28px;}
  .TopHomeSection h1 {font-size:55px; line-height:55px; color:#2F839D;}
  .TopHomeSection h1 span {display:block; color:#A3002D}
  .TopHomeSection div.BreadCrumb {position:absolute; bottom:4px; font-size:18px; font-weight:bold;}
  .TopHomeSection div.BreadCrumb span.Text {color:#2F839D;}
  .TopHomeSection div.BreadCrumb span.Delimiter {color:#A3002D; margin-right:9px; margin-left:9px;}
  
  /* New version from volunteer */
  .TopHomeClientSection {width:100%;}
  .TopHomeClientSection td.Column1 {position:relative; width:1px;}
  .TopHomeClientSection td.Column2 {position:relative; padding-left:10px; padding-right:10px; padding-bottom:28px;}
  .TopHomeClientSection h1 {font-size:65px; line-height:70px; color:#3D6C99; margin-bottom:10px;}
  .TopHomeClientSection h1 span {display:block; color:#923987}
  .TopHomeClientSection div.SubHeader {color:#546385; font-size:18px;}

  /*new clicks research website*/
  .Txt01                {font-size:2.0em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.2em; text-transform:uppercase; margin-bottom:30px;}
  .Txt02                {font-size:6.0em; line-height:1.3em; font-weight:400; color:#5dd37b; letter-spacing:0.3em; text-transform:uppercase;}
  .Txt02 span           {font-weight:700; color:#44469d;}
  .Txt03                {font-size:2.8em; line-height:1.3em; font-weight:400; color:#000000; letter-spacing:0.4em; text-transform:uppercase;}
  .Txt03 .Space         {display:inline-block; width:40px;}

  /*new clicks research cms page */
      
    .Subline                            {}
    .BlockTxt                           {padding-bottom:20px;}

    .ListColumn                         {margin-bottom:40px;}
    .ListColumn .Column                 {}
    .ListColumn .Column .Icon           {display:block; margin-bottom:20px;}
    .ListColumn .Column .Icon img       {display:inline-block; width:60px;}
    .ListColumn .Column .Subtitle       {font-size:2.0em; line-height:1.3em; font-weight:500; margin-bottom:20px;}
    .ListColumn .Column .Txt            {font-size:2.0em; line-height:1.3em; font-weight:500;}

    .ListTwoColumn                      {display:table; width:100%;}
    .ListTwoColumn .Column              {display:table-cell; width:50%; padding:0px 30px; box-sizing:border-box; vertical-align:top; text-align:center;}
    .ListThreeColumn                    {display:table; width:100%;}
    .ListThreeColumn .Column            {display:table-cell; width:33.33%; padding:0px 30px; box-sizing:border-box; vertical-align:top; text-align:center;}



.MainFooter {position:relative; padding-top:8px; padding-bottom:20px; border-top:solid 1px #933B89}
.MainFooter p {margin:0px; font-size:11px; color:#394859; text-align:center;}
.MainFooter a {color:#394859;}

.GlobalNav {padding-right:20px; z-index:20; position:relative; margin-bottom:6px; border:solid 1px #C7C7C7; background-color:#DCDCDC; background-image:url(/Images/Default/nav-bg.jpg); background-repeat:repeat-x}
.GlobalNav .NavLogo {font-size:1.1em; float:right; padding:5px 15px 0px 0px; height:20px; color:#666} /*background-image:url(/Images/Default/nav-logo.jpg)*/
.GlobalNav .NavSec {float:left; padding:5px 0px 0px 15px; height:15px;}
.GlobalNav .NavSec a {font-weight:bold; font-size:12px; color:#333333}
.GlobalNav .NavSecText {float:left; padding:5px 10px 0px 10px; height:20px; border-right:solid 1px #CCC; }
.GlobalNav .NavSecText a {font-weight:bold; font-size:12px; color:#333333}
.GlobalNav .PanelConfig {position:absolute; right:15px; top:3px; color:#000; font-size:1.3em;}
.GlobalNav .NavRight {position:relative; top:-2px; float:right; padding:5px 8px 0px 0px; height:20px; background-position:right 7px; }
.GlobalNav .NavRight a {font-size:1.1em; color:#666}
.GlobalNav .NavHelp {}
.GlobalNav .NavHelp a {display:block; width:11px; height:15px; background-image:url(/images/default/main-nav-help.gif); background-position:left top}
.GlobalNav .NavConfig {}
.GlobalNav .NavConfig a {display:block; width:15px; height:15px; background-image:url(/images/default/main-nav-config.gif); background-position:left top}
.GlobalNav .NavTrial {}
.GlobalNav .NavTrial a {display:block; width:14px; height:15px; background-image:url(/images/default/main-nav-trial.gif); background-position:left top}
.GlobalNav .NavCountry {}
.GlobalNav .NavCountry a {display:block; width:16px; height:15px; background-image:url(/images/default/main-nav-country.gif); background-position:left top}
.GlobalNav .NavHome {}
.GlobalNav .NavHome a {display:block; width:13px; height:15px; background-image:url(/images/default/main-nav-home.gif); background-position:left top}
.GlobalNav .NavLogout {top:0px; padding:0px 0px 0px 3px; display:block; height:100%; width:20px; border-left:solid 1px #C7C7C7;}
.GlobalNav .NavLogout a {display:block; width:18px; height:19px; background-image:url(/images/default/main-nav-logout.gif); background-position:left top}

.AdminTopRightLinks {position:absolute; top:10px; right:0px; height:20px;}
.AdminTopRightLinks a {float:right; font-size:1.3em; color:#777; margin-left:10px;}
.AdminTopRightLinks a:hover {color:#333}

.GlobalNav .NavBubble {display:none; z-index:100000; position:absolute; right:0px; top:25px; height:30px; padding-top:23px;}
.GlobalNav .NavBubble .BubbleTail {position:absolute; z-index:2; top:1px; height:23px; width:23px; background-image:url(/images/default/bubble-tail.png);}
.GlobalNav .NavLogout .NavBubble .BubbleTail {right:12px;}
.GlobalNav .NavBubble .BubbleEnd {position:relative; z-index:1; height:30px; padding-right:7px; padding-left:7px; background-image:url(/images/default/bubble-edges.gif); background-position:-7px top;}
.GlobalNav .NavBubble .BubbleEnd div {position:absolute; right:0px; top:0px; height:30px; width:7px; background-image:url(/images/default/bubble-edges.gif); background-position:0px top;}
.GlobalNav .NavBubble .BubbleEnd span {display:block; padding:6px 12px 0px 12px; height:24px; white-space:nowrap; font-size:1.3em; font-weight:bold; color:#333; background-image:url(/images/default/bubble-middle.jpg); background-repeat:repeat-x}

/* New form structure */
.FormMainTitle {border-bottom: solid 1px #444; padding-bottom:2px; margin-bottom:10px; font-size:18px; font-weight:bold;}
.FormSubTitle {margin-bottom:10px; font-size:14px; padding-top:3px; font-weight:bold;}
.FormColumnLeft  {float:left; width:361px; padding:0px 0px 0px 0px;}
.FormColumnRight {float:left; width:346px; padding:0px 0px 0px 15px;}
.AmendedCols .FormColumnLeft              {width:450px;}
.AmendedCols .FormColumnLeft .FormBox     {width:440px;}
.AmendedCols .FormColumnLeft .DragButton  {margin-right:0px;}
.AmendedCols .FormColumnRight             {width:250px;}
.FormFullWidthColumn {width:722px; padding:0px 0px 0px 0px; background-color:#ccc;}
.FormEndOfTwoColumnSection {clear:both; font-size:2px; line-height:2px; height:2px; margin-bottom:15px;}

/* Other form styles */
.FormRight          {float:right; width:320px; padding:0px 0px 0px 15px;}
.FormRightDropped40 {float:right; width:320px; padding:40px 0px 0px 15px;}

.RadioButtonWLabel {clear:both; display:block; padding-bottom:6px;}
  .RadioButtonWLabel .Radio {float:left;}
  .RadioButtonWLabel .SubLabel2 {display:block; width:250px; padding-top:4px; font-size:1.1em;}

.FormSpacer {width:10px; height:5px}
.FormBox {width:301px; margin-bottom:2px; padding:3px 11px 4px 0px;}
.FormBox.FullWidth  {width:100%;}
.FormBox.FullWidth input  {width:100%;}
.FormBoxNoLabel {padding:5px 11px 5px 11px;}
.FormBoxLong {width:674px;}
.FBLongVersionAdmin {width:648px;}
  
.InnerFormBox {float:left; width:136px;}
.InnerFormBoxFix {clear:left; height:1px; font-size:1px;}

.FormBox .FormLabel      {font-size:1.2em; font-weight:bold; margin-bottom:3px; color:#484848;}
.FormBox .FormLabel a    {color:#484848;}
.FormBox .FormLabel .FormLabelRight {float:right; font-size:0.9em; color:#484848; margin-top:2px}
  .FormBox .FormLabel .PopupHelpText  {font-size:1em; font-weight:normal; color:#333; margin-left:4px; display:none;}
.IndentedW3 {padding-left:10px;}
.IndentedW5 {padding-left:7px;}
.IndentedAgeMax {padding-left:65px;}
.IndentedDay {padding-left:0px;}
.IndentedMonth {padding-left:40px;}
.IndentedYear {padding-left:95px;}
.IndentedEndDate {padding-left:47px;}
.FormBox .FormField      {}
.FormBox .FieldInfo      {font-size:1em; margin-top:2px;}
.FormBox .FieldInfoSpaced {font-size:1.1em; margin-top:8px;}
.FormBox .FieldView      {font-size:1.2em; margin-top:2px;}
.FormBox .FieldView a    {font-size:1.0em; color:#484848;}
.FormBox .LengthInfo     {font-size:1.0em; margin-top:2px; color:#666;}
.FormBox .ValidationInfo {font-size:1.1em; margin-top:2px; font-weight:bold; color:#d33 !important; white-space:normal; display:block;}

.FormBox .FormLabelAddition {font-size:1.1em; padding-top:3px; color:#777; font-weight:normal}

.EditBoxText {display:none;}
.PassReal {display:none;}

.FormField .EditBoxW1  {width:259px; font-size:1.1em; height:1.5em; padding-top:1px; padding-left:2px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxW2  {width:119px; font-size:1.1em; height:1.5em; padding-top:1px; padding-left:2px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxW3  {width:56px;  font-size:1.1em; height:1.5em; padding-top:1px; padding-left:2px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxW4  {width:25px;  font-size:1.1em; height:1.5em; padding-top:1px; margin-right:6px;  border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxW5  {width:51px;  font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxW6  {width:668px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxW7  {width:80px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxWPop {width:230px; font-size:1.1em; height:1.5em; padding-top:1px; margin-right:6px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .EditBoxWMob {width:189px; font-size:1.1em; height:1.5em; padding-top:1px; padding-left:4px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .DropDownW1 {width:263px; font-size:1.1em; height:1.9em; padding-top:0px; font-family:Verdana; color:#333; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
.FormField .DropDownW2 {width:126px; font-size:1.1em; height:1.9em; padding-top:0px; font-family:Verdana; color:#333; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
.FormField .DropDownW3 {width:60px; font-size:1.1em; height:1.9em; padding-top:0px; font-family:Verdana; color:#333; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
.FormField .ListBoxW1  {width:262px; font-size:1.1em; height:15em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .ListBoxW2  {width:125px; font-size:1.1em; height:15em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .ListBoxW3  {width:262px; font-size:1.1em; height:8em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .ListBoxW4  {width:440px; font-size:1.1em; height:25em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .ListBoxW5  {width:668px; font-size:1.1em; height:25em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .TextAreaW1 {width:260px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .TextAreaW2 {width:123px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .TextAreaW6 {width:668px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .TextAreaW7 {width:617px; font-size:1.1em; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.FormField .FileUploadW1 {width:263px; font-size:1.1em; height:2em; font-family:Verdana; color:#333;}
.FormField .CheckBox {}
.FormField .CheckBoxSingular {}
.FormField .CheckBoxSingular input {float:left;}
.FormField .Radio {}
.FormField .RequiredField {border-color:#D55; background-color:#fEE;}

.FormField .RbHorizontalList {}
.FormField .RbHorizontalList label {font-size:1.2em}
.FormField .RbHorizontalList div {margin-left:5px; margin-right:15px;}

.FormField .CbVerticalList {width:270px; padding-top:0px;}
  .FormField .CbVerticalList td input {margin-right:5px;}
  .FormField .CbVerticalList td label {font-size:1.2em;}

.FormBox .FormField span {font-size:1.1em;}
.FormBox .FormField label {font-size:1.1em;}
.FormBox .FormField .MainLabel {font-weight:bold; font-size:1.1em; color:#277850; margin-right:10px;}
.FormBox .FormField img {margin:0px}

/* just to reduce CKEditor buttons height */
  .FormBox.HTMLEditorWidth1 {width:696px;}
  .FormBox.HTMLEditorWidth2 {width:316px;}
  .FormBox.HTMLEditorWidth3 {width:386px;}
 
.TelephoneField input {margin-right:5px !important}
.TelephoneField .FieldDiv   {display:inline-block; float:left;}

.DefaultInput {color:#999 !important; font-style:italic !important}

.WithFocusHighlight {} /* <- JQ class*/
.FormBoxFocusHighlighted      {background-color:#f0fcff; border:solid 1px #c0c8c9;  padding:7px 10px 8px 10px;}
  .FormBoxFocusHighlighted .PopupHelpText {display:inline !important;}
.FormBoxValidationHighlighted {background-color:#fee !important; border:solid 1px #d99 !important; padding:7px 10px 8px 10px;}
 
.InputFieldValidationHighlighted {border:solid 1px #d33 !important;}

.FakeCheckBox {float:right; width:13px; height:13px; background-image:url(/Images/Default/checkbox.gif)}
.CheckBox div.FakeCheckBox {position:relative; top:0px}
.FakeCheckLeft .FakeCheckBox {float:left; margin-right:10px; margin-top:4px;}

.BelowFormInfo {float:left; padding-left:0px; font-size:1.2em;}

.DropColumn {position:Relative; min-height:20px; display:block; float:left; width:244px; padding-right:4px;}
.DropColumnW3 {display:block; float:right; width:742px; padding-right:0px;}
.DropColumnW3 .DragBox {width:742px;}
.DropColumnW3 .DragBox .DragBar {cursor:default}
.DropColumnW3 .DragBox .DragContent {width:722px; border:none}
.DropColumnW3-2 {display:block; float:left; width:739px; padding-right:10px;}
.DropColumnW3-2 .DragBox {width:736px;}
.DropColumnW3-2 .DragBox .DragBar {cursor:default}
.DropColumnW3-2 .DragBox .DragContent {width:714px;}
.DropColumnW4 {display:block; float:right; width:990px; padding-right:0px;}
.DropColumnW4 .DragBox {width:990px;}
.DropColumnW4 .DragBox .DragBar {cursor:default}
.DropColumnW4 .DragBox .DragContent {width:968px;}
.DropArea {margin-bottom:4px; background-image:url(/Images/Default/drop-area.gif); background-repeat:repeat; }

.RightQuote {float:right; width:300px; margin:20px 0px 20px 20px}
.RightQuote p {margin:0px !important; font-size:26px; color:#007899; line-height:30px}

.BigText {}
.BigText p {margin:0px !important; font-size:26px; color:#007899; line-height:30px}

#DragRepository {display:none;}

.highlight {background-color:Lime;}
.TranslationItem {color:#333; font-weight:bold; font-style:italic;}
.RadioButtonList {}
.RadioButtonList td {padding-right:15px; font-size:1.1em}
.RadioButtonList td div {float:left; margin-right:5px;}
.RadioButtonList td label {float:left;}

.RadioButtonList2 {}
.RadioButtonList2 td {padding-top:3px; padding-bottom:2px; font-size:1.1em}
.RadioButtonList2 td div {float:left; margin-right:5px;}
.RadioButtonList2 td label {float:left;}


h2.Instructions {margin-top:0px !important; color:#484848 !important;}

/*DragBox*/
.DropColumn .FormBox {width:216px; padding-left:0px; padding-right:0px}
.DropColumn .FormBox .EditBoxW1 {width:215px;}

.DragShadow {margin:0px -10px; height:4px; background-image:url(/images/default/drag-shadow.gif)}
.DragBox {position:relative; z-index:1; width:244px; margin-bottom:4px;}
.DragContent {background-color:#FFF; width:222px; border:solid 1px; border-top:none; padding:0px 10px 10px 10px; }
.DragContent p {}
.DragContent a {font-weight:bold; text-decoration:underline}
.DragContent h2 {font-size:1.3em; font-weight:bold; color:#333; margin-top:15px; padding:0px}
.DragContent h2.HorizontalRule { border-bottom: solid 1px #444; padding-bottom: 2px; font-size: 20px; }
.DragContent img {display:block; margin:0px auto 0px auto; border-top:solid 20px #FFF;}
.DragBar {cursor:move; position:relative; height:32px; background-repeat:repeat-x; border:solid 1px #000; background-image:url(/Images/Default/box-top.jpg);}
.DragBarCorners {z-index:1; font-size:2px; position:absolute; top:-1px; left:-1px; height:10px; width:100%; background-image:url(/images/default/drag-bar-corners.gif); display:none;}/* corners disabled */
.DragBarCorners span {position:Relative; right:-2px; font-size:2px; float:right; display:block; height:10px; width:10px; background-image:url(/images/default/drag-bar-corners.gif)}
.TransCorners {background-image:url(/images/default/drag-bar-corners2.gif)}
.TransCorners span {background-image:url(/images/default/drag-bar-corners2.gif)}
.DragBarIcons {position:Relative; z-index:2; float:right; padding:10px 10px 0px 0px}
.DragBarIcons div {cursor:pointer;}
.DragBarIcons .DragBarClose {float:right; margin-bottom:7px; margin-left:3px; width:10px; height:9px; background-image:url(/Images/Default/drag-bar-close.gif)}
.DragBarIcons .DragBarMin {float:right; width:10px; height:10px; background-image:url(/Images/Default/drag-bar-min.gif)}
.DragBarIcons .DragBarMax {float:right; width:10px; height:10px; background-image:url(/Images/Default/drag-bar-max.gif)}
.DragBarIcons .DragBarList {float:right; width:10px; height:10px; background-image:url(/Images/Default/drag-bar-list.gif); margin-right:6px}
.DragBarIcons .DragBarAdd {float:right; width:10px; height:10px; background-image:url(/Images/Default/drag-bar-add.gif); margin-right:6px}
.DragTab {position:absolute; top:4px; left:45px; font-size:14px; font-weight:bold; padding:5px 5px 6px 5px; color:#FFF;}
.DragTabMoreText {top:2px; padding-top:0px;}/*update DragTab*/
.DragTab a {font-weight:bold; color:#FFF}
.DragTab2 {position:absolute; top:9px; right:30px; font-size:1.4em; font-weight:bold; padding:5px 8px 6px 8px; background-color:#FFF}
.DragTab2 a {font-size:1em; font-weight:bold; color:#000}
.DragButtonSpacer {width:5px; height:10px; float:left;}
.DragButton {color:#FFF !important; text-decoration:none !important; border:solid 1px; display:block; font-size:1.2em; text-align:center; height:24px;    /*width:92px; replaced with */ padding-left:20px; padding-right:20px;        padding-top:6px; background-repeat:repeat-x; background-image:url(/Images/Default/box-top.jpg);}
.DragButton2PL {float:left;} /*update DragButton*/
.DragButtonMoreText {padding-top:0px; height:30px;}/*update DragButton*/
.DragButtonRight {float:right;}
.DragButtonLarger {width:112px;}
.DragCheck {float:right; padding-top:9px; width:120px;}
.DragCheckWide {padding-top:9px; width:700px !important; }
.DragCheck label {width:90px; display:block; float:right; margin-right:6px; font-size:1.2em; color:#484848}
.DragCheckWide label {width:600px; text-align:right;}
.DragCheck div {float:right; font-size:1.1em; color:#000}
.DragCheckLeft div {float:left !important; margin-right:6px;}
.DragCheck .DragCheckBox {}
.DragCheck2 {float:left; padding-top:9px; width:120px; font-size:1.1em;}
.DragCheck2 label {display:block; float:left; margin-left:6px; color:#000}
.DragCheck2 div {float:left; color:#000}
.DragCheck2 .DragCheckBox {}
.DragCheck3 {float:left; font-size:1.1em;}
.DragCheck3Label {float:left; padding-left:5px; font-size:1.2em !important; color:#484848; font-weight:bold;}
.DragCheck3 div {float:left; color:#000}
.DragCheck3 label {margin-left:6px;}
.DragCheck3 .DragCheckBox {}
.DragCheck4 {float:left; padding-top:9px; width:250px; font-size:1.1em;}
.DragCheck4 label {display:block; float:left; margin-left:6px; color:#000}
.DragCheck4 div {float:left; color:#000}
.DragCheck4 .DragCheckBox {}

.DragTabIcon {display:block; position:absolute; left:10px; top:4px; width:33px; height:29px; background-position:left bottom; background-image:url(/images/default/drag-tab.jpg)}
.DragTabIcon span {left:1px; top:3px; position:relative; width:31px; height:26px; display:block; background-position:left top; background-image:url(/images/default/drag-tab-icons.gif)}
.MiniIcon {display:block; position:absolute; right:1px; bottom:0px; background-image:url(/images/default/drag-tab-icon-mini.png); width:12px; height:12px;}

/*End Icon Positioning*/
.FreeIconHolder {height:32px; margin-bottom:4px;}
.FreeIconHolder span {left:1px; top:3px; position:relative; width:31px; height:26px; display:block; background-image:url(/images/default/drag-tab-icons.gif)}
.FreeIconHolder a {float:left; font-size:1.2em; margin-top:7px; text-decoration:none}
.FreeIconHolder a.FreeIcon {margin-right:8px; margin-top:0px;}
.FreeIcon {cursor:pointer; position:relative; display:block; width:32px; height:32px; margin-bottom:0px; }

.AdminPresets {width:257px; margin:0px auto}
.AdminPresets h2 {color:#666666; font-size:1.4em; text-align:center; padding-bottom:8px; font-weight:bold}
.AdminPresets .FreeIcon {float:left;}
.AdminPresets .IconSpacer {float:left; width:8px; height:3px;}

.DragBottom .DragContent {border:none; height:10px;}

.DragGreen .DragContent {border-color:#566817;}
.DragGreen .DragBar {border-color:#566817; background-position:left top;}
.DragGreen .DragBar .DragBarClose {background-position:-11px top;}
.DragGreen .DragBar .DragBarMin {background-position:-10px top;}
.DragGreen .DragBar .DragBarMax {background-position:-10px top;}
.DragGreen .DragButton {border-color:#566817}
.DragGreen .ActiveFakeCheck {background-position:left -13px;}
.DragGreen .ToolBoxSection {border-color:#566817}
.DragGreen .DragTabIcon {background-position:left bottom;}

.DragSeafoam .DragContent {border-color:#224B53;}
.DragSeafoam .DragBar {border-color:#224B53; background-position:left -32px;}
.DragSeafoam .DragBar .DragBarClose {background-position:-11px top;}
.DragSeafoam .DragBar .DragBarMin {background-position:-10px top;}
.DragSeafoam .DragBar .DragBarMax {background-position:-10px top;}
.DragSeafoam .DragButton {border-color:#224B53; background-position:left -32px;}
.DragSeafoam .ActiveFakeCheck {background-position:left -26px;}
.DragSeafoam .ToolBoxSection {border-color:#224B53}
.DragSeafoam .DragTabIcon {background-position:-33px bottom;}

.DragRed .DragContent {border-color:#510900;}
.DragRed .DragBar {border-color:#510900; background-position:left -64px;}
.DragRed .DragBar .DragBarClose {background-position:-44px top;}
.DragRed .DragBar .DragBarMin {background-position:-40px top;}
.DragRed .DragBar .DragBarMax {background-position:-40px top;}
.DragRed .DragButton {border-color:#510900; background-position:left -64px;}
.DragRed .ActiveFakeCheck {background-position:left -39px}
.DragRed .ToolBoxSection {border-color:#510900}
.DragRed .DragTabIcon {background-position:-66px bottom;}

.DragYellow .DragContent {border-color:#BC4808;}
.DragYellow .DragBar {border-color:#BC4808; background-position:left -96px;}
.DragYellow .DragBar .DragBarClose {background-position:-66px top;}
.DragYellow .DragBar .DragBarMin {background-position:-60px top;}
.DragYellow .DragBar .DragBarMax {background-position:-60px top;}
.DragYellow .DragButton {border-color:#BC4808;  background-position:left -96px;}
.DragYellow .ActiveFakeCheck {background-position:left -52px}
.DragYellow .ToolBoxSection {border-color:#BC4808}
.DragYellow .DragTabIcon {background-position:-99px bottom;}

.DragBlue .DragContent {border-color:#246073;}
.DragBlue .DragBar {border-color:#246073; background-position:left -128px;}
.DragBlue .DragBar .DragBarClose {background-position:-55px top;}
.DragBlue .DragBar .DragBarMin {background-position:-50px top;}
.DragBlue .DragBar .DragBarMax {background-position:-50px top;}
.DragBlue .DragButton {border-color:#246073;  background-position:left -128px;}
.DragBlue .ActiveFakeCheck {background-position:left -65px}
.DragBlue .ToolBoxSection {border-color:#246073}
.DragBlue .DragTabIcon {background-position:-132px bottom;}
.DragBlue .ColourText {color:#246073;}

.DragPurple .DragContent {border-color:#291636;}
.DragPurple .DragBar {border-color:#291636; background-position:left -160px;}
.DragPurple .DragBar .DragBarClose {background-position:-33px top;}
.DragPurple .DragBar .DragBarMin {background-position:-30px top;}
.DragPurple .DragBar .DragBarMax {background-position:-30px top;}
.DragPurple .DragButton {border-color:#291636;  background-position:left -160px;}
.DragPurple .ActiveFakeCheck {background-position:left -78px}
.DragPurple .ToolBoxSection {border-color:#291636}
.DragPurple .DragTabIcon {background-position:-165px bottom;}
.DragPurple .ColourText {color:#291636;}

.MyAjaxLoadingPanel {background:#fff url(/images/default/spinner1.gif) center center no-repeat;}

/*InfoPanel*/
#FadeCover {display:none; z-index:20; position:fixed; width:100%; height:100%; top:0px; left:0px; background-color:#000}
#InfoPanel {overflow:hidden; z-index:30; position:fixed; top:0px; left:0px; width:0px; height:100%; background-color:#FFF}
#InfoPanel .InfoPanelDiv {display:none; width:280px; padding:10px 10px 0px 10px}
.InfoPanelClose {cursor:pointer; position:absolute; top:5px; right:5px; width:13px; height:13px; background-image:url(/Images/Default/close-button.gif)}

/*ToolBox*/
.ToolBoxSection {border-bottom:solid 1px; padding:5px 0px 5px 0px}
.ToolBoxSection .QstIcon {display:none}
.ToolBoxTool {cursor:move; padding:3px 0px 3px 0px}
.ToolBoxTool ul {margin:0px; list-style:none;}
.ToolBoxTool ul li {padding:0px}

#ToolColour {}
#ToolColour div {position:relative; float:left; width:36px; height:36px; background-image:url(/Images/Default/color-cover.png)}
#ToolColour span {cursor:pointer; display:block; position:absolute; top:5px; left:5px; width:26px; height:26px; cursor:pointer; background-image:url(/Images/Default/color-cover.png); background-position:-5px -5px}
#ToolColour #ToolColourRed span {background-color:red}
#ToolColour #ToolColourBlue span {background-color:blue}
#ToolColour #ToolColourGreen span {background-color:green}
#ToolColour #ToolColourWhite span {background-color:white}
#ToolColour #ToolColourBlack span {background-color:black}

#ToolStyle {height:28px; padding:5px 0px 5px 0px}
#ToolStyle div {float:left; margin:0px 4px; cursor:pointer; height:28px; width:28px; background-image:url(/Images/Default/format-button-blue.jpg);}
#ToolStyle div span {color:#FFF; display:block; text-align:center; }
#ToolStyle div#ToolBold span {font-size:1.2em; padding-top:5px; font-weight:bold;}
#ToolStyle div#ToolItalic span {font-size:1.3em; padding-top:5px; font-style:italic}
#ToolStyle div#ToolUnderline span {font-size:1.3em; padding-top:5px; text-decoration:underline}

#ToolSize div {float:left; margin:0px 4px; cursor:pointer; height:28px; width:28px; background-image:url(/Images/Default/format-button-blue.jpg);}
#ToolSize div span {color:#FFF; display:block; text-align:center; }
#ToolSize div.ToolSize1 span {font-size:1.2em; padding-top:5px}
#ToolSize div.ToolSize2 {font-size:1.3em; padding-top:5px}
#ToolSize div.ToolSize3 {font-size:1.4em; padding-top:5px}
#ToolSize div.ToolSize4 {font-size:1.5em; padding-top:4px}

.DragList {}

.QstIconHolder {width:100px;background-color:lime; float:right; height:20px;}
.QstIcon {cursor:pointer; margin-left:2px; width:20px; height:20px; float:right; background-image:url(/Images/Default/drag-icon-green.png)}
.QstDrag {background-color:lime; cursor:move; }
.QstDrag span {display:block; width:20px; height:20px; background-image:url(/Images/Default/icon-move.png); background-position:2px 2px}
.QstRemove span {display:block; width:20px; height:20px; background-image:url(/Images/Default/icon-delete.png); background-position:2px 2px}
.QstMinimise span {display:block; width:20px; height:20px; background-image:url(/Images/Default/icon-arrow-down.png); background-position:2px 2px}
.QstMaximise span {background-image:url(/Images/Default/icon-arrow-left.png)}

#QuestionnaireHolder {min-height:30px;}
#QuestionnaireHolder .FreeIconHolder {display:none}
#QuestionnaireHolder ul {margin:0px; padding:3px 0px 0px 0px}
#QuestionnaireHolder .EmptyPageHolder {margin-right:-10px; background-color:#f1f1f1; border:solid 1px #CCC; background-image:url(/Images/Default/drag-page.gif); background-position:10px 8px;}
#QuestionnaireHolder .DropArea {margin:0px;}
#QuestionnaireHolder .ToolBoxTool {}
#QuestionnaireHolder .DragList {list-style:none; margin-left:0px;}
#QuestionnaireHolder .DragList li {padding-right:0px;}
#QuestionnaireHolder .DragList li.SectionHeading {color:#536D1B; font-weight:bold; padding:4px 0px 0px 0px; height:23px; border-bottom:solid 1px #536D1B;}
#QuestionnaireHolder .DragList li.SectionHeading .QstIcon {margin-top:2px}
#QuestionnaireHolder .DragList li.DragListMultiple {background-color:#FF9900; background-image:none; }
#QuestionnaireHolder .DragList li ul li {font-size:1em; padding:0px; background-image:none; border:none}
#QuestionnaireHolder .PageHolder {min-height:30px;}
#QuestionnaireHolder .PageHolder ul {padding-left:15px;}
#QuestionnaireHolder .PageContentHolder {min-height:30px; padding-right:15px;}
#QuestionnaireHolder .PageContentHolder ul {padding-left:15px;}
#QuestionnaireHolder .PageContentHolder .QstIcon {position:relative; right:-15px}
#QuestionnaireHolder .PageHolder .DropArea {}
#QuestionnaireHolder .PageHolder .PageContentHolder {}
#QuestionnaireHolder .PageHolder .EmptyPageHolder {background-image:url(/Images/Default/drag-content.gif)}
#QuestionnaireHolder .AnswerHolder {min-height:30px}
#QuestionnaireHolder .AnswerHolder .DropArea {}
#QuestionnaireHolder .PageContentHolder .EmptyPageHolder {background-image:url(/Images/Default/drag-answer.gif)}

#QuestionnaireRecyclingBin {}
#QuestionnaireRecyclingBin ul {}
.RecycleBinActive {background-color:yellow}

.ParamDiv {height:180px;}
.ParamDiv textarea {margin-right:30px; float:left; width:300px; height:100px; }
.ParamDiv .ParamPreview {overflow:auto; margin-left:30px; font-size:1.2em; float:left; border:solid 1px #CCC; width:300px; height:100px}

.ProfileUpdate {margin-top:25px;}
.ProfileUpdateSpacer {width:30px; font-size:2px; border-left:solid 1px #F1f1f1;}
.ProfileUpdate .ProfileUpdateNumber {float:left; font-size:1.3em; font-weight:normal; width:15px; }
.ProfileUpdate .ProfileUpdateQuestion {float:left; font-size:1.3em; font-weight:normal; width:320px; padding-left:5px;}
.ProfileUpdate .ProfileUpdateCheckBoxList {margin-top:10px; width:340px; margin-bottom:20px}
.ProfileUpdate .ProfileUpdateCheckBoxList td {padding-left:20px; padding-bottom:5px;}
.ProfileUpdate .ProfileUpdateCheckBoxList .FakeCheckBox {float:left; margin-right:5px;}
.ProfileUpdate .ProfileUpdateCheckBoxList label {font-size:1.2em; font-weight:normal; margin-right:20px;}

.Message {}
.Message .MessageDetails {}
.Message .MessageDetails td {font-weight:normal; font-size:1.3em; padding-right:15px;}
.Message .MessageDetails th {font-weight:bold; font-size:1.3em; padding-right:15px; text-align:left}
.Message .FullMessage {font-weight:bold; margin-bottom:25px;}
.Message .FullMessage a {font-weight:bold;}

.ProfileDetails {}
.ProfileDetails th {text-align:left; font-weight:bold; font-size:1.3em; padding-right:15px;}
.ProfileDetails td {font-size:1.3em; padding-right:15px;}

.ProfilingImages {padding-top:25px; padding-left:10px;}
.ProfilingImage {position:relative; float:left; width:111px; height:111px; margin-right:5px; margin-bottom:30px}
.ProfilingImage img {cursor:pointer; position:absolute; top:0px; left:0px; width:105px; border:solid 3px #CCC}
.ProfilingImage img.UpdateNeededIcon {z-index:5; cursor:pointer; position:absolute; top:3px; left:15px; width:82px; border:none;}
.ProfilingImage span {position:absolute; top:115px; left:0px; width:111px; text-align:center; color:#999; font-weight:bold; font-size:1.2em;}

.FamilyMembers {margin-top:15px; margin-left:0px; list-style:none}
.FamilyMembers li {font-size:1em; padding-left:24px; padding-top:5px; padding-bottom:5px; background-position:left top;}
.FamilyMembers li.Boy {background-image:url(/Images/Default/family-grey.jpg)}
.FamilyMembers li.Girl {background-image:url(/Images/Default/family-grey.jpg)}
.FamilyMembers li.GenderUpdate {background-image:url(/Images/Default/family-red.jpg)}
.FamilyMembers li a {display:none !important; font-size:1.3em; text-decoration:none !important; font-weight:normal !important; color:#333 !important; background-position:right top}
.FamilyMembers li a.UpdateNeeded {color:#B5164E !important; padding-right:21px; } /*background-image:url(/Images/Default/family-update.jpg) */
.FamilyMembers li a.FamilyDim {color:#333 !important;} 
.FamilyMembers li a.NoBGImage {background-image:none !important}
.FamilyMembers li a.ActiveMember {font-weight:bold !important}

.HiddenFamily {display:none}

.InfoPanelList {}
.InfoPanelList td {padding:0px 0px 5px 0px}
.InfoPanelList input {position:relative; top:2px}
.InfoPanelList label {margin-left:5px; font-size:1.2em}

.WorldMap {position:relative; margin-top:25px}
.WorldMap .MapHolder {position:relative; overflow:hidden; width:898px; height:441px; margin:0px auto; padding-bottom:20px;}
.WorldMap .MapHolder img {position:absolute}
.WorldMap .MapHolder img#MapCover {z-index:3 !important; top:0px}
.WorldMap .MapHolder img#MapBase {top:0px; left:-50px;}
.WorldMap .MapReturn {padding-left:35px; padding-bottom:10px;  background-image:url(/images/default/return-arrow.gif); background-position:left 1px;}
.WorldMap .MapReturn a {font-size:1.5em; color:#933B89}
.WorldMap #HoverGlobal {position:absolute; left:0px; top:0px;}
.WorldMap #HoverGlobal img {display:none; position:absolute; }
.WorldMap #HoverGlobal .Mapafrica {left:355px; top:154px}
.WorldMap #HoverGlobal .Mapasia {left:516px; top:98px;}
.WorldMap #HoverGlobal .Mapsamerica {left:170px; top:232px;}
.WorldMap #HoverGlobal .Mapnamerica {left:-8px; top:26px;}
.WorldMap #HoverGlobal .Mapoceania {left:727px; top:241px;}
.WorldMap #HoverGlobal .Mapeurope {left:376px; top:29px;}

.WorldMap #HoverGlobal .Mapaustralia {left:271px; top:166px;}
.WorldMap #HoverGlobal .Mapnewzealand {left:493px; top:313px;}
.WorldMap #HoverGlobal .Mappapuanewguinea {left:446px; top:109px;}
.WorldMap #HoverGlobal .Mapmicronesia {left:505px; top:37px;}
.WorldMap #HoverGlobal .Mapfiji {left:638px; top:200px;}
.WorldMap #HoverGlobal .Mapsolomonislands {left:532px; top:139px;}
.WorldMap #HoverGlobal .Mapvanuatu {left:582px; top:189px;}
.WorldMap #HoverGlobal .Mapnoumea {left:561px; top:226px;}

.WorldMap #HoverGlobal .Mapfrenchguiana {left:404px; top:62px;}
.WorldMap #HoverGlobal .Mapchile {left:322px; top:209px;}
.WorldMap #HoverGlobal .Mapargentina {left:334px; top:235px;}
.WorldMap #HoverGlobal .Mapbrazil {left:296px; top:64px;}
.WorldMap #HoverGlobal .Mapbolivia {left:322px; top:159px;}
.WorldMap #HoverGlobal .Mapcolombia {left:267px; top:19px;}
.WorldMap #HoverGlobal .Mapecuador {left:196px; top:90px;}
.WorldMap #HoverGlobal .Mapfalklands {left:426px; top:421px;}
.WorldMap #HoverGlobal .Mapguyana {left:366px; top:45px;}
.WorldMap #HoverGlobal .Mapparaguay {left:368px; top:220px;}
.WorldMap #HoverGlobal .Mapperu {left:256px; top:99px;}
.WorldMap #HoverGlobal .Mapsuriname {left:386px; top:60px;}
.WorldMap #HoverGlobal .Mapuruguay {left:401px; top:289px;}
.WorldMap #HoverGlobal .Mapvenezuela {left:301px; top:25px;}

.WorldMap #HoverGlobal .Mapbahamas {left:484px; top:357px;}
.WorldMap #HoverGlobal .Mapbelize {left:416px; top:399px;}
.WorldMap #HoverGlobal .Mapcanada {left:288px; top:25px;}
.WorldMap #HoverGlobal .Mapusa {left:35px; top:79px;}
.WorldMap #HoverGlobal .Mapgreenland {left:668px; top:23px;}
.WorldMap #HoverGlobal .Mapdominicanrepublic {left:514px; top:391px;}
.WorldMap #HoverGlobal .Mapjamaica {left:477px; top:399px;}
.WorldMap #HoverGlobal .Mapcuba {left:446px; top:371px;}
.WorldMap #HoverGlobal .Mappanama {left:447px; top:457px;}
.WorldMap #HoverGlobal .Mapcostarica {left:431px; top:446px;}
.WorldMap #HoverGlobal .Mapnicaragua {left:423px; top:423px;}
.WorldMap #HoverGlobal .Maphonduras {left:416px; top:416px;}
.WorldMap #HoverGlobal .Mapguatemala {left:399px; top:404px;}
.WorldMap #HoverGlobal .Mapmexico {left:287px; top:309px;}
.WorldMap #HoverGlobal .Maphaiti {left:500px; top:390px;}
.WorldMap #HoverGlobal .Mapelsalvador {left:409px; top:426px;}
.WorldMap #HoverGlobal .Mapwestindies {left:561px; top:405px;}

.WorldMap #HoverGlobal .Maprussia {left:191px; top:39px;}
.WorldMap #HoverGlobal .Mapfinland {left:190px; top:96px;}
.WorldMap #HoverGlobal .Mapnorway {left:122px; top:46px;}
.WorldMap #HoverGlobal .Mapsweden {left:148px; top:101px;}
.WorldMap #HoverGlobal .Mapukraine {left:205px; top:198px;}
.WorldMap #HoverGlobal .Mapbelarus {left:208px; top:175px;}
.WorldMap #HoverGlobal .Mapestonia {left:199px; top:154px;}
.WorldMap #HoverGlobal .Maplatvia {left:196px; top:165px;}
.WorldMap #HoverGlobal .Maplithuania {left:196px; top:173px;}
.WorldMap #HoverGlobal .Mapmoldova {left:227px; top:221px;}
.WorldMap #HoverGlobal .Mapbulgaria {left:207px; top:248px;}
.WorldMap #HoverGlobal .Mapromania {left:196px; top:223px;}
.WorldMap #HoverGlobal .Maphungary {left:176px; top:220px;}
.WorldMap #HoverGlobal .Mapgreece {left:198px; top:263px;}
.WorldMap #HoverGlobal .Mapserbia {left:189px; top:235px;}
.WorldMap #HoverGlobal .Mapmacedonia {left:199px; top:259px;}
.WorldMap #HoverGlobal .Mapalbania {left:193px; top:258px;}
.WorldMap #HoverGlobal .Mapkosovo {left:196px; top:254px;}
.WorldMap #HoverGlobal .Mapmontenegro {left:188px; top:253px;}
.WorldMap #HoverGlobal .Mapbosnia {left:174px; top:241px;}
.WorldMap #HoverGlobal .Mapcroatia {left:163px; top:233px;}
.WorldMap #HoverGlobal .Mapslovenia {left:163px; top:231px;}
.WorldMap #HoverGlobal .Mapslovakia {left:179px; top:214px;}
.WorldMap #HoverGlobal .Mapaustria {left:143px; top:219px;}
.WorldMap #HoverGlobal .Mapitaly {left:128px; top:230px;}
.WorldMap #HoverGlobal .Mapfrance {left:73px; top:206px;}
.WorldMap #HoverGlobal .Mapportugal {left:44px; top:260px;}
.WorldMap #HoverGlobal .Mapspain {left:-8px; top:251px;}
.WorldMap #HoverGlobal .Mapswitzerland {left:127px; top:226px;}
.WorldMap #HoverGlobal .Mappoland {left:165px; top:183px;}
.WorldMap #HoverGlobal .Mapczechrepublic {left:157px; top:206px;}
.WorldMap #HoverGlobal .Mapgermany {left:128px; top:182px;}
.WorldMap #HoverGlobal .Mapnetherlands {left:115px; top:190px;}
.WorldMap #HoverGlobal .Mapbelgium {left:111px; top:203px;}
.WorldMap #HoverGlobal .Mapuk {left:61px; top:157px;}
.WorldMap #HoverGlobal .Mapireland {left:47px; top:179px;}
.WorldMap #HoverGlobal .Mapdenmark {left:70px; top:138px;}
.WorldMap #HoverGlobal .Mapiceland {left:0px; top:114px;}
.WorldMap #HoverGlobal .Mapturkey {left:228px; top:261px;}
.WorldMap #HoverGlobal .Mapcyprus {left:262px; top:301px;}
.WorldMap #HoverGlobal .Maparmenia {left:317px; top:267px;}
.WorldMap #HoverGlobal .Mapgeorgia {left:298px; top:252px;}

.WorldMap #HoverGlobal .Mapphilippines {left:619px; top:280px;}
.WorldMap #HoverGlobal .Mapindonesia {left:591px; top:362px;}
.WorldMap #HoverGlobal .Mapjordan {left:250px; top:186px;}
.WorldMap #HoverGlobal .Mapbrunei {left:699px; top:364px;}
.WorldMap #HoverGlobal .Mapmalaysia {left:673px; top:353px;}
.WorldMap #HoverGlobal .Mapmaldives {left:465px; top:353px;}
.WorldMap #HoverGlobal .Mapsrilanka {left:504px; top:336px;}
.WorldMap #HoverGlobal .Mapvietnam {left:620px; top:250px;}
.WorldMap #HoverGlobal .Maplaos {left:609px; top:255px;}
.WorldMap #HoverGlobal .Mapcambodia {left:628px; top:304px;}
.WorldMap #HoverGlobal .Mapthailand {left:597px; top:267px;}
.WorldMap #HoverGlobal .Mapbangladesh {left:539px; top:229px;}
.WorldMap #HoverGlobal .Mapburma {left:566px; top:217px;}
.WorldMap #HoverGlobal .Maptaiwan {left:716px; top:238px;}
.WorldMap #HoverGlobal .Mapjapan {left:747px; top:110px;}
.WorldMap #HoverGlobal .Mapsouthkorea {left:723px; top:153px;}
.WorldMap #HoverGlobal .Mapnorthkorea {left:705px; top:125px;}
.WorldMap #HoverGlobal .Mapbhutan {left:542px; top:218px;}
.WorldMap #HoverGlobal .Mapnepal {left:493px; top:205px;}
.WorldMap #HoverGlobal .Mapindia {left:433px; top:173px;}
.WorldMap #HoverGlobal .Mapchina {left:445px; top:61px;}
.WorldMap #HoverGlobal .Mapmongolia {left:496px; top:69px;}
.WorldMap #HoverGlobal .Mappakistan {left:389px; top:162px;}
.WorldMap #HoverGlobal .Mapafghanistan {left:383px; top:154px;}
.WorldMap #HoverGlobal .Maptajikistan {left:412px; top:137px;}
.WorldMap #HoverGlobal .Mapkyrgyzstan {left:420px; top:125px;}
.WorldMap #HoverGlobal .Mapuzbekistan {left:345px; top:110px;}
.WorldMap #HoverGlobal .Mapturkmenistan {left:330px; top:127px;}
.WorldMap #HoverGlobal .Mapkazakhstan {left:294px; top:50px;}
.WorldMap #HoverGlobal .Mapsaudiarabia {left:248px; top:194px;}
.WorldMap #HoverGlobal .Mapyemen {left:296px; top:277px;}
.WorldMap #HoverGlobal .Mapoman {left:347px; top:239px;}
.WorldMap #HoverGlobal .Mapuae {left:341px; top:231px;}
.WorldMap #HoverGlobal .Mapkuwait {left:310px; top:206px;}
.WorldMap #HoverGlobal .Mapiran {left:292px; top:146px;}
.WorldMap #HoverGlobal .Mapiraq {left:268px; top:161px;}
.WorldMap #HoverGlobal .Mapisrael {left:245px; top:185px;}
.WorldMap #HoverGlobal .Maplebanon {left:248px; top:177px;}
.WorldMap #HoverGlobal .Mapsyria {left:251px; top:161px;}
.WorldMap #HoverGlobal .Mapazerbaijan {left:295px; top:132px;}
.WorldMap #HoverGlobal .Mapjammu {left:474px; top:170px;}

.WorldMap #HoverGlobal .Mapmali {left:292px; top:98px;}
.WorldMap #HoverGlobal .Mapgambia {left:265px; top:172px;}
.WorldMap #HoverGlobal .Mapmauritania {left:267px; top:84px;}
.WorldMap #HoverGlobal .Mapsenegal {left:263px; top:152px;}
.WorldMap #HoverGlobal .Mapguineabissau {left:267px; top:176px;}
.WorldMap #HoverGlobal .Mapguinea {left:277px; top:177px;}
.WorldMap #HoverGlobal .Mapsierraleone {left:286px; top:194px;}
.WorldMap #HoverGlobal .Mapliberia {left:296px; top:202px;}
.WorldMap #HoverGlobal .Mapivorycoast {left:312px; top:189px;}
.WorldMap #HoverGlobal .Mapburkinafaso {left:329px; top:161px;}
.WorldMap #HoverGlobal .Mapniger {left:360px; top:108px;}
.WorldMap #HoverGlobal .Mapghana {left:342px; top:186px;}
.WorldMap #HoverGlobal .Maptogo {left:360px; top:187px;}
.WorldMap #HoverGlobal .Mapbenin {left:365px; top:179px;}
.WorldMap #HoverGlobal .Mapnigeria {left:375px; top:169px;}
.WorldMap #HoverGlobal .Mapchad {left:434px; top:108px;}
.WorldMap #HoverGlobal .Mapcar {left:439px; top:188px;}
.WorldMap #HoverGlobal .Mapcameroon {left:408px; top:175px;}
.WorldMap #HoverGlobal .Mapsaotome {left:365px; top:248px;}
.WorldMap #HoverGlobal .Mapequatorialguinea {left:406px; top:233px;}
.WorldMap #HoverGlobal .Mapgabon {left:408px; top:243px;}
.WorldMap #HoverGlobal .Mapcongo {left:421px; top:234px;}
.WorldMap #HoverGlobal .Mapdcongo {left:427px; top:224px;}
.WorldMap #HoverGlobal .Mapzambia {left:481px; top:310px;}
.WorldMap #HoverGlobal .Mapangola {left:425px; top:285px;}
.WorldMap #HoverGlobal .Mapnamibia {left:425px; top:366px;}
.WorldMap #HoverGlobal .Mapbotswana {left:470px; top:370px;}
.WorldMap #HoverGlobal .Mapswaziland {left:525px; top:421px;}
.WorldMap #HoverGlobal .Maplesotho {left:509px; top:440px;}
.WorldMap #HoverGlobal .Mapsouthafrica {left:450px; top:398px;}
.WorldMap #HoverGlobal .Mapzimbabwe {left:499px; top:357px;}
.WorldMap #HoverGlobal .Mapmozambique {left:526px; top:324px;}
.WorldMap #HoverGlobal .Mapmalawi {left:540px; top:318px;}
.WorldMap #HoverGlobal .Maptanzania {left:523px; top:264px;}
.WorldMap #HoverGlobal .Mapburundi {left:521px; top:273px;}
.WorldMap #HoverGlobal .Maprwanda {left:520px; top:265px;}
.WorldMap #HoverGlobal .Mapuganda {left:525px; top:231px;}
.WorldMap #HoverGlobal .Mapkenya {left:549px; top:228px;}
.WorldMap #HoverGlobal .Mapmadagascar {left:597px; top:334px;}
.WorldMap #HoverGlobal .Mapsomalia {left:588px; top:182px;}
.WorldMap #HoverGlobal .Mapethiopia {left:543px; top:164px;}
.WorldMap #HoverGlobal .Maperitrea {left:562px; top:144px;}
.WorldMap #HoverGlobal .Mapsudan {left:481px; top:112px;}
.WorldMap #HoverGlobal .Mapegypt {left:494px; top:57px;}
.WorldMap #HoverGlobal .Maplibya {left:411px; top:47px;}
.WorldMap #HoverGlobal .Maptunisia {left:402px; top:21px;}
.WorldMap #HoverGlobal .Mapalgeria {left:314px; top:22px;}
.WorldMap #HoverGlobal .Mapmorocco {left:290px; top:30px;}
.WorldMap #HoverGlobal .Mapwesternsahara {left:267px; top:82px;}
.WorldMap #HoverGlobal .Mapdjibouti {left:591px; top:178px;}

.MapArrows {display:none; width:83px; height:83px; position:absolute; top:10px; left:0px; z-index:4; background-image:url(/images/default/map-nav-base.gif)}
.MapArrows a {position:absolute; left:0px; top:0px; background-image:url(/images/default/map-nav-arrows.gif)}
.MapArrows a.ArrowLeft {left:10px; top:32px; width:22px; height:15px; background-position:0px -24px;}
.MapArrows a.ArrowRight {left:48px; top:32px; width:22px; height:15px; background-position:0px -8px;}
.MapArrows a.ArrowUp {left:32px; top:10px; width:15px; height:22px; background-position:-16px -40px;}
.MapArrows a.ArrowDown {left:32px; top:50px; width:15px; height:22px; background-position:0px -40px;}
.LeftActive a.ArrowLeft {width:26px; height:18px; background-position:-37px -1px;}
.RightActive a.ArrowRight {width:26px; height:18px; background-position:-37px -19px;}
.UpActive a.ArrowUp {width:18px; height:26px; background-position:-52px -38px;}
.DownActive a.ArrowDown {width:18px; height:26px; background-position:-33px -38px;}

.PreloadImages img {display:none}

#FlagBox {display:none; z-index:10; position:absolute; bottom:-13px; left:0px; height:113px;}
#FlagBox .FlagContent {height:78px; padding-top:15px;}
#FlagBox .FlagContent a {position:relative;}
#FlagBox .FlagContent img {}
#FlagBox .FlagContent .FlagSpacer {width:10px; height:10px}
#MapFade {display:none; z-index:9; position:absolute; top:0px; left:0px; width:998px; height:2000px; background-color:#FFF}
.FlagText {display:none; position:absolute; top:-90px; left:0px; padding:0px 0px 0px 0px; color:#FFF; width:85px; font-size:1.2em; text-align:center; }
.FlagText span {position:relative; padding:4px 8px 20px 8px; margin:0px auto; text-align:center; background-image:url(/images/default/map-label-tail.gif); background-position:center top}
#FlagBox .FlagInfo {white-space:nowrap; position:absolute; left:0px; bottom:150px; background-color:#257DB1; padding:5px 8px 5px 8px; color:#FFF; font-size:1.2em; border:solid 1px #00467A}

.TCBox {height:180px; overflow:auto; padding:0px 10px 0px 10px; border:solid 1px #CCC}

.PanelHidden {display:none}

.QuestionLink {float:left; width:110px; padding:0px 0px 10px 0px}
.QuestionLink img {width:100px; height:100px; border:solid 2px #BBB}
.QuestionLink p {text-align:Center; color:#333; font-size:1.3em; text-decoration:none; margin:0px; padding:0px; font-weight:bold}
.QuestionLink p.QuestionLinkActive {color:#C24193;}
.QuestionLink span {text-align:center; color:#777; display:block; font-size:1.1em;}
.QuestionLink span.QuestionCompleted {color:#33CC33}
.QuestionLink span.QuestionCompleted span {color:#33CC33}
.QuestionCompletedParent {position:relative;}
.QuestionCompletedParent img {border-color:#6CA21E !important;}
.QuestionCompletedParent img.LargeTick {position:absolute; top:2px; left:10px; border:none;}
.QuestionLink span span {display:inline; font-size:1em;}

.QuestionnaireContent {}
.QuestionnaireContent .FormBox {float:left;}
.CheckBoxQuestion {clear:both; border-top:solid 20px #FFF;}
.CheckBoxQuestion td {padding:0px 5px 10px 0px; font-size:1.2em}
.CheckBoxQuestion td td {font-size:1em}
.CheckBoxQuestion td table {width:100%;}
.CheckBoxQuestion td table td {padding-right:15px;}
.CheckBoxQuestion td table td div {float:left; margin-right:5px;}
.CheckBoxQuestion td table td label {float:left;}

.NewsItem {}
.NewsItem .NewsTitle {font-size:1.3em; font-weight:bold; margin-bottom:-5px;}
.NewsItem .NewsTitle a {font-size:1em; text-decoration:none; color:#333;}
.NewsItem .NewsTitle span {font-size:0.9em; text-decoration:none; color:#999; font-weight:normal}

p.NewsDate {margin:10px 0px 0px 0px; padding:0px; font-style:italic}

.ArchiveList {list-style:none; margin-left:0px;}
.ArchiveList li {font-size:1em; padding:0px 0px 3px 0px}
.ArchiveList li a {font-size:1.3em; text-decoration:none;}
.ArchiveList li span {font-size:1.3em; font-weight:bold; font-style:italic; color:#CCC;}
.ArchiveList li a.ArchiveSelected {color:#C24193;}
.ArchiveList li ul {list-style:none; padding:3px 0px 0px 0px; margin:0px 0px 0px 20px;}
.ArchiveList li ul li {padding:0px 0px 0px 0px;}

#DragFamily {position:relative;}
#DragFamily .FamilyEditLink {display:none; position:absolute; top:40px; right:10px; font-size:1.2em; text-decoration:none; color:#666; font-weight:normal}
.FamilyRecommend {}
.FamilyRecommend a {margin:15px 0px 0px 0px; display:block; text-align:center; text-decoration:none; font-size:1.2em; color:#0284A8;}
.FamilyRecommend .FamilyRecommendForm {display:none; padding-top:10px;}
.FamilyRemove {display:none;}
.FamilyRemove div {position:relative; top:2px;}
.FamilyRemoveButton {display:none;}
.FamilyRemoveButton a {}

.SocialButtons {float:left; padding:25px 0px 0px 10px;}
.FacebookLike {height:60px; margin-bottom:0px !important}
.LinkedInLink {padding:0px !important}
.LinkedInLink a {display:block; }

#ForJSChildHidden {clear:both;}
#ForJSChildHidden .ChildHiddenContainer {float:left; width:361px; display:none; padding-bottom:8px;}

#ForJSSamplesHidden {clear:both;}
#ForJSSamplesHidden .ItemContainer {float:left; width:361px; display:none; padding-bottom:8px;}

#ForJSDistributionOfScore .ItemDetail {
    float: left;
    width: 361px;
    padding-bottom: 8px;
}

.AgreementSection {cleaR:both; float:right; width:500px; padding-right:10px; padding-bottom:15px; margin-top:15px;}
.AgreementSection .FormBox {width:500px; min-height:10px}
.AgreementSection .FormBox .CheckBox label {float:right; margin-right:10px;}

.TermsPopUp {display:none; z-index:11; position:fixed; top:50px; width:700px}
.TermsPopUp .TCBox {height:500px; background-color:#FFF; padding-top:10px; border:solid 2px #CC579E; border-top:none}
.DragGreen .TCBox {border-color:#608D1A; }
.HiddenTermsPop {display:none}

#Over18 {z-index:10; display:none; position:absolute; top:30px; left:0px;}
#Over18 h2 {color:#01ADED; font-size:1.4em;}
#Over18 .ValidationMessage1 {position:relative; top:17px; font-size:1.2em;}

.DragBarRightText {font-weight:bold; float:right; font-size:1.5em; padding-top:8px; padding-right:10px;}

.MessageInfo {padding-bottom:10px; padding-top:15px; border-bottom:solid 1px #CCC;}
.MessageInfo div {float:right;}
.MessageInfo span {font-size:1.2em;}
.MessageInfo span span {font-size:1em;}

.MessageSection {padding-bottom:10px;}
.MessageSection span {cursor:pointer; font-size:1.2em; font-weight:bold;}
.MessageItemHolder {display:none}
.MessageItem {padding:5px 0px 3px 20px; background-position:left 3px;}
.MessageItem a {font-size:1.3em; font-weight:normal; text-decoration:none}
.MessageUnRead {background-image:url(/images/default/message-new.gif)}
.MessageRead {background-image:url(/images/default/message-open.gif)}
.MessageReplied {background-image:url(/images/default/message-replied.gif)}

.FAQSection {padding-bottom:10px;}
.FAQSection a {font-size:1.5em; text-decoration:none}
.FAQSection div {font-size:1.3em; display:none; padding-top:5px;}

.LogOutButton {position:absolute; top:10px; right:0px}
.LogOutButton a {font-size:1.3em;}

.HomeDragInner {overflow:hidden;}

.LoginPage {}
.LoginPage .DropColumn {float:none; margin:0px auto}
.LoginPage .LoginLogo {margin:30px auto; width:330px; height:55px; background-image:url(/images/default/logo-login.jpg);}

.LoginNav {padding:3px 0px 3px 0px; text-align:center; position:relative; margin-bottom:6px; border:solid 1px #C7C7C7; background-color:#DCDCDC; background-image:url(/Images/Default/nav-bg.jpg); background-repeat:repeat-x}
.LoginNav span {font-size:1.2em; font-weight:bold; color:#575757}

/*.DragTableHolder {overflow:hidden}
.DragTable {}
.DragTable th {padding:0px 10px 10px 0px; font-size:1.2em; font-weight:bold; text-align:left; white-space:nowrap}
.DragTable td {padding:0px 10px 10px 0px; font-size:1.2em; white-space:nowrap}
.DragTableFixed2 {width:477px}
.DragTableFixed3 {width:725px}
.DragTableFixed3-2 {width:725px}
.DragTableFixed3-2 td {white-space:normal} */

.RadioButtonList {}
.RadioButtonList td {padding-right:15px; font-size:1.1em}
.RadioButtonList td div {float:left; margin-right:5px;}
.RadioButtonList td label {float:left;}

.RadioButtonList2 {}
.RadioButtonList2 td {padding-top:3px; padding-bottom:2px; font-size:1.1em}
.RadioButtonList2 td div {float:left; margin-right:5px;}
.RadioButtonList2 td label {float:left;}

#ForJSImageField a {display:block; width:105px; text-align:center; font-size:1.1em; text-decoration:none; padding-top:3px; color:#777;}

#SnapDropAreas {z-index:1; position:fixed; top:0px; left:0px;}
#SnapDropAreas span.SnapBar {z-index:300; display:block; position:absolute; top:0px; left:0px; height:8px; width:100%; background-color:#CC579E}
#SnapDropAreas div.SnapTop {display:none; position:fixed; z-index:2; top:0px; left:0px; height:20px; width:100%;}
#SnapDropAreas div.SnapBottom {display:none; position:fixed; z-index:2; bottom:0px; left:0px; height:20px; width:100%;}
#SnapDropAreas div.SnapLeft {display:none; position:fixed; z-index:1; left:0px; height:100%; width:20px; }
#SnapDropAreas div.SnapRight {display:none; position:fixed; z-index:1; right:0px; height:100%; width:20px;}

#SnapDropAreas div .DragBar{display:none;} /* background-color:#84C125 */
#SnapDropAreas div .DragBox {border:solid 3px #DDD; width:97px; position:relative; left:-3px} 
#SnapDropAreas div .DragContent {width:77px; border:none} 
#SnapDropAreas div .ToolBoxSection {} 

#SnapDropAreas div.ActiveSnap {display:block; background-color:Lime;}

.UnpinLink {display:block; font-size:1.2em; color:#999; text-align:center; background-color:#FFF}

#TestDiv {z-index:657657545345; position:fixed; top:10px; left:10px; font-size:25px; color:lime; background-color:#FFF}
.HiddenSettings {display:none;}

a.SmallButton {margin-lefT:6px; display:block; padding:2px 6px 3px 6px; float:right; font-size:1.2em; text-decoration:none !important; color:#FFF; background-color:#000}

/* Data tables */
table.SimpleTwoColumn {font-size:1.2em; border:solid 1px #ddd;}
table.SimpleTwoColumn th {text-align:left; background-color:#eee; padding:4px 6px 4px 6px;}
table.SimpleTwoColumn td {padding:4px 6px 4px 6px;}
table.SimpleTwoColumn td select {width:263px; font-size:11px; height:19px; padding-top:0px; font-family:Verdana; color:#333; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}

/* Weighting table */
table.Weighting {font-size:1.2em; border:solid 1px #ddd; margin-top:10px;}
table.Weighting th {text-align:left; background-color:#eee; padding:4px 8px 4px 8px;}
table.Weighting td {padding:4px 8px 4px 8px;}
table.Weighting td input {width:60px; font-size:1.1em; height:1.5em; padding-top:1px; padding-left:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}

/*Telerik*/

div.RadGrid_Default {} /* rgMasterTable parent */
  .rgMasterTable {}
  .rgMasterTable th {}
  .rgMasterTable th a {}
  .rgMasterTable th a:hover {}
  .rgMasterTable tr {}
  .rgMasterTable td {}
  .rgMasterTable td input{}
  .MoveIcon .rgFilter{}
  .rgSorted{}
  .rgFilterRow{}
  .rgFilterRow td{}
  .rgFilterRow td input{}
  .rgAltRow {}
  .rgPager{}
  .rgPager td{}
  .rgPagerButton {}
  .rgSelectedRow {}
  .rgNoRecords td div {}
  .rgMasterTable th.rgHeader{}
  .rgPagerTextBox {width:20px !important;}

.TelerikInfo {position:relative; height:auto; font-size:11px; font-weight:bold; padding:5px 10px 5px 6px; background-color:#eee; 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 */
.AccessGlobalButtons {margin-right:20px; font-weight:bold; font-size:1.3em;}
h2.AccessItem {font-size:1.4em; margin:15px auto 5px 0px; width:300px;}
.AccessItemButtons {margin-bottom:5px;}
  .AccessItemButtons a {font-weight:bold; font-size:1.1em; margin-right:10px;}
  .AccessItemButtons a:hover {color:#666;}
  
.AccessList {}
.AccessList td {width:120px;}
.AccessList td label {width:100px;}

.Info {font-size:1.2em; margin-top:5px;}

/* Admin/Panels/Add, Edit (AND / OR) */
.PanelStrConfig {width:605px; padding-left:0px; padding-bottom:20px;} /* <- panel builder unique class */
.PanelStrConfig .PanelStrSection {margin-bottom:-1px; position:relative; height:58px; width:537px; border:solid 1px #555; padding:0px 0px 0px 15px; background-color:#f2f2f2;}
.PanelStrConfig .PanelStrSectionSelected {background-color:#FEBF4D;}
.PanelStrConfig .PanelStrSection div.PanelStrFirst  {width:535px; height:25px; padding-top:6px; }
.PanelStrConfig .PanelStrSection div.PanelStrSecond {float:left; height:25px; padding-top:1px; width:150px;}
.PanelStrConfig .PanelStrSection div.PanelStrThird  {float:left; height:25px; padding-top:1px; width:368px;}
.PanelStrConfig .PanelStrSection div.PanelStrIs     {float:left; height:25px; padding-top:3px; width:18px; font-size:1.2em;}
.PanelStrConfig .PanelStrSection * input {font-size:1.1em; height:1.5em; padding-top:1px; padding-left:4px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.PanelStrConfig .PanelStrSection div.PanelStrFirst input {width:524px;}
.PanelStrConfig .PanelStrSection div.PanelStrSecond input {width:138px;}
.PanelStrConfig .PanelStrSection div.PanelStrThird input {width:355px;}


.PanelStrBar {cursor:move; position:absolute; left:0px; top:0px; width:8px; height:58px; background-color:#462262}
.PanelStrRemove {display:none; position:absolute; top:-1px; right:-1px; cursor:pointer; background-color:#fff; width:13px; height:13px; border:solid 1px #666; background-image:url(/images/default/icon-delete-small.gif); background-position:1px 1px;}

/* Default drop downlist style for all pages. Custom styles require classes override in the head sections of each page because drop down list is child of main form tag */
.ui-autocomplete {z-index:3333333; max-height:300px; overflow-y:auto; width:140px; list-style:none; padding:0px 0px 0px 0px; background-color:#ddd; border:solid 1px #555; border-top:none;}
.ui-autocomplete li {padding:0px 0px 0px 0px; border-top:solid 1px #555; margin:0px}
.ui-autocomplete li a {display:block; cursor:pointer; padding:2px 5px 2px 10px;}
.ui-autocomplete li span {font-size:0.8em; color:#777;}
.ui-autocomplete li a:hover {text-decoration:none;}
.ui-autocomplete li a.ui-state-hover {background-color:#bbb; text-decoration:none;}

.PanelDropActive {background-color:#FEBF4D !important}
.PanelDropActive .PanelStrSection {background-color:#FEBF4D !important}
.PanelStrBracket {position:Relative; padding-left:50px; min-height:51px; border-left:solid 1px #999;}
.PanelStrBracket .RemovePanelStrAndOrButton {display:none; position:absolute; top:-1px; right:-1px; cursor:pointer; background-color:#fff; width:13px; height:13px; border:solid 1px #666; background-image:url(/images/default/icon-delete-small.gif); background-position:1px 1px;}
.PanelStrBracket .PanelStrAndOr {position:absolute; top:0px; left:0px; width:50px; height:100%; background-color:#ddd; border-top:solid 1px #566817}
.PanelStrBracket .PanelStrAndOr .PanelStrAndOrClick {width:100%; height:100%}
.PanelStrBracket .PanelStrAndOr .PanelStrAndOrClick td {padding:0px 5px 0px 5px; color:#333; cursor:pointer; text-align:center; vertical-align:middle; font-size:1.3em;}
/*
.PanelStrBracket .PanelStrAndOr .PanelStrAndOrUp {display:none; position:absolute; top:0px; left:0px; height:12px; width:100%; background-image:url(/Images/default/bracket-up.gif); background-position:center center;}
.PanelStrBracket .PanelStrAndOr .PanelStrAndOrDown {display:none; position:absolute; bottom:0px; left:0px; height:12px; width:100%; background-image:url(/Images/default/bracket-down.gif); background-position:center center;}
*/

/*.FirstFieldData {display:none;} debug */


#QuestBuilder {position:relative; z-index:1; min-height:30px;}
#QuestBuilder .QuestBuilderTool {position:relative; float:none; padding:7px 15px 7px 15px; height:auto; background-color:#eee; font-size:1.3em; width:690px; margin-bottom:8px; text-align:left; border-color:#CCCCCC}
#QuestBuilder .QuestBuilderTool .BottomOptions .FakeCheckBox {float:left; position:relative; top:3px; margin-right:3px;}
#QuestBuilder .QuestBuilderTool .BottomOptions label {margin-right:20px;}
#QuestBuilder .QuestBuilderTool .BottomOptions .ExpiryBox {width:38px; padding-left:2px;}
#QuestBuilder .QuestBuilderTool .QuestBuilderToolType {display:none;}
#QuestBuilder .QuestBuilderTool .QuestBuilderToolQuestion {display:block; padding-bottom:10px; color:#999;}
#QuestBuilder .QuestBuilderTool .QuestBuilderToolQuestion span {color:#333333; font-weight:bold;}
#QuestBuilder .QuestBuilderTool .QuestBuilderToolQuestion div  {color:#333333; font-weight:bold; display:inline;}
#QuestBuilder .QuestBuilderTool .QuestBuilderToolQuestion div.QuestBuilderToolQuestionInner {cursor:text;}
#QuestBuilder .QuestBuilderTool .QuestBuilderFakeTextArea {display:block; background-color:#FFF; width:260px; height:4.5em; padding-top:1px; padding-left:4px; margin-right:10px; margin-bottom:5px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; }
#QuestBuilder .QuestBuilderTool .QuestRemoveTab {cursor:pointer; display:none; position:absolute; right:5px; top:-20px; height:15px; padding:2px 5px 3px 5px; background-color:#E8E8E8; border:solid 1px #CCC; border-bottom:none}
#QuestBuilder .QuestBuilderTool .TextAndTypeContainer {height:25px; margin-bottom:5px;}
#QuestBuilder .QuestBuilderTool .TextAndTypeContainer .QuestBuilderFakeTextBox {display:block; float:left; background-color:#FFF; width:260px; height:1.5em; padding-top:1px; padding-left:4px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; }
#QuestBuilder .QuestBuilderTool .TextAndTypeContainer select.FieldTypeSelect {float:left; width:110px;}

#QuestBuilder .BottomButtons {height:25px; margin-bottom:6px; clear:both;}
#QuestBuilder .BottomButtons span.QuestAddOption    {float:left; margin-right:5px; cursor:pointer; display:block; height:19px; width:70px;  padding-left:23px; padding-top:2px; background-color:#CCC; border:solid 1px #AAA; background-image:url(/images/default/green-plus.gif); background-position:3px 3px;}
#QuestBuilder .BottomButtons span.QuestRemoveOption {float:left; margin-right:5px; cursor:pointer; display:block; height:19px; width:118px; padding-left:23px; padding-top:2px; background-color:#CCC; border:solid 1px #AAA; background-image:url(/images/default/red-minus.gif);  background-position:3px 3px;}

/* UL sortable version */
#QuestBuilder ul.QuestBuilderFakeRadios {margin-left:0px; margin-top:0px; color:#333;}
#QuestBuilder ul.QuestBuilderFakeRadios li {text-indent:-3px; list-style-type:none; overflow:hidden; width:115px; height:26px; margin-right:5px; float:left;  color:#333; margin-bottom:5px; padding-left:18px; background-image:url(/images/default/checkbox-grey.gif); background-position:left 2px; font-size:12px; line-height:15px;} /* overflow JS correction for FF */
#QuestBuilder ul.QuestBuilderFakeRadios li div {display:inline; cursor:text; padding-right:7px;}

#QuestBuilder .NotForEdit {background-color:#f3f3f3;}
#QuestBuilder .ForEdit {background-color:#e8e8e8;}

.QuestNoContent {position:absolute; top:0px; left:0px; width:720px; text-align:center; padding:5px 0px 5px 0px; font-size:1.3em; font-style:italic; color:#555; border:dashed 1px #999}

.QuestBuilderToolbox {z-index:2; width:286px; background-color:#e1e1e1; height:40px; padding:8px 0px 8px 8px; margin:3px 0px 3px 0px; border:solid 1px #555;}
.QuestBuilderToolbox .QuestBuilderTool {cursor:move; float:left; text-align:center; height:36px; width:48px; padding-top:2px; margin-right:8px; background-color:#FFF; border:solid 1px #555; font-size:1.3em;}
.QuestBuilderToolbox .QuestBuilderToolQuestion {display:none}
.QuestBuilderToolbox .QuestBuilderFakeTextBox {display:none}
.QuestBuilderToolbox .QuestBuilderFakeTextArea {display:none}
.QuestBuilderToolbox .QuestBuilderFakeRadios {display:none}
.QuestBuilderToolbox .QuestRemoveTab {display:none}
.QuestBuilderToolbox .TextAndTypeContainer {display:none;}
.QuestBuilderToolbox .BottomButtons {display:none}
.QuestBuilderToolbox .BottomOptions {display:none}
.QuestBuilderToolbox .FieldTypeSelect {display:none}
.QuestBuilderToolbox .NoDragBox {display:none}
.QuestBuilderToolbox .Wider {width:100px;}
.QuestBuilderToolbox .ui-sortable-helper {width:718px !important;}

pre.PreDebug {color:#000; font-size:14px; width:800px;}

/*tooltip*/
#tooltip {position: absolute; z-index:3000; border: 1px solid #111; background-color:#E6F3F7; padding:5px; opacity:0.85;}
#tooltip h3, #tooltip div { margin: 0; }

.XstandardParentWithLinks {position:relative; min-height:100px; width:auto; z-index:10;}
.XstandardParentWithLinks .EditorJSDiv {position:relative; z-index:10;}
.XStandard {}

/* Questionnaire builder (sections and products) BEGIN */
.QuestionnaireBuilderOptionalMessage {font-size:1.2em; margin-bottom:10px;}
.QuestionnaireBuilderDisplayArea {position:relative; width:722px; overflow:auto;}
.QuestionnaireBuilder { min-height:300px;} /* js width update */
.QuestionnaireBuilder .Section {width:174px; position:relative; margin:0px 5px 10px 0px; float:left;}
.QuestionnaireBuilder .Section .SectionDetails {width:158px; margin:0px 0px 5px 0px; padding:3px 7px 5px 7px; border:solid 1px #C2B3CE; background-color:#E2DCE7; font-size:12px; cursor:move;}
.QuestionnaireBuilder .Section .ProductList {position:relative;}
.QuestionnaireBuilder .Section .ProductList ul {position:relative; width:174px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; min-height:40px; list-style-type:none;}
.QuestionnaireBuilder .AddSection {width:179px; float:left;} /* placeholder during draging */
.QuestionnaireBuilder .AddProduct {width:162px; height:74px; margin-bottom:7px;} /* placeholder during draging */

.QuestionnaireBuilder .SectionDetails .RemoveSection    {display:none; position:absolute; top:0px; right:0px; cursor:pointer; background-color:#fff; width:15px; height:15px; border:solid 1px #C2B3CE; background-image:url(/images/default/icon-delete-small.gif); background-position:2px 2px;}
.QuestionnaireBuilder .SectionDetails .DuplicateSection {display:none; position:absolute; top:0px; right:20px; cursor:pointer; background-color:#fff; width:15px; height:15px; border:solid 1px #C2B3CE; background-image:url(/images/default/icon-duplicate-small.gif); background-position:2px 2px;}
.QuestionnaireBuilder .SectionDetails label {display:block; margin-top:3px;}
.QuestionnaireBuilder .SectionDetails label span {display:block; font-size:11px; font-weight:bold; color:#484848; cursor:move;}
.QuestionnaireBuilder .SectionDetails label span.Asterisk {display:inline; color:#d33;}
.QuestionnaireBuilder .SectionDetails label input {width:154px; font-size:11px; height:18px; padding-top:0px; padding-left:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.QuestionnaireBuilder .SectionDetails .DateFields {}
.QuestionnaireBuilder .SectionDetails .DateFields label.StartDate {float:left;}
.QuestionnaireBuilder .SectionDetails .DateFields label.EndDate {float:right;}
.QuestionnaireBuilder .SectionDetails .DateFields label input {width:74px; padding-left:0px;}
.QuestionnaireBuilder .SectionDetails .Buttons {margin-top:6px;}
.QuestionnaireBuilder .SectionDetails .Buttons a {float:left; display:block; text-align:center; text-decoration:none; padding:2px 4px 2px 4px; background-color:#6D4989; border:solid 1px #502574; font-size:11px; font-weight:bold; color:#aaa; margin-right:7px; line-height:14px;}
.QuestionnaireBuilder .SectionDetails .Buttons a.Active {color:#fff;}

.QuestionnaireBuilder .ProductList ul li {position:relative; width:158px; height:70px; margin:0px 0px 5px 0px; padding:3px 7px 1px 7px; display:block; border:solid 1px #9BC8D7; background-color:#D1E5ED; line-height:1.1em; cursor:move;}
.QuestionnaireBuilder .ProductList ul .RemoveProduct {display:none; position:absolute; top:-1px; right:-1px; cursor:pointer; background-color:#fff; width:15px; height:15px; border:solid 1px #9BC8D7; background-image:url(/images/default/icon-delete-small.gif); background-position:2px 2px;}
.QuestionnaireBuilder .ProductList ul label {display:block; margin-top:3px;}
.QuestionnaireBuilder .ProductList ul label span {display:block; font-size:11px; font-weight:bold; color:#484848; cursor:move;}
.QuestionnaireBuilder .ProductList ul label span.Asterisk {display:inline; color:#d33;}
.QuestionnaireBuilder .ProductList ul label input {width:154px; font-size:11px; height:18px; padding-top:0px; padding-left:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.QuestionnaireBuilder .ProductList ul .Buttons {margin-top:6px;}
.QuestionnaireBuilder .ProductList ul .Buttons a {float:left; display:block; text-align:center; text-decoration:none; padding:2px 4px 2px 4px; background-color:#6D4989; border:solid 1px #502574; font-size:11px; font-weight:bold; color:#aaa; margin-right:6px; line-height:14px;}
.QuestionnaireBuilder .ProductList ul .Buttons a.Active {color:#fff;}

.QuestionnaireBuilder label.FieldInvalid {}
.QuestionnaireBuilder label.FieldInvalid input.Active {border:solid 1px #f88 !important; background-color:#fdd !important;}
/* Questionnaire builder END */

/* Questionnaire builder (sections and products) translation version updates BEGIN  */
.QBTranslateUpdate .QuestionnaireBuilder .Section .SectionDetails {cursor:default;}
.QBTranslateUpdate .QuestionnaireBuilder .SectionDetails label span {cursor:default;}
.QBTranslateUpdate .QuestionnaireBuilder .ProductList ul li {cursor:default;}
.QBTranslateUpdate .QuestionnaireBuilder .ProductList ul label span {cursor:default;}

.QBTranslateUpdate .QuestionnaireBuilder .ProductList ul li {height:92px;}
/* Questionnaire builder (sections and products) translation version updates BEGIN  */

.GeneralDragToolbox {width:194px; z-index:20; position:relative; float:left; font-size:12px; background-color:#e3e3e3; padding:8px 0px 5px 8px; border:solid 1px #555; margin:3px 0px 3px 0px;}
.GeneralDragToolbox .PanelDragSectionAdd,
.GeneralDragToolbox .PanelDragAndOr,
.GeneralDragToolbox .AddSection,
.GeneralDragToolbox .AddProduct,
.GeneralDragToolbox .AddHeader,
.GeneralDragToolbox .Entity {cursor:move; float:left; text-align:center; width:70px; min-height:30px; padding:4px 5px 4px 5px; margin-right:8px; background-color:#FFF; border:solid 1px #555;}
.DragToolboxInfo {font-size:1.2em; font-weight:bold; color:#484848;}

.HiddenFieldForSendingXMLToTheServer {display:none;}
#HiddenFieldForSendingXMLToTheServer {display:none;}

/* Question block builder BEGIN */
/* general styles */
.QBStartPoint {position:relative; padding:3px 0px 1px 0px; background-color:#DCE2F2; font-size:1.2em; width:690px; margin-bottom:8px; border:solid 1px #ccc;}
.QBStartPoint .EntityType {font-weight:normal; color:#555; margin-bottom:3px; margin-left:7px;}
.QBStartPoint .HR1 {border-bottom:solid 1px #ccc; height:0px; margin:0px 0px 5px 0px;}
.QBStartPoint .TextField {margin-left:7px; margin-bottom:5px;}
.QBStartPoint .TextField .EntityTextBox {width:20px; height:16px; font-size:11px; padding-left:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333; margin-right:1px;}
.QBStartPoint .FieldInvalid {border:solid 1px #f88 !important; background-color:#fdd !important;}

div.QBBuildingArea {min-height:40px;}
div.QBBuildingArea .Entity {position:relative; cursor:move; padding:3px 0px 1px 0px; background-color:#e3e3e3; font-size:1.2em; width:690px; margin-bottom:8px; border:solid 1px #ccc;}
div.QBBuildingArea .Entity .QuestionNumber {position:absolute; width:60px; text-align:right; top:-5px; left:-73px; font-size:24px; font-weight:bold; color:#bbb;}
div.QBBuildingArea .Entity select.EntityDropDown {width:234px; height:19px; font-size:11px; padding-top:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333; margin-right:5px;}
div.QBBuildingArea .Entity input.EntityTextBox {width:230px; height:17px; font-size:11px; padding-left:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
div.QBBuildingArea .Entity textarea.EntityTextArea {width:410px; height:64px; font-size:11px; padding-left:1px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
div.QBBuildingArea .Entity .Asterisk {font-size:1.1em;}
div.QBBuildingArea .Entity .RemoveEntity    {display:none; position:absolute; top:0px; right:0px;  cursor:pointer; background-color:#fff; width:17px; height:17px; background-image:url(/images/default/icon-delete-small.gif); background-position:3px 3px; margin-right:0px;}
div.QBBuildingArea .Entity .DuplicateEntity {display:none; position:absolute; top:0px; right:22px; cursor:pointer; background-color:#fff; width:17px; height:17px; background-image:url(/images/default/icon-duplicate-small.gif); background-position:3px 3px; margin-right:0px;}
div.QBBuildingArea .Entity .EntityType {font-weight:normal; color:#555; margin-bottom:3px;}
div.QBBuildingArea .Entity .HR1 {border-bottom:solid 1px #ccc; height:0px; margin:0px 0px 4px 0px;}
div.QBBuildingArea .Entity > * {margin-left:7px;}
div.QBBuildingArea .Entity .EntityLabel {cursor:text; font-size:14px; font-weight:bold; margin-bottom:5px;}
div.QBBuildingArea .Entity .LeftSideForm {float:left; width:415px;}
div.QBBuildingArea .Entity .SmallTextInfo    {color:#555; font-size:11px; clear:left;}
div.QBBuildingArea .Entity .LabelTypeMidInfo {color:#555; font-size:11px; margin:0px 0px 5px 0px;}
div.QBBuildingArea .Entity .LabelTypeTopInfo {color:#555; font-size:11px; margin:0px 0px 5px 0px;}
div.QBBuildingArea .Entity .FieldInvalid {border:solid 1px #f88 !important; background-color:#fdd !important;}
.EntityInvalid {border:solid 2px #f88 !important; width:688px;}

/* Free text */
div.QBBuildingArea div.FreeText .EntityDropDown {margin-bottom:5px;}
div.QBBuildingArea div.FreeText .EntityTextBox {width:40px;}

/* Sliding percentage */
div.QBBuildingArea div.SlidingPercentage .EntityDropDown {margin-bottom:5px;}

/* Range Entity */
div.QBBuildingArea div.Range .RangeOptions {display:block; margin-top:9px; margin-bottom:0px; margin-right:0px;}
div.QBBuildingArea div.Range .RangeOptions div.Item {float:left; overflow:hidden; width:164px; height:26px; margin-right:5px; margin-bottom:5px; color:#333; font-size:12px; line-height:15px;} /* overflow JS correction for FF */
div.QBBuildingArea div.Range .RangeOptions div.Item div.OptionValue {display:inline; cursor:default; font-weight:bold;}
div.QBBuildingArea div.Range .RangeOptions div.Item div.OptionText {display:inline; cursor:text; padding-right:5px;}
div.QBBuildingArea div.Range div.RangeDropDowns {clear:both; margin-bottom:6px;}
div.QBBuildingArea div.Range div.RangeDropDowns label {}
div.QBBuildingArea div.Range div.RangeDropDowns label input {margin-right:2px; margin-left:2px; position:relative; top:2px;}
div.QBBuildingArea div.Range div.RangeDropDowns label span {}
div.QBBuildingArea div.Range .RangeOptions .FieldInvalid {height:24px !important;}
div.QBBuildingArea div.Range .NotApplicableSection {margin-top:10px;}
div.QBBuildingArea div.Range .NotApplicableSection .hr {height:1px; margin-top:0px; margin-bottom:10px; background-color:#ccc; width:677px }
div.QBBuildingArea div.Range .NotApplicableSection .Sub1 {display:none;}
div.QBBuildingArea div.Range .NotApplicableSection .Sub2 {display:none;}
div.QBBuildingArea div.Range .NotApplicableSection .NAOption label                 {display:inline-block; width:234px; text-align:right; margin-right:5px;}
div.QBBuildingArea div.Range .NotApplicableSection .NAOptionPosition {clear:left;}
div.QBBuildingArea div.Range .NotApplicableSection .NAOptionPosition label         {display:inline-block; width:234px; text-align:right; margin-right:5px;}
div.QBBuildingArea div.Range .NotApplicableSection .NAOptionLabel label            {display:inline-block; width:234px; text-align:right; margin-right:5px;}
div.QBBuildingArea div.Range .NotApplicableSection .PleaseSpecifyOptionLabel label {display:inline-block; width:234px; text-align:right; margin-right:5px;}
div.QBBuildingArea div.Range .NotApplicableSection .PleaseSpecifyMaxLength label   {display:inline-block; width:234px; text-align:right; margin-right:5px;}
div.QBBuildingArea div.Range .NotApplicableSection .PleaseSpecifyMaxLength .EntityTextBox {width:40px;}



/* Image entity */
div.QBBuildingArea div.Image .RightSideImageForm {float:left; width:250px; margin-top:2px; min-height:178px; text-align:left; border-left:solid 1px #ccc; padding-left:6px;}
div.QBBuildingArea div.Image .RightSideImageForm .ImageNotUploaded {margin-top:30px; text-align:center; color:#555;}
div.QBBuildingArea div.Image .RightSideImageForm .ScrollableArea {cursor:default; width:250px; min-height:158px; max-height:300px; overflow:auto;}
div.QBBuildingArea div.Image .RightSideImageForm .ScrollableArea img {border:0px; margin-left:0px; display:block;}
div.QBBuildingArea div.Image div.FileUpload {margin-bottom:5px;}
div.QBBuildingArea div.Image div.FileUpload label {display:block; margin:3px 0px 2px 0px;}
div.QBBuildingArea div.Image div.FileDescription {margin-bottom:5px;}
div.QBBuildingArea div.Image div.FileDescription label {display:block; margin:3px 0px 2px 0px;}

/* Video entity */
div.QBBuildingArea div.Video .RightSideVideoForm {float:left; width:250px; height:230px; margin-top:2px; text-align:left; border-left:solid 1px #ccc; padding-left:6px;}
div.QBBuildingArea div.Video .RightSideVideoForm .VideoNotUploaded {margin-top:30px; text-align:center; color:#555;}
div.QBBuildingArea div.Video div.FileUpload {margin-bottom:5px;}
div.QBBuildingArea div.Video div.FileUpload label {display:block; margin:3px 0px 2px 0px;}
div.QBBuildingArea div.Video div.FileDescription {margin-bottom:5px;}
div.QBBuildingArea div.Video div.FileDescription label {display:block; margin:3px 0px 2px 0px;}

/* Audio entity */
div.QBBuildingArea div.Audio .RightSide {float:left; width:250px; height:180px; margin-top:2px; text-align:left; border-left:solid 1px #ccc; padding-left:6px;}
div.QBBuildingArea div.Audio .RightSide .AudioNotUploaded {margin-top:30px; text-align:center; color:#555;}
div.QBBuildingArea div.Audio .RightSide audio {width:100%;}
div.QBBuildingArea div.Audio div.FileUpload {margin-bottom:5px;}
div.QBBuildingArea div.Audio div.FileUpload label {display:block; margin:3px 0px 2px 0px;}
div.QBBuildingArea div.Audio div.FileDescription {margin-bottom:5px;}
div.QBBuildingArea div.Audio div.FileDescription label {display:block; margin:3px 0px 2px 0px;}

/* preference entity */
div.QBBuildingArea .Preference div.LeftSidePreferenceForm {float:left; width:246px; min-height:20px;}
div.QBBuildingArea .Preference div.RightSideFormForm {float:left; width:300px; margin-top:2px; text-align:left; border-left:solid 1px #ccc; padding-left:6px; margin-bottom:3px;}
div.QBBuildingArea .Preference div.PreferenceRankingOptions {margin-top:0px; margin-left:0px; color:#333;}
div.QBBuildingArea .Preference div.PreferenceRankingOptions div.Item {min-height:16px; color:#333; margin-bottom:5px; padding:2px 0px 1px 2px; font-size:12px; line-height:15px; border:solid 1px #aaa; background-color:#ccc;}
div.QBBuildingArea .Preference div.PreferenceRankingOptions div.Item div {display:inline; cursor:text; padding-right:8px;}
div.QBBuildingArea .Preference .BottomButtons {height:25px; margin-bottom:6px; clear:both;}
div.QBBuildingArea .Preference .BottomButtons span.QuestAddOption    {float:left; cursor:pointer; display:block; height:19px; width:70px;  padding-left:23px; padding-top:2px; background-color:#CCC; border:solid 1px #AAA; background-image:url(/images/default/green-plus.gif); background-position:3px 3px; margin-right:8px;}
div.QBBuildingArea .Preference .BottomButtons span.QuestRemoveOption {float:left; cursor:pointer; display:block; height:19px; width:118px; padding-left:23px; padding-top:2px; background-color:#CCC; border:solid 1px #AAA; background-image:url(/images/default/red-minus.gif);  background-position:3px 3px;}
div.QBBuildingArea .Preference div.TextField {margin-bottom:5px;}
div.QBBuildingArea .Preference div.TextField label {display:block; margin:3px 0px 2px 0px;}
div.QBBuildingArea .Preference div.TextField input {width:230px;}

/* labelled scale entity */
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm {float:left; width:246px; min-height:20px;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .TextOptions {margin-top:0px; margin-left:0px; color:#333;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .TextOptions div.TextEntry {position:relative; min-height:16px; list-style-type:none; color:#333; margin-bottom:5px; padding:2px 13px 1px 2px; font-size:12px; line-height:15px; border:solid 1px #aaa; background-color:#ccc;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .TextOptions div.TextEntry div.ContentEditable {display:inline; cursor:text; padding-right:8px;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .TextOptions div.TextEntry input.RelatedToOther {position:absolute; right:2px; top:2px; display:none;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .TextOptions div.TextEntry .CorrectAnswer {margin-top:2px; display:none;}
div.ShowCorrAnswCB .LabelledScale div.LeftSideLabelledForm .TextOptions div.TextEntry .CorrectAnswer {display:block;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .TextOptions div.TextEntry .CorrectAnswer label {cursor:default;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .TextOptions div.TextEntry .CorrectAnswer label input {}
div.QBBuildingArea .LabelledScale div.MakeVisibleCBXes     .TextOptions div.TextEntry input.RelatedToOther {display:inline;}

div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions {display:none;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry {position:relative; min-height:40px; list-style-type:none; color:#333; margin-bottom:5px; padding:4px 0px 1px 4px; font-size:12px; line-height:15px; border:solid 1px #aaa; background-color:#ccc;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry img {width:100px; display:inline; margin-right:4px; border:0px; cursor:auto}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry input.ImageUpload {width:235px; clear:left; margin-top:2px;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry input.RelatedToOther {position:absolute; right:2px; top:2px; display:none;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry .CorrectAnswer {margin-top:2px; display:none;}
div.ShowCorrAnswCB .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry .CorrectAnswer {display:block;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry .CorrectAnswer label {cursor:default;}
div.QBBuildingArea .LabelledScale div.LeftSideLabelledForm .ImageOptions div.ImageEntry .CorrectAnswer label input {}
div.QBBuildingArea .LabelledScale div.MakeVisibleCBXes     .ImageOptions div.ImageEntry input.RelatedToOther {display:inline;}

div.QBBuildingArea .LabelledScale div.RightSideLabelledForm {float:left; width:410px; margin-top:2px; text-align:left; border-left:solid 1px #ccc; padding-left:6px; margin-bottom:3px;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .LabelTypeTopInfo {}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .DropDownField {margin-bottom:5px;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .MinMaxTextField {display:none; width:234px; height:21px; margin-bottom:2px;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .MinMaxTextField input {width:40px; float:right;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .OtherOptionLabel {display:none; height:36px; width:234px;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .PleaseSpecifyOptionLabel {display:none; height:38px; width:234px;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .PleaseSpecifyMaxLength {display:none; width:234px; height:21px;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .PleaseSpecifyMaxLength input {width:40px; float:right;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .NegativeQuestion {cursor:default;}
div.QBBuildingArea .LabelledScale div.RightSideLabelledForm .NegativeQuestion input { }

div.QBBuildingArea .LabelledScale .BottomButtons {height:25px; margin-bottom:6px; clear:both;}
div.QBBuildingArea .LabelledScale .BottomButtons span.QuestAddOption    {float:left; cursor:pointer; display:block; height:19px; width:70px;  padding-left:23px; padding-top:2px; background-color:#CCC; border:solid 1px #AAA; background-image:url(/images/default/green-plus.gif); background-position:3px 3px; margin-right:8px;}
div.QBBuildingArea .LabelledScale .BottomButtons span.QuestRemoveOption {float:left; cursor:pointer; display:block; height:19px; width:118px; padding-left:23px; padding-top:2px; background-color:#CCC; border:solid 1px #AAA; background-image:url(/images/default/red-minus.gif);  background-position:3px 3px;}

/* Page Break */
div.QBBuildingArea div.PageBreak {background-color:#DCE2F2;}
div.QBBuildingArea div.PageBreak .TextField {margin-bottom:5px; margin-top:5px;}
div.QBBuildingArea div.PageBreak .TextField .EntityTextBox {width:20px; margin-right:1px;}
div.QBBuildingArea div.PageBreak .RoutingName {margin-bottom:5px;}
div.QBBuildingArea div.PageBreak .RoutingName label {display:block; margin-bottom:2px }

/* Routing question */
div.QBBuildingArea div.RoutingQuestion {background-color:#D5EED5;}
div.QBBuildingArea div.RoutingQuestion .DisplayTypeSection {margin-bottom:10px;}
div.QBBuildingArea div.RoutingQuestion .DisplayTypeSection label {display:block;}
div.QBBuildingArea div.RoutingQuestion .ColumnTitle {float:left; width:233px; margin-bottom:3px; margin-left:7px; font-weight:bold; text-align:center; color:#333;}
div.QBBuildingArea div.RoutingQuestion .RoutingOptionsSection {margin-bottom:9px; clear:both;}
div.QBBuildingArea div.RoutingQuestion .RoutingOptionsSection .Item {margin-bottom:3px;}
div.QBBuildingArea div.RoutingQuestion .RoutingOptionsSection .Item .EntityTextBox {margin-right:7px;}
div.QBBuildingArea div.RoutingQuestion .RoutingOptionsSection .Item .EntityDropDown {margin-left:0px;}
div.QBBuildingArea div.RoutingQuestion .BottomButtons {height:25px; margin-bottom:6px; clear:both;}
div.QBBuildingArea div.RoutingQuestion .BottomButtons span.QuestAddOption    {float:left; cursor:pointer; display:block; height:19px; width:63px;  padding-left:23px; padding-top:2px; background-color:#BCD3B6; border:solid 1px #AAA; background-image:url(/images/default/green-plus.gif); background-position:3px 3px; margin-right:8px;}
div.QBBuildingArea div.RoutingQuestion .BottomButtons span.QuestRemoveOption {float:left; cursor:pointer; display:block; height:19px; width:111px; padding-left:23px; padding-top:2px; background-color:#BCD3B6; border:solid 1px #AAA; background-image:url(/images/default/red-minus.gif);  background-position:3px 3px;}

/* "Go to" block */
div.QBBuildingArea div.GoToBlock {background-color:#D5EED5;}
div.QBBuildingArea div.GoToBlock .LabelAndDDlist {margin-bottom:5px;}
div.QBBuildingArea div.GoToBlock .LabelAndDDlist label {margin-right:10px; margin-bottom:2px; display:block; color:#555;}
div.QBBuildingArea div.GoToBlock .LabelAndDDlist select {}
/* Question block builder END */


/* Display Study Questionnaire, SQP - Study Questionnaire Parent */
/* keep identical in Client/styles/general.css, Admin/styles/general.css, Volunteer/styles/general.css,*/
.SQP {padding-top:10px; position:relative;}
  .SQP .StudyQuestionEntry {margin-bottom:10px; padding:8px 12px 8px 12px; width:696px; border:solid 1px #ccc; background-color:#f1f1f1;}
  .SQP .StudyQuestionEntryValidationHighlighted {border:solid 2px #f88;}
  .SQP .DefaultTitle {font-size:1.2em; margin-bottom:6px; font-weight:bold;}
  .SQP .DefaultValidationMessage {color:#d44; font-size:bold; font-size:1.1em; font-weight:bold; display:block;}
  .SQP .HiddenField {display:none;}
  
  .SQP .HeaderType {font-size:1.6em; font-weight:bold; border:none; background-color:transparent; padding:0px;}
  
  .SQP .SlidingPercantageType {}
  .SQP .SlidingPercantageType .SliderBox {position:relative; width:302px; height:33px;}
  .SQP .SlidingPercantageType .SliderBox .LabelLeft {width:50px; float:left; font-size:1.2em; text-align:left;}
  .SQP .SlidingPercantageType .SliderBox .LabelRight {width:50px; float:right; font-size:1.2em; text-align:right;}
  .SQP .SlidingPercantageType .SliderBox .LabelSelectedValue {width:70px; position:absolute; top:0px; right:-85px; font-size:3em; color:#666; font-weight:bold;}
  .SQP .SlidingPercantageType .SliderBox .Slider {width:300px; margin-top:1px;}
  .SQP .SlidingPercantageType .SliderBox .Slider {border-color:#bbb;}
  
  .SQP .FreeTextType {}
  .SQP .FreeTextType .TextBoxInside {margin-bottom:3px;}
  .SQP .FreeTextType .TextBoxInside input {width:294px; font-size:1.1em; height:1.5em; padding:1px 4px 0px 3px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
  .SQP .FreeTextType .TextBoxInside textarea {width:294px; font-size:1.1em; padding:1px 4px 0px 3px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
  .SQP .FreeTextType .TextLength {display:none;}
  
  .SQP .LabelledScaleType {}
  .SQP .LabelledScaleType .AnswerOptions {margin-bottom:6px;}
  .SQP .LabelledScaleType .AnswerOptions table {width:100%; font-size:1.2em;}
  .SQP .LabelledScaleType .AnswerOptions table td {width:33%; padding-bottom:6px; padding-top:1px;} 
  .SQP .LabelledScaleType .AnswerOptions table td label {float:left; width:205px;}
  .SQP .LabelledScaleType .AnswerOptions table .FakeCheckBox {float:left; margin-right:5px;}
  .SQP .LabelledScaleType .AnswerOptions .MultipleSelectionsInfo {padding-top:3px; font-size:1.2em; line-height:1.1em; display:block;}
  .SQP .LabelledScaleType .AnswerOptions select {width:302px; font-size:1.1em; padding-top:0px; font-family:Verdana; color:#333; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc;}
  .SQP .LabelledScaleType .PleaseSpecifyOption {}
  .SQP .LabelledScaleType .PleaseSpecifyOption span.OtherLabel {font-size:1.2em; display:block; margin-bottom:2px;}
  .SQP .LabelledScaleType .PleaseSpecifyOption span.Asterisk {font-size:16px; font-weight:bold; color:#d44;}
  .SQP .LabelledScaleType .PleaseSpecifyOption input {font-size:1.1em; width:294px; height:1.5em; padding:1px 4px 0px 3px; margin-bottom:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
  
  .SQP .RangeType {}
  .SQP .RangeType .AnswersWithLabels {margin-bottom:6px;}
  .SQP .RangeType .AnswersWithLabels table {font-size:1.2em; border-collapse:collapse;}
  .SQP .RangeType .AnswersWithLabels table td {padding:5px 4px 2px 4px; text-align:center; empty-cells:show; width:61px;}
  .SQP .RangeType .AnswersWithLabels table td.ArrowLeft {height:14px; padding:0px 0px 0px 0px; background-image:url(/images/Default/range-arrow-left.gif); background-position:center 0px;}
  .SQP .RangeType .AnswersWithLabels table td.ArrowMiddle {height:14px; padding:0px 0px 0px 0px; background-image:url(/images/Default/range-arrow-middle.gif); background-position:center 0px; background-repeat:repeat-x;}
  .SQP .RangeType .AnswersWithLabels table td.ArrowRight {height:14px; padding:0px 0px 0px 0px; background-image:url(/images/Default/range-arrow-right.gif); background-position:center 0px;}
  .SQP .RangeType .AnswersWithLabels table td label {display:block;}
  .SQP .RangeType .AnswersWithLabels table .FakeCheckBox {float:none; display:block; margin:0px auto 3px auto;}
  .SQP .RangeType .PleaseSpecifyOption {}
  .SQP .RangeType .PleaseSpecifyOption span.OtherLabel {font-size:1.2em; display:block; margin-bottom:2px;}
  .SQP .RangeType .PleaseSpecifyOption span.Asterisk {font-size:16px; font-weight:bold; color:#d44;}
  .SQP .RangeType .PleaseSpecifyOption input {font-size:1.1em; width:294px; height:1.5em; padding:1px 4px 0px 3px; margin-bottom:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
  
  .SQP .ImageType {}
  .SQP .ImageType table {}
  .SQP .ImageType table td.Col1 {padding-right:10px;}
  .SQP .ImageType table td.Col1 img {max-width:696px;}
  .SQP .ImageType table td.Col2 {font-size:1.2em;}
  
  .SQP .PreferenceRankingType {}
  .SQP .PreferenceRankingType .MostPreferableLabel {font-size:1.2em; display:block; float:right; width:280px; font-weight:bold; text-align:center;}
  .SQP .PreferenceRankingType .LeftListDiv  {font-size:1.2em; float:left; width:258px; min-height:85px; padding:10px 10px 5px 10px; background-color:#e9e9e9; border:solid 1px #d2d2d2;}  
  .SQP .PreferenceRankingType .DirectionArrow {float:left; width:136px; height:100px; background-image:url(/images/Default/dd-direction-arrow.png); background-position:center 20px;}
  .SQP .PreferenceRankingType .RightLayoutColumn {float:left; width:280px;}
  .SQP .PreferenceRankingType .RightLayoutColumn .RightListDiv {font-size:1.2em; width:258px; min-height:85px; padding:10px 10px 5px 10px; margin-bottom:2px; background-color:#e9e9e9; border:solid 1px #d2d2d2;}
  .SQP .PreferenceRankingType .RightLayoutColumn .Dragging {background-color:#F2F2BF;}
  .SQP .PreferenceRankingType .RightLayoutColumn .LeastPreferableLabel {font-size:1.2em; display:block; font-weight:bold; text-align:center;}
  .SQP .PreferenceRankingType * .SortableOption {cursor:move; border:solid 1px #ddd; padding:3px; background-color:#e0e0e0; border:solid 1px #ccc; margin-bottom:5px;}
  .SQP .PreferenceRankingType .InfoText {font-size:1.2em; margin:4px 0px 3px 0px;}
  
  .SQP .FileUploadType {}
  .SQP .FileUploadType .InfoText {font-size:1.2em; margin:4px 0px 3px 0px;}
  .SQP .FileUploadType .FileUploadParent {margin-bottom:3px;}
  .SQP .FileUploadType .FileUploadParent input {width:294px; font-size:11px; padding-top:3px; height:22px; font-family:Verdana; color:#333;}
  .SQP .FileUploadType .NoFileUploadMessage {display:none; font-size:1.2em; font-weight:bold;}

  .SQP .LabelledScaleDDType {}
  .SQP .LabelledScaleDDType .LeftListDiv  {float:left; width:268px; min-height:135px; padding:10px 0px 0px 10px; background-color:#e9e9e9; border:solid 1px #d2d2d2;}  
  .SQP .LabelledScaleDDType .RightListDiv {float:left; width:268px; min-height:135px; padding:10px 0px 0px 10px; background-color:#e9e9e9; border:solid 1px #d2d2d2;}
  .SQP .LabelledScaleDDType .DirectionArrow {float:left; width:136px; height:150px; background-image:url(/images/Default/dd-direction-arrow.png); background-position:center 45px;}
  .SQP .LabelledScaleDDType .Dragging {background-color:#F2F2BF;}
  .SQP .LabelledScaleDDType * .Item {width:120px; cursor:move; float:left; border:solid 1px #ddd; background-color:#e0e0e0; border:solid 1px #ccc; margin:0px 11px 10px 0px;}
  .SQP .LabelledScaleDDType * .Item img {width:120px;}
  .SQP .LabelledScaleDDType .InfoText {font-size:1.2em; margin:4px 0px 3px 0px;}
  .SQP .LabelledScaleDDType .OtherOption {width:302px; font-size:1.2em; margin-bottom:3px;}
  .SQP .LabelledScaleDDType .OtherOption .FakeCheckBox {float:left; margin-right:4px;}
  .SQP .LabelledScaleDDType .PleaseSpecifyOption {}
  .SQP .LabelledScaleDDType .PleaseSpecifyOption span.OtherLabel {font-size:1.2em; display:block; margin-bottom:2px;}
  .SQP .LabelledScaleDDType .PleaseSpecifyOption span.Asterisk {font-size:16px; font-weight:bold; color:#d44;}
  .SQP .LabelledScaleDDType .PleaseSpecifyOption input {font-size:1.1em; width:294px; height:1.5em; padding:1px 4px 0px 3px; margin-bottom:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
  
  .SQP .VideoType {}
  .SQP .VideoType .VideoParent {float:left; width:350px; margin:0px 20px 3px 0px;} 
  .SQP .VideoType .InfoText {float:left; width:325px; font-size:1.2em;}
  
  .SQP .AudioType {}
  .SQP .AudioType .AudioParent { margin:0px 0px 8px 0px;} 
  .SQP .AudioType .AudioParent audio {width:100%;}
  .SQP .AudioType .InfoText {display:block; font-size:1.2em;}
  
#SecondsLeftInside, #TimedPageId {display:none;}
.TimeOutCover {position:absolute; top:0px; left:0px; background-color:#fff; width:742px; z-index:20; display:none;}
.TimerBarSpacer {height:35px; display:none;}
.TimerInfoBox {position:fixed; width:742px; height:35px; z-index:20; display:none;} /* top updated by JS */
  .TimerInfoBox .BG {position:relative; left:-10px; width:742px; height:40px; background-image:url(/Images/Default/w-t-horizontal-gradient.png); background-repeat:repeat-x; background-position:0px 27px;}
    .TimerInfoBox .BG .Content {position:relative; width:730px; background-color:#ddd; height:22px; padding:8px 0px 0px 10px; font-size:1.2em; border:solid 1px #bbb;}
      .TimerInfoBox .BG .Content #TimeDisplayId {font-weight:bold;}
          #TimeDisplayId .MinuteEnding {color:#d00;}
          #TimeDisplayId .ColonEnding {color:#d00;}
          #TimeDisplayId .SecondEnding {color:#d00;}
  
  /* font style and colours editing */
  .SQP span.underline {text-decoration:underline;}
  .SQP span.bold {font-weight:bold;}
  .SQP span.italic {font-style:italic;}
  .SQP span.larger {font-size:1.2em;}
  .SQP span.smaller {font-size:0.9em;}
  .SQP span.red {color:#DD3333;}
  .SQP span.red a {color:#DD3333;}
  .SQP span.green {color:#679A23;}
  .SQP span.green a {color:#679A23;}
  .SQP span.orange {color:#E25408;}
  .SQP span.orange a {color:#E25408;}
  .SQP span.blue {color:#30839C}
  .SQP span.blue a {color:#30839C}
  .SQP span.grey {color:#aaa;}
  .SQP span.grey a {color:#aaa;}
/* Display Study Questionnaire - END */

  
/* Display Study Questionnaire for translation, SQPT - Study Questionnaire Parent for Translation */ 
.SQPT {padding-top:10px; clear:both;}
  .SQPT .StudyQuestionEntry {margin-bottom:10px; padding:8px 12px 8px 12px; width:696px; border:solid 1px #ccc; background-color:#f1f1f1;}
  .SQPT .StudyQuestionEntryValidationHighlighted {border:solid 2px #f88;}
  .SQPT .DefaultTitle {font-size:1.2em; margin-bottom:6px; font-weight:bold;}
  .SQPT .DefaultValidationMessage {color:#d44; font-size:bold; font-size:1.1em; font-weight:bold; display:block;}
  .SQPT .HiddenField {display:none;}
  .SQPT .TextBoxInside {margin-bottom:5px;}
  .SQPT .TextBoxInside input    {width:294px; font-size:1.1em; padding:1px 4px 0px 3px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333; height:1.5em;}
  .SQPT .TextBoxInside textarea {width:294px; font-size:1.1em; padding:1px 4px 0px 3px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
  .SQPT .EnglishText {font-size:1.2em;margin-bottom:2px;}


/* */
.InFormBoxTable1 {width:262px;}
.InFormBoxTable1 .Col1 {padding-right:10px; padding-bottom:6px; font-size:1.2em; vertical-align:middle;}
.InFormBoxTable1 .Col2 {text-align:right; padding-bottom:6px; vertical-align:middle;}
.InFormBoxTable1 .Col2 input {width:50px; font-size:1.1em; height:1.5em; padding-top:1px; padding-left:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.InFormBoxTable1 .Col3 {width:60px; text-align:right; padding-bottom:6px; vertical-align:middle;}
.InFormBoxTable1 .Col3 input {width:50px; font-size:1.1em; height:1.5em; padding-top:1px; padding-left:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}
.InFormBoxTable1 .ValidationInfo {margin-top:0px; font-size:11px;}

.FormBox .DragButton {height:19px; width:auto; padding:3px 10px 0px 10px; float:right; margin-right:39px;}
.SpecialInput1 {width:12px; font-size:11px; height:1.5em; float:right; padding-top:1px; padding-left:2px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}

#ForJSAgeGroupHidden .ItemContainer {margin-bottom:7px;}
#ForJSAgeGroupHidden .Rule {border-bottom:solid 1px #ddd; width:263px;}

/* Dashboard */
.Dashboard {}
.Dashboard .DragContent {position:relative}
.Dashboard .AreaImage {width:150px; border:0px; margin-top:10px;}
.Dashboard .DragBoxClosed .DragBarMin {background-image:url(/Images/Default/drag-bar-max.gif);}
.Dashboard .DragBoxClosed .DragContent {display:none;}
.Dashboard .NoActionNeeded {position:absolute; top:0px; left:20px; width:200px; height:170px; background-position:center -15px; background-image:url(/Images/Default/tick-xlarge.png); display:none;}
.Dashboard .ActionNeeded   {position:absolute; top:0px; left:20px; width:200px; height:170px; background-position:center -15px; background-image:url(/Images/Default/question-xlarge.png); display:none;}


/* jQuery UI CSS Framework 1.8.11 */
/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }

/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }

/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* Component containers
----------------------------------*/
.ui-widget { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Trebuchet MS, Tahoma, Verdana, Arial, sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #dddddd; background: #eeeeee url(images/ui-bg_highlight-soft_100_eeeeee_1x100.png) 50% top repeat-x; color: #333333; }
.ui-widget-content a { color: #333333; }
.ui-widget-header { border: 1px solid #e78f08; background: #f6a828 url(images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x; color: #ffffff; font-weight: bold; }
.ui-widget-header a { color: #ffffff; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #cccccc; background: #f6f6f6 url(images/ui-bg_glass_100_f6f6f6_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #1c94c4; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #1c94c4; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #fbcb09; background: #fdf5ce url(images/ui-bg_glass_100_fdf5ce_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #c77405; }
.ui-state-hover a, .ui-state-hover a:hover { color: #c77405; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #fbd850; background: #ffffff url(images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: bold; color: #eb8f00; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #eb8f00; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fed22f; background: #ffe45c url(images/ui-bg_highlight-soft_75_ffe45c_1x100.png) 50% top repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #b81900 url(images/ui-bg_diagonals-thick_18_b81900_40x40.png) 50% 50% repeat; color: #ffffff; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #ffffff; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #ffffff; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(images/ui-icons_ffffff_256x240.png); }
.ui-state-default .ui-icon { background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-active .ui-icon {background-image: url(images/ui-icons_ef8c08_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(images/ui-icons_228ef1_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(images/ui-icons_ffd27a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }

/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #666666 url(images/ui-bg_diagonals-thick_20_666666_40x40.png) 50% 50% repeat; opacity: .50;filter:Alpha(Opacity=50); }
.ui-widget-shadow { margin: -5px 0 0 -5px; padding: 5px; background: #000000 url(images/ui-bg_flat_10_000000_40x100.png) 50% 50% repeat-x; opacity: .20;filter:Alpha(Opacity=20); -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

/*
 * jQuery UI Slider 1.8.11
 */
.ui-slider { position: relative; text-align: left; }
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; }

.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; }
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

/**/
table.AssetTable {font-size:1.2em; border:solid 1px #ddd;}
table.AssetTable th {text-align:left; background-color:#eee; padding:4px 6px 4px 6px;}
table.AssetTable td {padding:4px 6px 4px 6px;}

table.FileUploadTable {font-size: 1.2em;border: solid 1px #ddd;}
table.FileUploadTable th {text-align: left;background-color: #eee;padding: 10px 20px 10px 20px;}
table.FileUploadTable td {padding: 10px 20px 10px 20px;}


table.SimpleTable1 {font-size:1.2em; width:100%; margin-bottom:10px; border:solid 1px #ddd; border-bottom:none;}
table.SimpleTable1 th {text-align:left; background-color:#eee; padding:5px 6px 5px 6px; white-space:nowrap;}
table.SimpleTable1 td {padding:6px 6px 6px 6px; border-bottom:solid 1px #ddd;  empty-cells:show;}
table.SimpleTable1 .ColIN {}
table.SimpleTable1 .ColIN input {border-color:#999 #ccc #ccc #999; border-style:solid; border-width:1px; color:#333; font-family:Verdana; font-size:1.1em; height:1.5em; margin-right:10px; padding-left:2px; padding-top:1px; width:150px;}
table.SimpleTable1 .ColRB {width:105px;}
table.SimpleTable1 .CheckBox {margin-top:0px;}
table.SimpleTable1 table.RadioButtonList {width:auto; border:none;}
table.SimpleTable1 table.RadioButtonList td {border:none; padding:3px;}

/**/

.AuditSection {font-size:12px; margin-bottom:20px; border:solid 1px #ddd;}
.AuditSection .LayoutTable { width:100%; margin-bottom:10px;}
.AuditSection .LayoutTable th {text-align:left; background-color:#eee; padding:5px 6px 5px 6px; empty-cells:show;}
.AuditSection .LayoutTable td {padding:0px 6px 8px 6px; empty-cells:show; vertical-align:middle;}
.AuditSection .LayoutTable .Col1 {}
.AuditSection .LayoutTable .Col2 {width:100px;}
.AuditSection .LayoutTable .Col3 {width:100px;}
.AuditSection .LayoutTable .Col4 {width:100px;}
.AuditSection .LayoutTable .Col5 {width:100px;}
.AuditSection .LayoutTable .Switch {width:50px; margin-left:auto; margin-right:auto; cursor:pointer; background-color:#eee; border-radius:6px; position:relative; left:-5px; }
.AuditSection .LayoutTable .Switch img {width:100%; border-top:none;}
.AuditSection .Heading {font-weight:bold; margin:0px 6px 10px 6px}
.AuditSection .HSPanel {position:relative; display:none; width:440px; margin-left:auto; margin-right:6px; margin-bottom:6px; padding:0px 10px 10px 10px; /*background-color:#f2f2f2;*/ border:solid 1px #ddd;}
.AuditSection .HSPanel .TopSpacer {height:10px;}
.AuditSection .HSPanel .StatusInfo      {margin-bottom:8px; font-weight:bold; font-size:14px; margin-right:14px;}
.AuditSection .HSPanel .CommentsBox     {margin-bottom:8px;}
.AuditSection .HSPanel .UploadFileBox   {margin-bottom:8px;}
.AuditSection .HSPanel .DownloadFileBox {margin-bottom:8px;}
.AuditSection .HSPanel .CompletedBox    {margin-bottom:8px;}
.AuditSection .HSPanel .CompletedBox input {float:left;}
.AuditSection .HSPanel .CompletedBox span {float:left; margin-top:5px; font-weight:bold;}
.AuditSection .HSPanel .ApproveBox      {margin-bottom:8px;}
.AuditSection .HSPanel .Label {font-weight:bold; margin-bottom:1px;}
.AuditSection .HSPanel .CloseButton {background-image:url(/images/default/icon-delete.gif); width:13px; height:13px; padding:4px; position:absolute; top:5px; right:5px; cursor:pointer; background-position:center center;}
.AuditSection .HSPanel .TopArrow {background-image:url(/images/default/up-triangle.png); width:23px; height:13px; position:absolute; top:-14px;}
.AuditSection .BorderLine {height:1px; font-size:1px; line-height:1px; margin-bottom:10px; background-color:#ddd;}
.AuditSection .CommentsBox input {width:240px; font-size:11px; height:1.5em; padding-top:1px; padding-left:2px; margin-right:10px; border:solid 1px #999; border-bottom:solid 1px #ccc; border-right:solid 1px #ccc; font-family:Verdana; color:#333;}

/* WYSIWYG Styles */
.cms_GreenText    {color:#11838b;}
.cms_GreyText     {color:#a3a3a3;}
.cms_PurpleText   {color:#800080;}
.cms_LargeText    {font-size:3em;}
.cms_MediumText   {font-size:1.8em;}
.cms_SmallText    {font-size:1em;}
.cms_CapitalText  {text-transform:uppercase !important; letter-spacing:2px !important;} 
.cms_LinkText a   {color:#11838b; text-decoration:underline;}