@charset "UTF-8";

/****************************************************
Browser Info
Name: Unknown 
Version: 0 
OS: Unknown 
UserAgent: CCBot/1.0 (+http://www.commoncrawl.org/bot.html) 

****************************************************/


/* Reset all styles ********************** */
* { margin: 0; padding: 0; } 

/* Setting the font family globally here */
body, p, li, label, input, h1, h2, h3, h4, h5, select, textarea {
	font-family: Arial, Verdana, Helvetica, sans-serif;
}

body {
	background: #fff url(/img/background.jpg) repeat-x left top;
	padding: 0;
	font-size: 10pt;
	width: 100%;
}

p, li, label {
	font-size: 10pt;
	color: #333;
	text-align: left;
}

/* if the database returns a long text with a <p> tag without the class name, we can use dbText parent selector */
p.normal, div.dbText p, p.errorMsg {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	line-height: 13pt;
}

p.dataLabel {
	font-size: 10pt;
	color: #999;
}

#errorMsg {
	color: #e61964;
}

.errorMsg {
	color: #ff0000;
}

p.profile {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 13pt;
}

p#hello {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 20px;
	text-align: right;
}

.smallType {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;}


/* h2, h3, h5, etc have not been well thought out yet *********************************/
h1 {
	font-size: 16pt;
	color: #333;
	margin: 0px 0px 0px 0px;
	letter-spacing : -1px;
}

h2 {
	font-size: 14pt;
	line-height: 18pt;
	font-weight: bold;
	color: #666666;
	margin: 18px 0 6px 0;
	letter-spacing: 0.02em;
}

h3 {
	font-size: 12pt;
	font-weight: bold;
	color: #666;
	margin: 0px 0px 10px 0px;
}

h4 {
	font-size: 10pt;
	line-height:16pt;
	font-weight: bold;
	color: #666666;
	margin: 0px 0 10px 0;
	padding: 0px 0px 3px 0px;
	border-bottom: 2px solid #ccc;
}

h5 {
	font-size: 10pt;
	line-height: 14pt;
	font-weight: bold;
	color: #666666;
	padding-bottom:3px;
}


a:link, a:visited, .hilite {
	color: #e61964;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a.titleLink:link, a.titleLink:visited, a.titleLink:hover {
	color: #333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration: none;
	background: #fff url(/img/link_back.gif) repeat-x left top;
	font-weight: bold;
	font-size: 11pt;
}

a img {
	border: none;
}

/* List *****************************************************************************************/

ul.normal, ol.normal, div.dbText ul, div.dbText ol {
	margin: 0px 0px 10px 0px;
}

ul.normal li, ol.normal li, div.dbText li {
	font-size: 10pt;
	font-weight: normal;
	color: #333;
	line-height: 16px;
	margin: 0px 10px 5px 30px;
	padding: 0;
	list-style-type: disc;
	list-style-position: outside;
	list-style-image: none;
}

ol.normal li, ol li, div.dbText ol li {
	list-style-type: decimal;
}


/* FORMS *****************************************************************************************/
div.formBox {
	background: #f2f2f2 url(/img/formBox_header.gif) no-repeat left top;
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	width: 448px;
	border: 1px solid #ccc;
}

p.formBoxLabel {
	font-size: 10pt;
	font-weight: bold;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}


input, select, textarea {
	font-size: 10pt;
	border: 1px solid #ccc;
	color: #333;
	background: #fff;
	margin: 0;
}

input {
	height: 17px;
	padding: 3px;
}

select {
	height: 23px;
	padding: 2px;
}

textarea {
	clear: both;
	width: 440px;
	float: left;
	padding: 3px;
	margin: 0px 0px 0px 0px;
}

label {
	float: left;
	padding: 4px 0px 4px 0px;
}

input.imgSubmit {
	margin: 0px;
	padding: 0px;
	height: 24px;
	border: 0px;
}

