/*
===========================================================================================================================
Revision History:                                                                                                          
1.                 Initial                                                                                                 
2. 13/Feb/2009     Def #235		Prakash Pandya  Added .HambsLogin_Lable1 and .HambsLogin_Lable2 to fix teacher logon and 
												activate page layout
3. 13/Feb/2009		Def #269	Prakash Pandya	Modified to reduce padding in Teachers Contact Changes Confirmation Page
4. 24/Feb/2009		CR 2122 	Prakash Pandya	Added .RadioList for Cover Changes 
5. 07/Apr/2009		Def#436 	Prakash Pandya	Added label.longlabel
6. 08/Apr/2009		Def#389 	Prakash Pandya	Added .CreditCard_Label
7. 21/Apr/2009		Def#472 	Prakash Pandya	Added label.longlonglabel
7. 29/Jul/2009		Def#566 	MHA      	Added .ClaimsHeading for online claims heading
===========================================================================================================================
*/
/* --- Text Styles --- */




.Feature_ModuleTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #ffffff;
}

.Normal
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #696969;
}

.NormalBold
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #696969;
}

.NormalRed
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 11px;
	font-weight: normal;
	color: #ff0000;
}

.NormalGreen
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #007272;
}

.NormalGreenBold
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #007272;
}

.Title, h1
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 16px;
	font-weight: bold;
	color: #007272;
}

.SubTitle
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: #007272;
}

.SubTitleOrange, h2
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: Orange;
	margin-top: 0px;
}
.ClaimsHeading
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	font-weight: bold;
	color: Orange;
}
.SubHead
{
	color: #007272;
}

/* Content Table styles */

.ContentTableHeader
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	background-color: #007272;
	padding: 4 4 4 4;
	border: 1px Solid #cccccc;
}

.ContentCell
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
	color: #696969;
	padding: 4 4 4 4;
	border: 1px Solid #cccccc;
}

/* skin links are the links that appear at the bottom of the page for security, privacy, etc */

a
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #65982d;
	text-decoration: none;
}

a:link
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #65982d;
	text-decoration: none;
}

a:visited
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #65982d;
	text-decoration: none;
}

a:hover
{
	font-family: Arial, helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #65982d;
	text-decoration: underline;
}

.CommandButton
{
	font-family: Arial, helvetica, Sans-Serif;
	color: #000000;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

a.CommandButton:link
{
	font-family: Arial, helvetica, Sans-Serif;
	color: #65982d;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

a.CommandButton:visited
{
	font-family: Arial, helvetica, Sans-Serif;
	color: #65982d;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
}

a.CommandButton:hover
{
	font-family: Arial, helvetica, Sans-Serif;
	color: #65982d;
	font-size: 12px;
	font-weight: normal;
	text-decoration: underline;
}

.SkinLink
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #838383;
}

a.SkinLink:link
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #838383;
}

a.SkinLink:visited
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #838383;
}

a.SkinLink:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #838383;
	text-decoration: underline;
}


/* bullet list style */

ul
{
	color: #696969;
	list-style-type: disc;
	list-style-image: url(green_bullet.gif);
}

/* the cell that each common link on the bottom of the page sits in (security, privacy, etc) */
.CommonSkinLinkCell
{
	padding-right: 12px;
}

/* --- Page Styles --- */

/* the main table that the content sits on */
.PageTable
{
	width: 894px;
	margin-left: auto;
	margin-right: auto;
	background-color: White;
}

/* The main TFH logo at the top left of the page */
.HeadBanner
{
	vertical-align: bottom;
	padding-left: 22px;
}

/* The telephone number at the top right of the page */
.HeadPhone
{
	vertical-align: bottom;
	padding-right: 25px;
	text-align: right;
}

/* the cell that contains the search control */
.SearchContainer
{
	vertical-align: bottom;
	padding-bottom: 8px;
}

/* The cells that the search box and button at the top sit in */
.SearchCells
{
	vertical-align: middle;
	padding-left: 4px;
	padding-right: 4px;
}

