/*
 * Theme Name:  Property Management Canada Theme V2 (PMC v2)
 * Theme URI:   http://www.propertymanagement.ca/
 * Author:      Shawn Mayzes & Menno Van Ens
 * Description: CSS Styles used across the entire PMC V2 website
 * Author URI:  http://www.mayzes.org/
 * Author URI:  http://www.codefocus.ca/
 * */

/*
 * ----------------------------------------------------------------
 * HTML Defaults
 * ----------------------------------------------------------------
 */
@import url(http://helper.codefocus.ca/propertymanagement.css);
body {
    font-size: 12px;
    background-color: #FFF;
    color: #23404e;
    margin: 0px;
    padding: 0px;
}
body.propertymanagement {
    text-align: center;
}
body, div, span, p,
h1, h2, h3, h4, h5, h6,
table, tr, th, td,
ul, ol, li,
input, textarea,
a {
    font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
}
div, span, p,
h1, h2, h3, h4, h5, h6,
table, tr, th, td,
ul, ol, li,
img {
    text-align: left;
    margin: 0px;
    padding: 0px;
    border: 0px;
}
h2 {
    font-size: 14px;
    font-weight: normal;
}
s { color: #AAA; }
.clear {
    height: 1px;
    line-height: 1px;
    clear: both;
    display: block;
    overflow: hidden;
}
.center { text-align: center !important; }
.float-right { display: block; float: right !important; }
.float-left { display: block; float: left; }
.hidden { display: none; }
.nobr { white-space: nowrap !important; }
label.nob { font-weight: normal !important; }
.tiny { font-size: 10px; }
/* 3-column layout */
.column3 {
    width: 273px;
    float: left;
    clear: none;
    overflow: hidden;
}

strong, .strong { font-weight: bold; }
.faded { color: #cbd9de; }
div.red, span.red, td.red, strong.red { color: #d4000b !important; }
.green { color: #00CC00 !important; }

.warning {
    margin: 0px auto 0px auto;
    width: 620px;
    border: 1px solid #CC8;
    background-color: #FFC;
    color: #660;
}

a.strong {
    font-weight: bold;
    color: #de3d24 !important;
}

/*
 * ----------------------------------------------------------------
 * Page structure
 * ----------------------------------------------------------------
 */
#page {
    width: 819px;
    margin: 0px auto 0px auto;
}

/*
 * ----------------------------------------------------------------
 * Header
 * ----------------------------------------------------------------
 */
#header-container {
    height: 138px;
    overflow: hidden;
    overflow: visible;
    text-align: center;
    background-image: url(/images/header-bg-new-wider-taller.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    padding: 40px 0px 0px 0px;
}
#header {
    width: 819px;
    height: 114px;
    margin: 0px auto 0px auto;
}
#add-company {
    display: inline-block;
    clear: none;
    width: 122px;
    height: 26px;
    margin: 0px 0px 0px 75px;
    background-image: url(/images/button_add_company.png);
    background-position: 0px -26px;
    background-repeat: no-repeat;
}
#add-company:hover {
    background-position: 0px 0px;
}
#menu {
    width: 819px;
    height: 32px;
    margin: 0px auto 0px auto;
    overflow: hidden;
    overflow: visible;
}
#menu-home {
    float: left;
    width: 100px;
    height: 41px;
    padding: 4px 0px 0px 0px;
}
#menu-home a {
    display: block;
    float: right;
    width: 32px;
    height: 24px;
    margin-right: 30px;
    background-image: url(/images/icon-home.png);
    background-position: center bottom;
    background-repeat: no-repeat;
}
#menu-login {
    float: right;
    width: 100px;
    height: 41px;
    padding: 10px 0px 0px 0px;
}
#menu-login a {
    margin: 0px 0px 0px 30px;
}
#login-button {
    float: right;
    width: 73px;
    padding: 51px 0px 0px 0px;
    text-align: right;
}
#login-form {
    float: right;
    width: 287px;
    height: 112px;
    background-image: url(/images/login_box.png);
    background-repeat: no-repeat;
    overflow: hidden;
    text-align: right;
}
#login-form label {
    color: #FFFFFF;
}
#login-form-fields {
    float: right;
    margin: 10px 0px 0px 10px;
    width: 180px;
    overflow: hidden;
}
#login-form-button {
    margin: 10px 10px 0px 10px;
    float: right;
}
#login-form-forgot {
    height: 62px;
}
#login-form-forgot a {
	color: #FFFFFF;
	text-decoration: none;
}
#login-form-forgot a:hover {
	text-decoration: underline;
}

#hdr-login-email,
#hdr-login-password {
    background-repeat: no-repeat;
    background-position: left center;
}
#userstats {
    display: block;
    font-size: 11px;
    width: 819px;
    height: 25px;
    margin: 0px auto 0px auto;
    padding: 5px 0px 0px 0px;
    color: #AAA;
    text-align: center;
}
#userstats strong {
    font-weight: normal;
    color: #23404e;
}
#userstats a,
#userstats a:hover {
    color: #AAA;
    text-decoration: none;
}
#menu ul#nav-toplevel {
    float: left;
    margin: 0px;/* 0px 0px 48px;*/
    width: 619px;
    height: 32px;
        
}
#menu li {
    float: left;
    height: 22px;
    line-height: 14px;
    overflow: visible;
    margin: 0px;
    position: relative;
    z-index: 99;
}
#menu ul a {
    display: block;
    height: 22px;
    background-repeat: no-repeat;
    background-position: 0px 0px;
    background-position-x: 0px;
    background-position-y: 0px;
}
#menu ul a:hover {
    background-position: 0px -22px;
    background-position-y: -22px;
}
#menu ul a.active {
    background-position: 0px -44px !important;
    background-position-y: -44px !important;
}