input.imgSubmitSm {
	margin: 0px;
	padding: 0px;
	height: 19px;
	border: 0px;
	float: right;
}

.formField {
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #ddd;
}

.flash-replaced, .uploadField {
	/* This is for the upload Flash module */
	height: 65px;	
	padding: 5px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

.noborder {
	border:none;
	margin-bottom:0px;
}

.formField input {
	float: right;
	width: 200px;
}

input.file {
	height: 24px;
	float: left;
	margin: 0px 0px 0px 10px;
}

.formField select {
	float: right;
	width: 210px;
}

input.button1, input.superuser {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	color: #fff;
	margin: 0px 0px 0px 0px;
	background: #e6e6e6 url(/img/bt.gif) repeat-x left top;
	padding-top: 4px;
	padding-bottom: 6px;
	padding-right: 5px;
	padding-left: 5px;
	height: auto;
	width: auto;
	border: 0;
	cursor: pointer;
}

input.button2 {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	color: #fff;
	margin: 0px 0px 0px 0px;
	background: #e6e6e6 url(/img/bt.gif) repeat-x left top;
	padding-top: 2px;
	padding-bottom: 2px;
	height: auto;
	width: auto;
	border: 0px;
	cursor: pointer;
}

input.superuser {
	background: #e6e6e6 url(/img/bt_admin.gif) repeat-x left top;
}

input.button1:hover, input.button2:hover {
	cursor: pointer;
}

input.checkbox, input.radio {
	float: left;
	border: 0;
	background: none;
	padding: 0;
	width: 20px; /* You can controll the space between the control and the label with this. */
	height: 24px; /* If you want to line up vertically to the lebel, set this explicitly. Otherwise, between different browsers, you'll get different heights. */
	margin: 0px 0px 0px 0px;
}

div.checkBoxPair {
	width: 200px;
	float: left;
	margin: 0px 5px 0px 0px;
	padding: 0px 5px 0px 5px;
}

label.radio, label.checkbox {
	margin: 0px 15px 0px 0px;
}

label.error {
	display: block;
	clear: both;
	float: left;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	color: #ff0000;
	width: 100%;
	text-align: right;
}

div.buttonGroup {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
}

div.buttonStrip {
	clear: both;
}

div.buttonStrip input.button1 {
	float: right;
	margin: 0 0 0 12px;
}

span.formNote {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;}

p.formNote {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	padding: 2px 0px 0px 0px;
}

p.formNote {
	clear: both;
	float: left;
	margin: 0px 0px 4px 0px;
	line-height: 11pt;
	width: 100%;
}

select.date {
	width: 70px;
}

input.rightAlign {
	float: right;
	margin: 0px 0px 0px 10px;
}

input.leftAlign {
	float: left;
	margin: 0px 10px 0px 0px;
}

input.small {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	border: 1px solid #ccc;
	color: #333;
	background: #fff;
	padding-top: 2px;
	padding-bottom: 0;
	padding-left: 2px;
	padding-right: 2px;
	margin-left: 0;
	margin-right: 5px;
	width: 120px;
	height: 15px;
}

select.small {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;		height: auto;
		padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	width: 120px;

		
	margin-left: 0;
	margin-right: 5px;
}

a.button, a.buttonAdmin {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	display: block;
	color: #fff;
	background: #e6e6e6 url(/img/bt.gif) repeat-x left top;
	padding: 5px 10px 4px 10px;
	height: 14px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
}

a.buttonAdmin {
	border-left: 1px solid #ec5e92;
	border-right: 1px solid #6a0e2f;
	border-bottom: 1px solid #6a0e2f;
	background: #e6e6e6 url(/img/bt_admin.gif) repeat-x left top;
}

a.smallButton {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	display: block;
	color: #fff;
	background: #e6e6e6 url(/img/bt.gif) repeat-x left top;
	padding: 3px 7px 2px 7px;
	height: 13px;
	border-left: 1px solid #ddd;
	border-right: 1px solid #666;
	border-bottom: 1px solid #666;
	cursor: pointer;
	text-align: center;
}

a:link.smallButton, a:visited.smallButton, a:hover.smallButton, a:link.button, a:visited.button, a:hover.button, a:link.buttonAdmin, a:visited.buttonAdmin, a:hover.buttonAdmin {
	color: #fff;
	text-decoration: none;
}

/* table *******************************************/

table {
	border-collapse: collapse;
}

td {
	padding: 5px 5px 5px 5px;
	border-bottom: 1px solid #ccc;
}

td.noborder {
	border-bottom: 0;
}

thead {
	background: #fff;
	border-top: 0px;
}

tr {

}

tr.shaded {
	background-color: #f8f8f8;
}

tr.selected {
	background-color: #FFF5F9;
}

/*
tr:hover {
	background-color: #FFF3B8;
	cursor: pointer;
}
*/

th {
	padding: 5px 5px 5px 5px;
	font-weight: normal;
	text-align: left;
	background: #ccc url(/img/header_background.gif) repeat-x left top;
}

th.date {
	width: 65px;
}


/************* Arrangement of page *****************/

#mainContainer {
	width: 970px;  /* desired width -  (this padding value x2) - (border.width x2) */
	min-height: 400px; /* image will not appear without this */
	margin: 0 auto; /* auto attribute needed to center content in browser window */
	padding: 0;
}

