/* 
dark purple    #722b91  (horizon)
pale purple    #d5c0de
v. pale purple #e3d4e9
*/


body               { font-family: arial, sans-serif; font-size: 1.0em; color: #444444; min-height: 100%; }

#wrapper           { width: 1024px; min-height: 100%; margin: 0 auto; 
                     background: white url(/module-catalogue/images/1024-gradient.jpg) repeat-y; }
#page              { width: 980px;  min-height: 100%; margin: 0 auto; text-align: left; 
                     background: white url(/module-catalogue/images/horizon.png) top no-repeat; }

a                  { color: #660066; text-decoration: none; }
a:hover            { color: #660066; background-color: #dddddd; }

#pageheader        { clear: right; }
#logo              { width: 200px; height: 128px; margin: 6px 0 0 6px; float: left; }
#logo a:hover      { text-decoration: none; background-color: #722b91; }
#appname           { margin: 90px 20px 0 0; float: right; font-size: 2.0em; font-weight: 600; }

h1                 { color: #444444; background-color: white; font-size: 1.6em; opacity: 0.7; 
                     text-align: right; padding-right: 20px; margin-bottom: 0;
                     border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }
h1                 { color: #ffffff; background-color: #935e9e; }
h2                 { font-size: 1.2em; }

#topmenu           { margin: 0; padding: 0px 0 2px 0; text-align: right; opacity: 0.8; background-color: white;
                     border-bottom: 1px solid #c0c0c0; padding-right: 20px; }
#topmenu a         { margin: 0; padding: 0 2px 0 2px; font-size: 0.8em; }
#topmenu a:hover   { background-color: #e3d4e9; }

#contact           { margin: 0 0 10px 0; padding: 2px 0 2px 0; text-align: right; padding-right: 20px; }
#contact a         { margin: 0; padding: 0 2px 0 2px; font-size: 0.8em; }
#contact a:hover   { background-color: #e3d4e9; }

#content           { width: 940px;  margin: 0 20px 0 20px; display: inline-block; background-color: white; }

#contentleft       { float: left;  border: 0px solid #c0c0c0; }
#contentright      { float: right; clear: right; border: 0px solid #c0c0c0; width: 260px; }

/* ===================================================================================== */
/* form                                                                               */
/* ===================================================================================== */

/* search form */
#searchmodules               { margin: 0 0 0 100px; font-size: inherit; }
#searchmodules label         { margin: 0; padding: 0; }
#searchmodules input         { margin: 0; padding: 0; }
#searchmodules input#reset   { padding: 5px 10px; }
#searchmodules input#search  { padding: 5px 10px; }
#searchmodules select        { margin: 0; padding: 0; width: 300px; }
#searchmodules select option { margin: 0; padding: 0 5px; border-bottom: 1px dotted #c0c0c0; }
.day                         { padding: 6px 9px 6px 3px; }

/* search FORM table */
table.searchform                { padding: 0; margin: 0 0 10px 0; border: 0; font-size: 0.8em; }
table.searchform tr             { padding: 0; margin: 0; vertical-align: top; }
table.searchform th             { padding: 5px; margin: 0; color: white; background-color: #444444; font-weight: 600; }
table.searchform td             { padding: 5px; margin: 0; }
table.searchform td.label       { color: #444444; background-color: #eeeeee; font-weight: bold;
                                  border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
table.searchform td.input       { color: #444444; background-color: #ffffff; 
                                  border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; 
                                  border-right: 1px solid #c0c0c0; }
.top                            { border-top: 1px solid #c0c0c0; }

p.note                          { margin: 15px 0 3px 5px; padding: 0; font-style: italic; font-size: 0.8em; }

/* ------------------------------------------------------------------------------------------- */
/* autosuggest */
/* ------------------------------------------------------------------------------------------- */
#modulecodeautosuggest     { margin: 0; padding: 0; background-color: #eeeeee; width: 90px; text-align: left; }
#modulecodeautosuggest div { border: 0px solid blue; padding: 0; margin: 0; }
.autosuggest               { border: 0px solid red; margin: 0; }
.yui-ac                    { border: 0px solid red; margin: 0; }
.autosuggestinput          { margin: 0; }
.yui-ac-input              { margin: 0; }
#modulecodeloadingicon     { display: none; }

#modulecodecontainer       { margin-left: 0; padding: 0; }
.autosuggestcontainer      { margin-left: 0; padding: 0; }
.yui-ac-container          { margin-left: 0; }

#modulecodeautosuggest div.yui-ac-content { padding: 0; margin-left: -20px; width: 90px; }
div.yui-ac-hd              { background-color: blue; }
div.yui-ac-bd              { margin-left: 0px; background-color: #e3d4e9; }
div.yui-ac-ft              { background-color: red; }
div.yui-ac-shadow          { display: none; }
#modulecodecontainer ul    { margin-left: 0px; padding: 0; }
#modulecodecontainer ul li { margin: 0; padding: 2px 5px; list-style: none; }
#modulecodecontainer ul li.yui-ac-highlight    { background-color: #d5c0de; }
#modulecodecontainer ul li.yui-ac-prehighlight { background-color: #d5c0de; }


/* ===================================================================================== */
/* results                                                                               */
/* ===================================================================================== */

/* search RESULTS table */
span.display                    { font-weight: 600; color: #666666; }
table.searchresults             { padding: 0; margin: 0 0 10px 0; border: 0; font-size: 0.8em; }
table.searchresults tr          { padding: 0; margin: 0; vertical-align: top; }
table.searchresults th          { padding: 3px 5px; margin: 0; color: white; background-color: #444444; font-weight: 600; }
table.searchresults td          { padding: 3px 5px; margin: 0; }
table.searchresults td.dots     { border-top: 1px dotted #c0c0c0; }
table.searchresults td.normal   { background-color: white; }
table.searchresults td.contrast { background-color: #eeeeee; }


#resultcount                 { text-align: right; font-style: italic; }

/* ===================================================================================== */
/* record                                                                                */
/* ===================================================================================== */

table.summary                { padding: 0; margin: 0 0 0 10px; border: 0; font-size: 0.9em; width: 100%; 
                               border-bottom: 1px solid #c0c0c0; }
table.summary tr             { padding: 0; margin: 0; vertical-align: top; }
table.summary th             { padding: 3px 5px; margin: 0; color: white; background-color: #444444; font-weight: 600; }
table.summary td             { padding: 3px 8px 3px 5px; margin: 0; }
table.summary td.head        { background-color: #dddddd; font-weight: bold; }
table.summary td.text        { background-color: #eeeeee; }

table.qinstances             { width: 100%; padding: 0; }
table.qinstances tr          { vertical-align: top; padding: 0; }
table.qinstances th          { color: #444444; background-color: #dddddd; margin: 0; 
                               border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
table.qinstances td          { color: #444444; background-color: #eeeeee; margin: 0; 
                               border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
div.modsummary               { }
div.modsummary ol            { list-style-position: inside; }
div.modsummary ul            { list-style-position: inside; }

table.qcomponents            { width: 100%; padding: 0; }
table.qcomponents tr         { vertical-align: top; padding: 0; }
table.qcomponents th         { color: #444444; background-color: #dddddd; margin: 0; 
                               border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }
table.qcomponents td         { color: #444444; background-color: #eeeeee; margin: 0; 
                               border-top: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }

table.qstudyhours            { width: 100%; padding: 0; }
table.qstudyhours tr         { vertical-align: top; padding: 0; }
table.qstudyhours th         { color: #444444; background-color: #eeeeee; margin: 0; 
                               border-top: 0px solid #c0c0c0; border-right: 0px solid #c0c0c0; }
table.qstudyhours td         { color: #444444; background-color: #eeeeee; margin: 0; 
                               border-top: 0px solid #c0c0c0; border-right: 0px solid #c0c0c0; }

/* ===================================================================================== */
/* feedback form */
/* ===================================================================================== */

#feedbackform                { margin: 15px 0 10px 25px; font-size: inherit; }
#feedbackform label          { margin: 0; padding: 0; }
#feedbackform input          { margin: 0; padding: 0; }
#feedbackform input#reset    { padding: 5px 10px; }
#feedbackform input#search   { padding: 5px 10px; }
#feedbackform select         { margin: 0; padding: 0; }
#feedbackform select option  { margin: 0; padding: 0 5px; border-bottom: 1px dotted #c0c0c0; }

/* search FORM table */
table.feedback               { padding: 0; margin: 0 0 10px 0; border: 0; font-size: 0.8em; }
table.feedback tr            { padding: 0; margin: 0; vertical-align: top; }
table.feedback th            { padding: 5px; margin: 0; color: white; background-color: #444444; font-weight: 600; }
table.feedback td            { padding: 5px; margin: 0; }
table.feedback td.label      { color: #444444; background-color: #eeeeee; font-weight: bold;
                               border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0; }
table.feedback td.input      { color: #444444; background-color: #ffffff;
                               border-bottom: 1px solid #c0c0c0; border-left: 1px solid #c0c0c0;
                               border-right: 1px solid #c0c0c0; }
.top                         { border-top: 1px solid #c0c0c0; }

/* module lists */
ul.params                    { list-style: inside; margin: 10px 0 10px 25px; }
ul.params li                 { list-style: inside; }

.alert                       { color: red; font-weight: 600; padding: 5px; }
#content div                 { margin-left: 10px; }
#footer                      { width: 940px; margin: 30px 20px 0 20px; text-align: center; 
                               font-size: 0.8em; color: #666666; }

/* cirriform iframe, Feb 2013 */
div.leaderboardad                      { width: 100%; text-align: center; }
div.leaderboardad.leaderboardad_top    { margin: 5px 0 20px 0; }
div.leaderboardad.leaderboardad_bottom { margin: 25px 0 20px 0; }
iframe.leaderboard                     { width: 728px; height: 90px; padding: 0; overflow: hidden; }