/* $Id: style.css,v 1.44.2.16 2011/01/06 09:45:33 danprobo Exp $ */

/* Body
-------------------------------------------------------------- */

body {
    background:url(../img/body-bg.gif) repeat-x #fff;
    font-size: 84%;
    font-family: Arial, Helvetica, sans-serif;
    color: #000;
    margin: 0;
    padding: 0;
    line-height: 1.5em;
}

/* Text elements
-------------------------------------------------------------- */

tr.odd td, tr.even td {
    padding: 0.5em;
}

a {
    text-decoration: none;
}

a:link {
    color: #6F4B41; /*#005a8c; #e87e17*/
    text-decoration: underline;
}

a:visited {
    color: #6F4B41; /*#005a8c; #e87e17*/
    text-decoration: underline;
}

a:hover {
    color:#cc6600;
}

blockquote {
    background: url(../img/bq-tl.gif) no-repeat left top;
    padding-left: 30px;
    margin-left: 10px;
    font-style:italic;
}

blockquote p {
    background: url(../img/bq-br.gif) no-repeat right bottom;
}

cite {
    background: url(../img/bq-tl.gif) no-repeat left top;
    clear: both;
    display: block;
    font-style: italic;
    padding-left: 30px;
    margin-left: 10px;
}

code, tt, pre {
    background-color:#EDF1F3;
    font-family:"Bitstream Vera Sans Mono",Monaco,"Lucida Console",monospace;
    font-size:0.9em;
    line-height:1.2em;
}

span.text-danger {
    color: #c73e14;
    font-weight: bold;
    font-size:75%;
}

/* Headings
-------------------------------------------------------------- */

h1 {
    font-size: 1.6em;
}

h2 {
    font-size: 1.4em;

}

h3 {
    font-size: 1.25em;
}

h4 {
    font-size: 1.1em;
}

h5 {
    font-size: 1em;
}

h6 {
    font-size: 1em;
}

h1,h2,h3,h4,h5,h6 {
    margin-top:0.4em;
    margin-bottom:0.1em;
    padding:5px;
    color: #85823D;
}

/* Header regions
-------------------------------------------------------------- */

#header {
    height: 78px;
    position: relative;
    width: 950px;
    margin: 0 auto;
}

#header h1 {
    margin-top: 10px;
    margin-left: 0px;
    line-height:75px;
    background: url('../img/caig_logo_1.png') no-repeat left;
    color: #fff;
}

#branding-wrapper {
    float: left;
    margin-top: 25px;
}

.site-name {
    display: inline; 
    font-weight: bold;
    font-size: 25px;
    margin-left: 15px;
    position: relative;
    font-family: Verdana, Tahoma;
    font-style: italic;
}

.site-slogan {
    display: inline;                       
    font-weight: bold;
    position: relative;
    margin-left: 10px;
    font-family: Verdana, Tahoma;
}

#header-wrapper #search-box {
    margin: 4px 14px;
    position: absolute;
    right: 0;
    top: 30px;
    white-space: nowrap;
}

#header-wrapper #search-box input.form-text {
    width: 10em;
}

/* Primary menu
-------------------------------------------------------------- */

#menu {
    height: 35px;
    background:url(../img/menu-bg.gif) repeat-x;
    width:952px;
    margin: 0 auto;
}

#nav {
    height: 35px;
    background:url(../img/menu-bg.gif) repeat-x;
    float:left;
}

#nav li {
    float:left;
    background:url(../img/menu-separator.gif) no-repeat right top;
    height:35px;
    padding:0 1px 0 0;
}

#nav li a{
    color:#fff;
    text-decoration:none;
    font-size:12px;
    padding:7px 29px 0 29px;
    display:inline-block;
    font-weight:bold;
    height:25px;
    text-transform:uppercase;
}

#nav li a:hover {
    background:transparent url(../img/menu-hover-bg.gif) repeat-x;
}

#nav li.active-trail a {
    background:transparent url(../img/menu-hover-bg.gif) repeat-x;
}

#rounded-menu-left {
    height: 35px;
    background:transparent url(../img/menu-left-bg.gif) no-repeat;
    float:left;
    width:1px;
    line-height:0;
    font-size:0;
}

#rounded-menu-right {
    height: 35px;
    background:url(../img/menu-right-bg.gif) no-repeat;
    float:right;
    width:14px;
    line-height:0;
    font-size:0;
}

#nav ul, #nav ul li.leaf {
    list-style-image:none;
    list-style:none;
}

#nav ul, #nav .block ul, #nav ol {
    margin:0;
    padding:0;
}

/* Flash Message */
div.message {
    background-position: 8px 8px; /* LTR */
    background-repeat: no-repeat;
    border: 1px solid;
    border-color: grey;
    margin: 6px 0;
    padding: 10px 10px 10px 50px; /* LTR */
}

div.message.success {
    background-image: url(../img/message-24-ok.png);
    border-color: green;
    color: green;
}

