/*							*/
/* Header section styles  	*/
/*							*/


.HeaderImage { display:block;}
.HeaderTile 
{ 
	BACKGROUND:url("../Images/logo_tile.jpg") left top repeat; 
	MARGIN:0px; 
	PADDING: 0px;
	padding-right:15px;
	padding-top:5px; 
	text-align:right; 
	font-size:70%;
	color:#022B7C;
	word-spacing: 0px;
	letter-spacing:1px;
	line-height: 10px;	
}

.HeaderTileRight { background:url("../Images/page_top_right.jpg") right top no-repeat;}



.NavLeft
{
	background:url("../Images/menu_nav_left.jpg") left top no-repeat;
	margin:0px;
	padding:0px;
}

.NavRight
{
	background:url("../Images/menu_nav_right.jpg") right top no-repeat;
	margin:0px;
	padding:0px;
}

.NavTile
{
	background:url("../Images/nav_tile.jpg") left top repeat;		
	margin:0px;
	padding:0px;
}

.GreyLeft
{
	background:url("../Images/grey_space_l.jpg") left top no-repeat;
	margin:0em;
	padding:0px;
}

.GreyTile
{
	background:url("../Images/grey_space_mid.jpg") left top repeat;
	margin:0em;
	padding:0px;
}

.GreyRight
{
	background:url("../Images/grey_space_r.jpg") left top no-repeat;
	margin:0em;
	padding:0px;
}

/* 												*/
/* Styles used in menu system in page header	*/
/*												*/

/*.topmenu
{
     float:left;     
     background:url("../Images/menu_nav_back.jpg") no-repeat right top;
     margin:0;
     padding:0;
     font-size:11px;
     font-family: Tahoma, sans-serif;
     letter-spacing:1px;
}
*/


/*  format hyperlinks with no underline for menu header */
/*
#header
{
    width:100%;
    line-height:normal;
}

#header ul 
{
    margin:0;
    padding:0;
    list-style:none;
}

#header li 
{
    float:left;
    margin:0;
    padding:0;
}

#header span { display:block; padding:4px 10px 0px; }

#header a:active { color:#002A94; text-decoration: none; }

#header a:link { color:#002A94;	text-decoration: none; }

#header a:hover { color:#002A94; text-decoration: underline; }

#header a:visited { color:#002A94; text-decoration: none; }

#header a:visited:hover { text-decoration:underline; }
*/

/*							*/
/*	End of header styles	*/
/*							*/


/*							*/
/*	Start of page styles	*/
/*							*/

.FirstBlueLeft
{
	background:url("../Images/1st_blue_l.jpg") left top no-repeat;
	margin:0em;
	padding:0px;
}

.FirstBlueTile
{
	background:url("../Images/1st_blue_tile.jpg") left top repeat;
	margin:0em;
	padding:0px;
	/* these two are used to position the bread crumb info */
	padding-bottom:10px;
	text-align: left;
}

.FirstBlueTab
{
	background:url("../Images/1st_blue_tab.jpg") left top no-repeat;
	margin:0em;
	padding:0px;
}

.FirstBlueRight
{
	background:url("../Images/1st_blue_r3.jpg") left top no-repeat;
	margin:0em;
	padding:0px;	
}



.SecondBlueBar
{
	background:url("../Images/2nd_blue_bar.jpg") left top repeat;
	margin:0em;
	padding:0px;
}

.ThirdBlueLeft
{
	background:url("../Images/3rd_blue_l.jpg") no-repeat left top;
	margin:0em;
	padding:0px;
}

.ThirdBlueTile
{
	background:url("../Images/3rd_blue_tile.jpg") repeat left top;
	margin:0em;
	padding:0px;
}

.ThirdBlueRight
{
	background:url("../Images/3rd_blue_r2.jpg") no-repeat right top;
	margin:0em;
	padding:0px;
}

.ThirdBlueLeftEnd
{
	background:url("../Images/3rd_blue_l2.jpg") no-repeat right top;
	margin:0em;
	padding:0px;
}

.FourthBlueLeft
{
	background:url("../Images/4th_blue_l.jpg") no-repeat left top;
	margin:0em;
	padding:0px;
}

