/**
 * common.css
 *
 * Copyright (c) 2013-2015 Simon Fraser University Library
 * Copyright (c) 2000-2015 John Willinsky
 * Distributed under the GNU GPL v2. For full terms see the file docs/COPYING.
 *
 * PKP-wide shared stylesheet.
 * DEPRECATED. Do not modify.
 */

/**
 * Common HTML elements
 */

body {
    margin: 0;
    padding: 0;
    background-color: #FBFBF3;
    color: #111;
    font-family: 'OPTIMA';
    text-align: center;
}

div {
    text-align: left;
}

p {
    margin: 1em 0; /* Making default stylesheet explicit - fixes IE7 margin collapsing. */
}

table {
    border: 0;
    border-spacing: 0;
  
}

form {
    margin: 0;
}

a {
    text-decoration: underline;
}

a.plain {
    text-decoration: none;
}

ul {
    margin: 0.25em 0 0.75em 0;
    padding: 0 0 0 2.5em;
}

tt {
    font-size: 1.25em;
}

label {
}

label.error {
    color: #900;
}

input.textField, select.selectMenu, textarea.textArea, input.uploadField {
    background-color: #F0F0E8;
    color: #000;
    /*font-family: 'OPTIMA';*/
    border-top: 2px solid #666;
    border-left: 2px solid #666;
    border-bottom: 2px solid #E8E8E1;
    border-right: 2px solid #E8E8E1;
    font-size: 1em;
}

input.button {
    padding-left: 0.5em;
    padding-right: 0.5em;
    background-color: #E8E8E1;
    font-size: 1em;
}

input.defaultButton {
    background-color: #375;
    color: #FBFBF3;
    font-weight: bold;
}


/**
 * Main layout elements
 */

#container {
    width: 100% !important;
    min-width: 730px !important;
    margin: 0px auto;
    text-align: center;
}

#header {
    width: 98%;
    text-align: center;
}

#headerTitle {
    text-align: left !important;
    margin: 0 auto;
    padding: 0;
    width: 100%;
    margin-left: 0px!important;
}

#header h1 {
    margin: 0 auto;
    padding: 0.5em 0 0.25em 2%;
    font-family: 'OPTIMA';
    font-weight: normal;
}

#footer {
    width: 100%;
    /*position: static;*/
    clear: both;
    text-align: center;
}

#footerContent {
    width: 100%;
    margin: 0 auto;
    padding-left: 10%;
}

#main {
    padding: 0.5em 0em 2em 0em;
}

#main h2 {
    margin: 0em 1em 0.5em 0em;
    padding-top: 0.5em;
    font-family: 'OPTIMA';
    font-weight: normal;
}

#main h3 {
    margin: 0em 1em 0.5em 0em;
    padding-top: 0em;
    font-family: 'OPTIMA';
    font-weight: normal;
}

#navbar {
    margin-right: 0;
    padding-bottom: 0.5em;
    border-bottom: 2px dotted #000;
}

#breadcrumb {
    padding-top: 1em;
    font-size: 0.7em;
}

#content {
    margin: 0;
    padding: 0;
    padding-top: 0.5em;
    font-size: 0.71em;
    border-top: 2px dotted #000;
}

#content h3 {
    margin: 0em 1em 0.25em 0em;
    padding-top: 0.75em;
    font-family: 'OPTIMA';
    font-weight: normal;
    font-size: 1.8em;
}

#content h4 {
    margin: .75em 1em 0.25em 0em;
    font-family: 'OPTIMA';
    font-weight: normal;
    font-size: 1.5em;
}

#content h5 {
    margin: 0em 1em 0.25em 0em;
    padding-top: 0.75em;
    font-weight: bold;
    font-size: 1em;
}


/**
 * Breadcrumbs
 */

#breadcrumb a {
    text-decoration: none;
}

#breadcrumb a.current {
    font-weight: bold;
}


/**
 * Footer elements
 */

#footer div.debugStats {
    font-size: 0.6em;
}


