body { font: 11px Tahoma,Arial,Helvetica,sans-serif; color: rgb(0, 0, 0); background: url('images/bg.gif') repeat-x scroll center top rgb(255, 255, 255); margin: 0px; padding: 0px; }
#layout { width: 980px; text-align: justify; line-height: 18px; margin: 0px auto;padding:0px 0px 0px 0px; }
#topzone { height: 60px; }
#topzoneleft { float: left; padding: 30px 10px 0px 5px; }
#topzonecenter { float: left; padding: 50px 0px 0px; }
#topzoneright { float: right; padding: 50px 0px 0px 75px; }
.banner { height: 205px; padding: 60px 0px 0px 5px; background: url('images/banner.gif') no-repeat scroll left top transparent; }
.bodycontainer { background: url('images/bodycontainer.gif') repeat-y scroll right top transparent; }
.leftcontainer { width: 600px; float: left; padding: 23px 2px 0px 2px; }
.rightcontainer { width: 332px; float: right; padding: 0px; }
.row1 { border-bottom: 1px solid rgb(218, 218, 218); padding: 0px 0px 30px; margin: 0px 0px 30px; }
.row2 { border-bottom: 1px solid rgb(218, 218, 218); padding: 0px 0px 30px; margin: 0px 0px 30px; }
.row2left { width: 160px; float: left; }
.row2right { width: 330px; float: right; }
#servicezone { padding: 35px 100px 50px 54px; }
#footercontainer {margin:0px 0px 0px 0px; background: url('images/footer.gif') repeat-x scroll center top transparent; }
.footer { width: 1000px; font-size: 11px; height: 89px; background: url('images/footer1.gif') no-repeat scroll right top transparent; padding: 0px; margin: 0px auto; }
#footerleft { float: left; color: rgb(157, 157, 157); font-weight: bold; padding: 43px 0px 0px 5px; }
#footercenter { float: left; padding: 30px 0px 0px 25px; }
#footerright { float: right; color: rgb(217, 217, 217); padding: 43px 5px 0px 0px; }
#footerright a {color:#D9D9D9;}
.clear { clear: both; margin: 0px; padding: 0px; }
.welcomeimg { float: left; padding: 0px 40px 0px 10px; }
.solutionimg { float: right; padding: 0px 15px 0px 30px; }
.viewal { padding: 20px 0px 0px; }
h1 { color: rgb(101, 139, 165);border-bottom: 1px solid rgb(212, 212, 212); padding: 5px 0px 10px 0px; margin: 0px 0px 15px; font-family: Arial,Helvetica,sans-serif; font-size: 29px; font-weight: normal; }
h2 { font: bold 15px Tahoma,Arial,Helvetica,sans-serif; color: rgb(101, 139, 165); padding: 0px; margin: 0px; }
h3 { font: 29px Arial,Helvetica,sans-serif; color: rgb(101, 139, 165); padding: 0px 0px 10px; margin: 0px; }
.toptxt { font: 11px Tahoma,Arial,Helvetica,sans-serif; color: rgb(120, 120, 120); background: url('images/clock.gif') no-repeat scroll 0px 3px transparent; padding: 0px 0px 0px 15px; }
#bannertxtblock { width: 530px; background: url('images/trans.png') repeat scroll left top transparent; padding: 20px 45px 20px 75px; }
.bannerheading { font: 25px Arial,Helvetica,sans-serif; color: rgb(54, 89, 111); text-transform: uppercase; padding: 0px; margin: 0px; }
#bannertxtblock h2 { font: bold 15px Tahoma,Arial,Helvetica,sans-serif; color: rgb(98, 103, 106); padding: 0px; margin: 0px; }
a { color: rgb(101, 139, 165); text-decoration: underline; }
a:hover { text-decoration: none; }
.listlink { padding: 0px; }
.listlink ul { margin: 0px; padding: 0px; }
.listlink ul li { list-style: none outside none; background: url('images/disc.gif') no-repeat scroll 0px 8px transparent; padding: 0px 0px 0px 12px; margin: 0px; }
.listlink li a { font: 11px Tahoma,Arial,Helvetica,sans-serif; color: rgb(101, 139, 165); text-decoration: underline; }
.listlink li a:hover { text-decoration: none; }
.servicelink {  }
.servicelink ul { margin: 0px; padding: 0px; }
.servicelink ul li { display: block; list-style: none outside none; background: url('images/disc1.gif') no-repeat scroll 2px 5px transparent; padding: 0px 0px 7px 20px; border-bottom: 1px dotted rgb(180, 180, 180); margin: 0px 0px 4px; }
.servicelink li a { color: rgb(80, 80, 80); text-decoration: none; }
.servicelink li a:hover { text-decoration: none; }
#topmenu {}
#topmenu ul { margin: 0px; padding: 1px 0px 0px 5px; float: left; }
#topmenu ul li { display: block; float: left; background: url('images/menudevider.gif') no-repeat scroll left top transparent; list-style: none outside none; margin:0px 10px 0px 0px;}
#topmenu li a { font: 12px Arial,Helvetica,sans-serif; color: #333; text-decoration: none; display: block; float: left; padding: 3px 0px; font-weight:bold; }
#topmenu li a span { display: block; float: left; padding: 22px 20px 20px 25px; background: url('images/topdisc.gif') no-repeat scroll 10% 48% transparent; cursor: pointer; }
#topmenu li a:hover { color: #47B0E0; background: url('images/menubgover.gif') repeat-x scroll left top transparent; }
#topmenu li a.active { color: #47B0E0; background: url('images/menubgover.gif') repeat-x scroll left top transparent; }
.topurl { font: 11px tahoma,Arial,Helvetica,sans-serif; background: url('images/home.gif') no-repeat scroll 0px 3px transparent; padding: 0px 0px 5px 18px; margin: 0px; }
.topurl a { font: 11px tahoma,Arial,Helvetica,sans-serif; color: rgb(109, 109, 109); text-decoration: underline; }
.topurl a:hover { text-decoration: none; }
#footer a { color: rgb(157, 157, 157); text-decoration: underline; }
#footer a:hover { text-decoration: none; }
#footerlink {  }
#footerlink ul { margin: 0px; padding: 10px 0px; }
#footerlink ul li { display: inline; border-right: 1px solid rgb(118, 118, 118); padding: 10px 15px; }
#footerlink li a { font: 14px Arial,Helvetica,sans-serif; color: rgb(255, 255, 255); text-transform: uppercase; text-decoration: none; }
#footerlink li a:hover { color: rgb(225, 225, 225); }

