/* Style stylesheet
----------------------------------------------
    Name: Joshua Deidun
    Date: 14 January 2013
*/

/* Index
----------------------------------------------
    1. Reset
    2. Typography
    3. Forms
    4. Module Specific Styles
    5. Errors
*/

/* 1. Reset
----------------------------------------------*/

* {
    margin: 0;
    padding: 0;
}

form, fieldset, img {
    border: 0;
}

blockquote {
    margin: 15px 0;
    padding: 15px 15px 0;
    background: #f5f5f5;
    border: 1px solid #e6e6e6;
    font-style: italic;
    display: inline-block;
}

:focus {
    outline: 0;
}

hr {
    height: 1px;
    border: 0;
    border-bottom: 1px solid #DDD;
}

.clearfix:after {
    clear: both;
    display: block;
    width: 0;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
    content: "";
}

.clearfix {
    display: inline-block;
}

* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

/* 2. Typography
----------------------------------------------*/

body {
    padding: 20px;
    color: #666;
    font: normal 12px/18px Arial, Helvetica, sans-serif;
    /* for more information on font stacks please visit - http://articles.sitepoint.com/article/eight-definitive-font-stacks *//* for more information on css typeset please visit - http://www.jan-quickels.de/tools-web-typography/ */
}

/* --- links */

a {
    color: #ef4036;
}

.recordDetail a:hover {
    background: #fcd9d7;
}

/* --- paragraph */

p {
    padding: 0 0 15px;
}

.recordDetail p::-moz-selection, .recordDetail p::-webkit-selection,
.recordDetail p::selection {
    background: #fcd9d7;
}

.wysiwygcontent table td em {
    line-height: 32px;
}

/* --- lists */

ul {
    margin: 0 0 0 15px;
    padding: 10px 0 0 18px;
}

ol {
    margin: 0 0 0 15px;
    padding: 10px 0 0 18px;
}

li ul, li ol {
    margin: 0;
}

ul li {
    list-style: url(images/bullet.png);
    padding: 0 0 7px;
}

ol li {
    list-style: decimal;
    padding: 0 0 7px;
}

li ul li {
    list-style: disc;
}

li li ul li {
    list-style: circle;
}

/* --- headings */

h1 {
    margin: 0 0 15px;
    padding: 15px 20px;
    display: block;
    font: 300 25px/17px "museo",serif;
    color: #fff;
    background: #ef4036;
}

h2, h3, h4, h5, h6 {
    margin: 5px 0 10px;
    font-family: "museo",serif;
    font-weight: 300;
}

h2 {
    font-size: 24px;
    line-height: 30px;
    color: #333;
    margin: 15px 0 0;
    padding: 15px 0;
    border-top: 1px solid #d5caca;
}

h3 {
    margin: 10px 0;
    padding: 15px 0;
    border-top: 1px solid #d5caca;
    font-size: 20px;
    line-height: 20px;
    color: #000;
}

h4, h5 {
    margin: 20px 0;
    font-size: 18px;
    line-height: 20px;
}

h5 {
    color: #ef4036;
}

h6 {
    margin: 15px 0;
    font-size: 16px;
    line-height: 18px;
}

h2 a {
    text-decoration: none;
}

/* --- images */

.wysiwygcontent table {
    display: table;
    table-layout: fixed;
}

/* --- tables */

.recordDetail table {
    border-color: #e4e4e4;
}

table[border="1"] {
    border: 0;
}

table[border="0"], .recordDetail form table {
    background: none;
}

.recordDetail form table td {
    padding: 0;
}

table[border="1"] th {
    text-align: left;
    padding: 15px 10px;
    background: #515151;
    color: #fff;
    font: bold 14px Arial, Helvetica, sans-serif;
}

table[border="1"] td {
    text-align: left;
    padding: 10px;
    border: 1px solid #e4e4e4;
    font: normal 12px Arial, Helvetica, sans-serif;
}

/* 3. Forms
----------------------------------------------*/

form ol, form ul {
    margin: 0;
    padding: 0;
}

form ol li {
    list-style: none;
    margin: 0;
    padding: 0;
}

legend {
    display: none;
}

label {
    display: block;
    margin: 5px 0;
}

textarea {
    resize: vertical;
}

button, .button, input[type="button"], input[type="submit"], input[type="reset"],
input.SubmitButton, input.signup, input.myMembershipMenuButtonOn,
input.myMembershipMenuButtonOff, input#signupButton, input.quickRenew,
.buy_button, .button, #viewProduct a, .advancedSearch a.basicSearch {
    display: inline-block;
    margin: 10px 0 5px;
    padding: 9px 45px 9px 10px;
    border: 0;
            border-radius: 5px;
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 1px 2px 3px rgba(50, 50, 50, 0.75);
       -moz-box-shadow: inset 1px 2px 3px rgba(50, 50, 50, 0.75);
            box-shadow: inset 1px 2px 3px rgba(50, 50, 50, 0.75);
    background: #ef4036 url(images/button-forward.png) top right no-repeat;
    color: #fff !important;
    font: 700 12px "museo",serif;
    cursor: pointer;
    width: auto;
    overflow: visible;
    text-decoration: none;
    text-transform: uppercase;
}

input.cancel, input.back, #cancelButton {
    background: #ef4036 url(images/button-back.png) top left no-repeat;
    padding: 9px 10px 9px 45px;
}

button:hover, .button:hover, input[type="button"]:hover,
input[type="submit"]:hover, input[type="reset"]:hover, input.SubmitButton:hover,
input.signup:hover, input.myMembershipMenuButtonOn:hover,
input.myMembershipMenuButtonOff:hover, input#signupButton:hover,
input.quickRenew:hover, .buy_button:hover, .button:hover, #viewProduct a:hover,
.advancedSearch a.basicSearch:hover {
    background: #cd0100 url(images/button-forward.png) top right no-repeat !important;
}

input.cancel:hover, input.back:hover, #cancelButton:hover {
    background: #cd0100 url(images/button-back.png) top left no-repeat;
    padding: 9px 10px 9px 45px;
}

button[disabled], input[disabled], button[disabled]:hover, input[disabled]:hover {
    background: #c6c6c6 url(images/button-forward.png) top right no-repeat;
    color: #ccc;
}

.sbFormButtonsLeft .sbButton {
    float: left;
}

.sbFormButtonsRight button[type="submit"] {
    margin-right: 10px !important;
}

.sbFormButtonsRight button {
    float: right;
}

/* --- Inputs + Text Areas */

input, textarea, select, input.sbTextInputOff, input.sbTextInputOn,
input.input_smaller_off, input.input_smaller_on, input.input_small_off,
input.input_small_on, input.input_medium_off, input.input_medium_on,
input.input_large_off, input.input_large_on, textarea.textarea_small_off,
textarea.textarea_small_on, textarea.textarea_medium_off,
textarea.textarea_medium_on, textarea.textarea_large_off,
textarea.textarea_large_on, textarea.sbTextAreaLarge {
    padding: 10px;
    border: 1px solid #ccc;
    font: italic 12px Georgia, "Times New Roman", Times, serif;
    width: 250px;
    color: #828282;
            border-radius: 5px;
       -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -webkit-box-shadow: inset 1px 2px 3px rgba(50, 50, 50, 0.75);
       -moz-box-shadow: inset 1px 2px 3px rgba(50, 50, 50, 0.75);
            box-shadow: inset 1px 2px 3px rgba(50, 50, 50, 0.75);
    background: #f0efef;
}

