/******************/
/* GLOBAL LAYOUT  */
/******************/
html, body, form, fieldset {margin: 0px; padding: 0px; border: 0px;}
body {background: #D0D4D4; color: #000; text-align: left;	background-image: url(images/bg.jpg);
	background-repeat: repeat; background-position: center top; font-family: "Trebuchet MS", Verdana, Arial, Tahoma, sans-serif; font-size: 12px; line-height: 1.6em;}

/********************/
/*  BANNER          */
/********************/

#logo {margin:0px 0px 0px 50px;}

#banner {background-image: url(images/header.jpg); background-repeat: no-repeat;}
#bannershadow {	background-image: url(images/banner_shadow.jpg);background-repeat:no-repeat;background-position:center top; height:10px; margin: 0px 0px 10px 0px;}

/****************************************************************/
/*   NAVIGATION BAR DESIGN:   Multiflex-5.4 www.1234.info       */
/*   Date:     March 13, 2008                                   */
/****************************************************************/

.navbar {white-space:nowrap /*IE hack*/; width:958px; position:relative; background-image: url(images/nav.jpg); margin-top: 0px; border: none;}

/* MAIN MENU */
.navbar ul {list-style-type:none;}
.navbar ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background:transparent}
.navbar ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:3.1em; line-height:3.1em; padding:0 16px 0 16px; text-decoration:none; font-weight:bold; color:#fff; border-right:solid 0px #d7d7d7;}
.navbar ul li ul {display:none; border:none;}

