/*  
  Platino Template
  File: stylesheet.css
  Stefano Giliberti - kompulsive@gmail.com clickswitch.net    
*/

/* Main */
body {
  background:url(../images/back.gif) repeat-x #FFF;
  color:#454950;
  font:62.5% Helvetica, Arial, sans-serif;
  line-height:1.4em;
}
p {
  font-size:1.4em;
  line-height:1.5em;
  padding:0 0 10px 0;
}
.left {
  float:left;
}
.right {
  float:right;
}
.clear {
  clear:both;
}
.center {
  text-align:center;
}
.spacer {
  padding:0 0 35px 0;
}
.small-spacer {
  padding:0 0 20px 0;
} 
strong {
  font-weight:bold;
}
em {
  font-style:italic;
}
hr {
  background:#c1c2c3;
  border: 0;
  color: #c1c2c3;
  height: 1px;
  margin:25px 0;
}
.a-left {
  text-align:left;
}
.a-right {
  text-align:right;
}
.marker {
  font-weight:bold;
  font-size:1.6em;
  line-height:1.3em;
  color:#777;
}
.small {
  color:#919191;
  font-size:1.2em;
  line-height:1.8em;
}

/* Tables Styling */
table span {
  padding:0 10px 0 0;
  font-weight:bold;
}
td {
  padding:17px 7px;
  border-bottom: 1px solid #e2e2e2;
  font-size:1.3em;
  text-align:left;
}
td a.promo-link {
  font-size:.9em;
}
tr.table-header {
  background:url(../images/upper-shade.gif) repeat-x;
}
tr.table-header h4 {
  padding:15px 0;
}
th {
  padding: 0px 10px;
  border-top:1px solid #d4d4d4;
  border-bottom:1px solid #e2e2e2;
  font-weight:bold;
  text-align:left;
}

/* Quotes styling */
blockquote {
  width:400px;
  margin:10px 0 15px 0;
  padding:10px 0 10px 20px;
  border-left:2px solid #CCC;
  font-size:1.5em;
  line-height:1.4em;
  color:black;
  font-weight:bold;
}
cite {
  padding:10px 0 0 0;
  color:#777;
  display:block;
}

/* Lists */
#content ul,
#content ol {
  padding:10px 0 10px 18px;
}
  #content ul li,
  #content ol li {
    font-size:1.4em;
    padding:0 0 5px 0;
  }

/* Form Styling */
label {
  display:block;
  margin:5px 0 5px 0;
  font-size:1.6em;
  color:black;
  font-weight:bold;
}
input,
textarea {
  background:url(../images/upper-shade.gif) repeat-x top;
  border:1px solid #cacaca;
  padding:5px;
  margin:0 0 5px 0;
  font-family: Arial, sans-serif;
  font-size:16px;
}

select
 {
  background:url(../images/upper-shade.gif) repeat-x top;
  border:1px solid #cacaca;
  padding:5px;
  margin:0 0 5px 0;
  font-family: Arial, sans-serif;
  font-size:16px;
}

input {
  width:250px;
}
  input.smaller {
    width:100px;
  }
  input.larger {
    width:400px;
  }
.submit {
    border:none;
  width:150px;
  height:37px;
  margin:10px 5px 0 0;
  font-weight:bold;
  color:#fff;
    background:url(../images/button.gif) no-repeat 0 0;
}
  .submit:hover {
    background-position: 0 -37px;
    cursor:pointer;
  }
.button {
  border:1px solid #2E3136;
  background:#45494F;
  padding:5px 15px;
  color:white;
  font-weight:bold;
  font-size:1.2em;
}

/* Headings */
h1, h2, h3, h4, h5 {
  color:#454950;
  font-size:3.7em;
  font-weight:bold;
  padding:5px 0 15px 0;
}
h1 {
  letter-spacing:-2px;
}
h2 {
  font-size:2.2em;
  color:#373A3F;
  padding:5px 0 20px 0;
}
h3 {
  font-size:1.9em;
  font-weight:bold;
}
h4 {
  font-size:1.6em;
  line-height:1.4em;
}
h5 {
  font-size:1.4em;
  line-height:1.3em;
}

/* Links Style */
a:link, a:visited, a:active {
  color:#2080d5;
  text-decoration:none;
}
a:hover {
  color:black;
  text-decoration:underline;
}

/* Promo links */
a.promo-link {
  line-height:41px;
  width:133px;
  background:transparent url(../images/promo-link.png) 0 0;
  color:#2e2e2e;
  text-align:center;
  font-size:1.3em;
  font-weight:bold;
  margin:0 5px 0 5px;
  cursor:pointer;
}
  a:hover.promo-link {
    background-position: 0 -41px;
    text-decoration:none;
    color:#4481d4;
  }
  
