body{
margin:5px;
background: #0E2533 url(images/bg2.jpg) repeat-y center top;
font-family:Arial, Helvetica, sans-serif;
color:#414040;
font-size : 12px;
}

.midleft{
background-image:url(images/mid-left.jpg);
vertical-align:bottom;
}

.midright{
background-image:url(images/mid-right.jpg);
background-repeat:repeat-y;
vertical-align:bottom;
}

.headline{
background-image:url(images/headlines-middle.jpg);
border-left:1px solid #6EBEF0;
border-right:1px solid #6EBEF0;
font-family:Arial, Helvetica, sans-serif;
color:#2B2B2B;
font-size:12px;
padding:0px 0px 4px 0px;
text-align:justify;

}

.click{
font-family:Arial, Helvetica, sans-serif;
color:#960000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.click:link{
font-family:Arial, Helvetica, sans-serif;
color:#960000;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
a.click:hover{
text-decoration:underline;
}

.acmanagement{
background-image:url(images/am-mid.jpg);
border-left:1px solid #256B98;
border-right:1px solid #256B98;

}

.login{
background-color:#95CDF7;
border:1px solid #6DACDC;
}

.textblue{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00568E;
padding:1px 6px 1px 0px;
}
.textblue-b{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#00568E;
padding:1px 6px 1px 0px;
}

.textwhite{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding-bottom:6px;
padding-top:6px;
text-decoration:none;
}

a.textwhite:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#ffffff;
padding-bottom:6px;
text-decoration:none;
}

a.textwhite:hover{
text-decoration:underline;
color:#053454;
}

.textblack{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
padding-right:10px
}

a.textblack:link{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#000000;
text-decoration:none;
padding-right:10px
}

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

.maintext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#414040;
padding:2px 0px 4px 0px;

}
a.linktext{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#414040;
padding:2px 0px 4px 0px;
text-decoration:underline;

}
a.linktext:hover{
color:#AA0101;


}

input{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#00568E;
background-color:#ffffff;
border:1px solid #28BAF5;
padding-left:4px;
height:12px;
vertical-align:top;

}

.erp{
background-image:url(images/erp-bg.jpg);
background-repeat:no-repeat;
height:74px;
}

.box{
background-image:url(images/subcat-bg.jpg);
background-color:#FCFDFD;
border:1px solid #D2D2D3;
width:220px; 
}

.dps{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#648396;
padding-top:4px;
text-decoration:none;
}

a.dps:link{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#648396;
padding-top:4px;
text-decoration:none;
}
a.dps:hover{
text-decoration:underline;
}

.sitemap{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#0F669B;
padding-right:7px;
text-decoration:none;
}
.sitemap:hover{
color:#000000;
}
.featured{
background-image:url(images/featured-back.jpg);
background-position:bottom;
background-repeat:repeat-x;
background-color:#FFFFFF;

}
/*CSS by Satyaki*/
td {
vertical-align:top;
}
.fltlft {
float:left;
}
.fltrt {
float:right;
}
.innerbox {
background:#FFF url(images/bg-innerbox.jpg) bottom left repeat-x;
vertical-align:top;
}
.innerbox-home {
background:#FFF url(images/erp-mid.jpg) bottom left repeat-x;
vertical-align:top;
width:12px;

}
.innercontent {
background:none;
vertical-align:top;
border:#d2d2d2 1px solid;
border-bottom:#c0c0c0 1px solid;
padding:5px 15px;
color:#2c404c;
text-align:justify;
height:300px;
line-height:18px;
}
.quote {
background:#1d2f3b url(images/cq-mid.jpg) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:10px 10px 10px 10px;
height:60px;
font-size:11px;
color:#FFFFFF;
border-right:#FFFFFF 1px solid;
}
.orange {
color:#ffb400;
margin-top:8px;
/*text-align:right;*/
}
a.mainlink:link {
color : #0d6497;
}
a.mainlink:active {
color : #0d6497;
}
a.mainlink:visited {
color : #0d6497;
}
a.mainlink:hover {
color : #960000;
}
a.mainlink2:link {
color : #0d6497;
text-decoration:none;
}
a.mainlink2:active {
color : #0d6497;
text-decoration:none;
}
a.mainlink2:visited {
color : #0d6497;
text-decoration:none;
}
a.mainlink2:hover {
color : #960000;
text-decoration:underline;
}
.overview {
background:#FFF url(images/button-overview.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.background {
background:#FFF url(images/button-background.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.face {
background:#FFF url(images/button-faces.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.advantage {
background:#FFF url(images/button-advantage.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.clients {
background:#FFF url(images/button-clients.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.jobs {
background:#FFF url(images/button-jobs.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.services {
background:#FFF url(images/but-serv-overview.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.staffing {
background:#FFF url(images/but-staffing.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.conversions {
background:#FFF url(images/but-conversions.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.softdev {
background:#FFF url(images/but-soft-dev.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.webdev {
background:#FFF url(images/but-web-dev.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.video {
background:#FFF url(images/but-video.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.offices {
background:#FFF url(images/but-offices.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.rentfloor {
background:#FFF url(images/but-rentfloor.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.flycon {
background:#FFF url(images/but-flycon.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.rentcon {
background:#FFF url(images/but-rentcon.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.oncall {
background:#FFF url(images/but-oncall.gif) top left no-repeat;
vertical-align:top;
text-align:justify;
padding:5px 0px;
font-size:12px;
font-weight:bold;
}
.innertabs.td {
text-align:center;
}
.reopen {
color:#FFB400;
}
.open {
color:#D21B1B;
}
.progress {
color:#0E30D9;
}
.close{
color:#735C2C;
}
.normal {
color:#D21B1B;
}
.high {
color:#0E30D9;
}
.urgent{
color:#735C2C;
}
.red{
color: #FF0000;
}
.brownnormal {
color:#960000;
}
.brownsmallbold {
color:#960000;
font-size:12px;
font-weight:bold;
text-align:left;
}
a.tablink:link {
color : #000;
text-decoration:none;
}
a.tablink:active {
color : #000;
text-decoration:none;
}
a.tablink:visited {
color : #000;
text-decoration:none;
}
a.tablink:hover {
color : #960000;
text-decoration:underline;
}
a.blklink:link {
color : #960000;
text-decoration:none;
}
a.blklink:active {
color : #960000;
text-decoration:none;
}
a.blklink:visited {
color : #960000;
text-decoration:none;
}
a.blklink:hover {
color : #000;
text-decoration:underline;
}