/**
 * Additional text styles
 */

span.disabled, label.disabled {
    color: #666;
}

a.action, a.file {
    font-size: 0.85em;
    text-transform: uppercase;
}

a.icon {
    text-decoration: none;
}

a.icon img {
    border: 0;
}

a.icon:hover {
    background: none;
}

span.formRequired {
    color: #333;
    font-size: 0.9em;
}

span.heading {
    font-size: 0.85em;
    text-transform: uppercase;
}

span.highlight {
    border-bottom: 1px dotted #000;
}

div.warningMessage {
    background: url(../templates/images/icons/icon_alert.gif) no-repeat 3px 40%;
    margin: 5px;
    padding: 5px 5px 5px 25px;
}

.nowrap {
    white-space: nowrap;
}

/**
 * Table styles
 */

table.info td {
    padding: 0;
    padding-bottom: 0.5em;
    padding-right: 0.5em;
}

table.listing td {
    padding: 0.25em 1.5em 0.25em 0.5em;
}

table.listing tr.heading td, table.listing td.heading, table.info td.heading {
    font-size: 0.85em;
    text-transform: uppercase;
    font-weight: normal;
    padding: 0.75em 1.5em 1em 0.5em;
}

table.info td.heading {
    padding-left: 0;
}


table.listing td.nodata, table.info td.nodata {
    text-align: center;
    font-style: italic;
}

table.listing td.headseparator {
    border-top: 1px dotted #000;
    font-size: 0.1em;
    line-height: 1%;
}

table.listing td.endseparator {
    border-top: 1px dotted #000;
    font-size: 0.25em;
    line-height: 10%;
}

table.listing td.separator, table.info td.separator {
    border-top: 1px dotted #DDDDD0;
    font-size: 0.1em;
    line-height: 1%;
}

table.data tr {
}

table.data td {
    padding-bottom: 0.25em;
}

table.data td.label {
    padding-right: 1em;
}

table.data td.value {
}

table.data td.separator {
    padding: 0.5em;
    font-size: 0.1em;
    line-height: 1%;
}

table.data td.heading {
    padding-left: 0;
    padding-right: 0;
}

table.nested tr {
    padding: 0;
    margin: 0;
}

span.nested {
    padding: 0 4px 0 0;
    font-size: 1.2em;
}

/**
 * Form-specific elements
 */

span.pkp_form_error { /* Named for compatibility with new lessphp structure */
    color: #900;
    font-weight: bold;
    font-size: 1em;
}

span.pkp_form_success { /* Named for compatibility with new lessphp structure */
    color: #090;
    font-weight: bold;
    font-size: 1em;
}

ul.pkp_form_error_list { /* Named for compatibility with new lessphp structure */
    color: #900;
}


/**
 * Other organizational elements
 */

ul.menu {
    margin: 0;
    padding: 0;
}

ul.menu li {
    margin: 0;
    padding: 0;
    padding-right: 1.5em;
    display: inline;
}

ul.menu li.current {
    font-weight: bold;
}

ul.menu a {
    font-size: 0.85em;
    text-transform: uppercase;
    text-decoration: none;
}

ul.steplist {
    margin: 0;
    padding: 0;
    list-style-type: decimal;
}

ul.steplist li {
    margin: 0;
    padding: 0;
    font-size: 0.85em;
    padding-right: 0.5em;
    display: inline;
    text-transform: uppercase;
}

ul.steplist li.current {
    font-weight: bold;
}

ul.steplist a {
    text-decoration: none;
}

ul.plain {
    list-style-type: none;
    padding-left: 1.5em;
}

ul.filter {
    margin: 0;
    padding: 1.5em 0 1.5em 0;
    list-style-type: none;
}

ul.filter li {
    padding-right: 1.5em;
    display: inline;
}


/**
 * Other organizational elements
 */

