/* Reset Browser Defaults */
@import url( 'reset.css' );
@charset "utf-8";

body {
	/*background: #E9E9E9 url('../img/background.gif');*/
	background: #FFF;
	color: #333;
	font: 12px/18px Verdana, "Lucida Grande", Geogia, Arial, Sans-serif;
	margin: 0 auto;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
}

a, a:link, a:visited, a:active {
	color:#007AAB;
	text-decoration:none;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
}

a:hover {
	color: #147;
	text-decoration: underline;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
}

/* Common Classes
-------------------------------------------------------------- */
.clear { clear: both; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.hidden { display:none }
.justify { text-align:justify }
.red { color:#FF0000; }
.p10 { padding: 10px }
.p20 { padding: 20px }
.p30 { padding: 30px }
.m10 { margin: 10px; }

#wrapper{
	padding:10px 20px 20px;
	width:800px;
	margin:0 auto;
}

.container {	
	min-height:300px;
	background: #FFF;	
	border:5px solid #ccc;
}

/* Header
-------------------------------------------------------------- */
#header {
	height:120px;  
	position:relative;
	background:transparent;
}

#header #logo a {
    text-decoration: none;
    position: absolute; /* Depending on your placement */
    width: 196px;
    height: 104px;
    top: 0px; /* Depending on your placement */
	left:20px;
    background: url('../img/logo.png') no-repeat left top;
    text-indent: -99999px;
}

#i18n-listing {
	color:#666;
	float:left;
	list-style-type:none;
	position:absolute;
	right:10px;
	top:10px;
	font: normal 11px/18px Tahoma, Arial, Sans-serif;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
}

#i18n-listing li {
	float:left;
	margin-left:5px;
}

#i18n-listing li a {
	display:block;
	height:11px;
	text-indent:-2000em;
	margin-top:5px;
	width:16px;
}

#i18n-listing li#en a {
	background:url("../img/flag/flag_en.png") no-repeat scroll center top transparent;
}

#i18n-listing li#ja a {
	background:url("../img/flag/flag_ja.png") no-repeat scroll center top transparent;
}

#i18n-listing li#fr a {
	background:url("../img/flag/flag_fr.png") no-repeat scroll center top transparent;
}

#i18n-listing li#zh_CN a {
	background:url("../img/flag/flag_zh_CN.png") no-repeat scroll center top transparent;
}

#i18n-listing li#it a {
	background:url("../img/flag/flag_it.png") no-repeat scroll center top transparent;
}

#i18n-listing li#ko a {
	background:url("../img/flag/flag_ko.png") no-repeat scroll center top transparent;
}

#i18n-listing li#de a {
	background:url("../img/flag/flag_de.png") no-repeat scroll center top transparent;
}

.container hr {
	margin:0 10px;
	background:#fbed8a;
	height:5px;
	border:0;
}

#main_content {
	font: 12px/18px Verdana, "Lucida Grande", Geogia, Arial, Sans-serif;
	border:1px solid #BAEBFB;
	float:left;
	width:100%;
	-moz-border-radius:5px 5px 5px 5px;
	-webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
	behavior: url(css/border-radius.htc); /*Rounded Corners in IE*/
    border-radius: 5px;
}

#in_content {
	background-color:#FFFFFF;
	border:10px solid #DFF7FF;
	min-height:450px;
	padding:20px;
	text-align:left;
}

#in_content h1  {
	color:#FF7700;
	font-family:Arial,Helvetica,Sans-serif;
	font-size:24px;
	font-weight:normal;
	line-height:32px;
	margin:0px 0px;
	text-shadow: #ccc 0px 1px 1px;
}

#in_content h2  {
	color:#333;
	font-family:Verdana,Arial,Helvetica;
	font-size:1.5em;
	font-weight:normal;
	line-height:1.2em;
	margin:30px 0 0;
	text-shadow: #ccc 0px 1px 3px;
}

#in_content h3 {
	color:#B80000;
	font-family:Verdana,Arial,Helvetica;
	font-size:18px;
	font-weight:normal;
	line-height:1.2em;
	margin:30px 0 0;
	text-shadow: #aaa 0px 1px 3px;
}

#in_content p  {
	color:#333;
	font-family:Verdana,Arial,Helvetica;
	margin:10px 0;
	text-align:justify;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
}

