/* columns */
.left-column { width: 465px; float: left; display: inline; margin: 0; padding-right: 10px; }
.right-column { width: 465px; float: right; display: inline; margin: 0; padding-left: 10px; }

/* content */
.line { height: 1px; width: 100%; border-bottom: 1px solid silver; margin-top: 17px; }

.content .section { clear: both; margin-top: 20px; font-size: 12px; }
.headline h1 { color: #494949; font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif; font-size: 16px; letter-spacing: -1px; line-height: 16px; }
.headline .emphasized h2 { color: #191919; font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif; font-size: 22px; line-height: 22px; letter-spacing: -1px; margin-bottom: 0; }
/* .headline .emphasized p { color: #494949; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px; margin: 0; } */
/*.headline .emphasized p { color: #494949; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 15px; letter-spacing: -0.8px; line-spacing: -2.55px; line-height: 20px; margin: 0; }*/
.headline .emphasized p { color: #494949; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 17px; color: #494949;  margin: 0; }
img.title-img { display: block }

.section a, .section a:active { text-decoration: none; }

.section .narrower { width: 227px; }
.section .wider { width: 712px; padding: 0; }

.three-column-right { margin-left: 238px; }
.three-column-right .column { width: 222px; float: left; display: inline; padding-right: 15px; height: 330px;}
.three-column-right .column h2 { font-size: 16px; margin-bottom: 0.6em; }
.three-column-right .column p { line-height: 16px; font-size: 12px; }
.three-column-right .column .presized { height: 120px; overflow: hidden; }
.three-column-right .column .comment { /*margin-top: 1em;*/ font-size: 12px; color: gray; }

.four-column { margin-top: 20px; }
.four-column .column { width: 226px; float: left; display: inline; padding-right: 15px; height: 330px;}
.four-column .column h2 { font-size: 16px; margin-bottom: 0.6em; }
.four-column .column p { line-height: 16px; font-size: 12px; }
.four-column .column .presized { height: 120px; overflow: hidden; }
.four-column .column .comment { /*margin-top: 1em;*/ font-size: 12px; color: gray; }
.four-column .news, .four-column .news-archive { /*margin-top: 20px;*/ height: auto; margin-bottom: 20px; }
.four-column .news p { height: auto; margin-bottom: 0.5em; }
.four-column .news .date { margin-top: -10px; font-size: 11px; margin-bottom: 18px; }
.four-column .news p.emphasized { font-weight: bold; margin: 0; }
.four-column .news a.more { font-weight: bold; margin-top: 5px; }
.four-column .news-archive { padding-right: 0; /*margin-top: 15px;*/ }
.four-column .news-archive ul li { list-style: none; padding: 5px 0; border-bottom: 1px solid #d3d3d3; }
.four-column .news-archive h2 { margin: 0; font-size: 14px; }
.four-column .news-archive .date { font-size: 12px; }
.four-column .news-archive .pager { font-size: 10px; text-align: center; padding-left: 20px; }

.three-column { margin-top: 20px; }
.three-column .column { float: left; font-size: 12px; display: inline; margin-right: 10px; width: 290px; padding: 0 9px 0 0; }
.three-column .column .comment { /*margin-top: 1em;*/ font-size: 12px; color: gray; }

.section a, .section a:visited { color: #00aeef; font-weight: bold; text-decoration: none; }
.section a:hover { text-decoration: underline; }
.section h2 { color: #00aeef; font-size: 15px; margin-bottom: 1em; letter-spacing: -0.8px; font-weight: bold; }
.section ul { margin-left: 20px; }
.section ul li { list-style: disc; line-height: 1.6em; }
.section h3 { font-weight: bold; margin-bottom: 0.75em; }

.section p { margin: 1em 0; }

.content .section .side-panel { padding: 0; border-top: none; margin-top: -9px; }
.content .side-panel h2 { margin-bottom: 0; color: black; }
.content .side-panel ul { margin: 0; }
.content .section .side-panel li { font-size: 11px; list-style: none; padding-top: 10px; padding-bottom: 10px; border-bottom: 1px solid #d3d3d3; }

.content .forms .column { float: left; font-size: 12px; display: inline; margin-right: 10px; width: 300px; padding: 10px 0 10px 0; padding-right: 9px;  }
.content .forms .last { margin-right: 0; }
.content .forms h2 { margin-bottom: 15px; font-size: 16px; color: black; }
.content .wide { background-color: #E8E8E8; padding: 10px; height: auto;}
.content .wide .column { margin: 0; margin-right: 20px; padding: 0; width: 290px; }
.content .forms .sidebar { height: auto; width: 217px; margin: 7px; }

.content .section .centered { text-align: center; }

.content textarea, .content input { background-color: white; }

/* products */
.four-column .last { padding-right: 0 }
.four-column .column .showcase a.button { display: block; position: relative; margin:0; padding: 0; width: auto; height: auto; margin-bottom: -21px; }
.four-column .column .showcase a.button img { display: block; margin: 0; padding: 0 }
#premium-box, #contextual-box, #performance-box, #search-box { background-color: #e8e8e8; height: 180px; margin-right: -15px }
#search-box { margin-right: 0;  }

/* news */
#news-press { background: url(../images/jane.jpg) 234px 7px no-repeat transparent; height: 180px; }
.content .section .double { width: 452px; }
.content .section .news .article-container { height: 230px; }
.content .section .news-archive { margin: 0; float: right; display: inline; }

/* reach */
.content .map { clear: both; margin: -1px; margin-top: 0; width: 952px; height: 465px; background: transparent; }


/* httpool about */
.content .indent-description { margin-left: 100px; }
.content img.portrait { float: left; display: inline; }


/* contacts and locations */

.content .offices { text-align: right; margin-bottom: 10px; float: right; display: inline; }
.content .profile { margin: 20px auto; width: 710px; border: 1px solid #d3d3d3; }
.content .section .profile li { list-style: none; padding: 10px; }
.content .offices_text { text-align: right; padding-top: 4px; float: left; display: inline; width: 490px; }


/* case studies */

.case-study img { padding: 5px; border: 1px solid silver; }
.case-study .left-floater { float: left; display: inline; margin-right: 20px; }



/* footer */
.footer .httpool { width: 238px; }
.footer .advertiser, .footer .publisher, .footer .search { width: 226px; }
.footer input.searchbox { width: 208px }
.footer li.copyright { display: block; height: 16px; }


/* forms */
.forms input.checkbox_tag { width: 15px; height: 15px; border: 1px solid silver; }
.forms label, .forms input, .forms textarea { display: block; width: 288px; margin-bottom: 2px; }
.forms ul.checkboxes label { display: block; width: 250px; margin-bottom: 2px; }
.forms .narrow label { width: 205px; }
.forms input.hidden { display: none }
.forms input, .forms textarea { border: 1px solid silver; font-weight: bold; font-size: 12px; padding: 3px; margin-bottom: 10px; }
.forms .error { color: #93268F; height: 20px; margin-top: -10px; margin-bottom: 5px; font-weight: bold; }
.forms .error-agreement { color: #93268F; height: 20px; margin-top: 6px; margin-bottom: 5px; font-weight: bold; }
.wide input, .wide textarea { width: 278px; }
.wide input.checkbox { display: inline; }
.wide input.submit {  }
.narrow input, .narrow textarea { width: 205px }

.section .submit_button_wide { width: 200px; padding: 0; padding-bottom: 3px; margin: 0; margin-top: 15px; height: 19px; font-size: 11px; font-weight: normal; line-height: 12px; background: url(../images/arrow-thin-200.png) no-repeat top right; color: #FFF; border: none; float: left; display: inline; }
.section .submit_button_narrow { width: 90px; padding: 0; padding-bottom: 3px; margin: 0; margin-top: 15px; height: 19px; font-size: 11px; font-weight: normal; line-height: 12px; background: url(../images/arrow-thin-100.png) no-repeat top right; color: #FFF; border: none; float: left; display: inline; padding-left: 10px; text-align: left; }
.section .submit_button_wide, .section .submit_button_narrow { cursor: pointer }  
.section .right { float: right; display: inline; }

.content .forms .lower { height: 250px; }
.content .forms .last { border-right: none; padding-right: 0; }
.big-text { font-size: 30px; font-weight: bold; color: #000; }
.content .forms .image-submit { float: right; display: inline; margin-top: 10px; }
/*.content .forms { border-top: 1px solid #d3d3d3; }*/
.content .forms p { margin: 1em 0; }

#agreement { width: auto; height: auto; display: inline; margin: 0; padding: 0; border: none; vertical-align: baseline; }
.footer input.searchbox { width: 208px }

.content .section .status { color: black; padding: 20px; padding-left: 55px; background: url(../images/info.png) 5px 5px no-repeat #fe9; border: 1px solid #dc6; font-weight: bold; margin: 10px 0; }

.content .section ul.checkboxes input.checkbox_tag { display: inline; margin-right: 5px; }

/* login form */
#sf_guard_auth_form .submit_button_narrow { width: 100px; padding: 0; padding-bottom: 3px; margin: 0; margin-top: 15px; height: 19px; font-size: 11px; font-weight: normal; line-height: 12px; background: url(../images/arrow-thin-100.png) no-repeat top right; color: #FFF; border: none; float: left; display: inline; padding-left: 10px; text-align: left; }


/* captcha */
.content .forms input.captcha_input_tag { clear: none; border: 1px solid silver;  font-weight: bold; font-size: 12px; padding: 2px; display: inline; }
.content .forms .wide_captcha { width: 210px; }
.content .forms .narrow_captcha { width: 170px; }
.captcha_image_tag { margin-right: 15px; float: left; }
.captcha_input_global { float: left; clear: none; width: 130px; border: 1px solid silver; font-weight: bold; font-size: 14px; padding: 2px; }
.captcha_image_global { margin-right: 15px; float: left; }

.footer input.searchbox { width: 208px }
.submit { left: 38px;}
.low-margin { left: 48px; }

.right-text { left: 647px; }

#categories li { list-style: none; margin: 0; display: none; }
#categories { margin: 0; }

#sf_guard_auth_form { width: 400px; margin: 0 auto; padding: 20px }
#sf_guard_auth_form h1 { color: #494949; font-family: "Arial Black", Verdana, Arial, Helvetica, sans-serif; font-size: 20px; line-height: 30px; margin-bottom: 20px; letter-spacing: -0.6px; line-spacing: 7.1px; }
#sf_guard_auth_form .form-row { margin-bottom: 10px }

.content .section ul.checkboxes li { list-style: none; vertical-align: top; margin-bottom: 7px; }
.content .section ul.checkboxes { margin: 0; }
.content .section ul.checkboxes input { margin: 0; border: 0px; background-color: transparent; }
.content .section ul.checkboxes ul { margin-top: 7px; }

.error404 { width: 450px; margin: 0 auto; padding: 50px }
.error { color: #93268F; height: 20px; margin-top: -10px; margin-bottom: 5px; font-weight: bold; }

/* Uls */
.content .bulleted ul { list-style-type: none; padding: 0; margin: 0; } 
.content .bulleted li { list-style-type: none; margin: 0; padding-left: 20px; background: url('../images/bullet-blue.gif') 3px 6px no-repeat; } 

/* logos */
.logo { width: 135px; height: 135px; border: 1px solid silver; padding: 2px; float: left; margin: 8px; }
.team_logo { width: 135px; height: 190px; border: 1px solid silver; padding: 2px; float: left; margin: 8px; }
.logo_commands { width: 15px; height: 15px; padding-right: 5px; }
a.logo_commands:hover { text-decoration: none; }

/* IE6-specific corrections */

* html .content .section .side-panel { margin: 0; padding: 0; margin-top: -15px; }
* html .content .section .side-panel .sidebar { margin: 0; padding: 0; width: auto; }
* html .content .section .side-panel .sidebar label { width: auto; }

/* privacy policy */
.privacy { margin-left: 240px; padding-top: 2px; }
.privacy_user { float: left; width: 200px; }

/* pricelist */
table.pricelist { width: 721px; margin: 0; border: 2px solid #FFF; background-color: #E8E8E8; }
table.pricelist td { width: auto; margin: 0; border: 5px solid #FFF; background-color: #E8E8E8; padding: 5px; color: #666; height: 38px; }
table.pricelist th { width: auto; border: 5px solid #FFF; border-top: none; background-color: #00AEEF; color: #FFF; font-weight: bold; padding: 5px; height: 38px; }

/* intro */
.intro { background: white; width:100%; text-align: center; clear: both; margin: 0 -1px -1px 0; height: 350px; }

/* edit notes */
.edit_notes { border: 1px solid red; background-color: yellow; padding: 5px; margin-bottom: 10px; }
.edit_notes h2 { padding: 5px 0; font-size: 140%; font-weight: bold }
.edit_notes li { padding: 1px; list-style-type: disc; }
.edit_notes ul { padding-left: 15px; }

/* glossary */
.section dt { font-weight: bold; padding: 5px 0 5px 0; }
.section dd { padding-bottom: 15px }
