/* CSS Document
TARASERVICES
Author: rsoni
Date: 8th dec, 2008*/

/* basic css */
* {margin:0; padding:0;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;	padding: 0;	border: 0; outline: 0; font-weight: inherit; font-style: inherit;	font-size: 100%;}
/* remember to define focus styles!a8c6ea */
:focus {outline: 0;}
.loginBody{background:#fff url(../../images/login_bg.gif) repeat-x top;}
body{background:#ffffff url(../../images/bg-x.gif) repeat-x; background-position:0px -15px; font-family:Arial, Helvetica, sans-serif; line-height:16px;}
ol, ul {list-style: none;}
/* tables still need 'cellspacing="0"' in the markup */

caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after,
q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* css for login */
#login{width:960px; margin:0 auto; font-size:11px; position:relative;}
#login .login_top{width:960px; height:10px; /*background:url(../../images/box/small_top.gif) no-repeat;*/ position:relative; border:1px none #ff0000;}
#login .login_top_inside{width:960px; height:50px; /*background:url(../../images/box/top_inside.gif) no-repeat;*/ position:relative;}
#login .login_mid{width:960px; background: url(../../..?..images/box/small_mid.gif) repeat-y; color:#003366; padding:0px 0px 0 0px;position:relative;}
#login .login_bg{width:960px; /*background:url(../../images/box/front_bg.gif) no-repeat;*/ position:absolute; height:300px; top:6px;left: 4px;}
#login .login_foot{width:960px; height:11px; /*background:url(../../images/box/small_bottom.gif) no-repeat;*/}
#login .login_input{width:172px; height:24px; background:url(../../images/login_input.gif) no-repeat; border:none; padding:4px 4px 0 6px;}
#login .row{width:80px; float:left; margin:4px; text-align:right; padding:0 5px 0 0;}
#login .submitBut{padding:10px 0 0 100px;}
#login .submitBut a{color:#007f27; font-weight:bold; text-decoration:none;}
#login .submitBut a:hover{color:#007f27; font-weight:bold; text-decoration:underline;}
#login .loginname{position:absolute; top:30px; left:80px; font-size:18px; color:#003f9d;}
#login .logo{position:absolute; top:96px; left:183px; background:url(../../images/logo_big.gif) no-repeat; width:223px; height:82px; z-index:5;}

/* css for wrapper */
#wrapper{margin:0px auto; border:1px none #ff9900; /*width:960px;*/}
.clear{clear:both;}

/* css for header */
#headerWrap{width:100%; display:block; background:none;}
#header{position:relative; height:94px; /*background:url(../../images/header_bg.jpg) no-repeat top right;*/ border-bottom:2px none #1d3b71; width:960px;margin:0px auto;}
#header .logo{position:relative; float:left; top:5px; left:0px;}
#header .search{position:absolute; top:-55px; right:14px;}
#header .welcome{
	position:absolute;
	top:7px;
	right:4px;
	font-size:10px;
	text-align:left;
	width: 108px;
	height: 13px;
}
#header .welcome a{color:#2d5e91; text-decoration:none; padding:0 3px 0 3px;}
#header .welcome a:hover{color:#003366;}
#header .welcome img{vertical-align:base; margin:0 10px 0 0;}

/* css for content wrapper AFBED1*/
#contentBody{width:100%; float:right; background:#ffffff url(../../images/bg-x-footer.gif) repeat-x top;margin:-1px 0 0 0; border-top:4px none #8E9FB9;border-bottom:1px solid #e1e1e1;}
#wrapcontent{padding:5px 0 0px 0; position:relative; width:960px; margin:0 auto;}
#wrapcontent .welcometext{position:absolute; z-index:1000; width:230px; height:260px; background:#fff url(../../images/box/section_1_bg.gif) repeat-x bottom; 
padding:20px; border:1px solid #aac0d6; border-bottom:none; right:689px; top:17px; font-size:10px; color:#003366;}
.welcometext h1{font-size:12px; font-weight:bold;}

#left{width:303px;border:1px none #d1d1d1; padding:0px; color:#12518e; font-size:11px; float:left; margin:0px 7px 15px 7px; background:#ffffff url(../../images/box_bg.gif) repeat-x top center;}
#leftInside{width:620px;padding:0px; color:#12518e; font-size:11px; float:left; margin:8px 7px 15px 7px;}
.front{padding:10px 8px 10px 25px;}
#leftContent{}
#right{position:relative; border:1px solid #aac0d6; padding:0px; color:#003366; font-size:11px;  margin:0 0 0 0; float:left; background:#e3ecf6;}
strong{font-weight:bold;}

#left p.head{font-size:16px; color:#5A689E; border-bottom:1px solid #e1e1e1;padding:3px 0 0 0; margin:8px 0 6px 0px;font-weight:bold; text-transform:uppercase;}
#right h1{font-size:12px; font-weight:bold;}
/* css for the content part */
.contentHead{font-size:11px; font-weight:normal; padding:5px 5px 5px 10px; margin:0 0 5px 0; color:#2c944c; display:block; border:1px solid #c5ddeb; text-transform:uppercase; font-weight:bold; background:#fff url(../../images/bredcrumb_bg.gif) repeat-x bottom;}

.more{background:url(../../images/more.gif) no-repeat; padding:0px 8px 2px 8px; color:#fff; text-align:center; text-decoration:none; font-size:10px;}
.more:hover{background:url(../../images/more_over.gif) no-repeat; padding:0px 8px 2px 8px; color:#003366; text-align:center; text-decoration:none; font-size:10px;}
#caption{font-size:10px; color:#4375a6;}

#bannerWrap{width:100%; height:245px;margin:0 auto; background:#e5ebf5; position:relative; float:left; border-bottom:1px none #8E9FB9;}
#bannerWrapInside{width:100%; height:100px;margin:0 auto; background:#e5ebf5; position:relative; float:left; border-bottom:1px none #8E9FB9;}

#bannerWrapInside .title{font-size:42px; color:#B6C5D6; position:absolute; border-bottom:1px none #e1e1e1;left:345px; top:80px; margin:0;font-weight:normal; text-transform:uppercase; text-align:right;}

#banner{width:960px; position:relative; margin:0 auto; background:url(../../images/welcome_text_bg.gif) no-repeat right; height:241px;}
#bannerInside{width:960px; position:relative; margin:0 auto;height:100px;}
.flash{width:480px; height:241px; color:#0099CC; position:absolute; left:20px; top:0; background:#ebeff4;}
.flashtext{ width:480px; height:241px; position:absolute; right:0; top:0; font-size:11px; color:#003366;}
.flashtextIn{padding:20px 35px 20px 20px;}
.flashtext h1{font-size:24px; color:#7d7d7d; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

/*********** css for datatable *************/

input.but{font-size:11px; padding:2px 5px 2px 5px; border:1px solid #c5ddeb; background:#c5ddeb url(../../images/btn_bg.gif) repeat-x top;color:#FFFFFF; cursor:pointer;}
select, textarea{border:1px solid #62a5c6; color:#00496d;font-size:11px;}

/* css for breadcrumb*/
#header #breadcrumb{
	font-size:10px;
	font-weight:normal;
	padding:4px 2px 0px 10px;
	color:#82a4ca;
	height:20px;
	display:block;
	background: url(../../images/bredcrumb_bg.gif) repeat-x bottom;
	position:absolute;
	left: 222px;
	top: 65px;
	width: 727px;
}
#breadcrumb a{color:#82a4ca; text-decoration:underline;}
#breadcrumb a:hover{color:#003366; text-decoration:none;}
#breadcrumb img{right:20px; position:absolute; top:3px;}

/*css for search part*/
#header .search{position:absolute; right:-1198px; bottom:12px; width: 192px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#CC3300;}
#header .search input{border:1px solid #a1a1a1;}
#header .search input.but{font-size:11px; padding:2px; border:1px none #a1a1a1; background:#353535; color:#FFFFFF; cursor:pointer;}

/* css for navigation */
.navbar_inside {color:#4373a2;font-size:11px; width: 810px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase; text-align:center; margin:20px 0 0 0; font-weight:bold;}
#wrapcontent .navbar_inside a{color:#fff; text-decoration:none; padding:2px 10px 2px 10px;}
#wrapcontent .navbar_inside a:hover{color:#fff; text-decoration:none; background:#003399;}

#wrapcontent .navbar{position:absolute; color:#4373a2; top:-34px; left:3px; font-size:11px; width: 782px; font-family:Verdana, Arial, Helvetica, sans-serif; text-transform:uppercase;	border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1; text-align:center;}
#wrapcontent .navbar a{color:#4373a2; text-decoration:none; padding:2px 5px 2px 5px;}
#wrapcontent .navbar a:hover{color:#fff; text-decoration:none; background:#003399;}

#menu{
	/*background:url(../../images/nav_bg_blue.gif) no-repeat;*/
	width:723px;
	height:21px;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	color:#003366;
	padding:4px 8px 0 8px;
	text-transform:uppercase;
	border-bottom:1px none #e1e1e1;
	position:absolute;
	right:0px;
	top:35px;
	text-align:right;
}
#menu a{padding:4px 5px 9px 5px; color:#333366; text-decoration:none;}
#menu a:hover{color:#333366; text-decoration:underline;}
#menu a.current{padding:4px 5px 9px 5px; color:#333366;font-weight:bold; text-decoration:underline;}
#menu a.current:hover{color:#004179; text-decoration:none;}

#subnav{color:#003e7a; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
#subnav a{padding:4px 10px 4px 10px; color:#003e7a; text-decoration:none;}
#subnav a:hover{padding:4px 10px 4px 10px; color:#fff;}

#tabs {float:left;line-height:normal;}
#tabs ul {margin:0;	padding:5px 5px 0 0px; list-style:none;	height:32px;}
#tabs li {display:inline; margin:0 0 0 0px;	padding:0;}
#tabs a {float:left; background: url(../../images/tableft1.gif) no-repeat left top;	margin:0 0 0 2px; padding:0 0px 0 4px;	text-decoration:none;}
#tabs a span {float:left;display:block;background:url(../../images/tabright1.gif) no-repeat right top;padding:5px 15px 6px 6px;color:#fff;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#tabs a span {float:none;}
/* End IE5-Mac hack */
#tabs a:hover span {color:#b5d8fe;}
#tabs a:hover {background-position:0% -42px;}
#tabs a:hover span {background-position:100% -42px;}
#tabs .current a {background-position:0% -42px;text-transform:uppercase;font-weight:bold;}
#tabs .current a span {background-position:100% -42px;}

/*css for thumbnails */
.description {float:left; width:422px; height:350px; padding:0px 10px 0 0; border:1px none #000;}
.description p, .description ol{color:#a6cbe8;}
.description p.largefont{font-size:11px;margin:0.5em 0 0 0; line-height:14px; font-family:Verdana, Arial, Helvetica, sans-serif;}
/* portfolio thumbnails */

.portfolio-wrap{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; clear:both;}
.portfolio-wrap a{color:#003366;}
.portfolio-wrap a:link{color:#003366;}
.portfolio-wrap a:hover{color:#404F5B; text-decoration:none;}

.portfolio-pic{float:left; margin:5px 10px 5px 0; width:240px; height:130px; padding:10px; border:1px solid #e1e1e1; background:#f5f5f5;}
.portfolio-text{float:left; margin:5px 0 5px 0;display:block; width:315px; height:130px; padding:10px; border:1px solid #e1e1e1; background:#f9f9f9; overflow-y:auto; }
.ezoffice-text{float:left; margin:5px 0 5px 0;display:block; width:315px; height:130px; padding:10px; border:1px solid #e1e1e1; background:#f9f9f9; overflow-y:auto;}
.stroke{border-bottom:2px double #e1e1e1; display:block;}
.portfolio li{ list-style-type:square; margin:0 0 0 15px;}
.sectionhead{font-size:14px; font-weight:bold;}

/*------->> Css for request a quote <<---------*/
.quoteData{font-size:12px; color:#5d5d5d;}
.quoteData td{border-bottom:1px solid #f3f3f3; padding:5px;}
.quoteData input, select, textarea{border:1px solid #d1d1d1; font-size:11px;}
.quoteData .but{border:none; background:none; margin:0; padding:0; vertical-align:bottom;}

/*------->> Css for testimonials <<---------*/
.titleHead{background:#E3ECF2; padding:3px; color:#9d9d9d; font-size:12px; font-weight:bold;}
.titleHead a{color:#ff9900; text-decoration:underline;}
.titleHead a:hover{color:#9d9d9d; text-decoration:none;}
.titleBody{color:#7d7d7d; font-size:11px; padding:3px; background:#f5f5f5;}
.titleName{ padding:3px; background:#f9f9f9}
.titleAdd{ padding:3px; background:#f9f9f9;}
.titleURL{font-weight:bold;}

/*------->> Css for events <<---------*/
.event-wrap{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; clear:both;}
.event-wrap a{color:#003366;}
.event-wrap a:link{color:#003366;}
.event-wrap a:hover{color:#404F5B; text-decoration:none;}

.event-pic{float:left; margin:5px 10px 5px 0; width:240px; height:130px; padding:10px; border:1px solid #e1e1e1; background:#f5f5f5;}
.event-text{float:left; margin:5px 0 5px 0;display:block; width:315px; height:130px; padding:10px; border:1px solid #e1e1e1; background:#f9f9f9;}
.eventDetail{height:115px; overflow-y:auto;}

/*------->> Css for human resources <<---------*/
.hr-wrap{font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; clear:both;}
.hr-wrap a{color:#003366;}
.hr-wrap a:link{color:#003366;}
.hr-wrap a:hover{color:#404F5B; text-decoration:none;}

.hr-pic{float:left; margin:5px 10px 5px 0; width:100px; height:110px; padding:10px; border:1px solid #e1e1e1; background:#f5f5f5;}
.hr-text{float:left; margin:5px 0 5px 0;display:block; width:450px; height:110px; padding:10px; border:1px solid #e1e1e1; background:#f9f9f9;}
.hrDetail{
	height:100px!important; height:90px;  overflow-y:auto;}
.hrName, .hrPos, .hrEdu, .hrTraining, .hrView span{}

.bdr{border-bottom:1px solid #e1e1e1;}

/* css for footer */
#footer{border-top:1px none #8E9FB9; padding:0px 25px 0px 15px; margin:0px 0 0 0; /*background:#fff url(../../images/bg-x-footer.gif) repeat-x top;*/ font-size:11px; color:#a1a1a1; text-align:left;}
#footlink{width:920px; padding:10px 0 0 0; margin:0 auto;}
#footer a{color:#a1a1a1; text-decoration:none;}
#footer a:hover{color:#003366; text-decoration:none;}
#loginfooter{width:330px; margin:0 auto; padding:4px 25px 4px 4px; font-size:10px; color:#4373a2; text-align:center;}