/* 
Colors

Main background
grey: #a2adb4

Text / hover
------------

Teal shades light -> dark
#45cfd7
#00a4ae
#117375

Grey shades light -> dark
#bec5ca
#7d8c96
#6f7e87
#4A5650
#535353
#564a44
#2e2e2e

Orange light -> dark
muted: #e06419
#f16c1b
brighter: #ff7b27

Ad backgrounds
light blue F0FEFE

Friend hilight
#f8ede5;

*/



/* 
*
* General properties
*
*/


/* text */


.text
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #7d8c96;
    font-weight: normal;
}

.text a:link
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
.text a:visited
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
.text a:hover
{
    color: #117375;
    text-decoration: none;
    font-weight: normal;
}
.text a:active
{
    color: #e06419;
    text-decoration: none;
    font-weight: normal;
}

.inline-help-link
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}

.text-orange
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e06419;
    font-weight: normal;
}

a:link.link-orange
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
a:visited.link-orange 
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
a:hover.link-orange 
{
    color: #117375;
    text-decoration: none;
    font-weight: normal;
}
a:active.link-orange 
{
    color: #e06419;
    text-decoration: none;
    font-weight: normal;
}

.link-bold-orange a:link
{
    text-decoration: none;
    color: #e06419;
    font-weight: bold;
}
.link-bold-orange a:visited
{
    text-decoration: none;
    color: #e06419;
    font-weight: bold;
}
.link-bold-orange a:hover
{
    color: #117375;
    text-decoration: none;
    font-weight: bold;
}
.link-bold-orange a:active
{
    color: #e06419;
    text-decoration: none;
    font-weight: bold;
}

.rss
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e06419;
    font-weight: normal;
}

.rss a:link
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
.rss a:visited
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
.rss a:hover
{
    color: #117375;
    text-decoration: none;
    font-weight: normal;
}
.rss a:active
{
    color: #e06419;
    text-decoration: none;
    font-weight: normal;
}

.error-text
{
    color: Red;
}

.buzz-factor
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #e06419;
}

/* tabs */

.subnav-tab-off
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #bec5ca;
}

.subnav-tab-off a:link
{
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
.subnav-tab-off a:visited
{
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
.subnav-tab-off a:hover
{
    color: #4B5651;
    text-decoration: none;
    font-weight: normal;
}
.subnav-tab-off a:active
{
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}

.subnav-tab-on
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
    background-color: #ff7b27;
}

.subnav-tab-on a:link
{
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
.subnav-tab-on a:visited
{
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
.subnav-tab-on a:hover
{
    color: #4B5651;
    text-decoration: none;
    font-weight: normal;
}
.subnav-tab-on a:active
{
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}

.subnav-tab-spacer
{
    width: 7px;
}

.tabset-orange-wrapper
{
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
    border: 1px solid #f16c1b;
}

/* Navigation */

#subnav
{
    background-image: url(images/subnav-bg.gif);
    height: 24px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #ffffff;
    padding-top: 0px;
    padding-bottom: 0px;
    text-align: center;
}

#subnav a:link
{
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
#subnav a:visited
{
    text-decoration: none;
    color: #ffffff;
    font-weight: normal;
}
#subnav a:hover
{
    color: #564a44;
    text-decoration: none;
    font-weight: normal;
}
#subnav a:active
{
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}



.adwords-vertical
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #615a56;
    padding-top: 20px;
    padding-bottom: 22px;
    text-align: center;
    width: 250px;
}

.adwords-horizontal
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #615a56;
    padding-top: 15px;
    padding-bottom: 7px;
    text-align: center;
    width: 910px;
}

/* Photo frames */

table.photo-frame .topx--
{
    background-image: url(Images/frame-topx--.gif);
}

table.photo-frame .top-x-
{
    background-image: url(Images/frame-top-x-.gif);
}

table.photo-frame .top--x
{
    background-image: url(Images/frame-top--x.gif);
}

table.photo-frame .midx--
{
    background-image: url(Images/frame-midx--.gif);
}

table.photo-frame .mid--x
{
    background-image: url(Images/frame-mid--x.gif);
}

table.photo-frame .botx--
{
    background-image: url(Images/frame-botx--.gif);
}

table.photo-frame .bot-x-
{
    background-image: url(Images/frame-bot-x-.gif);
}

table.photo-frame .bot--x
{
    background-image: url(Images/frame-bot--x.gif);
}

table.album-frame
{
    margin: 0px auto;
}

table.album-frame .top-x---
{
    background-image: url(images/album-tstretch.gif);
}

table.album-frame .top--x--
{
    background-image: url(images/album-tstretch.gif);
}

table.album-frame .top---x-
{
    background-image: url(images/album-tstretch.gif);
}

table.album-frame .mtpx----
{
    background-image: url(images/album-lstretch.gif);
}

table.album-frame .mtp----x
{
    background-image: url(images/album-rstretch.gif);
}

table.album-frame .midx----
{
    background-image: url(images/album-lstretch.gif);
}

table.album-frame .mid----x
{
    background-image: url(images/album-rstretch.gif);
}

table.album-frame .mbtx----
{
    background-image: url(images/album-lstretch.gif);
}

table.album-frame .mbt----x
{
    background-image: url(images/album-rstretch.gif);
}

table.album-frame .bot-x---
{
    background-image: url(images/album-bstretch.gif);
}

table.album-frame .bot--x--
{
    background-image: url(images/album-bstretch.gif);
}

table.album-frame .bot---x-
{
    background-image: url(images/album-bstretch.gif);
}

/*
*
* Content pages
*
*
*/

/* General */




.grid
{
    border: solid 1px #f16c1b;
}

.grid-empty
{
    border: none;
}

.grid-item
{
    text-align: left;
    padding: 10px 10px 10px 10px;
    vertical-align: top;
}

.grid-item-event-title
{
    text-align: left;
    padding: 10px 10px 10px 10px;
    vertical-align: top;
    width: 180px;
}

.grid-heading
{
    background-color: #bec5ca;
    text-align: left;
    padding: 10px 10px 10px 10px;
}

.grid-basic-header
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #535353;
    font-weight: bold;
}

.grid-basic-item
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6f7e87;
    font-weight: normal;
    line-height: 15px;
}