#in_content #left_column {
	float: left;
	margin: 0;
	width: 500px;
}

#in_content #separator_column {
	float: left;
	background:#EEE;
	width:1px;
	height:450px;
	margin:10px 20px;
}

#in_content #right_column {
	float: left;
	margin: 0;
	width: 199px;
}

#in_content #apply .button {
	background: transparent url('../img/button01.gif') no-repeat top;
	width:170px;
	height:40px;
	margin:8px auto;
}

#in_content #apply p {
	margin:0;
	text-align:center;
}

#in_content #apply a {
	color:#FFF;
	font:bold 16px/40px Arial,Verdana,Helvetica;
	text-decoration:none;
}

#in_content #apply a:hover {
	text-decoration:none;
}

.image-container {
	border:1px solid #ccc;
	float:left;
	margin-right:10px;
	margin-top:15px;
	margin-bottom:0px;
}

#supporting { list-style-type:none; }
#supporting li { float:left; padding:5px 5px 0; }

#sidemenu td {
	font:13px Verdana,Arial,Helvetica;
}

#sidemenu .separator {
	margin:6px 0;
}

#right_column .linebreak {
	margin:20px auto;
	border-bottom: 2px solid #1467F0;
}

#sidemenu div.separator {
	background:url('../img/div01.gif');
	height:1px;
}

.sl {
	color:#333;
	clear:both;
	font-family: Verdana,Arial,Helvetica;
	float:left;
	margin-right:5px;
	width:60px;
	white-space:nowrap;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
}

.st {
	color:#333;
	font-family: Verdana,Arial,Helvetica;
	float:left;
	margin-bottom:9px;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
	width:430px;
}

/* Column
-------------------------------------------------------------- */

.narrowcolumn {
	float: left;
	padding: 0 20px 0px 25px;
	margin: 20px 0 0;
	width: 500px;
	border-right:1px solid #CCCCCC;
}

.narrowcolumn h1 {
	font-size:17px;
	margin-bottom:15px;
}

.narrowcolumn h2 {
	font-size:15px;
	margin-bottom:5px;
}

.widecolumn {
	float: left;
	padding: 0 20px 0px 25px;
	margin: 20px 0 0;
	width: 740px;
}

/* Check Eligibility
-------------------------------------------------------------- */
#content #chkelg {
	border:1px solid #69a3fb;
	padding:0 10px;
	margin-top:30px;
}

#content #chkelg legend {
	background: #c3d9ff;
	border:1px solid #69a3fb;
	color:#333;
	padding:5px 10px;;
	margin-left:0px;
	font-weight:bold;
}

#content #chkelg.fieldset p {
	padding:10px 0;
	padding-left:0px;
} 

#content #chkelg.fieldset div {
	margin-bottom:20px;
}

#content #chkelg.fieldset h3 {
	font-size:13px;
	padding:0;
	margin:0;
}

#content #eligibility p {
	padding:0;
	font-size:11px;
}

#in_content table.ltable {
	border-collapse: collapse;
	
}

#in_content table.ltable th, #in_content table.ltable td {
	border: 1px solid #69a3fb;
	padding:5px;
}

#in_content table.ltable th {
	background: #c3d9ff;
}

#in_content table.ltable td a {
	text-decoration:none;
}

#in_content table.ltable td a:hover {
	text-decoration:underline;
}

#sidebar {
	margin-left:545px;
	margin-top:20px;
	padding:0 0 10px 20px;
	width:190px;
	min-height:300px;
	border-left:1px solid #CCCCCC;
}	

#sidebar #apply .button {
	background: transparent url('../img/button01.gif') no-repeat top;
	width:170px;
	height:40px;
	margin:0 auto;
}

#sidebar #apply p {
	margin:0;
	text-align:center;
}

#sidebar #apply a {
color:#FFF;
font-size:1.2em;
font-weight:bold;
line-height:2.7em;
text-decoration:none;
}

#sidebar #apply a:hover {
text-decoration:none;
}

#sidebar .linebreak {
	margin:20px auto;
	border-bottom: 2px solid #CE1126;
}

#sidebar ul.nav li a {
	font-size:13px;
	color:#005EC8;
	
}

#sidebar ul.nav li {
	padding:5px 0;
	border-bottom:1px dotted #333;
}

