/* -------------------------------------------------------------------------------------------------
INTRODUCTION
-------------------------------------------------------------------------------------------------- */
#help-for-you .introduction #heading {float:left;width:320px;margin:25px 0 0 40px;display:inline;}
#help-for-you .introduction #plinths {float:right;width:320px;margin:0 40px 0 0;display:inline;}
#help-for-you #your-stories-plinth {background: url(../_images/help_for_you/your-stories-plinth_bck.jpg) no-repeat;padding-top:255px;}
/* -------------------------------------------------------------------------------------------------
WHAT CAN I DO
-------------------------------------------------------------------------------------------------- */
#help-for-you .what-can-i-do {background: url(../_images/help_for_you/what_can_i_do/content_bck.jpg) no-repeat right top;}
#help-for-you .what-can-i-do .col-left {float:left;width:380px;display:inline;margin:25px 0 0 40px;}
/* -------------------------------------------------------------------------------------------------
FORUMS GLOBAL CONTROLS
-------------------------------------------------------------------------------------------------- */
#help-for-you #forum-header {height:1%;}
#help-for-you #forum-header .button-panel {margin-top:3px;float:left;}
#help-for-you #forum-header .search-panel {float:right;border: 1px solid #A5ACB2;width:225px;}
#help-for-you #forum-header .search-panel .textfield {width:110px;float:left;margin:2p;}
#help-for-you #forum-header .search-panel .button {float:right;margin:3px 5px 2px 0;}
/* -------------------------------------------------------------------------------------------------
FORUMS HOME
-------------------------------------------------------------------------------------------------- */
#help-for-you .forums-home {background: url(../_images/help_for_you/forums/content_bck.jpg) no-repeat 430px bottom;}
#help-for-you .forums-home .col-left {float:left;width:445px;display:inline;margin:25px 0 100px 40px;}
#help-for-you .forums-home .col-right {float:right;width:225px;display:inline;margin:25px 40px 0 0;}
/* your forum plinth */
#help-for-you .forums-home #forum-topics {height:1%;}
#help-for-you .forums-home #forum-topics .button-panel {margin-top:3px;float:left;}
#help-for-you .forums-home #forum-topics .search-panel {float:right;border: 1px solid #A5ACB2;width:225px;}
#help-for-you .forums-home #forum-topics .search-panel .textfield {width:110px;float:left;margin:2p;}
#help-for-you .forums-home #forum-topics .search-panel .button {float:right;margin:3px 5px 2px 0;}
#help-for-you .forums-home #forum-topics table {width:100%;}
#help-for-you .forums-home #forum-topics .paging {text-align:center;position:relative;padding:10px 0 10px 0;height:1%;background:#FFFFFF;margin:10px 0 0 0;}
#help-for-you .forums-home #forum-topics .paging .previous {position:absolute;left:10px;font-weight:bold;background:none;border:none;color:#FF6600;font-size:110%;}
#help-for-you .forums-home #forum-topics .paging .next {position:absolute;right:10px;font-weight:bold;background:none;border:none;color:#FF6600;margin:0px;font-size:110%;}
/* login plinth */
#help-for-you .forums-home #login-plinth label {display:block;margin-bottom:10px;}
/* -------------------------------------------------------------------------------------------------
FORUMS MESSAGE
-------------------------------------------------------------------------------------------------- */
#help-for-you .forums-message .col-left {float:left;width:445px;display:inline;margin:25px 0 0 40px;}
#help-for-you .forums-message .col-right {float:right;width:225px;display:inline;margin:25px 40px 0 0;}
/* message-plinth */
#help-for-you .forums-message #message-plinth {height:1%;padding:0 10px 0 10px;}
#help-for-you .forums-message #message-plinth .button-panel {margin-top:3px;float:left;}
#help-for-you .forums-message #message-plinth .search-panel {float:right;border: 1px solid #A5ACB2;width:225px;}
#help-for-you .forums-message #message-plinth .search-panel .textfield {width:110px;float:left;margin:2p;}
#help-for-you .forums-message #message-plinth .search-panel .button {float:right;margin:3px 5px 2px 0;}
#help-for-you .forums-message #message-plinth .item {margin:10px 0 0 0;}
#help-for-you .forums-message #message-plinth .item .details {background:#FFFFFF;margin:5px 0 0 0;padding:5px;height:1%;}
#help-for-you .forums-message #message-plinth .item .details .name {float:left;color:#813C73;font-weight:bold;}
#help-for-you .forums-message #message-plinth .item .details .date {float:right;}
#help-for-you .forums-message #message-plinth .item .details .subject {float:left;margin-top:5px;}
#help-for-you .forums-message #message-plinth .item .details .reply {float:right;margin-top:5px;}
#help-for-you .forums-message #message-plinth .item .text {padding:10px;}
/* -------------------------------------------------------------------------------------------------
FORUMS REPLY
-------------------------------------------------------------------------------------------------- */
#help-for-you .forums-reply .col-left {float:left;width:445px;display:inline;margin:25px 0 0 40px;}
#help-for-you .forums-reply .col-right {float:right;width:225px;display:inline;margin:25px 40px 0 0;}
/* reply-plinth */
#help-for-you .forums-reply #reply-plinth {height:1%;}
#help-for-you .forums-reply #reply-plinth .button-panel {margin-top:3px;float:left;}
#help-for-you .forums-reply #reply-plinth .search-panel {float:right;border: 1px solid #A5ACB2;width:225px;}
#help-for-you .forums-reply #reply-plinth .search-panel .textfield {width:110px;float:left;margin:2p;}
#help-for-you .forums-reply #reply-plinth .search-panel .button {float:right;margin:3px 5px 2px 0;}
#help-for-you .forums-reply #reply-plinth h3 {background:#FFFFFF;display:block;margin:10px 0 10px 0;padding:5px 0 5px 10px;font-size:120%;}
/* -------------------------------------------------------------------------------------------------
FORUMS THANKS
-------------------------------------------------------------------------------------------------- */
#help-for-you .forums-thanks .col-left {float:left;width:445px;display:inline;margin:25px 0 0 40px;}
#help-for-you .forums-thanks .col-right {float:right;width:225px;display:inline;margin:25px 40px 0 0;}
/* thanks-plinth */
#help-for-you .forums-thanks #thanks-plinth {height:1%;}
#help-for-you .forums-thanks #thanks-plinth h3 {background:#FFFFFF;display:block;margin:0 0 15px 0;padding:5px 0 5px 10px;font-size:120%;}
/* -------------------------------------------------------------------------------------------------
FORUMS HELP
-------------------------------------------------------------------------------------------------- */
#help-for-you .forums-help .col-left {float:left;width:445px;display:inline;margin:25px 0 0 40px;}
#help-for-you .forums-help .col-right {float:right;width:225px;display:inline;margin:25px 40px 0 0;}
/* thanks-plinth */
#help-for-you .forums-help #help-plinth {height:1%;}
#help-for-you .forums-help #help-plinth h3 {background:#FFFFFF;display:block;margin:0 0 15px 0;padding:5px 0 5px 10px;font-size:120%;}
/* -------------------------------------------------------------------------------------------------
FORUMS SEARCH RESULTS
-------------------------------------------------------------------------------------------------- */
#help-for-you .forums-search .col-left {float:left;width:445px;display:inline;margin:25px 0 0 40px;}
#help-for-you .forums-search .col-right {float:right;width:225px;display:inline;margin:25px 40px 0 0;}

