@charset "UTF-8";
/* CC Website Document */


/* sub header */
.subheader{
	
	height:150px;
	background-color:#4D6380;
}

.subheader img{
	
	border-bottom: 1px #ccc solid;
}
/* Website Boxes */
.websiteTextBox{
	border:1px solid #ccc;
   	padding: 10px 30px 10px 30px;
   	margin: 0 0 30px 0px;
	background-color:#fff;
}

.websiteTextBox .headingText{

	color: #47A447!important
}


/* Custom Breadcrumb CSS Document - Hovers removed*/

.breadcrumbCustom {
	display: inline-block;
	overflow: hidden;
	width:100%;
	border-bottom: 1px #999999 solid;
	background-color:#F3F3F3;
	margin-bottom:30px;
	font-family: 'Open Sans', sans-serif;
}

.breadcrumbCustom p{
	margin:0;
}

.breadcrumbCustom p{
	cursor:default;
}

.breadcrumbCustom a , .breadcrumbCustom p{
	text-decoration: none;
	outline: none;
	display: block;
	float: left;
	font-size: 12px;
	line-height: 36px;
	color: white;
	/*need more margin on the left of links to accomodate the numbers*/
	padding: 0 10px 0 10%;
	background: #F3F3F3;
	background: linear-gradient(#F3F3F3, #E3E3E3);
	position: relative;
	
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/
.breadcrumbCustom a:first-child, .breadcrumbCustom p:first-child {
	padding-left: 46px;
	border-radius: 5px 0 0 5px; /*to match with the parent's radius*/
}
.breadcrumbCustom a:first-child:before , .breadcrumbCustom p:first-child:before{
	left: 14px;
}

/*hover/active styles*/
.breadcrumbCustom a.active, .breadcrumbCustom p.active{
	background: #5780AA!important;
	/*background: linear-gradient(#5780AA, #2a77c6)!important;*/
	color:#FFF!important;
}

.breadcrumbCustom a.active:after,  .breadcrumbCustom p.active:after {
	background: #5780AA;
	background: linear-gradient(135deg, #5780AA, #2a77c6);
}

/*adding the arrows for the breadcrumbCustoms using rotated pseudo elements*/
.breadcrumbCustom a:after, .breadcrumbCustom p:after {
	content: '';
	position: absolute;
	top: 0; 
	right: -18px; /*half of square's length*/
	/*same dimension as the line-height of .breadcrumbCustom a */
	width: 36px; 
	height: 36px;
	/*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
	transform: scale(0.707) rotate(45deg);
	-moz-transform: scale(0.707) rotate(45deg);
	-webkit-transform: scale(0.707) rotate(45deg);
	
	/*we need to prevent the arrows from getting buried under the next link*/
	z-index: 1;
	/*background same as links but the gradient will be rotated to compensate with the transform applied*/
	background: #F3F3F3;
	background: linear-gradient(135deg, #F3F3F3, #E3E3E3);
	/*stylish arrow design using box shadow*/
	/*box-shadow: 
		2px -2px 0 2px rgba(0, 0, 0, 0.4), 
		3px -3px 0 2px rgba(255, 255, 255, 0.1);
	
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
	border-radius: 0 5px 0 50px;
}

.flat a, .flat a:after, .flat p, .flat p:after {
	background: #F3F3F3;
	color: black;
	transition: all 0.5s;
}

 .flat a.active, .flat a.active:after,  .flat p.active, .flat p.active:after{
	background: #5780AA;
}

.breadcrumbCustom a:first-child , .breadcrumbCustom p:first-child{
padding-left: 46px;
border-radius: 0;
}

#nextclick, #backclick{
	color: #5cb85c;
    font-size: 15px;
    font-family: 'Open Sans', sans-serif;
    cursor: pointer;	
	display: inline-block;
    padding: 5px 14px;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-radius: 15px;
	text-shadow:none;
}

#nextclick{
	float:right;
}

#backclick{
	float:left;
}

#nextclick:hover, #nextclick:focus {
    text-decoration: none;
    background-color: #eeeeee;
}


/* Set wrap to minimum height of 100% of the body */
.wrap{
	min-height:100%;
}

/* Background Colour for the page */
.bodyBackground{
	background-color:#f9f9f9; /*Cream*/
}


/* Navbar text settings */
.navbar-default .navbar-nav > li > a {
    color:#E4E4E4; /*Grey*/
}

/* Navbar text hover settings */
.navbar-default .navbar-nav > li > a:hover {
    color:#5cb85c; /*Success Green*/
}



#planTrial, #planCustom{
	cursor:pointer;	
}


/* Text Settings */

.renewinfo{
	border: 1px dashed #dddddd;
	padding: 15px;
	margin:15px;
}

.greenText{
	
color:#4cae4c !important;  /*Success Green*/		
}

.redText{
	
color:#a94442 !important; /* Red */	
}

.topbottomMargin100{
	margin-top: 100px;
	padding-bottom:100px;
}

.topMargin25 {
	margin-top: 25px;
}

.topMargin50 {
	margin-top: 50px;
}

.greyUnderline{
	border-bottom:1px solid #dddddd;
}

.headingText{
	
	font-size:24px; 
	font-weight:500; 
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px; 
	color:#555;
}

.headingTextSm{
	
	font-size:20px; 
	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
	margin-bottom:20px; 
	color:#555;
}

.headingTextMd{
	
	font-size:26px; 
	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
}

.headingTextLg{
	
	font-size:32px; 
	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
}

.smallerheadingText{
	padding-top:20px;
	font-size:36px;
}       

.warningText{
	font-size:14px; 
}

.headingBodyText{
	font-size:17px; 
	font-weight:100;
	font-family: 'Raleway', sans-serif;
	color:#747474; /* Grey */
	line-height: 1.3em;
}

.tinyBodyText{
	font-weight:100;
	font-family: 'Raleway', sans-serif;
	color:#747474; /* Grey */
	line-height: 1em;
	font-size:12px
}

.headingBodyTextMd{
	font-size:17px; 
	padding-left:1px;
	font-family: 'Raleway', sans-serif;
	color: #555;
    line-height: 1.6;
    margin-top: 20px;
	font-weight:100;
}

.headingBodyTextSm{
	font-size:14px; 
	font-weight:100;
	padding-right:7px;
	font-family: 'Raleway', sans-serif;
	color:#10103b; /* Blue */
	line-height: 1.5em;
	margin-top:20px;
}

.smallerheadingBodyText{
  font-size:18px;          
}

.linkText{
	font-size:18px; 
	font-weight:100; 
	font-family:Helvetica, Gotham, 'Helvetica Neue', Arial, sans-serif; 
	color:#47a447; /* Green */
}

.linkTextRed{
	font-size:20px; 
	font-weight:500; 
	font-family:Helvetica, Gotham, 'Helvetica Neue', Arial, sans-serif; 
	color:#a94442 /* Red */
}


/* Custom Form Content */

.additionalCol .textsearch, .textequals, .textmatch{
	margin-bottom:5px;
}


.additionalCol select.form-control.addtextSearch + .chosen-container.chosen-container-single .chosen-single {
	height: 32px;
	line-height: 26px;
	padding-top: 3px;
	border: 1px solid #cccccc;
	border-radius: 0;
}

.additionalCol select.form-control.addtextSearch + .chosen-container.chosen-container-single .chosen-single span{
   	font-size: 14px!important;
	color: #0E0F3B;
}

/*Multiple drop down */
.additionalCol select.form-control + .chosen-container-multi .chosen-choices {
	height: 28px;
	line-height: 20px;
	padding-top: 3px;
	border: 1px solid #cccccc;
	border-radius: 0;
	padding-bottom: 0
}

.additionalCol select.form-control + .chosen-container-multi .chosen-choices span{
		font-size: 12px!important;
	color: #0E0F3B;
}

.additionalCol select.form-control + .chosen-container-multi .chosen-choices li.search-choice:not(:last-of-type)  {
		margin-bottom:3px;
}

/* Hide data placeholder */
.additionalCol .chosen-container-multi .chosen-choices li.search-field input[type="text"] {
    color: #fff;  
}

/* Specific to custom form */
.additionalCol .textsearch .addtextSearch{
	text-align: left; 
   	max-width: 50%;
    font-size: 14px;
   	height: 32px;
	line-height: 26px;
    padding-right: 3px;
    padding-left: 12px;
}

/* This will affect all additional cols */
.additionalCol .addtextSearch{
	width: 100%;
   	background-color: #ffffff;
   	background-image: none;
  	color: #0E0F3B;
    vertical-align: middle;
    border: 1px solid #cccccc;
}


/* Main Page Content */
.ccMainContentForm{
	/*border-left: 6px #F3F3F3 solid!important;*/
	margin-top: 30px;
	margin-bottom:100px;
	margin-left: 0px;
}

.ccMainContentForm .form-group{
   margin-left:0;
   margin-right:0;
}

.ccMainContentForm label{
   padding-right: 15px;
}


/* Prices Table */
.pricesTable{
	border-collapse: separate;
	border-spacing: 5px 0px;
	margin-top: 25px;
}

.reviewPage .pricesTable{
	margin-top: 0px;
}
.pricesTable tbody tr:nth-child(odd) td {
	background-color: #F3F3F3 !important;
}

.pricesTable tbody tr:nth-child(even) td {
	background-color: #FFF !important;
}

.pricesTable tbody tr:first-child td {
	border-top:1px solid #dddddd;
}

.pricesTable tbody tr:last-child td {
	border-bottom:1px solid #dddddd;
}

.pricesTable .header1 th, .pricesTable .header1 td{
	border-bottom: 0!important;
	border-top: 0!important;
	border-radius: 5px 5px 0 0;
}

.pricesTable .header1b td{
	padding-bottom:24px;
}

.pricesTable .header1{
	height: 50px;
}

.pricesTable .header1{
	height: 50px;
}

.pricesTable .header2{
	height: 100px;
}
.pricesTable .headerPre {
	height:15px;	
}

.pricesTable .headerPre th, .pricesTable .headerPre td{
	border:none;
}

.pricesTable .headerPre th.planPre{
	position:relative;	
	background-color:#eca610;
	border-radius:5px 5px 0 0;
}

.pricesTable .header1 th.planPreBelow{
	border-radius:0px 0px 0 0 !important;
}

.pricesTable .header2 th, .pricesTable .header2 td{
	opacity:0.9;
	border-bottom: 0!important;
	border-top: 0!important;
	font-family: 'Raleway', sans-serif;
	font-size:16px;
	padding-top: 25px;
	padding-bottom: 0;
}
	
.pricesTable .gapRow{
height:5px;	

}

.pricesTable .gapRowLg{
	height:20px;
}

.pricesTable .gapRowNothing{
	height:0px;	/* To Make Colours Work in Order In Prices Table */
}

/* Reset Prices Table */
.pricesTable th, .pricesTable td {
  	padding: 8px;
  	line-height: 1.428571429;
  	vertical-align: top;
  	border-top: 0px solid #dddddd;
  	font-weight:100; 
	font-family: 'Open Sans', sans-serif;
}

.pricesTable thead th, .pricesTable thead td {
  	vertical-align: bottom;
  	font-size:19px; 
	color:#10103b; /*Dark Blue*/
}

.pricesTable thead td {
	padding-left:23px;
	padding-right:23px;
}

.pricesTable tbody tr td {
  	font-size:16px; 
	color:#10103b; /*Dark Blue*/
	background-color:#FFF;
	border-left:1px #dddddd solid;
	border-right:1px #dddddd solid;
	border-top:0;
	border-bottom:0;
}

/*.pricesTable tbody tr th:first-child, tbody tr td:first-child{*/
.pricesTable tbody tr th:first-child, .pricesTable tbody tr td:first-child{
  	background-color:#f9f9f9; /*Cream*/
}

/*.pricesTable tbody tr th:first-child, tbody tr td:first-child{*/
.pricesTable tbody tr th:first-child, .pricesTable tbody tr td:first-child{
  	padding-right:8px;
	background:none;
	width: 40%;
}

.pricesTable.customtable  {
	margin-top:10px;
	
	border-spacing: 10px 0px;
}

.pricesTable.customtable p{
	padding-left:15px;
	padding-right:15px;
}

.pricesTable.customtable p.greenNumbers{
	color:#4cae4c /*Success Green*/	
}

.customtable.pricesTable .header1 th, .customtable.pricesTable .header1 td{
	border-bottom: 0!important;
	border-top: 0!important;
	border-radius: 0!important;
}

.customtable.pricesTable .headerPre th, .customtable.pricesTable .headerPre td{
	border-bottom: 0!important;
	border-top: 0!important;
	border-radius: 5px 5px 0 0;
}

.pricesTable tbody tr.selectedRow:nth-child(odd) td {
	background-color:#5cb85c !important;
	color:white;
	font-size:18px;
	border-top:2px solid #4cae4c;
	border-bottom:2px solid #4cae4c;
}

.pricesTable tbody tr.selectedRow:nth-child(even) td {
	background-color:#5cb85c !important;
	color:white;
	font-size:18px;
	border-top:2px solid #4cae4c; /*Success Green*/	
	border-bottom:2px solid #4cae4c; /*Success Green*/	
}

/* Confirm */
.pricesTable.confirm{
	border-collapse:collapse;
	padding-left:15px;
	padding-right:15px;
}

.pricesTable.confirm tbody tr td:first-child {
	
	width: 40%;
}

.pricesTable.confirm tbody tr td:last-child {
	
	padding-left:10px;
}
.pricesTable.confirm tbody tr td {
	font-size: 13px;
}

.additionalcosttext{
	font-size:80%;
	margin:0;
	padding-top:0;
	padding-bottom:0;
}

#totalCostVal {
	
	
}

#refundVal {
	
	
}

.reviewPage .pricesTable tbody tr.discountRow td{
	background-color:#5cb85c !important;
	font-size:14px !important;
	color:#FFF !important;
}

.valText{
	font-size: 14px;
}

.confirmHeader{
	background-color: #428bca;
	color: #FFF;
	padding: 7px;
	font-size: 14px;
	margin-bottom: 3px;
	margin-top: 90px;
	border-radius: 5px 5px 0 0;
}

.confirmHeader:first-child{
	margin-top: 15px;
}

.pricesTable.confirm .custom, .pricesTable.confirm .bronze, .pricesTable.confirm .silver, .pricesTable.confirm .gold, .pricesTable.confirm .platinum,.pricesTable.confirm .trial{
	text-align:left;
	padding-left: 10px;
	font-size: 13px;
}
	
#confirm_form label {
	text-align: left;
    padding-left: 2px;
    color: #666;
    font-size: 14px;
}

.confirmInputs{
	margin-top:20px;	
}


.dropdown-menu > li > a {
	cursor:pointer;
}

.tickglph{
  color:#5cb85c; /*Success Green*/	
}

.crossglph{
  color:#A9444A; /*Red*/	
}

.feature{
	text-align:left;	
}

.bronze{
	background-color:#d7620c;
	color:#FFF !important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}

.silver{
	background-color:#737986; /* Silver */
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	color:#FFF!important;	
}

.gold{
	background-color:#eca610;
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
	color:#FFF!important;	
}

.platinum{
	background-color:#3772aa;
	color:#FFF!important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}

.trial{
	background-color:#8faf6e; /*Success Green*/
	color:#FFF!important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}

.custom{
	background-color:#806B9B; /*Purple*/
	color:#FFF!important;	
	text-align:center;
	padding-top:5px;
	padding-bottom:5px;
	position:relative;
}


/* Highlight column on mouse over */
.pricesTable .highlighted{
	
}

.pricesTable .footeradditional{
	background:none; 
	font-size:10px;
}

.btn-row {
	padding-top: 0px; /* Reset for value in bootstrap custom */
}

.buttonsRow button{
	height: 65px;
}
		
.buttonsRow td{
	background:none!important;	
	border-bottom:1px solid #dddddd!important;	
	border-left:1px solid #dddddd!important;	
	border-right:1px solid #dddddd!important;	
}

.buttonsRow td:first-child {
	border-bottom:0!important;
	border-right:0!important;
	border-left:0!important;
}

/* Vouchers */
#vouchercode{
	text-transform:uppercase;
	font-size:20px;
	font-weight:bolder;	
    color: #5CB85C!important;
}

#voucherbutton{
	margin-left:10px;	
}


/* Prices Panel */
.pricesPanel {
	border-color:#4d637b!important;
	margin-bottom:100px;
}

.pricesPanel .panel-heading{
   	height:90px;
   	background-color:#4d637b;
   	border-color:#4d637b;
	border-bottom:none;
}

.pricesPanel .panel-body{
   	padding:0 50px 50px 50px;
	border: none;
}
 
.pricesPanel .panel-heading h3, .pricesPanel .panel-heading h4{
	text-align:center;
 }
 
.pricesPanel .panel-heading h3{
	font-family: 'Open Sans', sans-serif;
	padding-bottom:5px;
 	font-size:22px;
}
 
.pricesPanel .panel-heading h4{
font-family: 'Raleway', sans-serif;
margin-bottom: 15px;
	margin-top: 10px;
}
	 
.triangle-down {
	width: 0;
	height: 0;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
	border-top: 10px solid #eca610;
	position:absolute;
	top:100%;
	left:50%;
	margin-left:-12px;
}

.ribbon {
   right:2%;
   max-width:98%;
   z-index:1;
   top:-1px;
   border-radius:3px 3px 1px 1px;
   position: absolute;
  	background: #057705;
   background: -webkit-gradient(linear, left top, left bottom, from(#057705), to(#46Af46));
   background: -webkit-linear-gradient(top, #057705, #46Af46);
   background: -moz-linear-gradient(top, #057705, #46Af46);
   background: -ms-linear-gradient(top, #057705, #46Af46);
   background: -o-linear-gradient(top, #057705, #46Af46);
   background-image: -ms-linear-gradient(top, #057705 0%, #46Af46 100%);
   -webkit-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   -moz-box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   box-shadow: rgba(000,000,000,0.3) 0 1px 1px;
   font-family: 'Helvetica Neue',Helvetica, sans-serif;
}

.ribbon h2 {
   font-size: 14px!important;
   color: #FFF;
   font-family:Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
   font-weight:200;
   margin:0px;
   padding: 5px 10px;
 }

.ribbon-stitches-top {
   margin-top:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.5);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.5);
}

.ribbon-stitches-bottom {
   margin-bottom:2px;
   border-top: 1px dashed rgba(0, 0, 0, 0.2);
   -moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   -webkit-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
   box-shadow: 0px 0px 2px rgba(255, 255, 255, 0.3);
}



/*Registration Page*/
.tandccheckbox
{
	text-align:center;	
}

#tick_form .tandccheckbox{
	text-align: right;
	padding-bottom: 30px;
	padding-right: 10px;
}

.radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"] {
	float:none;
	margin:0;	
	font-size:20px;
}

.tandccheckbox label{
	font-size:20px;
	cursor: default;
	color:#5cb85c;
}

.tc_button{	
	font-size:18px;
}

.tandcbox{
	margin:0 0px 50px 0px; 
	padding:0 50px 0 50px;	
	max-height:400px;
	overflow:scroll;
	border:1px #CCC solid;
}

	
/* Navs Row */
.pager{
	padding-left:20px;
	padding-right:20px;
}
	
.panelNavs.row .pager li a{
	color:#5cb85c;
	font-size:15px;
	font-family: 'Open Sans', sans-serif;
	cursor:pointer;
}

.panelNavs.row .pager li a:hover{
	color:#5cb85c;
}

.pager .disabled > a, .pager .disabled > a:hover, .pager .disabled > a:focus, .pager .disabled > span {
	color: #999999!important;
	cursor: not-allowed!important;
	background-color: #ffffff!important;
}
	
.panelNavs.confirmNavs .pager li a{
	font-size:12px;
}

.panelNavs.confirmNavs .pager .next a{
	border:none;
}

.panelNavs.confirmNavs .pager li a.completeTrialReg{
	font-size:15px;
}

.panelNavs.confirmNavs .pager .next a.completeTrialReg{
	border: 1px solid #dddddd;
}
	
/* Cookie Error */
.cookie_error{
	
height:300px;
background-color:#10103B;
padding:50px;	
font-size:18px;
text-align:center;
}

/* PayPal Click Box */

#paypalclick{
padding:10px;
text-align:center;
margin-top:40px;
	
	
}
	
	
	
/* T&C CSS Document */

#policy h2 { color: black; font-family:Arial; font-style: normal; font-weight: bold; text-decoration: none; font-size: 14pt; }
#policy p { color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 8pt; margin:0pt; }
#policy h3 { color: black; font-family:Arial; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
#policy .s1 { color: black; font-family:Arial; font-style: normal; font-weight: bold; text-decoration: none; font-size: 10pt; }
#policy .a, #policy a { color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 8pt; }
#policy li {display: block; }
#policy #l1 {padding-left: 0pt;counter-reset: c1 0; }
#policy #l1> li:before {counter-increment: c1; content: counter(c1, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l2 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l2> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l3 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l3> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l4 {padding-left: 0pt;counter-reset: c3 0; }
#policy #l4> li:before {counter-increment: c3; content: counter(c1, decimal)"."counter(c2, decimal)"."counter(c3, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l5 {padding-left: 0pt;counter-reset: c3 0; }
#policy #l5> li:before {counter-increment: c3; content: counter(c1, decimal)"."counter(c2, decimal)"."counter(c3, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l6 {padding-left: 0pt;counter-reset: c3 0; }
#policy #l6> li:before {counter-increment: c3; content: counter(c1, decimal)"."counter(c2, decimal)"."counter(c3, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l7 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l7> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l8 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l8> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l9 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l9> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }
#policy #l10 {padding-left: 0pt;counter-reset: c2 0; }
#policy #l10> li:before {counter-increment: c2; content: counter(c1, decimal)"."counter(c2, decimal)". "; color: black; font-family:Arial; font-style: normal; font-weight: normal; text-decoration: none; font-size: 10pt; }

							
/***************/
/*Media Queries*/
/***************/

/* iPhone */
@media (max-width: 767px) {


.loginbutton{
	margin: 5px 15px;
	padding: 5px;	
}


.headingText{
	font-size:24px; 
}

.headingBodyText{
	font-size:18px; 
}

.linkText{
	font-size:16px; 
}

.indexnavbar.navbar-default .navbar-nav > li > a {
   padding-right:12px;
}

.pricesTable th{ 
	font-size:8px !important; 
}

.pricesTable td{
	font-size:6px !important; 
}

.btn-group{
	
	/*width:100%;*/
}

tr .btn{
	/*font-size:9px !important; 
	padding:2px 2px;
	width:100%;*/
}	
	
}

/* Small Screens */
@media (min-width: 768px) and (max-width: 991px) {	

.headingText{
	font-size:30px; 
}

.pricesTable th{ 
	font-size:14px !important; 
}

.pricesTable td{
	font-size:14px !important; 
}


}

/* iPad */
@media (min-width: 992px) and (max-width: 1199px) {

.headingText{
	font-size:36px; 
}


.btn#planBronze:after, .btn#planSilver:after, .btn#planGold:after, .btn#planPlatinum:after{
	/*content:' Plan';*/
}

.indexnavbar.navbar-default .navbar-nav > li > a {
   padding-right:14px;
}

.pricesTable th{ 
	font-size:14px !important; 
}

.pricesTable td{
	font-size:14px !important; 
}

}

/* Laptop and High Res Screens*/
@media (min-width: 1200px) {


.btn#planBronze:after, .btn#planSilver:after, .btn#planGold:after, .btn#planPlatinum:after{
	/*content:' Plan';*/
}
}



/* Flex Slider */
#intro .flexslider {
	overflow: hidden;
	border-top:1px #CCC solid;
}

#intro .flex-control-nav {
	display: none;
}

