@charset "utf-8";
/* CSS Document */

/* Marketplace SubMenu */
#mp_menu, .mp_menu { margin-bottom: 8px; height:23px; padding-top: 8px; }
#mp_menu a, .mp_menu a {
	margin: 0px 1px;
	padding: 3px 6px;
	text-decoration: none;
	color: #3f3f46;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
	border: 1px solid #fff; /* need a border here too so it doesn't jitter */
	}

#mp_menu a:hover, #mp_menu a.sel, .mp_menu a:hover, .mp_menu a.sel { text-decoration: none; color: #fff; border: 1px solid #030303; background-color: #030303; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }

/* Marketplace Left Menu */
#mp_leftmenu { width: 190px; float: left; margin: 0 10px 10px 0; padding: 0; }
#mp_leftmenu h3 { padding-left: 10px; color: rgb(10 10 10); }
#mp_leftmenu ul { margin: 0; padding: 0; }

#mp_leftmenu .divider { margin: 5px 0; height: 1px; background-color: #ccc; width: 190px; }

#mp_leftmenu ul li a, #mp_leftmenu ul li a:visited { text-decoration: none; display: block; width: 170px; padding: 8px 10px; color: #3F3F46; margin: 2px 0 }
#mp_leftmenu ul li a:hover { background-color: #030303; color: #fff; font-weight: bold;}
#mp_leftmenu ul li a.selected { background-color: #c6c6c6;  font-weight: bold; }
#mp_leftmenu ul li a.selected:hover { color: #030303; }

/* Marketplace Right Content */
#mp_right, #mp_right_big { width: 738px; float: right; padding: 0; margin-bottom: 15px;}
#mp_right p { font-size: 1.0em; }
#mp_right td p { margin: 2px 0; }
#mp_right p.small { font-size: 0.9em; }

/* Submenus */
.submenu { display: none; position: relative; top: 0px; }
.submenu_primary { display: block; position: relative; top: 0px; }

/* Marketplace Tabs */
#selector_main {
	width: 618px;
	border: 1px solid #666;
	float: right;
	padding: 20px 15px;
	min-height: 650px;
	margin-left: -1px; /* make sure the border over laps correctly */
	background-color: #fff;
	overflow: visible;
	}

#selector_tabcontainer {
	width: 300px;
	float: right;
	min-height: 200px;
	overflow: visible;
	}

#selector_tabcontainer .tab  { margin: 0px 0px 0px 0px; background: url(../images/mp_tab_bg.gif) no-repeat 0 0; overflow: hidden; }
#selector_tabcontainer .smalltab { margin: 0px 0px 3px 0px; background: url(../images/mp_tab_small_bg.gif) no-repeat 0 100%; overflow: hidden; }

#selector_tabcontainer .blue { background: url(../images/mp_tab_bg_blue.gif) no-repeat 0 0; }
#selector_tabcontainer .red { background: url(../images/mp_tab_bg_red.gif) no-repeat 0 0; }
#selector_tabcontainer .green { background: url(../images/mp_tab_bg_green.gif) no-repeat 0 0; }

#selector_tabcontainer .tab_off {
	width: 265px;
	height: 120px;
	padding: 10px 10px 10px 25px;
	background-position: 0 0;
	cursor: pointer;
	}

#selector_tabcontainer .smalltab_off {
	width: 265px;
	height: 30px;
	padding: 10px 10px 0px 25px;
	background-position: 0 100%;
	cursor: pointer;
	}

#selector_tabcontainer .smalltab h3  { font-size: 1.1em; }
#selector_tabcontainer .smalltab_on { background-position: 0 0; width: 270px; height: 26px; padding: 9px 15px 5px 15px; }
#selector_tabcontainer .tab_on { background-position: 0 100%; width: 270px; height: 120px; padding: 10px 15px; }
#selector_tabcontainer .tab_off a, #selector_tabcontainer .smalltab_off a, .bid_box a { color: #333 }
#selector_tabcontainer  .tab_image { margin: 0px 10px 10px 0px; border: 1px solid #fff; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

