/*  VERSION 1.7.3 */
/* --------------------------------------------------------------------
	filename: custom.php
	author: Romil Santiagor & Sothea Nim (snim@alcor.concordia.ca)
	date: October 14, 2009

	Description:
	These styles expand, customize, and  overwrite the styles in 
	http://globalmk.concordia.ca/stylesheets/common.css. This file will be stored
	locally on the site's server.
	
	History:
	March 21, 2007 - File created
	October 14, 2009 - File modified, the way content is rendered
-----------------------------------------------------------------------*/


/* start: ../custom/stylesheets/1-global_reset.css */
*{
	font-family:Arial, Helvetica, sans-serif;
}

body { background:#4c4c4c; }

div.insidecontent a{
	color:#0861A3;
}

div.insidecontent a:visited{
	color:#440573;
}

ul#localtools a{
	color:#666;
}
ul#localtools a:hover{
	color:#73A560;
}

div#maincontent p.photocredit{
	font-family:Arial, Helvetica, sans-serif;
}

/* end: ../custom/stylesheets/1-global_reset.css */

/* start: ../custom/stylesheets/2-page_layout_elements.css */
table#about td  {
	border: none;
	padding-bottom: 1em;
}

table#about  {
	border: none;
}


/* --- Page background image holder --- */

#page{
	width:976px;
	margin-left:auto;
	margin-right:auto;
	background:#666 url(../images/common/bg_body.jpg) repeat-y center;
	padding-left:5px;
	padding-right:5px;
}

/* --- Top Banner --- */

#banner{
	height:194px; /* Banner height */
	background:#fff url(../custom/images/bg_topbanner.jpg) no-repeat top right; /* Background image of banner */
	margin:0px;
}

/* --- MAIN LOGO --- */
#concordialogo{
	/*top:20px;
	left:15px;*/
}


/* --- MAIN CONTENT --- */

html body #page #maincontent{
	margin-left:auto;
	margin-right:auto;
	background:#FFF url(../images/common/bg_maincontent.gif) left repeat-y;
}

html body #page div.insidecontent{
	margin-left:14px;
	display:block;
	float:left;
	width:742px;
}


/* -- HOME PAGE -- */

html body.home #page #maincontent{
	background:none;
}

html body.home #page #maincontent div.insidecontent{
	margin-left:0;
	/*width:945px;*/
	width:665px;
}



html body #page div.twothirds{

	font-size:.8em;
	line-height:1.4em;	
	padding-bottom:1em;	
	width:477px;
	float:left;
}


div.insidecontent h1{
	margin-bottom:0px;
	width:65%;
	z-index:200;
	color: #333;
}

div.insidecontent p.subheader{
	font-size:1em;
	color:#000;
	font-style:italic;
	margin-top:-.5em;
	width:65%;
	z-index:200;
	font-weight:bold;
}

#global_mainbreadcrumb{background:#4c4c4c;}

#global_mainbreadcrumb a{color:#FFF;}

div.floatright h1{
	font-size:1.5em;
	border-bottom:1px solid #ccc;
	margin-bottom:.5em;
	padding-bottom:.4em;
}

div.floatright h2{
	font-size:1.2em;
	margin-bottom:.5em;
	padding-bottom:.4em;
}

/* --- New format for local tools (June 5, 2007) --- */

ul#localtools{
	padding-bottom:1em;
	padding-left:7px;
	border-bottom:1px solid #CCC;
	border-top:none;
	background:none;
	margin-top:-5.7em;
}  

ul#localtools li{
	display:list-item;
	text-align:right;
}
ul#localtools li a{
	padding-right:0;
	border:0;
}

div.insidecontent h1 span#header-info {background:url(../images/studentresources/header_main.jpg) top left no-repeat;}

/* --- MEDIA FORM --- */

form#expertsearch{
	display:block;
	margin-bottom:.5em;
}

input#expertsearch_query{
	border:1px solid #BBB;
	background: #FFF url(http://globalmk.concordia.ca/images/common/bg_search_toplevel_input.gif) top left no-repeat;
	padding:3px;
	color:#333;
	width:15em;
}
input#expertsearch_query:hover{
	border:1px solid #73A560;
	background:#FFF;
}

