/*
|
|   Humber College special definitions
|
*/

iframe,body {background-color:#FFF;}

#navbanner { border-bottom-color: #000033;}

#footer { border-top-color: #000033;}

body.whiteiframe { background-color: #FFF; }

div.sub-nav {width:955px;height:21px; border-bottom:2px solid #003;}

/*
|   Workaround definitions
*/

textarea{
    overflow:auto;  /* Do not let IE add scroll bar on textarea if not needed */
}


/*
|   ITTwo Inc. site-wide definitions
*/

root { 
    display: block;
}

body{
    padding:0;
    width:955px;
    margin:0 auto;
    background-color:#003;
    font-family:Aral,Tahoma,Verdana;
    font-size:0.98em;
    color:#000;
}

body.cebip {   /* all the CEB Inner Pages share this definition */
    background-color:#FFF;
    padding:0;
    margin:0;
    width:780px;
}

a:active, a:focus{ outline:none; } /* do not show selected links in FF */

a.mailme {
    font-size:.62em;
    color:#003;
    font-weight:bold;
}


img {border:0;}


p {
    font-family:arial,verdana,tahoma;
    font-size:0.85em;
    color:#003;
    margin:0 10px 10px 10px;
}


p, li {font-family:arial,verdana,helvetica,serif; font-size:0.85em; color:#003;}


table td li {font-family:arial,verdana,helvetica,serif; font-size:1.0em; color:#003;}


p.title {
    font-size:1.1em;
    font-weight:bold;
}



p.subtitle {
    font-size:0.95em;
    font-weight:bold;
}


p.red {color:red;}  /* red text when needed */

table tr,td {
    font-size:0.89em;
    color:#003;
    font-family:arial,tahoma,verdana;
}


table.dbtabl tr,td {
   font-size:.97em;
   font-family:arial, tahoma, verdana;
   color:#003;
}

div.stage-container{
    width:955px;
    height:455px;
}


label,select,pointer { cursor:pointer; } /* Make all clickable elements have a pointer */


input[type="reset"], input[type="submit"] {
    border:solid 1px #274A6A;
    background-color:gray;
    font-weight:bold;
    color:white;
    cursor:pointer;
}


/*
|   Side navigation and main stage area definitions
*/

div.side-nav {
    float:left;
    width:155px;
    height:455px;
    background-color:#4B4B81;
    overflow:hidden;
}

div.stage {
    float:right;
    width:800px;
    height:455px;
    background-color:#FFF;
    overflow:hidden;
}


/*
|   Homepage footer navigation (image roll-overs)
*/


div.footer{
    width:955px;
    height:77px;
    bottom:0;
    border-top:2px solid #FEA;
    background-color:#003;
    overflow:hidden;
}

img {border:none;}

img#ceb{
    position:relative;
    left:-12px;
}

img#pfic{
    position:relative;
    right:-13px;
}

img#ppac{
    position:relative;
    left:-6px;
}

img#tdp{
    position:relative;
    left:-1px;
}

img#testing{
    position:relative;
    left:2px;
}

img#fnations{
    position:relative;
    left:6px;
}

img#caps{
    position:relative;
    left:-3px;
}

/*
|   Side navigation and layout for the inner pages other than the
|   site's home page. The letters "pp" have been pre-pended to layout
|   definitions to indicate that they define "program pages". (Eg:side-ppside-nav)
|
*/

div.ppside-nav {
    float:left;
    width:155px;
    height:534px;
    background-color:#4B4B81;
    overflow:hidden;
}

div.ppstage-container{
    width:955px;
    height:534px;
}

div.ppstage {
    float:right;
    width:800px;
    height:534px;
    background-color:#FFF;
    overflow:hidden;
}

.page_viewer {
    border:none;
    padding:0;
    margin:0;
    background:#FFF;
    width:800px;
    height:360px;
}

/*
|   Definitions for the inner pages. These are the pages whose content is fetched
|   into the iframe of the program pages. These definitions have the letters "ip"
|   pre-pended to indicate they define layout for "inner pages". (Eg: ipbanner)
*/

div.ppbanner {
    position:static;
    top:0;
    left:0;
    width:800px;
    height:170px;
    overflow:hidden;
}

/*
|   Definitions applied to the log in and retruning user scripts:
|   new_user.php and returning_user.php
*/


div.login {
    position:relative;
    left:30px;
    width:530px;
    overflow:hidden;
    /*border:solid orange 1px;*/
}


div.login input[type="text"]{
    border:solid 1px #D0D7DD;
}


fieldset.optional {
    border:solid 1px gray;
    padding-left:5px;
    padding-bottom:10px;
}


fieldset.optional legend {
    font-size:0.8em;
    font-weight:bold;
    color:gray;
}


div.logbox {
    position:relative;
    top:0;
    left:0;
    width:300px;
    height:160px;
    background-image:url('../images/login_box.jpg');
    background-repeat:no-repeat;
}


div.logbox input[type="text"]{
    font-size:0.75em;
    color:gray;
    font-weight:bold;
    background:transparent;
    border:none;
}


#user {
    position:relative;
    left:46px;
    top:31px;
}


#pass {
    position:relative;
    left:46px;
    top:58px;
}


a.forgotpass {
    position:relative;
    top:10px;
    left:230px;
    font-family:arial,tahoma,verdana;
    color:red;
    font-weight:bold;
    font-size:0.75em;
}


#buttons {
    position:relative;
    top:75px;
}