/*
**  Dropdown menu
*/
#menu ul ul {
    overflow: hidden;
    visibility: hidden;
    position: absolute;
    top: 22px;
    left: 0px;
    clear: both;
    border: 2px solid #294452;
    background-color: #3875a3;
    /*
    opacity: 0.8;
    -moz-opacity: 0.8;
    filter:alpha(opacity=80);
    */
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
#menu ul li:hover ul,
#menu ul li.hover ul {
    visibility: visible;
}
/*
**  Level 2 links
*/
#menu ul ul li {
    height: 20px;
    line-height: 20px;
}
#menu ul ul a {
    text-align: left;
    background-color: #3875a3;
    border-left: none;
    border-right: none;
    border-bottom: 1px solid #294452;
    width: 100px;
    text-indent: 6px;
    color: #FFFFFF;
    text-shadow: none;
    text-decoration: none;
    line-height: 20px;
}
#menu ul ul a:hover {
    background-color: #294452;
    color: #FFFFFF;
}
a#menu-search {
    width: 88px;
    background-image: url(/images/nav/search.png);
}
a#menu-view-projects {
    width: 122px;
    background-image: url(/images/nav/view-projects.png);
}
a#menu-post-projects {
    width: 122px;
    background-image: url(/images/nav/post-projects.png);
}
a#menu-register {
    width: 97px;
    background-image: url(/images/nav/register.png);
}
a#menu-contact {
    width: 93px;
    background-image: url(/images/nav/contact.png);
}
a#menu-admin {
    width: 100px;
    background-image: url(/images/nav/admin.png);
}
#menu-freeee {
    width: 32px;
    height: 34px !important;
    background-image: url(/images/nav/freeee.png);
    background-repeat: no-repeat;
    position: relative;
    left: 325px;
    top: -23px;
}
a#menu-more {
    width: 83px;
    background-image: url(/images/nav/more.png);
    overflow: visible;
}


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

/*
    Elements that can appear in ALL boxes
*/
.head h2,
.head-green h2 {
    padding: 12px 0px 0px 25px;
}
.content p {
    padding: 12px 20px 12px 20px;
}
.content h2 {
    padding: 12px 0px 4px 20px;
}
.content h3 {
    padding: 12px 0px 4px 20px;
}
.content .hr {
    height: 2px;
    line-height: 2px;
    margin: 0px 20px 0px 20px;
    background-color: #23404e;
    clear: both;
}
.content label {
	font-weight: bold;	
}
.content ul {
	margin: 10px 20px 10px 20px;
}
.content a {
	color: #5993b8;
	text-decoration: none;
}
.content a:hover {
    text-decoration: underline;
}
div.buttons {
	float: right;
	margin-right: 25px;
}
div.flyout div.buttons { margin-right: 10px; }

.errors {
	display: none;
	background-color: #ffcccc;
	background-image: url(/images/errors-bg.png);
	background-position: 10px 10px;
	background-position-x: 10px;
	background-position-y: 10px;
	background-repeat: no-repeat;
	border: 2px solid #d4000b;
	color: #d4000b;
	padding: 10px;
	margin: 0px 20px 10px 20px;
}
.errors ul,
.errors h4 {
    margin: 0px 0px 0px 20px;
    display: block !important;
    width: auto !important;
}
.errors ul li {
    display: block !important;
    width: auto !important;
    float: none !important;
}
.errors h4 { 
    font-size: 12px !important;
    margin: 0px 0px 0px 20px !important;
}
span.blue-arrow { 
    height: 22px; 
    width: 19px; 
    background: url(/images/blue-arrow.png) no-repeat; 
    display: inline-block; 
    color: #FFF; 
    padding: 4px 1px; 
    font-weight: bold; 
} 
span.red-arrow { 
    height: 22px; 
    width: 19px; 
    background: url(/images/red-arrow.png) no-repeat; 
    display: inline-block; 
    color: #FFF; 
    padding: 4px 1px; 
    font-weight: bold; 
} 