div.separator {
    width: 100%;
    margin-top: 1em;
    margin-bottom: 0.25em;
    padding: 0;
    border-bottom: 1px dotted #000;
    font-size: 0.5em;
    line-height: 25%;
}
.container {
    margin: 0 auto;
    padding: 0;
    position: relative;
    width: 960px;
}
.container::after {
    clear: both;
    content: " ";
    display: block;
    height: 0;
    visibility: hidden;
}
#footer {
    border-radius: 0 0 10px 10px;
    /*box-shadow: 10px 10px 10px rgba(0, 0, 0, 0.1);*/
    clear: both;
    color: #757d82;
    font-size: 12px;
    overflow: auto;
    /*width: 1010px;*/
    background-color:#2d3032

}
.footer_btm {
    background: #222425 none repeat scroll 0 0;
    border-radius: 0 0 4px 4px;
    border-top: 1px solid #373737;
    clear: both;
    overflow: auto;
    padding: 10px 20px;
}

/* menu */
#menu-holder {
    background: #fff;
    position:relative;
}
#menu {
    rgba(0, 0, 0, 0) url('../images/grad_menu.png') top left repeat-x;
    height: 40px;
    padding: 0px 0 0 5px;
    font-family: 'OPTIMA';
    font-weight: 400;
    font-size: 15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    border-radius: 4px;
}
#menu a{
    font-size: 15px;
    text-decoration: none;
}
#menu ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu ul li {
    margin-bottom: 0;
}
#menu > ul > li {
    position: relative;
    float: left;
    z-index: 1015;
    padding: 0px 2px 0px 0px;
    background: url('../images/main_nav_bgr_sep.png') right top no-repeat;
}
#menu > ul > li:hover {
}
#menu > ul > li > a {
    color: #222;
    text-shadow: 0px 1px 0px #fff;
    line-height: 22px;
    text-decoration: none;
    display: block;
    padding: 0px 16px 0px 16px;
    z-index: 6;
    position: relative;
    rgba(0,0,0,0) url('../images/grad_menu.png') top left repeat-x;

    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;
}
#menu > ul > li:hover > a {
    background-color: #fff;
}
#menu > ul > li > a > span {
    padding: 0px 0px 1px 14px;
    background: url('../images/arrow_down_tiny.png') right center no-repeat;
}
#menu > ul > li > a .home_icon{
    width: 16px;
    height: 40px;
    padding:0;
    display: block;
    background: url('../images/home_icon_dark.png') center center no-repeat;
}
#menu .sub-menu {
    display: none;
}
#menu div .sub-menu {
    display: block;
}
#menu .children {
    display: none;
}
#menu div .children {
    display: block;
}
#menu > ul > li > div {
    display: none;
    background: #FFFFFF;
    position: absolute;
    left: -1px;
    z-index: 1020;
    padding: 0px 0 5px;
    background: url('../images/menu_pale.png');
    background-image: -moz-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -o-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -webkit-linear-gradient(#f8f8f8,#eeeeee);
    background-image: linear-gradient(#f8f8f8,#eeeeee);

    border: 1px solid #e8e8e8;
    border-top: 1px solid #d2d2d2;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;

    webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
}

#menu > ul > li > div > ul {
    display: table-cell;
    border-top: 3px solid #e9e9e9;
    padding-top: 7px;
}
#menu > ul > li ul + ul {
    padding-left: 20px;
}

#menu > ul > li ul > li {
    position:relative;
}

#menu > ul > li ul > li > a {
    padding: 7px 0px 9px;
    margin: 0 16px;
    color: #222;
    text-shadow: 0px 1px 0px #fff;
    display: block;
    white-space: nowrap;
    min-width: 160px;
    font-size: 90%;
    background: url('../images/main_nav_bgr_sep_vertical.png') bottom left repeat-x;

    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#menu > ul > li ul > li > a > span {
    background: url('../images/arrow_left_tiny.png') -20px center no-repeat;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -ms-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out;
}
#menu > ul > li ul > li > a:hover > span {
    background: url('../images/arrow_left_tiny.png') left center no-repeat;
    padding-left: 12px;
}
#menu > ul > li ul > li > a.last_submenu_item{
    padding: 7px 0px 7px;
    background: none;
}
#menu > ul > li ul > li > a:hover {
    text-decoration: none;
}
#menu > ul > li > div > ul > li > a {
    color: #444;
}


