/* Css Document for View Creatives Homepage */

/* New Homepage Styles */
#jobs-panel {
	width:					362px;
	border-right:			9px solid #fff;
	border-top:				10px solid #fff;
	vertical-align:			top;
	background:				url(../assets/bg_jobs_panel.gif) 0 0 repeat-y;
}

#jobs-panel div {
	background:				url(../assets/bg_jobs_panel_div.gif) bottom left no-repeat;
	padding:				0 0 10px;
}

#jobs-panel div h1 {
	margin:					0;
}

#jobs-panel form {
	padding:				15px;
	margin:					0;
}

#jobs-panel td {
	padding-right:			8px;
	vertical-align:			bottom;
}

#jobs-panel label {
	display:				block;
	font-weight:			bold;
	margin:					0 0 2px;
}

#jobs-panel input,
#jobs-panel select {
	font-size:				85%;
	width:					125px;
	margin-bottom:			0;
}

#jobs-panel p {
	float:					right;
	font-weight:			bold;
	padding-right:			10px;
}

#jobs-panel .btn {
	width:					auto;
	margin:					7px 0 0;
}


#jobs-panel ul {
	list-style:				none;
	padding:				0 0 13px;
	margin:					0;
}

#jobs-panel li {
	display:				block;
	padding:				8px 15px;
	text-align:				right;
}

#jobs-panel li:after {
	content:				".";
	clear:					both;
	display:				block;
	visibility:				hidden;
	height:					0;
	line-height:			0;
}

#jobs-panel li.odd {
	background:				url(../assets/bg_jobs_panel_div_highlight.gif) 0 0 repeat-y;
}


#jobs-panel li.actions {
	text-align:				left;
}

#jobs-panel li.actions a {
	display:				inline;
	color:					#666;
	text-decoration:		none;
	padding:				0;
	width:					auto;
	float:					none;
	background:				none;
	text-align:				left;
}


#jobs-panel li a {
	display:				block;
	color:					#666;
	text-decoration:		none;
	padding:				0;
	width:					200px;
	float:					left;
	background:				none;
	text-align:				left;
}

#jobs-panel li a:hover {
	color:					#B33A0F;
	text-decoration:		underline;
}

#creatives-panel {
	width:					240px;
	border-right:			9px solid #fff;
	vertical-align:			top;
	background:				url(../assets/bg_creatives_panel.gif) 0 0 repeat-y;
	border-top:				10px solid #fff;
}

#creatives-panel div {
	background:				url(../assets/bg_creatives_panel_div.gif) bottom left no-repeat;
	padding:				0 0 20px;
}

#creatives-panel div div.pagination {
	background:				none;
	padding:				10px 12px;
}

#creatives-panel div h1 {
	margin:					0;
}

#creatives-panel p.promo {
	color:					#B33A0F;
	font-style:				normal;
	display:				block;
	padding:				10px 15px;
	margin:					0 0 5px;
	background:				#fff url(../assets/bg_creatives_panel_div_highlight.gif) 0 0 repeat-y;
}

#creatives-panel p.promo a {
	color:					#B33A0F;
}

#creatives-panel p.promo a:hover {
	color:					#666;
}

#creatives-panel p {
	margin:					0;
	padding:				0;
}

#creatives-panel p em {
	background:				url(../assets/bg_creatives_panel_div_highlight.gif) 0 0 repeat-y;
	text-decoration:		underline;
}

#creatives-panel ul {
	padding:				0 15px;
	list-style:				none;
	margin:					0;
}

#creatives-panel ul li {
	display:				block;
	padding:				4px 0;
	color:					#333;
}

#creatives-panel li a {
	color:					#666;
	text-decoration:		none;
	background:				url(../assets/bg_home_li.jpg) 0 50% no-repeat;
	float:					none;
	width:					auto;
	display:				inline;
	padding-left:			15px;
}

#creatives-panel li a:hover {
	color:					#B33A0F;
	text-decoration:		underline;
}

#creatives-panel .latest {
	padding:				0 0 30px;
}

#creatives-panel .latest h1 {
	margin:					0 0 18px;
}

#creatives-panel .latest p {
	padding:				4px;
	margin:					1px 15px 13px;
	min-height:				72px;
	background:				#fff;
}

#creatives-panel .latest p:after {
	content:				".";
	clear:					both;
	display:				block;
	visibility:				hidden;
	height:					0;
	line-height:			0;
}

* html #creatives-panel .latest p {
	height:					72px;
}

#creatives-panel .latest p img {
	float:					left;
	margin-right:			10px;
}

#creatives-panel .latest p strong {
	padding-top:			6px;
}

#creatives-panel .latest p strong,
#creatives-panel .latest p a {
	display:				block;
}



#creatives-panel .latest_jobs h1 {
	margin-bottom:			3px;
}

#creatives-panel .latest_jobs ul {
	padding:				0 0 5px;
	margin:					0;
}

#creatives-panel .latest_jobs ul li {
	display:				block;
	float:					none;
	width:					auto;
	text-align:				right;
	padding:				9px 12px;
	zoom:					1;
}

#creatives-panel .latest_jobs ul li.odd {
	background:				url(../assets/bg_latest_job_highlight.gif) 0 0 repeat-y;
}

#creatives-panel .latest_jobs ul li a {
	float:					left;
	background:				none;
	text-align:				left;
	padding:				0;
	margin:					0;
	width:					180px;
}

#creatives-panel .latest_jobs ul li:after {
	content:				".";
	clear:					both;
	display:				block;
	visibility:				hidden;
	height:					0;
	line-height:			0;
}



#recruiters-panel {
	width:					120px;
	vertical-align:			top;
	border-top:				10px solid #fff;
	background:				none;
}


#recruiters-panel ul {
	list-style:				none;
	padding:				0;
	margin:					0;
}

#recruiters-panel ul li {
	margin:					0 0 13px;
}



#jobs-panel div:after,
#recruiters-panel div:after,
#creatives-panel div:after {
	content:				".";
	display:				block;
	clear:					both;
	height:					0;
	line-height:			0;
	visibility:				hidden;
}

* html #jobs-panel div,
* html #recruiters-panel div,
* html #creatives-panel div {
	height:					1%;
}

#jobs-panel div,
#recruiters-panel div,
#creatives-panel div {
	zoom:					1;
}