/*
    Special links
*/
a.more {
    float: right;
    background-image: url(/images/button-more.png);
    background-repeat: no-repeat !important;
    width: 19px;
    height: 23px;
    margin: 0px 0px 0px 12px;
}
a.email {
    background-image: url(/images/email.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-left: 20px;
}

a.plus,
a.minus {
    float: left;
    width: 33px;
    height: 38px;
    background-image: url(/images/plus_big.gif);
    background-position: right center;
    background-repeat: no-repeat;
    margin-right: 10px;
}
a.minus { background-image: url(/images/minus_big.gif); }
a.plus,
a.minus { display: none; }
h3.plusminus { cursor: pointer; }
#search-page a.plus,
#search-page a.minus { display: inline; }
a.alphaswitch {
    float: right;
    margin: 15px 20px 0px 0px;
    font-weight: bold;
    font-size: 13px;
    letter-spacing: -1px;
}

/*
    Box 819
*/
div.box-819 {
    width: 819px;
    background-image: url(/images/819-bg.png);
    background-repeat: repeat-y;
    overflow: hidden;
    clear: both;
}
div.box-819 .head {
    width: 819px;
    height: 40px;
    background-image: url(/images/819-bg-head.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
div.box-819 .head-green {
    width: 819px;
    height: 40px;
    background-image: url(/images/819-bg-head-green.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
div.box-819 .content {
    width: 819px;
    background-image: url(/images/819-bg-foot.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
    overflow: hidden;
}

/*
    Box 546
*/
div.box-546 {
    width: 546px;
    background-image: url(/images/546-bg.png);
    background-repeat: repeat-y;
    overflow: hidden;
    float: left;
    clear: none;
}
div.box-546 .head {
    width: 546px;
    height: 40px;
    background-image: url(/images/546-bg-head.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
div.box-546 .content {
    width: 546px;
    background-image: url(/images/546-bg-foot.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
    overflow: hidden;
}

/*
    Box 273
*/
div.box-273 {
    width: 273px;
    background-image: url(/images/273-bg.png);
    background-repeat: repeat-y;
    overflow: hidden;
    float: left;
    clear: none;
}
div.box-273 .head {
    width: 273px;
    height: 40px;
    background-image: url(/images/273-bg-head.png);
    background-repeat: no-repeat;
    overflow: hidden;
}
div.box-273 .content {
    width: 273px;
    background-image: url(/images/273-bg-foot.png);
    background-repeat: no-repeat;
    background-position: left bottom;
    padding-bottom: 20px;
    overflow: hidden;
}
div.box-273 .fixed {
    height: 190px;
    overflow: hidden;
}
.box-273 .hr,
.box-546 .hr,
.box-819 table .hr,
.hrtiny {
    height: 1px;
    line-height: 1px;
    margin: 0px 12px 0px 8px;
    padding: 0px;
    background-color: #cbd9de;
}
.feed .hr {
    height: 1px;
    line-height: 1px;
    margin: 10px 0px 10px 0px;
    padding: 0px;
    background-color: #CCC;
}
table .hr {
    margin: 0px !important;
}
.box-273 h4 {
    padding: 12px 20px 12px 20px;
    font-size: 16px;
    font-weight: bold;
}

/*
 * ----------------------------------------------------------------
 * Footer
 * ----------------------------------------------------------------
 */
#footer-container {
    text-align: center;
}
#footer {
    width: 900px;
    margin: 10px auto 20px auto;
    font-size: 10px;
    text-align: center;
    overflow: hidden;
}
#footer a,
#footer a:hover {
    color: #23404e;
    text-decoration: none;
}
#footer p {
    text-align: center;
    padding: 32px 0px 0px 0px;
}
#nav-icons { float: left; }
#nav-icons li img {
    width: 32px;
    height: 32px;
}
#nav-icons li {
    float: left;
    display: block;
    width: 80px;
    text-align: center;
    overflow: hidden;
}
#social-icons { float: right; }
#social-icons li img {
    width: 32px;
    height: 32px;
}
#social-icons li {
    float: left;
    display: block;
    width: 70px;
    text-align: center;
    overflow: hidden;
}


/*
 * ----------------------------------------------------------------
 * Forms
 * ----------------------------------------------------------------
 */
.dropdown-450 {width: 450px;}
.dropdown-436 {width: 436px;}
.dropdown-261 {width: 261px;}
.dropdown-220 {width: 220px;}
.dropdown-165 {width: 165px;}
.dropdown-130 {width: 130px;}
.dropdown-120 {width: 120px;}
.dropdown-85  {width: 85px;}
.dropdown-75  {width: 75px;}
.dropdown-55  {width: 55px;}
.dropdown-45  {width: 45px;}
.dropdown-450,
.dropdown-436,
.dropdown-261,
.dropdown-220,
.dropdown-165,
.dropdown-130,
.dropdown-120,
.dropdown-85,
.dropdown-75,
.dropdown-55,
.dropdown-45 {
    display: block;
    height: 24px;
    line-height: 24px;
    font-size: 14px;
    vertical-align: center;
    border: 1px solid #c6d3d7;
}

/* Text fields */
textarea,
input[type="text"],
input[type="password"] {
	border: 1px solid #c6d3d7;
	width: 450px;
	margin: 5px 0px 5px 0px;
	font-size: 12px;
	color: #23404e;
}
input[type="text"],
input[type="password"] {
    height: 20px;
    text-indent: 5px;
}
input.txt-415,
input.txt-385 {
    margin: 5px 0px 5px 0px;
	height: 20px;
	line-height: 22px;
}
input.txt-415 {
    width: 415px !important;
}
input.txt-385 {
    width: 385px !important;
}
input.txt-320 {
    width: 320px !important;
}
input.txt-174,
input.txt-180 {
    margin: 5px 0px 5px 0px;
	width: 180px !important;
	height: 20px;
	line-height: 22px;
}
input.txt-174 {
    width: 174px !important;
}
input.txt-80 {
    width: 80px !important;
}
input.txt-40 {
    width: 40px !important;
}
select {
    margin: 5px 0px 5px 0px;
	height: 20px;
	line-height: 22px;
}
select.sel-250 {
    width: 250px;
}

/* Buttons */
.buttons input {
	border: 0;
	width: 130px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
}
input.search {
    background-image: url(/images/button-search.png);
    width: 88px;
    height: 26px;
}
input.red {
	background: url(/images/button_red_huge.png) no-repeat;
	font-size: 11px;
}
input.blue {
	background: url(/images/button_blue_huge.png) no-repeat;
	font-size: 11px;
}

div.social {
    clear: both;
    float: left;
    margin: 5px 0px 0px 17px;
}

/*
 * ----------------------------------------------------------------
 * Home
 * ----------------------------------------------------------------
 */

/* Search box tabs */
.content .tabs {
    margin: 0px 16px 0px 17px;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    overflow: hidden;
}
.content .tabs a {
    float: left;
    position: relative;
    left: -3px;
    height: 25px;
    line-height: 30px;
    text-indent: 12px;
    font-weight: bold;
    background-repeat: no-repeat;
}

/* Search box tabs: Managers */
.managers .tabs {
    border-color: #23404e;
}
.managers .tabs span {
    float: left;
    position: relative;
    left: -3px;
    height: 25px;
    padding: 0px 0px 0px 11px;
    font-weight: bold;
    background-repeat: no-repeat;
    background-image: url(/images/tab-blue.png);
}
.managers .tabs span.active {
    background-image: url(/images/tab-blue-active.png);
}
.managers .tabs a {
    left: 0px;
    padding: 0px 25px 0px 0px;
    margin: 0px;
    text-indent: 0px;
    width: auto;
    background-image: url(/images/tab-blue.png);
    background-position: right top;
    color: #23404e;
}
.managers .tabs .active a {
    color: #FFFFFF;
    background-image: url(/images/tab-blue-active.png);
    background-position: right top;
}

/* Search box tabs: Projects / Suppliers */
.projects .tabs,
.suppliers .tabs {
    border-color: #3b4e23;
}
.projects .tabs a,
.suppliers .tabs a {
    width: 250px;
    background-image: url(/images/tab-green-big.png);
    color: #336600;
}
.projects .tabs a.active,
.suppliers .tabs a.active {
    color: #FFFFFF;
    background-image: url(/images/tab-green-big-active.png);
}

/* Search boxes */

#search-managers-left {
    float: left;
    margin: 0px 0px 0px 17px;
    width: 476px;
    height: 250px;
    background-image: url(/images/search_managers.png);
    background-repeat: no-repeat;
}
#manager-search-left-property {
    padding: 20px 10px 0px 20px;
    white-space: nowrap;
    clear: both;
    overflow: hidden;
}
#manager-search-left-location {
    float: left;
    width: auto;
    padding: 12px 0px 0px 20px;
    white-space: nowrap;
    overflow: hidden;
}
#search-managers-right {
    float: right;
    margin: 0px 16px 0px 0px;
    width: 300px;
    height: 250px;
    overflow: hidden;
    /*background-color: #23404e;*/
}
#manager-search-submit {
    float: right;
    margin: 5px 20px 0px 10px;
}
#fld-province-m,
#fld-city-m {
    float: left;
}
#manager-search-left-explanation {
    margin: 8px 5px 0px 20px;
    width: 320px;
    float: left;
    font-size: 10px;
    color: #FFFFFF;
}
#manager-search-bottom {
    clear: both;
    padding: 20px 20px 0px 20px;
    color: #FFFFFF;
    line-height: 16px;
}
#manager-search-bottom a {
    color: #91d2ff;
}
#manager-search-bottom img {
    vertical-align: bottom;
}




