
@import url("shared20100715.css");


/*-----------------------------------------------*/
/*--------------- GLOBAL STYLES -----------------*/
/*-----------------------------------------------*/

h1 { 
	font: bold 1.5em arial,helvetica,freesans,sans-serif; 
	margin-bottom: 1em; 
	color: #222;
}

h2 { 
	font: bold 1em verdana,arial,sans-serif; 
	margin-top: 2em; 
	color: #CC3333; 
}

h3 { 
	font: bold 1em arial,helvetica,freesans,sans-serif; 
	margin-top: 2em; 
	color: #333; 

}

h4 { 
	color: #557; 
	margin: 1em 0 -1em 0; 
	font-style: italic; 
	font-size: 1em; 
}

li { 
	line-height: 1.2;
	margin: 0.4em 0;
}

p img { 
	float: left;
	margin: 5px 5px 5px 0;
}

dl { 
	padding: 1em; 
}
	dt { 
		font-weight: bold; 
		float: left; 
		width: 5em; 
		margin: 0 1em 1em 0; 
	}
	dd { 
		margin: 0 0 1em 6em; 
	}

code, pre { 
	font-family: "Courier New", Courier, monospace; 
	font-weight: bold;
	color: #060; 
}

ol { 
	margin-left: 1em; 
}
	ol li { 
		margin: 1em; 
	}
	
strong { 
	color: black; 
}
	strong em, em strong { 
		color: red; 
	}

li p, li h3 { 
	margin: 0 0 0.1em 0; 
}

ins {
	text-decoration: none;
	background-color: #fee;
}	

*:target {	/* highlight targeted anchors with thick yellow border (no IE) */
	border: 5px solid yellow;
	padding: 0 10px;
}	



/*-----------------------------------------------*/
/*------------------- TABLES --------------------*/
/*-----------------------------------------------*/

table { 
	margin: 1em 0; 
	border-collapse: collapse; 
}

td { 
	border: 1px solid #ddd; 
	padding: 0.5em; 
	vertical-align: top; 
}

td h2, td p { 
	margin-top: 0; 
}

thead td { 
	font-weight: bold; 
	background-color: #eef; 
}




/*-----------------------------------------------*/
/*------------------- FORMS ---------------------*/
/*-----------------------------------------------*/

input { 
	padding: 0.1em; 
}

form { 
	padding: 0; 
}
	form table td { 
		border: 0; 
	}

fieldset { 
	border: 0;
}

label { 
	display: block;
}

textarea { 	
	font: 1em/1.5 arial,helvetica,freesans,sans-serif; 
}

label input { 
	margin-left: 1em;
	text-align: left;
}




/*-----------------------------------------------*/
/*------------------- BANNER --------------------*/
/*-----------------------------------------------*/

#header {
	height: 60px; 
	border-bottom: 4px solid #fc3;
	background: #ffb url(/images/logo.png) 0 3px no-repeat;	
}
	#header.temporary { 	/* Temporary measure to allow logo to print. Sorry. */
		background-color: #ffb; 
		background-image: none;
	}
		#header.temporary img {
			float: left;
			margin-left: 10px;
		}
	#header h1 {
		display: none;
	}
	#header ul {
		float: right;
		padding: 0.5em;
		width: auto;
		list-style-type: none; 
	}
	#header ul li { 
		display: inline; 
		margin: 0 0.5em; 
	}
	#header a:visited { 
		color: blue; 
	}


/*-----------------------------------------------*/
/*------------------- SIDEBAR -------------------*/
/*-----------------------------------------------*/

