html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
}
th, td {
	padding: 2px;
}
img {
	border: 0;
}

:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ul {
	list-style: none;
}
ol {
	list-style: decimal;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

strong {font-weight:bold;}

body, html {height: 100%;}
body { background: #f8f8f6 url(/system/application/views/themes/startup/images/bg2.png) repeat-x; color:#444; font:62.5% /1.5 Arial, Helvetica, sans-serif; text-align:center; line-height: 1.5;}

pre, code {
	font-family: Courier, Arial, sans-serif;
	background: #eaeaea;
	padding: 5px;
}

em {
	font-style: italic;
}


div#skip { display:none;}
div#container { width:980px; text-align:left; font-size:1.2em; min-height: 100%;	height: auto !important; height: 100%; margin: 0 auto 0em; }
div#header { height:150px; width:980px; position:relative;}
div#header h1 {
	position: absolute;
	top: 40px;
	left: 200px;
}

div#header ul#top {position:absolute; top:20px; right:20px;}
div#header ul#top li{display:inline; margin-left:2px; background-color:transparent; color:#0099CC;}

div#the_feed {top:74px; position:absolute; right:20px;}

div#box { width:980px; height:102px; background: url(../img/bg-box.png) 0 0 no-repeat; position:relative; margin-top: 15px;}
div#box div#search { position:absolute;	top:25px; left:20px;}
div#box div#search fieldset input { background:transparent url(../img/bg-search.png) 0 0 no-repeat; font-size:1.6em; width:276px; height:27px; border:none;	padding:6px 10px 6px 10px; color:#444;}	
div#box div#search fieldset input:focus, div#search fieldset input:hover { background:transparent url(../img/bg-search.png) -296px 0 no-repeat;}
div#box div#search fieldset label {float: left; clear: both; display: block; font-size:0.9em; color:#666; background-color:transparent;}
div#box	div#search span#indicator { }
div#box .addJob { position:absolute; right:17px; top:28px;}
div#box .addJob a.add {	display: block;	width:182px; height:53px; text-indent:-1000em; background: url(../img/bt-post.png) no-repeat 0 0;}
div#box .addJob a.add:hover { background: url(../img/bt-post.png) no-repeat -182px 0; }
div#request-job a { font-weight: bold; font-size: 14px; text-align: right; }
div#promo { margin-top: 10px;}
div#promo a:hover { background: #fff; }

.search_results_label { color: #888; background-color:transparent;font-size: 1.1em; }

#other_results span {float: right;}

#content { width: 663px; padding-right: 10px; }
#content p { margin: 0 0 10px 0; padding: 0;}
#content a { color: #09C; background-color:transparent; padding: 2px; }
#content a:hover { background-color: #09C; color: #fff;	text-decoration: none; padding: 2px;}
#content ol { margin: 0 0 0 17px;}
#content ul { list-style-type: disc; margin-left: 17px;}

div#categs-nav {background: #0099cc; float: left; width:980px; padding-bottom: 6px; margin-top:15px; font-size: 11px;}
div#categs-nav ul{background: #f9f9f6; float: left; width:980px;  list-style-type: none; margin:0; padding:0;}
div#categs-nav ul li {background: #f9f9f6; float: left; padding-right: 3px; }
div#categs-nav ul li a{display: block; background: #f9f9f6 url(../img/sd_right.gif) repeat-x 0 0; background-position: 0 -75px;  padding: 4px 0px 4px 6px;  float: left; text-decoration: none; color: #333 !important; position: relative; outline: none;}
div#categs-nav ul li a:hover{ background-position: 0 0px; color: #fff !important;}
div#categs-nav ul li.selected a{ background-position: 0 0px; color: #fff !important;}
div#categs-nav ul li a span{display: block; float: left;  padding-left: 12px;cursor: pointer; font-size:14px; padding-top:4px; }
div#categs-nav ul li a span.cnr{display: block; background: url(../img/sd_right.gif) no-repeat right 0; background-position: right -75px;  float: left; position: relative; top:-4px;}
div#categs-nav ul li a:hover span.cnr{ background-position: right 0px; cursor: pointer; }
div#categs-nav ul li.selected a span.cnr{ background-position: right 0px; cursor: pointer; }

#sitemap-1 {float: left; display: inline; width: 200px;}
#sitemap-2 {float: left; display: inline; width: 200px; margin-left: 30px;}
#sitemap-3 {float: left; display: inline; width: 200px; margin-left: 30px;}

.posted-ok {
	border: 1px solid #8FF868;
	background: #E9FEE0;
	color: #009900;
	padding: 10px;
}
.posted-pending {
	border: 1px solid #FF9900;
	background: #FFFBD1;
	color: #ff5500;
	padding: 10px;
	font-size: 14px;
}


#sidebar {
	float: right;
    width: 300px;
	padding: 10px 0 0 0;
    margin: 15px 0 0 15px;	
	overflow: auto;
}
	#sidebar a {
		color: #0099CC;
		padding: 2px;
		font-size: 11px;
	}
	#sidebar a:hover {
		background-color: #0099CC;
		color: #fff;
		text-decoration: none;
		padding: 2px;
	}
	#sidebar h4 {
		font-size: 14px;
		margin: 5px 0 3px 0;
		font-weight: bold;
	}
	#sidebar h4 a {
		font-size: 14px;
		text-decoration: underline;
	}

