div {text-align:left;float:left;display:block;position:relative;width:100%;}
#main {width:100%;}
.accent{color:#FC0;}
img{border:0;}

.p,body {
	font-family:Arial, Helvetica, sans-serif;font-size:14px;padding:2px;line-height:150%;color:#CCC;
}
.h1 {font-family:Arial, Helvetica, sans-serif;font-size:24px;color:#FFF;line-height:200%;}
.h2 {font-family:Arial, Helvetica, sans-serif;font-size:20px;color:#FFF;line-height:200%;}
.h3 {font-family:Arial, Helvetica, sans-serif;font-size:16px;color:#FFF;line-height:150%;}
.h4 {font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#FFF;}
.h5 {font-family:Verdana, Geneva, sans-seriffont-size:11px;color:#FFF;
}
#footer_content a{
	color:#FFF;
}
#mainmenu {
	float:right;width:auto;text-align:right;position:absolute;right:10px;bottom:5px;
}
a.menu:link,a.menu:active,a.menu:visited,a.menu:hover {
	font-family:Arial, Helvetica, sans-serif;font-size:18px;text-decoration:none;color:#FFF;margin:0em 0em 0.2em 2em;
}
a.menu:hover {
	color:#FC0;
}
#supermenu {
	float:right;text-align:right;width:auto;margin:5px 10px;height:15px;
}
a.supermenu:link,a.supermenu:active,a.supermenu:visited,a.supermenu:hover {
	font-family:Arial, Helvetica, sans-serif;font-size:12px;text-decoration:none;color:#666;margin:0.5em 0em 0.5em 2em;
}
a.supermenu:hover {
	color:#FC0;
}
a:link,a:active,a:visited,a.hover {text-decoration:none;color:#333;}
a:hover{color:#FC0;}

#admin {
	color:#999;font-family:Verdana, Geneva, sans-serif;font-size:16px;font-weight:100;
	border:1px solid #ccc;padding:6px 0px 6px 12px;width:98%;
}
.admin-inner {font-size:11px;text-decoration:none;float:right;}
.admin-inner img{vertical-align:text-bottom;}
.admin-inner a{padding:0em 1em 0em 0.2em;color:#999;}
.admin-inner a:hover{color:#333;};

#join .h4 {color:#333}

#left_column{width:420px;float:left;padding:0px 10px 10px 0px;margin-top:10px;}
#right_column{width:420px;float:right;padding:0px 0px 10px 10px;margin-top:10px;}

div.block {display:inline-block;margin:5px;width:420px;vertical-align:top;}
.greyFrame {padding:5px;width:auto;border:1px solid #CCC;corner-roudness:4px;}
div.underline {	border-bottom:1px solid #999;padding-bottom:1px;margin-bottom:3px;}

.success {
	background: #FFF url('http://static.highperformancehealth.ca/graphics/success_bg.gif') repeat-x top;
	margin:2px auto;padding:15px 3px 2px 3px;width:400px;text-align:left;border:1px solid #CCC;float:none;
}
.failure {
	background: #FFF url('http://static.highperformancehealth.ca/graphics/failure_bg.gif') repeat-x top;
	margin:2px auto;padding:15px 3px 2px 3px;width:400px;text-align:left;border:1px solid #CCC;float:none;
}
.draggable{
	border:1px solid #FFF;
}
.draggable.hover{
	border:1px solid #666;
	cursor:move;
	background-color:#CCCCCC;
}
.droppable{
	border:5px dashed #FFF;
}
.droppable.hover{
	border:5px dashed #FC0;
	background-color:#FF9;
}
.onoff_box{
	background:url('/img/graphics/onoff_bg.gif') no-repeat left;
	width:106px;
	height:36px;
}

.scrollable {position:relative;overflow:hidden;width:364px;height:260px;margin-right:20px;text-align:center;}
.scrollable .items {width:20000em;position:absolute;clear:both;}

.scrollable div {float:left;padding:2px;cursor:pointer;width:360px;height:240px;}
.scrollable .active {border:0px;z-index:9999;position:relative;}
.scrollable {float:left;}
.scrollable-arrows{float:left;width:360px;height:30px;margin-top:235px;text-align:center;}
a.browse {display:block;width:18px;height:18px;cursor:pointer;font-size:1px;}

a.right { background:url(/img/icons/navigation-000-white.png) no-repeat; margin-right: 0px; float:right;}
a.right:hover,a.right:active{background:url(/img/icons/navigation.png) no-repeat;}
a.left{  background:url(/img/icons/navigation-180-white.png) no-repeat; margin-left: 0px;float:left;} 
a.left:hover,a.left:active{background:url(/img/icons/navigation-180.png) no-repeat;}

.simple_overlay {
	display:none;z-index:10000;background-color:#333;width:675px;min-height:200px;border:1px solid #666;
	-moz-box-shadow:0 0 90px 5px #000;-webkit-box-shadow: 0 0 90px #000;	
}
.simple_overlay .close {
	background-image:url(/img/present/graphics/close.png);
	position:absolute;right:-15px;top:-15px;cursor:pointer;height:35px;width:35px;
}

.next, .prev {
	position:absolute;top:40%;	border:1px solid #666;	cursor:pointer;
	display:block;padding:10px 20px;color:#fff;font-size:11px;-moz-border-radius:5px;-webkit-border-radius:5px;	
}
.prev {left:0;border-left:0;-moz-border-radius-topleft:0;-moz-border-radius-bottomleft:0;-webkit-border-bottom-left-radius:0;-webkit-border-top-left-radius:0;}
.next {right:0;border-right:0;-moz-border-radius-topright:0;-moz-border-radius-bottomright:0;-webkit-border-bottom-right-radius:0;-webkit-border-top-right-radius:0;	}
.next:hover, .prev:hover {text-decoration:underline;background-color:#000;}
.disabled {visibility:hidden;}
.info {position:absolute;bottom:0;left:0;	padding:10px 15px;color:#fff;font-size:11px;border-top:1px solid #666;}
.info strong {display:block;}
.progress {position:absolute;top:45%;left:50%;display:none;}
.next, .prev, .info {background:#333 !important;background:rgba(0, 0, 0, 0.6) url(/img/global/gradient/h80.png) repeat-x;}
#gallery .disabled { visibility:visible !important; } 
#gallery .inactive { visibility:hidden !important; }


.error, .notice, .success {padding:.1em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.error div.h4{color:#333}
.notice a {color:#514721;}
.success a {color:#264409;}
label.error {display:none;padding:0.1em;height:10px;font-size:9px;}
input.error {padding:0.1em;}
label.tick {width:60px;height:32px;background:url('/img/icons/tick.png') no-repeat;padding:0.3em 1.1em;margin-left:0.3em;border:0px;}