/* 
Title: Intranet CSS
Author: Jose Pablo Olivares-Hatch
Version: 1.0.0
Date: 13/07/11
---
REVISION HISTORY
---
110713 - 1.0.0 first build
*/
@charset "utf-8";

body {
	background-color:#CCC;
	/*background-image:url(../media/doc/background_01.jpg);*/
	background-attachment:fixed;
	font:0.8em Arial, Helvetica, "bitstream vera sans", sans-serif;
	color:#333;	
}

a {
	text-decoration:none;
	color:#000;
}

#wrapper {
	height:auto;
	margin:0 auto;
	width:975px;	
}

header {
	background: rgb(51, 51, 51);
   	background: rgba(255, 255, 255, 0.3);
	overflow:auto;
}

.loading {
	cursor:wait;
}

#logo {
	position:relative;
	float:left;
	text-align:center;
	padding:5px;
}

#logo-text {
	font-size:1em;
	letter-spacing:10px;
	margin-left:10px;
}

#login-box {
	position:relative;
	float:right;
	padding:5px;
}

.login-link {
	text-decoration:underline;
	cursor:pointer;
}

nav {
	clear:both;
	overflow:auto;
}

nav ul {
	overflow:auto;
	margin:0px;
	margin-top:5px;
	padding:0px;
}

nav li {
	list-style: none;
	float:left;
	padding:5px;
	padding-right:5px;
	cursor:pointer;
}

nav li:hover {
	text-decoration:underline;
}

.nav-selected-li {
	background: rgb(51, 51, 51);
   	background: rgba(255, 255, 255, 0.5);	
}

.lower {
	padding:5px;
	margin-top:0px;
	background: rgb(51, 51, 51);
   	background: rgba(255, 255, 255, 0.4);
}

.lower > li {
	padding:0px;
	padding-right:15px;
}

.side {
	background: rgb(51, 51, 51);
   	background: rgba(255, 255, 255, 0.5);
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	padding:5px;
}

#left-side {
	overflow:auto;
	position:relative;
	float:left;
	width:642px;
}

#right-side {
	overflow:auto;
	position:relative;
	float:right;
	width:302px;
}

#main-side {
	overflow:auto;
	position:relative;
	float:right;
	width:965px;
}

#lower-right-side {
	overflow:auto;
	position:relative;
	float:right;
	/*width:302px;*/
	width:285px;
	margin-top:0px;
}

footer {
	overflow:auto;
	position:relative;
	clear:both;
	padding:5px;
	background: rgb(51, 51, 51);
   	background: rgba(255, 255, 255, 0.3);
	text-align:left;
	font-size:0.7em;
}

IMG.standard {
	border:1px solid Gray;
	float:left;
	margin:4px;
	position:relative;
	height:150px;
	width:150px;
}

IMG.final {
	border:2px solid #0F0;
	float:left;
	position:relative;
	height:150px;
	width:150px;
}

IMG.wip {
	border:2px solid #F90;
	float:left;
	position:relative;
	height:150px;
	width:150px;
}

.image-div {
	float:left;
	position:relative;
	overflow:hidden;
	width:154px;
	height:154px;
	margin:3px;
	clear:none;
}

.image-div > p {
	text-shadow:1px 1px 3px black;
	font-size:1.25em;
	z-index:1000;
	color:white;
	position:absolute;
	top:-10px;
	right:5px;
}

.image-div:hover {
	-moz-box-shadow: 0px 0px 10px white;
	-webkit-box-shadow: 0px 0px 10px white;
	box-shadow: 0px 0px 10px white;
}


.icon-link {
	position:absolute;
	left:10px;
	top:10px;
}

.icon-original { 
	width: 16px;
	height: 16px;
	background-position: -208px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	border:none;
}

.icon-wip {
	position:absolute;
	left:25px;
	top:10px;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -192px -112px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	border:none;
}

.loading-spinner {
	position:absolute;
	right:10px;
	top:10px;
	width: 16px;
	height: 16px;
	background-image: url(ajax-loader.png);
}

.loading-scroll-spinner {
	position:absolute;
	right:25px;
	top:10px;
	width: 16px;
	height: 16px;
	background-image: url(ajax-loader.png);
}

