/***********STYLESHEET***********/

*								{margin: 0px; padding: 0px; text-decoration: none; font-family: segoe ui semilight, arial, sans-serif; outline: none; border: 0px; list-style: none;}

/***********FONT LOADING***********/

@font-face 						{font-family: 'WebSymbolsRegular'; src: url('websymbols-regular-webfont.eot'); src: url('websymbols-regular-webfont.eot?#iefix') format('embedded-opentype'), url('websymbols-regular-webfont.woff') format('woff'),url('websymbols-regular-webfont.ttf') format('truetype'),url('websymbols-regular-webfont.svg#WebSymbolsRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face 						{font-family: 'HeydingsCommonIconsRegular'; src: url('heydings_icons-webfont.eot'); src: url('heydings_icons-webfont.eot?#iefix') format('embedded-opentype'), url('heydings_icons-webfont.woff') format('woff'),url('heydings_icons-webfont.ttf') format('truetype'),url('heydings_icons-webfont.svg#HeydingsCommonIconsRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face 						{font-family: 'track'; src: url('track.eot'); src: url('track.eot?#iefix') format('embedded-opentype'), url('track.woff') format('woff'),url('track.ttf') format('truetype'),url('track.svg#track') format('svg'); font-weight: normal; font-style: normal;}



html								{min-height: 100%;}
body							{background: -webkit-linear-gradient(top, #eee 0%,#aeaeae 100%); -webkit-background-size: cover; background-size: cover;}

/***********CLEAR FIX***********/

.nav_list:after					{visibility: hidden; display: block; content: ""; clear: both; height: 0; }

/***********NAVIGATION BAR***********/

.logo							{height: 76px; float: left; border-bottom: solid 4px #aaa; margin-top: 10px; padding-bottom: 10px;}
.logo:hover						{cursor: pointer;}

.nav-wrap						{margin: auto;}
.nav_bar						{width: 100%; height: 100px; background: -webkit-linear-gradient(top, #343434 0%,#252525 100%); margin-top: 15px; display: none; -webkit-transform: rotate3d(0,0,0,0);}
.nav_content					{width: 1000px;}

#menu							{position: relative; width: 900=2px; list-style-type: none; display: none; height: 100px;}
#menu li							{display: inline-block; float: left; }

.nav_button						{float: left; left: 0; color: #aaa; font-size: 16px; text-shadow: 1px 1px #000; width: 182px; border-bottom: solid 4px #444; margin-top: 40px; height: 51px; letter-spacing: 0px; padding-bottom: 5px;}
.nav_button:hover				{cursor: pointer; }
.nav_active						{float: left; color: #fff; font-size: 18px; text-shadow: 0px 0px 2px #fff; width: 183px; border-bottom: solid 4px #444; margin-top: 40px; height: 51px; letter-spacing: 0px; padding-bottom: 5px;}
.nav_active:hover				{cursor: pointer; }
#underline						{position: absolute; bottom: 0px; left: 0; width: 100px; height: 4px; background: #b81616;}

/***********INPUTS***********/

.input_title					{margin-left: 45px; text-shadow: 1px 1px #fff;}

.input_text						{width: 300px; height: 40px; margin-top: 5px; margin-left: 45px; border: solid 1px #ccc; border-radius: 5px; box-shadow: inset 0px 1px 5px #ccc, 0px 1px 0px #fff; padding-left: 10px; font-size: 16px; float: left;}
.input_text:hover				{border: solid 1px #999;}
.input_text:focus				{border: solid 1px #e01c1c; box-shadow: inset 0px 1px 5px #aaa, 0px 1px 0px #fff;}

.select							{width: 300px; height: 40px; margin-top: 5px; border: solid 1px #ccc; border-radius: 5px; box-shadow: inset 0px 1px 5px #ccc, 0px 1px 0px #fff; padding-left: 10px; font-size: 16px; float: left;}

.submit_green					{width: 100px; height: 40px; text-shadow: 1px 1px #444; float: left; font-size: 17px; color: #7b0000; margin-top: 25px; margin-left: 45px; background: -webkit-linear-gradient(top, #18db18 0%,#16c216 100%); border: solid 1px #00a000; box-shadow: 0px 1px 4px #ccc; border-radius: 3px;}
.submit							{width: 100px; height: 40px; text-shadow: 1px 1px #ff3a3a; float: left; font-size: 17px; color: #7b0000; margin-top: 25px; margin-left: 45px; background: -webkit-linear-gradient(top, #fff 0%,#eb2828 2%,#d22626 100%); border: solid 1px #bb0808; box-shadow: 0px 1px 4px #ccc; border-radius: 3px;}
.submit:hover					{cursor: pointer; color: #fff; text-shadow: 1px 1px #d22626;}
.submit:active					{cursor: pointer; box-shadow: inset 0px 1px 10px #7b0000; background: -webkit-linear-gradient(top, #fff 0%,#cb0808 2%,#bb0808 100%);}
.submit_grey					{width: 100px; height: 40px; text-shadow: 1px 1px #bbb; float: left; font-size: 17px; color: #444; margin-top: 25px; margin-left: 45px; background: -webkit-linear-gradient(top, #fff 0%,#aaa 2%,#999 100%); border: solid 1px #777; box-shadow: 0px 1px 4px #ccc; border-radius: 3px;}
.submit_grey:hover				{cursor: pointer; color: #fff; text-shadow: 1px 1px #777;}
.submit_grey:active				{cursor: pointer; box-shadow: inset 0px 1px 10px #444; background: -webkit-linear-gradient(top, #fff 0%,#888 2%,#777 100%);}


/***********MAIN CONTAINER***********/

.haze							{-webkit-filter: blur(3px);}

.request-error					{width: 100%; height: 30px; background: -webkit-linear-gradient(top, #eb2828 0%,#d22626 100%); color: #fff; line-height: 30px; text-align: center;}

.error							{width: 910px; position: absolute; height: 30px; border-radius: 3px; line-height: 30px; margin-top: 4px; margin-left: -455px; border: solid 2px #a00000; background: -webkit-linear-gradient(top, #eb2828 0%,#d22626 100%); color: #fff; text-shadow: 1px 1px #444; float: left; box-shadow: 0px 0px 10px #777;}
.success						{width: 910px; position: absolute; height: 30px; border-radius: 3px; line-height: 30px; margin-top: 4px; margin-left: -455px; border: solid 2px #00a000; background: -webkit-linear-gradient(top, #18db18 0%,#16c216 100%); color: #fff; text-shadow: 1px 1px #444; float: left; box-shadow: 0px 0px 10px #777;}

.login_table					{float: left; width: 900px; margin-top: 50px; display: none;}

.sub_nav_bar					{width: 100%; height: 40px; background: -webkit-linear-gradient(top, #eee 0%,#ccc 100%);}
.sub_nav_list					{width: 900px; list-style-type: none; display: inline; float: left;}
.sub_nav_button					{width: 148px; background: -webkit-linear-gradient(top, #999 0%,#777 100%); box-shadow: inset 0px 0px 10px 6px #777; border-left: solid 1px #666; border-right: solid 1px #666;  line-height: 40px; height: 40px; color: #fafafa; float: left; letter-spacing: 1px; font-size: 10px;}
.sub_nav_button:hover			{cursor: pointer; background: -webkit-linear-gradient(top, #ccc 0%,#aaa 100%); box-shadow: inset 0px 0px 10px 6px #aaa; border-right: solid 1px #aaa; border-left: solid 1px #aaa;}			
.sub_nav_active					{width: 148px; box-shadow: inset 0px 0px 5px #bbb;  font-family: segoe ui; text-shadow: 1px 1px #eee; background: -webkit-linear-gradient(top, #eee 0%,#ccc 100%); border-left: solid 1px #aaa; border-right: solid 1px #aaa; line-height: 40px; height: 40px; color: #222; float: left; letter-spacing: 2px; font-size: 10px;}
.sub_nav_active:hover			{cursor: pointer;}

.content						{width: 900px; height: 800px; background-color: #fafafa; border-left: solid 2px #aaa; border-right: solid 2px #999; display: none;}
.img							{display: none;}
.map							{float: right; margin-right: 45px; height: 600px; width: 400px; }
.contact_list					{width: 400px; list-style-type: none; float: left; text-align: left; margin-top: 20px; margin-left: 45px; display: none;}

.title_img						{width: 800px; height: 320px; margin-top: 30px;}
.title							{width: 900px; text-align: left; font-size: 30px; color: #777; float: left; display: none;}
.title_sub						{width: 900px; text-align: left; font-size: 18px; color: #e23333; float: left; display: none;}

.search							{width: 300px; height: 40px; margin-top: 40px; margin-left: 45px; border: solid 1px #ccc; border-radius: 5px; box-shadow: inset 0px 1px 5px #ccc, 0px 1px 0px #fff; padding-left: 10px; font-size: 16px; float: left;}
.search:hover					{border: solid 1px #999;}
.search:focus					{border: solid 1px #3aa62f;}
.search_submit					{width: 50px; height: 40px; float: left; font-size: 17px; color: #fff; margin-top: 40px; margin-left: 15px; background: -webkit-linear-gradient(top, #fff 0%,#4ab63f 2%,#3aa62f 100%); border: solid 1px #2a961f; box-shadow: 0px 1px 4px #ccc; border-radius: 3px; font-family: 'WebSymbolsRegular';}
.search_submit:hover			{cursor: pointer; background: -webkit-linear-gradient(top, #fff 0%,#5ac64f 2%,#4ab63f 100%);}
.search_submit:active			{cursor: pointer; background: -webkit-linear-gradient(top, #fff 0%,#3aa62f 2%,#2a961f 100%);}

.choose							{width: 300px; height: 40px; margin-top: 40px; margin-left: 100px; border: solid 1px #ccc; border-radius: 5px; box-shadow: inset 0px 1px 5px #ccc, 0px 1px 0px #fff; padding-left: 10px; font-size: 16px; float: left;}

.basket							{width: 800px; text-align: left; margin-top: 0px; float: left; margin-left: 45px; border: 1px solid #aaa; padding: 10px; height: 124px; overflow-y: scroll;}

.header							{float: left; display: block; width: 800px; text-align: left; padding-left: 45px; margin-top: 20px;}
.header a						{color: #557CD9; font-size: 16px; margin-bottom: 20px; float: right; margin-right: 10px;}
.header a:hover					{cursor: pointer; text-decoration: underline;}
.header span					{color: #999; font-size: 20px; text-decoration: underline; margin-bottom: 20px;}

.table_header					{width: 100%; margin-top: 10px; height: 25px; float: left; background-color: #222; }
.table_header ul				{list-style: none; height: 25px; float: left; width: 100%;}
.table_header ul li				{float: left; height: 25px; width: 180px; border-right: solid 1px #000;}
.table_header ul li a			{color: #eee; line-height: 23px; text-shadow: 1px 1px #000;}
.table_content					{width: 100%; height: 550px; overflow-y: scroll; float: left;}
.table_content ul				{list-style: none;  border-bottom: solid 1px #ccc; float: left; overflow-x: hidden; width: 100%; background-color: #fafafa;}
.table_content ul:hover			{background-color: #eee; cursor: pointer;}
.table_content ul li			{float: left; width: 180px;}
.table_content ul li a			{color: #222; overflow: none; line-height: 50px;}

.req_table_content				{width: 100%; height: 550px; overflow-y: scroll; float: left;}
.req_table_content ul			{list-style: none;  border-bottom: solid 1px #ccc; float: left; overflow-x: hidden; width: 100%; background-color: #fafafa;}
.req_table_content ul li		{float: left; width: 180px;}
.req_table_content ul li a		{color: #222; overflow: none; line-height: 50px;}
.add							{color: #557CD9;}
.add:hover						{text-decoration: underline; cursor: pointer;}


.lb_table						{width: 100%; overflow-y: auto; float: left;}
.lb_table ul					{list-style: none; float: left;  width: 100%; background-color: #fafafa;}
.lb_table ul li					{text-align: left; margin-top: 20px;}
.lb_table ul li a				{color: #222;}
.lb_button						{float: left; position: absolute; bottom: 30px; }
.lb_button a					{font-size: 30px; width: 100px; height: 40px;}
.lb_track						{font-family: 'WebSymbolsRegular'; color: #5b0000; text-shadow: 1px 1px #ff3a3a; border: solid 1px #8a1111; background: -webkit-linear-gradient(top, #fff 0%,#eb2828 2%,#d22626 100%); padding: 2px 30px 5px 30px;}
.lb_track:hover					{background: -webkit-linear-gradient(top, #fff 0%,#fb3838 2%,#e23636 100%); cursor: pointer;}
.lb_track:active				{background: -webkit-linear-gradient(top, #fff 0%,#cb0000 2%,#b20000 100%); text-shadow: 1px 1px #d22626;}
.lb_request						{font-family: 'HeydingsCommonIconsRegular'; color: #00005a; text-shadow: 1px 1px #5d5fca; border: solid 1px #00008a; background: -webkit-linear-gradient(top, #fff 0%,#4d4fba 2%,#3d3faa 100%); padding: 1px 28px 11px 32px; margin-left: 20px;}
.lb_request:hover				{background: -webkit-linear-gradient(top, #fff 0%,#5d5cba 2%,#4d4fba 100%); cursor: pointer;}
.lb_request:active				{background: -webkit-linear-gradient(top, #fff 0%,#3b3faa 2%,#2b2f9a 100%); text-shadow: 1px 1px #4d4fba;}

.billing_buttons				{float: left; margin-top: 20px; width: 100%; border-bottom: solid 1px #aaa; padding-bottom: 20px;}
.billing_buttons ul				{float: left; width: 100%; list-style: none;}
.billing_buttons ul li			{margin-left: 20px; float: left;}
.billing_buttons ul li a		{color: #222; text-shadow: 1px 1px #ddd; padding: 10px; height: 30px; line-height: 40px; border: solid 1px #aaa; background: -webkit-linear-gradient(top, #fff 0%,#ccc 2%,#bbb 100%);}
.billing_buttons ul li a:hover	{cursor: pointer; background: -webkit-linear-gradient(top, #fff 0%,#ddd 2%,#ccc 100%);}
.billing_buttons ul li a:active	{background: -webkit-linear-gradient(top, #fff 0%,#bbb 2%,#aaa 100%); }
.billing_buttons ul li select	{border: solid 1px #ccc; height: 40px; width: 200px;}

.billing_input 					{color: #222; margin-top: -2px; text-shadow: 1px 1px #ddd; height: 43px; font-size: 16px; width: 100px; border: solid 1px #aaa; background: -webkit-linear-gradient(top, #fff 0%,#ccc 2%,#bbb 100%);}
.billing_input:hover			{cursor: pointer; background: -webkit-linear-gradient(top, #fff 0%,#ddd 2%,#ccc 100%);}
.billing_input:active			{background: -webkit-linear-gradient(top, #fff 0%,#bbb 2%,#aaa 100%);}

.a_buttons						{color: #222; text-shadow: 1px 1px #ddd; padding: 10px; height: 30px; line-height: 40px; border: solid 1px #aaa; background: -webkit-linear-gradient(top, #fff 0%,#ccc 2%,#bbb 100%);}
.a_buttons:hover				{cursor: pointer; background: -webkit-linear-gradient(top, #fff 0%,#ddd 2%,#ccc 100%);}
.a_buttons:active				{background: -webkit-linear-gradient(top, #fff 0%,#bbb 2%,#aaa 100%);}

.list_item						{height: 40px;}
.list_item:hover				{background-color: #ccc; cursor: pointer;}
.list_item_green				{height: 40px; background-color: #b8fbb8;}
.list_item_green:hover			{background-color: #98eb98; cursor: pointer;}

.delete							{color: #222; text-shadow: 1px 1px #ff3a3a; height: 43px; font-size: 16px; border: solid 1px #bb0808;  background: -webkit-linear-gradient(top, #fff 0%,#eb2828 2%,#d22626 100%);}
.delete:hover					{cursor: pointer; color: #fff; text-shadow: 1px 1px #d22626;}
.delete:active					{cursor: pointer; box-shadow: inset 0px 1px 10px #7b0000; background: -webkit-linear-gradient(top, #fff 0%,#cb0808 2%,#bb0808 100%);}

.generate_button				{color: #222; font-size: 16px; text-shadow: 1px 1px #ddd; float: left; background: -webkit-linear-gradient(top, #fff 0%,#ccc 2%,#bbb 100%); border: solid 1px #aaa; margin-top: 20px; line-height: 40px; margin-left: 45px; width: 200px; height: 40px;}
.generate_button:hover			{cursor: pointer; background: -webkit-linear-gradient(top, #fff 0%,#ddd 2%,#ccc 100%);}
.generate_button:active			{background: -webkit-linear-gradient(top, #fff 0%,#bbb 2%,#aaa 100%);}

.add_tariff						{float: left; width: 100%;}
.add_tariff span				{font-size: 20px; margin-top: 0px; border-bottom: solid 1px #ccc; padding-top: 20px;}
.add_tariff_button				{float: left; position: absolute; bottom: 30px;}
.add_tariff_button input		{color: #222; text-shadow: 1px 1px #ddd; height: 40px; font-size: 16px; width: 100px; border: solid 1px #aaa; background: -webkit-linear-gradient(top, #fff 0%,#ccc 2%,#bbb 100%);}
.add_tariff_button input:hover	{cursor: pointer; background: -webkit-linear-gradient(top, #fff 0%,#ddd 2%,#ccc 100%);}
.add_tariff_button input:active	{background: -webkit-linear-gradient(top, #fff 0%,#bbb 2%,#aaa 100%);}

.banded_table					{width: 800px; margin-top: 20px; float: left; margin-left: 45px; border-spacing: 0px 10px;}
.banded_table p					{color: #444; font-size: 20px;}
.banded_table input				{width: 80px; height: 40px; margin-top: 5px; border: solid 1px #ccc; border-radius: 5px; box-shadow: inset 0px 1px 5px #ccc, 0px 1px 0px #fff; padding-left: 10px; font-size: 16px; float: left;}
.banded_table input:hover		{border: solid 1px #999;}
.banded_table input:focus		{border: solid 1px #e01c1c; box-shadow: inset 0px 1px 5px #aaa, 0px 1px 0px #fff;}

.preview						{float: left; width: 900px; height: 500px; overflow-y: auto; overflow-x: hidden; padding-top: 20px; text-align: left;}
.preview table					{padding-left: 45px; padding-right: 45px;  font-size: 20px; width: 900px;}

.user_table						{float: left; margin-left: 45px; margin-top: 40px; width: 80%;}

.list_table						{}
.list_table td					{font-size: 16px;}

.subtitle						{color: #aaa; font-size: 28px; border-bottom: solid 1px #ccc; width: 330px; float: left; margin-left: 80px; display: none; margin-top: 10px;}
.paragraph						{display: none; width: 300px; float: left; text-align: left; margin-left: 90px; color: #444; font-size: 18px; margin-top: 20px;}

.lightbox						{height: 400px; width: 560px; padding: 0px 20px 0px 20px; background-color: #fafafa; position: fixed; left: 50%; display: none; top: -900px; margin-left: -300px; border: solid 2px #ccc; z-index: 1001;}
.lightbox_bg					{width: 100%; height: 100%; top: 0px; bottom: 0px; left: 0px; right: 0px; position: fixed; z-index: 1000; background-image: url("lb_bg.png"); display: none;}
#close							{color: #fafafa; position: absolute; top: -500px; right: 50%; margin-right: -325px; font-size: 20px; z-index: 1001; display: none; }
#close:hover					{cursor: pointer;}
#loading						{padding: 20px 20px 20px 20px; border-radius: solid 1px #000; background-color: #000; margin-top: 10%;}

.tail							{height: 10px; width: 902px; background: -webkit-linear-gradient(top, #343434 0%,#252525 100%); display: none; }

/***********CONTROL PANEL***********/

.cp_nav_bar						{width: 100%; height: 40px; background: -webkit-linear-gradient(top, #343434 0%,#252525 100%); margin-top: 15px; display: none; -webkit-transform: rotate3d(0,0,0,0);}
.cp_nav_list					{display: inline; list-style-type: none; float: right; width: 100%;}
.cp_nav_button					{float: right; color: #222; width: 100px; line-height: 35px; text-shadow: 1px 1px #555; height: 40px; font-size: 24px; border-left: solid 1px #222; border-right: solid 1px #222; background-color: #444;}
.cp_nav_button:hover			{cursor: pointer;}
.cp_nav_active					{float: right; color: #fafafa; width: 100px; line-height: 35px; text-shadow: 1px 1px #000; height: 40px; font-size: 24px; border-left: solid 1px #222; border-right: solid 1px #222; background-color: #444;}
.cp_nav_content					{width: 100%;}
.cp_nav_list ul					{position: absolute; box-shadow: -2px 2px 5px #eee; right: 0px; top: 40px; text-align: left; display: none; list-style: none; background-color: #fafafa; border-top: solid 1px #ccc; border-bottom: solid 1px #ccc; border-left: solid 1px #ccc; width: 205px;}
.cp_nav_list ul li				{float: left;}
.cp_nav_list ul li a			{color: #444; float: left; height: 40px; padding-left: 25px; line-height: 40px; font-size: 16px; width: 180px;}
.cp_nav_list ul li a:hover		{background-color: #eee;}

.cp_title						{border-bottom: solid 1px #ccc; text-align: left; font-size: 40px; color: #777; float: left; display: none;}
.cp_paragraph					{display: none; float: left; text-align: left; margin-left: 45px; color: #444; font-size: 18px; margin-top: 20px;}

.cp_content						{width: 100%; height: 800px; background-color: #fafafa; display: none;}
.cp_content table				{width: 100%; margin-top: 60px; float: left; padding-right: 45px;}

.cp_tail						{height: 10px; width: 100%; background: -webkit-linear-gradient(top, #343434 0%,#252525 100%); display: none; }

.icon							{font-size: 80px; float: left;}

/***********FOOTER***********/

.container						{height: 150px; width: 950px; background-color: #222; bottom: 0px; position: absolute; bottom: 0px; padding-left: 50px;}

.footer							{height: 300px; width: 1000px; position: relative; display: none; bottom: 0px;}
.footer ul						{width: 100%; list-style-type: none; display: inline; float: left;}
.footer p						{text-align: left; width: 140px; font-size: 14px; float: left; margin-left: 20px; margin-top: 30px; color: #777;}
.footer span					{font-family: 'WebSymbolsRegular'; float: left; font-size: 60px; margin-left: 0px; margin-top: 30px; color: #777;}

/***********ADPAGE***********/

.am_content						{width: 900px; height: 600px; margin-top: 10%; background-color: #eee; box-shadow: 0px 0px 30px 1px #aaa;}

.am_link						{margin-top: 80px; float: left; margin-left: 45px; height: 170px; background-color: #e0e0e0; border: solid 1px #999;}
.am_link:hover					{border: solid 1px #c00000;}

.am_logout						{position: absolute; float: right; color: #999;}
.am_logout:hover				{color: #444;}

.barcode_btn					{background: -webkit-linear-gradient(top, #aaa 0%,#999 100%); padding: 10px; font-size: 16px; border: solid 1px #777; color: #444; text-shadow: 1px 1px #bbb;}
.barcode_btn:hover				{cursor: pointer; color: #fff; text-shadow: 1px 1px #666;}
.barcode_btn:active				{background: -webkit-linear-gradient(top, #999 0%,#777 100%); box-shadow: inset 0px 1px 10px #444;}