* {margin:0;padding:0;}
body, html {height:100%;}

/* typography */
body{font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans;font-size: 12px;}
input, select, option, textarea, label {font-family: "Lucida Grande", "Lucida Sans Unicode", Calibri, Arial, Helvetica, Sans;}
h1 {font-size:2em;}
h2 {font-size:1.4em;}
h3 {font-size:1.2em;}

a {color:#2576a5;text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}
p {margin-bottom:15px;}
.clearfix {clear:both;}

/* general page structure */
.pageWrapper {position:relative;min-height:100%;background:#ebedea;}

.headerWrapper, .navWrapper, .splashWrapper, .mainMessagesWrapper, .mainContentWrapper, .footerWrapper {width:100%;}
.header, .nav, .splash, .mainMessages, .mainContent, .footer {width:960px;margin:auto;}

.headerWrapper {background:url(../images/bg_header.gif) repeat-x #464646;min-height:122px;}
.header {padding:10px 0;position:relative;}
.header a.logo {text-indent:-9999px;overflow:hidden;background:url(../images/logo.gif) no-repeat;display:block;width:280px;height:50px;}
.header .user_options {position:absolute;top:0;right:0;}
.header .user_options li {list-style:none;display:inline;}
.header .user_options li a {float:left;display:block;padding:5px 10px;text-decoration:none;}
.header a.twitter {position:absolute;right:10px;bottom:-40px;background:url(../images/icons/twitter1.png) no-repeat left center;padding-left:50px;line-height:50px;}

.navWrapper {margin-top:-42px;overflow:hidden;background:url(../images/bg_nav.gif) repeat-x 0 bottom;padding-bottom:26px;}
.nav {line-height:35px;padding-top:5px;position:relative;overflow:visible;}
.nav li {display:inline;list-style:none;}
.nav li a {text-decoration:none;padding:0 20px;font-weight:bold;font-size:1.2em;display:block;float:left;margin-right:10px;line-height:27px;background:url(../images/bg_nav_item.gif) repeat-x;color:#fff;}
.nav li.active a {background-position:0 -27px;color:#fff;}
/* second level */
.nav li ul a {background:none;font-weight:normal;font-size:1.1em;padding:0 10px;}
.nav li ul a:hover {text-decoration: underline;}
.nav li ul {position:absolute;top:32px;left:0;z-index:10;width:960px;height:26px;background:#272525;}
.nav li.active ul {z-index:11;}
.nav li:hover ul {z-index:12;}
/* third level */
.nav li ul ul {display:none;}

.mainMessages ul {margin-top:15px;padding:10px;}
.mainMessages ul li {list-style:none;}
.mainMessages .errors	{ background:#ff9b8a; border:1px solid #eb3f32;}
.mainMessages .success	{ background:#b0ebb9; border:1px solid #63c46e;}

.mainContentWrapper {padding:20px 0 45px 0;}
.mainContent {padding:20px;display:block;background:#fff;width:920px;border:1px solid #ccc;overflow:hidden;}

.maincol {width:750px;float:left;padding-left:10px;}
.sidebar {width:150px;float:left;border:1px solid #ccc;border-top:1px solid #ccc;margin-right:8px;}

.maincolNarrow {width:650px;float:left;padding-left:10px;border-left:1px solid #ccc;margin-left:9px;}
.sidebarWide {width:250px;float:left;}

/* sidebar menus */
.sidebar ul.menu li {list-style:none;position:relative;}
/* first level */
.sidebar ul.menu li a{display:block;text-decoration:none;padding:5px;padding-left:15px;border-bottom:1px solid #ccc;background:#f3f3ed;}
.sidebar ul.menu li a:hover{background:#e2eeeb;}
/* second level */
.sidebar ul.menu li ul li a {padding:5px 0;margin-left:20px;background:none;border:none;}
.sidebar ul.menu li ul li a:hover {background:none;}
.sidebar ul.menu .more,
.sidebar ul.menu .more:hover {border:none;position:absolute;display:block;width:10px;height:10px;top:8px;left:3px;background:url(../images/bg_sidebar_more.gif) no-repeat;text-indent:-9999px;}

p.page-desc {padding:10px;border:1px solid #ccc;background:#dae7fd;text-align:center;}
div.notice {padding:10px 10px 0 30px;padding-bottom:0;border:1px solid #fff580;background:url(../images/icons/notice.png) no-repeat 5px 10px #ffffd7;margin-bottom:15px;}
.mainContent h1 {margin-bottom:15px;}
.mainContent h2 {margin-bottom:10px;}

.footerWrapper {position:absolute;bottom:0;line-height:30px;background:#f1f1f1;border-top:1px solid #ccc;color:#666;}
.footer a {text-decoration:none;}
.footer p {float:left;margin-bottom:0;}
.footer ul {float:right;}
.footer li {list-style:none;display:inline;margin-right:15px;}

/* mini boxes */
.mini-box {width:30%;margin-right:15px;float:left;background:url(../images/bg_box_mini.gif) repeat-x 0 20px;}
.mini-box h3 {margin-bottom:10px;padding-left:20px;background-repeat:no-repeat;background-position:left center;}
.mini-box ul li {list-style:none;}
/* mini-box titles */
.mini-job-search			h3 {background-image:url(../images/icons/search.png);}
.mini-recent-jobs			h3 {background-image:url(../images/icons/recent.png);}
.mini-recent-freelancers	h3 {background-image:url(../images/icons/freelancer.png);}
.mini-browse-categories		h3 {background-image:url(../images/icons/browse-categories.png);}
/* mini profile */
.profile_mini li {list-style:none;}
.profile_mini dt {float:left;width:40%;margin-right:15px;}
.profile_mini dd {float:left;width:45%;}

/* photo sizes */
img.photo_thumb {max-height:40px;max-width:40px;}
img.photo_small {max-height:150px;max-width:150px;}
img.photo_large {max-height:500px;max-width:500px;}

/* profile photos */
.current_photo {float:left;width:160px;padding:10px;text-align:center;border:1px solid #ccc;}
.current_photo .label {width:100%;display:block;color:#666;}

/* form styles */
form {width:50%;margin:auto;}
fieldset {border:none;}
legend {display:none;}
label {color:#999;font-weight:bold;color:#333;font-size:1.4em;}

form .text, form .dropdown, form .textarea, form .check {margin-bottom:10px;}

form .text		input 			{background:url(../images/bg_form_input.gif) 0 top repeat-x;border:1px solid #ccc;padding:15px;width:95%;font-size:1.5em;}
form .dropdown	select 			{background:url(../images/bg_form_input.gif) 0 top repeat-x;border:1px solid #ccc;padding:15px;width:95%;font-size:1.5em;}
form .textarea	textarea 		{background:url(../images/bg_form_input.gif) 0 top repeat-x;border:1px solid #ccc;padding:15px;width:95%;font-size:1.5em;height:100px;overflow:auto;}
form .textarea	textarea.large	{height:300px;}
form .check		input			{float:left;margin-right:10px;}
form .submit input {float:right;border:1px solid #076a9c;background:#003366;padding:15px;color:#fff;font-weight:bold;font-size:1.1em;cursor:pointer;}

.optionform {margin:0;}
.optionform .submit input {padding:5px 15px;float:none;}

.listform {margin:0;width:auto;}
.replyform {padding-bottom:10px;border-bottom:1px solid #ccc;margin-bottom:10px;}

/* filter form */
.filters {padding:10px;border:1px solid #f7efc5;background:#fcfce6;margin-bottom:10px;width:auto;}
.filters label {font-size:1em;font-weight:normal;margin:0 5px 0 15px;}
.filters select {width:180px;}
.filters .submit {display:inline;}
.filters .submit input {float:none;padding:0 5px;display:inline;}

/* mini forms */
.mini-box form {width:100%;}
.mini-box label {font-size:1em;}
.mini-box .text input,
.mini-box .dropdown select,
.mini-box .submit input {padding:5px;font-size:1em;}
.mini-box .submit input {margin-right:5%;}

/* pagination */
.pagination {display:block;padding:5px;overflow:hidden;color:#666;}
.pagination .page_results {float:left;}
.pagination .page_number {float:right;}
.pagination .page_links {margin:auto;width:300px;}
.pagination .page_links a {}

/* tabs */
.ui-tabs .ui-tabs-hide				{display: none;}
ul.tabslist							{overflow:hidden;border-bottom:3px solid #2e5519;margin-bottom:15px;}
ul.tabslist li						{list-style:none;display:inline;}
ul.tabslist li a					{display:block;float:left;padding:5px 10px;}
ul.tabslist li a:hover 				{background:#559d2f;text-decoration:none;color:#fff;}
ul.tabslist li.ui-tabs-selected a	{background:#2e5519;color:#fff;font-weight:bold;}

/* tables */
.data_table {border-collapse:collapse;width:100%;}
.data_table td {border:1px solid #fff;padding:3px;}
.data_table	thead {font-weight:bold;}
.data_table	thead td {background:#32415f;color:#fff;}
.data_table	tbody td {color:#333;}
.data_table tr.odd td {background:#e2e8ec;}

/* LISTS */
/* NOTE: see tabs section for tabs list */
/* unordered list */
ul.ul li 	{margin-left:15px;line-height:1.5em;}
ul.ul li ul {margin-left:30px;}

/* tick list */
ul.ticklist {margin-bottom:10px;overflow:hidden;}
ul.ticklist li {list-style:none;padding:5px 0 5px 20px;background:url(../images/icons/tick.png) no-repeat left center;width:45%;float:left;}

/* jobs */
.job_details {width:70%;float:left;}
.job_details h1 {margin:0;}
.job-list {border-top:1px dotted #ccc;padding-top:10px;}
.job-list .job {margin-bottom:15px;list-style:none;border-bottom:1px dotted #ccc;padding-bottom:10px;overflow:hidden;}
.job-list .job h2 {margin:0;}
.job-list .job .photo {float:left;margin-right:5px;}
.job-list .job .job_details {width:auto;}
.job_overview {margin-bottom:10px;}
.job_overview li {display:inline;padding-right:10px;border-right:1px solid #ccc;margin-right:10px;color:#666;}
/* profiles */
.profile-list {border-top:1px dotted #ccc;padding-top:10px;clear:both;width:100%;overflow:hidden;}
.profile-list .profile {float:left;width:292px;margin:0 14px 15px 0;list-style:none;border-bottom:1px dotted #ccc;padding-bottom:10px;overflow:hidden;}
.profile-list .profile h2 {margin:0;font-size:1.1em;}
.profile-list .profile .photo {float:left;width:40px;margin-right:10px;}
.profile-list .profile .details {width:242px;float:left;}
.profile-list .profile .details li {color:#666;list-style:none;}
.profile-list .profile .details h1 {margin:0;}

/* messages */
.messagelist {width:100%;display:block;border-bottom:1px dotted #ccc;}
.messagelist .message						{clear:both;list-style:none;padding:10px 0;border-top:1px dotted #ccc;overflow:hidden;}
.messagelist .message .select				{width:20px;vertical-align:middle;text-align:center;float:left;}
.messagelist .message .photo				{width:40px;margin-right:10px;float:left;}
.messagelist .message .message-details		{float:left;}
.messagelist .message .message-details li	{list-style:none;margin-right:5px;float:left;}
.messagelist .message .message-details .date {clear:left;}
.messagelist .unread {background:#f8fbfb;}

/* categories */
ul.category-list li	{border-bottom:1px dotted #ccc;padding:3px 0;overflow:hidden;}
ul.category-list .title	{float:left;}
ul.category-list .rss {float:right;text-indent:-9999px;overflow:hidden;background:url(../images/icons/rss.png);width:16px;height:16px;display:block;clear:right;}
ul.category-list .rssall {float:right;background:url(../images/icons/rss.png) no-repeat right center;height:16px;padding-right:20px;}

/* page shortcuts list */
.page_shortcuts li {display:inline;margin-right:10px;padding-right:10px;border-right:1px solid #ccc;}

/* quick options list */
.quick_options {width:100%;display:block;float:left;margin-bottom:10px;}
.quick_options li {display:inline;list-style:none;}
.quick_options li a {padding:0 10px;font-weight:bold;float:left;display:block;border:1px solid #cd7708;color:#fff;background:url(../images/bg_btn_shortcuts.gif) repeat-x;margin-right:10px;line-height:24px;}
.quick_options li a:hover {text-decoration:none;}

/* message options */
.message_options li				{display:inline;list-style:none;overflow:hidden;}
.message_options li a			{padding-left:20px;margin-right:10px;background:no-repeat left center;line-height:20px;float:left;}
.message_options li.delete a 	{background-image:url(../images/icons/delete.png);}
.message_options li.reply a 	{background-image:url(../images/icons/reply.png);}

/* job applications */
.application_applicant_details {display:block;float:left;width:100%;}
.application_applicant_details .photo {float:left;margin-right:10px;width:150px;text-align:right;}
.application_applicant_details ul {float:left;width:590px;}
.application_applicant_details li {width:45%;float:left;line-height:1.5em;}
.application_applicant_details dt {border-left:1px solid #ccc;padding-left:10px;}

.application_job_details dt {float:left;clear:both;font-weight:bold;width:100px;}
.application_job_details dd {float:left;width:635px;}
.application_job_details {padding-bottom:15px;display:block;float:left;}

.application_application_details dt {float:left;clear:both;font-weight:bold;width:100px;}
.application_application_details dd {float:left;width:635px;}
.application_application_details {padding-bottom:15px;display:block;float:left;}

/* FREELANCER PROFILES */
.profilefull .profile_block h2 { color:#2c7faf;border-bottom:3px solid #2c7faf;padding:3px 0;text-indent:10px;font-weight:normal; }

/* blocks */
.profilefull .profile_block 	{float:left;margin:0 10px 10px 0;padding-bottom:10px;border-bottom:1px solid #ccc;width:450px;}
.profilefull .about_me			{width:100%;}

/* block - generics */
.profilefull ul		{float:left;width:100%;}
.profilefull ul li	{float:left;list-style:none;padding:5px 0;border-bottom:1px dotted #ccc;width:100%;}
.profilefull dt		{width:140px;float:left;}
.profilefull dd		{width:150px;float:left;}

/* profile overview */
.profilefull .profile_overview .photo	{float:left;margin-right:10px;width:150px;text-align:center;}
.profilefull .profile_overview	ul		{width:290px;}

/* job stats */
.profilefull .job_statistics dd			{width:300px;float:left;}

/* MESSAGES */
/* for single view */
.message_single .message_header						{float:left;width:50%;}
.message_single .message_header p					{display:inline;margin:0;}
.message_single .message_header .subject			{display:block;width:100%;font-size:1.3em;}
.message_single .message_header .date				{font-style:italic;color:#666;}
.message_single	.message_profile					{overflow:hidden;}
.message_single	.message_profile li					{list-style:none;float:left;}
.message_single	.message_profile li.photo			{margin-right:10px;}
.message_single .message_content					{margin:10px 0;padding:10px 0;border:1px dotted #ccc;border-left:0;border-right:0;clear:both;}

/* for conversations */
.messagewrapper .message							{display:block;border:1px solid #254c6d;overflow:hidden;}
.messagewrapper .message_header						{padding:5px;display:block;background:#1d3a5a;color:#fff;}
.messagewrapper .message_header p 					{margin:0;}
.messagewrapper .message_header .subject			{font-weight:bold;}
.messagewrapper .message_header .date				{font-style:italic;}
.messagewrapper .message_body						{clear:both;}
.messagewrapper .message_body .message_profile		{float:left;width:20%;text-align:center;background:#eef3f8;height:100%;}
.messagewrapper .message_body .message_profile li	{list-style:none;padding:10px 0;}
.messagewrapper .message_body .message_content		{float:left;width:75%;min-height:100px;border-left:1px solid #254c6d;margin:0;padding:10px;}

/* sidebar boxes */
.job_application a {display:block;text-align:center;line-height:32px;margin-bottom:15px;padding:5px 0;background:url(../images/bg_btn_apply_now.gif) no-repeat center center;color:#fff;font-size:1.2em;font-weight:bold;}

.job_info_box {float:left;width:27%;border:1px solid #ffd99e;background:#ffefb7;padding:10px;}
.job_info_box li {list-style:none;border-bottom:1px dotted #ffd99e;overflow:hidden;padding:5px 0;}
.job_info_box dt {float:left;width:40%;}
.job_info_box dd {float:left;width:55%;}

.client_info_box {float:left;width:27%;border:1px solid #afd4cb;background:#eef8ef;padding:10px;}
.client_info_box li {border-bottom:1px dotted #afd4cb;overflow:hidden;padding:5px 0;}

/* styles for different layout wide-side, narrow-content */
.maincolNarrow .job_details {width:100%;}
.sidebarWide .job_info_box, .sidebarWide .client_info_box {width:228px;float:left;display:block;clear:both;}
.sidebarWide .client_info_box {margin-top:15px;}

/* home page */
.splashWrapper {padding-top:20px;}
.splash		{width:960px;overflow:hidden;border:1px solid #8f8e8e;background:#fff;}
.splashtabs	{width:700px;float:left;border-right:1px solid #ccc;}

/* splash tabs */
.splash ul.splashtablist						{float:left;width:100%;border-top:1px solid #ccc;position:relative;top:262px;}
.splash ul.splashtablist li 					{border-right:1px solid #ccc;display:block;width:174px;float:left;background:#dce0dd;cursor:pointer;}
.splash ul.splashtablist li a					{padding:20px 5px 20px 30px;height:38px;background:5px center no-repeat;display:block;}
.splash ul.splashtablist li.ui-tabs-selected	{background:#8bc403;border-right:none;}
.splash ul.splashtablist li.ui-tabs-selected a	{color:#fff;}
.splash ul.splashtablist li a span				{display:block;clear:left;}
.splash ul.splashtablist li a span.title		{font-weight:bold;font-size:1.2em;overflow:visible;}
.splash ul.splashtablist li.companies			{border-right:none;width:175px;}

/* tab icons */
.splash ul.splashtablist li.about a				{background-image:url(../images/icons/box.png);}
.splash ul.splashtablist li.businesses a		{background-image:url(../images/icons/briefcase.png);}
.splash ul.splashtablist li.freelancers a		{background-image:url(../images/icons/freelancers.png);}
.splash ul.splashtablist li.companies a			{background-image:url(../images/icons/screen.png);}
/* tab content */	
.splash ul.tabcontent					{float:left;width:675px;overflow:hidden;height:262px;padding-left:25px;position:relative;top:-78px;}
.splash ul.tabcontent li.tabcontentbox	{padding:20px 10px;list-style:none;height:262px;position:relative;}
.splash ul.tabcontent h2				{background:url(../images/splash_titles.jpg);width:645px;height:30px;text-indent:-9999px;overflow:hidden;margin-bottom:15px;}
.splash #abouttab h2					{background-position:0 0;}
.splash #businessestab h2				{background-position:0 -30px;}
.splash #freelancerstab h2				{background-position:0 -60px;}
.splash #companiestab h2				{background-position:0 -90px;}

.splash .abstract 	{width:466px;height:31px;background:url(../images/splash_titles.jpg) no-repeat 0 -120px;margin-top:15px;text-indent:-999px;overflow:hidden;margin-bottom:0;position:absolute;bottom:10px;left:25px;}
.splash .abstract a {display:block;width:127px;height:31px;float:right;}

.splash .maindesc	{font-size:1.2em;color:#333;}

.splash .latest_news 			{padding:10px;float:left;width:238px;}
.splash .latest_news h3			{padding-left:20px;background:url(../images/icons/newspapers.png) no-repeat left center;margin-bottom:10px;}
.splash .latest_news li			{list-style:none;display:block;border-bottom:1px dotted #ccc;padding:5px 0;}
.splash .latest_news li.visit	{text-align:right;border-bottom:0;}

/* IE6 fixes */
* html .headerWrapper {height:122px;}
* html .pageWrapper {height:100%;}
* html .job-list .job {float:left;clear:both;width:100%;}
* html .splash ul.splashtablist li.companies	a {padding-left:20px;}

.competition	{text-align:center;margin-top:15px;}
