/* HTML tags */
* {
	margin: 0;
	padding: 0;
}

html {
	font: 12px/1.5 Helvetica, Arial, Verdana, sans-serif;
	/*background: #f9f9f9;*/
	color: #111;
}

body {
    background-color:white;
    background-image:url('/static/img/grad_back.png');
    background-repeat: repeat-x;
}

img { border:0 }
a {
	color: #44c;
	text-decoration: none;
}

a:hover {
	color: #e52;
	text-decoration: underline;
}
h1 a { color: #111; }
h1 a:hover { text-decoration: none; color: #111; }

h2 { font-size: 2em; margin-bottom: 10px; }

/* For tabs buttons */

a.button {
    background: transparent url('/static/img/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('/static/img/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}

li.active-tab a.button, a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

li.active-tab a.button span, a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}

thead, tfoot, tbody.head { font-weight: bold; }
thead td, tfoot td, tbody td, tbody th { padding: 2px 2px 2px 14px; }

/* Some generic classes */
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#E6EFC2;color:#264409;border-color:#C6D880;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}
.errorlist {
	color: red;
	max-width: 350px;
	list-style: none;
}

/* Custom elements */
#header, #content, #footer {
	width: 90%;
	margin: 0 auto;
}

#header {
	width: 95%; /* because of the huge logo */
	height: 70px;
	padding: 0;
	/*background: url('/static/img/lc-logo.gif') no-repeat left;*/
	/*border-bottom: 1px solid #ccc; */
}
#header h1 {
	padding-top: 20px;
	font-size:2.5em;
}
#header a#logo {
	float:left;
}
#header a#logo img {
	border:0px solid white;
}
#header #tabs {
        margin: 2em 0;
        float:right;
}
#navigation {
	float: left;
	margin: 0.8em 0;
}
#navigation ul { list-style: none; }
#navigation li {
	display: inline;
	padding: 0 1em 0.2em 0;
	border-right: 1px solid #ccc;
}
#navigation li:last-child { border: none; }

#who, #ajaxerror {
        float:left;
	margin: 0.8em 0 0.8em 4em;
}
#ajaxerror {
        width:400px;
        color:red;
}

#content {
	margin-top: 1em;
}


#footer {
	margin-top:8em;
        border-top:1px solid #999;
        padding:1em;
        text-align:center;
        font-size:0.9em;
}
#footer a {

}




/* CRM navlist-lite */


#navlist-lite li {
list-style-type: none;
}

#navlist-lite > li a, #navlist-list > li a:visited
{
background-color: white;
text-decoration: none;
}

#navlist-lite a:hover
{
color: black;
background-color: #fdd900;
text-decoration: none;
}


/* search bar */
#search {
    /*background-color:#f6f6f6;*/
    padding:5px;
    float:right;
}
#search p label {
    font-weight:bold;
    margin:10px;
    display:inline;
}


/* Viewing clients and orders */
div.head button, div.head a.action {
    float:right;
}
div.section {
    background-color:#efefef;
    margin-top: 20px;
    border:1px solid #9c9c9c;
    /*border-top:1px solid #9c9c9c;*/
    /*border-left:1px solid #9c9c9c;*/
}
div.section table.list {
    width:100%;
}
div.inline-section {
    margin:20px;
    background-color:white;
    margin-bottom:20px;
}
div.section table, div.inline-section table {
    margin:0;
}
div.section div.head {
    background-color:#54dc9c;
    font-weight:bold;
    font-size:1.2em;
    padding:6px 8px;
    margin-bottom:0;

}
div.section th {
    text-align:left;
}

/* tab options over tables */
.tab-options {
  float:right;
  text-align: left;
  width: 300px;
}

.tab-options a {
    padding-left:15px;
    padding-right:15px;
    color:black;
    text-decoration:none;
    font-size:11px;
    font-weight:bold;
    position: absolute;
}
.tab-options a.active {
    color:#666;
}
.tab-options a.search-option {
    background: url('/static/img/magnifyingglass.gif') no-repeat left;
    margin-left: 100px;
}
.tab-options a.add-option {
    background: url('/static/img/plus-small.png') no-repeat left;
    margin-left: 210px;
}
.tab-options a.reset-option, .listfilter a.reset-option {
    background: url('/static/img/edit-clear.png') no-repeat left;
}


