A:link
{
    text-decoration: none;
    color: #4A75CE;
}

A:visited
{
    text-decoration: none;
    color: #4A75CE;
}

A:hover
{
    text-decoration: none;
}

@media only screen and (max-device-width: 480px)
{
    .navigation
    {
        display: none;
    }
}

html, body
{
    text-align: left;
    margin: 0 auto;
    background: #FFFFFF;
    background-image: url('../images/bg/MainBg.gif');
    z-index: -1;
}

@font-face
{
    font-family: OpenSansRegular;
    src: url('../fonts/OpenSans-Regular.ttf'), url('../fonts/OpenSans-Regular-webfont.eot'), url('../fonts/OpenSans-Regular-webfont.woff'), url('../fonts/OpenSans-Regular-webfont.svg');
}

@font-face
{
    font-family: OpenSansSemibold;
    src: url('../fonts/OpenSans-Semibold.ttf'), url('../fonts/OpenSans-Semibold-webfont.eot'), url('../fonts/OpenSans-Semibold-webfont.woff'), url('../fonts/OpenSans-Semibold-webfont.svg');
}

@font-face
{
    font-family: OpenSansSemiboldItalic;
    src: url('../fonts/OpenSans-SemiboldItalic.ttf'), url('../fonts/OpenSans-SemiboldItalic-webfont.eot'), url('../fonts/OpenSans-SemiboldItalic-webfont.woff'), url('../fonts/OpenSans-SemiboldItalic-webfont.svg');
}

@font-face
{
    font-family: OpenSansSemiboldLight;
    src: url('../fonts/OpenSans-Light.ttf'), url('../fonts/OpenSans-Light-webfont.eot'), url('../fonts/OpenSans-Light-webfont.woff'), url('../fonts/OpenSans-Light-webfont.svg');
}

@font-face
{
    font-family: OpenSansBold;
    src: url('../fonts/OpenSans-Bold.ttf'), url('../fonts/OpenSans-Bold-webfont.eot'), url('../fonts/OpenSans-Bold-webfont.woff'), url('../fonts/OpenSans-Bold-webfont.svg');
}

@font-face
{
    font-family: OpenSansItalic;
    src: url('../fonts/OpenSans-Italic.ttf'), url('../fonts/OpenSans-Italic-webfont.eot'), url('../fonts/OpenSans-Italic-webfont.woff'), url('../fonts/OpenSans-Italic-webfont.svg');
}

input
{
    outline-width: 0;
}

.DivMasterFrame
{
    text-align: left;
    margin: 0 auto; /* align for good browsers */
    width: 100%;
}

.DivEmptyTopFrame
{
    height: 20px;
}

.DivTopFrame
{
    width: 100%;

}

.DivInfoFrame
{
    width: 100%;
}

font
{
    font-family: "lucida grande" , tahoma, arial, sans-serif;
    font-size: 9pt;
    color: #4B4B4B;
}

td
{
    font-family: OpenSansRegular, Tahoma;
    font-size: 15px;
    color: #4B4B4B;
}

.FunctionNameLink
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 18px;
}

.InfoText
{
    font-family: OpenSansRegular, Tahoma;
    font-size: 18px;
    color: #2a2a2a;
}

.InfoTextBold
{
    font-family: OpenSansBold, Tahoma;
    font-size: 18px;
    color: #2a2a2a;
}

.InfoTextItalic
{
    font-family: OpenSansItalic, Tahoma;
    font-size: 18px;
    color: #2a2a2a;
    font-style:italic;
}

.PageHeader
{
    font-family: OpenSansBold, Sans-Serif;
    font-size: 21px;
    color: #4B4B4B;
}

.HeaderAssociationName
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 21px;
    color: #FFFFFF;
}

.BookingListHeader
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 21px;
    color: #4B4B4B;
}

.BookingListDate
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 18px;
    color: #4B4B4B;
}

.HeaderCommune
{
    font-family: OpenSansRegular, Sans-Serif;
    font-size: 14px;
    text-transform: uppercase;
    color: #FFFFFF;
}

.PageHeaderWhite
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 18px;
    color: #FFFFFF;
}

.CommonLabel
{
    font-family: OpenSansSemibold, Tahoma;
    font-size: 20px;
    color: #202020;
}

.TextBoxCommon
{
    background-color: #FFFFFF;
    font-family: OpenSansRegular, Tahoma;
    font-size: 18px;
    border: 1px solid #323232;
    color: #000000;
    font-weight: bold;
    height: 30px;
}

.TextArea
{
    background-color: #FFFFFF;
    font-family: OpenSansRegular, Tahoma;
    font-size: 11px;
    border: 1px solid #737373;
    color: #000000;
    font-weight: bold;
}

