@import url(/css/generic.css);
@import url(/css/xstandard.css);
@import url(/css/boxes.css);
@import url(/css/ad-boxes.css);
/*
 * Site Specific Styles
 */

body {
  background: #ccc;
  text-align: center;
}

#site-container {
  width: 974px;
  margin: 5px auto 1em auto;
  text-align: left;
}


/** sitestripe **/
div#site-container div#sitestripe {
  position:relative;
  overflow:hidden;
  background:#ffffff url(/img/site-stripe-bg.gif) top left no-repeat;
  color:#ffffff;
  margin:0px 0px 5px 0px;
  width:100%;
  height:32px;
  /*border:solid 1px #9b9b9b;*/
}

div#site-container div#sitestripe ul{
  list-style:none;
  margin:0px 10px;
  padding:0px;
  float:left;
}

div#site-container div#sitestripe ul li{
  float:left;
  height:32px;
  margin:0px;
  padding:0px 3px;
}

div#site-container div#sitestripe ul li.vd{
  /*background:transparent url(/img/site-stripe-div.jpg) top left no-repeat;*/
  width:4px !important;
  padding:0px;
}

div#site-container div#sitestripe ul li.vd span{
  position:absolute;
  margin:-999999px;
}

div#site-container div#sitestripe ul li a{
  line-height:32px;
  text-decoration:none;
}

div#site-container div#sitestripe a{
  color:#000000;
  font-size:0.87em;
  font-weight:bold;
}

div#site-container div#sitestripe a:hover{
  text-decoration:underline;
}

div#site-container div#sitestripe a.active{
  color:#ff0000;
}



/**
* Global Google Search
*/

div#site-container #gsearch{
  position:absolute;
  top:6px;
  right:12px;
  text-align:right;
  padding:0px;
  z-index:2;
}

#gsearch #cseinput{
  background:#ffffff url(/img/google-search-bg.gif) 0px 2px  no-repeat;
  border:solid 1px #dbdbdb;
  width:150px;
  height:17px;
}

#gsearch #cseinput:focus,
#gsearch #cseinput.focus{
 background:#ffffff !important;
}
#csesubmit{
  margin:0px 3px;
  font-size:0.8em;
}

#gsearch #cseinput.nobg{
 background:#ffffff;
}

div#cse-search-results {
 margin:6px;
}


div#banner-top div.inner {
  height: 104px;
  he\ight: 92px;
  text-align: center;
}

div#header div.inner {
  height: 122px;
  he\ight: 110px;
}
div#header ul#top-nav,
div#footer ul#footer-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}
div#header ul#top-nav,
div#footer ul#footer-nav {
  display: block;
}
div#header ul#top-nav li,
div#footer ul#footer-nav li {
  float: left;
  font-size: 1em;
  padding: 0 0 0 10px;
}
div#header ul#top-nav li.first,
div#footer ul#footer-nav li.first {
  padding: 0;
}
div#header ul#top-nav li a,
div#footer ul#footer-nav li a {
  text-transform: uppercase;
  text-decoration: none;
  color: #b1b3b4;
  font-weight: bold;
}
div#header ul#top-nav li a:hover,
div#footer ul#footer-nav li a:hover {
  text-decoration: underline;
}
div#footer ul#footer-nav {
  float: right;
}
div#header div.date-time {
  padding: 3px 0 15px 0;
  font-size: 0.85em;
  text-align: right;
}
div#header h1 {
  background: url(/img/silicon-republic-logo.gif) top left no-repeat;
  float: left;
  padding: 0;
  margin: 0 220px 0 0;
}
div#header h1 a {
  display: block;
  width: 483px;
  height: 62px;
}
div#header h1 span {
  display: none;
}
div#header div.rss-feed {
  float: left;
  width: 29px;
}
div#header div.rss-feed a {
  display: block;
  width: 29px;
  height: 30px;
  background: url(/img/rss-icon.gif) top left no-repeat;
}
div#header div.rss-feed a span {
  display: none;
}