/* a cell containing a row of dots across the page */
.MainDotCell
{
	padding-left: 8px;
	padding-right: 8px;
}

/* the actual dots across the page */
.DotRow
{
	background-image: url(media/dots.gif);
	background-repeat: repeat-x;
	height: 3px;
	width: 100%;
}

.DotColumn
{
	background-image: url(media/vertdots.gif);
	background-repeat: repeat-y;
	height: 100%;
	width: 3px;
}

body
{
	background-color: #ccdfe1;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	font-weight: normal;
	color: #696969;
}

.BorderTable
{
	width: 932px;
}

.BorderTable_MainCell
{
	background-color: White;
}

.BorderTable_BorderTop
{
	height: 30px;
	vertical-align: bottom;
}

.BorderTable_BorderBottom
{
	height: 30px;
	vertical-align: top;
}

.BorderTable_BorderLeft
{
	background-image: url(media/border_left.gif);
	background-repeat: repeat-y;
	width: 19px;
}

.BorderTable_BorderRight
{
	background-image: url(media/border_Right.gif);
	background-repeat: repeat-y;
	background-position: left;
	width: 19px;
}

/* the footer row cotaining links to privacy etc */
.PageFooter
{
	padding-left: 17px;
}

.MainHomeImage
{
	width: 373px;
	vertical-align: top;
}

#CreatedByTeachers
{
	width: 222px;
}

.QuickQuoteContainer
{
	background-image: url(media/quick_quote_background.gif);
	background-repeat: repeat-x;
	vertical-align: top;
	margin-right: 0px;
	margin-left: auto;
	width: 216px;
}

.QuickQuoteImage
{
	padding-top: 12px;
	padding-left: 6px;
}

.LoginPaneContainer
{
	background-image: url(media/login_background.gif);
	background-repeat: repeat-y;
	height: 35px;
	width: 216px;
	vertical-align: middle;
}

.QuickLinksContainer
{
	width: 216px;
	height: 35px;
	border-left: Solid 1px #a1a1a1;
	margin-right: auto;
	margin-left: auto;
}

.EditTableHeaderColumn
{
	background-color: #f1f1f1;
	border-bottom: Solid 1px White;
	border-right: Solid 1px White;
}

.EditTableContent
{
	background-color: White;
	border-bottom: Solid 1px #f1f1f1;
}

/* --- Pane Styles --- */

/* Home Page pane styles */

.LoginPane
{
	height: 35px;
}

.QuickLinksPane
{
	vertical-align: middle;
	padding-top: 3px;
	height: 35px;
}

.FeaturePane
{
	width: 219px;
	height: 250px;
	vertical-align: top;
}

.FeaturePaneSpacer
{
	width: 7px;
}

.Main_PaneHolder
{
	vertical-align: top;
	width: 216px;
}

/* Three Column pane styles */

.ThreeCol_LeftPane
{
	width: 216px;
	height: 150px;
	vertical-align: top;
	background-image: url(media/left_col_background.gif);
	background-repeat: repeat-x;
}

.ThreeCol_ContentPane
{
	width: 339px;
	vertical-align: top;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
}

.ThreeCol_RightPane
{
	width: 339px;
	vertical-align: top;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
}

.ThreeCol_PicturePane
{
	width: 216px;
	vertical-align: top;
	margin-left: 0px;
	margin-top: 0px;
	text-align: left;
}

/* Two Column pane styles */

.TwoCol_LeftPane
{
	width: 216px;
	vertical-align: top;
	background-image: url(media/left_col_background.gif);
	background-repeat: repeat-x;
	background-position: top;
	display: inline;
}

.TwoCol_ContentPane
{
	width: 678px;
	vertical-align: top;
	padding-left: 12px;
	padding-right: 12px;
	padding-top: 12px;
}
.TwoCol_PicturePane
{
	width: 216px;
	vertical-align: top;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	text-align: left;
}

/* One Column pane styles */

