1 files changed, 48 insertions, 2 deletions

diff --git a/src/css/infobox.css b/src/css/infobox.css
index cdcd80f..ca45674 100644
--- a/src/css/infobox.css
+++ b/src/css/infobox.css
@@ -1,15 +1,61 @@
+
+/* General info box settings */
+
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box {
     display: flex;
     align-items: flex-start;
     margin: 1rem 0;
 }
+
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box .info-box__icon {
     display: inline-block;
-    margin-right: 6px;
+    background-image: url(../img/info-grey.png);
+    background-size: cover;
+    min-width: 16px;
+    min-height: 16px;
+    margin: 6px 6px 0 0;
 }
 .page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box .info-box__text {
+    display: inline-block;
+    font-weight: normal;
+    font-size: var(--font-size-16);
+    color: var(--black);
+}
+
+/* Inline info boxes (for file upload errors etc...) */
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.inline .info-box__text {
     font-weight: bold;
     font-size: var(--font-size-14);
     color: var(--dark-grey);
-    display: inline-block;
+}
+
+/* Block sized info boxes */
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.message {
+    background-color: #f7f7f7;
+    padding: 0.75rem;
+    border-radius: 3px;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.message .info-box__icon {
+    background-image: url(../img/info-grey.png);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.info {
+    background-color: var(--white);
+    padding: 0.75rem;
+    border-radius: 3px;
+    border: 1px solid var(--dark-grey);
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.info .info-box__icon {
+    background-image: url(../img/info-grey.png);
+}
+
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.warning {
+    background-color: #FFE679;
+    padding: 0.75rem;
+    border-radius: 3px;
+}
+.page-mygov-auth-account .authenticated-body-container__page .documentlodgementservice .info-box.warning .info-box__icon {
+    background-image: url(../img/warning.png);
 }
\ No newline at end of file