/* ***************************************************************************************************

	Description:	Travisa: core styles

	TABLE OF CONTENTS:
	------------------
		    I. Browser Resets
		   II. Global Options
				i. Font Color
		       ii. Text Align
		  III. Import Fonts
		   IV. IV. Template Frame
				i. Content Sections
			V. Content and Typography
				i. Global Content
		   VI. Header
				i. Header: Top
			   ii. Header: Bottom
					1. Logo
			  iii. Media Queries
		  VII. Navigation
				i. Login Navigation
			   ii. Mobile Navigation
			  iii. Login Navigation
			   iv. Media Queries
		 VIII. Content Region
				i. Column Structure
			   ii. Content Pane Visa Info
					1. Info Blocks
					2. How to Apply Info
					3. Footer Pane
			  iii. Media Queries

   *************************************************************************************************** */

/* *************************************************************************************************** */
/* I. Browser Resets ********************************************************************************* */
/* *************************************************************************************************** */
html, body {
	width: 100%;
	height: 100%;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke: 0.0px;

	}
	body {
		display: block;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 1;
		overflow-x: hidden;
		background-color: #fff;
		overflow-y: scroll;
		}


html, body, div, span, applet, object, iframe, h1, h2, h3, h4,
h5, h6, p, blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small,
strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt,
dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td, article, aside, canvas,
details, embed, figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary, time, mark,
audio, video {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	border: 0;
	}

    img#first-requirement{
     padding-left:20px;

    }
    img#date-email-ca{
     padding-left:20px;
    }

      .HideCostBig  {
    display:none;
  }

.alert_home {
    border-left-width: 1px;
    border-right-width: 1px;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    margin: 0;
    padding: 5px 0;
    position: relative;
    text-align: center;
    width: 100%;
}
.alertLeft {
    float: left;
    margin: 0 5px 0 0;
}
.alertMargin {
    margin: 0 0 0 29px;
}
.warning {
    background-color: rgb(254, 239, 179);
    border: 1px solid currentcolor;
    border-radius: 3px;
    box-shadow: 0 0 2px #d1d1d1;
    color: rgb(159, 96, 0);
    margin: 5px auto;
    opacity: 0.8;
    padding: 15px 10px;
    width: 100%;
    max-width: 735px;
}
.warning a {
    color: #00f;
    text-decoration: underline;
}
/* Media Queries */
@media screen and (min-width: 0) and (max-width: 800px){
	
	body {
		padding-right: 5px !important;
		padding-left: 5px !important;
	}
}


    img#first-requirement{
     padding:5px;
    }

html, html a {
	-webkit-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
    display: block;
    }

ul, ol {
	list-style: none;
	}

blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}

table {
	border-collapse: collapse;
	border-spacing: 0;
	}

a {
	text-decoration: none;
	
	-webkit-transition: color 0.3s ease-in-out;
	-moz-transition: 	color 0.3s ease-in-out;
	-ms-transition: 	color 0.3s ease-in-out;
	-o-transition: 		color 0.3s ease-in-out;
	transition: 		color 0.3s ease-in-out;
	}
	a:hover {}

img {
	border: 0 none;
	}

sup,
sub {
	margin: 0;
	padding: 0;
	font-size: 10px;
	line-height: 0;
	}

button, input, optgroup, select, textarea {}

/* Mozilla Fix */
button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0 none;
	}

/* Global Box Sizing */
*,
*:before,
*:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: 	border-box;
	box-sizing: 		border-box;
	}

/* .clearfix, */
.clear {
	clear: both;
	*zoom: 1;
	margin: 0;
	padding: 0;
	display: block;
	width: 0;
	height: 0;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
	outline: 0 none;
	border: 0 none;
	}



/* *************************************************************************************************** */
/* II. Global Options ******************************************************************************** */
/* *************************************************************************************************** */