div.message.error {
    background-image: url(../img/message-24-error.png);
    border-color: red;
    color: red;
}

div.message.warning {
    background-image: url(../img/message-24-warning.png);
    border-color: #823a07;
    color: #823a07;
}

div.message.notice {
    background-image: url(../img/message-24-info.png);
    border-color: #0099cc;
    color: #0099cc;
}

div.error-message {
    clear: both;
    color: #c73e14;
    font-weight: bold;
    background: none; 
}

div.status,
.ok {
    color: #234600;
}

div.status,
table tr.ok {
    background-color: #f8fff0;
}

div.warning,
.warning {
    color: #840;
}

div.warning,           
table tr.warning {
    background-color: #fffce5;
}

div.error,
.error {
    color: #8c2e0b;
}
div.error,
table tr.error {
    background-color: #fef5f1;
}
div.error p.error {
    color: #333;
}

div.messages ul {
    margin: 0 0 0 1em; /* LTR */
    padding: 0;
}
div.messages ul li {
    list-style-image: none;
}

/** Forms **/

form {
    clear: both;
    margin-right: 0px;
    /* padding: 12px; */
    width: 100%;
    
}

form.large{
    /* border: 1px solid #ccc; */
}

fieldset {
    border: 1px solid #ccc;
    margin-bottom: 1em;
    padding: 4px 5px;
}
fieldset legend {
    background:#fff;
    color: #e32;
    font-size: 120%;
    font-weight: bold;
}
fieldset fieldset {
    margin-top: 0px;
    margin-bottom: 8px;
    padding: 4px 6px;
}
fieldset fieldset legend {
    font-size: 120%;
    font-weight: normal;
}
fieldset fieldset div {
    clear: left;
    margin: 0 10px;
}
form div {
    clear: both;
    margin-top: 10px;
    padding: 5px;
    vertical-align: text-top;
}

form p {
    clear: both;
    margin-left: 10px;
    padding: 2px;
    vertical-align: text-top;
}

form .input {
    color: #444;
}
form .required {
    font-weight: bold;
}
form .required label:after {
    color: #e32;
    content: '*';
    display:inline;
}
form div.submit {
    border: 0;
    clear: both;
    margin-top: 10px;
}
label {
    display: block;
    font-size: 100%;
    margin-bottom:3px;
}
input, textarea {
    clear: both;
    font-size: 100%;
    font-family: "frutiger linotype", "lucida grande", "verdana", sans-serif;
    padding: 1%;
    /* width:50%; */
}
select {
    clear: both;
    font-size: 100%;
    vertical-align: text-bottom;
}
select[multiple=multiple] {
    width: 100%;
}
option {
    font-size: 100%;
    padding: 0 3px;
}
input[type=checkbox] {
    clear: left;
    float: left;
    margin: 0px 6px 7px 2px;
    width: auto;
}
div.checkbox label {
    display: inline;
}
input[type=radio] {
    float:left;
    width:auto;
    margin: 0 3px 7px 0;
}
div.radio label {
    margin: 0 0 6px 20px;
}
input[type=submit] {
    display: inline;
    font-size: 140%;
    width: auto;
}

form input[type=submit] {
    font-size: 110%;
    border-color: blue;
    background-color: darkblue;
    color: white;
}
form input[type=submit]:disabled {
    background-color:grey;
}
form input[type=submit]:hover:enabled {
    font-size: 110%;
    color: yellow;
}

.btn {
    font-size: 110%;
    border: 2px solid blue;
    background-color: darkblue;
    color: white !important;
    padding:1%;
    text-decoration: none !important;

}
.btn:hover {
    text-decoration: none;
    font-size: 110%;
    color: yellow;
}

/** Debugging **/
pre {
    color: #000;
    background: #f0f0f0;
    padding: 1em;
}


/* Content regions
-------------------------------------------------------------- */

#wrapper {
    display: flex;
    flex-direction: row;
    width:950px;
    margin: 15px auto 0;
}

#content {
    width: 100%;
    float: left;
}

/* Sidebar regions
-------------------------------------------------------------- */

#layout-type-1 #sidebar-left {
    width: 25%;
    margin-left: 1%;
    float: left;
    font-size:12px; 
}

#layout-type-2 #sidebar-left {
    width: 21%;
    float: left;
    margin-right: 2%;
    font-size:12px;	
}

.one-sidebar #content{
    width: 69%;
    margin-left: 25px;
    float: left;
}

.two-sidebars #content{
    width: 54%;
    float: left;
}

#layout-type-1 #sidebar-right {
    width: 26%;
    float: right;
    font-size:12px;	      
}

#layout-type-2 #sidebar-right {
    width: 21%;
    float: right;
    font-size:12px;	      
}

#sidebar-left h2.block-title,
#sidebar-right h2.block-title {
    background: #e6e6e6;
    margin:0;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 1.3em;
}

#sidebar-left .content,
#sidebar-right .content {
    padding: 5px 15px;
}

