body {
	background: #e1e5e7;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 120%;
}

a { text-decoration: none; cursor: pointer; }
img { border: 0px; }

input { margin: 0; }
textarea { resize: none; }

.center { text-align: center; }
.clear { clear: both; }
.container { width: 1000px; margin: 0 auto; }
.hide { display: none; }
.defaultCursor { cursor: default; }
.loading { text-align: center; padding: 20px; }
.progress { cursor: progress; }
.done { cursor: pointer; }

.firstLetterCap { text-transform: capitalize; }

.left { float: left; }
.right { float: right; }

h1 { display: inline-block; color: #2aa4dc; font-size: 30px; font-weight: normal; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; margin: 0 0 0 20px; float: left; line-height: 30px; text-transform: lowercase; }
h2 { display: inline-block; color: #2aa4dc; font-size: 30px; font-weight: normal; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; margin: 0 0 0 20px; float: left; }
h3 { display: inline-block; color: #66696a; font-size: 20px; font-weight: bold; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; margin: 0 0 0 20px; }
h4 { display: inline-block; color: #e4e8ea; font-size: 18px; font-weight: bold; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; margin: 0; }

p { padding: 15px 0 0 0; margin: 0 20px; color: #66696a; font-size: 14px; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }

#topBar { background: #5e6262 url(img/topBarBG.jpg) repeat-x; height: 40px; }
#bottomBar { background: #151616 url(img/bottomBarBG.jpg) repeat-x; height: 60px; }
#footer { font-size: 80%; color: #747a7c; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; padding: 0 0 25px 0; }
#footer div span { margin: 0 25px; }
#footer div span a { color: #313334; }

div#errorBar { background: #f7ebeb; border-top: #edd8d8 1px solid; border-bottom: #edd8d8 1px solid; padding: 20px 20px; margin: 0 0 20px 0; text-align: center; }
div#messageBar { background: #f3efd7; border-top: #e3e0cb 1px solid; border-bottom: #e3e0cb 1px solid; padding: 20px 20px; margin: 0 0 20px 0; text-align: center; }

#logout { position: absolute; top: 50%; height: 50px; width: 100%; margin: -25px 0 0 0; font-size:40px; text-align: center; color: #232627; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }

#noscript { background: #e1e5e7; position: absolute; top: 0; left: 0; bottom: 0; right: 0;}
#noscript span { display: block; position: absolute; top: 50%; height: 50px; width: 100%; margin: -25px 0 0 0; font-size:40px; text-align: center; color: #232627; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }

#login { position: absolute; top: 50%; left: 50%; height: 350px; width: 400px; margin: -175px 0 0 -200px; }
#login_head { background: url(img/bottomBarBG.jpg) repeat-x; height: 60px; width: 400px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
#login_body { position: relative; background: #ffffff; height: 270px; width: 400px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#login_body_head { height: 50px; width: 360px; margin: 0 20px; color: #2aa4dc; font-size: 30px; padding: 20px 0 0 0; }
#login_body_item { height: 70px; width: 360px; margin: 0 20px; color: #343739; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
#login_body_item input { background: #f3f4f5; border: #979ea1 1px solid; margin: 5px 0 0 0; padding: 8px 5px; width: 348px; color: #343739; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
#login_button { position: absolute; background: #00aeff; border: #0090ff 1px solid; bottom: 20px; right: 20px; height: 30px; padding: 0 10px; margin: 0; font-size: 14px; color: #ffffff; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif;  }
#login_shaddow { background: url(img/login_shaddow.png) no-repeat; height: 20px; width: 400px; }
#login_footer { width: 400px; margin: -5px auto 0; color: #747a7c; font-size: 80%; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }

#logoSmall { height: 60px; float: left; border: 0px; }
/*#logoSmall img { margin: 15px 0 0 15px; }*/
#logoSmall img { margin: 3px 0 0 15px; }

#navArea { height: 60px; float: right; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }

#nav { font-size: 20px; margin: 20px 0 0 0; height: 40px; float: left; }
#nav ul { list-style: none; height: 40px; display: inline; -webkit-padding-start: 0; }
#nav ul li { list-style: none; display: inline; float: left; }
#nav ul li a { display: block; line-height: 30px; padding: 0 15px 10px; color: #b5b5b5; }
#nav ul li a:hover { color: #29a3b5; }
#nav ul li a.selected { color: #00ccff; }

#notifications { margin: 20px 0 0 10px; float: left; }
#notifications a { display: block; background: url(img/notification.jpg) repeat-x; height: 40px; width: 40px; line-height: 40px; text-align: center; color: #ffffff; font-size: 16px; }
#notifications a.new {background: url(img/notification_new.jpg) repeat-x; font-weight: bold; }

#main { background: url(img/shaddow.png) no-repeat center top; min-height: 180px; }
#body { position: relative; background: #ffffff; min-height: 180px; -webkit-border-bottom-right-radius: 5px; -webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-right-radius: 5px; border-bottom-left-radius: 5px; }
#body_content { padding: 0 0 20px 0; }
#body_spacer { height: 78px; }
#bodyShaddow { background: url(img/bodyShaddow.png) no-repeat; height: 20px; }

#noResults { padding: 40px 0 0 0; text-align: center; font-size: 20px; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }

#requestUserInput { }
#requestUserInput_bg { position: absolute; top: 0; left: 0; bottom: 0; right: 0; background: #ffffff; opacity: .75; z-index: 99; }
#requestUserInput_box { background: #ffffff; border: #bfbfbf 5px solid; opacity: 1.0; position: absolute; top: 30%; left: 50%; margin: 0 0 0 -150px; width: 300px; z-index: 100; }
#requestUserInput_box input { background: #ffffff; border-top: #e1e5e7 1px solid; border-bottom: none; border-left: none; border-right: none;  line-height: 40px; width: 100%; margin:0; padding: 0; cursor: pointer; }
#requestUserInput_box input:hover { background: #f3f4f5; }
#requestUserInput_box a.cancel { display: block; background: #6f7373; height: 30px; width: 100%; line-height: 30px; color: #ffffff; text-align: center; font-weight: bold; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
#requestUserInput_box a.cancel:hover { background: #5e6161; }
#saving { opacity: 1.0; position: absolute; top: 45%; left: 50%; margin: -25px 0 0 -100px; width: 200px; z-index: 100; text-align: center; font-size:40px; text-align: center; color: #232627; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; line-height: 40px; cursor: progress; }
#sending { opacity: 1.0; position: absolute; top: 45%; left: 50%; margin: -25px 0 0 -110px; width: 220px; z-index: 100; text-align: center; font-size:40px; text-align: center; color: #232627; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; line-height: 40px; cursor: progress; }
#creating { opacity: 1.0; position: absolute; top: 45%; left: 50%; margin: -25px 0 0 -120px; width: 240px; z-index: 100; text-align: center; font-size:40px; text-align: center; color: #232627; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; line-height: 40px; cursor: progress; }

.search { background: #303131; border: #868b8b 1px solid; margin: 7px 20px 0 0; height: 24px; float: left; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.searchBox { background: #303131; border: none; width: 260px; color: #c0c8c8; padding: 4px 5px; margin: 0; float: left; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }
.searchBox::-webkit-input-placeholder { font-style: italic; color: #757a7a; }
.searchButton { background: #303131 url(img/searchIcon.png) no-repeat center center; border: none; width: 30px; height: 24px; margin: 0; padding: 0; cursor: pointer; overflow: hidden; float: right; -webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px; }

#userControls { margin: 7px 10px 0 0; float: left; color: #bfc5c5;}
#userControls a { display: inline-block; line-height: 26px; height: 26px; color: #bfc5c5; padding: 0 10px; }
#userControls a:hover { color: #4bc6ff; }

#top_bar { position: relative; padding: 20px 0; }
#category_bar { position: relative; padding: 0 0 10px 0; }
#category_bar table { width: 100%; table-layout: auto; text-align: center; font-weight: normal; font-size: 16px; text-transform: lowercase; }
#category_bar table td { min-width: 34px; }
#category_bar table td.selected { background: #F3F4F5; font-weight: bold; }
#category_bar table a { display: block; width: 100%; height: 100%; color: #000000; }
#category_bar table a:hover { background: #F3F4F5; font-weight: bold; }
#category_bar table a span { display: block; padding: 10px 0; }
#bottom_bar { position: absolute; bottom: 0; background: #f3f4f5; width: 100%; padding: 20px 0 25px; border-top: #e1e5e7 1px solid; }
#bottom_bar_light { position: absolute; bottom: 0; width: 100%; padding: 20px 0 25px; border-top: #e1e5e7 1px solid; }
.subNav_border { border-left: #aeb2b3 1px solid; }
.subNav_top { margin: 2px 0 0 20px; padding: 0 0 0 10px; }
.subNav_bottom { margin: 0 0 0 15px; padding: 0; }
.subNav { display: inline-block; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
.subNav ul { display: inline; list-style: none; }
.subNav ul li { display: inline; list-style: none; float: left; }
.subNav ul li a { display: block; height: 30px; line-height: 30px; padding: 0 10px; color: #343739; font-size: 24px; }
.subNav ul li a:hover { color: #3d6072; }
.subNav span { display: block; padding: 3px 0 0 30px; height: 30px; line-height: 30px; color: #767d80; font-size: 24px; }
.subNav span span { padding: 0; display: inline; color: #343739; }
#subsearch { position: absolute; top: 20px; right: 20px; color: #66696a; }
#subsearch span { font-size: 20px; line-height: 30px; }
#subsearch input { background: #f3f4f5; border: #979ea1 1px solid; width: 218px; height: 20px; padding: 4px 5px; font-size: 14px; margin: 0 0 0 15px; }
#subsearch input::-webkit-input-placeholder {font-style: italic; color: #909698; }
#subsearch select { background: #f3f4f5; border: #979ea1 1px solid; width: 230px; height: 30px; font-size: 14px; margin: 0 0 0 15px; }

.bottom_subNav { }

#notifications_list ul { list-style: none; -webkit-padding-start: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; font-size: 14px; padding: 0; margin: 0; }
#notifications_list ul a { display: block; color: #343739; }
#notifications_list ul a li { display: block; list-style: none; border-top: #e1e5e7 1px solid; height: 49px; line-height: 49px; padding: 0 0 0 0; font-weight: bold; }
#notifications_list ul a li:hover { background: #f3f4f5; }
#notifications_list ul a li.new { color: #cf0000; }
#notifications_list ul a li span { display: inline; margin: 0 0 0 25px; }
#notifications_list ul a li span.check { margin: 0 -10px 0 10px; }
#notifications_list ul a li span.check input { display: block; padding: 10px 0; height: 49px; width: 40px; }
#notifications_list ul a li span.type { width: 85px; }
#notifications_list ul a li span.company { width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#notifications_list ul a li span.products { width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#notifications_list ul a li span.date { width: 100px; margin: 0 20px 0 0; text-align: right; }
#notifications_list a.more { display: block; background: #f3f4f5; color: #66696a; border-top: #e1e5e7 1px solid; height: 49px; line-height: 49px; font-size: 16px; text-align: center; }
.notificationSelected { background: #f4eed4; }
#notifications_list ul li.seperator { background: #e1e5e7; height: 4px; }

#search_list { padding: 0 0 20px 0; margin: 0; font-size: 14px; }
#search_list ul { list-style: none; -webkit-padding-start: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; padding: 0; margin: 0; }
#search_list ul li.listHead { display: block; list-style: none; padding: 0 0 15px 20px; font-weight: bold; color: #66696a; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: default; }
#search_list ul li.search_seperator { height: 25px; }
#search_list ul a { display: block; color: #cdcdcd; }
#search_list ul a li { display: block; background: #101111; list-style: none; border-top: #646e73 1px solid; height: 39px; line-height: 39px; padding: 0 0 0 0; }
#search_list ul a li:hover { background: #3d4343; color: #71b9c6; }
#search_list ul a li span { display: inline; margin: 0 0 0 25px; }
#search_list ul a li span.result { width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#search_list ul a li span.result strong { color: #ffffff; }
#search_list ul a li span.date { width: 100px; margin: 0 20px 0 0; text-align: right; }
#search_list ul a li span.company { width: 200px; margin: 0 20px 0 0; text-align: right; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }

#list { margin: 0; padding: 0; font-size: 14px; }
#list ul { list-style: none; -webkit-padding-start: 0; -webkit-margin-before: 0; -webkit-margin-after: 0; padding: 0; margin: 0; }
#list ul li.head { display: block; list-style: none; height: 30px; line-height: 30px; padding: 0 0 0 0; font-weight: bold; color: #3f5662; cursor: default; }
#list ul li.headView { display: block; list-style: none; height: 30px; line-height: 30px; padding: 0; font-size: 12px; font-weight: bold; color: #5d5f60; cursor: default; }
#list ul a { display: block; color: #cdcdcd; }
#list ul a li { display: block; background: #101111; list-style: none; border-top: #646e73 1px solid; height: 39px; line-height: 39px; padding: 0 0 0 0; }
#bgleads { display: block; background: #101111; list-style: none; border-top: #646e73 1px solid; height: 39px; line-height: 39px; padding: 0 0 0 0;}

#list ul li span { display: inline; margin: 0 0 0 25px; }
#list ul li span.number { width: 75px; }
#list ul li span.status { width: 75px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#list ul li span.company { width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#list ul li span.companyMain { width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#list ul li span.contact { width: 200px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#list ul li span.products { width: 300px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#list ul li span.date { width: 150px; margin: 0 20px 0 0; }
#list ul li span.hiddenInfo { display: none; }
#list ul li.canceled { background: #000000; color: #686868; }
#list ul li.canceled:hover { background: #000000; color: #c67171; }
#list ul a li:hover { background: #3d4343; color: #71b9c6; }
#list ul li span.right { text-align: right; margin: 0 20px 0 0; }
#list ul li span.left { text-align: left; }

#pipeline { position: relative; background: url(img/pipeline.png) center 30px no-repeat; height: 75px; }
#pipeline span { display: block; color: #66696a; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; text-align: center; height: 55px; padding: 0 10px; cursor: default; }
#pipeline a span:hover { cursor: pointer; }
#pipeline span.lead { position: absolute; background:url(img/pipeline_left.png) center 25px no-repeat; left: 35px; }
#pipeline span.lead.selected { background:url(img/pipeline_left_selected.png) center 25px no-repeat; }
#pipeline a span.lead:hover { background:url(img/pipeline_left_hover.png) center 25px no-repeat; }
#pipeline span.order { position: absolute; background:url(img/pipeline_center.png) center 25px no-repeat; left: 250px; }
#pipeline span.order.selected { background:url(img/pipeline_center_selected.png) center 25px no-repeat; }
#pipeline a span.order:hover { background:url(img/pipeline_center_hover.png) center 25px no-repeat; }

#extraInfo { display: block; }
#extraInfo div#extraInfo_items { border-top: #d0d1d3 1px solid; width: 300px; float: left; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
#extraInfo div#extraInfo_items span.item { display: block; border-bottom: #d0d1d3 1px solid; color: #66696a; padding: 5px 20px 8px; cursor: pointer; }
#extraInfo div#extraInfo_items span.item:hover { background: #f3f4f5; }
#extraInfo div#extraInfo_items span.selected { background: #f3f4f5 url(img/item_selected.png) center right no-repeat; }
#extraInfo div#extraInfo_items span.selected:hover { background: #f3f4f5 url(img/item_selected.png) center right no-repeat; }
#extraInfo div#extraInfo_items span.item span { display: inline-block; font-size: 14px; color: #000000; padding: 5px 0 0 0; }
#extraInfo div#extraInfo_items span.item div { display: none; }
#extraInfo div.view { position: relative; background: #101111; width: 700px; float: left; color: #e4e8ea; min-height: 185px; }
#extraInfo div.view div#view_pad { padding: 40px 40px 0 40px; }
#extraInfo div.view div#view_pad div#info { padding: 14px 0 0 0; line-height: 18px; }
#extraInfo div.view div#view_pad div#info div#info_items { width: 300px; float: left; padding: 0 0 10px 0; }
#extraInfo div.view div#view_pad div#info div#info_address { width: 300px; float: left; }
#extraInfo div.view div#view_pad div#info div#info_notes { width: 600px; float: left; padding: 0 0 40px 0; }
#extraInfo div.view div#view_pad div#info span.type { display: inline-block; color: #b1b5b7; font-size: 14px; width: 60px; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: default; }
#extraInfo div.view div#view_pad div#info span.type_center { display: inline-block; color: #b1b5b7; font-size: 14px; width: 60px; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: default; text-align: center; }
#extraInfo div.view div#view_pad div#info span.value { display: inline-block; font-size: 14px; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
#extraInfo div.view div#view_pad div#info span.value input.value_edit{ background: #2c3030; width: 200px; border: #565656 1px solid; color: #e1e1e1; }
#extraInfo div.view div#view_pad div#info span.value input.value_edit_medium{ background: #2c3030; width: 133px; border: #565656 1px solid; color: #e1e1e1; }
#extraInfo div.view div#view_pad div#info span.value input.value_edit_medium_short{ background: #2c3030; width: 75px; border: #565656 1px solid; color: #e1e1e1; }
#extraInfo div.view div#view_pad div#info span.value input.value_edit_short{ background: #2c3030; width: 40px; border: #565656 1px solid; color: #e1e1e1; }
#extraInfo div.view div#view_pad a { color: #2db9ff; text-decoration: underline; }
#extraInfo div.view div#view_pad h4 a { color: #e4e8ea; text-decoration: none; }
#extraInfo div.view div#view_pad a:hover { color: #68cdff; }
#extraInfo span.button_edit, #extraInfo span.button_save { position: absolute; display: block; background: #00aeff; border: #0090ff 1px solid; bottom: 20px; right: 20px; height: 30px; line-height: 30px; padding: 0 10px; margin: 0; font-size: 14px; color: #ffffff; cursor: pointer; -moz-border-radius: 3px; border-radius: 3px; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }

#order_info { width: 300px; float: left; }
#order_info span.type { display: inline-block; height: 30px; line-height: 30px; width: 100px; padding: 0 0 0 20px; color: #66696a; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: default; }
#order_info span.value { display: inline-block; height: 30px; line-height: 30px; font-size: 14px; }
#order_items { width: 700px; float: left; }

#item_list { list-style: none; margin: 0; padding: 0; }
#item_list li.head { background: #ffffff; border-bottom: #415660 1px solid; height: 39px; line-height: 39px; color: #66696a; padding: 0 20px 0 0; cursor: default; font-weight: normal; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
#item_list li.item { background: #5c7885; border-bottom: #415660 1px solid; height: 39px; line-height: 39px; color: #e4e8ea; padding: 0 20px 0 0; }
#item_list li span { padding: 0 0 0 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#item_list li span.product { width: 110px; }
#item_list li.item span.product { font-weight: bold; }
#item_list li span.description { width: 140px; }
#item_list li span.price { width: 55px; }
#item_list li span.denomination { width: 45px; }
#item_list li span.shipping { width: 55px; }
#item_list li span.volume { width: 60px; }
#item_list li span.total { width: 70px; text-align: right; }

div.threeBoxes { width: 1000px; margin: 0 0 0 -10px; }

.threeBoxes_box { float: left; margin: 0 0 0 30px; width: 300px; }
.noteType { padding: 0 0 10px 0; color: #b1b9bd; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: default; }
.noteType strong { color: #66696a; font-weight: normal; margin: 0 20px 0 0; }
.noteText { }

.bigNoteBox { width: 1000px; }
.bigNoteBox .noteType { margin: 0 20px;}

.bigNoteBox textarea.notes { background: #f3f4f5; border: #979ea1 1px solid; width: 948px; height: 150px; padding: 5px; margin: 0 20px; font-family: Arial, Helvetica, sans-serif; }

.infoItem { height: 60px; }
.infoItem span { display: block; color: #66696a; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: default; padding: 0 0 3px 0; }
.infoItem span span { display: inline-block; color: #ff2000; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: default; margin: 0 0 0 5px; padding: 0; font-size: 18px; height: 10px; overflow: hidden; }
.infoItem input { background: #f3f4f5; border: #979ea1 1px solid; width: 288px; padding: 0 5px; height: 28px; line-height: 28px; }
.infoItem input:focus { background: #eceeef; border: #3c4345 1px solid; }
.infoItem input[disabled] { background: #f9f9f9; border: #d0d5d7 1px solid; }
.infoItem input[readonly] { background: #f6f6f6; border: #c2cbce 1px solid; }
.infoItem input.phone { background: #f3f4f5; border: #979ea1 1px solid; width: 200px; padding: 0 5px; height: 28px; line-height: 28px; }
.infoItem span.phone_ext_text { display: inline-block; width: 32px; font-size: 12px; text-align: center; }
.infoItem input.phone_ext { background: #f3f4f5; border: #979ea1 1px solid; width: 42px; padding: 0 5px; height: 28px; line-height: 28px; }
.infoItem select.state { background: #f3f4f5; border: #979ea1 1px solid; width: 112px; height: 30px; line-height: 30px; }
.infoItem input.zip { background: #f3f4f5; border: #979ea1 1px solid; width: 154px; padding: 0 5px; height: 28px; line-height: 28px; margin: 0 0 0 20px; }
.infoItem span span.zipTitle { display: inline-block; color: #66696a; margin: 0 0 0 106px; padding: 0; font-size: 12px; height: auto; overflow: hidden; }
.infoItem select { background: #f3f4f5; border: #979ea1 1px solid; width: 300px; height: 30px; line-height: 30px; margin: 0; padding: 0; }
.infoItem .highlight { background: #f7ebeb; }
.infoItem input.month { background: #f3f4f5; border: #979ea1 1px solid; width: 50px; padding: 0 5px; height: 28px; line-height: 28px; margin: 0 10px 0 5px; }
.infoItem input.day { background: #f3f4f5; border: #979ea1 1px solid; width: 50px; padding: 0 5px; height: 28px; line-height: 28px; margin: 0 10px 0 5px; }
.infoItem input.year { background: #f3f4f5; border: #979ea1 1px solid; width: 50px; padding: 0 5px; height: 28px; line-height: 28px; margin: 0 0 0 5px; }
.infoItem div.infoValue { line-height: 30px; height: 30px; }
.infoItem input.checkbox { display: inline-block; background: #f3f4f5; border: #979ea1 1px solid; height: 15px; width: 15px; margin: 0 20px 0 5px; }

#order_items_edit {}
#item_list_edit { list-style: none; margin: 0; padding: 0; }
#item_list_edit li.head { border-bottom: #e1e5e7 1px solid; height: 29px; line-height: 29px; color: #66696a; padding: 0 20px 0 0; cursor: default; font-weight: normal; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; }
#item_list_edit li.item { border-bottom: #e1e5e7 1px solid; height: 49px; line-height: 49px; padding: 0 20px 0 0; }
#item_list_edit li span { padding: 0 0 0 20px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
#item_list_edit li span select.medium { background: #f3f4f5; border: #979ea1 1px solid; width: 170px; height: 30px; line-height: 28px; }
#item_list_edit li span input.medium { background: #f3f4f5; border: #979ea1 1px solid; width: 158px; padding: 0 5px; height: 28px; line-height: 28px; }
#item_list_edit li span input.short { background: #f3f4f5; border: #979ea1 1px solid; width: 78px; padding: 0 5px; height: 28px; line-height: 28px; }
#item_list_edit li span.product { width: 170px; }
#item_list_edit li span.description { width: 170px; }
#item_list_edit li span.price { width: 90px; }
#item_list_edit li span.denomination { width: 90px; }
#item_list_edit li span.shipping { width: 90px; }
#item_list_edit li span.volume { width: 90px; }
#item_list_edit li span.controls { width: 100px; text-align: right; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; margin: 0 -10px 0 0; }
#item_list_edit li span.controls span.control { display: inline-block; border: #e1e5e7 1px solid; padding: 0 10px; cursor: pointer; font-size: 14px; height: 28px; line-height: 28px; }
#add_order_item { background: #f3f4f5; border-bottom: #e1e5e7 1px solid; height: 49px; line-height: 49px; padding: 0 20px 0 0; text-align: center; font-family: "Segoe UI", Helvetica, Arial, Sans-Serif; cursor: pointer; color: #66696a; font-size: 16px; }

textarea.notes { background: #f3f4f5; border: #979ea1 1px solid; width: 288px; height: 150px; padding: 5px; margin: 0; font-family: Arial, Helvetica, sans-serif; }

.viewSpacer { height: 40px; }
.viewSpacerMedium { height: 30px; }
.viewSpacerShort { height: 20px; }

#preview { border-top: #e1e5e7 1px solid; padding: 15px; }
#emailButton { display: inline-block;  padding: 0 10px; color: #343739; font-size: 24px; padding: 0; margin: 5px 0 0 15px; cursor: pointer; }

/******************************************************************************************************/

/* Autocomplete */

.ac_results {
	padding: 0px;
	border: 1px solid WindowFrame;
	background-color: Window;
	overflow: hidden;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results iframe {
	display: none;/*sorry for IE5*/
	display/**/: block;/*sorry for IE5*/
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
	filter: mask();
	width: 3000px;
	height: 3000px;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: pointer;
	display: block;
	width: 100%;
	font: menu;
	font-size: 12px;
	overflow: hidden;
}

.ac_loading {
	background: Window url('img/loading_small.gif') right center no-repeat;
}

.ac_over {
	background-color: Highlight;
	color: HighlightText;
}
.widht40{
    float: left;
    width: 30%;    
}
.widht60{
    width: 70%;
}
.clear100{
    clear: both;
    width: 100%;
    height: 20px;
    margin: 15px 0;
}