/* ============================== */
        /* General Styles */
/* ============================== */

body {
margin: 0px;
padding: 0px;
text-align: center;
font: 12px arial,verdana,sans-serif;
}

#wrapper {
margin: auto;
text-align: left;
background: url('../../../other_files/redesign/content-bg2.gif') repeat-y;
_background: url('../../../other_files/redesign/content-bg2-ie.gif') repeat-y;
}


#wrapper_forum {
background: url('../../../other_files/redesign/content-bg2_forum.gif') repeat-y;
_background: url('../../../other_files/redesign/content-bg2-ie_forum.gif') repeat-y;
}

#colLeft .padme {
padding:0 10px;
}

#colLeft .thinpadme {
padding:0 6px;
}

.padme {
padding:0 12px;
}

.image {
float: right;
margin: 10px 0 5px 8px;
}

.image img {
border: 1px solid #000;
}

/* News -----------------------------------*/
#colLeft .latest_news h4 {
margin-left: 5px;
padding-left: 18px;
font-size: 1.1em;
background: url('../../../other_files/redesign/0030_arr.jpg') no-repeat center left;
} 

#colLeft .latest_news h4 a {
color: #555;
}

#colLeft .latest_news h4 a:hover {
color: #888;
}

#colLeft .latest_news p {
font-size: 0.9em;
margin: 6px 5px 18px 10px;
}

#colLeft .latest_news p.date {
color: #777;
}

#colLeft .latest_news p.read_more {
border-bottom: 1px solid #ccc;
padding-bottom: 5px;
}

#colLeft .latest_news p a {
color: #007139;
text-decoration:none;
}

#colLeft .latest_news p a:hover {
color: #007139;
text-decoration:underline;
}

#colLeft .latest_news p a:visited {
color: #9C0000;
text-decoration:none;
}

#colLeft .latest_news p.archive {
padding-top: 20px;
}

/* News Archive -----------------------------------*/
.archive_post ul {
list-style-type: none;
line-height: 1.6;
margin: 15px 0;
background: #eee;
width: 380px;
padding: 2px 0 0 8px;
border: 1px solid #ccc;
}

/* IE6 */
* html .archive_post ul {
margin-left: -5px;
margin-top: 10px;
}

/* IE7 */
html>body .archive_post ul {
*margin-left: -5px;
margin-top: 10px;
}

#content .archive_post h4 a, #content .archive_post h4 a:visited {
color: #1FB25A !important;
text-decoration: none !important;
}

#content .archive_post h4 a:hover {
color: #1FB25A !important;
text-decoration: underline !important;
}

#content .archive_post h4 {
border: 0 !important;
padding: 0 !important;
}

/* ============================== */

/* Grey page outline */

/* header and footer */

.holdertop {
height:16px;
margin:0;
padding:0;
background: url('../../../other_files/redesign/holder-top-bg-775.gif') ;
border:0px solid blue;
}

.holderbottom {
height:37px;
margin:0;
padding:0;
background: #fff url('../../../other_files/redesign/holder-bottom-bg-775.gif') ;
border:0px solid orange;
}

/* ============================== */
/* ============================== */

/* ONE TRUE LAYOUT */

#content {
float: left;
margin-left: 2px;
border-left:0px dashed silver;
border-right:0px dashed silver;
width: 410px;
_width: 402px;
}

* html #content {
display: inline;
}

#colLeft {
float: left;
width: 181px;
margin:0 0 0 6px;
}

* html #colLeft {
margin-left: 5px;
}


#colRight {
float: left;
width: 170px;
margin:0 0 0 0;
}

#wrapper {
width: 775px;
}

#wrapper {
float: left;
float/**/: none;
}

/* --- easy clearing --- */

#wrapper:after {
content: '[DO NOT LEAVE IT IS NOT REAL]'; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#wrapper {
display: inline-block;
}

/*\*/

#wrapper {
display: block;
}

/* --- end easy clearing --- */

.holderbottom {
clear: both;
}