#sidebar ul.nav li.last {
	padding:0;
	border-bottom:0;
}
#sidebar ul li {
	list-style-image:none;
	list-style-type:none;
	margin-bottom:5px;
}

/* Steps 
-------------------------------------------------------------- */
#steps {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
#steps li.first {
	padding-left:0;
}
#steps li.current {
	color:#000000;
}
#steps li {
	color:#B0B1B3;
	float:left;
	font-size:18px;
	padding:8px;
	padding-right:16px;
}
#steps li span {
	display:block;
	font-size:11px;
	line-height:20px;
}

/* Visa Total List 
-------------------------------------------------------------- */
#total {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}

#total li {
	color:#B0B1B3;
	float:left;
	font-size:24px;
	padding:10px;
	cursor:pointer;
}

/* Applicant
-------------------------------------------------------------- */

.applicant {
	margin-left:30px;
	padding-left:40px;
	width:100%;
}

.app1 {
	background: transparent url('../img/app01.gif') no-repeat top left;
}

.app2 {
	background: transparent url('../img/app02.gif') no-repeat top left;
}

.app3 {
	background: transparent url('../img/app03.gif') no-repeat top left;
}

.app4 {
	background: transparent url('../img/app04.gif') no-repeat top left;
}

.app5 {
	background: transparent url('../img/app05.gif') no-repeat top left;
}

.applicant fieldset {
	border: none;
	margin: 0 20px 0 0;
	padding: 5px 10px 0;
}

.applicant label {
	float:left;
	margin:2px 10px 5px 0;
	width:165px;
}

.applicant input {
	float:left;
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FFFFFF none repeat scroll 0 0;
	border:1px solid #888888;
	color:#000000;
	font-size:13px;
	padding:4px;
	text-decoration:none;
}

.applicant select {
	padding:4px;
	border:1px solid #888888;
	font-size:13px;
	float:left;
}

.application {
	float:left;
	margin:20px 30px 20px 0;
	padding-left:50px;
	width:500px;
}

.application td label {
	width:auto;
	padding:1px 10px 0px 0;
}

.application fieldset {
	margin-bottom:5px;
}

.application td.data {
	vertical-align:top;
	border-bottom:1px solid #ccc;
	padding:3px 0;
	min-width:300px;
}

.application label {
	margin-right:10px;
}

.application fieldset {
	padding-left:0;
}

.applicant input.error, .applicant select.error {
	border:1px solid #FF0000;
}

.applicant label.error {
	margin:0;
	width:auto;
}

.applicant .errorDiv {
	/*clear:both;*/
	margin-left:175px;
}

.application .data {
	font-weight:bold;
	vertical-align:top;
	border-bottom:1px solid #ccc;
	padding:2px 0;
	margin-left:175px;
	min-width:300px;
}

.application .radio {
	border:0;
}

.application select {
	padding:3px;
}

select .default {
	color:#ccc;
}


.sub-orange {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#FF4500 none repeat scroll 0 0;
	border-color:#FF7332 #C93C05 #C93C05 #FF7332;
	border-style:solid;
	border-width:3px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Verdana,Arial,Helvetica;
	font-size:18px;
	height:40px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
	width:140px;
}

.sub-blue {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:#4476F4 none repeat scroll 0 0;
	border-color:#678FF3 #3467E8 #3467E8 #678FF3;
	border-style:solid;
	border-width:3px;
	color:#FFFFFF;
	cursor:pointer;
	font-family:Verdana,Arial,Helvetica;
	font-size:18px;
	height:40px;
	padding-left:4px;
	padding-right:4px;
	text-decoration:none;
	width:140px;
}

/* Review
-------------------------------------------------------------- */
.review-box {
	border:1px solid #ccc;
	padding:30px 20px;
	margin:20px 0;
}

.review-box .msg {
	padding-left:45px;
	padding-right:20px;
	width:620px;
	float:left;
}

.review-box .msg h1 {
	color:#333333;
	font-size:16px;
	margin-top:-5px;
}

.review-box .msg p,.review-box .msg h2 {
	color:#333;
	font-size:13px;
}

.review-box .msg h2 {
	line-height:30px;
}

.review-box img {
	/*float:left;
	border:2px solid #aaa;*/
	vertical-align:top;
}

.status-reject {
	background:#ffecec url('../img/status02.gif') no-repeat 20px 20px;
}

