/*
	Filename         :	screen.css
	Created by       :	Nick Harris
	Created          :	10 December 2007
	Comments         :	Handles all screen based styles
	Core colours	 :	Deep orange=#ed7f1e - Used for footer/header borders and function button backgrounds
						Bright green=#d6e73f - Used for <h1> background
						Dark blue 1=#27425f - Used for <h1> foreground
						Dark blue 2=#4a6f99 - Used for header background
						Mid blue 1=#4a6f99 - Used for footer background
						Light blue=#dfedf8 - Used for main section background
						
*/

/* *****************************************************************************
	Global
**************************************************************************** \*/

	.clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	body{
		font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
		text-align: center;
		color: #324e6f;
	}
	
	h1{
		font-size: 120%;
	}
	
	h2{
		font-size: 110%;
	}
	
	h3{
		font-size: 110%;
	}
	
	h4{
		font-size: 110%;
	}
	
	h5{
		font-size: 110%;
	}
	
	h6{
		font-size: 110%;
	}
	
	h1, h2, h3, h4, h5, h6{
		font-weight: bold;
	}
	
	p {
		font-size: 70%;
		line-height: 140%;
	}
	
	ul li {
		font-size: 70%;
		line-height: 160%;
	}
	
	legend{
		display: none;
	}
	
	ul{
		margin: .5em 0 1em 0;

	}
	
	ul li{
		background:url('/images/general/bullet_default.gif') no-repeat 0% 30%;
		
	}
	
	ul.features li{
		background: url('/images/general/bullet_tick.gif') no-repeat 0 3px;
		margin-left:25px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:17px; padding-right:0; padding-top:0; padding-bottom:0
	}
	
	span.cornerCartoon {
		position: absolute;
		left: 13px; top: 13px;
		background: url('/images/general/cartoon_produce.png') no-repeat 0 0;
		width: 67px; height: 87px

	}
	
	/* *************************************************************************
		Links
	************************************************************************ \*/

		a {
			color: #324e6f;
		}
		
		.empty {
			background: url('/images/general/cv_empty_icon.gif') no-repeat left center;; padding-left:20px; padding-right:0; padding-top:.2em; padding-bottom:.2em
		}
		
		.half {
			background: url('/images/general/cv_half_icon.gif') no-repeat left center;; padding-left:20px; padding-right:0; padding-top:.2em; padding-bottom:.2em
		}
		
		.full {
			background: url('/images/general/cv_full_icon.gif') no-repeat left center;; padding-left:20px; padding-right:0; padding-top:.2em; padding-bottom:.2em
		}
		
		#sidebar .sideStyle2 li a.preview {
			background: url('/images/general/preview.gif') no-repeat left center;
			padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:2px
		}

		#sidebar .sideStyle2 li a.newTemplate {
			background: url('/images/general/new_template.gif') no-repeat left center;
			padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:2px
		}

		#sidebar .sideStyle2 li a.word {
			background: url('/images/general/word.gif') no-repeat left center;
			padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:2px
		}

		#sidebar .sideStyle2 li a.pdf {
			background: url('/images/general/pdf.gif') no-repeat left center;
			padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:2px
		}

		#sidebar .sideStyle2 li a.rtf {
			background: url('/images/general/rtf.jpg') no-repeat left center;
			padding-left:20px; padding-right:0; padding-top:3px; padding-bottom:2px
		}

		.emailCV,
		.editResend {
			background: url('/images/general/email_cv.gif') no-repeat left center;
		}

		.emailHistory {
			background: url('/images/general/email_history.gif') no-repeat left center;
		}

		body.unsubscribed #sidebar .sideStyle2 li a {
			color: #999 !important;
		}

