/*
Theme Name: MobileGiving
Theme URI: http://wordpress.org/
Description: MobileGiving custom theme
Version: 1.0
Author: Haneke Design
Author URI: http://www.hanekedesign.com
Tags: custom
*/
body {
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	color: #333;
	background: #DFE8F0 url(images/background.gif) top left repeat-x;
}

H1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 90%;
	font-weight: normal;
	position: inline;
	color: #333;
}

form { margin: 0; }
img { border: 0; }
.clear { clear: both; }
.left { float: left; }
.right { float: right; }
a:link, a:visited, a:hover, a:active {
	text-decoration: underline;
	color: #5B7395;
}
a:hover {
	text-decoration: none;
}
#outer {
	margin: auto;
}
#wrapper {
	width: 971px;
	margin: auto;
	position: relative;
}
#header {
	height: 166px;
	position: relative;
}
.header-lg { 
	float: left;
	background: url(images/header-gradient-left.gif) top right repeat-y;
	width: 8px;
	height: 166px;
}
img#logo { 
	float: none;
	position: absolute;
	top: 0;
	left: 8px;
}
.header-rg { 
	float: right;
	background: url(images/header-gradient-right.gif) top left repeat-y;
	width: 8px;
	height: 166px;	
}
ul.header-nav {
	position: absolute;
	bottom: 0;
	left: 8px;
	margin: 0 1px 1px;
	padding: 0;
	list-style-type: none;
	height: 40px;
	width: 955px;
}
ul.header-nav li {
	float: left;
	margin: 0;
	list-style-type: none;
	border: 1px solid #6182af;
	line-height: 11px;
}
ul.header-nav li a:link, ul.header-nav li a:visited, ul.header-nav li a:hover, ul.header-nav li a:active  {
	color: #fff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	display: block;
	height: 28px;
	width: 88px;
	padding: 10px 0 0 16px;
	background: url(images/nav-backg.gif) top left repeat-x;
}
ul.header-nav li a:hover, ul.header-nav li a:link.active, ul.header-nav li a:visited.active {
	background: url(images/nav-backg-on.gif) top left repeat-x;
	color: #5b7496;
}
ul.header-nav li a:link.last, ul.header-nav li a:visited.last { width: 102px; }

ul.header-nav li.current_page_item a:link, ul.header-nav li.current_page_item a:visited { 
	background: url(images/nav-backg-on.gif) top left repeat-x;
	color: #5b7496;
}
#top {
	clear: both;
	height: 172px;
}
.top-lg { 
	float: left;
	background: url(images/top-gradient-left.gif) top right repeat-y;
	width: 8px;
	height: 172px;
}
.top-rg { 
	float: left;
	background: url(images/top-gradient-right.gif) top left repeat-y;
	width: 8px;
	height: 172px;
}
#top-inner {
	float: left;
}
#top-inner .left {
	background: #5b7395;
	width: 183px;
	padding: 0 10px;
	min-height: 172px;
}
#top-inner .left ul {
	margin: 0;
	margin-top: 15px;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
}
#top-inner .left ul li {
	margin: 0;
	padding: 2px 0;
	list-style-type: none;
	font-weight: bold;
	font-size: .8em;
}
#top-inner .left ul li a:link, #top-inner .left ul li a:visited, #top-inner .left ul li a:hover, #top-inner .left ul li a:active {
	color: #c5d4e7;
	text-decoration: none;
	display: block;
}
#top-inner .left ul li a:hover { color: #fff; }
#top-inner .right {
  float: left;
	width: 752px;
}
#main-inner {
	float: left;
	width: 971px;
	background: url(images/main-background.png) top left repeat-y;
}
#main-inner .left, #main-inner .right { min-height: 200px; }/**/

#main .left {
	float: left;
	width: 171px;
	padding: 0 20px;
}
#main .right {
	float: left;
	width: 720px;
	padding: 0 20px;
}
#main-inner ul {
	margin: 10px 30px;

}
#main-inner ul li {
	list-style-type: disc;
	font-size: 1em;
}
/* ++++++++++++++++++++++++++++++++++++ PAGE SPECIFIC +++++++++++++++++++++ */

