/****************************/
/*         YFS STYLE        */
/****************************/

/* HTML Elements */
* html { height: 100%; }
body { margin: 0px;  height: 100%; font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size: 10pt; color: #333; width: auto; background-color: #213b60; }
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: "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size: 10pt; }

/* 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: "lucida grande", Tahoma, Verdana, Arial, Sans-Serif; font-size: 10pt; color: #333; }
.textbox_100 { border: solid 1px #bbb !important; padding: 2px !important; width: 100% !important; font-family: "lucida grande", Tahoma, Verdana, Arial, Sans-Serif !important; font-size: 10pt !important; color: #333  !important; }
.RadPicker TD IMG { margin: 0px 2px !important; }

.dropdownlist { font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif; font-size: 10pt; width: 300px; }
.CVSButton { background: #fff url(../images/button.gif) no-repeat center center; border: none; vertical-align: middle; width: 100px; height: 27px; line-height: 21px; color: #fff; }
.CVSButton { background: #fff url(../images/button_150.gif) no-repeat center center; border: none; vertical-align: middle; width: 150px; height: 27px; line-height: 21px; 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: 27px; line-height: 18px; margin: 26px; color: #fff; }

.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; border: solid 1px #3b5a75; min-height: 100%; height: 100%; margin-left: auto; margin-right: auto; position: relative; background-color: #fff; padding: 10px; }
#header { padding-bottom: 20px; height: 60px; width: 100%; }
#banner { width: 100%; height: 100px; 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; }
#footer { height: 20px; width: 100%; clear: both; position: absolute; bottom: 0; text-align: center; background-color: #3b5a75; color: #fff; margin: 10px -10px 0px -10px; padding-top: 5px; z-index: 5000; }
#footer a { color: #76b0d1; }

/* Header */

.headerImage { width: 500px; height: 72px; float: left; background-image: url(../images/logo.png); background-repeat: no-repeat; }
.headerLogin { width: 370px; height: 72px; float: right; }

/* Login */

#loginControl { float: right; width: 100%; height: 24px; 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 { float: right; vertical-align: middle; padding: 5px; text-align: left; background-color: Transparent; width: 34px; height: 34px; border: none; background-image: url(../images/ok.png); background-repeat: no-repeat;  }
.loggedInHeader { text-align: left; font-weight: bold; float: right; height: 34px; vertical-align: middle; line-height: 28px; padding: 5px; background-image: url(../images/icons/male.png); background-position: left center; background-repeat: no-repeat; text-indent: 24px; }
.divErrorMessage { text-align: left; text-indent: 35px; margin-top: -5px; font-weight: bold; width: 100%; height: 30px; color: Red; clear: both; }

/* 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: Yellow; 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: 49%; position: relative; height: 640px; background-image: url(../images/maincontent_bg.png); background-repeat: no-repeat; background-position: bottom right; }
.maincontent_right { float: right; width: 49%; padding: 5px; }
.tabView .faqTable { display: none; }
.tabView { width: 490px; margin: 5px 0px 0px 3px; height: 340px; border: solid 1px #3b5a75; clear: both;  }
.tabView p { font-size: 10pt !important }
.tabButtons { display: none; }
.welcome { background-color: #213b60; height: 61px; width: 490px; text-indent: 15px; border-bottom: solid 1px #3b5a75; color: #fff; 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: 340px; }

#default_containerHeader { display: none; }
#default_containerContent { border: none; }
#default_containerFooter { display: none; }

/* 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; }
.registrationTable .regLabel { float: left; text-align: right; font-weight: bold; padding: 3px; width: 38%; min-height: 20pt; }
.registrationTable .regField { float: left; text-align: left; padding: 3px; width: 55%; min-height: 20pt; }
.registrationTable .regLabel_captcha { display: none; }
.registrationTable .regField_captcha { float: right; text-align: left; padding: 3px; min-height: 20pt; margin-right: 23px; }
.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; }