﻿@import url("../common.css");
@import url("../thickbox.css");

*
{
	margin:0;
	padding:0;
}

a,
a:link
{
	
	color: #00508b; /* Blue */
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}

body
{
	background: #cae4f3 url(images/bg_clouds.jpg) center top repeat-x;
	/* background: url(images/bg.jpg) left top repeat-x; */
	font: small Arial, Helvetica, Sans-Serif;
	margin: 0;
	padding: 0;
}

h1
{
	color:#83b401;
	font-family: Georgia;
	font-size:180%;
}

h2
{
	color: #00508b; /* Blue */
	font-size: 150%;
	font-weight:normal;
	padding-bottom:.5em;
	padding-top:1.5em;
}

h3
{
	color: #1f6599; /* Lighter Blue */
	font-size: 130%;
	font-weight:normal;
	padding-bottom:.5em;
	padding-top:1em;
}

hr
{
	border-bottom:1px solid #f9f9f9;
	border-left:none;
	border-right:none;
	border-top:1px solid #e6e6e7;
	color:Red;
	height:2px;
	margin-top:1em;
}

td, th
{
	font-size: small;
}

th
{
	text-align: left;
}

ul
{
	list-style-type: none;
}

.altrow
{
    background-color: #efefef;
}

.briefList
{
	clear:both;
}

.briefList li
{
	
}

.button,
.button:link,
.newsSelector .selected,
.resourceSelector .selected
{
	background: transparent url(images/btn_left.gif) left top no-repeat;
	color: #ffffff;
	display: block;
	float:left;
	font-weight:bold;
	height: 22px;
	line-height: 22px;
	overflow: hidden;
	padding: 0 0 0 15px;
	text-align: center;
	text-decoration: none;
	text-transform:uppercase;
	white-space: nowrap;
}

.button img
{
	border-style: none;
	margin: 0 5px 0 0;
	vertical-align: middle;
}

.button span,
.newsSelector .selected span,
.resourceSelector .selected span
{
	background: transparent url(images/btn_right.gif) right top no-repeat;
	cursor: pointer;
	display:block;
	float:left;
	height:22px;
	line-height:22px !important;
	padding: 0 15px 0 0;
}

.button:hover
{
	background-position: left bottom;
	color: #FFF;
}

.button:hover span
{
	background-position: right bottom;
}

.buttonList
{
	line-height: 26px;
	margin-top:2em;
	overflow: hidden;
	width: 100%;
}

.buttonList .button
{
	float: left;
	margin-right: 1em;
}

.classifiedsColumns h3
{
	padding-top:1.5em;
}


.classifiedsColumns .column1,
.classifiedsColumns .column2
{
	background: #CAE4F3; /* Sky Blue */	
	border:solid 1px #1f6599; /* Lighter Blue */
	padding:1em;
}

.classifiedsColumns .recentOffering li.contentMini a,
.classifiedsColumns .recentWanted li.contentMini a
{
	background: url(../../images/icons/new.png) left center no-repeat;
	display:block;
	padding-left:22px;
	margin-bottom:.5em;
}

.classifiedsWidget .offeringLink,
.placeAdOffering
{
	background: url(../default/images/icon_offering.png) left center no-repeat;
	display:block;
	padding: 10px 0 10px 70px;
}

.classifiedsWidget .wantedLink,
.placeAdWanted
{
	background: url(../default/images/icon_wanted.png) left center no-repeat;
	display:block;
	float:left;
	padding: 10px 0 10px 70px;
}

.commentButtonList
{
    margin-top: 0;
}

.comments
{
	list-style-type: none;
	margin: 0 0 1em 0;
	padding: 0;
}

.comments li.comment
{
	clear: both;
	line-height: 1.5em;
	margin: 0 0 2em 0;
	overflow: hidden;
	padding: 0;
	position: relative;
}

.comments li.comment .commentText
{
    padding: 0 .5em;
}

.comments .actions
{
    position: absolute;
    right: 0;
    top: .25em;
}

.comments .actions li
{
    float: left;
    margin: 0 10px;
}

.comments .actions li a
{
    color: #ffffff;
}