/* ******************************************************** */
/* i. Font Color ****************************************** */
/* ******************************************************** */
.black 		{ color: #000; }
.blue 		{ color: #21447f; }
.darkgray,
.darkgrey 	{ color: #1e1e1e; }
.darkgreen 	{}
.darkred	{ color: #8c0101; }
.gray,
.grey 		{ color: #393939; }
.green 		{ color: #739600; }
.lightgray,
.lightgrey 	{ color: #f5f5f5; }
.lightgreen 	{ color: #cdcca0; }
.mediumgray,
.mediumgrey 	{ color: #777; }
.palegray,
.palegrey	{ color: #faf9f9; }
.red		{ color: #c80505; }
.white 		{ color: #fff; }



/* ******************************************************** */
/* ii. Text Align ***************************************** */
/* ******************************************************** */
.alignleft 		{ text-align: left; }
.aligncenter 	{ text-align: center; }
.alignright 		{ text-align: right; }



/* *************************************************************************************************** */
/* III. Import Fonts ********************************************************************************* */
/* *************************************************************************************************** */




/* *************************************************************************************************** */
/* IV. Template Frame ******************************************************************************** */
/* *************************************************************************************************** */
div.wrapper {
	height: 100%;
	}
	div.wrapperinner {
		height: 100%;
		}



/* ******************************************************** */
/* i. Content Sections ************************************ */
/* ******************************************************** */
div.sectionwrapper {}
	
	/* Individual Parent Sections */
	div.sectionwrapper.pageheader,
	div.sectionwrapper.visainfonav,
	div.sectionwrapper.pagecontent {
		padding: 0 15px;
		}
	
	/* Sections Inside Container */
	div.sectioninside {}
		
		/* Grouped Styles for Inner Sections */
		div.sectionwrapper.pageheader > div.sectioninside,
		div.sectionwrapper.visainfonav > div.sectioninside,
		div.sectionwrapper.pagecontent > div.sectioninside {
			margin: 0 auto;
			width: 100%;
			max-width: 1024px;
			}
			
			/* Individual Styles for Sections */
			div.sectionwrapper.pageheader > div.sectioninside {
				position: relative;
				padding: 4px 0 15px;
				}
			div.sectionwrapper.visainfonav > div.sectioninside {
				position: relative;
				background: url("../images/bkg_gradient_navbar.png") 0 0 repeat-x;
				}
			div.sectionwrapper.pagecontent > div.sectioninside {
				position: relative;
				}


/* Media Queries */
@media screen and (min-width: 0) and (max-width: 800px){
	
	/* Individual Parent Sections */
	div.sectionwrapper.pageheader,
	div.sectionwrapper.visainfonav,
	div.sectionwrapper.pagecontent {
		padding: 0;
		}
}



/* *************************************************************************************************** */
/* V. Content and Typography ************************************************************************* */
/* *************************************************************************************************** */

/* ******************************************************** */
/* i. Global Content ************************************** */
/* ******************************************************** */

/* **************************************** */
/* 1. Global Typography ******************* */
/* **************************************** */
div.sectionwrapper h1 {}
div.sectionwrapper h2 {
	font-size: 30px;
	font-weight: normal;
	line-height: 34px;
	}
div.sectionwrapper h3 {
	padding: 10px 0;
	color: #000;
	font-size: 21px;
	font-weight: normal;
	line-height: 1.35em;
	}
div.sectionwrapper h4 {
	padding: 5px 0;
	color: #393939;
	font-size: 17px;
	line-height: 23px;
	}
div.sectionwrapper h5 {}
div.sectionwrapper h6 {}

div.sectionwrapper p {
	padding: 0 0 10px;
	font-size: 13px;
	line-height: 18px;
	}



/* **************************************** */
/* 2. Lists ******************************* */
/* **************************************** */
div.sectionwrapper ul,
div.sectionwrapper ol {}
	
	/* Unordered List */
	div.sectionwrapper ul {}
		div.sectionwrapper ul ul {}
			div.sectionwrapper ul ul ul {}
				div.sectionwrapper ul ul ul ul {}
	
	/* Ordered List */
	div.sectionwrapper ol {}
		div.sectionwrapper ol ol {}
			div.sectionwrapper ol ol ol {}
				div.sectionwrapper ol ol ol ol {}
	
	div.sectionwrapper li {
		font-size: 13px;
		line-height: 18px;
		}



/* **************************************** */
/* 3. Links ******************************* */
/* **************************************** */
div.sectionwrapper a {
	color: #123876;
	}
	div.sectionwrapper a:hover {
		color: #900;
		
		}

div.pnlForm  a {
		font-size:13px;
     
		
		}

legend.AppTitle1   {
		font-size:20px;
     	color: black;
		
		}

span.content-fxd-lg   {
		font-size:13px;
     	color: black;
		
		}

div.pnlForm  a:hover {
		color: #900;
        		font-size:13px;
			text-decoration: underline;
		}



p.FooterText  {
		color: black;
			
		}

div.passport-slot-alert  a:hover {
		color: #900;
			text-decoration: underline;
		}



/* *************************************************************************************************** */
/* VI. Header **************************************************************************************** */
/* *************************************************************************************************** */

/* ************************************************************* */
/* i. Header: Top ********************************************** */
/* ************************************************************* */
div.headertop {

     height: 15px;
}



/* ************************************************************* */
/* ii. Header: Bottom ****************************************** */
/* ************************************************************* */
div.headerbottom {}



/* ******************************* */
/* 1. Logo *********************** */
/* ******************************* */
	
	/* Logo */
	#headerlogo a.travisalogo {
		display: block;
		}
		#headerlogo a.travisalogo,
		#headerlogo a.servicelogo {
			display: block;
			float: left;
			}
			#headerlogo a.servicelogo {
				margin-top: 2px;
				margin-left: 15px;
				max-width: 245px;
				}
				#headerlogo a.servicelogo img {
    max-height: 69px;
    max-width: 245px;
   
}
		
		#headerlogo img {
			display: block;
			border: 0 none;
			}
	
	/* Visa/Passport Page Title */
	h1.visapagetitle {
		position: absolute;
		top: 25px;
		right: 0;
		padding: 25px 0 15px 220px;
		display: block;
		float: right;
		color: #333;
		font-size: 45px;
		line-height: 36px;
		}



/* ******************************************************** */
/* iii. Media Queries ************************************* */
/* ******************************************************** */
@media screen and (min-width: 0) and (max-width: 767px) {
  #generic-master .type-of-travel, #generic-master .my-account-video, #generic-master .get-travisa-app  {
    display:none;
  }
   .HideCostSmall  {
    display:none;
  }

   .HideCostBig  {
    display:block;
  }

}
/*750px*/
@media screen and (min-width: 0) and (max-width: 750px){
	
	/* Logo */
	#headerlogo {
		margin: 0;
		}
		#headerlogo a.travisalogo,
		#headerlogo a.servicelogo {
			margin: 0;
			float: none;

			}
			#headerlogo a.servicelogo {
				margin: 20px auto 5px;
				}
		#headerlogo img {
			margin: 0 auto;
			}
	
	/* Visa/Passport Page Title */
	h1.visapagetitle {
		position: static;
		top: auto;
		right: auto;
		padding: 25px 0 15px;
		float: none;
		font-size: 35px;
		text-align: center;
		}
}

/* 650px */
@media screen and (min-width: 0) and (max-width: 650px){
	
	/* Logo */
	a.headerlogo {
		position: static;
		top: auto;
		left: auto;
		margin: 4px auto 10px;
		}
	
	/* Visa Page Title */
	h1.visapagetitle {
		padding: 0;
		float: none;
		font-size: 30px;
		text-align: center;
		}
}

/*575px*/
@media screen and (min-width: 0) and (max-width: 575px){
	div.sectionwrapper.pageheader div.sectioninside {
		padding-top: 0px;
		}
		
		/* With Services Logo */
		div.sectionwrapper.pageheader.incserviceslogo div.sectioninside {
			padding-top: 125px;
			}
		
		/* Logo */
		#headerlogo {
			position: relative;
			top: 0;
			left: 0;
			padding-top: 10px;
			width: 100%;
			}
	
	/* Visa/Passport Page Title */
	h1.visapagetitle {
		font-size: 25px;
		}
}





/* *************************************************************************************************** */
/* VII. Navigation *********************************************************************************** */
/* *************************************************************************************************** */

/* Flags */
li.siteselector ul.dropdown li span,
li.siteselector a.siteselected span.arrow,
li.siteselector a.siteselected span.icon {
	background-image: url("../images/sprites/sprite_siteflags.png");
	}

/* ******************************************************** */
/* i. Visa Instructions Nav ******************************* */
/* ******************************************************** */
ul.visainfonavlist {
	height: 34px;
	text-align: center;
	}
	ul.visainfonavlist > li {
		position: relative;
		display: inline-block;
		height: 34px;
		color: #fff;
		font-size: 13px;
		font-weight: bold;
		}
		ul.visainfonavlist > li > a {
			padding: 5px 0 9px;
			display: block;
			color: #fff;
			}
			ul.visainfonavlist > li:hover > a {
				color: #fff;
				background: url("../images/bkg_gradient_navbar_over.png") 0 0 repeat-x;
				}
			ul.visainfonavlist > li > a  > span {
				padding: 0 14px;
				display: block;
				line-height: 20px;
				border-left: 1px solid #f4552c;
				}
				ul.visainfonavlist > li.last > a  > span {
					border-right: 1px solid #f4552c;
					}
				ul.visainfonavlist > li:hover > a  > span {
					border-color: transparent;
					}
		
		/* Subnav */
		ul.navdropdown {
			position: absolute;
			top: 29px;
			z-index: 99;
			display: none;
			text-align: left;
			border: 1px solid #d3d3d3;
			background-color: #d3d3d3;
			}
			ul.visainfonavlist > li:hover > ul.navdropdown {
				/* display: block; */ /* Set with JavaScript */
				}
			ul.navdropdown li {
				margin: 0;
				padding: 0;
				display: block;
				color: #666;
				font-size: 11px;
				font-weight: normal;
				}
				ul.navdropdown > li > a {
					padding: 5px 9px 3px;
					display: block;
					color: #666;
					font-size: 11px;
					text-decoration: none;
					line-height: 12px;
					text-transform: uppercase;
					white-space: pre;
					border-bottom: 1px solid #d3d3d3;
					background-color: #e0e0e0;
					
					-webkit-transition: color 0.3s ease-in-out,
										background-color 0.3s ease-in-out;
					-moz-transition: 	color 0.3s ease-in-out,
										background-color 0.3s ease-in-out;
					-ms-transition: 	color 0.3s ease-in-out,
										background-color 0.3s ease-in-out;
					-o-transition: 		color 0.3s ease-in-out,
										background-color 0.3s ease-in-out;
					transition: 		color 0.3s ease-in-out,
										background-color 0.3s ease-in-out;
					}
					ul.navdropdown li.last a {
						font-size: 11px;
						border-bottom: 0 none;
						}
					ul.navdropdown li a:hover {
						color: #900;
						text-decoration: underline;
						background-color: #d1d1d1;
						}
				ul.navdropdown li span {
					display: block;
					line-height: 16px;
					}



/* ******************************************************** */
/* ii. Mobile Navigation ********************************** */
/* ******************************************************** */
div.sectionwrapper.visainfonav.responsive > div.sectioninside {
	background: #b70000 none;
	}
	div.mnavwrapper {
		display: none;
		}
		div.mnavwrapper.active {}
		
		/* Handle */
		div.mnavhandle {
			position: relative;
			height: 32px;
			}
			div.mnavhandle > div {
				position: absolute;
				top: 50%;
				right: 10px;
				margin-top: -8px;
				width: 20px;
				cursor: pointer;
				}
				div.mnavhandle div > span {
					margin: 2px 0 0;
					display: block;
					height: 4px;
					background-color: #fff;
					
					-webkit-border-radius: 	1px;
					-moz-border-radius: 	1px;
					border-radius: 			1px;
					}
					div.mnavhandle div > span:first-child {
						margin-top: 0;
						}
		
		/* Mobile Navigation List */
		ul.visainfonavmobile {
			display: none;
			background-color: #b40000;
			}
			div.mnavwrapper.active ul.visainfonavmobile {
				/* display: block; */ /* Controlled by JavaScript */
				}
			
			ul.visainfonavmobile li {
				display: block;
				border-top: 1px dashed #840c0c;
				}
				
				ul.visainfonavmobile > li li {
					padding-left: 25px;
					}
				
				ul.visainfonavmobile a {
					padding: 6px 10px;
					display: block;
					color: #fff;
					}
					ul.visainfonavmobile a:hover {
						color: #efefef;
						}
				li.visainstructions a.link { height: 30px !important; }
				ul.visainfonavmobile ul.navdropdown {
					position: static;
					top: auto;
					left: auto;
					display: block;
					border: 0 none;
					background-color: #b40000;
					}
					ul.visainfonavmobile ul.navdropdown li {
						border-color: #840c0c;
						}
						ul.visainfonavmobile ul.navdropdown li:first-child {
							border: 0 none;
							}
						
						ul.visainfonavmobile ul.navdropdown > li > a {
							padding: 8px 10px;
							color: #fff;
							font-size: 12px;
							text-transform: none;
							border: 0 none;
							background-color: #b40000;
							}
							ul.visainfonavmobile ul.navdropdown li:hover a {
								text-decoration: none;
								}



/* ******************************************************** */
/* iii. Login Navigation ********************************** */
/* ******************************************************** */
ul#loginnav {
	margin: 0;
	padding: 0;
	float: right;
	list-style-type: none;
	}
	ul#loginnav li.navitem {
		display: block;
		float: left;
		color: #242c35;
		font-size: 12px;
		line-height: 17px;
		}
		ul#loginnav li.navitem a {
			margin: 0;
			padding: 0;
			display: block;
			color: #242c35;
			text-decoration: none;
			
			-webkit-transition: color 0.3s ease-in-out;
			-moz-transition: 	color 0.3s ease-in-out;
			-ms-transition: 	color 0.3s ease-in-out;
			-o-transition: 		color 0.3s ease-in-out;
			transition: 		color 0.3s ease-in-out;
			}
			ul#loginnav li.navitem a:hover {
				color: #900;
				text-decoration: underline;
				}
	
	/* Site Selector */
	ul#loginnav li.siteselector {
		position: relative;
		display: block;
		float: left;
		cursor: pointer;
		}
		li.siteselector a.siteselected {
			display: block;
			}
			li.siteselector a.siteselected span {
				margin: 2px 0 0;
				display: block;
				float: left;
				}
			
			li.siteselector a.siteselected span.icon {
				width: 20px;
				height: 14px;
				background-repeat: no-repeat;
				}
				li.siteselector a.siteselected.sitecom span.icon 	{ background-position: 0   0;   } /* sitecom */
				li.siteselector a.siteselected.siteca span.icon 	{ background-position: 0 -34px; } /* siteca */
				li.siteselector a.siteselected.sitecouk span.icon 	{ background-position: 0 -68px; } /* sitecouk */
			
			li.siteselector a.siteselected span.arrow {
				margin: 3px 0 0 5px;
				width: 7px;
				height: 12px;
				background-position: -7px -102px;
				}
		
		/* Site Selector Styles */
		li.siteselector ul.dropdown {
			position: absolute;
			top: 16px;
			right: 0;
			z-index: 999;
			margin: 0;
			padding: 0;
			display: none;
			list-style-type: none;
			border-top: 10px solid transparent;
			background-color: #fff;
			background-color: rgba(255, 255, 255, 0.90);
			}
			
			/* Trigger */
			li.siteselector:hover > ul.dropdown {
				display: block;
				}
			
			li.siteselector ul.dropdown li {
				padding: 0;
				display: block;
				float: none;
				color: #242c35;
				font-size: 12px;
				line-height: 16px;
				border-right: 1px solid #f2f2f2;
				border-bottom: 1px solid #f2f2f2;
				border-left: 1px solid #f2f2f2;
				}
				li.siteselector ul.dropdown li.first {
					border-top: 1px solid #f2f2f2;
					cursor: pointer;
					}
			   li.siteselector ul.dropdown li.first a {
					cursor: pointer;
					text-decoration: none;
					}	
					
					li.siteselector ul.dropdown li.first a:hover {
						cursor: pointer;
						color: #000;
						text-decoration: none;
						}	
				li.siteselector ul.dropdown li.last {
					-webkit-border-radius: 	0 0 3px 3px;
					-moz-border-radius: 	0 0 3px 3px;
					border-radius: 			0 0 3px 3px;
					}
				
				li.siteselector ul.dropdown li a {
					padding: 5px 12px 5px 8px;
					display: block;
					color: #242c35;
					text-decoration: none;
					
					-webkit-transition: color 0.3s ease-in-out;
					-moz-transition: 	color 0.3s ease-in-out;
					-ms-transition: 	color 0.3s ease-in-out;
					-o-transition: 		color 0.3s ease-in-out;
					transition: 		color 0.3s ease-in-out;
					}
					li.siteselector ul.dropdown li a:hover {
						color: #900;
						text-decoration: underline;
						}
					
					/* Active State */
					li.siteselector ul.dropdown a.active,
					li.siteselector ul.dropdown a.active:hover {
						color: #242c35 !important;
						text-decoration: none !important;
						cursor: default;
						}
					
					li.siteselector ul.dropdown li span {
						margin: 0;
						padding: 0 0 0 28px;
						display: block;
						background-repeat: no-repeat;
						}
						li.siteselector ul.dropdown a.sitecom span 	{ background-position: 0   0;   } /* sitecom */
						li.siteselector ul.dropdown a.siteca span 	{ background-position: 0 -33px; } /* siteca */
						li.siteselector ul.dropdown a.sitecouk span 	{ background-position: 0 -67px; } /* sitecouk */

