/* test */
body,div,ul,li,h1,h2,h3,h4,h5,h6,form,textarea,p,td {
  margin:0;
  padding:0;
}
/* TODO(jesses): causing problem with /ig/cp.  recode /ig/cp. */
/*
table {
  border-collapse:collapse;
  border-spacing:0;
}
*/
img{
  border:0;
}
fieldset,img {
  border:0;
}
ol,ul {
  list-style:none;
}
h1,h2,h3,h4,h5,h6 {
  font-size:100%;
  font-weight:normal;
}
body {
  background-color:#fff;
  font:13px arial,sans-serif;
  /* TODO(jesses): do we need these? */
  *font-size:small;
  *font:x-small;
}
table {
  font-size:inherit;
  font:100%;
}
iframe {
  border:0px;
  padding:0px;
  margin:0px;
}
#nhdrwrapsizer {
  padding-top:5px;
}
#footerwrap {
  clear:both;
}
#doc3 {
  clear:left;
  margin:auto;
  text-align:left;
  width:auto;
  font-size:100%;
  overflow:hidden;
}
#modules {
  padding:20px 25px 0px 25px;
  overflow:hidden;
  background-color:#fff;
}
img a, a img {
  background-color:transparent;
}

/* gaia bar */
#guser {
  padding-right:10px;
  white-space:nowrap;
  font-size:100% ! important;
}

/* search form */
#gsea {
  padding-top:10px;
  padding-bottom:10px;
}
#gsea table {
  /* center search box */
  margin:0px auto;
}
#q {
  margin-top:4px;
  margin-bottom:5px;
}
#btnG,#btnI {
  margin-bottom:5px;
  padding-bottom:3px;
  height:1.7em;
}
.gseaopt {
  padding-left:7px;
  padding-top:3px;
  font-size:80%;
  width:152px;
  text-align:left;
}
.gseaopt_1btn {
  width:auto;
}
.gsealog {
  padding-right:2px;
  padding-top:6px;
}