/* TermsOfService, Privacy etc... */

.legal-content
{
    text-align: left;
    padding-left: 20px;
    padding-right: 20px;
}

.legal-content h1
{
    font-size: x-large;
}

.legal-content h2
{
    font-size: large;
}



/* -----------------------------------------------------------------------

MyProfile

*/

.myprofile-table td
{
    padding: 5px;
}

/* -----------------------------------------------------------------------

PurchaseTickets

*/

/* ConfirmTicketPurchase */

.confirm-purchase-total
{
    font-size: 14px;
    color: #e06419;
    font-weight: bold;
}


/* PurchaseTickets.aspx  */


#order-summary
{
}

#order-summary .section
{
    font-size: 13px;
    font-weight: normal;
    color: #535353;
    background-color: Transparent;
}

#order-summary .heading
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #535353;
    font-weight: bold;
}

#order-summary .detail
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6f7e87;
    font-weight: normal;
    line-height: 15px;
    text-align: right;
}

#order-summary .summary-detail
{
    text-align: right;
    color: #6f7e87;
    font-weight: normal;
    line-height: 15px;
}

#order-summary .donation-message
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #6f7e87;
    font-weight: normal;
    line-height: 15px;
    text-align: justify;
}

#order-summary .total .heading
{
    font-size: 14px;
    color: #e06419;
    font-weight: bold;
}

#order-summary .total .detail
{
    font-size: 14px;
    color: #e06419;
    font-weight: bold;
}

#order-summary a:link
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
#order-summary a:visited
{
    text-decoration: none;
    color: #e06419;
    font-weight: normal;
}
#order-summary a:hover
{
    color: #117375;
    text-decoration: none;
    font-weight: normal;
}
#order-summary a:active
{
    color: #e06419;
    text-decoration: none;
    font-weight: normal;
}

.congratulations-message
{
    background-color: #DBDDDF;
    border: solid 1px #999999;
    width: 95%;
    text-align: center;
    font-size: 13px;
    margin: 20px auto;
}

.congratulations-message p
{
    padding: 20px 10px;
}

.congratulations-message #bring-receipt
{
    font-weight: bold;
    color: #f16c1b;
}
/* #e06419 */



/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* First pass refactoring complete, 2nd pass required

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

.content-box-plain-grey
{
    background-color: #DBDDDF;
    border: solid 1px #999999;
    width: 95%;
    text-align: left;
    padding: 10px;
    position: relative;
    margin: 0px auto;
}

