/*
Theme Name: WordPress Default
Theme URI: http://wordpress.org/
Description: The default WordPress theme based on the famous <a href="http://binarybonsai.com/kubrick/">Kubrick</a>.
Version: 1.6
Author: Michael Heilemann
Author URI: http://binarybonsai.com/
Tags: blue, custom header, fixed width, two columns, widgets
*/



/* Begin Typography & Colors */
body { 
  font-size: 75%;
  line-height: 1.5;
  color: #222; 
  font-family: "Arial", Helvetica, Arial, sans-serif;
  text-align:center;
}


/* Headings and Typography
-------------------------------------------------------------- */


h1 { font-size: 0.5em; line-height: 1; margin-bottom: 0.5em;}
h2 { font-size: 1.3em;  margin: 0.6em 0.8em 0.3em 0.9em;}
h3 { font-size: 1.45em; line-height: 1.2em; margin: 0.6em 0.8em 0.3em 0.9em; color: #000; font-weight: bold;}

h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; height: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1, h2, h3 {
	font-family: Arial;
	font-weight: bold;
	text-transform:uppercase;
	}

h1 {
	font-size: 2em;
	text-align: center;
	}

h2.pagetitle {
	font-size: 1.6em;
	}

.mainContent p {
	font-size: 1.2em;
	}
	
h3 {
	font-size: 1em;
	text-transform: none;
	}

h1, h1 a, h1 a:hover, h1 a:visited, #headerimg .description {
	text-decoration: none;

	}

h2, h2 a, h2 a:visited, h3, h3 a, h3 a:visited {
	color: #333;
	}

h2, h2 a, h2 a:hover, h2 a:visited, h3, h3 a, h3 a:hover, h3 a:visited, #sidebar h2, #wp-calendar caption, cite {
	text-decoration: none;
	}
.fake
	{
	margin: 0;
	padding:0;
	}
	
.fake p
	{
	font-family:Arial;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.3em;
	margin: 0 0 20px 0;
	padding:0;
	}
	
.entry p a:visited {
	color: #b85b5a;
	}

acronym, abbr, span.caps
{
	font-size: 0.9em;
	letter-spacing: .07em;
	}

a, h2 a:hover, h3 a:hover {
	color: #cc0099;
	text-decoration: none;
	}

a:hover {
	color: #339999;
	text-decoration: underline;
	}

#wp-calendar #prev a, #wp-calendar #next a {
	font-size: 9pt;
	}

#wp-calendar a {
	text-decoration: none;
	}
	
.post h3 a, .post h2 a { color:#CC0099; text-decoration: underline; font-size: 1em; text-transform:none;}
.post h3 a:hover, .post h2 a:hover {color: #339999;}
.post h2 a {font-size: 0.8em;}

.small {
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 0.9em;
	line-height: 1.5em;
	color: #666666;
	padding: 10px 0 10px 0;
	text-indent: 10px;
	width: 100%;
	clear: both;

	}
	

	
#mainContent a
	{
	color: #CC0099;
	text-decoration: none;
	}
	
#mainContent a:hover
	{
	color: #339999;
	}
	
#mainContent .post p.small a {color: #333333; text-decoration:underline;}
#mainContent .post p.small a:hover {color: #333333; text-decoration:none;}
	
h2 {
	margin: 0;
	}

h3 {
	padding: 0;
	margin: 20px 0 0;
	}
	
h2.multipleh2

	{
	
	border-top: 1px solid #666;
	background: #eee;
	padding: 8px 0 8px 5px;
	
	}
	
.post h2 a
	{

	}

.floatLeft
	{
	float: left;
	}
	
.deltaLogo
	{
	margin: 0 10px 20px 0;
	}
 /*************************End Headings and Typography**********/
 
/********main structure elements************/


#page {
	background-color: white;
	text-align: left;
	margin: 0 auto;
	padding: 0;
	width: 940px;
	}
	
#content {
	width: 940px;
	background: #ffffff url(../cbcCustom/images/content.png) no-repeat top right;
	min-height: 400px;
	}

#mainContent
	{
	width: 600px;
	float: left;
	margin: 0 0 30px 0;
	}
	
.post {
	margin: 0;
	padding: 20px 20px 0 20px;
	}

.postActivity {
	margin: 0;
	padding: 20px 0 0 20px;
	}

