/******************************************************************************/
/* Generic Styles Start */
/* begin with generic selectors so that they can be overridden if needed by classes deeper in the stylesheet */
/******************************************************************************/
body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, p, blockquote, th, td, hr {
	margin: 0;
    padding: 0;
}

body {
    background-color: #FFFFFF;
    color: #000000;
    font: 77%/1.4em Arial; /* see http://developer.yahoo.com/yui/examples/fonts/fonts-size_source.html for px to % */
}

a {
    color: #0188C8;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1 {
	font-size: 170%;
	color: #007CC4;
}

h2 {
	font-size: 140%;
	color: #007CC4;
}

h3 {
	font-size: 110%;
	color: #000000;
}

h1, h2, h3, h4, h5, h6 {
    font-weight: bold;
}

h1, h2, h3, p, fieldset {
    margin: 1em 0;
}

fieldset {
    padding: 5px;
}

legend {
    padding: 0 5px 4px;
    font-weight: bold;
}

blockquote, dl, ol, ul {
    margin: 1em;
}

dl dd {
    margin-left: 1em;
}

ol, ul {
    margin-left: 2em;
}

ol ol, ul ul {
    margin: 0.2em 2em;
}

ol {
    list-style: decimal outside;
}

ul {
    list-style: disc outside;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
    font-size: inherit;
    font: 100%;
}

th, td {
    padding: 0.4em;
}

th {
    font-weight: bold;
    text-align: center;
}

img {
    border-width: 0;
}

hr {
    height: 0;
    margin: 1em auto;
    border-top: solid 1px #007CC4;
    border-width: 1px 0 0 0;
}
/******************************************************************************/
/* Generic Styles End */
/******************************************************************************/

/******************************************************************************/
/* Layout Styles Start */
/******************************************************************************/
#pageWrapper {
    min-width: 700px; /* used for fluid layouts so that narrow browser widths doesn't squash up content */
    width: 950px; /* fixed layout: width: 760px; */
    margin: 0 auto; /* fixed layout: margin: 25px auto; */
    overflow: hidden;
}

#header {
    position: relative;
    overflow: hidden;
    margin-top: 12px;
    padding-top: 32px;
}

.slogan {
    position: absolute;
    top: 0;
    left: 0;
    color: #0086C6;
    font-size: 16px;
    font-weight: bold;
}

.logo {
    float: left;
    clear: left;
}

#loginBox {
    float: right;
    width: 215px;
    height: 88px;
    margin-top: -28px;
    padding: 5px;
    background-image: url(/Images/LoginBox.jpg);
    color: #FFFFFF;
    font-size: 11px;
    line-height: 20px;
}

#loginBox a {
    color: #009FDD;
}

#loggedInBox {
    float: right;
    width: 215px;
    height: 88px;
    margin-top: -28px;
    padding: 5px;
    background-image: url(/Images/LoggedInBox.jpg);
    color: #FFFFFF;
    font-size: 12px;
    line-height: 20px;
}

#loggedInBox a {
    color: #EB7F00;
}

#loggedInBox .orangeBackgroundText {
    display: inline-block;
    margin-top: 2px;
}

#loggedInBox .orangeBackgroundText a {
    color: #FFFFFF;
}

#loggedInBox ul {
    overflow: auto;
	margin: 0;
	list-style-type: none;
}

#loggedInBox ul li {
	float: left;
}

#topMenu {
    position: relative;
    clear: both;
    margin-top: 88px;
}

#topMenu .blueBox {
    margin: 0;
}

#topMenu .blueBox h1 {
    margin-top: 0;
}

#topMenu .blueBox .content {
    padding-right: 170px;
}

#topMenu .rightImage {
    position: absolute;
    top: 0;
    right: 0;
}

#topMenu h1 {
    color: #37548E;
	font-size: 130%;
}

#topMenu ul {
	margin: 0;
	list-style-type: none;
}

#topMenu ul li {
    padding: 0 5px;
    display: inline;
    border-left: solid 1px #000000;
}

#topMenu ul li:first-child {
    padding-left: 0;
    border-left-width: 0;
}

.breadCrumb {
	clear: both;
    overflow: hidden;
    margin-bottom: 5px;
	padding: 1em 0;
	border-bottom: solid 1px #0188C8;
}

#outerColumnContainer {
    background-color: #FFFFFF;            /* set the background color for the middle column here */
    border-left: solid 220px #FFFFFF;     /* left width + inner left border width | left column background color */
    border-right: solid 220px #FFFFFF;    /* right width + inner right border width | right column background color */
}

#leftColumn, #rightColumn {
    position: relative;    /* fix some rendering issues (note * html #middleContainer fixes ie6 left column alignment issue) */
    overflow: visible;    /* fix for ie italics bug */
}

