/*
    Copyright 2005-2006  CodeSoft Solutions
    http://www.e-codesoft.com
    Update : 2006-01-14
*/

body {
	FONT-FAMILY: 'Lucida Grande', Verdana, Lucida, Tahoma, Arial;
	FONT-SIZE: 11px;
	COLOR: #66CCFF;
	background-color: #CDE2F1;
	background-repeat: repeat-x;
	background-position: 0 0;
  
  /*background:#5B7AAE url("images/temp/deep_blue_bg.png") 0 0 repeat-x;*/
}

tr {
  COLOR: #004080;
  FONT-FAMILY: Verdana, Helvetica, arial;
  FONT-SIZE: 11px;
  border: 0px;
}


a:active, a:link, a:visited {
    COLOR: #4175F2;
/*	    COLOR: #608DB7;*/
    FONT-FAMILY: Verdana,Tahoma,arial;
    FONT-SIZE: 11px;
    TEXT-DECORATION: none;
}

a:hover {
	/*COLOR: #006BD7;*/
    text-decoration: underline;
	color: #00CC33;
}


.htmltable {
    /*border : 1px solid #608DB7;*/
    border-style: solid;
    border-width: 1px;
    border-color: #608DB7;
}

.htmltable th {
    padding: 2px;
}

.htmltable td {
    padding: 5px;
    padding-left: 10px;
}



.htmlmenu {
    border-top : 1px solid #608DB7;
    border-bottom : 1px solid #608DB7;
}

.tblhead {
    font-weight: Bold;
    height: 20px;
    background: #DBEAF5;
    border-bottom: 1px solid #608DB7;
}

.tblrow1 {
    background: #FFFFFF;
}

.tblrow2 {
    background: #FFFFFF;
}


/*  Remain from Old start */

.bottom_keyword {
	font-size: 9px;
	padding: 3px 2px 2px;
	text-align: center;
	color: #999;
}

.bottom_keyword a {
	text-decoration: none;
	color: #999;
}

.bottom_keyword a:hover {
	text-decoration: underline;
	color: #999;
}

