/* Yahoo YUI reset and fonts */

/* RESET BEGIN */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}
/* RESET END */

/* FONTS BEGIN */
/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.11.0
*/

/**
 * 84.5% for !IE, keywords for IE
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE < 6 and IE6 quirks mode.
 * 
 */
body {font:13px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}

/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
optgroup option { padding-left: 10px; }

/**
 * Bump up !IE to get to 13px equivalent
 */
pre, code {font:115% monospace;*font-size:100%;}

/**
 * Default line-height based on font-size rather than "computed-value"
 * see: http://www.w3.org/TR/CSS21/visudet.html#line-height
 */
body * {line-height:1.22em;}
/* FONTS END */

/* ------------------YUI end----------------------*/

/* reusable style */
.clear       { clear: both; }
.clear_left  { clear: left; }
.clear_right { clear: right; }
.left        { float: left; }
.right        { float: right; }
.selected { font-weight: bold; }
.advertisement { color: #555; font-size: 8px; text-transform: uppercase; }
.img_vertical_middle { vertical-align: middle; }
.nowrap { white-space: nowrap; }

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

a.jslink:hover {
  cursor: pointer;
}

html .clearfix { .height: 1%; }

/* button */
  /** layout */
  .buttons button  { padding: 3px 8px; margin: 0; }
  .buttons .submit { border: solid 2px; }
  .buttons .skip { margin-left: 24px; }
  /** font */
  .buttons .cancel { font-family: Arial, sans-serif; font-size: 14px; font-weight: bold;  }
  .buttons .cancel_small { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;  }
  .buttons .submit { font-family: Arial, sans-serif; font-size: 12px; font-weight: bold;  }
  /** color */
  .buttons .submit { color: black; background-color: #d8e0eb; border-color: #808fa4; }

/* icon */
.contact_phone { padding-left: 20px; color: black; }
.contact_phone { background: url(/static/images/phone.png) no-repeat 2px 2px;  }
.editorspick_icon { background: url(/static/images/editorspick.png) no-repeat center; padding: 2px 4px;  }

/* markdown */

.markdown_text h1,
.markdown_text h2,
.markdown_text h3,
.markdown_text h4,
.markdown_text h5,
.markdown_text h6, 
.markdown_text pre,
.markdown_text code,
.markdown_text p  { background-image: none; 
                    color: #333; line-height: 1.33em; 
                    text-decoration: none; text-transform: none; text-align: left;
                    font-weight: normal; font-style: normal; float: none; clear: none; 
                    margin: 4px 0 ; padding: 0; border: 0; overflow: hidden; !important;}

.markdown_text p + p { padding-top: 6px; }
.markdown_text h1 { font-size: 24px; padding-top: 8px; }
.markdown_text h2 { font-size: 22px; padding-top: 8px; }
.markdown_text h3 { font-size: 20px; padding-top: 8px; }
.markdown_text h4 { font-size: 18px; padding-top: 8px; }
.markdown_text h5 { font-size: 16px; padding-top: 8px; }
.markdown_text h6 { font-size: 14px; padding-top: 8px; }

.markdown_text p { font-size: 12px; }

.markdown_text em { font-style: italic; }
.markdown_text strong { font-weight: bold; }

.markdown_text ul { list-style-type: square; margin: 4px 0 4px 26px; color: #333; }
.markdown_text ul li { margin-bottom: 4px; }
.markdown_text ol { list-style-type: decimal; margin: 4px 0 4px 32px; color: #333; }
.markdown_text ol li { margin-bottom: 4px; }

.markdown_text p img { display: none; }
.flatpage .markdown_text p img { display: block; }

.markdown_text code { font-size: 12px; }

.markdown_text a { color: #333; text-decoration: underline; }

/* noscript style */
#noscript { border: 2px dashed #ccc; width: 800px; padding: 10px; 
  text-align: left; margin: auto; margin-top: 10px; margin-bottom: 10px; 
  padding-left: 70px; height: 45px; 
  background: url(/static/images/exclamatory-mark-icon.gif) no-repeat 0 2px #fff0d0; }

/* default style */
  /** color */
  body { color: #666666; }
  a { color: #369; }
  a:hover { background-color: #fc0; color: #000; }
  a.image_link:hover { background-color: #fff; }

  /** font */
   body { font-family: "Arial", Tahoma, Verdana, sans-serif;
          font-size: 12px; }
   a { text-decoration: none; }

/* default form */
  /** layout */
  input, select, textarea { border: 1px solid #000; }
  body { background-attachment: fixed; }

  /** background/color */
  input:focus, select:focus, textarea:focus { background: #fffcd4; }
  .searchbox .example { color: #666 !important; }
  .example { color: #bbb !important; }

  /** font */
  input, select, textarea { font-size: 11px; }

/* search input */
.input_search { height: 17px; padding: 3px 15px 0 30px; font-size: 12px; }
* html .input_search { height: 19px; padding-top: 2px; }
.input_search { width: 235px; }

/* buzz */
.buzz_bk { height: 26px; background: url(/static/images/cwv3_buzz_bk.png); width: 80px; display: block; }
.buzz    { height: 26px; background: url(/static/images/cwv3_buzz.png);  display: block; }

/* gainlayout for IE 6/7 */
* html .gainlayout { height: 1%; } /* Holly hack 2003 for IE6*/
*+html .gainlayout { zoom: 1; }    /* enable layout for IE7 */