/* Start of CMSMS style sheet 'Layout: Left sidebar + 1 column' */
/*****************

browsers interpret margin and padding a little differently, 

we'll remove all default padding and margins and

set them later on

******************/

* {

margin:0;

padding:0;

}



/*

Set initial font styles

*/

body {

   text-align: left;

   font-family: Ariel, Geneva,  Helvetica, Verdana, sans-serif;

   font-size: 75.01%;

   line-height: 1.2em;

}



/*

set font size for all divs,

this overrides some body rules

*/

div {

   font-size: 1em;

}



/*

if img is inside "a" it would have 

borders, we don't want that

*/

img {

   border: 0;

}



/*

default link styles

*/

/* set all links to have underline and bluish color */

a,

a:link 

a:active {

   text-decoration: underline;

/* css validation will give a warning if color is set without background color. this will explicitly tell this element to inherit bg colour from parent element */

   background-color: inherit; 

   color: #d3000e; 

}



a:visited {

   text-decoration: underline;

   background-color: inherit;

  color: #18507C;                /* a different color can be used for visited links */

}





/* remove underline on hover and change color */

a:hover {

   text-decoration: none;

  /*  background-color: #C3D4DF; */

   

}



/*****************

basic layout 

*****************/

body {
background-color:#ffffff;

   background-image:url(/_images/body-bg.gif);
   background-position:top left;
   background-repeat:repeat-x;
   

   color: #333;

   /* margin:1em; */    /* gives some air for the pagewrapper */

}

div{
color:#666666;
}



/* center wrapper, min max width */

div#pagewrapper {

   /* border: 1px solid black; */

   margin: 0 auto;       /* this centers wrapper */

  width:752px;

   /* background-color: #fff;; */

   color: black;

}





/*** header ***

we will hide text and replace it with a image

we need to assign a height for it so that the image wont cut off

*/

div#header {

   height: 80px;    /* adjust according your image size */

   background-image:url(/_images/top-bar.gif);
  background-position:top left;
  background-repeat:no-repeat;
  width:752px;

}



div#header h1 a {

/* you can set your own image here */

   background: transparent url(/_images/slianz-logo.gif) no-repeat 0 12px; 

   display: block;
   margin-left:10px;

   height: 80px;             /* adjust according your image size */

   text-indent: -999em;  /* this hides the text */

   text-decoration:none; /* old firefox would have shown underline for the link, this explicitly hides it */

}

.topRowRight{
float:right;
}

.topMenu_cont{
/* float:right; */
}



/* position for the search box */

div#search {

/*    float: right; */

   width: 23em;    /* enough width for the search input box */
   text-align: right;
   padding: 0.6em 0 0.2em 0;
  margin-left:140px;
  margin-top:2px;
  color:#666666;
}

div#search input{
border:solid 1px #DFDFDF;
/* height:18px; */
}

/* #cntnt01searchinput{
border:solid 1px #666666;
} */

ul.results_cont{
margin:0px;
padding:0px;
position:relative;
left:-36px;

}

li.result{
line-height:30px;
border-bottom:solid 1px #DFDFDF;
border-top:solid 1px #DFDFDF;
display:block;
margin:0px;
padding:0px;
}


div.breadcrumbs {

   /* padding: 1em 0 1.2em 0; */ /* CSS short hand rule first value is top then right, bottom and left */

   font-size: 90%;        /* its good to set fontsizes to be relative, this way viewer can change his/her fontsize */

   margin: 0 1em;        /* css shorthand rule will be opened to be "0 1em 0 1em" */
   margin-top: expression("-4px");
   margin-bottom: expression("8px");
   line-height:1px;
  color:#efefef;
  /* position:relative;
  top:-4px; */
  text-transform:lowercase;
}

div.breadcrumbs a{
color:#efefef;
text-decoration:none;
}

div.breadcrumbs a:visited{
color:#efefef;
text-decoration:none;
}

div.breadcrumbs a:hover{
color:#efefef;
text-decoration:underline;
}


div#content {
   background-color:#ffffff;
   /* margin: 1.5em auto 2em 0; */   /* some air above and under menu and content */
   background-image:url(/_images/hands-bg.jpg);
   background-position:top left;
   background-repeat:no-repeat;
  width:752px;
  padding-top:100px;
  margin-top:4px;
}

div#content img{
margin:16px;
margin-top:0px;
}

.mainRight{
  float:right;
  width:206px;
  padding-top:14px;
}

.mainLeft{
padding-top:14px;
}





div#main {

   margin-left: 29%; /* this will give room for sidebar to be on the left side, make sure this space is bigger than sidebar width */

   margin-right: 2%; /* and some air on the right */

}