#home-search-managers {
    background-image: url(/images/home-search-managers-bg.jpg);
}
#home-search-managers,
#home-search-projects,
#home-search-suppliers {
    height: 162px;
    margin: 0px 16px 0px 17px;
}

#home-search-projects,
#home-search-suppliers {
    background-image: url(/images/home-search-suppliers-bg.jpg);
}
#manager-search-left {
    float: left;
    width: 472px;
    padding: 32px 0px 0px 0px;
}
#projects-search-left,
#supplier-search-left {
    width: 768px;
    padding: 32px 0px 0px 0px;
}
#projects-search-left-keyword,
#supplier-search-left-keyword {
    float: left;
    padding: 12px 0px 5px 20px;
    width: 385px;
    white-space: nowrap;
}
/*
#manager-search-left-location {
    float: left;
    margin: 12px 0px 12px 12px;
    width: 185px;
    white-space: nowrap;
}
*/
#projects-search-left-location,
#supplier-search-left-location {
    float: left;
    margin: 12px 0px 5px 12px;
    width: 260px;
    white-space: nowrap;
}
#manager-search-left-within,
#projects-search-left-within,
#supplier-search-left-within {
    float: left;
    margin: 12px 0px 5px 12px;
    width: 75px;
}
#projects-search-left-method,
#supplier-search-left-method {
    margin: 0px 0px 12px 20px;
    width: 250px;
    float: left;
    line-height: 30px;
    font-size: 10px;
    color: #FFFFFF;
}
#projects-search-left-explanation,
#supplier-search-left-explanation {
    margin: 0px 0px 12px 20px;
    width: 350px;
    float: left;
    font-size: 10px;
    color: #FFFFFF;
}
#home-search-right {
    width: 284px;
    height: 126px;
    float: right;
    padding: 18px 9px 0px 0px;
}
#home-search-right div {
    display: none;
    text-align: center;
}
#home-search-right span {
    position: relative;
    top: -10px;
}
#home-search-right span a {
    display: block;
    float: right;
    width: 13px;
    height: 13px;
    line-height: 13px;
    font-size: 10px;
    text-align: center;
    border: 1px solid #23404e;
    background-color: #FFFFFF;
    color: #23404e;
    margin: 2px;
}
#home-search-right span a.active {
    background-color: #23404e;
    color: #FFFFFF;
}
option.country {
    font-weight: bold;
    background-color: #e6eef2;
    border-color: #5993b8;
    border-style: solid;
    border-width: 1px 0px 1px 0px;
}

