﻿body
{
    background: #454545 url( 'Images/body-bg.jpg');
    font-family:Verdana, Tahoma, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #444;
    margin:10px 10px 0px 10px;
    
}
.button{border:none;background-color:Transparent;
		text-decoration:underline;color:#ff6600;
		font-size:11px;font-weight:bold;padding:0px;cursor:pointer;margin:0px}
		
a{text-decoration:none;color:#107CAA}
img{border:none;}
a.blue{color:#007ffe}
.center{text-align:center;}

h1,h2,h3,h5,h6,h4{margin:0}

h1{font-size:20px}
h2{font-size:18px}
h3{font-size:14px}
h4{font-size:13px}
h5{font-size:11px}
h6{font-size:9px}

.left{float:left;}
.right{float:right;}
.blue{color:#02eafe;}
.white{color:#FFF;}
.orange{color:#c04d00}
.red{color:#ee3c00}
.black{color:#333}
.lightBlue{color:#107CAA;/*#107CAA*/}
.darkBlue{color:#107CAA;/*#063A52*/}

.bold{font-weight:bold;}
.smallText{font-size:11px;}

#wrapper{width:992px;margin-left:auto;margin-right:auto;}
#topMenu{
    background: url(Images/mnu-bg.jpg) repeat-x;
    color: #01bdd8;height:34px;
}

#topMenu .lft{background: url(Images/mnu-bg-lft.jpg) no-repeat;width:11px;height:34px;float:left;display:block;}
#topMenu .rgt{background: url(Images/mnu-bg-rgt.jpg) no-repeat;width:11px;height:34px;float:right;display:block;}




#topMenu ul{list-style:none;margin:0;padding:0;}
#topMenu ul li{float:left}
#topMenu ul li.spacer{width:30%;}
#topMenu ul li A{font-size:11px;text-decoration:none;margin:6px 5px 0 0;padding:4px 5px 4px 30px;background-repeat:no-repeat;display:block;}
#topMenu ul ul{position:absolute;display:block}

#topMenu ul li a:hover ul{display:block}

/*----LOGIN */
#topMenu .loginpop{position:absolute;width:300px;background: #023e5a url(Images/pop-bg.jpg) repeat-x bottom;display:block}
#topMenu .loginpop .mid{float:left;text-align:center;}
#topMenu .loginpop .lft{background: url(Images/pop-bg-lft.jpg) no-repeat bottom;float:left;height:83px;width:14px}
#topMenu .loginpop .rgt{background: url(Images/pop-bg-rgt.jpg) no-repeat bottom;float:right;height:83px;width:14px}



#logoWrapper
{
	height: 80px;
	background: url(Images/logo.jpg) #fff no-repeat  10px center;
	clear: both;
}

#pageWrapper{background: #ff7e00;clear:both;}

#contentPageWrapper{background:#FFF ;margin:0 6px 0 6px;padding:10px 10px 15px 10px;}/*#F7F7F7*/
HR{border-top: #888 1px dotted;color:#FFF}
HR.black{border:none;color: #555; background-color:#555;height:1px }
HR.green{border-top:1px solid #69b308;color: #555; background-color:#555;}
/*--tab--*/
#tabWrapper
{ 
    background: #ff7e00 url(Images/tab-grd.jpg) repeat-x ;
}
#tabWrapper .tabLeft{background: url(Images/tab-w-left.jpg) no-repeat bottom;float:left;width:11px;height:31px;display:block}
#tabWrapper .tabRight{background: url(Images/tab-w-right.jpg) no-repeat bottom;float:right;width:11px;height:31px;display:block}

A.tabItem , A.selectedTab
{   text-align:center;
    margin-top:5px;
    float:left;
    color: #283603;
    font-size: 13px;
    font-weight: bold;
    font-family: Arial;
    text-decoration:none;
    width:132px;
    display:block;
    padding:6px 3px 5px 0px;
    background: url(Images/tab-bg.jpg) no-repeat top center;
}
A.selectedTab{margin-top:4px;background: url(Images/tab-bg-sel.jpg) no-repeat;color:#FFF;padding:7px 0px 8px 0px;border:none}
A.tabItem:hover{background: url(Images/tab-bg-hover.jpg) no-repeat  top center;}

/*--Tab Header--*/
#header
{
    height: 217px;/*position:relative;top:-4px;*/
    background:url(Images/hd-bg.jpg) repeat-x bottom;
    /*margin:0 3px 0 3px;
    border-left:3px solid #FFF;
    border-right:3px solid #FFF;*/
}
#header .leftHeader{height: 185px;position:relative;top:-3px;width:13px;background:#266078 url(Images/hd-bg-lft.jpg) no-repeat;float:left}
#header .rightHeader{height: 185px;position:relative;top:-3px;width:11px;background:#266078 url(Images/hd-bg-rgt.jpg) no-repeat;float:right}
.headerContent{color:#FFF;margin:8px 0 0 0;font-weight:bold;}
.headerContent UL{float:left;list-style:none;margin:5px;padding-left:5px;}
.headerContent LI{color:#BCDFEF}
.headerContent LI A{font-size:12px;color:#FFF;padding-left:10px; position:relative;top:-2px;white-space:nowrap}
.opacity60{filter: alpha(opacity=40);-moz-opacity:0.40;}
.B24px{FONT-SIZE:16pt;text-align:center;width:30px;display:inline-block;filter: alpha(opacity=40);-moz-opacity:0.40;}

#footer{background: url(Images/footer-bg.jpg) repeat-x;margin:0 3px 0 3px;color:#FFF;}
#footer .Left{height: 57px;width: 14px;background: url(Images/footer-lft.jpg) no-repeat}
#footer .Right{height: 57px;width: 14px;background: url(Images/footer-rgt.jpg) no-repeat}

#footer A{color:#B5B6B8;font-weight:bold;font-size:11px;margin:0 10px 0 10px}

.footerLink
{
	background:#FFF ;margin:0 15px 0 14px;padding:5px 10px 5px 10px;
	text-align:center;
}
form{margin:0;padding:0}
.footerLink A
{
}
.siteMap{padding-bottom:15px;display:block;}
/* Page --*/
span.firstWord{font-size:24px;}
.leftCol{width:222px}
.centerCol{}
.rightCol{width:170px}
.col-separator
{   width:25px;
    background-image: url(Images/col-sep.png);
    background-repeat:repeat-y;
    background-position:center center;
}
.content{margin:5px;line-height:140%;}
.margin-5{margin:5px;font-family: Arial, Helvetica, sans-serif;}

.what-we-do
{
    background-color:#6A9B04 /*#6a9b04*/;
    color: #FFF;
    padding:3px 4px 3px 5px;
    font-size: 15px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    border-bottom:3px solid #FF7E00;
}
.graybar{background:#d9d9d9;height:10px;margin:0 6px 0 6px;}



/*==========columns related=====*/

.column-wrapper{margin:0;margin-bottom:10px;/*border-bottom:1px dotted #107CAA;*/}
.col_block{margin-bottom:20px;}

/*.centerCol .col_block{margin-bottom:5px;margin-top:10px;}*/

.heading{padding:3px 5px 3px 5px;color:#063A52;border-bottom:3px double #c6c7c5;font-weight:bold;}

.leftCol .heading {background-color:#EAEAEA;}
.centerCol .heading
{
	background-color:#EAEAEA;
}
.rightCol .heading {}

.blocked{background-color:#EAEAEA;text-transform:capitalize}
.col-content{padding:4px;font-size:11px;line-height:140%;}

.block{display:block;}

UL.orange_bullet_outside{padding-left:20px;
		list-style-position:outside;margin:0 5px 0 5px ;list-style-image: url(Images/orange-Bullet.ico);}
		
UL.orange_bullet
{
	margin:0 5px 0 5px ;
	padding:0;
	list-style-position:inside;
	list-style-image: url(Images/orange-Bullet.ico);
}
UL.orange_bullet Li{padding-bottom:3px;}





.subMenu{}
.menuCaption{background-color:#6A9B04 /*#6a9b04*/;
			color: #FFF;
			padding:7px 2px 7px 28px;
			font-weight: bold;
			border-bottom:3px solid #FF7E00;}
.menus{padding:5px 0  15px 0;border-bottom:3px solid #FF7E00;}
.menus A{padding:7px 2px 7px 20px;font-weight:normal;color:#808080;display:block;margin-left:5px;}
.menus A:hover{color:#333;font-weight:400;background:url(Images/arrow.gif) no-repeat 3px 8px;}
#Temp .menuCaption{display:none}
#Temp .menus A, #Temp .menus A:hover{padding:7px 2px 7px 20px;font-weight:bold;display:block;margin-left:5px;color:#107CAA;background:url(Images/red-ball.gif) no-repeat 3px 8px;}
#Temp .menus{padding:5px 0  15px 0;border-bottom:none;}


/*  testimonials*/
#accordion {
	margin:20px 0px;
	/*border:1px solid red;*/
}

h3.toggler {
	cursor: pointer;
	border-left:solid 5px #043D4F;
	/*border: 1px solid #f5f5f5;
	border-right-color: #ddd;
	border-bottom-color: #ddd;#528CE0*/
	font-family: 'Arial', sans-serif;
	font-size: 12px;
	background: #CCECF5;
	color:#043D4F ;
	margin: 0 0 4px 0;
	padding: 3px 5px 1px;
}
div.element{display:block;padding:4px 8px 4px 8px;}
/*div.element p, div.element h4 {
	margin:0px;
	padding:4px;
	
}*/
.element img{float:left;margin:0 10px 10px 0}
blockquote {
	padding:5px 20px;
}
/*  end testimonials*/

dl.small_desc_with_img
{
	background: url(images/Technology32.jpg) no-repeat 1px 5px;
	color:#777;
}
dl.small_desc_with_img dt, dl.small_desc_with_img dd 
{
	margin:0px;
}
dl.small_desc_with_img dt
{
	font-weight:bold;
}
dl.sdimg40
{
	background: url(images/Technology32.jpg) no-repeat 1px 5px;
}
dl.sdimg40 dt, dl.sdimg40 dd
{
	padding-left:40px;
}
dl.sdimg80left
{
	background: url(images/Technology72.jpg) no-repeat ;
}
dl.sdimg80left dt, dl.sdimg80left dd
{
	padding-left:80px;
}
dl.sdimg80right
{
	background: url(images/Technology72.jpg) no-repeat right 5px;
}
dl.sdimg80right dt, dl.sdimg80right dd
{
	padding-right:80px;
}
a.more
{
	color:#0273A8;
	text-decoration:none;
	font-size:10px;
	text-transform:capitalize;
	padding-right:12px;
	background:url(images/more.ico) no-repeat right 0px;
	font-weight:normal;
}
.sapgreen
{
	color:#5CA714;/*#6A9A04;*/
}
a.top{padding-right:20px;background:url(images/top.ico) no-repeat right;font-size:10px;font-weight:normal;}

.peoples TD{vertical-align:top;}
/*.peoples{display:table}
.people{border-bottom:1px solid #dadada; padding:5px;display:table-row}
.imgCont{margin:0 10px 10px 0;text-align:center;display:table-column}
.imgCont img{display:block;}
.aboutPeople{display:table-column}*/


.ThumbnailsView{display:inline-block;
                      text-align:center;
					  width:30%;
					  margin:5px 5px 5px 0;
					  border:2px solid #FFF;
					  padding:2px;}
					  
.ThumbnailsView span{overflow-x:hidden;}
.ThumbnailsView:hover
{
	border: 2px solid #66CCFF;
	/*background-color: #D9EEFF;*/
}
.ThumbnailsView img{display:block;}
a.portal, a.online-portal{display: inline-block; width: 40%;padding:4px 0 4px 20px;}
a.online-portal{background:url(images/about.ico) no-repeat 0px 4px;}
a.portal:hover, a.online-portal:hover{text-decoration:underline}

.bullet, .bullet ul{padding-left:7px;margin-left:7px;}
.bullet, .bullet ol{padding-left:9px;margin-left:9px;}
.bullet li{font-weight:bold;}
.bullet ul ul, .bullet ol, .bullet ol ul{padding-bottom:8px;}
.bullet ul li, .bullet ol li{padding-top:2px;font-weight:normal;}

.mandatory
{
	font-size:8pt;
	color:red;
}
input, select{font-size:8pt}
.info{color:#999;} 

.prd_small
{
	display:block;
	padding:2px 0px 3px 15px;
	background:url(Images/orange-Bullet.ico) no-repeat 0px 4px;
}
.prd_small:hover{text-decoration:underline;}

.toggleContent span{cursor:pointer;}
.toggleContent div{padding-left:15px;}

.logoList{}
.logoList a{border:1px dotted #999;margin:35px 0px 0px 35px;display:block;float:left;width:120px;text-align:center;height:120px}
.logoList h4{margin-top:10px}