.no-margins
{
    margin: 0 !important;
}

.no-padding
{
    padding: 0 !important;
}

.commandbutton,
.event_calendar .next_prev a,
.button,
button,
input[type="submit"],
input[type="button"]
{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
    display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 1px solid #adadad;
    border-radius: 4px;
    text-decoration: none !important;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    margin-right: 10px;
}

.commandbutton[disabled],
.event_calendar .next_prev a[disabled],
.button[disabled],
button[disabled],
input[type="submit"][disabled],
input[type="button"][disabled],
.commandbutton.disabled,
.button.disabled,
input[type="submit"].disabled,
input[type="button"].disabled
{
    background-color: #eee !important;
    color: #999 !important;
    cursor: wait;
}


.button:focus, .button:active:focus,
button:focus, button:active:focus,
.commandbutton:focus, .commandbutton:active:focus,
.event_calendar .next_prev a:focus,
.event_calendar .next_prev a:active:focus,
input[type="submit"]:focus, input[type="submit"]:active:focus,
input[type="button"]:focus, input[type="button"]:active:focus
{
    outline: thin dotted;
    outline: 5px auto -webkit-focus-ring-color;
    outline-offset: -2px;
    text-decoration: none;
}


button:active,
.button:active,
.commandbutton:active,
.event_calendar .next_prev a:active,
input[type="submit"]:active,
input[type="button"]:active
{
    outline: 0;
    -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
    box-shadow: inset 0 3px 5px rgba(0, 0, 0, .125);
}


button:last-child,
.button:last-child,
.commandbutton:last-child,
.event_calendar .next_prev a:last-child,
input[type="submit"]:last-child,
input[type="button"]:last-child
{
    margin-right: 0;
}



input[type="button"]:hover, input[type="button"]:active, input[type="button"]:focus,
input[type="submit"]:hover, input[type="submit"]:active, input[type="submit"]:focus,
.button:hover, .button:active, .button:focus,
button:hover, button:active, button:focus,
.commandbutton:hover, .commandbutton:active, .commandbutton:focus,
.event_calendar .next_prev a:hover, .event_calendar .next_prev a:active, .event_calendar .next_prev a:focus
{
    color: #333;
    background-color: #ebebeb;
    border-color: #adadad;
}

.button.large_button, .commandbutton.large_button
{
    font-size: 150%;
    font-weight: bold !important;
    padding: 21px 33px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}




/* USED TO PUT WATERMARK USER PROMPT TEXT IN TEXT BOXES */
.watermarktext, .watermark
{
    color: #c0c0c0;
}


.ajax__calendar td, .ajax__calendar th
{
    padding: 0px !important;
}

.ajax__calendar .ajax__calendar_day, .ajax__calendar .ajax__calendar_dayname
{
    padding: 0px 2px 0px 2px !important;
    width: 16px !important;
}


.pager a:link, .pager a:visited, .pager a:hover, .pager a:active
{
    text-decoration: none !important;
}

.pager a:hover, .pager a.selected:link, .pager a.selected:visited, .pager a.selected:hover, .pager a.selected:active
{
    text-decoration: underline !important;
}

.pager table
{
    width: auto;
}

.widget_collection_right .pager .result_count, .widget_collection_right .pager .result_count
{
    display: none;
}

.header_text a
{
    text-decoration: none;
}

.pager
{
    margin-top: 5px;
    clear: both;
}

.pager a
{
    display: inline-block;
    margin-right: 10px;
}

.pager .result_count
{
    margin-right: 10px;
    display: inline-block;
}

.pager .page-count
{
}


.grid
{
    border: #aaa 1px solid;
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 5px;
}


.grid > thead > tr > td,
.grid > tbody > tr > td,
.grid > tfoot > tr > td,
.grid > tr > td,
.grid > thead > tr > th,
.grid > tbody > tr > th,
.grid > tfoot > tr > th,
.grid > tr > th
{
    padding: 8px;
    width: auto;
    vertical-align: top;
}