/* Dark Nav */
/*.dark_menu #menu {
    background: #0f71ba url('../images/main_nav_bgr_dark.png') top left repeat-x;
}*/
.dark_menu  #menu > ul > li > a .home_icon{
    background: url('../images/home_icon.png') center center no-repeat;
}
.dark_menu #menu > ul > li {
    background: url('../images/main_nav_bgr_sep_dark.png') right top no-repeat;
 }
/*.dark_menu #menu > ul > li > a {
    background: #0f71ba url('../images/main_nav_bgr_dark.png') top left repeat-x;
    color: #fff;
    text-shadow: 0px 1px 0px #111;
}*/
.dark_menu #menu > ul > li:hover > a {
    background: url('../images/main_nav_bgr_dark_hover.png') top left repeat-x;
}
.dark_menu #menu > ul > li > a:hover {
    background: url('../images/main_nav_bgr_dark_hover.png') top left repeat-x;
}
.dark_menu #menu > ul > li > a > span {
    background: url('../images/arrow_down_tiny_dark.png') right center no-repeat;
}
.dark_menu #menu > ul > li > div {
    background: #4f5152;
    background-image: -moz-linear-gradient(#58595a,#414344);
    background-image: -o-linear-gradient(#58595a,#414344);
    background-image: -webkit-linear-gradient(#58595a,#414344);
    background-image: linear-gradient(#58595a,#414344);
    border: 1px solid #3b3d3e;
    border-top: 1px solid #212223;
}
.dark_menu #menu > ul > li > div > ul {
    border-top: 3px solid #45494b;
}
.dark_menu #menu > ul > li ul > li > a {
    color: #fff;
    text-shadow: 0px -1px 0px #343a3c;
}
.dark_menu #menu > ul > li ul > li > a {
    background: url('../images/main_nav_bgr_sep_vertical_dark.png') bottom left repeat-x;
}
.dark_menu #menu > ul > li ul > li > a > span {
    background: url('../images/arrow_left_tiny_dark.png') -20px center no-repeat;
}
.dark_menu #menu > ul > li ul > li > a:hover > span {
    background: url('../images/arrow_left_tiny_dark.png') left center no-repeat;
}
.dark_menu #menu > ul > li ul > li > a.last_submenu_item{
    background: none;
}
/* Dark Nav : End */


/* Custom Nav */
.custom_menu #menu {
    background: #0ad1e5 url('../images/grad_menu.png') top left repeat-x;
}
.custom_menu  #menu > ul > li > a .home_icon{
    background: url('../images/home_icon.png') center center no-repeat;
}
.custom_menu  #menu > ul > li > a:hover .home_icon{
    background: url('../images/home_icon.png') center center no-repeat;
}
.custom_menu #menu > ul > li {
    background: none;
    padding:0;
}
.custom_menu #menu > ul > li > a {
    background: #0ad1e5 url('../images/grad_menu.png') top left repeat-x;
    text-shadow: none;
    color: #fff;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
.custom_menu #menu > ul > li:hover > a {
    background: #404040;
    color: #fff;
}
.custom_menu #menu > ul > li > a:hover {
    background: #404040;
    color: #fff;
}
.custom_menu #menu > ul > li > a > span {
    background: none;
    padding: 0;
}
.custom_menu #menu > ul > li > div {
    background: url('../images/menu.png') top left;
    border: none;
    box-shadow: none;
    left: 0;
}
.custom_menu #menu > ul > li > div > ul {
    border-top: none;
}
.custom_menu #menu > ul > li ul > li > a {
    color: #fff;
    text-shadow: none;
}
.custom_menu #menu > ul > li ul > li > a {
    background: none;
}
.custom_menu #menu > ul > li ul > li > a > span {
    background: url('../images/arrow_left_tiny_dark.png') -20px center no-repeat;
}
.custom_menu #menu > ul > li ul > li > a:hover > span {
    background: url('../images/arrow_left_tiny_dark.png') left center no-repeat;
}
.custom_menu #menu > ul > li ul > li > a.last_submenu_item{
    background: none;
}
/* Custom Nav : End */

