/************ New Enhanced Driver Licence stylesheet ***********/

body
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 0.7em;
font-weight: normal;
line-height: 140%;
color: #000;
}

#topSiteBar
{
width: 750px;
height: 59px;
position: absolute;
padding: 0 0 0 2px;
}



/*********** index page ********/

#index_container
{
width: 750px;
height: 550px;
position: relative;
padding: 10px 0 0 0;
background-image: url(../images/eic/indexbackground.jpg);
background-repeat: no-repeat;
background-position: top left;
top: 70px;
}

#index_container_fr
{
width: 750px;
height: 550px;
position: relative;
padding: 10px 0 0 0;
background-image: url(../images/eic/fr_indexbackground.jpg);
background-repeat: no-repeat;
background-position: top left;
top: 70px;
}


#index_content
{
	width: 360px;
	position: absolute;
	top: 185px;
	left: 18px;
	height: 64px;
}

#index_content_disclaimer
{
	width: 600px;
	position: absolute;
	top: 515px;
	left: 26px;
	margin-top: 30px;
	font-size: 0.9em;
	font-style: italic;
	color: #666;
}


#index_nav
{
	position:  absolute;
	width:  280px;
	top:  295px;
	position:  relative;
	font-size: .9em;
	font-weight:bold;
	margin-left: -20px;
}

#index_nav li {
  list-style:none;
}
#index_nav a {
  color: #007687;
  text-decoration: none;
  display: block;
  width: 90%;
}
#index_nav a:hover {
  text-decoration: none;
  color: #73a331;
}

#index_nav_2
{
	position:  absolute;
	width:  350px;
	top:  304px;
	left: 250px;
	position:  absolute;
	font-size: .9em;
	font-weight:bold;
	height: 126px;
	margin-left: -20px;
}

#index_nav_2 li {
  list-style:none;
}
#index_nav_2 a {
  color: #007687;
  text-decoration: none;
  display: block;
  width: 90%;
}
#index_nav_2 a:hover {
  text-decoration: none;
  color: #73a331;
}


/********** sub page **********/

#subpage_container
{
width: 750px;
height:  500px;
position: relative;
background-image: url(../images/eic/subpage.jpg);
background-repeat: no-repeat;
background-position: top left;
top: 70px;
}

#subpage_container_fr
{
width: 750px;
height:  500px;
position: relative;
background-image: url(../images/eic/fr_subpage.jpg);
background-repeat: no-repeat;
background-position: top left;
top: 70px;
}


#subpage_content
{
	width: 500px;
	left: 217px;
	position:  absolute;
	top:  133px;
	_top: 148px;
}

#subpage_content A:link{
color:#0077c6;
text-decoration: none;
}
#subpage_content A:visited{
color:#73a331;
text-decoration: none;
}


#subpage_nav
{
position:  absolute;
width:  230px;
left: -20px;
top:  145px;
position:  relative;
font-size: .9em;
font-weight:bold;
}

#subpage_nav li {
  list-style:none;
}
#subpage_nav a {
  color: #007687;
  text-decoration: none;
  display: block;
  width: 100%;
}
#subpage_nav a:hover {
  text-decoration: none;
  color: #73a331;
}

#subpage_nav .active a {
  color: #73a331;
}

#subpage_content ul
{
list-style: none;
_margin-left: 0px;
padding: 0;
}

#subpage_content ul li
{
padding: 0 0 0 20px; /* to move text to the right from arrow */
background-image: url(../images/eic/list1.gif);
background-repeat: no-repeat;
background-position: 0 0.4em;
}
.borderWhite
 {
border-left:	.0em none #FFFFFF;
border-right:	.0em none #FFFFFF;
border-top:		.2em none #FFFFFF;
border-bottom:	.2em solid #FFFFFF; 
}

.borderBlue
{
border-left:	.1em solid #0078CA;
border-right:	.1em solid #0078CA;
border-top:		.1em solid #0078CA;
border-bottom:	.1em solid #0078CA; 

}



/************* text styles ************/

h1
{
	color: #007687;
	font-weight: bold;
	font-size: 1.7em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 140%;
}

h2
{
color: #73a331;
font-weight: bold;
font-size: 1.2em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

h3
{
color: #0077c6;
font-weight: bold;
font-size: 1.0em;
font-family: Verdana, Arial, Helvetica, sans-serif;}

.BoldBlackText
{
color:#000000;
font-weight: bold;
}


.TealHeading
{
color: #007687;
font-weight: bold;
font-size:.9em;
font-family: Verdana, Arial, Helvetica, sans-serif;
}

/************* misc styles **************/

#disclaimer
{
margin-top: 30px;
font-size: 0.9em;
font-style: italic;
color: #666;
}

 
.white_content {
    display: none;
    position: absolute;
    top: 0%;
    left: 0%;
    width: 96%;
    padding: 10px;
    border: 1px solid #0078CA;
    background-color: #ffffff;
    z-index:1002;
    overflow:hidden;
	font-size: .8em;
}

.white_content_2{
    display: none;
    position: absolute;
    top: 35%;
    left: 5%;
    width: 65%;
    padding: 10px;
    border: 1px solid #0078CA;
    background-color: #f0f7fb;
    z-index:1002;
    overflow:hidden;
}



.white_content_3{
    display: none;
    position: absolute;
    top: 61%;
    left: 5%;
    width: 65%;
    padding: 10px;
    border: 1px solid #0078CA;
    background-color: #f0f7fb;
    z-index:1002;
    overflow:hidden;
}


.white_content_4 {
    display: none;
    position: absolute;
    top: 82%;
    left: 5%;
    width: 65%;
    padding: 10px;
    border: 1px solid #0078CA;
    background-color: #f0f7fb;
    z-index:1002;
    overflow:hidden;
}


.white_content_5 {
    display: none;
    position: absolute;
    top: 84%;
    left: 5%;
    width: 65%;
    padding: 10px;
    border: 1px solid #0078CA;
    background-color: #f0f7fb;
    z-index:1002;
    overflow:hidden;
}
.white_content_6 {
    display: none;
    position: absolute;
    top: 23%;
    left: 5%;
    width: 65%;
    padding: 10px;
    border: 1px solid #0078CA;
    background-color: #f0f7fb;
    z-index:1002;
    overflow:hidden;
}
.white_content_7 {
    display: none;
    position: absolute;
    top: 44%;
    left: 5%;
    width: 65%;
    padding: 10px;
    border: 1px solid #0078CA;
    background-color: #f0f7fb;
    z-index:1002;
    overflow:hidden;
}