img.stock {
    border: 1px solid #dbdbdb;
    float: left;
    margin: 0px 12px 0px 0px;
}

/* Categories */
ul.categories {
    margin: 12px 20px 12px 20px;
    padding: 0px;
}
ul.categories li {
    width: 386px;
    height: 23px;
    float: left;
}
ul.categories a {
    line-height: 20px;
    font-size: 10px;
    color: #23404e;
}
ul.categories a:hover {
    color: #ff0000;
    text-decoration: none;
}
ul.categories a.parent {
    padding: 0px 0px 0px 30px;
    background-image: url(/images/plus.gif);
    background-repeat: no-repeat;
    background-position: 12px 2px;
    line-height: 23px;
    font-size: 12px;
}
ul.categories a.arent {
    padding: 0px 0px 0px 30px;
    line-height: 23px;
    font-size: 12px;
}
ul.categories li.open {
    background-image: url(/images/category-expanded-top.png);
    background-repeat: no-repeat;
}
ul.categories li.open a.parent {
    background-image: url(/images/minus.gif);
    clear: both;
}
ul.categories ul {
    display: none;
}
ul.categories li.open ul {
    clear: both;
    display: block;
    position: absolute;
    margin: 0px;
    width: 366px;
    background-image: url(/images/category-expanded-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    /*overflow: hidden; -- to allow 3rd level */
    padding: 0px 0px 0px 30px;
    z-index: 255;
}
/* 3rd level (sigh... it was never designed for this) */
ul.categories-2 a.parent {
    display: block !important;
    clear: both !important;
    font-size: 10px;
    background-image: url(/images/plus.gif) !important;
    background-position: 0px center !important;
    padding: 0px 0px 0px 17px;
}
ul.categories-2 li.open a.parent {
    padding: 0px 0px 0px 30px;
    background-image: url(/images/minus.gif) !important;
    background-position: 12px center !important;
}
ul.categories li.open ul ul {
    display: none;
}
ul.categories li.open ul li.open ul {
    clear: both !important;
    display: block !important;
    position: absolute;
    margin: 0px;
    width: 366px;
    background-image: url(/images/category-expanded-bottom.png);
    background-position: left bottom;
    background-repeat: no-repeat;
    overflow: hidden;
    padding: 0px 0px 0px 30px;
}
ul.categories li.letter {
    width: 29px;
    height: 22px;
    float: left;
    text-align: center;
}
ul.categories li.letter a {
    width: 28px;
    height: 22px;
    display: block;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
}
ul.categories li.letter a:hover,
ul.categories li.letter a.selected {
    background-image: url(/images/category-letter.png);
    background-position: center bottom;
    background-repeat: no-repeat;
    color: #FFFFFF;
}
ul.categories li.alphabetical {
    width: 100%;
    clear: both;
    height: auto;
    overflow: hidden;
}
ul.categories li.alphabetical li {
    clear: none;
    float: left;
    width: 366px;
    overflow: hidden;
}
ul.categories li.alphabetical a {
    font-size: 12px;
}

li.hr {
    height: 2px;
    line-height: 2px;
    margin: 0px !important;
    padding: 0px !important;
    background-color: #23404e;
    clear: both;
    width: 100% !important;
}


#search-page ul.categories {
    display: none;
}

/* Feeds */
#feeds .feed {
    width: 273px;
    height: 47px;
    background-image: url(/images/feed-collapsed.png);
    background-repeat: no-repeat;
    overflow: hidden;
    clear: both;
    cursor: pointer;
}
#feeds .expanded {
    height: 320px !important;
    background-image: url(/images/feed-expanded.png) !important;
    cursor: default !important;
}
.feed .clickable {
    position: absolute;
    background-image: url(/images/pixel.gif);
    width: 273px;
    height: 47px;
}
.feed ul {
    margin: 0px 20px 10px 20px;
}
.feed ul li {
    padding: 10px 0px 10px 0px;
    border-bottom: 1px solid #CCC;
}
.feed .date {
    float: left;
    width: 80px;
    font-size: 9px;
}
.feed ul li a {
    display: block;
    clear: both;
}
.feed a.more {
    width: auto !important;
    text-align: right !important;
    padding: 0px 30px 0px 0px !important;
    margin: 0px 20px 0px 20px !important;
    line-height: 20px;
    background-position: right center !important;
    background-repeat: no-repeat !important;
}

/* calendar */
.calendar {
    width: 238px;
    overflow: hidden;
    margin: auto;
}
.calendar .month {
    clear: both;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
    margin: 10px 0px 10px 0px;
}
.calendar .day {
    width: 30px;
    height: 23px;
    line-height: 23px;
    font-size: 16px;
    font-weight: bold;
    color: #acc4d0;
    float: left;
    background-color: #e6eef2;
    margin: 2px;
    text-align: center;
}
.calendar .today {
    background-image: url(/images/calendar-today.gif);
    color: #FFFFFF;
}
.calendar .event {
    background-image: url(/images/calendar-day.gif);
    color: #FFFFFF;
}
.calendar .event a {
    color: #FFFFFF;
}
#event-hover {
    width: 250px;
    height: auto;
    display: block;
    position: absolute;
    background-color: #f8f9fa;
    border: 2px solid #b6c8d3;
    
}
#event-hover p {
    margin: 0px 10px 10px 10px;
    padding: 0px;
    overflow: hidden;
}