/*header and Slidding doors Nav*/
#header {
	background: #ffffff url(../cbcCustom/images/cbcHeaderNavPlain.png) no-repeat top center;
	padding: 0;
	height: 200px;
	width: 940px;
	}

#header ul
	{
	float: left;
	width: 940px;
	height: 26px;
	line-height: 28px !important;
	line-height: 26px;
	margin: 29px 0 0 0;
	padding: 0;
	list-style: none;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	font-size: 0.8em;
	}

#header li {
  float:left;
  margin:0 0 0 5px;
  padding:0 0 0 9px;
  }
  
#header li a {
  float:left;
  display:block;
  text-transform: uppercase;
  font-size: 1.3em;
  font-weight: bold;	
  padding:8px 15px 0px 6px;
  margin: 0;
  text-decoration:none;
  color:#eeeeee;
  }

#header li a:hover {
  color:#fff;
  color:#fff;
   padding-bottom:5px;
  }
  
#header #current {
    background:url("../cbcCustom/images/left.gif") no-repeat left top;
  }
#header #current a {
  background:url("../cbcCustom/images/right.gif") no-repeat right top;
  color:#fff;
  padding-bottom:5px;
  }

#headerimg h1 {
	float: left;
	height: 100px;
	width: 450px;
	background: #fff;
	margin: 0 0 0 0px;
	overflow: hidden;	
	padding: 30px 0 0 0;
	}
	
#headerimg .description {
	font-size: 1.2em;
	text-align: center;
	}
	
#header img.banner
	{
	float: right;
	margin: 60px 12px 0 0;
	}
	
/* end header*/

/*home page styles***************************/

.callToAction1
	{
	float: left;
	width: 273px;
	height: 240px;
	background: #ffffff url(../cbcCustom/images/memberHome.gif) no-repeat top right;
	margin: 0 10px 0 0;	
	}
	
.callToAction1 h3
	{
	margin: 0 auto;
	padding: 22px 0 0 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
	}
	
p.p10 
	{
	padding: 10px 20px 0 20px;
	}
	
.callToAction2 p
	{

	}
		
.callToAction1 ul
	{
	list-style: none;
	margin: 0;
	padding: 0px 20px 20px 20px;
	}
	
