/*
Title:Stylesheet MedicalResident.net
Updated: Aug/05

.class groups elements; #id identifies exactly one element

margin/ padding px order: top right bottom left
*/

/*
	Function: 	Style the body
*/

body {
	margin: 0;
	padding: 0;
font-family: Verdana, Geneva, Lucida, sans-serif;
	text-align: center;
	line-height: 1.1em;
	color: #2F4A76;
	background: #2F4A76;
	font-size: x-small; /* IE5 Win */
	voice-family: "\"}\""; 
	voice-family: inherit;
	font-size: small;
	}
html>body { /* be nice to Opera */
	font-size: small;
	}

/*
	Function: 	Create a wrapper for body content
*/

#wrap {
	position: relative;
	margin: 0 auto;
	padding: 0 1px;
	font-size: 95%;
	text-align: left;
	background: #fff url(../../templates/back.jpg) repeat-y;
	width: 752px;
	voice-family: "\"}\""; 
	voice-family: inherit;
	width: 750px;
	}
html>body #wrap {
	width: 750px;
	} 

/*
	Function: 	Hide class="hide" if viewed without CSS
*/

.hide {
	display: none;
	}

/*
	Function: 	Style hyperlinks (general)
*/

a {
	color:#3366cc;
}

a:hover {
	color:#f60;
	text-decoration:none;
}

a:visited {
	color: #663399;
	}

/*
	Function: 	Style the properties of images
*/

a img {
	border: none;
	}

#sidebar h3 img {
	vertical-align: middle;
	}

#sidebar img {
	vertical-align: middle;
	}

#sidebar-centre img {
	text-align: center;
	}

#sidebar-right img { /*Logo*/
	text-align: right;
	float: right;
	margin-bottom: 15px;
	}

/*
	Function: 	Create a repeating horizontal shade effect
*/

.shade-top {
	background: #fff url(../../templates/shade_horiz.jpg) repeat-x top left;
	}

/*
	Function:	Inter-site tabbed navigation menu
	Source:		http://www.simplebits.com/bits/css_tabs.html
*/

#tabcontainer
	#tabcontainer {
	width: 500px;
	padding: 30px;
	border: 1px solid #ccc;
	background: #fff; 
	}

#tabnav {
	height: 20px;
	margin: 0;
	padding-left: 10px;
	background: #fff;
	background: url(../../templates/tab_bottom.png) repeat-x bottom;
	}

#tabnav li
	{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#tabnav a:link, #tabnav a:visited {
	float: left;
	background: #f3f3f3;
	font-size: 10px;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 10px 2px 10px;
	margin-right: 4px;
	border: 1px solid #ccc;
	text-decoration: none;
	color: #666;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
	border-bottom: 1px solid #fff;
	background: #fff;
	color: #000;
	}

#tabnav a:hover {
	background: #fff;
	}

body #tabnav {
	background: #fff;
	}

/*
	Function:	Centre the banner image + set background colour
*/

#banner {
	text-align: left;
	background-color: #FFFFCC;
	height: 38px;
	line-height: 20px;
	padding: 10px 10px 10px 10px;
	}
	
#banner h1 {
	font-size: xx-large;
	}

/*
	Function:	Intra-site navigation menu (subnav; below banner)
	Source:		http://www.simplebits.com/
*/

#subnav {
	float: left;
	width: 750px;
	margin: 0;
	padding: 0;
	list-style: none;
	font-size: 82%;
	border-bottom: 1px solid #ccc;
	background: #f3f3f3;
	}

#subnav li {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	border-right: 1px solid #ccc;
	}

#subnav a {
	float: left;
	padding: 6px 12px 8px 12px;
	text-decoration: none;
	color: #666;
	}

#subnav a:visited {
	text-decoration: none;
	border-bottom: 0;
	}

#subnav a:hover {
	color: #000;
	background: #fff url(../../templates/shade_tab.jpg) repeat-x top left;
	}

#subnav a.active {
	font-weight: bold;
	background: #fff;
	}

/*
	Function:	Style the buttons + search box
	Source:		http://www.simplebits.com/notebook/2004/12/08/winterfresh.html
*/

#buttons {
	position: absolute;
	top: 100px;
	right: 235px;
	margin: 0;
	padding: 0;
	}

#buttons a img {
	margin: 5px 5px 0 0;
	background: #b3b3b3;
	}

#search {
	position: absolute;
	top: 10px;
	left: 550px;
	}

#search INPUT, #search TEXTAREA {
	font-size: 90%;
	border: 1px dotted #aaa;
	}
/*
	Function:	Style the content
*/

/* Commented Backslash Hack
     hides rule from IE5-Mac \*/
#main-body {clear:right;}
/* End IE5-Mac hack */

#sidebar {
	width: 239px;
	float: left; 
	font-size: 80%;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	color: #999;
	/* tirado 6/8/05 background: #fff url(../../templates/shade_vertical.jpg) repeat-y top left; */
	}