select {
    width: 258px;
    height: 36px;
}

select option[selected=selected] {
    background: #fcd9d7 !important;
}

input:focus, textarea:focus, select:focus, input.sbTextInputOn,
input.input_smaller_on, input.input_small_on, input.input_medium_on,
input.input_large_on, textarea.textarea_small_on, textarea.textarea_medium_on,
textarea.textarea_large_on {
    border: 1px solid #c1bfbf;
    -webkit-box-shadow: 0 0 3px 3px #f79b96;
       -moz-box-shadow: 0 0 3px 3px #f79b96;
            box-shadow: 0 0 3px 3px #f79b96;
    background: #fff;
}

input.input_small_off, input.input_small_on {
    width: 200px;
}

.form input.input_small_off, .form input.input_small_on {
    width: auto !important;
}

textarea.sbTextAreaMedium, input.sbTextInputMedium, input.input_medium_off,
input.input_medium_on {
    width: 250px;
}

input.sbTextInputLarge, input.input_large_off, input.input_large_on {
    width: 88%;
    max-width: 350px;
}

textarea.textarea_small_off, textarea.textarea_small_on {
    width: 88%;
    max-width: 350px;
    height: 80px;
}

textarea.textarea_medium_off, textarea.textarea_medium_on {
    width: 88%;
    max-width: 350px;
    height: 90px;
}

textarea.sbTextAreaLarge, textarea.textarea_large_off,
textarea.textarea_large_on {
    width: 88%;
    max-width: 350px;
    height: 100px;
}

input[type="checkbox"], input[type="radio"], input[type="image"] {
    width: auto;
    border: 0;
    padding: 0;
    background: 0;
}

table#form_info_buttons {
    width: 88% !important;
    max-width: 740px;
}

/* 4. Module Specific Styles
----------------------------------------------*/

/* Display in alphabetical order */

/* --- Abstracts */

#add_paper_button {
    margin: 0;
}

.abstractsSection #mainBar .border {
    text-align: left !important;
}

.abstractsSection #mainBar h2 {
    margin: 0 0 6px !important;
}

.speaker_signup_div label, .login_form_div label {
    display: block;
    margin: 3px 0;
}

.form {
    margin: 0 0 20px 0;
}

.form table {
    width: 590px;
}

div.form table.form {
    width: 650px;
}

.form select {
    width: auto !important;
}

.form span input {
    margin: 0 3px;
}

.form th {
    padding: 3px 0;
}

.form td {
    padding: 3px 0;
}

.form td.file_upload_td {
    width: 300px;
}

.form ul.resetAll li {
    list-style: none !important;
    background: none !important;
}

.form tr div div img {
    margin: 0 5px;
}

.abstract_papers_table td, .abstract_papers_table th {
    padding: 3px 5px;
    border: 1px solid #ccc;
}

/* --- Contacts + Regisration */

#info_form table font, form.signup_form table font {
    color: inherit;
}

form#signup_form legend, form#passwordForm legend,
#info_form .receive_email legend {
    display: none;
}

span.form form label, form.signup_form label, form#info_form label,
form#passwordForm label, form#forgotten_username_form label,
form#signup_form label, form#update-form label, div#password_form form th {
    text-align: left;
    display: block;
    margin: 3px 0;
}

#info_form span input, form.signup_form table font input,
#info_form table font label input, .receive_email span {
    margin: 0 3px;
}

#info_form fieldset img {
    margin: 0 0 5px 0;
}

form#signup_form fieldset {
    border: 0 !important;
}

form.signup_form table .select_large_off,
form.signup_form table .select_large_on {
    width: 200px;
}

form.signup_form .receive_email label span {
    margin: 0 5px;
}

div#password_form form td {
    display: block;
}

p#forgottenPassword {
    margin: 12px 0;
}

form#signup_form ol, form#update-form ol, form#forgotten_username_form ol,
form#passwordForm ol, .signup_form {
    margin: 15px 0;
}

.signup_form th {
    font-weight: normal;
    text-align: left;
    padding: 0 5px 0 0;
}

.signup_form td {
    padding: 3px 0;
}

.signup_form td input {
    margin: 0 3px 0 0;
}

#signup_form iframe, .signup_form iframe, #update-form iframe {
    width: 370px;
}

/* --- Conference */

.conferenceModule form {
    width: auto !important;
}

#conference_form .submit {
    margin: 0 !important;
    padding: 0 !important;
    background: #fff;
    border: 0;
}

#conference_form legend {
    display: none;
}

form#conference_form input {
    margin: 3px 0;
}

form#conference_form .conference_button_div input {
    margin: 0;
}

#conference_team_menu {
    margin: 0;
    padding: 0;
    display: block;
    background: url(images/tab-line.gif) bottom left repeat-x;
}

#conference_team_menu li {
    list-style: none;
    padding: 0;
}

#conference_team_menu li a {
    float: left;
    display: block;
    padding: 10px 18px;
    background: #e8e8e8;
    text-decoration: none;
    color: #262626;
}

#conference_team_menu li img {
    display: none;
}

#conference_team_menu li a.tab_incomplete {
    background: url(images/iconcross.png) no-repeat 4px 50% #eee;
}

#conference_team_menu li a.tab_complete {
    background: url(images/icontick.png) no-repeat 4px 50% #ddd;
}