img
{
    border: 0px;
    display: block;
}

textarea
{
    background-color: #FFFFFF;
    font-family: "lucida grande" , tahoma, arial, sans-serif;
    font-size: 12px;
    border: 1px solid Black;
    color: #000000;
}
hr
{
    height: 1px;
    color: #000000;
}

.CheckBox
{
    border: 0px solid white;
    background: #B4B4B4;
    width: 26px;
    height: 26px;
}

.LoginButton
{
    border: 1px;
    background-position: bottom right;
    background-repeat: no-repeat;
    background-color: #FFFFFF;
    height: 18px;
    width: 70px;
    background-image: url(../images/buttons/LogIn.gif);
}

.MainMenuItem
{
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    color: #2A2A2A;
    font-size: 18px;
}

.MainMenuDivider
{
    background: #AAAAAA;
}



a.MainMenuItem:link
{
    color: #FFFFFF;
}

a.MainMenuItem:hover
{
    color: #FFFFFF;
    text-decoration: none;
}

a.MainMenuItem:visited
{
    color: #FFFFFF;
    text-decoration: none;
}



.SmallAssociationName
{
    font-family: "lucida grande" , tahoma, arial, sans-serif;
    font-size: 10px;
    text-transform: uppercase;
    color: #4B4B4B;
}



.CalendarDayHeaderSmall
{
    background-image: url('../images/bg/CalendarDayHeaderSmall.gif');
}

.CalendarDayHeaderToday
{
    background-image: url('../images/bg/CalendarDayHeaderToday.gif');
}

.CalendarDayHeaderTodaySmall
{
    background-image: url('../images/bg/CalendarDayHeaderTodaySmall.gif');
}

.CalenderFree
{
    background: #F4F4F4;
    border: 1px solid #D5D4D4;
}

.CalenderBookingUnavailable
{
    background-image: url('../images/bg/BookingUnavailable.gif');
}

.CalenderExpired
{
    background-image: url('../images/bg/BookingExpired.gif');
}


.CalenderFreeFocus
{
    background-image: url('../images/bg/BookingFreeFocus.gif');
}

.CalenderOccupied
{
    background-image: url('../images/bg/BookingOccupied.gif');
}

.CalenderOccupiedMultipleStart
{
    background-image: url('../images/bg/BookingOccupiedMultipleStart.gif');
}

.CalenderOccupiedMultipleStartFocus
{
    background-image: url('../images/bg/BookingOccupiedMultipleStartFocus.gif');
}

.CalenderOccupiedMultipleStartExpired
{
    background-image: url('../images/bg/BookingOccupiedMultipleStartExpired.gif');
}

.CalenderOccupiedMultipleMiddle
{
    background-image: url('../images/bg/BookingOccupiedMultipleMiddle.gif');
}

.CalenderOccupiedMultipleMiddleFocus
{
    background-image: url('../images/bg/BookingOccupiedMultipleMiddleFocus.gif');
}

.CalenderOccupiedMultipleMiddleExpired
{
    background-image: url('../images/bg/BookingOccupiedMultipleMiddleExpired.gif');
}

.CalenderOccupiedMultipleEnd
{
    background-image: url('../images/bg/BookingOccupiedMultipleEnd.gif');
}

.CalenderOccupiedMultipleEndFocus
{
    background-image: url('../images/bg/BookingOccupiedMultipleEndFocus.gif');
}

.CalenderOccupiedMultipleEndExpired
{
    background-image: url('../images/bg/BookingOccupiedMultipleEndExpired.gif');
}

.CalenderOccupiedFocus
{
    background-image: url('../images/bg/BookingOccupiedFocus.gif');
}

.CalenderOccupiedExpired
{
    background-image: url('../images/bg/BookingOccupiedExpired.gif');
}

.CalenderBookedByMe
{
    /*background-image: url('../images/bg/BookingByMe.gif'); */
    background: #7686F9;
}

.CalenderBookedByMeFocus
{
    background-image: url('../images/bg/BookingByMeFocus.gif');
}

.CalenderBookedByMeExpired
{
    background-image: url('../images/bg/BookingByMeExpired.gif');
}

.CalenderBookedByMeMultipleStart
{
    background-image: url('../images/bg/BookingByMeMultipleStart.gif');
}

.CalenderBookedByMeMultipleStartExpired
{
    background-image: url('../images/bg/BookingByMeMultipleStartExpired.gif');
}

.CalenderBookedByMeMultipleStartFocus
{
    background-image: url('../images/bg/BookingByMeMultipleStartFocus.gif');
}

.CalenderBookedByMeMultipleMiddle
{
    background-image: url('../images/bg/BookingByMeMultipleMiddle.gif');
}

