/*
Theme Name: Ultra Level
Theme URI: http://wordpress.org/
Description: Customized Theme.
Version: 1.0
Author: Bransin Anderson
Author URI: http://bransinanderson.com/
Tags: custom header, sidebar, white, orange, blue

*/

@import url('reset.css');

/* CSS LAYOUT
---------------------------------------------- */

div.wrap { position: relative; width: 940px; margin: 0 auto; text-align: left; }


/* HEADER
---------------------------------------------- */

#header { position: relative; z-index: 1; margin-bottom: 12px; width: 100%; height: 184px; }

h1.home, h1.inside { position: absolute; top: 28px; left: 0; display: block; width: 429px; height: 187px; }
h1.home { z-index: 1; background: url(images/h1-home.jpg) no-repeat 0 0; }
h1.inside { background: url(images/h1-inside.gif) no-repeat 0 0; }
h1.home a, h1.inside a { position: absolute; z-index: 1000; top: 33px; left: 27px; width: 211px; height: 73px; display: block; text-indent: -9999px; }

div#siteNav a:link, div#siteNav a:visited, div#siteNav a:active { font-weight: bold; color: #FFF; }
div#siteNav a:hover { color: #000; text-decoration: none; }
ul#subNav a:link, ul#subNav a:visited, ul#subNav a:hover, ul#subNav a:active { color: #FFF; font-weight: bold; font-size: 11px; }

div#siteNav { position: relative; z-index: 10; margin-left: auto; width: 592px; top: 66px; background: url(images/ul-sitenav.gif) repeat-x 0 0; height: 31px; }
div#siteNav ul { position: absolute; z-index: 10; top: 0; right: 0; }
div#siteNav li { position: relative; z-index: 1000; float: left; height: 31px; background: url(images/sitenav-li.gif) no-repeat right; }
div#siteNav li div.active { position: absolute; top: 47px; left: 0; height: 10px; width: 97%; background: #6A9FD3;
-moz-border-radius-bottomleft: 4px;
-webkit-border-bottom-left-radius: 4px;
-moz-border-radius-bottomright: 4px;
-webkit-border-bottom-right-radius: 4px;
z-index: 1;
 }
*:first-child+html div#siteNav li div.active { display: none; }
* html div#siteNav li div.active { display: none; }
div#siteNav li.last { background: url(images/sitenav-li-last.gif) no-repeat right; }
div#siteNav a { position: relative; display: block; padding: 7px 14px; }
div#siteNav ul ul { display: none; position: absolute; z-index: 30; top: 30px; left: -2px; width: 20em; background: #FFF; border: #000 solid 1px; }
div#siteNav ul ul a:link,
div#siteNav ul ul a:visited,
div#siteNav ul ul a:hover,
div#siteNav ul ul a:active { z-index: 100; color: #000; }
div#siteNav ul ul a:hover { background: #E99619; }
div#siteNav li li { line-height: 1; float: none; height: auto; border-bottom: #000 solid 1px; background: none; }
div#siteNav li li.last { background: none; border-bottom: none; }
div#siteNav li li a { display: block; padding: 4px; height: auto; width: auto; line-height: 1; }

ul#subNav { position: absolute; top: 38px; right: 0; }
ul#subNav li { float: left; }
ul#subNav a { background: url(images/subnav-a.gif) no-repeat left; display: block; padding: 4px 12px 4px 25px; }
ul#subNav a.img { background: none; padding: 0px 2px 4px 0px;} /* Added by Abdul for Social Media Icons */

ul#subNav li.rss { padding-left: 3px; }
ul#subNav li.rss a { position: relative; top: 3px; width: 14px; height: 14px; background: url(images/rss.png) no-repeat 0 0; display: block; text-indent: -9999px; padding: 0; }

/* HOME BANNER
---------------------------------------------- */

#homeBanner { position: relative; z-index: 0; background: url(images/homebanner.jpg) no-repeat 0 0; width: 927px; height: 211px; margin: -84px 0 20px 12px; }
#intro, #intro h2, #intro p, #homeBanner h5 a { position: absolute; }
#intro { bottom: 28px; right: -10px; background: url(images/intro.png) no-repeat 0 0; width: 625px; height: 137px; }
#intro h2 { top: -9999px; }
#intro p {top: 70px; right: 90px; text-align: right; width: 350px; color: #112D74; }
#intro div.addthis_container { display: none; }
#homeBanner h5 a { z-index: 2000; bottom: 0; left: 0; background: url(images/homebanner-h5-a.png) no-repeat 0 0; width: 169px; height: 86px; display: block; text-indent: -9999px; }