#header {
	width: 970px;
	padding: 0px 0px 20px 0px;
}

/* This is the middle area. */
#contentMain {
	width: 970px;
	min-height: 80px;
	padding: 0;
	margin: 0;
}

/* To divide the main content area into two columns */
#contentMain-1, .contentCol1 {
	width: 470px;
	min-height: 80px;
	float: left;
	padding: 0;
	margin: 0;
}

#contentMain-2, .contentCol2 {
	width: 470px;
	min-height: 80px;
	float: right; /* same as contentMain-1, with this exception */
	padding: 0;
	margin: 0;
}

/* Home page for non-members */
#homeCol1 {
	width: 720px;
	min-height: 80px;
	float: left;
	padding: 0;
	margin: 0;
}

#homeCol2 {
	width: 230px;
	min-height: 80px;
	float: right;
	padding: 0;
	margin: 0;
}

div.halfHomeLeft {
	width: 350px;
	float: left;
	padding: 0;
	margin: 0;
}

div.halfHomeRight {
	width: 350px;
	float: right;
	padding: 0;
	margin: 0;
}

/* For terms, privacy, FAQ, etc */
.articleColumn {
	width: 740px;
	min-height: 80px;
	float: left;
	padding: 0;
	margin: 0;
}

.articleSidebar {
	width: 200px;
	min-height: 80px;
	float: right;
	padding: 0;
	margin: 0;
}

/* For screencasts */
.screencastColumn {
	width: 640px;
	min-height: 80px;
	float: left;
	padding: 0;
	margin: 0;
}

.screencastSidebar {
	width: 300px;
	min-height: 80px;
	float: right;
	padding: 0;
	margin: 0;
}

.contentFullwidth {
	padding:0 16px 0 16px;
}
.contentShort {
	width: 540px;
}

#contentFooter {
	width: 970px;
	margin: 0px 0px 20px 0px;
}

div.elementBox, div.specialBox, div.elementBoxAdmin {
	width: 450px;
	padding: 0px 0px 0px 10px;
	margin: 0px 0px 20px 0px;
	border-left: 10px solid #e6e6e6;
}

div.elementBoxAdmin {
	border-left: 10px solid #E61964;
}

div.specialBox {
	border-left: 10px solid #ffd500;
}

div.adBox {
	width: 470px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	border-left: 0px;
}

img.title {
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	height: 30px;
	border: 0;
}

img.subtitle {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	height: 20px;
	border-bottom: 2px solid #ddd;
}

img.smTitle {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
	height: 15px;
}

