/*
Theme Name: WUP
Theme URI: http://www.webusability.co.uk/
Description: The default WUP theme based on S8080 design and Communis accessibility check.
Version: 0.1
Author: Tasin Reza
Author URI: http://www.webusability.co.uk/
Tags: blue, custom header, fixed width, two columns, widgets

	WUP v1.0
	 http://www.webusability.co.uk/

	This theme was designed and built by Tasin Reza

*/
/* Begin Typography & Colors */
body {margin: 0; padding: 0 0 2em 0; font-size: 100%; font-family: verdana}
h1,h2,h3,h4 {}
h1 {font-size: 1.5em}
#homepage h1 {font-size: 1.25em}
h2 {font-size: 1.25em}
h3 {font-size: 0.875em}
p {font-size: 0.75em; line-height: 1.5}
img {padding: 0; margin: 0; border: 0; vertical-align : bottom}
img.align-right {float: right; margin: 1px 2px 5px 7px}
img.align-left {float: left; margin: 1px 7px 5px 5px}

img.alignright {float: right; margin: 1px 0px 5px 7px; clear:right}
img.alignleft {float: left; margin: 1px 7px 5px 5px}

#body table {border-collapse: collapse; border: solid #fff 1px; margin: 0.5em 0 1em}
#body th, #body td {font-size: 0.75em; margin: 0.5em 0; padding: 5px 15px; border: solid #585858 1px}
#body td.centre {text-align: center}


abbr {border-bottom: dotted #ccc 1px}
a {color: #345a98; background: #fff; text-decoration: none; font-weight: bold; border-bottom: solid #bbe 1px}
a:hover {color: #36f; background: #fff; border-bottom: solid #36f 1px}
a:active {color: #f60; background: #fff}
a:focus {color: #fff !important; background: #345a98 !important}
.clear {clear: both}


#wrap {position: relative; z-index: 2; margin: 0 auto; width: 59.125em}

#header {position: relative; z-index: 2; margin: 18px 0 0 14px}
 #logo {float: left; padding-bottom: 10px}
 #tagline {text-align: right; padding: 10px 36px 0 0; margin: 0}
 #contact-tel {text-align: right; margin: 8px 36px 0 0}
 #contact-e-mail {text-align: right; margin: 0 36px 0 0}

/* Navigation bar styles */
 
#nav {clear: left; background: url(images/nav-bar-bottom.gif) #ebebe4 repeat-x bottom; float: left; width: 100%; position: relative}
 #nav .tr {background: url(images/nav-tr.gif) no-repeat; width: 4px; height: 4px; position: absolute; right: 0; top: 0; display: block}
 #nav .br {background: url(images/nav-br.gif) no-repeat; width: 7px; height: 7px; position: absolute; right: 0; bottom: 0; display: block; border: solid red 1pxs}
 #nav ul {margin: 0; padding: 0; background: url(images/nav-bar-top.gif) repeat-x top; width: 100%; float: left}
 #nav ul li {margin: 0; padding: 0; list-style-type: none; font-size: 0.75em; float: left}
 #nav ul li a {float: left; padding: 0.5625em 1.75em 0.5625em; border: solid #cdcdc8 1px; border-right: none; text-decoration: none; background: #ecebe6 url(images/nav-bar.gif) repeat-x top; color: #000; font-weight: bold}
 #nav ul li a:hover, #nav ul li a:focus,  #nav ul li a:active {text-decoration: underline}
 #nav ul li.current_page_item a {border-bottom: solid #fff 1px; background: #fff; color: #000; height: 1.475em}
 #nav ul li a.current_page_item {border-bottom: solid #fff 1px; background: #fff; color: #000; height: 1.475em} /*Added to make news and views show like current section*/
 #nav ul li.last a {border-right: solid #cdcdc8 1px}

#nav ul li.current_page_ancestor a {border-bottom: solid #fff 1px; background: #fff; color: #000; height: 1.475em}
#nav li.current_page_ancestor {position: relative}
  #nav li.current_page_ancestor span.tl {background: url(images/nav-here-tl.gif) no-repeat; width: 5px; height: 5px; position: absolute; left: 0; top: 0}
  #nav li.current_page_ancestor span.tr {background: url(images/nav-here-tr.gif) no-repeat; width: 4px; height: 4px; position: absolute; right: 0; top: 1px}

 
 #nav li.current_page_item {position: relative}
 
 #nav li.current_page_item span.tl {background: url(images/nav-here-tl.gif) no-repeat; width: 5px; height: 5px; position: absolute; left: 0; top: 0}
  #nav li.current_page_item span.tr {background: url(images/nav-here-tr.gif) no-repeat; width: 4px; height: 4px; position: absolute; right: 0; top: 1px}
  
  #nav li.current-cat-parent{position: relative}
  #nav li.current-cat-parent a {border-bottom: solid #fff 1px; background: #fff; color: #000; height: 1.475em}
  #nav li.current-cat-parent span.tl {background: url(images/nav-here-tl.gif) no-repeat; width: 5px; height: 5px; position: absolute; left: 0; top: 0}
  #nav li.current-cat-parent span.tr {background: url(images/nav-here-tr.gif) no-repeat; width: 4px; height: 4px; position: absolute; right: 0; top: 1px}
  
  #nav li.current-cat {position: relative}
  #nav li.current-cat a {border-bottom: solid #fff 1px; background: #fff; color: #000; height: 1.475em}
  #nav li.current-cat span.tl {background: url(images/nav-here-tl.gif) no-repeat; width: 5px; height: 5px; position: absolute; left: 0; top: 0}
  #nav li.current-cat span.tr {background: url(images/nav-here-tr.gif) no-repeat; width: 4px; height: 4px; position: absolute; right: 0; top: 1px}

/* Subnav */
 #subnav {clear: both}
 #subnav ul {margin: 0; padding: 0; border-bottom: solid #c6c7c2 1px; float: left; width: 100%}
 #subnav li {list-style-type: none; font-size: 0.6875em; float: left}
 #subnav a {text-decoration: none; color: #000; float: left; display: block; padding: 5px 5px 4px 4px; letter-spacing: -0.0313em; border-bottom: solid  #c6c7c2 1px; background: url(images/subnav-divider.gif) top right no-repeat; position: relative; top: 1px; font-weight: normal}
 #subnav a:hover {text-decoration: underline}
  #subnav .current_page_item a {border-bottom: solid #fff 1px; font-weight: bold}
	#subnav li.current-cat a {border-bottom: solid #fff 1px; font-weight: bold}
	#subnav li.current-cat-item a {border-bottom: solid #fff 1px; font-weight: bold}
	#subnav li a.active_category {border-bottom: solid #fff 1px; font-weight: bold}
	#subnav li.current_page_parent a{border-bottom: solid #fff 1px; font-weight: bold}
/* page type setup */
#body {clear: left}
 #homepage #body {padding-top: 23px}
 #navpage #body {padding-top: 8px}

/* Grey box with rounded corners */
 .greybox {position: relative; background: url(images/grey-top.gif) repeat-x #dddcd6; padding: 0; margin-bottom: 10px}
  .greybox .tl {display: block; width: 6px; height: 6px; background: url(images/grey-corner-tl.gif) no-repeat; position: absolute; top: 0; left: 0}
  .greybox .tr {display: block; width: 6px; height: 6px; background: url(images/grey-corner-tr.gif) no-repeat; position: absolute; top: 0; right: 0}
  .greybox .bl {display: block; width: 35px; height: 20px; background: url(images/grey-corner-bl.gif) no-repeat bottom; position: absolute; bottom: 0; left: 0}
  .greybox .br {display: block; width: 35px; height: 20px; background: url(images/grey-corner-br.gif) no-repeat bottom; position: absolute; bottom: 0; right: 0}
  .greybox p {position: relative; padding: 0 1em}
   .greybox p.last {background: url(images/grey-bottom.gif) repeat-x left bottom !important; border-bottom: none; padding-bottom: 20px}
   .greybox li.last {background: url(images/grey-bottom.gif) repeat-x bottom; border-bottom: none}
 
/* Column styles. Notation: c1o3 = Column 1 of 3 */
/* .c1o1 {clear: left; max-width: 60em; padding-bottom: 2em} this is being changed as it spreads like a virus*/
 .c1o1 {float: left; width: 66%; margin-right: 2%; clear: both}
 .c1o2 {float: left; width: 49.2%; margin-right: 1.5%; clear: left}
 .c2o2 {float: left; width: 49.2%}
 .c1o3 {float: left; width: 32.3125%; margin-right: 1.5%; background: #fff}
 .c2o3 {float: left; width: 32.3125%; margin-right: 1.5%; background: #fff}
 .c3o3 {width: 32.375%; float: left; background: #fff}

 .block {border: solid #ccc 1px; margin-bottom: 12px; padding: 0; clear: left}
  .block h1 {padding: 0 14px; margin: 0; line-height: 1.1}
  .block h2 {padding: 0 14px 6px; margin: 0}

 .block h3 {font-size: 0.75em}
 .block h3 {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0}
 .block h3 a {}
 .block p {padding: 5px 11px; margin: 0}
 
/*block list style*/
 .block li {font-size: 1em}
 .block ul {margin: 0; padding: 0 0 0 1em}
 .block li {padding: 0 0 0 20px; background: url(images/bullet.gif) no-repeat 5px 6px; margin: 0; list-style-type: none; font-size: 0.75em; line-height: 1.5}

 .block ul.pagelinks {margin: 0; float: left; padding: 0}
 .block ul.pagelinks li {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0; list-style-type: none; font-size: 0.75em}
 .block ul.pagelinks li a {font-weight: bold}
  
/* Home Page Styles */
 #homepage h2 {font-weight: normal}

 .what-we-do h1 {padding: 3px 14px 8px; font-weight: normal}
 .what-we-do h2 {padding: 8px 14px 0; font-size: 0.875em; clear: right; border-top: dashed #a5a5a3 1px; font-weight: bold !important}
  .what-we-do a {font-weight: bold}
  .what-we-do p {padding: 5px 10px 10px 24px; background: url(images/blue-right-arrow.gif) no-repeat 14px 9px; margin: 0}
  .what-we-do p.align-right {float: right}
  .what-we-do p.last {border-bottom: dashed #a5a5a3 1px}

 .our-clients .c1o2 {float: left; width: 56%; margin-right: 2%; clear: left}
 .our-clients .c2o2 {float: left; width: 42%}
 .our-clients ul {margin: 0; padding: 5px 0 15px 0}
 .our-clients li {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0; list-style-type: none; font-size: 0.75em; line-height: 1.25}
 .our-clients li a {font-weight: bold}
 .our-clients img {border-top: solid #c5c5c5 1px; border-bottom: solid #c5c5c5 1px}

 .our-people ul {margin: 0; padding: 0}
 .our-people li {margin: 0 0px 9px 9px; padding: 0; list-style-type: none; float: left; height:65px; width: 65px}
 .our-people p {padding: 5px 10px 10px 24px; background: url(images/blue-right-arrow.gif) no-repeat 14px 9px; margin: 0}
 .our-people p.align-right {float: right; clear: left}
 .our-people a {font-weight: bold}
 
  .views-and-news h2 {margin: 0 0 0.25em}
  #homepage .views-and-news h2 {margin: 0 0 0.25em 14px}
  .views-and-news ul {margin: 0; padding: 0}
  .views-and-news li {margin: 0; padding: 0; list-style-type: none; font-size: 0.75em; padding: 5px 5px 5px 54px; border-bottom: dashed #a5a5a3 1px; min-height: 2.25em; position: relative; display: block; vertical-align: middle; line-height: 1.25}
   .views-and-news li.odd {background-color: #dddcd7}
    .views-and-news li.odd a {background: #dddcd7}
   .views-and-news li.even {background-color: #eeeeec}
    .views-and-news li.even a {background: #eeeeec}
    .views-and-news li.last {padding-left: 5px}
     .views-and-news li.last a {background: #dddcd7; position: relative; z-index: 2}
   .views-and-news li span.date {position: absolute; font-size: 0.75em; top: 0.6em; left: 5px; word-spacing: -0.1em; border: solid #ccc 1px; text-transform: uppercase; text-align: center; padding: 1px 1px; width: 4.475em; background: #fff; height: 2.75em}
    .odd .ctl {position: absolute; top: -1px; left: -1px; height: 2px; width: 2px; background: url(images/corner-tl2.gif)}
    .odd .ctr {position: absolute; top: -1px; right: -1px; height: 2px; width: 2px; background: url(images/corner-tr2.gif)}
    .odd .cbl {position: absolute; bottom: -1px; left: -1px; height: 2px; width: 2px; background: url(images/corner-bl2.gif)}
    .odd .cbr {position: absolute; bottom: -1px; right: -1px; height: 2px; width: 2px; background: url(images/corner-br2.gif)}
    .even .ctl {position: absolute; top: -1px; left: -1px; height: 2px; width: 2px; background: url(images/corner-tl.gif)}
    .even .ctr {position: absolute; top: -1px; right: -1px; height: 2px; width: 2px; background: url(images/corner-tr.gif)}
    .even .cbl {position: absolute; bottom: -1px; left: -1px; height: 2px; width: 2px; background: url(images/corner-bl.gif)}
    .even .cbr {position: absolute; bottom: -1px; right: -1px; height: 2px; width: 2px; background: url(images/corner-br.gif)}

    .views-and-news li span.date a {color: #585858; background: #fff; border-bottom: none}
  .views-and-news p {padding: 5px 10px 0 24px; background: url(images/blue-right-arrow.gif) no-repeat 14px 9px; margin: 0}
  .views-and-news p.align-right {float: right}
  .views-and-news p.align-right a {background: none}
  .views-and-news p.clear {padding: 0; background: none; height: 30px}

 object {position: relative; vertical-align: bottom}
  
/* Navigation-Page Styles */
#navpage h1 {padding-top: 4px; clear: left; font-size: 1.125em; padding-left: 10px; margin: 2em 0 0}
#navpage h2 {font-size: 0.875em; padding: 9px 15px 0}
#navpage h3 {font-size: 0.75em; padding: 0 0 0 9px; margin: 10px 0 0 15px; background: url(images/blue-right-arrow.gif) no-repeat 0px 2px}
#navpage h3 a {padding: 0; margin: 0; font-weight: bold}

#navpage #body p {padding: 6px 15px; margin: 0; line-height: 1.25}
#navpage .block {padding-bottom: 10px}

#navpage #body .views-and-news p {padding: 5px 10px 0 24px; background: url(images/blue-right-arrow.gif) no-repeat 14px 9px; margin: 0}
#navpage #body .views-and-news p.clear {padding: 0; background: none; height: 30px !important}


/* Content-Page Styles */
#contentpage .c1o2 {float: left; width: 66%; margin-right: 2%; clear: left}
#contentpage .c2o2 {float: left; width: 32%}
#contentpage h1 {padding-top: 4px; clear: left; font-size: 1.125em; padding-left: 10px; margin: 2em 0 0.5em}
#contentpage h2 {font-size: 0.9375em; padding: 9px 11px 0 11px; clear: both}
#contentpage h2 a {}

#contentpage h3 {font-size: 0.75em}
#contentpage h3 {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0}
#contentpage h3 a {}
 
#contentpage .c1o2 p {padding-left: 11px; clear:left}
#contentpage .c1o2 li {font-size: 1em}

#contentpage .c1o2 ul {margin: 0; padding: 0 0 .50em 1em}
#contentpage .c1o2 li {padding: 0 0 0 20px; background: url(images/bullet.gif) no-repeat 5px 6px; margin: 0; list-style-type: none; font-size: 12px; line-height: 1.5}

#contentpage .c1o2 ul.pagelinks {margin: 0; float: left; padding: 0}
#contentpage .c1o2 ul.pagelinks li {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0; list-style-type: none; font-size: 0.75em}
#contentpage .c1o2 ul.pagelinks li a {font-weight: bold}


/*content page 1 column*/
#contentpage .c1o1 p {padding-left: 11px; clear:left}
#contentpage .c1o1 li {font-size: 1em}

#contentpage .c1o1 ul {margin: 0; padding: 0 0 .50em 1em}
#contentpage .c1o1 li {padding: 0 0 0 20px; background: url(images/bullet.gif) no-repeat 5px 6px; margin: 0; list-style-type: none; font-size: 12px; line-height: 1.5}

#contentpage .c1o1 ul.pagelinks {margin: 0; float: left; padding: 0}
#contentpage .c1o1 ul.pagelinks li {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0; list-style-type: none; font-size: 0.75em}
#contentpage .c1o1 ul.pagelinks li a {font-weight: bold}

a.nolink {color: #000; border-bottom: none}

#contentpage .want-to-know-more {position: relative; background: url(images/grey-top.gif) repeat-x #dddcd6; padding-right: 10px}
#contentpage .want-to-know-more p {padding}
#contentpage .want-to-know-more a { background:#dddcd6}

 .case-studies div {border-top: dashed #a5a5a5 1px; padding-top: 10px}
 .case-studies div.case-study-1 {border-top: none}
 .case-studies h2 {padding-top: 4px; clear: left; font-size: 1.125em; padding-left: 10px; margin: 0}
#contentpage .case-studies h3 {font-size: 0.75em}
 .case-studies h3 {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0}
 .case-studies h3 a {}
 .case-studies p {padding: 5px 11px; margin: 0}
 .case-studies img {padding-left: 10px}


/* Footer links */
#footer {width: 100%; clear: both; padding-top: 1em}
 #footer ul {position: none; margin: 0; padding: 0}
 #footer li {list-style-type: none; border-right: solid #ccc 1px; float: left; font-size: 0.75em; padding: 0 10px 2px}
 #footer a {color: #585858}
 
 
 /* skip link */
  /*
  h1 {position: relative}
  .skip {position: absolute}
  .skip p {margin: 0; padding: 0; font-family: verdana, sans-serif}
  .skip a {display: block; border: solid #e3810f 2px; padding: 5px 2px; font-weight: bold; text-decoration: none; position: relative; left: -3005px; top: 5px; width: 19em}
  .skip a:focus, .skip a:active {left: 5px; background: #000; color: #e3810f}
  #skipwrap {width: 1px; height: 1px; overflow: hidden; margin: 0; line-height: 0.01; padding: 0; position: absolute}
  */
/* New version of skip links- changed on 21-09-2009*/
/* Skip link styling starts here. */
/* First, the positioning CSS for the skip link and the skip target. Changing any of this will most likely break the skip link in one browser or another, so if you change it then TEST IT */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
#skiplinkholder a:focus, #skiplinkholder a:active {left: 0; top: 0; z-index: 100}
#skiptargetholder {position: absolute; left: -200%}
/* You may find on certain page layouts that the skip link is appearing underneath other elements on the page in IE7 and below. If this is the case then try uncommenting the two statements below, and if that does not work then try increasing the z-index value above as well */
/*
*+html #skiplinkholder a:focus, *+html #skip a:active {position: relative}
* html #skiplinkholder a:active {position: relative}
*/
/* Now, the visual styling. Change this as desired */
#skiplinkholder a, #skiplinkholder a:link, #skiplinkholder a:visited {color: #fff; background: #336; text-decoration: none; border-bottom: solid #ccc 2px; padding: 5px}
/* End of skip link styling */

  /* blockquote*/
  blockquote {color: #333; padding-left: 1em; margin-left: 1em; border-left: solid #ddd 3px; font-style: italic}

blockquote.pull {color: #333; padding: 0.5em 0.5em 0.5em 0.5em; margin: 1em 1em 1em 1em; border-top: solid #e3810f 1px; border-bottom: solid #e3810f 1px; border-left: 0; font-style: normal; float: right; width: 33%; font-weight: bold}
/*pdf-link from old*/
p.pdflink {float: left; clear:left; width: 50%; text-align: left; padding-top:10px}

/*block without lines*/
.block-without {border: solid #ccc 0px; margin-bottom: 12px; padding: 0; clear: left}
  .block-without h1 {padding: 0 14px; margin: 0; line-height: 1.1}
  .block-without h2 {padding: 0 14px 6px; margin: 0}

 .block-without h3 {font-size: 0.75em}
 .block-without h3 {padding: 5px 10px 0 20px; background: url(images/blue-right-arrow.gif) no-repeat 10px 7px; margin: 0}
 .block-without h3 a {}
 .block-without p {padding: 5px 11px; margin: 0}
 
 /*small type*/
 small{font-size:10px}
 /*Form elements- tester forms*/
 fieldset {padding: 0.5em; border: solid #ccc 1px}
#body fieldset p {margin-bottom: 1.5em; font-size: 0.75em}
 :root #body fieldset p {clear: both; float: left; width: 100%}
legend {font-size: 0.75em; font-weight: bold}
label {display: block; float: left; width: 14em; text-align: right; vertical-align: middle; padding-right: 0.25em; clear: both}
#respond label {width:auto}
* html label {float: none; display: inline-block}

#c1o1 p.missing, label.missing {color: #f00}
label.full {display: auto; width: auto; text-align: auto}

select, input {vertical-align: middle; font-size: 1em}
fieldset span.instruct {font-size: 0.9em}
textarea {vertical-align: top; width: 24em; height: 10em}
fieldset input {width: 24em}
fieldset input.radio, fieldset input.checkbox {width: auto}
fieldset input.submit{font-size:1em}
/*Scrolling images- style change- 21-09-2009*/
.scroller-link a, .scroller-link a:link, .scroller-link a:visited { font-size:8px; display: block; width: 99%; position: absolute; top: 0; left: -200%; z-index: 2}
.scroller-link a:focus, .scroller-link a:active {left: 0; top: 0; z-index: 100}

/*form submit button*/
.form-submit { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px}
 /*Grey box style sheet*/
 /* Last-Modified: 28/06/06 00:08:22 */
#GB_overlay {
    background-color: #000;
    position: absolute;
    margin: auto;
    top: 0;
    left: 0;
    z-index: 100;
}

#GB_window {
    left: 0;
    top: 0;
    font-size: 1px;
    position: absolute;
    overflow: visible;
    z-index: 150;
}

#GB_window .content {
    width: auto;
    margin: 0;
    padding: 0;
}

#GB_frame {
    border: 0;
    margin: 0;
    padding: 0;
    overflow: auto;
    white-space: nowrap;
}


.GB_Gallery {
    margin: 0 22px 0 22px;
}

.GB_Gallery .content {
    background-color: #fff;
    border: 3px solid #ddd;
}

.GB_header {
    top: 10px;
    left: 0;
    margin: 0;
    z-index: 500;
    position: absolute;
    border-bottom: 2px solid #555;
    border-top: 2px solid #555;
}

.GB_header .inner {
    background-color: #333;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    padding: 2px 20px 2px 20px;
}

.GB_header table {
    margin: 0;
    width: 100%;
    border-collapse: collapse;
}

.GB_header .caption {
    text-align: left;
    color: #eee;
    white-space: nowrap;
    font-size: 20px;
}

.GB_header .close {
    text-align: right;
}

.GB_header .close img {
    z-index: 500;
    cursor: pointer;
}

.GB_header .middle {
    white-space: nowrap;
    text-align: center;
}


#GB_middle {
    color: #eee;
}

#GB_middle img {
    cursor: pointer;
    vertical-align: middle;
}

#GB_middle .disabled {
    cursor: default;
}

#GB_middle .left {
    padding-right: 10px;
}

#GB_middle .right {
    padding-left: 10px;
}


.GB_Window .content {
    background-color: #fff;
    border: 3px solid #ccc;
    border-top: none;
}

.GB_Window .header {
    border-bottom: 1px solid #aaa;
    border-top: 1px solid #999;
    border-left: 3px solid #ccc;
    border-right: 3px solid #ccc;
    margin: 0;

    height: 22px;
    font-size: 12px;
    padding: 3px 0;
    color: #333;
}

.GB_Window .caption {
    font-size: 12px;
    text-align: left;
    font-weight: bold;
    white-space: nowrap;
    padding-right: 20px;
}

.GB_Window .close { text-align: right; }
.GB_Window .close span { 
    font-size: 12px;
    cursor: pointer; 
}
.GB_Window .close img {
    cursor: pointer;
    padding: 0 3px 0 0;
}

.GB_Window .on { border-bottom: 1px solid #333; }
.GB_Window .click { border-bottom: 1px solid red; }