*, *:before, *:after {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

body {
    height: 100%;
    margin: 0;
	padding: 0;
	background: #fefefe url(../images/subtle_dots.png) fixed;
    font: 13px Verdana, Arial, Geneva, sans-serif;
	color: #333;
	line-height: 1.5;
}

img {
	border: none;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
}

#header {
	background: #f5f5f5 url(../images/background-header.gif);
	margin: 0 0 30px 0;
	padding: 0;
	width: 100%;
	height: 125px;
	position: fixed;
	top:0;
	z-index:7777;
	border-bottom: 1px solid #a5a5a5;
	box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.1);
	-webkit-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.1);
	-ms-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.1);
	-o-box-shadow: 0px 1px 11px 0px rgba(0,0,0,0.1);
    -webkit-transition: all 1s ease 0s;
    -moz-transition: all 1s ease 0s;
    -o-transition: all 1s ease 0s;
    transition: all 1s ease 0s;
}
#header:hover {
	background: #CCC url(../images/backgroud-header-hover.gif);
	box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.2);
	-ms-box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.2);
	-o-box-shadow: 0px 1px 16px 0px rgba(0,0,0,0.2);
    -webkit-transition: all 0.5s ease 0s;
    -moz-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}

.container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
.bodyarea {
	margin-top:160px;
}
.bodyarea-no-top {
	margin-top:20px;
}
#banner-1, #banner-2, #banner-3, #banner-4, #banner-1_fr, #banner-2_fr, #banner-3_fr, #banner-4_fr {
	margin: 0;
	padding: 0;
	width: 960px;
	height: 234px;
	border-bottom: 1px solid #FFF;
}
#banner-1 {
	background: url(../images/banner-1.jpg) no-repeat;
}
#banner-2 {
	background: url(../images/banner-2.jpg) no-repeat;
}
#banner-3 {
	background: url(../images/banner-3.jpg) no-repeat;
}
#banner-4 {
	background: url(../images/banner-4.jpg) no-repeat;
}
#banner-1_fr {
	background: url(../images/banner-1_fr.jpg) no-repeat;
}
#banner-2_fr {
	background: url(../images/banner-2_fr.jpg) no-repeat;
}
#banner-3_fr {
	background: url(../images/banner-3_fr.jpg) no-repeat;
}
#banner-4_fr {
	background: url(../images/banner-4_fr.jpg) no-repeat;
}

.logo {
	background: url(../images/CAO-ACO-logo.png) no-repeat;
	width: 479px;
	height: 102px;
	margin: 11px 0 0 0;
	padding: 0;
	float: left;
}
.logo_fr {
	background: url(../images/CAO-ACO-logo_fr.png) no-repeat;
	width: 479px;
	height: 102px;
	margin: 11px 0 0 0;
	padding: 0;
	float: left;
}

.splash.wrapper {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0px 0px -76px 0px;
}
.splash.wrapper .splashcontainer {
    padding: 0px 0px 76px 0px;
	overflow:hidden;
}
.center {
	text-align: center;
}
#headerlinks {
	margin: 41px 0 0 0;
	padding: 0;
	display:block;
	width: 460px;
	float: right;
}

#headerlinks li {
   list-style: none;
   display: inline-block;
   padding: 0 3px 0 18px;
   float: right;
}
#headerlinks li a {
	padding: 0;
	text-align: right;
	color: #d2232a;
	font-size: 15px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #fff;
}
#headerlinks li a:hover {
	color: #333;
	text-shadow: 0px 1px 0px #fff;
}

#redbar-short {
	margin: 0;
	padding: 1px 0 0 0;
	height: 7px;
	background-color: #d2232a;
	text-align:center;
}
#redbar, #redbar_fr {
	margin: 0;
	padding: 1px 0 0 0;
	height: 50px;
	background-color: #d2232a;
	text-align:center;
	overflow: hidden;
}
#redbar li, #redbar_fr li {
	list-style: none;
	float: left;
	margin: 0;
	padding: 0 25px;
	text-align: center;
	font-family: "Century Gothic", "ITC Avant Garde Gothic", "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-weight: lighter;
	color: #FFF;
	font-size: 18px;
	white-space:nowrap;
}
#redbar li a, #redbar_fr li a  {
	margin:0;
	padding: 0;
	color: #FFF;
	font-size: 18px;
	font-weight: lighter;
	text-align: center;
	text-decoration: none;
}
#redbar li a:hover, #redbar_fr li a:hover  {
	color: #ccc;
}