/*
 *  ---------------------------------------------------------------
 *  Profile / Admin
 *  ---------------------------------------------------------------
 */
.profile-menu {
    background-repeat: no-repeat;
    background-position: left top;
    padding-left: 20px;
    line-height: 20px;
    height: 20px;
    font-size: 11px;
}
.profile-menu-info {
    padding-left: 20px;
    line-height: 16px;
    height: 16px;
    color: #777777;
    font-size: 11px;
}
#profile-menu-cart { background-image: url(/images/cart.png); }
#profile-menu-inbox { background-image: url(/images/email.png); }
#profile-menu-listing { background-image: url(/images/building.png); }
#profile-menu-contacts { background-image: url(/images/vcard.png); }
#profile-menu-account { background-image: url(/images/user.png); }
#profile-menu-payments { background-image: url(/images/money.png); }
#profile-menu-logo { background-image: url(/images/picture.png); }
#profile-menu-upgrade { background-image: url(/images/building_key.png); }
#profile-menu-advertise { background-image: url(/images/building_add.png); }
#profile-menu-bids { background-image: url(/images/page-menu.png); }
#profile-menu-projects { background-image: url(/images/lorry.png); }

#admin-menu-news { background-image: url(/images/newspaper.png); }
#admin-menu-accounts { background-image: url(/images/user.png); }
#admin-menu-listings { background-image: url(/images/building.png); }
#admin-menu-listing { background-image: url(/images/building_add.png); }
#admin-menu-projects { background-image: url(/images/lorry.png); }
#admin-menu-payments { background-image: url(/images/money.png); }
#admin-menu-dataentry { background-image: url(/images/chart_line.png); }
#admin-menu-dataentry-users { background-image: url(/images/group_key.png); }
#admin-menu-analytics { background-image: url(/images/chart_line_link.png); }
#admin-menu-beanstalk { background-image: url(/images/icon-beanshaft.png); }
#admin-menu-events { background-image: url(/images/date.png); }
#admin-menu-event { background-image: url(/images/date_add.png); }
#admin-menu-articles { background-image: url(/images/newspaper.png); }
#admin-menu-article { background-image: url(/images/newspaper_add.png); }
#admin-menu-advertising { background-image: url(/images/link.png); }
#admin-menu-coupons { background-image: url(/images/tag_blue.png); }
#admin-menu-coupon { background-image: url(/images/tag_blue_add.png); }

.admin .date { white-space: nowrap; }


/*
**  Flyouts
*/
ul.flyouts {
    border: 2px solid #FFFFFF;
    border-top: none;
}
.profile-flyout {
    background-color: #dce5e9;
	border-top: 2px solid #FFFFFF;
    margin: 0px !important;
    padding: 0px !important;
	
}
.profile-flyout ul {
    margin: 0px;
}
a.flyout {
    line-height: 25px;
    background-image: url(/images/plus.gif);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-left: 20px !important;
}
.profile-flyout a.open { background-image: url(/images/minus.gif); }
.profile-flyout a.loading { background-image: url(/images/loading.gif) !important; }
.profile-flyout div.flyout {
    border-top: 2px solid #FFFFFF;
    margin: 0px !important;
    padding: 0px !important;
    padding: 10px 20px 40px 20px !important;
    background-color: #ecf2f3;
    display: none;
}

/*
**  Quoted text in email
*/
ul.message p {
    text-align: left !important;
    color: #000 !important;
}
blockquote {
    padding: 25px;
    color: #888 !important;
    border-left: 4px solid #CCC;
}
ul.message blockquote p {
    color: #888 !important;
}
/*
**  Subscription / Membership
*/
table {
    margin: 0px auto 10px auto;
    border-collapse: collapse;
    border-color: #FFF;
}
th,
td {
    border: 2px solid #FFF;
    padding: 5px;
    text-align: center;
    vertical-align: top !important;
}
th { background-color: #dce5e9; }
td.feature {
    width: 250px;
    text-align: left;
}
td.nobo { border-style: none; }
td.current { background-color: #dce5e9; }
td h3,
th h3,
td p,
th p { padding-top: 0px !important; }
td.r { text-align: right; }
.right a { font-size: inherit !important; }

/*
**  Admin (uses CP style layout)
*/
table.admin {
    width: 510px;
}
table.admin th,
table.admin td {
    text-align: left;
    vertical-align: top;
    padding: 5px;/* 10px 5px 0px;*/
}
span.grey, td.grey {
    color: #AAA;
}
td.small {
    font-size: 10px;
    white-space: nowrap;
}
tr.bids td p {
	text-align: center;
}


/*
    Autocomplete
*/
.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('/images/loading.gif') right center no-repeat;
}

.ac_odd {
	background-color: #ecf2f3;
}

.ac_over {
	background-color: #5993b8;
	color: #ffffff;
}


/*
    Category selector (filetree)
*/
div#category-selector {
    width: 438px;
    height: 200px;
    border: 1px solid #CCC;
    border-top: none;
    overflow-x: hidden;
    overflow-y: scroll;
    clear: both;
    padding: 5px;
}
UL.jqueryFileTree {
	font-family: Verdana, sans-serif;
	font-size: 11px;
	line-height: 18px;
	margin: 0px !important;
	padding: 0px !important;
	display: block !important;
}
UL.jqueryFileTree LI {
	list-style: none;
	white-space: nowrap;
	line-height: 18px;
	margin: 0px !important;
	padding: 0px 0px 0px 20px !important;
	display: block;
}
UL.jqueryFileTree A {
	color: #333;
	text-decoration: none;
	line-height: 18px;
	height: 18px;
	margin: 0px !important;
	padding: 0px !important;
	display: block !important;
}
UL.jqueryFileTree A:hover {
	background: #BDF;
}
.collapsed ul {
    display: none !important;
}
.jqueryFileTree LI.directory { background: url(/images/plus.gif) 0px 1px no-repeat; }
.jqueryFileTree LI.expanded { background: url(/images/minus.gif) 0px 1px no-repeat; }
.jqueryFileTree LI.file { background: url(/images/file.png) left top no-repeat; }
.jqueryFileTree LI.wait { background: url(/images/loading.gif) left top no-repeat; }
li.category {
    clear: both;
    line-height: 20px;
    background-color: #FFFFFF;
    width: 450px;
    margin: 5px 0px 5px 0px;
}
li.category span.inputbox {
    border: 1px solid #9AC8E9;
    height: 20px;
    line-height: 20px;
    padding: 5px;
    display: block;
}
li.category span.inputbox span {
    float: left;
    height: 20px;
    line-height: 20px;
    margin: 0px;
    padding: 0px;
    width: 380px;
    overflow: hidden;
    white-space: nowrap;
}
li.category span.inputbox em {
    font-style: normal;
    color: #aec3c9;
    letter-spacing: -1px;
    font-size: 9px;
}
li.category span.inputbox a {
    float: right;
    line-height: 20px;
}
li.category #category {
    display: none;
}

