@charset "utf-8";
/* CSS Document */
* { -webkit-font-smoothing: antialiased !important; }
/** main entries **/
html, body {font-family: Arial, sans-serif, Verdana; font-size:12px; margin:0; line-height:1.3em; color:#000000; background-color:#e7ecf2; height:100%; width:100%;min-height:100%}

/** CSS reset **/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var, b, u, i, center,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	vertical-align: top;
}
img {border:0}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display: block;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';	content: none;}
table {border-collapse:separate;border-spacing: 1px; height:100%; min-height:100%}

form {min-height:100%; height:100%;}
a, span.link {color: #ff6c00;}
a:visited, span.visited {color: #ff6c00;}
a:active, span.active {color: #ff6c00;}
a:hover { cursor:pointer !important;}

p.justify {text-align:justify}

@font-face {
    font-family:'chunkfiveroman';
    src: url('../Fonts/chunkfive-webfont.eot');
    src: url('../Fonts/chunkfive-webfont.svg#chunkfiveroman') format('svg'),
		 url('../Fonts/chunkfive-webfont.eot?#iefix') format('embedded-opentype'),
         url('../Fonts/chunkfive-webfont.woff') format('woff'),
         url('../Fonts/chunkfive-webfont.ttf') format('truetype');        
    font-weight: normal;
    font-style: normal;

}

@font-face {
 font-family: 'MyriadPro-Bold';
 src: url('../Fonts/myriad-pro-bold.eot');
 src: url('../Fonts/myriad-pro-bold.svg#myriad_probold') format('svg'),
      url('../Fonts/myriad-pro-bold.woff') format('woff'),
      url('../Fonts/myriad-pro-bold.eot?#iefix') format('embedded-opentype'),
	  url('../Fonts/myriad-pro-bold.ttf') format('truetype');
 font-weight: normal;
 font-style: normal;
}

/** sections **/
.bodycontainer {width:100%;min-height:100%; height:100%; padding-bottom:1px; border-spacing:0px}
.header {width:100%; height:387px; position:relative; z-index:10; text-align:center; background:url(../Images/backgroundpattern.gif) repeat center;  position:relative;}
.header .header-text {position:relative; width:940px; margin:0 auto; height:387px;z-index:20;}
.header-content {width:100%; height:136px; background-color: #122836; position:relative; z-index:99; text-align:center; background:url(../Images/backgroundpattern.gif) repeat -56px 0px; position:relative;}
.header-content .header-text {position:relative; width:940px; margin:0 auto; height:136px;}
.header-content .header-text-app {position:relative; width:1007px; margin:0 auto; height:136px;}
.header .orangebar {width:100%; height:60px; background-color: #ff6c00; margin-top:384px}
.header-content .orangebar {width:100%; height:60px; background-color: #ff6c00; margin-top:136px}
.logo {z-index:1000; position:absolute; top:0; left:0; width:264px; height:130px; background:url(../Images/logo-top.png) no-repeat;  margin:0 auto; }
.employerlogo {z-index:1000; position:absolute; top:0; left:245px; width:264px; height:130px; background:url(../Images/employerlogo-top.png) no-repeat; margin:0 auto;}
.employerlogo img {width:162px; height:108px; }
.banner-top{position:absolute;left:0px;top:0px;width:940px; height:45px; z-index:100;background-color:#ffffff}
.hello {left:270px; height:45px; float:left; width:400px; position:absolute; text-align:left;z-index:999;}
.hello #welcome {line-height:45px; text-decoration:none; padding-left:10px}
#signin {position:absolute; width:120px;  background-color: #ff6c00;z-index:999; top:0; right:0; height:45px}
#signin a {line-height:45px; padding:0px 15px; font-size:1.4em; text-decoration:none; color:#ffffff; font-weight:bold;}
#Content {width:1007px; margin:auto;  min-height:100%; overflow:auto; display:block; height:100%}
#rightcolumn {float:right; width:784px; min-height:100%; display:block;}
#footer {position:relative;margin-top:-180px; width:100%; height:125px; background-color:#1b2d47; text-align:center;}
#orangefooterbar {width:100%; height:60px; background-color: #ff6c00;}
#orangeitems {width:1007px; margin:0 auto; text-align:center;} 
#orangeitems .socialmedia {height:43px; float:left; width:138px; padding-top:10px; margin-right:20px; position:relative; z-index:999;}
#orangeitems .togetherforacause {height:43px; float:right; width:374px; padding-top:10px; position:relative; z-index:999;}
#footertext {width:1007px; margin:auto;}
#footertext .copyright { font-weight:500; float:left; width:200px; padding-top:10px; position:relative; z-index:999; color:white; text-align:left;}
#MessageDialog 
{
    display:none;
}
.container {display:block; clear:both;}
.rightcolumn {width:auto; min-height:100%; float:left; display:block;}
.leftcolumn {width:auto; min-height:100%; float:left; display:block;}
.column {width:auto; min-height:100%; float:left; display:block;}
.rightcolumnbox {width:744px; padding: 10px 20px 10px 20px; margin-bottom:15px; background-color:white;overflow:hidden}
table.rightcolumnbox {width:784px}
.rightcolumnboxfull {width:784px; padding: 0px 0px; margin-bottom:15px; background-color:white;overflow:hidden;}
.rightcolumnboxcontent {width:744px; padding: 10px 10px; margin-bottom:15px; background-color:white; overflow:hidden;}
.rightcolumnboxcontentboxleft {width:370px; padding: 10px 10px; margin-bottom:15px; background-color:white; overflow:hidden;}
.rightcolumnboxnospace {width:744px; padding: 10px 20px; background-color:white; min-height:200px; overflow:hidden;}                    /**main dashboard**/

/** common inner column **/
.e2-innercolumn-left {width:352px; padding-top: 5px; float:left; display:block;}
.e2-innercolumn-right {width:330px; padding-top: 5px; float:right; display:block;}


/** font styles **/
h1 {color:#ff6c00; font-size:32px; font-weight:bold; padding-top:10px; padding-bottom:10px}
h2, h2.indented, h2.notoppad {padding-top:10px; padding-bottom:10px; font-size:18px; font-weight:bold; color:#ff6c00;}
h3 {margin-top:10px;padding-bottom:10px; font-size:16px; font-weight:bold; color:#ff6c00;}
h2.indented {padding-left:30px; padding-top:15px;}

.bluebold, .blueboldpadded {color:#295272; font-size:14px; font-weight:bold; padding:0px; margin:0px;}
.blueboldsmaller {color:#295272; font-size:small; font-weight:bold; padding:0px; margin:0px;}
.blueboldpadded {color:#295272; padding-top:10px; padding-left: 8px;}
.redwarning {color:#ad3327; font-weight:bold;}

.rightcolumnbox h1 {color: #1B2D47;font-size: 32px;font-weight: bold}

select.tiny {width:55px}
select.small{width:75px}
select.standard {width:134px}
select.medium2 {width:155px}
select.large {width:175px}
select.large2 {width:185px}
input.standard {width:158px;}
select.security{width:370px;}
input.security-i{width:394px}
/** elements **/
hr.headerborder {color: #ff6c00; background-color: #ff6c00; height: 1px; border:0; margin-top:-1px;}
hr.headerborderline {color: #ff6c00; background-color: #ff6c00; height: 1px; border:0; margin-top:-1px; width:970px;}


/** top menu hover **/
#topmenu ul {color:white; font-weight:500; font-size:17px; padding-top:24px; width:1200px; margin:auto; text-align:center;}
#topmenu ul li {list-style: none; display: inline;}
#topmenu ul li a{padding: 2px 3.8em; text-decoration: none; color: white;}
#topmenu ul li a:hover{color:#122836;}

/** top menu hover **/
.RadTabStrip {width:100%; display:block}
.RadTabStrip .rtsLevel1 {width:100%; background-color:#ff6c00;height:60px; }
.RadTabStrip .rtsLevel2 {width:100%; background-color:#1b2d47;height:35px; }
.RadTabStrip ul.rtsUL{width:940px; margin:0 auto; float:none; display:block;}
.RadTabStrip .rtsLevel1 ul.rtsUL {color:white; font-weight:bold; padding-top:20px; }
.RadTabStrip .rtsLevel2 ul.rtsUL {color:white; font-weight:bold; font-size:14px; padding-top:6px; text-align:center;}
.RadTabStrip .rtsLevel1 ul.rtsUL li.rtsLI,.RadTabStrip .rtsLevel2 ul.rtsUL li.rtsLI  {list-style: none; display: inline-block;border-right:1px solid #ffffff;margin-bottom:3px;}
.RadTabStrip .rtsLevel1 ul.rtsUL li.rtsLast,.RadTabStrip .rtsLevel2 ul.rtsUL li.rtsLast {list-style: none; display: inline;border-right:none}
.RadTabStrip .rtsLevel1 ul.rtsUL li.rtsLI a.rtsLink {font-weight:bold; font-size:1.4em; padding: 0px 18px; text-decoration: none; color: white; display:inline-block}
.RadTabStrip .rtsLevel1 ul.rtsUL li.rtsLI a.rtsLink:hover{font-weight:bold; font-size:1.4em;}
.RadTabStrip .rtsLevel2 ul.rtsUL li.rtsLI a.rtsLink {font-weight:bold; font-size:14px; padding: 0px 10px; text-decoration: none; color: white; display:inline-block}
.RadTabStrip .rtsLevel2 ul.rtsUL li.rtsLI a.rtsLink:hover{color:#5984c3; font-weight:bold; font-size:14px;}
.rtsSelected .rtsOut, .rtsSelected .rtsIn, .rtsLink {background-image:none !important;color:black}
.rtsOut,.rtsIn {background-image:none !important}
.RadTabStrip .rtsIn {
    line-height: 20px; padding: 0 5px 5px; display:inline-block;
}
.RadTabStrip .rtsTxt {
    padding: 0 5px; display:inline-block;
}

.RadTabStrip .rtsOut {
   display:inline-block;
}

.RadRotator {position:absolute; top:0px; left:0px; width:1007px; z-index:200; visibility:hidden}


/** bottom menu hover **/
#contactmenu ul {padding-top:10px; width:550px; float:right; position:relative; z-index:999; color:white; text-align:right;}
#contactmenu ul li {list-style: none; display: inline;}
#contactmenu ul li a{padding: 2px 0.5em; text-decoration: none; color: white;}
#contactmenu ul li a:hover{color:#ff6c00;}

#top-menu {height:60px;}
#center-top { width:940px; margin:0px auto;}
#center-content { width:940px; display:block; min-height:100%; height:100%; margin:0 auto}
#center-middle { width:100%; background-color:#1b2d47;}
#center-bottom {margin-bottom:0px}
.charity-list-container {width:100%; background-color:#1b2d47;}
.charity-list { width:960px; margin:0 auto; height:300px}
.charity-list li {float:left}
.charity-header {width:940px; padding:40px 25px 40px 20px; margin:0 auto;}
.charity-header .maintext {padding-left:20px; font-size:30px; color:#ff6c00; font-family:chunkfiveroman}
.charity-header .subtext { font-size:14px; color:#ffffff;}
.charity-list .imagebox {padding-left:20px; width:170px}
.charity-list .center-text{line-height:1.1em; padding:10px; background:#ff6c00 url('../Images/orange-arrow.png') no-repeat 145px 8px; height:35px; color:White; font-size:16px; font-weight:bold; text-align:left;}
.charity-list .center-text a {text-decoration:none; color:#ffffff}
.charity-list .textdata {vertical-align:middle; width:135px} 

.intro-header {width:940px; padding:30px 25px 30px 0px; margin:0 auto;}
.intro-header .maintext {padding-left:20px; font-size:30px; color:#1b2d47; font-family:chunkfiveroman}
.introleft { width:100%; height:250px; background:#ffffff; font-size:14px; line-height:1.2em}
.introleft p { padding:10px }
.introright {margin-left:560px; height:350px; font-size:14px; line-height:1.2em; width:400px}
.home-video {background:#ffffff url('../Images/toparrow.png') no-repeat; height:100px; width:460px}
.home-video .heading {padding:25px 0 5px 10px;font-weight:bold; color:#ffd500}
.home-video .home-video-text {padding:0px 0 0px 10px; width:250px; float:left}
.home-video .right-image {padding:0px 0 0px 5px; margin-left:250px;}

#homepage-leftcolumn, #homepage-rightcolumn {width:500px; padding: 20px; position:relative; min-height:300px; display:block; overflow:hidden; float:left; margin-top:0px; background-color:#fff; margin-bottom:20px; text-align:left}
#homepage-rightcolumn {width: 390px; float:right; padding:0px; background-color:transparent;}
#homepage-leftcolumn {min-height:261px}
.arrowarea {width:390px; text-align:center; height:19px;}
.videotext {background-color:#fff; min-height:90px; display:block; overflow:hidden; float:left;}


.cause-header {width:940px; padding:30px 25px 30px 20px; margin:0 auto;}
.cause-header .maintext {padding-left:20px; font-size:30px; color:#1b2d47; font-family:chunkfiveroman}
.cause-header .subtext { font-size:14px; color:#1b2d47;}
.container {
	width: 940px;
	position: relative;
	margin:0 auto;
	padding-left:20px;
}

.content-container 
{
    position:relative;
	width:100%;
	text-align:center;
	display:table;
}

#content-app {
	width: 1007px;
	display:block;
	margin:20px auto;
	min-height:100%;
	height:100%;
}

#content-signin {
	display:block;
	min-height:100%;
	height:100%;
	margin:0 auto;
	background:#2a5373 url(../Images/signin-background.jpg) no-repeat 0px 0px;
    background-position: left;
}

html>body .topmenu ul li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset; }


/** Left menu **/
#leftmenu {width:200px; color:white; float:left; font-size: 13px; min-height:100%; height:100%}
#leftmenu ul{margin: 0;padding: 0;list-style-type: none;color:white; font-weight:700; width: 200px;}
#leftmenu ul li{position: relative; margin-bottom:4px; background-color: #5b84c4;}

#leftmenu ul li a{display: block; overflow: auto; /*force hasLayout in IE7 */ color: white; text-decoration: none; padding: 8px; text-align: left; padding-right: 30px;}
#leftmenu ul li:hover {background: url(../images/arrow.gif) no-repeat 97% 50%; background-color: #ff6c00 !important; cursor:pointer !important;}
#leftmenu ul li.active {background: url(../images/arrow.gif) no-repeat 97% 50%; background-color: #ff6c00 !important; cursor:pointer !important;}
#leftmenu ul li a:visited{color: white;}
/*Sub level menu items */
#leftmenu ul li ul{position: absolute;width: 180px; padding-left: 4px; /*Sub Menu Items width */ top: 0; visibility: hidden;}

/*#leftmenu a.subfolderstyle{background: url(images/arrow.gif) no-repeat 97% 50%;}*/

/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }


/** Forms **/
textarea {resize: none; float:left;}
.invoiceform {margin-left:50px; float:left; display:block;}
.submit {width:130px; height:30px; background-color:#ff6c00; text-align:center; color:white; font-size:15px; font-weight:600; border:0; outline:none;}
/*
.submit:hover {background-color:#cf2c00; cursor:pointer;}
*/
.submit:hover {cursor:pointer;}
.submitright {width:300px; height:55px; display:table-cell; text-align:right;vertical-align:middle}
.radiotext {padding-left:30px; padding-top:10px;}
ul.padded {padding-top:10px;}
.commonfield {margin-right:15px;}
.formtopspacer {padding-top:10px;}


/** image vertical centering **/
.wrap div {float: left;}
.wrap a {display: table-cell; height: 120px; text-align: center; vertical-align: middle;}
.wrap img {vertical-align: middle;}
/*\*//*/
* html .wrap a {display: block;}
* html .wrap span {display: inline-block; vertical-align: middle; height: 100%; width: 1px;}
* html .wrap a {font-size: 1px;}
.wrap div {
	border-collapse: collapse;} /* Op7 */
.clear {clear: both; margin: 0;}
.wrap a:hover {background-color: #dfd;}
<!--[if lt IE 8]>
.wrap a {display: block;}
.wrap span {display: inline-block; vertical-align: middle; height: 100%;}
.wrap {_height: 0; zoom: 1;}
<![endif]-->
<!--[if lt IE 5.5000]>
.wrap a {width: auto; height: auto;}
.wrap span {height: 120px;}
<![endif]-->

/* Application related CSS */

.sf_cols 
{
    margin-top:10px;
}

.sf_2cols_1_67 
{
    background-color:#ffffff;
}

.sfContentBlock{text-align:left}
.content-header {margin:10px 0 20px 0; background-color:#ffffff; padding:10px 0px 10px 20px; width:920px; text-align:left}
.content-1col   {padding:20px; background-color:#ffffff;    width:900px; height:100%; text-align:left}
.content-body {padding:20px; background-color:#ffffff;    width:900px; height:100%; text-align:left}

.cause-type-block 
{
    margin:10px 5px 15px 5px;
    display:inline-block;
    width:300px;
    height:555px;
    position:relative;
    z-index:10;
    text-align:left;
}

.cause-type-block .background-image
{
    z-index:20;
    width:300px;
    height:555px;
    float:left;
}

.cause-type-block .description 
{
   float:left;
   position:absolute;
   color:#ffffff;
   z-index:30;
   bottom:100px;
}

.cause-type-block .description .black
{
   color:#000000;
}

.cause-type-block .description .head {padding-left:20px; width:240px; font-size:1.6em; font-weight:bold; line-height:20px}
.cause-type-block .description .normal {padding-left:20px; width:240px; font-size:1.1em;}

.cause-type-block .charity-logo 
{
    position:absolute;
    top:0px;
    right:0px;
    z-index:100;
}
.cause-type-block .left-bottom 
{
    float:left;
    width:150px;
    height:50px;
}
.cause-type-block .right-bottom 
{
    float:right;
    width:100px;
    height:50px;
}
.cause-type-block .bottom-bar 
{
    width:260px;
    position:absolute;
    bottom:10px;
    z-index:100;
    margin:20px;
}
.error{color:#ff0000;}

.errormsg 
{
    text-align:center;
    border:1px solid #d4d4d4;
    border-top:none;
    background-color:#ffffff;
    height:18px;
    color:#ff6c00;
    padding:5px 20px;
    margin-top:-20px;
    margin-bottom:10px;
    width:744px;
    font-weight:bold;
    position:absolute;
    display:none;
    
}

/** log-in page entries **/
#e2-login-middlecolumn {width:1007px; height:100%; display:block; }
/*#e2-login-leftimage {width:600px; text-align:center; float:left;}*/
#e2-login-rightlogincolumn {text-align:left; padding-left:700px; vertical-align:middle; height:500px}
p.loginlabel {color:white; font-size:15px; margin-bottom:5px;}

.c-red {background:#e41937 url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-red-l { background:#f15f75 url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-blue {background:#015b80 url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-blue-l {background:#368cb0 url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-green {background:#7cbe25 url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-green-l {background:#c8e89d url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-orange {background:#e4701e url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-orange-l {background:#fcb040 url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-white {background:#ffffff url(../Images/arrow-25-32r.png) no-repeat 120px 10px; color:#ff0000}
.c-white-l {background:#ffffff url(../Images/arrow-25-32r.png) no-repeat 70px 10px;  color:#ff0000}
.c-black {background:#000000 url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-black-l {background:#565656 url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-darkblue {background:#12327a url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-darkblue-l {background:#3558a5 url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-indigo {background:#0d3cee url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-indigo-l {background:#7f97ff url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-purple {background:#070060 url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-purple-l {background:#4539d8 url(../Images/arrow-25-32.png) no-repeat 70px 10px; color:#ffffff }
.c-yellow {background:#dfa800 url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-yellow-l {background:#ffc000 url(../Images/arrow-25-32.png) no-repeat 70px 10px;  color:#ffffff}
.c-brick {background:#d73c16 url(../Images/arrow-25-32.png) no-repeat 120px 10px; color:#ffffff}
.c-brick-l {background:#f1785b url(../Images/arrow-25-32.png) no-repeat 70px 10px; color:#ffffff }
.c-brown {background:#ffd09b url(../Images/arrow-25-32b.png) no-repeat 120px 10px; color:#743e00}
.c-brown-l {background:#ffe7cd url(../Images/arrow-25-32b.png) no-repeat 70px 10px; color:#743e00 }
 
.cause-type-block a {color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold; position:absolute; top:50%;}
.left-bottom {color:#ffffff; text-decoration:none; font-size:14px; font-weight:bold; cursor:pointer; display:table-cell;    vertical-align:middle;}
.right-bottom {color:#ffffff;text-decoration:none; font-size:14px; font-weight:bold; cursor:pointer; display:table-cell;    vertical-align:middle;}
.left-bottom .text {width:100px; height:50px; float:left; margin-top:10px; margin-left:10px}
.left-bottom .arrow {height:50px; float:left; font-size:22px; text-align:right;  margin-top:14px}
.right-bottom .text {width:70px; height:50px; float:left;  margin-top:18px; margin-left:5px}
.right-bottom .arrow {height:50px; float:left; font-size:22px; text-align:right; margin-top:14px}
.c-white .text, .c-white-l .text {color:#ff0000}
.c-brown .text, .c-brown-l .text {color:#743e00}

.btn-green-large {width:100%; background:#7cbe25 url(../Images/arrow-25-32.png) no-repeat 90% 25px }
.btn-green-large .text {width:70%; padding:20px;}
.btn-green-large .text a {color:#ffffff; font-size:20px; font-weight:bold; text-decoration:none;line-height:1.1em}
.btn-green-small .text {width:90%; padding:10px;color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none;line-height:1.1em}
.btn-green-small .text a {color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none;line-height:1.1em}
.btn-green-small {width:100%; background:#7cbe25 url(../Images/arrow-25-32.png) no-repeat 95% 5px; cursor:pointer}
.btn-green-small-noarrow {width:300px; background:#7cbe25; cursor:pointer; padding:15px 10px}
.btn-green-small-noarrow .text a {color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none;line-height:1.1em}
.btn-green-small-noarrow .text table{color:#ffffff; font-size:18px; font-weight:bold; text-decoration:none;line-height:1.1em}/*.btn-green-small-noarrow:hover {background-color:#5d8529;}*/

/** content page entries **/
/** content page entries **/
.boxforlogoentries {width:744px; padding: 10px 20px; margin-bottom:20px; background-color:white; min-height:120px;}
.h1container {width:400px; display:table-cell; vertical-align:middle; height:55px}
.logoholder {width:200px; text-align:center; margin-left:-10px}
.logotext {width:350px;}
.logopricing {width:184px; text-align:right; float:right;}
.logopricingtext {width:100px; text-align:left; padding-left:15px; padding-top:1px; text-align:center}
.logoholder, .logotext {float:left; display:block; min-height:120px;}
.inputfield {color: #011619; height: 33px !important; width: 87px; margin-left:10px; background:url(../images/inputfieldprice.png) no-repeat; border:none; font-size: 17px; font:Arial, Helvetica, sans-serif bold; text-align:center; float:left;}
.dollarcontainer {height: 21px; padding-top:10px; float:left; padding-left: 10px; clear:both; display:block; width:10px;}
.logopricingremovesupport {float:right; margin-top:43px; width:100px; clear:both;}
.icon-holder {height:25px; float:left; width:18px;display:block;}
.icon-text {height:25px; float:left; padding-left:10px; clear:right; width:auto; overflow:hidden; display:block; padding-top:4px;}

.btn {text-align:center; color:white; border:0; float:right; padding:5px 20px; font-size:17px; font-weight:bold; cursor:pointer; min-width:100px;margin-left:10px;margin-left:0px; margin-right:0px;}
.btnl {text-align:center; color:white; border:0; float:right; padding:5px 20px; font-size:17px; font-weight:bold; cursor:pointer; min-width:200px;margin-left:10px;margin-left:0px; margin-right:0px;}
.btn-small {font-size:15px}
.btn-orange {background-color:#ff6c00;}
.btn-blue {background-color:#1b2d47;}
/*.btn-orange:hover {background-color:#de3d00;}*/
.btn-green {background-color:#7ebc29;}
/*.btn-green:hover {background-color:#5d8529;}*/
.btn-left {float:left;margin-right:5px}
.btn-right{float:right;margin-left:5px}
.btn-spacer{float:left;width:40px;}
.compact {padding:10px 10px; margin:0px; min-width:40px !important;}

.input {margin-top:10px; font-size:14px; border: 1px solid #ddd; padding:0px 2px}
.tiny {width:78px}
.small {width:98px}
.small2 {width:118px}
.small3 {width:88px}
.medium {width:148px}
.medium2{width:178px}
.large {width:198px}
.large2 {width:208px}
.elarge {width:263px}
.elarge2 {width:278px}
.left {float:left}
.right {float:right}
.no-margin{margin:0px;}
.underline-orange {border-bottom:1px solid #ff6c00; padding-bottom:0px !important}
.bold {font-weight:bold}
.justify {text-align:justify}
.txt-blue {color:#295272}
.bg-darkblue { background-color:#436781}
.bg-lightblue { background-color:#87b0ce}
.bg-darkgreen {background-color:#7dbe24;}
.bg-lightgreen { background-color:#c8e89d}
.bg-white {background-color:#ffffff}
.fg-blue { color:#466a82}
.fg-green { color:#80b92c}
.fg-green2 {color:#c5e6a1}

.f13 {font-size:13px;}
.f14 {font-size:14px;}
.f15 {font-size:15px;}
.f16 {font-size:16px;}
.f18 {font-size:18px;}
.f20 {font-size:20px;}
.f22 {font-size:22px;}
.f24 {font-size:24px;}
.f28 {font-size:28px;}
.f32 {font-size:32px;}
.fmyr {font-family:"MyriadPro Bold", Arial, Verdana}
.fchunk {font-family:chunkfiveroman, Arial, Verdana}

.span12 
{
    width:784px;
    float:right;
}
.span3 
{
    width:193px;
    float:left;
}
.span4 
{
    width:254px;
    float:left;
}
.span6 
{
    width:387px;
    float:left;
}
.hspacer 
{
    width:10px;
    height:10px;
    float:left;
}
.vspacer 
{
    height:10px;
    width:10px;
    display:block;
}

.board-heading {
    color: #fff; 
    font-family: 'MyriadPro-Bold', Arial, Verdana; 
    font-size: 20px;
    text-align: left; 
    padding: 15px 0 15px 15px; 
    line-height: 20px; font-weight: 100;
    width:380px;
    height:24px;
}

.board-inner 
{
    padding:5px;
    display:block;
    height:100%;
}
.board-inner-right 
{
    width:50%;
    float:right;
}
.board-inner-left
{
    width:50%;
    float:left;
}

                    
table.profile {width:100%}
table.profile  td {height:22px;line-height:1.1em;vertical-align:middle; padding-bottom:10px;}
table.profile  .label {width:80px; padding-left:0px;vertical-align:middle}
table.profile  .col1 {width:100px; padding-left:0px;}
table.profile  .col2 {width:200px; padding-left:0px;}
table.profile  .col3 {width:20px; padding-left:0px;}
table.profile  .col4 {width:100px; padding-left:0px;}
table.profile-inner input {padding-top:0px;vertical-align:middle}
table.profile  th {text-align:left}
table.profile-inner td {vertical-align:top}
.tlabel {width:80px;}

/** columns **/
.divwrapper {width:964px; padding: 30px 0;}

.text-content {padding:20px; display:block; background-color:#fff; min-height:50px; margin-bottom:15px;}
.text-content p {line-height:1.4em; margin-bottom:10px; padding-bottom:15px; text-align:justify }
.text-content ul {margin:0 50px;padding:auto; list-style:disc; margin-top:0px; margin-bottom:20px; line-height:20px;}
.text-content ul li {margin-left:10px;pading:auto; margin-bottom:10px;text-indent: 5px; }

.text-content ol {counter-reset: item; margin:0 10px; list-style:decimal; margin-top:0px; line-height:20px;}
.text-content ol li {display: block; margin-left:20px; margin-bottom:10px;text-indent: -30px;}
.text-content ol li:before {content: counters(item, ".") "."; counter-increment: item; padding-right:8px;}
.text-content ol.level2 li {margin-left:70px;}
.text-content ol.level2 li ol {margin-left:-10px;}
.text-content ol li ol {margin:10px;}
.text-content h2 {font-size:18px;font-weight:bold;color:#ff6c00; margin-bottom:10px}

.greentextbutton {width:272px; padding:15px 15px; float:right; display:block; overflow:hidden; background-color:#fff; margin-bottom:15px; clear:right;}

p.orderedlistdetail {line-height:20px; margin:0 20px; padding-bottom:15px;}

#mainpage-leftcolumn, #mainpage-rightcolumn {width:480px; padding: 30px; position:relative; min-height:300px; display:block; overflow:hidden; float:left;  background-color:#fff; margin-bottom:20px;}
#mainpage-rightcolumn {width: 465px; float:right; padding:0px; background-color:transparent;}

#mainpage-leftcolumndown {width:600px; padding: 30px; position:relative; min-height:300px; display:block; overflow:hidden; float:left;  background-color:#fff; margin-left:20px; margin-top:20px; margin-bottom:20px;}
#mainpage-leftcolumndown {width: 600px; float:left; padding:0px; background-color:transparent;}


/** fonts **/
.white20px {color:#fff; font-size:20px;}
.white17px {color:#fff; font-size:17px;}
.orange30px {color:#ff6c00; font-size:30px; font-weight:bold;}
.orange15px {color:#ff6c00; font-size:15px; font-weight:bold;}
.orange12px {color:#ff6c00; font-weight:bold;}
.greentextbutton, .cause-learnmore, .bottomgreenbutton {width:302px;padding-left:0px; background:url(../images/right-pointer.png) no-repeat 305px center; background-color:#7cbe25;}
.greentextbutton:hover, .cause-learnmore:hover, .bottomgreenbutton:hover {background-color:#5d8529; cursor:pointer !important;}
.fillgreen {width:130px; background-color:#7cbe25;height:15px; color:#ffffff;text-align:center;font-weight:bold;border-left:1px solid #ffffff;}
.fillnormal {width:130px; background-color:#ffffff;height:15px; color:#000000;text-align:center;font-weight:bold;border-right:1px solid #ddd}


.banner-box{width:940px;height:387px;position:relative;}
.banner-text{position:absolute; top:140px; left:20px; width:500px;height:247px; font-weight:bold;z-index:150}
.banner-image{position:absolute; width:480px; height:387px; right:0px; z-index:400;text-align:right; z-index:200;}
.banner-text a {text-decoration:none; cursor:pointer}
h1.chunk, h1.chunkwhite {font-family: 'chunkfiveroman', Georgia, "Times New Roman", Times, serif; font-size:38px; letter-spacing:1.5px; text-align:left; padding:0px; line-height:42px; font-weight:100;}
h1.chunkwhite {color:#fff;} 
h1.chunkblue {font-family: 'chunkfiveroman', Georgia, "Times New Roman", Times, serif; font-size:30px; color:#295272;  padding:10px 0px; font-weight:100;}
h2.myriadwhite {color:#fff; font-family:'MyriadPro-Bold',Arial, Verdana; font-size:18px; text-align:left; padding:15px 0; line-height:21px; font-weight:300;}
h3.blue-h3-15px, h3.blue-h3-14px, h3.blue-h3-18px {font-size:15px; padding-bottom:10px; padding-top:10px; font-weight:bold; color:#295272; line-height:20px;}
h3.blue-h3-14px {font-size:14px;}
h3.blue-h3-18px {font-size:22px;}
h3.orange-h3-15px, h3.orange-h3-17px {font-size:15px; color:#ff6c00; padding:10px 0 0 0; font-weight:bold;}
h3.orange-h3-17px {font-size:18px;}
h3.orange-h3-17px-normal {font-size:18px; padding-top:20px; padding-bottom:30px; color:#ff6c00; font-weight:bold;}
h4.blue-h4-13px {font-size:13px; font-style:italic; color:#ff9545; font-family: Georgia, Utopia, Palatino, "Palatino Linotype", serif; font-weight:normal; line-height:25px; margin:20px 0px;}
.quotemarkopen, .quotemarkclose {font-size:40px; position:relative; top:10px; margin-right:15px; line-height:0px; color:#999;  font-weight:bold;}
.quotemarkclose {margin-right:0px; margin-left:13px; top:20px;}
.orangewarning {font-size:12px; font-style:italic; color:#ff6c00;}
.modal-form-labela   {font-weight:bold;font-size:12px;width:15%;display:inline-block}


/** cause pages entries **/
.cause-leftcolumn, .cause-midcolumn, .cause-rightcolumn  {float:left;  background-color:#fff; padding:0 30px; padding-top:20px; padding-bottom:10px; margin-right:15px; position:relative; display:block; overflow:hidden; min-height:50px; margin-bottom:15px;}
.cause-leftcolumn {width:250px; padding: 0; background-color:transparent;}
.cause-midcolumn {width:490px; margin-bottom:30px;}
.cause-rightcolumn, .cause-learnmore {width:154px; margin-right:0px; padding:20px 20px; text-align:center;}
.cause-learnmore {width:174px; background-position:160px center; float:right; padding-left:0px;}


/** charity pages entries **/
.charity-video {padding-bottom:20px;}
.share-bar {float:left; padding-bottom:15px; width:600px;}
.share-bar img {padding-right:5px; vertical-align:text-top;}
.share-bar a {color:#414141; text-decoration:none;}
.share-print, .share-twitter, .share-facebook, .share-googleplus {float:left; border:1px solid #CCC; -moz-border-radius: 4px; border-radius: 4px; padding:2px 4px; margin-right:6px; text-align:center;}
.share-print:hover, .share-twitter:hover, .share-facebook:hover, .share-googleplus:hover {background-color:#CCC; cursor:pointer;}
.orangequotebox {min-height:50px; color:#fff; overflow:hidden; display:block;  background-color:#ff6c00; margin-bottom:20px; text-align:center; padding:15px 20px;}
.orangequotebox p {font-size:22px; line-height:28px; color:#fff; }
.orangequoteboxsource  {font-size:15px;}
.bottomgreenbutton {width:570px; background-position:570px center; float:right; padding:20px; margin-top:40px; margin-bottom:20px;}
img.leftaligned {float:left; padding-right:20px; padding-bottom:10px;}

/** Dialogue Box **/
.dialogue-box {height:auto; width:400px; display:block; position:absolute; z-index:99; background-color:#fff; padding:20px;}
.dialogueboxitems {min-height: 36px; width: auto; max-height: none; height:auto;}
.dialogue-data-left, .dialogue-data-right {width:410px; float:left; color:#233950; padding: 6px 0px; font-size:14px;}
.dialogue-data-left {clear:right}
.dialogue-data-right {width:470px;}
.dialogue-data-label, .dialogue-data-label-address {min-width:120px; vertical-align:middle; color:#848484; height:20px; display:table-cell}

.dialogue-data-label-address {min-width:150px; line-height:20px;}
.dialogue-data-data {min-width:100px; vertical-align:middle; display:table-cell}
.dialogue-data-datas {min-width:100px; color:#FFFFFF;  vertical-align:middle;display:table-cell}
.graytextbutton {background-color:#c1c1c1; width:50px; height:25px; display:block; border:none; color:#fff;}
.graytextbutton:hover {background-color:#949494; cursor:pointer !important;}

.orangetextbutton {background-color:#ff6c00; width:50px; height:25px; display:block; border:none; color:#fff;}
.orangetextbutton:hover {background-color:#ff6c00; cursor:pointer !important;}

.dual-header-left, .dual-header-right  {width:410px; float:left;}
.dual-header-left {padding:0 10px 0 0; clear:right}
.dual-header-right {width:624px; padding:0 0 0 10px;}

.btn-new-media {float:right;display:inline-block}
.watermark {color: #999 !important;}
.reqf{color:#ff0000}
.empregister {position:relative;margin:0px auto; width:940px; padding:10px 7px; height:723px; background:#ffffff}
.empregister-success {position:relative; margin:0px auto; width:940px; padding:10px 7px 0 7px; height:100%; min-height:480px; background:#ffffff;}
.empregister .registerform {position:absolute; top: 30px; left:480px; width:447px; height:290px; z-index:999;background:url(../Images/register.png) no-repeat 0 0}
.empregister .btn {margin-top:0px; padding-top:3px; padding-bottom:3px; padding-left:10px; padding-right:10px}
.empregister .banner {position:absolute; top: 365px; left:480px; width:447px; height:378px; z-index:999;background:url(../Images/boy.png) no-repeat 0 0px}
.empregister-success .banner {position:absolute; bottom: 0px; left:380px; width:563px; height:464px; z-index:999; background:url(../Images/boy-large.png) no-repeat 0 0;}
.empregister .registertext {position:absolute; top: 30px; left:20px; width:400px; z-index:999}
.empregister-success .registertextsuccess {position:absolute; top: 160px; left:20px; width:320px; z-index:999}

table.empform {height:auto; margin:70px auto; min-height:100px}
table.empform tr td {vertical-align:middle;height:25px;padding-bottom:10px;}

.placeholder { 
  color: gray; 
  position: absolute;
  padding-left: 5px;
  padding-top:5px;
}

input[type="checkbox"] 
{
    border: none !important;
    margin-left:0px;
    vertical-align:baseline;
    margin-top:0px;
    padding-top:1px;
}

input[type='radio'] {   
    vertical-align: baseline;
    margin-top:-1px;
    padding-top:1px;
}

input[type="text"], input[type="password"]
{
    margin-left:0px;
    padding-left:2px;
    border: 1px solid #c8c8c8;
    height:20px;
    padding-top:0px;
    padding-bottom:0px;
}

input.error, select.error {
   border:1px solid #ff0000 !important;
}

.donate-box 
{
    margin-top:10px;
    width:320px;
    height:120px;
    background-color:#7cbe25;
    text-align:center;
    vertical-align:middle;
    display:table-cell;
    cursor:pointer;
}


.donate-small
{
    width:110px;
    text-align:center;
    font-weight:bold;
    border-collapse:collapse;
    float:left;
    margin-left:8px;
}
.donate-small td
{
    line-height:1em;
}

.donate-small input 
{
    font-weight:bold;
}
.donate-small a 
{
     width:auto;
     position:relative;
}
   
.donate-small td
{
    display:table-cell;
    vertical-align:middle;
}
.donate-box .textlarge
{
    width:250px;
    float:left;
    padding-left:20px;
    padding-top:15px;
    color:#ffffff; font-size:28px; font-weight:bold; text-decoration:none;line-height:1.1em;
}
.donate-box .text
{
    width:250px;
    float:left;
}
.donate-box .right-arrow 
{
    width:32px;
    height:90px;
    float:left;
    background:url(../Images/arrow-right32x50.png) no-repeat 0 20px;
}

.right-arrow-small
{
    width:25px;
    height:32px;
    float:left;
    background:url(../Images/arrow-25-32.png) no-repeat 0 -4px;
}
.donate-box .inputbox 
{
    color:#ffffff; font-size:20px; font-weight:bold; text-decoration:none;line-height:1.1em; padding:20px; 
}

.inputbox td 
{
    display:table-cell; vertical-align:middle;
}

.donate-box input 
{
    width:60px;
    font-weight:bold;
    padding:2px;
    font-size:18px;
}
.donate-box .btn-donate {text-align:right;display:table-cell;vertical-align:middle;height:40px; background-color:#4c7d0b}
.donate-box .btn-donate .text a {color:#ffffff; font-size:20px; font-weight:bold; text-decoration:none;line-height:1.1em}
.news-item {float: left; margin: 10px 0 0 0; padding: 10px; background: #fff; color: #3e3e3e;font-size: 12px; width: 764px;}
.news-content{float: left; margin: 0 0 0 10px; padding: 0; width: 520px;}
.new-content h2 {font-size: 18px; font-family: Arial, Verdana,'MyriadPro-Bold'; line-height: 21px;}
.paging {font-size:14px; margin:10px 0; width:100%; background-color:#fff; height:30px; text-align:center; display:block; padding-top:10px}
.paging a {padding:10px 4px; color:#787878}
.paging a .selected {color:#fd6c00}
.country { width:118px; text-align:left}
.security2{width:254px;text-align:left}
.donate-small span{margin-top:auto}
.register {font-family: chunkfiveroman; color:#ffffff; font-weight:bold; font-size:28px; height:60px; width:382px; line-height:28px }
.register .step1 {height:60px; width:382px; background:url('../Images/step1.png') no-repeat;}
.register .step2 {height:60px; width:382px; background:url('../Images/step2.png') no-repeat;}
.register .step3 {height:60px; width:382px; background:url('../Images/step3.png') no-repeat;}
.register .text1 {float:left; padding-left:30px;  padding-top:18px; height:32px;}
.register .text2 {float:left; padding-left:40px;  padding-top:18px; height:32px;}
.register .text3 {float:left; padding-left:35px;  padding-top:18px; height:32px;}

.source-link {
    width:200px;
    float:right;
    height:30px;
    margin-top:12px;
}
#share { display:inline-block; vertical-align: top }
#share ul { margin:20px 0 0px 0; list-style:none;}
#share li { display:inline; vertical-align:top !important}
#___plusone_0, #___plusone_0 iframe {
 display:inline !important;
 height:20px  !important;
 margin-left:5px !important;
}

.image_carousel {
    margin-bottom: 20px;
}


.green-button
{
    background-color:#7cbe25;
    text-align:center;
    vertical-align:middle;
    padding: 10px 20px;
}
.green-button a {
    font-weight: bold;
    color: white;
    text-decoration: none;
    font-size: 12pt;
}