/*
		body.unsubscribed .preview {
			background: transparent url(/images/general/preview_un.gif) left center no-repeat;
		}
*/
		body.unsubscribed .newTemplate {
			background: url('/images/general/new_template_un.gif') no-repeat left center;
		}

		body.unsubscribed .word {
			background: url('/images/general/word_un.gif') no-repeat left center;
		}

		body.unsubscribed .pdf {
			background: url('/images/general/pdf_un.gif') no-repeat left center;
		}

		body.unsubscribed .rtf {
			background: url('/images/general/rtf_un.gif') no-repeat left center;
		}

		body.unsubscribed .emailCV {
			background: url('/images/general/email_cv_un.gif') no-repeat left center;
		}

		body.unsubscribed .emailHistory {
			background: url('/images/general/email_history_un.gif') no-repeat left center;
		}
		
		.addNew {
			background: url('/images/general/add_new_icon.gif') no-repeat left center;
		}
		
		.edit {
			background: url('/images/general/edit_icon.gif') no-repeat left center;
		}
		
		.delete {
			background: url('/images/general/delete_icon.gif') no-repeat left center;
		}
		
		.up {
			background: url('/images/general/arrow_up_icon.gif') no-repeat left center;
		}
		
		.down {
			background: url('/images/general/arrow_down_icon.gif') no-repeat left center;
		}

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

#wrapper{
	margin: 0 auto;
	text-align: left;
	width: 760px;
}

/* =Header
----------------------------------------------- */

#header{
	background: url('/images/general/header_bg.jpg') no-repeat;
	height: 85px
}


/* =Top Nav
----------------------------------------------- */

#nav {
	background: #3b5e85;
	border-bottom: 2px solid #f38320;
	display: inline-block;
	margin: 0 15px 0 0;
	overflow: hidden;
	width: auto;
}
#nav li {
	background: none;
	float: left;
	font-size: 75%;
	line-height: 140%;
	margin: 0 0 0 10px;
}
#nav li a {
	color: #fff;
	display: block;
	padding: .2em 0 .4em 0;
}


/* =Content wrapper
----------------------------------------------- */

#content {
	background: #fff;
}
#content h1 {
	background: #d6e73f;
	color: #27425f;
	font-size: 100%;
	margin: 0 15px 0 0;
	padding: .9em 0;
	text-align: center;
}

/* =Main curved box
----------------------------------------------- */

#main {
	background: url('/images/general/curvedbox_sideborders_long.gif') repeat-y;	
	border-bottom: 1px solid #fff; /* Find better solution */
	margin: 15px
}

#main p, #main h3, #main h4, #main h5, #main ul{
	margin: 1em 13px;
}	
	
	#main p.gutter {
		margin: 1em 13px 1em 25%;
	}

#main div.boxStyle1 {
	background:url('/images/general/curvedbox_top_long.gif') no-repeat 0 0;

	/* Has dependencies */
}
#main div.boxStyle1Inner {
	background:url('/images/general/curvedbox_btm_long.gif') no-repeat 0 100%;
	height: 1%;
	overflow: hidden;
	width:100%;
	clear:left;
	position: relative; padding-left:0; padding-right:0; padding-top:13px; padding-bottom:10px
}

#main div.boxStyle1Inner div.column {
	float: left;
	position: relative;
	width:50%;
	/* Has dependencies */
}


#main div.boxStyle1Inner div.column {
	background: url('/images/general/column_separator_bg.gif') no-repeat 100% 48px;
}

#main div.boxStyle1Inner div.column.last {
	background: none;
}

#main div.boxStyle1Inner div.column ul{
	margin-left:10px;
	width: 170px;
}

#main div.boxStyle1Inner h2 {
	background: #456A93;
	color: #fff;
	font-size: 85%;
	padding: 0 0 .8em 0;
	position: relative;
	text-align: center;
}


/* *****************************************************************************
	Main non-bordered box
**************************************************************************** \*/

	#main div.boxStyle2 h2 {
		padding: .7em 0;
		text-align: center;
		background: #A5C6E2;
	}
#main div.boxStyle2 {
		padding:0;
		margin:0;
		width:100%;
		float:left;
		position:relative;
		background: url('/images/general/curvedbox_sideborders_long.gif') repeat-y;
	}

