/* -------- Style Sheet for The Global Passport -------- */

*{
	padding: 0;
	margin: 0;
	border: 0;
}

html, body{
	text-align: center;
	width: 100%;	
}

body{
	height: 100%;
	text-align: center;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 75%;
	color: #666;
}

h1, h2{
	font-size: 1em;
	color: #cc0000;
	font-family: "gill sans mt", "trebuchet ms", georgia, arial;
}

h1 a, h1 a:visited, h2 a, h2 a:visited{
	color: #cc0000;
	text-decoration: none;
}

h1 a:hover, h2 a:hover{
	color: #cc0000;
	text-decoration: underline;
}

h3{
	font-size: 0.95em;
}

p{
	margin-left: 1px;
	margin-bottom: 10px;
	font-size: 1em;
}

a, a:visited{
	text-decoration: underline;
	color: #666;
}

a:hover{
	text-decoration: none;
	color: #666;
}

ul, ol{
	margin-left: 20px;
	margin-bottom: 10px;
	text-align: left;
}

ul li{
	margin-bottom: 2px;
}

ul li ul li{
	list-style-type: square;
}

* html ol li{
	margin-left: 5px;
}

ol li ul li{
	list-style-type: disc;
}

label{
	display: block;
	width: 59px;
	float: left;
}

input, textarea{
	background-color: #fff;
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	border: #666 1px solid;
	width: 210px;
}

textarea{
	height: 2.8em;
}

select{
	background-color: #fff;
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	border: #666 1px solid;
	margin: 2px 0 2px 0;
	width: 210px;
}


hr{
	color: #ddd;
	background-color: #ddd;
	height: 1px;
	margin-top: 5px;
	margin-bottom: 5px;
}

* html hr{
	margin: 0;
}

table{
	border: 0;
	text-align: center;
	font-size: 1em;
	width: 100%;
}

td{
	padding: 5px;
	vertical-align: top;
	font-size: 1em;
	text-align: justify;
}

/* main layout */
#wrapper{
	position: relative;
	margin: 0 auto;
	width: 775px;
	min-height: 100%;
	height: 406px;
	height: auto !important;	
	text-align: justify;	
}

#header{
	height: 148px;
}

#side{
	width: 200px;
	margin-top: 2px;
	font-size:11px;
}

#content{
	float: right;
	width: 570px;
	margin-top: 2px;	
}

#footer {
	clear: right;
	height: 45px;
	padding-top: 3px;
	text-align: center;
}

/* header part */
#headerlogo{
	position: absolute; 
	top: 26px; 
	right: 570px;
	text-align: right;	
	z-index: 1;	
}

#headertag{
	position: absolute;
	top: 50px;
	right: 175px;
	text-align: right;
	z-index: 2;
}

#headerlogo2{
	position: absolute;
	top: 10px;
	right: 15px;
	text-align: right;
	z-index: 2;
}

#headerlink{
	position: absolute;
	top: 7px;
	right: 100px;	
	z-index: 200;
}

.headerlink{
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #fff;
	text-align: right;
}

.headerlink a, .headerlink a:visited{
	color: #fff;
	text-decoration: none;
	margin: 0 5px 0 2px;	
}

.headerlink a:hover{
	color: #fff;
	text-decoration: underline;
	margin: 0 5px 0 2px;	
}

#speciallink{
	position: absolute;
	top: 97px;
	right: 100px;	
	z-index: 300;
}

.redcross{
	margin: 0 15px 0 0 !important;
}

.socialmedia{
	text-align: center;
	margin: 5px !important;
}

.socialmedia a:link, .socialmedia a:hover, .socialmedia a:visited{
	margin: 0 !important;
	padding: 0 5px !important;
}

/* menubar */
#menubar{
	position: absolute;
	top: 123px;
	width: 775px;
	height: 25px;
	left: 0px;
}

.nav{
	background-color: #cc0000;
	text-align: center;
	font-size: 11px;	
	color: #fff;
	text-transform: uppercase;
	font-weight: bold;
	line-height: 2;
}

.nav a, .nav a:visited{
	color: #fff;
	text-decoration: none;
	margin: 0 10px;
}

.nav a:hover{
	color: #fff;
	text-decoration: underline;
	margin: 0 10px;
}

/* forms */
.sidelist{
	width: 200px;
}

.sidetextbox{
	display: block;
	width: 140px;
	float: left;
	margin: 1px 0 1px 0;
}

* html select.sidetextbox{
	margin: 2px 0 0 0;
}

.button{
	width: 80px;
	height: 20px;
	margin: 1px 0 5px 0;
}

/* other text classes */
h1.seminar{
	text-align: center;
	font-size: 1.5em;
}

.quote{
	background: transparent url(../images/globalpassport/quotes.gif) 0 0 no-repeat;
	padding: 7px 10px;
}

.morelink{
	text-align: right;
	font-style: italic;
	font-size: 0.85em;
	letter-spacing: 0.1em;
	font-family: "times new roman", arial;
	color: #666;
	margin-top: 0px;
	margin-bottom: 0px;
}

.morelink a, .morelink a:visited{
	color: #666;
	text-decoration: underline;
}

.morelink a:hover{
	color: #666;
	text-decoration: none;
}

.crumbs{
	text-align: right;
	font-size: 11px;
	margin-bottom: 10px;
}

.crumbs a, .crumbs a:visited{
	color: #cc0000;
	text-decoration: underline;
}

.crumbs a:hover{
	color: #cc0000;
	text-decoration: none;
}

.footer{
	font-size: 11px;
	margin-bottom: 0px;
	padding-top: 2px;
}

.nospace{
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

#frmInfo p.nospace{
	margin: 0;
	padding: 0;
}

