/*
Theme Name: Erlangville
Description: Erlangville HTML5
Version: 1.0
Author: Dusted Design
Author URI: http://dusteddesign.com
*/

@import "css/reset.css";
@import "css/layout.css";

@font-face {
    font-family: 'UbuntuRegular';
    src: url('./fonts/Ubuntu-R-webfont.eot');
    src: url('./fonts/Ubuntu-R-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-R-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-R-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-R-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuItalic';
    src: url('./fonts/Ubuntu-RI-webfont.eot');
    src: url('./fonts/Ubuntu-RI-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-RI-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-RI-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-RI-webfont.svg#UbuntuItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('./fonts/Ubuntu-B-webfont.eot');
    src: url('./fonts/Ubuntu-B-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-B-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-B-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-B-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBoldItalic';
    src: url('./fonts/Ubuntu-BI-webfont.eot');
    src: url('./fonts/Ubuntu-BI-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-BI-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-BI-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-BI-webfont.svg#UbuntuBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLight';
    src: url('./fonts/Ubuntu-L-webfont.eot');
    src: url('./fonts/Ubuntu-L-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-L-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-L-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-L-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuLightItalic';
    src: url('./fonts/Ubuntu-LI-webfont.eot');
    src: url('./fonts/Ubuntu-LI-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-LI-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-LI-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-LI-webfont.svg#UbuntuLightItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('./fonts/Ubuntu-M-webfont.eot');
    src: url('./fonts/Ubuntu-M-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-M-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-M-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-M-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMediumItalic';
    src: url('./fonts/Ubuntu-MI-webfont.eot');
    src: url('./fonts/Ubuntu-MI-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-MI-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-MI-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-MI-webfont.svg#UbuntuMediumItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuCondensedRegular';
    src: url('./fonts/Ubuntu-C-webfont.eot');
    src: url('./fonts/Ubuntu-C-webfont.eot?#iefix') format('embedded-opentype'),
        url('./fonts/Ubuntu-C-webfont.woff') format('woff'),
        url('./fonts/Ubuntu-C-webfont.ttf') format('truetype'),
        url('./fonts/Ubuntu-C-webfont.svg#UbuntuCondensedRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}


/*
 * HTML5 Boilerplate
 *
 * What follows is the result of much research on cross-browser styling.
 * Credit left inline and big thanks to Nicolas Gallagher, Jonathan Neal,
 * Kroc Camen, and the H5BP dev community and team.
 *
 * Detailed information about this CSS: h5bp.com/css
 *
 * ==|== normalize ==========================================================
*/


/* =============================================================================
   HTML5 display definitions
   ========================================================================== */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block;
}
section h1{
    border-bottom: 1px solid #ccc; padding-bottom: 5px; padding-left: 10px;
}
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

aside{
    clear: left;
    margin-bottom: 2.1053%;
}



/* =============================================================================
   Base
   ========================================================================== */

/*
 * 1. Correct text resizing oddly in IE6/7 when body font-size is set using em units
 * 2. Prevent iOS text size adjust on device orientation change, without disabling user zoom: h5bp.com/g
*/

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll;}

html, button, input, select, textarea {color: #000; }

body { margin: 0; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; line-height: 19.6px; font-size:12px; background: #e3ebd2;  }

img {
    max-width: 100%;
}

#page{
    margin: 0 auto;
    width: 90%;
}

#wrapper{
    -webkit-box-shadow: 0 0 20px RGBa(0,0,0,0.7);
    -moz-box-shadow: 0 0 20px RGBa(0,0,0,0.7);
    -o-box-shadow: 0 0 20px RGBa(0,0,0,0.7);
    -ms-box-shadow: 0 0 20px RGBa(0,0,0,0.7);
    box-shadow: 0 0 20px RGBa(0,0,0,0.7);
	
    margin: 0 auto;
    background:	white;
    padding: 10px;
    float: left;
}


#inner-wrapper{

}

header, footer{
    width: 100%;
    position: relative;
    float: left;
    padding: 10px 0px;
}




/*
 * Remove text-shadow in selection highlight: h5bp.com/i
 * These selection declarations have to be separate
 * Also: hot pink! (or customize the background color to match your design)
*/



/* ================================================================
   Links
================================================================= */

a { color: #2497cd ; text-decoration: none; }
/*a:visited { color: #babac9; }*/
a:hover { color:#666; cursor: pointer; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
/* Improve readability when focused and hovered in all browsers: h5bp.com/h *!/



/* =============================================================================
   Typography
   ========================================================================== */

h1, h2, h3, h4, h5, h6{
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

h1{
    border: 0;
    color: #79a8be;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 5px;	
	font-size: 20px;
    line-height: 1em;
    text-transform: capitalize;
    font-weight: normal;
    line-height: 1.1;
    margin-bottom: 20px auto;
    font-size: 14.4px;
    margin-bottom: 12px;
    padding-left: 0;
}

h2{
    font-size: 1.5em;
    font-weight: normal;
    text-transform: capitalize;

}

h3{

    font-size: 1.2em;
    color: #3f758b;
    line-height: 1.35em;

}

h3 a{
    color: #3f758b;
}

h2 a{
    color: #FFF;
}

h2 a:hover, h3 a:hover, h4 a:hover{
    color:#648f54 /* #DE6133 */ !important;
}

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: 700; color: #79A8BE; }

blockquote { margin: 1em 40px; }

dfn { font-style: italic; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

ins { background: #ff9; color: #000; text-decoration: none; }

mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }

/* Redeclare monospace font family: h5bp.com/j */
pre, code, kbd, samp { font-size: 1em; }

/* Improve readability of pre-formatted text in all browsers */
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

.holdme{ position: relative; }

p{
    margin-bottom: 10px;
	line-height:18px;
}

p.center{
    text-align: center;
}

/* =============================================================================
   Lists
   ========================================================================== */

ul, ol { margin:0; padding: 0px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
ul, ul li { font-size: 12px; line-height:130%; }

/* =============================================================================
   Embedded content
   ========================================================================== */

/*
 * 1. Improve image quality when scaled in IE7: h5bp.com/d
 * 2. Remove the gap between images and borders on image containers: h5bp.com/i/440
*/

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
*/

svg:not(:root) { overflow: hidden; }


/* =============================================================================
   Figures
   ========================================================================== */

figure { margin: 0; }


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

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

/* Indicate that 'label' will shift focus to the associated form element */
label { cursor: pointer; }

/*
 * 1. Correct color not inheriting in IE6/7/8/9
 * 2. Correct alignment displayed oddly in IE6/7
*/

legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }

/*
 * 1. Correct font-size not inheriting in all browsers
 * 2. Remove margins in FF3/4 S5 Chrome
 * 3. Define consistent vertical alignment display in all browsers
*/

button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }

/*
 * 1. Define line-height as normal to match FF3/4 (set using !important in the UA stylesheet)
*/

button, input { line-height: normal; }

/*
 * 1. Display hand cursor for clickable form elements
 * 2. Allow styling of clickable form elements in iOS
 * 3. Correct inner spacing displayed oddly in IE7 (doesn't effect IE6)
*/

button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }

/*
 * Re-set default cursor for disabled elements
*/

button[disabled], input[disabled] { cursor: default; }

/*
 * Consistent box sizing and appearance
*/

input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
input[type="submit"] {
   /* background: #3F758B;
    border: none;
    color: #fff;
    margin-left: 10px;*/
    background:#BAD38E;
    padding: 4px 10px;
    color:#0f3544;
    border:1px solid #3e6f2c;
}
input[type="submit"]:hover {
    background:#648f54; /* #B8D38A ; #5C844D; */
}
/*
 * Remove inner padding and border in FF3/4: h5bp.com/l
*/

button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }

/*
 * 1. Remove default vertical scrollbar in IE6/7/8/9
 * 2. Allow only vertical resizing
*/

textarea { overflow: auto; vertical-align: top; resize: vertical; }

/* Colors for form validity */
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

section#search label{
    text-transform: uppercase; font-size: 0.8em; font-weight: bold; color: #fff;
}
section#search input#s{
    margin: 2px;
    width: 58.82352941%; /*400px / 680px */
    border: 1px solid;
    color: #7c7c7c;
    border-color: #176a91;
}

section#search input#searchsubmit{
    background: none;
    color: #fff;
    border: none;
    text-transform: uppercase;
    font-size: 0.8em;
}


/* =============================================================================
   Tables
   ========================================================================== */

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* =============================================================================
   Chrome Frame Prompt
   ========================================================================== */

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }


/* ==|== primary styles =====================================================
   Author: Daniel Hodkinson :: Dusted 
   ========================================================================== */   
.grid-8{
    width: 32.66666666666667%; /*32.626316% before /* 310 / 950 */
    margin-right: 1%; /* 1.0526% before /* 10 / 950 */
    float: left;
}

.grid-16{
    width: 66.3158%; /* 630 / 950 */
    margin-right: 1%; /* 1.0526% before */
    float: left;
    margin-bottom: 1.3789474%;
}

.grid-24{
    width: 100%; /*950 / 950 */
    float: left;
    margin-bottom: 1.3789474%;
}

.last{
    margin: 0px;
}

.one-column {
    width: 98%;
    margin:auto;
    line-height: 140%;
    position: relative;

}
.one-column ul {
    list-style: disc;
    margin-left: 20px;
    margin-bottom: 20px;
 }
 .one-column ol {
    list-style: decimal;
    margin-left: 20px;
    margin-bottom: 20px;
 }

/* =========================================
   Menu
   ========================================= */

#alt-menu{
    display: none;
    float: right;
}

nav.menu-main-menu-container ul li ul.sub-menu li.back{
    display: none;
}

nav.menu-main-menu-container{
    width: 100%;
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    margin-top: 1.0526%;
    margin-bottom: 1.0526%;
    float: left;
    display: block;
}

nav.menu-main-menu-container ul li{
    display: inline-block;
    padding: 5px 6px;
    text-transform: uppercase;
    position: relative;
}

nav.menu-main-menu-container ul li a{
    font-size: 1.2em;
}

nav.menu-main-menu-container ul li ul.sub-menu{
    display: none;
    top: 18px;
    left: 0px;
    padding: 10px;
    position: absolute;
    z-index: 999;
    background: #FFF;
    border-left: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    border-right: 1px dotted #ccc;
    width: 150px;
}


nav.menu-main-menu-container ul li.current-menu-item > a, .current_page_ancestor > a, .current-page-ancestor > a, .current_page_item > a{
    color: #79A8BE!important;
}


nav.menu-main-menu-container ul li ul.sub-menu li{
    display: block;
    padding: 5px 0px;
    border-bottom: 1px solid #BABAC9;

}
/* =========================================
   Search
   ========================================= */

aside#search-question{
    margin-bottom: 10px;
    position: relative;
    min-height: 25px;
    float: left;
    width: 100%;
	font-size: 1.2em;
}

section#search{
    background: url(./images/search-question-break.jpg) no-repeat right #79a8be;
    width: 73.578947%; /* 680 / 950 */
    float: left;
    height: 25px;
}


section#search form{
    padding: 0 1.5% /*20 / 680*/
}

/*section#question{
        background: #3f758b;
        width: 26.4210543%; /* 270 / 950 *!/
        float: left;
        color: #fff;
        text-align: right;
        font-size: 0.7em;
        font-weight: bold;
        height: 25px;
}*/

section#question {
    background: #3f758b;
    background: -moz-linear-gradient(225deg, transparent 10px, #3f758b 10px););
    background: -o-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background: -webkit-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    width: 26.4210543%;
    float: left;
    color: white;
    text-align: right;
    font-size: 0.7em;
    font-weight: bold;
    height: 25px;

}

section#question p{
    padding: 5px 20px;
}

.triangle{
    border-color: #FFF #FFF transparent transparent;
    border-style:solid;
    border-width:10px;
    height:0px;
    width:0px;
    z-index: 1; /* displayed under bubble */
    position: absolute;
    top: 0;
    right: 0;
}

/* =========================================
   Home
   ========================================= */
video{
    width: 100%;
    position: relative;
}
#home-baner {
    width: 100%;
    position: relative;
}
#logo{
    position: relative;
    float: left;
}
#logo a{
}
#logo img {

    transition: width 1s;
    -moz-transition: width 1s; /* Firefox 4 */
    -webkit-transition: width 1s; /* Safari and Chrome */
    -o-transition: width 1s; /* Opera */
    margin-left: 20px;
    margin-top: 25px;
}

#login{
    float: right;
    background: url(./images/login.gif) no-repeat;
    width: 143px;
    margin-top: 27px;
}

#login p{
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
    padding: 0px 5px;
}


/* login boxes */
.login-box{
    width: 27%;   
    border: 1px solid;   
    height: 180px;
    float: right;
    margin-top: -15px;
    margin-bottom: -13px;
}
.login-box.blue{   
    background: #79a8be;   
    border-color: #79a8be #dfebf0 #afcbd8 #99bccd;  
	height: 100%; /* 188px !important; before */	
}
.login-box .box-header{
    font-size: 17px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    padding: 13px 12% 15px 12%;
}
.login-box.blue .box-header{
    color: #ffffff;
}
.login-box .box-content{
    padding: 0 12%;
    text-align: left;
}
.login-box .box-content input[type="text"], .login-box .box-content input[type="password"]{
    width: 95%;
    border:1px solid;
    color: #7c7c7c;
    font-size: 11px;
    line-height: 13px;
    margin-bottom: 4px;
    padding: 4px 5px;
    border-color: #176a91;
}
.login-box.blue .box-content input[type="text"], .login-box.blue .box-content input[type="password"]{

}
.login-box .box-content label{
    font-size: 11px;  
}
.login-box.blue .box-content label{
    color: #0f3544;
}
.login-box .bottom-buttons{
    margin-top: 7px;
    width: 100%;
    line-height: 13px;
    font-size: 11px;
    color: #0f3544;
}
.login-box .bottom-buttons a{
    color: #0f3544;
}
.login-box .bottom-buttons a:hover{
    color: #176a91;
}
.login-box.blue .bottom-buttons .singin-button{
    width: 92px;
    background: #5c844d;
    display: inline-block;
    padding: 4px 15px;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #3e6f2c;
}
.login-box.blue .bottom-buttons .singin-button:hover{
    background: #648f54;
}
#login-using-social {
	width:100%;
	height:28px;
	float:right;
	margin-top:10px;
	padding:0px;
	font-size:0.9em;
	background-color:#3F758B;
	color:#fff; /* #0F3544; */
}
#login-using-social #lus-container {
        padding: 0 12% 0 12%;
}
#login-using-social #wp-social-login-connect-options{
}
#login-using-social #wp-social-login-connect-options img {
	max-width:20px;
	margin-left:2px;
	padding:0px;
	margin-top:-11px;
}



