/*always save textual images with gif ext. and picture images with jpeg ext.*/
/* common css for home, about us & management team */
body{
	margin: 0px;
	padding: 0px;
	background-color:#ece9d9;
	font-family: Verdana, Arial;
	font-size:11px;
	color:#666666;
}
.content_tab{
	font-size:11px;
	line-height:15px;
	text-align: left;
	font-family: verdana , arial;
}

.headers{
	font-size:11px;
	line-height:15px;
	text-align: left;
	font-family: verdana , arial;
	font-weight:bold;
	color:#5EC7D1;
}

/*#wrapper
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-image: url(../images/bg_skyline.png); 
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;	
}*/

/*#wrapper-mt{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}*/
#addy
{
	text-align:left;
	margin-left:50px;
	width:100%;
}
#reg_offices
{
	width:220px;
	float:left;
	text-align:left;
}
.textbox
{
	width:270px;
	border:solid 1px #A5ACB2;
}
.tarea
{
	width:270px;
	border:solid 1px #A5ACB2;
	height:50px;
}
/*#wrapper-abt
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;	
}

#wrapper-pdt
{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	background-position: bottom;
	text-align:center;	
}

#wrapper-srvs{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}

#wrapper-cp{
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	text-align: center;
}*/

#socialIcons {
	width:858px;
	margin:0 auto;
	padding-top:60px;
	text-align:right;
}


#wrapper-crs{
	width: 100%;
	height: 100%;
	margin: 0px auto;
	padding: 0px;
	text-align: center;
	/*border:solid 2px green;*/
}
/*Put this id(content_prev) across all the pages where content is used*/
#content_prev{
	width: 858px;
	margin: 0 auto; /*for center align*/
}


#topbar{
	width: 858px;  /* equivalent to #content id's width:858px */
	float: left;
	/* positioning of margin padding starting from top, right, bottom, left */
	margin-top:20px;
	margin-bottom:20px;
}

#logo{
	width: 168px;
	float: left;
}

#topmenu{
	width: 686px;
	float: right;  /* for display menu in one line (horizontally) from left side ------float:right os for from right side-----*/
	height: 51px;
}
#topmenu ul{
	/* to remove bullets from UL */
	list-style-type: none; 
	float: right;
	position: relative;
	top: 50%;
}
#topmenu ul li{
	/* to display list items in one line */
	display: inline;
}
#topmenu ul li a
{
	text-decoration:none;
	color:#666666;
}
#topmenu ul li a:hover
{
	text-decoration:underline;
}
/* end of common css for home, about us & management team */
/* css for home page */
#contentArea
{
	width: 100%;
	float: left;
	height:auto;
	background-image: url(../images/tango-fx.jpg);
	background-repeat: repeat-x;  /* for cover complete image to total width */
}
#slide{
	height: 231px;
}
#slideText{
	float: right;
	text-align:right;
	margin:25px 0px 0px 0px;
	width:205px;
	color:#333333;
	font-size:11px;
	line-height:15px;   /*for space between two line*/
}
#slideText .readmore{
	font-weight: bold;
	color: #99cc33;
}

#slideText .readmore_pingtopia{
	font-weight: bold;
	color: #F26722;
	text-decoration:none;
}
#slideText .readmore_pingtopia:hover{
	font-weight: bold;
	color: #F26722;
	text-decoration:none;
}
#navigation
{
	width:100%;
	height:34px;
	float: right;
	text-align:right;  
}
#description{
	text-align:left;
	width: 100%;
	float: left;
	font-size:11px;
	line-height:18px;
}
#description .readmore{
	font-weight:normal;  /*for bold font*/
	color: #66cccc;
}

/*----------------------- css for about us page ---------------------------------------*/
#contentArea-abt{
	width: 100%;
	height:495px;
	background-color: #ffffff;
	float:left;
}

#topHead-abt{
	margin: 28px 456px 28px 48px;
}

#topSbHead-abt{
	margin: 0px 503px 10px 48px;	
}
#description-abt{
	
	margin: 0px 81px 0px 48px;
	font-size:11px;
	line-height:15px;
	text-align: left;
	font-family: verdana , arial;
}

#description-abt ul{
	text-align:left;
	 margin: 2px 0px 2px 0px;
	/* background:url("../images/ul-bullet.jpg") no-repeat; */
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 14px; 
}
/* not use
#description ul li{
	text-align:left;
	margin:0px 0px, 0px 0px;
}
*/

#buildings-abt{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	height:100px;
	top:490px;
	left:0px;
}

/*------------------------------ css for management team page ----------------------------------*/
#contentArea-mt{
	width: 100%;
	float: left;
	height: 495;
	background-color: #ffffff;
}
/*#contentBody{
	height: 495px;
	background-color: #ffffff;
} */

