/******************************************************************
* Administrative CSS Stylesheet
* Created: 07/25/2007 by Ehsan Motamedi
* Modified: 08/31/2008 by Ehsan Motamedi
* Copyright (c) 2008 UTM Sexual Education and Peer Counselling
* Centre. All rights reserved.
******************************************************************/

body {
font-family : Verdana, Arial;
font-size : 14px;
color : #000000;
margin : 0;
padding : 0;
text-align : center;
background-color : #446688;
}

a:link, a:visited, a:active {
color : #336699;
text-decoration : underline;
}

a:hover {
color : #003366;
text-decoration : none;
}

img {
border : 0;
}

table {
font-family : Verdana, Arial;
font-size : 14px;
color : #000000;
margin : 0;
padding : 0;
text-align : left;
}

div {
font-family : Verdana, Arial;
font-size : 14px;
color : #000000;
margin : 0;
padding : 0;
}

div.Layout {
width : 765px;
margin : 0 auto;
padding-top : 30px;
background : url("/images/layout/University_of_Toronto_Mississauga.gif") no-repeat 550px 5px;
}

div.LayoutTop {
text-align : left;
width : 765px;
height : 85px;
background : url("/images/layout/header.gif") no-repeat;
}

h1 {
margin : 0;
padding : 0;
}

h1 a {
font-size : 1px;
text-indent : -9000px;
float : left;
width : 110px;
height : 65px;
margin : 13px 0 0 13px;
background : url("/images/layout/logo.gif") no-repeat;
}

h2 {
font-size : 1px;
text-indent : -9000px;
width : 200px;
height : 85px;
margin : 0 0 0 565px;
padding : 0;
}

h2.Picture1 {
background : url(/images/layout/header_picture_01.gif) no-repeat;
}

h2.Picture2 {
background : url(/images/layout/header_picture_02.gif) no-repeat;
}

h2.Picture3 {
background : url(/images/layout/header_picture_03.gif) no-repeat;
}

h2.Picture4 {
background : url(/images/layout/header_picture_04.gif) no-repeat;
}

h2.Picture5 {
background : url(/images/layout/header_picture_05.gif) no-repeat;
}

div.LayoutSignBar {
margin-left : 30px;
top : 15px;
position : absolute;
}

div.LayoutSignBar span {
font-size : 14px;
color : #99ccff;
}

a.LayoutSignIn:link, a.LayoutSignIn:visited, a.LayoutSignIn:active, a.LayoutSignIn:hover {
font-size : 12px;
font-weight : bold;
color : #ddaaaa;
text-decoration : none;
margin-right : 5px;
}

a.LayoutSignUp:link, a.LayoutSignUp:visited, a.LayoutSignUp:active, a.LayoutSignUp:hover {
font-size : 12px;
font-weight : bold;
color : #aaddaa;
text-decoration : none;
margin-left : 5px;
}

a.LayoutSignOut:link, a.LayoutSignOut:visited, a.LayoutSignOut:active, a.LayoutSignOut:hover {
font-size : 10px;
font-weight : none;
color : #ddaaaa;
text-decoration : none;
margin-right : 5px;
}

a.LayoutMyAccount:link, a.LayoutMyAccount:visited, a.LayoutMyAccount:active, a.LayoutMyAccount:hover {
font-size : 12px;
font-weight : none;
color : #99ccff;
text-decoration : none;
margin-left : 5px;
}

div.LayoutMenuBar {
text-align : left;
width : 765px;
background : url("/images/layout/shadow.gif") repeat-y;
}

div.LayoutMenuBar ul {
list-style : none;
width : 750px;
height : 30px;
margin : 0 0 0 5px;
padding : 0;
background : url("/images/layout/menu_bg.gif") repeat-x;
}

div.LayoutMenuBar ul li {
float : left;
margin : 0 0 0 10px;
padding : 0;
}

div.LayoutMenuBar ul li a:link, div.LayoutMenuBar ul li a:visited, div.LayoutMenuBar ul li a:active, div.LayoutMenuBar ul li a:hover {
font-size : 11px;
font-weight : bold;
display : block;
padding : 8px 10px 8px 10px;
}

li.LayoutMenuUnsel {
background : url("/images/layout/menu_unsel_left.gif") no-repeat left top;
}

li.LayoutMenuUnsel a:link, li.LayoutMenuUnsel a:visited, li.LayoutMenuUnsel a:active, li.LayoutMenuUnsel a:hover {
color : #446688;
text-decoration : none;
background : url("/images/layout/menu_unsel_right.gif") no-repeat right top;
}

li.LayoutMenuSel {
background : url("/images/layout/menu_sel_left.gif") no-repeat left top;
}

li.LayoutMenuSel a:link, li.LayoutMenuSel a:visited, li.LayoutMenuSel a:active, li.LayoutMenuSel a:hover {
color : #cc6600;
text-decoration : none;
background : url("/images/layout/menu_sel_right.gif") no-repeat right top;
}