#SPLASH-BACK {
	padding: 0;
	height: 447px;
	background: #FFF url(../images/splash-image.jpg) no-repeat;
	border-top:1px solid #FFF;
	clear:both;
}
.redbar {
	margin: 0 0 20px 0;
	padding: 0;
	height: 12px;
	border-top: 1px solid #FFF;
	background-color: #d2232a;
}
#BODY-BACK {
	margin: 0 0 40px 0;
	padding: 20px 0 0 0;
	background: #FFF url(../images/sidebar-back.gif) repeat-y;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 5px solid #d2232a;
   -moz-box-shadow:    inset 0 2px 7px #eaeaea;
   -webkit-box-shadow: inset 0 2px 7px #eaeaea;
   box-shadow:         inset 0 2px 7px #eaeaea;
}

#BODY-BACK-NO-NAV {
	margin: 0 0 40px 0;
	padding: 20px 0 40px 0;
	background-color: #FFF;
	border-left: 1px solid #d7d7d7;
	border-right: 1px solid #d7d7d7;
	border-bottom: 5px solid #d2232a;
   -moz-box-shadow:    inset 0 2px 7px #eaeaea;
   -webkit-box-shadow: inset 0 2px 7px #eaeaea;
   box-shadow:         inset 0 2px 7px #eaeaea;
}

#aside {
	float: left;
	width: 229px;
	padding: 0 10px;
	/*min-height:300px;*/
}
#aside ul {
	margin: 0 0 0 -10px;
	padding: 0;
}
#mainContent {
	margin: 0 0 0 230px;
	padding: 1px 20px 20px 20px;
	position:relative;
}

#mainContentNoNav {
	margin: 0 0 0 20px;
	padding: 1px 20px 20px 20px;
}

a:link {
	color: #CC0000;
	text-decoration: none;
	-webkit-transition:color .1s ease-in-out;
	-moz-transition:color .1s ease-in-out;
	-o-transition:color .1s ease-in-out;
	transition:color .1s ease-in-out;
}
a:visited {
	color: #CC0000;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	color: #777;
	text-decoration: none;
}

#splash-footer {
	background-image: url(../images/background-72.png);
	border-top: 1px solid #FFF;
	width: 100%;
	padding: 30px 0;
	color: #CCCCCC;
	font-size: 11px;
	-moz-box-shadow:    0px -3px 11px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px -3px 11px 0px rgba(0,0,0,0.2);
	box-shadow:         0px -3px 11px 0px rgba(0,0,0,0.2);
}
#splash-footer a {
	color: #FFF;
}
#splash-footer a:hover {
	color: #ffcccc;
}
#footer {
	background-image: url(../images/background-60.png);
	border-top: 1px solid #FFF;
	width: 100%;
	min-height: 300px;
	padding: 20px 0;
	font-size: 10px;
	color: #f9f9f9;
	-moz-box-shadow:    0px -1px 11px 0px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px -1px 11px 0px rgba(0,0,0,0.2);
	box-shadow:         0px -1px 11px 0px rgba(0,0,0,0.2);
}

.footerlogo {
	background: url(../images/YoursSmile-small.png) no-repeat;
	width: 216px;
	height: 46px;
	float: right;
}
.footerlogo_fr {
	background: url(../images/YoursSmile-small.png) no-repeat;
	width: 216px;
	height: 46px;
	float: right;
}

#footer a:link, #footer a:visited {
	color: #CCC;
	text-decoration: none;
	font-size: 10px;
	padding: 0;
}
#footer a:hover {
	text-decoration: none;
	color: #e7e7e7;
	font-size: 10px;
}

