/*
-------------------------------------------
File: 'Blueball Pro Colors' styles.css Style Sheet
Created: 29, May, 2005
Last Modified: 5, June, 2008
Author: Josh/Charlie Lockhart, Blueball Design
Copyright 2005-2008 Josh/Charlie Lockhart/Blueball Design USA
All Rights Reserved
-------------------------------------------
*/

/* @group GENERAL STYLES */

body {
      margin: 0px;
      padding: 0px;
      font-family: "Trebuchet MS", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
      font-size: 13px;
      line-height: 20px;
      background: #ffffff;
      font-weight: normal;
}

* html body {
      font-weight: 500;
}

a:link, a:visited, a:active {
      text-decoration: underline;
}

a:hover {
      text-decoration: none;
}

.imageStyle {
      background: transparent;
}

.image-right {
      float: right;
      padding: 4px 0px 2px 16px;
}

.image-left {
      float: left;
      padding: 4px 16px 2px 0px;
}

img {
      
}

a img {
      border: 0px;
}

ul.disc {
      list-style-type: disc;
}

ul.circle {
      list-style-type: circle;
}

ul.square {
      list-style-type: square;
}

ol.arabic-numbers {
      list-style-type: decimal;
}

ol.upper-alpha {
      list-style-type: upper-alpha;
}

ol.lower-alpha {
      list-style-type: lower-alpha;
}

ol.upper-roman {
      list-style-type: upper-roman;
}

ol.lower-roman {
      list-style-type: lower-roman;
}

b, strong {
      font-weight: bold;
}

.clear {
      clear: both;
}

.clearer {
      clear: both;
}


/* @end */

/* @group GLOBAL CLASSES */

.standout {
      font-style: italic;
      font-size: 14px;
      border-left-width: 5px;
      border-left-style: solid;
      padding-left: 12px;
}

blockquote {
      font-style: italic;
      font-size: 14px;
      border-left-width: 5px;
      border-left-style: solid;
      padding-left: 12px;
}

h1 {
      font-size: 18px;
      line-height: 1.2em;
      margin: 3px 0 7px 0;
}

h2 {
      font-size: 15px;
      line-height: 1.2em;
      margin: 3px 0 7px 0;
}

h3 {
      font-size: 13px;
      line-height: 1.2em;
      margin: 3px 0 6px 0;
}

h4 {
      font-size: 18px;
      line-height: 1.2em;
      margin: 3px 0 6px 0;
}

h5 {
      font-size: 16px;
      line-height: 1.2em;
            margin: 3px 0 7px 0;
}

* html h1, h2, h3, h4, h5 {
      font-weight: 600;
}

/* @end */

/* @group WRAPPER */


#outerwrapper {
      width: 750px;
      margin: 0px auto;
      border-left: 1px solid #666666;
      border-right: 1px solid #666666;
      background-color: #ffffff;
      z-index: 1;
}

/* @end */

/* @group PAGEHEADER */

#header {
      position: relative;
      margin: 0px;
      height: 90px;
      z-index: 5;
}

#header h1 {
      position: relative;
      margin: 0px;
      padding: 23px 240px 0px 20px;
      font-size: 18px;
      font-color: 000000;
      font-family: Arial, Helvetica, sans-serif;
      z-index: 20;
}

#header h2 {
      position: relative;
      margin: 0px;
      padding: 3px 240px 18px 20px;
      font-size: 14px;
      font-color: FFFFFF;
      font-weight: normal;
      z-index: 25;
}

* #header h2 {
      font-weight: 500;
}

#customimage {
      position: absolute;
      top: 0px;
      left: 0px;
      right: 0px;
            display:  block;
      width: 100%;
      height: 90px;
      padding: 0px;
      margin: 0px;
      border-style: none;
      z-index: 10;      
}

#logo {
      position: absolute;
      top: 10px;
      left: 520px;
      display: block;
      width: 190px;
      height: 70px;
      padding: 0px;
      margin: 0px;
      border-style: none;
      z-index: 20;
}

/* @end */

/* @group CONTENT LAYOUT */

#outer {
      margin: 0px;
      padding-right: 230px;
      background: #FFFFFF url('images/sidebar-background.jpg') right repeat-y;
      border-bottom: 1px solid #666666;
            z-index: 3;
}

