/**
 *	TuTrack
 *  Base Screen Styles
 *
 *	@date:		15/11/2007
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. breadcrumbs
 *		04. lists/typography/links
 *		05. images
 *		06. tables/forms
 *		07. forms
 *
 */

/** layout
------------------------------------------------------------------ */


div#placeholder {

	height:						220px;
}

div#tab-holder {
	clear:both;
	width:			100%;
	min-height:        18px;
	_height:           18px;
}

div#tu-tabs {
  clear:both;
	border-bottom:				1px solid #e0e0e0;
	float:			left;
	width:			100%;
	min-height:        18px;
	_height:           18px;
}

div#tu-content {
	1background:					#fafafa url(../images/bg-tu-content.gif) repeat-x;
}

div#tu-content div.action {
	height:						53px;
	line-height:				1;
	padding-top:				27px;
}

div#left-column {
	float:						left;
	width:						675px;
}
div#left-column div.content {
	overflow:					hidden;
	width:						675px;
}
div#left-column div.content div.content-inner {
	padding-top:				0.5em;
}

div#right-column {
	margin-left:				685px;
}
div#right-column div.content {}
div#right-column div.content div.content-inner {
	padding-top:				0.5em;
}

/** breadcrumbs
------------------------------------------------------------------ */
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

div#tu-content {
	font-size:					1.0em;
	line-height:				140%;


}

div#tu-content div.action p {
	color:						#9d9d9d;
	font-weight:				bold;
}
div#tu-content div.action p span {
	display:					block;
	padding-top:				1em;
}

div#left-column h3.toggler,
div#right-column h4.toggler {
	background:					url(../images/bg-lc-toggler.png) left top no-repeat;
	cursor:						pointer;
	font-weight:				normal;
	height:						16px;
	line-height:				1;
	margin-bottom:				1em;
	padding-top:				14px;
	

}
div#right-column h4.toggler {
  width:            100%;
}
div#right-column h4.toggler {
	background:					url(../images/bg-rc-toggler.png) left top no-repeat;
	
}
div#left-column h3.toggler span.title,
div#right-column h4.toggler span.title {
	font-size:					16px;
	font-weight:				bold;
}
div#left-column h3.toggler span.title span,
div#right-column h4.toggler span.title span {
	color:						#f69322;
}
div#left-column h3.toggler span.title-meta,
div#right-column h4.toggler span.title-meta {
	white-space:				nowrap;
}
div#left-column h3.toggler span.title-action-links,
div#right-column h4.toggler span.title-action-links {
	font-size:					11px;
	margin-left:				1em;
}

div#left-column h4 {
	color:						#f69322;
	font-size:					22px;
	font-weight:				bold;
	line-height:				1;
	margin-bottom:				0.5em;
}

div#left-column div.content div.content-inner p {
	padding-bottom:				1.5em;
}
div#left-column div.content div.content-inner p.feed-meta span {
	color:						#9d9d9d;
	margin-right:				1em;
}
div#left-column div.content div.content-inner p.feed-meta span.pending {
	color:						#f11549;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#tu-tabs ul li {
	background:					#fff;
	float:						left;
	margin:						0 2px 0 0;
	overflow:					hidden;
	position:					relative;
}
div#wrapper div#content div#tu-tabs ul li.selected {
	background:					#f5f5f5;
	font-weight:				bold;
	margin-top:					-2px;
	margin-bottom:				-2px;
}
div#wrapper div#content div#tu-tabs ul li a,
div#wrapper div#content div#tu-tabs ul li a:link {
	border:						1px solid #e0e0e0;
	border-bottom-width:		0;
	color:						#4d4d4d;
	display:					block;
	font-size:					14px;
	padding:					3px 11px;
	text-decoration:			none;
	white-space:				nowrap;
}
div#wrapper div#content div#tu-tabs ul li.selected a,
div#wrapper div#content div#tu-tabs ul li.selected a:link {
	padding:					5px 10px 4px;
}

div#wrapper div#content div#tu-content div.content a,
div#wrapper div#content div#tu-content div.content a:link {
	color:						#f69322;
}
div#wrapper div#content div#tu-content div.content a:hover {
	text-decoration:			none;
}

