@charset "utf-8";
/* -- General ---------------------------------------------------------------- */
*
{
	margin: 0px;
	padding: 0px;
}
body
{
	background-image: url(../images/layout/bkg2.gif);
	background-repeat: repeat-x;
	background-color: #b2b2b2;
	background-color: #8b8b8b;

	font-family: "MyriadProRegular", Arial, Verdana;
	font-size: 13px;
	color: #666666;
}
h1,h2,h3,h4
{
	padding-bottom: 0px;
}
h1
{
	font-size: 32px;
}
h2
{
	font-size: 24px;
}
h3
{
	font-size: 18px;
}
h4
{
	font-size: 16px;
}
h1 span, h2 span, h3 span, h4 span
{
	font-size: 0.73em;
	text-transform: uppercase;
	padding-left: 1em;
}
table
{
	border: none;
	border-spacing: 0px;
}
img
{
	border: none;
}
p
{
	padding: 5px 0px 5px 0px;
}
hr
{
	margin: 2px 0px 10px 0px;
	border-color: #aaaaaa;
	border-style: dotted;
	border-width: 1px;
	border-left: none;
	border-right: none;
	border-top: none;
}
textarea
{
	font-family: Arial, sans-serif;
	font-size: 11pt;
}
ul, ol
{
	margin-left: 20px;
}
ul.plain
{
	margin: 0px;
	padding: 0px;
}
ul.plain li
{
	position: relative;
	list-style-type: none;
	padding: 0px;
}
ul li
{
	margin-bottom: 5px;
	list-style-position: oustide;
	list-style-type: square;
}
input[type="text"],input[type="password"],input[type="file"],textarea,select
{
	border-style: dotted;
	border-width: 1px;
	border-color: #999999;
	background-color: #f6f6f6;
	font-size: 14px;
	font-weight: bold;
	padding: 4px 4px 4px 4px;
	font-family: "MyriadProRegular";
	color: #666666;
}
select, option
{
	font-family: Arial, Verdana !important;
}
input[type="text"].loading
{
	background-image: url(../images/layout/loader.gif);
	background-repeat: no-repeat;
	background-position: top right;
}
input[type="checkbox"].iclarge
{
	margin: 7px 0px 7px 0px;
}
input.datepicker,input.datepicker_year
{
	background-image: url(../images/layout/calendar-icon.gif);
	background-position: top right;
	background-repeat: no-repeat;
}
form h1, form h2, form h3, form h4
{
	color: #666666 !important;
}
.checkbox
{
	border-style: dotted;
	border-width: 1px;
	border-color: #999999;
	background-color: #f6f6f6;
	padding: 4px 4px 2px 4px;
	margin-top: 3px;
	height: 30px;
}
/* --------------------------------------------------------------------------- */
/* -- Links ------------------------------------------------------------------ */
a
{

}
a:link
{
	text-decoration: none;
	color: #008241;
	font-weight: bold;
	text-decoration: none;
}
a:visited
{
	text-decoration: none;
	color: #008241;
	font-weight: bold;
}
a:hover
{
	color: #008241;
	font-weight: bold;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #009957;
	background-color: rgba(0,153,87,.15);
}
a:active
{
	text-decoration: none;
	color: #008241;
	font-weight: bold;
}
a.button
{
	color: #ffffff;
}
.buttonsm
{
	padding: 4px 4px 2px 4px !important;
	font-size: 11px;
}
/* --------------------------------------------------------------------------- */
/* -- Layout ----------------------------------------------------------------- */
#container
{
	position: relative;
	margin: 0px 35px 0px 35px;
}
#header
{
	position: relative;
	height: 125px;
	z-index: 5;
}
#logo
{
	position: absolute;
	top: 12px;
	left: 20px;
}
#title
{
	position: absolute;
	top: 32px;
	left: 110px;
	font-size: 48px;
	font-family: "MyriadProRegular";
	font-weight: bold;
	color: #414141;
}
#title span
{
	color: #0b9444;
	font-weight: bolder;
}
#login
{
	position: absolute;
	top: 10px;
	right: 10px;
}
#login span
{
	background-color: rgba(255,255,255,.7);
	padding: 3px 6px 3px 6px;

	border-style: dotted;
	border-width: 1px;
	border-color: #000000;
	font-size: 12px;
}
#login span span
{
	border-top: none;
	border-bottom: none;
}
#club_years
{
	background-color: transparent !important;
	padding: 0px;
	border: none !important;
	display: none;
}
#login a
{
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
}
#range
{
	position: absolute;
	z-index: 1;
	top: 40px;
	right: -35px;
}
#menu
{
	position: absolute;
	bottom: 4px;
	right: 10px;
	z-index: 1;
}
/*#menu a
{
	padding: 4px 12px 4px 12px;
	background-color: transparent;
	text-decoration: none;
	color: #007341;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	margin-left: 5px;

	border-style: solid;
	border-width: 1px;
	border-color: transparent;
}
#menu a:hover
{
	background-color: #009957 !important;
	color: #ffffff !important;
	border-bottom-color: #b0b0b0 !important;
}
#menu a.selected
{
	border-color: #b0b0b0;
	border-bottom-color: #ffffff;

	color: #009957;
	background-color: #ffffff;
}*/
#body
{
	position: relative;
	z-index: 4;
	border-style: solid;
	border-width: 1px;
	border-color: #b0b0b0;
	background-color: #ffffff;

	-moz-box-shadow: 0px 5px 20px #414141;
	-webkit-box-shadow: 0px 5px 20px #414141;
	box-shadow: 0px 5px 20px #414141;

	margin-bottom: 20px;
}
.drop-shadow
{
	position: absolute;
	width: 11px;
}
.drop-shadow img
{
	position: absolute;
	top: -23px;
	left: 0px;
}
div.ds-right
{
	right: -11px;
	top: 23px;
	background-image: url(../images/layout/ds_right-repeat.png);
	background-repeat: repeat-y;
}
div.ds-left
{
	left: -11px;
	top: 23px;
	background-image: url(../images/layout/ds_left-repeat.png);
	background-repeat: repeat-y;
	background-position: -2px;
}
div.pad10
{
	padding: 10px;
}
div.box_primary
{
	border-style: solid;
	border-width: 1px;
	border-color: #333333;

	background-image: url(../images/layout/bkg_green.gif);
	background-repeat: repeat-x;
	background-color: #007341;
	color: #ffffff;
	font-size: 13px;

	margin-bottom: 5px;
}
div.box_primary a
{
	color: #ffffff;
	text-transform: uppercase;
}
div.box_pad
{
	padding: 7px 15px 7px 15px;
}
div.box_primary h2
{
	font-family: "ProcionoRegular";
	font-size: 24px;
}
div.box_secondary
{
	background-image: url(../images/layout/bkg_grey.gif);
	background-repeat: repeat-x;
	background-color: #fdfdfd;
	color: #666666;
	font-size: 13px;

	border-style: solid;
	border-width: 1px;
	border-color: #aaaaaa;

	margin-bottom: 5px;
}
div.box_secondary h3
{
	font-family: "ProcionoRegular";
	font-size: 18px;
}
div.box_secondary h4
{
	font-size: 14px;
}
#login_box
{
	position: absolute;
	z-index: 3;
	top: 125px;
	left: 180px;
}
#login_box span.label
{
	font-size: 16px;
}
#login_box input[type="text"],#login_box input[type="password"]
{
	width: 200px;
	background-color: transparent;
	background-image: url(../images/layout/box_login.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	border: none;
	font-size: 18px;
	height: 28px;
	line-height: 30px;
	padding-left: 5px;
}
#password_box
{
	position: absolute;
	z-index: 3;
	top: 125px;
	left: 180px;

	width: 600px;
}
#password_box span.label
{
	font-size: 16px;
}
.float-left
{
	float: left;
}
.float-left-margin
{
	margin-right: 8px;
}
.float-right
{
	float: right;
}
.form_buttons
{
	float: right;
	margin: 5px;
}
.ui-widget-content h1, .ui-widget-content h2, .ui-widget-content h3, .ui-widget-content h4
{
	color: #666666 !important;
}
.ui-state-highlight h3, .ui-state-highlight h4, .ui-state-highlight h2, .ui-state-highlight h1
{
	color: #009957 !important;
}
.ui-state-highlight hr
{
	border-color: #009957;
}
.ui-state-error h3
{
	color: #CD0A0A !important;
}
.ui-hide-close a.ui-dialog-titlebar-close
{
	display: none;
}
li.ui-menu-item
{
	list-style-type: none !important;
}
.ui-autocomplete {
	max-height: 170px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
	/* add padding to account for vertical scrollbar */
	padding-right: 20px;
}
/* IE 6 doesn't support max-height
 * we use height instead, but this forces the menu to always be this tall
 */
* html .ui-autocomplete {
	height: 170px;
}
.missed
{
	border-color: #CD0A0A !important;
	background-color: #fef1ec !important;
}
.tabs a
{
	border: none !important;
}
div.alpha_nav
{
	font-weight: bold;
	padding-bottom: 5px;
}
div.alpha_nav a, div.pages a
{
	padding: 0px 5px 0px 5px;
	margin: 0px 2px 0px 2px;

	border-style: dotted;
	border-width: 1px;
	border-color: #007341;

	font-family: "Courier New";
	background-color: #f5fffb;
	margin-bottom: 3px;
}
div.pages a.selected
{
	color: #ffffff;
	background-color: #007341;
}
div.alpha_nav a:hover
{
	text-decoration: none;
	background-color: #007341;
	color: #ffffff;
	border-color: #ffffff;
}
.hide
{
	display: none;
}
.small
{
	font-size: 11px;
}
ul.grid li
{
	width: 100px;
	height: 75px;
	margin: 3px;
	float: left;
	overflow: hidden;
	background-image: url(../images/layout/icon_no-image.gif);
	background-repeat: no-repeat;
	border-color: #007341;
	border-style: dotted;
	border-width: 1px;
	position: relative;
}
ul.grid li a, ul.grid li span
{
	display: block;
	background-color: #007341;
	color: #ffffff;
	position: absolute;
	bottom: 0px;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
}
ul.grid li div
{
	position: absolute;
	right: 0px;
	top: 0px;
	padding: 2px;
	background-color: #007341;
}
.clear
{
	clear: both;
}
.cancel
{
	display: none;
}
.pos
{
	position: relative;
}
.check
{
	position: absolute;
	top: 22px;
	left: 0px;
	padding: 3px;
	background-color: #000000;
	border-style: solid;
	border-width: 1px;
	border-color: #ffffff;
	border-bottom: none;
	border-left: none;
}
.check-alt
{
	background-color: #007341;
    padding: 2px;
	float: right;
}
.tooltip
{
	position: relative;

	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	cursor: pointer;
}
.tooltip .ui-icon
{
	display: inline;
	height: 16px;
}
.ui-4h-menu
{
	background-image: none;
	background-color: transparent !important;
	border: none;
	text-align: right;
}
.ui-4h-menu li
{
	background: url(images/GREY2_ui-bg_gloss-wave_100_009957_500x100.png) repeat-x scroll 50% 50% #009957 !important;
	display: inline;
	padding: 5px 10px 4px 10px;
	border-color: #b0b0b0 !important;

	font-weight: normal !important;
}
.ui-4h-menu li.ui-tabs-selected
{
	border-bottom-color: #ffffff !important;
	background: url("images/ui-bg_glass_50_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF !important;
	/*padding: 7px 10px 5px 10px;*/
}
.ui-4h-menu li.ui-tabs-selected a
{
	text-transform: uppercase !important;
}
.ui-4h-menu li a
{
	color: #666666 !important;
	background: transparent !important;
}
.selectable li, .cs-categories li
{
    background-color: #007341;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
	color: #ffffff;
    cursor: pointer;
    float: left;
    font-size: 13px;
    font-weight: bold;
    margin: 3px;
    padding: 5px;
    text-align: center;
    width: 100px;
	list-style-type: none;
	background: url(images/GREY_ui-bg_gloss-wave_100_009957_500x100.png) repeat-x scroll 50% 50% #666666 !important;
}
.selectable li.ui-selected, .cs-categories li.ui-selected
{
	background-color: #ffffff;
	background: url("images/GREY_ui-bg_glass_50_ffffff_1x400.png") repeat-x scroll 50% 50% #FFFFFF !important;
	color: #666666;
	border-color: #666666;
	border-style: dotted;
}
.selectable li.ui-selecting, .cs-categories li.ui-selecting
{
	background-color: #aaaaaa !important;
	background-image: none !important;
	color: #ffffff;
	border-color: #007341;
	border-style: dotted;
}
.cs-categories
{
	margin: 0px;
	padding: 0px;
}
.cs-categories li
{
	width: auto !important;
	font-size: 11px;
	font-weight: normal;
	padding: 3px 5px 2px 5px;
	text-transform: uppercase;
}
#query_results
{
	width: 650px;
	height: 350px;
	overflow: auto;

	border-style: dotted;
	border-width: 1px;
	border-color: #007341;
}
.border-dotted
{
	border-style: dotted;
	border-width: 1px;
	border-color: #007341;
}
/* --------------------------------------------------------------------------- */
/* -- Tables ----------------------------------------------------------------- */
table.tblColumns
{
	width: 100%;
	border-spacing: 0px;
}
table.tblColumns td
{
	vertical-align: top;
}
table.tblColumns td.left
{
	width: 30%
}
table.tblColumns td.spacer
{
	width: 20px;
}
table.tblForm
{
	width: 100%;
	border-spacing: 2px;
}
table.tblForm th
{
	text-align: left;
	font-size: 14px;
	font-weight: normal;
	width: 100px;
	background-image: none !important;
	background-color: transparent !important;
}
table.tblFormLargeLabel th
{
	width: 120px;
}
table.tblIndent th
{
	padding-left: 10px;
}
table.tblScreening th.heading
{
	background-image: url(../images/layout/bkg_green.gif);
	background-repeat: repeat-x;
	background-color: #007341;
	color: #ffffff;
	text-align: left;
	padding: 6px 8px 4px 8px;
}
table.tblScreening tr.alt
{
	background-color: #eeeeee;
}
table.tblData
{
	width: 100%;
	border-spacing: 1px;
}
table.tblData th, div.heading
{
	background-image: url(../images/layout/bkg_green.gif);
	background-repeat: repeat-x;
	background-color: #007341;
	color: #ffffff;
	text-align: left;
	padding: 6px 8px 4px 8px;
	text-transform: uppercase;
	font-weight: bold;
}
table.tblData th a
{
	background-color: transparent;
	background-color: rgba( 255, 255, 255, .25 );
	color: #ffffff;
}
table.tblData th.secondary
{
	background-color: #eeeeee !important;
	background-image: none;
	color: #555555;
}
table.tblData td
{
	padding: 4px 8px 4px 8px;
}
table.tblData td.ql
{
	padding: 0px 8px 4px 16px;
	border-style: dotted;
	border-width: 1px;
	border-color: #999999;
	border-top: none;
}
table.tblData td.first
{
	border-left-style: dotted;
	border-left-width: 1px;
	border-left-color: #999999;
}
table.tblData td.last
{
	border-right-style: dotted;
	border-right-width: 1px;
	border-right-color: #999999;
}
table.tblData td.ql a
{
	font-weight: normal;
}
table.tblData td.thumb
{
	padding: 2px;
	width: 85px;
	background-image: no-repeat;
}
table.tblData tr.alt
{
	background-color: #f6f6f6;
}
table.tblData tr.totals td
{
	font-size: 16px;
	font-weight: bold;
}
table.tblData td.divider
{
	border-left-style: solid;
	border-left-width: 1px;
	border-left-color: #dddddd;
}
table.tblData td.r
{
	text-align: right;
}
table.tblDataAlt td
{
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}
table.tblDataAlt2 td
{
	border: none !important;
}
table.tblFoundation .totaltext
{
	text-align: right;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	font-size: 14px;
}
table.tblFoundation .totalvalue
{
	text-align: right;
	font-weight: bold;
	padding-bottom: 10px;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	font-size: 14px;
}
table.tblFoundation .red
{
	color: #FF0000;
}
table.tblFoundation .green
{
	color: #008241;
}
table.tblFoundation tr.override td
{
	border-bottom-color: #3e8cb1;
	background-color: #d8edf8;
}
table.tblDataSmall
{
	width: 100%;
	border-spacing: 0px;
}
table.tblDataSmall th
{
	font-weight: normal;
}
table.tblDataSmall th, table.tblDataSmall td
{
	border: none !important;
	padding-top: 0px !important;
}
table.tblDataAlt2 td
{
	padding: 6px 8px 4px 8px;
}
table.tblItem
{
	width: 100%;
	border-spacing: 0px;
}
table.tblItem th
{
	width: 65px;
	vertical-align: bottom;
	text-align: left;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
}
table.tblItem td
{
	vertical-align: top;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	border-bottom-width: 1px;
	padding-top: 10px;
}
table.tblItem td.contact
{
	padding: 10px 10px 0px 10px;
}
table.tblQuery
{
	width: 100%;
}
table.tblQuery th
{
	width: 30px;
	text-align: center;
	font-family: "ProcionoRegular";
	font-size: 100px;
	font-weight: normal !important;
	color: #007341;
	vertical-align: middle;
}
table.tblQuery td
{
	vertical-align: top;
}
table.tblQuery td.td_main
{
	padding: 20px 10px 10px 10px;
}
table.tblQueryDefinition
{
	width: 100%;
}
table.tblQueryDefinition td
{
	vertical-align: top;
	width: 33%;
}
table.tblImage
{
	width: 100%;
	border-spacing: 2px;
}
table.tblImage th
{
	width: 58px;
	vertical-align: top;
	text-align: left;
}
table.tblImage td
{
	vertical-align: top;
}
table.tblReference tr.alt
{
	background-color: #f6f6f6;
}
table.tblReference th
{
	vertical-align: top;
	text-align: left;
	padding: 10px;
}
table.tblReference td
{
	padding: 10px;
	vertical-align: top;
}
.foundation-sponsorship h2
{
	font-size: 16px;
}
.foundation-sponsorship th
{
	color: #666666 !important;
}
.foundation-sponsorship .button
{
	display: none;
}
.foundation-sponsorship .foundation_step, .foundation-sponsorship .foundation_step .button
{
	display: block !important;
}
/* --------------------------------------------------------------------------- */
/* -- Custom ----------------------------------------------------------------- */
.posr
{
	position: relative;
}
.moreinfo
{
	font-weight: bold;
	cursor: pointer;
	padding :2px;

	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-bottom-color: #dddddd;
	text-align: center;
	padding-top: 10px;
}
.subtle
{
	color: #aaaaaa;
}
.badge
{
	position: absolute;
	top: 0px;
	left: 0px;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

	border-color: #009957;

	background-image: url(../images/layout/bkg_green.gif);
	background-repeat: repeat-x;
	background-color: #007341;
	width: 100px;
	text-align: center;
	color: #ffffff;
	padding: 3px;
}
.bar-chart-bkg
{
	background-image: url(../images/layout/bkg_grey.gif);
	background-repeat: repeat-x;
	background-color: #fdfdfd;
}
.bar-chart
{
	background-image: url(../images/layout/bkg_green.gif);
	background-repeat: repeat-x;
	background-color: #007341;

	height: 14px;
	border-color: #007341;
	border-style: solid;
	border-width: 1px;
}
div.heading
{
	font-size: 14px;
	margin: 1px 1px 0px 1px;
}
#print-page
{
	position: absolute;
	right: 10px;
	bottom: 10px;
	display: none;
	cursor: pointer;
}
.draggable
{
    background-color: #007341;
    border-color: #666666;
    border-style: solid;
    border-width: 1px;
	color: #ffffff;
    cursor: pointer;
    font-size: 13px;
    font-weight: bold;
    margin: 3px;
    padding: 5px;
    width: 185px;
    text-align: center;
	list-style-type: none;
	background: url(images/GREY_ui-bg_gloss-wave_100_009957_500x100.png) repeat-x scroll 50% 50% #666666 !important;
	/*float: left;*/
}
.droppable, .droppable-ui
{
	border-color: #666666;
	border-style: solid;
	border-width: 1px;
	width: 203px;

	margin: 2px 2px 10px 2px;
}
.droppable li, .droppable-ui li
{
	/*float: left;*/
}
.droppable div, .droppable-ui div
{
	border-style: dashed;
	border-width: 5px;
	border-color: #dddddd;

	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
div.medal img
{
	display: block;
	padding-bottom: 10px;
}
div.medal div
{
	text-align: center;
	font-size: 14px;
}
div.medal span
{
	color: #008241;
	font-weight: bold;
}
table.tblProgramSummary tr.underline td
{
	border-top-style: dotted;
	border-top-width: 1px;
	border-top-color: #666666;
	padding-top: 3px;
}
/* --------------------------------------------------------------------------- */

.frontSurveyBox { width: 350px; float:right; background: #eee; border:1px #aeaeae solid; padding: 8px; margin: 8px; }
.frontSurveyBox ul { list-style : none; }
.pollul
{
	margin-left: 10px;
}
.pollul li
{
	list-style-type: none !important;
}
.lsa-box
{
	border-style: dotted;
	border-width: 1px;
	border-color: #aaaaaa;
	border-left: none;
	border-right: none;
	background-color: #f6f6f6;
	padding: 15px;
	margin-bottom: 15px;
}
.lsa-form h1
{
	display: none;
}
.program_group
{
	border: 1px dotted;
	border-radius: 8px;
	border-color: #00be89;
	padding: 10px;
	background-color: rgba(0,190,137,.1);
}
.program_group tr.alt
{
	background-color: rgba(0,0,0,.1) !important;
}
.program_group span.price
{
	float: right;
	border: 1px solid;
	border-radius: 8px;
	border-color: rgba(0,139,190,1);
	background-color: rgba(0,139,190,.1);
	padding: 0px 5px 3px 5px;
	color: rgba(0,139,190,1);;
}
.ls_application h1
{
	font-size: 18px;
}
.ls_application h2
{
	font-size: 16px;
}
.ls_application h3
{
	font-size: 14px;
}
.ls_application h4
{
	font-size: 13px;
}
.registration_block
{
	margin-bottom: 1em;
}
.rel
{
	position: relative;
}
.x
{
    position: absolute;
    top: 0.5em;
    right: 0.5em;
}
table.table-contacts
{
	width: 100%;
	border-spacing: 0px;
}
table.table-contacts td
{
	padding: .5em;
}
table.table-contacts input, table.table-contacts select
{
	width: 100%;
	max-width: 100%;
}
@media print {
  body{

  	background-color: #fff;
  	background-image: none;
  }
  body * {
    visibility: hidden;
	background-color: #fff;
	background-image: none;
  }
  #print-content, #print-content * {
    visibility: visible;
  }
  #print-content {
    position: absolute;
    left: 0px;
    top: -100px;
  }
}
