﻿/* BEGIN: header styles */
/* Header Shim */
#header{position:relative;height:100px}
#header .navWrap{width:990px;background:transparent url(../im/logobg2.jpg) no-repeat;margin:0 auto}
#header .navWrap #begreen{background:transparent url(../im/bgeg0.jpg) no-repeat;width:193px;height:26px;float:right;margin:20px 20px 0 0}
#header .navWrap #navigation{float:left;margin:58px 20px 0 0}
#header ul{list-style-type:none;width:auto;margin:0;padding:0}
#header ul li{display:block;float:left;border-right:1px solid #2a4000;margin:0 1px 0 0}
#header li.end{border-right-width:0}
#header li a{display:block;float:left;text-decoration:none;color:#fff;font-weight:700;background:#87a10e url(../im/sbh.png) repeat-x left center;padding:5px 10px}
#header li a:hover,#header li.active a{background:#87a10e url(../im/sbhp.png) repeat-x left center}
/* END: header styles */

div#baseMeta ul { list-style-type:none; width:auto; margin:0; padding: 0}
div#baseMeta ul li {display: block; float:left; padding: 0 10px; }

/* BEGIN: contents styles */
#wrapper{width:990px;margin:0 auto}
#wrapper p{line-height:1.5em;margin:5px 0 10px}
#wrapper #colLeft02{float:left;background:#fff url(../im/contentbg.gif) no-repeat}
.wrapper00{margin:10px auto}
.wrapper01{margin:0 auto}
.flower-bg{background:#fff url(../im/contentbg.gif) no-repeat 25px 25px}
/* END: contents styles */

h2.green-diag {
   background: #87a10e url("../im/sbhg.gif") repeat-x left center;
   color: #660099;
}
h2.purple-diag {
   background: #87a10e url("../im/sbhp.gif") repeat-x left center;   
   border: 1px solid #8165be;
   border-width: 1px 0px;
   color: #ffffff;
}

.col-sub .content ul.text-item {
   padding: 5px;
   list-style-type: none;
   margin-bottom: 15px;
}
.col-sub .content ul.text-item li {
   display: block;
   height: 25px;
}
.col-sub .content ul.text-item a {
   color: #bac877;
   text-decoration: none;
   display: block;
   height: 20px;
   padding: 5px 5px 0px 5px;
   border-bottom: 1px solid #5e710a;
   background-color: Transparent;
}
#.col-sub .content ul.text-item a:visited, active {
   color: #bac877;
   border-bottom-color: #5e710a;
}
.col-sub .content ul.text-item a:hover {
   color: #ffffff;
   background-color: #3a5900;
}
.col-sub #iconbar {
   margin: 0px 0px 10px 0px;
}
.col-sub #iconbar ul {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   list-style-type: none;
   width: auto;
}
.col-sub #iconbar ul li {
   display: block;
   float: left;
   margin: 0px 1px 0px 0px;
   padding: 0px 20px;
}
.col-sub #iconbar ul li a {
   display: block;
   float: left;
   text-decoration: none;
}
.col-sub #iconbar ul li a img {
   border-width: 0px;
}
.col-sub .content #previews {
   margin: 10px 0px;
}
.col-sub .content #previews ul {
   margin: 0px 0px 5px 0px;
   padding: 0px;
   list-style-type: none;
   width: auto;
}
.col-sub .content #previews ul li {
   display: block;
   float: left;
   margin: 0 1px 0 0;
}
.col-sub .content #previews ul li a {
   text-decoration: none;
}
.col-sub .content #previews ul li a img {
   padding: 5px;
   background-color: #5e710a;
   border: 1px solid #87a10e;
   float: left;
   margin: 5px;
   background-image: none;
}
.col-sub .content #previews ul li a:hover img {
   text-decoration: none;
   background-color: #87a10e;
   border: 1px solid #ffffff;
   float: left;
   padding: 5px;
   margin: 5px;
}
.col-sub #sponsor h5 {
   text-align: center;
}
.col-sub #sponsor ul {
   margin: 10px 0px 5px 0px;
   padding: 0px;
   list-style-type: none;
   width: auto;
   background: none;
}
.col-sub #sponsor ul li {
   display: block;
   float: left;
   margin: 5px;
}