#conference_team_menu li a.tab_on {
    background: #d6d6d6;
    background: url(images/tab-arrow.png) bottom center no-repeat,
                -moz-linear-gradient(top,  #d6d6d6 0%, #b6b6b6 100%);
    background: url(images/tab-arrow.png) bottom center no-repeat,
                -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d6d6d6), color-stop(100%,#b6b6b6));
    background: url(images/tab-arrow.png) bottom center no-repeat,
                -webkit-linear-gradient(top,  #d6d6d6 0%,#b6b6b6 100%);
    background: url(images/tab-arrow.png) bottom center no-repeat,
                -o-linear-gradient(top,  #d6d6d6 0%,#b6b6b6 100%);
    background: url(images/tab-arrow.png) bottom center no-repeat,
                -ms-linear-gradient(top,  #d6d6d6 0%,#b6b6b6 100%);
    background: url(images/tab-arrow.png) bottom center no-repeat,
                linear-gradient(to bottom,  #d6d6d6 0%,#b6b6b6 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d6d6d6', endColorstr='#b6b6b6',GradientType=0 );
}

#conference_team_menu li a.link_disabled {
    background-color: #fff0f1;
}

#conference_team_menu li.conference_status_li {
    float: right;
    padding: 5px 0 0;
    font-style: italic;
    color: #999;
}

form#conference_form fieldset {
    margin: 0;
    clear: both;
    padding: 18px;
}

form#conference_form fieldset.conference_user_border {
    background: #f7f7f7;
    background: -moz-linear-gradient(top,  #f7f7f7 25%, #ffffff 37%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#f7f7f7), color-stop(37%,#ffffff));
    background: -webkit-linear-gradient(top,  #f7f7f7 25%,#ffffff 37%);
    background: -o-linear-gradient(top,  #f7f7f7 25%,#ffffff 37%);
    background: -ms-linear-gradient(top,  #f7f7f7 25%,#ffffff 37%);
    background: linear-gradient(to bottom,  #f7f7f7 25%,#ffffff 37%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ffffff',GradientType=0 );
}

form#conference_form .adminlist td {
    border-color: #BFE7E7 !important;
}

ul.conference_contactmethod_readonly li {
    list-style: none;
}

.contact_info_note {
    margin: 0 0 10px;
}

.conference_contactmethod td {
    padding: 2px 0;
}

#field_block_UserInfo {
    line-height: 26px;
}

#field_block_UserInfo fieldset span input {
    margin: 0 8px 0 0;
}

#conference_form label {
    width: 200px;
    margin: 0;
    display: block;
    float: left;
    text-align: left;
    clear: both;
}

#conference_form #field_block_UserInfo fieldset {
    border: none;
    clear: right;
    margin: 2px 0;
    padding: 0;
}

#conference_form .interests {
    border: 0;
    margin: 0;
    padding: 0;
}

#conference_form th {
    text-align: left;
}

.session_preferences_table th, .session_preferences_table td {
    padding: 10px 0 !important;
    border-bottom: 1px solid #ddd;
    text-align: left;
}

.session_preferences_table th a {
    margin: 0 20px;
    padding: 2px 10px;
            border-radius: 3px;
       -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    background: #ef4036;
    color: #fff !important;
    font-size: 12px;
    font-weight: normal;
    text-align: right !important;
    text-decoration: none !important;
}

.conference_conditions_div {
    margin: 0 0 15px;
}

.adminlist td {
    padding: 5px 0;
}

.inputSave, .inputContinue, .inputBack {
    margin: 10px 0;
}

.inputBack, .inputSave {
    float: left;
}

.inputBack {
    margin: 0 3px 0 0 !important;
}

.inputContinue {
    float: right;
}

/* --- Events */

#frontPageEvents {
    float: left;
    width: 350px;
}

#upcomingEvents {
    float: right;
    width: 280px;
    margin: 0;
}

#upcomingEvents h2 {
    margin: 0;
}

#upcomingEvents ul {
    margin: 20px 0;
    padding: 0;
}

#upcomingEvents ul li {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    border-top: 1px solid #ddd;
}

#upcomingEvents ul li h3 {
    margin: 0;
}

ul.categoryList, ul.eventsList, ul.suitesList, ul.recordList {
    margin: 0;
    padding: 0;
}

ul.eventsList .listItem {
    padding-left: 0;
    background: url(images/bg-events-list.gif) repeat-y;
}

ul.eventsList .listItem:hover {
    background: url(images/bg-events-list-hover.gif) repeat-y;
}

ul.eventsList .detailLeft {
    width: 310px;
    margin-right: 17px;
}

ul.eventsList .detailLeft h3 {
    float: right;
    display: block;
    width: 72%;
}

ul.eventsList .detailRight {
}

ul.eventsList .button {
    margin: 0;
    clear: both;
}

ul.detailsList {
    width: 321px;
    margin: 0 0 0 12px;
    padding: 0;
}

ul.detailsList li {
    padding: 0 0 0 27px;
    list-style: none;
}

ul.detailsList span {
    display: inline-block;
    width: 88%;
    padding: 10px 6%;
    border-bottom: 1px dotted #666;
}

ul.detailsList li:last-child span {
    border: 0;
}

ul.detailsList li.eventDateTime {
    background: url(images/clock.png) 0.2% 10px no-repeat;
}

li.eventLocation {
    background: url(images/location.png) 0.2% 10px no-repeat;
}

li.eventCost {
    background: url(images/dollar.png) 1% 10px no-repeat;
}

ul.categoryList li img.eventListImage, ul.eventsList li img.eventListImage,
ul.suitesList li img.eventListImage {
    -moz-box-shadow: 0 3px 3px #DDDDDD;
    border: 1px solid #DDDDDD;
    float: left;
    margin: 5px 20px 5px 0;
    padding: 5px;
}

#eventSearch {
    margin: 12px 0 0 0;
}

button.SubmitButton, button.CancelButton, button.BackToEvent,
#regForm button.SubmitButton {
    float: left;
    margin: 10px 0;
}

button.SubmitButton {
    float: right;
}

form.registrationForm br {
    display: none;
}

form.registrationForm legend {
    display: none;
}

form.registrationForm label {
    display: block;
    margin: 3px 0;
}

form.registrationForm .receive_email input {
    margin: 0 5px 0 0;
}

table.registrations_table i {
    color: #ef4036 !important;
}

table.registrations_table {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

table.registrations_table th, table.registrations_table td {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 5px;
    text-align: left;
    color: #777;
}

table.registrations_table .registered_by_th {
    text-align: left;
    padding: 10px 5px !important;
}

table.registrations_table .registered_by_th button {
    float: right !important;
    margin: 0 5px;
}

button.SubmitReserveButton, button.CancelGroupRegistrationButton,
button.SubmitGroupRegistrationButton {
    margin: 0 5px !important;
}

input#reserveAdditionalPlaces {
    width: 30px;
}

.eventsCalendarNextMonthButton, .eventsCalendarPreviousMonthButton {
    margin: 0;
}

.eventsCalendarNextMonthButton:hover, .eventsCalendarPreviousMonthButton:hover {
}

#eventsCalendar, #eventsCalendarDiv {
    float: left;
    width: 350px;
}

#eventsCalendarDiv {
    margin: 0 0 15px;
}

.eventsCalendarMonthSelectorTable {
    margin: 0 0 18px;
}

.eventsCalendarMonthSelectorTable, .publicEventsCalendar {
    float: left;
    width: 350px;
}

.eventsCalenderHeaderMonthLabel {
    color: #ef4036;
    font-size: 1.3em;
    line-height: 1.2em;
    font-weight: bold;
    padding: 0 0 1.12px 0;
}

.eventsCalendarPreviousMonthCell, .eventsCalendarNextMonthCell {
    text-align: center;
}

.eventsCalendarPreviousMonthButton, .eventsCalendarNextMonthButton {
    width: 150px;
}

.eventsCalenderDayCell {
    height: 50px;
    width: 50px;
    border: 1px solid #ccc;
    vertical-align: top;
}

.eventsCalenderDayNumber {
    text-align: right;
    padding: 3px;
}

.eventsCalenderDayOutsideMonth {
    color: #bbb;
}

.eventsCalenderCurrentDay {
    background: #ddd;
}

