body,html { height:100%; }

@page { size: landscape; }
@media screen
{
body { max-width:100%; }
}

@font-face {
    font-family: 'maiandra';
    src: url('../fonts/maian-webfont.eot');
    src: url('../fonts/maian-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/maian-webfont.woff') format('woff'),
         url('../fonts/maian-webfont.ttf') format('truetype'),
         url('../fonts/maian-webfont.svg#maiandra_gdregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'droid sans';
    src: url('../fonts/DroidSans-webfont.eot');
    src: url('../fonts/DroidSans-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/DroidSans-webfont.woff') format('woff'),
         url('../fonts/DroidSans-webfont.ttf') format('truetype'),
         url('../fonts/DroidSans-webfont.svg#droid_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'walkway';
    src: url('../fonts/walkway_semibold-webfont.eot');
    src: url('../fonts/walkway_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/walkway_semibold-webfont.woff') format('woff'),
         url('../fonts/walkway_semibold-webfont.ttf') format('truetype'),
         url('../fonts/walkway_semibold-webfont.svg#walkway_semiboldregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'champagne';
    src: url('../fonts/champagne__limousines-webfont.eot');
    src: url('../fonts/champagne__limousines-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/champagne__limousines-webfont.woff') format('woff'),
         url('../fonts/champagne__limousines-webfont.ttf') format('truetype'),
         url('../fonts/champagne__limousines-webfont.svg#champagne__limousinesregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'pistara';
    src: url('../fonts/pistara-webfont.eot');
    src: url('../fonts/pistara-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/pistara-webfont.woff') format('woff'),
         url('../fonts/pistara-webfont.ttf') format('truetype'),
         url('../fonts/pistara-webfont.svg#pistararegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'laser';
    src: url('../fonts/laser-webfont.eot');
    src: url('../fonts/laser-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/laser-webfont.woff') format('woff'),
         url('../fonts/laser-webfont.ttf') format('truetype'),
         url('../fonts/laser-webfont.svg#laserregular') format('svg');
    font-weight: normal;
    font-style: normal;
}



#login_body
{
	background-image:url('../images/login_bg.jpg');
	background-position:50px -250px;
	background-repeat:no-repeat;
}

#login_div
{
	top:50%;
	left:50%;
	position:fixed;
	width:500px;
	height:250px;
	background-color:#FFF;
	margin-top:-125px;
	margin-left:-250px;
	
	box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
}

#login_logo
{
	background-image:url('../images/logo.jpg');
	background-position:center center;
	background-repeat:no-repeat;
	height:250px;
	width:250px;
}

#login_td table
{
	font-family:'droid sans'; font-size:13px;
	margin-left:20px;
}

#login_td input[type=text], #login_td input[type=password]
{
	background-color:#EEE;
	border:2px solid #CCC; width:80%;
	padding:7px; font-family:'droid sans'; font-size:14px; background-color:#FDB;
}
#login_td input[type=text]:focus, #login_td input[type=password]:focus { outline:2px solid #FF8000; }

#login_td input[type=button]
{
	background-color:#ED8949;
	color:#FFF;
	border:1px solid #C90;
	width:70px;
	font-family:'droid sans'; font-size:13px; padding:3px;
}

#login_td input[type=button]:hover
{
	background-color:#8D4909;
	color:#FFF;
	border:1px solid #C90;
}

#login_vsplitter
{
	width:1px;
	background-image:url('../images/login_vsplitter.png');
	background-position:center center;
	background-repeat:no-repeat;
}

#eilogo
{
	height:100px;
	width:100px;
}

body
{
	background-color:#ED8949;
	height:100%;
}

textarea
{
	resize:none;
	font-family:Arial;
	font-size:12px;
}

#header_table
{
	background-color:#FFF;
	box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	padding:15px;
	margin-top:-20px;
}

.header_button
{
	width:75px;
	height:20px;
	font-family:'droid sans';
	font-size:12px;
	color:#FFF;
	background-color:#ED8949;
	text-align:center;
	cursor:pointer;
	text-transform:uppercase;
}

.header_button:hover
{
	color:#000;
	background-color:#FDA969;
}

.header_button:active
{
	color:#FFF;
	background-color:#999;
}

.header_username
{
	font-family:'droid sans';
	font-size:14px;
}

.arial_11_bold
{
	font-family:'Arial';
	font-size:11px;
	font-weight:bold;
	color:#000;
}

#clock
{
	position:relative;
	width:100%;
	top:-10px;
}

#clock_time
{
	font-family:'walkway';
	font-size:36px;
	text-align:right;
	font-weight:bold;
}
#clock_ampm
{
	font-family:'walkway';
	font-size:14px;
	text-align:right;
	font-weight:bold;
}
#clock_date
{
	font-family:'droid sans';
	font-size:13px;
	font-weight:normal;
	text-align:right;
	text-transform:uppercase;
}

#menu_table
{
	margin-top:10px;
	height:25px;
	margin-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.menu_button
{
	cursor:pointer;
	background-color:#000;
	color:#FFF;
}
.menu_button:nth-child(n+2)
{ padding-left:50px; margin-left:-50px; z-index:n; }

.menu_button_currentpage
{
	cursor:default;
	color:#000;
}
.menu_button, .menu_button_currentpage
{
	min-width:75px;
	height:25px;
	text-align:center;
	-webkit-border-top-right-radius: 20px;
	-moz-border-radius-topright: 20px;
	border-top-right-radius: 20px;
	box-shadow: 0px 2px 16px rgba(0, 0, 0, .64);
	-moz-box-shadow: 0px 2px 16px rgba(0, 0, 0, .64);
	-webkit-box-shadow: 0px 2px 16px rgba(0, 0, 0, .64);
	font-family:'Arial';
	font-size:12px;
	font-weight:bold;
	display:inline-block;
	margin:0px;
	padding-left:10px;
	padding-right:10px;
	line-height:25px;
	position:relative;
	border:1px solid #999;
	border-bottom:0px solid #AAA;
	border-left:0px solid #AAA;
	background-image:url('../images/menu_bg.png');
	background-position:left center;
	background-repeat:repeat-x;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.menu_button:hover
{
	color:#FDA969;
}

.menu_button_splitter
{
	width:5px;
}

.page_table
{
	margin-top:20px;
	background-color:#FFF;
	font-family:'Arial';
	font-size:12px;
	box-shadow: 0 4px 16px rgba(0, 0, 0, .4);
	-moz-box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
	-webkit-box-shadow: 0px 4px 16px rgba(0, 0, 0, .4);
	-webkit-border-bottom-right-radius: 15px;
	-webkit-border-bottom-left-radius: 15px;
	-moz-border-radius-bottomright: 15px;
	-moz-border-radius-bottomleft: 15px;
	border-bottom-right-radius: 15px;
	border-bottom-left-radius: 15px;
	width:100%;
}

.page_td
{
	padding:15px;
	width:100%;
	vertical-align:top;
}
.page_content
{
	width:100%;
	height:400px;
	overflow:auto;
	vertical-align:top;
}
.pane_splitter
{
	width:10px;
}

.page_heading
{
	font-family:'Arial';
	font-size:20px;
	font-weight:normal;
}

.search_box
{
	width:200px;
	height:20px;
}

.advanced_search_options
{
	display:inline-block;
	border:0px solid #000;
	position:absolute;
	width:150px;
	background-color:#E94;
	height:100px;
}
.aso_button
{
	height:20px;
	width:20px;
	background-color:#999;
	display:inline-block;
	position:relative;
	left:0px;
	top:-1px;
	cursor:pointer;
	text-align:center;
	vertical-align:middle;
	font-family:'Arial';
	font-size:15px;
	color:#FFF;
	margin:0px;
}
.aso_button:hover
{
	background-color:#000;
}
.aso_ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#FFF;
	border: 1px solid #C90;
}
.aso_ul li
{
	padding-left:2px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	cursor:pointer;
}
.aso_ul li:hover
{
	color:#FDA969;
	background-color:#000;
}
#lbl_search_scope
{
	font-family:Arial;
	font-size:12px;
	color:#ED8949;
	font-weight:bold;
}
.search_loading_status
{
	display:inline-block;
	position:relative;
	width:20px;
	height:20px;
	top:5px;
	left:5px;
	background-position:center center;
	background-repeat:no-repeat;
}


.button_set_1
{
	height:20px;
	font-family:'droid sans';
	font-size:12px;
	color:#FFF;
	background-color:#ED8949;
	text-align:center;
	cursor:pointer;
	outline:0px;
	border:0px solid #ED8949;
	position:relative;
	top:-1px;
	padding-left:10px;
	padding-right:10px;
	text-transform:uppercase;
	border:2px solid transparent;
	line-height:12px;
}

.button_set_1:hover
{
	color:#000;
	background-color:#FDA969;
}

.button_set_1:active
{
	color:#FFF;
	background-color:#999;
}

.button_set_1:disabled
{
	color:#FFF;
	background-color:#666;
}

.button_set_1:focus
{
	border:2px solid #666;
}

.submenu
{
	margin-bottom:10px;
	width:100%;
}
.submenu_table td
{
	padding-left:5px;
	padding-right:5px;
	text-align:center;
	font-family:Arial;
	font-weight:bold;
	font-size:11px;
	text-align:center;
}
.submenu_table td img
{
	height:64px;
	width:64px;
	cursor:pointer;
}


.page_div
{
	width:100%;
	min-height:300px;
}
.search_table
{
	width:100%;
	min-height:20px;
}
.search_table .header
{
	font-family:'Arial';
	font-size:12px;
	font-weight:bold;
	height:20px;
	padding-left:5px;
	cursor:pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.sorted_asc
{
	background-image:url('../images/sort_asc_icon.png');
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#FDA969;
}
.sorted_desc
{
	background-image:url('../images/sort_desc_icon.png');
	background-position:right center;
	background-repeat:no-repeat;
	background-color:#FDA969;
}
.search_table .entry
{
	font-family:'Arial';
	font-size:12px;
	height:20px;
	padding-left:5px;
	vertical-align:top;
}
.search_table tr:nth-child(odd)
{
	background-color:#EEE;
}
.search_table tr:nth-child(even)
{
	background-color:#FFF;
}
.search_table tr:nth-child(n+2):hover
{
	background-color:#FC9;
}
.search_table  tr:nth-child(n+2)  td:nth-child(n+2)
{
	border-left:1px solid #DDD;
}
.search_count_footer
{
	font-family:'Arial';
	font-size:12px;
	margin-top:10px;
	width:100%;
	text-align:center;
	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


.left_pane
{
	width:200px;
	vertical-align:top;
}

.left_pane_div
{
	width:100%;
	overflow:hidden;
	position:relative;
	border:1px solid #FDA969;
}
.left_pane_div ul
{
	margin:0px;
	padding:0px;
	list-style:none;
/*	-moz-user-select: none;
	-khtml-user-select: none;
	-webkit-user-select: none;
	-ms-user-select: none;
	user-select: none;*/
}
.left_pane_div li:first-child
{
	padding-left:5px;
	font-family:'Arial';
	font-size:12px;
	color:#FFF;
	background:url('../images/create_new_button_bg.png') repeat-x left top;
	font-weight:bold;
	height:24px;
	vertical-align:middle;
	line-height:24px;
	cursor:default;
}
.left_pane_div li:nth-child(n+2)
{
	padding-left:30px;
	font-family:'Arial';
	font-size:12px;
	color:#666;
	cursor:pointer;
	height:24px;
	vertical-align:middle;
	line-height:24px;
	background-position:5px 2px;
	background-repeat:no-repeat;
	border-top:1px solid #EEE;
	overflow: hidden;
}
.left_pane_div li:nth-child(n+2):hover
{
	background-color:#FDB;
	color:#000;
	overflow: hidden;
}
.contact_icon { background-image:url('../images/contact_icon.png'); }
.cases_icon { background-image:url('../images/cases_icon.png'); }
.company_icon { background-image:url('../images/company_icon.png'); }
.pi_icon { background-image:url('../images/pi_icon.png'); }
.order_icon { background-image:url('../images/order_icon.png'); }
.delivery_icon { background-image:url('../images/calendar_delivery_icon.png'); }
.indent_icon { background-image:url('../images/indent_icon.png'); }
.task_icon { background-image:url('../images/task_icon.png'); }
.unknown_icon { background-image:url('../images/unknown_icon.png'); }

.hyperlink
{
	text-decoration:underline;
	cursor:pointer;
}
a.hyperlink { color:inherit; }

.left_pane_splitter
{
	height:20px;
}


.content_pane
{
	border-left:1px solid #D8D8D8;
	vertical-align:top;
	padding-left:10px;
	padding-right:10px;
	height:400px;
	overflow:auto;
}



.vc_name
{
	font-family:'droid sans';
	font-size:30px;
	font-weight:normal;
	vertical-align:middle;
}
.vc_table
{
	font-family:'Arial';
	font-size:12px;
	width:100%;
	margin-bottom:10px;
}
.vc_table td
{
	border-bottom:1px solid #DDD;
}
.vc_header
{
	background-color:#EEE;
	border:1px solid #DDD;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding-left:5px;
	margin-bottom:0px;
	margin-top:10px;
	background-image:none;
}

.vc_header:hover
{
	background-color:#FDB;
	cursor:pointer;
	background-image:url('../images/toggle_height_icon.png');
	background-position:right center;
	background-repeat:no-repeat;
}

.vc_header_static
{
	background-color:#EEE;
	border:1px solid #DDD;
	font-size:14px;
	font-weight:bold;
	height:20px;
	line-height:20px;
	padding-left:5px;
	margin-bottom:0px;
	margin-top:10px;
}

.vc_clickable_row:hover { cursor:pointer; background-color:#FDB; }

/*.vc_table tr:nth-child(n+1) td
{
	border-bottom:1px solid #DDD;
}
.vc_table tr:last-child td, .vc_table tr:last-child td:first-child
{
	border-bottom:0px solid #DDD;
}*/
.vc_table .vc_fieldname
{
	text-align:right;
	font-weight:bold;
	padding-right:10px;
	color:#333;
	width:200px;
}
.vc_table td
{
	padding-left:5px;
	height:20px;
	padding-top:2px;
	padding-bottom:2px;
	vertical-align:top;
}
.vc_editable:hover
{
	background:url('../images/edit_icon.png') no-repeat right center;
	border:2px dotted #CCC;
	padding-top:0px; padding-bottom:0px; padding-left:3px;
}
.vc_editable:focus
{
	background-image:none;
}
.vc_edited
{
	color:#C60;
	font-weight:bold;
}
.vc_entry select
{
	height:16px;
	font-size:11px;
}

.vc_vertical tr td:nth-child(n+2)
{
	border-left:1px solid #DDD;
}


.website_url
{
	color:#06F;
	font-weight:bold;
	text-decoration:underline;
}
.website_url:hover
{
	cursor:pointer;
}
.website_url:focus
{
	text-decoration:none;
	font-weight:normal;
	color:#000;
}
.website_url:focus:hover
{
	cursor:text;
}


.table_txt
{
	height:16px;
	font-family:'Arial';
	font-size:12px;
	padding:0px;
	padding-left:2px;
	position:relative;
	left:-6px;
	display:inline-block;
	outline:none;
	letter-spacing:1px;
}
.edit_save_button
{
	font-family:'Arial';
	font-size:11px;
	background-color:#FFF;
	font-weight:bold;
	outline:0px;
	border:1px solid #999;
	position:relative;
	margin-bottom:-4px;
	top:-2px;
	z-index:900;
}
.edit_save_button:hover
{
	background-color:#F90;
	border:1px solid #FFF;
}
.edit_save_button:active
{
	background-color:#000;
	color:#FFF;
	border:1px solid #F90;
}
.edit_save_button:focus
{
	border:1px solid #F60;
}

.pwd_strength_bar_case, #pwd_strength_words
{
	background-color:#999;
	height:14px;
	width:98px;
	max-width:98px;
	margin:0px;
	display:inline-block;
	float:left;
	text-align:right;
	vertical-align:top;
	line-height:14px;
	border:1px solid #666;
}
#pwd_strength_bar
{
	background-color:#F00;
	height:14px;
	width:0px;
	display:inline-block;
	float:left;
}


#invoice_div
{
	border:1px solid #666;
	width:420px;
}
#pi_article_table .header
{
	background-color:#C8C8C8;
	height:20px;
	font-family:Arial;
	font-size:12px;
	font-weight:bold;
	text-align:center;
	border:1px solid #666;
}
#pi_article_table .entry
{
	height:20px;
	font-family:Arial;
	font-size:11px;
	padding-right:2px;
	border:1px solid #666;
}


.dialog_div
{
	background-color:#FFF;
	border:1px solid #ED8949;
	font-family:Arial;
	font-size:12px;
	width:300px;
	height:150px;
	cursor:default;
}
.dialog_inv, .dialog_add_edit_pi_inner
{
	background-color:#FFF;
	border:1px solid #ED8949;
	font-family:Arial;
	font-size:12px;
	/*width:500px;*/
	min-height:175px;
	display:inline-block;
	cursor:default;
}
.dialog_vendor
{
	background-color:#FFF;
	border:1px solid #ED8949;
	font-family:Arial;
	font-size:12px;
	width:550px;
	height:320px;
	cursor:default;
}
.dialog_place_indent
{
	background-color:#FFF;
	border:1px solid #ED8949;
	font-family:Arial;
	font-size:12px;
	width:700px;
	min-height:300px;
	max-height:600px;
	cursor:default;
}
.dialog_div_title
{
	font-weight:bold;
	color:#FFF;
	height:24px;
	line-height:24px;
	background:url('../images/create_new_button_bg.png') repeat-x left top;
}
.dialog_div_content
{
	margin-top:20px;
	text-align:center;
	padding:0 10px 10px 10px;
}


#inventory_submenu td, #indent_submenu td, #order_submenu td
{
	padding-left:5px;
	padding-right:5px;
	text-align:center;
}
#inventory_submenu td img, #indent_submenu td img, #order_submenu td img
{
	height:64px;
	width:64px;
	cursor:pointer;
}
.inventory_ul
{
	margin:0px;
	padding:0px;
	list-style:none;
	background-color:#FFF;
	border: 1px solid #C90;	
	width:100%;
}
.inventory_ul li
{
	padding-left:5px;
	font-family:Arial;
	font-size:12px;
	color:#000;
	height:20px;
	line-height:20px;
}
.inventory_ul_header
{
	font-family:Arial;
	font-size:14px;
	font-weight:bold;
	background-color:#EEE;
	border: 1px solid #DDD;	
	height:24px;
	line-height:24px;
	padding-left:5px;
	width:100%;
}


#intransit_table tr:nth-child(n+1) td
{
	border-bottom:2px solid #DDD;
}
#intransit_table tr:first-child td, #intransit_table tr:last-child td, #intransit_table tr:nth-last-child(2) td, #intransit_table tr:nth-last-child(3) td
{
	border-bottom:0px solid #DDD;
}

.overshoot_article
{
	color:#000;
	font-weight:bold;
	background-color:#FA3;
}


.arial_11
{
	font-family:Arial;
	font-size:11px;
}
.arial_12
{
	font-family:Arial;
	font-size:12px;
}
.arial_13
{
	font-family:Arial;
	font-size:13px;
}
.arial_14
{
	font-family:Arial;
	font-size:14px;
}
.bold { font-weight:bold; }


.hidden_column
{
	display:none;
}


.dashboard_heading
{
	margin-top:5px;
	font-family:'droid sans';
	font-size:16px;
	font-weight:bold;
	display:inline-block;
	margin:0px 0px 5px 0px;
}

.things_you_need_to_do
{
	list-style:none;
	margin:0px;
	padding:0px;
	width:100%;
	overflow:hidden;
	display:block;
}
.things_you_need_to_do li
{
	cursor:pointer;
	display:inline-block;
	margin:0px;
	padding:0px;
	height:75px;
	width:100px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	position: relative;
	-moz-box-shadow: 0 0px 5px rgba(0, 0, 0, 0);
	-webkit-box-shadow: 0 0px 5px rgba(0, 0, 0, 0);
	box-shadow: 0 0px 5px rgba(0, 0, 0, 0);
	border:1px solid #CCC;
	text-align:center;
	vertical-align:bottom;
	margin:7px;
	transition: all 0.25s ease;
}
.things_you_need_to_do li:hover
{
	-moz-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
	-webkit-box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0px 3px rgba(0, 0, 0, 0.5);
	-webkit-transition: all 0.25s ease;
	-moz-transition: all 0.25s ease;
	-o-transition: all 0.25s ease;
	transition: all 0.25s ease;
}
.things_you_need_to_do li div.text
{
	font-family:'droid sans';
	font-size:13px;
	color:#333;
	position: absolute;
	bottom: 5;
	width:100%;
}
.things_you_need_to_do li div.counts
{
	font-family:'droid sans';
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	position: absolute;
	left:-7px;
	top: -7px;
	height:22px;
	padding:0 2px 0 2px;
	line-height:22px;
	min-width:18px;
	background-color:#ED8949;
	-webkit-border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	border-bottom-right-radius: 10px;
}
.things_you_need_to_do li .icon
{
	height:40px;
	width:40px;
	margin-top:10px;
}


#wall_div
{
	font-family:'Arial';
	font-size:13px;
	position:relative;
}
#wall_content
{
	padding:0 10px 0 10px;
	margin:0 0 20px 0;
	height:350px;
	overflow-y:auto;
	overflow-x:hidden;
	border:1px solid #DDD;
}
.wall_textbox
{
	font-family:'Arial';
	font-size:12px;
	width:100%;
	border:1px solid #999;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:5px 5px 5px 10px;
	margin:0px;
	display:inline-block;
	outline:none;
	resize:none;
}
.chatpostme
{
	width:75%;
	border:1px solid #DDD;
	float:left;
	margin-top:10px;
	padding:5px;
}
.wallpost
{
	width:100%;
	margin-left:10px;
	float:left;
	margin-bottom:5px;
	margin-right:5px;
	padding:10px 5px 5px 0;
	border-bottom:1px solid #DDD;
	position:relative;
	display:block;
	vertical-align:top;
}
.wallpost:last-child { border-bottom:0px solid #DDD; }
.wallpost table
{
	font-family:'Arial';
	font-size:12px;
	display:inline-block;
	margin:0px;
	min-height:50px;
	margin-bottom:10px;
}
.wallpost .footer
{
	font-family:'Arial';
	font-size:10px;
	color:#999;
	position:absolute;
	text-align:right;
	bottom:0px;
	right:5px;
}
.wallpost { top:0px; display:inline-block; margin:0px; }
.wallpost img
{
	height:50px; width:50px; vertical-align:top; margin:0px; border: 1px solid #AAA; margin-right:5px;
}
.chatpostothers
{
	width:75%;
	border:1px solid #DDD;
	float:right;
	text-align:right;
	margin-top:10px;
	padding:5px;
}



#calendar_notes
{
	margin-top:10px;
}
#calendar_agenda_ul
{
	margin: 10px 0 0 0;
	padding:0px;
	list-style:none;
	font-family:'droid sans';
	font-size:12px;
	height:130px;
	overflow:auto;
}
#calendar_agenda_ul li
{
	padding:0 0 0 10px;
	margin:0px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 1%, rgba(243,243,243,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(255,255,255,1)), color-stop(100%,rgba(243,243,243,1)));
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -o-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: -ms-linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	background: linear-gradient(top, rgba(255,255,255,1) 1%,rgba(243,243,243,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f3f3f3',GradientType=0 );
	border:1px solid #DDD;
	line-height:22px;
	display:block;
	padding-left:30px;
	text-align:left;
}
#calendar_agenda_ul .hasEvents { border-left:5px solid #ED8949; }
#calendar_agenda_ul .hasEvents:hover
{
	cursor:pointer;
	border:1px solid #AAA;
	border-left:5px solid #ED8949;
}
#calendar_agenda_ul .calendar_noevents { cursor:default; border-left:5px solid #999; }

#agenda_title .agenda_count
{ font-family:'droid sans'; font-size:18px; float:right; }

#calendar_agenda_ul .indent { background-image:url('../images/calendar_indent_icon.png'); background-position:5px 2px; background-repeat:no-repeat; }
#calendar_agenda_ul .order { background-image:url('../images/calendar_order_icon.png'); background-position:5px 2px; background-repeat:no-repeat; }
#calendar_agenda_ul .delivery { background-image:url('../images/calendar_delivery_icon.png'); background-position:5px 2px; background-repeat:no-repeat; }
#calendar_agenda_ul .pi { background-image:url('../images/calendar_pi_icon.png'); background-position:5px 2px; background-repeat:no-repeat; }
#calendar_agenda_ul .cases { background-image:url('../images/cases_icon.png'); background-position:5px 2px; background-repeat:no-repeat; }

.qs_tiles_ul
{
	width:100%;
	margin:0px;
	padding:0px;
	position:relative;
}
.qs_tiles_ul li
{
	min-width:300px;
	display:inline-block;
	margin:10px;
	padding:0px;
	position:relative;
}

.qs_tiles_ul li:nth-child(n+2)
{
	max-width:400px;
}

.qsearch_category_header
{
	max-width:400px;
	height:30px;
	background: rgb(255,255,255);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, rgba(250,250,250,1) 1%, rgba(235,235,235,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,rgba(250,250,250,1)), color-stop(100%,rgba(235,235,235,1)));
	background: -webkit-linear-gradient(top, rgba(250,250,250,1) 1%,rgba(235,235,235,1) 100%);
	background: -o-linear-gradient(top, rgba(250,250,250,1) 1%,rgba(235,235,235,1) 100%);
	background: -ms-linear-gradient(top, rgba(250,250,250,1) 1%,rgba(235,235,235,1) 100%);
	background: linear-gradient(top, rgba(250,250,250,1) 1%,rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F5F5F5', endColorstr='#F0F0F0',GradientType=0 );
	border:1px solid #DDD;
	line-height:30px;
	font-weight:bold;
	font-family:'droid sans';
	vertical-align:middle;
	padding:0px;
	margin:0px;
	text-align:left;
	display:block;
}
.qsearch_category
{
	max-width:400px;
	height:200px;
	background-color:#DDD;
	border:1px solid #DDD;
	line-height:50px;
	font-weight:bold;
	font-family:'droid sans';
	vertical-align:middle;
	padding:0px;
	text-align:left;
	display:inline-block;
}
.qsearch_category_header img
{
	height:20px;
	width:20px;
	margin: 5px 10px 0px 5px;
	display:inline-block;
}

.qs_list
{
	list-style:none;
	font-family:'Arial';
	font-size:12px;
	font-weight:normal;
	line-height:20px;
	margin:0px; padding:0px;
	width:398;
	max-height:200px;
	min-height:20px;
	overflow-y:auto;
	overflow-x:hidden;
	background-color:#FFF;
}
.qs_list li { margin:0px; cursor:pointer; padding:2px 5px 2px 5px; width:390px; overflow hidden; white-space:nowrap; }
.qs_list li { border-bottom:1px solid #DDD; }
.qs_list li:hover
{ background-color:#FDB; }

.qs_done_pi { background-image:url("../images/done_icon.png"); background-position:2px center; background-repeat:no-repeat; }
.qs_pending_pi { background-image:url("../images/pending_icon.png"); background-position:2px center; background-repeat:no-repeat; }
.qs_overdue_pi { background-image:url("../images/overdue_icon.png"); background-position:2px center; background-repeat:no-repeat; }

.qs_header_icon { margin:0px; display:inline-block; cursor:pointer; float:right; }
.qs_header_icon  img { height:20px; width:20px; }
.qs_header_icon:last-child { margin-right:0px; }



#contact_dashboard
{ width:100%; }
#contact_dashboard td
{ vertical-align:top; }


.canvas_divs
{
	position:relative;
	height:120px; width:100px;
	margin:0px;
	display: inline-block;
	vertical-align: bottom;
	text-align:center;
	margin-bottom:20px;
}
.canvas_divs .text
{
	position:absolute;
	width:100%;
	bottom:-15px;
}
.canvas_divs canvas
{
	/*background-color:rgba(0,0,0,0.25);*/
	position:absolute;
	top:0px; left:0px;
}


.jchartfx.OrangeChart .Border
{
	fill:#F5F5F5;
}
.jchartfx.OrangeChart .Title
{
	fill:#333333;
}
.jchartfx.OrangeChart .jchartfxToolTip { color:#000000; }
.jchartfx.OrangeChart .Attribute0
{
	fill:#FDA969;
	stroke:#ED8949;
}


.indent_history_hold {background-image:url("../images/hold_indent.png"); background-position:2px center; background-repeat:no-repeat;}

#ncon_companies_div{ z-index:500; }








.vc_header.carrier { background-color:#6CF; border:1px solid #4AD; }
.vc_header.carrier:hover { background-color:#9DF; }
.vc_header_static.carrier { background-color:#6CF; border:1px solid #4AD; }

.vc_header.vendor { background-color:#6C6; border:1px solid #090; }
.vc_header.vendor:hover { background-color:#9E9; }
.vc_header_static.vendor { background-color:#6C6; border:1px solid #090; }




.SelectList
{
	display:inline-block; border:1px solid #999999; cursor:pointer; padding:2px; padding-right:16px; line-height:18px; font-family:'Arial'; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle; max-width:200px;
}
.SelectListCase { background-image:url('../images/cases_icon_mini.png'); background-repeat:no-repeat; background-position:right center; }
.SelectListCompany { background-image:url('../images/company_icon.png'); background-repeat:no-repeat; background-position:right center; }
.SelectListContact { background-image:url('../images/contact_icon.png'); background-repeat:no-repeat; background-position:right center; }
.SelectListUser { background-image:url('../images/user_small_icon.png'); background-repeat:no-repeat; background-position:right center; }
.SelectListIndent { background-image:url('../images/indent_icon.png'); background-repeat:no-repeat; background-position:right center; }
.SelectListOrder { background-image:url('../images/order_icon.png'); background-repeat:no-repeat; background-position:right center; }

#SessionLocked { position:fixed; z-index:99999; left:0; top:0; width:100%; height:100%; background-color:rgb(0,0,0); vertical-align:middle;
-moz-user-select: none;
-khtml-user-select: none;
-webkit-user-select: none;
-ms-user-select: none;
user-select: none;
}
.SessionTable { font-family:'droid sans'; font-size:12px; position:relative; margin-top:-40px; top:50%; }




#calendar.PopupCalendar
{
	position:absolute; z-index:99999; display:none;
	-webkit-box-shadow: 0px 0px 16px 4px rgba(0, 0, 0, 0.5);
	-moz-box-shadow:    0px 0px 16px 4px rgba(0, 0, 0, 0.5);
	box-shadow:         0px 0px 16px 4px rgba(0, 0, 0, 0.5);
}
.DateTime { max-width:100px; cursor:pointer; }






.PageUL { margin:0px; padding:0px; width:100%; list-style:none; }
.PageUL li { margin:0px; padding:0px; width:100%; list-style:none; }
.PageUL li.TwoSections { width:49%; display:inline-block; vertical-align:top; }
.PageUL li.ThreeSections { width:33%; display:inline-block; vertical-align:top; }




.colourPicker
{
	cursor:pointer;
	background-image:url('../images/colorPicker.png'); background-repeat:no-repeat; background-position:right center;
	
}


#PopupsDiv
{
	position:fixed; z-index:99998; right:10px; bottom:10px;
	vertical-align:bottom; max-height:95%; overflow:hidden; width:320px;
	overflow-y:auto;
}
.PopupAlertContainer
{
	position:relative; margin-bottom:10px;
}
.PopupAlert
{
	font-family:Arial; font-size:12px;
	min-width:300px; width:300px; max-width:300px;
	background-color:#FFF;
	min-height:100px; border:1px solid #CCC; vertical-align:bottom;
}
.PopupAlert .PopupHeading
{
	padding-left:5px; font-family:'Arial'; font-size:12px; color:#FFF;
	background:url('../images/create_new_button_bg.png') repeat-x left top;
	font-weight:bold; height:24px; vertical-align:middle;
	line-height:24px; cursor:default; width:271px;
	display:inline-block; margin:0px;
}
.PopupAlert .PopupClose
{
	font-family:'Arial'; font-size:12px; color:#FFF;
	background:url('../images/create_new_button_bg.png') repeat-x left top;
	font-weight:900; height:24px; vertical-align:middle;
	line-height:24px; cursor:pointer; width:24px;
	display:inline-block; margin:0px; float:right; text-align:center;
}
.PopupAlert .PopupClose:hover { color:#000; }
.PopupAlert .PopupContent { padding:5px; display:inline-block; }
.PopupAlert .PopupIcon { display:inline-block; width:32px; height:32px; margin:0px; margin-right:10px; margin-bottom:5px; }
.PopupAlert .PopupIcon img { width:32px; height:32px; }
.PopupAlert .PopupSubject { display:inline-block; width:246px; font-weight:bold; height:30px; margin:0px; overflow:hidden; }
.PopupAlert .PopupMessage
{
	font-family:'droid sans'; font-size:13px;
}



#ToDoList, #ToDoList table
{
	font-family:'droid sans'; font-size:13px; line-height:24px;
}



.ToggleButton
{
	display:inline-block; width:50px; height:18px; border:1px solid #999; background-color:#CCC;
	border-radius: 15px; -webkit-border-radius: 15px; -moz-border-radius: 15px; overflow:hidden;
}
.ToggleButtonWrapper
{
	width:75px; line-height:20px; padding-left:5px; padding-right:5px; font-weight:bold;
	vertical-align:top; margin-left:-1px; transition: all 0.125s linear; cursor:pointer;
}
.ToggleButtonKnob
{
	border-radius: 100px; -webkit-border-radius: 100px; -moz-border-radius: 100px;
	width:16px; height:16px; border:1px solid #999; background-color:#EEE;
	display:inline-block; margin:0px; top: -2px; position:relative;
}
.ToggleButtonValues { display:inline-block; margin:0px; width:25px; overflow:hidden; text-align:center; }
.ToggleButtonWrapper .ToggleButtonValues:nth-child(1) { color:#070; }
.ToggleButtonWrapper .ToggleButtonValues:nth-child(3) { color:#C00; }

.search_box
{
	max-width:150px; display:inline-block; border:1px solid #999999; padding:4px; padding-right:16px; line-height:20px; height:22px;
	font-family:'Arial'; font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;
	background-image: url('../images/search_icon_small.png'); background-repeat:no-repeat; background-position: right center;
}





.animate-enter,
.animate-leave
{ 
    -webkit-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -moz-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -ms-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    -o-transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    transition: 400ms cubic-bezier(0.250, 0.250, 0.750, 0.750) all;
    position: relative;
    display: block;
    overflow: hidden;
    text-overflow: clip;
    white-space:nowrap;
} 
 
.animate-leave.animate-leave-active,
.animate-enter{
    opacity: 0;
    max-height: 0px;
}
 
.animate-enter.animate-enter-active,
.animate-leave{
    opacity: 1;
    max-height: 40px;
}

.AngularLoader
{
	text-align:center; height:50px; width:100%; font-size:16px; font-family:'droid sans';
	background-image:url('../images/loading.gif'); background-position:center bottom; background-repeat:no-repeat;
}
.AngularData { display:none; }