#contentContainer {
      width: 100%;
      float: right;
      font-size: 13px;
      line-height: 20px;
      font-weight: normal;
}

#content {
      padding: 18px 20px 20px 20px;
      overflow: hidden;
      font-size: 13px;
      line-height: 20px;
      font-weight: normal;
}

* html #content {
      font-weight: 500;
}

#content ul {
}

#content li {
}

/* Table Styles */

#content table {
      font-size: 13px;
      line-height: 16px;
}

sidebar {
      float: right;
      width: 230px;
      margin-right: -115px;
      /* HALVE FOR IE6 FLOAT DOUBLE-MARGIN BUG */
      margin-top: 20px;
      margin-bottom: 20px;
      padding: 0px 15px 0px 15px;
}

html>body #sidebar {
      margin-right: -230px;
      margin-top: -2px;
/* RESET FOR NON-IE6 BROWSERS. SEE ABOVE. */
}

#sidebar a:link, a:visited, a:active {
      text-decoration: underline;
}

#sidebar a:hover {
      text-decoration: none;
}

#sidebar img {
      border: 0px;
}


#sidebar .sideHeader {
      padding: 3px 15px 5px 15px;
      font-size: 15px;
      line-height: 19px;
      font-weight: bold;
}

#sidebar #sidebarcontent {
      padding: 4px 15px 4px 15px;
      font-size: 12px;
      line-height: 17px;
}

* html #sidebarcontent {
      font-weight: 500;
}

#sidebar #sidebarcontent h5 {
      font-size: 15px;
      line-height: 19px;
      font-weight: bold;
}

* html #sidebarcontent h5 {
      font-weight: 600;
}

#sidebar ul {
      margin: 0px;
      padding: 0px;
      list-style: none;
}

#sidebar li {
        margin: 0px;
      padding: 0px;
      list-style: none;
}

html>body #sidebar li{
        height: auto;
}

#sidebar li.links a {
}

#footer {
      margin: 0px;
      padding: 10px 10px 18px 20px;
      font-size: 12px;
      line-height: 18px;
      font-weight: normal;
      clear: both;
}

* html #footer {
      font-weight: 500;
}

#footer a:link, a:visited, a:active {
      text-decoration: underline;
      font-weight: normal;
}

#footer a:hover, a:visited, a:active {
      text-decoration: none;
      font-weight: normal;
}

#footer ul, #footer li {
      display: inline;
      padding: 0px;
      margin: 0px;
      list-style: none;
      text-align: left;
      font-weight: normal;
}

*:first-child+html #footer ul, #footer li {
      display: inline;
      padding: 0px;
      margin: 0px;
      list-style: none;
}

#bottomspacer {
      position: relative;
      display: block;
      height: 24px;
      width: 750px;
      background: transparent;
      margin: 0px auto;
}


/* @end */

/* @group TOOLBAR */

#nav-container {
      margin: 0px;
      width: 100%;
      background: #446ED8 url(images/navbar-background.jpg) top left repeat-x;
      border-bottom: 1px solid #16369A;
}

/* Correct Firefox/Mozilla/Safari inability to properly clear a float - see: www.positioniseverything.net/easyclearing.html. Ignores IE6 */

.clearfix:after {
      content: ".";
      display: block;
      height: 0px;
      clear: both;
      visibility: hidden;
}

#nav ul {
      position: relative;
      margin: 0px;
      padding: 0px;
      list-style: none;
      z-index: 50;
}

#nav li {
      float: left;
      position: relative;
}

#nav a {
      display: block;

      /* THIS WIDTH = TOTAL WIDTH - LEFT/RIGHT PADDING */
  padding: 8px 10px 6px 10px;
      /* MENU ITEM HEIGHT = PADDING-TOP + PADDING-BOTTOM + FONT-SIZE(in Px) BELOW */
  border-right: 1px solid #163699;
      /* FOR TOP MENUS ONLY */
  border-bottom: 1px solid #446ED8;
      /* FOR TOP MENUS ONLY */
  color: #D0DFFF;
      font-size: 13px;
      text-decoration: none;
}

#nav li:hover a, #nav li.sfhover a {
      color: #FFFFFF;
}

#nav li:hover ul a, #nav li.sfhover ul a {
      color: #003CC2;
}