#intro .flexslider .slides li {
	background-size: cover;
	padding: 50px 0 280px 0;
	background-position: center center;
	background-repeat: no-repeat;
}

#intro .flexslider .slides li .container{
	margin-left:100px;
}


#intro .flexslider .slides li .container span {
	display: block;
}

#intro .flexslider .slides li .container .line1 {
	font-size: 70px;
	font-family: 'Merriweather', serif;
	margin: 0 0 15px 0;
	color: #FFF;
}

#intro .flexslider .slides li .container .line2 {
	font-weight: 100;
	font-family: 'Open Sans', sans-serif;
	font-size: 30px;
	line-height: 30px;
	margin: 0 0 35px 75px;
	color: #CCC;
}

#intro .flexslider .slides li .container p {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #2a2a2a;
	line-height: 28px;
	margin: 0 0 25px 0;
}

#intro .flexslider .slides li .container .slide-btn {
	width: 340px;
	height: 40px;
	color: #fff;
	font-family: 'Open Sans', sans-serif;	
	border-radius: 4px;
	line-height: 40px;
	text-align: center;
	display: block;
	position: relative;
	font-size: 18px;
	text-decoration: none !important;
	margin: 0px 0px 0px 150px;
}

#intro .flexslider .slides li .container .slide-btn span {
	font-size: 16px;
	position: absolute;
	top: 12px;
	right: 10px;
	color: #FFF;
	-webkit-transition: all .25s ease-in-out;
	-moz-transition: all .25s ease-in-out;
	-ms-transition: all .25s ease-in-out;
	-o-transition: all .25s ease-in-out;
	transition: all .25s ease-in-out;
}