.eventsCalenderDayHasEvents {
    text-align: center;
    font-size: .9em;
    background: #f4ffae;
    margin: 0;
    padding: 0;
}

.eventsCalenderDayHasEvents a.eventIcon {
    display: block;
    width: 14px;
    height: 14px;
    background: url(images/event-icon.gif) 0 0 no-repeat;
    text-indent: -999em;
    text-align: center;
    margin: 0 auto;
}

#userSignupMessageElement div {
    display: inline-block;
    width: auto !important;
    margin: 12px 0 !important;
    padding: 8px 10px !important;
    border: 1px solid #ffacad !important;
    background-color: #ffd5d5 !important;
    color: #d23755 !important;
}

#loginForm {
    margin: 12px 0;
}

#loginForm #forgottenPasswordNote {
    margin: 6px 0;
}

ul.categoryList li.other-events-internal-only {
    display: none;
}

/* --- Feedsucker */

ul.articleFeedList {
    margin: 0;
    padding: 0;
}

/* --- Flipbook */

#ie_historyFrame {
    width: 0px;
    height: 0px;
    display: none;
}

#firefox_anchorDiv {
    width: 0px;
    height: 0px;
    display: none;
}

#safari_formDiv {
    width: 0px;
    height: 0px;
    display: none;
}

#safari_rememberDiv {
    width: 0px;
    height: 0px;
    display: none;
}

/* --- Form Buttons */

.submit, .sbButton {
    margin: 10px 0 0;
}

form#passwordForm button, form#signup_form button.signup_button {
    margin: 5px 0;
}

/* --- Knowledge */

.knowledge_list_table {
    width: 100%;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 0;
    padding: 0;
}

.listItem, .divnewsSection .newsshortlistitem {
    margin: 0 0 2px;
    padding: 20px 4%;
    border-bottom: 1px solid #d5caca;
    list-style: none;
    display: block;
    background: #ebebeb;
}

.listItem:hover, .divnewsSection .newsshortlistitem:hover {
    background: #d5d5d5;
}

.divnewsSection .newsshortlistitem .right {
    float: none;
}

.divnewsSection .detailRight {
    width: auto !important;
}

.divnewsSection li.homeListItem .button.small {
    position: relative;
    bottom: 0;
    right: 0;
}

.divnewsSection .postedIn {
    display: none;
}

.listItemLeft {
    float: left;
    width: 165px;
}

.listItemRight {
    float: right;
    width: 755px;
}

.listItem h2, .divnewsSection .newsshortlistitem h3 {
    font-size: 20px;
    margin: 0 0 10px;
    padding: 0;
    border: 0;
}

.listItem h2 a {
    color: #333;
}

.listItem h2 a:hover {
    color: #ef4036;
    background: none;
}

.listItem h2 b {
    font-weight: normal;
}

.listItem .readMore a,
.divnewsSection .newsshortlistitem a.button.readMore.small {
    color: #333;
    margin: 0;
    padding: 4px 0 3px 31px;
    background: url(images/grey-arrow-icon.png) top left no-repeat !important;
    text-transform: uppercase;
    text-decoration: none;
    font: 500 11px "museo",serif;
}

.listItem .readMore a:hover,
.divnewsSection .newsshortlistitem a.button.readMore.small:hover {
    color: #ef4036;
    background: url(images/red-arrow-icon.png) top left no-repeat !important;
}

.categoryImage, .listImage, .parentCategoryImage {
    padding: 5px;
    border: 1px solid #d5caca;
    background: #fff;
}

.categoryImage, .listImage {
    float: left;
    margin: 0 20px 0 0;
}

ul li.listItem:last-child, tr:last-child .listItem {
}

#flash_upload {
    margin: 18px 0 0;
}

.addthis {
    margin: 12px 0;
}

ul.links_list {
    margin: 12px 0;
    padding: 0;
}

ul.links_list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.links_list li a {
    display: inline-block;
    padding: 0 0 0 22px;
    background: url(images/link_go.png) 0 -1px no-repeat;
}

.repo_list {
    display: block;
    height: 1%;
    margin: 0;
    padding: 0;
}

ul.files_list {
    margin: 20px 0 !important;
    clear: both;
}

ul.repo_files_list {
    margin: 0;
    padding: 0;
}

ul.files_list, ul.files_list li, ul.repo_files, ul.repo_files li,
ul.repo_files_list, ul.repo_files_list li {
    padding: 0;
    list-style: none;
    list-style-image: none;
    background: none;
}

ul.repo_files li, ul.repo_files_list li, ul.files_list li {
    margin: 0 0 5px !important;
    background: #f9f9f9;
    border: 1px solid #d5caca;
    padding: 18px 60px 18px 18px;
    font-size: 15px;
    position: relative;
}

ul.repo_files li img, ul.repo_files_list li img, ul.files_list li img {
    padding: 0 !important;
    margin: 0 12px 0 0 !important;
    vertical-align: middle;
    border: 0 !important;
            box-shadow: none !important;
    -webkit-box-shadow: none !important;
       -moz-box-shadow: none !important;
}

ul.repo_files_list span.file_size, ul.files_list span.file_size {
    font-size: 12px;
    position: absolute;
    top: 14px;
    right: 18px;
}

.downloadaccdb, .downloadavi, .downloadbmp, .downloadcss, .downloaddocxmac,
.downloaddocxwin, .downloademl, .downloadeps, .downloadfla, .downloadgif,
.downloadhtml, .downloadind, .downloadini, .downloadjpeg, .downloadjsf,
.downloadmidi, .downloadmov, .downloadmp3, .downloadmpeg, .downloadpdf,
.downloadpng, .downloadpptxmac, .downloadpptxwin, .downloadproj, .downloadpsd,
.downloadpst, .downloadpub, .downloadrar, .downloadreadme, .downloadsettings,
.downloadtext, .downloadtiff, .downloadurl, .downloadvsd, .downloadwav,
.downloadwma, .downloadwmv, .downloadxlsxmac, .downloadxlsxwin, .downloadzip {
    display: block;
    margin: 0 0 5px;
    padding: 18px 60px 18px 60px;
    background: #f9f9fe no-repeat 18px 50%;
    border: 1px solid #ccd3e8;
    font-size: 15px;
    position: relative;
}

.downloadaccdb:hover, .downloadavi:hover, .downloadbmp:hover, .downloadcss:hover,
.downloaddocxmac:hover, .downloaddocxwin:hover, .downloademl:hover,
.downloadeps:hover, .downloadfla:hover, .downloadgif:hover, .downloadhtml:hover,
.downloadind:hover, .downloadini:hover, .downloadjpeg:hover, .downloadjsf:hover,
.downloadmidi:hover, .downloadmov:hover, .downloadmp3:hover, .downloadmpeg:hover,
.downloadpdf:hover, .downloadpng:hover, .downloadpptxmac:hover,
.downloadpptxwin:hover, .downloadproj:hover, .downloadpsd:hover,
.downloadpst:hover, .downloadpub:hover, .downloadrar:hover,
.downloadreadme:hover, .downloadsettings:hover, .downloadtext:hover,
.downloadtiff:hover, .downloadurl:hover, .downloadvsd:hover, .downloadwav:hover,
.downloadwma:hover, .downloadwmv:hover, .downloadxlsxmac:hover,
.downloadxlsxwin:hover, .downloadzip:hover {
    background-color: #fff;
    text-decoration: none;
}