.callToAction1 li
	{
	background: transparent url(../cbcCustom/images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
	}
	
.callToAction2 ul
	{
	list-style: none;
	margin: 0;
	padding: 0px 20px 20px 20px;
	}
	
.callToAction2 li
	{
	background: transparent url(../cbcCustom/images/bullet.gif) no-repeat 0 5px;
	padding: 0 0 0 10px;
	}


ul.bullet
	{
	padding: 10px 0 0 0;
	margin: 0 0 0 20px;
	list-style: none;
	}

ul.bullet li {

background:transparent url(/images/bullet.gif) no-repeat scroll 0 5px;
padding:0 0 10px 10px;
}


.glow {
  display:block;
  width: 237px;
  height: 54px;
  background: url(../cbcCustom/images/supplierReg2.gif) no-repeat 0 -54px;
  margin:0 auto;
  padding: 0;
}
.glow a {
  display:block;
   width: 237px;
  height: 54px;
  background: url(../cbcCustom/images/supplierReg2.gif) no-repeat 0 0;
  text-indent:-9999px;
  padding: 0;
}

.glow a:hover {
  background-position:0 54px;
}

.glow2 {
  display:block;
  width: 237px;
  height: 54px;
  background: url(../cbcCustom/images/memberReg2.gif) no-repeat 0 -54px;
  margin:0 auto;
  padding: 0;
}
.glow2 a {
  display:block;
   width: 237px;
  height: 54px;
  background: url(../cbcCustom/images/memberReg2.gif) no-repeat 0 0;
  text-indent:-9999px;
  padding: 0;
}

.glow2 a:hover {
  background-position:0 54px;
}
	


a.memberRegisterButton
	{
	width: 237px;
	height: 54px;
	background: #ffffff url(../cbcCustom/images/memberReg.png) no-repeat top right;
	margin: 20px auto 0 auto;
	display: block;
	}
	
.callToAction2
	{
	float: left;
	width: 273px;
	height: 240px;
	background: #ffffff url(../cbcCustom/images/supplierHome.gif) no-repeat top right;
	}
	
.callToAction2 h3
	{
	margin: 0 auto;
	padding: 22px 0 0 20px;
	color: #fff;
	text-transform: uppercase;
	font-size: 1.3em;
	}

/**********************************side Nav*****************************/	

#sideNav
	{
	width: 330px;
	background: #fff url(../cbcCustom/images/shadow.jpg) no-repeat top left;
	float: left;
	min-height: 400px;
	}
	
#sideNav ul
	{
	list-style: none;
	width: 280px;
	padding: 10px;
	font-size: 0.9em;
	float: left;
	margin: 20px 0 0 20px;
	}
	
#sideNav li
	{
	width: 270px;
	}
		
#sideNav li a
	{
	display: block;
	padding: 0 0 0 20px;
	font-size: 1.3em;
	background: #fff;
	color: #666666;
	height: 30px;
	line-height: 30px;
	width: 250px;
	border-bottom: 1px solid #ccc;
	}
	
#sideNav li a.current
	{
	background: #66cccc;
	color: #fff;
	background: #66cccc url(../cbcCustom/images/sideArrow.gif) no-repeat top left;
	width: 250px;
	}
	
#sideNav li a.indent
	{
	text-indent: 20px;
	font-size: 1.1em;
	border-bottom: 1px solid #eee;
	}
	
	
#sideNav li a:hover
	{
	background: #ccffff;
	color: #666666;
	text-decoration: none;
	background: #ccffff url(../cbcCustom/images/sideArrowHover.gif) no-repeat top left;
	width: 250px;
	}
	
#sideNav li a.current:hover 
	{
	background: #66cccc;
	color: #fff;
	background: #66cccc url(../cbcCustom/images/sideArrow.gif) no-repeat top left;
	width: 250px;
	}
	
.feedback
	{
	margin: 5px 0 0 40px;
	width: 266px;
	background: #ccffff url(../cbcCustom/images/rightGradient.png) no-repeat top left;
	border-top: 2px solid #66cccc;
	}
	
.feedback p
	{
	font-size: 0.9em;
	margin: 5px 5px 5px 5px;
	padding: 10px 0 0 0;
	color: #666666;
	}
	
.customer
	{
	color: #000;
	font-weight: bold;
	margin: 30px 0 0 45px;
	padding: 0 0 0 0;
	text-transform:uppercase;
	letter-spacing: 0.05em
	}
	
/* end of side Nav */

#footer {
	background: #fff url(../cbcCustom/images/footer.png) no-repeat top;
	border: none;
	padding: 0;
	margin: 0 auto;
	width: 940px;
	clear: both;
	height: 98px;
	text-align: left;
	clear:both;
	}
	
#footer ul
	{
	float: left;
	padding: 10px 0 0 0;
	margin: 20px 0 0 20px;
	list-style: none;
	display: block;

	}
	
#footer li
	{
	float: left;
	line-height: 20px;
	margin: 0 10px 0 0;
	}
	
#footer li a
	{
	color: #666666;
	text-decoration:underline;
	font-size: 0.9em;
	}
	
#footer li a:hover
	{
	color: #666666;
	text-decoration: none;
	font-size: 0.9em;
	}

#footer p {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	}




/* Begin Images */
p img {
	padding: 0;
	max-width: 100%;
	}

/*	Using 'class="alignright"' on an image will (who would've
	thought?!) align the image to the right. And using 'class="centered',
	will of course center the image. This is much better than using
	align="center", being much more futureproof (and valid) */

img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;
	}

img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}

img.alignleft {
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}

.alignright {
	float: right;
	}

.alignleft {
	float: left;
	}
/* End Images */


/* Begin Various Tags & Classes */

.post hr {
	display: block;
	}
	
hr 
	{
	border: 0;
	color: #cccccc;
	background-color: #cccccc ;
	height: 1px;
	width: 100%;
	text-align: left;
	}

.clear {
	clear: both;
}

acronym, abbr, span.caps {
	cursor: help;
	}

acronym, abbr {
	border-bottom: 1px dashed #999;
	}

blockquote {
	margin: 15px 30px 0 10px;
	padding-left: 20px;
	border-left: 5px solid #ddd;
	}

blockquote cite {
	margin: 5px 0 0;
	display: block;
	}

.center {
	text-align: center;
	}