div#titleBar {
	width: 100%;
	padding: 0px 0px 20px 0px;
	margin: 0px 0px 0px 0px;
}

img.pageTitle {
	float: left;
	height: 30px;
}

img.insertLeft {
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 0px 10px 10px 0px;
	background-color: #f2f2f2;
}

img.insertRight {
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 10px;
	background-color: #f2f2f2;
}

/* Main navigation bar ************************************************/

#navMain {
	clear: both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	width: 970px;
	height: 34px;
	float: left;
	background: #e6e6e6 url(/img/main_nav_back.gif) repeat-x left top;
}

#navMain a {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 34px;
	float: left; /* to fix Mac IE 5.2 bug */
}

#navMain a:hover {
	background-position: right top;
}

#navMain a.selected {
	background-position: right top;
}

#navHome {
	width: 68px;
	background: #e6e6e6 url(/img/main_nav_home.gif) repeat-x left top;
}

#navProfiles {
	width: 105px;
	background: #e6e6e6 url(/img/main_nav_profiles.gif) repeat-x left top;
}

#navMyProfile {
	width: 122px;
	background: #e6e6e6 url(/img/main_nav_myprofile.gif) repeat-x left top;
}

#navMessages {
	width: 108px;
	background: #e6e6e6 url(/img/main_nav_messages.gif) repeat-x left top;
}

#navJobs {
	width: 62px;
	background: #e6e6e6 url(/img/main_nav_jobs.gif) repeat-x left top;
}

input#navSearchInput {
	float: right;
	margin: 3px 5px 0px 0px;
	width: 150px;
	border: 1px solid #b2b2b2;
	color: #333;
	background: #f2f2f2 !important; /* Without this "!important" attribute, the automatic form fill will set the field to yellow */
}



/* Custom dropdown menu for search regions ************************************************************/

div#navSearchRegion { /* This is overridden for Profiles search box */
	display: block;
	float: right;
	width: 170px;
	height: 34px;
	position: relative;
	padding: 0px 0px 0px 0px;
	z-index: 5; /* It's important that this is here, not in the dropdown itself. IE has a bug where z-index would have no effect on absolutely positioned element. It has to be normally (or relatively) positioned element; otherwise IE pretty much ignores it. */
}

div#navSearchRegion a#navSearchSelected { /* This is overridden for Profiles search box */
	display: block;
	width: 160px;
	height: 25px;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	padding: 9px 5px 8px 5px;
	cursor: pointer;
}

div#navSearchRegion a {
	color: #fff;
	height: auto !important;
}

div#navSearchRegion a:link, div#navSearchRegion a:visited {
	color: #fff;
	text-decoration: none;
}

div#navSearchRegion a:hover {
	text-decoration: underline;
}

div#navSearchRegionDrop {
	display: none;
	position: absolute;
	top: 30px;
	left: 0px;
}

div#navSearchRegionDrop select {
	width: 209px;
}

div#navSearchRegionDrop div.dropItem, div#navSearchRegionDrop div.dropSpecial {
	display: block;
	width: 209px;
}

div#navSearchRegionDrop div.dropItem {
	border-bottom: 1px solid #888;
	border-top: 1px solid #aaa;
	background-color: #999;
}

div#navSearchRegionDrop div.dropSpecial {
	border-bottom: 1px solid #666;
	border-top: 1px solid #888;
	background-color: #777;
}

div#navSearchRegionDrop div.dropItem a, div#navSearchRegionDrop div.dropSpecial a {
	display: block;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	width: 199px;
	height: auto;
	padding: 3px 5px 3px 5px;
}

div#navSearchRegionDrop div.dropItem a:hover, div#navSearchRegionDrop div.dropSpecial a:hover {
	background-color: #999933;	
	text-decoration: none;
}

input#navSearchSubmit {
	float: right;
	width: 39px;
	height: 34px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}





/* Secondary navigation bar *********************************/