.data_type_header > tr
{
    border-bottom: solid 1px #777;
}

.grid > thead > tr > th a,
.grid > tbody > tr > th a .grid > tfoot > tr > th a .grid > tr > th a
{
    text-decoration: underline;
}

.grid th a.sorted
{
    padding-right: 17px;
    background-position: right top;
}

.grid th a.sorted.ascending
{
    background-image: url(../images/icons/white-arrow-up.png);
}

.grid th a.sorted.descending
{
    background-image: url(../images/icons/white-arrow-down.png);
}



.grid > tbody tr.altrow,
div.altrow
{
    /* ALTERNATING ROW COLOR FOR TABLES */
    border-top: solid 1px #aaa;
    border-bottom: solid 1px #aaa;
    background-color: #EDEEF1;
}

.grid > thead > tr > th,
.grid > tr > th
{
    background-color: #CCC;
    color: #222;
}

.grid > thead > tr > th a,
.grid > tr > th a
{
    text-decoration: none;
    color: #222;
}

.grid tr.group
{
    background-color: #e1ebf5;
    border-bottom: 1px solid #CCCCCC;
    border-top: 1px solid #CCCCCC;
    font-weight: bold;
}

.grid td.commands
{
    text-align: right;
}


.grid td.min-button-cell, .grid th.min-button-cell
{
    white-space: nowrap !important;
    width: 1% !important;
}




.side-column .grid > tbody > tr > td,
.side-column .grid > tr > td,
.side-column .grid > tbody > tr > th,
.side-column .grid > tr > th
{
    display: block;
    padding: 4px;
}

.side-column .grid > thead, .side-column .grid > tfoot
{
    display: none;
}

.side-column .grid > tbody > tr > td,
.side-column .grid > tr > td
{
    text-align: left !important;
}

.side-column .grid > tbody > tr > td[data-title]:before,
.side-column .grid > tr > td[data-title]:before
{
    content: attr(data-title);
    font-weight: bold;
}





.filter
{
    background-color: #F5F5F5;
    border: 1px solid #555;
    color: #333 !important;
    margin-bottom: 10px;
    padding: 10px 10px 7px;
    position: relative;
}


.filter .filter_item
{
    float: left;
    margin-right: 5px;
    width: 231px;
    min-height: 50px;
    height: auto !important;
    height: 50px;
}


.filter .filter_command a
{
    margin-top: 18px;
}

.filter .filter_item .label
{
    font-weight: bold;
}




.filter .filter_item .input
{
    width: auto;
    padding-bottom: 3px;
}

.filter .filter_item input[type="text"], .filter select
{
    width: 212px;
}

.filter .filter_item .range-start
{
    margin-bottom: 5px;
}

.cal-icon
{
    margin-left: -30px;
}


.filter .filter_item input[type="checkbox"]
{
    vertical-align: text-bottom;
}


div.commands
{
    clear: both;
    margin-top: 10px;
}



.content_editor .filter .filter_item .label
{
    width: 100px;
}


/*
MAIN TABLE TO FORMAT THE EDITOR FORM -- LET'S GIVE EDITOR TABLES 
A CLASS OF "EDITOR" SO WE DON'T HAVE TO WORRY ABOUT "ID" BEING NEEDED FOR SERVER-SIDE STUFF */
.editor_table
{
    width: 100%;
}


/*
IF YOU FORMAT YOUR EDITOR PAGE WITH A TABLE THEN USE TH FOR FIELD LABELS */
.editor_table th
{
    white-space: nowrap;
    width: 1%;
}


.editor_table > tbody > tr > th,
.editor_table > tbody > tr > th,
.editor_table > tbody > tr > td .editor_table > tr > td .editor_table > tr > th
{
    padding: 2px 5px 10px 2px;
    vertical-align: top;
    text-align: left;
}

.editor_table textarea
{
    height: 100px;
}