.hidden {
	display: none;
	}
	
.screen-reader-text {
     position: absolute;
     left: -1000em;
}

a img {
	border: none;
	}

.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	}
/* End Various Tags & Classes*/

/*lists---------------------------*/

.wordDoc 
	{
	list-style: none;
		margin: 0;
	padding: 0;
	}

.wordDoc li a
	{
	background:url("/images/wordDoc.gif") no-repeat right top;
	display: block;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	}
	
	
.docList
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}

.docList li a
	{
	display: block;
	height: 60px;
	line-height: 60px;
	border-bottom: 1px solid #ccc;
	margin: 10px 0 0 0;
	padding: 0 0 0 0;
	}
	
.docList .txt
	{
	background:url("/images/wordDoc.gif") no-repeat right top;
	}
	

/*delta page*---------------------------*/


.logoHolder p
	{
	margin: 10px 10px 0 10px;
	}
	
.logoHolder
	{
	display: block;
	height: 140px;
	width: 270px;
	padding: 20px 0 0 10px;
	float: left;
	margin: 20px 0 0 0;
	background:url("../cbcCustom/images/logoHolder.gif") no-repeat left top;
	}
	

/*tabs*/


ul.tabs {
	margin: 20px 0 0 0;
	padding: 0;
	float: left;
	list-style: none;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	width: 550px;
}

ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #ccc;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #eee;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #fff;

}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

.tab_container {
	border: 1px solid #fff;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; 
	width: 550px;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 1.2em;
}


/*forms*/

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */

  margin: 0;
  padding: 0;
}

form fieldset {
	border: 1px solid #ccc;
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 20px 0 0 0;
  background: #fff;
}

form fieldset legend {
	font-size:1.1em;
	font-weight: bold;
	 /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}

form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 200px; 
	padding: 0; 
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right; 
}

form fieldset label:first-letter { /* use first-letter pseudo-class to underline accesskey, note that */
	text-decoration:underline;    /* Firefox 1.07 WIN and Explorer 5.2 Mac don't support first-letter */
                                    /* pseudo-class on legend elements, but do support it on label elements */
                                    /* we instead underline first letter on each label element and accesskey */
                                    /* each input. doing only legends would  lessens cognitive load */
                                   /* opera breaks after first letter underlined legends but not labels */
}

form input, form textarea, form select  {
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form span label
	{
	width: 50px;
	}
	
.radio
	{
	margin: 0 0 0 200px;
	}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}


.button, a.button {
background:transparent url(/images/button.gif) repeat scroll 0 0;
border:2px solid #CC0099;
color:#FFFFFF;
cursor:pointer;
display:inline-block;
line-height:22px;
margin:0 10px 10px 0;
padding:0 8px 2px;
text-decoration:none;
width:auto;
}

/*end forms*/

/*group page***********/

ul.groupList
	{
	list-style: none;
	margin: 0;
	padding: 0;
	}
	
.post .groupList li
	{
	margin: 10px 0 10px 0;
	background: #ffffff url(../cbcCustom/images/membersIcon.gif) no-repeat top left;
	text-indent: 20px;
	border-bottom: 1px solid #ccc;
	padding: 0 0 10px 0;	
	}

.groups
	{
	width: 550px;
	border: 1px solid #ffccff;
	}
	
.groupInfo img
	{
	float: left;
	float: left;
	margin: 0 10px 0 0;
	}
	
.groupInfo
	{
	float: left;
	width: 500px;
	background: #fff;
	margin: 10px;
	}
	
.groups ul
	{
	float: right;
	list-style: none;
	width: 180px;
	text-align: right;
	margin: 1px 1px 0 0;
	}
	
#mainContent .groups li a
	{
	display: block;
	height: 20px;
	line-height: 20px;
	background: #eee;
	margin: 0 0 1px 0;
	padding: 0 10px 0 0;
	color: #666666;
	text-decoration: none;
	font-size: 0.9em;
	border-bottom: 1px solid #ccc;
	}
	
#mainContent .groups li a:hover
	{
	background: #fff;
	color: #666666;
	}

.groups h3
	{
	width: 548px;
	background: #CCCCCC;
	color: #666666;
	margin: 0;
	padding: 0;
	height: 30px;
	line-height: 30px;
	text-indent: 10px;
	border: 1px solid #fff;
	font-size: 1.1em;
	text-transform: none;
	}
	
