/***** Generic styles *****/
.error, .red{
	color:red;
	font-weight:bold;
	}
.success{
	color:green;
	font-weight:bold;
	}
.hand{
	cursor:pointer;
	}
img.icon{
	font-size:1em;
	max-width:1.5em;
	max-height:1.5em;
	}
.drop-shadow{
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-bottom:2px solid #999999;
	border-right:2px solid #999999;
	}
label.w8{
	width:6.5em;
	display:block;
	float:left;
	}
input.date_input{
	width:6.5em;
	color:black;
	}
.back-link{
	float:right;
	margin-top:-2.5em;
	}
	
/* FONT
---------------------------- */
.treduce1{
	font-size:0.8em;
	}
	
/* COLUMNS
---------------------------- */
.col-left-third, .col-left-third-2 {
	margin:0em 0em 1em 5.3em;
	padding:0.5em;
	float:left;
	width:19em;
}
.col-middle-third, .col-middle-third-2 {
	margin:0em 0em 1em 0em;
	padding:0.5em;
	float:left;
	width:19em;
}
.col-right-third, .col-right-third-2 {
	margin:0em 0em 1em 0em;
	padding:0.5em;
	float:right;
	width:19em;
}
.col-left-third-2, .col-middle-third-2, .col-right-third-2{
	width:20em
	}
.col-left-half {
	margin:0em 0em 1em 0;
	padding:0.5em 0.5em 0.5em 0;
	float:left;
	width:32em;
}
.col-left-middle {
	margin:0em 0em 1em 0em;
	padding:0.5em;
	float:left;
	width:53.5em;
}
.col-right-half {
	margin:0em 0 1em 0em;
	padding:0.5em;
	float:right;
	width:32em;
}
.col-middle-right {
	margin:0 0 1em 0;
	padding:0 0.5em 0.5em 0.5em;
	float:right;
	width:52.5em;
}
.col-full {
	margin:0em 0em 1em 0em;
	padding:0.5em;
	float:left;
	width:67em;
}
	
	
	
/***** Boxes *****/
div.box-blue{
	width:20em;
	border:1px solid #003366;
	background:none;
	padding:0;
	margin:1em 0 1em 0;
	}
div.full-width{
	width:67.2em;
	margin:0;
	padding:0;
	}
div.box-blue h2, div.box-blue h3{
	text-decoration:none;
	text-align:center;
	border-bottom:1px solid #003366;
	color:#003399;
	background: url('../img/button-bg-blue-3.gif') top left repeat-x #B8BEFF;
	margin:0;
	padding:0.2em 1em 0.2em 1em;
	font-size:1.2em;
	}
div.box-blue h3{
	border:1px solid #6C7EF9;
	padding:0.3em 1em 0.3em 1em;
	color:#003366;
	}
div.box-blue h2.double-height-bg{
	background: url('../img/button-bg-blue-3a.gif') top left repeat-x #B8BEFF;
	}
div.full-width h2, div.full-width h3{
	width:100%;
	margin:0;
	padding:0.2em 0;
	font-weight:bold;
	}
div.box-blue p{
	width:auto;
	border:none;
	background:none;
	margin:1em;
	padding:0;
	}


ul.pdf li, ul li.pdf{
	list-style-type:none;
	padding:0 0 0 2em;
	margin:0.5em 0 0 1em;
	background: url('/img/logos/reader_14.jpg') no-repeat;
	}	

ul.box-menu{
	text-align:center;
	margin:1em 0 1em 0;
	padding:0;
	width:100%;
	list-style-type:none;
	background:none;
	}
ul.box-menu li{
	float:left;
	margin:0 0 1em 1em;
	padding:0 0 0 0;
	width:8em;
	height:8em;
	text-align:center;
	background:#FFFFFF;
	}
ul.w12em li{
	width:12em;
	height:12em;
	}
ul.w10em li{
	width:12em;
	height:12em;
	}
ul.w9p5em li{
	width:9.5em;
	height:9.5em;
	}
ul.w9em li{
	width:9em;
	height:9em;
	}
ul.box-menu li a{
	text-align:center;
	display:block;
	padding:0.5em 0 0 0;
	margin:0;
	font-weight:bold;
	width:100%;
	height:100%;
	text-decoration:none;
	color:#000066;
	}
ul.box-menu li a img{
	margin-top:0.2em;
	max-width:7em;
	max-height:7em;
	}

.product-gallery-link{
	float:right;
	margin:0 0.5em 0 0;
	}

/***** Home page *****/	

div.features{
	width:90%;
	margin:1em auto 0 auto;
	padding:0;
	}
div.features ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
div.features ul li{
	background: url('/img/backgrounds/feature-grey-tall.png') no-repeat;
	height:8em;
	width:12.25em;
	float:left;
	padding:1em 0 0 0;
	margin:0 1em 0 0;
	color:#FFFFFF;
	text-align:center;
	}
div.features ul li a, div.features ul li a:hover, div.features ul li a:visited{
	color:#FFFFFF;
	display:block;
	text-decoration:none;
	}
div.features ul li span.title{
	font-size:1.2em;
	font-weight:bold;
	}
div.features ul li br{
	margin-bottom:1em;
	}
div.features ul li div.intro{
	position:absolute;
	top:3.7em;
	left:1em;
	width:80%;
	text-align:center;
	font-size:0.9em;
	}

div.banner-right{
	float:right;
	width:auto;
	margin-top:-3em;
	}

