/********************************************
sz_entry.css 
modified for new jobs 
_20091105
_20091214 all lower case
_20091222 input capitalize
_20100129 commented out the #area background colour so as the upload would have white, defauklt background 
_
_
-

/*html elements*/

/*start -- difference between entry and entry_extranet*/
/* some slight column size differences further down below: line 420*/


/* headers */
h1, h2, h3 {
	font: bold 1em 'trebuchet ms', tahoma, sans-serif;
	text-transform: uppercase;
	color: #555;
}

#main h1, #rightbar h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	text-transform: uppercase;
	border-bottom: 1px solid #f2f2f2;
}	

p, h1, h2, h3 {
	margin: 10px 15px;
}

h1 { font-size: 1.5em; }
h2 { font-size: 1.3em; }
h3 { font-size: 1.2em; text-transform: none;}


/*end -- difference between entry and entry_extranet*/

body {
	margin: 0; padding: 0;
	font: 71%/1.5em  verdana, 'trebuchet ms', arial, sans-serif;
	background: url(../../images/appliedcss_images/bg_1x84.gif) repeat-x;
	color: #666666;
	text-align: center; 
/* do not change...goes hand in hand with alignment classes, around line790*/
}

/* links */
a {
	background: inherit;
	color: #ec981f; 
}
a:hover {
	background: inherit;
	color: #806b4d;
}


.linksdottedhighlight
{
	color: #003399;
	border-bottom: #ec4100 1px dashed;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
}

.linksdottedhighlight.visited
{
    color: #003399;
    border-bottom: #ec4100 1px dashed;
    text-decoration: none;
}

.linksdottedhighlight:hover
{
    border-bottom: #ec4100 1px solid;
    text-decoration: none;
    background-color: #e3f2f2;
}

.linksdottedhighlight2
{
	color: #003399;
	border-bottom: #ec4100 1px dashed;
	text-decoration: none;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1em;
}

.linksdottedhighlight2:visited
{
    color: #003399;
    border-bottom: #ec4100 1px dashed;
    text-decoration: none;
}

.linksdottedhighlight2:hover
{
   border:dashed 1px white;
	color:white;
	background-color:#008bf7;
	text-decoration:none;
}

.dotted_border
{
border-top: 1px solid #900;
/*border-bottom: 1px dotted #900;*/
/*border-style: dashed;*/
}

ul, ol {
	margin: 10px 30px;
	padding: 0 15px;	
	color: #ec981f;	
}
ul span, ol span {
	color: #666666;
}

/* images */
img {
border: 0px solid #ccc;  
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
/*  border: 2px solid #ec981f;   changed to 0 border*/ 
  border: 0px solid #ec981f;

}
a:hover img {  
  border: 0px solid #806b4d !important; /* ie fix*/   /*changed to 0 border*/
  border: 0px solid #ec981f;
}

#screen_reader{
  margin: 5px 0px 5px 0px;
  padding: 5px;
  overflow: auto;  
  background: #fafafa;
  border: 1px dashed  #999;
 /* float: right;*/
  width: 100%;
}

#screen_reader1 {
  margin: 15px 0px 2px 0px;
  padding: 0px;
/*  overflow: auto;  
  background: #fafafa;
  border: 1px dashed  #999;
/* float: right;*/
  width: 65px; 
  height: 60px;
}

#screen_reader2{
  margin: 0px 0px 2px 0px;
  padding: 0px;
/*  overflow: auto;  
  background: #fafafa;
  border: 1px dashed  #999;
 /* float: right;*/
  width: 420px;
}

#utility_panel { 
	width: 520px;   
	clear:  both; 	
	color: #666666; 	
	padding: 0;	 
	background-color: #fff;
	height: 66px; 
	float: left;
}

#utility_panel_three {
	padding: 0px;
	width: 65px;  
	float: right;
}

#utility_panel_four {
/*	padding: 5px;*/
	float: left;
	}

#loggedin {
  margin: 5px 5px 5px 5px;
  padding: 5px;
  overflow: auto;  
  background: #fafafa;
  border: 1px dashed  #999;
  float: right;
  width: 600px; 
 /*height: 25px; */

}

#loggedin_header {
	/*background-image:url(../../../_Extranet/Boards_files/images/header_240x50.png);*/
	/*background-image: url(../../images/appliedcss_images/header_220x46.png) no-repeat 5px 10px !important; 	*/
  margin: 5px 15px 5px 5px;
  padding: 5px;
  overflow: auto;  
  background: #fafafa;
  border: 1px dashed  #999;
  float: left;
  width: 250px; 
}

code {
  margin: 5px 0;
  padding: 10px;
  text-align: left;
  display: block;
  overflow: auto;  
  font: 500 1em/1.5em 'lucida console', 'courier new', monospace;
  /* white-space: pre; */
  background: #fafafa;
  border: 1px solid #f2f2f2;  
  border-left: 3px solid #ec981f;
}

#code_gen {
  margin: 5px 0;
  padding: 10px;
  text-align: center;
  display:  block;
  overflow: auto;  
  font: bold 1.3em/1.5em corbel, calibri, candara, sans-serif; 
  color: #990000;  
  background: #ffdeb3;
  border: 1px dashed  #990000;
  width: 400px; 
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}

blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #fafafa url(../../images/appliedcss_images/quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #ec981f;  
	font-weight: bold; 
}

/* form elements */
form {
	margin:10px; padding: 0;
	border: 1px solid #f2f2f2; 
/*	background-color: #fafafa;   */
	background-color: #f5f5f5;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
	margin-left: 10px;
}

input {
	padding: 2px;
	border:1px dotted #900;
	font: normal 1em verdana, sans-serif;
	color:#777;
}

.input_uppercase {
	padding: 2px;
	border:1px dotted #900;
	font: normal 1em verdana, sans-serif;
	color:#cc0066;
	text-transform:capitalize;
}

select {
	padding: 4px;
	border:1px solid #eee;
	font: normal 1em/1.5em verdana, sans-serif;
	color:#777;
	margin-left: 10px;
}

.textarea {
	/*width: 500px;    ...to be determined by the size of the field itself*/
 	padding: 5px 10px 10px 5px;  	
	font: normal 0.75em verdana, sans-serif;
	border:1px dotted #900;
	height:100px;
	display:block;
	color:#777;
	margin-left: 10px;
}

.radiobuttons {
 	padding: 5px 10px 10px 5px;  	
	font: normal 0.85em verdana, sans-serif;
	margin-left: 10px;
}


.textfield {
	width: 500px;
 	padding: 5px 10px 10px 5px;  	
	font: normal 0.75em verdana, sans-serif;
	border:1px dotted #900;
	height:30px;
	display:block;
	color:#777;
	margin-left: 10px;
}

input.button { 
	margin: 0; 
	font: bold 1em arial, sans-serif; 
	border: 1px solid #ccc;
	background: #fff; 
	padding: 1px; 
	color: #cc0000;
	margin-left: 10px;
}

/* search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;	
}
form.searchform input.textbox { 
	margin: 0; 
	width: 120px;
	border: 1px solid #ccc; 
	background: #fff;
	color: #333; 
	vertical-align: top;
}
form.searchform input.button {
	width: 55px;
	vertical-align: top;
}

/* secondary form from realworld forms*/

#div_realworld {
border-right: #333 1px dotted; 
border-top: #333 1px dotted; 
border-left: #333 1px dotted; 
border-bottom: #333 1px dotted; 
padding-right: 5px; 
padding-left: 5px; 
padding-bottom: 5px; 
padding-top: 5px; 
margin: 0px auto; 
width: 770px; 
background-color: #ccc
}

#secondary_form_text {
	border-right: #999 1px solid; 
	border-top: #999 1px solid; 
	border-left: #999 1px solid; 
	border-bottom: #999 1px solid; 
	padding-right: 5px; 
	padding-left: 5px; 
	padding-bottom: 5px; 
	padding-top: 5px; 
	font-family: verdana, arial, helvetica, sans-serif;
	background-color: #ffe
}

div.spacer5 {
	clear: right; padding-right: 0px; padding-left: 0px; font-size: 1px; padding-bottom: 5px; margin: 0px; line-height: 1px; padding-top: 0px
}

div.spacer10 {
	clear: right; padding-right: 0px; padding-left: 0px; font-size: 1px; padding-bottom: 10px; margin: 0px; line-height: 1px; padding-top: 10px
}

div.row span.label_inline  {
float: left; width: 200px; 	
font-family: verdana, arial, helvetica, sans-serif;
font-size: 1.1em; 
font-weight:bold;
text-align: left; 
padding-right: 10px;
margin: 10px;

}
div.row span.formw_inline {
 width: 650px; 
 text-align: left;
 /*float: right*/
}

div.row {
	clear: right; padding-top: 5px
}

/*end of secondary form*/

/* start - table */

table {
	border-collapse: collapse;
	margin: 10px;
	text-align: center;
}
th strong {
	color: #fff;
}

th {
	background: #e7e6e6;
	height: 29px;
	padding-left: 12px;
	padding-right: 12px;	
	text-align: left;
	border-left: 1px solid #f4f4f4;
	border-bottom: solid 2px #fff;
	color: #333;
}

tr {
	height: 30px;
}

td {
	padding-left: 11px;
	padding-right: 11px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #fff;
	text-align: left;
}

td.first,th.first {
	border-left: 0px;
}

tr.row-a {
	background: #f8f8f8;
}

tr.row-b {
	background: #efefef;		
}
/* end - table */



/*****************/
/*    layout     */
/*****************/

#wrap {
	margin: 0 auto;
   width: 1000px;  	
	text-align: left;		
	background: #fff url(../../images/appliedcss_images/bg_1x84.gif) repeat-x;	
}

#content-wrap {
	clear:both;
   margin: 0; padding:0;
	width: 970px;	
}

