/* @override http://www.stratecom.com.au/css/worklawpolicy-content.css */

/* 	CSSEdit allows you to edit a local stylesheet (.css file) and view changes immediately in the CSSEdit "preview" window. Simply add an @override command at the top of the stylesheet with the full URL of the server stylesheet you want to override. */

h1 {
	color: #70acc9;
	font-weight: normal;
	margin: 0px 0px 9px 0px;
	line-height: 25px;
}
h3 {
	color: #ffffff;
	font-size: 23px;
	font-weight: normal;
	margin: 0px 0px 9px 0px;
	line-height: 25px;
}
h4 {
	font-weight: normal;
}
#content h4 a {
	color: black;
	text-decoration: none;
	font-size: 11px;
	background: #70acc9 url(../images/arrow-servicelines.gif) no-repeat;
	padding: 1px 6px 1px 16px;
}
#content h4 a:hover {
	text-decoration: none;
	background: #fff url(../images/arrow-wlp-over.gif) no-repeat;
	color: #70acc9;
}


/* @group ADVANCED PUBLISHING TOOLS */

/*	TAGLET GROUP: Advanced Publishing Tools 
	Background: These advanced publishing tools should be created using the Markup Editor in the pop-up page editor   */
	
	
		
/* @group Callout Box */

/* 	TAGLET NAME: Box - Callout box
	TAGLET GROUP: Advanced Publishing Tools
	
	Taglet note: the <content-slot/> for this taglet receives callout text from the backend   */

div.callout-block-wrapper {
	border-top: 4px solid #808080;
	border-bottom: 4px solid #808080;
	background-color: #CCCCCC;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
	padding: 10px;
}


/* @end callout box */



/* @group Block - Code-block (examples) */

/*	TAGLET NAME: Block - Code-block
	TAGLET GROUP: Advanced Publishing Tools   */

div.markup-wrapper {
	border-top: 20px solid #CCCCCC;
	border-right: 20px solid #CCCCCC;
	border-left: 20px solid #CCCCCC;
	border-bottom: 5px solid #CCCCCC;
	margin-left: 1px;
	margin-bottom: 0px;
	margin-right: 1px;
}   

p.markup-header {
	background-color: #CCCCCC;
	border: 1px solid #CCCCCC;
	padding-left: 5px;
	margin: 1px;
	line-height: 150%;
}

div.markup-border {
	border: 1px solid #CCCCCC;
	margin: 1px;
}

/*	Taglet note: the <content-slot/> for this taglet receives text from the "Markup item detail" field of the Markup Catalogue   */

pre.markup {
	background-color: #FFFFFF;
	margin: 0px;
	padding: 5px;
}

/*	TAGLET NAME: Notes wrapper 
	TAGLET GROUP: Advanced Publishing Tools
	
	Taglet note: the <content-slot/> for this taglet receives text from the "Notes" field of the Markup Catalogue   */

div.notes-wrapper {
	border-left: 20px solid #CCCCCC;
	border-right: 20px solid #CCCCCC;
	border-bottom: 20px solid #CCCCCC;
	border-top: 10px solid #CCCCCC;
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
}

div.notes-inner-wrapper {
	border: 1px solid #CCCCCC;
	margin: 1px;
	padding: 10px;
}

/* @end code block */



/* @group Quote WITH attribution */

/* 	TAGLET NAME: Quote WITH attribution
	TAGLET GROUP: Advanced Publishing Tools   */

div.quotation-block-wrapper {
	border: 10px solid #808080;
	width: 50%;
	margin-left: auto;
	margin-right: auto;
}

div.quote-outer-box {
	border: 2px solid #A9A9A9;
	margin: 1px;
}

/*	Taglet note (1): the <content-slot/> for this taglet receives the quoted text from the backend   */

div.quote-inner-box {
	border: 5px solid #A9A9A9;
	background-color: #CCCCCC;
	font-size: 125%;
	margin: 1px;
	padding: 5px;
}

/*	Taglet note (2): the attribution & date are retrieved from the backend as a parameter value (pval):
	<taglet>: <pval desc="The attribution/date given in the quote markup" name="by"/>   */

div.quote-attribution {
	border: 5px solid #A9A9A9;
	margin: 1px;
	background-color: #CCCCCC;
	text-align: right;
	font-size: 80%;
	padding: 5px;
}

/* @end quote with attribution */