.lefttext{
	text-align: left;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

.stext{
	font-size: 0.9em;
}

.noline, a.noline, a.noline:hover, a.noline:visited{
	text-decoration: none;
}

.caption{
	text-align: center;
	font-size: 0.95em;
	margin: 0;
}

.impt{
	color: #cc0000;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

.client{
	text-align: right;
	font-size: 11px;
	margin-bottom: 0;
}

/* containers */
.contentbox{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 15px;
	margin-bottom: 2px;
	min-height: 450px;
	height: auto;
}

* html .contentbox{
	height: 42em;
}

.hcontentbox{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 20px 10px;
	margin-bottom: 3px;
	min-height: 135px;
	height: auto;
}

* html .hcontentbox{
	height: 8em;
}

.hcontainer{
	height: 240px;
}

* html .hcontainer{
	height: 13em;
	margin-bottom: 0;
}

.hcontentleft{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 7px 10px;
	margin-bottom: 1px;
	height: 94%;
	width: 45%;	
}

* html .hcontentleft{
	width: 100%;	
	height: 21.5em;
}

.hcontentright{
	border: 2px;
	border-color: #e8e8e8;
	border-style: solid;
	background-color: #f7f7f7;
	padding: 7px 10px;
	padding-right: 10px;
	margin-bottom: 1px;
	height: 94%;
	float: right;
	width: 46%;
}

* html .hcontentright{
	width: 50%;	
	height: 21.5em;
}

.contentleft1{
	width: 49%;	
}

* html .contentleft1{
	width: 97%;	
}

.contentright1{
	float: right;
	width: 48%;
	padding-right: 2px;	
}

.contentleft2 .contentleft1{
	width: 48%;
	min-height: 330px;
}

* html .contentleft2 .contentleft1{
	width: 98%;	
	height: 340px;
}

.contentleft2 .contentright1{
	width: 45%;
	min-height: 330px;
}

* html .contentleft2 .contentright1{
	height: 340px;
}

.contentleft2{
	width: 72%;	
}

* html .contentleft2{
	width: 98%;	
}

.contentright2{
	float: right;
	width: 26%;
	padding-right: 2px;	
}

.tcontainer{
	min-height: 130px;
}

* html .tcontainer{
	height: 11em;	
}

.border{
	border: #ddd 1px solid;
	padding: 5px !important;	
}

/* image float */
.floatleft{
	float: left;
	margin: 2px 13px 3px 0px;
}

.floatright{
	float: right;
	margin: 2px 0px 3px 13px;
}

.floatright2{
	float: right;
	margin: 0;
}

/* submenu */
.submenutop{
	background: transparent url(../images/bar.top.gif) 0 0 no-repeat;
}

.submenubottom{
	background: transparent url(../images/bar.bottom.gif) 0 0 no-repeat;
}

.submenu{
	font-size:11px;
	color: #cc0000;
	margin: 0 7px;
}

.submenu .header{
	text-align: center;
	font-weight: bold;
	color: #aaa;
	text-transform: uppercase;
	margin: 0 0 5px 0;
}

.submenu p{
	margin: 0 2px;
	padding-bottom: 0;
	text-align: left;
}

.submenu a:link, .submenu a:visited, .submenu a:hover{
	color: #cc0000;
}

.submenu ul{
	list-style-type: none;
	margin: 0 0 3px -3px;
}

.submenu ul li{
	background: transparent url(../images/arrow.gif) 0 0 no-repeat;
	padding: 0 0 3px 13px;
}

.submenu ul li a:link, .submenu ul li a:visited{
	text-decoration: underline;
	color: #cc0000;
}

.submenu ul li a:hover{
	text-decoration: none;
	color: #cc0000;
}

ul.download{
	list-style-type: none;
	margin: 0 5px 0 -3px;
}

ul.download li{
	background: transparent url(../images/pdf.gif) 0 0 no-repeat;
	padding: 0 3px 3px 18px;
}

ul.download li a:link, ul.download li a:visited{
	text-decoration: underline;
	color: #cc0000;
}

ul.download li a:hover{
	text-decoration: none;
	color: #cc0000;
}

ul.check{
	list-style-type: none;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 3px;
}

ul.check li{
	background: transparent url(../images/globalpassport/check.gif) 0 0 no-repeat;
	padding-left: 13px;
	margin-top: 7px;
}

/* sitemap */
ul.sitemap{
	list-style-type: none;
	margin-left: 0px;
	font-weight: bold;
	text-transform: uppercase;
}

ul.sitemap li{
	padding-left: 0px;
	padding-bottom: 10px;
}

ul.sitemap li a:link, ul.sitemap li a:visited{
	text-decoration: underline;
}

ul.sitemap li a:hover{
	text-decoration: none;
}

ul.sitemap li ul{
	margin-bottom: 0;
	margin-left: 0;
}

ul.sitemap li ul li{
	list-style-type: none;
	font-weight: normal;
	padding-left: 20px;
	padding-bottom: 0;
	text-transform: none;
}

/* others */
.spacer li{
	padding-top: 3px;
	padding-bottom: 3px;
}

.filler{
	padding: 40px;
}

* html .filler{
	padding: 0px;
}

.quiz_option input{
	background-color: #f7f7f7;
	color: #666;
	font-family: arial, verdana, helvetica, sans-serif;
	font-size: 1em;
	border: none;
	width: 20px;
}

.page{
	position: absolute;
	width: 385px;
	visibility: hidden;
}

#multiForm{
	height: 34.5em;
}

#multiForm2{
	height: 48em;
}

.answer{
	font-weight: bold;	
	margin-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 2px;
}

.note{
	font-style: normal;	
}

.incorrect{
	color: #aaa;	
}

.predefined{
	display: none !important;
}