/* Nav Item Separator */
li.headersep {
	display: block;
	float: left;
	font-size: 12px;
	}
	li.headersep span {
		padding: 2px 10px 0;
		display: block;
		}



/* ******************************************************** */
/* iv. Media Queries ************************************** */
/* ******************************************************** */

@media screen and (min-width: 768px) {
    .date-email-wrapper {
        height: 0px;
        position:relative;
        z-index:100;
     
    }
    .date-email-container {
        position: absolute;
        top: 0px;
        right: 0;
        padding-right: 16px;
        z-index:100;
    }
    .date-email-container-two {
        position: absolute;
        top: 170px;
        right: 0;
        padding-right: 16px;
        z-index:100;
    }
    .passport-date-email-container {
        position: absolute;
        top: 35px;
        right: -9px;
        padding-right: 0px;
        z-index:100;
    }
}
@media screen and (max-width: 767px) {
    .date-email-wrapper {
        margin-top:10px;
                z-index:100;
    }
    .date-email-container, .date-email-container-two, .passport-date-email-container {
        padding-left: 15px;
        padding-right: 15px;
                z-index:100;
    }
}

/* 650px */
@media screen and (min-width: 0) and (max-width: 650px){
	
	/* Mobile Navigation */
	div.mnavwrapper {
		display: block;
		}
	
	/* Regular Navigation */
	ul.visainfonavlist {
		display: none;
		}
}