/* non-profit orgs subnav */
body.page-id-11 ul.header-nav li.page-item-42 a:link, body.page-id-11 ul.header-nav li.page-item-42 a:visited,
body.page-id-17 ul.header-nav li.page-item-42 a:link, body.page-id-17 ul.header-nav li.page-item-42 a:visited,
body.page-id-6 ul.header-nav li.page-item-42 a:link, body.page-id-6 ul.header-nav li.page-item-42 a:visited,
body.page-id-8 ul.header-nav li.page-item-42 a:link, body.page-id-8 ul.header-nav li.page-item-42 a:visited,

/* mobile givers/for donors subnav */
body.page-id-78 ul.header-nav li.page-item-44 a:link, body.page-id-78 ul.header-nav li.page-item-44 a:visited,
body.page-id-74 ul.header-nav li.page-item-44 a:link, body.page-id-74 ul.header-nav li.page-item-44 a:visited,
body.page-id-76 ul.header-nav li.page-item-44 a:link, body.page-id-76 ul.header-nav li.page-item-44 a:visited,

/* application providers subnav */
body.page-id-68 ul.header-nav li.page-item-46 a:link, body.page-id-68 ul.header-nav li.page-item-46 a:visited,
body.page-id-72 ul.header-nav li.page-item-46 a:link, body.page-id-72 ul.header-nav li.page-item-46 a:visited,

/* about subnav */
body.page-id-60 ul.header-nav li.page-item-52 a:link, body.page-id-60 ul.header-nav li.page-item-52 a:visited,
body.page-id-64 ul.header-nav li.page-item-52 a:link, body.page-id-64 ul.header-nav li.page-item-52 a:visited,
body.page-id-62 ul.header-nav li.page-item-52 a:link, body.page-id-62 ul.header-nav li.page-item-52 a:visited
{ 
	background: url(images/nav-backg-on.gif) top left repeat-x;
	color: #5b7496;
}


/* non-profit orgs subnav */
body.page-id-11 #top-inner li.subnav-1 a:link, body.page-id-11 #top-inner li.subnav-1 a:visited, 
body.page-id-17 #top-inner li.subnav-2 a:link, body.page-id-17 #top-inner li.subnav-2 a:visited, 
body.page-id-6 #top-inner li.subnav-3 a:link, body.page-id-6 #top-inner li.subnav-3 a:visited, 
body.page-id-8 #top-inner li.subnav-4 a:link, body.page-id-8 #top-inner li.subnav-4 a:visited,

/* mobile givers subnav */
body.page-id-78 #top-inner li.subnav-1 a:link, body.page-id-78 #top-inner li.subnav-1 a:visited,
body.page-id-74 #top-inner li.subnav-2 a:link, body.page-id-74 #top-inner li.subnav-2 a:visited,
body.page-id-76 #top-inner li.subnav-3 a:link, body.page-id-76 #top-inner li.subnav-3 a:visited,

/* application providers subnav */
body.page-id-68 #top-inner li.subnav-1 a:link, body.page-id-68 #top-inner li.subnav-1 a:visited,
body.page-id-72 #top-inner li.subnav-2 a:link, body.page-id-72 #top-inner li.subnav-2 a:visited,

/* about subnav */
body.page-id-60 #top-inner li.subnav-1 a:link, body.page-id-60 #top-inner li.subnav-1 a:visited,
body.page-id-64 #top-inner li.subnav-2 a:link, body.page-id-64 #top-inner li.subnav-2 a:visited,
body.page-id-62 #top-inner li.subnav-3 a:link, body.page-id-62 #top-inner li.subnav-3 a:visited
{
 color: #fff; 
}