.FourthBlueTile
{
	background:url("../Images/4th_blue_tile.jpg") repeat left top;
	margin:0em;
	padding:0px;
}

.FourthBlueRight
{
	background:url("../Images/4th_blue_r.jpg") no-repeat right top;
	margin:0em;
	padding:0px;
}

.FourthBlueLeftShort
{
	background:url("../Images/4th_blue_l_short.jpg") no-repeat left top;
	margin:0em;
	padding:0px;
}

.FourthBlueTileShort
{
	background:url("../Images/4th_blue_tile_short.jpg") repeat left top;
	margin:0em;
	padding:0px;
}

.FifthBand
{
	background:url("../Images/5th_tile2.jpg") repeat left top;
	margin:0em;
	padding:0px;
}

.SixthBandLeft
{
	background:url("../Images/6th_blue_l.jpg") no-repeat left top;
	margin:0em;
	padding:0px;
}
.SixthBandRight
{
	background:url("../Images/6th_grey_r.jpg") no-repeat right top;
	margin:0em;
	padding:0px;
}


.SixthBlueBar
{
	background:url("../Images/6th_blue_bar.jpg") repeat left top;
	margin:0em;
	padding:0px;
}


.BulletLeft { BACKGROUND:url("../Images/bullet2.jpg") right top no-repeat; PADDING-LEFT:34px; }

.BulletRight { BACKGROUND:url("../Images/bullet2.jpg") left top no-repeat; }

.BulletHeading { PADDING-LEFT:5px; }

.BulletText,  .BulletTextRight { font-size:80%; word-spacing:1px; line-height: 18px; }
.BulletTextRight { padding-right:10px;}

.BottomLeft
{
	background:url("../Images/bot_l.jpg") no-repeat left top;
	margin:0px;
	padding: 0px;
}

.BottomTile
{
	background:url("../Images/bot_mid_tile.jpg") repeat left top;
	margin:0px;
	padding:0px;
}

.BottomRight
{
	background:url("../Images/bot_r.jpg") no-repeat left top;
	margin:0px;
	padding: 0px;
}


/* Default body style */
body 
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	margin-top:5px;
	margin-bottom:5px;	
}


/* Main text style for text appearing in Grey box at top of page */
.PanelText, .PanelTextTitle
{
	font-size:80%;	
	word-spacing:1px;
	line-height: 18px;
}

.PanelTextTitle
{
	font-weight:bold;
	margin-left:15px;
	margin-right:15px;
	padding-top:21px;
	padding-bottom:10px;
	font-size:100%;
}

.PanelText
{
	margin-left:15px;
	margin-right:15px;
	
}