#middleContainer { /* only needed if page has a rightColumn */
    float: left;
    width: 100%;
    margin: 0;
}

#middleColumn {
    float: right;
    width: 100%;
    margin: 0;
}

#leftColumn {
    float: left;
    width: 220px; /* left width */
    margin-left: -220px; /* -(left width + inner left border width) */
}

#rightColumn {
    float: right;
    width: 220px; /* right width */
    margin-right: -220px; /* -(right width + inner right border width) */
}

#footer .content {
    position: relative;
    overflow: auto;
    margin-top: 1em;
    padding: 10px;
    background: #009FDD url(/Images/FooterBackground.gif) no-repeat top;
    color: #FFFFFF;
	text-align: center;
}

#footer .content a {
    color: #FFFFFF;
}

#footer .content .left {
    position: absolute;
    top: 10px;
    left: 10px;
}

#footer .content .right {
    position: absolute;
    top: 10px;
    right: 10px;
}

#footerAdverts {
    height: 145px;
    margin: 1em auto;
}
/******************************************************************************/
/* Layout Styles End */
/******************************************************************************/

/******************************************************************************/
/* 1 Column Styles Start */
/******************************************************************************/
body.oneColumnLayout #leftColumn, body.oneColumnLayout #rightColumn {
    display: none;
}

body.oneColumnLayout #innerColumnContainer, body.oneColumnLayout #outerColumnContainer {
    border-left-width: 0;
    border-right-width: 0;
}
/******************************************************************************/
/* 1 Column Styles End */
/******************************************************************************/

/******************************************************************************/
/* 2 Column Styles Start */
/******************************************************************************/
body.twoColumnLayout #rightColumn {
    display: none;
}

body.twoColumnLayout #innerColumnContainer, body.twoColumnLayout #outerColumnContainer {
    border-right-width: 0;
}
/******************************************************************************/
/* 2 Column Styles End */
/******************************************************************************/

/******************************************************************************/
/* 2 Column (Reverse) Styles Start */
/******************************************************************************/
body.twoColumnReverseLayout #leftColumn {
    display: none;
}

body.twoColumnReverseLayout #innerColumnContainer, body.twoColumnReverseLayout #outerColumnContainer {
    border-left-width: 0;
}
/******************************************************************************/
/* 2 Column (Reverse) Styles End */
/******************************************************************************/

/******************************************************************************/
/* Hortizontal Styles Start */
/******************************************************************************/
.hnav {
	width: 100%;
	margin: 1em 0;
	padding: 0;
	list-style-type: none;
	border-bottom: solid 1px #0083C1;
    overflow: auto;
}

.hnav li {
	float: left;
	margin: 0 4px 0 0;
}

.hnav a {
	display: block;
	padding: 3px 20px;
	background: url(/Images/TabInActive.gif) repeat-x;
	border-top: solid 2px #BCE0EE;
	border-right: solid 2px #0276A9;
	border-left: solid 2px #BCE0EE;
	color: #FFFFFF;
	text-decoration: none;
}

.hnav a:hover, .hnav li.active a {
	background: url(/Images/TabActive.gif) repeat-x;
	border-top: solid 2px #FECC91;
	border-right: solid 2px #BD6501;
	border-left: solid 2px #FECC91;
}

.hnav li.active a:hover {
	cursor: text;
}
/******************************************************************************/
/* Hortizontal Styles End */
/******************************************************************************/

/******************************************************************************/
/* Icon Styles Start */
/******************************************************************************/
#icons {
    height: 50px;
    margin-bottom: 20px;
}

#icons ul {
    float: right;
    margin: 0;
    list-style-type: none;
}

#icons ul li {
    float: left;
    padding-left: 10px;
}

#icons ul li a {
    display: block;
    height: 1em;
    width: 55px;
    padding: 38px 3px 3px 3px;
    background: center 3px no-repeat;
    border: solid 1px #FFFFFF;
    text-align: center;
    color: #000000;
}

#icons ul li a:hover, a.icon:hover {
    border-top: solid 1px #EFEFEF;
    border-right: solid 1px #CCC9DA;
    border-bottom: solid 1px #CCCCCC;
    border-left: solid 1px #EFEFEF;
    text-decoration: none;
}

#icons ul li.bookings a {
    background-image: url(/Images/Icons/Bookings.gif);
}

#icons ul li.events2 a {
    background-image: url(/Images/Icons/Events.gif);
}

#icons ul li.exportProspects a {
    background-image: url(/Images/Icons/exportProspects.gif);
}

#icons ul li.groups a {
    background-image: url(/Images/Icons/Groups.gif);
}

#icons ul li.hitlist a {
    background-image: url(/Images/Icons/HitList.gif);
}