div#masthead {
	display: block; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 80px;
	width: 970px;
	background: #808080 url(/img/masthead.jpg) no-repeat left top;
}

ul#navSecondaryList {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
	height: 35px;
	float: right;
}

ul#navSecondaryList li {
	float: left;
	margin: 10px 0px 0px 0px;
	padding: 0px 7px 0px 7px;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	color: #bbb;
	display: block;
	height: 14px;
	border-left: 1px solid #bbb;
}

ul#navSecondaryList li.first {
	border-left: 0;
}

ul#navSecondaryList li a:link, ul#navSecondaryList li a:visited {
	color: #fff;
	text-decoration: none;
}

ul#navSecondaryList li a:hover {
	text-decoration: underline;
}

/* masthead elements ****************************************/

a#logo {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 80px;
	width: 277px;
	float: left;
}


div#loginWidget {
	float: right;
	margin: 8px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
}

div#loginWidget p {
	float: left;
	color: #fff;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	line-height: 20px;
}

input#loginName, input#loginPassword {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	border: 1px solid #fff;
	color: #000;
	background: #fff !important;
	margin: 0px 5px 0px 0px;
	padding: 2px 2px 0px 2px;
	width: 120px;
	height: 15px;
	filter:alpha(opacity=70);-moz-opacity:.70;opacity:.70;
}

input.headerLogin { /* the image submit button for LOGIN */
	margin: 0px;
	padding: 0px;
	height: 19px;
	border: 0px;
}

div#savePass {
	float: left;
	clear: both;
	width: 282px;
}

div#savePass label { /* override the default above */
	color: #fff;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;}

div#savePass p#signupLink {
	color: #fff;
	float: right;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	padding: 1px 0px 0px 0px;
}

p#signupLink a:link, p#signupLink a:visited {
	color: #ffd500;
	text-decoration: none;
}

p#signupLink a:hover {
	text-decoration: underline;
}


/* Tabs *******************************************************/

ul.tabsNav {
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
/*	width: 318px; */
	height: 25px;
	float: left;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
/*	background-color: #f2f2f2; */
}

ul.tabsNav li {
	float: left;
	display: block; 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

ul.tabsNav li a {
	display: block;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	height: 25px;
	float: left; /* to fix Mac IE 5.2 bug */
}

ul.tabsNav li a.tabFeatured {
	width: 66px;
	background: #e6e6e6 url(/img/tab_featured.gif) no-repeat left top;
}

ul.tabsNav li a.tabJustAdded {
	width: 80px;
	background: #e6e6e6 url(/img/tab_justadded.gif) no-repeat left top;
}

ul.tabsNav li a.tabLastUpdated {
	width: 92px;
	background: #e6e6e6 url(/img/tab_lastupdated.gif) no-repeat left top;
}

ul.tabsNav li a.tabRandom {
	width: 64px;
	background: #e6e6e6 url(/img/tab_random.gif) no-repeat left top;
}

ul.tabsNav li a:hover {
	background-position: right top;
}

ul.tabsNav li a.selected {
	background-position: right top;
}


/* search filters basics ***************************************/
div.shadedBox {
	background: #f2f2f2;
	margin: 0px 0px 20px 0px;
	padding: 10px 10px 10px 10px;
	width: 448px;
	border: 1px solid #ccc;
}

/* this is used for the top and the bottom frame of a div area */
img.frame {
	float: left; /* IE adds weird space at the top and bottom without this */
}

div.searchBox {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}

p.radioPair {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	line-height: 16px;
}

p.checkboxPair {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	line-height: 16px;
}

div.searchBox input.checkbox, div.searchBox input.radio {
	float: left;
	border: 0;
	background: none;
	padding: 0;
	width: 20px; /* You can controll the space between the control and the label with this. */
	height: 24px; /* If you want to line up vertically to the lebel, set this explicitly. Otherwise, between different browsers, you'll get different heights. */
	margin: 0px 0px 0px 0px;
}

input.searchText {
	padding: 2px;
	height: 16px;
	margin: 0px;
}

select.search {
	margin: 0px 0px 0px 0px;
	height: 20px;
	width: 170px;
}

div#profileSearchBox {
	width: 570px;
}

