/* Default Styles */
@import url("reset.css");

@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,700);
* {
	word-wrap: break-word;
	break-word: break-all;
}

button:focus,input:focus,textarea:focus,select:focus
{    
    outline: 0;
    border: 1px solid #016DAB !important;
}

strong, b {
	font-weight: bold;
}

em {
	font-style: italic;
}

.iframe {
	font-family: 'Oswald', sans-serif;
}

.iframe p {
	margin: 15px 0;
	font-size: initial;
	line-height: 20px;
}

.iframe li {
	font-family: initial;
	font-size: initial;
	font-family: Oswald;
	line-height: 20px;
}

.iframe span {
	font-family: initial;
	font-size: initial;
}

.iframe ul, .iframe ol {
	font-family: initial;
	font-size: initial;
	list-style: initial;
	margin-left: 20px;
	list-style-position: inside;
}

.group:before, .group:after {
	content: "";
	display: table;
}

.group:after {
	clear: both;
}

.group {
	zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

html {
	
}

body {
	font-family: 'Oswald', sans-serif !important;
	color: #013f5e;
	margin: 0;
	font-size: 12pt;
	background: white;
}

input {
	color: #013f5e;
}

select {
	width: 200px;
	background: #003f5b;
	background: linear-gradient(#003F5A,#00638C) !important;
    background: -webkit-linear-gradient(#003F5A,#00638C) !important;
	height: 28px;
	color: white;
	font-size: 14px;
	font-family: 'Oswald', sans-serif !important;
}

select option {
	background: #003f5b;
}

option.add_new, option.add-new {
	background: green;
	font-weight: bold;
}

option.not {
	background: red;
	font-weight: bold;
}

button {
	background: linear-gradient(tan, black);
    background: -webkit-linear-gradient(tan, black);
    
	color: white;
	border-radius: 5px;
	min-height: 25px;
	padding: 5px 10px;
	font-family: 'Oswald', sans-serif !important;
	font-size: 15px;
	line-height: 17px;
	cursor: pointer;
	border: 0;
}

.red_button:hover, .green_button:hover {
	background: linear-gradient(#003f5b, #000);
    background: -webkit-linear-gradient(#003f5b, #000);
    
	color: white;
}

.green_button:active, .red_button:active {
	background: linear-gradient(#003f5b, #000);
    background: -webkit-linear-gradient(#003f5b, #000);
        
	color: white;
}

.gray_box {
	background: linear-gradient(#ddd, #eee);
    background: -webkit-linear-gradient(#ddd, #eee);
    
	border-radius: 5px;
	border: 1px solid #ddd;
	padding: 20px;
}

button.active_button {
	background: green;
	color: white;
}

a {
	text-decoration: none;
	color: inherit;
}

a:hover {
	text-decoration: underline;
}

h1 {
	font-size: 20pt;
}

h2 {
	font-weight: bold;
	font-size: 18pt;
}

h3 {
	font-weight: bold;
	font-size: 16pt;
}

h4 {
	font-weight: bold;
	font-size: 15pt;
	margin: 0;
}

h5 {
	font-weight: bold;
	font-size: 14pt;
}

h6 {
	font-weight: bold;
	font-size: 8pt;
}

hr {
	margin-top: 0;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
	box-shadow: none;
}

hr.top-border {
	width: 780px;
	margin: 0;
}

hr.bottom-border {
	position: absolute;
	width: 930px;
	left: -14px;
	top: -24px;
}

[disabled] {
	background: #eee !important;
	color: black !important;
}

.clear {
	clear: both;
}

#page_info {
	margin: 10px 0;
	margin-left: 9%;
	margin-right: 10%;
}

#page_info #page_title {
	font-size: 20px;
	margin-bottom: 10px;
}

#page_info #page_description {
	font-size: 16px;
	font-weight: normal;
	margin-bottom: 10px;
}

#page_info hr {
	
}

textarea {
	border-radius: 6px;
	line-height: 20px;
	background: white;
	border: 1px solid black;
}

.ui-tooltip .arrow {
	width: 25px;
	height: 25px;
	background-size: contain;
	margin: 0 auto;
	position: absolute;
	left: 45%;
	bottom: -23px;
}

.ui-tooltip {
	padding: 0 !important;
	border: 0 !important;
	max-width: 960px !important;
}

.ui-tooltip-content {
	background: linear-gradient(#91B3C2, #fff) ! important;
    background: -webkit-linear-gradient(#91B3C2, #fff) ! important;
    
	color: black !important;
	padding: 5px !important;
	border-radius: 6px !important;
	font-family: 'Oswald', sans-serif !important;
	font-size: 18px;
	line-height: 24px;
	border: 0 !important;
	box-shadow: 5px 5px 28px 5px black;
}

.view-all-module .tiny {
	width: 60px;
}

/*Begin Dashboard Styles */
#top-header-background {
	width: 100%;
	background: url(images/navigation/proq-top-repeat.png);
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
}

.dashboard-container {
	width: 100%;
}

.page {
	padding: 10px;
}

.page .page-top, .page .page-bottom {
	position: relative;
}

.page .page-top-title {
	float: left;
	margin-left: 25px;
	font-size: 16pt;
	margin-top: 15px;
}

.page .page-top .page-top-buttons {
	float: right;
	margin-right: 25px;
	margin-bottom: 5px;
}

.page .page-top .page-top-buttons button {
	margin-right: 10px;
}

.page button {
	background-repeat: no-repeat;
}

.page .page-bottom {
	
}

.page .page-bottom .page-bottom-buttons {
	float: right;
	margin-right: 20px;
	margin-top: 5px;
}

.area-deactivated {
	background: rgb(255, 174, 174);
	padding: 15px;
	border-radius: 5px;
	margin-bottom: 20px;
}

/*End Dashboard Styles */

/* Navigation Menu Styles */
.navigation-bar {
	position: relative;
	margin-bottom: 25px;
	min-height: 100px;
}

.top-navigation-bar {
	height: 60px;
	font-size: 18pt; <!--
	background: url('images/navigation/proqueue-top-blue-header-repeat.png');
	-->
}

.navigation-menu {
	height: inherit;
	overflow: hidden;
	padding: 10px 0 0 80px;
	/* width: 65%; */
	margin: 0px auto;
}

.navigation-menu li {
	list-style: none;
	float: left;
	margin-right: 15px;
	padding: 10px;
}

.navigation-menu li.home
{
  padding: 0;
  width: 40px;
  border-radius: 50%;
  background: white;
  height: 40px;
  text-align: center;
  border: 1px solid #00405B;
  box-shadow: 2px 2px 10px 0px #00405B;
}

.navigation-menu li.home a
{
	display: block;	
}

.navigation-menu li.home a img
{
	margin-top: 3px; 
	height: 35px;
}

.navigation-menu a {
	position: relative;
	color: white;
	text-shadow: 5px 5px 10px #00405B;
}

/* End Navigation Menu*/
.contacts-module #action_bar div {
	cursor: pointer;
}

/* Contacts Page */
.page-top {
	
}

.page-top-title {
	margin: 0;
	margin-top: 2px;
	margin-right: 10px;
	margin-top: 7px;
}

.page-top-search {
	float: left;
	width: 300px;
}

.search_box {
	background: #f4efea !important;
	height: 32px !important;
	font-size: 14px !important;
	border: 1px solid #cccbcb !important;
	border-radius: 5px;
	padding: 0 5px !important;
	width: 272px !important;
}

.page-top-search #search-contacts, .page-top-search input[type='search']
	{
	background: #f4efea;
	height: 25px;
	font-size: 14px;
	border: 1px solid #cccbcb;
	border-radius: 5px;
	padding: 0 5px;
	clear: left;
	float: left;
	margin-top: 7px;
	-webkit-appearance: textfield;
	margin-right: 10px;
}

.page-top-search button {
	float: left;
}

.page-top-lower {
	margin-bottom: 30px;
}

.no-pad * {
	padding: 0 !important;
}

.no-margin * {
	margin: 0 !important;
}

#form-container, .form-container {
	border: 0;
	/* padding-top: 11px;
        margin-top: -25px; */
}

#form-container .contact-info-area, .form-container .contact-info-area {
	
}

#form-container .address-area, .form-container .address-area {
	
}

#form-container .social-media-area, .form-container .social-media-area {
	
}

#form-container input, .form-container input, input[type="search"] {
	background: #fff;
	height: 32px;
	font-size: 14px;
	border: 1px solid #cccbcb;
	border-radius: 5px;
	width: 100px;
	padding: 0 5px;
	clear: left;
}

#form-container input, select, .form-container input {
	margin-right: 20px;
	margin-bottom: 20px;
}

