﻿/* The doc.css file applies to the DOC (inside) pages.
----------------------------------------*/

/* Imports
----------------------------------------*/
@import url("/includes/css/global.css");

/*CONTAINER IDs
*****************************************/
#content980 {width:980px;margin:0 auto;}
#headerImage {width:960px; overflow:hidden; margin:0 auto;}
#leftsidebar220 {width:216px;margin-left:30px;float:left; display:block;overflow:hidden; font-weight:bold; letter-spacing:-.09em;}/*list-style:none;*/
#rightcontent700 {width:684px;margin-left:20px;float:left; margin-bottom:20px;}
#subImage, ctl00_ContentPlaceHolder1_subImage{overflow:hidden; width:960px;}



/* !!! Sidebar Menu moved to Global.css !!! */


/*RIGHTCONTENT700
*****************************************/
#rightcontent700 a:link, #rightcontent700 a:visited {color:#0039AA; font-weight:bold; text-decoration:underline;} /* text-decoration:none; color:#003366; */
#rightcontent700 a:hover {cursor:pointer;text-decoration:underline;}

#rightcontent700 p, #rightcontent700 ul /*, #rightcontent700 ol*/ {font-size:1.2em; line-height:1.4em; /*letter-spacing:-.07em;*/}
#rightcontent700 ol {line-height:1.4em; /*letter-spacing:-.07em;*/}
#rightcontent700 ul {margin:0 0 1.2em 0; padding:0;} 
#rightcontent700 li {margin-left:1.2em;}
#accordion p, #accordion ul, #accordion ol {font-size:1.1em; line-height:1.3em;}
#accordion h3 a:hover {text-decoration:none;}

/*.orderedList ol {line-height:1.4em;}
.orderedList li {font-weight:normal!important; font-size:1.3em!important;}*/
	
#rightcontent700 img.tl {margin: 0 0 20px;} /* CHo added 28May2012 */	
#rightcontent700 img {float:right; margin: 0 0 10px 20px;}
#rightcontent700 img.imgleft {float:left; margin: 0 20px 10px 0;}
#rightcontent700 img.imgcenter {float:none; margin:0;}
.columnGroup {margin-top:30px; display:block;}

/* EQUAL COLUMN CONTAINER CLASS
/* .columnGroup [seen above]
*****************************************/

/* Share Bookmark */
#ggShareBookmark {float:right; margin: 0 auto; position:relative;top:-10px;right:-10px;}  /* Note: moved to the right to be closer to print button on Doc pages */
#ggShareBookmark ul {list-style-type: none; display: inline-block;}
#ggShareBookmark li {position: relative; display: inline-block;}