.OneCol_ContentPane
{
	width: 894px;
	vertical-align: top;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* Admin skin pane styles */

.AdminSkin_ContentPane
{
	width: 894px;
	vertical-align: top;
	padding-left: 24px;
	padding-right: 24px;
	padding-top: 12px;
}


/* Styled Links styles */

.LinkPanel
{
	width: 216px;
	padding-left: 7px;
	padding-right: 12px;
}

.LinkSeparator
{
	background-image: url(media/dots.gif);
	background-repeat: repeat-x;
	height: 3px;
	width: 100%;
}

a.LinkItem_Text
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #007272;
}

a.LinkItem_Text:link
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #007272;
}

a.LinkItem_Text:visited
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #007272;
}

a.LinkItem_Text:hover
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 13px;
	font-weight: bold;
	color: #007272;
}

.LinkItem_TC
{
	height: 10px;
}

.LinkItem_ML
{
	vertical-align: top;
	width: 19px;
}

.LinkItem_MC
{
	vertical-align: top;
	white-space: normal;
}

.LinkItem_BC
{
	height: 7px;
}

/* New Menu Styles */


.MenuCorner
{
	width: 16px;
}

.MenuCell
{
	background-image: url(media/menu_background.gif);
}

.Menu_Node td
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: White;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	background-color: #007272;
	padding-left: 0px; /* FF doesn't apply this value */
	padding-right: 0px; /* FF doesn't apply this value */
	border-bottom: Solid 2px White;
}

.Menu_NodeHover td
{
	font-family: Arial, Helvetica, Sans-Serif;
	color: White;
	font-size: 12px;
	font-weight: bold;
	height: 25px;
	background-color: #338e8e;
	padding-left: 0px;
	padding-right: 0px;
	border-bottom: Solid 2px White;
}

