﻿/* Conwy People logged_in CSS Document - Contains template + commonly used elements */
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; 
}
div.page_container{ 
	margin:0 auto 0 auto; padding:0 0 30px 0;
	width:746px;
	text-align: left;
}
div.page_container form{
	margin:0; padding:0;
}
/*********************** 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;}
/* - - - - - - - - - - Banner Styles - - - - - - - - - -  */
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;
	height:66px;
	text-align:right;
}
div.banner img{
	padding:0;margin:0;
	float:left;
}
div.banner span a{
	font-size:90%;
	padding:0;
	margin:10px 20px 0 0;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	width:72px;
}
*html div.banner span a{
	margin:10px 12px 0 0;
}
div.banner span{
	float:right;
}
div.banner a:hover, div.banner a:active, div.banner a:focus {
	text-decoration:none;
}

div.banner div.lang{padding:0; margin:0;}
div.banner div.lang p{padding:5px 9px 6px 9px; margin:39px 0 0 0; text-align:center; font-size:80%; float:right; clear:none;}
div.banner div.lang a{font-weight:bold;}

/* - - - - - - - - - - Admin Pop-up Banner Styles - - - - - - - - - -  */
div.banner_pop{
	padding:0; margin:0 auto 10px auto;
	background-image:url(../images/template/banner_left.jpg);
	background-repeat:no-repeat;
	background-position:left;
	width:577px;
	height:66px;
	text-align:right;
}
div.banner_pop img{
	padding:0;margin:0;
	float:left;
}
div.banner_pop span a{
	font-size:90%;
	padding:0;
	margin:10px 20px 0 0;
	font-weight:bold;
	text-decoration:underline;
	display:block;
	width:72px;
}
*html div.banner_pop span a{
	margin:10px 12px 0 0;
}
div.banner_pop span{
	float:right;
}
div.banner_pop a:hover, div.banner_pop a:active, div.banner_pop a:focus {
	text-decoration:none;
}
/* - - Admin - - */
div.admin_pop{
	padding:0;margin:0 auto;
	width:577px;
	text-align:left;
}
/* - - - - - - - - - - Main Navigation - - - - - - - - - -  */
div.left_column_container{
	padding:0; margin:0;
	float:left;
	clear:none;
	width:154px; 
}
div.main_navigation{
	padding:0; margin:0 0 10px 0;
	_height:0.01%;
	*height:0.01%;
}
div.main_navigation ul{
	padding:0; margin:0;
	font-size:84%;
	list-style:none;
}
div.main_navigation ul li{padding:0; margin:0;}
div.main_navigation ul li a{
	font-weight:bold;
	text-decoration:none;
}
div.main_navigation ul li a span{margin:0 0 0 24px;}
div.main_navigation ul li a:hover, 
div.main_navigation ul li a:active, 
div.main_navigation ul li a:focus{background-color:none; *text-decoration:underline; _text-decoration:underline;}

/* - - - - - - - - - - Section Head Icons - - - - - - - - - -  */
div.main_navigation ul li a.groups_head{padding:12px 0 11px 0; margin:0; clear:both; width:153px; float:left; background-image:url(../images/icons/nav_heads_groups.jpg); background-repeat:no-repeat; background-position:left top;}
div.main_navigation ul li a.groups_head:hover, 
div.main_navigation ul li a.groups_head:active, 
div.main_navigation ul li a.groups_head:focus{background-image:url(../images/icons/nav_heads_groups_h.jpg);}

div.main_navigation ul li a.admin_head{padding:12px 0 11px 0; margin:0; clear:both; width:153px; float:left; background-image:url(../images/icons/nav_heads_admin.jpg); background-repeat:no-repeat; background-position:left top;}
div.main_navigation ul li a.admin_head:hover, 
div.main_navigation ul li a.admin_head:active, 
div.main_navigation ul li a.admin_head:focus{background-image:url(../images/icons/nav_heads_admin_h.jpg);}

div.main_navigation ul li a.user_head{padding:12px 0 11px 0; margin:-1px 0 0 0;  clear:both; width:153px; float:left; background-image:url(../images/icons/nav_heads_user.jpg); background-repeat:no-repeat; background-position:left top;}
div.main_navigation ul li a.user_head:hover, 
div.main_navigation ul li a.user_head:active, 
div.main_navigation ul li a.user_head:focus{background-image:url(../images/icons/nav_heads_user_h.jpg);}

div.main_navigation ul li ul{padding:0; margin:0;}
div.main_navigation ul li ul li{
	padding:10px 2px 10px 35px; *padding:4px 2px 9px 35px; margin:0;
	font-weight:bold;
	background-repeat:no-repeat;
	background-position:center left;}