/*575px*/
@media screen and (min-width: 0) and (max-width: 575px){
	

    
    img#first-requirement{
     padding:0px;
     max-width:0px;
    }
    img#date-email-ca{
     padding:0px;
     max-width:0px;
    }
    
	/* Login Navigation */
	ul#loginnav {
		padding: 0 0 15px;
		display: block;
		float: none;
		text-align: center;
		}
		ul#loginnav li.navitem,
		ul#loginnav li.siteselector {
			padding: 0 8px;
			display: inline-block;
			float: none;
			}
			ul#loginnav li.headersep { display: none; }
}



/* *************************************************************************************************** */
/* VIII. Content Region ****************************************************************************** */
/* *************************************************************************************************** */

/* ******************************************************** */
/* i. Column Structure ************************************ */
/* ******************************************************** */
div.columncontainer {
	position: relative;
	margin: 10px 0;
	}
	div.columncontainer div.contentcolumn {}
		
		/* Sidebar */
		div.contentcolumn.sidebar {
			position: absolute;
			top: 0;
			width: 185px;
			}
			div.columncontainer.sidebarleft div.contentcolumn.sidebar {
				left: 0;
				}
			div.columncontainer.sidebarright div.contentcolumn.sidebar {
				right: 0;
				}
			
			/* Sidebar Section */
            div.sidebarsectionCenter {
				border-top: 1px solid #000;
                text-align:center;
				}
            	div.sidebarsectionCenter:first-child {
					border-width: 0;
					}
				div.sidebarsectionCenter h3 {
					padding: 0 9px;
					display: block;
					height: 28px;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
					line-height: 28px;
					overflow: hidden;
					background: url("../images/bkg_gradient_navbar.png") 0 -1px repeat-x;
					}
				div.sidebarsectionCenter h4 {
					color: #000;
					font-size: 13px;
					font-weight: bold;
					}				
			div.sidebarsection {
				border-top: 1px solid #000;
				}
				div.sidebarsection:first-child {
					border-width: 0;
					}
				div.sidebarsection h3 {
					padding: 0 9px;
					display: block;
					height: 28px;
					color: #fff;
					font-size: 13px;
					font-weight: bold;
					line-height: 28px;
					overflow: hidden;
					background: url("../images/bkg_gradient_navbar.png") 0 -1px repeat-x;
					}
				div.sidebarsection h4 {
					color: #000;
					font-size: 13px;
					font-weight: bold;
					}
				
				/* Sidebar UL List */
				ul.sidebarnavlist {
					padding: 5px 0;
					}
					ul.sidebarnavlist li {
						padding: 2px 0;
						display: block;
						font-size: 13px;
					
						}
						ul.sidebarnavlist li a {
							display: block;
							color: #000;
							text-decoration: none;
							}
							ul.sidebarnavlist li:hover a {
							    font-family: Arial;
								font-size: 13px;
								color: #900;
								text-decoration: underline;
								}
				
				/* Sidebar My Account Video */
				a.myaccvideo {
					margin: 5px auto 15px;
					display: block;
					width: 60px;
					}
					a.myaccvideo img {
						display: block;
						}
		
		/* Main Content */
		div.contentcolumn.contentpane {}
			div.columncontainer.sidebarleft div.contentcolumn.contentpane {
				padding-left: 197px;
				}
			div.columncontainer.sidebarright div.contentcolumn.contentpane {
				padding-right: 197px;
				}
				div.contentcolumn.contentpane div.column_inner {
					padding: 5px 25px;
					border: 1px solid #8c959e;
					}



