/* @override 
	http://modules/css/interface.css
	http://kevin.ws.ulster.ac.uk/modules/html/css/interface.css
	http://prospectus.ulster.ac.uk/modules/css/interface.css
*/
#content { margin: 20px 10px; }
.clear { clear: both; }

div#home div.pageTitle { float: none; }
.error { border: 1px solid #0099cc; margin: 1em 0; margin-bottom: 2em; padding: 1em; background:transparent url(../img/grad_gray.jpg) repeat-x top; }
.error h2 { color: #0099cc; margin: 0; margin-bottom: 0.5em; padding: 0; }
.error pre { font-size: 1.25em; padding: 1em; margin: 1em 0; border: 1px solid #0099cc; background: #f6f6f6 url(../img/grad_blue.jpg) repeat-x top; overflow: auto; max-height: 250px; }

.sep { position: relative; height: 1px; border-top: 1px solid #0099cc; margin: 10px 0; float: left; width: 944px; }




.buttons { float: left; margin: 10px 0 0 0; width: 944px; text-align: right; }
.loading { background: transparent url(../img/loading.gif) no-repeat left; padding-left: 20px; color: #0099cc; min-height: 16px; min-width: 16px; }
#imgLoader { position: absolute; top: -10000px; left: -10000px; }



/* @group TABS */
.tabset { float: left; width: 100%; position: relative; margin-bottom: 2em; }
.tabset ul.tabs { width: 100%; list-style-type: none; float: left; display: block; margin: 0; padding: 0; font-size: 11px; height:26px; border-bottom: 1px solid #0099cc; }
.tabset ul.tabs li { display: block; float: left; padding: 5px 1em 0 1em; border: 1px solid #0099cc; background: #0099CC; color: #ffffff; margin-left: 0.5em; height: 20px; }
.tabset ul.tabs li.selected { background: #ffffff url(../img/grad_light_blue.jpg) repeat-x top; color: #0099cc; border-bottom: 1px solid #ffffff; }
.tabset ul.tabs li a { color: #ffffff; }
.tabset ul.tabcontents { display: block; float: left; border: 1px solid #0099cc; border-top: 0; margin: 0; padding: 0; list-style-type: none; width: 100%; }
.tabset ul.tabcontents li { display: none; }
.tabset ul.tabcontents li.selected { display: block; margin: 0; padding: 0; }
.tabset ul.tabcontents p.desc { margin: 0; padding: 10px; text-align: left; }
.tabset ul.tabcontents form.content { border-top: 1px solid #cccccc; background: transparent url(../img/grad_gray.jpg) repeat-x top; float: left; margin: 0; padding: 10px; position: relative; }
.tabset ul.tabcontents form label { color: #0099cc; display: block; font-size: 1.25em; margin-top: 0; }
.tabset.search ul.tabcontents form label { margin-top: 0.5em; }
.tabset ul.tabcontents form .col select { width: 100%; }
input.width100 { width: 100%; }

/*.tabset ul.tabcontents form input.submit { float: right; margin: 1em; margin-bottom: 0; }*/
/* @end */



/* @group COLS */
.cols { float: left; display: block; width: 944px; }
.col { float: left; margin-right: 10px; }
.cols4 .col { width: 225px; text-align: left; }
.cols4 .col input.width100 { width: 220px; }

.col40 { width: 375px; }
.col45 { width: 420px; }
.col60 { width: 549px; }
.col50 { width: 462px; }
.col10 { width: 74px; }
.colmiddle { text-align: center; padding-top: 2em; color: #0099cc; }
/* @end */



.results { float: left; width: 100%; display: block; border: 1px solid #0099cc; background: transparent url(../img/grad_gray.jpg) repeat-x top; }



/* @group module listing */
.modulelisting { padding: 10px; margin: 0; margin-right: 0; }
.modulelisting td { vertical-align: top; padding: 0.5em; border-top: 1px solid #ffffff; }
.modulelisting table { width: 100%; }
.modulelisting tr td.moduleCode { font-weight: bold; }
.modulelisting tr.odd td { background: #f1f1f1 url(../img/grad_gray_small.jpg) repeat-x top; border-bottom: 1px solid #dddddd; }
.modulelisting td a { color: #333333; text-decoration: none; }
.modulelisting td a:hover { text-decoration: underline; }
.modulelisting tr.selected td { /*background: #f6f6f6 url(../img/grad_blue.jpg) repeat-x top; border-top: 1px solid #0099cc; border-bottom: 1px solid #0099cc;*/ }
.modulelisting tr.selected a { color: #0099cc; font-weight: bold; }
.modulelisting tr.programmecampus td { font-size: 1.25em; background: #7ad075 url(../img/grad_green.jpg) repeat-x top; color: #ffffff; border-bottom: 1px solid #44bb44; }
.modulelisting tr.programmeyear td { background: #797979 url(../img/grad_really_dark_gray.jpg) repeat-x top; color: #eeeeee; font-weight: bold; padding-left: 1.5em; border-bottom: 1px solid #666666; }
.modulelisting tr.programmecompulsory td { background: #b7b7b7 url(../img/grad_dark_gray.jpg) repeat-x top; border-bottom: 1px solid #999999; font-style: italic; padding-left: 3em; }
.debug { border: 1px solid #0099cc; padding: 1em; margin-top: 3em; }
.debug pre { font-size: 1.25em; padding: 1em; margin: 1em; border: 1px solid #0099cc; background: #f6f6f6 url(../img/grad_blue.jpg) repeat-x top; overflow: auto; max-height: 250px; }
/* @end */



/* @group module detail */
.moduledetail { margin: 1%; margin-left: 0; float: right; background: #f6f6f6 url(../img/grad_blue.jpg) repeat-x top; border: 1px solid #0099cc; width: 549px; }
.moduledetail > table { margin: 1em; }
.moduledetail th { text-align: left; font-size: 1.5em; padding-bottom: 1em; vertical-align: top; color: #000000; }
.moduledetail th.moduleCode { text-align: right; padding-right: 10px; }
.moduledetail th small { display: block; font-size: 0.75em; }
.moduledetail td { vertical-align: top; }
.moduledetail td.label { color: #000000; padding-right: 10px; font-weight: bold; text-align: right; }
/* @end */





/* @group module versions */
.moduleversions { margin: 1%; margin-left: 0; margin-bottom: 0; float: right; background: #ffffff url(../img/grad_dark_gray_to_white.jpg) repeat-x top; border: 1px solid #aaaaaa; width: 549px; }
.moduleversions h2 { margin: 10px; margin-bottom: 0; font-size: 1.25em; font-weight: normal; color: #ffffff; }
#moduleversions { margin: 10px; width: 529px; }
#moduleversions th { text-align: left; padding-bottom: 0.5em; vertical-align: top; padding: 0.5em; background: #797979 url(../img/grad_really_dark_gray.jpg) repeat-x top; color: #eeeeee; border-bottom: #666666; }
#moduleversions td { vertical-align: top; padding: 0.5em; border-top: 1px solid #ffffff; }
#moduleversions td.crn { font-weight: bold; }
#moduleversions tr.odd td { background: #f1f1f1 url(../img/grad_gray_small.jpg) repeat-x top; border-bottom: 1px solid #dddddd; }
#moduleversions td a { color: #333333; text-decoration: none; }
#moduleversions td a:hover { text-decoration: underline; }
#moduleversions tr.selected td { color: #0099cc; font-weight: bold; }
#moduleversions tr.selected a { color: #0099cc; font-weight: bold; }
/* @end */



.moduleOffered { background-color: #B9CDDD; }



/* @group LOGIN */
.login_form { border: 1px solid #0099cc; padding: 10px; width: 350px; background:  transparent url(../img/grad_gray.jpg) repeat-x; float: left; }
.login_form label { float: left; margin-right: 10px; width: 75px; clear: left; color: #0099cc; font-size: 1.25em; }
.login_form input[type=text], .login_form input[type=password] { width: 250px; margin-bottom: 5px; }

.login_help { float: right; width: 550px; margin: 0; border: 1px solid #888888; background: transparent url(../img/grad_gray.jpg) repeat-x; padding: 10px; }
.login_help dt { color: #444444; font-size: 1.25em; margin: 1em 0 0.1em; }
.login_help dt.first { margin-top: 0; }
.login_help dd { margin: 0.5em 0;  }
/* @end */


.add { background-image: url(../img/add.gif)!important; }

ul.bulletlist { list-style-type: disc; margin: 1em 0px 1em 1em }
ul.bulletlist li { margin: 0.5em 0; }