/* Universal styles - i.e. HTML selectors ***********************/

html { 
    min-height: 100%; 
    margin-bottom: 1px; 
}

body {
    margin:0px; 
    padding:0px; 
    background-color:#8C9F79;
}

body,td,p,li {
    font-family:"Open Sans",arial,helvetica,sans-serif; 
    font-size:18px;
    font-weight:300;
}

table, td, th { vertical-align:top;}


.orange { color: #F23004;}
.blue { color: #5F92D2;}
.green { color: #4A7F1D;}
.light-green { color: #92BF43;}
.green-border-top { border-top: 4px solid #C0DB67;}


a:link { color:#3476BE; }
a:visited { color:#333; }
a:hover { color:#000; text-decoration:underline; } 


h1, h2, h3, h4, h5 {
    font-weight:normal;   
    margin-top:0;
}

h1 {                         
    color:#999;
    font-size:54px; 
    font-family: "myriad-pro",tahoma,sans-serif;
    padding-bottom:20px;
    border-bottom: 1px dotted #ccc;
}

h2 {
    color:black;
    font-size:40px;
    font-family: "myriad-pro-semi-condensed",sans-serif;
    font-style: normal;
    font-weight: 600;
    padding-top:0px;
    margin-bottom:10px;
    line-height: 40px;
}

h3 {
    color:#55802B; 
    font-size:30px;
    margin-top:	26px;
    margin-bottom: 10px;
    font-family:"myriad-pro-semi-condensed",sans-serif;
    font-weight: 600;
}

h4 { 
    font-size: 24px;
    font-family: "myriad-pro-semi-condensed";
    font-weight: 300;
    margin-bottom:0;
}

hr {   
    color: #ccc;
    background-color: #ccc;
    border: 0;
    height: 1px;
}

img { border: 0; }

/* forms */

label {
    font-size:16px;
    width:170px!important;
}
div.form label {font-weight:300;}

input {
    height: 36px;
    border: 1px solid #ccc;
    border-radius: 6px;
    padding-left: 8px;
    font-size: 14px;
}

textarea {
    border: 1px solid #ccc;
    border-radius: 6px;
    font-size: 14px;
    padding-left: 8px;
    padding-top: 8px;    
}

select {
    height: 36px;
    font-size: 14px;
    border-radius: 6px;
    background-color: white;
    border: 1px solid #ccc;
}

label.caption { 
    font-size: 15px;
    padding-top: 12px;
    padding-left: 3px;
}

.multirow_input label {
    padding-left: 6px;
    padding-top: 3px;
}

.multirow_input input {
    height: 26px;
}

.horizontal_label label { padding-left: 3px;
}
.horizontal_label input { margin-bottom: .2em!important; }

.btn input {
    border-radius:0;
}

/* turn off shiny buttons on site */
.btn {
    background: none;
    background-color: #fc8a6e;
    border-radius: 5px;
}
.btn input, .btn a.btn {
    background: none;
    height: auto;
    font-size: 28px;
    padding: 10px 18px;
}

.btn span { background: none; }

.btn_gray  {
    background-color: gray;
}

a.btn {
	color: white;
	font-weight: 600;
}
a.btn:hover {
	background-color: #f76140;
	text-decoration: none;
	color: white;
}


/* Yii class overrides ***************************************/


.errorMessage {
    padding-left:75px !important; 
}


/* Basic structure of page ***********************************/

div#page {
	width: 100%;
	max-width: 950px;
}


#container {
    width:100%;
    background-color:white;
    margin: 0 auto;	
}
/*
@media (min-width: 576px) {
	#container {
    	max-width: 540px;
	}
}
@media (min-width: 768px) {
	#container {
	    max-width: 720px;
	}
}
@media (min-width: 1200px) {
	#container {
	    max-width: 1140px;
	}
}
*/



.page_content {
    padding: 10px 20px 20px 20px;
}

@media (min-width: 576px) {

	.page_content {
	    padding: 40px 60px 40px 60px;
	}
}

.page_extrapadding {
    padding: 0px 20px 0px 20px;
}

body.printable {
    background-color:#ffffff;
}
   
.sub_menu {
    font-family: 'Open Sans', sans-serif;
    font-weight:600;
    font-size:22px;
	margin-bottom:20px;
	
    background-color: #eee;
    text-align: center;
    padding: 4px;
    border-radius: 4px;
}
.sub_menu a, .sub_menu span {
    padding-left:8px; padding-right:8px;    
}
.sub_menu a:hover, .sub_menu a:link, .sub_menu a:visited {
    color:black;
}


@media (min-width: 768px) {
	.sub_menu {
	    float:right;
	    margin-top:20px;
		margin-bottom:0px;
		
	    background-color: transparent;
	    text-align: left;
	    padding: 0px;
	    border-radius: 0px;
	}
}






.button_footer {
    zbackground-color: #EBF2FA;
    background-color: #E0F0FF;
    zwidth:780px;
    padding: 30px 0 20px 0;
    text-align:center;
    zborder-top: 1px dotted #ddd;
    zmargin: 0 auto;
    text-align: center;
}

.button_footer a { text-decoration:none; padding-right:6px; }

.copy {
    font-size:10px; 
    color:#888;
    padding:13px 0px 40px;
	width: 98%;
    max-width:820px;
    margin:15px auto;
    border-top:1px dotted #ccc;
    
}

.copy a:link, .copy a:visited { color:#888;  }




/* Library styles - used over and over throughout site *****************/


.page_text, .page_text p {
    line-height:20px;   
    font-size:15px;
}


.buttons, .indent  { 
/*    padding-left:174px !important;  */
}

.caption {font-size:11px; line-height:15px;}
.short {margin-bottom:3px; padding-bottom:3px; }
.notop {margin-top:2px; padding-top:2px; }
.picright {margin-right : 20px; margin-bottom:2px;}
.picleft {margin-left:20px;  margin-bottom:2px;}
.hide { display: none; }

.input { border-color:#aaa; border-style: solid; border-width: 1px;width:400px; } 

.search { border-color:#bbb;  border-width: 1px; border-style: solid; 
          background-color:#fff; height:18px; width:112px;}

.submit {
color: white;
background-color: #AAA;
font-size: 15px;
font-weight: bold;
border-width: 0;
border-radius: 3px;
height: 24px;
padding: 0 8px 1px 8px;
}


/* Individual page styles *********************************************/

.social-good .sub_menu  {font-size:16px;margin-top:25px;}
.social-good  .section { margin-bottom:50px;}
.social-good  .section img { width: 100%; height: auto; margin-bottom: 5px;}
.social-good  .section div {  }
.signup h1 { margin-bottom:0; }
.signup h3 { font-size:25px; }

@media (min-width: 576px) {

	.social-good  .section img { width: 46%; margin: 0;}
	.social-good  .section div { width:50%; float: right; }

}

@media (min-width: 768px) {

	.social-good  .section img { width: 35%; }
	.social-good  .section div { width:60%; }

}



.community .sub_menu  {font-size:18px;margin-top:24px;}

.support h2 { font-size: 30px; }

 /* columns -  used on faq, and on order pages for order faqs */
  
.main_col { 
	margin-bottom: 20px;
}

.half_col {  
}

@media (min-width: 576px) {
	
	.half_col {   
	    width:48%;
	    float:left;
	    margin-right:1%;
	    margin-bottom:20px;
				
	}
	
	
	.faq .main_col {
		float: left;
		width: 63%;
		margin-right: 2%;
	}

	.faq .right_col {   
	    width:31%;
	    float:right;
	    margin-right:2%;
	    margin-left:1%;
	    margin-bottom:20px;
				
	}
}
.signup .right_col {
	margin-top: 50px;
}
.signup .order_faq {
	padding-left: 0;
}
.signup .main_col div.form input, 
.signup .main_col div.form textarea, 
.signup .main_col div.form select
{
	max-width: 100%;
}

@media (min-width: 768px) {

	.signup .main_col, .portal_login .main_col  {
		float: left;
		width: 63%;
		margin-right: 2%;
		margin-top: 0;
	}

	.signup .right_col, .portal_login .right_col  {   
	    width:31%;
	    float:right;
	    margin-right:2%;
	    margin-left:1%;
	    margin-bottom:20px;				
	}
	
	.portal_login .main_col  {
		width: 55%;
	}

	.portal_login .right_col  {
		width: 40%;
	}
		
	
}




ol.faq {
    margin-left:0px;
    padding-left:0px;
    list-style:none;
    margin-right:20px;
    margin-bottom:30px;  
    margin-top:10px;  
}
ol.faq li {
    margin-bottom:6px;
    margin-left:1px;
}
ol.faq li a {
    text-decoration:none;
}

.faqtitle {
    font-size:28px;
    font-weight:normal;
    margin-bottom:0px;
    
}

.faq_body ul {
	margin-top:4px;
}

.faq_body li {
    margin-bottom:15px;
}


.link-to-us-links { 
	clear:both;
}

.link-to-us-links .link-to-us-item {
	margin-top: 20px;
	margin-bottom: 20px;
	clear:both;
}

.link-to-us-links .link-image {

}
.link-to-us-links .link-html textarea {
	width: 100%;

}

@media (min-width: 768px) {
	.link-to-us-links .link-image {
		width: 130px;
		display: inline-block;
	}
	.link-to-us-links .link-html {
		float:right;
		margin-bottom: 10px;
	}


}
@media (min-width: 850px) {
	.link-to-us-links .link-html {
		width: 500px;
	}
}



/* are we using these? ****************************************/


td.column {padding: 20px 10px 10px 20px;}
div.column {padding: 1px 10px 20px 20px;}
.side { margin: 10px 10px 10px 20px; }



/* top nav ******************************************************** */

.logo-wrapper {
	 width:100%;
	 text-align: center;
 }

.logo-top {
	margin-top:8px;
	margin-bottom:3px;
	margin-left:8px;
	
}
.top-nav-container {
	line-height:0;
	
}

#nav {
    font-family: "Myriad Pro",'myriad-pro',sans-serif;
    list-style: none;
    line-height: 1;
	padding: 0 10px 14px;
    margin: 0;
    font-weight: normal;
    font-size: 20px;
    zletter-spacing:-1px;
    display: inline-block;
	background-color: #eee;
}
#nav > li {
	padding: 5px 5px 2px 3px;
	margin: 5px;
	background-color: white;
}

#utility_nav {
	font-size:14px;
	font-weight:bold;
	background-color: #eee;
	padding: 20px;
	line-height: 1;
	
}
.utility-nav-item {
	display: inline-block;
	margin: 0 5px;
}

.top-search-form {
	margin-top: 10px;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

/* all menu links, if not overridden */
#nav a {
	display: block;
	color: #3476BE;
	text-decoration: none;
	padding: 4px 3px 5px 8px;
	margin-bottom: 0px;
	border: 0px solid green;
        font-size:19px;
        font-weight:400;
}


@media (min-width: 576px) {
	/* really big phones. put utilty nav up by logo */
	
	.logo-wrapper {
		 width:auto;
		 float:left;
	 }
	 
 	#utility_nav {
	 	background-color: transparent;
		float: right;
		width: 358px;
		padding: 32px 11px 0;
	}
	
	#nav {
		
	    border-top:1px solid #E3DED8;
		clear:both;
		display: block;
		background-color: white;
		height: 34px;
		
	}

}

@media (min-width: 768px) {
	/* tablets. put both navs by logo. */
	
	.top-nav-container {
		float:right;
		width:65%;
		padding-right:10px;
	}
	#utility_nav {
		padding: 10px 20px 0 0;
		width: 500px;
		text-align: right;
		
	}
	
	#nav {
	    float: right;
		clear: none;
		background-color: transparent;
	    border-right: 1px solid #fff;    /* border to the right of the last nav top item */
	    padding: 0 10px 0 10px;
		margin-top: 8px;
	
	}
	
	#nav > li {
		padding: 4px 0px 0px 0px;
		margin: 5px;
	}
	
	#nav a { font-size: 15px; }
	#znav a:hover { background-color: #eee; }	/* mobile doesn't have hover */


}

@media (min-width: 950px) {
	
	/*  desktop */
	
	.top-nav-container {
		width:660px;
		padding-right:20px;
	}

	
	#utility_nav {
		margin: 10px 2px 10px;
		width: 660px;
				
		
	}
	.top-search-form {
		padding-bottom:0px;
		margin-bottom:0px;
		display:inline-block;
		margin-left:10px;
		margin-top: 0;
	}
	
	
	#nav {
		margin-top:1px;
	
	}
	
	
	#nav > li {
		padding: 14px 10px 16px 0px;          /* determines overall height of top tabs */
		margin: 0;
		background-color: transparent;
		
	}
	
	#nav a { font-size: 19px; }
	
	
	/* don't show hover menu on touchscreen devices */
	/* besides being in  media tag, a no-touch class is added to the HTML tag in gina.js if we are not on a touch deivce*/
	.no-touch #nav li:hover ul, 
	.no-touch #nav li li:hover ul, 
	.no-touch #nav li li li:hover ul, 
	.no-touch #nav li.sfhover ul, 
	.no-touch #nav li li.sfhover ul, 
	.no-touch #nav li li li.sfhover ul {
		left: auto;
	}
	
	
}






