html {
	height: 100%;
}

* {
	font-family: verdana, arial, sans-serif;
	font-size: 11px;
	color: #000000;
}

body {
	height:100%;
	margin:0;
	background-color: #FFFFFF;
	text-align: left;
}

/*Base template*/
.topleftcontainer {
	height:114px;
	text-align:center;
}

.sidetable {
	height:100%;
}

.subtoptd {
	position:relative;
	height:186px;
}

.topmiddlecontainer {
	text-align:left;
}

.toprightcontainer {
}
.rightcontainer .subtoptd {
	text-align: center;
}

.subtopleftcontainer {
	background-image:url(../img/subtopleft_bg.png);
	width:151px;
	height:186px;
}

.maincontainer {
	width:604px;
	height:100%;
}

.subtoprightcontainer {
	background-image:url(../img/subtopright_bg.png);
	width:151px;
	height:186px;
}

.subtopleft, .subtopmiddle, .subtopright {
	padding:10px;
}
	
.leftcontainer {
	height:100%;
}

.rightcontainer {
	height:100%;
}

.sidebar {
	height:100%;
}

.sidebarcontent, .sidebarcontent a, .sidebarcontent li {
	font-size:90%!important;
}

.sidebarcontent li a{
	font-size:100%!important;
}

.sidebarcontent li a {
	text-decoration:underline!important;
}

.sidebarcontent li a:hover {
	color:#000000;
	text-decoration:none!important;
}


.sidebar ul, .sidebar ol {
	margin:0;
	padding:0;
	padding-left:14px;
}

.sidebarfirstheader {
	width:151px;
	height:29px;
	background-image:url(../img/sidebar_header_first.png);
}

.sidebarheader {
	height:35px;
	background-image:url(../img/sidebar_header.jpg);
	background-repeat: no-repeat;
	padding-top: 10px;
}

.sidebarfirstheader H2,
.sidebarheader H2
{
	/* text-transform:uppercase; */
	padding: 6px 12px 6px 12px;
	font-size:13px;
	font-weight:bold;
	margin:0px;
	color:#fff;
}



.shadowleft {
	display: none;
	width:0;
/*	background-image:url(../img/sidebar_bgleft.png);*/
}

.shadowright {
	display: none;
	width:0;
/*	background-image:url(../img/sidebar_bgright.png);*/
}

.sidebarmaincontainer {
	width:151px;
	background-color:#fff;
	background-image:url(../img/sidebar_content.png);
	background-repeat: repeat-y;
}

.sidebarcontent {
	padding:6px 10px;
}

.sidebarfooter {
	height:9px;
	background-image:url(../img/sidebar_bottom.png);
}

/*toolbox*/
.toolbox {
	height:100%;
	padding-left:4px;
}


.toolboxitem {
	float:left;
	margin-bottom:4px;	
	width:100%;
}
.toolboxitem img {
	display:block;
	float:left;
}

.toolboxitem a {
	display:block;
	float:left;
	width:110px;
}



/*end toolbox*/

.footerversion
{
	padding-top:3px;
	padding-left:10px;
	padding-bottom:20px;
	color:#555656;
	font-size:90%;
}

.footersponsors
{
	padding-top:5px;
	color:#555656;
	font-size:90%;
	text-align:center;
}

/* footermenu */
.footermenu {
	float:right;
	margin-top:3px;
}
.footermenu a:link, .footermenu a:visited, .footermenu a:active, .footermenu a:hover
{
	font-size:90%;
	border-right:1px solid #555656;
	padding-left:5px;
	padding-right:10px;
	text-decoration:none;
	color:#555656;
}

.footermenu a:hover 
{
	text-decoration:underline;
}

.footermenu a.lastitem {
	border-right-width:0!important;
}

/* end footermenu*/


.maincontentcontainer {
	height:100%;
}

.maincontenttable {
	height:100%;
}

.contenttoptd{
	height:5px;
}

.contentbottomtd 
{
	height:5px;
}

.contenttop {
	clear:both;
	height:5px;
	font-size:1px;
	/*background: transparent url(../img/content_top.png) top left no-repeat;*/
}


.contentshadow {
	/* background: url(../img/content_top.png); */
	/*background: url(../img/content_bg.gif) no-repeat;*/
}