/* =Main box
	Action buttons on bottom of pages
----------------------------------------------- */

#mainActions{
	background: #a5c6e2;
	clear: both;
	display: block;
	margin: 1em 16px 5px 16px;
	text-align: center;
}
#mainActions #main img{
	margin: -7px 10%;
}


/* *****************************************************************************
	Side section
	This section is controllable using the SC layout module
**************************************************************************** \*/

	#sidebar {
		background: #7194b9 url('/images/general/sidebar_grad_bg.gif') no-repeat;
		display: none;
		min-height: 320px;
		width: 175px;
		padding-left:0; padding-right:0; padding-top:10px; padding-bottom:0
	}

	#sidebar #help {
		background: #fff;
		border: 1px solid #4d729c;
		margin: 50px 10px 1em 10px;
		padding: 10px;
		position: relative;
	}

	#sidebar #help h3 {
		color: #3B5E85;
		margin: 0 0 .4em 0;
		text-align: center;
	}
	
	#sidebar #help p {
		margin: 1em 0;
	}
	
	#sidebar #help a.unsubscribed {
		font-weight: bold;
		color: #f38320;
	}

	#sidebar #help span {
		background: url('/images/general/cartoon_cornerpeek.png') no-repeat;
		display: block;
		height: 64px;
		left: -10px;
		position: absolute;
		top: -32px;
		width: 84px
	}
	
	#sidebar .sideStyle1 {
		margin: 50px 10px 1em 10px;
	}
	
	#sidebar .sideStyle1 h3 
	{
	    background: #4d729c;
	    color: #eff5f9;
		font-size: 100%;
		font-weight: normal;
		padding: .3em 10px .5em;
		text-align: center;
	}
	
	
	#sidebar .sideStyle1 p {
		text-align: center;
	}
	
	
	#sidebar .sideStyle2 p 
	{
		padding: 0.2em 1pt 0.2em 5px
	}
	
	#sidebar .sideStyle2 {
		background: #eff5f9;
		border: 1px solid #4d729c;
		margin: 1em 10px;
		position: relative;
	}
	#sidebar .sideStyle2 a {
		padding:5px;
background-color:#EFF5F9;
margin:0px 0 0 10px;
font-weight:bold;
font-size:80%;
	}
	#sidebar .sideStyle2 h3 {
		padding: .3em 10px .5em;
		background: #4d729c;
		font-size: 100%;
		font-weight: normal;
		color: #eff5f9;
	}
	
	#sidebar .sideStyle2 ul {
		margin: .5em 5px 1em;
	}

	#sidebar .sideStyle2 li {
		background: url('/images/general/template_fieldset_bg.png') repeat-x left top;; margin-left:2px; margin-right:0; margin-top:0; margin-bottom:0; padding-left:0; padding-right:0; padding-top:.4em; padding-bottom:.4em
	}
	
	#sidebar .sideStyle2 li a {
		padding: .2em 0 .2em 20px;
	}


/* *****************************************************************************
	Layout Modules
 	Add class="sc" to <body> tag to have the main content section on right and sidebar on left
	Remove class="sc" from <body> to have main section span whole width of page with the sidebar disappearing
**************************************************************************** \*/

	body.sc #wrapper,
	body.sc2 #wrapper {
		background: url('/images/general/sidebar_fauxcolumn_bg.gif') repeat-y top left;
	}
	
	body.sc #content,
	body.sc2 #content {
		float: right;
		width: 585px;
	}
	
	body.sc #sidebar,
	body.sc2 #sidebar {
		display: block;
		float: left;
	}
	
	body.sc #content #main div.boxStyle1Inner div.column, 
	body.sc2 #content #main div.boxStyle1Inner div.column {
		width: 277px;
	}
	
	body.sc #content h1,
	body.sc2 #content h1 {
		margin: 0 15px 0 -15px;
	}
	
	body.sc #main {
		background-image: url('/images/general/curvedbox_sideborders_short.gif');
	}
	
	body.sc2 #main {
		background: none;
	}
	
	body.sc #main .boxStyle1,
	body.sc2 #main .boxStyle1 {
		background-image: url('/images/general/curvedbox_top_short.gif');
	}
	
	body.sc #main .boxStyle1Inner,
	body.sc2 #main .boxStyle1Inner {
		background-image: url('/images/general/curvedbox_btm_short.gif');
	}
	
	body.sc2 #mainActions {
		margin: 1em 0 5px;
	}
	
	body.sc #main #mainActions img,
	body.sc #main #mainActions input,
	body.sc2 #main #mainActions img,
	body.sc2 #main #mainActions input {
		margin: -7px 75px;
	}
	
