@charset "utf-8";
/**************************************************************************************************************************
                                                         ***   Global Settings   ***
***************************************************************************************************************************/
/*
--------------------------------------------------
@Encoding				= charset "utf-8"
--------------------------------------------------
@Css Version			= Css Level 3
--------------------------------------------------
@Copyright				= Copyright 2008-2009, 
-------------------------------------------------
@Language				= en
-------------------------------------------------
@Author					= http://seedsolution.co.in 
-------------------------------------------------
@Link					= http://seedsolution.co.in 
-------------------------------------------------
@Date Of Modified		= 18 Feb 2009 Thursday
-------------------------------------------------
*/

/***************************************************************************************************************************
                                                        ***   Body Class Starts Here   ***
****************************************************************************************************************************/
	
* {                        /* Universal Acceptor */
margin:0; 
border:0px none; 
padding:0
}

html, body {
	border:0px none;
	margin:0;
	padding:0;
	background:#454545
}


/* 				:: Designer Comments ::         

				Due to non availability of PSD used fonts Frutiger Bold, we are using substitute font

				"Myriad Pro"

*/


body {
	font:100%/1.25 Myriad Pro, Arial, Helvetica, sans-serif;;
}

/********** Headings **********/


h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-weight:normal;
}


h1{
	font-size:35px;
	color:#FFFFFF;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-weight:bold;
}


h2{
	font-size:33px;
	color:#FFFFFF;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

/***** Common Formatting *****/


p, ul, ol {
	margin:0;
	padding:0 0 1.25em 0;
}

ul, ol {
	padding:0 0 1.25em 2.5em;
}

blockquote {
	margin:1.25em;
	padding:1.25em 1.25em 0 1.25em;
}

small {
	font-size:0.85em;
}

img {
	border:0px none;
}

sup {
	position:relative;
	bottom:0.3em;
	vertical-align:baseline;
}

sub {
	position:relative;
	bottom:-0.2em;
	vertical-align:baseline;
}

acronym, abbr {
	cursor:help;
	letter-spacing:1px;
	border-bottom:1px dashed;
}

/********** Links ***********/


 a,  a:link,  a:visited{
	text-decoration:none;
	color:#FFFFFF;
}

a{
	text-decoration:none;
	color:#FFFFFF;
}


a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}

/************* Forms ************/


form {
	margin:0;
	padding:0;
	display:inline;
}

input, select, textarea {
	font:1em Arial, Helvetica, sans-serif;
}

textarea {
	width:100%;
	line-height:1.25;
}

label {
	cursor:pointer;
}


input [type=text]{
	width:100px;
	height:20px;
	color:#193c47;
	border:0px;
	padding-left:4px;
	text-align:left;
	line-height:20px;
	font-size:11px;
}
	
	
input[type=submit]{
	font-size:12px;
	color:#000000;
	background:#FFFFFF;
	border:none;
	text-transform:capitalize;
	display:block;
	width:55px;
	height:20px;
	line-height:15px;
}


input[type=button]{
	font-size:12px;
	color:#000000;
	background:#FFFFFF;
	border:none;
	text-transform:capitalize;
	display:block;
	width:55px;
	height:20px;
	line-height:15px;
	margin-top:5px;
}


input[type=reset]{
	margin-top:5px;
	font-size:12px;
	color:#FFFFFF;
	background:#d35200;
	border:none;
	width:100px;
	height:27px;
	padding-left:10px;
	margin-right:5px;
}

/*********** Tables ***********/

 table {
	border:0px none;
	padding:0; margin-left:0; margin-right:0; margin-top:0; margin-bottom:1.25em
}

table tr td {
	padding:2px;
}

/* -----------------------------------------------***  	Wrapper    *** ------------------------------------------ */


#bodypagebg {		                           /* Site center align */
	text-align: center;
	width: 966px;
	margin: 0px auto 0 auto;
	height:auto;
}

#wrapper {	                                  /* Main outer fix  */
	width:966px;
	position: relative;
	top: 0;
	left: 0;
	height:auto;
	margin: 0 auto;
	text-align: center;
}



/***** Global classes *****/

.clear {
	clear:both;
}

.float-left {
	float:left;
}


.float-right {
	float:right;
}


.text-left {
	text-align:left;
}


.text-right {
	text-align:right;
}


.text-center {
	text-align:center;
}


.text-justify {
	text-align:justify;
}


.bold {
	font-weight:bold;
}


.italic {
	font-style:italic;
}


.underline {
	border-bottom:1px solid;
}