.downloadaccdb span, .downloadavi span, .downloadbmp span, .downloadcss span,
.downloaddocxmac span, .downloaddocxwin span, .downloademl span,
.downloadeps span, .downloadfla span, .downloadgif span, .downloadhtml span,
.downloadind span, .downloadini span, .downloadjpeg span, .downloadjsf span,
.downloadmidi span, .downloadmov span, .downloadmp3 span, .downloadmpeg span,
.downloadpdf span, .downloadpng span, .downloadpptxmac span,
.downloadpptxwin span, .downloadproj span, .downloadpsd span, .downloadpst span,
.downloadpub span, .downloadrar span, .downloadreadme span,
.downloadsettings span, .downloadtext span, .downloadtiff span,
.downloadurl span, .downloadvsd span, .downloadwav span, .downloadwma span,
.downloadwmv span, .downloadxlsxmac span, .downloadxlsxwin span,
.downloadzip span {
    font-size: 12px;
    color: #444;
    position: absolute;
    top: 18px;
    right: 18px;
}

.downloadaccdb {
    background-image: url('images/icons32/accdb-32_32.png');
}

.downloadavi {
    background-image: url('images/icons32/avi-32_32.png');
}

.downloadbmp {
    background-image: url('images/icons32/bmp-32_32.png');
}

.downloadcss {
    background-image: url('images/icons32/css-32_32.png');
}

.downloaddocxmac {
    background-image: url('images/icons32/docx_mac-32_32.png');
}

.downloaddocxwin {
    background-image: url('images/icons32/docx_win-32_32.png');
}

.downloademl {
    background-image: url('images/icons32/eml-32_32.png');
}

.downloadeps {
    background-image: url('images/icons32/eps-32_32.png');
}

.downloadfla {
    background-image: url('images/icons32/fla-32_32.png');
}

.downloadgif {
    background-image: url('images/icons32/gif-32_32.png');
}

.downloadhtml {
    background-image: url('images/icons32/html-32_32.png');
}

.downloadind {
    background-image: url('images/icons32/ind-32_32.png');
}

.downloadini {
    background-image: url('images/icons32/ini-32_32.png');
}

.downloadjpeg {
    background-image: url('images/icons32/jpeg-32_32.png');
}

.downloadjsf {
    background-image: url('images/icons32/jsf-32_32.png');
}

.downloadmidi {
    background-image: url('images/icons32/midi-32_32.png');
}

.downloadmov {
    background-image: url('images/icons32/mov-32_32.png');
}

.downloadmp3 {
    background-image: url('images/icons32/mp3-32_32.png');
}

.downloadmpeg {
    background-image: url('images/icons32/mpeg-32_32.png');
}

.downloadpdf {
    background-image: url('images/icons32/pdf-32_32.png');
}

.downloadpng {
    background-image: url('images/icons32/png-32_32.png');
}

.downloadpptxmac {
    background-image: url('images/icons32/pptx_mac-32_32.png');
}

.downloadpptxwin {
    background-image: url('images/icons32/pptx_win-32_32.png');
}

.downloadproj {
    background-image: url('images/icons32/proj-32_32.png');
}

.downloadpsd {
    background-image: url('images/icons32/psd-32_32.png');
}

.downloadpst {
    background-image: url('images/icons32/pst-32_32.png');
}

.downloadpub {
    background-image: url('images/icons32/pub-32_32.png');
}

.downloadrar {
    background-image: url('images/icons32/rar-32_32.png');
}

.downloadreadme {
    background-image: url('images/icons32/readme-32_32.png');
}

.downloadsettings {
    background-image: url('images/icons32/settings-32_32.png');
}

.downloadtext {
    background-image: url('images/icons32/text-32_32.png');
}

.downloadtiff {
    background-image: url('images/icons32/tiff-32_32.png');
}

.downloadurl {
    background-image: url('images/icons32/url-32_32.png');
}

.downloadvsd {
    background-image: url('images/icons32/vsd-32_32.png');
}

.downloadwav {
    background-image: url('images/icons32/wav-32_32.png');
}

.downloadwma {
    background-image: url('images/icons32/wma-32_32.png');
}

.downloadwmv {
    background-image: url('images/icons32/wmv-32_32.png');
}

.downloadxlsxmac {
    background-image: url('images/icons32/xlsx_mac-32_32.png');
}

.downloadxlsxwin {
    background-image: url('images/icons32/xlsx_win-32_32.png');
}

.downloadzip {
    background-image: url('images/icons32/zip-32_32.png');
}

/* --- Knowledge Grid */

.kgSwfUpload input {
    width: 250px !important;
}

.kgSwfUpload button {
    margin: 0;
}

.kgSwfUpload th {
    text-align: left;
    background: #F9F9FE;
    padding: 0 5px 0 0;
}

.kgSwfUpload td {
    text-align: left;
    background: #F9F9FE;
    padding: 10px 5px;
}

.kg_blue_box {
    border: 1px solid #ECECFB;
    background: #F9F9FE;
    margin: 10px 0;
    padding: 10px 15px;
}

#fsUploadProgress {
    border-top: 1px solid #ECECFB;
    margin: 10px 0 0;
    padding: 10px 0 0;
}

.kgBlock {
    height: 292px;
    overflow: hidden;
}

.kg_journal {
    border-bottom: 1px solid #ECECFB;
    margin: 0 0 10px;
    padding: 0 0 10px;
}

.kg_journal h4 {
    color: #ef4036;
}

.kg_blue_box .kg_journal:last-child {
    border: none;
    margin: 0;
    padding: 0;
}

.kg_sideBar, #kg_nav_append {
    display: none !important;
}

.kgNavOn #kg_nav_append {
    display: block !important;
}

.kgNavOn li.on a {
    background: none !important;
}

#kg_nav_append .listItem {
    border: 0;
}

#kg_nav_append .listItem h2 {
    margin: 0;
}

.basicSearchForm {
    width: 258px;
    margin: 0 0 20px;
}

.advancedSearch {
    position: relative;
}

.advancedSearch a.basicSearch {
    position: absolute;
    bottom: 18px;
    right: 15px;
}

.basicSearchForm input, .advancedSearch .input_large_off,
.advancedSearch .input_large_on {
    width: 250px;
}

.advancedSearch ol li {
    float: left;
    margin: 0 8px 8px 0 !important;
}

.basicSearchForm ol li {
    margin: 0 0 8px;
}

div.kgPopular {
    position: relative;
}

#kgPopularTopics {
    float: left;
    width: 200px;
}

#kgTagCloud {
    text-align: center;
}

div#popularTabs ul, div#recentTabs ul {
    position: absolute;
    right: 16px;
    top: 152px;
}