td.action_column, td.view_details
{
    text-align: right;
    white-space: nowrap;
}


/*
THIS CLASS IS FOR SUBSECTIONS OF AN EDITOR WHICH NEED TO BE SEPARATED VISUALY 
FROM THE REST OF THE FORM*/
.editor_subitems
{
    background-color: #C8DAED;
    border: 1px solid #003D79;
    padding: 10px;
}

.content_body
{
    position: relative;
}

.content-edit-controls
{
    background-color: #F9F9F9;
    border: 1px solid #B0B0B0;
    border-radius: 9px 9px 9px 9px;
    box-shadow: 0 0 4px #918E8E;
    padding: 7px 7px 2px;
    position: absolute;
    right: 8px;
    z-index: 6;
    top: 0px;
}

@media only screen and (max-width: 768px)
{
    .content-edit-controls
    {
        display: none;
    }
}

.widget .content-edit-controls
{
    top: auto;
}

.content-edit-controls .commandbutton
{
    margin-bottom: 5px;
}



div.command_area
{
    border: solid 1px #003d79;
    background-color: #c8daed;
    padding: 10px;
    color: #004790;
    margin-top: 10px;
    clear: both;
}



.field_options .option_text
{
    width: 325px;
}


.send_emails_to label
{
    padding-right: 20px;
}

.send_emails_to
{
    padding: 10px;
}


span.status
{
    display: inline-block;
    padding: 6px 12px;
    color: #fff;
    border-style: solid;
    border-width: 1px;
    font-weight: bold;
    text-align: center;
    min-width: 140px;
}

span.status.pending
{
    color: #333;
    background-color: #f4f3a2;
    border-color: #ebdf73;
}

span.status.published
{
    background-color: #449d44;
    border-color: #398439;
}


span.status.retired
{
    background-color: #31b0d5;
    border-color: #269abc;
}

span.status.declined
{
    background-color: #c9302c;
    border-color: #ac2925;
}

span.status.new, .span.status.none
{
    background-color: #3071a9;
    border-color: #285e8e;
}

span.status.inedit
{
    color: #333;
    background-color: #fff;
    border-color: #ccc;
}

.info
{
    background-color: #C8DAED;
    background-image: url(../images/icons/info.png);
    border-color: #003D79;
    color: #003D79;
}

.success
{
    background-image: url(../images/icons/success.png);
    background-color: #c8ffb8;
    color: #006600;
    border-color: #1d8508;
}

.warning
{
    background-color: #FFFDC2;
    background-image: url(../images/icons/warning.png);
    border-color: #DABC00;
    color: #393300;
}

.success, .info, .error, .warning
{
    background-position: 0 7px;
    border-style: solid;
    border-width: 2px;
    margin-bottom: 5px;
    margin-top: 5px;
    min-height: 48px;
    height: auto !important;
    height: 48px;
    padding: 15px 10px 10px 71px !important;
    text-align: left;
    vertical-align: top;
}

.side-column .error, .side-column .success, .side-column .info, .side-column .warning
{
    padding-left: 10px !important;
    background-image: none;
}

.error
{
    background-image: url(../images/icons/error.png);
    background-color: #fff5f5;
    color: #D40000;
    border-color: #D40000;
}



.print_export_results
{
    margin-bottom: 5px;
}

.rss
{
    text-align: right;
}

.rss a
{
    text-decoration: none;
}

.rss img
{
    border: 0;
}

.cluetip-jtip #cluetip-inner
{
    display: block !important;
}

.cluetip-jtip div#cluetip-close
{
    margin-right: -4px !important;
}

.close_icon
{
    display: block;
    height: 16px;
    width: 16px;
    background-image: url(../images/icons/cross.png);
    float: right;
    position: relative;
    top: 0px;
}


input.readonly_text, input[type="text"].readonly_text
{
    border: none;
    background-color: Transparent;
    box-shadow: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
}

