/****************************/
/*         CVS STYLE        */
/****************************/

/* HTML Elements */
* html { height: 100%; }
body { background-color: #264183; font-family: "Gill Sans MT" , "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size: 11pt; color: #333; height: 100%; width: auto; background-image: url(../images/background.png); background-attachment: fixed; background-position: center top; background-repeat: repeat-y; }
a, a:hover, a:visited { color: #3b5998; }

h3 { font-size: 18px; font-weight: bold; color: Red; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; }
h4 { font-size: 14px; font-weight: bold; color: #555; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; border-bottom: solid 1px #ccc; }
h5 { font-size: 12px; font-weight: bold; color: #333; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; }
h6 { font-size: 14px; color: #555; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; margin: 0px; }
fieldset { border: solid 1px #ccc; padding: 0px 10px 10px 10px; }
legend { font-size: 14px; color: #aaa; }
input, button, select, textarea { font-family: "Gill Sans MT" , "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size: 11pt; }


/* Common Elements */
.banner_flash { display: none; }
.footer { vertical-align: middle; background-image: url(../images/footer.png); background-position: center center; background-repeat: no-repeat; width: 100%; height: 60px; }

.textbox { border: solid 1px #bbb; padding: 2px; width: 95%; font-family: "Gill Sans MT", "lucida grande", Tahoma, Verdana, Arial, Sans-Serif; font-size: 11pt; color: #333; }
.textbox_100 { border: solid 1px #bbb !important; padding: 2px !important; width: 100% !important; font-family: "Gill Sans MT", "lucida grande", Tahoma, Verdana, Arial, Sans-Serif !important; font-size: 11pt !important; color: #333 !important; }
.RadPicker TD IMG { margin: 0px 2px !important; }

.dropdownlist { font-family: "Gill Sans MT" , "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size: 11pt; width: 300px; }
.CVSButton { background: #39599c url(../images/button.gif) no-repeat center center; border: none; vertical-align: middle; width: 100px; height: 24px; line-height: 18px; color: #fff; }
.CVSButton_150 { background: #39599c url(../images/button_150.gif) no-repeat center center; border: none; vertical-align: middle; width: 150px; height: 24px; line-height: 18px; color: #fff; }
.registerButton { background-color: Transparent; background-image: url(../images/button.gif); background-repeat: no-repeat; background-position: center center; border: none; vertical-align: middle; width: 100px; height: 24px; line-height: 18px; margin: 26px; color: #fff; }
.modalBackground { background-color: Gray; filter: alpha(opacity=70); opacity: 0.7; }

.label { text-align: right; font-weight: bold; }
.field { text-align: left; }
.validation { width: 120px; text-align: left; }

.submitButtons_right { float: right; padding: 5px; }
.submitButtons_left { float: left; padding: 5px; }
.submitButtons_center { width: 100%; text-align: center; }

.tab_selected { color: #39599c; background: #fff url(../images/tab_selected.png) no-repeat center center; border: none; vertical-align: middle; width: 182px; height: 27px; }
.tab_unselected { color: #fff; background: #39599c url(../images/tab_unselected.png) no-repeat center center; border: none; vertical-align: middle; width: 182px; height: 27px; }

#container { width: 1020px; height: 100%; margin-left: auto; margin-right: auto; position: relative; background-color: #fff; }
#header { width: 100%; }
#banner { width: 100%; height: 120px; margin: 0px; padding: 0px; background-image: url(../images/banner.png); background-repeat: no-repeat; background-position: center center; }
.banner_flash { display: none; }
#banner_slides { display: none; }
#content { width: 100%; padding-bottom: 40px; background-color: #fff; }
#footer { height: 30px; line-height: 30px; vertical-align: middle; width: 100%; clear: both; text-align: center; background-color: #eee; }

/* Header */

.headerImage { width: 400px; height: 89px; float: left; background-image: url(../images/logo.png); background-repeat: no-repeat; }
.headerLogin { width: 522px; height: 89px; float: right; background-image: url(../images/header_bg.png); background-repeat: no-repeat; background-position: left bottom; }

/* Login */

#loginControl { margin: 15px 0px 0px 180px; width: 100%; height: 89px; vertical-align: middle; font-size: 11px; }
.loginHeader { width: 100%; text-align: left; padding: 4px 4px 4px 50px; }
.loginText, .passwordText { text-align: right; padding: 4px; float: left; font-weight: bold; vertical-align: middle; }
.loginTextbox, .passwordTextbox { text-align: left; float: left; vertical-align: middle; width: 110px; margin-top: 2px; }
.loginTextbox input, .passwordTextbox input { width: 105px; font-size: 11px; padding: 2px !important; }
.loginButton { vertical-align: middle; padding: 5px; text-align: left; background-color: Transparent; margin-left: 4px; width: 34px; height: 34px; border: none; background-image: url(../images/ok.png); background-repeat: no-repeat; }
.loggedInHeader { background-color: #fff; width: 522px; height: 89px; text-align: right; font-weight: bold; position: absolute; top: 0px; right: 0px; }
.divErrorMessage { text-align: left; text-indent: 35px; margin-top: -5px; font-weight: bold; width: 100%; height: 30px; color: Red; }

/* Progress Bar */

.progressBar { margin: auto; width: 120px; }
.mainProgressBar { width: 120px; border: solid 3px #39599c; background-color: #eee; z-index: 100000; height: 30px; font-size: 10pt; font-weight: bold; text-align: center; vertical-align: middle; line-height: 30px; position: absolute; bottom: 0px; right: 0px; }
.mainProgressBar img { vertical-align: middle; line-height: 30px; }

/* Panels */

.containerHeader { color: #fff; font-weight: bold; height: 27px; width: 100%; font-size: 10pt; vertical-align: middle; line-height: 27px; background-image: url(../images/panel_header.png); background-repeat: repeat-x; }
.containerHeaderLeft { height: 27px; background-image: url(../images/panel_header_left.png); background-repeat: no-repeat; width: 6px; float: left; }
.containerHeaderRight { width: 6px; height: 27px; float: right; background-image: url(../images/panel_header_right.png); background-repeat: repeat-x; background-position: right; }
.containerHeaderContent { float: left; width: 96%; }
.containerHeaderIcon { float: left; margin-top: -7px; padding-right: 10px; position: relative; height: 32px; width: 32px; }
.containerFooter { height: 5px; width: 100%; font-size: 10pt; vertical-align: middle; background-image: url(../images/panel_footer.png); background-repeat: repeat-x; }
.containerFooterLeft { height: 5px; background-image: url(../images/panel_footer_left.png); background-repeat: no-repeat; width: 5px; float: left; }
.containerFooterRight { width: 5px; height: 5px; float: right; background-image: url(../images/panel_footer_right.png); background-repeat: repeat-x; background-position: right; }
.headerTable { width: 100%; margin-top: -3px; float: left; }
.headerTitle { width: 50%; white-space: nowrap; text-align: left; height: 27px; line-height: 27px; vertical-align: middle; }
.headerLink { width: 50%; white-space: nowrap; text-align: right; height: 27px; line-height: 27px; vertical-align: middle; }
.headerLink a, .headerLink a:visited { padding-left: 18px; margin-bottom: 3px; background-repeat: no-repeat; text-align: right; color: #ffcf00; font-weight: bold; }
.containerContent { height: auto; border: solid 1px #3b5998; border-bottom: none; padding: 5px; }
.containerContent table { width: 100%; }
.containerContent ul { margin: 10px; }

/* Default.aspx */

.maincontent_left { float: left; width: 48%; padding: 5px; position: relative; height: 610px; }
.maincontent_right { float: right; width: 48%; padding: 5px; }
.faqTable { width: 100%; position: absolute; bottom: 10px; }
.faqTable TD { width: 50%; }
.faqTable legend { font-size: 14px; color: #ff0400; font-weight: bold; }
.faqTable fieldset { padding: 10px; border: solid 1px #bbb; height: 170px; }
.faqTable div { margin: 5px 5px 10px 5px; }
.tabButtons { width: 100%; text-align: left; z-index: 6; margin: 0px 0px -1px 10px; position: relative; }
.tabView { border: solid 1px #94a3c4; width: 490px; height: 390px; }
.welcome { background-color: #eceff5; height: 61px; width: 490px; text-indent: 15px; border-bottom: solid 1px #94a3c4; color: #3b59a8; font-size: 14px; font-weight: bold; vertical-align: middle; line-height: 61px; }
.next { position: absolute; bottom: 0px; right: 0px; text-decoration: underline; background-image: url(../images/next.png); background-position: right center; background-repeat: no-repeat; text-align: right; padding-right: 28px; height: 24px; vertical-align: middle; line-height: 24px; color: #3b5998; float: right; margin: 20px; }
.prev { position: absolute; bottom: 0px; left: 0px; text-decoration: underline; background-image: url(../images/prev.png); background-position: left center; background-repeat: no-repeat; text-indent: 28px; height: 24px; vertical-align: middle; line-height: 24px; color: #3b5998; float: left; margin: 20px; }
.innerSlide { position: relative; height: 360px; }

/* Achievements.ascx */

.achievements { }
.achievement { height: 32px; width: 32px; text-align: center; vertical-align: middle; }

/* Account.aspx */

.account_left { width: 20%; float: left; height: 480px; background-color: #eee; padding: 10px; }
.account_right { float: right; width: 70%; padding: 10px; }

/* Registration Form */

.registrationTable { width: 100%; border: none; padding: 0px; margin: 0px; height: 476px; }
.registrationTable .regLabel { float: left; text-align: right; font-weight: bold; padding: 3px; width: 28%; min-height: 20pt; }
.registrationTable .regField { float: left; text-align: left; padding: 3px; width: 69%; min-height: 20pt; }
.registrationTable .regLabel_captcha { float: left; text-align: right; font-weight: bold; padding: 3px; width: 28%; min-height: 20pt; }
.registrationTable .regField_captcha { float: left; text-align: left; padding: 3px; width: 69%; min-height: 20pt; }
.registrationTable .clearBothSep { clear:both; display:block; visibility:hidden; height:0; margin:0 0 0 0; padding:0 0 0 0; border: solid 0 red; }
.registrationTable .regLabel SPAN { line-height: 20pt; }

.registrationTable .regLabel .number { display: none; }

/* Dashboard.aspx */

#accountInfo { margin-bottom: 10px; width: 100%; }
#availableSurveys { margin-bottom: 10px; width: 100%; }
#profiles { margin-bottom: 10px; width: 100%; }
#dailyPoll { margin-bottom: 10px; width: 100%; }

/* Content (Privacy, Terms, Help) */

.ContentDiv { border: solid 1px #ccc; padding: 5px; overflow: auto; height: 650px; }
.ContentFooter { vertical-align: middle; text-align: right; border: Solid 1px #ccc; padding: 5px; background-color: #eee; margin-top: 2px; }

/* Achievements.ascx */

.achievements { }
.achievement { height: 32px; width: 32px; text-align: center; vertical-align: middle; }

/* PollResults.ascx */

.pollResultsItem, .pollResultsItem TD { vertical-align: top; }
.pollResultsTable { padding: 10px; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; border: solid 1px #ccc; vertical-align: top; min-height: 24px; }
.pollName { text-align: left; }
.pollResults { white-space: nowrap; text-align: right; }

/* Profile Progress */

.profileCompletion { font-weight: bold; font-size: 16px; }
.profileSmall { font-size: 10px; }
.profileStatus { padding: 10px; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; border: solid 1px #ccc; height: 24px; }
.profileSmallDiv { width: 150px; float: right; margin-right: 10px; height: 24px; line-height: 24px; vertical-align: middle; }
.profileName { float: left; height: 24px; line-height: 24px; vertical-align: middle; text-indent: 10px; }
.progressControl { width: 100%; }
.progressTable { width: 100%; }
.progressBar, progressBar_Small { width: 100%; border: none; }
.progressControl { width: 100%; }

.progressComplete { background-image: url(../images/progress_complete.png); background-repeat: repeat-x; height: 28px; background-position: center center; }
.progressComplete_Done { background-image: url(../images/progress_complete_done.png); width: 100%; background-position: center center; background-repeat: repeat-x; height: 28px; }
.progressIncomplete { background-image: url(../images/progress_incomplete.png); background-repeat: repeat-x; height: 28px; background-position: center center; }
.progressLeft { background-image: url(../images/progress_left.png); background-repeat: no-repeat; background-position: right center; width: 2px; height: 28px; }
.progressRight { background-image: url(../images/progress_right.png); background-repeat: no-repeat; background-position: left center; width: 2px; height: 28px; }

.progressComplete_Small { background-image: url(../images/progress_complete_small.png); background-repeat: repeat-x; height: 12px; background-position: right center; }
.progressComplete_Done_Small { background-image: url(../images/progress_complete_done_smal.png); width: 100%; background-repeat: repeat-x; background-position: center center; height: 12px; }
.progressIncomplete_Small { background-image: url(../images/progress_incomplete_small.png); background-repeat: repeat-x; height: 12px; background-position: right center; }
.progressLeft_Small { background-image: url(../images/profile_left_small.png); background-repeat: no-repeat; background-position: right center; width: 2px; height: 12px; }
.progressRight_Small { background-image: url(../images/profile_right_small.png); background-repeat: no-repeat; background-position: left center; width: 2px; height: 12px; }
.progressStatus_Small { font-size: 10pt; font-weight: bold; width: 20px; text-align: left; vertical-align: middle; }

.liComplete { list-style-image: url(../images/icons/complete.png); vertical-align: middle; }
.liIncomplete { list-style-image: url(../images/icons/incomplete.png); vertical-align: middle; }
.liComplete a { margin-left: 5px; }
.liIncomplete a { margin-left: 5px; }

/* DailyPoll.ascx */

.RadioButtonList, .CheckBoxList { width: 100%; }
.RadioButtonList TD, .CheckBoxList TD { padding: 10px; background-image: url(../images/poll_bg.png); width: 33%; background-repeat: repeat-x; border: solid 1px #ccc; height: 24px; }
.RadioButtonList TD label { vertical-align: middle; height: 24px; line-height: 24px; }
.RadioButtonList TD input, .CheckBoxList TD input { vertical-align: middle; }

/* Profile.ascx */

#profiles { width: 100%; }
.profile { width: 100%; }
.ProfileTable { margin: 2px; padding: 2px; width: 100%; }
.ProfileDiv { border: solid 1px #ccc; padding: 5px; overflow: auto; height: 600px; }
.Profile_Item, .Profile_AltItem { padding: 10px; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; border: solid 1px #ccc; }
.Profile_Unanswered { padding: 10px; background-image: url(../images/profile_unanswered.png); background-repeat: repeat-x; border: solid 1px #ccc; }
.Profile_Unanswered_Reg { padding: 0px; background-image: url(../images/profile_unanswered.png); background-repeat: repeat-x; border: solid 1px #ccc; margin: 3px; }

.questionCount { float: right; font-weight: bold; position: absolute; right: 10px; bottom: 45px; font-size: 36px; color: #ddd; }
.profileImage { float: left; height: 32px; width: 32px; margin-top: -5px; }

.ProfileItem { position: relative; }
.ProfilePane { border: solid 1px #ccc; padding: 5px; }
.ProfileItem_Collapsed { min-height: 450px; height: 450px; position: relative; }
.ProfilePane_Collapsed { height: 350px; overflow: auto; border: solid 1px #ccc; padding: 5px; }

/* CreateUser.aspx */

.ageMessage { width: 100%; height: 60px !important; vertical-align: middle; line-height: 60px; margin: 10px; text-align: center; }

/* Redeem.aspx */

.rewards { width: 100%; padding: 10px; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; border: solid 1px #ccc; }
.rewardStatus { padding: 2px; background-image: url(../images/poll_bg.png); background-repeat: repeat-x; border: solid 1px #ccc; height: 24px; line-height: 24px; vertical-align: middle; }
.rewardStatus img { vertical-align: middle; }