body {
	margin: 0;
	background: url(images/bg_body.jpg);
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif; 
}

.Grey {
	background: #1e2b2b;
}

#MessageTable {
	width: 100%;
}


.clear {
	clear: both;
}

a:link {
	color: #42c0cd;
}

a:visited {
	color: #2796a1;
}


a:hover {
	color: #29858e;
	text-decoration: none;
}

h1, h2, h3, h4 {
	margin: 0;
	color: #a9a9a9;
}

h1 {
	font-size: 1.6em;
	color: #FFFFFF;
}

h2 {
	font-size: 1.45em;
}

h3 {
	font-size: 1.2 em;
}

h4 {
	font-size: 1.1em;
	color: #FFFFFF;
}

.TableHeader {
	padding: 20px 0px 2px 0px;
	font-size: 15px;
	font-weight: bold;
}

img {
	border: 0;
}

p {
	color: #bdbdbd;
	font-size: 12px;
	line-height: 17px;
	margin: 4px 0px 8px 0px;
}




#MainContent {
	width: 850px;
	margin: 0px auto;
}

.LeftColumn {
	width: 160px;
	float: left;
	margin: 0px 20px 0px 0px;
}

		.LogoMenu {
			width: 160px;
			height: 266px;
			background: url(images/bg_logo_menu.png) no-repeat;
			text-align: center;
		}

		.LogoImage {
			margin: 13px 0px;
		}

		.Menu {
			margin: 10px 0px 0px 17px;
		}

		.Find a { display: block; width: 122px; height: 23px; background: url(images/menu_find.png) no-repeat top right;}
		.Browse a { display: block; width: 122px; height: 23px; background: url(images/menu_browse.png) no-repeat top right;}
		.Discuss a { display: block; width: 122px; height: 23px; background: url(images/menu_discuss.png) no-repeat top right;}
		.Job a { display: block; width: 122px; height: 23px; background: url(images/menu_job.png) no-repeat top right;}
		.Blog a { display: block; width: 122px; height: 25px; background: url(images/menu_blog.png) no-repeat top right;}
		.Feedback a { display: block; width: 122px; height: 22px; background: url(images/menu_feedback.png) no-repeat top right;}
		.Create a { display: block; width: 122px; height: 22px; background: url(images/menu_create.png) no-repeat top right; margin-bottom: 3px;}


		.Find a:hover, .Browse a:hover, .Discuss a:hover, .Job a:hover, .Blog a:hover, .Feedback a:hover, .Create a:hover {
			background-position: top left;
		}
		

.RightColumn {
	float: right;
	width: 670px;
}

		.UserMenu {
			width: 670px;
			height: 77px;
			background: url(images/bg_usermenu.png) no-repeat;
			font-size: 11px;
			color: #d9d9d9;
		}

		.WelcomeMessage {
			float: left;
			height: 10px;
			margin-left: 13px;
			margin-top: 5px;
		}
		
		.LoginMessage {
			float: left;
			margin-left: 13px;
			margin-top: -4px;
		}

		.MessagesLink {
			float: right;
			height: 10px;
			margin-right: 13px;
			margin-top: 5px;
		}
		
		.LoginLink {
			float: right;
			margin-right: 13px;
			margin-top: -5px;
			font-size: 14px;
		}


		.UserMenuLinks {
			margin: 30px 0px 0px 12px;
			width: 650px;
		}

		.UserMenuLinks div {
			float: left;
		}

		.Inbox a { display: block; width: 82px; height: 20px; background: url(images/menu_inbox.png) no-repeat top right;}
		.Profile a { display: block; width: 155px; height: 20px; background: url(images/menu_profile.png) no-repeat top right;}
		.Portfolio a { display: block; width: 174px; height: 20px; background: url(images/menu_portfolio.png) no-repeat top right;}
		.PostJob a { display: block; width: 121px; height: 20px; background: url(images/menu_postjob.png) no-repeat top right;}
		.Widget a { display: block; width: 113px; height: 20px; background: url(images/menu_widgets.png) no-repeat top right;}


		.Inbox a:hover, .Profile a:hover, .Portfolio a:hover, .PostJob a:hover, .Widget a:hover {
			background-position: bottom left;
		}