.PanelText a:active { color: #000000; }
.PanelText a:link { color: #000000; }
.PanelText a:hover { color: #000000;}
.PanelText a:visited { color: #000000; }
.PanelText a:visited:hover { color: #000000;}

.PanelTable { background-color:#DEDEE7; }

/* Styles used by text in white section of  pages */
.MainText, .MainTextTitle, .MainTextTitleBigger, .MandatoryField, div.row, .MainTextWithMargin
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	word-spacing:1px;
	line-height: 18px;
	padding-left:10px
}

.MainTextTitle {font-weight:bold; font-size:80%; padding-top:1px; padding-bottom:5px;}
.MainText {padding-bottom:10px;}
.MainTextTitleBigger {font-weight:bold; font-size:100%; padding-top:1px; padding-bottom:5px;}
.MandatoryField {padding-left:2px; padding-top:10px; color:#000000;}
.MainTextWithMargin {font-size:100%; font-weight:bold; padding-top:3px;	margin-bottom:20px;}

.WarningText {color:#FF0000;}

.InputText { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:80%; }


/*							*/
/*	End of page styles		*/
/*							*/


/*  footer section styles */

.FooterText, .FooterLink { COLOR:#022B7C; FONT-SIZE:70%;}

.FooterSep { FONT-SIZE:8pt; COLOR:#005A94;}

.FooterStripes { PADDING: 0px 0px 0px 0px;}


.FooterLink               { COLOR: #022B7C; FONT-FAMILY: Tahoma, sans-serif;}
.FooterLink:link          { color: #022B7C; text-decoration: none; }
.FooterLink:hover         { color: #022B7C; text-decoration: underline; }
.FooterLink:visited       { color: #022B7C; text-decoration: none; }
.FooterLink:visited:hover { color: #022B7C; text-decoration: underline; }

/*																	*/
/*	Styles used to display ProjectMantra terms and conditions 		*/
/*	when displayed in scrolling div with page						*/
/*																	*/

div.TCTitle, div.TCWarning, div.TCItemHeader, div.TCItem, div.TCSubItem
{
	font-size: 80%;
	font-weight: bold;
	color: #321123;
	line-height: 14px;
	text-decoration:underline;	
}


div.TCWarning { text-decoration:none; }
div.TCItemHeader {font-weight:normal; padding-bottom:5px;}
div.TCItem { font-weight:normal; text-decoration:none; padding-bottom:10px;}
div.TCSubItem { font-weight:normal; text-decoration:none; padding-left:10px; padding-bottom:10px;}


/*																		*/
/*	Styles used to display ProjectMantra terms and conditions page		*/
/*																		*/

.TCNumber, .TCWarning, .TCItem, .TCtitle, .TCSubItem
{
	font-size:80%;
	font-weight:bold;
	color:#000000;	
}


.TCTitle {text-decoration:underline; }
.TCItem { font-weight:normal; text-decoration:none; padding-bottom:10px;}
.TCSubItem { font-weight:normal; text-decoration:none; padding-left:10px; padding-bottom:10px;}

/* style used by div to display T&Cs info in demo login page */
.TCBox
{
	border:#000000 1px solid;
	padding-left:10px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	overflow:scroll;
	width:600px;
	height:150px;
	margin-left:10px;
}


/*													*/
/*	Styles used by privacy policy page				*/
/*													*/
.PPNumber, .PPTitle, .PPItem
{
	font-size:80%;
	font-weight:bold;
	color:#000000;	
}
.PPTitle {text-decoration:underline; }
.PPItem {text-decoration:none; font-weight:normal; padding-bottom:10px;}

.ErrorText {font-weight:bold;font-size:110%;padding-left:10px;}

/* STYLES used on Home page for four steps...  */
.Home, .HomeLeft, .HomeRight, .HomeLeftPanel, .HomeRightPanel
{
	font-family: Tahoma, sans-serif;
	font-weight:bold;
	font-size:100%;
	background: #E3E1E2;	
}


.HomeLeft { background:url("../Images/left_curve.gif") left top no-repeat; }
.HomeLeftPanel { background:url("../Images/left_curve_panel.gif") left top no-repeat; }
.HomeBoth {background:url("../Images/mid_back.gif") left top repeat; }
.HomeRight { background:url("../Images/right_curve.gif") left top no-repeat;}
.HomeRightPanel { background:url("../Images/right_curve_panel.gif") left top no-repeat;}
.Home{ font-size:120%; font-weight:bold; background:#E3E2E1;}
.Home a:active { color: #000000; text-decoration: none; }
.Home a:link { color: #000000; text-decoration: none; }
.Home a:hover { color: #000000; text-decoration: none; }
.Home a:visited { color: #000000; text-decoration: none; }
.Home a:visited:hover { color: #000000; text-decoration: none; }





.ButtonStyle{ width:75px;}

.ContactForm
{
	padding-bottom:25px;
	border:0px solid #000000; width:590; height:350px;	
}

div.row {
  clear: both;
  padding-top: 10px;  
  }

div.row span.label {
  float: left;
  width:100px;
  text-align: left;    
  }

div.row span.field 
{
  width:200px;
  text-align: left;  
  } 
  
div.row span.inputfield
{
	width:200px;
	text-align: left	
}

.inputtextarea
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 
	font-size:100%;
	width:400px;
	height:150px;
}

.BreadCrumb
{
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color: #002A94;
	text-align: left;	
	font-size:70%;
	padding-left:10px;
	margin-bottom:0px;

}

.TourImage {cursor:pointer; cursor:hand;}