.Menu_NodeRoot
{
	height: 25px;
	background-image: url(media/menu_background.gif);
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: White;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.Menu_NodeHoverRoot
{
	height: 25px;
	background-image: url(media/menu_background_hover.gif);
	padding-left: 10px;
	padding-right: 10px;
	font-family: Arial, Helvetica, Sans-Serif;
	color: White;
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 5px;
	padding-top: 5px;
}

.Menu_Icon
{
	border-bottom: Solid 2px Transparent;
	empty-cells: show; /*visibility: hidden;*/
}

.Menu_IndicateChildSub
{
	border-bottom: Solid 2px Transparent;
	empty-cells: show;
	visibility: hidden;
}

/* New Teachers Skin */

.NTO-MainTable
{
	width: 651px;
}

/* Added By Stewart Walker 2008-02-24 for formatting the Member Services modules in TFH Skin */
#oneColumnFormNav
{
	display: block;
	position: relative;
	margin-top: 23px;
}

#oneColumnForm
{
	margin-top: -4px;
	padding: 12px 20px;
	position: relative;
	text-align: left;
}
#oneColumnForm .formActions
{
	position: relative;
	display: block;
	padding-top: 10px;
	clear: both;
}
#oneColumnForm .formActions input
{
	display: block;
	border: 0px;
	font-size: 1em;
	overflow: hidden;
	position: absolute;
}
.formActions .continueButton
{
	background: url(    '../images/buttons/continueButton.gif' ) no-repeat;
	width: 120px;
	height: 35px;
	margin-left: 182px;
}
.formActions .previousButton
{
	background: url(    '../images/buttons/previousButton.gif' ) no-repeat;
	width: 120px;
	height: 35px;
}
.formActions .compareButton
{
	background: url(    '../images/buttons/compareButton.gif' ) no-repeat;
	width: 120px;
	height: 35px;
	right: 0;
}
.formActions .confirmButton
{
	background: url(    '../images/buttons/confirmButton.gif' ) no-repeat;
	width: 128px;
	height: 35px;
	margin-left: 243px;
}
#oneColumnForm .formRow span.helpPop
{
	position: absolute;
	top: -2px;
	height: 28px;
	background: url(    '../images/icons/helpIcon.gif' ) left top no-repeat;
	padding-left: 27px;
	padding-top: 6px;
	color: #7daccc;
	font-size: .95em;
}
hr
{
	border: 0px;
	border-top: 1px solid #daeef4;
	height: 0px;
	margin-top: 10px;
}

input
{
	color: #636f72;
}
input.button
{
	border: 1px solid #d5d8d9;
	background: #fff url(    '../images/generic/inputBg.gif' ) 0px 100% repeat-x;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.95em;
	padding: 4px 2px;
}
input.radiobutton
{
}
input.checkbox
{
	width: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}
input.text
{
	border: solid 1px #d58d9;
	background-color: #eef4f5;
	background-image: url(    '../images/generic/inputBg.gif' );
	background-repeat: repeat-x;
	width: 132px;
}
select.selectbox
{
	border: solid 1px #d58d9;
	background-color: #eef4f5;
	background-image: url(    '../images/generic/inputBg.gif' );
	background-repeat: repeat-x;
	width: 132px;
	padding: 2px;
}
select.dateselect
{
	width: 60px;
}

/* member services forms
/* get a quote form */
div.quickquoteform
{
}
div.quickquoteform fieldset
{
	border: none;
	padding-left: 0px;
	margin-left: 0px;
}
div.quickquoteform fieldset legend
{
	visibility: hidden;
	display: none;
}
div.quickquoteform fieldset ol
{
	list-style: none;
	margin-left: 0px;
}
div.quickquoteform fieldset ol li
{
	clear: both;
	padding-top: 6px;
}
div.quickquoteform fieldset ol li span.datavalue
{
	float: left;
}
div.quickquoteform fieldset ol li.controls
{
	padding-top: 12px;
}
div.quickquoteform fieldset ol li label
{
	float: left;
	display: block;
	width: 200px;
	font-weight: bold;
}
div.quickquoteform fieldset ol li label.normal
{
	float: left;
	display: block;
	width: 200px;
	font-weight: normal;
}
div.quickquoteform fieldset ol li span.radiobuttonlist
{
	float: left;
}
div.quickquoteform fieldset ol li span.radiobuttonlist input
{
	border: none;
	clear: both;
	display: inline;
}
div.quickquoteform fieldset ol li span.radiobuttonlist label
{
	font-weight: normal;
	width: auto;
	float: none;
	display: inline;
}
div.quickquoteform fieldset ol li fieldset.subfieldset
{
	margin-top: 0px;
	padding-top: 0px;
}
div.quickquoteform fieldset ol li ol
{
	float: left;
}
div.quickquoteform fieldset ol li ol li
{
	clear: both;
	padding-top: 2px;
}
div.quickquoteform fieldset ol li ol li.first
{
	padding-top: 0px;
}
div.quickquoteform fieldset ol li ol li label
{
	width: 80px;
	font-weight: normal;
}
div.quickquoteform fieldset ol li table.premiumTable
{
	width: 50%;
}

/* memberservice form */

div.memberservicesform
{
	font-size: 75%;
}
div.memberservicesform fieldset
{
	border: none;
	padding-left: 0px;
	margin-left: 0px;
}
div.memberservicesform fieldset legend
{
	visibility: hidden;
	display: none;
}
div.memberservicesform fieldset ol
{
	margin-top: 0px;
	list-style: none;
	margin-left: 0px;
	padding-left: 0px;
}
div.memberservicesform fieldset ol li
{
	clear: both;
	padding-top: 0px;
}
div.memberservicesform fieldset ol li span.datavalue
{
	float: left;
}
div.memberservicesform fieldset ol li.controls
{
	padding-top: 12px;
}
div.memberservicesform fieldset ol li label
{
	float: left;
	display: block;
	width: 120px;
	font-weight: bold;
}
div.memberservicesform fieldset ol li label.longlabel
{
	width: 240px;
}
div.memberservicesform fieldset ol li label.longlonglabel
{
	width: 450px;
}
div.memberservicesform fieldset ol li label.middlelabel
{
	width: 170px;
}
/* fix font size on suburb... control */
div.memberservicesform fieldset ol li table tr td span
{
	font-weight: bold;
	font-size: 75%;
}
div.memberservicesform fieldset ol li span.radiobuttonlist
{
	float: left;
}
div.memberservicesform fieldset ol li span.radiobuttonlist input
{
	border: none;
	clear: both;
	display: inline;
}
div.memberservicesform fieldset ol li span.radiobuttonlist label
{
	font-weight: normal;
	width: auto;
	float: none;
	display: inline;
}
div.memberservicesform fieldset ol li fieldset.subfieldset
{
	margin-top: 0px;
	padding-top: 0px;
}
div.memberservicesform fieldset ol li ol
{
	float: left;
}
div.memberservicesform fieldset ol li ol li
{
	clear: both;
	padding-top: 2px;
}
div.memberservicesform fieldset ol li ol li.first
{
	padding-top: 0px;
}
div.memberservicesform fieldset ol li ol li label
{
	width: 80px;
	font-weight: normal;
}
div.memberservicesform fieldset ol li table.premiumTable
{
	width: 50%;
}
div.memberservicesform fieldset ol li table.premiumTable tr td
{
	font-size: x-small;
}

#premiumTable div table tr th
{
	color: #636f72;
	font-weight: bold;
}
#premiumTable div table tr td
{
	color: #636f72;
	font-size: 75%;
	
	border: solid 1px #636f72;

	padding: 3px;
}

/* Member Area on TopBanner.ascx */
.memberArea
{
	margin-top: 40px;
	width: 311px;
	height: 70px;
	float: right;
	color: #307faa;
}
.memberArea div.label
{
	margin-right: 5px;
	padding-right: 15px;
	background: url(    "images/icons/blueArrow.gif" ) 100% 8px no-repeat;
	float: left;
	padding-top: 6px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 14px;
	width: 100px;
}
.memberArea div.login
{
	background: url(    "images/buttons/TealArrow/TealArrowCentre_151.png" ) no-repeat;
	width: 151px;
	height: 25px;
	text-align: center;
	padding-top: 2px;
}
.memberArea div.login a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
.memberArea div.register
{
	background: url(    "images/buttons/WhiteArrow/WhiteArrowCentre_74.png" ) no-repeat;
	width: 74px;
	height: 25px;
	text-align: center;
	padding-top: 2px;
	float: left;
}
.memberArea div.activate
{
	background: url(    "images/buttons/WhiteArrow/WhiteArrowCentre_74.png" ) no-repeat;
	width: 74px;
	height: 25px;
	text-align: center;
	padding-top: 2px;
	float: right;
}
.memberArea div.username
{
	white-space: nowrap;
	height: 25px;
	margin-right: 6px;
	text-align: center;
	padding-top: 3px;
	font-size: 14px;
	float: left;
}
.memberArea div.myAccount
{
	background: url(    "images/buttons/WhiteArrow/WhiteArrowCentre_74.png" ) no-repeat;
	width: 74px;
	height: 25px;
	text-align: center;
	padding-top: 2px;
	float: left;
}
.memberArea div.logout
{
	background: url(    "images/buttons/TealArrow/TealArrowCentre_74.png" ) no-repeat;
	width: 74px;
	height: 25px;
	text-align: center;
	padding-top: 2px;
	float: right;
}
.memberArea div.logout a
{
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}
/* ----- */
/* HIL Login Control */
.HambsLogin
{
	width: 500px;
}
/*--Added to fix def #235--*/
.HambsLogin_Lable1
{
	font-size: 10pt;
	font-weight: bold;
	font-family: Arial;
	color: #696969;
}
.HambsLogin_Lable2
{
	font-size: 10pt;
	font-weight: normal;
	font-family: Arial;
	color: #696969;
}
.RadioList
{
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 10pt;
	font-weight: bold;
	color: #007272;
}

.CreditCard_Label
{
	font-size: 75%;
	font-weight: bold;
	width: 310px;
}
table.radioSet td input
        {
	        height: 15px;	        
	        display: inline;
        } 

         table.radioSet label
        {        
        float: none;
	display: inline;
        }