.login-box.white{
    border-color: #ffffff #ffffff #ffffff #cdeaf8;
    height: 180px; 
}
.login-box.white .box-header{
    color: #79a8be;
}
.login-box.white .box-content > input{
    width: 40%;   
}
.login-box.white .box-content a.singin-button{
    background: #b8d38a;
    display: inline-block;
    padding: 4px 15px;
    float: right;
    font-weight: bold;
    border: 1px solid #3e6f2c;
    line-height: 13px;
    font-size: 11px;
    color: #0f3544;
    margin-right: 1px;
}
.login-box.white .box-content a.singin-button:hover{
    background: #648f54;
}
.login-box.white .box-content > input:first-child{
    margin-right: 5%;
}
.login-box.white .box-content label{
    color: #79a8be;
}
.login-box.white .box-content .row{
    margin-top: 5px;
}
.login-box.white .box-content .bottom-links{
    margin-top: 15px;
}
.login-box.white .box-content .bottom-links a{
    font-size: 11px;
    color: #568309;
    float: right;
}
.login-box.white .box-content .bottom-links a:first-child{
    float: left; 
}
/*.login-big-form - sepaate site for login*/
.login-big-form .login-box{
    width: 520px;
    margin-right: auto;
    margin-left: auto;
    background: #f0f0f0;
    border:0;
    height: auto;
    margin-bottom: 50px;
    margin-top: 10px;
    padding-bottom: 10px;
    float:none;
}
.login-box.grey {
	margin-bottom:-10px;
}
.login-big-form .login-box .box-header{
    padding: 13px 12% 15px 21%;
}
.login-big-form .login-box  .box-content{
    padding: 0 5%;
}
.login-big-form .login-box  .box-content  input[type="text"],.login-big-form  .login-box .box-content input[type="password"]{
    width: 78%;

}
.login-big-form .login-box  .box-content > label{
    width: 15%;
    margin-right: 3%;
    text-align: right;
    display: inline-block;
}
.login-big-form .login-box  .box-content .row > label{
    margin-left: 18%;
}
.login-big-form .login-box  .box-content .bottom-buttons{
    margin-top: 20px;
}
.login-big-form .login-box .box-content a{
    color: #5c844d;
    font-size: 11px;
}
.login-big-form .login-box .box-content a:hover{
    color: #176a91;
}
.login-big-form .login-box .box-content .singin-button{
    display: inline-block;
    padding: 4px 15px;
    margin-left: 13px;
    font-weight: bold;
    border: 1px solid #3e6f2c;
}
.login-big-form .login-box .box-content .row{

}
.login-big-form .login-box .box-content .row a{
    float: right;
    padding-top: 3px;
    font-size: 10px;
}
.login-big-form .login-box .box-header{
    color: #055378;
    font-size: 14px;
}
.login-big-form .login-box.social-box{
    background: transparent;
}
.login-big-form .login-box.social-box .box-content
{
    padding:0;
}
.login-big-form .login-box.social-box .box-header{
    background: #f0f0f0;
    padding: 13px 12% 15px 12%; 
    text-align: center;
    margin-bottom: 20px;

}
.login-big-form .login-box.social-box .box-content a{
    display: inline-block;
    margin: 5px 7px;
}
    #profile-notice{
        text-align: center;
        margin:15px;
        font-weight:900;
    }
    #profile-notice .hide{
        font-weight: 100;
        font-size: 11px;

    }
.login-cnt-ctr{
    margin-top: 20px;
}
.avatar-container,.username-container{
    display: inline-block;
}
.avatar-container{
    width: 36px;
    height: 36px;
    border:   2px solid #a2c3d3;
    overflow: hidden;
    vertical-align: top;
    line-height: 36px;
    text-align: center;
}
.avatar-container img{
    vertical-align: middle;
    margin: auto;
    display: inline-block;
}
.username-container span{
    display: inline-block;
    vertical-align: middle;
    line-height: 18px;
    margin-left: 5px;
}
.username-container {
    line-height:  40px;
    vertical-align: middle;
    width: 75%;
}
a.green-button{
    background: #b8d38a;
    display: inline-block;
    padding: 6px 17px;
    color: #042f15!important; /* #0f3544 */
    font-weight: bold;
    border: 1px solid #3e6f2c;
    line-height: 13px;
    font-size: 11px;
    margin-right: 1px;

}
a.green-button:first-child{
    margin-right: 8%;
}
a.green-button:hover{
    background: #648f54;
}
/* end of login boxes*/

/* user projects */
.user_projects { 
    float:none;
    font-style: italic;
    color: #888;
    margin-bottom: 10px !important;
}

.user_projects a {
    float:none;
    font-style: normal;
    text-decoration: underline;
}
.user_projects a:hover {
    text-decoration: none;
}

.user_projects td {
    display: table-cell;
    padding: 5px !important;
}

.active_page {
    font-weight: bold;
}

.user_comments { 
    float:none;
    font-style: italic;
    color: #888;
    margin-bottom: 10px !important;
}

#page_navigation {
    float:none;
    text-align: center;
    margin-bottom: 15px !important;
}

#page_navigation a {
    padding: 5px;
    font-size: 12px;
    color: #888;
}

aside#hero{
    width: 100%;
    /*height: 300px;*/
    margin-bottom: 1.3789474%; /* 20 / 950 */
    position: relative;
    /*background: url(./images/hero-bg.png) no-repeat top left #779868;*/
    transition: height 1s;
    -moz-transition: height 1s; /* Firefox 4 */
    -webkit-transition: height 1s; /* Safari and Chrome */
    -o-transition: height 1s; /* Opera */

}

aside#hero #characters{
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 300px;
}

aside#hero #characters img{
    position: absolute;
    left: -300px;
    bottom: 3%;
}

aside#hero #hero-content{
    position: absolute;
    top: -10px;
    left: 0px;
    padding: 2.1052632%;
    width: 80%;/* 52.631579% /  500 / 950 */
    line-height: 2.5em;
}	

aside#hero #hero-content h1{
    font-size: 2.5em;
    text-transform: uppercase;
    color: #BAD38E;

}
aside#hero #hero-content2{
    position: absolute;
    text-align: center;
    top: 55px;
    left: 20%;
    padding: 2.1052632%;
    width: 60%; /* 500 / 950 */
    line-height: 2em;
}   
aside#hero #hero-content2 h1 .hero-content2-span {
    color:#79A8BE; 
    font-size: 0.8em;
}
aside#hero #hero-content2 h1 .hero-content2-font {
    font-size: 1.5em;
    color: #3F758B;
}


aside#hero #hero-content2 h1{
    font-size: 3em;
    line-height: 110%;
    text-transform: uppercase;
    color: #3F758B;

}

.download-triangle .download-icon{
    position: absolute;
    top: 33%;
    right: 10px;
    width: 20%;
    transition: all 0.5s;
    -moz-transition: all 0.5s; /*Firefox*/
    -webkit-transition: all 0.5s; /* Safari and Chrome */
    -o-transition: all 0.5s; /* Opera */
}

.download-icon img{
    position: absolute;
    right: 10%;

}

.download-message h2{
    font-size: 1em;
}
/* It destroy margin for "You are now logged out." yellow text box
.message {
    margin-left: 2.1052632%;
} */

.message h2{
    font-size: 1em;
    color: #fff;
    line-height: 1.5em;
}

.message h3{
    font-size: 0.8em;
    color: #fff;
    line-height: 1em;
}


.download-triangle{
    background: url(./images/big-triangle.gif) no-repeat;
    position: absolute;
    top: 0;
    right: 0;
/*    width: 26.7%;
    height: 300px;*/
    width: 15%;
    height: 50%;
    z-index: 99999999;
}


.download-message{
    z-index: 10;
    color: 	white;
    font-size: 1.5em;
    text-transform: uppercase;
    text-align: right;
    font-weight: bold;
    line-height: 1em;
    padding-right: 2.05263%;
    padding-top: 2.05263%;
    float: right;
    width: 80%;
}


/**************** SLIDER ******************/
#hero .cat, #hero .bull, #hero .fish, #hero .parrot {
    padding-left: 35px;
    padding-top: 35px;
}
#hero p {
    max-width: 520px;
    margin: 15px auto auto 15px;
    font-size: 16px;
    color: #41758a;
    line-height: 130%;
    font-style: italic;
}
#hero h1 {
    color: #41758a;
    font-size: 36px;
    max-width: 500px;
}
#hero .mark {

    padding: 3px 5px;
    background-color: #ABCA7C;
}
#hero .slider1 {
    width: 100%;
    height: 300px;
    background-image: url(./images/slider1.png);
}
#hero .cat {
    width:100%;
    height: 300px;
    background-image: url(./images/slider2.png);   
}
#hero .bull {
    width: 100%;
    height: 300px;
    background-image: url(./images/slider3.png);
}
#hero .fish {
    width: 100%;
    height: 300px;
    background-image: url(./images/slider4.png);
}
#hero .parrot {
    width: 100%;
    height: 300px;
    background-image: url(./images/slider5.png);
}


/*************8 HOME **********************/
section#homepage a, section#homepage a:visited {
    color:#004D8C;
}
section#homepage a:hover, .feed-box a:hover {
    color:#6899B0 !important;
}
.feed-box h4 {
    font-size:1.2em;
    margin-bottom: 10px;
}

section#homepage-feed, section#homepage-lower{
    margin-bottom: 10px;
    float: left;
}

section#homepage-feed section, section#homepage-lower section{
    position: relative;
}

section#homepage-feed h3{
    background: #e6e7e8;
    padding: 6px 0 4px 40px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
section#homepage-feed h3:hover a{
    color:#6899B0 !important;
}

section#news h3 {
    background: url(./images/news-icon.gif) no-repeat left #e6e7e8;

}

section#jobs h3{
    background: url(./images/jobs-icon.gif) no-repeat left #e6e7e8;
}

section#events h3{
    background: url(./images/events-icon.gif) no-repeat left #e6e7e8;
}

.feed-wrapper{
    float: left;
    padding: 3.2258%; /*10 / 310 */

    width: 93.5484%; /*290 / 310 */
}



article.feed-box{
    float: left;
    margin-bottom: 10px;
    width: 100%;

}

article.feed-box .feed-image{
    float: left;
    width: 19.3548%;
    margin-right: 3.2258%;

}

article.feed-box .mini-feed-wrap{
    float: left;
    width: 100%;
}

section#jobs article.feed-box .mini-feed-wrap, section#events article.feed-box .mini-feed-wrap{
    width: 88%;
}

section#forums article.feed-box .mini-feed-wrap{
    width: 100%;
}

article.last{
    border-bottom: none;
}

article.feed-box .feed-date{

}

article.feed-box .feed-content{

}

article.feed-box .feed-date h4 a{
    color: #004D8C;
    line-height: 22.8px;
}
article.feed-box .feed-date h4 a:hover{
    color:#6899B0;
}

article.feed-box .feed-content p{
    color: #fff;
}

section#homepage-lower h3{
    color: #fff;
    font-size: 0.8em;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background: #79a8be;
    padding: 8px 5px;
}

section#homepage-lower .feed-wrapper{
    background: #fff;
}

section#homepage-feed section{
    background: #bbb;
}

section#homepage-lower h3 a{
    color: #fff;
}
section#homepage-lower article.feed-box .feed-content p{
    color: #bbb;
}

ul.tabs{
    margin: 0px;
    padding: 0px;
    color: 	white;
    font-size: 0.8em;
    font-weight: bold;
    line-height: 1em;
    text-transform: uppercase;
}

ul.tabs li{
    display: inline-block;
    padding: 5px 10% 5px 5px;
    margin-right: -4px;
}

section#tab .feed-wrapper{
}

section#tab #tab1 .feed-wrapper{
    background: #497E94;
}

section#tab #tab1 h4 a{
    color: #fff;
}

section#tab #tab2 .feed-wrapper{
    background: #b4cfdd;
    color: #000;
}

section#tab #tab3 .feed-wrapper{
    background: #E6E7E8;
    color: #000;

}

ul.tabs li.docs{
    background: url(./images/tab1.gif) no-repeat right -1px #497E94;
}

ul.tabs li.docs.active{
    background: url(./images/tab1.gif) no-repeat right -25px #497E94;
}

ul.tabs li.videos{
    background: url(./images/tab2.gif) no-repeat right -1px #B4CFDD;
}

ul.tabs li.videos.active{
    background: url(./images/tab2.gif) no-repeat right -25px #B4CFDD;
}


ul.tabs li.stories{
    background: url(./images/tab3.gif) no-repeat right bottom #E6E7E8;
}

section#tab #tab1 .feed-wrapper p{
    color: #fff;
}

section#tab #tab3 .feed-wrapper p, section#tab #tab2 .feed-wrapper p{
    color: #000;
}

ul.tabs li.docs a{
    color: #FFF;
}

ul.tabs li a{
    color: #000;
}

.tab-box{
    color: #fff;
    float: left;
    width: 100%;
}

.plus-link{
    position: absolute; top: 0; right: 0;

}
.big-triangle-no-plus {
    background: url(./images/no-plus-triangle.gif) no-repeat top right transparent;
    width: 78px;
    height: 78px;
    position: absolute;
}
.big-triangle{
    width: 78px;
    height: 78px;
}
.big-triangle a{
    background: url(./images/plus-triangle.gif) no-repeat top right transparent;
    width: 78px;
    height: 78px;
    position: absolute;
}

.big-triangle a:hover{
    background-position: bottom right;
}

/********* HOME ARTICLES ***********/
#home-articles {
    padding-bottom: 20px;
    color: #fff;
}
#home-articles a, #home-articles a:visited, #home-articles h4 {    
    color:#004D8C;
    margin-bottom: 11px;
}
#home-articles a:hover, #home-articles a h3:hover, #home-articles a h4:hover {
    color:#6899B0;
}
#home-articles h4 {
    font-size:1.2em;
    width: 87%;
}
body.home h4 { 
    max-width: 87% !important;
}
.home-articles-social {
    width:200px;
    margin: auto;
}
#home-articles ul { padding-bottom: 20px; }
#home-articles ul li {
    display: block;
    float: left;
    width: 32.66666666666667%; /* 32.626316% before */   
    margin-right:1.0526%;
    overflow: hidden;
    padding-bottom: 15px;
}
#home-articles ul li.last-feed {
    width: 32.66666666666667%; /* 32.626316% before */   

}
#home-articles ul li.first {
    background: #BBBBBB;
    margin-right: 1%; /*1.0526% before */
    position: relative;
    color:#fff;
}
#home-articles ul li.first .feed-wrapper img {
    border:1px solid #ccc;
    margin: 0px 10px 0px 0px;
    padding: 0px;
}
#home-articles ul li h3 {
    padding:  6px 0 4px 40px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    background-color: #E6E7E8;
}
#home-articles ul li.mid {
    background: #bbb;
    margin-right: 1%; /* 1.0526% before */
    position: relative;
}
#home-articles ul li .home-article-link-container{
    /*width: 80%;*/
    /*padding: 2%;*/
    /*margin: 8px auto;*/
    /*border-left: 30px solid #79A8BE;*/
    /* color:#000;*/
}
/*#home-articles ul li .home-article-link-container:hover { 
    color:#648F54;
}*/
 #home-articles .first h3 {
    background-image:url(images/times-icon.gif);
    background-repeat: no-repeat;
 }
#home-articles ul li.mid h3 {
    background-image:url(images/news-icon.gif);
    background-repeat: no-repeat; 
}
#home-articles ul li.mid img {
    margin-top: 1px;
margin-bottom: 40px;
margin-right: 11px;
    
}
#home-articles ul li.last-feed {
    margin-right: 0px !important;
     background: #bbb;
    position: relative;
    /*
    background-image: url(./images/mascots/parrot-2.png);
    background-position: bottom right;   
    background-repeat: no-repeat;
    */
}
#home-articles ul li.last-feed h3 {
    background-image:url(images/cumlok-icon.gif);
    background-repeat: no-repeat; 
}
#home-articles ul li img {
    max-height: 150px;
    max-width: 150px;
    float: left;
    margin-right: 5px;
    margin-top: 10px;
    margin-left: 0px;
}
.erlangTimesImage { width: 140px !important; background: #FFFFFF;}
/* =========================================
   ARTICLE PAGES
   ========================================= */


#article-page .article-content p{
    padding: 10px 0 0 10px;
    margin: 0;
}
#main_div tr img {
    max-width: 150px;
    max-height: 150px;
}
#news_article table {
    width: 48.4%;
    margin-right: 1.6%;
    float: left;
}

.minor_article {
    width: 50%;
    float: left;
}

/* =========================================
   News
   ========================================= */

.block-article-wrapper h3{
    display: block;
}

.block-article-wrapper h3 a{
    color: #fff !important;
}

.block-article-wrapper h3.mobile{
    display: none;
}

article.news{
    width: 100%;
    margin-bottom: 2.152%; 
    padding-bottom: 2.152%;
    border-bottom: 1px dotted #ccc;
    float: left;
}

.featured-image{
    width:28.5714% ; /* 180 / 630 */
    margin-right: 1.5873%; /*10 / 630 */
    float: left;

}

.article-wrapper{
    width: 69.8413%; /*440 / 630 */
    float: left;
}