.PageTools {
	width: 670px;
	height: 40px;
	background: url(images/bg_page_tools.png) no-repeat;
	margin: 20px 0px 0px 0px;
}

		.PageToolsHead {
			margin: 0px 0px 0px 10px;
			float: left;
		}

		.PageToolsMenu {
			float: right;
			width: 495px;
			margin: 13px 15px 0px 0px;
			font-size: 12px;
			color: #FFFFFF;
			list-style: none;
			padding: 0;
		}

		.PageToolsMenu li {
			float: right;
			padding: 0;
			margin: 0px 0px 0px 30px;
		}

		/* Drop Down Menu Styles */
	
			
			ul.PageToolsMenu ul {
				display: none;
			}
			
			ul.PageToolsMenu ul {
				position: absolute;
				display: none;
				list-style-type: none;
				margin: 0px;
				padding: 6px 0px 6px 0px;
				z-index: 10000;
				//width: 90px;
				background: url(/images/bg_dropdown.png) top left repeat-x;
			}
			
			ul.PageToolsMenu ul li {
				float: none;
				margin: 4px 10px 4px 10px;
				font-size: 11px;
			}
			
			ul.PageToolsMenu ul li a:link, ul.PageToolsMenu ul li a:visited {
				color: #d6d6d6;
				text-decoration: none;
			}
			
			ul.PageToolsMenu ul li a:hover {
				color: #FFFFFF;
			}
			
			.InputTextUserSearch {
				width: 100px;
				color: #000000;
				background: #FFFFFF url(/i/img_form_background.png) no-repeat;
				border: 1px solid #000000;
				margin: 0px 4px 0px 0px;
				padding: 4px;
				font-size: 110%;
				font-family: Helvetica, Arial, san-serif;
				float: left;
			}


