/* This is the CSS file for the cvmp project */

/* ======================================================================== */
/* Grid

   g_wrapper
     g_toolbar
     g_content
       g_leftcol
       g_maincol
       g_rightcol
*/

/* ======================================================================== */
/* Parameters */

/* ======================================================================== */
/* Grid */

.g_toolbar_i,
.g_content_i,
.g_leftcol_i,
.g_maincol_i,
.g_rightcol_i {
    overflow: hidden;
}

.g_wrapper_o {
}

.g_toolbar_o, .g_content_o {
    margin: 0 auto;
    width: 760px;
}

.g_toolbar_i {
    padding-top: 20px;
    padding-bottom: 20px;
}

.g_toolbar_wrapper_o {
}

.g_content_i {
    padding: 0 0px;
    min-height: 500px;
}

.g_content_o {
    margin-bottom: 20px;
}

.g_maincol_o {
    width: 470px;
    float: left;
    overflow: hidden;
}

.g_rightcol_o {
    width: 290px;
    float: right;
}

.g_rightcol_i {
    padding: 0 20px 20px 20px;
}

.g_maincol_i {
    padding: 20px 20px;
}

/* ======================================================================== */
/* Colors & visual theming */

body {
    background-color: #4c4c4c;
    color: #111;
}

.g_toolbar_wrapper_i {
    background: url(/statics/img/toolbar_bg.jpg) repeat-x top;
    background-color: #fae0af;
}

.g_maincol_o {
}

.g_rightcol_o {
}

.g_rightcol_i,
.g_maincol_i,
.g_content_i,
.g_content_wrapper_i,
.f_globalSearch_i {
    background: url(/statics/img/shadow_b.png) repeat-x top;
}

.g_content_o {
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: url(/statics/img/sidecol_bg.jpg) repeat-y right top;
    background-color: #ffffff;
}

/* ======================================================================== */
/* Accessibility */

/* Hidden elements: this is specifically designed to still be found by
   screen readers */

