/*SOME GLOBALS*/

.error {
	color: red;
}

fieldset {
	background: #efefef;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

img {
	border: none;
}

.ui-dialog>form>ul>li{
	list-style-type: none;
}

.button {
	display: inline-block;
	color: #0D0D6B;
	text-decoration: none;
	border: 1px solid #aaa;
	border-radius: 3px;
	padding: 3px;
	cursor: pointer;
}

.button.disabled{
	cursor: default;
	color: #999;
	border-color: #999;
}

.button:hover{
	border-color: black;
}



/*Category management*/

#categories_management #add_category {
	color: #0D0D6B;
	font-size: 1.5em;
	background-color: white;
	border: 2px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
}

#categories_management .category_info {
	padding: 10px;
}

#categories_management .category_info textarea {
	width: 90%;
	height: 50px;
}

#categories_management .category_info input {
	width: 300px;
}

#categories_management .category.move_mode .description {
	white-space: pre-wrap;
}

#categories_management .category ul {
	background-color: #eee;
	border-radius: 5px;
	min-height: 50px;
	border: 1px solid #0D0D6B;
}

#categories_management #categories {
	padding-bottom: 50px;
	border-radius: 5px;
	min-height: 50px;
	border: 1px solid #ddd;
}

#categories_management .category ul.hover_dropzone, #categories_management #categories.hover_dropzone {
	border: 2px dashed;
}

#categories_management .construct {
	background-color: white;
	border-radius: 5px;
	padding: 5px;
	border: 1px solid #0D0D6B;
	list-style-type: none;
	margin: 5px;
}

#construct_resource .construct.new {
	font-style: italic;
}

#construct_resource .construct {
	cursor: pointer;
}

#categories_management .construct.highlight {
	border: 2px dashed red;
}



/*Email form*/

#email-form input{
	width: 250px;
}

#email-form textarea {
	width: 450px;
	height: 200px;
}

#email-form th {
	vertical-align: top;
}


div.sales_company {
    width: 80%;
    border: 1px solid #0d0d6b;
    padding: 30px;
    margin: 20px;
    padding-top: 10px;
    float: left;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.sales_company img{
    float: left; 
}

#materials_logo {
    margin-top: 150px;
}

.sales_company a {
    text-decoration: none;
}

.sales_company div{
    float: left;
    width: 90%;
}

.sales_company #cachenotice {
	width: auto;
}

.sales_company a div{
    background: #EFF7FA;
    color: #0d0d6b;
    margin: 15px;
    margin-left: 20px;
    padding: 15px;
    float: left;
    font-size: 180%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #0d0d6b;

}

.sales_company a div p {
	margin: 0px;
	font-size: 18px;
	margin-left: 30px;
}

.sales_company a div small {
	color: grey;
	margin-left: 30px;
}

form.edituser td, form.edituser th {
	min-width: 200px;
	border-bottom: 1px solid #ccc;
}
form.edituser {
	line-height: 24px;
}
form.edituser input {
	height: 14px;
}
form.edituser strong { color: black;}

.sales_company a div:hover{
    background: #0d0d6b;
    color: #fff;
}

.sales_company small{
    width: 100%;
    float: left;
}

#aside {
	float: right;
	width: 180px;
}
#lookup_order, #new_order, #couponorder {
	display: inline-block;
	float: left;
	width: 300px;
	background: #ccc;
	border: 1px solid #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #000;
	position: relative;
	padding-left: 10px;
	margin-top:0;
	height: 60px;
	margin-left: 5px;
}
#lookup_order h3, #couponorder h3, #lookup_order p, #couponorder p {
	float: left;
	clear: none;
	width: auto;
	
}

#lookup_order form {
	padding-top: 10px;
}

#lookup_order p, #couponorder p {
	padding-top: 5px;
}
#new_order {
	width: 35%;
	clear: left;
	float: left;
	margin-left:0;
	text-decoration: none;
}
#new_order.websales {
	width: 180px;
}
form p { position: relative; float: left; }
label.over-apply { color: #ccc; position: absolute; top: 10px; left: 5px;}
#new_order {
	background: #0D0D6B;
}
#new_order h3 {
	color: #fff;
	display: block;
	padding-top: 10px;
	text-align: center;
	font-weight: bolder;
	text-decoration: none;
}
#new_order p {
	color: white;
	text-align: center;
	font-style: italic;
	position: relative;
	margin-bottom: -1em;
}
#lookup_order h3, #couponorder h3{
	color: #000;
	text-align: center;
}
#couponorder {
	margin-bottom: 10px;
}
#lookup_order input, #couponorder input {
	display: inline-block;
	padding: 5px;
}
#orderForm fieldset {
	float: left;
}

#orderForm .company.details {
	float: left;
	width: 120px;
	font-size: 11px;
}
#orderForm .details tr:nth-child(2n-1){
	float: left;
	width: 345px;
	clear: none;
}
#orderForm .details tr:nth-child(2n){
	float: right;
	width: 345px;
	clear: none;
}
#orderForm .details th.row {
	background: transparent;
	width: 170px;
	color: black;
}
#orderForm .details th.row strong {
	color: #0D0D6B;
}


div.suppliersection {
	margin-bottom: 50px;
}

div.supplierlogos {
	padding: 20px;
	float: left;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 5px;
}

.supplierlogos #sigmalogo {
	width: 200px;
}

.supplierlogos #KBMLlogo {
	width: 300px;
	float: left;
	padding-bottom: 20px;
}

table.order {
	float: left;
}

table.catalogue, table.orders, table.order, table.details {
/* 	float: left; */
/*	width: 630px;*/
	width: 100%;
	margin-bottom: 2em;
}
table.catalogue {
	width: 830px;
}
tr.details, tr.info {
	float: none;
}

tr.details td, tr.info td {
	background: #F5F7F5;
}