/* Marketplace Misc */
.answer_box { padding: 15px 40px; border: 1px solid #ccc; background: #eee; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; }
.details_box { width: 270px; border: 1px solid #ccc; padding: 10px; background: #f2f2f2 url(../images/grey_fade_200px.jpg) repeat-x 0 0; border-radius: 4px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.bid_box { float: left; cursor: pointer; padding: 10px; width: 270px; margin: 5px; border: 1px solid #ccc; background: #f2f2f2 url('/site/images/grey_fade_200px.jpg') repeat-x 0 0; }
.comment_box { padding: 10px; border: 1px solid #ccc; background: #f2f2f2 url('/site/images/grey_fade_200px.jpg') repeat-x 0 0; border-radius: 4px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.box_highlight { border: 1px solid #009900; background: #e8ffe6 }

/* The Jobs Table */
.sortable { background: #ccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.sortable th { background: #eee; font-weight: bold; text-align: center; border: 1px solid #fff;}
.sortable tfoot td { background: #eee; border: 1px solid #fff; }
.sortable td { background: #fff; }
.sortable thead tr th:first-child { border-radius: 6px 0px 0px 0px; -moz-border-radius: 6px 0px 0px 0px; -webkit-border-radius: 6px 0px 0px 0px; }
.sortable thead tr th:last-child { border-radius: 6px 0px 0px 0px; -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; }

.sortable td a { font-weight: bold; }

table.sortable tbody tr td { background-color: #FFF; }
table.sortable tbody tr.odd td { background-color: #f9f9f9; }
table.sortable tbody tr:hover td, table.sortable tbody tr.odd:hover td { background-color: #f6f6f6; }
table.sortable thead tr .headerSortUp { background-image: url(/site/images/asc.gif); }
table.sortable thead tr .headerSortDown { background-image: url(/site/images/desc.gif); }
table.sortable  thead tr .header { background-repeat: no-repeat; background-position: center right; cursor: pointer }
table.sortable thead tr .headerSortDown, table.sortable thead tr .headerSortUp { background-color: #8dbdd8; }

div.tablesorterPager { padding: 10px 0 10px 0;text-align: center; }
div.tablesorterPager span { padding: 0 5px 0 5px; }
div.tablesorterPager input.prev { width: auto; margin-right: 10px; }
div.tablesorterPager input.next { width: auto; margin-left: 10px; }
div.tablesorterPager input { font-size: 12px; width: 50px; border: 1px solid #330000; text-align: center; }

p.underline { border-bottom: 1px solid #999; font-weight: bold; padding-bottom: 3px; }
p.underline .edit_button { float: right; margin-top: -5px; }

.unsortable { background: #ccc; border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
.unsortable th { background: #eee; font-weight: bold; text-align: center; border: 1px solid #fff;}
.unsortable tfoot td { background: #eee; border: 1px solid #fff; }
.unsortable td { background: #fff; }
.unsortable thead tr th:first-child { border-radius: 6px 0px 0px 0px; -moz-border-radius: 6px 0px 0px 0px; -webkit-border-radius: 6px 0px 0px 0px; }
.unsortable thead tr th:last-child { border-radius: 6px 0px 0px 0px; -moz-border-radius: 0px 6px 0px 0px; -webkit-border-radius: 0px 6px 0px 0px; }

.unsortable td a { font-weight: bold; }

table.unsortable tbody tr td { background-color: #FFF; }
table.unsortable tbody tr.odd td { background-color: #f9f9f9; }
table.unsortable  thead tr .header { background-repeat: no-repeat; background-position: center right; }

/* Stylized Forms used for most of the marketplace */
h3.section_head, p.small_section_head {
	margin-top: 30px;
	padding: 5px 10px;
	background: #c6c6c6;
	min-height: 20px;
	}

p.small_section_head {
	min-height: 16px;
	}

a.map_button {
	display: block;
	width: 18px;
	height: 18px;
	background-image: url(../images/icon_map.gif);
	background-position: top;
	cursor: pointer;
	float: right;
	margin-top: -1px;
	}

a.map_button:hover { background-position: bottom; }

p.small_section_head { height: 16px; margin: 2px 0; padding: 3px 10px; font-weight: bold; }

p.section_subhead {
	padding: 5px 10px;
	background: #f6f6f6;
	margin: -7px 0 0 0;
	display: none;
	}

h3.section_head .edit_button, h3.section_head .delete_button { margin-top: -1px; }

.cell_border { border: 1px solid #ccc; background: #f6f6f6; padding: 4px 10px;}
.cell_border p { margin: 2px 0; }

.cell_border .input_group {
	margin-top:10px;
}

.cell_border .input_group:first-child {
	margin-top: 2px; /* standard */
}

/* Icons, Buttons, etc */
a.go_button {
	display: block;
	width: 24px;
	height: 24px;
	background-image: url(../media/icon_go.gif);
	cursor: pointer;
	}

a.up_arrow, a.dn_arrow {
	display: block;
	width: 12px;
	height: 12px;
	background: url('/site/media/arrow_up.png') no-repeat;
	}

a.dn_arrow {
	background: url('/site/media/arrow_down.png') no-repeat;
	}

img.icon { vertical-align: bottom; margin-right: 5px; } /* used on profile pages */

#selector_tabcontainer .tab_off a.go_button { background-image: url(../media/icon_go_off.gif); }

.comment_arrow {
	border-color: transparent #f6f6f6 transparent transparent;
	border-style: solid;
	border-width: 8px;
	height:0;
	width:0;
	position:absolute;
	left: 101px;
	top: 10px;
}

.comment_arrow_border {
	border-color: transparent #ccc transparent transparent;
	border-style: solid;
	border-width: 8px;
	height:0;
	width:0;
	position:absolute;
	left: 100px;
	top: 10px;
}

.new_comment .comment_arrow { border-color: transparent #e8ffe6 transparent transparent; }
.new_comment .comment_arrow_border { border-color: transparent #009900 transparent transparent; }

a.wo_button {
	margin: 0 4px;
	width: 90px;
	height: 17px;
	padding: 13px 5px 10px 45px;
	font: bold 1.2em Arial;
	background: #ffffff url('/site/images/wo_buttons.png') no-repeat 0 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	display: block;
	float: left;
	}

a.missing_file, a.missing_file:visited {
	display: block; 
	padding: 10px; 
	text-decoration: none; 
	font: bold 14px Arial; 
	background: #ffe6e6 url(../media/file-common.png) no-repeat 5px 50%;
	border: 2px dashed #cb0000;
	padding: 10px;
	margin: 5px 0;
	padding-left: 40px; 
	border-radius: 3px;
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	color: #961e20;
	vertical-align: middle;
	}

a.missing_file:hover, a.missing_file:active {
	color: #961e20;
	}

a.wo_button_schedule 	{	background-position: 0 -320px; } 
a.wo_button_add_oos_chrgs 	{	background-position: 0 -200px; } 
a.wo_button_reschedule 	{	background-position: 0 0; }
a.wo_button_publish		{	background-position: 0 -40px; }
a.wo_button_notdone		{	background-position: 0 -80px; }
a.wo_button_republish	{	background-position: 0 -120px; }
a.wo_button_approve		{	background-position: 0 -160px; }
a.wo_button_sli			{	background-position: 0 -200px; }
a.wo_button_cancel		{	width: 55px; background-position: 0 -240px; }
a.wo_button_request		{ 	background: #ffffff url('/site/images/wo_buttons_tech.png') no-repeat 0 0; }
a.wo_button_timelog		{	background: #ffffff url('/site/images/wo_buttons_tech.png') no-repeat 0 -40px; }
a.wo_button_release		{ 	width: 65px; background: #ffffff url('/site/images/wo_buttons_tech.png') no-repeat 0 -80px; }
a.wo_button_star		{	background-position: 0 -280px; }


#abTable { border: 1px solid #ccc; border-radius: 5px; padding: 10px 10px; }
#abTable tr td { border-bottom: 1px solid #ccc; }
.abTable_center {text-align: center;}
.abTable_right {text-align: right;}
.abTable_summary { background-color: #f6f6f6; }
.abTable_summary td { border-bottom: 1px solid #ccc; border-top: 1px solid #ccc;  }

.doneColor {
    background-color: #FFFF00 !important;
}