a.blklink2:link {
color : #004D94;
text-decoration:none;
}
a.blklink2:active {
color : #004D94;
text-decoration:none;
}
a.blklink2:visited {
color : #004D94;
text-decoration:none;
}
a.blklink2:hover {
color : #960000;
text-decoration:underline;
}

a.blklink3:link {
color : #0A5295;
text-decoration:none;
}
a.blklink3:active {
color : #0A5295;
text-decoration:none;
}
a.blklink3:visited {
color : #0A5295;
text-decoration:none;
}
a.blklink3:hover {
color : #960000;
text-decoration:underline;
}

.welcome
{
font-family:verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color: #10589B;
font-weight:bold;
}

.gotop {
text-align:right;
padding:5px 10px;
}
.equipment {
padding:0px;
border:#0f253f 1px solid;
}
.equipment td {
padding:6px;
}
.equipment td.sky {
background:#d0e4fd;
color:#0f253f;
font-weight:bold;
border-bottom:#0f253f 1px solid;
}
.equipment td.blue {
background:#0f253f;
color:#FFF;
font-weight:bold;
}
.division {
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
color: #2b2b2b;
font-weight:normal;
text-align:center;
}
.projectthumb {
padding:10px;
text-align:center;
}

ul li {
list-style-image : url(images/dot.gif) no-repeat left center;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
/*line-height: 2em;*/
font-weight: normal;
font-variant: normal;
text-transform: none;
text-decoration: none;
text-indent: 0px;
list-style-position: outside;
padding: 6px 20px 0px 0px;
margin: 10px;
}
.brownlarge{
font-size:16px;
font:Arial, Helvetica, sans-serif;
color:##960000;
font-weight:bold;
}
/*SITEMAP*/