div.profileSearchGroup {
	clear: left;
	float: left;
	margin: 6px 0px 0px 0px;
	width: 100%;
}

/* displaying and searching profile results *********************************/

div.singleProfileRight, div.singleProfileLeft {
	height: 150px;
	border: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 20px 0px;
	width: 470px;
	background: #fff url(/img/profilebox_background.gif) no-repeat left top;
}

div.singleProfileRight {
	float: right;
}

div.singleProfileLeft {
	float: left;
	clear: both;
}

div.profileThumb {
	width: 150px;
	height: 150px;
	float: left;
	margin: 0px 0px 0px 0px;
}

div.profileThumb img {
	float: left; /* need this to get rid of extra space at the bottom of IE6... */
}

div.profileData {
	position: relative;
	float: right;
	width: 305px;
	height: 150px;
}

img.iconsm {
	float: left;
	margin: 6px 5px 0px 0px;
}

div.profileData img.iconPortfolio {
	position: absolute;
	float: right;
	padding: 0px 0px 0px 0px;
	margin: 1px 0px 0px 0px;
	left: 264px;
}

p.userName {
	width: 85%;
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	line-height: 13pt;
}

p.userTitle {
	clear: both;
	float: left;
	width: 95%;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	line-height: 13pt;
}

p.userRecentClients {
	float: left;
	clear: both;
	width: 95%;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	padding: 5px 0px 0px 0px;
	line-height: 11pt;
}

p.userLastUpdated {
	float: left;
	clear: both;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	color: #666;
	width: 95%;
	padding: 5px 0px 0px 0px;
}

p.advSearchLink {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: right;
}



/* message table ****************************************/

table.messageQeue {
	width: 100%;
	margin: 0px 0px 10px 0px;
}

table.messageQeue td {
	text-align: left;
	vertical-align: middle;
	padding: 0px 3px 0px 3px;
}

table.messageQeue tr {
	border-bottom: 0px;
}

td.msgName {
	height: 19px;
}

td.msgDate {
	text-align: right;
	width: 25%;
}

td.msgDelete {
}

td.subject {
	border-bottom: 1px solid #ccc;	
}

td.friendName {
	width: 190px;
	border-bottom: 1px solid #ccc;	
}

td.friendDate {
	width: 125px;
	border-bottom: 1px solid #ccc;	
}

td.friendConfirm {
	width: 135px;
	border-bottom: 1px solid #ccc;

}

tr.friendConfirm td {
	padding-top:12px;
}

/* Mike, don't put 2 pixels here. These buttons are meant to stick together. */

p.tbDate {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	color: #666;
	padding: 0px 0px 0px 0px;
	text-align: right;
	position: relative;
}

td.msgDate img {
	position: absolute;
	top: -3px;
	left: 115px;
}

p.tbTitle {
	float: left;
	padding: 4px 0px 4px 0px;
}

p.tbSubject {
	float: left;
	padding: 0px 0px 4px 0px;
}

input.trashcan {
	float: right;
	border: 0;
	padding: 0;
	margin: 0;
	background: transparent;
}

p.tbName, p.tbNameColored {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	padding: 0px 0px 0px 0px;
}

p.tbName a:link, p.tbName a:visited {
	color: #333;
	text-decoration: none;
}

p.tbNameColored {
	color: #e61964;
}

p.tbName a:hover, p.tbNameColored a:hover {
	color: #e61964;
	text-decoration: underline;
}

/* Profile list page ******************************************/

#profileResultsNav {
	clear: both;
	width: 100%;
	height: 45px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
/*	background: #f2f2f2 url(/img/pagenav_background.gif) repeat-x left top;	*/
	border-top: 2px solid #ccc;