.aboutus-img { float: right; border: 4px solid rgb(176, 164, 139); margin: 0px 0px 10px 20px; }
h5 { font: bold 15px Arial,Helvetica,sans-serif; color: rgb(101, 139, 165); padding: 0px 0px 5px; border-bottom: 1px dotted rgb(0, 0, 0); margin: 0px 0px 10px; }
.aboutcolumnzone { padding: 20px 0px 16px; }
.aboutcolumn1 { width: 48%; float: left; margin: 0px 0px 10px; }
.aboutcolumn2 { width: 48%; float: right; margin: 0px 0px 10px; }
.abouticon { float: left; margin: 0px 20px 0px 0px; }
.insidereadmore { padding: 10px 0px; }
h6 { font: bold 17px Arial,Helvetica,sans-serif; color: rgb(101, 139, 165); padding: 0px 0px 5px; margin: 0px 0px 10px; }
.project-img { float: right; margin-left: 20px; border: 6px solid rgb(101, 139, 165); }
.ourprojectrow { margin-bottom: 20px; border-bottom: 1px dotted rgb(0, 0, 0); padding-bottom: 10px; width: 95%; }
.servicecolumnzone { padding: 20px 0px 16px; }
.servicecolumn1 { width: 48%; float: left; margin: 0px 0px 10px; }
.servicecolumn2 { width: 48%; float: right; margin: 0px 0px 10px; }
fieldset
{
    clear:both;
    padding:6px;
}
/* form css */
.bigor
{
    font-size: 20px; 
    position: relative; 
    text-align: center;
    top: 150px; 
    width: 4%;
}
.leftfloat
{
    float:left;
}
.rightfloat
{
    float:right;
}
.overflow{overflow:hidden;}

