/*

Theme Name: Adfiap Redesign Theme

Version: 1.0

Author: Julius Lagutan

*/



/* Begin Typography & Colors */

body {

	font-size: 62.5%; /* Resets 1em to 10px */

	font-family: Arial;

	text-align: left; 

	/*background: #dbf3cf; background: #336600;background: #2c5700;*/background: #133474;

}



#content { font-size: 13px; }



small { 

	font-size: 0.9em;

	line-height: 1.5em;

}



h1 { font-size: 4em; }

	

h2.pagetitle, h2, h3, h4 {

	color: #007236;

	font-family: Arial;

	font-weight:normal;

	text-decoration: none;	

}



h2.pagetitle {

	border-bottom: 1px dotted #007236;

	padding: 0 0 10px;
	
	width: 100%;
	
	float: left;
	
	margin-bottom: 20px;

}

h2.pagetitle a { color: #007236; }



h2 { font-size: 24px; }



h3 {

	font-size: 18px;

	border-bottom: 1px dotted #8DC73F;

}



h4 { font-size: 14px; }



a, a:visited, h2 a:hover, h3 a:hover {

	color: #000064;

	text-decoration: none;

}



a:hover{

	/*color: #0066FF;*/

	color: #000064;

	text-decoration: underline;

}

	

ul {

	list-style:none;

	margin: 10px 0 0 0;

	padding: 0;

}



ol {

	margin: 10px 0 0 0;

	padding: 0;

}



ul li, ol li{

	margin: 5px 20px 0;

}



ul.ul-square, ol.ol-square {

	list-style: square;

	margin: 10px 0;

	padding: 0;

}



ul.ul-square li, ol.ol-square li, ul.ul-circle li, ol.ol-circle li{

	margin: 0 20px 0;

}



ul.ul-circle, ol.ol-circle {

	list-style: circle;

	margin: 10px 0;

	padding: 0;

}



img {

	margin: 0 10px 10px 0;

	border: none;

}



a img {

	text-decoration: none;

}



p {

	margin: 7px 0;

}



/*p strong{

	color: #000064;

	font-weight: normal;

}*/



/* End Typography & Colors */



/* Begin Structure */

body {

	margin: 0 0 20px 0;

	padding: 0;

}



#page {

	margin: 9px auto 0;

	padding: 0;

	width: 950px;

	background: #fff;

}



#header {

	margin: 0;

	padding: 0;

	height: /*342px*/ 270px;

	width: 950px;

	background: url('images/header.jpg') top left no-repeat;

}



#nav-btns {

	width: 100%;

	float: left;

	margin: 8px 0 0;

}



.logo-flash {

	float: left;

	margin: 5px 0 0 5px;

}



.header-flash {

	float: right;

	margin: 5px 4px 0 0px;

}

	

.wrapper {

	width: 100%;

	float:left; background-color:#ffffff; margin-top:-5px;

}



.narrowcolumn {

	float: left;

	padding: 0 28px 20px 14px;

	margin: 0px 0 0;

	width: 645px;

}



.widecolumn {

	padding: 10px 0 20px 0;

	margin: 5px 0 0 150px;

	width: 450px;

}



.post {

	margin: 0 0 40px;

	text-align: left;

}



.post hr {

	display: block;

}



.widecolumn .post {

	margin: 0;

}



.narrowcolumn .postmetadata {

	padding-top: 5px;

}



.widecolumn .postmetadata {

	margin: 30px 0;

}



.widecolumn .smallattachment {

	text-align: center;

	float: left;

	width: 128px;

	margin: 5px 5px 5px 0px;

}



.widecolumn .attachment {

	text-align: center;

	margin: 5px 0px;

}



.clear {

	clear: both;

}



.wrapper .narrowcolumn, .wrapper .post {

	margin-bottom: 0px;

	padding-bottom: 0px;

	}



#footer {

	padding: 0;

	margin: 0 auto;

	width: 950px;

	clear: both;

	}



#footer p {

	margin: 0;

	padding: 20px 0;

	text-align: center;

	font-size: 12px;

	}



#footer-nav {

	padding: 0;

	margin: 0;

	width: 950px;

	clear: both;

	background: url('images/footer-nav.jpg') top left repeat-x;

	height: 49px;

	float: left;

}



#footer-nav ul {

	margin: 15px 0 0 170px;

	padding: 0;

	list-style:none;

}



#footer-nav li{

	display: inline;

	float: left;

	margin: 0;

}