/* header */
#header {
	position: relative;
	background: url(../../images/appliedcss_images/newcharter_logo.jpg) no-repeat 0% 0%;
	height: 84px;	
}
#header h1#logo {
	position: absolute;
	margin: 0; padding: 0;
	font: bolder 4.1em 'trebuchet ms', arial, sans-serif;
	letter-spacing: -2px;
	color: #ccc;
	text-transform: lowercase;
	/* change the values of top and left to adjust the position of the logo*/
	top: 0; left: 5px;	
}
#header h2#slogan {
	position: absolute;
	margin: 0; padding: 0;
	font: bold 1em 'trebuchet ms', arial, sans-serif;
	text-transform: none;
	color: #fff;
	/* change the values of top and left to adjust the position of the slogan*/
	top: 48px; left:65px;		
}
#header .searchform {
	position: absolute;
	top: 5px; right: 3px;	
}

#header span#slogan {
	float: right;
	left: 3px;
	bottom: 7px;
	font: 1em tahoma,  sans-serif;
	color: #fff;
	width: 400px;
}

#header-logo {
	position: relative;
	clear: both;
	height: 50px; 
	width: 550px; 
	margin: 0; padding: 0;	
}
#header-logo #logo {
	position: absolute;
	top: 3px;
	left: 5px;
	font: bold 30px "trebuchet ms", arial, tahoma, sans-serif;
	margin: 0;
	padding: 0;
	letter-spacing: -1px;
	color: #000;
	width: 300px;
}
.spacer_box {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 0.9em;
	text-align: justify;
	line-height: 16px;
	letter-spacing: 2px;
	padding: 20px;
	border-width: 0px;
	border-style: dotted;
}

/* main column */
#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 54%;	
	border-left: 1px solid #f2f2f2;
}

#mainx {
	margin: auto; 
	width: 975px;
}

#main2 {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 77%;	
	border-left: 1px solid #f2f2f2;
}

#main3 {
	float: left;
/*	margin-left: 15px;*/
	padding: 0;
	width: 100%;	
	border-left: 1px solid #f2f2f2;
}

#main4 {
	float: left;
/*	margin-left: 15px;*/
	padding: 0;
	width: 70%;	
	border-left: 1px solid #f2f2f2;
}

.post-footer {
	background-color: #fafafa;
	padding: 5px; margin-top: 20px;
	font-size: 95%;
	border: 1px solid #f2f2f2;
}
.post-footer .date {
	background: url(../../images/appliedcss_images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../../images/appliedcss_images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../../images/appliedcss_images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}

/* sideabar */
#sidebar {
	float: left;
	width: 21%;
	margin: 0;	padding: 0; 
	display: inline;	
}

#sidebar h1 {
	padding: 10px 0px 5px 30px;
	background: url(../../images/appliedcss_images/square_arrow.gif) no-repeat 2px 12px;
	margin: 0;
	text-transform: uppercase;	
}

#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;	
	padding-right: 0;		
	text-decoration: none;
}
#sidebar ul.sidemenu li {
	border-bottom: 1px solid #eff0f1;
	background: url(../../images/appliedcss_images/arr1.gif) no-repeat 2px 5px;
	padding: 2px 5px 2px 15px;	

}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
	font-weight: bold;
	background-image: none;
	text-decoration: none;	
}


/* sideabar2 */
#sidebar2 {
	float: left;
	width: 23%;
	margin: 0;	padding: 0; 
	display: inline;	
}

#sidebar2 h1 {
	padding: 10px 0px 5px 30px;
	background: url(../../images/appliedcss_images/square_arrow.gif) no-repeat 2px 12px;
	margin: 0;
	text-transform: uppercase;	
}

#sidebar2 ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 8px 0;	
	padding-right: 0;		
	text-decoration: none;
}
#sidebar2 ul.sidemenu li {
	border-bottom: 1px solid #eff0f1;
	background: url(../../images/appliedcss_images/arr1.gif) no-repeat 2px 5px;
	padding: 2px 5px 2px 15px;	

}

* html body #sidebar2 ul.sidemenu li { height: 1%; }

#sidebar2 ul.sidemenu a {
	font-weight: bold;
	background-image: none;
	text-decoration: none;	
}


/* rightbar */
#rightbar {
	float: right;
	width: 21%;
	padding: 0;	margin: 0;	
	border-left: 1px solid #f2f2f2;
}

#rightbar2 {
	float: right;
	width: 28%;
	padding: 0;	margin: 0;	
	border-left: 1px solid #f2f2f2;
	
}

/* footer  standard version*/
#footer {
	clear: both;
	background: #fff url(../../images/appliedcss_images/footerbg.gif) repeat-x left top;
	border-top: 1px solid #f2f2f2;
	text-align: center;	
	height: 50px;	
	
}
#footer a {
	text-decoration: none;
	font-weight: bold;
}

/* end footer  standard version*/

/* footer  2 secondary pages*/

div#footer2_wrapper {
/*	background: url(../../images/appliedcss_images/footer2_wrapper_bg.gif) #d4d9dd repeat-y center 50%;   */
		margin: 0px; 
		font: 12px arial, helvetica, sans-serif; 
		color: #333;
}

div#footer2_container {
	margin: 0px auto; width: 890px; background-color: #fcfcfc;
}