input#expertsearch_submit{
	border:1px solid #999;
	font-weight:bold;
	padding:2px 8px 2px 8px;
}
input#expertsearch_submit:hover{
	color:#73A560;
	background:#EEE;
	border:1px solid #73A560;
}

table{
	margin-bottom:20px;
	width:100%;
}

table td,
table th{
	padding-right:20px;
	padding-top:5px;
	padding-bottom:5px;
	border-bottom:1px solid #DDD;
}

td.subheader,
th.subheader{
	padding-top:1em;
 	border-bottom:3px solid #BBB;
}

.relatedlinks{background:#F5EBCA;}

label{
	display:block;
	font-weight:bold;
}

.contentform input{
	width:250px;
	margin-bottom:1em;
}

form.contentform textarea{width:250px;}

form sup{color:#73A560;}

span.sup{
	padding-bottom:1.5em;
	padding-left:.2em;
	color:#73A560;
}

ul.thumbnailed_items li.vevent{margin-left:14px;}

div.sidebar ul li a strong em{font-size:.7em;}

div.sidebar ul li a:visited strong em{color:#666;}

div.sidebar ul li a:hover,
div.sidebar ul li a:hover strong em{	
	color:#73A560;
}

div.insidecontent ul.alphabar{
	padding-top:.5em;
	padding-bottom:.5em;
	margin-left:0;
	border-top:#cbb576 1px solid;
	border-bottom:#cbb576 1px solid;
}

.navbar{
	padding-top:.5em;
	padding-bottom:.5em;
	margin-left:0;
	border-top:#ccc 1px solid;
	border-bottom:#ccc 1px solid;
}

div.insidecontent ul.alphabar li{
	display:inline;
	background-image:none;
	margin-right:.8em;
}


table tr td.relevance{
	font-size:1.05em;
	font-weight:bold;
	font-style:italic;
	background:#f9f9f9;
	padding-top:1.5em;
	border-bottom:1px solid #999;
}

h4.department{
	font-size:1.05em;
	font-weight:bold;
	font-style:italic;
}

span.fn{
	font-weight:bold;
	font-size:1.1em;
}

h3.searchheader{
	padding-bottom:0em;
	padding-top:1em;	
}

li.activealpha a{
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
}

div.insidecontent ul.departmentlisting{
	
	float:left;
	margin-right:3em;
	width:10em;
}



tr.expertentry:hover {
	background:#E0D3AD;
}

div.hr{
	border-bottom:1px solid #CCC;
	margin-bottom:1em;
}

/* end: ../custom/stylesheets/2-page_layout_elements.css */

/* start: ../custom/stylesheets/3-globaltools.css */
.globaltools_pagewidth {
	width:975px;
	margin-left:auto;
	margin-right:auto;
}
.accesstools{
	text-align:right;
	width:350px;
	float:right;
}

.accesstools li{
	margin-left:1em;
}

.globalbreadcrumb{
	float:left;
	z-index:256;
	width:600px;
}

.globalbreadcrumb li{
	margin-right:1em;
}

a.rssfeed{
	padding-right:15px;
	background:url(http://globalmk.concordia.ca/images/common/rssicon.gif) no-repeat right;
}

/* end: ../custom/stylesheets/3-globaltools.css */

/* start: ../custom/stylesheets/4-topbanner.css */
/* --------------------------------------------------------------------
		The ul classes and a ids must match those in the search.php
		include. The "Entire Site" tab must not be removed or hidden.
		  
		NOTE: Ensure that the chosen class and id names are unique.
----------------------------------------------------------------------- */


#search_toplevel_tools {background:#EBE5CF;}
	   
ul.li_thissite a#li_thissite,
ul.li_entire a#li_entire,
ul.li_staff a#li_staff,
ul.li_news a#li_news,
ul.li_events a#li_events {
	background:#EBE5CF url(http://globalmk.concordia.ca/images/common/bg_search_toplevel_option.gif) top repeat-x;
	border-bottom:0;
	padding-bottom:6px;
	color:#922338;
	z-index:105;
}

ul.li_thissite a#li_thissite:hover,
ul.li_entire a#li_entire:hover,
ul.li_staff a#li_staff:hover,
ul.li_news a#li_news:hover,
ul.li_events a#li_events:hover {
	background:#EBE5CF;
}

div.search {background:none;}

/* end: ../custom/stylesheets/4-topbanner.css */

/* start: ../custom/stylesheets/5-mainmenu.css */
html body #page #mainmenu {
	bottom:0px;
}

html body #page #mainmenu li{
	float:left;
	margin-right:4px;
	font-size:.8em;
	font-weight:normal;
	padding:0em;
	width:8.5em;
/*
	background:url(../custom/images/bg_mainmenu_ul_a.jpg) repeat-x top left #73A560;
*/
	background: #4DA53A;
	line-height:.9em;
	height:3.1em;
}