/* messages */
.msg {
  text-align:center;
  padding-bottom:10px;
}
.msg, #offered_in {
  z-index:10; /* make sure the message is clickable over other elements */
}
#offered_in {
  padding-top:3px;
}
.msg a {
  text-decoration:none;
}
.msg .msg_box, #noscript_box, #set_homepage_msg {
  font-weight:bold;
  padding: 3px 15px 3px 10px;
  background-color:#ff9;
  display:inline;
}
.hidden_msg, .hidden_msg_box {
  display:none;
}
#noscript_box {
  background-color:#fad163;
}
#set_homepage_msg_span {
  padding:4px 15px 4px 10px;
}
#set_homepage_msg {
  background-color:#e4f1fd;
  font-weight:bold;
  display:none;
}
#set_homepage_msg a:visited {
  color:#0000cc;
}
#nhdrwrapsizer {
  text-align:center;
}
#footerwrap {
  border-top:1px #7aa5d6 solid;
  padding-bottom:5px;
}
#footer_promos {
  text-align:center;
  line-height:19px;
  margin-top:20px;
  font-size:93%;
}
#set_homepage_footer {
  padding-bottom:15px;
  font-weight:bold;
  display:none;
  text-align:center;
}
#set_homepage_footer a:visited {
  color:#0000cc;
}
#tabs {
  position:relative;
  z-index:30;
  height:24px;
}
#tabs ul {
  width:100%;
}
#tabs li.addtab {
  font-weight:normal;
  margin-right:-3px;
  padding-bottom:0px;
}
.tab {
  float:left;
  height:23px;
  line-height:21px;
  border-bottom:1px #7aa5d6 solid;
}
.selectedtab, .unselectedtab {
  cursor:hand;
  cursor:pointer;
}
.tab.spacer {
  width:8px;
}
.tab span {
  display:inline;
  padding-left:10px;
  padding-right:10px;
  white-space:pre;
}
.edittab {
  padding-right:5px;
}
.edittab a {
  line-height:21px;
}
.edittab input {
  width:100px;
  border:1px #3c6ca3 solid;
  margin:1px 5px 0px 5px;
  font-size:93%;
  text-align:center;
}
.selectedtab {
  font-weight:bold;
  background-color:#fff;
  border:1px #7aa5d6 solid;
  border-bottom:0px;
  border-bottom:none;
}
.unselectedtab {
  background-color:#e5ecf9;
  border:1px #7aa5d6 solid;
  height:22px;
}
.selectedtab_l, .selectedtab_r, .unselectedtab_l, .unselectedtab_r {
  width:2px;
}
.selectedtab span, .unselectedtab span {
  /* noMirroring means that the css compiler will not swap the left with a */
  /* right when generating the RTL version of the css file (ig_rtl.css) */
  float:left/*noMirroring*/;
}
.tab_hover {
  background-color:#7aa5d6;
}
#selecttheme {
  padding:0px;
}
#addstuff {
  font-weight:bold;
  text-align:right;
  padding-right:10px;
  line-height:21px;
  float:none;
}
#addstuff .new, .tab .lf {
  padding-right:0px;
}
#addstuff span {
  padding:0px;
}
.modbox,.modbox_e {
  margin-bottom:15px;
  background-color:#fff;
  border:none;
  display:block;
  zoom:1;
}
.modboxin, .modboxin_s {
  overflow:hidden;
  padding:5px 5px 10px 5px;
  border:1px #c5d7ef solid;
}
/*
Module boxes that contain shared gadgets (gadgets made by Gadget Maker) are
treated differently. Their content extends out to the borders instead of
having some whitespace padding.
*/
.modboxin_owner {
  overflow:hidden;
  padding:0px 0px 0px 0px ! important;
}
.modboxin_owner iframe {
  display:block;
}
.modbox_non_owner {
  margin-bottom:6px;
}
.modboxin_non_owner {
  overflow:hidden;
  padding:0px 0px 0px 0px ! important;
}
.modboxin_non_owner iframe {
  display:block;
}
.modtitle, .modtitle_s {
  background-color:#e5ecf9;
  border:1px #c5d7ef solid;
  border-top:1px #7aa5d6 solid;
  border-bottom:none;
  padding:2px 5px 2px 5px;
  font-size:110%;
}
.modtitle .modtitle_text {
  font-weight:bold;
}

/* skin selection box */
.modtitle_s{
  border:1px solid #7aa5d6;
  border-bottom:0px;
}
.modboxin_s{
  border:1px solid #7aa5d6;
  border-top:0px;
  background-color:#e5ecf9;
  padding:9px 9px 10px 9px;
}
.modboxin_s input {
  margin-left:3px;
  margin-top:5px;
}
.modboxin_s #skin_zipcode {
  margin-left:0px;
  width:97%;
}
.modtitle_s {
  border-bottom:0px;
}
.skinth, .skinthsel {
  background-color:#fff;
  margin-bottom:1px;
  padding:4px;
  line-height:25px;
  height:25px;
  cursor:hand;
  cursor:pointer;
}
.skintype {
  color:#3366cc;
}
.skinthsel {
  background-color:#feffc5;
}
.skinth img, .skinthsel img {
  float:left;
  margin-right:7px;
}

/* module header icons */
a.ddbox, a.delbox, a.minbox, a.maxbox {
  float:right;
  margin-left:3px;
  width:12px;
  height:12px;
  margin-top:2px;
  overflow:hidden;
}

.modtitle a.el, .modtitle a.csl {
  float:right;
  font-size:82%;
  font-weight:normal;
  overflow:hidden;
  color:#97acd4;
}

/* More dropdown menu stuff (when used in a tab) */
a.dropdown_box_tab {
  /* noMirroring means that the css compiler will not swap the left with a */
  /* right when generating the RTL version of the css file (ig_rtl.css) */
  float:left/*noMirroring*/;
  margin-left:0px;
  margin-right:10px;
  margin-top:4px;
}

/* feed max/min icons */
a.fmaxbox, a.fminbox {
  float:left;
  margin-right:4px;
  margin-top:2px;
  width:12px;
  height:12px;
  display:block;
  overflow:hidden;
}