table.catalogue tr.details th, table.catalogue tr.open td {
	border: none;
	min-width: 120px;
	vertical-align: top;
}
table.catalogue tr.details table {
	width: 830px;
}
table.catalogue tr.details table tbody {
	vertical-align: top;
}
table.catalogue tr.details table ul, table.catalogue tr.details table li {
	padding:0;margin: 0;
	list-style: none;
}
table.catalogue tr.details table a {
	font-size: 0.833em;
}
#orderForm table.catalogue {
	width: 100%;
}
table.details {
	width: 400px;
}
#orderForm table.details {
	width: 700px;
}
table.catalogue th.dl {
	width: 30px;
}
table.catalogue .head th.kode, table.catalogue .head th.supplier {
	background: #0D0D6B;
	color: white;
	text-align: left;
	text-transform: uppercase;
	text-indent: 5px;
}
table.catalogue .head th.supplier {
	background: #333;
	color: #fff;
}
table.catalogue th.supplier {
	color: #333;
}
table.order th.comments {
	width: 400px;
}
table.orders {
/*	width: 860px;*/
	width: 100%;
}
table.order {width: 600px;}
table.order.vieworder {
	width: 1020px;
}
table.vieworder th:first-child {
	width: 350px;
}
table.vieworder th:last-child {
	width: 600px;
}
table.vieworder tr:last-child {
	font-weight: bold;
	border-top: 1px solid black;
}
table.order td, table.order th {
	vertical-align: top;
	padding: 5px;
	border-bottom: 1px solid #ccc;
	text-align: left;
	white-space:nowrap;
	max-width: 300px;
}

table.order .backorder_notice {
	color: red;
}

table.order .wrap {
	white-space: normal;
}

table.order th { width: 100px;}
table.order td { width: 200px;}


.discount_button {
	background: url(images/icons/down_16.png) no-repeat;
	cursor: pointer;
	display: block;
	text-indent: -5000px;
}

tr.discount td:first-child{
	text-align: right !important; 
}

tr.discount {
	color: dimgrey;
}

tr.totals {
	font-size: 120%;
	font-weight: bolder;
}


/*Orders*/

.orders th {
	text-align: left;
	color: #0D0D6B;
	font-weight: bold;
	background: #fff;
	padding: 5px;
	padding-left: 0px;
}
.status {
	width: 100%;
}
table.cart {
	width: 100%;
	float: left;
	clear: both;
	position: relative;
}
table.cart tr.order {
	width: 100%;
	display: none;
	position: relative;
}
table.cart tr.order.ordered {
	display: table-row;
	position: relative;
	border: 1px solid red;
}
table.cart.order tr:last-child td, table.cart.order tr:last-child th {
	border-top: 1px solid #ccc;
	font-weight: bold;
}
tr.order td p{
	font-size: 11px;
	margin:0;
	padding:0;
}
table.catalogue th, .cart th.col, .status th, th.col{
	text-align: left;
	color: #0D0D6B;
	font-weight: bold;
	background: #fff;
	padding: 5px;
	padding-left: 0px;
	border-bottom: 1px solid #ccc;
}
.catalogues .company:nth-child(2n) table.catalogue th {
	background: none;
}
.cart th.row, .order th, th.row {
	text-align: right;
	color: #0D0D6B;
	font-weight: bold;
	background: #fff;
	padding: 5px;
	padding-left: 0px;
	vertical-align: top;
}
table.details th.row {
	width: 200px;
}
.cart .buy {
	text-align: right;
}
tr.seperate td, tr.seperate th {
	border-top: 1px solid;
}
table.catalogue td, .status td, .orders td {
	border-bottom: 1px solid #ccc;
	padding-bottom: 5px;
	padding-top: 5px;
}
table.catalogue th:first-child {
	width: 200px;
}

.money {
	text-align: right;
}