/* the list box */
#nav ul {
	float: left;
	width: 36em;
	list-style: none;
	line-height: 1;
	background: #e1e1e1;
	font-weight: normal;
	padding: 0;
	margin: 0;
	border-width: 0px 1px 1px 1px;
	/* border: dotted #ccc; */
	border: 0px solid #e1e1e1;          /* border around the box */
	border-top: none !important;
}



#nav li {
	float: left;
	border-bottom: 0px solid #ccc;
	/*border-left: 1px solid #fff;  */    /* border to the left of each top tab */
	display:inline;
}

/* the drop-down link box. margin-top is to drop below main horizontal line */
#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 200px;
	font-weight: normal;
	border-width: 1px;
	margin-top: 16px;       /* adjust this to make the drop-down align with a horizontal line */
	font-size:17px;
	line-height:22px;
	padding-top: 8px;
	padding-bottom: 16px;
}

/* the drop-down list items */
#nav li li {
	width: 182px;
	padding: 4px 0px 4px 18px;
		border: 0px solid blue;
		text-align:left;
}

#nav li li.section_head {
    margin-top: 16px;   
}

#nav li ul a {
    display: inline;
	width: 13em;
	color: #333;
	margin-bottom: 0px;
	padding: 3px 0px 2px 0px;
        font-size:16px;
        
}