#topHead-mt{
	margin: 28px 456px 28px 48px;
}

#topSbead-mt
{
	float:left;
	margin:18px 0px 0px 50px;
}
#topSbead-mt-boardadv
{
	float:left;
	margin:0px 0px 0px 50px;
}

#description-mt{
	text-align:justify;
	margin: 0px 79px 26px 50px;
	font-size:11px;
	line-height:15px;
	font-family: verdana , arial;
}

#descpHd-mt{
	margin: 27px 657px 11px 50px;
}

#subDescBody-mt{
	width: 858px;
	height: 208px;
	
}

#sbDescText-mt{
	text-align:justify;
	width: 590px;
	float: left;
	margin: 0px 0px 0px 76px;
	font-size:11px;
	line-height:15px;
	font-family: verdana , arial;
}

#sbDescImg-mt{
	width: 130px;
	float: left;
	margin: 0px 40px 0px 0px;
	top:20px;
	}

#buildings-mt{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:490px;
	left:0px;
	height:100px;
}

/*------------------------------ css for products page ----------------------------------*/
#contentArea-pdt{
	width: 100%;
	float: left;
	height: 650px;
	background-color: #ffffff;
	float:left
}

#topHead-pdt{
	margin: 28px 456px 28px 48px;
	text-align: left;
}

#topSbHead-pdt{
	margin: 0px 503px 10px 48px;	
	text-align: left;
}
#description-pdt{
	
	margin: 0px 81px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: left;
	font-family: verdana , arial;
}
#description-pdt a
{
	text-decoration:none;
	color:#666666;
	font-weight:bold;
}
#description-pdt a:hover
{
	text-decoration:underline;
	color:#666666;
}
#description-pdt ul{
	text-align:left;
	 margin: 2px 0px 2px 0px;
	/* background:url("../images/ul-bullet.jpg") no-repeat; */
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 17px; 
}

#buildings-pdt{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:490px;
	left:0px;
	height:110px;
}


/*------------------------------ css for services page ----------------------------------*/
#contentArea-srvs{
	width: 100%;	
	height: 495;
	float:left;
	background-color: #ffffff;
}

#topHead-srvs{
	margin: 28px 456px 30px 48px;
	text-align: left;
}

#topSbHead-srvs{
	margin: 0px 503px 15px 48px;	
	text-align: left;
}
#description-srvs{
	
	margin: 0px 76px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description-srvs ul{
	text-align:left;
	 margin: 2px 0px 2px 0px;
	/* background:url("../images/ul-bullet.jpg") no-repeat; */
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 20px; 
}

#buildings-srvs{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:490px;
	left:0px;
	height:100px;
}
/*------------------------------ css for customer and partners page ----------------------------------*/
#contentArea-cp{
	width: 100%;	
	height: 450;
	float:left;
	background-color: #ffffff;
}

#topHead-cp{
	margin: 28px 456px 18px 48px;
	text-align: left;
}

#description-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#cp-head{
	margin: 8px 720px 3px 48px;	
	float: left;
}

#description2-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#cp-head2{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head3{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head4{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head5{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head6{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head7{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head8{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head9{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head10{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#cp-head11{
	margin: 20px 0px 8px 48px;	
	float: left;
}
#description3-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description4-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description5-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description6-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description7-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description8-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description9-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description9-cp ul{
	text-align:left;
	margin: 2px 0px 2px 0px;
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 18px; 
}
#buildings-cp{
	background-image:url('../images/bg_skyline.png');
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	top:490px;
	left:0px;
	height:100px;
}
#description10-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description11-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#description12-cp{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
/*------------------------------ css for careers page ----------------------------------*/
#contentArea-crs{
	width: 860px;	
	height: 490px;
	float:left;
	background-color: #ffffff;
}

#topHead-crs{
	margin: 32px 0px 16px 50px;
	text-align: left;
}
#intro-crs
{
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#head-crs{
	margin: 0px 600px 0px 48px;	
	float: left;
	font-size:12px;
	font-weight: bold;
}

#description-crs{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#description-crs ul{
	text-align:left;
	margin: 2px 0px 2px 0px;
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 18px; 
}
#sb-head-crs{
	margin: 0px 600px 0px 48px;	
	float: left;
	font-size:12px;
	font-weight: bold;
}
#sb-head-crs-app-dev{
	margin: 0px 600px 0px 48px;	
	float: left;
	font-size:12px;
	font-weight: bold;
}
#sb-description-crs-app-dev{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#sb-description-crs-app-dev ul{
	text-align:left;
	margin: 2px 0px 2px 0px;
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 18px; 
}
#sb-head-crs-sen-soft{
	margin: 0px 300px 0px 48px;	
	float: left;
	font-size:12px;
	font-weight: bold;
}
#sb-description-crs-sen-soft{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
#sb-description-crs-sen-soft ul{
	text-align:left;
	margin: 2px 0px 2px 0px;
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 18px; 
}
#sb-description-crs{
	
	margin: 0px 95px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}

