/* general styles */

div.rounded div.padded5 { height: 1px; margin: 0 5px; line-height: 1px; font-size: 1px; }
div.rounded div.padded4 { height: 1px; margin: 0 4px; line-height: 1px; font-size: 1px; }
div.rounded div.padded3 { height: 1px; margin: 0 3px; line-height: 1px; font-size: 1px; }
div.rounded div.padded2 { height: 1px; margin: 0 2px; line-height: 1px; font-size: 1px; }
div.rounded div.padded1 { height: 1px; margin: 0 1px; line-height: 1px; font-size: 1px; }

.float_right { float: right; }
.float_left { float: left; }
.clear { clear: both;  }
.width_100 { width: 100% !important; }
.disabled_width100 { width: 100% !important; }
.width_50 { width: 50% !important; }
.light { font-weight: normal !important; }
.center { text-align: center; }
.small { font-size: 10px; }
.text_align_right { text-align: right; }
.margin_bottom_5 { margin-bottom: 5px; }
.margin_left_5 { margin-left: 7px !important; }
.width_80 { width: 80px; }
div.col_40 { float: left; width: 40%; }
div.col_60 { float: left; width: 60%; }
.width_350 { width: 350px !important; }

div.divide { height: 25px; margin-bottom: 22px; }
div.divide_plain { height: 25px; }

a img { border: 0px solid white; }

form { margin: 0px; padding: 0px; }

/* fonts and headings */
h1 { margin: 0px; text-indent: -10000000px; background-repeat: no-repeat; height: 100px; background-position: center center; }
h2 { font-size: 18px; font-weight: bold; font-family: Arial; margin: 0px; }
h3 { font-size: 12px; font-weight: bold; margin: 20px 0 0 0; padding: 0px; }

div.contacts div.top h2 { font-size: 12px; font-weight: bold; padding: 15px; margin-bottom: 0px; width: 250px; }

div.contacts div.top p { padding: 15px; margin: 0px; }

p.helper { font-size: 11px; text-align: right; margin: 0px; padding: 0px; }

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

div.divide p { text-align: center; font-size: 9px; line-height: 25px; }

input { font-size: 12px; font-family: arial; }


/* body */
body { text-align: center; font-family: Arial; font-size: 12px; }

div.page { width: 780px; text-align: left; margin: 0 auto; }

div.page div.header { height: 100px; text-align: center; }

div.page div.menu { text-align: center; padding-left: 170px; height: 23px;}
div.page div.menu.help { margin-bottom: 0px; padding-bottom: 1px;}

div.page div.menu div.tabwrapper { float: left; margin-left: 2px; }

div.page div.menu div.tabwrapper a { font-size: 12px; font-weight: bold; text-decoration: none; }

div.page div.menu div.tabwrapper div.contents { padding: 3px 12px; }

/*help centre special*/

/* fixed width tabs are unnecessary
div.menu #tab_home { width: 70px; }
div.menu #tab_login { width: 72px; }
div.menu #tab_logintoemail {width: 118px; }
div.menu #tab_send_message { width: 118px; }
div.menu #tab_register { width: 89px; }
div.menu #tab_settings { width: 86px; }
div.menu #tab_logout { width: 80px; }
div.menu #tab_faq { width: 58px; }
div.menu #tab_contact { width: 91px; }
*/

/* content pane */

div.page div.content_pane div.content_pane_padding { padding: 0px 24px; }
div.page div.content_pane div.large_column { text-align: left; width: 730px; }
div.page div.content_pane div.center div.large_column { margin: 0 auto !important; }
div.page div.content_pane div.large_column div.contents { padding: 0 25px; }

div.page div.content_pane div.medium_column { width: 277px; text-align: left; }
div.page div.content_pane div.medium_column div.contents { padding: 0 20px; }

div.page div.content_pane div.small_column { width: 167px; text-align: left; margin-right: 24px; }

