/* 
PANELIST REGISTRATION AND WELCOME PAGE CSS

-|-|GENERAL SECTION|-|- */ 

body {background-color: #ffffff; font-family: Trebuchet MS, Tahoma, Verdana; font-size: 11px;}
#RegistrationPageContainer {background-color: #ffffff; width: 760px; float: left;}
.MandatoryTextContainer {margin-left: 20px; margin-bottom: 20px;}
#MultiViewPanel {float: left;}
#ImageBar {float: left; width: 100%;}
div.Mandatory { color: #31408C;}
#GoNextContainer {float: left; width: 100%; text-align: right;} /* Contains the 'register' and 'next step' buttons (next step only active when you have multipage registration form */
#ErrorPanel {width: 100%; margin-left: 20px; margin-bottom: 10px;}
#LoginPanel {float: right; margin-top: -25px; font-size: 10px; margin-right: 20px;}
#LoginPanel a {color: #31408C; font-weight: bold; font-size: 11px;}
#CompanyLogoPanel {background-color: #ffffff;}
select, input {width: 270px;}
div.Validators span {margin-left: 10px;}

/* -|-|QUESTIONS SECTION|-|- */
.QuestionsContainer {float: left; background-color: #ffffff; width: 720px; margin-left: 20px; margin-bottom: 20px;}
.QuestionDiv {width: 350px; margin: 5px; float: left;}
.QuestionText {padding: 10px; color: #31408C; font-size: 12px; font-weight: bold; float: left;}
.QuestionControl {padding:0; margin-top: -5px; margin-left: 10px; clear: both;}
.IntroHeaderContainer {margin-left: 10px; margin-top: 10px;}

/* -|-|PAGE NUMBERS: Only in use if you have enabled multipage registration form |-|- */
.PageNumbers {width: 720px; margin-left: 20px;}
.PageNumberContainer {background-color: #d6d7ca; color: #000000; float:left; padding: 2px; text-align: center; width: 20px;}
.PageNumberContainerActive {background-color: #ffffff; color: #000000; float:left; padding: 2px; text-align: center; width: 20px;}
a.PageNumberText {color: #31408C; text-decoration: none; font-weight: bold;}
a.PageNumberTextActive {color: #31408C; text-decoration: none; font-weight: bold;}
div.NextButton input {background-color: #31408C; color: #ffffff; font-size: 14px; width:auto; font-weight: bold; border: 2px solid #ffffff; margin: 10px; font-family: Georgia, Times New Roman; font-style: italic;}

/* -|-|INTRODUTCION TEXT |-|- */
h1.IntroHeader {font-size: 18px; font-weight: normal; font-family: Georgia; font-style: italic; color: #31408C; margin-bottom: 20px; margin-top: 20px;}
div.IntroText {float: left; margin-left: 10px; line-height: 18px;}

/* -|-|ABOUT PANEL (footer) TEXT |-|- */
#OutroHeaderContainer {width: 100%; margin-left: 10px;}
h1.OutroHeader {font-size: 18px; font-weight: normal; font-family: Georgia; font-style: italic; color: #31408C; margin-bottom: 20px; margin-top: 20px;}
div.OutroText {margin-left: 10px; line-height: 18px;}
.OutroContainer {background-color: #ffffff; padding: 10px;}
a.AboutPanelAnchor {visibility: hidden;}

/* This contains the Cint Panel Access logo and text under it */
#CintLogoPanel {float: left; font-size: 10px; color: #777a77; width: 100%; background-color: #ffffff;}

div.RegisterButton input {background-color: #31408C; color: #ffffff; font-size: 14px; width:auto; font-weight: bold; border: 2px solid #ffffff; margin: 10px; font-family: Georgia, Times New Roman; font-style: italic;}

/*WELCOME PAGE */
body.WelcomePageBody {background-color: #ffffff; font-family: Verdana, Arial, Tahoma;}
div.Welcome {background-color: #ffffff; width: 760px; float: left; font-size: 11px; padding: 20px;}
div.Welcome a {color: #31408C;}
div.WelcomeHeader h1 {font-size: 18px; font-weight: normal; font-family: Georgia; font-style: italic; color: #31408C;}