body p {
	display: block;
	clear: both;
	margin-top: 2em;
	text-align: left;
}
#lookup_order p, fieldset p, .manage form p, #couponorder p {
	margin-top: 0em;
}
caption, .content h1 {
	font-size: 2em;
	color:#0D0D6B;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	clear:both;
}
.totals caption {
	font-size: 1.4em;
}
.licensee fieldset, ol.inventory li.vial {
	width: 370px;
	float: right;
	border:0;
	background: #efefef;
	margin-top: 1em;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.licensee fieldset.submit { width: 820px; margin-top: 1em; padding: 10px;}

.licensee fieldset legend, li.vial h4 {
	font-size: 1.4em;
	color:#0D0D6B;
	font-weight: bold;
	text-align: left;
	text-transform: uppercase;
	margin-top: -1em;
	background: white;
	width: 120%;
	margin-left: -10px;
	padding-left: 1em;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
li.vial h4 {
	font-size: 1em;
}
.details, .molecule {
	float: left;
}
h2 { clear: both;}
h3 { float: left; clear: left; display: block; width: 100%; position: relative;}
p.error { padding: 10px; background: red; color: white; font-weight: bold;}
fieldset p {
	position: relative;
}
label.error { float: left;clear: both; background: red; color: white; padding-left: .5em; vertical-align: top; position: absolute; top: 0; width: 200px; font-size: 1em; z-index: 100;}
.notice {
	background: #FDF86D; 
	color: #8A6818;
	border-top: 1px solid;
	border-bottom: 1px solid;
}
.manage {
	float: left;
	display: block;
	width: 100%;
}

.manage>.button {
	margin: 20px;
	font-size: medium;
}

.manage form {
	margin-bottom: 1em;
	background: #ccc;
	border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 10px;
	float: left;
	width: 100%;
}
.manage h3 {padding-top: 5px;padding-bottom: 5px;margin-top: 0;}
.manage .addvial {
	width: 200px;
	float: left;
}
.manage .addtocat {
	width: 580px;
	float: right;
}
.manage .addtocat.master {
	float: left;
	width: 100%;
}
form[name=new_transfer] {
	display: block;
	float: left;
	width: 100%;
}
form[name=new_transfer] h3 {
	display: block;
	line-height: 1em;
	padding: 5px;
	border: 1px solid;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 820px;
}
fieldset[name=transfer_details], form[name=edit_inventory] p:nth-child(1) {
	line-height: 48px;
	float: left;
	width: 100px;
}
form[name=edit_inventory] p:nth-child(1) {
	line-height: 1.4em;
}
fieldset[name=transfer_details] legend {
	line-height: 1em;
}
fieldset[name=transfer_details] input, fieldset[name=transfer_details] select{
	display: block;
	width: 100px;
}
input[disabled]{
	background: #eee;
}
.vial, ol.inventory li.vial {
	clear: right;
	width: 680px;
	float: right;
}
.vial p {
	width: 33%;
	height: 24px;
	display: inline-block;
	float: left;
	clear:none;
}
.vial p input { width: 70px;}
.vial p:nth-child(2), .edit_inventory_records p:nth-child(8), .edit_inventory_records p:nth-child(10), .edit_inventory_records .edit_inventory p:nth-child(11)  {
	width: 66%;
}
.vial p:nth-child(8), form[name=edit_inventory] .vial p:nth-child(7), .edit_inventory_records p:nth-child(7) {
	margin-left: 33%;
}
form[name=edit_inventory] .vial p:nth-child(7), form[name=edit_inventory] .vial p:nth-child(8), .edit_inventory_records p:nth-child(7) {
	margin-right: 33%;
}
form[name=edit_inventory] .vial p:nth-child(8), .edit_inventory_records p:nth-child(8) {
	margin-left:0;
}
.vial p:nth-child(5) {
	width: 204px;
	padding-left: 20px;
}
.edit_inventory_records p:nth-child(5), .edit_inventory_records p:nth-child(2) {
	width: 33%;
	padding-left: 0px;
}
form[name=edit_inventory] .vial p:nth-child(2), form[name=edit_inventory] .vial p:nth-child(5) {
	padding-left:0;
	width: 33%;
}
form[name=edit_inventory] .vial p:nth-child(2), .edit_inventory_records p:nth-child(2), .edit_inventory_records  p:nth-child(10){
	width: 33%;
}
.vial current, .vial new {
	position: relative;
}
li.vial {
	list-style: none;
	padding-bottom: 1em;
	margin-bottom: 3em;
}
//li.vial input {width: 300px;}
li.vial p{
	height: 1.4em;
	margin:0;
	padding:0;
}
./switch img { position: absolute; top: 0; right: 0;}
div.content p em.switch img { display: inline; opacity: 0.05;}
div.content p:hover em.switch img { opacity: 1;}
em.catalogue { color: #ccc;}

.switch {display: inline;}
.option {
	width: 240px;
	height: 16px;
	display: inline-block;
	line-height: 16px;
}
.controls {
	display: block;
	position: relative;
	bottom: -4px;
}
.controls button {
	border:0;
	background: none;
	display: inline;
	padding:0;
	margin:0;
}
em.vialcount {
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
	padding-left: 5px;
	padding-right: 5px;
	position: relative;
	bottom: 4px;
}
.manage .addtocat span {
	width: 260px;
	float: left;
}
.manage .addvial input {
	width: 200px;
}
.manage .addvial input[type=submit] {
	width: 90px;
	margin-right: 1em;
}
#admin_menu, #shop_menu {
	padding:0;
	margin:0;
	border-bottom: 1px solid;
	float: left;
	width: 100%;
	margin-bottom: 50px;
	margin-top: 0px;
	position: relative;
}
#admin_menu li , #shop_menu li{
	display: inline-block;
	float: left;
}
#admin_menu li a, #shop_menu li a{
	display: inline-block;
	list-style: none;
	padding: 5px;
	margin-right: 3px;
	border: 1px solid;
	border-bottom: 0;
	color: #0D0D6B;
	text-decoration: none;
}

#admin_menu li a:hover{
    background: #0D0D6B;
	color: white;
}

#admin_menu .sub_menu {
	position: absolute;
	top: 40px;
	left:0;
	font-size: 10px;
/*	width: 500px;*/
	margin:0;
	padding:0;
}

#admin_menu .current a, #shop_menu .current a{
	background: #0D0D6B;
	color: white;
}

#admin_menu .sub_menu li a {
    background: white;
    color: #0D0D6B;
    border: 1px solid;
}

#admin_menu .sub_menu li a:hover {
    background: #0D0D6B;
    color: white;
}

#admin_menu .sub_menu .current a {
    background: #0D0D6B;
    color: white;
}

#admin_menu .disabled a, #admin_menu .sub_menu .disabled a{
	color: #bbb;
	background: #eee;
}

#admin_menu .disabled a:hover, #admin_menu .sub_menu .disabled a:hover{
	color: #888;
	background: #bbb;
	background-repeat:no-repeat;
	background-position: 50% 50%;
	background-image: url('/sales/global/images/icons/block_bw_16.png');
}

#admin_menu .logout {
	float:right;
	padding-top: 5px;
}

div .user_role_module {
	height: 25px;
	left: 0px;
	top: -23px;
/* 	top: 174px; */
	position: relative;
	width: 180px;
	background: #EFF7FA;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.449219) 0px 1px 3px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.449219) 0px 1px 3px;
	-moz-box-shadow: rgba(0, 0, 0, 0.449219) 0px 1px 3px;
	z-index: 100;
}

.user_role_module > span, .user .active_permissions span {
	text-transform: uppercase;
	font-size: .8em;
}

.user_role_module#login_user {
	position: static;
	float: left;
}

.user_role_module .active_permissions {
	padding: 0px;
	list-style: none;
	position: absolute;
	background: #EFF7FA;
	border-radius: 10px;
	padding: 10px;
	box-shadow: rgba(0, 0, 0, 0.449219) 0px 1px 3px;
}

.user_role_module .icon {
	margin-right: 5px;
}

.user_role_module .info_icon {
/* 	float: right; */
}

.user_role_module .save_icon {
	padding: 0px 20px 0px 0px !important;
	cursor: pointer;
}

.user_role_module .active_permissions li {
	cursor: pointer;
}

.user_role_module .help {
	position: absolute;
	width: 200px;
	margin-left: 200px;
	
}

.user_role_module .active {
	font-weight: bold;
}

.user_role_module .disabled {
	text-decoration: line-through;
}

