/* 
   Stylesheet

   Insurance 4 Everyone

   New Generic Template

*/

/* General page parameters */

Body {  
  background-color: #FFFFFF; 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12; 
  padding-top: 15px; 
  padding-right: 10px; 
  padding-bottom: 10px; 
  padding-left: 10px; 
  margin-top: 0px;
  margin-left: 0px;
  margin-right: 0px;
  margin-bottom: 0px;
  color: #000000;
}

a {
  color: #ea4f00;
  ztext-decoration: underline;

  font-size: 12; 
}

a:hover {
  color: #ea4f00;
  ztext-decoration: none;
}

h1 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 14;
  color: #000000;
}

h2 { 
  font-family: Arial, Helvetica, sans-serif; 
  font-size: 12; 
  color: #000000;
}

p { 
  font-size: 12; 
}

td { 
  font-size: 12; 
}

/* Layout and form details */

.itemTitle { 
  FONT-WEIGHT: bold; 
  font-size: x-small; 
  border: #000000 solid; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px; 
  border-width: 0px 0px 0px 0px; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-left: 0px;
  text-align: left
}

.Buttons { 
  FONT-WEIGHT: bold; 
  font-size: x-small; 
  border: #000000 solid; 
  padding-top: 2px; 
  padding-right: 2px; 
  padding-bottom: 2px; 
  padding-left: 2px; 
  border-width: 0px 0px 0px 0px; 
  margin-top: 0px; 
  margin-right: 0px; 
  margin-left: 0px;
  text-align: right
}

.Item { 
  border: #000000 solid; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px; 
  border-width: 0px 0px 0px 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  margin-left: 0px;
  margin-top: 0px; 
  /* width: 530px; this can be used to force the width of the page and prevent it from wrapping.    */
  font-size: x-small 
}

.InnerItem { 
  font-size: x-small; 
  border: #000000 solid; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px; 
  border-width: 0px 0px 0px 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  margin-top: 0px; 
  margin-left: 0px 
}

.Form_Row { 
  height: 28px 
}

.Form_CaptionColumn { 
  font-size: 12; 
  width: 300px 
}

.Form_MandatoryFieldColumn { 
  font-size: 12; 
  width: 15px 
}

.Form_CaptionOnlyColumn { 
  font-size: 12; 
}

.Form_FieldColumn { 
  width: 150px; 
}

.WizardPicture{ 
  /* background-image: url(http://www.mydomain.co.uk/image.gif); */
  background-repeat: no-repeat; 
  font-size: 12; 
  border: #000000 solid; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px; 
  border-width: 0px 0px 0px 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  margin-left: 0px;
  width: 10px;
  height: 240px;
  vertical-align: top 
}

.WizardPage{ 
  font-size: 12; 
  border: #000000 solid; 
  padding-top: 0px; 
  padding-right: 0px; 
  padding-bottom: 0px; 
  padding-left: 0px; 
  border-width: 0px 0px 0px 0px; 
  margin-right: 0px; 
  margin-bottom: 0px; 
  margin-left: 0px;
  width: 580px;
  height: 240px;
  vertical-align: top 
}


/* Household */  
  
  
.Header {  
  BORDER-TOP-WIDTH: 0px; 
  MARGIN-TOP: 0px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  MARGIN-RIGHT: 0px; 
  PADDING-TOP: 0px; 
  BORDER-RIGHT-WIDTH: 0px;  
 FONT-SIZE: 16px; FONT-WEIGHT: bold;
}  
  
.HeaderCell {  
  text-decoration : none; 
  font-weight : bold; 
  font-size : 12px;
}  

.FormCell {  
  font-size: 12px;   
}  
  
.OuterTable {  
  text-align: center; 
  PADDING-RIGHT: 0px; 
  PADDING-LEFT: 0px; 
  PADDING-BOTTOM: 0px; 
  MARGIN: 0px; 
  PADDING-TOP: 0px; 
}  
.inner {  
  BORDER-TOP-WIDTH: 1px; 
  PADDING-RIGHT: 1px; 
  PADDING-LEFT: 1px; 
  BORDER-LEFT-WIDTH: 0px; 
  BORDER-BOTTOM-WIDTH: 0px; 
  PADDING-TOP: 10px; 
  BORDER-RIGHT-WIDTH: 0px;  
}  



/* Misc site part tags */

.Copyright { 
  font-size: 9px;
  text-align: left;
  color: #555555;
}








.listcontrol {

    BORDER-RIGHT: buttonshadow 1px solid;

    BORDER-TOP: buttonshadow 1px solid;

    BACKGROUND: window;

    FONT: Icon;

    BORDER-LEFT: buttonshadow 1px solid;

    COLOR: windowtext;

    BORDER-BOTTOM: buttonshadow 1px solid

}

 

            .listcontrolcontent { heightz: 130px; zoverflow: auto; }

 

            .listcontrol table { width: 100%; }

            .listcontrol td { font-size: 70%; vertical-align: top; }

 

            .listcontrol thead { BACKGROUND: buttonface; }

            .listcontrol thead tr { position: relative; }

 

.listcontrol thead th { font-size: 80%; text-align: left; 

 

    BORDER-RIGHT: buttonshadow 1px solid;

    BORDER-TOP: buttonhighlight 1px solid;

    BORDER-LEFT: buttonhighlight 1px solid;

    CURSOR: default;

    BORDER-BOTTOM: buttonshadow 1px solid

 

}

 

.listcontrol thead th:active