/* *****************************************************************************
	Tables
**************************************************************************** \*/


/******** CHANGED *******/


	table {
		width: 100%;
		
/*	560	margin: 2em 2px 0; */
		font-size: 100%;
	}
	
	
	fieldset table {
		font-size: 100%;
	}
	
	
	thead th,
	thead td {
		padding: .7em 0;
		font-size: 120%;
		text-align: center;
		background: #A5C6E2;
	}
	/*
	tbody tr.rowTint th,
	tbody tr.rowTint td {
		background: #eff5f9;
	}
	
	table#excludedSections tbody th,
	tr.ghosted th {
		color: #999;
	}
	
	
	
	thead th.firstCol {
		padding: .7em 0 .7em 13px;
	}
	
*/
	
	thead th.tableHead {
		padding: .7em 0 .7em 13px;
		font-weight: bold;
		text-align: left;
	}
	
	tbody th {
		width: 242px;
		padding: .4em 0 .6em 13px;
	}
	
	tbody td {
	    text-align: center;
	}
	
	/*
	tbody td {
		width: 150px;
		
	/*	padding: .4em 2px .6em; */
	/*
	}
	
	/*
	tbody td.firstCol {
		padding: .4em 0 .6em 13px;
	}
	
	table#excludedSections tbody td {
		padding: .4em 150px .6em 0;
	}
	*/
	/*
	table#emailHistory th,
	table#emailHistory td {
		text-align: left;
	}
	
	table#emailHistory a {
		padding: .2em 0 .2em 20px;
		white-space: nowrap;
	}
*/

/* =Footer section
----------------------------------------------- */

#footer{
	background: #4a6f99 url('/images/general/footer_brcurve_bg.gif') no-repeat bottom right;
	border-top: 2px solid #f38320;
	clear: both;
	overflow: hidden;
	text-align: center; margin-left:0; margin-right:15px; margin-top:0; margin-bottom:0
}
#footer li{	
	background: none;
	float: left;
	font-size: 65%;
	margin: 0 0 0 10px;
	padding: 1em 0;
}
#footer li,
#footer li a{
	color: #fff;
}


/* MISC: =Cartoon icons
----------------------------------------------- */

img.cartoonIcon{
	position: absolute;
	left: 170px;
	top: 30%;
}
div.registerOrLogin img.cartoonIcon{
	left: 190px;
	top: 40%;
}

/* *****************************************************************************
	Forms
**************************************************************************** \*/

	fieldset {
		font-size: 70%;
	}
	
	#main div.form fieldset.gutter {
		margin: 2em 13px 3em 25%; padding: 0;
	}
	
	label {
		cursor: pointer; cursor: hand;


	}
	
	fieldset p,
	fieldset li {
		font-size: 100%;
	}
	
	div.form dl dt,
	div.form dl dd {
		line-height: 140%;
	}
	
	div.form dl dt label,
	div.form dl dt span {
		margin: 0 10px 0 0;
	}
	
	input.text,
	input.password,
	textarea {
		border: 2px solid #a5c6e2;
		padding: .2em;
	}
	
	input.checkbox {
		margin: 0;
	}

    


    /* *************************************************************************
		Login or register pagfe
		
	************************************************************************ \*/

    table.loginOrRegister  tbody td {
	    text-align: left;
	}


	/* *************************************************************************
		Form layout 1
		Form labels appear above input boxes
	************************************************************************ \*/

        table.formLayout1 
        {
            margin: 0px;

        }
        
		table.formLayout1 fieldset {
			margin: 1em 0 0 40px;
		}
		
		#main table.formLayout1 p {
			margin: 0 13px 1em 40px;
		}

		table.formLayout1 dl dd{
			margin: .4em 0 .8em 0;
		}
	
	/* *************************************************************************
		Form layout 2
		Form labels are stored in a faux left column
		and text aligned to right, with inputs
		fitting alongside in a faux right column
	************************************************************************ \*/