div#footer2 {
	clear: both; margin: 0px 19px 0px;
}
div#footer2_top {
	padding-right: 10px; 
	padding-left: 10px; 
	padding-bottom: 4px;
	padding-top: 12px;
	overflow: hidden;
	background-image: url(../../images/appliedcss_images/footer2_bg2.gif);    background-repeat: repeat-x; height: 1%; background-color: #708090;  
}
div#footer2_leftcol {
	float: left; width: 175px;
}
div#footer2_rightcol {
	float: right; width: 625px; text-align: left;	
}
div#footer2_search {
	padding-right: 6px; padding-left: 6px; padding-bottom: 6px; margin: 111px 0px 0px; overflow: hidden; padding-top: 6px; height: 1%; background-color: #2f4f4f	;	
}
form#footer2_search_form {
	margin: 0px
}
input#footer2_search_textbox {
	border-top-width: 0px; padding-right: 0px; display: block; padding-left: 0px; border-left-width: 0px; font-size: 13px; float: left; border-bottom-width: 0px; padding-bottom: 0px; margin: 0px 6px 0px 0px; width: 100px; color: #333; padding-top: 0px; height: 20px; border-right-width: 0px;
}
div#footer2_search_submit {
	padding-right: 0px; padding-left: 0px; font-weight: bold; font-size: 11px; padding-bottom: 0px; padding-top: 3px;
}
div#footer2_search_submit a {
	color: #fff;
}
div.footer2_navrow {
	font: .8em  verdana, arial, sans-serif; 
	margin: 0px 0px 4px; 
	overflow: hidden; 
	color: #fff; 
	height: 1%;
	
}
div.footer2_navcat {
	font-weight: bold; float: left; width: 90px;
}
div.footer2_navlinks {
	float: right; width: 510px;
}
div.footer2_navlinks a {
	color: #ffcc00;
}
div.footer2_navlinks ul {
	padding-right: 0px; padding-left: 0px; padding-bottom: 0px; margin: 0px; padding-top: 0px; list-style-type: none;
}
div.footer2_navlinks ul li {
	padding-right: 0px; display: inline; padding-left: 0px; padding-bottom: 0px; margin: 0px 3px 0px 0px; padding-top: 0px;
}
div#footer2_bot {
	padding-right: 10px; padding-left: 10px; padding-bottom: 6px; overflow: hidden; color: #fff; padding-top: 6px; height: 1%; 
	background-color: #7d868b;
	text-align: left;	
	font: .8em  verdana, arial, sans-serif;
}
div#footer2_feedback_box_wrapper {
	float: left ; overflow: hidden; width: 175px; color: #666; background-color: #fff
}
div#footer2_feedback_box_wrapper img {
	padding-right: 10px; display: block; padding-left: 6px; float: left; padding-bottom: 6px; padding-top: 6px
}
div#footer2_feedback_box_text {
	float: right; margin: 820px 0px 0px ; width: 97px
}
div#footer2_feedback_box_text a {
	color: #666
}

/* end footer  2 secondary pages*/

/* menu */
#menu {
	clear: both;
	margin: 0; padding: 0;	
}
#menu ul {	
	position: relative; 
	bottom: 4px;
	margin: 0; padding: 0;	
	float: left;
	font: bold 1.4em 'trebuchet ms', tahoma, arial, sans-serif;
	width: 970px;
	/*width: 850px; 775px; */
	border: 1px solid #808080;
	border-width: 0 0 4px 0;	
	list-style: none;
}
#menu ul li{
	display: inline;	
}
#menu ul li a {	
	position: relative; bottom: -4px;
	float: left;
	color: #808080;
	padding: 0px 10px;
	text-decoration: none;
	background: white url(../../images/appliedcss_images/menudivide.gif) repeat-y right top; 
	border-bottom: 4px solid #808080; 	
}
#menu ul li a:hover{
	color: black;
	background-color: #f3f3f3; 
	border-bottom: 4px solid #ffa600;
}
#menu ul li#current a{
	color: #333;
	background-color: #f3f3f3; 
	border-bottom: 4px solid #ffa600;
}

/* alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;	}
.align-justify { text-align: justify; }

/* display classes */
.clear  { clear: both; }
.block  { display: block; }
.hide   { display: none; }	
.orange { color: #ffa600; }
.red   { color: #cc0000; }

.comments { 
	margin: 20px 10px 5px 10px; 
	padding: 3px 0;
	border-bottom: 1px dashed #eff0f1; 	
	border-top: 1px dashed #eff0f1;	
}

/*grid2 for the toolbox
merged with the sz_entry.css */

div.grid2css {
	margin-bottom: 5px; 
	margin-left: 5px; 
	margin-right: 10px; 
	margin-top: 10px;
	width: auto; 
	height: auto; 
	}

div.grid2css table {
	border-bottom: #666666 1px dotted; 
/*	border-left: medium none; */
	border-left: #666666 1px dotted;
/*	border-top: #666666 1px dotted; */
	border-right: #666666 1px dotted;
	background-color: #ffffff; 
	border-collapse: separate; 
/*	font-size: inherit; */
}

div.grid2css table td {
	padding-bottom: 0.05em; 
	padding-left: 2px; 
	padding-right: 0.35em;
	padding-top: 0.05em; 
	vertical-align: middle; 
}
div.grid2css table th {
	padding-bottom: 0.05em; 
	padding-left: 2px; 
	padding-right: 0.35em; 
	padding-top: 0.05em;
	vertical-align: middle; 
}
div.grid2css table th {
	background: #b6cde1; color: #fff; vertical-align: middle; 
}
div.grid2css table td {
	border-top: #666666 1px dotted
}
div.grid2css table td {
/*	border-left: #666666 1px dotted*/
}
div.grid2css table th {
	border-left: #666666 1px dotted
}
div.grid2css table tr {
	background-color: #ddd
}
div.grid2css table tr.odd {
	background-color: #fff
}
div.grid2css table tfoot tr {
	background-color: #fff
}


/* sidebox  */

/* show only to ie pc \*/
* html .boxhead h2 {height: 1%;} /* for ie 5 pc */

.sidebox {
	margin: 0 auto; /* center for now */
	width: 17em; /* ems so it will grow */
	background: url(side_box/sbbody-r.gif) no-repeat bottom right;
	font-size: 100%;
}
.boxhead {
	background: url(side_box/sbhead-r.gif) no-repeat top right;
	margin: 0;
	padding: 0;
	text-align: center;
}
.boxhead h2 {
	background: url(side_box/sbhead-l.gif) no-repeat top left;
	margin: 0;
	padding: 22px 30px 5px;
	color: white; 
	font-weight: bold; 
	font-size: 1.2em; 
	line-height: 1em;
/* text-shadow: rgba(0,0,0,.4) 0px 2px 5px; /* safari-only, but cool */
}
.boxbody {
	background: url(side_box/sbbody-l.gif) no-repeat bottom left;
	margin: 0;
	padding-bottom: 0.55em; 
	padding-left: 1.6em; 
	padding-right: 0.8em; 
	padding-top: 0.25em;
}

/* toolbox  */
.toolbox {
	font-size: x-small;
	font-family: arial, helvetica, sans-serif;
}

/* teaser_200 */
	.teaser {
		width:200px;
		padding:0 0 14px 0;
		margin:10px auto;
/*		background:url("boxed_200.gif") bottom left no-repeat;*/
		background:url(../../images/appliedcss_images/boxed_200.gif) bottom left no-repeat;

	}
	.teaser h3 {
		margin:0;
		padding:7px 10px 3px 10px;
/*		background:url("boxed_200.gif") top left no-repeat;*/
		background:url(../../images/appliedcss_images/boxed_200.gif) top left no-repeat;
		
	}
	.teaser p, .teaser a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
	}
	.teaser a.more {
		display:block;
		text-align:right;
		background:url(../../images/appliedcss_images/tsr-a.gif) 410px 50% no-repeat;
		padding:0 24px 0 0;
		text-decoration:none;
		color:#44a;
	}
	.teaser a.more:hover {
		text-decoration:underline;
	}

/* teaser_boxed_430 */ 
	.teaser_430 {
		width:430px;
		padding:0 0 14px 0;
		margin:10px auto;
		background:url(../../images/appliedcss_images/boxed_430.gif) bottom left no-repeat;
	}
	.teaser_430 h3 {
		margin:0;
		padding:7px 10px 3px 10px;
		background:url(../../images/appliedcss_images/boxed_430.gif) top left no-repeat;
	}
	.teaser_430 p, .teaser_430 a.more {
		margin:0;
		padding:0 10px 3px;
		border:1px solid #d8d8d8;
		border-width:0 1px;
		background:#fff;
}

/*Extranet_related_in_the_main*/
/* Calendar
22.09.09
*/

div.calendar_links		a   	       	{color:	#006699; text-decoration:none}
div.calendar_links		a:link			{color:	#003399; text-decoration:none}
div.calendar_links		a:visited		{color:	#003399; text-decoration:none}
div.calendar_links		a:hover 		{color: #ff0000; text-decoration:underline}

.calendar_text {
/*	font-family: verdana, arial, helvetica, sans-serif;*/
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 70%;
	color:#993300;
}
.calendar_textbold {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
}

.bgheader {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #003399;
	background-color: #577885;
}
.bggrey {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #666666;
	background-color: #cccccc;
}
.bgcurrentday {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	background-color: #ffff99;
}
.bgdaylisting {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #ffffff;
	background-color: #abbcc2;
}
.bgmonthlisting {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 65%;
	font-weight: bold;
	color: #ffffff;
/*	background-color: #577885;*/
	background-color: #996666;
}


/* End calendar*/


/*
BoardsEX.css    22.09.09
start
*/ 

.aha {
	clear: both; 
	height: 1px;
}

#area {
/*	background: #adadad; */
	width: 100%; 
	border-top: #ff9900 10px  solid;
	border-bottom: #ff9900 5px solid;

}
#content {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	padding-top: 0px; 
	text-align: left;
}
#content_left {
	float: left; 
	margin: 0px; 
	width: 200px;
}
#content_right {
	padding-right: 0px; 
	padding-left: 10px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px;
	width: 750px; 
	padding-top: 0px;
}

#content_right_news {
	padding-right: 0px; 
	padding-left: 10px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px;
	width: 850px; 
	padding-top: 0px;
}

.empty10 {
	display: block; 
	height: 10px
}
.empty5 {
	display: block; 
	height: 15px
}