#stats {
	color: #777;
	font-size: 11px;
}

#ideas {

}
	#ideas h3 {
		margin: 0 0 5px 0;
	}
	#ideas ul {
		margin: 0;
		padding: 0;
		list-style-type: none;
	}
	#ideas ul li {
		margin-bottom: 5px;
	}
	
.info { color: #888; }
	
table#job-posts, table#job-posts2, table#job-posts3 {
	width: 100%;
}
	table#job-posts tr.alt td, table#job-posts2 tr.alt td, table#job-posts3 tr.alt td {
		background: #f5f5f5;
	}

	table#job-posts tr.over td, table#job-posts2 tr.over td, table#job-posts3 tr.over td {
		background: #f5fefe;
	}
	table#job-posts td, table#job-posts2 td, table#job-posts3 td {
		padding: 5px;
		border-bottom: 1px solid #ddd;
	}
	table#job-posts a:link, table#job-posts a:visited, table#job-posts2 a:link, table#job-posts2 a:visited, table#job-posts3 a:link, table#job-posts3 a:visited {
		color: #0099CC;
		padding: 2px;
	}
	table#job-posts a:hover, table#job-posts2 a:hover, table#job-posts3 a:hover {
		background-color: #0099CC;
		color: #fff;
		text-decoration: none;
		padding: 2px;
	}
	table#job-posts td.time-posted, table#job-posts2 td.time-posted, table#job-posts3 td.time-posted {
		text-align: right;
		color: #888;
		font-size: 11px;
		width: 80px;
	}
		table#job-posts td.time-posted img, table#job-posts2 td.time-posted img, table#job-posts3 td.time-posted img {
			width: 11px;
		}

#partners {
	margin-top: 13px;
}
	#partners ul {
		list-style-type: none;
	}
		#partners ul li {
			float: left;
			margin-right: 12px;
		}
	

.validation-error {
	color: red;
}
input.error, textarea.error {
	border: 1px solid red !important;
}
.validation-failure {
	color: red;
	background-color: #ffd0d6;
	padding: 5px;
}
.apply-status-ok {
	color: #009900; 
	background-color: #dfFFda; 
	padding: 5px;
	margin-bottom: 7px;
}

#no-ads {
	color: #555;
	margin-top: 10px;
}
.suggestionTop {
	color: #666;
	font-size: 11px;
	float: right;
	width: 250px;

}