#footer-nav li a{

	color: #FFFFFF;

	font-size: 1.1em;

	font-family: Arial;

	padding: 0 4px;

	margin: 5px;

	float: left;

}



#footer-links {

	padding: 0 30px;

	margin: 0 auto;

	width: 890px;

	clear: both;

	float: left;

}



#footer-links ul {

	margin: 0;

	padding: 0;

	list-style:none;

}



#footer-links li{

	display: inline;

	float: left;

	margin: 5px 4px;

	padding: 10px 5px;

	font-size: 12px;

}



#footer-links  li a{

	padding: 0;

	margin: 0;

	float: left;

	font-size: 12px;

        font-weight: bold;

}

/* End Structure */



/*	Begin Headers */

h1 {

	padding-top: 70px;

	margin: 0;

	}



h2 {

	margin: 10px 0 0;

	}



#sidebar h2 {

	margin: 5px 0 0;

	padding: 0;

	}



h3 {

	padding: 0 0 10px;

	margin: 30px 0 0;

	}



h3.comments {

	padding: 0;

	margin: 40px auto 20px ;

	}

/* End Headers */







/* Begin Form Elements */

#searchbox {

	margin: 10px auto;

	padding: 5px 3px 5px 0;

	text-align: center;

	font-size: 12px;

	}



#sidebar #searchbox #s {

	width: 185px;

	padding: 2px;

	}



#searchbox .input {	

	vertical-align: middle; 

	text-align:left;

	margin: 5px 0 0;

}



#searchbox .button {	

	vertical-align: middle; 

	text-align:center;

	margin: 5px 0 0;

}



#sidebar #searchsubmit {

	padding: 1px;

	}

/* End Form Elements */



/* Begin Sidebar */

#sidebar{

	padding: 0;

	float:left;

	width: 260px;

	}



#sidebar form {

	margin: 0;

	}

/* End Sidebar */



/* MENU FLYOUT (DROP DOWN MENU)*/



/* - - - ADxMenu: BASIC styles [ MANDATORY ] - - - */



/* remove all list stylings */

.menu, .menu ul {

	margin: 0;

	padding: 0;

	border: 0;

	list-style-type: none;

	display: block;

}



.menu li {

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	float: left;	/* move all main list items into one row, by floating them */

	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */

	z-index: 5;		/* thus we need to apply explicit z-index here... */

	background: url('images/nav-btns-sep.jpg') top right no-repeat;

}



.menu li.last {

	margin: 0;

	padding: 0;

	border: 0;

	display: block;

	float: left;	/* move all main list items into one row, by floating them */

	position: relative;	/* position each LI, thus creating potential IE.win overlap problem */

	z-index: 5;		/* thus we need to apply explicit z-index here... */

	background: none;

}



.menu li:hover {

	z-index: 10000;	/* ...and here. this makes sure active item is always above anything else in the menu */

	white-space: normal;/* required to resolve IE7 :hover bug (z-index above is ignored if this is not present)

							see http://www.tanfa.co.uk/css/articles/pure-css-popups-bug.asp for other stuff that work */

}



.menu li li {

	float: none;/* items of the nested menus are kept on separate lines */

}



.menu ul {

	visibility: hidden;	/* initially hide all submenus. */

	position: absolute;

	z-index: 10;

	left: 0;	/* while hidden, always keep them at the top left corner, */

	top: 0;		/* 		to avoid scrollbars as much as possible */

}



.menu li:hover>ul {

	visibility: visible;	/* display submenu them on hover */

	top: 100%;	/* 1st level go below their parent item */

}



.menu li li:hover>ul {	/* 2nd+ levels go on the right side of the parent item */

	top: 0;

	left: 100%;

}



/* -- float.clear --

	force containment of floated LIs inside of UL */

.menu:after, .menu ul:after {

	content: ".";

	height: 0;

	display: block;

	visibility: hidden;

	overflow: hidden;

	clear: both;

}

.menu, .menu ul {	/* IE7 float clear: */

	min-height: 0;

}

/* -- float.clear.END --  */



/* -- sticky.submenu --

	it should not disappear when your mouse moves a bit outside the submenu

	YOU SHOULD NOT STYLE the background of the ".menu UL" or this feature may not work properly!

	if you do it, make sure you 110% know what you do */

.menu ul {

	background-image: url(empty.gif);	/* required for sticky to work in IE6 and IE7 - due to their (different) hover bugs */

	padding: 10px 30px 30px 30px;

	margin: -10px 0 0 -30px;

	/*background: #f00;*/	/* uncomment this if you want to see the "safe" area.

								you can also use to adjust the safe area to your requirement */

}

