/* for debugging */
/* div { border: 1px solid red; } */

/* Global CSS kill all padding and margins */
* { 	padding:0; 	margin:0; }
/* html, body { height: 100%; } */
body {background: #3a2679 url("images/body.gif") no-repeat fixed top center; font : 12px Arial, Helvetica; margin: 0px 0px 0px 0px;}

p {display: block; margin-top: 1em; margin-bottom: 0px;}
.reference {font-size: 14px; font-style: italic;}
.title {color: #35285c; font-size: 24px; font-weight: bold; margin-top: 20px; margin-bottom: 0px;}
.maintitle {color: #35285c; font-size: 48px; text-align: center; font-weight: bold;}
.subtitle {color: #35285c; font-size: 32px; text-align: center; font-style: italic;}
.emphasizedtext {background-color: #ebe8db; font-size: 20px; border-top: 4px solid #2f2824; border-bottom: 4px solid #2f2824; padding:20px;}
.emphasizedtext2 {background-color: #362558; color: white; font-size: 20px; border-top: 4px solid #9c92bc; border-bottom: 4px solid #9c92bc; padding:20px;}

#header { width:1001px; height: 200px; position: relative;	margin-left:auto; margin-right:auto;}
#contents { width:1001px; min-height: 100%; position: relative;	margin-left:auto; margin-right:auto; background-color: white; border-top: 4px solid #2f2824; border-right: 4px solid #2f2824; border-left: 4px solid #2f2824; border-bottom: 4px solid #2f2824;}
#footer { width:1001px; height: 120px; position: relative;	margin-left:auto; margin-right:auto; font : 14px Arial, Helvetica; color: white; background-color: #3a2679; }

/* special case for tiles page only */
#header-tiles { width:1001px; height: 120px; position: relative;	margin-left:auto; margin-right:auto;}
#NONAVcontents-tiles { width:973px; height: 100%; position: relative;	margin-left:auto; margin-right:auto; background-color: white;  }
#contents-tiles { width:1001px; min-height: 100%; position: relative;	margin-left:auto; margin-right:auto; background-color: white; }

#Navigation { width:1001px; height: 80px; position: relative;  top: 120px; left: 0px; }
#CSTLogo {left: 0px; top: 10px; position: absolute; z-index: 5; }
#EZODLogo {right: 0px; top: 10px; position: absolute; z-index: 5; }
#Server {left: 0px; bottom: 10px; position: absolute; z-index: 5;}

A.footer:link  {text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica; font-weight: normal; color: white;}
A.footer:visited  { text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica; font-weight: normal; color: white;}
A.footer:hover {text-decoration: underline; font-size: 12px; font-family: Arial, Helvetica; font-weight: normal; color: #cc9933;}


/* NAV SPRITES */
#navlist{position:relative; }
#navlist ul{margin:0;padding:0;list-style:none;top:0; }
#navlist li{margin:0;padding:0;list-style:none;top:0; }
#navlist li, #navlist a{height:66px;display:block; float: left;  }

.nav-Choose {display: block; width: 202px; height: 66px; line-height:66px; text-align:center;  background: url("images/NavSprite.gif") no-repeat 0 0; margin:0;padding:0;}
.nav-Choose:hover { background-position: 0 -69px; }

.nav-Tablet {display: block; width: 202px; height: 66px; line-height:66px; text-align:center;  background: url("images/NavSprite.gif") no-repeat -202px 0; margin:0;padding:0;}
.nav-Tablet:hover { background-position: -202px -69px; }

.nav-Hosting {display: block; width: 202px; height: 66px; line-height:66px; text-align:center;  background: url("images/NavSprite.gif") no-repeat -404px 0; margin:0;padding:0;}
.nav-Hosting:hover { background-position: -404px -69px; }

.nav-Offering {display: block; width: 202px; height: 66px; line-height:66px; text-align:center;  background: url("images/NavSprite.gif") no-repeat -606px 0; margin:0;padding:0;}
.nav-Offering:hover { background-position: -606px -69px; }

.nav-SignUp {display: block; width: 192px; height: 66px; line-height:66px; text-align:center;  background: url("images/NavSprite.gif") no-repeat -808px 0; margin:0;padding:0; clear:right}
.nav-SignUp:hover { background-position: -808px -69px; }


.blankgifspacerbuttons { border:0;}

/* CONTENT STYLES */
#partial-body {width: 700px; posistion: absolute; margin-left: 15px; font-size: 18px;}
#full-body {width: 965px; posistion: absolute; margin-left: 15px; font-size: 18px;}
#signup-body {width: 900px; posistion: absolute; margin-left: 50px; margin-right: 50px;}

#advantages {width:250px; position: absolute;	right: 2px; background-color: #362558; border-top: 4px solid #9c92bc; border-right: 4px solid #9c92bc; border-left: 4px solid #9c92bc; border-bottom: 4px solid #9c92bc; color: white; font-size: 18px; font-style: italic;}
#advantages ul{margin:10px; padding:10px;  top:0px;}
#advantages li{margin-left:14px;  margin-bottom: 25px; padding:4px; list-style:square url("images/bullet.gif");}
.advantage-title {font-size: 24px; font-style: normal; font-weight: normal; margin-bottom: 4px;}

#hosting {margin-left: 350px;}
.hosting-title {color: #35285c; font-size: 24px; font-style: normal; font-weight: bold; margin-bottom: 4px;}
#hosting ul{margin:10px; padding:10px;  top:0px; font-size: 22px;}
#hosting li{margin-left:14px;  margin-bottom: 5px; padding:4px; list-style:square url("images/bullet3.gif");}

#whyEZOD ul{margin:10px; padding:10px;  top:0px; font-size: 22px;}
#whyEZOD li{margin-left:14px;  margin-bottom: 5px; padding:4px; list-style:square url("images/bullet2.gif");}

/* SIGNUP FORM */

table.article{ width: 100%; border-style: solid; border-width: 1px; border-color: #c0c0c0; font-size: 12px;}
td.header{font-size: 10px; font-weight : bold;	color : #FFFFFF;	background-color: #000066;}
 TD.bcrumb  {  color: black;  font-size: xx-small; font-family: Arial, Helvetica; font-weight : bold; }
 TD.bcrumbon {  color: #0000CD;  font-size: xx-small; font-family: Arial, Helvetica; font-weight : bold; }
 TD.bcrumboff  {  color: silver;  font-size: xx-small; font-family: Arial, Helvetica; font-weight : bold; }
 
div.sample_popup { z-index: +1; }

div.sample_popup div.menu_form_header
{
  border: 1px solid black;
  cursor: default;
  width: 800px;
  height:      20px;
  line-height: 19px;
  vertical-align: middle;

  text-decoration: none;
  font-family: "Times New Roman", Serif;
  font-weight: 900;
  font-size: 13px;
  color: white;
  background-color: navy;
}

div.sample_popup div.menu_form_body
{
  border: 1px solid black;
  background-color: #fdf7d7;
  width: 800px;
  height: 430px;
}

div.sample_popup img.menu_form_exit
{
  float: right;
  margin: 4px 5px 0px 0px;
  cursor: pointer;
}

div.sample_popup table
{
  border-collapse: collapse;
  width: 95%;
  padding: 18px 10px 10px 10px;
}

div.sample_popup form
{
  margin: 0px;
  padding: 8px 10px 10px 10px;
}

div.sample_popup input.field
{
  border: 1px solid #808080;
  width: 95%;
  font-family: Arial, Sans-Serif;
  font-size: 12px;
}

div.sample_popup input.btn
{
  margin-top: 2px;
  border: 1px solid #808080;
  background-color: #DDFFDD;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
}


.note
{
  margin-top: 0px;
  margin-bottom: 0px;
  font-family: Verdana, Sans-Serif;
  font-size: 11px;
  color: navy;
  font-style: italic;
}