/* For LTR feeds in RTL pages or vice versa */
a.fmaxbox_reverse_directionality, a.fminbox_reverse_directionality {
  float:right;
  margin-left:4px;
  margin-top:2px;
  width:12px;
  height:12px;
  display:block;
  overflow:hidden;
}

/* module edit box */
.meditbox {
  margin-top:5px;
  border-top:1px #7aa5d6 solid;
  padding: 6px 5px 5px 5px;
  text-transform:none;
  display:none;
  /* TODO(jesses): give this a color and update all skins
  color:#000;
  font-size:12px;
  */
}
.meditbox input {
  margin-left:3px;
}
.meditbox select {
  margin-bottom:2px;
}
.meditbox a {
  text-decoration:underline !Important;
  font-weight:normal !Important;
}
.modbox_e .meditbox {
  display:block;
}
span.my_gadget {
  float:right;
  margin-left:3px;
  margin-right:3px;
  font-size:10px;
  display:block;
  decoration:none;
}

/* classes for minimize/maximize RSS modules */
.uftl {
  padding:4px;
  border:1px solid #fff;
}

/* For LTR feeds in RTL pages or vice versa */
.uftl_reverse_directionality {
  padding:4px;
  border:1px solid #fff;
  clear: right;
  text-align: right;
}

.sftl {
  padding:4px;
  border:1px solid #fff;
  border-top:1px dotted #d1d3d4;
  border-bottom:1px dotted #d1d3d4;
}

.sftl_reverse_directionality {
  padding:4px;
  border:1px solid #fff;
  border-top:1px dotted #d1d3d4;
  border-bottom:1px dotted #d1d3d4;
  clear: right;
  text-align: right;
}

.fpad {
  padding-top:5px;
  padding-bottom:2px;
  padding-left:3%;
  padding-right:2%;
  width:95%;
  overflow:auto;
}
.fb {
  border:none;
}

/* generic subheader */
.modlabel {
  padding-top:5px;
  padding-bottom:2px;
}

/* classes for gmail module */
.tls {
  position:relative;
  white-space:nowrap;
  overflow:hidden;
  padding-top:4px;
  width:100%;
}
.tls a {
  text-decoration:none;
}
.tld {
  background-color:#fff;
  width:60px;
  position:absolute;
  top:4px;
  /* to cover up snippet overflow */
  right:-1px;
  text-align:right;
}

/* classes for all module preferences */
.edline {
  padding-bottom:5px;
  border-bottom:1px #fff solid;
  margin-bottom:5px;
  white-space:nowrap;
}
.edline input {
  margin-left:0px;
}

/* generic module status message */
.statusmsg {
  padding-top:5px;
  font-size:114%;
  font-style:italic;
  text-align:center;
  display:none;
}