#icons ul li.importProspects a {
    background-image: url(/Images/Icons/ImportProspects.gif);
}

#icons ul li.manual a {
    background-image: url(/Images/Icons/Manual.gif);
}

#icons ul li.membership a {
    width: 70px;
    background-image: url(/Images/Icons/Users.gif);
}

#icons ul li.newProspect a {
    background-image: url(/Images/Icons/NewProspect.gif);
}

#icons ul li.printAttendance a {
    background-image: url(/Images/Icons/PrintAttendanceSheet.gif);
}

#icons ul li.printMap a {
    background-image: url(/Images/Icons/PrintLatestMap.gif);
}

#icons ul li.printPlaceMarkers a {
    background-image: url(/Images/Icons/PrintPlaceMarkers.gif);
}

#icons ul li.printScript a {
    background-image: url(/Images/Icons/PrintLatestScript.gif);
}

#icons ul li.prospects a {
    background-image: url(/Images/Icons/Prospects.gif);
}

#icons ul li.reports a {
    background-image: url(/Images/Icons/Reports.gif);
}

#icons ul li.users a {
    background-image: url(/Images/Icons/Users.gif);
}

#icons ul li.venues a {
    background-image: url(/Images/Icons/Venues.gif);
}
/******************************************************************************/
/* Icon Styles End */
/******************************************************************************/

/******************************************************************************/
/* Box Styles Start */
/******************************************************************************/
.blueBox, .darkBlueBox, .emptyBlueBox, .emptyBlueBoxNoHeader {
    margin: 1em 0;
}

.blueBox {
    background-color: #CCE8F4;
}

.blueBox .top {
    background: url(/Images/Boxes/BlueTopRight.gif) no-repeat top right;
}

.blueBox .top div {
	height: 10px;
	background: url(/Images/Boxes/BlueTopLeft.gif) no-repeat top left;
}

.blueBox .top a {
    color: #0188C8;
}

.blueBox .header {
    margin-bottom: 10px;
    color: #0087C7;
    font-size: 130%;
    font-weight: bold;
}

.blueBox .content {
    overflow: hidden;
    padding: 0 10px;
}

.blueBox .bottom {
    background: url(/Images/Boxes/BlueBottomRight.gif) no-repeat bottom right;
}

.blueBox .bottom div {
	height: 10px;
	background: url(/Images/Boxes/BlueBottomLeft.gif) no-repeat bottom left;
}

.blue2Box {
    background-color: #019FDE;
}

.blue2Box .top {
    background: url(/Images/Boxes/Blue2TopRight.gif) no-repeat top right;
}

.blue2Box .top div {
	height: 10px;
	background: url(/Images/Boxes/Blue2TopLeft.gif) no-repeat top left;
}

.blue2Box .top a {
    color: #FFFFFF;
}

.blue2Box .header {
    margin-bottom: 10px;
    color: #FFFFFF;
    font-size: 130%;
    font-weight: bold;
}

.blue2Box .content {
    overflow: hidden;
    padding: 0 10px;
    color: #FFFFFF;
}

.blue2Box .bottom {
    background: url(/Images/Boxes/Blue2BottomRight.gif) no-repeat bottom right;
}

.blue2Box .bottom div {
	height: 10px;
	background: url(/Images/Boxes/Blue2BottomLeft.gif) no-repeat bottom left;
}

.darkBlueBox {
    background-color: #37548e;
    color: #FFFFFF;
}

.darkBlueBox .top {
    background: url(/Images/Boxes/DarkBlueTopRight.gif) no-repeat top right;
}

.darkBlueBox .top div {
	height: 10px;
	background: url(/Images/Boxes/DarkBlueTopLeft.gif) no-repeat top left;
}

.darkBlueBox .header {
    margin-bottom: 10px;
    font-size: 130%;
    font-weight: bold;
}

.darkBlueBox .content {
    overflow: hidden;
    padding: 0 10px;
}

.darkBlueBox .bottom {
    background: url(/Images/Boxes/DarkBlueBottomRight.gif) no-repeat bottom right;
}

.darkBlueBox .bottom div {
	height: 10px;
	background: url(/Images/Boxes/DarkBlueBottomLeft.gif) no-repeat bottom left;
}

.emptyBlueBox .top {
    background: url(/Images/Boxes/EmptyBlueTopRight.gif) no-repeat top right;
}

.emptyBlueBox .top div {
	background: url(/Images/Boxes/EmptyBlueTopLeft.gif) no-repeat top left;
}

.emptyBlueBox .top span {
    display: block;
    height: 52px;
    margin: 0 18px;
	background: url(/Images/Boxes/EmptyBlueTopCenter.gif) repeat-x;
    line-height: 43px;
    color: #0087C7;
    font-size: 110%;
    font-weight: bold;
}