#nav ul #current {
      text-decoration: underline;
      font-weight: bold;
      color: #2A5ED9; 
      font-size: 13px;
}

#nav ul currentAncestor {
      text-decoration: underline;
      font-weight: bold;
      color: #2A5ED9; 
      font-size: 13px;
}

/* MENUS LEVEL 2 CSS STYLES */

#nav ul ul {
      position: absolute;
      top: 100%;
      left: -1px;
      width: 220px;
      line-height: 15px;
      /* SET TO TOTAL LINK WIDTH; THIS IS TO BREAK <li> FLOATS INTO ONE COLUMN */
  background-color: #B0C8FF;
      border-left: 1px solid #16369A;
      border-right: 1px solid #16369A;
      border-bottom: 1px solid #16369A;
      display: none;
}

* html #nav ul ul {
     position: absolute;
      top: 35px;
      left: -1px;
}

#nav ul ul li {
      border-top: 1px solid #16369A;
}

#nav li:hover ul, #nav li.sfhover ul {
      display: block;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
      display: none;
}

#nav ul ul li:hover, #nav ul ul li.sfhover {
      background-color: #7AA4FF;
}

#nav ul ul a {
      border: none;
      /* REMOVE BORDERS SET ABOVE */
  width: 200px;
      border: none;
      padding: 5px 10px 4px 10px;
}

#nav ul ul #current {
      text-decoration: underline;
      font-weight: normal;
      color: #2A5ED9; 
      font-size: 13px;
}

#nav ul ul currentAncestor {
      text-decoration: underline;
      font-weight: normal;
      color: #2A5ED9; 
      font-size: 13px;
}

/* MENUS LEVEL 3 CSS STYLES */

#nav ul ul ul {
      display: none;
      border-left: 1px solid #16369A;
}

#nav ul ul li:hover ul, #nav ul ul li.sfhover ul {
      display: block;
      top: -1px;
      left: 200px;
/* SET HORIZ OFFSET */
}

#nav ul ul li:hover ul ul, #nav ul ul li.sfhover ul ul {
      display: none;
}

/* MENUS LEVEL 4 CSS STYLES */

#nav ul ul ul li:hover ul, #nav ul ul ul li.sfhover ul {
      display: block;
}

#nav ul ul ul li:hover ul ul, #nav ul ul ul li.sfhover ul ul {
      display: none;
}

/* MENUS LEVEL 5 CSS STYLES */

#nav ul ul ul ul li:hover ul, #nav ul ul ul ul li.sfhover ul {
      display: block;
}

#nav ul ul ul ul li:hover ul ul, #nav ul ul ul ul li.sfhover ul ul {
      display: none;
}

/* MENUS LEVEL 6 CSS STYLES */

#nav ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul li.sfhover ul {
      display: block;
}

#nav ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul li.sfhover ul ul {
      display: none;
}

/* MENUS LEVEL 7 CSS STYLES */

#nav ul ul ul ul ul ul li:hover ul, #nav ul ul ul ul ul ul li.sfhover ul {
      display: block;
}

#nav ul ul ul ul ul ul li:hover ul ul, #nav ul ul ul ul ul ul li.sfhover ul ul {
      display: none;
}

/* @end */

/* @group BLOG */

.blog-entry {
      margin-bottom: 24px;
}

.blog-entry-title {
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 5px;
}

.blog-entry-title a:link, .blog-entry-title a:visited {
      text-decoration: none;      
      font-size: 15px;
      font-weight: bold;
}

.blog-entry-title a:hover,
.blog-entry-title a:active {
      text-decoration: underline;
      font-size: 15px;
      font-weight: bold;
}

.blog-entry-date {
      color: #666666;
      margin-bottom: 5px;
      font-style: italic;
}

.blog-entry-body {
}

.blog-entry-summary {
      margin-bottom: 10px;
}

.blog-entry img {
}

.blog-entry a:link, a:visited, a:active {
      text-decoration: underline;
}

.blog-entry a:hover {
      text-decoration: none;
}

.blog-entry-body a {
      text-decoration: underline;
}

.blog-entry-comments {
      margin: 5px 0px 0px 0px;
}

.blog-entry-comments a {
}

