/* @override 
	http://www.qrecall.com/site.css
*/

body {
	font: 11px/170% "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	

/*margin: 30px 20px 20px;*/
	

/*list-style: none;*/
	margin: 0;
	padding: 0;
	background: white url(i/main_left_border.png) repeat-y 0 0;
}

/* @group Assistive */

.hidden {
	display: none;
}

/* @end */

/* @group Auto-clearing */

.autoclear:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.autoclear {
	display: inline-block
}

/* Hides from IE-mac \*/

* html .autoclear {
	height: 1%
}

.autoclear {
	display: block
}

/* End hide from IE-mac */

/* @end */

/* @group Page */

#logo {
	position: absolute;
	top: 0;
	left: 0;
	width: 230px;
	height: 208px;
	background: url(i/main_logo.png) no-repeat 0 0;
	z-index: 1;
}

#top_border {
	position: relative;
	top: 0;
	left: 0;
	height: 105px;
	width: auto;
	margin: 0;
	padding: 0;
	background: #dcfafa url(i/main_top_border.png) repeat-x 0 0;
}

#login_box {
	float: right;
	height: 50px;
	padding: 2px 2px 0 0;
}

#page {
	position: absolute;
	top: 105px;
	left: 76px;
	right: 0;
	bottom: 0;
	min-width: 500px;
	margin: 0;
	padding: 20px 40px 32px 30px;
	background-color: white;
}

#page_ul_corner {
	float: left;
	width: 102px;
	height: 82px;
}

/* @end */

/* @group Links */

a {
	text-decoration: none;
	color: black;
	border-bottom: 1px dotted blue;
}

a:hover {
	color: blue;
}

.videolinkimg {
	padding: 1px 0 1px 0;
	border: 1px solid white;
	position: relative;
	top: 3px;
}
.videolinkimg:hover {
	border: 1px dotted blue;
}

.videolink {
	border: none;
	vertical-align: sub;
}



/* @end */

/* @group Tabs */

#tab_bar {
	position: absolute;
	top: 61px;
	left: 230px;
	height: 44px;
/

*width: 200px;*/
}

#tab_bar * {
	display: inline-block;
	height: 44px;
	margin: 0;
	vertical-align: top;
}

.tab_front {
	background: url(i/tab_front_body.png) repeat-x 0 0;
}

.tab_back {
	background: url(i/tab_back_body.png) repeat-x 0 0;
}

.tab_back_front {
	width: 24px;
	background: url(i/tab_back2front.png) no-repeat 0 0;
}

.tab_front_back {
	width: 24px;
	background: url(i/tab_front2back.png) no-repeat 0 0;
}

.tab_back_back {
	width: 24px;
	background: url(i/tab_back2back.png) no-repeat 0 0;
}

.tab_front_ll {
	width: 22px;
	background: url(i/tab_front_ll.png) no-repeat 0 0;
}

.tab_front_rr {
	width: 20px;
	background: url(i/tab_front_rr.png) no-repeat 0 0;
}

.tab_back_ll {
	width: 22px;
	background: url(i/tab_back_ll.png) no-repeat 0 0;
}

.tab_back_rr {
	width: 20px;
	background: url(i/tab_back_rr.png) no-repeat 0 0;
}

.tab_link a {
	font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	padding: 22px 4px 0 4px;
	text-decoration: none;
	color: black;
}

.tab_link a:hover {
	font: bold 13px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
	padding: 22px 4px 0 4px;
	text-decoration: none;
	color: #051;
}

/* @end */

/* @group Folder Box */

.fbox {
	
}

.fbox_title {
	padding: 4px 20px 4px 16px;
	font: 14px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: white;
	background: #333 url(i/fbox_corner.png) no-repeat 0 0;
}

.fbox_body {
	border-bottom: 1px solid #444;
	border-left: 1px solid #444;
	padding: 2px 20px 4px 16px;
}

.fbox_gold {
	background: url(i/fbox_gold.png) repeat-y 0 0;
}

.fbox_grey {
	background: url(i/fbox_grey.png) repeat-y 0 0;
}

.fbox_lav {
	background: url(i/fbox_lav.png) repeat-y 0 0;
}

.fbox_rose {
	background: url(i/fbox_rose.png) repeat-y 0 0;
}

.fbox_teal {
	background: url(i/fbox_teal.png) repeat-y 0 0;
}

/* @end */

/* @group Headers */

#qrecall_small_q {
	float: right;
	margin: 10px 10px 0 10px;
}

#page > h1 {
	margin: 16px 0 0 0;
	position: relative;
	left: 22px;		/* slide it over just a tad so it lines up with the title better */
	/* fix the font for the page titles so that other style sheets don't change it */
	font: bold 23px "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

.h1_subtitle {
	position: relative;
	left: 24px;		/* slide it over just a tad so it lines up with the title better */
	font: 11px/14px "Lucida Grande", Lucida, Verdana, sans-serif;
	text-transform: none;
	margin: 0 0 28px 0;
	color: grey;
}

h2 {
	
}

h3 {
	
}

/* @end */