#main-body {
	float: right;
	width: 502px;
	/* position: absolute; */
	}

#content {
	margin: 10px 0 0 0;
	padding: 0 10px;
	/* background: #fff; */
	}

#content .entry {
	margin: 10px 0 10px 0;
	border-bottom: 1px solid #ddd;
	}

.readmore {
	text-align: right;
	padding: 0 0 15px 0;
	}

p.paraphernalia {
	color: #999;
	font-size: 90%;
	margin: 0;
	padding: 0 0 12px 0;
	}

p.paraphernalia img {
	vertical-align: middle;
	}
	
.comment {
	border-bottom: 1px solid #ddd;
	}

#feedback {
	width: 470px;
	padding: 20px;
	margin: 15px 0 20px 0;
	}

#feedback li {
	padding: 0 0 0 19px;
	background: url(../../templates/bullet.gif) no-repeat 0 5px;
	margin-left: 10px;
	}

#feedback ul {
	list-style: none;
	margin-left: 35px;
	}
#feedback img {
	float: left;
	border: 1px solid #ccc;
	}
#envelope {
	padding: 10px;
	width: 400px;
	border: 1px solid #ccc;
	background: #eee;
	}
	
/*
	Function:	Style the "entry" elements of the content
*/

h1 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 150%;
	font-weight: normal;
	color: #2F4A76;
	padding: 0;
	margin: 0;
	}

h2 {
	font-family: "Trebuchet MS", Verdana, sans-serif;
	font-size: 130%;
	font-weight: bold;
	color: #2F4A76;
	padding: 0;
	margin: 0 0 0 0;
	}

.author {
	color: #999;
	font-size: 90%;
	font-weight: normal;
	font-style: italic; 
	padding-top: 3px;
	padding-bottom: 2px;
	margin-bottom: 1em;
	}

p {
	margin: 1em 0 1em;
	padding: 0;
	}

blockquote {
	font-style: italic; 
	margin:1em 20px;
	padding:5px 0;
	border:1px dotted #2F4A76;
	border-width:1px 0;
	}

blockquote p {
	margin:1em 20px;
	}

.entry ul {
	margin: 4px 0 20px 0;
	padding: 0;
	list-style: none;
	}

.entry li {
	margin: 0 0 .5em 0;
	padding: 0 0 0 13px;
	line-height: 1.4em;
	background: url(../../images/seta.gif) no-repeat 0 5px;
	}

.center {
	text-align: center;
	}

/*
	Function:	Style the sidebar
*/

#sidebar-wrap {
	padding: 15px 15px 15px 15px;
	}

#sidebar h3 {
	font-size: 110%;
	font-weight: bold;
	padding: 2px 0 2px 19px;
	margin: 0 0 8px 0;
	color: #EDEEF0;
	border: none;
	background: url(../../templates/sidebar_back.gif) repeat-x;
	vertical-align: middle;
	}

#sidebar p {
	margin-top: 4px;
	margin-bottom: 10px;
	}

#sidebar ul {
	margin: 4px 0 10px 0;
	padding: 0;
	list-style: none;
	}

#sidebar li {
	margin: 0 0 .3em 0;
	padding: 0 0 0 13px;
	line-height: 1.4em;
	background: url(../../templates/bullet.gif) no-repeat 0 5px;
	}

/*
	Function: 	Style the footer
*/

#footer {
	clear: both;
	position: relative;
	margin: 0;
	padding: 0;
	font-size: 90%;
	text-align: right;
	border-left: 0;
	border-right: 0;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	color: #444;
	background: #666666 url(../../templates/shade_horiz_footer.jpg) repeat-x top left;
	}
	
#footer p {
	margin: 0;
	padding: 8px 20px;
	}

/* Fixes float escaping bug in IE/Win, hides from IE Mac \*/
* html #footer p { height: 1%; }
/* End hide from IE Mac */

#footer a {
	color: #262626;
	}

#footer a:hover {
	color: #999;
	}

.kbchicklet
{
    margin: 2px;
}

/* Tooltip thing\*/	
a.tipLink 
{ 
	position: relative; 
	z-index:24; 
	cursor:help;

	/* Safari won't remove the underline from 
	   the span, if the "a" uses one */
	   
	text-decoration:none;
} 

	/* The "background-color" is required for some 
	reason in IE, actual colors are OK too */

a.tipLink:hover { z-index:25; background-color: transparent;} 
a.tipLink span { display: none; }

a.tipLink:hover span
{
	display:block;
	position:absolute;
	top:1.5em; 
	left:1em;
	
	/* I've sometimes run into oddities when I 
	didn't set the width.  YMMV. */
	
	width:10em;
	border:2px solid #000;
	background-color:#fff; 
	color:#000;
	text-align: center;
	padding:8px;
}	

/* beta \*/

#banner2 {
	text-align: center;
	background-color: #CCCCCC;
	vertical-align: middle;
	padding-right: 10px;
	}
#banner2 img {
	padding-right: 10px;
	}