.CalenderBookedByMeMultipleMiddleExpired
{
    background-image: url('../images/bg/BookingByMeMultipleMiddleExpired.gif');
}

.CalenderBookedByMeMultipleMiddleFocus
{
    background-image: url('../images/bg/BookingByMeMultipleMiddleFocus.gif');
}

.CalenderBookedByMeMultipleEnd
{
    background-image: url('../images/bg/BookingByMeMultipleEnd.gif');
}

.CalenderBookedByMeMultipleEndExpired
{
    background-image: url('../images/bg/BookingByMeMultipleEndExpired.gif');
}

.CalenderBookedByMeMultipleEndFocus
{
    background-image: url('../images/bg/BookingByMeMultipleEndFocus.gif');
}

.CalenderBookingSmallFree
{
    background-image: url('../images/bg/BookingSmallFree.gif');
}

.CalenderSmallBookingFreeFocus
{
    background-image: url('../images/bg/SmallBookingFreeFocus.gif');
}

.CalenderBookingSmallSelected
{
    background-image: url('../images/bg/CalenderBookingSmallSelected.gif');
}

.CalenderSmallBookingDaynameHeader
{
    background-image: url('../images/bg/SmallBookingDaynameHeader.gif');
}

.CalenderBookingNotFree
{
    background:#F4F4F4;
}

.CalendarDateHeader
{
    font-family: OpenSansBold , tahoma, arial, sans-serif;
    color: #4b4b4b;
    background: #efefef;
    font-size: 18px;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
}

.CalendarDateHeaderToday
{
    font-family: OpenSansBold , tahoma, arial, sans-serif;
    color: #FFFFFF;
    background: #a3a3a3;
    font-size: 18px;
    border-top: 1px solid #CACACA;
    border-bottom: 1px solid #CACACA;
}

.CalendarDayHeader
{
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    color: #FFFFFF;
    font-size: 18px;
    text-transform: lowercase;

}

.CalendarBookingTime
{
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 18px;
}

.ErrorText
{
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-weight: bold;
    font-size: 20px;
    color: Red;
    line-height: 22px;
}

.FadeBooking
{
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    opacity: 0.4;
}


.DropDown
{
    font-family: "lucida grande" , tahoma, arial, sans-serif;
    font-size: 9pt;
    padding-top: 4px;
    padding-bottom: 4px;
    height: 30px;
    background-color: #FFFFFF;
    color: #000000;
}

.DropDownFunctions
{
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 18px;
    height: 50px;
    text-indent:12px;
    padding-left:12px;
    border: 1px solid #727272;
    background-color: #FFFFFF;
    
    color: #000000;
    
}

.CommonButton
{
    background-color: #CCCCCC;
    font-family: "lucida grande" , tahoma, arial, sans-serif;
    font-size: 11px;
    letter-spacing: 1.1px;
    color: #333333;
    height: 30px;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
}

.ButtonYes
{
    background-color: #666666;
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 15px;
    letter-spacing: 1.1px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #CCCCCC;
    border-left: solid 1px #CCCCCC;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
}

.ButtonDelete
{
    border: 1px solid #B4B4B4;
    background-repeat: no-repeat;
    background-color: #CC0000;
    font-family: "lucida grande" , tahoma, arial, sans-serif;
    font-size: 11px;
    letter-spacing: 1.1px;
    color: #FFFFFF;
    height: 30px;
}

.TableCellButtonYes
{
    background-color: #666666;
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 21px;
    letter-spacing: 1.1px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #333333;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    text-align: center;
    border-radius: 15px; /* Standard */
    -o-border-radius: 15px; /* Opera 10.x */
    -moz-border-radius: 15px; /* Mozilla/Firefox */
    -icab-border-radius: 15px; /* iCab */
    -khtml-border-radius: 15px; /* KHTML/Konqueror */
    -webkit-border-radius: 15px; /* Webkit/Safari/Chrome/etcetera */

}

.TableCellButtonCancel
{
    background-color: #CCCCCC;
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 20px;
    letter-spacing: 1.1px;
    color: #333333;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    text-align: center;
        border-radius: 15px; /* Standard */
    -o-border-radius: 15px; /* Opera 10.x */
    -moz-border-radius: 15px; /* Mozilla/Firefox */
    -icab-border-radius: 15px; /* iCab */
    -khtml-border-radius: 15px; /* KHTML/Konqueror */
    -webkit-border-radius: 15px; /* Webkit/Safari/Chrome/etcetera */
}

