/* Styles for the Travel Report page -- 2012-10-25. Created by Pat, edited by Sean, modified by Francois */

/* Health tab */
/* Add padding for each expandable sections */
summary.healthtabexpandablesection {
	padding-left:10px;
	background-color: blue;
}

/* Add margin for each Related Travel Health Notices */
.healthtabmargin {
	margin-left: 1px;
	margin-right: 1px;
}

/* Print Styles go here */
@media print {

	/* http://css-tricks.com/snippets/css/print-url-after-links/ */
	#wb-main-in a:after{content:" (" attr(href) ") ";font-size:0.8em;font-weight:normal;}
	
	.tr-help-abroad details details {
	display: block !important;
	}
	
	.tr-country-tabs h2 {
		font-size: 200% !important;
		font-weight: normal !important;
		margin: 0.5em 0;
	}
	
	h1.tr-title {
		font-size: 220% !important;
	}
}


/* Universal browser styles here (desktop and mobile) */
@media screen {
/* Don't set any explicit widths here, and be really careful about any set pixel specs at all. */

	h1.tr-title {
		background: no-repeat transparent;
        padding: 12px 0 0 61px;
		
	}
	
	.RegionalAdv h3, .AvoidNonEssential h3, .AvoidAll h3 {
		
			color: #CC2E29; /* same as .color-attention */
	}
	
	/* indent + red indicator, added by Sean, 20121106 */
	div.AdvisoryContainer.RegionalAdv, div.AdvisoryContainer.AvoidAll, div.AdvisoryContainer.AvoidNonEssential
	{
	    background: url("/vt/custom/images/tr-advisory-50px-r1.png") no-repeat scroll transparent; /* prev: http://www.voyage.gc.ca/clf2/images/advisories/pingtr_50x50.jpg */
	    
	}
	
	div.tr-share-links {
	    
	}
	div.tr-share-links ul {
	    margin: 0 10px;
	}
	div.tr-share-links ul li {
	    margin-right: 5px;
	}

    .span-no-bottom-margin {
        margin-bottom: 5px!important;
    }

}



/* Mobile-only styles go here */
@media screen and (max-width:767px),screen and (max-device-width:767px){
    /*
	h1.tr-title {
		padding: 8px 0 0 55px;
	}
	*/
    h2.tr-title {
		padding: 8px 0 0 55px;
	}

	div.AdvisoryContainer.RegionalAdv, div.AdvisoryContainer.AvoidAll, div.AdvisoryContainer.AvoidNonEssential
	{
	    background-position: 0px 4px;
	    padding-left: 60px;
	}
	
	h2.tr-share-title {
	    margin-bottom: 0px;
	}
	
	div.tr-country-select {
		display: none;
	}
	
}