{

    PADDING-RIGHT: 4px;

    PADDING-LEFT: 6px;

    BORDER-LEFT-COLOR: buttonshadow;

    BORDER-BOTTOM-COLOR: buttonhighlight;

    PADDING-BOTTOM: 1px;

    BORDER-TOP-COLOR: buttonshadow;

    PADDING-TOP: 3px;

    BORDER-RIGHT-COLOR: buttonhighlight

}

 

 

            .listcontrol tbody { zmargin: 2px; }

            .listcontrol tbody .oddtr { zbackground: #eeeeee; }

            .listcontrol tbody .eventr { background: #eee; }

 

            .listcontrol tfoot { zmargin: 2px; abackground: #cccccc; }

            .listcontrol tfoot tr { zposition: relative; }

 

.listcontrol a { 

  color:#002b5c;

  text-decoration:underline; 

}

/* Standard items for CMS and Crumb Trail */

.crumbTrail {
    color: #777777;  
    font-size:90%;
    margin: 0px 0px 8px 0px;
}

.calltoaction  
{  
    width: 160px;  
    float:right;   
    margin: 5px 5px 5px 25px;  
    display: none;
}  


.cmsTable{
  display: none;
}

@media screen {
  .cmsTable{
    display: block;
  }
  .calltoaction {
    display: block;
  }

}

.cms {

        padding-top: 6px;  
}

.cms div {
        width: 170px; 

        font-size: 90%; 
	zwidth:				100%;
	zborder-bottom:			1px solid #E5E5E5;
	zborder-left:			1px solid #E5E5E5;
	zborder-right:			1px solid #E5E5E5;
	margin:				2px 0px 9px 0px;
	padding:			2px 0px 1px 1px;
	zbackground-image:		url(/cdimages/sidenavcontentgrad.gif);
	zbackground-repeat:		repeat-x;
	zbackground-color:		#F6F6F6;
	zborder:				#B8B8B8 solid 1px;
}

.cms p {
        font-size: 90%; 
	font-weight:			600;
        zcolor: #f15d2f;
	padding:			0px 0px 0px 0px;
	margin:   			0px 0px 0px 0px;  
	zfont-family:			Arial, Helvetica, sans-serif;
	zcolor: 				#143073;
	zfont-size:			85%;
	zbackgroundz:url(../cdimages/side_navheader.gif);
	zbackground-repeat:no-repeat;
	zmargin:   			9px 5px 0px 9px;
	zborder:				none;
}


.cms a {
        width: 100%;
        height: 100%;
	margin:				4 0 0 5;
	padding:			1 0 5 20;
	background-repeat:		no-repeat;
	cursor:				hand;
	font-weight:			400;
}

.cms a:link{
	color: 				#000000;
	ztext-decoration:		none;
}

.cms a:visited{
	color: 				#000000;
	ztext-decoration:		none;
}
.cms a:hover{
	color: 				#f15d2f;
	ztext-decoration:		underline;
}

.cms a:active{
	color: 				#000000;
	ztext-decoration:		none;
}



.cms a.arrowb:link{	background-image:url(/cdimages/icons/arrow_off.gif);font-weight:600;}
.cms a.arrowb:visited{	background-image:url(/cdimages/icons/arrow_off.gif);font-weight:600;}
.cms a.arrowb:hover{	background-image:url(/cdimages/icons/arrow_sel.gif);font-weight:600;}
.cms a.arrowb:active{	background-image:url(/cdimages/icons/arrow_sel.gif);font-weight:600;}


.cms a.arrowr:link{	background-image:url(/cdimages/icons/arrow_off.gif);}
.cms a.arrowr:visited{	background-image:url(/cdimages/icons/arrow_off.gif);}
.cms a.arrowr:hover{	background-image:url(/cdimages/icons/arrow_on.gif);}
.cms a.arrowr:active{	background-image:url(/cdimages/icons/arrow_sel.gif);}

.cms a.arrowl:link{	background-image:url(/cdimages/icons/arrow_back_off.gif);}
.cms a.arrowl:visited{	background-image:url(/cdimages/icons/arrow_back_off.gif);}
.cms a.arrowl:hover{	background-image:url(/cdimages/icons/arrow_back_on.gif);}
.cms a.arrowl:active{	background-image:url(/cdimages/icons/arrow_back_on.gif);}

.cms a.info:link{	background-image:url(/cdimages/icons/info_off.gif);}
.cms a.info:visited{	background-image:url(/cdimages/icons/info_off.gif);}
.cms a.info:hover{	background-image:url(/cdimages/icons/info_on.gif);}
.cms a.info:active{	background-image:url(/cdimages/icons/info_on.gif);}

.cms a.doc:link{	background-image:url(/cdimages/icons/page_off.gif);}
.cms a.doc:visited{	background-image:url(/cdimages/icons/page_off.gif);}
.cms a.doc:hover{	background-image:url(/cdimages/icons/page_on.gif);}
.cms a.doc:active{	background-image:url(/cdimages/icons/page_on.gif);}

.cms a.print:link{	background-image:url(/cdimages/icons/printer_off.gif);}
.cms a.print:visited{	background-image:url(/cdimages/icons/printer_off.gif);}
.cms a.print:hover{	background-image:url(/cdimages/icons/printer_on.gif);}
.cms a.print:active{	background-image:url(/cdimages/icons/printer_on.gif);}

.cms a.save:link{	background-image:url(/cdimages/icons/save_off.gif);}
.cms a.save:visited{	background-image:url(/cdimages/icons/save_off.gif);}
.cms a.save:hover{	background-image:url(/cdimages/icons/save_on.gif);}
.cms a.save:active{	background-image:url(/cdimages/icons/save_on.gif);}