#sidebar { 
	width: 25%;
	margin: 2% 0;	
	padding-bottom: 2em;
}
	#sidebar ul { 
		list-style-type: none; 
	}
	#sidebar .nav { 
		list-style-type: none;
		margin-bottom: 2em; 
	}
		#sidebar .nav li { 
			margin-bottom: 0em; 
		}
		#sidebar .nav li a {
			font-family: Verdana, Arial, Helvetica, sans-serif;
			font-size: 1em;
		}
		#sidebar .nav a {
			display: block;
			background-color: #ddf;	
			text-decoration: none;
			color: #03c;	
			padding: 0.2em;
			border: 1px solid #ddf;	
			font-weight: bold;
		}
		#sidebar .nav a:hover { 
			border: 1px solid #03c; 
		}
		#sidebar .nav p { 
			font-size: 0.85em; 
			font-family: Verdana, Arial, Helvetica, sans-serif;
			color: #555; 
			line-height: 1.33;
			margin-bottom: 1em;
		}
		#sidebar .nav p a {
			display: inline;
			background-color: white;
			border: 0;
			padding: 0;
			color: #555;
			font-weight: normal;
			border-bottom: 1px solid #ccc;
		}
		#sidebar .nav p a:hover {
			border: 0;
			border-bottom: 1px solid black;
			color: black;
		}
	#sidebar img {
		padding: 2px;
		border: 1px solid #aaa;
	}
	
	#sidebar h2 a, #sidebar h2 a:visited { 
		color: #CC3333; 
	}



/*-----------------------------------------------*/
/*----------- ACTION PANEL (home page) ----------*/
/*-----------------------------------------------*/

#panel {
	float: right;
	clear: right;
	height: 1%;
	width: 14em;
	margin-left: 2em;
}
	#panel h1 {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: white;
		padding: 2px;
		font-size: 1.2em;
		text-align: center;
		margin: 0;
	}
	#panel h1 a {
		font-size: 0.6em;
		font-family: Arial, Helvetica, sans-serif;
		color: white;
	}
	#panel ul {
		margin: 0.33em 0 !important;
	}
	#panel li {
		padding: 0 4px;
		margin: 0;
	}
		#panel li a, #panel li a:hover {
			text-decoration: none;
		}
	#panel div {
		margin-bottom: 2em;
	}
		#topics h1 { 
			background: #fa0 url(/images/flame.png) 8px no-repeat;
		}
		#topics li {
			padding: 2px 0;
			border-bottom: 1px solid #ccc;
		}
		/*#topics li a {
			background: url(/images/arrow.png) no-repeat;
			text-indent: -999em;
		}*/
		#topics li a {
			color: #f30;
		}
			#topics li a:hover {
				color: white;
				background-color: #fa0;
			}
		#toolbox h1 { 
			background: #088 url(/images/tool.png) 5px no-repeat;
		}
		#toolbox li a { 
			color: #088; 
		}
			#toolbox li a:hover {
				color: white;
				background-color: #088;
			}











/************************************************************************/

#wrapper { 
	overflow: auto;	/* keep this!  Firefox & Opera like it */
	background-color: white; 
	padding-bottom: 3em;
}

#content { 
	width: 64%;
	padding: 2% 3% 2% 2%;
	margin: 2%;	
}

#content ul { list-style-type: none; margin-bottom: 2em; }

/*** COMMENTS ***/

#jumpbox {
	border: 2px solid #0b0;
	background-color: #8f8;
	padding: 1em;
	margin: 0 4em;
}
	#jumpbox li {
		display: inline;
		margin-right: 0.5em;
	}
	#jumpbox a {
		color: blue;
	}

/******** CLEAN OUT PRE-HATOM SELECTORS AT A LATER DATE ***************/
/*** ARTICLES ***/
.hentry, .article_preview { 
	margin: 1em 0 3em 0; 
	clear: left; 
	overflow: auto;
}
.entry-title, .headline { 
	margin: 0;
	font-size: 1.8em;
	font-weight: normal;
	line-height: 1;
	color: #227; 
	font-family: Georgia, "Times New Roman", Times, serif;
}
.hentry address, .byline { 
	font-family: Arial, Helvetica, freesans, sans-serif;
	color: #c33;
	font-style: normal;
	margin: 0; 
	font-weight: normal;
}
.published { 
	font-family: Arial, Helvetica, freesans, sans-serif; 
	font-style: normal; 
	font-size: 0.9em;
	color: #77a; 
	font-weight: normal; 
	margin: 0em; 
}
.byline em { 
	font-family: Arial, Helvetica, freesans, sans-serif; 
	font-style: normal; 
	font-size: 0.9em;
	color: #77a; 
	font-weight: normal; 
	margin: 0 0 0 1em; 
}
.hentry .entry-summary, .article_preview p { 
	margin: 0.33em 0 0 0; 
}
/**********************************************************************/


