html, body {margin: 0px; padding: 0px; background: #def0f4 url(../images/layout/page-bg.gif) repeat-x;}

body {font-family: Arial, Verdana, Sans-Serif; font-size: 13px; color: #777; line-height: 18px;}

form {margin: 0px; padding: 0px;}

img {border: 0px;}

td {vertical-align: top;}

p {margin-top: 0px;}

a {color: #315fa2; text-decoration: none;}
a:hover {color: #965501; text-decoration: underline;}

h1 {margin: 0px 0px 20px 0px; font-size: 19px; font-weight: normal; color: #444;}
h2 {margin: 0px 0px 10px 0px; font-size: 17px; font-weight: normal; color: #7a4616;}
h3 {margin: 0px 0px 10px 0px; font-size: 14px;}
h4 {margin: 0px 0px 10px 0px; font-size: 11px; color: #444; text-transform: uppercase;}

:focus {outline: none;}

/**
 * General
 */
.clearBoth, .clear {clear: both; height: 0px; font-size: 1px; line-height: 0px; display: block;}

.noMarginBefore {margin-top: 0px;}
.noMarginAfter {margin-bottom: 0px;}

.accent {color: #7a4616;}


.required {color: #bd3802;}

.pledgeAmount {color: #bd3802;}
.pledges {font-weight: bold; color: #383838;}
.pledges span {color: #bd3802;}

.heavy {color: #444;}

img.left {float: left; margin: 0px 10px 10px 0px;}

a.icon {display: block; padding-left: 25px; background: no-repeat left top; line-height: 16px;}
a.icon20 {line-height: 20px;}
a.iconInline {float: left; padding-right: 20px;}
a.iconStar {background-image: url(../images/icons/star.gif);}
a.iconBell {background-image: url(../images/icons/bell.gif);}
a.iconTableAdd {background-image: url(../images/icons/table-add.gif); padding-left: 20px;}
a.iconVCard {background-image: url(../images/icons/vcard.gif); padding-left: 20px;}
a.iconRss {background-image: url(../images/icons/rss.gif);}
a.iconRss20x20 {background-image: url(../images/icons/rss-20x20.gif);}
a.iconJolkona {background-image: url(../images/icons/jolkona.gif);}
a.iconJolkona20x20 {background-image: url(../images/icons/jolkona-20x20.gif);}
a.iconTwitter {background-image: url(../images/icons/twitter.gif);}
a.iconTwitter20x20 {background-image: url(../images/icons/twitter-20x20.gif);}
a.iconFacebook {background-image: url(../images/icons/facebook.gif);}
a.iconFacebook20x20 {background-image: url(../images/icons/facebook-20x20.gif);}
a.iconLinkedin {background-image: url(../images/icons/linkedin.gif);}
a.iconLinkedin20x20 {background-image: url(../images/icons/linkedin-20x20.gif);}
a.iconDigg {background-image: url(../images/icons/digg.gif);}
a.iconStumbleUpon {background-image: url(../images/icons/stumbleupon.gif);}
a.iconDelicious {background-image: url(../images/icons/delicious.gif);}
a.iconVcardAdd {background-image: url(../images/icons/vcard-add.gif); padding-left: 20px;}
a.iconReportAdd {background-image: url(../images/icons/report-add.gif); padding-left: 20px;}
a.iconAdd {background-image: url(../images/icons/add.gif); padding-left: 20px;}

a.expandCollapse {float: left; display: block; margin: 3px 0 0 0; width: 11px; height: 11px; background: url(../images/icons/expand.gif) no-repeat;}
a.iconExpand {background-image: url(../images/icons/expand.gif);}
a.iconCollapse {background-image: url(../images/icons/collapse.gif);}

.checkboxField .checkbox {float: left; width: 15px;}
.checkboxField .label {float: right; width: 100%; margin-left: -22px;}
.checkboxField .label label {display: block; margin-left: 22px;}

/**
 * Lists
 */
ul.noIndent {margin: 20px 0px 20px 0px; padding: 0px 0px 0px 20px;}

ul.subnav {margin: 0px 0px 10px 0px; padding: 0px; list-style-type: none; font-size: 12px; line-height: 14px;}
ul.subnav li {padding-bottom: 10px;}
ul.subnav li.on {font-weight: bold;}
ul.subnav li ul {margin: 0px; padding: 5px 0px 0px 15px; list-style-type: none;}
ul.subnav li ul li {padding: 5px 0px 5px 0px;}
ul.subnav li.on ul {font-weight: normal;}

div.nameValueList .item {padding: 0px;}
div.nameValueList .name {float: left; width: 90px; font-weight: bold;}
div.nameValueList .value {float: left; width: 290px;}

div.pager {text-align: right;}
div.pager ul {display: inline; margin: 0; padding: 0; list-style-type: none;}
div.pager ul li {display: inline; padding: 0 4px 0 4px;}
div.pager ul li.on {font-weight: bold;}

div.viewNav ul {margin: 0 0 0 -5px; padding: 0; list-style-type: none;}
div.viewNav ul li {display: inline;}
div.viewNav ul li a {padding: 0 5px;}
div.viewNav ul li.on {font-weight: bold;}

/**
 * Layout
 */
#masterWrapper {background: url(../images/layout/rain-bg.jpg) no-repeat top center;}

#master {margin: auto; width: 1038px;}

#header {position: relative; height: 132px; background: url(../images/layout/header-bg.gif) no-repeat left bottom;}
#header .logo {position: absolute; top: 23px; left: 80px;}
#header .nav {position: absolute; bottom: 0px; right: 69px;}
#header .nav ul {margin: 0px; padding: 0px; list-style-type: none; font-size: 13px; font-weight: bold; line-height: 30px; text-transform: uppercase;}
#header .nav ul li {float: left; display: block; padding: 0px 3px 0px 3px;}
#header .nav ul li a {float: left; display: block; color: #fff; text-decoration: none; width: 116px; height: 30px; text-align: center; background: url(../images/layout/header-tabs.gif) no-repeat;}
#header .nav ul li a:hover {background-position: left -60px;}
#header .nav ul li.cart a {background: url(../images/layout/header-tabs.gif) no-repeat left -30px;}
#header .nav ul li.cart a:hover {background-position: left -90px;}
#header .welcome {position: absolute; width: 300px; height: 50px; bottom: 5px; right: 320px; color: #383838;}
#header .welcome .content {float: right; width: 240px; padding: 20px 10px 0 0; font-size: 11px; line-height: 14px; text-align: right;}
#header .welcome .profilePic {float: right; width: 50px;}
#header .share {position: absolute; top: 90px; right: 75px;}
#header .login {position: absolute; top: 20px; right: 75px;}

#pageWrapper {background: #fff url(../images/layout/body-bg-bottom.gif) repeat-x left bottom;}
#pageWrapper .l {background: url(../images/layout/body-bg-left.gif) repeat-y;}
#pageWrapper .r {background: url(../images/layout/body-bg-right.gif) repeat-y right top;}
#pageWrapper .tl {background: url(../images/layout/body-bg-top-left.gif) no-repeat;}
#pageWrapper .tr {background: url(../images/layout/body-bg-top-right.gif) no-repeat right top;}
#pageWrapper .blc {background: url(../images/layout/bottom-left-corner.gif) no-repeat left bottom;}
#pageWrapper .brc {background: url(../images/layout/bottom-right-corner.gif) no-repeat right bottom;}

#page {position: relative; width: 978px; padding: 0px 30px 30px 30px;}

#body {min-height: 500px;}

#nav {height: 36px; background: #8f501a url(../images/layout/nav-bg.gif) repeat-x; font-size: 13px; color: #fff; line-height: 36px; text-transform: uppercase; border-bottom: solid 7px #030c87;}
#nav ul {height: 36px; margin: 0px; padding: 0px; list-style-type: none;}
#nav ul li {float: left; display: block;}
#nav ul li span {float: left; display: block; background: url(../images/layout/nav-separator.gif) no-repeat right top; padding-right: 1px;} 
#nav ul li a {float: left; display: block; width: 139px; color: #fff; text-decoration: none; text-align: center;} /* width: 162px; */
#nav ul li.on a {background: url(../images/layout/nav-bg-over.gif) repeat-x;}
#nav ul li a:hover {background: url(../images/layout/nav-bg-over.gif) repeat-x;}
#nav ul li.firstItem a {width: 138px; background: url(../images/layout/nav-bg-sides.gif) no-repeat;} /* width: 163px; */
#nav ul li.firstItem a:hover {background-image: url(../images/layout/nav-bg-sides-over.gif);}
#nav ul li.lastItem a {background: url(../images/layout/nav-bg-sides.gif) no-repeat right top;}
#nav ul li.lastItem a:hover, #nav ul li.lastItemOn a {background: url(../images/layout/nav-bg-sides-over.gif) no-repeat right top;}
#nav ul li.lastItem span {background: none; padding-right: 0px;}

#masterFooter {}
#masterFooter .nav {margin: auto; font-size: 11px; line-height: 15px; padding-left: 150px;} /* width: 730px; */
#masterFooter .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#masterFooter .nav ul li.title {text-transform: uppercase;}
#masterFooter .nav a {color: #546781; text-decoration: none;}
#masterFooter .nav .column {float: left; width: 110px; padding: 0px 10px 0px 10px; text-align: left;} /* width: 125px; */
#masterFooter .nav .column.impact {width: 180px;}
#masterFooter .legal {padding: 20px 0px 20px 0px; text-align: center; font-size: 11px; margin-left: -150px;}

#sidebar {float: left; width: 199px; padding: 5px 10px 0px 10px; background: url(../images/layout/sidebar-bg-top.gif) repeat-x; min-height: 750px;}
#sidebar h4 {padding: 0px 5px 0px 5px; font-size: 13px; color: #fff; text-transform: none;}
#sidebar .rounded {width: 198px; margin-bottom: 20px; padding-top: 10px; background: url(../images/layout/rounded-bg.png) no-repeat;}
#sidebar .rounded .footer {width: 198px; height: 10px; background: url(../images/layout/rounded-bg.png) no-repeat left -10px;}
#sidebar .rounded .content {width: 158px; padding: 5px 20px 10px 20px; background: #fff; font-size: 12px; line-height: 14px;}
#sidebar .rounded .content h4 {padding: 0px; font-size: 12px; color: #333; margin: 0px 0px 5px -10px;}
#sidebar .rounded .greenCredits h4 {margin-left: 0; padding: 2px 0 4px 20px; background: url(../images/icons/world.gif) no-repeat; color: #009900;}
#sidebar .filter .checkboxList {margin: 4px 0px 0px -4px; padding: 0px; list-style-type: none;}
#sidebar .filter .checkboxList .checkbox {float: left; width: 22px;}
#sidebar .filter .checkboxList .key {float: left; width: 16px;}
#sidebar .filter .checkboxList .label {float: left; width: 135px; margin: 2px 0;}
#sidebar .filter .checkboxList li ul {margin: 0; padding: 0 0 0 20px; list-style-type: none;}
#sidebar .filter .checkboxList li.expandable {margin-left: -11px;}
#sidebar .filter .checkboxList li.expandable ul {padding-left: 31px;}
#sidebar .filter .key .checkbox {width: 20px;}
#sidebar .filter .key .label {width: 118px;}
#sidebar .filter .checkboxField {margin-left: -4px;}
#sidebar .filter label {color: #315fa2;}
#sidebar .filter label span {color: #9b9b9b;}
#sidebar .rounded .amountFilter {width: 178px; padding: 5px 10px 10px 10px;}
#sidebar .rounded .amountFilter h4 {margin-left: 0px;}
#sidebar .rounded .amountFilter .amount {color: #7a4616;}

#breadcrumbs {font-size: 12px; padding-bottom: 20px;}
#breadcrumbs a {color: #546781; text-decoration: none;}
#breadcrumbs a:hover {color: #965501; text-decoration: underline;}

#pageTitle .title {float: left;}
#pageTitle .actions {float: right; text-align: right;}
#pageTitle div.viewNav {margin-right: -5px;}

.sidebarLayout #sidebarRight {display: none;}
.sidebarLayout, .dualSidebarLayout {width: 978px; background: url(../images/layout/sidebar-bg.gif) repeat-y;}
.sidebarLayout .layoutWrapper, .dualSidebarLayout .layoutWrapper {width: 978px; background: url(../images/layout/sidebar-corner.gif) no-repeat left bottom;}
.sidebarLayout #content {float: left; width: 680px; padding: 10px 0px 40px 40px;}
.dualSidebarLayout #content {float: left; width: 440px; padding: 10px 30px 40px 40px; background: url(../images/layout/separator.gif) no-repeat right top;}
.dualSidebarLayout #sidebarRight {float: left; width: 207px; padding: 20px 20px 0px 20px; background: url(../images/layout/grey-fade-bg.gif) repeat-x;}
.dualSidebarLayout #sidebarRight .photo {padding-bottom: 10px;}
.fullLayout #content {padding: 10px 0px 40px 40px; width: 890px;}

/**
 * Home Page
 */
.home #nav {border-bottom-width: 0px;}

#home {line-height: normal;}
#home .header {position: relative; height: 325px; background: #fff;}
#home .header .featureFade {position: absolute; top: 0; left: 248px; width: 205px; height: 350px;}
#home .header .overview {position: absolute; top: 0; left: 0; width: 453px; height: 322px; border-bottom: solid 1px #cbaa79;}
#home .header .overview .diagram {position: absolute; top: 10px; left: 12px;}
#home .header .overview .content {position: absolute; top: 10px; left: 15px; width: 425px; font-size: 15px; color: #082434;}
#home .slideshow {width: 730px; height: 350px; position: absolute; top: 0; right: 0; background: #333;}
#home .slideshow .nav {position: absolute; bottom: 0px; right: 0px; font-size: 11px; line-height: 23px; border: solid 1px #784516; border-right-width: 0px;}
#home .slideshow .nav ul {margin: 0px; padding: 0px; list-style-type: none;}
#home .slideshow .nav ul li {float: left; display: block;}
#home .slideshow .nav ul li a {float: left; display: block; width: 23px; color: #fff; text-align: center; text-decoration: none; border-right: solid 1px #784516; background-color: #453e36;}
#home .slideshow .nav ul li.on a {background-color: #835d37;}
#home .slideshow img {display: block;}
#home .feature {float: left; width: 208px; height: 340px; padding: 10px 20px 0px 20px;}
#home .features .column {float: left; width: 203px; padding: 15px 20px 20px 20px; background: url(../images/layout/separator.gif) no-repeat right top;}
#home .features .column .photo {padding: 0px 0px 10px 0px;}
#home .features .mission {width: 204px;}
#home .features .difference {width: 209px; background: url(../images/layout/grey-fade-bg.gif) repeat-x;}

#home .quotes {padding: 0 0 30px 0;}
#home .quotes .item {float: left; width: 286px; padding: 0 20px 0 20px; font-family: Georgia, Times New Roman Serif; font-size: 18px; line-height: 22px; color: #666; text-align: center;}
#home .quotes .item a {color: #666;}
#home .quotes .item a:hover {color: #f8981d;}

#home .features .columnFeatured {float: left; width: 446px; padding: 15px 20px 20px 20px; background: url(../images/layout/separator.gif) no-repeat right top;}
#home .features .columnFeatured .ul .thumb {float: left;list-style: none;margin: 0; padding: 10px;width: 160px;}
#home .features .columnFeatured .ul .thumb li {margin: 0; padding: 5px;float: left;position: relative; width: 110px; height: 110px;}
#home .features .columnFeatured .ul.thumb li img {width: 100px; height: 100px;  -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0;position: absolute; left: 0; top: 0;}
#home .features .columnFeatured .ul.thumb li img.hover {effectborder: none;}


/**
 * Profiles
 */
div.profileList .item {padding: 0px 0px 20px 0px;}
div.profileList .photo {float: left; width: 100px; margin-right: 20px;}
div.profileList .profile {float: left; width: 460px;}
div.profileList .profile .name {margin: 0px; font-size: 13px; font-weight: bold;}

/**
 * Blog Elements
 */
.blogPostTitle {font-size: 14px;}
.blogPostAuthor {font-size: 11px;}


/**
 * Account (i.e. My Jolkona)
 */
body.account #nav {border-bottom-color: #bd3802;}

.chartTable {margin-bottom: 20px; border-top: solid 1px #d7d7d7;}
.chartTable .row {border-bottom: solid 1px #d7d7d7;}
.chartTable .item {float: left; width: 339px; border-right: solid 1px #d7d7d7; padding: 10px 0px 10px 0px;}
.chartTable .lastItem {border-right: none;}
.chartTable .item .title {font-weight: bold; color: #383838; padding: 0px 0px 15px 0px;}
.chartTable .lastItem .title {padding-left: 20px;}
.chartTable .lastItem .legend {padding-left: 20px;}
.chartTable .legend {font-size: 10px; padding: 10px 0px 0px 0px;}
.chartTable .legend .key {float: left; width: 10px; height: 10px; font-size: 1px; line-height: 1px; margin: 5px 5px 0px 0px;}
.chartTable .legend .label {float: left; width: 280px;}

.giftList {line-height: 18px;}
.giftList td {vertical-align: middle;}
.giftList td table td {padding: 0px;}
.giftList .partnerName {font-size: 12px; color: #7a4616;}

body.gift .nameValueList {margin-bottom: 20px; line-height: 22px;}
body.gift .nameValueList .name {font-weight: normal;}

body.gift .partnerDetails .logo {float: left; width: 70px;}
body.gift .partnerDetails .details {float: left; width: 458px;}

.proofList {margin: 10px 0px 40px 0px;}
.proofList .loading {height: 300px;}
.proofList .tabs {float: left; width: 70px; border: solid 1px #afafaf; border-width: 1px 0px 0px 1px;}
.proofList .tab {border-bottom: solid 1px #afafaf;}
.proofList .tab a {display: block; padding: 5px 0px 5px 10px;}
.proofList .tab.on {background: #0f5fc0;}
.proofList .tab.on a {color: #fff;}
.proofList .content {float: left; width: 583px; padding: 10px; border: solid 1px #afafaf;}
.proofList .projectPhotos {width: 444px; margin: 0px;}

#uploadDialog .bd, #uploadDialog .ft {background: #fff;}
#uploadDialog .bd {padding-bottom: 20px;}
#uploadDialog button.default {font-weight: normal;}
#uploadDialog .message {width: 330px;}
#uploadDialog .loading {text-align: center; color: #000;}

#importDialog .bd, #importDialog .ft {background: #fff;}
#importDialog .bd {padding-bottom: 20px;}
#importDialog button.default {font-weight: normal;}
#importDialog .message {width: 440px;}
#importDialog .loading {text-align: center; font-weight: bold; color: #000;}
#importDialog .loading .icon {height: 32px; background: url(../images/loading.gif) no-repeat center top;}
#importDialog form .field {width: 370px;}

/**
 * Global Login Panel
 */
#loginPanel {position: absolute; display: none; top: 0px; right: 194px; width: 300px; padding: 15px 10px 10px 10px; background: #a83502; border: solid 1px #d86c42; border-width: 0px 0px 1px 1px; font-size: 11px; color: #fff;}
#loginPanel a {color: #fff; text-decoration: underline;}
#loginPanel form .label {width: 105px; font-weight: bold;}
#loginPanel form .field {width: 180px;}
#loginPanel form .textbox {width: 180px; font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}
#loginPanel form .actions {padding-bottom: 10px;}
#loginPanel form .register {line-height: normal;}

#loginPanel .fbLogin {margin-top: 10px; border-top: dotted 1px #fff;}
#loginPanel .fbLogin p {margin: 5px 0 5px 0;}

/**
 * Forms
 */
form textarea {font-family: Arial, Verdana, Sans-Serif; font-size: 12px;}

form .row {padding: 0px 0px 4px 0px;}
form .label {float: left; width: 100px;}
form .field {float: left; width: 400px;}
form .section {color: #333; margin: 20px 0px 0px 0px; padding: 0px 0px 4px 0px;}
form .help {margin: 0px; font-size: 11px; line-height: 15px;}
form .buttons {padding: 20px 0px 0px 0px;}
form .error_message {color: #bd3802; font-size: 11px;}
form .form_error {border: solid 1px #bd3802;}

#userLoginWrapper .siteLogin {float: left; width: 300px; border-right: dotted 1px #c2c2c2;}

#userLoginWrapper .otherLogin {float: left; width: 290px; padding: 0 0 0 30px;}
#userLoginWrapper .otherLogin .facebook .note {font-size: 11px; line-height: 16px; margin: 20px 0; color: #000;}

#userLogin .textbox {width: 250px;}
#userLogin .label {float: none; width: 100px; color: #333;}
#userLogin .field {float: none; width: 400px;}
#userLogin .submit {padding: 5px 0px 0px 0px;}

#userProfileWrapper .siteProfile {float: left; width: 455px; border-right: dotted 1px #c2c2c2;}

#userProfileWrapper .otherProfile {float: left; width: 200px; padding: 0 0 0 20px;}

#userProfile .label {width: 130px;}
#userProfile .field {width: 300px;}
#userProfile .textbox {width: 300px;}
#userProfile .help {width: 300px;}

#userRegistrationWrapper .siteRegistration {float: left; width: 420px; border-right: dotted 1px #c2c2c2;}

#userRegistrationWrapper .otherRegistration {float: left; width: 200px; padding: 0 0 0 20px;}

#userRegistration .label {width: 130px;}
#userRegistration .field {width: 270px;}
#userRegistration .textbox {width: 260px;}
#userRegistration .captcha {margin: 10px 0px 10px 0px; border: solid 1px #c2c2c2; width: 200px; text-align: center;}
#userRegistration #UserCaptcha {width: 99px;}
#userRegistration .invitationCode .textbox {width: 200px;}
#userRegistration .preferences {padding: 10px 0 15px 0;}

#userRetrievePassword .label {width: 130px;}
#userRetrievePassword .textbox {width: 300px;}

#contact .label {width: 150px; text-align: right; padding-right: 20px;}
#contact .textbox {width: 200px;}
#contact textarea.textbox {width: 350px;}
#contact .submit {padding: 5px 0px 0px 0px;}

#inviteFriends .label {float: left; width: 80px; text-align: right; padding-right: 10px;}
#inviteFriends .field {float: left; width: 550px;}
#inviteFriends .name {float: left; width: 155px;}
#inviteFriends .name .textbox {width: 140px;}
#inviteFriends .email {float: left; width: 280px;}
#inviteFriends .email .textbox {width: 270px;}
#inviteFriends .remove {float: left; width: 66px; margin-top: 2px;}
#inviteFriends textarea {width: 424px; font-family: Arial, Verdana, Sans-Serif; font-size: 11px;}

/**
 * Messages
 */
div.message {border: solid 1px green; margin-bottom: 20px; width: 460px; padding: 10px 20px 10px 20px; color: #333;}

div.errorMessage {border: solid 1px #de9b80;}

/**
 * Buttons
 */
a.button {float: left; display: block; height: 19px; padding: 0px 22px 0px 0px; font-size: 11px; line-height: 18px; text-decoration: none; text-transform: uppercase; color: #fff; background: url(../images/layout/button-bg.gif) no-repeat right top;}
a.button span {float: left; display: block; height: 19px; padding: 0px 0px 0px 10px; background: url(../images/layout/button-bg.gif) no-repeat; cursor: pointer;}
a.button:hover {color: #fff; text-decoration: none; background-position: right -19px;}
a.button:hover span {background-position: left -19px;}

/**
 * Rounded Corners
 */
div.roundedFixed {width: 206px; background: url(../images/layout/rounded-bg-red.gif) repeat-y -412px top; margin-bottom: 20px;}
div.roundedFixed .t {width: 100%; background: url(../images/layout/rounded-bg-red.gif) no-repeat 0px 0px;}
div.roundedFixed .b {width: 100%; background: url(../images/layout/rounded-bg-red.gif) no-repeat -206px bottom;}
div.roundedFixed .content {padding: 10px 15px 10px 15px;}

div.rounedFixedPurple {background-image: url(../images/layout/rounded-bg-purple.gif);}
div.rounedFixedPurple .t {background-image: url(../images/layout/rounded-bg-purple.gif);}
div.rounedFixedPurple .b {background-image: url(../images/layout/rounded-bg-purple.gif);}

#content div.rounded {width: 100%; background: #fff url(../images/layout/purple-tb.gif) repeat-x;}
#content div.rounded .l {width: 100%; background: url(../images/layout/purple-lb.gif) repeat-y;}
#content div.rounded .b {width: 100%; background: url(../images/layout/purple-bb.gif) repeat-x left bottom;}
#content div.rounded .r {width: 100%; background: url(../images/layout/purple-rb.gif) repeat-y right top;}
#content div.rounded .tl {width: 100%; background: url(../images/layout/purple-tlc.gif) no-repeat;}
#content div.rounded .tr {width: 100%; background: url(../images/layout/purple-trc.gif) no-repeat right top;}
#content div.rounded .bl {width: 100%; background: url(../images/layout/purple-blc.gif) no-repeat left bottom;}
#content div.rounded .br {width: 100%; background: url(../images/layout/purple-brc.gif) no-repeat right bottom;}

/**
 * FAQs
 */
.faqList {margin-bottom: 20px;}
.faqList .item .content {margin-bottom: 20px;}

/**
 * Tables
 */
table.list {width: 100%; background: #fff;}
table.list th {background: #cd4b19; color: #fff; text-align: left; padding: 3px 10px 3px 10px;}
table.list td {padding: 3px 10px 3px 10px;}
table.list tr.alternate td {background: #eaf5f8;}
table.list tr:hover td {background: #f1f1f1;}

table th.actions,
table td.actions {text-align: right;}

table.grid { border-collapse: collapse;}
table.grid th,
table.grid td {border: solid 1px #fff;}

table.partnerGiftList .project {font-size: 11px; line-height: 14px;}

/**
 * Dialog Windows
 */
body.dialog {padding: 20px;}

/**
 * Quick Tour
 */
ul.box {margin: 0px; padding: 0px; list-style-type: none;}
ul.box li {float: left; display: block; margin-right: 10px;}
ul.box li a {float: left; display: block; width: 20px; height: 20px; border: solid 1px #afafaf; text-align: center;}

#quickTour {border: solid 1px #afafaf; padding: 1px;}
#quickTour .item {display: none;}

#quickTourNav {font-size: 16px; line-height: 25px;}
#quickTourNav li a {width: 25px; height: 25px;}
#quickTourNav li.on {background: #0f5fc0;}
#quickTourNav li.on a {color: #fff;}



/**
 * Link Generator
 */
#linkGenerator .badgeGeneratorWrapper {padding-bottom: 20px;}
#linkGenerator .badgeGenerator {padding: 20px 0 0 30px;}

#linkGenerator .step {font-weight: bold;}
#linkGenerator .option .field {float: left; width: 30px;}
#linkGenerator .option .label {float: left; width: 500px;}
#linkGenerator textarea.code {background: #ccc; border: none; width: 620px; font-family: Courier New, Courier; font-size: 12px;}

#projectBadgeGenerator .project {margin-bottom: 20px;}
#projectBadgeGenerator .projectPhotos {width: 440px; margin-bottom: 20px;}
#projectBadgeGenerator .projectPhotos .thumbs {border-top-width: 0;}
#projectBadgeGenerator .projectPhotos .hint {padding: 10px 0 10px 6px;}
#projectBadgeGenerator .projectPhotos .loading {padding: 10px 0 10px 6px;}
#projectBadgeGenerator .badgeList .item .select {padding-bottom: 10px;}

.badgeList {margin-bottom: 20px;}
.badgeList .item {float: left; width: 300px; min-height: 200px; border: solid 1px #ddd; cursor: pointer; margin-right: 20px;}
.badgeList .item .select {color: #000; padding: 5px 0 40px 5px;}
.badgeList .item label {cursor: pointer;}
.badgeList .item .badge {padding-left: 20px;}
.badgeList .activeItem {border-color: #d5ebf2;}

/**
 * YUI
 */
.yui-skin-sam .mask {-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=25)"}
.yui-skin-sam .shadow.yui-panel-container .underlay,
.yui-skin-sam .yui-tt-shadow-visible{-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=12)"}

/*
#loginPanel .fbLogin {display: none;}
#userLoginWrapper .otherLogin {display: none;}
#userProfileWrapper .otherProfile {display: none;}
#userRegistrationWrapper .otherRegistration {display: none;}
*/

/**
 * BMI Application-specific styles
 */
form.bmiPatForm .label {width: 200px;}
form.bmiPatForm input[type="text"] {width: 200px;}

/********************** Search Results ***************************/
.progressBar img, .percentImage img {
	 background: url(../images/percentImage_bg.png) top left no-repeat;
	 padding: 0;
	 margin: 5px 0 0 0;
	 background-position: 1px 0;
}

#pagination {
  font: bold 12px verdana, arial, helvetica, sans-serif;
  border: 1px solid #03476F;;
  background: #8f501a url(../images/layout/nav-bg.gif) ;
  color: #363636;
  padding-top:3px;
}

.paraHeader {
  height: 26px;
  color: #8f501a;
  font: normal bold 14px verdana, arial, helvetica, sans-serif;
  padding-left: 5px;
}
/********************** #accordion ***************************/
.panelheader {
  background: #8f501a url(../images/layout/nav-bg.gif) ;
  height: 26px;
  color : #ced7ef;
  font-weight : normal;
  border-bottom:1px solid #182052;
  border-top:1px solid #BDC7E7;
  font-weight : normal;
  padding-left: 5px;
}

.mdHover {
  background-color : #a2c07a;
  color : #ffffff;
}
.mdSelected {
  background-color : #a2c07a;
  color : #ffffff;
  font-weight : bold;

}
.panelContent {
  border : 1px solid #1f669b;
  border-top-width    : 0px;
  border-bottom-width : 0px;
  overflow: auto;
}
#accordion {
  margin-top : 6px;
  border : 1px solid #4f4f4f;
  width: 255px;
}

/*Following styles are for the tabbed panel*/
#tabsExample {
  width: 560px;
}

.tabbedPanelContentContainer {
  border : 1px solid #4f4f4f;
  clear:both;
}

.tabbedPanelheader{
  height: 1.5em;
  color : #AAA;
  background: #D8E0F2;
  font-weight : bold;
  float: left;
  display: inline;
  margin-left: 2px;
  margin-right: 2px;
  text-align: center;
  white-space:nowrap;
  overflow:hidden;
  width: 20%;
  padding-top:3px;
}

.tabbedPanelHover {
  color : #666;
  cursor: pointer;
}

.tabbedPanelSelected {
  color : #444;
  background: #CFD4E6;
  cursor: auto;
}

.tabbedPanelContent {
    background: #f8f8f8;
    overflow: auto;
}

#left {
	float:left;
	width:562px;
	margin-left:3px;
	padding: 3px 10px 0px 0px;
	display:inline;
    border-right: #FFF 2px solid;
}

#right {
	float:right;
	width:300px;
	padding:  3px 10px 0px 0px;
}

#para {
    margin-left:15px;
    margin-right:15px;
    margin-top:15px;
    margin-bottom:15px;
}

.signUpText {
  font: normal bold 11px verdana, arial, helvetica, sans-serif;
  color: black;
}

.signUplink {
  font: normal bold 11px verdana, arial, helvetica, sans-serif;
  color: maroon;
}
input.changepassword{
color:white;
  font: bold 110% 'trebuchet ms',helvetica,sans-serif;
  background-color:#13afe4;
  border: 1px solid;
  border-color: #e1e1e1 #e1e1e1 #e1e1e1 #e1e1e1;  
 
 
}
.Passwordtext {
color:#0F60BF;
font-size:12px;
font-family:verdana;
}
.textboxEntry {
	color:#0F60BF;
	border-left:2px #dfdfdf solid;
	border-top:2px #dfdfdf solid;
	border-right:1px #dfdfdf solid;
	border-bottom:1px #dfdfdf solid;
	display: inline;
	width: 220px;
	font-size:12px;
	
  
}
.changepasswordHeading{
color:white;
  font: bold 110%  Arial, Helvetica, sans-serif;
  font-size:12px;
  }
 #Rightalign{
 
 float: right;
margin-right:30px;
 
 width:350px
 }  
 #Centeralign{
 
 float:left;
margin-right:570px;
 
 width:1px
 }