.comments .author
{
    background: #2070AB;
    color: #ffffff;
	margin-bottom: .5em !important;
	padding: .25em .5em;
}

.comments .author a
{
    color: #ffffff;
}

.comments .author img
{
	border: 1px solid #000;
	margin: 0 0 0.5em 0;
}

.commentsBox fieldset
{
    width: 100%;
}

.commentsBox .backLink
{
    display: none;
}

.commentsBox .buttonList
{
    margin: 0 0 3em 0 !important;
}

.commentsBox .buttonList .button
{
    float: right;
    margin-right: .5em;
}

.commentsBox .commentRating
{
    display: none;
}

.commentsBox .recentCommentsHeading
{
    background: url(../../images/icons/comment.gif) left 1.5em no-repeat;
    padding-left: 21px;
}


.contactInfo
{
	border:solid 1px #999999;
	clear:right;
	float:right;
	margin:0 0 1em 2em;
	width:180px;
	padding: 10px;
}

.contactInfo h2
{
	background: url(../../images/icons/update_profile.gif) left 3px no-repeat;
	padding-left:20px;
	padding-top:0;
}

.contentList
{
	margin: 0;
	padding: 0;
}

.contentList li
{
	background:#f8f8f8;
	border-bottom: 1px solid #dddddd;
	clear: both;
	list-style-type: none !important;
	margin:0 !important;
	padding:1em 15px 1em 15px;
	overflow:hidden;
	height:100%;
}

.contentList li.altrow
{
	background:#ffffff;
}

.contentList li a.title
{
	display:block;
}

.contentList dt
{
	font-weight:bold;	
	margin-bottom:1em;
}

.contentList .content 
{
	position:relative;
}

.contentList .content .price
{
	font-weight:bold;
	position:absolute;
	right:15px;
	top:1em;
}

.contentList .title
{
	margin: 0 0 .25em 0;
	font-size:120%;	
	font-weight:bold;
}

.dataTable tr td,
.dataTable tr th
{
	border:solid 1px #666666;
	padding: .5em 1em;
}

.line
{
	background:url(images/line.gif) left center repeat-x;
	font-size:1px;
	height:1px;
	clear:both;
	padding: 0 0 20px 0;
}

.meta
{
	color:#666666;
	font-style:italic;
}

.moreInfo
{
	background: url(images/icon_arrow_green.gif) right center no-repeat;
	color: #83b401 !important; /* Green */
	padding-right:10px;
	text-decoration:underline !important;
}

.pager
{
	margin-top:1em;
}

.pager a
{
	background:#ffffff;
	border: solid 1px #999999;
	
	color:#000000;
	text-decoration:none;
	padding:.25em .75em;
	margin:0 5px;
}

.pager .current
{
	background:#dddddd;
	border: solid 1px #666666;
	color:#1c9e39; /* Green */
	font-weight:bold;
}

.pager .next
{
	background: transparent url(images/icon_arrow_small.gif) right center no-repeat;
	border:none;
	padding-right:25px;
}

.pager .prev
{
	background: transparent url(images/icon_arrow_small-2.gif) left center no-repeat;
	border:none;
	padding-left:25px;
}

.pageTools{
	float:right;
	}
.pageTools ul {
	list-style-type:none;
	}
.pageTools ul li{
	float:left;
	margin-left:13px;
	}
.pageTools ul li a
{
	padding-top:20px;
	text-align:center;
	display:block;
	color:#858585;
	text-decoration:none;
	}
.shareThis{
	background:url(images/icon_share.gif) no-repeat top center;
	}
#sharethis_0
{
	display:none;
}
.email{
	background:url(images/icon_email.gif) no-repeat top center;
	}
.print{
	background:url(images/icon_print.gif) no-repeat top center;
	}

/*
.pageTools{
	float:right;
	}
.pageTools ul {
	list-style-type:none;
	}
.pageTools ul li{
	float:left;
	margin-left:13px;
	}
.pageTools ul li a{
	padding-top:20px;
	text-align:center;
	display:block;
	color:#858585;
	text-decoration:none;
	}
.share{
	background:url(images/icon_share.gif) no-repeat top center;
	}
.email{
	background:url(images/icon_email.gif) no-repeat top center;
	}
.print{
	background:url(images/icon_print.gif) no-repeat top center;
	}
*/
.photo
{
	float:right;
	padding: 0 0 1em 2em;
	width:200px;
}