#nav li li:hover, #nav li li.sfhover {
   background-color:#fff;
}

 #nav li:hover, #nav li.sfhover {
    background-color: #e1e1e1;   
}



/* bottom nav ********************************************************* */

#bottom_nav {	
	list-style: none;
	padding: 0;
	margin: 35px 40px 0 50px;
	font-weight: bold;
	font-size: 15px;
        text-align:left;
}
    
#bottom_nav ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

/* all menu links, if not overridden */
#bottom_nav a {
	color: #999;
	text-decoration: none;
	padding: 2px 3px 2px 0px;
	margin-bottom: 0px;
	border: 0px solid green;
}

#bottom_nav a:hover{
    text-decoration:underline;    
}

#bottom_nav li {
	float: left;
	padding: 0px 25px 5px 0px;          /* determines overall height of section headers */	
        font-weight:bold;
	border: 0px solid blue;
        font-size:15px;
}

#bottom_nav li ul {
	width: 110px;
	padding-top: 2px;
	min-height: 88px;
}

/* the list items */
#bottom_nav li li {
    float:none;
    font-weight:normal;
    font-size:13px;
    padding: 4px 0px 1px 0px;
    
}

#bottom_nav li li.section_head {
    
}

#bottom_nav li li strong {
    font-weight:normal;
}