.emptyBlueBox .top a {
    color: #0188C8;
}

.emptyBlueBox .content, .emptyBlueBoxNoHeader .content {
    overflow: hidden;
	padding: 0 10px;
    border-left: solid 10px #CCE8F4;
    border-right: solid 10px #CCE8F4;
}

.emptyBlueBox .bottom, .emptyBlueBoxNoHeader .bottom {
    background: url(/Images/Boxes/EmptyBlueBottomRight.gif) no-repeat bottom right;
}

.emptyBlueBox .bottom div, .emptyBlueBoxNoHeader .bottom div {
	background: url(/Images/Boxes/EmptyBlueBottomLeft.gif) no-repeat bottom left;
}

.emptyBlueBox .bottom span, .emptyBlueBoxNoHeader .bottom span {
    display: block;
    height: 8px;
    margin: 0 18px;
    border-bottom: solid 10px #CCE8F4;
}

.emptyBlueBoxNoHeader .top {
    background: url(/Images/Boxes/EmptyBlueNoHeaderTopRight.gif) no-repeat top right;
}

.emptyBlueBoxNoHeader .top div {
	background: url(/Images/Boxes/EmptyBlueNoHeaderTopLeft.gif) no-repeat top left;
}

.emptyBlueBoxNoHeader .top span {
    display: block;
    height: 8px;
    margin: 0 18px;
    border-top: solid 10px #CCE8F4;
}

.emptyBlue2Box .top span strong, .emptyBlue3Box .top span strong, .emptyBlue4Box .top span strong, .emptyDarkBlueBox .top span strong, .emptyOrangeBox .top span strong {
    font-size: 110%;
    font-weight: bold;
}

.emptyBlue2Box .top {
    background: url(/Images/Boxes/EmptyBlue2TopRight.gif) no-repeat top right;
}

.emptyBlue2Box .top div {
    background: url(/Images/Boxes/EmptyBlue2TopLeft.gif) no-repeat top left;
}

.emptyBlue2Box .top span {
    display: block;
    height: 89px;
    margin: 0 20px;
    padding-top: 10px;
    background: url(/Images/Boxes/EmptyBlue2TopCenter.gif) repeat-x;
    color: #FFFFFF;
    text-align: center;
}

.emptyBlue2Box .top a {
    color: #0188C8;
}

.emptyBlue2Box .content, .emptyBlue2BoxNoHeader .content {
    overflow: hidden;
    padding: 0 10px;
    border-left: solid 12px #009FDD;
    border-right: solid 12px #009FDD;
}

.emptyBlue2Box .bottom, .emptyBlue2BoxNoHeader .bottom {
    background: url(/Images/Boxes/EmptyBlue2BottomRight.gif) no-repeat bottom right;
}

.emptyBlue2Box .bottom div, .emptyBlue2BoxNoHeader .bottom div {
    background: url(/Images/Boxes/EmptyBlue2BottomLeft.gif) no-repeat bottom left;
}

.emptyBlue2Box .bottom span, .emptyBlue2BoxNoHeader .bottom span {
    display: block;
    height: 8px;
    margin: 0 20px;
    border-bottom: solid 9px #009FDD;
}

.emptyBlue3Box .top {
    background: url(/Images/Boxes/EmptyBlue3TopRight.gif) no-repeat top right;
}

.emptyBlue3Box .top div {
    background: url(/Images/Boxes/EmptyBlue3TopLeft.gif) no-repeat top left;
}

.emptyBlue3Box .top span {
    display: block;
    height: 89px;
    margin: 0 20px;
    padding-top: 10px;
    background: url(/Images/Boxes/EmptyBlue3TopCenter.gif) repeat-x;
    color: #FFFFFF;
    text-align: center;
}

.emptyBlue3Box .top a {
    color: #0188C8;
}

.emptyBlue3Box .content, .emptyBlue3BoxNoHeader .content {
    overflow: hidden;
    padding: 0 10px;
    border-left: solid 12px #0188C8;
    border-right: solid 12px #0188C8;
}

.emptyBlue3Box .bottom, .emptyBlue3BoxNoHeader .bottom {
    background: url(/Images/Boxes/EmptyBlue3BottomRight.gif) no-repeat bottom right;
}

.emptyBlue3Box .bottom div, .emptyBlue3BoxNoHeader .bottom div {
    background: url(/Images/Boxes/EmptyBlue3BottomLeft.gif) no-repeat bottom left;
}

.emptyBlue3Box .bottom span, .emptyBlue3BoxNoHeader .bottom span {
    display: block;
    height: 8px;
    margin: 0 20px;
    border-bottom: solid 9px #0188C8;
}

