* {

	margin:0;

	padding:0;

}

body {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

	margin: 0px ;

	color: #333333;

	line-height: 120%;

}

.input {width:210px;color:#4c5766; font-size:12px; line-height:14px; border:1px solid #b2b2b2; background:#f1f9fe url(images/inputBg.jpg) repeat-x 0 0; padding:3px 5px;}

.input:focus {color:#39414d; border:1px solid #294266; background:#f0f3f7;}

#termscond {height:250px; overflow:auto; display:block;  border:1px solid #B3B3B3;}

#demo_title,#demo_title_s,#demo_in

{

padding:4px 2px;

line-height:18px;

}


#demo_title a:link,#demo_title a:visited,#demo_title a:hover,#demo_title a:active,#demo_title a:focus,#demo_title_s a:link

{

 color:#0066CC;

 font-size:16px;

 font-weight:bold;

}

#demo_desc,#demo_desc_cd,#demo_desc_in

{

padding:4px 2px;

line-height:15px;

font-size:12px;

}



#demo_url,#demo_url_c,#demo_url_in

{

padding:4px 2px;

 color:#009933;

white-space:nowrap;

overflow:hidden;



}

#demo_url a:link,#demo_url a:visited,#demo_url a:hover,#demo_url a:active,#demo_url a:focus,#demo_url_c a:link,#demo_url_in a:link

{

 color:#009933;

 font-size:10px;

 font-weight:bold;



}

.titleclass

{

border:1px solid #33CC33;height:1px;width:150px ;

}

#content

{

margin: 0px auto;

}

td {

	font-size: 12px;

}

a {

	text-decoration:underline;

}

a:hover{

	text-decoration:none;

}

 a:link, a:visited, a:hover, a:active, a:focus

 {

 color:#000066;

 }



textarea {

	font-family: "Courier New", Courier, mono;

	font-size: 12px;

}

input, select {

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 11px;

}

td.top {



	background-color: darkorange;

	display: none;

}

.topbar {

	background-color: #296689; /*darkorange; /*#296689;*/

	font-family: Verdana, Arial, Helvetica, sans-serif;

	border-bottom: 3px solid orange;

	color: white;

}

.sidebar {

	background-color: #FAFAFA;

}

.arrow {

	padding-right: 5px;

}

td.topcell {

	background-color: darkorange; /*#5198C2;*/

	vertical-align: bottom;

	padding: 5px;

	border-left: 1px solid white;

}

td.topcell a {

	font-size: 10px;

	font-weight: bold;

	color: white;

	display: block;

	/*border-left: 3px solid darkorange;

	padding-left: 5px;

	padding-top: 10px;*/

	text-transform: uppercase;

}

td.topcell a:hover {

	color: black;

}

.bannerbox {

	background-color: #F5F5F5;

	border-bottom: 1px dotted silver;

}

table.box {

	border: 1px solid silver;

}

.hostbox
{
	border: 1px solid silver;
	height: 150px;
	width: 220px;
	padding:5px;
}

td.boxtitle {

	background-color: gray;

	color: white;

	font-weight: bold;

}

td.boxheader {

	background-color: #FAFAFA;

	text-transform: uppercase;

}

td.boxbody {

	background-color: #EAEAEA;

	font-size: 10px;

}

a.topbarlink { 

	color: #AAFFFF;

	text-decoration: none;

}

.error {

	color: #CC3300;

}

.note {

	font-size: 9px;

	/*font-style: oblique;*/

}

.copy {

	color: #FAFAFA;

	line-height:15px;

}

.copy a

{

	color: #FFFFFF;

	text-decoration:none;

}

.loginbar {

	background-color: #2278AB;

	color: white;

	height:30px;

	background-image:url(images/loginbar.png);

	background-repeat:repeat-x;

	padding-left:5px;

}

h1 {

	color: #CC3300;

	font-size: 16px;

	font-weight: normal;

	text-transform: uppercase;

	margin: 0px 0px 2px 0px;

}

h3 {

	color: steelblue;

	font-size: 14px;

	margin-top: 0px;

	margin-bottom: 5px;

}

h4 {

	background-color: #226689;

	color: white;

	text-transform: uppercase;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 10px;

	margin-top: 0px;

	margin-bottom: 5px;

	padding: 2px;

	border-left: 3px solid orange;

}

.fb_table {

	border: 1px solid orange;

	font-size: 9px;

	line-height: 75%;

}

.fbtable td {

}

.fb_star {

	background-color: orange;

}

.fb_nostar {

	background-color: white;

}

.grid {

	border: 1px solid orange;

	font-family: Verdana, Arial, Helvetica, sans-serif;

}

.gridheader {

	background-color: orange;

	color: white;

	font-weight: bold;

	font-size: 10px;

	padding: 3px;

	text-transform: uppercase;

	text-decoration: none;

}

.activead {

	background-color: green;

	color: white;

	font-weight: bold;

	font-size: 10px;

	padding: 3px;

	text-transform: uppercase;

}

.penting {

	background-color: #FFFF99;

	color: black;

	font-weight: bold;

	font-size: 10px;

	padding: 3px;

	text-transform: uppercase;

}

.gridcell {

	background-color: #F5F5F5;

}

.gridcell2 {

	background-color: #F5F5F5;

}

.gridcell2 a {

	font-weight: bold;

}

button {

	font-family: Verdana, Arial, Helvetica;

	font-size: 11px;

	font-weight: bold;

	padding: 3px;

	background-color: #CC3300;

	color: white;

	border: 1px outset #CC3300;

}

.button {

	font-family: Verdana, Arial, Helvetica;

	font-size: 11px;

	font-weight: bold;

	padding: 3px;

	background-color: #CC3300;

	color: white;

	border: 1px outset #CC3300;

	text-decoration: none;

	cursor:pointer;

	margin: 10px 0px;

}

.pagetable {

	/*background-color: white;

	border: 1px solid #A4B0C0;*/

}

.pagetable_row {

	/*background-color: #EDF2F6;*/

}

.pagetable_cell {

}

.pagetable_activecell {

	font-weight: bold;

	/*background-color: #EDF2F6;

	border: 1px solid #A4B0C0;*/

}

.pagetable_ellipses {

	padding: 0px 5px;

	border-left: 1px solid silver;

	color: silver;

}

a.toplink {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

	font-size: 12px;

	color: #000066;

	text-decoration: none;

}

a.toplink:hover {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

	font-size: 12px;

	color: #FF0000;

	text-decoration:none;

}

a.mainmenu {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

	font-size: 11px;

	color: #000066;

	font-weight: bold;

	text-decoration:none;

}

 a.mainmenu:hover {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

	font-size: 11px;

	color: #FF0000;

	text-decoration: none;

	text-decoration:underline;

}

a.notelink {

	font-size: 9px;

	text-decoration: none;

	color: gray;

}

a.notelink:hover {

	font-size: 9px;

	text-decoration:underline;

	color: gray;

}

a.header {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

	font-size: 10px;

	color: #000066;

	font-weight: bold;

	text-decoration:none;

}

a.header:hover {

	font-family: Verdana, Geneva, Arial, helvetica, sans-serif;

	font-size: 10px;

	color: #FF0000;

	text-decoration: none;

}

a.pagelink {

	display: block;

	color: #CC3300;

	text-decoration: none;

	padding: 0px 5px;

	border-left: 1px solid silver;

}

a.pagelink:hover {

	display: block;

	color: #CCCC00;

	text-decoration: none;

	padding: 0px 5px;

	border-left: 1px solid silver;

}

.pageactive {

	display: block;

	padding: 0px 5px;

	border-left: 1px solid silver;

}

a.pagelink_first {

	display: block;

	color: #CC3300;

	padding: 0px 5px;

	text-decoration: none;

	font-weight: bold;

}

a.pagelink_prev, a.pagelink_last, a.pagelink_next {

	display: block;

	color: #CC3300;

	text-decoration: none;

	font-weight: bold;

	border-left: 1px solid silver;

	padding: 0px 5px;

}

form {

	margin: 0px;

}

.question {

	padding-bottom: 20px;

	border-bottom: 1px dotted silver;

}

.question .title {

	font-size: 14px;

	font-weight: bold;

	color: steelblue;

}

.question .q {

	font-size: 14px;	

	color: black;

}

.question .postedby {

	font-size: 11px;	

	color: gray;

}

.question .date {

	font-size: 10px;

	color: #CCCCCC;

}

.answers {

	padding-bottom: 20px;

}

.answer {

	font-size: 12px;

}

.answer .postedby {

	font-size: 11px;	

	color: gray;

}

.answer .date {

	font-size: 10px;

	color: #CCCCCC;

}

h2 {

	color: #66CC33;

	font-size: 13px;

	font-weight: bold;

	margin-bottom: 0px;

	padding-bottom: 0px;

}

.post_head {

	color: #CC3300;

	font-weight: bold;

	font-size: 13px;

	display: block;

}



.inserted{

	color: green;

	font-weight: bold;

	font-size: 13px;

}



.already {

	color: #CC3300;

	font-weight: bold;

	font-size: 13px;

}

.red_unsub {

	color: #CC3300;

	font-size: 12px;

}

.info {

	color: gray;

}

.box {

	padding: 10px;

	border: 1px dotted silver;

}

.boxhead {

	padding: 0px;

	border: 1px dotted silver;

}

.id {

	font-size: 14px;

	font-weight: bold;

}

.styleTitle {

	font-size: 18px;

	color: #00509F;

}

.styleImage {

	font-size: 20px;

	color: #FFFFFF;

	padding-left:10px;

	line-height:60px;

}

.indexmenus {

	/*background: url(/images/li_bgnormal.jpg) repeat-x;*/

	background:url(images/li_bgnormal.jpg);

	padding: 0px;

	margin: 0px;

	z-index:1;

	width: 100%;

	float: left;

}

.indexmenus a {

	color: #144070;

	text-decoration: none;

	font-weight: bold;

	font-size: 11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	padding-left:20px;

	padding-right:20px;

	padding-top:5px;

	padding-bottom:5px;

	height: 20px;

	display: block;

	text-decoration: none;

}

.indexmenus td

{

		border-left-color:#cccccc;

		border-left-style:solid;

		border-left-width:thin;

}

.indexmenus a:hover {

	/* ----------- background-color: #EAEAEA;  ------*/

	background: url(images/headerbgselect.jpg);

		repeat-x;

	color: #316767;

	padding-left: 20px;

	padding-right: 20px;

	padding-top: 5px;

	padding-bottom: 5px;

	height: 20px;

}

.indexmenus span {

	display: block;

}

.home

{

	font-size:20px;

	color:white;

	height: 40px;

	line-height:35px;

	background-image:url(images/home.png); 

	background-repeat:repeat-x;

}

.home a

{

	color: #FFFFFF;

	text-decoration:none;

}

.home a:hover

{

color: #FFFFFF;

text-decoration:underline;

}

#homeimage

{

	width:40px;

	height: 40px;

	background-image:url(images/home.png); 

	background-repeat:repeat-x;

}

.mandatory {color: #FF0000;}

.styleheaderlink {color: #FFFFFF;}

.styleheaderlink a {text-decoration:none;}

.styleheaderlink a:hover {text-decoration:underline;}



#headbox{

	background-image:url(images/headback.png); 

	background-repeat:repeat-x;

}

.style5 {color: #000000;}

#headbar{

	background-image:url(images/headbar.png);

	background-repeat:repeat-x;

	line-height:0px;

	padding-left:10px;

	height:30px;

}



#headbar  a:link, #headbar a:visited, #headbar a:hover,#headbar a:active,#headbar a:focus

{

color:#FFFFFF;

}



#homebody{

	background-image:url(images/homebody.png);

	background-repeat:repeat;

	text-align:justify;

	line-height:15px;

	padding:15px;

}


#controlbox{

}

.controlsubox1{

width:500px;

padding:10px;

float:left;

}

.controlsubox2{

width:440px;

padding:10px;

float:right;

}
.controlsubox3{

width:460px;

padding:10px;

float:right;

}

.controlheading{

font-size:18px;}

#controlsection{

padding:0px;

margin-bottom:25px;

margin-top:10px;

background-image:url(images/controlbox.jpg);

border:1px solid #CCCCCC;

background-repeat:repeat;

}