/* Custom Nav 2 */
.custom_menu2 #menu {
    background: #0f71ba url('../images/main_nav_bgr_dark.png') top left repeat-x;
}
.custom_menu2 #menu > ul > li > a .home_icon{
    background: url('../images/home_icon.png') center center no-repeat;
    padding:0;
}
.custom_menu2 #menu > ul > li > a:hover .home_icon{
    background: url('../images/home_icon.png') center center no-repeat;
}
.custom_menu2 #menu > ul > li {
    background: none;
}
.custom_menu2 #menu > ul > li > a {
    background: #0f71ba url('../images/main_nav_bgr_dark.png') top left repeat-x;
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}
.custom_menu2 #menu > ul > li:hover > a {
    background: #0ad1e5;
}
.custom_menu2 #menu > ul > li > a:hover {
    background: #0ad1e5;
}
.custom_menu2 #menu > ul > li > a > span {
    background: url('../images/arrow_down_tiny_dark2.png') right center no-repeat;
    padding: 0px 0px 1px 14px;
}
.custom_menu2 #menu > ul > li > a:hover > span {
    background: url('../images/arrow_down_tiny_dark2.png') right center no-repeat;
}
.custom_menu2 #menu > ul > li > div {
    background: url('../images/menu.png') top left;
    border: none;
    box-shadow: none;
    left: 0;

    -moz-border-radius: 0 0 2px 2px;
    -webkit-border-radius: 0 0 2px 2px;
    -khtml-border-radius: 0 0 2px 2px;
    border-radius: 0 0 2px 2px;

    padding-bottom: 2px;
}
.custom_menu2 #menu > ul > li > div > ul {
    border-top: none;
    padding-top: 0;
}
.custom_menu2 #menu > ul > li ul > li > a {
    color: #fff;
    text-shadow: 0px 1px 0px rgba(0,0,0,0.2);
}
.custom_menu2 #menu > ul > li ul > li > a {
    display: block;
    background-image: none;
    margin: 0;
    padding: 0;
    min-width: 180px;
}
.custom_menu2 #menu > ul > li ul > li > a > span {
    display: block;
    padding: 8px 16px;
    background: none;
}
.custom_menu2 #menu > ul > li ul > li > a:hover {

}
.custom_menu2 #menu > ul > li ul > li > a:hover > span {
    background: #0ad1e5;
    padding-left: 16px;
}
.custom_menu2 #menu > ul > li ul > li > a.last_submenu_item{
    background: none;
    padding: 0;
}
/* Custom Nav 2 : End */