div.LayoutSubMenuBar {
text-align : left;
width : 765px;
height : 30px;
background : url("/images/layout/shadow.gif") repeat-y;
}

div.LayoutSubMenuBar ul {
list-style : none;
width : 750px;
height : 30px;
margin : 0 0 0 5px;
padding : 0;
background : url("/images/layout/menu_sub.gif") repeat-x;
}

div.LayoutSubMenuBar ul li {
float : left;
margin : 0 0 0 10px;
padding : 0;
}

div.LayoutSubMenuBar ul li a:link, div.LayoutSubMenuBar ul li a:visited, div.LayoutSubMenuBar ul li a:active, div.LayoutSubMenuBar ul li a:hover {
font-size : 12px;
color : #cc6600;
text-decoration : none;
display : block;
padding : 6px 10px 7px 10px;
}

hr {
height : 1px;
border : #999999 dashed 1px;
}

div.BodyContainer {
text-align : left;
width : 765px;
background : url("/images/layout/shadow.gif") repeat-y;
}

div.BodyContent {
color : #000000;
text-align : left;
width : 725px;
padding : 0 20px;
}

div.BodyColumn {
color : #000000;
text-align : left;
width : 440px;
padding : 0 25px 0 0;
float : left;
}

div.BodyColumnRight {
color : #000000;
text-align : left;
width : 250px;
padding-left : 25px;
float : right;
}

div.BodyCenter {
display : table;
margin : 0 auto;
}

div.BodyClear {
clear : both;
}

div.HomepageBanner {
color : #000000;
text-align : left;
width : 755px;
padding : 0 5px;
position : relative;
top : -4px;
}

h3 {
font-size : 24px;
font-weight : normal;
color : #446688;
margin : 0 0 10px 0;
padding : 10px 0 0 0;
border-bottom : #446688 solid 1px;
}

h4 {
font-size : 20px;
font-weight : normal;
color : #446688;
margin : 0 0 10px 0;
padding : 0;
}

h5 {
font-size : 18px;
font-weight : normal;
color : #446688;
margin : 30px 0 10px 0;
padding : 0;
border-bottom : #ffcccc solid 1px;
}

p {
color : #000000;
text-align : left;
margin : 0;
}

div.LayoutFooter {
text-align : left;
width : 765px;
height : 47px;
padding-top : 18px;
background : url("/images/layout/footer.gif") no-repeat;
}

div.LayoutFooterLinks {
font-size : 9px;
color : #666666;
text-align : left;
width : 750px;
margin-left : 25px;
}

div.LayoutFooterLinks a:link, div.LayoutFooterLinks a:visited, div.LayoutFooterLinks a:active, div.LayoutFooterLinks a:hover {
font-size : 9px;
color : #003366;
text-decoration : none;
}

div.LayoutFooterText {
font-size : 9px;
color : #666666;
text-align : left;
margin-left : 25px;
}

div.ErrorMessage {
font-size : 12px;
color : #222222;
border : 1px solid #990000;
width : 600px;
margin : 10px auto;
padding : 20px;
display : table;
background : #ffcccc;
}

div.ErrorMessage h4 {
font-size : 14px;
font-weight : bold;
color : #990000;
}

div.SuccessMessage {
font-size : 12px;
color : #222222;
border : 1px solid #ff99cc;
width : 600px;
margin : 10px auto;
padding : 20px;
display : table;
background : #99ccff;
}

div.SuccessMessage h4 {
font-size : 14px;
font-weight : bold;
color : #ffffff;
}

div.HomepageSection {
text-size : 10px;
text-align : left;
width : 330px;
margin : 10px;
padding : 5px;
float : left;
}

span.HomepageNewsHeadline a:link, span.HomepageNewsHeadline a:visited, span.HomepageNewsHeadline a:active, span.HomepageNewsHeadline a:hover {
font-size : 11px;
font-weight : bold;
color : #003366;
text-decoration : none;
}

span.HomepageNewsDate {
font-size : 9px;
color : #666666;
}

span.HomepageNewsContent {
font-size : 11px;
color : #000000;
}

span.HomepageNewsContent a:link, span.HomepageNewsContent a:visited, span.HomepageNewsContent a:active, span.HomepageNewsContent a:hover {
font-size : 11px;
color : #006600;
text-decoration : none;
}

span.HomepageNewsMore a:link, span.HomepageNewsMore a:visited, span.HomepageNewsMore a:active, span.HomepageNewsMore a:hover {
font-size : 11px;
color : #006600;
text-decoration : none;
}

span.NewsHeadline {
font-size : 24px;
color : #446688;
text-decoration : none;
}

span.NewsDate {
font-size : 14px;
font-weight : bold;
color : #666666;
}

span.NewsUpdated {
font-size : 10px;
color : #cccccc;
}

span.Tags {
font-size : 11px;
font-weight : bold;
color : #666666;
}