/**
* Site Search - main header
**/

div#header div.inner form {
  float: right;
  margin-right:9px;
}
div#header div.inner fieldset {
  border: none;
  margin: 0;
  padding: 0;
}
div#header div.inner fieldset legend {
  display: none;
}
div#header div.inner fieldset label {
  position: absolute;
  left: -9999px;
}
div#header div.inner fieldset input.text {
  font-size: 0.9em;
  background: url(/img/site-search-field-background.png) no-repeat;
  border: none;
  margin: 13px 4px 0 0;
  padding: 1px 2px 0 2px;
  width: 128px;
  height: 15px;
}
div#header div.inner fieldset input.button {
  overflow: visible;
  color: #000000;
  font-size: 0.8em;
  font-weight: bold;
  font-family: arial black;
  text-transform: uppercase;
  background: transparent;
  border: none;
  margin: 0;
  padding: 0;
}


div#header div.inner #site-search-field{
  background:#ffffff url(/img/google-search-bg.gif) 0px 2px  no-repeat;
  border:solid 1px #dbdbdb;
  width:150px;
  height:17px;
}

div#header div.inner #site-search-field:focus,
div#header div.inner #site-search-field.focus{
 background:#ffffff !important;
}


div#header div.inner #site-search-field.nobg{
 background:#ffffff;
}




div#header form.search {
  float: left;
  width: 196px;
  padding: 0 3px 3px 3px;
  w\idth: 190px;
}
div#header form.search input#input-search{
  border: 1px solid #333;
  width: 132px;
  font-size: 1.6em;
  vertical-align: middle;
}
div#header form.search input#search-button{
  background: #fff url(/img/search-button.gif) no-repeat;
  border: 0;
  padding: 0;
  width: 50px;
  margin: 0 0.2em;
  vertical-align: bottom;
  cursor:pointer;
}

div#header form.search input.underline{
  background: #fff url(/img/search-button-u.gif) no-repeat !important;
}
div#header a#news-alerts {
  color: #000;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  float: right;
  margin-top:5px;
}
div#header a#news-alerts:hover{
  text-decoration: underline;
}
div#header a#news-alerts span {
  color: #d10226;
}
div#flash-area {
  margin-bottom: 6px;
}
div#flash-area div.inner {
  overflow: hidden;
  display: inline-block;
}
div#flash-area div.inner {
  display: block;
}
div#flash-area div#lightbox {
  width: 450px;
  float: left;
  margin-right: 15px;
  background: #fff;
  height: 300px;
}
div#flash-area div#top-stories {
  width: 232px;
  float: left;
  margin-right: 15px;
}
div#flash-area div#top-stories h2 {
  color: #d10024;
  font-size: 1.25em;
  letter-spacing: 1px;
  margin: 0 0 4px 0;
  padding: 2px;
}
div#flash-area div#top-stories ul {
  list-style: none;
  margin: 0;
  padding: 0 2px 0 2px;
}
div#flash-area div#top-stories li {
  margin: 0 0 15px 0;
  padding: 0;
}
div#flash-area div#top-stories li.first {
  padding: 0;
  background: none;
}
div#flash-area div#mediabox {
  width: 250px;
  float: left;
  background:#000 url(/img/mediafile_bg.gif) 0px 19px repeat-x;
  height: 300px;
}

div#flash-area div#mediabox div#mediabox-nav{
  overflow:hidden;
  background: url(/img/mediabox_nav_vid.gif);
  width:250px;
  height:18px;
}

div#flash-area div#mediabox div#mediabox-nav ul{
  margin:0;
  padding:0;
  list-style:none;
}

div#flash-area div#mediabox div#mediabox-nav ul li {
  display:inline;
  float:left;
  width:61px;
  height:18px;
}

div#flash-area div#mediabox div#mediabox-nav ul li a{
  font-weight:bold;
  display:block;
  color:#ff0000;
  width:61px;
  height:18px;
}

