@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed:400,300italic,300,400italic,700,700italic);
/*font-family: 'Roboto Condensed', sans-serif;*/

@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,500,500italic,700,700italic,900,900italic);
/*font-family: 'Roboto', sans-serif;*/


/*------------------| body frame start |--------------------*/
body { 
	background-color:#ebebeb;
	background-image: url(../images/page-bg.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	padding:0px;
	margin:0px;
	font-family: 'Roboto', sans-serif;
	font-size:14px;
	color:#373a3d;
	line-height:20px;
	font-weight:400;
	min-width:1020px;
}
/*.desktopView{
	
}*/
#container{
	clear:both;
	overflow:hidden;
	display:block;
	margin:0px auto;
	width:1020px;
	padding:0px 10px;
	margin-bottom:30px;
}
#mainArea{
	clear:both;
	overflow:hidden;
	display:block;
}
#mainArea.inside{
	padding-top:40px;
}
#contentArea{
	background-color:#FFFFFF;
	clear:both;
	overflow:hidden;
	display:block;
	padding:18px;
}
#rightPanel{
	float:right;
	width:662px;
}
#leftPanel{
	float:left;
	width:280px;
}
#footer{
	clear:both;
	overflow:hidden;
	display:block;
	padding:20px 0px 20px 0px;
	background-color:#ffffff;
	background-image:url(../images/footer-bg.gif);
	background-repeat:repeat-x;
	background-position:left top;
}
#footer .centerBlock{
	margin:0px auto;
	width:1020px;
	padding:0px 15px 0px 15px;
	font-size:12px;
	text-align:left;
	color:#4c4d4d;
	overflow:hidden;
	}
#footer .centerBlock a{
	float:right
}
/*------------------| body frame end |--------------------*/



/*------------------| header start |--------------------*/
#header{
	/*height:150px;*/
	clear:both;
	/*overflow:hidden;*/
	background-image: url(../images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position:relative
}
#header .logo{
	float:left;
	margin-top: 40px;
}
.callInfo{
	float:right;
	font-weight:300;
	font-size:24px;
	color:#04047f;
	padding-top:50px
}
.callInfo a{
	
	color:#04047f;
	text-decoration:none;
	
}
/*------------------| header end |--------------------*/





