/* import print specific styles. */
@import url(print.css);

/*###################*/
/* General Styles    */
/*###################*/

body {

    padding: 0px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 75%;
    color: #000000;
	background: #C8D2DC;
}

#center_div
{
	    background: #C8D2DC;
}

#containerdiv {text-align : left;  border : none; padding :0px 0px 0px 0px; margin:0px 0px 0px 0px; width:989px; background: #ffffff}
#contentdiv {
 /*   margin: 0 0 0 132px; */
    border: none;
    padding: 10px;
    float: left;
    min-height: 450px;
	_height: 450px;
	width:70%;	
}

td,th,p,li {font-family: Verdana, Arial, Helvetica, sans-serif; color: #000000;}

.message {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 90%; color: #ff0000; font-weight: bold;}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Note: the next line is to make messages produced by <ERROR_MESSAGE_TEMPLATE> in the FE Applications "Summary Header Template" appear the same as "message" class */
.message.text {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 75%; color: #ff0000; font-weight: bold;}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* General body links */
div a:link    {color:#2167A5; text-decoration: underline;}
div a:visited {color:#2167A5; text-decoration: underline;}
div a:hover   {color:#2167A5; text-decoration: underline;}
div a:active  {color:#2167A5; text-decoration: underline;}

#top_div {
	border: 3px solid;
    display: block;
    padding: 15px 50px;
    width: 500px;
	display:none; /* I.C remove image */
}

.font_image{
	background: url("/eps/images/homepage-group-banner-web.jpg") no-repeat scroll 0 0 #000000;
    height: 175px;
    width: 500px;
}

h1 {
    color: #1D537F;
    font-size: 22px;
    font-weight: bold;
}
h2 {font-size:110%; font-weight:bold; color:#2167A5;}


/* Header */
#headerdiv {
	background: url("/eps/images/Decentralisation_banner.png") no-repeat scroll 0  0  #ffffff;
    border-bottom: 1px solid #FFFFFF;
    border-top: 1px solid #FFFFFF;
    height: 155px;
}

.govlogo {
	float: left;
	display:none;
}

.govlogo2 {
	display:none;
}


.leftheader {
/*	background: url("/decentralisation/images/Decentralisation_Web_banner.jpg") no-repeat scroll left center transparent; */
    float: right;
    height: 105px;
    width: 60%;
}

.header-qglogo {width:386px; padding:3px 0px 0px 20px;}
.lblue {padding:0px; background:#33CCCC;}
.lyellow {padding:0px; background:#ffcc00;}
.header-agency {background:url(/site/images/agencynameswoop.gif) no-repeat top left #000000; padding:0px 5px 0px 0px;}

/* Divs on home pages */
#rightcolumn  {float : right;  width : 180px ; display: none;}
#rightcolumn2 {clear:right; float:right; width:180px;}
#leftcolumn   {margin : 0px 0px 0px 0px;  float : none;}


/* Footer */
#footerdiv {
    background: url("/eps/images/Decentralisation_footer.png") no-repeat scroll right 10px #ffffff;
    clear: both;
    color: #FFFFFF;
    font-size: 90%;
    height: 88px;
    margin-right: 0;
    text-align: center;
	border-top:2px solid #03467D;
	width: 976px;
	margin: 0 auto;
}


#job_ref{
/*	margin: 0 auto;
	width:80%!important;
	*/
}

#footer-smartjob {
	clear:both;text-align:center;
	background: none repeat scroll 0 0 #212121;
    border-top: 1px solid #AD200D;
}
#footerdiv p  {
	margin:4px;
	color: #555;
}
.footerPanel {
    background: none repeat scroll 0 0 #212121;
    float: left;
    width: 100%;
	display:none;
}

.footerPanelContent {
    background: none repeat scroll 0 0 #373737;
    float: left;
    margin: 10px 1%;
    padding: 10px;
    width: 16%;
}

.footerLinks {
    color: #555;
    font-size: 12px;
    padding-bottom: 5px;
    padding-left: 306px;
    padding-top: 47px;
    text-align: left;
}

.footerLinks a:link    { color: #555; text-decoration : underline;}
.footerLinks a:visited { color: #555; text-decoration : underline;}
.footerLinks a:hover   { color: #555; text-decoration : underline;}
.footerLinks a:active  { color: #555; text-decoration : underline;}

#contentnonav {padding : 10px;}

#app_buttons #logout a{
	display:block;
	background: none repeat scroll 0 0 #A4A4A4;
    border: 0 none;
    color: #FFFFFF!important;
	
}

/*###################*/
/* Navigation Styles */
/*###################*/

/* Navigation bar across top of page */
#navdiv {float : none;   padding: 4px 3px 3px 3px; margin:0px 0px 0px 0px; background:#000000;}
ul.nav  {padding-left : 5px; padding-top:0px; margin:0px;}
li.nav1 {list-style: none;display:inline; font-size: 100%; color : #ffffff;  text-decoration : none;  font-weight : normal;}
li.nav1 a:link    {color : #ffffff; text-decoration : underline;}
li.nav1 a:visited {color : #ffcc00; text-decoration : underline;}
li.nav1 a:hover   {color : #ff6600; text-decoration : underline;}
li.nav1 a:active  {color : #ff6600; text-decoration : underline;}

/* LHS Navigation */
/*#navdiv2 {float: left; width:153px; width:23%; background: none repeat scroll 0 0 transparent; text-align:left;} */
/*#navdiv2 h2 {color: #000; font-size: 105%; font-weight: bold; margin: 7px 0 5px 7px; padding: 0 0 1px 16px; background : url("/site/images/arrow_jwu.gif") no-repeat;}*/
ul.nav2  {padding-left : 15px; padding-top:10px; margin:0px; line-height:15px; text-align:left;}
li.nav2  {list-style: none; font-size: 100%; color:#000000; text-decoration:none;  font-weight:normal; line-height:15px; padding-bottom:5px;}
li.nav2  a:link    {color : #000000; text-decoration : underline;}
li.nav2  a:visited {color : #000000; text-decoration : underline;}
li.nav2  a:hover   {color : #9c0000; text-decoration : underline;}
li.nav2  a:active  {color : #9c0000; text-decoration : underline;}

/* style to float the nav image across */
#navdiv2 {float:right; display: none;}
#navdiv2 img {float:right; display: none;}
#page_left {
	background: none repeat scroll 0 0 transparent;
    float: left;
  /*  margin-left: 9px;
    margin-right: 25px;
    */
	margin-top: 10px;
    padding-top: 18px;
    text-align: left;
    width: 210px;
}

#page_left table.feature_table {
	margin-left: 5px; 
 	border: 1px solid #bbbbbb;
	background: #DFE0E2;
}

#page_left table.feature_table a, a:link, a:active, a:visited {
    color: #2167A5;
    font-size: 12px;
    font-weight: normal;
    margin: 0;
    padding: 0;
    text-decoration: none;
}

input.featureLogininput{
	width:215px;
}

#form_actions {
	text-align: left;
}

#form_actions input {
    background: none repeat scroll 0 0  #03467D!important;
    border: 1px solid #2167A5;
    color: #f1f1f1;
    font-size: 12px !important;
    font-style: normal;
    font-weight: bold;
    padding: 5px;
	height: auto;
}

td#feature_row {
	font-size: 11px;
	color: #010101;
	font-weight: normal;
	padding: 10px;
}

#feature_row input {
	font-size:100%;
	margin-top: 3px;
}
#feature_row input[type='text'],#feature_row input[type='password']  {
	width:160px;
	margin-top: 3px;
}

#navbar {
	background: url("/eps/images/menu_design_bg.gif") repeat-x scroll 0 0 #000000;
    height: 26px;
	display: none;
}

/* LHS Navigation Indent */
li.nav3  {list-style: none; font-size: 80%; color : #000000;  text-decoration : none;  font-weight : normal; line-height:15px; padding-left:10px; padding-bottom:5px;}
li.nav3  a:link    {color : #000000; text-decoration : underline;}
li.nav3  a:visited {color : #000000; text-decoration : underline;}
li.nav3  a:hover   {color : #9c0000; text-decoration : underline;}
li.nav3  a:active  {color : #9c0000; text-decoration : underline;}

/* Links at TR of page */
ul.topnav {padding-left : 5px; padding-top:0px; margin:0px;}
li.topnav {list-style: none;display:inline; font-size: 75%; color : #000000;  text-decoration : none;  font-weight : normal;}
li.topnav a:link    {color : #000000; text-decoration : underline;}
li.topnav a:visited {color : #000000; text-decoration : underline;}
li.topnav a:hover   {color : #9c0000; text-decoration : underline;}
li.topnav a:active  {color : #9c0000; text-decoration : underline;}

/*###################*/
/* RIV Tables        */
/*###################*/

.structuretable {border: none; border-collapse:separate; empty-cells: show; border-spacing:0px; font-size:100%;}
.rivtable {border: none; border-collapse:separate; empty-cells: show; border-spacing:0px; font-size:100%; width:100%;}
.rivtableheader {background-color : #03467D; color:#ffffff; font-weight:bold; padding : 3px; text-align : left;}
.rivtablerow {background-color : #ffffff; padding : 3px;}
/* .rivtable b  {color:#990033;} */
.rivtablelabel {background-color : #ffffff; padding : 3px; font-weight:normal;color:#000;}
.rivtablehelp {color:#000000;font-weight:normal; font-size:80%;}

/* Feature Tables - Curved Corners */
#feature_table {border:none; background:#ffffff;border-collapse:separate; empty-cells: show; border-spacing:0px; padding:0px;}
#feature_title {background-color : #ffffff; padding: 0px 0px 0px 0px;}
#feature_execjobs {background-color : #ffffff; padding: 0px 0px 2px 0px;}
#feature_top {
	background: none repeat scroll 0 0 #03467D;
    font-size: 17px;
    font-weight: bold;
    height: 7px;
	color: #f1f1f1;
	padding:10px;
	
   /* padding: 0 0 9px 0px; */
  
}
#feature_top span {float:right;padding:0px;margin:0px;background: url("/site/images/feature-tl.gif") top left no-repeat;  width:100%}
#feature_top span span {display:block;padding:0px;margin:0px;background: url("/site/images/feature-tr.gif") top right no-repeat; }
#feature_bottom {padding:0px;margin:0px; height:7px; background:#ffffff; display:none;}
#feature_bottom span {float:right;padding:0px;margin:0px;background: url("/site/images/feature-bl.gif") bottom left no-repeat;  width:100%}
#feature_bottom span span {display:block;padding:0px;margin:0px;background: url("/site/images/feature-br.gif") bottom right no-repeat; }
.featurebuttons {
	background-color: #999999; 
	border-color: #777777; 
	border-style: solid; 
	border-width: 1px 1px 1px 1px; 
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; 
	font-size: 12px !important;
    font-style: normal;
    font-weight: bold;
    padding: 5px;
	height: auto;
}
.featureLogininput {width: 100px;}

/*###################*/
/* Form Styles       */
/*###################*/

input    {
	background-color: #FFFFFF;
    border: 1px solid #999999;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    height: 22px;
    padding: 0 3px;
	margin-top: 3px;
}
select   {
	background-color: #FFFFFF;
    border: 1px solid #999999;
    font-family: Verdana,Arial,Helvetica,Geneva,sans-serif;
    font-size: 12px;
    height: 17px;
	margin-top: 3px;
}
textarea {background-color: #ffffff; }
.stylebuttons {
	background: none repeat scroll 0 0  #03467D!important;
    border: 1px solid #2167A5;
    color: #f1f1f1;
    font-size: 12px !important;
    font-style: normal;
    font-weight: bold;
    padding: 5px;
	height: auto;
}
.buttons {
	background: none repeat scroll 0 0  #03467D!important;
    border: 1px solid #2167A5;
    color: #f1f1f1;
    font-size: 12px !important;
    font-style: normal;
    font-weight: bold;
    padding: 3px;
	height: auto;
}
.quickSearchFormSelect {font-size: 100%; font-weight: normal; width: 155px;}

/* Table data - grids */
.tabledata    {width:100%; border-collapse:collapse; font-size:12px;}
.tabledata th {color:#000000; border:solid 1px #000000; padding:2px; text-align:left; font-size:110%;}
.tabledata td {font-size:100%;border:solid 1px #000000; padding:2px;}

a.returnHome {
	background: none repeat scroll 0 0 #F89829;
    border: medium none;
    color: #000000 !important;
    display: block;
    font-size: 12px !important;
    font-style: normal;
    font-weight: bold;
    height: 16px;
    padding: 3px;
    text-decoration: none !important;
    width: 207px;
	text-align: center;
	display:none;
 
}

/*IC for application summery */

#app_buttons div{
	float:left;
	margin:20px;
}

#app_buttons #withdraw input {
    background: none repeat scroll 0 0 #A4A4A4;
    border: 0 none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 23px;
    padding-bottom: 4px;
    padding-left: 19px;
    padding-right: 19px;
}

#eoi{
	padding-left: 0px;
	margin-left: 0px;
}

#eoi li{
	list-style:none
	
}

#job_ref a{
	font-size:100%;
}

#roles_table{
	border:0px;
}
#roles_table tr td{
	border:0px;
	font-size:75%;
	width:33%;
	vertical-align:top;
}

#roles_table ul{
	padding-left:5px;
	
}
#roles_table ul li{

}

.app_logout{
    color: #FFFFFF !important;
    font-size: 12px !important;
    font-weight: bold !important;
    height: 15px;
    margin-left: 4px !important;
    padding: 4px !important;
    text-decoration: none !important;
	
}

.app_div{
	width:70%;
	margin-top:15px;
}

.login_center1{
	margin-left:150px;
}

#logout2 .returnHome{
	background: none repeat scroll 0 0 #A4A4A4;
    color: #FFFFFF !important;
    display: block;
    height: 15px;
    margin-left: 323px;
	margin-top:10px;
}

/* IE Styles */
/* html #contentdiv {margin : 0px 0px 0px 23%;  border:none;  padding: 10px; float : none;background:url(/site/images/contentswoop-1.gif) no-repeat top left; overflow-x: auto; overflow-y: hidden; width: expression(document.body.offsetWidth - 260);}*/

/******************************************************
    DIGICON CLEAN CSS HORIZONTAL MENU STYLES              
******************************************************/
/***  CLEAN MENU FUNCTIONALITY STYLES - DON'T TOUCH THESE STYLES  ***/
* html .menu {height:18px}
.menu,.menu ul,.menu li{margin:0;padding:0;border:0;list-style-type:none;display:block;min-height:0}
.menu li{float:left;position:relative;z-index:5;white-space:normal}
.menu li:hover,.menu li.menuHover{z-index:10000;white-space:normal}
.menu .menuHoverUL{visibility:visible;top:100%;left:0}
.menu .menuHoverUL .menuHoverUL{top:0;left:100%}
.menu li li{float:none}
.menu ul{visibility:hidden;position:absolute;z-index:10;left:0;top:0}
.menu li:hover>ul{visibility:visible;top:100%}
.menu li li:hover>ul{top:0;left:100%}
.menu a,.menu a:link,.menu a:active,.menu a:visited,.menu a:link:hover,.menu li.active{display:block}
.menu li li{float:left;width:100%;margin-top:0}
/***  CLEAN MENU DESIGN STYLES - CHANGE ONLY THESE STYLES  ***/
.menu{font-size:12px;}
.menu,.menu ul li{color:#fff;}
.menu ul li{text-align:left;width:150px;font-size:0.9em}
.menu ul{width:150px}
/* menu Borders */
.menu li{border-right:1px solid #fff}
.menu li li{border:1px solid #fff}
.menu ul>li + li{border-top:0}
/* Top Level Menu Items */
.menu a,.menu a:link,.menu a:active,.menu a:visited{text-decoration:none;color:#000;padding:6px 10px;font-weight:bold}
.menu a:hover,.menu a:link:hover,.menu .menuHoverA{color:#000;padding:6px 10px;background: url(/grads/images/menu_design_bg_hover.gif);}
.menu li.active a {background: url(/grads/images/menu_design_bg_hover.gif)}
.menu li.active a{color:#330000}


/***********************************************
***********************************************/
.leftNav{float: left; width: 200px; margin-top: 30px; padding: 0 20px;}
.leftNav ul{list-style: none; background-color: #DDDDDD;}
.leftNav ul li{padding: 10px 3px;}
.leftNav ul li a{color: #5d5d5d; text-decoration: none;}
.leftNav ul li a:hover{color: #5d5d5d; font-weight: bold;}
#review_div{float: left; margin: 0; width: 70%; margin-top: 30px;}
.reg_center{ margin-left: 210px;}
.loginScr{margin-top: 10px;}
#page_left table.feature_table a.smalllink, #page_left a.smalllink{
	font-size: 11px;
    font-weight: bold;
}
#page_left table.feature_table a.smalllink:hover, #page_left a.smalllink:hover{
	text-decoration: underline;
}


/*JV 091015*/
input.featurebuttons:last-child {
    display: none;
}
.leftNav {
    float: none;
    margin-top: 30px;
    padding: 0 20px;
    width: 96%;
}
.leftNav ul {
    background-color: #fff;
    padding: 15px 0 0;
}
.leftNav ul li {
    background: #005589;
    display: inline-block;
    margin: 0 20px 0 0;
    padding: 10px 3px;
    text-align: center;
    width: 100px;
}
.leftNav ul li a, .leftNav ul li a:hover {
    color: #fff;
    text-decoration: none;
}
#contentdiv {
    border: none;
    float: none;
    min-height: 450px;
    padding: 21px;
    width: 95%;
}
#Content {
    padding: 21px;
}
h1.pageTitle p {
    color: #1d537f !important;
    font-size: 22px;
}
td.body {
    font-size: 12px;
}
#documentsGrid p, .dr-tbpnl-cntnt.rich-tabpanel-content p {
    font-size: 12px;
    margin: 0 0 15px;
    padding: 0;
}
#login #contentdiv {
    float: left;
    width: 70%;
}