/*
Document   : formatting
Created on : Jun 12, 2008, 3:52:00 PM
Author     : Vincent Ramdhanie
Description:
Provide the main formatting of elements
*/

.email{
    background-image: url(../images/iconEmail.gif);
    padding-left: 15px;
    background-repeat:no-repeat;
    background-position: left center;
}

#registrationForm{
    background-image: url(../images/formbg.jpg);
    background-position: left top;
    background-repeat: repeat-y;
    border:solid 1px #888888;
    padding:5px;
    margin:10px 5px;
    width:520px;
}

#registrationForm h1{
    color:#FFFFFF;
}

#registrationForm .label{
    font-weight:bold;
    font-size:10pt;
    margin-top: 10px;
    color:#FFFFFF;
}

#registrationForm .small{
    font-size:8pt;
    font-weight: normal;
    color:#FFFFFF;
}
.reghighlights{
    float:right; 
    width: 250px;
    background-image: url(../images/starbg.gif);
    background-position: right top;
    background-repeat: no-repeat;
    font-size: 12pt;
    font-weight: bold;
    color:#FFFFFF;
}

.regpoints li{
    display:list-item;
    list-style-image: url(../images/star.gif);
    font-size:10pt;
    font-weight: normal;
    color:#FFFFFF;
}

.pdf{
    background-image: url(../images/ico_file_pdf.png);
    background-repeat: no-repeat;
    background-position: top left;
    padding-left:25px;
}


.news{
    margin-bottom: 10px;
    border-bottom: solid 1px #bbbbbb;
    min-height:50px;
    border-top:medium none;
    margin-top:0;
    padding-bottom:8px;
    margin-left:25px;
}

.eventname{
    color:#3B5998;
    font-weight: bold;
}

.eventtime{
    font-size:8pt;
    color:#aaaaaa;
}

.eventdescription{
     font-size: 11px;
     color:#333333;
}

.slideshowcaption{
    color:#BBBBBB;
    font-size:9pt;
    width:200px;
    text-align:center;
    
}

.frame { padding: 5px; border: 1px solid #aaa; }
.align-left { float:left; margin: 0 15px 15px 0; }
.align-right { float:right; margin: 0 0 15px 15px; }
.article{
    clear:both;
}

#slideshow { position: relative; width: 500px; margin: 35px; }

#controls { z-index: 1000; position: absolute; top: 0; left: 0; display: none;
    background-color: #ffc; border: 1px solid #ddd; margin: 0; padding: 6px;
    width: 218px;
}
#controls span { margin: 0 5px }

.simplemessage{
    border:solid 1px #dddddd;
    padding:5px;
    background-color:#eeeeee;
    margin-top:10px;
}

.simplemessagehead{
    font-size:1.0em;
    font-weight:bold;
}

.simplemessagebody{
    font-size:0.9em;
}

.pics {
    float:left;
    height:  232px;
    width:   232px;
    padding: 0;
    margin:  5px;
    margin-right:15px;
}

.pics img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  200px;
    top:  0;
    left: 0
}
.pics .caption{
	color:#000099;
	font-size:0.9em;
	text-align:center
}

.pics2 {
    float:left;
    height:  400px;
    width:   500px;
    padding: 0;
    margin:  5px;
    margin-right:15px;
}

.pics2 img {
    padding: 15px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  470px;
    top:  0;
    left: 0
}
.pics2 .caption{
	color:#000099;
	font-size:0.9em;
	text-align:center
}


#cyclelist{
    list-style:none;
}

#cyclelist li{
    background-color:#dddddd;
}

dl#menu dt{
    height:18px;
}

.twitterlink{
    padding-left:18px;
    background-image:url(../images/twitter.gif);
    background-repeat: no-repeat;
    height:18px;
    line-height:18px;
}

.facebooklink{
    padding-left:18px;
    background-image:url(../images/facebook.gif);
    background-repeat: no-repeat;
}