.col-sub #sponsor img {
   background: none;
}
/**//***** END right styles *****//**/

/* BEGIN: footer styles */
/*#footer{background-color:#80bb67;border-top:5px #8165be solid;color:#609;padding:25px}
#footer #cr,#footer #footerLinks{float:left;margin-right:30px}
#footer span#fyear{margin-right:10px}
#footer #footLinks ul{list-style-type:none;width:auto;margin:0;padding:0}
#footer #footLinks li{display:block;float:left;border-right:1px solid #609;margin:0 1px 0 0}
#footer #footLinks li.end{border-right-width:0}
#footer #footLinks li a{display:block;float:left;text-decoration:underline;padding:0 20px}
#footer #footLinks li a:hover{text-decoration:none}
#footer a{color:#609}*/
/* END: footer styles */



/**//***** form item styles *****//**/
div.green-container {
   background-color: #c8e1bb;
   border: 1px solid #80bb67;
}
div.purple-container{
   background-color: #ddd6ed;
   border: 1px solid #8165be;
}

.green-diagonal {
   background: transparent url('../im/greendiagonal.gif') repeat-x;
}
.purple-diagonal {
   background: transparent url('../im/purplediagonal.gif') repeat-x;
}

.green-diagonal-full {
   background: transparent url('../im/greendiagonal.gif') repeat;
   border: 1px solid #457232;
}
.purple-diagonal-full {
   background: transparent url('../im/purplediagonal.gif') repeat;
   border: 1px solid #660099;
}

h2.green, h2.purple{
   text-align: left;
   font: normal bold 14px/22px Verdana, Arial, Helvetica, Sans-Serif;
   border-width: 1px 0px;
   border-style: solid;  
   height: 22px;
   padding: 2px 2px 2px 10px;
   margin: 0px;
}
h2.green{  
   background: transparent url("../im/greendiagonalshade.gif") repeat-x left center;
   border-color: #457232;
   color: #ffffff;   
}
h2.purple{  
   background: transparent url("../im/purplediagonalshade.gif") repeat-x left center;
   border-color:#660099;
   color: #ffffff;   
}

div.green{
   background: #ffffff url('../im/greencbg.jpg') repeat-x;
   padding: 5px;
}
div.purple{
   background: #ffffff url('../im/purplecbg.jpg') repeat-x;
   padding: 5px;
}