#text {
	margin-top: 12px; 
	background: #fff; 
	width: 740px; 
	text-align: left
}

#left {
	background: #fff; 
	float: left; 
	margin: auto; 
	width: 200px
}

#segretariato {
  margin: 5px 15px 5px 5px;
  padding: 5px;
  overflow: auto;  
  background: #F5DEB3;
  border: 1px dashed  #999;
  width: 175px; 
  text-align: center;
  font: bold 1.3em/1.5em corbel, calibri, candara, sans-serif;
}

#segretariato2
{
border-top: 1px solid #900;
border-bottom: 1px solid #900;

  margin: 5px 15px 5px 5px;
  padding: 5px;
  overflow: auto;  
  width: 175px; 
  font: bold 1.1em/1.3em corbel, calibri, candara, sans-serif;
} 


/* collapsible menu 021109
nav was replaced with cMenu*/

#cMenu {
	margin-top: 10px; 
	padding-left: 12px; 
	float: left; 
	margin-left: 0px; 
	width: 175px; 
	background-color: #fff
}


#cMenu a {
	display: block; 
	padding-left: 20px; 
	padding-bottom: 3px; 
	margin: 0px; 
	width: 155px; 
	padding-top: 3px; 
	text-decoration: none
}
#cMenu a:link {
	font-weight: 	bold; 
	color: #666
}
#cMenu a:active {
	font-weight: 	bold; 
	color: #666
}
#cMenu a:visited {
	font-weight: 	bold; 
	color: #666
}
#cMenu a:hover {
	background: url(../images/b09_10x.gif) #f8f8f8 no-repeat 5px 6px; 
	color: #3366cc
}
#cMenu li {
	border-right: #93adc9 1px dotted; 
	border-top: #93adc9 1px dotted; 
	margin-top: 3px; 
	background: url(../images/b08_10x.gif) no-repeat 5px 6px; 
	margin-left: 0px; 
	border-left: #93adc9 1px dotted; 
	width: 175px; 
	border-bottom: #93adc9 1px dotted
}
#cMenu li.ticket {
	border-right: #93adc9 1px dotted; 
	border-top: #93adc9 1px dotted; 
	margin-top: 3px; 
	background: url(../images/b08_10x.gif) #eee no-repeat 5px 6px; 
	margin-left: 0px; 
	border-left: #93adc9 1px dotted; 
	width: 175px; 
	border-bottom: #93adc9 1px dotted
}
#cMenu ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none
}

/* ddaccordion css file

cMenu2

*/

.cMenu2{
	margin-top: 10px; 
	padding-left: 10px; 
	float: left; 
	margin-left: 0px; 
	width: 175px; 
	background-color: #fff
}

.cMenu2 a.menuitem{
display: block;
position: relative; /*to help in the anchoring of the ".statusicon" icon image*/
width: 175px; 
font-weight: bold;  
color: #666;
padding: 4px 0;
padding-left: 6px;
padding-bottom: 3px; 
padding-top: 3px; 
text-decoration: none;
margin: 0px; 
border-right: #93adc9 1px dotted; 
border-top: #93adc9 1px dotted; 
border-left: #93adc9 1px dotted; 
border-bottom: #93adc9 1px dotted

}

.cMenu2 a.menuitem:visited, .cMenu2 .menuitem:active{
	font-weight: 	bold; 
/*	color: #666*/
}

.cMenu2 a.menuitem .statusicon{ /*css for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}

.cMenu2 a.menuitem:hover{
	background: url(../images/b09_10x.gif) #f8f8f8 no-repeat 5px 6px; 
	color: #3366cc
}

.cMenu2 div.submenu{ /*div that contains each sub menu*/
background: white;
}

.cMenu2 div.submenu ul{ /*ul of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

.cMenu2 div.submenu ul li{
	border-right: #93adc9 1px dotted; 
	border-top: #93adc9 1px dotted; 
	margin-top: 3px; 
	background: url(../images/b08_10x.gif) no-repeat 5px 6px; 
	margin-left: 0px; 
	border-left: #93adc9 1px dotted; 
	width: 175px; 
	border-bottom: #93adc9 1px dotted
}

.cMenu2 div.submenu ul li a{
display: block;
text-decoration: none;
padding: 2px 0;
padding-left: 25px;
font-family: Verdana, Arial, helvetica, sans-serif;
font-size: 1em;
}

.cMenu2 div.submenu ul li a:hover{
background: #dfdccb;
color: white;
}

/* end os collapsible cMenu2 021109*/

/* parts section  


.new_partmain {
	padding-right: 0px; 
	padding-left: 10px; 
	float: left; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px
}

*/

.new_part_title {
	padding-right: 2px; 
	padding-left: 2px; 
	font-weight: bold; 
	font-size: 110%; 
	padding-bottom: 2px; 
	color: #cc0000; 
	padding-top: 2px;
}

.new_part_head {
	padding-right: 4px; 
	padding-left: 4px; 
	font-weight: bold; 
	background: url(../images/back03.gif) 0px -1px; 
	padding-bottom: 4px; 
	margin: 0px; 
	color: #000;
	padding-top: 4px; 
	border-bottom: #ccc 1px dotted;
}

.new_part1 {
	border-right: #ccc 1px solid; 
	padding-right: 0px; 
	border-top: #ccc 1px solid; 
	padding-left: 0px; float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 10px; 
	border-left: #ccc 1px solid; 
	width: 232px; 
	padding-top: 0px; 
	border-bottom: #ccc 1px solid; 
	background-color: #fff;
}

.new_part1 ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none;
}