.rounded {
	width:600px;
	height:100%;
	margin-left:2px;
}

.content {
	color: #000;
	text-align: left;
	line-height:140%;
	padding:30px 30px;
	position:static;
	top:-5px;
}

.content a{
	text-decoration: underline!important;
}

.content a:hover{
	text-decoration: none!important;
}

.contentfooter {
	height:8px;
	/*background: transparent url(../img/content_bottom.png) bottom left no-repeat;*/
}

/*End Base template*/


/*homepage styles*/
.homepagebanner {
	/*background-image defined as style in aspx*/
	width:604px;
	height:186px;
}
/*End homepage styles*/


form {
	padding: 0;
	margin: 0;
}

table {
    border-collapse: collapse;/* = cellspacing 0 */
}

a:link, a:visited, a:hover, a:active {

	text-decoration:none;
}

a:visited {
}

a:hover {
	color:#000000;
	text-decoration:underline;
}

td {
	text-align:left;
	vertical-align:top;
    padding: 0;
}

th 
{
	text-align:left;
	padding:0;
}

hr 
{
	color:#d9d9d9;height:1px;background-color:#d9d9d9;border:0;
}

.content li 
{
	list-style-image:url(../img/bullet.gif);

}

h1 {
	font-weight:bold;
	font-size:180%;
	line-height:1em;
	/*text-transform:uppercase;*/
	margin-top:0px;
	color : #ec008c;
}

h2 {
	font-weight:bold;
	font-size:160%;
	/*text-transform:uppercase;*/
	color: #0089ca;
}

h3 {
	font-weight:bold;
	font-size:140%;
}

h4 {
	font-weight:bold;
	font-size:120%;
}

i, em {
	font-style:italic;
}

b, strong {
	font-weight:bold;
}

ul {
	list-style-type:disc;
}

ol {
	list-style-type:decimal;
}

input, select 
{
	border:1px solid #000;
	width:150px;
	color: #000;
}
option 
{
	color: #000;
}

.radio, 
table.radio td input,
span.radio input,
.checkbox input 
{
	border-width:0;
	width:auto;
	color: #000;
}

textarea {
	border:1px solid #000;
	overflow:auto;
	width:250px;
	height:50px;
	color: #000;
}

.button
{
	font-weight:bold;
	color:#fff;
	width:auto;
	text-align:center;
	text-decoration:none;
	display:inline-block;
	color:White;
	padding:1px;
	background-color: #ec008c;
	border:0px solid #000;
}

.buttonlarge
{
	padding:2px;
	font-size:13px; 
	background-color: #ec008c;
}

img {
	border:0px;
}

/*top bar*/
#topbarbg {
	width:100%;
	height:26px;
	background-image:url(../img/mnutop_bg.gif);
	background-color:#c4cade;
	position:absolute;
	left:0;
	z-index:1;
}

#topbar {
	width:100%;
	height:26px;
	background-image:url(../img/mnutop_bg.gif);
	background-color:#c4cade;
	position:relative;
	z-index:2;
}

/*login menu*/
#topbar .menucontainer 
{
	width:auto;
	height:26px;
	overflow:hidden;
	float:left;
}

#topbar .menuItem
{
	color:#000000;
	padding-top:3px;
	padding-left:10px;
	padding-right:10px;					
	vertical-align:middle;
	height:26px;
	text-transform:none;	
	text-decoration:none;
	font-weight:normal;	
}

#topbar .menuItem:hover, #topbar .menuItem_Hover:hover, #topbar .menuItem_Hover {
	background-image:url(../img/mnutop_over_bg.gif);
	background-repeat:repeat-x;
}

#topbar .menuleft 
{
	display:none;
}

#topbar .menuright
{
	display:none;
}

#topbar .menuspacer {
	background-image:url(../img/mnutop_between.gif);
	width:1px;
}

#topbar .menumain {
	background-image:url(../img/mnutop_bg.gif);
	background-color:transparent;
	padding-left:10px;
}

#topbar .menuSubItem_Container {
	border:0px solid #fff;
	border-top-width:0;
	width:170px;
	width:170px;
	margin-top:-5px;
}

#topbar .menuSubItem 
{
	background-color:#DADADA;
	padding:7px 10px;
	border-bottom:1px solid #ffffff;
	text-transform:none;
}