div#kgOther li {
    list-style: none;
    border: 0;
}

div#kgOther .ui-corner-top {
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    -moz-border-radius-topright: 0;
    -webkit-border-top-right-radius: 0;
}

div#kgOther .ui-widget-content {
    border: 0;
}

div#kgOther .ui-tabs .ui-tabs-nav, div#kgOther .ui-tabs .ui-tabs-panel,
div#kgOther .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
    padding: 0;
}

div#kgOther .ui-widget-header {
    border: 0;
    background: none;
}

div.kgPopular .items a {
    float: left;
    display: block;
    color: #fff;
    font-size: 13px;
    text-decoration: none;
    padding: 10px;
    position: relative;
    z-index: 99;
}

div.kgPopular .items a.kgMore {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 220px;
    height: 130px;
    text-indent: -999em;
}

div.kgPopularImage, div.kgRecentImage {
    position: absolute;
    z-index: 1;
    width: 220px;
    height: 150px;
    margin: 0 0 35px;
    background: #999 url(images/kg-popular-resources.png) center no-repeat;
}

div.kgRecentImage {
    background: #999 url(images/kg-recent-uploads.png) center 52px no-repeat;
}

#addResourceForm table {
    width: 100%;
}

#addResourceForm th {
    text-align: left;
    vertical-align: top;
}

#addResourceForm input {
    width: 250px;
}

#addResourceForm input, #addResourceForm select {
    margin: 0 0 10px;
}

#addResourceForm #cke_description {
    width: 518px !important;
}

#addResourceForm button {
    float: right;
}

#advancedSearchForm ol li {
    margin: 8px 0 0;
}

/* --- Membership */

ul.membershipList {
    margin: 0;
    padding: 0;
}

#signupForm #signupButton, #signupForm #cancelButton {
    float: left;
    display: block;
    margin: 10px 3px;
}

#signupForm #signupButton {
    float: right;
}

#signupForm #cancelButton {
    margin: 10px 0 0 0;
}

#signupForm td input {
    margin: 0 3px 0 0;
}

input.SubmitAddMember {
    margin: 10px 0 0;
}

div.myMembershipSubMenuBox {
    margin: 15px 0;
}

#addMemberForm {
    margin: 15px 0;
}

table.list {
    margin: 10px 0;
}

table.myMemberships {
    margin: 0 0 10px;
}

table.list, table.list th, table.list td, table.myMemberships,
table.myMemberships th, table.myMemberships td {
    border: 1px solid #ccc;
}

table.list th, table.list td, table.myMemberships th, table.myMemberships td {
    padding: 5px;
    text-align: left;
}

.error {
    margin: 6px 0;
}

.membership2-mymemberships-details-heading {
    display: none;
}

/* --- My Account */

div#login label {
    display: block;
    margin: 3px 0;
}

div#login legend {
    display: none;
}

table#loginDetails {
    margin: 0;
}

table#loginDetails th, table#loginDetails td {
    padding: 0 10px 5px 0;
    font-size: 12px;
    text-align: left;
}

ul.myAccountSideBar, ul.miniCart {
    margin: 12px 0;
    padding: 0;
    border: 0;
}

ul.myAccountSideBar li, ul.miniCart li {
    list-style: none;
    padding: 0 15px;
}

ul.myAccountSideBar li a, ul.miniCart li a {
    padding: 3px 0;
    font-size: 14px;
    font-weight: bold;
}

ul.myAccountSideBar ul, ul.miniCart ul {
    padding: 0;
}

ul.myAccountSideBar li li, ul.miniCart li li {
    padding: 0;
}

ul.myAccountSideBar li li a, ul.miniCart li li a {
    width: 162px;
    padding: 3px 0;
    border: none;
    color: #777;
    font-weight: normal;
    font-size: 11px;
    text-shadow: none;
}

#content #sideBar ul.myAccountSideBar p,
#content #sideBar ul.myAccountSideBar p#forgottenPassword,
#content #sideBar ul.miniCart p {
    margin: 10px 0;
}

ul.myAccountSideBar form {
}

ul.myAccountSideBar label {
    display: block;
    margin: 3px 0;
}

ul.myAccountSideBar input {
    width: 173px;
}

ul.myAccountSideBar li p a {
    font-size: 11px;
    padding: 3px 0;
    margin: 0;
}

ul.myAccountSideBar button {
    float: right;
    margin: 10px 0 0;
    background: #999;
}

/* --- News */

#latestNews ul li {
    margin: 0;
    padding: 10px 0;
    list-style: none;
    border-top: 1px solid #d5caca;
}

ul.newsList {
    margin: 0;
    padding: 0;
}

ul.newsList .listImage {
    float: right;
}

.commentsList {
    margin: 0;
    padding: 0;
}

.commentsList li {
    list-style: none;
    display: block;
    padding: 10px 0 0 !important;
    margin: 0;
    border-bottom: 1px solid #d5caca;
}

.commentsList li:last-child {
    border: 0;
}

#commentForm {
    display: block;
    clear: both;
    margin: 20px 0 0;
    padding: 15px;
    background: #f9f9f9;
    border: 1px solid #d5caca;
}

.comments {
    border: 1px solid #d5caca;
    display: block;
    clear: both;
    margin: 15px 0 0;
    padding: 15px;
    background: #f9f9f9;
}

.comments h2 {
    color: #777;
    margin: 0 12px 12px;
}

#commentForm h2 {
    color: #777;
    margin: 0 0 12px;
}

.noshow {
    display: none;
}

/* --- Compliance Tracker */

.PDTrackerRemoveActivityButton {
    background: url(images/delete.gif) 0 0 no-repeat;
    margin: 0 12px;
    border: 0;
    cursor: pointer;
    text-indent: -999em;
    text-align: center;
    width: 20px;
    height: 22px;
}

/* --- Products */

table.products_list_table, table.products_category_table {
    width: 100%;
}

.products_list_table h2 {
    margin: 10px 0 0;
}

table.products_list_table td {
    padding: 10px 0;
    border-bottom: 1px solid #ddd;
}

table.products_list_table table td {
    padding: 0;
    border: 0;
}

table.products_list_table table td.extras {
    padding: 20px 10px;
}

#product-info {
    float: right;
    width: 240px;
}

#price {
    margin: 0 0 15px;
    padding: 15px;
    border: 1px solid #ddd;
}

.price {
    color: #f60;
    font-size: 16px;
    font-weight: bold;
}

.price.special {
    color: #f00;
    font-size: 22px;
}

.noshow_inc_gst, #options_price .hide {
    color: #777;
    font-size: 11px;
}

.noshow_inc_gst {
    display: block;
}

.buy_field {
    display: none;
}

.buy_button, .button, #viewProduct a {
    margin: 10px 0 0;
}

.buy_button, #storeButton a, #viewProduct a {
    width: 80px;
}

#product-image {
    float: left;
    width: 400px;
}

#product-detail img.imageLeft {
    margin: 0 25px 0 0 !important;
}