div#sidebar {

   float: left;        /* set sidebar on the left side. Change to right to float it right instead. */

   width: 26%;     /* sidebar width, if you change this please also change #main margins */

   display: inline;  /* FIX IE double margin bug */

   margin-left: 0;

}



div#footer {

   clear: both;       /* keep footer below content and menu */

   color: #666;

   margin-top:expression("18px");

}



div#footer p {

   font-size: 0.8em;

   padding: 1.5em;       /* some air for footer */

   text-align: center;  /* centered text */

   margin: 0;

}



div#footer a {

   color: #666; 
   text-decoration:none;

}

.noprint{
margin-right:14px;
}



/* as we hid all hr for accessibility we create new hr with extra div element */

div.hr {

   height: 1px;

   padding: 1em;

   border-bottom: 1px dotted black;

   margin: 1em;
   clear:both;

}



/* relational links under content */

div.left49 {

  width: 49%; /* 50% for both left and right might lead to rounding error on some browser */

}



div.right49 {

  float: right;

  width: 49%;

  text-align: right;

}









/********************

CONTENT STYLING

*********************/

div#content {



}



/* HEADINGS */

div#content h1 {

   font-size: 2em; /* font size for h1 */

   line-height: 1em;

   margin: 0;

}

div#content h2 {

	color: #666666; 

	font-size: 1.6em; 

	text-align: left; 

/* some air around the text */

	/* padding-left: 0.5em; */

	padding-bottom: 1px;

/* set borders around header */

	/* border-bottom: 1px solid #e7ab0b; 

	border-left: 1.1em solid #e7ab0b;  */

        line-height: 1.5em;

/* and some air under the border */

        /* margin: 0 0 0.5em 0; */
  margin:0;
}

div#content h3 {

   color: #d3000e; 

   font-size: 1.3em;

   line-height: 1.3em;

   margin: 0 0 0.5em 0;

}

div#content h4 {

   color: #294B5F; 

   font-size: 1.2em;

   line-height: 1.3em;

   margin: 0 0 0.25em 0;

}

div#content h5 {

   color: #294B5F; 

   font-size: 1.1em;

   line-height: 1.3em;

   margin: 0 0 0.25em 0;

}

h6 {

   color: #294B5F; 

   font-size: 1em;

   line-height: 1.3em;

   margin: 0 0 0.25em 0;

}

/* END HEADINGS */



/* TEXT */

p {

   font-size: 1em;

   margin: 0 0 1.5em 0; /* some air around p elements */

   line-height: 1.4em;

   padding: 0;

}



blockquote {

   border-left: 10px solid #ddd;

   margin-left: 10px;

}

strong, b {

/* explicit setting for these */

   font-weight: bold;

}

em, i {

/* explicit setting for these */

   font-style:italic;

}



/* Wrapping text in <code> tags. Makes CSS not validate */

code, pre {

 white-space: pre-wrap;       /* css-3 */

 white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */

 white-space: -pre-wrap;      /* Opera 4-6 */

 white-space: -o-pre-wrap;    /* Opera 7 */

 word-wrap: break-word;       /* Internet Explorer 5.5+ */

 font-family: "Courier New", Courier, monospace;

 font-size: 1em;

}



pre {

   border: 1px solid #000;  /* black border for pre blocks */

   background-color: #ddd;

   margin: 0 1em 1em 1em;

   padding: 0.5em;

   line-height: 1.5em;

   font-size: 90%;





}



/* Separating the divs on the template explanation page, with some bottom-border */

div.templatecode {

  margin: 0 0 2.5em;

}



/* END TEXT */



/* LISTS */

/* lists in content need some margins to look nice */

div#main ul,

div#main ol,

div#main dl {

   font-size: 1.0em;

   line-height: 1.4em;

   margin: 0 0 1.5em 0;

}



div#main ul li,

div#main ol li {

   margin: 0 0 0.25em 3em;

}



/* definition lists topics on bold */

div#main dl dt {

   font-weight: bold;

   margin: 0 0 0 1em;

}

div#main dl dd {

   margin: 0 0 1em 1em;

}



div#main dl {

  margin-bottom: 2em;

  padding-bottom: 1em;

  border-bottom: 1px solid #c0c0c0;

}





/* END LISTS */
/* End of 'Layout: Left sidebar + 1 column' */

/* Start of CMSMS style sheet 'Module: News' */
div#news {

  margin: 2em 0 1em 1em;  /* margin for the entire div surrounding the news list */

  /* border: 1px solid #000;  */

 /*  background: #FFE9AF;  */

}