.emptyBlue4Box .top {
    background: url(/Images/Boxes/EmptyBlue4TopRight.gif) no-repeat top right;
}

.emptyBlue4Box .top div {
    background: url(/Images/Boxes/EmptyBlue4TopLeft.gif) no-repeat top left;
}

.emptyBlue4Box .top span {
    display: block;
    height: 89px;
    margin: 0 20px;
    padding-top: 10px;
    background: url(/Images/Boxes/EmptyBlue4TopCenter.gif) repeat-x;
    color: #FFFFFF;
    text-align: center;
}

.emptyBlue4Box .top a {
    color: #0188C8;
}

.emptyBlue4Box .content, .emptyBlue4BoxNoHeader .content {
    overflow: hidden;
    padding: 0 10px;
    border-left: solid 12px #0174B5;
    border-right: solid 12px #0174B5;
}

.emptyBlue4Box .bottom, .emptyBlue4BoxNoHeader .bottom {
    background: url(/Images/Boxes/EmptyBlue4BottomRight.gif) no-repeat bottom right;
}

.emptyBlue4Box .bottom div, .emptyBlue4BoxNoHeader .bottom div {
    background: url(/Images/Boxes/EmptyBlue4BottomLeft.gif) no-repeat bottom left;
}

.emptyBlue4Box .bottom span, .emptyBlue4BoxNoHeader .bottom span {
    display: block;
    height: 8px;
    margin: 0 20px;
    border-bottom: solid 9px #0174B5;
}

.emptyDarkBlueBox .top {
    background: url(/Images/Boxes/EmptyDarkBlueTopRight.gif) no-repeat top right;
}

.emptyDarkBlueBox .top div {
    background: url(/Images/Boxes/EmptyDarkBlueTopLeft.gif) no-repeat top left;
}

.emptyDarkBlueBox .top span {
    display: block;
    height: 89px;
    margin: 0 20px;
    padding-top: 10px;
    background: url(/Images/Boxes/EmptyDarkBlueTopCenter.gif) repeat-x;
    color: #FFFFFF;
    text-align: center;
}

.emptyDarkBlueBox .top a {
    color: #0188C8;
}

.emptyDarkBlueBox .content, .emptyDarkBlueBoxNoHeader .content {
    overflow: hidden;
    padding: 0 10px;
    border-left: solid 12px #37548E;
    border-right: solid 12px #37548E;
}

.emptyDarkBlueBox .bottom, .emptyDarkBlueBoxNoHeader .bottom {
    background: url(/Images/Boxes/EmptyDarkBlueBottomRight.gif) no-repeat bottom right;
}

.emptyDarkBlueBox .bottom div, .emptyDarkBlueBoxNoHeader .bottom div {
    background: url(/Images/Boxes/EmptyDarkBlueBottomLeft.gif) no-repeat bottom left;
}

.emptyDarkBlueBox .bottom span, .emptyDarkBlueBoxNoHeader .bottom span {
    display: block;
    height: 8px;
    margin: 0 20px;
    border-bottom: solid 9px #37548E;
}

.emptyOrangeBox .top {
    background: url(/Images/Boxes/EmptyOrangeTopRight.gif) no-repeat top right;
}

.emptyOrangeBox .top div {
    background: url(/Images/Boxes/EmptyOrangeTopLeft.gif) no-repeat top left;
}

.emptyOrangeBox .top span {
    display: block;
    height: 89px;
    margin: 0 20px;
    padding-top: 10px;
    background: url(/Images/Boxes/EmptyOrangeTopCenter.gif) repeat-x;
    color: #FFFFFF;
    text-align: center;
}

.emptyOrangeBox .top a {
    color: #0188C8;
}

.emptyOrangeBox .content, .emptyOrangeBoxNoHeader .content {
    overflow: hidden;
    padding: 0 10px;
    border-left: solid 12px #EC7F00;
    border-right: solid 12px #EC7F00;
}

.emptyOrangeBox .bottom, .emptyOrangeBoxNoHeader .bottom {
    background: url(/Images/Boxes/EmptyOrangeBottomRight.gif) no-repeat bottom right;
}

.emptyOrangeBox .bottom div, .emptyOrangeBoxNoHeader .bottom div {
    background: url(/Images/Boxes/EmptyOrangeBottomLeft.gif) no-repeat bottom left;
}

.emptyOrangeBox .bottom span, .emptyOrangeBoxNoHeader .bottom span {
    display: block;
    height: 8px;
    margin: 0 20px;
    border-bottom: solid 9px #EC7F00;
}
/******************************************************************************/
/* Box Styles End */
/******************************************************************************/

