/**
 * Reset.css http://meyerweb.com/eric/tools/css/reset/
 * @version v1.0 | 20080212
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * GO Wales Styles
 */

h1 {
  font-size: 2em;
}
h1, h2, p, ul, ol, li, dl, dt, dd {
  margin-bottom: .5em;
}
dt {
  font-weight: bold;
}
dd {
  margin-left: 2em;
}

html {
  background: #272966 url(../images/layout/splash/body.jpg) no-repeat scroll 50% top;
  font: .8em Verdana,Arial,Helvetica,sans-serif;
}

body {
  margin: 0 auto;
  width: 929px;
}

div.pageInset {
  position: absolute;
}

/**
 * Masthead
 */
div.masthead {
  width: 929px;
}
div.masthead img {
  position: absolute;
  top: 18px;
  left: 44px;
}

div.utilityLinks {
  position: absolute;
  top: 0;
  right: 0;
  margin: 7px 16px 0 0;
  width: 204px;
}
div.utilityLinks a.loginState,
div.utilityLinks iframe {
  position: absolute;
  left: 5px;
  width: 101px;
  height: 1.4em;
}
div.utilityLinks a.loginState {
  margin-top: 2px;
}
div.utilityLinks a.changeCulture {
  position: absolute;
  left: 133px;
  top: 2px;
  width: 71px;
}
div.utilityLinks a {
  text-transform: uppercase;
  text-decoration: none;
  text-align: center;
  color: #fff;
}
div.utilityLinks a:active,
div.utilityLinks a:focus,
div.utilityLinks a:hover {
  text-decoration: underline;
}

/**
 * Main Content
 */
div.greenCircle,
div.yellowCircle {
  position: absolute;
  color: white;
}
div.greenCircle {
  top: 275px;
  left: 189px;
  width: 370px;
  padding: 5px;
}
div.yellowCircle {
  top: 228px;
  left: 629px;
  width: 173px;
}

div.greenCircle h2,
div.yellowCircle h2 {
  font-weight: normal;
  margin-bottom: .4em;
}
div.greenCircle h2 {
  font-size: 3.3em;
  padding-left:70px;
  padding-top:40px;
}
div.yellowCircle h2 {
  font-size: 2em;
  padding-top:1em;
}

div.greenCircle p {
  padding-right:40px;
  font-size:1em;
  font-weight:bold;
  line-height:1.2em;
}

div.yellowCircle p {
  font-size: .9em;
}

div.greenCircle a,
div.yellowCircle a {
  color: white;
}
div.greenCircle a.button,
div.yellowCircle a.button {
  display: block;
  float: left;
  margin-top: 1em;
  text-decoration: none;
}
div.greenCircle a.button span,
div.yellowCircle a.button span {
  display: block;
}
div.greenCircle a.button {
  margin-right:10px;
  height: 32px;
  background: transparent url(../images/layout/splash/buttons/greenRight.jpg) no-repeat right top;
  padding-left:10px;
}
div.greenCircle a.button span {
  margin-right: 10px;
  padding: 9px 0 0 10px;
  height: 23px;
  background: transparent url(../images/layout/splash/buttons/greenLeft.jpg) no-repeat left top;
}
div.greenCircle a.button:active,
div.greenCircle a.button:focus,
div.greenCircle a.button:hover {
  background-position: right -32px;
}
div.greenCircle a.button:active span,
div.greenCircle a.button:focus span,
div.greenCircle a.button:hover span {
  background-position: left -32px;
}

div.yellowCircle a.button {
  height: 26px;
  font-size: .8em;
  background: transparent url(../images/layout/splash/buttons/yellowRight.jpg) no-repeat right top;
}
div.yellowCircle a.button span {
  margin-right: 8px;
  padding: 7px 0 0 8px;
  height: 19px;
  background: transparent url(../images/layout/splash/buttons/yellowLeft.jpg) no-repeat left top;
}
div.yellowCircle a.button:active,
div.yellowCircle a.button:focus,
div.yellowCircle a.button:hover {
  background-position: right -26px;
}
div.yellowCircle a.button:active span,
div.yellowCircle a.button:focus span,
div.yellowCircle a.button:hover span {
  background-position: left -26px;
}