.suggestion {
	color: #777;
	font-size: 11px;

}
.left {
	float:left;
	display:inline;
}
.right {
	float:right;
	display:inline;
}
.clear {
	clear:both;
}

.error {
	color:#ff0000;
}


#job-details {
	padding: 10px 0;
	margin: 0;
}
	#job-details h2 {
		margin: 0 0 10px 0;
		color: #0099CC;
		font-weight: normal;
		font-size: 26px;
		line-height: 1.2;
	}
	#job-details .label {
		color: #555;
		font-weight: bold;
	}
	#job-details .fading {
		color: #aaa;
	}
	#job-details ul {
		margin: 0 0 10px 15px;
		list-style-type: disc;
	}

#job-bottom	{
	background-color: #f0f0f0;
	padding: 2px;
	font-size: 14px;
	height: 50px;
}

#number-views {
	float: right;
	display: inline;
	font-size: 11px;
	color: #777;
}

#job-post-utils {
	float: left;
	display: inline;
	font-size: 11px;
	color: #888;
}

#apply_online_now {
	font-size: 14px;
	margin-bottom: 7px;
}

#old-ad {
	margin-bottom: 10px;
	padding: 5px;
	background-color: #ffff88;
	color: #ff2200;
}

span.la {
	color: #888;
}

#step-1 {
	float: left;
	display: inline;
	width: 100px;
}
#step-2 {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 120px;
}
#step-3 {
	float: left;
	display: inline;
	margin-left: 30px;
	width: 130px;
}

.step-active {
	color: #fff;
}
#publish_form {}
	#publish_form fieldset, #promo_form fieldset {
		background-color: #f5f5f5;
		border: 1px solid #ccc;
		margin: 0 0 5px 0;
		padding: 10px;
	}
	#publish_form fieldset legend {
		font-weight: bold;
		color: #555;
		font-size: 12px;
	}
	#publish_form input, #publish_form textarea, #frm-send-to-friend input, #frm-send-edit-link input, #apply-online input, #apply-online textarea, #promo_form input {
		border: 1px solid #ccc;
		padding: 5px;
		font-size: 12px;
		font-family: Helvetica, Arial, sans-serif;
	}
	#publish_form input:focus, #search input:hover, #publish_form textarea:focus, #search textarea:hover, #frm-send-to-friend input:focus, #frm-send-to-friend input:hover, #frm-send-edit-link input:focus, #frm-send-edit-link input:hover, #apply-online input:focus, #apply-online input:hover, #apply-online textarea:focus, #apply-online textarea:hover, #promo_form input:focus, #promo_form input:hover {
		border: 1px solid #7F635F;
	}
	#publish_form input#submit, #send-to-friend input#submit, #frm-send-edit-link input#submit, #apply-online input#submit, #promo_form input#submit {
		background-color: #0099CC;
		color: #fff;
		border: 1px solid #009988;
		cursor: pointer;
		cursor: hand;
	}
		#publish_form input#submit:hover, #send-to-friend input#submit:hover, #apply-online input#submit:hover, #promo_form input#submit:hover {
			background-color: #00aaee;
		}
	#publish_form label.small {
		color: #555;
		font-size: 12px;
	}
	#publish_form input.no-border {
		border: 0;
	}
	
td.publish-label {
	width: 100px;
}
fieldset.hidden {
	display: none;
}
td.register-label {
	width: 120px;
}


#apply-online {
	background-color: #f6f6f6;
	padding: 10px;
	width: 735px;
}
	
#feed-me
{
	text-align: right;
	font-size: 14px;
	margin: 15px 0 5px 0;
}
#feed-me a:link, #feed-me a:visited {
	color: #0099CC;
}
#feed-me a:hover {
	background: #fff;
	color: #0099CC;
	text-decoration: none;
}

#search_form fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

code {
	font-size: 12px;
}

#send-to-friend {
	background-color: #f6f6f6;
	padding: 3px;
	width: 749px;
}
	#send-to-friend table {
		font-size: 12px !important;
	}
