/* CSS Document */
h1 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#666666;
	}
	
h2 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#cc0000;
	padding-left:5px;
}

h3 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:14px;
	font-weight:bold;
	color:#0066ff;
	padding-left:5px;
	padding-bottom:0px;
	padding-top:0px;
}

/* Header of each section */
.title {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#cc0000;
	padding:5px;
	background-color:#fff;
	margin-top:20px;
	text-align:left;
}


#wrapper {
	width:800px;
}


/* option */
#option {
	margin:0 auto;
	width:80%;
	text-align:right;
	padding-top:15px;
}

.inline {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#cc6633;
	padding-left:24px;
}

/* Form Buttons */

input.primary {
	margin:auto;
	margin-bottom:10px;
	background:#999;
	height:28px;
	border-top-color:#fff;
	border-left-color:#fff;
	padding:4px;
	background:url(../images/formbg_primary.gif) repeat-x left top;
	border:outset 1px #ccc;
	background-repeat:repeat-x;
	color:#fff;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	cursor:pointer;
	width:130px;
} 

input.secondary
{
	margin:auto;
	margin-bottom:10px;
	background:#eaeaea;
	height:28px;
	border-top-color:#fff;
	border-left-color:#999 solid 1px;
	padding:4px;
	background:url(../images/formbg_secondary.gif) repeat-x left top;
	border:outset 1px #eaeaea;
	background-repeat:repeat-x;
	color:#333;
	font-size:13px;
	font-weight:bold;
	font-family:Verdana, Helvetica, Arial, sans-serif;
	cursor:pointer;
	width:130px;
} 

/* End Form Buttons */

.formbg {
	background:url(../images/form_body.gif) no-repeat;
	color:#000;
	font-size:14px;
} 

#paymentMode {
	color:#000;
	width:100%;
	margin:15px auto 0 auto;
	clear:both;
} 

#buttons {
	width:100%;
	padding-top:3px;
	margin:10px auto;
	clear:both;
}

#toc {
	text-align:center;
}

.global_links {
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#0000ff;
}

/* top menu links */

.sublinks {
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	padding-right:15px;
	text-align:right;
}

a.sublinks:link {
	color:#666;
}

a.sublinks:hover {
	color:#0000ff;
}


/* form body */
#form {
	width:100%;
	vertical-align:middle;
}

.textlink {
	font-size:12px;
	text-decoration:underline; 
	color:#0000ff;
}

a.textlink:hover {
	color:#666;
}

.textbox  {
	border-left:1px solid #666;
	border-right:1px solid #666;
	border-top:1px solid #666;
	border-bottom:1px solid #666;
	font-weight:bold;
	font-size:14px;
	background-color:#fffBC0;
}

.borderTop {
	border-top:1px solid #e8e8e8;
}

.step {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:20px;
	font-weight:bold;
	color:#999;
}

.row {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#faf7c4;
}

.rowText {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	font-style:normal;
	font-weight:normal;
	color:#000;
	text-align:left;
	padding-left:10px;
}

.row_alt {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000;
	text-align:center;
	background-color:#ffffef;
	border-top:solid 13px #ffffff;
}


.borders {
	border-left:1px solid #e8e8e8;
	border-right:1px solid #e8e8e8;
	border-top:1px solid #e8e8e8;
	border-bottom:1px solid #e8e8e8;
}

.table {
	margin:15 auto;
}

/* Note */

#note {
	border:solid 1px #ccc;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
    padding:10px 30px 10px 30px;
	margin:40px auto 20px auto; 
	text-align:left;
	color:#666;
}

#note ol {
	margin:0px;
	padding:0px;
}

#note li {
	margin-left:24px;
	padding-bottom:0.2em;
	margin-bottom:0px;
}

#note p {
	color:#666;
	font-weight:bold;
	padding:0;
	margin:0;
}

/* End Note */

body {
	font:100%Verdana,Arial,Helvetica,sans-serif;
	background:#fff;
	margin:0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding:0;
	text-align:left; /* this centers the container in IE 5 browsers. The text is then set to the left aligned default in the #container selector */
	color:#000000;
}

p {
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	text-align:left;
	padding-left:5px;
}

/*
#rate {
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#000;
	text-align:center;
}
*/

#rate {
	width:100%;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	margin:0 auto;
	color:#666;
}

#rate p {
	text-align:center;
}

.steps_title {
	background:url(../images/title.gif);
}

.steps_title #text {
	font-size:18px;
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#ffffff;
	padding-left:10px;
}

.back {
	font-size:12px;
	font-weight:bold;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#008fc1;
	padding-left:10px;
}

.subtitle {
	font-size:12px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	padding-left:10px;
	font-weight:bold;
}

#toc {
	font-size:12px;
	width:100%;
	margin:0 auto;
	color:#333333;
	font-weight:normal;
}

.footer {
	background-image:url(../images/footer_eservices.gif);
	background-repeat:repeat;
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:9px;
	text-decoration:none; 
	color:#999
}
.divider {
	font-family:Verdana,Arial,Helvetica,sans-serif; 
	font-size:9px;
	text-decoration:none; 
	color:#999
}

#footer {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	padding-left:10px;
	font-weight:normal;
}

a.footer:link {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	padding-left:10px;
	font-weight:normal;
}

a.footer:active {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	padding-left:10px;
	font-weight:normal;
}

a.footer:visited {
	font-size:11px;
	font-weight:normal;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	color:#333333;
	padding-left:10px;
	font-weight:normal;
}

#masthead {
	border-bottom:solid 1px #cccccc;
	background-image:url(../images/masthead.gif);
	background-repeat:no-repeat;
	background-position:right;
	height:44px;
}


#eservice_title {
	background-image:url(../images/header_eservices.gif);
	background-repeat:no-repeat;
	background-position:left;
	height:74px;
}

/* tooltip */
.tooltip {
	padding-right:0.2em;
	padding-left:0.2em;
	font-weight:bold;
	padding-bottom:0.2em;
	margin:0.5em;
	color:#222;
	padding-top:0.2em;
	background-color:#aaa; 
}
A.tooltip {
	color:#00f;
	background-color:#fff;
	font-size:12px;
	font-weight:normal;
	cursor:help!;
}

A.tooltip:hover {
	text-decoration:none;
	color:#666;
}

.tool-tip {
	z-index:13000;
	width:139px;
	color:#fff
}
.tool-title {
	padding-right:8px;
	padding-left:8px;
	font-weight:bold;
	font-size:11px;
	background:url(../images/bubble.png) left top;
	padding-bottom:4px;
	margin:0px;
	color:#9fd4ff;
	padding-top:8px
}
.tool-text {
	padding-right:8px;
	padding-left:8px;
	font-size:11px;
	background:url(../images/bubble.png) right bottom;
	padding-bottom:8px;
	padding-top:4px
}
.tool-loading {
	background:url(../images/ajax_load.gif) no-repeat center center;
	margin:0px auto;
	width:30px;
	height:30px
}