/*  SAMS Subscriber Services stylesheet */

body {
  margin: 0px;
  padding: 0px;
  background-color: #ffffff;
  color: #366696;
  font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;

  scrollbar-face-color: #ffffff;
  scrollbar-shadow-color: #eeeeee;
  scrollbar-highlight-color: #dddddd;
  scrollbar-3dlight-color: #cccccc;
  scrollbar-darkshadow-color: #bbbbbb;
  scrollbar-track-color: #eeeeee;
  scrollbar-arrow-color: #3399CC;

  font-size: smaller;
}

a:link { text-decoration: none; color: #366696; font-weight: bold; }
a:visited	{ text-decoration: none; color: #365596; font-weight: bold; }
a:active	{ text-decoration: none; color: #366696; font-weight: bold; }
a:hover	{ text-decoration: none; color: #000066; font-weight: bold; }

.error { 
  background-color: #E4D3A1 ! important;
}

.ruled {
  vertical-align: top;
  background-color: #F4F3F3;
  border: solid;
  border-color: #E2E1DE;
  border-width: thin;
}

.ruled td {
  background-color: #ffffff;
}

td {
  font-family: Arial Unicode MS, Arial, Helvetica, sans-serif;
}

h1, h2, h3 {
  margin-top: 0pt;
  margin-bottom: 10pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #366696;
}

h4, h5, h6 {
  margin-top: 0pt;
  margin-bottom: 10pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #000066;
}

p {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #666666;
}

.generous {
  margin-top: 2pt;
  margin-bottom: 10pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #666666;
}

i {
  font-style : italic;
}

hr  { border: 1px inset #9D9DB6; }

/* standard unordered and ordered lists */
ul, ol {
  margin-top: 10pt;
  margin-bottom: 20pt;
  margin-left: 20pt;
  margin-right: 0pt;
}

/* standard list item */
li {
  margin-top: 2pt;
  margin-bottom: 2pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #666666;
}

/* used to neutralise the bullet points in a list */
.nobullet {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 10pt;
  margin-right: 0pt;
  list-style: none;
}

/* no margins for the forms please */
form {
  margin-top: 0px;
  margin-bottom: 0px;
  padding: 0px;
  display: inline;
}

/*===*/

.topnav	{
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;

  padding-top: 0pt;
  padding-bottom: 0pt;
  padding-left: 10pt;
  padding-right: 10pt;
  color: #FFFFFF;
  font-weight: bold;
}

.topnav a:link { text-decoration: none; color: #FFFFFF; }
.topnav a:visited	{ text-decoration: none; color: #FFFFFF; }	
.topnav a:active	{ text-decoration: none; color: #FFFFFF; }
.topnav a:hover	{ text-decoration: none; color: #DAF5EC; }

/*===*/

.sidenav	{
  margin-top: 4pt;
  margin-bottom: 4pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #000033;
  font-weight: bold;
}

.current { color: #000066; }

.this { color: #666666; }

/*===*/

.topback { background-color: #FFFFFF; background: url(/img/topback.gif); background-repeat: no-repeat; background-position: bottom right; }
.navback { background: url(/img/navback.gif); background-repeat: repeat-x; }
.titlebar { padding-bottom: 5px; border-bottom: 1px solid #666666; }
.zero { margin-top: 0pt; margin-bottom: 0pt; margin-left: 0pt; margin-right: 0pt; }

/*===*/

.txtbox     {
  color: #333333;
}

.smallbox     {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #333333;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color:#ffffff;
  height: 22px;
}

.login     {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #333333;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color:#ffffff;
  width: 150px;
  height: 22px;
}

.searchme     {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #333333;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color:#ffffff;
  width: 250px;
  height: 22px;
}

.number     {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #333333;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color:#ffffff;
  width: 40px;
  height: 22px;
}

.drop     {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #333333;
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: normal;
  font-style: normal;
  text-decoration: none;
  background-color:#ffffff;
  height: 22px;
}

/*===*/

.copyright {
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 10pt;
  font-family: Tahoma, Arial, Helvetica, sans-serif;
  font-weight: normal;
  font-style: normal;
  color: #366696;
}

.copyright a:link {
  text-decoration: none;
  font-weight: normal;
  color: #366696;
}

.copyright a:visited    {
  text-decoration: none;
  font-weight: normal;
  color: #365596;
}

.copyright a:active     {
  text-decoration: none;
  font-weight: normal;
  color: #366696;
}

.copyright a:hover      {
  text-decoration: none;
  font-weight: normal;
  color: #000066;
}

/*===*/

.main-widget	{
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #366696;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  background-color:#FFFFFF;
  height: 22px;
  border: #366696 2px solid;
}

.widget	{
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10pt;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  background-color:#FFFFFF;
  height: 22px;
  border: #666666 2px solid;
}

.smallwidget	{
  margin-top: 0pt;
  margin-bottom: 0pt;
  margin-left: 0pt;
  margin-right: 0pt;
  color: #366696;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 8pt;
  font-weight: bold;
  font-style: normal;
  text-decoration: none;
  background-color:#FFFFFF;
  height: 18px;
  border: #366696 1px solid;
}
/*== COUNTER Options ==*/

#counter_opt fieldset {
    margin-bottom: 1em;
    border: none;
}
#counter_opt div {
    clear: both;
    margin-bottom: 0.25em;
}
#counter_opt label {
    display: block;
    width: 12em;
    float: left;
    padding-right: 0.5em;
    text-align: right;
    font-weight: bold;
}
#counter_opt input.submit {
    margin-left: 6.5em;
}

/*== COUNTER report ==*/
#counter_rep td, #counter_rep th {
    padding: 0.1em 0.5em;
    color: black;
    font-weight: normal;
    vertical-align: bottom;
}
#counter_rep tr.heading {
    background-color: #9cf;
    height: 3em;
}
#counter_rep tr.summary {
    background-color: #fc0;
}
#counter_rep tr.summary td {
    font-weight: bold;
}
#counter_rep td.month, #counter_rep td.ytd {
    text-align: right;
}

/*===*/