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

/* GLOBAL */

label {
	color:black;
	font-weight:bold;
	font-size:12px;
	text-transform:uppercase;
}

label.static {
	color:black;
}

label.radio {
	font-weight:normal;
	margin-left:3px;
}

input {
	margin:3px 2px 10px 0;
}

input.text {
	margin:4px 4px 7px 0;
}

input.error {
	background-color:#FFCCCC;	
}

input.static {
	color:grey;
	cursor:default;
}

a.flag {
	display:block;
	float:left;
	background-image:url('images/flag_20_off.gif');
	vertical-align:bottom;
	margin-bottom:5px;
	height:20px;
	width:20px;
}

a.flag:hover {
	background-image:url('images/flag_20_on.gif');
}

p.comment {
	color:grey;
	margin:0;
	padding:0;
}

div.input:hover label {
	color:#E88924;
}

div.input:hover label.static {
	color:black;
}

div.float_left {
	float:left;
	margin-right:10px;	
}

/* NAVBAR */

div#pnav ul{
	position:relative;
	list-style:none;
	margin:0;
	padding:0;	
}

div#pnav li {
	margin:0;
	padding:0;	
}

div#pnav ul li a {
	display:block;
	padding:10px 5px 8px 5px;
	height:40px;
	margin:0;
	float:left;
	color:black;
	font-size:11px;
	background-color:black;	
	border:1px solid grey;
	border-right:0 none;
	background:url('../images/subheader_off.gif') repeat-x;
}

div#pnav ul li a.current {
	border-bottom:1px solid #E88924;
	background:url('../images/pnav_on.gif') repeat-x;
}
div#pnav ul li a.current {
	color:black;
}

div#pnav ul li a.last {
	border-right:1px solid grey;
}

/* JOB */

#jobs {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

#jobs tr.head {
	border:0;
	border-bottom:1px solid #333;
}

#jobs th {
	background-color:white;
	color:#666;
	margin:0;
	padding:5px;
	text-align:left;
	font-weight:bold;
	text-transform:uppercase;
}

#jobs td {
	padding:10px 5px 10px 5px;
}

#jobs td.inactive {
	color:grey;
}

#jobs tr.job {
	width:auto;
	margin:0;
	padding:0;
	border:1px solid #333;
	font-weight:bold;
	font-size:16px;
	background:url('../images/header_off_.gif') repeat-x;
	color:white;
	cursor:default;	
	text-transform:uppercase;
}

#jobs tr.job:hover td {
	color:#F09D28;
}

#jobs tr.selected {
	background:url('../images/header_off.gif') repeat-x;
	color:white;
}

#jobs tr.selected:hover td{
	color:white;
}

#jobs tr.static {
	width:auto;
	margin:0;
	padding:0;
	border:1px solid #333;
	font-weight:bold;
	font-size:16px;
	background-color:#F1F1F1;
	cursor:default;	
	text-transform:uppercase;
	color:grey;
}

#jobs td.noselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor:pointer;	
	padding:12px 0 10px 5px;
}

#jobs tr.detail {
	margin:0;
	margin-bottom:40px;
	padding:0;
	border:none;
	font-weight:normal;
	border:1px solid #CCC;
	background-color:white;
}

#jobs tr.detail td {
	margin:0;
	padding:0;
}

#jobs tr.detail input.radio {
	padding:0;
	width:14px;
	margin:5px 3px 0 0;
	color:#666;
	font-weight:normal;
	font-size:12px;
}

#jobs tr.detail div.detail_colleft {
	margin:10px 10px 10px 10px;
	padding:0;
	float:left;
}

#jobs tr.detail div.detail_left {
	margin:0;
	margin-left:10px;
	padding:0;
	float:left;
}

#jobs tr.detail div.detail_colmid {
	margin:10px 20px 0 10px;
	padding:0;
	float:left;
}

#jobs tr.detail div.buttons {
	float:right;
	margin:180px 10px 10px 0;
	padding:0;
	height:12px;
}

