/* ============================================
 * Carbon Assessor Framework;
 * Author: Kris Young;
 * Last Modified: 10/03/2010;
 * ============================================ */

/* Basic Element Styling */
html {
	overflow-y:scroll;
}
body {
	color:#717074;
	background:#FFF;
}
hr {
	border-width:0px 0px 1px 0px;
	margin:0px 0px 10px 0px;
}
h1 {
	margin:0px;
	font-size:3.2em;
}
h2 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 2px 0px;
	font-size:1.6em;
	border-bottom:#CCC solid 1px;
}
h3 {
	margin:0px 0px 10px 0px;
	font-size:1.4em;
	line-height:2em;
	padding-bottom:1px;
}
h4 {
	padding-top:10px;
	font-size:1.2em;
	padding-bottom:5px;
}
p {
	font-size:1.2em;
}
a {
	text-decoration:none;
	border-bottom:dotted 1px;
	font-weight:bold;
}
a:link {
	color:#F58020;
}
a:visited {
	color:#F58020;
}
a:hover, a:active {
	color:#FDB913;
}
a.active {
	color:#FDB913;
}
/* Global Container Classes */
.page-wrapper {
	margin:10px auto;
	width:960px;
	background:#FFF;
	position:relative;
}
.content-wrapper {
	margin:0px;
}
.content {
	margin:0px;
	padding:10px;
}
.aside {
}
.col {
	float:left;
}
.inner {
	padding:0px 10px 10px 0px;
}
.panel, #modal.panel {
	padding:10px;
	margin:1px
}
.grey {
	margin:0px;
	background:#F5F5F5;
	border:#CCC solid 1px;
}
.green, #modal.green {
	margin:0px;
	background:#EBEFCD;
	border:#C1D82F solid 1px;
	padding-bottom:0px;
}
.dark-green {
	margin:0px;
	background:#E4E6D5 url(/images/backgrounds/dark-green-shadow.jpg) left top repeat-x;
	border-color:#C7D273 #FFF #FFF #C7D273;
	border-width:1px;
	border-style:solid;
}
.rcpanel {
	margin-bottom:10px;
	background:url(/images/backgrounds/rcpanel-bg.jpg) left bottom repeat-x;
	border-color:#DDD;
	border-width:0px 1px 1px 1px;
	border-style:solid;
}
/* Wrapper Width Classes */
.w120 {
	width:120px;
}
.w170 {
	width:170px;
}
.w200 {
	width:200px;
}
.w300 {
	width:300px;
}
.w420 {
	width:420px;
}
.w620 {
	width:620px;
}
.w640 {
	width:640px;
}
.w505 {
	width:505px;
}
.w716 {
	width:716px;
}
.w950 {
	width:950px;
}
/* RHS Col Styling */
.aside h4 {
	background:#666;
	padding:4px 10px;
	color:#FFF;
	font-size:1.4em;
}
.rcpanel p {
	padding:10px;
}
.rcpanel p img {
	float:left;
	margin:0px 10px 10px 0px;
	width:60px;
}
/* Header Styling */
.header-wrapper {
}
.header {
	margin:0px;
	padding:10px 0px;
	height:120px;
}
a#logo {
	margin-right:10px;
	border:none;
}
h1#appTitle {
	font-size:4.2em;
	margin:0em 0px 0px 0px;
	color:#54B948;
	font-weight:bold;
	letter-spacing:-0.04em;
	text-shadow:#020 -1px -1px 1px;
}
h1#appTitle a {
	color:#54B948;
	border:none;
}
h1#appTitle small {
	display:block;
	margin-top:-0.2em;
	padding-left:0.1em;
	width:400px;
	font-size:0.3em;
	color:#ACB0B2;
	letter-spacing:normal;
	text-shadow:none;
}
/* Login Panel Styling */
div#login-wrapper {
	float:right;
	width:370px;
	padding:8px 0px 0px 15px;
	background:url(/images/framework/rounded-panel-grey.png) left bottom no-repeat
}
div#login-panel {
	padding:10px 15px 10px 0px;
	background:url(/images/framework/rounded-panel-grey.png) right bottom no-repeat
}
div#login-panel h3 {
	margin:0px;
}
div#login-panel p {
	font-size:1.1em;
	font-weight:bold;
	margin-bottom:3px;
}
div#login-panel p#fPassLink {
	padding-left:136px;
}
div#login-panel p#welcome {
	padding-bottom:3px;
	font-size:1.4em;
	font-weight:bold;
	border-bottom:#ccc dotted 1px;
}
div#login-panel p#welcome small {
	font-size:0.6em;
}
div#login-panel dl#user-details {
	margin:0px 0px 0px 20px;
	padding:0px;
	width:320px;
	font-size:1.1em;
}
div#login-panel dl#user-details dt {
	display:inline-block;
	margin:0px;
	padding:0px;
	width:25%;
}
div#login-panel dl#user-details dd {
	display:inline-block;
	margin:0px;
	padding:0px;
	width:75%;
}
div#login-panel p#renewal {
	padding:0px 0px 3px 20px;
	color:#D00;
}
div#login-panel p#edit-profile {
	padding-top:5px;
	border-top:#ccc dotted 1px;
}
/* Navigation Styling */
.navigation-wrapper {
}
.navigation-wrapper a {
	border-bottom:none;
}
#navigation {
	position:relative;
	margin:0px 15px;
	height:20px;
	background:url(/images/buttons/nav-bar.png) left center repeat-x;
	font-family:Tahoma, Arial;
}
#navigation .lcap {
	position:absolute;
	left:-15px;
	width:15px;
	height:20px;
	background:url(/images/buttons/nav-bar.png) left top no-repeat;
	line-height:0px;
	font-size:0px;
}
#navigation .rcap {
	position:absolute;
	right:-15px;
	width:15px;
	height:20px;
	background:url(/images/buttons/nav-bar.png) right top no-repeat;
	line-height:0px;
	font-size:0px;
}
ul.main-navigation {
	position:relative;
	margin:0px -5px;
	padding:0px;
	list-style:none;
	padding-left:1px;
	word-spacing:-0.25em;
	z-index:10;
}
ul.main-navigation li {
	display:inline-block;
	padding-right:1px;
	letter-spacing:normal;
	word-spacing:normal;
}
ul.main-navigation li a {
	display:inline-block;
	padding:0px 0.5em;
	height:20px;
	line-height:1.4em;
	font-size:1.4em;
	font-weight:bold;
	color:#FFF!important;
	text-decoration:none;
	text-shadow:#999 -1px -1px 1px;
}
ul.main-navigation li a:hover, ul.main-navigation li.active a {
	background:url(/images/buttons/nav-bar.png) left bottom repeat-x;
	color:#FFF!important;
}
ul.section-menu {
	position:relative;
	margin:0px;
	z-index:1;
}
ul.section-menu li {
	display:block;
	margin-bottom:-1px;
}
ul.section-menu a {
	display:block;
	padding:1px 5px 1px 15px;
	line-height:2em;
	font-size:1.3em;
	height:28px;
	border-width:0px;
	border-bottom:none;
	margin:0px -1px 0px 0px;
	color:#717074;
}
ul.section-menu a:hover {
	background:#EEE;
	padding:0px 5px 0px 14px;
	height:28px;
	border-color:#CCC;
	border-style:solid;
	border-width:1px 0px 1px 1px;
	margin:0px 0px 0px 0px;
}
ul.section-menu li a img.lightbulb {
	visibility:hidden;
	position:absolute;
	left:-5px;
	top:-7px;
	z-index:100;
}
ul.section-menu li.active a {
	background:#EBEFCD;
	padding:0px 4px 0px 15px;
	height:28px;
	border-color:#C1D82F;
	border-style:solid;
	border-width:1px 0px 1px 1px;
	margin:0px -1px 0px 0px;
}
ul.section-menu li.active a img.lightbulb {
	visibility:visible;
}
ul.tab-menu {
	position:relative;
	margin:0px 0px -1px 0px;
	padding:0px;
	list-style:none;
	word-spacing:-0.25em;
	z-index:10;
}
ul.tab-menu li {
	display:inline-block;
	letter-spacing:normal;
	word-spacing:normal;
	height:30px;
	padding:0px 0px 0px 15px;
	background:url(/images/buttons/slidingdoor-tabs.png) left top no-repeat;
}
ul.tab-menu a {
	display:inline-block;
	height:30px;
	margin:0px;
	padding:0px 15px 0px 0px;
	background:url(/images/buttons/slidingdoor-tabs.png) right top no-repeat;
	line-height:2.2em;
	font-size:1.4em;
	font-weight:bold;
	text-decoration:none;
	text-shadow:#FFF 1px 1px 1px;
	color:#717074;
	border:none;
}
ul.tab-menu a:hover {
	border:none;
	color:#54B948;
}
ul.tab-menu li.active {
	background:url(/images/buttons/slidingdoor-tabs.png) left bottom no-repeat;
}
ul.tab-menu li.active a {
	background:url(/images/buttons/slidingdoor-tabs.png) right bottom no-repeat;
	color:#54B948;
}
/* Footer Styling */
.footer-wrapper {
	margin:0px;
}
.footer {
	margin:0px;
	padding:10px 0px;
}
#footer-bar {
	position:relative;
	margin:0px;
	height:6px;
	background:url(/images/framework/footer.png) left bottom repeat-x;
	font-family:Tahoma, Arial;
}
#footer-bar .lcap {
	position:absolute;
	display:block;
	left:0px;
	width:5x;
	height:6px;
	background:url(/images/framework/footer.png) left top no-repeat;
	line-height:0px;
	font-size:0px;
}
#footer-bar .rcap {
	position:absolute;
	display:block;
	right:0px;
	width:5px;
	height:6px;
	background:url(/images/framework/footer.png) right top no-repeat;
	line-height:0px;
	font-size:0px;
}
a#iesFooterLogo {
	float:right;
	border:none;
}
.page-tail-wrapper {
	padding-bottom:40px;
}
.page-tail {
}
ul#page-tail-links {
	float:right;
	margin:0px;
	padding:3px 0px 3px 10px;
	list-style:none;
}
ul#page-tail-links li {
	margin:0px;
	padding:0px;
	display:inline;
}
ul#page-tail-links li a {
}
ul#page-tail-links li a:hover, ul#page-tail-links li a.active {
}
/* Button Styling (2 Element Sliding Door) */
.btncontainer {
	margin:0px 4px 0px 5px;
	padding:0px 0px 0px 8px;
	width:auto!important;
	height:22px;
	background:left bottom no-repeat;
	border-width:0px;
}
.btn {
	cursor:pointer;
	display:block;
	margin:0px -4px 0px 0px;
	padding:0px 8px 0px 0px;
	border:none;
	width:auto!important;
	height:22px;
	background:right bottom no-repeat;
	font-size:1.1em;
	font-weight:bold;
	line-height:2em;
	color:#FFF;
	border-width:0px;
	font-weight:bold;
	height:22px;
	max-width:295px;
	text-shadow:0 -1px 1px #999999;
}
.btn.plaintext {
	display:inline;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	border:none;
	border-bottom:1px dotted;
	width:auto!important;
	height:22px;
	background:right bottom no-repeat;
	font-size:1.1em;
	font-weight:bold;
	color:#F58020;
	text-shadow:#999 0px 0px 0px;
}
.plaintext.btncontainer {
	margin:0px;
	padding:0px;
	width:auto!important;
	height:auto;
}
.btncontainer.red, .btn.red {
	background-image:url(/images/buttons/slidingdoor-btn-red.png);
}
.btncontainer.green, .btn.green {
	background-image:url(/images/buttons/slidingdoor-btn-green.png);
}
dl dd a.btn {
	margin:0px -4px 0px 0px;
	padding:0px 8px 0px 0px;
	width:auto;
	height:22px;
	max-width:295px;
	border-width:0px;
	color:#FFF;
	font-size:1.2em;
	line-height:1.9em;
	font-weight:bold;
}
dl dd.btncontainer.green, dl dd a.btn.green {
	background-image:url(/images/buttons/slidingdoor-btn-green.png);
}
/* Homepage Feature panel */
#featurepanel {
	background:url(/images/backgrounds/rcpanel-bg.jpg) left bottom repeat-x;
	padding:10px;
	border:#DDD solid 1px;
}
#featurepanel h4 {
	margin-left:140px;
	padding-top:0px;
	font-size:1.3em;
}
#featurepanel label {
	width:400px;
	font-size:1.1em;
	text-align:left;
}
#featurepanel select {
	float:right;
	width:150px;
}
#featurepanel label, #featurepanel select {
	vertical-align:top;
}
ul.feature-list {
	margin:0em 0.5em 0em 2em;
	padding:0.5em 0em 0em 0em;
	font-size:1.2em;
	font-weight:bold;
	list-style:url(/images/icons/list-diamond.gif);
}
ul.feature-list li {
	margin-bottom:0.2em;
}
#featurepanel p.introtext {
	margin:0em 0.5em 0em 10px;
	padding:0.5em 0em 1em 0em;
	font-size:1.2em;
}
#featurepanel p.introtext strong {
	font-size:1.1em;
}
#featurepanel p.introtext img {
	margin:10px 30px 10px 10px;
}
/* Legal Page Styling */
.legal {
	border:0px;
}
.legal h1 {
	font-size: 2em;
	margin-bottom:1em;
}
.legal h2 {
	font-size: 1.4em;
	margin-top:2em;
}
.legal p {
}
.legal ul {
	font-size:1.2em;
	margin:0.5em 0.5em 1em 2em;
	list-style:disc;
}
.legal ol {
	font-size:1.2em;
	margin:0.5em 0.5em 1em 2em;
	list-style:decimal;
}
.legal.terms ol li {
	list-style:lower-alpha;
}
/* Static Page Styling */
.static {
	border:0px;
}
.static h1 {
	font-size: 2em;
	margin-bottom:1em;
}
.static h2 {
	font-size: 1.4em;
	margin-top:2em;
}
.static p {
}
.static ul {
	font-size:1.2em;
	margin:0.5em 0.5em 1em 2em;
}
.static ol {
	font-size:1.2em;
	margin:0.5em 0.5em 1em 2em;
	list-style:decimal;
}
.static dl {
	margin:10px 0px;
}
.static dl dt {
	font-size:1.3em;
	font-weight:bold;
	padding-bottom:2px;
	border-bottom:#999 dotted 1px;
	margin-bottom:2px;
}
.static dl dd {
	font-size:1.2em;
	margin:0px 0px 20px 50px;
}
.static.terms ol li {
	list-style:lower-alpha;
}
.static table {
	border-collapse:collapse;
	font-size:1.1em;
	text-align:center;
	width:100%;
}
.static table th, .static table td {
	margin:0px;
	padding:5px 10px;
	background:#F2EEED;
	color:#666867;
	border:#FFF solid 2px;
}
.static table th {
	background:#666867;
	color:#F2EEED;
	font-weight:bold;
}
.static table#buy-examples {
}
.static table#buy-examples th {
}
.static table#buy-examples td {
	text-align:left;
	border-top:0px;
	border-bottom:0px;
	margin:0px;
	padding:1px 10px;
}
.static table#buy-examples td span {
	font-weight:bold;
}
.static table#buy-examples tr#totals td p {
	padding:2px 0px;
	font-size:1em;
	font-weight:bold;
	border-top:#666867 1px solid;
	border-bottom:#666867 1px solid;
}
.static table#buy-examples tr#alt td {
	font-size:1em;
	font-weight:bold;
	padding-bottom:10px;
}
.static ul.contact {
	margin:20px;
}
.static ul.contact li {
	font-weight:bold;
	margin:5px;
}
/* Modifier Classes */
.mb {
	margin-bottom:10px;
}
.pl {
	padding-left:10px;
}
.pr {
	padding-right:10px;
}
.bl {
	border-left:1px solid #CCC;
}