.digglink{
    padding-left:18px;
    background-image:url(../images/digg.gif);
    background-repeat: no-repeat;
}

.opaque{
    opacity:0.5;
}

.logo{
    border:none;
}

.subjecticon{
    float:left;
    width:150px;
}

.subjectdescription{
    float:right;
    width:380px;
}

#midleft
{
    float:left;
}
#midright
{
    width:190px;
    min-height:100px;
    float:right;
    margin-top:20px;
    margin-bottom:2px;
    border:none;
    text-align:left;
}
.topstrip{
    background-color:#2B4C9D;
    min-height:30px;
}
.middlestrip{
    clear:both;
}
.bottomstrip
{
    background-color:#3FA238;
    min-height:15px;
    clear:both;
    text-align:left;
    color:#FFFFFF;
}

.bottomstrip a:link{
    color:#FFFFFF;
    font-weight:bold;
}
.bottomstrip a:visited{
    color:#FFFFFF;
    font-weight:bold;
}
.bottomstrip a:hover{
    color:#000086;
    font-weight:bold;
}
.bottomstrip a:active{
    color:#860000;
    font-weight:bold;
}
#tagline{
    position:relative;
    left:20px;
    background-color:#2B4C9D;
    float:left;
    width:70%;
    font-size:1.8em;
    font-weight:bold;
    color:#FFFFFF;
    text-align:center;
    margin-top:5px;
    padding:3px;
}
#footertagline{
    background-color:#2B4C9D;
    font-size:1.8em;
    font-weight:bold;
    color:#FFFFFF;
    margin-top:15px;
    padding:3px;
    padding-left:190px;
}
#searchbox{
    float:right;
    width:230px;

    text-align:center;
    padding:2px;
}
.achead{
    background-color:#eeeeee;
    font-size:1.1em;
    font-weight:bold;
}
.acbodbox{
    background-color:#FFFFFF;
    border:solid 1px #dddddd;
    margin-top:10px;
    margin-bottom:10px;
    border-bottom-width:2px;
    border-right-width:2px;
}

.subject{
    border-top:solid 1px #cccccc;
    margin-top:10px;
    padding:5px;
    clear:both;
}
.academicbodyheading
{
    text-align:right;
    font-size:1.2em;
    font-weight:bold;
    color:#888888;
    border-bottom:solid 1px #888888;
    margin-bottom:5px;
}

.highlightedarticle
{
    background-color:#FFFF99;
    border-top:solid 1px #FFCC33;
    border-bottom:solid 1px #FFCC33;
    padding:5px;
    margin:5px;
}
.homeheading
{
    color:#FFFFFF;
    background-color:#860000;
    font-size:1.3em;
    font-weight:bold;
    padding:2px;
}

.homeheading2
{
    color:#FFFFFF;
    background-color:#868686;
    font-size:1.3em;
    font-weight:bold;
    padding:2px;
}

.pagesection{
    border-top:solid 1px #bbbbbb;
    margin-top:10px;
}

.pagesectionhead{
    font-size:1.1em;
    color:#444444;
    text-align:left;

}

.pagesectioncontent{
    padding:5px;
}

.imglink
{
    border:none;
}

.campuslist li{
    display:inline;
    margin-left:2px;
    width:250px;
    padding:2px;
}

.campuslist li:hover{
    display:inline;
    margin-left:2px;
    width:250px;
    padding:2px;
    background-color:#0066FF
}

.cf{
    background-color:#009933;
}

.pos{
    background-color:#006699;
}

.sando{
    background-color:#990099;
}

.trin{
    background-color:#cc9900;
    width:200px;
}

.campuslist li a {
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
    font-family:verdana;
    font-size:0.9em;
}