.blog-read-more {
      display: block;
      padding-top: 6px;
      font-style: italic;
}

.blog-read-more a:link, .blog-read-more a:visited, .blog-read-more a:active {
      text-decoration: underline;
}

.blog-read-more a:hover {
      text-decoration: none;
}

.blog-entry-category {
      font-size: 12px;
      margin-bottom: 3px;
}

.blog-entry-permalink {
}

.blog-entry-permalink a:link, .blog-entry-permalink a:visited {
}

/* styles the comments which appear at the end of each blog page entry */

.blog-entry-comments {
      font-size: 11px;
      line-height: 15px;
      text-align: left;
      margin: 6px 0px 0px 0px;
}

.blog-entry-comments a {
}

.blog-entry-comments a:hover {
      text-decoration: none;
}

.blog-entry-comments-inline {
      font-size: 11px;
      line-height: 15px;
      text-align:  left;
      font-style: italic;
      margin-top: 8px;
      padding-bottom: 8px;
}

p.blog-entry-tags {
      font-size: 11px;
      line-height: 15px;
      text-align:  left;
      margin-top: 6px;
      padding-left: 22px;
      font-style: normal;
      background: transparent url(images/tag_gray.gif) center left no-repeat;
}

p.blog-entry-tags a:link,
p.blog-entry-tags a:active, 
p.blog-entry-tags a:visited {
      font-style: normal;
      text-decoration: underline;
}

p.blog-entry-tags a:hover {
      font-style: normal;
      text-decoration: none;
}

/* @end */


/* @group BLOG ARCHIVE */

.blog-archive-background {      
}

.blog-archive-headings-wrapper {      
}

.blog-archive-entries-wrapper {      
}

.blog-archive-entries-wrapper .blog-entry {      
}

.blog-archive-month {
      padding: 8px 15px 0px 0px;
      font-size: 20px;
      font-weight: bold;
}

.blog-archive-link {
      margin: 0px;
      padding: 4px 20px 20px 0px;
      font-size: 13px;
      line-height: 1.4em;
      text-align: left;
}

.blog-archive-link a:link, .blog-archive-link a:visited, .blog-archive-link a:active {
      text-decoration: underline;
      font-weight: normal;
}

.blog-archive-link a:hover {
      text-decoration: none;
      font-weight: normal;
}

/* styles the archives in the blog sidebar */

#blog-archives {
      margin-bottom: 6px;
      line-height: 18px;
      font-weight: normal;
}

.blog-archive-link-enabled {
      font-size: 12px;
      font-weight: normal;
}

.blog-archive-link-disabled {
      font-size: 12px;
      font-weight: normal;
}

/* Styles the blog categories in the blog sidebar */

#blog-categories {
      margin: 10px 0 10px 0px;
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5em;
}

.blog-category-link-enabled {
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5em;
      padding: 0px;
}

.blog-category-link-enabled a:link, .blog-category-link-enabled a:visited, .blog-category-link-enabled a:active {
      text-decoration: underline;
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5em;
}

.blog-category-link-enabled a:hover {
      text-decoration: none;
      font-size: 12px;
      font-weight: normal;
}

.blog-category-link-disabled {
      font-size: 12px;
      font-weight: normal;
      line-height: 1.5em;
}

/* Styles the blog RSS feeds in the blog sidebar */

#blog-rss-feeds {
      margin: 12px 0 10px 0;
      line-height: 20px;
      font-weight: normal;
      font-size: 12px;
}

a.blog-rss-link {
      background: url(images/rss_icon.gif) center left no-repeat ;
      padding-left: 18px;
      display: block;
      float: left;
      font-weight: normal;
      font-size: 12px;
}

a.blog-comments-rss-link {
      background: url(images/rss_icon.gif) center left no-repeat ;
      padding-left: 18px;
      display: block;
      float: left;
      font-weight: normal;
      font-size: 12px;
}

a.blog-trackback-link {
      padding-left: 16px;
}

/* @end */

/* @group BLOG TAG CLOUD */

ul.blog-tag-cloud {
      margin: 0 0 10px 0;
      padding: 0;
      text-align: left;
}

ul.blog-tag-cloud li {
      display: inline;
      padding-right: 5px;
}

.blog-tag-size-1 {      
      font-size: 0.8em;
}

