/*  VERSION 1.7.2*//* --------------------------------------------------------------------

	filename: CUSTOM.CSS
	author: Rommil Santiago (rommil.santiago@concordia.ca) 
	date: March 21, 2007

	Description:
	These styles expand, customize, and  overwrite the styles in 
	http://web2.concordia.ca/globalmk/stylesheets.css. This file will be stored
	locally on the site's server.
	
	History:
	March 21, 2007 - File created
	
	TABLE OF CONTENTS
	
	0 - GLOBAL RESET
	1 - SEARCH BOX Customizable area
	2 - MAIN MENU Customizable area
	3 - SUB MENU Customizable area
	5 - PAGE LAYOUT ELEMENTS Customizable area
	6 - FOOTER
	7 - GLOBAL TOOLS
	8 - LOCAL TOOLS

   --------------------------------------------------------------------
 
	0 - GLOBAL RESET

   -------------------------------------------------------------------- */

*{
	font-family:Arial, Helvetica, sans-serif;
}


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

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

ul#localtools a{
	color:#666;
}
ul#localtools a:hover{
	color:#922338;
}

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

/* -------------------------------------------------------------------- 

	1 - SEARCH BOX Customizable area
		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://web2.concordia.ca/globalmk/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;}


/* --------------------------------------------------------------------
 
	2 - MAIN MENU Customizable area

   -------------------------------------------------------------------- */

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:8em;*/
	background:url(../custom/images/bg_mainmenu_ul_a.jpg) repeat-x top left #922338;
	line-height:.9em;
	height:3.1em;
}


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

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

html body #page #mainmenu li.active{
	background:#58151f; /* Active main menu */
}

html body #page #mainmenu li.active strong{
	font-weight:bold;
	color:#FFF;
	margin:0;
	padding:.7em 1em .3em 1em;
	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;
} 
   
/* --------------------------------------------------------------------
 
	3 - SUB MENU Customizable area

   -------------------------------------------------------------------- */   

html body #page .submenu {
	background:#58151F; /* Background color of submenu */
}

#banner{
	border-bottom:#58151F 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:#922338;
	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:#922338;
	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;
}



/* --------------------------------------------------------------------
 
	4 - BREAKAWAY NAVIGATION Customizable area

   -------------------------------------------------------------------- */

/* 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:#922338;
}

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

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:#922338;
	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 ----------------------------------*/


/* 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:#922338;
	border-left:#922338 14px solid;
	font-weight:bold;
	background:#FFF url(http://web2.concordia.ca/globalmk/images/common/bg_breakawayheader_arrow.gif) no-repeat 4px center;
}

#breakawaynav ul.level_4 a.active_with_arrow{
	border-right:1px solid #FFF;
	color:#922338;
	border-left:#922338 14px solid;
	font-weight:bold;
	background:#FFF url(http://web2.concordia.ca/globalmk/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:#922338;
	border-left:#922338 14px solid;
	font-weight:bold;
	background-image:none;
	background:#FFF;
	border-bottom:1px solid #922338;
}
#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;
}
 

/* --------------------------------------------------------------------
 
	5 - PAGE LAYOUT ELEMENTS Customizable area
		These styles tweak the look of the top-level site to work
		with specific sites' needs.

   -------------------------------------------------------------------- */

body{background:#4c4c4c;}


/* --- 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/common/bg_topbanner.jpg) no-repeat top right; /* Background image of banner */
	margin:0px;
}

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


/* --- MAIN CONTENT --- */
div.contentcolumn{
  width: 448px
}


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;
}

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://web2.concordia.ca/globalmk/images/common/bg_search_toplevel_input.gif) top left no-repeat;
	padding:3px;
	color:#333;
	width:15em;
}
input#expertsearch_query:hover{
	border:1px solid #922338;
	background:#FFF;
}

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

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:#922338;}

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

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:#922338;	
}

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;
}

/* --- 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;
}

/*Collaborators*/
div.insidecontent ul.collaborators li{
	list-style-image:none;
	background-image:none;
  width: 46%;
  margin-bottom:4em;
  padding:1%;
  -webkit-box-shadow: 0px 0px 10px 5px rgba(194,184,194,1);
  -moz-box-shadow: 0px 0px 10px 5px rgba(194,184,194,1);
  box-shadow: 0px 0px 10px 5px rgba(194,184,194,1);
}
ul.collaborators li:nth-child(odd) {
    float: left;
}
ul.collaborators li:nth-child(even) {
    float: right;
}
span{/*for one collaborator*/
  padding-top:4em;
}

span.collaborators{/*for two collaborators*/
  padding-top:3em;
}

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

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


/* --------------------------------------------------------------------

	6 - FOOTER

   -------------------------------------------------------------------- */

#footer{
	margin:0 0px 0 0px;
	background:#1D1D1D;

}

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

#footer_links ul{ 
	padding-top:.3em;
	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;
}

/* --------------------------------------------------------------------

	7 - GLOBAL TOOLS

   -------------------------------------------------------------------- */
   
.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://web2.concordia.ca/globalmk/images/common/rssicon.gif) no-repeat right;
}

/* --------------------------------------------------------------------

	8 - LOCAL TOOLS

   -------------------------------------------------------------------- */
   



/* SHARE THIS */

#sharethis_holder{
	position:absolute;
}

div#localtools_wrapper{
	width:auto;
	border-bottom:1px solid #CCC;
	margin-bottom:1em;
}

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:#922338;
}

html body #page span.stbuttontext{
	background:url(http://www.concordia.ca/globalmk/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://www.concordia.ca/globalmk/images/common/icon_print.gif) left center no-repeat; 
	padding-left:1.5em;
}


/* 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:#922338;
	font-weight:bold;
	display:block;
	padding-left:21px;
	background: url(../images/common/form_error.gif) left no-repeat;
	padding-top:.5em;
}

.center{
  margin: 0 auto;
}