/* Desktop-only styles go here */
@media screen and (min-width:768px) and (min-device-width:768px){
    
	h2.tr-share-title {
	    margin-bottom: 10px;
	}
	


	*:focus  
	{  
			outline: none !important;  
	}  



	h2.tr-title
	{
		border-bottom:0px;
		margin-bottom: 5px!important;
		margin-top: 5px!important;
		padding: 8px 0 0 61px;
		
	}

    h1.tr-title2
	{
		border-bottom:0px;
		margin-bottom: 5px!important;
		margin-top: 5px!important;
		padding: 8px 0 0 0px;
		
	}

    .button {
		margin: 0px 0px 4px 6px;
	}

	.divTravelReportPicker select {
		width: 77%;
		margin: 5px 0 5px 5px;
	}
	.divTravelReportPicker input[type=button] {
       margin: 2px 0 0px;
	}
	
	
	
	/*div.AdvisoryContainer.RegionalAdv, div.AdvisoryContainer.AvoidAll, div.AdvisoryContainer.AvoidNonEssential*/
	div.AdvisoryContainer
	{
	    background-position: 4px 4px;
	    padding-left: 64px;
	    padding-right: 24px;
	}


	/* updates from Sean, 20120925 */
	.tr-country-select select {
	   max-width: 80%;
	   
	}
	.tr-country-select input[type=submit] {
	   max-width: 15%;
	   
	}

	.tr-country-tabs .tabs-panel div section {
	   min-height: 300px;
	   
	}

	.tr-country-tabs h2 {
		/* imitating font-xxlarge */
		font-size: 200% !important;
		font-weight: normal !important;
		margin: 0.5em 0;
		
	}

	.tr-country-tabs h3 {
		margin-bottom: 0.5em;
	}
		


	.tr-country-tabs-list {
	/*    background-image: -moz-linear-gradient(#176CA7, #135888) !important;
		border: none;
	  */  
		
	}

	.tr-country-tabs-list li {
			
	}

	.tr-country-tabs-list li a {
		/*padding: 8px;*/
	}


	/* Original CSS */

	.embedded-grid, .embedded-grid .tabs-panel {
		border: 0;
		padding: 0;
	}


	.green-text{
		font-weight: bold;
		color: #008348;
	}

	.red-text{
		font-weight: bold;
		color: #E41701;
	}

	.content_fixed {
					padding: 0 0 0 80px;
					position: relative;
				}
				
	.content_fixed img {
		left: 0;
		position: absolute;
		top: 0;
	}
		


	/*div .module-alert,div .module-attention,div .module-note,div .module-info,div .module-question,div .module-answer,div .module-tool,div .module-inprogress,div .module-refer,div .module-summary,div .module-archive {
		background-image: url("");
		background-repeat: no-repeat;
		padding-top: 0px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box
	}*/



	  input[type="button"],input[type="reset"],input[type="submit"] {
		display: inline-block;
	  }
	  



	div.tr-top-section {

	}

	.offices {
	white-space: pre;
	white-space: pre-wrap;
	white-space: pre-line;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -hp-pre-wrap;
	word-wrap: break-word;
	}

	/*blockquote, blockquote.float-left, blockquote.float-right {
	border-left-width: 8px!important;
	border-left-color: #F8052C!important;
	font-family: Georgia,"Times New Roman",Times,serif;
	font-size: 110%;
	font-style: normal;
	line-height: 1.6em;
	padding: 10px 20px;
	background-color: #F6F6F6;
	color: #222!important;
	border: 1px solid gainsboro;
	}*/

	.tr-space 
	{
		padding-bottom: 5px;
	}

	.tabs-panel h2
	{
		 font-size: 200% !important;
		 /*color: #069 !important;*/
	}


	.tr-help-abroad p {
		font-size: 85% !important;
		padding: 1px 3px !important;
		margin: 5px 0;
	}
	
	

}

@media screen {
	/* Help Abroad popopens -- currently applied universally. */
	
	.health-tab .ha-label {
		display: block;
		font-size: 85% !important;
		font-weight: bold;
		margin-top: 2px;
	}
	.health-tab .ha-label:first-child {
		margin-top: 0;
	}
	.health-tab .ha-text {
		display: block;
	}
	
	.health-tab {
		background-color: white;
		border-left: thin solid #ddd;
		border-right: thin solid #ddd;
		border-bottom: thin solid #ddd;
		/*width: 278px;*/
		margin-bottom:0 !important;
	}
	
	.health-tab p{
		margin-left:10px;
	}
	
	.health-tab ul{
		margin-top:10px;
	}
	
	.health-tab h3{
		margin-left:10px;
	}
	
	.health-tab summary {
		padding: 5px;
		border-bottom: 1px;
		background-color: #EFEFEF;
		color: #069;
	}
	.health-tab summary:hover, .health-tab summary:focus  {
		background-color: #E8E8E8;
		 /*text-decoration: underline;*/

	}

	.health-tab div {
		padding: 5px 10px 10px;
	}

	.health-tab-note 
	{
		/*width: 200px;*/
		background-color: white;
		padding-left: 8%;
		width: 92% !important;
	}
	.health-tab-note summary {
		/*color:#003366;*/
	}
	.health-tab-note summary:hover, .health-tab-note summary:focus  
	{
		/*text-decoration: underline;*/

	}
	.health-tab-note div {
		padding: 6px;
	}

	.health-tab-note a[href^='http:'] {

	}


}