#admin_menu .logout a {
	margin-top: -5px;
}
img.example {
	background: #000;
	height: 333px;
	float: right;
}
table.modify {width: 600px;float: left; display: block;}
.modify th.row {
	text-align: right;
	width: 130px;
}
#orderForm.licensee fieldset, #orderForm fieldset.cart, #orderForm fieldset.catalogue {
	float:left;
	clear: both;
	width: 820px;
}
#orderForm table td, #orderForm table tr {
	text-indent: 5px;
}
fieldset.coupons, fieldset.files {width: 220px; float: left; display: block;}
p.act {
	display: block;
	clear: both;
	text-align: right;
	border-top: 1px solid;
	width: 100%;
}
p.coupon strong { display: block;padding: 15px;}
span.coupon {
	padding: 5px;
	font-weight: bold;
	background: #D6ECF2;
	color: #001E3F;
}
div.section {
/* 	width: 600px; dropped as the .user module has moved*/ 
	width: 100%;
	float: left;
/*	clear: both;*/
	display: block;
}
.catalogues {
	float: left;
	width: 100%;
}
#popup {
	position:absolute;
	background:white;
	border:1px solid;
	width: 400px;
	padding: 20px;
	right: 0;
	z-index: 100;
	top: 0;
}
#popup .toggle_popup {
	position: absolute;
	top:10px;
	right: 10px;
	background: url(images/close.png) no-repeat;
	width: 30px;
	height: 30px;
	text-indent: -99999px;
}
ul.people {
	display: block;
	clear: both;
}
.item small {
	display: block;
	width: 300px;
	top: 0px;
	left: 24px;
	position: absolute;
	text-indent: 0;
}
.item.coupon input {
	visibility: hidden;
}
.catalogues div.company {
	float: left;
	display: block;
	padding: 5px;
	position: relative;
	left: -5px;
	border:1px solid;
	margin-bottom: 2em;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.catalogues div.company:nth-child(2n) {
	background: #EFF7FA;
}

/*Licensee order progress tables*/

#edit_progress_status{
    padding: 20px;
}

#order_progress {
    display: block;
    float: left;
    width: 100%;
}

#reassign_template {
	color: blue;
	cursor: pointer;
}

#reassign_template_form li {
	list-style: none;
}

#status_actions{
    padding: 10px;
width: 100%;
}

#status_actions td {
	padding: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	width: 70px;
	text-transform: uppercase;
	border-bottom: 1px solid #ccc;
}

#status_actions .step td {
	white-space: nowrap;
}

#status_actions .clickable{
	cursor: pointer;
}
#status_actions td:first-child {
	width: auto;	
}
#status_actions td:nth-child(5) a{
	color: #000;
	text-decoration: none;
	text-transform: none;
}

.client_orders #dialog-form input, .client_orders #comment_email_form input{
	width: 300px;
}

.client_orders #dialog-form textarea, .client_orders #comment_email_form textarea{
	width: 600px;
	height: 300px;
}

.checklist_actions_key {
	float: right;
	width: 20%;
	background: white;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	color: #696969;
	border: 1px solid #696969;
}

.checklist_actions_key .action {
	width: 80% !important;
}

.checklist_actions_key ul {
	padding: 0px;
}

.actions, .checklist, .comments, .order_documents {
	float: left;
}

.completed_colour{
    background: #E1F3FA !important;
}

.active_colour{
    background: #B6FDB9 !important;
}

.pending_colour{
    background: #EEEEEE !important;
}

.fail_colour {
	background: #EA9543 !important;
}

.details .checkitem, .details .action {
	width: 500px;
}

.checklist ul, .actions ol {
	padding-top: 10px;
}

.details .action span:first-child {
	text-transform: none;
}

.details .action span:last-child {
	float: right;
	padding-right: 10px;
}

.details .not_required, #set_drag_drop .not_required, .template_preview .not_required {
	border-style: dashed !important;
}

.details .checkitem span:first-child {
	text-transform: none;
}

.details .checkitem span:last-child {
	float: right;
	padding-right: 10px;
}




div.comments {
	width: 100%;
	float: left;
	display: block;
}
#status_actions td .comments {
	text-transform: none;
}
.comments .addnewcomment {
	width: 30%;
	padding: 10px;
	font-size: 1.4em;
	text-align: center;
	margin-top: 1em;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	clear: both;
}
div.comment {
	padding: 10px;
	padding-top: 1px;
	margin-top: 10px;
	display: block;
	float: left;
	clear: both;
	width: 95%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: black;
	position: relative;
	border: 1px solid #0D0D6B;
}

div.comment form * {
	margin:0;
}
div.comment form input, div.comment form textarea {
	display: block;
	float: left;
	clear: both;
}

.comment.newComment {
	width: 75%;
}

.newComment .name {
	width: 220px;
	float: left;
	clear: none;
    color: 000;
}
.newComment .comment {
	width: 400px;
	float: left;
	clear: left;
    color: 000;
}

.newComment textarea {
	width: 95%;
}

div.admin {
	background-color: #EFF7FA;
	border: 1px;
	border-style: solid;
	border-color: #0D0D6B;
}

div.licensee {
	background-color: #FFFFFF;
	border: 1px;
	border-style: solid;
	border-color: #0D0D6B;

}



.comment h5 {
	position: absolute;
	top:0;
	right:10px;
}
.comment.notification {
	background: #FFFEED !important; color: #8A6818; border: 1px solid;
}
.comment.notification>h4 {
	display: none;
}

.comment.archived {
	background-color: #F09D8A;
	color: black;
}