/* @group Titled alert box */

/* 	TAGLET NAME: Box - Titled alert box
	TAGLET GROUP: Advanced Publishing Tools   */

div.alert-box-wrapper {
	border: 20px solid #000000;
	width: 60%;
	margin: 1px;
	margin-left: auto;
	margin-right: auto; 
}

div.alert-box {
	border: 10px solid #A9A9A9;
	margin: 1px;
}

/*	Taglet note (1): the alert box heading text is retrieved from the backend as a parameter value (pval):
	<taglet>: <pval desc="Masthead heading text" name="heading"/>   */

div.alert-box div.box-masthead {
	background-color: #000000;
	color: #FFFFFF;
	text-align: center;
	line-height: 150%;
	margin: 1px;
}

/*	Taglet note (2): the <content-slot/> for this taglet receives alert box content   */

div.alert-box div.box-content {
	border: 5px solid #000000;
	background-color: #A9A9A9;
	margin: 1px;
	padding: 5px;
}

/* @end alert box */



/* @group Titled information Box */

/* 	TAGLET NAME: Box - Titled information box
	TAGLET GROUP: Advanced Publishing Tools   */

div.info-box-wrapper {
	border: 20px solid #808080;
	padding: 1px;
	width: 60%;
	margin-left: auto;
	margin-right: auto;
}

div.info-box {
	border: 10px solid #CCCCCC;
	padding: 1px;
}

/*	Taglet note (1): information box heading text is retrieved from the backend as a parameter value (pval):
	<taglet>: <pval desc="Masthead heading text" name="heading"/>   */

div.info-box div.box-masthead {
	background-color: #A9A9A9;
	color: #ffffff;
	text-align: center;
	line-height: 150%;
	margin-bottom: 1px;
}

/*	Taglet note (2): the <content-slot/> for this taglet receives information box content   */

div.info-box div.box-content {
	text-align: left;
	background-color: #CCCCCC;
	border: 10px solid #A9A9A9;
	padding: 5px;
}

/* @end information box */  

 

/* @group Multi Part Page */


/*	TAGLET NAME: Multi-part-page - menu link
	TAGLET GROUP: Advanced Publishing Tools   */

li.section-list-item {
	margin: 0px 1px 1px 0px;
	background: #7bbcdc;
	width: 241px;
	line-height: 10px;
	padding: 1px 4px 1px 3px;
	float: left;
	min-height: 24px;
}


/*	Taglet note (1): the number of each 'part' is retrieved from the backend as a parameter value (pval):
	<taglet>: <pval desc="Number of the part being linked" name="number"/>.
	
	Taglet note (2): the <content-slot/> for this taglet receives the text for each link (each section title) from the backend
	
	Taglet note (3): each part's link eg: <a href="?"> is retrived from the backend as a parameter value (pval):
	<taglet>: <attr name="href"><pval desc="Target href for the linked part" name="link"/></attr>   */

li.section-list-item a {
	color: #000000;
	text-transform: uppercase;
	font-size: 10px;
	text-decoration: none;
}

li.section-list-item a:hover {
	text-decoration: none;
	color:#ffffff;
}

/*	TAGLET NAME: Multi-part-page - next-part link
	TAGLET GROUP: Advanced Publishing Tools   */
	
span.next-section-link {
	border: 0px solid #808080;
	padding: 1px;
	margin: 1px;
	font-weight: bold;
}


/* @end multi part page */

/* @end Taglet Group: Advanced Publishing Tools */




/* @group Content */
#left-col-structure {
	width: 258px;
	float: left;
	border-top:#FFF dotted 0px;
}
#sidepanel-region {
	height: 220px;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
#content-structure2 {
	width: 514px;
	float: right;
	border-top:#FFF dotted 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
}
#content {
	background:url(../images/bg-content.png);
	border-top:#FFF solid 0px;
	padding: 4px 5px 50px 6px;
}
/* @end */




/* @group Smart menu wrappers */

/*	TAGLET NAME: Smart Menus - Menu wrapper
	TAGLET GROUP: Menus and Links 
	
	Background: this taglet's <content-slot/> receives links from the "Smart Menus - Menu link" taglet (see below) and encloses them in various div wrappers   */ 
	