.loading-spinner-replace {
	width: 16px;
	height: 16px;
	margin-left:5px;
	background-image: url(ajax-loader.png);
}

.indicator-tick {
	width: 16px;
	height: 16px;
	margin-left:5px;
	background-image: url(tick.png);
}

.indicator-cross {
	width: 16px;
	height: 16px;
	margin-left:5px;
	background-image: url(cross.png);
}

/*-----*/
/*VIEWS*/
/*-----*/

.view-header {
	float:left;
	width:100%;
}

.view-box {
	border:1px solid Gray;
	float:left;
	margin:4px;
	position:relative;
	height:150px;
	width:150px;
	text-shadow:1px 1px 3px black;
	font-size:1.25em;
	cursor:pointer;
	color:#777;
}

.view-box:hover {
	-moz-box-shadow: 0px 0px 10px white;
	-webkit-box-shadow: 0px 0px 10px white;
	box-shadow: 0px 0px 10px white;
}

/*-----------*/
/*COLLECTIONS*/
/*-----------*/

.collection-box {
	border:1px solid Gray;
	float:left;
	margin:4px;
	position:relative;
	height:150px;
	width:150px;
	text-shadow:1px 1px 3px black;
	font-size:1.25em;
	cursor:pointer;
	overflow:hidden;
}

.collection-box:hover {
	-moz-box-shadow: 0px 0px 10px white;
	-webkit-box-shadow: 0px 0px 10px white;
	box-shadow: 0px 0px 10px white;
}

#upper {
	overflow:auto;
	min-height:456px;
	height:456px;
}

#upper-vote {
	overflow:auto;
}

#upper-resizer {
	border-bottom:white dotted medium;
	min-height:456px;
	height:456px;
}

#lower {
	overflow:auto;
	min-height:350px;
	height:350px;
}

#collection-search {
	width:227px;
}

#new-collection-name {
	width:229px;
}

.delete-media {
	position:absolute;
	left:5px;
	bottom:10px;
	cursor:pointer;
}

.cover {
	position:absolute;
	right:5px;
	bottom:5px;
	text-shadow:1px 1px 3px black;
	font-size:1.25em;
	cursor:pointer;
	color:grey;
}

.cover:hover {
	color:white;	
}

.cover-selected {
	color:white;
	text-shadow:0px 0px 3px white;
}

/*--------*/
/*CONTESTS*/
/*--------*/

.contest-box {
	width: (100% - 10px);
	border:thin solid gray;
	margin:5px;
	padding:5px;
}

.contest-status {
	float:right;
	font-style:italic;
	color:#999;
}

.contest-edit {
	float:right;
	color:white;
	margin-left:5px;
	cursor:pointer;
}

.contest-edit:hover {
	color:orange;
}

.contest-results {
	float:right;
	color:white;
	margin-left:5px;
	cursor:pointer;
}

.contest-results:hover {
	color:orange;
}

.contest-vote {
	float:right;
	color:white;
	margin-left:5px;
	cursor:pointer;
}

.contest-vote:hover {
	color:orange;
}

#edit-contest-name {
	width:215px;
}

#new-contest-name {
	width:229px;
}

/*------------------*/
/*FANCYBOX OVERRIDES*/
/*------------------*/

#fancybox-outer {
	border:1px solid grey;	
}

.fancybox-title-inside {
	color:#FFF;	
}

/*--------*/
/*HOLIDAYS*/
/*--------*/

.hol_year{
	border:1px solid #CCC;
	background-color:#666;
	text-align:center;
	width:851px;
}

.ps_header{
	border:1px solid #CCC;
	background-color:#666;
	text-align:center;
	width:788px;
}

.hol_month_header{
	border:1px solid #CCC;
	background-color:#666;
	text-align:center;
	border-top:none;
	width:200px;
	display:inline-block;
}

.hol_month{
	border:1px solid #CCC;
	background-color:#555;
	text-align:left;
	border-top:none;
	width:200px;
	display:inline-block;
}

.hol_day_header{
	border:1px solid #CCC;
	background-color:#666;
	text-align:center;
	border-top:none;
	border-left:none;
	width:20px;
	display:inline-block;
}