/* HOME CONTENT
---------------------------------------------- */

#hc { position: relative; left: 12px; background: url(images/hc.gif) repeat-y 0 0; width: 926px; }
#hc div.t { background: url(images/hc-t.gif) no-repeat 0 0; }
#hc div.b { background: url(images/hc-b.gif) no-repeat bottom left; padding-bottom: 42px; }
#hc li { float: left; width: 302px; margin-right: 10px; }
#hc li#hnews { margin-right: 0; }
li#hnews h3.title { margin-bottom: 6px; }
li#hnews span.date { color: #FF9900; }
li#hnews strong a:link, li#hnews strong a:visited, li#hnews strong a:active { color: #140A50; }
#hc p.moreNews { padding-right: 16px; }
#hc p.moreNews a { background: url(images/more.gif) no-repeat 0 0; width: 69px; height: 17px; display: block; text-indent: -9999px; margin-left: auto; }

#hc h1, #hc h2, #hc h3, #hc h4, #hc h5, #hc h6, #hc p { padding: 0 8px; }
#hc p { margin-bottom: 18px; }

#hc ul ul { list-style: disc; padding: 0 8px 0 24px; margin-bottom: 18px; }
#hc ul ul li { float: none; }
#hc ol { list-style: decimal; padding: 0 8px 0 24px; margin-bottom: 18px; }

#hc h3.title { position: relative; padding: 2px 0 8px 9px; color: #FFF; font-size: 15px; }

#hc h4 a:link, #hc h4 a:visited, #hc h4 a:hover, #hc h4 a:active { color: #E8941A; font-size: 14px; padding: 4px 0 4px 21px; background: url(images/arrow_blue.gif) no-repeat left; display: block; margin-bottom: 10px; }

#hc div.tweetmeme_button { display: none;} /* Do not display Tweetmeme button on homepage */
#hc #fb_share_1 { display: none;} /* Do not display Facebook Share button on homepage */

/* CONTENT
---------------------------------------------- */

#content { position: relative; margin-top: -84px; width: 702px; float: right; background: url(images/content.gif) repeat-y 0 0; }
#content div.t { background: url(images/content-t.gif) no-repeat 0 0; }
#content div.b { background: url(images/content-b.gif) no-repeat bottom left; padding: 57px 18px; 48px; min-height: 400px; }
#content div.b.calc { padding-top: 9px; }
#content div.b.calc .addthis_container { display: none; }

#content h1, #content h2, #content h3 { background: url(images/arrow_blue.gif) no-repeat left; padding: 4px 0 4px 21px; }
#content h1 { font-size: 21px; color: #4F88CE; margin-bottom: 14px; }
#content h2 { font-size: 19px; color: #E8941A; margin-bottom: 12px; }
#content h3 { font-size: 15px; color: #4F88CE; margin-bottom: 6px; }
#content h4 { font-size: 14px; color: #E8941A; margin-bottom: 3px; }
#content p, #content ul, #content ol { margin-bottom: 18px; }
#content ul { list-style: disc; }
#content ol { list-style: decimal; }
#content ul, #content ol { padding: 0 18px 0 36px; }
#content ul ul { padding-right: 0; margin-bottom: 0; }
#content object, #content embed { display: block; margin-bottom: 18px; }
#content p a {text-decoration: underline;}

#pageArt { float: right; margin: 0 -18px 12px 24px; }
#pageArt.about { background: url(images/about.gif) no-repeat 0 0; width: 150px; height: 277px; }
#pageArt.solutions { background: url(images/sec_content_bg_solutions.gif) no-repeat 0 0; width: 175px; height: 327px; }
#pageArt.partners { background: url(images/sec_content_bg_partners.gif) no-repeat 0 0; width: 167px; height: 320px; }
#pageArt.news { background: url(images/sec_content_bg_news.gif) no-repeat 0 0; width: 272px; height: 281px; }
#pageArt.support { background: url(images/sec_content_bg_support.gif) no-repeat 0 0; width: 165px; height: 282px; }
#pageArt.contact { float: none; position: absolute; right: 18px; top: 28px; background: url(images/sec_content_bg_contact.gif) no-repeat 0 0; width: 240px; height: 327px; }

