/* stylesheet for all inside MarketingNet 
   pages (2 column and 3 column)
=========================================== */

/* boxes
=========================================== */
#greenBox {
    color: #000;
    border: solid 1px #9c0;
    background: #fff;
    margin: 0px 0 10px 0;
  }
#blueBox {
    color: #000;
    border: solid 1px #1192e9;
    background: #fff;
    margin: 0px 0 10px 0;
  }
#pinkBox {
    color: #000;
    border: solid 1px #c09;
    background: #fff;
    margin: 0px 0 10px 0;
  }
#greyBox {
    color: #000;
    border: solid 1px #999;
    background: #fff;
    margin: 0px 0 10px 0;
  }
#greenBoxHead {
    background: #9c0;
    color: #fff;
    font-weight: bold;
    height: 20px;
    padding: 2px 0 0 5px;
  }
#blueBoxHead {
    background: #1192e9;
    color: #fff;
    font-weight: bold;
    height: 20px;
    padding: 2px 0 0 5px;
  }
#pinkBoxHead {
    background: #c09;
    color: #fff;
    font-weight: bold;
    height: 20px;
    padding: 2px 0 0 5px;
  }
#greyBoxHead {
    background: #999;
    color: #fff;
    font-weight: bold;
    height: 20px;
    padding: 2px 0 0 5px;
  }
.boxContent {
    color: #000;
    margin: 8px 7px 0 8px;
    font-size: smaller;
    line-height: 150%;
    padding-bottom: 12px;
  }
#lightgreenBox {
    background: #e1f1b0;
    color: #000;
    padding: 8px 8px 8px 8px;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
  }
#lightblueBox {
    background: #cceefa;
    color: #000;
    padding: 8px 8px 8px 8px;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
  }
#lightpinkBox {
    background: #fad8f1;
    color: #000;
    padding: 8px 8px 8px 8px;
    border-top: solid #ccc 1px;
    border-bottom: solid #ccc 1px;
  }  
/* quote boxes 
=========================================== */
.qBoxRight {
    font-style: italic;
    background: #ececec;
    padding: 10px;
    margin: 0 8px 17px 2px;
    border: solid 1px #999;  
    overflow: hidden;  
  }
  

/* headings and text
============================================ */
p.break{ border-top: solid #ccc 1px; }

.subnavon { color: #444; }
.red { color: red; }
.quoter { 
    font-size: smaller;
    font-style: normal;
  }
  
/* layout 
=========================================== */
.topleft {
    float: left; 
    margin-bottom: 10px;
  }
.right { float: right; }
.alignBot { vertical-align: bottom; }  
.alignTop { vertical-align: top; }
.blockspace { display: block; }
.inlinespace { display: inline; }
.centre { text-align: center; }
.right { text-align: right; }


/* forms
=========================================== */
.form {
    width: 400px; 
    background: #eee; 
    border: 1px solid #333; 
    padding: 5px; 
    margin: 0px auto;
  }
div.row {
    width: 400px;
    padding-top: 4px;
    display: block;
  }
span.required {
    color: #c00;
    vertical-align: top;
  }
div.row span.label {
    float: left;
    width: 140px;
    text-align: right;
    padding-right: 7px;
  }
div.row span.field {
    float: left;
    width: 240px;
    text-align: left;
    display: block;
  } 
div.spacer {
    clear: both;
  }
  
div.label {
    float: left;
    width: 140px;
    text-align: right;
    padding-right: 7px;
  }
div.field {
    float: left;
    width: 240px;
    text-align: left;
    display: block;
  } 
  
/* icon and text table effect
=========================================== */
.iconcell {
    float: left;
    width: 20px;
    text-align: left;
  }
.textcell {
    float: left;
    width: 390px;
    text-align: left;
  }
  

/* 2 column table style
=========================================== */
div.left {
    left: 0;
    top: 0;
    width: 220px;
    text-align: left;
  }
div.right {
    float: right;
    width: 170px;
    text-align: left;
  }
.left2 {
    float: left;
    width: 140px;
    text-align: right;
    display: block;
}
.right2 {
    width: 390px;
    text-align: left;
}
.optionalfield {
    display: none;
}

  
/* misc 
=========================================== */
ul, ol { padding: 0; }
ul.casestudy { margin: 0 10px 0 25px; } 
.warning { background: #ddd; }
a.subnav:visited { color: #c00; }

.imgthumb {
    border: solid 1px #ccc;
    margin-left: 5px;
  }
.imgscreen {
    border: solid 1px #ccc;
  }
.imgscreenpad {
		padding: 1px; background: #fff; border: solid 1px #ccc;
	}
.imgborder {
	border: solid 1px black;
}
.kartimg {
	margin: 2px 10px 2px 0;
}