html, body { margin:0; padding:0; min-height:100vh; }
body {
  font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
  font-size:18px;
  color:#333;
}
#container {
  position:relative; top:0; bottom:0; left:0; right:0;
  margin:0 auto; 
}
#siteLogo { position: absolute; top:2px; left:8px; }
#loginButton { position:absolute; right:0px; top:0px; z-index:5; display:inline-block; border-radius:5px; padding:5px; margin:1px; }
#loginButton a { color:#000000; }
#loginButton:hover { background-color:#EEE; }
#loginPopup
{ 
  position:absolute; right:0px; top:0px; z-index:5; display:none; 
  padding:5px; margin:1px; background-color:#EEE; 
  border:1px solid #C0C0C0; border-radius:5px; 
 	-moz-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.3);
}
#loginCancel { position:absolute; right:4px; }
.loginFormDiv { margin:16px 24px; }
.loginFormDiv input { border:1px solid #C0C0C0; }    /* box-shadow:none; -moz-box-shadow: none; -webkit-box-shadow:none; */
.loginFormDiv input:focus { outline:none; }
.loginFormDiv button
{
	font-weight:normal;
	font-size:1em;
	padding: 4px 8px;
	margin:8px 16px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.loginFormDiv button:hover
{
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
.loginFormDiv button:active{
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}
.loginActions
{
	padding:0px;
	margin:16px 24px;
}
.loginActions a { margin-left: 16px; }
.loginActions a:hover {  }
.loginActions a:active {  }
/*
@media (max-width: 768px) {
  #pageBody{
  }
  .userLogin {
/*
    position:relative;
  	clear:both;
  	width:100%;
  	border:0;
  	padding:10px 8px;
*/
/*
  }
  .loginActions {
/*
    position:fixed;
    top:60px;   /* debug: this needs to be set by page header height + admin header height 
    left:18px;
    display:inline-block;
  	clear:both;
  	width:100%;
  	padding:10px 8px;
*/
/*
  }
}
*/
/** Login Forms **/
.loginFormDiv form {
	clear: both;
	padding: 0;
	width: 95%;
}
.loginFormDiv fieldset {
	border:none;
	padding:0;
	margin:0;
/*
	padding: 16px 10px;
*/
}
.loginFormDiv fieldset legend {
/*	color: #e32; nice red */
	color:#444;
	font-weight:bold;
	font-size: 120%;
	margin-bottom:16px;
}
.loginFormDiv fieldset div {
	clear: both;
	vertical-align: text-top;
	margin-bottom:12px;
}
.loginFormDiv fieldset div.checkbox {
	margin-bottom:0;
}
.loginFormDiv .input {
	color: #444;
}
.loginFormDiv input {
	clear: both;
	color:#444;
	font-size: 120%;
	padding: 4px;
}
.loginFormDiv label {
	display: block;
	margin-bottom:3px;
}
.loginFormDiv input[type=checkbox] {
	margin: 0px 8px 3px 2px;
	width: auto;
}
.loginFormDiv div.checkbox label {
	display: inline;
}
/* contact form */
#ContactFormDiv form {
	clear: both;
  text-align:left;
	padding: 0;
}
#ContactFormDiv .input {
  margin:8px 0px;
	text-align:left;
}
#ContactFormDiv .text label,
#ContactFormDiv .tel label,
#ContactFormDiv .email label,
#ContactFormDiv .radio label,
#ContactFormDiv .select label {
	font-size: 110%;
	margin-right:8px;
	width:100px;
	display:inline-block;
}
#ContactFormDiv .checkbox label {
	font-size: 110%;
	margin-left:8px;
}
#ContactFormDiv .textarea label {
	font-size: 110%;
	margin-right:8px;
	display:block;
	text-align:left;
}
#ContactFormDiv input {
  display:inline-block;
	font-size: 100%;
	color: #444;
	clear: both;
}
#ContactFormDiv select,
#ContactFormDiv radio {
	font-size: 100%;
	clear: both;
	vertical-align: text-bottom;
}
#ContactFormDiv .scheduleDay label {
  width:40px;
  display:inline-block;
}
#ContactFormDiv .scheduleTime label {
  width:100px;
  display:inline-block;
}
#ContactFormDiv textarea {
  font-family:Tahoma,Verdana,Arial,Helvetica,Sans-Serif;
  font-size:16px;
  color:#333;
  clear: both;
	vertical-align: text-bottom;
}
#ContactFormDiv input[type=submit] {  }
/* help column */
/*
#HelpColumn { 
  position:absolute; top:100px; right:0px; 
  z-index:5;
  display:none;
  background:#FFFFFF; 
  width:280px;
  height:500px;
}
.help_popup_frame { position:absolute; top:0px; left:16px; z-index:5; background:#FFFFFF; }
#helpEditPopupView { position:relative; }
*/
.help_popup_link { position:relative; display:inline-block; cursor:help; }
/* help column */
#HelpColumn { 
  position:absolute; 
  top:100px; right:0px; 
  resize:both; 
  cursor:move; 
  z-index:5;
  display:none;
}
.help_column { 
  padding:8px; 
  background:#FFFFFF; 
  font-size:16px;
	border: 1px solid #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
  padding:10px; 
}
.help_column_close { text-align:right; cursor: pointer; }
.help_column_close img { float: right; margin-left: 4px; cursor: pointer; }
.help_column_title { margin-bottom:8px; font-size:20px; }
.help_column_content ul { padding-left:18px; margin:0; }
.help_column_content a { color:#00C; cursor:pointer; text-decoration:none; }
.help_column_content a:hover { text-decoration:underline; }
.help_icon_header { margin:16px 0px 4px 0px; padding-top:8px; border-top:1px solid #333; }
.help_icon_title { margin:8px 0px 0px 0px; font-size:12px; }
.help_icon_list {  }
.help_icon_list a { margin-right:4px; }
/* help popup */
#HelpPopup { 
  position:absolute; 
/*
  top:0px; 
  left:16px; 
*/
  z-index:5; 
  cursor:move; 
  resize:both; 
  min-width: 240px; 
}
.help_popup { 
  padding:8px; 
  background:#FFFFFF; 
  font-size:16px;
  text-align: left;
	border: 1px solid #666;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.help_popup_close { position:relative; z-index:2; cursor: pointer; }
.help_popup_close img { float:right; margin-left:4px; cursor: pointer; }
#helpContents { text-align:left; }

/* Blog posts */
.post_title { font-size:200%; text-align:left; }
h1.post_title { font-weight: normal; }
.post_page { margin:0 20px; text-align:left; }
.post_page h4 { font-weight: normal; font-size:120%; margin-bottom:8px; text-decoration: underline; }
.post_subtitle { font-size:120%; margin:12px 0px; }
.post_link { font-size:60%; }
.post_edit_link { text-align:right; }
.post_author { font-size:60%; }
.post_date { font-size:60%; }
.post_source {  }
.post_summary { margin-top:12px; text-align:left; }
.post_body { margin-top:12px; text-align:left; }
.post_body p#first { margin-top:8px; }
.post_comment { margin-top:16px; }
.post_comment_form_title { margin-top:20px; padding-top:4px; text-align:left; border-top:1px solid #303030; width:80%; }
.post_comment_child { margin-top:12px; font-size:80%; }
.post_comment_child_row { line-height:80%; margin-left:20px; }
.post_comment_child_title { margin:12px 0 -10px 20px; text-align:left; }
.post_comments { margin-left:20px; }
.post_comments table { border-spacing: 0; width:100%; }
.post_comments_child_table { margin-left:20px; }
.post_comments tr { padding:0px; margin:0px; }
.post_comments td { padding:0px; margin:0px; }
.post_small { font-size:60%; }
/*
.post_image { text-align:center; width:<?php echo $siteFrame['Site']['PageContentWidth']; ?>; }
.post_image img { width:<?php echo $siteFrame['Site']['PageContentWidth']; ?>; }
*/
.post_image { display:inline-block; width:240px; float:right; }
.post_image img { width:240px; border:0; }
.post_profile_image { width:16px; vertical-align:top; }
.post_profile_image img { width:16px; }
td.postlist_title {  }
td.postlist_author {  }
td.postlist_date {  }
td.postlist_comment { padding:0px 0px 12px 12px; }
.commentlist { text-align:left; }
.comment_edit_link { text-align:right; }
/* recaptcha */
.grecaptcha-badge { z-index:10; }
/* general page public */
div.publicpagemain {
	padding:15px 15px;
  text-align:center;
}
div.publicpagefull {
  display:inline-block;
  width:100%;
}
div.publicpagemain a {
  text-decoration:none;
  color:#00F;
}
div.publicpagemain a:hover {
  color:#A00;
}
div.publicpagemain .page_title {
	font-size: 140%;
	margin-bottom:12px;
}
div.publicpagemain .page_subtitle {
	font-size: 120%;
	margin-top:8px;
	margin-bottom:8px;
}
div.publicpagemain .page_line {
	font-size: 60%;
	margin:8px 4px;
}
div.publicpagemain .page_section {
	font-size: 60%;
	margin:8px 0px 2px 0px;
	text-decoration:underline;
	text-align:left;
}
div.publicpagemain .page_list { text-align:left; margin:0 20px; }
div.publicpagemain .page_list .section_title { margin:10px 0; padding-top:10px; border-top:1px solid #666; }
/* div.publicpagemain .page_list .section_subtitle { margin:10px 0; padding-top:10px; border-top:1px solid #666; display:inline-block; } */
div.publicpagemain .page_list .section_subtitle { display:inline-block; margin-right:8px; }
div.publicpagemain .page_list .line_title { font-size:80%; margin:20px 0 4px 0; text-decoration:underline; }
div.publicpagemain .page_list .lastline { margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #666; }
div.publicpagemain .page_list .sitethumb { display:inline-block; margin:4px 4px; }
div.publicpagemain .publiclabel_200 { display:inline-block; width:200px; }
div.publicpagemain .publiclabel_100 { display:inline-block; width:100px; }
div.publicpagemain .inner { display:inline-block; width:90%; }
div.publicpagemain .row { text-align:left; }
div.publicpagemain .element { display:inline-block; margin:2px 0; }
div.publicpagemain .tableheader { border-bottom: 1px solid black; font-weight: normal; }
div.publicpagemain .publiclist { text-align:center; }
div.publicpagemain .publiclist table { width:100%; }
div.publicpagemain .publiclist td { vertical-align:top; }
div.publicpagemain .publiclist .columntitle { text-decoration:underline; font-weight: normal; }
div.publicpagemain .publiclist .count {
  text-align:right;
  font-size:80%;
}
div.publicpagemain .publiclist .tablerow2 {
  position:relative;
  top:-4px;
  font-size:60%;
  padding-left:20px;
}
div.publicpagemain .publiclist .subtablerow {
  position:relative;
  top:-4px;
}
div.publicpagemain .publiclist .subtabletd {
  padding-left:20px;
}
div.publicpagemain .publiclist .tablerow2pos {
  position:relative;
  top:-10px;
}
div.publicpagemain .publiclist .tablerowend { padding-bottom:12px; }
div.publicpagemain .publiclist td.iconimage24 { width:24px; text-align:center; }
div.publicpagemain .publiclist td.iconimage { width:48px; text-align:center; }
div.publicpagemain .publiclist td.iconimage img { width:16px; height:16px; }
div.publicpagemain .publiclist td.avatarimage { width:48px; text-align:left; }
div.publicpagemain .publiclist td.avatarimage img { width:32px; height:32px; }
div.publicpagemain .publiclist td { text-align:left; }
div.publicpagemain .publiclist td.align_center { text-align:center; }
div.publicpagemain .publiclist td.widthxsmall { width:40px; }
div.publicpagemain .publiclist td.widthsmall { width:80px; }
div.publicpagemain .publiclist td.widthmedsm { width:100px; }
div.publicpagemain .publiclist td.widthmed { width:120px; }
div.publicpagemain .publiclist td.widthlarge { width:200px; }
div.publicpagemain .publiclist td.widthxlarge { width:200px; }
div.publicpagemain .publiclist th { text-align:left; }
 /* tabs */
.tab_select { margin:4px 0 16px 0; padding-bottom:16px; border-bottom:1px solid #666; text-align:center; }
.tab_select2 { margin:0 0 0 0; }
.tab_select_bottom { margin:16px 0 4px 0; padding-top:16px; border-top:1px solid #666; }
.tab_container { position:relative; display:none; margin:0 40px;}
.tab_container_adv { position:relative; display:none; }
/* Buttons and button links */
div.publicpagemain .button_div,
div.publicpageside .button_div { display:inline-block; text-align:center; margin:2px 0px; cursor:pointer; }
/* sidebar Buttons and button links */
div.publicpageside .tab_select { margin:8px 0; padding-bottom:10px; border-bottom:1px solid #666; text-align:center; }
div.publicpagemain .button,
div.publicpageside .button {
  display:inline-block;
  font-size:18px;
  text-align:center; 
	font-weight:normal;
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
div.publicpagemain .button:hover,
div.publicpageside .button:hover {
  color:#00A;
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
/* input[type=submit]:active, */
div.publicpagemain .button_on,
div.publicpagemain .button:active {
	background: #eee;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#dfdfdf), to(#eee));
	background-image: -webkit-linear-gradient(top, #dfdfdf, #eee);
	background-image: -moz-linear-gradient(top, #dfdfdf, #eee);
	background-image: -ms-linear-gradient(top, #dfdfdf, #eee);
	background-image: -o-linear-gradient(top, #dfdfdf, #eee);
	background-image: linear-gradient(top, #dfdfdf, #eee);
	text-shadow: #eee 0px 1px 0px;
	-moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
	border-color: #aaa;
	text-decoration: none;
}
div.publicpagemain .button.small,
div.publicpageside .button.small
{
  font-size:14px;
  padding:2px 4px;
}
div.publicpagemain .button.line, 
div.publicpageside .button.line
{
  font-size:12px;
  padding:1px 4px;
}
/* sidebar Buttons and button links */
div.publicpageside .tab_select { margin:8px 0; padding-bottom:10px; border-bottom:1px solid #666; text-align:center; }
div.publicpageside .lowerButton { border-top:1px solid black; margin-top:8px; text-align:center; }   /*  padding-top:6px;  */
/* base styles */
.publicpagemain .section_title {
  text-align:left;
  margin-top:40px;
  font-size:120%;
}
.publicpagemain .section_title span {
  border-bottom:1px solid #666; margin-bottom:8px; padding-bottom:4px;
}
/* errors */
.input_error { display:none; font-size:20px; color:#CC0000; margin:12px 0px; padding:4px 8px; border:1px solid #CC0000; border-radius:4px; }
/* flash messages */
#flashMessage {
  text-align:center;
}
/* .message used by #flashMessage */
.message, .message_fail {
	clear: both;
	color: #fff;
	font-size: 120%;
	font-weight: bold;
	margin: 0 0 1em 0;
	padding: 4px 12px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25);
	color: #fff;
	border: 1px solid rgba(0, 0, 0, 0.5);
	background-repeat: repeat-x;
}
.message {
	background: #009933;
	background-image: -moz-linear-gradient(top, #00BB66, #009933);
	background-image: -ms-linear-gradient(top, #00BB66, #009933);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#00BB66), to(#009933));
	background-image: -webkit-linear-gradient(top, #00BB66, #009933);
	background-image: -o-linear-gradient(top, #00BB66, #009933);
	background-image: linear-gradient(top, #00BB66, #009933);
}
.message_fail {
	background: #c43c35;
	background-image: -moz-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -ms-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ee5f5b), to(#c43c35));
	background-image: -webkit-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: -o-linear-gradient(top, #ee5f5b, #c43c35);
	background-image: linear-gradient(top, #ee5f5b, #c43c35);
}
.navpath { float:right; }
/* menus */
#pageMenu ul {
	list-style:none;
	padding:0;
	margin:0;
}
/* drop down menu for header menu templates */
#MenuDropdown
{
  z-index:2;
	text-align:center;
}

#MenuDropdown ul
{
	list-style:none;
	position:relative;
	margin:0;
	padding:0;
}

#MenuDropdown ul a
{
/*
	display:block;
	text-decoration:none;
	padding:4px 10px;
	font-weight:700;
	font-size:12px; 
	line-height:32px;
	font-family:"HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif 
*/
}

#MenuDropdown ul li
{
	position:relative;
/*
	margin:0;
	padding:0;
*/
}

#MenuDropdown ul li:hover
{
}

#MenuDropdown ul ul
{
	display:none;
	position:absolute;
	top:100%;
	left:0;
	border-top-right-radius: 5px;  
	border-bottom-right-radius: 5px;  
	border-bottom-left-radius: 5px;  
  box-shadow: 2px 2px 5px #333;
	padding:0;
/*
	background:#fff;
*/
}

#MenuDropdown ul ul li
{
  padding:5px;
/*
	float:none;
	width:150px;
*/
}

/*
#MenuDropdown ul ul li:after
{
  content:"";
  position: absolute;
  left:5px;
  z-index:2;
  width:170px;
  border-bottom:1px solid #888;
}
*/

#MenuDropdown ul ul a
{
	padding-left:10px;
/*
	line-height:120%;
	padding:5px 5px;
*/
}

#MenuDropdown ul ul ul
{
	top:0;
	left:100%;
}

#MenuDropdown ul li:hover > ul
{
	display:block;
}

#MenuDropdown ul ul li.menuLong { width:320px; }
#MenuDropdown ul ul li.menuLong:after { width:310px; }
#MenuDropdown ul ul ul ul li { width:120px; }
#MenuDropdown ul ul ul ul li:after { width:110px; }

.MenuDropdown_border:after
{
  content:"";
  position:absolute;
  left:5px;
  z-index:2;
  width:170px;
  border-bottom:1px solid #888;
}
/* popups */
.popupwindow {
   display:none;
   position:absolute; 
   z-index:1;
   left:0px; 
   top:0px; 
   background-color:white; 
   border:2px solid #3366CC; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
   padding: 8px;
   height:auto !important;
   width:auto !important;
}
.popupfullwindow {
   display:none;
   position:absolute; 
   z-index:1;
   left:0px; 
   top:0px; 
   background-color:white; 
   height:auto !important;
   width: 100%;
}
.popupwindow .adminpagemain, .popupwindow .publicpagemain {
  text-align:left; 
}
/*
#EventView.popupwindow { z-index:1; }
#EventTypeView.popupwindow { z-index:1; }
#EventTypeEditDiv.popupwindow { z-index:1; }
#EventEdit.popupwindow { z-index:1; }
#WorkoutView.popupwindow { z-index:1; }
#WorkoutEdit.popupwindow { z-index:1; }
#WorkoutReOrder.popupwindow { z-index:1; }
#ExerciseView.popupwindow { z-index:1; }
#ExerciseEdit.popupwindow { z-index:1; }
*/
/*
#PopupClose { position:absolute; top:4px; right:4px; z-index:2; }
#PopupClose { width:16px; height:16px; border:0; }
#EventClosePopup, #WorkoutClosePopup, #EventTypeEditClosePopup { position:absolute; top:4px; right:4px; z-index:2; }
#EventClosePopup img, #WorkoutClosePopup img  { width:16px; height:16px; border:0; cursor: pointer; }
*/
.popupcloselink { position:absolute; top:4px; right:4px; z-index:2; cursor: pointer; }
.popupcloselink img  { width:16px; height:16px; border:0; }
.popupwindow .popupType {
  font-size:0.8em;
  color:#3366CC;
  font-weight:bold;
  margin:-15px 30px 8px 0;
  cursor: move;
}
.popupwindow .popupTitle {
  font-size:1.1em;
  font-weight:bold;
  margin:0 30px 8px 0;
  cursor: move;
}
.popupwindow .popupSubtitle {
  font-size:0.8em;
  margin:0 30px 4px 0;
}
/* debug go to admin... */
.popupwindow .input {
  padding: 2px;
}
.popupwindow .label {
  padding-right:8px;
}
/* not used
#eventdata, #workoutdata { text-align:left; }
#eventdata, #workoutdata, #EventTypeEditDiv {
   display:none;
   position:absolute; 
   left:0px; 
   top:0px; 
   background-color:white; 
   z-index:4; 
   border:1px solid #CCC; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;
   padding: 8px;
}
#eventdata .popupTitle, #EventTypeEditDiv .popupTitle, #workoutdata .popupTitle {
  font-size:1.1em;
  font-weight:bold;
  margin:0 30px 8px 0;
}
#eventdata .popupSubtitle, #EventTypeEditDiv .popupSubtitle, #workoutdata .popupSubtitle {
  font-size:0.8em;
  margin:0 30px 4px 0;
}
#eventdata .input, #EventTypeEditDiv .input, #workoutdata .input {
  padding: 2px;
}
#eventdata .label, #EventTypeEditDiv label, #workoutdata .label {
  padding-right:8px;
}
*/
/* calendar event library */
#external-events {
  position:absolute;
  top:0px; 
  left:-200px;
  z-index:3;
  width: 180px;
  padding: 10px;
  border: 1px solid #ccc;
  background: #eee;
  text-align: left;
  cursor: move;
}
.external-event {
  margin: 10px 0;
  padding: 2px 4px;
  background: #3366CC;
  color: #fff;
  font-size: .85em;
  cursor: pointer;
}

#external-events h4 {
  font-size: 16px;
  margin-top: 0;
  padding-top: 1em;
}

#external-events .fc-event {
  margin: 3px 0;
  cursor: pointer;
  overflow:hidden;
}

#external-events .fc-event-main {
  white-space: normal;
  font-size:0.6em;
}

#external-events p {
  margin: 1.5em 0;
  font-size: 11px;
  color: #666;
}

#external-events p input {
  margin: 0;
  vertical-align: middle;
}
/* calendar events */
#calendar {
  max-width: 1100px;
  margin: 0 auto;
  font-size:0.6em;
}
#calendar-wrap {
  margin-left: 200px;
}
#calendarusername { 
  text-align:center; 
  padding-right:34px;
  font-size:14px;
  font-weight:bold;
  color:#3366CC;
  background-color:#EBEBF3;
}
#PopupMessage, #popupmsg, 
#eventmsg, #workoutmsg { 
  display:none;
  position:absolute;
  z-index:1001;
  top:4px;
  left:0; right:0; margin:0 auto;
  width:50%;
  background-color:#FFF;
  border: 1px solid #00C;
  text-align:center; 
  padding:2px 8px 4px 8px; 
  font-size:14px;
  font-weight:bold;
  color:#333;
}
#PopupMessage .errormsg,
#popupmsg .errormsg, 
#eventmsg .errormsg, #workoutmsg .errormsg {
  color:#F66;
}

/* Buttons and button links */
div .button_div 
{ 
  display:inline-block; 
  margin:2px; 
  cursor:pointer; 
  text-align:center; 
}
div .button_div.line { margin:0px; }
div .button 
{ 
	font-weight:normal;
/*	width: 100%; color:#333; 	color:#3366CC; */
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#dcdcdc));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.button:hover
{
  color:#00A;
	background: #ededed;
	border-color: #acacac;
	text-decoration: none;
}
div.button.small
{
  font-size:14px;
  padding:2px 4px;
}
div.button.line
{
  font-size:12px;
  padding:1px 4px;
}
div .button_go a { text-decoration:none; }
div .button_go
{ 
	font-weight:normal;
/*	width: 100%; color:#333; 	color:#3366CC; */
	padding: 4px 8px;
	background: #dcdcdc;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#D0F0D0), to(#90EE90));
	background-image: -webkit-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -moz-linear-gradient(top, #D0F0D0, #90EE90);
	background-image: -ms-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: -o-linear-gradient(top, #fefefe, #dcdcdc);
	background-image: linear-gradient(top, #fefefe, #dcdcdc);
	color:#333;
	border:1px solid #bbb;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	text-shadow: #fff 0px 1px 0px;
	min-width: 0;
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), 0px 1px 1px rgba(0, 0, 0, 0.2);
	-webkit-user-select: none;
	user-select: none;
}
.button_go:hover
{
  color:#00A;
	background: #D0F0D0;
	border-color: #acacac;
	text-decoration: none;
}

/* base classes */
.pointer_cursor { cursor:pointer; }
.display_none { display:none; }
.display_block { display:block; }
.display_inline { display:inline; }
.display_inlineblock { display:inline-block; }
.border_bottom { border-bottom:1px solid #666; margin-bottom:16px; padding-bottom:16px; }
.align_left { text-align:left; }
.align_center { text-align:center; }
.align_right { text-align:right; }
.section { margin:10px 0px; text-align:left; }
.section_bold { font-weight: bold; margin:10px 0px; text-align:left; }
.font_bold { font-weight:bold; }
.fontxsmall { font-size:60%; }
.fontsmall { font-size:80%; }
.error-message { color:#C00000; }
.attention { color:#C00000; }