.settings_form {
	display: block;
	float: left;
	margin: 10px;
	padding: 5px;
	background: #EFF7FA;
	border: 1px;
	border-style: solid;
	border-color: #0D0D6B;
	/*width: 420px;*/
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 1em;
}
.settings_form[name=filter_users], .settings_form[name=edit_user]{
	background: 0;
	border: 0;
	margin: 0;
	padding: 0;
}
.status_bar {
	clear: both;
	float: left;
	width: 840px;
	border: 1px solid;
	background: #EFF7FA;
	-moz-border-radius: 10px;
	border-radius: 10px;
	text-align: center;
	font-weight: bold;
	margin-top: 1em;
	margin-bottom: 2em;
	border-spacing: 0;
	padding:0;
}
.status_bar td {
	margin:0;
	padding:0;
}
.status_bar.view td {
	padding:10px;
}
.status_bar a {
	color: black;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: 10px;
	display: block;
}
.status_bar .completed {
	background: #0D0D6B;
	color: white;
}
.status_bar .completed a {
	color: white;
}
.status_bar td:first-child {
	border-top-left-radius: 10px;
	-moz-border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;
	-moz-border-bottom-left-radius: 10px;
}
.status_bar .current {
	border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-bottom-right-radius: 10px;
	background: #0D0D6B;
	color: white;
}
.status_bar .current a {
	color: white;
}

/*Page permissions*/

ul.page_permissions {
	width: 100%;
	padding: 0px;
}

.page_permissions li {
	margin-bottom: 5px;
	padding: 10px;
	border: 1px solid #0D0D6B;
	background: #EFF7FA;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	width: 100%;
}

.page_permissions .file_name {
	float: left;
}

.icon {
	padding: 10px;
	display: inline-block;
	background-repeat:no-repeat;
	background-position: right;
	margin-bottom: -5px;
}

.toggle_children.closed {
	background: url('/sales/global/images/icons/closed.png') no-repeat;
}

.toggle_children.open {
	background: url('/sales/global/images/icons/open.png') no-repeat;
}

.document_icon {
	background: url('/sales/global/images/icons/document.png') no-repeat;
}

.linked_document_icon {
	background: url('/sales/global/images/icons/linked_document.png') no-repeat;
}

.folder_icon {
	background: url('/sales/global/images/icons/folder.png') no-repeat;
}

.expand_icon{
	background: url('/sales/global/images/icons/expand.png') no-repeat;
	cursor: pointer;
}

.collapse_icon{
	background: url('/sales/global/images/icons/collapse.png') no-repeat;
	cursor: pointer;
}

.edit_icon {
	background: url('/sales/global/images/icons/gear_16.png') no-repeat;
	cursor: pointer;
	float: right;
	margin-right: 10px;
}

.page_permissions .status {
	margin-right: 10px;
	float: left;
	width: 0px;
}

.info_icon {
	background: url('/sales/global/images/icons/info_16.png') no-repeat;
	cursor: help;
}

.gear_icon {
	background: url('/sales/global/images/icons/gear_16.png') no-repeat;
}

.plus_icon {
	background: url('/sales/global/images/icons/plus_16.png') no-repeat;
}


.warning_icon {
	background: url('/sales/global/images/icons/warning_16.png') no-repeat;
}

.lock_icon {
	background: url('/sales/global/images/icons/lock_16.png') no-repeat;
}

.link_icon {
	background: url('/sales/global/images/icons/right_16.png') no-repeat;
}

.key_icon {
	background: url('/sales/global/images/icons/key_16.png') no-repeat;
}

.tick_icon {
	background: url('/sales/global/images/icons/tick_16.png') no-repeat;
}

.save_icon {
	background: url('/sales/global/images/icons/save_16.png') no-repeat;
}

.user_icon {
	background: url('/sales/global/images/icons/user_16.png') no-repeat;
}

.block_icon {
	background: url('/sales/global/images/icons/block_16.png') no-repeat;
}

.delete_icon {
	background: url('/sales/global/images/icons/delete_16.png') no-repeat;
}

.trash_icon {
	background: url('/sales/global/images/icons/trash_16.png') no-repeat;
}

.reply_icon {
	background: url('/sales/global/images/icons/bubble_16.png') no-repeat;
}

.ios_camera_icon {
	background: url('/sales/global/images/icons/ios_camera.jpg') no-repeat;
}

.bug_icon {
	background: url('/sales/global/images/icons/bug_16.png') no-repeat;
	float: right;
	cursor: pointer;
	margin-bottom: 10px;
}

.php_error_icon {
	background: url('/sales/global/images/icons/warning_16.png') no-repeat;
	float: right;
	cursor: pointer;
	margin-bottom: 10px;
}

.php_error_count {
	float: right;
	margin-right: 5px;
	margin-bottom: 10px;
}

.php_valid_icon {
	background: url('/sales/global/images/icons/tick_16.png') no-repeat;
	float: right;
	cursor: pointer;
	margin-bottom: 10px;
}

.edit_permission {
	float: left;
	width: 100%;
}

.user_group table {
	border: 1px solid #0D0D6B;
	background: white;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	border-collapse: separate;
	margin: 5px;
}

.user_group table .group {
	background: #eee;
}

.user_group .group, .user_group .roles {
	text-transform: uppercase;
	font-size: .8em;
}

/*Role Settings*/

#role_settings, #category_settings {
	width: 100%;
	background-color: #EEEEEE;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 20px;
	float: left;
}

.role, .category { //could cause issues on the rest of the site, check em
	list-style: none;
	background-color: white;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 10px;
	cursor: pointer;
}

 #role_resource, #category_resource {
	width: 100%;
	margin: 20px;
	padding: 10px;
	background-color: #E1F3FA;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#role_settings #groups, #category_settings #groups {
	margin-top: 30px;
	float: left;
	width: 100%;
}

#role_settings .group, #category_settings .group {
	background-color: #B6FDB9;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
	float: left;
	width: 40%;
}

#role_settings ol, #role_resource ul, .role, #category_settings ol, #category_resource ul, .category {
	list-style-type: none;
}

#role_settings .group ol, #category_settings .group ol {
	min-height: 100px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: white;
	padding: 10px;
	margin-top: 5px;
}

#role_settings .group h2, #category_settings .group h2 {
	float: left;
	border-bottom: none;
}

#role_settings .remove_group, #category_settings .remove_group {
	z-index: 1001;
	cursor: hand;
}

#role_settings #add_group, #category_settings #add_group {
	float: left;
	clear: both;
}

#role_settings #role_resource ul, #category_settings #category_resource ul {
	min-height: 50px;
}

#role_settings .group .controls, #category_settings .group .controls {
	top: -25px;
}