.g_leftcol_o,
.f_hidden {
    position: absolute;
    left: 0;
    top: -1000;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

/* ======================================================================== */
/* Toolbar */

.g_toolbar_wrapper_i {
    background-color: #fae0af;
}

/* ------------------------------------------------------------------------ */
/* Site logo */

.f_sitelogo {
  width: 430px;
  padding: 0 20px 0 20px;
}

.f_sitelogo h1,
.f_sitelogo p {
    padding: 0;
}

.f_sitelogo a,
.f_sitelogo a:visited,
.f_sitelogo a:active {
    color: #e69823;
}

/* ------------------------------------------------------------------------ */
/* Search box */

.f_globalSearch {
    width: 250px;
    -webkit-border-bottom-left-radius: 20px;
    -webkit-border-bottom-right-radius: 20px;
    -moz-border-radius-bottomleft: 20px;
    -moz-border-radius-bottomright: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    background: url(/statics/img/bg-000000-0.6.png) repeat;
}

.f_globalSearch_i {
    padding: 20px;
}

.f_globalSearchInput,
.f_globalSearchSubmit {
    vertical-align: top;
    border-width: 1px;
    border: solid #ccc 1px;
    font-family: inherit;
    font-size: inherit;
    display: inline;
}

.f_globalSearchInput {
    width: 142px;
    height: 17px;
}

.f_globalSearchInput:hover,
.f_globalSearchInput:focus,
.f_globalSearchSubmit:hover,
.f_globalSearchSubmit:focus {
}

.f_globalSearchSubmit {
    background-color: #aaa;
    width: 60px;
    height: 19px;
    cursor: pointer;
}


/* ------------------------------------------------------------------------ */
/* Navigation */

.f_homenav {
    font-size: 1.4em;
    font-style: normal;
    font-weight: normal;
    color: #000;
}

.f_homenav h1 {
    font-size: 1em;
}

.f_homenav a {
    font-style: normal;
    font-weight: normal;
    color: #000;
}

/* ........................................................................ */
/* side navigation boxes */

.f_colbox {
    width: 210px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    padding: 20px;
    margin-top: 20px;
}

.f_colnav {
    background: url(/statics/img/bg-000000-0.6.png) repeat;
}

.f_colnav,
.f_colnav a,
.f_colnav a:visited,
.f_colnav a:link {
    color: #ccc;
}

.f_colnav a:hover,
.f_colnav a.current {
    color: #fff;
}

/* ........................................................................ */
/* Override basic m_menu styling */
.m_menu strong {
    font-weight: normal;
}

.m_menu em {
    font-style: normal;
}

/* ........................................................................ */
/* m_menu and related pages links */
.f_relatedPages li,
.m_menu li {
    list-style: none;
    margin-bottom: 0.25em;
}

.m_menu ul.ul0 {
    padding: 0;
}

.f_relatedPages ul,
.m_menu ul {
    padding: 0 0 0 1em;
    margin: 0.5em 0;
}

.f_relatedPages ul {
    padding: 0;
}

.m_menu {
}

/* ........................................................................ */
/* related pages */

.f_colbox h3 {
    font-size: 1em;
    border-bottom: 1px solid #c86c00;
}

/* ........................................................................ */
/* sponsors */

.f_sponsors {
    background-color: #fff;
}

.f_sponsors .gntml_image {
    text-align: center;
    /* explicitly specified since the slideshow js will pull this box out of
       the flow */
    width: 210px;
    /* This gets removed by the slideshow */
    border-bottom: 1px solid #c86c00;
    margin-bottom: 2ex;
}

/* ........................................................................ */
/* twitter */

.f_twitter {
    margin-top: 20px;
}

/* ======================================================================== */
/* GNTML */

.gntml_right {
  overflow: hidden;
  float: right;
  clear: right;
  width: 165px;
  padding: 1ex 0px 20px 20px;
}

.gntml_right img {
  float: right;
}

.gntml_left {
  overflow: hidden;
  float: left;
  clear: left;
  width: 165px;
  padding: 1ex 20px 20px 0px;
}

.gntml_left img {
  float: left;
}

.g_maincol_i .gntml_image_caption p,
.gntml_left .gntml_image_caption p,
.gntml_right .gntml_image_caption p {
    margin-bottom: 0;
    font-size: 90%;
    text-align: center;
}

/* This comment style is useful when writing example markup */
.gntml_comment_i {
  margin: 0.5em 0.5ex;
  padding: 0.5em 0.5ex;
  border: 1px solid black;
  background: yellow;
  overflow: hidden;
}

/* ======================================================================== */
/* Fonts */

/* This scale uses a base of 12pt, to keep p at 1em (and therefore prevent
   problems with the cascade repeatedly applying the base font size scale to
   itself on nesting divs: consider:
   
   .myclass { font-size: 0.75em }
   
   <div class="myclass">
     <div class="myclass">
        <p>This text will have a size of 0.75 x 0.75 x enclosing-font-size</p>
     </div>
   </div>
*/
body { font-size: 75%; /* 16x75%=12 */ }
h1 { font-size: 2.5em; /* 12x2.5=30 */ }
h2 { font-size: 2em;   /* 12x2=24 */ }
h3 { font-size: 1.5em; /* 12x1.5=18 */ }
h4 { font-size: 1.25em; /* 12x1.25=15 */ }
p  { font-size: 1em;  /* 12x1=12 */ }

body, h1, h2, h3, h4, p { line-height: 1.5em; }


/* Editing widgets */

.widgetGrouping,
.widgetGrouping select,
.widgetGrouping input,
.widgetGrouping textarea {
  font: 8pt sans-serif;
}

body {
    font-family: Lucida Sans, Lucida Grande, Lucida Sans Unicode, sans-serif
}

h1, h2, h3, h4 {
    font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

.f_sitelogo h1,
.f_sitelogo p {
    font-family: "Myriad Pro", "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif;
}

.f_sitelogo h1 {
    font-size: 4em;
    height: 90px;
}

.f_sitelogo p {
    font-size: 1.1em;
    text-transform: uppercase;
}

.g_maincol_i p {
}

.g_maincol_i strong,
.g_maincol_i b {
    color: #c86c00;
}

.g_maincol_i h1,
.g_maincol_i h2 {
    border-bottom: 1px solid #c86c00;
}

.g_maincol_i h3,
.g_maincol_i h4 {
    color: #c86c00;
}

.g_maincol_i {
    color: #333;
}

.f_light_bg .gntml_image a,
.f_light_bg .gntml_image a:visited,
.f_light_bg .gntml_image a:link {
    color: inherit;
    border-bottom: none;
}

.f_light_bg .gntml_image a:hover {
    color: inherit;
    background-color: inherit;
}

.f_light_bg a,
.f_light_bg .gntml_image_caption a,
.f_light_bg a:visited,
.f_light_bg .gntml_image_caption a:visited,
.f_light_bg a:link,
.f_light_bg .gntml_image_caption a:link {
    color: #000;
    border-bottom: 1px dashed #c86c00;
}

.f_light_bg a:hover,
.f_light_bg .gntml_image_caption a:hover {
        color: #fff;
    background-color: #c86c00;
}

.widgetGrouping a,
.widgetGrouping a:hover,
.widgetGrouping a:visited,
.widgetGrouping a:link {
    border-bottom: none;
    background-color: transparent;
    color: #000;
}

/* ======================================================================== */
/* Text layout */

.g_toolbar_wrapper_o h1,
.g_toolbar_wrapper_o p {
    margin-bottom: 0;
}

h1, h2, h3, h4, p, dl, ul, ol, blockquote { 
    margin-bottom: 12px;
}

blockquote {
    margin-left: 2em;
}

/* ======================================================================== */
/* Forms */

.w_themedForm {
  clear: both;
  margin-bottom: 4ex;
}

.w_themedForm,
.w_themedForm select,
.w_themedForm input,
.w_themedForm textarea {
  font-size: 1em;
}

.w_themedForm fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}

.w_themedForm legend {
  border: 0;
  padding: 0;
  margin: 0 0 1ex 0;
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  display: block;
  width: 100%;
  padding: 0;
  overflow: auto;
  position: static;
}

.w_themedForm .w_labelWidget {
  clear: both;
  padding-bottom: 1ex;
  margin: 0 0 0 1em;
  overflow: hidden;
}

.w_themedForm .w_first {
  padding-top: 2ex;
}

.w_themedForm label {
  float: left;
  display: block;
  width: 39%;
}

.w_themedForm label.w_inlineLabel {
  display: inline;
  float: none;
  width: auto;
}

.w_themedForm label.error {
  display: block;
  float: right;
  width: auto;
  color: #f00;
  font-size: 0.8em;
}

.w_themedForm label.w_inlineLabel input {
  margin: 0 0.5em 0 0;
}

.w_themedForm .w_widget {
  display: block;
  float: right;
  width: 59%;
}

.w_themedForm input.w_text {
  border-width: 1px;
  border: 1px solid #ccc;
  color: #000;
  font-family: inherit;
  font-size: inherit;
}

.w_themedForm .w_text input,
.w_themedForm .w_select select,
.w_themedForm .w_multiSelect select,
.w_themedForm .w_textarea textarea,
.w_themedForm input.w_fullWidth,
.w_themedForm textarea.w_fullWidth {
  -moz-box-sizing: border-box;
  display: block;
  width: 100%;
}

.w_themedForm h1,
.w_themedForm h2,
.w_themedForm h3,
.w_themedForm h4 {
  clear: both;
}

/* ======================================================================== */
/* Registration form */
 
.f_register .f_marketing {
    margin-top: 1ex;
    padding-top: 2ex;
    border-top: 1px solid #ccc;
}

.f_register .f_submit {
    margin-bottom: 1ex 0;
    padding: 2ex 1em 2ex 1em;
    background-color: #ccc;
    overflow: auto;
}

.f_register .f_submit input {
}
    
.f_register .f_submit p {
    float: right;
    font-weight: bold;
    color: #000;
    margin: 0;
    border: 0;
    padding: 0;
}


.g_maincol_i a.f_paypal,
.g_maincol_i a.f_paypal:visited,
.g_maincol_i a.f_paypal:link,
.g_maincol_i a.f_paypal:hover {
    color: inherit;
    background-color: transparent;
    border: none;
}