.placeAd
{
	background: #CAE4F3; /* Sky Blue */	
	border:solid 1px #1f6599; /* Lighter Blue */
	float:right;
	padding:1em;
	list-style-type:none;
	margin: 0 0 2em 2em;
}

.placeAd a.offering
{
	background: url(../../images/icons/application_form_edit.png) left center no-repeat;
	display:block;
	padding-left:22px;
	margin-bottom:.5em;
}

.placeAd a.wanted
{
	background: url(../../images/icons/application_form_edit.png) left center no-repeat;
	display:block;
	padding-left:22px;
}

.searchBox
{
	overflow: hidden;
}

.searchBox .textbox
{
	float:left;
	margin-right: 10px;
}

.submenu
{
	padding-bottom:2em;
}


.submenu li a
{
	border-bottom: solid 1px #e6e6e7;
	color: #00508b; /* Blue */
	display:block;
	font-weight:bold;
	font-size: 120%;
	padding: 18px 0 8px 0;
	
}

ul.submenu.sifr li a
{
	width:200px;
}

.submenu li ul li a
{
	background: url(images/icon_arrow_blue.gif) center left no-repeat;
	
	color:#83b401; /* Green */
	font-size: 100%;
	font-weight:normal;
	padding:10px 0 10px 10px;
}

.submenu li ul li ul li
{
	padding-left:15px;
}

.submenu li li ul
{
	border-bottom: solid 1px #e6e6e7;	
}

.submenu li ul li ul li a
{
	background: url(images/icon_arrow_blue.gif) center left no-repeat;
	border:none;
	padding: 4px 0 4px 10px;
}

.stbuttontext
{
	display:none;
}

.subscribeBox
{
	line-height:1.5em;
}

.subscribeBox .buttonList
{
	margin:1em 0 .5em 0 !important;
}

.subscribeBox input
{
	width: 95%;
}

.subscribeBox label
{
	display:none;
}

.success
{
	color: #83b401 !important; /* Green */
}

.withPhotos li
{
	/* padding-left: 144px; */
}

.withPhotos li .title
{
	/* margin-left: -134px !important;	*/
}


.withPhotos li img
{
	border-style: none;
	display: inline;
	float: right;
	margin: 0 0 10px 10px;
	border:1px solid #333333;
}

#Banner
{
	background: url(images/tagline_secondary.jpg) 60px 22px no-repeat;
	height:84px;
	text-indent: -1000em;
}

#Container
{
	background: transparent url(images/bg_content.gif) left top repeat-y;	
	color:#111111;
	font-size:90%;
	line-height:1.75em;
	min-height: 640px;
	margin:0 auto;
	padding: 0;
	overflow:hidden;
	width: 1000px;
}


#ContainerOuter
{
	overflow: hidden;
	text-align:center;
}


#Content
{
	float: right;
	padding-right:73px;
	padding-top:20px;
	width: 622px;
}

#Content h1
{
	float:left;
	padding-top:10px;
	width: 480px;
}

#Content p
{
	margin-bottom:1em;
}

#ContentContainer
{
	background: transparent url(images/banner_pic_secondary.jpg) left top no-repeat;
	min-height:617px;
	margin: 0 auto;
	overflow: hidden;
	text-align: left;
	width:1000px;
}

#Footer
{
	background: transparent url(images/footer.jpg) 20px top no-repeat;
	color:#333333;
	height:74px;
	line-height:1.5em;
	padding: 40px 0 0 285px;
	text-align:left;
}

#Footer a,
#Footer a:link
{
	color: #00508b; /* Blue */
}

#Footer .vcard .email
{
	background:none !important;
}

#Footer .vcard .tel
{
	padding-right:1.5em;
}

#Footer .vcard .tel .type
{
	display:none;
}

#Footer .vcard .adr .type
{
	display:none;
}

#Footer .vcard .adr .postal-code
{
	padding-left:2em;
}