#jobs table.subItems {
	margin:0;
	padding:0;
	width:100%;
	font-weight:normal;
	margin-top:10px;
	border-collapse:collapse;
}

#jobs table.subItems tr.subItem_detail td{
	padding:10px;
}

#jobs table.subItems div.buttons {
	margin:0px 0px 10px 10px;
}

#jobs table.subItems tr.subItem {
	border-top:1px solid #CCC;
	font-weight:bold;
	font-size:14px;
	text-transform:uppercase;
	background:url('../images/subheader_off.gif') repeat-x;
}

#jobs table.subItems tr.subItem:hover td {
	color:#F09D28;
}

#jobs table.subItems tr.selected {
	color:#006;
}

#jobs table.subItems tr.reps {
	background-color:#FF9;
}

#jobs tr.detail div.detail_delegates {
	margin:0;
	padding:0;
	float:left;
}

#jobs tr.detail div.detail_individuals {
	margin:0;
	margin-left:20px;
	padding:0;
	float:left;
	width:320px;
}

#jobs tr.detail div.detail_individuals p.comment {
	margin-bottom:10px;	
}

#jobs table.subItems tr.reps hr {
	height: 1px;
	background-color: #CCC;
	border: 0 none;
}

#jobs table.subItems tr.reps p.header {
	font-weight:bold;
	font-size:16px;
	padding-bottom:3px;
	margin:0;
	padding:0;
}

#jobs table.subItems tr.reps p.name {
	font-size:12px;
	padding-bottom:3px;
	margin:0;
	margin-bottom:20px;
	padding:0;
}

#jobs table.subItems tr.reps p.addr {
	font-size:10px;
	padding-bottom:3px;
	margin:0;
	margin-top:-10px;
	margin-bottom:20px;
	padding:0;
	text-align:right;
}

#jobs table.subItems tr.reps table.delegates {
	border-collapse:collapse;
	width:500px;
}

#jobs table.subItems tr.reps table.delegates td {
	padding:5px;
	padding-right:15px;
	margin:0;
}

#jobs table.subItems tr.reps table.delegates td.unit {
	color:grey;
}


#jobs table.subItems tr.reps table.delegates tr {
	border:1px solid #CCC;
}

#jobs table.subItems tr.reps table.delegates tr.head {
	border:0 none;
	cursor:pointer;	
}

#jobs table.subItems tr.reps table.delegates tr.odd {
	background-color:#F1F1F1;
}

#jobs table.subItems tr.contract {
	background-color:#FFBABA;
}

#jobs table.subItems table.contracts {
	margin:0;
	padding:0;
	border:none;
	width:100%;
	border-collapse:collapse;
}

#jobs table.subItems table.contracts td {
	font-size:12px;
	margin:0;
	padding:5px 0 5px 0;
}

#jobs table.subItems table.contracts th {
	padding:5px 0 5px 0;
}

#jobs table.subItems table.contracts td img {
	width:18px;
	height:18px;
}

#jobs table.subItems table.contracts td.name {
	color:#900;
}

#jobs table.subItems tr.subItem td {
	margin:0;
	padding:7px 5px 4px 5px;
}

#jobs table.subItems tr.subItem_detail {
	border-top:1px solid #CCC;
	background-color:white;
}

#jobs table.subItems tr.contract div.detail_colleft {
	margin:0 20px 0 0;
	padding:0;
	float:left;
}

#jobs table.subItems tr.contract div.detail_colmid {
	width:350px;
	margin:10px 20px 0 10px;
	padding:0;
	float:left;
}

#jobs tr#addjob {
	border:0;
}

#jobs table.subItems tr.subItem_detail table.shopstat {
	border-collapse:0;
	margin:0;
	padding:0;	
	width:300px;
}

#jobs table.subItems tr.subItem_detail table.shopstat tr {
	margin:0;
	padding:0;
}