/* accordions---------------------------------------------------------------------------- */
h3.accordionh3 {
	background: #f5f5f5 url(../cbcCustom/images/arrow-square.png) no-repeat right 5px;
	padding: 7px 15px; margin: 10px 0 0px 0;	
	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: 1px solid #ccc; cursor: pointer; width: 640px;}

h3.active {
	background-position: right 5px;
}
.accordion2 .accord {
	border-bottom:1px solid #ffccff;
	border-left:1px solid #ffccff;
	border-right:1px solid #ffccff;
	margin:0 8px 20px 0;
	padding:10px 15px;
	}

.accord .floatLeft
	{
	float: left;
	width: 150px;
	border-right: 1px solid #eee;
	margin: 0 0 0 10px;
	}

.accordion2 h3 a:hover {
	background-color: #add3ef;
}

h3.accordionh3 {
	background: #eee url(../cbcCustom/images/arrow-square.png) no-repeat right -50px;
	padding: 7px 15px; 	font: bold 120%/100% Arial, Helvetica, sans-serif;
	border: solid 1px #ffccff; cursor: pointer; width: 520px;
	color: #333333;
	font-weight: normal;
	cursor: pointer;
	text-transform: none;
	}
	
h3.accordionh3:hover {
	background-color: #fff;
}

h3.active {
	background-position: right 6px;
}



/* end accordions */
	
	
/*stylefor word press posts**********************/
a.txt
	{
	background: url(../cbcCustom/images/wordDoc.gif) no-repeat left;
	height: 48px;
	padding-left: 45px;
	line-height: 70px; /* Center the text vertically with image */
	vertical-align: bottom; /* to align the text with image bottom, line height property required */
	display: block; /* Need this to show the images fully */
	float: left;
	}
	
#post-74 .entry .txt
	{
	float: none;
	}
	
a.pdf
	{
	background: url(../cbcCustom/images/pdf.gif) no-repeat left;
	height: 48px;
	padding-left: 45px;
	line-height: 70px; /* Center the text vertically with image */
	vertical-align: bottom; /* to align the text with image bottom, line height property required */
	display: block; /* Need this to show the images fully */
	float: left;
	}
	
a.xls
	{
	background: url(../cbcCustom/images/xls.gif) no-repeat left;
	height: 48px;
	padding-left: 45px;
	line-height: 70px; /* Center the text vertically with image */
	vertical-align: bottom; /* to align the text with image bottom, line height property required */
	display: block; /* Need this to show the images fully */
	float: left;
	}
	
/* Tables

-------------------------------------------------------------- */



table       { margin: 20px 0 0 0;  width:98%; border-collapse: collapse; border: 1px solid #fff;}

th          { font-weight: bold; background: #ccc; color: #666666; }

th,td       { padding: 4px 10px 4px 5px; border: 1px solid #fff;}

tr.odd td  { background: #eee; }

tr td  { background: #ffffff; }

tfoot       { font-style: italic; }

caption     { background: #eee; }

.activity
	{
	height: 188px;
	width: 178px;
	background: #fff;
	float: left;
	border: 1px solid #f4c4e6;
	margin: 10px 10px 0 0;
	}
	
.activity img
	{
	margin: 10px 0 10px 10px;
	}
	
.activity h3
	{
	color: #000;
	text-align: left;
	margin: 0 10px 10px 10px;
	}
	
.activity p
	{
	margin: 0 10px 10px 10px;
	font-size: 0.9em;
	}
	
	
table a[href^="http:"], #footer a[href^="http:"], .project a[href^="http:"], .select a[href^="http:"], .vault a[href^="http:"], .axcess a[href^="http:"] {
padding-right:20px;
background:transparent url(../cbcCustom/images/external_dark.gif) center right no-repeat;
}

Supplier-guidances#Supplier-guidances a[href^="http:"] {background: none;}

 table#Reports a[href^="http:"] {background-image: none;}

.ad {float: right; margin: 20px 10px 0 0;}

li.password {
	margin: 6px 0 0 30px !important;
	}

li.password a
	{
	font: normal normal 13px Arial, sans-serif !important;
	text-transform: none !important;
	}
	
.password a
	{
	color: #eee;
	}