/* 3rd level */
.subsub_menu {
    display: none;
    position: absolute;
    top: -3px;
    left:97%;

    background: url('../images/menu_pale.png');
    background-image: -moz-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -o-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -webkit-linear-gradient(#f8f8f8,#eeeeee);
    background-image: linear-gradient(#f8f8f8,#eeeeee);

    border: 1px solid #ddd;

    webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.12);

    z-index: 1021;
    padding: 3px 0 3px;

    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.dark_menu .subsub_menu {
    background: #4f5152;
    background-image: -moz-linear-gradient(#58595a,#414344);
    background-image: -o-linear-gradient(#58595a,#414344);
    background-image: -webkit-linear-gradient(#58595a,#414344);
    background-image: linear-gradient(#58595a,#414344);
    border: 1px solid #3b3d3e;

    box-shadow: none;
}

.custom_menu .subsub_menu {
    background: url('../images/menu.png') top left;
    border: none;
    box-shadow: none;
    left: 100%;
}
.custom_menu2 .subsub_menu {
    background: url('../images/menu.png') top left;
    border: none;
    box-shadow: none;
    left: 100%;
    top: 0;

    padding: 0 0 2px;
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: 0 2px 2px 2px;
    -khtml-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
}
/*
#menu > ul > li ul > li.active {
	position: relative;
}*/
/* 3rd level : End */


/* 4rd level */
.subsubsub_menu {
    display: none;
    position: absolute;
    top: -3px;
    left:97%;

    background: url('../images/menu_pale.png');
    background-image: -moz-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -o-linear-gradient(#f8f8f8,#eeeeee);
    background-image: -webkit-linear-gradient(#f8f8f8,#eeeeee);
    background-image: linear-gradient(#f8f8f8,#eeeeee);

    border: 1px solid #ddd;

    webkit-box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.12);
    box-shadow: 1px 1px 3px rgba(0,0,0,0.12);

    z-index: 1021;
    padding: 3px 0 3px;

    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    -khtml-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}
.dark_menu .subsubsub_menu {
    background: #4f5152;
    background-image: -moz-linear-gradient(#58595a,#414344);
    background-image: -o-linear-gradient(#58595a,#414344);
    background-image: -webkit-linear-gradient(#58595a,#414344);
    background-image: linear-gradient(#58595a,#414344);
    border: 1px solid #3b3d3e;
}
.custom_menu .subsubsub_menu{
    background: url('../images/menu.png') top left;
    border: none;
    box-shadow: none;
    left: 100%;
}
.custom_menu2 .subsubsub_menu {
    background: url('../images/menu.png') top left;
    border: none;
    box-shadow: none;
    left: 100%;
    top: 0;

    padding: 0 0 2px;
    -moz-border-radius: 0 2px 2px 2px;
    -webkit-border-radius: 0 2px 2px 2px;
    -khtml-border-radius: 0 2px 2px 2px;
    border-radius: 0 2px 2px 2px;
}

/* 4rd level : End */


#select_menu {
    display: none;
}


/* #Main Navigation :: END
================================================== */
/* #Footer
================================================== */
#footer {
    /*width: 1010px;*/
    clear: both;
    overflow: auto;
    background: #0f71ba;
    font-size: 12px;

    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
    -khtml-border-radius: 0 0 5px 5px;
    border-radius: 0 0 5px 5px;

    border-top: 4px solid #0f71ba;
    color: #ffffff;
}

#wrapper.full_wrapper #footer {
    width: 100%;
}

.footer_inside {
    margin: 20px 15px;
}
#wrapper.full_wrapper .footer_inside {
    width: 960px;
    margin: 20px auto;
}

#footer h3 {
    color: #d1d6d9;
    font-size: 15px;
    line-height: 21px;
    margin-top: 0px;
    margin-bottom: 14px;
    font-weight:normal;
    font-family: 'OPTIMA';
}
#footer.footer_dark h3{
    color: #818f96;
    text-shadow: 0px -1px 0px #111;
}
#footer .column {
    float: left;
    width: 18%;
}
#footer .big_column {
    float: right;
    width: 28%;
}
#footer p {
    /*	margin-bottom: 0;*/
}

/* Footer Icons*/
.icon_twitter {
    float: right;
    width: 23px;
    height: 23px;
    background: url('../images/icon_tweet.png') center -23px no-repeat;
    text-indent: -9999px;
    margin-left: 12px;
}
a.icon_twitter:hover {
    background: url('../images/icon_tweet.png') center top no-repeat;
}
.icon_facebook {
    float: right;
    width: 23px;
    height: 23px;
    background: url('../images/icon_facebook.png') center -23px no-repeat;
    text-indent: -9999px;
    margin-left: 12px;
}
a.icon_facebook:hover {
    background: url('../images/icon_facebook.png') center top no-repeat;
}
.icon_pinterest {
    float: right;
    width: 23px;
    height: 23px;
    background: url('../images/icon_pinterest.png') center -23px no-repeat;
    text-indent: -9999px;
    margin-left: 12px;
}
a.icon_pinterest:hover {
    background: url('../images/icon_pinterest.png') center top no-repeat;
}
.icon_skype {
    float: right;
    width: 23px;
    height: 23px;
    background: url('../images/icon_skype.png') center -23px no-repeat;
    text-indent: -9999px;
    margin-left: 12px;
}
a.icon_skype:hover {
    background: url('../images/icon_skype.png') center top no-repeat;
}
.icon_google {
    float: right;
    width: 23px;
    height: 23px;
    background: url('../images/icon_google.png') center -23px no-repeat;
    text-indent: -9999px;
    margin-left: 12px;
}
a.icon_google:hover {
    background: url('../images/icon_google.png') top center no-repeat;
}


.icon_phone {
    font-size: 13px;
    line-height: 24px;
    background: url('../images/icon_footer_phone.png') left 4px no-repeat;
    padding: 0 0 0 30px;
    margin-bottom: 6px;
}
.icon_mail {
    font-size: 13px;
    line-height: 24px;
    background: url('../images/icon_footer_mail.png') left 5px no-repeat;
    padding: 0 0 0 30px;
    margin-bottom: 6px;
}
.icon_loc {
    font-size: 13px;
    line-height: 24px;
    background: url('../images/icon_footer_loc.png') left 3px no-repeat;
    padding: 0 0 0 30px;
    margin-bottom: 6px;
}

#footer.footer_dark .icon_phone, #footer.footer_dark .icon_mail, #footer.footer_dark .icon_loc{
    color: #ffffff;
    text-shadow: none;
}

#footer .columns ul ul.sub-menu {
    margin-top: 3px;
}

#footer .columns ul {
    margin: 0px 0 0 0px;
    list-style: none;
    padding: 0;
}
#footer .columns ul li {
    margin-bottom: 4px;
    background: url('../images/arrow_footer_list.png') -5px 1px no-repeat;
    padding-left: 16px;
}
.margined_left, #footer .columns ul.margined_left {
    margin-left: 18px;
}
#footer a {
    text-decoration: none;
    padding: 0px;
    font-size: 12px;
    line-height: 15px;
    color:#949ea3;

    -webkit-transition: all 0.2s ease-out;
    -moz-transition: all 0.2s ease-out;
    -o-transition: all 0.2s ease-out;
    -ms-transition: all 0.2s ease-out;
    transition: all 0.2s ease-out;
}
#footer a:hover {
    color:#0ad1e5;
}