div#wrapper div#content div#left-column h3.toggler span.title-action-links a,
div#wrapper div#content div#left-column h3.toggler span.title-action-links a:link,
div#wrapper div#content div#right-column h4.toggler span.title-action-links a,
div#wrapper div#content div#right-column h4.toggler span.title-action-links a:link {
	color:						#9d9d9d;
}
div#wrapper div#content div#left-column h3.toggler span.title-action-links a:hover,
div#wrapper div#content div#right-column h3.toggler span.title-action-links a:hover {
	text-decoration:			none;
}

div#right-column div.content ul {
	padding-bottom:				1.5em;
}
div#right-column div.content ul li {
	overflow:					hidden;
}
div#wrapper div#content div#right-column div.content ul li a,
div#wrapper div#content div#right-column div.content ul li a:link {
	float:						left;
}
div#wrapper div#content div#right-column div.content ul li a.action-link,
div#wrapper div#content div#right-column div.content ul li a.action-link:link,
div#wrapper div#content div#right-column div.content ul li span.meta {
	color:						#9d9d9d;
	float:						right;
	font-size:					10px;
}

div#wrapper div#content div#left-column div.content div.content-inner p.feed-meta span a,
div#wrapper div#content div#left-column div.content div.content-inner p.feed-meta span a:link {
	color:						#9d9d9d;
	text-decoration:			none;
}


/** images
------------------------------------------------------------------ */
div#tu-content div.action p img.button {
	float:						left;
	margin-right:				1em;
}

div#left-column div.content img {
	background:					#fff;
	border:						1px solid #e5e5e5;
	float:						left;
	margin:						0 1em 1.5em 0;
	padding:					2px;
}
div#left-column div.content img.coupon,
div#left-column div.content img.screenshot,
div#left-column div.content img.pill {
	border:						0;
	float:						none;
	margin-right:				0;
	padding:					0;
}

div#right-column div.content img {
	border:						1px solid #e5e5e5;
	margin-bottom:				1.5em;
}
/** tables/forms
------------------------------------------------------------------ */
div#left-column div.content div.content-inner table {
	padding-bottom:				1.5em;
}

table.data-grid {
	width:						100%;
}
table.data-grid thead tr th {
	background:					url(../images/bg-data-grid-th.png) no-repeat;
	height:						23px;
	font-weight:				bold;
	padding:					4px 0 0 7px;
}
table.data-grid thead tr th.f {
	background-image:			url(../images/bg-data-grid-th-f.png);
}
table.data-grid thead tr th.l {
	border-right:				1px solid #e5e5e5;
}
table.data-grid tbody tr td {
	padding-left:				7px;
}
table.data-grid tbody tr td.l {
	padding-left:				0;
	text-align:					center;
}

table.employees-data-grid {
	width:						100%;
}

table.employees-data-grid tr td {
	border-top:					1px solid #e0e0e0;
	padding:					5px 1em 0 0;
}
table.employees-data-grid tr td strong {
	color:						#9e9e9e;
}
table.employees-data-grid tr td.col-1 {
	border:						0;
	padding:					11px 0 0 0;
	padding-top:				11px;
	vertical-align:				top;
	width:						85px;
}
table.employees-data-grid tr td.col-2 {
	padding-right:				0;
	vertical-align:				top;
	width:						64px;
}
div#left-column div.content table.employees-data-grid tr td.col-2 img {
	margin:						0;
	padding:					0;
	float:						none;
}
table.employees-data-grid tr td.col-3 {
	vertical-align:				middle;
/*	width:						149px;*/
}
table.employees-data-grid tr td.col-3 span {
	color:						#000;
	font-size:					14px;
	font-weight:				bold;
}
table.employees-data-grid tr td.col-4 {
	vertical-align:				middle;
/*	width:						240px;*/
}
table.employees-data-grid tr td.col-4 a,
table.employees-data-grid tr td.col-4 a:link {
	font-size:					14px;
	font-weight:				bold;
	text-decoration:			none;
}
table.employees-data-grid tr td.col-5 {
	vertical-align:				middle;
/*	width:						130px;*/
}
table.employees-data-grid tr td.col-6 {
	font-size:					11px;
	padding-right:				0;
	vertical-align:				top;
}
table.employees-data-grid tr td.col-6 a,
table.employees-data-grid tr td.col-6 a:link {
	color:						#9d9d9d;
}
/** forms
------------------------------------------------------------------ */