.MiddleContent {
	width: 670px;
	margin: 15px 0px 15px 0px;
	color: #FFFFFF;
	font-size: 12px;
}

	.MiddleContentTop {
		width: 670px;
		height: 15px;
	}

	.MiddleText {
		width: 670px;
		background: url(images/bg_middle.png) repeat-y;
	}

	.TextInMiddle {
		width: 650px;
		margin: 0px 10px 0px 10px;
	}

	.MiddleContentBot {
		width: 670px;
		height: 15px;
	}
	
	/* USER PROFILE STYLES BELOW */
	
		.UserProfile {
			float: left;
			width: 310px;
			margin: 0px 5px 15px 5px;
			height: 100px;
			background: url(/images/bg_userprofile.png) no-repeat;
		}
		
		.AvailableIcon {
			margin: 0px 0px -2px 4px;
		}
		
		.UserButtons {
			margin: 8px 0px 0px 0px;
		}
		.PortfolioItems {
			font-size: 11px;
			color: #848484;
			margin: -1px 0px 2px 0px;
		}
		
		.UserInfoText {
			float: left;
			margin: 5px 10px 0px 10px;
			width: 210px;
		}
		
		.UserInfoText h2 {
			margin: 0;
			color: #7fc6bc;
		}

		
		.UserInfoText .Specialize {
			margin: 5px 0px;
			font-size: 11px;
			color: #bababa;
		}
		
		.UserInfoText .Specialize strong {
			color: #FFFFFF;
		}
		
		.Avatar img {
			border: 3px solid #454a4c;
			width: 65px;
		}
		
		
		/* PROFILE PAGE STYLES BELOW */
		.ProfileInfo {
			width: 100%;
		}
		
		.ProfileInfo h4 {
			margin-top: 1px;
			margin-bottom: 6px;
		}
		
		.ProfileInfo small{
			display: block;
			margin-bottom: 8px;
			color: #8d8d8d;
		}
		
		.ProfileAvatar {
			float: left;
			width: 80px;
			margin-right: 20px;
		}
		
			.ProfileAvatar img {
				border: 3px solid #454a4c;
			}

		.ProfileName {
			float: left;
			width: 150px;
			margin-right: 15px;
		}
		
		.ProfileBio {
			float: left;
			width: 380px;
			color: #bdbdbd;
			font-size: 12px;
			line-height: 17px;
		}
		
		.Divider {
			padding: 20px 0px 0px 0px;
			margin-bottom: 20px;
			border-bottom: 1px solid #2e3f3f;
		}
		
		.DividerSmall {
			padding: 5px 0px 0px 0px;
			margin-bottom: 10px;
			border-bottom: 1px solid #2e3f3f;
		}
		
		.UserPortItemSingle {
			float: left;
			width: 30%;
			padding: 0px 0px 0px 0px;
			margin: 5px 0px 10px 16px;
			_margin: 5px 0px 10px 0px;
			text-align: center;
		}
		
		
		
		/*WORK PAGE*/
		.PortSmallImg {
			border: 3px solid #324747;
			margin: 0px 10px 0px 0px;
		}
		
		.UserPortItem {
			float: left;
			width: 30%;
			padding: 5px 0px 0px 10px;
			margin: 5px 0px 10px 8px;
			text-align: center;
			font-size: 12px;
		}
		
		.BingeFactorWork {
			width: 37px;
			height: 14px;
			background: url(/images/bg_bingfactorwork.png) no-repeat;
			margin: 5px auto 0px auto;
			padding-top: 1px;
			padding-left: 63px;
			font-size: 11px;
		}
		
		.UserPortItem h4 {
			font-size: 14px;
		}
		
		.UserPortItem small {
			display: block;
			margin-bottom: 2px;
			color: #8d8d8d;
			font-size: 11px;
		}


		/* BINGE FACTOR */
		
		#BingeFactor {
			width: 80px;
			margin-bottom: 10px;
		}
		
		#BingeFactor .Binge {
			width: 80px;
			height: 57px;
			background: url(../images/bg_bingefactor.png) no-repeat;
		}
		
		#BingeFactor .BingeNumber {
			width: 100%;
			margin: 24px auto 0px auto;
			text-align: center;
			font-size: 190%;
			letter-spacing: -1px;
			font-weight: bold;
			color: #FFFFFF;
		}
		
		
		.OtherWorkList {
			padding: 0;
			margin: 4px 0px 0px 18px;
			width: 165px;
			list-style: none;
			list-style-image: url(/images/ico_list.png);
		}
		
		.OtherWorkList li {
			margin: 2px 0px 0px 0px;
		}



.Footer {
	width: 670px;
	height: 40px;
	background: url(images/bg_page_tools.png) no-repeat;
	margin: 10px 0px 0px 0px;
	font-size: 11px;
	color: #FFFFFF;
}

		.CopyrightImage {
			float: right;
			margin: 8px 10px 0px 0px;
			width: 96px;
		}

		.FooterMenu {
			float: left;
			margin: 8px 0px 0px 10px;
			width: 500px;
		}

		.FooterMenu a {
			color: #FFFFFF;
			text-decoration: none;
		}

		.FooterSubMenu {
			color: #6c6d6d;
			margin: 3px 0px;
		}
		
		.FooterSubMenu a {
			color: #6c6d6d;
			text-decoration: none;
			font-size: 10px;
		}

		.FooterMenu a:hover {
			text-decoration: underline;
		}



/*OLD STYLES PORTED OVER */

.Avatar {
	float: left;
	margin: 7px 0px 0px 7px;
}


.Pages {
	margin: 10px 0px 0px 0px;
	font-size: 16px;
	text-align: center;
}

.Pages a {
	margin: 0px 2px 0px 0px;
	text-decoration: none;
	color: #FFFFFF;
	padding: 2px;
}