.TableCellButtonCommon
{
    background-color: #CCCCCC;
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 20px;
    letter-spacing: 1.1px;
    color: #333333;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #999999;
    border-left: solid 1px #999999;
    border-right: solid 1px #999999;
    border-bottom: solid 1px #999999;
    text-align: center;
        border-radius: 15px; /* Standard */
    -o-border-radius: 15px; /* Opera 10.x */
    -moz-border-radius: 15px; /* Mozilla/Firefox */
    -icab-border-radius: 15px; /* iCab */
    -khtml-border-radius: 15px; /* KHTML/Konqueror */
    -webkit-border-radius: 15px; /* Webkit/Safari/Chrome/etcetera */
}

.TableCellButtonDelete
{
    background-color: #CC0000;
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 20px;
    letter-spacing: 1.1px;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
    border-top: solid 1px #333333;
    border-left: solid 1px #333333;
    border-right: solid 1px #333333;
    border-bottom: solid 1px #333333;
    text-align: center;
        border-radius: 15px; /* Standard */
    -o-border-radius: 15px; /* Opera 10.x */
    -moz-border-radius: 15px; /* Mozilla/Firefox */
    -icab-border-radius: 15px; /* iCab */
    -khtml-border-radius: 15px; /* KHTML/Konqueror */
    -webkit-border-radius: 15px; /* Webkit/Safari/Chrome/etcetera */
}

.NewBooking
{
    background-color: #666666;
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    padding-top: 15px;
    padding-bottom: 15px;
    text-align: left;
}

.MyEvents
{
    background-color: #999999;
    font-family: OpenSansSemibold , tahoma, arial, sans-serif;
    font-size: 20px;
    color: #FFFFFF;
    height:50px;
    text-align: left;
}

.SectionHeaderBooking
{
    color: #666666;
    border-bottom: solid 1px #C1C1C1;
    border-top: solid 1px #C1C1C1;
    height: 20px;
    text-indent: 10px;
    background: #E6E6E6;
}

.TableRowDark
{
    background-color: #F2F2F1;
}

.TableRowHoover
{
    background-color: #CDCDCD;
}

.TableRowLight
{
    background-color: #FFFFFF;
}

.TableLineStandard
{
    background-color: #C1C1C1;
}

.CommonLink
{
    background-image: url(../images/common/LinkMarker.gif);
    background-repeat: no-repeat;
    padding-left: 6pt;
}

.FunctionHeader
{
    font-family: OpenSansBold , tahoma, arial, sans-serif;
    color: #323232;
    font-size: 18px;
}

.FunctionHeaderBig
{
    font-family: OpenSansBold , tahoma, arial, sans-serif;
    color: #323232;
    font-size: 21px;
}

.CommonSectionHeader
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 18px;
    color: #1E1E1E;
}

.CommonHeaderWide
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 20px;
    background:#333333;
    color: #FFFFFF;
    padding-top:10px;
    padding-bottom:10px;
}

.InfoBoxWithBorder
{
    font-family: OpenSansSemibold, Sans-Serif;
    font-size: 20px;
    
    padding-top:10px;
    padding-bottom:10px;
    border: 3px solid #7E7E7E;
}

.FirstColumnPaddingLeft
{
    padding-left: 5px;
}

.CommonLinkDelete
{
    background-image: url(../images/common/LinkMarkerDelete.gif);
    background-repeat: no-repeat;
    padding-left: 6pt;
}

.CommonBackLink
{
    background-image: url(../images/common/LinkBackMarker.gif);
    background-repeat: no-repeat;
    padding-left: 6pt;
}

.CalendarWeekday
{
    font-family: "lucida grande" , tahoma, arial, sans-serif;
    font-size: 10px;
    color: #FFFFFF;
    background-color: #000000;
    text-transform: uppercase;
}

.CalendarLineLight;
{
    background-color: #CDCDCD;
}

.CalendarLeftTopBorder
{
    border-left: solid 1px #B4B4B4;
    border-top: solid 1px #B4B4B4;
}

.CalendarLeftTopRightBorder
{
    border-left: solid 1px #B4B4B4;
    border-top: solid 1px #B4B4B4;
    border-right: solid 1px #B4B4B4;
}

.CalendarLeftTopRightBottomBorder
{
    border-left: solid 1px #B4B4B4;
    border-top: solid 1px #B4B4B4;
    border-right: solid 1px #B4B4B4;
    border-bottom: solid 1px #B4B4B4;
}

.CalendarLeftRightBorder
{
    border-left: solid 1px #B4B4B4;
    border-right: solid 1px #B4B4B4;
}
.CalendarLeftBorder
{
    border-left: solid 1px #B4B4B4;
}

.CalendarLeftBorderThick
{
    border-left: solid 2px #9A9A9A;
}

.CalendarBottomBorder
{
    border-bottom: solid 1px #9A9A9A;
}



.CalendarControlLeftBorder
{
    border-left: solid 1px #CDCDCD;
}

.CalendarStandardBackground
{
    background: #FFFFFF;
}