/*** MISC CLASSES ***/

#signin_box {
	text-align: center;
	background-color: #eef;
	width: 18em;
	padding: 1em;
	border: 3px solid;
	border-color: #ccc #ccc #999 #999;
}

.column {
	float: left;
	margin-right: 1em;
}

.bullet { margin-left: 1em; }
.bullet li { 
	list-style-image: url(/images/bullet.png);
	margin: 1em !important; 
}

.calendar table { width: 100%; }
.calendar .calnav {
	text-align: center;
	font-size: 1.5em;
	line-height: 1.2;
	margin-top: 0;
}
.calendar .calnav a { text-decoration: none; color: blue; }
.calendar .calnav a:hover { color: red; }
.calendar td { width: 14%; height: 5em; }
.calendar thead td { height: auto; }
.calendar li { padding-bottom: 0.1em; }

.signoff { font-family: Arial, Helvetica, freesans, sans-serif; }
.signoff li {
	font-weight: bold;
	text-align: right;
	margin: 0.2em 0;
}

.highlight { background-color: yellow; }
.infoline { font-family: arial,verdana,freesans,sans-serif; color: #888; }
.category { display: none; }
.textbox { width: 16em; font-family: arial,verdana,freesans,sans-serif; }
.textonly { display: none; }
.printonly { display: none !important; }

.restricted { background-color: yellow; }


.profile { 
	clear: left; 
	overflow: auto;
}
.profile h2 { 
	margin-top: 0 !important; 
}
.profile img { 
	float: left; 
	margin: 0 1em 1em 0;
	padding: 2px;
	border: 1px solid #aaa;
}

.feedback { width: 100%; height: 5em; }

.tip {
	border: 1px solid #0f0;
	background-color: #9f9;
	padding: 0.5em;
	line-height: 1.2;
}

.action {
	background: url(/images/action2.png) no-repeat left;
	min-height: 21px;
	padding-left: 25px;
	margin-top: 1.5em;
}


.print { 
	background: url(/images/print.gif) center left no-repeat;
	padding-left: 20px; 	
}


.error { 
	background: url(/images/error.gif) left no-repeat;
	padding-left: 30px;
	height: 30px;
}

.mission_statement {
	font-family: "Times New Roman", Times, serif;
	font-size: 1.66em;
	font-style: italic;
	color: #383;
	letter-spacing: 1px;
	line-height: 1;
}

.extract {
	padding: 1em 2em; 
	color: #033; 
	border-left: 3px solid #366; 
	font-family: 'Times New Roman', Times, serif;
	font-size: 1.08em;
}


strong.phone {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #060;
}

/* used on practice profiles */
.accredited { float: right; margin-left: 1em; }
.accredited a img { border: 0; }

.tags { display: none; }

.new {
	color: yellow;
	background-color: red;
	font-weight: bold;
	padding: 0 4px;
}

#forms #content li a img {
	border: 1px solid white; 
	padding: 2px; 
	margin: 0;
	vertical-align: middle; 
}
#forms #content li a:hover img { 
	border: 1px solid #777; 
	padding: 2px; 
	margin: 0; 
}


#community #content h2,
#profile #content h2,
#forms #content h2, 
#vacancies #content h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: normal;
	color: #c33;
	border-bottom: 1px solid #c99;
}


/*
.qic_accredited {
	margin-top: 30px;
	text-align: center;
}
.qic_accredited img {
	border: 0 !important;
}
*/


/* practice profiles */
#profile .map {
	margin: 1em 0;
}
#profile .map iframe {
	border: 1px solid #666;
}
#profile .map p {
	margin: 0;
	font-size: 0.8em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