.menu ul ul {

	padding: 30px 30px 30px 10px;

	margin: -30px 0 0 -10px;

}

/* -- sticky.submenu.END -- */



/* - - - ADxMenu: DESIGN styles [ OPTIONAL, design your heart out :) ] - - - */



.menu, .menu ul li {

	color: #FFF;

	font-family: Tahoma;

}



.menu ul {

	width: 11em;

}



.menu a {

	text-decoration: none;

	color: #eee;

/*	padding: 1.38em 1.2em;*/

	padding: 1.38em 0;

	display: block;

	position: relative;

	font-size: 1.2em;

}



.menu li a {

	width: 94.5px;

	text-align: center;

}



.menu a:hover, .menu li:hover>a {

	color: #fc3;

}



.menu li li {	/* create borders around each item */

	border-top: 1px solid #FFF;

	border-bottom:  1px solid #FFF;

	background: #0065b3;

	font-size: 1.1em;

	line-height: 12px;

	padding: 10px 5px;

	width: 180px;

}



.menu li li a {	/* create borders around each item */

	padding: 0px;

	margin: 0px;

	width: 100%;

	text-align: left;

}



.menu ul>li + li {	/* and remove the top border on all but first item in the list */

	border-top: 0 none;

}



.menu li li:hover>ul {	/* inset 2nd+ submenus, to show off overlapping */

	top: 5px;

	left: 90%;

}



/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu

	placed here to clarify the terminology I use when referencing submenus in posts */

.menu>li:first-child>a, .menu li + li + li li:first-child>a {

	

}



/* ANNOUNCEMENT */



#announcement { 

	height: auto;

}



.jcarousel-container-vertical {

    width: 250px;

    height: 180px;

}



.jcarousel-clip-vertical {

    top: 15px;

    width: 250px;

    height: 220px;

    margin: 0;

    z-index: 20;

}



#mycarousel li,

.jcarousel-item-vertical,

.jcarousel-item-placeholder-vertical {

    width: 100%;

    height: auto;

    margin: 0;

	padding: 5px 0;

}



.jcarousel-item h3,

.jcarousel-item p {

    margin: 0 5px;

}



.jcarousel-next-vertical {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    height: 14px;

    cursor: pointer;

    border-top: 1px solid #fff;

    background: #4088b8 url("images/arrow-down.gif") no-repeat center;

}



.jcarousel-next-disabled-vertical {

    cursor: default;

    opacity: .5;

    -moz-opacity: .5;

    filter: alpha(opacity=50);

}



.jcarousel-prev-vertical {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 14px;

    cursor: pointer;

    border-bottom: 1px solid #fff;

    background: #4088b8 url("images/arrow-up.gif") no-repeat center;

}



.jcarousel-prev-disabled-vertical {

    cursor: default;

    opacity: .5;

    -moz-opacity: .5;

    filter: alpha(opacity=50);

}



.loading {

    background: transparent url("images/loading-small.gif") 50% 50% no-repeat;

}







/* OTHERS */

.boxes-content {

	float: left;

	width: 100%;

	background: url('images/dotted-h.jpg') top left repeat-x;

	padding: 10px 0;

}



.cols-2{

	width: 323px;

	float: left;

	height: auto;

}



.cols-2-last{

	width: 305px;

	float: left;

	padding: 0 0 0 16px;

	height: auto;

	background: url('images/dotted-v.jpg') top left repeat-y;

}



.green-bar {

	/*background: url('images/green-bar.png') top left no-repeat;*/

	width: 296px;

	height: 23px;

	padding: 6px 0 0;

	font-size: 16px;

	font-family: Arial;

	font-weight: normal;

	margin: 0 0 10px;

	color: #007236;

	float: left;

}



.green-bar-content {

	width: 306px;

	margin: 0 0 10px;

	float: left;

}



.green-bar-content ul {

	list-style: none;

}



.green-bar-content ul li{

	margin: 0;

	padding: 0;

}



#home-intro strong{

	color: #000064;

	font-weight: normal;

}



/* SIDEBAR */



.green-bar-sidebar {

	/*background: url('images/green-bar-sidebar.png') top left no-repeat;*/

	width: 242px;

	height: 25px;

	padding: 5px 0 0;

	font-size: 16px;

	font-family: Arial;

	font-weight: normal;

	margin: 0 0 10px;

	color: #007236;
	clear: both;

}



.green-bar-sidebar a{

	color: #007236;

	text-decoration: none;

}



