/*/////////////////////////////////////////////////////////////////////
 // 
 // Custom theme code styles
 // Written by Themelize.me (http://themelize.me)
 // 
 // This is an empty starter template for overriding styles
 // set by Bootstrap & the theme
 // 
 // ----------------------------------------------------
 // 
 // Remove unused code for better performances
 // 
 // ----------------------------------------------------
 // 
 // @see - Usefuls tools online for editing
 // 1. http://charliepark.org/bootstrap_buttons/ - Button style generator
 // 2. http://www.colorzilla.com/gradient-editor/ - CSS3 gradient maker
 // 
 // @note
 // To ensure custom styles are picked up
 // wrap definitions in body tag
 // ie.
 // body .navbar-inner {
 //   background: #ff0000;
 // }
 // 
 /////////////////////////////////////////////////////////////////////*/
/*
 * --------------------------------------------------
 * 1. General Elements
 *--------------------------------------------------
 */
#navigation {
  /* 1. Navigation wrapper */
}
#highlighted {
  /* 2. Highlighted (below header) wrapper */
}
#content {
  /* 3. Content wrapper */
}
#content-below {
  /* 4. Content Below wrapper */
}
#footer {
  /* 5. Footer wrapper */
}
/*
 * --------------------------------------------------
 * 2. Colours
 *-------------------------------------------------- 
 */
/*
 * --------------------------------------------------
 * 3. Responsiveness/media queries
 *--------------------------------------------------
 */
/* Extra small devices (phones, less than 768px) */
/* No media query since this is the default in Bootstrap */
/* Large screen displays use this version of CSS */
@media (min-width:1200px) {
    .iconPosition {
        float:right;
    }
    .visible {
        display:block;
    }
}

/* Laptops & landscape tablets use this version
of CSS */
@media (max-width:1199px) {
    .iconPosition {
        float:right;
    }
    .visible {
        display:none;
    }
}

/* Landscape phones and portrait tablets use
this version of CSS */
@media (max-width:991px) {
    .iconPosition {
    }
    .visible {
        display:none;
    }
}

/* Portrait phones and smaller use this version
of CSS */
@media (max-width:767px) {
    .iconPosition {
    }

    .visible {
        display: none;
    }
}
@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
    .show-header {
        display: block !important;
    }
}
/*
 * --------------------------------------------------
 * 4. Misc
 * Other stuff
 *--------------------------------------------------
 */
.img-center {
    margin:0px; 
    margin-left:auto;
    margin-right:auto;
}
.font-green {
    background-color:#55A79A;
    border-color: #4C968A;
    color: white;
}
.font12 {
    font-size:12pt !important;
}
.font14 {
    font-size:14pt !important;
    font-weight:normal;
}
.font16 {
    font-size:16pt !important;
    font-weight:normal;
}
.font20 {
    font-size:20pt !important;
}
.font24 {
    font-size:24pt !important;
}
.font40 {
    font-size:60pt;
}
.box300 {
    height:1000px;
    width:97%;
}
.box100 {
    height:428px !important;
    width:98%;
}
.minorMargin {
    margin-bottom:8px;
}

.field-validation-error {
    color:red !important;
}
.header-small {
    height:50px !important;
    padding:0px 0px 0px 0px !important;
}
.text-center {
    text-align: center;
}
.btn-course {
    margin-top:2px !important;
    margin-bottom:2px !important;
    width:100% !important;
    font-weight:600;
    font-size:14pt;
    padding:3px 6px !important;
}
.btn-red {
    background-color:#BE3E1D;
}
.btn-primary-blue {
  color: #ffffff;
  background-color: #00adbb;
  border-color: #0095a2;
}
.btn-primary-blue:hover,
.btn-primary-blue:focus,
.btn-primary-blue:active,
.btn-primary-blue.active {
  color: #ffffff;
  background-color: #008792;
  border-color: #005d64;
}
.btn-primary-red {
  color: #ffffff;
  background-color: #be3e1d;
  border-color: #a8371a;
}
.btn-primary-red:hover,
.btn-primary-red:focus,
.btn-primary-red:active,
.btn-primary-red.active {
  color: #ffffff;
  background-color: #9b3218;
  border-color: #732512;
}

.course-nav-min {
    min-height:42px !important;
}
.visibility-hidden {
    visibility:hidden;
}
.sloganCourse {
    padding:3px 10px 10px 10px !important;
}
.uppercase {
    text-transform:uppercase;
}
.pointer {
    cursor:pointer;
}

.font-size3 {
    font-size:10pt !important;
}
.text-area-designer3 {
    margin-top:2px; 
    height:20000px !important; 
}
.font-size4 {
    font-size:8pt !important;
}
.text-area-designer4 {
    margin-top:2px; 
    width:505px !important; 
    height:20000px !important; 
    font-size:8pt !important; 
    line-height:18px !important;
    padding-left:4px;
}

.text-area-designer5 {
    margin-top:2px; 
    height:20000px !important; 
    line-height:20px !important;
    padding-left:2px;
    font-size:12pt !important;
}

.text-area-designer6 {
    margin-top:2px; 
    height:750px !important; 
    line-height:20px !important;
    padding-left:2px;
    font-size:12pt !important;
}

text-area-designer7 {
    margin-top:2px; 
    line-height:20px !important;
    padding-left:2px;
    font-size:12pt !important;
}

.h4 { padding-bottom:2px; padding-top:2px; margin-bottom:0px;}
.titleCSS { padding-bottom:2px !important; padding-top:2px !important; }
.messageText { font-size:10pt; border:1px solid silver; }
.reply { color:red; text-decoration:underline; cursor:pointer;}
.delete { color:red; text-decoration:underline; cursor:pointer;}
.markRead { border:1px solid black; float:right; margin-right: 5px; }

.projectButton{
    width: 100%;
    height: 25px;
    color: white;
    font-weight: bold;
    margin-bottom: 10px;
    background-color: #55a79a;
    border-color: #4c968a;
}

.newMailMsg {
    color:#be3e1d;
}

.error-font {
    font-size:12pt;
    font-weight:normal;
}

.signUpHeight {
    height:424px;
}

.townPic {
    width:225px;
}

.townPic2 {
    width:200px;
}