#role_settings .group h3, #category_settings .group h3 {
	float: none;
}

#role_settings .group img, #category_settings .group img {
	float: right;
	padding: 3px;
}

#role_settings .group .ui-sortable li, #category_settings .group .ui-sortable li{
	list-style-type: lower-roman !important;
	display: list-item !important;
}

#role_settings .role_title, #category_settings .category_title {
	text-transform: uppercase;
}

#category_settings .category_fullname {
	font-weight: bold;
	font-size: 50%;
}


/*Orders gantt chart*/

.orderschart {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
}

.orderschart li {
    -moz-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 11px;
    background: #EFF7FA;
    border: 1px solid #0D0D6B;
    color: #0D0D6B;
    font-size: 1.2em;
    
    font-weight: bold;
    margin-bottom: 6px;
    padding: 3px 0;
    position: relative;
    text-align: center;
}

.orderschart li.linked_start {
	//border-bottom-left-radius: 0;
	border-top-left-radius: 0;
}

.orderschart li.linked_end {
	//border-bottom-right-radius: 0;
	border-top-right-radius: 0;
}


.orderschart a {
    text-decoration: none;
	color: inherit;
}

.orderschart .highlight{
    background: orange;
}

.orderschart .warning{
    background: red;
}

.orderschart li:hover {
    background: #0D0D6B;
    color: #fff;
}

#timeline_controls #timeline_zoom{
	float: left;
}

#timeline_wrapper {
	width: 100%;
	overflow-x: auto;
}

#timeline {
	position: relative;
	display: block;
	clear: both;
	padding-top: 50px;
	width: 100%;
}
#timeline h4 {
	z-index: 30;
	position: relative;
	text-indent: 10px;
}

#timeline #time .title {
	font-weight: bolder;
	padding-top: 10px;
}
ul#time {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px 0;
	position: absolute;
	z-index: 0;
	width: 100%;
	height: 100%;
	margin-top: -50px;
}

li#past {
    background: #bbb;
    float: left;
    position: relative;
    text-align: center;
    -moz-border-top-left-radius: 11px;
	border-top-left-radius: 11px;
	height: 100%;
	padding-top: 10px;
}

li#future {
    float: left;
	background: #eee;
    position: relative;
    text-align: center;
    -moz-border-top-right-radius: 11px;
	border-top-right-radius: 11px;
	height: 100%;
	padding-top: 10px;
}

ul#months {
    list-style-type: none;
    margin: 0;
    padding: 0;
/*	position: absolute;*/
	width: 100%;
/*	bottom: 0;*/
    
}

#months li {
    float: left;
    position: relative;
    text-align: center;
    -moz-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
	top: -50px;
}

#months .even {
    background: #ccc;
}

#months .odd {
    background: #ddd;
}

#months .current {
    padding-bottom: 10px;
    margin-bottom: 0;
}

ul#years {
    list-style-type: none;
    margin: 0;
    padding: 0;
/*	position: absolute;*/
	width: 100%;
/*	bottom: 0;*/
    
}

#years li {
    float: left;
    position: relative;
    text-align: center;
    -moz-border-bottom-right-radius: 6px;
    -moz-border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
    border-bottom-left-radius: 6px;
	height: 50px;
	line-height: 70px;
	vertical-align: text-bottom;
/*    margin-bottom: 30px;*/
}

#years .even {
    background: #888;
}

#years .odd {
    background: #999;
}

/*Order Docs*/

.order_documents{
    clear: both;
}

.order_documents .file_progress {
	color: gray;
	font-style: italic;
	padding-left: 20px;
}

.order_documents .error_message {
	color: red;
	font-style: italic;
	padding-left: 20px;
}

.upload {
	float: left;
	clear: left;
}

.upload .qq-uploader {
    background: #fff url("/images/famfamfam/icon_attachment.gif") left no-repeat;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #555;
    border-top: 1px solid #aaa;
	padding: 3px;
    padding-left: 20px;
}

.edit_progress_status {
	-moz-border-radius: 10px;
	border-radius: 10px;
    border: 1px;
    border-style: solid;
    border-color: #0D0D6B;
	color: black;
    padding: 15px;
	text-align: right;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	width: 160px;
	background: #fff url("/images/famfamfam/page_bookmark.gif") 15px 15px no-repeat;
}
.sub-location {
	width: 100%;
	float: left;
	clear: both;
	margin-bottom: 1em;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.sub-location h5 {
	background: #0D0D6B;
	color: white;
	width: 100%;
	margin:0;
	text-indent: 1em;
	font-size: 1.2em;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.sub-location:nth-child(2n) {
	background: #eee;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
table.catalogue.totals .na {
	color: #fff;
}
#order_documents ul li {
    list-style: none;
}
form[name=filter], #edit_actions {
	float: left;
	width: 100%;
	clear:both;
}
hr {
	float: left;
	width: 100%;
	clear: both;
}  
    
.settings_dmc img {
    width: 50px;
    float: left;
}

.settings_dmc div {
    width: 60px;
    margin: 10px;
    float: left;
    padding: 10px;
}

.settings_dmc div input {
    float: left;
}

.settings_dmc #just_added{
    border: 1px solid red;
    width: 350px;
    height: 50px;
    
}

.settings_dmc #just_added p{
    clear: left;
    
}

/*Settings*/

#template_name {
	width: 100%;
	margin: 20px;
	padding: 10px;
	background-color: #E1F3FA;
	-moz-border-radius: 10px;
	border-radius: 10px;
	font-size: 120%;
}

#template_name_heading {
	font-size: 200%;
	font-weight: bolder;
	color: #0D0D6B;
	padding: 10px;
}

#templates {
	width: 100%;
	background-color: #EEE;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 20px;
	float: left;
}

.template {
	width: 90%;
	background-color: #B6FDB9;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin: 10px;
	padding: 20px;
	float: left;
}

.template .catalogue_list, .template .reseller_list {
	width: 90%;
	background-color: white;
	-moz-border-radius: 10px;
	border-radius: 10px;
	min-height: 50px;
	padding: 10px;
	float: left;
}