#intro .flexslider .slides li .container .slide-btn:hover,
#intro .flexslider .slides li .container .slide-btn:hover span {
	color: #1c567a;
}

#intro .flex-direction-nav a {
	width: auto;
	height: auto;
	font-size: 30px;
	margin: -45px 0 0 0;
}



/*  Media Queries */
@media only screen and ( max-width: 1400px ) {

	#intro .flexslider .slides li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 40px 0 85px;
	}
	#intro .flexslider .slides li .container{
		margin-left:100px;
	}

	#intro .flexslider .slides li .container .line1 {
		font-size: 62px;
		margin-bottom: 0px;
	}
	#intro .flexslider .slides li .container .line2 {
		font-size: 22px;
		margin: 0 0 20px 70px;
		height: 60px;
	}
	#intro .flexslider .slides li .container p {
		font-size: 16px;
		line-height: 22px;
		margin: 0 0 20px;
	}
	.slide-inner {
		padding-left: 0px;
		
	}
	
	
}


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

	#intro .flexslider .slides li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 40px 0 75px;
	}
	
	#intro .flexslider .slides li .container{
		margin-left:30px;
	}

	#intro .flexslider .slides li .container .line1 {
		font-size: 55px;
		margin-bottom: 10px;
	}
	#intro .flexslider .slides li .container .line2 {
		font-size: 22px;
		margin: 0 0 20px 0px;
		height: 40px;
	}
	#intro .flexslider .slides li .container .slide-btn {
		margin: 0px 0px 0px 0px;
	}

	#intro .flexslider .slides li .container p {
		font-size: 14px;
		line-height: 20px;
		margin: 0 0 15px;
	}
	.slide-inner {
		padding-left: 0px;
		width: 70%;
	}
	
	.pagesubHeader H1{
		font-size: 10px;
		font-weight: bolder;
	}
	

}