.campuslist li a:visited {
    color:#FFFFFF;
    font-weight:bold;
    text-decoration:none;
}
.campuslist li a:hover {
    color:#FF0000;
    font-weight:bold;
    text-decoration:none;
}
.vacancy{
    margin-bottom:15px;
    padding-top:5px;
    border-top:solid 2px #000086;
}

.vacancynew{

}

.vacancyold{
    background-color:transparent;
}

.vacancy h3{
    font-weight:bold;
}

.vacancy h2{
    font-weight:bold;
}

.sectionsep
{
    border-top:solid 2px #999999;
    clear:both;
    margin-top:10px;
    font-size:1.0em;
    font-weight:bold;
}

.hidden
{
    display:none;
}
.emailform{
    border-left:solid 3px #D8D8D8;
    border-bottom:solid 3px #D8D8D8;
    border-right:solid 3px #D8D8D8;
    background-color:#E5E5E5;
    display:none;
    width:500px;
}
.closershow{
    border-top:solid 3px #D8D8D8;
    border-right:solid 3px #D8D8D8;
    cursor:pointer;
    font-weight:bold;
    text-align:center;
    padding:2px;
    color:#D8D8D8;
}
.contacthead
{
    border-bottom:solid 3px #D8D8D8;
    width:500px;
    padding:0px;
}
.contactmsg{
    background-color:#D8D8D8;
    color:#000000;
    text-align:center;
    font-weight:bold;
    padding:2px;
    cursor:pointer;
    border-top:solid 3px #D8D8D8;
}
.contactextra
{
    color:#999999;
    margin-left:20px;
}
.button{
    border:solid 3px #D8D8D8;
    background-color:#D8D8D8;
    color:#000000;
    font-weight:bold;
    text-align:center;
    cursor:pointer;
}

.legalpara
{
    color:#555555;
    font-size:0.9em;
}
.plaintext
{
    color:#333333;
    font-size:0.9em;

}
.welcome
{
    font-size:1.0em;
    font-weight:bold;
    color:#333333;
    margin-top:10px;
    margin-bottom:10px;
    padding-bottom:5px;
    border-bottom:solid 1px #aaaaaa;
}
.articat
{
    margin-top:10px;
    border-top:solid 1px #bbbbbb;
}

.artsum1
{
    float:left;
    width:45%;
}

.artsum-1
{
    float:right;
    width:45%;
}
.arthead
{
    font-size:1.1em;
    font-weight:bold;
}
.timestatement
{
    border-bottom:dotted 1px #bbbbbb;
    font-size:0.9em;
    color:#bbbbbb;
    text-align:left;
}

.categorylist
{
    list-style:none;
    font-size:1.0em;
    margin-top:5px;
    padding-top:5px;
    border-top:solid 1px #aaaaaa;
}
.headlinelist
{
    list-style-image: url(../images/bbcp.gif);
    font-size:0.9em;
}

.hllistsub{
    font-size:0.9em;
    color:#999999;
}

.righthead{
    color:#666666;
    text-transform: uppercase;
}

.rightcategory{
    border-top:solid 1px #bbbbbb;
    padding-top:10px;
    margin-top:10px;
}

.sep{
    height:1px;
    border-top:solid 1px #888888;
    margin-bottom:10px;
    margin-top:10px;
    clear:both;
}

.articletitle
{
    color:#333333;
    font-size:11px;
    font-weight:bold;
    margin-bottom: 2px;
}

.articleheading
{
    color:#333333;
    font-size:11px;
    font-weight:bold;
    margin-bottom: 5px;
}

.articlesubheading
{
    color:#000000;
    font-size:10px;
    font-weight:bold;
    margin-bottom:5px;
}


.articledate
{
    color:#999999;
    font-size:10px;
    font-weight:normal;
    margin-bottom:10px;
}

.articledescription
{
    color:#333333;
    font-size:11px;
    font-weight:normal;

}

.sectionheading
{
    color:#000000;
    font-size:10px;
    font-weight:bold;
    margin-bottom:5px;
    margin-top:5px;

}