/* ******************************************************** */
/* ii. Content Pane Visa Info ***************************** */
/* ******************************************************** */

/* **************************************** */
/* 1. Info Blocks ************************* */
/* **************************************** */
div.infosection {
	border-bottom: 0px solid #000;
	}
	div.infosection.first {}
	div.infosection.last {}
	
	/* Typography: Lists */
	div.infosection ul,
	div.infosection ol {
		margin: 0 0 0 0px;
		padding-left: 25px;
		}
		div.infosection ul 		{ list-style-type: disc; }
		div.infosection ul ul 		{ list-style-type: circle; }
		div.infosection ul ul ul 	{ list-style-type: square; }
		div.infosection ol 		{ list-style-type: decimal; }
		div.infosection ol ol 		{ list-style-type: upper-alpha; }
		div.infosection ol ol ol 	{ list-style-type: lower-alpha; }
		
		div.infosection li {
			padding: 3px 0 3px 5px;
			font-size: 13px;
			line-height: 18px;
			}
	
	
	/* Info Section Header */
	div.infosectionheader {
		margin: 6px 0 20px;
		padding-top: 20px;
        padding-bottom: 5px;
        padding-right: 10px;
        padding-left: 10px;
		background-color: #e3e3e3;
		
		-webkit-border-radius: 	5px;
		-moz-border-radius: 	5px;
		border-radius: 			5px;
		}
		div.infosechdr_inner {
			position: relative;
			}
			
			/* Header Checkmark */
			img.infosechdrcheck {
				position: absolute;
				top: 50%;
				left: 25px;
				margin: -30px 0 0;
				display: block;
				}
            /* Header Text */
			div.infosechdr_txtNo {
				padding: 0 0 0 95px;
                text-align:left;
				}
				div.infosechdr_txtNo h2, div.infosechdr_txtNo_bs h2 {
					padding: 15px 0 20px;
					font-size: 20px;
					font-weight: bold;
					line-height: 25px;
					}
				div.infosechdr_txtNo h3, div.infosechdr_txtNo_bs h3 {
					padding: 0 0 15px;
					font-size: 13px;
					font-weight: bold;
					line-height: 18px;
					}
			/* Header Text */
			div.infosechdr_txt {
				padding: 0 205px 0 95px;
                text-align:left;
				}
				div.infosechdr_txt h2,div.infosechdr_txt_bs h2 {
					padding: 15px 0 20px;
					font-size: 20px;
					font-weight: bold;
					line-height: 25px;
					}
        div.infosechdr_txt_bs h2 {
          padding: 0px 0 10px;
        }
				div.infosechdr_txt h3,div.infosechdr_txt_bs h3 {
					padding: 0 0 15px;
					font-size: 13px;
					font-weight: bold;
					line-height: 18px;
					}
			
        /* Header Text_Centered */
			div.infosechdr_txt_center {

				}
				div.infosechdr_txt_center h2,div.infosechdr_txt_center_bs h2  {
					padding: 15px 0 20px;
					font-size: 20px;
					font-weight: bold;
					line-height: 25px;
                    text-align: center;
                  
					}
				div.infosechdr_txt_center h3,div.infosechdr_txt_center_bs h3 {
					padding: 0 0 15px;
					font-size: 13px;
					font-weight: bold;
					line-height: 18px;
					}

			/* Info Header Action Items */
			div.infosechdractions {
				}
				div.infosechdractions a.bttnstartvisa {
					margin: 0 0 10px;
					display: block;
					}
                div.infosechdractions a.bttnstartvisaNo {
					margin: 0 0 10px;
					display: block;
                    cursor:pointer;
					}
				div.infosechdractions div {
					padding: 2px 0;
					font-size: 13px;
					font-weight: bold;
					}
					div.infosechdractions div > a {
						text-decoration: underline;
						}
        .date-email-container, .date-email-container-two, .passport-date-email-container {
            font-size: 13px;
            font-weight: bold;
        }
            .date-email-container a,  .date-email-container-two a, .passport-date-email-container a {
                text-decoration:underline;
                color: #123876;
            }
	
	/* Info Block */
	div.infoblock {
		position: relative;
		padding: 10px 0;
		}
		div.infoblocknum {
			position: absolute;
			top: 13px;
			left: 0;
			width: 19px;
			font-size: 13px;
			font-weight: bold;
			text-align: right;
			}
		div.infoblockdata {
			padding: 0 0 0 28px;
			}
			
			div.infoblock a {
				text-decoration: underline;
				}
			
			/* Icons */
			img.iconvisainfo {
				padding: 0 8px 0 0;
				display: block;
				float: left;
				}
				p.singlerowicon2 {
                    padding-top:0px !important;
				    display: block;
				    line-height: 15px !important;
				    overflow: hidden;
                    padding-bottom:15px !important;
				    }
			p.singlerowicon {
				display: block;
				line-height: 40px !important;
				overflow: hidden;
                padding-bottom:0px !important;
				}
				p.singlerowicon > img.iconvisainfo {}


	div.infoblock2 {
		position: relative;
		padding: 0 0 0 0;
		}
		div.infoblocknum {
			position: absolute;
			top: 10px;
			left: 0;
			width: 19px;
			font-size: 13px;
			font-weight: bold;
			text-align: right;
			}
		div.infoblockdata {
			padding: 0 0 0 28px;
			}
			
			div.infoblock2 a {
				text-decoration: underline;
				}
			
			/* Icons */
			img.iconvisainfo {
				padding: 0 8px 0 0;
				display: block;
				float: left;
				}
				p.singlerowicon2 {
                    padding-top:0px !important;
				    display: block;
				    line-height: 15px !important;
				    overflow: hidden;
                    padding-bottom:15px !important;

				    }

                p.singlerowicon3 {
                    padding-top:0px !important;
				    display: block;
				    line-height: 18px !important;
				    overflow: hidden;
                    padding-bottom:0px !important;

				    }
			p.singlerowicon {
				display: block;
				line-height: 40px !important;
				overflow: hidden;
                padding-bottom:0px !important;
				}
				p.singlerowicon > img.iconvisainfo {}