td.send-to-friend-address-label {
	width: 90px;
}

#map {
	height: 550px;
	border: 1px solid #ddd;
}

.mapicon {
	text-align: center;
}

.mapicon a {
	font-family: Arial, Tahoma, Verdana;
	color: #fff !important;
	text-decoration: none;
	position: relative;
	z-index: 4999;
	/* display: block; !!!!!!!! */
}

.mapicon a:hover {
	z-index: 5000;
	color: #fff !important;
	
}
	
.mapicon a .bubble {
	display: none;
	background: white;
	cursor: default;
	line-height: 15px;
	text-align: left;
	text-decoration: none;
	padding: 5px;
}

.mapicon a:hover .bubble {
	width: 120px;
	text-align: center;
	display: block;
	position: absolute;
	top: -40px;
	left: -60px;
	z-index: 5000;
	text-decoration: none;
	border: 3px solid #ccc;
}

.bubble h3 {
	color: black;
	margin: 0;
	text-decoration: none;
	padding: 0;
	font-size: 13px;
	border: 0;
	font-family: Verdana, Tahoma, Arial, sans-serif;
}

.bubble img {
	margin-bottom: 4px;
}

.bubble p {
	color: #666666;
	font-size: 11px;
	line-height: 15px;
	margin: 0;
	padding: 0;
}

.bubble p strong {
	display: inline;
	font-weight: bold;
}

.big {
	width: 61px; 
	height: 61px; 
	line-height: 61px;
	font-size: 20px;
}

.small {
	width: 45px; 
	height: 45px; 
	font-weight: bold;	
	font-size: 16px;
	line-height: 45px;
}

#accordion-list h4 {
	cursor: pointer;
	cursor: hand;
	text-decoration: underline;
}

fieldset.no-border {
	border: 0;
	padding: 0;
}

div.ok-response {
	color: green;
}
div.not-ok-response {
	color: red;
}

#location_outside_ro {
	margin-top: 5px;
}

#small-link a {
	font-size: 11px;
}

#job-description {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	padding: 10px 0 10px 0;
}

/* TYPOGRAPHY */

a {color:#0099CC; background-color:transparent;text-decoration:none;}
a:hover {color:#0099CC; background-color:transparent; text-decoration:underline;}

h2 {
	font-size: 14px;
	margin: 10px 0 7px 0;
	font-weight: bold;
}
h2 a {
	text-decoration: underline;
	font-weight: normal;
}

h3, #job-listings h2 {
	font-size: 14px;
	margin: 10px 0 7px 0;
	font-weight: bold;
}

h3.steps, div.steps {
	margin: 0;
	padding: 2px 5px 5px 8px;
	background: transparent url(../img/header-bg.png) no-repeat left;
	font-weight: normal;
	color: #9AD4FF;
	font-size: 14px;
	height: 22px;
}
h3.page-heading, div.page-heading {
	display: block;
	margin: 0 0 7px 0;
	padding: 2px 5px 5px 8px;
	font-weight: normal;
	color: #fff;
	font-size: 16px;
	height: 22px;
	background: transparent url(../img/header-bg.png) no-repeat left;
}
	h3.page-heading span {
		font-size: 12px;
	}
	h3.page-heading a:link, h3.page-heading a:visited, div.page-heading a:link, div.page-heading a:visited {
		color: #fff !important;
	}
	h3.page-heading a:hover, div.page-heading a:hover {
		background-color: #fff !important;
		color: #0099CC !important;
	}
h4 {
	font-size: 16px;
	margin: 12px 0 3px 0;
}

#status { color: #009900; background-color: #dfFFda; padding: 5px 0 2px 5px;}

.highlight_keyword {
	background-color: #ffff88;
}

/* recpatcha */
.recaptchatable .recaptcha_image_cell, #recaptcha_table {
   background-color: #e1e1e1 !important;
 }
 