/******************************************************************************/
/* Custom Styles Start */
/******************************************************************************/
.activeButton {
    display: inline-block;
    padding-right: 10px;
    background: url(/Images/Buttons/ActiveButtonRight.png) no-repeat top right;
}

.activeButton span {
    display: inline-block;
    padding: 0 5px 2px 15px;
    line-height: 22px;
    background: url(/Images/Buttons/ActiveButtonLeft.png) no-repeat;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 95%;
    font-weight: bold;
}

.activeButton:hover {
    background-image: url(/Images/Buttons/ActiveButtonHoverRight.png);
    text-decoration: none;
}

.activeButton:hover span {
    background-image: url(/Images/Buttons/ActiveButtonHoverLeft.png);
}

.activeButtonBig {
    display: inline-block;
    padding-right: 10px;
    background: url(/Images/Buttons/ActiveButtonBigRight.png) no-repeat top right;
}

.activeButtonBig span {
    display: inline-block;
    padding: 0 5px 2px 15px;
    line-height: 30px;
    background: url(/Images/Buttons/ActiveButtonBigLeft.png) no-repeat;
    color: #FFFFFF;
    text-transform: uppercase;
    font-size: 110%;
    font-weight: bold;
}

.activeButtonBig:hover {
    background-image: url(/Images/Buttons/ActiveButtonBigHoverRight.png);
    text-decoration: none;
}

.activeButtonBig:hover span {
    background-image: url(/Images/Buttons/ActiveButtonBigHoverLeft.png);
}

.adminBox {
    margin: 1em 0;
    padding: 5px;
    border: solid 2px #000000;
}

.adminBox h3 {
    margin: 0 0 10px 0;
}

.ajax__calendar {
    position: relative;
    z-index: 9999;
}

.announcements {
	float: left;
	width: 250px;
	margin: -32px 10px 0 125px;
	padding: 5px;
	background-color: #FFFFFF;
	border: 2px solid #F5821F;
}

.announcements ul {
    margin: 0;
    list-style: none;
}

.articleBox {
	width: 61px;
	height: 50px;
	margin: 3px auto;
	padding: 15px 4px 0 4px;
	background-color: #007FC4;
	color: #FFFFFF;
	text-align: center;
    font-weight: bold;
    line-height: 18px;
}

.author {
    margin: 1em 0;
    color: #999999;
    font-size: 90%;
}

.banners {
	float: left;
	width: 192px;
	text-align: center;
}

.blueBar {
    margin: 1em 0;
    padding: 5px;
    background-color: #CCECF7;
    border: solid 1px #0083C1;
    border-width: 1px 0;
}

.bookmarks {
    margin: 1em 0;
    border-top: solid 1px #0083C1;
}

.clear {
    overflow: hidden;
}

.clear2 {
    clear: both;
    margin-bottom: -1px; /* fix issue with nn7 */
    padding-bottom: 1px;
}

.close {
    float: right;
    padding: 0 0 5px 5px;
}

.comments {
    margin: 1em 0;
}

.commentsTop {
    height: 40px;
    margin-bottom: 10px;
    background-color: #E9E9E9;
}

.comment {
    margin: 5px 0;
    padding: 5px;
    background-color: #EEEEEE;
    border: solid 1px #DDDDDD;
}

.divide {
    border-top: 3px dotted #007CC4;
}

.error {
    margin: 1em 0;
    padding: 10px;
    background-color: #FFEBE7;
    border: solid 2px #FF0000;
    font-weight: bold;
}

.error p {
    margin: 0;
}

.error ul {
    margin: 0;
    padding-left: 16px;
}

.events {
	float: left;
    margin: -25px 0 0 10px;
	font-size: 90%;
	line-height: 15px;
}

.eventsList {
    background: url(/Images/EventListRightHandBackground.jpg) repeat-y top right;
}

.footerBox {
    float: left;
    width: 212px;
    height: 125px;
    margin: 0;
    padding: 10px;
    color: #FFFFFF;
    font-size: 110%;
    line-height: 20px;
}

.footerBox a {
    color: #F5821F;
    font-weight: bold;
}

.footerBox p {
    margin: 10px 0;
}

.footerBox .header {
    margin-bottom: 5px;
    font-size: 130%;
    font-weight: bold;
}

#footerBox1 {
    margin-right: 7px;
    background-image: url(/Images/FooterBox1.jpg);
}

#footerBox2 {
    margin-right: 7px;
    background-image: url(/Images/FooterBox2.jpg);
}

#footerBox3 {
    margin-right: 7px;
    background-image: url(/Images/FooterBox3.jpg);
}

#footerBox4 {
    background-image: url(/Images/FooterBox4.jpg);
}