/* **************************************** */
/* 2. How to Apply Info ******************* */
/* **************************************** */
div.howtoapply {}
	div.howtoapply h2 {
		padding: 15px 0 0;
		font-size: 20px;
		line-height: 36px;
		text-align: center;
		}
	
	/* How to Apply */
	div.howtoapplybullets {
		position: relative;
		padding: 0 210px 25px 0;
		}
		
		/* Bullets List */
		ul.howtoapplylist {}
			ul.howtoapplylist li {
				padding: 15px 0 15px 45px;
				display: block;
				background: url("../images/icons_visa/icon_check.png") 0 50% no-repeat;
				}
		
		/* Apply Button */
		div.howtoapplybullets a.bttnstartvisa {
			position: absolute;
			top: 50%;
			right: 50px;
			margin: -22px 0 0;
			display: block;
			}
			div.howtoapplybullets a.bttnstartvisa img {
				display: block;
				border: 0 none;
				}
	
	/* Resident Rows */
	div.howtoapplyrow {
		margin: 0 -15px;
		padding: 10px 0 0;
		}
		div.applyrowcol {}
			div.applyrowcol.colleft,
			div.applyrowcol.colright {
				padding: 0 15px;
				float: left;
				width: 50%;
				}
				div.applyrowcol.colleft {}
				div.applyrowcol.colright {}
		
		div.howtoapplyrow a {
			text-decoration: underline;
			}
			div.howtoapplyrow a.iconmail {
				padding: 0 0 0 22px;
				background: url("../images/icon_email.gif") 0 3px no-repeat;
				}