.article-wrapper h3, .single-article-wrapper h3, #article-page h3, .relatedside h3 {
	background: #3f758b;
    background: -moz-linear-gradient(225deg, transparent 10px, #3f758b 10px););
    background: -o-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background: -webkit-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 5px;
    color: white;
    margin-bottom: 10px;
	
}

.single-article-wrapper{
    width: 100%;
    margin-bottom:  1.5873%;
    float: left;
}

.single-article-content{
    width: 100%;
    float: left;
    padding-top: 1.0526%;
    overflow: hidden;
}

.single-article-wrapper ul{
    margin: 0 0 1.0526% 2.1052%;
    padding-left: 10px;

}

.single-article-wrapper ul li{
    list-style-type: disc;
}

.article-content{
    float: left;
}

.time-date{
    margin: 1.5873% 0 0 0;
    float: left;
    width: 100%;
}

.time-date p{
    color: #ccc;

}

nav.pagination{
    font-size: 0.9em;
}

nav.pagination a:hover{
    color: #2497cd;
}

.prev-link{
    float: left;
}

.next-link{
    float: right;
}

article.block-news{

    width: 24%;
    float: left;
    margin-right: 1.0526%;
    position: relative;
    margin-bottom: 10px;

    overflow: hidden;
}

.block-article-wrapper{
    background-color: #3f758b;
    position: relative;
    top: 0px;
}

.block-article-inner{
    padding: 10px;
    width: 75%;
    height: auto !important;
}

.block-article-wrapper:hover{
}

.block-article-wrapper p{
    margin: 0px;
}

.block-article-wrapper h3{
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 0.5em;
    text-shadow: 0px -1px 0px #333;

}

.block-article-content{
    color: #fff;	

}

.block-time-date{
    background: #ccc;
    padding: 10px 10px 10px 10px;

}

.shadow{
    background: url(./images/shadow-2.png) repeat-x #3F758B;
    height: 18px;
    width: 100%;
}
.block-time-date p{
    margin-bottom: 0;

}

.read-story{
    width: 100%;
    position: absolute;
}

.read-story h3{
    padding: 7px;
    background: #ccc;
}

.read-story h3 a{
    color: #000;
}
#speakerslist h3 {
    background: none;
    color: black;
    display: block;
    margin-bottom: 5px;
    margin-top: 20px;
    margin-left: 20px;

}
#speakerslist {
    padding: 0px;
    margin: 0px;
}
#speakerslist li {
    list-style: none;
    display: block;
    margin-bottom: 15px;
    border: 1px solid #bbbbbb;
    clear: both;

}
#speakerslist .company {
    display: block;
    margin-left: 25px;
    color: #888888;
    font-style: italic;
    font-size: 11px;  
}
#speakerslist .companylogo {
    max-width: 160px;
    height: auto;
    margin-left: 20px;
    margin-bottom: 5px;
}
#speakerslist p, #speakerslist div {
    display: block;
    padding-left: 20px;
    padding-right: 20px;
}
.speakerface {
    display: block;
    margin: 20px;
    max-width: 150px;
}
.somecatstuff {
    font-size: 1.2em;
    color: #3f758b;
    font-weight: 700;
    line-height: 1em;
    margin-bottom: 10px;
    display: block;
}
.getthatpresentation {
background: #5C844D;
text-align: center;
color: white;
font-size: 16px;
padding: 20px;
position: relative;
width: 144px;
display: block;
line-height: 20px;
margin-bottom: 15px;
}
.getthatpresentation:hover {
    color: white;
}
.getthatpresentation img {
    margin-top: 5px;
}
#videowrapper .mini-feed-wrap {
    width: 100%;

}
/* =========================================
        EVENTS PAGE
   ========================================= */

article.events{
    width: 32.3333%;
    position: relative;
    float: left;
    margin-right: 1%;
    margin-bottom: 1%;
    overflow: hidden;
}   

.event-image{
    position: relative;
    float: left;
}

.event-content{
    position: absolute;
    width: 100%;
    background: url(./images/events-bg.png) repeat;
    color: #fff;
    float: left;
    bottom: 0;
}

.content-hidden{
    position: absolute;
    width: 100%;
    background: url(./images/events-bg.png) repeat;
    color: #fff;
    top: -30px;
    font-size: 1em;
    text-transform: uppercase;
}
.content-hidden p{
    padding: 1.0526%;
    margin: 0;
}

.event-content-inner{
    padding: 1.0526%;
}

.event-content h3{
    color: #fff;
    line-height: 1.4em;
}

.event-content h4{
    font-size: 0.675em;
}

.single-event-image{
    float: left;
    width: 49%;
    margin-right: 2%;
}

.event-quick-info{
    float: left;
    width: 49%;
}

.event-main-info{
    float: left;
    width: 100%;
}

.tribe_events { font-weight: 400; }
.event-day { font-weight: 400; }
.tribe-previous, .tribe-next { display: none; }
.tribe-events-location { font-weight: 400; color: #666; }
.entry-content.tribe-events-event-entry { font-weight: 400; }
#not-user { display: none; }

#tribe-events-bar { clear: left; }
.tribe-events-list-event-title a { color: #000; }

/* =========================================
        GENERAL PAGE
   ========================================= */
#general-page h1{
    border: 0;
    color: #79a8be;
    font-size: 17px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 10px;
}
#general-page .inner{
    padding: 20px 0 20px 5% ;
}
#general-page h2{
    background: #3f758b;
    background: -moz-linear-gradient(225deg, transparent 10px, #3f758b 10px););
    background: -o-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background: -webkit-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 5px;
    color: white;
    margin-bottom: 10px;
    width: 99%;
    font-size: 1em;
}

#general-page h3{
    margin-bottom: 0.5em;
    padding-left: 10px;
}

#general-page p, #article-page p{
    padding-left: 10px;
}

#general-page ul, #general-page ol{
    margin-left: 10px;
    padding-left: 20px;
    line-height: 16px;
    margin-bottom: 0.5em;
}

#article-page ul{
    margin-bottom: 0.5em;
}

#article-page ul li a{
    color: #DE6133;
}

#general-page ul li{
    list-style-type: disc;
}

#general-page ol li{
    list-style: decimal;
}
.relatedside  ul li{
    list-style-type: disc;
    margin-left: 20px;
    padding-right: 20px;
    font-weight: bold;
    margin-bottom: 0.5em;
}

pre{
    margin-bottom: 0.5em;
}

table p{
    margin: 0;
}

table td{
   /* font-size: 0.675em;*/
}

table td p.x5-0-bodytext{
    font-size: 1em;
}

#general-page table td{
    padding: 5px 0px;
}

p.toc{
    padding: 10px;
}

.top{

    position: fixed;
    bottom: 0px;
    background: #CCC;
    padding: 5px;
    opacity: 0.6;
    margin-left: -30px;
}

table{
    width: 100%;
}

/* =========================================
  SOCIAL MEDIA
   ========================================= */
.box-1, .box-2, .box-3, .box-4, .box-5{
    color: #fff;
    border-radius: 5px;
    -moz-box-shadow: 0 0 5px #444;
    -webkit-box-shadow: 0 0 5px #444;
    box-shadow: 0 0 5px #444;
}

article.block-social{
    margin-bottom: 1.0526%;
}

.block-social-wrapper{
    background-color: #3f758b;
    position: relative;
    top: 0px;
}

article.rss .block-article-content{
    margin-bottom: 5px;
    padding-bottom: 5px;
    border-bottom: 1px dashed #fff;
}

.block-social-inner{
    padding: 10px;
}

.block-social-wrapper h3{
    color: #fff;
    font-size: 1.5em;
    margin-bottom: 0.5em;
    text-shadow: 0px -1px 0px #333;
}


#social-media .feed-content p{
    margin-bottom: 0px;
}



.social-article-wrap{
    margin: 10px;
    border-bottom: 1px dashed #fff;
}

.facebook .social-article-wrap p{
    margin-bottom: 5px;
}



#social-media .box p{
    padding: 10px;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
    word-wrap: break-word;
    margin-bottom: 0;
}

#bgmp_map-canvas {
    width: 100%!important;
}

article.twitter h3{
    background: url(./images/social-twitter.png) no-repeat ;
    padding-left: 45px;
}

article.facebook h3{
    background: url(./images/social-fb.png) no-repeat;
    padding-left: 35px;
}

article.rss h3{
    background: url(./images/social-rss.png) no-repeat;
    padding-left: 35px;
}

article.linkedin h3{
    background: url(./images/social-linked.png) no-repeat;
    padding-left: 35px;
}

#lost-cat {
    margin-left: 6%;
}

#addernews h3 {
    margin-bottom: 20px;

}
#parseURL {
    display: block;
    background: none;
    border: none;
    border-bottom: 2px solid gray;
    margin-left: 3px;
}
#addernews button {
    background: #b8d38a;
    display: block;
    padding: 6px 17px;
    color: #042f15!important;
    font-weight: bold;
    border: 1px solid #3e6f2c;
    line-height: 13px;
    font-size: 11px;
    margin-top: 10px;
}

#addernews .catalert{
    margin-top: 15px;

}
#addernews .catalert p{
    max-width: 190px;

}
/* =========================================
   Contact
   ========================================= */
.vcita-widget-right {
    display: none;

}
#views-exposed-form-events-page-5 .views-exposed-widget .form-item, #views-exposed-form-events-page-6 .views-exposed-widget .form-item {
    width: auto;
    padding: 2px 0;
    float: left;
    width: 100%;
}

#views-exposed-form-events-page-5 .form-item input[type="checkbox"], #views-exposed-form-events-page-6 .form-item input[type="checkbox"] {
    left: -5000px;
    position: relative;
}

#views-exposed-form-events-page-5 .form-item label, #views-exposed-form-events-page-6 .form-item label {
    float: left;
    clear: left;
    padding: 5px 0 0 25px;
    margin: 0;
    background: url(./images/triforkcheck.gif) 0px 0px no-repeat;
    cursor: pointer;
    font-size: 0.8em;
}

#views-exposed-form-events-page-5 .form-item label.active, #views-exposed-form-events-page-6 .form-item label.active {
    background: url(./images/triforkcheck.gif) 0px -120px no-repeat;
}

.views-submit-button{
    float: right;
}

#general-page .region-content ul{
    padding: 0;
    margin: 0;
}

#general-page .region-content ul li{
    list-style: none;
    position: relative;
}

.calendar-list .item-list {
    float: left;
    padding: 0;
    width: 150px;
    margin-right: 2px;
}

.calendar-list .item-list ul li {
    margin-left: 0;
    background: none;
    background-color: #E5E5E5;
    background-repeat: no-repeat;
    background-position: 50% 0;
    padding: 15px 5px 5px;
    margin: 0 0 7px 0;
    min-height: 84px;
}

.field-content {
    overflow: hidden;
}

.icon-background {
    display: none;
}

.calendar-list .item-list ul li a {
    font-weight: bold;
}

.calendar-list .item-list ul {
    border: 1px solid #CCC;
}
.item-list ul {
    margin: 0 0 0.75em 0;
    padding: 0;
}

/* =========================================
   SEARCH RESULTS
  ========================================= */

.search-content{
    border-bottom: 1px dashed #ccc;
    margin-bottom: 2.152%; 
    padding-bottom: 2.152%;
    float:left;
    width: 100%;
}

.navigation{
    float: left;
}

.search-content h4{
    background: #3f758b;
    background: -moz-linear-gradient(225deg, transparent 10px, #3f758b 10px););
    background: -o-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background: -webkit-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 5px;
    color: white;
    margin-bottom: 10px;
}

.more-information a{
    font-size: 0.75em;
}

.search-relevance{
    float: left;
    width: 12%;
    margin-right: 2%;

}

.search-relevance p{
    background: #ccc;
    border-radius: 40px;
    padding: 10px;
    font-family: 'UbuntuRegular', serif;
    text-align: center;
    font-size: 1.4em;
    line-height: 1.1em;
    color: #fff;
    text-shadow: rgba(0, 0, 0, 0.8) 0 -1px 0;
}

.search-content-inner{
    width: 86%;
    float: left;
}

span.search-terms{
    font-size: 1.5em;
    font-weight: bold;
}

span.searchterm1{
    font-weight: bold;
    color: #DE6133;
}

span.editsection {
    color: #e6e7e8;
}

span.editsection a {
    color: #e6e7e8;
}

/* =========================================
   Sidebar
   ========================================= */

aside#sidebar{
}

.sidebar-social-links a{

}

.sidebar-social-links a.facebook:hover{
    color: #3B5998!important;
}

.sidebar-social-links a.twitter:hover{
    color: #00ACED!important;
}

.sidebar-social-links a.linkedin:hover{
    color: #4875B4!important;
}

.sidebar-social-links a.rss:hover{
    color: #F60!important;
}


aside#sidebar h3{
    background: #E6E7E8;
    background: -moz-linear-gradient(225deg, transparent 10px, #E6E7E8 10px););
    background: -o-linear-gradient(225deg, transparent 10px, #E6E7E8 10px);
    background: -webkit-linear-gradient(225deg, transparent 10px, #E6E7E8 10px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 5px;
}

aside#sidebar h4{
    font-size: 0.75em;
}

aside#sidebar .widget-container{

}

aside#sidebar ul{
    margin: 3.2258% 0;
    padding-left: 3.2258%;
}

aside#sidebar a{
    color: #000;
    font-size: 0.75em;
    text-transform: uppercase;
}

aside#sidebar a:hover{
    color: #DE6133;
}

.widget{
    background: #AC7;
    margin-bottom: 10px;
}

.widget-inner{
    padding: 10px;
}

.right-page-sidebar {
    width: 100%;
    margin: auto;
}
aside#sidebar.right-page-sidebar ul{
    margin-top: 0;
    padding-left: 0;
}
aside#sidebar.right-page-sidebar ul li a{
    line-height: 28px;
    border-top: 1px solid #bfbfbf;
    color: #055378;
    display: block;
    padding-left: 9%;

}
aside#sidebar.right-page-sidebar ul li:first-child a{
    border: 0;
}
aside#sidebar.right-page-sidebar ul li a:hover{
    background: #aacc77;
    font-weight: bold;
}
aside#sidebar.right-page-sidebar ul li.current_page_item > a{
    color: #055378!important;
    font-weight: bold;
    background: #aacc77;
}

#ramka {
    padding: 0px;
    overflow: hidden;
    height: auto;
    background: none;
    min-width: 960px;
}
#viewframe {
min-height: 100%;
width: 100%;
overflow: auto;
clear: both;
height: 100%;
display: block;
margin-top: 45px;
}
#topframe {
border-bottom: 1px solid #3e6f2c;
width: 100%;
top: 0;
left: 0;
z-index: 2;
position: fixed;
}

#seefullsite {
    display: block;
    float: right;
    overflow: hidden;
    width: 27px;
    height: 27px;
    text-indent: -999px;
    background: url(images/close.png) no-repeat;
    margin-top: 6px;
}
#topframe .cent {
    width: 960px;
    display: block;
    margin: 0px auto;

}
#koment {
    clear: both;
    padding-top: 30px;
    height: 360px;
}
#whitetopframe {
    background: white;
    width: 100%;
   
    border-bottom: 4px solid #b8d38a;
}
#whitetopframe .addthis_toolbox {
    float: left;
    margin-bottom: 0px !important;
    padding-top: 10px;
    height: 20px;
    overflow: hidden;
    display: block;
    width: 258px;

}
.moviethumb {
    display: block;
    max-width: 200px;
    height: auto;
    margin-right: 15px;
    margin-bottom: 15px;
    float: left;


}
.moviethumb img {
    max-width: 200px;
    height: auto;
    max-height: 150px;

}
.tag-this .ui-helper-hidden-accessible {
    display: none;

}
#profile_arrows div a:last-child {
    display: none;

}
.profile-news-list { margin-left: 0px !important; padding-bottom: 20px; color: #7D7E79; }
.profile-news-list li { margin-bottom: 5px; }
.comment-badge { position: absolute; right: 0px; top: 4px; height: 15px; background: #3F758B; color: white; padding: 4px; line-height: 14px; text-align: center ;}
.comment-badge a { color: white; }

#general-page .profile_forum_activity {
    margin-left: 0px;
    padding-left: 0px;
}

#general-page .profile_forum_activity ul {
    margin-left: 0px;
    padding-left: 0px;
}