.mc {padding-top:4px;padding-bottom:2px;}
.mcg {padding-top:4px;padding-bottom:2px;background-color:#e7e7e7;}
.hand {cursor:pointer;cursor:hand;}

/* drop down menu */
.dd {
  position:absolute;
  z-index:2001;
  background-color:white;
  margin-top:2px;
}
.dd_iframe_cover {
  position:absolute;
  margin-top:2px;
}
.dd_layer {
  position:absolute;
  display:block;
  z-index:2000;
  left:0;
  top:0;
  background-image:url('ig/images/cleardot.gif');
}
.dd_layer_hidden {
  display:none;
}
.dd_border {
  border:1px #7aa5d6 solid;
}
.dd_item a {
  display:block;
  padding:2px 6px 2px 6px;
  text-decoration:none;
  white-space:nowrap;
}
.dd_item a:link,.dd_item a:visited,.dd_item a:active {
  color:#3366cc;
  text-decoration:none;
}
.dd_item a:hover {
  color:black;
  background-color:#efefef;
  text-decoration:none;
}

/* generic floats */
.f35 {
  float:left;
  width:35%;
  text-align:right;
  line-height:21px;
}
.f65 {
  float:left;
  width:65%;
  text-align:left;
  line-height:21px;
}
.lf {
  float:left;
}

.lf35 {
  float:left;
  width:35%;
  text-align:left;
}
.lf40 {
  float:left;
  width:40px;
}
.rf {
  float:right;
}
.lff {
  float:left;
  line-height:22px;
}
.pr {
  text-align:right;
  clear:both;
  padding:3px;
}

/* link colors */
a:link {
  color:#0000cc;
}
a:visited {
  color:#551a8b;
}
a:active {
  color:#ff0000;
}
a.alt, a.mtlink {
  color:#3366cc;
}
a.gre {
  color:#008000;
}
.modtitle, .modtitle_s {
  color:#3366cc;
}
.edittab a {
  color:#3366cc;
}
.tls a {
  color:#262627;
}
.linkon {
  color:#0000cc;
  text-decoration:underline;
  cursor:pointer;
  font-weight:normal
}
.linkoff{
  font-weight:bold
}

/* text colors */
.selectedtab {
  color:#3366cc;
}
.unselectedtab {
  color:#262626;
}
.tab_hover span {
  color: #fff;
}
.sftl {
  color:#4d4d4d;
}
.gt {
  color:#6f6f6f;
}
.new {
  font-size:9px;
  color:#da0d10;
}

/* logo */
#regular_logo {
  margin-right: 5px;
  background:url('/ig/images/igoogle_logo_sm.gif') right top no-repeat;
  width:166px;
  height:55px;
}

.copyr {
  font-size:82%;
}

/* large blue text used for box titles */
.bt {
  font-weight:bold;
  font-size:122%;
  color:#3366cc;
}

/* deemphasized message */
.mg {
  font-size:93%;
  color:#676767;
}

/* deemphasized link */
.mg a {
  color:#7777cc;
}

/* new user setup CSS */
#setupbox {
  text-align: left;
  border:1px solid #3366cc;
  width:95%;
  padding:5px;
  font-size:100%;
}
.setuptd {
  padding-top:5px;
}
.setup_promo {
  font-size:122%;
  text-align:center;
  font-weight:bold;
}
.setup_promo,#new_user_demo,#setupbox {
  padding-bottom:10px;
}
.setup_promo a {
  color:#0000cc;
}
.setup_promo_subtext {
  font-weight:normal;
  font-size:82%;
  padding-top:8px;
  color:#676767;
}
.setup_promo_subtext a {
  color:#7777cc;
}
#new_user_tip,#new_user_save {
  font-size:122%;
  text-align:center;
}
#new_user_tip_box,#new_user_save_box {
  padding: 3px 15px 3px 10px;
  display:inline;
}
.tabtitle {
  font-weight:bold;
  color:#3366cc;
}
#addcontent_button {
  font-weight:bold;
  font-size:16px;
  padding:2px 10px 2px 10px;
  color:#ffffff;
  background-color:#365789;
}

/* New new user setup */
.setup_checkbox {
  margin-left: 0;
  margin-bottom: 1px;
}

.category_heading { 
  font-weight: bold;
}

.setup_checkboxes { 
  padding: 3px 10px 10px 10px;
  table-layout: fixed;
  clear: both;
  background-color: #E4F1FD;
}

.setup_table { 
  width: 100%;
  text-align: left;
}

.setup_div {
  padding:3px;margin:0px 25px;background-color:#598EDD
}

.setup_title_div {
  padding:2px;margin-left:3px;
}

.setup_title_welcome { 
  color: white;
  font-weight: bold;
  font-size: 125%;
}

.setup_title_instructions { 
  margin-left: 8px;
  color: white;
}

.setup_save_button {
  font-weight:bold;
}

/* Blue bar containing page title at the top of various pages in IGoogle */
#bluebar {
  margin:16px 0px 0px 4px;
  padding: 1px 2px 2px 4px;
  font-size:larger;
  border-top:1px solid #3366cc;
  font-weight:bold;
  background-color:#e5ecf9
}

/* A container that bolds the links it contains. Used for footer promos. */
.bold_link_container a {
  font-weight:bold;
}