.holdertop, .holderbottom {
width: 775px;
}

/* --- Forum - Wide Container Div --- */
/* Other forum styles are at the foot of this css */

#forumcontent {
float: right;
margin-left: 2px;
border-left:1px dashed silver;
border-right:0px dashed silver;
width: 578px;
_width: 572px;
}

/* ============================== */
/* ============================== */

/* Header */

#head	{
margin:0 0 0 6px;
padding:0 0 0 0;
width:763px;
}

/* Grey nav */

.strip.top {
margin:0;
padding:0px 10px 7px 0px;
border:0px solid red;
background:#999;
color:white;
border-bottom:1px solid white;
}

.issue {
margin-left:auto;
margin-right:auto;
}

.stripalt {
margin:0px;
padding:1px 0px 1px 0px;
line-height:13px;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
background: #AFCAE4;
}


/* Logo */


.cslogo	{
margin:0 0 0 0px;	
height:60px;
}

.top	{
text-align:right;
}

#head .strip.top a	{
text-decoration:none;
color:#fff;
margin:2px;
}

#head a:hover	{
text-decoration:underline;
}

#head a.active  {
text-decoration:underline;
}


/* Colourful Menu */


.shadetabs{
border-bottom: 0px solid red;
border-top:1px solid white;
}

.shadetabs ul{
padding: 4px 0;
margin-top: 0px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: center;
}

.shadetabs li {
display: inline;
margin: 0;
}

.shadetabs li a {
text-decoration: none;
padding: 4px 6px;
margin-right: -5px;
border-right: 1px solid #fff;
border-left: 1px solid #fff;
border-top: 0px solid #fff;
border-bottom: 0px solid #fff;
text-transform:uppercase;
color:white;
}

/* To GO INTO COLOUR CSS */