#topbar .menuSubItem, #topbar .menuSubItem:link, #topbar .menuSubItem:visited, #topbar .menuSubItem:active, #topbar .menuSubItem:hover {
	color : #000;
	text-decoration:none;
	font-weight:normal;
}


#topbar .menuSubItem:hover
{
	background-color:#c9c9c9;
}


/*menu*/
.menucontainer {
	height:30px;
	width:100%;
}

.menuleft {
	background-image:url(../img/mnumain_left.png);
	background-repeat: no-repeat;
	width:8px;
}

.menumain {
	background-image:url(../img/mnumain_bg.gif);
	background-repeat:repeat-x;
	padding-left:10px;
}

.menuright {
	background-image:url(../img/mnumain_right.png);
	background-repeat: no-repeat;
	width:10px;
}

.menuItem {
	padding-top:8px;
	padding-left:10px;
	padding-right:10px;					
	vertical-align:middle;
	height:25px;
	/* text-transform:uppercase; */
	display:block;
	cursor:hand;
	cursor:pointer;
}

.menuItem, .menuItem:link, .menuItem:visited, .menuItem:active, .menuItem:hover, .menuItem_Hover
{
	color : #fff;
	font-weight:bold;
	text-decoration:none;
}

.menuItem:hover, .menuItem_Hover:hover, .menuItem_Hover {
	background-image:url(../img/mnumain_over_bg.gif);
	background-repeat:repeat-x;
	color: #000!important;
}

.menuspacer {
	background-image:url(../img/mnumain_between.gif);
	width:1px;
}

.menuSubItem_Container 
{
	visibility:hidden;
	position:absolute;
	overflow:visible;
	width:170px;
	margin-top:-2px;
	z-index:100;
}
			
.menuSubItem 
{
	background:#9dd0eb;
	padding:7px 10px;
	border-bottom:1px solid #ffffff;
	display:block;					
	line-height:100%;
}


.menuSubItem, .menuSubItem:link, .menuSubItem:visited, .menuSubItem:active, .menuSubItem:hover {
	color : #000;
	text-decoration:none;
	font-weight:bold;
}


.menuSubItem:hover
{
	color: #fff;
}

.searchmargin 
{
	height:20px;
}

.searchfield 
{
	background-image:url(../img/searchfield.gif);
	height:21px;
	width:121px;
	left:14px;
	position:relative;
	padding:0;
	overflow:hidden;
}

.searchfieldtextfield
{
	background-color:#fff;
	border-width:0;
	height:18px;
	width:80px;
	margin-top:3px;
	margin-left:17px;
	position:relative;
}

.addfavorite, .makehomepage 
{
	display:none;
}

/*Modal Popup*/
.ModalBackground {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	min-width: 100%;
	min-height: 100%;
	overflow: hidden;
	background-color: #fff;
	opacity:0.8;
	filter:alpha(opacity=80);
}

.ModalDialog
{
	position:absolute;
	background-color:#fff;
	border:1px solid #000;
	padding:0px;
	display:none;
	text-align:left;
}

.ModalDialog iframe {
	width:100%;
	height:100%;
	border-width:0;
}

.ModalDialogBody 
{
	padding:0;
	margin:0;
	overflow:auto;
	text-align:left;
}

.ModalDialogHeader 
{
	background: #0089ca;
	height:29px;
	margin:0px;
	width:100%;
	overflow:hidden;
}


.ModalDialogHeader H2, .ModalDialogHeader H1, .ModalDialogHeader H1 span, .ModalDialogHeader H2 span
{
	font-size:13px;
	font-weight:bold;
	color:#fff;
	margin:0;
	margin-top:7px;
	margin-left:7px;
	
}

.ModalDialogContent 
{
	padding:20px;
}

.ModalDialogContent hr 
{
	color:#d9d9d9;background-color:#d9d9d9;
}

.ModalDialogClose {
	position:absolute;
	right:7px;
	top:7px;
}

#ModalDialogActionCreated
{
	height:370px;
	width:400px;
}

#ModalDialogTaf 
{
	height:370px;
	width:400px;
}

#ModalDialogBlog 
{
	height:300px;
	width:400px;
}

#ModalDialogAbuse 
{
	height:270px;
	width:400px;
}