#general-page .profile_forum_activity li {
    list-style-type: none;
    margin-top: 10px;
    margin-bottom: 10px;
}

#general-page .profile_forum_activity a{
    color: #2497cd;
}

#general-page .profile_forum_activity a:hover{
    color:#666;
}

#general-page #twitter_update_list {
    margin-left: 0px;
    padding-left: 0px;
}

#general-page #twitter_update_list p {
    margin-left: 0px;
    padding-left: 0px;
}

.addthis_toolbox .addthis_button_tweet {
    width: 90px !important;
}
.addthis_counter {
    width: 50px !important;

}
#minilogo {
    display: block;
    float: left;
    overflow: hidden;
    width: 35px;
    height: 35px;
    text-indent: -999px;
    background: url(images/minilogo.png) no-repeat;
    margin-top: 3px;

}
.przerwa {
    display: block;
    height: 32px;
    width: 1px;
    background: #3a6ead;
    float: left;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 4px;

}
#disq {
    display: block;
    float: left;
    width: 77px;
    height: 30px;
    overflow: hidden;
    text-indent: -999px;
    background: url(images/disq.png) no-repeat;
    margin-top: 5px;
    /* do usuniecia po dodaniu oceny */
    margin-right: 79px; 
}
#whitetopframe > .cent > p {
    font-size: 10px;
    display: block;
    text-align: right;
    color: #3a6ead;
    width: 360px;
    float: left;
    margin-top: 5px;

}
/* =========================================
   FAQ MENU
   ========================================= */
.innertube pre {
    background: #f1f1f1;
    padding: 20px;
    margin: 22px;
    border: 1px solid #dedede;
    font-style: italic;  
}

.innertube table {
width: 80%;
margin: 10px;
}
.innertube span a {
    margin-left: 2px;
    margin-right: 2px;

}
.innertube h4 {
    font-weight: bold;
    font-size: 14px;
    margin-left: 10px;
}
#disqus_thread {
    padding-left: 15px;

}
.addthis_toolbox iframe {
    width: 110px !important;

}
/* =========================================
   Footer
   ========================================= */
footer{
    margin-bottom: 10px;
    float:left;
    position: relative;
}
.clear {
    clear: both;

}
footer section{
    min-height: 120px;
    background: #ccc;
}
#footerlogos {
    clear: both;
}
#footerlogos li { 
    display: table-cell;
    vertical-align: middle;
    height: 75px;
    position: relative;
    text-align: center;
    
}
#footerlogos li img {
    max-height: 75px;
    max-width: 120px;
    position: relative;
    padding: 6px 0px 0px 0px !important;
}
#litnag {
    display: block;
  
    background: #E6E7E8;
    padding: 9px 0px 8px 10px;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: 700;
    line-height: 1em;

}
#litnag a {
      color: #3f758b;

}
#litnag a:hover {
    color: #2497cd;

}
/*will need removing*/
section#twitter{
    background: none;
}

section#twitter article{
    background: #AACC77;
    position: relative;
    min-height: 120px;
}

section#twitter article p{
    margin-bottom: 0px;
    padding-top:9px;
    padding-bottom: 4px;
    text-align: center;
    font-weight: 700;
    font-size: 1.2em;
}
section#twitter .twitter-and-facebook {
    width:120px;
    margin:auto;
}
section#twitter .twitter-and-facebook a img {

}
section#twitter .twitter-and-facebook img {
    max-width: 30px;
    margin:0px;
    margin-bottom: 9px;
}
section#twitter .twitter-and-facebook img.first {
    margin-right: 10px;
}
#rssicon { margin-left: 8px; }

footer p{
    color: #FFF;
    padding: 10px 10px 0 10px;
    margin-bottom: 0px;
}

footer hr {
    border-top: 1px solid #fff;
    margin: 2px 0px;
}

footer a{
    color:#fff;
}

section#footer-logo img{
    padding: 15px 10px;
}
section#terms{
    font-size: 12px;
    text-align: right;
    width: 32.66666666666667%; /* 32.626316% before */
}

section#twitter a{
    color: #de6133;
}

.twitter-icon{
    margin-left: 29.0323%;
    float: left;
}

.twitter-triangle{
    border-color: #AACC77 transparent transparent #AACC77;
    border-style: solid;
    border-width: 15px;
    z-index: 2;
    float: left;
    margin-left: 1%; 
}

/*404 PAGE*/
#error-page #not-found-inner a, #error-page #not-found-inner a:visited {
        color: white;
        text-decoration: underline;
    }

#not-found-box{
    background: url(./images/lost-box.gif) no-repeat;
    color: #fff;
	width: 98%;
	min-height:302px;
}

#not-found-box h2{
    margin-bottom: 2%;
    line-height: 1em;
}

#not-found-inner{
    padding: 10px;
	float:left;
	width: 63%;
}
#not-found-inner p, #not-found-inner ul li, #not-found-inner ul{
	font-size:12px;
	line-height:120%;
}
#not-found-inner p {
    margin-bottom: 6px;
}

#not-found-box ul{
    font-size: 0.7em;
}
.grid-9{
    width:32.626316%; /* 310 / 950 */
    margin-right: 1.0526%; /* 10 / 950 */
    float: right;
}

#not-found-box .first-padding{
    padding-left: 6%;
}

#not-found-box .second-padding{
    padding-left: 9%;
}

#not-found-box .third-padding{
    padding-left: 13%;
}


/*FORUMS*/

li.bbp-header{
    color: #fff;
}

li.bbp-forum-info a:hover{
    color: #DE6133;
}

#forum-page #bbpress-forums li.bbp-header{
    background: #3F758B;
}

#forum-page label{
    font-size: 1.2em;
}

.bbp-submit-wrapper button{
    background: #3F758B;
    border: none;
    color: #fff;
}

.bbp-submit-wrapper button:hover{
    background: #79A8BE;
}

#forum-page .bbp-submit-wrapper{
    float: left;
    margin-top: 0;
}
#subscription-toggle {
    margin-left: 5px;
}

.bbp-forum-title {
    color: #2497cd;
}

.bbp-topic-permalink {
    color: #2497cd;
}

/********** zarzadzanie profilem *********/
.forms-box{
    width: 80%;
    margin: auto;
}
.forms-box .form-box{
    width: 340px;
    float: left;
    background: #f8fbf0;
    padding: 15px 0;
}
.form-box.full{
    width: 680px;
}
.forms-box .form-box:first-child{
    margin-right: 1%;
}
.forms-box .form-box input, .forms-box .form-box textarea, .forms-box .form-box select{
    width: 40%;
    border: 1px solid #186a92;
    background: #ffffff;
    padding:3px;
    color: #7d7e79;
    font-size: 12px;
    line-height: 13px; 
}
.forms-box .form-box .error input, .forms-box .form-box .error textarea, .forms-box .form-box .error select{
    border-color: #c5080c;
}
.forms-box .form-box textarea{
    height: 73px;
}
.forms-box .form-box select{
    width: 42%;
}
.forms-box .form-box label{
    color: #7d7e79;
    font-size: 11px; 
    line-height: 23px;
    display: inline-block;
    width: 40%;
    margin-right: 2%;
    text-align: right;        
}
.forms-box .form-box a {
    color: #7d7e79 !important;
 }
 .forms-box .form-box table {
    font-size: 12px  !important;
    margin:0 5px;
 }
.forms-box .form-box .error label{
    font-weight: bold;
}

.forms-box .form-box .headline{
    width: 40%;
    text-align: left;
    color: #3F758B;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin-top: 25px;
	margin-left: 15px;
}
.forms-box .form-box .onerow{
    margin-bottom: 8px;
}
.forms-box > .onerow{
    text-align: right;
    width: 100%;
    clear: both;
    padding-top: 20px;
    padding-bottom: 50px;   
}

.form-box .description{
    float:none;
	font-style: italic;
    font-size:11px;
    padding-left: 142px;
    color: #888;
	margin-bottom:20px;
}
.forms-box .singin-button{
    background: #b8d38a; /* #5c844d; */
    display: inline-block;
    padding: 4px 15px;
    margin-left: 6px;
    color: #0f3544;
    font-weight: bold;
    border: 1px solid #3e6f2c;
    font-size: 11px;
}
.forms-box .singin-button:hover{
    background:#648f54; /* #B8D38A ; #5C844D; */
	color: #0f3544;
}
.forms-box .singin-button.invitation-button{
    background: #3d7489;
    border-color: #15435b;
    font-weight: normal;
	color: #fff;
}
.forms-box .singin-button.invitation-button:hover {
    background:#37687d;
}
.map-me {
	margin:auto;
	width:40%;
}
.map-me .map-me-button {
	margin:auto;
	background-color: #b8d38a !important; /* #5C844D */
	color: #0f3544 !important;	
	margin-top:20px;
	margin-bottom:10px;
	padding:0px;
	width:100% !important;
	height:50px;
	font-weight: 700;
	border-color: #3e6f2c !important;
}
.map-me .map-me-button:hover {
	background:#648f54 !important; /* #B8D38A*/
	color: #0f3544;
}
.hide-me {
	height:36px;
	display: block;
	margin:0px;
	padding:0px;
	padding-top:10px;
	margin:auto;
	margin-top: 20px;
	text-align: left;
	background-color:#E8EBE0;
}
.manage-headline {
    text-align: center;
    color: #3F758B;
    font-size: 13px;
    font-weight: bold;
    display: inline-block;
    margin-top: 25px;
	margin-left:15px;
}
.manage-button {
	width:140px;
	margin:auto;
	margin-top:10px;
}
.manage-button a{
	background: #b8d38a;
    display: inline-block;
	width:110px;
    padding: 8px 15px;
	text-align:center;
    margin-left: auto;
    color: #0f3544;
    font-weight: bold;
    border: 1px solid #3e6f2c;
    font-size: 11px;
}
.manage a:hover {
	background-color:#648f54;
	color: #0f3544;	
}
.manage-button.delete a {
	background-color: #aa5555;
	color: #ffffff;
}
.manage-button.delete a:hover {
	background-color: #aa0000;
}


#tabs {
    padding: 0px;
    background: none;
    border-width: 0px;
    font-size: 20px;
}
#tabs ul{
margin-left:100px;
}

#tabs ul li{list-style-type: none;}
#tabs ul li a{color:#ffffff;}
#tabs ul li.ui-tabs-active a{color:#6ca1d4; }
.ui-tabs { position: relative; padding: .2em; zoom: 1;     margin: auto;} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0; margin: 1px .2em 0 0; border-bottom: 0; padding: 0; white-space: nowrap; color:#ffffff; background: #6ca1d4; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none;  color:#ffffff;}

.ui-tabs .ui-tabs-nav li.ui-tabs-active { margin-bottom: -1px; padding-bottom: 1px; background:#ffffff;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-tabs-loading a { cursor: text; color:#6ca1d4; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a { cursor: pointer; color:#6ca1d4; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }

.style-tabs  .ui-tabs-nav {
    padding-left: 0px;
    background: transparent;
    border-width: 0px 0px 1px 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}
 .style-tabs  .ui-tabs-panel {
    border-width: 0px 1px 1px 1px;
}

.style-tabs {
    background: none;
}

#profile_table {
    
    width:500px;
    text-align: left;
}
#profile_table  td p{
    
    text-align: left;
    
}
#profile_table  img{padding: 0 5px;}
#profile_arrows{
/* width: 92%;
height: 40px;
clear: left;
position: relative;
top: -30px; */
	clear:both;
	width:98%;
	max-width:687px;
	position: relative;
	top:-27px;
}

#profile_arrows a{
    color: #5C844D;
}
#profile_arrows a:hover{
    color: #B8D38A;
}


.profile_avatar img{
    text-align:center;
    display:block;
    border:1px solid #4776a2;
    background:#6ca1d4;
    padding:5px;
    margin:5px;
}
div.avatar-container img.profile_page{
    text-align:center;
    display:block;
    border:0px solid #4776a2;
    background:#6ca1d4;
    padding:0;
    margin:0;
}
.prev-tab{ /* float:left; width:20px;height:20px;font-size:60px; margin-left:20px;} */
	background-image: url(./images/arrow_prev.png);
	width:70px;
	height:25px;
	float:left;
	background-position: 0 0;
	margin:0px;
}

.next-tab{ /* float:right; width:20px;height:20px;font-size:60px;margin-right:20px;} */
	background-image: url(./images/arrow_next.png);
	width:70px;
	height:25px;
	float: right;
	background-position: 0 0;
	margin:0px;
} 
.next-tab:hover, .prev-tab:hover { background-position: 0 -25px; }

#mask {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
  z-index:90000;
  background-color:#000;
  display:none;
  opacity:0.8;
}
  
#boxes {
    z-index:90001;
}  
#boxes .window, #boxes .window-warning, #boxes .chat-error-window {
  position:fixed;
  display:none;
  z-index:99990;
  -moz-box-shadow: 0 0 15px 2px; 
  -webkit-box-shadow: 0 0 15px 2px ;
  box-shadow: 0 0 15px 2px ;
  width: auto;  
  background-color:#ffffff;
}

#boxes .dialog {

}

#boxes .feed-heading {
    margin-bottom: 10px;
    position: relative;
    min-height: 25px;
    float: left;
    width: 100%;

}
#boxes .feed {
    background: url(images/search-question-break.jpg) no-repeat right #79a8be;
width: 90%;
float: left;
height: 25px;
color:white;
text-align: center;
line-height: 25px;
}

#boxes .heading {
    background: #3f758b;

background-size: 100%;
background-repeat: no-repeat;
width: 10%;
float: left;
color: white;
text-align: right;
font-size: 0.7em;
font-weight: bold;
height: 25px;
}
#boxes .heading .close {
    line-height: 25px;

    margin-right: 10px;
    color:#eee;
}
#boxes p {
    font-size:11px;
}
#boxes .dialog-content {
    width:auto;
}

#boxes .buttons{

    text-align:center;
}

.forms-box .form-box input.social{
border: 1px solid #f8fbf0;
background: #f8fbf0;
padding:0px;

}