/*
    Search results
*/
.results .count {
    float: left;
}
.results table {
    width: 779px !important;
}
.results table,
.results table td,
.results table th {
    border-style: none;
    vertical-align: top;
    text-align: left;
}
.results .image {
    width: 120px;
    text-align: center;
}
.results .rating {
    vertical-align: bottom;
    color: #cbd9de;
}
.results .popup {
    padding: 0px 0px 10px 10px;
    background-color: #FFFFFF;
    font-size: 9px;
    text-align: center;
}
.results .popup:hover {
    text-decoration: none;
}
table p,
.results .company-info p {
    margin: 0px !important;
    padding: 10px 0px 0px 0px !important;
}

/*
    Listing styles by level
*/
.level,
.level0,
.level1,
.level2 {
    border-bottom: 1px solid #d2dce1;
}
.level3,
.level4,
.level5 {
    background-color: #FFFFFF;
    border: 1px solid #d2dce1;
}
.level3 p,
.level4 p,
.level5 p {
    font-weight: bold !important;
}
#googlemaps {
	width: 550px;
	height: 400px;
	margin: 0 auto;
}
.results td {
    border-style: none;
    zzborder-bottom: 1px solid #9AC8E9 !important;
}
.results .details {
    overflow: hidden;
    margin: 0px 20px 10px 20px;
    padding: 10px 0px 10px 10px;
    clear: both;
}
.results .company-info {
    display: block;
    float: left;
    width: 637px;
}

/*
.results .rating {
    float: right !important;
    padding-right: 25px;
    color: #707D86;
}
.results h3 {
	font-size: 1.3em;
	text-transform: uppercase;
	padding-left: 5px;
	font-weight: bold;
	text-align: left;
} 
.results .title {
	float: left;
	display: block;
	width: 650px;
}
.results p {
	color: #707D86;
	padding: 5px;
	width: 100%;
}
.results .image {
	float: left;
	width: 120px;
	display: inline-block;
	text-align: center;
}
.results .details {
    border-bottom: 1px solid #9AC8E9 !important;
}
*/


/*
    Pagination
*/
.pagination {
    float: right;
    padding: 10px 20px 10px 0px;
}
.pagination span {
    float: left;
    margin: 0px 0px 0px 5px;
    padding: 0px;
    border: none;
    height: 17px;
    line-height: 17px;
}
.pagination a,
.pagination a:hover {
    text-decoration: none !important;
}
.pagination span.page {
    background-color: transparent;
    background-image: url(/images/page-normal.png);
    background-position: left top;
    background-repeat: no-repeat !important;
    padding: 0px 0px 0px 5px;
}
.pagination span.page a {
    background-color: transparent;
    background-image: url(/images/page-normal.png);
    background-position: right bottom;
    background-repeat: no-repeat !important;
    padding: 0px 5px 0px 0px;
    height: 17px;
    line-height: 20px;
    margin: 0px;
    border: none;
}
.pagination span.page a:hover {
    color: #FF0000;
}
.pagination span.curr {
    background-image: url(/images/page-current.png) !important;
}
.pagination span.curr a {
    background-image: url(/images/page-current.png) !important;
    color: #FFFFFF !important;
}
.pagination .prev,
.pagination .next {
    color: #cbd9de;
}