#footer ul {
	display: block;
	width: 228px;
	margin: 0;
	padding: 0;
	float: left;
}
#footer ul.double {
	display: block;
	width: 454px;
	margin: 0;
	padding: 0;
	float: left;
}
#footer ul.inner {
	display: block;
	width: 211px;
	margin: 0;
	padding: 0;
	float: left;
}
#footer ul.margin-right {
	margin: 0 23px 0 0;
}
#footer li {
	margin: 0;
	padding: 0 0 0 3px;
	list-style: none;
	line-height: 2.0;
	overflow: auto;
}
#footer li.footerlinks a {
	float: right;
	display: inline-block;
	margin: 0 0 0 11px;
	font-size: 11px;
}
#footer .header, #footer .header a {
	margin: 10px 0;
	padding: 0;
	font-size: 14px;
	color:#fff;
}
#footer .header:hover a {
	color: #ccc;
}

#footer2 {
	background-color: #232323;
	width: 100%;
	min-height: 30px;
	padding: 20px 0;
	font-size: 10px;
	color: #999;
}


.fltrt {
	float: right;
	margin-left: 11px;
}
.fltlft {
	float: left;
	margin-right: 11px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}


H1, H2, H3, H4, H5, H6 {
	margin: 30px 0 10px 0;
	padding: 0;
	font-family: "Century Gothic", "ITC Avant Garde Gothic", "Trebuchet MS", Verdana, Geneva, sans-serif;
	font-weight: normal;
}
H1 {
	font-size : 36px;
	color: #d2232a;
	font-weight: lighter;
	margin: 0 0 10px 0;
}
H2  {
	font-size : 28px;
	color: #777;
}
H3 {
	font-size : 28px;
	color: #d2232a;
}
H4 {
	font-size : 20px;
	color: #777;
	margin: 10px 0;
}
H5 {
	font-size : 20px;
	color: #d2232a;
	margin: 10px 0;
}
H6 {
	font-size : 14px;
	color: #d2232a;
	margin: 0;
}

hr {
	border: none 0;
	border-top: 1px dotted #CC0000;
	height: 1px;
	margin: 20px 0;
	width:100%;
	text-decoration: none;
}
hr.greyline {
	border: none 0;
	border-top: 1px dotted #999;
	height: 1px;
	margin: 20px 0;
	width:100%;
	text-decoration: none;
}
hr.whiteline {
	border: none 0;
	border-top: 1px dotted #FFF;
	height: 1px;
	margin: 10px 0;
	padding: 0;
	width:100%;
	text-decoration: none;
}

#mainContent li {
	padding: 0 0 7px 0;
}

.lightblue {
	color : #0099CC;
}
.blue, .blue-text {
	color : #00457D;
}
.orange {
	color : #FF9900;
}
.green {
	color : #339900;
}
.purple {
	color : #663399;
}
.red, a.red, a.red:visited {
	color : #CC0000;
}
a.red:hover {
	color : #0099CC;
}
.white, a.white {
	color : #FFF;
}
.white a:hover {
	color : #e2e2e2;
}
.grey  {
	color : #666;
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
}
.lightgrey  {
	color : #999;
	text-shadow:0 1px 0 rgba(255,255,255,0.9);
}
.small { font-size : 10px;}
.medium { font-size : 14px;}
.large { font-size : 18px;}
.extralarge { font-size : 24px;}
.message-error {
	color:#C00;
	font-size:14px;
}


/* ================================ VIDEO ======================= */

.video-container {
	position:relative;
	padding-bottom: 56.25%;
	overflow:hidden;
}
.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
}

/* =============================== BUTTON ======================= */