#member-companies tr td { 
    padding: 0 15px 15px 15px; 
    vertical-align: middle;
}
        .meter { 
            height: 5px;  /* Can be anything */
            clear:both;
            position: relative;
            margin: 0 5px;
            background: #3E6F2C;
            -moz-border-radius: 25px;
            -webkit-border-radius: 25px;
            border-radius: 25px;
            padding: 1px;
            -webkit-box-shadow: inset 0 -1px 5px rgba(0,0,0,0.3);
            -moz-box-shadow   : inset 0 -1px 5px rgba(0,0,0,0.3);
            box-shadow        : inset 0 -1px 5px rgba(0,0,0,0.3);
        }
        .meter > span {
            display: block;
            height: 100%;
               -webkit-border-top-right-radius: 20px;
            -webkit-border-bottom-right-radius: 20px;
                   -moz-border-radius-topright: 20px;
                -moz-border-radius-bottomright: 20px;
                       border-top-right-radius: 20px;
                    border-bottom-right-radius: 20px;
                -webkit-border-top-left-radius: 20px;
             -webkit-border-bottom-left-radius: 20px;
                    -moz-border-radius-topleft: 20px;
                 -moz-border-radius-bottomleft: 20px;
                        border-top-left-radius: 20px;
                     border-bottom-left-radius: 20px;
            background-color: rgb(43,194,83);
            background-image: -webkit-gradient(
              linear,
              left bottom,
              left top,
              color-stop(0, rgb(43,194,83)),
              color-stop(1, rgb(84,240,84))
             );
            background-image: -moz-linear-gradient(
              center bottom,
              rgb(43,194,83) 37%,
              rgb(84,240,84) 69%
             );
            -webkit-box-shadow: 
              inset 0 2px 9px  rgba(255,255,255,0.3),
              inset 0 -2px 6px rgba(0,0,0,0.4);
            -moz-box-shadow: 
              inset 0 2px 9px  rgba(255,255,255,0.3),
              inset 0 -2px 6px rgba(0,0,0,0.4);
            box-shadow: 
              inset 0 2px 9px  rgba(255,255,255,0.3),
              inset 0 -2px 6px rgba(0,0,0,0.4);
            position: relative;
            overflow: hidden;
        }
        .meter > span:after, .animate > span > span {
            content: "";
            position: absolute;
            top: 0; left: 0; bottom: 0; right: 0;
            background-image: 
               -webkit-gradient(linear, 0 0, 100% 100%, 
                  color-stop(.25, rgba(255, 255, 255, .2)), 
                  color-stop(.25, transparent), color-stop(.5, transparent), 
                  color-stop(.5, rgba(255, 255, 255, .2)), 
                  color-stop(.75, rgba(255, 255, 255, .2)), 
                  color-stop(.75, transparent), to(transparent)
               );
            background-image: 
                -moz-linear-gradient(
                  -45deg, 
                  rgba(255, 255, 255, .2) 25%, 
                  transparent 25%, 
                  transparent 50%, 
                  rgba(255, 255, 255, .2) 50%, 
                  rgba(255, 255, 255, .2) 75%, 
                  transparent 75%, 
                  transparent
               );
            z-index: 1;
            -webkit-background-size: 50px 50px;
            -moz-background-size: 50px 50px;
            background-size: 50px 50px;
            -webkit-animation: move 2s linear infinite;
            -moz-animation: move 2s linear infinite;
               -webkit-border-top-right-radius: 20px;
            -webkit-border-bottom-right-radius: 20px;
                   -moz-border-radius-topright: 20px;
                -moz-border-radius-bottomright: 20px;
                       border-top-right-radius: 20px;
                    border-bottom-right-radius: 20px;
                -webkit-border-top-left-radius: 20px;
             -webkit-border-bottom-left-radius: 20px;
                    -moz-border-radius-topleft: 20px;
                 -moz-border-radius-bottomleft: 20px;
                        border-top-left-radius: 20px;
                     border-bottom-left-radius: 20px;
            overflow: hidden;
        }
        
        .animate > span:after {
            display: none;
        }
        
        @-webkit-keyframes move {
            0% {
               background-position: 0 0;
            }
            100% {
               background-position: 50px 50px;
            }
        }
        @-moz-keyframes move {
            0% {
               background-position: 0 0;
            }
            100% {
               background-position: 50px 50px;
            }
        }
        .nostripes > span > span, .nostripes > span:after {
            -webkit-animation: none;
            background-image: none;
        }

        .progressbar{
            margin: 0 5px;
            width: 70%;
            margin:auto;
        }
        .progressbar h2{
            color:#3F758B !important;
            background:none !important;
            padding: 0 5px !important;
            margin: 0 !important;
        }

        .progressbar a {
            font-size: 10px;
            float:right;
        }

        .progressbar #learn-more{
            clear:both;
        }

/************ Mascots **************/
#coco-user-panel {
        width:286px;
        height:276px;
        margin:auto;
        background-image: url(./images/mascots/coco-1.png);
        background-repeat: no-repeat;
        
        background-position: bottom right;
}
#head-user-panel {
    width:320px;
    height:280px;
    margin-right:10px;
    margin-bottom:10px;
    background-image: url(./images/mascots/head-1.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.page-id-125 #article-page {
    background-image: url(./images/mascots/head-2.png);
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 90%;
}
.login-box.white {
    background-image: url(./images/mascots/fish-2.png);
    background-repeat: no-repeat;
    background-position: bottom right;
}
.tribe-events-event-colum-with-mascot { width: 25%; float: left;}
.tribe-events-event-meta-mascots {
    min-height: 130px;
    background-image: url(./images/mascots/cat-2.png);
    background-position: top right;
    background-repeat: no-repeat;
}

.roadmap-fish {
    width: 600px;
    height: 200px;
    background-image: url(./images/mascots/fish-4.png);
}


/* =============================================================================
   Plugins
   ========================================================================== */

.mc-hide-scrolls{overflow:hidden}body .mc-cycle{height:100%;left:0;overflow:hidden;position:fixed;top:0;width:100%;z-index:-1}div.mc-image{-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover;background-position:center center;background-repeat:no-repeat;height:100%;width:100%}


/* ==|== media queries ======================================================
   EXAMPLE Media Query for Responsive Design.
   This example overrides the primary ('mobile first') styles
   Modify as content requires.
   ========================================================================== */



/* ==|== non-semantic helper classes ========================================
   Please define your styles before this section.
   ========================================================================== */

/* For image replacement */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; *line-height: 0; }
.ir br { display: none; }

/* Hide from both screenreaders and browsers: h5bp.com/u */
.hidden { display: none !important; visibility: hidden; }

/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }

/* Extends the .visuallyhidden class to allow the element to be focusable when navigated to via the keyboard: h5bp.com/p */
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }

/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }

/* Contain floats: h5bp.com/q */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { *zoom: 1; }



/* ==|== print styles =======================================================
   Print styles.
   Inlined to avoid required HTTP connection: h5bp.com/r
   ========================================================================== */

@media print {
    * { background: transparent !important; color: black !important; box-shadow:none !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } /* Black prints faster: h5bp.com/s */
    a, a:visited { text-decoration: underline; }
    a[href]:after { content: " (" attr(href) ")"; }
    abbr[title]:after { content: " (" attr(title) ")"; }
    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; }  /* Don't show links for images, or javascript/internal links */
    pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
    thead { display: table-header-group; } /* h5bp.com/t */
    tr, img { page-break-inside: avoid; }
    img { max-width: 100% !important; }
    @page { margin: 0.5cm; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }
}


.last{
    margin: 0px!important;
}



@media only screen and (min-width: 481px){
    .no-touch nav.menu-main-menu-container ul li:hover ul.sub-menu{
        display: block;
    }


}

@media only screen and (min-width: 950px){
    #page{
        width: 980px;
    }

    #wrapper{
        width: 950px;
    }

}

/*MENU FIX*/
@media only screen and (max-width: 950px){
    .login-box{
        height:100%;
		
    }
     #logo img {margin:0;}


    #error-page .grid-16{
        width: 58%;

    }

    .grid-9.last{
        display:none;
    }

    #error-page #not-found-box{
        background: #79A8BE;
    }

    #error-page #not-found-inner{
        width: auto;
        border: 5px solid #3F758B;
    }
    

    #error-page .first-padding, #error-page .second-padding, #error-page .third-padding{
        padding-left: 0px;
    }
	
	.login-box.blue{
    width: 50%;   
    height: 100%;
	float:left;
    margin-top: -5px;
    margin-bottom: -8px;
    background: #79a8be;   
    border-color: #79a8be #dfebf0 #afcbd8 #99bccd;  
	}
	.login-box.grey {
	width:70%;
	margin:0px;
	float:left !important;
	}
	#profile_arrows{
	width:340px;
	}
	
}



@media only screen and (max-width: 768px){
    /*MENU SMALLER*/
        .login-box{
        height:auto;
        float:none;
        margin:0;
        width:100%;
    }
    #logo{float:none; height:120px;}
    #logo img {margin:0;}
    nav.menu-main-menu-container ul li.last-menu-item{
    }
	#logo-img {
	width:80%;
	}

    .landing-page img.attachment-post-thumbnail {
        display: none;
    }
    #landing-page-box {
        background-image: none !important;
        background-color: #FFFFE0;
        display: block;
        text-align: center;
        border: 1px solid #E6DB55;
        padding:10px;
        color: black !important; 
        width: 95% !important;
        height: auto !important;
        margin: 0px !important;
        margin: auto;
    }
    .landing-page-content {
        width: 95%;
    }
    .landing-page-content h1 {
        color: black !important;
    }

    #home-articles ul li {
        width: 100% !important;
    }

    .minor_article {
    width: 100%;
    clear:both;
    }

    .roadmap-fish { background-image: none; width: 0px;height: 0px; }

    .tribe-events-event-colum-with-mascot { width:1px; float: left;}
    .tribe-events-event-meta-mascots { background: none !important;}
    .contact-cloud {
        background-image: none !important;
        width: auto !important;
        height: auto !important;
        padding: 0px;
        margin:0px;
        color: #000 !important;
    }
    .contact-cloud a, .contact-cloud a:visited {
        color: #ffffff !important;
        text-decoration: underline !important;
    }
    .contact-mascot-fish, .contact-mascot-buffalo {
        background-image: none !important;
        width: 1px !important;
        height: 1px !important;
    }

    #hero .cat, #hero .bull, #hero .fish, #hero .parrot, #hero .slider1 { 
        padding-left: 3px;
    }
    #hero p {      
        margin: 15px auto 10px auto;
    }
   
    aside#hero { width: 100%; }
    aside#hero img {width: 100%;}

    article.block-news{

        width: 49%;
    }

    aside#hero #hero-content h1{
        font-size: 1.5em;
        line-height: 1em;
    }
    aside#hero #hero-content2 h1{
        font-size: 1.5em;
        line-height: 1em;
    }

    .download-triangle {
        border-width:90px;
        width: 30%;
        margin: auto;
        background-image: none;
        color:#5C844D;
        font-weight: 700;
        text-align: center;
        float: none;
        clear: both;
        position:static;
    }
    .download-triangle a {
        color:#5C844D;
        font-weight: 700;
    }

    .big{
        border-width:96px;
    }

    .download-message{
        font-size: 0.9em;
        text-align: center;
        float: none;
    }

    .download-triangle .download-icon{
        display: none;
    }

    .home .grid-8{
        width: 49.5%;
        margin-bottom: 1.0526%;
        margin-right: 1%;
		
    }

    .grid-8.last{
        width: 100%;
    }
	.grid-9.last{
        display:none;
    }

    .grid-16{
        width: 100%;
    }
    .login-big-form .login-box{
        margin: auto;
        float: none;
    }
    section#homepage-feed section{
        /*min-height: 180px;*/
    }

    section#jobs, section#forums{
        margin-right: 0px;
    }

    section#events h3{
        padding: 1.3158% 0px 1.3158% 40px; /*10 / 7690 & 40 / 760 */
    }

    section#terms{
        width: 49.5%;
    }

    section#footer-logo{
        width: 49.5%;
        margin-right: 1%;
    }


    footer{
        height: 180px;
    }

    section#twitter{
        position: absolute;
        width: 100%;
        bottom: 0;
    }
    section#twitter article {
        min-height: 60px;
    }
    section#twitter article p {
        padding-top: 10px;
    }

    .message{
        display: none;
    }
	.login-box.blue {
        margin-left: auto;
        margin-right: auto;
        clear: both;
        float: none;
    }
    .login-box.white {
	   background-image: none !important;
	   height:132px;
        margin-left: auto;
        margin-right: auto;
        clear: both;
        float: none;
	}
	.page-id-197 .grid-16 img {
        display: none;
    }
    #news_article table {
    width: 97.5%;
    clear: both;
    }

     #home-articles ul li.last-feed {
        display: none;
    }

    #tribe-events-content {
        padding: 0 !important;
    }

    .tribe-events-events .tribe-events-event-list-meta {
        padding:0 3% 0 1% !important;
    }

    .tribe-events-event-list-meta table, .tribe-events-event-list-meta table tr {
        width: 99%;
    }
    .ui-chatbox-log {
        height: 150px !important;
    }

}

@media only screen and (max-width: 480px){

    #page{
        position: relative;
    }

    #wrapper{
        position: relative;
        overflow: hidden;
    }
    h1{
        font-size: 1em;
        margin-bottom: 2.3789474%;
    }

    #login{
        background-image: none;
        background: #3F758B;
        margin-top: 10px;
    }

    #login p{
        margin-bottom: 0px;
    }

    #login p.line-2{
        display: none;
    }
    
    #login-using-social {
        height: 40px;
        width: 100.2%;
    }

    video{
        display: none;
    }
    
    aside#hero {
        height: ;
    }
    aside#hero img {display: none; background:none;}
    #hero p {
        font-size: 12px;
        margin: 10px auto 10px auto;
    }
    #hero h1 {
        font-size: 14px;
    }
    #hero .slider1, #hero .cat, #hero .parrot, #hero .bull, #hero .fish {
        padding-left: 0px;
        background-image: none;
    }

    aside#hero #hero-content h1{
        font-size: 2em;
        line-height: 1em;
    }

    .download-triangle, .download-message, section#question, #characters,.login-box.white .box-header{
        display: none;
    }

    section#search{
        width: 100%;
        background-image: none;
    }

    .home .grid-8{
        width: 100%;
        margin-bottom: 1.0526%;
        margin-right: 0;
    }

    section#homepage-feed section{
        min-height: 0;
    }
    #home-articles ul li.first {
        margin-bottom: 5px;
    }

    .block-article-inner .big-triangle{
        display: none;
    }


    #logo{
        height: auto;
        margin-bottom: 10px;
    }

   #logo img {
transition: width 1s;
-moz-transition: width 1s;
-webkit-transition: width 1s;
-o-transition: width 1s;
margin-left: 20px;
margin-top: -20px;
}

    .featured-image{
        display: none;
    }

    .article-wrapper{
        width: 100%;

    }

    .article-wrapper p{
        display: none;
    }

    .article-wrapper .time-date{
        display: none;
    }

    .article-wrapper a{
        padding: 1.0526% 0px;
        /*float: left;*/
    }

    section#search input#s{
        width: 50%;
    }
    
    footer{
        height: 400px;
    }
    footer section {
        min-height: 200px;
    }
    section#twitter article {
        min-height: 50px;
    }



    /*MENU*/

    #alt-menu{
        display: block;
        position: absolute;
 /*       top: 26px;
        right: 28%; */  
		bottom:0.1%;
		left:40%; 		
        cursor: pointer;
        background:#79A8BE;
        padding: 5px 0px;
        width: 70px;
        text-align: center;
		border: 3px solid #fff;
    }
    
    #login{
        width: 70px;
    }

    #alt-menu a{
        font-family: 'UbuntuRegular', serif;
        color: #fff;
    }

    #alt-menu .open{

    }

    #alt-menu .closed{

    }

	/****** LOGIN BOX *******/
	.login-box {
    margin-bottom: 45px !important;
    }

    .login-box.white {
	height:50px;
	}
	.login-box.blue{
    width: 100%;   
    height: 180px;
	float:none;
    margin-top: -10px;
    background: #79a8be;   
    border-color: #79a8be #dfebf0 #afcbd8 #99bccd;  
	}
	.login-box.grey {
	width:60%;
	margin:0px;
	float:left !important;
	}
	.login-box.grey  .box-header {
	padding:0px !important;
	margin:0px !important;
	}

    /*NEWS MINI*/
    article.block-news{
        width: 100%;
    } 

    .read-story{
        display: none;
    }

    .shadow{
        height: 14px;
    }

    .block-article-wrapper h3{
        margin-bottom: 0;
        font-size: 1em;
    }

    .block-article-wrapper h3{
        display: none;
    }

    .block-article-wrapper h3.mobile{
        display: block;
    }

    .block-article-inner, .block-time-date {
        padding: 5px;
    }

    .shadow{
        display: none;
    }

    .block-article-content{
        display: none;
    }

    #error-page #not-found-box{
        background: #79A8BE;

    }

    #error-page #not-found-inner{
        width: auto;
    }

    #error-page .grid-16{
        width: 100%;
    }

    #error-page #figure{
        display: none;
    }
    /*forms*/
    .forms-box .form-box{
        width: 100%;
        clear: both;
        margin: 0;
        margin-bottom: 5px;
    }
    .page-id-125 #article-page {
        background-image: none !important;
    }
}