.Pages a:hover, .PageSelect a {
	background: #424e4f;
}

.Required {
	color:#ff7200;
}

.RegLabelRequired {
text-align:right;
border-left: 8px solid #ff7200;
padding: 8px 5px;
vertical-align: top;
}

.RegLabel {
text-align:right;
border-left: 8px solid #324747;
padding: 3px 0px 0px 10px;
font-weight: bold;
vertical-align: top;
}

.RegLabelRegister {
text-align:right;
border-left: 8px solid #324747;
padding: 8px 0px 0px 10px;
font-weight: bold;
font-size: 13px;
vertical-align: top;
	color: #a9a9a9;
}

.RegInput {
border-left: 0px solid #DDDDDD;
padding: 5px;
}


.Comment {
	width: 459px;
	background: url(../i/img_comment_middle.png) repeat-y;
	font-size: 1em;
	line-height: 1.4em;
	color: #ffffff;
	margin: 5px auto 15px auto;
}

.CommentText {
	margin: 0px 10px 0px 10px;
}

.CommentTop {
	width: 459px;
	height: 10px;
	background: url(../i/img_comment_top.png) no-repeat;
}

.CommentBottom {
	width: 459px;
	height: 10px;
	background: url(../i/img_comment_bottom.png) no-repeat;
}


.PortItemImage {
	margin: 10px 10px 0px 0px;
	float: left;
	border: 3px solid #454a4c;
}

.PostTable {
	width: 90%;
}


.LoginTable {
	font-size: 80%;
	margin: 8px 0px 0px 0px;
}

.error {
	color: #ff7200;
	font-size: 120%;
	font-weight: bold;
}

.Center {
	text-align: center;
}

label {
	display: block;
	margin: 6px 0px 0px 0px;
}

.InputButton {
	margin: 10px 0px;
} 

.InputText {
	width: 150px;
	color: #000000;
	background: #FFFFFF url(../i/img_form_background.png) no-repeat;
	border: 1px solid #000000;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 110%;
	font-family: Helvetica, Arial, san-serif;
}

.InputTextRegister {
	width: 150px;
	color: #000000;
	background: #FFFFFF url(../i/img_form_background.png) no-repeat;
	border: 1px solid #000000;
	margin: 0px 0px 5px 0px;
	padding: 3px;
	font-size: 13px;
	font-family: Helvetica, Arial, san-serif;
}


.HomeColumnLeft {
	margin: 15px 0px 0px 0px;
	float: left;
}

.HomeLeftTop {
	margin-top: 15px;
}

.HomeLeftMiddle {
	width: 405px;
	background: url(../images/home_left_mid.png) repeat-y;
	padding: 0px 10px 0px 10px;
}

.HomeLeftBottom {
}

.HomeColumnRight {
	float: right;
	width: 233px;
	margin: 15px 0px 0px 12px;
}

.HomeWork {
	width: 233px;
	height: 239px;
	background: url(../images/bg_home_work.png) no-repeat;
	margin-bottom: 15px;
	font-size: 13px;
	color: #FFFFFF;
}

.HomeWork small {
	font-size: 10px;
	display: block;
	padding: 2px 0px 0px 0px;
}

.HomeWork ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.HomeWork li {
	margin: 5px 0px 9px 5px;
}

.HomeWorkIn {
	width: 210px;
	padding: 10px;
}

.HomeRating {
	width: 40px;
	height: 17px;
	background: url(../images/bg_home_rating.png) no-repeat;
	float: left;
	text-align: center;
	color: #FFFFFF;
	font-weight: bold;
	padding: 13px 0px 0px 0px;
	font-size: 12px;
}

.HomeWorkInfo {
	float: left;
	margin: 0px 0px 0px 6px;
}

.LeftAd240 {
	width: 160px;
	height: 250px;
	background: url(../images/bg_left_ad.png) no-repeat;
	padding: 5px 0px 0px 0px;
	margin-top: 15px;
	text-align: center;
}