html body #page #mainmenu ul li a {
	background:none;
	color:#FFF;
	margin:0;
	padding:.7em 1em .3em 0.8em;
	display:block;
}

html body #page #mainmenu ul li a:hover {
	color:#FFF;
/*
	background:url(../custom/images/bg_mainmenu_ul_a_hover.jpg) repeat-x top left #1C5B1C;
*/
	background: #AAA;
}

html body #page #mainmenu li.active{
	background: #AAA;

/*
	background:#1C5B1C; /* Active main menu */
*/
}

html body #page #mainmenu li.active strong{
	font-weight:bold;
	color:#FFF;
	margin:0;
	padding:.7em 1em .3em 0.8em;
	display:block;
	font-size:1.1em;
} 


html body #page #mainmenu li.active a{
	font-weight:bold;
} 

html body #page #mainmenu li.active a:hover{
	text-decoration:underline;
} 

/* end: ../custom/stylesheets/5-mainmenu.css */

/* start: ../custom/stylesheets/6-submenu.css */
html body #page .submenu {
	background:#AAA; /* Background color of submenu */
}

#banner{
	border-bottom:#AAA 7px solid; /* Should match background of submenu */
}

html body #page .submenu li.singleline a{
	color:#FFF;
}

html body #page .submenu li{
	background:none;
	color:#FFF;
	display:inline;
	float:left;
	margin-right:14px;
}

html body #page .submenu li a{
	padding:.7em;
}

html body #page .submenu li a:hover,
html body #page .submenu li a:active,
html body #page .submenu li a:focus{
	background:none;
	color:#FFF;
}

html body #page .submenu li.active{
/*
	color:#73A560;
*/
	color:#666;
	font-weight:bold;
	background:#FFF;
	padding-left:1em;
	padding-right:1em;
	padding-top:.7em;
	padding-bottom:.7em;
	height:2em;
}

html body #page .submenu li.active strong{
	color:#666;
	font-size:1.2em;
}

html body #page .submenu li.active a{
	color:#000;
	padding:0;
	font-weight:bold;
}

html body #page .submenu li.active a:hover{
	background:#FFF;
}

/* end: ../custom/stylesheets/6-submenu.css */

/* start: ../custom/stylesheets/7-breakaway_navigation.css */
/* ACTIVE (highlighted) MENU ITEMS
   Style set by javascript - affordance arrow are too complex to style only with CSS */

#breakawaynav ul.level_2 a.active_with_arrow{
	border-right:1px solid #FFF;
	color:#73A560;
	border-left:#73A560 14px solid;
	font-weight:bold;
	background:#FFF url(http://globalmk.concordia.ca/images/common/bg_breakawayheader_arrow.gif) no-repeat 4px center;
}

#breakawaynav ul.level_4 a.active_with_arrow{
	border-right:1px solid #FFF;
	color:#73A560;
	border-left:#73A560 14px solid;
	font-weight:bold;
	background:#FFF url(http://globalmk.concordia.ca/images/common/bg_breakawayheader_arrow.gif) no-repeat 14px center;
}

#breakawaynav ul.level_2 a.active_with_no_arrow{
	border-right:1px solid #FFF;
	color:#73A560;
	border-left:#73A560 14px solid;
	font-weight:bold;
	background-image:none;
	background:#FFF;
	border-bottom:1px solid #73A560;
}
#breakawaynav ul.level_2 a.active_with_no_arrow:hover,
#breakawaynav ul.level_2 a.active_with_no_arrow:focus{
	text-decoration:underline;
	background-image:none;
}

/* end: ../custom/stylesheets/7-breakaway_navigation.css */

/* start: ../custom/stylesheets/7-leftmenu.css */
/* NANOWEB VER 1.7 - START -------------------------------*/