div#news h2 {
  background: url(/_images/news-title-bg.gif) no-repeat 0.4em center; 

   line-height: 2.2em;
  padding:3px 0px 0px 14px;
  color:#666666;
  text-transform:uppercase;

}



.NewsSummary {

    padding: 0.5em 0.5em 1em; /* padding for the news article summary */

    margin: 0 0.5em 1em 0.5em; /* margin to the bottom of the news article summary */

    border-bottom: 1px solid #ccc; 

}



.NewsSummaryPostdate {

  font-size: 90%;

  font-weight: bold;

 }



.NewsSummaryLink {

    font-weight: bold;

    padding-top: 0.2em;

}

.NewsSummaryLink a {

    color:#d3000e;
    text-decoration:none;
  margin-bottom:6px;
  display:block;
}

.NewsSummaryLink a:hover {

   
    text-decoration:underline;

}




.NewsSummaryCategory {

  font-style: italic;

  margin: 5px 0;

 }



.NewsSummaryAuthor {

  font-style: italic;

  padding-bottom: 0.5em;

}



.NewsSummarySummary, .NewsSummaryContent {

  line-height: 140%;

 }



.NewsSummaryMorelink {

  padding-top: 0.5em;
  margin-left:130px;
  font-size:16px;
  color:#666666;
}

.NewsSummaryMorelink a{
 color:#d3000e;
  text-decoration:none;
  font-size:14px;
  line-height:8px;
  height:10px;
  position:relative;
  top:1px;
/*   display:block; */
}

.NewsSummaryMorelink a:hover{
 color:#666666;
  text-decoration:underline;
  border-top:solid 1px #666666;
  
}


#NewsPostDetailDate {

  font-size: 90%;

  margin-bottom: 5px;

  font-weight: bold;

  }



#NewsPostDetailSummary {

   line-height: 150%;

   }



#NewsPostDetailCategory {

  font-style: italic;

  border-top: 1px solid #ccc;

  margin-top: 0.5em;

  padding: 0.2em 0;

}



#NewsPostDetailContent {

  margin-bottom: 15px;

  line-height: 150%;

  }



#NewsPostDetailAuthor {



  padding-bottom: 1.5em;

  font-style: italic;

}

#NewsPostDetailPrintLink {
  margin-bottom:6px;
}

#NewsPostDetailPrintLink a, #NewsPostDetailReturnLink a{
  color:#d3000e;
}




/* to add specific style to the below divs, uncomment them. */



/* 

#NewsPostDetailTitle {}

#NewsPostDetailHorizRule {}



#NewsPostDetailReturnLink {}

*/
/* End of 'Module: News' */






/* RHS LINKS */

.rhsLink{
background:url(rhs-link-bg.gif) no-repeat top left;
}
















/* Start of CMSMS style sheet 'Navigation: Simple - Vertical' */
/********************

MENU

*********************/

#menu_vert {

 /*   padding-left: 0;

   margin-left: 1em; */

}


.topMenu_cont{
  margin-right:14px;
  margin-top:2px;
  margin-top:expression("2px");
}

.topMenu_cont li{
float:left;
}

.topMenu_cont ul, .topMenu_cont li, .mainLeft ul, .mainLeft li{
margin:0px;
padding:0px;
list-style:none;
}

.topMenu_cont a, .topMenu_cont a:visited{
  text-transform:uppercase;
  font-size:11px;
  text-decoration:none;
  padding:0 4px;
  font-weight:bold;
}

div#menu_vert li{

  background: url(/_images/lhs-menu-item-bg.gif) no-repeat 0.4em center; 

   /* background-color: #385C72; */
  display:block;
   
   width:188px;
   height:38px;
   line-height:38px;

}

div#menu_vert li a, div#menu_vert li h3{

 color: #d3000e; 
 font-weight:bold;
 text-decoration:none;
  text-transform:uppercase;
  margin-left:20px;
}

/* .currentPage h3{
  color:#666666;
} */

div#menu_vert ul h3 {
  color:#666666;
  line-height:38px;
  font-size:12px;
  }

#primary-nav{

}

#primary-nav a{
color: #d3000e;
height:40px;
line-height:40px;
display:block;
float:left;
}

#primary-nav a:hover{
color: #666666;

}

/* 

active parent, that is the first-level parent 

of a child page that is the current page 

*/

#primary-nav a.menuactive  {

  background: url(/_images/top-menu-active.gif) no-repeat bottom center; 


  text-decoration:none;
   color: #666; 

}

div#menu_vert li a.menuactive  {

/*   background: url(/_images/top-menu-active.gif) no-repeat 0.4em center; 

   background-color: #385C72;

   color: #666;  */

}








/* third level has some padding to have it stand out */