.shadetabs li.t1 a {background: #1FB25A;}
.shadetabs li.t2 a {background: #FF0000;}
.shadetabs li.t3 a {background: #666699;}
.shadetabs li.t4 a {background: #FF9900;}
.shadetabs li.t5 a {background: #0099CC;}
.shadetabs li.t6 a {background: #F9CA00;}

.shadetabs li.t1 a:hover {border-top:1px solid #1FB25A; text-decoration: none;}
.shadetabs li.t2 a:hover {border-top:1px solid #FF0000; text-decoration: none;}
.shadetabs li.t3 a:hover {border-top:1px solid #666699; text-decoration: none;}
.shadetabs li.t4 a:hover {border-top:1px solid #FF9900; text-decoration: none;}
.shadetabs li.t5 a:hover {border-top:1px solid #0099CC; text-decoration: none;}
.shadetabs li.t6 a:hover {border-top:1px solid #F9CA00; text-decoration: none;}


.shadetabs li.t1 a.current {border-top:1px solid #1FB25A; text-decoration: none;}
.shadetabs li.t2 a.current {border-top:1px solid #FF0000; text-decoration: none;}
.shadetabs li.t3 a.current {border-top:1px solid #666699; text-decoration: none;}
.shadetabs li.t4 a.current {border-top:1px solid #FF9900; text-decoration: none;}
.shadetabs li.t5 a.current {border-top:1px solid #0099CC; text-decoration: none;}
.shadetabs li.t6 a.current {border-top:1px solid #F9CA00; text-decoration: none;}

.shadetabs li a:visited{
color: #fff;
text-decoration: none;
}



/* ============================== */
/* ============================== */

       /* General Styling */

/* ============================== */
/* ============================== */


/** LEFT COLUMN **/

/*Jason edited the menu 29/07/08 this was to change the left-hand navigation to add square bullet points and remove bottom border. The colour of the link hover is being controlled by another style sheet (Current AAT -GREEN) */



#colLeft ul	{
list-style-type:square;
list-style-position: inside;
margin-top:6px;
font-size:10px;
color:#999999;
padding:0px 0px 6px 0px;
margin:10px 10px 4px 10px;

}

#colLeft ul li	{
padding:2px 2px;
margin:0;
text-decoration:none;
text-align: left;
}

#colLeft ul li a	{
width:100%;
color:#999999;
text-decoration:none;
font-weight:bold;
}

#colLeft ul li a:hover	{
text-decoration:none;
font-weight:bold;
}

#colLeft ul li a:current {
text-decoration:none;
font-weight:bold;
}

/** LEFT COLUMN SUB MENU STYLES **/

#colLeft ul.sub	{
	list-style-type: square;
	list-style-position: outside;
	margin-top: -5px;
	margin-left: 23px;
	padding-left: 0px;
	font-size:10px;
	color:#65656F;
	align:top;
}

#colLeft ul.level2	{
	list-style-type: square;
	list-style-position: outside;
	margin-top: 0px;
	margin-left: 23px;
	padding-left: 0px;
	font-size:10px;
	color:#65656F;
	align:top;
	text-decoration:none;
}

#colLeft ul li.sub	{
	border: 0px;
	padding:1px;
	padding-left:0px;
	text-decoration:none;
	font-size: 11px;
}


#colLeft ul.level2 li	{
	border: 0px;
	padding:1px;
	padding-left:0px;
	text-decoration:none;
}


/* ============================== */


/** MIDDLE COLUMN **/

.error {
background-color: #FFFFFF;
color: red;
font-family: sans-serif;
}

#content  p {
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 1em;
padding:0px 0px 8px 0px;
}

#content  p.line {
border-bottom: 1px solid #9F9F9F;
margin-bottom: 0px;
padding-bottom: 0.5em;
padding-top: 0.5em;
}

#content  h1, 
#content  h2, 
#content  h3, 
#content  h4 {
font-size: 14px;
font-weight: bold;
margin: 1em 0px 5px 0px;
padding-bottom: 3px;
}

#content  h5, 
#content  h6 {
font-size: 1.1em;
font-weight: bold;
margin: 1em 0px 4px 0px;
padding-bottom: 3px;
}

.updateform td {
vertical-align: top;
text-align: left;
padding: 4px 10px 4px 0 
}


#content  a:link    { color: #333; text-decoration: underline;}
#content  a:visited { color: #990000; text-decoration: underline;}
#content  a:hover   { color: #000; text-decoration: underline;}
#content  a:active  { color: #000; text-decoration: underline;}

#content  a.sa:link    { color: #333; text-decoration: none;}
#content  a.sa:visited { color: #333; text-decoration: none;}
#content  a.sa:hover   { color: #000; text-decoration: underline;}
#content  a.sa:active  { color: #000; text-decoration: underline;}


div,td,ul,ol	{
	font: 12px arial,verdana,sans-serif;
}

a	{
text-decoration:none;
}

a:hover	{
	text-decoration:underline;
}

.spacer	{font-size:1px;margin:0px;padding:0px;}
.clearer {clear:both;height: 1px;overflow: hidden;line-height: 1px;margin-top:-1px;}


/* ============================== */

/** RIGHT COLUMN **/

#colRight img {
margin:0px 10px;
border:0;
}

#colRight .pad	{
padding:3px;
font-size:11px;
}

#colRight a	{
color:white;
text-decoration:underline;
}

#colRight h2	{
font-size:12px;
margin:8px 6px 0 6px;
padding:5px 5px 5px 10px;
border-bottom: solid 1px #fff;
color:white;
}

#colRight ul	{
list-style-image:url(/other_files/redesign/list-image.png);
_list-style-image:url(/other_files/redesign/bullet-ie-05.gif);
list-style-position: inside;
margin:0 6px 12px 6px;
padding: 0px;
font-size:11px;
color:white;
}

#colRight ul li	{
border-bottom: dashed 1px #fff;
padding:2px;
padding-left:5px;
text-decoration:none;
padding:5px 5px 5px 10px;
_padding:5px 5px 5px 0px;
}

/* last in list */

#colRight ul li.last	{
border-bottom: dashed 0px #fff;
padding:2px;
padding-left:5px;
text-decoration:none;
padding:5px 5px 5px 10px;
_padding:5px 5px 5px 0px;
}