/* iPad */
@media only screen and ( max-width: 1185px ) {
	
	#intro .flexslider .slides li .container {
		width: auto;
		padding: 0 40px;
	}
	
	#intro .flex-direction-nav a {
		display:none;
	}
	
	.pagesubHeader H1{
		font-size: 8px;
	}
	
	.btn{
		white-space: normal;
		font-size: 12px;
	}
	
	/*Prices Table */

	.pricesTable {
		border-collapse: collapse;
    	border-spacing: 0px;
	}

	.pricesTable tbody tr th:first-child, tbody tr td:first-child {
    	padding-right: 5px;
    }
	
	.pricesTable th, .pricesTable td {
		padding: 6px 3px;
	}
	
	.pricesTable th {
		font-size: 12px !important;
	}

	.pricesTable td {
		font-size: 10px !important;
	}

	.pricesTable th h4{
		font-size: 14px !important;
	}

	.pricesTable tr.header1{
		font-size:15px;	
	}
	
	.pricesTable.customtable th{
		font-size: 16px !important;
	}
	
	.pricesTable.customtable td{
		font-size: 16px !important;
	}
	
	
	
	.ribbon h2 {
		font-size: 10px!important;
		color: #FFF;
		font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-weight: 200;
		margin: 0px;
		padding: 2px 5px;
	}
	
	
}

/* 991px Collapse */
@media only screen and ( max-width: 991px ) {
	
.pricesTable.customtable p {
    padding-left: 0px;
    padding-right: 0px;
}
	
	
	.monthplan1 p, .monthplan3 p, .monthplan6 p, .monthplan12 p{ 
		padding-left:15px!important;
	}
}



@media only screen and ( max-width: 830px ) {
	
	
	#intro .flexslider .slides li .container .line1 {
		font-size: 50px;
		line-height: 50px;
		margin-bottom:10px;
	}
	#intro .flexslider .slides li .container .line2 {
		font-size: 22px;
		line-height: 25px;
		padding-left:0px;
		 margin: 0 0 30px 0px;
	}
	#intro .flexslider .slides li .container p {
		font-size: 14px;
		line-height: 22px;
	}
	
	#intro .flexslider .slides li .container .slide-btn {
    	margin: 0px 0px 0px 0px;
		width: 240px;
      }
		
	#intro .flex-direction-nav a {
		display:none;
	}

}


@media only screen and ( max-width: 767px ) {
	  
	#intro .flexslider .slides li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 20px 0 35px;
	}
	
	#intro .flexslider .slides li .container{
		margin-left:0px;
	}
	
	#intro .flexslider .slides li .container .line1 {
		font-size: 40px;
		line-height: 40px;
		margin-bottom: 10px;
	}
	#intro .flexslider .slides li .container .line2 {
		font-size: 20px;
		height: 55px;
	}
	#intro .flexslider .slides li .container p {
		font-size: 12px;
		line-height: 20px;
		margin: 0 0 15px;
	}
	.slide-inner {
		padding-left: 0px;
		width: 60%;
	}
	#intro .flexslider .slides li .container .slide-btn {
		font-size: 13px;
		width: 240px;
	}
	
	#intro .flex-direction-nav a {
		display:none;
	}
	
	/*Prices Table */
	.ccMainContentForm {
		margin-bottom: 0px;
	}
	
.pricesPanel .panel-body{
		
		padding: 0 30px 0px 15px;	
	}

	.breadcrumbCustom a:first-child, .breadcrumbCustom p:first-child {
		padding-left: 20px;
	}

	breadcrumbCustom a, .breadcrumbCustom p {
		font-size: 10px;
		padding: 0 10px 0 10%;
	}
	
	.pricesTable th {
		font-size: 10px !important;
	}
	
	.pricesTable .header1 th {
		font-size: 12px !important;
	}
	
	.pricesTable .header1 {
		height: 35px;
	}

	.pricesTable .header2 {
		height: 80px;
	}
	
	.pricesTable .header2 th, .pricesTable .header2 td {
		padding-top: 0;
		padding-bottom: 0;
	}

	.ribbon {
    	right: 0%;
    	max-width: 100%;
    }
	
	.ribbon-content{
		width:100%;
	}
	
	.ribbon h2 {
		font-size: 10px!important;
		padding: 4px 10px;
		width:100%;
		letter-spacing:normal;
	}
	
	.websiteTextBox {
		padding: 5px 15px 5px 15px;
    	margin: 0 0 20px 0px;
	}
	
	.headingBodyText {
		font-size: 14px;
    	line-height: 1.4em;
	}
	
	.headingTextMd {
		font-size: 20px;
		margin-top: 0;
	}
	
	.headingBodyTextMd {
		font-size: 16px;
		line-height: 1.2;
		margin-top: 0;
	}

}