/****** CHANGED TO USE A TABLE RATHER THAN A FORM *****/

		body.sc #main table.formLayout2 p {
			margin: 2em 13px 3em 25%;
		}
		table.formLayout2 span
		{
		font-size: 100%;
		}
		table.formLayout2 dl dt{
			float: left; 
			clear: left;
			text-align: right;
			width: 32%;
			padding:0 10px;
			margin:.6em 0 0 0;
		
		}
	
		table.formLayout2 dl dd{
			float: left;
			text-align: left;
			width: 60%;
			padding:0px;
			margin:.4em 0 .8em 0;
		}

		table.formLayout2 input.text,
		table.formLayout2 input.password {
			width: 200px;
		}
		
		table.formLayout2 input.text.long,
		table.formLayout2 input.password.long {
			width: 350px;
		}
		
		table.formLayout2 dl textarea.large {
			width: 280px; height: 180px;
			border: 2px solid #A5C6E2;
		}

        table.formLayout2 table.radioButtonList 
        {
            width: 75%;
            text-align: left;
        }
        
        table.formLayout2 table.radioButtonList td
        {
            text-align: left;
        }
        
        table.formLayout2 div.spellCheckerText 
		{
		    width: 517px;
		    font-size: 70%;
		    height: 400px;
            border: solid 1px #A5C6E2;
            overflow: scroll;
            text-align: left;
            margin: .5em 0 1em 15px;
        }


	/* *************************************************************************
		Form Layout 3
		Form labels are stored in a faux left column
		and text aligned to left, with inputs
		fitting alongside in a faux right column
	************************************************************************ \*/

/****** CHANGED TO USE A TABLE RATHER THAN A FORM *****/

		table.formLayout3 fieldset {
			margin-left: 13px;
		}
		
		table.formLayout3 .gutter 
		{
		    text-align: left;
		}
		
        /* CHANGED THESE WIDTHS FOR NOW */

		table.formLayout3 dl dt{
			float: left; clear: left;
			text-align: left;
			width: 25%;  /* 135px;*/
			margin: .6em 0;
		}

		table.formLayout3 dl dd{
			float: left;
			width: 75%;  /*406px;*/
			margin: .4em 0 .8em 0;
		}

		table.formLayout3 input.text,
		table.formLayout3 input.password {
			width: 350px;
		}
		
		table.formLayout3 div.spellCheckerText 
		{
		    width: 517px;
		    font-size: 70%;
		    height: 400px;
            border: solid 1px #A5C6E2;
            overflow: scroll;
            text-align: left;
            margin: .5em 0 1em 15px;
        }
		
	/* *************************************************************************
		Formatted User input module possible styling
	************************************************************************ \*/
	
		
	
	/* *************************************************************************
		Form Layout 4
		Section editting
	************************************************************************ \*/

        table.formLayout4 
        {
            width: 551px;
		    margin-left: 2px;
        }

		

		table.formLayout4 li {
			padding:.3em 0 .6em;
			display: block;
			float: left;
			color:#284c77;
			background: none;
		}
		
		table.formLayout4 li.changePosition {
			float: right;
			width:35%;
		}
		table.formLayout4 .topd
        {
           width:100%;
		   margin:0px;
		   padding:0px;
		   float:left;
        }
	
		table.formLayout4 li label {
			margin: 0 20px 0 13px; padding: 0;
			font-weight: bold;
		}
		
		table.formLayout4 li a {
			margin: 0 20px 0 0; 
			padding: .3em 0 .6em 20px;
		}
		
		table.formLayout4 li.changePosition a {
			padding: .3em 0 .6em 12px;
		}
		
		table.formLayout4 fieldset 
		{
		    width: 535px;
			padding: 0 0 2em;
		}
		
		table.formLayout4 label {
			padding: 0 0 0 15px;
		}
		
		table.formLayout4 div.text {
			width: 517px; height: 80px;
			border: solid 1px #A5C6E2;
			margin: .5em 0 1em 15px;
		}
		
		
		table.formLayout4 div.topa
		{
		    width: 517px;
            border: solid 1px #A5C6E2;
            overflow: hidden;
			padding:3px;/* this line modify - antony */
			line-height:120%;/* this line modify - antony */
            margin: .5em 0 1em 15px;
            text-align: left;
        }
		table.formLayout4 textarea {
			width: 517px; height: 80px;
			margin: .5em 0 1em 15px;
		}
		
	/* *************************************************************************
		Form Validation
	************************************************************************ \*/

		fieldset.errors label.required,
		div#errors label.required {
			padding-left: 15px;
			background: url('/images/general/warning_icon.gif') no-repeat left center;

		}
		
		div#errors {
			position: absolute;
			left: 300px; top: 10px;
			padding: 10px 10px 0;
			border: 2px solid #000;
			background: #fff;
		}
		
		div#errors h4 {
			font-size: 80%;
		}
		
		div#errors ul,
		div#errors li {
			list-style: none;
		}
		