.content-box-styled
{
    width: 250px;
    height: 257px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #2e2e2e;
    font-weight: normal;
    line-height: 18px;
    text-align: left;
}

.content-box-styled .heading
{
    height: 18px;
    width: 205px;
    padding: 20px 10px 10px 5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: White;
}

.content-box-styled .content
{
    width: 205px;
    height: 185px;
    text-align: left;
    padding: 10px;
}

.content-box-styled .footer
{
    background: none;
}




/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* REFACTOR COMPLETE */

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* General HTML elements */
/* ----------------------------------------------------------------------------------------------- */

body
{
    background-color: #a2adb4;
    margin: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

a
{
    text-decoration: none;
    font-weight: bold;
    color: #2e2e2e;
}
a:hover
{
    color: #117375;
}

img
{
    border-style: none;
}


/* ----------------------------------------------------------------------------------------------- */
/* Input elements */
/* ----------------------------------------------------------------------------------------------- */

.button
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #ffffff;
    font-weight: normal;
    padding-top: 6px;
    padding-bottom: 7px;
    padding-left: 10px;
    padding-right: 10px;
    margin-left: 10px;
    margin-right: 10px;
    text-align: center;
}

.button:hover {
    cursor: pointer;
}

.button a
{
    color: #ffffff;
    text-decoration: none;
    font-weight: normal;
}

.button.teal
{
    background-color: #008b86;
    border: 1px solid #99d1cf;
    cursor: pointer;
}
.button.teal a:hover
{
    color: #2f3834;
}

a.button.teal:hover
{
    color: #ffffff
}

.button.orange
{
    background-color: #ff7826;
    border: 1px solid #ffc478;
}
.button.orange a:hover
{
    color: #4b5651;
}

.button.red
{
    background-color: #eb2a2d;
    border: 1px solid #ffffff;
}
.button.red a:hover
{
    color: #2f3834;
}

.button.grey
{
    background-color: #DBDDDF;
    border: 1px solid #999999;
}
.button.grey a, a.button.grey
{
    color: #272727;
}
.button.grey a:hover, a:hover.button.grey
{
    color: #117375;
}

.button.cancel
{
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 0;
    display: inline-block; /* allows text-decoration: underline to work */
    color: #2e2e2e;
    border: none;
    text-decoration: underline;
    background-color: Transparent;
    cursor: pointer;
}

.button-set
{
    text-align: right;
    margin: 15px 0 15px 0;
}

.button-set-center
{
    text-align: center;
    margin: 15px auto 15px auto;
}

.button-set-left
{
    text-align: left;
    margin: 15px 0 15px 0;
}

.textbox
{
    border: 1 solid #595959;
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #464646;
}

.textbox.watermark
{
    color: #969696;
    text-transform: lowercase;
    font-size: 11px;
}

.dropdown
{
    font-size: 11px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #464646;
}

/* ----------------------------------------------------------------------------------------------- */
/* Typography */
/* ----------------------------------------------------------------------------------------------- */

h1, h2, h3
{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #00a4ae;
    font-weight: bold;
}

h1
{
    font-size: xx-large;
}
h2
{
    font-size: x-large;
}

h3
{
    font-size: 16px;
}

.shindigg
{
}

.text-page .shindigg
{
    color: #e06419;
}

/* ----------------------------------------------------------------------------------------------- */
/* Tables */
/* ----------------------------------------------------------------------------------------------- */

.info-table
{
    text-align: left;
}

.info-table .heading
{
    color: #535353;
    font-weight: bold;
    padding-right: 5px;
    text-align: right;
    vertical-align: top;
    width: 20%;
}

.italic 
{
    font-size: 9;
    font-style: italic;
    font-weight: normal;    
}

.info-table .detail
{
    color: #6f7e87;
    line-height: 15px;
    padding-left: 5px;
    vertical-align: top;
}

.info-table .section
{
    background-color: #bec5ca;
    color: #535353;
    font-weight: bold;
    padding-right: 5px;
    height: 16px;
    padding: 5px 5px 5px 5px;
}

.info-table .hilight
{
    background-color: Yellow;
}

/* ----------------------------------------------------------------------------------------------- */
/* Content boxes */
/* ----------------------------------------------------------------------------------------------- */