.pricelist caption {
	font-size:larger;
	font-weight:bold;
	color:#666867;
	text-align:left;
	margin-left:2em;
}

#headlinks {
	position:absolute; 
	width:100%; 
	text-align:right; 
	top:-5px;"
}

#pricetab .ui-tabs-nav, #pricetab .ui-widget-header {
	background-color: transparent;
	background-image: none !important;
	margin: 0.5em 0.5em 1em 1em;
	border: none;
}

#pricetab .ui-tabs-hide {
	position: absolute;
    left: -10000px;
    display: inline !important;
}

#pricetab label {
	font-size: 75%;
	background-color: transparent;
}

#pricetab fieldset {
	border: 1px solid #C0C0C0;
	background-color: #F0F0F0;
}

#pricetab div form fieldset dl dd {
	width: 200px;
}

#pricetab div form fieldset dl dt {
	width: 150px;
	border-bottom-style: none;
}

#pricetab textarea {
	width: 95%;
	height: 6em;
}

#pricetab #saveformchanges-element {
	margin-right:1em;
	margin-bottom:0.5em;
	margin-top:0.5em;
}

div.lightbox {
	font-size:85%;
	margin-top:1em;
	margin-bottom:1.5em;
}

a.lightbox {
	border-bottom-style:none;
}