/* *****************************************************************************
	Cv Templates
**************************************************************************** \*/
	
	div.cvTemplates h3 {
		position: relative;
		margin: 1em 13px; padding: .7em 10px;
		font-size: 100%;
		font-weight: normal;
		background: #A5C6E2;
	}
	
	div.cvTemplates h4 {
		font-size: 90%;
	}
	
	div.cvTemplates h3 span {
		position: absolute;
		right: 10px; top: 35%;
		display: block;
		padding: .2em 20px;
		font-size: 70%;
	}
	
	div.cvTemplates h3 span.show {
		background: url('/images/general/show_icon.gif') no-repeat right center;
	}

	div.cvTemplates h3 span.hide {
		background: url('/images/general/hide_icon.gif') no-repeat right center;
	}

	div.cvTemplates div.show span.show,
	div.cvTemplates div.hide span.hide {
		display: none !important;
	}
	
	div.cvTemplates div.hide fieldset {
		position: absolute;
		left: -50000px; top: -50000px;
	}
	
	div.cvTemplates div.show p,
	div.cvTemplates div.hide p {
		margin-left: 23px;
		margin-right: 23px;
	}
	
	div.cvTemplates div.leftColumn p {
		margin: 1em 0;
	}
	
	div.cvTemplates fieldset {
		margin: 1em 23px;
	}
	
	div.cvTemplates fieldset.first {
		background: url('/images/general/divider_right.gif') repeat-y top center;; padding-left:0; padding-right:0; padding-top:0; padding-bottom:0em
	}
	
	div.cvTemplates fieldset div.leftColumn {
		float: left;
		width:245px;
		text-align: center;
	}
	div.cvTemplates fieldset div.leftColumn img {
		float: right;
		padding:0 0 0 0px;
	}
	
	div.cvTemplates a.preview {
		padding: .2em 0 .2em 20px;
	}
	
	div.cvTemplates ul.features {
		float: left;
		margin-top: 2em;
	}
	
	div.cvTemplates ul.features li {
		margin-bottom: 1.2em;
	}


/* *****************************************************************************
	Other Page Specific
**************************************************************************** \*/

	body#subscribeInformation span.cornerCartoon,
	body#information span.cornerCartoon {
		background: url('/images/general/cartoon_info.png') no-repeat 0 0;
		width: 74px; height: 93px
	}
	
	h2 img#orImg {
		position: absolute;
		bottom: -14px;
		left: -25px;
	}
	