.hol_day{
	border:1px solid #CCC;
	background-color:#333;
	text-align:center;
	border-top:none;
	border-left:none;
	width:20px;
	cursor:pointer;
	display:inline-block;
}

.hol_day_weekend{
	background-color:#666;
}

.hol_day_pending{
	background-color:#FF9900;
}

.hol_day_weekend_pending{
	background-color:#D98200;
}

.hol_day_approved{
	background-color:#3C0;
}

.hol_day_weekend_approved{
	background-color:#390;
}

.hol_day_declined{
	background-color:#F00;
}

.hol_day_weekend_declined{
	background-color:#D10034;
}

.hol_day_blank{
	border:1px solid #CCC;
	background-color:#000;
	text-align:center;
	border-top:none;
	border-left:none;
	width:20px;
	display:inline-block;
}

.hol_button{
	border:1px solid #CCC;
	border-top:none;
	border-left:none;
	background-color:#222;
	text-align:center;
	width:100px;
	cursor:pointer;
	display:inline-block;
}

.hol_button_hover{
	background-color:#777;
}

.hol_button_first {
	border-left:1px solid #CCC;
	width:99px;
}

.hol_button_control {
	width:104px;
}

.hol_button_select{
	background-color:#FF9900;
}

#hol_lower_controls {
	margin-top:10px;
	width:853px;
	padding:0px;
	height:20px;
}

#hol_date_info {
	position:relative;
	float:left;
}

#hol_select_user{
	position:relative;
	float:right;
}

#hol_display_modes{
	clear:both;
	position:relative;
	float:right;
	margin-right:111px;
}

.hol_back_time {
	float:left;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -96px -16px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
}

.hol_forward_time {
	float:right;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -16px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
}

.hol_project {
	cursor:default;
}

.hol_selectable {
	display:inline-block;
}

.ui-selecting {
	background-color:#00F;
}

.ui-selectee:hover {
	background-color:#00F;
}

.hol_today {
	background-color:#90F;
}

/*--------------*/
/*GALLERY SEARCH*/
/*--------------*/

#project-select {
	width:233px;	
}

#client-select {
	width:241px;	
}

/*------*/
/*VOTING*/
/*------*/

#voting_area{
	text-align:center;
}

#star_container{
	border:1px solid #999;
	padding:1px;
	margin:0 auto;
	height:30px;
	width:300px;
	margin-top:5px;
}

.stars{
	display:inline-block;
	width:30px;
	height:30px;
	cursor:pointer;
}

.star_blank{
	background-image: url(voting/star_blank.png);	
}

.star_blank_hover{
	background-image: url(voting/star_blank_hover.png);	
}

.star_selected{
	background-image: url(voting/star_selected.png);	
}

.star_selected_hover{
	background-image: url(voting/star_selected_hover.png);	
}

.vote_container{
	width:985px;
	height:750px;
}

/*--------*/
/*PROJECTS*/
/*--------*/

.project-box {
	border:thin solid white;
	margin-bottom:10px;
	overflow:inherit;
}

.project-upper {
	border-bottom:thin solid #999;
}

.project-middle {
	overflow:inherit;	
}

.project-lower {
	border-top:thin solid #999;
	background-color:#AAA;
	overflow:inherit;
}


.project-live {
	background-color:#090;
}

.project-live-arch {
	background-color:#040;	
}

.project-complete {
	background-color:#0AF;
}

.project-complete-arch {
	background-color:#006;	
}

.project-abandonded {
	background-color:#C00;
}

.project-abandonded-arch {
	background-color:#300;	
}

.project-pending {
	background-color:#C60;
}

.project-pending-arch {
	background-color:#960;	
}

.project-status {
	float:right;
	font-style:italic;
	margin-right:5px;
}

.project-manager {
	float:left;
	font-style:italic;
	margin-left:5px;
}

.project-button {
	background-image: url("jquery/images/ui-icons_bbbbbb_256x240.png");
    background-position: -176px -112px;
    height: 16px;
    width: 16px;
	cursor:pointer;
	float:right;
	text-shadow: 0px 0px 1px white;
	text-align:right;
	font-size:1em;
	padding:1px;
}

.edit-details {
    background-position: -176px -112px;
}


