1 files changed, 463 insertions, 0 deletions

diff --git a/docroot/application.css b/docroot/application.css
new file mode 100755
index 0000000..cd0c540
--- /dev/null
+++ b/docroot/application.css
@@ -0,0 +1,463 @@
+/*
+ * Material Experience - Site Stylesheet
+ * 
+ * EYEMG - Interactive Media Group
+ * Created by Mike Crute (mcrute@eyemg.com)
+ * Updated by Mike Crute (mcrute@eyemg.com) on 9/26/07
+ * 
+ * Site stylesheet the covers most of the look and feel of the site.
+ * Some of the CSS is also in the application logic so if you can't
+ * find what your looking for here go there.
+ */
+
+/*
+ * General Application Styles
+ */
+html 
+{ 
+        overflow: hidden; 
+}
+
+body 
+{ 
+        font: 10px Verdana,sans-serif; 
+        margin: 0px; 
+        overflow: hidden; 
+}
+
+a 
+{ 
+        color: blue; 
+        text-decoration: underline; 
+}
+
+a img 
+{
+        border: 0px; 
+}
+
+h1 
+{
+        font-size: 1.7em; 
+}
+
+h2 
+{
+        font-size: 1.6em; 
+}
+
+img 
+{ 
+        /* The infamous PNG fix */
+        behavior: url('pngbehavior.htc'); 
+}
+
+/*
+ * Application Header Styles
+ */
+img#tagline 
+{
+        position: absolute;
+        top: 0px;
+        right: 0px;
+}
+
+div#header, div#footer 
+{
+        background: white;
+        height: 60px;
+        width: 100%;
+        position: relative;
+        z-index: 99;
+}
+
+div#header 
+{
+        height: 80px; 
+}
+
+p#version 
+{ 
+        position: absolute; 
+        bottom: 0px; 
+        right: 7px; 
+        z-index: 100; 
+        color: red; 
+}
+
+img#logo 
+{ 
+        position: absolute; 
+        z-index: 9999999999; 
+        cursor: pointer; 
+        padding: 10px 0px 0px 10px; 
+}
+
+/*
+ * Table and Chip Element Styles
+ */
+div.appDecorator 
+{ 
+        height: 21px;
+        width: 6px;
+}
+
+div.table 
+{ 
+        position: absolute; 
+        top: 60px; 
+        left: 0px; 
+        width: 100%; 
+}
+
+img.chip 
+{ 
+        position: absolute; 
+        cursor: pointer; 
+}
+
+/*
+ * Application Footer Styles
+ */
+p#copyright, div#footer p#copyright a 
+{ 
+        color: rgb(190,190,190); 
+        font-size: 10px;
+        margin-right: 0px;
+        text-transform: none;
+}
+
+div#footer p#copyright a 
+{
+        text-decoration: underline; 
+}
+
+p#copyright 
+{
+        width: 100%;
+        display: block;
+        position: absolute; 
+        bottom: 0px; 
+        left: 0px;
+        text-align: center;
+        z-index: 100; 
+} 
+ 
+div#footer
+{ 
+        position: absolute; 
+        bottom: -1px; 
+        height: 40px; 
+        text-align: center; 
+        padding: 5px 0px 10px 0px; 
+}
+
+div#footer img 
+{ 
+        position: relative; 
+        top: 6px; 
+        margin-right: 5px; 
+}
+
+div#footer a
+{
+        font-size: 1.2em;
+        text-transform: uppercase;
+        text-decoration: none;
+        margin-right: 25px;
+}
+
+/*
+ * History Menu Styles
+ */
+div.history 
+{
+        position: absolute;
+        right: 20px;
+        top: 20px;
+        padding: 3px 10px;
+        cursor: pointer;
+        background: none;
+        text-align: right;
+}
+
+ul#history:hover, ul#history.hovered 
+{
+        display: block; 
+}
+
+ul#history 
+{ 
+        position: absolute;
+        z-index: 100;
+        display: none; 
+        margin: 0px; 
+        padding: 10px 0px 0px 0px; 
+        color: rgb(255, 255, 255); 
+        text-decoration: none;
+        width: 200px;
+}
+
+ul#history li 
+{ 
+        background: rgb(145, 145, 145); 
+        list-style: none; 
+        padding: 5px 10px; 
+        margin: 0px; 
+        border-bottom: 1px solid white;
+        text-align: left;
+        color: white;
+        text-decoration: none;
+}
+
+ul#history li a 
+{
+        color: white;
+        text-decoration: none;
+        border: 0px;
+        display: block;
+        width: 100%;
+        height: 100%;
+}
+
+ul#history li:last-child 
+{
+        border-bottom: 0px; 
+}
+
+/*
+ * Rounded Corner Styles
+ */
+.round      { display: block; }
+.round *    { display:block; height: 1px; overflow: hidden; }
+.rcSlice_1  { margin: 0 10px; }
+.rcSlice_2  { margin: 0 8px;  }
+.rcSlice_3  { margin: 0 6px;  }
+.rcSlice_4  { margin: 0 5px;  }
+.rcSlice_5  { margin: 0 4px;  }
+.rcSlice_6  { margin: 0 3px;  }
+.rcSlice_7  { margin: 0 3px;  }
+.rcSlice_8  { margin: 0 2px; height: 1px; }
+.rcSlice_9  { margin: 0 2px; height: 2px; }
+.rcSlice_10 { margin: 0 1px; height: 3px; }
+
+/*
+ * Card Frame Styles (Card Class)
+ */
+img.commandbtn 
+{ 
+        height: 11px; 
+        width: 11px; 
+        display: inline; 
+        margin: 0px 2px; 
+        cursor: pointer; 
+}
+
+span.commandlabel 
+{ 
+        height: auto; 
+        z-index: 9; 
+        display: inline; 
+        position: relative; 
+        top: -2px; 
+        font-size: 1.1em;
+}
+
+span.commandlabel * 
+{
+        height: auto; 
+        display: inline; 
+        font-size: 1.1em; 
+}
+
+span.cardTitle 
+{
+        font-size: 1.1em; 
+}
+
+.cardTitle 
+{
+        position: absolute;
+        color: white;
+        z-index: 1;
+        height: auto;
+        top: 4px;
+        left: 15px;
+}
+
+.buttonbox 
+{
+        position: absolute;
+        right: 15px;
+        top: 6px;
+        z-index: 100;
+        height: auto;
+        color: white;
+        font-size: 0.8em;
+}
+
+/*
+ * Card Resource List Styles (Card Layout)
+ */
+.resourceList 
+{
+        margin: 0px;
+        padding: 0px;
+}
+
+.resourceList li 
+{
+        list-style: none;
+        padding-bottom: 7px;
+}
+
+/*
+ * Card Thumbnail Styles (Card Layout)
+ */
+.mediaThumb 
+{
+        width: 50px; 
+        height: 50px; 
+        padding: 10px 10px 0px 0px;
+        cursor: pointer;
+}
+
+.thumbStrip 
+{
+        text-align: center;
+}
+
+.thumbStrip img 
+{
+        width: 50px;
+        height: 50px;
+        cursor: pointer;
+}
+
+/*
+ * Sketchbook Trash Can Styles
+ */
+#sbTrash 
+{
+        position: absolute; 
+        bottom: 20px; 
+        right: 10px;
+}
+
+.trashHi 
+{ 
+        background-color: lightyellow;
+}
+
+/*
+ * Skip Link Styles (Intro Card)
+ */
+.skiplink 
+{
+        color: rgb(145, 145, 145);
+        text-decoration: none;
+        font-size: 1.1em;
+        position: relative;
+        z-index: 99;
+}
+
+.skipimg 
+{
+        vertical-align: bottom;
+        margin-left: 3px;
+}
+
+.skipbox 
+{
+        text-align: center;
+        margin-top: -50px;
+}
+
+/*
+ * Custom Content Styles
+ */
+ul#navigation 
+{
+        margin: 0px;
+        padding: 0px;
+}
+
+ul#navigation li 
+{
+        margin: 5px 30px 0px 0px;
+        list-style: none;
+        border: 1px solid white;
+}
+
+ul#navigation li a 
+{
+        display: block;
+        text-decoration: none;
+        padding: 2px;
+        border: 3px solid black;
+}
+
+ul#navigation li ul li a 
+{
+        margin: 0px -60px 0px -30px;
+}
+
+.selected
+{
+        background: black;
+        color: white;
+        padding: 5px;
+}
+/*
+.narrowCol, .wideCol
+{
+        float: left;
+        height: 460px; 
+        overflow: hidden; 
+}
+
+.narrowCol
+{
+        width: 290px; 
+        margin-right: 20px;
+}
+
+.wideCol
+{
+        width: 569px;
+}
+*/
+
+/*
+ * Custom Content Color Styles
+ */
+ul#navigation li a 
+{
+        color: white;
+        background: rgb(100, 100, 100);
+        border: 3px solid rgb(100, 100, 100);
+}
+
+ul#navigation li ul li a 
+{
+        background: white;
+        color: rgb(100, 100, 100);
+}
+
+.selected 
+{
+        background: #ccc;
+        color: #000;
+        padding: 0px;
+}
+
+span.glossterm 
+{
+        text-transform: uppercase;
+}
+
+span.anchor 
+{
+        text-transform: uppercase;
+        font-weight: bold;
+}