#recaptcha_table {
  border-color: #f5f5f5 !important;
}

#recaptcha_response_field {
  border-color: #ccc !important;
  background-color:#fff !important;
}
#recaptcha_instructions {
	font-size: 12px;
}


#sort-by-type {
	float: right;
	font-size: 11px;
	color: #888;
}
	div#sort-by-type a:hover { background: #fff; }
	
	
#applied-to-job {
	float: right;
	background: #fff;
	border: 1px solid #eee;
	color: #333;
	font-size: 32px;
	line-height: 1em;
	text-align: center;
	padding: 7px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;	
}
	#applied-to-job p {
		font-size: 11px;
		line-height: 1em;
		margin: 0 0 0 0;
		padding: 2px 0;
	}
	
	
/* tag heights */
.company-tag-1 {
	font-size: 12px;
}
.company-tag-2 {
	font-size: 14px;
}
.company-tag-3 {
	font-size: 16px;
}
.company-tag-4 {
	font-size: 18px;
}
.company-tag-5 {
	font-size: 20px;
}
.company-tag-6 {
	font-size: 24px;
}


/* autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid #ddd;
	background-color: #fff;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background: #fff url('indicator.gif') right center no-repeat;
}

.ac_over {
	background-color: #b5d5ff;
	color: #000;
}

#textile-suggestions table {
	margin-top: 5px;
	width: 80%;
	font-size: 11px;
}
	#textile-suggestions table th {
		border-bottom: 2px solid #bbb;
		font-weight: bold;
	}
	#textile-suggestions table td {
		border-bottom: 1px solid #ccc;
	}
	

div.icon-fulltime {
	margin-top: 3px;
	background: url(../img/icon-fulltime.png) no-repeat;
	height: 11px;
	width: 47px;
	display: inline;
}
div.icon-parttime {
	margin-top: 3px;
	background: url(../img/icon-parttime.png) no-repeat;
	height: 11px;
	width: 47px;
	display: inline;
}
div.icon-freelance {
	margin-top: 3px;
	background: url(../img/icon-freelance.png) no-repeat;
	height: 11px;
	width: 47px;
	display: inline;
}


label.request-label {

}
.req-params-item {
	background-color: #edfaff;
	padding: 3px;
	margin-bottom: 5px;
	display: inline;
	line-height: 1.9;
}

#req-left { float: left; display: inline; width: 160px; }
#req-middle { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-right { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-right2 { float: left; display: inline; width: 160px; margin-left: 30px; }
#req-left input, #req-middle input, #req-right input, #req-right2 input { border: 0; }

#home-promo { background: url(../img/home-banner-bg.png) no-repeat; width: 757px; height: 66px; margin-top: 12px; text-align: center; padding-top: 8px; }
#home-promo div { color: #0897C6; font-size: 20px; }
#home-promo a { text-decoration: underline; font-size: 14px;}

/* paginator */
#job-listings .current_page{
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 1px 2px 1px 2px;
}

#job-listings {
	margin-top: -2px;
}

table#job-posts4 {
  	width: 100%;
    border-top: 1px solid #ddd;    
    border-left: 1px solid #ddd;    
    border-right: 1px solid #ddd;    
}
  
table#job-posts4 tr {
    background: #fffad4;
}
table#job-posts4 tr.over td {
    background: #f5fefe;
}
table#job-posts4 tr.alt td {
    background: #f5f5f5;
}
table#job-posts4 td {
    padding: 5px;
    border-bottom: 1px solid #ddd;
}
table#job-posts4 a:link, table#job-posts4 a:visited {
    color: #0099CC;
    padding: 2px;
}
table#job-posts4 a:hover {
    background-color: #0099CC;
    color: #fff;
    text-decoration: none;
    padding: 2px;
}
table#job-posts4 td.spotlight-image {
    text-align: right;
    color: #888;
    font-size: 11px;
    width: 80px;
}

/****
SD BRANDING
****/

