@charset "utf-8";
/****************************************************
 * CSS for the OCIP Website                         *
 *                                                  *
 * (c) 2011 Ottawa-Carleton Instute for Physics     *
 ****************************************************/
 
/* HTML RESETS 
*******************************************************/ 
html, body, div, p, h1, h2, h3, h4, h5, h6, img, ol, ul, li, strong, em, form, label, table, tr, th, td, tbody {margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-size:100%; font-family:inherit; vertical-align:baseline;}
:focus {outline:0;}
ol, ul {list-style:none;}
body {line-height: 1; font-family:Arial, Helvetica, sans-serif;}
strong {font-weight:bold;}

/* TEMPLATE AND LAYOUT 
*******************************************************/
body {background:#1B1B1B; margin:0px; margin-top:25px; position:relative;}
#admin-menu {position: fixed; top:0px;}
#top-header {width:100%; height:125px; background:url(images/top-banner-bk.png) bottom repeat-x; background-image:url(images/top-banner-bk.png); background-repeat:repeat-x; background-position:bottom; position:relative; z-index:0;  min-width:1000px; margin-top:20px;}
#top-header #logos-wrapper {width:945px; margin: 0 auto; height:134px; background:url(images/ocip-logo.png) no-repeat; background-position: 10% 30%;}
#body-content {width:945px; background:#F3F3F3; margin: 0 auto; min-height:500px; margin-top:0px;}
#body-content #menu-wrapper {height: 100px; width:100%; background:url(images/menu-item.png) repeat-x; display:block;}
#body-content #content {clear:both; padding:25px; line-height:1.6em; font-size:14px; color:#343434; position:relative;}
#content #crumbs {display:block; clear:both; width:100%; font-size:12px; color:#AAA; margin-bottom:-20px;}
#content #crumbs a {color:#999; font-weight:normal;}
#content #crumbs a:hover {color:#777; border-bottom:#777 1px dotted;}
#footer {background:url(images/footer-bk.png) no-repeat; background-image:url(images/footer-bk.png); background-repeat:no-repeat; margin:0 auto; width:977px; height:116px; margin-top:-16px; position:relative; display:block; }
#footer #footer-content {height:100px; width:100%; display:block; position:absolute; bottom:0px; background:url(images/footer-content-bk.png) repeat-x; }
#footer #footer-content #copy {font-size:11px; color:#FEFEFE; font-family: arial, san-serif; position:relative; margin-top:45px; margin-left:26px;}
#footer #footer-content #logos {display:block; height:43px; width:282px; position:absolute; right:26px; top:30px;}
#footer #footer-content #logos #cu-logo {display:block; float:left; height:43px; width:139px; background:url(images/cu-logo.png) no-repeat;}
#footer #footer-content #logos #uo-logo {display:block; float:left; height:43px; width:142px; background:url(images/uo-logo.png) no-repeat; background-position:20px 7px; }
#footer #footer-content #logos div a {height:100%; width:100%; display:block;}


/* MAIN MENU 
*******************************************************/
#menu-wrapper #block-menu-primary-links {z-index:2; position:relative; clear:both;}
#block-menu-primary-links ul.menu {list-style-type:none;margin:0px; padding:0px; margin-top:-10px;z-index:-10;}
#block-menu-primary-links ul.menu li{list-style-type:none; list-style-image:none; margin:0px; padding:0px; margin-top:5px; display:block; float:left; height:100px;}
#block-menu-primary-links ul.menu li a {display:block; width:150px; height:95px; text-decoration:none; text-indent:-9999999px; overflow:hidden; }
#block-menu-primary-links ul.menu li ul.menu, #block-menu-primary-links ul.menu li ul.menu li {display:none;}
#block-menu-primary-links ul.menu li a[title="Welcome to the Ottawa-Carleton Institute for Physics"] {background:url(images/menu-item-home.png) no-repeat; width:79px;}
#block-menu-primary-links ul.menu li a[title="Welcome to the Ottawa-Carleton Institute for Physics"]:hover {background:url(images/menu-item-home-hover.png)no-repeat;}
#block-menu-primary-links ul.menu li a[title="Prospective Students"] {background:url(images/menu-item-prospective-students.png) no-repeat; padding-left:5px; background-position: 5px 0px;}
#block-menu-primary-links ul.menu li a[title="Prospective Students"]:hover, #block-menu-primary-links ul.menu li.active-trail a[title="Prospective Students"]{background:url(images/menu-item-prospective-students-hover.png); padding-left:5px; background-position: 5px 0px;}
#block-menu-primary-links ul.menu li a[title="Information for Students and Faculty"] {background:url(images/menu-item-info.png) no-repeat;}
#block-menu-primary-links ul.menu li a[title="Information for Students and Faculty"]:hover, #block-menu-primary-links ul.menu li.active-trail a[title="Information for Students and Faculty"] {background:url(images/menu-item-info-hover.png)no-repeat;}
#block-menu-primary-links ul.menu li a[title="Calendar of Events"] {background:url(images/menu-item-calendar.png) no-repeat;}
#block-menu-primary-links ul.menu li a[title="Calendar of Events"]:hover, #block-menu-primary-links ul.menu li.active-trail a[title="Calendar of Events"] {background:url(images/menu-item-calendar-hover.png)no-repeat;}
#block-menu-primary-links ul.menu li a[title="Annual Report"] {background:url(images/menu-item-report.png) no-repeat;}
#block-menu-primary-links ul.menu li a[title="Annual Report"]:hover, #block-menu-primary-links ul.menu li.active-trail a[title="Annual Report"] {background:url(images/menu-item-report-hover.png)no-repeat;}
#block-menu-primary-links ul.menu li a[title="OCIP Login"] {background:url(images/menu-item-login.png) no-repeat;}
#block-menu-primary-links ul.menu li a[title="OCIP Login"]:hover {background:url(images/menu-item-login-hover.png)no-repeat;}


/* UNIVERSAL BODY CONTENT & TINYMCE BODY STYLES
*******************************************************/
#content h1, body#tinymce h1 {font-size:32px; font-weight:normal; color:#555; margin-top:12px; margin-bottom:10px; line-height:1.2em;}
#content h2, body#tinymce h2 {font-size:26px; font-weight:normal; color:#595959; margin-top:10px; line-height:1.2em;}
#content h3, body#tinymce h3 {font-size:18px; font-weight:normal; color:#333; margin-top:10px; line-height:1.2em;}
#content p, body#tinymce p {margin-bottom:20px;}
#content a, body#tinymce a {color:#9a2020; font-weight:bold; text-decoration:none;}
#content a:hover {color:#ae3535;}
#content .node ul, body#tinymce ul, .item-list ul, .view-footer ul {list-style:square !important; list-style-image:none; margin-left:50px; margin-bottom:20px; margin-top:10px;}
#content .node ul li, #content .node ol li, body#tinymce ul li, body#tinymce ol li, .item-list ul li, .view-footer ul li {list-style:square !important; line-height:1.6em; margin-bottom:11px;}
#content .node ol, body#tinymce ol {list-style:decimal; margin-left:50px; margin-bottom:20px;}
#content .node table.two-col tr td, body#tinymce table.two-col tr td {width:50%; padding:15px;}
body#tinymce {background:#F3F3F3; margin:5px; line-height:1.6em; font-size:14px; color:#343434; overflow:auto !important;}
iframe#edit-body_ifr {max-height:400px}
/*Events*/
div.event-header {font-size:18px; color:#AAA; margin-bottom:-10px;}
.event-content {text-align:center;}
.node .field-field-event-date{font-size:18px; font-weight:normal; margin-top:25px;}
.node .field-field-event-location {font-size:17px; font-weight:normal; line-height:1.8em;}
table.event-schedule {width:70%; text-align:left; margin: 50px auto 20px auto;}
table.event-schedule tr td {border-bottom: #E7E7E7 1px solid; padding:15px 7px;}
table.event-schedule tr td:first-line {font-weight:bold;}
table.event-schedule tr td p {margin-bottom:0px !important;}

/* CUSTOM VIEWS 
**************************************/
#block-views-Events-block_1 .view-footer h2 {margin-top:20px;}

/*UI
*****************************************************/
form#node-form .form-text {padding:7px; font-size:14px;}
.views-field-title, .views-field-edit-node {display:inline-block;}
.views-field-edit-node a {text-indent:-99999px; display:inline-block; height:25px; width:25px; background:url(images/edit.png) no-repeat; }
#block-block-2 a {text-indent:-99999px; display:inline-block; height:20px; width:20px; background:url(images/add.png) no-repeat; float:left; margin-top:-58px; margin-left:215px;}
#block-block-1 a {text-indent:-99999px; display:inline-block; height:20px; width:20px; background:url(images/add.png) no-repeat; position:absolute; left:215px; top:122px;}
#block-block-3 {position:absolute; top:-250px; right:0px;}
#block-block-3 a {display:block; padding:4px 20px 2px 20px; color:#FFF; background:#9a2020; font-weight:normal;}
#block-block-3 a:hover {color:#FFF; background:#ae3535; }
.wysiwyg ul.tips, div.wysiwyg + p {display:none;}
.event-content form#node-form {text-align:left !important;}
form#node-form .teaser-checkbox {display:none;}
#tabs ul.tabs li.active {display:none;}
#tabs ul.tabs li { float:right;}
#tabs ul.tabs li a{border:none; padding: 3px 3px 3px 25px; display:block; background:none;}
#tabs ul.tabs li:nth-child(2) a {background:url(images/edit.png) no-repeat; background-position: 0% 0%;}
#tabs ul.tabs li:nth-child(1) a {background: url(images/cancel.png) no-repeat; background-position: 0px 3px; width: 77px !important; height:18px !important; overflow:hidden !important; display:block !important; }
#tabs ul.tabs li:nth-child(1) a:before{content:'Cancel Edit '; }
#tabs ul.tabs {border-bottom:none !important;}
#content #tabs {clear:both; margin-top:-15px; margin-bottom:30px; text-align:left!important;}