.Foo{}
/* General */
html, body,form {}
body { height: 100%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #333; margin: 20px auto; }
a:link, a:visited, a:active{color: #4C4C4C; text-decoration: underline }
a:hover, a:visited:hover {text-decoration: none !important;}
H1, H2 { display:none;}
H3 { font-size:1.3em; color:#cc3333; margin:0; padding:0; font-weight:normal}
H4 { font-size:1em; color:#cc3333; padding:8px 0 8px 0; margin:0; font-weight:normal}
H5,H6{}
p {padding:8px 0; margin:0 }
img {border:0px;}
#Outer { width: 980px; margin: 0px auto; text-align: left; border: 1px solid #f2f2f2; }
.hide{ display:none;}
/* General End */
/* main content panes. These can be switched on/off with the back end code to suit the wireframes.*/
/* these arent really designed to be modified or to have any visual elements in the layout. Structural only really.*/
.pagebody {padding-right: 10px;padding-left: 20px;color: #666666; min-height:400px;display:block; font-size:0.78em; }
.pagebody ul {margin: 0px;padding: 3px 8px;}
.pagebody li {list-style: inside; list-style-type:none; padding: 3px 20px;}
.pagebody a {color: #000000;text-decoration: underline;}
.pagebody a:visited {color: #000000;text-decoration: underline;}
.pagebody a:hover, .pagebody a:visited:hover {text-decoration: none;}
.pagebody ul li ul {margin: 0px;padding: 3px 20px;list-style-type: disc}
.pagebody ul li ul li {margin: 0px;padding: 3px 20px;list-style-type:disc}
.pagebody ul li a, .pagebody ul li ul li a, .pagebody ul li ul li a:visited, .pagebody li a, .pagebody li a:visited {color: #666666;text-decoration: none;}
/* Banner */
.pagebanner a {text-decoration:none}
.pagebanner a:hover {text-decoration:underline !important}
.pagebanner a:visited{text-decoration:none}
.pagebanner a:visited:hover{text-decoration:underline !important}
.pagebanner {height:95px;clear:both;width: 987px;}
.pagebanner .left {display:none; }
.pagebanner .right {display:none; }
.pagebanner .logo {background:transparent url(images/WalesLogo.gif) no-repeat; width:146px; height: 94px; float:left;}
.pagebanner .content {float:right; width:797px; height:95px; text-align:left; display:block;}
.pagebanner .content .upper {display:block;float:right;height: 45px;
width: 797px;
display: block; text-align:right;}
.pagebanner .content .lower {display:none; }
.applications{height:46px; clear:both;}
/* End Banner */
/* Breadcrumbs */
div.breadcrumbs{clear:both;height:10px;display:block;margin:0px;text-align: right;font-size: 0.6886em;}
.breadcrumbs a, .breadcrumbs a:visited {color:#000000; text-decoration:none}
.breadcrumbs a:hover, .breadcrumbs a:visited:hover {color:#000000; text-decoration:underline !important}
div.breadcrumbs .current{font-weight:bold}
#Outer .breadarea {padding: 5px 0;margin-right: 18px;margin-left: 18px;border-top: 1px solid #d7d7d7;}
/* Breadcrumbs End */
/* pagefooter */
.pagefooter {height:220px; clear:both; text-align:left;margin: 24px 18px;border-top: 1px solid #d7d7d7;}
.pagefooter .left {display:none; }
.pagefooter .right {display:none; }
.pagefooter ul { list-style:none;width:100%;padding:0px;margin:0px;}
.pagefooter ul li {
font-size: 0.6886em;
line-height: 1.2em;
}
.pagefooter .lefttext {float:left; width:45%;text-align:left;}
.pagefooter .righttext {float:right; width:45%;text-align:right;}
.pagefooter a, .pagefooter a:visited {color:#000000; text-decoration:none}
.pagefooter a:hover, .pagefooter a:visited:hover {color:#000000; text-decoration:underline !important}
.UserForm {display:block;width:320px;}
.UserForm span.fieldlabel,.UserForm label.fieldlabel{width: 100px;height: 20px;display:block;float:left;clear:left;padding-top: 3px;margin-left:10px;}
.UserForm span.field{width: 200px;min-height: 20px;display:inline;float:left;padding: 3px 13px 0px 0px;text-align:left;}
.UserForm select.listbox{width:190px;float:left;display:inline;}
.UserForm textarea.field{width: 200px;padding-top: 0px;float:left; }
.UserForm input.field, .UserForm select.field{width: 200px;min-height:15px;float:left;padding-top: 0px;vertical-align:middle;}
.UserForm input.hiddenfield{display:none;}
.UserForm span.fielderror{padding: 0px 0px 0px 10px;display:inline;clear:both;}
.UserForm span.fieldrequiredmarker{color:#FF9900;}
.UserForm a.CommandBtn, .UserForm a.CommandBtn:link, .UserForm a.CommandBtn:active,.UserForm a.CommandBtn:visited{display: inline;vertical-align: middle;width: 105px;height: 18px;text-align:center;padding: 4px 0px 0px 0px;margin: 0px 0px 0px 6px;color: #FFF;background:transparent url(images/CommandBtn.gif) 0px -1px no-repeat;text-decoration: none;float:right;}
.UserForm a.CommandBtn:hover{background-position:0px -22px ;color: #333333;text-decoration: none;}
.UserForm a.CommandBtnSlim,.UserForm a.CommandBtnSlim:link,.UserForm a.CommandBtnSlim:active,.UserForm a.CommandBtnSlim:visited{display: block;vertical-align: middle;width: 70px;height: 19px;text-align: center;padding: 4px 2px 0px 2px;color: #333;background:transparent url(images/CommandBtnSlim.gif) 0px -23px no-repeat;text-decoration: none;float:right;}
.UserForm a.CommandBtnSlim:hover{background-position: 0px 0px ;}
.pagebanner .content .search {padding-top: 10px;font-size: 0.7512em;color: #333333;padding-right: 10px;margin-right:20px;float:right}
* html .pagebanner .content .search {padding-top: 0px;font-size: 0.7512em;color: #333333;padding-right: 10px;margin-right:20px;float:right;height:30px;}
.pagebanner .content .upper .utlity ul {margin: 0; padding: 0;}
.pagebanner .content .upper .utlity li {display: inline;list-style: none;padding-right: 15px;}
.pagebanner .content .upper .utlity {padding-top: 10px;font-size: 0.7512em;color: #333333;padding-right: 10px;float:right}
.pagebanner .content .upper .search .searchbox{float:right;width: 250px;border:none;}
.pagebanner .content .upper .search .searchbox .searchbutton {background: url(images/search_button.gif);display: block;height: 20px;width: 48px;float:right;}
.pagebanner .content .upper .search .searchbox .searchbutton:hover {background: url(images/search_button.gif) 0px 20px;}
.pagebanner .content .upper .search .searchbox .searchfield {background: url(images/searchfield_bg.gif) no-repeat;height: 17px;width: 143px;border-style: none;border-right:1px solid #EFEFEF;border-bottom:1px solid #EFEFEF;padding: 5px 0 0 6px;color: #333333;font-size: 0.98em;float:left;displaY:block;}
.pagebanner .content .upper .search .utlity {}
.pagebanner .content .upper .search .utlity {float: left;padding-right: 10px;}
.pagebanner .content .upper .search .searchbox .button {float: left;height: 20px;width: 48px;padding: 2px 0 0 10px;}
.pagebanner .content .upper .search .searchbox {float: left;height: 22px;width: 200px;}
.pagebanner .content .applications .TopNav .Nav-x,.pagebanner .content .applications .TopNav .Nav-x-sub{clear:both;}
.pagebanner .content .applications .TopNav .Nav-x ul {margin: 5px 0 0 0;padding: 0px;clear:right; float:left}
.pagebanner .content .applications .TopNav .Nav-x li {display: inline;padding-right: 40px;font-size: 0.8764em;}
.pagebanner .content .applications .TopNav .Nav-x-sub ul {margin: 0px;padding: 1px 0 0 0;display:inline;}
.pagebanner .content .applications .TopNav .Nav-x-sub {float:left;display:block;padding-top:4px;}
.pagebanner .content .applications .TopNav .Nav-x-sub li {display: inline;padding-right: 20px;font-size: 0.7512em;background: url(images/divider.gif) no-repeat right top;}
.pagebanner .content .applications .TopNav .Nav-x-sub .last {background: url(none);}
.pagebanner .content .applications .TopNav .Nav-x-sub .lastactive {background: url(none);}
.pagebanner .content .applications .TopNav .active a {color: #cc3333;}
.pagebanner .content .applications .TopNav .lastactive a {color: #cc3333;}
.pagebanner .content .applications .TopNav .Nav-x-sub .active a {color: #cc3333;}
.pagebanner .content .applications .TopNav .Nav-x-sub .lastactive a {color: #cc3333}
.pagebanner .content .applications .TopNav .Nav-x-sub ul li.parentlink a, .pagebanner .content .applications .TopNav .Nav-x-sub .lastactive a {color: #cc3333}
.pagebanner .content .applications .TopNav .Nav-x-sub ul li.parentlink {color: #cc3333;background: url(images/marker.gif) no-repeat 90% 75%; padding: 0 20px 0 0;}
.pagefooter .cols {float: left;width: 170px;padding-top: 30px;padding-bottom:34px}
.pagefooter .cols-wider {float: left;width: 250px;padding-top: 30px;padding-bottom:24px}
.pagefooter .pagefooter-utility .logo-footer {background: url(images/footerlogo.gif);display: block;float: left;height: 58px;width: 190px;}
.pagefooter .pagefooter-utility {border-top: 1px solid #d7d7d7;clear: both; padding-top:10px}
.pagefooter .pagefooter-utility .utility {float: left;padding-top: 22px;width:650px;padding-left: 55px;}
.pagefooter .pagefooter-utility .utility ul {margin: 0px;padding: 0px;}
.pagefooter .pagefooter-utility .utility li {display: inline;padding: 0 20px 0 0;margin:0;background: url(images/divider-footer.gif) no-repeat right top;list-style: none}
.pagefooter .pagefooter-utility .copyright {padding-top: 24px;font-size: 0.6886em;float: right;color: #a1a1a1;}
.pagefooter .pagefooter-utility .utility .last {background: url(none);}
.tool-tip {color: #fff;width: 139px;z-index: 13000;}
.tool-title {font-weight: bold;font-size: 11px;margin: 0;color: #9FD4FF;padding: 8px 8px 4px;background: url(images/bubble.png) top left;}
.tool-text {font-size: 11px;padding: 4px 8px 8px;background: url(images/bubble.png) bottom right;}
.custom-tip {color: #000;width: 130px;z-index: 13000;}
.custom-title {font-weight: bold;font-size: 11px;margin: 0;color: #3E4F14;padding: 8px 8px 4px;background: #C3DF7D;border-bottom: 1px solid #B5CF74;}
.custom-text {font-size: 11px;padding: 4px 8px 8px;background: #CFDFA7;}
/* Forms Styles */
.label {display: block; width: 180px; float: left;}
.field {background: #FFF url(images/searchfield_bg.gif) no-repeat;height: 18px;width: 143px;border-style: none;border-right:1px solid #EFEFEF;border-bottom:1px solid #EFEFEFpadding: 5px 0 0 6px;color: #333333;font-size: 0.98em;}
.fieldtextarea {background:#FFF url(images/fieldbg.gif) no-repeat; border: 1px solid #CCCCCC; width: 200px; font-size: 0.98em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.actionbtn {PADDING-RIGHT: 3px; PADDING-LEFT: 3px; BACKGROUND: #cc3333; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 9px; COLOR: #fff; BORDER-TOP-STYLE: none; PADDING-TOP: 0px; BORDER-RIGHT-STYLE: none; BORDER-LEFT-STYLE: none; BORDER-BOTTOM-STYLE: none}
.formsection{background-color:#EFEFEF;margin:10px;padding:10px 10px 10px 10px;clear:both;display:block;}
.primarylabel{margin-left:10px;display:block;float:left;vertical-align:middle;margin-top:3px;}
.secondarylabel{display:block; font-size:0.85em}
.formimage{border:0px;float:left;display:block;margin-left:50px;margin:2px;}
.radiocheck {padding-right:50px;float:left;display:block}
.fourcolholder {float: left;width: 945px;clear:both;padding-top:10px;padding-bottom: 24px;}
*:first-child+html .fourcolholder{ padding-bottom: 0px; }
* html .fourcolholder{ padding-bottom: 0px; }
.fourcolholder img{display:none}
.fourcolholder a.img{width: 213px;height:116px;display:block; background-position:top center}
.fourcolholder .col0 {float: left;width: 207px; }
.fourcolholder .col1 {width: 213px;margin-left: 30px; float:left; }
.fourcolholder .col2{width: 213px;margin-left: 30px; float:left; }
.fourcolholder .col3{width: 213px;margin-left: 30px; float:left; }
.threecolholder {float: left;width: 945px; margin-bottom:10px; margin-top:2px;}
.threecolholder .colone {float: left;width: 289px; }
.threecolholder .coltwo {width: 289px;margin-left: 39px; float:left; }
.threecolholder .colthree{width: 289px;margin-left: 39px; float:left; }
.twocolholder {float: left;width: 945px;}
.twocolholder .colone {float: left;width: 214px; }
.twocolholder .coltwo {width: 214px;margin-left: 29px; float:left; }
.twocolholder .colthree{width: 214px;margin-left: 30px; float:left; }
.twocolholder .colfour{width: 214px;margin-left: 30px; float:left; }
/* H4 equivilant for links */
.headerlink { font-size:1em; color:#cc3333; padding:8px 0 12px 0; margin:0; font-weight:normal}
.headerlink a { font-size:1em; color:#cc3333; padding:8px 0 12px 0; margin:0; font-weight:normal}
.headerlink a:visited{ font-size:1em; color:#cc3333; padding:8px 0 12px 0; margin:0; font-weight:normal; text-decoration:underline}
.headerlink a:hover { font-size:1em; color:#333333; padding:8px 0 12px 0; margin:0; font-weight:normal}
/* site map */
.treeview {color:#990000}
.treeview a {color:#990000}
/* styles for text based slides */
-->
.backbutton {background: url(images/back.gif);display: block;float: left;height: 20px;width: 44px;}
.continuebutton {background: url(images/continue.gif);display: block;float: left;height: 20px;width: 69px;}
.errors{color:#cc3333;}
.poor{font-size:0.78em;background: url(images/PWpoor.gif) no-repeat bottom left;height: 22px !important;width: 200px !important;display:block !important;float:left !important;}
.weak{font-size:0.78em;background: url(images/PWweak.gif) no-repeat bottom left;height: 22px !important;width: 200px !important;display:block !important;float:left !important;}
.avarage{font-size:0.78em;background: url(images/PWaverage.gif) no-repeat bottom left;height: 22px !important;width: 200px !important;display:block !important;float:left !important;}
.strong{font-size:0.78em;background: url(images/PWstrong.gif) no-repeat bottom left;height: 22px !important;width: 200px !important;display:block !important;float:left !important;}
.excellent{font-size:0.78em;background: url(images/PWexcellent.gif) no-repeat bottom left;height: 22px !important;width: 200px !important;display:block !important;float:left !important;}