.button{
background-image:url(images/btn-bg.jpg);
border:1px solid #104261;
font-size:11px;
font-weight:bold;
font:Arial, Helvetica, sans-serif;
color:#ffffff;
padding:2px 2px 2px 2px;
height:23px;
cursor:hand;
vertical-align:top;
}
/*CAROUSEL*/
.stepcarousel{
background:#ecf4f7;
position: relative; /*leave this value alone*/
border:#6da3c5 1px solid;
overflow: scroll; /*leave this value alone*/
width: 650px; /*Width of Carousel Viewer itself*/
height: 420px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 10px 8px 10px 8px; /*margin around each panel*/
width: 650px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.projectimg {
float:left;
margin:40px 0 0 10px;
border:#d1e5ed 5px solid;
}
.projectimg2 {
float:left;
margin:40px 0 0 0;
border:#d1e5ed 5px solid;
}
.projectdetails {
float:left;
margin:40px 0 0 8px;
width:290px;
line-height:16px;
/*font-size:11px;*/
}
.projectdetails2 {
float:left;
margin:0px 10px 0 8px;
width:300px;
line-height:16px;
/*font-size:11px;*/
}
.productimg {
float:left;
margin:40px 0 0 5px;
border:#d1e5ed 0px solid;
}
.productdetails {
float:left;
margin:40px 0 0 0px;
width:380px;
line-height:16px;
/*font-size:11px;*/
}
.jobdetails {
border:#adb9c2 1px solid;
width:668px;
}
.jobtitle {
float:left;
margin:1px;
padding:5px 10px;
border:#adb9c2 1px solid;
background-color:#bdd8e9;
font-weight:bold;
color:#000000;
width:642px;
}
.jobcontent {
padding:10px 10px 5px 10px;
width:644px;
}
.clear {
clear:both;
height:0px;
line-height:0px;
}
.lev1 {
font-weight:bold;
padding:7px 5px 7px 10px;
background:#f2f7fb;
}
.lev2 {
padding:7px 5px 7px 40px;
background:#f2f7fb;
}
.lev3 {
padding:7px 5px 7px 80px;
background:#f2f7fb;
}
.ifooter {
background:#0000CC url(images/footer-mid3.jpg) top right;
}


.jobcontent ul li {
list-style-image : url(images/dot.gif) no-repeat left center;
font-family: Arial, Helvetica, sans-serif;
line-height: 15px;
list-style-position: outside;
padding: 5px 0px 0px 0px;
}
/*FORM STYLE*/
.formstyle {

}
.formstyle td {
padding:3px;
}
.formstyle td.left {
text-align:right;
padding-right:10px;
}
input {
border:#b8cbdd 1px solid;
font-size:12px;
margin:3px;
padding:0px 2px 0px 2px;
background-color:#e2ecf5;
height:18px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
color:#00568E;

}
textarea {
border:#b8cbdd 1px solid;
font-size:12px;
margin:3px;
padding:0px 2px 0px 2px;
background-color:#e2ecf5;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
color:#00568E;
}
select {
border:#b8cbdd 1px solid;
font-size:12px;
margin:3px;
background-color:#e2ecf5;
height:18px;
vertical-align:middle;
font-family:Arial, Helvetica, sans-serif;
color:#00568E;
}


#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

.tdata1 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	color:#414040;
	font-size : 12px;
	text-align:left;
	background-color:#EFEFF0;
	padding:2px 3px 2px 7px;
}

.tdata3 {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-family:Arial, Helvetica, sans-serif;
	color:#414040;
	font-size : 12px;
	text-align:left;
	background-color:#EFEFF0;
	padding:0px 3px 0px 7px;
}

.errorBox {
    border: 1px solid #cf0442;
    background-color:#fce9f7;
}

.successBox {
    border: 1px solid #1e6303;
    background-color:#e3f9da;
    color: #1e6303;
    font-weight: bold;
}
.tdata2{
background-image:url(images/dot.png);
background-repeat:repeat-x;
background-position:bottom;
padding-bottom:10px
}

.clickForgot{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:12px;
font-weight:normal;
text-decoration:none;
text-decoration:underline;
}
a.clickForgot:link{
font-family:Arial, Helvetica, sans-serif;
color:#FF0000;
font-size:12px;
font-weight:bold;
text-decoration:none;
text-decoration:underline;
}
a.clickForgot:hover{
text-decoration:underline;
color:#2B2B2B;
}

.opacityForIndexPage img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
-moz-opacity: 0.5;
}

/*.btnopacity:hover img{
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity: 1;
}*/
#btnMyProfile {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/my-profile.jpg) no-repeat;
}
#btnMyProfile:hover {
background : url(images/my-profile_o.jpg) no-repeat;
}
#btnMyProfileActive {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/my-profile_o.jpg) no-repeat;
}

#btnCreateTicket {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/create-new.jpg) no-repeat;
}
#btnCreateTicket:hover {
background : url(images/create-new_o.jpg) no-repeat;
}
#btnCreateTicketActive {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/create-new_o.jpg) no-repeat;
}

#btnOpenTicket {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/active-tickets.jpg) no-repeat;
}
#btnOpenTicket:hover {
background : url(images/active-tickets_o.jpg) no-repeat;
}
#btnOpenTicketActive {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/active-tickets_o.jpg) no-repeat;
}

#btnCloseTicket {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/ticket-history.jpg) no-repeat;
}
#btnCloseTicket:hover {
background : url(images/closed-tickets_o.jpg) no-repeat;
}
#btnCloseTicketActive {
display : block;
width : 225px;
height : 67px;
float : left;
background : url(images/closed-tickets_o.jpg) no-repeat;
}