.green-bar-content2 {

	width: 252px;

	font-size: 12px;

	margin: 0 0 10px;

	background: url('images/dotted-h.jpg') bottom left repeat-x;
	
	float: left;

}



.green-bar-content3 {

	width: 250px;

	font-size: 12px;

	border: 1px solid #00a651;

	padding: 0;

	background: #fff;

}



.green-bar-content4 {

	width: 252px;

	font-size: 12px;

	margin: 0;

	text-align: center;

	border: 1px solid #00A651;

	padding: 10px 0 0;

}



/* CEO FORUM */



.ceo-f-title{

	margin: 10px 0;

	text-align: center;

	font-size: 20px;

}



.ceo-f-title p{

	font-size: 15px;

	margin: 0;

}



.ceo-f {

	width: 294px;

	border: 1px solid #000;

	padding: 5px;

	margin: 0 0 10px;

	background: #fff;

	float: left;

}



.ceo-f div {

	width: 100%;

	float: left;

	text-align: center;

	margin: 5px 0;

}



.ceo-f div img {

	vertical-align: middle;

	margin: 0 5px 0 0;

}



/* END CEO FORUM */



.su-logo, .os-logo {

	padding: 0 0 10px;

}



.os-logo li, .su-logo li {

	font-size: 15px;

	font-weight: bold;

	margin: 0;

}



.os-logo li {

	padding: 0 0 0 30px;

}



.su-logo li {

	padding: 0 0 0 15px;

}



.os-logo li a, .su-logo li a { 

	color: #0F4A8E;

	text-decoration: none;

	padding: 5px;

	margin: 3px 0;

	display: block;

	background-color: #FFF;

}



.os-logo li a:hover, .su-logo li a:hover {

	background-color: #C0C0C0;

}





.os-logo li a { 

	width: 200px;

}



.su-logo li a { 

	width: 210px;

}



.os-logo li img, .su-logo li img { 

	vertical-align: middle;

	border: none;

	margin:0 10px 0 0;

}



/*BOTTOM CONTENT FOR HOME PAGE*/



.content-bottom {

	width: 925px;

	float: left;

	padding: 0 11px 0 14px;

	font-size: 13px;

	margin: 10px 0 0;

}



.content-bottom .heading {

	float: left;

	width: 908px;

	padding: 10px 0 0 10px;

	font-size: 15px;

	font-weight:bold;

	color: #0F4A8E;

}



.content-bottom ul {

	float: left;

	padding: 0 0 10px 50px;

}



.content-bottom ul li{

	margin: 0 0 5px;

}



.content-bottom .upcoming-events, .content-bottom .help-services {

	float: left;

	background: #fff;

	border: 1px solid #00a651;

	width: 923px;

}



.content-bottom .help-services {

	padding: 5px 0;

}



p.view-calendar-events {

	text-align: right;

	display: block;

	padding: 0 10px;

	clear: both;

}



.at-your-service {

	width: 432px;

	float: left;

	background: #FFF url('images/dotted-v.jpg') top right repeat-y;

	padding: 0 10px;

}



.help-desk {

	width: 442px;

	float: left;

	padding: 0 10px;

}



.at-your-service img, .help-desk img {

	vertical-align: middle;

	margin: 0 10px 0 0;

}



.at-your-service .title, .help-desk .title{

	font-size: 15px;

	font-weight: bold;

	padding: 0;

	margin: 0;

	float: left;

	width: 100%;

	color: #0F4A8E;

}



/*PARTNERS AND FUNDERS*/



.funders-partners {

	width: 100%;

	float: left;

}





.funders {

	width: 315px;

	float: left;

	margin: 0 10px 0 0;

}



.partners {

	width: 600px;

	float: left;

}



.funders .title, .partners .title {

	font-size: 18px;

	width: 100%;

	color: #007236;

	margin: 0 0 10px 0;

        font-weight: bold;

}



.funders .img {

	width: 313px;



	height: 95px;

	border: 1px solid #00a651;

	background: #fff;



}



.partners .img {

	width: 598px;

	height: 95px;

	float: left;

	border: 1px solid #00a651;

	background: #fff;

}



.funders .img img {

	vertical-align:middle;

	margin: 18px 19px 0;

	border: none;

}



.partners .img img {

	vertical-align:middle;

	margin: 15px 0 0;

	border: none;

}



.clearfix {

	display: block;

	clear: both;

}



.clearSize {

	font-size: 0;

	line-height: 0;

}



/* pop-up tool-tip*/