div#flash-area div#mediabox div#mediabox-audio,
div#flash-area div#mediabox div#mediabox-video{
  width:235px;
  margin:2px auto;
  overflow:hidden;
  padding-top:10px;
}

div#flash-area div#mediabox div#mediabox-audio{
  display:none;
}

div#flash-area div#mediabox div#mediabox-video{
  display:block;
}

div#flash-area div#mediabox div#mediabox-audio div.mediabox-mediafile{
  width:235px;
  height:180px;
  margin:2px auto;
  overflow:hidden;
  padding-top:10px;
}

div#flash-area div#mediabox div.mediabox-info{
  color:#fff;
  overflow:auto;
}

div#flash-area-minimized-content {
  padding: 4px;
  display: none;
}
div#flash-area-minimized-content ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
  display: inline-block;
}
div#flash-area-minimized-content ul {
  display: block;
}
div#flash-area-minimized-content ul li {
  float: left;
  margin: 0 10px 0 0;
  padding: 5px;
  border: 1px solid #bbb;
  background: #ddd;
}
div#flash-area-minimized-content ul li.ticker {
  width: 299px;
}
div#flash-area-minimized-content ul li.ticker strong {
  display: block;
  color: #d10024;
}
div#flash-area-minimized-content ul li.ticker ul {
  width: 299px;
  height: 1.2em;
}
div#flash-area-minimized-content ul li.ticker ul li {
  display: none;
  float: none;
  width: auto;
  margin: 0;
  padding: 0;
  border: none;
  background: none;
}
div#flash-area-minimized-content ul li.ticker ul li.first {
  display: block;
}
div#flash-area-minimized-content ul li.ticker.last {
  margin-right: 0;
}
div#flash-area-minimized-content ul li a {
  color: #000;
}

div#flash-area-control {
  margin: -6px 0 6px 0;
  overflow: hidden;
  display: inline-block;
}
div#flash-area-control {
  display: block;
}
div#flash-area-control a {
  float: right;
  width: 138px;
  padding: 3px 0 5px 0;
  text-align: center;
  font-weight: bold;
  margin-right: 20px;
  background: #fff url(/img/box-bottom-138px.gif) left bottom no-repeat;
}

div.media, div.media div{
  background:#000;
  color:#fff;
}

div#central-container {
  margin: 0 0 6px 0;
  overflow: hidden;
  display: inline-block;
}
div#central-container {
  display: block;
}
div#content-area {
  width: 655px;
  float: left;
  margin: 0 6px 0px 0;
}
div#content-area.box-655 div.inner {
  /*min-height: 1757px;*/
  min-height: 1781px;
}
* html div#content-area.box-655 div.inner {
  height: 1792px;
  he\ight: 1781px;
}
div#content-area.box-655 div.inner div.subpage-content {
  padding: 1em;
}
div#content-area.box-655 div.inner div.subpage-content p {
  margin: 0 0 1em 0;
}
div#content-area.box-655 div.inner p {
 margin: 0 0 1em 0;
}
h2 {
  color: #d10024;
  font-size: 1.4em;
  letter-spacing: 1px;
  margin: 0 0 8px 0;
  padding: 2px;
}
h3 {
  color: #1a171b;
  font-size: 1.25em;
  margin: 0 0 6px 0;
}
h3 a {
  color: #1a171b;
  text-decoration: none;
}
h3 a:hover {
  text-decoration: underline;
}
.hidden-label {
  display: none;
}
span.date {
  font-weight: bold;
}