/*	border-bottom: 1px solid #ddd; */
}

.resultsNavPages {
	float: right;
	padding: 5px 0px 0px 0px;
}

p.listPageTitle {
	float: left;
	padding: 9px 0px 0px 0px;
}

/* Portfolio Editing ******************************************/

div#portCreate {
	width:540px;
}

/* Payment ******************************************/
p#paypalButton {

	text-align:right;
	border-top:solid #ccc 2px;
}
p#paypalButton input {
	width:auto;
	height:auto;
	border:none;
	margin:0;
	padding:0;
	vertical-align:middle;
}

/* Bottom of Page ****************************************/

div#bannerAds {
	clear: both;
	width: 968px;
	margin: 30px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
	background: #f2f2f2;
	border: 1px solid #ccc;
}

#footer {
	clear: both;
	padding: 20px 0px 10px 0px;
}

#footer p {
	float: left;
	text-align: left;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;}

#footer p#copyright {
	float: right;
	text-align: right;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	color: #999;
}

/* Home page specific ****************************************/

div#signUpAd {
	width: 470px;
	padding: 20px 0px 0px 0px;
	background: #fff;
}

div.blogPost {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	border-bottom: 1px solid #ccc;
}


/* Edit Account/profile specific ****************************************/
#accountOptions {
	margin-bottom:12px;
}
#accountOptions ul.normal {
	margin-top:6px;
	margin-bottom:0;
}
#accountOptions p.normal {
	margin-bottom:4px;
}
textarea#ProfileShort_desc, textarea#jobtitles, textarea#toolsOfTrade {
	height:48px;
}


/* pagination **************************************************/

div.pagenate {
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}

/* profile detail page ***************************/

#profileOptions {
	padding: 5px 0px 5px 0px;
	margin: 0px 0px 0px 0px;
	background-color: #f2f2f2;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#profileText p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 10px 0px;
	line-height: 18px;
}

div#profilePoster {
	background-color: #fff;
	width: 450px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
}

#profilePoster img {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border: 0px;
}

table#profileStats {
	width: 450px; /* 5px x 4 padding */
	margin:0px 0px 2px 0px;
}


table#profileStats td.dataLabel {
	width: 35%;
}

table#profileStats td.dataContent {

}
table#profileStats tr:hover {
	background:none;
	cursor: auto;
}

div#profileFriends, div#profilePortfolio {
	width: 450px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.friendThumbnail {
	float: left;
	width: 150px;
	height: 180px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.portThumbnail {
	float: left;
	width: 150px;
	height: 150px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.friendThumbnail img {
	width: 150px;
	height: 150px;
}

div.friendThumbnail p {
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	font-size: 8pt;
	margin: 2px 0px 0px 0px;
}

a.bookmark {
	padding: 0px 0px 0px 0px;
	margin-right: 5px;
}


/* These are for the sample Google ads : We need to delete these when we have the real stuff */
div.ads {
	width: 728px;
	height: 100px;
	color: #ccc;
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	border: 0;
}

div.ad {
	float: left;
	width: 178px;
	height: 60px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.ad p {
	font-family: Verdana, Arial, Sans-serif;
	font-size: 10px;
	color: #333;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.ad p a:link, div.ad p a:visited {
	text-decoration: underline;
}

#googleLogo {
	clear: both;
	float: right;
	margin: 10px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
}

img.portfolioButton {
	float: left;
	border: 0;
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
}

p.portfolioButton {
	float: left;
	border: 0;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* generic classes to modify individual instances */

.rightAlign {
	float: right;
}

.leftAlign {
	float: left;
}

.dim {
	color: #999;
}
div.dim {
	display: inline;
}

/* ALERT MESSAGES *******************************************************/

#alertMsg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	cursor: not-allowed;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	vertical-align: middle;
	z-index: 10;
}

div#alertBox {
	display: none;
	background-color: #fff;
	m/argin: 0px auto;
	width: 470px;
	position: absolute;
	left: 30%;
	top: 20%;
	border: 2px solid #ccc;
	text-align: left;
	padding: 10px 10px 10px 10px;
	z-index: 100;
}

div#alertBox p {
	color: #333;
}