/*******************************************/
/* ZAWARTOŒÆ TABEL Z ARTYKU£AMI */
/******************************************/
#top_hot_news {
	list-style-type:none;
	max-width:100%;
	background-color:white;
	padding:0px 10px 0px 0px;
	margin-bottom:0;
	margin-left: -2px;
}
#news_article_left {
	list-style-type:none;
	margin-bottom:5px;
	margin-right:5px;
	margin-left:-2px; 
}
#news_article_right {
	list-style-type:none;
	margin-bottom:5px;
	margin-left:5px;
	margin-right:10px; 
}
/*==============================ADD NEWS=================================*/
nav.menu-main-menu-container ul li ul.sub-menu li:last-child {
    border: none !important;
}
.spacer {
    display: block;
    clear: both;
    margin-bottom: 10px;
    
}
#sidebar .spacer {
    margin-bottom: 20px;
    border-top: 2px solid #b8d38a;
    margin-top: 20px;
}

.tag-this .ui-autocomplete-input {
    border: none;
    border-bottom: 2px solid #3f758b;
    display: block;
    padding-left: 20px;
    padding-right: 20px;
    width: 85%;
    padding-bottom: 5px;
    margin-bottom: 5px;
}
.tag-this .ui-autocomplete-input:focus {
    outline: none;
}
.tag-this form {
    display: block;
    margin-bottom: 10px;

}
.tagthis-taglist {
    clear: both;

}
.tag-this form input {
    float: right;

}
#addnewsbox {
    display: block;
    background: #bbb;
    border-bottom: 13px solid white;
    overflow: hidden;
    position: relative;
    
}
#addnewsbox #postbox {
    padding: 3px;
    position: relative;
    display: block;
}
#addnewsbox #postbox .xtri {
    top: -34px;
}
#addnewsbox .newsok {
    display: none !important;
}
#addnewsbox > h3 {
background: url(./images/news-icon.gif) no-repeat left #e6e7e8;
padding-top: 9px; padding-bottom: 0px; height: 24px;
padding-left: 40px;
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
.xtri {
    background: url(./images/x-triangle.gif) no-repeat top transparent;
width: 78px;
height: 78px;
position: absolute;
z-index: 10;
top: 0px;
right: 0px;
cursor: pointer;
}


.xtri:hover{
     background: url(./images/x-triangle.gif) no-repeat bottom transparent;
}
    
.whitecont {
    background: white;
    padding: 20px;
}

#yournews {
    padding: 0px;
    width: 100%;
}
#yournews > ul > li {
    display: block;
    padding-left: 48px;
    min-height: 52px;
    padding-right: 20px;
    position: relative;
}
#yournews .rejected {
    background: url(./images/reject.png) no-repeat left center;
    
}
#yournews .published {
    background: url(./images/published.png) no-repeat left center;
    
}
#yournews .pending {
    background: url(./images/waiting.png) no-repeat left center;
    
}
.pagetitle {
    color: #333;
    text-transform: capitalize;
    font-weight: bold;
    font-size: 18px;
    display: block;
    margin-bottom: 10px;
    
}
.listtitle {
    color: #004D8C;
    padding-top: 10px;
    display: block;
    
}
.listtitle a{
    color: #004D8C;
    
}
.listtitle a:hover {
    color: white !important;
}
#yournews li p {
    margin: 0px;
    color: white;
    min-height: 17px;
    margin-top: 4px;
    margin-bottom: 5px;
    float: left;
    margin-bottom: 5px;
    
}
.newsoptions {
float: left;
margin-left: 48px;
color: #3f758b;
margin-top: 2px;
display: inline-block;
cursor: pointer;
}
#yournews .dotter {
    clear: both;
    display: block;
    width: 100%;
    border-bottom: 1px dotted white;
    height: 0px;
    
}
#yournews > ul > li:last-child .dotter {
    display: none;
    
}
#yournews .pager {
    margin: 0px;
    display: block;
    width: 100%;
    background: #cccccc; 
    padding-top: 1px;
    padding-bottom: 1px;
    clear: both;

    
}
#yournews .pager a {
    display: inline-block;
background: #bbbbbb;
color: white;
font-size: 12px;
padding-top: 3px;
padding-bottom: 3px;
width: 20px;
text-align: center;
margin-right: -1px;
overflow: hidden;
margin-left: 0px;
    
}
#yournews .pager a:first-child {
    margin-left: 35px;
}
#yournews .pager .active {
    background:  #7e7e7e;
}
#usernewsinfo {
    padding-left: 14px;
    padding-bottom: 20px;
    
}
#usernewsinfo strong a {
    color: black;
    display: block;
    text-transform: uppercase;
    margin-bottom: 5px;
    
}
#usernewsinfo span {
    display: block;
    margin-top: 5px;
    margin-left: 10px;
}

#legend li {
    display: inline-block;
    width: 314px;
    text-align: center;
    font-size: 14px;
    padding-top: 20px;
    padding-bottom: 20px;
    height: 14px;
    margin-bottom: 20px;
    
}
#legend .rejected {
    background: url(./images/reject.png) no-repeat 0px center;
    
}
#legend .published {
    background: url(./images/published.png) no-repeat 0px center;
    
}
#legend .pending {
    background: url(./images/waiting.png) no-repeat 0px center;
    
}
.heightauto {
    height: auto !important;
    
} 
#yournews .newsedytor {
    width: 100%;
    padding: 0px;
    display: none;
    color: black;
    
}
#yournews .newsedytor p {
    color: black;
    float: none;
    
}
#yournews .newsedytor h3{
    background: #3f758b;
    background: -moz-linear-gradient(225deg, transparent 10px, #3f758b 10px););
    background: -o-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background: -webkit-linear-gradient(225deg, transparent 10px, #3f758b 10px);
    background-position: bottom left, bottom right, top right, top left;
    -moz-background-size: 100%;
    -webkit-background-size: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 5px;
    color: white;
    margin-bottom: 10px;
    
}
.newsalert {
background: #e6e7e8;
font-family: Tahoma, sans-serif;
color: #b54141;
display: block !important;
font-size: 12px;
padding-top: 7px;
width: 100%;
text-align: center;
min-height: auto !important;
padding: 3px 0px 9px !important;
position: relative;
text-indent: -25px;
    
}
.newsalert span {
display: inline-block;
background: url(./images/msg.png) no-repeat;
width: 22px;
height: 19px;
margin-right: 15px;
position: relative;
top: 4px;
    
}
.newsok {
background: #e6e7e8;
font-family: Tahoma, sans-serif;
color: #3e6f2c;
display: block !important;
font-size: 12px;
padding-top: 7px;
width: 100%;
text-align: center;
min-height: auto !important;
padding: 3px 0px 9px !important;
position: relative;
text-indent: -25px;
    
}
.newsok span {
display: inline-block;
background: url(./images/okmsg.png) no-repeat;
width: 22px;
height: 19px;
margin-right: 15px;
position: relative;
top: 4px;
    
}
.newsalert a {
    margin-left: 20px;
color: #b54141 !important;
border-bottom: 1px dashed #b54141;
padding-bottom: 2px;
    
}
.xalert {
    background: url(./images/xclose.png) no-repeat;
width: 34px;
height: 34px;
position: absolute;
z-index: 10;
top: 0px;
right: 0px;
cursor: pointer;
}
.newsedytor a.green-button  {
    background: #b8d38a;
    display: inline-block;
    padding: 5px 10px 3px;
    color: #042f15!important;
    border: 1px solid #3e6f2c;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
}
.formaddnew a.green-button {
    background: #b8d38a;
    display: inline-block;
    padding: 5px 10px 3px;
    color: #042f15!important;
    border: 1px solid #3e6f2c;
    font-size: 12px;
    font-weight: normal;
    line-height: 15px;
    
}
.catalert {
    background: none;
    padding-right: 0px;
    padding-bottom: 0px;

}
.addnews_btn {
    display: block;
    margin: 10px 0 10px 0;
    margin-left: 28%;
}
.catalert p {
    display: block;
    border: 1px solid #e8de5f;
    background: #ffffe0;
    position: relative;
    color: #b54141 !important;
    font-family: Tahoma, sans-serif;
    font-size: 12px;
    text-align: justify;
    padding: 3px;
    margin-bottom: 5px;
}
.catalert p span { 
    display: none !important;
}
.catalert.ok p {
    background: #e2ffe0 !important;
    border: 1px solid #76e966 !important;
    color: black !important;

} 
.catalert.ok p span {
    background: url(./images/tooltipnewsok.png);
}
.catalert p span {
    display: block;
    background: url(./images/tooltipnews.png);
    position: absolute;
    width: 46px;
    height: 32px;
    bottom: -29px;
    right: 0px;

}
#ushallnotpass {
    display: block;
    width: 100%;
    height: 100%;
    background: white;

}
#ushallnotpass .cent {
    float: right;

}
#ushallnotpass .cent p:first-child {
    display: inline-block;
    background: url(./images/lalert.png);
    margin: 0px !important;
    width: 37px;
    float: left;
    height: 163px;

}
#ushallnotpass .cent p {
    display: inline-block;
    background: url(./images/calert.png) repeat-x;
    margin: 0px !important;
    float: left;;
    height: 163px;
    color: white;
    float: left;

}
#ushallnotpass .cent p span {
    min-width: 225px;
    max-width: 500px;
    text-align: justify;
    display: block;
    padding-top: 20px;


}
#ushallnotpass.jobinfo .cent p:first-child {
    display: inline-block;
    background: url(./images/lalert.png);
    margin: 0px !important;
    width: 30px;
    float: left;
    height: 163px;
}

#ushallnotpass.jobinfo {
    margin-left: -150px;
    background: transparent;
}

@media only screen and (min-width: 768px) and (max-width: 995px) {
    #ushallnotpass .cent p span {
        width: 357px;
    }
}
@media only screen and (max-width: 767px) {
    #ushallnotpass .cent p span {
        width: 200px;
        font-size: 10px;
        line-height: 13px;
        padding-top: 7px;
    }
    #ushallnotpass > span {
        display: none !important;

    }
}
#ushallnotpass .cent p:last-child {
    display: inline-block;
    background: url(./images/ralert.png);
    margin: 0px !important;
    width: 78px;
    float: left;
    height: 163px;

}
#ushallnotpass > span {
    display: block;
    float: right;
    width: 121px;
    height: 126px;
    margin-right: 80px;
    margin-bottom: 20px;

}
#ushallnotpass #helper1 {
    background: url(./images/helper1.png) no-repeat;
}
#ushallnotpass #helper2 {
    background: url(./images/helper2.png) no-repeat;
}
#ushallnotpass #helper3 {
    background: url(./images/helper3.png) no-repeat;
}
#ushallnotpass #helper4 {
    background: url(./images/helper4.png) no-repeat;
}
em {
    font-style: italic;;

}
.whitespace li {
    list-style: outside dotted;
    display: block;
    margin-bottom: 5px;
    padding: 0px !important;
}

/****************** Styl Artykolow w tabelach ******************/
.title_h3 {
	line-height:120%;
	font-weight:bold;
	margin:10px 0px;
	cursor:pointer;
}

.table_with_articles {
	border:solid 1px rgb(200,200,200);
	width:100%;
	line-height: 140%;	
}

.table_with_articles tr td {
	padding:0px 10px;
}

.table_with_ico tr td {
	padding: 5px 0px 0px 0px !important;
}

.table_with_host tr td td{
	padding: 2px 0px 5px 0px !important;
}

.article_published {
	font-style:italic;
	font-size:10px;
	color:rgba(0,0,0,0.4);
}

/**************************************** JOBS  *****************************************/

.joblabel { width: 270px !important; }

.job-table.highlighted {
	background: #fff;
}
.job-table tr {
    border-bottom: 1px dotted #ccc !important;
}
.job-table td {
    padding-left: 5px !important;
}
.job-table th {
	color:#3F758B;
	border-right: 1px dotted #ccc !important;
	text-align: right !important;
	padding-right:5px;
}
.job-table p.lead {
	font-weight: 200;
}
.job-table p {
	text-align: justify;
	line-height: 140%;
}
.job-table strong, .job-apply-table strong {
	color:#3F758B;
	font-weight: 700;
}
.job-table ul {
	text-align: left;
}
.job-table ul li {
	margin-left:20px;
	line-height: 160%;
	text-indent:10px;
}
.job-title h3, .job-title h3 a {
	margin:0px !important;
	padding:0px !important;
	text-align:center;
	color:#3F758B;
	text-transform: uppercase;
	letter-spacing:0.5px;
}
.job-title h3 a:hover {
	color:#b8d38a !important;
}

.jobapplycv span.headline {

  color: #3F758B;
  display: block;
  font-weight: bold;

}

#ui-datepicker-div { display: none; }
.jobavatar .headline { display: none; }
.jobavatar .avatar { margin-left: 34px; }
.jobavatar #user-avatar-remove { display: none; }
.jobavatar #user-avatar-link { margin-left: 0px !important; }

.jobsthumbimg img { display: block; margin: auto; }
.jobsthumbimg .image{
    width:200px;
    height:200px;
    margin-left:50px;
}
/************ Listowanie prac *********/
#jobman_login {
    background-color: #BAD38E;
    padding: 15px !important;
    margin-bottom:30px;
    border: 1px solid #5C844D;
}
#jobman_login a {
    color:#3F758B;
}
#jobman_login a:hover {
    color:#79A8BE;
}
#jobman_login .job-apply-info {
    margin-bottom:15px;
    text-align: left;
    line-height: 130%;
    color:#3F758B;
}
#jobman_login input.submit {

    width: 80px;
    color: #fff;
    text-align: center;
    margin-bottom: 15px;
    background:#3F758B;
}
#jobman_login input.submit:hover {
    background-color: #79A8BE;
}
.job-listing {
    margin-top:10px;
/*    background-image: url(./images/jobs-icon2.gif);
    background-position: 5px 5px;
    background-repeat: no-repeat;*/
}
.job-listing .job-h3-underline {
    width:50%;
    height: 1px;
    border-top: 1px dotted #ccc;
}
.job-listing .job-title {
    padding-left: 30px !important;
}
.job-listing .job-title h3 {
    margin-top:3px !important;
}
.job-listing .job-title h3, .job-listing .job-title h3 a, .job-lisiting .job-listing-properities {
    text-align: left !important;
}
.job-listing .job-listing-properities {
    font-size:1em;
    line-height: 130%;
    color: #3F758B;
    padding: 2px 0 2px 30px !important;
}
.job-listing.highlighted {
    background-color: #eeeeff;
}
.jobs-applynow {
	font-size: 2em;
	height:24px;
}
.jobs-applynow #applynow-button {
	background: #b8d38a; /* #5c844d; */
	width: 20%;
    font-size: 11px;
    color: #0f3544 ;
	margin:auto;
    padding: 6px 0px;
	padding-bottom:10px;
    border: 1px solid #3e6f2c; 
}
#applynow-button {
	font-weight: bold;
}
#applynow-button:hover {
	background:#648f54; /* #B8D38A ; #5C844D; */
}

/* individual job view */
.job-apply-table {
	width:100%;
}
.job-apply-table tr h3 {
	color:#3F758B;
	font-size:1em;
	font-weight:700;
	border-bottom: 1px dotted #ccc !important;
	text-align:center;
	padding-bottom:5px;
	margin-top:10px;
}
.job-apply-title, .job-apply-title a {
	text-align:center !important;
	margin-right:33%;
	color:#3F758B;
	font-size:1.2em;
	text-transform: uppercase;
	letter-spacing:0.5px;
}
.job-apply-title a:hover {
	color:#b8d38a !important;
}
.job-apply-table .job-apply-title tr h3 {
	border: none !important;
}
.job-apply-info {
	font-style: italic;
	color: #aaa;
    text-align: center;
}
.job-apply-table tr th {
	color:#3F758B;
	text-align: right !important;
	padding-right:5px;
	width:20% !important;
}
.job-apply-table td input , .job-apply-table td textarea {
	float:left;
	margin-left:10%;
	width:50%;
}
.job-apply-table .job-apply-checkbox-tr {
    margin-top:20px;
}
.job-apply-table .job-apply-checkbox {
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 10px !important;
    padding-left: 10%;
    margin: 5px 0 !important;
}
.job-apply-table .job-apply-checkbox input {
    width:10px;
    height: 10px;
    margin-left: 25%;    
}
.job-apply-submit {
	clear: both;
	text-align: center;
}
.job-apply-submit input {
	height:30px;
	width:20%;
	min-width:135px;
	margin-top:30px;
	color: #042f15;
	font-weight: bold;
	font-size: 11px;
	background: #b8d38a; /* #5c844d; */
    padding: 6px 0px;
	border: 1px solid #3e6f2c; 
}
.job-apply-submit input:hover {
	background:#648f54; /* #B8D38A ; #5C844D; */
	color: #0f3544;
}
.job-apply-mandatory {
	display: none;
}