#ModalDialogActionReaction
{
	height:410px;
	width:500px;
}

#ModalDialogActionBlog
{
	height:450px;
	width:470px;
}

#ModalDialogPrivateMessage 
{
	height:280px;
	width:470px;
}

#ModalDialogActionDonation
{
	height:450px;
	width:480px;
}

#ModalDialogActionPhotoAlbum
{
	height:250px;
	width:450px;
}

#ModalDialogMailingPreview
{
	height:500px;
	width:500px;
}

#ModalDialogLinksEdit
{
	height:150px;
	width:300px;
}

#ModalDialogActionFlyer
{
	height:700px;
	width:660px;
}

/*END Modal Popup*/


.pagefooter 
{
	margin:10px 0;
	padding-top:4px;
	border-top:1px solid #d9d9d9;
}

.pagefooter .item 
{
	float:right;
	margin-right:10px;
}

.pagefooter .item a:link, .pagefooter .item a:visited, .pagefooter .item a:active, .pagefooter .item a:hover 
{
	font-weight:bold;
	text-decoration:none!important;
}

.toplink
{
	text-align:right;
}

.toplink a:link, .toplink a:visited, toplink a:active, toplink a:hover 
{
	font-weight:bold;
	text-decoration:none;
}


.shortlist 
{
width:100%;
}

.shortlistheadertext
{
	padding:10px;	
}
.shortlistitem 
{
	height:80px;
	/*background-image:url(../img/list_bg.gif);*/
	border-top: 1px solid #d9d9d9;
	padding:10px;
	text-decoration:none;
}

.shortlistitem h2 
{
	color:#ec008c;
	font-weight:bold;
	font-size:100%;
	margin:0;
	overflow:hidden;
}

.shortlist a
{
	text-decoration:none!important;
}




.shortlistimage, .shortlisttext, .shortlistdetails 
{
	
	float:left;
}

.shortlistimage 
{
	width:100px;
	height:80px;
	
}
.shortlisttext 
{
	width:364px;
	height:80px;
	padding:0 10px;
	overflow:hidden;
}

.shortlisttext a
{
	text-decoration: underline;
	color: #ec008c;
}

.shortlisttext a:hover
{
	text-decoration:none!important;
	color:#ec008c;
}

.shortlistdetails 
{
	width:96px;
	height:80px;
	text-align:center;
}

.shortlistdetails .actionpercentbar
{
	margin-top:5px;
}

.shortlistdetails .actionpercent
{
	text-align:center;
	font-weight:bold;
	margin-bottom:5px;
}

.percentagebar 
{
	width:92px;
	height:8px;
	background-image:url(../img/percent_bar.gif);
	padding:2px;
	font-size:1px;
	text-align:left;
}

.percentagevalue 
{
	font-size:1px;
	height:100%;
	background-image:url(../img/percent_value.gif);
}

.formtable td
{	
	padding-bottom:2px;
	padding-right:5px;
	vertical-align:top;
}
.formtable th
{	
	text-align:left;
	font-weight:normal;
	padding-right:10px;
	vertical-align:top;
}
.formtable input, .formtable textarea, .formtable option, .formtable select
{
	color: #000;
}
.gridview {
    width:540px;
    border:0px solid #fff;
}

.gridview th 
{
	text-align:left;
}


.gridview td {
    height: 22px;
    vertical-align:middle;
}

.gridview tr, .gridview td, .gridview table, .gridview th {
    border:0px solid red;
}

.gridview .row td  {
    background-color:#eff1f6!important;
}

.pager td
{
	text-align : right;
	position:relative;
}

.pager table 
{
	display:inline-table;
	position:relative;
}

.pager td table tr td
{
	font-weight:bold;
	width:12px;
}

.pager td table tr td a 
{
	text-decoration:none;
}

/*selected pagenumber*/
.pager td table tr td span
{
	color:#dd8e30;
}

/*action site styles*/
.actionbanner {
	width:600px;
	height:167px;
	clear:both; 
	margin-top:8px;
	margin-left:2px;
	/*background:#fff url(../img/actionbanner_bg.gif) no-repeat;*/
}

.actionbanner h1
{
	font-size:220%; 
	font-weight: bolder; 
	font-variant:small-caps;
	margin:0;
	padding:0px;
}

.actionbanner h2
{
	font-size:160%; 
	font-weight: bolder; 
	font-variant:small-caps;
	margin:0;
	padding:0;
}

.actionbannertext 
{
	margin-right:10px;
	padding-top: 10px; 
	margin-top: 6px;
	margin-left: 30px;
	overflow:hidden;
}

.actionbannerintro 
{
	margin-top:5px;
	height:115px;
	overflow:hidden;
}

.actionbannerfacts 
{
	white-space:nowrap;
	width:100px; 
	font-weight: bold;
}

.actionbannerfacts .head {
}

.actionbannerfacts .data 
{
	color:#0089C8;
}

.actionbannerbutton 
{
	text-align:right;
	padding-top:10px;
	padding-right:10px;
}

.actionbannerimage 
{
	text-align:center;
	padding-top: 15px;
	padding-right: 15px;
}

.actionbannerimage img 
{

}

/*action site styles*/


.LoginInfo 
{
	padding-top:3px;
	float:left;
	font-weight:bold;
}

.ActionInfo	 
{
	height:26px;
	padding-top:3px;
	float:left;
	font-weight:bold;
}

.error 
{
	color:#db640a;
	font-weight:bold;
}

/*** Calendar Control ***/
.Calendar{
	position:absolute; 
	left:170px; 
	top:5px;
	width:275px;
	border:1px solid #91928C;
}

.Calendar th 
{
	width:auto;
	text-align:center;
}

.Calendar .CalendarTitle td
{
	background-color:#0089ca;
	height:22px;
	vertical-align:middle;
	text-align : center;
}


.CalendarControl td 
{
	padding:0;
	margin:0;
}


.Calendar table 
{
	width:100%;
}

TD.CalendarDays
{
	background-color : #ffffff;
	border : 1px solid #eeeee7;
	height:18px;
}

.Calendar .SelectedDate 
{
	font-weight:bold;
	height:18px;
}
.Calendar .SelectedDate a 
{
	text-decoration:none;
}


TD.CalendarDays a,
TD.CalendarWeekEndDays a
{
	text-decoration:none;
}

TD.CalendarDays a:hover,
TD.CalendarWeekEndDays a:hover
{
	font-weight:bold;
}


TD.CalendarWeekEndDays
{
	background-color : #eeeee7;
	border : 1px solid #ffffff;	
	height:18px;	
}

.CalendarControl{
	width:250px;
	position:relative;
	left: 0px;
	top: 0px;
}

.MonthSelect, .yearSelect
{
	width : 85px;
}
.yearSelect
{
	width : 60px;
}

/*** End Calendar Control***/


.toolTip {
    background:transparent url(../img/icons/help.png) no-repeat;
    color: #3366FF;
    cursor: help; 
    position:relative;
    width:16px;
    height:20px;
    overflow:hidden;
    visibility:hidden;
    padding:0;
    margin:0;
    top:0px;
    padding-left:16px;
    vertical-align:bottom;
}

.toolTipCollapseLeft .toolTipWrapper
{
	width:200px;
	top:15px;
	left:-190px;
}

.toolTipWrapper { 
    width: 200px;
    position: absolute;
    top:10px;
    left:12px;
    display:none;
    color: #FFF;
    border:1px solid #000;
    background:#f3d3e2;
}

.toolTipContent { 
    padding: 8px 15px;
}

.ColorPickerIcon {
	width:15px;
	height:15px;
	border-style:solid;
	border-width:1px;
	border-color:Black;
	float:left;
}

.PhotoAlbumPager 
{
	text-align:right;
	float:right;
	font-weight:bold;
}

.PhotoAlbumPager a {
	text-decoration:none!important;
}

.PhotoAlbumPager .CurrentPage
{
	color:#dd8e30;
}


.imageUploadControl *{
	vertical-align:top;
}

.imageUpload 
{
	width:200px;
}

.imageUploadControl .button
{
	background:transparent url(../img/icons/delete.gif) repeat-x ;	
	width:16px;
	max-width:16px;
	height:16px;
	max-height:16px;
	padding:20px;
	cursor:hand;
	cursor:pointer;
	background-repeat:no-repeat;
}

.newaction 
{
	padding-top:20px;
	text-align:center;
	position:relative;
}

span.pngfix, div.pngfix 
{
	display:none;
}