@media only screen and ( max-width: 680px ) {
	
	.desktop-slide {
		display: none;
	}
	.mobile-slide {
		display: block;
	}
	
	#intro .flex-direction-nav a {
		display:none;
	}
	
}

/* iPhone 5 */
@media only screen and ( max-width: 640px ) {
	
	.subheader {
		display:none;
	}

	#intro .flexslider .slides li {
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		padding: 20px 0 35px;
	}
	#intro .flexslider .slides li .container .line1 {
		font-size: 28px;
		margin-bottom: 10px;
		
	}
	#intro .flexslider .slides li .container .line2 {
		font-size: 15px;
		line-height:18px;
		height: 50px;
	}
	#intro .flexslider .slides li .container p {
		font-size: 12px;
		line-height: 20px;
		margin: 0 0 15px;
	}
	.slide-inner {
		padding-left: 0px;
		width: 70%;
	}
	#intro .flexslider .slides li .container .slide-btn {
		font-size: 10px;
		width: 240px;
	}

	#intro .flex-direction-nav a {
		display:none;
	}
	
	.pagesubHeader  {
		display:none;
		padding-top:10px;
		padding-bottom:10px;
	}
	
	.pagesubHeader h1 {
		padding:0;
		margin:0;
	}
	
	.pricesTable th, .pricesTable td {
		padding: 6px 2px;
	}
	
	
	/* Custom */
	.pager {
		 padding-left: 10px; 
		 padding-right: 0px; 
	}

	.panelNavs.row .pager li a {
		font-size: 11px;
	}
	
	.headingBodyTextSm{
		font-size:12px;	
	}
	
	.customtable .form-control{
		height: 28px;
    	font-size: 11px;
	}
	
	.pricesTable.customtable p.greenNumbers {
		font-size:14px;
	}

	.pricesTable.customtable p {
    	padding-left: 0px; 
    	padding-right: 0px; 
	}
	
	
	.pricesTable.customtable td {
    	font-size: 14px !important;
	}
	
	.monthplan1 td, .monthplan3 td, .monthplan6 td, .monthplan12 td{ 
		font-size: 14px!important;
	}
	
	.monthplan1 p, .monthplan3 p, .monthplan6 p, .monthplan12 p{ 
		padding-left:15px!important;
	}
}

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


}

@media only screen and ( max-width: 450px ) {
	
	#intro .flexslider .slides li .container .slide-btn {
		width: 100%;
		font-size: 11px;
	}
	#intro .flexslider .slides li .container .line1 {
		font-size: 18px;
		line-height: 20px;
	}
	#intro .flexslider .slides li .container .line2 {
		font-size: 14px;
		line-height: 14px;
		height:34px;
	}
	
	.slide-inner {
     	padding-left: 0px;
     	width: 64%;
    }
	
	#intro .flex-direction-nav a {
		display:none;
	}
	
}



/* CC Main CSS Document */

/* Used in Old Version, Look at Deleting Once shows are updated */
.contentpanel{
	margin:20px 20px 20px 0px;
	min-height:800px;
	padding-bottom:20px;
}

.contentpanelNoheight{
	margin:20px 20px 20px 0px;
	padding-bottom:20px;
}

.contentpanelShow{
	margin:20px 20px 20px 20px;
}

.wellShow{
	min-height:750px;	
	padding-top:50px;
}

.bodycolumnWrap{
	
	height:100%;
	
}

.bodycolumn{
	padding:0;	
	height:100%;
	/*min-height:100%;*/
}

.onetruefix{
    margin-bottom: -99999px;
    padding-bottom: 99999px;
	background-color:#10103b ; /*dark blue */
}

.equalheight {
   /*	overflow: hidden; */
	height:100%;
	background-color:#10103b;
}

#footer{
	height:200px;
	background-color:#ADB6B5; /*Grey*/	
	padding-top:20px;
}

.hiddenDiv, .hidden{
	display:none;
}


.text-success {
	color: #47a447 !important;
}

/* Dashboard */
/* May Delete */
.alink{
	font-weight: normal;
	color: #428bca;
	cursor: pointer;
	border-radius: 0;
	display: inline-block;
clear: both;
margin-top: 20px;
padding-bottom: 10px;
}

.alink.alinkdash{
	display:block;
	margin:10px 0 0 0 ;
	padding:0;
	
}
 #purchaseRenewal .dashadd{
border: 1px dashed rgb(240, 173, 78) ;
}

.dashboardpanel .row{
	margin-top:15px;
	margin-bottom:25px;
}

.dashboardpanel .panel-title{
	position:relative;
}

.dashboardpanel .panelstatus{
	position:absolute;
	margin:0;
	padding:0;
	top:12px;
	right:25px;
}

.dashboardpanel .panelexpired{
	
color:rgb(169, 68, 66);
}

.dashboardpanel .panellive{
	
color:rgb(77, 170, 77);	
}

.dashboardpanel .panelexpiring{
	
color:rgb(240, 173, 78);
}


.dashboxinfo{
	
	overflow: auto;
}

.dashboardpanel .dashalert .row{
	
	margin-top: 30px;
	margin-bottom: 0;
}

.dashalert{
	line-height: 11px;
	margin-top: 0px;
    margin-bottom: 20px;
}

.dashalert h4{
	font-size:16px;
}

.dashalert .btn{
	float:right;
}

.dashalert .renewbutton{ 
	margin-top: 10px;
	 padding: 4px 8px;
   font-size: 13px;
}


.dashpanel{
	
	padding:20px;
}

.dashpanel .accounttype h4{
	 font-size: 14px;
	text-align:left;
	padding-left:5px;
	border-radius:3px;
}
.dashpanel .dashadd{
	overflow:auto;
	border:1px solid #D9EDF7;
	min-height: 20px;
	padding: 19px;
	margin: 10px 0 20px 0;
	background-color: #fff;
	border-radius: 4px;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}


.dashadd{
    background-color: #F3F3F3;
   	margin: 0 0 20px 0;
	padding-bottom:15px;
}

.redwarningtext{
	
	color:#a94442;
}

.greensuccesstext{
	
	color:#4daa4d;
}

.newplaninfo{
	padding:10px;
	border:1px #4daa4d solid;
	display: block;
    overflow: auto;
}

.newplaninfo p{
	line-height:14px;	
}



.notificationbox{
	margin-bottom: 16px;
    display: block;
   
    overflow: visible;
    background-color: #ECEDF0;
    padding: 10px 10px 5px 10px;	
}

.notificationpriority1{
	 border: 1px #cccccc solid;
	 border-left: 10px #47a447 solid;
}
.notificationpriority2{
	 border: 1px #cccccc solid;
	 border-left: 10px #5bc0de solid;
}
.notificationpriority3{
	 border: 1px #cccccc solid;
	 border-left: 10px #f0ad4e solid;
}
.notificationpriority4{
	 border: 1px #cccccc solid;
	 border-left: 10px #a94442 solid;
}

  .NotifyActions{
	float:right;  
  }


.notificationbox #notificationheader{
	 margin-top: 5px;
    margin-bottom: 5px;
}


.notificationbox #notificationdate{
	
	font-size:11px;
	margin:0;
}


/*****************************/


/* Conversations CSS */

.conversation_status_box{
	text-align: right;
	margin-bottom: 10px;
}

.conversation_status_box button{
	margin-left:10px;	
}
.chat_messages_select{
	background-color:#ECEDF0;
	overflow:auto;
	margin-top: 10px;
	min-height: 600px;
	margin-right: 10px;
}

a.list-group-item {
    color: #0E0F3B;
}

.chat_messages_select a:hover *{
	/*color:#555555 !important;*/
}

.chat_messages_select .list-group .list-group-item.active{
	background-color: #1969AE!important;
}


.chat_messages_select .list-group .list-group-item.active .messagetitle{
	color:#F99537 !important;
}

.chat_messages_select .list-group .list-group-item.active .messagetimedate, .chat_messages_select .list-group .list-group-item.active .messagedetails{
	color:#FFF !important;
}

