﻿/* P&P Default CSS Document - Includes: Homepage - Public (2 column layout) & Public content pages (2 column layout) */

body{ 
	padding:10px 0 0 0;
	margin:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	background-image: url(../images/bg.gif);
	text-align:center;
}
.hide{
	position:absolute;
	left:-5000px;
	height:1px;
	width:1px;
	overflow:hidden;
}
.clear{clear:both;}
/*********************** SKIP LINK ***************************/
span.skip a{
	position: absolute;
	left: -5000px;
	background-color: #FFFFFF;
	width: 136px;
	position: absolute;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}
span.skip a:focus, span.skip a:active{
	display: block;
	position: absolute;
	left: 268px;
	top: 10px;
} 
div.access_keys{padding:0; margin:0;}
div.access_keys ul{padding:0; margin:0; height:1px;}
div.access_keys ul li{padding:0; margin:0; list-style:none; height:1px;}
/*//////////////////// Structural Container Styles ////////////////////*/
div.pub div.page_container{
	margin:0;
	padding:0 0 30px 0;
	margin-left: auto;
	margin-right: auto;
	width:748px;
	text-align: left;
}
div.pub div.content_container{
	padding:0;
	margin:0 0 0 195px;
	width:551px;
}
*html div.pub div.content_container{
	width:550px;
}
div.pub div.left_column_container{
	padding:0;
	margin:0 ;
	float:left;
	width:185px;
}
div.pub div.left_column_container h2{padding:0; margin:0 0 10px 0; font-size:110%;}

/*//////////////////// Banner Cymraeg Styles ////////////////////*/
div.pub div.banner{
	padding:0;
	margin:0 0 10px 0;
	background-image:url(../images/template/public_banner.jpg);	background-repeat:no-repeat;
	background-position:left;
	width:744px;
	text-align:right;
}
*html div.pub div.banner{
	width:742px;
	margin:0 0 13px 0;
}
div.pub div.banner_right{padding:0; margin:0; height:66px; background:url('../images/template/banner_left.jpg') right top no-repeat;}

