/* http://meyerweb.com/eric/tools/css/reset/
   v2.0b1 | 201101
   NOTE: WORK IN PROGRESS
   USE WITH CAUTION AND TEST WITH ABANDON */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}

table.tablesorter tbody td{
	word-wrap:break-word;
}

/* remember to define visible focus styles!
:focus {
	outline: ?????;
} */

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* Reset done */


body {
	background: url(../images/White-Boxes-bg.jpg) no-repeat fixed center #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 82.5%;
}

#container {
	width:90%;
	margin:10px auto;
	padding:10px 15px;
	/*-moz-border-radius: 10px;
	border-radius: 10px;
	border:1px solid;
	background:#FFF;*/
	overflow:auto;
}

/* For Notes Area - Scrollable - jtools */
/* root element for scrollable */
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 305px;
	width: 210px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	/* this time we have very large space for the height */
	height:20000em;
	width:210px;
}
.scrollable .items .item {
	/*height:100px;*/
}

.scrollable .items h3 {
	font-weight:bold;
}
div#actions {
	clear:both;
	width: 210px;
	padding-top:5px;
	/*display:block;*/
}

div#notes{
	padding:10px 0;
}

a img {
	border:0;
}

a.btn{
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 5px 10px 5px 30px;
	font-weight:bold;
	font-size:0.9em;
	text-transform:uppercase;
	text-decoration:none;
	color:#666;
	border:1px solid #CCC;
	float:right;
	margin:5px 0;
}
a.btn:hover {
	background-color:#FFF;
}
a.addbtn {
	background:url(../images/add.png) no-repeat 8px 3px;
	background-color:#F3F3F3;
}
a.logoutbtn {
	background:url(../images/unlocked.png) no-repeat 8px 3px;
	background-color:#F3F3F3;
}

a.editbtn img, a.deletebtn, a.completebtn{
	border:0;
	margin: 0 5px;
}


/* the action buttons above the scrollable */
#actions {
	width:700px;
	margin:30px 0 10px 0;
}

#actions a {
	font-size:11px;
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;
}

.next {
	float:right;
}

span.notesActions{
	float:right;
}

div.items div.item {
	padding:10px 5px;
	border-bottom:1px dashed #CCC;
	font-size:0.9em;
	line-height:1.1em;
}

div.items div.item:hover {
	background:#EFEFEF;
}

span.notesActions img {
	padding-left:3px;
}

/* tabbed browsing - jTools */
/* root element for tabs  */
ul.css-tabs {
	margin:0 !important;
	padding:0;
	height:30px;
	border-bottom:1px solid #666;
}

/* single tab */
ul.css-tabs li {
	float:left;
	padding:0;
	margin:0;
	list-style-type:none;
}

/* link inside the tab. uses a background image */
ul.css-tabs a {
	float:left;
	font-size:1.1em;
	display:block;
	padding:5px 30px;
	text-decoration:none;
	border:1px solid #666;
	border-bottom:0px;
	height:18px;
	background-color:#efefef;
	color:#777;
	margin-right:2px;
	position:relative;
	top:1px;
	outline:0;
	-moz-border-radius:4px 4px 0 0;
}

ul.css-tabs a:hover {
	background-color:#F7F7F7;
	color:#333;
}

/* selected tab */
ul.css-tabs a.current {
	background-color:#fff;
	border-bottom:1px solid #fff;
	color:#000;
	cursor:default;
}


/* tab pane */
.css-panes div {
	display:none;
	border:1px solid #666;
	border-width:0 1px 1px 1px;
/*	min-height:150px;*/
	padding:15px 20px;
	background-color:#fff;
}

#divide-left{
	float:left;
	max-width:270px;
	width:20%;
	padding-right:15px;
	border-right:1px dotted #CCC;
	margin-top: 40px;
	height:	100%;
}

#divide-right{
	float:left;
	padding-left:20px;
	max-width:75%;
	/*min-width: 670px;*/
	overflow:visible;
}

/* prompts */
p.prompt{
	line-height:1.6em;
	color:#666;
}

p.loginPrompt{
	line-height:2em;
	color:#900;
	width:450px;
	margin:0 auto;
	overflow:auto;
}

#promptDelete {
	background:url(../images/delete-lg.png) no-repeat;
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin-right:10px;
}

#promptConfirm {
	background:url(../images/info.png) no-repeat;
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin-right:10px;
}
#promptComplete {
	background:url(../images/check-lg.png) no-repeat;
	width:50px;
	height:50px;
	display:block;
	float:left;
	margin-right:10px;
}

#promptAlert {
	background:url(../images/alert-critical.png) no-repeat;
	width:40px;
	height:40px;
	display:block;
	float:left;
	margin-right:0px;
}

h1{
	text-align:center;
	font-size:26px;
	margin:15px 0;
}

tr.warehouse-completed td, div.note-completed{
	text-decoration:line-through;
}

/* login */

#loginContainer {
	width:524px;
	margin: auto;
	padding:10px 15px;
	border:1px solid #CCC;
	background:#F9F9F9;
	/*overflow:auto;*/
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #666;
	-webkit-box-shadow: 3px 3px 4px #666;
	box-shadow: 3px 3px 4px #666;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#666666');
}

.tooltip {
	display:none;
	background:transparent url(../images/black_arrow.png);
	font-size:12px;
	height:70px;
	width:160px;
	padding:25px;
	color:#fff;
}

ul#trailerLegend li{
	list-style:none;
	float:left;
	margin-right:3px;
	padding:5px 10px;
}
ul#trailerLegend {
	overflow:auto;
	border:1px solid;
	padding:5px 10px;
	background:#F4F4F4;
}

#notesContent{
	max-height: 500px;
	overflow-y: scroll;
	border: 1px solid;
}

#notesContent::-webkit-scrollbar {
    -webkit-appearance: none;
}

#notesContent::-webkit-scrollbar:vertical {
    width: 11px;
}

#notesContent::-webkit-scrollbar:horizontal {
    height: 11px;
}

#notesContent::-webkit-scrollbar-thumb {
    border-radius: 8px;
    border: 2px solid white; /* should match background, can't be transparent */
    background-color: rgba(0, 0, 0, .5);
}

.printOnly {
	display: none !important;
}

#trip_update {
 padding: 5px 10px;
 margin-right: 10px;
 background-color: #F4F4F4;
}

#trip_update:hover {
	background-color: #fff;
}