.project-quotes {
	background-position: -128px -96px;
}

.project-invoices {
	background-position: -32px -96px;
}

.project-notes {
	background-position: -64px -112px;
}

.project-details-title {
	float:left;
	clear:both;
	margin-top:3px;
}

.project-name-input {
	background:transparent;
	border:1px solid grey;
	color:black;
}

.project-manager-select {
	float:left;
	width:300px;	
}

.project-status-select {
	float:left;
	width:100px;	
}

.project-archive-select {
	float:left;
	width:50px;	
}

.project-table{
	border:none;
}

.quote-list-button {
	background:none;
	border:1px solid grey;
	color:white;
	width:75px;
	cursor:pointer;
	margin:1px;
}

.quote-list-button:hover {
	color:#CCC;
}

.quote-status-cell{
	/*width:110px;*/
	text-align:center;
}

.quote-currency-cell{
	width:110px;
}

.new-quote-button {
	float:left;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	padding:1px;
}

.invoice-list-button {
	background:none;
	border:1px solid grey;
	color:white;
	width:75px;
	cursor:pointer;
	margin:1px;
	color: #000;
}

.invoice-list-button:hover {
	color:#CCC;
}

.invoice-status-cell{
	/*width:110px;*/
	text-align:center;
}

.invoice-currency-cell{
	width:110px;
}

.new-invoice-button {
	float:left;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	padding:1px;
}

.project-new-client-select {
	width:250px;
}

.project-new-name {
	width:250px;
}

#project-new-button {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid grey;
    color: white;
    cursor: pointer;
    margin: 1px;
    width: 100px;
}

#project-new-button:hover {
	color:#CCC;
}

#project-notes-text {
	background:none;
	border:1px solid grey;
	color:#FFF;
	font:1.0em Arial, Helvetica, "bitstream vera sans", sans-serif;
	margin:2px;
	width:634px;
	height:300px;
}

.project-button-integrity {
	background: none repeat scroll 0 0 transparent;
    border: 1px solid grey;
    color: white;
    cursor: pointer;
    margin: 1px;
    width: 100px;	
}

.project-button-upload {
	background: none repeat scroll 0 0 transparent;
    border: 1px solid grey;
    color: white;
    cursor: pointer;
    margin: 1px;
    width: 100px;	
}

/*----------*/
/*EDIT QUOTE*/
/*----------*/

.quote {
	color:black;
	background-color:#FFF;
	border:1px solid #999;
	/*height:1339px;*/
	height:auto;
}

#quote-header {
	width:963px;
	height:171px;
}

.inner-quote{
	height:auto;
	margin:0 auto;
	width:670px;
	margin-top:15px;
	font-size:1.25em;
}

.quote-right{
	float:right;
}

.description-text {
	width:670px;
	display:block;
	float:right;
	position:relative;
}

.input-description {
	background-color:#FFF;
	border:1px dashed #999;
	padding:1px;
	font-family:Arial, Helvetica, sans-serif;
	margin-bottom:20px;
	resize:none;
}

.template-button {
	position:absolute;
	bottom:2px;
	right:2px;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	border:none;
}

.quote-line{
	margin-top:0px;	
	border:1px solid black;
}

.quote-edit {
	color:black;
	cursor:pointer;
	border:1px dashed #999;
	padding:1px;
	margin-left:-2px;
}

.quote-edit:hover {
	color:#555;
}

.input-quote {
	background-color:#FFF;
	color:#000;
	margin:0px;
	width:200px;
	border:1px dashed #999;
}

.task-list {
	width:100%;
	clear:both;
	list-style:none;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.task-list li {
	margin-bottom:10px;
	border:1px dashed #999;
	padding:3px;
	background-color:#FFF;
	position:relative;
}

.quote-task-descriptor{
	margin-left:60px;
}

.task-name {
	width:400px;
}

.add-task-button {
	float:right;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	padding:1px;
}

.add-contact-button {
	float:left;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	padding:1px;
	margin-top:3px;
}

.delete-contact-button {
	float:right;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -64px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	padding:1px;
	margin-top:1px;
}

.quote-contact {
	float:left;
	clear:both;
}

#quote-client {
	float:left;
	clear:both;
	width:100%;
}