span.Tags a:link, span.Tags a:visited, span.Tags a:active, span.Tags a:hover {
font-size : 11px;
font-weight : normal;
color : #666666;
text-decoration : underline;
}

div.LibraryTitle {
font-size : 20px;
margin : 20px 0 0 0;
}

div.LibraryAuthor {
font-size : 14px;
}

div.LibraryDescription {
font-size : 16px;
font-style : italic;
margin : 20px 0;
}

table.LibraryInfo {
margin : 20px 0 50px 0;
}

table.LibraryInfo th {
font-size : 14px;
font-weight : normal;
color : #999999;
text-align : right;
}

table.LibraryInfo td {
font-size : 14px;
text-align : left;
padding-right : 40px;
}

table.LibraryItems {
margin : 5px 0 50px 0;
}

table.LibraryItems tr {
background-color : transparent;
}

table.LibraryItems tr:hover {
background-color : #eeffee;
}

table.LibraryItems th {
font-size : 14px;
font-weight : bold;
color : #999999;
text-align : left;
}

table.LibraryItems td {
font-size : 12px;
text-align : left;
padding : 0;
border : #446688 solid 1px;
}

table.LibraryItems td a:link, table.LibraryItems td a:visited, table.LibraryItems td a:active {
display : block;
font-size : 12px;
color : #111111;
text-decoration : none;
text-align : left;
padding : 5px;
}

table.LibraryItems td a:hover {
display : block;
font-size : 12px;
color : #446688;
text-decoration : none;
text-align : left;
padding : 5px;
}

div.LibraryCat a:link, div.LibraryCat a:visited, div.LibraryCat a:active {
font-size : 16px;
font-weight : normal;
color : #111111;
text-decoration : underline;
}

div.LibraryCat a:hover {
font-size : 16px;
font-weight : normal;
color : #ffcccc;
text-decoration : none;
}

table.FormTable {
margin : 0 auto;
}

table.FormTable tr.Error {
background-color : #ffcccc;
}

table.FormTable th h4 {
font-size : 16px;
font-weight : bold;
color : #333333;
text-align : left;
margin-top : 30px;
border-bottom : #333333 solid 1px;
}

table.FormTable th {
font-size : 12px;
font-weight : bold;
color : #666666;
text-align : right;
}

table.FormTable td {
font-size : 12px;
font-weight : bold;
color : #999999;
text-align : middle;
}

table.FormTable td input {
font-size : 16px;
color : #000000;
width : 200px;
margin : 2px;
padding : 3px;
}

table.FormTable td input.short {
font-size : 16px;
color : #000000;
width : 40px;
margin : 2px;
padding : 3px;
}

table.FormTable td input.submit {
font-size : 13px;
color : #000000;
width : 175px;
padding : 3px;
margin-bottom : 50px;
background : url(/images/button_bg.gif) repeat-x;
}

table.FormTable td select {
font-size : 14px;
color : #000000;
margin : 2px;
padding : 2px;
}

table.FormTable td textarea {
font-size : 16px;
color : #000000;
width : 200px;
height : 100px;
margin : 2px;
padding : 3px;
}

table.TableExecutives {
width : 450px;
margin : 10px auto;
border : #446688 solid 1px;
}

td.TableExecutivesName {
font-size : 14px;
font-weight : bold;
color : #ddeeff;
padding : 5px;
background-color : #446688;
}

td.TableExecutivesDescription {
font-size : 12px;
text-align : left;
vertical-align : top;
}

span.TableExecutivesTitle {
display : block;
font-size : 12px;
font-weight : bold;
color : #446688;
}

td.TableExecutivesPicture {
padding : 5px;
border : #446688 solid 1px;
}

td.PhoneImage {
font-size : 12px;
color : #111111;
}

#hintbox {
position : absolute;
top : 0;
background-color : lightyellow;
width : 150px;
padding : 3px;
border : 1px solid black;
font : normal 11px Verdana;
text-align : left;
line-height : 18px;
z-index : 100;
border-right : 3px solid black;
border-bottom : 3px solid black;
visibility : hidden;
}

a.anchor, a.anchor:link, a.anchor:visited, a.anchor:active, a.anchor:hover {
font-size : 14px;
font-weight : bold;
color : #6666cc;
text-decoration : none;
cursor : pointer;
}

span.Date {
font-size : 10px;
color : #999999;
}

span.EventTitle {
font-size : 20px;
color : #666666;
}

table.EventTable {
border : 1px solid #cccccc;
padding : 5px;
margin : 5px;
width : 500px;
}

table.EventTable th {
font-size : 11px;
font-weight : bold;
text-align : right;
width : 75px;
}

table.EventTable td {
font-size : 11px;
}

table.EventTable td.Description {
padding-top : 10px;
}

div.EventPicture {
display : table;
margin : 0 auto;
}

div.EventPicture img {
max-width : 700px;
}

table.EventTnPictures {
margin : 0 auto;
}

table.EventTnPictures td {
padding : 10px;
}

table.EventTnPictures td img {
max-width : 100px;
}