/*  Major colors and fonts for everything */
body {
  color:                #0F1110;
  background-color:     white;
  background-image:     url("http://www.cbids.com/cbids2/Images/Headings/blue_bg.gif");
  background-repeat:    repeat-x;
  position:             absolute; 
  z-index:              100; 
  top:                  2px;
  left:                 0px;
  width:                100%;
  height:               100%;
  visibility:           visible;

  font-family:          Helvetica, Arial, Verdana, sans-serif;
  font-size:            9pt;
  font-weight:          normal;
}
.blankPage {
  color:                black;
  background-image:     url("http://www.cbids.com/Images/cbids2.0/spacer.gif");
  background-color:     white;
  position:             absolute; 
  z-index:              1; 
  top:                  2px;
  left:                 0px;
  width:                100%;
  height:               100%;
  visibility:           visible;

  font-family:          Helvetica, Arial, Verdana, sans-serif;
  font-size:            9pt;
  font-weight:          normal;
}
.bottomZ { z-index: 5;}
.noline {text-decoration: none;}
.inverted {border: black; filter: invert;}
.highlight { background-color: maroon}
.collapsible {
          display: none; /* Only important part */
          border: dashed 1px silver;
          padding: 5px;
}
.heading {
  font-weight:          bold;
  font-size:            10pt;
  color:                maroon;
}
TABLE.frontPage {
	border-width: 2px;
	border-spacing: 1px;
	border-style: solid;
	border-color: gray;
	border-collapse: separate;
	background-color: white;
}

TABLE.frontPage td {
	border-width: 1px;
	padding: 10px;
	border-style: 1px;
	border-color: gray;
	background-color: #FFFAFA;
	-moz-border-radius: ;
}

a:link {
   color: #0F1110
}

a:visited {
   color: #0F1110
}

a:active {
   color: #042F60
}

a:hover {
   color:  #042F60
}

p, div, caption, table, td, th, select, option, ul, ol, li, form {
  font-family:          Helvetica, Arial, Verdana, sans-serif;
  font-size:            9pt;
}

table, caption, td, th, select, option, ul, ol, li, form {
  color:                #24221E;
  rules:                none;
}

table {
    align:        top;
    valign:       top;
    cellspacing:  0;
    rules:        none;
}

input[type=image], input[type=checkbox], input[type=password], input[type=text], textarea {
  font-family:          Arial, Verdana, sans-serif;
  font-size:            8pt;
  font-weight:          normal;
  padding:              0px;
}

.myform {
  font-family:          Helvetica, Arial, Verdana, sans-serif;
  font-size:            10pt;
  font-weight:          bold;
  font:                 red;
  background:           #FCFCE6;
  border:               solid 0 #FFF;
  bgcolor:              #FCFCE6;
  border-color:         #FCFCE6;
}

input[type=button] {
  font-family:          Helvetica, Arial, Verdana, sans-serif;
  font-size:            9pt;
  font-weight:          normal;
  color:                black;
  background:          transparent;
}

progressimage{
	position: absolute;
	top: 50;
	left: 50;
	z-index: 90;
	width: 100%;
	height: 70px;
	}

h1, h2, h3, h4 {
  font-family:          Verdana, Helvetica, Arial, sans-serif;
  font-weight:          bold;
}

.indexCard {
  background-color:     white;
  line-height:          2px;
  border-bottom:          1px solid #cccccc;
 
}

.infoBox {
  background-color:     #E6F2FF;
  line-height:          22px;
  padding:              15px;
}


h1 {
  font-size:            14pt;
}

h2 {
  font-size:            11pt;
}

h3 {
  font-size:            10pt;
}

h4 {
  font-size:            9pt;
  color:                #042F60;
}

em {
  font-style:           normal;
  font-weight:          bold;
  color:                #003264;
}

.logo {
  vertical-align:       top;
  padding:              0px;
}

/* Used for menu of links (ie, Admin, Settings, etc.) on header. */
.globalmenu {
  font-family:         Arial, sans-serif;
  background:          transparent;
  color:               white;
  font-size:           8pt;
  text-decoration:     none;
  font-weight:         bold;
  valign:              top;
  vertical-align:      top;
  text-indent:         5px;
  padding:             5px;
}