#form-container input[type="search"], input[type="search"],
	.form-container input[type="search"] {
	background: #f4efea;
	float: left;
	margin-top: 7px;
	-webkit-appearance: textfield;
	width: 272px !important;
}

input[type="submit"] {
	
}

input[type="checkbox"], input[type="radio"] {
	width: 20px !important;
	height: 15px !important;
	padding: 0 !important;
	margin: 0 !important;
	margin-right: 20px !important;
	box-shadow: none;
}

.percent {
	font-size: 18px !important;
	text-align: center;
}

.number {
	text-align: center;
}

/* 8 Characters */
#form-container input.tiny, input.tiny {
	width: 75px;
}

/* 18 Characters */
#form-container input.small, input.small {
	width: 150px;
}

/*30 Characters */
#form-container input.medium, input.medium {
	width: 200px;
}

/*42 Characters */
#form-container input.large, input.large {
	width: 350px;
}

/*60 Characters */
#form-container input.xlarge, input.xlarge {
	width: 500px;
}

.invalid {
	border: 3px dotted red !important;
}

div.invalid {
	opacity: .8;
	font-weight: bold;
	font-size: 14px;
	color: red;
	border: 0 !important;
}

div.invalid[for="company_id"] {
	
}

div.invalid[for="contact_facebook"], div.invalid[for="contact_twitter"],
	div.invalid[for="contact_linkedin"] {
	top: -15px !important;
	left: -25px !important;
	font-size: 13px;
}

.full-name {
	font-size: 24px;
}

.plain-contact-menus, .dropdown-menu {
	visibility: visible !important;
	position: static !important;
	background: #003f5b;
	height: 28px;
	color: white;
	font-size: 14px;
}

/* End Contact Forms */

/* Button Styles */
button {
	
}

button[class] {
	border: 0;
}

.question-mark-button {
	background: url(images/campaigns/proq-question-mark-button.png);
	width: 14px;
	height: 14px;
	border: 0;
	background-color: transparent !important;
	background-position: 0px -4px;
}

.google-map-button {
	width: 100px;
	height: 29px;
	background: url(images/buttons/pro-google-maps-button-100x29.jpg);
	cursor: pointer;
}

/*End Button Styles */