.sidebar .block {
    background-color: #f4f4f4;
    border-right: 1px solid #bbb;
    border-bottom: 1px solid #bbb;
    border-left: 1px solid #ddd;
    border-top: 1px solid #ddd;
    margin:0 0 15px;
}

.sidebar tbody {
    border: none;
}
.sidebar tr.even,
.sidebar tr.odd {
    background: none;
}

/* Misc.
-------------------------------------------------------------- */

.error {
    border-color: red;
}

#notice {
    font-size: 10px;
    text-align:center;
    margin-bottom: -10px;
}

table {
    width:100%;
}

div.contextual-links-wrapper {
    font-size:100%;
}

.g-recaptcha {
    margin-bottom:3em;
}

/* Nodes
-------------------------------------------------------------- */

.content-middle .block-system {
    margin:0;
}

.content-middle .block-block {
    margin:0;
}

.content-middle .block-block .block-title{
    margin-top:15px;
}

.content-middle .block-block .content {
    margin:15px 0;
}

.title, .title a {
    margin: 0 auto;
    line-height: 1.2em;
}


dl dd {
    margin: 0 0 .5em 1em;
}

tr.odd {
    background-color:#f4f4f4;
}

tr.even {
    background-color:#fcfcfc;
}

th {
    text-align:left;
    background: #E6E6E6;
}

tr td, tr th {
    border:0px solid #bbb;
    padding: 0 6px;
    vertical-align: text-top;
}


/* Lists + Links
-------------------------------------------------------------- */

ul, .block ul, ol {
    margin: 0.5em 0 1em;
    padding: 0 0 0 1.5em;
}

ul, ul li.leaf {
    list-style-image: url(../img/menu-leaf.gif);
}

ol {
    list-style-image: none;
}

ul.menu, .item-list ul {
    margin: 0.35em 0 0 -0.5em;
}

ol li, ul li, ul.menu li, .item-list ul li, li.leaf {
    margin: 0.15em 0 0.15em .5em;
    padding-bottom: .1em;
}

ul li.expanded {
    list-style-image: url(../img/menu-expanded.gif);
}

ul li.collapsed {
    list-style-image: url(../img/menu-collapsed.gif); /* LTR */
}

ul li.leaf a, ul li.expanded a, ul li.collapsed a {
    display: block;
}

ul.inline li {
    background: none;
    margin: 0;
    padding: 0 1em 0 0;
}

fieldset ul.clearfix li {
    margin: 0;
    padding: 0;
    background-image: none;
}

ul.links li, ul.inline li {
    background-image: none;
}

.links li {
    margin: 0;
    padding: 0;
}

li.expanded {
    list-style-image:none;
    list-style-type:none;
    margin:0.15em 0 0.15em 0.5em;
}

div.links ul.links a {
    background-repeat: no-repeat;
    padding-left: 20px;
}

ul.links li,
ul.inline li {
    margin-left: 0;
    margin-right: 0;
    padding-left: 0;
    padding-right: 1em;
    background-image: none;
}

ul.primary li a {
    background-color:#f4f4f4;
    border-color:#ccc;
    border-style:solid solid none;
    border-width:1px;
    height:auto;
    margin-right:0.5em;
    padding:0 1em;
    text-decoration:none;
}

.checkbox-centered {
    display: flex;
    align-items: center;
    gap: 12px;
    cursor: pointer;
}

.checkbox-centered input[type="checkbox"] {
    width: 18px;
    height: 18px;
    cursor: pointer;
    flex-shrink: 0;
}

.checkbox-centered label {
    cursor: pointer;
    flex: 1;
    user-select: none;
}

#oici td {
    margin:0;
    padding:0;
}

/* Footer region
-------------------------------------------------------------- */

#footer-wrapper {
    width: 950px;
    margin: 0 auto;
    position: relative;
    border-top: 1px solid #bbb;
    padding:10px 0 0;
}

.input input:read-only {
    color: #888;
}


@media screen and (max-width: 760px) {
    body {
        overflow-x: hidden;
    }

    #header {
        width: 100vw;
    }

    #header h1 {
        background-size: contain;
        margin: 0;
        padding: 0;
    }

    #menu {
        width: 100vw;
        margin: 0;
        background-size: contain;
    }

    #layout-type-1 #sidebar-left {
        width: 100%;
        margin-top:1em;
    }
    
    #layout-type-2 #sidebar-left {
        width: 100%;
    }
    
    .one-sidebar #content{
        margin-left: 0;
        width: 100%;
    }
    
    .two-sidebars #content{
        width: 100%;
    }
    
    #layout-type-1 #sidebar-right {
        width: 100%;
    }
    
    #layout-type-2 #sidebar-right {
        width: 100%;
    }

    #wrapper {
        flex-direction: column;
        width: calc(100% - 30px);
    }

    #footer-wrapper {
        width: 100vw;
    }

    .input.text input {
        width:80%;
    }

    .input.text input.for-phone {
        width: 60%;
    }

    .input.text input.for-ext {
        width: 12%;
    }
}