/**
 * Form Style
 */
div.formHold{
  padding: 1.5em 0;
}

div.formHold .formRow{
  margin-bottom:5px;
}

div.formHold .formRow.error{
  padding-left:7em;
  color: red;
}

div.formHold .formRow input[type=text],div.formHold .formRow input[type=password]{
	width:15em;
}

div.formHold  .formRow label{
  width: 6em;
  margin-right:1em;
  text-align:right;
  display:block;
  float:left;
}

div.formHold  a.button  input.button{
  padding:0 0.5em;
  margin:0;
  margin-top:-2px;
  line-height:12px;
  font-size:1.2em;
  color:#fff;
  border:none;
  background: transparent;
  cursor:pointer;
}

div.formHold .formRow .actionBar{
  padding-left:7em;
}

/**
 * Icons
 */
div.icon {
  background: transparent none no-repeat 0 0;
  margin: 2px;
}
div.icon.left {
  float: left;
}
div.icon.right {
  float: right;
}

.leftoffset16 {
  margin-left: 24px;
}
.leftoffset32 {
  margin-left: 40px;
}
.leftoffset48 {
  margin-left: 56px;
}
.rightoffset16 {
  margin-right: 24px;
}
.rightoffset32 {
  margin-right: 40px;
}
.rightoffset48 {
  margin-right: 56px;
}

.back16,
.changeQuery16,
.collapse16,
.down16,
.edit16,
.error16,
.expand16,
.forward16,
.info16,
.infoRed16,
.ok16,
.question16,
.search16,
.up16,
.warning16,
.back32,
.changeQuery32,
.collapse32,
.down32,
.edit32,
.error32,
.expand32,
.forward32,
.info32,
.infoRed32,
.ok32,
.question32,
.search32,
.up32,
.warning32,
.back48,
.changeQuery48,
.collapse48,
.down48,
.edit48,
.error48,
.expand48,
.forward48,
.info48,
.infoRed48,
.ok48,
.question48,
.search48,
.up48,
.warning48 {
  background: transparent none no-repeat 0 0;
  margin: 2px;
}

/**
 * 16x16
 */
.back16,
.changeQuery16,
.collapse16,
.down16,
.edit16,
.error16,
.expand16,
.forward16,
.info16,
.infoRed16,
.ok16,
.question16,
.search16,
.up16,
.warning16 {
  padding: 8px;
  font-size: 0;
  border: 0;
}
.back16 {
  background-image: url(../images/icons/16x16/actions/back.png) !important;
}
.changeQuery16 {
  background-image: url(../images/icons/16x16/actions/filter.png) !important;
}
.collapse16 {
  background-image: url(../images/icons/16x16/actions/adept_remove.png) !important;
}
.down16 {
  background-image: url(../images/icons/16x16/actions/down.png) !important;
}
.edit16 {
  background-image: url(../images/icons/16x16/actions/text-editor.png) !important;
}
.error16 {
  background-image: url(../images/icons/16x16/actions/cancel.png) !important;
}
.expand16 {
  background-image: url(../images/icons/16x16/actions/add.png) !important;
}
.forward16 {
  background-image: url(../images/icons/16x16/actions/forward.png) !important;
}
.info16 {
  background-image: url(../images/icons/16x16/actions/documentinfo.png) !important;
}
.infoRed16 {
  background-image: url(../images/icons/16x16/actions/infoRed.png) !important;
}
.ok16 {
  background-image: url(../images/icons/16x16/actions/ok.png) !important;
}
.question16 {
  background-image: url(../images/icons/16x16/actions/assistant.png) !important;
}
.search16 {
  background-image: url(../images/icons/16x16/actions/search.png) !important;
}
.up16 {
  background-image: url(../images/icons/16x16/actions/up.png) !important;
}
.warning16 {
  background-image: url(../images/icons/16x16/actions/important.png) !important;
}

