﻿/*
*************************************
Default CSS Stylesheet for a GOVDATA
Created: 27/05/2006
Developer: TIARC Ltd
*************************************
*/

* {margin:0; padding:0}
body {background-color:#F1EFE2; color:#000000; font-size: 100%; height: 100%; margin:0; padding:0; font-family: Arial, Helvetica, Geneva, 'Sans Serif'; text-align: center; vertical-align:middle}
H1, H2, H3, H4, H5, H6 {position:relative; margin:1px 0 2px 5px; text-decoration:none; text-align:left; vertical-align:text-top}
H1	{font-size:	125%}
H2	{font-size:	105%}	
H3	{font-size:	90%}
H4	{font-size:	80%}		
H5	{font-size: 70%}		
H6	{font-size:	70%}
TEXTAREA {font-size: 90%; font-family: Arial; padding: 6px;}  
INPUT {font-size: 100%;} 
SELECT, LABEL {font-size:70%}
UL {padding:0.5em 0 0.7em 20px; margin:0}
LI {list-style-type:none; margin:0; padding:0; list-style-image: url(/library/images/bullet.gif); font-size:80%}
OL {position:relative; list-style-type:decimal; padding:0.5em 0 0.7em 15px; margin:0 0 0 10px}
OL LI {position:relative; list-style-type:decimal; list-style-image: url(''); margin:0 0 0 10px}
HR {color:#D4332B; background-color:#D4332B; width:100%; height:1px; border: 0 solid #D4332B; border-top-width: thin}
IMG {border:0}
P {font-size:80%; margin:0 0 0.2em 0}
A {color:#666666}
A:hover {text-decoration:underline}

/*
UL {padding:0.5em 0 0.7em 15px; margin:0}
LI {list-style-type:none; margin:0; padding:0; list-style-image: url(/library/images/bullet.gif); font-size:80%}
*/

/* CSS Cute Editor styles */
.heading_style {position:relative; font-size:125%; font-weight: bold}
.normal_style {position:relative; font-weight: normal}
.bold_style {position:relative; font-weight: bold}
.redcolor_style {position:relative; color:red}

/* common site positional elements */
#parent {position: relative; background-color:#FFFFFF; background-image: url(/library/images/banners/top_banner.jpg); background-position:right top; background-repeat:no-repeat; overflow:visible; text-align:left; padding: 10px 15px 10px 15px; margin: 0px auto; vertical-align: middle; width: 907px; top: 0px}
#header {position: relative; width:100%; height:73px}
#banner {position: relative; width:669px; padding-top:8px; padding-bottom:4px; padding-left:8px}
#logo {position: relative; text-align:left}
#navigation {position: relative; width:100%; height:19px; background-color:#FFFFFF; text-align:left; font-weight:normal; font-size:12pt}
#navigation a {text-decoration:none; color:#FFFFFF}
#navigation ul {margin:0; padding:0}
#navigation li {display:inline; position: relative; list-style-type:none}
#breadcrumb {position: relative; width:660px; background-color:#FFFFFF; font-size:75%; margin:10px; margin-bottom:15px; text-align:left; font-weight:normal}
#breadcrumb a {text-decoration:none; color:#67A3AB}
#breadcrumb ul {margin:0; padding:0}
#breadcrumb li {display:inline; position: relative; list-style-type:none}
#content {position: relative; width:100%; border:solid 1px #CCCCCC; text-align:left}
#footer  {position: relative; width:100%; font-size:80%; text-align:center; margin:0.5em 0 0 0; color:#666666}
#footer a {text-decoration:none}
#footer a:hover {text-decoration:underline}
#footer ul {margin:0}
#footer li {display:inline; list-style-type:none; margin: 0 1em 0 1em}
#footer_x2g {float:right; width:149px; top:0px}
#footer_content {margin-left:50px}
#leftcolumn {position: relative; float:left; width:675px; margin:0; padding:0; color:#666666}
#leftcolumn a:hover {position: relative; text-decoration:underline}
#rightcolumn  {position: relative; float:right; width:220px; font-size:80%; padding:5px 5px 5px 0; margin:0; color:#666666}
#left_content {position: relative; z-index:10; width:670px; background-color:#F6F7F9; padding:0; margin:0 4px 0 6px}
.clear {clear: both; padding:0; margin:0}
.hide {position:absolute; left:-9000px; top:0; z-index:20}
.bold {font-weight:bold}
.sub_heading {font-size:100%; margin:8px 0 4px 5px}

/* top main navigation */
#nav_home {background: url(/library/images/banners/nav_home.gif) 0 0 no-repeat; width:74px; height:18px; float:left; text-align:center; margin: 2px 4px 0 0}
#nav_centralgov {background: url(/library/images/banners/nav_centralgov.gif) 0 0 no-repeat; width:158px; height:18px; float:left; text-align:center; margin:2px 4px 0 4px}
#nav_criminal {background: url(/library/images/banners/nav_criminal.gif) 0 0 no-repeat; width:147px; height:18px; float:left; text-align:center; margin:2px 4px 0 4px}
#nav_defence {background: url(/library/images/banners/nav_defence.gif) 0 0 no-repeat; width:112px; height:18px; float:left; text-align:center; margin:2px 4px 0 4px}
#nav_health {background: url(/library/images/banners/nav_health.gif) 0 0 no-repeat; width:112px; height:18px; float:left; text-align:center; margin:2px 4px 0 4px}
#nav_education {background: url(/library/images/banners/nav_education.gif) 0 0 no-repeat; width:112px; height:18px; float:left; text-align:center; margin:2px 4px 0 4px}
#nav_localgov {background: url(/library/images/banners/nav_localgov.gif) 0 0 no-repeat; width:144px; height:18px; float:left; text-align:center; margin:2px 0px 0 4px}

/* news control */
#news {position: relative; text-align:left; margin:5px 0 7px 0}
#news a {font-size:85%; color:#67A3AB}
#title_news {position:relative; height:15px; padding:0 0 10px 0; margin:0; background-image: url(/library/images/banners/latest_news.jpg); background-position:left top; background-repeat:no-repeat}
.news_section {position:relative; width:205px; padding:0; margin:0; left:14px; background-color:#EDEEF0}
.news_section h1 {margin:0; padding:0}
.news_section_article {position:relative; width:205px; left:14px; background-color:#EDEEF0; background-image: url(/library/images/seperator_horizontal.gif); background-position:left top; background-repeat:repeat-x}
.news_section_article p {margin:0 10px 0 10px; padding-bottom:0.5em}
.news_section_article h2 {margin:0 10px 0 10px; padding-top:0.5em}
.more_news {position:relative; left:110px; text-align:left; width:80px; padding:0 0 0 10px; background-color:#EDEEF0; background-image: url(/library/images/bullet.gif); background-position:left center; background-repeat:no-repeat}

/* search control */
#search {position: relative; text-align:left; margin:5px 0 0 12px}
#search_wrap {position: relative; width:208px}
.search_adv {margin:0 7px 2px 0; font-size:70%; text-align:right}
.search_crit {width: 130px; font-size:70%}
.search_btn {width:6em; font-size:70%; color:#FFFFFF; margin:0 0 0 10px; background-color:#65A3B0; border:solid 1px #65A3B0}
.search_section_break {position:relative; margin:5px 0 10px 0; padding:0; background-image: url(/library/images/seperator_horizontal.gif); background-position:left bottom; background-repeat:repeat-x; height:2px}

/* email, printer and subscribe control */
#extra {position: relative; text-align:left; left:14px; margin:5px 0 0 12px}
#extra ul {margin:0; padding:0 0 0 5px; vertical-align:middle; line-height:22px}
#extra_email {padding:0 0 0 25px; list-style-type:none; list-style-image:url(''); background-image: url(/library/images/email.gif); background-position:left 6px; background-repeat:no-repeat}
#extra_printer {padding:0 0 0 25px; list-style-type:none; list-style-image:url(''); background-image: url(/library/images/printer.gif); background-position:left 5px; background-repeat:no-repeat}
#ctl00_Extra_lnkTrack {padding:0 0 0 25px; list-style-type:none; list-style-image:url(''); background-image: url(/library/images/subscribeto.gif); background-position:left 0px; background-repeat:no-repeat}
#extra_myaccount {padding:0 0 0 25px; list-style-type:none; list-style-image:url(''); background-image: url(/library/images/myaccount.gif); background-position:left 4px; background-repeat:no-repeat}
#ctl00_Extra_extra_analyst {padding:0 0 0 25px; list-style-type:none; list-style-image:url(''); background-image: url(/library/images/icon_contactanalyst.gif); background-position:left 4px; background-repeat:no-repeat}

/* login control */
#login {position: relative; text-align:left; color:#FFFFFF; margin:5px 0 0 0}
#login a {color:#FFFFFF}
#login a:hover {color:#FFFFFF; text-decoration:underline; background-color:#67A2B0}
#login h1 {margin:5px}
#login label {font-size:80%; width:60px; float:left; color:#FFFFFF; display:block}
#login input {font-size:90%; float:left; margin: 0 2px 0 0}
#login ul {margin: 0 0 0 25px}
#login li {position:relative; margin:0 0 0 5px; padding:0 0 0 11px; list-style-image: url(''); background-image: url('/library/images/bullet.gif'); background-position:left 5px; background-repeat:no-repeat}
#login_welcome {position:relative; padding:0 0 0 30px; height:25px; background-image: url(/library/images/img_graphic_men.gif); background-position:left top; background-repeat:no-repeat}
#username {margin: 0 0 0.5em 0}
#password {margin: 0 0 0.5em 0}

/* subscribe control */
#subscribe {position: relative; text-align:right; margin:5px 0 0 0}

/* quicktour control */
#quicktour {position: relative; text-align:right; margin:5px 0 0 0}

/* userguide control */
#userguide {position: relative; text-align:left; margin:5px 0 0 0}
#userguide a {color:#FFFFFF}
#userguide_section {position:relative; width:200px; left:14px; color:#FFFFFF; background-image: url(/library/images/promos/user_guide_gadget.jpg); background-position:left top; background-repeat:no-repeat; height:135px; padding:10px 10px 0px 10px; margin:0}
#userguide_section ul {position:relative; margin:0 0 10x 0; left:70px; width:80px}
#userguide_section li {position:relative; height:23px; vertical-align:middle; list-style-image: url(''); list-style-type:none}
#userguide_title {position:relative; padding:0 0 0 20px; background-image: url(/library/images/img_document_icon.gif); background-position:left top; background-repeat:no-repeat}
#ctl00_UserGuide_userguide_video {position:relative; padding:0 0 0 28px; background-image: url(/library/images/video.gif); background-position:left top; background-repeat:no-repeat}
#ctl00_UserGuide_userguide_audio {position:relative; padding:0 0 0 28px; background-image: url(/library/images/audio.gif); background-position:left top; background-repeat:no-repeat}
#ctl00_UserGuide_userguide_document {position:relative; padding:0 0 0 28px; background-image: url(/library/images/pdf.gif); background-position:left top; background-repeat:no-repeat}

/* grey curves on div boxes */
.t_grey {background: url(/library/images/curves/blank.gif) 0 0 repeat-x; width: 100%}
.b_grey {background: url(/library/images/curves/blank.gif) 0 100% repeat-x; width: 100%}
.l_grey {background: url(/library/images/curves/blank.gif) 0 0 repeat-y}
.r_grey {background: url(/library/images/curves/blank.gif) 100% 0 repeat-y}
.bl_grey {background: url(/library/images/curves/bl_grey.gif) 0 100% no-repeat}
.br_grey {background: url(/library/images/curves/br_grey.gif) 100% 100% no-repeat}
.tl_grey {background: url(/library/images/curves/tl_grey.gif) 0 0 no-repeat}
.tr_grey {background: url(/library/images/curves/tr_grey.gif) 100% 0 no-repeat; padding-left:10px; padding-top:10px} 

/* grey curves on div boxes */
.t_darkgrey {background: url(/library/images/curves/blank.gif) 0 0 repeat-x; width: 100%}
.b_darkgrey {background: url(/library/images/curves/blank.gif) 0 100% repeat-x; width: 100%}
.l_darkgrey {background: url(/library/images/curves/blank.gif) 0 0 repeat-y}
.r_darkgrey {background: url(/library/images/curves/blank.gif) 100% 0 repeat-y}
.bl_darkgrey {background: url(/library/images/curves/bl_darkgrey.gif) 0 100% no-repeat}
.br_darkgrey {background: url(/library/images/curves/br_darkgrey.gif) 100% 100% no-repeat}
.tl_darkgrey {background: url(/library/images/curves/tl_darkgrey.gif) 0 0 no-repeat}
.tr_darkgrey {background: url(/library/images/curves/tr_darkgrey.gif) 100% 0 no-repeat; padding-left:10px; padding-top:10px} 

/* green curves on div boxes */
.t_green {background: url(/library/images/curves/blank.gif) 0 0 repeat-x; width: 100%}
.b_green {background: url(/library/images/curves/blank.gif) 0 100% repeat-x; width: 100%}
.l_green {background: url(/library/images/curves/blank.gif) 0 0 repeat-y}
.r_green {background: url(/library/images/curves/blank.gif) 100% 0 repeat-y}
.bl_green {background: url(/library/images/curves/bl_green.gif) 0 100% no-repeat}
.br_green {background: url(/library/images/curves/br_green.gif) 100% 100% no-repeat}
.tl_green {background: url(/library/images/curves/tl_green.gif) 0 0 no-repeat}
.tr_green {background: url(/library/images/curves/tr_green.gif) 100% 0 no-repeat; padding-left:10px; padding-top:10px} 
SELECT.normal 
{
    font-size: 80%;
}