/***** Contact-us page *****/
#contact-form{
	padding:1em 0em 0em 0em;
	width:100%;
	text-align:center;
	}
#contact-form form{
	}
#contact-form table{
	width:100%;
	border:none;
	}
#contact-form label{
	width:8em;
	}
#contact-form input[type="text"]{
	width:20em;
	}
#contact-form input[type="submit"]{
	position:relative;
	left:12.4em;
	}
#googlemap{ 
	width: 580px; height: 580px; z-index: 1; border:thin solid #000000;
	}
#googlemap-error{ 
	width: 580px; height: 580px; z-index: 1; border:thin solid #000000; display:none; text-align:center; vertical-align:middle;
	}
#googleprint{ 
	width: 30px; height:30px; background-color:#FFFFFF; border:groove thin #000000; margin:-5px 10px 10px 10px; z-index:2;
	}
#googleprintimg{
	width: 30px; height:30px;
	}

/***** login page *****/
#flogin{
	width:100%;
	}
#flogin fieldset p{
	height:2em;
	text-align:center;
	}
#flogin fieldset label{
	text-align:right;
	margin: 0 1em 0 11em;
	height:1em;
	display:inline;
	padding:0;
	cursor:pointer;
	min-width:10em;
	}
#flogin input[type="text"], #flogin input[type="password"]{
	width: 15em;
	margin: 0 0 0 0;
	float:left;
	}

/***** newsletters, order forms and study group admin*****/
#newsletter_fieldset, #order_form_fieldset, #study_group_fieldset, #job_fieldset{
	border:1px solid #9FA7FF;
	}
#newsletter_fieldset .newsletter-input, #order_form_fieldset .order_form-input, #study_group_fieldset .study_group-input, #job_fieldset .job-input{
	width:30em;
	}
#newsletter_fieldset p.newsletter-submit, #order_form_fieldset p.order_form-submit, #study_group_fieldset p.study_group-submit, #job_fieldset p.job-submit{
	text-align:center;
	}
#newsletter_table, #order_form_table, #study_group_table, #job_table{
	width:100%;
	margin:0 1em 0 0;
	}
#newsletter_list, #order_form_list, #study_group_list, div.job_list{
	width:30em;
	border:1px solid black;
	padding:0; 
	}
#newsletter_list, #order_form_list{
	width:32em;
	}
#newsletter_list div.newsletter_info, #order_form_list div.order_form_info, #study_group_list div.study_group_info, #job_list div.job_info{
	/*background:url('../img/bg-blue-fade-1.gif') bottom left repeat-x;*/
	margin:0;
	padding:1em;
	border-bottom:1px solid silver;
	}
#newsletter_list div.newsletter_info h3, #order_form_list div.order_form_info h3, #study_group_list div.study_group_info h3, #job_list div.job_info h3{
	margin:0;
	padding:0;
	color:#000066;
	}
#newsletter_list div.newsletter_info p, #order_form_list div.order_form_info p, #study_group_list div.study_group_info p, #job_list div.job_info p{
	margin:0.5em 0 0 0;
	padding:0;
	}
#newsletter_list div.newsletter_info p.issue_date{
	color:#6699FF;
	font-size:0.8em;
	}
#newsletter_list div.newsletter_info p.download_link, #order_form_list div.order_form_info p.download_link, #study_group_list div.study_group_info p.download_link, #job_list div.job_info p.download_link{
	color:#6699FF;
	font-size:0.8em;
	float:right;
	}
	
#admin_fieldset{
	border:1px solid #666666;
	}
#admin_fieldset legend{
	padding: 0 0.5em;
	color:#000000
	}

/***** study group page *****/
.item-next{
	}
	
.item-next div.title{
	background-color:#666;
	padding:0.1em;
	}
.item-next div.title div.corner-top-left{	
	background-image: url("/img/backgrounds/corner-light-blue-top-left-small.png");
	z-index:100;
	}
.item-next div.title div.corner-top-right{	
	background-image: url("/img/backgrounds/corner-light-blue-top-right-small.png");
	z-index:100;
	}
.item-next div h3{
	padding:0 0 0.2em 0;
	margin:0.4em 0 0 0;
	text-align:center;
	font-size:1.2em;
	}
	
.item-next div.desc{
	border:1px solid #666;
	padding:0.5em 0.5em 0 0.5em;
	}
.item-next div.desc span.issue_date{
	font-size: 0.8em;
	margin-left: 1em;
	}
.item-next div.desc span.download_link{
	margin-right: 1em;
	float: right;
	font-size: 0.8em;
	}

.item-past div.title{
	background-color:#999;
	}
.item-past div.desc{
	border:1px solid #999;
	}

	
/***** mouthguard design pages *****/
#mouthguard-design{
	margin:1em 0 0 0;
	float:left;
	}
#mouthguard-change{
	float:right;
	margin:1em 0 0 0;
	width:13em;
	text-align:left;
	}
#mouthguard-change ul{
	padding:1em;
	}

div.img-thumb-row{
	margin:0.5em 0 1em 0;
	float:left;
	clear:both;
	}
a.img-thumb{
	width:10em;
	display:block;
	text-decoration:none;
	padding:0.5em;
	margin:0 0.5em 0 0.5em;
	text-align:center;
	}
a.img-thumb-130{
	width:8em;
	display:block;
	text-decoration:none;
	padding:0.5em;
	margin:0 0.5em 0 0.5em;
	text-align:center;
	}
.pad-top-1{
	padding-top:1em;
	}
.no-text-deco{
	text-decoration:none;
	}