div.post { position: relative; padding-top: 18px; border-bottom: #96A3B6 dotted 1px; }
div.post.first { padding-top: 0; }
div.post.last { border-bottom: none; }
#content div.post h2 { font-size: 19px; color: #E8941A; line-height: 10px; margin-bottom: 0px;}
#content p.postmetadata { font-size: 11px; }

#commentform textarea { width: 50%; }
#commentform label small { padding: 0; }

#ne { margin: 0 18px; }
#partner { margin: 0 36px; }
#partner td { vertical-align: top; }
#partner td p { padding: 0; margin: 0; }
#partner td.logo { width: 183px; padding-right: 12px; }
#partner td.data { padding-bottom: 24px; }
#ne th.date { width: 110px; text-align: right; padding-right: 20px; font-weight: bold; color: #E8941A; }
#ne th.date img { position: relative; top: 6px; }
#ne td.desc p, #ne td.desc h1, #ne td.desc h2, #ne td.desc h3, #ne td.desc h4, #ne td.desc h4, #ne td.desc h6, #ne td.desc ul, #ne td.desc ol { padding: 0; }

div.hr { background: url(images/div_dotted.gif) repeat-x 0 0; height: 1px; margin: 0 0 18px; }

/* CALCULATOR STYLES */
div#calculator { position: relative; margin-left: -18px; background: url(images/sec_content_corner_bg_calc.gif) no-repeat 0 0; }
*:first-child+html div#calculator { height: 1%; }
div#calculator fieldset { margin-left: 140px; }
div#calculator h2 { font-size: 14px; color: #140A50; background: none; padding: 74px 20px 0 160px; margin: 0 0 18px; }
div#calculator h2 span { font-size: 18px; }
div#calculator p { padding: 0; margin-bottom: 8px; }
div#calculator div.input { position: relative; margin-bottom: 6px; }

div#calculator label { position: relative; top: 6px; margin-right: 6px; display: block; float: left; width: 200px; }
div#calculator input.text { float: left; width: 200px; }

div#dayNight { margin-bottom: 30px; }
div#dayNight label { width: 300px; text-align: right; }
div#dayNight input.text { width: 40px; }

fieldset#contact label { width: 80px; }
div.ContactFormItems { position: relative; z-index: 1; }
div.ContactFormItems td { padding-bottom: 6px; vertical-align: top; }
div.ContactFormItems input, div.ContactFormItems textarea { margin-left: 12px; }

div#calculator input.submit { position: relative; left: 86px; font-size: 14px; cursor: pointer; }

/* CALCULATOR RESULTS STYLES */

#content div.b.calc div.sociable { display: none; }
div#calculator.results { padding: 74px 20px 2in 140px; }

table#results { border-collapse: collapse; }

col#consumption { background: #FFF; }
col#offPc { background: #B7EBB7; }
col#wyseOn { background: #69D169; }
col#wyseOff { background: #3D9C3D; }

table#results th, table#results td { vertical-align: middle; }
table#results th { font-weight: bold; background: #FFF; padding: 8px; font-size: 11px; }
table#results td { border: #4A5864 solid 1px; text-align: right; font-size: 14px; padding: 22px 8px 22px 0; }
table#results td.null { border: none; }
table#results tr#savings td { font-weight: bold; }
table#results td#s1 { border-color: #E99619 #4A5864 #E99619 #E99619; border-width: 3px 1px 3px 3px; }
table#results td#s2 { border-color: #E99619 #4A5864 #E99619 #4A5864; border-width: 3px 1px 3px 1px; }
table#results td#s3 { border-color: #E99619 #4A5864 #E99619 #4A5864; border-width: 3px 1px 3px 1px; }
table#results td#s4 { border-color: #E99619 #E99619 #E99619 #4A5864; border-width: 3px 3px 3px 1px; }

/* DELL IMPORTANT JAVASCRIPT HTML */
#ultraLevel #content .wc-module-width { width: 100% !important; }
#ultraLevel #content .wc-module-width td { vertical-align: top !important; }
#ultraLevel #content .wc-left-nav-bar { display: none !important; }

.addthis_container { margin-bottom: 12px; }
.sociable { margin-bottom: 12px; }


/* SIDEBAR
---------------------------------------------- */

#sidebar { position: relative; width: 211px; float: left; margin-left: 13px; background: url(images/sidebar.gif) repeat-y 0 0; }
#sidebar div.t { background: url(images/sidebar-t.gif) no-repeat 0 0; }
#sidebar div.b { background: url(images/sidebar-b.gif) no-repeat bottom left; padding: 42px 0 8px; }
*:first-child+html #sidebar div.b { height: 1%; }

#sidebar h1, #sidebar h2 { background: url(images/arrow_orange.gif) no-repeat left; padding: 4px 0 4px 21px; margin-left: 12px; margin-right: 12px; line-height: 1; }

#sidebar h1, #sidebar h2 { color: #4F88CE; font-size: 21px; font-weight: normal; margin-bottom: 14px; }
#sidebar h1, #sidebar h2, #sidebar h3 { font-size: 18px; }
#sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6 { color: #FF9900; }

#sidebar h1, #sidebar h2, #sidebar h3 { margin-bottom: 6px; }
#sidebar h3, #sidebar h4, #sidebar h5, #sidebar h6, #sidebar p { padding: 0 12px; }
#sidebar p { margin-bottom: 18px; overflow: hidden; }

#sidebar ul, #sidebar ol { padding: 0 8px 0 12px; list-style-position: inside !important; margin-bottom: 18px; }
#sidebar ul { list-style: disc; }
#sidebar ol { list-style: decimal; }

#sidebar div.media { position: relative; padding: 0 12px; margin-bottom: 12px; }
#sidebar div.media h4, #sidebar div.media p { padding-left: 60px; }
#sidebar div.media h4 { font-weight: normal; font-size: 14px; padding: 0 0 0 45px; }
#sidebar div.media img.icon { position: absolute; top: 0; left: 12px; }
#sidebar div.media p { margin: 0; padding: 0 0 0 45px; }
#sidebar p.co { margin-bottom: 6px; }

ul#blogNav { list-style: none; }
ul#blogNav ul { list-style: disc; }
ul#blogNav ul ul { margin-bottom: 0; }
form#searchform { display: block; margin-bottom: 18px; }
form#searchform label { display: block; }
form#searchform input.text { margin-bottom: 6px; width: 110px; }

/* FORM STYLES
---------------------------------------------- */

select, input.text, .cf_error, textarea { border: #89929F solid 1px; padding: 5px 2px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; }
.cf_error { border: #CC0000 solid 1px; background: #FCE8EB; }

input.submit { background: #6D6D6D; border: #ECA438 solid 2px; color: #FFF; -moz-border-radius: 5px;
-webkit-border-radius: 5px; font-size: 14px; }

/* COMMENT STYLES
---------------------------------------------- */

#content ol.commentlist { list-style: none; padding: 0; margin: 0 18px 12px; font-size: 11px; }
#content ol.commentlist p { padding: 0; }
#content li.comment.odd { background: #F1F1F1; }
#content li.comment.even { background: #E9E9E9; }
.commentlist li .avatar { float: right;	margin-top: 8px; margin-right: 8px; border: 1px solid #eee; padding: 2px; background: #fff; }
div.comment-author { padding-top: 8px !important; }
div.comment-author, div.comment-meta { padding: 0 8px; }
#content .commentlist a:link,
#content .commentlist a:visited,
#content .commentlist a:active { color: #333; font-weight: bold; }
#content ol.commentlist p { padding: 0 8px 9px; margin-bottom: 0; }


/* FOOTER
---------------------------------------------- */

#footer { clear: both; position: relative; padding: 12px 0 48px; left: 12px; text-align: center; }
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active { color: #C9CBD1; }
#footer p { color: #C9CBD1; font-size: 11px; }

/* MISC
---------------------------------------------- */
#idSharedVue h1, #idSharedVue h2, #idSharedVue h3 {background:none;}