.chat_messages_select .list-group .list-group-item.active:hover *{
	color:#ECEDF0 !important;
}

.chat_messages_select .list-group .list-group-item:hover .messagetitle{
	color:#F99537 !important;
}


.chat_messages_select .list-group .list-group-item{
	border-radius:0;
	border: 1px solid #CCC;
}
    
.chat_messages_box{
	border:1px solid #CCC; 
	overflow:auto;
	background-color:#FFF;
	padding: 30px;
	margin-top: 10px;
	min-height: 600px;

}

.chat_message_box_msg{
	background-color:#ECEDF0;
	margin-bottom: 15px;
	width:40%;
	max-width:550px;
	clear:both;
	border: 1px #CCC solid;
}

.chat_message_box_msg figure.profile-picture{
	padding:10px;
	display:inline-block;
	width:20%;
}

.chat_message_box_msg figure.profile-picture img{
  	width: 100px;
    border: 1px #003d71 solid;
	max-height:120px;
}
  
.chat_message_box_msg_details{
	display:inline-block;
	vertical-align: top;
   	padding: 0 10px 0 20px;
	width:80%;
}

.chat_message_box_msg_details .messagetitle{
	font-size: 1.2em;
	margin: 10px 0 5px 0;
    font-weight: 600;
}

.chat_messages_select .messagetitle{
	font-size: 1.2em;
	margin: 5px 0 0px 0;
 
}

.chat_message_box_msg_details .messagetimedate{
	margin-top: 5px;
	font-size: 0.9em;
	border-bottom:1px solid #CCC;
	padding-bottom:3px;
}

.chat_messages_select .messagetimedate{
	margin-top: 4px;
	font-size: 1.0em;
	color: #1969AE;
}

.chat_message_box_msg_details .messagedetails{
	font-size: 1.1em;
}

.chat_messages_select .messagedetails{
	font-size: 1.0em;
    padding-top: 4px;
	margin-bottom: 0;
    text-align: right;
    font-style: italic;
    color: #0E0F3B;
}

.chat_message_box_msg_details .messagedeletedinfo{
	font-size: 0.9em;
    color: #f6821f;
    text-align: right;
    padding-top: 3px;
}

.chat_messages_select .messagedelete, .chat_messages_select .list-group .list-group-item.active .messagedelete{
	background-color : #a94442 !important ; /* Red */
	color:white !important;
	text-align:right;	
	float:right;
	padding:5px;
	margin-right:5px;
}
.chat_messages_select .messagenotviewed, .chat_messages_select .list-group .list-group-item.active .messagenotviewed{
	background-color : #5bc0de !important ; /* Red */
	color:white !important;
	text-align:right;	
	float:right;
	padding:5px;
}

.chat_messages_select .messagedelete:hover, .chat_messages_select .list-group .list-group-item.active .messagedelete:hover{
	color:white !important;	
}


.chatownerwrapper{
	width:100%;
	border-bottom:1px solid #CCC;
	overflow: auto;
	margin-bottom: 10px;
}

.chat_message_box_msg.chatowner{
	float:left;
	background-color: #1969AE;
    color: #FFF;
}

.ownerchatmessage{
	background-color: #E7F5E7;
  
}

.conversationbox .ownerchatmessage {
	background-color:#ECEDF0;
}

.conversationbox .ownerchatmessage:hover .title, .conversationbox .ownerchatmessage:hover .message, .conversationbox .ownerchatmessage:hover .messagedate{
	color:#FFF!important;
}

.conversationbox .ownerchatmessage .messagedate{
	color:#47A447;
	font-weight:600;
}

.conversationbox .ownerchatmessage .title, .conversationbox .ownerchatmessage .message{
	color:#0E0F3B;
	font-weight:500;
}

.chat_message_box_msg.chatuser{
	float:right;
}

.chat_message_box_reply{
	margin-top:20px;
}

.chat_message_box_reply #conversationmessage_message{
	border-radius:0!important;
	
}

.chat_message_box_reply_button{
	text-align:right;
}

.chat_message_box_reply .chat_message_box_reply_button button#update{
	margin-top: 10px !important;
    margin-bottom: 0 !important;
    margin-right: 0 !important;
}


.chat_messages_box .chatmessageitempr1, .chat_messages_box .chatmessageitempr2, .chat_messages_box .chatmessageitempr3, .chat_messages_box .chatmessageitempr4{
	 padding-left: 7px;
}

.chatmessageitempr1{
	border-left: 7px #47a447 solid !important; 
}

.chatmessageitempr2{
	border-left: 7px #5bc0de solid !important; 
}

.chatmessageitempr3{
	border-left: 7px #f0ad4e solid !important; 
}

.chatmessageitempr4{
	border-left: 7px #a94442 solid !important; 
}

.chatuser_wrapper{
	border-top: 1px solid #CCC;
    padding-top: 20px;
    clear: both;
}

.chat_messages_box .alink.alinkdash {
    margin: 10px 0 10px 0;
	padding: 0 0 0 10px;
}

.chat_messages_box .dashadd {
    padding-left: 10px;
	background-color:#FFF;
	color:#0E0F3B;
}

.chat_messages_box .dashadd .audiencedetails{
	 color: #1969AE;
}

#chatgrouptoggle{
	padding: 10px;
    border: 1px #003D71 solid;
   	display: inline-block;
    border-radius: 5px;
    background-color: #003D71;
    color: #fff;	
	cursor: pointer;
	text-decoration:none;
	margin-top: 30px;
}

#chatgrouptoggle:hover{
	color:#CCCCCC;
}

.zerowidth {
    width: 0;
    margin-left: 0;
	overflow:auto;
	height:0;
}


.chatgroupl, .chatgroupr{
	/* -webkit-transition: width 0.3s ease, margin 0.3s ease;
    -moz-transition: width 0.3s ease, margin 0.3s ease;
    -o-transition: width 0.3s ease, margin 0.3s ease;
    transition: width 0.3s ease, margin 0.3s ease;*/
}

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

.chat_message_box_msg figure.profile-picture{
	padding:5px;
	width:15%;
}

.chat_message_box_msg figure.profile-picture img{
  	width: 40px;	
}
  
chat_message_box_msg_details .messagetitle{
	font-size: 1.1em;
	margin: 10px 0 5px 5px;
    font-weight: 500;
}

.chat_messages_select .messagetitle{
	font-size: 1.1em;
	margin: 5px 0 0px 5px; 
}

.chat_message_box_msg_details .messagetimedate{
	margin-top: 7px;
	font-size: 1.1em;
	padding-bottom:3px;
}

.chat_messages_select .messagetimedate{
	margin-top: 10px;
	font-size: 1.1em;
}	
}

/*****************************/


/* Navbar.php CSS */
.topleftbox1{
	height:60px; 
	background-color:#4daa4d;" /* Green */
}

.topleftbox2{
	height:35px; 
	background-color:#ADB6B5; /* Silver */
}

.cloudlogo{
	margin:4px 0 0 12px;
	z-index:9999;
	position:relative
}

/* Error.php CSS */
.logorow{
	margin: 0px;
	padding: 0px;
	height: 60px;
	background-color: #4daa4d;" /* Green */
}

.logorow img{
	padding:3px 0 3px 10px;
}


/* Pills Tab CSS */

#pillsTab{
	padding-bottom: 15px;
  	border-bottom: 1px #BBB solid;
  	margin-bottom: 50px;
}

/* Pills Tab Sub row items CSS */
#pillsTab > .subrowitem.firstsubrowitem{
	clear: both;
}

#pillsTab .subrowitem a{
	color:#47a447;
}

#pillsTab .subrowitem.active a{
	color:#fff;
	background-color:#47a447;
}

#pillsTab .subrowitem a:hover{
	color:#fff;
	background-color:#86bf86;
}

#pillsTab .subrowitem.active a:hover{
	color:#fff;
	background-color:#47a447;
}

#sitevisitviewall a, #jointdippingviewall a{
	background-color:#47a447;
	color:#fff;
}

