@charset "utf-8";
/* CSS Document */

body
{
	background: #f57316 url(../img/main_bcrg.jpg) top center repeat-y;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}


*
{
	padding:0;
	margin:0;
}

a
{
text-decoration: none;
border: none;

}

a:link { color:#265978; }
a:visited { color:#265978; }

img, a img{border: none;}
h2
{
	color: #c00;
	/*font-weight: bold;*/
	text-transform: none;
	font-size: 18px;
	margin-bottom: 15px;
    width: 100%;
}
h3
{
	color: #c00;
	font-weight: bold;
	text-transform:none;
	font-size: 16px;
	margin-bottom: 15px;
}
h4
{
	font-size: 13px;
	font-weight: bold;
}
p
{
	font-size: 14px;
	margin-bottom: 15px;
}


#confirmation_page
{
	padding: 15px;
	background: #eee;
}
#shareThisPage
{
	height: 20px;
	margin: 5px 0;
	font-size: 10px;
    display: none;
}
#shareLabel
{

}
#shareBlock
{

}



/*		alap layout		*/
#head_wrapper
{
	width: 100%;
	height: 126px;	/*	110 + 16 */
	background: url(../img/head_bcrg.jpg) top left repeat-x;
}
#head_wrapper a
{
	color: #ffe8c3;
}

#head_box
{
	width: 950px;
	height: 110px;
	margin: 0 auto;
	background: url(../img/logo.jpg) top left no-repeat;
	position: relative;
}

#logoBox
{
	width: 528px;
	height: 76px;
	
	margin: 0;
	padding: 0;
	border: none;
}
#topRegSearch
{
	position: absolute;
	width: 200px;
	height: 77px;
	top: 0px;
	right: 0px;
	/*background: #aaa;*/
}
#topRegBox
{
	height: 10px;
	text-align: right;
	font-size: 9px;
	color: #ffe8c3;
	padding: 0px 0 5px 0;
}
#topEndorsers
{
	position: absolute;
	width: 150px;
	height: 77px;
	top: 0px;
	right: 240px;
	/*	background: #ccc;	*/
	color: #ffe8c3;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
}

#topPledges
{
	position: absolute;
	width: 150px;
	height: 77px;
	top: 0px;
	right: 100px;
	/*	background: #ccc;	*/
	color: #ffe8c3;
	text-transform: uppercase;
	text-align: center;
	font-size: 11px;
}
#topPledges.online
{right: 160px;}
#topEndorsers.online
{right: 280px;}
.topEndNumba
{
	font-size: 25px;
	height: 25px;
	padding: 9px 0 5px 0;
	text-align: center;
	/*font-weight: bold;*/
}



#topnav
{
	position: absolute;
	width: 950px;
	height: 33px;
	top: 77px;
	left: 0px;
	font-size: 14px;
	font-size: 12px;
	/*text-transform: uppercase;*/
	color: #cc0000;
	/*background: #eee;*/
}
#langNav
{
	text-align: right;
	color: #ffe8c3;
	font-size: 9px;
	padding-top: 11px;
}
#topnav a:hover{color: #cc0000;}
.topNavItem
{
	display: inline-block;
	margin-right: 10px;
	height: 21px;
	
	
	vertical-align: top;
	padding-top: 9px;
}
.topNavItem.nextToCrTn
{margin-right: 5px;}
#curTopNavItem
{
	display: inline-block;
	height: 33px;
	vertical-align: top;
	margin-right: 5px;
}
.crTnCapA, .crTnCapB
{
	display: inline-block;
	height: 33px;
	vertical-align: top;
	width: 10px;
}
.crTnCapA
{background: url(../img/crtpc_a.gif) top left no-repeat;}
.crTnCapB
{background: url(../img/crtpc_b.gif) top right no-repeat;}
.crTn
{
	height: 24px;
	display: inline-block;
	vertical-align: top;
	padding-top: 9px;
	background: url(../img/crtp.gif) top left repeat-x;
}


#content_wrapper
{
	width: 950px;
	margin: 0 auto;
	
	margin-bottom: 30px;
}


#sidebar
{
	width: 310px;
	display: inline-block;
	vertical-align: top;
	background: #e6e6e6 url(../img/sidebar_top.gif) top left no-repeat;
	font-size: 11px;
	font-weight: bold;
}
#sideWrap
{
	background: url(../img/sidebar_bot.gif) bottom left no-repeat;
	padding: 10px 0;
}
#sidebar h2
{
	color: #c00;
	font-weight: normal;
	text-transform: none;
	font-size: 18px;
	margin-bottom: 0;
}
#sidebar h3
{
	color: #c00;
	font-weight: normal;
	text-transform: none;
	font-size: 14px;
	margin-bottom: 10px;
}
#sidebar ul#side_reasons
{
	font-size: 12px;
	
	list-style:decimal;
	
	list-style-position:inside;
	text-align: justify;
}
#sidebar ul#side_reasons li
{
	margin-bottom: 10px;
}
.side_block
{
	padding: 0 15px;
	margin-bottom: 25px;
}

.in_sidebar_col
{
	display: inline-block;
	vertical-align: top;
	width: 135px;
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif	
}
.in_sidebar_col_bigger
{
	display: inline-block;
	vertical-align: top;
	width: 135px;
  font-family: Lucida Sans Unicode, Lucida Grande, sans-serif	
	font-size: 14px;
}


.flowRgt
{
	text-align: right;
}

.side_share_icon
{
	display: inline-block;
	vertical-align: top;
	width: 20px;
	height: 20px;
	margin-right: 5px;
}






#main_content
{
	width: 630px;
	font-size: 14px;
	font-family: Arial, Verdana, Verdana, Geneva, sans-serif;
	/*background: #eee;*/
}






#foot_wrapper
{
	width: 950px;
	margin: 0 auto;
}

#footNav
{
	font-size: 10px;
	padding: 0 25px 20px 25px;
	margin-top: 15px;
	
}
#footCC
{
	float: left;
}
#footNote
{vertical-align:top;
margin-left: 5px;
display: inline-block;}

.pagination
{
	font-size: 10px;
}
.pageStepper a
{
	display: block;
	padding: 3px 5px 5px 5px;
	
	color: #fff;
	background: #f57316;
}
.pageStepper.lft
{margin-right: 5px}
.pageStepper.rgt
{margin-left: 5px}
.pageBtn
{
	display: inline-block;
	vertical-align: top;
	margin-bottom: 3px;
}
.pageBtn a
{
	display: block;
	padding: 3px 5px 5px 5px;
	
	color: #fff;
	background: #f57316;
}
.pageBtn.actualPage
{
	display: inline-block;
	padding: 3px 5px 5px 5px;
}
.pagez
{
	width: 390px;
	margin-left: 110px;
	text-align: center;
}



/*	------	home	-------	*/
#trdisp
{
	width: 610px;/* 630 - (2*10) */
	height: 280px; /*	280 - (2* 15) */
	background: url(../img/tenrbcrg.gif) top left no-repeat;
	margin-bottom: 25px;
	padding: 15px 10px;
}
#trdisp h2
{
	font-size:26px;
	font-weight: normal;
	color: #fff;
	margin-bottom: 5px;
}
#trdisp h3
{
	font-size:14px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 5px;
	text-transform:none;
	
}
#reasonEndorse
{
	width: 235px;
}

#reasonRotator
{
	height: 110px;
	margin: 10px 0 15px 0;
}
#showPrevReason, #showNextReason
{
	width: 60px;
	height: 110px;
}
#showPrevReason
{background: url(../img/prvRsn.jpg) top left no-repeat;}
#showNextReason
{background: url(../img/nxtRsn.jpg) top left no-repeat;}

#reasonWrapper
{
	position: relative;
	width: 470px;
	margin-left: 70px;
	
	overflow: hidden;
	height: 110px;
}
#reasonCanvas
{
	height: 110px;
	width: 4700px;
	z-index:50;
	position: absolute;
	/*
	
	top: 0;
	left: 0;*/
	background: #fff;
}
#reasonCornerz
{
	position: absolute;
	z-index:100;
	width: 470px;
	height: 110px;
	background: url(../img/rsnCornerz.gif) top left no-repeat;
	cursor: pointer;
}
.topReasonBlock
{
	position: relative;
	width: 446px; /* 470 - (2*12) */
	height: 90px;	/* 110 - (2*10) */
	display: inline-block;
	vertical-align: top;
	padding: 10px 12px;
	background: #fff;
	margin: 0;
	float: left;
	font-size: 14px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif;
	font-weight: bold;
}
.reasonNumber
{
	display: inline-block;
	vertical-align: top;
	width: 28px;
	height: 22px;
	background: url(../img/rsnNumb.gif) top left no-repeat;
	color: #fff;
	text-align: center;
	font-weight: bold;
	padding-top: 1px;
	font-family: Lucida Sans Unicode, Lucida Grande, sans-serif
	font-size: 16px;
}


#reasonReadStatement
{
	width: 360px;
	margin-top: 5px;
}
.endorseButton
{
	display: inline-block;
	height: 32px;
}
a.endorseButton
{color: #fff; font-weight:bold}
a.endorseButton:hover
{}

.ebtnCapA, .ebtnCapB, .ebtnBdy
{display: inline-block; vertical-align: top; margin: 0; float: left}
.ebtnCapA
{
	height: 32px;
	width: 9px;
	background: url(../img/ebCapA.gif) top left no-repeat;
}
.ebtnCapB
{
	height: 32px;
	width: 36px;
	background: url(../img/ebCapB.gif) top left no-repeat;
}
.ebtnBdy
{
	height: 23px;
	background: url(../img/endrBtn.gif) top left repeat-x;
	font-size: 12px;
	padding-top: 9px;
}

#reasonEndorse p, #reasonReadStatement p
{
	color: #fff;
	margin: 0;
	margin-top: 5px;
	font-size: 11px;
	font-weight:bold;
}

.langStatement
{
	color: #fff;
	font-size: 11px;
	display: inline-block;
}
/*
endrBtn.gif

ebCapB
*/


.oneColContent
{
	padding: 0 10px;
}
.oneColContent.text_page
{
	padding: 0 20px 0 10px;
}
 
.homeCol
{
	display: inline-block;
	vertical-align: top;
	width: 290px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:150%;
	color:#333;
	/*padding-left: 10px;
	background: #999;
	
	overflow: hidden;*/
}

.homeCol.hcr
{
padding-left: 20px;
}
.homeBlock
{
	margin-bottom: 30px;
  line-height: 150%;
	
}
.homeBlock ul
{
	padding-left: 15px;	
}

ul.newsevent_list
{
	/*font-size: 12px;*/
	list-style-position: inside;
	list-style-type:disc;
	
}
ul.newsevent_list li
{

}
.newsevent_list_itm_date
{
	font-size: 10px;
}
/*
////////////////////////////////////////////////////////////////////////////////
									USERS (reg, login, etc)
////////////////////////////////////////////////////////////////////////////////
*/
#baseform_wrapper
{font-size: 12px;}

.baseUserInput
{
	margin-bottom: 10px;
	font-size: 12px;
}
.baseUserInput label, .baseUserInput input
{
	display: inline-block;
	vertical-align: top;
}


.baseUserInput label
{width: 110px;}
.baseUserInput input, .baseUserInput select
{width: 200px;}

.homeBlock .baseUserInput label
{width: 110px;}
.homeBlock .baseUserInput input, .homeBlock .baseUserInput select
{width: 280px;}


.buiError
{float: right; display: inline-block; vertical-align: top;
width: 280px; padding-right: 20px; color: #c00}

.homeBlock .buiError
{
	float: none;
}
.checkUserInput
{margin-bottom: 10px;}
.checkUserInput label, .checkUserInput a
{
	margin-left: 10px;
	font-size: 10px;
	vertical-align: top;
}

.buttonSideLink
{
	display: inline-block;
	vertical-align: middle;
	margin-left: 15px;
	font-size: 12px;
}

.baseform_pledges
{
	margin-bottom: 10px;
}


.userPledgeItem 
{
	padding: 5px 5px 5px 15px;
}
.userPledgeItem.checkedPledgeItem
{
	background: #eee;
}

.pledgeFormCheckbox
{ padding-top: 5px}
.pledgeFormLabel
{
	margin-left: 20px;
}

.oathUserInput
{
	margin-bottom: 10px;
	font-size: 14px;
}
.oathUserInput label, .oathUserInput input
{
	display: inline-block;
	vertical-align: top;
}
.oathUserInput label
{width: 90px;}
.oathUserInput input, .oathUserInput select
{width: 190px;}

.oathPadded
{
	padding-left: 90px;
	font-size: 12px;
	line-height: 100%;
}

.pledgeStuff
{font-style: italic}
/*
.baseUserInput
{
	margin-bottom: 10px;
	font-size: 12px;
}
.baseUserInput label, .baseUserInput input
{
	display: inline-block;
	vertical-align: top;
}


.baseUserInput label
{width: 110px;}
.baseUserInput input, .baseUserInput select
{width: 200px;}

.homeBlock .baseUserInput label
{width: 110px;}
.homeBlock .baseUserInput input, .homeBlock .baseUserInput select
{width: 280px;}
*/

/*   
////////////////////////////////////////////////////////////////////////////////
									orgs (endorsees)
////////////////////////////////////////////////////////////////////////////////
*/
#endorseBlock
{
	font-size: 12px;
	margin-bottom: 15px;
}

#statement_excrept
{
	width: 220px;
}
#stexpbizg
{
	/*background: #eee;*/
	width: 205px;
	height: 215px;
}
#endorseform_wrapper
{
	width: 375px;
}
.baseOrgInput
{
	margin-bottom: 2px;
	font-size: 12px;
}
.baseOrgInput label, .baseOrgInput input
{
	display: block; /*inline-block;*/
	vertical-align: top;
}
.baseOrgInput label
{width: 140px;}
.baseOrgInput input, .baseOrgInput select
{width: 235px;}
.boiError
{color: #c00; font-size: 10px;}


#googleWrapper
{
	background:#ddd;
	width: 610px;
	/*height: 265px;*/
	height: 400px;
	margin-bottom:15px;
}

#orglist
{
	margin: 10px 0;
	font-size: 13px;
}
.orgItem
{margin-bottom: 5px;}

/*
////////////////////////////////////////////////////////////////////////////////
									news/events
////////////////////////////////////////////////////////////////////////////////
*/
#newsitemsList{}
.nwiEventLabel, .nwiNewsLabel, h3.newsListTitle, h2.newsListTitle
{display: inline-block; vertical-align: top;}
#newsitemsList .nwiEventLabel,#newsitemsList .nwiNewsLabel
{font-size: 10px; padding: 5px 10px;}
#newsitemsList .nwiEventLabel
{background:#ff8000; color: #fff}
#newsitemsList .nwiNewsLabel
{background:#66ccff; color: #000}



.commentItemWrap
{
	margin-bottom: 10px;
	padding: 10px;
	background: #eee;
}
.commentItemWrap.altCommItem
{
	background: #ddd;
}
.userThumb, .commentItem
{
	display: inline-block;
	vertical-align: top;
}
.userThumb
{
	width: 70px;
	height: 70px;
	background: #aaa;
	margin-right: 10px;
}
.commentItem
{
	width: 490px;
}
.commentUserInfo
{
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
}
.commentBody
{
font-size: 12px;
}

#CommentAddForm #CommentBody
{
	width: 100%;
	height: 150px;

}


/*
////////////////////////////////////////////////////////////////////////////////
									reasons
////////////////////////////////////////////////////////////////////////////////
*/
#reasonPager
{

}
#reasonPager h3, #reasonPageButtonz, .reasonPageBtnItm, .curReasonPageBtnItm
{display: inline-block; vertical-align:top}
#reasonPageButtonz
{height: 18px; font-size: 12px;}

.reasonPageBtnItm
{height: 18px;}
.reasonPageBtnItm a
{
	display: block;
	padding: 2px 10px 4px 10px;
	height: 12px;
	
	background: #f57316;
	color: #fff;
	border-right: 5px solid #fff;
}
.curReasonPageBtnItm
{
padding: 2px 10px 4px 10px;
	height: 12px;
	border-right: 5px solid #fff;
}

/*
subVideoBlock
subVideoThumb
subVideoTitle
*/
.subArticleListBlock
{
	padding-left: 15px;
	margin-bottom: 10px;
}
.subArticleLink
{font-size: 14px; margin-bottom: 5px;}
.subVideoBlock
{margin-bottom: 15px;}
.subVideoThumb, .subVideoTitle
{
	display: inline-block;
	vertical-align: top;
}
.subVideoThumb
{
	width: 370px;
	height: 220px;
	margin-right: 25px
}
.subVideoTitle
{width: 195px;}
/*
////////////////////////////////////////////////////////////////////////////////
									partners
////////////////////////////////////////////////////////////////////////////////
*/
#partnerBoxWrap
{
	width: 950px;
	background:url(../img/partnerzTop.gif) top left no-repeat;
	padding-top: 5px;
}
#partnerBox
{
	width: 950px;
	padding-bottom: 5px;
	background:url(../img/partnerzBot.gif) bottom left no-repeat;
}
#partnerList
{
	width: 900px;
	padding: 8px 25px 20px 25px;
	background:#f57316;
}

.partnerItem
{
	display: inline-block;
	vertical-align: top;
	margin-right: 12px;
	margin-bottom: 12px;
}
.partnerItem.lastInRow
{margin-right: 0}
.partnerItem.lastRow
{margin-bottom: 0;}

#partnerList h3
{color: #fff;font-size: 14px; margin-bottom: 12px}
/*	


*/
/*
////////////////////////////////////////////////////////////////////////////////
									adat cucc
////////////////////////////////////////////////////////////////////////////////
*/

.dtDisp
{
	font-size: 12px;
}
.dtRow
{
	margin-bottom: 10px;
}
.dtLabel, .dtValue
{
	display: inline-block;
	vertical-align: top;
}
.dtLabel
{width: 110px; font-weight:bold}
.dtValue
{

}


/*
.baseUserInput
{
	margin-bottom: 10px;
	font-size: 12px;
}
.baseUserInput label, .baseUserInput input
{
	display: inline-block;
	vertical-align: top;
}
.baseUserInput label
{width: 110px;}
.baseUserInput input, .baseUserInput select
{width: 200px;}
*/




/*	common */
.lft{float: left; display: inline-block}
.rgt{float: right; display: inline-block}
.inlVtop{display: inline-block; vertical-align: top;}
.clearfloat {clear:both; height:0; font-size: 1px; line-height: 0px}

/* Debugging */
/*
pre {
	color: #000;
	background: #f0f0f0;
	padding: 1em;
}
pre.cake-debug {
	background: #ffcc00;
	font-size: 120%;
	line-height: 140%;
	margin-top: 1em;
	overflow: auto;
	position: relative;
}
div.cake-stack-trace {
	background: #fff;
	border: 4px dotted #ffcc00;
	color: #333;
	margin: 0px;
	padding: 6px;
	font-size: 120%;
	line-height: 140%;
	overflow: auto;
	position: relative;
}
div.cake-code-dump pre {
	position: relative;
	overflow: auto;
}
div.cake-stack-trace pre, div.cake-code-dump pre {
	color: #000;
	background-color: #F0F0F0;
	margin: 0px;
	padding: 1em;
	overflow: auto;
}
div.cake-code-dump pre, div.cake-code-dump pre code {
	clear: both;
	font-size: 12px;
	line-height: 15px;
	margin: 4px 2px;
	padding: 4px;
	overflow: auto;
}
div.cake-code-dump span.code-highlight {
	background-color: #ff0;
	padding: 4px;
}
div.code-coverage-results div.code-line {
	padding-left:5px;
	display:block;
	margin-left:10px;
}
div.code-coverage-results div.uncovered span.content {
	background:#ecc;
}
div.code-coverage-results div.covered span.content {
	background:#cec;
}
div.code-coverage-results div.ignored span.content {
	color:#aaa;
}
div.code-coverage-results span.line-num {
	color:#666;
	display:block;
	float:left;
	width:20px;
	text-align:right;
	margin-right:5px;
}
div.code-coverage-results span.line-num strong {
	color:#666;
}
div.code-coverage-results div.start {
	border:1px solid #aaa;
	border-width:1px 1px 0px 1px;
	margin-top:30px;
	padding-top:5px;
}
div.code-coverage-results div.end {
	border:1px solid #aaa;
	border-width:0px 1px 1px 1px;
	margin-bottom:30px;
	padding-bottom:5px;
}
div.code-coverage-results div.realstart {
	margin-top:0px;
}
div.code-coverage-results p.note {
	color:#bbb;
	padding:5px;
	margin:5px 0 10px;
	font-size:10px;
}
div.code-coverage-results span.result-bad {
	color: #a00;
}
div.code-coverage-results span.result-ok {
	color: #fa0;
}
div.code-coverage-results span.result-good {
	color: #0a0;
}
*/
/* Tables */
table {
	background: #fff;
	border:1px solid #ccc;
	border-right:0;
	clear: both;
	color: #333;
	margin-bottom: 10px;
	width: 100%;
}
th {
	background: #f2f2f2;
	border:1px solid #bbb;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	text-align: center;
}
th a {
	background:#f2f2f2;
	display: block;
	padding: 2px 4px;
	text-decoration: none;
}
th a:hover {
	background: #ccc;
	color: #333;
	text-decoration: none;
}
table tr td {
	background: #fff;
	border-right: 1px solid #ccc;
	padding: 4px;
	text-align: center;
	vertical-align: top;
}
table tr.altrow td {
	background: #f4f4f4;
}
td.actions {
	text-align: center;
	white-space: nowrap;
}
td.actions a {
	margin: 0px 6px;
}
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