#sb-description-crs ul{
	text-align:left;
	margin: 2px 0px 2px 0px;
	list-style-image: url('../images/ul-bullet.jpg');
	list-style-type:square;
	padding-left: 18px; 
}

#buildings-crs{
	background-image:url('../images/bg_skyline.png');
	position:absolute;
	width:100%;
	height:100px;
	top:490px;
	left:0px;
	margin: 0 auto;
	text-align:center;
}

#main_content  {
background-color:#ECE9D9;
color:#666666;
left:0px;
font-family:Verdana;
font-size:11px;
position:relative;
width:860px;
height:100%;
margin:0px auto;
text-align:left;/*Shifted short scoller*/
}

#content {
	color:#666666;
	font-family:Verdana;
	font-size:11px;
	height:250px;
	left:0px;
	line-height:18px;
	overflow-x:hidden;
	overflow-y:scroll;
	position:absolute;
	text-align:center;
	width:830px;
	margin:0px auto;
	padding:0px;
}

#wrapper {
margin:0 auto;
width:860px;
}

.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	right: 0;
	top: 0px;
	margin-bottom:10px;
	height: 100%;
	background-image:url(../images/scrollTrack.png);
	background-position:center;
	background-repeat:repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	cursor: pointer;
	overflow: hidden;
	background-color:#A4A296;
	width:8px;
}
/*slider*/
.ClearFloats {
	font-size:1px;
	height:1px;
	clear:both;
}

.AboveUL .AboveUL2 {
	list-style-image: url('../images/ul-bullet.jpg');
}

.AboveUL li, .AboveUL2 li {
	color:#ffffff;
	margin-left:-8px;
}

.AboveUL2 li {
	color:#666666;
	font-size:11px;
	text-align:left;
}

.AboveUL2 li h4 a {
	color:#66cccc;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
	padding-bottom:3px;
}

.AboveUL2 li div {
	display:none;
}

.Highlight {
	color:#00ACBB;
	font-weight:bold;
}

.TeamImage {
	float:right;
	margin:10px;
	margin-right:0px;
}

.AboveButton {
	background-color:#FFFFFF;
	color:#9DC73F;
}

.SubmitButton {
	background-image:url(../images/button_submit.jpg);
	width:64px;
	height:24px;
	border:0px;
}


/* --- IDs --- */
#buildings {
	background-image:url(../images/bg_skyline.png);
	background-repeat:repeat-x;
	position:absolute;
	width:100%;
	height:126px;
	top:490px;
	left:0px;
	z-index:300;
}
#wrap {
	width:775px;
	margin:0 auto;
	padding-top:50px;
	padding-bottom:20px;
}


#site {
	width:526px;
	float:right;
}
.jScrollPaneDragTop {
	/*position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;*/
}
.jScrollPaneDragBottom {
	/*position: absolute;
	bottom: 326px;
	left: 0;
	overflow: hidden;
	height:1px;*/
}
a.jScrollArrowUp {
	/*display: block;
	position: absolute;
	z-index: 1;
	top: 250px;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;*/
}
a.jScrollArrowUp:hover {
}

a.jScrollArrowDown {
	/*display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;*/
}
a.jScrollArrowDown:hover {
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}

/*.img-padding{
	font-size:0px;
	padding-left: 20px;
}*/
.media_points
{
	color:#00ACBB;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	padding:10px 0px 0px 50px;
}
.media_contents
{
	margin: 0px 76px 0px 50px;
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
.event_holder
{
	width:736px;
	height:107px;
	margin:15px 0px 0px 48px;
}
.dummy
{
	width:170px;
	height:105px;
	margin:0px 0px 0px 0px;
	text-align:left;
	float:left;
}
.dummy_header
{
	width:550px;
	height:105px;
	margin: 0px auto;
	font-size:12px;
	color:#00ACBB;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	float:left;
}
.dummy_content
{
	width:550px;
	margin: 0px auto;
	font-size:11px;
	color:#666666;
	text-decoration:none;
	text-align:justify;
	float:left;
	font-weight:normal;
	line-height:15px;
}
.fields
{
	font-size:11px;
	line-height:15px;
	text-align: justify;
	font-family: verdana , arial;
}
.pingtopia_strong
{
	
	margin: 0px auto;
	font-size:11px;
	color:#00ACBB;
	text-decoration:none;
	font-weight:bold;
	text-align:left;
	float:left;
}
.stext
{
	font-family:Verdana;
	font-size:11px;
	color:#00ACBB;
	display: none;
	font-weight:bold;
}