/* BEGIN: common styles */
.bold {font-weight: 700;}
.textfield{display:block;float:left;width:350px;background-color:#ffffa0;border:1px solid #bac877;margin:3px}
.txt,.txt-purple{width:200px;font-size:11px;font-family:Verdana;border:1px solid #7cb863;margin:4px 0 0 5px;padding:2px}
.txt-purple{border:1px solid #8165be}
.textfield:hover,.textfield:focus{background:#fff}
div.corner-container{background-image:url(../im/sidebar-mid-390.png);padding:5px}
.margin-10{margin:10px}
.margin-5{margin:5px}
.margin-bottom-10{margin-bottom:10px}
.margin-right-10{margin-right:10px}
.margin-left-10{margin-left:10px}
.margin-top-10{margin-top: 10px;}
.margin-tb-3{margin: 3px 0}
.margin-right-5 {margin-right: 5px;}
.margin-right-10 {margin-right: 10px;}
.pad-10{padding:10px}
.pad-5{padding: 5px;}
.pad-left-5; {padding: left: 5px;}
.float-left{float:left}
.float-right{float:right}
.italic{font-style:italic}
.no-border{border-width:0}
.center, .center-bold {	text-align: center;}
.center-bold {	font-weight: 700;}
h2.white-center{font:normal bold 16px/26px "Lucida Grande" "Lucida Sans Unicode", Arial, Helvetica, sans-serif;color:#fff;text-align:center}
td.center, th.center {text-align: center;}
p.box10 { margin: 10px; }
.bold-upper { font-weight: 700; text-transform: uppercase; text-decoration: none; }
.bold-underline, .bold-underline-red { font-weight: 700; text-decoration: underline; }
.bold-underline-red { color: #d80505;}

td.na, td.na-center {background-color: #efefef}
td.na-center { text-align: center; }
/* END common styles */

/* BEGIN: anchor styles */
span.required-asterisk, span.red, .red{
   color: #d80505;
   font-weight: normal;
   padding: 0px 3px;
}
.red,a.red,.red{color:#f0001d}
a,a.purple{color:#609}
a.lt-green{color:#73b059}
a:hover{text-decoration:none}
a.white{color:#fff}
/* END: anchor styles */

/* BEGIN: form element styles - text, textarea, ddl */
.txt,.ta,.ddl,.lvp-ddl{font:12px "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, sans-serif;color:#000;background-color:#fbfec2;border:1px solid #7b9ebd;margin:4px 0 0 5px;padding:3px}
.txt-50 {width: 50px;}
.txt-200{width:200px}
.ta-200-75{width:200px;height:75px}
.txt-260{width:260px}
.ta-260-75{width:260px;height:75px}
.txt-300{width:300px}
.ta-300-75{width:300px;height:75px}
.txt-400{width:400px}
.ta-400-75{width:400px;height:75px}
.txt200{width:200px}
.txt250{width:250px}
.txt400{width:400px}
.ddl-70 {width: 70px;}
.ddl-210{width: 210px;}
.ddl250{width:250px}
/* END: form element styles - text, textarea, ddl */

/* BEGIN: Form styles (label, etc...) */
label.lbl-for{font-weight:700;text-align:right;width:450px;padding:0 5px}
div.form-item{line-height:30px;margin:0 0 5px}
div.form-item label,div.form-item label.w100,div.form-item label.w200,div.form-item label.w250{float:left;font-weight:700;text-align:right;width:150px;padding:0 5px}
div.form-item label.w100, label.w100{width:100px}
div.form-item label.w200, label.w200{width:200px}
div.form-item label.w250, label.w250{width:250px}
div.rm label{padding-left:5px}
/* END: Form styles (label, etc...) */

/* BEGIN: Messge Styles - validation, errors, thanks, etc... */
div.warn{background:#ffdfdf url(../im/warn.jpg) no-repeat 10px center;border:1px solid #d80505;color:#d80505;margin:10px;padding:5px 5px 5px 30px}
div.thx-s{background:#c9e9c9 url(../im/thx-s.jpg) no-repeat 10px center;border:1px solid green;color:green;margin:10px;padding:5px 5px 5px 30px}
img.info-purple{height:16px;width:16px;margin:0 5px}
.need-content{color:Red;text-transform:uppercase}
div.val-sum-c{position:relative;margin:10px 50px}
div.val-sum-c ul{background:#ffdfdf;border:1px solid #d80505;color:#d80505;list-style:none;padding:5px 0}
div.val-sum-c li{background:transparent url(../im/warn.jpg) no-repeat 0 center;margin:0 20px;padding:5px 0 5px 22px}
div.val-thx-c{background:#c9e9c9 url(../im/thanks.jpg) no-repeat 20px 10px;color:green;border:1px solid green;margin:10px 50px;padding:10px 10px 40px 80px}
div.thx-c{position:relative;color:green;background:#c9e9c9 url(../im/thanks.jpg) no-repeat 20px 10px;border:1px solid green}
div.thx-c-default{margin:10px 50px;padding:25px 10px 10px 80px}
div.thx-c-single{margin:10px 50px;padding:25px 10px 30px 80px}
div.thx-c span.close{display:block;position:absolute;text-indent:-99999px;overflow:hidden;height:16px;width:16px;top:5px;right:10px;cursor:pointer;float:right;background:transparent url(../im/thxbtn.jpg) no-repeat}
div.trans-c-green,div.trans-c-purple,div.green-c,div.purple-c,div.green-lt-c,div.purple-lt-c{margin-bottom:20px;padding:10px}
div.green-c{background-color:#7cb763;border:1px solid #7cb763}
div.purple-c{background-color:#8165be;border:1px solid #8165be}
div.green-lt-c{background-color:#c8e1bb;border:1px solid #7cb763}
div.purple-lt-c{background-color:#ddd6ed;border:1px solid #8165be}
div.green-c ul,div.purple-c ul,div.green-lt-c ul,div.purple-lt-c ul,div.trans-c-green ul,div.trans-c-purple ul{color:#fff;list-style:none;margin:10px 50px;padding:5px 0}
div.green-lt-c ul,div.purple-lt-c ul{color:#000}
div.green-c li,div.purple-c li,div.green-lt-c li,div.purple-lt-c li,div.trans-c-green li,div.trans-c-purple li{margin:0 20px;padding:5px 0 5px 22px}
div.green-c li,div.trans-c-purple li,div.purple-lt-c li{background:transparent url(../im/blt-purple.png) no-repeat 0 center}
div.purple-c li,div.trans-c-green li,div.green-lt-c li{background:transparent url(../im/blt-green.png) no-repeat 0 center}
/* END: Messge Styles - validation, errors, thanks, etc... */

/* BEGIN: button styles */
.cssBtn,.cssBtn-purple,.cssBtn-red{background:#87a10e url(../im/vistaDefault.gif) repeat-x left center;border:1px solid #2a4000;letter-spacing:.03em;font-family:Verdana, Arial, Helvetica, Sans-Serif;font-size:11px;color:#fff;font-weight:400;padding:2px}
.cssBtn-purple{background:#884bb6 url(../im/vistaPurple.gif) repeat-x left center;color:#fff;border:1px solid #609}
.cssBtn-red{background:#c6281f url(../im/vred.gif) repeat-x left center;border:1px solid #8a170f}
.ui-button { outline: 0; margin:0; padding: 2px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
.ui-button-narrow { outline: 0; margin-top:2px; padding: 2px; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; }
/* END: button styles */

/* BEGIN: list button styles */
ul.vertical { list-style-type: none; }
ul.vertical li { display: block; float: left; }
ul.vertical li a { padding: 0px 10px; }

div.v-buttons {}
div.v-buttons ul {}
div.v-buttons ul li { margin-bottom: 5px; }
div.v-buttons ul li div.myeex-btn { text-align: center; }
div.v-buttons ul li div.myeex-btn a {display: block; padding: 5px 0px; width: 100%;}

div.h-buttons {}
div.h-buttons ul { list-style-type: none; display: block; overflow: hidden; }
div.h-buttons ul li { display: inline; }
div.h-buttons ul li div.myeex-btn { text-align: center; float: left; width: 100px; margin: 5px; } /*width: 150px; */
div.h-buttons ul li div.myeex-btn a {display: block; padding: 5px 0px; width: 100%;}

ul.ul {margin: 15px 0px 15px 50px;}
ul.ul li { padding-bottom: 5px; }
ul.ul li {list-style-type: square;}

/* END: list button styles */

/* BEGIN: rss item feed styles */
div.rss-item-c{font-size:11px;padding:10px}
div.rss-item-c div.rss-header-c{padding-bottom:3px;border-bottom:1px solid #dad5ee;margin:0 0 10px}
div.rss-item-c div.rss-header-c a,div.rss-item-c div.rss-footer-c a{color:#609;font-weight:700}
div.rss-item-c div.rss-header-c a{text-decoration:none}
div.rss-item-c div.rss-header-c div.rss-header-left,div.rss-item-c div.rss-footer-c div.rss-footer-left{float:left}
div.rss-item-c div.rss-header-c div.rss-header-right,div.rss-item-c div.rss-footer-c div.rss-footer-right{float:right}
div.rss-item-c div.rss-header-c div.rss-header-right span{font-weight:700;color:#7cb863;font-size:10px}
div.rss-item-c div.rss-img-c{float:left;width:126px;margin:0 10px 5px 0}
div.rss-item-c div.rss-img-c img{border:2px solid #8165be;background-color:#80bb67;width:120px;height:90px}
div.rss-item-c p{line-height:1.5em;margin:5px 0 10px}
div.rss-item-c div.rss-footer-c{background-color:#f2f0f9;border:1px solid #dad5ee;font-size:10px;margin:0 -10px;padding:3px}
div.rss-item-c div.rss-footer-c img{margin-left:3px;border:0}

div.rss-item-t-c{font-size:12px; padding:0 10px; margin: 5px 0;}
div.rss-item-t-c p{line-height:1.5em;margin:5px 0}
div.rss-item-t-c div.rss-item-footer{background: transparent url('../../../assets/im/twitter16.png') no-repeat 0 0; line-height: 18px; font-size: 11px; padding: 0 0 5px 20px; border-bottom:1px solid #dad5ee;margin:0 0 10px}
div.rss-item-t-c div.rss-item-footer a {text-decoration: none !important;}
div.rss-item-t-c div.rss-item-footer a:hover {text-decoration: underline !important;}

div.twitter-follow { line-height: 70px; padding-left: 70px; background: transparent url('../../../assets/im/twitter64.png') no-repeat 0 50%; }
div.twitter-follow a {font-size: 18px; font-weight: 700;}


/* END: rss item feed styles */

/* BEGIN: common border styles */
.border-green, .green-border { border: 1px solid #80bb67;}
.border-purple, .purple-border { border: 1px solid #8165be;}
/* END: common border styles */

/* BEGIN: Faq and News Item Styles */
.faq-header{color:#2a4000;margin:10px 0}
div#faqPane{margin:10px}
div#faqPane h2,div#faqPane h3,div#faqPane h4{color:#8165be;margin:10px 0}
div#faqPane div.type-pane{margin:0 0 20px 20px;padding:10px}
div.news-item h5,div.reduction-item h5{margin:10px 5px}
div.news-item div,div.reduction-item div{margin:5px}
/* END: Faq and News Item Styles */

/* BEGIN: Subscribe Panel styles */
div#subscribe{padding:20px}
div#subscribe .left{float:left;margin-left:50px}
div#subscribe .right{float:right;margin-right:50px}
div#subscribe .left h1{color:#fff;margin-bottom:5px;font-family:"normal georgia" , serif;font-size:24px;font-weight:400}
div#subscribe .left a:hover{color:#324d00}
div#subscribe .right a,a.large-btn{color:#fff;font-family:Tahoma, "Lucida Grande" ,Verdana,Arial,Helvetica,sans-serif;font-size:20px;margin-top:4px;height:50px;display:block;background:transparent url(../im/subscribeButton.png) no-repeat 0 0;text-decoration:none;cursor:default;width:175px;padding:0}
div#subscribe .right a span,a.large-btn span{text-align:center;color:#fff;line-height:50px;width:175px;display:block;padding:0}
div#subscribe .right a:hover,a.large-btn:hover{background-position:0 -50px}
div#subscribe .right a:active,a.large-btn:active{outline:none}
div#subscribe .right a:active span,a.large-btn:active span{padding-top:0}
div#subscribe .left a,div#subscribe .right a:hover span,a.large-btn:hover span{color:#fff}
/* END: Subscribe Panel styles */

/* BEGIN: Box Styles */
.box-190, .box-330, .box-470, .box-660, .box-800, .box-990 {}
.box-190-left { float: left; padding: 5px 5px 5px 0px; width: 185px;}
.box-190-right { float: right; padding: 5px 0px 5px 5px; width: 185px;}
.box-330-left{ float: left; padding: 5px 5px 5px 0px; width: 325px;}
.box-330-right{ float: left; padding: 5px 0px 5px 5px; width: 325px;}
.box-330-mid{ float: left; padding: 5px; width: 320px; }
.box-470-left{ float: left; padding: 5px 5px 5px 0px; width: 465px;}
.box-470-right { float: right; padding: 5px 0px 5px 5px; width: 465px;}
.box-470-mid{ float: left; padding: 5px 5px 5px 5px; width: 460px;}
.box-660-left{ float: left; padding: 5px 5px 5px 0px; width: 655px;}
.box-660-right { float: right; padding: 5px 0px 5px 5px; width: 655px;}
.box-800-left{ float: left; padding: 5px 5px 5px 0px; width: 795px;}
.box-800-right { float: right; padding: 5px 0px 5px 5px; width: 795px;}
/* END: Box Styles */

/* BEGIN: Vault Styles */
.video-container{background:transparent none repeat scroll 0 0;float:left;line-height:1px;margin:0 8px 5px 0}
a .video-thumb,a .video-thumb-g,a .video-thumb-p{width:auto;display:block;float:left;margin:0}
a .video-thumb-g span.thumb-span,a .video-thumb-p span.thumb-span{background-image:url(../im/videoPlayPurple.png);background-position:center;background-repeat:no-repeat;cursor:pointer;position:absolute;z-index:9}
a .video-thumb-g span.play-span,a .video-thumb-p span.play-span{background-position:center;background-repeat:no-repeat;cursor:pointer;position:absolute;z-index:9}
a .video-thumb-g span.play-span img,a .video-thumb-p span.play-span img{visibility:hidden}
a .video-thumb-g span.thumb-span img,a .video-thumb-p span.thumb-span img{visibility:visible}
#vault{padding:10px 0}
ul.vault{width:290px;list-style-type:none;margin:0 auto 5px;padding:0}
ul.vault li{display:block;float:left;margin:0 1px 0 0}
ul.vault li img{vertical-align:middle;width:120px;height:82px;border:2px solid #8165be;margin:3px}
a .video-thumb-g span.thumb-span,a .video-thumb-g span.play-span{background-image:url(../im/videoPlayGreen.png)}
a .video-thumb-p span.thumb-span,a .video-thumb-p span.play-span{background-image:url(../im/videoPlayPurple.png)}
/* END: Vault Styles */

/* BEGIN: Profile Styles */
div.consump-form div {padding: 5px; }
div.consump-form h3 {padding: 0; margin: 5px 3px;}
div.consump-form{ line-height: 1.2em;}
div.consump-form li {line-height: 1.5em; }
div.consump-form label,div.consump-form label.w100,div.consump-form label.w175,div.consump-form label.w200,div.consump-form label.w250{float:left;font-weight:700;text-align:left;width:150px;padding:0 5px}
div.consump-form label.w100, label.w100{width:100px}
div.consump-form label.w175, label.w175{width:175px}
div.consump-form label.w200, label.w200{width:200px}
div.consump-form label.w220, label.w220{width:220px}
div.consump-form label.w250, label.w250{width:250px}
div.consump-form input {margin: 5px;}

div#consumptionDialog div.processHeight, div.processHeight {height: 200px; }
div.tweet-process-height {height: 100px;}
.normal-font-size, div.normal-font-size, div.normal-font-size div#consumptionDialog {font-size: 100%;}

div.profile fieldset, div.consumption fieldset {border:1px solid #7c60b7;margin:10px 10px;padding:10px}
div.profile fieldset legend, div.consumption fieldset legend {font-weight:700;color:#7c60b7;padding:0 10px;}

div.sub-title {
   background: url(../im/sprite.png) repeat-x 0px 0px;
   border-bottom: 1px solid #989898;
   color: #000;
   padding: 4px 5px 4px 5px;
   vertical-align: bottom;
   text-align: left;
}
div#nextSteps { padding: 10px; }
div#nextSteps a {
	font: normal bold 16px/32px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #644c9e;
	text-decoration: none;
}
div#nextSteps a img { margin-right: 10px; }

div.edit-acct {width: 570px; }
div.ccd {width: 350px; }
/* END: Profile Styles */

/* BEGIN: Baseline Styles */
div.profile div.dialogUnits fieldset { padding:0; border:0; margin-top:25px; }

div.profile div#baseHelpTip {position: relative; height: 120px; }
div.profile div#baseHelpTip a { text-decoration: none !important;}
div.profile div#baseHelpTip img {height: 48px; width: 48px; margin: 36px 5px 36px 46px}

div.profile div#congrats, div#tabsProfile div.hi-lite {   
	font: normal bold 16px/24px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #644c9e;
	margin: 10px;
}
div#tabsProfile div.hi-lite { font-size: 14px; margin-bottom: 0; }
div#tabsProfile div.hi-lite a {
   text-decoration: underline;
   color:#73b059;
   text-transform: uppercase;
}
/* END: Baseline Styles */

/* BEGIN: Processing Styles */
.process-indicator, .uiblock, .uiblock-200 { background: transparent url(../im/progress-indicator-alpha.gif) no-repeat  center center; }
.uiblock-200 { height: 200px; }
.uiblock { padding: 50px 0px; }
.uihidden {visibility: hidden; }
/* END: Processing Styles */

/* BEGIN: Page Header/Title bar styles */
div.page-hdr-shim {background: transparent url(../im/page-hdr-shim.png) repeat-x; height: 32px; width: 100%; color: #ffffff; }
div.page-hdr-shim div.page-hdr-block { background: transparent url(../im/page-hdr-left.png) no-repeat top left; height: 32px; width: 100%; padding: 0 10px; } 
/* END: Page Header/Title bar styles */

/* BEGIN: Internal Panel styles */
div.int-pnl { width: 100%; font-weight: normal; }
div.int-pnl div.pnl-hdr {background: transparent url(../im/page-hdr-shim.png) repeat-x; height: 32px; width: 100%; color: #ffffff;}
div.int-pnl div.pnl-hdr div.pnl-hdr-block {background: transparent url(../im/page-hdr-left.png) no-repeat top left; height: 32px; width: 100%; padding: 0 10px;}
div.int-pnl div.pnl-body-cntr {border: 2px solid #660099; border-top-width: 0; border-right-color: #5d9446;}
div.int-pnl div.pnl-body-cntr div.sub-title {
   background: url(../im/sprite.png) repeat-x 0px 0px;
   border-bottom: 1px solid #989898;
   color: #000;
   padding: 4px 5px 4px 5px;
   vertical-align: bottom;
   text-align: left;
}
div.int-pnl div.pnl-body-cntr div.pane { padding: 5px; font-weight: normal; }

/* END: Internal Panel styles */

/* BEGIN: MultFile upload styles */
div#file-queue {}
div#file-queue div.MultiFile-label { font: 11px Verdana, Geneva, sans-serif; background-color: #ffffff; border: 2px solid #abd29b; margin-top: 5px; padding: 5px; }
div#file-queue div.MultiFile-label { font: 11px Verdana, Geneva, sans-serif; background-color: #ffffff; border: 2px solid #d0c6e8; margin-top: 5px; padding: 5px; }
div#file-queue div.MultiFile-label a.MultiFile-remove {}
div#file-queue div.MultiFile-label span.MultiFile-title { padding-left: 5px; }
      
div.file-queue-cntr, .fileUploadQueueItem {
   font: 11px Verdana, Geneva, sans-serif;
   background-color: #f8f4fb; /* #F5F5F5;*/
   border: 3px solid #d0c6e8;  /*#E5E5E5;*/
   margin-top: 5px;   
   padding: 5px;   
}
.fileUploadQueueItem { width: 90%; background-color: #ffffff; border-width: 2px;}
/* END: MultFile upload styles */

/* BEGIN: Reduce styles */
div.reduce {
	color: #000000;
}
div.reduce h2.section-header {
	font: normal bold 20px/40px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	color: #644c9e;
	margin-left: 5px;
	text-transform: uppercase;
}
div.reduce table {
   border: 1px solid #DAD5EE;
}
div.reduce table td {
	padding: 2px 5px;
}
div.reduce tr.high-light, div.reduce td.high-light, th.high-light {
   background-color: #F2F0F9;
}
/* END: Reduce styles */

/* BEGIN: ordered lists styles */
ol.decimal, ol.lower-alpha {margin: 15px 0px 15px 50px;}
ol.decimal li, ol.lower-alpha li { padding-bottom: 5px; }
ol.decimal li {list-style-type:decimal; }
ol.lower-alpha li {list-style-type: lower-alpha;}
/* END: ordered lists styles */

/* BEGIN: Qtip styles */
div.q-p { background: #f0ebf6; color: #644c9e}
div.q-p ul.step { }
div.q-p ul.step li { padding-bottom: 5px; }
div.q-p ul.step li h2, div.q-p ul.step li h2.first{
   text-align: left;
   font: normal bold 14px/22px Verdana, Arial, Helvetica, Sans-Serif;
   border-width: 1px 0px;
   border-style: solid;  
   height: 22px;
   padding: 2px 2px 2px 10px;
   margin: 0px;
   background: transparent url("../im/purplediagonalshade.gif") repeat-x left center;
   border-color:#660099;
   color: #ffffff; 
}
div.q-p ul.step li h2.first { border-top: none;}
div.q-p ul.step li p { color: #644c9e; padding: 5px 10px; }

div.q-g {background: #f1f7ef; color: #7ca969 }
div.q-g ul.step { }
div.q-g ul.step li { padding-bottom: 5px; }
div.q-g ul.step li h2{
   text-align: left;
   font: normal bold 14px/22px Verdana, Arial, Helvetica, Sans-Serif;
   border-width: 1px 0px;
   border-style: solid;  
   height: 22px;
   padding: 2px 2px 2px 10px;
   margin: 0px;
   background: transparent url("../im/greendiagonalshade.gif") repeat-x left center;
   border-color: #457232;
   color: #ffffff;
   }
div.q-g ul.step li p { color: #7ca969; padding: 5px; }

div.q-p ul.note, div.q-g ul.note { margin: 5px 15px 5px 35px; list-style-type: disc;}
div.q-p ul.note li, div.q-g ul.note li { padding-bottom: 5px; }
/* END: Qtip styles */

/* BEGIN: Carousel Styles */
.jcarousel-skin-ui .jcarousel-container-horizontal {
   /*width: 350px;*/
   padding: 5px 40px;
}
div.mee-carousel-cntr { }
div.mee-carousel-cntr ul, div.mee-carousel-cntr ul li, div.mee-carousel-cntr p { font-weight: 700; margin: 0px; padding: 0px; }      

div.mee-carousel-cntr ul li {}

div.mee-carousel-cntr ul li div.mee-carsousel-item {font: 10px verdana, helvetica, arial, sans-serif; font-weight: 700; height: 73px; position: relative; }

div.mee-carousel-cntr ul li div.mee-carsousel-item div.icon-1, div.mee-carousel-cntr ul li div.mee-carsousel-item div.icon-2, div.mee-carousel-cntr ul li div.mee-carsousel-item div.icon-3, div.mee-carousel-cntr ul li div.mee-carsousel-item div.icon-4 { width: 32px; height: 32px; background: transparent url('../../../assets/im/consumption-complete.png') no-repeat; position: relative; left: 30%; top: 12%; }
div.mee-carousel-cntr ul li div.mee-carsousel-item div.icon-1 { background: transparent url('../../../assets/im/consumption-incomplete.png') no-repeat; }
div.mee-carousel-cntr ul li div.mee-carsousel-item div.icon-3 { background: transparent url('../../../assets/im/consumption-partial.png') no-repeat; }
div.mee-carousel-cntr ul li div.mee-carsousel-item div.icon-4 { background: transparent url('../../../assets/im/consumption-notallowed.png') no-repeat; }

div.mee-carousel-cntr ul li p.h{ margin-bottom: 2px; padding: 2px; text-align: center; border-width: 0 0 1px 0; }
/* END: Carousel Styles */