/* MORE individual page settings */
.ztour h2 {
    margin-bottom:2px;
    color:#356CA9;
    font-size:18px;
    margin-top:4px;    
}
.ztour img {
    margin-left:10px;
}
 
 
.green h2 {
    margin-bottom:6px;
    color:#55802B;
    font-size:20px;
    margin-top:24px;    
}
 
.next_links2 {
       
       font-size:15px;
       margin-top:10px;
}
 
.next_links {
       color:gray;
       font-size:22px;
       margin-top:10px;
	   clear:both;
}
    
.next_links a {
    /*text-decoration:none;*/
    /*color:gray;    */
}

.next_links a:hover {
    text-decoration:underline;
}




.home-top-paragraphs {
	margin-left:20px;
	margin-bottom:30px;
	font-size:16px;
}
.home-top-paragraphs .inner {
	width: 98%;
}


@media (min-width: 576px) {
	.home-top-paragraphs {
		margin-left:50px;
	}	
	.home-top-paragraphs .inner {
		width: 45%
	}
}




.home .col h3 { color: black; margin-bottom: 7px; font-size: 25px; }
.tour h2 { margin-bottom:5px;}
.tour img { clear:both;}


.tour .feature { 
	padding-bottom:30px; 
	font-size:18px; 
}

@media (min-width: 576px) {
	.tour .feature { 
		width: 45%; 
		padding-right:20px; 
	}
	.tour .right { 
		width: 45%; 
		padding-right: 0px; 
		float:right; 
		clear: right;
	}
}