#quote-project-details {
	float:left;
	clear:both;
	width:100%;
}

.quote-contact-select {
	height:250px;
	width:260px;
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

.quote-client-select {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

.quote-description {
	float:left;
	clear:both;
}

#task-name {
	width:458px;
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

#task-volume {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

#task-type {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

#task-level {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

#task-price {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}
#task-discount {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}
.quote-task-name {
	display:inline-block;
	overflow:auto;	
}

.quote-task-price {
	float:right;
}

.quote-task-descriptor {
	margin-left:60px;
}

.edit-task-button {
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
    background-position: -64px -112px;
    border: medium none;
    bottom: 1px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 20px;
    width: 16px;	
}

.delete-task-button {
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
    background-position: -64px -128px;
    border: medium none;
    bottom: 1px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 5px;
    width: 16px;	
}

.unique-task-button {
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
    background-position: -240px -112px;
    border: medium none;
    bottom: 1px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 35px;
    width: 16px;	
}

#project-task {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

#quote-totals {
	border: 1px dashed #999999;
	position:relative;
    width: 100%;
	min-height:18px;
}

.quote-totals-button {
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
    background-position: -48px -96px;
    border: medium none;
    bottom: 1px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 5px;
    width: 16px;	
}

#totals-discount-override {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
	width:50px;
	text-align:right;
}

#totals-upfront {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
	width:50px;
	text-align:right;
}
.small_inv_field
{
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
	width:50px;
	text-align:right;
}

.sign-fax {
	font-size:0.75em;
}

.sign-write {
	margin-top:10px;
}

.pdf-footer {
	margin-top:15px;
	margin-bottom:15px;
	font-size:0.6em;
	text-align:center;
}

.quote-publish-button {
	background:none;
	border:1px solid #999;
	color:white;
	width:75px;
	cursor:pointer;
	margin-top:5px;
}

.quote-publish-button:hover {
	color:#CCC;
}

.quote-discount-upfront {
	clear:left;
	width:500px;
}

/*------------*/
/*EDIT INVOICE*/
/*------------*/

.invoice {
	color:black;
	background-color:#FFF;
	border:1px solid #999;
	/*height:1339px;*/
	height:auto;
}

#invoice-header {
	width:963px;
	height:171px;
}

.inner-invoice{
	height:auto;
	margin:0 auto;
	width:670px;
	margin-top:15px;
	font-size:1.25em;
}

.invoice-right{
	float:right;
}

.invoice-line{
	margin-top:0px;	
	border:1px solid black;
}

.invoice-contact {
	float:left;
	clear:both;
}

.invoice-edit {
	color:black;
	cursor:pointer;
	border:1px dashed #999;
	padding:1px;
	margin-left:-2px;
}

.invoice-edit:hover {
	color:#555;
}

.input-invoice {
	background-color:#FFF;
	color:#000;
	margin:0px;
	width:200px;
	border:1px dashed #999;
}

.invoice-contact {
	float:left;
	clear:both;
}

#invoice-client {
	float:left;
	clear:both;
	width:100%;
}

#invoice-project-details {
	float:left;
	clear:both;
	width:100%;
}

.invoice-contact-select {
	height:250px;
	width:260px;
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

.invoice-client-select {
	background:none repeat scroll 0 0 #000000;
	border:1px solid #666666;
	color:#FFFFFF;
}

.invoice-publish-button {
	background:none;
	border:1px solid #999;
	color:white;
	width:75px;
	cursor:pointer;
	margin-top:5px;
}

.invoice-publish-button:hover {
	color:#CCC;
}

.invoice-task-name {
	display:inline-block;
	overflow:auto;	
}

.invoice-task-price {
	float:right;
}

.invoice-task-descriptor {
	margin-left:60px;
}

#invoice-totals {
	border: 1px dashed #999999;
	position:relative;
    width: 100%;
	min-height:18px;
}

.invoice-totals-button {
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
    background-position: -48px -96px;
    border: medium none;
    bottom: 1px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 5px;
    width: 16px;	
}

.invoice-payment-terms {
	font-size:0.8em;
	margin-bottom:10px;
}

.invoice-payment-details {
	font-size:0.75em;	
}