.blog-tag-size-2 {      
      font-size: 0.85em;
}

.blog-tag-size-3 {      
      font-size: 0.9em;
}

.blog-tag-size-4 {      
      font-size: 0.95em;
}

.blog-tag-size-5 {      
      font-size: 1em;
}

.blog-tag-size-6 {      
      font-size: 1.05em;
}

.blog-tag-size-7 {      
      font-size: 1.1em;
}

.blog-tag-size-8 {      
      font-size: 1.15em;
}

.blog-tag-size-9 {      
      font-size: 1.2em;
}

.blog-tag-size-10 {      
      font-size: 1.25em;
}

.blog-tag-size-11 {      
      font-size: 1.3em;
}

.blog-tag-size-12 {      
      font-size: 1.35em;
}

.blog-tag-size-13 {
      font-size: 1.4em;
}

.blog-tag-size-14 {      
      font-size: 1.45em;
}

.blog-tag-size-15 {
      font-size: 1.5em;
}

.blog-tag-size-16 {      
      font-size: 1.55em;
}

.blog-tag-size-17 {      
      font-size: 1.6em;
}

.blog-tag-size-18 {      
      font-size: 1.65em;
}

.blog-tag-size-19 {
      font-size: 1.7em;
}

.blog-tag-size-20 {      
      font-size: 1.75em;
}

/* @end */


/* @group FILE SHARING */

.filesharing-description {
      line-height: 1.4em;
      margin-bottom: 25px;
}

.filesharing-item {
      margin-bottom: 25px;
}

.filesharing-item a {
}

.filesharing-item-title {
      font-weight: bold;
      font-size: 15px;
      margin-bottom: 5px;
}

.filesharing-item-title a:link, .filesharing-item-title a:visited, .filesharing-item-title a:active {
      text-decoration: underline;
      padding: 0px;
}

.filesharing-item-title a:hover {
      text-decoration: none;
      padding: 0px;
}

.filesharing-item-description {
      line-height: 1.4em;
}

/* @end */

/* @group PHOTO ALBUM */

/* @group Index Page (Thumbnail view) */

.album-title {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 5px;
      padding-top: 12px;
}

.album-description {
      margin-bottom: 90px;
      padding-bottom: 30px;
      line-height: 1.4em;
      font-size: 13px;
}

.album-wrap {
      display: block;
      width: 98%;
      position: relative;
}

.thumbnail-wrap {
      text-align: center;
      position: relative;
      float: left;
      margin-bottom: 70px;
      margin-right: 15px;
}

* html .thumbnail-wrap {
      margin-right: 10px;
}

.thumbnail-frame {
      position: absolute;
      bottom: 0px;
      left: 0px;
}

.thumbnail-frame:hover {
}

.thumbnail-frame a {
      background: transparent;
      border: none;
}

.thumbnail-frame a:hover {
      background: transparent;
      border: none;
}

.thumbnail-frame img {
      margin: auto;
          padding: 0;
          border: 0;
}

.thumbnail-caption {
      height: 60px;
      display: block;
      text-align: left;
      font-size: 12px;
      line-height: 16px;
      width: 99%;
      margin: 3px 0 0 0;
      padding: 0;
}

#flashcontent {
      margin-top: 22px;
      text-align: center;
}

/* @end */

/* @group Single Page (Photo view) */

.photo-background {
      margin: 0px;
      padding: 0px;
      font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
      font-size: 12px;
}

.photo-navigation {
      position: relative;
      margin: 0px;
            border-bottom: 1px solid #252525;
}

.photo-title {
      margin: 0px;
      padding: 26px 20px 0px 24px;
      font-size: 22px;
      font-family: Arial, Helvetica, sans-serif;
      font-weight: bold;
}

.photo-caption {
      margin: 0px;
      padding: 7px 15px 21px 24px;
      font-size: 14px;
}

.photo-links {
      margin: 0px;
      padding: 7px 20px 6px 24px;
      font-size: 12px;
      line-height: 1.4em;
      background: #446ED8 url('images/navbar-background.jpg') top repeat-x;
}

.photo-links a {
}

.photo-links a:link, .photo-links a:visited, .photo-links a:active {
      text-decoration: underline;
}

.photo-links a:hover {
      text-decoration: none;
}