A.globalmenu:link, A.globalmenu:visited  {
  color:              #383229;
}

A.globalmenu:active {
  color:              #383229;
}

A.globalmenu:hover {
  color:              #042F60;
}


/* used by classified text */
.tinyText{
  font-family:         Arial, sans-serif;
  color:               black;
  font-size:           8pt;
  text-decoration:     none;
  font-weight:         normal;
  valign:              top;
  vertical-align:      top;
}

/* used by classified text */
.newPlans{
  font-family:         Arial, sans-serif;
  color:               maroon;
  font-size:           8pt;
  text-decoration:     none;
  font-weight:         bold;
  valign:              top;
  vertical-align:      top;
}
A.newPlans:link, A.newPlans:visited, A.newPlans:hover, A.newPlans:active  {
  color:               maroon;
}
.tinyTinyText{
  font-family:         Arial, sans-serif;
  color:               black;
  font-size:           8pt;
  line-height:         8pt;
  text-decoration:     none;
  font-weight:         normal;
  valign:              top;
  vertical-align:      top;
}

.tinyTinyInput{
  font-family:         Arial, sans-serif;
  color:               black;
  font-size:           8pt;
  line-height:         8pt;
  text-decoration:     none;
  font-weight:         normal;
  valign:              top;
  vertical-align:      top;
  width:               12px;
  height:              12px;
}

A.tinyText:hover {
  color:               maroon;
}
A.newPlans:hover {
  color:               maroon;
}

/* Used for button links (ie, go, click here). */
.button {
  font-family:         Arial, sans-serif;
  background:          transparent;
  color:               #042F60;
  font-size:           10pt;
  font-weight:         bold;
  valign:              top;
  vertical-align:      middle;
}

A.button:link, A.button:visited {
  color:              #042F60;
}

A.button:active {
  color:              #042F60;
}

A.button:hover {
  color:              #9DC9FB;
}

/* Used for button links (ie, go, click here). */
.bigButton {
  font-family:         Arial, sans-serif;
  color:               maroon;
  font-size:           12pt;
  font-weight:         bold;
  valign:              top;
}

A.bigButton:link, A.bigBbutton:visited  {
  color:              maroon;
}

A.bigButton:active {
  color:              #042F60;
}

A.bigButton:hover {
  color:              #9DC9FB;
}



td.menuTab {
  font-family:          Verdana, Helvetica, Arial, sans-serif;
  font-size:            9pt;
  font-weight:          bold;
  text-align:           right;
  vertical-align:       center;
  color:                white;
  background:           #453E2B;
}


.descr {
  font-family:            Verdana, Helvetica, Arial, sans-serif;
  font-size:              8pt;
  font-weight:            normal;
  color:                  #333333;
}

.label {
  text-align:             right;
  font-family:            Verdana, Helvetica, Arial, sans-serif;
  vertical-align:         top;
  font-size:              8pt;
  font-weight:            bold;
  color:                  #003264;
}

li.listMenu {
  height: 26px;
  vertical-align: top;
}
/* Used for main menu in header */
td.menubar {
  font-family:          Verdana, Helvetica, Arial, sans-serif;
  font-size:            10pt;
  font-weight:          bold;
  vertical-align:       top;
  color:                #FCFCE6;
  height:               26px;
  background:           url('http://www.cbids.com/Images/cbids2.0/frontPage/pgHeader_right.gif');
  background-repeat:    repeat-x;
}

/* Used to show which Icon is clicked */
th.clicked {
  font-family:          Verdana, Helvetica, Arial, sans-serif;
  font-size:            10pt;
  font-weight:          bold;
  font-style:           italic;
  text-align:           center;
  color:                #DDDDDD;
  background:           #453E2B;
}

/* Used to prive a header class for choices when filling out a form. 
   Prime Example: signUp2_html */
.choiceHeader {
  font-weight:          900;
  color:                #383229;
  font-family:          Verdane, Helvetica, Arial, sans-serif;
  font-size:            14pt;
}


/* Used for left side login box */
.login {
  background-color:     white;
  color:                #453E2B;
  font-family:          Verdana, Helvetica, Arial, sans serif;
  font-size:            8pt;
  font-weight:          bold;
  align:                center;
  text-align:           center;
}