/* ++++++++++++++++++++++++++++++++++++ footer ++++++++++++++++++++++++++++ */
#footer {
	clear: both;
	margin: 0 auto;
	text-align: center;
	background: url(images/footer-background.gif) top left repeat-x;
	height: 160px;
}
.footer-lg { 
	float: left;
	background: url(images/footer-gradient-left.gif) top right repeat-y;
	width: 8px;
	height: 160px;;
}
.footer-rg { 
	float: right;
	background: url(images/footer-gradient-right.gif) top left repeat-y;
	width: 8px;
	height: 160px;
}
#footer-inner {
	width: 971px;
	margin: 0 auto;
}
#footer-inner .left {
	background: #96b0d5;
	width: 203px;
	height: 160px;
	text-align: left;
}
#footer-inner .right {
	background: #c6d4e8;
	height: 160px;
	width: 752px;
	text-align: left;
}
.footer-bg {
	background: url(images/footer-gradient-btm.gif) bottom left no-repeat;	
	height: 7px;
}
ul#footer-nav-highlighted {
	list-style-type: none;
	margin: 0;
	padding: 20px;
}
ul#footer-nav-highlighted li {
	list-style-type: none;
	margin: 0;
	padding: 6px 0;
	padding-left: 25px;
}
ul#footer-nav-highlighted li a:link, ul#footer-nav-highlighted li a:visited {
	color: #fff;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	display: block;
}
ul#footer-nav-highlighted li.how { background: url(/images/footer-nav-question.gif) left no-repeat; }
ul#footer-nav-highlighted li.in-action { background: url(/images/footer-nav-arrows.gif) left no-repeat; }
ul#footer-nav-highlighted li.about { background: url(/images/footer-nav-bubble.gif) left no-repeat; }
ul#footer-nav-highlighted li.contact { background: url(/images/footer-nav-form.gif) left no-repeat; }

.footer-left { 
	float: left;
	width: 210px;
	padding: 20px;
	padding-bottom: 10px;
}
		.right h3 {
			color: #3c4b64;
			font-weight: bold;
			font-size: 12px;
			margin: 0;
		}
		.right ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}
		.right ul li {
			list-style-type: none;
			margin: 0;
			padding: 1px 0;
			color: #4f4f4f;
			font-size: 11px;
		}
		.right ul li a:link, .right ul li a:hover, .right ul li a:visited {
			color: #5B7395;
			text-decoration: underline;
		}
		.right ul li a:hover { text-decoration: none; }

.footer-mid { 
	float: left;
	width: 210px;
	padding: 20px;
	padding-bottom: 10px;
}
.footer-right { 
	float: left;
	width: 210px;
	padding: 20px;
	padding-bottom: 10px;
}
.footer-copyright {
	clear: both;
	padding-left: 20px;
	font-size: 11px;
	color: #4f4f4f;
}
.footer-copyright a:link, .footer-copyright a:visited {
	color: #4f4f4f;
	padding: 0 6px;
}
img.country-icon { vertical-align: middle; }



/*Sortable Table Settings*/

table.sortable {
	border-collapse: collapse;
	clear: both;
	width: 100%;
}

/* Header Row Colors */
table.sortable thead tr {
    background-color: #94b0d5 !important;
    color: #fff !important;
}

/*  Highlight Color for Header Row Cells on Hover*/
table.sortable th:hover:not(.sorttable_nosort) {
    background: #dee851 !important;
}

/* Shading For Even Rows */
table.sortable tr:nth-child(even) { background: #f6f6f6 !important; }

/* Table Border Color */
table.sortable th,
table.sortable td {
    border: 0px solid #71a7c8 !important
    padding: 2px;
    vertical-align: top;
    word-wrap: break-word;
}

/* Style & Width of Particular Columns */
table.sortable td.col1,{
    text-align: left !important;
    width: 30% !important;
}
table.sortable td.col2,{
    text-align: center !important;
}
table.sortable td.col3,{
    text-align: center !important;
}
table.sortable td.col4,{
    text-align: center !important;
}
table.sortable td.col5 {
    text-align: left !important;
}