#large-popup-button {
    float: left;
    clear: both;
    width: auto;
    margin: 0;
    padding: 3px 30px 3px 10px;
    border: 0;
    background: #ef4036 url(images/open-close-icon.png) 94% 8px no-repeat;
}

#large-popup-button:hover {
    background: #cd0100 url(images/open-close-icon.png) 94% 8px no-repeat;
}

#large-popup-button a {
    color: #fff;
    text-decoration: none;
}

.line {
    border-bottom: 1px solid #ddd;
}

.selectOption {
    margin: 10px 0 0;
}

/* --- Registration */

form.signup_form table font input {
    margin: 0 3px;
}

form.signup_form .receive_email label span {
    margin: 0 5px;
}

form#passwordForm button, form#signup_form button.signup_button {
    margin: 5px 0;
}

div#password_form form th {
    display: block;
    text-align: left;
    margin: 3px 0;
}

div#password_form form td {
    display: block;
}

/* --- Search Directory */

/* --- Auto suggest */

body {
    position: relative;
}

div.autosuggest {
    position: absolute;
    background-image: url(images/as_pointer.gif);
    background-position: top;
    background-repeat: no-repeat;
    padding: 10px 0 0 0;
    z-index: 999;
}

div.autosuggest div.as_header, div.autosuggest div.as_footer {
    position: relative;
    height: 6px;
    padding: 0 6px;
    background-image: url(images/ul_corner_tr.gif);
    background-position: top right;
    background-repeat: no-repeat;
    overflow: hidden;
}

div.autosuggest div.as_footer {
    background-image: url(images/ul_corner_br.gif);
}

div.autosuggest div.as_header div.as_corner,
div.autosuggest div.as_footer div.as_corner {
    position: absolute;
    top: 0;
    left: 0;
    height: 6px;
    width: 6px;
    background-image: url(images/ul_corner_tl.gif);
    background-position: top left;
    background-repeat: no-repeat;
}

div.autosuggest div.as_footer div.as_corner {
    background-image: url(images/ul_corner_bl.gif);
}

div.autosuggest div.as_header div.as_bar,
div.autosuggest div.as_footer div.as_bar {
    height: 6px;
    overflow: hidden;
    background-color: #333;
}

div.autosuggest ul {
    list-style: none;
    margin: 0 0 -4px 0;
    padding: 0;
    overflow: hidden;
    background-color: #333;
}

div.autosuggest ul li {
    color: #ccc;
    padding: 0;
    margin: 0 4px 4px;
    text-align: left;
}

div.autosuggest ul li a {
    color: #ccc;
    display: block;
    text-decoration: none;
    background-color: transparent;
    text-shadow: #000 0px 0px 5px;
    position: relative;
    padding: 0;
    width: 100%;
    font-size: 10px !important;
}

div.autosuggest ul li a:hover {
    background-color: #444;
}

div.autosuggest ul li.as_highlight a:hover {
    background-color: #1B5CCD;
}

div.autosuggest ul li a span {
    display: block;
    padding: 3px 6px;
    font-weight: bold;
}

div.autosuggest ul li a span small {
    font-weight: normal;
    color: #999;
}

div.autosuggest ul li.as_highlight a span small {
    color: #ccc;
}

div.autosuggest ul li.as_highlight a {
    color: #fff;
    background-color: #1B5CCD;
    background-image: url(images/hl_corner_br.gif);
    background-position: bottom right;
    background-repeat: no-repeat;
}

div.autosuggest ul li.as_highlight a span {
    background-image: url(images/hl_corner_bl.gif);
    background-position: bottom left;
    background-repeat: no-repeat;
}

div.autosuggest ul li a .tl, div.autosuggest ul li a .tr {
    background-image: transparent;
    background-repeat: no-repeat;
    width: 6px;
    height: 6px;
    position: absolute;
    top: 0;
    padding: 0;
    margin: 0;
}

div.autosuggest ul li a .tr {
    right: 0;
}

div.autosuggest ul li.as_highlight a .tl {
    left: 0;
    background-image: url(images/hl_corner_tl.gif);
    background-position: bottom left;
}

div.autosuggest ul li.as_highlight a .tr {
    right: 0;
    background-image: url(images/hl_corner_tr.gif);
    background-position: bottom right;
}

div.autosuggest ul li.as_warning {
    font-weight: bold;
    text-align: center;
}

div.autosuggest ul em {
    font-style: normal;
    color: #6EADE7;
}

/* --- Search */

div.search_form input {
    padding: 8px 10px;
}

.search_returned {
    margin: 10px 0 0;
}

div.search_form button {
    margin: 0;
}

ul.search_list, ul.search_list li {
    margin: 0;
    padding: 0;
    list-style: none;
}

ul.search_list li {
    margin: 0 0 2px;
    padding: 15px 20px 20px;
    background: #ebebeb;
    border-bottom: 1px solid #d5caca;
}

ul.search_list li p {
    margin: 0;
    padding: 0;
}

ul.search_list li a {
    margin: 0 0 10px;
    color: #333;
    font: 300 20px/30px "museo",serif;
    text-decoration: none;
    display: block;
}

p.search_pages {
    float: right;
    margin: 10px 0;
}

strong.search_highlight {
    color: #ef4036;
    font-style: italic;
}

ul.search_list li a strong.search_highlight {
    color: #ef4036;
    font-style: normal;
}

/* --- Shopping Cart */

form[name="cart_form"] {
    width: auto !important;
}

.timeRemaining {
    margin: 0 0 20px;
}

#gateway_select_div th {
    padding: 3px 0;
}

table.cart_table, table.text {
    width: 100%;
    border: 1px solid #ccc;
    border-collapse: collapse;
    background-color: white;
}

table.cart_table th, table.text th, table.cart_table td, table.text td {
    color: #777 !important;
    border: 1px inset #ccc;
    padding: 5px;
    background-color: white;
    font-size: 12px;
    text-align: left;
}

table.cart_table input {
    width: auto !important;
}

.fieldset_title, .order_details_header {
    font: 300 24px/30px "museo",serif;
    color: #333;
    margin: 15px 0 0;
    padding: 15px 0;
    border-top: 1px solid #d5caca;
}

.form th {
    font-weight: normal;
    text-align: left;
}

.form td {
    padding: 3px;
}

div.form label {
    display: inline;
    float: none;
}

div.form label input.checkbox {
    width: auto;
    margin: 0;
    padding: 0;
    border: 0;
}

input.continue_shopping {
    margin: 0 5px 0 0;
}

.plain {
    margin: 20px 0 0 0;
}

.order_details_table th {
    font-weight: bold;
}

.order_details_table.plain th {
    text-align: right;
}

.order_details_table th, .order_details_table td {
    padding: 3px 5px 3px 3px !important;
}

.plain td {
    padding: 3px 2.5px !important;
}

/* --- Site Map */

ul.sitemap_level1, ul.sitemap_level1 ul {
    padding: 0 0 0 20px !important;
}

ul.sitemap_level1 li {
    list-style: disc;
}

ul.sitemap_level1 li a {
    font-size: 12px;
}