#lightbox-nav a {
	border-bottom-style:none;
}

h3.ui-accordion-header {
	background-image:none;
	background-color:transparent;
	border-style:none;
}

h3.ui-accordion-header a:active,  h3.ui-accordion-header a:link, h3.ui-accordion-header a:visited, h3.ui-accordion-header a:hover {
	color:#717074;
	border-style:none;
	font-size:larger;
}

#reportlegend {
	margin-left:2em;
	font-size:small;
	font-style:italic;
}

#reportchartlinks{
	background-color: #999;		
}

#reportchartlinks a{
	font-weight: 400;
	font-size: 11px;
	color: #fff;
	margin: 8px 12px 8px 8px;
	padding: 0 0 0 15px;
	display: inline-block;
	background: url(/images/icons/chart_icon.jpg) 0 2px no-repeat;
}

#reportchartlinks a:hover{
	color: #FBB228;	
}

#reportchartlinks span{
	display: inline-block;
	color: #fff; 
	font-weight: 700; 
	font-size: 12px; 
	margin: 0 10px 0 15px;
}

tr.jgrid-total {
	border-top-width: 2px; 
	border-bottom-style: double;
	border-bottom-width: 4px;
}

td.jgrid-total {
	color:white;
	background-color:#A0A0A0;
}

td.jgrid-title {
	font-weight:bold;
	font-style:italic;
	color:#666;
}

a[href $='.pdf'] { 
   padding-right: 22px;
   background: transparent url(/images/icons/icon_pdf.png) no-repeat center right;
}

h1.expired {
color: red;
font-size: 1.7em;
margin: 10px 25px 25px 10px;
padding: 10px 0 0 85px;
line-height: 130%;
height: 70px;
background: transparent url(/images/icons/check_mark.gif) no-repeat top left;
}

.buy_button{
float: right;
text-decoration: none;
border:0;
margin: 0 15px 10px 0;
}


a#try_demo{
	clear: both;
	text-decoration: none;
	border: none;
	background: url(/images/buttons/btn_try_demo.jpg) top left no-repeat;
	width: 385px; 
	height: 86px;
	margin: 10px 0 10px 100px;
	display: block
}

a:hover#try_demo{

	background: url(/images/buttons/btn_try_demo.jpg) bottom left no-repeat;

}