div#lh_menu_area{
	position:relative;
	display:block;
	z-index:250;
	width:206px;
	float:left;
	min-height:1em;
}

div#lh_menu{
	width:200px;
	text-align:left;
}

div#lh_menu ul.level_3 li{
	list-style:none;
	font-size:.95em;
	padding:.35em;
	padding-left:14px;
	font-weight:bold;
	color:#73A560;
}

div#lh_menu ul.level_3 li strong{
	color:#73A560;
}

div#lh_menu ul.level_3 li a{
	text-decoration:none;
	font-weight:normal;
	color:#000;
	font-size:.8em;
}

div#lh_menu ul.level_3 li a strong{
	color:#000;
}

div#lh_menu ul.level_3 li a:hover{
	color:#73A560;
	text-decoration:underline;
}

div#lh_menu ul.level_3 li ul.level_4 li{
	font-size:1em;
}


div#lh_menu ul.level_3 li ul.level_4 li ul.level_5 li{
	font-size:1em;
}

/* NANOWEB VER 1.7 - END ----------------------------------*/

/* end: ../custom/stylesheets/7-leftmenu.css */

/* start: ../custom/stylesheets/8-localtools.css */
/* SHARE THIS */

#sharethis_holder{
	position:absolute;
}

div#localtools_wrapper{
	float:right;
	width:150px;
	margin:50px 0px 0px 0px;
	border:0px !important;
}

ul#localtools{
	width:10em;
	border-bottom:0;
	position:absolute;
	right:0;
}

ul#localtools li{
	display:list-item;
	text-align:right;
}

html body #page .emailtofriend a{
	background:transparent;
}

html body #page .printable a{
	background:transparent;
}


html body #page span#sharethis_0 a,
html body #page span#sharethis_1 a{
	text-decoration:none;
}

html body #page span#sharethis_0 a span,
html body #page span#sharethis_1 a span{
	color:#666;
}

html body #page span#sharethis_0 a:hover span,
html body #page span#sharethis_1 a:hover span{
	color:#73A560;
}

html body #page span.stbuttontext{
	background:url(http://globalmk.concordia.ca/images/common/icon_email.gif) left center no-repeat; 
	padding-left:1.5em;
	border-bottom:0;
	text-decoration:underline;
}

html body #page li.printable a{
	background:url(http://globalmk.concordia.ca/images/common/icon_print.gif) left center no-repeat; 
	padding-left:1.5em;
}

/* end: ../custom/stylesheets/8-localtools.css */

/* start: ../custom/stylesheets/9-content.css */
#identity-area {
	padding:0px 0px 0px 0px;
}

/* end: ../custom/stylesheets/9-content.css */

/* start: ../custom/stylesheets/A-footer.css */
#footer{
	margin:0 0px 0 0px;
	background:#1D1D1D;

}

#footer_links{
	background-image:none;
	background-color:#666;
}

#footer_links ul{ 
	padding:.10em 0 .20em 0 !important;
	margin-left:14px;
}

#footer_links a{
	color:#FFFFFF;
}

#footer_links ul li{
	color:#EEEEEE;
	font-size:.7em;
	margin-right:14px;
}

#footer_address p{
	color:#EEEEEE;
	font-size:.7em;
	line-height:1.5em;
}

#footer_address p a{
	color:#EEEEEE;
}

/* --- Back to top ---*/

#backtotop{
	

}
#backtotop p{
	color:#FFF;
	font-size:.7em;
}

#backtotop p a{
	color:#FFF;
}

/* --- Main Content Back to top --- */

p.backtotop{
	text-align:right;
}

p.backtotop a{
	padding-left:16px;
	background:url(../images/common/backtotop_arrow.gif) no-repeat left;
}

/* end: ../custom/stylesheets/A-footer.css */

/* start: ../custom/stylesheets/B-plugins.css */
/* INTENSE DEBATE */
html body #page div#IDCommentsHeadFollowMenu{
	z-index:250;
}

html body #page div#idc-container-parent,
html body #page div#container,
html body #page div#idc-cover,
html body #page div#IDCommentsHead,
html body #page div.idc-thread,
html body #page div#IDCommentsNewThread
{
	z-index:1;
}

html body #page div#IDCommentsNewThreadCover{
	z-index:0;
}