ul.sitemap_level2 li {
    padding: 0 !important;
}

ul.sitemap_level2 li a {
    font-size: 11px;
}

ul.sitemap_level2 ul li a {
    font-size: 10px;
}

ul.sitemap_level2 ul {
    margin: 8px 0 !important;
}

ul.sitemap_level2 ul li {
    margin: 0 !important;
}

ul.sitemap_level2 {
    margin: 10px 0 !important;
}

/* 5. Errors
----------------------------------------------*/

div.sbError, .membershipSignUpFormErrorMessage, .infoFormErrorMessage {
    display: inline-block;
    width: auto !important;
    margin: 0 0 12px;
    padding: 10px 10px 10px 35px;
    border: 1px solid #eed3d7;
    background: #f2dede url(images/alert-icon.gif) 10px 50% no-repeat;
    color: #cd4a48;
}

/* 
   cart vouchers important message 
   note do not remove !important or it will revert to old styling
*/

div.messageBox {
    display: inline-block;
    width: auto !important;
    margin: 0 0 12px !important;
    padding: 10px !important;
    border: 1px solid #eed3d7 !important;
    background-color: #f2dede !important;
    color: #cd4a48 !important;
}

div.messageBoxShade {
    border: none !important;
    padding: 0 !important;
    font-size: 12px !important;
}

div.messageBoxShade ul, div.messageBoxShade ul li {
    list-style: none !important;
    margin: 0 !important;
    padding: 0 !important;
    background: none !important;
}

h2.messageBoxHeading {
    margin: 0 0 6px !important;
    padding: 0 !important;
    text-indent: 0 !important;
    color: #cd4a48 !important;
}

#ie6Warning {
    background: #e3e3e3;
    border: 1px solid #bbbbbb;
    padding: 10px 10px 1px;
    margin-bottom: 10px;
}

#ie6Warning h2 {
    background: url(images/ie6-warning.gif) 0 50% no-repeat;
    padding-left: 40px;
    font-size: 28px;
    line-height: 40px;
    color: #D13236;
}

/*  SBFORM
 *  ----------------------------------------------
*/

form.sbForm ol li {
    list-style: none;
}

label.sbFieldLabel {
    font-weight: bold;
    display: block;
    margin: 3px 0;
    clear: both;
}

label.sbFieldLabelRequired span {
    color: red;
    margin: 0 3px 0 0;
}

/* text inputs */

input.sbTextInputTiny, select.sbSelectTiny {
    width: 40px;
}

input.sbTextInputSmall, select.sbSelectSmall {
    width: 100px;
}

input.sbTextInputMedium, select.sbSelectMedium {
    width: 200px;
}

input.sbTextInputLarge, select.sbSelectLarge {
    width: 88%;
    max-width: 350px;
}

input.sbTextInputFull {
    width: 98%;
}

/* --- Surveys */

.assessment_div {
    width: 600px;
}

.vertical_line {
    border-right: 1px dashed #999;
}

.horizontal_line {
    border-top: 1px dashed #999;
}

.active_box {
    width: auto;
    padding: 8px;
    background-color: #ef4036;
    color: #FFF;
    font-weight: bold;
}

.inactive_box {
    width: auto;
    padding: 8px;
    background-color: #e5e5e5;
    color: #ccc;
}

a.active_link, a.active_link:hover {
    color: #FFF;
    font-weight: bold;
    text-decoration: underline;
}

a.active_link:hover {
    text-decoration: none;
}

.assessment_title {/* Assessment Title */
    color: #ef4036;
    background-color: #ffffff;
    font-size: 19px;
    font-weight: normal;
}

.assessment_sectiontitle {/* Assessment Section Title */
    color: #ef4036;
    background-color: #ffffff;
    font-size: 16px;
    font-weight: normal;
}

.assessment_sectioncaption {/* Assessment Section Caption */
    color: #333333;
    background-color: #ffffff;
    font-size: 14px;
    font-weight: normal;
}

.assessment_questiontext {/* Assessment Question Text */
    color: #ef4036;
    background-color: #ffffff;
    font-size: 120%;
    font-weight: normal;
    display: block;
    margin: 0 0 5px;
}

.assessment_subquestiontext {/* Assessment Sub-Question Text */
    color: #000000;
    background-color: #ffffff;
    font-size: 120%;
    font-weight: normal;
}

.assessment_answertext {/* Assessment Answer Text */
    color: #000000;
    background-color: #ffffff;
    font-size: 12px;
    font-weight: normal;
}

.assessment_groupedtable {/*Assessment Grouped Table*/
    font-size: 12px;
    font-weight: normal;
    border: 1px solid #ddd;
}

.assessment_groupedtable td {/*Assessment Grouped Table Rows*/
    border: 1px solid #DDDDDD;
    padding: 4px 6px;
    height: 26px;
}

.assessment_groupedtable th {/*Assessment Grouped Table Header*/
    font-size: 12px;
    color: #ef4036;
    background-color: #DDDDDD;
    text-align: center;
    text-transform: uppercase;
    padding: 4px 6px;
}

.progress_outer {/*Assessment Progress Outer*/
    border: 2px solid;
    border-color: #DDDDDD;
    padding: 1px;
}

.progress_inner {/*Assessment Progress Inner*/
    background-color: #DDDDDD;
}

.assessment_smallinput_on {
    width: 100px;
    border: 1px #ef4036 solid;
}

.assessment_smallinput_off {
    width: 100px;
    border: 1px #DDDDDD solid;
}

.assessment_mediuminput_on {
    width: 400px;
    border: 1px #ef4036 solid;
}

.assessment_mediuminput_off {
    width: 400px;
    border: 1px #DDDDDD solid;
}

.assessment_longinput_on {
    width: 400px;
    border: 1px #ef4036 solid;
}

.assessment_longinput_off {
    width: 400px;
    border: 1px #DDDDDD solid;
}

.assessment_textarea_on {
    width: 500px;
    height: 200px;
    border: 1px #ef4036 solid;
}

.assessment_textarea_off {
    width: 500px;
    height: 200px;
    border: 1px #DDDDDD solid;
}

/* textareas */

textarea.sbTextAreaSmall {
    height: 80px;
}

textarea.sbTextAreaMedium {
    height: 160px;
}

textarea.sbTextAreaLarge {
    height: 80px;
    width: 88%;
    max-width: 350px;
}

textarea.sbTextAreaXLarge {
    height: 340px;
    width: 88%;
    max-width: 450px;
}

li.sbRadioGroupHorizontal, li.sbCheckboxGroupHorizontal {
    float: left;
    margin: 0 20px 0 0;
}

select.sbSelect {
    width: 200px;
}

.sbFormButtonsLeft {
    float: left;
}

.sbFormButtonsRight {
    float: right;
}

.sbSecurityImage {
    display: block;
    margin: 0 0 10px;
}

.sbFormErrors {
    color: #cf1847;
    background: #e5c9d2;
    border: 1px solid #cf1847;
    padding: 5px;
    display: none;
}

#li_c_EmailType {
    margin: 16px 0 !important;
}