td{vertical-align:top;}
label, span
{}
.rightBlog{ background: url('images/memberzonebg.gif') repeat-x scroll left top rgb(220, 220, 220); padding: 40px 50px 30px 20px; }
.rightBlog .lbl {width: 70px; color: rgb(106, 106, 106); font-weight: bold; float: left; margin: 0px;}
.rightBlog input.txt {float: left; margin: 0px 5px 5px 0px; }
.rightBlog .forgetpassword { padding: 0px 0px 0px 80px; }
.rightBlog .forgetpassword a { font-size: 11px; color: rgb(0, 147, 199); text-decoration: underline; }
.textarea, input.text{
    font-weight: normal;
    margin: 1px 2px;
    padding: 2px;
    width: 96%;}
.label,.requiredfield {color: rgb(106, 106, 106);font-weight:bold;margin:0px 2px;}
.requiredfield
{
	padding: 0px 0px 0px 8px;
	margin: 0px 0px 0px 0px;
	*margin: 0px 0px 0px 0px;
	background: url(images/errorimg.gif) no-repeat scroll left 2px;
}
.setanotherlabel
{
    margin-right: 4px; *margin-right: 2px;float: right; width: 55%;
}
input.button  {
    background: none repeat scroll 0 0 #414141;
    border: 1px solid #000000;
    color: #FFFFFF;
    font: bold 11px Arial,Helvetica,sans-serif;
    margin: 0 5px 5px 3px;
    padding: 5px;
    text-decoration: none;
    overflow:visible;
}
.topbtn input.button  {
   *margin: 0px !important;
    position:relative;
    top:-3px;
}
.spanblack,a.spanblack {color: #000;font-weight:bold;font-size: 12px;margin:0px 2px;display:block;width:100px;}
.spangray,a.spangray {color: rgb(106, 106, 106);font-weight:bold;font-size: 12px;margin:0px 2px;}
.Chkbox input
{
    float:left;
    margin:3px 5px 0px 0px;
}
.Chkbox 
.clrspn
{
    background:#FFFF00;
    font-weight:bold;
    padding:2px;
    
}
.select
{
    font-weight: normal;
    margin: 1px 2px;
    padding: 2px;
    width: 90%;
}
/*Grid Style*/


.GridStyle
{
	border-collapse: collapse;
	font-weight: normal;
}
.GridStyle a, .GridAlterRowStyle a
{
	color: #3497C4;
	text-decoration: none;
}
.GridStyle a:hover, .GridAlterRowStyle a:hover
{
	color: #49A4CF;
	text-decoration: underline;
}
.GridStyle td
{
	border: solid 1px #ECE9D8;
	line-height: 20px;
	padding: 3px;
}

.tdset
{
	padding-left: 10px !important;
}

.tdset1
{
	padding-right: 10px;
}

tr.noGridheader
{
	display: none;
}
.GridHeaderStyle th
{
	border-collapse: collapse;
	border: 0px;
	background: #47B0E0;
	text-indent: 0pt;
	line-height: normal;
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	padding: 3px;
	margin: 0px;
	text-align: left;
	vertical-align: middle;
}

.GridHeaderStyle th a
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
}

.GridHeaderStyle th a:hover
{
	color: #ffffff;
	text-decoration: underline;
	font-weight: bold;
}

tr.centertext th
{
	text-align: center;
}

.GridHeaderStyle span,
.GridAlterRowStyle span,
.GridStyle span,
.GridHeaderStyle input,
.GridAlterRowStyle input,
.GridStyle input
{
    float:none !important;
}
.GridAlterRowStyle
{
	font-weight: normal;
	border-collapse: collapse;
}

.GridAlterRowStyle td
{
	border: solid 1px #ECE9D8;
	line-height: 20px;
	padding: 3px;
}

.highlighttdrow
{
	background: #ECF9FF;
}