.sectionbody
{
    color:#333333;
    font-size:10px;
    font-weight:normal;

}
#subleft
{
    width:200px;
    float:left;
}



.padded{
    padding:2px;
}

.rightcolumn{
    float:right;
    width:200px;
    border-left:dotted 1px #dddddd;
    margin-left:2px;
}

#rightbody
{

}

#righthead
{
    background-color:#bbbbbb;
    color:#FFFFFF;
    height:32px;
    font-weight:bold;
    padding:5px;
    width:200px;
}

#programhead
{
    background-color:#006699;
    color:#FFFFFF;
    height:32px;
    font-weight:bold;
}

#programbox
{
    background-color:#3399cc;
    color:#FFFFFF;
    padding:5px;
    font-size:1.0em;
}

#programbox a
{
    font-size:1.0em;
    color:#FFFFFF;
    font-family:verdana;
    font-weight:normal;
    margin-top:3px;
}

#footerbox
{
    width:1000px;
}

.leftlink:link
{
    background-color:#E5E5E5;
    color:#1F527B;
    font-size:10px;
    padding-left:5px;
    margin-top:1px;
    text-decoration:none;
    display:block;
    width:195px;
}

.leftlink:visited
{
    background-color:#E5E5E5;
    color:#1F527B;
    font-size:10px;
    padding-left:5px;
    margin-top:1px;
    text-decoration:none;
    display:block;
    width:195px;
}

.leftlink:hover
{
    background-color:#D8D8D8;
    color:#1F527B;
    font-size:10px;
    padding-left:5px;
    margin-top:1px;
    text-decoration:underline;
    display:block;
    width:195px;
}

.highlightlink:link
{
    color:#860011;
    font-size:12pt;
    font-weight:bold;
    text-decoration:none;
    display:block;
    background-color:#FFFF99;
    border-top:solid 1px #FFCC33;
    border-bottom:solid 1px #FFCC33;
    padding:2px;
    margin:5px;
    text-align: center;
}

.highlightlink:visited
{
    color:#860011;
    font-size:12pt;
    font-weight:bold;
    text-decoration:none;
    display:block;
    background-color:#FFFF99;
    border-top:solid 1px #FFCC33;
    border-bottom:solid 1px #FFCC33;
    padding:2px;
    margin:5px;
    text-align: center;
}

.highlightlink:hover
{
    color:#FFFFFF;
    font-size:12pt;
    font-weight:bold;
    text-decoration:none;
    display:block;
    background-color:#CC9900;
    border-top:solid 1px #EEAA00;
    border-bottom:solid 1px #FFCC33;
    padding:2px;
    margin:5px;
    text-align: center;
}


.leftmenu
{
    width:200px;
    padding:0px;

}
.lefthead
{
    background-color:#006699;
    color:#FFFFFF;
    font-size:0.9em;
    font-weight:normal;
    padding:0px;
    padding-left:5px;
    font-family:Arial, Helvetica, sans-serif;
    float:left;
    width:188px;
    height:20px;
    margin-top:2px;
}
.leftheaddec
{
    background-color:#990000;
    width:5px;
    float:right;
    height:20px;
    margin:0px;
    margin-top:2px;
}
.leftheadmid
{
    float:none;
}

h3 h4 h5 {
    font-weight:bold;
}

.level1border{
    border:solid 1px #cccccc;

    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 5px;
    margin-right: 5px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    padding-right: 5px;
}

.heading1{
    color:#000000;
    font-size:1.0em;
    margin-top:5px;
    font-weight:bold;
}

.heading2{
    font-size:1.0em;
    font-weight:normal;
    margin-top:9px;
    margin-bottom:2px;
    color:#000000;
}

.heading3{
    font-size:0.9em;
    font-weight:normal;
    margin-top:10px;
    margin-bottom:2px;
    color:#3399cc;
}
.inlinenote
{
    color:#888888;
    font-size:1.0em;
}
.actionband {

    padding:6px;
}