#sitevisitviewall a:hover,  #jointdippingviewall a:hover{
	color:#fff;
	background-color:#86bf86;
}

/* Datatables CSS */
/* Alignment on tables */

td.center, th.center  {
	text-align: center;
}

td.right, th.right {
	text-align: right;
}

td.left, th.left {
	text-align: left;
}

.dt_deleted_class{
	background-color : #000 !important ; /* Red */
	color:white !important;
}
.dt_danger_class{
	background-color : #a94442 !important ; /* Red */
	color:white !important;
}

.dt_bright_danger_class{
	background-color : #d2322d !important ; /* Red */
	color:white !important;
}

.dt_danger_class :hover{
	background-color : #a94442 !important ; /* Red */
	color:white !important;
}

.dt_warning_class{
	background-color : #f0ad4e !important ; /* Orange */
	color:white !important;
}
.dt_info_class{
	background-color : #5bc0de !important ; /* Blue */
	color:white !important;
}
.dt_success_class{
	background-color : #47a447 !important ; /* Green */
	color:white !important;
}
.dt_infoblue_class{
	background-color : #1969AE !important ; /* Green */
	color:white !important;
}


.dt_bronze{
	background-color:#d7620c!important ;
	color:#FFF !important;	
}

.dt_silver{
	background-color:#737986!important ; /* Silver */
	color:#FFF!important;	
}

.dt_gold{
	background-color:#eca610!important ;
	color:#FFF!important;	
}

.dt_platinum{
	background-color:#3772aa!important ;
	color:#FFF!important;
}

.dt_trial{
	background-color:#8faf6e!important ; /*Success Green*/
	color:#FFF!important;
}

.dt_custom{
	background-color:#806B9B!important ; /*Purple*/
	color:#FFF!important;
}

.dt_blue1{
	background-color:#4593F8!important ;
	color:#FFF!important;
}
.dt_blue2{
	background-color:#2A6FC8!important ;
	color:#FFF!important;
}
.dt_blue3{
	background-color:#3670bb!important ;
	color:#FFF!important;
}
.dt_blue4{
	background-color:#224f8a!important ;
	color:#FFF!important;
}
.dt_blue5{
	background-color:#427cb7!important ;
	color:#FFF!important;
}
.dt_blue6{
	background-color:#093969!important ;
	color:#FFF!important;
}
.dt_red1{
	background-color:#af7778!important ;
	color:#FFF!important;
}
.dt_red2{
	background-color:#bf6e71!important ;
	color:#FFF!important;
}
.dt_red3{
	background-color:#bd9192!important ;
	color:#FFF!important;
}
.dt_black{
	background-color:#000!important ;
	color:#FFF!important;
}

.background_light_blue + .chosen-container a{
	background-color:#d9edf7!important ;
}

.background_light_yellow + .chosen-container a, .background_light_yellow{
	background-color:#f7f6d9!important ;
}

.background_lighter_blue{
	background-color:#E3EAF0!important ;
}

.background_lighter_green{
	background-color:#9edc9e!important ;
}
.background_verylight_green{
	background-color:#cfe6cf!important ;
}

.background_medium_blue{
	background-color:#a1b9cc!important ;
}

.background_lighter_orange{
	background-color:#fde6c6!important ;
}
.background_medium_orange{
	background-color:#f9ce92!important ;
}


/* Table Classes */

.tableImage{
	border: 1px #1969ae solid;	
	height:96px;
	width:96px;
}

/* Page Alerts */
#pageAlert{
	margin-top:15px;
}

#pageEnhancedAlert{
	padding-top: 0;
    padding-bottom: 0;
	margin-top:0;
	float:right;
	width:25%;	
}

#pageEnhancedAlert table{
	width:100%;
}

#pageEnhancedAlert table td{
	padding-bottom:10px;
	vertical-align: top;
}

#pageEnhancedAlert table td:first-child{
	width:40%;
	text-align:right;
	padding-right:25px;
	font-weight:bold;
}

#pageEnhancedAlert table .progress .progress-bar{
	color:#31708f;
}

/* Password Form CSS*/

/*Change Password Form*/
#changePWform input{	
	/*max-width:300px;*/	
}

.forgotPassword{
	padding-bottom:20px;	
}


/* Admin Screen CSS */
/* Buttons on Admin Screens */
#adminactionsButton, #adminloginsButton, #adminloginattempts, #adminsetup, #adminvoucherusedbutton{
	display:none;
}

#filterbutton_alladmins, #filterbutton_allusers{
	margin-right:10px;	
}

#filterbutton_alladmins, #filterbutton_allusers, #filterbutton_removeall{
	margin-bottom:10px;	
}

/* Form Elements */

/* Main Form CSS */
.formContent{
	padding: 10px 0px 20px 10px;
}

.mainContent{
	padding: 0px 0px 15px 0px;	
	
}

/* Buttons */
.form-buttons{
	margin-bottom:40px;
}

.form-buttons .btn{
	border-radius:0;
}

.form-buttons .btn:first-child{
	margin-left:10px;
}

/* Form Gap Class's */
.GapAboveXs{
	margin-top:15px!important;	
}
.GapAboveSm{
	margin-top:25px!important;	
}
.GapAboveMd{
	margin-top:50px!important;	
}
.GapAboveLg{
	margin-top:75px!important;	
}

/* Form Validation */

em.error{
	display: block;
	  color: #FFFFFF;
	  background-color: #834141;
	  padding: 3px 0px 3px 5px;
	  font-style: normal;
	  /*margin-top: 2px;*/
	  border-radius: 0 0 4px 4px;
	  /*border-top: 1px rgb(249, 149, 55) solid; */
	  /* font-size: 0.9em; */
	  cursor: not-allowed;
  	
}

em.error::before {
	font-family: FontAwesome;
	content: "\f071";
	padding-right:5px;
}

.has-error{
	border:1px rgb(144, 51, 51) solid!important;
	border-radius: 4px 4px 0 0!important;
}

/* Select Items */
.has-error + .chosen-container .chosen-single{
	border:1px rgb(144, 51, 51) solid!important;
	border-radius: 4px 4px 0 0!important;
}

/* Form labels */
form label{
	font-weight: 500;
	margin-top:5px!important;
	padding-left:1px;
}
form input{
	font-weight: 400;
}


/* Form Inputs */

/* General option to make sure all hidden objects override any display settings */
[hidden]{
  /*display: none!important;*/
}

/* Chosen */
select.form-control + .chosen-container.chosen-container-single .chosen-single {
	font-size: 14px!important; /* Override to change font size */
}

.formContent .chosen-disabled {
  opacity: 1 !important;
  cursor: not-allowed!important;
}

/* Chosen Disabled Text */
.chosenDisabled{
	background-color:transparent!important;
	cursor:not-allowed!important;
	
}

/* Typeahead */
.twitter-typeahead .tt-query, .twitter-typeahead .tt-hint {
  	background-color: #FFFFFF!important;
}

/* Time Picker */
.wickedpicker {
	width:210px!important;	
	border: 1px solid #4F92B4!important;	
	height: 105px!important;	
	box-shadow:none;
}

/* Date Picker */

/* This bit isn't working at the moment */
datepicker.dropdown-menu {
  	position: absolute;
 	min-width: 160px;
  	padding: 5px 0;
  	margin: 2px 0 0;
  	font-size: 14px;
  	background-color: #ffffff;
  	border: 1px solid #F99537;
}

/* Date Picker Days Header */
.datepicker thead tr:first-child{
	color:#FFF;
	background-color: #0E0F3B;
	-webkit-border-radius: 0;
  	-moz-border-radius: 0;
   	border-radius: 0; 
}

.datepicker th.dow{
	color:#FFF;
	background-color: #1969AE;
	border-radius: 0;
}

.datepicker td, .datepicker th {
  	text-align: center;
  	width: 20px;
  	height: 20px;
  	-webkit-border-radius: 0!important;
  	-moz-border-radius: 0!important;
   	border-radius: 0!important; 
  	border: none;
}