.status-warning {
	background:#FFEDD5 url('../img/status03.gif') no-repeat 20px 20px;
}

.status-ok {
	background:#E3FFC9 url('../img/status01.gif') no-repeat 20px 20px;
}

.status-warning span {
	color:#FF7339;
}

.status-ok span {
	color:#54B500;
}

/* Date input
-------------------------------------------------------------- */

input.date_input {
	background: #FFF url('../img/calendar.png') no-repeat 90px center;
	cursor: pointer;
	width: 100px;
}

.date_selector,.date_selector * {
	width:164px;
	height:auto;
	border:none;
	background:none;
	text-align:left;
	text-decoration:none;
	margin:0;
	padding:0;
	font-family:arial;
}

.date_selector {
	background:#FFF;
	border:1px solid #bbb;
	position:absolute;
	z-index:100000;
	display:none;
	margin:-1px 0 0;
	padding:5px;
}

.date_selector_ieframe {
	position:absolute;
	z-index:99999;
	display:none;
}

.date_selector .month_nav,.date_selector .year_nav {
	display:block;
	position:relative;
	text-align:center;
	margin:0 0 3px;
	padding:0;
}

.date_selector .month_nav {
	float:left;
	width:55%;
}

.date_selector .year_nav {
	float:right;
	width:35%;
}

.date_selector .month_name,.date_selector .year_name {
	font-weight:700;
	line-height:20px;
	font-size:9pt;
}

.date_selector .button {
	display:block;
	position:absolute;
	top:0;
	width:18px;
	height:18px;
	line-height:17px;
	font-weight:700;
	color:#003C78;
	text-align:center;
	font-size:11px;
	overflow:hidden;
	border:0 solid #F2F2F2;
}

.date_selector .button:hover,.date_selector .button.hover {
	background:none;
	color:red;
	cursor:pointer;
	border-color:#ccc;
}

.date_selector .prev {
	left:0;
}

.date_selector .next {
	right:0;
}

.date_selector table {
	border-spacing:0;
	border-collapse:collapse;
	clear:both;
}

.date_selector th,.date_selector td {
	width:2em;
	height:2em;
	text-align:center;
	color:#000;
	font-size:8pt;
	padding:0;
}

.date_selector th {
	border:1px solid #ccc;
	background:#eee;
}

.date_selector td {
	border:1px solid #ccc;
	line-height:2em;
	text-align:center;
	white-space:nowrap;
	color:#003C78;
	background:#FFF;
}

.date_selector td.today {
	background:#FFFEB3;
}

.date_selector td.unselected_month {
	color:#ccc;
}

.date_selector td.selectable_day {
	cursor:pointer;
}

.date_selector td.selected {
	background:#D8DFE5;
	font-weight:700;
}

.date_selector td.selectable_day:hover,.date_selector td.selectable_day.hover {
	background:#003C78;
	color:#FFF;
}

/* Error Message
-------------------------------------------------------------- */
#errorBox h1 {
	color: #333;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 2px;
}
#errorBox {
	background: #FFEBE8;
	border: 1px solid #DD3C10;
	display: none;
	margin: 0 20px 10px;
	padding: 10px 20px;
}
#errorBox p {
	color: #FF0000;
	font-size: 11px;
	margin-left: 10px;
}
label.error {
	color: #FF0000;
	font-size: 11px;
	margin: 5px 10px;
}
label.err {
	background: url("../img/oh2.gif") no-repeat scroll left 4px #FFFFFF;
	color: #FF0000;
	font-weight: bold;
	padding-left: 14px;
}
.review {
	float: left;
	margin: 20px 0px 20px;
	padding-left: 0;
	width: 700px;
}
.review fieldset {
	border: medium none;
	margin: 0 20px 0 0;
	margin-bottom: 5px;
	padding: 5px 10px 0;
	padding-left: 0;
	position: relative;
}
.review label {
	float: left;
	width: auto;
}
.review .data {
	border-bottom: 1px solid #CCCCCC;
	float: left;
	font-weight: bold;
	height: 15px;
	margin-left: 10px;
	min-width: 200px;
	padding: 2px 10px 2px 1px;
	vertical-align: top;
}
.review label {
	margin: 2px 10px 5px 0;
	margin-right: 10px;
}
.applicant .errorDiv {
	margin-left: 0;
}
.applicant label.error {
	margin-left: 5px;
	margin-top: 0px;
	clear:both;
}
.applicant label {
	float: left;
	margin: 3px 0 5px;
	width: 175px;
}