.box .content
{
    width: auto;
    text-align: left;
    padding: 10px;
}

.box.grey
{
    width: 250px;
    height: 257px;
    background-image: url(images/box-square-grey-blank.png);
    background-repeat: no-repeat;
    text-align: left;
    border: none;
}

.box.grey .header
{
    padding-top: 22px;
    padding-left: 10px;
    padding-bottom: 8px;
}

.box.grey .content
{
    width: 230px;
    color: #615a56;
}

/* ----------------------------------------------------------------------------------------------- */
/* Grid */
/* ----------------------------------------------------------------------------------------------- */

.grid2
{
    border: none;
    width: 100%;
}

.grid2 .heading, .grid2 .row, .grid2 td, .grid2 th
{
    border: solid 1px #bec5ca;
    border-collapse: collapse;
}

.grid2 .empty td
{
    border: none;
}



/* ----------------------------------------------------------------------------------------------- */
/* Display messages */
/* ----------------------------------------------------------------------------------------------- */

.user-message-wrapper
{
    background-color: #DBDDDF;
    border: solid 1px #999999;
    width: 80%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin: 20px auto 20px auto;
}

.user-message-wrapper ul
{
    list-style-type: none;
}

.user-message-wrapper a:link
{
    text-decoration: none;
    color: #e06419;
    font-weight: bold;
}
.user-message-wrapper a:visited
{
    text-decoration: none;
    color: #e06419;
    font-weight: bold;
}
.user-message-wrapper a:hover
{
    color: #117375;
    text-decoration: none;
    font-weight: bold;
}
.user-message-wrapper a:active
{
    color: #e06419;
    text-decoration: none;
    font-weight: bold;
}

.user-message-wrapper .info
{
}

.user-message-wrapper .warning
{
    color: blue;
    font-weight: bold;
}


.user-message-wrapper .error
{
    color: Red;
    font-weight: bold;
}

.user-message-wrapper .success
{
    color: #008b86;
}

/* This is basically user-message-wrapper + error. 
    Needs to be it's own class for the ValidationSummary control */
.validation-error
{
    background-color: #DBDDDF;
    border: solid 1px #999999;
    width: 80%;
    text-align: center;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin: 20px auto 20px auto;
    color: Red;
    font-weight: bold;
}

/* This is basically user-message-wrapper + error. 
    Needs to be it's own class for the ASP .NET MVC ValidationSummary control */
.validation-summary-errors
{
    background-color: #DBDDDF;
    border: solid 1px #999999;
    width: 80%;
    text-align: left;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin: 20px auto 20px auto;
    color: Red;
    font-weight: bold;
}

/* ----------------------------------------------------------------------------------------------- */
/* Modals and Popups */
/* ----------------------------------------------------------------------------------------------- */

.modal-background
{
    height: 100%;
    width: 100%;
    background-color: gray;
    filter: alpha(opacity=60);
    opacity: 0.6;
    mozopacity: 0.6;
}

.modal-background-fullscreen
{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: gray;
    filter: alpha(opacity=60);
    mozopacity: 0.6;
    opacity: 0.6;
    padding: 0px;
    margin: 0px;
}

.update-progress-dialog
{
    text-align: center;
    position: absolute;
    width: 220px;
    height: 60px;
    top: 40%;
    left: 50%;
    margin-top: -30px;
    margin-left: -110px;
    padding: 15px;
    background: white;
}

.update-progress-dialog table
{
    margin: 0px auto;
    height: 100%;
    vertical-align: middle;
}

.modal-popup
{
    text-align: center;
    background-color: #DBDDDF;
    border: solid 1px #999999;
    width: 450px;
    margin-top: 20px;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin: 0px auto;
}

.modal-popup a:link
{
    text-decoration: none;
    color: #e06419;
    font-weight: bold;
}
.modal-popup a:visited
{
    text-decoration: none;
    color: #e06419;
    font-weight: bold;
}
.modal-popup a:hover
{
    color: #117375;
    text-decoration: none;
    font-weight: bold;
}
.modal-popup a:active
{
    color: #e06419;
    text-decoration: none;
    font-weight: bold;
}

.modal-popup-content
{
    text-align: center;
    background-color: #DBDDDF;
    border: solid 1px #999999;
    width: 850px;
    height: 90%;
    padding: 20px 20px 20px 20px;
    position: relative;
    margin: 0px auto;
}