.feature-list .list { margin-bottom:30px; font-size:17px;}

.feature-list .list h2 {
    margin-bottom:15px;
    
}

.feature-list .list img {
    float:left;
    margin-right:15px;
}

.feature-list .list ul {
    list-style-image: url(../img/bullet.gif);
    margin-left:50px;
    width: 100%;

}
.feature-list .list li {
    padding-bottom:8px;
    float:left;
    width: 80%;
    margin-right:60px;
}



@media (min-width: 768px) {
	.feature-list .list li {
	    width: 40%;

	}
	
	
	
}

.one_click img {
    margin-right:14px;
}

.one_click h2 {
    margin-bottom:25px;
}

.one_click b {
    font-size:14px;        
}
.one_click ul {
    list-style-image: url(../img/bullet.gif);
}
.one_click li {
    margin-top:8px;
    margin-bottom:8px;
}

h3.cell_header {
 color:black;
 margin-bottom:0px;   
 margin-top:0;
}



.plans { margin: 0 auto; }

.plans .plan {
   padding-left:15px;
   text-align:center;
   display: inline-block;
}
/*.plans .plan.first { padding-left:0;} */

.plans .inner {
   padding: 10px 22px 15px 20px;;
   border:4px solid #E2ECF7;
   border-radius:10px;
   width: 132px;
   font-size:15px;
   background-color:white;
}