@media screen and (max-width:767px),screen and (max-device-width:767px){
	.health-tab summary, .health-tab-note summary {
		background-color: #f1f1f1;
	}
	.health-tab summary:hover, .health-tab summary:focus, .health-tab-note summary:hover, .health-tab-note summary:focus  {
		background-color: #e5e5e5;
	}
}


@media screen {
	/* Help Abroad popopens -- currently applied universally. */
	
	.ha-office .ha-label {
		display: block;
		font-size: 85% !important;
		font-weight: bold;
		margin-top: 2px;
	}
	.ha-office .ha-label:first-child {
		margin-top: 0;
	}
	.ha-office .ha-text {
		display: block;
	}
	
	.ha-office {
		background-color: white;
		border-bottom: thin solid #ddd;
		/*width: 278px;*/
		margin-bottom:0 !important;

	}
	.ha-office summary {
		padding: 5px;
		border-bottom: 1px;
		background-color: #EFEFEF;
		color: #069;
	}
	.ha-office summary:hover, .ha-office summary:focus  {
		background-color: #E8E8E8;
		 /*text-decoration: underline;*/

	}

    /*
	.ha-office a[href^='http:'] {
	background: transparent url('/vt/custom/images/images/website.gif') no-repeat 0 2px;
	padding-left: 19px;
	}
    */

    .ha-has-internet {
	    background: transparent url('/vt/custom/images/website.gif') no-repeat 0 2px;
	    padding-left: 19px;
	}

	.ha-has-passport {
		background: transparent url('/vt/custom/images/book.png') no-repeat 0 2px;
		padding-left: 19px;
	}


    .ha-has-facebook {
		background: transparent url('/vt/custom/images/sl_facebook.png') no-repeat 0 2px;
		padding-left: 19px;
	}

    .ha-has-twitter {
		background: transparent url('/vt/custom/images/sl_twitter2.png') no-repeat 0 2px;
		padding-left: 19px;
	}

	.ha-office div {
		padding: 5px 10px 10px;
	}

	.ha-office-note 
	{
		/*width: 200px;*/
		background-color: white;
		padding-left: 8%;
		width: 92% !important;
	}
	.ha-office-note summary {
		/*color:#003366;*/
	}
	.ha-office-note summary:hover, .ha-office-note summary:focus  
	{
		/*text-decoration: underline;*/

	}
	.ha-office-note div {
		padding: 6px;
	}

	.ha-office-note a[href^='http:'] {

	}


}

@media screen and (max-width:767px),screen and (max-device-width:767px){
	.ha-office summary, .ha-office-note summary {
		background-color: #f1f1f1;
	}
	.ha-office summary:hover, .ha-office summary:focus, .ha-office-note summary:hover, .ha-office-note summary:focus  {
		background-color: #e5e5e5;
	}
}


/* IE fixes here */

.ie7 h1.tr-title {
padding: 8px 0 0 55px;
border-bottom:0px;
margin-bottom: 5px!important;
margin-top: 5px!important;
}

.ie7 .tr-country-select select {
	width: 80%;
}

.ie7 div.AdvisoryContainer, .ie7 div.AdvisoryContainer.RegionalAdv, .ie7 div.AdvisoryContainer.AvoidAll, .ie7 div.AdvisoryContainer.AvoidNonEssential {
padding-left: 60px;
}

.ie7 #gcwu-connect li {
	float: left;
}

@media print {
	.wb-tabs details { display: block !important; }
	#Label13 div { display: block !important; }
}

h2 {border-bottom: 0!important;}
.wb-toggle {text-decoration:none;}


.dshbrd .cntrls a:hover {
background: #fff!important;
text-decoration:none;
}
.dshbrd .cntrls a:focus {
background: #fff!important;
text-decoration:none;
}
.tr-features {
margin-left: 5px;
margin-bottom: 10px;
}

.dl-horizontal dt {
Width:200px;
/*text-overflow: clip;*/
}

.mrgnBttm4 {margin-bottom:4px;}