div.main_navigation ul li ul li a{
	padding:0; margin:0;
	font-weight:bold;
	text-decoration:none;
}
div.main_navigation ul li ul li a:hover, 
div.main_navigation ul li ul li a:active, 
div.main_navigation ul li ul li a:focus{}

/* - - - - - - - - - - Admin Icons - - - - - - - - - -  */
li.adminnav_home{background-image:url(../images/icons/adminnav_home.jpg);}
li.adminnav_audit{background-image:url(../images/icons/adminnav_audit.jpg);}
li.adminnav_messages{background-image:url(../images/icons/adminnav_messages.jpg);}
li.adminnav_schools{background-image:url(../images/icons/adminnav_schools.jpg);}
li.adminnav_scrapbook{background-image:url(../images/icons/adminnav_scrapbook.jpg);}
li.adminnav_users{background-image:url(../images/icons/adminnav_users.jpg);}
li.adminnav_datingmessages{background-image:url(../images/icons/adminnav_datingmessages.jpg);}
li.adminnav_groups{background-image:url(../images/icons/adminnav_groups.jpg);}

/* - - - - - - - - - - Main Navigation Icons - - - - - - - - - -  */
li.main_logoff{background-image:url(../images/icons/heading_icons/nav_icon_logoff.jpg);}
li.main_home{background-image:url(../images/icons/heading_icons/nav_icon_home.jpg);}
li.main_forum{background-image:url(../images/icons/heading_icons/nav_icon_forum.jpg);}
li.main_about{background-image:url(../images/icons/heading_icons/nav_icon_aboutme.jpg);}
li.main_about_groups{background-image:url(../images/icons/heading_icons/nav_icon_aboutme_groups.jpg);}
li.main_details{background-image:url(../images/icons/heading_icons/nav_icon_personal_details.jpg);}
li.main_hobbies{background-image:url(../images/icons/heading_icons/nav_icon_hobbies.jpg);}
li.main_ssw{background-image:url(../images/icons/heading_icons/nav_icon_ssw.jpg);}
li.main_journal{background-image:url(../images/icons/heading_icons/nav_icon_journal.jpg);}
li.main_scrapbook{background-image:url(../images/icons/heading_icons/nav_icon_scrapbook.jpg);}
li.main_briefcase{background-image:url(../images/icons/heading_icons/nav_icon_briefcase.jpg);}
li.main_planner{background-image:url(../images/icons/heading_icons/nav_icon_activities.jpg);}
li.main_contacts{background-image:url(../images/icons/heading_icons/nav_icon_my_contacts.jpg);}
li.main_dating{background-image:url(../images/icons/heading_icons/nav_icon_dating.jpg);}
li.main_messages{background-image:url(../images/icons/heading_icons/nav_icon_messages.jpg);}
li.main_nadia{background-image:url(../images/icons/heading_icons/nav_icon_ask_nadia.jpg);}
li.main_chat{background-image:url(../images/icons/nav_icon_chat.jpg);}
li.main_survey{background-image:url(../images/icons/heading_icons/nav_icon_survey.gif);}

/* - - - - - - - - - - Navigation (Nadia's help box) Left - - - - - - - - - -  */
div.main_navigation_help{
	position:relative;
	padding:7px 0 10px 6px;margin:0;
	font-size:84%; 
}
div.main_navigation_help a{
	padding:0;margin:0;
	font-weight:bold;
}
div.main_navigation_help a:hover, div.main_navigation_help a:active, div.main_navigation_help a:focus{
	text-decoration:none;
}
div.main_navigation_help a img{
	padding:0;margin:0 0 13px 0;
	display:block;
	border:none;
}
*html div.main_navigation_help a img{
	margin:0 0 13px 0;
}
/* - - Right - - */
div.right_column_container div.main_navigation_help{
	position:relative;
	padding:15px 6px 10px 6px;
	margin:0 0 10px 0;
	font-size:84%; 
}
div.right_column_container div.main_navigation_help img{margin-top:10px;}