/* Wrapper */
#wrapper {
  position:relative;
  margin:0 auto;
  width:960px;
  padding:0 0 30px 0;
}
/* Header */
#header {
  position:relative;
  height:134px;
}
  /* Logo */
  #header h1#logo,
  #header h1#logo a,
  #header h1#logo a:hover,
  #header h1#logo a:visited {
    color: #2080D5; 
    display:block;
    height:55px;
    position: absolute;
    text-decoration: none;
    top: 25px;
    width:210px;
  }

#header p
{
  font-size: 10pt;
  color: #C6C9D1;
  position: absolute;
  left: 250px;
  top: 50px;
}

  /* Navigation */
  ul#navigation {
    margin:0;
      list-style:none;
    position:absolute;
    bottom:0;
    padding:0;
  }
    ul#navigation li {
      float:left;
      background:url(../images/tab-unactive-left.gif) no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      margin:0 4px 0 0;
    }
    ul#navigation a {
      float:left;
      display:block;
      background:url(../images/tab-unactive-right.gif) no-repeat right top;
      padding:10px 15px 10px 10px;
      text-decoration:none;
      font-weight:bold;
      font-size:1.3em;
      color:white;
    }
    ul#navigation a:hover {
      color:#d0d5de;
    }
      /* Hover class */
      ul#navigation .hover {
        background:url(../images/tab-hover-left.gif) no-repeat left top;
      }
      ul#navigation .hover a {
        background:url(../images/tab-hover-right.gif) no-repeat right top;
      }
      /* Current list item */
      ul#navigation .current {
        background:url(../images/tab-active-left.gif) no-repeat left top;
      }
      ul#navigation .current a {
        background:url(../images/tab-active-right.gif) no-repeat right top;
        color:#2b2e32;
      }
      /* Highlighted (blue) list item */
      ul#navigation .highlighted {
        background:url(../images/tab-highlighted-left.gif) no-repeat left top;
      }
      ul#navigation .highlighted a {
        background:url(../images/tab-highlighted-right.gif) no-repeat right top;
      }
      ul#navigation .highlighted a:hover {
        color:#93ddff;
      }
      
  /* Right upper menu */
  ul#fast-links {
    margin:0;
      list-style:none;
    position:absolute;
    bottom:0;
    right:0;
    padding:0;
  }
    ul#fast-links li {
      float:left;
      margin:0;
      padding:0 0 0 5px;
      margin:0 2px 0 0;
    }
    ul#fast-links a {
      float:left;
      display:block;
      padding:10px 10px 12px 5px;
      text-decoration:none;
      font-weight:bold;
      font-size:1.2em;
      color:#c6c9d1;
    }
    ul#fast-links a:hover {
      text-decoration:underline;
    }
      /* Current list item */
      ul#fast-links .current {
        background:url(../images/fast-links-hover-left.gif) no-repeat left center;
      }
      ul#fast-links .current a {
        background:url(../images/fast-links-hover-right.gif) no-repeat right center;
      }
  
  /* Promo Container */
  #promo-container {
    background:url(../images/promo-shade.gif) bottom no-repeat;
    padding:5px 0 5px 0;
    margin:0 0 20px 0;
    position:relative;
  }
    #promo-info {
      position:absolute;
      bottom:50px;
      right:0;
      color:black;
    }
    /* Pages title */
    #promo-container h1,
    #promo-container h2,
    #promo-container h3 {
      color:#2B2E32;
      padding:25px 0 0 0;
    }
    ul#sub-menu {
      margin:0;
      list-style:none;
      position:absolute;
      bottom:45px;
      right:0;
      padding:0;
    }
      ul#sub-menu li {
        float:left;
        margin:0;
        padding:0 0 0 5px;
        margin:0 2px 0 0;
      }
      ul#sub-menu a {
        float:left;
        display:block;
        padding:10px 10px 12px 5px;
        text-decoration:none;
        font-size:.9em;
      }
      ul#sub-menu li.current a {
        color:black;
        cursor:default;
      }

    /* "Signup for free" or "Take the tour" links positioning */
    .promo-links {
      position:absolute;
      top:160px;
      left:40px;
    }
    /* "or" text */
    .promo-links span {
      font-size:1.8em;
      color:white;
      line-height:41px;
      margin:0 5px 0 5px;
    }
    .promo-links a.promo-link,
    .promo-links span {
      float:left;
    }
    
    /* Slider */
    #slider {
      height:243px;
      overflow:hidden;
      /* IE6, IE7 Fix */
      position:relative;
    }
      #slider ul,
      #slider ul li {
        margin:0;
        padding:0;
        list-style:none;
      }
      #slider ul li { 
        height:243px;
        overflow:hidden;
        position:relative; 
        font-size:1em;
      }
      /* Slider controls */
      #prev-slide,
      #next-slide {
        display:block;
        width:25px;
        height:53px;
        text-indent:-999em;
        position:absolute;
        top:125px;
        left:-45px;
      }
      #next-slide {
        left:980px;
      }
        #prev-slide a,
        #next-slide a {
          display:block;
          width:25px;
          height:53px;
          background:url(../images/slider-controls.gif) no-repeat 0 0;  
        }
        #next-slide a {
          background-position:0 -53px;
        }
        
  /* Home introduction text and info strips */
  .intro-div {
    width:580px;
    padding:0 0 50px 0;
  }
  .info-strip {
    width:479px;
    min-height:120px;
    padding:0 0 25px 0;
  }
    .info-strip .desc {
      width:75%;
      padding:0 50px 0 0;
    }

  /* Columns */
  .left-column {
    width:700px;
    padding:0 0 0px 0;
  }
  .right-column {
    width:372px;
    padding:0 0 30px 40px;
    background:url(../images/left-shade.gif) no-repeat left center;
    min-height:400px;
  }
  .center-box {
    width:700px;
    margin:0 auto;
    margin-bottom:40px;
    padding:30px;
    background:url(../images/upper-shade.gif) top repeat-x;
    text-align:center;
    border:1px solid #e2e2e2;
    border-bottom:1px solid #d4d4d4;
  }
  
  /* Features tabs */
  ul.tabs {
      list-style:none;
    padding:0 !important;
  }
    ul.tabs li {
      float:left;
      margin:0 1px 0 0;
      text-align:center;
    }
    ul.tabs li a {
      display:block;
      width:92px;
      line-height:37px;
      background:url(../images/tabs.gif) no-repeat left top;
      color:#777;
      font-size:0.9em;
      font-weight:bold;
    }
    ul.tabs li a.selected {
      background-position:0 -37px;
      color:black;
    }
  
  /* Bottom Promo */
  /* First panel left border trick */
  #bottom-promo .first {
    background:url(../images/bottom-promo-left-border.gif) left repeat-y;
  }
  #bottom-promo .panel {
    width:239px;
    height:165px;
    float:left;
    border:1px solid #cacaca;
    border-left:none;
    margin:30px 0 25px 0;
  }
    /* Panel icon */
    #bottom-promo .panel img {
      padding:10px 15px 0 10px;
    }
    /* Panel title */
    #bottom-promo .panel h3 {
      padding:28px 0 30px 0;
    }
    /* Panel description */
    #bottom-promo .panel p {
      line-height:1.4em;
      font-size:1.3em;
      padding:0 13px 13px 13px
    }
    /* Search panel */
    input#panel-search {
      margin:13px 0 0 0;
      width:192px;
    }
    
    fieldset.true_fieldset {
      border: 1px #999 solid;
      margin-top: 10px;
      padding: 10px;
    }
    
    fieldset.true_fieldset legend {
      font-size: 11pt;
      font-weight: bold;
      padding: 0 5px;
    }