@media screen
{

	#Header
	{
		background: #002659 url(images/header.jpg) left top no-repeat;
		color: #FFF;
		height:111px;
		overflow: hidden;
		position:relative;
		text-align: left;
		width: 1000px;
	}


	#Header h1
	{
		border-style: none;
		margin: 0;
		padding: 0;
	}

	#Header h1 a,
	#Header h1 a:link
	{
		display: block;
		height: 75px;
		left:56px;
		margin: 0;
		position:absolute;
		text-decoration: none;
		text-indent: -1000em;
		top:25px;
		width: 220px;
	}


	#Header .links
	{
		font-weight: bold;
		height: 52px;
		line-height: 52px;
		list-style-type: none;
		margin: 0;
		padding:0;
		position:absolute;
		right:48px;
		top: 60px;
	}

	#Header .links li
	{
		background: url(images/nav_divider.gif) right top no-repeat;
		display: inline;
		float: left;
		padding: 0 1px 0 0;
		position: relative;
		white-space: nowrap;
	}

	#Header .links li.last
	{
		background: none !important;
	}

	#Header .links li.selected a
	{
		background: #75a501 !important;
		color: #ffffff;
	}


	#Header .links li a,
	#Header .links li a:link
	{
		background: Transparent;
		color: #ffffff;
		display: block;
		padding: 0 8px;
		text-decoration: none;
	}

	#Header .links li a:hover
	{
		background: #75a501 !important;
		color: #ffffff;
		text-decoration: none;
	}

	#Header .links ul
	{
		display:none;

	}

	#Header .searchBox
	{
		position:absolute;
		right:20px;
		top:18px;
	}

	#Header .searchBox h2
	{
		display:none;
	}

	#Header .searchBox a.search,
	#Header .searchBox a.search:link
	{
		background: url(images/icon_arrow_white.gif) 7px center no-repeat;
		color:#ffffff;
		display:block;
		float:left;
		font-weight:bold;
		height:28px;
		line-height:28px;
		padding-left:14px;
		text-decoration:none;
		width:61px;
	}

	#Header .searchBox a.search:hover
	{
		text-decoration:underline;
	}

	#Header .searchBox .textbox
	{
		background-color:Transparent;
		border: none;
		color:#eeeeff;
		float:left;
		padding: 5px 10px 0px 10px !important;
		width:145px;
	}


	#Header .tools
	{
		color: #FFF;
		float: right;
		height:28px;
		line-height: 28px;
		list-style-type: none;
		margin: 0;
		overflow: hidden;
		padding: 0 0 0 1em;
		position:absolute;
		right:270px;
		top:18px;
	}

	#Header .tools input
	{
		background-color: #FFF;
		border-style: none;
		color: #000;
		margin: 3px 0.5em 3px 0;
	}

	#Header .tools label
	{
		display: none;
	}

	#Header .tools li
	{
		display: inline;
		float: left;
		margin: 0 .75em 0 .5em;
	}

	#Header .tools li a,
	#Header .tools li a:link
	{
		background-color: Transparent;
		color: #FFF;
		text-decoration:none;
	}

	#Header .tools li a:hover
	{
		text-decoration:underline;
	}

	#Header .tools p
	{
		display: inline;
		float: left;
		margin: 0;
	}

	#Sidebar
	{
		float: left;
		padding-left:58px;
		width: 200px;
	}

	#Sidebar ul
	{
		list-style-type:none;	
	}
	
	#Sidebar .employmentAd
	{
		background:url(images/pig-careers-employment-ad.jpg) left top no-repeat;
		display:block;	
		height:90px;
		margin-left:-18px;
		margin-top:25px;
		width:220px;
		text-indent:-1000em;
	}
}

#SubscriptionForm
{
	/* border-top: solid 1px #e6e6e7; */
	padding-top:1em;
}

#SubscriptionForm h2 
{
	background:url(images/sign_up.gif) left top no-repeat;
	height:53px;
	padding:0 0 .25em 0;
	text-indent:-1000em;
	width:151px;
}

@media print
{
	body
	{
		text-align: left;
	}
	
	td { height: auto !important; }
	
	#Content
	{
	    padding: 0;
	    width: 100%;
	}
	
	#Footer,
	#Header,
	#Sidebar
	{
		display: none;
	}
}
