/* Generated by F12 developer tools. This might not be an accurate representation of the original source file */
@import url( reset.css );
@import url( jquery.jscrollpane.css );
@import url( customSelectBox.css );
@import url( example.css );
@font-face {
    font-family: Futura;
    src: url(../Fonts/futura.woff)
}
#wrapper { margin: 0px auto 20px; width: 100%; height: auto; }
#header-top { background: rgb(255, 255, 255); width: 100%; overflow: hidden; padding-top: 10px; }
.inner { margin: 0px auto; width: 920px; overflow: hidden; }
#header-bottom { background: #4490da;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0OTBkYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzODdlYzEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  #4490da 0%, #387ec1 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#4490da), color-stop(100%,#387ec1));
background: -webkit-linear-gradient(top,  #4490da 0%,#387ec1 100%);
background: -o-linear-gradient(top,  #4490da 0%,#387ec1 100%);
background: -ms-linear-gradient(top,  #4490da 0%,#387ec1 100%);
background: linear-gradient(to bottom,  #4490da 0%,#387ec1 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4490da', endColorstr='#387ec1',GradientType=0 );
 width: 100%; cursor: default; min-height: 80px; box-shadow: inset 0px 1px 0px rgba(0,0,0,0.4); }
#border { background: rgb(225, 239, 248); width: 100%; height: 20px; border-top-color: rgb(204, 204, 204); border-top-width: 1px; border-top-style: solid; }
#right { color: rgb(10, 130, 191); padding-top: 23px; font-size: 28px; }
.nav { padding-top: 21px; }
.nav ul li { padding: 10px 0px; width: 150px; text-align: center; color: rgb(0, 0, 0); text-transform: uppercase; font-size: 15px; font-weight: bold; margin-right: 5px; margin-bottom: 5px; display: inline-block; cursor: pointer; text-shadow: none; }
.nav ul li:last-child { }
.navsave { border-width: 0px; padding: 10px 0px; width: 150px; text-align: center; color: rgb(0, 0, 0); text-transform: uppercase; font-size: 15px; font-weight: bold; margin-right: 5px; margin-bottom: 5px; display: inline-block; cursor: pointer; text-shadow: none; background: rgb(64, 200, 226); }
/*color: rgb(2, 61, 95);*/
.navfinish { color:white; text-shadow:0 0 3px #222; border-width: 0px; padding: 10px 0px; width: 150px; text-align: center; text-transform: uppercase; font-size: 15px; font-weight: bold; margin-right: 5px; margin-bottom: 5px; display: inline-block; cursor: pointer; background: #60d874; background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYwZDg3NCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM0Y2I0NjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, #60d874 0%, #4cb465 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#60d874), color-stop(100%,#4cb465)); background: -webkit-linear-gradient(top, #60d874 0%,#4cb465 100%); background: -o-linear-gradient(top, #60d874 0%,#4cb465 100%); background: -ms-linear-gradient(top, #60d874 0%,#4cb465 100%); background: linear-gradient(to bottom, #60d874 0%,#4cb465 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#60d874', endColorstr='#4cb465',GradientType=0 ); border-top-color: rgb(166, 237, 177); border-top-width: 1px; border-top-style: solid; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); }
.navCancel { border-width: 0px; padding: 10px 0px; width: 150px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 15px; font-weight: bold; margin-right: 5px; margin-bottom: 5px; display: inline-block; cursor: pointer; text-shadow: none; background: rgb(127, 127, 127); }
.navDelete { border: 1px solid #990000; padding: 10px 0px; width: 150px; text-align: center; color: rgb(255, 255, 255); text-transform: uppercase; font-size: 15px; font-weight: bold; margin-right: 5px; margin-bottom: 5px; display: inline-block; cursor: pointer; text-shadow: none; background: rgb(204, 0, 0); }
.navDelete:hover { background: rgb(155, 0, 0); border: 1px solid #550000; }
.ui-dialog { box-shadow: 0 0 12px #444; }
.hint { color: #888; }
/*color: rgb(2, 61, 95);*/
.save { background: rgb(64, 200, 226); color: rgb(2, 61, 95); }
.finish { background: -ms-linear-gradient(rgb(96, 216, 116), rgb(76, 180, 101)); color: rgb(37, 37, 37) !important; border-top-color: rgb(166, 237, 177); border-top-width: 1px; border-top-style: solid; box-shadow: 0px 0px 4px rgba(0,0,0,0.4); }
.nav1 { margin-top: -10px; margin-left: 25px; position: absolute; }
.nav1 ul li { margin-right: 10px; display: inline-block; }
.nav1 ul li a { background: -ms-linear-gradient(rgb(248, 248, 248), rgb(236, 236, 236)); background: -webkit-linear-gradient(top, #f8f8f8, #ececec); padding: 10px 20px; border-radius: 4px 4px 0px 0px; border: 1px solid rgb(204, 204, 204); color: rgb(155, 155, 155); position: relative; z-index: 5; }
.nav1 ul li a:hover { background: rgb(255, 255, 255); color: rgb(10, 130, 191); border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; position: relative; z-index: 5; }
.nav1 ul li a.active { background: rgb(255, 255, 255); color: rgb(10, 130, 191); border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none; position: relative; z-index: 5; }
.nav1 ul li a span { font-size: 15px; font-weight: bold; margin-left: 27px; }
section { overflow: hidden; }
.icon1 { background: url("../images/icon.png") no-repeat; width: 20px; height: 20px; margin-top: -2px; position: absolute; }
.icon2 { background: url("../images/icon.png") no-repeat; width: 20px; height: 20px; margin-top: -2px; position: absolute; }
.icon3 { background: url("../images/icon.png") no-repeat; width: 20px; height: 20px; margin-top: -2px; position: absolute; }
.icon2 { background-position: -26px 0px; }
.icon3 { background-position: -47px 0px; width: 27px; }
.cleft { float: left; }
.cright { float: right; }
#contents { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); overflow: hidden; padding-bottom: 15px; margin-top: 17px; position: relative; z-index: 1; }
.row { background: url("../images/sh.png") repeat-x bottom rgb(235, 235, 235); padding: 20px; width: auto; overflow: hidden; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(85, 85, 85); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; min-height: 150px; }
#contents h1 { padding: 20px; color: rgb(37, 37, 37); font-size: 26px; }
.clogo { background: rgb(255, 255, 255); border: 1px solid rgb(204, 204, 204); width: 225px; height: 156px; position: relative; }
.clogo a { background: rgb(194, 194, 194); padding: 3px 5px; right: 0px; color: rgb(0, 0, 0); font-size: 13px; position: absolute; top: 0; }
.col { color: rgb(155, 155, 155); font-size: 12px; }
.lg { line-height: 0.8em; float: left; min-height: 54px; }
.bimage { width: 580px; }
input[type=file] { width: 125px; height: 40px; cursor: pointer; opacity: 0; }
.btnFileUpload { background: url("../images/Upload.png") no-repeat; width: 125px; height: 40px; float: right; border: none; cursor: pointer; }
.fileup { background: url("../images/file.png") no-repeat; width: 125px; height: 40px; float: right; }
fieldset { margin-bottom: 20px; }
fieldset label { width: 150px; color: rgb(85, 85, 85); font-size: 17px; font-weight: bold; float: left; }
fieldset span { color: rgb(85, 85, 85); font-size: 17px; font-weight: bold; }
/*padding-left: 15px;*/
fieldset input[type=text], .landing-page-input { padding: 15px 5px; width: 711px; color: rgb(0, 0, 0); }
fieldset textarea { padding: 9px 5px; width: 711px; height: 100px; color: rgb(0, 0, 0); }
.tdLabelCell { padding-left: 5px; margin-top: 10px; float: left; height: 35px; margin-bottom: 10px; }
.no-space { padding-top: 0px; }
.less { width: 684px !important; margin-left: 11px; }
select { padding: 5px; display: none; opacity: 0; }
/**/
.box { background: white; width: 71px; height: 47px; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-color: rgb(204, 204, 204); border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; float: left; }
.box input[type=text] { margin: 5px; border: 0px currentColor; width: 24px; height: 7px; font-size: 0px; float: left; background-color: black; }
.box input[type=button] { background: url("../images/drop-down.png") no-repeat; border: 0px currentColor; width: 27px; height: 47px; float: left; cursor: pointer; }
.img { float: right; }
.bdleft { float: left; }
.border-right { width: 480px; overflow: visible; border-right-color: rgb(204, 204, 204); border-right-width: 1px; border-right-style: solid; }
.border-left { width: 345px; overflow: visible; border-left-color: rgb(204, 204, 204); border-left-width: 1px; border-left-style: solid; }
#color-pattern_4 { background: rgb(65, 63, 64); padding: 6px; border-radius: 6px; width: 240px; overflow: hidden; margin-top: 46px; margin-left: -155px; position: relative; z-index: 999; min-height: 100px; }
#color-pattern_5 { background: rgb(65, 63, 64); padding: 6px; border-radius: 6px; width: 240px; overflow: hidden; margin-top: 46px; margin-left: -155px; position: relative; z-index: 999; min-height: 100px; }
#color-pattern_3 { background: rgb(65, 63, 64); padding: 6px; border-radius: 6px; width: 240px; overflow: hidden; margin-top: 46px; margin-left: -155px; position: relative; z-index: 999; min-height: 100px; }
#color-pattern_1 { background: rgb(65, 63, 64); padding: 6px; border-radius: 6px; width: 240px; overflow: hidden; margin-top: 46px; margin-left: -155px; position: relative; z-index: 999; min-height: 100px; }
#color-pattern_4 input[type=text], #color-pattern_5 input[type=text], #color-pattern_3 input[type=text], #color-pattern_1 input[type=text] { padding: 11px 3px; border: 1px solid rgb(204, 204, 204); width: 16px; height: 0px; text-indent: -9999px; font-size: 0px; cursor: pointer; }
.lg strong { color: rgb(85, 85, 85); font-size: 17px; font-weight: bold; }
.col1 { color: rgb(85, 85, 85) !important; font-size: 13px; }
.col2 { margin-top: -3px; float: left; }
.import { width: 500px; }
.import1 { width: 235px; }

/*******************Start Preview Page Style*************************/

input, select, textarea { font-family: Arial, Helvetica, sans-serif; color: #343434; font-size: 13px; margin: 0px; padding: 2px; outline: none; }
.prvh1, h2 { font-family: Arial, Helvetica, sans-serif; font-size: 26px; line-height: 30px; font-weight: normal; color: #555; }
.prvwrapper { width: 100%; margin: 0 auto; background: #fff; }
.header { height: 157px; padding: 0 26px 0 16px; }
.logo { margin: 36px 0 0; float: left; width: auto; }
.logo-txt { font-size: 18px; font-weight: bold; color: #555; padding-left: 7px; }
.logo-txt:hover { font-size: 18px; font-weight: bold; color: #555; text-decoration: none; padding-left: 7px; }
.header-right { margin: 20px 0 0; float: right; width: 400px; }
ul.progress-data { margin: 0; padding: 0; margin-bottom: 13px; overflow: hidden; }
ul.progress-data li { padding: 0 20px; float: left; }
ul.progress-data li h3 { font-size: 21px; font-weight: bold; color: #1da5bd; padding-bottom: 5px; }
ul.progress-data li.data { border-right: 1px solid #dadada; text-align: center; font-size: 11px; }
ul.progress-data li.data span { font-size: 18px; font-weight: bold; }
/* progress bar base */
.progress-bar { width: 400px; height: 43px; padding: 4px; position: relative; /*background-color: #191919;*/ background: url(../images/progress-bar-bg.gif) 0 0 repeat-x; border-radius: 8px; -webkit-border-radius: 8px; -moz-border-radius: 8px; box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b; -webkit-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b; -moz-box-shadow: inset 0 1px 2px #000, 0 1px 0 #2b2b2b; }

/* code for the inner (colorful) part of the bar */
.progress-bar:before { content: ''; display: block; position: absolute; width: 100px; height: 44px; background: #999; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000; -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3), inset 0 -1px 3px rgba(0, 0, 0, 0.4), 0 1px 1px #000; }

/* code to stripe the bars */
.progress-bar:after { content: '|||||||||||||||||||||||||||'; display: block; position: absolute; width: 100px; height: 43px; overflow: hidden; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; transform: skewX(-30deg); -webkit-transform: skewX(-30deg); -moz-transform: skewX(-30deg); -o-transform: skewX(-30deg); font: bold 120px/80px sans-serif; letter-spacing: -6px; color: #000; opacity: 0.06; }
.orange:before { background: #fed406; background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fed406), to(#dfa506)); background: -moz-linear-gradient(top, #fed406, #dfa506); }
.progress-bar span { position: absolute; right: 0; font-size: 18px; color: #fff; top: 5px; line-height: 44px; border-left: 1px solid #fff; padding: 0 15px; }

.banner { margin: 0; padding: 0; }
.content-wrapper { background: #fff; padding: 0 11px 18px 10px; }
.content { margin: -37px 0 0; position: relative; /*padding-bottom:15px;*/ }


.about-company .page-title { padding: 11px 28px 15px 28px; margin-bottom:10px; }

.content-runner-bt-bg { padding: 0 28px 28px; min-height: 429px; }

.donors { width: 443px; float: right; }
.donors .title { background: url(../images/content-tp-bg2.png) 0 0 no-repeat; padding: 15px 28px 12px 28px; min-height: 32px; }
.content-runner2 { background: url(../images/content-runner2.jpg) 0 0 repeat-y; }
.content-runner-bt-bg2 { background: url(../images/content-bt-bg2.jpg) 0 100% no-repeat; padding: 0 7px 7px; min-height: 429px; }

ul.donors-content { margin: 0; padding: 0; }
ul.donors-content li { border-bottom: 1px solid #dadada; padding: 17px 20px; }
ul.donors-content li h3 { font-size: 21px; font-weight: bold; color: #1da5bd; padding-bottom: 5px; }
ul.donors-content li span.price { font-size: 18px; font-weight: bold; color: #555; }


/* Tiny Scrollbar */
#scrollbar1 { width: 428px; margin: 0; }
#scrollbar1 .viewport { width: 407px; height: 450px; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; width: 407px; position: absolute; left: 0; top: 0; padding: 0; margin: 0; }
#scrollbar1 .scrollbar { background: transparent url(../images/scroll-pan-bg.gif) repeat-y 0 0; position: relative; background-position: 0 0; float: right; width: 21px; }
/*#scrollbar1 .track { background: transparent url(../images/bg-scrollbar-trackend-y.png) no-repeat 0 100%; height: 100%; width:13px; position: relative; padding: 0 1px; }*/
#scrollbar1 .thumb { background: transparent url(../images/scroll-pan.gif) no-repeat 50% 100%; height: 80px; width: 25px; cursor: pointer; overflow: hidden; position: absolute; top: 0; /*left: -5px;*/ }
#scrollbar1 .thumb .end { background: transparent url(../images/scroll-pan.gif) no-repeat 50% 0; overflow: hidden; height: 5px; width: 25px; }
#scrollbar1 .disable { display: none; }
.noSelect { user-select: none; -o-user-select: none; -moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; }


.content-runner21 { background: url(../images/content-runner2T.jpg) 0 0 repeat-y; }
.content-runner-bt-bg21 { padding: 15px 50px; min-height: 360px; }
/*background:url(../images/content-bt-bg2.jpg) 0 100% no-repeat;*/
.content-runner-bt-bg21 label { padding-bottom: 6px; display: block; }
.donate-nw-bt-bg1 { background: url(../images/donate-nw-bt-bgT.jpg) 0 0 no-repeat; min-height: 53px; text-align: right; padding: 10px 55px 0 50px; }

.donate-nw-div h2 { background: url(../images/donate-nw-tp-bg.jpg) 0 0 no-repeat; min-height: 47px; padding: 15px 50px 0 50px; color: #fff; }
.donate-nw-bg { background: url(../images/donate-nw-bg-runner.jpg) 0 0 repeat-y; padding: 15px 50px; }
.donate-nw-bg label { padding-bottom: 6px; display: block; }
.txtfield { background: url(../images/txt-field-bg.gif) 0 0 no-repeat; width: 230px; height: 26px; padding: 5px; border: none; }
.donate-nw-bt-bg { background: url(../images/donate-nw-bt-bg.jpg) 0 0 no-repeat; min-height: 60px; text-align: right; padding: 10px 55px 0 50px; }
input.donate-nw { background: url(../images/big-btn-bg.png) 0 0 no-repeat; width: 261px; font-weight: bold; height: 45px; font-size: 15px; border: 0; cursor: pointer; }
input.donate-nw:hover { background: url(../images/big-btn-bg-hover.png) 0 0 no-repeat; width: 261px; font-weight: bold; height: 45px; font-size: 15px; border: 0; cursor: pointer; }

/*--------------- Footer CSS Classes ---------------*/
.footer { padding: 22px 25px 15px; position: relative; }
.footer-note { margin: 0 auto; display: inline-block; margin-top: 10px; }
/*.footer {background:url(../images/footer-bg-runner.gif) 0 0 repeat-x #1da1ba; min-height:185px; padding:22px 25px 0;}
.footer-logo { background:url(../images/logo-breakeven.gif) 0 0 no-repeat; margin:0; float:right;}*/

/* Bottom Links */
.bottom-links { padding: 0; width: auto; }
.bottom-links a { color: #fff; font-size: 11px; line-height: 20px; display: block; }
.copyright { font-size: 11px; color: #fff; }
/*--------------- Footer CSS Classes end ---------------*/

/*******************End Preview Page Style*************************/

/*******************Start Landing Page Style***********************/


.lprow { background: url("../images/sh.png") repeat-x bottom rgb(235, 235, 235); padding: 30px 40px 20px 40px; width: auto; overflow: hidden; border-top-color: rgb(204, 204, 204); border-bottom-color: rgb(85, 85, 85); border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; min-height: 150px; }
.grid { width: 100%; border: solid 1px black; margin-bottom: 20px; }
.grid th { padding: 5px 15px; height: 25px; font-weight: bold; font-size: 15px; }
.grid td { padding: 5px 15px; height: 25px; vertical-align: middle; }

.lpButton { font-size: 14px; font-weight: bold; width: 100px; height: 25px; }
/*******************End Landing Page Style*************************/
.thumbnail { background: url(../Thumbnails/thumbs.png) no-repeat transparent; height: 170px; width: 175px; margin-right: 12px; }
.thumb1 { }
.thumb2 { background-position: -163px 0; }
.thumb3 { background-position: -326px 0; }
.thumb4 { background-position: -288px 0; }
.thumb5 { background-position: -388px 0; }

.placeholder { color:    #999;}
.blue-gradient {  }
::-webkit-input-placeholder { color: #aaa; }
:-moz-placeholder { color: #aaa; }
::-moz-placeholder { color: #aaa; }
:-ms-input-placeholder, input:-ms-input-placeholder {  color: #aaa !important; }
.custom-color-style-label {
    width:50% !important; 
    padding-top:6px !important;
    color:grey !important;
}
.custom-color-style-input {
    width:40% !important;
    cursor:inherit !important;
    background-color:white !important;
    font-size:inherit !important;
    text-indent:initial !important;
}