#colRight ul li a	{
width:100%;
color:white;
text-decoration:none;
_padding-left:3px;
}

#colRight ul li a:hover	{
color:white;
text-decoration:underline;
}


/* Login */

.user-list {
margin-top:12px;
}

.user-list ul li {
border-bottom:0px solid red;
}

#colRight #submit-user-logout {
float:right;
margin-right:14px;
}


/* ============================== */

/* Basic text and link styling */

#colRight p {
margin:0px 6px 0 6px;
padding:5px 5px 5px 10px;
border:0;
}

#colRight p a {
color:#999999;
font-weight:bold;
font-size:11px;
border:0px solid red;
}

textarea.htmlEditor {
width: 600px;
height: 400px;
border: 1px solid #000000;
}

.cpdtable {
padding-left: 10px;
padding-right: 10px;
border: solid gray 2px;
border-collapse: collapse;
}

.cpdtd {
border: solid gray 2px;
}

.cpdtablebottom {
border-bottom: solid gray 2px;
}

.cpdforcewrap {
word-break: break-all;
}

.advanced-search div.selected {
font-weight:bold;
}

.white {
color:white;
}


/* ============================== */
/* ============================== */
/* ============================== */

/* PORTLETS - Item Form Input Fields */

/* ============================== */
/* ============================== */
/* ============================== */

.search * .portlet-form-input-field {
        width:158px;
        margin-top:15px;
}

.infobutton {
margin-bottom:2px;
}

label.portlet-form-label {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
display: block;
padding-top: 4px;
margin-top:5px;
font-weight: bold;
}

.portlet-form-input-field {
background: white;
margin-bottom:2px;
font-size: 11px;
}

input.text {
width:150px
}

input.checkbox {
float:left;
border:none;
margin-top:5px;
}

label.portlet-form-label.checkbox {
margin-bottom:10px;
}

.portlet-form-button {
height: 18px;
font-size: 11px;
margin-bottom:2px;
}

input.date{
width: 120px;
padding:4px;
border: 1px solid #000;
}

input.calendar {
width:120px;
margin-right:10px;
}

input.radio {
border:none;
width:20px;
float:left;
display:inline;
}

label.radio {
width:360px;
font-size:11px;
float:left;
display:inline;
position:relative;
top:-25;
left:25;
}

.cpdradio .portlet-form-fieldset.radiolist {
width:95%;
}

.cpdradio input.radio {
border:none;
width:20px;
float:left;
display:inline;
margin-right:0px;
}

.cpdradio label.radio {
width:20px;
font-size:11px;
float:left;
display:inline;
position:relative;
top:-5;
left:5;
}

/******************************************************************************
    PORTLETS - Item Form Select Fields  	                                               
******************************************************************************/

select {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
}

select.portlet-form-input-field {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 11px;
width:250px;
}

select.select {
font-size:13px;
}


/******************************************************************************
    PORTLETS - Item Form Textarea Fields  	                                               
******************************************************************************/

textarea.portlet-form-input-field {
font:11px arial,verdana;
width: 380px;
height: 200px;
padding:4px;
}

body.htmlEditor { background: white url('../../../other_files/images/pixel.gif') no-repeat top left; }

textarea.htmlEditor {
width: 380px;
height: 400px;
padding:4px;
}

/******************************************************************************
    PORTLETS - Item Form Legend and Fieldsets                                               
******************************************************************************/

fieldset.portlet-form-fieldset {
width: 250px;
font-size: 13px;
margin-left:0px;
margin-top:10px;
margin-bottom:10px;
display:block;
}

legend.portlet-form-legend {
font-size: 11px;
font-weight:normal;
margin-left:0px;
margin-top:5px;
}

/******************************************************************************
    PORTLETS - Login                                              
******************************************************************************/

input#login.portlet-form-input-field {
width:150px;
}


/******* search field *******/