/* Major Link is used when headers are links */
A.majorLink {font-weight: bold; font-size: 9pt}
A.majorLink:link, A.majorLink:visited, A.majorLink:active, A.majorLink:hover {color:#0F1110}
A.majorLink:hover {color: #9DC9FB}
A.majorLink:visited {color: #9DC9FB}

/* Major Link is used when headers are links */
A.search {
   font-weight: bold; 
   font-size: 12pt;
   height: 20px; 
   valign: middle;
   color: maroon;
   background-color:  #EFEFEF;
   border-spacing: 1px;
   border-style: solid;
   border-color: maroon;
   border-collapse: separate;
   border: 4px outset;
   padding: 2px;
   text-decoration: none;
}
A.search:hover {
border: 4px inset;
padding: 2px;
text-decoration: none;
}


/* Major Link is used when headers are links */
A.searchLink {font-weight: bold; font-size: 8pt}
A.searchLink:link, A.majorLink:visited, A.majorLink:active, A.majorLink:hover {color:#0F1110}
A.searchLink:hover {color: #9DC9FB}
A.searchLink:visited {color: maroon}

A.minorLink:link, A.minorLink:visited, A.minorLink:active, A.minorLink:hover {font-family: Helvetica, Arial, sans-serif; font-weight: 200; font-size: 8pt}
A.minorLink:link {color: black}
A.minorLink:visited {color: black}
A.minorLink:hover {color: #4444FF}

/* Ad Link is used when there is a link inside an ad */
A.minorAdLink:link, A.minorAdLink:visited, A.minorAdLink:active, A.minorAdLink:hover {font-family: Helvetica, Arial, sans-serif; font-weight: 200; font-size: 8pt}
A.minorAdLink:link {color: green}
A.minorAdLink:visited {color: green}
A.minorAdLink:hover {color: green}

/* Ad Link is used when headers are links */
.adLink {font-family: Helvetica, Arial, sans-serif; font-weight: bold; font-size: 8pt; color: blue}
A.adLink:link, A.adLink:visited, A.adLink:active, A.adLink:hover { color: blue}
A.adLink:hover {color: blue}
A.adLink:visited {color: blue}


/* jobLink used by search results page for listing job titles */
A.jobLink {font-weight: bold; font-size: 8pt}
A.jobLink:link, A.jobLink:visited, A.jobLink:active, A.jobLink:hover {color:#0F1110}
A.jobLink:hover {color: #6C5A49}
A.jobLink:visited {color: #6C5A49}

/* This class is used to display warnings and error messgages, such 
   as that not all required fields in a form were filled out. */
.warning {
  font-weight:          bold;
  font-size:            10pt;
  color:                red;
}

.info {
  /* <div class="info"> wraps an announcement for the user,
   *  typically one that is the only difference between this
   *  page and the previous page.  It tells the user what
   *  happened as a result of what the user did (e.g. the user
   *  clicks the cartoon guy, and the result comes up
   *  <div class="info">This project was added to your
   *  portfolio</div>.)
   */
  font-weight:          bold;
  font-size:            100%;
  color:                #453E2B;
  padding-top:          0.6em;
  padding-bottom:       0.6em;
}

/* Standard row styles for tables.
 * listrow0 & listrow1 are alternating colors of
 * yellow and white.
*/
.listrow, .listrow0, .listrow1 {
  font-size:            8pt;
  font-weight:          normal;
  font-style:           normal;
  color:                black;
}

.listrow0 {
  background-color:     white;
}

.listrow1 {
  background-color:     #DAEBFE;
}

.copyright {
  font-size: 10pt; 
  font-family: Verdana, Helvetica, Arial, sans-serif; 
  text-align: center;
}


H2.docs {             /* ??? */
  margin-bottom:          5px;
}


/** For the calendar **/

th.calHeader, th.listHeader { 
  background:           #989381;
  font-weight:          bold;
  color:                white;
  border-color:         #0F1110;
  vertical-align:       middle;
}

th.listHeader {
  text-align:           left;
}

td.calCell {
  vertical-align:       top;
  height:               50px;
  border-color:         #CCCCCC;
}

td.calCell0 {
  vertical-align:       top;
  background:           #CCCCCC;
  border-color:         #0F1110;
}

td.calCell1 {
  vertical-align:       top;
  background:           #FFFFFF;
  border-color:         #0F1110;
}

td.calCellOffset {
  background:           #CCCCCC;
  vertical-align:       top;
  height:               50px;
  border-color:         #0F1110;
}

a.calLink:active, a.calLink:link, a.calLink:visited {
  text-decoration:      underline;
  color:                #0F1110;
}

/* Small Calendar for the Search Results */

td.smallCal_inactive, td.smallCal_active {
  font-family:            Arial, sans-serif;
  font-size:              8pt;
  font-weight:            normal;
  text-align:             right;
}

td.smallCal_active {
  background:             white;
}

td.smallCal_inactive {
  background:             white;
}


/* Here some definitions for the subscription edit screen */

.specialbox {
  background-color:      #FCFCE6;
}

/*  For forms */

/* Table headers in forms, usually a label for a form input that
   appears in the following cell (i.e. the label appears to the
   left of the input; the label is in a <th class="form"> and the
   input is in a <td class="form">

   The "descr" is used for project details. The reason why I created
   a new name was, so that the class is more descriptive.
 */

th.form, th.formMissing, th.formTextAreaLabel {
  text-align:             right;
  font-family:            Verdana, Helvetica, Arial, sans-serif;
  font-size:              8pt;
  font-weight:            bold;
  padding-right:          5px;
}

th.formMissing {
  color:                  #6C5A49;
}

/* A cell inside a form */
td.form, td.descr { 
  text-align:             left;
  font-weight:            normal;
}

th.formTextAreaLabel {
  vertical-align:         top;
}

th.fieldsetname {
  /* Indicates a th that is a header for a set of controls */
  font-size:              12pt;
  font-weight:            bold;
  border-bottom:          1px solid #ccc;
  height:                 30px;
  vertical-align:         bottom;
  text-align:             left;
}

.loginSmall {
  border-bottom: 2px solid gray;
  border-top: 2px solid gray;
  border-left: 2px solid gray;
  border-right: 2px solid gray;
  padding: 10px;
  background: #FFCCCC;
}
.sectionHeader {
  border-bottom: 2px solid #5E594D;
  border-top: 0px;
  border-left: 0px;
  border-right: 0px;
  background: white;
  color: white;
  font-size: 12pt;
  font-weight: bold;
}
.sectionHeaderText {
  padding: 15px;
  padding-top: 15px;
  font-size: 10pt;
  background: #5E594D;
  color: white;
  vertical-align: middle;
}

th.explanation {
  font-style:             italic;
  font-size:              9pt;
}

hr {
  color:                #453E2B;
  background:           #0F1110;
  vertical-align:       top;
}

td.pageHeader {
  font-size:            10pt;
  font-weight:          bold;
}


/* class used to display information in a window, in order to fit. Example: findContact window.*/

.small {
  font-family:          Helvetica, Arial, sans-serif;
  font-weight:          normal;
  font-size:            8pt;
  color:                #0F1110;
}

.docType {
  font-size: 11pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
}

/* The following classes will be used when managing projects.
   This is new in Phase 3! */
a:active.status_active, a:link.status_active, a:visited.status_active {
  color: #6E190A;
}

a:active.status_complete, a:link.status_complete, a:visited.status_complete {
  color: #453E2B;
}
.questionLabel { text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 14px; font-weight: bold;; vertical-align: middle; ; color: #FFFFFF; background-color: #989381; height: 26px}
.smallLabel { text-align: left; font-family: Verdana, Helvetica, Arial, sans-serif; font-size: 12px; font-weight: bold;; vertical-align: middle; ; color: #000000; background-color: #E3DBD3; height: 20px}



#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url('http://www.cbids.com/Images/cbids2.0/lightbox/blank.gif') no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url('http://www.cbids.com/Images/cbids2.0/lightbox/prevlabel.gif') left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url('http://www.cbids.com/Images/cbids2.0/lightbox/nextlabel.gif') right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	

/* Min-Width */
.lbWidth { /* most browsers */
	position: absolute;
	top: 0px; left: 0px;
	width: 100%;
	min-width: 790px;
	}

* html .lbContent { /* IE6 */
	margin-left: -790px;
	position:relative;
	}

* html .lbMinWidth { /* IE6 */
	padding-left: 790px;
	}
	
	
/* Clearfix */	
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */