/* 
generic styles for static background (sbg) windows:
*/
div.rounded {
  background: #c0c0c0 url(../images/background/tr_c0c0c0.png) no-repeat top right;
  margin:5px;
  float:left;
}
div.rounded div {
  background: transparent url(../images/background/tl_c0c0c0.png) no-repeat top left;
}
div.rounded div div {
  background: transparent url(../images/background/br_c0c0c0.png) no-repeat bottom right;
}
div.rounded div div div {
  background: transparent url(../images/background/bl_c0c0c0.png) no-repeat bottom left;
  padding:15px 15px 15px 15px;
}

/* 
custom styles for an empty black sbg window:
*/
div.rounded#background {
  background: #333333 url(../images/background/tr_333333.png) no-repeat top right;
  width:800px;
}
div.rounded#background div {
  background: transparent url(../images/background/tl_333333.png) no-repeat top left;
}
div.rounded#background div div {
  background: transparent url(../images/background/br_333333.png) no-repeat bottom right;
}
div.rounded#background div div div {
  background: transparent url(../images/background/bl_333333.png) no-repeat bottom left;
}

/* 
custom styles for sbg title window:
*/
div.rounded#title {
  background: #146aa4 url(../images/background/tr_146aa4.png) no-repeat top right;
  width:800px;
}
div.rounded#title div {
  background: transparent url(../images/background/tl_146aa4.png) no-repeat top left;
}
div.rounded#title div div {
  background: transparent url(../images/background/br_146aa4.png) no-repeat bottom right;
}
div.rounded#title div div div {
  background: transparent url(../images/background/bl_146aa4.png) no-repeat bottom left;
  color:#ffffff;
  font-size:1.5em;
  text-align:center;
}

/* 
custom styles for sbg nav links window:
*/
div.rounded#links {
  background: #000000 url(../images/background/tr_000000.png) no-repeat top right;
  width:800px;
}
div.rounded#links div {
  background: transparent url(../images/background/tl_000000.png) no-repeat top left;
}
div.rounded#links div div {
  background: transparent url(../images/background/br_000000.png) no-repeat bottom right;
}
div.rounded#links div div div {
  background: transparent url(../images/background/bl_000000.png) no-repeat bottom left;
}
#links a {
  color:#ffffff;
  background-color:#000000;
  text-decoration:none;
}
#links a span {
  color:#a0a0a0;
}

/* 
custom styles for sbg comment heading window:
*/
div.rounded#comments {
  background: #000000 url(../images/background/tr_000000.png) no-repeat top right;
  width:800px;
}
div.rounded#comments div {
  background: transparent url(../images/background/tl_000000.png) no-repeat top left;
}
div.rounded#comments div div {
  background: transparent url(../images/background/br_000000.png) no-repeat bottom right;
}
div.rounded#comments div div div {
  background: transparent url(../images/background/bl_000000.png) no-repeat bottom left;
  color:#ffffff;
}

/* 
custom styles for sbg individual comment windows:
*/
div.comment0 {
  width:800px;
}
div.comment1 {
  width:800px;
  background: #e0e0e0 url(../images/background/tr_e0e0e0.png) no-repeat top right;
}
div.comment1 div {
  background: url(../images/background/tl_e0e0e0.png) no-repeat top left;
}
div.comment1 div div {
  background: url(../images/background/br_e0e0e0.png) no-repeat bottom right;
}
div.comment1 div div div {
  background: url(../images/background/bl_e0e0e0.png) no-repeat bottom left;
}

/* 
custom styles for sbg comment form window:
*/
#comment_author {
  width:200px;
}
#comment_body {
  width:600px;
  height:300px;
  margin-top:5px;
  margin-bottom:5px;
}
#persuasion {
  margin-top:5px;
  width:204px;
}
#persuasion option {
  padding-right:5px;
}
#action {
  margin-top:5px;
}
.spam {
  color:red;
  font-weight:bold;
}

/*
custom styles for sbg "windows" window:
*/
#windows {
  width:530px;
}
#windows a {
  color:#ffffff;
}
div.rounded#windows div div div {
  padding:5px 15px 15px 15px;
}

/*
custom styles for sbg options window:
*/
#options {
  width:180px;
}
#options a {
  color:#ffffff;
}
div.rounded#options div div div {
  padding:5px 15px 15px 15px;
}

/* 
generic styles for DYNAMIC windows:
*/
.window_dragger a {
  text-decoration:none;
  font-weight:bold;
  font-size:10px;
}

.window_dragger{
  cursor:move;
  z-index:1;
  width:100%;
                                                            height:8px;height:24px;
  position:absolute;
  top:0px;
  left:0px;
}

.window_resize_handle {
  xborder:1px solid green;
  position:absolute;
  cursor:se-resize;
  width:20px;
  height:8px;
  font-size:6px;
  z-index:1;
}

.window_container {
  padding:0px;
  position:absolute;
}

.window_fader {
  border:0px;
  width:100%;
}

.window_topslice {
  position:relative;
  border:0px;
  width:100%;
                                                            height:8px;height:24px;
}