.help {
    position: absolute;
    display: none;
    overflow: hidden;
    width: 250px;
    padding: 5px;
    background-color: #FFFFFF;
    border: solid 1px #D0D0D0;
    color: #000000;
    font-size: 12px;
    text-align: left;
    z-index: 2;
}

.helpDesk {
    float: left;
    width: 223px;
	margin-top: -28px;
	text-align: center;
}

.hide {
    display: none;
}

.highLight {
	background-color: #FFFF66;
	color: #003399;
	font-weight: bold;
}

.homeHeaderBox {
    float: left;
    width: 224px;
    height: 251px;
    margin-right: 18px;
    font-size: 12px;
    line-height: 18px;
}

.homeHeaderBox .content {
    height: 118px;
    padding: 0 10px 10px 10px;
}

.homeHeaderBox .button {
    padding: 0 10px;
    text-align: center;
}

.homeHeaderBox p {
    margin: 0.5em 0;
}

#homeHeaderBox1 {
    background: url(/Images/HomeHeaderSmileBottom.jpg) no-repeat bottom center;
}

#homeHeaderBox2 {
    background: url(/Images/HomeHeaderMeetBottom.jpg) no-repeat bottom center;
}

#homeHeaderBox3 {
    background: url(/Images/HomeHeaderChatBottom.jpg) no-repeat bottom center;
}

#homeHeaderBox4 {
    background: url(/Images/HomeHeaderJoinBottom.jpg) no-repeat bottom center;
    margin-right: 0; 
}

.item {
    margin: 5px 0;
    padding: 5px;
    background-color: #EEEEEE;
}

.item2 { /* alternating style */
    margin: 5px 0;
    padding: 5px;
}

.mainBox {
    overflow: hidden;
    margin: 1em 0;
	padding: 10px;
	background-color: #F8F8F9;
	border: 1px solid #0083C1;
}

.mainBox2 {
    overflow: hidden;
    margin: 1em 0;
	padding: 10px;
	background-color: #F5821F;
	border: 1px solid #000000;
	color: #FFFFFF;
}

.modalBackground {
    background-color: #CCCCCC;
    filter: alpha(opacity=60);
    opacity: 0.6;
}

.modalPopup {
    width: 500px;
    padding: 10px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
}

.modalPopupProgress {
    width: 300px;
    height: 100px;
    padding-top: 30px;
    background-color: #FFFFFF;
    border: solid 1px #000000;
    text-align:center;
}

.pageLocation {
    margin: 1em 0;
    text-align: center;
}

.pageNavigation {
    margin: 1em 0;
}

.passportBadge {
    width: 247px;
    height: 105px;
    padding: 30px 20px;
    background-image: url(/Images/PassportBadge.jpg);
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
}

.paymentNotification {
	float: left;
	width: 310px;
	margin: -25px 10px 3px 105px;
}

.paymentNotification a {
    color: #F00F00;
    font-weight: bold;
    text-decoration: underline;
}

.pointer {
    cursor: pointer;
}

.rating {
    margin: 1em 0 5px 0;
}

.response {
    font-weight: bold;
}

.search {
    float: right;
    clear: both;
    margin-top: 10px;
}

.singleBadge {
    width: 246px;
    height: 105px;
    padding: 30px 20px;
    background-image: url(/Images/SingleBadge.jpg);
    text-align: center;
    word-wrap: break-word;
    overflow: hidden;
}

.standardFooterAdvert {
    float: left;
    width: 185px;
    margin-top: 10px;
    padding: 5px;
    word-wrap: break-word; /* ie only */
    overflow: hidden;
}

.standardFooterAdvert h5 {
	color: #007CC4;
	font-size: 120%;
}

.standardFooterAdvert h3 {
    margin: 0;
}

.tagCloud {
    line-height: 40px;
    word-wrap: break-word; /* ie only */
    overflow: hidden;
}

.testimonials {
    display: inline-block;
    width: 24px;
    line-height: 20px;
    background: url(/Images/Testimonials.gif) no-repeat;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
}

.textArea {
    font-family: arial;
}

.wizard td {
    padding: 0;
}

.wizard td td {
    padding: 0.5em;
}

.wordWrap {
    word-wrap: break-word;
    overflow-x: hidden;
}
/******************************************************************************/
/* Custom Styles End */
/******************************************************************************/

/******************************************************************************/
/* User Styles Start */
/*Please duplicate all HTML tag styles to Wysiwyg.css */
/******************************************************************************/
.absmiddle {
    vertical-align: middle;
    margin-bottom: 0.25em;
}

.badgeText {
    font-family: DINMittelschrift;
    font-size: 130%;
    font-style: normal;
    font-weight: bold;
    src: url(/Includes/Fonts/DINMITT0.eot);
}