.template .reseller_list {
	background-image: url('/sales/global/images/gray-white-background-stripe.png');
}

.template h3 {
	float: left;
	width: auto;
}

.template .version {
	float: left;
	clear: both;
}

.template .edit_template, .template .delete_template, .template .show_preview {
	float: right;
	margin-left: 10px;
}

#new_template_button {
	color: #0D0D6B;
	font-size: 1.5em;
	background-color: white;
	border: 2px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	padding-right: 20px;
	display: block;
	width: 117px;
	margin: 5px;
	cursor: pointer;
	background-image:url('/sales/global/images/icons/document_pencil_16.png');
	background-repeat:no-repeat;
	background-position: right;
	text-decoration: none;
}

#template_cloner li {
	background-color: white;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	padding-right: 40px;
	margin: 10px;
	list-style: none;
	display: inline-block;
	cursor: pointer;
	background-image:url('/sales/global/images/icons/wand_16.png');
	background-repeat:no-repeat;
	background-position: 90%;
	
}

.template_preview {
	width: 400px;
	background-color: #EEE;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 50px;
	padding: 10px;
	float: left;
	position: absolute;
	left: 700px;
	font-size: 0.7em;
	height: 400px;
	overflow: auto;
}

.template_preview div {
	float: left;
}

.template_preview .step{
	width: 90%;
	background-color: #B6FDB9;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding: 5px;
	margin-bottom: 5px;
}

.template_preview ul{
	width: 90%;
	background-color: white;
	-moz-border-radius: 5px;
	border-radius: 5px;
	min-height: 50px;
	padding: 5px;
	margin-bottom: 3px;
	float: left;
}

.template_preview span {
	float: left;
	clear: left;
	font-size: 120%;
}

.template_preview .step_name {
	text-transform: uppercase;
	color: #727272;
}

.template_preview .item{
	width: 90%;
	background-color: white;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 3px;
	list-style: none;
	border: 1px solid #0D0D6B;
	margin-bottom: 2px;
}

#catalogues {
	width: 100%;
	background-color: #E1F3FA;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 10px;
	padding: 20px;
}

#catalogues ul {
	width: 70%;	
	padding: 10px;
}

.catalogue_drag, .template .reseller {
	list-style: none;
	//font-size: 120%;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 2px;
	margin: 5px;
	cursor: pointer;
	background: white;
}

div#actions {
	width: 100%;
	margin: 20px;
	padding: 10px;
	background-color: #E1F3FA;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

li.action {
	list-style: none;
	background-color: white;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 10px;
	cursor: pointer;
}

li.checkitem {
	list-style: none;
	background-color: white;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 10px;
	cursor: pointer;
}

.save_changes, .save_status_changes, .save_order_changes, #save_template_details {
	color: #0D0D6B;
	font-size: 1.5em;
	background-color: white;
	border: 2px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
	float: right;
/*	margin-top: -10px;*/
}

#send_progress {
	color: #0D0D6B;
	font-size: 1.5em;
	background-color: white;
	border: 2px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin: 5px;
	cursor: pointer;
	float: right;
	margin-top: -10px;
}

#set_drag_drop {
	width: 100%;
	background-color: #EEEEEE;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 20px;
}

#set_drag_drop #steps {
	margin-top: 30px;
}

#set_drag_drop .step {
	background-color: #B6FDB9;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 10px;
	margin: 10px;
}

#set_drag_drop .step ol {
	min-height: 100px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: white;
	padding: 10px;
	margin-top: 5px;
}

#set_drag_drop .step h2 {
	float: left;
	border-bottom: none;
}

#set_drag_drop .remove_action {
	z-index: 1001;
	cursor: hand;
}

#set_drag_drop #actions ul {
	min-height: 50px;
}

#set_drag_drop .action_used {
	background-color: #B6FDB9 !important;
	cursor: no-drop !important;
}

#set_drag_drop .action_title {
	font-size: 1.3em;
}

#set_drag_drop .action_required {
	float: right;
}

#set_drag_drop .checkitem_title {
	font-size: 1.3em;
}

#set_drag_drop .checkitem_required {
	float: right;
}

#set_drag_drop .step .controls {
	top: -25px;
}

#set_drag_drop .step h3 {
	float: none;
}

#set_drag_drop .step img {
	float: right;
	padding: 3px;
}

#set_drag_drop .step .ui-sortable li{
	list-style-type: lower-roman !important;
	display: list-item !important;
}



/*Custom Constructs*/


/*FORM*/

#new_project_form {
	font-size: 1.5em;
}

#new_project_form input, #new_project_form textarea{
	float: left;
	clear: left;
	margin-bottom: 10px;
}

#new_project_form span, #new_project_form label, #new_project_form small  {
	float: left;
}

#new_project_form .input_title {
	clear: left;
	font-weight: bolder;
}

#new_project_form textarea {
	width: 98%;
	height: 500px;
}

/*Project Managment*/

#timeline_controls #edit_timeline {
	padding: 16px;
	background-repeat:no-repeat;
	background-image: url('/sales/global/images/icons/gear_32.png');
	background-size: 80%;
	float: right;
	cursor: pointer;
}

#timeline_controls #add_item {
	padding: 16px;
	background-repeat:no-repeat;
	background-image: url('/sales/global/images/icons/plus_32.png');
	background-size: 80%;
	float: right;
	cursor: pointer;
}

#timeline_controls #auto_refresh {
	padding: 16px;
	background-repeat:no-repeat;
	
	background-size: 80%;
	float: right;
	cursor: pointer;
}
#timeline_controls #auto_refresh.on {
	background-image: url('/sales/global/images/icons/reload_32.png');
}

#timeline_controls #auto_refresh.off {
	background-image: url('/sales/global/images/icons/reload_32_bw.png');
}

#timeline .item_content{
	white-space: nowrap;
}


#timeline .item_enum{
	color: #222222;
	padding-right: 5px;
}

#timeline .controls {
/*	float: right;*/
	display: inline;
	position: static;
	bottom: 0;
	cursor: pointer;
/*	padding-right: 10px;*/
/*	margin-left: -50px;*/
}