#jobs table.subItems tr.subItem_detail table.shopstat td.left {
	margin:0;
	padding:0;	
	text-align:right;
}

#jobs table.subItems tr.subItem_detail table.shopstat td.right {
	margin:0;
	padding:0 0 0 10px;	
	width:40px;
}

/* PROFILE */

#profile hr {
	height: 1px;
	background-color: #CCC;
	border: 0 none;
	margin-top:20px;
	margin-bottom:20px;
}

#profile div.buttons {
	float:right;
	padding:0;
	height:12px;
}

#profile_name div.input {
	width:auto;
	float:left;
	margin-right:20px;
}
#profile_addr div.input {
	width:auto;
	float:left;
	margin-right:10px;	
}

#profile_addr div.col {
	float:left;
	width:400px;
	margin:0 20px 0 0;
	padding:0;
}

#profile_email div.input {
	width:auto;
	float:left;
	margin-right:40px;
}

#profile_phone div.input {
	width:auto;
	float:left;
	margin-right:40px;
}

#profile p.header {
	color:black;
	font-weight:bold;
	font-size:24px;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

#profile p.subHeader {
	color:#666;
	font-weight:bold;
	font-size:18px;
	margin:0 0 10px 0;
	text-transform:uppercase;
}

/* REPS */

table.reps {
	width:100%;
	border-collapse:collapse;
	margin-bottom:20px;
}

table.reps div.right{
	float:right;
}

table.reps tr.head {
	border:0;
	border-bottom:1px solid #333;
}

table.reps th {
	background-color:white;
	color:#666;
	margin:0;
	padding:5px;
	text-align:left;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
}

table.reps tr.rep {
	width:auto;
	margin:0;
	padding:0;
	border:1px solid #333;
	font-weight:normal;
	font-size:12px;
	background:url('../images/header_off_.gif') repeat-x;
	color:white;
	cursor:default;	
	text-transform:uppercase;	
}

table.reps tr.rep:hover td {
	color:#F09D28;
}

table.reps tr.selected {
	background:url('../images/header_off.gif') repeat-x;
	color:white;
}

table.reps tr.selected:hover td{
	color:white;
}

table.reps td.noselect {
	-moz-user-select: none;
	-khtml-user-select: none;
	user-select: none;
	cursor:pointer;	
	padding:10px 0 8px 5px;
}

table.reps td.pic {
	padding:2px 0 2px 0;
}

table.reps td.pic img {
	margin:0;
	margin-right:5px
}

table.reps tr.detail {
	margin:0;
	margin-bottom:40px;
	padding:0;
	border:none;
	font-weight:normal;
	border:1px solid #CCC;
	background-color:white;
}

table.reps tr.detail p.stat {
	margin:0;
}

table.reps tr.detail p.stat b {
	text-transform:uppercase;
	margin-right:5px;
}

table.reps tr.detail td {
	margin:0;
	padding:10px;
}

table.reps tr.detail div.bio {
	width:500px;
	height:300px;
	overflow: auto;
	border: none;
	border-top:1px solid grey;
	margin:8px 0 0 0;
	padding: 0 8px 0 0;
}

table.reps tr.detail div.left {
	width:500px;
	float:left;
}

table.reps tr.detail div.left label {
	font-weight:bold;
	margin-right:5px;
}

table.reps img.rep {
	float:left;
	border:1px solid grey;
	padding:3px;
	margin:0 20px 0 0;
	width:100px;	
}

/* LOGIN / ACTIVATION */

#login {
	position:relative;
	width:400px;
	height:300px;
	border:1px solid grey;
	background-color:white;
	margin:30px auto 20px auto;
	padding:10px;	
}

#login #login_header {
	background-color:blue;
	width:100px;
	height:30px;
	float:right;
}

#login div.input_block {
	width:140px;
	margin:auto;
}

#login input.submit {
	float:right;
	margin:10px 0 20px 10px;	
}

#login div.bottom {
	position:absolute;
	bottom:0;
	float:left;	
}