.photo-frame {
      margin: 24px;
      background: transparent;
}

/* @end */

/* @group EXIF Data */


.exif-data {
      clear: left;
      margin: 0;
      padding: 15px;
      float: left;
      width: 200px;
}

.exif-data p {
      margin: 0;
      padding: 0;
}

p.exif-version {
}

p.exif-colour-space {
}

p.exif-focal-length {
}

p.exif-dimensions {
}

p.exif-pixel-y-dimension {
}

p.exif-pixel-x-dimension {
}

p.exif-oecf-value {
}

p.exif-subsec-time-original {
}

p.exif-exposure-mode {
}

p.exif-spatial-frequency-response {
}

p.exif-scene-capture-type {
}

p.exif-subject-location {
}

p.exif-shutter-speed {
}

p.exif-datetime-original {
}

p.exif-subsec-time {
}

p.exif-compressed-bits-per-pixel {
}

p.exif-flash-energy {
}

p.exif-saturation {
}

p.exif-brightness {
}

p.exif-exposure-time {
}

p.exif-f-number {
}

p.exif-file-source {
}

p.exif-gain-control {
}

p.exif-subject-area {
}

p.exif-cfa-pattern {
}

p.exif-scene-type {
}

p.exif-white-balance {
}

p.exif-flash {
}

p.exif-exposure-index {
}

p.exif-flashpix-version {
}

p.exif-device-setting-description {
}

p.exif-focalplane-x-resolution {
}

p.exif-image-uniqueid {
}

p.exif-components-configuration {
}

p.exif-light-source {
}

p.exif-sensing-method {
}

p.exif-aperture {
}

p.exif-sharpness {
}

p.exif-exposure-program {
}

p.exif-subject-distance {
}

p.exif-subsec-time-digitized {
}

p.exif-contrast {
}

p.exif-focalplane-resolution-unit {
}

p.exif-gamma {
}

p.exif-35mm-focal-length {
}

p.exif-datetime-digitized {
}

p.exif-subject-distance-range {
}

p.exif-custom-rendered {
}

p.exif-max-aperture {
}

p.exif-sound-file {
}

p.exif-metering-mode {
}

p.exif-spectral-sensitivity {
}

p.exif-exposure-bias {
}

p.exif-focalplane-y-resolution {
}

p.exif-iso-rating {
}

p.exif-maker-note {
}

p.exif-digital-zoom-ratio {
}

p.exif-user-comment {
}


/* @end */

/* @end */

/* @group QUICKTIME ALBUM */

/* @group Index Page (Movie Thumbnail view) */

.movie-page-title {
      font-weight: bold;
      font-size: 18px;
      margin-bottom: 5px;
}

.movie-page-description {
      margin-bottom: 25px;
      padding-top: 4px;
      line-height: 1.4em;
      text-align: left;
}

.movie-thumbnail-frame {
      position: relative;
      margin: 0 25px 25px 0;
      float: left;
      display: inline;
      text-align: left;
}

* html .movie-thumbnail-frame {
      margin: 0 15px 25px 0;
}

.movie-thumbnail-frame img {
      margin: 0;
      padding: 0;
      border: none;
}

.movie-thumbnail-caption {
      text-align: left;
      font-size: 12px;
      line-height: 16px;
      margin: 5px 0 5px 0;
      padding: 0;
}

/* @end */

/* @group Single Page (Movie View) */

.movie-background {
      margin: 15px 0px 0px 0px;
      padding: 0px;
      text-align: center;
}

.movie-frame {
      text-align: center;
      margin: 27px 14px 7px 14px;
}

.movie-title {
      font-size: 15px;
      line-height: 20px;
      font-weight: bold;
      color: #FFFFFF;
      text-align: center;
      border: none;
      margin: 5px 0 0 0;
      padding: 3px 8px 3px 8px;
}

/* @end */

/* @end */




/* @group CONTACT FORM */

form {
      margin-bottom: 18px;
}

.message-text {
      padding: 3px;
      text-align: left;
}

.form-input-field {
      width: 90%;
      border: 1px solid #333333;
      background-color: #EFEFEF;
      color: #000000;
      font-size:  12px;
      line-height: 17px;
}

.form-input-button {      
}

.required-text {
      font-weight: bold;
}

/* @end */