/* #Icons# Styles */
.camera-icon
{
	background: url(images/icons/camera-icon.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;    
    background-size: contain;
}

.loading-icon
{
	background: url(images/icons/ajax-loader.gif);
	width: 100px;
	height: 100px;
	background-repeat: no-repeat;
    background-size: contain;
}

.magnifying-glass-icon 
{
	background: url(images/icons/magnifying-glass-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.link-icon 
{
	background: url(images/icons/website-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}


.twitter-icon {
	background: url(images/icons/twitter-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.facebook-icon {
	background: url(images/icons/facebook-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.linkedin-icon {
	background: url(images/icons/linkedin-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.youtube-icon {
	background: url(images/icons/google+-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.video-icon
{
	background: url(images/icons/youtube-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.envelope-icon {
	background: url(images/icons/envelope-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.office-phone-icon {
	background: url(images/icons/phone-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.smart-phone-icon {
	background: url(images/icons/phone-icon-25x25.png);
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
}

.calendar-and-time-icon {
	background: url(images/buttons/pro-calendar-and-time-icon.png);
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

.paperclip-icon {
	background: url(images/buttons/pro-paperclip-icon.png);
	width: 40px;
	height: 40px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

.h-paperclip-icon {
	background: url(images/icons/pro-paperclip-135x51.png);
	width: 135px;
	height: 51px;
	cursor: pointer;
	background-size: contain;
	background-repeat: no-repeat;
}

.green-checkmark-icon {
	background: url(images/buttons/pro-green-checkmark-icon-45x45.png);
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-repeat: no-repeat;
}

.arrow-icon {
	background: url(images/buttons/pro-black-arrow-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-repeat: no-repeat;
}

.green-arrow-icon {
	background: url(images/icons/pro-arrow-green-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.blue-arrow-icon {
	background: url(images/icons/pro-arrow-blue-30x30.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.reverse {
	-webkit-transform: rotate(180deg);
}

.curved-arrow-icon {
	background: url(images/buttons/pro-curved-arrow-icon-20x15.png);
	width: 20px;
	height: 15px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-repeat: no-repeat;
}

.printer-icon {
	background: url(images/buttons/pro-printer-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-repeat: no-repeat;
}

.pause-button {
	background: url(images/buttons/pro-pause-button-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-repeat: no-repeat;
}

.play-button {
	background: url(images/buttons/pro-play-button-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-repeat: no-repeat;
}

.shaking-hands-icon {
	background: url(images/buttons/pro-shaking-hands-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.merge-arrow-icon {
	background: url(images/buttons/pro-merge-arrow-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.delete-icon, .red-x-button {
	background: url(images/buttons/pro-delete-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.unavailable-icon {
	background: url(images/icons/pro-unavailable-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.add-icon {
	background: url(images/buttons/pro-add-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.archive-icon {
	background: url(images/icons/pro-archive-icon-dark-blue-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.unarchive-icon {
	background: url(images/buttons/pro-unarchive-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.edit-icon {
	background: url(images/icons/pro-edit-icon-dark-blue-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.file-icon {
	background: url(images/icons/pro-edit-icon-dark-blue-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.download-icon {
	background: url(images/buttons/pro-download-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.attachment-icon {
	background: url(images/buttons/attachment-icon.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.red-x-icon {
	background: url(images/buttons/pro-red-x-icon-45x45.png);
	width: 45px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.up-arrow {
	background: url(images/icons/pro-up-arrow-icon.png);
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.right-arrow-icon {
	background: url(images/icons/pro-simple-arrow-right-32x32.png);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.right-arrow-filled-icon {
	background: url(images/icons/pro-filled-arrow-right-32x32.png);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.left-arrow-icon {
	background: url(images/icons/pro-simple-arrow-left-32x32.png);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.left-arrow-filled-icon {
	background: url(images/icons/pro-filled-arrow-left-32x32.png);
	width: 32px;
	height: 32px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.loader {
	background: url(images/icons/pro-loader-icon.gif);
	width: 66px;
	height: 66px;
	background-repeat: no-repeat;
	text-indent: -999px;
	position: fixed;
	top: 45%;
	left: 45%;
	z-index: 1000000;
}

.remove-icon {
	background: url(images/icons/pro-remove-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.send-email-icon {
	background: url(images/icons/pro-send-email-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.physical-meeting-icon {
	background: url(images/icons/physical-meeting-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.virtual-meeting-icon {
	background: url(images/icons/virtual-meeting-icon-25x25.png);	
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.estimate-icon {
	background: url(images/icons/pro-moneybag-icon-dark-blue-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	aborder-radius: 0 !important;
	background-position: center;
}

.invoice-icon {
	background: url(images/icons/INV.png);
	width: 25px;
	height: 11px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-position: center;
}

.bug-icon {
	background: url(images/icons/pro-bugs-icon.png);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-position: center;
	background-size: contain;
}

.thumbs-up {
	background: url(images/icons/pro-green-thumbs-up-130x130.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.thumbs-down {
	background: url(images/icons/pro-red-thumbs-down-130x130.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.pending-icon {
	background: url(images/icons/pro-question-icon-dark-blue-50x50.png);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.booking-icon {
	background: url(images/icons/pro-pencil-and-paper-128x128.png);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.paid-icon {
	background: url(images/icons/pro-moneybag-128x128.png);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.sent-icon {
	background: url(images/icons/pro-sent-icon-dark-blue-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.late-icon {
	background: url(images/icons/pro-late-icon-dark-blue-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.partial-icon {
	background: url(images/icons/pro-partial-64x64.png);
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.red-trashcan-icon {
	background: url(images/icons/pro-red-trash-icon.png);
	width: 48px;
	height: 48px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.drag-handle-icon {
	background: url(images/icons/pro-drag-handle.png);
	width: 59px;
	height: 90px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.task-icon {
	background: url(images/icons/pro-task-icon-dark-blue-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.void-icon {
	background: url(images/icons/pro-void-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.plus-icon {
	background: url(images/icons/pro-plus-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
	background-size: contain;
}

.map-pointer-icon {
	background: url(images/icons/pro-google-map-pointer-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.road-icon {
	background: url(images/icons/pro-road-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.report-icon {
	background: url(images/icons/pro-reports-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.link-icon-old {
	background: url(images/icons/pro-link-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.unlink-icon {
	background: url(images/icons/pro-unlink-icon-25x25.png);
	width: 25px;
	height: 25px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.admin-icon {
	background: url(images/icons/pro-admin-icon-35x35.png);
	width: 35px;
	height: 35px;
	background-repeat: no-repeat;
	text-indent: -999px;
}

.relationship-icon {
	width: 50px;
	height: 50px;
	background: url(images/icons/pro-relationships-icon-50x50.png);
	background-size: contain;
	background-repeat: no-repeat;
}

.lock-icon
{
	width: 25px;
	height: 25px;
	background: url(images/icons/pro-lock-icon-tan-25x25.png);
	background-size: contain;
	background-repeat: no-repeat;	
}

.unlock-icon
{
	width: 25px;
	height: 25px;
	background: url(images/icons/pro-unlock-icon-tan-25x25.png);
	background-size: contain;
	background-repeat: no-repeat;	
}

/* End #Icons# Styles */

/* Specific page classes */

/* Contacts-People Page */
.contacts-person #view-all {
	text-indent: -999px;
	margin-top: 2px;
}

.select-box-row select, .select-box-module select {
	width: 204px !important;
	margin-left: -19px; ! important;
	margin-top: 5px !important;
}

.group_list_box.area-c.grid-100.tablet-grid-100 {
	border-radius: 5px;
	margin-left: -20px;
	width: 206px;
	min-height: 57px !important;
	padding-bottom: 0px;
}

.interest_list_box.area-c {
	border-radius: 5px;
	width: 176px;
	margin-left: -21px;
	min-height: 45px;
	padding-bottom: 0px;
}

.campaign_list_box.area-c {
	border-radius: 5px;
	height: 29px;
	font-size: 12px;
	width: 172;
	margin-bottom: 39px;
	margin-left: -19px;
}

.group-capsule.area-b {
	border-radius: 5px;
	height: 3px !important;
	padding: 0px;
	background-color: transparent;
	margin-bottom: 1px;
}

.grid-20.tablet-grid-20 p {
	margin-top: -1px;
	padding-left: 5px;
	width: 260px;
	font-size: 18px;
	padding-top: 10px;
}

.group-capsule .group_name {
	padding-top: 5px;
	font-size: 16px;
	color: grey !important;
	font-style: italic;
	margin-top: -3px;
	margin-left: -10px;
	margin-right: 10px;
}

.interest-capsule.area-b {
	border-radius: 5px;
	height: 3px !important;
	padding: 0px;
	background-color: transparent;
	margin-bottom: 1px;
}

.interest-capsule .interest_name {
	padding-top: 5px;
	font-size: 16px;
	color: grey !important;
	font-style: italic;
	margin-top: -3px;
	margin-left: -10px;
	margin-right: 10px;
}

.view-contact-button {
	background-image: url(images/buttons/que-people-view-all.png);
	width: 61px;
	height: 76px;
	background-position: 0 -8px;
	background-color: transparent;
	text-indent: -999px;
	margin: -18px;
	background: url(images/buttons/proq-view-button.png);
	width: 65px;
	height: 30px;
	background-position: 0 -3px;
	border: 0;
	background-color: transparent;
	margin: 0;
}

.view-contact-button:hover {
	background-position: 0 -86px;
	background-position: 0 -36px;
}

#contact-listing area-a group grid-100 tablet-grid-10 {
	
}

.group_box span {
	margin-left: -18px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-style: italic;
}

.interest_box span {
	margin-left: -15px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-style: italic;
}

.campaign_box span {
	margin-left: -16px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-style: italic;
}

.address-area #update-contact-button {
	margin-top: -16px;
}

.save-button {
	margin-top: -18px !important;
	float: right;
}

.social-media-area #update-contact-button {
	margin-top: -43px;
}

.notes-area.area-b {
	margin-top: -6px !important;
}

.notes-module textarea {
	border-radius: 5px;
	min-height: 81px;
	font-size: 13px;
	margin: 5px 0px 0px;
	width: 940px;
	float: left;
}

.notes-module hr {
	width: 100% !important;
}

.social-media-area {
	margin-top: -7px !important;
}

.social-media-module input {
	width: 150px !important;
}

.social-media-module button {
	position: absolute;
	z-index: 1;
}

.company-module .view-website {
	position: absolute;
	right: 10px;
	top: 10px;
}

#current_contact_container .contact-listing, #current_company_container .company-listing,
	#current_group_container .group-listing, #current_form_container .form-listing,
	#deactivated-accounts-container .deactivated-account-listing,
	.group-listing {
	border-radius: 5px;
	margin: 5px;
	padding: 5px;
	font-size: 14px !important;
}

#current_contact_container .view-button, #current_company_container .view-button
	{
	margin-left: -8px;
	margin-top: -5px;
}

.contact-listing .contact-name, .company-listing .company-name {
	font-size: 14px !important
}

.contact-listing .contact-email, .company-listing .company-website {
	font-size: 14px !important;
	margin-left: 238px;
}

.contact-listing .contact-phone, .company-listing .company-phone {
	font-size: 14px !important;
	margin-left: 135px;
}

.contacts-person .select-box-row, .contacts-person .select-box-module {
	padding: 0 30px;
}

.contacts-person .contact-info-area h4 {
	margin-left: 10px;
}

.contacts-person #form-container .select-address {
	margin-left: 20px;
}

.contacts-person #current_contact_container .select-address {
	margin-left: 10px;
}

.contacts-person h4.address {
	margin-left: 20px;
}

#current_contact_container .campaign_list_box.area-c {
	margin-bottom: 0px;
}

#update-contact-module .heading-title, .contact-module .heading-title,
	.module .heading-title {
	margin-bottom: 15px;
}

#update-contact-module .heading-title .salutation,
	#update-contact-module .heading-title .suffix, #update-contact-module .heading-title .assigned-to,
	.contact-module .heading-title .salutation, .contact-module .heading-tittle .suffix,
	.contact-module .heading-title .assigned-to, .module .heading, .module .heading-title .assigned-to
	{
	color: #888;
	font-size: 20px;
	font-style: italic;
}

#update-contact-module .heading-title h2, .contact-module .heading-title h2,
	.module .heading-title h2 {
	float: left;
	font-size: 24px;
}

#update-contact-module .heading-title h4, .contact-module .heading-title h4,
	.module .heading-title h4 {
	float: left;
	padding-top: 2px;
	font-size: 20px;
	margin-left: 30px;
}

#update-contact-module .heading-title .assigned-to, .contact-module .heading-title .assigned-to,
	.module .heading-title .assigned-to {
	font-size: 18px;
}

#update-contact-module #current_contact_department, .contact-module #contact_department
	{
	width: 100%;
}

.history-container .history-header-row {
	font-size: 16px;
	font-weight: bold;
	height: 15px;
	padding: 10px;
	background: tan;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(199, 192, 185)
		/*{a-bar-background-start}*/), to(#fff) /*{a-bar-background-end}*/));
	background: -webkit-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -moz-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -ms-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -o-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	border-radius: 5px;
}

.action-bar {
	font-size: 16px;
	font-weight: bold;
	background: tan;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(199, 192, 185)
		/*{a-bar-background-start}*/), to(#fff) /*{a-bar-background-end}*/));
	background: -webkit-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);    
	background: -moz-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -ms-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -o-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	height: 40px;
	clear: both;
	margin-bottom: 15px;
	padding-top: 10px;
	padding-left: 10px;
	border-radius: 5px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.action-bar .title {
	float: left;
	font-size: 20px;
}

.action-bar select {
	float: right;
	margin: 0;
	min-height: 24px;
	min-width: 135px;
	max-width: 170px;
	margin-right: 10px;
}

#update-contact-module #update-contact .office-number-container,
	.contact-module .office-number-container, .phone-email-sidebar-module .alternate-number-container,
	.phone-email-sidebar-module .fax-number-container {
	position: relative;
}

.phone-email-sidebar-module input.ext {
	margin-left: 33px;
	margin-right: 0 !important;
}

.phone-email-sidebar-module input.ext_number {
	width: 121px;
	float: left;
	margin-right: 0 !important;
}

.phone-email-sidebar-module .alternate-number-container a {
	position: absolute;
	right: 0px;
	top: 9px;
	display: block;
}

.phone-email-sidebar-module input, #form-container .phone-email-sidebar-module input
	{
	width: 217px;
}

.phone-email-sidebar-module .primary-number-container {
	position: relative;
}

.phone-email-sidebar-module .primary-number-container a {
	position: absolute;
	right: 0px;
	top: 9px;
	display: block;
}

.phone-email-sidebar-module .direct-number-container a {
	position: absolute;
	right: 0px;
	top: 9px;
	display: block;
}

.intl_container {
	position: absolute;
	top: 0px;
	left: 141px;
	font-size: 13px;
}

#update-contact-module #update-contact #current_search_company,
	.contact-module #search_company {
	width: 265px;
}

#update-contact-module #update-contact #current_contact_title,
	.contact-module #contact_title, .contact-module #current_contact_title
	{
	width: 224px;
}

#update-contact-module #update-contact #current_contact_salutation,
	.contact-module #contact_salutation, .contact-module #current_contact_salutation
	{
	width: 131px;
}

#update-contact-module #update-contact #current_contact_suffix,
	.contact-module #contact_suffix, .contact-module #current_contact_suffix
	{
	width: 105px;
}

#update-contact-module #update-contact #current_contact_street,
	.contact-module #contact_street, .address-module .street {
	width: 150px;
}

#update-contact-module #update-contact #current_contact_state,
	.contact-module #contact_state, .address-module .menu-state {
	width: 125px;
}

#update-contact-module #update-contact hr, .contact-module hr, .module hr,
	#update-company-module #update-company hr, .company-module hr {
	margin: 15px 0 5px 10px;
	width: 648px;
}

#update-contact-module #update-contact .company-name-container,
	.contact-module .company-name-container {
	position: relative;
}

#update-contact-module #update-contact .company-name-container button,
	.contact-module .company-name-container a {
	position: absolute;
	right: 19px;
	top: 10px;
	display: block;
}

#update-contact-module #update-contact .primary-email-container,
	#update-contact-module #update-contact .alternate-email-container,
	.phone-email-sidebar-module .alternate-email-container,
	.phone-email-sidebar-module .primary-email-container {
	position: relative;
}

#update-contact-module #update-contact .primary-email-container button,
	.phone-email-sidebar-module .primary-email-container a {
	position: absolute;
	right: 0px;
	top: 9px;
	display: block;
}

#update-contact-module #update-contact .alternate-email-container button,
	.phone-email-sidebar-module .alternate-email-container a {
	position: absolute;
	right: 0px;
	top: 9px;
	display: block;
}

#update-contact-module #update-contact #current_contact_email,
	#update-contact-module #update-contact #current_contact_email2,
	.contact-module #contact_email, .contact-module #contact_email2,
	.module .primary-email-container input[type='email'],
	.phone-email-sidebar-module input[type='email'] {
	width: 217px;
}

#update-contact-module #update-contact #current_contact_zip,
	.contact-module #contact_zip {
	width: 52px;
}

#update-contact-module #update-contact #current_contact_street2,
	.contact-module #contact_street2 {
	width: 55px;
}

#update-contact-module #update-contact #current_contact_street,
	#update-contact-module #update-contact #current_contact_street2,
	#update-contact-module #update-contact #current_contact_zip,
	#update-contact-module #update-contact #current_contact_state,
	#update-contact-module #update-contact #current_contact_city,
	.contact-module #contact_street, .contact-module #contact_street2,
	.contact-module #contact_zip, .contact-module #contact_state,
	.contact-module #contact_city, .module .address-area .street, .module .address-area .street2,
	.module .address-area .city, .module .address-area .state, .module .address-area .zip,
	.module .address-area .street_additional, .module .address-area .street2_additional,
	.module .address-area .city_additional, .module .address-area .state_additional,
	.module .address-area .zip_additional {
	width: 100%;
}

.contact-module #submit-button, .module #submit-button {
	margin-top: 50px;
	float: right;
}

#contact-simple-register select {
	width: 100% !important;
	margin-right: 0 !important;
}

#contact-simple-register .company_label {
	font-size: 20px;
	color: green;
}

/* End Contact People Page */

/* Contacts-Company page */
.contacts-company #view-all {
	text-indent: -999px;
	margin-top: 2px;
}

.company-module #company_name, .company-module #company_website,
	.company-module #current_company_name, .company-module #current_company_website
	{
	width: 100%;
}

.company-module #company_website, .company-module #current_company_website
	{
	width: 95%;
}

.company-module #current_company_state {
	width: 123px;
}

.company-module .google-map-button {
	margin-right: 26px;
}

#calendar {
	
}

.contacts-company #add-contact-company, .contacts-company #current_company_container .history-area,
	.contacts-company .view-all-contacts-container {
	min-height: 650px;
}

.contacts-company .view-all-contacts-container .history-area {
	min-height: 0 !important;
}

.view-all-module hr {
	/*width: 245px;*/
	
}

/*end contacts-company page*/

/* Contacts-Groups page */
.group-listing {
	min-height: 35px;
}

.group-name {
	font-size: 14px !important;
}

.group-description {
	
}

.search-row-group {
	padding: 0 !important;
}

.search-row-group .area-c {
	margin-top: 5px;
}

.search-row-group span {
	font-style: italic;
}

.save-container {
	margin-top: 162px;
}

.contacts-groups #current_group_container .group-area.form-container,
	.contacts-groups #current_group_container .interest-area.form-container
	{
	margin-top: 0;
}

/* End Contacts-Groups page */

/* Contacts-Forms page */

/* End Contacts-Forms page */

/* Manage-Users page */
.manage-users .resend-pw-button {
	float: left;
	margin-top: 7px;
}

.manage-users .profile-image-area {
	text-align: right;
	padding-left: 0;
}

.select-menu-row-users {
	padding: 0;
}

.select-menu-row-users .grid-20.tablet-grid-20, .select-menu-row-users .hourly-rate
	{
	padding-left: 0;
}

.select-menu-row-users .type, .select-menu-row-users .permissions {
	padding-left: 10px !important;
}

.select-menu-row-users select {
	width: 130px;
	padding: 0;
}

.select-menu-row-users input {
	height: 27px;
	padding: 3px;
}

.profile-image-area .save-button {
	float: none;
}

#view-all-container .profile-image-area {
	
}

#add-new-form .profile-image-area {
	margin-top: 47px;
}

.manage-users .full-name {
	font-size: 14px;
	padding-top: 3px !important;
}

.manage-users #view-all-container .form-container.area-a, .manage-users #view-all-container .form-container.area-b
	{
	margin-bottom: 35px;
}

.manage-users #view-all-container .account-name-area {
	padding: 0 !important;
	margin: 0 !important;
}

/* End Manage-Users page */

/* Newsletters-Manage page */
.newsletters-templates .save-button {
	margin-top: 0 !important;
}

.newsletters-templates select {
	padding: 0;
}

#newsletter-report .green_button {
	margin-top: 5px !important;
	padding: 5px 0px !important;
	width: 70%;
}

/* End Newsletters-Templates page

/* Contacts-Reports page */
.contacts-reports select {
	margin-bottom: 0;
}

/*Global updates*/
.footer {
	margin: 0 auto;
	text-align: center;
	background: #f4efea;
	padding: 10px;
	margin-top: 150px;
	clear: both;
}

.button-tabs
{
	background: tan;
	background: linear-gradient(rgb(199, 192, 185), #fff);
    background: -webkit-linear-gradient(rgb(199, 192, 185), #fff);
        
	height: 40px;
	border-radius: 5px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);	
}

.button-tabs button, button.single
{	
	padding: 3px 15px;
	height: 40px;
	font-size: 16px;
	color: #013f5e;
	float: left;
	font-family: 'Oswald', sans-serif !important;
	line-height: 16px;
	border-radius: 0;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);	
	border: 1px solid #f3f3f3 !important;
	background: linear-gradient(rgb(209, 204, 198),white);
    background: -webkit-linear-gradient(rgb(209, 204, 198),white);
     
}

button.single
{
	float: initial;	
}

.like_input
{
width: 290px; 
max-width: 95%;
display: block;    
padding: 5px;    
font-size: 14px;    
border: 1px inset #cccbcb;    
border-radius: 6px;    
min-height: 18px;    
line-height: 16px;    
margin-bottom: 15px;
}

.button-tabs button.green, button.single.green
{
	background: linear-gradient( #009600, #006700);	
    background: -webkit-linear-gradient( #009600, #006700);	
    
	color: white;
}

.button-tabs button.red, button.single.red
{
	background: linear-gradient( #900000, darkred);
    background: -webkit-linear-gradient( #900000, darkred);
    
	color: white;	
}

.button-tabs button:hover, button.single:hover
{
	background: linear-gradient(#003f5b,#000);
    background: -webkit-linear-gradient(#003f5b,#000);
    
	color: white;
}

.tabs {
	background: tan;
	background: linear-gradient(rgb(199, 192, 185), #fff);
    background: -webkit-linear-gradient(rgb(199, 192, 185), #fff);
    
	height: 40px;
	border-radius: 5px;
	margin-top: 15px;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.tabs .tab-buttons, .tabs .tab-buttons-add {
	position: absolute;
	top: 0;
	left: 10px;
}

.tabs button {
	margin-bottom: 0;
	padding: 3px 15px;
	font-weight: bold;
	background: transparent;
	height: 40px;
	border: 0;
	border-right: 1px solid black;
	font-size: 16px;
	color: #013f5e;
	float: left;
	margin: auto 0;
	font-family: 'Oswald', sans-serif !important;
	line-height: 16px;
	border-radius: 0;
}

.tabs button.first {
	border-left: 0 !important;
}

.tabs button.last {
	border-right: 0 !important;
}

.tabs button:hover {
	background: white;
}

.active-tab {
	display: block !important;
	width: 100%;
}

.active-tab-button {
	background: white !important;
}

.search-module {
	width: 290px;
	margin: 0 auto;
	height: 38px;
	margin-top: 100px;
	text-align: center;
	margin-bottom: 15px;
}

.search-module .title {
	margin-bottom: 10px;
}

.search-module input[type='search'] {
	margin-right: 15px;
	float: none;
	width: 200px;
}

.search-module button {
	float: none;
}

.search-add-new {
	text-align: center;
	color: darkred !important;
}

.search-filtering-module {
	color: darkred !important;
}

.search-dropdown-options .label, .label {
	font-size: 14px;
	font-style: italic;
}

.label {
	color: black;
}

.ui-autocomplete {
	max-height: 700px;
	overflow-y: auto;
	overflow-x: hidden;
}

.search-dropdown-options .value, .value {
	color: #003f5b;
}

.value {
	font-size: 16px;
}

.address-area h4 {
	float: left;
	margin-right: 20px;
}

.address-area .select-address {
	clear: right;
	margin-top: 2px;
}

input, select, textarea {
	margin-top: 5px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
}

input[type='radio'], input[type='checkbox'] {
	box-shadow: none;
}

label:after, .label:after {
	content: " >     ";
	margin-right: 5px;
}

label {
	font-style: italic;
	color: black !important;
}

input, textarea {
	padding-top: 5px;
}

select {
	padding: 0;
	min-height: 33px;
}

.group_list_box, .interest_list_box, .campaign_list_box {
	margin-bottom: 0 !important;
}

.ui_tpicker_time_label {
	display: none;
}

.ui_tpicker_time {
	margin-bottom: 10px;
	text-align: center;
	margin-top: 10px;
	font-weight: bold;
}

.ui-datepicker-close {
	
}

.ui-spinner input {
	margin-bottom: 0px;
}

#ui-datepicker-div {
	z-index: 9999 !important;
}

.today .value {
	color: green;
}

.overdue .value {
	color: red;
}

.closed .value {
	color: #aaa;
}

.column_name_capsule, .current_column_name_capsule {
	padding: 5px;
	margin: 2px;
	background: #eee;
}

.tabs button.selected_button {
	background: white;
	box-shadow: none;
	color: #003f5b;
	font-weight: bold;
	border: 0;
	border-right: 1px solid black;
}

button.selected_button {
	background: linear-gradient(#003f5b, #000);
    background: -webkit-linear-gradient(#003f5b, #000);
    
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	color: white;
	font-weight: normal;
	border: 1px solid black;
}

.green_button {
	background: linear-gradient(#009600, #006700);
    background: -webkit-linear-gradient(#009600, #006700);
    
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	color: white;
	font-weight: normal;
	border: 1px solid #f3f3f3;
}

.green_button_important {
	background: linear-gradient(#009600, #006700) !important;
    background: -webkit-linear-gradient(#009600, #006700) !important;
    
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
	color: white !important;
	font-weight: normal !important;
	border: 1px solid #f3f3f3 !important;
}

.green_button_important:hover {
	background: linear-gradient(#003f5b, #000) !important;
    background: -webkit-linear-gradient(#003f5b, #000) !important;
    
}

.purechat-button-expand {
	background: linear-gradient(green, #000) !important;
    background: -webkit-linear-gradient(green, #000) !important;
    
	box-shadow: box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
}

.red_button {
	background: linear-gradient(#900000, darkred);
    background: -webkit-linear-gradient(#900000, darkred);
    
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	color: white;
	font-weight: normal;
	border: 1px solid #f3f3f3;
}

.red_button_important {
	background: linear-gradient(#900000, darkred) !important;
    background: -webkit-linear-gradient(#900000, darkred) !important;
    
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) !important;
	color: white !important;
	font-weight: normal !important;
	border: 1px solid #f3f3f3 !important;
}

.red_button_important:hover {
	background: linear-gradient(#003f5b, #000) !important;
    background: -webkit-linear-gradient(#003f5b, #000) !important;
    
}

.margin_bottom_5 {
	margin-bottom: 5px !important;
}

.hr_half {
	margin: 0;
	width: 50% !important;
	margin-top: 5px;
}

#view-all-module p {
	font-size: 14px;
}

#view-all-module label {
	font-size: 16px;
}

.large-numbers {
	font-size: 30px;
	font-weight: bold;
	color: black;
	margin-top: 10px;
	margin-bottom: 20px;
}

.column_name_capsule[data-type="custom"] {
	background: #003f5b !important;
	color: #eee !important;
}

.notes-module .task-link:hover {
	cursor: pointer;
	color: green;
}

.opportunity_listing .grid-20.tablet-grid-20, .opportunity_listing .grid-10.tablet-grid-10
	{
	min-width: 1px;
	min-height: 1px;
}

#opportunities-container .opportunity_listing:hover {
	background: linear-gradient(rgb(221, 221, 221), rgb(238, 238, 238));
    background: -webkit-linear-gradient(rgb(221, 221, 221), rgb(238, 238, 238));
    
}

#opportunities-container #description {
	background: transparent;
	padding: 0;
	margin: 0;
	color: #013f5e;
	font-size: 14px;
	border: 0;
	min-height: 70px;
	width: 95%;
	margin: 0;
	background: #fff;
	height: 32px;
	font-size: 14px;
	border: 1px solid #cccbcb;
	border-radius: 5px;
	padding: 0 5px;
	clear: left;
	margin-left: 3px;
	margin-bottom: 15px;
	margin-top: 10px;
}

#opportunities-container #value, #opportunities-container #assurance {
	width: 50%;
	margin: 0;
	background: #fff;
	height: 32px;
	font-size: 14px;
	border: 1px solid #cccbcb;
	border-radius: 5px;
	padding: 0 5px;
	clear: left;
	margin-left: 3px;
}

#opportunities-container .value {
	font-size: 17px;
}

#opportunities-container .snapshot label {
	margin-bottom: 10px;
}

#opportunities-container .snapshot span {
	font-size: 30px;
	font-weight: bold;
	color: black;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.contact-module #action_bar, .company-module #action_bar {
	float: right;
	margin-right: 10px;
	height: 26px;
	margin-top: 5px;
	padding: 2px;
	padding-right: 4px;
	background: white;
	border-radius: 5px;
}

.contact-module #action_bar div, .company-module #action_bar div {
	float: left;
	margin-left: 5px;
}

#e-intro-container {
	width: 750px;
	height: 600px;
	margin-top: 50px;
}

#merge-person-container, #merge-company-container {
	width: 850px;
}

#add-opportunity-container {
	width: 450px;
}

.selected-group-listing {
	margin-top: 60px;
}

.csv_table {
	float: left;
	width: 48%;
	margin-bottom: 20px;
}

.csv_table tr.first {
	font-size: 16px;
	margin-bottom: 15px;
	padding-bottom: 15px;
}

.csv_table tr.first .hr_half {
	margin-bottom: 15px;
}

.first.csv_table {
	border-right: 1px solid black;
	margin-right: 25px;
}

#merge-person-container #arrow_column, #merge-company-container #arrow_column,
	#merge-person-container #label_column, #merge-company-container #label_column
	{
	float: left;
	min-height: 1px;
	min-width: 1px;
	margin-top: 40px;
}

#merge-person-container #arrow_column .contact_arrow,
	#merge-company-container #arrow_column .contact_arrow {
	width: 20px;
	height: 16px;
	display: block;
	background-size: contain;
	float: right;
	clear: both;
	margin-right: 10px;
}

.fancybox-inner .company-module #company_twitter, .fancybox-inner .company-module #company_facebook,
	.fancybox-inner .company-module #company_linkedin, .fancybox-inner .company-module #company_youtube
	{
	z-index: 0 !important;
}

.fancybox-inner .company-module .social-media-module button {
	position: absolute;
	z-index: 1;
}

#merge-person-container .value, #merge-company-container .value {
	color: black;
}

.company_column p, .contact_column p {
	margin-bottom: 5px;
	min-height: 1px;
}

#label_column .label {
	line-height: 20px;
}

#update-profile {
	width: 610px;
	margin: 0 auto;
}

input[type='file'] {
	margin-right: 20px;
	margin-bottom: 20px;
	background: #fff;
	height: auto !important;
	font-size: 14px;
	border: 0 !important;
	border-radius: 0 !important;
	width: auto !important;
	padding: 0 0 !important;
	clear: left;
}

#contact-report-module #report-header-row {
	margin-bottom: 15px;
}

#contact-report-module .header-row {
	float: left;
	margin-right: 3%;
}

#contact-report-module .row .cell {
	float: left;
	margin-right: 3%;
	min-width: 1px;
	min-height: 1px;
}

#contact-report-module .company_name {
	width: 17%;
}

#contact-report-module .person_name {
	width: 17%;
}

#contact-report-module .user {
	width: 17%;
}

#contact-report-module .status {
	width: 17%;
}

#contact-report-module .date_modified {
	width: 17%;
}

.contact-button, .list-button {
	float: left;
	border: 1px solid black;
	border-radius: 5px;
	background: #eee;
	padding: 3px;
	margin-right: 10px;
}

.contact-button .value, .list-button .value {
	font-size: 13px;
	color: black;
}

.contact-button .delete, .list-button .delete {
	background-size: cover;
	height: 15px;
	width: 15px;
	margin-left: 5px;
}

#popup-message {
	min-width: 10%;
	position: fixed;
	z-index: 999999;
	right: 17px;
	top: 100px;
	opacity: .8;
	background-color: white;
	padding: 10px;
}

#popup-message #popup-message-content {
	float: left;
	min-width: 100px;
	font-size: 25px;
	color: black;
	margin-top: 12px;
}

#popup-message #popup-message-icon {
	float: left;
	min-width: 50px;
	min-height: 50px;
	background-size: contain;
	margin-right: 10px;
}

.hidden {
	display: none;
}

.show {
	display: block;
}

.opportunity_listing .task-link span {
	display: block;
	width: 100%;
	cursor: pointer;
}

.opportunity_listing .task-link span:hover {
	text-decoration: underline;
}

.large-number, .large_number, .big-number, .big_number {
	font-size: 30px;
	font-weight: bold;
	color: black;
	margin-top: 10px;
	margin-bottom: 20px;
	text-align: center;
}

.medium_text {
	font-size: 18px;
}

.medium-number, .medium_number, .med-number, .med_number {
	font-size: 20px;
	font-weight: bold;
	color: black;
	text-align: center;
}

.csv-snapshot div {
	text-align: center;
}

#import-container #message hr {
	margin: 10px 0;
}

.contact-module .overview-container .contact-summary div {
	float: right;
	text-align: center;
	margin-left: 20px;
}

.contact-module .overview-container.dev .contact-summary hr {
	margin-top: 0px;
	width: 70%;
	margin-left: 0;
}

.contact-module .overview-container.dev {
	padding: 0;
}

.contact-module .overview-container.dev .contact-summary div,
	.company-module .overview-container.dev .company-summary div {
	text-align: left;
	float: left;
	margin: 0;
	padding: 0;
}

.contact-module .overview-container .contact_profile_image,
	.company-module .overview-container .company_profile_image {
	max-width: 100px;
	max-height: 100px;
}

.overview-container .profile_image {
	min-height: 100px;
	text-align: center;
}

#upload-profile-image-container {
	min-width: 400px;
	min-height: 250px;
}

#upload-profile-image-container #upload-image-button {
	float: right;
	margin-right: 20px;
}

#alphabetical-sort-search-module {
	/* width: 960px; */
	
}

#alphabetical-sort-search-module .title {
	margin-bottom: 30px;
}

#alphabetical-sort-search-module #alphabet-row {
	margin: 0 auto;
	width: 730px;
	margin-top: 30px !important;
}

#alphabetical-sort-search-module #alphabet-row .letter-link {
	float: left;
	font-size: 30px;
	margin-right: 12px;
	cursor: pointer;
}

#alphabetical-sort-search-module #alphabet-row .letter-link.selected {
	color: green;
	font-weight: bold;
}

#alphabetical-sort-search-module #alphabet-row .letter-link:hover {
	color: green;
}

#alphabetical-sort-search-module #filter-options {
	margin-bottom: 30px !important;
}

#alphabetical-sort-search-module select {
	margin-top: -6px !important;
}

#alphabetical-sort-search-module .order {
	min-width: 75px;
	min-height: 18px;
}

#alphabetical-sort-search-module .count {
	min-width: 50px;
	min-height: 18px;
}

#alphabetical-sort-search-module .order-container,
	#alphabetical-sort-search-module .count-container {
	float: right;
	margin-right: 10px;
}

#alphabetical-sort-search-module .order-container label,
	#alphabetical-sort-search-module .count-container label {
	float: left;
	margin-right: 5px;
}

#alphabetical-sort-search-module .pager-number {
	float: left;
	margin-right: 5px;
	cursor: pointer;
}

#alphabetical-sort-search-module .pager-number:hover {
	color: green;
}

#alphabetical-sort-search-module .pager-number.selected {
	color: green;
	font-weight: bold;
}

#alphabetical-sort-search-module .next-arrow,
	#alphabetical-sort-search-module .previous-arrow,
	#alphabetical-sort-search-module .first-arrow,
	#alphabetical-sort-search-module .last-arrow {
	background-size: contain;
	width: 9px;
	float: left;
	margin: 0 5px;
}

#alphabetical-sort-search-module .pagination {
	width: 100%;
	background: tan;
	background: -webkit-gradient(linear, left top, left bottom, from(rgb(199, 192, 185)
		/*{a-bar-background-start}*/), to(#fff) /*{a-bar-background-end}*/));
	background: -webkit-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -moz-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -ms-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: -o-linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	background: linear-gradient(rgb(199, 192, 185)
		/*{a-bar-background-start}*/, #fff /*{a-bar-background-end}*/);
	border-radius: 5px;
	margin-top: 15px;
	position: relative;
	margin-bottom: 30px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
	padding: 10px 0;
	cursor: pointer;
}

#alphabetical-sort-search-module .pagination:hover {
	background: -webkit-gradient(linear, left top, left bottom, from(#;
	/*{a-bar-background-start}*/ ), to ( #fff) /*{a-bar-background-end}*/
	));
	background: -webkit-linear-gradient(#6995A8 /*{a-bar-background-start}*/, #fff
		/*{a-bar-background-end}*/);
	background: -moz-linear-gradient(#6995A8 /*{a-bar-background-start}*/, #fff
		/*{a-bar-background-end}*/);
	background: -ms-linear-gradient(#6995A8 /*{a-bar-background-start}*/, #fff
		/*{a-bar-background-end}*/);
	background: -o-linear-gradient(#6995A8) /*{a-bar-background-start}*/,
		#fff /*{a-bar-background-end}*/);
	background: linear-gradient(#6995A8 /*{a-bar-background-start}*/, #fff
		/*{a-bar-background-end}*/);
	color: black;
}

#alphabetical-sort-search-module .pagination .bar {
	margin: 0 auto;
	width: 50%;
	text-align: center;
}

#alphabetical-sort-search-module #filter-pagination-bottom {
	margin-top: 50px;
}

#alphabetical-sort-search-module .assigned_to {
	font-size: 15px;
}

.person-update-listing.inline-entry:hover, .company-update-listing.inline-entry:hover
{
	/* background: linear-gradient(rgb(221, 221, 221), rgb(238, 238, 238)); */
}

.group-members-in-group, .interest-members-in-interest {
	width: auto;
	padding: 0;
	margin: 0;
	margin-left: 20%;
}

.inline-entry .image_container {
	min-height: 100px;
	min-width: 100px;
	float: left;
	margin-right: 25px;
	text-align: center;
}

.inline-entry.mini .image_container {
	min-width: 50px;
	float: left;
	margin-right: 25px;
	text-align: center;
	min-height: 50px;
}

#advanced_search_container .grid-15 select {
	width: 100% !important;
}

.contact-custom-column hr, .company-custom-column hr {
	margin-top: 6px;
}

.contact-custom-column .custom-field-listing {
	margin-bottom: 20px;
}

.highlight-keywords {
	background: yellow;
	line-height: 30px;
}

.company-module .overview-container.dev .company-summary hr {
	margin-top: 0px;
	width: 70%;
	margin-left: 0;
}

.company-custom-column .custom-field-listing {
	margin-bottom: 20px;
}

#advanced_search_container select {
	margin: 0;
	margin-top: 5px;
	margin-bottom: 10px !important;
}

#advanced_search_container #custom_columns .label_container {
	display: none;
}

#advanced_search_container .contact_fields select {
	width: 151px;
	margin-right: 15px;
}

/* View All Module with Gradient Interface */
.view-all-module .listing {
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2);
	border: 2px solid #fff;
	/*  background: linear-gradient( rgb(199, 192, 185), #fff); */
	background: linear-gradient(#E7E1DA, #fff);
    background: -webkit-linear-gradient(#E7E1DA, #fff);
    
	color: #003f5b;
	margin-bottom: 15px;
	margin-left: 0;
	padding-left: 0;
	position: relative;
}

.view-all-module .listing:hover {
	background: linear-gradient(#6995A8, #fff);
    background: -webkit-linear-gradient(#6995A8, #fff);
    
	cursor: pointer;
}

.view-all-module .listing:hover .information {
	color: white;
	color: black;
}

.view-all-module .listing:hover .information .description {
	color: #003f5b;
}

.view-all-module .listing .number_container {
	float: left;
	min-width: 176px;
}

.view-all-module .listing .number_container .total_count_number:hover,
	.view-all-module .listing .number_container .today_count_number:hover {
	background: linear-gradient(#003f5b, #000);
    background: -webkit-linear-gradient(#003f5b, #000);
    
	cursor: pointer;
}

.view-all-module .listing .number_container .total_count_number,
	.view-all-module .listing .number_container .today_count_number {
	cursor: pointer;
	float: left;
	height: 40px;
	border-left: 1px solid #003f5b;
	border: 1px solid #003f5b;
	padding-top: 5px;
	line-height: 20px;
	color: white;
}

.view-all-module .listing .number_container .total_count_number {
	border-top-left-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	background: green;
	background: linear-gradient(green, #000);
    background: -webkit-linear-gradient(green, #000);
    
	min-width: 70px;
}

.view-all-module .listing .number_container .today_count_number {
	border-top-right-radius: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-right-radius: 5px;
	border-bottom-right-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	background: darkred;
	background: linear-gradient(darkred, #000);
    background: -webkit-linear-gradient(darkred, #000);
    
	min-width: 70px;
}

.view-all-module .listing .number_container .number {
	font-size: 180%;
	text-align: center;
	font-family: Arial, 'Helvetica Neue', 'HelveticaNeue', helvetica,
		sans-serif;
	float: left;
	width: 100%;
	font-weight: 700;
}

.view-all-module .listing .number_container .number_label {
	width: 100%;
	float: left;
	text-align: center;
}

.view-all-module .listing .information {
	margin-left: 15px;
	float: left;
}

.view-all-module .listing .information .title {
	background-image: none;
	background-repeat: no-repeat;
	padding: 5px 10px 6px 0px;
	background-position: 10px 14px;
	cursor: pointer;
	float: left;
	display: block;
	line-height: 20px;
}

.view-all-module .listing .information .title h3 {
	font-size: 18px;
	font-weight: normal;
}

.view-all-module .listing .information .description {
	float: left;
}

.selected-group-listing {
	margin-top: 30px;
}

.view-all-module .listing #icons_container {
	position: absolute;
	top: 50px;
}

.view-all-module .listing .icon:hover {
	background: linear-gradient(#003f5b, #fff);
    background: -webkit-linear-gradient(#003f5b, #fff);
    
	color: white;
	text-decoration: underline;
}

.view-all-module .listing .icon {
	height: 20px;
	float: left;
	padding: 5px 5px 1px 5px;
	margin-left: 5px;
	border-radius: 0 0 10px 10px;
	box-shadow: 1px 2px 2px rgba(0, 0, 0, 0.2);
	border: 2px solid #fff;
	margin-top: -2px;
	background: linear-gradient(rgb(199, 192, 185), #fff);
    background: -webkit-linear-gradient(rgb(199, 192, 185), #fff);
    
	font-size: 12px;
}

.view-all-module .listing .icon.placeholder {
	visibility: hidden;
	min-width: 59px;
	height: 1px;
}

.view-all-module .listing .icon p {
	float: left;
}

.view-all-module .listing .icon .btn {
	height: 16px;
	width: 16px;
	background-repeat: no-repeat;
	float: left;
	margin-right: 5px;
}

.view-all-module .listing .icon.edit .btn {
	background-image: url('../../../backend/forms/images/icons/pencil.png');
}

.view-all-module .listing .icon.entry .btn {
	background-image:
		url('../../../backend/forms/images/icons/blogs-stack.png');
}

.view-all-module .listing .icon.report .btn {
	background-image:
		url('../../../backend/forms/images/icons/pro-icon-bar-graph.png');
}

.view-all-module .listing .icon.view .btn {
	background-image:
		url('../../../backend/forms/images/icons/magnifier.png');
}

.view-all-module .listing .icon.duplicate .btn {
	background-image:
		url('../../../backend/forms/images/icons/documents.png');
}

.view-all-module .listing .icon.delete .btn {
	background-image:
		url('../../../backend/forms/images/icons/cross-circle-frame.png');
}

.inline-entry.mini:hover {
	background: linear-gradient(#eee, #ddd) !important;
    background: -webkit-linear-gradient(#eee, #ddd) !important;
    
	cursor: pointer;
}

/* #Shared# */
.float_center {
	margin: 0 auto;
	text-align: center;
	color: green;
	margin-top: 80px;
	font-size: 25px;
}

.float_center .description {
	font-size: 20px;
}

/* End #Shared# */

/* Animations */
.ani_loading_color {
	animation: loadingColor 1s infinite alternate;
}

/* Chrome, Safari, Opera */
@keyframes loadingColor 
{
	from 
	{
		background: white;
	}
	to 
	{
		background: #ddd;
	}
}

@keyframes greenButton
{
	from
	{
		background: #009600;
	}
	to
	{
		background: #003C00;
	}
}

.ani_green_button
{
	animation: greenButton 1s infinite alternate;
}

.listing.show {
	display: block !important;
}

.popup_container {
	width: 650px !important;
}

.popup_container hr {
	width: 68% !important;
}

.popup_tooltip {
	padding: 5px;
	width: 340px;
}

.popup_tooltip ul {
	list-style: initial;
	list-style-position: inside;
}

.popup_tooltip ul li {
	
}

.red_strikethrough {
	text-decoration: line-through;
	color: red;
}

@media screen and (max-width: 480px)
{
    .page,#container,body
    {
        padding: 0 !important;
    }
}

.wpb_single_image.vc_align_left
{
    text-align: center;
}

.skip-container
{
    height: 1px;
    padding: 0;
}

#branding
{
    
}

::-webkit-input-placeholder
{
	opacity: .7;
}

@media (max-width: 800px)
{
	.grid-5,.grid-10,.grid-15,.grid-20,.grid-25,.grid-30,.grid-33,.grid-35,.grid-40,.grid-45,.grid-50,.grid-55,.grid-60,.grid-65,.grid-70,.grid-75,.grid-80,.grid-85,.grid-90,.grid-95,.grid-100
	{
		 width: 100%;
		 clear: both;
		 float: none;
		 margin-top: 10px;
		 margin: 0 auto !important;
		 padding: 5px;
		 text-align: center !important;                
	}
	em
	{
		margin: 0 !important;
	}
	i
	{
		display: block;
		position: static !important;
	}
	.tabs
	{
		background: transparent;
		margin: 0;
		padding: 0;
		clear: both;
		float: none;
		position: static;
		height: auto;
		box-shadow: none;
	}
	.tabs button,.mobile_button
	{
		background: linear-gradient(rgb(199, 192, 185), #fff) !important;
		float: none !important;
		width: 100% !important;
		text-align: center !important;
		border: 1px solid black !important;
		line-height: 22px !important;
		margin-bottom: 15px !important;
		height: auto !important;
	}
	.tabs button.margin_top,.mobile_button.margin_top
	{
		margin-top: 15px !important;
	}
	.tabs button:hover,.mobile_button:hover
	{
		color: inherit !important;
		text-decoration: underline;
	}
	.hide_mobile
	{
		display: none;
	}
	.show_mobile
	{
		display: block;
	}
}

/* DON'T ADD ANYTHING BELOW THIS */

/*Fancybox */
.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner,
	.fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object,
	.fancybox-nav, .fancybox-nav span, .fancybox-tmp {
	padding: 0;
	margin: 0;
	border: 0;
	outline: none;
	vertical-align: top;
}

.fancybox-wrap {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 8020;
}

.fancybox-skin {
	position: relative;
	background: #fff;
	color: #013f5e;
	text-shadow: none;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
	position: relative;
}

.fancybox-inner {
	overflow: hidden;
	background: #eee;
	background: transparent;
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin: 0;
	padding: 15px;
	white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span
	{
	background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8060;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}

.fancybox-close {
	position: absolute;
	top: -18px;
	right: -18px;
	width: 36px;
	height: 36px;
	cursor: pointer;
	z-index: 8040;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	text-decoration: none;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	z-index: 8040;
}

.fancybox-prev {
	left: 0;
}

.fancybox-next {
	right: 0;
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	width: 36px;
	height: 34px;
	margin-top: -18px;
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 10px;
	background-position: 0 -36px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -99999px;
	left: -99999px;
	visibility: hidden;
	max-width: 99999px;
	max-height: 99999px;
	overflow: visible !important;
}

/* Overlay helper */
.fancybox-lock {
	overflow: hidden;
}

.fancybox-overlay {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: url('fancybox_overlay.png');
}

.fancybox-overlay-fixed {
	position: fixed;
	bottom: 0;
	right: 0;
}

.fancybox-lock .fancybox-overlay {
	overflow: auto;
	overflow-y: scroll;
}

.fc-event.task-arrow {
	text-indent: 0;
	background-position: 100%;
}

/* Title helper */
.fancybox-title {
	visibility: hidden;
	font: normal 13px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8050;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent;
	/* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	text-shadow: 0 1px 2px #222;
	color: #FFF;
	font-weight: bold;
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	padding-top: 10px;
}

.fancybox-title-over-wrap {
	position: absolute;
	bottom: 0;
	left: 0;
	color: #fff;
	padding: 10px;
	background: #000;
	background: rgba(0, 0, 0, .8);
}

.notification-icon {
	background: url('images/icons/notification_icon.png');
	width: 25px;
	height: 25px;
	cursor: pointer;
	background-repeat: no-repeat;
	background-size: contain;
}

.search-view-all {
	color: green;
	text-align: center;
}

/* End Fancybox */
@media print {
	.navigation-bar, #profile-information, #profile-information-bar,
		#top-header-background, .tabs {
		display: none;
	}
	#message_container, a[href^=javascript] {
		display: none;
	}

	/* */
	.grid-100:before, .grid-100:after {
		content: ".";
		display: block;
		overflow: hidden;
		visibility: hidden;
		font-size: 0;
		line-height: 0;
		width: 0;
		height: 0;
	}
	.grid-100:after {
		clear: both;
	}
	.grid-100 {
		/* <IE7> */
		*zoom: 1;
		/* </IE7> */
	}
	.push-5, .pull-5, .push-10, .pull-10, .push-15, .pull-15, .push-20,
		.pull-20, .push-25, .pull-25, .push-30, .pull-30, .push-35, .pull-35,
		.push-40, .pull-40, .push-45, .pull-45, .push-50, .pull-50, .push-55,
		.pull-55, .push-60, .pull-60, .push-65, .pull-65, .push-70, .pull-70,
		.push-75, .pull-75, .push-80, .pull-80, .push-85, .pull-85, .push-90,
		.pull-90, .push-95, .pull-95, .push-33, .pull-33, .push-66, .pull-66 {
		position: relative;
	}
	.hide-on-desktop {
		display: none !important;
	}
	.grid-5 {
		float: left;
		width: 5%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.05 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-5 {
		margin-left: 5%;
	}
	.suffix-5 {
		margin-right: 5%;
	}
	.push-5 {
		left: 5%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.05 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-5 {
		left: -5%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.05 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-10 {
		float: left;
		width: 10%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.1 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-10 {
		margin-left: 10%;
	}
	.suffix-10 {
		margin-right: 10%;
	}
	.push-10 {
		left: 10%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.1 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-10 {
		left: -10%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.1 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-15 {
		float: left;
		width: 15%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.15 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-15 {
		margin-left: 15%;
	}
	.suffix-15 {
		margin-right: 15%;
	}
	.push-15 {
		left: 15%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.15 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-15 {
		left: -15%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.15 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-20 {
		float: left;
		width: 20%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.2 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-20 {
		margin-left: 20%;
	}
	.suffix-20 {
		margin-right: 20%;
	}
	.push-20 {
		left: 20%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.2 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-20 {
		left: -20%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.2 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-25 {
		float: left;
		width: 25%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.25 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-25 {
		margin-left: 25%;
	}
	.suffix-25 {
		margin-right: 25%;
	}
	.push-25 {
		left: 25%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.25 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-25 {
		left: -25%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.25 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-30 {
		float: left;
		width: 30%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.3 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-30 {
		margin-left: 30%;
	}
	.suffix-30 {
		margin-right: 30%;
	}
	.push-30 {
		left: 30%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.3 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-30 {
		left: -30%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.3 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-35 {
		float: left;
		width: 35%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.35 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-35 {
		margin-left: 35%;
	}
	.suffix-35 {
		margin-right: 35%;
	}
	.push-35 {
		left: 35%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.35 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-35 {
		left: -35%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.35 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-40 {
		float: left;
		width: 40%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.4 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-40 {
		margin-left: 40%;
	}
	.suffix-40 {
		margin-right: 40%;
	}
	.push-40 {
		left: 40%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.4 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-40 {
		left: -40%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.4 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-45 {
		float: left;
		width: 45%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.45 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-45 {
		margin-left: 45%;
	}
	.suffix-45 {
		margin-right: 45%;
	}
	.push-45 {
		left: 45%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.45 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-45 {
		left: -45%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.45 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-50 {
		float: left;
		width: 50%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.5 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-50 {
		margin-left: 50%;
	}
	.suffix-50 {
		margin-right: 50%;
	}
	.push-50 {
		left: 50%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.5 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-50 {
		left: -50%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.5 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-55 {
		float: left;
		width: 55%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.55 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-55 {
		margin-left: 55%;
	}
	.suffix-55 {
		margin-right: 55%;
	}
	.push-55 {
		left: 55%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.55 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-55 {
		left: -55%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.55 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-60 {
		float: left;
		width: 60%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.6 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-60 {
		margin-left: 60%;
	}
	.suffix-60 {
		margin-right: 60%;
	}
	.push-60 {
		left: 60%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.6 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-60 {
		left: -60%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.6 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-65 {
		float: left;
		width: 65%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.65 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-65 {
		margin-left: 65%;
	}
	.suffix-65 {
		margin-right: 65%;
	}
	.push-65 {
		left: 65%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.65 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-65 {
		left: -65%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.65 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-70 {
		float: left;
		width: 70%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.7 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-70 {
		margin-left: 70%;
	}
	.suffix-70 {
		margin-right: 70%;
	}
	.push-70 {
		left: 70%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.7 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-70 {
		left: -70%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.7 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-75 {
		float: left;
		width: 75%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.75 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-75 {
		margin-left: 75%;
	}
	.suffix-75 {
		margin-right: 75%;
	}
	.push-75 {
		left: 75%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.75 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-75 {
		left: -75%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.75 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-80 {
		float: left;
		width: 80%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.8 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-80 {
		margin-left: 80%;
	}
	.suffix-80 {
		margin-right: 80%;
	}
	.push-80 {
		left: 80%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.8 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-80 {
		left: -80%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.8 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-85 {
		float: left;
		width: 85%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.85 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-85 {
		margin-left: 85%;
	}
	.suffix-85 {
		margin-right: 85%;
	}
	.push-85 {
		left: 85%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.85 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-85 {
		left: -85%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.85 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-90 {
		float: left;
		width: 90%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.9 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-90 {
		margin-left: 90%;
	}
	.suffix-90 {
		margin-right: 90%;
	}
	.push-90 {
		left: 90%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.9 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-90 {
		left: -90%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.9 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-95 {
		float: left;
		width: 95%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.95 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-95 {
		margin-left: 95%;
	}
	.suffix-95 {
		margin-right: 95%;
	}
	.push-95 {
		left: 95%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.95 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-95 {
		left: -95%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.95 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-33 {
		float: left;
		width: 33.33333%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.33333 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-33 {
		margin-left: 33.33333%;
	}
	.suffix-33 {
		margin-right: 33.33333%;
	}
	.push-33 {
		left: 33.33333%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.33333 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-33 {
		left: -33.33333%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.33333 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-66 {
		float: left;
		width: 66.66667%;
		/* <IE7> */
		*width: expression(Math.floor ( 0.66667 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.prefix-66 {
		margin-left: 66.66667%;
	}
	.suffix-66 {
		margin-right: 66.66667%;
	}
	.push-66 {
		left: 66.66667%;
		/* <IE7> */
		*left: expression(Math.floor ( 0.66667 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.pull-66 {
		left: -66.66667%;
		/* <IE7> */
		*left: expression(Math.floor ( -0.66667 * ( this.parentNode.offsetWidth - 
			parseFloat(this.parentNode.currentStyle.paddingLeft)- parseFloat(this.parentNode.currentStyle.paddingRight)))+
			 "px");
		/* </IE7> */
	}
	.grid-100 {
		clear: both;
		width: 100%;
	}

	/* */
}