@charset "utf-8";
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, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	outline:0;
	font-size:12px;
	font-family:Arial,Verdana,Tahoma,sans-serif;
	color: #000;
	text-align: left;
}

img {
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	border:0;
	outline:0;
	font-size:12px;
	font-family:Arial,Verdana,Tahoma,sans-serif;
	color: #000;
}

a {color: #7eafd4;text-decoration:none;}
a:hover{color: #91d2ff;text-decoration:none;}

/* Text Style */
h1 {font-size: 21px;font-style: normal;font-weight:normal;color:#333333;border-bottom:0px solid #333333;margin:5px 0 5px 0;line-height:19px;}
h2 {font-size: 12px;font-style: normal;font-weight:bold;color: #333333;}
h3 {
	font-size: 12px;
	font-style: normal;
	font-weight:normal;
	font-style:italic;
	color: #666666;
	font-family:Times New Roman;
	margin:0;
	padding:30px 0 1px 0;
}
h4 {
	font-size: 12px;
	font-style: normal;
	font-weight:bold;
	color: #000;
}
h5 {font-size:14px;font-style: normal;font-weight:bold;color:#579ecc;padding:0;margin:3px 0 5px 0;}
h6 {font-size:14px;font-style: normal;font-weight:bold;color:#579ecc;padding:0;margin:0 0 0 5px;}
.tl01 {font-size: 14px;font-style: normal;font-weight:bold;color: #CC0000;}
.tl02 {font-size: 15px;font-style: normal;font-weight:bold;color: #000000;text-align:left;}
	.tl02a {font-size: 15px;font-style: normal;font-weight:bold;color: #629E07;text-align:left;}
.tl03 {font-size: 14px;font-style: normal;font-weight:normal;color: #FF6600;}
.tl04 {font-size: 11px;font-style: normal;font-weight:bold;color:#000000;}
.tl05 {font-size: 13px;font-style: normal;font-weight:bold;color:#579ecc;padding:1px;margin-bottom:3px;border-bottom:0px solid #579ecc;}
.tl06 {font-family: "Times New Roman", Times, serif;font-size: 21px;font-style: normal;font-weight:normal;color: #0AA9DE;}
.tl07 {font-size: 13px;font-weight:bold;color:#ffffff;padding:5px 3px 5px 7px;margin-bottom:2px;background: url(../images/bg_grey1.jpg) bottom repeat-x;}
.tl08 {font-size: 16px;font-style: normal;font-weight:bold;color:#000000;padding:5px 0 3px;margin-bottom:8px;border-bottom:1px solid #999999;}
.title {font-size:16px;font-style:normal;font-weight:bold;color:#333333;padding:0;margin:0;line-height:14px;border-bottom:0px dotted #783a09;}
.title1 {font-size: 15px;font-style:normal;font-weight:bold;color: #c7b899;padding:2px 2px 6px 2px;margin-bottom:7px;border-bottom:1px dotted #000000;}
.title2 {font-size: 15px;font-style:normal;font-weight:bold;color: #c7b899;padding:2px 2px 6px 2px;margin-bottom:7px;border-bottom:1px dotted #000000;}
.titles {font-size: 38px;font-style:normal;font-weight:bold;color:#333333;padding:0;margin:0;line-height:38px;border-bottom:0px solid #999999;}

/* reusable classes */
.floatLeft {float:left;margin-right:5px;}
.floatRight {float:right;margin-left:5px;}
.right {text-align:right;}
.center {text-align:center; margin-right:auto; margin-left:auto;}
.justify {text-align:justify}
.selectbox {width:370px;border:1px solid #333333;font-size:12px;}
.selectbox1 {width:150px;border:1px solid #999999;font-size:11px;}
.success {color: #006ac2;}
.accepted {color: #83B50F;}
.required {font-size:13px;font-weight:bold;color:#FF0033;}
.fail, .alert , .error{color:#FF0000;}
span.label {width:100px;display:block;float:left;}
.blank {border:1px solid #ffffff;padding:0;margin:0;}
.digit {font-size:14px;font-weight:bold;color:#ffffff;background:#000000;padding:3px 7px 3px 7px;;line-height:21px;}
.add {font-size:12px;font-weight:bold;color:#ffffff;background:#FFCC00;padding:2px 5px 2px 5px;line-height:16px;}
p.option {margin:5px 0;}
	p.option select {width:100%;}
.highlight {background:#000;color:#FFFFFF;font-weight:strong;font-style:normal;padding:2px 5px;}
.required {color:#FF0000;font-weight:bold;}

.red {color:#FF0000;}
.orange {color:#FF6600;}
.bolder {font-size:15px; font-family:"Times New Roman", Times, serif;font-style:italic; font-weight:normal;padding-right:10px;color: #009900;}
.btmdotted {border-bottom:1px solid #e6e5e5}
h3.btmdotted {color:#006666}
.subtitle {color:#000000;padding:15px 15px 0 15px;}
.caption {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#666666;}
.txt {font-family:arial,verdana;font-size:10px;font-style:normal;font-weight:bold;color:#000000;}
.black {font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:#000;padding:3px 3px 3px 15px;}
.bred{font-family:arial,verdana;font-size:16px;font-style:normal;font-weight:bold;color:#fff;background:red;padding:3px 3px 3px 15px;}
.address{font-family:arial,verdana;font-size:12px;font-style:normal;font-weight:normal;color:#000;background: #FFFFCC;padding:12px 12px 12px 15px;border:1px solid #FFCC00;}
.alert {color:#CC0000;font-size:15px;}
.price {ont-size:14px;font-style:normal;font-weight:bold;color:#000;}
.spacer {line-height:1px;}
.salutation {color: #006ac2;font-size:16px;}
.line {border-top: 1px solid #ffc027;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}
.lineg {border-top: 1px solid #ffc027;height: 2px;margin-top:3px;margin-bottom:3px;}
.dotted {border-top: 1px dotted #999999;height: 1px;margin-top:3px;margin-bottom:3px;padding:0px;}

/* Code Style */


/* Alignment Style */
body {background:url(../images/bg_grey.jpg) top center repeat-x #ffffff;padding:0px;text-align:center;font-size:11px;color:#000000;margin-top:0px;margin-right:auto;margin-bottom:0px;margin-left:auto;}
#bgWrapper {padding:0;margin:0;}
#bgcenter {background:none;}
#container {margin:auto;text-align:left;width:730px;background:none;}

#header {width:100%;height:auto;padding:0;margin:0;}
	#header .topright {width:300px;height:100%;text-align:right;vertical-align: sub;float:right;background:none;}
		#header .topright img {max-height:60px;}
		#header .topright a {font-size:11px;font-style:normal;font-weight:bold;color:#999999;}
		#header .topright a:hover {font-size:11px;font-style:normal;font-weight:bold;color: #7eafd4;}
	#header .topleft {width:auto;float:left;text-align:left;background:none;}
		#header .topleft img {vertical-align:top;}
		#header .topleft a {vertical-align:top;font-size:11px;font-weight:bold;}
		#header .topleft a:hover {vertical-align:top;font-size:11px;font-weight:bold;}
		#header .topleft .icon {float:left;width:auto;padding:0;}
		#header .topleft .maintitle {float:left;width:260px;padding:50px 0 0 2px;font-size: 20px;line-height: 13px;}
		

/* Homepage */
#contentleft {width:168px;height:auto;float:left;margin:0;padding:0 16px 0 0;text-align:left;}
#contentright {
	width:546px;
	height:auto;
	float:right;
	margin:0;
	padding:0;
	text-align:left;
}

#banner {width:168px;height:auto;padding:0;margin-top:30px;}
#banner img {padding:10px 0 0 0;}

#splash,.splash {float:left;width:155px;margin:0 15px 0 5px;display:block;}
#splash p,.splash p {text-align:justify;color:#666666;font-size:11px;font-weight:normal;}

/* Navigation Style */	
#navi {padding:0;margin:0 0 0 0;font:bold 12px;list-style-type: none;text-align:left;width:190px;display:block;}
	#navi li {display: block;margin: 0;padding:0;color:#444442;}
		#navi li a {text-decoration:none;padding:0;margin:0 0 5px 0;color:#444442;display:block;width:168px;height:20px;line-height:20px;vertical-align:middle;font-size:11px;font-weight:bold;border-bottom:1px solid #E2E2E2;}	
		#navi li a:hover {text-decoration:none;padding:0;margin:0 0 5px 0;color:#7eafd4;background: url(../images/bg_navi_h.gif) right no-repeat;display:block;width:168px;height:20px;line-height:20px;vertical-align:middle;font-size:11px;font-weight:bold;}
		#navi li a.selected {text-decoration:none;padding:0;margin:0 0 5px 0;color:#7eafd4;background: url(../images/bg_navi_n.gif) right no-repeat;display:block;width:168px;height:20px;line-height:20px;vertical-align:middle;font-size:11px;font-weight:bold;}	
	#navi li.selected {display:block;margin:0;padding:0 0 22px 0;color:#444442;width:168px;}
		#navi li.selected a {text-decoration:none;padding:0 0 0 14px;margin:0 0 5px 0;color: #DDDDDD;background: url(../images/bg_navi_h2.gif) left;display:block;width:232px;height:25px;line-height:25px;vertical-align:middle;font-size:11px;font-weight:bold;}	
		#navi li.selected a:hover {text-decoration:none;padding:0 0 0 14px;margin:0 0 5px 0;color:#ffffff;background: url(../images/bg_navi_h2.gif) left;display:block;width:232px;height:25px;line-height:25px;vertical-align:middle;font-size:11px;font-weight:bold;}
		#navi li.selected a.selected2 {text-decoration:none;padding:0 0 0 14px;margin:0 0 5px 0;color:#EAEAEA;background: url(../images/bg_navi_h2.gif) left;display:block;width:232px;height:25px;line-height:25px;vertical-align:middle;font-size:11px;font-weight:bold;}	
		#navi li.selected li {width:210px;border-bottom:1px dotted #CCCCCC;margin:0 0 0px -4px;padding:0 0 2px 0;list-style:none;font-weight:bold;font-size:11px;color:#CCCCCC;line-height:10px;background:url(../images/i_bullet.gif) no-repeat left top;}
		#navi li.selected li p {font-weight:bold;font-size:11px;color:#ffffff;width:190px;background:none;padding:8px 0 6px 14px;margin:0;}
		#navi li.selected li p.selected {font-weight:bold;font-size:11px;color:#00bff3;width:190px;background:none;padding:8px 0 6px 14px;margin:0;}
		#navi li.selected li p a {font-weight:bold;font-size:11px;color:#ffffff;width:190px;background:none;padding:0;margin:-8px 0 -6px 0;}
		#navi li.selected li p a:hover {font-weight:bold;font-size:11px;color:#00bff3;background:none;width:190px;padding:0;margin:-8px 0 -6px 0;}
		#navi li.selected li p a.selected {font-size:11px;font-weight:bold;color:#00bff3;text-decoration:none;background:none;width:190px;padding:0;margin:-8px 0 -6px 0;}
			#navi li.selected li div li {border-bottom:0px dotted #000000;margin:0 !important;margin:-10 0 -10 0;/* top height for IE */;padding:0;list-style:none;font-weight:bold;font-size:11px;color:#CCCCCC;line-height:20px;background:none;}
			#navi li.selected li div li a {font-weight:bold; font-size:11px;color: #CECECE;background:none;width:190px;border-bottom:0px solid #ffffff;padding:0 0 0 14px;margin:-5px 0 0 -6px;}
			#navi li.selected li div li a:hover {font-weight:bold;font-size:11px;color:#ffffff;background:none;border:none;text-decoration:none;width:190px;padding:0 0 0 14px;margin:-5px 0 0 -6px;}
			#navi li.selected li div li a.selected {font-size:11px;font-weight:bold;color:#9de3ff;text-decoration:none;background:none;border-bottom:0px dotted #CCCCCC;width:190px;padding:0 0 0 14px;margin:-5px 0 0 -6px;}

/* Footer */
#footer {width:730px;font-size:11px;color:#000000;margin:0;padding: 15px 0 35px 0;text-align:right;background:#ffffff;}
	#footer .poweredby {text-align:right;font-size:10px;font-weight:bold;color:#000000;vertical-align:top;}
	#footer .poweredby img {vertical-align:top;padding:0 0 0 3px;}
	#footer .footerbar {padding:10px 0 0 0;}
	
/* Boxes */	
#boxes {width:100%;margin:3px 0 10px 0;padding:0;}
#boxes3	{width:210px;float:left;padding:5px;margin:0 5px 0 0;border:1px solid #999999;background: url(../images/bg_iblue2.jpg) top repeat-x;}
#boxes4	{width:640px;padding:5px;margin:0;border:2px solid #E5E5E5;background: #FBFBFB;}
#boxes5	{width:300px;padding:5px;margin:0;border:2px solid #E5E5E5;background: #FBFBFB;}
#alertBox {width:665px;padding:0 0 0 10px;margin:5px 0 8px 0;color:#ffffff;font-size:11px;font-weight:bold;border:0px solid #CCCCCC;background:#CC0000;line-height:21px;}
.gbox {background:#F2F2F2;padding:8px 0 8px 0;}
	.gbox p {padding:0 0 0 10px;;}
.optionBar {height:21px;margin:3px 0 3px 0;padding:5px 0 5px 5px;background:#EEEEEE;}
.pageno {float:right;text-align:right;padding-right:8px;}
	.pageno a {padding:0 4px 0 4px;font-weight:bold;font-size:11px;line-height:18px;}
.notes {width:98%;padding:3px;margin:3px 0 0 0;border-top:1px solid #CCCCCC;}
.greyBar {height:auto;margin:3px 0 3px 0;padding:3px 0 3px 10px;background:#e5e5e5;vertical-align:middle;}
.freebox {float:left;padding:3px 12px 3px 4px;display:block;width:auto;}

#templateBox1 {float:left;width:195px;border:5px solid #CCCCCC;border-spacing:1px;padding:5px;margin:0 10px 10px 0; background:url(../images/bg_template1.jpg) bottom repeat-x;}
	#templateBox1 p {padding:0;margin:3px 0 3px 0;}
#templateBox2 {float:left;width:195px;border:5px solid #CCCCCC;border-spacing:1px;padding:5px;margin:0 10px 10px 0; background:url(../images/bg_template2.jpg) bottom repeat-x;}
	#templateBox2 p {padding:0;margin:3px 0 3px 0;}

#leftBox {float:left;width:520px;height:160px;border:0px solid #666666;padding:0px;}
	#leftBox .divTitle {float:left;width:150px;text-align:right;padding:3px 6px 3px 0;color:#666666;font-weight:normal;border-top:1px dotted #CCCCCC;}
	#leftBox .divAnswer {float:left;width:364px;text-align:left;padding:3px 0 3px 0;color:#000000;font-weight:bold;border-top:1px dotted #CCCCCC;}
#rightBox {float:right;width:140px;height:160px;border:0px solid #666666;padding:0px;}
	#rightBox .divTitle {float:left;width:100px;text-align:right;padding:3px 6px 3px 0;color:#666666;font-weight:normal;border-bottom:1px dotted #CCCCCC;}
	#rightBox .divAnswer {float:left;width:30px;text-align:left;padding:3px 0 3px 0;color:#000000;font-weight:bold;border-bottom:1px dotted #CCCCCC;}

#steps {padding:0;margin:3px 0 3px 0;width:100%;}
	#steps div {height:16px;vertical-align:middle;color:#333333;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 20px 3px 8px;background:url(../images/bg_step_n.gif) right no-repeat;float:left;}
	#steps div.selected {height:16px;vertical-align:middle;color:#ffffff;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 20px 3px 8px;background:url(../images/bg_step_h.gif) right no-repeat;float:left;}
	#steps div.selectedno {height:16px;vertical-align:middle;color:#ffffff;font-size:12px;font-weight:bold;margin:0 5px 0 0;padding:3px 20px 3px 8px;background:url(../images/bg_step_d.gif) right no-repeat;float:left;}

.previewBox {float:left;width:188px;height:auto;background:none;margin:8px;}
.previewBoxblk {width:188px;height:134px;background:url(../images/previewbox.gif) bottom no-repeat;}
.previewBox .previewBoxblk p {margin:8px;}

/* Important Style */
.clearfloat { clear:both;height:0px;font-size: 1px;line-height: 0px;/* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */}
/* Hides from IE-mac \*/
* html .clearfloat {height:1%;} .clearfix {display:block;}
/* End hide from IE-mac */

/* Other */
.btn01 {border-bottom:1px solid #666666;}
.get_title {color:#000000;Font-size:16px;font-weight:bold;text-decoration:none;line-height:30px;}
.subcontent {display:block;padding:8px 0 4px 0;}
.note-yellow {background:#ffeb3b;padding:10px;text-align:justify; }
.note-green {background:#8bc34a;padding:10px;text-align:justify; }

/* box-shadow */
.shadow{
-webkit-box-shadow: 6px 10px 36px -6px rgba(0,0,0,0.75);
-moz-box-shadow: 6px 10px 36px -6px rgba(0,0,0,0.75);
box-shadow: 6px 10px 36px -6px rgba(0,0,0,0.75);
}

li{
	text-align:justify;
	line-height:16px;
}
*[align=justify]{
	text-align:justify;	
}
*[align=center]{
	text-align:center;	
}
*[align=right]{
	text-align:right;	
}