a.underline{
	border-bottom:1px solid;
}

.highlight {
	background:#ffc;
}

.img-left {
	float:left;
	margin:4px 10px 4px 0;
	padding:5px;
	border:1px solid #193c47;
}


.img-right {
	float:right;
	margin:4px 0 4px 10px;
	padding:5px;
	border:1px solid #193c47;
}


.nopadding {
	padding:0;
}


.noindent {
	margin-left:0;
	padding-left:0;
}


.nobullet {
	list-style-image:url('none');list-style-type:none
}

.nobulletnopadding {
	list-style-image:url('none');
	margin:0px;
	padding:0px; list-style-type:none
}


.width{
	float:left;
	width:100%;
	height:auto;
	vertical-align:top;
}


.widthfix{
	float:left;
	width:100%;
	height:auto;
	text-align:left;
	vertical-align:top;
}

.darkgray{
	color:#616263;
}

a.darkgray {
	color:#616263;
}

a:hover.darkgray {
	color:#616263;
}



.darkblue{
	color:#193c47;
}

a.darkblue {
	color:#193c47;
}

a:hover.darkblue {
	color:#616263;
}

.error{
color:#FF0000;
font-size:10px;
}

.marpad{
	margin:0px;
	padding:0px;
}


.marbot{
	padding: 0px; 
	margin-bottom: 15px;
}


.smallfont{
	font-size:10px;
	}


/*************************************************************************************************************************
                                                        *** Body Class Ends Here ***
**************************************************************************************************************************/


/*************************************************************************************************************************
                                                        *** Header Class Starts Here ***
**************************************************************************************************************************/


/*  Header Starts Here */

#header{
	float:left;
	width:100%;
	height:194px;
	padding:0px;
	margin:0px;
	background:#454545;
}


#logo_holder{
	float:left;
	width:246px;
	height:194px;
	margin:0px;
	padding:0px;
	text-align:left;
	vertical-align:baseline;
	background:url('../images/logo.jpg') bottom left;
}


#logo_text{
	float:left;
	width:350px;
	height:41px;
	margin:0px;
	padding-left:154px;
	padding-top:153px;
	text-align:left;
	background:url('../images/logoleft.jpg') no-repeat bottom left;
}


.logo_text{
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	font-size:22.22px;
	font-weight:normal;
	text-align:left;
}


#logoRight_LoginBox{
	float:left;
	width:205px;
	height:130px;
	margin:0px;
	padding-top:24px;
	text-align:left;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#FFFFFF;
	font-weight:normal;
}

.login_textHolder{
	float:left;
	width:60px;
	height:auto;
	text-align:right;
	padding-right:20px;
	margin-bottom:3px;
}


.login_inputHolder{
	float:left;
	width:115px;
	height:auto;
	text-align:left;
	margin-bottom:3px;
}


.login_button{
	font-size:12px;
	color:#000000;
	background:#FFFFFF;
	border:none;
	text-transform:capitalize;
	display:block;
	width:55px;
	height:20px;
	line-height:15px;
	margin-top:5px;
	cursor:pointer;
}


input.textfield{
	width:100px;
	height:20px;
	color:#193c47;
	border:0px;
	padding-left:4px;
	text-align:left;
	line-height:20px;
	font-size:11px;
}

/*  Header  Ends Here */

/* -------------------------------------------***Menu Class Starts Here*** -------------------------------------------- */
.menu_outer{
	width:966px;
	float:left;
	height:71px;
	text-align:left;
	color:#FFFFFF;
	background:url('../images/menu_bg.gif') repeat-x top;
}

.menu_outer_m{
	width:966px;
	float:left;
	height:51px;
	text-align:left;
	color:#FFFFFF;
	background:url('../images/menu_bg.gif') repeat-x top;
}