.jpopup-simple {

	cursor:pointer;

}



#jpopup-div{

	z-index:1;

	position:absolute;

	padding:10px;

	background:#fff;

	border: 1px solid #00a651;

	width: 200px;

	height: auto;

	display: none;

	color: #000;

	font-weight:normal;

	font-size: 12px;

	text-align: left;

}



.jpopup-div-content {

	display: none;

}

/*

.jpopup-simple-content { 

	z-index:1;

	position:absolute;

	padding:10px;

	background:#fff;

	border: 1px solid #00a651;

	width: 200px;

	height: auto;

	display: none;

	color: #000;

	font-weight:normal;

	font-size: 12px;

	text-align: left;

}*/



/* JQUERY UL TABS */

ul.tabs {

	clear: both;

	display: block;

	width: 100%;

	float: left;

	border-bottom: 1px solid #000000;

}



ul.tabs li {

	float: left;

	display:inline;

	list-style: none;

	margin: 0 10px 0 0;

}



ul.tabs li h3 {

	margin: 20px 0 0;

	padding: 0;

	border: 0;

}



ul.tabs a, ul.tabs a:active {

	color: #000;

	font-family: Verdana;

	font-weight:normal;

	text-decoration: none;	

	background: #ECECEC;

	padding: 0 5px;

	border-left: 1px solid #ECECEC;

	border-right: 1px solid #ECECEC;

	border-top: 1px solid #ECECEC;

}



ul.tabs a:hover, ul.tabs a.current {

	color: #FFF;

	background: #0065B3;

}



.panes {

	float: left;



	clear: both;

	margin: 10px 0;

	width: 100%;

}



.panes h3 {



	margin: 0;

}



/* --------------------- */



.board-login {

	width: 40%;

	margin: 0 auto;

	padding: 10px;

	border: 1px solid #000;

}



.board-login .label {

	width: 90px;

	float: left;

	margin: 5px 0 0;

}



.board-login .input {

	float: left;

	margin: 5px 0 0;

}



.board-login .submit {

	width: 100%;

	text-align: center;

	margin: 10px 0 0;

	float: left;

}



#board-members, #members-list {

	margin: 0;

	padding: 10px;

}



#board-members .country, #members-list .country{



	width: 200px;

	float: left;

	text-align: left;

	margin: 5px 0 0;

	font-weight: bold;

}



#board-members .member, #members-list .bank{

	width: 400px;

	float: left;

	margin: 5px 0 0;

}



#board-members .sep, #members-list .sep{

	height: 20px; 

	border-bottom: 1px dotted #006600;

}



.cols-3 {

	width: 202px;

	padding: 5px;

	float: left;

	border-right: 1px dotted #000;

}

.cols-3 p,  .cols-3-last p {

	text-align: center;

	font-weight: bold;

}

.cols-3-last {

	width: 202px;

	padding: 5px;

	float: left;

}



.cols-3 ul, .cols-3-last ul{

	margin: 10px;

	list-style-type:square;

}

.cols-3 ul li, .cols-3-last ul li{

	margin: 5px;

}



.fee-structure{

	margin:20px auto;

	width: 645px;

	clear: both;

}

.fee-structure .type{

	padding: 5px 10px;

	width: 470px;

	text-align: left;

	float: left;

	border-bottom: 1px solid;

	border-right: 1px solid;

}

.fee-structure .amount{

	padding: 5px 10px;

	width: 100px;

	text-align: left;

	float: left;

	border-bottom: 1px solid;

}

.institute-logo{

	float: left;

	font-size: 17px;

	padding: 20px;

}

.institute-logo img{

	vertical-align: middle;

}



/*ACCORDION*/



#accordion h4 a, #accordion h4 a:active, #accordion h4 a:visited  {

	color: #007236;

	text-decoration: none;

}



#accordion h4 a:hover {

	text-decoration: underline;

}



/* ---- */



.horizontal-break {

	border-bottom: 1px dotted #000000;

	height: 5px;

	margin: 0;

	padding: 0;

	line-height: 0;

}



.gallery-break {

	border-bottom: 1px dotted #000000;

	margin: 0;

	padding: 0 0 5px;

}



#online-inquiry-form span.required {

	color: #B00000;

}



#online-inquiry-form, #online-inquiry-form .label, #online-inquiry-form .input, #online-inquiry-form .submit, #online-inquiry-form .form-spacer {

	float: left;

}



#online-inquiry-form {

	padding: 20px 5px 0;

	display: block;

}