/* div that contains the gadgetmaker link in gadgets that have been shared */
.gm_link {
  padding-top:4px;
  padding-bottom:10px;
  text-align:center;
  font-size:82%;
  color:#676767;
}
.gm_link a {
  color:rgb(136,136,238);
}

/* Popup titles */
.popup_title {
  margin-top:2px;
  margin-bottom:2px;
  float:left;
  font-size:16px;
}

/* Popup "close" button on top-right */
.popup_title_buttons {
  float:right;
  width:12px;
}

/* Popup body */
.popup_body {
  white-space:nowrap;
}

/* Popup-related CSS styles */

.dialog .titlebar {
  color:black;
  font-weight:bold;
  background:#E0EDFE;
  padding: 5px 12px 5px 12px;
  border-top:8px solid #C3D9FF;
  border-left:8px solid #C3D9FF;
  border-right:8px solid #C3D9FF;
  border-bottom-color: #C3D9FF;
  font-size:100%;
}

.dialog .titlebar .module_item {
  overflow:hidden;
  white-space:nowrap;
  font-weight:normal;
}

.dialog .body {
  background:#FFFFFF;
  border-left:8px solid #C3D9FF;
  border-right:8px solid #C3D9FF;
  border-bottom:8px solid #C3D9FF;
}

.dialog .url {
  padding: 0px;
  overflow:hidden;
}

.dialog .outerborder {
  border:1px solid #3A5774;
}

.buttontable {
  width:50%;
  margin: 0px auto;
}

.dialog .buttontable td {
  text-align:center;
  padding:10px 2px 10px 2px;
}

.dialog .colored_background {
  background:#C3D9FF;
  border:0px;
}

.colored_background .buttontable td {
  padding-bottom:2px;
}

.button_background {
  text-align:center;
}

/* Presets for the padding of the popup body */
.dialog .thickpadding {
  padding: 36px 40px 17px 40px;
}

.dialog .thinpadding {
  padding: 20px 20px 17px 20px;
}

.dialog .tinymessage {
  font-size: 80%;
  color: #676767;
}

td .valign-top {
  vertical-align: top;
}

/* Styles for Mail-a-tab modules list*/
.dialog .titlebar .module_list_table {
  border-top-width:2px;
  border-bottom-style:solid;
  border-bottom-width:2px;
  border-left:0px;
  border-right:0px;
  padding:0px;
  margin-top:3px;
  padding-bottom:3px;
}

.dialog .titlebar .zipped_modules td, .dialog .titlebar .unzipped_modules td {
  padding-right:10px;
}

.dialog .titlebar .module_item {
  padding-top:5px;
}

.dialog .titlebar .zipped_modules .extra_items {
  display:none;
}

.dialog .titlebar #show_all_modules a:link {
  text-decoration:none;
}

.dialog .titlebar #show_all_modules a:hover {
  text-decoration:underline;
}

.popup_body .sidepadding {
  padding-left: 10px;
  padding-right: 10px;
}

.popup_body .firstcol {
  padding-left: 0px;
}

.popup_body .lastcol {
  padding-right: 0px;
}

.popup_body .tablayout {
  padding-top: 10px;
}

.popup_body .tablayout input, img {
  vertical-align: middle;
}

.textalign-center {
  text-align: center;
}

.dialog .titlebar .userprefs {
  font-weight:normal;
  padding-top: 3px;
  padding-left: 3px;
  width: 450px;
}

.dialog .titlebar .userprefs_alert {
  font-weight:normal;
  color: #575757;
  padding-left: 23px;
  display:none;
}

/* Email autocomplete */
.ac-renderer  {
  font-family: Arial;
  border:1px solid #666;
  background:#E0ECFF;
  color:#00C;
  margin:0px 0px;
  padding:0px 0px 1px 0px;
  z-index:10;
  position:absolute;
}
.ac-renderer div {
  margin:2px;
  cursor:pointer;
  padding:0px 10px;
}
.ac-renderer div b {
  color:#00F;
}
.ac-renderer div.active {
  background:#C3D9FF;
}