.menu_acc {
	float:left;
	width:125px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/account.gif') no-repeat top right ;
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_acc a:hover{
	float:left;
	width:125px;
	height:71px;
	line-height:55px;
	background:url('../images/accounthover.gif') no-repeat top right;
	text-decoration:none
}



.menu_accctive{
	float:left;
	width:125px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family:Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/accounthover_new.gif') no-repeat right;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}


.menu_fp {
	float:left;
	width:188px;
	height:71px;
	text-align:center;
	
	line-height:15px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/financial.gif') top;
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_fp a{
	float:left;
	width:188px;
	height:71px;
	text-align:center;
	text-decoration:none;
}


.menu_fp a:hover{
	float:left;
	width:188px;
	height:71px;
	text-align:center;
	background:url('../images/financialhover.gif') no-repeat top right;
	text-decoration:none
}



.menu_fpactive{
	float:left;
	width:188px;
	height:58px;
	text-align:center;
	padding-top:13px;
	line-height:15px;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/financialhover_new.gif') right;
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}

.menu_pay {
	float:left;
	width:103px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/payroll.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_pay a:hover{
	float:left;
	width:103px;
	height:71px;
	line-height:55px;
	background:url('../images/payrollhover.gif');
	text-decoration:none
}


.menu_payactive{
	float:left;
	width:103px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/payrollhover_new.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}

.menu_paym {
	float:left;
	width:103px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/payrollm.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_paym a:hover{
	float:left;
	width:103px;
	height:71px;
	line-height:55px;
	background:url('../images/payrollhoverm.gif');
	text-decoration:none
}


.menu_payactivem{
	float:left;
	width:103px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/payrollhover_newm.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}


.menu_legal{
	float:left;
	width:99px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/legal.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_legal a:hover{
	float:left;
	width:99px;
	height:71px;
	line-height:55px;
	background:url('../images/legalhover.gif');
	text-decoration:none
}


.menu_legalactive{
	float:left;
	width:99px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/legalhover_new.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}

.menu_legalm{
	float:left;
	width:99px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/legalm.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_legalm a:hover{
	float:left;
	width:99px;
	height:71px;
	line-height:55px;
	background:url('../images/legalhoverm.gif');
	text-decoration:none
}


.menu_legalactivem{
	float:left;
	width:99px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/legalhover_newm.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}


.menu_marktg {
	float:left;
	width:152px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/marketing.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_marktg a:hover{
	float:left;
	width:152px;
	height:71px;
	line-height:55px;
	background:url('../images/marketinghover.gif');
	text-decoration:none
}



.menu_marktgactive{
	float:left;
	width:152px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/marketinghover_new.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}

.menu_training {
	float:left;
	width:134px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/training.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_training a:hover{
	float:left;
	width:134px;
	height:71px;
	line-height:55px;
	background:url('../images/traininghover.gif');
	text-decoration:none
}


.menu_trainingactive{
	float:left;
	width:134px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/traininghover_new.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}


.menu_about {
	float:left;
	width:140px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/aboutus.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none
}


.menu_about a:hover{
	float:left;
	width:140px;
	height:71px;
	line-height:55px;
	background:url('../images/aboutushover.gif');
	text-decoration:none
}



.menu_aboutactive{
	float:left;
	width:140px;
	height:71px;
	line-height:55px;
	text-align:center;
	font-family: Myriad Pro, Arial, Helvetica, sans-serif;
	background:url('../images/aboutushover_new.gif');
	font-size:18px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;
	font-weight:bold
}

/* -------------------------------------------***Menu Class Ends Here*** -------------------------------------------- */



/**************************************************************************************************************************
                                                        *** Header Class Ends Here ***
***************************************************************************************************************************/

/**************************************************************************************************************************
                                                        *** Content Class Starts Here ***
***************************************************************************************************************************/

.mainLeftImages{
	float:left;
	width:519px;
	height:295px;
	margin:0px;
	text-align:left;
	vertical-align:top;
	padding:0px;
	background: #26343f url('../images/header_images.jpg') no-repeat right;
}

.mainLeftWhite{
	float:left;
	width:229px;
	height:455px;
	margin:0px;
	text-align:left;
	vertical-align:top;
	padding:0px;
	background: #ffffff;
}

.content_holder{
	float:left;
	width:447px;
	height:294px;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#FFFFFF;
	background:#1f4f81;
}

.content_holder_member{
	float:left;
	width:737px;
	height:454px;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#FFFFFF;
	background:#1f4f81;
}

/**************************************************************************************************************************
                                                        *** Content  Class Ends Here ***
**************************************************************************************************************************/


/**************************************************************************************************************************
                                                        *** Footer Class Starts Here ***
***************************************************************************************************************************/

.footer{
float:left;
width:966px;
padding-top:5px;
height:34px;
background:#FFFFFF url('../images/footer_bg.jpg') repeat-x bottom;
text-align:right;
color:#FFFFFF;
font-size:11px;
font-family: Myriad Pro, Arial, Helvetica, sans-serif;
letter-spacing:2px
}

.footer_padding{
padding-top:8px;
}

/****************************************************************************************************************************
                                                        *** Footer  Class Ends Here ***
*****************************************************************************************************************************/