div#right-column {
  width: 311px;
  float: left;
}
div#footer {

}
div.footer-zones {
  overflow: hidden;
  display: inline-block;
}
div.footer-zones {
  display: block;
  margin: 6px 0 6px 0;
  margin: 0 0 6px 0;
}
div.footer-zones div.footer-zone {
  float: left;
  margin: 0 5px 0 0;
}
div.footer-zones div.last {
  margin-right: 0px !important;
}
div.footer-zones div.footer-zone div.inner {
  height: 137px;
  he\ight: 135px;
}
#subscribe-box-01 {
  background: #ccc url(/img/subscribe-knowledge-ireland-bg.gif) top left no-repeat;
  height: 149px;
  he\ight: 147px;
  overflow: hidden;
}
#subscribe-box-02 {
  background: #ccc url(/img/subscribe-marketing-age-bg.gif) top left no-repeat;
  height: 149px;
  he\ight: 147px;
  display: none;
  overflow: hidden;
}
#subscribe-box-03 {
  background: #ccc url(/img/subscribe-irish-director-bg.gif) top left no-repeat;
  height: 149px;
  he\ight: 147px;
  display: none;
  overflow: hidden;
}
.subscribe-left {
  width: 330px;
  float: left;
}
.subscribe-left ul.subscribe-nav {
  list-style: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  display: inline-block;
}
.subscribe-left ul.subscribe-nav {
  display: block;
}
.subscribe-left ul.subscribe-nav li {
  width: 105px;
  float: left;
  text-align: center;
  margin: 0;
  padding: 0;
}
.subscribe-left ul.subscribe-nav li a {
  margin: 0 3px 0 0;
  padding: 5px 0 0 0;
  display: block;
}
.subscribe-left ul.subscribe-nav li a:hover {
  text-decoration: none;
}
.subscribe-left ul.subscribe-nav li a span {
  /*display: none;*/
  font-size: 0.9em;
}
.subscribe-left div.subscribe-details {
  padding: 15px;
  overflow: hidden;
  display: inline-block;
}
.subscribe-left div.subscribe-details {
  display: block;
}
.subscribe-left div.subscribe-details p.thumbnail {
  float: left;
  width: 69px;
  margin-right: 12px;
}
.subscribe-left div.subscribe-details p.summary {
  float: left;
  width: 215px;
  font-size: 0.9em;
  line-height: 1.5em;
}
.subscribe-right {
  width: 300px;
  padding: 6px 0 0 6px;
  float: left;

}
.subscribe-right form {
  margin: 30px 0 0 15px;
}
.subscribe-right form p {
  line-height: 28px;
}
.subscribe-right form input {
  vertical-align: middle;
}
.subscribe-right form input.text {
  border: 1px solid #bbb;
  font-size: 0.9em;
  margin-right: 7px;
  padding: 2px;
  color: #888;
}
.subscribe-right form input.first-name {
  width: 120px;
}
.subscribe-right form input.last-name {
  width: 120px;
}
.subscribe-right form input.email-address {
  width: 207px
}

div#footer div.inner div#end-footer {

}
div#footer div.inner {
  padding: 6px;
  /*
  background: #url(/img/silicon-republic-footer-logo.gif) bottom left no-repeat;
  background-position: 6px 90%;
  */
}
div#footer div.copyright {
  padding: 40px 5px 0 0;
  font-size: 0.9em;
  background: url(/img/silicon-republic-footer-logo.gif) bottom left no-repeat;
}
div#footer div.copyright p {
  text-align: right;
}
div#footer div.copyright p a {
  color: #d10228;
  text-decoration: none;
}
div#footer div.copyright p a:hover {
  text-decoration: underline;
}
/****
* This is for the proper placement of advertisements.
*****/
div#banner-zone-l {
  width:728px;
  float: left;
  margin-left:3px;
  overflow:hidden;
}

div#banner-zone-click{
  width:223px;
  float:left;
  overflow:hidden;
}

.nooverflow{
  overflow: hidden;
  display: inline-block;
}

div#banner-zone-c div.inner,
div#banner-zone-d div.inner{
  margin:3px 0 0 0;
  height:129px;
}

div.ad-magazine,
div#banner-zone-c,
div#banner-zone-d,
div#banner-zone-i,
div#banner-zone-j,
div#banner-zone-h,
div#banner-zone-k,
div#zone-k {
  text-align: center;
}

#banner-zone-i img{
  margin-top: 3px;
}

#banner-zone-j img{
  margin: 10px 0 10px 0;
}