a.button, button.button {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	margin: 20px 0;
	padding: 9px 16px;
	text-align: center;
	background-color: #C00;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
a.buttonsmall, button.buttonsmall {
	border-radius: 5px;
	color: #fff;
	display: inline-block;
	font-size: 12px;
	margin: 0;
	padding: 3px 9px;
	text-align: center;
	background-color: #C00;
	text-shadow: 0 1px 0 rgba(0,0,0,0.3);
}
a.button:hover, a.buttonsmall:hover, button.button:hover, button.buttonsmall:hover {
	background-color: #777;
}

/* ====================== FANCY TABLE ======================== */

table {
    /*border-collapse: collapse;
    margin-bottom: 3em;*/
    width: 100%;
    /*background: #fff;*/
}
.fancy td, .fancy th {
    padding: 0.5em .75em;
}
.fancy td.err {
	background-color: #990000;
	color: #fff;
	font-size: 0.75em;
	text-align: center;
	line-height: 1;
	}
.fancy th {
	background-color: #990000;
	font-weight: 700;
	color: #FFF;
	white-space: nowrap;
}
.fancy th a, .fancy th a:visited {
	color: #fff;
}
.fancy th a:hover, .fancy th a:active {
	color: #CCC;
}
/*.fancytable tbody th {
	background-color: #336699;
}*/
.fancy tr:nth-child(odd) {
    background-color: #f1f1f1;
}
.fancy tr:nth-child(even) {
    background-color: #fafafa;
}
/*
tbr:nth-ody tchild(2n-1) {
    background-color: #f2f2f2;
    transition: all .125s ease-in-out;
}
*/
.fancy tbody tr {
	border-bottom:1px dotted #ccc; /* added by K-J */
	background: rgba(235,245,251,0.2);
}
.fancy tbody tr:hover {
	background: rgba(235,245,251,0.8);
}
.fancy.no-hover tbody tr:hover {
  background-color: inherit;
}



/* ====================== SHOW HIDE ========================= */

.expandicon {
	padding: 5px;
	float: right;
	margin: -40px 0 0 0;
	color: #FFF;
	font-size: 10px;
	text-align: center;
	background-color: #990000;
	border-radius: 3px;
}
.expandiconfull {
	padding: 0;
	margin: 0;
	height: 41px;
	color: #900;
	font-size: 14px;
	text-align: center;
	background: #ebebeb url(../images/expand-arrow.gif) center bottom no-repeat;
}
.expandicon:hover {
	background-color: #666;
}

.expand-title {
	cursor: pointer;
}
.expand-area {
	padding: 3px;
	background-color:#fcfcfc;
	background-image: -webkit-linear-gradient(rgba( 255, 255, 255, 1), rgba( 252, 252, 252, 1));
	background-image: linear-gradient(rgba( 255, 255, 255, 1),rgba( 252, 252, 252, 1));
}

.arrow {
	background: #acacac url(/sites/default/uploads/images/arrow-down.gif) right no-repeat;
	width:23px;
	height:23px;
	/*position:absolute;
	right:20px;	*/
	margin-left:30px;
}



/* ================================== SPRITES =======================================*/


#social ul {
	margin: 0;
	padding: 0;
}
#social li {
   list-style: none;
	margin: 0;
   padding: 0 0 0 18px;
   float: right;
}


a.icon-cao-member { background: transparent url(../images/sprtsht.png) no-repeat  no-repeat -1px -2px; width: 36px; height: 38px; display: block; float: right; margin-left: 23px; }
a.icon-cao-member:hover { background-position: -1px -99px; }
a.icon-cao-member:active { background-position: -1px -50px; }
.icon-cao-member-big { background: transparent url(../images/sprtsht.png) no-repeat -1px -177px; width: 52px; height: 54px; display: block; float: left; margin: 0 10px 0 0; }
.icon-cao-member-small { background: url(../images/sprtsht.png) no-repeat -80px -145px; width: 23px; height: 24px; display: block; float: left; margin: 0 5px 0 0; }


a.icon-be-a-member { background: transparent url(../images/sprtsht.png) no-repeat -55px -6px; width: 41px; height: 34px; display: block; float: right; margin-left: 23px; }
a.icon-be-a-member:hover { background-position: -55px -103px; }
a.icon-be-a-member:active { background-position: -55px -55px; }
.icon-be-a-member-big { background: transparent url(../images/sprtsht.png) no-repeat -80px -183px; width: 59px; height: 48px; display: block; float: left; margin: 0 10px 0 0; }
.icon-be-a-member-small { background: url(../images/sprtsht.png) no-repeat -115px -147px; width: 25px; height: 22px; display: block; float: left; margin: 3px 5px 0 0; }


a.icon-orthodontist { background: transparent url(../images/sprtsht.png) no-repeat -115px 0; width: 36px; height: 40px; display: block; float: right; margin-left: 23px; }
a.icon-orthodontist:hover { background-position: -115px -97px; }
a.icon-orthodontist:active { background-position: -115px -48px; }
.icon-orthodontist-big { background: transparent url(../images/sprtsht.png) no-repeat -168px -173px; width: 52px; height: 58px; display: block; float: left; margin: 0 10px 0 0; }
.icon-orthodontist-small { background: url(../images/sprtsht.png) no-repeat -152px -143px; width: 23px; height: 26px; display: block; float: left; margin: 0 5px 0 0; }