.bigDarkBlueText {
	color: #37548E;
	font-size: 130%;
}

.bigText {
	font-size: 120%;
	line-height: 18px;
}

.biggerText {
	font-size: 200%;
}

.bigBlueText {
	color: #007CC4;
	font-size: 120%;
}

.bigRedText {
	color: #FF0000;
	font-size: 120%;
}

.blackText {
	color: #000000;
}

.blueHeaderText, .blueHeaderText a {
    padding: 5px;
    background-color: #007CC4;
	color: #FFFFFF;
}

.blueBackgroundText {
    padding: 0 3px;
    background-color: #007CC4;
    font-weight: bold;
}

.blueBackgroundText, .blueBackgroundText a {
    color: #FFFFFF;
}

.blueText, .blueText a {
	color: #007CC4;
}

.darkBlueText, .darkBlueText a {
    color: #323582;
}

.darkRedText {
    color: #CC0000;
}

.first {
    margin-top: 0;
}

.greenText, .greenText a {
    color: #009933;
}

.greenBackgroundText {
    padding: 0 3px;
    background-color: #009933;
    font-weight: bold;
}

.greenBackgroundText, .greenBackgroundText a {
    color: #FFFFFF;
}

.hugeRedText {
	color: #FF0000;
	font-size: 600%;
	line-height: 70px;
}

.imageBorder {
    margin: 2px;
    border: solid 1px #000000;
}

.last {
    margin-bottom: 0;
}

.left {
    float: left;
}

.lightBlueBackgroundText {
    padding: 0 3px;
    background-color: #CCE8F4;
}

.lightBlueBackgroundText, .lightBlueBackgroundText a {
    color: #323582;
}

.orangeText, .orangeText a {
    color: #F5821F;
}

.orangeBackgroundText {
    padding: 0 3px;
    background-color: #F5821F;
    font-weight: bold;
}

.orangeBackgroundText, .orangeBackgroundText a {
    color: #FFFFFF;
}

.redText, .redText a {
    color: #FF0000;
}

.smallText {
    font-size: 8pt;
}

.smallerText {
    font-size: 7pt;
}

.smallRedText, .smallRedText a {
    color: #FF0000;
    font-size: 7pt;
}

.quote {
	margin: 10px;
    padding: 5px;
    background-color: #F8F8F9;
    border: solid 1px #0083C1;
    font-style: italic;
}

.redBox {
    padding: 0 5px;
    border: solid 1px #FF0000;
}

.right {
    float: right;
}

.signature table.tablGrid2 table {
    border: none;
}

.tableGrid, .tableGrid2, .tableGrid3 {
    width: 99.5%;
    margin: 1em auto;
}

.tableGrid td {
    border: solid 1px #CCCCCC;
}

.tableGrid3 td {
    border-bottom: solid 1px #CCCCCC;
}

.tableGrid th, .tableGrid2 th, .tableGrid3 th {
    background-color: #0188C8;
    color: #FFFFFF;
    text-align: left;
}

.tableGrid th, .tableGrid2 td, .tableGrid2 th, .tableGrid3 th {
    border: solid 1px #0188C8;
}

.tableGrid tr.orangeHeader th, .tableGrid2 tr.orangeHeader th, .tableGrid3 tr.orangeHeader th {
    background-color: #F5821F;
    border: solid 1px #F5821F;
}

.tableGrid tr.redHeader th, .tableGrid2 tr.redHeader th, .tableGrid3 tr.redHeader th {
    background-color: #FF0000;
    border: solid 1px #FF0000;
}

.tableGrid th a, .tableGrid th h1, .tableGrid2 th a, .tableGrid2 th h1, .tableGrid3 th a, .tableGrid3 th h1 {
    color: #FFFFFF;
}

.tableGrid th h1, .tableGrid2 th h1, .tableGrid3 th h1 {
    display: inline;
    margin: 0;
    font-size: 100%;
}

.tableGrid th.none, .tableGrid2 th.none, .tableGrid3 th.none {
    background: none;
    border: none;
    font-weight: normal;
}

.tableGrid td td, .tableGrid th th, .tableGrid2 td td, .tableGrid2 th th, .tableGrid3 td td, .tableGrid3 th th {
    border-width: 0;
}

.tableGrid th a, .tableGrid th h1, .tableGrid2 th a, .tableGrid2 th h1, .tableGrid3 th a, .tableGrid3 th h1 {
    color: #FFFFFF;
}

.tableContentHover {
    background-color: #EFEFEF;
}

.verticalLine {
    width: 1px;
    height: 200px;
    background-color: #0188C8;
}

.whiteText, .whiteText a {
    color: #FFFFFF;
}
/******************************************************************************/
/* User Styles End */
/******************************************************************************/