* {
  margin:            0px;
  padding:           0px;
  line-height:      normal;
}

img {
  border:           0;
}

body {
  font-family:      'Myriad Pro', 'Myriad Web', 'Trebuchet MS', 'Helvetica', sans-serif;
  font-size:        11pt;
  color:            #616161;

  background:       #F5F5F5 url('/images/background.png') repeat-x;
}

a {
  color:            #589C22;
}

.left {
  float:            left;
}

.right {
  float:            right;
}

.clear {
  float:            none;
  clear:            both;
}

.three_columns {
  width:            30%;
}

.middle_of_three {
  margin:           0 4.5%;
}

.small {
  font-size:        0.8em;
}

#wrapper {
  margin-left:      auto;
  margin-right:     auto;
  margin-top:       40px;

  width:            1000px;
}

#wrapper.thin {
  width:            800px;
}

h1 {
  float:            left;
  margin-bottom:    0.5em;
  font-style:       italic;
  font-weight:      normal;
  font-size:        30pt;

}

h1 a {
  color:            #616161;
  text-decoration:  none;

  margin-left:      5px;

  text-indent:      -3000px;
  width:            226px;
  height:           56px;
  display:          block;

  background:       url('/images/ecampus_logo.png') no-repeat;
}

h2 {
  margin-bottom:    0.5em;
  color:            #589C22;
}

#navigation {
  float:            right;
  list-style:       none;
  margin-top:       15px;
  margin-right:     5px;
}

#navigation li {
  display:          inline;
  margin-left:      10px;
}

#navigation a {
  color:            #616161;
  text-decoration:  none;
}

#navigation a:hover {
  color:            #589C22;
  text-decoration:  underline;
}

#navigation a:active {
  text-decoration:  underline;
}

.errorMessage,
#error, #notice {
  float:            none;
  clear:            both;

  margin:           10px 0 10px 0;

  font-size:        8pt;
  font-weight:      bold;
}

.errorMessage span, 
#error span,
#notice span,
#notice a, 
#error a {
  margin:           10px 20px;
  display:          block;
  float:            left;
}

#error a,
#notice a {
  float:            right;
}


.errorMessage, #error{
  background:       #FFA9A9;
  border:           solid 2px #9C2222;
  color:            #9C2222;
}

#error a {
  color:            #9C2222;
}

#notice {
  background:       #CFFFA9;
  border:           solid 2px #589C22;
  color:            #589C22;
}

#content {
  float:            none;
  clear:            both;
}

#content div.framed {
  border:           solid 10px #fff;
  background:       #F9F9F9;
  padding:          20px;
  margin:           5px 5px 30px;
}

#content img.framed {
  border:           solid 5px #fff;
  margin-bottom:    1em;
}

#content p {
  margin:           0 0 10px 0;
}

#content span.label_description {
  font-size:        8pt;
}

#content fieldset {
  border:           none;
  margin:           0 0 0 10px;
  background:       #fff;
  padding:          20px;
  width:            70%;

  border-right:     solid 2px #DCDCDC;
  border-bottom:    solid 2px #DCDCDC;
}

#content fieldset.login {
  width:            40%;
}

#content .errorExplanation {
  font-size:        10pt;
  border:           solid 2px #9C2222;
  background:       #FFA9A9;
  padding:          10px;
  color:            #9C2222;
  margin:           0 0 20px 0;
}

#content .errorExplanation h2 {
  font-size:        14pt;
  color:            #9C2222;
}

#content .errorExplanation ul {
  padding-left:     30px;
}

#content input, 
#content select {
  font-family:      'Myriad Pro', 'Myriad Web', 'Trebuchet MS', 'Helvetica', sans-serif;
  font-size:        10pt;
  padding:          5px;
}

#content fieldset input[type^=text],
#content fieldset input[type^=password] {
  width:            70%;
}

#content .fieldWithErrors {
  background:       #FFA9A9;
}

#content input:focus,
#content select:focus {
  background:       #CFFFA9;
}


input.submit,
a.submit {
  padding:          0px;
  vertical-align:   middle;
}

input.submit:hover,
a.submit:hover {
 -moz-opacity:      0.8;
 opacity:           0.8;
 filter: alpha(opacity = 80);
}

a.submit img {
  border:           0;
  vertical-align:   middle;
}

#content input.submit:focus {
  background:       none;
}

#content table {
  width:            100%;
  font-size:        10pt;

  border-right:    solid 2px #DCDCDC;  
  border-bottom:    solid 2px #DCDCDC;
}

#content table thead th {
  background:       #589C22;
  color:            #325913;
  text-align:       left;
  padding:          2px 10px;
}

#content table tbody td {
  padding:          2px 10px;
}

#content table tbody td.row1 {
  background:       #fff;
}

#content table tbody td.row2 {

}

#content table tbody td.download_size {
  width:            200px;
}

#content table tbody td.download_link {
  width:            150px;
}

#content .content {
  
}

#content .content h3 {
  margin-bottom:    0.8em;
}

#content .content ul,
#content .content ol {
  padding-left:     30px;
  margin-bottom:    20px;
}

#content .breadcrumbs {
  font-size:        9pt;
  margin-bottom:    1.0em;
}

#content .download {
  margin-top:       10px;
  display:          block;
  width:            260px;
  height:           58px;
  padding:          25px 10px 10px 100px;
  background:       url("../images/download_background.png") no-repeat;
  color:            #325913;
  font-size:        13pt;
  font-weight:      bold;
}

#content .download small {
  font-weight:      normal;
  font-size:        8pt;
}


#footer {
  font-size:        8pt;
  text-align:       center;
}

#cover {
  position:         absolute;
  top:              0px;
  height:           0px;
  z-index:          99;
  background:       #000;
}