/*	Background: when building menus with the menu builder, groups of menu links can be indented to create submenus (eg: level 1, level 2, level 3 etc.)

	Taglet note (1): 'when' this taglet receives a group of 'submenu' links from the "Smart Menus - Menu link" taglet...
	<taglet>: <when test="$params{&#39;is_submenu&#39;}">
	
	Taglet note (2): ...then they are wrapped in a div with two CSS classes, the first is a general submenu wrapper eg: <div class="submenu-wrapper">
	<taglet>: <css-class>submenu-wrapper</css-class>   */

div.submenu-wrapper {
	background-image: none;
	background: none;
}
div.submenu-wrapper a {
	display: block;
	background-image: none;
	background: none;
	color: #111111;
	width: 230px;
}
div.submenu-wrapper a:link {
	background-image: none;
	background: none;
	color: #fff;
	line-height: 11px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 4px 0px;
}
div.submenu-wrapper a:visited {
	background-image: none;
	background: none;
	color: #fff;
	line-height: 11px;
	padding: 0px 0px 5px 0px;
	margin: 0px 0px 4px 0px;
}
div.menu-wrapper div.submenu-wrapper a:hover {
	background-image: none;
	background: none;
	color: #a8d8ef;
}
div.submenu-wrapper a.selected-page  {
	background-image: none;
	background: none;
	color: #a8d8ef;
	font-weight: bold;
}


/*	Taglet note (3): ...the second class applied to a submenu wrapper is determined by the level of submenu (eg level 1,2,3,4). The submenu level used in the second CSS class eg: <div class="submenu-level-?"> is retrieved from the backend as a parameter value (pval). This allows independent styling control over each submenu level (perhaps for absolute positioning?)
	<taglet>: <css-class>submenu-wrapper submenu-level-<pval desc="The level of this sub-menu block - can be used to style each submenu if needed" name="submenu_level"/></css-class>   */

div.submenu-level-1 {
	/*position: relative;
	top: 125px;
	width: 0px;
	float: left;
	left: -60%;
	color: #000000;*/
}

div.submenu-level-2 {
	
}

div.submenu-level-3 {
	
}

div.submenu-level-4 {
	
}
.submenu-wrapper .menu-wrapper {
	padding: 0px 0px 2px 0px;
	margin: 0px 0px 5px 0px;
	width: 257px;
	position: absolute;
	top: 158px;
	left: 3px;
}

/*	Taglet note (4): 'when' this taglet's <content-slot/> receives links which are NOT submenu links...
	<taglet>: <otherwise>
	
	Taglet note (5): ...then they are wrapped in a <div class="menu-wrapper">
	<taglet>: <css-class>menu-wrapper   */

div.menu-wrapper {
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

/*	Taglet note (6): the menu wrapper div also gets a second class - the 'content-name' of each individual menu (allows styling control over an individual menu). The menu 'content-name is retrieved from the backend as a parameter value (pval)
	<taglet>: <css-class>menu-wrapper <pval desc="The content-name of the menu - can be used to uniquely style each menu if needed" name="menu_name"/>-wrapper</css-class>   */

div."menu-content-name"-wrapper {
}

/* @end smart menu wrapper */





/* @group Quicklinks area */
#quicklinks-structure {
	float:left;
	width:312px;
	color:#5a5a5a;
	font-size: 12px;
	line-height: 10px;
	padding: 9px 0px 30px 0px;
}
#quicklinks-wlp a {
	background: url(../images/ql-wlp-white.png) no-repeat;
	padding-bottom: 2px;
}
#quicklinks-wpp a {
	background: url(../images/ql-wpp-white.png) no-repeat;
	padding-bottom: 2px;
}
#quicklinks-ws a {
	background: url(../images/ql-ws-white.png) no-repeat;
	padding-bottom: 2px;
}
/* @end */




/* @group Footer */
#footer-region a {
	color: #4c4d4f;
	font-size: 12px;
	background: url(../images/arrow.gif) no-repeat;
	padding-left: 13px;
	text-decoration: underline;
}
#footer-region a:hover {
	color: #d2232a;
	background: url(../images/arrow-over.gif) no-repeat;
	padding-left: 13px;
	text-decoration:none;
}
/* @end */




/* @group Multi Part Page */
span.next-section-link a {
	font-weight: normal;
	text-transform:uppercase;
	font-size: 11px;
	color: #131313;
	text-decoration: none;
	background: #7bbcdc;
	padding: 1px 5px 2px 4px;
	margin: 0px;
	width: 80%;
}

/* @end */