.new_part1 ul.news {
	background: url(../images/news.png) no-repeat 170px 10px;
}

.new_part1 li {
	padding-right: 0px; 
	padding-left: 15px; 
	background: url(../images/arrow_orange02.gif) no-repeat 5px 4px; 
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 1px; 
	list-style-type: none;
}

.new_part2 {
	border-right: #ccc 1px solid; 
	padding-right: 0px; 
	border-top: #ccc 1px solid; 
	padding-left: 0px; float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 10px; 
	border-left: #ccc 1px solid; 
	width: 232px; 
	padding-top: 0px; 
	border-bottom: #ccc 1px solid; 
	background-color: #fff;
}

.new_part2 ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none;
}

.new_part2 ul.calendar {
	background: url(../../../_Extranet/Boards_files/images/calendar_84x_2.gif) no-repeat 170px 10px;
}

.new_part2 li {
	padding-right: 0px; 
	padding-left: 15px; 
	background: url(../images/arrow_orange02.gif) no-repeat 5px 4px; 
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 1px; 
	list-style-type: none;
}

.new_part3 {
	border-right: #ccc 1px solid; 
	padding-right: 0px; 
	border-top: #ccc 1px solid; 
	padding-left: 0px; float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 10px; 
	border-left: #ccc 1px solid; 
	width: 232px; 
	padding-top: 0px; 
	border-bottom: #ccc 1px solid; 
	background-color: #fff; 
}
	
.new_part3 ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none; 
}

.new_part3 ul.reports { 
background: url(../../../_Extranet/Boards_files/images/reports_84x_2.gif) no-repeat 170px 10px; 
}

.new_part3 li {
	padding-right: 0px; 
	padding-left: 15px; 
	background: url(../images/arrow_orange02.gif) no-repeat 5px 4px; 
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 1px; 
	list-style-type: none; 
}

.new_part4 {
	border-right: #ccc 1px solid; 
	padding-right: 0px; 
	border-top: #ccc 1px solid; 
	padding-left: 0px; float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 10px; 
	border-left: #ccc 1px solid; 
	width: 232px; 
	padding-top: 0px; 
	border-bottom: #ccc 1px solid; 
	background-color: #fff; 
}
	
.new_part4 ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none; 
}

.new_part4 ul.training { 
background: url(../../../_Extranet/Boards_files/images/training_84x_2.gif) no-repeat 170px 10px; 
}

.new_part4 li {
	padding-right: 0px; 
	padding-left: 15px; 
	background: url(../images/arrow_orange02.gif) no-repeat 5px 4px; 
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 1px; 
	list-style-type: none; 
}

.new_part5 {
	border-right: #ccc 1px solid; 
	padding-right: 0px; 
	border-top: #ccc 1px solid; 
	padding-left: 0px; float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 10px; 
	border-left: #ccc 1px solid; 
	width: 232px; 
	padding-top: 0px; 
	border-bottom: #ccc 1px solid; 
	background-color: #fff; 
}
	
.new_part5 ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none; 
}

.new_part5 ul.personal { 
background: url(../../../_Extranet/Boards_files/images/personal_84x_2.gif) no-repeat 170px 10px; 
}

.new_part5 li {
	padding-right: 0px; 
	padding-left: 15px; 
	background: url(../images/arrow_orange02.gif) no-repeat 5px 4px; 
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 1px; 
	list-style-type: none; 
}

.new_part6 {
	border-right: #ccc 1px solid; 
	padding-right: 0px; 
	border-top: #ccc 1px solid; 
	padding-left: 0px; float: left; 
	padding-bottom: 0px; 
	margin: 0px 0px 0px 10px; 
	border-left: #ccc 1px solid; 
	width: 232px; 
	padding-top: 0px; 
	border-bottom: #ccc 1px solid; 
	background-color: #fff; 
}
	
.new_part6 ul {
	padding-right: 0px; 
	padding-left: 0px; 
	padding-bottom: 0px; 
	margin: 0px; 
	padding-top: 0px; 
	list-style-type: none; 
}

.new_part6 ul.suggestions { 
background: url(../../../_Extranet/Boards_files/images/suggestions_84x_2.gif) no-repeat 170px 10px; 
}

.new_part6 li {
	padding-right: 0px; 
	padding-left: 15px; 
	background: url(../images/arrow_orange02.gif) no-repeat 5px 4px; 
	padding-bottom: 2px; 
	margin: 0px; 
	padding-top: 1px; 
	list-style-type: none; 
}

/* end of BoardsEx.css*/

/* 
ver6_green.css
22.09.09
*/

/*
 table, td, input 
{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 1.03em;
}
*/


#tabnav
	{
	height: 20px;
	margin: 0;
	padding-left: 16px;
	font-family: verdana, arial, helvetica, sans-serif;
	}

#tabnav li
	{
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
  	}
	
#tabnav a:link, #tabnav a:visited
	{
	float: left;
	background: #f3f3f3;
	font-size: 1em;
	line-height: 14px;
	font-weight: bold;
	padding: 2px 12px 2px 12px;
	margin-right: 4px;
	border: 1px solid #ccc;
	border-bottom: 1px solid #fff;		
	text-decoration: none;
	color: #000000;
	}

#tabnav a:link.active, #tabnav a:visited.active
	{
	border-bottom: 1px solid #fff;
	background: #ffffff;
	color: #003399;
	}

#tabnav a:hover
	{
	background: #ffffff;
	color: #003399;
	}

.verticalmenuhome {
	padding-left: 5px; 
	background: #6d9ce2; 
	padding-bottom: 3px; 
	font: bold 0.7em verdana, arial, helvetica, sans-serif; 
	padding-top: 3px; 
	border-bottom: #cccccc 1px solid;
}
.verticalmenuhome a {
	color: white; 
	text-decoration:none;
}
.verticalmenuhome a:hover {
	color: white;
}

.verticalmenu {
	padding-left: 5px; 
	background: #fff; 
	padding-bottom: 3px; 
	font:  0.85em corbel, calibri, candara, sans-serif; 
	padding-top: 3px; 
/*	border-top: #cccccc 1px dotted; */
}

.verticalmenu a {
	color: #1a5581;
	text-decoration:none;

}
.verticalmenu a:hover {
	color: #f5733a;
}

#leftnavi {
/*	background-color:#e7e7de;*/
	background-color:#ffffff;
	border-right: 1px dotted #933;
}

.articlelistcattd {
	padding-left: 5px; 
	background: #fff; 
	padding-bottom: 3px; 
	font: bold 80% verdana, arial, helvetica, sans-serif; 
	padding-top: 3px; 
	border-bottom: #cccccc 1px solid;
}

.articlelistsummary {
	padding-left: 5px; 
	background: #fff; 
	padding-bottom: 3px; 
	font: 80% verdana, arial, helvetica, sans-serif; 
	padding-top: 3px; 
	border-bottom: #cccccc 1px solid;
}
.articlelistdateauthor {
	padding-left: 5px; 
	background: #e9eae7; 
	padding-bottom: 3px; 
	font: 0.7em verdana, arial, helvetica, sans-serif; 
	padding-top: 3px; 
	border-bottom: #cccccc 1px solid;
}

.articlelistreviews {
	padding-right: 5px; 
	background: #fdfefc; 
	padding-bottom: 1px; 
	font: 0.7em verdana, arial, helvetica, sans-serif; 
	padding-top: 1px; 
	border-bottom: #cccccc 1px solid;
}

#articlelistreviews a:link, #articlelistreviews a:visited {
	color: #0000ff;
}

#articlelistreviews a:hover {
	color: #cc0000;
}

a.articlelistcat:link, a.articlelistcat:visited {
	color: #f5733a;
}

a.articlelistcat:hover {
	color: #1a5581;
	background-color:#ffffcc;
}

a.articlelistheadline:link, a.articlelistheadline:visited {
	color: #1a5581;
}
a.articlelistheadline:hover {
	color: #f5733a;
}


/* navigation beetween page */
.pages {
    padding: 1em 1em 2em 1em;
    margin: 1em 0;
    font-size: 0.7em; 
	font-weight:bold;
}

.pages a, .pages span {
    display: block;
    float: left;
    padding: 0.2em 0.5em;
    margin-right: 0.1em;
    border: 1px solid #fff;
    background: #fff;
}

.pages span.current {
    border: 1px solid #333;
    font-weight: bold;
    background: #009900;
    color: #fff;
}

.pages a {
    border: 1px solid #009933;
    text-decoration: none;
}

.pages a:hover {
    border-color: #333;
}

.pages a.nextprev {
    font-weight: bold;
}

.pages span.nextprev {
    color: #666;
}

.pages span.nextprev {
        border: 1px solid #ddd;
        color: #999;
}

/*end of Ver 6 green*/


/*CSS for Simple Tree Menu ----original*/

.treeview 
{ 
margin: 2px;
padding: 4px;
font: normal 0.7em  Verdana, Arial, helvetica, sans-serif;
}

.treeview ul{
margin: 0;
padding: 0;
}

.treeview li{ /*Style for LI elements in general (excludes an LI that contains sub lists)*/
background: url(http://www.newcharter.co.uk/assets/images/AppliedCSS_images/list.gif)  no-repeat left center;
list-style-type: none;
padding-left: 14px;
margin-bottom: 3px;
}

.treeview li.submenu{ /* Style for LI that contains sub lists (other ULs). */
background: url(http://www.newcharter.co.uk/assets/images/AppliedCSS_images/closed.gif) no-repeat left 1px;
/*cursor: hand !important;*/
cursor: pointer !important;
}

.treeview li.submenu ul{ /*Style for ULs that are children of LIs (submenu) */
display: none; /*Hide them by default. Don't delete. */
}

.treeview .submenu ul li{ /*Style for LIs of ULs that are children of LIs (submenu) */
cursor: default;
}

/* end of dd_SimpleTreeMenu*/