html body #page div#IDCommentsNewThread #IDCommentNewThreadForm1 *,
html body #page div#IDCommentsNewThread #IDCommentNewThreadForm2 *{
	position:static;
}

/* LIVE VALIDATION */

.LV_validation_message{
	display:block;
	font-weight:bold;
	color:#06750c;
	padding-top:.5em;
	background: url(../images/common/form_ok.gif) left no-repeat;
	padding-left:19px;
}


.LV_invalid{
	color:#73A560;
	font-weight:bold;
	display:block;
	padding-left:21px;
	background: url(../images/common/form_error.gif) left no-repeat;
	padding-top:.5em;
}

/* end: ../custom/stylesheets/B-plugins.css */

/* start: ../custom/stylesheets/C-announcement_adv.css */

/* end: ../custom/stylesheets/C-announcement_adv.css */

/* start: ../custom/stylesheets/custom.css */
#body_li_events_2 a:hover sup, #body_li_events_2 a:focus{
  color:#922338;
}
#body_li_events_2 a sup{
  color:#0861a3;
}
#body_li_events_2 h2 sup{
  color:black;
    font-size: .8em;
    vertical-align: baseline;
    position: relative;
    bottom: 0.4em;
}

figcaption{
    font-size: 90%;
    margin-bottom: 10px;
}
div.center
 {
    margin-left:auto;
    margin-right:auto;
    width:70%;
 }

/* --- FOR IMAGES IN LISTS --- */

div.nice  {
        overflow: auto;
        clear: left;
}

/* --- GROUPMEMBERS --- */

.inline {
    float:left;
}

img.inline{
    margin-right:1em;
}

span.inline{
	width:300px;
}

div.insidecontent ul.grouplisting {
	clear:both;
	width:460px;
}

div.insidecontent ul.grouplisting li{
	clear:both;
	display:block;
	width:100%;
	height:8em;
	padding-top:1em;
	list-style-image:none;
	background-image:none;
}

div.groupmember{
    float: left;
    padding: 0;
    width: 130px;
}

/* --- FORMER GROUPMEMBERS --- */

.inlinewide {
    float:left;
}

img.inlinewide{
    margin-right:1em;
}

span.inlinewide{
	width:600px;
}

div.insidecontent ul.grouplistingwide {
	clear:both;
	width:760px;
}

div.insidecontent ul.grouplistingwide li{
	clear:both;
	display:block;
	width:100%;
	height:8em;
	padding-top:1em;
	list-style-image:none;
	background-image:none;
}

div.centerH {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* for instruments */
.instrument {
  width:160px;
  padding:10px;
}

.photocaption{
  margin-top: 1px;
}

/*************************************
 * Basic lightbox styles. Notice the
 * default 'display' is 'none'.
 */

.lightbox {
  /** Hide the lightbox */
  display: none;

  /** Apply basic lightbox styling */
  position: fixed;
  z-index: 9999;
  width: 100%;
  height: 100%;
  text-align: center;
  top: 0;
  left: 0;
  background: black;
  background: rgba(0,0,0,0.8);
}

.lightbox img {
  /** Pad the lightbox image */
  max-width: 90%;
  max-height: 80%;
  margin-top: 2%;
}

.lightbox:target {
  /** Show lightbox when it is target */
  display: block;

  /** Remove default browser outline style */
  outline: none;
}
#programImg{
  text-decoration:none;
}
#programImg figcaption{
  font-size: 20px;
  font-weight: bold;
  color:white;
  margin:0 auto;
  padding:20px 0;
  width:750px;
  background:black;
}
.research{
  margin:15px auto;
}
.researchThumb{
  float: right;
  margin:0 0 10px 10px;
}
.thrustTitle{
  margin-top:2em;
}
/*'People' page
.floatright{
  position: absolute;
  top:117px;
  right: 8px;
  width:323px;
}
*/
.groupPicture{
  position:relative;
  display: block;
  width:649px;
  margin-bottom:40px;
  margin-left:-4px;
}
.groupPicture img{
  margin: 0 auto;
}
.groupPicture .caption{
  width:625px;
  text-align: center;
  color:white;
  background:rgba(0,0,0,.8);
  position: absolute;
  bottom:4px;
  left:8px;
  margin:0;
  padding:4px;
}

/* end: ../custom/stylesheets/custom.css */