#controlsection a{

font-size:13px;

text-decoration:none;

color:#484848;

cursor:pointer;

line-height:25px;

font-weight:bold;

}

#controlsection a:hover{

text-decoration:underline;

color:#000000;

cursor:pointer;

}

#controlsection p{


color:#666666;

}

#controlsection td{

padding-left:3px;

}

.icons{

padding:10px 15px;

}

.dropdown {float:left; background:url('images/menu_bg.jpg') repeat-x;  line-height:19px;}

.dropdown dt {width:128px; padding:8px 0px; font-weight:bold; cursor:pointer; color:#FFFFFF; height:19px;}

.dropdown dt:hover {color:#000;}

.dropdown dd {position:absolute; overflow:hidden; width:150px; display:none; background:#fff; z-index:200; opacity:0}

.dropdown ul {width:208px; list-style:none; border-top:none}

.dropdown li {display:inline}

.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; text-align:center; color:#FFF; text-decoration:none; background-color:#858995;white-space:nowrap;}

.dropdown li a, .dropdown li a:active, .dropdown li a:visited {display:block; padding:5px; text-align:left; color:#FFF; text-decoration:none; background-color:#858995; width:138px; border:1px solid #333333; border-top:0;}

.dropdown a:hover {color:#000;}

.leftl{float:left; 	width:4px;height:35px;background:url('images/menu_right.jpg') no-repeat;}

.rightl{	float:right;width:4px;height:35px;	background:url('images/menu_left.jpg') no-repeat;}.paginglinkstyle{ font-weight:bolder; color:#000000}
.paginglinkstyle{ font-weight:bolder; color:#000000}
.paginglinkstyle a{ font-weight:normal; text-decoration:none; color:#666666; }

.tutorial
{
float:left;
padding:10px;
text-align:left;

}

.tut-title
{
padding:10px;
font-size:14px;
font-weight:bold;

}

.tut-desc
{
padding:10px;
font-size:14px;

}

.tut-link
{
padding:10px;
font-size:12px;

}

		.black_overlay{
			display: none;
			position: fixed;
			_position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.6;
			opacity:.60;
			filter: alpha(opacity=60);
		}
		.white_content {
			display: none;
			position: fixed;
			_position: fixed;
			top: 25%;
			left: 25%;
			width: 50%;
			height: 50%;
			padding: 5px;
			border: 16px solid #CCCCCC;
			background-color: white;
			z-index:1002;
			overflow: auto;
		}


.testimonial
{
padding:10px;
text-align:left;

}

.testimonial-client
{
padding:10px;
font-size:12px;
font-style:italic
}

.testimonial-desc
{
padding:10px;
font-size:14px;

}
/********** Rounded border blank *****/
.xrounded-blank h1, .zrounded-blank h1 {
margin:0; 
font-size:1.2em; 
padding:0 8px 3px 8px; 
/*border-bottom:1px solid #d0d0d0;*/
}
.xrounded-blank p, .zrounded-blank p {
margin:0; 
padding:5px 0; 
font-size:10px;
line-height:125%;
}
.xrounded-blank {
background: transparent; 
width:100%;   /*Adjust the width here*/
float:left; 
margin:0 0 15px 0;
line-height:125%;
}
.xtop-blank, .xbottom-blank {
display:block; 
background:transparent; 
font-size:1px;
}
.xb1-blank, .xb2-blank, .xb3-blank, .xb4-blank {
display:block; 
overflow:hidden;
}
.xb1-blank, .xb2-blank, .xb3-blank {
height:1px;
}
.xb2-blank, .xb3-blank, .xb4-blank {
background:#fff; 
border-left:1px solid #d0d0d0;
border-right:1px solid #d0d0d0;
}
.xb1-blank {
margin:0 5px; 
background:#d0d0d0;
}
.xb2-blank {
margin:0 3px;
border-width:0 2px;
}
.xb3-blank {
margin:0 2px;
}
.xb4-blank {
height:2px; 
margin:0 1px;
}

.xboxcontent-blank {
display:block; 
border:0 solid #d0d0d0;
border-width:0 1px; 
height:auto;
background:#fff;

}

div.xboxcontent-blank div{
padding:0px 0px;
width:970px;
}

* html .xboxcontent-blank {
height:1px;
}

.color_a-blank {
background:#FFF; /* Change the top part color here*/
color:#000;
}
.color_b-blank {
background: #fff; /* Change the top part color here*/
color:#000;
}



a.normalbutton {
padding: 2px 10px 3px 10px;
border: 2px outset #5AA0B8;
background: #B6B6B6;
color: #000000;
text-decoration: none;
height: 19px;
vertical-align: bottom;
}
a.normalbutton:active, a.normalbutton:focus, a.normalbutton:hover {
border: 2px inset #5aa0b8;
vertical-align: middle;
background: #CCCCCC;
color: #0000FF;
text-decoration: none;
cursor:pointer;
}

a.pressedbutton {
border: 2px inset #5aa0b8;
vertical-align: middle;
background: #CCCCCC;
color: #0000FF;
text-decoration: none;
}