body
{
  margin:0px;
  background-color:#f9f9e9;
  background-color:#f9f9ff;
  background-color:White;
  font-family: verdana, helvetica, arial;
  font-size:14px;
  color:#2080a0;
  color:#017DC3;
  color:#006699;
  color:#888;
}

.Invisible { visibility:hidden; }



.MarginMenu
{
  font-size: 9px;
}

img.Article
{
  border: 0;
  float:left;
  margin-right: 10px;
}

h1, .ArticleHeading
{
  font-size:150%;
  font-weight:bold;
  color: #006699;
  margin-bottom: 0px;
  margin-top: 0px;
}

a:link, a:visited
{
  color: #017DC3;
}

a:hover 
{
  color: #cccc99;
  color: #017DC3;
  text-decoration: underline;
}

a.MapProductLink { font-weight:bold; }
a.MapProductLink:hover { background-color:#dfecf8; }

table.productList
{
/*
  background-color:White;
  margin-left:0px;
  margin-bottom:4px;
  width: 100%;
  border: solid 1px #dddddd;
*/
  padding-left:10px;
  font-size:80%;
}

td.selected  /* For use in menu of mapbooks containing clicked sheet */
{
  background-color: #DFECF0;
  background-color: #eeeeee;
  width: 100%;
}

td.unselected  /* For use in menu of mapbooks containing clicked sheet */
{
  color: #356097;
  width: 100%;
}

td.Article
{
  width: 50%;
/*  border-bottom:1px solid #4570a7;*/
  padding: 10px;
}

/*
.ISBN     { color:#0065B0; font-size:90%; }
.Heading  { color:#356097; font-size:110%; font-weight:bold; height:2.3em; }
.OrderNo  { font-size:90%; }
*/
.Heading            { background-color:#dfecf8; color:#006699; vertical-align:top; padding:2px; font-size:100%; font-weight:bold; }
.HeadingProductCode { font-size:75%; color:#70a0cc; }
.OrderNo            { font-size:100%; }
.SubTitle           { font-weight:bold; }
.ISBN               { color:#0065B0; font-size:100%; }

/* td[colspan] { font-size:200%;background-color:Red;} interesting syntax (all td's with attribute colspan set), but doesn't work... */

p
{
  margin-top:5px;
  line-height:18px; 
}

#tdHeader
{
/*  background-position: -30px 0px; */
  height:70px;
/*  background-color:#8DBCD4;*/
}

.mainHeading
{
  font-size:40px;
  position:absolute;
  left:10px;
  top:5px;
  vertical-align:bottom;
  margin-bottom:10px;
}

.leftColumn
{
  width:160px;  
}

.box
{
/*  background-color:#DFECF0;*/
  background-color:#f9f9e9;
  background-color:inherit;
  background-color:White;
  border:1px solid #cccc99;
  border:1px solid #cccccc;
  border: none;
  padding:2px;
  margin-right:5px;
}

.contentArea
{
  background-color: #cccc99;
  background-color: #eeeeee;
  padding:          5px;
  border:           none;
  margin-right:     4px; /* Press skyggen ut til høyre! (???) */
}


#divContents { background-color:White; padding:20px; }

.leftColumnWidth { width: 120px; }

#divScroller
{
/*  border:        solid 1px #cccccc; */
  position:      relative;
  height:        200px;
  text-align:    left;
}

#divShoppingCart
{
/*  border:        solid 1px #cccccc; */
  position:      relative;
  height:        100px;
  text-align:    left;
  padding-top:   1px;
  width:         120px;
  overflow-x:    hidden;
  overflow-y:    scroll;
}

#imgTrack { position:relative; left:0px; top:0px; width:18px; height:100%; }
#btnKnob  { position:absolute; left:0px; top:0px; z-index:2; }

td.RulerHor
{
  height:9px;
}

td.RulerVer
{
  width:9px;
}

ul
{
  margin-left:16px;
  margin-top: 6px;
}

.gtRed
{
  color: #d45c60;
}

/* Article formatting */

.first-section
{
  background-color: #dddddd;
  font-weight: bold;
  font-size: 130%;
  color: #0065B0;
  margin-bottom: 5px;
}

.second-section
{
  background-color: #dddddd;
  font-weight: bold;
  font-size: 110%;
  color: #0065B0;
  margin-top: 5px;
  margin-bottom: 5px;
}

.section
{
  font-weight: bold;
  font-size: 110%;
/*  color: #0065B0;*/
}

.Tiny
{
  font-size: 100%;
}

.column-left
{
  border-top:#dddddd 1px solid;
  border-left:#dddddd 1px solid;
  border-bottom:#dddddd 1px solid;
  border:none;
  padding:10px;
}

.column-right
{
  border-top:#dddddd 1px solid;
  border-right:#dddddd 1px solid;
  border-bottom:#dddddd 1px solid;
  border:none;
  padding:10px;
}

.column-middle
{
  border-top:#dddddd 1px solid;
  border-bottom:#dddddd 1px solid;
  border:none;
  padding:10px;
}

.column-all
{
  border: #dddddd 1px solid;
  padding:10px;
  border:none;
}

select
{
  font-size:11px;
  color: #356097;
}


.CreateResellerWizard { position:relative; text-align:left; }
.LoginControl         { position:relative; }
.LoginTextbox         { margin:1px; }
.LoginInput           { width:200px; }
.CreateUserInput      { width:200px; }
.CreateUserButton     { position: absolute; left:0; }
.ChangePasswordControl{ text-align:left; }

th.ResellerStatistics { padding-left:2px; padding-right: 2px; white-space:nowrap; text-align:left; font-size:9px; }
td.ResellerStatistics { padding-left:2px; padding-right: 2px; white-space:nowrap; text-align:left; font-size:9px; }
.ResellerStatistics input { padding:0; margin:0; font-size:9px; }
#ctl00_pnlReseller    { position:absolute; top:4px; left:4px; }

/* ------------------------------------------------------------------------ *
    Shopping cart
 * ------------------------------------------------------------------------ */

table.gtShoppingCart
{
  background-color: #DFECF0;
  border:           solid 1px #c0d2e0;
  width:            100%;
}

.gtShoppingCartEntry
{
  padding:          2px;
  margin:           2px;
  white-space:      nowrap;
}

.gtShoppingCartHader
{
  background-color: #c0d2e0;
  white-space:      nowrap;
}

.gtShoppingCartTotal
{
  border-top:       1px solid #356097;
  border-bottom:    double 3px #356097;
  font-weight:      bold;
  color:            #d45c60;
  white-space:      nowrap;
}

input[type=text].gtShoppingCartEntry
{
  font-size:90%;
  padding:0;
}

input.gtShoppingCartEntry
{
  font-size:90%;
  padding:0;
  margin:0;
}

input.gtShoppingCartButton
{
  font-size:90%;
  padding:0;
  margin:0;
}

input.Order
{
  font-size:100%;
}

select.Order
{
  font-size:14px;
  color:Black;
  padding: 2px;
}

textarea.Order
{
  font-size:14px;
  font-family: verdana, helvetica, arial;
}


table.gtExplanation      { font-size:80%; text-align:left; }
table.gtExplanation th   { padding-left:4px; padding-right:4px; }
table.gtExplanation td   { background-color:#dfecf0; border-bottom:solid 1px #cccccc; padding-left:4px; padding-right:4px; vertical-align:top; }
table.gtExplanation tr   { vertical-align:top; }
th.gtExplanationHeader   { white-space:nowrap; font-weight:bold; font-size:90%; background-color:#c0d2e0; text-align:left; }
td.gtExplainType         { width:100px;}
td.gtExplainWeight       { white-space:nowrap; }
td.gtExplainPrice        { white-space:nowrap; }
td.gtExplainSum          { font-weight:bold; white-space:nowrap; }
td.gtExplainDescription  {}



/* ------------------------------------------------------------------------ *
    Shadow effect
 * ------------------------------------------------------------------------ */

.wrap1, .wrap2, .wrap3 
{
  display: inline;
  /* \*/display:block;/**/
 }
 
.wrap1
{
  float:left;
  background:url(images/shadow/shadow.gif) right bottom no-repeat;
}

.wrap2
{
  background:url(images/shadow/corner_bl.gif) -14px 100% no-repeat;
}

.wrap3
{
  padding:   0 5px 9px 0;
  background:url(images/shadow/corner_tr.gif) 100% -14px no-repeat;
}

.wrap3 div
{
  display:block;
}


/* ------------------------------------------------------------------------ *
    The KystAtlas Mock-Up
 * ------------------------------------------------------------------------ */

td.col-head
{
}

td.col-left
{
}

td.col-right
{
  vertical-align:top;
  padding: 10px;
  border:solid 1px #dddddd;
  height: 130px;
}

.navbtn, .navhov, .navbtnsel
{
  font-size: 80%;
  padding-left: 4px;
  padding-right:4px;
  background-color: #3a5991;
  color: #dae8f8;
  border: #5674aa 1px solid;
}

.navhov
{
  cursor:pointer;
  color: #3a5991;
  background-color: #FFFBD6;
}

.navbtnsel
{
  color: #3a5991;
  background-color: #dae8f8;
}

.mockupHeading
{
  font-size: 180%;
  line-height: 200%;
  font-weight: bold;
  color: #3a5991;
}

.mockup
{
  font-size: 100%;
  color: #3a5991;
  margin-top:5px;
  margin-bottom:5px;
}