/* BREAD CRUMBS
To set up a bread crumb, first set up a paragraph tag with the class="BreadCrumb", then
simply the links inside the paragraph tag */
.breadCrumb {
	font-weight:400px;	
	border-bottom:1px dotted #999 !important;
	border-bottom:1px solid #ccc;
	padding: 0 0 10px 0;
}

/* PAGE CAPTIONS
To set up a page caption, set up a paragraph tag with the class="PageCaption" */
#pageCaption {
	padding: 0px 0 20px 0px;
}
.bodyText  {
	color:#666;
	font: bold 1.2em Arial, Helvetica, sans-serif ;
	font-weight:bold;
	margin: 0 0 15px 0;
	padding:0;
}

#content ul{
list-style-image: url(../images/bullet-other.gif);
#list-style-image: url(../images/bullet-IE.gif);

}



/* 2 COLUMN SET UP
To set up content in a left & right column, use a div tag with the class="leftColumn" for the left content and class="rightColumn" for the right */

.leftColumn {
	display:block;
	width:48%;
	margin:0px 0px inherit 0px;
	padding:0;
}
.rightColumn {
	display:block;
	width:48%;
	float:right;
	margin:0px 0px inherit 0px;
	padding:0;
}

/* TABLE STYLE */
.table-heading {color: #ffffff}
.table-side-headings {color: #ffffff; font-weight: bold; }
.table-text {color: #666666}

.table-list ul{
margin: 0px 0px 0px 15px;
padding-left: 0px;
}

.table-list li{
margin: 0px 0px 0px 0px;
padding: 2px 0px;
}

/* CASE STUDIES
This contains all the case studies styles */
.caseStudies {
}

.caseStudiesThumb{
width:210px;
height:335px;
float:left;
background:#eaeaea;
padding: 5px;
margin:0 5px 5px 0;
}
.caseStudiesThumb p {
height:70px;
margin: 0px 0px 5px 0px;
padding: 0;
}
.caseStudiesThumb h2 {
display:block;
height:30px;
font-size: 1em;
margin:2px 0px 0px 0px;
}
.caseStudiesThumb h3 {
display:block;
height:30px;
font-size: 1.1em;
margin: 0px 0px 2px 0px;
}
.caseStudiesThumb h4 {
position:absolute;
color:#f48026;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 1em;
}

.caseStudiesThumb a:link img, .caseStudiesThumb a:visited img, .caseStudiesThumb a:active img{
padding:2px;
background:#fff;
}

.caseStudiesThumb a:hover img{
padding:2px;
background:#666;
}

/*List on Clients Page */

.clientsList {
padding-bottom: 18px;
}

.clientsList li{
margin-bottom: 2px;

}


/* CLIENT LOGOS
This controls the image attributes on the client pages */
#clientLogos {
width:670px;
}
.clientLogos img {
padding: 7px;
float:left;
}

/* CLIENT DESIGN LOGOS
This controls the image attributes on the client-design.asp page */
#clientDesignLogos {
width:670px;
}
.clientDesignLogos {
width:200px;
float:left;
border:solid 1px #eaeaea;
background:#F3F3F3;
padding: 5px;
margin:0 5px 5px 0;
}
.clientDesignHeader {
margin: 10px 0px 0px 0px;
clear:left;
}
.clientDesignLogos img {
border:solid 1px #666666;
margin: 0px 0px 8px 0px;
}

/* EMAIL FORM
This contains all the styles for the email form within the sidebar */

.emailFormTitle{
color:#f48128;
text-transform:uppercase;
font-weight:400px;	
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding: 0 0 8px 0;
margin:0 0 15px 0;
}

.emailForm {
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
width: 200px;
margin:1px 0;
}

.emailButton {
text-align:left;
border-bottom:1px dotted #999 !important;
border-bottom:1px solid #ccc;
padding: 5px 0;
}

.surveyForm {
font-size:1em;
font-family: Arial, Helvetica, sans-serif;
width: 500px;
margin:1px 0;
}

/* CAREERS FORM 
Layout for the caeers pages */

.careers td {
padding: 5px;
}

.careersHeader {
background:#ccc;
}

.careersContent {

}

.careerButtons {
font-size: 1em;
margin: 5px 0;
}

.careerInput {
font-size: 1em;
margin: 0;
}

.acrobatLogo {
float:left;
margin: 0 10px 0 0;
}
.altRow {
background:#e5e5e5;
}


/* MISC IMAGES
Everything else */

.imageRight {
float: right;
border:1px solid #ccc;
padding:5px;
margin: 0 0 0 10px;
}

.partner {
height: auto !important;
height:90px;
min-height:90px;
}

.partnerImage {
float:left;
border:1px solid #ccc;
margin: 0 10px 0 0;
}

.disclaimerList {
margin-top: 0px; 
list-style: none;
padding: 0;
}

	.disclaimerList li{
	list-style: none;
	padding: 3px 5px;
	}


/* CSP
This contains all the Citizen Service Platform styles */

#CSP {
/*
width:102px;
height:335px;*/
float:right; 
clear:left;
/*background:#eaeaea;*/
padding:10px 0px 0px 10px;
margin:0px 0px 0px 15px;
}

.CSPThumb{
}

.CSPThumb h4 {
padding:2px 2px;
color:#f48026;
font-size: 0.9em;
font-weight:normal;
}

.CSPThumb a:link img, .CSPThumb a:visited img, .CSPThumb a:active img{
padding:2px;
background:#fff;
}

.CSPThumb a:hover img{
padding:2px;
background:#666;
}

.CSPTable td{
padding:2px 0px;
}

.CSPTable tr.hdrRow {
font-size:1.1em;
color:#666;
font-weight:bold;
}

.mcsp {
margin-top:40px;
}