.window_middleslice {
  width:100%;
  position:relative;
}

.window_bottomslice {
  position:absolute;
  height:8px;
  border:0px;
  width:100%;
}

.window_handle_left {
  font-size:3px;
  position: absolute;
  left:0px;
  top:0px;
  width:8px;
                                                            height:8px;height:24px;
  background:url(../images/foreground/tl_146aa4.png);
}

.window_title {
  line-height:30px;
  font-size:14px;
  font-weight:bold;
  font-family:sans-serif;
  overflow:hidden;
}

.window_handle_center {
  font-size:3px;
  background-color:#146aa4;
  top:0px;
                                                            height:8px;height:24px;
  border:0px;
  margin-left: 8px;
  margin-right:8px;
  text-align:center;
}

.window_handle_right {
  background:url(../images/foreground/tr_146aa4.png);
  font-size:3px;
  position: absolute;
  right:0px;
  top:0px;
  width:8px;
                                                            height:8px;height:24px;
  border:0px;
}

.window_border_left {
  background-color:#146aa4;
  position: absolute;
  left:0px;
  width:8px;
  border:0px;
}

.window_content {
  text-align:left;
  /*overflow:auto;*/
  position:relative;
  background:#D7D0BE;
  font-family:sans-serif;
  font-size:12px;
  border:0px;
  margin-left: 8px;
  margin-right:8px;
  padding:0px;
}

.window_border_right {
  background-color:#146aa4;
  position: absolute;
  right:0px;
  top:0px;
  width:8px;
  border:0px;
}

.window_bottom_left {
  font-size:3px;
  position: absolute;
  left:0px;
  bottom:0px;
  width:8px;
  height:8px;
  background:url(../images/foreground/bl_146aa4.png);
  border:0px;
}

.window_bottom_center {
  font-size:3px;
  background-color:#146aa4;
  margin-bottom:0px;
  height:8px;
  border:0px;
  margin-left: 8px;
  margin-right:8px;
}

.window_bottom_right {
  background:url(../images/foreground/br_146aa4.png);
  font-size:3px;
  position: absolute;
  right:0px;
  bottom:0px;
  width:8px;
  height:8px;
  border:0px;
}

.window_button_holder {
  z-index:2;
  position:absolute;
  right:8px;
  text-align:right;
                                                 width:60px;width:20px;           /* 20px per 16x16 icon works well... */
                                                 padding-top:4px;
  font-size:6px
}

/* 
custom styles for DYNAMIC windows:
*/
#window_alert .window_handle_left {
  background:url(../images/foreground/tl_851616.png);
}
#window_alert .window_handle_right {
  background:url(../images/foreground/tr_851616.png);
}
#window_alert .window_bottom_left {
  background:url(../images/foreground/bl_851616.png);
}
#window_alert .window_bottom_right {
  background:url(../images/foreground/br_851616.png);
}
#window_alert_content {
  background-color:#b84646;
}
#window_alert .window_border_left,
#window_alert .window_border_right,
#window_alert .window_handle_center,
#window_alert .window_bottom_center {
  background-color:#851616;
}

#window_credits .window_handle_left {
  background:url(../images/foreground/tl_33c0c0.png);
}
#window_credits .window_handle_right {
  background:url(../images/foreground/tr_33c0c0.png);
}
#window_credits .window_bottom_left {
  background:url(../images/foreground/bl_33c0c0.png);
}
#window_credits .window_bottom_right {
  background:url(../images/foreground/br_33c0c0.png);
}
#window_credits_content {
  background-color:#66f0f0;
}
#window_credits .window_border_left,
#window_credits .window_border_right,
#window_credits .window_handle_center,
#window_credits .window_bottom_center {
  background-color:#33c0c0;
}

#window_contacts .window_handle_left {
  background:url(../images/foreground/tl_b5b586.png);
}
#window_contacts .window_handle_right {
  background:url(../images/foreground/tr_b5b586.png);
}
#window_contacts .window_bottom_left {
  background:url(../images/foreground/bl_b5b586.png);
}
#window_contacts .window_bottom_right {
  background:url(../images/foreground/br_b5b586.png);
}
#window_contacts_content {
  background-color:#efefde;
}
#window_contacts .window_border_left,
#window_contacts .window_border_right,
#window_contacts .window_handle_center,
#window_contacts .window_bottom_center {
  background-color:#b5b586;
}

#window_weather .window_handle_left {
  background:url(../images/foreground/tl_b586b5.png);
}
#window_weather .window_handle_right {
  background:url(../images/foreground/tr_b586b5.png);
}
#window_weather .window_bottom_left {
  background:url(../images/foreground/bl_b586b5.png);
}
#window_weather .window_bottom_right {
  background:url(../images/foreground/br_b586b5.png);
}
#window_weather_content {
  background-color:#efdeef;
}
#window_weather .window_border_left,
#window_weather .window_border_right,
#window_weather .window_handle_center,
#window_weather .window_bottom_center {
  background-color:#b586b5;
}