a.icon-members-only { background: transparent url(../images/sprtsht.png) no-repeat  no-repeat -174px 0; width: 43px; height: 40px; display: block; float: right; margin-left: 23px; }
a.icon-members-only:hover { background-position: -174px -97px; }
a.icon-members-only:active { background-position: -174px -49px; }
.icon-members-only-small { background: url(../images/sprtsht.png) no-repeat -189px -144px; width: 28px; height: 25px; display: block; float: left; margin: 0 5px 0 0; }


a.icon-boardroom { background: transparent url(../images/sprtsht.png) no-repeat  no-repeat -240px -3px; width: 48px; height: 37px; display: block; float: right; margin-left: 23px; }
a.icon-boardroom:hover { background-position: -240px -100px; }
a.icon-boardroom:active { background-position: -240px -51px; }
.icon-boardroom-small { background: url(../images/sprtsht.png) no-repeat -231px -145px; width: 31px; height: 24px; display: block; float: left; margin: 0 5px 0 0; }


a.icon-event { background: transparent url(../images/sprtsht.png) no-repeat  no-repeat -317px -4px; width: 34px; height: 36px; display: block; float: right; margin-left: 23px; }
a.icon-event:hover { background-position: -317px -101px; }
a.icon-event:active { background-position: -317px -52px; }
.icon-event-big { background: transparent url(../images/sprtsht.png) no-repeat -253px -178px; width: 51px; height: 53px; display: block; float: left; margin: 0 10px 0 0; }
.icon-event-small { background: url(../images/sprtsht.png) no-repeat -321px -145px; width: 23px; height: 24px; display: block; float: left; margin: 0 5px 0 0; }


#social .twitter { background: url(../images/sprtsht.png) no-repeat -12px -247px; width: 32px; height: 27px; }
#social .twitter:hover { background-position: -12px -283px; }
#social .twitter:active { background-position: -12px -320px; }

#social .linkedin { background: url(../images/sprtsht.png) no-repeat -93px -245px; width: 32px; height: 31px; }
#social .linkedin:hover  { background-position: -93px -281px; }
#social .linkedin:active  { background-position: -93px -318px; }

#social .facebook { background: url(../images/sprtsht.png) no-repeat -133px -245px; width: 32px; height: 31px; }
#social .facebook:hover { background-position: -133px -281px; }
#social .facebook:active { background-position: -133px -318px; }

.back-arrow { background: url(../images/sprtsht.png) no-repeat -38px -151px; width: 17px; height: 17px; float:left; margin: -1px 5px 0 0; }
.right-arrow { background: url(../images/sprtsht.png) no-repeat -3px -151px; width: 17px; height: 16px; float:right; margin: -1px 0 0 5px; }

/* ===================================== NAV =====================================*/

nav#navbar {
	display: inline-block;
	width: 216px;
}
nav#navbar * {
	list-style-type: none;
}
nav#navbar ul li {
	display: block;
	/*min-height: 40px;
	line-height: 40px;*/
	height: auto;
	width: inherit;
	overflow: hidden;
	/* background: #cad5e1; */
	border-bottom: solid 1px #FFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	text-shadow: 0px 1px 1px #fff;
}
nav#navbar ul li:last-child {
	border-bottom: none;
}
nav#navbar ul li a, nav#navbar ul li a:visited {
	text-decoration: none;
	text-transform: uppercase;
	color: #505050;
	text-shadow: 0px 1px 1px #fff;
	display: block;
	padding: 12px 10px;
	line-height: 1.5;
}
nav#navbar ul>li.has-submenu {
	background: url(../images/sub-arrow.png) right top no-repeat;
}
nav#navbar ul li a:hover {
	color: #d2232a;
}
nav#navbar ul li ul {
	display: none;
	margin-left: -12px;
	/*margin-right: -12px;
	background: url(../images/shadow.png) repeat-x #e3e3e3;*/
	background-color: #e3e3e3;
	box-shadow:0 3px 4px rgba(0,0,0,0.15) inset;

}
nav#navbar ul li.active>ul {
    display: block;
}
nav#navbar ul li.active>a {
	color: #d2232a;
}
nav#navbar ul li ul li {
	border-bottom: solid 1px #ccc;
	border-left: none;
	background: none;
	padding-left: 15px;
	font-size: 13px;
}
nav#navbar ul>li:hover {
		background-color: #fafafa;
}