/*------------------| tags start |--------------------*/
*{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: transparent;
}
a{
	color:#7a0000;
}
a:hover{
	text-decoration:none
}
a img{
	border:0px;
	outline:none;
}
h1, h2, h3, h4, h5, h6, p{
	padding:0px;
	margin:0px;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
p{
	padding:0px;
	margin:0px;
	padding-bottom:20px;
}
ul{
	padding-bottom:18px;
	/*margin-left:26px;*/
}
ol{
	padding-bottom:18px;
	/*margin-left:30px;*/
}
h1{
	font-size:30px;
	color:#792123;
	line-height: 34px;
    padding-bottom: 10px;
}
h2{
	font-size:26px;
	color:#303030;
	padding-bottom:10px;
	line-height:26px;
}
h3{
	font-size:22px;
	color:#377fac;
	padding-bottom:6px;
	line-height:26px;
}
h4{
	font-size:18px;
	color:#161616;
	padding-bottom:6px;
	font-weight:600;
}
h5{
	font-size:16px;
	color:#1d317c;
	padding-bottom:4px;
	font-weight:700;
	
}
h6{
	font-size:14px;
	color:#161616;
	padding-bottom:2px;
	font-weight:600;
}
.pageHeader{
	padding:32px 0px;
	color:#FFFFFF;
	clear:both;
	overflow:hidden;
	font-size:16px;
	line-height:24px;
}
.pageHeader .headerText{
	float:left;
	width:338px;
}
.pageHeader .headerImg{
	float:right;
	border-radius:15px;
	-webkit-border-radius:15px;
	-moz-border-radius:15px;
}
.pageHeader h1{
	color:#FFFFFF;
	font-size:26px;
	font-weight:normal
}
hr{
	padding:0px;
	margin:0px;
	border:0px;
	border-bottom: 1px dashed #A2A7AD;
	height:0px;
	background-color:transparent;
	margin:10px 0px 20px 0px;
	clear:both;
	overflow:hidden;
}

/*------------------| tags end |--------------------*/






/*------------------| misc start |--------------------*/
.blueText{
	color:#5192b7
}
.purpleText{
	color:#552f7a
}
.purpleBtn{
	background-color:#552f7a;
	color:#FFFFFF;
	padding:1px 8px;
	text-decoration:none;
	display:inline-block
}
.purpleBtn:hover{
	background-color:#4886ac;
	color:#FFFFFF
}
.alignleft{
	float:left;
	margin-right:15px;
	margin-bottom:15px;margin-top:5px;
}
.alignright{
	float:right;
	margin-left:15px;
	margin-bottom:15px;
	margin-top:5px;
}
.leftAlign{
	float:left;
}
.rightAlign{
	float:right;
}
.pageNotFound{
	padding:280px 0px 0px 0px;
	margin:40px auto 60px auto;
	text-align:center;
	background-image: url(../images/404-img.png);
	background-repeat: no-repeat;
	background-position: center top;
}

.upcomingConference{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#ebebeb;
	padding:15px;
	margin-bottom:20px
}
.upcomingConference h2{
	color:#792123
}

.upcomingConference ul{
	padding:0px;
	margin:0px;
	list-style:none
}
.upcomingConference ul li{
	padding:10px 0px 10px 54px;
	position:relative
}
.date{
	background-color:#6d6d6d;
	color:#FFFFFF;
	text-transform:uppercase;
	text-align:center;
	font-weight:normal;
	line-height:16px;
	position:absolute;
	left:0px;
	top:0px;
	width:46px;
	padding:4px 0px;
	margin-top:15px
}
.date span{
	font-size:30px;
	display:block;
	line-height:30px
}
.upcomingConference ul li a{
	font-size:16px;
}
.upcomingConference ul li p{
	padding-bottom:10px;
}
.upcomingConference h5{
	font-weight:normal;
	}
.becomeMember{
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	background-color:#929292;
	padding:15px;
	color:#FFFFFF;
}
.becomeMember h2{
	color:#FFFFFF;
	font-size:24px;
	padding-bottom:6px
}
.becomeMember p{
	padding-bottom:6px;
}
.resourcesList{
	padding:0px;
	margin:0px;
	list-style:none;
}
.resourcesList a{
	display:block;
	padding:8px 20px 8px 10px;
	text-decoration:none;
	background-image:url(../images/pdf.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.resourcesList a:hover{
	background-color:#e6e4e4
}
.linksList a{
	display:block;
	padding:8px 20px 8px 10px;
	text-decoration:none;
	background-image:url(../images/links-arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.linksList a:hover{
	background-color:#e6e4e4
}
.linksList{
	padding:0px;
	margin:0px;
	list-style:none;
}

/*------------------| misc end |--------------------*/




/*------------------| right panel start |--------------------*/

.openingHours{
	/*padding:0px 15px 20px 15px;*/
	background-color:#FFFFFF;
	 margin-bottom: 20px;
}
.openingHours h3{
	font-weight:400;
	color:#ffffff;
	font-size:20px;
	padding:8px 10px;
	background-color:#552f7a;
}
.openingHours ul{
	padding:0px;
	margin:0px;
	list-style:none;
	padding:10px;
	
}
.openingHours ul li{
	clear:both;
	overflow:hidden;
	display:block;
	padding:5px 0px;
	border-top:1px solid #e4e4e4
}
.openingHours ul li:first-child{
	border-top:0px;
}
.openingHours ul li span{
	float:left;
}
.openingHours .day{
	width:90px;
	font-weight:600;
}
.openingHours .from{
	width:74px;
}
.openingHours .to{
	width:70px;
}



.bookAppointment{
	padding:15px;
	background-color:#4886ac;
	color:#FFFFFF;
	margin-bottom:20px;
	text-align:center;
	font-weight:300;
}
.bookAppointment > div{
	font-size:16px;
	padding-bottom:12px;
}
.bookAppointment a{
	font-family: 'Roboto Condensed',sans-serif;
	font-size:30px;
	text-decoration:none;
	color:#FFFFFF;
	font-weight:400;
	display:block;
	margin-bottom:10px;
	padding-bottom:4px;
}
.bookAppointment p{
	padding:0px;
	border-top:1px solid #9fb8c9;
	padding-top:6px;
	line-height:22px
}
.smileGalleryBtn{
	display:block;
	background-color:#552f7a;
	font-size:21px;
	font-family: 'Roboto Condensed', sans-serif;
	color:#FFFFFF;
	padding: 10px 40px 10px 10px;
	text-decoration:none;
	background-image:url(../images/gallery-btn-arrow.gif);
	background-position:right center;
	background-repeat:no-repeat;
}
.smileGalleryBtn:hover{
	background-color:#4886ac;
	color:#FFFFFF;
}
/*------------------| right panel end |--------------------*/



/*------------------| misc start |--------------------*/
.homeSection{
	width:318px;
}
.homeSection img{
	padding-bottom:10px;
	width:100%;
	height:auto
}
/*------------------| misc end |--------------------*/


.formRow{
	display:block;
	overflow:hidden;
	clear:both;
	margin-bottom:16px;
}
.formRow label{
	 float:left;
	 width:250px;
	 font-weight:500;
	 display:block;
	 margin-top:4px;
}
.formRow input, .formRow textarea, .formRow select{
	width:300px;
	padding:5px;
	border:1px solid #cbcbcb;
	font-family:'Open Sans', sans-serif, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#393939;
}
.formRow textarea{
	width:385px !important;
}
.formRow .month{
	width:105px !important;
}
.formRow .day{
	width:120px !important;
	}
.formRow .time{
	width:80px !important;
}
.formRow .ampm{
	width:70px !important;
}
.clearFormBtn{
	border-left:1px solid #828282;
	border-top:1px solid #828282;
	border-right:1px solid #5c5c5c;
	border-bottom:1px solid #5c5c5c;
	background-color:#6d6d6d;
	color:#FFFFFF;
	font-size:14px;
	padding:4px 12px;
	font-family: 'Roboto', sans-serif;
	cursor:pointer
}
.submitBtn{
	border-left:1px solid #980000;
	border-top:1px solid #980000;
	border-right:1px solid #750000;
	border-bottom:1px solid #750000;
	background-color:#850000;
	color:#FFFFFF;
	font-size:14px;
	padding:4px 12px;
	font-family: 'Roboto', sans-serif;
	cursor:pointer;
	margin-left:15px;
}
.btnRow{
	padding-left:250px;
	clear:both;
	overflow:hidden;
	display:block;
}





#backtotop {
	position: fixed;
	right:15px;
	bottom:15px;
	display:none;/*hid the button first*/
	z-index:5;
}
#backtotop a {
	text-decoration:none;
	border:0 none;
	display:block;
	padding:5px;
	height:31px;
	width:31px;
	color:#FFFFFF;
	font-weight:600;
	background-color:#929292;
	border-radius:5px;
	-webkit-border-radius:15px;
	-moz-border-radius:5px;
	background-image: url(../images/back-to-top-arrow.png);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent:-1000;
	line-height:999;
	overflow:hidden
}
#backtotop a:hover {
	opacity:.8; /*mouse over fade effect*/
}



.applicationHeader{
	background-color:#f7f7f7;
	padding:10px;
	text-align:center;
	margin-bottom:15px;
}
.appFormRow{
	clear:both;
	overflow:hidden;
	display:block;
	padding-bottom:15px;
}
.formCellLeft{
	float:left;
	width:48%;
}	
.formCellRight{
	float:right;
	width:48%;
}
.appFormRow input[type='text']{
	border:0px;
	border-bottom:1px solid #c2c2c2;
	width:70%;
	

}