.searchField {
border:0px solid blue;
float:right;
margin:45px 20px 0 0;
_margin:50px 13px 0 0;
}

.searchField .portlet-form-input-field {
margin-bottom:2px;
margin-top:0;
margin-left:6px;
padding:2px;
float:left;
width:130px;
font-size:12px;
height:18px;
}

.searchField .portlet-form-label {
float:left;
margin-top:-1px;
color:#fff;
}

.searchField .portlet-form-button {
margin-left:3px;
margin-top:0;
padding:1px 2px 2px 2px;
float:left;
}




/*******************************************
THIS CLASS IS FOR THE REDUCED SUBS FORM ONLY
********************************************/
.hide {display: none}





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

 THESE FORUM STYLES ARE UNTESTED IN THE NEW TEMPLATE

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


/* FORUMS */


/** CONTENT FORUM STYLES **/


#content_forum	{
margin:0;
padding:12px;
voice-family: "\"}\"";
voice-family: inherit;
}

#content_forum  p {
margin-left: 0px;
margin-right: 10px;
margin-top: 0px;
margin-bottom: 1em;
}

#content_forum  p.line {
border-bottom: 1px solid #333;
margin-bottom: 0px;
padding-bottom: 0.5em;
padding-top: 0.5em;
}

#content_forum  h1, #content_forum h2, #content_forum h3, #content_forum h4 {
font-size: 14px;
font-weight: normal;
margin-top: 1em;
margin-bottom: 5px;
margin-left: 0px;
margin-right: 10px;
border-bottom: 1px solid #333;
padding-bottom: 3px;
}

#content_forum  h5, #content_forum h6 {
font-size: 1.1em;
font-weight: bold;
margin-top: 1em;
margin-bottom: 1px;
margin-left: 0px;
margin-right: 10px;
padding-bottom: 3px;
}

#content_forum  a:link    { color: #333; text-decoration: underline;}
#content_forum  a:visited { color: #333; text-decoration: underline;}
#content_forum  a:hover   { color: #000; text-decoration: underline;}
#content_forum  a:active  { color: #000; text-decoration: underline;}

#content_forum  a.sa:link    { color: #333; text-decoration: none;}
#content_forum  a.sa:visited { color: #333; text-decoration: none;}
#content_forum  a.sa:hover   { color: #000; text-decoration: underline;}
#content_forum  a.sa:active  { color: #000; text-decoration: underline;}

hr {
height: 1px;
font-size: 1.1em;
font-weight: normal;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 10px;
margin-right: 10px;
border-bottom: 1px solid #333;
}

/* temporary fix to hide search */
#search {display:none}


/*******************************************************************************
      Case Studies - Specific Styles
*******************************************************************************/

.case_wrap div, .welcome_case_studies {
	width:370px;
	height:200px;
	border:0px solid silver;
	margin:10px 0 0 12px;
	padding:0;
}

#content .case_wrap p {
color: #fff;
font-size: 1em;
font-weight: bold;
width: 120px;
padding: 28px 0 2px 10px;
}

#content .case_wrap div a {
font-size: 1.3em;
font-weight: bold;
padding: 10px;
}
/*******************************************************************************
      Text - Case studies
*******************************************************************************/

.welcome_case_studies .heading {

	color: #fff;
	font-weight: bold;
	font-size: 24px;
	margin: 0;
	padding: 12px 0px 0px 12px;
	width: 180px;
}

.welcome_case_studies .text {

	color: #fff;
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	padding: 10px 0px 0px 12px;
	width: 180px;

}


/* CPD Providers */

.cpd-provider {
margin: 15px 0;
background: #f0f0f0;
padding: 2px 7px;
border: 1px solid #ccc;
}

#wrapper .cpd-provider h2 {
border: none;
margin: 10px 0 10px 0;
color: #222;
}

.cpd-provider dl { overflow: auto;  }

.cpd-provider dt { 
width: 80px;
float: left;
font-weight: bold;
padding-top: 3px;
}

.cpd-provider dd { 
padding-top: 3px;
}