/* SUBMENU (Non-IE6 hovering) */
.navbar ul li:hover {position:relative;} /*Sylvain IE hack*/
.navbar ul li:hover a {font-weight:bold; color:#000; background-color:#AC0A5F; text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.0em; margin-top:0.1em; left:0; padding:0px 16px 0px 16px; border-top:solid 1px #d7d7d7;}
.navbar ul li:hover ul li a {white-space:normal; display:block; width:10.0em; height:auto; line-height:1.3em; margin-left:-17px; padding:4px 16px 4px 16px; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; background-color:#ebebeb; font-weight:normal; color:#646464;} /*Color subcells normal mode*/
.navbar ul li:hover ul li a:hover {background-color:#e1e1e1; text-decoration:none;} /*Color subcells hovering mode*/

/* SUBMENU (IE6 hovering) */
.navbar table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navbar ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; font-weight:bold; color:rgb(0,0,0); background-color:#AC0A5F; text-decoration:none;} /*Color main cells hovering mode*/
.navbar ul li a:hover ul {display:block; width:10.0em; position:absolute; z-index:1000; top:3.1em; t\op:3.0em; left:0px; marg\in-top:0.1em; border-top:solid 1px #d7d7d7; }
.navbar ul li a:hover ul li a {white-space:normal; display:block; w\idth:10.0em; height:1px; line-height:1.3em; padding:4px 16px 4px 16px; border-right:solid 1px #d7d7d7; border-left:solid 1px #d7d7d7; border-bottom: solid 1px #d7d7d7; background-color:#ebebeb; font-weight:normal; color:#646464;} /*Color subcells normal mode*/
.navbar ul li a:hover ul li a:hover {background-color:#e1e1e1; text-decoration:none;} /*Color subcells hovering mode*/

/*************/
/*  CONTENT  */
/*************/
.container {margin: auto; width: 958px; background-image: url(images/content.jpg);
font-family:tahoma,arial,sans-serif; font-size:100% !important /*Non-IE6*/; font-size:95% /*IE6*/;} /*Color navigation bar normal mode*/

.content {float: left; width: 780px; min-height: 500px; margin: 0px 0px 0px 40px; padding: 0px 0px 0px 20px; color: #d7d7d7; font-size: 1.0em; overflow:visible !important /*Non-IE6*/; overflow:hidden /*IE6*/;}

/********************/
/*  MAIN CONTAINERS */
/********************/

.main-body {clear: both; width: 878px; margin: 0px 0px 0px 40px; padding: 0px;}

.main-body-1col {clear: both; overflow: hidden; width: 878px; margin: 0px 0px 0px 40px; padding: 0px;}
.main-body-1col h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-1col h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold;  padding: 3px 0px; margin: 0 0 15px; }
.main-body-1col h3 {font: 1em Verdana, Arial, Helvetica,sans-serif; padding: 3px 10px }
.main-body-1col a:link, .main-body-1col a:visited, .main-body-1col a:active {color: #AC0A5F; text-decoration: none;}
.main-body-1col a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-2col-right {overflow: hidden; float: right; display: inline; width: 410px; margin: 10px 40px 10px 0px; padding: 0px;}
.main-body-2col-right h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-2col-right h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold; padding: 3px 0px; margin: 0 0 15px; }
.main-body-2col-right a:link, .main-body-2col-right a:visited, .main-body-2col-right a:active {color: #AC0A5F; text-decoration: none;}
.main-body-2col-right a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-2col-thirdleft {overflow: hidden; float: left; display: inline; width: 225px; margin: 0px 10px 0px 40px; padding: 0px;}
.main-body-2col-thirdleft h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-2col-thirdleft h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold;  padding: 3px 0px; margin: 0 0 15px; }
.main-body-2col-thirdleft a:link, .main-body-2col-thirdleft a:visited, .main-body-2col-thirdleft a:active {color: #AC0A5F; text-decoration: none;}
.main-body-2col-thirdleft a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-2col-twothirdright {overflow: hidden; float: right; width: 605px; margin: 0px 40px 0px 10px; padding: 0px;}
.main-body-2col-twothirdright h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-2col-twothirdright h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold;  padding: 3px 0px; margin: 0 0 15px; }
.main-body-2col-twothirdright a:link, .main-body-2col-twothirdright a:visited, .main-body-2col-twothirdright a:active {color: #AC0A5F; text-decoration: none;}
.main-body-2col-twothirdright a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-2col-twothirdleft {overflow: hidden; float: left; display: inline; width: 605px; margin: 0px 10px 0px 40px; padding: 0px;}
.main-body-2col-twothirdleft h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-2col-twothirdleft h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold;  padding: 3px 0px; margin: 0 0 15px; }
.main-body-2col-twothirdleft a:link, .main-body-2col-twothirdleft a:visited, .main-body-2col-twothirdleft a:active {color: #AC0A5F; text-decoration: none;}
.main-body-2col-twothirdleft a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-2col-left {clear: both; overflow: hidden; float: left; display: inline; width: 410px; margin: 10px 0px 10px 40px; padding: 0px;}
.main-body-2col-left h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif;  margin: 5px 0 12px; }
.main-body-2col-left h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold; padding: 3px 0px; margin: 0 0 15px; }
.main-body-2col-left a:link, .main-body-2col-left a:visited, .main-body-2col-left a:active {color: #AC0A5F; text-decoration: none;}
.main-body-2col-left a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-3col-left {overflow: hidden; float: left; display: inline; width: 180px; margin: 0px 10px 0px 40px; padding: 0px;}
.main-body-3col-left h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-3col-left h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold;  padding: 3px 0px; margin: 0 0 15px; }
.main-body-3col-left a:link, .main-body-3col-left a:visited, .main-body-3col-left a:active {color: #AC0A5F; text-decoration: none;}
.main-body-3col-left a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-3col-middle {overflow: hidden; float: left; width: 400px; margin: 0px 0px 0px 10px; padding: 0px;}
.main-body-3col-middle h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-3col-middle h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold;  padding: 3px 0px; margin: 0 0 15px; }
.main-body-3col-middle a:link, .main-body-3col-middle a:visited, .main-body-3col-middle a:active {color: #AC0A5F; text-decoration: none;}
.main-body-3col-middle a:hover {color: #AC0A5F; text-decoration: underline;}

.main-body-3col-right {overflow: hidden; float: right; display: inline; width: 240px; margin: 10px 40px 10px 0px; padding: 0px;}
.main-body-3col-right h1 {color: #808080; font: 1.6em Arial, Helvetica,sans-Serif; margin: 5px 0 12px; }
.main-body-3col-right h2 {color: #333; font: 1.2em Verdana, Arial, Helvetica,sans-serif; font-weight: bold;  padding: 3px 10px; margin: 0 0 15px; }
.main-body-3col-right a:link, .main-body-3col-right a:visited, .main-body-3col-right a:active {color: #AC0A5F; text-decoration: none;}
.main-body-3col-right a:hover {color: #AC0A5F; text-decoration: underline;}

/*****************/
/* SPECIAL TABLES*/
/*****************/

.datatable {border: 1px solid #D6DDE6; border-collapse:collapse; width: 99%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; font-weight: normal;color: #666666;}

.datatable td {border: 1px solid #D6DDE6; padding: 1em;}

.datatable th { border: solid 1px #828282; background-color: #bcbcbc; text-align: left; padding-left: 1em; }

.datatable caption {color: #33517A; text-align: left; padding-top: 3px; padding-bottom: 8px; }

.datatable tr:nth-child(even)
  { background-color: #D6DDE6
  ; color: #000000
  }

.datatable tr:nth-child(even)
  { }


.datatable tr.odd_row
  { background-color: #D6DDE6
  ; color: #000000
  }

.datatable tr.even_row
  {}

.datatable tr.altrow 
  { background-color: #D6DDE6
  ; color: #000000
  }

.datatable tr.plainrow 
  {}

.datatable tr.marked-row 
  { background-color: #FFAAAA
  ; color: #000000
  }

.datatable tr.imminent-row
  { background-color: yellow
  ; color: #000000
  }

.datatable td { margin: 0; padding: 2ex }

.datatable a:link, .datatable a:visited {color: #33517A; text-decoration:none; background-color: transparent;}

.datatable a:hover { color: #FF9A00; text-decoration: none;}

.tabletext {margin-bottom: 10px; margin-top: 0px; line-height: 1.5; font-size: 10px; color: #666666;}

.assessment-table th.assessment-administrator { width: 10% }
.assessment-table th.assessment-candidate { width: 25% }
.assessment-table th.assessment-program { width: 7% }
.assessment-table th.assessment-location { width: 15% }
.assessment-table th.assessment-dates { width: 15% }
.assessment-table th.assessment-assessor { width: 14% }
.assessment-table th.assessment-planning { width: 14% }

/*****************/
/* SPECIAL BOXES */
/*****************/

.notice-with-book { padding: 10px; margin: 0px; background: #e9e2e2 url(images/black-book.gif) no-repeat bottom right; color: #808080; }

.dottednotes { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px; margin: 0 0 10px 0; background: #fff url(images/dottednotes.gif) no-repeat center left; color: #454545; }
.dotteddownload { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px; margin: 0 0 10px 0; background: #fff url(images/black-download.gif) no-repeat center left; color: #454545; }
.dottedbook { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px; margin: 0 0 10px 0; background: #fff url(images/black-book.gif) no-repeat center left; color: #454545; }
.dottedclipboard { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px; margin: 0 0 10px 0; background: #fff url(images/black-clipboard.gif) no-repeat center left; color: #454545; }
.dottedmail { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px; margin: 0 0 10px 0; background: #fff url(images/black-envelope.gif) no-repeat center left; color: #454545; }
.dottedworld { border-top: 1px dotted #ccc; border-bottom: 1px dotted #ccc; padding: 17px 10px 17px 80px; margin: 0 0 10px 0; background: #fff url(images/black-world.gif) no-repeat center left; color: #454545; }

.quote1 {border-bottom:1px solid #d8d8d8; border-left:4px solid #ccc; border-right:1px solid #d8d8d8; border-top:1px solid #d8d8d8; color:#505050; margin:16px; padding:7px 7px 7px 11px;}
.quote2 {width:auto; border-left: solid 8px #b6b6b6; padding:15px; background:#e9e2e2; font:italic 120% Georgia, Times,'Times New Roman', serif; }

.blueboxedtext {float:right;width:auto;border:1px solid #D6DDE6;margin:10px 10px 10px 10px;padding: 10px 10px 2px 10px;background:#D6DDE6;}
.blueboxedtext img {float:left;margin: 0px 10px 0px 10px;}
.blueboxedtext p.quote {margin:0px;font-weight:normal;text-align:left;}
.blueboxedtext p.signoff {margin:0px;font-weight:bold;text-align:right;}

.rightarticles {background: #f5f5f5;color: #414141;padding: 8px; margin: 0 0 3px 0;}
.rightarticles-word {padding: 8px; margin: 0 0 3px 0; background: #f5f5f5 url(images/purple-book.gif) no-repeat top left; color:  #414141;}
.rightarticles-speech {padding: 8px; margin: 0 0 3px 0; background: #f5f5f5 url(images/black-speechquotes.gif) no-repeat top left; color:  #414141;}
.rightarticles-download {padding: 8px; margin: 0 0 3px 0; background: #f5f5f5 url(images/black-download.gif) no-repeat top left; color:  #414141;}
.notice {background: #eee; color: #808080; padding: 12px 8px; margin: 0 0 3px 0;}

.rightarticles-blue {background: #D6DDE6;color: #414141;padding: 8px; margin: 0 0 3px 0;}

/*****************/
/* SPECIAL LISTS */
/*****************/

.main-body-1col ul.az { margin: 1em 0em 4em 0em; padding: 0px;}
.main-body-1col ul.az li {list-style: none; float: left; margin: 2px; font-weight: bold; text-align: center;font-size: 1.2em;}
.main-body-1col ul.az li.noLink	{color: #b6b6b6; background-color: #e9e2e2; padding: 0.1em; width: 1.4em;}
.main-body-1col ul.az li a, ul.year li a {text-decoration: none; display: block; padding: 0.1em; width: 1.4em; color: #b6b6b6; background-color: #e9e2e2;}
.main-body-1col ul.az li a:hover {color: #ffffff; background-color: #000000;}

.main-body-1col ul.eventdiary { margin: 1em 0em 4em 0em; padding: 0px;}
.main-body-1col ul.eventdiary li {list-style: none; float: left; margin: 2px; font-weight: bold; text-align: center;font-size: 1.2em;}
.main-body-1col ul.eventdiary li.noLink	{color: #b6b6b6; background-color: #e9e2e2; padding: 0.1em; width: 7em;}
.main-body-1col ul.eventdiary li a, ul.year li a {text-decoration: none; display: block; padding: 0.1em; width: 7em; color: #b6b6b6; background-color: #e9e2e2;}
.main-body-1col ul.eventdiary li a:hover {color: #ffffff; background-color: #000000;}

.newslist {margin: 0px; padding: 0px;list-style: none;}
.newslist li {padding: 2px 0px 2px 0px}
.newslist li.first {padding-top: 0px;background: none;}
.newslist h3 {font-size: 11px; font-weight: bold; margin-bottom: 5px; padding-left: 10px; background: url(images/bg_bullet_arrow.gif) no-repeat left center;}

.newsitem h3{ background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
.newsitem-end { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }


/******************/
/*  IMAGES        */
/******************/

.leftimage {float: left; margin: 0 9px 5px 0;}
.rightimage {float: right; margin: 0 5px 9px 0;}
.border-rightimage {float: right; border:1px solid #e4e4e4; padding:6px; margin:0 10px 0 0;}
.border-leftimage {float: left; border:1px solid #e4e4e4; padding:6px; margin:0 10px 0 0;}



/******************/
/*  CLEAR FLOATS  */
/******************/
.container:after, .header:after, .navbar:after, .content:after, .content div:after, .footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.main-body-1col:after, .main-body-2col-thirdleft:after {content:"."; display:block; height:0; clear:both; visibility:hidden;} 
.main-body-2col-left:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.main-body-2col-twothirdright:after, .main-body-2col-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

/****************/
/*  MEDIA PLAYER*/
/****************/

/* MEDIA PLAYER (1-Column / 2-Column)*/
.content .videoplayer {width:626px; height:367px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
.content-2col-nobox-leftcolumn .videoplayer, .content-2col-nobox-rightcolumn .videoplayer, .content-2col-box-leftcolumn .videoplayer, .content-2col-box-rightcolumn .videoplayer {width:283px; height:177px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}

.content .audioplayer {width:626px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}
.content-2col-nobox-leftcolumn .audioplayer, .content-2col-nobox-rightcolumn .audioplayer, .content-2col-box-leftcolumn .audioplayer, .content-2col-box-rightcolumn .audioplayer {width:283px; height:20px; margin:10px 20px 10px 20px; border:solid 5px rgb(175,175,175);}


/****************/
/*  FOR RAILS   */
/****************/

/*
  Style for light buttons [Rails button_to]
*/

.pretty-button, .button-to [type=submit]
    { background-color: #aabbff; border: 1px solid; padding: 0; font-family: helvetica, sans-serif; font-size: 90%}
  	
.pretty-button:hover, .button-to [type=submit]:hover
    { background-color: #ddbbee }
    
.special-circumstances
    { font-weight: bold }
    
.show-assessment-details
    {border-collapse: collapse; margin: 1cm}
    
.show-assessment-details td
    {padding: 5px}
    
/*
  -- experimental for pretty offset-title screens
*/

div.offset
    { margin: 1ex
    ; float: left
    ; padding: 1ex
    ; border: 1px solid black
    ; background: #eee
    }
    
div.offset h2
    { position: relative
    ; float: left
    ; border: 1px solid black
    ; padding: 2px ; padding: 0 2px 0 2px
    ; margin-top: -2.5ex
    ; margin-bottom: 0
    ; background-color: #ccc
    ; color: #fff
    }
    
div.offset table, div.offset div{ clear: both }

div.right-hand-side{ float: left; padding: 1ex; margin: 1ex}
    
/*
  -- styles for news items (on the My Accounts page)
*/

.news-section
    { border-left: 1px solid black
    ; margin-left: 50ex
    ; padding-left: 1ex}
        
.news-title {}

.news-body {}

/*
  alignment for editing table elements
*/

table.editing-table td:first-child 
    { text-align: right; font-weight: bold }
    
table.editing-table
    { margin: 1ex
    ; margin-top: 0
    ; padding: 1ex }    

/*
  no-border images for links. The -3 bottom margin is a HACK.
*/

img.link { border: 0; padding: 0; margin-bottom: -3px }

/*
  -- styles for error explanations from failed model instance creation ---------
*/

#errorExplanation {
  width: 400px;
  border: 2px solid #C399CC;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #9C72B2;
  color: #fff;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/*
    -- Rails error reports ------------------------------------------------
*/

.fieldWithErrors 
    { }

.fieldWithErrors input
    { background-color: pink }


/*
  -- styles for EYP questionaire
*/

table.form td:first-child
    { text-align: right }
    
table.hlta-form td
    { vertical-align: bottom }
    
/*
  -- styles for feedback forms -----------------------------------------
*/

.feedback
	{ background-color: #ffe7ff
	}

.feedback-range-item-a
	{ background-color: #ffeeff }
	
.feedback-range-item-b
	{ background-color: #ffe0ff }


/************/
/*  FOOTER  */
/************/

.footer {clear: both;text-align: center;background-image: url(images/footer.jpg);background-repeat: no-repeat;
	height: 108px;	margin-top: 10px;margin-right: auto;margin-bottom: 0px;	margin-left: auto;padding-top: 5px;
	padding-right: 0px;padding-bottom: 0px;	padding-left: 0px;}
.footer p {font-size: 11px; line-height: 0.9em; padding-top: 0px; padding-bottom: 0px;}
.footer a:link, .footer a:visited, .footer a:active {color: #AC0A5F; text-decoration: none;}
.footer a:hover {color: #AC0A5F; text-decoration: underline;}