/* Review Table
-------------------------------------------------------------- */
#review-table .summary {
	border:10px solid #c3d9ff;
	border-width:10px 10px 10px;
}

#review-table .data {
	border-bottom:1px solid #ddd;
	padding:0px;	
}

/* Visa Total List 
-------------------------------------------------------------- */
#total_visa {
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}

#total_visa li {
	color:#B0B1B3;
	float:left;
	font-size:24px;
	padding:10px;
	cursor:pointer;
	height:50px;
	width:70px;
	background:url("../img/ttl.png") no-repeat top;
	margin-top:15px;
}

#total_visa li span {
	position:absolute;
	margin-left:20px;
	margin-top:70px;
}

#total_visa .one { background-position: 0px 0px; }
#total_visa .two { background-position: 0px -160px; }
#total_visa .three { background-position: 0px -320px; }
#total_visa .four { background-position: 0px -480px; }
#total_visa .five { background-position: 0px -640px; }
#total_visa .one:hover, #total_visa .one.active { background-position: 0px -80px; }
#total_visa .two:hover, #total_visa .two.active { background-position: 0px -240px; }
#total_visa .three:hover, #total_visa .three.active { background-position: 0px -400px; }
#total_visa .four:hover, #total_visa .four.active { background-position: 0px -560px; }
#total_visa .five:hover, #total_visa .five.active { background-position: 0px -720px; }


/* Tool Tip
-------------------------------------------------------------- */
.tooltip {
	cursor:help;
	color: #007AAB;
	/*border-bottom:1px dotted #007AAB;*/
	padding-bottom:2px;
}

.tipsy {
	opacity:.8;
	filter:alpha(opacity=80);
	background-repeat:no-repeat;
	padding:5px;
}
.tipsy-inner {
	padding:8px 8px;
	max-width:200px;
	font:11px 'Lucida Grande', sans-serif;
	font-weight:bold;
	-moz-border-radius:4px;
	-khtml-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#000;
	color:white;
	text-align:left;
}
.tipsy-north {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-north.gif);
	background-position:top center;
}
.tipsy-south {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-south.gif);
	background-position:bottom center;
}
.tipsy-east {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-east.gif);
	background-position:right center;
}
.tipsy-west {
	background-image:url(http://s.twimg.com/a/1249943174/images/tipsy/tipsy-west.gif);
	background-position:left center;
}

/* Footer
-------------------------------------------------------------- */
#footer {
	clear:both;
	font: normal 11px/18px Tahoma, Arial, Sans-serif;
	text-align:center;
	text-shadow:0 1px 3px rgba(0, 0, 0, 0.125);
	padding:20px;
	margin:20px auto;
}
#footer a{
	/*color:#333;*/
}

/* Language Selector
-------------------------------------------------------------- */
.region .selector {
	font-family: arial,helvetica,clean,sans-serif;
	font-size: 13px;
}
.overlayCountry {
	background: none repeat scroll 0 0 #FFF;
	border: 1px solid #5C5C5C;
	clear: both;
	left: -2px;
	padding: 2px 0;
	position: absolute;
	top: 31px;
	width: 100px;
	z-index: 10000;
}
.overlayCountry ul {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}
.overlayCountry li {
	color: #FFFFFF;
	font-size: 1.1em;
	margin: 0;
	position: relative;
	text-align: left;
}
.overlayCountry a, .overlayCountry a:active, .overlayCountry a:visited {
	color: #333;
	cursor: pointer;
	display: block;
	font-size: 11px;
	padding: 4px 10px;
	width: 119px;
}
.overlayCountry a:hover {
	color: #FFFFFF;
}
.overlayCountry li:hover {
	background: none repeat scroll 0 0 #484848;
	color: #FFFFFF;
}
.overlayCountry li.none {
	background: none repeat scroll 0 0 transparent;
	color: #FFFFFF;
	padding: 4px 10px;
	width: 119px;
}
.overlayCountry li.none:hover {
	background: none repeat scroll 0 0 transparent;
	color: #FFFFFF;
}
.overlayCountry li img {
	position: absolute;
	right: 11px;
	top: 8px;
}