html {overflow-y: scroll; overflow-x: auto;}
body {position: relative; font-size: 13px; font-family: Verdana, Arial, Microsoft Sans Serif; margin: 0px; text-align: center; color: #000; background-color: #edefb4; }

* {margin: 0; padding: 0; z-index: 10;}
h1 {margin: 0 0 0 0; font-size: 18px; color: #344c7a;}
h2 {margin: 0 0 20px 0; color: #344c7a; font-size: 20px; font-weight: bold;}
h3 {margin: 0 0 5px 0;  }
hr { height: 1px; border-top: 1px solid #e5e5e5; border-bottom: 0px none #ffffff; border-left: 0px none #ffffff; border-right: 0px none #ffffff; }
*:focus{outline: 0;}
img {border: 0;}
em { }

.clearMe {display: block; height: 0; clear: both; font-size: 0;}
.clear:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clear {display: inline-block;}
/* hide IE mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* */

a { color: #344c7a; text-decoration: none; }
a:hover { text-decoration: underline; }

/* global styles */
.small { font-size: 11px; font-weight: normal; }
.gray { color: #888; }

/* Main content container (centered with gray background) */
#acontainer { width: 960px; margin: 0 auto; padding-top: 4px;  text-align: left; background-color: #e5e5e5; }

/* Header styles */
#atop { margin: 0px 4px 4px 4px; color: white; background-color: #344c7a; padding: 20px 20px 29px 20px; position: relative; }
#atop h1 { font-weight: bold; font-size: 26px; margin-top: 5px; color: white; cursor: pointer; }
#atop h1 em { color: #d5833c; font-style: normal; }
#atop div { float: right; }
#atop div div { float: left; margin: 0px 10px 0px 20px; padding-top: 18px; font-size: 12px; font-weight: bold; }
#atop div div.field { margin: 0px 0px 0px 10px; padding-top: 0px; }
#atop div div.field p { font-size: 10px; font-weight: normal; }
#atop div div.field input { padding: 3px; width: 180px; border: 2px solid #e5e5e5; }
#atop div div.field input.submit { background-color: #9fb5de; color: white; font-weight:bold; width: 65px; margin-top: 12px; cursor: pointer; }
#atop div div.field input.submit:hover { background-color: #9fb5de; }
#atop div div a { color: white; }
#atop div ul { float: left; margin: 0px; padding: 0px; padding-top: 11px; list-style: none; }

#menu { position: absolute; right: 20px;  }
#menu ul { cursor: pointer; }
#menu ul li { padding: 5px; }
#menu ul li.top { padding-left: 20px; border-left: 1px solid #344c7a; border-top: 1px solid #344c7a; border-right: 1px solid #344c7a; background-image: url(http://www.privacywidget.com/images/site/site/arrow_right.gif); background-position: 5px 8px; background-repeat: no-repeat; }
#menu ul li.sub { padding: 0px; display: none; background-color: #283a5e;}
#menu ul li.sub a { display: block; padding: 5px 5px 5px 20px; color: white; }
#menu ul li.sub a:hover { background-color: #1a263d; text-decoration: none;}
#menu ul:hover { border-bottom: 1px solid #9aa6bd; }
#menu ul:hover li.top { background-color: #9aa6bd; color: #344c7a; border-bottom: 1px solid #9aa6bd; border-left: 1px solid #9aa6bd; border-top: 1px solid #9aa6bd; border-right: 1px solid #9aa6bd; background-image: url(http://www.privacywidget.com/images/site/site/arrow_down.gif); }
#menu ul:hover li.sub { display: block; border-left: 1px solid #9aa6bd; border-right: 1px solid #9aa6bd; }


/* Navigation tabs styles */
#anav { margin: 0px 4px; }
#anav ul { list-style-type: none; }
#anav ul li { display: block; float: left; padding: 10px 20px; font-weight: bold; position: relative; }
#anav ul li.sel { background-color: #fff; }
#anav ul #loading_indicator { display: none; position: absolute; bottom: 2px; left: 13px;  width: 50px; height: 3px; border: 1px solid black; padding: 1px; }
#anav ul #loading_indicator #bar { background-color: #c00; height: 3px; width: 1px; }

/* Main content styles */
#amain { margin: 0px 4px; padding: 30px 20px; background-color: #fff;}

/* Footer styles */
#abottom { margin: 10px 4px 0px 24px; padding-bottom: 10px; color: #888;}
#abottom .copyright { float: right; padding-right: 21px;}
#abottom ul { list-style: none; display: inline; } 
#abottom ul li { display: block; float: left; padding-right: 15px; }

/* Message styles */
.amessage_list { padding-bottom: 10px; width:500px; margin: 0 0;}
.amessage_list ul { list-style-type: none; }
.amessage_list ul li { padding: 10px; }
.amessage_list ul li.success { display: block; border: 1px solid #aaffaa; color: #080; background-color: #eeffee; margin-bottom: 10px; }
.amessage_list ul li.error { display: block; border: 1px solid #700; color: #800; background-color: #ffeeee; margin-bottom: 10px; }.home { line-height: 1.4em; }
.home p { margin: 0 0 20px 0; }
.home .promo_box { width: 345px; padding: 15px;  border: 2px solid #e5e5e5; background-color: #edefb4; }
.home .promo_box h4 { margin-bottom: 15px; }
.home .promo_box button { display: block; margin: 0px auto 15px auto; padding: 5px; cursor: pointer; border: 2px solid #e5e5e5; background-color: #344c7a; color: white; font-weight:bold; }
.home .promo_box button:hover { background-color: #000; }
.home .promo_box hr { margin: 10px 0; border-style: dotted; border-color: #000; }
.home .promo_box li { margin-left: 15px; margin-bottom: 15px; }
.home .side_widget { min-height: 500px; float: right; width: 510px; margin-left: 20px; position: relative; }
.home .side_widget iframe { width: 508px; height: 584px; margin-bottom: 15px; }
.home .side_widget div.teaser { position: absolute; right:2px; top:-30px; width: 168px; padding: 12px 8px;  font-size: 12px; background-color: #edefb4; border: 2px solid #e5e5e5; text-align: center;}
.home .side_widget div.teaser h3 { margin: 0px; padding:0px; font-size: 12px;}
.home .side_widget .pilot { background-color: #e5e5e5; margin-left: 25px; min-height: 250px; padding: 15px;}
.home .privacychoice { float: right; }
.home .privacychoice a { color: #3f75a5; font-size: 11px; line-height: 0.7em; }
.home .privacychoice a:hover { border-bottom: 0px; text-decoration: none; }
.home .privacychoice a img { margin-left: 2px; margin-bottom: -3px; }.widget { line-height: 1.4em; position: relative; height: 100%; }
.widget p { margin: 0 0 10px 0; }
.widget h4 { margin-bottom: 7px; }

.widget .disabled { color: gray; font-style: italic; }

.widget .error { font-weight: bold; color: red; }

.widget ul.subnav { border-bottom: 1px solid #e5e5e5; list-style: none;  }
.widget ul.subnav li { float: left; padding: 5px 15px; background-color: #fff; margin-bottom: -1px; border-left: 1px solid #fff; border-right: 1px solid #fff; border-top: 1px solid #fff; border-bottom: 1px solid #e5e5e5;}
.widget ul.subnav li.sel { background-image: url(http://www.privacywidget.com/images/site/widget_edit/tab_back.gif); background-repeat: repeat-x; background-position: top; font-weight: bold;  border-left: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #fff; }

.widget .preview { float: right; width: 510px; margin-left: 15px; background-color: #f5f5f5; padding:15px; border-left: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; }
.widget .preview div.info { padding: 30px 20px; }
.widget .preview table.code { width: 100%; }
.widget .preview table.code td { width: 50%; text-align: center; vertical-align: top; padding-top: 20px; }
.widget .preview table.code td img { display: block; margin: 10px auto; } 

.widget .prompt_box { width: 330px; margin-top: 15px; padding: 10px; border: 2px solid #e5e5e5; background-color: #edefb4; }
.widget .prompt_box input { width: 225px; padding: 5px; border: 1px solid #e5e5e5; }
.widget .prompt_box input.blur { color: #888; font-style: italic; }
.widget .prompt_box button { margin: 5px auto 0px auto; padding: 4px 5px; cursor: pointer; border: 2px solid #e5e5e5; background-color: #344c7a; color: white; font-weight:bold; }
.widget .prompt_box button:hover { background-color: #000; }
.widget .prompt_box h4 { margin-top: 0px; }
.widget .prompt_box .fields { font-size: 11px; }
.widget .prompt_box .fields input { display: block; }

.widget .prompt_box_complete { width: 330px; margin-top: 15px; margin-bottom: 39px;  padding: 10px 10px 11px 10px; border: 2px solid #fff; border-bottom: 1px solid #e5e5e5; background-color: #fff; }
.widget .prompt_box_complete h4 { margin-top: 0px; margin-bottom: 15px; }

.widget .success_box { width: 330px; margin-top: 15px; padding: 10px; border: 2px solid #aaffaa; background-color: #eeffee; }
.widget .success_box h4 { margin-top: 0px; }

.widget form { display: inline; }
.widget form .padded { padding: 0px 10px 10px 10px; }
.widget form label { cursor: pointer; }
.widget form label:hover { background-color: #eee; }
.widget form h4 { margin-top: 35px; }
.widget form input { width: 250px; padding: 5px; border: 2px solid #e5e5e5; }
.widget form input.check { width: auto; margin: 3px 7px 0 0; }
.widget form table.check td { vertical-align: top; padding-bottom: 15px; }

.widget form textarea { width: 340px; height:150px; border: 2px solid #e5e5e5; display: none; }

.widget .expando { padding: 0 0 0 15px; margin-bottom: 10px; background-image: url(http://www.privacywidget.com/images/site/site/arrow_right.gif); background-position: left; background-repeat: no-repeat; }
.widget .expando_sel { padding: 0 0 0 15px; margin-bottom: 10px; background-image: url(http://www.privacywidget.com/images/site/site/arrow_down.gif); background-position: left; background-repeat: no-repeat; }

.widget .color_picker { width: 341px; }
.widget .color_picker .color { float: right; }
.widget .color_picker .color input { display:block; width: 100px; margin-bottom: 15px; }

.widget iframe.widget { width:508px; height:584px; }

.widget .get_code { margin-top: 25px; }
.widget .get_code table { margin-top: 15px; width: 100%; }
.widget .get_code table td { cursor:pointer;  width: 25%; padding: 5px 0px; text-align: center; border-right: 1px solid #e5e5e5; opacity:.6; filter:alpha(opacity=60); }
.widget .get_code table td.over { opacity:.8; filter:alpha(opacity=80); }
.widget .get_code table td.sel { opacity:1; filter:alpha(opacity=100); background-color: #f5f5f5; }
.widget .get_code table td.end { border-right: 0px none transparent;  }
.widget .get_code .hidden_content { display: none; padding: 35px 37px 0 37px;;  }
.widget .get_code .hidden_content h4 { font-weight: normal; font-size: 24px; color: #344c7a; margin-bottom: 25px; }
.widget .get_code .hidden_content .text { width: 800px; margin-bottom: 25px; background-color: #f5f5f5; white-space:nowrap; border: 1px solid #e5e5e5; font-family: "Courier New", Courier, monospace; font-size: 11px; padding: 10px; overflow: hidden; }/* CSS Document */
.widget_stats .stats { margin-top:25px; margin-bottom: 25px; width: 100%; }
.widget_stats .stats th { padding: 4px 3px; text-align: center; }
.widget_stats .stats td { padding: 4px 3px; text-align: center; }
.widget_stats .stats td.big { font-size: 18px; }
.widget_stats .stats td span.teeny { display: block; font-size: 10px; text-align: left; }
.widget_stats .stats th.side { text-align: left; }
.widget_stats .stats td.side { text-align: left; padding-left: 30px; }
.widget_stats .stats tr.r1 { background-color: #cfdded; }
.widget_stats .stats tr.r2 { background-color: #feeee1; }

.widget_stats .comments { width: 100% }
.widget_stats .comments td { padding: 4px; }
.widget_stats .comments td.side { width: 175px;  }
/* signup */
.users_edit .gutter {}
.users_edit h3 { margin-top: 25px; }
.users_edit .form {}
.users_edit.login .form {}
.users_edit .form form {display: block; }
.users_edit .form form table { margin: 20px 0 0 50px; width: 100%; }
.users_edit .form form table td { vertical-align: top; padding: 3px 3px 10px 3px; }
.users_edit .form form table td.select { width:0px;  }
.users_edit .form form table td input.radio { margin-top: 3px; }
.users_edit .form form table td table { width: auto; margin: 10px 0 0 20px; }
.users_edit .form form table td table td { vertical-align: middle; padding-bottom:3px; }
.users_edit .form .gutter {}
.users_edit .form .label { width: 300px; }
.users_edit .form .form_row { display: block; clear: both;}
.users_edit .form .form_row:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.users_edit .form span { display: block; float: left; padding: 5px 0; }
.users_edit .form label {cursor: pointer; display: block;  }
.users_edit .form .label span {font-size: .7em; display: block; float:none; color:#888; }
.users_edit .form  input {width: 200px; font-size: 13px; color: #555;  padding: 4px 0 4px .2em; border: 1px solid #aaa; background: url(http://www.privacywidget.com/images/site/signup/inp_back.gif) left top repeat-x;}
.users_edit .form  input.submit { width: 80px; background-color: #344c7a; color: white; background-image:none; font-weight:bold; cursor: pointer; }
.users_edit .form  input.submit:hover { background-color: #000; }
.users_edit .form .input select {width: 99%; font-size: 1em; color: #555; height: 37px; border: 1px solid #424242; background: url(http://www.privacywidget.com/images/site/signup/inp_back.gif) left top repeat-x;}
.users_edit .form input.img { border:0px; padding:0px; background-image: none; margin: 12px 0px 0 95px; display: block; margin-bottom: 10px;}
.users_edit .form fieldset { border: 0px none transparent; margin:0px; padding: 0px; }
.users_edit .form table.register { margin: 30px 0 0 0; }
.users_edit .form table.register td { font-size: 12px; padding: 0px 10px 5px 0px; }
.users_edit .form table.register input.text { width: 150px; }.content { padding-top: 25px; }
.content h2 {font-weight: bold; }
.content p {margin-bottom: 15px; }
.content em { font-style: italic; color: black;}
.content ul { margin-left: 20px; list-style-type: disc; }
.content ul ul { list-style-image: none; margin-left: 50px; list-style-type:disc; }
.content ul ol { list-style-image: none; margin-left: 50px; }
.content ul ul li { padding-bottom: 10px; }
.content ul ol li { padding-bottom: 10px; }
.content ul li { padding-bottom: 20px; }

.content .wsplash iframe { width: 508px; height: 584px; margin-bottom: 15px; }
.content .wsplash .left { float: left; width: 380px; margin-right:20px;  }
.content .wsplash .example { font-size: 11px; text-align: center; color: #666; line-height: 1.6em; }
.content .wsplash .box { font-size: 14px; color: #666; line-height: 1.6em; }
.content .wsplash .box ul { padding: 15px 0 0 25px;}

.content .wsj input { color: gray; font-style: italic; height: 25px; }
.content .wsj input.sel { color: black; font-style: normal; }
.content .wsj button { padding: 5px; cursor: pointer; border: 2px solid #e5e5e5; background-color: #344c7a; color: white; font-weight:bold; }.scrolling { border: 1px solid #a1cdee; height:300px; position: relative; height: 500px; background-color: #fff;  overflow: auto; margin-bottom: 15px; }

.list_options table.info { margin: 2px 0 0 2px; width: 489px; }
.list_options table.info h4 { margin-top: 0px; }
.list_options table.info tr.ie7isLame { background-color: #eee; }
.list_options table.info tr.hidden { background-color: #ccccff; }
.list_options table.info tr.never_shown { background-color: #ffe9e1; }
.list_options table.info th.top { font-size: 11px; padding: 2px 0; }
.list_options table.info th.side { text-align: left; padding: 0 0 0 20px; width: 130px; cursor: pointer; background-image: url(http://www.privacywidget.com/images/site/widget/closed_1-2.gif); background-position: left center; background-repeat: no-repeat; }
.list_options table.info th.side_sel { text-align: left; padding-left: 20px; width: 130px; cursor: pointer; background-image: url(http://www.privacywidget.com/images/site/widget/open_1-2.gif); background-position: left center; background-repeat: no-repeat; }
.list_options table.info th.side h4 { font-size: 12px; font-weight: normal; }
.list_options table.info th.side_sel h4 { font-size: 12px; }
.list_options table.info td { font-size: 12px;  }
.list_options table.info td.icon { padding: 12px 0px; width: 112px; text-align: center; cursor: pointer; background-image: url(http://www.privacywidget.com/images/site/widget/closed_1-2.gif); background-position: 13px; background-repeat: no-repeat; }
.list_options table.info td.icon_sel { padding: 12px 0px; width: 142px; font-weight: bold; text-align: center; cursor: pointer; background-image: url(http://www.privacywidget.com/images/site/widget/open_1-2.gif); background-position: 15px; background-repeat: no-repeat; }
.list_options table.info td.icon:hover {  }
.list_options table.info td.pin { padding: 12px 0px; padding-right: 15px; width: 212px; text-align: right; color: #666; font-size: 10px;}
.list_options table.info td span { display: none; }
.list_options table.info tr.details { }
.list_options table.info tr.details td.detail_container {border-bottom: 1px solid #ededed; }

.list_options .tipc { display: none; background-color:#fff; border-top: 1px solid #a1cdee; border-bottom: 1px solid #a1cdee; width: 459px; padding: 15px 15px 15px 15px; }
.list_options .tipc h2 { text-align: left; }
.list_options .tipc h3 { text-align: left; margin: 10px 0 0 0; text-align: right; font-size: 18px; }
.list_options .tipc h4 { text-align: left; font-size: 17px; font-weight: bold; margin: 0px 0 0 0; color: #0978ac; }
.list_options .tipc h5 { font-size: 11px; font-weight: bold; margin: 5px 0; color: #0978ac;}
.list_options .tipc img { }
.list_options .tipc table { padding: 0px; border:0px; margin-bottom: 15px; }
.list_options .tipc table td { vertical-align: top; font-size: 11px; line-height:1.5em; background-color: #fff;}
.list_options .tipc table td.caption { text-align: center; padding-right: 15px; }
.list_options .tipc a { }
.list_options .edge_left a { text-decoration: none; }

.list_options .blur { font-size: 12px; color: #888; font-style: italic; }
/* signup */
.signup .gutter {}
.signup .form {}
.signup.login .form {}
.signup .form form {display: block; width: 370px;}
.signup .form .gutter {}
.signup .form .label {width: auto; float: none; display: block; text-align: left; padding-bottom: 3px; font-size: 1em; font-weight: normal; text-transform: lowercase;}
.signup .form label {cursor: pointer;}
.signup .form .label span {font-size: .7em;}
.signup .form .input {width: auto; float: none; display: block; text-align: left;}
.signup .form .input input {width: 99%; font-size: 1.5em; color: #555; height: 32px; padding: 4px 0 0 .2em; border: 1px solid #424242; background: url(http://www.privacywidget.com/images/site/signup/inp_back.gif) left top repeat-x;}
.signup .form .input select {width: 99%; font-size: 1em; color: #555; height: 37px; border: 1px solid #424242; background: url(http://www.privacywidget.com/images/site/signup/inp_back.gif) left top repeat-x;}
.signup .form input.img {margin: 12px auto 0 auto; display: block; margin-bottom: 10px;}
.signup .form input.img + p {text-align: center;}

/* form styles */
.data_form input.text { width: 350px; border:1px solid gray;}
.data_form select { width: 350px; border: 1px solid gray; }
.data_form textarea { width: 350px; height:200px; border: 1px solid gray;  font-size: 85%; }
.data_form textarea.html_editor { width: 100%; height:500px; font-size: 85%; border: 1px solid gray; }
.data_form .error_field { color: #800; }
.w input.text { width:420px; }
.w textarea { width: 420px; }
.content .data_form hr { border-top: 1px dotted #aaa; }