/*
    Monthination
*/
.monthination {
	margin: 10px 20px 20px 16px;
	padding: 10px 0px 10px 0px;
	border: 2px solid #FFF;
	background: #e6eef2;
	clear: both;
	font-size: 15px;
	text-align: center;
	font-weight: bold;
	text-shadow: #FFFFFF 1px 1px 0px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.monthination a {
    vertical-align: bottom;
    padding: 0px 5px 0px 5px;
    text-shadow: none;
}
.month-1 { }
.month-2 { color: #aac4d7 !important; }
.month-3 { color: #cadae4 !important; }
.monthination a:hover {
    color: #d4000b !important;
    text-decoration: none;
}

/*
 * ----------------------------------------------------------------
 * Project structure
 * ----------------------------------------------------------------
 */
.project .tabs {
    margin: 0px 16px 0px 0px;
    border-style: solid;
    border-width: 0px 0px 2px 0px;
    overflow: hidden;
}
.project h4,
.article h4 {
    padding: 12px 20px 12px 20px;
    font-size: 16px;
    font-weight: bold;
    color: #23404e;
}
.project .company-details {
	margin: 1em 1em;
	padding-bottom: 20px;
	border: 2px solid #FFF;
	width: 210px;
	background: #e6eef2;
	float: left;
}
.project .company-details #claim-company {
	background-image:url("/images/button_claim_company.png");
	background-position:0 -26px;
	background-repeat:no-repeat;
	clear:none;
	display:inline-block;
	height:26px;
	margin:10px auto;
	width:122px;
}
.project .company-details #claim-company:hover {
    background-position: 0px 0px;
}
.project p,
.project dt {
    padding: 10px 10px 0px 10px;
    color: #23404e !important;
}
.project .company-details p:first-line {
    color: #999;
}
.project .company-details li {
	padding-bottom: 1em;
}
.project li label {
	overflow: hidden;
	display: block;
}
.project .project-details {
	float: left;
	width: 570px;
}
.project .project-details hr {
	background: #FFF;
	border: 1px solid #FFF;
}
.project .project-details li {
	width: 180px;
	margin-right: 4em;
	float: left;
	display: block;
}
.project .project-details li label {
	margin-top: 2em;
}

/*
 * ----------------------------------------------------------------
 * Rating Structure
 * ----------------------------------------------------------------
 */

.project .rate-details {
	float: left;
	width: 570px;
}
.project .rate-details ul {
	margin: 0;

}
div.feedback {
    border: 1px solid red;
    
}


/*
 * ----------------------------------------------------------------
 * Gallery
 * ----------------------------------------------------------------
 */
#location {
    display: none;
}
#gallery {
    display: none;
}
#feedback {
    display: none;
}
div.gallery {
    clear: both;
    overflow: hidden;
}
div.gallery div.image-container {
    width: 220px;
    height: 175px;
    border: 1px solid #CCC;
    float: left;
    margin: 0px 0px 10px 10px;
    overflow: hidden;
}
div.gallery div.image {
    width: 220px;
    height: 150px;
    line-height: 150px;
    text-align: center;
    overflow: hidden;
}
div.image-container div.description {
    padding: 5px;
    border-top: 1px solid #CCC;
    text-align: center;
    font-size: 9pt;

}
div.image-container div.description * {
    line-height: 16px;
    vertical-align: middle;
}
div.gallery div.image img,
div.gallery div.image .poof {
    vertical-align: middle;
}
#gallery div.gallery div.image-container,
#gallery div.gallery div.image {
    width: 210px !important;
    height: 150px !important;
}

/*
    Contact page
*/
#pmc-details {
	margin: 10px 20px 20px 10px;
	padding-bottom: 20px;
	border: 2px solid #FFF;
	width: 300px;
	background: #e6eef2;
	float: right;
	clear: right;
}

/*
    Advertising
*/
div.ad-leaderboard {
    width: 819px;
    overflow: hidden;
    clear: both;
    text-align: center;
}

/*
    Re-list UL
*/
ul.list,
ul.list ul,
ul.list ul ul {
    list-style-type: disc !important;
    padding: 0px 0px 0px 20px !important;
    margin: 0px 0px 10px 20px !important;
    position: static !important;
    display: block !important;
    top: 0px !important;
    left: 0px !important;
    background-image: none !important;
}
ul.list li {
    list-style-image: inherit !important;
    list-style-type: inherit !important;
    list-style-position: outside !important;
    position: static !important;
    background-image: none !important;
}
ul.list a {
    background-image: none !important;
}
ul.list ul.categories-2 a.parent {
    font-size: inherit !important;
    background-image: none !important;
}

/*
    Payment form
*/
#payment-form table {
    border-style: none;
}
#payment-form td {
    text-align: left;
    border-style: none;
    vertical-align: middle !important;
}
#payment-form b {
    font-size: 14px;
}
#payment-form input[type=button] {
	border: 0;
	width: 120px;
	height: 26px;
	color: #FFF;
	font-weight: bold;
	background: url(/images/red_btn_wide.png) no-repeat;
}
#payment-form font[color=AA0000] {
    color: #d4000b !important;
}

/*
    Articles
*/
#industry-expert {
	margin: 10px 20px 10px 10px;
	padding-bottom: 5px;
	border: 2px solid #FFF;
	width: 360px;
	background: #e6eef2;
	float: right;
	clear: right;
}
.image1 {
    float: left;
    margin: 10px 20px 10px 20px;
    clear: right;
}
.image2 {
    float: right;
    margin: 20px 20px 20px 20px;
    clear: right;
}

.adsense-smallsquare {
    float: right;
    width: 200px;
    height: 200px;
    overflow: hidden;
}

/*
    Nav
*/
#nav-toplevel a {
    color: #FFFFFF;
    font-size: 15px;
    letter-spacing: -1px;
    text-decoration: none;
    padding: 3px 30px 0px 0px;
}
#nav-toplevel a:hover {
    color: #C4D5E0;
}
#nav-toplevel a.active {
    color: #27404d !important;
}