#addFriendMsg {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #fff;
	cursor: not-allowed;
	filter:alpha(opacity=90);-moz-opacity:.90;opacity:.90;
	vertical-align: middle;
	z-index: 10;
}

div#addFriendBox {
	display: none;
	background-color: #fff;
	m/argin: 0px auto;
	width: 470px;
	position: absolute;
	left: 30%;
	top: 20%;
	border: 2px solid #ccc;
	text-align: left;
	padding: 10px 10px 10px 10px;
	z-index: 100;
}

div#addFriendBox p {
	color: #333;
}

/* Bookmark view page *****************************************************/
/* Safari has some weird issues with multiple CSS files. It was impossible to select this div below from the secondary CSS file. */

div.folderControlPanel {
	display: block;
	float: left;
	padding: 8px 0px 0px 0px;
	width: 560px;
}

input#renameFolder {
	margin: 0px 0px 0px 0px;
	float: left;
}

div.folderControl {
	float: left;
	padding: 0px 10px 0px 0px;
}

div#createFolderForm input {
	float: left;
	margin-right: 5px;
}

div#createFolderForm label {
	float: left;
	margin-right: 5px;
}

textarea.bookmarkNote {
	width: 462px;
	height: 48px;
	border: 1px solid #ccc;
	color: #ccc;
	background: #fff;
	margin: 0;
	padding: 0px 3px 0px 3px;
	font-size: 9pt;
	float: left;
	clear: both;
}

div.profileNoteButtons, div.profileNoteStatus {
	display: none;
	position: absolute;
	top: 200px;
	left: 0px;
	border: 0;
	margin: 0;
	z-index: 10;
}

div.profileNoteButtons {
	width: 470px;
	height: 19px;
	padding: 0px;
}

div.profileNoteStatus {
	background-color: #ffd500;
	color: #000;
	font-size: 9pt;
	width: 460px;
	height: 15px;
	padding: 2px 5px 2px 5px;
}

div#errorMsg {
	float: left;
	clear: both;	
	width: 100%;
}

.ajaxMsg {
	clear: both;
	line-height: 24px;
	background-color: #ffd500;
	color: #000;
	display: none;
	font-family: Tahoma, Arial, Verdana, sans-serif; font-size: 11px;	font-weight: normal;
	margin: 10px 0px 0px 0px;
	padding: 0px 5px 0px 5px;
	overflow: auto;
}



/* Use this to force the buttons to line up
   Safari cannot float inputs and buttons when they are in separate forms */

td.buttons {
	padding: 0px 0px 0px 0px;
	border-bottom: 0;
}

p.code {
	font-size: 11px;
	font-family: "Courier New", Courier, monospace;
	padding: 10px 0px 10px 0px;
}

p.instruction {
	padding: 10px 10px 10px 10px;
	background-color: #f2f2f2;
	border-left: 10px solid #ffd500;
	border-right: 1px solid #ffd500;
	border-top: 1px solid #ffd500;
	border-bottom: 1px solid #ffd500;
	line-height: 13pt;
}

div.newsItem {
	border-bottom: 1px solid #ddd;
	margin-bottom: 10px;
}

p.newsTitle {
	font-size: 11pt;
	margin: 0px 0px 10px 0px;
	font-weight: bold;
}


.editablebutton {
	float: right;
}

/*********************************************/
/*
P.I.E. FLOAT CLEARING
See http://www.positioniseverything.net/easyclearing.html 

DYSKE:
Use this on the container block, not in the content block.
You can apply multiple classes to an element by separating them with a space.
E.g. class="clearfix anotherClass"
clearfix must come first.
*/

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

.clearfix {
display: inline-block; /* Fixes IE/Mac */
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */