.container { padding: 4px 0px; }
#page { padding-top:19px; }

/* Header elements */
#header { background: #008ddb url(../images/layout/header-bg.png) repeat-x 0 0; color: #fff; }
#header a { color: #fff; text-decoration: none; font-weight: bold; }
#header a:hover { text-shadow: 0 1px 4px #008DDB; text-decoration: none; }
#header .intro { font-size: 0.85em; font-weight: bold; line-height: normal; margin-left: 4px; padding: 3px 5px; }
#header .intro.first {  margin-bottom: 2px; }
#header .intro a {padding: 3px 5px;-moz-border-radius: 3px; -webkit-border-radius: 3px;}


@media only screen and (min-width: 480px) and (max-width: 767px) {
    #header #logo  { text-align:center; }
}
@media only screen and (max-width: 767px) {
    #header #logo  { text-align:center; }
}

#header #login { margin-top:10px; }
#header #login form { white-space: nowrap; overflow: hidden; }
#header #login form label { font-weight: normal; display: inline; }
#header #login form input { display: inline; margin-bottom: 5px; float:none; }
#header #login form #LoginForm_username,
#header #login form #LoginForm_password { width: 150px; border: 2px solid #008DDB; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#header #login form .errorSummary ul,
#header #login form .errorSummary li { margin: 0; }
#header #login form .errorSummary { margin-bottom:5px; background-color: #FFCDD1; border: 2px solid #E10C0C; color: #E10C0C; padding: 2px 4px; font-size: 0.8em; font-weight: bold; text-align: left; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

@media only screen and (min-width: 480px) and (max-width: 767px) {
    #header #login {background-color: #4daee4; padding: 4px 0; margin: 0px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
    #header #login form { white-space:normal;text-align:center; }
}
@media only screen and (max-width: 767px) {
    #header #login {background-color: #4daee4; padding: 4px 0; margin: 0px 10px; -moz-border-radius:5px; -webkit-border-radius:5px;}
    #header #login form { white-space:normal; text-align:center; }
}

#header .action-bar { background-color: #4daee4; padding: 4px 0; margin: 0px 10px; }
#header #mainmenu { margin: 0 4px 0 0;}
#header #mainmenu li { display:inline; font-size: 0.85em; background: transparent url(../images/layout/menu-pipe.png) repeat-y 100% 50%; padding-right: 5px; margin:0; }
#header #mainmenu li.last { background: none; padding-right: 0; }
#header #mainmenu li a { padding: 3px 5px 3px 5px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#header #mainmenu li.home a { background: url("../images/layout/home-icon.gif") no-repeat scroll 5px 3px #4daee4; padding-left: 25px; }
#header #mainmenu li.active a { background-color: #008ddb; }

#header .account-bar { background-color: #55b424; padding: 4px 0; margin: 25px 0 0; }
#header #accountmenu { margin: 0 4px 1px; }
#header #accountmenu li { display:inline; font-size: 0.85em; background: transparent url(../images/layout/account-menu-pipe.png) repeat-y 100% 50%; padding-right: 5px; margin:0; line-height: inherit; }
#header #accountmenu li.last { background: none;  padding-right: 0; }
#header #accountmenu li a { padding: 3px 5px 3px 22px; -moz-border-radius: 3px; -webkit-border-radius: 3px; background: transparent url(../images/layout/account-menu-icons.gif) no-repeat ;  }
#header #accountmenu li.active a { background-color: #009837; }

#header #accountmenu li.achivements a { background-position: 0 0; }
#header #accountmenu li.prizes a { background-position: 0 -26px; }
#header #accountmenu li.news a { background-position: 0 -52px; }
#header #accountmenu li.leaderboards a { background-position: 4px -78px; padding-left: 30px; }
#header #accountmenu li.details a { background-position: 0 -104px; }
#header #accountmenu li.logout a { background-position: 0 -130px; }

/* Banner elements */
#banners { background: #008ddb url(../images/layout/header-bg.png) repeat-x 0 280px; margin-top: 5px; color: #fff; }
#banners a { color: #fff; text-decoration: none; font-weight: bold; }
#banners a:hover { text-shadow: 0 1px 4px #008DDB; text-decoration: underline; }
#banners h3 { font-size: 1.3em; font-weight: bold; color: #fff; font-family: inherit; }
#banners .text { font-size: 0.85em; line-height: 1.4em; margin-bottom: 10px; display: block; text-align: justify; }
#banners .text.strong { font-weight: bold; }
#banners #ads { height: 330px; overflow: hidden;}
#banners #ads #s3slider { margin: 19px 0 0 82px; }

/* Subheader elements */
#subheader { min-height: 76px; background: #009538 url(../images/layout/subheader-bg.png) repeat-x 50% -50px; color: #fff; margin-top:5px; }
#subheader.tall { background-position: 50% -30px; }
#subheader h3 { color: #FFFFFF; font-family: inherit; line-height: normal; margin: 10px 10px 5px;}
#subheader h4 { margin-top:10px; color: #fff; font-family: inherit; }
#subheader p { font-size:.8em; line-height: 1.2em; padding: 0 20px; }
#subheader .breadcrumbs { color: #fff; margin: 5px 10px;   font-size: .9em; }
#subheader .breadcrumbs a { color: #fff; text-decoration: none; font-weight: bold; }
#subheader .breadcrumbs a:hover { text-decoration: underline; }

.home-subheader {margin-top: 10px; margin-bottom:10px;}
#subheader .home-subheader h4 { margin-top: 4px; }
.home-subheader.left,
.home-subheader.right { background: transparent url(../images/layout/account-menu-pipe.png) repeat-y; top:auto;  left: auto; right:auto; height: 125px; }
.home-subheader.left { background-position: 100% 50%; }
.home-subheader.right { background-position: 0% 50%; }

/* Buddy elements */
#buddy {background: url("../images/layout/header-bg.png") repeat-x scroll 0 0 #008DDB; margin-top: 5px;height:336px;padding: 10px 0;}

/* Footer elements */
.footer-bg { background: transparent url(../images/layout/shade-bottom.png) no-repeat 50% 100%; padding-bottom: 19px;}

@media only screen and (min-width: 768px) and (max-width: 959px) {
    .footer-bg  { background-image: url(../images/layout/shade-bottom-784.png); }
}
@media only screen and (max-width: 767px) {
    .footer-bg  { background-image: url(../images/layout/shade-bottom-336.png); }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .footer-bg  { background-image: url(../images/layout/shade-bottom-456.png); }
}

.footer-bg .container {padding:0px;}
#footer { background: #432362 url(../images/layout/footer-bg.png) no-repeat 50% -50px; color: #fff; }
#footer a { color: #fff; font-weight: bold; }
#footer #footermenu { margin-bottom: 0px; font-size: 0.8em;}
#footer #footermenu li { display: inline; line-height: normal; margin: 2px 5px; white-space: nowrap; }
#footer .inner { padding:5px 10px; }
#footer .copyright {font-size: .8em; line-height: normal;}

/* Main body elements */
.body-bg { background: url(/images/layout/shade-main.png) repeat-y scroll 50% 0 #FFFFFF;}
.body { background: url(/images/layout/shade.png) no-repeat scroll 50% 0 transparent;}
@media only screen and (min-width: 768px) and (max-width: 959px) {
    .body-bg { background-image: url(../images/layout/shade-main-784.png); }
    .body { background-image: url(/images/layout/shade-784.png);}
}
@media only screen and (max-width: 767px) {
    .body-bg { background-image: url(../images/layout/shade-main-336.png); }
    .body { background-image: url(/images/layout/shade-336.png);}
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .body-bg { background-image: url(../images/layout/shade-main-456.png); }
    .body { background-image: url(/images/layout/shade-456.png);}
}
#body { background: #fff url(../images/layout/body-bg.png) repeat-x 50% 0; margin-top:5px; }
#body #content { padding: 0 0 10px 10px; }
#body #content.one-col { padding: 0 10px; }
#body h1, 
#body h2, 
#body h3, 
#body h4, 
#body h5, 
#body h6 { font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif; }
#body .greeting { padding: 10px 10px 0 20px; }
#body #content h2 { margin-top: 5px; }
#body #content p {font-size: .85em; line-height: normal;}
#body #content form p.info { background: transparent url(../images/layout/info.gif) no-repeat 0 0; margin:0; font-style:italic; font-size:10px; padding:0 0 0 20px; line-height: normal; }
#body #content .cms {padding-right:10px;}
#body #content .cms ol,
#body #content .cms ul.disc {font-size: .85em;}
#body #content .cms ol li,
#body #content .cms ul.disc li {margin-bottom:0;}

/* Buttons */
a.button, 
button, 
input[type="submit"], 
input[type="reset"], 
input[type="button"] { background: #55b424 url(../images/layout/btn-bg-green.png) repeat-x 0 0; border-color: #75bd1a #009837 #009837 #75bd1a; border-radius: 3px 3px 3px 3px; border-right: 1px solid #75bd1a; color: #fff; padding: 7px 12px 6px; text-shadow: 0 1px rgba(0, 155, 54, 1); }
a.button.small, 
button.small, 
input[type="submit"].small, 
input[type="reset"].small, 
input[type="button"].small { padding: 3px; margin: 0; }

a.button:hover, 
button:hover, 
input[type="submit"]:hover, 
input[type="reset"]:hover, 
input[type="button"]:hover { background: #55b424 url(../images/layout/btn-bg-green.png) repeat-x 0 0; border-color: #75bd1a #009837 #009837 #75bd1a; border-right: 1px solid #75bd1a; color: #fff; text-shadow: 0 2px rgba(82, 179, 38, 1); }

/* Generic styles */
.align-right { text-align: right; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.float-right { float: right; }
.float-left { float: left; }
.add-radius {-moz-border-radius:3px; -webkit-border-radius:3px;}
.add-radius-bottom {-moz-border-radius:0 0 3px 3px; -webkit-border-radius:0 0 3px 3px;}
.add-radius-top {-moz-border-radius:3px 3px 0 0; -webkit-border-radius:3px 3px 0 0;}
.half-top {margin-top:10px;}
.flash { margin: 10px; position:relative; }
.flash .close { overflow:hidden; cursor:pointer; position: absolute; top:3px; right:5px; text-indent: -1000px; background: transparent url(../images/layout/close.gif) no-repeat 50% 50%; width: 16px; height: 16px; }
.errorMessage { background-color: #FFCDD1; border: 2px solid #E10C0C; color: #E10C0C; padding: 4px; font-size: 0.8em; font-weight: bold; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: normal; margin-bottom: 10px; }
.successMessage { background-color: #DFF2BF; border: 2px solid #4F8A10; color: #4F8A10; padding: 4px; font-size: 0.8em; font-weight: bold; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: normal; margin-bottom: 10px; }
.noticeMessage { background-color: #F2F2F2; border: 2px solid #0074BD; color: #0074BD; padding: 4px; font-size: 0.8em; font-weight: bold; text-align: center; -moz-border-radius: 3px; -webkit-border-radius: 3px; line-height: normal; margin-bottom: 10px; }

/* Panel elements */
.panel-wrapper {  margin-bottom: 10px; }
.panel .content { border-top: 5px solid; position:relative; background-color: #fff;	border-bottom: 1px solid #CAC9C9; border-left: 1px solid #CAC9C9; border-right: 1px solid #CAC9C9; }
.panel .shadow { background: transparent url(../images/layout/panel-shadow-bottom.png) no-repeat 50% 0; height: 8px; }

.panel.blue .content { border-top-color: #0074BD; }
.panel.green .content { border-top-color: #009139; }
.panel.purple .content { border-top-color: #783b75; }

.panel.green h4,
.panel.purple .green h4,
.panel.blue .green h4 { color: #009139; border-bottom: 2px dotted #cac9c9; padding: 3px 5px; margin-bottom: 0px; }

.panel.purple h4,
.panel.green .purple h4,
.panel.blue .purple h4 { color: #783b75; border-bottom: 2px dotted #cac9c9; padding: 3px 5px; margin-bottom: 0px; }

.panel.blue h4,
.panel.green .blue h4,
.panel.purple .blue h4 { color: #0074BD; border-bottom: 2px dotted #cac9c9; padding: 3px 5px; margin-bottom: 0px; }

.panel .view-all-link { text-transform: uppercase; margin: 4px 10px; }
.panel .view-all-link a { font-weight: bold; text-decoration: none; padding-right: 15px; }

.panel.green .view-all-link a,
.panel.blue .view-all-link a,
.panel.purple .view-all-link a:hover { color: #783b75; background: transparent url(../images/layout/panel-arrow-purple.png) no-repeat 100% 50%; }

.panel.purple .view-all-link a,
.panel.green .view-all-link a:hover { color: #009139; background: transparent url(../images/layout/panel-arrow-green.png) no-repeat 100% 50%; }

.panel.blue .view-all-link a,
.panel.purple .view-all-link a:hover { color: #0074BD; background: transparent url(../images/layout/panel-arrow-blue.png) no-repeat 100% 50%; }

.panel .content p { padding: 4px 10px; }
.panel .summary { position: absolute; top: 4px; right: 4px; white-space: nowrap; text-align:right; font-size:.9em; }

.panel .items { padding: 10px; }
.panel .items table { width: 100%; }
.panel .items table td { padding-top:3px; padding-bottom:3px; }
.panel .items table tr.bottom-border td { border-bottom: 1px dotted #cac9c9; }

.panel .paging { border-top: 2px dotted #CAC9C9; padding: 4px; text-align: right; font-size:.9em; }
.panel .loading .paging { background: url("/images/layout/loading.gif") no-repeat scroll 10px 50% transparent; }
.panel .paging a { border: 0 none !important; }

.panel.green .paging a { color: #783b75 !important;}
.panel.green .paging .selected a { background-color:#783b75 !important; }

.panel.purple .paging a { color: #009139 !important;}
.panel.purple .paging .selected a { background-color:#009139 !important; }

.panel.blue .paging a { color: #783b75 !important;}
.panel.blue .paging .selected a { background-color:#783b75 !important; }

.panel .paging .selected a { color: #ffffff !important; -moz-border-radius:3px; -webkit-border-radius:3px; }
.panel .hidden a { color: #CAC9C9 !important;}
.panel .subtext { margin-bottom: 3px; }

.panel.cms .content {border: 0 none; background-color: transparent;}
.panel.cms .content h4 {background: #fff; -moz-border-radius: 5px; color: #0074bd; font-size: 1em; line-height: normal; padding: 3px 10px; display: inline; font-family: inherit; }
.panel.cms .list-view {margin: 5px 0 10px; }
.panel.cms .national-prizes h5 { font-family: inherit; font-size: 1.2em; line-height: normal; font-weight: bold; }
.panel.cms .national-prizes p { font-family: inherit; font-size: .8em; padding: 0; line-height: normal; }
.panel.cms .national-prizes p.date { font-weight: bold; color:#4DAEE4; margin:0;}
.panel.cms { margin-right: 0px; }
.panel.cms.no-padding { padding:0 !important; }
.panel .content .note { color: #0074bd; background: transparent url(../images/layout/info.gif) no-repeat 5px 50%; font-weight: bold; font-size:0.7em !important; padding: 2px 0 2px 25px; margin-bottom:10px; }
.panel .content .form .note { -moz-border-radius: 0px 2px 2px 0px; float:left; padding: 10px 10px 10px 35px; margin-top:10px; margin-bottom: 20px; border: 1px solid #ccc; border-left: 10px; background-color: #f2f2f2; background-position: 10px 50%;}
.panel .highlight { background-color: #f2f2f2;border-bottom: 1px solid #CAC9C9; }
.panel .highlight.top-border { border-top: 1px solid #CAC9C9; }
.panel .footer { background-color: #f2f2f2; border-top: 1px solid #CAC9C9; color: #4DAEE4; font-size: .7em; padding: 5px 10px; line-height: normal; }
.panel .footer strong { color: #4DAEE4; }

.panel .tabs ul.tabs { border-bottom: 1px solid #DDDDDD;  display: block; margin: 10px 0 0; padding: 0 0 0 10px; }
.panel .tabs ul.tabs li { margin-right:5px; }
.panel .tabs ul.tabs li:first-child a { border-left-width: 1px; }
.panel .tabs ul.tabs li a { border-width: 1px 1px 0; font-size: 0.8em; font-weight: bold; }
.panel .tabs ul.tabs li a.active { border-top: 4px solid #0074BD; color: #0074BD; height: 27px; }

.panel-wrapper .panel-shadow { background: transparent url(../images/layout/panel-shadow-bottom.png) no-repeat 50% 0; height:10px; display: block;}

.form .row { margin-bottom: 5px; }
.form .buttons .wrapper {-moz-border-radius: 2px;padding: 10px; margin-top:10px; border: 1px solid #ccc;background-color: #f2f2f2; float: right; margin-right: 20px; margin-bottom: 20px;}
.form .buttons .wrapper.thin {padding: 4px 2px;}
.form .buttons input { margin: 3px 10px; } 
.form form { margin-bottom: 0px;}
.form .errorMessage { text-align: left; padding: 6px 4px 6px 25px; background-image: url(/images/layout/exclamation.gif); background-repeat: no-repeat; background-position: 4px 50%; }
.form .noticeMessage { text-align: left; padding: 6px 4px 6px 25px; background-image: url(/images/layout/info.gif); background-repeat: no-repeat; background-position: 4px 50%; }

.cell-mask { position: absolute; top:0;left:0; width: 100%; height: 100%; background: #f2f2f2 url(../images/layout/loading.gif) no-repeat 50% 20px; text-align: center; display: none;}
.cell-mask span {margin-top:40px;font-weight: bold; font-size: 1em;display: block; }

/* Reward feed elements */
#reward-feed .reward-image { padding: 5px 10px; float:left; text-align: center; width: 80px; }
#reward-feed .reward-image .code { font-size: 0.6em; }
#reward-feed .reward-info { padding: 5px 10px; margin-left:100px; border-left: 2px dotted #cac9c9;  }
#reward-feed #rewards-none { margin-left:0; border: 0 none; }
#reward-feed #rewards-none div { color: #CCCCCC; font-size: 0.8em; font-weight: bold; margin-bottom: 15px; }
#reward-feed .reward-info .comments { font-size:.8em; font-weight:bold; color: #008cd9; padding: 3px 5px;  }
#reward-feed .reward-info strong { font-size: 1.4em; }
#reward-feed .reward-info .time { font-style: italic; font-size: 0.8em; }
#reward-feed .row { margin-bottom: 0; border-bottom: 2px dotted #cac9c9; }
#reward-feed .row .show-comments { cursor: pointer; }
#reward-feed .row .comments { background: transparent url(../images/layout/comment.gif) no-repeat 0 50%; padding-left:20px; }
#reward-feed .row .reward-comments { background-color: #eaeaea; padding: 10px; font-style: italic; font-size:.9em; border-top: 1px solid #CAC9C9; }
#reward-feed .row .reward-comments ul { margin-bottom: 0; }
#reward-feed .row .reward-comments li { margin-left:90px; border-left: 2px solid #fff; padding-left:20px; }
#reward-feed .row .reward-comments li .quot { font-weight: bold; font-size: 1.6em; }
#reward-feed .row .reward-comments .teacher { font-style: normal; display:block; font-weight: bold; font-size: .8em; }

/* Reward collection elements */
#rewards-collection .rewarditem { text-align: center; margin-left: 14px; margin-right: 15px; }
#rewards-collection .rewarditem img { margin: 0 auto; }
#rewards-collection .rewarditem .code { border: 2px solid lightblue; font-weight: bold; font-size: 0.8em; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
#rewards-collection .rewarditem .info { font-weight: bold; font-size: 0.6em; }
#rewards-collection .empty { text-align:center; color: #CCCCCC; padding: 3px 0 2px; font-weight: bold; display: block; }

/* News feed elements */
#news-feed .news-image { padding: 5px 10px; border-right: 2px dotted #cac9c9; float:left; text-align: center; width: 70px; min-height: 70px; }
#news-feed .news-image .date { font-size: 0.6em; }
#news-feed .news-info { padding: 5px 10px; line-height: normal; }
#news-feed .news-info.highlight { background-color: #F2F2F2; border-bottom:0 none; }
#news-feed .news-info strong { font-size: 1.4em; }
#news-feed .news-info .intro { font-size: 0.8em; }
#news-feed .news-info .date { font-size: 0.8em; font-weight: bold; color:#ccc; margin-bottom:15px; }
#news-feed .row { margin-bottom: 0; border-bottom: 2px dotted #cac9c9; position: relative; }
#news-feed .row.remove-border { border-bottom: 0 none; }

/* Leaderboard list elements */
#leaderboard-listing th { padding: 3px 5px; }
#leaderboard-listing td { border-bottom:0 none; padding:3px 5px; -moz-border-radius:3px; -webkit-border-radius:3px; border: 1px solid #f2f2f2; }
#leaderboard-listing .highlight td { color:#fff; font-weight: bold; background-color: #4DAEE4; border: 0 none;}
#leaderboard-listing table { width: 100%; border-spacing: 2px; padding: 10px; border-collapse: separate; }

/* Prizes claimed list elements */
#prizes-claimed-listings .prizes-container { padding: 10px; }
#prizes-claimed-listings .items td { font-size: .9em; }
#prizes-listings form {margin: 0;}

/* Competition listing elements */
#competition-listings .info { border-bottom: 2px dotted #CAC9C9; }
#competition-listings .info select { -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #CCCCCC; color: #777777; display: block; font: 13px "HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif; margin: 0 0 20px; max-width: 100%; outline: medium none; padding: 6px 4px; width: 80%; }
#competition-listings .info,
#competition-listings .competition-container { padding: 10px; }
#competition-listings .competition-container h3 { color: #0074BD; font-size: 1.2em; font-weight: bold; text-decoration: none; }
#competition-listings .competition-container p { margin: 0px; }
#competition-listings .competition-container ul { list-style-type: disc; list-style-position: inside; margin: 0 10px 10px;}
#competition-listings .competition-container ul li { font-size: 0.9em; margin: 10px; }
#competition-listings .list-view { margin-top: 20px; }

#buddy-items-listings .empty,
#buddy-items-claimed-listings .empty { text-align:center; color: #CCCCCC; padding: 40px 0; font-weight: bold; display: block; }

.list-view .items .title {font-size:1em;font-weight:bold; display: block;}
.list-view .items .info {font-size:.9em;font-weight:normal; display: block; line-height: normal;}
.list-view .items .date,
.list-view .items .price { color: #4DAEE4; font-weight: bold; margin: 0;font-size: 0.85em; line-height: normal; display: block;}
.list-view .items .show-msg { font-size: .65em; font-style: italic; color: #CAC9C9;}
.list-view .items .approval-notice { background: transparent url(../images/layout/info.gif) no-repeat 0 5px; border-top: 1px dotted #ccc; padding: 5px 5px 0 20px; font-weight:bold; font-size:.8em; line-height: normal; margin-right: 20px; margin-top:5px; margin-bottom: 5px; }
.list-view .bottom-border { border-bottom: 1px dotted #CAC9C9; }

.purple a.read-more-link,
.green a.read-more-link,
.blue a.read-more-link { display:block; font-weight: bold; margin-right:10px; margin-top:5px; font-style: normal; text-decoration: none; }

.purple  a.read-more-link { color: #783b75; }
.green  a.read-more-link { color: #009139; }
.blue  a.read-more-link { color: #0074BD; }

.ranking {background-color: #783B75; color: #FFFFFF; display: block; font-size: 0.8em; font-weight: bold; margin: 0 10px; padding: 5px 8px; text-align: center;}

.ranking span { font-size: 1.3em; line-height: normal; }

/* Sidebar elements */
.sidebar { margin: 0 0 10px 0; }
.sidebar.blue { background: #008ddb url(../images/layout/sidebar-bg-blue.png) repeat-x 0 0; }
.sidebar.green { background: #80c114 url(../images/layout/sidebar-bg-green.png) repeat-x 0 0; }
.sidebar.purple { background: #6d3f8a url(../images/layout/sidebar-bg-purple.png) repeat-x 0 0; }

.sidebar .content { color: #fff; font-size: .8em; padding: 0 10px; overflow:hidden; }
.sidebar h3 { font-size: 1.6em; color: #fff; padding: 0 10px; border-bottom: 2px dotted #fff; }
.sidebar .content h4 { color: #fff; font-family: inherit; font-size: 1.3em; line-height: normal; }
.sidebar .content h5 { color: #fff; font-family: inherit; font-size: 1.2em; line-height: normal; }
.sidebar .content.bottom-border { border-bottom: 2px dotted #fff; margin-bottom:8px;padding-bottom:8px;}
.sidebar .content strong { color: #fff; font-size: 1.2em; }
.sidebar .content p.large { font-size:1.6em; font-weight: bold;}
.sidebar .content .small-link { padding-bottom:8px; }
.sidebar .content .small-link a { color: #fff; text-decoration: none; text-transform: uppercase; padding: 3px 14px 3px 0; font-weight: bold; background: transparent url(../images/layout/panel-arrow-white.png) no-repeat 100% 50%;}
.sidebar .errorMessage,
.sidebar .successMessage {font-size:1em;}
.sidebar .content input[type="text"] { width: 190px; margin-bottom: 10px; text-align: center; font-weight: bold; }
.sidebar .content input[type="submit"] { font-size: 1.4em; font-weight: bold; padding: 3px; width: 200px; }

#CodeRedemptionForm_uniqueCode { text-transform: uppercase; }

.ui-widget-overlay { background-color: #000000 !important; background-image: none !important; opacity: 0.9 !important;  }
.ui-merge-confirm .ui-dialog-titlebar { display:none !important; }
.ui-merge-confirm { background: none !important; border: 0 none !important; }

.list-view .showall,
.list-view .sorter { font-size: 0.7em; text-transform: uppercase; font-weight: bold; font-size:.7em !important; margin: 5px 0 !important;}
.list-view .tools {padding-left: 10px; }
.list-view .showall ul,
.list-view .sorter ul { display: inline; list-style: none outside none; margin: 0; padding: 0; }
.list-view .showall li,
.list-view .sorter li { display: inline !important; margin: 0 0 0 5px !important; background-color: #fff; border: 1px solid #CAC9C9; font-weight: bold; padding: 4px 10px !important; -moz-border-radius:5px; -webkit-border-radius:5px; text-transform: none; font-size:inherit !important;}
.list-view .showall li a,
.list-view .sorter li a { text-decoration: none; color:#009139; }
.list-view .showall { margin-left: 8px !important; padding-left: 4px !important; border-left: 1px solid #CAC9C9 !important; }
.list-view .sorter a.desc,
.list-view .sorter a.asc { padding-right: 15px !important; }