#footer .boc_latest_post img{
    float:left;
    border: 3px solid #666;
    margin: 2px 14px 22px 0;
    padding: 0;

    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;

    width: 42px;
    height: 42px;
}
#footer .boc_latest_post img:hover{
    border: 3px solid #0ad1e5;
}

#footer .boc_latest_post p.date{
    color: #757D82;
}

#footer .boc_latest_post p.boc_latest_post_title{
    padding-top: 0;
    line-height: 16px;
}

#powered {
    float: left;
    margin-top: 1px;
    margin-right: 10px;
    font-size: 11px;
    color: #ffffff;
}
#powered a{
    font-size: 11px;
}
.footer_btm {
    clear: both;
    overflow: auto;
    padding: 10px 20px 10px;
    background: #0f71ba;
    border-top: 1px solid #373737;

    -moz-border-radius: 0 0 4px 4px;
    -webkit-border-radius: 0 0 4px 4px;
    -khtml-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px;
}

#wrapper.full_wrapper .footer_btm_inner {
    width: 960px;
    margin: 0px auto;
}
#wrapper.full_wrapper .footer_btm {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    -khtml-border-radius: 0;
    border-radius: 0;
}


.textwidget {
    margin: 0;
    padding: 0 0 10px;
    vertical-align: baseline;
}
.textwidget img{ margin-bottom:4px;}
/* #Footer :: END
================================================== */