/* **************************************** */
/* 3. Footer Pane ************************* */
/* **************************************** */
div.footer_contentpane {
	text-align: center;
	}
	
	/* Social Links */
	div.sectionwrapper ul.socialitemslist {
		padding: 15px 0 5px;
		text-align: center;
		}
		div.sectionwrapper ul.socialitemslist li {
			padding: 0 2px;
			display: inline-block;
			}
			div.sectionwrapper ul.socialitemslist li.social a {
				display: block;
				width: 24px;
				height: 24px;
				background-image: url("../images/sprite_social_icons.png");
				background-repeat: no-repeat;
				}
				div.sectionwrapper ul.socialitemslist li.social.facebook a {
					background-position: 0 0;
					}
				div.sectionwrapper ul.socialitemslist li.social.twitter a {
					background-position: -24px 0;
					}
	
	/* Locations Links */
	div.sectionwrapper ul.ftrlocationlist {
		padding: 15px 0;
		font-size: 13px;
		font-weight: bold;
		overflow: hidden;
		}
		div.sectionwrapper ul.ftrlocationlist li {
			display: inline-block;
			}
			div.sectionwrapper ul.ftrlocationlist li.sep {
				padding: 0 2px;
				}
			div.sectionwrapper ul.ftrlocationlist a {
				color: #000;
				text-decoration: underline;
				}
	
	/* Footer Copyright Text */
	div.sectionwrapper p.ftrcopyright {
		padding: 15px 0;
		color: #000;
		font-size: 13px;
		line-height: 15px;
		text-align: center;

		}

    	.copyright {
		padding: 15px 0;
		color: #000;
		font-size: 13px;
		line-height: 15px;
		text-align: center;
		}




/* ******************************************************** */
/* iii. Media Queries ************************************* */
/* ******************************************************** */