.jobman-message {
    line-height: 140%;
}

.jobsendbtn {

  background: none repeat scroll 0 0 #AACC77;
  border-radius: 5px;
  color: #FFFFFF !important;
  display: block;
  font-size: 18px;
  font-weight: bold;
  margin: 10px auto 0;
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
  width: 130px !important;
  border: none !important;

}


/*********** Add Job **********/
#wpuf-post-area {
	color:#3F758B;
}
#wpuf-post-area form ul li {
        list-style: none;
        margin-bottom: 20px;
}
#wpuf-post-area form ul > li:first-child {
    border-bottom: 1px dotted #ccc;
}
#wpuf-post-area form ul > li:last-child {
    border-top: 1px dotted #ccc;
}
#wpuf-post-area ul li label {
	text-align: right;
	margin-right:5px;
    margin-top: 6px;
}
#wpuf-post-area ul li label .required {
    color: #3F758B !important;
}
#wpuf-post-area input, #wpuf-post-area textarea, #wpuf-post-area select {
	width:50%;
}
#wpuf-post-area textarea {
    height: 160px;
}
#wpuf-post-area .wpuf_submit {
	height:30px;
	width:20%;
	min-width:135px;
	margin-top:30px;
    margin-left: 14%;
	color: #042f15;
	font-weight: bold;
	font-size: 11px;
	background: #b8d38a; /* #5c844d; */
    padding: 6px 0px;
	border: 1px solid #3e6f2c; 
}
#wpuf-post-area .wpuf_submit:hover {
	background:#648f54;
	color: #0f3544;
}
.wpuf-post-form input[type=submit], .wpuf-submit, .wpuf-button {
    text-shadow: none !important;
}
	
/******** SearchJob ***********/
.searchJob {
    display: none;
	width: 100%;
	margin:auto;
	padding-bottom:18px;
}
.searchJob h3 {
	margin-bottom: 10px;
}
#searchJob {
	width:93%;
	margin:auto;
}
.searchJob input {
	width:80%;
	float:left;
	margin-top:8px;
}
.searchJob label {
	width: 80%;
	float:left;
	color:#3f758b;
	font-size:0.7em;
	font-style: italic;
	margin-top:4px;
}
.searchJob button#searchsubmit {
	width:20%;
	min-width:44px;
	margin-top:8px;
	color: #042f15;
	font-weight: bold;
	font-size: 11px;
	background: #b8d38a; /* #5c844d; */
    padding: 6px 0px;
    border: 1px solid #3e6f2c; 
}
.searchJob button#searchsubmit:hover {
	background:#648f54; /* #B8D38A ; #5C844D; */
	color: #0f3544;
}
.searchJob #jobman {
	width:32px;
	height:32px;
	float:right;
	margin-top:26px;
	background-image: url(./images/jobs-icon.gif);
}




/*.submit-job-mascot {
    width: 69px;
    height: 70px;
    float: left;
    margin-top:15px;
    margin-left: 25px;
    margin-right: 15px;
    background-image: url(./images/mascots/cat-4.png);
    background-repeat: no-repeat;
}*/


/*.page-id-151 .grid-8 { 
    background-image:url(./images/mascots/cat-1.png) ;
    background-repeat: no-repeat;
    background-position: bottom right;
    background-color: red;
}
*/

/************ Static Pages *************/
/*  support / Getting Started with Erlang */
/*.page-id-197 .grid-16 img {
    margin-bottom: 10px;
    margin-left: 10px;
    border: 1px solid #ccc;
}
.page-id-197 .grid-16 a {
    color: #79A8BE;
}
.page-id-197 .grid-16 a:hover {
    color: #3F758B;
}
.page-id-197 .grid-16 img.mini-logo {
    margin: 0px 5px 0px 0px;
    padding: 0px;
}*/
/*Getting Started */
.getting-started h2, .getting-started h3 {
    margin: 5px auto;
}

.getting-started .wiki-img {
    float: left;
    margin-bottom: 10px;
    margin-right: 10px;
    border: 1px solid #ccc;
    max-width: none !important;
}
.getting-started .img-1 {
    width: 40px;
    height: 40px;
    background-image: url(./images/wiki/powered.png);    
}
.getting-started .img-2 {
    width: 40px;
    height: 40px;
    background-image: url(./images/wiki/120px-EmacsIcon.png);    
}
.getting-started .img-3 {
    width: 40px;
    height: 85px;
    background-image: url(./images/wiki/605px-vista.png);    
}
.getting-started .img-4 {
    width: 40px;
    height: 40px;
    background-image: url(./images/wiki/squid.png);    
}
.getting-started .img-5 {
    width: 40px;
    height: 40px;
    background-image: url(./images/wiki/book-reflection.png);    
}
.getting-started .img-6 {
    width: 40px;
    height: 85px;
    background-image: url(./images/wiki/basho-riak.png);    
}
.getting-started .img-7 {
    width: 40px;
    height: 40px;
    background-image: url(./images/wiki/Q.png);    
}

.erlang-questions-mailing-list .img-1 {
    width: 200px;
    height: 170px;
    background-image: url(./images/wiki/erlang_studiok.jpg);
}

.stackoverflow .img-1 {
    width: 40px;
    height: 40px;
    background-image: url(./images/wiki/stackoverflow.png);
}

/*Cafe Help*/
#cafe-help h2, #cafe-help h3 {
    margin-bottom: 5px;
}
#cafe-help img {
    margin: auto;
    margin-top: 10px;
    margin-bottom: 15px;
    text-align: center;
    width: 99%;
    max-width: 500px;
}
#cafe-help ol li img {
    width: 99%;
    max-width: 500px;
}

/************* BOOKS ***************/
.books-single-container {
    width: 200px;
    height:280px;
    float: left;
    margin: 10px;
}
.books-single-container img {
    border: 1px solid #ccc;
    margin-bottom: 5px;
    width: 200px;
    height: 200px;
}
.books-single-title a {
    color: #79a8be !important;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    margin-top: 5px;    
    font-size: 1.2em;
    line-height: 110% !important;
    text-transform: uppercase;
    margin-bottom: 1.3789474%;
}
.books-single-title a {
    color: #BAD38E;
}

/*********************** CONTACT **************************/
.contact-cloud {
    line-height: 140%;
    width: 90%;
    height: 159px;
    background-image: url(./images/contact-cloud.gif);
    background-repeat: no-repeat;
    color: #fff;
    padding:15px 30px;
    font-size: 1.1em;
}
.contact-cloud a, .contact-cloud a:hover {
    color: #fff;
    text-decoration: underline;
}

/* About Us */
.contact-mascot-fish {
    width: 172px;
    height: 173px;
    background-image: url(./images/mascots/fish-3.gif);
    margin-left: 50%;
    background-repeat: no-repeat;
}
/* contact us */
.contact-mascot-buffalo {
    width: 172px;
    height: 173px;
    background-image: url(./images/mascots/buffalo-1.gif);
    margin-left: 50%;
    background-repeat: no-repeat;
}
h2.contact-us-message {
    background-image: none !important;
    background: none;
    background-color: #FFFFE0;
    display: block;
    text-align: center;
    border: 1px solid #E6DB55;
    padding:10px;
    color: black !important; 
    margin: 10px auto;
}


p.message { 
    display: block;
    text-align: center;
    border: 1px solid #E6DB55;
    padding:10px;
    background-color: #FFFFE0;
    color: black !important; 
}

#jobman_login { display: none; }

/***************** EVENTS *******************/
#tribe-community-events { margin: auto;}
#tribe-community-events h4 {color: #3F758B;}
#tribe-community-events input, #tribe-community-events textarea, #tribe-community-events select {
    border: 1px solid #ccc;
    min-height: 20px;
}
#tribe-community-events input[type='checkbox'] {
    height: 13px;
    min-height: 13px;
}
#tribe-community-events .table-menu li {
    margin: 12px 0 6px 0;
    list-style: none;
}
#tribe-community-events .table-menu li input {
    margin-right: 12px;
}

#tribe-community-events #event-categories { margin-bottom: 20px;}
.event-label { color: #79A8BE;}
#event-categories ul li {
    list-style: none;
    margin:0px;
    padding:0px;
}
#event-categories ul li label input {
    min-height: none;
    margin-right:10px;
}

#barbottom {
    display: none !important;
    height: 0px;
}

.main-sponsors {
    width: 75px;
    height: 450px;
    position: absolute;
    right: -8px;
    top: 67px;
}
.main-sponsors img {
    max-width: 75px;
}

.div-with-sponsors {
    width: 98%;
    margin:auto;
    text-align: center;
}
.div-with-sponsors img {
    text-align: center;
    border-bottom: 1px solid #ccc;
    max-width: 80px;
}
.single-tribe_venue .upcoming .entry-title, .events-archive .upcoming .entry-title {
    margin: 0 0 5px 0 !important;
}

.events-archive .tribe-events-event-entry p, .venue-events .tribe-events-event-entry p {

    line-height: 140% !important;
}

#tribe-events-content .tribe_events .entry-title {
    line-height: 130% !important;
    max-width: 65% !important;
}

#tribe-events-content .tribe_events .event-day {
    font-size: 14px !important;
}


.jobman_loggedin { display: none; }
.post-edit-link { display: none; }

.thank-you {
    width: 70%;
    margin: auto;
    background-color: #FFFFE0;
    border:1px solid #E6DB55;
    padding: 15px;
    min-height: 180px;
}
/*****************NEW JOBS**************************/
.jobs-search {
    display: block;
    padding: 10px 20px 10px 20px;
    border-top: 5px solid #3f758b;
    background: #79a8be;
    margin-bottom: 20px;
}
.jobs-search  label {
    display: none;

}
.jobs-search input {
    font-size: 14px;
    padding: 10px 12px;
    background: white;
    border: 0;
    border-radius: 6px;
    width: 30%;
    float: left;
    margin-right: 4%;
    margin-bottom: 10px;

}
.jobs-search h1 {
    color: white;
    padding: 0px;
    border: 0;

}
.jobs-search #gosearch {
    display: block;
    width: 37px;
    height: 37px;
    float: left;
    text-indent: -999px;
    overflow: hidden;;
    background: url(images/search.png);
    border: none;
}
#postjob {
    display: block;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    color: #666;
    background: white;
    padding-bottom: 20px;
    position: relative;
    overflow: hidden;
}
#postjob p {
    padding: 20px;
    border-top: 1px solid #ccc;

}
#jobforlogo {
    display: block;
    height: 110px;
    padding-top: 40px;
    text-align: center;

}
#postjob img {
    width: auto;
    min-width: 89px;
    max-width: 250px;
    max-height: 89px;
    display: inline-block;

}
.jobsthumb {
    background: #E6E7E8;
    display: block;
    border-radius: 8px;
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: center;
    margin-right: -13px !important;
    float: right;
    width: 33%;

}

.jobsthumb .profile_avatar { margin-left: 40px; }

.jobsthumb h2 {
    color: #3f758b;
    font-weight: bold;
    margin-bottom: 15px;
}
.jobsthumb img {
    border-radius: 5px;
}
.jobsthumb #user-avatar-link {
    display: inline-block;
width: auto;
text-align: center;
color: white;
background: #aacc77;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 20px;
padding-right: 20px;
border-radius: 5px;
margin-top: 20px;

}
#postjob a {
 display: block;
margin: 0px auto;
width: 130px;
text-align: center;
color: white;
background: #aacc77;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
margin-top: 10px;
}

.job-submit {
 display: block;
margin: 0px auto;
width: 130px;
text-align: center;
color: white;
background: #aacc77;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
margin-top: 10px;
border:none;
}


.joblistisng li {
    position: relative;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    min-height: 130px;
    border-bottom: 1px solid #ccc;
    padding-left: 10px;
    padding-right: 10px;
} 
.joblistisng li:hover {
    background: #fafafa;

}
.joblistisng .image{
    width:100px;
    height:100px;
    margin-top: 15px;
    margin-bottom: 20px;
    border: 1px solid #ccc;
    border-radius: 8px;
    margin-right: 20px;
    background: white;
    float: left;
    line-height:98px;
}
.joblistisng img {
/*  width: 100px;
    height: 100px; */
    border-radius: inherit;
    vertical-align: middle;
    }
    
.joblistisng {
    margin-bottom: 20px;

}
.joblistisng li a h3 {
display: block;
margin-top: 23px;
font-size: 16px;
margin-bottom: 10px;
width: 478px;

}
.jobs-slogan {
    font-style: italic;
    color: #666;

}
.jobs-data {
    position: absolute;
    top: 0px;
    right: 10px;
}
.jobs-time {
display: block;
padding: 5px 10px 10px 10px;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
height: 12px;
border-radius: 0px 0px 5px 5px;
float: left;
margin-right: 10px;
min-width: 80px;
text-align: center;
}

.jobs-restore {
    display: block;
    padding: 5px 10px 10px 10px
    color: white;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 12px;
    height: 12px;
    border-radius: 0px 0px 5px 5px;
    float: left;
    margin-right: 10px;
    min-width: 80px;
    text-align: center;
    background: #aacc77;
}
.jobs-restore a { color: white; }
.jobs-time.fulltime {
    background: #aacc77;

}
.jobs-time.parttime {
    background: #f08d3c;

}
.jobs-time.freelance {
    background: #3399cc;

}
.jobs-time.other {
    background: #630695;

}
.jobs-expire {
    display: block;
padding: 5px 10px 10px 10px;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
height: 12px;
border-radius: 0px 0px 5px 5px;
float: left;
margin-right: 10px;
background: #F5634A;
min-width: 80px;
text-align: center;

}

.jobs-expire a { color: white; }
.jobs-edit {
    display: block;
padding: 5px 10px 10px 10px;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
height: 12px;
border-radius: 0px 0px 5px 5px;
float: left;
margin-right: 10px;
background: #F5634A;
min-width: 80px;
text-align: center;

}
.jobs-edit a { color: #fff; }


.jobs-delete {
    display: block;
padding: 5px 10px 10px 10px;
color: white;
font-weight: bold;
text-transform: uppercase;
font-size: 12px;
height: 12px;
border-radius: 0px 0px 5px 5px;
float: left;
margin-right: 10px;
background: #F5634A;
min-width: 80px;
text-align: center;

}
.jobs-delete a { color: #fff; }

.jobs-right {
    display: block;
    float: left;

}
.jobs-where {
display: block;
font-size: 14px;
background: url(images/place.png) no-repeat left center;
color: #666;
margin-top: 3px;
margin-left: 120px;
padding-left: 30px;
padding-top: 5px;
padding-bottom: 5px;
min-height: 20px;
}
.jobs-date {
    font-style: italic;
    color: #666;
    font-size: 11px;
    margin-top: 5px;

}
#companiesjobs a{
    line-height: 28px;
    border-bottom: 1px solid #bfbfbf;
color: #055378;
display: block;
padding-left: 9%;

}
#companiesjobs a:first-child {
    border-top: 0;

}
#companiesjobs a:hover, #companiesjobs a.aktcomp {
    background: #aacc77;
    font-weight: bold;
    color: white;
}