#online-inquiry-form .label{

	width: 150px;

	text-align: right;

	font-weight: bold;

}



#online-inquiry-form .input{

	width: 400px;

	text-align: left;

	padding: 0 0 0 10px;

}



#online-inquiry-form .submit{

	text-align: right;

	width:100%;

}



#online-inquiry-form .form-spacer{

	height: 10px;

	font-size: 0;

	line-height: 0;

	width: 100%;

}



/*NEWSROOM*/

/*

.news-archive {

	float: left;

	width: 310px;

	margin: 0 5px 10px 0;

}*/



.news-archive {

	float: left;

	width: 100%;

	display: none;

}



.alignleft {

	float: left;

}



.alignright {

	float: right;

}



/*APPLICATION FORM*/



#application-form, #application-form .spacerh, #application-form .label, #application-form .label2, #application-form .label3, #application-form .label4,

#application-form .input, #application-form .input2, #application-form .input3, #application-form .input4, #application-form .input5, #application-form .input6, 

#application-form .submit, #application-form .text, #application-form .text2 {

	float: left;

}



#application-form{

	width: 645px;

	margin: 20px 0 0;

}



#application-form .spacerh{

	height: 5px;

	line-height: 0;

	font-size: 0;

	width: 100%;

	clear:both;

	display: block;

}



#application-form .label{

	padding: 0 10px 0 0;

	width: 150px;

	text-align: right;

}



#application-form .label2{

	padding: 0 10px 0 0;

	width: 630px;

	text-align: left;

}



#application-form .label3{

	padding: 0 10px 0;

	width: 300px;

	text-align: left;

}



#application-form .label4{

	text-align: right;

	width: 80px;

	margin: 0 5px 0 0;

}



#application-form .input{

	width: 470px;

	text-align: left;

}



#application-form .input textarea, #application-form .input input {

	width: 100%;

}



#application-form .input2{

	width: 185px;

	text-align: left;

}



#application-form .input3{

	width: 320px;

	text-align: center;

	margin: 5px 0 0;

}



#application-form .input4 {

	width: 100px;

	margin: 0;

	text-align: left;

}



#application-form .input5 {

	width: 280px;

	text-align: left;

	margin: 0;

}



#application-form .input6{

	width: 180px;

	text-align: left;

	margin: 0;

}



#application-form .submit{

	width: 100%;

	text-align: right;

}



#application-form .note {

	font-size: 10px;

	font-style: italic;

	color: #6C6C6C;

}



#application-form .text, #application-form .text2{

	width: 100%;

	text-align: center;

}



#application-form .text {

	font-weight: bold;

}



#application-form .wpcf7-list-item {

	clear: both;

	display: block;

}



.tbl {

	width: 100%;

}





.tbl th {

	background-color: #999999;

	text-align: center;

	padding: 10px;

	border-bottom: 1px solid #000000;

	border-right: 1px solid #000000;



}



.tbl td {

	padding: 10px;

	border-bottom: 1px solid #000000;

	border-right: 1px solid #000000;

}



#ebook { width:110px; float:left; margin:0 15px 0 0; font-size:11px; text-align:center; }



#stat-counter { text-align: center; width: 100%; clear: both; margin-top: 5px; }



/* SURVEY FORM STYLES */



#survey-form, #survey-form .text {

	float: left;

}



#survey-form h4 {

	margin: 0;

	padding: 0;

}



#survey-form .text{

	text-align: left;

	width: 100%;

}



#survey-form .spacerh{

	height: 20px;

	line-height: 0;

	font-size: 0;

	width: 100%;

	clear:both;

	display: block;

}



#survey-form .list-type .wpcf7-list-item {

	display: block;

}



.ddfm .credits {

display: none;

}

table.calendar-table { border: 1px solid #000000; }

table.calendar-table th, table.calendar-table td { border: 1px solid #000000; padding: 5px; margin: 0; font-weight: bold; }

table.calendar-table th { background-color:#FFFF00; text-align: center; }


.prog-logo {
	margin: 0;
	padding: 0;
}

.prog-logo li {
	margin: 0;
	padding: 0;
}

.prog-logo li img {
	vertical-align: middle;
}

#comment {
	width: 600px;
}

.q_nav {
	float: right;
	width: 100%;
	text-align: right;
}

.q_nav a{
	padding: 10px;
	line-height: 35px;
	margin: 5px 0px;
	color:#FFFFFF;
	font-weight: bold;
	background: #3084CC;
	-moz-border-radius: 5px;
	border-radius: 5px;
}