ul#navigation {
    position: absolute;
    left: 0;
    bottom: 0;
}   

ul#navigation li {
    float: left;
    margin-right: 1px;   
}

ul#navigation li a {
	float: left;
	font-size: 12px;
	padding: 5px 12px;
	background: #333 bottom left no-repeat;
}
ul#navigation li a:hover {
	float: left;
	font-size: 12px;
	padding: 5px 12px;
	background: #f6f5f2 bottom left no-repeat;
}

ul#navigation li.current a {
	background: #ddd7cd;	
}

ul#navigation li.current a, ul#navigation li a:hover {
	color: black;	
}

ul#activity_list li.item p.date, p.original_link a, p.activity_image_text span, p.site_info a, div#aboutme, p.blog_cite, div#single_header p, ul#navigation li a, p.osf_recipe {
	color: #999;	
}

p.vimeo_title a, li.item.digg_com div.item_inner a, ul#activity_list li.item.youtube_com div.item_inner a, p.osf_recipe a, div#header h1 a {
	color: white;	
}

ul#activity_list li.item.youtube_com div.item_inner {
	color: #fd8585;	
}

li.item.digg_com div.item_inner {
	color: #7698b7;
}	


input.text_input {
	font-size: 13px;	
}

h2, div#explanation, div#single_container, ul#navigation li, p.osf_recipe {
    font-size: 15px;   
}

p#pagination, ul#activity_list li.item.yongfook_com div.item_inner, div#single_container h3, div#single_container h4 {
	font-size: 20px;
}	

div#single_container h2 {
	font-size: 25px;	
}

ul#activity_list li.item p.date {
	font-size: 9px;	
}

p.blog_cite, p.site_info, p.date, p.original_link, p.activity_image_text, div#aboutme, ul#activity_list li.item.youtube_com div.item_inner, p.osf_recipe span {
    font-size: 10px;   
}

p.activity_image_text a, p.twitter_tweet, p.vimeo_title, li.item.digg_com div.item_inner a, div#explanation strong, p#pagination, ul#activity_list li.item.youtube_com div.item_inner a, ul#activity_list li.item.yongfook_com div.item_inner, div#single_header, div#single_container strong, ul.item_tag_list, ul#navigation li, p.osf_recipe, div.instructions strong {
	font-weight: bold;	
}

ul#activity_list li.item.yongfook_com div.item_inner p.blog_cite {
	font-weight: normal;	
}

p.original_link a, p.activity_image_text a, p.site_info a, p.vimeo_title a, li.item.digg_com div.item_inner a, ul#activity_list li.item.youtube_com div.item_inner a, ul#navigation li a, p.osf_recipe a, div#header h1 a {
    text-decoration: none;   	
}

p.original_link a:hover, p.activity_image_text a:hover, li.item.digg_com div.item_inner a:hover {
	text-decoration: underline;	
}

p.vimeo_title, ul#activity_list li.item.youtube_com div.item_inner, ul#activity_list li.item.yongfook_com div.item_inner {
	text-align: center;	
}

div#single_header h2 {
	line-height: 1.1em;	
}

p.activity_image_text {
	line-height: 1.5em;	
}

p.twitter_tweet, div#aboutme, ul#activity_list li.item.youtube_com div.item_inner {
	line-height: 1.6em;	
}



div.sponsorAds {
}
	div.sponsorAds img,
	div.sponsorAds a {
		padding: 0;
		margin: 0;
	}
	div.sponsorAds td {
		padding: 6px;
	}
	div.sponsorAdWrap {
		background: white;
		padding: 5px 5px 0 5px;
		border: 1px solid #ddd;
	}
	

div#footer {
	clear: both;
	display: block;
	text-align: left;
    background: #fff;
    position: relative;
    color: #666;
	font-size: 11px; 
	width: 980px;
	margin: 0 auto;
}

a#credits {
    position: absolute;
    right: 10px;
    top: 6px;
}