.bottom_bar {
	color: #FFFFFF;
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	height: 30px;
	background-color: #1E5791;
	background-image: url(images/footer.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
	vertical-align: middle;
	text-align: center;
}

.bottom_bar a:link, .bottom_bar a:visited {
    color: #FFFFFF;
    text-decoration: none;
}

.bottom_bar a:hover {
	color: #FFFF00;
	text-decoration: none;
}

/* Image with hyperlink and without border */
.imgLink {
    border: 0px;
}

/* For TR/TD which with small image */
.shadow_imgBar {
    font-size: 7px; /* Only this setting can solve stupid IE problem */
}

.txtErr {
  COLOR: #FF0000;
}

/*  Remain from Old end */


/* start new menu */
.sideMenu {
    width: 175px; 
    border-right: 1px solid #EEEEEE; 
    vertical-align: top
}

table.sideNav1 {
    width: 160px;
    border: 0;
    padding: 0;
    font-size: 10px;
}

table.sideNav1 th {
    font-weight: bold;
    font-size: 11px;
    color: #ffffff;
    height: 23px;

    background: #3979CE url(images/icon/orange_fwd.gif) no-repeat;
	background-position: 3px center;
    text-indent: 20px;
    text-align: left;
}

table.sideNav1 td {
    border: 0;
    padding-bottom: 15px;
}

table.sideNav1 ul {
    list-style-type: none; 
    margin: 0px;
    padding: 0px;
}

table.sideNav1 li {
    color: #000000;
	border: 1px solid #cccccc;
    border-top: 0;
    padding: 0;
    font-family: Verdana, Tahoma, Arial;
    background-color: #eee;
    background-image: url(images/spacer.gif);
}

table.sideNav1 li a:link, table.sideNav1 li a:visited {
    display: block;
    width: 100%; /* For IE */
    text-decoration: none;
    padding-top: 3px;
    padding-bottom: 3px;
    
    color: #000000;
    background-image: url(images/icon/tag_blue.gif);
	background-repeat: no-repeat;
	background-position: 2px center;
    text-indent: 20px;
}

table.sideNav1 li a:hover {
    background-color: #ffffff;
    background-image: url(images/icon/tag_green.gif);
}

.sidenav_smaller {
    font-size: 10px;
}

.sidenav_smaller a:link, .sidenav_smaller a:visited{
    font-size: 10px;
}

.sidenav_smaller a:hover{
    font-size: 10px;
}
/* end new menu */


/* replaced by form_textbox */
.inputForm {
  background-color: #e7e7f7;
  border: #949ED6 1px solid;
  color: #8000FF;
}

.form_button { font-size: 11px; color: #006BD7;font-weight: bold; font-family: Tahoma,Verdana,arial; padding: 2px 10px;}
.form_textbox { background-color: #E7E7F7; border:#949ED6 1px solid;}

/*
.form_textbox { FONT-SIZE: 12px; background-color: #E7E7F7; border:#949ED6 1px solid; height: 20px;}
.form_textarea { FONT-SIZE: 12px; background-color: #E7E7F7; border:#949ED6 1px solid;}
.form_combo { FONT-SIZE: 12px; background-color: #E7E7F7;}
*/

/* 2007-03-28, New set of CSS */


table.blue {
    border : 1px solid #608DB7;
    border-collapse: collapse;
}

table.blue th {
    font-weight: Bold;
    height: 20px;
    background: #DBEAF5;
    border : 1px solid #608DB7;
    padding: 3px;
}

table.blue td {
    background: #FFFFFF;
    border : 1px solid #608DB7;
    padding: 3px;
}

/* same with table.blue, just text align to center */
table.blue_center {
    border : 1px solid #608DB7;
    border-collapse: collapse;
}

table.blue_center th {
    font-weight: Bold;
    height: 20px;
    background-color: #DBEAF5;
    border : 1px solid #608DB7;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}

table.blue_center td {
    background-color: #FFFFFF;
    border : 1px solid #608DB7;
    padding: 5px;
    text-align: center;
    vertical-align: top;
}


.plan_highlight {
    background-color: #DBEAF5;
}

/* same with table.blue, just text align to center */


table.csform {
    border : 1px solid #608DB7;
}

table.csform th {
    font-weight: Bold;
    height: 20px;
    background: #DBEAF5;
    border-bottom : 1px solid #608DB7;
    padding: 3px;
}

table.csform td {
    background: #FFFFFF;
    padding: 3px;
}

h1 {
    font-family: "Trebuchet MS",Verdana, Helvetica, Arial;
    font-size: 24px;
    font-weight: bold;
    background-color: #DBEAF5;
    /*border-bottom: 1px solid #608db7; */
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    height: 40px;
    vertical-align: middle;
    text-align: left;
    margin: 0px;
}


h2 {
    font-family: "Trebuchet MS",Verdana, Helvetica, Arial;
    font-size: 16px;
    font-weight: bold;
    padding-left: 10px;
    padding-bottom: 1px;
    background-image: url(images/icon/blue_fwd.gif);
	background-repeat: no-repeat;
    background-position: 0px center;
	text-indent: 20px;
    border-bottom : 1px solid #608DB7;
}

ul {
    list-style-type: none;
    padding-left: 5px;
}

li  {
    background-image: url(images/icon/arrow_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-indent: 10px;
    padding: 0px 5px;
}

.htmlborder {
    border : 1px solid #608DB7;
}


.home_service {
    list-style-type: none;
    text-indent: 0px;
	margin: 0px;
}

.home_service li {
    background-image: url(images/icon/blue_tick.png);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-indent: 15px;
    padding: 1px;
}

.home_center {
	background-color: #E4F3FF; /*#EEF4FD; DBEAF5;*/
	padding-right: 10px;
	padding-left: 10px;
	text-align: justify;
	vertical-align: top;
}

.home_right_ads {
	text-align: center;
	vertical-align: top;
}

.csx_ul {
    list-style-type: none;
    padding-left: 5px;
}

.csx_ul li {
    background-image: url(images/icon/blue_double.gif);
	background-repeat: no-repeat;
	background-position: 0px center;
	text-indent: 10px;
    padding: 2px 5px;
}

.dot_line {
    background-image: url(images/icon/blue_double.gif);
}

table.tbl_webapp {
}

table.tbl_webapp th {
    font-weight: bold;
    font-size: 12px;
    height: 28px;
    background: #DBEAF5;
    border-top: 1px solid #608DB7;
    border-bottom: 1px solid #608DB7;
    text-align: center;
}

table.tbl_webapp td {
    padding: 10px;
}

.feature_ul {
    list-style-type: none;
    text-indent: 0px;
}

.feature_ul li {
    background-image: url(images/icon/blue_tick.png);
	background-repeat: no-repeat;
	background-position: 0px center;
    vertical-align: middle;
	text-indent: 15px;
    padding: 3px;
}

.eCommerce_hl {
    font-size: 16px;
}

.tbl_design_folio {
    padding: 0px;
    margin: 0px;
    width: 610px;
}

.tbl_design_folio td {
    padding: 5px 2px;
    text-align: center;
    vertical-align: top;
}