.normalrow, .highlighttdrow
{
	line-height: 20px;
	padding: 3px;
}
.GridSelectedRowStyle
{
	font-weight: normal;
	color: #ffffff;
	background-color: #000000;
	text-decoration: none;
}
.GridSelectedRowStyle a
{
	color: #ffffff;
	text-decoration: none;
}
.GridSelectedRowStyle a:hover
{
	color: #ffffaa;
	text-decoration: underline;
}
.GridPagingStyle
{
	font-weight: normal;
	color: #333;
}
.GridPagingStyle td table td
{
	padding: 5px 1px;
	line-height: normal;
	text-align: center;
}
.GridPagingStyle span
{
	padding: 6px;
	border:solid 1px #47B0E0;
	color: #0073AA;
}
.CustomPaging .activelnk, .CustomPaging a:hover
{
	padding: 6px;
	border:solid 1px #aaa;
	color: #0073AA;

}
.GridPagingStyle a, .CustomPaging a
{
	color: #333;
	border:solid 1px #eee;
	text-decoration: none;
	padding: 6px;

}
.GridPagingStyle a:hover
{
	color: #0073AA;
	border:solid 1px #aaa;
	text-decoration: none; /*background:#E4E7E9;*/
	padding: 6px;

}
.alternetRowStyle
{
	background-color: #000000;
}

.GridEmptyRowStyle td
{
	color: #000000;
	text-align: center;
}

/*End Grid style*/

