/* -------------------------------------- */
/* MRT BLOCK SYSTEM                       */
/* COLORS, TEXT AND LINKS (CTL) COMPANION */
/* -------------------------------------- */

/* development version 1.5 beta 3 */


/* needs to be neatified */


/* color set */
/* due to the way colors work in css styling every color needs two separate entries, one to be able to use it as a text color, and onother to use it as a background color */
/* the setup is a default palette, with black and white as fixed options, the rest can be edited, don't forget to update the colors in pairs (normal end background) when changing them */


/* theme */

/* site background color, canvas color, main color etc.*/
.color_base {color: #808080;}
.bg_color_base {background-color: #808080;}

/* main accent color, three tints */
.color_full {color: #214da6;}
.bg_color_full {background-color: #214da6;}
.color_light {color: #5d83d1;}
.bg_color_light {background-color: #5d83d1;}
.color_faint {color: #bbccef;}
.bg_color_faint {background-color: #bbccef;}

/* grey color, three tints */
.color_grey_full {color: #a0a0a0;}
.bg_color_grey_full {background-color: #a0a0a0;}
.color_grey_light {color: #d0d0d0;}
.bg_color_grey_light {background-color: #d0d0d0;}
.color_grey_faint {color: #e8e8e8;}
.bg_color_grey_faint {background-color: #e8e8e8;}

/* fixed colors */

.color_black {color: #000000;}
.bg_color_black {background-color: #000000;}
.color_white {color: #ffffff;}
.bg_color_white {background-color: #ffffff;}


/* text specific colors */
/* even if all your text has the same color, you might want to use different brightnesses, to make large and small type look like they have the same color on screen (for instance small black letters will look grey on screen, so when you make the larger text grey, they will look consistenly the same color */
/* the defaults are greyscales tailored to look like the same color at the intended default sizes */
.type_bighead_color {color: #606060;}
.type_head_color {color: #aaacaf;}
.type_subhead_color {color: #5a7594;}
.type_plain_color {color: #181818;}
.type_small_color {color: #000000;}

/* probably some old shit */
/* .type_error_color {color: #dd0000;}

/* color links */
/* make links in text spans have the same color as text?? */
/* test if this really works!!!! not used for some time probably */
.type_bighead_color a:link, .type_bighead_color a:visited {color: #606060;}
.type_bighead_color a:hover, .type_bighead_color a:active {color: #606060;}

.type_head_color a:link, .type_head_color a:visited {color: #aaacaf;}
.type_head_color a:hover, .type_head_color a:active {color: #aaacaf;}

.type_subhead_color a:link, .type_subhead_color a:visited {color: #5a7594;}
.type_subhead_color a:hover, .type_subhead_color a:active {color: #5a7594;}

.type_plain_color a:link, .type_plain_color a:visited {color: #181818;}
.type_plain_color a:hover, .type_plain_color a:active {color: #181818;}

.type_small_color a:link, .type_small_color a:visited {color: #000000;}
.type_small_color a:hover, .type_small_color a:active {color: #000000;}





/* type set */
/* no colors here, they are all handled in the color styles above */

/* quick styling */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}

.sans {font-family: sans-serif;}
.serif {font-family: serif;}

.bold {font-weight: bold;}
.normal {font-weight: normal;}

/* default text */
.type_bighead {font-size: 28px; line-height: 32px;}
.type_head {font-size: 22px; line-height: 25px;}
.type_subhead {font-size: 17px; line-height: 20px;}
.type_plain {font-size: 13px; line-height: 15px;}
.type_small {font-size: 10px; line-height: 12px;}

/* type links */
.type_plain a:link, .type_plain a:visited {text-decoration: underline;}
.type_plain a:hover, .type_plain a:active {text-decoration: underline;}



.link_color_full a:link, .link_color_full a:visited {color: #214da6; text-decoration: underline;}
.link_color_full a:hover, .link_color_full a:active {color: #ffffff; text-decoration: none; background-color: #5d83d1;}



/* area set */
/* note: these apply a blanket override to previously defined styles, because they appear later on in the style sheet, the stylesheet order matters, not the page order */
/* example: when a link is in assigned multiple styles by being in nested containers that each assign different link styles, the last one to appear in the stylesheet will be used */

/* default area */
.content {text-align: left;}
/* .content td {text-align: left;} */ /* must be off, else td's align cannot be overridden in template! */
.content a:link, .content a:visited	{color: #111111; text-decoration: underline;}
.content a:hover, .content a:active	{background-color: #555555; color: #ffffff; text-decoration: none;}
/* make sure inline images that are links are reset to block display, so they do not get an underline and/or a background color that extends outside the image, this is necessary for some browsers that treat inline images a little bit too much as if they were text */
.content a:link img, .content a:visited img, .content a:hover img, .content a:active img {display: block;}





/* a-tag class to prevent browser meddling on a per-link basis */
a.cleanlink, a:link.cleanlink, a:visited.cleanlink, a:hover.cleanlink, a:active.cleanlink {background-color: transparent; text-decoration: none;}













/* DETACH TO SPECIFIC FILE ???? */




.type_error_color {color: red;}



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








/* form set */

.field_type_text {height: 18px; border-width: 1px; border-style: solid; border-color: #cccccc;}
.field_type_textarea {border-width: 1px; border-style: solid; border-color: #cccccc;}


.section_text_input {height: 18px; border: 2px solid #9acaee;}