/*
Theme Name: Centercode Corporate
Theme URI: http://www.centercode.com
Description: Centercode's Primary Marketing Theme
Author: Centercode
Author URI: http://www.centercode.com
Version: 1.0
*/

body { background: url(img/body-bg-tile.png) top left repeat-x; text-align: center; font-family: arial, helvetica, sans-serif;  }
p { margin-bottom: 25px; }

a { color: #E34A34; font-weight: bold; text-decoration: none; }
a:hover { text-decoration: underline; color: #000; }

#container { background: url(img/body-bg.png) no-repeat; margin: 0 auto; text-align: left; width: 1020px; height: 600px;  }

#quickContact { text-align: right; height: 40px; font-size: 130%; }
#quickContact div { color: #999; padding-top: 20px; }

#logo img { margin-left: 7px; }

#pitch div { font-size: 15px; padding: 23px 0 22px 0; border: 1px solid #eee; text-align: center; }
#pitch div { -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px;  }
#pitch div { background: url(img/pitch.png) top left repeat-x #F6F6F6; color: #888; }
#pitch div a { font-weight: bold; }

/* corners */

#globalMenu #innerglobalMenu ul li a,
#globalMenu #innerglobalMenu, #subMenu div, #actionMenu, 
#pageBody #infoForm .hidden { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* top menu */

#globalMenu #innerglobalMenu { border: 1px solid #ddd; background: url(img/gmenu-bg.png) bottom left repeat-x #fff; color: #999; padding: 11px 2px; text-align: center; white-space: nowrap; }
#globalMenu #innerglobalMenu ul { margin: 0; }
#globalMenu #innerglobalMenu ul li { margin: 0; display: inline; }
#globalMenu #innerglobalMenu ul li a { border: 1px solid #dd8937; background: url(img/gmenu-item-bg.png) bottom left repeat-x #f89a3e; color: #fff; font-size: 15px; margin: 0 4px 0 5px; padding: 6px 14px; }
#globalMenu #innerglobalMenu ul li a:hover { border: 1px solid #ca422e; background: url(img/gmenu-item-hover-bg.png) bottom left repeat-x #E34A34; color: #fff; font-size: 15px; text-decoration: none; }
#globalMenu #innerglobalMenu ul li.sel a { border: 1px solid #ca422e; background: url(img/gmenu-item-hover-bg.png) bottom left repeat-x #E34A34; color: #fff; }

#banner { height: 105px; }

/* left menu */

#subMenu div { border: 1px solid #eee; background: url(img/vertmenu-grad.png) bottom left repeat-x #fff; }
#subMenu div { padding: 10px 10px 0px 10px; font-size: 12px;  }
#subMenu strong { display: block; padding-top: 3px; font-family: georgia, "times new roman", serif; }
#subMenu div ul { border-top: 1px solid #eee; list-style-type: none; margin: 6px 0px 20px 0; padding-top: 3px; position: relative; }
#subMenu div li { border-bottom: 1px solid #eee; padding: 4px 0px !important; margin: 0; font-size: 12px; position: relative; }
#subMenu div li.sel a { color: #9A320A; text-decoration: underline; }
#subMenu div li#last { border-bottom: 0; margin-bottom: -15px; }

/* right menu */

#actionMenu { border: 1px solid #eee; background: url(img/vertmenu-grad.png) bottom left repeat-x #fff; padding: 10px 10px 0px 10px; font-size: 12px; }
#actionMenu li { margin: 0; padding: 0; }
#actionMenu strong { display: block; padding-top: 3px; font-family: georgia, "times new roman", serif; }
#actionMenu ul { margin-bottom: 10px; }
#actionMenu ul#steps { border-top: 1px solid #eee; list-style-type: none; margin: 6px 0px 20px 0; padding-top: 3px; position: relative; }
#actionMenu ul#steps li { border-bottom: 1px solid #eee; padding: 4px 0px !important; margin: 0; font-size: 12px; position: relative; }

/* ---- search */

#actionMenu #search-2 { margin: 0 0 20px 0; padding: 0; list-style-type: none; position: relative; }
#actionMenu #search-2 li { margin: 0; padding: 0;  position: relative; }
#actionMenu #search-2 label { display: none;  }
#actionMenu #search-2 h2 { color: #000; font-size: 12px; font-weight: bold; margin-bottom: 8px; font-family: georgia, arial; position: relative; }
#actionMenu #search-2 #s {  border: 1px solid #ccc; background: url(img/search-bg.png) top left repeat-x #fff; padding: 4px; width: 130px; position: relative; }
#actionMenu #search-2 #s:focus { background: url(img/search-bg-focus.png) top left repeat-x #fff; border: 1px solid #d5d8aa; color: #919466; position: relative; }
#actionMenu #search-2 #searchsubmit { display: none;}

/* ---- customer logo cycle */

#actionMenu #sponsors-slideshow-2 { border: 1px solid #E34A34; background: #fff; text-align: center; margin-bottom: 0px; padding-bottom: 10px; margin-top: 0px; }
#actionMenu #sponsors-slideshow-2 { -moz-border-radius-bottomright: 8px; -moz-border-radius-bottomleft: 8px; }
#actionMenu #sponsors-slideshow-2 { -webkit-border-bottom-left-radius: 6px; -webkit-border-bottom-right-radius: 6px; }
#actionMenu #sponsors-slideshow-2 { border-bottom-right-radius: 6px; border-bottom-right-radius: 6px;  }

#actionMenu #sponsors-slideshow-2 { list-style-type: none; }
#actionMenu #sponsors-slideshow-2 strong {  color: #fff; background: url(img/gmenu-item-hover-bg.png) bottom left repeat-x #E34A34; padding: 4px; display: block; font: bold 11px arial, sans-serif; }
#actionMenu #sponsors-slideshow-2 img { padding: 5px 0; }

/* body */

a.pdf { background: url(img/pdf.png) right no-repeat; padding-bottom: 1px; padding-right: 20px; } /* Show PDF icon on Linked Files */
a.png { background: url(img/img.png) right no-repeat; padding-bottom: 1px; padding-right: 20px; } /* Show PNG icon on Linked Files */
a.ppt { background: url(img/ppt.png) right no-repeat; padding-bottom: 1px; padding-right: 20px; } /* Show PPT icon on Linked Files */
.download { background: #eee; padding: 15px; border: 1px solid #ccc; margin-bottom: 20px; }
.download { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

#pageBody { color: #444; _margin-left: 8px;  }
#pageBody p { line-height: 1.6; color: #666; }
#pageBody b { color: #000; }
#pageBody li { line-height: 1.8; }
#pageBody p + ol { margin-top: -15px; }
#pageBody ul.spaced li { margin-bottom: 15px; }
#pageBody ul.spaced { margin-bottom: 25px; margin-top: 25px; }
#pageBody ul.spaced b { color: #E34A34; }
#pageBody big { font-size: 120%; }
#pageBody .crop  { border: 8px solid #fff; overflow: hidden; background: #000; } /* Used for Placing Images */

#pageBody ul { list-style-type: none; padding: 0; margin-left: -15px; }
#pageBody ul li { background-image: url(img/bullet.gif); background-position:0 0.6em; background-repeat:no-repeat; padding:0 0 0 13px; }

#pageBody h2 { color: #E34A34; font-weight: normal; font-size: 34px; line-height: 1; margin: 5px 0 20px 0; font-family: georgia, arial; }
#pageBody h2 + p { margin-top: -5px; }
#pageBody h2 + p.single { margin-top: -15px; } /* used for a single line paragraph following a title */
#pageBody h3 { color: #000; border-bottom: 1px solid #eee; font: normal 18px georgia, arial; padding: 6px 0; margin-bottom: 10px; clear: both;  }
#pageBody h3 b { color: #d03434; font-weight: normal; }
#pageBody h3.block { border-bottom: 0; margin-bottom: 5px; } /* use when following by a block like a table */
#pageBody h3 small { color: #aaa; font-size: 60%; margin-left: 2px; }
#pageBody h4 { margin: 0 0 4px 0; font-weight: bold; font-family: georgia, arial; font-size: 14px; color: #000; }

#pageBody p .num { font-size: 80%; color: #000; background: #eee; padding: 1px 4px; -moz-border-radius: 2px; }
#pageBody p.justify { text-align: justify; }
#pageBody p.light { background: url(img/grad-downdark2.png) bottom left repeat-x #fff; border: 1px solid #ddd; display: block; width: auto; margin-top: -10px; }
#pageBody p.light { padding: 7px 10px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#pageBody h4 + p.light { margin-top: 2px; }

#pageBody a.learnbtn { background: url(img/grad-downdark2.png) bottom left repeat-x #fff; border: 1px solid #ddd; margin-bottom: 10px; display: block; width: auto; text-align: center;  }
#pageBody a.learnbtn { padding: 10px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
#pageBody div.learnbtn { background: url(img/grad-downdark2.png) bottom left repeat-x #fff; border: 1px solid #ddd; margin-bottom: 10px; display: block; width: auto; text-align: center;  }
#pageBody div.learnbtn { padding: 10px 15px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;  }

#pageBody a.more { display: block; margin: 15px 0 30px 0; padding: 2px 12px; background: #eee; text-align:center; -moz-border-radius: 3px; } /* Currently Unused */
#pageBody .price { color: #529c32; font-weight: bold; } /* Used to display prices */

/* jquery reveals */

#pageBody .showHide li {color: #E34A34; font-size: 13px; line-height: 2.2; cursor: pointer; background-position:0 0.8em; }
#pageBody .showHide.tight li {color: #E34A34; font-size: 13px; line-height: 1.7; cursor: pointer; background-position:0 0.5em; }
#pageBody .showHide li span { background: url(img/grad-downdark2.png) bottom left repeat-x #fff; border: 1px solid #eee; color: #444; display: block; padding: 6px 9px; font-size: 13px; line-height: 1.8; margin-left: -20px; margin-bottom: 10px; }
#pageBody .showHide li span { -moz-border-radius: 4px; -webkit-border-radius: 4px; -border-radius: 4px; }
#pageBody .showHide li small { font-size: 70%; color: #aaa; }

#pageBody .showNoPad li span { background: transparent; padding: 0; border: 0; margin: 0; }

#pageBody .showHide .list { border: 1px solid #ccc; margin-top: 5px; }
#pageBody .showHide .list td { padding: 9px; border: 1px solid #eee; background: url(img/grad-downdark.png) bottom left repeat-x #fff; _background: #; line-height: 1.6; }
#pageBody .showHide .list .fb { background: url(img/grad-downdark.png) bottom left repeat-x #E34A34; _background: #E34A34; color: #fff; width: 70px; font-weight: bold; }

#pageBody .showHide.horzRule { margin: 0px; padding: 0; color: #000;  }
#pageBody .showHide.horzRule li { border-top: 1px solid #eee; line-height: 2.5; padding: 0; margin-left: 20px; background: transparent; background-repeat:no-repeat; list-style-type: decimal;  }

/* individual page styles */

/* ---- Beta / Beta Types */

#pageBody #betaTypes a { float: left; line-height: 3; width: 130px; height: 40px; padding: 10px 22px; font-size: 13px; text-align: center; background: url(img/grad-downdark2.png) top left repeat-x #F6F6F6; border: 1px solid #eee; margin: 0 16px 16px 0; }
#pageBody #betaTypes a { -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#pageBody #betaTypes a:hover { background: #D03434; color: #fff; }

/* Connect / Digital Brochure Pages */

#pageBody .featureList { list-style-type: none; margin: 0; padding: 0; border-top: 1px solid #eee; margin-bottom: 20px; border-top: 1px solid #eee; }
#pageBody .featureList li { border-bottom: 1px solid #eee; border-left: 1px solid #eee; border-right: 1px solid #eee; background: url(img/grad-downdark2.png) top left repeat-x #F6F6F6; padding: 6px 10px; margin: 0; color: #888; font-size: 12px; }
#pageBody .featureList li b { color: #000 !important; margin-right: 3px; }

#pageBody .licenseValues { border: 1px solid #ccc; width: 100%; } /* block of license parameters */
#pageBody .licenseValues td { padding: 6px 10px; border: 1px solid #eee; background: url(img/row.png) bottom left repeat-x;   }
#pageBody .licenseValues th { padding: 6px 10px; border: 1px solid #eee; background: #95161E; color: #fff;  }
#pageBody .licenseValues small { font-size: 12px; color: #888; font-weight: normal; }
#pageBody .licenseValues B { font-weight: bold; color: #000; }
#pageBody .licenseValues .count { width: 10%; text-align: center; }

/* Connect / Compare Editions */

.std { color: #1A6E9A !important; }
.ent { color: #7dbd42 !important; }
.com { color: #e34a34 !important; }

h2.std { background-color: #1A6E9A; padding: 9px 12px; color: #fff !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; _padding: 0; _color: #1A6E9A !important; }
h2.ent { background-color: #7dbd42; padding: 9px 12px; color: #fff !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; _padding: 0; _color: #7dbd42 !important; }
h2.com { background-color: #e34a34; padding: 9px 12px; color: #fff !important; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; _padding: 0; _color: #e34a34 !important; }

#editionCompare { width: 100%; } 
#editionCompare td { border: 1px solid #ddd; padding: 8px; font-size: 12px; text-align: center; width: 25%; background: url(img/row.png) bottom left repeat-x; }
#editionCompare .edition td { color: #fff !important; font-weight: bold; font-size: 15px; font-family: georgia; }
#editionCompare .param { text-align :left; font-weight: bold; }
#editionCompare .std { background: url(img/grad-downdark.png) bottom left repeat-x #1A6E9A; _background: #1a6e9a; }
#editionCompare .ent { background: url(img/grad-downdark.png) bottom left repeat-x #7dbd42; _background: #7dbd42; }
#editionCompare .com { background: url(img/grad-downdark.png) bottom left repeat-x #e34a34; _background: #e34a34; }
#editionCompare a { color: #fff; }

#pageBody .brochureContact { font-size: 18px; padding: 10px; margin-top: 15px; background: url(img/grad-downdark2.png) top left repeat-x #F6F6F6; border: 1px solid #eee; color: #888; display: block; width: auto; text-align: center; }
#pageBody .brochureContact { -moz-border-radius: 8px; }

/* Clients */

#pageBody ul.logos { margin-left: -10px; }
#pageBody ul.logos li { float: left; padding: 0px; margin: 0 0 10px 10px; background: #eee; position: relative; }
#pageBody ul.logos img { margin-bottom: -5px; }
#pageBody ul.logos div { color: #fff; display: none; width: 180px; height: 120px; font-family: verdana; font-size: 10px; position: absolute; left: 0; top: 0; text-align: center; }
#pageBody ul.logos b { display: block; font-size: 12px; color: #fff; margin-top: 40px; font-weight: bold; font-style: normal; }
#pageBody ul.logos i { display: block; font-size: 12px; color: #fff; margin-top: 30px; font-weight: bold; font-style: normal; }

#pageBody .testimonial { padding: 15px; background: #fdffcd; margin-bottom: 25px; margin-top: -5px; -moz-border-radius: 10px; color: #000; font-style: italic; }
#pageBody .testimonial span { color: #ff6600; font-weight: bold; font-style: normal; }

#pageBody h3 + ul.logos.small { margin-top: 20px; }

#pageBody ul.logos.small div { color: #fff; display: none; width: 126px !important; height: 84px !important; font-family: arial; font-size: 8px; line-height: 11px; position: absolute; left: 0; top: 0; text-align: center; }
#pageBody ul.logos.small img { width:126px !important; height: 84px !important; }
#pageBody ul.logos.small b { display: block; color: #fff; margin-top: 26px; line-height: 18px; }
#pageBody ul.logos.small i { display: block; color: #fff; margin-top: 18px; line-height: 18px; }
#pageBody hr { border: 0; border-bottom: 1px solid #eee; }

/* footer */

#footer div { background: url(img/flowingfooter.png) top left no-repeat; text-align: center; margin-top: -10px; padding-top: 110px; font-size: 15px; color: #fff; }
#footer a { margin: 0 5px; color: #fff; }
#footer p { margin-top: 30px; color: #ddd; }

/* General Utility */

.right { float: right; }
.left { float: left; }
.clear { clear: both; }

div.right { float: right; margin-left: 15px; }
div.left  { float: left; margin-right: 15px; }

/* def tools */

.dev { position: absolute; top: 1px; right: 1px; padding: 6px; background: #666; color: #fff; font-size: 11px }

/* Search Results Page */

#searchResults ul { list-style-type: none; border-top: 1px solid #eee; margin: 15px 0 20px; }
#searchResults li { padding: 5px 0; margin: 0; border-bottom: 1px solid #eee; }
#searchResults .btn a { color: #fff; background: #777; color: #fff; padding: 4px 8px; }
#searchResults .btn a { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Contact Us Page */

.contact { width: 45%; float: left; margin-right: 3%; }
.contactFull { width: 93%; float: left; margin-right: 3%; }

/* Forms */

#pageBody #infoForm label { margin: 0 0 4px 0; display: block; padding: 0; font-family: georgia; font-weight: bold; color: #000; }
#pageBody #infoForm p { margin: 0; padding: 0; }
#pageBody #infoForm h2 { font-size: 24px; }

#pageBody #infoForm input { padding: 3px; font: normal 13px arial; color: #888; background: url(img/search-bg.png) top left repeat-x #fff; margin-bottom: 20px; border: 1px solid #ddd; width: 40%; }
#pageBody #infoForm textarea { padding: 3px; height: 60px; font: normal 13px arial; color: #888; background: url(img/search-bg.png) top left repeat-x #fff; margin-bottom: 20px; border: 1px solid #ddd; width: 88%; }
#pageBody #infoForm select { font: normal 13px arial; color: #888; background: url(img/search-bg.png) top left repeat-x #fff; margin-bottom: 20px; border: 1px solid #ddd; width: 20%; }
#pageBody #infoForm option { color: #888; }

#pageBody #infoForm .url { width: 20%; }
#pageBody #infoForm .urlfull { width: 40%; }
#pageBody #infoForm .note { color: #aaa; font-size: 11px; font-weight: normal; margin-left: 5px; }
#pageBody #infoForm .captcha { width: 94px; font-size: 20px; }
#pageBody #infoForm .captchablock { padding: 15px; background: #95161E; }
#pageBody #infoForm .phone { width: 20%; }
#pageBody #infoForm .int { width: 5%; }
#pageBody #infoForm .name { width: 30%; }
#pageBody #infoForm .company { width: 30%; }

#pageBody #infoForm .date { width: 12%; }
#pageBody #infoForm .time { width: 12%; }
#pageBody #infoForm #editionCompare td { width: 14.28%; }
#infoForm #editionCompare td { } 

#edition_cost { margin-top: 20px; }

.atCentercode { _display: none; }

#pageBody #infoForm .req { color: #E34A34; margin-left: 2px; }
#pageBody #infoForm input[type=submit] { background: url(img/button.png) bottom left repeat-x #fff; width: 30%; font-weight: bold; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; border: 1px solid #ccc; font-size: 14px; color: #000; margin-top: 15px;}
#pageBody #infoForm input[type=checkbox] { width: 20px; margin: 0; padding: 0; }
#pageBody #infoForm .chks input { _margin: 0; _border: 0; _width: auto; _background: transparent; } /* IE6 Fixes */

#pageBody #infoForm .hidden { color: #000; font-size: 12px; font-weight: normal; background: #fdffcd; margin-top: 0; line-height: 20px; }
#pageBody #infoForm .hidden b { color: #000; font-size: 14px; color: #f60; }

#pageBody #infoForm .wpcf7-not-valid-tip-no-ajax { margin-left: 10px; background: #95161E; color: #fff; padding: 2px 6px; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; font-size: 12px; }
#pageBody #infoForm .wpcf7-list-item { display: block; }
#pageBody #infoForm .wpcf7-response-output { display: block; text-align: center; font-size: 16px; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#pageBody #infoForm .wpcf7-validation-errors { background: #95161E; margin-bottom: 20px; padding: 10px;  }
#pageBody .wpcf7-mail-sent-ok { background: #7DBC42; border: 0; margin-bottom: 20px; padding: 20px; color: #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }
#pageBody .wpcf7-mail-sent-ng { background: #fdc631; border: 0; margin-bottom: 20px; padding: 20px; color: #000; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; }

/* Branding */

.colorTable { width: 50px; }
.colorTable td { color: #fff; padding: 10px 10px 40px 10px; border-right: 10px solid #fff;  }

.colorTable .red { background: #E24933; }
.colorTable .darkRed { background: #9B3f0C; }
.colorTable .orange { background: #F89A3E;  }
.colorTable .blue { background: #63C9D3; }

.colorTable .lightBlue { background: #DDF2F8; color: #000; }
.colorTable .darkBlue { background: #156D98; }
.colorTable .toffee { background: #F9D470; color: #000; }
.colorTable .applegreen { background: #7DBC42; }

/* Management */

.avatar { width: 13%; height: 13%; margin-right: 10px; margin-bottom: 5px; }

#total_msg { margin-top: 15px; padding: 10px; font-size: 15px; color: #000; }



#optin { background: url(img/grad-yellow.png) top left repeat-x #fff7bf; border: 1px solid #eed9a1; padding: 13px; margin-bottom: 25px; color: #806300; border-radius: 10px; -webkit-border-radius: 10px;  -moz-border-radius: 10px;   }
#optin .nospam { font-size: 10px; margin-top: 16px; }
#optin h4 { font-size: 140%; margin: 0; margin-bottom: 4px; }
#optin p { color: #000; margin-bottom: 4px; }