div.pub div.banner div.lang{padding:0; margin:0;}
div.pub div.banner div.lang p{padding:5px 9px 6px 9px; margin:39px 0 0 0; text-align:center; background-color:#FFF; font-size:80%; float:right; clear:none;}
div.pub div.banner div.lang a{font-weight:bold;}

/*//////////////////// Main Navigation Styles ////////////////////*/
div.pub_main_navigation{ 
	padding:0; margin:0;
	background-image:url(../images/template/main_nav_top.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}
div.pub_main_navigation ul{
	font-size:90%;
	list-style:none;
	padding:56px 18px 0 18px;
	margin:0;
}
div.pub_main_navigation ul li{
	padding:0;margin:0 0 19px 0;
}
div.pub_main_navigation ul li a{
	padding:0;margin:0;
	font-weight:bold;
	text-decoration:underline;
}
div.pub_main_navigation ul li a:hover, div.pub_main_navigation ul li a:active, div.pub_main_navigation ul li a:focus {
	padding:0;margin:0;
	text-decoration:none;
}
div.pub_main_navigation ul li a img{
	padding:0;margin:0 0 13px 0;
	display:block;
	border:none;
}
*html div.pub_main_navigation ul li a img{
	margin:0 0 10px 0;
}
/*//////////////////// Main Content Styles ////////////////////*/
div.pub div.content_public_bread{
	padding:0;margin:0;
}
div.pub div.content_public_bread ul{
	font-size:86%;
	list-style:none;
	padding:0;margin:0;
}
div.pub div.content_public_bread li{
	padding:0 3px 0 6px;margin:0;
	display:inline;
}
div.pub div.content_public_main{
	padding:0 10px 0 18px;margin:0;
}
div.pub div.content_public_main ul{
	padding:0 0 20px 20px;margin:0;
	font-size:95%;
	line-height:1.5em;
}
div.pub div.content_public_main ol{
	padding:0 0 20px 25px;margin:0;
	font-size:95%;
	line-height:1.5em;
}
div.pub div.content_public_main li{
	/*margin:30px 0 15px 0;*/
	padding:0 0 15px 55px;
	font-weight:lighter;
}
div.pub div.content_public{
	padding:15px 22px 42px 18px;margin:0;
}
div.pub div.content_public a{
	padding:0;margin:0;
	font-weight:bold;
	text-decoration:underline;
}
div.pub div.content_public a:hover, 
div.pub div.content_public a:active, 
div.pub div.content_public a:focus {
	text-decoration:none;
}
div.pub div.content_public h2{
	margin:30px 0 15px 0;
	padding:0 0 15px 55px;
	font-weight:lighter;
}
div.pub div.content_public_main h3{
	margin:0;
	padding:0;
	font-weight:lighter;
}
div.pub div.content_public_main h4{
	margin:0;
	padding:0;
}
div.pub div.content_public_main h5{
	margin:0;
	padding:0;
	font-size:95%;
}
div.pub div.content_public_main h6{
	margin:0 0 0 0;
	padding:0 0 0 0;
	font-size:86%;
}
div.pub div.content_public p{
	padding:0 0 20px 0;
	margin:0;
	font-size:95%;
	line-height:1.5em;
}
div.pub div.content_public img.public{
	margin:0 0 18px 0;
	padding:1px;
}
.public_h2_introducing{
	background-image:url(../images/home_page/h2_intro.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.public_h2_about{
	background-image:url(../images/home_page/h2_about.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
.public_h2_register{
	background-image:url(../images/home_page/h2_register.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}
div.registration_link{
	padding:15px 0 0 0;
	margin:0;
	text-align:center;
}
div.registration_link img{
	padding:0;
	margin:7px 0 0 0;
	display:block;
	border:none;
	margin-left: auto;
	margin-right: auto;
	border:none;
}
div.registration_link a{
	font-size:95%;
	padding:0;margin:0;
}
span.mandatory_field{ 
	padding:0;margin:0;
	font-weight:bold;
	display:block;
}
/*//////////////////// Home Page Main Content Styles ////////////////////*/
div.content{
	padding:0;margin: 0;
}
div.content_home_top{
	padding:0 /*120px*/0 10px 30px; margin:0;
	/*background-image:url(../images/home_page/top_con_bak.jpg);
	background-repeat:no-repeat;
	background-position:top right;*/
	min-height:280px;
}
*html div.content_home_top{height:280px;}
div.content_home_top object{float:right;}
div.content_home_top a{
	font-size:82%;
	padding:0; margin:0;
	font-weight:bold;
	width:45%;
	text-decoration:underline;
}
div.content_home_top a:hover, div.content_home_top a:active, div.content_home_top a:focus {
	text-decoration:none;
}
div.content_home_top h2{
	padding:16px 0 0 0;
	margin: 0;
	font-weight:bold;
	font-size:110%;
}
div.content_home_top p{
	padding:5px 0 0 0;
	margin:0;
	font-size:95%;
	line-height:1.5em;
}
div.content_home_bottom{
	padding:0 0 20px 0;
	margin:0;
	background-image:url(../images/home_page/bottom_con_bak.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}
div.content_home_bottom p{
	padding:18px 15px 0 80px;
	margin:0;
	font-size:90%;
	line-height:1.5em;
}
div.content_home_bottom a{
	font-size:95%;
	padding:0;margin:0;
	font-weight:bold;
	text-decoration:underline;
}
div.content_home_bottom a:hover, div.content_home_bottom a:active, div.content_home_bottom a:focus{
	text-decoration:none;
}
/*//////////////////// Footer Content Styles ////////////////////*/
div.pub_footer{
	padding:0;
	margin: 10px 0 0 0;
}
div.pub_footer ul{
	font-size:58%;
	list-style:none;
	padding:0;
	margin:7px 0 7px 0;
	text-align:center;
}
div.pub_footer li{
	padding:0;
	margin:0;
	display:inline;
}
div.pub_footer a{
	padding:0;
	margin:0 0 0 6px;
	font-weight:bold;
	text-decoration:none;
}
div.pub_footer a:hover, 
div.pub_footer a:active, 
div.pub_footer a:focus {
	text-decoration:none;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// Component styles ///////////////////////////////////////////////////////*/
/*//////////////////////////////////////////////////////////////////////////////////////////////////*/
/*//////////////////// cdsm_user_login_two /////////////////////////*/
div.cdsm_user_login_two{
	padding:0;margin:0;
	position:relative;
}
div.cdsm_user_login_two form{
	padding:0;margin:10px 0 0 0;
}
div.cdsm_user_login_two span{
	padding:0;margin:0;
}	
div.cdsm_user_login_two label{
	padding:0;margin:0;
	font-size:90%;
	font-weight:bold;
	display:block;
}
div.cdsm_user_login_two input.cdsm_user_login_input{
	background-image:url(../images/template/input_bg.gif);
	background-repeat:repeat-x;
	padding:3px 2px 3px 2px;
	margin:2px 0 8px 0;
	width:145px;
}
div.cdsm_user_login_two input.cdsm_user_login_but{
	margin:0;padding:0;
	float: right;
	width:60px;
	text-align:center;
}
@media all{
div.cdsm_user_login_two input.cdsm_user_login_but{
	float:right;
	width:60px;
	text-align:center;
	padding:0;margin:0;
}
}
/*//////////////////// Main Navigation Login Styles ////////////////////*/
div.main_navigation_login{
	padding:15px 15px 15px 15px;
	margin:0 0 10px 0;
}
div.main_navigation_login h2{
	padding:0;margin:0;
	font-size:115%;
	font-weight:bold;
	text-align:left;
	position:relative;
}
div.main_navigation_login a{
	padding:0;margin:0;
	font-size:82%;
	font-weight:bold;
	text-decoration:underline;
}
div.main_navigation_login a:hover, div.main_navigation_login a:active, div.main_navigation_login a:focus {
	text-decoration:none;
}
/*//////////////////// cdsm_user_registration (over 3 pages) ////////////////////*/
div.cdsm_user_registration{
	padding:0;margin:0;
	width:98%;
	text-align:center;
	position:relative;
}
div.cdsm_user_registration span{
	padding:13px 13px 13px 13px;
	margin: 0 auto 20px auto;
	display:block;
	width:85%;
	text-align:left;
}
div.cdsm_user_registration label{
	padding:0 0 3px 0;margin:0;
	font-weight:bold;
	display:block;
	font-size:95%;
}
div.cdsm_user_registration input{
	padding:3px 0 3px 0;
	margin:0;
	width:100%;
	background-image:url(../images/template/input_bg.gif);
	background-repeat:repeat-x;
}
div.cdsm_user_registration select{
	padding:1px 0 1px 0;margin:0;
	width:100%;
}
div.cdsm_user_registration textarea{
	padding:1px 0 2px 0;margin:0;
	width:100%;
	height:95px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:95%;
}
div.cdsm_user_registration_address{
	padding: 0 0 12px 0;margin:0;
}
div.cdsm_user_registration_address_hold{
	padding:13px 13px 13px 13px;
	margin: 0 auto 20px auto;
	display:block;
	width:85%;
	text-align:left;
}
div.registration_page_no_right{
	padding:0;margin:0; 
	float:left;
	clear:none;
	text-align:left;
	width:45%;
	font-size:95%;
}
div.registration_page_no_right input{
	padding:0;margin:0;
	background-image:none;
}
div.registration_next_prev{
	padding:5px 0 0 0;margin:0;
}
div.registration_page_no{
	padding:0;margin:0;
	font-size:95%;
	margin-left: auto;
	margin-right: auto;
	float:left;
	clear:none;
	text-align:center;
	width:39%;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.registration_next{
	padding:0;margin:0; 
	float:right;
	clear:none;
	text-align:right;
	width:34%;
}
div.registration_next a{
	padding:0;margin:0; 
	font-size:95%;
}
div.registration_next input{
	padding:0;margin:0;
	background-image:none;
	border:none;
	width:101px;
	height:25px;
}
div.registration_next img{
	padding:0;
	margin:10px auto 0 auto;
	display:block;
	border:none;
}
div.registration_prev{
	padding:0;margin:0; 
	float:left;
	clear:none;
	text-align:left;
	width:27%;
}
div.registration_prev a{
	padding:0;margin:0; 
	font-size:95%;
}
div.registration_prev input{
	padding:0;margin:0;
	background-image:none;
	width:101px;
	height:25px;
}
div.registration_prev img{
	padding:0;
	margin:10px auto 0 auto;
	display:block;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.registration_prev_last{
	padding:0;margin:0; 
	float:left;
	clear:none;
	text-align:left;
	width:60%;
}
div.registration_prev_last input{
	padding:0;margin:0;
	background-image:none;
	border:none;
	width:101px;
	height:25px;
}
div.registration_prev_last a{
	padding:0;margin:0; 
	font-size:95%;
}
div.registration_prev_last img{
	padding:0;
	margin:0 10px 0 0;
	border:none;
	display:inline;
	float:left;
}
div.registration_submit_left{
	padding:0 20px 0 0;
	margin:20px 0 0 0; 
	font-size:95%;
	text-align:left;
	width:78%;
	float:left;
	clear:none;
	background-repeat:no-repeat;
	background-position:right center;
}
div.registration_submit_left p{
	padding:13px 0 0 0 ;
	margin:0 40px 0 40px ;
}
div.registration_submit_right{
	padding:0;
	margin:20px 0 0 0; 
	font-size:95%;
	text-align:left;
	width:15%;
	float:right;
	clear:none;
}
div.registration_submit_right input{
	padding:1px 0 1px 0;
	margin:17px 0 0 0;
	background-image:none;
	width:90px;
}
div.registration_error{
	padding:0; margin:0 0 15px 0;
	font-weight:bold;
}
div.registration_error span{
	padding:13px 13px 13px 13px;
	margin: 0 auto 20px auto;
	display:block;
	width:85%;
	font-weight:bold;
	text-align:left;
}
/*  - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.registration_terms{
	padding:13px 13px 13px 13px;
	margin: 0 0 20px 0;
	margin-left: auto;
	margin-right: auto;
	display:block;
	width:85%;
	text-align:left;
}
div.registration_terms ul{
	padding:0;margin:0 0 25px 0;
}
div.registration_terms ul li{
	padding:0 0 0 20px;margin:0;
	list-style:none;
}
div.registration_terms h3{
	padding:0;margin:0 0 15px 0;
	font-weight:bold;
	font-size:95%;
}
div.registration_terms label{
	padding:0;margin:0;
	display:inline;
	font-weight:bold;  
}
div.registration_terms input{
	padding:0;margin:0 10px 0 0;
	background-image:none;
	border:none;
	display:inline;
	width:auto;
}
p.cross{ color:#CA0000; font-weight:bold;}
p.tick{ color:#248800; font-weight:bold;}
ul.cross_reg li{
	padding:0;margin:0;
	background-image:url(../images/cross_reg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
ul.tick_reg li{
	padding:0;margin:0;
	background-image:url(../images/tick_reg.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
/*  - - - - - - - - - - - - - - - - - - PLAIN TEXT PAGES - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
div.plain_text{
	padding:0;margin:0;
}
div.plain_text h3{
	padding:0;margin:0;
}
div.plain_text h4{
	padding:0;margin:0 0 8px 0;
	font-size:95%;
}
div.plain_text ul{
	padding:0;margin:0 0 25px 0;
}
div.plain_text ul li{
	padding:0 0 0 25px;margin:3px 0 3px 0;
	list-style:none;
	color:#000000;
}
ul.cross li{
	padding:0;margin:0;
	background-image:url(../images/cross.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
ul.tick li{
	padding:0;margin:0;
	background-image:url(../images/tick.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
div.pub ul.normal{
	padding:0; margin:0;
}
div.pub ul.normal li{
	padding:10px 0; margin:0;
}
/*  - - - - - - - - - - - - - - - - - - ERROR MESSAGE - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
.error_message{ color:#FF0000;}
div.error_message{
	font-weight:bold;
	padding:13px 13px 13px 13px;
	margin: 0 auto 20px auto;
	display:block;
	border:1px solid #FF0000;
	background-color:#fff8c0;
	width:85%;
	font-weight:bold;
	text-align:left;
	font-size:95%;}
div.RequiredFieldValidator{
	padding:0;margin:0;}
div.RequiredFieldValidator span{
	padding:0;margin:8px 0 0 0;
	clear:both;
	display:block;
	border:none;
	font-size:95%;}