div#menu_vert ul ul ul {

  /*  padding-bottom: 0.5em; */

}



/* menu li block */

#menu_vert li {

   /* list-style: none;

   margin: 0;

   border-bottom: 1px solid #c0c0c0;

   display: block;
   float:left; */

}



#menu_vert ul ul li {

  /*  border: none; */

}



/** fix stupid ie bug with display:block; **/

/* * html #menu_vert li a { height: 1%; } 

* html #menu_vert li hr { height: 1%; } */

/** end fix **/



/* first level links */

div#menu_vert a {

  

}



/* next level links, more padding and smaller font */

div#menu_vert ul ul a {

  /*  font-size: 90%;

   padding: 0.5em 0.5em 0.5em 2.8em;

   background-position: 1.5em center; */

}



/* third level links, more padding */

div#menu_vert ul ul ul a {

   /* padding: 0.3em 0.5em 0.3em 4.3em;

   background: url(images/cms/dash.gif) no-repeat 2.8em center;  */

}



/* hover state for all links */

div#menu_vert a:hover {

  background-color: transparent; 
  color:#666666;
}

div#menu_vert a.activeparent:hover {

  /*  background-color: #C3D4DF;

   color: #18507C; */

}






div#menu_vert ul ul li a.activeparent {

  /*  background-position: 1.5em center; 

   background-color: transparent;

   color: #18507C; */

}





/* 

current pages in the default Menu Manager 

template are unclickable. This is for current page on first level 

*/





/* 

next level current pages, more padding, 

smaller font and no background color or bottom border 

*/

div#menu_vert ul ul h3 {

/*    font-size: 90%;

   padding: 0.3em 0.5em 0.3em 2.8em;

   background-position: 1.4em center;

   background-color: transparent;

   border-bottom: none;

   color: #000;      */

}



/* current page on third level, more padding */

div#menu_vert ul ul ul h3 {

/*    padding: 0.3em 0.5em 0.3em 4.3em;

   background: url(images/cms/arrow-right-active.gif) no-repeat 2.7em center;  */

}



/* section header */

div#menu_vert li.sectionheader {

/*    border-right: none;

   font-size: 130%;

   font-weight: bold;

   padding: 1.5em 0 0.8em 0;

   background-color: #fff;

   line-height: 1em;

   margin: 0;

   text-align:center; */

}







/* separator */

div#menu_vert li.separator {

  /*  height: 1px !important;

   margin-top: -1px;

   margin-bottom: 0;

   padding:2px 0 2px 0;

   background-color: #000;

   overflow:hidden !important;

   line-height:1px !important;

   font-size:1px; */ /* for ie */

}



div#menu_vert li.separator hr {

   display: none; /* this is for accessibility */

}
/* End of nav */



/* 

menu links accesskeys 

*/

span.accesskey {

   text-decoration:none;

}


.accessibility, hr {

   position: absolute;

   top: -999em;

   left: -999em;

}





dfn {

   position: absolute;

   left: -1000px;

   top: -1000px;

   width: 0;

   height: 0;

   overflow: hidden;

   display: inline;

}

/* end accessibility */






a.external span {

  position: absolute;

  left: -5000px;

  width: 4000px;

}





a.external {



  padding: 0 12px 0 0;

}



a.external:link {

  color: #18507C;



  background: url(images/cms/external.gif) no-repeat 100% 0;

}

a.external:visited {

  color: #18507C; 





  background: url(images/cms/external.gif) no-repeat 100% 0; 

}



a.external:hover {

 /*  color: #18507C; */



  background: url(images/cms/external.gif) no-repeat 100% 0; 

  background-color: #C3D4DF; 

}







/* clearing */



	.clearfix:after {

		content: "."; 

		display: block; 

		height: 0; 

		clear: both; 

		visibility: hidden;

	}

	* html>body .clearfix {

		display: inline-block; 

		width: 100%;

	}

	

	* html .clearfix {

		/* Hides from IE-mac \*/

		height: 1%;

		/* End hide from IE-mac */

	}




/* LOGIN AREA */

.loginRow{
margin-bottom:10px;
}

.loginRow input{
width:200px;
border:solid 1px #DFDFDF;
margin-left:10px;
}

.label{
display:block;
float:left;
width:80px;
}

.loginError{
color:#ff0000;
}

.signin_button{
background-color:dedede;
border:solid 1px #444444;
margin-left:244px;
margin-left:expression("238px");

}

.signin_button_cont{
margin-left:190px;
margin-left:expression("174px");
}

.signin_button_cont input{
background-color:dedede;
border:solid 1px #444444;
margin-bottom:10px;
/* float:left; */
}

.forgotPasswordLink, .changeStettings{
display:none;
}