nav#navbar ul li ul li:first-child {
	/*background: url(../images/arrow.png) 20px 0px no-repeat;*/
	box-shadow:0 3px 4px rgba(0,0,0,0.15) inset;
}
nav#navbar ul li ul li:last-child {
	/*background: url(../images/shadow2.png) repeat-x bottom;*/
	box-shadow:0 -3px 4px rgba(0,0,0,0.15) inset;
}
nav#navbar ul li ul li a, nav#navbar ul li ul li a:visited {
	text-shadow: #FFF 0px 1px 1px;
}
nav#navbar ul li ul li a:hover {
	color: #d2232a;
}
nav#navbar ul li:hover ul {
	/*display: block;*/
}


/* ====================== BOXES ========================= */

.box-1, .box-1-3, .box-1-2, .box-2-3 { display:inline; float:left; margin-top:10px; margin-bottom:10px; margin-left:1%; margin-right:1%; padding:10px;}
.box-1 { width: 98%; }
.box-1-3 { width: 31%;}
.box-1-2 { width: 47.5%; }
.box-2-3 { width: 64%; }
.l{ margin-left:0; }
.r{ margin-right:0; }

.nomargin { margin:0;}
.nopadding { padding:0;}

.box-1 h4, .box-1 h5, .box-1-3 h4, .box-1-3 h5, .box-1-2 h4, .box-1-2 h5, .box-2-3 h4, .box-2-3 h5 { line-height:1.0; margin-top:10px; }
.box-1 p, .box-1 p, .box-1-3 p, .box-1-3 p, .box-1-2 p { margin:0; padding:4px 0; }

.shadow {
	-webkit-box-shadow: 0px 0px 11px rgba(0,0,0,0.2);
	-moz-box-shadow:    0px 0px 11px rgba(0,0,0,0.2);
	box-shadow:         0px 0px 11px rgba(0,0,0,0.2);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:1px solid #f2f2f2;
}
.boxbackground {
	background: url(../images/boxbackground.png);
	border:1px solid #CCC;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.height100, .height-100  { height:100px; overflow:hidden }
.height150, .height-150 { height:150px; overflow:hidden }
.height180, .height-180 { height:180px; overflow:hidden }
.height200, .height-200 { height:200px; overflow:hidden }
.height225, .height-225 { height:225px; overflow:hidden }
.height250, .height-250 { height:250px; overflow:hidden }
.height275, .height-275 { height:275px; overflow:hidden }
.height300, .height-300 { height:300px; overflow:hidden }
.height350, .height-350 { height:350px; overflow:hidden }
.height400, .height-400 { height:400px; overflow:hidden }
.height500, .height-500 { height:500px; overflow:hidden }
.height600, .height-600 { height:600px; overflow:hidden }
.height700, .height-700 { height:700px; overflow:hidden }



/* =================== TOOL TIPS ====================== */

a.tooltip {outline:none; }
a.tooltip:hover {text-decoration:none;}
a.tooltip span {
    z-index:10;display:none; padding:11px;
    margin-top:50px; margin-left:-100px;
    min-width:140px; line-height:16px;text-align:center;
}
a.tooltip:hover span{
    display:inline; position:absolute;
    border:2px solid #FFF;  color:#FFF;
    background:#000 url(../images/tooltip-back.png) repeat-x 0 0;
}
.callout {z-index:20;position:absolute;border:0;top:-14px;left:87px;}

/*CSS3 extras*/
a.tooltip span
{
    border-radius:2px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;

    -moz-box-shadow: 0px 0px 8px 4px #999;
    -webkit-box-shadow: 0px 0px 8px 4px #999;
    box-shadow: 0px 0px 8px 4px #999;
}

/* maps */
.map-container {
	margin: 20px 0;
	height: 250px;
	width: 100%;
	position: relative;
}
.map-control {
	height: 100%;
}
.map-crosshair {
	z-index: 100;
	position:absolute;
  width:32px;
  height:32px;
  left:50%;
  top:50%;
  margin-top:-32px;
  margin-left:-16px;
  pointer-events: none;
}

#tabs .control-group:before,
#tabs .control-group:after {
	display: block;
}