.callout{float:right; margin:0 0 9px 20px; width:450px; padding: 0 0 10px 9px; display:block; font-size:1em; border-left:1px dotted #bbb; border-bottom:1px dotted #bbb;}
p.quote{color:#333; font-weight:bold;}
p.quotee{font-style:italic;text-align:right;}

/*SINGLE COLUMN 960
*****************************************/
#singleColumn960 {width:940px; margin-left:20px; margin-top:10px; margin-bottom:10px;}


/*ANDREW'S TABLES
*****************************************/
.clftable{width:100%;padding: 0;margin: 0 0 15px 0;border-top: 1px solid #EFEFEF;}
.clftable caption{border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;
                  border-top: 1px solid #EFEFEF;background: #dddddd url(/images/bg_header.jpg) no-repeat;
                  font-weight:bold;font-size:1.4em;text-align:left;padding:5px;}
.clftable th{/*font: bold 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/font-weight:bold; font-size:1em; /*color: #4f6b72;*/
             border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;
             border-top: 1px solid #EFEFEF;text-align: left;/*letter-spacing: 1px;*/
             padding: 6px 6px 6px 12px;background: #EEEEEE url(/images/bg_header.jpg) no-repeat;}
.clftable td{border-left: 1px solid #EFEFEF;border-right: 1px solid #EFEFEF;border-bottom: 1px solid #EFEFEF;
             background-color: Transparent; padding: 6px 6px 6px 12px;color: #4f6b72;}
.clftable td a{color: Black;font-weight:bold;}/*text-decoration: underline;*/
.clftable td a:visited{color: Black;font-weight:bold;}

.alttr tr{background: #F5FAFA;color: #797268;}
/*.alt td{background: #F5FAFA;color: #797268;}*/

/* NOT ANDREW'S TABLES
*****************************************/
.notclf{border:0; width:100%; padding: 0; margin: 0 0 15px 0;}
.notclf p {margin: 6px 0;}
.notclf th{border:0; font-weight:bold; font-size:1em; color: #4f6b72; /*letter-spacing:2px; text-transform: uppercase;*/text-align: left; padding: 6px 6px 6px 12px;background: #EEEEEE url(/images/bg_header.jpg) no-repeat;}
.notclf td{border:0; color:#000; padding:0; }
.notclf td a {text-decoration: none;}

.notclffeat{border: 1px solid #A8A3A3; width:100%; padding: 0; margin: 0 0 15px 0;}
.notclffeat p {margin: 6px 0;}
.notclffeat th{border:0; font-weight:bold; font-size:1em; color: #4f6b72; /*letter-spacing:2px; text-transform: uppercase;*/text-align: left; padding: 6px 6px 6px 12px;background: #EEEEEE url(/images/bg_header.jpg) no-repeat;}
.notclffeat td{border:0; color:#000; padding:0; background: #F3F2F2;}
.notclffeat td a {text-decoration: none;}

.hrldTable{border:0; width:100%; padding: 0; margin: 0 0 15px 0;}
.hrldTable th{border:0; font-weight:bold; font-size:0.688em; color: #4f6b72; /*letter-spacing:2px; text-transform: uppercase;*/text-align: left; padding: 6px 6px 6px 12px;background: #EEEEEE url(/images/bg_header.jpg) no-repeat;}
.hrldTable tr { }
.hrldTable td{border:0; color:#000; padding:5; text-align:center; font-size:.9em; line-height:1.1em;vertical-align:top;}
.hrldTable td a {text-decoration: none;}


/*h2 { font-size:1em; line-height:16px; color:#000; font-weight:bold; margin:0 0 12px 0; }
h3 { font-size:0.75em; line-height:12px; color:#000; font-weight:bold;margin:0 0 5px 0; padding:0;}*/

/*table, th, td { border:solid 1px #ddd}*/
table {clear:both;}
tr {background-color:#fcfcfc;/*#e0effc;*/ width:700px;}
td {padding:5px;color:#336699;}
td p, td div, td div p {margin: 5px 0; font-size:0.688em; line-height:11px; margin:0; padding:0;}
td a {color:#336699;text-decoration:none; margin:0; padding:0;}
td a:visited {color:#336699;text-decoration:none; margin:0; padding:0;}
td.dataTables_info{float:right;}
.dataTables_empty{width:690px;height:20px; display:block}
.dataTables_length {float:right; width:150px;}
.dataTables_filter{float:left;}
.dataTables_paginate paging_two_button{float:right;}
.paginate_enabled_previous{background-image: url('/images/prev.png');}
.paginate_disabled_previous{background-image: url('/images/dprev.png');}
.paginate_enabled_next{background-image: url('/images/next.png');}
.paginate_disabled_next{background-image: url('/images/dnext.png');}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next{
    height: 16px;width: 16px;margin-left: 3px;float:left;}
.sorting{background: url('/images/sort_both.jpg') no-repeat center right;}
.sorting_asc{background: url('/images/sort_asc.jpg') no-repeat center right;}
.sorting_desc {background: url('/images/sort_desc.jpg') no-repeat center right;}

/* REGISTER TABLES
*****************************************/
.regSearch td label {float:right; text-align:right;}

/*HONOURS
*****************************************/
.searchBox{width:175px; /*width:600px;*/ /*border:solid 1px black;*/ outline:none; font-size:1.125em; font-weight:bold;height:20px; margin:0; padding:0 0 0 2px;}
.searchBoxExpo{width:500px; /*width:600px;*/ /*border:solid 1px black;*/ outline:none; font-size:1.125em; font-weight:bold;height:20px; margin:0; padding:0 0 0 2px;}

.searchButton {display:none;}  
dl.hontypes dd {margin-bottom:10px;} 
  
table{width:100%;padding: 0;margin: 0;}
th{font: bold 11px /*"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif*/; /*color: #4f6b72;*/border: 1px solid #C1DAD7;/*letter-spacing: 2px;text-transform: uppercase;*/text-align: left;padding: 6px 6px 6px 12px;background: #CAE8EA url(/images/bg_header.jpg) no-repeat;cursor:pointer;}
td {border: 1px solid #C1DAD7;background: #fff;padding: 6px;color: #4f6b72;}
td.alt {background: #F5FAFA;color: #797268;}
.dataTables_info{float:right;}
.dataTables_paginate paging_two_button{float:right;}
.paginate_enabled_previous{background-image: url('/images/prev.png');}
.paginate_disabled_previous{background-image: url('/images/dprev.png');}
.paginate_enabled_next{background-image: url('/images/next.png');}
.paginate_disabled_next{background-image: url('/images/dnext.png');}
.paginate_disabled_previous, .paginate_enabled_previous, .paginate_disabled_next, .paginate_enabled_next{height: 16px;width: 16px;margin-left: 3px;float:left;}
.sorting{background: url('/images/sort_both.jpg') no-repeat center right;}
.sorting_asc {background: url('/images/sort_asc.jpg') no-repeat center right;}
.sorting_desc {background: url('/images/sort_desc.jpg') no-repeat center right;}

/*Honours Search Page*/
fieldset{ clear:both;margin-top:18px; border:1px solid #777;padding: 10px; background-color:#e3effb;}
fieldset.name{border:0; padding:0;width:500px;}
fieldset.name dd{margin:0 auto;}
legend {padding:0 6px; font-weight:bold;}
dl.col1 {float:left; text-align:right;width:250px;}
dl.col2 {float:left;width:280px;padding-left:12px;}
dd {padding-bottom:0;}
.frm {margin:10px auto; padding:20px; border:solid 1px #aaa;}
.btnSubmit {margin:24px 0 24px 12px; font-size:1.125em; float:right;}
.txtName {width:640px; height:24px; font-weight:bold; font-size:2em; padding:6px;}


/*PHOTO GALLERY
*****************************************/
.galImage{width:210px; height:120px; overflow:hidden; float:left; margin:0 18px 18px 0; position:relative;cursor:pointer; font-weight:normal; }
.admingalImage{width:210px; height:180px; overflow:hidden; float:left; margin:0 18px 18px 0; position:relative;cursor:pointer; font-weight:normal;}
.over{display:none; background:url(/images/mask_darker.png) repeat; position:absolute;top:0; left:0; z-index:100; margin:0; color:#fff; width:210px; height:120px; font-size:0.875em; }
.over a:link, .over a:visited {color:#C69F31;}
.over a:hover {color:#fff; text-decoration:none;}
.galImageContents{width:192px; height:120px; padding:9px; text-align:center;}/**/
.galImg{position:absolute;top:0; left:-20px; z-index:1;}
.galImg img{width:210px;}
.galImageContents a:link, .galImageContents a:visited {color:#C69F31; text-decoration:none;}
.galImageContents a:hover {color:#fff; text-decoration:none;}
.galImageContents span{color:#fff;}


/*VIDEO GALLERY
*****************************************/
.videogalImageContents{width:180px; height:106px; text-align:center; padding:9px;}/**/
.videogalImage{width:192px; height:106px; cursor:pointer;float:left; position:relative; overflow:hidden; margin:18px 18px 0 0;}/* font-weight:normal; */
.videogalImg {position:absolute; clip: 18px 190px 108px 0px; left:-20px;}/**/
.videogalImg img{width:192px;}/**/
.videoover{display:none; background:url(/images/mask_darker.png) repeat; position:absolute; top:0; left:0; z-index:100; color:#fff; width:210px; font-size:0.875em; height:108px; }/*margin:0; */

/*CMS COLUMN GROUPS
*****************************************/
#CMScolumnGroup {width:940px; display:block; margin:20px 0;}
.cms1col {width:916px; border:1px solid #bbb; padding:9px; margin:10px 0; float:left;}
.cms2col {width:463px; margin-left:11px; float:left;}
.cms2col1 {width:462px; margin-left:0; float:left;}
.cms3col, .cms3col1 {width:285px; float:left; border:1px solid #bbb; padding:9px; height:150px; margin-bottom:10px;}
.cms3col {margin-left:11px;}
.cms3col1 {margin-left:0;}

/*STATE VISITS
*****************************************/
#country p.activ{margin:0 0 0 0px; font-weight:bold;}
#country p.city{font-size:0.875em;font-weight:bold;margin:0 0 18 0;text-align:center;}
#country p.date{font-size:1.125em;font-weight:bold;margin:0 0 18 0;padding-top:24px;text-align:center;}/*border-top:1px dotted #000;*/
#country p.normal{margin:6 0 0 0; clear:both;}
#country p.normal2{margin:6 0 36 0; clear:both;}
#country p.place{font-style:italic; margin:6 0 36 0; display:block;}
#country p.time{margin:0; font-weight:bold; float:left; width:44px;}
#country h2 {margin-top:36px;}
#country h3 {margin-top:36px; margin-bottom:36px; border-top:1px dotted #ccc; padding-top: 36px;}

/*BUTTONS
*****************************************/
ul.btnGrp {list-style:none; margin:12px 0 24px 0; padding:0; overflow:hidden;}
ul.btnGrp li.btn {float:left;padding:0;margin:0 12px 0 0 !important;text-align:center;font-size:1em;}/*font-size:0.563em;font-weight:bold;width:85px;*/
ul.btnGrp li.btn a {display:block;padding:2px 5px;height:100%;color:#555;text-decoration:none;margin-right:2px;}
ul.btnGrp li a, ul.btn li a:visited, ul.btn li a:active {background-color:#fff; border:1px solid #999;}/**/
ul.btnGrp li a:hover, ul.btn li a:focus {background-color:#999;color:#fff;}

ul.LgBtnGrp {list-style:none; margin:12px 0 24px 0; padding:0; overflow:hidden; width:680px;}
ul.LgBtnGrp li.lgbtn {float:left;padding:0;margin:0 12px 0 0 !important;text-align:center;font-size:1em;}/*font-size:0.563em;font-weight:bold;width:85px;*/
ul.LgBtnGrp li.lgbtn a {display:block; padding:2px 5px; height:100%; text-decoration:none!important; margin-right:2px; color:#fff;}
ul.LgBtnGrp li a, ul.LgBtnGrp li a:visited, ul.LgBtnGrp li a:active {background-color:#E7E7E9; border:1px solid #036;}/**/
ul.LgBtnGrp li a:hover, ul.lgbtn li a:focus { color:#fff !important; background-color:#036;}


.pickList ul{clear:both !important; height:16px !important; float:left;}
.pickList a {text-decoration:none !important;color:#fff  !important; width:100px !important; min-width:100px !important;}
.pickList ul, .pickList ul li, .pickList li, .pickList .sfHover,
.pickList li.sfHover, .pickList ul li ul li, .pickList .sf-width-ul,
.pickList a.sf-width-ul{width:145px !important; min-width:145px !important;}



/*PROACTIVE DISCLOSURE BUTTONS
*****************************************/

ul.pdBtnGrp {list-style:none; margin:12px 0 24px 0; padding:0; overflow:hidden;}
ul.pdBtnGrp li.pdBtn {float:left;padding:0;margin:0 12px 0 0 !important;text-align:center;font-size:1em;}/*font-size:0.563em;font-weight:bold;width:85px;*/
ul.pdBtnGrp li.pdBtn a {display:block; padding:2px 5px; height:100%; text-decoration:none; margin-right:2px; color:#fff;}
ul.pdBtnGrp li a, ul.pdBtnGrp li a:visited, ul.pdBtnGrp li a:active {background-color:#CAE8EA; border:1px solid #C1DAD7;}/**/
ul.pdBtnGrp li a:hover, ul.pdBtn li a:focus { color:#000 !important; background-color:#ccc;}



/*ROUND-CORNER BOXES
*****************************************/
.cornerBox { position: relative; background: #fff5c2; width: 100%; margin-bottom:24px;}
.corner { position: absolute; width: 10px; height: 10px; background: url('/images/corners.gif') no-repeat; font-size: 0%;}
.cornerBoxInner { padding: 10px;}
.TL { top: 0; left: 0; background-position: 0 0;}
.TR { top: 0; right: 0; background-position: -10px 0;}
.BL { bottom: 0; left: 0; background-position: 0 -10px;}
.BR { bottom: 0; right: 0; background-position: -10px -10px;}




/*BANNER-HOVER-FLIP
*****************************************/
#diaporama a{float:left; width:684px; display:block; background:url('/images/9999/albumIntime.jpg') no-repeat; min-height:140px; margin-bottom:24px;}
#slideshow a{float:left; width:684px; display:block; background:url('/images/9999/PrivateAlbum.jpg') no-repeat; min-height:140px; margin-bottom:24px;}

a#bannerflip:link, a#bannerflip:visited{background-position:0px 0px;}
a#bannerflip:hover{background-position:0px -140px;}

/*ACCORDION ADDITIONAL STYLES
*****************************************/

p.plist {margin:0 0 2px 0; padding-top:2px; border-top:1px solid #ccc;}


/*CAPTIONS FOR PHOTOS <div>image-caption</div>
*****************************************/

.imgcaption {float:right; text-align:center; margin: 0 0 10px 10px;}

.smalltextbox{}
.largetextbox{width:50%;height:100px}


/* Print Friendly button/link */
#printFriendly {font-weight:bold;float:right; margin: 0 auto; position:relative !important; right:20px}  
#printFriendly div {margin-right:0px; height:0px; padding:0;}
#printFriendly ul { float:right; border:0; text-decoration:none; list-style:none;position:relative;}
#printFriendly ul li {position:relative; float:right;list-style:none;border:0; display:block; text-decoration:none; }
#printFriendly img {border:0; list-style:none;margin:0; padding:0; top:-15px}




/* Google Driving Directions Gadget 
*********************************** */

.gadget {border:0;}
.gadget th {border:0;}
.gadget td {border:0;}


/* Last Modified Date
********************* */
.lastModDate {
float: right;
margin-right:35px;
}


/* Table of Contents 
- That applies to the margin at the end of the list,
not the margin at the end of the opening <ul> tag.
- To prevent a blank line after the (invisible) <ul> tag, I bet you
need
*********************/
.docTOC li {font-weight:normal; font-size: 0.825em; margin-top: 0!important; }
.docTOC ul {font-weight:normal; font-size: 0.825em; margin-bottom: 0!important; }


/* DIV TABLES 
**************/

    .divTable
    {
        /*display:block;*/
        display:  table;
        width:100%;
        /*background-color:#eee;*/
        border:1px solid  #666666;
        border-spacing:5px;/*cellspacing:poor IE support for  this*/
        /* border-collapse:separate;*/
        text-align: left;
        vertical-align: text-top;
    }
  
   .listRow
    {
	
    	display: table-row;
        width:99%;
        list-style:none;
        text-align: left;
        vertical-align: text-top;
    }
    
    
 .listColLeft__
    {
	margin-left: 0 !important;
    	display: table-column;
        float:left;/*fix for  buggy browsers*/
        width:200px;
/*        
        padding-left: 6px;
        padding-right: 6px;
*/
    }


 .listColLeft_
    {
	margin-left: 0 !important;
    	display: table-column;
        float:left;/*fix for  buggy browsers*/
        width:110px;
/*        
        padding-left: 6px;
        padding-right: 6px;
*/
    }
    
    .listColLeft
    {
	margin-left: 0 !important;
    	display: table-column;
        float:left;/*fix for  buggy browsers*/
        width:110px;
/*        
        padding-left: 6px;
        padding-right: 6px;
*/
    }
     
    .listColMid
    {
	margin-left: 0 !important;
    	display: table-column;
        float: left;/*fix for  buggy browsers*/
        width:375px;
        /*background-color:#ccc;*/
  
        padding-left: 6px;
/*      
        padding-right: 6px;
*/
    }
     
    .listColRight
    {
	margin-left: 0 !important;
    	display: table-column;
        float:right;/*fix for  buggy browsers*/
        width:135px;
/*        
        padding-left: 6px;
        padding-right: 6px;
*/
    }

    .listColRight_
    {
	margin-left: 0 !important;
    	display: table-column;
        float:right;/*fix for  buggy browsers*/
        width:460px;
/*        
        padding-left: 6px;
        padding-right: 6px;
*/
    }
    
	.listColLeft img
	{
		float:left;
		/*fix for  buggy browsers*/
		width: 108px; 
		height: 50px;
/*
		border : 2px solid green;
		padding-bottom : 2px;	
		padding: 2px;
*/
	} 

	.listColLeft_ img
	{
		float:left;
		/*fix for  buggy browsers*/

		width: 100px; 
		height: 67px;
/*
		border : 2px solid green;
		padding-bottom : 2px;	
		padding: 2px;
*/
	} 
  
	.listColLeft__ img
	{
		float:left;
		/*fix for  buggy browsers*/

		width: 200px; 
		height: 133px;
/*
		border : 2px solid green;
		padding-bottom : 2px;	
		padding: 2px;
*/
	}    
 

.div2ColHeader a {
text-decoration: underline!important;
}
  
.div2ColLeft {
    float: left;
    width: 50%;
    margin-left: 0!important;

}


.div2ColLeft ul, .div2ColRight  ul {
list-style:none!important;   
border-right-style: solid;
border-right-width: 1px;
border-bottom-style: solid;
border-bottom-width: 1px;
}


.div2ColLeft li, .div2ColRight  li {
margin-left: 0!important;
border-top-style:none;
border-left-style: solid;
border-left-width: 1px;
border-top-style: solid;
border-top-width: 1px;
border-right-style:none;
padding: 5px;
}


.div2ColLeft a, .div2ColRight a {
text-decoration: underline!important;
}


/*Royal slider image float fix*/
div.rsSlide img{float:none !important;}
.rsDefault .rsThumbsVer {

    width: 220px !important;
}

/*Link to CCA Nomination Microsite*/
#feature2.engpromo a{float:left; width:213px; display:block; background:url('/images/HonoursList2011EN_web04.jpg') no-repeat; min-height:140px;}

a#ccaLinkEn{width:225px; display:block; background:url('/images/9999/cca_nom2_en.jpg') no-repeat; min-height:44px;}
a#ccaLinkFr{width:285px; display:block; background:url('/images/9999/cca_nom2_fr.jpg') no-repeat; min-height:44px;}
a#ccaLinkEn:link, a#ccaLinkFr:link,a#ccaLinkEn:visited, a#ccaLinkFr:visited{background-position:0px 0px;}
a#ccaLinkEn:hover, a#ccaLinkFr:hover{background-position:0px -44px;}

.sr-only {
    border: 0 none;
    clip: rect(0px, 0px, 0px, 0px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

figure
{
	float:none;
	margin:0px 0px;
	padding:12px 0px 12px 0px;
}

figure img
{
	float:none !important;
	margin:0px 0px !important;
	padding:0px 0px 0px 0px !important;
		
}

.center-content
{
	text-align:center;
}

ul.clearStyle
{
	list-style-type:none;
               
}

ul.clearStyle li{
	margin-bottom:1em;
	margin-left:0em !important;
}

/*Classes for 16:9 video stream displayed in I frames*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	height: 0;
}

.videoWrapper iframe {
    border:none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    border:none;
}