/* - - - - - - - - - - Main Content (2 Column) - - - - - - - - - -  */
div.content_container{ 
	padding:0;
	margin: 0 0 0 165px;
	width:581px; 
}
*html div.content_container{ 
	width:574px;
}
div.content{ 
	padding:12px 22px 42px 18px;
	margin:0;
}
div.content a{
	/*padding:0;margin:0;*/
	font-weight:bold;
	/*text-decoration:underline;*/
}
/*div.content a:hover, div.content a:active, div.content a:focus {
	text-decoration:none;
}*/
div.content h2{
	margin:15px 0 0 0;
	padding:20px 0 20px 81px;
	font-weight:lighter;
	position:relative;
}
div.content h3{ 
	margin:15px 0 0 0;
	padding:0;
	font-weight:lighter;
}
div.content p{
	padding:5px 0 0 0;
	margin:0;
	font-size:95%;
	line-height:1.5em;
}
div.content_bread{
	padding:0; margin:0;
	position:relative;
}
div.content_bread ul{
	font-size:82%;
	list-style:none;
	padding:0;margin:0;
}
div.content_bread li{
	padding:0 3px 0 6px;
	margin:0;
	display:inline;
}
/* - - - - - - - - - - Footer Content - - - - - - - - - -  */
div.footer{
	padding:0;
	margin: 10px 0 0 0;
	text-align:center;
}
div.footer ul{
	font-size:65%;
	list-style:none;
	padding:0;
	margin:7px 0 7px 0;
}
div.footer li{
	padding:0;margin:0;
	display:inline;
}
div.footer a{
	padding:0;
	margin:0 0 0 6px;
	font-weight:bold;
	text-decoration:none;
}
div.footer a:hover, div.footer a:active, div.footer a:focus {
	text-decoration:none;
}
/* commented backslash hack v2 Mac IE5 \*/
.breadcrumb_pipe_foot{}
.breadcrumb_pipe{}
/* end hack */