/*-----------*/
/* SCHEDULER */
/*-----------*/

#scheduler-dialog {
	width:964px;
}

.ps_header{
	border:1px solid #CCC;
	background-color:#666;
	text-align:center;
	width:962px;
}

#scheduler-dialog .hol_month {
	width:374px;
}

#scheduler-dialog .hol_month_header {
	width:374px;
}


/*---------*/
/* CLIENTS */
/*---------*/

#client-new-button {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid grey;
    color: white;
    cursor: pointer;
    margin: 1px;
    width: 100px;
}

#client-new-button:hover {
	color:#CCC;
}

.client-box {
	border:thin solid white;
	margin-bottom:10px;
	overflow:inherit;
}

.client-upper {
	border-bottom:thin solid #999;
	background-color:#090;
}

.client-middle {
	overflow:inherit;	
}

.client-lower {
	border-top:thin solid #999;
	background-color:#666;
	overflow:inherit;
}

.client-button {
	background-image: url("jquery/images/ui-icons_bbbbbb_256x240.png");
    background-position: -176px -112px;
    height: 16px;
    width: 16px;
	cursor:pointer;
	float:right;
	text-shadow: 0px 0px 1px white;
	text-align:right;
	font-size:1em;
	padding:1px;
}

.client-contacts {
	background-position: -192px -128px;
}

.client-details-title {
	float:left;
	clear:both;
	margin-top:3px;
}

.client-all-input {
	background:transparent;
	border:1px solid grey;
	color:white;
}

.client-contact-name {
	width:200px;
}

.client-contact-email {
	width:258px;
}

.client-contact-phone {
	width:175px;
}

.contact-table {
	border-collapse:collapse;
}

.contact-table-row-alt {
	background: rgb(51, 51, 51);
   	background: rgba(255, 255, 255, 0.3);
}

.contact-dialog-span {
	float:left;
	clear:both;
	margin-bottom:5px;
}

.new-contact-button {
	float:left;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	padding:1px;
}

option {
	background-color:rgb(80,80,80);
}

/*-------*/
/*PROFILE*/
/*-------*/

.profile-link:hover {
	text-decoration:underline;
	cursor:pointer;	
}

/*-----*/
/*STAFF*/
/*-----*/

.staff-box {
	border:1px solid grey;
	position:relative;
	float:left;
	padding:4px;
	margin:4px;
	color:#999;
}

.staff-content {
	color:black;
}

/*--------------*/
/*ADMINISTRATION*/
/*--------------*/

.admin-form input {
	margin-top:5px;	
}

/*======*/
/*STAGES*/
/*======*/

.stage-list {
	width:100%;
	clear:both;
	list-style:none;
	padding:0px;
	margin-top:0px;
	margin-bottom:0px;
}

.stage-list li {
	margin-bottom:10px;
	border:1px dashed #999;
	padding:3px;
	background-color:#FFF;
	position:relative;
	min-height: 30px;
}

.stage-description {
	width:400px;
	display:inline;
}

.add-stage-button {
	float:right;
	cursor:pointer;
	width: 16px;
	height: 16px;
	background-position: -32px -128px;
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
	padding:1px;
}

#totals-custom-text {
	background: none repeat scroll 0 0 #000000;
    border: 1px solid #666666;
    color: #FFFFFF;
}

#stage_description {
	background: none repeat scroll 0 0 #000000;
    border: 1px solid #666666;
    color: #FFFFFF;
}

.stage_date {
	background: none repeat scroll 0 0 #000000;
    border: 1px solid #666666;
    color: #FFFFFF;
}

.quote-stage-date {
	float:right;
	display:inline;
}

.edit-stage-button {
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
    background-position: -64px -112px;
    border: medium none;
    bottom: 1px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 20px;
    width: 16px;	
}

.delete-stage-button {
	background-image: url(jquery/images/ui-icons_bbbbbb_256x240.png);
    background-position: -64px -128px;
    border: medium none;
    bottom: 1px;
    cursor: pointer;
    height: 16px;
    position: absolute;
    right: 5px;
    width: 16px;	
}

#stage_graph_container {
	text-align:center;
}
.but-managment {
    background-position: -192px -112px;
}