#tabsjobs {
    display: block;
    width: 100%;

}
#tabsjobs .ui-tabs-nav li {
    width: 32%;
    text-align: center;
    margin-right: 2%;
    background: #ccc;
    padding: 0;
    border-radius: 5px;
    border: none !important;

}
#tabsjobs .ui-tabs-nav .ui-state-active {
    background: #E6E7E8;

}
#tabsjobs .ui-tabs-nav .ui-state-active a {
     color: #3f758b;
    
   

}
#tabsjobs .ui-tabs-nav li:last-child {
    margin-right: 0;

}
#tabsjobs .ui-tabs-nav a {
    display: block;
    padding: 10px 0px;
    text-align: center;
    width: 100%;
    margin: 0;
    font-size: 16px;
    font-weight: bold;
    color: #5E5E5E;
    outline-style: none;
}
#tabsjobs .ui-tabs-nav a span {
    display: block;
    font-size: 14px;
    font-weight: normal;
    margin-top: 3px;

}
#gonewjobs input[type="text"], #gonewjobs input[type="date"] {
    display: block;
    margin-bottom: 15px;
    border: 2px solid #3f758b;
    color: #3f758b;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 15px;
    width: 70%;
}
#applybox input {
    display: block;
    margin-bottom: 15px;
    border: 2px solid #3f758b;
    color: #3f758b;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 15px;
    width: 70%;
}
.applynag {
    display: block;
    font-size: 20px;
    padding-top: 20px;
    border-top: 1px solid #ccc;
    margin-top: 20px;
    margin-bottom: 20px;

}
#gonewjobs select {
    vbackground: transparent;
    display: block;
    margin-bottom: 15px;
    border: 2px solid #3f758b;
    color: #3f758b;
    padding: 5px 20px;
    border-radius: 5px;
    font-size: 15px;
    width: 80%;
   -webkit-appearance: none;
}
#gonewjobs ::-webkit-input-placeholder { /* WebKit browsers */
    color:    #3f758b;
}
#gonewjobs :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #3f758b;
}
#gonewjobs ::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #3f758b;
}
#gonewjobs :-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #3f758b;
}
#applybox {
    display: none;

}
.jobspreview {
    display: block;
    width: 70%;
}
#gonewjobs label {
    display: block;
    color: #3f758b;
    font-weight: bold;
}
#applybox label {
    display: block;
    color: #3f758b;
    font-weight: bold;
}
.jobsleftform {
    width: 50%;
    float: left;
    display: block;
}
.jobsrightform {
    width: 50%;
    float: right;
    display: block;
}
#tabsjobs > .ui-tabs-panel:first-child .prev-tab {
    display: none !important;

}
#tabsjobs > .ui-tabs-panel:last-child .next-tab {
    display: none !important;

}
#tabsjobs .mover {
    overflow: hidden;
    text-indent: -999px;

}
#aboutjob .jobtitle {
    color: #3f758b;
    font-size: 24px;
    font-family: Helvetica, sans-serif;
    font-weight: 100;
    display: block;
    background: #E6E7E8;
    padding: 10px 20px;
    margin-bottom: 0px;
    line-height: 24px;

}
#aboutjob .jobs-slogan {
    color: white;
    display: inline-block;
    background: #666;
    padding: 3px 20px;
    border-radius: 0px 0px 5px 5px;
}
#aboutjob {
    clear: both;
    position: relative;

}
#aboutjob .jobs-data {
position: inherit;
padding: 0px 0px;
margin-top: 8px;
padding-bottom: 30px

}
#aboutjob .jobs-data  span {
    border-radius: 5px;

}
#aboutjob .jobsheader {
color: #3f758b;
font-size: 16px;
font-family: Helvetica, Arial, sans-serif;
display: block;
background: #E6E7E8;
font-weight: 100;
padding: 6px 20px;
margin-bottom: 0px;
line-height: 16px;
margin-bottom: 10px;

}
#aboutjob .descblock {
    display: block;
    text-align: left;
    color: #666;
    padding-left: 20px;
    padding-bottom: 20px;

}
#aboutjob .jobsdata li {
    display: block;
    padding: 6px 20px;
    color: #666;
}
#aboutjob .jobsdata li span {
    display: inline-block;
    width: 150px;
}
#aboutjob .jobsdata li:nth-child(2n+1) {
    background: #fafafa;
}
#aboutjob .jobsdata li p {
    display: inline;

}
#aboutjob #newjobsicon {
text-align: center;

} 
#aboutjob #newjobsicon img {


}
#aboutjob #jobscompdesc {
    padding: 0 10px 20px 20px;
    color: #666;
    text-align: left;

}

#aboutjob .newjobscompdata li {
    display: block;
    padding: 6px 20px;
    color: #666;
}
#aboutjob .newjobscompdata li span {
    display: inline-block;
    width: 66px;
}
#aboutjob .newjobscompdata li:nth-child(2n+1) {
    background: #fafafa;
}
#aboutjob .newjobscompdata li p {
   display: inline-block;
    width: 197px;

}
#applynowbut {
    display: block;
margin: 0px auto;
width: 130px;
text-align: center;
color: white;
background: #aacc77;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
margin-top: 10px;

}
#applynowbut2 {
    display: block;
margin: 0px auto;
width: 130px;
text-align: center;
color: white;
background: #aacc77;
font-size: 18px;
font-weight: bold;
padding-top: 10px;
padding-bottom: 10px;
border-radius: 5px;
margin-top: 10px;

}
#jobsdesc ul, #canddesc ul, #jobscompdesc ul {
    list-style: inside disc;
}
#jobsdesc ol, #canddesc ol, #jobscompdesc ol {
    list-style: decimal inside;
}

.preview { display: block; margin: auto; }
input.ui-datepicker, textarea.ui-datepicker { width: auto; }
.ui-datepicker { 
    width: 17em; 
    padding: .2em .2em 0;
    background:white; 
    -webkit-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    -moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
    border: 1px solid #cccccc;
 }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; text-align: center; }
.ui-datepicker .ui-icon { width: 16px; height: 16px; z-index: 11; text-indent: -999px; }
.ui-datepicker .ui-datepicker-cmd-prev, .ui-datepicker .ui-datepicker-cmd-next { position: absolute; top: 5px; }
.ui-datepicker .ui-datepicker-cmd-prev { left: 4px; background-position: -80px -192px; }
.ui-datepicker .ui-datepicker-cmd-next { right: 4px; background-position: -48px -192px; }
.ui-datepicker .ui-datepicker-cmd-prev:hover { left: 3px; top: 4px; }
.ui-datepicker .ui-datepicker-cmd-next:hover { right: 5px; top: 4px; }
.ui-datepicker .ui-datepicker-cmd-prevJump, .ui-datepicker .ui-datepicker-cmd-nextJump { position: absolute; top: 5px; }
.ui-datepicker .ui-datepicker-cmd-prevJump { left: 22px; background-position: -16px -192px; }
.ui-datepicker .ui-datepicker-cmd-nextJump { right: 22px; background-position: 0px -192px; }
.ui-datepicker .ui-datepicker-cmd-prevJump:hover { left: 21px; top: 4px; }
.ui-datepicker .ui-datepicker-cmd-nextJump:hover { right: 23px; top: 4px; }
.ui-datepicker .ui-datepicker-cmd-current, .ui-datepicker .ui-datepicker-cmd-today { background-position: -64px -192px; }
.ui-datepicker .ui-datepicker-cmd-clear { background-position: -32px -192px; }
.ui-datepicker .ui-datepicker-cmd-close { background-position: -208px -192px; }
.ui-datepicker-disabled { opacity: 0.5; cursor: default; }
.ui-datepicker .ui-datepicker-disabled.ui-datepicker-cmd-prev:hover { left: 4px; top: 5px; }
.ui-datepicker .ui-datepicker-disabled.ui-datepicker-cmd-next:hover { right: 4px; top: 5px; }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year { width: auto; }
.ui-datepicker input.ui-datepicker-month-year { position: absolute; display: none; padding: 0px; border-width: 1px; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker th a { text-decoration: none; }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }
.ui-datepicker button.ui-datepicker-cmd-close { float: right; }
.ui-datepicker button.ui-datepicker-cmd-today { float: left; }
.ui-datepicker-status { text-align: center; }
.ui-datepicker  .ui-datepicker-current-day{ background: #eee; font-weight:bold;}
.ui-datepicker .ui-datepicker-title {
    text-align: center;
}
.ui-datepicker .ui-datepicker-prev, .ui-datepicker-next {
    display: inline-block;
    text-align: center;
    cursor: pointer;
    line-height: 1.8em;
}
.ui-datepicker .ui-datepicker-prev {
    float: left;

}
.ui-datepicker .ui-datepicker-next {
    float: right;

}

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; padding: 0px 4px; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi .ui-datepicker-cmd-prev { left: 8px; }
.ui-datepicker-multi .ui-datepicker-cmd-next { right: 8px; }
.ui-datepicker-multi .ui-datepicker-cmd-prev:hover { left: 7px; }
.ui-datepicker-multi .ui-datepicker-cmd-next:hover { right: 9px; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}

/*************** LANDING PAGES *********************/
/**************after submitting*********************/
#landing-page-box {
    width: 470px;
    height: 279px;
    margin-left: 20%;
    margin-top: 30px;
    padding-top: 50px;
    background-image: url(./images/landing-page-box.png);
    background-repeat: no-repeat;
}
.landing-page-content {
    width: 390px;
    height: 190px;
    margin: auto;
}
.landing-page-content a, .landing-page-content a:visited {
    background: #b8d38a;
    padding: 4px 15px;
    font-weight: bold;
    border: 1px solid #3e6f2c;
    font-size: 11px;
    color: #0f3544;
    margin-right: 1px;
    line-height: 20px;
}
.landing-page-content a:hover {
    background: #648f54;
}
.landing-page { position: relative; color: #ffffff; line-height: 130%;}
.landing-page h1 {color: #ffffff;}
.landing-page img.attachment-post-thumbnail {
    position: absolute;
    top:1%;
    right: 11%;
}




/************ LIVE ************/
.Live-description {
    width: 90%;
    margin:auto;
    border:1px solid #ccc;
    padding: 10px;
    margin-bottom: 15px;
}
.Live-description h4 { font-weight: 700; padding-left: 10px;}
.Live-description table tr td:first-child {
    width: 100px;
}
.Live-description .live-mascot-1 {
    width: 80px;
    min-height: 99px;
    background-image: url(./images/mascots/buffalo-1.png);
    background-position:left;
    background-repeat: no-repeat;
}
.Live-description .live-mascot-2 {
    width: 80px;
    min-height: 82px;
    background-image: url(./images/mascots/cat-3.png);
    background-position: left;
    background-repeat: no-repeat;
}
.Live-description .live-mascot-4 {
    width: 80px;
    min-height: 90px;
    background-image: url(./images/mascots/fish-5.png);
    background-position: left;
    background-repeat: no-repeat;
}
.Live-description .live-mascot-3 {
    width: 80px;
    min-height: 84px;
    background-image: url(./images/mascots/parrot-3.png);
    background-position: left;
    background-repeat: no-repeat;
}

#jobman_loggedin { display: none; }


/****** WIKI **********/
#toolbar #wpTextbox1 {
    width: 100% !important;
    margin-top: 10px !important;
    margin-bottom: 15px !important;
}
#categorylisting article {
    width: 100%;

}

/***** REGISTER FORM ******/
[name="registerform"] input#name { display: none; }
label#name-label { display: none; }


/** Tell a friend window **/
#TellAFriend_BoxContainer { height: 310px; font-family: Arial, Helvetica, sans-serif; line-height: 130%; font-size:12px !important;  }
#TellAFriend_BoxTitle { font-size:12px !important; margin-top: 8px; margin-left: 15px; font-weight: normal; }
#TellAFriend_BoxContainerHeader { background: #3D7489;  }
#TellAFriend_BoxLabel { font-weight: normal; }
#TellAFriend_BoxContainerHeader a {  font-weight: normal; }
#TellAFriend_BoxClose { padding-top: 2px; padding-left: 6px; }
.TellAFriend_Button { border: 1px solid  #3E6F2C; background: #B8D38A; color: black; font-weight: bold; font-size: 11px; padding: 4px 15px; }

/* Video listing on streaming pages */
#video-listing .thumb { width: 300px; height: 150px; background:url(./images/no_video.png) no-repeat; }
#video-listing .thumb img { border: 1px solid #000; }
#video-listing .video-title { display: block; height: 80px; width: 200px; }
.chat-sponsors { margin-left: 50px; margin-top: 50px; margin-bottom: 50px; clear: left; }
.chat-sponsors li { float: left; margin: 0 40px 20px 0;}

#tribe-events-header .tribe-events-sub-nav li, #tribe-events-header .tribe-events-sub-nav .tribe-events-nav-next a { display: block; }
.tribe-bar-views-list li:nth-child(1) { display: none !important; }
.tribe-bar-views-list li:nth-child(2) { display: block !important; }
.tribe-bar-filters-inner { display: none !important; }

p.notfound { 
    padding-left: 10px;
    font-size: 16px;
    margin-bottom: 20px;
    margin-top: 10px;
    color: #666;
}

.extendjob-box { 
    clear: left;
    color: #3F758B;
    font-weight: bold;
    margin-bottom: 10px;
        display: none;
}

.extendjob-box input {
    border: 2px solid #3F758B !important;
    border-radius: 5px;
    color: #3F758B;
    font-size: 15px;
    margin-bottom: 15px;
    padding: 5px 20px;
    width: 16%;

}

#save-btn {
    background: none repeat scroll 0 0 #AACC77;
    border: medium none;
    border-radius: 5px;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    margin: 14px auto 0;
    padding-bottom: 3px;
    padding-top: 4px;
    text-align: center;
    width: 130px;
    border-color: #AAcc77 !important;
    position: relative;
    top: 2px;
}

.login-success-box { 
    background: white; 
    width: 300px; 
    margin: 100px auto; 
    padding: 30px;
    -webkit-box-shadow: 4px 4px 0px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    4px 4px 0px 0px rgba(50, 50, 50, 0.75);
box-shadow:         4px 4px 0px 0px rgba(50, 50, 50, 0.75);
}

.login-success-box h1 {
    margin-bottom: 10px; 
}

.times-side-list li { width: 180px !important; display: block; white-space: normal; margin-bottom: 8px; }
.times-side-list li a { color: #4b4b4b;  }
/* #mw-content-text ul, #mw-content-text ul li { list-style-type: disc !important; } */
#toc ul li { list-style-type: none !important; }
div.syntaxhighlighter { margin-top: 10px !important; }
#mw-content-text h2 { line-height: 20px; }
#mw-content-text code { display: inline !important; }
#mw-content-text tt { border: 1px solid #ddd; font-family: "Consolas","Bitstream Vera Sans Mono","Courier New",Courier,monospace !important; padding: 2px 3px 2px 3px; font-size: 12px; }

.right_row { border-bottom: none !important; }
.mhr {  
    border-color: -moz-use-text-color -moz-use-text-color gray;
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 2px;
    margin-top: -5px;
    margin-bottom: 10px;
    padding-top: 5px !important;
}

.classifieds em { color: #4b4b4b !important; }
.classifieds p { color: #4b4b4b; }
.tribe-events-event-image { max-width: 300px; }
.classified-header { text-align: center; font-size: 13px; margin-top: 20px; margin-bottom: 10px; }
.mw-spcontent ul { margin-left: 12px; }

/* LOCATION POPUP */
.location-popup-box { background: #b8d38a; text-align: center; padding: 0; position: absolute; bottom: -10px; right: 0px; width: 250px; display: none; height: 20px; }
.location-popup-box .close-button { width: 34px; height: 34px; background: url(./images/close-01.png) no-repeat; display: block; top: 2px; right: -11px; position: absolute; }

.articles_in_table { line-height: 18px !important; margin-bottom: 12px; }

#jobsdesc li p { display: inline; }
#canddesc li p { display: inline; }