/* 800px */
@media screen and (min-width: 0) and (max-width: 800px){
	
	/* Content Sidebar */
	div.contentcolumn.sidebar {
		position: static;
		top: auto;
		right: auto;
		left: auto;
		width: 100%;
		}
	
	/* Content Pane */
	div.columncontainer.sidebarleft div.contentcolumn.contentpane,
	div.columncontainer.sidebarright div.contentcolumn.contentpane {
		padding-right: 0;
		padding-left: 0;
		}
		
		/* Info Header Text */
		img.infosechdrcheck {
			position: static;
			top: auto;
			left: auto;
			margin: 0 auto 15px;
			}
		div.infosechdr_txt {
			padding: 0;
			text-align: center;
			}
			div.infosechdr_txt h2 {}
		div.infosechdractions {
			position: static;
			top: auto;
			right: auto;
			width: 100%;
			text-align: center;
			}
    div.contentcolumn.contentpane div.column_inner {
        padding: 5px;
    }
    div.infosectionheader {
        padding: 10px;
        margin: 0px;
    }
    div.infoblocknum {
        width: 15px;
        top: 10px;
    }
    div.infoblockdata {
        padding: 0 0 0 20px;
    }
}

/* 600px */
@media screen and (min-width: 0) and (max-width: 550px){
	
	/* Single Row Icons */
	p.singlerowicon {
		line-height: 20px !important;
		}
}

/* 550px */
@media screen and (min-width: 0) and (max-width: 550px){
	
	/* How to Apply */
	div.howtoapply p {
		text-align: center;
		}
	
	/* How to Apply Header */
	div.howtoapplybullets {
		padding: 0;
		}
		div.howtoapplybullets a.bttnstartvisa {
			position: static;
			top: auto;
			right: auto;
			margin: 15px 0 30px;
			display: block;
			}
			div.howtoapplybullets a.bttnstartvisa img {
				margin: 0 auto;
				display: block;
				}
	
	/* How to Apply Rows */
	div.howtoapplyrow {
		margin: 0;
		}
		div.applyrowcol.colleft,
		div.applyrowcol.colright {
			padding: 0;
			float: none;
			width: 100%;
			}
			
			div.applyrowcol.colright {
				border-bottom: 1px solid #000;
				}
	
	/* Sidebar Items To Hide */
	.sidebarsection.StudentVisaServiceFees,
	.sidebarsection.WorkVisaServiceFees { display: none; }
}


.Arrows
{
    list-style-image: url("../images/arrowred.gif");
    list-style-position: inherit;
    list-style-type: none;
    padding: 5px;
    font-size: 13px;
    color: #333333;
    font-family: Arial;
    font-size: 13px;
    font-weight: normal;
    text-align: justify;
    line-height:14px;
}

    .Arrows .h2
    {
           color: #aa3232;
    font-family: Arial;
    font-size: 13px;
    font-weight: bold;

    }
    #menuh-container {
    left: 1em;
    position: absolute;
    top: 1em;
}





/* ******************************************************** */
/* 5. Chat Indicator ***************************************** */
/* ******************************************************** */
.chatindicator {
	position: fixed;
	bottom: 0;
	right: 0;
	background-color: #a30b13;
     z-index: 1000;
	
	background: -moz-linear-gradient(top, #ED0007 0%, #A30B13 100%);
	background: -webkit-gradient(linear, right bottom, right top, color-stop(0%, #ED0007), color-stop(100%, #A30B13));
	background: -webkit-linear-gradient(top, #ED0007 0%, #A30B13 100%);
	background: -o-linear-gradient(top, #ED0007 0%, #A30B13 100%);
	background: -ms-linear-gradient(top, #ED0007 0%, #A30B13 100%);
	background: linear-gradient(top, #ED0007 0%, #A30B13 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ED0007', endColorstr='#A30B13',GradientType=1);
	-webkit-border-radius: 	5px;
	-moz-border-radius: 	5px;
	border-radius: 			5px;
	    /*-webkit-transition: opacity 0.05s ease-in-out;
	-moz-transition: 	opacity 0.05s ease-in-out;
	-ms-transition: 	opacity 0.05s ease-in-out;
	-o-transition: 		opacity 0.05s ease-in-out;
	transition: 		opacity 0.05s ease-in-out;
    animation-duration: 2s;
    animation-name: slidein;*/
	}
@keyframes slidein {
  from {
    margin: 50px;
 
  }

  to {
     margin:1px;

  }
}
	.chatindicator:hover {
		opacity: 0.85;
		}
	
	.chatindicator_inside {
		padding: 10px 40px 10px 18px;
		color: #fff;
		font: bold 12px Arial, Helvetica, Sans-serif;
		cursor: pointer;
		overflow: hidden;
		background: url("../images/icon_chatindicator.png") 97.5% 50% no-repeat;
		
		-webkit-user-select: 	none;
		-moz-user-select: 		none;
		user-select: 			none;
		}



    @media screen and (min-width: 0) and (max-width: 550px){
	
	/* Remove CHat on smaller screens*/
	.chatindicator{
		 visibility:hidden;
         height:0px;
		}
}




    /* Needed to print in FF*/
@media print {
	body {
		display: block;
		color: #000;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 13px;
		font-weight: 400;
		line-height: 1;
		overflow-x:visible !important;
		background-color:white;
		overflow-y: visible !important;
		}
}