form#grad-form ul
{
  list-style: none;
}

p.confirmation-message
{
  border: 2px #263 solid;
  border-left-width: 8px;
  color: #2A3;
  font-weight: bold;
  margin-bottom: 15px;
  padding: 10px;
  width: 45%;
}

span.required
{
  color: red;
  font-size: 14pt;
}

label span.instructions
{
  color: #666;
  font-weight: normal;
}

fieldset#student-address
{
  margin-bottom: 15px;
}

form fieldset ul#student-names
{
  font-size: 0.695em;
  list-style: none;
  margin: 0;
  padding: 0;
}

form fieldset ul#student-names li
{
  float: left;
  margin-right: 10px;
}

form fieldset ul#student-names li#lname-li
{
  clear: right;
}

label#site_id-label
{
  clear: both;
}

ul#error
{
  border: 2px #E21 solid;
  border-left-width: 7px;
  color: #E21;
  margin-bottom: 15px;
  padding-left: 30px;
}

table#graduation_table th
{
  font-size: 1.5em;
  padding: 15px 5px;
}

table#graduation_table label
{
  font-size: 1.5em;
  font-weight: normal;
}

form#grad-form textarea
{
  height: 150px;
  width: 400px;
}

ul#lightbox li
{
  display: inline;
  list-style: none;
}

td div input.graduation-other
{
  background:url(../images/upper-shade.gif) repeat-x top;
  border:1px solid #cacaca;
  padding:5px;
  margin:0 0 5px 0;
  font-family: Arial, sans-serif;
  font-size:16px;
}