* { margin: 0px; padding: 0px; }
body { background-color: #eaeaea; font-size: 62.5%; line-height: 1.5; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #555; text-align: center; }

/* Layout Styles */
#wrapper { font-size: 12px; background-color: #fff; margin: 0 auto; text-align: left; width: 1008px; }
#inner-wrapper { height: 1%; background-color: #fff; width: auto; border-style: solid; border-width: 5px 1px 1px 1px; border-color: #ccc #d8d8d8 #d8d8d8 #d8d8d8; }
#header { margin: 24px 24px 0px 24px; }
#header h3.right { font-size: 13.5px !important; }
#banner-home { }
#main { }
#content { float: left; width: 688px; margin-bottom: 24px; }
#sidebar { float: right; width: 258px; margin-bottom: 24px; }
#footer { text-align: left; width: 1008px; margin: 20px auto; color: #666; }
#breadcrumbs-holder { border: 1px solid #ececec; padding: 8px; margin-bottom: 12px; }
.wrap { margin: 0px 24px; }

/* Layout Elements */
.threecol { float: left; margin-right: 11px; margin-top: 12px; }
.threecol .inner { width: 312px; }
.threecol img { border: 1px solid #ececec; margin-bottom: 8px; }
.threecol p { width: 312px; }

form.subscribe-form input { margin-top: 6px; width: 240px; float: left; }
form.subscribe-form a { display: block; background-color: #ba2028; font-size: 9px; line-height: 12px; color: #fff; padding: 4px; margin-top: 8px; float: left; margin-left: 4px; text-decoration: none !important; }

div.standout { float: right; margin: 12px 0 12px 12px; padding: 10px; background-color: #efeee5; font-size: 18px; font-style: italic; font-family: georgia, times, 'times new roman'; line-height: 28px; }
div.standout p { width: 205px; margin-bottom: 0px; color: #555; }
div.standout p span.small { font-style: normal; font-size: 11px; line-height: 16px; display: block; text-align: right; }

.twocol-left { float: left; width: 47%; }
.twocol-right { float: right; width: 47%; }

p.intro { font-size: 1.2em; color: #888; }

.bottom { font-size: 0.9em; line-height: 18px; color: #777; }
.bottom ul { margin: 4px 0 15px 12px; }
.bottom h4, .bottom h4 a { color: #222 !important; }

div.search-notfound { clear: both; margin-top: 8px; }
.search-box-top { width: 214px !important; border: 1px solid #ccc; padding: 4px 4px 4px 4px; float: left; }
#call-to-action { clear: both; border-top: 1px solid #ececec; padding: 12px 0px; }
#call-to-action .text { float: left; width: 520px; }
#call-to-action .text h3 { color: #9f2027; }
#call-to-action .buttons { float: left; margin:4px 0 0 24px; }

/* Previous/Next */
.compass-nav-prevnext { border-top: 1px solid #ececec; margin-top: 15px; }
.compass-nav-prevnext p { margin: 8px 0px; }
.compass-nav-prevnext a { color: #333; background: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/prevnext_right.png) no-repeat top right; display: block; font-size: 11px; font-weight: bold; padding-right: 10px; }
.compass-nav-prevnext a span { background: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/prevnext_left.png) no-repeat top left; display: block; line-height: 24px; padding-left: 10px; text-shadow: #fff 0 1px 0; }
.compass-nav-prevnext p.prev a { float: left; }
.compass-nav-prevnext p.next a { float: left; }

/* Testimonial */
#testimonial { clear: both; border-bottom: 12px solid #d8d8d8; border-top: 7px solid #eff0f1; }
#testimonial img.photo { margin-top: -36px; float: left; }
#testimonial p.credentials { font-weight: 600; margin-top: 12px; }
#testimonial span.name { color: #999; }
#testimonial span.company { color: #757575; }
#testimonial p.testimonial-body { font-size: 1.15em; }

/* WEBSITE ELEMENTS
*************************************************/
a#schedule-demo-button { display: block; width: 186px; height: 62px; background: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/call-to-action2.png) left top no-repeat; }
a#ask-a-question-button { display: block; width: 170px; height: 62px; background: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/call-to-action2.png) -194px 0 no-repeat; }

#sidebar div.compass-nav-siblings ul li  a { }
#sidebar div.compass-nav-siblings ul li.active a { color: #444; font-weight: bold; text-decoration: none !important; }
#sidebar div.compass-nav-siblings ul, #sidebar div.compass-nav-children ul { list-style-type: none; margin-left: 0px; }
#sidebar div.compass-nav-siblings ul li, #sidebar div.compass-nav-children ul li { padding-left: 8px; border-bottom: 1px solid #fff; }
#sidebar div.compass-nav-siblings ul li a, #sidebar div.compass-nav-children ul li a { font-size: 0.9em; line-height: 24px; padding-left: 15px; }
#sidebar div.compass-nav-siblings ul li a { background: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/bullet-open.gif) no-repeat 0% 50%; }
#sidebar div.compass-nav-siblings ul li a:hover,
 	#sidebar div.compass-nav-siblings ul li.active a { background: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/bullet-black.gif) no-repeat 0% 50%; }

ul.contact-buttons { list-style-type: none; margin: 0px 0px 18px 0px; padding: 0px; }
ul.contact-buttons li { }
ul.contact-buttons li a { display: block; width: 258px; background-image: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/contact_buttons.jpg); background-repeat: no-repeat; }
ul.contact-buttons li a:hover { text-decoration: none !important; }
ul.contact-buttons li.demo a { height: 64px; background-position: 0px 0px; }
ul.contact-buttons li.contact a { height: 30px; background-position: 0px -64px; }
ul.contact-buttons li.phone { margin-top: 6px; }
ul.contact-buttons li.phone a { height: 30px; background-position: 0px -100px; }

p.what-is-compass { font-family: georgia, times, 'times new roman'; font-size: 1.15em; line-height: 24px; color: #999; font-style: italic; }
p.what-is-compass strong { font-weight: normal; color: #ba2028; }
p.what-is-compass a { display: block; text-align: right; font-size: 0.87em; font-style: normal; }

ul.social-media { float: right; list-style-type: none; margin: 0px; padding: 0px; }
ul.social-media li { float: left; }
ul.social-media li a { cursor: pointer; line-height: 19px; height: 19px; display: block; float: left; background-image: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/social-media-icons.gif); background-repeat: no-repeat; }
ul.social-media li.twitter a { width: 124px; background-position: 0 0; }
ul.social-media li.facebook a { width: 83px; background-position: -124px 0; }
ul.social-media li.sharethis a { width: 107px; background-position: -207px 0; }

/* Platform Icons */
ul.platform-icons { list-style-type: none; margin: 0px; padding: 0px; }
ul.platform-icons li { float: left; }
ul.platform-icons li a { cursor: pointer; line-height: 76px; height: 76px; display: block; float: left; background-image: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/platform-icons.gif); background-repeat: no-repeat; }
ul.platform-icons li.easy a { width: 70px; background-position: 0 0; }
ul.platform-icons li.collaborate a { width: 93px; background-position: -70px 0; }
ul.platform-icons li.search a { width: 103px; background-position: -163px 0; }
ul.platform-icons li.blog a { width: 80px; background-position: -266px 0; }
ul.platform-icons li.social-media a { width: 88px; background-position: -346px 0; }
ul.platform-icons li.analytics a { width: 95px; background-position: -434px 0; }

/* Navigation */
div.compass-nav-top ul { list-style-type: none; margin: 8px 0px; padding: 0px; float: right; }
div.compass-nav-top ul li { float: left; font-size: 12px; font-family: verdana; text-transform: uppercase; position: relative; }
div.compass-nav-top ul li a { background-color: #fff; display: block; float: left; padding: 4px 18px; margin: 0 1px; color: #404040; font-weight: bold; text-decoration: none; }
div.compass-nav-top ul li.active a, div.compass-nav-top ul li.section a { /*background-color: #ba2028;*/ color: #ba2028; }

/* Bottom Nav */
div.bottom-nav { width: 600px; }
div.bottom-nav h3 { margin-bottom: 8px; }
div.bottom-nav h3 a { color: #555; font-size: 0.9em; }
div.bottom-nav ul { list-style-type: none; margin: 0px; }
div.bottom-nav ul li { float: left; width: 150px; line-height: 18px; }
div.bottom-nav ul li a { color: #666; }

/* Breadcrumbs */
#breadcrumbs-holder ul.compass-nav-breadcrumbs { float: left; margin: 0; padding: 0; height: 21px; display: block; }
#breadcrumbs-holder ul.compass-nav-breadcrumbs li { display: block; float: left; position: relative; height: 21px; overflow: hidden; line-height: 21px; margin: 0px 6px 0px 0; padding: 0px 10px 0px 0; font-size: .9167em; background: url(images/crumbs-arrow.gif) no-repeat 100% 0; }
#breadcrumbs-holder ul.compass-nav-breadcrumbs li div.chevronOverlay { position: absolute; right: 0; top: 0; z-index: 2; }
#breadcrumbs-holder ul.compass-nav-breadcrumbs li span { display: block; overflow: hidden; }
#breadcrumbs-holder ul.compass-nav-breadcrumbs li a { display: block; position: relative; height: 21px; line-height: 21px; overflow: hidden; float: left; font-size: 0.9em; }
#breadcrumbs-holder ul.compass-nav-breadcrumbs li:first-child a { height: 16px !important; text-indent:-1000em; width:16px; padding: 0; margin-top: 2px; overflow: hidden; background: url(images/icon-home.gif) no-repeat 0 0; }
#breadcrumbs-holder ul.compass-nav-breadcrumbs li:first-child a:hover { background-position: 0 -16px; }
#breadcrumbs-holder ul.compass-nav-breadcrumbs li:last-child { background: none; margin-right: 0; padding-right: 0; }

/* Text Styles */
a { color: #0072cf; text-decoration: none; }
a:hover { /*color: #222;*/ text-decoration: underline; }
a.more { white-space: nowrap; padding-right: 10px; background: url(http://c0400421.cdn.cloudfiles.rackspacecloud.com/inc/ui/compass/images/arrow_more.gif) no-repeat 100% 50%; }
p { margin-bottom: 18px; }
blockquote { margin-left: 45px; }
ol, ul { margin: 15px 0px 15px 25px; }
ul { list-style-type: square; }
ul.noBullets, ul.noBullets li { list-style-type: none; }
.highlight { background-color: #ffffcc; padding: 1px; }
.dark { color: #000; }
#wrapper strong { color: #333; }

h1, h2, h3, h4 { color: #000; }
h1 { font-size: 32px; font-weight: normal; letter-spacing: -0.5px; }
h2 { font-size: 24px; font-weight: normal; letter-spacing: -0.3px; }
h3 {  font-size: 14px; letter-spacing: -0.2px; }
h4 { font-size: 12px; }


/* Utility Styles */
.left { display: block; float: left; }
.right { display: block; float: right; }
.clear { display: block; clear: both; }
.show { display: block; }
.hide { display: none; }
.last { margin-right: 0px !important; }
.border { border-top: 1px solid #ececec; }
img.border { border: 1px solid #d8d8d8; }
span.caption { display: block; margin-top: 6px; font-size: 10px; }

p.clear { height: 1px !important; line-height: 1px !important; padding: 0px !important; margin: 0px !important; clear: both !important; }
#inner-wrapper p.clear { background-color: #fff !important; }

/* Misc Styles */
img { border: 0; }


/* 
* COMPASS STYLES
*************************************************/

/* Search Form */
div.search-result { margin-bottom: 20px; }
div.search-result p { margin: 0px !important; }
div.search-result p.search-title a { }
div.search-result p.search-title span.mime { font-size: 10px; }
div.search-result p.search-body { font-size: 13px; line-height: 21px; }
div.search-result p.search-url { font-size: 12px; line-height: 21px; color: #777; }

div.search-navigation { }
div.search-navigation ul { list-style-type: none; }
div.search-navigation ul li { float: left; }
div.search-navigation ul li a { display: block; float: left; padding: 0px 8px; }
div.search-navigation ul li.active { font-weight: bold; padding: 0px 8px; }

p.search-meta { font-size: 12.5px; border-bottom: 1px solid #e6e6e6; padding-bottom: 8px; }
p.search-spelling a { font-weight: bold; font-style: italic; }
p.search-no-results-text span { font-weight: bold; }

div.search-form { margin-bottom: 12px; }
div.search-form input[name=search_query].light { color: #999; }

/* Form Styles */
input[type=image] { width: auto !important; }
div.cwp-contact { float: left; }
input#cm-tjyuht-tjyuht { border: 1px solid #ccc; padding: 4px; font-size: 11px; }


.form-wrap { width: 450px; }
.form-wrap .field-row { clear: both; padding-top: 10px; width: 450px; }
.form-wrap div.field-row div.label { float: left; width: 125px; text-align: right; }
.form-wrap div.field-row div.field { float: left; width: 315px; padding-left: 10px; }

.form-wrap input.submit, .button { cursor: pointer; width: auto !important; border: 1px solid #9f1018; font-size: 11px; background-color: #ba2028 !important; color: #fff !important; padding: 4px 12px; margin-top: 8px; }
.form-wrap input, .form-wrap textarea { font-size: 11px !important; border: 1px solid #ccc; width: 300px; padding: 4px; }
.form-wrap input:focus, .form-wrap textarea:focus { background-color: #fefce6; }
.form-wrap fieldset { width: auto; border: 1px solid #C9C9C9; padding: 6px; margin: 2px 0; }
.form-wrap fieldset input { width: 30px !important; border: 0px; }
.form-wrap legend { color: #444; }

.invalid { color: #ba2028; font-weight: bold; }
.required-star { color: #ba2028; }
.below-textfield { font-size: 10px; color: #808080; }

/* Form Elements */
.form-wrap div.field-row.submit { margin-left: 135px; }
.form-wrap div.field-row.select div.label { }
.form-wrap div.field-row.select div.field { }
.form-wrap div.field-row.select div.field select { padding: 3px 6px; }

.form-wrap div.field-row.checkbox div.field input { width: auto !important; }
.form-wrap div.field-row.checkbox div.label { float: left; width: 315px; text-align: left; padding-left: 10px; }
.form-wrap div.field-row.checkbox div.field { float: left; width: 125px; text-align: right; margin-top: 2px; padding-left: 0px; }
.form-wrap div.field-row.checkbox div.label { font-weight: normal; font-size: 11px; }

/* Form Section */
.form-section h2.section-heading { font-size: 13px; margin-top: 0px; padding: 4px 0px; display: block; font-weight: bold; }
.form-section { clear: both; margin: 8px 0px; }
.form-section div.form-section-body { }
.form-section h2.section-heading span.toggler { display: block; float: right; width: 30px; height: 30px; }
.form-section h2.section-heading span.toggler.close { }
.form-section h2.section-heading span.toggler.open { }

/* Press Releases */
.news-press-listing h1 { margin-bottom: 12px; }
.news-press-listing p { padding-bottom: 8px; border-bottom: 1px dotted #cccccc; margin-bottom: 8px; }
.news-press-listing p strong { color: #666 !important; font-weight: normal; }
.news-press-listing ul { list-style-type: disc; margin: 0; padding: 0; }
.news-press-listing ul li { display: inline; padding-right: 8px; font-weight: bold; }

/*
* BLOG
*************************************************/
div.blog-category-cloud a { color: #ccc; line-height: 1.1em;}
div.blog-category-cloud a:hover { color: #2677c7; }

/* New */
.blog-next-to-post-buttons { float: left; margin-right: 12px; }
.blog-next-to-post-buttons .fb-share-button { padding: 5px 0px; }

/* Comment Form */
#blog-comment-form-errors { margin: 8px 0 0 0; padding: 0; }
.blog-comments-box-wrapper { background-color: #f3f3f3; border: 1px solid #cbcbcb; border-top: 2px solid #6a86b6; -moz-border-radius: 4px; -webkit-border-radius: 4px; padding: 10px; }
#CommentBody { border: 1px solid #c9d2e0; font-family: helvetica; font-size: 12px; width: 642px; height: 70px; -moz-border-radius: 3px; -webkit-border-radius: 4px; padding: 8px; }
#CommentAuthor, #CommentUrl, #CommentEmail { border: 1px solid #c9d2e0; width: 312px; -moz-border-radius: 3px; -webkit-border-radius: 4px; }
#CommentSubmit { padding: 8px 20px; }

#AuthorUrlWrap { margin: 10px 0px; }
#CommentAuthorWrap { float: left; width: 314px; }
#CommentUrlWrap { float: right; width: 314px; margin-right: 12px; }
#CommentEmailWrap { width: 314px; }
#CommentSubmitWrap { float: left; }

#facebook-options { float: left; margin-left: 12px; margin-top: 10px; display: none; }
#facebook-options span { color: #888; font-size: 11px; }
#facebook-options input#FBWall { width: auto; }

#sidebar ul.blog-popular-posts, #sidebar ul.blog-recent-posts { list-style-type: none; margin-left: 0px; padding-left: 0px; }
#sidebar ul.blog-popular-posts li, #sidebar ul.blog-recent-posts li { line-height: 20px; font-size: 11.5px; }
#sidebar ul.blog-popular-posts li span, #sidebar ul.blog-recent-posts li span { display: block; color: #999; }

p.blog-intro { font-size: 15px; line-height: 24px; }

a.more-link { background-color: #fbee99; color: #000; }
a.more-link:hover { text-decoration: underline; }

/* Post Headers */
p.post-info, p.post-info-category, .post-info-comments { font-size: 0.95em; }
p.post-info-category { float: left; margin: 0px !important; font-size: 0.95em; }
p.post-info-comments { float: right; margin-top: 0px !important; font-size: 0.95em; }
div.post-header { margin-left: -24px; background: url(images/h1-marker.gif) left top no-repeat; padding-left: 24px; }

/* Post Titles and Headings */
h1.post-title { margin-bottom: 0px; }
h1.post-title a { color: #000; }
h2.post-title { margin-bottom: 4px; }
h2.post-title a { color: #000; }
h1.category-title, h1.tag-title, h1.date-title { margin-bottom: 24px !important; }
h3.share-post, .related-posts h3 { font-size: 18px; line-height: 23px; color: #808080; font-weight: bold; margin-bottom: 8px; }

/* Post Body */
div.post { margin-bottom: 24px; padding-bottom: 12px; border-bottom: 2px solid #ddd; }
div.post-body { margin-top: 6px; padding: 4px 0px; border-top: 1px solid #ddd; }
div.post-body p.blog-intro img { border: 4px solid #e6e6e6; margin: 0px 8px 8px 0px; }

/* Post Footer */
div.post-footer { padding: 8px 0px 0px 0px; border-top: 1px solid #ddd; }
div.post-list .related-posts { float: none; }
.related-posts { }
div.post div.related-posts { }
div.post-list div.related-posts { }
.related-posts ul { list-style-type: none !important; margin: 0px !important; }
.related-posts ul li { font-size: 0.95em; }
span.tags { color: #808080; }

p.newer-entries { float: left; }
p.older-entries { float: right; }

h3.blog-next-steps, .related-posts h3, h3.blog-responses-title { font-size: 1.35em; margin-bottom: 0.2em;  }
h3.blog-responses-title { margin-top: 24px !important; }

.post-share { padding: 10px 0px; }
div.post-share a { font-size: 0.95em; }
p.post-info { margin: 0px !important; color: #999; }
p.blog-separator { margin: 4px 0px;  }


/* Comments */
h3.blog-comments-title { margin-top: 12px; font-size: 1.35em; }
h3.blog-comments-title img { width: 14px; height: 14px; }
div.post-responses { clear: both; margin-top: 40px !important; }
h3.blog-responses-title { }
div.comment { padding: 12px 10px; border-bottom: 1px solid #ddd; font-size: 0.9em; }
div.comment-author { float: left; width: 180px; line-height: 18px; margin: 0px !important; }
	div.comment span.author { display: block !important; }
	div.comment span.date { display: block !important; color: #999; }
div.comment-entry { margin-left: 190px; }
div.comment-entry p { margin: 15px 0px; }
div.post-comments { margin-top: 25px; border-top: 1px dotted #ccc; }
img.gravatar, p.gravatar { float: left; margin: 0 4px 0 -5px !important; }

div.official-comment { background-color: #ecf2f7; border-color: #cddfef !important; }
div.official-comment-notice { background-color: #ecf2f7; border: 1px solid #cddfef; margin: 10px 0px; padding: 10px; color: #444; }
div.official-comment-notice h4 { font-size: 14px; color: #444; font-weight: bold; }

/* Comment Form */
#leave-a-reply h3 { font-size: 1.6em; margin: 12px 0px; }
#commentForm { padding-bottom:15px; }
#commentForm small { font-size: 95%; }
#commentForm p { margin: 0 0 5px 0px; }
input#CommentAuthor, input#CommentEmail, input#CommentUrl, textarea#CommentBody { color: #333; border: 1px solid #bbb; padding: 4px; margin: 0px 4px 0px 0px; }
#commentForm p.verifyEmail { display: none; }
textarea#CommentBody { overflow: auto; }
#leave-a-reply input#CommentSubmit { background-color: #4b6ea9 !important; color: #fff; padding: 6px 18px !important; margin: 8px 0px 0 0; border-style: solid; border-width: 1px; border-color: #e0e5ee #102d6e #102d6e #e0e5ee; }
.blog-comments-box-wrapper { margin-top: 4px; }

.invalid { font-weight: bold; color: #cc3333; }

p.commentCaption { padding: 5px; margin: 0px !important; color: #555; font-size: 0.9em; }

/* Blog: Comment Links */
div.post-responses ul li { font-size: 0.95em; }
div.post-responses ul li span { display: block; color: #999; line-height: 16px; }
div.post-responses ul li span a.comlink,
 	div.comment span.date a.comlink { color: #999; text-decoration: none; font-weight: normal; }
div.post-responses ul li span a.comlink:hover, 
 	div.comment p.comment-author span.date a.comlink:hover { color: #999 !important; text-decoration: underline !important; background-color: transparent !important; }

/* Blog: Plugins */
ul.blog-popular-posts ul li span { display: block; color: #999; line-height: 16px; }

/* Blog: Archives */
p.archives-description { margin: 4px 0px 12px 0px; }
#archives-by-date span { font-size: 0.95em; }
#archives-by-date span.year { font-weight: bold; }
#archives-by-date span.empty-month { color: #999; }
#archives-by-category { margin-top: 12px; }
#archives-by-category ul li span { display: block; color: #999; line-height: 16px; margin-bottom: 8px; }
div.archives-category-container { float: left; width: 49%; padding-top: 12px; border-top: 1px solid #e6e6e6; }

div.archives-category-container ul { }

div.archives-category-container p, 
	div.archives-category-container ul li { font-size: 0.95em; }
div.archives-category-container a.category-title { font-size: 14px; color: #000; }
div.archives-category-container a.category-title:hover { text-decoration: underline; }
div.archives-category-container p.description { color: #666; margin: 4px 0px; }
div.cat-container-1, div.cat-container-3,
	div.cat-container-5, div.cat-container-7,
	div.cat-container-9, div.cat-container-11,
	div.cat-container-13, div.cat-container-15,
	div.cat-container-17, div.cat-container-19,
	div.cat-container-21
		{ clear: both; }
div.cat-container-1, div.cat-container-2 { margin: 12px 0px; }


/* Blog: Share Widget */
.post-share { margin: 12px 0px; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }


fb\:profile-pic { margin: 0px; }
fb\:name b { font-weight: normal !important; }

#blog-login-info .fb-profile-pic img { float: left; margin: 5px 10px 15px 0;}
#blog-login-info fb\:profile-pic { height: 35px !important; }
#blog-login-info fb\:profile-pic { width: auto !important; height: 35px !important; }

ul.share-icons { margin: 0px !important; padding: 0px !important; list-style-type: none; }
ul.share-icons li { margin: 0px; padding: 0px; list-style-type: none; background-image: url(/inc/ui/cms/images/social-media-icons.png); background-repeat: no-repeat; float: left; width: 45px; height: 44px; margin-right: 8px; }
ul.share-icons li a { float: left; display: block; width: 45px; height: 44px; }
ul.share-icons li a:focus { outline: none; }
ul.share-icons li.facebook { background-position: -8px -8px; }
ul.share-icons li.sharethis { background-position: -59px -8px; }
ul.share-icons li.twitter { background-position: -110px -8px; }
ul.share-icons li.delicious { background-position: -162px -8px; }
ul.share-icons li.stumbleupon { background-position: -214px -8px; }
ul.share-icons li.rss { background-position: -265px -8px; }
ul.share-icons li.digg { background-position: -317px -8px; }
ul.share-icons li.reddit { background-position: -369px -8px; }
ul.share-icons li.technorati { background-position: -420px -8px; }
ul.share-icons li.linkedin { background-position: -471px -8px; }
ul.share-icons li.yahoo { background-position: -523px -8px; }

ul.share-icons li a { text-align: center; line-height: 73px; font-size: 7px; color: #555; text-decoration: none;}
ul.share-icons li a:hover { text-decoration: none; color: #555; }


/* Thickbox */
#TB_secondLine { color: #666; }
#TB_next a, #TB_prev a { color: #0072cf !important; }
#TB_overlay { position: fixed; z-index:100; top: 0px; left: 0px; height:100%; width:100%; }
.TB_overlayMacFFBGHack { /*background: url(macFFBgHack.png) repeat;*/ }
.TB_overlayBG { background-color:#000; filter:alpha(opacity=75); opacity: 0.75; }
* html #TB_overlay { /* ie6 hack */position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_window { position: fixed; background: #fff; z-index: 102; color:#000; display:none; border: 10px solid #777; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; text-align:left; top:50%; left:50%; }
* html #TB_window { /* ie6 hack */position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_window img#TB_Image { display:block; margin: 15px 0 0 15px; border: 1px solid #ccc; }
#TB_caption { height:25px; padding:7px 30px 10px 25px; float:left; }
#TB_closeWindow{height:25px; padding:11px 25px 10px 0; float:right; }
#TB_closeAjaxWindow{ padding:7px 10px 5px 0; margin-bottom:1px; text-align:right; float:right; }
#TB_ajaxWindowTitle{ float:left; padding:7px 0 5px 10px; margin-bottom:1px; }
#TB_title{ background-color:#e8e8e8; height:27px; }
#TB_ajaxContent{ clear:both; padding:2px 15px 15px 15px; overflow:auto; text-align:left; line-height:1.4em; }
#TB_ajaxContent.TB_modal{ padding:15px; }
#TB_ajaxContent p{ padding:5px 0px 5px 0px; }
#TB_load{ position: fixed; display:none; height:13px; width:208px; z-index:103; top: 50%; left: 50%; margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */ }
* html #TB_load { /* ie6 hack */position: absolute; margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px'); }
#TB_HideSelect{ z-index:99; position:fixed; top: 0; left: 0; background-color:#fff; border:none; filter:alpha(opacity=0); opacity: 0; height:100%; width:100%; }
* html #TB_HideSelect { /* ie6 hack */position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }
#TB_iframeContent{ clear:both; border:none; margin-bottom:-1px; margin-top:1px; _margin-bottom:1px; }

/* Code */
div.code { width: 99%; margin: 0 !important; padding: 0.5em !important; list-style-position: inside; border: 1px solid #d3d3d0; overflow: hidden; color: #000; background-color: #f3f3f0; }
.leftCodeOption { float: left; width: 250px; }
.rightCodeOption { float: left; width: 438px; }
.optionCode { margin: 10px 0px; border-bottom: 1px solid #e6e6e6; padding-bottom: 10px;  }

/* code view */
ol.code, ol.code li, pre.code, ol.code, div.code { font: 13px/23px monospace; }
pre.code .comment { color: #939399; }
pre.code .default { color: #44c; }
pre.code .keyword { color: #373; }
pre.code .string { color: #c30; }

code { color: #cc3300; font-family: monospace; }

pre.code { margin: 12px  0px !important; padding: 0px !important; }
pre.code code { margin: 0 0 0 10px !important; padding: 0 !important; }
ol.code { width: 99%; margin: 0 !important; padding: 0 0 1px 0 !important; list-style-position: inside; border: 1px solid #d3d3d0; overflow: auto; color: #939399; }
ol.code li { float: left; clear: both; width: 99%; margin: 0; padding: 0 0 0 0.5em; background: #fff; }
ol.code li code { padding-left: 0.5em; }
ol.code li.odd, ol.code li.odd code { background: #f3f3f0; }