/* Global Elements */
* { margin:0; padding:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; }
*:focus { outline:none; } 
html { min-height:100%; }

body { min-height:100%; color:#666666; font-family:Arial, Helvetica, sans-serif; font-size:14px; line-height:150%; background:#FFF; }
body a { color:#0093E4; text-decoration:underline; }
body a:hover { color:#0093E4; text-decoration:none; }
body a:focus { outline:none; } 

/*
form { display:inline;}
fieldset { border:none; }
textarea, select, input[type='text'], input[type='password'] { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; outline:0; padding:5px 5px 5px 5px; font-family:Arial, Helvetica, sans-serif; font-size:100%; color:#000000; border:solid 1px #CCCCCC; background-color:#FFFFFF; *padding-top:4px; *padding-bottom:4px; *height:auto; }
@media (-webkit-min-device-pixel-ratio: 0) { select { background-image:url(../imgs/html-select-arrow.gif); background-repeat:no-repeat; background-position:right center; padding-right:30px; } }
label { }
*/

form { display:inline; }
fieldset { border:none; }
textarea, select, input[type='text'], input[type='password'], .multiselect { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; outline:0; /* Styling */ padding:6px 6px 6px 6px; font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#000000; border:solid 1px #CCCCCC; background-color:#FFFFFF; /* IE7 */ *padding-top:4px; *padding-bottom:4px; *height:auto; }
@media (-webkit-min-device-pixel-ratio: 0) { select { background-image:url(../imgs/html-select-arrow.gif); background-repeat:no-repeat; background-position:right center; padding-right:30px; } }
textarea:focus, select:focus, input[type='text']:focus, input[type='password']:focus { border-color:#999999; box-shadow: 0px 0px 5px #CCCCCC; }
input[readonly='readonly'], input[readonly='readonly']:focus { color:#999999; border:dotted 1px #CCCCCC; box-shadow:none; }
.multiselect { overflow:auto; height:167px; padding:0; font-size:14px; }
.multiselect label { display:block; padding:2px 6px; border-bottom:dotted 1px #CCCCCC; }
.multiselect label:last-child { border-bottom:none; }
.multiselect label input { margin-right:5px; }
	
.button { -webkit-appearance:none; -moz-border-radius:0; -webkit-border-radius:0; border-radius:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -moz-background-clip:padding; -webkit-background-clip:padding; background-clip:padding-box; outline:0; display:inline-block; padding:7px 15px; font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:100%; color:#FFFFFF; border:solid 1px #243587; background:#243587 url(../imgs/button-shine.png) repeat-x left top; text-decoration:none; cursor:pointer; }
.button:hover { color:#FFFFFF; }
.button > * { display:block; text-decoration:none; color:#FFF; }
.button > *:hover { text-decoration:none; color:#FFF; }
.button.slim { padding:4px 10px; font-size:13px; background-position:0 -5px; }
.button.blue { background-color:#1f4495; border-color:#1f4495; }
.button.red { background-color:#FF3300; border-color:#FF3300; }
.button.green { background-color:#009900; border-color:#009900; }
.button.grey { background-color:#DDDDDD; border-color:#DDDDDD; }
.button.flat { background-image:none; }

.response { margin-top:10px; padding:20px; color:#FFFFFF; font-size:110%; text-align:center; background:#FFFFFF; }
.response.ERROR { background:#FF3300; }
.response.SUCCESS { background:#009900; }
.response.WARNING { background:#FC0; }

/*
.button { display:block; border:solid 1px #333; text-align:center; }
.button > * { display:block; padding:0 15px; border:solid 1px #666; font-family:Arial, Helvetica, sans-serif; font-size:100%; font-weight:bold; line-height:200%; text-decoration:none; color:#FFF; background:#333; cursor:pointer; }
.button > *:hover { text-decoration:none; color:#FFF; }

.button.green { border-color:#009900; }
.button.green > * { background-color:#009900; border-color:#33AD33 #007A00 #007A00 #33AD33; }

.button.red { border-color:#FF3300; }
.button.red > * { background-color:#FF3300; border-color:#FF5C33 #CC2900 #CC2900 #FF5C33; }

.button.blue { border-color:#243587; }
.button.blue > * { background-color:#243587; border-color:#505D9F #1D2A6C #1D2A6C #505D9F; }
*/

.title_1 { margin-bottom:20px; color:#333333; font-size:160%; font-weight:normal; }
.title_2 { margin-bottom:20px; color:#333333; font-size:120%; font-weight:normal; }
.title_3 { margin-bottom:15px; color:#333333; font-size:110%; font-weight:normal; }

.status.pending { color:#FF3300; }
.status.complete { color:#009900; }

.table_1 { width:100%; border:solid 1px #DDDDDD; border-collapse:collapse; }
.table_1 tr { background:#EBEBEB; }
.table_1 tr:nth-child(even) { background:#F4F4F4; }
.table_1 th, .table_1 td  { padding:8px; border:solid 1px #DDDDDD; text-align:left; vertical-align:middle; font-weight:normal; }
.table_1 thead tr { background:#AAAAAA; color:#EBEBEB; }
.table_1 thead th, .table_1 thead td  { border-color:#AAAAAA; }
.table_1 .spacer { height:20px; }
.table_1 .spacer-10 { height:10px; }
.table_1 .spacer-5 { height:5px; }
.table_1 .noRecords td { padding:25px 6px; text-align:center; }

.table_2 { width:100%; border-top:solid 1px #DDDDDD; border-collapse:collapse; }
.table_2 tr { border-bottom:solid 1px #DDDDDD; }
.table_2 th, .table_2 td  { padding:6px; text-align:left; vertical-align:middle; font-weight:normal; }

.divider { height:21px; background:url(../imgs/divider.jpg) repeat-x left center; }

.container { margin:20px; }
.content { margin-top:30px; }

.header { position:relative; height:80px; color:#FFFFFF; background:#243587; background:-moz-linear-gradient(left,  #243587 25%, #1f4495 100%); background:-webkit-gradient(linear, left top, right top, color-stop(25%,#243587), color-stop(100%,#1f4495)); background:-webkit-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-o-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-ms-linear-gradient(left,  #243587 25%,#1f4495 100%); background:linear-gradient(to right,  #243587 25%,#1f4495 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#243587', endColorstr='#1f4495',GradientType=1 ); }
.header .logo { position:absolute; top:12px; left:10px; width:210px; }
.header .buying-region { position:absolute; top:20px; right:20px; }
.header .buying-region .field { background:#FFFFFF; border:solid 2px #FFFFFF; }
.header .buying-region .field .flag { float:left; width:auto; height:35px; }
.header .buying-region .field select { height:35px; margin-left:5px; font-size:18px; line-height:1em; border:solid 1px #FFFFFF; }

.ship-to { padding:15px 0; color:#FFFFFF; font-size:130%; line-height:140%; text-align:center; background:#FF3300; }

.footer { margin:50px 0px 50px 0px; }
.footer .status { margin-bottom:10px; }

.sync { position:relative; background:#FFFFFF; text-align:center; }
.sync .button.cross { position:absolute; top:0px; right:0px; padding:5px 5px 10px 10px; border:none; background:#FFFFFF; color:#000000; text-decoration:none; font-weight:bold; font-size:150%; }
.sync .inner { padding:20px; }
.sync .inner h1 { font-size:120%; font-weight:normal; }
.sync .inner .button { width:80px; }
.sync.loader { color:#FFFFFF; background:#243587; text-align:left; }
.sync.loader .inner { margin:0px 70px 0px 70px; padding:45px 0 45px 55px; background:url(../imgs/loading-blue-bg.gif) no-repeat 0px center; font-size:140%; }
.sync.loader .button.cross { color:#243587; }
.sync.complete { color:#FFFFFF; background:#509603; text-align:left;}
.sync.complete .inner { margin:0px 0px 0px 55px; padding:45px 0 45px 55px; background:url(../imgs/sync-tick.jpg) no-repeat 0px center; font-size:140%; }
.sync.complete .button.cross { color:#509603; }
.sync.fail { color:#FFFFFF; background:#DE0B2C; text-align:left;}
.sync.fail .inner { margin:0px 0px 0px 85px; padding:45px 0 45px 55px; background:url(../imgs/sync-cross.jpg) no-repeat 0px center; font-size:140%; }
.sync.fail .button.cross { color:#DE0B2C; }
.sync.errors ul { list-style:none; }
.sync.errors ul li { margin-bottom:10px; color:#DE0B2C; }

.sync .checklist { list-style:none; }
.sync .checklist li { margin:0 0 10px 0; text-align:left; }
.sync .checklist li label { display:block; padding:15px; border:solid 1px #EEEEEE; }
.sync .checklist li label input { float:left; margin:5px 0 0 0; }
.sync .checklist li label span { display:block; margin:0 0 0 25px; font-weight:bold; }


#loginx { background:#243587; background:-moz-linear-gradient(left, #243587 25%, #1f4495 100%); background:-webkit-gradient(linear, left top, right top, color-stop(25%,#243587), color-stop(100%,#1f4495)); background:-webkit-linear-gradient(left, #243587 25%, #1f4495 100%); background:-o-linear-gradient(left, #243587 25%, #1f4495 100%); background:-ms-linear-gradient(left, #243587 25%, #1f4495 100%); background:linear-gradient(to right, #243587 25%, #1f4495 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#243587', endColorstr='#1f4495',GradientType=1 ); }
#login { background:#243587; background:-moz-linear-gradient(left,  #243587 25%, #1f4495 100%); background:-webkit-gradient(linear, left top, right top, color-stop(25%,#243587), color-stop(100%,#1f4495)); background:-webkit-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-o-linear-gradient(left,  #243587 25%,#1f4495 100%); background:-ms-linear-gradient(left,  #243587 25%,#1f4495 100%); background:linear-gradient(to right,  #243587 25%,#1f4495 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#243587', endColorstr='#1f4495',GradientType=1 ); }
#login .container { position:absolute; top:0; right:0; bottom:0; left:0; }
#login .content { display:table; width:100%; height:90%; margin:0; }
#login .content .inner { display:table-cell; vertical-align:middle; text-align:center; background:none; }
#login .content .inner .logo { width:250px; margin:0 auto; }
#login .content .inner .login-panel { width:100%; max-width:400px; margin:20px auto 0 auto; padding:20px 40px; background:#F5F5F5; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; box-shadow: 0px 0px 10px #17235C; }
#login .content .inner .login-panel form input[type='text'] { margin-bottom:10px; width:100%; color:#666; font-size:22px; text-align:center; }
#login .content .inner .login-panel form input[type='password'] { margin-bottom:10px; width:100%; color:#666; font-size:22px; font-family:Verdana,sans-serif; text-align:center; letter-spacing:4px; }
#login .content .inner .login-panel .response { margin-bottom:20px; text-align:center; border:none; }
#login .footer { position:absolute; margin:0; bottom:20px; left:20px; right:20px; color:#FFFFFF; }
#login .footer a { color:#FFFFFF; }
#login .footer p { text-align:center; }

/*
#login { background:#1F4496 url(../imgs/header-bg.jpg) repeat-y left top; }
#login .container { margin:0; }
#login .content { margin-top:0; }
#login .footer { position:absolute; margin:0; bottom:20px; left:20px; right:20px; color:#FFFFFF; }
#login .footer a { color:#FFFFFF; }
#login .login { background:#1F4496 url(../imgs/header-bg.jpg) repeat-y left top; }
#login .login > .inner { position:absolute; top:25%; left:20px; right:20px; text-align:center; }
#login .login .logo { margin-bottom:30px; }
#login .login .field { margin-bottom:20px; }
#login .login .field input { border-color:#FFFFFF; }
#login .login .field .inactive { color:#CCCCCC; }
*/

#dashboard .recentActivity .status { display:inline-block; width:8px; height:8px; margin-right:10px; -webkit-border-radius:50%; -moz-border-radius:50%; border-radius:50%; background:#CCCCCC; }
#dashboard .recentActivity .status.pending { background:#FF3300; }
#dashboard .recentActivity .status.complete { background:#009900; }

#summary-sheet .supplierSelect { margin-right:80px; }
#summary-sheet .supplierSelect > select { width:100%; }
#summary-sheet .addNewSupplier { float:right; margin-top:4px; }
#summary-sheet .addNewSupplierx { margin-left:5px; color:#009900; font-size:140%; text-decoration:none; }
#summary-sheet .tabs { margin:0 0 20px 0; padding:0; list-style:none; overflow:hidden; }
#summary-sheet .tabs li { float:left; margin:0 10px 0 0; padding:0; }
#summary-sheet #datasheet .comments { color:#CCCCCC; font-size:80%; font-style:italic; }
#summary-sheet #datasheet .removeRecord { color:#FF3300; font-size:140%; text-decoration:none; }
#summary-sheet #dataentry .itemSearch { position:relative; display:inline-block; width:85%; }
#summary-sheet #dataentry td { vertical-align:top; }
#summary-sheet #dataentry .itemSearch .itemList { position:absolute; z-index:100; width:80%; max-height:150px; overflow:auto; background:#FFFFFF; list-style:none; }
#summary-sheet #dataentry .itemSearch .itemList li { padding:0 5px; height:30px; line-height:30px; font-size:90%; border:solid 1px #CCCCCC; border-width:0 1px 1px 1px; }
#summary-sheet #dataentry .toggleComments.plusButton { color:#009900; font-size:140%; text-decoration:none; }
#summary-sheet #dataentry .itemComments{ display:none; }
#summary-sheet #dataentry .itemComments .toggleComments { color:#FF3300; font-size:140%; text-decoration:none; }
#summary-sheet #dataentry.showComments .toggleComments.plusButton { display:none; }
#summary-sheet #dataentry.showComments .itemComments{ display:table-row; }

#update { }
#update .available { height:200px; color:#FFFFFF; background:#DE0B2C; }
#update .available .inner { padding:90px 50px 50px 50px; background:url(../imgs/sync-warning.jpg) no-repeat center 30px; }
#update .progress { height:200px; color:#FFFFFF; background:#DE0B2C; }
#update .progress .inner { padding:90px 50px 50px 50px; background:url(../imgs/loading-red-bg.gif) no-repeat center 30px; }
#update .complete { height:200px; color:#FFFFFF; background:#509603; }
#update .complete .inner { padding:90px 50px 50px 50px; background:url(../imgs/sync-tick.jpg) no-repeat center 30px; }
#update .inner { text-align:center; font-size:130%; }
#update .inner a { color:#FFFFFF; }

#setup { }
#setup .container { padding:100px; text-align:center; }
#setup .status { font-size:300%; }
#setup .message { margin-top:30px; font-size:120%; } 

#supplier #find .content .search { margin-bottom:20px; }
#supplier #find .content .search input { width:100%; }


/* Medium screens */
@media (max-width:1199px) {
}

/* Small screens */
@media (max-width:991px) {
.header { height:auto; padding:20px 0; text-align:center; }
.header .logo { position:static; margin:0 auto; }
.header .right { position:static; text-align:center; }
}

/* Xtra Small screens */
@media (max-width:767px) {
.table_1.responsive th, .table_1.responsive td  { display:block; border-width:0 0 1px 0; }
}