/* - - - - - - - - - - - - - - - - - - - - - - - - - - -  Commonly used user conponent styles - - - - - - - - - - - - - - - - - - - - - - - - - - -  */
/* - - - - - - - - - -  Common Style - Warning - - - - - - - - - -  */
div.message_warning{
	padding:0; margin:20px 0 0 0;
	width:99%;
}
div.message_warning p{
	padding:0 0 0 23px; margin:0 auto 0 auto;
	background-image:url(../images/icons/warning_!.jpg);
	background-repeat:no-repeat;
	background-position:left center;
	font-size:80%;
	/*width:24.5em;*/
}
div.message_warning strong{
	padding:0;margin:0;
	color:#FF0000;
}
/* - - - - - - - - - -  Common Style - Dashed Line - - - - - - - - - -  */
div.activity_dashed_line{
	padding:15px 0 0 0;
	margin:0 auto 15px auto;
	width:99%;
}
*html div.activity_dashed_line{
	padding:0 0 0 0;
	margin:0 0 15px 0;
}
/* - - - - - - - - - -  Common Style - Set Permissions - - - - - - - - - -  */
div.setpermissions_container{
	padding:12px 15px 0 15px;
	margin: 0 auto 20px auto;
	display:block;
	text-align:left;
	width:94%;
}
div.setpermissions_container h3{
	padding:0 0 3px 0;margin:0;
	font-weight:bold;
	font-size:95%;
}
div.setpermissions_container label{
	margin:0;
	font-weight:bold;
	font-size:95%;
	display:inline;
}
div.setpermissions_container label.yes{ 
	padding:0 0 3px 21px;
	background-image:url(../images/tick2.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
div.setpermissions_container label.no{
	padding:0 0 3px 20px;
	background-image:url(../images/cross2.gif);
	background-repeat:no-repeat;
	background-position:top left;
}
div.setpermissions_container input{
	padding:0;margin:0;
	display:inline;
}
div.setpermissions_yes_no{
	padding:30px 0 30px 0;
	margin:0 auto 20px auto;
	width:480px;
	width:100%;
	text-align:center;
}
/* - - Contact Names - -  */
div.cdsm_messages_compose_control_contacts_name{
	padding:0;margin:10px 0 20px 0;
	background-color:#FFFFFF;
	border:1px solid #118CC7;
}
div.cdsm_messages_compose_control_contacts_name label{
	font-weight:lighter;
}
div.cdsm_messages_compose_control_contacts_name li{
	padding:0;margin:15px 0 15px 0;
}
div.forum_startthread_but{padding:0; margin:0 0 20px 0; text-align:center;}
/* - - - - - - - - - -  Common Styles - - - - - - - - - -  */
div.cdsm_view_pages{
	padding:0;margin:0;
	font-size:80%;
}
div.cdsm_view_pages a{
	padding:3px 5px 3px 5px;
	margin:0;
	text-decoration:none;
}
div.cdsm_view_pages label{
	padding:0; margin:0;
	display:inline;
}
div.cdsm_view_pages select{
	padding:0; margin:0;
	display:inline;
}
div.cdsm_view_pages p{
	padding:0; margin:0;
	display:inline;
}

/*- - - - - - - - - - Required Field Validator ----------------- */
.RequiredFieldValidator span{

display:block;
clear: both;

}

/*- - - - - - - - - -  Error --------------------- */
div.error_message{	
	margin:10px 0 10px 0; padding:15px 15px 20px 15px;
	border:2px solid #FF0000;
	background-color:#E1F5FF;
}
div.error_message p{	
	margin:0;padding:0;
	text-align:center;
	color:#FF0000;
	font-weight:bold;
}
div.error_message span{	
	margin:0;padding:0;
	background-color:#FFFFC1;
	border:none;
}

/* - - - - - - - - - -  Number per page - - - - - - - - - -  */
div.per_page{
	padding:15px 0 0 0; margin:25px 0 0 0;
	font-size:1em;
	text-align:center;
}
div.per_page_view{
	padding:0; 
	margin:20px 0 15px 0;
	font-size:1em;
	text-align:center;
}
div.per_page_display_hold{ 
	margin:0 auto 0 auto; padding:12px;
	font-size:80%;
	width:90%;
}
div.per_page_display_hold_radio{margin:4px 0 0 0; padding:0;}
div.per_page_display_hold span input{ 
	margin:0 4px 0 8px; padding:0;
}
div.per_page_display_hold h4{ font-size:96%; display:inline;}
div.per_page_display_hold input{
	margin:0; padding:1px 2px 1px 2px;
	font-size:95%;
}
div.per_page_search{ 
	margin:8px auto 2px auto; padding:8px;
	text-align:center;
}
div.per_page_search label{ font-weight:bold;}
div.per_page_search_per{margin:8px 0 0 0; padding:0; display:block;}
div.per_page_next_previous{
	margin:12px auto 0 auto;
	padding:0;
	font-size:90%;
	text-align:center;
	position:relative;
	width:95%;
}
div.per_page_next_previous a{
	text-decoration:none;
	font-size:85%;
	font-weight:bold;
	line-height:3em;
}
div.per_page_next_previous a:hover,
div.per_page_next_previous a:focus,
div.per_page_next_previous a:active{
	background-color:#FFF639;
	color:#000075;
}
div.per_page_next_previous p{
	margin:0;padding:0;
}
span.per_page_left_prev a{ 
	margin:0 6px 0 0;
	padding:4px 8px 4px 20px;
}
span.per_page_left_first a{ 
	margin:0 6px 0 0;
	padding:4px 8px 4px 30px;
}
span.middle{	
	margin:6px 0 0 0; padding:0;
	font-weight:bold;
	font-size:75%;
	text-transform:uppercase;
}
span.per_page_right_last a{
	margin:0 0 0 6px;
	padding:4px 30px 4px 8px;
}
span.per_page_right_next a{
	margin:0 0 0 6px;
	padding:4px 20px 4px 8px;
}
a.per_page_next{
	background-image:url(../images/icons/activity_next.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
a.per_page_previous{
	background-image:url(../images/icons/activity_prev.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
a.per_page_last{
	background-image:url(../images/icons/activity_last.gif);
	background-repeat:no-repeat;
	background-position:right center;
}
a.per_page_first{
	background-image:url(../images/icons/activity_first.gif);
	background-repeat:no-repeat;
	background-position:left center;
}
/* - - - - - - - - - - Error Message - - - - - - - - - -  */
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;
	border:none;
}
div.RequiredFieldValidator span{
	padding:0;margin:8px 0 0 0;
	clear:both;
	display:block;
	border:none;
	font-size:95%;
}
/* - - - - - - - - - - Calendar - - - - - - - - - -  */
div.calendar_holder{
	margin:0;padding:0;
	width:225px;
	font-size:1em;
	text-align:center;
}
div.calendar_holder div.month_container img{margin:0 0 -4px 0}
div.calendar_holder div.month_container input{ height:22px; width:24px;}
div.calendar_holder table{ 
	margin:0; padding:0;
	border-bottom:none;
	border-left:none;
	font-size:80%;
	width:225px;
}
div.calendar_holder table th.bg_colour{
	margin:0; padding:0;
	border-top:none;
	border-right:none;
	width:27px;
	vertical-align:middle;
	text-align:center;
}
div.calendar_holder table th img{
	width:27px;
	margin:2px;
}
div.calendar_holder table td{
	margin:0; padding:4px 2px 4px 2px;
	border-top:none;
	border-right:none;
	vertical-align:middle;
	width:27px;
}
div.calendar_holder a{
	margin:0; padding:0;
	color:#003399;
}
div.month_container{
	margin:0 auto 10px auto;padding:0;
}
div.month_container a img{
	margin:0;padding:0;
	width:22px;
	height:22px;
}
div.month_container select{
	margin:0 0 0 5px;padding:0;
}
div.month_container input{
	margin:0 5px 0 5px;padding:0;
}
/* - - - - - - - - - - Back Button - - - - - - - - - -  */
div.back_button{
	padding:0; margin: 15px 0 0 0;
	text-align:center;
}
div.back_button a:link, 
div.back_button a:visited{
	padding:4px 8px 4px 8px;
	margin:0;
	text-decoration:none;
	font-size:80%;
	line-height:3em;
}
div.back_button a:hover,
div.back_button a:focus,
div.back_button a:active{}
div.back_button ul{
	padding:0; margin:0;
}
div.back_button ul li{
	padding:0; margin:0 4px 0 4px;
	display:inline;
	list-style:none;
}
/* - - - - - - - - - - Emotion - - - - - - - - - -  */
div.cdsm_activity_planner_write_journal{
	margin:5px 0 0 0; padding:0;
}
div.cdsm_activity_planner_write_journal p{
	margin:0 0 5px 0; padding:0;
}
div.activity_write_journal_emotion{
	padding:12px 15px 0 15px;
	margin: 0 0 20px 0;
	margin-left: auto;
	margin-right: auto;
	display:block;
	text-align:left;
	width:506px;
	clear:right;
	height:10em;
}
*html div.activity_write_journal_emotion{
	width:480px;
}
div.activity_write_journal_emotion h4{
	padding:0 0 3px 0;margin:0;
	font-weight:bold;
	font-size:95%;
}
div.activity_write_journal_emotion_ul_hold{
	padding:0px; margin:20px 0 0 0;
	text-align:center;
	width:500px;
}

div.activity_write_journal_emotion ul{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	font-size:80%;
	display:block;
	width:30.0em;
}

div.activity_write_journal_emotion ul li{ 
	padding:0; margin:0;
	text-align:center;
	list-style:none;
	width:1.0em;
	float:left;
}

div.activity_write_journal_emotion ul li img{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
div.activity_write_journal_emotion ul li input{
	padding:0;	
	margin-left:auto;
	margin-right:auto;
	display:block;
}
div.activity_write_journal_emotion ul li label{
	padding:0;
	margin-left:auto;
	margin-right:auto;
	display:block;
}
/* - - - - - - - - - - Skip, Clears, Hides + Hacks - - - - - - - - - -  */
.skip{}
.skip a{
	position: absolute;
	left: -5000px;
	width: 136px;
	position: absolute;
	font-size: 90%;
	font-weight: bold;
	text-decoration: none;
	padding: 5px;
}
.skip a:focus, .skip a:active{
	display: block;
	position: absolute;
	left: 10px;
	top: 10px;
}
.hide{position:absolute; left:-5000px; height:1px; width:1px; overflow:hidden;}
.error{color:#FF0000; font-weight:bold;}
span.break_line{margin:0; padding:0; display:block;}
.clear{	padding:0; margin:0; clear:both;}
div.clearTrue {	padding:0; margin:0; clear:both;}
div.clearFalse {padding:0;margin:0;}
.clear_right{clear:right;}
.clear_left{clear:left;}

/* - - - - - - - - - - IE Clear Hack - - - - - - - - - -  */
*html .clear_ie{padding:0; margin:0; clear:both;}
.clear_ie{padding:0; margin:0; clear:none;}


/** Styles to display an attachment if there is one **/
div.no_attachment_icon{}

td.activity_name div.attachment_icon a{padding:0 0 0 25px; margin:0 0 0 0;
background:url(../images/icons/message_attachment2.jpg) no-repeat;}
td.activity_name span{padding:0; margin:0; display:block;}

/* - - - - - - - - - - Login Bar - - - - - - - - - -  */
div.logout_bar{margin:5px 0 10px 164px; padding:5px 10px; font-size:80%;}
div.logout_bar p{margin:0; padding:0;}
div.logout_bar a{margin:0; padding:0; font-weight:bold; text-decoration:underline;}
div.logout_bar div.login_name{margin:0; padding:0; float:left; clear:none; width:75%;}
div.logout_bar div.logout_link{margin:0; padding:0; float:right; clear:none; width:8em; text-align:right;}

/* - - - - - - - - - - Groups - - - - - - - - - -  */
div.available_groups{padding:0; margin:15px 0 0 0;}
div.available_groups ul{margin:0; padding:0; list-style-type: none; font-size:90%;}
div.available_groups ul li{padding:10px 0 10px 0; list-style-type: none;}