.tooltip_link img, .tooltip img
{
    border: 0;
}

.tooltip_link, .tooltip
{
    position: relative;
    z-index: 7;
}

.collapsible_fieldset > legend
{
    cursor: pointer;
}


ul.data_item_detail
{
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.data_item_detail li
{
    display: block;
    padding: 3px;
}

ul.data_item_detail
{
    display: block;
    position: relative;
}

ul.data_item_detail li
{
}

.grid ul.data_item_detail li, .grid ul.data_item_detail
{
    border: none;
    margin: 0;
}

ul.data_item_detail img, .field_display img
{
    border: 0;
}

ul.data_item_detail .field_name
{
    display: inline-block;
    font-weight: bold;
    padding-right: 10px;
    vertical-align: top;
}

ul.data_item_detail .field_value
{
    display: inline-block;
    float: none;
    vertical-align: top;
}

.field_value a
{
    text-decoration: underline;
}

#editor ul.data_item_detail .field_value
{
    width: auto;
    padding-bottom: 2px;
}

.address_display
{
    display: inline-block;
    vertical-align: text-top;
    position: relative;
    min-height: 32px;
    height: auto !important;
    height: 32px;
    min-width: 227px;
    width: auto !important;
    width: 227px;
}

.map_link
{
    background-image: url("/themes/base/images/icons/icon_map.gif");
    display: block;
    height: 32px;
    position: absolute;
    right: 0px;
    top: 0;
    width: 41px;
}

.page_heading_inner
{
    display: block;
}

.column_content .return_link
{
    position: absolute;
    right: 0;
    top: 0px;
}

.return_link a
{
    text-decoration: underline;
    font-weight: bold;
}


.editor_field
{
    margin-bottom: 10px;
}


.editor_field label
{
    display: inline-block;
    margin-bottom: 2px;
    margin-right: 10px;
    vertical-align: text-top;
    width: 150px;
    font-weight: bold;
}


#edit_data_field .editor_field label
{
    width: 173px;
}

.editor_field label.display_top, #edit_data_field .editor_field label.display_top
{
    width: auto;
}


.editor_field input, .editor_field select
{
    margin-bottom: 3px;
}

.editor_field select
{
    width: 240px;
}

.jump_bottom
{
    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: underline;
}

#preloader
{
    display: none;
}


#EditEventArea td, #EditEventArea th
{
    padding-bottom: 3px;
}



.colorpicker
{
    z-index: 7;
}

.color_picker_button
{
    cursor: pointer;
}



.widget_group_parameter .widget_collection_edit
{
    border: 0;
    padding: 0;
}


.widget_parameter.widget_group_parameter
{
    margin-right: 0px;
    float: none;
    clear: both;
}

.widget_parameter.widget_group_parameter > .widget_parameter_input
{
    float: none;
}


.tracecontent table
{
    margin: 10px 10px !important;
    border: solid 1px #000;
    position: relative;
    z-index: 50001;
    clear: both;
    background-color: #fff;
}

.tracecontent td, .tracecontent th
{
    padding: 5px;
    border-top: solid 1px #A5A5A5;
    border-bottom: solid 1px #A5A5A5;
    line-height: 150%;
    font-size: 11px;
    overflow: hidden;
    max-width: 600px;
    font-family: Courier New;
    text-align: left;
    vertical-align: top;
}

.form_field_name_ignore, .normal-hidden
{
    display: none !important;
}


.data-list-item
{
    position: relative;
    padding: 3px 6px;
}

.data-list-item ul
{
    padding: 0px;
}


div.grid .data-list-item.last
{
    border-bottom: none !important;
}


div.event_list_item
{
    position: relative;
}


#logged-in-as
{
    background: none repeat scroll 0 0 #FEFDE1;
    border: 1px solid #CCCCCC;
    padding: 5px 15px;
    text-align: center;
    position: relative;
    z-index: 50002;
}

#logged-in-as .commandbutton
{
    vertical-align: middle;
}


#custom-search .search-results .page-title
{
    font-weight: bold;
    text-decoration: underline;
}

#custom-search .search-results td
{
    line-height: 19px;
}

#custom-search .search-results .highlight
{
    background-color: #FFCC33;
}


#custom-search .search-filters td
{
    padding: 0 10px 10px 0;
}

#custom-search .search-filters .search-term
{
    width: 217px;
}

#custom-search .search-filters
{
    border-collapse: collapse;
}

#custom-search .search-filters input, #custom-search .search-filters select
{
    line-height: 19px;
    padding: 6px 3px;
    border: solid 1px #ccc;
}


#custom-search .page-url
{
    color: #518A96;
    font-size: 11px;
    font-style: italic;
    margin-top: -3px;
}


a.cke_dialog_ui_button, a.cke_dialog_ui_button:link, a.cke_dialog_ui_button:visited, a.cke_dialog_ui_button:hover, a.cke_dialog_ui_button:link:active
{
    text-decoration: none;
}


.cke_editable_inline, .inline-editable
{
    outline: dotted 1px #ccc;
    min-height: 1em;
}

.loading-indicator-overlay
{
    border: 1px dotted #ccc;
}

.dotted-highlight
{
    outline: 1px dotted #ccc;
}

.content_item
{
    position: relative;
}

.no-edit .content-edit-controls
{
    display: none;
}

.content-edit-controls
{
    padding: 5px;
    background-color: #fff;
}

.content-edit-controls a.commandbutton
{
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
    padding: 0px !important;
    margin: 0px !important;
    overflow: hidden;
    width: 17px !important;
    background-position: 0px !important;
    height: 17px !important;
}

.content-edit-controls a.save-inline
{
    background-image: url('../images/icons/save.gif') !important;
    text-indent: -30000px;
}

.content-edit-controls a.view-original
{
    background-image: url('../images/icons/view-original.gif') !important;
    text-indent: -30000px;
}

.content-edit-controls a.view-pending
{
    background-image: url('../images/icons/view-pending.gif') !important;
    text-indent: -30000px;
}

.content-edit-controls a.approve
{
    background-image: url('../images/icons/approve.gif') !important;
    text-indent: -30000px;
}

.content-edit-controls a.enable-inline
{
    background-image: url('../images/icons/edit.gif') !important;
    text-indent: -30000px;
}

.content-edit-controls a.cancel-inline
{
    background-image: url('../images/icons/cancel.gif') !important;
    text-indent: -30000px;
}

.content-edit-controls a.content_edit_link
{
    background-image: url('../images/icons/editor.gif') !important;
    text-indent: -30000px;
}

.content-edit-controls a:hover
{
    background-position: -17px !important;
}


div.command_area .right-controls
{
    float: right;
}

div.command_area .left-controls
{
    float: left;
}


/* anything less than or equal to 768 wide*/
@media only screen and (max-width: 768px)
{
    .commandbutton, .button, input[type="button"], input[type="submit"], button
    {
        margin-top: 4px !important;
        margin-bottom: 4px !important;
        display: block;
        width: 100%;
    }


    .filter .filter_item
    {
        width: 49.2%;
        margin-right: 1.6%;
    }

    .filter .filter_item:nth-child(even)
    {
        margin-right: 0;
    }

    #logged-in-as
    {
        display: none;
    }
}

/* anything less than or equal to 480 wide*/
@media only screen and (max-width: 480px)
{
    .grid > thead, .grid > tfoot
    {
        display: none;
    }

    .file-upload-files.grid > tfoot td
    {
        display: none;
    }

    .file-upload-files.grid > tfoot, .file-upload-files.grid > tfoot td.sort_order
    {
        display: block;
    }

    .grid tr
    {
        padding-bottom: 10px;
        padding-top: 10px;
    }

    .filter .filter_item
    {
        width: 100%;
        margin-right: 0%;
    }
}