/* Colours:
dark blue: #065A89 / #88A0BC
mid-dark blue: #5C85A9
bright blue: #007DB7
darker purple: #53308D
lighter purple: #6F6C9C
*/

/* global --------------------------------------------------------------------------------------------------------------- */
em                   { font-style: italic; }
strong               { font-weight: bold; }
h1                   { color: #53308D; font-size: 1.6em; font-weight: bold; margin: 0 0 20px 0; }
h2                   { color: #53308D; font-size: 1.4em; font-weight: bold; margin: 0 0 10px 0; }
h3                   { margin: 0 0 10px 0; }
dd, p                { margin: 0 0 10px 0; }
a img                { border: none; }
dl, ol, ul           { margin: 10px 0 5px 0; padding: 0 0 0 25px; }
li                   { margin: 0 0 5px 0; }
ul                   { list-style: disc; }
ol                   { list-style: decimal; }
a, a:link, a:visited { text-decoration: none; }
a:hover, a:active    { text-decoration: underline; }
address              { font-style: normal; }
address, p, li li, li p, td p, blockquote p { font-size: 1.2em; }
.hidden              { position: absolute; left: 0px; top: -500px; width: 1px; height: 1px; overflow: hidden; } 
.clear               { clear: both; margin: 0; padding: 0; }
/* .hidden           { display: none; } */
.arrow-right         { float: right; margin-top: 16px; }

body    { margin: 0px; background: white; font-size: 62.5%; font-family: Arial, Verdana, sans-serif; }
#page   { width: 748px; border: 1px solid black; }
#banner { width: 748px; margin: 0; border: 0; padding: 0; }
#print-banner { margin-bottom: 15px; display: none; }
#pad20        { float: left; width: 20px; }
#pad23        { float: left; width: 23px; }

/* top menu ------------------------------------------------------------------------------------------------------------- */
#topmenu       { background: #5C85A9; margin: 0; padding: 0; border: 0; height: 31px; width: 748px; clear: right; }
#topmenu ul    { margin: 0; padding: 0; list-style: none; height: 31px; float: left; }
#topmenu ul li { margin: 0; padding: 0; display: inline; }
#topmenu ul li label,
#topmenu ul li a, #topmenu ul li span {
   display: block;
   float: left;
   background: #5C85A9;
   color: #FFF;
   height: 21px;
   padding: 3px 9px 5px 9px;
   text-decoration: none;
   font-weight: bold;
   font-size: 1.3em;
   line-height: 1.8em;
   vertical-align: middle;
}
#topmenu ul li .mini-search      { float: right; padding: 3px 0 5px 0; text-align: right; display: inline; }
#topmenu ul li label             { float: left; padding: 0 5px 0 0; margin: 0 0 0 10px; display: block; }
.mini-search legend              { display: none; }
#topmenu .mini-search #mini-search-input { width: 80px; float: left; display: inline; }
.go-button                       { vertical-align: bottom; }
#topmenu .mini-search .go-button { float: left; padding: 0 0 0 6px; }
#topmenu fieldset                { border: 0; padding: 0 5px;  margin: 0; }

/* breadcrumbs -------------------------------------------------------------------------------------------------------- */
#crumbs       { width: 748px; clear: both; text-align: left; padding: 0; background: #BBCEE7; background-color: #88A0BC; margin-bottom: 10px; }
#breadcrumbs  { float: left; clear: right; }
#breadcrumbs  { margin: 0 0 0 8px; font-size: 1.1em; padding: 2px 0; }
#breadcrumbs, #breadcrumbs a, #breadcrumbs span { color: #065A89; font-size: 1.1em; color: white; }

/* leftpanel ---------------------------------------------------------------------------------------------------------- */
#leftpanel                 { width: 188px; float: left; text-align: left; margin: 0; border: 0; padding: 0; }
h2.courses                 { font-size: 1.0em; height: 1em; margin: 0; padding: 0 0 5px 10px; text-transform: uppercase; }

.mini-course-search        { background: #88A0BC; padding: 5px 0 5px 8px; margin-bottom: 0; margin-top: 0; }
.mini-course-search legend { display: none; }
.mini-course-search-input  { width: 70px; }

.course-type-list, .course-type-list li { margin: 0; padding: 0; background: #FFFFFF; list-style: none; }
.course-type-list li a {
   display: block;
   color: #FFF;
   text-transform: uppercase;
   text-decoration: none;
   font-size: 0.75em;
   font-weight: bold;
   line-height: 3em;
   height: 3em;
   vertical-align: middle;
   padding: 0 10px;
   margin: 4px 0 0 0;
   background: #88A0BC;
}
.course-type-list li.selected a, .course-type-list li a:hover { 
   background: #007DB7 url(/app_templates/lmbs/images/corner-br.gif) no-repeat right bottom; 
}

/* for the courses submenus - UG/PG/Executive */
.course-type-list li.selected ul.LPmenu { padding: 0; margin: 0; width: 178px; border-top: 1px solid #c0c0c0; }
.course-type-list li.selected li.LPmenu { padding: 0; margin: 0; font-size: 0.9em;
                                          background-color: #eeeeee; background-image: none;
                                          border-bottom: 1px solid #c0c0c0; color: #666666; }
.course-type-list li.selected a.LPmenu  { margin: 0; padding: 4px 10px; line-height: 1em; height: auto;
                                          font-size: 0.9em; font-weight: normal; color: #666666;
                                          background-color: #eeeeee; background-image: none;
                                          text-transform: none; text-decoration: none; }

#leftpanel h2.quicklinks { font-size: 1.0em; padding: 0 0 0 0; margin: 10px 0 10px 10px; text-transform: uppercase; }

.quick-links-list li, .quick-links-list { margin: 0; padding: 0; background: #FFF; list-style: none; }
.quick-links-list li a {
   display: block;
   color: #FFF;
   text-transform: none;
   font-size: 0.8em;
   font-weight: normal;
   height: 2em;
   line-height: 2em;
   vertical-align: middle;
   padding: 0 10px;
   margin: 4px 0 0 0;
   background: #6F6C9C;
}
.quick-links-list li a:hover { 
/*    background: #007DB7; */
/*    background: #6F6C9C url(/app_templates/lmbs/images/corner-tl.gif) no-repeat left top; */
}

/* for the quick links submenus - Subjects */
ul.QLmenu                    { margin: 0; padding; 0; width: 188px; background: #eeeeee; list-style: none; }
ul.QLmenu li.QLmenu          { margin: 0; padding: 0; width: 188px; background: #eeeeee; border-bottom: 1px solid #6F6C9C; }
ul.QLmenu li.QLmenu a.QLmenu { text-transform: none; font-size: 0.7em; font-weight: normal;
                               height: auto; line-height: auto; vertical-align: middle;
                               padding: 3px 10px; margin: 0; display: block;
                               text-decoration: none; color: #666666; }

#leftpanel h2.metranet {
   font-size: 1.0em;
   background: #065a89 none;
   margin: 10px 0 0 0;
   padding: 8px 0 4px 15px;
   color: #FFF;
   height: 20px;
}
.metranet { margin: 0; padding: 0 0 10px 0; background: #065a89; list-style: none; }
.metranet li a { 
   display: block; color: #FFF; 
   text-transform: none;
   font-size: 0.8em;
   font-weight: normal;
   height: 2em;
   line-height: 2em;
   vertical-align: middle;
   padding: 0 10px;
   margin: 0 0 4px 0;
   background: #5C85A9;
}
.notch-tr {
   background-image: url(/app_templates/lmbs/images/corner-tr.gif) !important;
   background-repeat: no-repeat !important;
   background-position: right top !important;
}
.notch-tl {
   background-image: url(/app_templates/lmbs/images/corner-tl.gif) !important;
   background-repeat: no-repeat !important;
   background-position: left top !important;
}
.notch-br {
   background-color: #88A0BC;
   background-image: url(/app_templates/lmbs/images/corner-br.gif) !important;
   background-repeat: no-repeat !important;
   background-position: right bottom !important;
}
.notch-bl {
   background-image: url(/app_templates/lmbs/images/corner-bl.gif) !important;
   background-repeat: no-repeat !important;
   background-position: left bottom !important;
}


/* home page middle column ------------------------------------------------------------------------------------------- */
h2.studentinfo       { font-size: 1.0em; height: 1em; margin: 0; padding: 0 0 5px 10px; text-transform: uppercase; }
.home1               { float: left; width: 250px; margin: 0; color: #FFF; text-align: left; background: #88A0BC; }
.home1               { padding: 0 0 10px 0; }
.home1 .image-holder { text-align: center; margin: 0; padding: 0 0 0px 0; line-height: 0; }
.home1 .alt          { margin: 0; padding: 10 10px 10px 10px; background-color: #88A0BC; }
.home1 .alt h2       { padding: 5px 10px 5px 10px; font-size: 0.8em; padding: 0 0 5px 0; margin: 0; 
                       text-transform: uppercase; color: #FFF; }
.home1 .alt ul       { margin: 0; padding: 0; list-style: none; }
.home1 .alt ul li    { margin: 0 0 4px 0; font-weight: bold; }
.home1 .alt a        { font-size: 0.8em; color: #FFF; }

/* news -------------------------------------------------------------------------------------------------------------- */
h2.news                   { font-size: 1.0em; height: 1em; margin: 0; padding: 0 0 0 10px; text-transform: uppercase; }
.news                     { float: left; width: 217px; margin: 0; text-align: left; padding: 0; }
.news .newscontent        { background: #88A0BC; padding: 10px 10px 30px 10px; }
.news .newscontent div    { font-size: 0.75em; margin: 0; padding: 0; }
.news .newscontent strong { color: white; font-weight: bold; text-transform: uppercase; }
.news .newscontent p      { font-size: 0.75em; margin: 0 0 15px 0; padding: 0; color: #172751; }
.news .newscontent p a    { color: #172751; text-decoration: none; }

/* subjectlist  ------------------------------------------------------------------------------------------------------ */
#subjectlist                        { float: left; width: 250px; margin: 0; color: #FFF; text-align: left; border: 0; }
#subjectlist h2                     { font-size: 1.2em; margin: 0 0 10px 0; text-transform: uppercase; }
#subjectlist .content               { padding: 15px 10px 10px 25px; background: #88A0BC; }
#subjectlist .content h2            { color: white; }
#subjectlist .content .alt          { padding: 10px 10px 10px 10px; background: #5C85A9; }
#subjectlist .content .top          { padding-top: 10px; }
#subjectlist .content .top h2       { margin: 0; }
#subjectlist .content .alt1         { padding: 10px 10px 10px 10px; }
#subjectlist .content .image-holder { text-align: center; margin: 0; padding: 0 0 10px 0; line-height: 0; }
#subjectlist .content ul            { margin: 0; padding: 0; list-style: none; }
#subjectlist .content li            { margin-bottom: 10px; }
#subjectlist .content li a          { color: #000; font-size: 1.0em; }
#subjectlist .content li a:hover    { color: #fff; background: #007DB7; padding: 3px; text-decoration: none; }

/* courselist  ------------------------------------------------------------------------------------------------------- */
#courselist                         { float: left; width: 250px; margin: 0; color: #FFF; text-align: left; }
#courselist .content                { padding: 15px 10px 10px 25px; background: #88A0BC; }
#courselist .content h2             { font-size: 1.2em; padding: 0; margin: 0 0 5px 0; 
                                      color: white; text-transform: uppercase; }
#courselist .content h3             { font-size: 1.0em; font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; }
#courselist .content .alt           { padding: 10px 10px 10px 10px; background: #5C85A9; }
#courselist .content .top           { padding-top: 10px; }
#courselist .content .top h2        { margin: 0; }
#courselist .content .alt1          { padding: 10px 10px 10px 10px; }
#courselist .content .image-holder  { text-align: center; margin: 0; padding: 0 0 10px 0; line-height: 0; }
#courselist .content ul             { margin: 0; padding: 0; list-style: none; }
#courselist .content li             { margin-bottom: 20px; }
#courselist .content li a           { color: #000; font-size: 1.0em; }
#courselist .content li a:hover     { color: #fff; background: #007DB7; padding: 0px; text-decoration: none; }

/* coursedetails  ---------------------------------------------------------------------------------------------------- */
#coursedetails    { float: left; width: 495px; margin: 0; color: #FFF; text-align: left; }

#coursedetails .content               { padding: 15px 0px 100px 25px; background: #88A0BC; color: #172751; }
#coursedetails .content a             { color: #333333; text-decoration: underline; }
#coursedetails .content .alt          { padding: 10px 10px 10px 10px; background: #5C85A9; }
#coursedetails .content .top          { padding-top: 10px; }
#coursedetails .content .top h2       { margin: 0; }
#coursedetails .content .alt1         { padding: 10px 10px 10px 10px; }
#coursedetails .content .image-holder { text-align: center; margin: 0; padding: 0 0 10px 0; line-height: 0; }
#coursedetails .content ul            { margin: 0; padding: 0; list-style: none; }
#coursedetails .content h2            { font-size: 1.2em; padding: 0 ; margin: 0 0 5px 0; text-transform: uppercase; 
                                        color: #FFF; }
#coursedetails .content h3            { font-size: 1.1em; color: #FFF; margin: 0 0 10px 0; text-transform: uppercase; }
#coursedetails .content h4            { font-size: 1.0em; font-weight: bold; color: #172751; margin: 15px 0 15px 0; }
#coursedetails .content .cd1          { float: left; width: 220px; } 
#coursedetails .content .cd1          { color: #333333; font-size: 9pt; } 
#coursedetails .content .cd1 h2       { font-size: 9pt; font-weight: bold; margin-top: 10px; } 
#coursedetails .content .cd1 h3       { font-size: 9pt; font-weight: bold; margin-top: 10px; } 
#coursedetails .content .cd1 p        { color: #333333; font-size: 9pt; } 
#coursedetails .content .cd1 table    { border: 1px solid #666666; } 
#coursedetails .content .cd1 table tr { vertical-align: top; } 
#coursedetails .content .cd1 table th { color: #333333; font-size: 9pt; text-align: left; border: 1px solid #666666; } 
#coursedetails .content .cd1 table td { color: #333333; font-size: 9pt; border: 1px solid #666666; } 
#coursedetails .content .cd1 ul       { margin: 0px 0px 15px 25px; padding: 0; font-size: 9pt; }
#coursedetails .content .cd1 ul       { list-style-image: url(/site/images/bullet.gif); list-style-position: outside; }
#coursedetails .content .cd1 li       { font-size: 9pt; }
#coursedetails .content .cd2          { float: left; width: 220px; color: #53318D; font-weight: normal; }
#coursedetails .content .cd2          { float: left; width: 220px; } 
#coursedetails .content .cd2          { color: #333333; font-size: 9pt; } 
#coursedetails .content .cd2 h2       { font-size: 9pt; font-weight: bold; margin-top: 10px; } 
#coursedetails .content .cd2 h3       { font-size: 9pt; font-weight: bold; margin-top: 10px; } 
#coursedetails .content .cd2 p        { color: #333333; font-size: 9pt; } 
#coursedetails .content .cd2 table    { border: 1px solid #666666; } 
#coursedetails .content .cd2 table tr { vertical-align: top; } 
#coursedetails .content .cd2 table th { color: #333333; font-size: 9pt; text-align: left; border: 1px solid #666666; } 
#coursedetails .content .cd2 table td { color: #333333; font-size: 9pt; border: 1px solid #666666; } 
#coursedetails .content .cd2 ul       { margin: 0px 0px 15px 25px; padding: 0; font-size: 9pt; }
#coursedetails .content .cd2 ul       { list-style-image: url(/site/images/bullet.gif); list-style-position: outside; }
#coursedetails .content .cd2 li       { font-size: 9pt; }
#coursedetails .content .cd2 address  { color: #FFF; font-size: 1.2em; }

/* std1col  ---------------------------------------------------------------------------------------------------------- */
#std1col                        { float: left; width: 495px; margin: 0; color: #FFF; text-align: left; }
#std1col .content               { padding: 15px 0px 100px 25px; background: #88A0BC; color: #172751; }
#std1col .content a             { color: #333333; text-decoration: underline; font-weight: normal; }
#std1col .content ul            { margin: 0; padding: 0; list-style: none; }
#std1col .content h1            { font-size: 1.4em; padding: 0 ; margin: 0 0 5px 0; text-transform: uppercase; 
                                  color: #ffffff; background: #88A0BC; }
#std1col .content h2            { font-size: 1.2em; padding: 0 ; margin: 0 0 5px 0; text-transform: uppercase; 
                                  color: #ffffff; background: #88A0BC; }
#std1col .content h3            { font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; 
                                  color: #ffffff; background: #88A0BC; margin: 0 0 10px 0; }
#std1col .content h4            { font-size: 1.0em; font-weight: bold; color: #172751; margin: 15px 0 15px 0; }
#std1col .content .cd1          { float: left; width: 460px; }
#std1col .content .cd1          { color: #333333; font-size: 1.0em; }
#std1col .content .cd1 h1       { font-size: 11pt; font-weight: bold; margin-top: 10px; }
#std1col .content .cd1 h2       { font-size: 9pt; font-weight: bold; margin-top: 10px; }
#std1col .content .cd1 h3       { font-size: 9pt; font-weight: bold; margin-top: 10px; }
#std1col .content .cd1 p        { color: #333333; font-size: 9pt; }
#std1col .content .cd1 ul       { margin: 0px 0px 15px 25px; padding: 0; font-size: 9pt; }
#std1col .content .cd1 ul       { list-style-image: url(/site/images/bullet.gif); list-style-position: outside; }
#std1col .content .cd1 li       { font-size: 9pt; }

/* for How To Apply page */
#std1col .content .subheader    { font-size: 1em; font-family: Arial, Verdana, sans-serif; display: block; padding: 10px; 
                                  color: #172751; }
#std1col .content hr            { margin: 15px 0 15px 0; }
#std1col .content table         { margin-bottom: 10px; }
#std1col .content table th      { font-size: 80%; text-align: left; color: black; }
#std1col .content table tr      { vertical-align: top; }
#std1col .content table td      { font-size: 80%;  color: #172751; }
/* ad hoc styles for 'subject areas' */
#std1col .content .cd1 ul.listofsubjects      { margin: 0; padding: 0; list-style: none; list-style-image: none; }
#std1col .content .cd1 li.listofsubjects      { margin-bottom: 10px; list-style: none; }
#std1col .content .cd1 ul a.listofsubjects      { color: #000; background: #88A0BC; font-size: 1.4em; font-weight: normal; text-decoration: none; }
#std1col .content .cd1 ul a:hover.listofsubjects { color: #fff; background: #007DB7; padding: 3px; text-decoration: none; }
/* ad hoc styles for 'splash page' */
#splash1   { padding: 5px 10px; }
#splash2   { padding: 5px 10px; }


/* std2col  ---------------------------------------------------------------------------------------------------------- */
#std2col    { float: left; width: 495px; margin: 0; color: #FFF; text-align: left; }
#std2col h1 { font-size: 1.4em; height: 1em; margin: 0; padding: 0 0 5px 10px;
                    text-transform: uppercase; background: #FFF; }
#std2col h2 { font-size: 1.2em; padding: 0 ; margin: 0 0 5px 0; text-transform: uppercase; color: #FFF; }
#std2col h3 { font-size: 1.1em; font-weight: bold; text-transform: uppercase; margin: 0 0 20px 0; }

#std2col .content               { padding: 15px 0px 100px 25px; background: #88A0BC; color: #172751; }
#std2col .content a             { color: #333333; text-decoration: underline; }
#std2col .content .alt          { padding: 10px 10px 10px 10px; background: #5C85A9; }
#std2col .content .top          { padding-top: 10px; }
#std2col .content .top h2       { margin: 0; }
#std2col .content .alt1         { padding: 10px 10px 10px 10px; }
#std2col .content .image-holder { text-align: center; margin: 0; padding: 0 0 10px 0; line-height: 0; }
#std2col .content ul            { margin: 0; padding: 0; list-style: none; }
#std2col .content h3            { color: #FFF; margin: 0 0 10px 0; }
#std2col .content h4            { font-size: 1.6em; font-weight: bold; color: #172751; margin: 15px 0 15px 0; }
#std2col .content .cd1          { float: left; width: 220px; }
#std2col .content .cd1          { color: #333333; font-size: 9pt; }
#std2col .content .cd1 h2       { font-size: 9pt; font-weight: bold; margin-top: 10px; }
#std2col .content .cd1 h3       { font-size: 9pt; font-weight: bold; margin-top: 10px; }
#std2col .content .cd1 p        { color: #333333; font-size: 9pt; }
#std2col .content .cd1 ul       { margin: 0px 0px 15px 25px; padding: 0; font-size: 9pt; }
#std2col .content .cd1 ul       { list-style-image: url(/site/images/bullet.gif); list-style-position: outside; }
#std2col .content .cd1 li       { font-size: 9pt; }
#std2col .content .cd2          { float: left; width: 220px; color: #53318D; font-weight: normal; }
#std2col .content .cd2          { float: left; width: 220px; }
#std2col .content .cd2          { color: #333333; font-size: 9pt; }
#std2col .content .cd2 h2       { font-size: 9pt; font-weight: bold; margin-top: 10px; }
#std2col .content .cd2 h3       { font-size: 9pt; font-weight: bold; margin-top: 10px; }
#std2col .content .cd2 p        { color: #333333; font-size: 9pt; }
#std2col .content .cd2 ul       { margin: 0px 0px 15px 25px; padding: 0; font-size: 9pt; }
#std2col .content .cd2 ul       { list-style-image: url(/site/images/bullet.gif); list-style-position: outside; }
#std2col .content .cd2 li       { font-size: 9pt; }
#std2col .content .cd2 address  { color: #FFF; font-size: 1.2em; }

/* footer ------------------------------------------------------------------------------------------------------------ */
#footer       { clear: both; text-align: center; padding: 15px 0 0 0; color: #065A89; font-size: 1.1em; }
#footer ul    { margin: 0; padding: 0; list-style: none; height: 31px; width: 500px; margin: 0 auto; float: none; }
#footer ul li { margin: 0; padding: 0; display: inline; }
#footer a     { line-height: 1.6em; font-size: 1.0em; font-weight: normal; color: #065A89; }


.editable     { }

ul.AZ                  { list-style-type: none; list-style-image: none; margin: 0; padding: 0; }
ul.AZ li.AZ            { list-style-type: none; list-style-image: none; padding: 2px 0 2px 0; }
ul.AZ li.AZ a.AZ       { padding: 2px; }
ul.AZ li.AZ a:hover.AZ { background: #c0c0c0; }


td.pad20      { width: 20px; }
td.pad23      { width: 23px; }
td.courses188 { width: 188px; }
td.colbg      { background-color: #88A0BC; }

div.name_Published  { font-size: 1.5em; }