/**
 * 32x32
 */
.back32,
.changeQuery32,
.collapse32,
.down32,
.edit32,
.error32,
.expand32,
.forward32,
.info32,
.infoRed32,
.ok32,
.question32,
.search32,
.up32,
.warning32 {
  padding: 16px;
  font-size: 0;
  border: 0;
}
.back32 {
  background-image: url(../images/icons/32x32/actions/back.png) !important;
}
.changeQuery32 {
  background-image: url(../images/icons/32x32/actions/filter.png) !important;
}
.collapse32 {
  background-image: url(../images/icons/32x32/actions/adept_remove.png) !important;
}
.down32 {
  background-image: url(../images/icons/32x32/actions/down.png) !important;
}
.edit32 {
  background-image: url(../images/icons/32x32/actions/text-editor.png) !important;
}
.error32 {
  background-image: url(../images/icons/32x32/actions/cancel.png) !important;
}
.expand32 {
  background-image: url(../images/icons/32x32/actions/add.png) !important;
}
.forward32 {
  background-image: url(../images/icons/32x32/actions/forward.png) !important;
}
.info32 {
  background-image: url(../images/icons/32x32/actions/documentinfo.png) !important;
}
.infoRed32 {
  background-image: url(../images/icons/32x32/actions/infoRed.png) !important;
}
.ok32 {
  background-image: url(../images/icons/32x32/actions/ok.png) !important;
}
.question32 {
  background-image: url(../images/icons/32x32/actions/assistant.png) !important;
}
.search32 {
  background-image: url(../images/icons/32x32/actions/search.png) !important;
}
.up32 {
  background-image: url(../images/icons/32x32/actions/up.png) !important;
}
.warning32 {
  background-image: url(../images/icons/32x32/actions/important.png) !important;
}

/**
 * 48x48
 */
.back48,
.changeQuery48,
.collapse48,
.down48,
.edit48,
.error48,
.expand48,
.forward48,
.info48,
.infoRed48,
.ok48,
.question48,
.search48,
.up48,
.warning48 {
  padding: 24px;
  font-size: 0;
  border: 0;
}
.back48 {
  background-image: url(../images/icons/48x48/actions/back.png) !important;
}
.changeQuery48 {
  background-image: url(../images/icons/48x48/actions/filter.png) !important;
}
.collapse48 {
  background-image: url(../images/icons/48x48/actions/adept_remove.png) !important;
}
.down48 {
  background-image: url(../images/icons/48x48/actions/down.png) !important;
}
.edit48 {
  background-image: url(../images/icons/48x48/actions/text-editor.png) !important;
}
.error48 {
  background-image: url(../images/icons/48x48/actions/cancel.png) !important;
}
.expand48 {
  background-image: url(../images/icons/48x48/actions/add.png) !important;
}
.forward48 {
  background-image: url(../images/icons/48x48/actions/forward.png) !important;
}
.info48 {
  background-image: url(../images/icons/48x48/actions/documentinfo.png) !important;
}
.infoRed48 {
  background-image: url(../images/icons/48x48/actions/infoRed.png) !important;
}
.ok48 {
  background-image: url(../images/icons/48x48/actions/ok.png) !important;
}
.question48 {
  background-image: url(../images/icons/48x48/actions/assistant.png) !important;
}
.search48 {
  background-image: url(../images/icons/48x48/actions/search.png) !important;
}
.up48 {
  background-image: url(../images/icons/48x48/actions/up.png) !important;
}
.warning48 {
  background-image: url(../images/icons/48x48/actions/important.png) !important;
}