#help-for-you .forums-search #forum-search {height:1%;padding:0 10px 0 10px;}
#help-for-you .forums-search #forum-search .item {background:#FFFFFF;padding:10px;}
#help-for-you .forums-search #forum-search .alt {background:none;}
#help-for-you .forums-search #forum-search .paging {text-align:center;position:relative;padding:10px 0 10px 0;height:1%;background:#FFFFFF;margin:0 0 10px 0;}
#help-for-you .forums-search #forum-search .paging .previous {position:absolute;left:10px;font-weight:bold;background:none;border:none;color:#FF6600;font-size:110%;}
#help-for-you .forums-search #forum-search .paging .next {position:absolute;right:10px;font-weight:bold;background:none;border:none;color:#FF6600;margin:0px;font-size:110%;}
/* -------------------------------------------------------------------------------------------------
FORUMS CONDITIONS
-------------------------------------------------------------------------------------------------- */
#help-for-you .forums-conditions .col-left {padding:25px 250px 25px 40px;}
/* -------------------------------------------------------------------------------------------------
TALK ABOUT IT
-------------------------------------------------------------------------------------------------- */
#help-for-you .talk-about-it .col-left {float:left;width:320px;display:inline;margin:25px 0 0 40px;}
#help-for-you .talk-about-it .col-right {float:right;width:320px;display:inline;margin:25px 40px 0 0;background: url(../_images/help_for_you/talking_about_it/col-right_bck.jpg) no-repeat;padding:125px 0 0 0;}
/* -------------------------------------------------------------------------------------------------
YOUR STORIES
-------------------------------------------------------------------------------------------------- */
#help-for-you .your-stories {}
#help-for-you .your-stories #heading {margin:25px 40px 0 40px;}
#help-for-you .your-stories #select-a-story {margin:10px 40px 0 40px;height:1%;}
#help-for-you .your-stories #select-a-story ul {float:left;width:50%;margin-top:10px;}
#help-for-you .your-stories #find-a-story {margin:10px 156px 0 157px;height:1%;}
#help-for-you .your-stories #find-a-story .textfield {width:295px;float:left;display:inline;}
#help-for-you .your-stories #find-a-story .button {margin:1px 0 2px 5px;float:left;display:inline;}
#help-for-you .your-stories .story {margin:15px 156px 25px 157px;height:1%;}
#help-for-you .your-stories .story .details {background:#FFFFFF;padding:5px 10px 5px 10px;height:1%;}
#help-for-you .your-stories .story .details h3 {font-size:130%;}
#help-for-you .your-stories .story p {margin:10px 10px 0 10px;}
/* -------------------------------------------------------------------------------------------------
YOUR STORIES SEARCH RESULTS
-------------------------------------------------------------------------------------------------- */
#help-for-you .your-stories-search {}
#help-for-you .your-stories-search #heading {margin:25px 40px 0 40px;}
#help-for-you .your-stories-search #find-a-story {margin:10px 156px 0 157px;}
#help-for-you .your-stories-search #find-a-story .textfield {width:295px;}
#help-for-you .your-stories-search #search-results {margin:15px 156px 25px 157px;}
#help-for-you .your-stories-search .item {background:#FFFFFF;padding:10px;margin:0;height:1%;}
#help-for-you .your-stories-search .alt {background:none;}
#help-for-you .your-stories-search .paging {text-align:center;position:relative;padding:10px 0 10px 0;height:1%;background:#FFFFFF;margin:10px 0 10px 0;}
#help-for-you .your-stories-search .paging .previous {position:absolute;left:10px;font-weight:bold;background:none;border:none;color:#FF6600;font-size:110%;}
#help-for-you .your-stories-search .paging .next {position:absolute;right:10px;font-weight:bold;background:none;border:none;color:#FF6600;margin:0px;font-size:110%;}
/* -------------------------------------------------------------------------------------------------
YOUR STORIES STORY
-------------------------------------------------------------------------------------------------- */
#help-for-you .your-stories-story {}
#help-for-you .your-stories-story #heading {margin:25px 40px 0 40px;}
#help-for-you .your-stories-story #find-a-story {margin:10px 156px 0 157px;}
#help-for-you .your-stories-story #find-a-story .textfield {width:295px;}
#help-for-you .your-stories-story #story {margin:15px 156px 25px 157px;}
/* -------------------------------------------------------------------------------------------------
YOUR STORIES POST
-------------------------------------------------------------------------------------------------- */
#help-for-you .your-stories-post {}
#help-for-you .your-stories-post #heading {margin:25px 40px 0 40px;}
#help-for-you .your-stories-post #post-plinth {margin:15px 156px 25px 157px;height:1%;}
#help-for-you .your-stories-post #post-plinth .title label {display:block;}
#help-for-you .your-stories-post #post-plinth .title input {width:98%;}
#help-for-you .your-stories-post #post-plinth .story label {display:block;margin-top:10px;}
#help-for-you .your-stories-post #post-plinth .story textarea {width:400px;}
/* -------------------------------------------------------------------------------------------------
YOUR STORIES THANKS
-------------------------------------------------------------------------------------------------- */
#help-for-you .your-stories-thanks .col-left {float:left;width:445px;display:inline;margin:25px 0 0 40px;}
#help-for-you .your-stories-thanks .col-right {float:right;width:225px;display:inline;margin:25px 40px 0 0;}
/* thanks-plinth */
#help-for-you .your-stories-thanks #thanks-plinth {height:1%;}
#help-for-you .your-stories-thanks #thanks-plinth h3 {background:#FFFFFF;display:block;margin:0 0 15px 0;padding:5px 0 5px 10px;font-size:120%;}
/* -------------------------------------------------------------------------------------------------
INTRODUCTION
-------------------------------------------------------------------------------------------------- */
#help-for-you .tools #heading {float:left;width:320px;margin:25px 0 0 40px;display:inline;}
#help-for-you .tools #plinths {float:right;width:320px;margin:0 40px 0 0;display:inline;background: url(../_images/help_for_you/tools/plinths_bck.jpg) no-repeat;padding-top:135px;}
#help-for-you .tools #tools-that-help {margin:25px 40px 0 40px;height:1%;}
#help-for-you .tools #tools-that-help .col-left {float:left;width:295px;}
#help-for-you .tools #tools-that-help .col-right {float:right;width:295px;}
/* -------------------------------------------------------------------------------------------------
DRINK DIARY HOME
-------------------------------------------------------------------------------------------------- */
#help-for-you .drinkdiary-home .col-left {float:left;width:320px;display:inline;margin:25px 0 0 40px;}
#help-for-you .drinkdiary-home .col-right {float:right;width:285px;display:inline;margin:25px 40px 0 0;}
#help-for-you .drinkdiary-home #drink-diary label {float:left;margin:10px 10px 20px 0;}
#help-for-you .drinkdiary-home #login-plinth label {display:block;margin-bottom:10px;}
#help-for-you .drinkdiary-home #login-plinth label input {width:200px;}
/* -------------------------------------------------------------------------------------------------
DRINK DIARY APP
-------------------------------------------------------------------------------------------------- */
#help-for-you .drinkdiary-app .col-left {float:left;width:320px;display:inline;margin:25px 0 0 40px;}
#help-for-you .drinkdiary-app .col-right {float:right;width:285px;display:inline;margin:25px 40px 0 0;}
#help-for-you .drinkdiary-app #your-diary .select-date label {float:left;margin:10px 5px 20px 0;}
#help-for-you .drinkdiary-app #your-diary .select-date input {float:left;margin:15px 0 20px 0;}
#help-for-you .drinkdiary-app #your-diary table {margin:0;width:100%;}
#help-for-you .drinkdiary-app #your-diary table thead {background:none;}
#help-for-you .drinkdiary-app #your-diary table thead th {text-align:center;padding:0px;color:#813C73;font-weight:bold;width:30px;}
#help-for-you .drinkdiary-app #your-diary table thead th pre {font-family: Arial, Helvetica, sans-serif;font-size:110%;}
#help-for-you .drinkdiary-app #your-diary table tbody td {text-align:center;}
#help-for-you .drinkdiary-app #your-diary .buttons {text-align:right;margin:20px 0 0 0;height:1%;}
#help-for-you .drinkdiary-app #login-plinth label {display:block;margin-bottom:10px;}
#help-for-you .drinkdiary-app #login-plinth label input {width:210px;}
/* -------------------------------------------------------------------------------------------------
PROGRESS CALENDAR
-------------------------------------------------------------------------------------------------- */
#help-for-you .progress-calendar .col-left {float:left;width:320px;display:inline;margin:25px 0 0 40px;}
#help-for-you .progress-calendar .col-right {float:right;width:285px;display:inline;margin:25px 40px 0 0;}
#help-for-you .progress-calendar #progress-calendar-plinth {background: url(../_images/help_for_you/tools/progress_calendar/plinth_320_bck.gif);}
#help-for-you .progress-calendar #progress-calendar-plinth label {float:left;margin:10px 10px 20px 0;}
#help-for-you .progress-calendar #progress-calendar-plinth p {padding-right:85px;}
#help-for-you .progress-calendar #register-plinth {position:relative;}
#help-for-you .progress-calendar #login-plinth label {display:block;margin-bottom:10px;}
#help-for-you .progress-calendar #login-plinth label input {width:200px;}
/* -------------------------------------------------------------------------------------------------
PROGRESS CALENDAR APP
-------------------------------------------------------------------------------------------------- */
#help-for-you .progress-calendar-app .col-left {float:left;width:320px;display:inline;margin:25px 0 0 40px;}
#help-for-you .progress-calendar-app .col-right {float:right;width:285px;display:inline;margin:25px 40px 0 0;}
#help-for-you .progress-calendar-app  #progress-calendar-plinth label {float:left;margin:10px 10px 20px 0;}
#help-for-you .progress-calendar-app  #progress-calendar-plinth .upperButton {float:left;margin:25px 10px 20px 0;}
#help-for-you .progress-calendar-app  #progress-calendar-plinth .lowerButton {margin:10px 10px 0 0;}
#help-for-you .progress-calendar-app #login-plinth label {display:block;margin-bottom:10px;}
#help-for-you .progress-calendar-app #login-plinth label input {width:200px;}
/* -------------------------------------------------------------------------------------------------
CALENDAR CONTROL
-------------------------------------------------------------------------------------------------- */
#calendar-control {background:#FFFFFF;height:1%;padding:10px;}
#calendar-control table {font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;margin:0;border:none;padding:0;}
#calendar-control table th {text-align:center;padding:0px;color:#813C73;font-weight:bold;font-size:140%;width:30px;}
#calendar-control table td {text-align:center;font-size:90%;border:1px solid #034087;padding:3px 5px 3px 5px;color:#034087;font-weight:bold;}
#calendar-control table .otherMonth {color:#999999;}
#calendar-control table td a {display:block;width:100%;height:20px;line-height:20px;cursor: pointer; cursor:hand;}
#calendar-control table a.active {background: url(../_images/help_for_you/tools/progress_calendar/tick.gif) no-repeat center;color:#000000;}
#calendar-control table a.inactive {}
#calendar-control table .active strong {font-weight:normal;}
#calendar-control .buttons {text-align:right;margin:20px 0 0 0;height:1%;}