/* form */
div.input { width: 230px; float: left; margin-left: 21px; padding-top: 12px; }
/*added for IE6 and IE7 Validation*/
div.inputRight { width: 230px; float: right; margin-top:12px; margin-right: 45px; }
div.inputRightlabel { font-weight: bold; font-size: 12px; padding-bottom: 4px; }
/*end of validation*/
div.input.clear { margin-left: 0px; }
div.input label, div.input span.label { font-weight: bold; font-size: 12px; float: left; padding-bottom: 4px; }
span.nostyle label { font-weight:normal; font-size: 12px; float:none; padding-bottom: 4px;}
span.float_right.light label { float: none; display: inline; color:#B3B4B8 !important; width: auto; font-weight: normal;}

div.button { width: 80px; float: left; margin: 5px 5px 5px 0; }
div.button.alt_colour { margin: 5px 5px 0 0; }
div.button .submit 
{ 
	display: block; 
	border: 0px solid white; 
	font-weight: bold; 
	text-decoration: underline;
	text-align: center; 
	width: 80px; 
	height: 17px; 
	line-height: 16px; 
	margin: 0px; 
}
div.button .submit:hover 
{
	cursor: pointer;
}

div.button_right { width: 80px; margin: 5px 5px 5px 0; }
div.button_right.alt_colour { margin: 5px 5px 0 0; }
div.button_right .submit { display: block; border: 0px solid white; font-weight: bold; text-align: center; width: 80px; height: 17px; line-height: 16px; margin: 0px; }

div.errors {clear: both; padding-top: 10px; color: Red; }
div.errors p, div.errors ul li  { font-weight: bold; color: red; }

span.errors {clear: both; padding-top: 10px; color: Red;}
span.errors p, div.errors ul li  { font-weight: bold; color: red; }


div.custlabel { width: 230px; float: left; padding-top: 12px; }
div.custlabel.clear { margin-left: 0px; }
div.custlabel label, div.custlabel span.label {width: 100%; font-weight: bold; font-size: 12px; float: left; padding-bottom: 4px; }

div.emaillabel { width: 230px;  padding-top: 12px; }
div.emaillabel.clear { margin-left: 0px; }
div.emaillabel label, div.emaillabel span.label {width: 100%; font-weight: bold; font-size: 12px; float: left; padding-bottom: 4px; }

/* footer */
div.footer { text-align : center; }



/* contacts page */

div.contacts ul.contacts { margin: 0px; padding: 10px 0; list-style-type: none; }
div.contacts ul.contacts li { padding: 4px 15px 4px 15px; }

div.contacts div.top { height: 45px; }

ul.checkbox_list { margin: 0px; padding: 0px; list-style-type: none; }
ul.checkbox_list li { margin: 0px; padding: 0px; }
ul.checkbox_list li input { position: relative; top: 4px; }

/* settings page */
div.widget { margin-bottom: 10px; height: 62px; }
div.widget img { float: left; }
div.widget a { margin-top: 20px; float: left; }

/* send message page */

table tr th { padding-right: 10px; }
div.message { text-align:left; padding: 10px; }
div.message p { padding: 0px 0px 4px 0; margin: 0px; }
div.message p.messageHeader img { float: left; margin-right: 5px; }
div.message p.messageContent { margin: 0px; padding: 0 0 0 20px; background-repeat: no-repeat; background-position: 0px 0px; }

div.message.sent p { color: #b3b4b8 !important; }


/* contacts page specific styles */

div.input.small { width: 140px; }

div.scroller { height: 470px; overflow: auto; }
div.scroller.small_height { height: 350px; }
div.divide p.date { margin: 0px; font-size: 10px; text-align: left; padding: 0 10px; }
div.divide p.date span a { color: white; }
label.padding_right { padding-right: 20px; }


table.smileys { width: 100%; margin-top: 10px; }
table.smileys tr td { vertical-align: top; text-align: left; padding: 8px 0; border-bottom: 1px solid #000000; }
table.smileys tr td p { padding: 0px; margin: 0px; }
table.smileys tr td.smiley { width: 40px; }
table.smileys tr td.symbols { width: 40px; }
table.smileys tr td.symbols p { font-weight: bold; }

div.button.wide, div.button.wide .submit { width: 120px; }

/* JTC:  Start of a rationalized CSS stylesheet */
div.formEntryRow
{
	font-size: 12px; 
	font-family: arial;
	padding-top:12px;
	color:#6E6F73;	
	float: left;
	clear: left;
	padding-bottom: 4px; 
}

div.formEntryRow label.header
{
	float: left;
	font-size:12px;
	font-weight:bold;
	margin-bottom: 4px;
}

div.formEntryRow input
{
	font-size: 12px; 
	font-family: arial;
}

div.formEntryRow input[type="text"]
{
	border: 1px solid #b3b4b8;	
	color: #6e6f73;	
}

div.formEntryRow select
{
	color: #6e6f73;
	border: 1px solid #b3b4b8; 
	width: inherit;	
}
/* JTC:  End of a rationalized CSS stylesheet */

/* Deepa: For Send Message Page */
div.sendcontrols
{
	height: 510px;
}
div.messages { border: 1px solid #000000; }
div.messages div.top { background-color: #ececec; height:45px;}
div.messages div.top h2 { font-size: 12px; font-weight: bold; padding: 15px; margin-bottom: 0px; }
div.messages div.top p {text-align:left; padding: 15px; margin: 0px; }
.iconsButtonClass 
{
	display:block;
	height:18px;
	text-decoration:none;
	text-indent:-999em;
	width:18px;
	float: right;
	background:transparent url(/images/icons-button-highlight.gif) no-repeat scroll left top;
}
.iconsButtonClass a 
{
	display:block;
	height:18px;
	text-decoration:none;
	text-indent:-999em;
	width:18px;
	background:transparent url(/images/icons-button.gif) no-repeat scroll left top;
}

.iconsButtonClass a:hover
{
	background:transparent;
}
.printerbutton
{
	
	width:23px;
	height:19px;
	background:url(/images/printer-highlight.gif) no-repeat top left;
	text-align: center;
	display: block;
	float: right;
	vertical-align: middle;	
}

.printerbutton a
{
	text-decoration:none;
	background:url(/images/printer.gif) no-repeat top left;
	width:23px;
	height:19px;
	display:block;
	text-indent:-999em;	
}

.printerbutton a:hover
{
	background:transparent;
}

.imselectfiller { float:left; width: 120px; position:relative; bottom:0; }

.imselectdiv { float:right; width: 140px; position:relative; bottom:0; }

.imselect {  font-size: 10px;}

.inputalignleft { float:left; width: 120px; position:relative; bottom:0; }

/* div.header h1 { float: left; } */
div.header h1 { margin: 0 auto; }
/* div.header h1 { float: right; } */
#conv 
{
    margin:0;
    margin-right:inherit;
	height:530px;
	overflow:hidden;
	padding:0;
	width:426px;
}

.inlineHeading
{
    font-size: 14px; 
    font-weight: bold; 
    font-family: Arial; 
    margin: 0px;
    color: #1188CC;
}