.home .plans .inner { border-color: #e0f0ff; width: 145px;}

.home .special-plans { margin-top: 20px; }

@media (min-width: 576px) {
	.home .special-plans .inner {
    	max-width: 360px;
	}
}
	
.pricing .plans .inner {
	margin-bottom: 4px;
}




.home .special-plans .plan-name {  
    display: inline-block;
    vertical-align:top;
    padding: 20px 5px 0 5px;
}

.nonprofit .plans .inner { width: 180px; }


.plans .plan.plan-blurb .inner {
	border: none;
	width: 100%;
	text-align: left;
	padding: 0;
}


@media (min-width: 850px) {
	.nonprofit .plans .plan.plan-blurb .inner {
		width: 220px;
	}
}
@media (min-width: 750px) {
	.student .plans .plan.plan-blurb .inner {
		width: 375px;
	}
}
@media (min-width: 950px) {
	.student .plans .plan.plan-blurb .inner {
		width: 520px;
	}
}



.nonprofit .plans div h2 { line-height: 36px;font-size:35px; margin-bottom: 25px; }

.home-features-table {
	 font-size:15px;
	 width: 100%;
	 max-width: 950px;
	 text-align: center;
 }
 .home-featured-table-inner {
	 width: 100%;
	 max-width:400px;
	 display: inline-block;
	 text-align: left;
 }
 .home-features-table .column.span-7 {
	 width: 12%;
 }

 .home-features-table .column.span-7 {
	 padding-left: 3%;
	 width: 67%;
 }

 .one_click .home-featured-table-inner {
	 width: 95%; 
	 max-width: 95%;
 }

 @media (min-width: 768px) {
	 .one_click .home-featured-table-inner {
		 width: 49%; 
		 max-width: 49%;
	 }
 }


.honored {
    font-family:'myriad-pro','open sans condensed','arial narrow',sans-serif;
	width: 93%;
    max-width:800px;
    margin: 20px auto;
    padding:20px 0;
    font-size: 24px;
    text-align: center;
    line-height:36px;
}

.honored h2 {
     line-height:40px;
     font-weight:600;
     font-size:38px;
}
.honored h3 {
    color: black;
    margin: 10px 0 0;
}

.plans .plan-name {
    font-size:25px;
}
.plans .features {
    padding-top:10px;
    margin-bottom:10px;
    line-height:24px;
}
.plans .price {
    font-size:25px;
}
.plans .permonth {
	font-size: 12px;
}

.plans img {
    margin-top:15px;
}

ul.plans_faq  {
  clear:both;
  margin-right:20px;
  padding-left:25px;
}
.plans_faq li, .nonprofitplan_faq li{
  float:left;
  list-style:none;
  margin-bottom:20px;
}
.plans_faq h3, .order_faq h3 {
  margin-bottom:4px;
  font-size:22px;
  color: black;
  font-family: "Myriad Pro",'myriad-pro',sans-serif;
  margin-top:0;
}


@media (min-width: 768px) {
	
	
	ul.plans_faq  {
	    padding-left:45px;
	
	}
	
	.plans_faq li, .nonprofitplan_faq li{
	    width: 44%;
	    margin-right:20px;  
	    margin-left:10px;
		
	}
	.plans_faq h3, .order_faq h3 {
		margin-top:10px;
	}
}





.order_faq {
    list-style:none;
    margin-top:0;
}
.order_faq li {
    margin-bottom:30px;
    font-size:17px;
}


ul.nonprofitplan_faq {
    float:right;
    width:204px;   
}
.nonprofitplan_faq li {
    width:204px;   
}

.nonprofitplan_faq h3 {
    color:#356CA9;
    font-size:16px;
    font-family:verdana;
    margin-bottom:4px;
}

h2.number {
	position: relative;
	ztop: 5px;
	left: 5px;
	font-size: 30px;
	color: #666;
	float: left;
	margin-right: 20px;	   	   
	margin-bottom:5px;
}

.big_numbered {
	margin: 0px 0px 0px 20px;	
	padding-top: -10px;
	width: 350px;	
	float: left;	
}

.big_numbered_wide {
	margin: 0px 0px 0px 20px;	
	padding-top: -10px;
	width: 100%;	
	float: left;	
}
.pullout {
   width:205px;
   float:right;
   padding: 35px 35px 5px 35px;
   border:1px solid #B3CC99;
   line-height:20px;
   margin: 0px 0px 20px 40px;
}

.donate {
   padding: 30px 32px 30px 32px;
   border:1px solid #B3CC99;    
   margin-bottom:20px;
   line-height:19px;   
}
.donate img {
    float:left;
    margin-right:25px;
    margin-bottom:15px;
}

.col {
  float:left;   
  width:320px;
  margin-right:30px;  
}
.col ol li {
    margin-bottom:8px;
}
.col h3 {
    margin-bottom:10px;   
}

.col_wide {
  float:left;   
  width:500px;
  margin-right:30px;  
}
.col_right {
    float:right;
    width:150px;
}



.paragraph_icon { display: none; }
.paragraph_next_to_icon h4 { font-size: 30px;  }

@media (min-width: 576px) {
	.paragraph_next_to_icon {  margin-left: 70px; margin-right:40px;}
	.paragraph_icon { display: block; float:left; }
	
}

@media (min-width: 758px) {
	.paragraph_next_to_icon { margin-right:80px;}

}

.paragraph_next_to_icon h4 {margin-bottom:6px;}

.imageborder { border: 1px solid #ddd;}

/*.horizontal_label label {
   padding-bottom:20px;
}*/

/* ------------------------------------------------------------------------ 
 * mod emily. commented this out.
 * It was causing the error labels on forms to REMAIN red even after
 * the form input was corrected
 * ------------------------------------------------------------------------ */
/*
label {font-size:12px; width:135px;}
*/

/* ------------------------------------------------------------------------ 
 * mod emily. styles for form inputs.
 * ------------------------------------------------------------------------ */

.validationerror {
    color:red;font-size:12px;
}
div.validationerror {
    padding-top:2px;
}

/* for Testimonials page */

 .tweet .tweet_list, .query .tweet_list {
    list-style-type: none;
    margin: 0px;
    width:482px;
    overflow-y: hidden;
    padding:0;
}
.tweet .tweet_list li, .query .tweet_list li {
		overflow-y: auto;
		overflow-x: hidden;
		padding: .6em; 
		margin-bottom:10px;
		border: 1px solid #ddd;
}
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {
		padding-right: .8em;
		float: left;
 }

.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {
    vertical-align: middle; 
}

/* for Facebook Like Box on Testimonials page. doesn't seem to work to override in iFrame */

.fbConnectWidgetTopmost {
	border: 1px solid #e1e1e1;
	border-top-color: none;
}

.testimonial_box {
    width:85%;
    padding: 30px; 
    margin-bottom:20px;
    background-color: #eee;	
	border-radius: 10px;
}

/* Portal login page */

.portal_login label {
    font-size:18px;
    width: auto!important;
    margin-right:5px;
}    

/* used on the login form, forgot password, etc */
.biginput input {
    display:block;
    width: 300px;
    height:40px;
    font-size:30px;
}

.explanation_box {
		background-color:#F7E6EC;
		font-size:15px;
		border:3px solid #F7CFDE;
		padding:20px;
		border-radius: 15px;
}
.explanation_box ul {
    margin-top:10px;
    margin-bottom:0px;
}
.explanation_box li {
    margin-bottom:6px;
    font-size: 15px;
}

.portal_login .buttons {
    padding-left:75px !important;
    clear:both;
}
.portal_login .remember_me label {
    font-size:16px;
    width: auto;
    padding-left:5px;
    padding-top:11px;
    
}
.portal_login .remember_me input {
    margin-top:5px;
    margin-left:20px;
}

.portal_login .row {
    padding-bottom:0px;
}

.portal_login p.hint { 
	display:inline-block;
	vertical-align:bottom;
}

.portal_login .errorMessage {
    margin-left:0px;
    padding-left:20px !important;
    font-weight:bold; 
}

/* prettify google search results */

.cse .gsc-control-cse, .gsc-control-cse {
    background-color: white!important;
    border:none!important;
}

.gsc-thinWrapper {
    width: 90%!important;
    padding-left: 20px;
    padding-top:10px;
}

.gsc-webResult .gsc-result {
    padding-top:20px!important;
    padding-bottom:20px!important;
    padding-right:20px!important;
}

.gcsc-branding {
    display:none;
}

.gsc-results.gsc-webResult {
    border-bottom:none!important;
}

.gsc-results .gsc-cursor {
    font-size: 22px;
}

.gsc-results .gsc-cursor-box {
    margin-top:20px;

}

.tweet_time { display:none; }


.testimonial {
    padding:30px;
    text-align:left;
    clear:both;
    margin: 40px;
    background-color: #eee;
    border: #aaa 2px solid;
    border-radius: 10px;
    
}

.testimonial_author {
    text-align:right;
}

.topline { border-top:1px solid #ccc; margin-top: 20px; padding-top: 15px;}

/* signup confirm */
.payment_summary th, .payment_summary td {
    padding: 20px;
}  

.payment_summary th { 
    font-size: 25px; 
    font-weight: 600;
    text-align:left;
}

.payment_summary td {
    border-top: 1px dotted #D9DEE5;
    text-align:left;
}

.payment_summary .first { 
    font-size: 20px; 
    font-weight: 600;
    text-align:left;
}

.payment_summary .total {
    background-color: #EEF4FA;    
}
.payment_summary .total td {
    font-size: 24px;
}

.payment_summary .total td {  border-top: none; }
.payment_summary .contact_details td { border-top: none; 
                     border-bottom: 1px dotted #D9DEE5; 
}
.payment_summary .contact_details table td { text-align:left; border-bottom:none; padding:0;}

.total .first { border-radius: 10px 0 0 10px;}
.total .last { 
    border-radius: 0 10px 10px 0;
}

.coupon { color: red; }


/* so POP page looks OK */
.minimal h1 { font-size: 35px;}
.minimal .big_number  {font-weight: 400;}
.minimal .next_to_big_number h3 { font-weight: 400; font-size: 27px; }
.minimal .month_box { padding: 12px 0 5px 24px; width: 550px; }


.error-page { border-top: 1px solid #ccc;}
.search-page .gsc-result-info { font-size: 18px; }

.receipt_box table td, .receipt_box table th { font-size:16px; }