#banner-zone-f,
#banner-zone-j {
  margin-bottom: 0;
}

div#social{
  border: 3px solid #cccccc;
  padding: 5px 0 0 18px;
  margin: 1.2em;
}

div#social h4 {
  margin: 0;
  padding: 0;
  font-size: 1.1em;
}

div#social ul {
  overflow: hidden;
  margin: 0 0 0 17px;
  padding: 0;
}

div#social ul li {
  float: left;
  display: block;
  line-height: 45px;
  margin: 0 auto 0 auto;
  padding: 0;
}

div#social ul li a {
  margin-left: 30px;
  padding-left: 22px;
}

div#social ul li.delicious a {
  margin-left: 0px;
  background: url(/img/social/delicious.gif) no-repeat left;
}

div#social ul li.digg a {
  background: url(/img/social/digg.gif) no-repeat left;
}

div#social ul li.reddit a {
  background: url(/img/social/reddit.gif) no-repeat left;
}

div#social ul li.facebook a {
  background: url(/img/social/facebook.gif) no-repeat left;
}

div#social ul li.stumbleupon a {
  background: url(/img/social/stumbleupon.gif) no-repeat left;
}

div#captchacontainer{
  margin: 0 10px 10px 155px ;
  border: 1px solid #000;
  padding: 10px;
}

div#captchacontainer img{
  float: left;
  margin: 0 10px 10px 0;
}

ul#footer-btns{
padding:0px 0 0 10px;
margin:0;
}
ul#footer-btns li{
float:left;
margin:0;
padding:0px;
width:95px;
text-align:center;
font-size:0.8em;
}

ul#footer-btns li a{
text-decoration:none;
text-align:center;
color:#000
}


ul#footer-btns li a:hover{
color:#d10024;
}




/** SEND TO FRIEND FORM **/

#send-to-friend,
#send-to-friend-response{
  margin:7px;
  display:none;
  border:solid 3px #ccc;
}

#send-to-friend{
  position:absolute;
  z-index:10;
}

#close-this-form{
  background:#fff;
  text-align:right;
  padding:3px;
}

#send-to-friend-form{
  padding:6px;
  width:500px
}


#send-to-friend-form div.optional{
  display:inline-block;
  overflow:hidden;
  margin-bottom:7px;

}

#send-to-friend-form div.optional label{
  width:100px;
  text-align:right;
  float:left;
}

#send-to-friend-form div.optional label.invalid{
  color:#ff0000;
  font-weight:bold;
}

#send-to-friend-form div.optional input{
  width:200px;
}

#send-to-friend-form div.optional textarea{
  width:300px;
}

#send-to-friend-form div.optional textarea,
#send-to-friend-form div.optional input{
  float:left;
  margin-left:7px;
}

#stf-submit {
  margin-left:107px;
}

span.hidden{
display:none;
margin-left:-50000;
}


/*
* Sub page Polls
*/

div#right-column div.inner div#poll {
  text-align:left;
}

div#right-column div.inner div#poll p {
  margin-bottom: 1em;
}
div#right-column div.inner div#poll h3 {
  font-size: 1.1em;
  margin-bottom: 0.9em;
}
div#right-column div.inner div#poll form div.fields {
  margin: 0 0 1em 12px;
  line-height: 1.6em;
}
div#right-column div.inner div#poll form div.fields input {
  margin-right: 5px;
  vertical-align: middle;
}
div#right-column div.inner div#poll form input.submit {
  border: none;
  background: #e10023;
  padding: 4px;
  color: #fff;
  float: right;
  display: inline;
  margin-right: 12px;
}
div#right-column div.inner div#poll form input.submit:hover {
  background: #f55;
}
div#right-column div.inner div#poll table {
  margin-left: 12px;
  border-collapse: collapse;
}
div#right-column div.inner div#poll table td {
  padding: 3px;
  vertical-align: middle;
}
div#right-column div.inner div#poll table td span.percentage {
  font-size: 0.8em;
}