/* =Useful styles
	To be used sparingly
----------------------------------------------- */

.accessibility{
	display: none;
}
.floatLeft{
	float: left;
}
.floatRight{
	float: right;
}
.floatNone{
	float: none;
}
.left{
	text-align: left;
}
.right{
	text-align: right;
}
.center{
	text-align: center;
}
.justify{
	text-align: justify;
}
.capitalise{
	text-transform: uppercase;
}

/* antony -- new class for button --- start */

input.spellbutton
{
background-color:#4a719b;
padding:2px;
margin:5px 0 0 0;
width:155px;
text-align:center;
border:2px solid #fff;
color:#fff;
cursor:pointer;
}
table.formLayout3 .fields
{
width: 250px;
margin:5px 0 0 0;
}
.buttonstitle
{
text-align:left;
padding:0 0 0 35px;
font-size:80%;
margin:0px;
}
#sidebar a.cvmanagement
{
padding:5px 0px 7px 0px;
background-color:#EFF5F9;
margin:0px 0 0 10px;
font-weight:bold;
width:155px;
display:block;
text-align:center;
font-size:80%;
}
table.formLayout3 
{
width:100%;
float:left;
text-align:left;
}
table.formLayout3 div
{
text-align:center;
}
table.formLayout3 td
{
text-align:center;
}
table.formLayout3 td.subscribe
{
text-align:left;
}
#main div.boxStyle1Inner table.formLayout4 ul {
margin:8px 0 0 10px;
padding:0;
/* this line added - antony */
/*background: #A5C6E2;*/
width:517px;
float:left;/* this line added - antony */
background: #c9e0f4; /* this line modify - antony */
}
#main div.boxStyle1Inner table.formLayout4 ul.icon{
margin:0px 0 0 10px;
padding:0;
/* this line added - antony */
/*background: #A5C6E2;*/
width:517px;
float:left;/* this line added - antony */
background: #c9e0f4; 
}
table.formLayout4 div.trimmedText 
{
width: 509px;
border: solid 1px #A5C6E2;
overflow: hidden;
float:left;
padding:3px;/* this line modify - antony */
line-height:120%;/* this line modify - antony */
margin:.5em 0 1em 10px;
text-align: left;
clear:both;
}
#main div.boxStyle1Inner li{
margin:0px;
line-height:120%;
padding:0 0 5px 10px;
}
#main div.boxStyle1Inner ul.features li{
margin:0px;
line-height:120%;
background: url('/images/general/bullet_tick.gif') no-repeat 0 3px;
padding-left:16px; padding-right:0; padding-top:0; padding-bottom:5px
}
#main div.boxStyle1Inner div.column.last table {
	width:100%;
}
.lista
{
width:60%;
text-align:left;
}
.listb
{
width:35%;
text-align:right;
}
#main div.boxStyle1Inner .boxStyle2Inner td
{
text-align:left;
padding:2px 0px 0px 8px;
font-size:70%;
}
#main div.boxStyle1Inner .boxStyle2Inner td.buttons
{
text-align:center;
}
/* antony -- new class for button ---- end */

/* antony -- modify class for icon ---- start */

#sidebar .sideStyle2 li a {
		padding: .4em 0 .2em 0px;
	}
/* antony -- modify class for icon ---- end */

 /* 
Fix for IE6 to show transparent png's
*/

img, div { behavior: url(css/iepngfix.htc) }

a#ctl00_ContentPlaceHolder1_RegisterHyperlink img {
	width: 120px;
	height:45px;
}

div#mainActions img {width:120px;height:45px;}

a#ctl00_ContentPlaceHolder1_CreateUserWizard1_CompleteStepContainer_SubscribeHyperlink {width:133;height:48px;}

table#ctl00_ContentPlaceHolder1_NotIncludedSectionsGridView td{text-align: left;padding-left:55px;}

div#sidebar a#ctl00_ContentPlaceHolder1_CVManagementHyperLink {font-size:12px; font-weight:bold;color:#fff;background:none;}