.datepicker thead tr:first-child th:hover, .datepicker tfoot tr th:hover {
    background: none repeat scroll 0 0 #F99537!important; /* Orange */
}


/* Update Button */
#update{
	 margin-right: 20px; 
}


/* Individual Element Classes used in formpdo */

.eClearLeft{
	clear:left;	
}

.eClearBoth{
	clear:both;	
}


.noFloat{
	float: none!important;
}

.eLineAbove{
	padding-top:15px;
	border-top:1px #CCCCCC solid;	
}

.eGapBelowXS{
	margin-bottom:10px;	
}
.eGapBelowSm{
	margin-bottom:20px;	
}
.eGapBelowMd{
	margin-bottom:30px;	
}
.eGapBelowLg{
	margin-bottom:40px;	
}
.eGapBelowXLg{
	margin-bottom:80px;	
}
.eGapAboveLg{
	margin-top:40px;	
}

.ePaddingAboveLg{
	padding-top:40px;
}

/* Text manipulation CSS */
.all_caps{
	text-transform:uppercase;	
}

.all_lower{
	text-transform:lowercase;
}

.initial_caps{	
	text-transform:capitalize;
}



/* Placeholder CSS */
input::-webkit-input-placeholder {
	color: rgba(0,5,143,.5)!important;
	text-transform: capitalize!important;
	-webkit-text-fill-color:#999; /* Removes lighter disabled colour */
	-moz-text-fill-color:#999;/* Removes lighter disabled colour */
}
input::-moz-placeholder {
	color: #999;!important;
	text-transform: capitalize!important;
	-webkit-text-fill-color:#999; /* Removes lighter disabled colour */
	-moz-text-fill-color:#999;/* Removes lighter disabled colour */
}

input:-ms-input-placeholder { 
	color: rgba(0,5,143,.5)!important;
	text-transform: capitalize!important;
	-webkit-text-fill-color:#999; /* Removes lighter disabled colour */
	-moz-text-fill-color:#999;/* Removes lighter disabled colour */
}



/* IPAD fixes */

/* Remove issues with styling on ipad etc... shadow */
input[type="text"], input[type="email"], input[type="search"], input[type="password"],  input[type="float"] {
	-webkit-appearance: none; /* Removes shadow */
	-moz-appearance: none; /* Removes shadow */
}


/* Website */

/* Header Navbar */

	/* Header Search Box */
	.headerSearchBox{
		display:none !important;	
	}

	/* Sidebar Widgets */
	.sidebar-widget, .widget-stats{
		display:none !important;
	}
	
	

/* Navbar */
.navbar-header{
	position:relative;	
}

.navbar-collapse.collapse {
	padding-bottom: 5px;
}

.navbar{
	
 	margin-bottom: 0px;	
	background-color:#0e0f3b;
	border:0;
	border-radius: 0px;
	padding:15px 15px 0 15px;
}


.navbar-default .navbar-nav>li>a {
	color: #CCC;
}

.navbar-default .navbar-nav>li>a:hover {
	color: #EEE;
}

.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus {
	color: #1c567a;
	background-color: #f6821f;
}

.navbar-nav > li > button {
  	padding-top: 10px;
  	padding-bottom: 10px;
	margin-left:10px;
}

.colContact{
	padding-top:10px;
	text-align:right;
}

.colContact h2, .colContact h4{
	margin:0;
	padding:0;	
}

.colContact h2{
	color:#FFF;	
	margin-bottom:10px;
}

.colContact h4{
	color:#f6821f;
}

.active{
	/*color: #FFFFFF!important;
	background-color: #f6821f!important;	*/
}

#pillsTab .active{
	color: #FFFFFF!important;
	background-color: transparent !important;
}

.activeunderline{
	background-color: #FAD7B9;	
}

.dropdown-menu {
  	background-color: #0E0F3B;
}

.dropdown-menu > li > a {
  	color: #FFF;
}


/* Login Form */
.loginformcontainer{
	padding: 50px 40px 50px 40px;
	background: #FFF;
  	border-top: 3px solid #003D71;
  	border-radius: 5px 0 5px 5px;
  	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
}

.panel-title-block{
  	text-align: right;	
	margin-top: 60px;	
}

.panel-title-block h2{
	border-radius: 5px 5px 0 0;
	color: #FFF;
	display: inline-block;
	vertical-align: bottom;
	background-color: #003D71;
	padding: 16px;
	margin: 0;
	font-size: 1.6em;
}

#loginbuttonpost{
	margin-top:20px;
}


/*! fileicon.css v1.0.0 | MIT License | github.com/picturepan2/fileicon.css */
/* fileicon.basic */
.file-icon {
  font-family: Arial, Tahoma, sans-serif;
  font-weight: 300;
  display: block;
  width: 24px;
  height: 32px;
  background: #018FEF;
  position: relative;
  border-radius: 2px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
  margin: 20px;
  line-height: 18px;
	margin-left:auto;
	margin-right:auto;
}
.file-icon::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom-left-radius: 2px;
  border-width: 5px;
  border-style: solid;
  border-color: #FFF #FFF rgba(255,255,255,.35) rgba(255,255,255,.35);
}
.file-icon::after {
  display: block;
  content: attr(data-type);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  color: #fff;
  text-transform: lowercase;
  width: 100%;
  padding: 2px;
  white-space: wrap;
  overflow: hidden;
}

/* fileicons */
.file-icon-xs {
  width: 12px;
  height: 16px;
  border-radius: 2px;
}
.file-icon-xs::before {
  border-bottom-left-radius: 1px;
  border-width: 3px;
}
.file-icon-xs::after {
  content: "";
  border-bottom: 2px solid rgba(255,255,255,.45);
  width: auto;
  left: 2px;
  right: 2px;
  bottom: 3px;
}
.file-icon-sm {
  width: 18px;
  height: 24px;
  border-radius: 2px;
}
.file-icon-sm::before {
  border-bottom-left-radius: 2px;
  border-width: 4px;
}
.file-icon-sm::after {
  font-size: 7px;
  padding: 2px;
}
.file-icon-lg {
  width: 48px;
  height: 64px;
  border-radius: 3px;
}
.file-icon-lg::before {
  border-bottom-left-radius: 2px;
  border-width: 8px;
}
.file-icon-lg::after {
  font-size: 16px;
  padding: 4px 6px;
}
.file-icon-xl {
  width: 96px;
  height: 128px;
  border-radius: 4px;
}

#datatable_docs .file-icon-xl {
 	height: 96px;
}

.file-icon-xl::before {
  border-bottom-left-radius: 4px;
  border-width: 16px;
}
.file-icon-xl::after {
  font-size: 20px;
  padding: 4px 4px;
}
/* fileicon.types */
.file-icon[data-type=zip],
.file-icon[data-type=rar] {
  background: #ACACAC;
}
.file-icon[data-type^=doc] {
  background: #307CF1;
}
.file-icon[data-type^=xls] {
  background: #0F9D58;
}
.file-icon[data-type^=ppt] {
  background: #D24726;
}
.file-icon[data-type=pdf] {
  background: #E13D34;
}
.file-icon[data-type=txt] {
  background: #5EB533;
}
.file-icon[data-type=mp3],
.file-icon[data-type=wma],
.file-icon[data-type=m4a],
.file-icon[data-type=flac] {
  background: #8E44AD;
}
.file-icon[data-type=mp4],
.file-icon[data-type=wmv],
.file-icon[data-type=mov],
.file-icon[data-type=avi],
.file-icon[data-type=mkv] {
  background: #7A3CE7;
}
.file-icon[data-type=bmp],
.file-icon[data-type=jpg],
.file-icon[data-type=jpeg],
.file-icon[data-type=gif],
.file-icon[data-type=png] {
  background: #F4B400;
}

.file-icon[data-type='File Not Found'] {
  background: #000;
}

.file-icon[data-type='Thumbnail Not Found'] {
  background: #f99537;
}

.block_center{
	text-align:center;
	display:block
}

/* Joint Dipping Classes */

.hide_this ,
.hide_this div {
   display: none;
}

.dipTable{
	font-size:15px;
}