/* start  Modalpopup */
.modalBackground
{
	background: #888;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalProgressGreyBackground
{
	background: #888;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.modalPopup
{
	text-align: center;
	padding: 30px;
	background-color: #fff;
	border: solid 3px #7CBFE5;
	width: 180px;
	height: 75px;
	filter: alpha(opacity=90);
	opacity: 0.9;
	font-weight: bold;
}
table.tableTH th
{
    padding:5px;
    cursor:pointer;
    height:22px;
    text-align:left;
}
div.displayTags
{
    float:left;
    width:140px;
    margin:0px 2px;
    padding:2px;
}

fieldset
{
    border:solid 1px #ddd;
}
legend
{
    font-size:12px;
    color:#6A6A6A;
    font-weight:bold;
}
.submenu
{
    padding:5px 10px;
    overflow:hidden;
    background:#444444;
    position:absolute;
    margin:40px 0px 0px 5px;
    *margin:40px 0px 0px -110px;
    display:none;
}
.submenu ul
{
    list-style:none;
    padding:0px !important;
margin:0px;
    float:none;
    background:none !important;
}
.submenu ul li
{
    line-height:normal;
    margin:2px 0px;
    clear:both;
    float:none;
     background:none !important;
}
.submenu ul li a,.submenu ul li a:hover,
.submenu ul li a span
{
    background:none !important;
    text-transform:capitalize;
}
.submenu ul li a span
{
    padding:5px 10px !important;
    background:none !important;
}
#topmenu li:hover div.submenu
{
    display:block;
}

/* =========================================== auto complete textbox ================================== */

.tabelTopLeft
{ *text-align:left;
*vertical-align:top;
*position:relative;
*z-index:1;
}
.tabelTopLeft td
{ *text-align:left;
*vertical-align:top;
}

.scroll
{
	margin: 0px 0px 0px 4px;
	background-color: #F4FBFF;
	z-index: 100;
	overflow: auto;
	clear: both;
}
.scroll div
{
	background-color: #fff;
	margin: 0 auto;
	text-align: left;
}
.scroll table
{
	background-color: #fff;
	width: 300px;
	font-size: 11px;
	font-weight: normal;
	color: #676767;
	text-decoration: none;
	border: solid 1px #333;
	padding: 0px;
	text-align: left;
	margin: 0px 0px 0px 0px;
	position: absolute;
	z-index: 100;
}

.highlightrow
{
	background-color: #F0F4F7;
	color: #2EA3DA;
	cursor: pointer;
}

.IEscroll
{ *position:absolute;
margin:0auto;
visibility:hidden;
z-index:3;
width:340px;
*left:185px;
}

.IEscroll table
{
	background-color: #FBFDFD;
	width: 270px;
	font-size: 11px;
	font-weight: normal;
	color: #676767;
	text-decoration: none;
	border: solid 1px #1667A6;
	padding: 0px;
	text-align: left;
	margin: 0px;
	position: absolute; *position:relative;
*top:25px;
_left:45px;
}

.IEscroll table a, .scroll table a
{
	color: #808080;
	font-size: 11px;
}

.IEscroll table a:hover, .scroll table a:hover
{
	color: #2EA3DA;
	font-size: 11px;
}

/* ============================================================================== */
/* End of modalpopup */

.loginas
{
    float:right;
    padding:20px 6px;
    font: 14px Arial,Helvetica,sans-serif;
    color:#fff;
    line-height:25px;
}
.loginas a
{
    color:#fff;
    text-decoration:none;
    font: 14px Arial,Helvetica,sans-serif;
}
.loginas a:hover
{
    color:#ccc;
}
.clrspn
{
    background:yellow;
    padding:2px;
    font-weight:bold;
}
.spltext b
{
    font-weight:bold;
    color:#333;
    margin:0px 2px;
}
/*.ContextMenuPanel 
{
	border: 1px solid #868686;
	z-index: 1000;
	background: url(images/menu-bg.gif) repeat-y 0 0 #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
}
.ContextMenuPanel table,
.ContextMenuPanel td,
.ContextMenuPanel th
{
    border:0px;
}*/


/* ============================================ */
.ContextMenuPanel
{
	border: 1px solid #868686;
	z-index: 1000;
	background: #FAFAFA;
	cursor: default;
	padding: 1px 1px 0px 1px;
	font-size: 11px;
	width: 120px;
	left: auto;
	font-family: verdana;
}

.ContextMenuPanel
{
	/*left:auto!important;*/
}


.ContextMenuBreak
{
	margin: 1px 1px 1px 32px;
	padding: 0;
	height: 1px;
	overflow: hidden;
	display: block;
	border-top: 1px solid #C5C5C5;
}

a.ContextMenuItem
{
	margin: 1px 0 1px 0;
	display: block;
	color: #003399;
	text-decoration: none;
	cursor: pointer;
	font-size: 11px;
	padding: 0px 0px 2px 2px;
	white-space: nowrap;
	font-weight: normal;
}

a.ContextMenuItem-Selected
{
	font-weight: normal;
}

a.ContextMenuItem:hover
{
	background-color: #FFF9EA;
	color: #1F5B93;
	display: block;
	text-decoration: none;
	cursor: pointer;
	font-size: 11px;
	font-weight: normal;
	white-space: nowrap;
}
.ContextMenuPanel table,
.ContextMenuPanel td,
.ContextMenuPanel th
{
    border:0px;
}

/* ================================================ */

.overdiv {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #7F9DB9;
    overflow-y: auto;
    position: relative;
    text-align: left;
    z-index: 100;
    width: 496px;
    height: 97px;
    padding:0px 3px;
    margin:0px 0px 1px 0px
 }
.txt_area {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:left;
	height: 95px;
	width: 500px;
}


.cal_Theme1 .ajax__calendar_container
{
	background-color: #eee; 
	border:solid 1px #658BA5;
}

.cal_Theme1.ajax__calendar_header
{
	background-color: #ffffff; 
	margin-bottom: 4px;
} 

.cal_Theme1 .ajax__calendar_title,
.cal_Theme1 .ajax__calendar_next,
.cal_Theme1 .ajax__calendar_prev
{
	color: #004080; 
	padding-top: 3px;
}

.cal_Theme1 .ajax__calendar_body
{
	/*background-color: #ECECEC; 
	border: solid 1px #cccccc;*/
}

.cal_Theme1 .ajax__calendar_dayname
{
	text-align:center; 
	font-weight:bold; 
	margin-bottom: 4px; 
	margin-top: 2px;
} 

.cal_Theme1 .ajax__calendar_day
{
	text-align:center;
}

.cal_Theme1 .ajax__calendar_hover .ajax__calendar_day,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_month,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_year,
.cal_Theme1 .ajax__calendar_active
{
	color: #fff; 
	font-weight:normal; 
	background-color: #658BA5;
}

.cal_Theme1 .ajax__calendar_today
{
	font-weight:bold;
}

.cal_Theme1 .ajax__calendar_other,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_today,
.cal_Theme1 .ajax__calendar_hover .ajax__calendar_title
{
	color: #3A85AC;
}

td.spc
{
    padding:8px;
}

td.spclbl
{
    padding:8px;
}

table.datalisttitleformat td{text-align:right;white-space:nowrap;font-weight:bold;}
table.datalistformat td{text-align:center;}
table.datalistformat td.subtitle{height:35px;}
table.datalistformat h2{font:23px Arial,Helvetica,sans-serif}

td.col{background:#F0F0F0;