/* base.css 												*/
/* basic style information for onlinelegal.com.au 			*/
/* Author: 	Tim Cromwell 									*/
/* Date:	20.02.07 										*/


/* basic html elements - styling for common use html elements */
body
{
	margin: 0;
	padding: 0;
	font-size: 0.8em;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	background-image: url('../images/page_bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	background-color: #DDD;
}

hr
{
	border: none;
	border-top: 1px solid #CCC;
	margin: 1em 0 3em 0;
	padding: 0;
	height: 1px;
}


/* unordered lists */
ul
{
}

ul li
{
	margin: 0.5em 0;
}




/* tables */
table
{
	border: none;
	margin: 1em 0;
	font-size: 1em;
	width: 100%;
	color: #333;
	border-collapse: collapse;
}

table th, table td
{
	text-align: left;
	vertical-align: top;
	margin: 0;
	padding: 10px 5px;
	border: none;
}

table th
{
	font-weight: normal;
	border-bottom: 1px solid #999;
}

table td
{
	background-image: url('../images/tables/td_bg.png');
	background-position: top left;
	background-repeat: repeat-x;
	border-bottom: 1px solid #CCC;
}




/* forms */
form
{
	margin: 0;
}

fieldset
{
	position: relative;
	margin: 2em 0;
	border: none;
	border-top: 1px solid #CCC;
	padding: 0.5em 0;
}

fieldset legend
{
	position: relative;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #333;
	padding: 0 0.5em 0 0;
}

label
{
	float: left;
	width: 130px;
	color: #333;
	margin: 5px 0 0.75em 0;
	padding: 0;
	cursor: hand;
}

input, select, textarea, span.field_text
{
	float: left;
	color: #666;
	margin-bottom: 0.75em;
	margin-left: 0.5em;
}

span.field_text
{
	display: block;
	padding: 5px 0 0 0;
}

div.form_req, div.form_opt
{
	clear: both;
}

div.form_req + p, div.form_opt + p
{
	clear: both;
	padding-top: 1em;
}

div.form_req label, span.form_req
{
	font-weight: bold;
}





/* page layout - usually div elements used for the layout of the content on screen */
div#container
{
	background-color: #FFF;
	width: 840px;
	margin: 30px auto -10px auto;
	padding: 10px 20px 10px 20px;
}

div#page_head
{
	
}

div#page_head_right
{
	font-size: 0.9em;
	float: right;
	width: 300px;
}

div#page_head a#page_logo img
{
	margin-top: 8px;
}

div#page_menu
{
	height: 35px;
	background-image: url('../images/menu_off.png');
	background-repeat: repeat-x;
	background-position: top-left;
	clear: both;
	margin-top: 10px;
}

div#page_content
{
	margin-top: 1.5em;
}


div.alert
{
	margin-bottom: 1em;
	border: 1px solid red;
	padding: 0.5em;
}


div#page_content div#left_content
{
	position: relative;
	width: 150px;
	float:left;
	margin: 0 10px 0 0;
	padding: 0;
}

div#page_content div#centre_content
{
	position: relative;
	width: 500px;
	float: left;
	margin: 0;
	padding: 0;
}

div#page_content div#right_content
{
	position: relative;
	width: 170px;
	float: right;
	margin: 0;
	padding: 0;
}



div#security
{
	margin: 1.5em -20px 0 -20px;
	position: relative;
	height: 90px;
	background-image: url('../images/security_bg.png');
	background-repeat: no-repeat;
	background-position: top-left;
	padding: 15px 25px;
}

div#security div#recommendation_andrew
{
	margin: 7px 0 0 7px;
	width: 240px;
	height: 75px;
	padding-left: 10px;
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}

div#security div#recommendation_andrew p
{
	color: #000;
	margin: 0;
	padding: 0;
	font-size: 1em;
}

div#security div.qld_law_society
{
	position: relative;
	float: left;
	width: 159px;
	height: 55px;
	margin: 17px 0 0 10px;
	background-image: url('../images/law_society_transparent.png');
}


div#security div#security_content
{
	margin: 0 10px 0 0;
	padding: 0;
	float: right;
	width: 450px;
	text-align: right;
}

div#security div#security_content div.payment_options
{
	float: right;
	display: block;
	height: 60px;
	width: 300px;
	background-image: url('../images/payment_options.png');
}


div#page_footer
{
	position: relative;
	font-size: 0.9em;
	color: #999;
	margin-top: 1.5em;
}

div#page_footer div.qld_law_society
{
	position: relative;
	float: right;
	width: 168px;
	height: 48px;
	background-image: url('../images/law_society.png');
}

div#page_footer p#copyright_details
{
	font-size: 0.9em;
}








/* login options */
div#page_menu div#login_options
{
	width: 330px;
	float: right;
	margin: 8px 0 0 0;
}

div#page_menu div#login_options a
{
	float: right;
	margin-right: 10px;
	font-size: 0.9em;
	z-index: 99999;
	cursor: hand;
}






/* supplementary menu */
div#page_head p#supplementary_menu
{
	text-align: right;
	padding: 0px;
	margin: 0px;
}

div#page_head p#supplementary_menu a
{
	color: #666;
	text-decoration: none;
}

div#page_head p#supplementary_menu a:hover
{
	text-decoration: underline;
}






/* main menu - first level nav */
div#page_menu ul
{
	list-style-type: none;
	text-indent: 0;
	padding: 0;
	margin: 0;
}

div#page_menu ul li
{
	display: block;
	float: left;
	height: 35px;
	padding: 0;
	margin: 0;
}

div#page_menu ul li a
{
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	font-weight: normal;
	text-decoration: none;
	color: #999;
	display: block;
	padding: 7px 10px 0 10px;
	height: 28px;
}

div#page_menu ul li a:hover, div#page_menu ul li a.selected, div#page_menu ul#page_nav li a.menu_hover 
{
	color: #FFF;
	background-image: url("../images/menu_on.png");
	background-position: top left;
	background-repeat: repeat-x;
}




/* sub menu */
div#page_menu ul#page_nav li ul 
{
	position: absolute;
	left: -999em;
	top: 132px;
	z-index: 99999;
	width: 180px;
	
	padding: 0;
	margin: 0;
	text-indent: 0;
	border: 1px solid #FFF;
	border-width: 1px 0;
	font-size: 0.85em;
	background-image: url('../images/sub_menu/sub_menu_off.png');
}

div#page_menu ul#page_nav li ul li
{
	background: none;
	margin: 0;
	padding: 0;
	width: 180px;
	height: 30px;
	border-bottom: 1px solid #999;
}

div#page_menu ul#page_nav li ul li a	
{
	display: block;
	float: none;
	background: none;
	background-image: none;
	text-align: left;
	color: #999;
	padding-top: 6px;
	padding-bottom: 0;
	margin: 0;
	height: 24px;
}

div#page_menu ul#page_nav li ul li a:hover
{
	background-image: url('../images/sub_menu/sub_menu_on.png');
	background-position: top left;
	background-repeat: repeat-x;
	color: #FFF;
}

div#page_menu ul#page_nav li:hover ul, div#page_menu ul#page_nav li.sfhover ul 
{
	left: auto;
}





/* left nav */
div#left_nav
{
	
}

div#left_nav h3
{
	font-size: 1.1em;
	padding-bottom: 2px;
	color: #666;
	border-bottom: 1px solid #CCC;
}

div#left_nav ul
{
	margin: 0;
	padding: 0;
	text-indent: 0;
	margin-left: 0;
	list-style: none;
}

div#left_nav ul li
{
	margin: 0.75em 0;
}

div#left_nav ul li a
{
	text-decoration: none;
	color: #999;
	padding-left: 10px;
	display: block;
}

div#left_nav ul li a:hover
{
	text-decoration: underline;
}

div#left_nav ul li a:hover, div#left_nav ul li a.selected 
{
	color: #666;
	background-image: url('../images/left_nav_selected.png');
	background-position: left 40%;
	background-repeat: no-repeat;
}

div#left_nav ul li ul
{
	margin-left: 2em;
	margin-bottom: 2em;
}






/* footer menu */
div#page_footer p#footer_menu
{
	color: #999;	
}

div#page_footer p#footer_menu a
{
	text-decoration: none;
	color: #999;
}

div#page_footer p#footer_menu a:hover
{
	text-decoration: underline;
}







/* centre content panes */
div#page_content div.centre_content_section
{
	position: relative;
	padding: 0;
	margin: 1em 0;
	background-image: url('../images/centre_content_section/centre_content_section_bg.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	border: none;
}

div#page_content div.centre_content_section div.centre_content_wrapper
{
	padding: 10px;
	background-image: url('../images/centre_content_section/centre_content_section_fg.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div.centre_content_section div.centre_content_wrapper h2
{
	margin: 0;
}

div.centre_content_section div a.online_shops_button, div.centre_content_section div a.subscribe_button, div.centre_content_section div a.payg_button, div.centre_content_section div a.large_button, div.centre_content_section div a.small_button
{
	float: right;
}







/* centre content panes - full width */
div#page_content div.centre_content_section_full
{
	position: relative;
	padding: 0;
	margin: 1em 0;
	background-image: url('../images/centre_content_section_full/centre_content_section_full_bg.png');
	background-position: bottom left;
	background-repeat: no-repeat;
	border: none;
}

div#page_content div.centre_content_section_full div.centre_content_wrapper_full
{
	padding: 10px;
	background-image: url('../images/centre_content_section_full/centre_content_section_full_fg.png');
	background-position: top left;
	background-repeat: no-repeat;
}

div.centre_content_section_full div.centre_content_wrapper_full h2
{
	margin: 0;
}

div.centre_content_section_full div a.large_button, div.centre_content_section_full div a.small_button
{
	float: right;
}






/* right content panes */
div.right_content_pane_blue, div.right_content_pane_green
{
	background-image: url('../images/right_content/right_content_bg_1.png');
	margin: 0 0 1em 0;
	padding: 0.25em 0;
}

div.right_content_pane_green
{
	background-image: url('../images/right_content/right_content_bg_2.png');
}

div.right_content_pane_blue h4, div.right_content_pane_green h4,
div.right_content_pane_blue h3, div.right_content_pane_green h3,
div.right_content_pane_blue h2, div.right_content_pane_green h2,
div.right_content_pane_blue h1, div.right_content_pane_green h1
{
	border-bottom: 1px solid #FFF;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 0.25em;
	font-weight: bold;
	font-size: 1em;
}

div.right_content_pane_blue p, div.right_content_pane_green p
{
	font-size: 0.9em;
	padding-right: 5px;
	padding-left: 10px;
}


div.right_content_pane_blue ul, div.right_content_pane_green ul
{
	font-size: 0.9em;
	margin-left: 2em;
	margin-right: 10px;
	padding: 0;
	text-indent: 0;
}




/* links and custom buttons */
a img
{
	border: none;
}

a.small_button
{
	position: relative;
	height: 21px;
	display: block;
	background-image: url('../images/small_button/small_button_bg.png');
	background-position: top right;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 1em;
	color: #FFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
	cursor: hand;
}

a.small_button span
{
	height: 20px;
	display: block;
	background-image: url('../images/small_button/small_button_fg.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 1px 10px 0 10px;
	text-align: center;
}

a.large_button, a.online_shops_button, a.subscribe_button, a.payg_button
{
	position: relative;
/*	width: 120px; */
	height: 26px;
	display: block;
	background-image: url('../images/large_button/large_button_bg.png');
	background-position: top right;
	background-repeat: no-repeat;
	font-family: "Trebuchet MS", Geneva, Helvetica, Arial, sans-serif;
	font-size: 1.2em;
	color: #FFF;
	text-decoration: none;
	padding: 0;
	margin: 0;
	cursor: hand;
}

a.large_button span, a.online_shops_button span, a.subscribe_button span, a.payg_button span
{
	height: 24px;
	display: block;
	background-image: url('../images/large_button/large_button_fg.png');
	background-position: top left;
	background-repeat: no-repeat;
	padding: 2px 10px 0 10px;
	text-align: center;
}

a.online_shops_button
{
	background-image: url('../images/online_shops_button/online_shops_button_bg.png');
}

a.online_shops_button span
{
	background-image: url('../images/online_shops_button/online_shops_button_fg.png');
}

a.subscribe_button
{
	background-image: url('../images/subscribe_button/subscribe_button_bg.png');
}

a.subscribe_button span
{
	background-image: url('../images/subscribe_button/subscribe_button_fg.png');
}

a.payg_button
{
	background-image: url('../images/payg_button/payg_button_bg.png');
}

a.payg_button span
{
	background-image: url('../images/payg_button/payg_button_fg.png');
}







/* custom fonts */
div#page_head p#visitors_today
{
	text-align: right;
	color: #999;
}

p.print
{
	display: none;
}

/* custom css for reports SHOP*/







/* extra */
div.reset, form br
{
	display: block;
	clear: both;
	margin: 0;
	padding: 0;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	border: none;
}




/* end of file */