/*
	LEVEL ONE
*/
ul.dropdown                         { position: relative; }
ul.dropdown li                      { float: left; zoom: 1;  }
ul.dropdown a:hover		            { color: #fff; background-color:#ccc; }
ul.dropdown a:active                { color: #333; }
/*ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333; color: #222; }*/
ul.dropdown li a                    { /*display: block; padding: 4px 8px; border-right: 1px solid #333;*/ color: #333; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/*
	LEVEL TWO
*/
ul.dropdown ul 		      	{ width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; z-index:100; }
ul.dropdown ul li 					{ background: #f6f6f6; padding:4px 8px;
									  font-size:0.9em; font-weight:normal; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }



/* Very specific stuff */
div.clearer {clear: both; line-height: 0; height: 0;}
td.empty-table { text-align:center; font-size:1.2em; }

table.list {
    width:99%;
    border-collapse: collapse;
    border:1px solid #9c9c9c;
}
table.list thead td, table.list tfoot td, table.list tbody.head td {
    font-weight: bold;
    background-color:#a8e8c8;
    /*background-color:#999;*/
    color:black;
}
table.list td {
  border-bottom:1px solid #9c9c9c;
  vertical-align:top;
  padding-right: 0px;
  margin-right: 0px;
}


table.list thead td a {
    color:black;
    text-decoration:underline;
}

table.list tr.odd, table.list tbody.odd {
    background-color:#f6f6f6;
}

/*
 This is commented out for the moment since it's broken and I
 don't have time right now to try to fix it.
table.list tbody.line_active tr.details.odd {
    background-color:#ffe0f0;
}*/

tbody.line_active {
    border: 2px solid #ff55bb;
}

table.list td.date_header {
    background-color: #60e0a0;
}

table.list td.side_border {
    border-left: 1px solid #9C9C9C;
    border-right: 1px solid #9C9C9C;
}

form table th { text-align:left; }

form h4 {
    border-bottom:1px solid #999;
    margin:15px 0;
}
form h4.first {
   margin:0 0 15px 0;
}
form p label {
    display:block;
}

div.cancel-save-buttons {
    float:right;
    margin:25px 20px 0 0;
}
form {
    padding-bottom:20px;
}
form td ul {
    list-style:none;
    margin-left: 0;
    padding-left: 0;
}
form td ul li {
    display:inline;
    padding-right:15px;
}

tr.clickable {
    cursor:pointer;
}

span.letterwidget  {
  float:right;
}
span.letterwidget a {
    color:black;
    font-size:0.9em;
    font-weight:bold;
    padding-left:4px;
}

span.letterwidget a.current {
    color:#666;
}

div.listfilter {
  margin:5px 5px 10px 0px;
}


div.export-options, div.invoice-options, div.right-buttons {
    margin:15px;
    float:right;
}

/* pagination */
div.paginator { float:right; margin-right:10px; }
div.paginator a.nav { text-decoration:underline; }
div.paginator a, div.paginator span { padding-left:3px; }
div.paginator span.selected { font-weight:bold; }
div.paginator span.disabled { color:#999; }


/* For the Firefox like tabs */
#tabs-wrap {
    border:1px solid black;
    padding:20px;
    border-top : none;
    clear : both;

}
#tabs-menu {
	border-bottom : 1px solid black;
	margin : 0;
	padding-bottom : 19px;
	padding-left : 8px;
}

#tabs-menu ul, #tabs-menu li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}


/*#tabs-menu a:link, #tabs-menu a:visited	{*/
#tabs-menu p	{
	background : rgb(245,245,245);
	border : 1px solid black;
	color : rgb(160,160,160);
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 0px 2px 10px;
	text-decoration : none;
}

/*#tabs-menu a.active {*/
#tabs-menu p.active {
	border-bottom: 1px solid #fff;
	background: #fff;
}

#tabs-menu p.active a {
	color: #000;
}

#tabs-menu p.no-close {
	padding-right:10px;
}

#tabs-menu p a {
	color : rgb(160,160,160);
	text-decoration : none;
}

#tabs-menu p a.close {
        padding-left:14px;
	background: transparent url('/static/img/close.png') no-repeat scroll top right;
	width:16px;
}

/* For all the table like div tags */
div.table { display:table; width:100%; border-bottom:1px solid #bababa;}
div.row { display:table-row; }
div.row table { display:table-cell; vertical-align:top; }

table.minorlist thead td, table.minorlist th { padding-left: 8px; }
div.section td, div.section th { padding-left: 6px; }
div.section > p, div.section h4 { padding-left: 6px; }

div.section td.invoice_item, td.invoice_item {
  padding-left: 14px;
}

div.section td.credit_note_item, td.credit_note_item {
  background: url(/static/img/small_creditnote.png) 0 8px no-repeat;
}

/* Paginators */
div.page_nav { float:right; margin-right:15px; }
div.page_nav a.selected { font-weight:bold; color:black; }

/* Print related */
.hide-in-print { display:block; }
.show-in-print { display:none; }


span.highlighted { background-color:#ff8; }


/* For modal windows */
.modal {
    background-color:#fff;
    display:none;
    width:400px;
    padding:25px;
    text-align:left;
    border:2px solid #333;

    /*opacity:0.8;*/
    -moz-border-radius:6px;
    -webkit-border-radius:6px;
    -moz-box-shadow: 0 0 50px #ccc;
    -webkit-box-shadow: 0 0 50px #ccc;
}

.modal p.closer {
  text-align:right;
  margin:15px;
}
.modal a.closer {
  /*margin:10px;*/
}
.modal h2 {
    background:url(/static/img/overlay/info-alert.png) 0 50% no-repeat;
    margin:5px;
    padding:0 0 10px 5px;
    border-bottom:1px solid #333;
    font-size:20px;
}
.modal ul {
    list-style:none;
}
.modal ul li {
    font-size:1.1em;
    padding:10px;
}


/* the overlayed element */
.simple_overlay {  /* XXX: Is this still being used? */

    /* must be initially hidden */
    display:none;

    /* place overlay on top of other elements */
    z-index:10000;

    /* styling */
    background-color:#333;

    width:675px;
    min-height:200px;
    border:1px solid #666;

    color:white;

    /* CSS3 styling for latest browsers */
    -moz-box-shadow:0 0 90px 5px #000;
    -webkit-box-shadow: 0 0 90px #000;
}

/* close button positioned on upper right corner */
.simple_overlay .close {
    background-image:url(/static/img/overlay/close.png);
    position:absolute;
    right:-15px;
    top:-15px;
    cursor:pointer;
    height:35px;
    width:35px;
}

#change-log-texts p {
  margin:15px 5px;
}

a.tip {
  cursor:help;
}
a.tip-swapped {
  background-color:#efefef;
  color:black;
  text-decoration:none;
}


/* These are used in run schedules and the date drop-down widget thing */
a.prev-week, a.next-week, a.less-weeks, a.more-weeks {
  padding-left:8px;
}

span.partialamount {
  color:#999;
}

tr.noborder td {
  border-bottom: none;
}