.modal-popup-content .content
{
    width: 95%;
    height: 85%;
    min-height: 85%;
    overflow: auto;
    background-color: #ffffff;
    text-align: left;
    padding: 10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Master Page */
/* ----------------------------------------------------------------------------------------------- */

#container
{
    width: 958px;
    padding: 0px 8px;
    margin: 0px auto;
    height: 100%;
    display: inline-block;
    display: block;
    background-image: url('/Assets/Images/canvas-bg.png');
    background-repeat: repeat-y;
}

#container:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

#canvas
{
    float: left;
    display: block;
    width: 958px;
    margin: 0px auto;
    background: #ffffff;
    padding-bottom: 4px;
}

#canvas-content
{
    margin: 0px auto;
    width: 950px;
}

#canvas-bottom
{
    width: 974px;
    margin: 0px auto;
    display: inline-block;
    display: block;
    clear: both;
    height: 14px;
}

#canvas-bottom-repeat
{
    min-height: 20px;
    float: left;
    background-image: url('/Assets/Images/canvas-bottom-repeat.png');
    background-repeat: repeat-x;
    width: 958px;
}

#header
{
    border-top: solid 3px #4B5651;
    display: block;
    background-image: url('Images/header-bg.png');
    width: 950px;
    min-height: 130px;
    height: 130px;
}

#header-content
{
    width: 710px;
    float: left;
    min-height: 60px;
    height: 60px;
    color: #ffffff;
    font-size: 12px;
    text-align: right;
}

#header-content a
{
    text-decoration: none;
    color: #ffc59a;
    font-weight: normal;
}
#header-content a:hover
{
    color: #564a44;
}

#header-content table
{
    width: 100%;
}

#header-content table td
{
    padding-top: 7px;
}

#logo
{
    float: left;
    width: 225px;
    min-width: 225px;
    height: 100px;
    min-height: 100px;
}

#logo img
{
    margin-top: 30px;
    margin-left: 25px;
}

#logo #logoHousePic
{
    margin: 0px 0px 6px -10px;
    display: none;
}

#header-menu
{
    margin: 0;
    display: block;
    float: left;
    width: 700px;
    text-align: left;
    padding-left: 7px;
    padding-top: 9px;
}

#header-menu .item
{
    width: 175px;
    height: 60px;
    float: left;
}

#header-menu:after
{
    clear: both;
    float: none;
}

#main-content
{
    width: 100%;
    min-height: 450px;
    margin-top: 4px;
    margin-bottom: 4px;
    display: inline-block;
    background: url('Images/main-content-background.png');
}

#footer
{
    clear: both;
    text-align: center;
}

#footer-nav
{
    clear: both;
    background-color: #4B5651;
    height: 24px;
    font-size: 12px;
    padding-top: 8px;
    text-transform: lowercase;
}

#footer-nav a
{
    text-decoration: none;
    font-weight: normal;
    color: #ffffff;
}
#footer-nav a:hover
{
    color: #45cfd7;
}

#footer-content
{
    background-color: #DBDDDF;
    font-size: 11px;
    color: #615a56;
    line-height: 16px;
    padding-top: 10px;
    padding-bottom: 22px;
    margin-top: 4px;
}

#footer-content a
{
    text-decoration: none;
    font-weight: normal;
    color: #4d7180;
}
#footer-content a:hover
{
    color: #c59c4c;
}

/* ----------------------------------------------------------------------------------------------- */
/* General Layout */
/* ----------------------------------------------------------------------------------------------- */

.clearfix:after
{
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}
/* slightly enhanced, universal clearfix hack */
.clearfix
{
    display: inline-block;
}
/* start commented backslash hack \*/* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* close commented backslash hack */

.general-page
{
    padding: 25px;
    margin: 0px auto;
}

.minimal-content-page
{
    margin: 40px;
    font-size: 12pt;
}

.minimal-content-page .textbox
{
    font-size: 12pt;
}

.text-page
{
    text-align: justify;
    color: #535353;
    font-size: 14px;
    padding: 25px;
    line-height: 18px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Other Layout */
/* ----------------------------------------------------------------------------------------------- */

.left-column
{
    width: 650px;
    float: left;
    text-align: left;
    padding: 10px 10px 30px 10px;
}

.right-column
{
    width: 250px;
    float: right;
    text-align: left;
    padding: 10px 10px 30px 10px;
}

.extend
{
    width: 100%;
}

.center
{
    text-align: center;
    margin: 0px auto;
}

.horizontal-spacer
{
    clear: both;
    min-height: 25px;
    height: 25px;
}

.vertical-spacer
{
    width: 27px;
    min-width: 27px;
    display: inline-block;
    float: left;
}

.empty-line
{
    clear: both;
    min-height: 5px;
    height: 5px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Specific Controls */
/* ----------------------------------------------------------------------------------------------- */

.box.grey.login .content
{
    text-align: right;
    line-height: 23px;
}

.box.grey.popular-events .content
{
    line-height: 14px;
}

.box.grey.popular-events .content .item
{
    margin-bottom: 10px;
    width: 220px;
    max-width: 220px;
    overflow: hidden;
    word-wrap: break-word;
}

.box.grey.popular-events .content .item img
{
    float: left;
    vertical-align: middle;
}

.box.grey.popular-events .content .item .text-party-name
{
}

.box.grey.popular-events .content .item .text-date
{
    font-style: italic;
    font-weight: normal;
}

/* ----------------------------------------------------------------------------------------------- */
/* Specific sections */
/* ----------------------------------------------------------------------------------------------- */

.confirmation-sharing-tools {
    margin-top: 40px;
    min-height: 150px;
}

.ticket-holder-info input[type='text'] {
    width: 200px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Specific pages */
/* ----------------------------------------------------------------------------------------------- */

/* Default.aspx */

#default_aspx
{
    margin: 15px auto;
    width: 910px;
    height: 540px;
}

#default_aspx #login-wrapper
{
    float: left;
}

#default_aspx .box.hilight
{
    width: 633px;
    height: 257px;
    background-image: url(images/home-highlight.jpg);
    background-repeat: no-repeat;
    float: left;
}

#default_aspx .box.hilight .wrapper
{
    padding: 48px 20px 0 388px;
}

#default_aspx .box.hilight .wrapper p
{
    font-size: 9pt;
    color: #FFFFFF;
    line-height: 16px;
    text-align: justify;
}

#default_aspx .box.grey.login.vw-logged-in .content
{
    line-height: 18px;
    font-size: 10pt;
    text-align: left;
}

#default_aspx .box.grey.popular-events
{
    float: left;
}

#default_aspx .box.getting-started
{
    width: 633px;
    height: 83px;
    background-image: url(images/box-rect-dkgrey-blank.png);
    background-repeat: no-repeat;
    float: left;
    display: inline-block;
}

#default_aspx .box.getting-started .header
{
    width: 142px;
    height: 33px;
    float: left;
}

#default_aspx .box.getting-started .header img
{
    margin-top: 50px;
    margin-left: 15px;
}

#default_aspx .box.getting-started .content
{
    color: #615a56;
    font-size: 10pt;
    font-weight: normal;
    line-height: 20px;
    padding-top: 20px;
    padding-left: 160px;
    padding-right: 14px;
}

#default_aspx .box.check-this-out
{
    width: 249px;
    height: 149px;
    background-image: url(images/check-this-out-bg-blank.png);
    background-repeat: no-repeat;
    float: left;
}

#default_aspx .box.check-this-out .header
{
    padding-top: 17px;
    padding-left: 15px;
    padding-right: 14px;
}

#default_aspx .box.check-this-out .content
{
    color: #FFFFFF;
    font-weight: normal;
    padding-top: 20px;
    padding-left: 15px;
    padding-right: 14px;
}

#default_aspx .box.check-this-out a
{
    text-decoration: none;
    color: #117375;
    font-weight: bold;
}
#default_aspx .box.check-this-out a:hover, .box.check-this-out a:active
{
    color: #2e2e2e;
}

#default_aspx .box.pics
{
    float: left;
}

#default_aspx .box.pics .content
{
    float: left;
    padding: 0;
}

#default_aspx .box.pics .header
{
    float: left;
}


.wizard-step
{
    display: block;
}

.wizard 
{
    margin: 15px auto;
    display: block;
    width: 650px; 
    font-size: 10pt;
    font-weight: normal;  
}

.display-field
{
    font-weight: bold;
}
.active-wizard-step
{
    font-weight: bold;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}

.paypalbutton {
    background: url('https://www.paypal.com/en_US/i/btn/btn_xpressCheckout.gif') no-repeat top;
    width: 145px;
    height: 42px;
    border: 0px;
    margin: 5px;
    cursor: pointer;
}

/* ----------------------------------------------------------------------------------------------- */
/* Edit Event */
/* ----------------------------------------------------------------------------------------------- */
.width250
{
    width: 250px;
}


/* ----------------------------------------------------------------------------------------------- */
/* LocationSelector  */
/* ----------------------------------------------------------------------------------------------- */

.location-info input
{
    width: 250px;
}
.location-info .info-table .heading
{
    background-color: transparent;
    font-weight: normal;
    text-align: left;
    width: 25%;
}


/* ----------------------------------------------------------------------------------------------- */
/* EventEditOptions  */
/* ----------------------------------------------------------------------------------------------- */

.event-options
{
    width: 500px;
    color: #535353;
    padding-left: 20px;
}
.event-options hr
{
    width: 300px;
    margin-top: 20px;
}

.event-options .option > div
{
    padding-bottom: 5px;
}

.event-options .button-set-right
{
    text-align: right;
    margin: 15px 0 15px 0;
}

.event-options div.organizer label
{
    width:200px;text-align:right;display:inline-block;
}
.event-options div.organizer input
{
    width:170px;margin-left:10px;
}

/* ----------------------------------------------------------------------------------------------- */
/* ManageCoupons  */
/* ----------------------------------------------------------------------------------------------- */

 .t-grid .t-grid-header .t-header .t-link 
 {
        height: auto !important;
 }
  
 .t-grid .t-grid-header .t-header, .t-grid .t-grid-header .t-last-header 
 { 
    white-space: normal !important;
 }
 .t-grid table 
 {
      table-layout: fixed;
 }
 
/* ----------------------------------------------------------------------------------------------- */
/* Fix grid rendering problem with FF 7.0.1  */
/* ----------------------------------------------------------------------------------------------- */
  
tr.t-grid-edit-row td
{
    text-overflow: clip;
}

/* ----------------------------------------------------------------------------------------------- */
/* Watermark for inputs  */
/* ----------------------------------------------------------------------------------------------- */
  
.watermark
{
   color:#555;
   font-style: italic;
}


/* ----------------------------------------------------------------------------------------------- */
/* Error Message  */
/* ----------------------------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------------------------- */
/* MyTickets  */
/* ----------------------------------------------------------------------------------------------- */
.info-wrapper {
  clear: both;
  overflow: hidden;
  width: 680px;
  margin: 10px auto;
}

.info-wrapper .row
{
    width: 680px;
    float: left;
    text-align: left;
    padding: 5px;
}

.info-wrapper .left
{
    width: 350px;
    float: left;
    text-align: left;
}

.info-wrapper .right
{
    width: 250px;
    float: right;
    text-align: left;
}

.info-wrapper .col1
{
    width: 150px;
    float: left;
    text-align: right;
    margin: 0 10px 0 0;
}

.info-wrapper .col2
{
    width: 210px;
    float: left;
    text-align: left;
}

.info-wrapper .col3 {
    width: 300;
    float: left;
}

.info-wrapper .col4 {
    width: 300;
    float: left;
}

/* ----------------------------------------------------------------------------------------------- */
/* TicketTypes Display  */
/* ----------------------------------------------------------------------------------------------- */
.checkedIn
{
    font-style: italic !important;
}
.ticket-type-1
{
    background-color: #90EE90 !important;
}
.ticket-type-2
{
    background-color: #F3E2A9 !important;
}


/* ----------------------------------------------------------------------------------------------- */
/* To move over to new style  */
/* ----------------------------------------------------------------------------------------------- */

.field-description {
    font-weight: normal;
    font-style: italic;
    font-size: 12px;
    vertical-align: middle;
}

.tool-tip {
    cursor: pointer;
    vertical-align: middle;
}

.description {
  margin-bottom: 20px;
}

/* to be moved to .less specific page section - Setup Donations */ 
textarea {
    width: 350px;
}

#donation-view {
    display: none;
    margin-top: 20px;
}

.donation-message-input-wrapper {
    margin-bottom: 30px;
}

.button-link 
{
    font-weight: bold;
	cursor: pointer;
    background-color: transparent;
    border: 0;
    color: #008b86;
	text-decoration: underline;
}