.heading4{
    background-color:#cccccc;
    font-weight:bold;
    padding:2px;
    margin-bottom:2px;
}
.section1{
    border-top:solid 1px #cccccc;
    margin-top:10px;
    margin-bottom:10px;
}

/*
Wraps all values displayed on the page
*/
.de{
    margin-top:15px;
    clear:both;

}
/*
The label
*/
.dlabel{
    float:left;
    width:150px;
    font-family:Arial, Helvetica, sans-serif;
    font-size:1.0em;
    font-weight:bold;
    clear:left;
}
/*
The value
*/
.dv{
    margin-left:155px;
    font-size:1.15em;
    font-weight:normal;
    clear:right;
}

.programdiv
{
    margin-top:20px;
    border-top:solid 1px #3399cc;
}

.coursediv
{
    margin-top:5px;
    border-top:solid 1px #dddddd;
    margin-left:10px;
    margin-bottom:10px;
}
.programname
{
    font-weight:bold;
    color:#006699;
}
.programdescription
{

}
.courseheading
{
    margin-top:10px;
}
.coursenumber
{
    color:#006699;
}
.coursedescription
{

}
/*
Accordion
*/
.panel {
    padding: 0pt 0px 0px;

}

.panelheader
{
    cursor:pointer;
    border-bottom:solid 1px #cccccc;
    font-weight:bold;
    background-image:url(../images/plus.gif);
    background-repeat: no-repeat;
    padding-left:10px;
}

.panel h3, label{
    margin: 0pt 0pt 5px -15px;
    padding: 10px 15px 0pt 10px;
    color: #bbbbbb;
    display: block;
    font-family: "Lucida Grande",Verdana,Arial,Helvetica,sans-serif;
    font-size: 1em;
    font-weight: bold;
    position: relative;
    cursor: pointer;
}

.panelContent {
    padding:3px;
}

.panelContentContainer {
    border : 1px solid #4f4f4f;
    clear:both;
}

.mdHover
{
    background-image:url(../images/arrow-red.gif);
}

.mdSelected
{
    background-image:url(../images/minus.gif);
}

/*
End of Accordion
*/
.searchsection
{
    background-color:#ffffff;
    border-bottom:solid 1px #bbbbbb;
    color:#000000;
    font-weight:bold;
    margin-top:4px;
    margin-bottom:4px;
    padding:2px;
}

.seachlist
{
    font-size:0.9em;
    margin-top:4px;
}

.highlight
{
    color:#FF0000;
}

.mainlist
{
    list-style-image: url(../images/arrow.gif);

}
.rightlist
{
    list-style-image: url(../images/aquadot.jpg);
    font-size:0.9em;
}

.rightlink
{
    border:solid 1px #C0CFED;
    background-color:#FFFFFF;
    text-align:center;
    padding:2px;
    font-size:0.9em;
    margin:1px;
    cursor:pointer;
}
.rightlink:hover
{
    background-color:#DBDDE1;
}

ul{
    margin-top:2px;
    padding-top:0px;
}

.box{
    width:196px;
    border:solid 1px #FF9900;
    padding:0px;
    cursor:pointer;
    margin-bottom:5px;
}

.boxhead{
    background-color:#FF9900;
    color:#FFFFFF;
    font-size:1.2em;
    font-weight:bold;
    text-align:center;
    padding:1px;
}

.boxcontent{
    text-align:center;
    font-size:1.1em;
    padding:10px;
}
.newsAd {
    clear: both;
    list-style:none;
    font-size:1.1em;
    font-weight:bold;
    color: #0066FF
}

.newsAd img{
    float: left;
    padding-right: 10px;
    padding-bottom: 10px;
    width: 100px;
    height: 150px;
}

.newsdescription{
    color:#333333;
    font-size:11px;
    font-weight:normal;

}