/*Correspondence*/



.toggledetails {
	cursor: pointer;
	color: black;
	text-decoration: underline;
}
#correspondence .info .description{
	overflow: hidden;
}

#correspondence .info .description .stage_description_toggle{
	float: right;
}

#correspondence .info .description p {
	white-space: pre-wrap;
	text-transform: none !important;
}

#correspondence .info .description textarea {
	width: 100%;
}

#correspondence .edit_stage_description {
	cursor: pointer;
}

#correspondence .add_prereq {
	cursor: pointer;
}

#correspondence .prereqs_outstanding {
	color: gray;
}

#correspondence .reply_icon {
	float: right;
	background-position: 5px 50%;
	padding: 5px;
	padding-left: 25px;
	background-color: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#correspondence .ios_camera_icon {
	float: right;
	background-position: 5px 50%;
	padding: 5px;
	padding-left: 25px;
	background-color: #fff;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.reply_icon {
	cursor: pointer;
}

#correspondence .comment .e_number {
	float: right;
	padding: 5px;
	font-weight: bolder;
}

#correspondence div.comment {
	background-color: #EFF7FA;
	border: 1px solid #0D0D6B;
}

#correspondence .comment table.entry_header {
	width: 100%;
	border-bottom: 1px solid #7F7F7F;
	margin-top: -1px;
}

#correspondence .comment table.entry_header td {
	border: none;
	padding: 0px;
	background: none;
	width: auto;
	text-transform: none;
	padding-left: 5px;
}

#correspondence .comment table.entry_header th {
	color: #7F7F7F;
	text-align: right;
	width: 50px;
}

#correspondence .comment table.entry_header .flags {
	font-weight: bold;
}

#correspondence .newComment {
	background-color: #F5F7F5 !important;
	border: 1px solid #CCC;
}

#new_project_prompt {
	font-size: 1.5em;
	background-color: #F5F7F5;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	float: left;
	padding: 15px;
}

#new_project_prompt #start_project {
	background-color: #EFF7FA;
	border: 1px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor: pointer;
	padding: 10px;
	margin-left: 20px;
}

#new_project_prompt #start_project:hover{
	background-color: #0D0D6B;
	color: white;
}

#project_info {
	background-color: #F5F7F5;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
}

#project_members, #project_brief, #entry_index {
	float: left;
	clear: both;
	margin-bottom: 30px;
	width: 100%;
	background-color: #F5F7F5;
	border: 1px solid #CCC;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 15px;
	font-size: 1.2em;
}

#project_brief {
	overflow: hidden;
}

#project_brief_toggle {
	float: right;
}

#project_brief p {
	white-space: pre-wrap;
	display: inline;
	float: left;
	margin-top: 0px;
}

#project_brief textarea {
	width: 100%;
}

#project_brief #edit_brief{
	padding: 5px;
	padding-left: 35px;
	background-repeat:no-repeat;
	background-image: url('/sales/global/images/icons/gear_32.png');
	background-size: 25%;
	float: left;
	cursor: pointer;
}

#add_project_members {
	color: #0D0D6B;
	background-color: white;
	border: 2px solid #0D0D6B;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	padding-right: 30px;
	margin: 5px;
	cursor: pointer;
	float: left;
	
	background-repeat:no-repeat;
	background-image: url('/sales/global/images/icons/gear_16.png');
	background-position: 95% 50%;
}

ul#project_categories {
	padding-left: 0px;
}

ul#project_categories > li {
/*	background-color: white;*/
	border: 2px solid gray;
	width: 95%;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px;
	margin-bottom: 5px;
}

ul#project_categories > li > span {
	text-transform: uppercase;
	font-weight: bold;
	color: gray;
}

#project_categories li{
	clear: left;
	float: left;
	list-style-type: none;
}

.index_entry {
	
	padding-left: 10px;
	display: block;
	float: left;
	clear: both;
	width: 95%;
	color: black;
	border-left: 1px dotted black;
	margin-left: 10px;
}

.index_entry .files {
	background: url("/images/famfamfam/icon_attachment.gif") no-repeat;
	background-position: 5px 50%;
	padding-left: 20px;
}

.index_stage {
	display: block;
	float: left;
	clear: both;
	width: 95%;
	border: 1px solid gray;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 10px;
	padding: 10px;
	
}

.toggle_children {
	color: gray;
	cursor: pointer;
	padding-left: 5px;
}

/*TOOLTIPS*/

.tooltip_placeholder {
	position: relative;
	width: 0px;
	height: 0px;
	white-space:nowrap;
	display: inline;
	z-index: 1500;
	text-decoration: none;
}

.tooltip_boundary {
	position: absolute;
	width: 300px;
	z-index: 1500;
	top: 0px;
	text-decoration: none;
}

.tooltip_border {
	z-index: 100;
	background: url(/sales/global/images/tooltip_arrow.png) no-repeat;
	padding-left: 35px; /*left offset*/
	background-position: 16px 0px;
	float: left;
	z-index: 1500;
	text-decoration: none;
}

.tooltip {
	padding: 8px;
	color: #A97D35;
	background: #FBF98E;
	-moz-border-radius: 0px 8px 8px 8px;
	border-radius: 0px 8px 8px 8px;
	border: 6px solid #F9E98E;
	font-size: 12px;
	text-transform: none;
	z-index: 1500;
	text-decoration: none;
	display: block;
	font-weight: normal;
	max-width: 400px;
	white-space: normal;
}

a .tooltip {
	text-decoration: none;
//	color: red;
}


/*Bug form*/

.bug_form h3, .bug_form textarea, .bug_form input {
	float: left;
	clear: both;
}

.bug_form li {
	list-style-type: none;
	float: left;
	clear: left;
}

.bug_form textarea {
	width: 350px;
	height: 150px;
}

.bug_form h3 {
	clear: left;
	margin: 0px;
	width: auto;
}

.bug_form .validation_notice {
	font-weight: bold;
	float: left;
	clear: none;
	color: red;
	margin-left: 10px;
}

.bug_form #bug_info {
	height: 80px;
}